/*

	Template Name: FoodBite

	Author: Themeturn

	Author URI: 

	Description: 

	Version: 1.0

*/





/* Table of Content

==================================================

1.	Global Styles

2. 	Typography

3.	Common styles

4.	SECTION header 

5.	Main slider

6.	section-welcome

7.	SECTION ABOUT

8.	SECTION service

9.	SECTION EVENTS

10. SECTION TESTIMONIAL

11.	SECTION CONTACT

12.	SECTION FOOTER



*/





/* 1 - Google Font

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



@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');



@font-face {

	font-family: 'dancing_scriptregular';

	src: url('../fonts/dancingscript-regular-webfont.html') format('woff2'), url('../fonts/dancingscript-regular-webfont.woff') format('woff'), url('../fonts/dancingscript-regular-webfont.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

}





@charset "utf-8";

@font-face {

  font-family: "DINAKARAN2W";

  font-weight: normal;

  src: url("../fonts/dinakaran2w-webfont.eot?#iefix") format("embedded-opentype"), 

  url("../fonts/dinakaran2w-webfont.ttf") format("truetype"), 

  url("../fonts/dinakaran2w-webfont.svg#DINAKARAN2W") format("svg");

}

.tamilhead

{

 font-family: 'DINAKARAN2W'; font-size:23px; font-weight:bold; background-color:#FFFF99;  color:#DD127B; line-height:18px; letter-spacing:0.6px;

}

.tamiltext

{

 font-family: 'DINAKARAN2W'; font-size:20px;  color:#6b6b6b; line-height:15px; letter-spacing:0.6px;

}

/* 2 - General styles

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



html,

body {

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #666666;

}



html {

	overflow-x: hidden !important;

	width: 100%;

	height: 100%;

	position: relative;

	-webkit-font-smoothing: antialiased;

}



body {

	border: 0;

	margin: 0;

	padding: 0;

	font-size: 14px;

	background: #fff;

}



a {

	color: #555;

	-webkit-transition: color .2s ease;

	-moz-transition: color .2s ease;

	-ms-transition: color .2s ease;

	-o-transition: color .2s ease;

	transition: color .2s ease;

}



a:focus {

	outline: none;

	outline-offset: 0;

}



a:link,

a:visited,

a:hover {

	text-decoration: none;

}



p {

	color: #999;

	font-weight: 400;

	font-size: 14px;

	line-height: 25px;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



img {

	max-width: 100%;

	height: auto;

	

}



iframe,

audio {

	width: 100%;

	height: auto;

	border: none;

}



ul {

	list-style-type: none;

}



a:hover {

	color: #DD127B;

	text-decoration: none;

	transition: all 0.25s ease 0s;

	-moz-transition: all 0.25s ease 0s;

	-webkit-transition: all 0.25s ease 0s;

	-o-transition: all 0.25s ease 0s;

}





/* 2.1 - Headings 

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



h1,

h2,

h3,

h4,

h5,

h6 {

	color: #0B60B4;

	font-weight: 700;

	text-transform: capitalize;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



h1 {

	font-size: 2.5em;

}



h2 {

	font-size: 2.125em;

}



h3 {

	font-size: 1.75em;

}



h4 {

	font-size: 1.375em;

}



h5 {

	font-size: 1.125em;

}



h6 {

	font-size: 0.875em;

}





/* Common button styles */





/* General button style (reset) */



.btn {

	border: none;

	font-family: inherit;

	font-size: inherit;

	color: inherit;

	background: none;

	cursor: pointer;

	padding: 20px 80px;

	display: inline-block;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 700;

	outline: none;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	font-size: 14px;

}



.btn-primary,

.btn-default {

	margin-top: 30px;

}



.btn-primary {

	border: 1px solid#ddd;

	font-size: 12px;

	padding: 13px 30px!important;

	letter-spacing: 0px;

	color: #999;

	-webkit-transition: all .4s ease 0s;

	-o-transition: all .4s ease 0s;

	transition: all .4s ease 0s;

}



