/* ================================
    Ginger
	 
	 - For the background for sliders and headers created a new token #000000
	 - For the background for the quote (3rd footer) created a new token #CED7DE
	 - For the color in the Reservation and Announcements panes of the home page 
			the classes are:  
			c-hr-bk - HomeRight-Background, c-hr-te - HomeRight-Text, c-hr-tb -  HomeRight-TextBold
         c-hl-bk - HomeLeft-Background, c-hl-te - HomeLeft-Text, c-hl-tb - HomeLeft-TextBold, c-hl-li - HomeLeft-Link, c-hl-lh - HomeLeft-LinkHover
	 ================================
*/   
/* ================================ 
	FONTS
   ================================
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);


/* ================================ 
	Framework
   ================================
*/

A:link {
    text-decoration:    none;
    color: #0F354F;
}
A:visited  {
    text-decoration:    none;
    color: #0F354F;
}
A.active  {
    text-decoration:    none;
    color: #0F354F;
}
A:hover {
    text-decoration:    none;
    color: #186A72;
}
.CommandButton     {
   font-family: 'Open Sans', sans-serif; font-size:14px; font-style:normal; font-weight:normal; text-decoration:none;
	margin: 2px; 
	padding: 5px 25px 5px 25px; 
	height: 26px;  
	cursor: pointer; 
	color: #FFFFFF; 
	background-color: #6B1C0A;
	border: 0px #0F354F; 
	border-radius: 3px;
}
.CommandButton:hover, .CommandButton:visited, .CommandButton:active   {
	color: #0F354F;
	background-color: #C0C0C0;
}
A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active {
   text-decoration:    underline;
	color: #0F354F;
	background-color: #FFFFFF;
}
A.CommandButton:hover  {
   text-decoration:    underline;
	color: #186A72;
	background-color: #FFFFFF;
}
/* Background and Zone Settings */

H1, H2, H3 {
	color: #000000;
}
/* style for module titles */
.Head   {
    font-family: 'Open Sans', sans-serif; font-size:22px; font-style:normal; font-weight:bold;
    color: #000000;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: 'Open Sans', sans-serif; font-size:20px; font-style:normal; font-weight:bold;
    color: #000000;
}
A.SubHead:link, A.SubHead:visited, A.SubHead:active {
    font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold; text-decoration:underline;
    color: #0F354F;
}
A.SubHead:hover {
    font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold; text-decoration:underline;
    color: #186A72;
}

.HeadL   {
    font-family: 'Open Sans', sans-serif; font-size:22px; font-style:normal; font-weight:normal;
    color: #000000;
}

/* style of item titles on edit and admin pages */
.SubHeadL    {
    font-family: 'Open Sans', sans-serif; font-size:20px; font-style:normal; font-weight:bold;
    color: #000000;
}
A.SubHeadL:link {
    font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
    color: #000000!important;
}
A.SubHeadL:visited {
    font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
    color: #000000!important;
}
A.SubHeadL:active {
    font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
    color: #000000!important;
}
A.SubHeadL:hover {
    font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
    color: #000000!important;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: 'Open Sans', sans-serif; font-size:18px; font-style:normal; font-weight:bold;
    color: #000000;
}

