/*!
 * TheFoody Multipurpose Bootstrap Template 2016
 * Description: Restaurant/Food/Cafe Business Html Template
 * Author: iGlyphic
 * Author URI:
 * Copyright (c) 2016 iGlyphic
 * Mail: envato.iglyphic@gmail.com
 *
 */
/* -------------------------------------
   TABLE OF CONTENTS

    01. General Styles / Default Typography
    02. restaurant list
    03. Page Title
    04. Footer
    05. Shortcode Social Media
    06. Restaurant List two
    07. restaurant list default
    08. Download App Area Styles
    09. discover new restaurant
    10. banner section
    11. STATIC HEADER
    12. Newsletter
    13. restaurant listing custom search
    14. Nav css
    15. themify icon
    16. blog
    17. Our stuff
    18. section common css
    19. faq page
    20. user login
    21. over ride css
    22. footer style two
    23. reservation Styling
    24. about page
    25. order process step
    26. 404 page
    27. Coming soon
    28. Shortcode - pricing Table
    29. Service - shortcode
    30. contact two
    31. Gallery
    32. My Account Page
    33. order success page
    34. how to order/order process
    35. Media Queries


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



/* ==========================================================
 *  01. General Styles / Default Typography
/* ========================================================= */

@import url(https://fonts.googleapis.com/css?family=Play:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);


html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 25px;
	font-weight: 400;
	color: #333;
	background-attachment: fixed;
}
a, a:link, a:visited, a:active, a:hover {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
a {
    color: #7e8890;
}

.btn-primary {
	color: #fff;
	background-color: #e7604a;
	border-color: #e7604a;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #d45742;
	border-color: #d45742;
}

.btn-success {
	color: #fff;
	background-color: #20ac76;
	border-color: #20ac76;
}
.btn-success.active, .btn-success:active, .btn-success:hover, .open>.dropdown-toggle.btn-success {
	color: #fff;
	background-color: #199e6b;
	border-color: #199e6b;
}

.btn-success:active,.btn-success:active:focus,.btn-success:focus,.btn-success:hover {
	color: #fff;
	background-color:#199e6b;
}




/**
 * Margin Sets
 */

.mr-0 {
	margin-right: 0px !important
}

.mr-1 {
	margin-right: 1px !important
}

.mr-3 {
	margin-right: 3px !important
}

.mr-5 {
	margin-right: 5px !important
}

.mr-10 {
	margin-right: 10px !important
}

.mr-15 {
	margin-right: 15px !important
}

.mr-20 {
	margin-right: 20px !important
}

.mr-25 {
	margin-right: 25px !important
}

.mr-30 {
	margin-right: 30px !important
}

.mr-40 {
	margin-right: 40px !important
}

.mr-50 {
	margin-right: 50px !important
}

.ml-1 {
	margin-left: 1px !important
}

.ml-3 {
	margin-left: 3px !important
}

.ml-5 {
	margin-left: 5px !important
}

.ml-10 {
	margin-left: 10px !important
}

.ml-15 {
	margin-left: 15px !important
}

.ml-20 {
	margin-left: 20px !important
}

.ml-25 {
	margin-left: 25px !important
}

.ml-30 {
	margin-left: 30px !important
}

.ml-40 {
	margin-left: 40px !important
}

.ml-50 {
	margin-left: 50px !important
}

.mt-1 {
	margin-top: 1px !important
}

.mt-3 {
	margin-top: 3px !important
}

.mt-5 {
	margin-top: 5px !important
}

.mt-10 {
	margin-top: 10px !important
}

.mt-15 {
	margin-top: 15px !important
}

.mt-20 {
	margin-top: 20px !important
}

.mt-25 {
	margin-top: 25px !important
}

.mt-30 {
	margin-top: 30px !important
}

.mt-40 {
	margin-top: 40px !important
}

.mt-60 {
	margin-top: 60px !important
}

.mt-50 {
	margin-top: 50px !important
}

.mt-70 {
	margin-top: 70px !important
}

.mt-80 {
	margin-top: 80px !important
}

.mt-90 {
	margin-top: 90px !important
}

.mb-1 {
	margin-bottom: 1px !important
}

.mb-5 {
	margin-bottom: 5px !important
}

.mb-10 {
	margin-bottom: 10px !important
}

.mb-15 {
	margin-bottom: 15px !important
}

.mb-16 {
	margin-bottom: 16px !important
}

.mb-20 {
	margin-bottom: 20px !important
}

.mb-25 {
	margin-bottom: 25px !important
}

.mb-30 {
	margin-bottom: 30px !important
}

.mb-40 {
	margin-bottom: 40px !important
}

.mb-50 {
	margin-bottom: 50px !important
}

.mb-60 {
	margin-bottom: 60px !important
}

.mb-70 {
	margin-bottom: 70px !important
}

.mb-80 {
	margin-bottom: 80px !important
}

.mv-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.mv-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.mv-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.mv-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.mv-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.mv-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.mv-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.mv-70 {
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}

.mh-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.mh-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.mh-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.mh-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.mh-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.mh-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}

.mh-50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

.mh-70 {
	margin-left: 70px !important;
	margin-right: 70px !important;
}

.margin-5 {
	margin: 5px !important;
}

.margin-10 {
	margin: 10px !important;
}

.margin-15 {
	margin: 15px !important;
}

.margin-20 {
	margin: 20px !important;
}

.margin-25 {
	margin: 25px !important;
}

.no-magin,
ul.no-margin,
.margin-0 {
	margin: 0 !important
}

.no-mt,
.mt-0 {
	margin-top: 0 !important
}

.no-mb,
.mb-0 {
	margin-bottom: 0 !important
}

.no-ml,
.ml-0 {
	margin-left: 0 !important
}

.no-mr,
.mr-0 {
	margin-right: 0 !important
}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {
	.mb-0-sm {
		margin-bottom: 0 !important
	}
	.mb-5-sm {
		margin-bottom: 5px !important
	}
	.mb-10-sm {
		margin-bottom: 10px !important
	}
	.mb-15-sm {
		margin-bottom: 15px !important
	}
	.mb-20-sm {
		margin-bottom: 20px !important
	}
	.mb-25-sm {
		margin-bottom: 25px !important
	}
	.mb-30-sm {
		margin-bottom: 30px !important
	}
	.mb-40-sm {
		margin-bottom: 40px !important
	}
	.mb-50-sm {
		margin-bottom: 50px !important
	}
	.mt-10-sm {
		margin-top: 10px !important
	}
	.mt-15-sm {
		margin-top: 15px !important
	}
	.mt-20-sm {
		margin-top: 20px !important
	}
	.mt-25-sm {
		margin-top: 25px !important
	}
	.mt-30-sm {
		margin-top: 30px !important
	}
	.mt-40-sm {
		margin-top: 40px !important
	}
	.mt-50-sm {
		margin-top: 50px !important
	}
}

@media only screen and (max-width: 767px) {
	.mb-5-xs {
		margin-bottom: 5px !important
	}
	.mb-10-xs {
		margin-bottom: 10px !important
	}
	.mb-15-xs {
		margin-bottom: 15px !important
	}
	.mb-20-xs {
		margin-bottom: 20px !important
	}
	.mb-25-xs {
		margin-bottom: 25px !important
	}
	.mb-30-xs {
		margin-bottom: 30px !important
	}
	.mb-40-xs {
		margin-bottom: 40px !important
	}
	.mb-50-xs {
		margin-bottom: 50px !important
	}
	.mt-5-xs {
		margin-top: 5px !important
	}
	.mt-10-xs {
		margin-top: 10px !important
	}
	.mt-15-xs {
		margin-top: 15px !important
	}
	.mt-20-xs {
		margin-top: 20px !important
	}
	.mt-25-xs {
		margin-top: 25px !important
	}
	.mt-30-xs {
		margin-top: 30px !important
	}
	.mt-40-xs {
		margin-top: 40px !important
	}
	.mt-50-xs {
		margin-top: 50px !important
	}
}

@media (max-width: 479px) {
	.mb-5-xss {
		margin-bottom: 5px !important
	}
	.mb-10-xss {
		margin-bottom: 10px !important
	}
	.mb-15-xss {
		margin-bottom: 15px !important
	}
	.mb-20-xss {
		margin-bottom: 20px !important
	}
	.mb-25-xss {
		margin-bottom: 25px !important
	}
	.mb-30-xss {
		margin-bottom: 30px !important
	}
	.mb-40-xss {
		margin-bottom: 40px !important
	}
	.mb-50-xss {
		margin-bottom: 50px !important
	}
	.mt-5-xss {
		margin-top: 5px !important
	}
	.mt-10-xss {
		margin-top: 10px !important
	}
	.mt-15-xss {
		margin-top: 15px !important
	}
	.mt-20-xss {
		margin-top: 20px !important
	}
	.mt-25-xss {
		margin-top: 25px !important
	}
	.mt-30-xss {
		margin-top: 30px !important
	}
	.mt-40-xss {
		margin-top: 40px !important
	}
	.mt-50-xss {
		margin-top: 50px !important
	}
}

/* ------------------ end margin set--------------------- */


/**
 * Padding Sets
 */

.pr-5 {
	padding-right: 5px !important
}

.pr-10 {
	padding-right: 10px !important
}

.pr-15 {
	padding-right: 15px !important
}

.pr-20 {
	padding-right: 20px !important
}

.pr-30 {
	padding-right: 30px !important
}

.pr-40 {
	padding-right: 40px !important
}

.pr-50 {
	padding-right: 50px !important
}

.pr-0,
.no-pr {
	padding-right: 0 !important
}

.pl-5 {
	padding-left: 5px !important
}

.pl-10 {
	padding-left: 10px !important
}

.pl-15 {
	padding-left: 15px !important
}

.pl-20 {
	padding-left: 20px !important
}

.pl-30 {
	padding-left: 30px !important
}

.pl-40 {
	padding-left: 40px !important
}

.pl-50 {
	padding-left: 50px !important
}

.pl-0,
.no-pl {
	padding-left: 0 !important
}

.pt-5 {
	padding-top: 5px !important
}

.pt-10 {
	padding-top: 10px !important
}

.pt-15 {
	padding-top: 15px !important
}

.pt-20 {
	padding-top: 20px !important
}

.pt-25 {
	padding-top: 25px !important
}

.pt-30 {
	padding-top: 30px !important
}

.pt-40 {
	padding-top: 40px !important
}

.pt-50 {
	padding-top: 50px !important
}

.pt-60 {
	padding-top: 60px !important
}

.pt-70 {
	padding-top: 70px !important
}

.pt-80 {
	padding-top: 80px !important
}

.pt-90 {
	padding-top: 90px !important
}

.pt-100 {
	padding-top: 100px !important
}

.pt-0,
.no-pt {
	padding-top: 0px !important
}

.pb-5 {
	padding-bottom: 5px !important
}

.pb-10 {
	padding-bottom: 10px !important
}

.pb-15 {
	padding-bottom: 15px !important
}

.pb-20 {
	padding-bottom: 20px !important
}

.pb-30 {
	padding-bottom: 30px !important
}

.pb-40 {
	padding-bottom: 40px !important
}

.pb-50 {
	padding-bottom: 50px !important
}

.pb-60 {
	padding-bottom: 60px !important
}

.pb-70 {
	padding-bottom: 70px !important
}

.pb-80 {
	padding-bottom: 80px !important
}

.pb-90 {
	padding-bottom: 90px !important
}

.pb-100 {
	padding-bottom: 100px !important
}

.pb-0,
.no-pb {
	padding-bottom: 0 !important
}

.pv-5 {
	padding-top: 5px !important;
	padding-bottom: 5px!important;
}

.pv-10 {
	padding-top: 10px !important;
	padding-bottom: 10px!important;
}

.pv-15 {
	padding-top: 15px !important;
	padding-bottom: 15px!important;
}

.pv-20 {
	padding-top: 20px !important;
	padding-bottom: 20px!important;
}

.pv-30 {
	padding-top: 30px !important;
	padding-bottom: 30px!important;
}

.pv-40 {
	padding-top: 40px !important;
	padding-bottom: 40px!important;
}

.pv-50 {
	padding-top: 50px!important;
	padding-bottom: 50px!important;
}

.pv-60 {
	padding-top: 60px!important;
	padding-bottom: 60px!important;
}

.pv-70 {
	padding-top: 70px!important;
	padding-bottom: 70px!important;
}

.no-pv,
.pv-0 {
	padding-pv: 0 !important;
	padding-bottom: 0 !important;
}

.ph-5 {
	padding-left: 5px !important;
	padding-right: 5px!important;
}

.ph-10 {
	padding-left: 10px !important;
	padding-right: 10px!important;
}

.ph-15 {
	padding-left: 15px !important;
	padding-right: 15px!important;
}

.ph-20 {
	padding-left: 20px !important;
	padding-right: 20px!important;
}

.ph-30 {
	padding-left: 30px !important;
	padding-right: 30px!important;
}

.ph-40 {
	padding-left: 40px !important;
	padding-right: 40px!important;
}

.ph-50 {
	padding-left: 50px!important;
	padding-right: 50px!important;
}

.ph-60 {
	padding-left: 60px!important;
	padding-right: 60px!important;
}

.ph-70 {
	padding-left: 70px!important;
	padding-right: 70px!important;
}

.no-ph,
.ph-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.padding-5 {
	padding: 5px !important
}

.padding-10 {
	padding: 10px !important
}

.padding-15 {
	padding: 15px !important
}

.padding-20 {
	padding: 20px !important
}

.padding-30 {
	padding: 30px !important
}

.no-padding,
.padding-0 {
	padding: 0 !important
}

/* ------------------- end padding setting -----------------*/


/**
 * Section Title
 */

.section-title {
	margin: 0 0 60px;
}

.section-title h2 {
	text-transform: lowercase;
	text-align: center;
	font-size: 40px;
	font-weight: 400;
	margin: 0;
	line-height: 1;
}

.section-title h3 {
	text-align: center;
	font-size: 25px;
	color: #656565;
	text-transform: lowercase;
}

.section-title p {
	font-weight: 400;
	text-align: center;
	margin: 40px 0 0;
	color: #a6a6a6;
	font-size: 20px;
	line-height: 1.4;
}

.section-title.bb {
	padding-bottom: 25px;
	margin: 0 0 40px;
}

.section-title.bb p {
	margin: 19px 0 0;
	font-size: 17px;
	letter-spacing: 0.5px;
	font-weight: 600;
}

.section-title-02 {
	text-align: left;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 20px;
}

.section-title-02 h3 {
	font-size: 34px;
	color: #656565;
	text-transform: lowercase;
	line-height: 1.2;
	margin-bottom: 0;
}

.section-title-02 p {
	margin-top: 15px;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.5px;
}

h1.heading,
h2.heading,
h3.heading,
h4.heading,
h5.heading,
h6.heading {
	line-height: 1.2;
	margin: 0 0 20px;
}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 767px) {
	.section-title h2 {
		font-size: 32px;
	}
	.section-header-3 h2 {
		font-size: 20px;
	}
	.section-header-3 p {
		font-size: 16px;
	}
	.section-title-05 h2 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 35px;
		font-weight: 700;
		text-transform: uppercase;
		position: relative;
	}
}

@media (max-width: 479px) {}


/* ---------- end Section Title ------------- */


/* --------------------- start heading tag --------------- */


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Montserrat', sans-serif;
	line-height: 1.5;
	color: #333;
	font-weight: 400;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
	color: #ebebeb
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin-top: 25px;
	margin-bottom: 20px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
	font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 18px;
	margin-bottom: 13px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
	font-size: 75%
}

h1,
.h1 {
	font-size: 40px;
}

h2,
.h2 {
	font-size: 34px;
}

h3,
.h3 {
	font-size: 26px;
}

h4,
.h4 {
	font-size: 18px;
}

h5,
.h5 {
	font-size: 15px;
}

h6,
.h6 {
	font-size: 13px;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child {
	margin-top: 0;
}

p {
	margin: 0 0 18px
}

p:last-child {
	margin: 0;
}

.lead {
	margin-bottom: 21px;
	font-size: 19px;
	font-weight: 300;
	line-height: 1.3
}

.lead.font-italic {
	letter-spacing: 0.5px;
}

small,
.small {
	font-size: 86%
}

blockquote,
.blockquote {
	overflow: hidden;
	font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;
	font-size: 20px;
	line-height: 40px;
	font-style: italic;
	background: #f5f5f5;
	padding: 32px;
	color: #777;
	font-weight: 300;
	margin: 30px 0;
	border-left: 5px solid #e7604a;
}

hr {
	border: none;
	border-top: 1px solid #ccc;
	margin: 0 0 24px 0;
	width: 100%;
}

@media only screen and (max-width: 1199px) {
	h1,
	.h1 {
		font-size: 29px;
	}
}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 767px) {
	h1,
	.h1 {
		font-size: 36px;
	}
	h2,
	.h2 {
		font-size: 30px;
	}
	h3,
	.h3 {
		font-size: 24px;
	}
	h4,
	.h4 {
		font-size: 16px;
	}
	h5,
	.h5 {
		font-size: 14px;
	}
	h6,
	.h6 {
		font-size: 13px;
	}
}

