/*-------------------------------------------------*/
/* =  Values by Default
/*-------------------------------------------------*/

body {
	background: url('../../images/siena-bistro-restaurant-background.jpg') fixed center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.navbar-default {
  background: #5F5F16;
  border: none;
  margin: 0;
}

.navbar-nav {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.container {
	width: 100%;
	margin: 0;
	padding: 0 5%;
}

h1,h2,h3,h4,h5,h6 {font-family: Kaushan Script, cursive;}

p {
	font-family: Source Sans Pro, sans-serif;
	color: #292929;
}

a {
	color: #454510;
	text-decoration: none;
}

a:hover {color: #5F5F16}

/*-------------------------------------------------*/
/* =  Banners
/*-------------------------------------------------*/

.tp-banner-container, .tp-banner, .tp-banner-fullscreen-container {
	position: relative;
	width: 100%;
	padding: 0;
}

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/

.top-branding {
  padding: 20px 0;
  background-color: rgba(194,194,137,0.8);
}

.top-branding p {
	font-family: Open Sans, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #454510;
}

.top-branding p span.contact {
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	letter-spacing:0.3em;
}

.top-branding p span.phone {
	font-size: 50px;
	font-weight: bold;
	line-height: 60px;
	color: #454510;
}

.top-branding p span.directions {
	font-size: 14px;
	letter-spacing:0.09em;
	color: #111;
}

.top-branding img {
	width: 98%;
	height: 98%;
}

/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/
footer {
	font-family: Open Sans, sans-serif;
	background-color: rgba(69,69,19,0.9);
}

footer .bottom-footer {
	padding: 10px 0;
	background-color: #292929;
}

footer .bottom-footer p,
footer .bottom-footer a {
	font-size: 16px;
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	padding-top: 15px;
}

footer .bottom-footer a:hover {color: #FFF;}

footer .up-bottom {
	background-color: #D8D8D8;
	padding: 30px 0 40px 0;
}

footer .up-bottom p {
	font: 14px/24px Open Sans, sans-serif;
	color: #349403;
}

footer .up-bottom p span {
	font: bold 16px/40px Open Sans, sans-serif;
	color: #2E7D02;
	padding-bottom: 3px;
	border-bottom: thin solid rgba(52,148,3,0.5);
}

footer .up-footer {padding: 20px 0 40px;}

footer .up-footer h4 {
	font-family: Open Sans, sans-serif; 
	font-size: 22px;
	font-weight: 600;
	color: #C2C289;
	padding-bottom: 15px;
	text-transform: uppercase;
}

footer .up-footer p,
footer .up-footer a,
footer .up-footer ul {
  font-size: 20px;
  line-height: 28px;
  color: #FFF;
  text-decoration: none;
}

footer .up-footer p span {font-weight: 600;}

footer .up-footer a:hover {color: #EBEB36;}

footer .up-footer img {margin-right: 3px;}

footer .up-footer ul {
	margin: 0;
	padding: 0 0 0 23px;
	color: #ABAB27;
}

/*-------------------------------------------------*/
/* =  Content
/*-------------------------------------------------*/

.content-section {
	position: relative;
	margin: 0;
	padding: 0;
 	background: rgba(194,194,137,0.8);
 }
 
.content-section .container {
	width: 98%;
	margin: 0 1%;
	padding: 2% 5% 4% 5%;
}

.content-section .container h1 {
	font-size: 50px;
	line-height: 80px;
	color: #454510;
	letter-spacing:0.02em;
	text-align: left;
	margin-bottom: 40px;
}

.content-section .container h2 {
	font-size: 40px;
	line-height: 50px;
	color: #ABAB17;
	text-transform: uppercase;
}

.content-section .container h3 {
	font-size: 36px;
	line-height: 46px;
	color: #5F5F16;
}

.content-section .container p,
.content-section .container ul,
.content-section .container ol  {
  font-size: 28px;
  line-height: 38px;
  margin: 0 0 24px 0;
}

.content-section .container p.medium {
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 18px 0;
}

.content-section .container p.small {
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 14px 0;
}

/*-------------------------------------------------*/
/* =  Menu: List
/*-------------------------------------------------*/

.menu-list-section {
	margin-right: 0 30px;
	padding: 40px;
	text-align: center;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #ABAB5C;
}

.menu-list-section .menu h2 {
	font-family: Oswald, sans-serif;
	font-size: 80px;
	line-height: 100px; 
	color: #454510;
}

.menu-list-section .menu p {
	font-size: 24px;
	line-height: 34px;
	color: #444;
	font-style: italic;
}

.menu-list-section .category h3 {
	font-size: 50px;
	line-height: 60px;
	color: #5F5F16;
	padding-top: 20px;
}

.menu-list-section .category p {
	font-size: 20px;
	line-height: 30px;
	color: #555;
	font-style: italic;
}

.menu-list-section .category p.size {
	font-size: 22px;
	line-height: 32px;
	font-style: normal;
	color: #800;
}

.menu-list-section p.dish {
	font-size: 24px;
	line-height: 34px;
	color: #444;
}

.menu-list-section p span {
	font-size: 28px;
	line-height: 38px;
	font-weight: bold;
	color: #222;
}
.menu-list-section p span.calories {
	font-size: 22px;
	line-height: 32px;
	font-weight: normal;
	color: #444;
	padding: 0 10px;
}

.menu-list-section p span.size {
	font-size: 24px;
	line-height: 34px;
	font-weight: normal;
	color: #444;
	padding-left: 20px;
}

.menu-list-section p span.price {
	color: #800;
	padding-left: 10px;
}

/*-------------------------------------------------*/
/* =  Menu: Special
/*-------------------------------------------------*/

.special-menu-section {
	margin-right: 0 30px;
	padding: 40px;
	text-align: center;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #ABAB5C;
}

.special-menu-section p.header {
	font-size: 30px;
	line-height: 40px;
	color: #292929;
}

.special-menu-section p.header span {
	font-size: 60px;
	line-height: 70px;
	color: #454510;
	font-weight: bold;
	text-shadow: 2px 2px 2px #6B6B19;
}

.special-menu-section p.header span.price {
	font-size: 60px;
	line-height: 70px;
	color: #F7F721;
}

.special-menu-section h2.section {
	font-size: 30px;
	line-height: 40px;
	margin-top: 60px;
	color: #911513;
}

.special-menu-section p {
	font-size: 24px;
	line-height: 32px;
	color: #6B6B19;
}

.special-menu-section p span {
	font-size: 32px;
	line-height: 42px;
	color: #454510;
}

/*-------------------------------------------------*/
/* =  Testimonials
/*-------------------------------------------------*/

.testimonial-section {
	position: relative;
	margin: 0 7%;
	padding: 0;
}

.testimonial-section .area {
	margin-bottom: 30px;
	padding: 50px 40px 25px;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #ABAB5C;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}

.testimonial-section .area p {
	font: 28px/36px Abel, sans-serif;
	color: #6B6B19;
}

.testimonial-section .area p span {
	font-size: 32px;
	font-weight: bold;
	color: #454510;
}

#testimonial-section img {
	width: 98%;
	height: 98%;
	cursor:pointer;
}

.testimonial-random-section {
	position: relative;
	width: 100%;
	margin: 3% 0%;
	padding: 2% 5%;
	background-color: rgba(255,255,255,0.8);
	text-align: center;
}

.testimonial-random-section h2.title {
	font-size: 30px;
	line-height: 40px;
	margin: 6% 0;
	color: #5F5F16;
}

.testimonial-random-section p.caption {
	font-size: 20px;
	line-height: 30px;
	color: #494949;
}

.testimonial-random-section div.review p {
	font-size: 24px;
	line-height: 34px;
	color: #292929;
}

.testimonial-random-section div.review p span {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
}

/*-------------------------------------------------*/
/* =  Photo Gallery
/*-------------------------------------------------*/

.gallery-section {
	position: relative;
	margin: 0;
	padding: 0;
}

.gallery-section .area {
	margin-bottom: 30px;
	padding: 0;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #ABAB5C;
}

.gallery-section .area img {
	width: 100%;
	height: 100%:
}

.gallery-section .area .info {
	padding: 20px 20px 40px;
	text-align: center;
}

.gallery-section .area .info h3 {
	font: bold 30px/38px Abel, sans-serif;
	color: #454510;
}

.gallery-section .area .info p {
	font: 24px/32px Abel, sans-serif;
	color: #6B6B19;
}

/*      BLOG: Home      */
.home-blog-section {
	position: relative;
	padding: 90px 40px;
	background: url(../../images/henshaw-vierra-management-counsel-background-news.jpg) fixed center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.home-blog-section h2.title {
	font-size: 60px;
	line-height: 70px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.10em;
	text-shadow: 2px 2px 4px #222;
	margin: 0;
	padding: 0;
}

.home-blog-section h3 {
	font-size: 40px;
	line-height: 50px;
	color: #292929;
	text-align: center;
	margin: 0 0 40px 0;
	padding: 0;
	letter-spacing: 0.04em;
}

/*      BLOG: Page      */
.blog-section {
	margin: 0;
	padding: 0;
}

.blog-section .list {
	display: table;
	background-color: rgba(255,255,255,0.8);
	margin: 25px 0;
	padding: 1% 3% 3% 3%;
	border: 1px solid rgba(32,32,32,0.2);
}

.blog-section .list h2 {
	font: 700 36px/56px Open Sans, serif;
	color: #454510;
	margin-bottom: 20px;
	text-transform: none;
}

.blog-section .list h3 {
	font: 600 30px/40px Open Sans, serif;
	color: #3F521D;
	margin: 0;
}

.blog-section .list p {
	font-size: 24px;
	line-height: 32px;
	color: #6B6B19;
}

.blog-section .list p.small {
	font-size: 18px;
	line-height: 26px;
	color: #ABAB27;
}

.blog-section .list p.small span {
	font-size: 18px;
	line-height: 26px;
	color: #6B6B19;
}

.blog-section .list a.read-more {
	font: 16px/40px Open Sans, sans-serif;
	padding: 10px 15px;
	color: #FFF;
	background-color: #6B6B19;
	text-decoration: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.blog-section .list a.read-more:hover {
	background-color: #454510;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.blog-section .index {
	width: 100%;
	display: table;
	background-color: #FFF;
	margin: 0 0 25px 0;
	padding: 0 15px 30px;
	border: 1px solid rgba(16,16,16,0.2);
}

.blog-section .index h4 {
	font: 600 20px/50px Open Sans, serif;
	color: #454510;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(64,64,64,0.2);
}

.blog-section .index ul { 
    display: block;
    list-style-type: disc;
    margin: 0;
    padding-left: 25px;
	 color: #ABAB17;
}

.blog-section .index a,
.blog-section .index li {
	font: 18px/28px Open Sans, sans-serif;
	color: #6B6B19;
	text-decoration: none;
} 

.blog-section .index a:hover {color:#454510;}

.blog-section .index a.link {
	font: 18px/40px Open Sans, sans-serif;
	padding: 10px 15px;
	color: #FFF;
	background-color: #6B6B19;
	text-decoration: none;
	text-transform: uppercase;
}

.blog-section .index a.link:hover {background-color:#454510}

.blog-section .index a.buttom {
	font: 14px/40px Open Sans, sans-serif;
	text-transform: uppercase;
	padding: 10px 15px;
	color: #FFF;
	background-color: #6B6B19;
	text-decoration: none;
}

.blog-section .index a.buttom:hover {
	background-color: #454510;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.blog-detail {
	margin: 0;
	padding: 0;
}

.blog-detail h1 {
	font: 700 50px/60px Open Sans, serif;
	color: #454510;
	border-bottom: none;
	margin-bottom: 20px;	
}

.blog-detail .content {
	display: table;
	width: 100%;
	margin: 0;
	padding: 50px;
	background-color: rgba(255,255,255,0.75);
}

.blog-detail p,
.blog-detail ul,
.blog-detail ol {color: #292929;}

.blog-detail .side {
	margin: 0 0 30px 0;
	padding: 10px 20px;
	background-color: #FFF;
	border: 1px solid #E0E0E0;	
}

.blog-detail .side h4 {
	font: 600 20px/50px Open Sans, sans-serif;
	color: #454510;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(64,64,64,0.2);
}

.blog-detail .side h5 {
	font: 600 20px/30px Open Sans, sans-serif;
	color: #911513;
	text-transform: none;
	border-bottom: none;
}

.blog-detail .side p {
	font: 300 16px/24px Open Sans, sans-serif;
	color: #6B6B19;
}

.blog-detail .side p span {
	font: 600 18px/26px Open Sans, sans-serif;
	color: #454510;
}

.blog-detail .side a.navigation {
	font: 14px/34px Open Sans, sans-serif;
	padding: 5px 20px;
	color: #FFF;
	background-color: #6B6B19;
	text-decoration: none;
}

.blog-detail .side a.navigation:hover {
	background-color: #454510;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

/*-------------------------------------------------*/
/* =  Forms
/*-------------------------------------------------*/

.form-section {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

.form-section .area {
	margin-bottom: 30px;
	padding: 20px 40px;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #ABAB5C;
}

.form-section .area fieldset {
	border: 1px solid #5F5F16;
	margin: 20px 0 0 0;
	padding: 20px;
	border-radius: 0 8px 8px 8px;
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 0 8px 8px 8px;
}

.form-section .area fieldset legend {
	text-transform: uppercase;
	font-size: 14px;
	background-color: #5F5F16;
	color: #FFF;
	margin: 0;
	padding: 3px 10px;
	letter-spacing:0.08em;
}

.form-section .area h3 {
	font: 36px/56px Oswald, sans-serif;
	color: #454510;
}

.form-section .area h4 {
	font: 26px/36px Oswald, sans-serif;
	color: #454510;
}

.form-section .area input[type="text"],
.form-section .area input[type="email"],
.form-section .area input[type="date"],
.form-section .area textarea,
.form-section .area select {
	width: 100%;
	font: 16px Open Sans, sans-serif;
	color: #333;
	padding: 5px 10px;
	border: 1px solid rgba(0,0,0,0.2);
	background-color: #FFF;
	margin-bottom: 10px;
	outline: none;
}

.form-section .area input[type="text"]:focus,
.form-section .area input[type="email"]:focus,
.form-section .area textarea:focus,
.form-section .area select:focus {
	color: #000;
	background-color: #F3F3F3;
	border: 1px solid rgba(128,0,0,0.5);
}

.form-section .area input[type="text"].disabled {
	color: #292929;
	border: 1px solid rgba(94,94,22,0.4);
	background-color: rgba(171,171,91,0.6);
}

.form-section .area textarea {height: 150px;}

.form-section .area input[type="submit"],
.form-section .area input[type="button"],
button.General,
a.General {
	font: 18px Open Sans, sans-serif;
	color: #FFF;
	background-color: #5F5F16;
	padding: 10px 30px;
	margin: 0 15px 30px 0;
	outline: none;
	border: none;
	text-decoration: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 1px 3px 10px -5px #000;
	-moz-box-shadow: 1px 3px 10px -5px #000;
	-webkit-box-shadow: 1px 3px 10px -5px #000;
}

.form-section .area input[type="submit"]:hover,
.form-section .area input[type="button"]:hover,
button.General:hover,
a.General:hover {
	background-color: #911513;
	transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
}

.form-section .area span.caption {
	text-transform: uppercase;
	font-size: 12px;
	padding: 0 0 3px 5px;
	letter-spacing:0.09em;
}

.form-section .area .table-section {margin-bottom: 20px;}

.form-section .area .table-section table {
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
}

.form-section .area .table-section table thead tr th {
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background-color: #454510;
	padding: 5px 0;
	letter-spacing: 0.08em;
	border-right: 1px solid rgba(255,255,255,0.1);
}

.form-section .area .table-section table tbody tr.odd {background-color: #FFF;}
.form-section .area .table-section table tbody tr.even {background-color: #F0F0E1;}

.form-section .area .table-section table tbody tr td {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	padding: 5px 10px;
	vertical-align: top;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}

.form-section .area .table-section table tbody tr td span {
	font-size: 14px;
	line-height: 22px;
	color: #555;
}

.form-section .area .table-section table tbody input[type="text"],
.form-section .area .table-section .menu input[type="text"] {
	width: 100%;
	font: 14px Open Sans, sans-serif;
	color: #800;
	margin: 0;
	padding: 2px 0;
	border: 1px solid rgba(0,0,0,0.2);
	background-color: #FFF;
	text-align: center;
}

.form-section .area .table-section table tbody input[type="button"],
.form-section .area .table-section .menu input[type="button"] {
	font: 14px Open Sans, sans-serif;
	color: #FFF;
	background-color: #5F5F16;
	padding: 2px 10px;
	margin: 0;
	text-decoration: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.form-section .area .table-section table tfoot tr.odd {background-color: #DFDFBF;}
.form-section .area .table-section table tfoot tr.even {background-color: #FFF;}

.form-section .area .table-section table tfoot tr td {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	padding: 5px 10px 5px 20px;
	vertical-align: top;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}

.form-section .area .table-section table tfoot tr.total {
	border-top: 1px double rgba(0,0,0,0.6);
	border-bottom: 1px double rgba(0,0,0,0.6);
}

.form-section .area .table-section .menu table tbody tr.subtitle {
	background-color: #C2C289;
	font: 18px Open Sans, sans-serif;
	font-weight: bold;
	padding-top: 10px;
}

/*-------------------------------------------------*/
/* =  Images
/*-------------------------------------------------*/

.full-size {width: 100%; height: 100%}
.size90 {width: 90%; height: 90%}
.size80 {width: 80%; height: 80%}
.size70 {width: 70%; height: 70%}
.size60 {width: 60%; height: 60%}
.size50 {width: 50%; height: 50%}
.size40 {width: 40%; height: 40%}
.size30 {width: 30%; height: 30%}
.size20 {width: 20%; height: 20%}

.image-L {
	float: left;
	margin: 0 20px 20px 0;
}

.image-R {
	float: right;
	margin: 0 0 20px 20px;
}

.image-L p.caption,
.image-R p.caption {
	font-size: 16px;
	height: 24px;
	font-style: italic;
	color: #111;
	text-align: center;
	margin-top: 15px;
}

/*-------------------------------------------------*/
/* =  Alignments
/*-------------------------------------------------*/

.Left {text-align: left;}
.Right {text-align: right;}
.Center {text-align: center;}
.Justify {text-align: justify;}

.divider {clear: both}

/*-------------------------------------------------*/
/* =  Boxes
/*-------------------------------------------------*/

.box-area {
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #ABAB5C;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}

.box-area h3 {
	font: 36px/46px Oswald, sans-serif;
	color: #454510;
	text-transform: uppercase;
}

.box-area h4 {
	font: 28px/38px Oswald, sans-serif;
	color: #5F5F16;
}

.box-area .caption p {
	font-size: 24px;
	line-height: 34px;
	margin: 20px 0;
	color: #292929;
}

.business-hours-area {
	background: url('../../images/siena-bistro-restaurant-blackboard.jpg') center right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}

.business-hours-area .content {
	padding: 6% 3%;
}

.business-hours-area .content h3 {
	font: 40px/70px Oswald, sans-serif;
	color: #ABAB5B;
	text-transform: uppercase;
}

.business-hours-area .content h4 {
	font-size: 36px;
	color: #5F5F16;
}

.business-hours-area .content p {
	font-size: 22px;
	line-height: 32px;
	color: #E6E6E6;
}

.business-hours-area img {
	width: 100%;
	height: 100%;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-o-border-radius: 10px 0 0 10px;
}

.weekend-special-area {
	background-color: #ABAB5B;	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}

.weekend-special-area .content {padding: 6% 3%;}

.weekend-special-area .content h2 {
	font: 40px/50px Oswald, sans-serif;
	text-transform: uppercase;
	color: #5F5F16;
	margin: 0;
	padding: 0;
}

.weekend-special-area .content h3 {
	font-size: 30px;
	line-height: 40px;
	color: #454510;
	margin: 0 0 40px 0;
	padding: 0;
}

.weekend-special-area .content p {
	font-size: 24px;
	line-height: 34px;
	color: #292929;
}

.weekend-special-area .content p span {
	font-size: 30px;
	line-height: 42px;
	font-weight: bold;
	color: #000;
}

.weekend-special-area img {
	width: 100%;
	height: 100%;
	border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	-o-border-radius: 0 10px 10px 0;
}

.image-w-text {
	width: 96%;
	display: table;
	background-color: #FFF; 
	margin: 4% 2%;
	padding: 0;
}

.image-w-text img {
	width: 100%;
	height: 100%;
}

.image-w-text .text {
	padding: 10px 15px 30px 15px;
	text-align: center;
}

.image-w-text .text h3 {
	padding: 10px 0 0 0;
	margin: 0;
}

.image-w-text .text p {
	font-size: 18px;
	color: #333;
	margin: 0;
	padding: 0;
}

.image-w-text .text a {
	display: inline-block;
	font: 14px Open Sans, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	background-color: #5F5F16;
	margin-top: 15px;
	padding: 8px 18px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}

.image-w-text .text a:hover {
	background-color: #454510;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}


.Frame {
	background-color: #FFF;
	border: 1px solid #ABAB5C;
	padding: 20px;
}

.Shadow {
	box-shadow: 5px 5px 5px #454510;
	-moz-box-shadow: 5px 5px 5px #454510;
	-webkit-box-shadow: 5px 5px 5px #454510;
/*	-webkit-box-shadow: 0px 3px 15px 5px #454510; */
}

/*-------------------------------------------------*/
/* =  Buttons
/*-------------------------------------------------*/

a.call-to-action {
	font: 600 30px Open Sans, sans-serif;
	color: #FFF;
	background-color: #5F5F16;
	padding: 20px 30px;
	margin: 0 5px 5px 0;
	line-height: 50px;
	outline: none;
	border: none;
	text-decoration: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 3px 10px -5px #000;
	-moz-box-shadow: 1px 3px 10px -5px #000;
	-webkit-box-shadow: 1px 3px 10px -5px #000;
}

a.call-to-action:hover {
	background-color: #454510;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

/*-------------------------------------------------*/
/* =  Margins
/*-------------------------------------------------*/

.m10 {margin: 10px}
.m20 {margin: 20px}
.m30 {margin: 30px}
.m40 {margin: 40px}
.m50 {margin: 50px}
.m60 {margin: 60px}
.m70 {margin: 70px}
.m80 {margin: 80px}
.m90 {margin: 90px}
.m100 {margin: 100px}

.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt60 {margin-top: 60px}
.mt70 {margin-top: 70px}
.mt80 {margin-top: 80px}
.mt90 {margin-top: 90px}
.mt100 {margin-top: 100px}

.mb10 {margin-bottom: 10px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb60 {margin-bottom: 60px}
.mb70 {margin-bottom: 70px}
.mb80 {margin-bottom: 80px}
.mb90 {margin-bottom: 90px}
.mb100 {margin-bottom: 100px}

.mtb10 {margin: 10px 0}
.mtb20 {margin: 20px 0}
.mtb30 {margin: 30px 0}
.mtb40 {margin: 40px 0}
.mtb50 {margin: 50px 0}
.mtb60 {margin: 60px 0}
.mtb70 {margin: 70px 0}
.mtb80 {margin: 80px 0}
.mtb90 {margin: 90px 0}
.mtb100 {margin: 100px 0}

.mlr10 {margin: 0 10px}
.mlr20 {margin: 0 20px}
.mlr30 {margin: 0 30px}
.mlr40 {margin: 0 40px}
.mlr50 {margin: 0 50px}
.mlr60 {margin: 0 60px}
.mlr70 {margin: 0 70px}
.mlr80 {margin: 0 80px}
.mlr90 {margin: 0 90px}
.mlr100 {margin: 0 100px}

.ml10 {margin-left: 10px}
.ml20 {margin-left: 20px}
.ml30 {margin-left: 30px}
.ml40 {margin-left: 40px}
.ml50 {margin-left: 50px}
.ml60 {margin-left: 60px}
.ml70 {margin-left: 70px}
.ml80 {margin-left: 80px}
.ml90 {margin-left: 90px}
.ml100 {margin-left: 100px}

.mr10 {margin-right: 10px}
.mr20 {margin-right: 20px}
.mr30 {margin-right: 30px}
.mr40 {margin-right: 40px}
.mr50 {margin-right: 50px}
.mr60 {margin-right: 60px}
.mr70 {margin-right: 70px}
.mr80 {margin-right: 80px}
.mr90 {margin-right: 90px}
.mr100 {margin-right: 100px}

.p10 {padding: 10px}
.p20 {padding: 20px}
.p30 {padding: 30px}
.p40 {padding: 40px}
.p50 {padding: 50px}
.p60 {padding: 60px}
.p70 {padding: 70px}
.p80 {padding: 80px}
.p90 {padding: 90px}
.p100 {padding: 100px}

.pt10 {padding-top: 10px}
.pt20 {padding-top: 20px}
.pt30 {padding-top: 30px}
.pt40 {padding-top: 40px}
.pt50 {padding-top: 50px}
.pt60 {padding-top: 60px}
.pt70 {padding-top: 70px}
.pt80 {padding-top: 80px}
.pt90 {padding-top: 90px}
.pt100 {padding-top: 100px}

.pb10 {padding-bottom: 10px}
.pb20 {padding-bottom: 20px}
.pb30 {padding-bottom: 30px}
.pb40 {padding-bottom: 40px}
.pb50 {padding-bottom: 50px}
.pb60 {padding-bottom: 60px}
.pb70 {padding-bottom: 70px}
.pb80 {padding-bottom: 80px}
.pb90 {padding-bottom: 90px}
.pb100 {padding-bottom: 100px}

.ptb10 {padding: 10px 0}
.ptb20 {padding: 20px 0}
.ptb30 {padding: 30px 0}
.ptb40 {padding: 40px 0}
.ptb50 {padding: 50px 0}
.ptb60 {padding: 60px 0}
.ptb70 {padding: 70px 0}
.ptb80 {padding: 80px 0}
.ptb90 {padding: 90px 0}
.ptb100 {padding: 100px 0}

.plr10 {padding: 0 10px}
.plr20 {padding: 0 20px}
.plr30 {padding: 0 30px}
.plr40 {padding: 0 40px}
.plr50 {padding: 0 50px}
.plr60 {padding: 0 60px}
.plr70 {padding: 0 70px}
.plr80 {padding: 0 80px}
.plr90 {padding: 0 90px}
.plr100 {padding: 0 100px}


/*-------------------------------------------------*/
/* =  Responsive Part
/*-------------------------------------------------*/

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

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

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

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

@media (max-width: 500px) {

	body {
		background: none;
		background-color: #C2C289;
	}

	.Left, .Right {text-align: center;}

	.top-branding p {text-align: center;}

	.top-branding p span.contact {
		font-size: 16px;
		line-height: 26px;
	}

	.top-branding p span.phone {
		font-size: 40px;
		line-height: 50px;
	}
	
	.top-branding img {
		width: 98%;
		height: 98%;
	}

	footer .up-footer ul {
		padding: 0;
		list-style: none;
	}

	.content-section {background-color: #C2C289;}
 
	.content-section .container {
		width: 100%;
		margin: 0;
		padding: 1% 4% 2% 4%;
	}
	
	.content-section .container h1 {
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 20px;
	}

	.content-section .container h2 {
		font-size: 28px;
		line-height: 38px;
	}

	.content-section .container h3 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.content-section .container p,
	.content-section .container ul,
	.content-section .container ol  {
		font-size: 22px;
		line-height: 32px;
		margin: 0 0 18px 0;
	}

	.special-menu-section {
		margin: 0;
		padding: 20px;
	}

	.special-menu-section p.header {
		font-size: 20px;
		line-height: 28px;
	}

	.special-menu-section p.header span {
		font-size: 40px;
		line-height: 48px;
		text-shadow: none;
	}

	.special-menu-section h2.section {
		font-size: 26px;
		line-height: 34px;
		margin-top: 30px;
	}

	.special-menu-section p {
		font: 10px/20px;
	}

	.special-menu-section p span {
		font-size: 24px;
		line-height: 32px;
		font-weight: bold;
	}
	
	.box-area {
		padding: 15px;
		margin-bottom: 20px;
	}

	.box-area h3 {
		font-size: 34px;
		line-height: 44px;
	}
	
	.box-area h4 {
		font-size: 24px;
		line-height: 32px;
	}
	
	.box-area p, .box-area .caption p {
		font-size: 10px;
		line-height: 26px;
	}
	
	.full-size,.size90, .size80, .size70, .size60, .size50, .size40, .size30, .size20 {
		width: 100%; 
		height: 100%
	}
	
	.Frame {padding: 10px;}

	.Shadow {
		box-shadow: 3px 3px 3px #454510;
		-moz-box-shadow: 3px 3px 3px #454510;
		-webkit-box-shadow: 3px 3px 3px #454510;
	}

	a.call-to-action {
		font-size: 22px;
		padding: 15px 20px;
		margin: 0 5px 5px 0;
		line-height: 40px;
	}

}