/* text style used for most text rendered by modules */
.Normal,.NormalDisabled
{
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:normal;
	color: #0F354F;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: #0F354F;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	color: #000000;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}
A.NormalBold:link, A.NormalBold:visited, A.NormalBold:active
{
	color: #0F354F!important;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold; text-decoration:underline;
}
A.NormalBold:hover
{
	color: #186A72!important;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold; text-decoration:underline;
}

/* text style used for error messages */
.NormalRed
{
    font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
    color: #B22222;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
   font-family: 'Open Sans', sans-serif; font-size:15px; font-style:normal; font-weight:normal;
	color:#000000;
	font-size: 15px;
}
.NormalL,.NormalDisabledL
{
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal;
	color: #000000;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabledL
{
    color: #000000;
}

A.NormalL:link
{
	color: #000000;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}
A.NormalL:visited
{
	color: #000000;
   font-family:  'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}
A.NormalL:active
{
	color: #000000;
   font-family:  'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}
A.NormalL:hover
{
	color: #000000!important;
   font-family:  'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}

/* text style used for rendered text which requires emphasis */
.NormalBoldL
{
	color: #000000;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}
A.NormalBoldL:link
{
	color: #000000;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}
A.NormalBoldL:visited
{
	color: #000000;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}
A.NormalBoldL:active
{
	color: #000000;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}
A.NormalBoldL:hover
{
	color: #000000;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}

/* text style used for error messages */
.NormalRedL
{
   color: #000000;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;	 
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBoxL
{
	color:#000000;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:normal;	
}

/* Skin Objects */

.SkinObject {
	color: #CFCFCF!important;
	font-family: 'PT Sans', sans-serif; font-size:12px; font-style:normal; line-height:15px; text-transform:uppercase; text-decoration:none; text-align:left; 
	padding: 2px 2px 2px 2px;
}
A.SkinObject:link {
	color: #CFCFCF!important;
	font-family: 'PT Sans', sans-serif; font-size:12px; font-style:normal; line-height:15px; text-transform:uppercase; text-decoration:none; text-align:left; 
}
A.SkinObject:visited {
	color: #CFCFCF!important;
	font-family: 'PT Sans', sans-serif; font-size:12px; font-style:normal; line-height:15px; text-transform:uppercase; text-decoration:none; text-align:left; 
}
A.SkinObject:active {
	color: #CFCFCF!important;
	font-family: 'PT Sans', sans-serif; font-size:12px; font-style:normal; line-height:15px; text-transform:uppercase; text-decoration:none; text-align:left; 
}
A.SkinObject:hover {
	color: #FFCD25!important;
	font-family: 'PT Sans', sans-serif; font-size:12px; font-style:normal; line-height:15px; text-transform:uppercase; text-decoration:none; text-align:left; 
}
A.footer:link, A.footer:visited, A.footer:active {
	color:#CFCFCF;
}
A.footer:hover {
	color:#FFCD25;
}
/*___________________________________________________________________________________________*/
/*   The new dependancies for the Reservation Module                                         */
/*___________________________________________________________________________________________*/
.GridHeader
{
	white-space: nowrap;
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
	color: #000000;
}
.GridItem
{
	white-space: nowrap;
   font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal; font-weight:normal;
	color: #EDEEED;
}
.HSS_FSPAdminContent td.GridItem {
	overflow: hidden;
	display: block; 
	float: left; 
}
.GridItemWrap
{
   font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal; font-weight:normal;
   color: #EDEEED;
}
.GridItemError
{
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal; font-weight:normal;
	color: #B22222;
	overflow: hidden;
	display: block; 
	float: left; 
}
.GridItemCancel
{
	font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal; font-weight:normal;
	color: #EDEEED;
}
.GridItemChange
{
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal; font-weight:bold;
	color: #FFFFFF;
}
/* text style for buttons and link buttons used in the portal admin pages */
.WizCommandButton     {
	font-size: 16px;
	text-transform: uppercase;
	line-height:@@f-co-te-he@@;
	padding: 5px;
	border-radius: 8px;
	background-color: #EDEEED;
	color:#7A200B;
}
.WizCommandButton:hover {
	background-color: #FFFFFF;
}
.WizCommandButton:disabled {
    opacity:0.2
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.WizCommandButton:link {
    text-decoration:    underline;
	color:#FFFFFF;
}
A.WizCommandButton:visited  {
    text-decoration:    underline;
	color:#FFFFFF;
}
A.WizCommandButton:active   {
    text-decoration:    underline;
	color:#FFFFFF;
}
A.WizCommandButton:hover    {
	text-decoration:    underline;
	background-color: #C0C0C0;
	color:#0F354F;
}
A.WizCommandButton:disabled    {
   text-decoration:    underline;
	background-color: #C0C0C0;
   color: #0F354F;
}
/* styles used in the Wizard Framework */
.Wizard
{
	height:400px;
	width:650px;
}
.WizardMessage
{
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal; font-weight:bold;
	font-size: 18px;
	padding-right: 20px;
}
.WizardHeader
{
	background: #7A200B;
	border-bottom: #0F354F 1px solid;
	height:40px;
	border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.WizardHeader .Head
{
	color: #FFFFFF;
	font-size: 20px;
}
.WizardHeader img, .WizardHeader input {display:none;}
.WizardHeader td:first-child {width:1px!important;}
.WizardFooter .Normal
{
	color: #EDEEED;
	font-size: 13px;
}
.WizardFooter
{
	border-top: #0F354F 1px solid;
	background: #7A200B;
	height: 25px;
	text-align: right;
	border-bottom: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
	background: #FFFFFF;
	border-right: 1px solid black;
   border-left: 1px solid black;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 16px;
	padding-bottom: 5px;
	border-left: #0F354F 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #6B1C0A;
}
.WizardHelpTextHeader
{
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif; font-size:14px; font-style:normal; font-weight:bold;
}
.WizardHelpText
{
	overflow: auto;
	width: 180px;
	color: #EDEEED;
	font-family: 'Open Sans', sans-serif; font-size:12px; font-style:normal; font-weight:normal;
	height: 300px;
}
.WizardText
{
	color: #EDEEED;
	font-family: 'Open Sans', sans-serif; font-size:12px; font-style:normal; font-weight:normal;
}
.CalRes
{
	font-family:  'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:normal;
	color: #0F354F;
	border: 1px solid #0F354F;
	width:370px;
}
.CalResOtherMonthDay
{
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalResOldDate
{
	background: Transparent;
	border: 1px solid #0F354F;
}
.CalResDay
{
	background: Transparent;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalResDayAvailable
{
	color: #0F354F;
	background: #C0C0C0;
	font-weight: bold;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalResSelectedDay
{
	font-weight: bold;
	background: transparent;
	border: 1px solid #0F354F;
	cursor: pointer;
	color: #0F354F;
}
.CalResSelectedDayAvailable
{
	color: #FFFFFF;
	background: #6B1C0A;
	font-weight: bold;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalResToday
{
	font-weight: bold;
	background: transparent;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalResTodayAvailable
{
	color: #0F354F;
	background: #C0C0C0;
	font-weight: bold;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalResSelector
{
	color: #0F354F;
	background: transparent;
}
.CalResSelector A:link,.CalResSelector A:Visited,.CalResSelector A:active
{
	color: #0F354F!important;
	text-decoration: none;
}
.CalResSelector A:hover
{
	color: #0F354F!important;
	text-decoration: none;
}
.CalResNextPrev
{
	font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:normal;
	color: #0F354F;
	font-size: 16px;
	width: 15%;
}
.CalResNextPrev A:link,.CalResNextPrev A:Visited,.CalResNextPrev A:active
{
	color: #0F354F!important;
	text-decoration: none;
}
.CalResNextPrev A:hover
{
	color: #0F354F!important;
	text-decoration: none;
}
.CalResDayHeader
{
	color: #0F354F;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	background: transparent;
	border: 1px solid #0F354F;
	width: 40px;
	text-align: center;
}
.CalResTitle
{
	color: #0F354F;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	background: transparent;
	width: 100%;
}

/* Menu Display tags */

.MenuHeader {
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
	color: #0F354F;
}
.MenuFooter {
   font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
	color: #0F354F;
}
.MenDisplayHeading
{
   font-family: Arial, Helvetica, sans-serif;
   font-size:  20px;
   font-weight:    normal;
	color: #000000;
}
.MenDisplayHeadingDesc
{
   font-family: Arial, Helvetica, sans-serif;
   font-size:  13px;
   font-weight:    normal;
   color: #000000;
}

/* New Menu Editting tags */

.MenItemsList 
{
	width: 100%;
	height: 215px;
	border: dimgray 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: hidden;
}
.MenHeading, A.MenHeading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	 color:Black;
}
A.MenHeading:hover
{
	 color:red!important;
}

.MenHeadingSelected, A.MenHeadingSelected:link, A.MenHeadingSelected:visited, A.MenHeadingSelected:active
{
	 color: white;
	 background-color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.MenHeadingSelected:hover
{
	 color: white!important;
	 background-color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.MenItem, A.MenItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	 color:Black;
	padding-left: 10px;
}
A.MenItem:hover
{
	 color:red!important;
}
.MenItemSelected, A.MenItemSelected:link, A.MenItemSelected:visited, A.MenItemSelected:active
{
	 color: white;
	 background-color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
	padding-left: 10px;
}
A.MenItemSelected:hover
{
	 color: white!important;
	 background-color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
	padding-left: 10px;
}
/* styles used in the Admin Template Framework */
.PageHeader
{
	height:400px;
}
.PageHeaderMessage
{
	color: #000000;
	font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal; font-weight:bold;
}
.PageHeaderButton
{
	border-right: dimgray 1px solid;
	padding-right: 2px;
	border-top: dimgray 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: dimgray 1px solid;
	padding-top: 2px;
	border-bottom: dimgray 1px solid;
	background-color: gainsboro;
}
.PageHeaderHeader
{
	padding: 3px 3px 3px 3px;
	height: 35px;
}
.PageHeaderBody
{
	height: 325px;
}
.PageHeaderHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: #0F354F 1px solid;
	border-right: #0F354F 1px solid;
	border-bottom: #0F354F 1px solid;
	border-top: #0F354F 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #6B1C0A;
}
.PageHeaderHelpTextHeader
{
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal; font-weight:bold;
}
.PageHeaderHelpText
{
	overflow: auto;
	width: 180px;
	color: #EDEEED;
	font-family: 'Open Sans', sans-serif; font-size:12px; font-style:normal; font-weight:normal;
	height: 300px;
}
.PageHeaderText
{
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal; font-weight:bold;
}
.BusinessAddress {
	color: #E6B822;
	font-family: 'PT Sans', sans-serif; font-size:20px; font-style:normal; font-weight:bold;
}
A.BusinessAddress:link, A.BusinessAddress:visited, A.BusinessAddress:active {
	color: #E6B822;
	font-family: 'PT Sans', sans-serif; font-size:20px; font-style:normal; font-weight:bold;
}
A.BusinessAddress:hover {
	color: #FFFFFF;
	font-family: 'PT Sans', sans-serif; font-size:20px; font-style:normal; font-weight:bold;
}
.LocationSwitch {
	font-family: 'PT Sans', sans-serif; 	
	font-weight: normal;
	font-size: 12px; 
	text-decoration: none;	
	color: #FFFFFF;
	padding: 2px 2px 2px 2px;
	border: 0px;
}
A.LocationSwitch:link,A.LocationSwitch:visited,A.LocationSwitch:active,A.LocationSwitch:hover {
	font-family: 'PT Sans', sans-serif; 	
	font-weight: normal;
	font-size: 12px; 
	text-decoration: none;	
	color: #E6B822;
	padding: 2px 2px 2px 2px;
	border: 0px;
} 

/* Calendar interface for Admin */

.CalARes
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
	color: #0F354F;
	border: 1px solid #0F354F;
}
.CalAResOtherMonthDay
{
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalAResDay
{
	background: Transparent;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalAResOldDate
{
	background: Transparent;
	border: 1px solid #0F354F;
}
.CalAResDayAvailable
{
	color: #0F354F;
	background: #C0C0C0;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalAResSelectedDay
{
   font-weight: bold;
	background: transparent;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalAResSelectedDayAvailable
{
	color: #FFFFFF;
   font-weight: bold;
	background: #6B1C0A;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalAResToday
{
	background: transparent;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalAResTodayAvailable
{
	color: #0F354F;
	background: #C0C0C0;
	border: 1px solid #0F354F;
	cursor: pointer;
}
.CalAResSelector
{
	color: #0F354F;
	background: transparent;
}
.CalAResSelector A.link,.CalAResSelector A:Visited,.CalAResSelector A:active
{
	color: #0F354F!important;
	text-decoration: none;
}
.CalAResSelector A:hover
{
	color: #0F354F!important;
	text-decoration: none;
}
.CalAResNextPrev
{
   font-family: Arial, Helvetica, sans-serif;
	color: #0F354F;
   font-size: 12px;
	width: 15%;
}
.CalAResNextPrev a:hover
{
	color: #0F354F!important;
	text-decoration: none;
}
.CalAResDayHeader
{
	color: #0F354F;
	background: transparent;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
	width: 65px;
	border: 1px solid #0F354F;
}
.CalAResTitle
{
	color: #0F354F;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
	background: transparent;
	width: 100%;
}
.LookupItem
{
	cursor: pointer;
	background-color: #7A200B;
}
.LookupItemAlt
{
	cursor: pointer;
	background-color: #6B1C0A;
}
.LookupItemSelected
{
	cursor: pointer;
	background-color: #7A200B;
	border: 2px solid #0F354F;
}
.LookupItemAltSelected
{
	cursor: pointer;
	background-color: #6B1C0A;
	border: 2px solid #0F354F;
}
.LookupItemBreak
{
	cursor: pointer;
	background-color: #7A200B;
	border-top: thin double #0F354F;
}
.LookupItemAltBreak
{
	cursor: pointer;
	background-color: #6B1C0A;
	border-top: thin double #0F354F;
}
.MealSelected
{
	border-top: 1px solid #461E1E;
	border-right: none;
	border-bottom: 1px solid #461E1E;
	border-left: 1px solid #461E1E;
	padding: 3px 3px 3px 0px;
}
A.MealEntrySelected:link, A.MealEntrySelected:visited, A.MealEntrySelected:active, A.MealEntrySelected:hover
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
	color: black;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}
.Meal
{
	border-top: none;
	border-right: 1px solid #461E1E;
	border-bottom: none;
	border-left: none;
	padding: 3px 3px 3px 3px;
}
A.MealEntry:link, A.MealEntry:visited, A.MealEntry:active
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
	color: black;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}
.MealEntry:hover
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
	padding: 3px 3px 3px 3px;
	color: red;
}
.MealTimes
{
	border-top: 1px solid #461E1E;
	border-right: 1px solid #461E1E;
	border-bottom: 1px solid #461E1E;
	border-left: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
	color: black;
}
.WaitList
{
	border: 2px solid #0F354F;
	background-color: #C0C0C0;
}
.WaitListOff
{
	background-color: transparent;
}
A.Navbar:link, A.Navbar:visited, A.Navbar:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #0F354F!important;
}
A.Navbar:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #186A72!important;
}
A.NavbarSel:link, A.NavbarSel:visited, A.NavbarSel:hover, A.NavbarSel:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #186A72!important;
}
A.NavbarL:link, A.NavbarL:visited, A.NavbarL:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #000000;
}
A.NavbarL:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #000000!important;
}
A.NavbarSelL:link, A.NavbarSelL:visited, A.NavbarSelL:hover, A.NavbarSelL:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #000000!important;
}
.TutorialVideo {
	border: thin groove black;
	background: black;
}
.WizardHeader .Head {
	color: #FFFFFF;
}
.WizardFooter .Normal {
	color: #EDEEED;
}
A.WizardMessage:link, A.WizardMessage:visited, A.WizardMessage:active  {
	color: #FFFFFF;
}
A.WizardMessage:hover  {
	color: #FFFFFF;
}
.GridItem A.CommandButton {
	color: #FFFFFF!important;
}
.LookupItem A.CommandButton {
	color: #FFFFFF!important;
}
.LookupItemAlt A.CommandButton {
	color: #FFFFFF!important;
}
.LookupItem .Normal {
	color: #EDEEED;
}
.LookupItem .NormalBold {
	color: #FFFFFF;
}
.LookupItemAlt .Normal {
	color: #EDEEED;
}
.LookupItemAlt .NormalBold {
	color: #FFFFFF;
}
td.GridItem span.GridItem A {color:#FFFFFF;}
td.GridItem span.GridItem A.GridHeader {color:#000000;}
td.ProfileTop span.ProfileNN {
	color: #000000;
	background-image: url(images/ProfileNN.jpg);
	background-repeat: repeat-x;
}
/* adjusting spacing between lines in the menus */
.HSS_CatalogContent .NormalBold { line-height: 30px; }

/* controlling the positioning of the blocks on the left pane */
.HSS_ReservationSummaryContent { width:180px; float:left; }
.HSS_FSPNewsletterContent {  width:180px; float:left; }
.HSS_FSPCertificateQuickContent { width:180px; float:left;}
.SQB .pleaseContact {float: left; }
.SQB .pleaseContact .NormalL, .SQB .CommandButton {margin-left:13px;}
.SQB .NormalTextBox{float:left;}
.slideshow ul {
	margin-top:0;
}

/* ================================ 
	Navigation Horizontal-Header
   ================================
*/

ul.FSPMenu {
   position:relative;
   padding: 0 0 0 0;
   float: left;
	z-index: 9000;
}
ul.FSPMenu a, ul.FSPMenu a:link, ul.FSPMenu a:visited, ul.FSPMenu a:hover {
   outline: none;
   position: relative;
   z-index: 11;
}
ul.FSPMenu, ul.FSPMenu ul {
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}
ul.FSPMenu li {
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}
ul.FSPMenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.FSPMenu li li{
   float: none;
   width: auto;
}
ul.FSPMenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.FSPMenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.FSPMenu:after, ul.FSPMenu ul:after {
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.FSPMenu, ul.FSPMenu ul {
   min-height: 0;
}
ul.FSPMenu ul {
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}
ul.FSPMenu ul.FSPMenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.FSPMenu ul.FSPMenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}
ul.FSPMenu ul ul {
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}
ul.FSPMenu ul ul.FSPMenu-left-to-right {
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}
ul.FSPMenu ul ul.FSPMenu-right-to-left {
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
}
ul.FSPMenu li li:hover>ul.FSPMenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.FSPMenu li li:hover>ul.FSPMenu-right-to-left {
   left: auto;
   right: 100%;
}
ul.FSPMenu>li>a.active, ul.FSPMenu>li>a:hover, ul.FSPMenu>li:hover>a {
}
.mTop .active span {
	border-bottom:2px solid #E6B822;
}
.mTop:hover .active span {
	border-bottom:2px solid #E6B822;
}
ul.FSPMenu>li>a:hover, ul.FSPMenu>li:hover>a {
	 background-color: #F0F0F0;
}
.FSPMenu ul a:link:hover {
	background-color: #F0F0F0;
}
/* end menu structure */

/* menu bar */
.fsp-nav {
   width:100%;
   margin:0 auto;
   min-height: 45px;
   z-index: 100;
   margin-top: 0;
   margin-bottom: 0;
}
.fsp-nav:before, .fsp-nav:after{
	right: 0;
	background-color: #6B372E;
}
.fsp-nav:after{
   width: 0;
}
/* end menu bar */
.fsp-nav-outer{
   width:100%;
   padding-top: 70px;
   z-index: 9000;
}
.fsp-nav-wrapper {
   position: relative;
   width:600px;
   margin:0 auto;
}
.fsp-nav-inner{
   margin: 0 38px;
}
/* end Menu */

/* begin MenuItem */
ul.FSPMenu>li>a {
   position: relative;
   display: block;
   height: 45px;
   cursor: pointer;
   text-decoration: none;
   color: #E6B822;
   padding: 0 3px;
   line-height: 45px;
   text-align: center;
}
ul.FSPMenu>li>a:before, ul.FSPMenu>li>a:after {
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
	color: #E6B822;
	background-color: none;	
}
ul.FSPMenu>li>a:before {
   left: 0;
   right: 0;
   background-position: top left;
}
ul.FSPMenu>li>a:after {
   width: 0;
   right: 0;
   background-position: top right;
}
.FSPMenu a, .FSPMenu a:link, .FSPMenu a:visited, .FSPMenu a:hover {
   font-family: 'Lato', sans-serif; font-size:26px; font-style:italic; font-weight:700; line-height:36px; text-decoration:none; text-align:left;
	font-size: 26px !important;
}
ul.FSPMenu>li>a.active:before {
   background-position: bottom left;
} 
ul.FSPMenu>li>a.active:after {
   background-position: bottom right;
}
ul.FSPMenu>li>a.active {
   color: #E6B822;
}
ul.FSPMenu>li>a:hover:before, ul.FSPMenu>li:hover>a:before {
   background-position: center left;
}
ul.FSPMenu>li>a:hover:after, ul.FSPMenu>li:hover>a:after {
   background-position: center right;
}
ul.FSPMenu>li>a:hover, ul.FSPMenu>li:hover>a{
   color: #E6B822;
	background-color: #D21045;
}
/* end MenuItem */

/* begin MenuSeparator */
ul.FSPMenu>li:before {
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -15px;
   width:15px;
   height: 45px;
}
ul.FSPMenu>li {
   margin-left:15px;
}
ul.FSPMenu>li:first-child {
   margin-left:0;
}
ul.FSPMenu>li:first-child:before{
   display:none;
}
/* end MenuSeparator */

/* begin MenuSubItem */
.FSPMenu ul a {
   display: block;
   white-space: nowrap;
   height: 36px;
   border-width: 0;
   border-style: solid;
   min-width: 7em;
   color: #C1C0C4;
	background-color: #F0F0F0;
   font-family: 'Lato', sans-serif; font-size:26px; font-style:italic; font-weight:700; line-height:36px; text-decoration:none; text-align:left;
   margin:0;
   padding: 0 8px 0 8px;
}
.FSPMenu ul>li:first-child>a   {
   border-top-width: 0;
}
.FSPMenu ul a:link, .FSPMenu ul a:visited, .FSPMenu ul a:hover, .FSPMenu ul a:active {
   font-family: 'Lato', sans-serif; font-size:26px; font-style:italic; font-weight:700; line-height:36px; text-align:left;
   color: #C1C0C4;
	background-color: #6B3E38;
   margin:0;
   padding: 0 8px;
}
.FSPMenu ul li a:hover {
   color: #E6B822;
   background-color: #6B3E38; 
   background-position: left bottom;
   border-top-width: 0 !important;
}
.FSPMenu ul li:hover>a {
   color: #FFFFFF;
	background-color: #F0F0F0;
   background-position: left bottom;
   border-top-width: 0 !important;
}
/* end MenuSubItem */

/* ================================ */
html, body {
   height:100%;
}
body {
   padding: 0;
   margin:0;
   color: #0F354F;
   background-color: #313131!important;
}

.cleared {
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}
.reset-box {
   overflow:hidden;
   display:table;
}
ul {
   list-style-type: none;
}
ol {
   list-style-position: inside;
}
.fsp-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:50px;
	width: 100%;
	background-image: url(/images/Trans50.png);
	z-index: 100;
}
.fsp-header-logo {
	float:left;
	padding-left:50px;
	height: 50px;
	margin-top:4px;
}
.fsp-header-phone, .fsp-header-phone a, .fsp-header-phone a:hover{
	float:left;
	padding-left:4px;
   font-family: 'Lato', sans-serif; font-size:26px; font-style:italic; font-weight:700; line-height:36px; text-decoration:none; text-align:left;
   color: #F7FBFD;
}
.fsp-header-menu {
	float:right;
	margin: 0 auto;
	text-align: right;
	margin-right:15px;
}
.fsp-header-reservation {
	float:right;
	padding:5px;
	margin-right:10px;
	height:19px;
}
.fsp-sliders-home {
	position: relative;
	z-index: 10;
	margin-top: -15px;
}

#fspSlideShow li{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	list-style-type: none;
}
#fspSlideShow li.fspSlideShowactive {
	z-index: 130;
}
#fspSlideShow li.fspSlideShowlast-active{
	z-index: 120;
}
#slideShow img {
	display: none; 
}
#slideShow img.first { 
	display: block; 
}
.slidersContent {
    position: relative;
}

/* begin Footer */
.fsp-footer {
	position: relative;
   width: 100%;  
}
.fsp-footer-body {
	position:relative; 
	display: table;
	width: 100%;
	min-height: 100px;
	margin: 0 auto;
	text-align:center;
	padding-top: 38px;
	padding-bottom: 30px;
	background-color:#6D1C0A;
}
.fsp-footer-logo {
	float: left;
	width: 20%;
	height: 100px;
	background-image: url(/portals/296/custompages/images/gezelligFooterLogo2017.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-left:25px;
	text-align: center;
	margin-top:-6px;;
}
.fsp-footer-address {
	float:left;
	width: 25%;
	text-align: center;
	font-family: 'PT Sans', sans-serif;
}
.footerCredit, a.footerCredit, a.footerCredit:hover {
	color: #CFCFCF !important;
	font-size: 12px!important;
	font-family: 'PT Sans', sans-serif;
}

.fsp-footer-sister {
	float:right;
	width:30%;
	height:75px;
	padding-right:10px;
	margin-top:13px;
}
.footerBeckta {
	position: relative;
	float: right;
	padding-left: 5px;
	width: 55%;
	height: 61px;
	background-image: url(images/becktaNormal.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.footerBeckta:hover {
	background-image: url(images/becktaHover.png);
}
.footerPlay {
	position: relative;
	float: right;
	width: 35%;
	height: 61px;
	padding-left:15px;
	background-image: url(images/playNormal.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.footerPlay:hover {
	background-image: url(images/playHover.png);
}

/* socialLink Styles */
.fsp-footer-social {
	float: left;
	width: 20%;
	height:75px;
	right: 10px;
	top:3px;
	margin-top:25px;
}
.socialFacebook {
	position: relative;
	float: left;
	padding-left: 3px;
	width: 82px;
	height: 25px;
}
.socialTwitter {
	position: relative;
	float: right;
	padding-left: 5px;
	width: 95px;
	height: 25px;
}
.socialTripAdvisor {
	position: relative;
	float: left;
	padding-left: 5px;
	width: 115px;
	height: 25px;
}
.socialInstagram {
	position: relative;
	float: right;
	padding-left: 5px;
	width: 68px;
	height: 25px;
}
/* socialLink Styles */
a.facebookLink { padding:0; display: block; float: right; background: url(images/FacebookNormal.png) no-repeat right; text-indent: -9999px; width: 82px; height: 25px; }
a.facebookLink:hover { background-image: url(Images/FacebookHover.png); }
a.twitterLink { padding:0; display: block; float: left; background: url(images/TwitterNormal.png) no-repeat right; text-indent: -9999px; width: 95px; height: 25px; }
a.twitterLink:hover { background-image: url(Images/TwitterHover.png); }
a.instagramLink { padding:0; display: block; float: left; background: url(images/instagramNormal.png) no-repeat right; text-indent: -9999px; width: 68px; height: 25px; }
a.instagramLink:hover { background-image: url(Images/instagramHover.png); }
a.tripAdvisorLink { padding:0; display: block; float: left; background: url(images/tripAdvisorNormal.png) no-repeat right; text-indent: -9999px; width: 115px; height: 25px; }
a.tripAdvisorLink:hover { background-image: url(Images/tripAdvisorHover.png); }

.fsp-footer-copyright {
	position: relative;
	width: 100%;
	height:32px;
	background-color: #6D1C0A;
	background-image: url(/images/TransWhite35.png);
	background-repeat: repeat;
}
.fsp-footer-rights {
	float:left;
	padding:8px;
}
.fsp-footer-powered {
	float:right;
	padding:8px;
}

/* end Footer */

body section {
	position:relative;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.fsp-welcome-section {
	background-image: url(/portals/296/custompages/images/HomeBg_0000_WelcomePane.jpg);
	background-position: right;
}
.welcomePaneText {
	width: 50vw;
	padding:8vw;
	padding-right:0;
	text-align: center;
	background-image: url(/images/TransWhite70.png);
	background-repeat: repeat;
}
.welcomePaneText .Normal {
	margin-top:10px;
	font-size:20px;
}
.fsp-reservation-section {
	background-image: url(/portals/296/custompages/images/ReservationPane.jpg);
}
.reservationPane {
	float:right;
	width: 250px;
	height: 300px;
	padding:25px;
	margin:5vw;
	text-align: center;
	background-image: url(/images/Trans50.png);
	background-repeat: repeat;
}
.fsp-menus-section {
	background-image: url(/portals/296/custompages/images/HomeBg_0003_MenusPane.jpg);
	background-position: left;
}
.menuPaneSpace {
	width:50vw;
}
.menuPaneText {
	display:table-cell;
	vertical-align: middle; 
	width:40vw;
	padding:4vw;
	text-align: center;
	background-image: url(/images/TransWhite70.png);
	background-repeat: repeat;
}
.fsp-menus-section .Normal {
	margin-top:10px;
}
.fsp-private-section {
	background-image: url(/portals/296/custompages/images/PrivateDiningPane.jpg);
	background-position: center;
}
.privatePaneText {
	width:60%;
	height: 55vh;
	padding-left:20%; 
	padding-right:20%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.privatePaneTextWrapper {
	background-image: url(/images/Trans50.png);
	background-repeat: repeat;
	padding:20px;
}
.privatePaneText .Head {
	color: #000000;
}
.privatePaneText .Normal {
	color: #000000;
	font-size: 22px;
	line-height: 30px;
}
.fsp-announcements-section {
	background-image: url(/portals/296/custompages/images/HomeBg_0005_AnnouncementsPane.jpg);
	background-position: right;
}
.contentPaneText {
	float:left;
	width: 50%;
	min-height: 40vh;
	padding-top:50px;
	padding-left:25px;
}
.contentPaneGC {
	float:right;
	width: 250px;
	height: 300px;
	padding:25px;
	margin:5vw;
	text-align: center;
	background-image: url(/images/TransWhite50.png);
	background-repeat: repeat;
}
.fsp-map-section {
	background-color: #FFFFFF;
}
.mapPaneContent {
	position:relative;
	display: table-cell;
	width:50%;
	height:55vh;
}
.mapPaneAddress {
	position:relative;
	width:30%;
	height:55vh;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.aboutDescription {
	text-align: center;
}
.aboutDescriptionWrapper {
	padding: 40px;
}
.aboutImage {
	width:50%;
	display:table-cell;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.galleryContainer {
	display: table;
	width: 100%;
	margin-top: 80px;
	margin-bottom: 25px;
}
.gallery {
	position: relative;
	display: table-cell;
	align-content: center;
	padding-left: 6vw;
}
.galleryImage {
	float: left;
	width: 28vw;
	height: 28vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: .2vw;
	z-index: 5;
}
.showImage {
	position: fixed;
	top: 100px;
	left: 8%;
	width: 80%;
	height: 75vh;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: none;
	z-index: 10;
	border: 15px solid white;
	background-color: white;
	box-shadow: 0px 0px 10px #888888;
}
.fsp-standard-panel {
	background-image: url(/portals/296/custompages/images/WhiteMapleTop.jpg);
	background-size: cover;
	background-position: center;
	min-height: 25vh;
}
.twopanelPaneLeft {
	width:70%;
	display: table-cell;
	text-align: center;
	padding:10%;
	vertical-align: middle;
}
.onepanelPaneRight {
	position:relative;
	width:30%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.fsp-onethirdtwothirdpanel {
	background-color:#F8F7F5; 
}
.onethirdpanelLeft {
	width:40%;
	display: table-cell;
	padding:4%;
	vertical-align: middle;
}
.twothirdpanelRight {
	width:60%;
	display: table-cell;
	padding:10%;
	vertical-align: middle;
	text-align: center;
}

/* ================================ 
	Custom
   ================================
*/

.contentHeader {
	background-position: center;
}
.pdfPageNumbers {
	display: none;
}
.pdfImageDetail {
	display: block!important;
}
.pdfImage {
	list-style-type: none;
	padding-bottom: 10px;
}

.CommandButton {
    font-size: 15px;
    text-transform: uppercase;
    height:35px;
    padding: 5px;
    border-radius: 8px;
    -webkit-transition: all 500ms cubic-bezier(0.655, 0.150, 0.200, 0.820);
    -moz-transition: all 500ms cubic-bezier(0.655, 0.150, 0.200, 0.820);
    -o-transition: all 500ms cubic-bezier(0.655, 0.150, 0.200, 0.820);
}
.SQB .NormalTextBox, .NormalTextBox {
    margin-top: 4px;
    font-size: 15px;
    padding: 4px;
    border-radius: 4px;
}
.SQB .CommandButton, .SQB .pleaseContact, .SQB .NormalTextBox {
	width:185px!important;
}
.fsp-header-reservation .CommandButton {
	font-size: 15px;
	text-transform: none;
	margin-top: 5px;
	padding: 11px;
	line-height: 8px;
	height: 27px;
}
a.fspAddress, a.fspAddress:hover, a.fspPhone, a.fspPhone:hover, a.fspEmail, a.fspEmail:hover  {
	color: #CFCFCF;
	font-size: 16px;
}
.WelcomeMessage .SubHead {
	font-size:16px;
	font-style: normal;
	line-height: @@f-co-te-lh@@;
}
.HSS_FSPCertificateQuickContent .NormalTextBox, .HSS_FSPCertificateQuickContent .CommandButton  {
	width:185px!important;
}
.BusinessAddress, A.BusinessAddress:link, A.BusinessAddress:visited, A.BusinessAddress:active {
	font-size:15px;
	font-style: normal;
	line-height: @@f-fo-h1-lh@@;
}
A.BusinessAddress:hover {
	font-size:15px;
}
.WizCommandButton     {
	font-size: 15px;
}
.PrivateReservation {
	width:230px;
}
.PrivateReservation .NormalL {
    font-size: 25px;
    line-height: 31px;
 }
 .PrivateReservation a.NormalL {
 	font-size: 25px;
 	text-decoration: underline;
 }
 .bioHeader {
 	width:400px;
 	height:100px;
 	position: relative;
 }
 .bioDetails {
 	float: left;
 	padding-left:20px;
 	text-align: left;
 	width:275px;
 }
 .bioImage {
 	float:left;
 	width: 100px;
 }
 .aboutDescription {
 	width:50%;
 	display:table-cell;
 	vertical-align: middle;
 	text-align: left;
 }
 
.fsp-announcements-section .containerR2 {
	text-align: left!important;
}

/* ================================ 
	After Mobirise
	
if you want to colour the dropdown background
.dropdown .dropdown-menu {background-color:green!important;}	
	
   ================================
*/

.navbar UL LI {
	list-style-type:none!important;
}
.nav-item a {
  align-items: left!important;
  justify-content: left!important;
}
.PageHeader {
    height: 400px;
    margin: auto;
}
.cid-r4dE2OoQJo {
    background-color: #f9f9f9;
}

UL LI {
    list-style-type: none!important;
}
OL LI {
    list-style-type: none!important;
}
.PageHeader {
	height:auto;
}
.PageHeader .PageHeaderHeader table:first-child td {
	white-space:nowrap;
}
.media-content .PageHeader {
    width: 95vw;
    max-width: 850px;
    margin: auto;
}
.Wizard {
	border:0;
}

.cid-r4csr5v6iS {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #ffffff;
}
.cid-r4csr5v6iS .mbr-section-subtitle {
  color: #767676;
}
.cid-r4csr5v6iS .mbr-text {
  color: #767676;
}
.cid-r4csr5v6iS .card {
  display: flex;
  position: relative;
  justify-content: center;
}
.cid-r4csr5v6iS .card-wrapper {
  height: 100%;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s;
}
.cid-r4csr5v6iS .card-wrapper .card-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.cid-r4csr5v6iS .card-wrapper .card-img .mbr-overlay {
  background-color: #efefef;
  display: none;
  transition: opacity .3s;
}
.cid-r4csr5v6iS .card-wrapper .card-img .mbr-section-btn {
  display: flex;
  position: absolute;
  transition: opacity .3s;
  width: 100%;
  margin: auto;
  left: 0;
  justify-content: center;
  align-items: center;
}
.cid-r4csr5v6iS .card-wrapper .card-img img {
  width: 100%;
  height: 100%;
}
.cid-r4csr5v6iS .card-wrapper .card-box {
  background-color: #ffffff;
  padding: 0 2rem 2rem 2rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cid-r4csr5v6iS .card-wrapper .card-box h4 {
  font-weight: 500;
  margin-bottom: 0;
  padding-top: 2rem;
}
.cid-r4csr5v6iS .card-wrapper .card-box p {
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-top: 2rem;
}
.cid-r4csr5v6iS .card-wrapper:hover {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s;
}
.cid-r4csr5v6iS .popup-btn .mbr-overlay {
  display: block !important;
  opacity: 0;
}
.cid-r4csr5v6iS .popup-btn .mbr-section-btn {
  height: 100%;
  display: flex !important;
  opacity: 0;
}
.cid-r4csr5v6iS .popup-btn:hover .mbr-overlay {
  opacity: .5;
}
.cid-r4csr5v6iS .popup-btn:hover .mbr-section-btn {
  opacity: 1;
}