@media (max-width: 479px) {}

/* --------------------- end heading tag --------------- */

/* --------------------------- from style css --------------------------*/

label {
    font-weight: 400;
    font-size: 14px;
    color: #818a91;
}
form {
    line-height: 20px;
}
.form-control {
    background-color: #fcfcfc;
    color: #818a91;
    border-radius: 0;
    border-color: #dfe5e7;
	padding-left: 2px;
	padding-right: 2px;
    line-height: 44px;
    box-shadow: none;
    transition: border-color .2s linear,background-color .2s linear;
}

.form-control.focus,.form-control:focus {
    outline: 0;
    box-shadow: none;
    border-color: #b9c6cb;
    background-color: #f9f9f9;
}

.form-control[disabled]:focus,.form-control[readonly]:focus {
    background-color: #eee!important;
}

.help-block {
    color: #b7bdc1;
    font-size: 13px;
    line-height: 18px;
}

.highlighted-block {
    padding: 20px;
    background-color: #fafafa;
}


.highlight,mark {
    background-color: #fefcc1;
}

blockquote {
    font-style: italic;
    font-size: 18px;
    color: #818a91;
    line-height: 30px;
}

blockquote footer {
    color: #bbb;
}

.small {
    line-height: 22px;
}

.text-muted {
    color: #bbb;
}

img {
    max-width: 100%;
}

iframe {
    border: none;
}

dl {
    margin-bottom: 0;
    font-size: 14px;
}

dl:after {
    content: '';
    display: table;
    clear: both;
}

dl dd,dl dt {
    float: left;
    display: inline-block;
    padding: 12px 0;
    color: #818a91;
}

dl dt {
    width: 50%;
    font-weight: 600;
    text-align: right;
    padding-right: 16px;
}

dl dd {
    width: 50%;
    padding-left: 16px;
}

dl.icon-holder dt {
    width: 9%;
    text-align: left;
    padding: 4px 0;
    font-size: 16px;
    line-height: 25px;
}

dl.icon-holder dd {
    width: 91%;
    line-height: 25px;
    padding: 4px 10px;
}

/* ---------------- end general css -----------*/



/* ======================================
 *  02. restaurant list
/* ====================================== */

.leftside-filter {
	background-color: #fff;
	border: 1px solid #f6f6f6;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
}
.leftside-filter i.fa.fa-cutlery {
	color: #555;
	font-size: 13px;
	margin-right: 2px;
}
.restaurant-status-title, .restaurant-service-title, .restaurant-cuisines-title {
	color: #555;
	padding: 10px;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 5px;
}
.restaurant-status-filter, .restaurant-service-filter, .restaurant-cuisines-filter {
	padding: 5px 5px 5px 10px;
}
.leftside-filter ul{
	margin-bottom: 0;
}
.restaurant-status-filter input, .restaurant-service-filter input, .restaurant-cuisines-filter input {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
.leftside-filter label{
	color: #e52d16;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}
.leftside-filter input[type='checkbox']:checked + label{
	color: #000;
}
.leftside-filter input[type='checkbox']{
	display: none;
}

.leftside-filter .custom-check{
	opacity: 0;
	-webkit-transition: opacity 0.30s ease-in-out;
	-moz-transition: opacity 0.30s ease-in-out;
	-ms-transition: opacity 0.30s ease-in-out;
	-o-transition: opacity 0.30s ease-in-out;
	transition: opacity 0.30s ease-in-out;
	/*display: none;*/
}
.leftside-filter input[type='checkbox']:checked + label .custom-check{
	opacity: 1;
}
.leftside-filter li label{
	color: #909090;
	font-weight: 400;
}


/* ======================================
 *  03. Page Title
/* ====================================== */

.transparent-list-header .inner-img {
    padding-top: 150px;
    padding-bottom: 70px;
}
.inner-img {
	padding-top: 70px;
	padding-bottom: 70px;
}

.page-title-style2 {
	border: none;
	overflow: hidden;
	position: relative;
	background-size: cover;
}

.title-text h6 {
	font-weight: 400;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.title-text h1 {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 1.5px;
	margin: 5px 0 15px;
	color: #ffffff;
}

.breadcrumbs span {
	color: #f3f3f3;
}

.breadcrumb li a, .breadcrumbs a {
	color: #E2E2E2;
}

.breadcrumb li a:hover, .breadcrumbs a:hover {
	color: #d45742;
}

.breadcrumbs .sep {
	padding-right: 7px;
	padding-left: 3px;
}

.breadcrumbs span {
	color: #f3f3f3;
}


/* ------------- common color ----------- */
.gray-deep-bg {
	background-color: #f9f9f9;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
}

main.main-content.contact-page-two {
	padding-top: 0;
}

/* ======================================
 *  04. Footer
/* ====================================== */

.cell-view {
	display: table-cell;
	vertical-align: middle;
	height: inherit;
}
footer {
	position: relative;
}
#index-footer.footer-area-content {
	margin-top: 0;
}
.footer-area-content {
	background: #26262A none repeat scroll 0 0;
	padding: 0 0;
	position: relative;
	z-index: 1;
}
.clearfix.visible-sm-block {
	height: 35px;
	float: left;
	width: 100%;
}
.footer-columns-entry {
	border-top: 1px solid #464646;
	padding: 30px 0 30px 0;
	position: relative;
}
.footer-logo {
	display: block;
	margin-bottom:0;
}
.footer-description {
	font-size: 14px;
	line-height: 24px;
	color: #a6a6a6;
	font-weight: 400;
}
.footer-description b {
	font-weight: 500;
	color: #3c3c3c;
}
.footer-address {
	font-size: 15px;
	line-height: 26px;
	color: #a6a6a6;
	font-weight: 400;
}
.footer-address a {
	color: #a6a6a6;
}
.footer-address a b {
	font-weight: 600;
	color: #03b4ea;
}
#content-block .footer-address a:hover, #content-block .footer-address a:hover b {
	color: #3c3c3c;
}
.footer-columns-entry .column-title {
	margin-bottom: 20px;
	font-weight: 400;
	color: #343434;
	line-height: 20px;
}
.footer-columns-entry .column {
	list-style: none;
	font-weight: 400;
	color: #989898;
	font-size: 15px;
	line-height: 20px;
	margin-top: -5px;
}
.footer-columns-entry .column a {
	color: #989898;
	display: inline-block;
	padding: 5px 0;
}
.footer-columns-entry .column a:hover {
	color: #03b4ea;
}
.footer-bottom-navigation {
	padding: 20px 0;
	display: table;
	width: 100%;
	position: relative;
}
.footer-bottom-navigation .cell-view {
	position: relative;
}
.footer-bottom-navigation .footer-links {
	font-size: 0;
}
.footer-links a {
	font-size: 14px;
	color: #3c3c3c;
	padding-right: 15px;
	display: inline-block;
	border-right: 1px #cfcfcf solid;
	margin-right: 15px;
	margin-bottom: 7px!important;
	margin-top: 7px;
	vertical-align: top;
}
.footer-links a:last-child {
	padding-right: 0;
	border: none;
	margin-right: 0;
}
.footer-links a:hover {
	color: #03b4ea;
}
.payment-methods {
	text-align: right;
	font-size: 0;
}
.payment-methods a {
	display: inline-block;
	border: 1px #ebebeb solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
	vertical-align: top;
	margin-top: 5px;
}
.payment-methods a:hover {
	opacity: 0.5;
}
.payment-methods a img {
	display: block;
}
.payment-methods a:last-child {
	margin-right: 0;
}
.copyright {
	font-size: 14px;
	line-height: 14px;
	color: #7f7f7f;
	padding: 7px 0;
}
.copyright a {
	font-weight: 600;
	color: #03b4ea;
}
#content-block .copyright a:hover {
	color: #3c3c3c;
}
.footer-copyright-wrapper {
	text-align: center;
	padding: 40px 0;
	border-top: 1px solid #f0f0f0;
}
.footer-description, .footer-address, .footer-columns-entry .column {
	margin-bottom: 15px;
	padding-left: 0;
}
@media (max-width:1199px) {
	.payment-methods {
		text-align: left;
	}
}
@media (max-width:991px) {
	.footer-bottom-navigation {
		display: block;
	}
	.footer-bottom-navigation .cell-view {
		display: block;
		margin-bottom: 15px;
	}
	.footer-address {
		margin-bottom: 50px;
	}
}
@media (max-width:767px) {
	.footer-bottom-navigation {
		padding: 30px 0;
	}
	.footer-description, .footer-address, .footer-columns-entry .column {
		margin-bottom: 20px;
	}
	.footer-columns-entry .column-title {
		margin-bottom: 10px;
	}
	.footer-bottom-navigation .footer-links {
		margin-bottom: 5px;
	}
	.copyright {
		margin-bottom: 20px;
	}
}
.footer-wrapper.style-3 .footer-columns-entry .column a {
	color: rgba(255, 255, 255, 0.5);
}
.footer-wrapper.style-3 .footer-address a b {
	color: #fff;
}
.footer-wrapper.style-3 .footer-columns-entry .column a:hover, .footer-wrapper.style-3 .footer-bottom-navigation .footer-links a:hover {
	color: #fff;
}
.footer-wrapper.style-3 #content-block .footer-address a:hover, .footer-wrapper.style-3 #content-block .footer-address a:hover b {
	color: #fff;
	text-decoration: underline;
}
.footer-wrapper.style-3 .footer-columns-entry .column-title {
	color: #fff;
}
.footer-wrapper.style-3 .footer-description b {
	color: #fff;
}
.footer-wrapper.style-3 .footer-columns-entry {
	/*border: none;*/
}
.footer-wrapper.style-3 .footer-bottom-navigation .footer-links a {
	color: #aaa;
	border-color: #4a4a4a;
}
.footer-wrapper.style-3 .copyright a {
	color: #fff;
}
#content-block .footer-wrapper.style-3 .copyright a:hover {
	color: #fff;
	text-decoration: underline;
}
.footer-wrapper.style-3 #content-block .copyright a:hover {
	color: #fff;
	text-decoration: underline;
}
.footer-bottom.footer-wrapper.style-3 {
	background-color: #212124;
	border-top: #3c3c3c;
}

/* ======================================
 *  05. Shortcode Social Media
/* ====================================== */

