/* style color pallette
#d2232a red
#eee2c8 tan
#fcf4e7 tan light
#ceaf71 tan medium
#b58824 tan dark

*/
* { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
header, nav, section, article, aside, footer {display:block;}
html, body {background-color:#FFF;margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;height:100%;min-width:100%;}
body{padding-bottom:60px;}
.col-100{width:100%;height:auto;border:0px solid #adb0d9;position:relative;overflow:hidden;margin:0 auto;padding:20px 200px 0 200px;}
.col-75{width:75%;min-height:100%;border:0px solid #adb0d9;position:relative;overflow:hidden;margin:0 auto;padding-bottom:40px;}
.col-60{width:60%;height:auto;border:0px solid #adb0d9;position:relative;overflow:hidden;margin:0 auto;float:left;}
.col-50{width:50%;height:auto;border:0px solid #adb0d9;position:relative;margin:0 auto;float:left;}
.col-40{width:40%;height:auto;border:0px solid #adb0d9;position:relative;overflow:hidden;margin:0 auto;float:left;}
.col-30{width:33%;height:auto;border:0px solid #adb0d9;position:relative;overflow:hidden;margin:0 auto;float:left;}
.col-25{width:25%;height:auto;border:0px solid #fff;position:relative;overflow:hidden;margin:0 auto;float:left;}
.col-menu{width:80%;margin:0 auto;}
.col-wrap-header{width:75%;height:auto;border:0px solid #adb0d9;position:relative;overflow:hidden;margin:0 auto;padding:10px 10px 10px 10px;background-color:#fff;}
.col-100-splash{width:100%;height:100%;border:0px solid #adb0d9;position:relative;overflow:hidden;margin:0 auto;padding-top:160px;background-image:url(http://themauriceriverdiner.com/img/img-diner-home.jpg);background-size:cover;background-repeat:no-repeat;background-position: center center;bottom: 0}
.wrap-col-100-menu{margin-bottom:40px;}
.col-100-map{width:100%;min-height:400px;border:0px solid #adb0d9;position:relative;overflow:hidden;margin:0 auto;}

.img-header-lunch{background-image:url(http://themauriceriverdiner.com/img/img-header-lunch.jpg);background-position: center center;min-height:400px;width:100%;  
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  .img-header-parties{background-image:url(http://themauriceriverdiner.com/img/img-header-parties.jpg);background-position: center center;min-height:400px;width:100%;  
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  .img-header-dinner{background-image:url(http://themauriceriverdiner.com/img/img-header-dinner.jpg);background-position: center center;min-height:400px;width:100%;  
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  .img-header-breakfast{background-image:url(http://themauriceriverdiner.com/img/img-header-breakfast.jpg);background-position: center center;min-height:400px;width:100%;  
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.img-header-catering{background-image:url(http://themauriceriverdiner.com/img/img-header-catering.jpg);background-position: center center;min-height:400px;width:100%;  
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
.wrapper-menu-fixed{position:fixed;width:100%;height:auto;z-index:999;border:0px solid #adb0d9;background-color:#FFF;}
.header-spacer{width:100%;height:auto;padding-top:140px;}

.img-gallery {width:auto;max-width:180px;height:auto;margin-right:6px;}
.box, .box-home {
    opacity: 1;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	cursor:pointer;
	display:block;
	float:left;
	border:4px solid #FFF;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display:block;
}

.box:hover, .box-home:hover {
    opacity: 0.5;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	cursor:pointer;
}

.order-online{background-color:#F90;}
.div-logo{float:left;width:50%;height:auto;text-align:left;position:relative;border:0px solid #000;}
.img-logo-in-header{max-width:233px;height:80px}
.div-address{float:left;width:50%;height:auto;text-align:right;position:relative;padding:20px 0 0 0;font-family: 'Roboto', sans-serif;font-size:18px;font-weight:400;color:#b58824}

.show-me-mobile-br{display:none;visibility:hidden;}

.img-responsive{width:100%;height:auto;}

.text-red{color:#d2232a;}
.text-green{color:#79A33C;}
.text-blue{color:#d2232a;}
.text-tan{color:#ceaf71;}
.text-black{color:#000;}
.font-weight-300{font-weight:300;}
.font-weight-400{font-weight:400;}

.col-pad-right{padding-right:40px;border:0px solid #adb0d9;}


#wrapper-top{min-width:100%;background-color:none;height:100px;border:0px solid #006;}
#wrapper-top-no-slider{min-width:100%;background-color:none;height:auto;min-height:20px;padding-top:20px;}
#wrapper-top-no-slider-slim{min-width:100%;background-color:none;height:auto;min-height:20px;padding-top:0px;}
#wrapper-top-display{max-width:100%;min-width:100%;width:100%;height:auto;border:0px solid #9F3;margin:0 auto;overflow:hidden;margin:0px 0px 0px 0px;background-color:none;}
.wrapper-apply{width:50%;text-align:right;float:right;overflow:hidden;border:0px solid #9F3;margin-top:16px;}
.wrapper-login{background-color:#eeeeee;width:100%;height:90px;padding: 8px 0px 8px 0px;}
.wrapper-banner-home{position:relative;overflow:hidden;max-width:100%;margin:0 auto;margin-top:0;margin-bottom:0;height:auto;padding:0 0px 0 0px;}
.wrapper-login-inner{max-width:1200px;margin:0 auto;text-align:center;margin:0 auto;border:0px solid #9F3;overflow:hidden;}
.login-text, .login-text a:link, .login-text a:visited{font-family: 'Roboto', sans-serif;color:#d2232a;font-weight:600;font-size:15px;line-height:36px;text-decoration:none;}
.login-text a:hover{color:#089369;}

#wrapper-banner-top{max-width:1200px;margin:0 auto;background-color:#FFF;border:0px solid #909;height:auto;}
#wrapper-banner-top-inside{max-width:1200px;min-width:1200px;width:100%;height:auto;border:0px solid #909;margin:0 auto;}

.line{width:100%;height:1px;border-top:1px solid #ceaf71;margin-top:10px;margin-bottom:10px;overflow:hidden;}

.button-in-photos {background-color:#39F;color:#FFF;font-size:18px;float:left;bottom:30px;left:20;padding:10px;position:absolute;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin-left:20px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
	}

.button-in-photos:hover {background-color:#f69203;cursor:pointer;}
.button-in-photos:active {background-color:#4ea6f4;cursor:pointer;}
.button-in-photos:visited{}


.green {color:#00b37d;}
.orange{color:#fbaf42;}

ul.list-difference li{width:50%;float:left;background-color:#fff;padding:0;margin:0;font-family: 'Roboto', sans-serif;font-size:18px;font-weight:600;color:#2b3c64;padding:16px 16px 16px 16px;border:3px solid #339cd5;}

.list-our-plans{list-style-type:none;padding:0;margin:0;display:inline-block;}
.list-our-plans-head{width:100%;float:left;background-color:none;padding:0;margin:0;font-family: 'Roboto', sans-serif;font-size:32px;font-weight:600;color:#2b3c64;padding:16px 16px 16px 16px;}
.bg-green{background-color:#096;width:100%;float:left;padding:0;margin:0;font-family: 'Roboto', sans-serif;font-size:18px;line-height:40px;font-weight:600;color:#fff;padding:16px 16px 16px 16px;border-bottom:3px solid #edeee9;}
.bg-blue{width:100%;float:left;background-color:#2b3c64;padding:0;margin:0;font-family: 'Roboto', sans-serif;font-size:18px;line-height:40px;font-weight:600;color:#fff;padding:16px 16px 16px 16px;border-right:3px solid #edeee9;border-bottom:3px solid #edeee9;}
.blue-check{color:#0CF;}

.tagline-box{width:36%;height:auto;float:left;position:absolute;bottom:140px;left:10px;padding:0;text-align:center;font-family: 'Roboto', sans-serif;font-size:28px;font-weight:600;color:#d2232a;background-color:none;margin:0;}


/* Menu */

.hide-me-mobile{}
.show-me-mobile{display:none;visibility:hidden;}
#wrapper-menu{min-width:100%;background-color:#d2232a;height:auto;text-align:center;z-index:998;float:none;margin-top:0 0 0 0;padding:0px 0 0px 0;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);}
.wrapper-menu-toggle{}


.no-border{background-color:#fff;border:0px solid #CCC;}
.no-border:hover{background-color:#f5f5f5;border:0px solid #CCC;}

#mymenu {text-align:center;margin:0 auto;width:100%;max-width:1200px;height:auto;z-index:998 !important;margin-top:0px;}
#mymenu ul {padding:0;margin:0 auto;list-style-type:none;border:0px solid #000;width:100%;height:42px;background-color:none;margin-top:0px;}
#mymenu ul li {display:inline;width:auto;border:0px solid #000;height:42px;}
#mymenu ul li a {font-family: 'Roboto', sans-serif;color:#fff;font-weight:600;font-size:16px;line-height:32px;text-decoration:none;border:0px solid #000;display:inline-block;padding:6px 16px 4px 16px;width:auto;text-align:center;height:auto;max-height:42px;}

#mymenu ul li.highlight > a{background-color:#b02328;}

#mymenu ul li:hover > a {background-color:#b02328;height:auto;
-o-transition:color .4s ease-out, background .4s ease-in;
  -ms-transition:color .4s ease-out, background .4s ease-in;
  -moz-transition:color .4s ease-out, background .4s ease-in;
  -webkit-transition:color .4s ease-out, background .4s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .4s ease-out, background .4s ease-in;

} 
/*this above > keeps the parent menu item hovered while also displaying and hovering the dropdown menu */
/*http://stackoverflow.com/questions/16802823/keep-parent-menu-item-highlighted-after-hovering-over-submenu-html-css-jquery */
.menu-divider {background-color:#fca25a;padding-left:1px;padding-right:1px;padding-top:2px;padding-bottom:2px;border:0px solid #5a471c;height:0px;}

#mymenu ul li.border-right a{border-right:0px solid #656059;}
#mymenu ul li.border-left a{border-left:0px solid #4e4a42;}
#mymenu ul li ul li.no-border a{border-left:0px solid #818181;background-color:none;}
#mymenu ul li ul li.no-border a:hover{background-color:transparent;}

.menu-yellow-icon{color:#FC3;}
.menu-yellow-icon a:hover{color:#033;}
#slide-menu{}

#mymenu ul li ul {display:none;visibility: hidden;}
#mymenu ul li:hover ul {display:block;visibility: visible;list-style-type:none;width:220px;height:auto;float:left;margin-top:0px;position:absolute;left:0px;background-color:#f5f5f5;text-align:left;z-index:999 !important;overflow:hidden;
-o-transition:color .4s ease-out, background .1s ease-in;
  -ms-transition:color .4s ease-out, background .1s ease-in;
  -moz-transition:color .4s ease-out, background .1s ease-in;
  -webkit-transition:color .4s ease-out, background .1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .4s ease-out, background .1s ease-in;
    -moz-border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px; /* future proofing */
-khtml-border-radius: 0px 0px 6px 6px; /* for old Konqueror browsers */

-webkit-box-shadow: rgba(115,115,115,.25) 6px 6px 6px;
   -moz-box-shadow: rgba(115,115,115,.25)  6px 6px 6px;
  box-shadow: rgba(115,115,115,.25)  6px 6px 6px;
  
  text-shadow: rgba(115,115,115,.25)  6px 6px 6px;
  
  }
#mymenu ul li:hover ul li {display:block;background-color:#FFF;width:100%;border-bottom:0px solid #ccc;height:auto;max-height:32px;
-o-transition:color .4s ease-out, background .1s ease-in;
  -ms-transition:color .4s ease-out, background .1s ease-in;
  -moz-transition:color .4s ease-out, background .1s ease-in;
  -webkit-transition:color .4s ease-out, background .1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .4s ease-out, background .1s ease-in;
-webkit-box-shadow: rgba(115,115,115,.25) 0px 0px 0px;
   -moz-box-shadow: rgba(115,115,115,.25)  0px 0px 0px;
  box-shadow: rgba(115,115,115,.25)  0px 0px 0px;
  
  text-shadow: rgba(115,115,115,.25)  0px 0px 0px;
  
  }
  
#mymenu ul li:hover ul li a {font-size:14px;line-height:28px;color:#000;max-height:32px;padding:2px 4px 4px 8px;margin:0;font-weight:500;}
  #mymenu ul li:hover ul li a:hover {text-decoration:underline;background-color:#FFF;}

#mymenu li {position:relative;}

#mymenu ul li ul.inner-menu{
	background-color:#fff;
-o-transition:color .5s ease-out, background .5s ease-in;
  -ms-transition:color .5s ease-out, background .5s ease-in;
  -moz-transition:color .5s ease-out, background .5s ease-in;
  -webkit-transition:color .5s ease-out, background .5s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .5s ease-out, background .5s ease-in;
  
}

#mymenu ul.inner-menu {background-color:#fff;overflow:hidden;/*background-image:url(http://themauriceriverdiner.com/img/shadow-above-drop-menu.png);background-position:top;background-repeat:repeat-x;*/
-o-transition:color .1s ease-out, background .2s ease-in;
  -ms-transition:color .1s ease-out, background .2s ease-in;
  -moz-transition:color .1s ease-out, background .2s ease-in;
  -webkit-transition:color .1s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .1s ease-out, background .2s ease-in;
  
  }
#mymenu ul.inner-menu li a{background-color:none;  border-bottom:0px solid #bf5d0a;}
#mymenu ul.inner-menu li a:link{text-align:left;width:100%;
-o-transition:color .4s ease-out, background .1s ease-in;
  -ms-transition:color .4s ease-out, background .1s ease-in;
  -moz-transition:color .4s ease-out, background .1s ease-in;
  -webkit-transition:color .4s ease-out, background .1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .4s ease-out, background .1s ease-in;
  } /* the drop menu link */
  
#mymenu ul.inner-menu li.shadow-for-inner-menu-first a:hover {/*background-image:url(http://themauriceriverdiner.com/img/shadow-above-drop-menu-hover.png);background-position:top;background-repeat:repeat-x;*/}

#mymenu ul.inner-menu li a:hover{background-color:f5f5f5;width:100%;text-align:left;
-o-transition:color .4s ease-out, background .1s ease-in;
  -ms-transition:color .4s ease-out, background .1s ease-in;
  -moz-transition:color .4s ease-out, background .1s ease-in;
  -webkit-transition:color .4s ease-out, background .1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .4s ease-out, background .1s ease-in;
  border-bottom:0px solid #f5f5f5;
  } /* the drop menu hover */
#mymenu ul.inner-menu li:hover{background-color:none;width:auto;text-align:left;}

.show-menu-button{display:none;}
.hide-menu-button{display:none;}

.show-hide-arrows {color:#FFF;background-color:none;text-align:left;padding-left:20px;}
.show-hide-arrows a:link{color:#FFF;text-decoration:none;background-color:none;}
.show-hide-arrows a:visited{color:#FFF;text-decoration:none;background-color:none;}
.show-hide-arrows a:hover{color:#ffe8d4;text-decoration:none;background-color:none;}
.show-hide-arrows b{font-size:14px;font-weight:bold;color:#FFF;font-family: 'Roboto', sans-serif;}





h1 {font-family: 'Staatliches', cursive;color:#d2232a;font-weight:400;font-size:72px;line-height:72px;margin:30px 0 30px 0;text-align:left;}
h1 a:link, h1 a:visited {font-family: 'Staatliches', cursive;color:#d2232a;font-weight:400;text-decoration:none;}
h1 a:hover {font-family: 'Staatliches', cursive;color:#d2232a;font-weight:400;text-decoration:none;}

h2 {font-family: 'Roboto', sans-serif;color:#000;font-weight:300;font-size:28px;text-decoration:none;margin:0;}
h2 b {font-family: 'Roboto', sans-serif;color:#000;font-weight:500;text-decoration:none;}
h2 a:link, h2 a:visited {font-family: 'Roboto', sans-serif;color:#b58824;font-weight:400;text-decoration:none;}
h2 a:hover {font-family: 'Roboto', sans-serif;color:#ceaf71;font-weight:400;text-decoration:none;}

h3 {font-family: 'Roboto', sans-serif;color:#bcd6fc;font-weight:400;font-size:32px;text-decoration:none;}
h3 a:link, h3 a:visited {text-decoration:none;font-family: 'Roboto', sans-serif;color:#bcd6fc;;font-weight:400;}
h3 a:hover {text-decoration:underline;font-family: 'Roboto', sans-serif;color:#d2232a;font-weight:400;}

h4 {font-family: 'Staatliches', cursive;color:#ceaf71;font-weight:500;font-size:44px;line-height:44px;margin:0;margin-top:40px;}
h4 a:link, h4 a:visited {font-family: 'Staatliches', cursive;color:#ceaf71;font-weight:700;text-decoration:none;margin:0;}
h4 a:hover {font-family: 'Staatliches', cursive;color:#b58824;font-weight:700;font-size:40px;margin:0;}

h5 {font-family: 'Staatliches', cursive;color:#ceaf71;font-weight:500;font-size:54px;line-height:54px;margin:0;margin-top:0px;}
h5 a:link, h5 a:visited {font-family: 'Staatliches', cursive;color:#ceaf71;font-weight:700;text-decoration:none;margin:0;}
h5 a:hover {font-family: 'Staatliches', cursive;color:#b58824;font-weight:700;font-size:54px;margin:0;}

h6 {font-family: 'Roboto', sans-serif;color:#fff;font-weight:500;font-size:36px;line-height:18px;margin:0;margin-top:0px;}
h6 a:link, h6 a:visited {color:#fff;font-weight:700;text-decoration:none;margin:0;}
h6 a:hover {color:#fff;font-weight:700;margin:0;text-decoration:underline;}

#top-phone-number{width:auto;height:114px;text-align:right;padding-top:0px;padding-bottom:0px;float:right;border:0px solid #9F3;overflow:hidden;margin-top:-20px}
.fb-like{clear:both;border:0px solid #003;position:relative;float:right;top:-26px;}
h4.phone-number{font-size:30px;}

p {font-family: 'Roboto', sans-serif;color:#000;font-weight:300;font-size:20px;line-height:24px;text-decoration:none;margin:0;}
p a:link, p a:visited {color:#d2232a;text-decoration:none;font-weight:400;margin:0;}
p a:hover {color:#b58824;text-decoration:none;margin:0;}
p b{font-family: 'Roboto', sans-serif;color:#000;font-weight:500;text-decoration:none;margin:0;}
.menu-desc {font-family: 'Roboto', sans-serif;color:#000;font-weight:300;font-size:20px;line-height:24px;text-decoration:none;margin:0;}

ul.checklist {list-style:none;width:100%;margin:0;padding:0;font-family: 'Roboto', sans-serif;color:#000;font-weight:300;font-size:16px;line-height:24px;text-decoration:none;}
ul.checklist li.check {width:30px;float:left;display:table-cell;border:0px solid #000;}
ul.checklist li.check-padding{padding-left:30px;}



.border-divide{border-right:3px solid #CCC;margin-right:20px;padding-right:20px;}

.p-side {font-family: 'Roboto', sans-serif;color:#555;font-weight:400;font-size:14px;line-height:18px;text-decoration:none;}
.p-side a:link, .p-side a:visited {font-family: 'Roboto', sans-serif;color:#d2232a;font-weight:400;font-size:14px;line-height:18px;text-decoration:none;font-weight:400;}
.p-side a:hover {color:#d2232a;text-decoration:underline;}

.p-footer {font-family: 'Roboto', sans-serif;color:#444;font-weight:400;font-size:14px;line-height:24px;text-decoration:none;background-color:#fff;margin:6px; }
.p-footer a:link {font-family: 'Roboto', sans-serif;color:#444;font-weight:400;font-size:14px;line-height:1.25em;text-decoration:none;}
.p-footer a:visited {font-family: 'Roboto', sans-serif;color:#444;font-weight:400;font-size:14px;line-height:1.25em;text-decoration:none;}
.p-footer a:hover {font-family: 'Roboto', sans-serif;color:#444;font-weight:400;font-size:14px;line-height:1.25em;text-decoration:underline;}

.p-admin {font-family: 'Roboto', sans-serif;color:#5a471c;font-weight:300;font-size:.75em;line-height:1.2em;text-decoration:none;}
.p-admin a:link {font-family: 'Roboto', sans-serif;color:#5a471c;font-weight:300;font-size:.75em;line-height:1.2em;text-decoration:none;}
.p-admin a:visited {font-family: 'Roboto', sans-serif;color:#5a471c;font-weight:300;font-size:.75em;line-height:1.2em;text-decoration:none;}
.p-admin a:hover {font-family: 'Roboto', sans-serif;color:#5a471c;font-weight:300;font-size:.75em;line-height:1.2em;text-decoration:underline;}

.large-icon{color:#eee9de;font-size:2.25em;text-decoration:none;}

.iframe-video{display:block;margin:0 auto;margin-top:0px;margin-bottom:0px;width:640px;height:360px;}
.iframe-wrapper{border:0px solid #9F3;width:940px;margin:0 auto;margin-top:0px;margin-bottom:0px;}

.show-menu-button{display:none;}
.hide-menu-button{display:none;}

#wrapper-footer{background-color:#fff;width:100%;height:90px;position:relative;bottom:0;margin-top:0px;z-index:10;padding-top:40px;padding-bottom:0px;border:0px solid #099;margin:0 auto;float:left;min-width:100%;}
#wrapper-copyright{width:75%;margin:0 auto;padding:20px 0px 20px 0px;border:0px solid #039;position:relative;bottom:0;overflow:hidden;height:auto;min-height:100%;}

#sebly-logo{background-color:#ceaf71;width:64px;height:25px;padding:4px;text-align:center;overflow:hidden;margin:0 auto;
	-moz-border-radius:2px 2px 0px 0px;
	-webkit-border-radius:2px 2px 0px 0px;
	border-radius:2px 2px 0px 0px;
	}
#sebly-logo:hover{background-color:#b58824;width:64px;height:25px;padding:4px;text-align:center;}





#logo-style{min-width:100%;width:960px;height:114px;position:relative;top:0px;border:0px solid #9F3;margin:0 auto;float:none;background-color:none;padding:0;}
.logo-size{max-width:200px;;height:auto;;margin:0px 0 0px 0px;margin-top:4px;}
.logo-ep-size{width:440px;height:97px;margin:20px 0 0px 0px;position:relative;left:20px;}
.image-square-home{float:right;margin-left:10px;}
.hide-me{visibility:visible;}

.captcha {font-family: 'Roboto', sans-serif;color:#676766;font-weight:300;font-size:16px;line-height:24px;text-decoration:none;}
.captcha b {font-family: 'Roboto', sans-serif;color:#676766;font-weight:600;font-size:16px;line-height:24px;text-decoration:none;}
.formErr {font-family: 'Roboto', sans-serif;color:#d2232a;line-height:32px;font-size:16px;font-weight:400;}
.formErrbox{font-family: 'Roboto', sans-serif;color:#d2232a;line-height:32px;font-size:16px;font-weight:600;}
/* CONTACT FORM STYLE */
.form-text-label{font-family: 'Roboto', sans-serif;color:#676766;line-height:24px;font-size:16px;font-weight:400;}
.form_list {width:50%;list-style-type:none;margin:0;padding:0;border:0px solid #099;text-align:left;}
.form_list ul {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;}
.form_list li {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;}
.text-plans, .text-plans a:link, .text-plans a:visited, .text-plans a:active {padding:0;margin:0;font-family: 'Roboto', sans-serif;font-size:48px;font-weight:600;color:#d2232a;text-decoration:none;line-height:48px;}
.text-plans a:hover {color:#f69203;}

.text-plans-white, .text-plans-white a:link, .text-plans-white a:visited, .text-plans-white a:active {padding:0;margin:0;font-family: 'Roboto', sans-serif;font-size:48px;font-weight:600;color:#fff;text-decoration:none;}
.text-plans-white a:hover {color:#f69203;}

.text-highly{padding:0;margin:0;font-family: 'Roboto', sans-serif;font-size:48px;font-weight:400;color:#2b3c64;text-align:center;}

.form_list {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;text-align:left;}
.form_list .form_width {width:auto;list-style-type:none;margin:0;padding-right:20px;;border:0px solid #099;text-align:left;float:left;}

.contact_box_style {font-family: 'Roboto', sans-serif;padding:10px 3px 10px 3px;height:40px;line-height:28px;border:1px solid #777;font-size:16px;color:#d2232a;width:100%;margin-top:4px;margin-bottom:16px;background-color:#fcf4e7;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
.comment_box_style {font-family: 'Roboto', sans-serif;padding:6px 6px 6px 3px;line-height:21px;border:1px solid #777;font-size:16px;color:#d2232a;width:100%;height:180px;margin-top:4px;margin-bottom:16px;background-color:#fcf4e7;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

.search_button_style.red{background-color:#d2232a;}
.search_button_style {background-color:#b58824;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:0px solid #666;display:inline-block;color:#FFF;font-family:arial;font-size:15px;
font-weight:bold;padding:5px 10px;text-decoration:none;position:relative;top:-1px;cursor:pointer;vertical-align:top;line-height:21px;-webkit-appearance: none;}
.search_button_style:hover {background-color:#ceaf71;position:relative;cursor:pointer;}
.search_button_style:active {background-color:#b58824;position:relative;cursor:pointer;}
.search_button_style:visited{color:#FFF;font-family:arial;font-size:15px;font-weight:bold;background-color:#4ea6f4;}

.enroll_button_style {background-color:#fbaf42;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:0px solid #666;display:inline-block;color:#FFF;font-family:arial;font-size:24px;
font-weight:bold;padding:10px 20px;text-decoration:none;position:relative;top:-1px;cursor:pointer;vertical-align:top;line-height:21px;-webkit-appearance: none;}
.enroll_button_style:hover {background-color:#f69203;position:relative;cursor:pointer;}
.enroll_button_style:active {background-color:#4ea6f4;position:relative;cursor:pointer;}
.enroll_button_style:visited{color:#FFF;background-color:#4ea6f4;}

.styled-select select {background: transparent;width: auto;padding: 5px;font-size: 16px;border: 1px solid #ccc;height: 34px;}
.orange select{background: transparent;background-color:#fcbd8d;width: auto;padding: 5px;font-size: 16px;border: 1px solid #ccc;height: 34px;}
.red select{background: transparent;background-color:#ffc1b2;width: auto;padding: 5px;font-size: 16px;border: 1px solid #ccc;height: 34px;}
.yellow select{background: transparent;background-color:#fff99a;width: auto;padding: 5px;font-size: 16px;border: 1px solid #ccc;height: 34px;}
.green select{background: transparent;background-color:#c0d9a8;width: auto;padding: 5px;font-size: 16px;border: 1px solid #ccc;height: 34px;}

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}


.available-table-style{width:100%;border-spacing:6px;text-align:left;padding:4px;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:15px;line-height:21px;}
.available-table-style th{font-weight:600;background-color:#eee9de;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:16px;padding:6px;}
.available-table-style td{font-weight:400;background-color:none;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:15px;padding:6px 6px 6px 6px;max-width:auto;line-height:21px;}
.available-table-style td a:link{font-weight:400;background-color:none;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:15px;padding:6px 6px 6px 6px;max-width:auto;line-height:21px;text-decoration:none;}
.available-table-style td a:visisted{font-weight:400;background-color:none;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:15px;padding:6px 6px 6px 6px;max-width:auto;line-height:21px;text-decoration:none;}
.available-table-style td a:hover{font-weight:400;background-color:none;font-family: 'Roboto', sans-serif;color:#bcd6fc;font-size:15px;padding:6px 6px 6px 6px;max-width:auto;line-height:21px;text-decoration:none;}
.available-table-style input{font-weight:400;background-color:none;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:15px;padding:2px 6px 2px 6px;border:1px solid #d2c9b8;}
.available-table-style .odd {background-color:#f1f6f8;}
.available-table-style .even {background-color:#f4f1ef;}
.available-table-style textarea {font-weight:400;background-color:none;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:15px;padding:6px 6px 6px 6px;max-width:auto;line-height:21px;border:1px solid #d2c9b8;width:300px;height:auto;min-height:300px;}
.image-response{width:100%;height:auto;border:0px solid #F00;}
.radius-edges{
	
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px; /* future proofing */
-khtml-border-radius: 8px 8px 8px 8px; /* for old Konqueror browsers */

}
.radius-edges-no-right{
	
-moz-border-radius: 8px 0px 0px 8px;
-webkit-border-radius: 8px 0px 0px 8px;
border-radius:  8px 0px 0px 8pxx; /* future proofing */
-khtml-border-radius: 8px 0px 0px 8px; /* for old Konqueror browsers */

}
.img-size{width:auto;height:auto;margin-left:20px;}
.hide-me{visibility:visible;width:auto;height:auto;}




/*JSSOR 

.jssor-slide {font-family: 'Roboto', sans-serif;font-weight:300;font-size:22px;line-height:32px;text-decoration:none;}
.jssor-slide a:link, .jssor-slide a:visited {text-decoration:none;}
.jssor-slide a:hover {text-decoration:underline;}
.jssor-slide b{}

/* JSSOR SLIDER CSS 

     .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #db001b;
            background-color: rgba(226, 74, 93, 1);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #e24a5d;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 1);
        }
 

*/
/*MOBILE*/

@media all and (max-width:1360px){
.wrapper-apply{width:50%;text-align:right;float:right;overflow:hidden;border:0px solid #9F3;margin-top:16px;padding-right:20px;}
.wrapper-login-inner{padding-right:20px; padding-left:20px;}
.tagline-box{bottom:80px;}
	.show-me-mobile-br{display:block;visibility:visible;}
}

@media all and (max-width:1080px){

.tagline-box{bottom:60px;}
.col-100{padding:20px 20px 20px 20px;}
.col-50{width:100%;height:auto;border:0x solid #adb0d9;padding-right:0px;position:relative;float:left;}
.col-40{width:100%;height:auto;border:0x solid #adb0d9;padding-right:0px;position:relative;float:left;}
.col-menu{width:100%;margin:0 auto;}
}

@media all and (max-width:961px){
.tagline-box{bottom:60px;}

#wrapper-banner-top{min-width:100%;border:0px solid #9F3;overflow:hidden;}
#wrapper-banner-top-inside{min-width:100%;width:auto;border:0px solid #9F3;overflow:hidden;}
#mymenu {text-align:center;margin:0 auto;width:100%;height:auto;z-index:998 !important;margin-top:0px;}

.wrapper-apply{width:100%;text-align:right;float:right;overflow:hidden;border:0px solid #9F3;margin-top:16px;}


.wrapper-column-links{display:none;}

#wrapper-top{max-width:100%;min-width:100%;width:100%;height:auto;border:0px solid #9F3;}
#wrapper-top-display{max-width:100%;min-width:100%;width:100%;height:auto;border:0px solid #9F3;margin:10px 0px 20px 0px;padding-left:0px;}
#wrapper-top-display-blank{max-width:100%;min-width:100%;width:100%;height:auto;border:0px solid #9F3;margin:0 auto;padding-left:16px;}
.wrapper-page-content{min-width:100%;width:100%;padding:0 20px 0 20px;margin-top:20px;}
.wrapper-page{min-width:100%;width:100%;padding:0 10px 0 10px;}



#wrapper-footer{height:auto;}
#wrapper-copyright{display:none;}
#wrapper-menu-display{width:100%;max-width:960px;min-width:100%;height:54px;border:0px solid #9F3;margin:0 auto;text-align:center;background-color:none;}
#wrapper-menu{min-width:100%;width:100%;height:auto;text-align:center;border:0px solid #9F3;float:none;margin-top:0px;margin-right:0px;}

#menu {margin:0 auto;width:100%;height:42px;}
#mymenu ul {margin-top:0px;}

#logo-style{min-width:50%;width:auto;height:114px;position:relative;top:0px;border:1px solid #9F3;float:left;}
.logo-size{max-width:200px;;height:auto;;margin:0px 0 0px 0px;margin-top:4px;}

.wrapper-apply{width:70%;float:right;}

.col-50{width:100%;height:auto;border:0x solid #adb0d9;padding-right:0px;position:relative;float:left;}
.col-40{width:100%;height:auto;border:0x solid #adb0d9;padding-right:0px;position:relative;float:left;}

}

@media all and (max-width:860px){


	
.tagline-box{bottom:40px;}
.fixed-menu-spacer{min-height:120px;}
.enroll_button_style{font-size:18px;}
	
#wrapper-banner-top-inside{margin:0 auto;}
.wrapper-page-content{min-width:100%;width:100%;padding:0 20px 0 20px;margin-top:20px;margin-bottom:0px;}
.wrapper-page{min-width:100%;width:100%;padding:0 10px 0 10px;}

#wrapper-top-display{max-width:100%;min-width:100%;width:100%;height:auto;border:0px solid #9F3;margin:10px 0px 20px 0px;}
#wrapper-top-display-blank{max-width:100%;min-width:100%;width:100%;height:auto;border:0px solid #9F3;margin:0 auto;}



#wrapper-html{border:0px solid #9C0;margin:0 auto;padding:0;min-height:100%;height:auto;background-color:#FFF;background-image:none;background-repeat:no-repeat;background-position:top;}

.col-25{width:100%;height:auto;border:0px solid #adb0d9;margin:0 auto;position:relative;float:none;margin-bottom:20px;text-align:center;}
.col-25-m-right{margin-right:0px;}
.login-text, .login-text a, .login-text a:hover, .login-text a:link, .login-text a:visited{font-size:13px;}
.hide-me-mobile{display:none;visibility:hidden;}

/* Menu */
#wrapper-menu{background-color:#d2232a;height:auto;position:relative;top:0px;}


#wrapper-banner-home{background-color:#FFF;}
.wrapper-menu-toggle{background-color:#635e55;}
.wrapper-menu-toggle-open{background-color:#454545;}


#mymenu{min-width:100%;height:auto;width:100%;overflow:hidden;text-align:center;}
#mymenu ul li.border-right a{border-top:1px solid #ccc;width:100%;}
#mymenu ul li.border-left a{border-top:1px solid #ccc;width:100%;}
#mymenu{min-width:100%;height:auto;width:100%;}
#mymenu ul{min-width:100%;height:auto;width:100%;}
#mymenu ul li.highlight > a{background-color:#fff;height:auto;}
 /*main menu headings*/
#mymenu ul li a {font-family: 'Roboto', sans-serif;color:#444;font-weight:500;font-size:15px;line-height:30px;text-decoration:none;border:0px solid #5a471c;display:inline-block;padding:7px 0px 4px 0px;width:auto;text-align:left;height:auto;max-height:42px;background-color:#fff;margin:0;text-align:center;}
ul.inner-menu li {background-color:#F00;}

#mymenu ul li:hover > a {background-color:#a0f9d;color:#444;height:auto;
-o-transition:color .4s ease-out, background .1s ease-in;
  -ms-transition:color .4s ease-out, background .1s ease-in;
  -moz-transition:color .4s ease-out, background .1s ease-in;
  -webkit-transition:color .4s ease-out, background .1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .4s ease-out, background .1s ease-in;
      -moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px; /* future proofing */
-khtml-border-radius: 0px 0px 0px 0px; /* for old Konqueror browsers */
} 

#mymenu ul li:hover ul {display:block;visibility:visible;list-style-type:none;width:100%;height:auto;float:left;margin-top:0px;position:relative;background-color:#ccc;text-align:center;overflow:hidden;z-index:999 !important;
    -moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px; /* future proofing */
-khtml-border-radius: 0px 0px 0px 0px; /* for old Konqueror browsers */

}
#mymenu ul li ul{display:none;visibility:hidden;}
#mymenu ul li:hover ul{display:none;visibility:hidden;}
#mymenu ul li:hover ul li {border-bottom:0px solid #e18233;}
#mymenu ul li:hover ul.toggle-service-off{display:none;visibility:hidden;}
#mymenu ul li:hover ul.toggle-service-on{display:block;visibility:visible;}
#mymenu ul li ul.toggle-service-on{display:block;visibility:visible;}


#mymenu ul.inner-menu li {font-size:13px;height:auto;line-height:28px;border-bottom:0px solid #463c30;background-color:#ccc;}
#mymenu ul.inner-menu li a{font-size:13px;color:#FFF;background-color:#ccc;width:100%;padding-left:20px;text-align:left;border:0px solid #093;border-bottom:0px solid #c25c07;height:42px;max-height:42px;line-height:28px;}

#mymenu ul.inner-menu li a:link, #mymenu ul.inner-menu li a:visited{font-size:13px;color:#FFF;background-color:#585857;width:100%;padding-left:20px;text-align:left;border-bottom:0px solid #463c30;line-height:28px;height:42px;max-height:42px;}


#mymenu ul.inner-menu li a:hover{font-size:13px;color:#FFF;background-color:none;width:100%;padding-left:20px;text-align:left;border:0px solid #093;border-bottom:0px solid #463c30;height:auto;max-height:42px;line-height:28px;}
#mymenu ul li ul li.no-border a:hover{background-color:#ccc;height:42px;max-height:42px;line-height:28px;border-bottom:0px solid #463c30;}/*the hover problem*/

.no-border:hover{background-color:#6e6d6b;border:0px solid #CCC;}/*xxx*/

.show-hide-arrows {color:#FFF;background-color:transparent;}
.show-hide-arrows a:link{color:#FFF;text-decoration:none;background-color:transparent;}
.show-hide-arrows a:visited{color:#FFF;text-decoration:none;background-color:transparent;}
.show-hide-arrows a:hover{color:#ffe8d4;text-decoration:none;background-color:transparent;}
.show-menu-button{font-size:2em;padding:4px;background-color:#F33;color:#FFF;border:none;display:inline-block;}
.hide-menu-button{font-size:18px;padding:4px;background-color:#F33;color:#FFF;border:none;display:inline-block;text-align:left;}


#mymenu ul li:hover > a {background-color:#fff;height:auto;text-decoration:underline;
-o-transition:color .4s ease-out, background .1s ease-in;
  -ms-transition:color .4s ease-out, background .1s ease-in;
  -moz-transition:color .4s ease-out, background .1s ease-in;
  -webkit-transition:color .4s ease-out, background .1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .4s ease-out, background .1s ease-in;
}

#mymenu ul li:hover ul li a:hover{background-color:#777;font-size:13px;}

@media all and (max-width:700px){
.tagline-box{bottom:40px;}
.enroll_button_style{font-size:18px;}

ul.list-difference li{width:100%;}
.col-review-comment{float:left;overflow:hidden;width:100%;}
.text-plans{font-size:40px;}
.text-plans-white{font-size:40px;}
.text-highly{font-size:40px;}}

@media all and (max-width:620px){
.tagline-box{bottom:30px;}
.enroll_button_style{font-size:16px;padding:5px 10px;}
.wrapper-apply{width:100%;float:none;text-align:center;margin:0 0 0 0;padding: 0 0 0 0;}
.logo{width:100%;float:left;text-align:center;margin:10px 0 0 20px;}
.wrapper-login{height:120px;padding:0;margin:0 0 0 0;}
.fixed-menu-spacer{min-height:120px;width:100%;overflow:hidden;float:left;display:none;visibility:hidden;}
.wrapper-menu-fixed{position:relative;border:0px solid #333;}
#wrapper-top-display{margin:0 0 0 0;}
}

@media all and (max-width:520px){
	
	.div-address{width:100%;text-align:center;}
	.div-logo{width:100%;text-align:center;}
	.col-pad-right{padding-right:0px;}
	.img-header-lunch{min-height:200px;}
	.img-header-dinner{min-height:200px;}
	.img-header-breakfast{min-height:200px;}
	.header-spacer{width:100%;height:auto;padding-top:0px;}
	.text-center{text-align:center;}
	.show-me-mobile{display:block;visibility:visible;}
	h1 {font-size:55px;line-height:55px;}

	
	
.login-text, .login-text a, .login-text a:hover, .login-text a:link, .login-text a:visited{font-size:9px;font-family:Arial, Helvetica, sans-serif;}

.col-50 {width:100%;float:none;}

#menu{min-width:100%;height:auto;width:100%;overflow:hidden;}
#menu ul li.border-right a{border-top:1px solid #032271;width:100%;}
#menu ul li.border-left a{border-top:1px solid #032271;width:100%;}
#menu{min-width:100%;height:auto;width:100%;}
#menu ul{min-width:100%;height:auto;width:100%;}
#menu ul li a {font-size:18px;text-align:center;}
#menu ul li a:hover {background-image:none;}


.show-menu-button{font-size:18px;padding:4px;background-color:#d2232a;color:#444;border:none;display:inline-block;}
.hide-menu-button{font-size:18px;padding:4px;background-color:#d2232a;color:#444;border:none;display:inline-block;}

#menu ul li ul {display:none;visibility: hidden;width:100%;height:auto;border:0px solid #093;}
#menu ul li:hover ul {display:block;visibility: visible;list-style-type:none;width:100%;height:auto;float:left;margin-top:0px;position:relative;background-color:none;text-align:center;overflow:hidden;}
#menu ul.inner-menu li {font-size:18px;height:42px;line-height:28px;border:0px solid #093;}
#menu ul.inner-menu li a{font-size:18px;color:#FFF;background-color:#bcd6fc;width:100%;text-align:center;border:0px solid #093;border-bottom:1px solid #0f68b7;height:42px;line-height:28px;margin-top:0px;}
#menu ul.inner-menu li a:link{font-size:18px;color:#FFF;background-color:#bcd6fc;width:100%;text-align:center;border:0px solid #093;border-bottom:1px solid #0f68b7;height:42px;line-height:28px;margin-top:0px;}
#menu ul.inner-menu li a:hover{font-size:18px;color:#FFF;background-color:#4ea6f4;width:100%;text-align:center;border:0px solid #093;border-bottom:1px solid #0f68b7;height:42px;line-height:28px;margin-top:0px;}





.hide-me{visibility:hidden;display:none;}
.img-gallery {width:100%;max-width:270px;height:auto;text-align:center;float:none;margin:0 auto;position:relative;display:block;margin-top:10px;margin-bottom:10px;}


.available-table-style{width:100%;border-spacing:2px;text-align:left;padding:2px;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:13px;line-height:16px;}
.available-table-style th{font-weight:600;background-color:#eee9de;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:13px;padding:2px;}
.available-table-style td{font-weight:400;background-color:none;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:13px;padding:2px;max-width:auto;line-height:16px;}
.available-table-style input{font-weight:400;background-color:none;font-family: 'Roboto', sans-serif;color:#5a471c;font-size:13px;padding:2px;border:1px solid #CCC;width:200px;height:24px;}
.available-table-style td a:link{font-size:13px;padding:2px;line-height:16px;}
.available-table-style td a:visited{font-size:13px;padding:2px;line-height:16px;}
.available-table-style td a:hover{font-size:13px;padding:2px;line-height:16px;}

.col-25{width:100%;height:auto;border:0px solid #adb0d9;margin:0 auto;position:relative;float:none;margin-bottom:20px;text-align:center;}
.col-25-m-right{margin-right:0px;}
p {font-size:16px;}
.col-menu{width:100%;margin:0 auto;}

}

@media all and (max-width:360px){
.tagline-box{bottom:10px;}
.enroll_button_style{font-size:10px;padding:2px 5px;}
}