.btn-primary:hover {

	border-color: #2e2e2e;

	background: #2e2e2e;

	color: #fff!important;

}



.btn-primary.black {

	border: 1px solid#2e2e2e;

	background: #2e2e2e;

	color: #fff!important;

}



.btn-primary.black:hover {

	border-color: #DD127B;

	background: #DD127B;

	color: #fff!important;

}



.btn-primary.feature {

	border: 1px solid#DD127B;

	background: #DD127B;

	color: #fff;

}



.btn-primary.feature:hover {

	border: 1px solid#fff;

	background: #fff;

	color: #DD127B!important;

}





/*====================================================

	Main styles

 =======================================================*/



.section-padding {

	padding: 30px 0px;

}



.section-heading {

	margin-bottom: 50px;

}



.section-heading h2 {

	margin-top: 0px;

}



.section-heading h3 {

	font-family: 'Dancing Script', cursive;

	font-weight: 400;

	margin-top: 0px;

	color: #DD127B;

}



.section-heading p {

	width: 60%;

	margin: 15px auto 0px;

}





/*=======================================

	SECTION header 

=====================================*/



.page-top {

	padding: 10px 10px 5px;

	border-bottom: 1px solid#eee;

}



.f-left {

	float: left;

}



.f-right {

	float: right;

}



.f-right p {

	color: #aaa;

}



.f-right p span {

	color: #333;

	font-weight: 700;

}



#section-header {

	background: #fff;

}



.navbar-nav li a {

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 700;

	line-height: 24px;

	padding: 33px 20px;

	color: #0B60B4;

	background: transparent!important;

	font-weight: 600;

	letter-spacing: 1px;

}



.navbar {

	border: 0px none;

	float: none;

	margin-bottom: 0px;

	margin-top: 0px;

	min-height: auto;

	padding-left: 20px;

	position: relative;

	z-index: 777;

	border-radius: 0px;

}



.navbar-main .navbar-nav a:hover {

	color: #4668FF;

	background: transparent;

}



.navbar-brand {

	width: 100%;

	height: 80px;

	padding-left: 0px;

	line-height: 80px;

	margin-top: 1px;

}



.navbar-brand a span {

	color: #DD127B;

}



.sticky-wrapper.is-sticky #section-header {

	width: 100%;

	z-index: 999;

	box-shadow: 0px 0px 2px #777;

}



#section-header-sticky-wrapper .navbar-nav li a:hover,

#section-header-sticky-wrapper .navbar-nav li.active a {

	color: #DD127B;

}



/*=================================================================

	Main slider

======================================================================*/



#section-banner {

	position: relative;

	background: url("../images/bg/banner.jpg") 50% 50%;

	background-size: cover;

	padding: 50px 0px;

}



.banner-caption {

	padding: 20px 40px 40px;

	width: 70%;

	text-align: center;

	margin: 0 auto;

}



.banner-caption h2 {

	line-height: 40px;

	color: #fff;

	font-family: 'Dancing Script', cursive;

	font-size: 50px;

}



.banner-caption p {

	color: #ddd;

	margin: 45px 0px 10px;

}



.banner-title span {

	color: #DD127B;

}



.banner-caption i {

	font-size: 60px;

	color: #fff;

	border: 1px solid#fff;

	width: 100px;

	height: 100px;

	display: block;

	text-align: center;

	margin: 0 auto;

	border-radius: 100%;

	margin-bottom: 15px;

	padding-top: 10px;

}





/*============Banner Carousle Controls ===========*/



.carousel-control {

	font-size: 20px;

	color: #fff;

	text-align: center;

	text-shadow: none;

	top: 50%;

	opacity: 0;

	-webkit-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.carousel-control.right,

.carousel-control.left {

	background: none;

	opacity: 0;

}



#banner-carousel .carousel-control.right i,

#banner-carousel .carousel-control.left i {

	width: 60px;

	height: 60px;

	border: 2px solid#fff;

	font-size: 20px;

	line-height: 30px;

	padding-top: 13px;

	opacity: 1;

	border-radius: 100%;

}



