@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700i|Vidaloka&display=swap');

/* CSS Document */

/* google font */

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

[Table of contents]

1. body
2. common Classes
2. header 
3. navigation / .navbar
4. sections

NOTE: Every section is commented before starting.

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

/*------------------------------------------------------------------
[Typography]

Body 		:		font-family : ''Source Sans Pro', sans-serif'
Paragraph	:		font-family : ''Source Sans Pro', sans-serif'
Input, 
textarea,
title	:		font-family : 'Raleway, sans-serif'  +   font-family: 'Tangerine', cursive;


# [Headings]

h1,
.h1 	font-size: 48px

h2,
.h2     font-size: 42px

h3,
.h3     font-size: 36px

h4,
.h4     font-size: 32px

h5,
.h5     font-size: 28px

h6,
.h6     font-size: 24px

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: 20px

-------------------------------------------------------------------*/
#breakfast.containerintro {background-color:none; padding-top:0px;margin-top:80px;text-align:center; padding-bottom:40px;}

body{
font-family: 'Open Sans', sans-serif;
  color: #4e5151;
}
*{
	margin:0px;
	padding:0px;
}

h1{

		font-family: 'Vidaloka', serif;
	font-size:48px;
}
h2{
	font-size:42px;
	font-family: 'Vidaloka', serif;
	color:#00274c;
  line-height: 1.2em;
}
.about h2 {	color: #00274c !important;
  font-size: 42px;
  font-family: 'Vidaloka', serif;
 }
