/*-----------------------------------------------------------------------------------

    Template Name: Shhaad Restaurant Bootstrap Template
    Template URI: http://uiexpert.net/
    Description: This is a one page html5 template for restaurant
    Author: UI-Expert
    Author URI: http://uiexpert.net/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    [TABLE OF CONTENTS]
    ===================
	
    1. Theme default CSS & Fonts Import(body, link color, section etc)
	2. Typography
	3. Global Styles
	4. header-area
		4.1 header-left
		4.2 header-center
		4.3 header-right
		4.4 sticky-menu
		4.5 mobile-menu
	5. slider-area
	6. our-story-area
		6.1 our-story-left
		6.2 our-story-right
	7. our-service-area
	8. our-menu-area
	9. our-chefs-area
	10. our-gallery-area
	11. reservation-area
	12. latest-blog-area
	13. testimonial-area
	14. contact-area
	15. footer-area
		15.1 footer-top
		15.2 footer-bottom
	16. scrollup
	17. breadcrumb-area
	18. Blog Page
		18.1 our-blog-area
		18.2 pagination-area
		18.3 sidebar
			18.3.1 recent-blog-posts
			18.3.2 categories-list & recent-comments
			18.3.3 ad-banner-img
	19. Blog Details Page
		19.1 about-post-author
		19.2 comments-area
	20. Blog Details Page Style 2
	21. Blog Details Page With Sidebar

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Theme default CSS & Fonts Import
/*----------------------------------------*/
@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700|Bree+Serif:400,700';

html, 
body {
	height: 100%;
}
img {
	max-width: 100%;
	height: auto
}
a {
	-webkit-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
	text-decoration: none;
}
a:focus, input:focus {
	outline: 0px solid;
	text-decoration: none;
}
a:hover {
	color: #ec4445;
	text-decoration: none;
}
a:active, a:hover {
	outline: 0 none;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0
}
body {
	font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	margin: 0 0 10px;
}
p {	
	color: #666;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 15px;
}
input[type="text"]:focus, 
input[type="phone"]:focus, 
input[type="email"]:focus, 
textarea:focus{
	border: 1px solid #fe5858 !important;
}