#banner-carousel .carousel-control.right:hover i,

#banner-carousel .carousel-control.left:hover i {

	background: #DD127B;

	color: #fff;

	border-color: #DD127B;

}



#banner-carousel:hover .carousel-control {

	opacity: 1;

}



/*=======================================================

 	section-welcome

=========================================================*/



.heading-content {

	margin: 0px 0px 80px;

	text-align: center;

}





/*=======================================================

 	SECTION ABOUT

=========================================================*/



.section-title {

	line-height: 30px;

	margin-top: 10px;

	margin-bottom: 25px;

}



.about-content {

	padding-top: 48px;

}



.about-content h4 {

	margin-bottom: 0px;

	font-weight: normal;

	font-size: 16px;

	color: #DD127B;

}



#section-feature {

	padding: 40px 0px;

	background: #f9f9f9;

}



.feature-box {

	text-align: center;

}



.feature-box a {

	font-size: 35px;

	line-height: 35px;

	width: 80px;

	height: 80px;

	background: #DD127B;

	color: #fff;

	display: block;

	border-radius: 100%;

	padding-top: 20px;

	margin: 0 auto 20px;

	position: relative;

}





/*========================================================

	SECTION PARALLAX

=========================================================*/



#section-parallax {

	background: url("../images/bg/paralax.html") fixed 50% 50%;

	-webkit-background-size: cover;

	background-size: cover;

	padding: 70px 0px;

}



.paralax-content h3 {

	color: #fff;

	font-weight: 400;

	font-family: 'Raleway', sans-serif;

}



.paralax-content h2 {

	color: #fff;

	font-style: italic;

}





/*========================================================

	SECTION SERVICES

=========================================================*/



#section-services {

	padding-bottom: 0px;

}



.service-box {

	margin-bottom: 10px;

}



.service-img img {

	max-width: 100%;

	margin: 0 auto;

	width: 45%;

	float: left;

	margin-right: 20px;

}



.service-content {

	padding: 20px;

}





/*========================================================

	SECTION TESTIMONIAL

=========================================================*/



#section-testi {

	background: url("../images/bg/2.jpg") fixed 50% 50%;

	background-size: cover;

	padding-bottom: 50px;

}



#testimonial-carousel {}



#testimonial-carousel .item .testimonail-caption {

	text-align: center;

	width: 60%;

	margin: 0 auto;

}



#testimonial-carousel .item i {

	font-size: 40px;

	background: #fff;

	width: 80px;

	height: 80px;

	text-align: center;

	padding-top: 20px;

	border-radius: 100%;

	color: #DD127B;

}



#testimonial-carousel .item p {

	margin: 40px 0px;

	color: #fff;

	font-size: 16px;

	line-height: 28px;

	font-style: italic;

}



.test-content h3 {

	color: #fff;

	font-family: 'Dancing Script', cursive;

}



.test-content {

	padding-bottom: 60px;

}





/*========================================================

	SECTION MENU

=========================================================*/



#menu-tab {}



#menu-tab {

	margin-bottom: 60px;

}



.nav-tabs {

	border: none;

	width: 70%;

	margin: 0 auto;

}



.nav-tabs > li > a,

.nav-tabs > li.active > a {

	border: 1px solid#eee;

	border-radius: 0px;

	margin-right: 10px;

	border-bottom: 1px solid#ddd;

	padding: 10px 15px;

}



.nav-tabs > li.active > a,

.nav-tabs > li.active > a:focus,

.nav-tabs > li.active > a:hover {

	background: #DD127B;

	color: #fff;

	border: 1px solid #DD127B;

	font-weight: 700;

}



.menu-item {

	padding-bottom: 30px;

	border-bottom: 1px solid#eee;

}



.menu-item img {

	float: left;

	margin-right: 15px;

	width: 40%;

	background: #fff;

}