.post-facebook {	background: #3280e7; }
.post-facebook:hover { background: #134fa0; }
.post-twitter { background: #32c8de;}
.post-twitter:hover {	background: #188392;}
.post-google-plus {background: #f96f4a;}
.post-google-plus:hover {	background: #eb6440;}
.linkedin  {	background: #729fda;}
.linkedin:hover {background: #3069b6;}

.social-content a{
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#fff;
	margin-right:3px;
}
/* ------------- end Social Media -------------*/




/* --------------- Section: Top - style -------------------- 2*/

#top {
	padding: 10px 0;
}
.style-2 #top {
	background-color: #ed1c3b;
	position: relative;
	z-index: 9;
}
.style-2 #top a {
	color: #fff;
	text-decoration: none;
}
.logo {
	margin-top: 5px;
	margin-bottom: 10px;
}

#top a {
	color: #111;
	text-decoration: none;
}

#top a:hover, a:focus {
	text-decoration: none;
	outline: 0 none;
}

#top i {
	border-radius: 2px;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	margin-right: 5px;
	text-align: center;
	width: 20px;
}




/* ======================================
 *  06.  Restaurant List three
/* ====================================== */

.restaurant-content {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	padding: 0;
}
.restaurant-content li {
	background: #f8f8f8;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
	width: 100%;
	display: block;
	float: left;
	height: auto;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.restaurant-content li:last-child {
	margin-bottom: 0;
}
.restaurant-content li a {
	display: block;
	padding: 25px 20px;
	width: 100%;
	float: left;
}
.restaurant-content li:hover, .restaurant-content li:active, .restaurant-content li:focus {
	background: #eaeaea;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.restaurant-content li .thumb-holder {
	float: left;
	width: 10%;
	height: auto;
	overflow: hidden;
	border-radius: 50px;
	max-width: 65px;
	background: #eee;
}
.restaurant-content li .thumb-holder img {
	border-radius: 50px;
	overflow: hidden;
}
.restaurant-content li .info-box {
	float: left;
	padding-left: 25px;
	width: 91%;
}
.restaurant-content li .info-box h6 {
	margin: 0;
	padding: 0 0 0 0;
	font-size: 18px;
	color: #232838;
	font-weight: 700;
}
.restaurant-content li .info-box span {
	font-size: 12px;
	margin: 0 20px;
}
.info-box .highlight {
	color: #f20707;
}
.info-box .blue .highlight {
	color: #3598f5;
}
.info-box .red .highlight {
	color: #f20707;
}
.info-box .green .highlight {
	color: #1fd00d;
}
.info-box .deep-gray .highlight {
	color: #522f2f;
}
.restaurant-content li .info-box .title-div {
	width: 100%;
	height: auto;
	float: left;
	margin: 5px 0;
	padding: 0 0 7px;
	border-bottom: dashed 1px #ccc;
}
.full-div p{
	font-size: 13px;
}
.button-large.left {
	float: left;
	border: 1px solid #f20707;
}
.button-large.left:hover {
	border: 1px solid #15171d;
	background: #232838;
	color: #fff;
}

@media (max-width: 480px) {

	.restaurant-content li .thumb-holder {
		width: 100%;
		display: block;
		margin: 0 auto 10px;
		float: none;
	}
	.restaurant-content li .info-box {
		width: 100%;
		display: block;
		margin: 0 auto;
		float: none;
		padding: 10px;
	}


}


/* ======================================
 *  07.  restaurant list default
/* ====================================== */

.btn-danger {
	color: #fff;
	background-color: #e7604a;
	border-color: #e7604a;
}
.btn-danger:hover {
	background-color: #d45742;
	border-color: #d45742;
}

.restaurant-list-default .item-block, .restaurant-list-three .item-block{
	margin-bottom: 15px;
}
.item-block {
	display: block;
	margin-bottom: 25px;
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.4);
	transition: .3s ease-in-out;
}

.item-block:hover {
	box-shadow: 0 3px 15px 0 rgba(0,0,0,.4);
	border: 1px solid rgba(231,96,74, 0.65);
}
.item-block header {
	padding: 15px 15px 15px 15px;
	border-bottom: 1px solid #f6f6f6;
	min-height: 97px;
}

.item-block header img {
	width: 64px;
	margin-right: 15px;
	float: left;
	border-radius: 3px;
	padding: 2px;
	border: 1px solid #d1d1d1;
	-webkit-transition:  all 0.3s ease;
	-moz-transition:  all 0.3s ease;
	-ms-transition:  all 0.3s ease;
	-o-transition:  all 0.3s ease;
	transition:  all 0.3s ease;
}
.item-block header img:hover {
	border: 1px solid #e7604a;
}
.item-block header .resume-avatar {
	max-height: 64px;
	width: auto;
}

.item-block header .hgroup {
	display: inline-block;
}

.item-block header h4,.item-block header h5,.item-block header h6 {
	font-weight: 300;
	margin: 0;
}

.item-block header h4 a:hover,.item-block header h5 a:hover,.item-block header h6 a:hover {
	color: #e7604a;
}

.item-block header h4 {
	color: #000;
}

.item-block header h4 a {
	color: #373a3c;
	font-size: 16px;
	font-weight: 700;
}

.item-block header h5 {
	font-size: 13px;
	color: #96a2b2;
}

.item-block header .open-position,.item-block header .time,.item-block header time {
	display: inline-block;
	float: right;
	color: #96a2b2;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 64px;
	text-align: right;
}

.item-block header .open-position {
	font-size: 13px;
	font-style: italic;
}

.item-block header .label {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: 400;
	border-radius: 0;
	padding: 4px 6px;
	margin-top: 6px;
	margin-left: 16px;
	opacity: .85;
}

.item-block header .location,.item-block header .rate {
	display: block;
	color: #96a2b2;
}

.item-block header .location:before,.item-block header .rate:before {
	content: "\f041";
	font-family: FontAwesome;
	padding-right: 10px;
}

.item-block header .rate {
	line-height: 25px;
	margin-top: 6px;
	font-size: 14px;
}

.item-block header .rate:before {
	content: "\f0d6";
}

.item-block header .header-meta {
	float: right;
	text-align: right;
}

.item-block header .header-meta .time,.item-block header .header-meta time {
	line-height: 25px;
	margin-top: 6px;
}

.item-block header small {
	color: #818a91;
	letter-spacing: 0;
}

.item-block header small:before {
	content: '\2014 \00A0';
	margin-left: 10px;
}

.item-block header .action-btn {
	float: right;
	line-height: 66px;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

.item-block .item-body {
	padding: 20px 30px;
	color: #a2a2a2;
}

.item-block .item-body p:last-of-type {
	margin-bottom: 0;
}

.item-block .item-body .tag-list {
	margin-top: 15px;
}

.item-block footer {
	background-color: #fdfdfd;
	padding: 15px 15px;
	line-height: 22px;
}

.item-block footer:after {
	content: '';
	display: table;
	clear: both;
}

.item-block footer .status {
	display: inline-block;
	font-size: 13px;
	line-height: 22px;
	color: #96a2b2;
	margin-bottom: 0;
	float: left;
	margin-right: 15px;
}

.item-block footer .status .fa,.item-block footer .status [class^=ti-] {
	font-size: 13px;
	padding-right: 2px;
}

.item-block footer .action-btn {
	float: right;
	opacity: 1;
	transition: opacity .3s ease-in-out;
}

.item-block footer .details {
	margin: 0;
}

.item-block .item-form {
	position: relative;
	padding: 40px 30px 20px;
}

.item-block .item-form .btn-remove {
	position: absolute;
	top: -12px;
	right: -10px;
}

.item-block:hover .action-btn {
	opacity: 1;
}

.duplicateable-content {
	display: none;
}

.item-blocks-connected .item-block {
	margin-top: 0;
	border-color: #fff;
	border-left-width: 3px;
	box-shadow: none;
	transition: border .1s linear;
}

.item-blocks-connected .item-block:hover {
	box-shadow: none;
	border-color: #29aafe;
}

.item-blocks-connected .item-block header h4 {
	font-size: 20px;
	line-height: 35px;
}

.item-blocks-condensed .item-block {
	margin-top: 10px;
}

@media (max-width:991px) {
	.item-block {
		margin-top: 5px;
	}

	.item-block .item-body,.item-block .item-form,.item-block footer,.item-block header {
		padding-left: 20px;
		padding-right: 20px;
	}

	.item-block header img {
		margin-right: 25px;
		width: 56px;
	}

	.item-block header .open-position,.item-block header .time,.item-block header time {
		line-height: 56px;
	}

	.item-block header .location,.item-block header .rate,.item-block header h4,.item-blocks-connected .item-block header h4 {
		line-height: 27px;
	}

	.item-block header .resume-avatar {
		max-height: 56px;
	}

	.item-block .action-btn {
		opacity: 1!important;
	}
}

@media (max-width:767px) {
	.item-block header {
		text-align: center;
	}

	.item-block header img {
		/*float: none;*/
		margin-right: 0;
		margin-bottom: 20px;
	}

    .item-block header .header-meta,.item-block header .open-position,.item-block header .time,.item-block header time {
        display: block;
        float: none;
        text-align: center;
        margin-top: 10px;
    }

	.item-block header .hgroup {
		display: block!important;
	}

	.item-block header h4 {
		font-size: 18px!important;
	}

	.item-block header .action-btn {
		display: block;
		float: none;
		line-height: 25px;
		margin-top: 20px;
	}

	.item-block footer .details {
		text-align: center;
	}

	.item-block footer .action-btn,.item-block footer .status {
		display: block;
		/*float: none;*/
		text-align: center;
	}

	.item-block footer .status {
		margin-bottom: 15px;
	}

	.item-blocks-connected .item-block {
		margin-top: 20px;
		background-color: #fff;
		border: 1px solid #eee;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
		transition: .3s ease-in-out;
	}

	.item-blocks-connected .item-block:hover {
		box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
	}
}




/* ----------------- restaurant list default ---------------*/

.restaurant-list-three .item-block footer .status {
	margin-right: 20px;
}






/* ===================================================== */
/*  08. Download App Area Styles                           */
/* ===================================================== */


.download-app-area {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
.download-app-sec {
	width: 100%;
	height: 450px;
	float: left;
	position: relative;
	background-size: cover;
}
.download-app-sec .mask {
	background: rgba(231,96,74, 0.8);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.download-app-sec .left-area {
	width: 100%;
	float: left;
	height: 400px;
	overflow: hidden;
	margin-top: 50px;
}
.download-app-sec .right-area {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	padding-top: 155px;
}
.download-app-sec h2 {
	color: #fff;
}
.download-app-sec h5 {
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 35px;
}
.download-app-sec p {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
.down-app-btn i {
	font-size: 30px;
	margin-right: 15px;
}
.down-app-btn {
	width: 170px;
	display: inline-block;
	border-radius: 40px;
	background: rgba(0,0,0,0);
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin: 40px 10px 0 0;
	height: 49px;
	line-height: 48px;
	overflow: hidden;
	border: 1px solid #fff;
	font-weight: 700;
}
a.down-app-btn {
	background: rgba(0,0,0,0);
	text-align: center;
	color: #fff;
}
a.down-app-btn:hover, .down-app-btn:hover {
	background: #fff;
	text-align: center;
	color: #f20707;
}
.download-app-sec .right-align {
	float: right;
}
.download-app-sec .left-align {
	float: left;
}

@media (max-width: 480px) {


	.download-app-sec .right-area {
		padding: 60px 0 30px;
	}
	.download-app-sec .left-area {
		margin: 30px 0 60px;
		height: auto;
	}
}




/*===== Left Container =====*/
.left-container .logo-content {
	/*font-weight: 700;*/
	position: relative;
	font-size: 40px;
	color: #fff;
}

.left-container .logo-subtitle {
	color: #ffffff;
	margin-bottom: 20px;
}
.left-container .content {
	color: #efefef;
}
.appstore-buttons {
	margin-top: 30px;
	margin-bottom: 30px;
}
.appstore-buttons .btn-store {
	width: 200px;
	height: 60px;
	margin-bottom: 5px;
	display: block;
	text-indent: -9999px;
	background-image: url('../img/appstore-button.png');
}
.appstore-buttons .btn-store.btn-appstore {
	background-position: 0 0;
}
.appstore-buttons .btn-store.btn-googleplay {
	background-position: 0 -66px;
}
.left-container .bottom-links li a {
	padding: 0 5px;
	display: block;
}
.app-content{
	padding-top: 110px;
	color: #ffffff;
}



/* ======================================
 *  09.  discover new restaurant
/* ====================================== */


/* Background color classes */
.bg-white {
	background-color: #ffffff !important;
}
.bg-grey {
	background-color: #eeeeee !important;
}
.bg-black {
	background-color: #555555 !important;
}
.bg-red {
	background-color: #e7604a !important;
}
.bg-green {
	background-color: #51d466 !important;
}
.bg-lblue {
	background-color: #32c8de !important;
}
.bg-blue {
	background-color: #609cec !important;
}
.bg-orange {
	background-color: #f78153 !important;
}
.bg-yellow {
	background-color: #fcd419 !important;
}
.bg-purple {
	background-color: #cb79e6 !important;
}
.bg-rose {
	background-color: #ff61e7 !important;
}
.bg-brown {
	background-color: #d08166 !important;
}



/* General */

/* UI Border */
.ui-bor{
	margin-bottom: 30px;
}
@media (max-width:767px){
	.ui-bor{
		padding-left:15px;
		padding-right:15px;
	}
}
/* UI Item */
.mix-item{
	position:relative;
	overflow:hidden;
}
@media (max-width:767px){
	.mix-item{
		max-width:400px;
		margin-left:auto;
		margin-right:auto;
	}
}
/* UI Content */
.mix-item .ui-content{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
}
/* Heading */
.mix-item .ui-content h2{
	color:#fff;
	font-size:24px;
	font-weight:700;
	margin-top:72px;
}
@media (max-width:991px) and (min-width:391px){
	.mix-item .ui-content h2{
		margin-top:104px;
	}
}

/* UI Background */
.mix-item .ui-bg-red {
	background: rgba(43, 34, 34, 0.6);
}
.mix-item .ui-bg-green{
	background:rgba(35,207,62,0.4);
}
.mix-item .ui-bg-yellow{
	background:rgba(252,249,3,0.4);
}
.mix-item .ui-bg-lblue{
	background:rgba(0,255,234,0.4);
}
.mix-item .ui-bg-blue{
	background:rgba(0,66,255,0.4);
}
.mix-item .ui-bg-rose-pink{
	background:rgba(0,0,255,0.4);
}
.mix-item .ui-bg-orange{
	background:rgba(255,162,0,0.4);
}
.mix-item .ui-bg-brown{
	background:rgba(162,50,50,0.4);
}
/* UI Content Hover */
.mix-item .ui-content .ui-content-hover{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	text-align:left;
	padding:0 20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.mix-item:hover .ui-content .ui-content-hover{
	top:0;
}
/* Heading */
.mix-item  .ui-content .ui-content-hover h2{
	font-size:20px;
	font-weight:400;
	margin-top:24px;
	line-height:30px;
}
@media (max-width:1200px) and (min-width:992px){
	.mix-item .ui-content .ui-content-hover h2{
		margin-top:10px;
	}
}
@media (max-width:312px){
	.mix-item  .ui-content .ui-content-hover h2{
		margin-top:16px;
	}
}
.mix-item .ui-content .ui-content-hover h2 a{
	color:#fff;
}
/* Paragraph */
.mix-item .ui-content .ui-content-hover p{
	color:#fff;
	font-size:13px;
	line-height:26px;
}
/* UI Icon */
.mix-item .ui-content .ui-content-hover .ui-icon{
	position:absolute;
	bottom:20px;
	right:20px;
}
.mix-item .ui-content .ui-content-hover .ui-icon a i{
	color:#fff;
	font-size:22px;
	font-weight:700;
	width:28px;
	height:28px;
	border-radius:100%;
	border:2px solid #fff;
	line-height:24px;
	text-align:center;
}



/* ======================================
 *  10.  banner section
/* ====================================== */

.bt-block-home-parallax {
	background-attachment: fixed;
	background-position: left top;
	text-align: center;
	/*padding: 70px 0;*/
	background-size: cover;
}
.bt-block-home-parallax h2 {
	margin-bottom: 0;
	color: #fff;
	background-color: rgba(0,0,0,0.6);
	padding: 10px;
}



/* -------------------- index page ----------------------- */
#best-restaurant .item-block footer .status {
	margin-right: 20px;
}

.new-restaurant img {
	border: 2px solid #d1d1d1;
	padding: 3px;
	border-radius: 2px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}
.new-restaurant img:hover {
	border: 2px solid #d45742;
}


/* ======================================
 *  11.  STATIC HEADER
/* ====================================== */

.white {
	color: #fff;
}
.blue-1 {
	color: #08c2f3;
}
.bgblue-1 {
	background: #08c2f3;
}
.bgred-1{
	background: #e7604a;
}

.static-section{
	background-size: cover;
	background-repeat: no-repeat;
}
.static-section .container{min-height:inherit;position:relative;}
.static-header-content{
	position:absolute;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:-7px;
}
.static-section h1{
	text-transform: capitalize;
}
.static-section p{
	font-size: 27px;
	line-height: 1.2;
}
.static-section p,
.static-section h1{
	font-weight: 400;
	text-align: center;
}
.static-section h1{
	font-size: 56px;
	line-height: 1.2;
}
.static-section h4 span{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;}
.static-section h2 span{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;}

.static-section .static-header-content-wrapper {
	height: 100vh;
	/*margin-top: -66px;*/
}
/* ---------------------------- SEARCH FORM 2 ------------------------- */

.search-form-wrap2{
	padding: 20px;
	position: relative;
	top: 0;
	z-index: 100;
}
.search-form-wrap2 form .input-field-wrap{
	margin-right:20px;
	width: 538px;
}
.search-form-wrap2 form .input-field-wrap input.search-form-input{
	width:100%;
	height:56px;
	line-height:56px;
	font-size:14px;
	text-transform:capitalize;
	padding:20px;
}

.search-form-wrap2 form .select-field-wrap{
	margin-right:20px;
	width: 300px;

}
.search-form-wrap2 form .select-field-wrap select.search-form-select{
	width:100%;
	height:56px;
	line-height:56px;
	font-size:14px;
	text-transform:capitalize;
	padding:0 0 0 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-overflow: '';
	box-shadow:none;
	border:none;
	color:#999;

}
.search-form-wrap2 form .select-field-wrap select.search-form-select selected{}
.search-form-wrap2 form .select-field-wrap select.search-form-select .options{
	padding:15px 20px;
	font-size:13px;
	border-top:1px solid #f7f7f7;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
.search-form-wrap2 form .select-field-wrap select::-ms-expand { /* for IE 11 */
	display: none;
}
.search-form-wrap2 form .submit-field-wrap{
	width: 220px;
}
.search-form-wrap2 form .submit-field-wrap input.search-form-submit{
	width:100%;
	height:56px;
	line-height:56px;
	font-size:14px;
	text-transform:capitalize;
	box-shadow:none;
	border:none;
}
/* SEARCH FORM 2 */
.static-header-text {
	padding-bottom: 5px;
}
#search-form2{}
.search-form-wrap2 {
	background: rgba(255,255,255,0.10);
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.4);
}
.search-form-wrap2 form{}
.search-form-wrap2 form .input-field-wrap{}
.search-form-wrap2 form .input-field-wrap input.search-form-input{}

.search-form-wrap2 form .select-field-wrap{}

.search-form-wrap2 form .select-field-wrap select.search-form-select{
	background:url(../img/form-icon.png) no-repeat;
	background-color:#fff;
	background-position:top right;
	background-repeat:no-repeat;
}
.search-form-wrap2 form .select-field-wrap select.search-form-select selected{border:1px solid #eaeaea;}
.search-form-wrap2 form .select-field-wrap .options{
	background-color:#fff;
}


.search-form-wrap2 form .submit-field-wrap{}
.search-form-wrap2 form .submit-field-wrap input.search-form-submit{}




/*---------------------- section tile ---------------------*/
.font-lg {
	text-transform: capitalize;
}
.chef-red {
	color: #e7604a !important;
}
.font-semibold {
	font-weight: 500;
}




@media screen and (min-device-width:1024px) and (max-device-width:1199px){

	/* search form 2*/

	.search-form-wrap2 {padding: 30px 20px;top:0;}
	.search-form-wrap2 form .input-field-wrap {margin-right: 2%;width: 40%;}
	.search-form-wrap2 form .select-field-wrap {margin-right: 2%;width: 30%;}
	.search-form-wrap2 form .submit-field-wrap {margin-top: 0;top: 0;width: 26%;margin-left:0;}

}


@media only screen and (min-width: 768px) and (max-width: 980px){

	.search-form-wrap2 {padding: 30px 20px;top:0;}
	.search-form-wrap2 form .input-field-wrap {margin-right: 0;width: 48%;}
	.search-form-wrap2 form .select-field-wrap {margin-left: 1%;width: 30%;margin-right:0;}
	.search-form-wrap2 form .submit-field-wrap {margin-top: 0;top: 0;width: 20%;margin-left:1%;}

}
/* --------------------- for table only --------------------*/
@media only screen and (min-width: 481px) and (max-width: 767px){
    .search-form-wrap2 form .input-field-wrap {
        width: 260px;
        margin-right: 10px;
    }
    .search-form-wrap2 form .select-field-wrap {
        width: 200px;
        margin-right: 10px;
    }
    .search-form-wrap2 form .submit-field-wrap {
        width: 140px;
    }

}

@media only screen and (min-width: 321px) and (max-width: 480px){

	.static-section { min-height: 450px;}
	.static-header-content {padding: 0 15px;}
	.static-section h4, .static-section h2 {letter-spacing: 0;}
	.static-section h4{
		font-size: 16px;
		line-height: 20px;
	}
	.search-form-wrap2 {padding: 30px 20px;top:0;z-index:1;}
	.search-form-wrap2 form .input-field-wrap {margin-right: 0;width: 100%;}
	.search-form-wrap2 form .select-field-wrap {margin-left: 0;width: 100%;margin-right:0;margin-top:15px;z-index:1;}
	.search-form-wrap2 form .submit-field-wrap {margin-top: 15px;top: 20px;width: 100%;}

}

@media only screen and (max-width: 320px){

	/* search form 2*/

	.search-form-wrap2 {padding: 30px 20px;top:0;z-index:1;}
	.search-form-wrap2 form .input-field-wrap {margin-right: 0;width: 100%;}
	.search-form-wrap2 form .select-field-wrap {margin-left: 0;width: 100%;margin-right:0;margin-top:15px;z-index:1;}
	.search-form-wrap2 form .submit-field-wrap {margin-top: 15px;top: 20px;width: 100%;}


}




/* ======================================
 *  12.  Newsletter
/* ====================================== */

#newsletter {
	padding: 25px 0 35px 0;
	color: #fff;
}
#newsletter h3{
	padding: 10px 0 20px 0;
	color: #fff;
}
#newsletter i {
	color: #ffffff;
	font-size: 22px;
	margin-right: 15px;
}

.btn-subscribe {
	color: #fff;
	border-radius: 0;
	background-color: #e7604a;
	border: 1px solid #e7604a;
	display: block;
	transition: all 0.3s ease;
}

.btn-subscribe:hover, .btn-subscribe:focus {
	color: #fff;
	outline: 0 none;
	border: 1px solid #d45742;
	background-color: #d45742;
	border-radius: 0;
}
#newsletter input{
	border-radius: 0;
	margin-bottom: 10px;
}


/* ------------------  filter top bar --------------- */

.filter-mobileTop {
	padding: 10px 10px;
	border: 1px solid #d1d1d1;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
	background-color: #fff;
}
.filter-mobileTop span{

}
.filter-mobileTop span i {
	float: right;
	font-size: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
	cursor: pointer;
}


/* =========================================================
 *  13.  restaurant listing custom search
/* ======================================================= */

#custom-search-input {
	padding: 3px;
	border: solid 1px #E4E4E4;
	background-color: #fff;
	margin-bottom: 10px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.25);
}

#custom-search-input input{
	border: 0;
	box-shadow: none;
}