.floatleft {float:left;}
.floatright {float:right;}
.alignleft {float:left;margin-right:15px;margin-bottom:15px;}
.alignright {float:right;margin-left:15px;margin-bottom:15px;}
.aligncenter {display:block;margin:0 auto 15px;}
.clear {clear:both;}
.fix {overflow:hidden;}
.container {width: 1200px;}
.width-500 {width: 500px;}
.width-325 {width: 325px;}
/*----------------------------------------*/
/*  2. Typography
/*----------------------------------------*/
@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato-black-webfont.eot');
    src: url('fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-black-webfont.woff2') format('woff2'),
         url('fonts/lato-black-webfont.woff') format('woff'),
         url('fonts/lato-black-webfont.ttf') format('truetype'),
         url('fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1{font-size:30px;}
h2{font-size:28px;}
h3{font-size:26px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
/*----------------------------------------*/
/*  3. Global Styles
/*----------------------------------------*/
.section-title h1 {
	font-family: 'latoblack';
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.section-title h1:after {
	content: url(img/line.png);
	position: absolute;
	width:100%;
	height:100%;
	top:18px;
	left:0;
}
/*----------------------------------------*/
/*  4. header-area
/*----------------------------------------*/
.header-area {
	background: #fff none repeat scroll 0 0;
	display: inline-block;
	width: 100%;
	margin-bottom: -5px;
}
/*----------------------------------------*/
/*  4.1 header-left
/*----------------------------------------*/
.header-left {
	background: #fff none repeat scroll 0 0;
	float: left;
	padding-left: 50px;
	padding-top: 22px;
	width: 19.5%;
}
/*----------------------------------------*/
/*  4.2 header-center
/*----------------------------------------*/
.header-center {
	background: #fff none repeat scroll 0 0;
	float: left;
	width: 61%;
}
.main-menu {
	text-align: center;
}
.main-menu ul li{
	display:inline-block;
} 
.main-menu ul li a{
	color:#666;
	display: inline-block;
	font-size:14px;
	font-weight: 500;
	line-height: 23px;
	padding: 30px 16px;
	position:relative;
	text-transform:uppercase;
}
.main-menu ul li.current a{
	color:#fe5858;
}
.main-menu ul li a:before,
.main-menu ul li a:after{
	content:"";
	background:#fe5858 none repeat scroll 0 0;
	height:2px;
	position:absolute;
	width:0%;
	opacity:0;
	filter: alpha(opacity=0);
	-webkit-transition:all 0.3s linear 0s;
	        transition:all 0.3s linear 0s;
}
.main-menu ul li a:before {
	right: 0;
	top: 0;
}
.main-menu ul li a:after {
	left: 0;
	bottom: 0;
}
.main-menu ul li a:hover{
	background: #f6f6f6 none repeat scroll 0 0;
	color: #fe5858;
}
.main-menu ul li a:hover:before,
.main-menu ul li.current a:before,
.main-menu ul li a:hover:after,
.main-menu ul li.current a:after{
	opacity: 1;
	filter: alpha(opacity=100);
	width: 100%;
}
/*----------------------------------------*/
/*  4.3 header-right
/*----------------------------------------*/
.header-right {
	background: #fff none repeat scroll 0 0;
	float: left;
	padding-right: 50px;
	padding-top: 29px;
	width: 19.5%;
}
.header-search,
.header-contact {
	float: right;
}
.header-search {
	position: relative;
}
.header-search .search-btn {
	background: transparent none repeat scroll 0 0;
	border: none;
}
.header-contact i,
.header-search i {
	color: #666;
	font-size: 14px;
	padding-right: 15px;
}
.header-search i {
	border-right: 1px solid #999;
}
.header-search .search-form {
	position: absolute;
	right: 5px;
	top: 150%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	z-index: -999;
}
.search-field {
	position: relative;
	overflow: hidden;
}
.search-field > input {
    border: 1px solid #ccc;
    height: 40px;
	padding: 0 30px 0 20px;
    width: 200px;
}
.search-field .search {
	background: transparent;
	border: none;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.search-field .search i {
	border-right: none;
}
.header-contact i {
	padding-left: 15px;
}
.header-search:hover .search-btn i {
	color: #fe5858;
} 
.header-search:hover .search-form {
	opacity: 1;
	top: 100%;
	z-index: 99999;
}
/*========================================*/
/*  4.4 sticky-menu
/*========================================*/
.sticky-wrapper {
	position: relative;
	z-index: 99999;
}
#header {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999999;
}
#header.sticky {
	z-index: 999999;
}
#header.sticky {
	position: fixed;
	-webkit-transition: all 0.5s ease 0s;
			transition: all 0.5s ease 0s;
	width: 100%;
}
/*========================================*/
/*  4.5 mobile-menu
/*========================================*/
.mobile-menu-area {
	background: transparent none repeat scroll 0 0;
}
.mean-container {
	background: #fe5858 none repeat scroll 0 0;
	margin-bottom: 15px;
}
.mean-container .mean-nav ul li a:hover {
	background: #f8f8f8 none repeat scroll 0 0;
	color: #fe5858;
}
.mean-container .mean-bar::after {
	font-size: 20px;
	font-weight: 700;
}

/*========================================*/
/*  5. slider-area
/*========================================*/
.slider-area {
	padding-top: 83px;
}
.nivo-caption {
	opacity: 1;
}
.nivo-caption p {
	margin: 0;
	padding: 0;
}
.nivo-caption a {
  display: inline-block !important;
}
.nivo-prev-icon,
.nivo-next-icon {
	color: #999;
	font-size: 20px;
	position: relative;
	text-align: center;
	z-index: 999;
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}
.nivo-prev-icon {
	padding: 40px 0 0 16px;
}
.nivo-next-icon {
	padding: 40px 16px 0 0;
}
.nivo-prev-icon::after {
	border-bottom: 50px solid transparent;
	border-left: 50px solid #fff;
	border-top: 50px solid transparent;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: -1;
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}
.nivo-next-icon::after {
	border-bottom: 50px solid transparent;
	border-right: 50px solid #fff;
	border-top: 50px solid transparent;
	content: "";
	height: 0;
	right: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: -1;
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}
.nivo-prev-icon:hover,
.nivo-next-icon:hover {
	color: #fff;
}
.nivo-prev-icon:hover::after {
	border-left: 50px solid #fe5858;
}
.nivo-next-icon:hover::after {
	border-right: 50px solid #fe5858;
}
.nivo-controlNav {
	margin-top: -45px;
	padding: 15px 0;
	position: relative;
	text-align: center;
	z-index: 9999;
}
.nivo-controlNav a {
	background: #ccc none repeat scroll 0 0;
	border-radius: 50%;
	cursor: pointer;
	color: #999;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: 0 3px;
	text-indent: -9999px
}
.nivo-controlNav a.active {
  background: #999 none repeat scroll 0 0;
}
.slide1-content {
	border-left: 5px solid #fc7878;
	padding-left: 35px;
	position: absolute;
	right: 15.3%;
	top: 36.4%;
	width: 37%;
}
.layer-1-1 {
	left: 15.5%;
	position: absolute;
	top: 26.5%;
}
.layer-1-1 img {
	-webkit-animation: 0.5s ease-in-out 0.8s normal backwards 1 running fadeInLeft;
			animation: 0.5s ease-in-out 0.8s normal backwards 1 running fadeInLeft;
}
.layer-1-2 .title1 {
	color: #444;
	font-family: "Bree Serif",serif;
	font-size: 35px;
	line-height: 35px;
	text-transform: uppercase;
	-webkit-animation: 0.5s ease-in-out 1.2s normal backwards 1 running fadeInRight;
			animation: 0.5s ease-in-out 1.2s normal backwards 1 running fadeInRight;
}
.layer-1-2 .title2 {
	color: #fe5858;
	font-family: 'latoblack';
	font-size: 80px;
	line-height: 60px;
	margin-left: -5px;
	text-transform: uppercase;
	-webkit-animation: 0.5s ease-in-out 1.6s normal backwards 1 running fadeInRight;
			animation: 0.5s ease-in-out 1.6s normal backwards 1 running fadeInRight;
}
.layer-1-3 p {
	color: #666;
	font-family: "Lato",sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 27px 0 0;
	-webkit-animation: 0.5s ease-in-out 2s normal backwards 1 running fadeInUp;
			animation: 0.5s ease-in-out 2s normal backwards 1 running fadeInUp;
}
.layer-1-4 {
	display: inline-block;
	margin: 25px 0 0;
	-webkit-animation: 0.5s ease-in-out 2.5s normal backwards 1 running rotateInDownLeft;
			animation: 0.5s ease-in-out 2.5s normal backwards 1 running rotateInDownLeft;
}
.layer-1-4 .discover-btn {
	background: #fe5858 none repeat scroll 0 0;
	border: 1px solid #fe5858;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	padding: 13px 20px;
	display: inline-block;
	text-transform: uppercase;
}
.layer-1-4 .discover-btn:hover {
	background: transparent none repeat scroll 0 0;
	color: #fe5858;
}
/*========================================*/
/*  6. our-story-area
/*========================================*/
.our-story-area {
	overflow: hidden;
	padding: 90px 0 100px;
}
/*----------------------------------------*/
/*  6.1 our-story-left
/*----------------------------------------*/
.our-story-left {
	padding: 44px 0 0;
}
.our-story-img {
	display: inline-block;
	position: relative;
	padding: 20px;
}
.our-story-img span.upper:before,
.our-story-img span.upper:after, 
.our-story-img span.lower:before, 
.our-story-img span.lower:after {
	content: '';
	position: absolute;
	height: 40px;
	width: 40px;
}
.our-story-img span.upper:before {
	border-top: 2px solid #fe5858;
	border-left: 2px solid #fe5858;
	left:0;
	top:0;
}
.our-story-img span.upper:after {
	border-top: 2px solid #fe5858;
	border-right: 2px solid #fe5858;
	right:0;
	top:0;
}
.our-story-img span.lower:before {
	border-bottom: 2px solid #fe5858;
	border-left: 2px solid #fe5858;
	left:0;
	bottom:0;
}
.our-story-img span.lower:after {
	border-bottom: 2px solid #fe5858;
	border-right: 2px solid #fe5858;
	right:0;
	bottom:0;
}
/*----------------------------------------*/
/*  6.2 our-story-right
/*----------------------------------------*/
.our-story-right {
	padding: 90px 0 0;
}
.story-title {
	display: inline-block;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
}
.story-title::before {
	background: #ccc none repeat scroll 0 0;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 5px;
	position: absolute;
	left: 0;
	top: 28px;
	width: 5px;
}
.story-title::after {
    background: #d9d9d9 none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 10px;
    position: absolute;
    top: 29px;
    width: 50px;
}
.story-desc {
	padding: 23px 0 0;
}
.story-desc p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 18px;
}
.story-sign {
	margin: 46px 0 0;
	text-align: right;
}
/*----------------------------------------*/
/*  7. our-service-area
/*----------------------------------------*/
.our-service-area {
	background: #f6f6f6 none repeat scroll 0 0;
	padding: 93px 0 66px;
}
.service-content {
    display: inline-block;
    margin: 43px 0 0;
    overflow: hidden;
}
.single-service{
	background: #fff none repeat scroll 0 0;
	margin: 0 0 30px;
	padding: 0 0 20px;
}
.single-service .service-icon {
	background: #434343 none repeat scroll 0 0;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.single-service .service-icon:after {
	background: #434343 none repeat scroll 0 0;
	content: "";
	position: absolute;
	width: 100%;
	height: 100px;
	left:0;
	bottom: -48px;
	border-radius: 130px / 50px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.single-service .service-icon i {
	color: #fff;
	font-size: 40px;
	position: relative;
	top: 24px;
	text-align: center;
	z-index:999;
}
.single-service .service-info {
	margin: 74px 0 0;
}	
.single-service .service-info h6 {
	color: #434343;
	font-weight: 700;
	text-transform:uppercase;
}
.single-service .service-info p {
	width: 84%;
	margin: 0 auto;
}
.single-service:hover .service-icon,
.single-service:hover .service-icon:after {
	background: #fe5858 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  8. our-menu-area
/*----------------------------------------*/
.our-menu-area {
	padding: 93px 0 100px;
}
.our-menu-tabs {
    padding: 37px 0 10px;
}
.our-menu-tabs ul.tab-list{
	text-align: center;
}
.our-menu-tabs ul.tab-list > li{
	display: inline-block;
}
.our-menu-tabs ul.tab-list > li > a {
    color: #666;
    font-size: 18px;
    margin: 0 16px;
    text-transform: capitalize;
}
.our-menu-tabs ul.tab-list > li.active > a {
	border-bottom: 2px solid #ff5858;
    color: #ff5858;
}
.our-menu-tabs ul.tab-list > li > a:hover {
	color: #ff5858;
}
.our-menu-items {
    display: inline-block;
    padding: 30px 0 0;
}
.single-menu-item {
	margin:0 0 30px;
    overflow: hidden;
}
.item-img {
	position: relative;
	overflow: hidden;
}
.item-img > a {
	display: block;
}
.item-img::after {
	background: rgba(254, 88, 88, 0.5) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	pointer-events: none;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.single-menu-item:hover .item-img::after{
	opacity: 1;
}
.menu-item-info .item-name {
	display: inline-block;
	font-family: "Bree Serif",serif;
	font-size: 16px;
	margin-top: 15px;
	text-transform: uppercase;
}
.menu-item-info .item-name > a {
	color: #555;
}
.menu-item-info .item-name > a:hover {
	color: #fe5858;
}
.menu-item-info .item-price {
    color: #ff5858;
    font-size: 18px;
    font-weight: 700;
	margin: 0 0 14px;
}
.load-more-btn-container .load-more {
    background: #333 none repeat scroll 0 0;
	border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    height: 40px;
    line-height: 20px;
    padding: 0 55px;
    text-transform: uppercase;
}
.load-more-btn-container .load-more:hover{
	background: #ff5858 none repeat scroll 0 0;	
}
/*----------------------------------------*/
/*  9. our-chefs-area
/*----------------------------------------*/
.our-chefs-area {
	background: #f6f6f6 none repeat scroll 0 0;
	padding: 94px 0 96px;
}
.all-chefs {
    display: inline-block;
    padding: 44px 0 0;
}
.single-chef {
	-webkit-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.chef-img{
	position: relative;
	overflow: hidden;
}
.chef-img img {
	-webkit-transition:all 0.3s ease-in-out 0s;
	        transition:all 0.3s ease-in-out 0s;
}
.chef-info {
	background: rgba(255,255,255,1) none repeat scroll 0 0;
	padding: 15px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 1;
	filter: alpha(opacity=0);
	text-align: center;
	-webkit-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	        transform: translateY(100%);
	-webkit-transition:all 0.2s ease-in-out 0s;
	        transition:all 0.2s ease-in-out 0s;
}
.chef-name {
    font-family: "Bree Serif",serif;
    font-size: 18px;
	margin: 0 0 4px;
	text-transform: uppercase;
}
.chef-designation {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.chef-social-links {
    margin: 10px 0 0;
    overflow: hidden;
}
.chef-social-links li {
    display: inline-block;
    margin: 0 10px;
}
.chef-social-links li > a {
    color: #333;
}
.chef-social-links li > a:hover{
	color: #ff5858;
}
.single-chef:hover {
    box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.3);	
}
.single-chef:hover .chef-img img {
	-webkit-transform: translateY(-5%);
	    -ms-transform: translateY(-5%);
	        transform: translateY(-5%);
}
.single-chef:hover .chef-info{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	        transform: translateY(0%);
}
/*----------------------------------------*/
/*  10. our-gallery-area
/*----------------------------------------*/
.our-gallery-area {
	padding-bottom: 100px;
	padding-top: 95px;
}
.section-title {
	display: block;
	margin-bottom: 48px;
	text-align: center;
}
.gallery-content {
  	margin-top: 45px;
}
.gallery-item {
	float: left;
	margin-bottom: 30px;
	padding: 0 15px;
	
}
.gallery-item.size1 {
	width: 66.5%;
	height: 770px;
}
.gallery-item.size2 {
	height: 370px;
	width: 33.25%;
}
.gallery-item.size3 {
	height: 770px;
	width: 33.25%;
}
.gallery-item.size4 {
	height: 370px;
	width: 66.5%;
}
.gallery-item img{
	width:100%;
	height: 100%;
}
.gallery-item .gallery-img {
	display: block;
	position: relative;
	overflow: hidden;
}
.gallery-img .gallery-img-overlay {
	background: rgba(254, 88, 88, 0.5) none repeat scroll 0 0;
	box-sizing: border-box;
	display: inline-block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 100%;
}
.gallery-img .gallery-img-overlay .plus-icon {
    overflow: hidden;
    position: relative;
	height: 100%;
	width: 100%;
	display: block;
}
.gallery-img .gallery-img-overlay .plus-icon > a {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.gallery-img .gallery-img-overlay .plus-icon > a > i {
	color: #fff;
	font-size: 25px;
}
.gallery-img:hover .gallery-img-overlay{
	opacity: 1;
	visibility: visible;
}
.gallery-img img{
	width: 100%;
}
.our-gallery-area .load-more-btn-container.text-center {
	margin-top: 50px;
}
/*----------------------------------------*/
/*  11. reservation-area
/*----------------------------------------*/
.reservation-area {
	background: transparent url("img/reservation/reservation-bg.jpg") no-repeat scroll center center;
	background-size: cover;
	padding: 94px 0 96px;
}
.single-field {
	position: relative;
	overflow: hidden;
}
.single-field > input {
	background: #f6f6f6 none repeat scroll 0 0;
	border: 1px solid transparent;
	height: 40px;
	outline: none;
	margin: 0 0 10px;
	padding: 0 20px;
	width: 100%;
}
.single-field > textarea {
	background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid transparent;
    outline: none;
	height: 120px;
    width: 100%;
    padding: 12px 20px;
}
.single-field i {
	color: #999;
	font-size: 13px;
	position: absolute;
	pointer-events: none;
	right: 20px;
	top: 15px;
}
.reservation-form-area {
    display: inline-block;
    padding: 45px 0 0;
    width: 100%;
}
.reservation-btn-container {
	text-align: center;
}
.reservation-form-area .reservation-btn {
	background: #333 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	margin: 20px 0 0;
	padding: 15px 40px;
	text-align: center;
	text-transform: uppercase;
}
.reservation-form-area .reservation-btn:hover {
	background: #ff5858 none repeat scroll 0 0;
	-webkit-transition:all 0.3s ease 0s;
	        transition:all 0.3s ease 0s;
}
/*----------------------------------------*/
/*  12. latest-blog-area
/*----------------------------------------*/
.latest-blog-area {
	background: #f6f6f6 none repeat scroll 0 0;
	padding: 94px 0 96px;
}
.latest-blog-posts {
   display: inline-block;
   padding: 45px 0 0;
}
.single-blog-post {
	background: #f6f6f6 none repeat scroll 0 0;
	border: 15px solid #fff;
}
.post-img {
	position: relative;
	overflow: hidden;
}
.post-img .post-overlay {
	background: rgba(239, 239, 239, 0.8) none repeat scroll 0 0;
	box-sizing: border-box;
	display: inline-block;
	height: 90%;
	left: 50%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 92%;
	text-align: center;
}
.post-icon {
    overflow: hidden;
    position: relative;
	height: 100%;
	width: 100%;
	display: block;
}
.post-icon > a {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.post-icon > a > i {
	color: #333;
	font-size: 30px;
	-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}
.post-icon > a:hover > i {
	color: #fe5858;
}
.post-details {
	display: inline-block;
	padding: 20px 30px;
}
.post-details .post-meta {
	color: #fe5858;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.post-details .post-meta span {
	font-family: 'latoblack';
	font-size: 25px;
}
.post-details .post-title {
	color: #666;
	font-family: "Bree Serif",serif;
	font-size: 16px;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.post-details .post-title > a {
	color: #666;
}
.post-details .post-title > a:hover {
	color: #fe5858;
}
.post-details .read-more {
	border: 2px solid #faa7a7;
	border-radius: 5px;
	color: #666;
	display: inline-block;
	font-weight: 500;
	margin: 12px 0 0;
	padding: 14px 26px;
	text-transform: uppercase;
}
.post-details .read-more:hover {
	background: #fe5858 none repeat scroll 0 0;
	border: 2px solid #fe5858;
	color: #fff;
}
.single-blog-post:hover .post-img .post-overlay{
	opacity: 1;
	visibility: visible;
}
.latest-blog-area .load-more-btn-container {
  	margin-top: 80px;
}
/*----------------------------------------*/
/*  13. testimonial-area
/*----------------------------------------*/
.testimonial-area {
	background: #f6f6f6 none repeat scroll 0 0;
	padding: 95px 0 100px;
}
.testimonial-content {
	padding: 45px 0 0;
}
.testimonial-content .col-md-6 {
	width: 100%;
}
.testimonial-img {
	background: #fff none repeat scroll 0 0;
	float: left;
	height: 170px;
	padding: 20px;
	width: 170px;
}
.testimonial-img img {
	border-radius: 100%;
	height: 130px;
	width: 130px;
}
.testimonial-desc {
	overflow: hidden;
	padding-left: 30px;
}
.testimonial-author {
	color: #666;
	font-family: "Bree Serif",serif;
	font-size: 16px;
	text-transform: uppercase;
}
.author-designation {
	color: #999;
	font-size: 13px;
	font-weight: 500;
}
.testimonial-text {
	color: #999;
	font-weight: 400;
}
/*----------------------------------------*/
/*  14. contact-area
/*----------------------------------------*/
.contact-area {
	position: relative;
	overflow: hidden;
}
#map {
	height: 450px;
	width: 100%;
}
.contact-details {
  	background: rgba(254, 254, 254, 0.8) none repeat scroll 0 0;
  	height: 100%;
  	left: 19.5%;
	top: 0;
  	padding: 115px 75px 0;
  	position: absolute;
}
.contact-details > h6 {
    color: #434343;
    font-family: 'latoblack';
    padding-left: 10px;
    position: relative;
    text-transform: uppercase;
}
.contact-details > h6::before {
	background: #fe5858 none repeat scroll 0 0;
	content: "";
	height: 15px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 3px;
}
.restaurant-info {
	padding: 15px 0 0;
}
.restaurant-info i{
	color: #666;
	font-size: 25px;
	float: left;
	margin: 7px 30px 0 0;
}
.restaurant-info p{
	overflow: hidden;
	display: block;
	margin: 0 0 18px;
}
.restaurant-info p span {
	font-size: 13px;
	color: #333;
}
.restaurant-info p > a {
	color: #333;
	display: block;
}
.restaurant-info p > a:hover {
	color: #fe5858;
}
/*----------------------------------------*/
/*  15. footer-area
/*----------------------------------------*/
/*----------------------------------------*/
/*  15.1 footer-top
/*----------------------------------------*/
.footer-top-area {
	padding: 95px 0 90px;
}
.widget-title {
	color: #434343;
	font-family: 'latoblack';
	padding-left: 10px;
    position: relative;
	text-transform: uppercase;
}
.widget-title::before {
	background: #fe5858 none repeat scroll 0 0;
	content: "";
	height: 15px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 3px;
}
.single-footer-widget .about-text {
	margin-top: 32px;
}
.footer-social-links {
	display: inline-block;
	margin: 15px 0 0;
}
.footer-social-links li {
	float: left;
	margin-right: 20px;
}
.footer-social-links li a {
	color: #666;
}
.footer-social-links li a:hover {
	color: #fe5858;
}
.newsletter-subscription > p{
	color: #666;
	padding: 22px 0 0;
} 
.newsletter-subscription .newsletter-form input[type="text"] {
    background: #f6f6f6 none repeat scroll 0 0;
	border: 1px solid #999;
    color: #666;
    height: 35px;
    margin: 7px 0 0;
    padding: 0 20px;
    width: 100%;
}
.newsletter-form input[type=text]::-webkit-input-placeholder {
    color: #666;
}
.newsletter-form input[type=text]:-moz-placeholder { /* Firefox 18- */
    color: #666;  
    opacity: 1;
}
.newsletter-form input[type=text]::-moz-placeholder {  /* Firefox 19+ */
    color: #666;  
    opacity: 1;
}
.newsletter-form input[type=text]:-ms-input-placeholder {  
    color: #666;  
}
.newsletter-subscription .newsletter-form .subscribe-btn{
	background: #f6f6f6 none repeat scroll 0 0;
	border: 1px solid #999;
	color: #333;
	font-weight: 700;
	margin: 15px 0 0;
	padding: 12px 20px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}
.newsletter-subscription .newsletter-form .subscribe-btn:hover {
	background: #fe5858 none repeat scroll 0 0;
	border: 1px solid #fe5858;
	color: #fff;
}
.instagram-feeds {
	padding: 28px 0 0;
}
.instagram-feeds .row{
	margin-left: -5px;
	margin-right: -5px;
}
.instagram-feeds .col-md-4{
	padding: 0 5px;
}
.instagram-img{
	display: block;
	margin: 0 0 10px;
	position: relative;
	overflow: hidden;
}
.instagram-img a{
	display: block;
	position: relative;
	overflow: hidden;
}
.instagram-img .instagram-img-overlay {
	background: rgba(254, 88, 88, 0.5) none repeat scroll 0 0;
	box-sizing: border-box;
	display: inline-block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 100%;
}
.plus-icon {
    overflow: hidden;
    position: relative;
	height: 100%;
	width: 100%;
	display: block;
}
.plus-icon > a {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.plus-icon > a > i {
	color: #fff;
	font-size: 25px;
}
.instagram-img:hover .instagram-img-overlay{
	opacity: 1;
	visibility: visible;
}
.instagram-img img{
	width: 100%;
}
/*----------------------------------------*/
/*  15.2 footer-bottom
/*----------------------------------------*/
.footer-bottom{
	background: #ccc none repeat scroll 0 0;
}
.copyright-area p.copyright-text{
	margin: 15px 0;
}
/*----------------------------------------*/
/*  16. scrollup
/*----------------------------------------*/
a#scrollUp {
    display: inline-block;
    height: 50px;
	width: 50px;
	right: 6.5%;
	bottom: 0;
	background: #999 none repeat scroll 0 0;
	text-align: center;
	line-height: 50px;
	position: fixed;
	-webkit-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
a#scrollUp > i{
	color: #fff;
	font-size: 20px;
}
a#scrollUp:hover {
	background: #fe5858 none repeat scroll 0 0;
}

/*----------------------------------------*/
/*  17. breadcrumb-area
/*----------------------------------------*/
.breadcrumb-area {
	background: url(img/page-title-bg.jpg) transparent no-repeat scroll 0 0;
	background-size: cover;
	margin: 83px 0 0;
	padding: 130px 0 0;
}
.page-title.text-center {
	color: #fe5858;
	font-family: 'latoblack';
	font-size: 35px;
	text-transform: uppercase;
}
.breadcrumb {
	background: #fff none repeat scroll 0 0;
	border-radius: 0;
	margin: 87px 0 0;
	padding: 12px 15px;
	width: 230px;
}
.breadcrumb-item > a,
.breadcrumb-item.active {
	color: #999;
}
.breadcrumb-item > a:hover {
	color: #fe5858;
}
/*----------------------------------------*/
/*  18. Blog Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  18.1 our-blog-area
/*----------------------------------------*/
.our-blog-area {
	background: #f6f6f6 none repeat scroll 0 0;
	padding: 56px 0 100px;
}
.our-blog-area .single-blog-post {
	margin-bottom: 30px;
}
/*----------------------------------------*/
/*  18.2 pagination-area
/*----------------------------------------*/
.pagination-area {
	background: #fff none repeat scroll 0 0;
	margin-top: 18px;
}
.pagination {
	border-radius: 0;
	margin: 0;
}
.pagination > li > a {
	border: medium none;
	color: #666666;
	font-size: 16px;
	font-weight: 500;
	padding: 16px 12px;
} 
.pagination > li > a.active {
	color: #fe5858;
	position: relative;
}
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover {
	background-color: #fff;
	border-color: medium none;
	color: #fe5858;
}
.pagination > li > a.active::after {
	background: #feabab none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	top: 70%;
	transform: translateX(-50%);
	width: 18px;
}
/*----------------------------------------*/
/*  18.3 sidebar
/*----------------------------------------*/
.single-sidebar-widget {
  	margin-bottom: 30px;
}
.single-sidebar-widget .widget-title {
	background: #434343 none repeat scroll 0 0;
	border-left: 6px solid #fe5858;
  	color: #fff;
  	font-family: 'Lato', sans-serif;
  	font-size: 16px;
  	font-weight: 700;
  	margin-bottom: 0;
  	padding: 20px 20px 20px 40px;
}
.single-sidebar-widget .widget-title::before {
	display: none;
}
/*----------------------------------------*/
/*  18.3.1 recent-blog-posts 
/*----------------------------------------*/
.single-sidebar-widget .recent-blog-posts {
	background: #fff none repeat scroll 0 0;
	padding: 30px 40px;
	display: inline-block;
	width: 100%;
}
.sidebar-widget-area.single-blog .single-sidebar-widget .recent-blog-posts {
	background: #faf9f9 none repeat scroll 0 0;
}
.recent-blog-posts .single-recent-blog {
	margin-bottom: 30px;
	overflow: hidden;
}
.recent-blog-posts .single-recent-blog:last-child {
	margin-bottom: 0;
}
.single-sidebar-widget .recent-blog-posts .recent-blog-img {
	float: left;
	height: 70px;
	width: 80px;
}
.single-sidebar-widget .recent-blog-posts .recent-blog-img img {
	height: 100%;
}
.recent-blog-info {
  	float: left;
  	padding-left: 20px;
}
.recent-blog-info a {
	color: #666;
  	font-size: 16px;
  	font-family: 'Bree Serif', sans-serif;
}
.recent-blog-info a:hover {
	color: #fe5858;
}
.recent-blog-info > span {
  	color: #999;
  	font-family: "Lato", sans-serif;
  	font-size: 12px;
  	text-transform: uppercase;
}
/*---------------------------------------------*/
/*  18.3.2 categories-list & recent-comments
/*---------------------------------------------*/
.single-sidebar-widget.categories-list a {
  	color: #666;
  	font-size: 16px;
  	font-weight: 500;
}
.single-sidebar-widget.categories-list span {
  	float: right;
}
.single-sidebar-widget.categories-list ul,
.single-sidebar-widget.recent-comments ul {
	background: #fff none repeat scroll 0 0;
	padding: 30px 40px;
	display: inline-block;
	width: 100%;
}
.sidebar-widget-area.single-blog .single-sidebar-widget.categories-list ul,  
.sidebar-widget-area.single-blog .single-sidebar-widget.recent-comments ul {
	background: #faf9f9 none repeat scroll 0 0;
}  
.single-sidebar-widget.categories-list li {
  	margin-bottom: 7px;
}
.single-sidebar-widget.categories-list li > a {
	display: block;
}
.single-sidebar-widget.categories-list li > a:hover,
.single-sidebar-widget.recent-comments li > a:hover {
	color: #fe5858;
}
.single-sidebar-widget.recent-comments li {
  	display: inline-block;
  	margin-bottom: 5px;
}
.single-sidebar-widget.recent-comments li:last-child {
	margin-bottom: 0;
}
.single-sidebar-widget.recent-comments .comment-author {
	color: #666;
  	font-size: 16px;
  	font-family: 'Bree Serif', sans-serif;
}
.single-sidebar-widget.recent-comments p {
	color: #999;
  	font-family: "Lato",sans-serif;
  	font-size: 13px;
  	line-height: 20px;
}
.single-sidebar-widget.recent-comments li:last-child p {
	margin-bottom: 7px;
}
/*----------------------------------------*/
/*  18.3.3 ad-banner-img
/*----------------------------------------*/
.ad-banner-img {
  	border: 20px solid #fff;
}
.ad-banner-img a {
	display: block;
}
.ad-banner-img img {
  	width: 100%;
}
/*----------------------------------------*/
/*  19. Blog Details Page
/*----------------------------------------*/
.blog-details-area {
  	padding: 80px 0;
}
.single-blog-img {
  	margin-bottom: 50px;
}
.single-blog-details .post-date {
	float: left;
	color: #fe5858;
  	font-size: 18px;
  	font-weight: 700;
  	text-transform: uppercase;
}
.single-blog-details .post-date > span {
  	font-family: "latoblack";
  	font-size: 30px;
}
.post-tags {
  	float: right;
  	font-weight: 600;
  	margin-top: 5px;
  	text-transform: uppercase;
}
.post-tags a {
  	color: #777;
  	font-size: 13px;
  	font-weight: 400;
  	margin-left: 10px;
  	text-transform: capitalize;
}
.post-tags a:hover {
  	color: #fe5858;
}
.single-blog-details .post-title {
  	color: #666;
  	display: inline-block;
  	font-family: "Bree Serif",sans-serif;
  	margin-top: 8px;
  	text-transform: uppercase;
  	width: 100%;
}
.single-post-content {
  	padding-bottom: 55px;
  	padding-top: 40px;
}
.single-post-content p {
  	color: #666;
  	font-size: 14px;
  	line-height: 22px;
  	margin-bottom: 22px;
}
.post-other-metas {
	overflow: hidden;
}
.post-other-metas li {
	border-right: 1px solid #999;
	color: #999;
  	float: left;
  	font-size: 12px;
  	padding: 0 13px;
}
.post-other-metas li:first-child {
	padding-left: 0;
}
.post-other-metas li:last-child {
	border-right: medium none; 
}
.post-other-metas li > a {
	color: #999;
}
/*----------------------------------------*/
/*  19.1 about-post-author
/*----------------------------------------*/
.about-post-author {
	background: #faf9f9 none repeat scroll 0 0;
	overflow: hidden;
  	padding: 25px 30px;
}
.about-post-author .author-img {
  	float: left;
}
.about-post-author .author-info {
  	overflow: hidden;
  	padding-left: 30px;
}
.author-info > h6 {
	color: #434343;
  	font-family: "Lato",sans-serif;
  	font-size: 16px;
  	font-weight: 700;
}
.author-info > p {
  	color: #777;
}
/*----------------------------------------*/
/*  19.2 comments-area
/*----------------------------------------*/
.comments-area {
  	padding: 75px 0 0;
}
.comments-area > h6 {
  	color: #434343;
	font-family: 'latoblack';
	padding-left: 10px;
    position: relative;
	text-transform: uppercase;
}
.comments-area > h6::before {
	background: #fe5858 none repeat scroll 0 0;
	content: "";
	height: 15px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 3px;
}
.single-comment {
	border-bottom: 1px solid #ccc;
  	padding: 40px 0;
}
.single-comment:last-child {
	border-bottom: medium none;
}
.author-avatar {
  	float: left;
}
.comment-info {
  	overflow: hidden;
  	padding-left: 30px;
}
.comment-info > h6 {
  	color: #434343;
  	font-size: 13px;
  	font-weight: 700;
  	margin-bottom: 2px;
  	margin-top: -2px;
  	text-transform: uppercase;
}
.comment {
  	margin-bottom: 40px;
}
.reply {
  	padding-left: 40px;
}
.comment-form-title {
  	font-family: 'latoblack';
  	padding-left: 10px;
    position: relative;
  	text-transform: uppercase;
}
.comment-form-title::after {
	background: #fe5858 none repeat scroll 0 0;
	content: "";
	height: 15px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 3px;
}
.comment-form .single-field {
  	margin-bottom: 20px;
}
.comment-info .commented-on {
	color: #999;
	margin-bottom: 12px;
}
.action-btns {
  	display: inline-block;
  	margin-top: 7px;
}
.action-btns > span {
	border-right: 1px solid #666;
	padding: 0 12px;
}
.action-btns > span:first-child {
	padding-left: 0;
}
.action-btns > span:last-child {
	border-right: medium none;
}
.action-btns > span > a {
	color: #666;
}
.action-btns > span > a:hover {
	color: #fe5858;
}
.comment-form {
  	padding: 38px 0 0;
}
.comment-form .submit-btn {
	padding-top: 30px;
}
.submit-btn > input {
  	background: #fe5858 none repeat scroll 0 0;
  	border: 1px solid #fe5858;
  	border-radius: 5px;
  	color: #fff;
  	font-weight: 700;
  	padding: 14px 35px;
  	text-transform: uppercase;
  	-webkit-transition: all 0.3s ease 0s;
  			transition: all 0.3s ease 0s;
}
.submit-btn > input:hover {
	background: #f6f6f6 none repeat scroll 0 0;
	border: 1px solid #999;
	color: #333;
}
/*----------------------------------------*/
/*  20. Blog Details Page Style 2
/*----------------------------------------*/
.single-blog2 {
	background: #f6f6f6 none repeat scroll 0 0;
}
.single-blog2 .blog-details-area {
	padding: 0;
}
.single-blog2 .single-blog-details, 
.single-blog2 .comments-area, 
.single-blog2 .comments-form-area {
  	background: #fff none repeat scroll 0 0;
  	padding: 0 60px;
}
.single-blog2 .single-blog-details {
	padding-bottom: 80px;
	padding-top: 80px;
}
.single-blog2 .comments-form-area {
	padding-bottom: 80px;
}
.single-blog .footer-area .footer-top-area,
.single-blog2 .footer-area .footer-top-area {
	background: #eeeeee none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  21. Blog Details Page With Sidebar
/*----------------------------------------*/
.single-blog-with-sidebar .single-sidebar-widget .recent-blog-posts {
  	background: #faf9f9 none repeat scroll 0 0;
}
.single-blog-with-sidebar .single-sidebar-widget.categories-list ul, 
.single-blog-with-sidebar .single-sidebar-widget.recent-comments ul {
  	background: #faf9f9 none repeat scroll 0 0;
}
.single-blog-with-sidebar .ad-banner-img {
  	border: 20px solid #faf9f9;
}
.single-blog-with-sidebar .footer-top-area {
  	background: #eee none repeat scroll 0 0;
}