.menu-inner {

	padding-top: 30px;

}



.menu-inner h4 {

	padding-bottom: 15px;

	display: block;

	font-family: 'Dancing Script', cursive;

	font-size: 22px;

	line-height: 32px;

}



.menu-inner h4 span {

	margin-left: 20px;

	background: #fff;

	display: inline-block;

	text-align: center;

	line-height: 35px;

	color: #DD127B;

	font-size: 40px;

	float: right;

}





/*========================================================

	SECTION RESERVATION

=========================================================*/



#section-reservation {

	background: url("../images/bg/banner1.jpg") fixed 50% 50%;

	background-size: cover;

}



#section-reservation .section-heading h2 {

	color: #0B60B4;

}



#section-reservation .section-heading p {

	color: #eee;

}



#contact-form {

	width: 80%;

	margin: 0 auto;

}



.contact-form-wrap {

	-webkit-transition: all .4s ease 0s;

	-o-transition: all .4s ease 0s;

	transition: all .4s ease 0s;

	background: #fff;

	padding: 20px 10px;

	border-radius: 3px;

}



#contact-form .form-control {

	border-radius: 0px;

	-webkit-box-shadow: none;

	box-shadow: none;

	border: 1px solid#ddd;

	min-height: 45px;

}



#contact-form .form-group {

	margin-bottom: 25px;

}



.form-control:hover,

.form-control:focus {

	border-color: #e1e1e1;

	-webkit-box-shadow: none;

	box-shadow: none;

}



.contact-form-field:focus {

	background: #F5F5F5;

}



.contact-form-field {

	border-radius: 2px;

	color: #444;

	background-color: transparent;

	font-family: "Muli", sans-serif;

	font-size: 13px;

	padding-left: 26px;

	line-height: 20px;

	-webkit-transition: all .5s ease-in-out 0s;

	-o-transition: all .5s ease-in-out 0s;

	transition: all .5s ease-in-out 0s;

}



.contact-box.contact-page {

	padding: 5px;

	margin-bottom: 25px;

}





/*========================================================

	SECTION EVENTS

=========================================================*/



.event-content {

	margin-top: 30px;

	text-align: center;

}



.event-content h4 {

	margin-bottom: 15px;

	font-weight: 600;

}





/*========================================================

	SECTION CONTACT

=========================================================*/



#section-contact {

	background: #e8e8e8;

	padding: 40px 0px;

}



#contact-form .btn{

	margin-top: 0px;

}

/*========================================================

	SECTION FOOTER

=========================================================*/

.logo{

	width: auto;

}

#section-footer {

	background: #F6F6F6;

	padding: 20px 0px 20px;

}



.footer-content p {

	margin: 20px 0px;

	color: #444;

}



.footer-social li a i {

	color: #474747;

	font-size: 20px;

}



.footer-contact ul li {

	padding: 10px 0px;

}



.footer-contact ul li a {

	

	font-size: 14px;

	color: #333;

}



.footer-contact ul li a i {

	margin-right: 15px;

	color: #333;

	font-size: 16px;

}



.footer-widget li {

	width: 32%;

}



#footer-btm {

	padding: 25px 0px 20px;

}



.copy {

	color: #222;

	text-transform: uppercase;

}



.footer-menu li a {

	text-transform: uppercase;

	color: #222;

}





/*BAck to TOP

=====================*/



#back-to-top {

	right: 40px;

	top: auto;

	z-index: 1;

	-webkit-backface-visibility: hidden;

}



#back-to-top.affix {

	bottom: 60px;

}



#back-to-top .btn.btn-primary {

	padding: 0;

	font-size: 18px;

	width: 41px !important;

	height: 36px !important;

	background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;

	border: 2px solid transparent;

	color: #FFF;

	padding: 0px !important;

	opacity: .5;

}



#back-to-top .btn.btn-primary:hover {

	color: #fff;

	opacity: 1;

	background: #DD127B;

}