#custom-search-input button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #666666;
	padding: 0 8px 0 10px;
	border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input .custom-search-btn{
	font-size: 14px;
}





/* =========================================================
 *  14.  Nav css
/* ======================================================= */
.padding-right-zero{
    padding-right: 0 !important;
}
.navbar {
	width: 100%;
	background-color: #fff;
	z-index: 11;
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
	transition: top 0s ease-in-out,left .2s ease-out,right .2s ease-out;
}

.navbar .logo,.navbar .logo-alt,.navbar .logo-wrapper {
	display: inline-block;
	margin-top: 0px;
}

.navbar .logo-alt {
	display: none;
}

.navbar ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.navbar ul li:hover>ul {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.navbar-toggle {
	display: none;
	float: left;
	border: 0;
	line-height: 40px;
	padding: 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 20px;
	color: #9da7ad;
	font-size: 21px;
}

.nav-menu {
	display: block;
	text-align: center;
}

.nav-menu>li {
	position: relative;
	display: inline-block;
	padding: 0 2px;
	line-height: 70px;
}

.nav-menu>li:hover>a {
	color: #e7604a;
}

.nav-menu a {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 0 12px;
	line-height: 60px;
	color: #7e8890;
	transition: color .2s linear;
}

.nav-menu a.active,.nav-menu a:focus,.nav-menu a:hover {
	color: #e7604a;
	text-decoration: none;
}

.nav-menu strong {
	font-weight: 700;
}

.nav-menu ul {
	position: absolute;
	top: 120%;
	left: 0;
	z-index: 2;
	background-color: #fff;
	text-align: left;
	padding: 8px;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 1px 2px 0 rgba(50,50,50,.15);
	transition: opacity .4s ease-in-out,top .2s ease-in-out;
}

.nav-menu ul:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 30px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #fff;
}

.nav-menu ul li a {
	text-transform: none;
	letter-spacing: 1px;
	line-height: 32px;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: nowrap;
	display: block;
	min-width: 150px;
	font-weight: 500;
	font-size: 13px;
	color: #7e8890;
	border-bottom: 1px solid #f8f9fa;
}

.nav-menu ul li:last-child a {
	border-bottom: 0;
}

.nav-menu ul a.active {
	border-top: none;
}

.user-account {
	position: relative;
	display: inline-block;
	margin-left: 10px;
}

.user-account:hover .dropdown-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.user-account .dropdown-toggle {
	line-height: 60px;
	display: inline-block;
}

.user-account .dropdown-toggle img {
	width: 38px;
	height: 38px;
	border-radius: 100%;
}

.user-account .dropdown-toggle h6 {
	display: inline-block;
	color: #fff;
	padding-left: 10px;
}

.user-account .dropdown-menu {
	padding: 8px;
	border: none;
	top: 120%;
	right: -15px;
	display: block;
	opacity: 0;
	visibility: hidden;
	margin-top: 0;
	border-radius: 0;
	box-shadow: 0 1px 2px 0 rgba(50,50,50,.15);
	transition: opacity .4s ease-in-out,top .2s ease-in-out;
}

.user-account .dropdown-menu:before {
	content: '';
	position: absolute;
	top: -4px;
	right: 31px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #fff;
}

.user-account .dropdown-menu li>a {
	line-height: 28px;
	white-space: nowrap;
	display: block;
	font-family: Open Sans,sans-serif;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 3px 8px;
	border-bottom: 1px solid #f8f9fa;
	color: #7e8890;
	transition: color .2s linear;
}

.user-account .dropdown-menu li>a.active,.user-account .dropdown-menu li>a:hover {
	background-color: #fff;
	color: #29aafe;
}

.user-account .dropdown-menu li:last-child>a {
	border-bottom: 0;
}

.user-login {
	line-height: 60px;
	font-size: 13px;
	color: #eee;
    margin-right: -2px;
}

.user-login a {
	color: #fff;
	opacity: .6;
	transition: opacity .3s ease-in-out;
}
.user-login .user-register-btn, .user-login .user-register-btn:hover{
	color: #000000;
}
.user-login .btn,.user-login a:hover {
	color: #fff;
	opacity: 1;
}
.user-login a.user-register{
	color: #ffffff;
}
.user-login .btn {
	margin-right: 8px;
}

.user-login .btn:hover {
	color: #fff;
}

.nav-on-header .navbar {
	position: absolute;
	margin-top: 20px;
	background-color: transparent;
	box-shadow: none;
}

.nav-on-header .navbar .nav-menu a,.nav-on-header .navbar .navbar-toggle {
	color: #fff;
	font-weight: 500;
	opacity: .6;
	transition: opacity .3s ease-in-out;
}

.nav-on-header .navbar .nav-menu a.active,.nav-on-header .navbar .nav-menu a:focus,.nav-on-header .navbar .nav-menu a:hover,.nav-on-header .navbar .navbar-toggle.active,.nav-on-header .navbar .navbar-toggle:focus,.nav-on-header .navbar .navbar-toggle:hover {
	color: #fff;
	opacity: 1;
}

.nav-on-header .navbar .nav-menu ul li a {
	color: #7e8890;
	font-weight: 500;
	opacity: 1;
}

.nav-on-header .navbar .nav-menu ul li a.active,.nav-on-header .navbar .nav-menu ul li a:focus,.nav-on-header .navbar .nav-menu ul li a:hover {
	color: #d45742;
	opacity: 1;
}

.nav-on-header .navbar .nav-menu>li:hover>a {
	color: #fff;
	opacity: 1;
}

.nav-on-header .navbar .logo {
	display: none;
}

.nav-on-header .navbar .logo-alt {
	display: inline-block;
}

.sticky-nav.body-scrolled .navbar {
	position: fixed;
	top: -70px;
	left: 0;
	right: 0;
	z-index: 11;
	margin-top: 0;
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	transition: top .3s ease-in-out,left .2s ease-out,right .2s ease-out;
}

.sticky-nav.body-scrolled .navbar .nav-menu a,.sticky-nav.body-scrolled .navbar .navbar-toggle {
	color: #9da7ad;
	font-weight: 500;
	opacity: 1;
}

.sticky-nav.body-scrolled .navbar .nav-menu>li:hover>a,.sticky-nav.body-scrolled .navbar .nav-menu a.active,.sticky-nav.body-scrolled .navbar .nav-menu a:focus,.sticky-nav.body-scrolled .navbar .nav-menu a:hover,.sticky-nav.body-scrolled .navbar .navbar-toggle.active,.sticky-nav.body-scrolled .navbar .navbar-toggle:focus,.sticky-nav.body-scrolled .navbar .navbar-toggle:hover {
	color: #29aafe;
}

.sticky-nav.body-scrolled .navbar .logo {
	display: inline-block;
}

.sticky-nav.body-scrolled .navbar .logo-alt {
	display: none;
}

.offcanvas-show .navbar-toggle {
	color: #29aafe;
}

@media (max-width:991px) {
	body,html {
		overflow-x: hidden;
	}

	body>main {
		position: relative;
		left: 0;
	}

	.navbar .nav-menu,body>main {
		transition: left .2s ease-out;
	}

	.navbar .nav-menu {
		position: fixed;
		left: -80%;
		top: 0;
		bottom: 0;
		width: 80%;
		height: 100%;
		overflow-y: auto;
		background-color: #fff;
		margin-left: 0;
		padding: 24px 16px;
		box-shadow: 8px 0 10px 0 rgba(0,0,0,.05);
	}

	.navbar .nav-menu a {
		line-height: 50px!important;
	}

	.navbar .nav-menu a.active {
		border-top: 0;
	}

	.navbar .nav-menu>li {
		display: block;
		border-bottom: 1px solid #eceeef;
	}

	.navbar .nav-menu>li:last-child {
		border-bottom: 0;
	}

	.navbar .nav-menu>li>a {
		color: #373a3c!important;
		opacity: 1!important;
	}

	.navbar .nav-menu>li>a.active {
		color: #e7604a !important;
	}

	.navbar .nav-menu ul {
		visibility: visible;
		opacity: 1;
		position: static;
		border-top: 0;
	}

	.navbar .nav-menu ul li a {
		border-bottom: 0;
		line-height: 40px!important;
	}

	.offcanvas-show .site-footer,.offcanvas-show>main {
		left: 80%;
	}

	.offcanvas-show .navbar .pull-left {
		position: fixed;
		left: 80%!important;
		right: -80%!important;
		transition: .2s ease-out;
	}

	.offcanvas-show .navbar .pull-right {
		display: none;
	}

	.offcanvas-show .site-footer {
		position: relative;
	}

	.offcanvas-show .navbar .nav-menu {
		left: 0;
	}

	.navbar {
		transition: .2s ease-out;
	}

	.navbar .nav-menu {
		text-align: left;
	}

	.navbar .nav-menu>li>a {
		font-weight: 600!important;
	}

	.navbar .nav-menu ul {
		box-shadow: none;
	}

	.navbar .navbar-toggle {
		display: inline-block;
	}
	.transparent-list-header .navbar .navbar-toggle{
		display: none;
	}

	.nav-on-header .navbar {
		margin-top: 0;
	}
	.search-form-wrap2 form .submit-field-wrap input.search-form-submit {
		font-size: 13px;
	}
	.ui-order-online-left-side {
		padding: 10px;
	}
	.dish-right-content {
		padding-right: 0;
	}
}

@media (max-width:767px) {
	.navbar .logo-alt img,.navbar .logo img {
		width: 80px;
		margin-top: 0px;
	}

	.user-login .btn {
		line-height: 18px;
		height: 28px;
		padding-left: 12px;
		padding-right: 12px;
		font-size: 11px;
	}
}

@media (max-width:480px) {
	.navbar .container,.navbar .container-fluid {
		padding-left: 5px;
	}

	.user-account {
		margin: 0;
	}
}

/* ---------------- end nav css -----------*/


/* =========================================================
 *  15.  themify icon
/* ======================================================= */

@font-face {
	font-family:themify;
	src:url(../fonts/themify9f24.eot?-fvbane);
	src:url(../fonts/themifyd41d.eot?#iefix-fvbane) format('embedded-opentype'),
	url(../fonts/themify9f24.woff?-fvbane) format('woff'),
	url(../fonts/themify9f24.ttf?-fvbane) format('truetype'),
	url(../fonts/themify9f24.svg?-fvbane#themify) format('svg');
	font-weight:400;
	font-style:normal;
}

[class*=" ti-"],[class^=ti-] {
	font-family: themify;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* =========================================================
 *  16.  blog
/* ======================================================= */

.blog-page>.row>.col-md-8 {
	padding-right: 50px;
}
.ui-blog-left-side {
    background-color: #fff;
    padding: 0 20px 20px 20px;
}
.post {
	background-color: #fff;
	padding: 20px 0;
}
.post header {
	margin-bottom: 30px;
}
.post header h2 {
	font-size: 26px;
	font-weight: 300;
	text-align: center;
}
.post header h2 a {
	color: #000;
}
.post header time {
	display: block;
	text-align: center;
}

.post-media {
	margin-bottom: 40px;
}

.post-media a {
	opacity: .8;
	transition: opacity .3s linear;
}

.post-media a:hover {
	opacity: 1;
}

.read-more {
	text-align: right;
	padding: 10px 0 0px;
}

.read-more .btn {
	border-radius: 0;
}

.post-meta {
	list-style: none;
	padding: 20px;
	margin-top: 30px;
	font-size: 14px;
	background-color: #fafafa;
}

.post-meta strong {
	display: inline-block;
	min-width: 75px;
	font-weight: 600;
	color: #55595c;
}

.post-meta a {
	color: #818a91;
}

.post-meta a:hover {
	color: #e7604a;
}

#comments {
	margin-top: 80px;
}

#comments header h3 {
	font-size: 23px;
}

.comments-list {
	list-style: none;
	padding-left: 0;
}

.comment {
	position: relative;
}
.comment .reply-link {
	position: absolute;
	right: 10px;
	top: 8px;
	color: #7e8890;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 1px;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	padding: 0px 5px;
}

.comment .avatar {
	float: left;
	width: 72px;
	margin-right: 18px;
	border-radius: 100%;
}

.comment .comment-body {
	background-color: #fafafa;
	padding: 15px;
	margin-left: 90px;
	margin-bottom: 30px;
}

.comment h6 {
	margin-top: 0;
}

.comment time {
	font-size: 12px;
	font-style: italic;
	padding-left: 16px;
	color: #bbb;
}

.comment time:before {
	content: '\2014 \00A0';
}

.comment .comment-body:hover .reply-link {
	opacity: 1;
}

.comments-list .children {
	list-style: none;
}

.comments-list .children .avatar {
	width: 64px;
	margin-right: 16px;
}

.comments-list .children .comment-body {
	margin-left: 80px;
}

#respond {
	margin-top: 30px;
}

#respond h3 {
	font-size: 23px;
}
.widget {
	margin-bottom: 40px;
	background-color: #fff;
	padding: 20px 20px;
}
.widget-title {
	letter-spacing: 1px;
	text-transform: capitalize;
	text-align: left;
	margin-top: 0;
	margin-bottom: 24px;
	font-size: 17px;
}

.widget-body {
	list-style: none;
	padding-left: 0;
}

.widget_categories .cat-item {
	border-bottom: 1px solid #eee;
}

.widget_categories ul .cat-item:last-child {
	border-bottom: 0;
}

.widget_categories .cat-item a {
	line-height: 44px;
	transition: color .2s linear;
}

.widget_categories .cat-item a:hover {
	color: #e7604a;
	text-decoration: none;
}

.widget_tag_cloud .widget-body a {
	display: inline-block;
	padding: 4px 10px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #eee;
	color: #7e8890;
	text-transform: uppercase;
	font-size: 12px;
	transition: .3s linear;
}

.widget_tag_cloud .widget-body a:hover {
	text-decoration: none;
	background-color: #e7604a;
	border-color: #e7604a;
	color: #fff;
}

@media (max-width:991px) {
	.blog-page>.row>.col-md-8 {
		padding-right: 15px;
	}
}

.media-list {
	list-style: none;
	padding-left: 0;
}

.media-list li {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
	line-height: 34px;
}

.media-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.media-list .thumb {
	width: 64px;
	margin-right: 16px;
	float: left;
}

.media-list .content {
	margin-left: 80px;
}

.media-list .content h5 {
	margin-top: 0;
	margin-bottom: 0;
}

.media-list .content time {
	font-size: 13px;
	color: #bbb;
	font-style: italic;
}

img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}