h3{
	font-size:36px;
		font-family: 'Vidaloka', serif!important;
	padding-bottom: 10px;
}
h4{
	color: #00274c;
	font-size:32px;
font-family: 'Vidaloka', serif;
}
.yellow h4 {
	font: 300 18px/1.4 'Open Sans', serif;
	color: #222222;
}
.yellow h2 {color: #222222;font-size: 32px;font-weight: 500;font-family:'Open Sans'!important, serif;margin-top:0px;}
.yellow p {color: #222222;}
h5{
	font-size:28px;
font-family: 'Vidaloka', serif;
}
h6{ 
	
	font-size:24px;
font-family: 'Vidaloka', serif;
}
p{
	color: #4e5151;;
	font: 100 14px/1.4 'Open Sans', serif;
}
footer p {color:#999490!important;}
a{
	text-decoration:none;
}
li{
	list-style:none;
}
a .img{
	border:none;

}
a{transition: background-color 0.5s ease; transition: color 1s; -webkit-transition: color 1s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
a:hover {transition: background-color 0.5s ease; }
img {width:100%;}
.daily img {width:70%;}
.detail img {width:100%;}
img:hover {transition: background-color 0.5s ease; }
.clear{clear:both;}
.height5{	height:5px; }
.height10{	height:10px; }
.height15{	height:15px; }
.height20{ 	height:20px; }
.height25{	height:25px; }
.height30{	height:30px; }
.height35{	height:35px; }
:focus{ outline:none;}



.wave{ background:url(../images/wave.png) repeat-x; height:46px; position: relative; z-index: 100; margin: -10px 0 0 0;}
.arrow-scroll {}
.arrow-scroll img{ width:43px; height:36px;}
.scroll-down{ position: absolute; left: 49.2%; bottom:110px; z-index: 5555;}
.scroll-down.bounce { top:1em; Transform: translateY(4em); animation-name: bounce; animation-timing-function: ease-in;		animation-duration:2.5s; animation-iteration-count: infinite; animation-direction: alternate;}


/*..... MAIN TITLE ......*/

.main-title span{ font-size:42px; font-family: 'Vidaloka', serif; }
.shop-gallery h1, fresh-local h1{ color: #00274c;padding:20px 0px 80px 0px!important;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/subhead_dec.png") no-repeat center 66px !important; letter-spacing: .02em; padding: 0 0 80px 0; margin: -6px 0 0 0 !important;background-size:100px!important;font-size:42px !important;
}
.main-title p{display: inline-block;}
.main-title-white{ text-align:center;}
.main-title-white span{ font-size:40px; font-family: 'Vidaloka', serif;color:#fff;}
.main-title-white h1{font-family: 'Vidaloka', serif; color:#fff;font-size:30px;margin: 0px;}
.main-title-white p{width: 80%; display: inline-block;}
.main-title h2 {padding-bottom:20px;width:80%;margin:auto;line-height:1.2;}
.back{ background:#f9f8f7;}

.bottom-history-wrap h1 {padding-bottom: 10px;margin-bottom: 30px;color: #b2996e !important;padding:0px 0px 10px 0px;font-family: 'Vidaloka', serif;
letter-spacing: .02em;  margin: 0px 0 0px 0;background-size:170px;font-size:30px;}
.bottom-history-wrap h4 {margin-bottom: 0px;color: #00274c;padding:30px 0px 10px 0px;font-family: 'Vidaloka', serif;
background: url("../images/bottom_dec.png") no-repeat center bottom 20px; letter-spacing: .02em; background-size:30px;font-size:28px;
line-height: 20px;
}


/*..... Today Special ......*/
.today-special{ background: #EFEFEF;}
.today-special-detail{ padding:120px 0;  background-color:#fff; text-align:center;}
.today-special-detail .main-sec{ width:75%; display: inline-block; padding:35px; margin:0 0 25px 0;}
.today-special-detail .main-sec .detail{    background: #fff; float: left; width: 520px; padding: 40px 45px; position: absolute; margin: 0 0 0 -105px;
 box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3);}
.today-special-detail .main-sec .detail span.title{ font-family: 'Lobster Two', cursive; font-size:70px; padding: 0 0 70px 0; background: url("../images/divider_blk.png") no-repeat center 90px; letter-spacing: 4px; padding: 0 0 70px 0; margin: -6px 0 0 0;background-size:220px;}
 .today-special-detail .main-sec .detail p { margin:60px 0 0 0; font-size:300;}
.today-special-detail .main-sec .image{float: right; margin:-64px 0 0 0;}
.today-special-detail .main-sec .image img{ width:auto; width:460px;margin-bottom:20px;}


/*..... SERVICES ......*/


.services .serv-main-sec{ margin:85px 0 0 0;}
.services .service-sec-top-bg{ background:url(../images/box_top_reg.png) no-repeat; height: 32px; background-size: 100%;}
.services .service-sec-bottom-bg{ background:url(../images/box_btm_reg.png) no-repeat; height: 32px; background-size: 100%;}
.services .service-sec{ border-right: 4px double #e4e4e4; border-left: 4px double #e4e4e4; padding:28px 20px; text-align: center;}
.services .service-sec h6{     margin: 36px 0 0 0;}
.services .service-sec p{ margin: 5px 0 0 0;}
.services .service-sec a{ margin: 32px 0 0 0; background-color: #fff; border: solid 1px #dbdbdb; color: #5d5d5d; text-transform: uppercase; font-size: 14px;
 padding: 10px 20px; display: inline-block;}
 .services .service-sec a:hover{ background:#000; color:#fff; border:solid 1px #000;}
.services .service-sec i{ font-size: 70px; border-radius: 100%; width: 140px; height: 140px; padding: 30px; display: inline-block;}

.services .serv-main-sec:hover .service-sec-top-bg{height:32px; background-size:100%;}
.services .serv-main-sec:hover .service-sec-bottom-bg{height:32px; background-size:100%;}
.services .serv-main-sec:hover .service-sec{ border-right: 4px double #fff; border-left: 4px double #fff; color:#fff;}
.services .serv-main-sec:hover .service-sec h6{ margin: 36px 0 0 0;}
.services .serv-main-sec:hover .service-sec p{ margin: 5px 0 0 0;}
.services .serv-main-sec:hover .service-sec a{ border: solid 1px #fff; }
.services .serv-main-sec:hover .service-sec a:hover{ border: solid 1px #000; }
.services .serv-main-sec:hover .service-sec i{ font-size: 70px; background:#fff; border-radius: 100%; width: 140px; height: 140px; padding: 30px; display: inline-block; }

.dark-bg{ background:#f9f8f7;}

.gallery {    padding: 80px 0;
    /*! background-color: #FFF; */
	
}


/*..... SERVICES TWO ......*/
.services-two{ padding:120px 0;}
.services-two .serv-main-sec{margin:85px 0 0 0;}
.services-two .serv-main-sec .service-sec{ text-align:center;}
.services-two .serv-main-sec .service-sec .detail{margin: 36px 0 0 0;}
.services-two .serv-main-sec .service-sec .detail p{margin:8px 0 0 0;}
.services-two .serv-main-sec .service-sec .detail a{border: solid 1px #dbdbdb; color: #5d5d5d; display: inline-block; margin: 35px 0 0 0; padding: 13px 25px;    font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 12px; background:#fff;}
.services-two .serv-main-sec .service-sec .detail a:hover{color: #fff;}




/*..... BUTTONS ......*/
.white-btn{ background: #fff; font-size: 15px; color: #5d5d5d; text-transform: uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; padding: 20px 44px;
 border-radius: 5px; display: inline-block; }
.white-btn:hover{color:#fff;}






/*..... OUR STORY ......*/
.our-story {padding:0px 0px 0px 0px;}
.our-story .story-detail{ /*! margin:42px 0 0 0; */ text-align:center;}
.our-story .story-detail p{ width:92%; display: inline-block;}
.our-story .story-detail a.full-story{text-transform:uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; margin: 30px 0 0 0;     padding: 0 0 4px 0; display:inline-block;}
.our-story .story-detail a.full-story:hover{ color:#000; border-bottom: solid 2px #000;}	
.contact .our-story {padding-top:200px}



/*..... UPCOMING EVENT ......*/

.upcoming-event{ background:url(../images/event-bg.jpg) no-repeat fixed; height:1000px; width: 100%; background-size: 100%;}
.upcoming-event .parallax .detail {margin-top: 120px;}
.parallax.parallax-event { height: 1000px;}
.upcoming-event .event-detail { margin: 32px 0 0 0; display: inline-block;}
.upcoming-event .event-detail .event-text{ text-align:left; color:#fff;}
.upcoming-event .event-detail .event-text h6{}
.upcoming-event .event-detail .event-text span{ font-size:20px; margin: 16px 0 0 0; display: block;}
.upcoming-event .event-detail .event-text span i{font-size: 24px; margin: 3px 12px 0 0; float: left;}
.upcoming-event .event-detail .event-text p{ margin: 32px 0 0 0;}
.upcoming-event .event-detail .event-text p a{font-weight: 600; color: #fff; border-bottom: solid 1px #fff;}
.upcoming-event .event-detail .event-text a.view-event{text-transform:uppercase; font-weight:500; font-family:'Raleway', sans-serif; margin:45px 0 0 0; padding: 0 0 4px 0; display:inline-block;}
.upcoming-event .event-detail .event-text a.view-event:hover{color: #fff; border-bottom: solid 2px #fff;}



/*..... TODAY SPECIAL FOOD ......*/
.today-food{ padding:120px 0;}
.today-food .special-food { margin: 48px 0 0 0;}
.today-food .special-food .food-detail{ margin:32px 0 0 0;}
.today-food .special-food .food-detail span{ font-size:22px;}
.today-food .special-food .food-detail span.title{ border-bottom: solid 1px #CCCCCC; display: block; padding: 0 0 14px 0;}
.today-food .special-food .food-detail span.price{ font-size: 24px; float: right; font-weight: 600;}
.today-food .special-food .food-detail span.tags{ font-size:16px; color:#878787; display:block; margin: 14px 0 0 0;}




/*..... TODAY SPECIAL FOOD ......*/
.parallax.parallax-book-table {  background:url(../images/book-table.jpg) no-repeat fixed; height:840px; width: 100%; background-size: 100%;}
.book-table .detail{ margin:120px 0 0 0;}
.book-table .booking-form{ display: inline-block; margin: 62px 0 0 0;}
.book-table .booking-form .field{ margin: 0 0 18px 0;}
.book-table .booking-form .field input[type=text]{ width: 100%; border: solid 1px #cecece; color: #595959; background-color: #fff; border-radius: 5px;
padding: 0 14px; height: 58px; font-size: 17px;}
.book-table .booking-form input[type=submit]{ color: #fff; border-radius: 5px; padding: 18px 50px; font-size: 18px; 
text-transform: uppercase; font-weight: 800; float: left; border: none; margin: 0 0 0 15px; transition: background-color 0.5s ease; }
.book-table .booking-form input[type=submit]:hover{background-color: #000; transition: background-color 0.5s ease; }




/*..... LATEST NEWS ......*/
.latest-news{ padding:20px 0px 0px 0px;background-color: #f2eddf;overflow:hidden; }
.latest-news .post{ }
.latest-news .post .detail{ background:#fff; padding: 0px 0px 20px; position:relative;text-align:center;}
.latest-news .post .detail img{width: 56px !important; position: absolute; top: 0; border-radius: 100% !important; border: solid 4px #fff; margin: -28px 0 0 10px;}
.latest-news .post .detail h5{ font-weight:500; margin:0px 0 0 0;font-size: 16px;
line-height: 1.42857; 
font-weight: bold;letter-spacing: .02em;
color: #00274c;;
padding-top: 10px;

font-weight: bold;
}
.latest-news .post .detail p{ margin:4px 0 0 0;}
.latest-news .post .detail span{ color:#222; font-size: 16px;  margin: 22px 0 0 0;  display: inline-block;}
.latest-news .post .detail span.comment{ float:right;}
.latest-news .post .detail span i{font-size: 22px;  float: left;  margin: 0 8px 0 0;}
.latest-news .post .detail a{color:#222;}




/*..... CUSTOMER WORDS ......*/
.discover { background:url(../images/wood_back.jpg) no-repeat fixed; width: 100%;clear: both;}
.customer-words .detail{padding-top:60px;}
.customer-words .testi-sec{text-align:center;}
.customer-words .testi-sec img{ width: 135px; height: 135px; border-radius: 100%; border: solid 5px #fff;}
.customer-words .testi-sec span.name{font-size:24px; display: block;}
.customer-words .testi-sec span.work{ color:#fff; display: block; font-size:18px;}
.customer-words .testi-sec p{ color:#999490 !important; font-size: 20px; width: 84%; display: inline-block; text-align:center;}
.customer-words .testi-sec .rating i{ color:#A98A30; font-size: 28px; padding: 2px;}


/*..... FOOTER ......*/
.footer{ /*! padding:80px 0 0 0; */ /*! border-top:solid 1px #ccc; */}
.footer .get-touch { border-bottom: solid 1px #d3d3d3; padding: 0 0 65px 0; margin: 95px 0 0 0;}
.footer .get-touch .contact-us{float: left;}
.footer .get-touch .detail{ margin:45px 0 0 0;}
.footer .get-touch .contact-us p{}
.footer .get-touch .contact-us ul{ margin:35px 0 0 0;}
.footer .get-touch .contact-us ul li{margin: 0 0 20px 0; float: left; width: 100%;}
.footer .get-touch .contact-us ul li.phone i{ font-size:30px;}
.footer .get-touch .contact-us ul li span{ font-size: 20px; margin: 0 0 0 0; float: right; width: 88%;}
.footer .get-touch .contact-us ul li i{ font-size: 28px; float: left; width: 12%;}
.footer .get-touch .open-hours{float: left;}
.footer .get-touch .open-hours ul { float: left; width: 92%; }
.footer .get-touch .open-hours li{ width: 100%; float: left; margin: 0 0 14px 0;}
.footer .get-touch .open-hours li span.day{ font-weight:800; font-size:20px; float:left;}
.footer .get-touch .open-hours li span.time{ float:right; font-size:18px; font-weight:300;}
.footer .get-touch .instagram .col-md-4{    padding-left:0; padding-right: 8px;}
.footer .get-touch .instagram{ float:left;}
.footer .get-touch .instagram a{ margin: 0 0 8px 0; float: left;}


.footer .about-pearl{margin:65px 0 0 0;}
.footer .about-pearl .about-detail p{ width:65%; display:inline-block; margin:10px 0 0 0;}
.follow-us{margin: 0px 0 60px 0;}
.follow-us ul{margin: 38px 0 0 0;}
.follow-us ul li{display: inline-block; margin: 0 3px;}
.follow-us ul li a{color: #A98A30; border: solid 2px #A98A30; border-radius: 100%; width: 50px; height: 50px; padding: 9px 12px;	float:left;
 font-size: 26px; }
.footer .about-pearl .newsletter{ margin:65px 0 0 0;}
.footer .about-pearl .newsletter .field{display: inline-block; margin:48px 0 0 0;}
.footer .about-pearl .newsletter input[type=text]{background:#fff; border: solid 2px #444444; color:#6c6c6c; font-size:16px; height:45px; width:325px; padding:0 15px; float:left;}
.footer .about-pearl .newsletter a{ height: 45px; color: #fff; background: #444; padding:9px 10px; font-size: 26px; margin:0 0 0 -4px;float: right; width: 48px; } 
.footer .copyrights span{ color:#999490; font-size:13px;}
.footer .copyrights span a{color:#dbdbdb;}
.footer .copyrights span a:hover{color:#a7a7a7;}
.footer .copyrights ul{ margin-top: 22px;}
.footer .copyrights ul li{ display:inline-block;	line-height: 24px!important;
	color: #999490 !important;	}
.footer .copyrights ul li a{ color:#999; text-transform: uppercase; font-size:15px;}
.open-hours ul li {width:100%;}




/*..... FOOTER ......*/
.footer-dark{ padding:120px 0 0 0; background:#222;}
.footer-dark .main-title h1{background: url(../images/heading-light.png) no-repeat center 80px; color:#fff;}
.footer-dark .get-touch{border-bottom: solid 1px #d3d3d3; padding: 0 0 65px 0; margin: 95px 0 0 0;}
.footer-dark .get-touch .contact-us{float: left;}
.footer-dark .get-touch .contact-us h4{color:#fff;}
.footer-dark .get-touch .detail{ margin:45px 0 0 0;}
.footer-dark .get-touch .contact-us p{color:#fff;}
.footer-dark .get-touch .contact-us ul{ margin:35px 0 0 0;}
.footer-dark .get-touch .contact-us ul li{margin: 0 0 20px 0; float: left; width: 100%;}
.footer-dark .get-touch .contact-us ul li.phone i{ font-size:30px;}
.footer-dark .get-touch .contact-us ul li span{ font-size: 20px; margin: 0 0 0 0; float: right; width: 88%; color:#fff;}
.footer-dark .get-touch .contact-us ul li i{ font-size: 28px; float: left; width: 12%; color:#fff;}
.footer-dark .get-touch .open-hours{float: left;}
.footer-dark .get-touch .open-hours h4{ color:#fff;}
.footer-dark .get-touch .open-hours ul { float: left; width: 92%; }
.footer-dark .get-touch .open-hours li{ width: 100%; float: left; margin: 0 0 14px 0;}
.footer-dark .get-touch .open-hours li span.day{ font-weight:800; font-size:20px; float:left; color:#fff;}
.footer-dark .get-touch .open-hours li span.time{ float:right; font-size:18px; font-weight:300; color:#fff;}
.footer-dark .get-touch .instagram .col-md-4{    padding-left:0; padding-right: 8px;}
.footer-dark .get-touch .instagram{ float:left;}
.footer-dark .get-touch .instagram h4{ color:#fff;}
.footer-dark .get-touch .instagram a{ margin: 0 0 8px 0; float: left;}
.footer-dark .about-pearl{ text-align:center; margin:65px 0 0 0;}
.footer-dark .about-pearl h5{ color:#fff;}
.footer-dark .about-pearl .about-detail p{ width:65%; display:inline-block; margin:10px 0 0 0; color:#fff;}
.footer-dark .about-pearl .follow-us{margin: 75px 0 0 0;}
.footer-dark .about-pearl .follow-us ul{margin: 38px 0 0 0;}
.footer-dark .about-pearl .follow-us ul li{display: inline-block; margin: 0 3px;}
.footer-dark .about-pearl .follow-us ul li a{color: #fff; border: solid 2px #fff; border-radius: 100%; width: 50px; height: 50px; padding: 11px 10px;	float:left; font-size: 20px; }
.footer-dark .about-pearl .newsletter{ margin:65px 0 0 0;}
.footer-dark .about-pearl .newsletter .field{display: inline-block; margin:48px 0 0 0;}
.footer-dark .about-pearl .newsletter input[type=text]{background:#fff; border: solid 2px #444444; color:#6c6c6c; font-size:16px; height:45px; width:325px; padding:0 15px; float:left;}
.footer-dark .about-pearl .newsletter a{height:45px; color:#fff; background:#444; padding:9px 10px; font-size:26px; margin:0 0 0 -4px;float:right; width: 48px; }

.footer-dark .copyrights{ background:#151515; text-align:center; margin: 75px 0 0 0; padding:58px 0;}
.footer-dark .copyrights span{ color:#a0a0a0; font-size:16px;}
.footer-dark .copyrights span a{color:#dbdbdb;}
.footer-dark .copyrights span a:hover{color:#a7a7a7;}
.footer-dark .copyrights ul{ margin: 22px 0 0 0;}
.footer-dark .copyrights ul li{ display:inline-block;}
.footer-dark .copyrights ul li a{ color:#a8a8a8; text-transform: uppercase; font-size:15px;}






/*..... SUB BANNER ......*/
.sub-banner{ height:505px; min-height:505px;}
.sub-banner .banner-img{ background:url(../images/freestyle_hero01.jpg) no-repeat; width:100%; height:100%; background-size: cover;z-index: 20;}
.sub-banner .detail { position: absolute; top:220px; text-align: center; width: 100%;     display: block;}
.sub-banner .detail h1{ color:#fff; display: block;}
.sub-banner .detail span{color:#fff; font-size: 20px; display: block;}
.sub-banner .detail ul{ float:right; margin:110px 0 0 0;}
.sub-banner .detail ul li{ float: left; background: url(../images/paging-arrow.png) no-repeat right 9px; margin: 0 0 0 0; padding: 0 16px 0 10px;}
.sub-banner .detail ul li:last-child{background:none;}
.sub-banner .detail ul li a{ color:#fff;}
.sub-banner .detail ul li a:hover{ color:#A98A30;}
.sub-banner .detail ul li a.select{ color:#A98A30; font-weight:700;}




/*..... OUR STORY ......*/
.our-story .atmosphere { margin: 55px 0 0 0; text-align: center;}
.our-story .atmosphere p{ width:92%; display:inline-block;}
.master-town .detail p{ color:#fff; display:block; font-size:22px;}
.restaurant-tour{ padding:120px 0;}

/*..... OUR TEAM ......*/
.team-members{ padding:120px 0;}
.team-members .chef-sec{ margin:60px 0 0 0}
.team-members .chef-sec .detail{ text-align:center; margin:52px 0 0 0;}
.team-members .chef-sec .detail p{ margin:8px 0 0 0;}
.team-members .chef-sec .detail ul{ margin:22px 0 0 0;}
.team-members .chef-sec .detail ul li{     display: inline-block;}
.team-members .chef-sec .detail ul li a{ color:#6a6a6a; text-transform:uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; font-size:14px;}
.team-members .chef-sec .detail ul li a.fb:hover{ color:#4d6299; border-bottom:solid 2px #4d6299;}
.team-members .chef-sec .detail ul li a.tw:hover{ color:#4ac5f1; border-bottom:solid 2px #4ac5f1;}
.team-members .chef-sec .detail ul li a.gp:hover{ color:#d96653; border-bottom:solid 2px #d96653;}
.team-members .chef-sec .detail ul li span{ color:#6a6a6a; margin: 0 6px; font-size: 22px;}




/*..... THE MENU PAGE 1 ......*/
.our-menu{ padding:120px 0;}
.our-menu .menu-sec{ margin: 0 0 110px 0; border-bottom: solid 1px #ccc; padding: 0 0 130px 0;}
.our-menu .menu-sec.last{ margin:0; border-bottom:none; padding:0;}
.our-menu .menu-sec .menu-detail{ margin: 62px 0 0 0;}
.our-menu .menu-sec .menu-detail img{ margin: 0 0 25px 0;}
.our-menu .menu-sec .menu-detail .food-detail{ margin:0 0 56px 0;}
.our-menu .menu-sec .menu-detail .food-detail span{ font-size:22px;}
.our-menu .menu-sec .menu-detail .food-detail span.title { border-bottom: solid 1px #CCCCCC; display: block; padding: 0 0 14px 0;}
.our-menu .menu-sec .menu-detail .food-detail span.price{ font-size: 24px; float: right; font-weight: 600;}
.our-menu .menu-sec .menu-detail .food-detail span.tags{ font-size: 16px; color: #878787; display: block; margin: 14px 0 0 0; font-weight:300;}

/*..... THE MENU PAGE 2 ......*/
.our-menu .food-sec{ margin:0 0 75px 0;}
.our-menu .food-sec .detail{ text-align:center; margin:40px 0 0 0;}
.our-menu .food-sec .detail span.food-time{font-size: 16px; font-weight: 500; font-family: 'Raleway', sans-serif; text-transform: uppercase;    padding: 0 0 5px 0; margin: 0 0 0 0; display: inline-block; text-align: center;}
.our-menu .food-sec .detail span.small-tit{ display:block; font-size:18px; color:#999999; margin: 24px 0 0 0;}
.our-menu .food-sec .detail h6{ margin: 2px 0 0 0; display:block;}
.our-menu .food-sec .detail p{ margin:8px 0 0 0;}

/*..... THE MENU PAGE 3 ......*/
.our-menu.our-menu .menu-sec{ margin:0 0 110px 0; border-bottom:none; padding:0;}





/*..... BLOG ......*/
.blog{ padding:120px 0;}
.blog .blog-post { display: inline-block; margin:0 0 120px 0;}
.blog .blog-post .post-text{ text-align:center; margin:105px 0 0 0;}
.blog .blog-post .post-text span{color: #888888; text-transform: uppercase; font-size: 18px;}
.blog .blog-post .post-text span.dot{ margin: 0 4px; font-size: 36px;}
.blog .blog-post .post-text h3{font-weight: 700; color: #333;
    margin: 10px 0 0 0;
    display: block;}
.blog .blog-post .post-text h3 a{color: #333; margin: 15px 0 0 0;}
.blog .blog-post .post-text h3 a:hover{color: #A98A30;}
.blog .blog-post .post-text p{ margin:5px 0 0 0;}
.blog .blog-post .post-text a.read-more{text-transform: uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; margin:48px 0 0 0;
padding: 0 0 4px 0; display: inline-block;}
.blog .blog-post .post-text a.read-more:hover{ color: #000; border-bottom: solid 2px #000;}
.blog .more-posts .newest-post{ float:left; font-size:26px; color:#727272; font-weight: 300;}
.blog .more-posts .newest-post i{ font-size: 28px; float: left; margin: 3px 8px 0 0;}
.blog .more-posts .older-post{ float:right; font-size:26px; color:#727272; font-weight: 300;}
.blog .more-posts .older-post i{ font-size: 28px; float: right; margin:3px 0px 0 8px;}
.blog .more-posts a:hover{color:#A98A30;}





/*..... BLOG ......*/
.news-posts{ padding:120px 0;}
.news-posts .news-sec{ margin: 0 0 120px 0;}
.news-posts .news-sec.text-based{ border:solid 1px #cecece; padding: 40px;}
.news-posts .news-sec.text-based .detail{ margin:0 0 0 0;}
.news-posts .news-sec .detail{ margin:35px 0 0 0;}
.news-posts .news-sec .detail span{ color:#727272; font-size:22px; font-weight:300;}
.news-posts .news-sec .detail i{ font-size:26px;}
.news-posts .news-sec .detail .post-writer{ float:left; margin:0 25px 0 0px;}
.news-posts .news-sec .detail .post-writer img{ float:left; width:42px; height:42px; border-radius:100%;}
.news-posts .news-sec .detail .post-writer span{ margin:8px 0 0 12px; float:left;}
.news-posts .news-sec .detail .date{ float:left; margin:0 25px 0 0px;}
.news-posts .news-sec .detail .date i{margin: 10px 0 0 0; float: left;}
.news-posts .news-sec .detail .date span{ margin:8px 0 0 10px; float:left;}
.news-posts .news-sec .detail .comment{ display: inline-block; margin:0 0 0 0px;}
.news-posts .news-sec .detail .comment i{margin:5px 10px 0 0; float: left;}
.news-posts .news-sec .detail .comment a{ margin:8px 0 0 10px; float:left; color:#727272; font-size:22px;}
.news-posts .news-sec .detail h3{ color: #222222;  font-weight:700; margin:30px 0 0 0;  }
.news-posts .news-sec .detail h4{display: inline-block; margin:30px 0 0 0; text-transform:inherit;}
.news-posts .news-sec .detail p{ margin:5px 0 0 0;}
.news-posts .news-sec .detail a.read-more{text-transform: uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; margin: 45px 0 0 0;
padding: 0 0 4px 0; display: inline-block;}
.news-posts .news-sec .detail a.read-more:hover{ color: #000; border-bottom: solid 2px #000;}
.news-posts h6.bar-title{font-weight: 500;  color: #fff;  padding: 14px 24px;  display: block;}
.news-posts .recent-posts .post-sec{ margin:35px 0 0 0;}
.news-posts .recent-posts .post-sec img{ width:82px; float:left; margin:0 22px 0 0;}
.news-posts .recent-posts .post-sec a.title{font-family: 'Raleway', sans-serif;   font-weight: 600;  font-size: 20px; color:#222;}
.news-posts .recent-posts .post-sec span.date{  color: #ABABAB;  display: block;  margin: 5px 0 0 0;  font-size: 15px;}
.news-posts .categories{ margin:105px 0 0 0;}
.news-posts .categories ul{ margin:22px 0 0 0;}
.news-posts .categories ul li{float: left;  width: 100%;  line-height: 39px;}
.news-posts .categories ul li a{ color: #555555;  font-size: 20px;}
.news-posts .categories ul li a i{  font-size: 28px;    margin: 7px 4px 0 0;  float: left;}
.news-posts .tags{ margin:75px 0 0 0;}
.news-posts .tags .all-tags{ margin:30px 0 0 0;}
.news-posts .tags .all-tags a{  color: #555555;  border: solid 1px #c8c8c8;  display: inline-block;  padding: 10px 23px;  margin: 0 0 6px 1px;}
.news-posts .tags .all-tags a:hover{ color: #fff; background:#0A1D3B; border: solid 1px #0A1D3B;}
.news-posts .search{margin:75px 0 0 0; padding:24px; display: inline-block; width: 100%;}
.news-posts .search input[type=text]{  width:88%;  padding: 14px 12px;  color: #747474;  font-style: italic; border:none; float:left;}
.news-posts .search a{ width:12%;  float: right;  background-color: #fff;  padding:14px 10px;   border:none;  margin: 0 0px 0 0; color:#333; text-align: center;}
.news-posts .search a:hover{background-color: #0A1D3B; color:#fff; }



/*..... BLOG DETAIL PAGE ......*/
.news-posts .news-detail{ margin: 0 0 0 0;}
.news-posts .news-detail .detail{ margin:35px 0 0 0;}
.news-posts .news-detail .detail span.date{ font-size:20px; color:#828282;}
.news-posts .news-detail .detail h3{ color: #222222;  font-weight: 600;  text-transform: none;  margin: 12px 0 0 0; }
.news-posts .news-detail .detail p{ margin:15px 0 0 0;}

.news-posts .news-detail .sub-detail{ margin:65px 0 30px 0; display: inline-block;}
.news-posts .news-detail .sub-detail h6{}
.news-posts .news-detail .sub-detail .sub-images{ margin:20px 0 0 0;}
.news-posts .news-detail .sub-detail .sub-images img{ float:left; width:48%; margin:15px 0 0 0;}
.news-posts .news-detail .sub-detail .sub-images img.right{ float:right;}

.news-posts .share-post{ margin:85px 0 0 0;}
.news-posts .share-post h6{ color:#222; font-family: 'Raleway', sans-serif; font-weight:700;}
.news-posts .share-post .social-icons{ margin:15px 0 0 0; display:inline-block;}
.news-posts .share-post .social-icons img{ width:auto;}

.news-posts .author-post{ background:#fff; border:solid 1px #c8c8c8; padding:4px; display: inline-block; margin:85px 0 0 0;}
.news-posts .author-post .author-detail{background:#fff; border:solid 1px #c8c8c8; padding:25px; display: inline-block;}
.news-posts .author-post .author-detail img{ float:left; width:136px; border-radius:100%; margin:0 22px 0 0;}
.news-posts .author-post .author-detail .text{}
.news-posts .author-post .author-detail .text span.name{font-weight: 800; text-transform: uppercase; font-size: 22px;}
.news-posts .author-post .author-detail .text span.position{ margin:6px 0 0 6px; }
.news-posts .author-post .author-detail .text p{ display:block; margin:15px 0 0 0;}

.news-posts .comments-sec{ margin:85px 0 0 0;}
.news-posts .comments-sec h3{ text-transform: capitalize;  font-weight: 600;}
.news-posts .comment-box{ border:solid 1px #c8c8c8; padding:15px; margin:0 0 18px 0;}
.news-posts .comment-box img{  width: 12%;  float: left;}
.news-posts .comment-box .detail{  width: 85%;  float: right;}
.news-posts .comment-box .detail a{ background: #262526;  color: #fff;  padding: 5px 14px;  position: absolute;  right: 40px;}
.news-posts .comment-box .detail span.name{font-size:20px; color:#222; font-family: 'Raleway', sans-serif; font-weight:600;}
.news-posts .comment-box .detail span.date{ font-size:16px; color:#555555; display: block;}
.news-posts .comment-box .detail p{ margin:10px 0 0 0;}
.news-posts .comment-box .reply-comment{ background: #F7F7F7;  margin: 20px 0 0 0;}
.news-posts .all-comments{ margin:35px 0 0 0;}
.news-posts .leave-reply{ margin:85px 0 0px 0;}
.news-posts .leave-reply h3{ text-transform: capitalize;  font-weight: 600; }
.news-posts .leave-reply .form{ margin:35px 0 0 0;}
.news-posts .leave-reply .form input[type=text]{  width: 32%;  padding: 0 12px;  border: solid 1px #b1b1b1;  height: 48px; margin:0 12px 0 0; color:#222;}
.news-posts .leave-reply .form input[type=text].last{ margin:0px;}
.news-posts .leave-reply textarea {  width: 100%;  height: 220px;  padding: 12px 12px; margin:16px 0 0 0;}
.news-posts .leave-reply .form input[type=submit] { border: none; background-color: #262526; color: #fff; padding: 14px 35px; text-transform: uppercase;  font-weight: 700; cursor: pointer; margin: 12px 0 0 0;}




/*..... CONTACT US ONE ......*/
.contact-page .get-in-touch{ padding:120px 0;}
.contact-page .get-in-touch .get-touch-detail h3{ font-weight: 700;}
.contact-page .get-in-touch .get-touch-detail p{ margin:10px 0 0 0;}
.contact-page .get-in-touch .social-icons{margin: 48px 0 0 0;}
.contact-page .get-in-touch .social-icons ul{margin:18px 0 0 0;}
.contact-page .get-in-touch .social-icons ul li{display: inline-block; margin: 0 3px;}
.contact-page .get-in-touch .social-icons ul li a{color: #222; border: solid 2px #444444; border-radius: 100%; width: 50px; height: 50px; padding: 11px 13px;	float:left; font-size: 20px;}
.contact-page .get-in-touch .social-icons ul li a:hover{color: #808080; border: solid 2px #808080; }

.contact-page .get-in-touch .get-touch-form{}
.contact-page .get-in-touch .get-touch-form input[type=text]{ float:left; width:48%; border:solid 1px #bfbfbf; height:52px; border-radius:5px;
padding:0 10px; font-size:18px; color:#464646;}
.contact-page .get-in-touch .get-touch-form input#email_address{  float:right;}
.contact-page .get-in-touch .get-touch-form textarea{ margin:20px 0 0 0; width:100%; border:solid 1px #bfbfbf; height:234px; border-radius:5px;
font-size:18px; color:#464646; padding:10px;}
.contact-page .get-in-touch .get-touch-form input[type=submit]{ float:left; border:none; border-radius:5px; padding:18px 40px; font-size:15px; color:#fff; font-family: 'Raleway', sans-serif; font-weight:400; text-transform:uppercase; margin:15px 0 0 0;}
.contact-page .get-in-touch .get-touch-form input[type=submit]:hover{background:#0a1d3b; }
#find-us { height:680px; width:100%px; }
#map{ margin:0 0 -4px 0; 	}
.gm-style-iw * { display: block; width: 270px !important; overflow: hidden;}
.gm-style-iw h4{ margin: 0; padding: 0; font-size:26px; margin:0 0 6px 0;}
.gm-style-iw p { margin: 0; padding: 0;}
.gm-style-iw a { color: #4272db; }



/*..... CONTACT US TWO ......*/
.find-us{ padding:120px 0;}
.find-us .get-touch h3{ font-weight: 700;}
.find-us .get-touch p{ margin:8px 0 0 0;}
.find-us .get-in-touch span{  font-size: 20px;  display: block;  line-height: 34px;}
.find-us .get-in-touch .social-icons a{  color: #222;  border: solid 1px #222;  padding: 7px 9px;  border-radius: 100%;  font-size: 16px; margin:0 5px 0 0px;}
.find-us .get-in-touch .social-icons a:hover{ color:#fff;}
.find-us .get-in-touch span a{ color:#222;}
.find-us .get-in-touch span a:hover{ color:#02adc6;}
.find-us .get-in-touch .social-icons{ margin:25px 0 0 0;}
.find-us .get-in-touch .social-icons a.fb:hover {  background: #5c85ce;  border: solid 1px #5c85ce;}
.find-us .get-in-touch .social-icons a.tw:hover {  background: #02c0f2;  border: solid 1px #02c0f2;}
.find-us .get-in-touch .social-icons a.gp:hover {  background: #eb6850;  border: solid 1px #eb6850;}
.find-us .get-in-touch .social-icons a.vimeo:hover {  background: #68d4ee;  border: solid 1px #68d4ee;}
.get-directions {  text-align: center;  margin: 40px 0 0 0;}
.get-directions input[type="submit"] {  background: url(../images/directions-btn.png) no-repeat;  width: 72px;  height: 59px; color:rgba(255, 255, 255, 0);
  padding: 0;  margin: 0;  border: 0;  min-width: 0;  position: relative;  top: -2px;}
.get-directions input[type="text"] {    padding: 15px 2% 17px;  width:85%;  max-width: 556px;  font-size: 22px;  color: #747474;  font-weight: 400;  font-family: 'Raleway', sans-serif;  border: solid 1px #BEBEBE;  border-radius: 10px;  margin: 0 10px 0 0;}
.find-us .get-touch .map{ margin:38px 0 0 0;}
.find-us .get-touch .detail{ margin:45px 0 0 0;}
.find-us .get-touch .detail span{  font-size: 20px;  display: block;  line-height: 34px;}
.find-us .get-touch .detail span b{ margin:0 5px 0 0;}






/*..... SHOP ......*/
.shop{ padding:80px 0 120px 0;}
.cbp-item a{ display:block;}
.shop-gallery .detail{ background-color: #fff; margin: -4px 0 0 0; text-align: center; border-bottom: solid 1px #D0D0D0; padding: 32px 0;} 
.shop-gallery .detail h6{ color:#222;}
.shop-gallery .detail span{color:#4f4f4f; text-transform: uppercase; margin: 4px 0 0 0; display: inline-block;}
.shop-gallery .detail span span.dot{ font-size: 20px; margin: 0 8px; padding: 0 0 0 0;}

.shop-gallery .price-cart a{ display:inline-block;}
.shop-gallery .price-cart .price { display:inline; font-size:20px; color: #222222; margin:20px 0 0 0; display: inline-block; font-weight: 700; }
.shop-gallery .cbp-item:hover .price-cart .price { display:none;}
.shop-gallery .price-cart .cart { display:none; }
.shop-gallery .cbp-item:hover  .price-cart .cart { display:inline; font-size:20px; margin:20px 0 -2px 0; display: inline-block; font-weight: 700;}
.shop-gallery .cbp-item .price-cart .cart:hover{color:#000; border-bottom: solid 2px #000;}

.notice{ background: #222; padding: 20px 26px; margin:0 0 30px 0;}
.notice span{ color:#fff; font-size:20px}




/*..... SHOP DETAIL ......*/
.shop-detail{ padding:40px 0;text-align:center;}
.shop-detail .after-cart{ background:#222222; display:inline-block; width:100%; padding:12px 12px; border-radius: 5px; margin:0 0 60px 0;}
.shop-detail .after-cart .text{ float:left;}
.shop-detail .after-cart .text i{ color:#fff; font-size:24px; float: left; border: solid 2px #fff; border-radius: 100%; padding: 9px 12px; margin: 0 16px 0 0;}
.shop-detail .after-cart .text span{color:#fff; font-size:20px; margin: 10px 0 0 0; display: flex;}
.shop-detail .after-cart a{color:#222; background:#fff; float:right; padding: 13px 34px; border-radius: 5px; text-transform: uppercase;}
.shop-detail .after-cart a:hover{color:#fff;}

.shop-detail .product-detail .pro-detail h3{ font-weight:700;}
.shop-detail .product-detail .pro-detail .review{ margin:15px 0 0 0; display: inline-block;}
.shop-detail .product-detail .pro-detail .review i{ color: #A98A30; font-size:24px; margin: 0 2px 0 0; float: left;}
.shop-detail .product-detail .pro-detail .review span{ font-size: 18px; margin:1px 0 0 10px; float: left;}
.shop-detail .product-detail span.price{ font-size: 32px; display: block; margin:20px 0 0 0;}
.shop-detail .product-detail p{ display: block; margin:25px 0 0 0;}
.shop-detail .product-detail .pro-cart{ margin:30px 0 0 0; display: flex;}
.shop-detail .product-detail .pro-cart input[type=text]{ text-align:center; width:72px; height:48px; border-radius:5px; border:solid 1px #e0e0e0; font-size: 18px; float: left;}
.shop-detail .product-detail .pro-cart a{color:#fff; padding: 13px 34px; border-radius: 5px; text-transform: uppercase; float: left;
 margin: 0 0 0 12px;}
.shop-detail .product-detail .pro-cart a:hover{color:#fff; background:#0a1d3b;}
.shop-detail .product-detail span.categories{ font-size: 18px; margin: 28px 0 0 0; display: block; color:#595959;}
.shop-detail .product-detail span.categories strong{ margin:0 10px 0 0; color:#222;}

.shop-detail .product-detail .social-icons ul{ margin:32px 0 0 0; border:solid 1px #e0e0e0; border-radius: 5px; display:inline-block; width:100%;}
.shop-detail .product-detail .social-icons ul li{ float:left; border-right:solid 1px #e0e0e0; width:33.3%;}
.shop-detail .product-detail .social-icons ul li:last-child{border-right:none;}
.shop-detail .product-detail .social-icons ul li a{ padding:25px 24px; float: left; width:100%;}
.shop-detail .product-detail .social-icons ul li i{ color:#222; margin: 0 8px 0 0; border: solid 2px #444444; border-radius: 100%; width: 50px; height: 50px;
padding: 11px 10px; font-size: 20px; float: left; text-align: center;}
.shop-detail .product-detail .social-icons ul li span{ color:#222222; font-size:18px; margin: 2px 0 0 0; display: block;}
.shop-detail .product-detail .social-icons ul li a.fb:hover i{ color:#fff; border: solid 2px #325d94; background:#325d94;}
.shop-detail .product-detail .social-icons ul li a.fb:hover span{ color:#325d94;}
.shop-detail .product-detail .social-icons ul li a.tw:hover i{ color:#fff; border: solid 2px #06a7db; background:#06a7db;}
.shop-detail .product-detail .social-icons ul li a.tw:hover span{ color:#06a7db;}
.shop-detail .product-detail .social-icons ul li a.pi:hover i{ color:#fff; border: solid 2px #ea3033; background:#ea3033;}
.shop-detail .product-detail .social-icons ul li a.pi:hover span{ color:#ea3033;}
.shop-detail .related-products{ padding:120px 0 0 0;}
.shop-detail .related-products .shop-gallery{ margin:65px 0 0 0;}



/*..... BREAD CRUMB ......*/
.bread-crumb{ text-align:center; background:#f4f4f4; border-radius:30px; width:100%; height:18px;}
.bread-crumb .bread-crumb-sec{ float:left; width:25%; margin:-18px 0 0 0;}
.bread-crumb .bread-crumb-sec a{ display:inline-block;}
.bread-crumb .bread-crumb-sec a.selected{}
.bread-crumb .bread-crumb-sec a span.number{ background: #FFF; border-radius: 100%; width: 50px; height: 50px; display: inline-block; color: #484747;
font-size: 30px; font-weight: 700; padding: 4px 0 0 0; box-shadow: 0 0 0 6px #F4F4F4;}
.bread-crumb .bread-crumb-sec a span.text{ font-size: 20px; color: #222; margin: 10px 0 0 0; display: inline-block; font-weight: 500;}

.bread-crumb .bread-crumb-sec a.selected span.number{border-radius: 100%; width: 50px; height: 50px; display: inline-block; color: #fff;
font-size: 30px; font-weight: 700; padding: 4px 0 0 0; box-shadow: 0 0 0 6px #F4F4F4;}






/*..... FORM ERROR and SUCCESS MESSAGES ......*/
p#reserv_error { border: solid 3px #FFA3A3; background: #FBF0F0; padding: 12px 0; margin: -28px 0 15px 16px; width: 96%;}
form#newsletter_form .error { border: solid 2px #F77070 !important;}
#contact_form .error { border: solid 1px #FF8282 !important; background: #FFF1F1;}

.booking-form .success{font-family: 'Raleway', sans-serif; font-size:26px; margin: 95px 0 0 0; color: #A98A30;  position: absolute; left:0; text-align:center; width:100%; }

.newsletter .success_msg{font-family: 'Raleway', sans-serif; font-size:22px; margin:12px 0 0 0; color: #A98A30;  position: absolute; left:0; text-align:center; width:100%; }

.get-touch-form .success_msg{font-family: 'Raleway', sans-serif; font-size:22px; margin:12px 0 0 0; color: #A98A30;  position: absolute; left:0; text-align:center; width:100%; }
#hours {margin-bottom:40px;}
.secondary .photogallery .container {background-color:#FFFFFF;}
footer ul li {color:#999490 !important; 	line-height: 24px!important;
	font: 100 14px/1 'Open Sans', serif;}
.our-story .main .intro p {width:85%; margin:auto;}
.center-block h2 {margin-bottom:20px;}
.caption {font-size:smaller;padding:10px 20px;text-transform: uppercase;text-align:center;}
.service-sec-top-bg {background:url(../images/menu_header_back.png) top;}
.serv-main-sec {padding:40px;border-left: #A98A30 double 4px;border-right: #A98A30 double 4px;margin-bottom: 10px;}
#menuall .menucontainer {/*! box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3); */ background:url(../images/menu_header_back.png) top; background-size:100%;background-repeat: no-repeat;background-color: #FFF;border:double 4px #00274c;padding-left:40px;padding-right:40px;}
.menubottom {background:url(../images/menu_btm.png); background-size:100%;background-repeat: no-repeat;height:220px;}
.header .nav ul li a.select-item{color: #A98A30;}
.header .nav ul li a:hover{color: #A98A30;}
.submenu a:hover { background: #A98A30 !important;}
.main-title span, .main-title h1 {color:#00274c;line-height:1.2em;}
.menucontainerouter {padding:20px;background-color: #FFF;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);}
.stuck_container{background-color:#222222;}
.contact .containerintro {background-color:#fff;padding-top:0px;margin:0px; }
.containerintro {background-color:#fff;padding-top:20px;margin:0px;text-align:center; padding-bottom:40px;}
.containercat {background-color:#fff;/*! padding:60px; *//*! margin:0px; */}
.containerouter {padding:20px;background-color: #FFF;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);margin:40px;}
.service-sec {text-align: center;}
.service-sec p {font-size:18px;line-height:1.3em;}
.service-sec h6 {color:grey;}
.services .serv-main-sec:hover .service-sec-top-bg{ background:url(../images/gold_top_hover.png) no-repeat; background-size: 100%;}
.services .serv-main-sec:hover .service-sec-bottom-bg{ background:url(../images/gold_btm_hover.png) no-repeat; background-size: 100%;}
#menuall .main-title img{ width: 95px;}
#menuall .main-title span{color:#00274c;}
.services .serv-main-sec:hover .service-sec i{color:#cfae51;}
.services .service-sec i{color:#cfae51; border:solid 1px #cfae51;}
.services .serv-main-sec:hover .service-sec{background:#cfae51;}
.white-btn:hover{ background:#A98A30;}
.today-special-detail .main-sec{background:#d4c497;}
.today-special-detail .main-sec .detail span.title{color:#A98A30;}
.our-story .story-detail a.full-story{color:#A98A30; border-bottom: solid 2px #A98A30;}
.upcoming-event .event-detail .event-text a.view-event{color: #A98A30; border-bottom: solid 2px #A98A30;}
.upcoming-event .event-detail .event-text p a:hover{color: #A98A30; border-bottom: solid 2px #A98A30;}
.today-food .special-food .food-detail span.price{color: #A98A30;}
.book-table .booking-form input[type=submit]{background-color:#A98A30;}
.latest-news .post .detail a:hover{color:#A98A30;}
.customer-words .testi-sec span.name{ color:#A98A30;}
.follow-us ul li a:hover{color: #A98A30; /*! border: solid 2px #A98A30; */}
.footer .about-pearl .newsletter a:hover{background: #A98A30;}
.footer .copyrights ul li a:hover{ color:#A98A30;}
.submenu a.select {background: #A98A30 !important;}  
.header-two.sticky .social-icons li a:hover{ color: #A98A30;}
.services-two .serv-main-sec .service-sec .detail a:hover{border: solid 1px #A98A30; background:#A98A30;}
.our-menu .menu-sec .menu-detail .food-detail span.price{color:#A98A30;}
.our-menu .food-sec .detail span.food-time{ color: #A98A30; border-bottom: solid 1px #A98A30;}
.blog .blog-post .post-text a.read-more{ color: #A98A30; border-bottom: solid 2px #A98A30;}
.news-posts h6.bar-title{background:#A98A30;}
.news-posts .search{ background:#A98A30;}
.news-posts .news-sec .detail a.read-more{color:#A98A30; border-bottom: solid 2px #A98A30;}
.news-posts .news-sec .detail .comment a:hover span{color:#A98A30;}
.news-posts .comment-box .detail a:hover{ background: #A98A30;}
.news-posts .leave-reply .form input[type=submit]:hover{background-color:#A98A30;}
.contact-page .get-in-touch .get-touch-form input[type=submit]{background:#A98A30;}
.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { color: #A98A30; border-bottom: solid 2px #A98A30;}
.cbp-l-filters-list .cbp-filter-item:hover {color: #A98A30;}
.shop-gallery .cbp-item:hover  .price-cart .cart {color: #A98A30; border-bottom: solid 2px #A98A30;}
.shop-detail .product-detail .pro-cart a{background:#A98A30;}
.openTabby .openTabby--nav ul li:hover { color: #A98A30;}
.all-reviews .review-sec .review-detail .reviewer span.name{color: #A98A30;}
.add-review .form input[type=submit]{background: #A98A30;}
.shop-detail .after-cart a:hover{background:#A98A30;}
.shop-cart .cart-pro-detail .cancel i{color:#A98A30;}
.shop-cart .cart-update-sec a:hover{background:#A98A30;}
.cash-decide .cart-total .total-sec a{background:#A98A30;}
.bread-crumb .bread-crumb-sec a.selected span.number{ background: #A98A30;}
.bread-crumb .bread-crumb-sec a.selected span.text{ color: #A98A30;}
.cash-payment .cash-delivery .next-step{background: #A98A30;}
.cash-payment .shipping-address .shipping-detail .edit-address{ color: #A98A30; border-bottom: solid 1px #A98A30;}
.cash-payment .shipping-address .shipping-method .shipping-across span.dot{border: solid 8px #A98A30;}
.cash-delivery-detail a.return-stor{background:#A98A30;}
.header .cart-button{ background:#A98A30;}
.header .shop-bag .cart-food .detail .text a:hover{color:#A98A30;}
.header .shop-bag .sub-total a:hover{ background:#A98A30;}
.news-posts .news-sec .detail .comment a:hover{color:#A98A30;}
.news-posts .categories ul li a:hover{color: #A98A30;}
.news-posts .recent-posts .post-sec a.title:hover{ color:#A98A30;}
.header-two .nav ul li a:hover{color: #A98A30;}
.tp-caption .read-more:hover{ background: #A98A30; border:solid 2px #A98A30 !important;}
.heapBox .heap .heapOptions .heapOption a.selected{background:#A98A30;}
.heapBox .heap .heapOptions .heapOption a:hover{background:#A98A30;}
.cd-top { background-color:#A98A30 !important;}




/*..... HEADER ......*/

.header .logo{ width: 160px; float: left; margin: 14px 0px 0 0; padding: 0 15px;}
.header .nav{ float:left; margin:0 0 0 0;}
.header .nav ul li{ float:left;}
.header .nav ul li a{ color: #141414; text-transform: uppercase; font-weight: 400; font-size: 16px; font-family: 'Raleway', sans-serif; border-left: solid 1px #cccccc; padding: 26px 30px; line-height: 70px;}



.header .nav ul li:last-child a{ border-right: solid 1px #cccccc;}
.header .get-touch{ float:right;}
.header .get-touch li{ float:left;}
.header .get-touch li a{ text-transform: uppercase; font-size: 18px; padding: 22px 25px; float: left;}
.header .get-touch li.book-table a{ color:#fff; background:#0a1d3b; font-weight:500; line-height: 26px; font-family: 'Raleway', sans-serif;}
.header .get-touch li.book-table a span{ float:left;}
.header .get-touch li.book-table a:hover{background:#022863;}
.header .get-touch li.book-table i{color:#fff; margin:-2px 0 0 115px; float: right; font-size: 26px;}

.header .get-touch li.contact-no i{ margin: 0px 15px 0 0; float: left; font-size: 26px;}
.header .get-touch li.contact-no a{ font-size:20px;}
.header .cart-button{color: #fff; padding: 0 26px; float: left;}
.header .cart-button i{ color:#fff;    font-size: 34px;    line-height: 70px;}
.header .shop-bag li.close-bag { cursor: pointer;}
.header .shop-bag li.close-bag a{ padding:0 26px;}
.header .shop-bag li.open-bag { background: #fff; display: none; position: absolute; margin: 70px 0 0 0; right: 0; width: 345px; padding:0 20px 20px 20px;    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);}
.header ul.shop-bag { float: right;}
.header .shop-bag .num{position: absolute; margin: 12px 0 0 24px; float: right; color: #222; background-color: #fff; border-radius: 100%; width: 20px; height: 20px; top: 0; padding: 2px 0 0 0; font-size: 12px; text-align: center;}
.header .shop-bag .cart-food{ border-bottom: solid 1px #d1d1d1; float: left; width: 100%; padding: 20px 0 20px 0;}
.header .shop-bag .cart-food .detail{    float: left;}
.header .shop-bag .cart-food .detail img{ float:left; width:62px;}
.header .shop-bag .cart-food .detail .text{    float: left; margin: 0 0 0 15px; width: 190px;}
.header .shop-bag .cart-food .detail .text a{ text-transform: uppercase; font-weight: 600; font-size: 18px; color: #222;}
.header .shop-bag .cart-food .detail .text p{ color: #666666; font-size: 14px;}
.header .shop-bag .cart-food a.cross{float: right; margin: 15px 0 0 0;}
.header .shop-bag .cart-food a.cross i{font-size: 26px; color: #777;}
.header .shop-bag .cart-food a.cross i:hover{color: #000;}
.header .shop-bag .sub-total{ margin: 30px 0 0 0; float: left; width: 100%;}
.header .shop-bag .sub-total span{ font-size:16px; color:#636363; float: right;}
.header .shop-bag .sub-total span strong{ color:#222; margin: 0 0 0 8px;}
.header .shop-bag .sub-total .buttons{    float: left; width: 100%; margin: 14px 0 0 0;}
.header .shop-bag .sub-total a{ font-size:13px; width: 48%; float: left; border-radius: 5px; text-align: center; color: #fff; text-transform: uppercase; padding: 11px 0;}
.header .shop-bag .sub-total a.view-cart{ background:#bcbcbc;}
.header .shop-bag .sub-total a.check-out{ background:#222; float:right;}





/*..... HEADER TWO ......*/

.header-two .logo2{ width:200px; margin:25px 26px 0 0;}
.header-two .logo-dark{ display:none;}
.header-two.sticky .logo2{ display:none;}
.header-two .nav {float:left;/*! margin: 30px 8px 0 0; */ }
.home .header-two .nav {float:left;/*! margin: 0px 8px 0 0; */ }
.header-two .nav ul li{ float:left;}
.header-two .nav ul li a{ color: #e7e1d7;text-transform: uppercase; font-weight: 400; font-size: 14px; font-family: 'Raleway', sans-serif; padding: 0px 0;
 margin: 0 14px; line-height: 50px !important;}
.home .header-two .nav ul li a{ color: #e7e1d7;text-transform: uppercase; font-weight: 400; font-size: 14px; font-family: 'Raleway', sans-serif; padding: 0px 0;
 margin: 0 14px; /*! line-height: 50px !important; */}
.header-two .nav ul li.select-item a{ /*! color: #FFFFFF; */ border-bottom: solid 1px #fff;}
.header-two .get-touch{ float:right; margin:38px 0 0 0;}
.header-two .get-touch li{ float:left;font-family: 'Raleway', sans-serif; font-size:18px;}
.header-two .cont-right{ float:right; }
.header-two .social-icons, .header-two .get-touch { float:right; margin:0px 8px 0 0; }
.header-two .social-icons li{ float:left; margin: 0 5px;}
.header-two .social-icons li a{color:#e7e1d7; font-size:20px;line-height:50px;}
.header-two .social-icons li a:hover{color:#e9b947;}
.home .header-two .social-icons li a{color:#e7e1d7;}
.header-two .get-touch li a{ text-transform: uppercase; font-size: 18px; padding:0px 18px; float: left;line-height:50px;}
.header-two .get-touch li.contact-no i{ margin: 0px 15px 0 0; float: left; font-size: 24px;line-height:50px;}
.header-two .get-touch li.contact-no a { font-size:18px; color:#e7e1d7;line-height:50px;}
.secondary .header-two .get-touch li.contact-no a { font-size:18px; line-height:50px;}
.header-two .cart-button{ color: #fff; padding: 0 0; float: left;}
.header-two .cart-button i{ color:#fff; font-size: 28px; line-height: 98px;}

.secondary .header-two .nav ul li.select-item a{border-bottom: solid 1px #e7e1d7;}
.header-two.sticky .nav ul li.select-item a{border-bottom: solid 1px #222222;}
.header-three .logo2{ width:158px; float:left; margin:25px 26px 0 0;}
.header-three .logo-dark{ display:none;}
.header-three .nav{ /*! float:left; */}
.header-three .nav ul li{ float:left;}
.header-three .nav ul li a{ color: #fff; text-transform: uppercase; font-weight: 400; font-size: 14px; font-family: 'Raleway', sans-serif; padding: 0px 0;
 margin: 0 14px; line-height: 50px !important;}
.header-three .nav ul li.select-item a{ color: #FFFFFF; border-bottom: solid 1px #fff;}
.header-three .get-touch{ float:right; margin:38px 0 0 0;}
.header-three .get-touch li{ float:left;}
.header-three .cont-right{ /*! float:right; */}
.header-three .social-icons{ /*! float:right; */ /*! margin:40px 8px 0 0; */}
.header-three .social-icons li{ float:left; /*! margin: 0 5px; */}
.header-three .social-icons li a{color:#fff; font-size:20px;}
.header-three .social-icons li a:hover{color:#e9b947;}
.header-three .get-touch li a{ text-transform: uppercase; font-size: 18px; padding:0px 18px; float: left;}
.header-three .get-touch li.book-table a{ color:#fff; background:#0a1d3b; font-weight:500; line-height: 26px; font-family: 'Raleway', sans-serif;}
.header-three .get-touch li.book-table a span{ float:left;}
.header-three .get-touch li.book-table a:hover{background:#022863;}
.header-three .get-touch li.book-table i{color:#fff; margin:-2px 0 0 115px; float: right; font-size: 26px;}
.header-three .get-touch li.contact-no i{ margin: 0px 15px 0 0; float: left; font-size: 26px;}
.header-three .get-touch li.contact-no a{ font-size:20px; color:#fff;}
.header-three .cart-button{ color: #fff; padding: 0 0; float: left;}
.header-three .cart-button i{ color:#fff; font-size: 28px; line-height: 98px;}


.booking-accordion .availability{ background:#A98A30; }
.special-services .post .detail a:hover{background-color:#A98A30; border:solid 1px #A98A30;}
.latest-posts .post-sec .post-detail a:hover{color:#A98A30;}
.latest-posts .find-location a:hover{ background:#A98A30; border:solid 1px #A98A30;}
.latest-posts p{font-size:16px;}
.footer-hotel-dark .foot-detail .newsletetr a:hover{background:#A98A30;}
.footer-hotel-dark .foot-detail .useful-links ul li a:hover, .footer .food-detail .useful-links ul li a:hover i{ color:#A98A30;}
.footer-hotel-dark .foot-detail .social-icons ul li a:hover{color: #A98A30; border: solid 2px #A98A30; }
.welcome-pearl-hotel .text-detail a{color: #A98A30; border-bottom: solid 2px #A98A30;}
.footer-hotel .foot-detail .newsletetr a:hover{background:#A98A30;}
.footer-hotel .foot-detail .social-icons ul li a:hover{color:#A98A30; border: solid 2px #A98A30; }
.footer-hotel .foot-detail .useful-links ul li a:hover, .footer .food-detail .useful-links ul li a:hover i{ color:#A98A30;}
.hotel-rooms .room-sec .price-detail a:hover{background:#A98A30;}
.hotel-rooms .paging a.select, .hotel-rooms .paging a:hover{ background: #A98A30; border: solid 1px #A98A30;}
.sub-banner .detail ul li a:hover{ color:#A98A30;}
.sub-banner .detail ul li a.select{ color:#A98A30;}
.room-detail .booking-form .form a.availability{ background:#A98A30;}
.booking-steps .reservation a{background:#A98A30;}
.booking-steps .your-room .detail .text a:hover{background:#A98A30;}
.booking-steps .book-now .payment-method a:hover{background:#A98A30;}
.blog .more-posts a:hover{color:#A98A30;}
.ui-widget-header { background:#A98A30;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background:#A98A30;}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {background:#A98A30;}
.content {margin:0;}
#menuall {padding: 40px 80px 40px 80px;clear: both; 
  /*! margin-top:40px; */}
.price {font-size: 18px;
	font-weight: 600;
color:#A98A30;}
.service-sec img{ width: 135px; height: 135px; border-radius: 100%; border: solid 5px #fff;}
.main-title {text-align: center;margin:0px auto;/*! background-color:#f2eddf; */}
.about-title {text-align: center;margin:0px auto;}
.contact-us {text-align:center; /*! background-image: url('../images/hrs_top.png'); */background-repeat:no-repeat;background-position:bottom;padding-bottom:60px;margin-left: auto;margin-right: auto;width: 100%;}
.detail.rts img {width:50%;}

.imgdiv {
    margin: 5px 0;
    width: 200px; /* You can set the dimensions to whatever you want */
    height: 200px;
    object-fit: cover;
}

.page { background-size:100%;background-repeat: repeat;background-color:#ffffff;}
.secondary.page { background-size:100%;background-repeat: repeat;background-color:#FFFFFF;}
.patternback, .callout-container.eagles, #menuall{ background-image:
    linear-gradient(to bottom,  rgba(145, 118, 41, 0.59),rgba(169, 138, 48, 0.90)),
    url('../images/dot_pattern.png');
     background-repeat: no-repeat;background-size: 100%;
   } 
 #menuall{ background-image:
    linear-gradient(to bottom,  rgba(145, 118, 41, 0.59),rgba(169, 138, 48, 0.90)),
    url('../images/dot_pattern.png');
     background-repeat: no-repeat;background-size: 100%;
   } 

.photogallery {background-color:#A98A30;}
.photogallery {padding-top:40px;margin-top:80px;padding-bottom:40px;}
.photogallery .container{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);}
#gallery .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    
  .column {
    flex: 50%;
    max-width: 50%;
  }
	.store p {padding-left:0px;padding-right:0px}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

	.column {
    flex: 100%;
    max-width: 100%;
  }
	.main-title h1.doubleline {color: #00274c;padding:20px 0px 40px 0px !important;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/subhead_dec.png") no-repeat center 95px !important; letter-spacing: -.04em; padding: 0 0 80px 0; margin: -6px 0 0 0 !important;background-size:90px!important;font-size:26px !important;}

	.story-detail {text-align:center;padding-top: 20px!important;}
	#menuall {padding:20px;}
 .photogallery { background-image:
   url('../images/grid_back.gif');
     background-repeat: repeat;background-size: 20%;
   }
	.menubottom {background:url(../images/menu_btm.png); background-size:100%;background-repeat: no-repeat;height:70px;}
.main-title h1{ color: #00274c;padding:0px 0px 40px 0px!important;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/subhead_dec.png") no-repeat center 34px!important; letter-spacing: -.04px; padding: 0 0 60px 0; margin: -6px 0 0 0!important;background-size:90px !important;font-size:3em !important;;
}
			.tp-caption.boxshadow,.boxshadow
{		
	box-shadow:0 0 10px rgba(0,0,0,0.5)!important;
}
}
.story-detail {text-align:center;padding-top: 0px;}
.shop-gallery .col-md-3.col-xs-6 {padding:6x;}
.callout {color:#00274c !important; font-size: 1.2em;line-height: 1.4em;
overflow: hidden;}

p.callout {padding:20px;}
.main-title img {

margin-top:-28px;
}

.item-title-row {display: table;
width: 100%;
font-size: 17px;
font-size: 1.0625em;
    font-weight: bold;}
.item-title {
    display: table-cell;
    word-break: break-word;
color:#00274c;}
.price {
    display: table-cell;
    text-align: right;
}
.price {
    font-size: 1.3em;
   color: #00274c;font-family: 'Vidaloka', serif;}
.price:first-letter {
  font-size: 80%!important;
}
#menuall hr {
  border: 0;
  border-top: none;
}
.description.text {padding-top:4px;}

.tm-blog.style-carousel-centered .info-bg-left::after, .tm-blog.style-carousel-centered .info-bg-right::after {

    background: url(../images/blog-slider-2-bg2.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
	background-position: bottom left;}
.tm-blog.style-carousel-centered .info-bg-left::before, .tm-blog.style-carousel-centered .info-bg-right::before {
    background: url(../images/blog-slider-2-bg.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: top left;}
.info-bg-left:before {content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;    background: url(../images/blog-slider-2-bg.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: top left;
}
.bottom-history-wrap h1 .title:before {content: '';
	width: 40px;
    background: url(../images/arrows.png);
    /*! position: absolute; */
    /*! left: 6px !important; */
    /*! top: -6px !important; */
    height:40px;
background-size: 80px;
	background-position:0px 10px;
display: inline-block;background-repeat:no-repeat;margin-right:10px;
	
}
.bottom-history-wrap h1 .title:after {content: '';
	width: 40px;
    background: url(../images/arrows.png);
    /*! position: absolute; */
    /*! left: 6px !important; */
    /*! top: -6px !important; */
    height:40px;margin-left:10px;
background-size: 80px;
	background-position:-40px 10px;
display: inline-block;background-repeat:no-repeat;
	
}
.title {width:50%;margin-right: auto;
margin-left: auto;}
.info-bg-left:after {content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;    background: url(../images/blog-slider-2-bg2.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: top left;
}
.post-info-wrap {

    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.post-info {

    max-width: 650px;

}
.cff-wrapper {/*! padding:10px; */ /*! border-radius:10px; *//*! margin:20px; *//*! background-color:#A98A30; *//*! box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.7); */}
#defaultNavbar1 {margin-top:20px;}
#slide-3046-layer-8 h1 {color: #ffffff;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/sec_h1.png") no-repeat center 140px; letter-spacing: -.04px; padding: 0 0 100px 0; margin: -6px 0 0 0;background-size:contain;padding-left: 200px !important;
padding-right: 200px !important;
}

.containerintro h1 {color: #00274c;padding:0px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 130px; letter-spacing: .01em; padding: 0 0 100px 0; margin: 0px 0 0 0;background-size:800px;
font-size: 48px;
}
#breakfast h1 {color: #00274c;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 80px; letter-spacing: .01em; padding: 0 0 100px 0; margin: 80px 0 0 0;background-size:800px;
font-size: 48px;
}
.contact .containerintro h1 {color: #00274c;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 90px; letter-spacing: .01em; padding: 0 0 100px 0; margin: -6px 0 0 0;background-size:500px;
font-size: 48px;
}
.our-story .main-title.about h1 {color: #00274c;padding:40px 0px 100px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 130px; letter-spacing: .01em; margin: -6px 0 0 0;background-size:40%;
font-size: 4em;
}
.main-title.about h1 {color: #00274c;padding:40px 0px 100px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 130px; letter-spacing: .01em; margin: -6px 0 0 0;background-size:40%;
font-size: 4em;
}
.contact .main-title.about h1 {color: #00274c;padding:20px 0px 100px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 100px; letter-spacing: .01em; margin: -6px 0 0 0;background-size:480px;
font-size: 48px;
}
.contact .main-title.double h1 {color: #00274c;padding:20px 0px 100px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 160px; letter-spacing: .01em; margin: -6px 0 0 0;background-size:480px;
font-size: 48px;
}
.containerintro p {text-align:center;}
.calendar-inner p {font-size:14px;line-height:1.4em;}
 .containerintro h6, .containercat h6 {letter-spacing: .06em;color:#856939;padding-top:10px;font-family: 'Vidaloka', serif;font-size: 18px;text-transform: uppercase;text-align: center;font-weight: bold;	}
 .containerintro i {font-size:30px;color:#A98A30;}
.about-pearl i.award {margin-right:10px;font-size:30px;}
.exp {width:80px;
    height:80px;
    background-color:#856939;
    border-radius:100%;
    text-align:center;
	display:inline-block;
	color:#FFFFFF;
line-height: 95px;}
.fa-shopping-basket, .fa-gifts, .fa-utensils { line-height: inherit;font-size:36px;}
.containerintro p.main{/*! padding-bottom:60px; */font-size:1.8em;line-height:1.4em;font-weight:700;color: #00274c!important;line-height:1.4em!important;width:90%;margin:auto;}
.containerintro h4 {text-align: center;font-family: 'Vidaloka', serif;text-transform: uppercase;color:#00274c;
}
p.main {font-size:1.8em;font-weight:700;color: #00274c!important;line-height:1.4em !important;margin-bottom: 20px !important;letter-spacing: -.5px!important;}

.example {background-color: #222222;}
.cff-header .fa, .cff-header-text {color:#FFF;}
.containerintro .col-md-7 img {width: 60%;}
#show_bg_2 {
    background-image:
    linear-gradient(to bottom, rgba(24, 25, 26, 0.72), rgba(113, 88, 48, 0.33)),
    url('../images/notgenericherobg3.jpg');

    height: 460px;
    background-size: cover;
    }
#show_bg_2 .col-md-8 {padding:60px 140px 0px 140px;}
#show_bg_2 .col-md-4 {padding:100px 120px 0px 0px;}
#cff p {font-size:1.2em;line-height:1.1em!important;color:#FFFFFF !important;text-align:center;}
#cff h3 {color:#999!important;;}
p.cff-date {font-weight:normal!important;text-transform: uppercase;}
#cff .cff-item {border-top:1px solid #000000;}
#cff .cff-post-links a {color:#A98A30;}
.cff-meta-wrap {border-top:solid 1px #1c1400;}
.fbfeed {top:0px;position:absolute!important;right:30px;}
#show_bg_2 img {display: block;
  margin-left: auto;
  margin-right: auto;
	width: 60%;
margin-top: 80px;
}
.service-sec-top-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;    background: url("../images/border_top.gif") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-size: contain;
}
.service-sec-bottom-bg{content: '';
    background: url("../images/border_btm.gif") no-repeat;
position: absolute;
        background-position-y: bottom;
    background-size: contain;
	overflow:hidden;
	top: 0;
left: 0;
bottom: 0;
right: 0;
}

.cff-item {/*! background-color:#c4ae6e; */}
.col-md-4.service {position: relative;
min-height: 1px;
padding-right: 0px;
	padding-left: 0px;
margin-right: 15px;
margin-left: 15px;
}
.padding-btm {margin-bottom:20px;}
h3 {color: #A98A30 !important;}
@media (max-width: 800px)  {
  #menuall {
    padding:20px!important;
  }
}
.bottom-history-wrap {
	color:#fff;width:33%;}
.cff h3 {font-size:18px; text-align: center;}
.centered { text-align: center;}
.automargin {margin:0 auto!important;}
.cff-post-text br {display: none;}
h4 {color:#00274c;}


.gallery { background:url(../images/wood_back.jpg) no-repeat fixed; width: 100%;}
.footer {/*! background-color:#FFFFFF; */}
.footer h4 {color:#A98A30 !important;padding-bottom:10px!important;}
.button {
    display: inline-block;
    width: auto;
    max-width: 100%;
    border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    padding: 12px 30px;
    font-size: 12px;
    line-height: 24px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .08em;
    transition: .33s all ease;
    white-space: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
	margin:20px;
}


.header-two.sticky .social-icons li a {

 margin-left:0px;

}
#nav li { /*! display: inline; */ /*! line-height: 1.56em; */ }

#nav li a {
  /*! display: block; */
  /*! float: left; */
  text-transform: uppercase;
  /*! text-decoration: none; */
  /*! margin-right: 13px; */
	/*! text-transform: uppercase; */
/*! font-weight: 400; */
/*! font-size: 14px; */
/*! font-family: 'Raleway', sans-serif; */
/*! line-height: 50px !important; */
}

#nav li a.midsection {
    margin-right: 280px;}
#top {
    display: block;
    padding-top: 40px;
    /*! position: relative; */
    margin-bottom: 20px;
	/*! box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3); */

}
#top h1 a {
    display: block;
    width: 280px;
    height: 186px;
    position: absolute;
    top: 15px;
    left: 668px;
    margin: 0;
    padding: 0;
    z-index: 9999;
    text-indent: -9999px;
    background: url('../images/fsm_logo2.png') no-repeat;
	background-size: cover;
}
#top li a.first {margin-left:0px;}
.padding-rt {padding-right:20px !important;}
.col-md-3.calendar-outline {border-radius: 10px;background: linear-gradient(#E7DEC8, #f3e3c0);padding:10px;margin-left:40px;text-align:center;margin-bottom: 80px;}
.calendar-inner {padding:20px;border: double 4px #FFFF;border-radius:10px; }
.calendar-inner h5 {font-family: 'Vidaloka', serif;font-size: 22px;text-transform: uppercase;text-align: center;letter-spacing: .9px;color:#A98A30;background-image:url(../images/dec.png); background-size:64px; background-repeat:no-repeat;background-position:center 24px;padding-bottom:30px;}
.event-title {font-size:20px!important;font-weight: bold;line-height:1em!important;}
.date {font-size:12px;font-weight:normal;}
@media screen and (max-width: 767px) {
	.factswrap h3 {font-size: 24px;
  font-family: 'Vidaloka', serif;color:#222222;line-height:1em;margin-top:20px;margin-bottom:10px;
text-align:center;

}
		.factgrid{
display:grid;
grid-template-columns: 1fr;
gap:var(--gap);
align-items:start;
padding-bottom: 40px;
}
	#breakfast h1 {
  color: #00274c;
  padding: 40px 0px 10px 0px;
  text-align: center;
  font-family: 'Vidaloka', serif;
  font-weight: bold;
  background: url("../images/main_hbackmobile.png") no-repeat center 80px;
    background-size: auto;
  letter-spacing: .01em;
  padding: 0 0 100px 0;
  margin: 20px 0px 0px;
  background-size: contain;
  font-size: 48px;}
    .center-block {
  padding: 0px!important;
  margin:0px 0px !important;
}
	#menuall .col-md-4 {
  padding-left: 15px!important;
  padding-right: 15px!important;
}
	.medium_light_white {font-size: 20px !important;line-height: 1em !important;}
.containerintro {padding: 20px;}
.contact h1 {padding-top:160px;}
	.tp-caption img {
    width:300px!important;height:auto!important;
}
	.header-two .social-icons, .header-two .get-touch {
    display: none;}
	.spchild {
    width: 100%!important;
    flex: 1;
    padding: 1em;
    float: left;
}

	

.col-md-3.calendar-outline {margin-left:0px;}

.gallery {
border-top: 1px solid #e8ebee;
    border-bottom: 1px solid #e8ebee;}

.main-title.about {margin-top:40px;}
.underline {background: url("../images/main_hback.png") no-repeat center 130px;}
.rotate {
  -webkit-transform:rotate(6deg);
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  transform: rotate(6deg); box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3);border:solid 14px #FFFFFF;
}
.sec_underline{ background:url("../images/back_lines.png") repeat-y; background-size: 100%;}
.latest-posts ul {
}
.latest-posts li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 31.5%;
	padding: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
	text-align: center;
	margin:10px;
	box-shadow: 5px 5px 10px #e3e3e3;
	border-radius:24px;
}
.inner {	border:double #cec3b0;padding:24px;border-radius:20px}
.innerblue {	padding:24px;}
.widget .head:before ,
.widget .widget-title:before{
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #2f2f2f;
    }}
.widget .head,
.widget .widget-title{
	position: relative;
	margin: -10px -10px 0;
	padding: 24px 0;
	border-top: 2px solid #2f2f2f;
	font-family: Vidaloka, sans-serif;
	font-size: 32px;
	text-align: center;
	color: #2f2f2f;
}
.widget {
	padding: 9px;
	border: 1px solid #d1d1d1;
	background: #f0f0f0 url("../images/arrows.png");
}
/**/
/* widget comments  */
/**/
.widget-comments li {
	margin-bottom: 20px;
}
.widget-comments li:last-child {
	margin-bottom: 5px;
}
.widget-comments p {
	position: relative;
	padding: 14px 19px;
	border: 1px solid #d1d1d1;
	line-height: 24px;
}
.widget-comments p:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -7px;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #f1f1f1;
	border-left: 7px solid transparent;
}
.widget-comments p:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #d1d1d1;
	border-left: 8px solid transparent;
}
.widget-comments .author {
	position: relative;
	margin-bottom: 8px;
	padding: 9px 36px 7px 36px;
	border: 1px solid #d1d1d1;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}
.widget-comments .author i {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 34px;
	height: 34px;
	background: #00274c;
	font-family: Vidaloka, sans-serif;
	font-size: 20px;
	line-height: 34px;
	font-weight: 400;
	color: #f4f4f4;
}
.widget-comments .author span {
	font-weight: 700;
}
.latest-article {
	position: relative;
	padding-top: 2px;
	border-top: 2px solid #2f2f2f;
}
.latest-article:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	border-top: 1px solid #2f2f2f;	
}
@media screen and (max-width: 479px) { 
	.shop-gallery .col-md-3 {padding:4px;}
	.hero-item {position: relative;
      background-image:  linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 1)),  url("../images/heromobile_top.jpg") ; 
      background-size: cover;
	  background-position: center;
     }
	 .introcontainer{
    flex-direction: column; /* stack vertically on small screens */
		 padding:15px;
  }

.specials-left {
    order: 2; /* below */
    width: 100%;
  }

.specials-right {
    order: 1; /* on top */
    width: 100%;
  }
	.products, .productbrands {background-color: #FFFFFF;overflow: hidden;}
	.products .col-xs-6, .productbrands .col-xs-6 {padding:4px;}
	.specials h4 {
  padding-top: 60px!important;
	}
	.newsannouncement {padding:0px 40px 40px 40px;}
	.hero .eagles .center-block img {width: 60%;}
	.main-title {padding-left:20px;padding-right:20px;}
	#breakfast {margin-bottom: 10px;}
	.callout-container {padding:20px!important;}
	.news h2 {text-align: left!important;}
	.special-row, .subhead-row {padding-top:4px;font-weight: bold; font-size:1.2em !important; padding-left:15px;padding-right:15px;line-height:1.2}
	.headline-row {padding-top:4px;font-weight: bold; font-size:1.5em !important; padding-left:15px;padding-right:15px;}
	
	.hero-item h1 {font-size:2.8em !important;}
	 .mobile i {font-size:1.4em;}
	.mobile h2 {text-align: center;font-size:2em;padding-top:20px;line-height:1em!important;}
	.pt-80 {padding-top:40px!important;}
	.main-title.about.intro {padding-top:40px;}
	.col-xs-12 {width: 100%;}
	.spcontainer {
  display: flex;
  justify-content: center;
  align-items: center;}
	.footer { /*! text-align:center; */ /*! margin: 75px 0 0 0; */ padding: 40px 0px;background-color:#222222!important;}
	.bottom-history-wrap p {padding:0px 20px}
	.hero-wrapper {display: flex;width:100%;margin:auto;text-align: center;}
	.hero-logo img {width: 70%;}
	.u-container-layout {padding: 20px;}
	 .u-section {
  width: 300px;
  background-image: none;
  height: auto;
  margin: -81px auto 20px;
    color: #111111;
  background-color: #ffffff;}
	.callout {padding:0px !important;}
 .main-title.about h1 {font-size: 48px;color: #00274c;padding:0px 0px 80px 0px!important;text-align:center;font-family: Vidaloka, serif!important;; font-weight: bold;
background: url("../images/main_hback.png") no-repeat center 60px!important; letter-spacing: .9px; margin: -6px 0 0 0;background-size:310px !important;}
.u-section-gallery-inner {
  display: grid; 
  grid-auto-flow: column; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 5px 5px; 
  grid-template-areas: 
    ". .."; 
}
.triple	.u-section-gallery-inner {
  display: grid; 
  grid-auto-flow: column; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 5px 5px; 
  grid-template-areas: 
    ". .."; 
}
.mobilehide {display:none;}
.menubtm2 {
  background: url(../images/menu_btm.png);
    background-position-x: 0%;
    background-position-y: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 220px;
  background-position: bottom;
  margin-left: -10px!important;
  margin-right: -10px!important;
  margin-top: -200px;
}
.main-title.about {
    margin-top: 0px;
}
	.contact .main-title.about h1 {color: #00274c;padding:20px 0px 100px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 100px!important; letter-spacing: .01em; margin: -6px 0 0 0;background-size:300px!important;
font-size: 48px;
}
.our-story .main .intro p.main {line-height:1.3em !important;font-size:1.4em;}
.our-story .main .intro p {width:100%; margin:auto;}
		.our-story {
    padding: 0px 0px 0px 0px!important;
}
	.latest-posts ul {
		margin-left: 0;
	}
	.latest-posts li {
		width: 95%;
		padding: 0px!important;
		margin:10px!important;
		box-shadow: none!important;
	}
	.containerintro p.main {
    padding-bottom: 0px !important;
    line-height: 1.3em !important;
		width:100%;
		letter-spacing: -.05px;
		font-size:1.4em;
}
.latest-news .owl-theme .owl-controls .owl-buttons .owl-prev {left:-3%!important;}
.latest-news .owl-theme .owl-controls .owl-buttons .owl-next { right:-3%!important;}
	.header-two.sticky .logo-dark {
    display: inline-block;
    width: 200px!important;
    margin: 0px 0px 8px 0 !important;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease !important;
}
#menuall .menucontainer {padding-left:10px;padding-right:10px;}
.follow-us ul li {display: inline-block;}

.logocenter {width:100%;display: inline-block;
        	text-align: center;
    		vertical-align: bottom;
}

.innerblue br {display:inline!important;}

.sticky .logocenter {
height: 90px;
}
.home .sticky .logocenter {
height: 0px;
}
.secondary .logocenter {
height: 90px;
}
.header-two.sticky .logocenter {height:40px!important;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease !important;}
.secondary.page { background-size:100%;background-repeat: repeat;background-color:#FFFFFF;}
.maps {background-color:#FFFFFF;padding-bottom:40px;}
    }
/**/
/* best reviews */
/**/
.best-reviews {
	padding-top:40px;
	margin-bottom: 5px;
	text-align: center;
	padding-right:0px!important;padding-left:0px!important;
}
.best-reviews h2 {
	margin-bottom: 40px;
	font-family: Vidaloka, sans-serif;
	font-size: 45px;
	font-weight: 400;
	text-transform: uppercase;
}
.best-reviews h3 {
	margin-bottom: 12px;
	font-family: Vidaloka, sans-serif;
	font-size: 32px;
}
.best-reviews h4 {
	position: relative;
	margin-bottom: 24px;
	text-align: center;
}
.best-reviews h4 span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 23px;
	padding-top: 1px;
	background: #2f2f2f;
	box-shadow: 0 5px 0 1px #f0f0f0, 0 0 0 1px #f0f0f0;
	font-size: 11px;
	line-height: 29px;
	text-transform: uppercase;
	color: #fff;
}
.best-reviews h4 i {
	position: relative;
	padding: 0 10px;
}
.best-reviews h4 i:after,
.best-reviews h4 i:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -3px;
	background: #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
}
.best-reviews h4 i:after {
	right: 0;
}
.best-reviews h4 i:before {
	left: 0;
}
.best-reviews li {
	position: relative;
}
.best-reviews li:before {
	content: '';
	position: absolute;
	top: 13px;
	left: -15px;
	width: 1px;
	height: 100%;
	background: #e0e0e0;
}
.best-reviews p {
	line-height: 24px;
}
.best-reviews img {
	width: 100%;
}
.best-reviews .value {
	margin-bottom: 18px;
	font-family: Vidaloka, sans-serif;
	font-size: 60px;
	line-height: 50px;
	color: #c1c0b4;
}
.best-reviews .more {
	position: relative;
	margin-top: 12px;
	padding: 2px 0;
	border-top: 2px solid #00274c;
	border-bottom: 2px solid #00274c;
	font-size: 14px;
	line-height: 30px;
	font-weight: 700;
}
.best-reviews img {margin-top:10px;}
.best-reviews .more:after,
.best-reviews .more:before, .shop-detail .more:after, .shop-detail .more:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #00274c;
}
.best-reviews .more:after, .shop-detail .more:after {
	top: 1px;
}
.best-reviews .more:before, .shop-detail .more:before {
	bottom: 1px;
}
.best-reviews .more a, .shop-detail .more a {
	text-decoration: none;
}
.best-reviews .more a:hover{
	color: #c1c0b4;
}
.best-reviews .owl-carousel {
	width: auto;
	margin: -23px -14px 0 -15px;
	overflow: hidden;
}
.best-reviews .owl-item {
	position: relative;
	padding: 0 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.best-reviews .owl-wrapper {
	margin-left: -1px;
}
.best-reviews .owl-buttons {
	position: relative;
	margin: 24px 0 16px;
	font-size: 58px;
	text-align: center;
}
.customer-words .owl-buttons {
    display: flex;
    justify-content: center;
    padding: 0%; 
	width: 100%; }

.best-reviews  .owl-wrapper-outer {
	overflow: hidden !important; 
}
.owl-theme .owl-controls .owl-buttons .owl-next{   /*! right: -6%; */  background-position: -58px 0; /*! top: 46%; */  color: rgba(142, 18, 18, 0);}
.owl-theme .owl-controls .owl-buttons .owl-prev{   /*! left: -8%; */  background-position: 0px 0;    /*! top: 46%; */  color: rgba(142, 18, 18, 0);}
.owl-theme .owl-controls .owl-buttons div{ background: url(../imgs/arrow-cro.png) no-repeat;}
#testimonials .owl-theme .owl-controls .owl-buttons .owl-next{   /*! right: -6%; */  background-position: -58px 0; /*! top: 46%; */  color: rgba(142, 18, 18, 0);}
.best-reviews .owl-buttons div {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	width: 58px;
	height: 58px;
	margin: 0 6px;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	transition: color 0.3s;
	-ms-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	color:#000000;
}
#testimonials .owl-theme .owl-controls .owl-buttons div{ background: url(../images/arrow-cro_testimonial.png) no-repeat;}
#owl-demo2 .owl-buttons div {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	width: 58px;
	height: 58px;
	margin: 0 6px;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	transition: color 0.3s;
	-ms-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	color:#000000;
}

.best-reviews .owl-buttons div i {
	position: relative;
}

.best-reviews .owl-buttons div:hover:before {
	border-color: #c1c0b4;
	background: #c1c0b4;
}
.best-reviews .owl-buttons .owl-next {
	text-indent: 1px;
}
.best-reviews .owl-buttons .owl-prev {
	/*! background: url(../imgs/back-top.png) no-repeat center 50%; */
	/*! text-indent: -1px; */
}
@media screen and (max-width: 1200px) { /* laptop */
	.best-reviews h2 {
		font-size: 54px;
	}
	.best-reviews h3 {
		font-size: 26px;
	}
	.best-reviews li:before {
		left: -10px;
	}
	.best-reviews .owl-carousel {
		margin-right: -9px;
		margin-left: -10px;
	}
	.best-reviews .owl-item {
		padding: 0 10px;
	}
}
@media screen and (max-width: 980px) { /* pad */
	.best-reviews h2 {
		font-size: 42px;
	}
	.best-reviews h3 {
		font-size: 22px;
	}
	.best-reviews li:before {
		display: none;
	}
	.best-reviews .owl-carousel {
		margin-right: -8px;
		margin-left: -9px;
	}
	.best-reviews .owl-item {
		padding: 0 9px;
	}
}



    .calloutbox {
      padding: 40px;
    }
callout h4 {
	margin: 12px 0;
	font-size: 18px;
	line-height: 30px;
}
@media screen (min-width:719px) {
	.factswrap h3 {font-size: 32px;
  font-family: 'Vidaloka', serif;color:#222222;line-height:1.2em;margin-top:20px;margin-bottom:10px;
text-align:left;

}
	.factgrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:var(--gap);
align-items:start;
padding-bottom: 40px;
padding-right: 20px;
}
	#scrollTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    padding: 15px;
    border-radius: 4px;
    cursor: pointer;
  }
		.newsannouncement {padding-bottom:20px;}
  #scrollTopBtn:hover {
    background-color: #333;
  }
button {border: none; /* Removes border */
	outline: none;}

	.bottom-history-wrap {width:33%;}
	.mobile h2 {text-align:center;font-size:3em;padding-top:20px}
}

@media screen and (max-width: 1200px) { /* laptop */
	.composer 		{padding: 30px 20px;}
	.store p {padding-left:40px;padding-right:40px}
	}
@media screen and (max-width: 980px) { /* pad */
.callout {
		padding: 30px 18px;
	}
}
.text blockquote {
	position: relative;
	margin-top: 24px;
	padding: 25px 20px;
	background: #f0f0f0 url(../imgs/widget.png);
	font-size: 15px;
	line-height: 28px;
	font-weight: 700;
	font-style: italic;
}
.text blockquote:after,
.text blockquote:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 6px;
	background: rgba(0,0,0,0.05);
}
.text blockquote:after {
	bottom: 10px;
}
.text blockquote:before {
	top: 10px;
}
.text blockquote p:after,
.text blockquote p:before {
	display: block;
	margin-bottom: -24px;
	font-family: Vidaloka, sans-serif;
	font-size: 48px;
	line-height: 48px;
	font-weight: 400;
	font-style: normal;
}
.text blockquote p:after {
	content: "\201D";
}
.text blockquote p:before {
	content: "\201C";
}
.hr {
	border-top: 1px solid #d1d1d1;
	margin-top:40px;margin-bottom:80px;
}
span.day {font-weight:bold;}

/**/
/* timeline */
/**/
.timeline {
	position: relative;
	max-width: 770px;
	margin: 0 auto 60px;
	text-align: center;
}
.timeline li {
	position: relative;
	width: 308px;
	padding: 20px;
	border: 1px solid #2f2f2f;
}
.timeline li:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff;
}
.timeline li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -9px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #2f2f2f;
}
.timeline li:nth-child(even) {
	margin-left: auto;
}
.timeline li:nth-child(even):after {
	right: 100%;
	left: auto;
	border-right: 8px solid #fff;
	border-left: 0;
}
.timeline li:nth-child(even):before {
	right: 100%;
	left: auto;
	border-right: 9px solid #2f2f2f;
	border-left: 0;
}
.timeline h3 {
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.timeline p {
	font-size: 12px;
	line-height: 20px;
}
.timeline .date {
	margin: 10px 0 8px;
	font-size: 12px;
	font-weight: 700;
	color: #b2b1a5;	
}
.timeline .line {
	position: absolute;
	top: -1px;
	right: -41px;
	bottom: -1px;
	width: 10px;
	background: #ecece8;	
}
.timeline li:first-child .line {
	top: 50%;
}
.timeline li:last-child .line {
	bottom: 50%;
}
.timeline li:nth-child(even) .line {
	right: auto;
	left: -41px;
}
.timeline .icon {
	position: absolute;
	top: 50%;
	right: -45px;
	width: 14px;
	height: 14px;
	margin-top: -9px;
	border: 2px solid #2f2f2f;
	background: #2f2f2f;
	box-shadow: inset 0 0 0 1px #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.timeline li:nth-child(even) .icon {
	right: auto;
	left: -45px;
}
.timeline .year {
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -8px 0 0 60px;
	font-size: 16px;
	font-weight: 700;
}
.timeline li:nth-child(even) .year {
	right: 100%;
	left: auto;
	margin-right: 60px;
	margin-left: 0;
}
.timeline .title {
	position: relative;
	display: inline-block;
	margin-bottom: 24px;
	padding: 0 36px;
	background: #2f2f2f;
	font-family: Vidaloka, sans-serif;
	font-size: 30px;
	line-height: 56px;
	color: #fff;	
}
.timeline .title:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #2f2f2f;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;	
}
@media screen and (max-width: 980px) { /* pad */
	.timeline li {
		width: 292px;	
	}
}
@media screen and (max-width: 767px) { /* phone */
	 h2 {
    font-size: 2em!important;
  }
	#data-container {padding-bottom:20px;}
	.callout-container {padding:40px}
	#menuall, .callout-container.eagles { background-image:
    linear-gradient(to bottom,  rgba(145, 118, 41, 0.39),rgba(169, 138, 48, 0.90)),
    url('../images/dot_pattern.png');
     background-repeat: no-repeat;background-size: 180%!important;
   }
.hero-subhead h3 {padding:0px 40px!important;font-size:20px;}
.containerintro h1 {color: #00274c;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 122px !important; padding: 0 0 40px 0 !important; margin: 10px 0px;background-size:310px !important;
letter-spacing: 0px!important;font-size:2.3em;
}
	.contact .containerintro h1 {margin-top:180px !important;}}
.latest-posts li {background-color:#f2eddf;}
.about-title h4 {
	position: relative;
	margin-top: 48px;
	font-family: Vidaloka, sans-serif;
	font-size: 22px;
	font-weight: 400;
	background: inherit;
}
.about-title h4:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #00274c;
}
.about-title h4:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 8px;
	margin-top: -3px;
	border-top: 2px solid #00274c;
	background: #f0f0f0;
}
.about-title h4 span {
	position: relative;
	z-index: 1;
	padding: 0 12px;
	background: black;
}

.about-title h4 span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 23px;
	padding-top: 1px;
	background: #00274c;
	border:solid 2px #f0f0f0 ;
	font-size: 11px;
	line-height: 29px;
	text-transform: uppercase;
	color: #fff;
	-webkit-transform: translate3d(0,0,0);
	-moz-webkit-transform: translate3d(0,0,0);
	-ms-webkit-transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.about-title h4 i {
	position: relative;
	padding: 0 10px;
}
.about-title h4 i:after,
.about-title h4 i:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -3px;
	background: #A98A30;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
}
.about-title h4 i:after {
	right: 0;
}
.about-title h4 i:before {
	left: 0;
}
.center-block {padding:20px;margin:10px;}
.center-block-outline {padding:20px;margin:10px;background-image: url("../images/specials_back.png");
    background-repeat: no-repeat;
background-position: center;      /* center the image */
    background-size: cover; }
.our-story .main  {background-color:#FFFFFF;}
.secondary .header-two {
	background-color: #222222;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
}
.home .header-two .logocenter {display:none;}
.best-reviews h6 {/*! padding-bottom: 10px; */color: #00274c;text-align:center;font-family: 'Vidaloka', serif;
letter-spacing: .01em; font-size:24px;}
.head-line {
	position: relative;
	height: 5px;
	margin-bottom: 36px;
	border-top: 2px solid #00274c;
	border-bottom: 1px solid #00274c;
}
.shop-detail .text h2 {
	position: relative;
	margin-top: 48px;
	font-family: Vidaloka, sans-serif;
	font-size: 22px;
	font-weight: 400;
	background: inherit;
}
.shop-detail .text h2:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #2f2f2f;
}
.shop-detail .text h2:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 8px;
	margin-top: -3px;
	border-top: 2px solid #2f2f2f;
	background: #f0f0f0;
}
.shop-detail .text h2 span {
	position: relative;
	z-index: 1;
	padding: 0 12px;
	background: inherit;
}
.bottom-history-wrap h2 {font-size:34px;color:#222222!important;}
.stripe p {font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size:14px;margin-bottom:0px;text-transform:uppercase;}
.main-title h1{ color: #00274c;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/subhead_dec.png") no-repeat center 40px; letter-spacing: -.04px; padding: 0 0 60px 0; margin: -6px 0 0 0;background-size:12%;font-size:30px;
}
.contact {background-color:#FFFFFF;}
.customer-words .owl-prev, .customer-words .owl-next {float:left;width:58px;margin-left:10px;height: 58px;}
.special p {color:#00274c !important;}
.hide {display:none;}
.halloween img {height:auto;}
.halloween.inner {
    border: none;
    width: 60%;
    margin: auto;
    padding-bottom: 80px;
}
@media (max-width:719px) {
.halloween.inner {
    border: none;
    width: 98%;
    margin: auto;
    padding-bottom: 80px;
    padding-left:0px;padding-right:0px;
}
}
.center-block-card {padding:40px;display:inline-block;border-radius: 24px;margin:20px;}
.padding-bottom-60 {margin-bottom:60px;}
.center-block-card img {width:90%;height:auto;}
#bfast {padding: 40px 80px 40px 80px;
    background: url(../images/wood_back.jpg) no-repeat fixed;
    width: 100%;
    padding-bottom: 80px;
    display:inline-block;
}
.latest-posts i {color:white;}
#bfast h1{ color: #ffffff;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;line-height:.96em;
background: url("../images/subhead_dec.png") no-repeat center 68px; letter-spacing: -.04px; margin: -6px 0 0 0;background-size:100px;font-size:36px;
}
#bfast .small {color:inherit!important;}
#bfast p {color:#FFFFFF!important;font-size: 1.8em;padding-top:20px;}
.imgsmall {width:30%!important;height:auto!important;}
#slide-397-layer-3 .tp-caption {line-height:1.3!important;}
@media (min-width: 768px) {
	.contact {padding:80px 0px 40px 0px;background-color: #FFFFFF;}
	.news p, .news h4 {padding:15px;}
	.shop-gallery .col-md-3 {padding:10px;}
	.productbrands .col-md-3 {padding:4px;}
	.products .col-lg-4 {padding:4px;}
	.hero-item {position: relative;
      background-image:  linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 1)),  url("../images/Free_Style_Mercantile_Store.jpg") ; 
      background-size: cover;
	  background-position: center;
     }
	.introcontainer {
  display: flex;
  flex-direction: row; /* side by side on larger screens */
}

.specials-left {
  order: 1;
  width: 70%;
}

.specials-right {
  order: 2;
  width: 30%;
}

	.products, .productbrands {background-color: #FFFFFF;overflow: hidden;}
	 .mobile i {font-size:24px;}
	.main-title{ text-align:center;width: auto;clear: both;padding-top:40px;padding-left:30px;padding-right:30px;}
	.footer {padding: 40px 80px 40px 80px;background-color:#222222!important;}

	.hero-subhead p {z-index: 7;
  color: white;
  visibility: inherit;
  transition: none 0s ease 0s;
  text-align: center;
  line-height: 30px;
  border-width: 0px;
  margin: 0px;
  padding: 10px 0px;
  letter-spacing: 0px;
  font-size: 14px;
  white-space: normal;
  min-height: 0px;
  min-width: 800px;
  max-height: none;
  max-width: 800px;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  transform-origin: 50% 50% 0px;margin:auto;}
.hero-subhead h3 {z-index: 7;
  color: white;
  font-weight: 800;
    font-family: Helvetica, Arial, sans-serif !important;
  visibility: inherit;
  transition: none 0s ease 0s;
  text-align: center;
  line-height: 30px;
  border-width: 0px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  letter-spacing: 0px;
  font-size: 24px;
  white-space: normal;
  min-height: 0px;
  min-width: 800px;
  max-height: none;
  max-width: 800px;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  transform-origin: 50% 50% 0px;margin:auto;}
	.hero-logo img {max-width:325px; height:auto;}
	.hero {text-align: center;}
.u-container-layout {padding: 30px 40px;width:100%;}
	 .u-section {
  width: 744px;
  min-height: 255px;
  background-image: none;
  height: auto;
  margin: -81px auto 60px;
    color: #111111;
  background-color: #ffffff;}
	.improvements .grid-container 
{display: grid;
  grid-template-columns: 1fr 1fr 1fr ;
  grid-template-rows: 1fr;
  gap: 20px 40px;
  grid-auto-flow: column;
  grid-template-areas:
    ". . . .";
    
}
    #slide-397-layer-3 br, #slide-397-layer-4 br {display:none;}
	.u-section-gallery-inner {grid-template-columns: repeat(3, auto);
  grid-gap: 25px;display: grid;
    min-height: 100%;}
	  .navbar {display: inline-block;
  align-items: start;
    }}
.padding-top {padding-top:40px;}
.daily {color:#00274c !important;text-align:center;}
.daily-menu {line-height:1.8em;}
.daily-menu p {border-bottom: dotted 1px #777;}
.numberCircle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  text-align: center;
  font-size: 22px;
  border: 2px solid #3498db;
  color:white;
  background:#3498db;
  margin: 0 auto;
  z-index: 1;
  transform: translateY(-50%);
  line-height: 40px;
}

.card {
    padding-top: 0px;
    margin-top: 80px;
    text-align: center;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
  }

.menubtm2 {    background: url(../images/menu_btm.png);
        background-repeat: no-repeat;
        background-size: auto;
    background-size: 100%;
    height: 220px;
    background-position: bottom;
	margin-left:-40px;
	margin-right:-40px;
	margin-top:-200px;
	
}
.spcontainer {
margin:0 auto;
    display: flex;
	    padding-left: 0px;
}

.spchild {
	width:20%;
     flex: 1; /* additionally, equal width */
  padding: 1em;
  float:left;
    text-align: center;
}
.spchild h4 {border-bottom: 2px solid #777;
padding-bottom: 8px;
text-transform: uppercase;
font-size: 18px;
font-family: 'Vidaloka', serif !important;
	color: #777;
}
.latest-posts {text-align: center;}
.daily h3 {text-transform: uppercase;font-size:1.7em;}
#menuall .col-md-4 {padding-left:30px;padding-right:30px;}
#menuall .col-md-4.last {padding-left:45px;padding-right:45px;}
.callout2 {width:80%;margin:0 auto;padding:80px;text-align: center;}   

#layout {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
  position: relative;
  margin: 2.5rem auto;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  min-height: 0px;
  height: auto;
  max-width: 1000px;
  max-height: 1300px;
  align-self: flex-start;
  transition: opacity 250ms cubic-bezier(0.25, 0, 0.25, 1) 100ms;
  opacity: 1;
}
.button3 {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-style:  normal;
 text-decoration: none;
 text-align: center;
 font-size: 20px;
 color: #ffffff;
 border-style: none;
 border-width: 0px;
 background-image: url(https://s3.lightboxcdn.com/vendors/116d7f2c-6925-44d6-b6bd-10f9bdc04a99/uploads/0052bb1f-1dcc-4181-b6d7-7876f9926f17/x2.png);
 background-position: right top;
 background-color: rgba(255, 255, 255, 0);
 background-repeat: no-repeat;
 width: 100%;
 height: 100%;
 cursor: pointer;
}.closebtn {font-size:28px;}
.sitewide-3m1eou {
  display: flex;
  height: 100%;
  left: 0px;
  overflow: auto;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: -1;
  transition: background-color 250ms cubic-bezier(0.25, 0, 0.25, 1) 0ms;
  background-color: rgba(0, 0, 0, 0.5);
}
.sitewide-mg5t4c {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
  position: relative;
  margin: 2.5rem auto;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  min-height: 0px;
  height: auto;
  max-width: 1000px;
  max-height: 1300px;
  align-self: flex-start;
  transition: opacity 250ms cubic-bezier(0.25, 0, 0.25, 1) 100ms;
  opacity: 1;
  background-color: #A98A30 !important;
}
.sitewide-mg5t4c .center-block {background-color:#FFFFFF;}
.sitewide-1mo2vq1 {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999999;
  overflow: auto;
}
.callout h1 {font-family: 'Vidaloka', serif;}
.callout-container img {/*! width:300px; *//*! margin-bottom:20px; */}
.callout-container .boxshadow img {width:100%;padding:0px;display: block;border: solid 16px white;}
.spcontainer p {
		color: #777 !important;
font: 100 14px/1.3 'Open Sans', serif;
}
span.uppercase {text-transform:uppercase;font-size:14px;color: #777 !important;}
.store {background-color: #ffffff;overflow: hidden;
padding-top:20px;padding-bottom:40px;}
.store img { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;margin-bottom:20px;
}
.store p {padding-top:20px;text-align:center;}
.callout img {height: auto;}

.ihUZMW {
  margin: 1.5rem 0px 1rem;
  width: 100%;
  font-weight: bold;
}
#form-output-global span {font-weight: bold;color:#A98A30;}
h1.reg {color: #00274c;padding:0px 0px 40px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: none!important; letter-spacing: .01em; margin: 0px 0 0 0;
font-size: 48px;
}
.testimonials {background-color:#FFF;}
.navbar-brand:before {
content:'';
background: url("../images/FSMwebLOGO_white.png"); /*url of image*/
height: 65px; /*height of image*/
 width: 320px; /*width of image*/
position: absolute;
background-size: contain; background-repeat: no-repeat;
	left:40px;
	top:10px;
}
.navbar-brandlogo:before {
content:'';
background: url("../images/fsm_logosm.png"); /*url of image*/
height: 50px; /*height of image*/
 width: 320px; /*width of image*/
position: absolute;
background-size: contain; background-repeat: no-repeat;
	left:40px;
	top:15px;
}

#stuck_container.isStuck .navbar-brand:before, #stuck_container.isStuck .navbar-brandlogo:before {
height: 50px; /*height of image*/
width: 320px; /*width of image*/
 }

.navbar-brand, .navbar-brandlogoo {margin-top:0px;}
@media (max-width: 767px) {
  .navbar {
    display: none;
  }
}
.navbar-brand a, .navbar-brandlogo a {
	display: inline-block;
	text-align: left;
	font-size: 0px;
	line-height: 1px;
	position: relative;
	letter-spacing: -0.4px;
	text-transform: uppercase;
	min-width:290px;
	min-height: 100px;
}
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.rd-mobilemenu.active {
  right: 0;
}
.rd-mobilemenu_ul {
  position: fixed;
  top: -56px;
  left: 0;
  bottom: -56px;
  width: 240px;
  padding: 132px 0 76px;
  color: #ffffff;
  background: rgba(42, 45, 45, 0.97);
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.lt-ie9 .rd-mobilemenu_ul {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a2d2d', endColorstr='#ff2a2d2d');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a2d2d', endColorstr='#ff2a2d2d');
  zoom: 1;
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.rd-mobilemenu_ul li.active {
  color: #0099ff;
}
.rd-mobilemenu_ul a {
  display: block;
  padding: 14px 25px 16px;
}
.rd-mobilemenu_ul a.active {
  background: transparent;
  color: #0099ff;
}
.rd-mobilemenu_ul a:hover {
  background: transparent;
  color: #d7bb69;
}
.rd-mobilemenu_ul a .rd-submenu-toggle {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -17.5px;
  width: 32px;
  height: 32px;
  font: 400 10px 'FontAwesome';
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #2a2d2d;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
  content: '\f078';
}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
  background: #2a2d2d;
  color: #ffffff;
}
.rd-mobilemenu_ul a.rd-with-ul {
  position: relative;
}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilemenu_ul ul a {
  padding-left: 40px;
  border: none;
  padding-top: 14px;
  padding-bottom: 16px;
}
.rd-mobilemenu_ul ul ul {
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
  left: 0;
  top: 0;
  text-align: left;
  transform: none;
}
.rd-mobilemenu_ul ul ul:before,
.rd-mobilemenu_ul ul ul:after {
  display: none;
}
.rd-mobilemenu_ul ul ul li {
  border: none;
  box-shadow: none;
}
.rd-mobilemenu_ul ul ul a {
  padding: 0;
  margin: 0;
  padding-left: 60px;
  color: inherit;
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 16px;
  border: none;
  box-shadow: none;
}
.rd-mobilemenu_ul ul ul a.active {
  background: transparent;
  color: #0099ff;
}
.rd-mobilemenu_ul ul ul a:hover {
  background: transparent;
  color: #0099ff;
}
.rd-mobilemenu_ul:after {
  content: '';
  display: block;
  height: 20px;
}
.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #ffffff;
  color: #2a2d2d;
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991;
}
.rd-mobilemenu h2 {margin-top:0px;}
.rd-mobilepanel_title {
  position: fixed;
  padding-left: 10px;
  text-transform: uppercase;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #0e4ca1;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-overflow: ellipsis;
  white-space: nowrap;
	   font-size:0px!important;
  
}
.rd-mobilepanel_title:before {
  position: absolute;
  top:0;
    background-image: url('../images/FSMwebLOGO.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 124px; 
    height: 48px;
    content:"";
	left:20px;

  
}
.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px;
  background-color: #f7f7f7;
  border-color: transparent;
  outline: none;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.rd-mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after {
  top: 8px;
}
.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span {
  width: 24px;
  height: 4px;
  background-color: #2a2d2d;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span:after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
.rd-mobilepanel_toggle.active span {
  transition: background .3s 0s ease;
  background: transparent;
}
.rd-mobilepanel_toggle.active span:before,
.rd-mobilepanel_toggle.active span:after {
  top: 0;
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
.rd-mobilepanel_toggle.active span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rd-mobilepanel_toggle.active span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  body {
    padding-top: 56px;
  }
  .rd-mobilemenu,
  .rd-mobilepanel {
    display: block;
  }
}
@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 20px;
  }
}
    header{width:100%;    position: relative;
    left: 0;
    right: 0;
    z-index: 501;}

.calloutbox .shadow img {
    border:solid white 12px;
    -webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


   

.u-section-gallery-inner-item {
  position: relative;
  overflow: hidden;
}
.u-back-slide
{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.u-group {display: flex;position: relative;flex-shrink: 0;}

  .flex-container > div{
    padding: 8px;
  }

.callout .headline {width: 80%;margin:auto;}
.headline span {font-size:40px;}
.fa-check-circle::before, .fa-circle-check::before
{content: "\f058";}
.fa-circle-question::before, .fa-question-circle::before
{
  content: "\f059";
}
.fa-cash-register::before
{
  content: "\f788";
}
.fa-gifts::before {content: "\f79c";}
.headline h2 {padding-bottom:40px}
.improvements i {font-size: 50px}
.improvements i.fa {font-size:20px;}
.strong {font-size:20px;}
h1.u-text {padding-bottom:20px;color:#00274c;}
h2.rd-mobilepanel_title {margin-top:0px!important;}
.row {flex-wrap: wrap;display:flex;/*! justify-content: start; */ 
  /*! align-items: start; */}
.shadow {box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}
	.u-section-gallery {  width: 90%;  margin: 40px auto;}
.hero {width: 100%;background-color:#222222;}
.hero-item {padding:0px;}
.hero-back-wrapper {position: absolute;
  display: inline;
  overflow: visible;}
.hero-item.eagles {position: relative;
      background-image:  linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 1)),  url(../images/brisket.jpg) ; 
      background-size: cover;
	  background-position: center;
     }
.hero-item:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 1)); 
      z-index: 1;
    }
.stripe {padding:10px;text-align:center;background-color:#856939;display: table;width:100%;}
.stripe p {color: rgba(255, 255, 255, 0.7) !important;}
.callout-container {
	background-color: #f2eddf;
	padding-bottom:40px;
	padding-left:15px;padding-right:15px;
    }
 {
	padding-bottom:0px;
	padding-left:15px;padding-right:15px;
	display: inline-block;
	overflow: visible;
  position: relative;
  width: 100%;
  background-image: url('../images/dot_pattern.png'); /* Replace with your image URL */
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image */
}

/* CSS Document */

/* google font */

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

[Table of contents]

1. body
2. common Classes
2. header 
3. navigation / .navbar
4. sections

NOTE: Every section is commented before starting.

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

/*------------------------------------------------------------------
[Typography]

Body 		:		font-family : ''Source Sans Pro', sans-serif'
Paragraph	:		font-family : ''Source Sans Pro', sans-serif'
Input, 
textarea,
title	:		font-family : 'Raleway, sans-serif'  +   font-family: 'Tangerine', cursive;


# [Headings]

h1,
.h1 	font-size: 48px

h2,
.h2     font-size: 42px

h3,
.h3     font-size: 36px

h4,
.h4     font-size: 32px

h5,
.h5     font-size: 28px

h6,
.h6     font-size: 24px

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: 20px

-------------------------------------------------------------------*/
#breakfast.containerintro {background-color:none; padding-top:0px;margin-top:80px;text-align:center; padding-bottom:40px;}

body{
font-family: 'Open Sans', sans-serif;
  color: #4e5151;
}
*{
	margin:0px;
	padding:0px;
}
h1{
	font-weight: 700;
		font-family: 'Vidaloka', serif;
	font-size:48px;
}
h2{
	font-size:42px;
	font-family: 'Vidaloka', serif;
	color:#00274c;
  line-height: 1.2em;
}
.about h2 {	color: #00274c !important;
  font-size: 42px;
  font-family: 'Vidaloka', serif;}
h3{
	font-weight: 300;
	font-size:36px;
		font-family: 'Vidaloka', serif!important;
	padding-bottom: 10px;
}
h4{
	color: #00274c;
	font-weight: 600;
	font-size:32px;
font-family: 'Vidaloka', serif;
}
.yellow h4 {
	font: 300 18px/1.4 'Open Sans', serif;
	color: #222222;
	padding-bottom: 8px;
}
.yellow h2 {color: #222222;font-size: 32px;font-weight: 500;font-family:'Open Sans'!important, serif;margin-top:0px;}
.yellow p {color: #222222;}
h5{
	font-weight:700;
	font-size:28px;
font-family: 'Vidaloka', serif;
}
h6{ 
	font-weight: 600;
	font-size:24px;
font-family: 'Vidaloka', serif;
}
p{
	color: #4e5151;;
	font: 100 14px/1.4 'Open Sans', serif;
}
footer p {color:#999490!important;}
a{
	text-decoration:none;
}
li{
	list-style:none;
}
a .img{
	border:none;

}
a{transition: background-color 0.5s ease; transition: color 1s; -webkit-transition: color 1s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
a:hover {transition: background-color 0.5s ease; }
img {width:100%;}
.daily img {width:70%;}
.detail img {width:100%;}
img:hover {transition: background-color 0.5s ease; }
.clear{clear:both;}
.height5{	height:5px; }
.height10{	height:10px; }
.height15{	height:15px; }
.height20{ 	height:20px; }
.height25{	height:25px; }
.height30{	height:30px; }
.height35{	height:35px; }
:focus{ outline:none;}



.wave{ background:url(../images/wave.png) repeat-x; height:46px; position: relative; z-index: 100; margin: -10px 0 0 0;}
.arrow-scroll {}
.arrow-scroll img{ width:43px; height:36px;}
.scroll-down{ position: absolute; left: 49.2%; bottom:110px; z-index: 5555;}
.scroll-down.bounce { top:1em; Transform: translateY(4em); animation-name: bounce; animation-timing-function: ease-in;		animation-duration:2.5s; animation-iteration-count: infinite; animation-direction: alternate;}


/*..... MAIN TITLE ......*/

.main-title span{ font-size:42px; font-family: 'Vidaloka', serif; }
.shop-gallery h1, fresh-local h1{ color: #00274c;padding:20px 0px 80px 0px!important;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/subhead_dec.png") no-repeat center 66px !important; letter-spacing: .02em; padding: 0 0 80px 0; margin: -6px 0 0 0 !important;background-size:100px!important;font-size:42px !important;
}
.main-title p{display: inline-block;}
.main-title-white{ text-align:center;}
.main-title-white span{ font-size:40px; font-family: 'Vidaloka', serif; color:#fff;}
.main-title-white h1{font-family: 'Vidaloka', serif; color:#fff;font-size:30px;margin: 0px;}
.main-title-white p{width: 80%; display: inline-block;}
.main-title h2 {padding-bottom:20px;width:80%;margin:auto;line-height:1.2;}
.back{ background:#f9f8f7;}

.bottom-history-wrap h1 {padding-bottom: 10px;margin-bottom: 30px;color: #b2996e !important;padding:0px 0px 10px 0px;font-family: 'Vidaloka', serif;
letter-spacing: .02em;  margin: 0px 0 0px 0;background-size:170px;font-size:30px;}
.bottom-history-wrap h4 {margin-bottom: 0px;color: #00274c;padding:30px 0px 10px 0px;font-family: 'Vidaloka', serif;
background: url("../images/bottom_dec.png") no-repeat center bottom 20px; letter-spacing: .02em; background-size:30px;font-size:28px;
line-height: 20px;
}


/*..... Today Special ......*/
.today-special{ background: #EFEFEF;}
.today-special-detail{ padding:120px 0;  background-color:#fff; text-align:center;}
.today-special-detail .main-sec{ width:75%; display: inline-block; padding:35px; margin:0 0 25px 0;}
.today-special-detail .main-sec .detail{    background: #fff; float: left; width: 520px; padding: 40px 45px; position: absolute; margin: 0 0 0 -105px;
 box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3);}
.today-special-detail .main-sec .detail span.title{ font-family: 'Lobster Two', cursive; font-size:70px; padding: 0 0 70px 0; background: url("../images/divider_blk.png") no-repeat center 90px; letter-spacing: 4px; padding: 0 0 70px 0; margin: -6px 0 0 0;background-size:220px;}
 .today-special-detail .main-sec .detail p { margin:60px 0 0 0; font-size:300;}
.today-special-detail .main-sec .image{float: right; margin:-64px 0 0 0;}
.today-special-detail .main-sec .image img{ width:auto; width:460px;margin-bottom:20px;}


/*..... SERVICES ......*/


.services .serv-main-sec{ margin:85px 0 0 0;}
.services .service-sec-top-bg{ background:url(../images/box_top_reg.png) no-repeat; height: 32px; background-size: 100%;}
.services .service-sec-bottom-bg{ background:url(../images/box_btm_reg.png) no-repeat; height: 32px; background-size: 100%;}
.services .service-sec{ border-right: 4px double #e4e4e4; border-left: 4px double #e4e4e4; padding:28px 20px; text-align: center;}
.services .service-sec h6{     margin: 36px 0 0 0;}
.services .service-sec p{ margin: 5px 0 0 0;}
.services .service-sec a{ margin: 32px 0 0 0; background-color: #fff; border: solid 1px #dbdbdb; color: #5d5d5d; text-transform: uppercase; font-size: 14px;
 padding: 10px 20px; display: inline-block;}
 .services .service-sec a:hover{ background:#000; color:#fff; border:solid 1px #000;}
.services .service-sec i{ font-size: 70px; border-radius: 100%; width: 140px; height: 140px; padding: 30px; display: inline-block;}

.services .serv-main-sec:hover .service-sec-top-bg{height:32px; background-size:100%;}
.services .serv-main-sec:hover .service-sec-bottom-bg{height:32px; background-size:100%;}
.services .serv-main-sec:hover .service-sec{ border-right: 4px double #fff; border-left: 4px double #fff; color:#fff;}
.services .serv-main-sec:hover .service-sec h6{ margin: 36px 0 0 0;}
.services .serv-main-sec:hover .service-sec p{ margin: 5px 0 0 0;}
.services .serv-main-sec:hover .service-sec a{ border: solid 1px #fff; }
.services .serv-main-sec:hover .service-sec a:hover{ border: solid 1px #000; }
.services .serv-main-sec:hover .service-sec i{ font-size: 70px; background:#fff; border-radius: 100%; width: 140px; height: 140px; padding: 30px; display: inline-block; }

.dark-bg{ background:#f9f8f7;}

.gallery {    padding: 80px 0;
    /*! background-color: #FFF; */
	
}


/*..... SERVICES TWO ......*/
.services-two{ padding:120px 0;}
.services-two .serv-main-sec{margin:85px 0 0 0;}
.services-two .serv-main-sec .service-sec{ text-align:center;}
.services-two .serv-main-sec .service-sec .detail{margin: 36px 0 0 0;}
.services-two .serv-main-sec .service-sec .detail p{margin:8px 0 0 0;}
.services-two .serv-main-sec .service-sec .detail a{border: solid 1px #dbdbdb; color: #5d5d5d; display: inline-block; margin: 35px 0 0 0; padding: 13px 25px;    font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 12px; background:#fff;}
.services-two .serv-main-sec .service-sec .detail a:hover{color: #fff;}




/*..... BUTTONS ......*/
.white-btn{ background: #fff; font-size: 15px; color: #5d5d5d; text-transform: uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; padding: 20px 44px;
 border-radius: 5px; display: inline-block; }
.white-btn:hover{color:#fff;}






/*..... OUR STORY ......*/
.our-story {padding:0px 0px 0px 0px;}
.our-story .story-detail{ /*! margin:42px 0 0 0; */ text-align:center;}
.our-story .story-detail p{ width:92%; display: inline-block;}
.our-story .story-detail a.full-story{text-transform:uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; margin: 30px 0 0 0;     padding: 0 0 4px 0; display:inline-block;}
.our-story .story-detail a.full-story:hover{ color:#000; border-bottom: solid 2px #000;}	
.contact .our-story {padding-top:200px}



/*..... UPCOMING EVENT ......*/

.upcoming-event{ background:url(../images/event-bg.jpg) no-repeat fixed; height:1000px; width: 100%; background-size: 100%;}
.upcoming-event .parallax .detail {margin-top: 120px;}
.parallax.parallax-event { height: 1000px;}
.upcoming-event .event-detail { margin: 32px 0 0 0; display: inline-block;}
.upcoming-event .event-detail .event-text{ text-align:left; color:#fff;}
.upcoming-event .event-detail .event-text h6{}
.upcoming-event .event-detail .event-text span{ font-size:20px; margin: 16px 0 0 0; display: block;}
.upcoming-event .event-detail .event-text span i{font-size: 24px; margin: 3px 12px 0 0; float: left;}
.upcoming-event .event-detail .event-text p{ margin: 32px 0 0 0;}
.upcoming-event .event-detail .event-text p a{font-weight: 600; color: #fff; border-bottom: solid 1px #fff;}
.upcoming-event .event-detail .event-text a.view-event{text-transform:uppercase; font-weight:500; font-family:'Raleway', sans-serif; margin:45px 0 0 0; padding: 0 0 4px 0; display:inline-block;}
.upcoming-event .event-detail .event-text a.view-event:hover{color: #fff; border-bottom: solid 2px #fff;}



/*..... TODAY SPECIAL FOOD ......*/
.today-food{ padding:120px 0;}
.today-food .special-food { margin: 48px 0 0 0;}
.today-food .special-food .food-detail{ margin:32px 0 0 0;}
.today-food .special-food .food-detail span{ font-size:22px;}
.today-food .special-food .food-detail span.title{ border-bottom: solid 1px #CCCCCC; display: block; padding: 0 0 14px 0;}
.today-food .special-food .food-detail span.price{ font-size: 24px; float: right; font-weight: 600;}
.today-food .special-food .food-detail span.tags{ font-size:16px; color:#878787; display:block; margin: 14px 0 0 0;}




/*..... TODAY SPECIAL FOOD ......*/
.parallax.parallax-book-table {  background:url(../images/book-table.jpg) no-repeat fixed; height:840px; width: 100%; background-size: 100%;}
.book-table .detail{ margin:120px 0 0 0;}
.book-table .booking-form{ display: inline-block; margin: 62px 0 0 0;}
.book-table .booking-form .field{ margin: 0 0 18px 0;}
.book-table .booking-form .field input[type=text]{ width: 100%; border: solid 1px #cecece; color: #595959; background-color: #fff; border-radius: 5px;
padding: 0 14px; height: 58px; font-size: 17px;}
.book-table .booking-form input[type=submit]{ color: #fff; border-radius: 5px; padding: 18px 50px; font-size: 18px; 
text-transform: uppercase; font-weight: 800; float: left; border: none; margin: 0 0 0 15px; transition: background-color 0.5s ease; }
.book-table .booking-form input[type=submit]:hover{background-color: #000; transition: background-color 0.5s ease; }




/*..... LATEST NEWS ......*/
.latest-news{ padding:20px 0px 0px 0px;background-color: #ffffff;overflow:hidden; }
.latest-news .post{ }
.latest-news .post .detail{ background:#fff; padding: 0px 0px 20px; position:relative;text-align:center;}
.latest-news .post .detail img{width: 56px !important; position: absolute; top: 0; border-radius: 100% !important; border: solid 4px #fff; margin: -28px 0 0 10px;}
.latest-news .post .detail h5{ font-weight:500; margin:0px 0 0 0;font-size: 16px;
line-height: 1.42857; 
font-weight: bold;letter-spacing: .02em;
color: #00274c;;
padding-top: 10px;

font-weight: bold;
}
.latest-news .post .detail p{ margin:4px 0 0 0;}
.latest-news .post .detail span{ color:#222; font-size: 16px;  margin: 22px 0 0 0;  display: inline-block;}
.latest-news .post .detail span.comment{ float:right;}
.latest-news .post .detail span i{font-size: 22px;  float: left;  margin: 0 8px 0 0;}
.latest-news .post .detail a{color:#222;}




/*..... CUSTOMER WORDS ......*/
.discover { background:url(../images/wood_back.jpg) no-repeat fixed; width: 100%;clear: both;}
.customer-words .detail{padding-top:60px;}
.customer-words .testi-sec{text-align:center;}
.customer-words .testi-sec img{ width: 135px; height: 135px; border-radius: 100%; border: solid 5px #fff;}
.customer-words .testi-sec span.name{font-size:24px; display: block;}
.customer-words .testi-sec span.work{ color:#fff; display: block; font-size:18px;}
.customer-words .testi-sec p{ color:#999490 !important; font-size: 20px; width: 84%; display: inline-block; text-align:center;}
.customer-words .testi-sec .rating i{ color:#A98A30; font-size: 28px; padding: 2px;}


/*..... FOOTER ......*/
.footer{ /*! padding:80px 0 0 0; */ /*! border-top:solid 1px #ccc; */}
.footer .get-touch { border-bottom: solid 1px #d3d3d3; padding: 0 0 65px 0; margin: 95px 0 0 0;}
.footer .get-touch .contact-us{float: left;}
.footer .get-touch .detail{ margin:45px 0 0 0;}
.footer .get-touch .contact-us p{}
.footer .get-touch .contact-us ul{ margin:35px 0 0 0;}
.footer .get-touch .contact-us ul li{margin: 0 0 20px 0; float: left; width: 100%;}
.footer .get-touch .contact-us ul li.phone i{ font-size:30px;}
.footer .get-touch .contact-us ul li span{ font-size: 20px; margin: 0 0 0 0; float: right; width: 88%;}
.footer .get-touch .contact-us ul li i{ font-size: 28px; float: left; width: 12%;}
.footer .get-touch .open-hours{float: left;}
.footer .get-touch .open-hours ul { float: left; width: 92%; }
.footer .get-touch .open-hours li{ width: 100%; float: left; margin: 0 0 14px 0;}
.footer .get-touch .open-hours li span.day{ font-weight:800; font-size:20px; float:left;}
.footer .get-touch .open-hours li span.time{ float:right; font-size:18px; font-weight:300;}
.footer .get-touch .instagram .col-md-4{    padding-left:0; padding-right: 8px;}
.footer .get-touch .instagram{ float:left;}
.footer .get-touch .instagram a{ margin: 0 0 8px 0; float: left;}


.footer .about-pearl{margin:65px 0 0 0;}
.footer .about-pearl .about-detail p{ width:65%; display:inline-block; margin:10px 0 0 0;}
.follow-us{margin: 0px 0 60px 0;}
.follow-us ul{margin: 38px 0 0 0;}
.follow-us ul li{display: inline-block; margin: 0 3px;}
.follow-us ul li a{color: #A98A30; border: solid 2px #A98A30; border-radius: 100%; width: 40px; height: 40px; padding: 6px 10px;	float:left;
 font-size: 20px; }
.footer .about-pearl .newsletter{ margin:65px 0 0 0;}
.footer .about-pearl .newsletter .field{display: inline-block; margin:48px 0 0 0;}
.footer .about-pearl .newsletter input[type=text]{background:#fff; border: solid 2px #444444; color:#6c6c6c; font-size:16px; height:45px; width:325px; padding:0 15px; float:left;}
.footer .about-pearl .newsletter a{ height: 45px; color: #fff; background: #444; padding:9px 10px; font-size: 26px; margin:0 0 0 -4px;float: right; width: 48px; } 
.footer .copyrights span{ color:#999490; font-size:13px;}
.footer .copyrights span a{color:#dbdbdb;}
.footer .copyrights span a:hover{color:#a7a7a7;}
.footer .copyrights ul{ margin-top: 22px;}
.footer .copyrights ul li{ display:inline-block;	line-height: 24px!important;
	color: #999490 !important;	}
.footer .copyrights ul li a{ color:#999; text-transform: uppercase; font-size:15px;}
.open-hours ul li {width:100%;}




/*..... FOOTER ......*/
.footer-dark{ padding:120px 0 0 0; background:#222;}
.footer-dark .main-title h1{background: url(../images/heading-light.png) no-repeat center 80px; color:#fff;}
.footer-dark .get-touch{border-bottom: solid 1px #d3d3d3; padding: 0 0 65px 0; margin: 95px 0 0 0;}
.footer-dark .get-touch .contact-us{float: left;}
.footer-dark .get-touch .contact-us h4{color:#fff;}
.footer-dark .get-touch .detail{ margin:45px 0 0 0;}
.footer-dark .get-touch .contact-us p{color:#fff;}
.footer-dark .get-touch .contact-us ul{ margin:35px 0 0 0;}
.footer-dark .get-touch .contact-us ul li{margin: 0 0 20px 0; float: left; width: 100%;}
.footer-dark .get-touch .contact-us ul li.phone i{ font-size:30px;}
.footer-dark .get-touch .contact-us ul li span{ font-size: 20px; margin: 0 0 0 0; float: right; width: 88%; color:#fff;}
.footer-dark .get-touch .contact-us ul li i{ font-size: 28px; float: left; width: 12%; color:#fff;}
.footer-dark .get-touch .open-hours{float: left;}
.footer-dark .get-touch .open-hours h4{ color:#fff;}
.footer-dark .get-touch .open-hours ul { float: left; width: 92%; }
.footer-dark .get-touch .open-hours li{ width: 100%; float: left; margin: 0 0 14px 0;}
.footer-dark .get-touch .open-hours li span.day{ font-weight:800; font-size:20px; float:left; color:#fff;}
.footer-dark .get-touch .open-hours li span.time{ float:right; font-size:18px; font-weight:300; color:#fff;}
.footer-dark .get-touch .instagram .col-md-4{    padding-left:0; padding-right: 8px;}
.footer-dark .get-touch .instagram{ float:left;}
.footer-dark .get-touch .instagram h4{ color:#fff;}
.footer-dark .get-touch .instagram a{ margin: 0 0 8px 0; float: left;}
.footer-dark .about-pearl{ text-align:center; margin:65px 0 0 0;}
.footer-dark .about-pearl h5{ color:#fff;}
.footer-dark .about-pearl .about-detail p{ width:65%; display:inline-block; margin:10px 0 0 0; color:#fff;}
.footer-dark .about-pearl .follow-us{margin: 75px 0 0 0;}
.footer-dark .about-pearl .follow-us ul{margin: 38px 0 0 0;}
.footer-dark .about-pearl .follow-us ul li{display: inline-block; margin: 0 3px;}
.footer-dark .about-pearl .follow-us ul li a{color: #fff; border: solid 2px #fff; border-radius: 100%; width: 50px; height: 50px; padding: 11px 10px;	float:left; font-size: 20px; }
.footer-dark .about-pearl .newsletter{ margin:65px 0 0 0;}
.footer-dark .about-pearl .newsletter .field{display: inline-block; margin:48px 0 0 0;}
.footer-dark .about-pearl .newsletter input[type=text]{background:#fff; border: solid 2px #444444; color:#6c6c6c; font-size:16px; height:45px; width:325px; padding:0 15px; float:left;}
.footer-dark .about-pearl .newsletter a{height:45px; color:#fff; background:#444; padding:9px 10px; font-size:26px; margin:0 0 0 -4px;float:right; width: 48px; }

.footer-dark .copyrights{ background:#151515; text-align:center; margin: 75px 0 0 0; padding:58px 0;}
.footer-dark .copyrights span{ color:#a0a0a0; font-size:16px;}
.footer-dark .copyrights span a{color:#dbdbdb;}
.footer-dark .copyrights span a:hover{color:#a7a7a7;}
.footer-dark .copyrights ul{ margin: 22px 0 0 0;}
.footer-dark .copyrights ul li{ display:inline-block;}
.footer-dark .copyrights ul li a{ color:#a8a8a8; text-transform: uppercase; font-size:15px;}






/*..... SUB BANNER ......*/
.sub-banner{ height:505px; min-height:505px;}
.sub-banner .banner-img{ background:url(../images/freestyle_hero01.jpg) no-repeat; width:100%; height:100%; background-size: cover;z-index: 20;}
.sub-banner .detail { position: absolute; top:220px; text-align: center; width: 100%;     display: block;}
.sub-banner .detail h1{ color:#fff; display: block;}
.sub-banner .detail span{color:#fff; font-size: 20px; display: block;}
.sub-banner .detail ul{ float:right; margin:110px 0 0 0;}
.sub-banner .detail ul li{ float: left; background: url(../images/paging-arrow.png) no-repeat right 9px; margin: 0 0 0 0; padding: 0 16px 0 10px;}
.sub-banner .detail ul li:last-child{background:none;}
.sub-banner .detail ul li a{ color:#fff;}
.sub-banner .detail ul li a:hover{ color:#A98A30;}
.sub-banner .detail ul li a.select{ color:#A98A30; font-weight:700;}




/*..... OUR STORY ......*/
.our-story .atmosphere { margin: 55px 0 0 0; text-align: center;}
.our-story .atmosphere p{ width:92%; display:inline-block;}
.master-town .detail p{ color:#fff; display:block; font-size:22px;}
.restaurant-tour{ padding:120px 0;}

/*..... OUR TEAM ......*/
.team-members{ padding:120px 0;}
.team-members .chef-sec{ margin:60px 0 0 0}
.team-members .chef-sec .detail{ text-align:center; margin:52px 0 0 0;}
.team-members .chef-sec .detail p{ margin:8px 0 0 0;}
.team-members .chef-sec .detail ul{ margin:22px 0 0 0;}
.team-members .chef-sec .detail ul li{     display: inline-block;}
.team-members .chef-sec .detail ul li a{ color:#6a6a6a; text-transform:uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; font-size:14px;}
.team-members .chef-sec .detail ul li a.fb:hover{ color:#4d6299; border-bottom:solid 2px #4d6299;}
.team-members .chef-sec .detail ul li a.tw:hover{ color:#4ac5f1; border-bottom:solid 2px #4ac5f1;}
.team-members .chef-sec .detail ul li a.gp:hover{ color:#d96653; border-bottom:solid 2px #d96653;}
.team-members .chef-sec .detail ul li span{ color:#6a6a6a; margin: 0 6px; font-size: 22px;}




/*..... THE MENU PAGE 1 ......*/
.our-menu{ padding:120px 0;}
.our-menu .menu-sec{ margin: 0 0 110px 0; border-bottom: solid 1px #ccc; padding: 0 0 130px 0;}
.our-menu .menu-sec.last{ margin:0; border-bottom:none; padding:0;}
.our-menu .menu-sec .menu-detail{ margin: 62px 0 0 0;}
.our-menu .menu-sec .menu-detail img{ margin: 0 0 25px 0;}
.our-menu .menu-sec .menu-detail .food-detail{ margin:0 0 56px 0;}
.our-menu .menu-sec .menu-detail .food-detail span{ font-size:22px;}
.our-menu .menu-sec .menu-detail .food-detail span.title { border-bottom: solid 1px #CCCCCC; display: block; padding: 0 0 14px 0;}
.our-menu .menu-sec .menu-detail .food-detail span.price{ font-size: 24px; float: right; font-weight: 600;}
.our-menu .menu-sec .menu-detail .food-detail span.tags{ font-size: 16px; color: #878787; display: block; margin: 14px 0 0 0; font-weight:300;}

/*..... THE MENU PAGE 2 ......*/
.our-menu .food-sec{ margin:0 0 75px 0;}
.our-menu .food-sec .detail{ text-align:center; margin:40px 0 0 0;}
.our-menu .food-sec .detail span.food-time{font-size: 16px; font-weight: 500; font-family: 'Raleway', sans-serif; text-transform: uppercase;    padding: 0 0 5px 0; margin: 0 0 0 0; display: inline-block; text-align: center;}
.our-menu .food-sec .detail span.small-tit{ display:block; font-size:18px; color:#999999; margin: 24px 0 0 0;}
.our-menu .food-sec .detail h6{ margin: 2px 0 0 0; display:block;}
.our-menu .food-sec .detail p{ margin:8px 0 0 0;}

/*..... THE MENU PAGE 3 ......*/
.our-menu.our-menu .menu-sec{ margin:0 0 110px 0; border-bottom:none; padding:0;}





/*..... BLOG ......*/
.blog{ padding:120px 0;}
.blog .blog-post { display: inline-block; margin:0 0 120px 0;}
.blog .blog-post .post-text{ text-align:center; margin:105px 0 0 0;}
.blog .blog-post .post-text span{color: #888888; text-transform: uppercase; font-size: 18px;}
.blog .blog-post .post-text span.dot{ margin: 0 4px; font-size: 36px;}
.blog .blog-post .post-text h3{font-weight: 700; color: #333;
    margin: 10px 0 0 0;
    display: block;}
.blog .blog-post .post-text h3 a{color: #333; margin: 15px 0 0 0;}
.blog .blog-post .post-text h3 a:hover{color: #A98A30;}
.blog .blog-post .post-text p{ margin:5px 0 0 0;}
.blog .blog-post .post-text a.read-more{text-transform: uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; margin:48px 0 0 0;
padding: 0 0 4px 0; display: inline-block;}
.blog .blog-post .post-text a.read-more:hover{ color: #000; border-bottom: solid 2px #000;}
.blog .more-posts .newest-post{ float:left; font-size:26px; color:#727272; font-weight: 300;}
.blog .more-posts .newest-post i{ font-size: 28px; float: left; margin: 3px 8px 0 0;}
.blog .more-posts .older-post{ float:right; font-size:26px; color:#727272; font-weight: 300;}
.blog .more-posts .older-post i{ font-size: 28px; float: right; margin:3px 0px 0 8px;}
.blog .more-posts a:hover{color:#A98A30;}





/*..... BLOG ......*/
.news-posts{ padding:120px 0;}
.news-posts .news-sec{ margin: 0 0 120px 0;}
.news-posts .news-sec.text-based{ border:solid 1px #cecece; padding: 40px;}
.news-posts .news-sec.text-based .detail{ margin:0 0 0 0;}
.news-posts .news-sec .detail{ margin:35px 0 0 0;}
.news-posts .news-sec .detail span{ color:#727272; font-size:22px; font-weight:300;}
.news-posts .news-sec .detail i{ font-size:26px;}
.news-posts .news-sec .detail .post-writer{ float:left; margin:0 25px 0 0px;}
.news-posts .news-sec .detail .post-writer img{ float:left; width:42px; height:42px; border-radius:100%;}
.news-posts .news-sec .detail .post-writer span{ margin:8px 0 0 12px; float:left;}
.news-posts .news-sec .detail .date{ float:left; margin:0 25px 0 0px;}
.news-posts .news-sec .detail .date i{margin: 10px 0 0 0; float: left;}
.news-posts .news-sec .detail .date span{ margin:8px 0 0 10px; float:left;}
.news-posts .news-sec .detail .comment{ display: inline-block; margin:0 0 0 0px;}
.news-posts .news-sec .detail .comment i{margin:5px 10px 0 0; float: left;}
.news-posts .news-sec .detail .comment a{ margin:8px 0 0 10px; float:left; color:#727272; font-size:22px;}
.news-posts .news-sec .detail h3{ color: #222222;  font-weight:700; margin:30px 0 0 0;  }
.news-posts .news-sec .detail h4{display: inline-block; margin:30px 0 0 0; text-transform:inherit;}
.news-posts .news-sec .detail p{ margin:5px 0 0 0;}
.news-posts .news-sec .detail a.read-more{text-transform: uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; margin: 45px 0 0 0;
padding: 0 0 4px 0; display: inline-block;}
.news-posts .news-sec .detail a.read-more:hover{ color: #000; border-bottom: solid 2px #000;}
.news-posts h6.bar-title{font-weight: 500;  color: #fff;  padding: 14px 24px;  display: block;}
.news-posts .recent-posts .post-sec{ margin:35px 0 0 0;}
.news-posts .recent-posts .post-sec img{ width:82px; float:left; margin:0 22px 0 0;}
.news-posts .recent-posts .post-sec a.title{font-family: 'Raleway', sans-serif;   font-weight: 600;  font-size: 20px; color:#222;}
.news-posts .recent-posts .post-sec span.date{  color: #ABABAB;  display: block;  margin: 5px 0 0 0;  font-size: 15px;}
.news-posts .categories{ margin:105px 0 0 0;}
.news-posts .categories ul{ margin:22px 0 0 0;}
.news-posts .categories ul li{float: left;  width: 100%;  line-height: 39px;}
.news-posts .categories ul li a{ color: #555555;  font-size: 20px;}
.news-posts .categories ul li a i{  font-size: 28px;    margin: 7px 4px 0 0;  float: left;}
.news-posts .tags{ margin:75px 0 0 0;}
.news-posts .tags .all-tags{ margin:30px 0 0 0;}
.news-posts .tags .all-tags a{  color: #555555;  border: solid 1px #c8c8c8;  display: inline-block;  padding: 10px 23px;  margin: 0 0 6px 1px;}
.news-posts .tags .all-tags a:hover{ color: #fff; background:#0A1D3B; border: solid 1px #0A1D3B;}
.news-posts .search{margin:75px 0 0 0; padding:24px; display: inline-block; width: 100%;}
.news-posts .search input[type=text]{  width:88%;  padding: 14px 12px;  color: #747474;  font-style: italic; border:none; float:left;}
.news-posts .search a{ width:12%;  float: right;  background-color: #fff;  padding:14px 10px;   border:none;  margin: 0 0px 0 0; color:#333; text-align: center;}
.news-posts .search a:hover{background-color: #0A1D3B; color:#fff; }



/*..... BLOG DETAIL PAGE ......*/
.news-posts .news-detail{ margin: 0 0 0 0;}
.news-posts .news-detail .detail{ margin:35px 0 0 0;}
.news-posts .news-detail .detail span.date{ font-size:20px; color:#828282;}
.news-posts .news-detail .detail h3{ color: #222222;  font-weight: 600;  text-transform: none;  margin: 12px 0 0 0; }
.news-posts .news-detail .detail p{ margin:15px 0 0 0;}

.news-posts .news-detail .sub-detail{ margin:65px 0 30px 0; display: inline-block;}
.news-posts .news-detail .sub-detail h6{}
.news-posts .news-detail .sub-detail .sub-images{ margin:20px 0 0 0;}
.news-posts .news-detail .sub-detail .sub-images img{ float:left; width:48%; margin:15px 0 0 0;}
.news-posts .news-detail .sub-detail .sub-images img.right{ float:right;}

.news-posts .share-post{ margin:85px 0 0 0;}
.news-posts .share-post h6{ color:#222; font-family: 'Raleway', sans-serif; font-weight:700;}
.news-posts .share-post .social-icons{ margin:15px 0 0 0; display:inline-block;}
.news-posts .share-post .social-icons img{ width:auto;}

.news-posts .author-post{ background:#fff; border:solid 1px #c8c8c8; padding:4px; display: inline-block; margin:85px 0 0 0;}
.news-posts .author-post .author-detail{background:#fff; border:solid 1px #c8c8c8; padding:25px; display: inline-block;}
.news-posts .author-post .author-detail img{ float:left; width:136px; border-radius:100%; margin:0 22px 0 0;}
.news-posts .author-post .author-detail .text{}
.news-posts .author-post .author-detail .text span.name{font-weight: 800; text-transform: uppercase; font-size: 22px;}
.news-posts .author-post .author-detail .text span.position{ margin:6px 0 0 6px; }
.news-posts .author-post .author-detail .text p{ display:block; margin:15px 0 0 0;}

.news-posts .comments-sec{ margin:85px 0 0 0;}
.news-posts .comments-sec h3{ text-transform: capitalize;  font-weight: 600;}
.news-posts .comment-box{ border:solid 1px #c8c8c8; padding:15px; margin:0 0 18px 0;}
.news-posts .comment-box img{  width: 12%;  float: left;}
.news-posts .comment-box .detail{  width: 85%;  float: right;}
.news-posts .comment-box .detail a{ background: #262526;  color: #fff;  padding: 5px 14px;  position: absolute;  right: 40px;}
.news-posts .comment-box .detail span.name{font-size:20px; color:#222; font-family: 'Raleway', sans-serif; font-weight:600;}
.news-posts .comment-box .detail span.date{ font-size:16px; color:#555555; display: block;}
.news-posts .comment-box .detail p{ margin:10px 0 0 0;}
.news-posts .comment-box .reply-comment{ background: #F7F7F7;  margin: 20px 0 0 0;}
.news-posts .all-comments{ margin:35px 0 0 0;}
.news-posts .leave-reply{ margin:85px 0 0px 0;}
.news-posts .leave-reply h3{ text-transform: capitalize;  font-weight: 600; }
.news-posts .leave-reply .form{ margin:35px 0 0 0;}
.news-posts .leave-reply .form input[type=text]{  width: 32%;  padding: 0 12px;  border: solid 1px #b1b1b1;  height: 48px; margin:0 12px 0 0; color:#222;}
.news-posts .leave-reply .form input[type=text].last{ margin:0px;}
.news-posts .leave-reply textarea {  width: 100%;  height: 220px;  padding: 12px 12px; margin:16px 0 0 0;}
.news-posts .leave-reply .form input[type=submit] { border: none; background-color: #262526; color: #fff; padding: 14px 35px; text-transform: uppercase;  font-weight: 700; cursor: pointer; margin: 12px 0 0 0;}




/*..... CONTACT US ONE ......*/
.contact-page .get-in-touch{ padding:120px 0;}
.contact-page .get-in-touch .get-touch-detail h3{ font-weight: 700;}
.contact-page .get-in-touch .get-touch-detail p{ margin:10px 0 0 0;}
.contact-page .get-in-touch .social-icons{margin: 48px 0 0 0;}
.contact-page .get-in-touch .social-icons ul{margin:18px 0 0 0;}
.contact-page .get-in-touch .social-icons ul li{display: inline-block; margin: 0 3px;}
.contact-page .get-in-touch .social-icons ul li a{color: #222; border: solid 2px #444444; border-radius: 100%; width: 50px; height: 50px; padding: 11px 13px;	float:left; font-size: 20px;}
.contact-page .get-in-touch .social-icons ul li a:hover{color: #808080; border: solid 2px #808080; }

.contact-page .get-in-touch .get-touch-form{}
.contact-page .get-in-touch .get-touch-form input[type=text]{ float:left; width:48%; border:solid 1px #bfbfbf; height:52px; border-radius:5px;
padding:0 10px; font-size:18px; color:#464646;}
.contact-page .get-in-touch .get-touch-form input#email_address{  float:right;}
.contact-page .get-in-touch .get-touch-form textarea{ margin:20px 0 0 0; width:100%; border:solid 1px #bfbfbf; height:234px; border-radius:5px;
font-size:18px; color:#464646; padding:10px;}
.contact-page .get-in-touch .get-touch-form input[type=submit]{ float:left; border:none; border-radius:5px; padding:18px 40px; font-size:15px; color:#fff; font-family: 'Raleway', sans-serif; font-weight:400; text-transform:uppercase; margin:15px 0 0 0;}
.contact-page .get-in-touch .get-touch-form input[type=submit]:hover{background:#0a1d3b; }
#find-us { height:680px; width:100%px; }
#map{ margin:0 0 -4px 0; 	}
.gm-style-iw * { display: block; width: 270px !important; overflow: hidden;}
.gm-style-iw h4{ margin: 0; padding: 0; font-size:26px; margin:0 0 6px 0;}
.gm-style-iw p { margin: 0; padding: 0;}
.gm-style-iw a { color: #4272db; }



/*..... CONTACT US TWO ......*/
.find-us{ padding:120px 0;}
.find-us .get-touch h3{ font-weight: 700;}
.find-us .get-touch p{ margin:8px 0 0 0;}
.find-us .get-in-touch span{  font-size: 20px;  display: block;  line-height: 34px;}
.find-us .get-in-touch .social-icons a{  color: #222;  border: solid 1px #222;  padding: 7px 9px;  border-radius: 100%;  font-size: 16px; margin:0 5px 0 0px;}
.find-us .get-in-touch .social-icons a:hover{ color:#fff;}
.find-us .get-in-touch span a{ color:#222;}
.find-us .get-in-touch span a:hover{ color:#02adc6;}
.find-us .get-in-touch .social-icons{ margin:25px 0 0 0;}
.find-us .get-in-touch .social-icons a.fb:hover {  background: #5c85ce;  border: solid 1px #5c85ce;}
.find-us .get-in-touch .social-icons a.tw:hover {  background: #02c0f2;  border: solid 1px #02c0f2;}
.find-us .get-in-touch .social-icons a.gp:hover {  background: #eb6850;  border: solid 1px #eb6850;}
.find-us .get-in-touch .social-icons a.vimeo:hover {  background: #68d4ee;  border: solid 1px #68d4ee;}
.get-directions {  text-align: center;  margin: 40px 0 0 0;}
.get-directions input[type="submit"] {  background: url(../images/directions-btn.png) no-repeat;  width: 72px;  height: 59px; color:rgba(255, 255, 255, 0);
  padding: 0;  margin: 0;  border: 0;  min-width: 0;  position: relative;  top: -2px;}
.get-directions input[type="text"] {    padding: 15px 2% 17px;  width:85%;  max-width: 556px;  font-size: 22px;  color: #747474;  font-weight: 400;  font-family: 'Raleway', sans-serif;  border: solid 1px #BEBEBE;  border-radius: 10px;  margin: 0 10px 0 0;}
.find-us .get-touch .map{ margin:38px 0 0 0;}
.find-us .get-touch .detail{ margin:45px 0 0 0;}
.find-us .get-touch .detail span{  font-size: 20px;  display: block;  line-height: 34px;}
.find-us .get-touch .detail span b{ margin:0 5px 0 0;}






/*..... SHOP ......*/
.shop{ padding:80px 0 120px 0;}
.cbp-item a{ display:block;}
.shop-gallery .detail{ background-color: #fff; margin: -4px 0 0 0; text-align: center; border-bottom: solid 1px #D0D0D0; padding: 32px 0;} 
.shop-gallery .detail h6{ color:#222;}
.shop-gallery .detail span{color:#4f4f4f; text-transform: uppercase; margin: 4px 0 0 0; display: inline-block;}
.shop-gallery .detail span span.dot{ font-size: 20px; margin: 0 8px; padding: 0 0 0 0;}

.shop-gallery .price-cart a{ display:inline-block;}
.shop-gallery .price-cart .price { display:inline; font-size:20px; color: #222222; margin:20px 0 0 0; display: inline-block; font-weight: 700; }
.shop-gallery .cbp-item:hover .price-cart .price { display:none;}
.shop-gallery .price-cart .cart { display:none; }
.shop-gallery .cbp-item:hover  .price-cart .cart { display:inline; font-size:20px; margin:20px 0 -2px 0; display: inline-block; font-weight: 700;}
.shop-gallery .cbp-item .price-cart .cart:hover{color:#000; border-bottom: solid 2px #000;}

.notice{ background: #222; padding: 20px 26px; margin:0 0 30px 0;}
.notice span{ color:#fff; font-size:20px}




/*..... SHOP DETAIL ......*/
.shop-detail{ padding:40px 0;text-align:center;}
.shop-detail .after-cart{ background:#222222; display:inline-block; width:100%; padding:12px 12px; border-radius: 5px; margin:0 0 60px 0;}
.shop-detail .after-cart .text{ float:left;}
.shop-detail .after-cart .text i{ color:#fff; font-size:24px; float: left; border: solid 2px #fff; border-radius: 100%; padding: 9px 12px; margin: 0 16px 0 0;}
.shop-detail .after-cart .text span{color:#fff; font-size:20px; margin: 10px 0 0 0; display: flex;}
.shop-detail .after-cart a{color:#222; background:#fff; float:right; padding: 13px 34px; border-radius: 5px; text-transform: uppercase;}
.shop-detail .after-cart a:hover{color:#fff;}

.shop-detail .product-detail .pro-detail h3{ font-weight:700;}
.shop-detail .product-detail .pro-detail .review{ margin:15px 0 0 0; display: inline-block;}
.shop-detail .product-detail .pro-detail .review i{ color: #A98A30; font-size:24px; margin: 0 2px 0 0; float: left;}
.shop-detail .product-detail .pro-detail .review span{ font-size: 18px; margin:1px 0 0 10px; float: left;}
.shop-detail .product-detail span.price{ font-size: 32px; display: block; margin:20px 0 0 0;}
.shop-detail .product-detail p{ display: block; margin:25px 0 0 0;}
.shop-detail .product-detail .pro-cart{ margin:30px 0 0 0; display: flex;}
.shop-detail .product-detail .pro-cart input[type=text]{ text-align:center; width:72px; height:48px; border-radius:5px; border:solid 1px #e0e0e0; font-size: 18px; float: left;}
.shop-detail .product-detail .pro-cart a{color:#fff; padding: 13px 34px; border-radius: 5px; text-transform: uppercase; float: left;
 margin: 0 0 0 12px;}
.shop-detail .product-detail .pro-cart a:hover{color:#fff; background:#0a1d3b;}
.shop-detail .product-detail span.categories{ font-size: 18px; margin: 28px 0 0 0; display: block; color:#595959;}
.shop-detail .product-detail span.categories strong{ margin:0 10px 0 0; color:#222;}

.shop-detail .product-detail .social-icons ul{ margin:32px 0 0 0; border:solid 1px #e0e0e0; border-radius: 5px; display:inline-block; width:100%;}
.shop-detail .product-detail .social-icons ul li{ float:left; border-right:solid 1px #e0e0e0; width:33.3%;}
.shop-detail .product-detail .social-icons ul li:last-child{border-right:none;}
.shop-detail .product-detail .social-icons ul li a{ padding:25px 24px; float: left; width:100%;}
.shop-detail .product-detail .social-icons ul li i{ color:#222; margin: 0 8px 0 0; border: solid 2px #444444; border-radius: 100%; width: 50px; height: 50px;
padding: 11px 10px; font-size: 20px; float: left; text-align: center;}
.shop-detail .product-detail .social-icons ul li span{ color:#222222; font-size:18px; margin: 2px 0 0 0; display: block;}
.shop-detail .product-detail .social-icons ul li a.fb:hover i{ color:#fff; border: solid 2px #325d94; background:#325d94;}
.shop-detail .product-detail .social-icons ul li a.fb:hover span{ color:#325d94;}
.shop-detail .product-detail .social-icons ul li a.tw:hover i{ color:#fff; border: solid 2px #06a7db; background:#06a7db;}
.shop-detail .product-detail .social-icons ul li a.tw:hover span{ color:#06a7db;}
.shop-detail .product-detail .social-icons ul li a.pi:hover i{ color:#fff; border: solid 2px #ea3033; background:#ea3033;}
.shop-detail .product-detail .social-icons ul li a.pi:hover span{ color:#ea3033;}
.shop-detail .related-products{ padding:120px 0 0 0;}
.shop-detail .related-products .shop-gallery{ margin:65px 0 0 0;}



/*..... BREAD CRUMB ......*/
.bread-crumb{ text-align:center; background:#f4f4f4; border-radius:30px; width:100%; height:18px;}
.bread-crumb .bread-crumb-sec{ float:left; width:25%; margin:-18px 0 0 0;}
.bread-crumb .bread-crumb-sec a{ display:inline-block;}
.bread-crumb .bread-crumb-sec a.selected{}
.bread-crumb .bread-crumb-sec a span.number{ background: #FFF; border-radius: 100%; width: 50px; height: 50px; display: inline-block; color: #484747;
font-size: 30px; font-weight: 700; padding: 4px 0 0 0; box-shadow: 0 0 0 6px #F4F4F4;}
.bread-crumb .bread-crumb-sec a span.text{ font-size: 20px; color: #222; margin: 10px 0 0 0; display: inline-block; font-weight: 500;}

.bread-crumb .bread-crumb-sec a.selected span.number{border-radius: 100%; width: 50px; height: 50px; display: inline-block; color: #fff;
font-size: 30px; font-weight: 700; padding: 4px 0 0 0; box-shadow: 0 0 0 6px #F4F4F4;}






/*..... FORM ERROR and SUCCESS MESSAGES ......*/
p#reserv_error { border: solid 3px #FFA3A3; background: #FBF0F0; padding: 12px 0; margin: -28px 0 15px 16px; width: 96%;}
form#newsletter_form .error { border: solid 2px #F77070 !important;}
#contact_form .error { border: solid 1px #FF8282 !important; background: #FFF1F1;}

.booking-form .success{font-family: 'Raleway', sans-serif; font-size:26px; margin: 95px 0 0 0; color: #A98A30;  position: absolute; left:0; text-align:center; width:100%; }

.newsletter .success_msg{font-family: 'Raleway', sans-serif; font-size:22px; margin:12px 0 0 0; color: #A98A30;  position: absolute; left:0; text-align:center; width:100%; }

.get-touch-form .success_msg{font-family: 'Raleway', sans-serif; font-size:22px; margin:12px 0 0 0; color: #A98A30;  position: absolute; left:0; text-align:center; width:100%; }
#hours {margin-bottom:40px;}
.secondary .photogallery .container {background-color:#FFFFFF;}
footer ul li {color:#999490 !important; 	line-height: 24px!important;
	font: 100 14px/1 'Open Sans', serif;}
.our-story .main .intro p {width:85%; margin:auto;}
.center-block h2 {margin-bottom:20px;}
.caption {font-size:smaller;padding-top:20px!important;text-transform: uppercase;text-align:center;}
.service-sec-top-bg {background:url(../images/menu_header_back.png) top;}
.serv-main-sec {padding:40px;border-left: #A98A30 double 4px;border-right: #A98A30 double 4px;margin-bottom: 10px;}
.shop-gallery {display: inline-block;background-color:#FFFFFF;}
#menuall .menucontainer {/*! box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3); */ background:url(../images/menu_header_back.png) top; background-size:100%;background-repeat: no-repeat;background-color: #FFF;border:double 4px #00274c;padding-left:40px;padding-right:40px;}
.menubottom {background:url(../images/menu_btm.png); background-size:100%;background-repeat: no-repeat;height:220px;}
.header .nav ul li a.select-item{color: #A98A30;}
.header .nav ul li a:hover{color: #A98A30;}
.submenu a:hover { background: #A98A30 !important;}
.main-title span, .main-title h1 {color:#00274c;line-height:1.2em;}
.menucontainerouter {padding:20px;background-color: #FFF;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);}
.stuck_container{background-color:#222222;}
.contact .containerintro {background-color:#fff;padding-top:0px;margin:0px; }
.containerintro {background-color:#fff;padding-top:20px;margin:0px;text-align:center; padding-bottom:40px;}
.containercat {background-color:#fff;/*! padding:60px; *//*! margin:0px; */}
.containerouter {padding:20px;background-color: #FFF;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);margin:40px;}
.service-sec {text-align: center;}
.service-sec p {font-size:18px;line-height:1.3em;}
.service-sec h6 {color:grey;}
.services .serv-main-sec:hover .service-sec-top-bg{ background:url(../images/gold_top_hover.png) no-repeat; background-size: 100%;}
.services .serv-main-sec:hover .service-sec-bottom-bg{ background:url(../images/gold_btm_hover.png) no-repeat; background-size: 100%;}
#menuall .main-title img{ width: 95px;}
#menuall .main-title span{color:#00274c;}
.services .serv-main-sec:hover .service-sec i{color:#cfae51;}
.services .service-sec i{color:#cfae51; border:solid 1px #cfae51;}
.services .serv-main-sec:hover .service-sec{background:#cfae51;}
.white-btn:hover{ background:#A98A30;}
.today-special-detail .main-sec{background:#d4c497;}
.today-special-detail .main-sec .detail span.title{color:#A98A30;}
.our-story .story-detail a.full-story{color:#A98A30; border-bottom: solid 2px #A98A30;}
.upcoming-event .event-detail .event-text a.view-event{color: #A98A30; border-bottom: solid 2px #A98A30;}
.upcoming-event .event-detail .event-text p a:hover{color: #A98A30; border-bottom: solid 2px #A98A30;}
.today-food .special-food .food-detail span.price{color: #A98A30;}
.book-table .booking-form input[type=submit]{background-color:#A98A30;}
.latest-news .post .detail a:hover{color:#A98A30;}
.customer-words .testi-sec span.name{ color:#A98A30;}
.follow-us ul li a:hover{color: #A98A30; /*! border: solid 2px #A98A30; */}
.footer .about-pearl .newsletter a:hover{background: #A98A30;}
.footer .copyrights ul li a:hover{ color:#A98A30;}
.submenu a.select {background: #A98A30 !important;}  
.header-two.sticky .social-icons li a:hover{ color: #A98A30;}
.services-two .serv-main-sec .service-sec .detail a:hover{border: solid 1px #A98A30; background:#A98A30;}
.our-menu .menu-sec .menu-detail .food-detail span.price{color:#A98A30;}
.our-menu .food-sec .detail span.food-time{ color: #A98A30; border-bottom: solid 1px #A98A30;}
.blog .blog-post .post-text a.read-more{ color: #A98A30; border-bottom: solid 2px #A98A30;}
.news-posts h6.bar-title{background:#A98A30;}
.news-posts .search{ background:#A98A30;}
.news-posts .news-sec .detail a.read-more{color:#A98A30; border-bottom: solid 2px #A98A30;}
.news-posts .news-sec .detail .comment a:hover span{color:#A98A30;}
.news-posts .comment-box .detail a:hover{ background: #A98A30;}
.news-posts .leave-reply .form input[type=submit]:hover{background-color:#A98A30;}
.contact-page .get-in-touch .get-touch-form input[type=submit]{background:#A98A30;}
.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { color: #A98A30; border-bottom: solid 2px #A98A30;}
.cbp-l-filters-list .cbp-filter-item:hover {color: #A98A30;}
.shop-gallery .cbp-item:hover  .price-cart .cart {color: #A98A30; border-bottom: solid 2px #A98A30;}
.shop-detail .product-detail .pro-cart a{background:#A98A30;}
.openTabby .openTabby--nav ul li:hover { color: #A98A30;}
.all-reviews .review-sec .review-detail .reviewer span.name{color: #A98A30;}
.add-review .form input[type=submit]{background: #A98A30;}
.shop-detail .after-cart a:hover{background:#A98A30;}
.shop-cart .cart-pro-detail .cancel i{color:#A98A30;}
.shop-cart .cart-update-sec a:hover{background:#A98A30;}
.cash-decide .cart-total .total-sec a{background:#A98A30;}
.bread-crumb .bread-crumb-sec a.selected span.number{ background: #A98A30;}
.bread-crumb .bread-crumb-sec a.selected span.text{ color: #A98A30;}
.cash-payment .cash-delivery .next-step{background: #A98A30;}
.cash-payment .shipping-address .shipping-detail .edit-address{ color: #A98A30; border-bottom: solid 1px #A98A30;}
.cash-payment .shipping-address .shipping-method .shipping-across span.dot{border: solid 8px #A98A30;}
.cash-delivery-detail a.return-stor{background:#A98A30;}
.header .cart-button{ background:#A98A30;}
.header .shop-bag .cart-food .detail .text a:hover{color:#A98A30;}
.header .shop-bag .sub-total a:hover{ background:#A98A30;}
.news-posts .news-sec .detail .comment a:hover{color:#A98A30;}
.news-posts .categories ul li a:hover{color: #A98A30;}
.news-posts .recent-posts .post-sec a.title:hover{ color:#A98A30;}
.header-two .nav ul li a:hover{color: #A98A30;}
.tp-caption .read-more:hover{ background: #A98A30; border:solid 2px #A98A30 !important;}
.heapBox .heap .heapOptions .heapOption a.selected{background:#A98A30;}
.heapBox .heap .heapOptions .heapOption a:hover{background:#A98A30;}
.cd-top { background-color:#A98A30 !important;}

button {border: none; 
	outline: none;}



/*..... HEADER ......*/

.header .logo{ width: 160px; float: left; margin: 14px 0px 0 0; padding: 0 15px;}
.header .nav{ float:left; margin:0 0 0 0;}
.header .nav ul li{ float:left;}
.header .nav ul li a{ color: #141414; text-transform: uppercase; font-weight: 400; font-size: 16px; font-family: 'Raleway', sans-serif; border-left: solid 1px #cccccc; padding: 26px 30px; line-height: 70px;}



.header .nav ul li:last-child a{ border-right: solid 1px #cccccc;}
.header .get-touch{ float:right;}
.header .get-touch li{ float:left;}
.header .get-touch li a{ text-transform: uppercase; font-size: 18px; padding: 22px 25px; float: left;}
.header .get-touch li.book-table a{ color:#fff; background:#0a1d3b; font-weight:500; line-height: 26px; font-family: 'Raleway', sans-serif;}
.header .get-touch li.book-table a span{ float:left;}
.header .get-touch li.book-table a:hover{background:#022863;}
.header .get-touch li.book-table i{color:#fff; margin:-2px 0 0 115px; float: right; font-size: 26px;}

.header .get-touch li.contact-no i{ margin: 0px 15px 0 0; float: left; font-size: 26px;}
.header .get-touch li.contact-no a{ font-size:20px;}
.header .cart-button{color: #fff; padding: 0 26px; float: left;}
.header .cart-button i{ color:#fff;    font-size: 34px;    line-height: 70px;}
.header .shop-bag li.close-bag { cursor: pointer;}
.header .shop-bag li.close-bag a{ padding:0 26px;}
.header .shop-bag li.open-bag { background: #fff; display: none; position: absolute; margin: 70px 0 0 0; right: 0; width: 345px; padding:0 20px 20px 20px;    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);}
.header ul.shop-bag { float: right;}
.header .shop-bag .num{position: absolute; margin: 12px 0 0 24px; float: right; color: #222; background-color: #fff; border-radius: 100%; width: 20px; height: 20px; top: 0; padding: 2px 0 0 0; font-size: 12px; text-align: center;}
.header .shop-bag .cart-food{ border-bottom: solid 1px #d1d1d1; float: left; width: 100%; padding: 20px 0 20px 0;}
.header .shop-bag .cart-food .detail{    float: left;}
.header .shop-bag .cart-food .detail img{ float:left; width:62px;}
.header .shop-bag .cart-food .detail .text{    float: left; margin: 0 0 0 15px; width: 190px;}
.header .shop-bag .cart-food .detail .text a{ text-transform: uppercase; font-weight: 600; font-size: 18px; color: #222;}
.header .shop-bag .cart-food .detail .text p{ color: #666666; font-size: 14px;}
.header .shop-bag .cart-food a.cross{float: right; margin: 15px 0 0 0;}
.header .shop-bag .cart-food a.cross i{font-size: 26px; color: #777;}
.header .shop-bag .cart-food a.cross i:hover{color: #000;}
.header .shop-bag .sub-total{ margin: 30px 0 0 0; float: left; width: 100%;}
.header .shop-bag .sub-total span{ font-size:16px; color:#636363; float: right;}
.header .shop-bag .sub-total span strong{ color:#222; margin: 0 0 0 8px;}
.header .shop-bag .sub-total .buttons{    float: left; width: 100%; margin: 14px 0 0 0;}
.header .shop-bag .sub-total a{ font-size:13px; width: 48%; float: left; border-radius: 5px; text-align: center; color: #fff; text-transform: uppercase; padding: 11px 0;}
.header .shop-bag .sub-total a.view-cart{ background:#bcbcbc;}
.header .shop-bag .sub-total a.check-out{ background:#222; float:right;}





/*..... HEADER TWO ......*/

.header-two .logo2{ width:200px; margin:25px 26px 0 0;}
.header-two .logo-dark{ display:none;}
.header-two.sticky .logo2{ display:none;}
.header-two .nav {float:left;/*! margin: 30px 8px 0 0; */ }
.home .header-two .nav {float:left;/*! margin: 0px 8px 0 0; */ }
.header-two .nav ul li{ float:left;}
.header-two .nav ul li a{ color: #e7e1d7;text-transform: uppercase; font-weight: 400; font-size: 14px; font-family: 'Raleway', sans-serif; padding: 0px 0;
 margin: 0 14px; line-height: 50px !important;}
.home .header-two .nav ul li a{ color: #e7e1d7;text-transform: uppercase; font-weight: 400; font-size: 14px; font-family: 'Raleway', sans-serif; padding: 0px 0;
 margin: 0 14px; /*! line-height: 50px !important; */}
.header-two .nav ul li.select-item a{ /*! color: #FFFFFF; */ border-bottom: solid 1px #fff;}
.header-two .get-touch{ float:right; margin:38px 0 0 0;}
.header-two .get-touch li{ float:left;font-family: 'Raleway', sans-serif; font-size:18px;}
.header-two .cont-right{ float:right; }
.header-two .social-icons, .header-two .get-touch { float:right; margin:0px 8px 0 0; }
.header-two .social-icons li{ float:left; margin: 0 5px;}
.header-two .social-icons li a{color:#e7e1d7; font-size:20px;line-height:50px;}
.header-two .social-icons li a:hover{color:#e9b947;}
.home .header-two .social-icons li a{color:#e7e1d7;}
.header-two .get-touch li a{ text-transform: uppercase; font-size: 18px; padding:0px 18px; float: left;line-height:50px;}
.header-two .get-touch li.contact-no i{ margin: 0px 15px 0 0; float: left; font-size: 24px;line-height:50px;}
.header-two .get-touch li.contact-no a { font-size:18px; color:#e7e1d7;line-height:50px;}
.secondary .header-two .get-touch li.contact-no a { font-size:18px; line-height:50px;}
.header-two .cart-button{ color: #fff; padding: 0 0; float: left;}
.header-two .cart-button i{ color:#fff; font-size: 28px; line-height: 98px;}

.secondary .header-two .nav ul li.select-item a{border-bottom: solid 1px #e7e1d7;}
.header-two.sticky .nav ul li.select-item a{border-bottom: solid 1px #222222;}
.header-three .logo2{ width:158px; float:left; margin:25px 26px 0 0;}
.header-three .logo-dark{ display:none;}
.header-three .nav{ /*! float:left; */}
.header-three .nav ul li{ float:left;}
.header-three .nav ul li a{ color: #fff; text-transform: uppercase; font-weight: 400; font-size: 14px; font-family: 'Raleway', sans-serif; padding: 0px 0;
 margin: 0 14px; line-height: 50px !important;}
.header-three .nav ul li.select-item a{ color: #FFFFFF; border-bottom: solid 1px #fff;}
.header-three .get-touch{ float:right; margin:38px 0 0 0;}
.header-three .get-touch li{ float:left;}
.header-three .cont-right{ /*! float:right; */}
.header-three .social-icons{ /*! float:right; */ /*! margin:40px 8px 0 0; */}
.header-three .social-icons li{ float:left; /*! margin: 0 5px; */}
.header-three .social-icons li a{color:#fff; font-size:20px;}
.header-three .social-icons li a:hover{color:#e9b947;}
.header-three .get-touch li a{ text-transform: uppercase; font-size: 18px; padding:0px 18px; float: left;}
.header-three .get-touch li.book-table a{ color:#fff; background:#0a1d3b; font-weight:500; line-height: 26px; font-family: 'Raleway', sans-serif;}
.header-three .get-touch li.book-table a span{ float:left;}
.header-three .get-touch li.book-table a:hover{background:#022863;}
.header-three .get-touch li.book-table i{color:#fff; margin:-2px 0 0 115px; float: right; font-size: 26px;}
.header-three .get-touch li.contact-no i{ margin: 0px 15px 0 0; float: left; font-size: 26px;}
.header-three .get-touch li.contact-no a{ font-size:20px; color:#fff;}
.header-three .cart-button{ color: #fff; padding: 0 0; float: left;}
.header-three .cart-button i{ color:#fff; font-size: 28px; line-height: 98px;}


.booking-accordion .availability{ background:#A98A30; }
.special-services .post .detail a:hover{background-color:#A98A30; border:solid 1px #A98A30;}
.latest-posts .post-sec .post-detail a:hover{color:#A98A30;}
.latest-posts .find-location a:hover{ background:#A98A30; border:solid 1px #A98A30;}
.latest-posts p{font-size:16px;}
.footer-hotel-dark .foot-detail .newsletetr a:hover{background:#A98A30;}
.footer-hotel-dark .foot-detail .useful-links ul li a:hover, .footer .food-detail .useful-links ul li a:hover i{ color:#A98A30;}
.footer-hotel-dark .foot-detail .social-icons ul li a:hover{color: #A98A30; border: solid 2px #A98A30; }
.welcome-pearl-hotel .text-detail a{color: #A98A30; border-bottom: solid 2px #A98A30;}
.footer-hotel .foot-detail .newsletetr a:hover{background:#A98A30;}
.footer-hotel .foot-detail .social-icons ul li a:hover{color:#A98A30; border: solid 2px #A98A30; }
.footer-hotel .foot-detail .useful-links ul li a:hover, .footer .food-detail .useful-links ul li a:hover i{ color:#A98A30;}
.hotel-rooms .room-sec .price-detail a:hover{background:#A98A30;}
.hotel-rooms .paging a.select, .hotel-rooms .paging a:hover{ background: #A98A30; border: solid 1px #A98A30;}
.sub-banner .detail ul li a:hover{ color:#A98A30;}
.sub-banner .detail ul li a.select{ color:#A98A30;}
.room-detail .booking-form .form a.availability{ background:#A98A30;}
.booking-steps .reservation a{background:#A98A30;}
.booking-steps .your-room .detail .text a:hover{background:#A98A30;}
.booking-steps .book-now .payment-method a:hover{background:#A98A30;}
.blog .more-posts a:hover{color:#A98A30;}
.ui-widget-header { background:#A98A30;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background:#A98A30;}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {background:#A98A30;}
.content {margin:0;}
#menuall {padding: 40px 80px 40px 80px;clear: both; 
  /*! margin-top:40px; */}
.price {font-size: 18px;
	font-weight: 600;
color:#A98A30;}
.service-sec img{ width: 135px; height: 135px; border-radius: 100%; border: solid 5px #fff;}
.main-title {text-align: center;}
.about-title {text-align: center;margin:0px auto;}
.contact-us {text-align:center; /*! background-image: url('../images/hrs_top.png'); */background-repeat:no-repeat;background-position:bottom;padding-bottom:60px;margin-left: auto;margin-right: auto;width: 100%;}
.detail.rts img {width:50%;}

.imgdiv {
    margin: 5px 0;
    width: 200px; /* You can set the dimensions to whatever you want */
    height: 200px;
    object-fit: cover;
}

.page { background-size:100%;background-repeat: repeat;background-color:#f2eddf;}
.secondary.page { background-size:100%;background-repeat: repeat;background-color:#FFFFFF;}
.patternback, .callout-container.eagles { background-image:url('../images/dot_pattern.png');
     background-size: 100%;background-color: #a98a30;
   }
#menuall, .photogallery {background-color:#A98A30;}
.photogallery {padding-top:40px;margin-top:80px;padding-bottom:40px;}
.photogallery .container{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);}
#gallery .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
	.store p {padding-left:0px;padding-right:0px}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

	.column {
    flex: 100%;
    max-width: 100%;
  }
	.main-title h1.doubleline {color: #00274c;padding:0px !important;text-align:center;font-family: 'Vidaloka', serif;
 padding: 0px; margin: 0px 0px 0px 0px !important;font-size:26px !important;}

	.story-detail {text-align:center;padding-top: 20px!important;}
	#menuall {padding:20px;}
.photogallery { background-image:
   url('../images/grid_back.gif');
     background-repeat: repeat;background-size: 20%;
   }
	.menubottom {background:url(../images/menu_btm.png); background-size:100%;background-repeat: no-repeat;height:70px;}
.main-title h1{color: #00274c;padding:0px !important;text-align:center;font-family: 'Vidaloka', serif;
 padding: 0px; margin: 0px 0px 0px 0px !important;font-size:26px !important;}
			.tp-caption.boxshadow,.boxshadow
{		
	box-shadow:0 0 10px rgba(0,0,0,0.5)!important;
}
}
.story-detail {text-align:center;padding-top: 0px;}
.shop-gallery .col-md-3, .shop-gallery .col-md-4,  {padding-bottom:10px;}
.callout {color:#00274c !important; font-size: 1.2em;line-height: 1.4em;
overflow: hidden;}

p.callout {padding:20px;}
.main-title img {

margin-top:-28px;
}

.item-title-row {display: table;
width: 100%;
font-size: 17px;
font-size: 1.0625em;
    font-weight: bold;}
.item-title {
    display: table-cell;
    word-break: break-word;
color:#00274c;}
.price {
    display: table-cell;
    text-align: right;
}
.price {
    font-size: 1.3em;
    font-weight: bold;color: #00274c;font-family: 'Vidaloka', serif;}
.price:first-letter {
  font-size: 80%!important;
}
#menuall hr {
  /*! margin-top: 10px; */
  /*! margin-bottom: 20px; */
  border: 0;
  border-top: none;
}
.description.text {padding-top:4px;}

.tm-blog.style-carousel-centered .info-bg-left::after, .tm-blog.style-carousel-centered .info-bg-right::after {

    background: url(../images/blog-slider-2-bg2.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
	background-position: bottom left;}
.tm-blog.style-carousel-centered .info-bg-left::before, .tm-blog.style-carousel-centered .info-bg-right::before {
    background: url(../images/blog-slider-2-bg.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: top left;}
.info-bg-left:before {content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;    background: url(../images/blog-slider-2-bg.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: top left;
}
.bottom-history-wrap h1 .title:before {content: '';
	width: 40px;
    background: url(../images/arrows.png);
    /*! position: absolute; */
    /*! left: 6px !important; */
    /*! top: -6px !important; */
    height:40px;
background-size: 80px;
	background-position:0px 10px;
display: inline-block;background-repeat:no-repeat;margin-right:10px;
	
}
.bottom-history-wrap h1 .title:after {content: '';
	width: 40px;
    background: url(../images/arrows.png);
    /*! position: absolute; */
    /*! left: 6px !important; */
    /*! top: -6px !important; */
    height:40px;margin-left:10px;
background-size: 80px;
	background-position:-40px 10px;
display: inline-block;background-repeat:no-repeat;
	
}
.title {width:50%;margin-right: auto;
margin-left: auto;}
.info-bg-left:after {content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;    background: url(../images/blog-slider-2-bg2.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: top left;
}
.post-info-wrap {

    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.post-info {

    max-width: 650px;

}
.cff-wrapper {/*! padding:10px; */ /*! border-radius:10px; *//*! margin:20px; *//*! background-color:#A98A30; *//*! box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.7); */}
#defaultNavbar1 {margin-top:20px;}
#slide-3046-layer-8 h1 {color: #ffffff;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/sec_h1.png") no-repeat center 140px; letter-spacing: -.04px; padding: 0 0 100px 0; margin: -6px 0 0 0;background-size:contain;padding-left: 200px !important;
padding-right: 200px !important;
}

.containerintro h1 {color: #00274c;padding:0px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 130px; letter-spacing: .01em; padding: 0 0 100px 0; margin: 0px 0 0 0;background-size:800px;
font-size: 48px;
}
#breakfast h1 {color: #00274c;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 80px; letter-spacing: .01em; padding: 0 0 100px 0; margin: 80px 0 0 0;background-size:500px;
font-size: 48px;
}
.contact .containerintro h1 {color: #00274c;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 90px; letter-spacing: .01em; padding: 0 0 100px 0; margin: -6px 0 0 0;background-size:500px;
font-size: 48px;
}
.our-story .main-title.about h1 {color: #00274c;padding:40px 0px 100px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 130px; letter-spacing: .01em; margin: -6px 0 0 0;background-size:40%;
font-size: 4em;
}
.main-title.about h1 {color: #00274c;padding:40px 0px 100px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 130px; letter-spacing: .01em; margin: -6px 0 0 0;background-size:40%;
font-size: 4em;
}
.contact .main-title.about h1 {color: #00274c;padding:20px 0px 100px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 100px; letter-spacing: .01em; margin: -6px 0 0 0;background-size:480px;
font-size: 48px;
}
.contact .main-title.double h1 {color: #00274c;padding:21px 0px 80px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 90px; letter-spacing: .01em; margin: 8px 0 0 0;background-size:480px;
font-size: 48px;
}
.containerintro p {text-align:center;}
.calendar-inner p {font-size:14px;line-height:1.4em;}
 .containerintro h6, .containercat h6 {letter-spacing: .06em;color:#856939;padding-top:10px;font-family: 'Vidaloka', serif;font-size: 18px;text-transform: uppercase;text-align: center;font-weight: bold;	}
 .containerintro i {font-size:30px;color:#A98A30;}
.about-pearl i.award {margin-right:10px;font-size:30px;}
.exp {width:80px;
    height:80px;
    background-color:#856939;
    border-radius:100%;
    text-align:center;
	display:inline-block;
	color:#FFFFFF;
line-height: 95px;}
.fa-shopping-basket, .fa-gifts, .fa-utensils { line-height: inherit;font-size:36px;}
.containerintro p.main{/*! padding-bottom:60px; */font-size:1.8em;line-height:1.4em;font-weight:700;color: #00274c!important;line-height:1.4em!important;width:90%;margin:auto;}
.containerintro h4 {text-align: center;font-family: 'Vidaloka', serif;text-transform: uppercase;color:#00274c;
}
p.main {font-size:1.8em;font-weight:700;color: #00274c!important;line-height:1.4em !important;margin-bottom: 20px !important;letter-spacing: -.5px!important;}

.example {background-color: #222222;}
.cff-header .fa, .cff-header-text {color:#FFF;}
.containerintro .col-md-7 img {width: 60%;}
#show_bg_2 {
    background-image:
    linear-gradient(to bottom, rgba(24, 25, 26, 0.72), rgba(113, 88, 48, 0.33)),
    url('../images/notgenericherobg3.jpg');

    height: 460px;
    background-size: cover;
    }
#show_bg_2 .col-md-8 {padding:60px 140px 0px 140px;}
#show_bg_2 .col-md-4 {padding:100px 120px 0px 0px;}
#cff p {font-size:1.2em;line-height:1.1em!important;color:#FFFFFF !important;text-align:center;}
#cff h3 {color:#999!important;;}
p.cff-date {font-weight:normal!important;text-transform: uppercase;}
#cff .cff-item {border-top:1px solid #000000;}
#cff .cff-post-links a {color:#A98A30;}
.cff-meta-wrap {border-top:solid 1px #1c1400;}
.fbfeed {top:0px;position:absolute!important;right:30px;}
#show_bg_2 img {display: block;
  margin-left: auto;
  margin-right: auto;
	width: 60%;
margin-top: 80px;
}
.service-sec-top-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;    background: url("../images/border_top.gif") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-size: contain;
}
.service-sec-bottom-bg{content: '';
    background: url("../images/border_btm.gif") no-repeat;
position: absolute;
        background-position-y: bottom;
    background-size: contain;
	overflow:hidden;
	top: 0;
left: 0;
bottom: 0;
right: 0;
}

.cff-item {/*! background-color:#c4ae6e; */}
.col-md-4.service {position: relative;
min-height: 1px;
padding-right: 0px;
	padding-left: 0px;
margin-right: 15px;
margin-left: 15px;
}
.padding-btm {margin-bottom:20px;}
h3 {color:#A98A30;}
@media (max-width: 800px)  {
  #menuall {
    padding: 40px 0px 40px 0px!important;
  }
}
.bottom-history-wrap {
	color:#fff;}
.cff h3 {font-size:18px; text-align: center;}
.centered { text-align: center;}
.automargin {margin:0 auto!important;}
.cff-post-text br {display: none;}
h4 {color:#00274c;}


.gallery { background:url(../images/wood_back.jpg) no-repeat fixed; width: 100%;}
.footer {/*! background-color:#FFFFFF; */}
.footer h4 {color:#A98A30 !important;padding-bottom:10px!important;}
.button {
    display: inline-block;
    width: auto;
    max-width: 100%;
    border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    padding: 12px 30px;
    font-size: 12px;
    line-height: 24px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .08em;
    transition: .33s all ease;
    white-space: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
	margin:20px;
}


.header-two.sticky .social-icons li a {

 margin-left:0px;

}
#nav li { /*! display: inline; */ /*! line-height: 1.56em; */ }

#nav li a {
  /*! display: block; */
  /*! float: left; */
  text-transform: uppercase;
  /*! text-decoration: none; */
  /*! margin-right: 13px; */
	/*! text-transform: uppercase; */
/*! font-weight: 400; */
/*! font-size: 14px; */
/*! font-family: 'Raleway', sans-serif; */
/*! line-height: 50px !important; */
}

#nav li a.midsection {
    margin-right: 280px;}
#top {
    display: block;
    padding-top: 40px;
    /*! position: relative; */
    margin-bottom: 20px;
	/*! box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3); */

}
#top h1 a {
    display: block;
    width: 280px;
    height: 186px;
    position: absolute;
    top: 15px;
    left: 668px;
    margin: 0;
    padding: 0;
    z-index: 9999;
    text-indent: -9999px;
    background: url('../images/fsm_logo2.png') no-repeat;
	background-size: cover;
}
#top li a.first {margin-left:0px;}
.padding-rt {padding-right:20px !important;}
.col-md-3.calendar-outline {border-radius: 10px;background: linear-gradient(#E7DEC8, #f3e3c0);padding:10px;margin-left:40px;text-align:center;margin-bottom: 80px;}
.calendar-inner {padding:20px;border: double 4px #FFFF;border-radius:10px; }
.calendar-inner h5 {font-family: 'Vidaloka', serif;font-size: 22px;text-transform: uppercase;text-align: center;letter-spacing: .9px;color:#A98A30;background-image:url(../images/dec.png); background-size:64px; background-repeat:no-repeat;background-position:center 24px;padding-bottom:30px;}
.event-title {font-size:20px!important;font-weight: bold;line-height:1em!important;}
.date {font-size:12px;font-weight:normal;}
@media screen and (max-width: 767px) {
    .bottom-history-wrap {
	width:100%;}
	#breakfast h1 {
  color: #00274c;
  padding: 40px 0px 10px 0px;
  text-align: center;
  font-family: 'Vidaloka', serif;
  font-weight: bold;
  background: url("../images/main_hbackmobile.png") no-repeat center 80px;
    background-size: auto;
  letter-spacing: .01em;
  padding: 0 0 100px 0;
  margin: 20px 0px 0px;
  background-size: contain;
  font-size: 48px;}
    .center-block {
  padding: 0px!important;
  margin:auto !important;
}
	#menuall .col-md-4 {
  padding-left: 15px!important;
  padding-right: 15px!important;
}
	.medium_light_white {font-size: 20px !important;line-height: 1em !important;}
.containerintro {padding: 20px;}
.contact h1 {padding-top:160px;}
	.tp-caption img {
    width:300px!important;height:auto!important;
}
	.header-two .social-icons, .header-two .get-touch {
    display: none;}
	.spchild {
    width: 100%!important;
    flex: 1;
    padding: 1em;
    float: left;
}

	

.col-md-3.calendar-outline {margin-left:0px;}

.gallery {
border-top: 1px solid #e8ebee;
    border-bottom: 1px solid #e8ebee;}

.main-title.about {margin-top:40px;}
.underline {background: url("../images/main_hback.png") no-repeat center 130px;}
.rotate {
  -webkit-transform:rotate(6deg);
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  transform: rotate(6deg); box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3);border:solid 14px #FFFFFF;
}
.sec_underline{ background:url("../images/back_lines.png") repeat-y; background-size: 100%;}
.latest-posts ul {
}
.latest-posts li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 31.5%;
	padding: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
	text-align: center;
	margin:10px;
	box-shadow: 5px 5px 10px #e3e3e3;
	border-radius:24px;
}
.inner {	border:double #cec3b0;padding:24px;border-radius:20px}
.innerblue {	padding:24px;}
.widget .head:before ,
.widget .widget-title:before{
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #2f2f2f;
    }}
.widget .head,
.widget .widget-title{
	position: relative;
	margin: -10px -10px 0;
	padding: 24px 0;
	border-top: 2px solid #2f2f2f;
	font-family: Vidaloka, sans-serif;
	font-size: 32px;
	text-align: center;
	color: #2f2f2f;
}
.widget {
	padding: 9px;
	border: 1px solid #d1d1d1;
	background: #f0f0f0 url("../images/arrows.png");
}
/**/
/* widget comments  */
/**/
.widget-comments li {
	margin-bottom: 20px;
}
.widget-comments li:last-child {
	margin-bottom: 5px;
}
.widget-comments p {
	position: relative;
	padding: 14px 19px;
	border: 1px solid #d1d1d1;
	line-height: 24px;
}
.widget-comments p:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -7px;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #f1f1f1;
	border-left: 7px solid transparent;
}
.widget-comments p:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #d1d1d1;
	border-left: 8px solid transparent;
}
.widget-comments .author {
	position: relative;
	margin-bottom: 8px;
	padding: 9px 36px 7px 36px;
	border: 1px solid #d1d1d1;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}
.widget-comments .author i {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 34px;
	height: 34px;
	background: #00274c;
	font-family: Vidaloka, sans-serif;
	font-size: 20px;
	line-height: 34px;
	font-weight: 400;
	color: #f4f4f4;
}
.widget-comments .author span {
	font-weight: 700;
}
.latest-article {
	position: relative;
	padding-top: 2px;
	border-top: 2px solid #2f2f2f;
}
.latest-article:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	border-top: 1px solid #2f2f2f;	
}
@media screen and (max-width: 479px) { 
	.main, .main h2 {text-align:center!important;padding-left:20px;padding-right:20px;}
	.products {margin-bottom:0px;}
	.products .col-xs-6, .productbrands .col-xs-6 {padding:4px;}
	.special-row, .subhead-row {padding-top:4px;font-weight: bold; font-size:1.2em !important; padding-left:15px;padding-right:15px;line-height:1.2}
	.headline-row {padding-top:4px;font-weight: 400; font-size:1.2em !important; padding-left:15px;padding-right:15px;padding-top:4px;}
	
	.hero-item h1 {font-size:2.8em !important;}
	 .mobile i {font-size:1.4em;}
	.mobile h2 {font-size:2em;padding-top:10px;}
	.pt-80 {padding-top:40px!important;}
	.main-title.about.intro {padding-top:40px;}
	.col-xs-12 {width: 100%;}
	.spcontainer {
  display: flex;
  justify-content: center;
  align-items: center;}
	.footer { /*! text-align:center; */ /*! margin: 75px 0 0 0; */ padding: 40px 0px;background-color:#222222!important;}
	.bottom-history-wrap p, .bottom-history-wrap h3 {padding:0px 20px;}
	.hero-wrapper {display:flow-root;width:100%;margin:auto;text-align: center;}
	.hero-logo img {width: 70%;}
	.u-container-layout {padding: 20px;}
	 .u-section {
  width: 300px;
  background-image: none;
  height: auto;
  margin: -81px auto 20px;
    color: #111111;
  background-color: #ffffff;}
	.callout {padding:0px !important;}
 .main-title.about h1 {font-size: 48px;color: #00274c;padding:0px 0px 80px 0px!important;text-align:center;font-family: Vidaloka, serif!important;; font-weight: bold;
background: url("../images/main_hback.png") no-repeat center 60px!important; letter-spacing: .9px; margin: -6px 0 0 0;background-size:310px !important;}
.u-section-gallery-inner {
  display: grid; 
  grid-auto-flow: column; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 5px 5px; 
  grid-template-areas: 
    ". .."; 
}
.triple	.u-section-gallery-inner {
  display: grid; 
  grid-auto-flow: column; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 5px 5px; 
  grid-template-areas: 
    ". .."; 
}
.mobilehide {display:none;}
.menubtm2 {
  background: url(../images/menu_btm.png);
    background-position-x: 0%;
    background-position-y: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 220px;
  background-position: bottom;
  margin-left: -10px!important;
  margin-right: -10px!important;
  margin-top: -200px;
}
.main-title.about {
    margin-top: 0px;
}
	.contact .main-title.about h1 {color: #00274c;padding:20px 0px 100px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 100px!important; letter-spacing: .01em; margin: -6px 0 0 0;background-size:300px!important;
font-size: 48px;
}
.our-story .main .intro p.main {line-height:1.3em !important;font-size:1.4em;}
.our-story .main .intro p {width:100%; margin:auto;}
		.our-story {
    padding: 0px 0px 0px 0px!important;
}
	.latest-posts ul {
		margin-left: 0;
	}
	.latest-posts li {
		width: 95%;
		padding: 0px!important;
		margin:10px!important;
		box-shadow: none!important;
	}
	.containerintro p.main {
    padding-bottom: 0px !important;
    line-height: 1.3em !important;
		width:100%;
		letter-spacing: -.05px;
		font-size:1.4em;
}
.latest-news .owl-theme .owl-controls .owl-buttons .owl-prev {left:-3%!important;}
.latest-news .owl-theme .owl-controls .owl-buttons .owl-next { right:-3%!important;}
	.header-two.sticky .logo-dark {
    display: inline-block;
    width: 200px!important;
    margin: 0px 0px 8px 0 !important;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease !important;
}
#menuall .menucontainer {padding-left:10px;padding-right:10px;}
.follow-us ul li {display: inline-block;}

.logocenter {width:100%;display: inline-block;
        	text-align: center;
    		vertical-align: bottom;
}

.innerblue br {display:inline!important;}

.sticky .logocenter {
height: 90px;
}
.home .sticky .logocenter {
height: 0px;
}
.secondary .logocenter {
height: 90px;
}
.header-two.sticky .logocenter {height:40px!important;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease !important;}
.secondary.page { background-size:100%;background-repeat: repeat;background-color:#FFFFFF;}
.maps {background-color:#FFFFFF;padding-bottom:40px;}
    }
/**/
/* best reviews */
/**/
.best-reviews {
	padding-top:40px;
	margin-bottom: 5px;
	text-align: center;
	padding-right:0px!important;padding-left:0px!important;
}
.best-reviews h2 {
	margin-bottom: 40px;
	font-family: Vidaloka, sans-serif;
	font-size: 45px;
	font-weight: 400;
	text-transform: uppercase;
}
.best-reviews h3 {
	margin-bottom: 12px;
	font-family: Vidaloka, sans-serif;
	font-size: 32px;
}
.best-reviews h4 {
	position: relative;
	margin-bottom: 24px;
	text-align: center;
}
.best-reviews h4 span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 23px;
	padding-top: 1px;
	background: #2f2f2f;
	box-shadow: 0 5px 0 1px #f0f0f0, 0 0 0 1px #f0f0f0;
	font-size: 11px;
	line-height: 29px;
	text-transform: uppercase;
	color: #fff;
}
.best-reviews h4 i {
	position: relative;
	padding: 0 10px;
}
.best-reviews h4 i:after,
.best-reviews h4 i:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -3px;
	background: #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
}
.best-reviews h4 i:after {
	right: 0;
}
.best-reviews h4 i:before {
	left: 0;
}
.best-reviews li {
	position: relative;
}
.best-reviews li:before {
	content: '';
	position: absolute;
	top: 13px;
	left: -15px;
	width: 1px;
	height: 100%;
	background: #e0e0e0;
}
.best-reviews p {
	line-height: 24px;
}
.best-reviews img {
	width: 100%;
}
.best-reviews .value {
	margin-bottom: 18px;
	font-family: Vidaloka, sans-serif;
	font-size: 60px;
	line-height: 50px;
	color: #c1c0b4;
}
.best-reviews .more {
	position: relative;
	margin-top: 12px;
	padding: 2px 0;
	border-top: 2px solid #00274c;
	border-bottom: 2px solid #00274c;
	font-size: 14px;
	line-height: 30px;
	font-weight: 700;
}
.best-reviews img {margin-top:10px;}
.best-reviews .more:after,
.best-reviews .more:before, .shop-detail .more:after, .shop-detail .more:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #00274c;
}
.best-reviews .more:after, .shop-detail .more:after {
	top: 1px;
}
.best-reviews .more:before, .shop-detail .more:before {
	bottom: 1px;
}
.best-reviews .more a, .shop-detail .more a {
	text-decoration: none;
}
.best-reviews .more a:hover{
	color: #c1c0b4;
}
.best-reviews .owl-carousel {
	width: auto;
	margin: -23px -14px 0 -15px;
	overflow: hidden;
}
.best-reviews .owl-item {
	position: relative;
	padding: 0 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.best-reviews .owl-wrapper {
	margin-left: -1px;
}
.best-reviews .owl-buttons {
	position: relative;
	margin: 24px 0 16px;
	font-size: 58px;
	text-align: center;
}
.customer-words .owl-buttons {
    display: flex;
    justify-content: center;
    padding: 0%; 
	width: 100%; }

.best-reviews  .owl-wrapper-outer {
	overflow: hidden !important; 
}
.owl-theme .owl-controls .owl-buttons .owl-next{   /*! right: -6%; */  background-position: -58px 0; /*! top: 46%; */  color: rgba(142, 18, 18, 0);}
.owl-theme .owl-controls .owl-buttons .owl-prev{   /*! left: -8%; */  background-position: 0px 0;    /*! top: 46%; */  color: rgba(142, 18, 18, 0);}
.owl-theme .owl-controls .owl-buttons div{ background: url(../imgs/arrow-cro.png) no-repeat;}
#testimonials .owl-theme .owl-controls .owl-buttons .owl-next{   /*! right: -6%; */  background-position: -58px 0; /*! top: 46%; */  color: rgba(142, 18, 18, 0);}
.best-reviews .owl-buttons div {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	width: 58px;
	height: 58px;
	margin: 0 6px;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	transition: color 0.3s;
	-ms-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	color:#000000;
}
#testimonials .owl-theme .owl-controls .owl-buttons div{ background: url(../images/arrow-cro_testimonial.png) no-repeat;}
#owl-demo2 .owl-buttons div {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	width: 58px;
	height: 58px;
	margin: 0 6px;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	transition: color 0.3s;
	-ms-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	color:#000000;
}

.best-reviews .owl-buttons div i {
	position: relative;
}

.best-reviews .owl-buttons div:hover:before {
	border-color: #c1c0b4;
	background: #c1c0b4;
}
.best-reviews .owl-buttons .owl-next {
	text-indent: 1px;
}
.best-reviews .owl-buttons .owl-prev {
	/*! background: url(../imgs/back-top.png) no-repeat center 50%; */
	/*! text-indent: -1px; */
}
@media screen and (max-width: 1200px) { /* laptop */
	.best-reviews h2 {
		font-size: 54px;
	}
	.best-reviews h3 {
		font-size: 26px;
	}
	.best-reviews li:before {
		left: -10px;
	}
	.best-reviews .owl-carousel {
		margin-right: -9px;
		margin-left: -10px;
	}
	.best-reviews .owl-item {
		padding: 0 10px;
	}
}
@media screen and (max-width: 980px) { /* pad */
	.best-reviews h2 {
		font-size: 42px;
	}
	.best-reviews h3 {
		font-size: 22px;
	}
	.best-reviews li:before {
		display: none;
	}
	.best-reviews .owl-carousel {
		margin-right: -8px;
		margin-left: -9px;
	}
	.best-reviews .owl-item {
		padding: 0 9px;
	}
}



    .calloutbox {
      padding: 40px;
    }
callout h4 {
	margin: 12px 0;
	font-size: 18px;
	line-height: 30px;
}
@media screen (min-width:719px) {	.mobile h2 {text-align: center;font-size:3em;padding-top:20px}}
@media screen and (max-width: 1200px) { /* laptop */
	.composer 		{padding: 30px 20px;}
	}
@media screen and (max-width: 980px) { /* pad */
.callout {
		padding: 30px 18px;
	}
}
.text blockquote {
	position: relative;
	margin-top: 24px;
	padding: 25px 20px;
	background: #f0f0f0 url(../imgs/widget.png);
	font-size: 15px;
	line-height: 28px;
	font-weight: 700;
	font-style: italic;
}
.text blockquote:after,
.text blockquote:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 6px;
	background: rgba(0,0,0,0.05);
}
.text blockquote:after {
	bottom: 10px;
}
.text blockquote:before {
	top: 10px;
}
.text blockquote p:after,
.text blockquote p:before {
	display: block;
	margin-bottom: -24px;
	font-family: Vidaloka, sans-serif;
	font-size: 48px;
	line-height: 48px;
	font-weight: 400;
	font-style: normal;
}
.text blockquote p:after {
	content: "\201D";
}
.text blockquote p:before {
	content: "\201C";
}
.hr {
	border-top: 1px solid #d1d1d1;
	margin-top:40px;margin-bottom:80px;
}
span.day {font-weight:bold;}

/**/
/* timeline */
/**/
.timeline {
	position: relative;
	max-width: 770px;
	margin: 0 auto 60px;
	text-align: center;
}
.timeline li {
	position: relative;
	width: 308px;
	padding: 20px;
	border: 1px solid #2f2f2f;
}
.timeline li:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff;
}
.timeline li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -9px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #2f2f2f;
}
.timeline li:nth-child(even) {
	margin-left: auto;
}
.timeline li:nth-child(even):after {
	right: 100%;
	left: auto;
	border-right: 8px solid #fff;
	border-left: 0;
}
.timeline li:nth-child(even):before {
	right: 100%;
	left: auto;
	border-right: 9px solid #2f2f2f;
	border-left: 0;
}
.timeline h3 {
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.timeline p {
	font-size: 12px;
	line-height: 20px;
}
.timeline .date {
	margin: 10px 0 8px;
	font-size: 12px;
	font-weight: 700;
	color: #b2b1a5;	
}
.timeline .line {
	position: absolute;
	top: -1px;
	right: -41px;
	bottom: -1px;
	width: 10px;
	background: #ecece8;	
}
.timeline li:first-child .line {
	top: 50%;
}
.timeline li:last-child .line {
	bottom: 50%;
}
.timeline li:nth-child(even) .line {
	right: auto;
	left: -41px;
}
.timeline .icon {
	position: absolute;
	top: 50%;
	right: -45px;
	width: 14px;
	height: 14px;
	margin-top: -9px;
	border: 2px solid #2f2f2f;
	background: #2f2f2f;
	box-shadow: inset 0 0 0 1px #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.timeline li:nth-child(even) .icon {
	right: auto;
	left: -45px;
}
.timeline .year {
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -8px 0 0 60px;
	font-size: 16px;
	font-weight: 700;
}
.timeline li:nth-child(even) .year {
	right: 100%;
	left: auto;
	margin-right: 60px;
	margin-left: 0;
}
.timeline .title {
	position: relative;
	display: inline-block;
	margin-bottom: 24px;
	padding: 0 36px;
	background: #2f2f2f;
	font-family: Vidaloka, sans-serif;
	font-size: 30px;
	line-height: 56px;
	color: #fff;	
}
.timeline .title:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #2f2f2f;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;	
}
@media screen and (max-width: 980px) { /* pad */
	.timeline li {
		width: 292px;	
	}
}
@media screen and (max-width: 767px) { /* phone */
.hero-subhead h3 {padding:0px 40px!important;font-size:20px;}
.containerintro h1 {color: #00274c;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/main_hback.png") no-repeat center 122px !important; padding: 0 0 40px 0 !important; margin: 10px 0px;background-size:310px !important;
letter-spacing: 0px!important;font-size:2.3em;
}
	.contact .containerintro h1 {margin-top:180px !important;}}
.latest-posts li {background-color:#f2eddf;}
.about-title h4 {
	position: relative;
	margin-top: 48px;
	font-family: Vidaloka, sans-serif;
	font-size: 22px;
	font-weight: 400;
	background: inherit;
}
.about-title h4:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #00274c;
}
.about-title h4:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 8px;
	margin-top: -3px;
	border-top: 2px solid #00274c;
	background: #f0f0f0;
}
.about-title h4 span {
	position: relative;
	z-index: 1;
	padding: 0 12px;
	background: black;
}

.about-title h4 span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 23px;
	padding-top: 1px;
	background: #00274c;
	border:solid 2px #f0f0f0 ;
	font-size: 11px;
	line-height: 29px;
	text-transform: uppercase;
	color: #fff;
	-webkit-transform: translate3d(0,0,0);
	-moz-webkit-transform: translate3d(0,0,0);
	-ms-webkit-transform: translate3d(0,0,0);
	webkit-transform: translate3d(0,0,0);
}
.about-title h4 i {
	position: relative;
	padding: 0 10px;
}
.about-title h4 i:after,
.about-title h4 i:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -3px;
	background: #A98A30;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
}
.about-title h4 i:after {
	right: 0;
}
.about-title h4 i:before {
	left: 0;
}
.center-block {padding:20px;margin:10px;}
.center-block-outline {padding:20px;margin:10px;background-image: url("../images/specials_back.png");
    background-repeat: no-repeat;
background-position: center;      /* center the image */
    background-size: cover; }
.our-story .main  {background-color:#FFFFFF;}
.secondary .header-two {
	background-color: #222222;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
}
.home .header-two .logocenter {display:none;}
.best-reviews h6 {/*! padding-bottom: 10px; */color: #00274c;text-align:center;font-family: 'Vidaloka', serif;
letter-spacing: .01em; font-size:24px;}
.head-line {
	position: relative;
	height: 5px;
	margin-bottom: 36px;
	border-top: 2px solid #00274c;
	border-bottom: 1px solid #00274c;
}
.shop-detail .text h2 {
	position: relative;
	margin-top: 48px;
	font-family: Vidaloka, sans-serif;
	font-size: 22px;
	font-weight: 400;
	background: inherit;
}
.shop-detail .text h2:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #2f2f2f;
}
.shop-detail .text h2:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 8px;
	margin-top: -3px;
	border-top: 2px solid #2f2f2f;
	background: #f0f0f0;
}
.shop-detail .text h2 span {
	position: relative;
	z-index: 1;
	padding: 0 12px;
	background: inherit;
}
.bottom-history-wrap h2, .productbrands h2 {font-size:34px;color:#222222!important;font-family: 'Vidaloka', serif;}
.stripe p {font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size:14px;margin-bottom:0px;text-transform:uppercase;}
.main-title h1{ color: #00274c;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: url("../images/subhead_dec.png") no-repeat center 40px; letter-spacing: -.04px; padding: 0 0 60px 0; margin: -6px 0 0 0;background-size:12%;font-size:30px;
}
.contact {background-color:#FFFFFF;}
.customer-words .owl-prev, .customer-words .owl-next {float:left;width:58px;margin-left:10px;height: 58px;}
.special p {color:#00274c !important;}
.hide {display:none;}
.halloween img {height:auto;}
.halloween.inner {
    border: none;
    width: 60%;
    margin: auto;
    padding-bottom: 80px;
}
@media (max-width:719px) {
.halloween.inner {
    border: none;
    width: 98%;
    margin: auto;
    padding-bottom: 80px;
    padding-left:0px;padding-right:0px;
}
}
.center-block-card {padding:40px;display:inline-block;border-radius: 24px;margin:20px;}
.padding-bottom-60 {margin-bottom:60px;}
.center-block-card img {width:90%;height:auto;}
#bfast {padding: 40px 80px 40px 80px;
    background: url(../images/wood_back.jpg) no-repeat fixed;
    width: 100%;
    padding-bottom: 80px;
    display:inline-block;
}
.latest-posts i {color:white;}
#bfast h1{ color: #ffffff;padding:40px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;line-height:.96em;
background: url("../images/subhead_dec.png") no-repeat center 68px; letter-spacing: -.04px; margin: -6px 0 0 0;background-size:100px;font-size:36px;
}
#bfast .small {color:inherit!important;}
#bfast p {color:#FFFFFF!important;font-size: 1.8em;padding-top:20px;}
.imgsmall {width:30%!important;height:auto!important;}
#slide-397-layer-3 .tp-caption {line-height:1.3!important;}
@media (min-width: 768px) {
	 .mobile i {font-size:18px;}
	.main-title, .contact_title { text-align:center;width: auto;clear: both;padding-top:40px;padding-left:30px;padding-right:30px;}
	.footer {padding: 40px 80px 40px 80px;background-color:#222222!important;}
	.hero-headline {z-index: 7; 
  visibility: inherit;
  transition: none 0s ease 0s;
  text-align: center;
  line-height: 1.1em;
  border-width: 0px;
  margin: 0px;
  padding: 0px 0px;
  letter-spacing: 0px;
  white-space: normal;
  min-height: 0px;
  max-height: none;
  max-width: 800px;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  transform-origin: 50% 50% 0px;margin:auto;}
	.hero-subhead p {z-index: 7;
  color: white;
  font-weight: 800;
  visibility: inherit;
  transition: none 0s ease 0s;
  text-align: center;
  line-height: 30px;
  border-width: 0px;
  margin: 0px;
  padding: 10px 0px;
  letter-spacing: 0px;
  font-size: 14px;
  white-space: normal;
  min-height: 0px;
  min-width: 800px;
  max-height: none;
  max-width: 800px;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  transform-origin: 50% 50% 0px;margin:auto;}
.hero-subhead h3 {z-index: 7;
  color: white;
  font-weight: 800;
    font-family: Helvetica, Arial, sans-serif !important;
  visibility: inherit;
  transition: none 0s ease 0s;
  text-align: center;
  line-height: 30px;
  border-width: 0px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  letter-spacing: 0px;
  font-size: 24px;
  white-space: normal;
  min-height: 0px;
  min-width: 800px;
  max-height: none;
  max-width: 800px;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  transform-origin: 50% 50% 0px;margin:auto;}
	.hero-logo img {max-width:325px; height:auto;}
	.hero {text-align: center;}
.u-container-layout {padding: 30px 40px;width:100%;}
	 .u-section {
  width: 744px;
  min-height: 255px;
  background-image: none;
  height: auto;
  margin: -81px auto 60px;
    color: #111111;
  background-color: #ffffff;}
	.improvements .grid-container 
{display: grid;
  grid-template-columns: 1fr 1fr 1fr ;
  grid-template-rows: 1fr;
  gap: 20px 40px;
  grid-auto-flow: column;
  grid-template-areas:
    ". . . .";
    
}
    #slide-397-layer-3 br, #slide-397-layer-4 br {display:none;}
	.u-section-gallery-inner {grid-template-columns: repeat(3, auto);
  grid-gap: 25px;display: grid;
    min-height: 100%;}
	  .navbar {display: inline-block;
  align-items: start;
    }}
.padding-top {padding-top:40px;}
.daily {color:#00274c !important;text-align:center;}
.daily-menu {line-height:1.8em;}
.daily-menu p {border-bottom: dotted 1px #777;}
.numberCircle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  text-align: center;
  font-size: 22px;
  border: 2px solid #3498db;
  color:white;
  background:#3498db;
  margin: 0 auto;
  z-index: 1;
  transform: translateY(-50%);
  line-height: 40px;
}

.card {
    padding-top: 0px;
    margin-top: 80px;
    text-align: center;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
  }

.menubtm2 {    background: url(../images/menu_btm.png);
        background-repeat: no-repeat;
        background-size: auto;
    background-size: 100%;
    height: 220px;
    background-position: bottom;
	margin-left:-40px;
	margin-right:-40px;
	margin-top:-200px;
	
}
.spcontainer {
margin:0 auto;
    display: flex;
	    padding-left: 0px;
}

.spchild {
	width:20%;
     flex: 1; /* additionally, equal width */
  padding: 1em;
  float:left;
    text-align: center;
}
.spchild h4 {border-bottom: 2px solid #777;
padding-bottom: 8px;
text-transform: uppercase;
font-size: 18px;
font-family: 'Vidaloka', serif !important;
	color: #777;
}
.latest-posts {text-align: center;}
.daily h3 {text-transform: uppercase;font-size:1.7em;}
#menuall .col-md-4 {padding-left:30px;padding-right:30px;}
#menuall .col-md-4.last {padding-left:45px;padding-right:45px;}
.callout2 {width:80%;margin:0 auto;padding:80px;text-align: center;}   

#layout {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
  position: relative;
  margin: 2.5rem auto;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  min-height: 0px;
  height: auto;
  max-width: 1000px;
  max-height: 1300px;
  align-self: flex-start;
  transition: opacity 250ms cubic-bezier(0.25, 0, 0.25, 1) 100ms;
  opacity: 1;
}
.button3 {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-style:  normal;
 text-decoration: none;
 text-align: center;
 font-size: 20px;
 color: #ffffff;
 border-style: none;
 border-width: 0px;
 background-image: url(https://s3.lightboxcdn.com/vendors/116d7f2c-6925-44d6-b6bd-10f9bdc04a99/uploads/0052bb1f-1dcc-4181-b6d7-7876f9926f17/x2.png);
 background-position: right top;
 background-color: rgba(255, 255, 255, 0);
 background-repeat: no-repeat;
 width: 100%;
 height: 100%;
 cursor: pointer;
}.closebtn {font-size:28px;}
.sitewide-3m1eou {
  display: flex;
  height: 100%;
  left: 0px;
  overflow: auto;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: -1;
  transition: background-color 250ms cubic-bezier(0.25, 0, 0.25, 1) 0ms;
  background-color: rgba(0, 0, 0, 0.5);
}
.sitewide-mg5t4c {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
  position: relative;
  margin: 2.5rem auto;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  min-height: 0px;
  height: auto;
  max-width: 1000px;
  max-height: 1300px;
  align-self: flex-start;
  transition: opacity 250ms cubic-bezier(0.25, 0, 0.25, 1) 100ms;
  opacity: 1;
  background-color: #A98A30 !important;
}
.sitewide-mg5t4c .center-block {background-color:#FFFFFF;}
.sitewide-1mo2vq1 {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999999;
  overflow: auto;
}
.callout h1 {font-family: 'Vidaloka', serif;}
.callout-container img {/*! width:300px; *//*! margin-bottom:20px; */}
.callout-container .boxshadow img {width:100%;padding:0px;display: block;border: solid 16px white;}
.spcontainer p {
		color: #777 !important;
font: 100 14px/1.3 'Open Sans', serif;
}
span.uppercase {text-transform:uppercase;font-size:14px;color: #777 !important;}
.store {background-color: #ffffff;overflow: hidden;
padding-top:20px;padding-bottom:40px;}
.store img { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;margin-bottom:20px;
}
.store p {padding-top:20px;text-align:center;}
.callout img {height: auto;}

.ihUZMW {
  margin: 1.5rem 0px 1rem;
  width: 100%;
  font-weight: bold;
}
#form-output-global span {font-weight: bold;color:#A98A30;}
h1.reg {color: #00274c;padding:0px 0px 40px 0px;text-align:center;font-family: 'Vidaloka', serif;
background: none!important; letter-spacing: .01em; margin: 0px 0 0 0;
font-size: 48px;
}
.testimonials {background-color:#FFF;}
.navbar-brand:before {
content:'';
background: url("../images/FSMwebLOGO_white.png"); /*url of image*/
height: 65px; /*height of image*/
 width: 320px; /*width of image*/
position: absolute;
background-size: contain; background-repeat: no-repeat;
	left:40px;
	top:10px;
}
.navbar-brandlogo:before {
content:'';
background: url("../images/fsm_logosm.png"); /*url of image*/
height: 50px; /*height of image*/
 width: 320px; /*width of image*/
position: absolute;
background-size: contain; background-repeat: no-repeat;
	left:40px;
	top:15px;
}

#stuck_container.isStuck .navbar-brand:before, #stuck_container.isStuck .navbar-brandlogo:before {
height: 50px; /*height of image*/
width: 320px; /*width of image*/
 }

.navbar-brand, .navbar-brandlogoo {margin-top:0px;}
@media (max-width: 767px) {
  .navbar {
    display: none;
  }
}
.navbar-brand a, .navbar-brandlogo a {
	display: inline-block;
	text-align: left;
	font-size: 0px;
	line-height: 1px;
	position: relative;
	letter-spacing: -0.4px;
	text-transform: uppercase;
	min-width:290px;
	min-height: 100px;
}
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.rd-mobilemenu.active {
  right: 0;
}
.rd-mobilemenu_ul {
  position: fixed;
  top: -56px;
  left: 0;
  bottom: -56px;
  width: 240px;
  padding: 132px 0 76px;
  color: #ffffff;
  background: rgba(42, 45, 45, 0.97);
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.lt-ie9 .rd-mobilemenu_ul {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a2d2d', endColorstr='#ff2a2d2d');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a2d2d', endColorstr='#ff2a2d2d');
  zoom: 1;
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.rd-mobilemenu_ul li.active {
  color: #0099ff;
}
.rd-mobilemenu_ul a {
  display: block;
  padding: 14px 25px 16px;
}
.rd-mobilemenu_ul a.active {
  background: transparent;
  color: #0099ff;
}
.rd-mobilemenu_ul a:hover {
  background: transparent;
  color: #d7bb69;
}
.rd-mobilemenu_ul a .rd-submenu-toggle {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -17.5px;
  width: 32px;
  height: 32px;
  font: 400 10px 'FontAwesome';
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #2a2d2d;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
  content: '\f078';
}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
  background: #2a2d2d;
  color: #ffffff;
}
.rd-mobilemenu_ul a.rd-with-ul {
  position: relative;
}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilemenu_ul ul a {
  padding-left: 40px;
  border: none;
  padding-top: 14px;
  padding-bottom: 16px;
}
.rd-mobilemenu_ul ul ul {
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
  left: 0;
  top: 0;
  text-align: left;
  transform: none;
}
.rd-mobilemenu_ul ul ul:before,
.rd-mobilemenu_ul ul ul:after {
  display: none;
}
.rd-mobilemenu_ul ul ul li {
  border: none;
  box-shadow: none;
}
.rd-mobilemenu_ul ul ul a {
  padding: 0;
  margin: 0;
  padding-left: 60px;
  color: inherit;
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 16px;
  border: none;
  box-shadow: none;
}
.rd-mobilemenu_ul ul ul a.active {
  background: transparent;
  color: #0099ff;
}
.rd-mobilemenu_ul ul ul a:hover {
  background: transparent;
  color: #0099ff;
}
.rd-mobilemenu_ul:after {
  content: '';
  display: block;
  height: 20px;
}
.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #ffffff;
  color: #2a2d2d;
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991;
}
.rd-mobilemenu h2 {margin-top:0px;}
.rd-mobilepanel_title {
  position: fixed;
  padding-left: 10px;
  text-transform: uppercase;

  color: #0e4ca1;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-overflow: ellipsis;
  white-space: nowrap;
	   font-size:0px!important;
  
}
.rd-mobilepanel_title:before {
    background-image: url('../images/FSMwebLOGO.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%; 
    height: 48px;
    content:"";
	background-position: 40% 50%;
}
.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px;
  background-color: #f7f7f7;
  border-color: transparent;
  outline: none;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.rd-mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after {
  top: 8px;
}
.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span {
  width: 24px;
  height: 4px;
  background-color: #2a2d2d;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span:after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
.rd-mobilepanel_toggle.active span {
  transition: background .3s 0s ease;
  background: transparent;
}
.rd-mobilepanel_toggle.active span:before,
.rd-mobilepanel_toggle.active span:after {
  top: 0;
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
.rd-mobilepanel_toggle.active span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rd-mobilepanel_toggle.active span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
   
  body {
    padding-top: 36px;
  }
  .rd-mobilemenu,
  .rd-mobilepanel {
    display: block;
  }
}
@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 20px;
  }
}
    header{width:100%;    position: relative;
    left: 0;
    right: 0;
    z-index: 501;}

.calloutbox .shadow img {
    border:solid white 12px;
    -webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


   

.u-section-gallery-inner-item {
  position: relative;
  overflow: hidden;
}
.u-back-slide
{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.u-group {display: flex;position: relative;flex-shrink: 0;}

  .flex-container > div{
    padding: 8px;
  }

.callout .headline {width: 80%;margin:auto;}
.headline span {font-size:40px;}
.fa-check-circle::before, .fa-circle-check::before
{content: "\f058";}
.fa-circle-question::before, .fa-question-circle::before
{
  content: "\f059";
}
.fa-cash-register::before
{
  content: "\f788";
}
.fa-gifts::before {content: "\f79c";}
.headline h2 {padding-bottom:40px}
.improvements i {font-size: 50px}
.improvements i.fa {font-size:20px;}
.strong {font-size:20px;}
h1.u-text {padding-bottom:20px;color:#00274c;}
h2.rd-mobilepanel_title {margin-top:0px!important;}
.row {flex-wrap: wrap;display:flex;/*! justify-content: start; */ 
  /*! align-items: start; */}
.shadow {box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}
	.u-section-gallery {  width: 90%;  margin: 40px auto;}
.hero {width: 100%;background-color:#222222;}
.hero-item {padding:0px;}
.hero-back-wrapper {position: absolute;
  display: inline;
  overflow: visible;}

.hero-item.eagles {position: relative;
      background-image:  linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 1)),  url(../images/brisket.jpg) ; 
      background-size: cover;
	  background-position: center;
     }
.hero-item:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 1)); 
      z-index: 1;
    }
.stripe {padding:10px;text-align:center;background-color:#856939;display: table;width:100%;}
.stripe p {color: rgba(255, 255, 255, 0.7) !important;}
.callout-container {
	background-color: #A98A30;
}
.photogallery {	padding-bottom:40px;
	display: inline-block;
	overflow: visible;
  position: relative;
  width: 100%;
  background-image: url('../images/dot_pattern.png'); /* Replace with your image URL */
  background-size: 100%; /* Ensures the image covers the entire div */
  background-position: top;
	background-repeat: no-repeat;
}

.maps .col-md-8 {text-align: center;}
footer {overflow:auto;}
.navbar .container {width:100%}
.navbar-nav {float:right;}
.customer-words {overflow:auto; padding-bottom:80px; background-color:#FFFFFF !important;}
.hero-subhead h3 {color:#FFF!important;}
#breakfast, #menuapps {margin:0 auto;}
#sheet-data {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Adjust based on your data */
  gap: 10px;
}

#sheet-data span {
  padding: 5px;
  border: 1px solid #ccc;
}

#data-container {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }


    @media (max-width: 600px) {

        #data-container table, #data-container th, #data-container td {
            display: block;
            width: 100%;
        }
        #data-container th {
            display: none; /* Hide table headers on small screens */
        }
       #data-container td {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px;
            border: none;
            border-bottom: 1px solid #ddd;
        }
       #data-container td:before {
            content: attr(data-day); /* Show day name above content */
            font-weight: bold;
            margin-bottom: 5px;
            color: #555;
        }
    }

#data-container table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }
    #data-container th, #data-container td {
        padding: 15px;
        text-align: center;
        border: 1px solid #ddd;
    }
    #data-container th {
        background-color: #f4f4f4;
    }
.hero-wrapper {

}

.navy {color:#00274c}

.cff-header {color:#524945  !important; }
.hero-item {padding-top:40px;padding-bottom:40px;}
#special-data-container {padding-bottom:0px;padding-top:4px;position: relative;}
h3.cff-header {padding:0px;margin-bottom:0px !important;/*! margin-top:30px; */}
.subhead-row {font-weight:bold;}
.headline {background-color: #FFFFFF;padding:20px;margin-bottom: 40px;}
.hero-item h1 {color: #ffffff;padding:0px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;font-size:4.2em;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);}
.center {margin:auto;}

.subhead-row {line-height:1.1em; padding-bottom:4px;padding-top:8px;}
.headline-row {line-height:1.4;padding-top:8px;padding-bottom:4px;}

.divider {width:   80% !important;height:1px;margin-top:2rem;margin-bottom:.35714rem;display: inline-block;background-color:#cec3b0;}
.fresh-local { display: inline-block;}
.products, .productbrands {background-color: #FFFFFF;overflow: hidden;}
.maps {background-color:#FFFFFF;padding-top:80px;}
.about-detail { display: flex;
  justify-content: center; /* Centers content horizontally */
  align-items: center; /* Centers content vertically */
  text-align: center; /* Centers text if it's multiline */
}
.pt-10 {padding-top:10px;}
.pb-15 {padding-bottom:15px;}
.pb-60 {padding-bottom:60px;}
.pt-20 {padding-top:20px;}
.pt-40 {padding-top:40px;}
.pt-80 {padding-top:80px;}
.pt-120 {padding-top:120px;}
.center-block {padding: 0px 45px;position: relative;}
.our-story .main-title {background-color:#f2eddf;}
.center-text {text-align: center;}
.tanback {background-color: #f2eddf !important;}
.box-shadow img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border:solid 10px white;}
.improvements h3 { color:#ffffff; text-align:center;}
.improvements h2 {text-align:center;}
.store h2 {	color:#00274c !important;font-size: 42px;
  font-family: 'Vidaloka', serif;}
.credit {
	font: 100 12px/1.1 'Open Sans', serif;
}
.improvements h4 {color:#A98A30 !important; font: 800 16px/1.2 'Open Sans', serif;margin-top:20px;}
.improvements .grid-container img {padding-top: 40px;}
.special-row {font-weight:400;font-size:1.3em;line-height:1.2em;padding-top:8px;padding-bottom:15px;}

.improvements h3 {margin-top:0px;color:#00274c !important;font-size:30px;font-weight:bold;}
.yellow {background-color:#a98a30;}

.grunge_left,
.grunge_right {
  display:none
}
@media screen and (min-width:768px) {
	.specials .center-block {background-image: url('../images/special_backlong.png'); /* Replace with your image URL */
  background-size: 100% 100%; /* Stretch to fill both width and height */
  background-repeat: no-repeat; /* Prevent tiling */padding-top:40px;padding-bottom:50px;}
  
    .yellow .col-lg-8 {padding:40px;}
        .yellow .col-lg-4 {padding:40px;}
}
 .g-pr-40--lg {
        padding-right: 2.85714rem !important;
    }





  
#item-0 {
   grid-area: text;
   
}
#item-1 {
   grid-area: vimage;
   
}
#item-2 {
   grid-area: himage;
   
}
#item-3 {
   grid-area: himage2;
  
}
.news-grid img {display: block;}
.padding-40 {padding:40px;}

.photogallery {	padding-bottom:40px;
	display: inline-block;
	overflow: visible;
  position: relative;
  width: 100%;
  background-image: url('../images/dot_pattern.png'); /* Replace with your image URL */
  background-size: 100%; /* Ensures the image covers the entire div */
  background-position: top;
	background-repeat: no-repeat;
}

.maps .col-md-8 {text-align: center;}
footer {overflow:auto;}
.navbar .container {width:100%}
.navbar-nav {float:right;}
.customer-words {overflow:auto; padding-bottom:80px; padding-top:40px;background-color:#FFFFFF !important;}
.hero-subhead h3 {color:#FFF!important;}
#breakfast, #menuapps {margin:0 auto;}
#sheet-data {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Adjust based on your data */
  gap: 10px;
}

#sheet-data span {
  padding: 5px;
  border: 1px solid #ccc;
}

#data-container {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
	color:#222222;
    }


    @media (max-width: 600px) {
        #data-container table, #data-container th, #data-container td {
            display: block;
            width: 100%;
        }  #data-container tr {
            display: block;
            width: 100%;
        }
        #data-container th {
            display: none; /* Hide table headers on small screens */
        }
       #data-container td {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px;
            border: none;
            
        }
       #data-container td:before {
            content: attr(data-day); /* Show day name above content */
            font-weight: bold;
            margin-bottom: 0px;
            color: #555;
				 line-height:1em;
        }
    }

#data-container table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 10px;
    }
    #data-container th, #data-container td {
        padding: 5px;
        text-align: center;
    }
    #data-container th {
        background-color: #f4f4f4;
    }
.hero-wrapper {

}

.navy {color:#00274c}

.cff-header {color:#524945  !important; }
.hero-item {padding-top:40px;padding-bottom:40px;}
#special-data-container {padding-bottom:0px;padding-top:4px;position: relative;color:#222222;}
h3.cff-header {padding:0px;margin-bottom:0px !important;/*! margin-top:30px; */}
.subhead-row {font-weight:bold;}
.headline {background-color: #FFFFFF;padding:20px;margin-bottom: 40px;}
.description-row {padding:0px 20px 20px;color:#222222;font-size:1em;line-height:1.2em; }
.hero-item h1 {color: #ffffff;padding:0px 0px 10px 0px;text-align:center;font-family: 'Vidaloka', serif;font-size:4.2em;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);}
.center {margin:auto;}
.subhead-row {line-height:1.1em; padding-bottom:4px;padding-top:8px;}
.headline-row {line-height:1.4;padding-top:8px;padding-bottom:4px;}

.divider {width:   80% !important;height:1px;margin-top:2rem;margin-bottom:.35714rem;display: inline-block;background-color:#cec3b0;}
.fresh-local { display: inline-block;}
.products, .productbrands {background-color: #FFFFFF;overflow: hidden;}
.maps {background-color:#FFFFFF;padding-top:80px;}
.about-detail { display: flex;
  justify-content: center; /* Centers content horizontally */
  align-items: center; /* Centers content vertically */
  text-align: center; /* Centers text if it's multiline */
}
.pt-10 {padding-top:10px;}
.pb-15 {padding-bottom:15px;}
.pb-60 {padding-bottom:60px;}
.pt-20 {padding-top:20px;}
.pt-40 {padding-top:40px;}
.pt-80 {padding-top:80px;}
.pt-120 {padding-top:120px;}
.center-block {padding: 0px 45px;position: relative;}
.specials .center-block {/*! padding: 10px !important; *//*! background-color:#ffffff; */}
.our-story .main-title {background-color:#f2eddf;}
.center-text {text-align: center;}
.tanback {background-color: #f2eddf !important;clear: both;}
.box-shadow img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border:solid 10px white;}
.improvements h3 { color:#ffffff; text-align:center;}
.improvements h2 {text-align:center;}
.store h2 {	color:#00274c !important;font-size: 42px;
  font-family: 'Vidaloka', serif;text-align:center;letter-spacing: -.04em;}
.callout-container h2 {	color:#00274c !important;font-size: 42px;
  font-family: 'Vidaloka', serif;text-align:left;letter-spacing: -.04em;margin-top:40px;margin-bottom:20px;}
.credit {
	font: 100 12px/1.1 'Open Sans', serif;
}
.improvements h4 {color:#A98A30 !important; font: 800 16px/1.2 'Open Sans', serif;margin-top:20px;}
.improvements .grid-container img {padding-top: 40px;}
.special-row, .headline-row {font-weight:bold;position: relative;font-size:1em;line-height:1.2em;padding-top:8px;text-transform: uppercase;color:#222222;
}
.special-row::before {
  content: "........."; 
  display: block; 
  width: 100% ;
  margin: 0 auto;
	position: relative;
	bottom:12px;
	font-weight: bold;
  font-size: 1em;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #222222;
	padding-top:8px;
}
.special-row::after, .description-row::after {
  content: "........."; 
  display: block; 
  width: 100% ;
  margin: 0 auto;
	position: relative;
	bottom:-4px;
	font-weight: bold;
  font-size: 1em;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #222222;
}

.improvements h3 {margin-top:0px;color:#00274c !important;font-size:30px;font-weight:bold;}
.yellow {background-color:#a98a30;}

@media screen and (min-width:768px) {
.factgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; /* optional */
}
    .yellow .col-lg-8 {padding:40px;}
        .yellow .col-lg-4 {padding:40px;}
}



 .g-pr-40--lg {
        padding-right: 2.85714rem !important;
    }


.news-grid img {display: block;}


.padding-40 {padding:40px;}
.u-container-layout {text-align: center;}
.nested-grid {
  display: grid;
	grid-row-gap: 15px; 
  grid-template-rows: repeat(2, 1fr); /* Two equal rows */
}
.nested-grid img {
  width: 100%; /* Fill the column horizontally */
  height: 100%; /* Fill the row vertically */
  object-fit: cover; /* Ensure images scale properly without distortion */
}
.news-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr; /* Three columns for larger screens */
  grid-column-gap: 15px; /* Space between columns */
}
@media (max-width: 768px) {
	.specials .center-block {background-image: url('../images/special_backmobile.png'); /* Replace with your image URL */
  background-size: 100% 100%; /* Stretch to fill both width and height */
  background-repeat: no-repeat; /* Prevent tiling */padding-top:40px;padding-bottom:50px;}
  .news-grid {
    display: grid;
  grid-template-columns: repeat(2, 1fr); /* Four equal columns */
  gap: 10px;
  }
	.first {grid-column: span 2;}
  .nested-grid {
    grid-template-rows: auto; /* Images stack naturally in one column */
    gap: 0.5rem; /* Smaller gap between images */
  }

  .nested-grid img, grid-item img {
    height: auto; 
    object-fit: contain;
  }
}
.news {/*! background-color:#f2eddf; */}
.manuals li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  height: 0;
  background:
url("../images/documenticon.png") no-repeat -2px 0;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: -2px;
    background-position-y: px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("../images/documenticon.png");
    background-origin: padding-box;
    background-clip: border-box;
	background-size:90%;
  width: 19px;
  height: 22px;
}
.manuals li a {margin-left:24px;}
.manuals {display:block;padding-bottom:20px}
.manuals li {
  text-align: left;
  padding-top: 10px;
  position: relative;
}
.manuals ul {
  margin-bottom: 0;
  display: inline-block;
}
.manuals a:hover {text-decoration: underline;}
.manuals a:hover {text-decoration: underline;}
.about.intro h1 {font-size: 42px!important;}
.pb-40 {padding-bottom:40px;}
.pb-20 {padding-bottom:20px;}
.mb-20 {margin-bottom:20px;}
.pt-40 {padding-top:40px;}
.pt-20 {padding-top:20px;}
.border-bottom {border-bottom: dotted 2px #b4b0a7;}
.specials h4 {  line-height:1.1em;font-family: 'Vidaloka', serif;text-align:center;font-size: 18px;text-transform: uppercase;padding-top:10px;color:#222222;}
.underline {border-bottom: 2px solid; color: inherit;}
.whiteback {background-color:white;}
.dotted {border-bottom:dotted #b4b0a7 2px;}
.flex-centered {display: flex;margin-left:0px!important;margin-right:0px!important;
  align-items: center; /* Centers vertically */
  justify-content: center; /* Centers horizontally */}
.callout-container .col-lg-4, .callout-container .col-lg-12 {padding-left:0px;}
.whiteback {background-color:#ffffff;}
.padding-10 {padding:10px;}
.border {overflow:auto;margin-top:20px;margin-bottom:40px;padding-bottom:40px;}
.padding {padding:15px;}
.main h2 {font-size: 42px;
  font-family: 'Vidaloka', serif;color:#222222;line-height:1.2em;margin-top:20px;margin-bottom:20px;
text-align:left;

}
.main.about h2 {font-size: 42px;
  font-family: 'Vidaloka', serif;color:#00274c;line-height:1.2em;margin-top:20px;margin-bottom:20px;
text-align:center;
background: url("../images/subhead_dec.png") no-repeat center 50px; letter-spacing: -.04px; padding: 0 0 60px 0; margin: 25px 0 0 0;background-size:12%;
}
.latest-news-title {text-transform: uppercase;
  margin-bottom: 20px;
color:#00274c;}

.news-grid h4 {color:#00274c!important;text-transform:uppercase}
i {color: #A98A30;}
.productbrands img {padding:4px;}
.main {padding-top:40px;}
.specials {padding-bottom:40px;}
.lineback { background-image:
    url('../images/lineback.png');
     background-repeat: repeat-y;background-size: 100%;
   }
.band {color:#999490 !important}
.padbtm60 {padding-bottom:60px;}
.mobile {padding-top:20px;}
.specials-left h4, .productbrands h4, .aboutsub h4, .shop-detail h4 {padding-top:10px;font-size: 22px;color:#222222;
  font-family: 'Vidaloka', serif;}
.productbrands {margin-bottom:80px;}
.rd-mobilemenu_ul li {border-bottom:1px #999490 solid;}
.row-no-gutters {overflow: hidden;}
.appprice {font-weight:bold;}
#error-message {
        color: #cc0000;
        background-color: #ffe6e6;
        padding: 10px;
        border: 1px solid #cc0000;
        border-radius: 4px;
        margin-top: 20px;
        font-weight: bold;
    }
.headlines {
    width: 80vw; /* 80% of viewport width */
    display: grid;
    grid-template-columns: 1fr 1fr; /* two equal columns */
    gap: 20px; /* spacing between columns and rows */
    margin: 0 auto; /* center container */
}

.headlines-item {
    background-color: #f0f0f0;
    padding: 20px;
    text-align: center;
    border: 1px solid #ccc;
}
.boldtextnews {font-weight:bold;font-weight: 700; font-size:1em;line-height:1.2em;text-transform: uppercase;}
.newsannouncement {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color:#222222;line-height: 1.2em;}
.dotspace:after {
  content: "........."; 
  display: block; 
  width: 100% ;
  margin: 0 auto;
	position: relative;
	font-weight: bold;
  font-size: 1em;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #222222;
}
.dotspace {padding: 0px 20px 20px;}



/* Card */
.factcard{
background:var(--card);
border-radius:var(--radius);
padding:1rem;
display:flex;
flex-direction:column;
min-height:140px;
transition:transform .18s ease, box-shadow .18s ease;
}
.factcard p {padding:0px 15px;font-size: .98em;}
.factswrap{
width:100%;
max-width:var(--max);

border-bottom: dotted 2px;
margin: 40px 0px;
}

.factgrid > *:first-child {
  padding-left: 0;
}
.eyebrow {text-transform:uppercase;background-color: #bfa864;padding: 6px;color: white;font-family: 'Vidaloka', serif;font-size:.95em;padding-left: 15px;border-radius: 12px;}
.factcard h4 {font-size: 1.2em;padding:10px 15px 0px 15px;}
.cardbold {font-weight: 700;color:#222222;}
.intro {padding-right:20px;}
#code-data-container { padding:5px;border:solid 1px grey;text-transform:uppercase;letter-spacing:.16em;margin-top:6px;margin-bottom:6px;font-weight:300;}
.code {font-size: 1em;
  line-height: 1.2em;
padding-top: 5px;
}
.codesmall {font-size:smaller;font-style:italic;}