.widget-body .form-control, .comment-form .form-control {
	background-color: #fcfcfc;
	color: #818a91;
	border-radius: 0;
	border-color: #dfe5e7;
	font-size: 15px;
	padding-left: 14px;
	padding-right: 14px;
	line-height: 44px;
	box-shadow: none;
	transition: border-color .2s linear,background-color .2s linear;
}
.pagination-content{
	padding-bottom: 30px;
}
.pagination {
	margin-top: 10px;
	box-shadow: 0 1px 2px 0 rgba(50,50,50,.15);
}

.pagination>li>a,.pagination>li>span {
	padding: 9px 15px;
	font-size: 15px;
	color: #7e8890;
	background-color: #fff;
	border: none;
	margin: 0;
	transition: .15s linear;
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	color: #fff;
	background-color: #e7604a;
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover {
	background-color: #e7604a;
}

.pagination.no-shadow {
	box-shadow: none;
}

.pager {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 30px;
}

.pager li>a,.pager li>span {
	color: #7e8890;
	border: 0;
	padding: 6px 20px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(50,50,50,.15);
	transition: .2s linear;
}

.pager li>a:focus,.pager li>a:hover,.pager li>span:focus,.pager li>span:hover {
	color: #fff;
	background-color: #e7604a;
}

.pager .previous .fa,.pager .previous [class^=ti-] {
	margin-right: 12px;
}

.pager .next .fa,.pager .next [class^=ti-] {
	margin-left: 12px;
}

.spinner {
	margin: 30px auto 0;
	width: 70px;
	text-align: center;
}

.spinner>span {
	width: 12px;
	height: 12px;
	background-color: #e7604a;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: e 1.4s infinite ease-in-out both;
	animation: e 1.4s infinite ease-in-out both;
}

.spinner .dot1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s;
}

.spinner .dot2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s;
}

/* =========================================================
 *  17.  Our stuff
/* ======================================================= */
.stuff-section {
	padding-top: 20px;
}
.team-member {
	background-color: #fff;
	border: 1px solid #eee;
	padding: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	transition: .3s ease-in-out;
}

.team-member:hover {
	box-shadow: 0 3px 25px 0 rgba(0,0,0,.1);
}

.team-member h5 {
	color: #e7604a;
	margin-bottom: 30px;
}

.team-member h5 small {
	display: block;
	padding-top: 10px;
	color: #96a2b2;
}

.team-member img {
	border-radius: 100%;
}

.team-member .social-icons {
	margin-top: 30px;
	margin-bottom: 30px;
}

.team-member .social-icons a {
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 13px;
}

.team-member p {
	padding-top: 8px;
}

/* ---------------- social -------------------*/
.social-icons {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.social-icons li {
	display: inline-block;
	margin-bottom: 4px;
}

.social-icons li.title {
	margin-right: 15px;
	text-transform: uppercase;
	color: #96a2b2;
	font-weight: 700;
	font-size: 13px;
}

.social-icons a {
	background-color: #eceeef;
	color: #818a91;
	font-size: 16px;
	display: inline-block;
	line-height: 44px;
	width: 44px;
	height: 44px;
	text-align: center;
	margin-right: 8px;
	border-radius: 100%;
	transition: all .2s linear;
}

.social-icons a:active,.social-icons a:focus,.social-icons a:hover {
	color: #fff;
	background-color: #29aafe;
}

.social-icons.size-sm a {
	line-height: 34px;
	height: 34px;
	width: 34px;
	font-size: 14px;
}
.social-icons a {
	background-color: #CECFD0;
	color: #818a91;
	font-size: 16px;
	display: inline-block;
	line-height: 44px;
	width: 44px;
	height: 44px;
	text-align: center;
	margin-right: 8px;
	border-radius: 100%;
	transition: all .2s linear;
}
.social-icons a.facebook:hover {
	background-color: #3b5998;
}

.social-icons a.rss:hover {
	background-color: #f26522;
}

.social-icons a.google-plus:hover {
	background-color: #dd4b39;
}

.social-icons a.twitter:hover {
	background-color: #00aced;
}

.social-icons a.linkedin:hover {
	background-color: #007bb6;
}

.social-icons a.git:hover {
	background-color: #666;
}

.social-icons a.tumblr:hover {
	background-color: #32506d;
}

.social-icons a.vimeo:hover {
	background-color: #aad450;
}

.social-icons a.youtube:hover {
	background-color: #b00;
}

.social-icons a.flickr:hover {
	background-color: #ff0084;
}

.social-icons a.pinterest:hover {
	background-color: #cc2127;
}

.social-icons a.reddit:hover {
	background-color: #ff4500;
}

.social-icons a.dribbble:hover {
	background-color: #ea4c89;
}

.social-icons a.skype:hover {
	background-color: #00aff0;
}

.social-icons a.instagram:hover {
	background-color: #517fa4;
}

.social-icons a.lastfm:hover {
	background-color: #c3000d;
}

.social-icons a.behance:hover {
	background-color: #1769ff;
}

@media (max-width:767px) {
	.social-icons li.title {
		display: block;
		margin-right: 0;
		font-weight: 600;
	}
}


/* =========================================================
 *  18.  section common css
/* ======================================================= */

section.bg-alt {
	background-color: #fafafa;
}

section.bg-img {
	border-bottom: none;
	color: #fff;
}

section.bg-img:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-color: rgba(0,0,0,.65);
}

section.bg-img h2,section.bg-img h3 {
	color: #fff;
}

section.bg-repeat {
	background-repeat: repeat;
	background-size: auto;
}

.section-header {
	text-align: center;
	margin-bottom: 40px;
}

.section-header span {
	color: #96a2b2;
	font-family: Montserrat,sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.section-header h2,.section-header h3 {
	position: relative;
	margin-bottom: 48px;
	text-transform: capitalize;
}

.section-header h2:after,.section-header h3:after {
	position: absolute;
	left: 50%;
	margin-left: -24px;
	bottom: -20px;
	width: 48px;
	height: 2px;
	background-color: #e7604a;
	content: "";
}

.section-header span~h2,.section-header span~h3 {
	margin-top: 12px;
}
.section-header.text-left {
	text-align: left;
}

.section-header.text-left h2:after,.section-header.text-left h3:after {
	left: 0;
	margin-left: 0;
}

.section-header.text-right {
	text-align: right;
}

.section-header.text-right h2:after,.section-header.text-right h3:after {
	left: 100%;
	margin-left: -48px;
}

.bg-blue,.bg-blue h1,.bg-blue h2,.bg-blue h3,.bg-blue h4,.bg-blue h5,.bg-blue h6,.bg-dark,.bg-dark-light,.bg-dark-lighter,.bg-dark-lighter h1,.bg-dark-lighter h2,.bg-dark-lighter h3,.bg-dark-lighter h4,.bg-dark-lighter h5,.bg-dark-lighter h6,.bg-dark-lightest,.bg-dark-lightest h1,.bg-dark-lightest h2,.bg-dark-lightest h3,.bg-dark-lightest h4,.bg-dark-lightest h5,.bg-dark-lightest h6,.bg-dark-light h1,.bg-dark-light h2,.bg-dark-light h3,.bg-dark-light h4,.bg-dark-light h5,.bg-dark-light h6,.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6,.bg-green,.bg-green h1,.bg-green h2,.bg-green h3,.bg-green h4,.bg-green h5,.bg-green h6,.bg-orange,.bg-orange h1,.bg-orange h2,.bg-orange h3,.bg-orange h4,.bg-orange h5,.bg-orange h6,.bg-purple,.bg-purple h1,.bg-purple h2,.bg-purple h3,.bg-purple h4,.bg-purple h5,.bg-purple h6,.bg-red,.bg-red h1,.bg-red h2,.bg-red h3,.bg-red h4,.bg-red h5,.bg-red h6 {
	color: #eee;
}

.bg-dark hr {
	border-top-color: #2b353d;
}

.bg-dark-light hr {
	border-top-color: #4a4b55;
}

.bg-dark-lighter hr {
	border-top-color: #5e6068;
}

.bg-dark-lightest hr {
	border-top-color: #828284;
}

.bg-gray-lighter hr,.bg-gray-light hr,.bg-gray hr {
	border-top-color: #fff;
}

.bg-blue hr {
	border-top-color: #b3d7ed;
}

.bg-red hr {
	border-top-color: #fd9e9e;
}

.bg-orange hr {
	border-top-color: #fea693;
}

.bg-green hr {
	border-top-color: #88e1b4;
}

.bg-purple hr {
	border-top-color: #bfbaf5;
}

.overlay-black:before,.overlay-white:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.overlay-black:before {
	background-color: rgba(0,0,0,.6);
}

.overlay-black.overlay-intense:before {
	background-color: rgba(0,0,0,.85);
}

.overlay-black.overlay-pale:before {
	background-color: rgba(0,0,0,.4);
}

.overlay-white:before {
	background-color: hsla(0,0%,100%,.6);
}

.overlay-white.overlay-intense:before {
	background-color: hsla(0,0%,100%,.85);
}

.overlay-white.overlay-pale:before {
	background-color: hsla(0,0%,100%,.4);
}

.overlay-black,.overlay-black h1,.overlay-black h2,.overlay-black h3,.overlay-black h4,.overlay-black h5,.overlay-black h6,.overlay-black p {
	color: #eee;
}

.overlay-black hr {
	border-top-color: #46474d;
}

section.border-bottom {
	border-bottom: 1px solid #eee;
}

section.no-border-bottom {
	border-bottom: none;
}

section.section-sm {
	padding-top: 48px;
	padding-bottom: 48px;
}

section.section-lg {
	padding-top: 164px;
	padding-bottom: 164px;
}

section.no-overlay:before {
	display: none;
}




/* =========================================================
 *  19.  faq page
/* ======================================================= */

.faq-left-side {
    background-color: #fff;
    padding-top: 40px;
    padding-left: 20px;
    padding-bottom: 40px;
    padding-right: 20px;
}
.faq-items {
	list-style: none;
	padding-left: 0;
	margin: 30px 0;
}

.faq-items li {
	display: block;
	margin-bottom: 40px;
}
.faq-items li:last-child{
	margin-bottom: 0;
}
.faq-items h4,.faq-items h5 {
	color: #e7604a;
}

.faq-items p {
	margin-top: 0;
}

#faq-search {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 30px;
	position: relative;
}

#faq-search .form-control {
	height: 70px;
	border-radius: 35px;
	font-size: 18px;
	padding-left: 60px;
	letter-spacing: 1px;
	color: #55595c;
}

#faq-search .ti-search {
	position: absolute;
	left: 20px;
	font-size: 26px;
	line-height: 70px;
	color: #b3c1c6;
}

.tag-list {
	margin-top: 30px;
}

.tag-list span {
	background-color: #f8f9fb;
	color: #aeaeae;
	padding: 2px 6px;
	margin-right: 8px;
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	display: inline-block;
}

.bootstrap-tagsinput {
	background-color: #fff;
	display: inline-block;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;
	max-width: 100%;
	width: 100%;
	line-height: 22px;
	cursor: text;
}

.bootstrap-tagsinput input {
	border: 1px solid #dfe5e7;
	box-shadow: none;
	outline: none;
	background-color: #fcfcfc;
	color: #aeaeae;
	padding: 5px 6px;
	width: auto;
	max-width: inherit;
	font-size: 14px;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder,.bootstrap-tagsinput.form-control input::-moz-placeholder,.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
	color: #7e8890;
	opacity: 1;
}

.bootstrap-tagsinput .tag {
	display: inline-block;
	padding: 2px 6px;
	margin-right: 8px;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	background-color: #f8f9fb;
	color: #aeaeae;
}

.bootstrap-tagsinput .tag [data-role=remove] {
	margin-left: 8px;
	cursor: pointer;
	transition: .3s ease-in-out;
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
	content: "x";
	padding: 0 2px;
	font-size: 14px;
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
	color: #ef4d42;
}

.features {
	list-style: none;
	margin: 24px 0;
	padding: 0;
	text-align: center;
}

.features:after {
	content: '';
	display: block;
	clear: both;
}

.features li {
	display: inline-block;
	float: left;
	width: 30%;
	margin-right: 4%;
	margin-bottom: 3%;
}

.features li:nth-child(3n+3) {
	margin-right: 0;
}

.features .icon {
	display: inline-block;
	width: 92px;
	height: 92px;
	line-height: 92px;
	margin-bottom: 16px;
	text-align: center;
	font-size: 72px;
	border-radius: 100%;
	color: #29aafe;
	transition: all .3s ease;
}

.features h5 {
	font-family: Montserrat,sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 10px;
}

.features .btn {
	margin-top: 24px;
}

.features.text-center li {
	text-align: center;
}

.features.icon-sided {
	text-align: left;
}

.features.icon-sided .icon {
	float: left;
	width: 40px;
	height: 30px;
	line-height: 30px;
	margin-top: 8px;
	font-size: 25px;
}

.features.icon-sided h5,.features.icon-sided p {
	margin-left: 50px;
}

.features.icon-sided.icon-round .icon {
	font-size: 18px;
}

.features.icon-image .icon {
	width: 100%;
	height: auto;
	border-radius: 0;
	margin-bottom: 32px;
	line-height: 36px;
}

.features.icon-image .icon img {
	max-width: 100%;
}

.features.cols-2 li {
	width: 42.5%;
	margin-right: 0;
}

.features.cols-2 li:nth-child(odd) {
	margin-right: 4%;
}

.features.cols-1 li {
	width: 100%;
	margin-right: 0;
}


/* =========================================================
 *  20.  user login
/* ======================================================= */

.login-page main {
	width: 100%;
	max-width: 460px;
	margin: 0 auto;
}

.login-block {
	background-color: #fff;
	padding: 60px;
	/*box-shadow: 0 3px 50px 0 rgba(0,0,0,.1);*/
	text-align: center;
	border-radius: 5px;
}

.login-block h1,.login-block h6 {
	font-family: Open Sans,sans-serif;
	letter-spacing: 1px;
}

.login-block h1 {
	font-size: 22px;
	margin-bottom: 60px;
	margin-top: 40px;
}

.login-block h6 {
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 0;
}

.login-block .form-group {
	margin-top: 15px;
	margin-bottom: 15px;
}

.login-block .form-control,.login-block .form-control:focus,.login-block .input-group-addon,.login-block .input-group-addon:focus {
	background-color: transparent;
	border: none;
}

.login-block .form-control {
	font-size: 13px;
}

.login-block input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	-webkit-text-fill-color: #818a91;
	transition: none;
}

.login-block .input-group-addon {
	color: #29aafe;
	font-size: 19px;
	opacity: .5;
}

.login-block .btn-block {
	margin-top: 30px;
}

.login-block .hr-xs {
	margin-top: 5px;
	margin-bottom: 5px;
}

.login-footer {
	margin-top: 60px;
	opacity: .5;
	transition: opacity .3s ease-in-out;
}

.login-footer:hover {
	opacity: 1;
}

.login-links {
	padding: 15px 5px 0;
}

.login-links:after {
	content: '';
	display: table;
	clear: both;
}

.login-links a {
	opacity: .9;
}

.login-links a:hover {
	color: #e7604a;
	opacity: 1;
}

@media (max-width:767px) {
	.login-page main {
		position: static;
		top: auto;
		left: auto;
		-webkit-transform: none;
		transform: none;
		padding: 30px 15px;
	}

	.login-block {
		padding: 20px;
	}
}


/* =========================================================
 *  21.  over ride css
/* ======================================================= */

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.input-group[class*=col-] {
	float: none;
	padding-right: 0;
	padding-left: 0;
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.input-group .form-control:focus {
	z-index: 3;
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
	height: 46px;
	line-height: 46px;
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
	height: auto;
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	line-height: 30px;
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
	height: auto;
}

.input-group-addon,.input-group-btn,.input-group .form-control {
	display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.input-group-addon,.input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.input-group-addon.input-sm {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px;
}

.input-group-addon.input-lg {
	padding: 10px 16px;
	font-size: 18px;
	border-radius: 6px;
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
	margin-top: 0;
}

.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
	border-right: 0;
}

.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group .form-control:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	box-shadow: none;
}

.input-group-addon:last-child {
	border-left: 0;
}

.input-group-btn {
	font-size: 0;
	white-space: nowrap;
}

.input-group-btn,.input-group-btn>.btn {
	position: relative;
}

.input-group-btn>.btn+.btn {
	margin-left: -1px;
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
	z-index: 2;
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
	margin-right: -1px;
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
	z-index: 2;
	margin-left: -1px;
}

@font-face {
	font-family:themify;
	src:url(../fonts/themify9f24.eot?-fvbane);
	src:url(../fonts/themifyd41d.eot?#iefix-fvbane) format('embedded-opentype'),
	url(../fonts/themify9f24.woff?-fvbane) format('woff'),
	url(../fonts/themify9f24.ttf?-fvbane) format('truetype'),
	url(../fonts/themify9f24.svg?-fvbane#themify) format('svg');
	font-weight:400;
	font-style:normal;
}

[class*=" ti-"],[class^=ti-] {
	font-family: themify;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
	content: "\e600";
}

.ti-volume:before {
	content: "\e601";
}

.ti-user:before {
	content: "\e602";
}

.ti-unlock:before {
	content: "\e603";
}

.ti-unlink:before {
	content: "\e604";
}

.ti-trash:before {
	content: "\e605";
}

.ti-thought:before {
	content: "\e606";
}

.ti-target:before {
	content: "\e607";
}

.ti-tag:before {
	content: "\e608";
}

.ti-tablet:before {
	content: "\e609";
}

.ti-star:before {
	content: "\e60a";
}

.ti-spray:before {
	content: "\e60b";
}

.ti-signal:before {
	content: "\e60c";
}

.ti-shopping-cart:before {
	content: "\e60d";
}

.ti-shopping-cart-full:before {
	content: "\e60e";
}

.ti-settings:before {
	content: "\e60f";
}

.ti-search:before {
	content: "\e610";
}

.ti-zoom-in:before {
	content: "\e611";
}

.ti-zoom-out:before {
	content: "\e612";
}

.ti-cut:before {
	content: "\e613";
}

.ti-ruler:before {
	content: "\e614";
}

.ti-ruler-pencil:before {
	content: "\e615";
}

.ti-ruler-alt:before {
	content: "\e616";
}

.ti-bookmark:before {
	content: "\e617";
}

.ti-bookmark-alt:before {
	content: "\e618";
}

.ti-reload:before {
	content: "\e619";
}

.ti-plus:before {
	content: "\e61a";
}

.ti-pin:before {
	content: "\e61b";
}

.ti-pencil:before {
	content: "\e61c";
}

.ti-pencil-alt:before {
	content: "\e61d";
}

.ti-paint-roller:before {
	content: "\e61e";
}

.ti-paint-bucket:before {
	content: "\e61f";
}

.ti-na:before {
	content: "\e620";
}

.ti-mobile:before {
	content: "\e621";
}

.ti-minus:before {
	content: "\e622";
}

.ti-medall:before {
	content: "\e623";
}

.ti-medall-alt:before {
	content: "\e624";
}

.ti-marker:before {
	content: "\e625";
}

.ti-marker-alt:before {
	content: "\e626";
}

.ti-arrow-up:before {
	content: "\e627";
}

.ti-arrow-right:before {
	content: "\e628";
}

.ti-arrow-left:before {
	content: "\e629";
}

.ti-arrow-down:before {
	content: "\e62a";
}

.ti-lock:before {
	content: "\e62b";
}

.ti-location-arrow:before {
	content: "\e62c";
}

.ti-link:before {
	content: "\e62d";
}

.ti-layout:before {
	content: "\e62e";
}

.ti-layers:before {
	content: "\e62f";
}

.ti-layers-alt:before {
	content: "\e630";
}

.ti-key:before {
	content: "\e631";
}

.ti-import:before {
	content: "\e632";
}

.ti-image:before {
	content: "\e633";
}

.ti-heart:before {
	content: "\e634";
}

.ti-heart-broken:before {
	content: "\e635";
}

.ti-hand-stop:before {
	content: "\e636";
}

.ti-hand-open:before {
	content: "\e637";
}

.ti-hand-drag:before {
	content: "\e638";
}

.ti-folder:before {
	content: "\e639";
}

.ti-flag:before {
	content: "\e63a";
}

.ti-flag-alt:before {
	content: "\e63b";
}

.ti-flag-alt-2:before {
	content: "\e63c";
}

.ti-eye:before {
	content: "\e63d";
}

.ti-export:before {
	content: "\e63e";
}

.ti-exchange-vertical:before {
	content: "\e63f";
}

.ti-desktop:before {
	content: "\e640";
}

.ti-cup:before {
	content: "\e641";
}

.ti-crown:before {
	content: "\e642";
}

.ti-comments:before {
	content: "\e643";
}

.ti-comment:before {
	content: "\e644";
}

.ti-comment-alt:before {
	content: "\e645";
}

.ti-close:before {
	content: "\e646";
}

.ti-clip:before {
	content: "\e647";
}

.ti-angle-up:before {
	content: "\e648";
}

.ti-angle-right:before {
	content: "\e649";
}

.ti-angle-left:before {
	content: "\e64a";
}

.ti-angle-down:before {
	content: "\e64b";
}

.ti-check:before {
	content: "\e64c";
}

.ti-check-box:before {
	content: "\e64d";
}

.ti-camera:before {
	content: "\e64e";
}

.ti-announcement:before {
	content: "\e64f";
}

.ti-brush:before {
	content: "\e650";
}

.ti-briefcase:before {
	content: "\e651";
}

.ti-bolt:before {
	content: "\e652";
}

.ti-bolt-alt:before {
	content: "\e653";
}

.ti-blackboard:before {
	content: "\e654";
}

.ti-bag:before {
	content: "\e655";
}

.ti-move:before {
	content: "\e656";
}

.ti-arrows-vertical:before {
	content: "\e657";
}

.ti-arrows-horizontal:before {
	content: "\e658";
}

.ti-fullscreen:before {
	content: "\e659";
}

.ti-arrow-top-right:before {
	content: "\e65a";
}

.ti-arrow-top-left:before {
	content: "\e65b";
}

.ti-arrow-circle-up:before {
	content: "\e65c";
}

.ti-arrow-circle-right:before {
	content: "\e65d";
}

.ti-arrow-circle-left:before {
	content: "\e65e";
}

.ti-arrow-circle-down:before {
	content: "\e65f";
}

.ti-angle-double-up:before {
	content: "\e660";
}

.ti-angle-double-right:before {
	content: "\e661";
}

.ti-angle-double-left:before {
	content: "\e662";
}

.ti-angle-double-down:before {
	content: "\e663";
}

.ti-zip:before {
	content: "\e664";
}

.ti-world:before {
	content: "\e665";
}

.ti-wheelchair:before {
	content: "\e666";
}

.ti-view-list:before {
	content: "\e667";
}

.ti-view-list-alt:before {
	content: "\e668";
}

.ti-view-grid:before {
	content: "\e669";
}

.ti-uppercase:before {
	content: "\e66a";
}

.ti-upload:before {
	content: "\e66b";
}

.ti-underline:before {
	content: "\e66c";
}

.ti-truck:before {
	content: "\e66d";
}

.ti-timer:before {
	content: "\e66e";
}

.ti-ticket:before {
	content: "\e66f";
}

.ti-thumb-up:before {
	content: "\e670";
}

.ti-thumb-down:before {
	content: "\e671";
}

.ti-text:before {
	content: "\e672";
}

.ti-stats-up:before {
	content: "\e673";
}

.ti-stats-down:before {
	content: "\e674";
}

.ti-split-v:before {
	content: "\e675";
}

.ti-split-h:before {
	content: "\e676";
}

.ti-smallcap:before {
	content: "\e677";
}

.ti-shine:before {
	content: "\e678";
}

.ti-shift-right:before {
	content: "\e679";
}

.ti-shift-left:before {
	content: "\e67a";
}

.ti-shield:before {
	content: "\e67b";
}

.ti-notepad:before {
	content: "\e67c";
}

.ti-server:before {
	content: "\e67d";
}

.ti-quote-right:before {
	content: "\e67e";
}

.ti-quote-left:before {
	content: "\e67f";
}

.ti-pulse:before {
	content: "\e680";
}

.ti-printer:before {
	content: "\e681";
}

.ti-power-off:before {
	content: "\e682";
}

.ti-plug:before {
	content: "\e683";
}

.ti-pie-chart:before {
	content: "\e684";
}

.ti-paragraph:before {
	content: "\e685";
}

.ti-panel:before {
	content: "\e686";
}

.ti-package:before {
	content: "\e687";
}

.ti-music:before {
	content: "\e688";
}

.ti-music-alt:before {
	content: "\e689";
}

.ti-mouse:before {
	content: "\e68a";
}

.ti-mouse-alt:before {
	content: "\e68b";
}

.ti-money:before {
	content: "\e68c";
}

.ti-microphone:before {
	content: "\e68d";
}

.ti-menu:before {
	content: "\e68e";
}

.ti-menu-alt:before {
	content: "\e68f";
}

.ti-map:before {
	content: "\e690";
}

.ti-map-alt:before {
	content: "\e691";
}

.ti-loop:before {
	content: "\e692";
}

.ti-location-pin:before {
	content: "\e693";
}

.ti-list:before {
	content: "\e694";
}

.ti-light-bulb:before {
	content: "\e695";
}

.ti-Italic:before {
	content: "\e696";
}

.ti-info:before {
	content: "\e697";
}

.ti-infinite:before {
	content: "\e698";
}

.ti-id-badge:before {
	content: "\e699";
}

.ti-hummer:before {
	content: "\e69a";
}

.ti-home:before {
	content: "\e69b";
}

.ti-help:before {
	content: "\e69c";
}

.ti-headphone:before {
	content: "\e69d";
}

.ti-harddrives:before {
	content: "\e69e";
}

.ti-harddrive:before {
	content: "\e69f";
}

.ti-gift:before {
	content: "\e6a0";
}

.ti-game:before {
	content: "\e6a1";
}

.ti-filter:before {
	content: "\e6a2";
}

.ti-files:before {
	content: "\e6a3";
}

.ti-file:before {
	content: "\e6a4";
}

.ti-eraser:before {
	content: "\e6a5";
}

.ti-envelope:before {
	content: "\e6a6";
}

.ti-download:before {
	content: "\e6a7";
}

.ti-direction:before {
	content: "\e6a8";
}

.ti-direction-alt:before {
	content: "\e6a9";
}

.ti-dashboard:before {
	content: "\e6aa";
}

.ti-control-stop:before {
	content: "\e6ab";
}

.ti-control-shuffle:before {
	content: "\e6ac";
}

.ti-control-play:before {
	content: "\e6ad";
}

.ti-control-pause:before {
	content: "\e6ae";
}

.ti-control-forward:before {
	content: "\e6af";
}

.ti-control-backward:before {
	content: "\e6b0";
}

.ti-cloud:before {
	content: "\e6b1";
}

.ti-cloud-up:before {
	content: "\e6b2";
}

.ti-cloud-down:before {
	content: "\e6b3";
}

.ti-clipboard:before {
	content: "\e6b4";
}

.ti-car:before {
	content: "\e6b5";
}

.ti-calendar:before {
	content: "\e6b6";
}

.ti-book:before {
	content: "\e6b7";
}

.ti-bell:before {
	content: "\e6b8";
}

.ti-basketball:before {
	content: "\e6b9";
}

.ti-bar-chart:before {
	content: "\e6ba";
}

.ti-bar-chart-alt:before {
	content: "\e6bb";
}

.ti-back-right:before {
	content: "\e6bc";
}

.ti-back-left:before {
	content: "\e6bd";
}

.ti-arrows-corner:before {
	content: "\e6be";
}

.ti-archive:before {
	content: "\e6bf";
}

.ti-anchor:before {
	content: "\e6c0";
}

.ti-align-right:before {
	content: "\e6c1";
}

.ti-align-left:before {
	content: "\e6c2";
}

.ti-align-justify:before {
	content: "\e6c3";
}

.ti-align-center:before {
	content: "\e6c4";
}

.ti-alert:before {
	content: "\e6c5";
}

.ti-alarm-clock:before {
	content: "\e6c6";
}

.ti-agenda:before {
	content: "\e6c7";
}

.ti-write:before {
	content: "\e6c8";
}

.ti-window:before {
	content: "\e6c9";
}

.ti-widgetized:before {
	content: "\e6ca";
}

.ti-widget:before {
	content: "\e6cb";
}

.ti-widget-alt:before {
	content: "\e6cc";
}

.ti-wallet:before {
	content: "\e6cd";
}

.ti-video-clapper:before {
	content: "\e6ce";
}

.ti-video-camera:before {
	content: "\e6cf";
}

.ti-vector:before {
	content: "\e6d0";
}

.ti-themify-logo:before {
	content: "\e6d1";
}

.ti-themify-favicon:before {
	content: "\e6d2";
}

.ti-themify-favicon-alt:before {
	content: "\e6d3";
}

.ti-support:before {
	content: "\e6d4";
}

.ti-stamp:before {
	content: "\e6d5";
}

.ti-split-v-alt:before {
	content: "\e6d6";
}

.ti-slice:before {
	content: "\e6d7";
}

.ti-shortcode:before {
	content: "\e6d8";
}

.ti-shift-right-alt:before {
	content: "\e6d9";
}

.ti-shift-left-alt:before {
	content: "\e6da";
}

.ti-ruler-alt-2:before {
	content: "\e6db";
}

.ti-receipt:before {
	content: "\e6dc";
}

.ti-pin2:before {
	content: "\e6dd";
}

.ti-pin-alt:before {
	content: "\e6de";
}

.ti-pencil-alt2:before {
	content: "\e6df";
}

.ti-palette:before {
	content: "\e6e0";
}

.ti-more:before {
	content: "\e6e1";
}

.ti-more-alt:before {
	content: "\e6e2";
}

.ti-microphone-alt:before {
	content: "\e6e3";
}

.ti-magnet:before {
	content: "\e6e4";
}

.ti-line-double:before {
	content: "\e6e5";
}

.ti-line-dotted:before {
	content: "\e6e6";
}

.ti-line-dashed:before {
	content: "\e6e7";
}

.ti-layout-width-full:before {
	content: "\e6e8";
}

.ti-layout-width-default:before {
	content: "\e6e9";
}

.ti-layout-width-default-alt:before {
	content: "\e6ea";
}

.ti-layout-tab:before {
	content: "\e6eb";
}

.ti-layout-tab-window:before {
	content: "\e6ec";
}

.ti-layout-tab-v:before {
	content: "\e6ed";
}

.ti-layout-tab-min:before {
	content: "\e6ee";
}

.ti-layout-slider:before {
	content: "\e6ef";
}

.ti-layout-slider-alt:before {
	content: "\e6f0";
}

.ti-layout-sidebar-right:before {
	content: "\e6f1";
}

.ti-layout-sidebar-none:before {
	content: "\e6f2";
}

.ti-layout-sidebar-left:before {
	content: "\e6f3";
}

.ti-layout-placeholder:before {
	content: "\e6f4";
}

.ti-layout-menu:before {
	content: "\e6f5";
}

.ti-layout-menu-v:before {
	content: "\e6f6";
}

.ti-layout-menu-separated:before {
	content: "\e6f7";
}

.ti-layout-menu-full:before {
	content: "\e6f8";
}

.ti-layout-media-right-alt:before {
	content: "\e6f9";
}

.ti-layout-media-right:before {
	content: "\e6fa";
}

.ti-layout-media-overlay:before {
	content: "\e6fb";
}

.ti-layout-media-overlay-alt:before {
	content: "\e6fc";
}

.ti-layout-media-overlay-alt-2:before {
	content: "\e6fd";
}

.ti-layout-media-left-alt:before {
	content: "\e6fe";
}

.ti-layout-media-left:before {
	content: "\e6ff";
}

.ti-layout-media-center-alt:before {
	content: "\e700";
}

.ti-layout-media-center:before {
	content: "\e701";
}

.ti-layout-list-thumb:before {
	content: "\e702";
}

.ti-layout-list-thumb-alt:before {
	content: "\e703";
}

.ti-layout-list-post:before {
	content: "\e704";
}

.ti-layout-list-large-image:before {
	content: "\e705";
}

.ti-layout-line-solid:before {
	content: "\e706";
}

.ti-layout-grid4:before {
	content: "\e707";
}

.ti-layout-grid3:before {
	content: "\e708";
}

.ti-layout-grid2:before {
	content: "\e709";
}

.ti-layout-grid2-thumb:before {
	content: "\e70a";
}

.ti-layout-cta-right:before {
	content: "\e70b";
}

.ti-layout-cta-left:before {
	content: "\e70c";
}

.ti-layout-cta-center:before {
	content: "\e70d";
}

.ti-layout-cta-btn-right:before {
	content: "\e70e";
}

.ti-layout-cta-btn-left:before {
	content: "\e70f";
}

.ti-layout-column4:before {
	content: "\e710";
}

.ti-layout-column3:before {
	content: "\e711";
}

.ti-layout-column2:before {
	content: "\e712";
}

.ti-layout-accordion-separated:before {
	content: "\e713";
}

.ti-layout-accordion-merged:before {
	content: "\e714";
}

.ti-layout-accordion-list:before {
	content: "\e715";
}

.ti-ink-pen:before {
	content: "\e716";
}

.ti-info-alt:before {
	content: "\e717";
}

.ti-help-alt:before {
	content: "\e718";
}

.ti-headphone-alt:before {
	content: "\e719";
}

.ti-hand-point-up:before {
	content: "\e71a";
}

.ti-hand-point-right:before {
	content: "\e71b";
}

.ti-hand-point-left:before {
	content: "\e71c";
}

.ti-hand-point-down:before {
	content: "\e71d";
}

.ti-gallery:before {
	content: "\e71e";
}

.ti-face-smile:before {
	content: "\e71f";
}

.ti-face-sad:before {
	content: "\e720";
}

.ti-credit-card:before {
	content: "\e721";
}

.ti-control-skip-forward:before {
	content: "\e722";
}

.ti-control-skip-backward:before {
	content: "\e723";
}

.ti-control-record:before {
	content: "\e724";
}

.ti-control-eject:before {
	content: "\e725";
}

.ti-comments-smiley:before {
	content: "\e726";
}

.ti-brush-alt:before {
	content: "\e727";
}

.ti-youtube:before {
	content: "\e728";
}

.ti-vimeo:before {
	content: "\e729";
}

.ti-twitter:before {
	content: "\e72a";
}

.ti-time:before {
	content: "\e72b";
}

.ti-tumblr:before {
	content: "\e72c";
}

.ti-skype:before {
	content: "\e72d";
}

.ti-share:before {
	content: "\e72e";
}

.ti-share-alt:before {
	content: "\e72f";
}

.ti-rocket:before {
	content: "\e730";
}

.ti-pinterest:before {
	content: "\e731";
}

.ti-new-window:before {
	content: "\e732";
}

.ti-microsoft:before {
	content: "\e733";
}

.ti-list-ol:before {
	content: "\e734";
}

.ti-linkedin:before {
	content: "\e735";
}

.ti-layout-sidebar-2:before {
	content: "\e736";
}

.ti-layout-grid4-alt:before {
	content: "\e737";
}

.ti-layout-grid3-alt:before {
	content: "\e738";
}

.ti-layout-grid2-alt:before {
	content: "\e739";
}

.ti-layout-column4-alt:before {
	content: "\e73a";
}

.ti-layout-column3-alt:before {
	content: "\e73b";
}

.ti-layout-column2-alt:before {
	content: "\e73c";
}

.ti-instagram:before {
	content: "\e73d";
}

.ti-google:before {
	content: "\e73e";
}

.ti-github:before {
	content: "\e73f";
}

.ti-flickr:before {
	content: "\e740";
}

.ti-facebook:before {
	content: "\e741";
}

.ti-dropbox:before {
	content: "\e742";
}

.ti-dribbble:before {
	content: "\e743";
}

.ti-apple:before {
	content: "\e744";
}

.ti-android:before {
	content: "\e745";
}

.ti-save:before {
	content: "\e746";
}

.ti-save-alt:before {
	content: "\e747";
}

.ti-yahoo:before {
	content: "\e748";
}

.ti-wordpress:before {
	content: "\e749";
}

.ti-vimeo-alt:before {
	content: "\e74a";
}

.ti-twitter-alt:before {
	content: "\e74b";
}

.ti-tumblr-alt:before {
	content: "\e74c";
}

.ti-trello:before {
	content: "\e74d";
}

.ti-stack-overflow:before {
	content: "\e74e";
}

.ti-soundcloud:before {
	content: "\e74f";
}

.ti-sharethis:before {
	content: "\e750";
}

.ti-sharethis-alt:before {
	content: "\e751";
}

.ti-reddit:before {
	content: "\e752";
}

.ti-pinterest-alt:before {
	content: "\e753";
}

.ti-microsoft-alt:before {
	content: "\e754";
}

.ti-linux:before {
	content: "\e755";
}

.ti-jsfiddle:before {
	content: "\e756";
}

.ti-joomla:before {
	content: "\e757";
}

.ti-html5:before {
	content: "\e758";
}

.ti-flickr-alt:before {
	content: "\e759";
}

.ti-email:before {
	content: "\e75a";
}

.ti-drupal:before {
	content: "\e75b";
}

.ti-dropbox-alt:before {
	content: "\e75c";
}

.ti-css3:before {
	content: "\e75d";
}

.ti-rss:before {
	content: "\e75e";
}

.ti-rss-alt:before {
	content: "\e75f";
}


/* ---------------- restaurant list three ---------------*/

.details {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.details li {
	display: block;
	line-height: 34px;
	font-size: 14px;
	color: #7e8890;
}

.details li a {
	color: #7e8890;
	transition: .2s linear;
}

.details li a:hover {
	color: #29aafe;
}

.details .fa,.details [class^=ti-] {
	font-size: 17px;
	display: inline-block;
	width: 26px;
	color: #96a2b2;
}

.details.cols-2 li,.details.cols-3 li {
	display: inline-block;
	width: 50%;
	float: left;
}

.details.cols-2:after,.details.cols-3:after {
	content: '';
	display: table;
	clear: both;
}

.details.cols-3 li {
	width: 33.333333%;
}

@media (max-width:991px) {
	.details.cols-3 li {
		width: 50%;
	}
}

@media (max-width:767px) {
	.details.cols-2 li,.details.cols-3 li {
		width: 100%;
	}
}


/* =========================================================
 *  22.  footer style two
/* ======================================================= */


.site-footer {
	background-color: #26272b;
	padding: 45px 0 20px;
	font-size: 14px;
	line-height: 24px;
	color: #bbb;
}

.site-footer hr {
	border-top-color: #bbb;
	opacity: .1;
}

.site-footer hr.small {
	margin: 20px 0;
}

.site-footer h6 {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	margin-top: 0;
	letter-spacing: 2px;
}

.site-footer a {
	position: relative;
	color: #bbb;
}

.site-footer a:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	bottom: -2px;
	border-bottom: 1px solid #bbb;
}

.site-footer a:hover {
	color: #fff;
}

.footer-links {
	padding-left: 0;
	list-style: none;
}

.footer-links li {
	display: block;
}

.footer-links a {
	color: #bbb;
}

.footer-links a:active,.footer-links a:focus,.footer-links a:hover {
	color: #fff;
}

.footer-links a:after {
	display: none;
}

.footer-links.inline li {
	display: inline-block;
}

.site-footer .social-icons {
	text-align: right;
}

.site-footer .social-icons a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-left: 6px;
	margin-right: 0;
	border-radius: 100%;
	background-color: #33353d;
}

.site-footer .social-icons a:after {
	display: none;
}

.copyright-text {
	margin: 0;
}

@media (max-width:991px) {
	.site-footer [class^=col-] {
		margin-bottom: 30px;
	}
}

@media (max-width:767px) {
	.site-footer {
		padding-bottom: 0;
	}

	.site-footer .copyright-text,.site-footer .social-icons {
		text-align: center;
	}
}



/* =========================================================
 *  23. reservation Styling
/* ======================================================== */

.reservation-left-side {
    background-color: #fff;
    padding: 20px 20px 10px 20px;
}
.reservation-right-side img {
	padding: 10px;
	background-color: #fff;
	box-shadow: 2px 3px 5px 1px #d1d1d1;
}
.restaurant .reservation-right-side .well {
	background-color: #ffffff;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
}
.form-control {
	border-radius: 0;
}

.custom-title {
	width: 17%;
	float: left;
	margin-right: 14px;
}

.custom-name {
	width: 80%;
	float: right;
}

.custom-forgot-password p {
	padding-left: 2%;
}

@media (max-width: 768px) {
	.custom-title {
		width: 100%;
		margin-bottom: 5px;
	}
	.custom-name {
		width: 100%;
	}
	.custom-time {
		width: 100%;
		margin-bottom: 5px;
	}
	.service-item-box.style-4 {
		margin-bottom: 10px;
	}
	.download-app-sec {
		height: 320px;
	}
	.bt-block-home-parallax {
		padding: 50px 0;
	}
	#custom-search-input {
		margin-bottom: 0;
		margin-top: 10px;
	}
}

/* -------------- end reservation Styling -------------*/


/* ------------------ bootstrap carousel over ride ---------------*/
.carousel-control.right, .carousel-control.left{
	display: none;
}


/* -------------- contact three page -----------------*/
.contact-left-side {
	background-color: #fff;
	padding: 20px;
}
.contact-right-side-inner-content {
	background-color: #fff;
	padding: 10px 15px;
}

/* =========================================================
 *  24. about page
/* ======================================================= */

.welcome_wrapper .number {
	color: #f2f2f2;
	font-size: 100px;
	line-height: 58px;
	font-weight: 700;
	margin: 0 0 -37px 0;
}

.welcome_wrapper h5 {
	font-weight: 500;
	margin: 10px 0 10px;
	color: #373636;
	text-transform: uppercase;
}

.welcome_wrapper p {
	margin: 0 0 20px;
}

.welcome_wrapper a {
	color: #333;
	font-size: 13px;
}

.welcome_wrapper a:hover {
	color: #e7604a;
}
.light-wrapper .inner {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}
#faq-result.faq-result-two .light-wrapper .inner {
	padding-bottom: 0;
	margin-bottom: 0;
	padding-left: 0;
}
#faq-result .light-wrapper .inner{
	padding-bottom: 5px;
}
.container.bg-alt {
	background-color: #fff;
	padding: 40px 15px;
}
section.about-section-one {
	padding-bottom: 40px;
}





/* =========================================================
 *  25. order process step
/* ======================================================= */

.order-process-step-four {
	padding-top: 20px;
	background-color: #fff;
	padding-bottom: 20px;
}
.order-process {
	margin: 0 auto;
	max-width: 930px;
}
.service-item-box.style-4 a {
	float: left;
	width: 46px;
	height: 46px;
	line-height: 46px;
	margin-right: 20px;
	text-align: center;
	background-color: #e7604a;
	color: #fff;
	-webkit-border-radius: 46px;
	border-radius: 46px;
}

.service-item-box.style-4 i {
	width: auto;
	height: auto;
	line-height: 46px;
	font-size: 20px;
}

.service-item-box.style-4 h3 {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 0;
	font-weight: normal;
}


/* =========================================================
 *  26. 404 page
/* ======================================================= */

.section-404 {
	text-align: center;
	padding-bottom: 70px;
}

.section-404 h1 {
	font-size: 250px;
	line-height: 250px;
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
}

.section-404 p {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	padding: 0px 245px;
	margin-bottom: 50px;
}

.section-404 h1 {
	line-height: normal;
	margin: 0;
}

.section-404 .btn.blue {
	color: #ffffff;
	background: #e7604a;
}

.section-404 .btn.blue:hover {
	color: #ffffff;
	background: #d45742;
}

.section-coming-soon h2 {
	margin: 0 0 10px;
}



/* =========================================================
 *  27. Coming soon
/* ======================================================= */

.coming-soon {
	text-align: center;
	color: #fff;
}

.coming-soon h3 {
	font-size: 60px;
	line-height: 75px;
	font-weight: 300;
	color: #fff;
	margin: 10px 0;
	text-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.coming-soon .countdown {
	text-align: center;
}

.coming-soon .countdown .date {
	display: inline-block;
	font-size: 40px;
	width: 120px;
	height: 120px;
	border-radius: 100px;
	color: #fff;
	padding-top: 30px;
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 0;
	background: rgba(0,0,0,0.2);
	border: 3px solid rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
}

.countdown .date span {
	display: block;
	font-size: 13px;
	color: rgba(255,255,255,1);
	margin-top: 10px;
}

.coming-soon hr {
	max-width: 500px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 0;
}

.coming-soon h4 {
	color: #fff;
	margin-bottom: 10px;
	font-weight: 300;
}

.cs-footer {
	text-align: center;
	margin-top: 40px;
	color: #fff;
	margin-bottom: 10px;
}

.cs-footer a {
	color: #fff !important;
}

@media (max-width: 480px) {
	.coming-soon h4 {
		font-size: 13px !important;
	}

	.coming-soon h3 {
		font-size: 40px !important;
	}

	.countdown {
		margin-top: 40px !important;
	}
}

@media (max-width: 767px) {
	.coming-soon h4 {
		font-size: 20px !important;
	}

	.coming-soon h4 span {
		padding: 6px 13px;
	}

	.coming-soon h3 {
		font-size: 30px;
	}

	.countdown {
		margin-top: 30px !important;
		margin-bottom: 40px;
	}

	.countdown .date {
		font-size: 35px !important;
		height: 95px !important;
		width: 95px !important;
		margin-left: 5px !important;
		margin-right: 5px !important;
		padding-top: 20px !important;
	}

	.coming-soon-item hr {
		max-width: 400px;
	}
}



/* =========================================================
 *  28. Shortcode - pricing Table
/* ======================================================= */


.heading h2 {
	margin-bottom: 30px;
	color: #585864;
	position: relative;
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
}

.heading h2:after {
	position: absolute;
	content: "";
	bottom: -30px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 2px;
	background-color: #585864;
}

.pricing-table {
	float: left;
	margin-top: 60px;
	position: relative;
	width: 100%;
}

.pricing-table > .igl-background-fixed-img {
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	-ms-border-radius: 23px;
	-o-border-radius: 23px;
	border-radius: 23px;
}

.pricing-table-box {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.91);
	float: left;
	list-style: outside none none;
	margin: 0;
	padding: 120px 0 0;
	position: relative;
	width: 100%;
	z-index: 99;
}

.pricing-product {
	background: none repeat scroll 0 0 #7e7e7e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	color: #ffffff;
	font-size: 29px;
	font-weight: bold;
	height: 110px;
	left: 50%;
	line-height: 110px;
	margin-left: -55px;
	margin-top: -55px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 110px;
	z-index: 0;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.pricing-table-box:hover > .pricing-product {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.pricing-table-box:hover > .pricing-product:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease 0.2s;
	-moz-transition: all 0.4s ease 0.2s;
	-ms-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}

.pricing-table-box:hover > .pricing-product:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-ms-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	transition: all 0.4s ease 0.1s;
}

.pricing-product > i {
	font-size: 21px;
	font-style: normal;
	font-weight: 300;
}

.pricing-product:before {
	background: none repeat scroll 0 0 #7e7e7e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.26;
	position: absolute;
	top: 0;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	width: 100%;
	z-index: -1;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.pricing-product:after {
	background: none repeat scroll 0 0 #7e7e7e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.10;
	position: absolute;
	top: 0;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	width: 100%;
	z-index: -1;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

#price-table-one .title {
	border-bottom: 1px solid #ffffff;
	color: #333333;
	float: left;
	font-size: 19px;
	padding: 0 30px 40px;
	text-align: center;
	width: 100%;
}
#price-table-one .btn {
	background-color: #404040;
	color: #ffffff;
}
.signup {
	float: left;
	padding: 40px;
	text-align: center;
	width: 100%;
}

.signup > .round-btn {
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	display: table;
	float: none;
	margin: 0 auto;
}

.options {
	border-bottom: 1px solid #ffffff;
	color: #666666;
	float: left;
	font-size: 14px;
	letter-spacing: 0.3px;
	padding: 13px 0;
	text-align: center;
	width: 100%;
}

.pricing-table-bg {
	background: url("../img/reparallax-one.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}

.igl-background-fixed-img {
	background-attachment: fixed;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
/* Corporate Background color */
.pricing-table-box:hover > .pricing-product,
.pricing-table-box:hover > .pricing-product:before,
.pricing-table-box:hover > .pricing-product:after,
.open-nav {
	background: #ff5722;
}

.pricing-table-box:hover > li.signup a {
	background: #ff5722;
}

.pricing-table-box:hover > li.signup a:hover {
	text-decoration: none;
	color: #ffffff;
}


/* Medical Background color */

#medical-plans .pricing-table-box:hover > .pricing-product,
#medical-plans .pricing-table-box:hover > .pricing-product:before,
#medical-plans .pricing-table-box:hover > .pricing-product:after,
#medical-plans .open-nav {
	background: #d45742;
}

#medical-plans .pricing-table-box:hover > li.signup a {
	background: #d45742;
}

.grey.darken-3 {
	background-color: #424242 !important;
}



/*------------------------------------------------------------------
	Style B pricing Table
--------------------------------------------------------------------*/
.pricing-col {
	background-color: #fff;
	border: 1px solid #F5F5F5;
	margin-bottom: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.pricing-col:hover, .pricing-col:focus {
	box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.pricing-col.popular {
	outline: 5px solid #d45742;
}

.pricing-header {
	background-color: #fff;
	color: #fff;
	padding: 16px 16px 38px 16px;
	text-align: center;
}

.pricing-title {
	color: #9E9E9E;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.pricing-value {
	color: #424242;
	font-size: 48px;
	margin: 30px 0px;
}

.pricing-duration {
	color: #9E9E9E;
	font-size: 12px;
	margin-bottom: 30px;
}

.pricing-content {
	background-color: #EEEEEE;
	padding: 16px;
}

.pricing-content .btn, .pricing-content .btn-secondary {
	display: block;
	font-weight: 600;
	margin: 0px 0px 16px 0px;
	padding: 10px 12px;
	text-align: center;
}

.pricing-content ul {
	list-style-position: inside;
	margin: 0px -16px;
	padding: 0px 30px;
}

.pricing-content ul li {
	color: #616161;
	font-size: 14px;
	padding: 7px 0px;
	text-align: center;
}

.pricing-content ul li:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
}

/* ------------- First row pricing Table -------------*/
.pricing-header .btn:not(.dropdown-toggle), .pricing-header .btn-secondary:not(.dropdown-toggle) {
	background-color: #d45742;
	color: #fff;
}

.pricing-header .btn:not(.dropdown-toggle):hover, .pricing-header .btn-secondary:not(.dropdown-toggle):hover {
	box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
	color: #fff;
}


/* =========================================================
 *  29. Service - shortcode
/* ======================================================= */


.title-section p {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}

.title-section p:after {
	width: 30px;
	height: 2px;
	content: '';
	background: #05AED5;
	display: inline-block;
	-webkit-transform: translate(20px, -6px);
	-ms-transform: translate(20px, -6px);
	-o-transform: translate(20px, -6px);
	transform: translate(20px, -6px);
}

.title-section h3 {
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.description-welcome p {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #a6a6a6;
	line-height: 22px;
	width: 100%;
	display: inline-block;
	margin-top: 15px;
}

.description-welcome a {
	float: right;
	background: #05AED5;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-transform: uppercase;
	margin-top: 15px;
}

.description-welcome a:hover {
	background: #404040;
	color: #FFF;
}

.welcome-Block {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	color: #000000;
	text-align: center;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.wight-text, .wight-text h4 {
	color: #FFF !important;
}

.welcome-Block:hover .Top-welcome {
	opacity: 0;
}

.welcome-Block:hover .Top-welcome h4, .welcome-Block:hover .Top-welcome i {
	z-index: 0;
	position: relative;
}

.Top-welcome {
	padding: 85px 0 90px 0;
	-webkit-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.Top-welcome i {
	font-size: 32px;
	margin-bottom: 20px;
	display: block;
	z-index: 11;
	position: relative;
}

.Top-welcome h4 {
	font-weight: 500;
	font-size: 24px;
	color: #1b1a1a;
	z-index: 1;
	position: relative;
}

.Top-welcome img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
}

.service-black {
	background-color: rgba(0,0,0,0.74);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	overflow: auto;
	opacity: 1;
	z-index: 1;
}

.img-opacity img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
}

.welcome-Block:hover .img-opacity img {
	opacity: 1;
	-webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
}

.welcome-Block:hover .img-opacity {
	opacity: 1;
}

.hover-welcome {
	opacity: 0;
	background: #d45742;
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	-o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
	padding: 17% 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.welcome-Block:hover .hover-welcome {
	opacity: 1;
	bottom: 0;
}

.hover-welcome p {
	font-size: 13px;
	color: #ffffff;
}

.hover-welcome a {
	background: #ffffff;
	color: #000000;
	margin-top: 15px;
	font-size: 12px;
	font-family: 'Open Sans';
	padding: 5px 12px;
}

.hover-welcome a:hover {
	background: #f3f3f3;
	color: #333;
}



/* =========================================================
 *  30. contact two
/* ======================================================= */

#map_canvas {
	width: 100%;
	height: 447px;
	margin-bottom: 40px;
}

.get-quote-form {
	margin-top: -15px;
}

.form-input input, .form-input textarea {
	margin-bottom: 30px;
	width: 100%;
}

.form-input textarea {
	height: 174px;
}

.form-submit input {
	background: #05AED5;
}

.Block-Contact p {
	color: #373636;
	margin-bottom: 5px;
}

.Block-Contact {
	padding: 0;
	margin-top: 15px;
}


.Block-Contact ul {
	list-style: none;
	padding: 0;
}
.Block-Contact ul li {
	margin-bottom: 5px;
}

.Block-Contact ul li i {
	color: #e7604a;
	margin-right: 5px;
	display: inline-block;
	font-size: 16px;
}

.Block-Contact ul li span {
	margin-right: 5px;
	display: inline-block;
}



/* =========================================================
 *  31. Gallery
/* ======================================================= */


#portfolio .modal-backdrop{
	z-index: -1;
}

.portfolio-wrap .mix {
	display: none;
	margin-bottom: 20px;
}

.item-filter {
	margin-bottom: 40px;
}

.item-filter ul li {
	border: 1px solid #E8E8E8;
	color: #5A5252;
	cursor: pointer;
	padding: 5px 10px;
	letter-spacing: 1px;
}

.item-filter ul li.active {
	border: 1px solid #d45742;
	background-color: #d45742;
	color: #FFFFFF;
}

.img-wrap {
	overflow: hidden;
	position: relative;
}

.img-overlay {
	background-color: rgba(255, 255, 255, 0.6);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.img-wrap:hover .img-overlay {
	opacity: 1;
}

.clients {
	font-size: 20px;
	letter-spacing: 2px;
	font-style: italic;
	font-weight: 400;
	margin-top: 20px;
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
	margin-top: 60px;
}
.top-margin {
	margin-top: 40px;
}
.style-2.gallery-page{
	padding: 0 !important;
}


/* =========================================================
 *  32. My Account Page
/* ======================================================= */
.account-cfoinfo .cfoaccount {
	background: #fff;
}
.cfoaccount ul li {
	display: inline-block;
	width: 100%;
}
.cfoaccount ul li a {
	border-bottom: 1px solid #aaa;
	display: inline-block;
	padding: 12px 10px;
	width: 100%;
	text-decoration: none;
	color: #535151;
	font-size: 16px;
	outline: none;
}
.cfoaccount ul li:first-child a {
	border-top: 6px solid #e7604a;
}
.cfoaccount ul li:last-child a {
	border-bottom: 0;
}
.cfoaccount ul li a .fa {
	font-size: 17px;
	padding-right: 6px;
	color: #e7604a;
}
.contact-details.myaccount-contact .form-group p {
	margin: 0;
	font-weight: 400;
}
.contact-details.myaccount-contact > h2 {
	float: left;
	width: 100%;
	text-align: left;
}
.contact-details.myaccount-contact > h2 a {
	float: right;
	text-align: right;
	color: #E64D64;
	font-weight: 300;
	text-decoration: underline;
	outline: none;
}

.contact-details.myaccount-contact .address-form p a {
	color: #2EAC76;
	text-decoration: underline;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
tr.subtotal td.title input[type="radio"] {
	float: left;
	padding-right: 21px;
	display: block;
	margin-right: 6px;
	margin-top: 8px;
}
.contact-details.myaccount-contact .address-form .form-control {
	margin-bottom: 10px;
}
.contact-details.myaccount-contact .address-form .form-group textarea {
	height: 70px;
}

/* =========================================================
 *  33. order success page
/* ======================================================= */

.order-summary {
    background-color: #fff;
    padding: 15px;
}

.contact-details.thankyou > span .fa {
	color: #fff;
	background: #e7604a;
	padding: 15px 14px 12px 14px;
	font-size: 28px;
	border-radius: 14em;
	width: 60px;
	height: 60px;
}

.contact-details.thankyou > span{ margin-top: -39px; display: block;}

tr.orderh-title {
	background: #fff !important;
}
tr.orderh-title th{
	font-weight: 400;
}
tr.orderdata-title td {
	padding: 15px 9px !important;
	text-align: left;
}
.pay-th,.file-th, .orderdata-title td.pay, .orderdata-title td.file-view{ text-align: center; }
.orderdata-title td {
	background: #fff;
	font-weight: 300;
}

.cfoorder-info{  font-weight: 400; background: #fff; padding: 26px 26px 5px 26px; margin-bottom: 10px; }
.cfoorder-info h2 {
	margin: 0;
	padding: 0;
	font-size: 23px;
	border-bottom: 1px dotted #EDEDED;
	padding-bottom: 13px;
}
.cfoorder-info table.table {
	margin-bottom: 3px;
}
.cfoorder-info .orderth-title th{ background: #fff; font-weight: 400;}
.cfoorder-info .orderdata-title td{ background: #fff; font-weight: 400; border: 0; }
.account-table.cfoorder-details h2 span.amount {
	padding-right: 10%;
}
td.file-view .fa {
	color: #e7604a;
}
td.cross-td a {
	font-size: 9px;
	padding: 2px 4px;
	border-radius: 22px;
	color: #e7604a;
	border: 2px solid #e7604a;
	font-weight: bold;
	text-decoration: none;
}

.hobtr{ cursor: pointer; }
.ic{ display: none;}
.hobtr:hover .main-price{ display: none; }
.hobtr:hover .ic{ display: block; }
.chefonline-close-circle {
	font-weight: bold;
	color: #e7604a;
	font-size: 16px;
	background: #fff;
}
td.itme-td input[type="radio"] {
	float: left;
	margin-right: 6px;
	display: block;
}
td.itme-td label {
	font-weight: 300;
	font-size: 13px;
}
td.itme-td.text-left {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
input.form-control.increse-val {
	text-align: center;
	padding: 0;
	width: 18px;
	float: left;
	font-size: 10px;
	height: 19px;
	clear: both;
}
td.cross-td.custom-spinner{ position: relative; }
button.btn.btn-default.cust-plus {
	background: #e7604a;
	color: #fff;
	border: 0;
}

.hobtr:hover .qnt-idn{ display: none; }
.input-group.spinner{ display: none; }
.hobtr:hover .input-group.spinner{ display: block; }

/* ----------------- end order success page ------------------*/




/* ====================================================
 *  34. how to order/order process
/* ==================================================== */

.process-block {
	display: block;
	color: #7e8890;
    overflow: hidden;
}
.process-block h5 {
	text-align: center;
	margin-top: -10px;
	font-style: italic;
	margin-bottom: 20px;
}
ol.process {
	margin-top: 20px;
	margin-left: 32px;
	padding: 0;
	list-style-type: none;
	counter-reset: li-counter;
}
ol.process > li {
	position: relative;
	text-align: center;
	padding: 15px;
	border-radius: 5px;
}
ol.process > li > p {
	font-style: italic;
}
ol.process > li:before {
	position: absolute;
	left: -18px;
	top: -18px;
	font-size: 22px;
	display: inline-block;
	line-height: 36px;
	width: 36px;
	text-align: center;
	border-radius: 35px;
	color: #fff;
	font-weight: 700;
	background-color: #595f66;
	box-shadow: 0 0 0 1px #fff;
	content: counter(li-counter);
	counter-increment: li-counter;
}
ol.process li:nth-child(even) {
	border-top: 1px dashed #7e8890;
}
ol.process li:nth-child(odd) {
	border: 1px dashed #7e8890;
	border-top: 0;
}
ol.process i {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	line-height: 150px;
	font-size: 4em;
	color: #7e8890;
	border-radius: 50%;
}
.order-process-step {
	background-image: url(../img/pattern/giftly.png);
}

/*icon-hover-animation*/

@-webkit-keyframes pulse-shrink {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}
@keyframes pulse-shrink {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}
ol.process li:hover i,
ol.process li:focus i,
ol.process li:active i {
	-webkit-animation-name: pulse-shrink;
	animation-name: pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
.introduction {
	text-align: center;
	padding: 10px 25px
}
.service-block {
	padding: 10px;
	display: block;
	text-align: center;
}
.service-block-icon {
	position: relative;
	display: block;
	margin: 5px auto;
	width: 120px;
	height: 120px;
	background: #5bc0de;
	color: #fff;
	font-size: 60px;
	text-align: center;
	line-height: 110px;
	border-radius: 50%;
}
.service-block-icon .badge {
	position: absolute;
	background: #595f66;
	border-radius: 3px;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: 400;
}
.service-block-icon .badge:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 10px;
	border-style: solid;
	border-width: 8px 6px 0;
	border-color: #595f66 transparent;
	display: block;
	width: 0;
	z-index: 1;
}
.service-block-icon .badge p.qty {
	font-size: 2em;
	margin: 0;
	margin-bottom: 3px;
	font-weight: 800;
}
.clients-block {
	padding: 0 30px;
}
.process-block h2,
.factage-block h2,
.main-page-blog-posts h2,
.skills-block h2,
.clients-block h2,
.simple-testimonials h2,
.team-block h2 {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-style: normal;
	text-align: center;
	letter-spacing: 3px;
	font-weight: 800;
	font-size: 1.6em;
	text-transform: uppercase;
}
.clients-block .client-logo {
	border-radius: 50%;
	margin-bottom: 10px;
	transition: background .4s;
}
.clients-block .client-logo:hover {
	background: rgba(0,0,0,.1);
}



/* ======================================
 *  35. Media Queries
/* ====================================== */

@media only screen and (min-width: 1200px){

    #filterMenuTop{
        display: none;
    }
    .Contact-Info h4 {
        margin-top: 0;
    }


}

@media only screen and (max-width: 768px){
    .static-section h2 {
        font-size: 20px;
    }
    .static-section h4{
        font-size: 12px;
    }

    .app-content {
        padding-top: 30px;
    }
    .left-container .logo-content{
        font-size: 26px;
    }

    #best-restaurant h2, .featured-product h2{
        font-size: 22px;
        padding-bottom: 10px;
    }
    .featured-product .ui-content h2{
        font-size: 18px;
        margin-top: 50px;
    }
    #best-restaurant {
        padding: 30px 0;
    }
    .featured-product {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .bt-block-home-parallax h2{
        font-size: 24px;
        line-height: 36px;
    }

    .leftside-filter {
        display: none;
    }
    .title-text h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .ui-blog-left-side, .reservation-left-side{
        margin-bottom: 40px;
    }
    .reservation-right-side img{
        margin: 0 auto;
    }
    .account-cfoinfo.clearfix{
        margin-bottom: 10px;
    }
    .order-summary {
        background-color: transparent;
        margin-bottom: 20px;
		padding: 0;
    }
    .section-404 p {
        padding: 0 0;
    }
    .section-404 h1{
        font-size: 100px;
    }
    .contact-right-side-inner-content{
        margin-top: 20px;
    }


}


/* -------------------- End Thank you -----------------------*/



/* -------------------------------------------
   04. Loading Screen
----------------------------------------------*/
.Loading-Page {
	top: 50%;
	position: absolute;
	left: 50%;
}
.loading-overlay {
	background: #FFF;
	color: #424242;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 111111;
}

.loader {
	margin: 20% auto;
	font-size: 6px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(194, 193, 193, 0.5);
	border-right: 1.1em solid rgba(199, 197, 197, 0.5);
	border-bottom: 1.1em solid rgba(203, 203, 203, 0.5);
	border-left: 1em solid #e7604a;
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#to-top {
	position: fixed;
	right: 10px;
	bottom: -100px;
	overflow: auto;
	padding: 12px 14px 14px;
	font-size: 18px;
	line-height: 10px;
	cursor: pointer;
	background-color: #e7604a;
	border-radius: 3px;
	color: #fff;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	z-index: 1111;
}

#to-top span {
	color: #fff;
}

.btn_action_api {
	border-width: 1px;
	border-color: #999!important;
	border-style: solid;
	margin-right: 15px;
}

.btn-link {
	color: #00aced;
	font-size: 15px;
}

.caixa-sombra-escura {
	background: #f1f1f1;
    border-radius: 5px;
    box-shadow: 2px 2px 11px #f1f1f1;
    padding: 15px;
	min-height: 80px;
	width: 98%;
}

.caixa-sombra-clara {
	background: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 11px #dadadfb0;
    padding: 15px;
	min-height: 80px;
	width: 98%;
}

.caixa-producao-api {
	margin-top: 30px;
}

.txt-margin {
	margin: 0px!important;
}

.direitos-reservados-api {
	justify-content: center;
    align-items: center;
    display: flex;
    height: 57px;
    width: 100%;
    position: relative;
}