body .system-bak {
	font-family: 'Noto Sans', sans-serif;
}

div.menu-mid {
	margin-top: 80px;
}

a.menu-canon {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}

h1.menu-canon {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}

h2.menu-canon {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

h3.menu-canon {
	font-family: 'Noto Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
}

div.restron-logo {
	padding-top: 2px !important
}

.main-menu a:hover {
	color: #fe5338 !important;
}

a.restron-clr {
	border: 1px solid rgba(253, 251, 241, .5);
	color: #fdfbf1 !important;
}

a.restron-clr:hover {
	border: 1px solid rgba(254, 88, 62, 1);
	background-color: #fe5338;
	color: #fdfbf1 !important;
}


.main-menu show a.restron-clr {
	color: blue !important;
}

.main-menu show a.restron-clr:hover {
	border: 1px solid rgba(254, 88, 62, 1);
	background-color: #fe5338;
	color: blue !important;
}

header.header.sticky a.restron-clr {
	border: 1px solid #2d3d4f;
	color: #fdfbf1 !important;
}

header.header.sticky a.restron-clr:hover {
	border: 1px solid rgba(254, 88, 62, 1);
	background-color: #fe5338;
	color: #fdfbf1 !important;
}

h2.callout-h2 {
	color: #fdfbf1 !important;
	font-family: Noto Sans, sans-serif;
	font-weight: 200;
	font-style: normal;
}

p.callout-p {
	color: #fdfbf1 !important;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: .8em;
}

h2.callout-h2-dark {
	color: #2d3d4f !important;
	font-family: Noto Sans, sans-serif;
	font-weight: 200;
	font-style: normal;
}

p.callout-p-dark {
	color: #2d3d4f !important;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: .8em;
}

a.restron-cta {
	border: 1px solid #fdfbf1 !important;
	background-color: #fdfbf1 !important;
	color: #2d3d4f !important;
	z-index: 5 !important;
}

a.restron-cta:hover {
	border: 1px solid #2d3d4f !important;
	background-color: #2d3d4f !important;
	color: #fdfbf1 !important;
	z-index: 5 !important;
}

.btn_scroll {
	z-index: 5 !important;
}

a.restron-cta-dark {
	border: 1px solid #fdfbf1 !important;
	background-color: #fdfbf1 !important;
	color: #2d3d4f !important;
}

a.restron-cta:hover-dark {
	border: 1px solid #2d3d4f !important;
	background-color: #2d3d4f !important;
	color: #fdfbf1 !important;
}



div.text-right {
	padding-right: 15px !important;
}

.footer-clr {
	background-color: red !important;
}
.menu-mid {
	margin-top: 660px !important;
	position: absolute !important;
	z-index: 3 !important;
	width: 100% !important;
	text-align: center !important;
}

.ces-lines {
	height: 13px !important;
	background: url("/_restron/ui/img/site/canon-bak-lines.png");
	background-repeat: repeat-x;
	background-size: 9px 13px !important;
	
}

div.logo-mid {
	margin-top: -42px !important;
	width: 480px !important;
	height: 114px !important;
	margin-left: auto;
  	margin-right: auto;
	background: url("/_restron/ui/img/site/canon-logo.png");
	background-size: 480px 114px !important;
	z-index: 3 !important;
}

div.custom-menu {
	margin-top: 25px !important;
	overflow: auto;
	white-space: nowrap;
	margin-left: 15px !important;
	margin-right: 15px !important;
	text-align: center !important;
	scrollbar-color: transparent;
	scrollbar-color: transparent;
	scrollbar-color: transparent;
	padding-bottom: 30px !important;
}

div.custom-menu a {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
  	display: inline-block;
  	color: #fe5338;
  	text-align: center;
  	padding-top: 0px !important;
  	padding-left: 0px !important;
  	padding-right: 0px !important;
  	padding-bottom: 7px !important;
  	margin-left: 10px;
  	margin-right: 10px;
  	font-size: 9px !important;
  	letter-spacing: 3px !important;
  	text-decoration: none;
}

a.custom-menu-active {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
  	display: inline-block;
  	color: #fe5338;
  	text-align: center
  	padding-top: 0px !important;
  	padding-left: 0px !important;
  	padding-right: 0px !important;
  	padding-bottom: 7px !important;
  	margin-left: 10px;
  	margin-right: 10px;
  	font-size: 9px !important;
  	letter-spacing: 3px !important;
  	text-decoration: none;
  	border-bottom: #fe5338 2px solid;
}
div.custom-menu a:hover {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
  	display: inline-block;
  	color: #fe5338;
  	text-align: center
  	padding-top: 0px !important;
  	padding-left: 0px !important;
  	padding-right: 0px !important;
  	padding-bottom: 7px !important;
  	margin-left: 10px;
  	margin-right: 10px;
  	font-size: 9px !important;
  	letter-spacing: 3px !important;
  	text-decoration: none;
  	border-bottom: #fe5338 2px solid;
}

span.custom-menu {
  display: inline-block;
  margin-right: -3px;
}

div.dj-shadow {
	position: absolute !important;
	height: 180px !important;
	width: 100% !important;
	bottom: 0px !important;
	background-image: linear-gradient(180deg, rgba(253, 251, 241, 0), rgba(253, 251, 241, .25));
	z-index: 2 !important;
}
div.dj-shadow-micro {
	position: absolute !important;
	height: 30px !important;
	width: 100% !important;
	bottom: 0px !important;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
	z-index: 2 !important;
}
.aesthetic-bumper-logo {
	padding-top: 90px;
	max-width: 120px !important;
}
@media (max-width: 767px) {
  	div.logo-mid {
		margin-top: -28px !important;
		width: 330px !important;
		height: 79px !important;
		background: url("/_restron/ui/img/site/canon-logo.png");
		background-size: 330px 79px !important;
		z-index: 3 !important;
}
	.menu-mid {
		margin-top: 480px !important;
	}
}
.badge-michelin {
	margin: 0px !important;
	padding: 0px !important;
	width: 100px !important;
	height: 167px !important;
	background: url("/_restron/ui/img/site/canon-badge-michelin.png");
	background-size: 100px 167px !important;
	vertical-align: top !important
}
div.gap-top {
	height: 280px !important;
	/* background-color: pink !important; */
}

div.gap-bottom {
	height: 120px !important;
	/* background-color: pink !important; */
}

div.gap-xlrg {
	height: 240px !important;
	/* background-color: pink !important; */
}

div.gap-lrg {
	height: 140px !important;
	/* background-color: pink !important; */
}

div.gap-med {
	height: 60px !important;
	/* background-color: pink !important; */
}
div.gap-sml {
	height: 30px !important;
	/* background-color: pink !important; */
}
@media (max-width: 767px) {

	div.gap-top {
		height: 220px !important;
		/* background-color: pink !important; */
	}

	div.gap-bottom {
		height: 100px !important;
		/* background-color: pink !important; */
	}

	div.gap-xlrg {
		height: 200px !important;
		/* background-color: pink !important; */
	}

	div.gap-lrg {
		height: 100px !important;
		/* background-color: pink !important; */
	}

	div.gap-med {
		height: 30px !important;
		/* background-color: pink !important; */
	}
	div.gap-sml {
		height: 15px !important;
		/* background-color: pink !important; */
	}

}
.pad-thai {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
div.blurb {
	max-width: 360px !important
}
h3.blurb {
	font-family: 'Noto Sans', sans-serif !important;
	font-weight: 300 !important;
	letter-spacing: 2.5px !important;
	font-size: 13px !important;
	color: #283D51 !important;
	padding-bottom: 4px !important
}
.dev-clr {
	background-color: orange
}
p.blurb {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 19px;
	line-height: 38px !important;
	font-weight: 500 !important;
	color: #283D51 !important;
}
.fixie-900 {
	max-width: 900px !important
}
.fixie-850 {
	max-width: 850px !important
}
.fixie-800 {
	max-width: 800px !important
}
.fixie-700 {
	max-width: 700px !important
}
.fixie-600 {
	max-width: 600px !important
}
.fixie-500 {
	max-width: 500px !important
}
.fixie-500 {
	max-width: 500px !important
}
div.hours {
	height: 260px !important;
}
.bak-hour {
	background: url("/_restron/ui/img/site/canon-hours.png");
	background-size: 35px 241px !important;
	background-repeat: no-repeat;
  	background-position: left 15px top;
}
div.hours-left {
	margin-top: 0px !important;
	text-align: right !important;
	padding-top: 0px !important;
	vertical-align: bottom !important;
	padding-bottom: 0px !important;
	height: 35px !important;
}
div.hours-right {
	padding-left: 0px !important;
	text-align: left !important;
	padding-top: 0px !important;
	vertical-align: bottom !important;
	padding-bottom: 0px !important;
	height: 35px !important
}
div.hour-left {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 18px;
	float: right !important;
	width: 70px !important;
	font-weight: 500;
	text-align: left !important;
	vertical-align: bottom;
	padding-bottom: 0px !important;
	line-height: 0px !important;
	padding-top: 6px !important
}
div.hour-right {
	font-family: 'Noto Sans', sans-serif;
	font-size: 11px;
	float: left !important;
	text-align: left !important;
	font-weight: 600;
	letter-spacing: 4px !important;
	color: #fe5338 !important;
	text-transform: uppercase;
	vertical-align: bottom;
	padding-bottom: 0px !important;
	line-height: 0px !important;
	padding-top: 6px !important
}
div.txt-hours {
	text-align: center !important;
	padding-top: 10px !important
}
span.txt-hours {
	font-family: 'PT Mono', sans-serif;
	color: #283D51 !important;
	font-size: 11px;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
	line-height: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 40px !important
}
sup.txt-hours {
	font-family: 'PT Mono', sans-serif;
	line-height: 0px !important;
	font-size: 11px;
}
div.giftcard {
	background: url("/_restron/ui/img/site/canon-not-ready-to-dine.png");
	background-size: 376px 85px !important;
	background-repeat: no-repeat;
  	background-position: left top;
  	width: 100% !important;
  	height: 440px !important;
  	padding-top: 120px !important;
  	position: relative
}
@media (max-width: 767px) {
	div.giftcard {
		padding-top: 100px !important;
		background-size: 310px 70px !important;
	}
	.aesthetic-bumper-logo {
		padding-top: 45px;
		max-width: 100px !important;
	}
}
@media (max-width: 767px) {
	div.giftcard {
  		height: 370px !important;
	}
}
div.giftcard-graphic {
	background: url("/_restron/ui/img/site/canon-giftcard.png");
	background-size: 500px 232px !important;
	background-repeat: no-repeat;
	position: absolute !important;
	width: 500px !important;
  	height: 232px !important;
  	right: 0px !important;
  	bottom: 0px !important
}
@media (max-width: 767px) {
	div.giftcard-graphic {
		width: 360px !important;
  		height: 167px !important;
  		background-size: 360px 167px !important;
	}
}
div.giftcard-title {
	width: 320px !important;
	height: 60px !important;
	vertical-align: center !important;
	text-align: center !important;
	padding-top: 17px !important;
	background: url("/_restron/ui/img/site/canon-giftcard-btn.png");
	background-size: 320px 60px !important;
	background-repeat: no-repeat;
}
a.giftcard-title {
	font-family: 'Noto Sans', sans-serif;
	font-size: 11px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px !important;
	text-transform: uppercase;
	color: #fe5338 !important;
	margin-top: 100px !important;
	margin-top: 100px !important;
	width: 320px !important;
	height: 60px !important;
	vertical-align: center !important;
	text-align: center !important
}
.lifted {
	position: relative;
	top: 0;
	transition: top ease 0.5s;
}
.lifted:hover {
	top: -10px;
}
.lifted-card {
	transition: margin-bottom ease 1.5s;
}
.lifted-card:hover {
	margin-bottom: 40px;
}
.sneeky
{
    opacity:0;
}
/* FOOTER */
div.footer-copy {
	background-color: #edebdd !important;
}
div.footer-left {
	padding: 0px !important;
	position: relative;
}
div.footer-middle {
	padding: 0px !important;
	display: block;
	position: relative;
}
div.footer-right {
	padding: 0px !important;
	position: relative;
}
div.footer-inside-left {
	padding: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	display: block;
	min-height: 220px !important;
	position: relative;
}
div.footer-inside-middle {
	padding: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	display: block;
	min-height: 220px !important;
	position: relative;
}
div.footer-inside-right {
	padding: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	display: block;
	min-height: 220px !important;
	position: relative;
}
div.footer-info {
	padding: 0px !important;
	border-top: 1px solid #c58b2b !important; 
	padding-bottom: 30px !important;
	padding-top: 20px !important;
	height: 220px !important;
}
div.footer-box {
	padding-left: 45px !important;
	padding-right: 45px !important;
	padding-bottom: 45px !important;
}
ul.footer-links {
	padding-top: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 30px !important
}
li.footer-links {
	padding-bottom: 33px !important;
	margin-top: 0px !important;
}
div.footer-links {
	font-family: 'Noto Sans', sans-serif;
	font-size: 11px;
	float: left !important;
	text-align: left !important;
	font-weight: 600;
	letter-spacing: 4px !important;
	color: #fe5338 !important;
	text-transform: uppercase;
	vertical-align: bottom;
	padding-bottom: 0px !important;
	line-height: 0px !important;
	padding-top: 6px !important
}
a.footer-link {
	font-family: 'Noto Sans', sans-serif;
	font-size: 10px;
	float: left !important;
	text-align: left !important;
	font-weight: 600;
	letter-spacing: 4px !important;
	color: #fe5338 !important;
	text-transform: uppercase;
	vertical-align: bottom;
	padding-bottom: 0px !important;
	line-height: 0px !important;
	padding-top: 6px !important
}
div.footer-copy {
	padding: 30px !important;
}
div.footer-quote {
	padding-bottom: 40px !important;
}
span.footer-quote {
	font-family: 'Knockout', sans-serif;
	text-transform: uppercase;
	font-weight: 500 !important;
	letter-spacing: 3px !important;
	font-size: 13px;
	color: #c58b2b !important
}
p.copy {
	font-size: 12px !important;
	color: #7c8287 !important;
}
a.copy-link {
	color: #2d3d4f !important;
	
}
div.footer-blurb {
	max-width: 360px !important
}
h3.footer-blurb {
	font-family: 'Noto Sans', sans-serif !important;
	font-weight: 300 !important;
	letter-spacing: 2.5px !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	color: #283D51 !important;
	padding-bottom: 0px !important
}
p.footer-blurb {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 19px;
	line-height: 0px !important;
	font-weight: 500 !important;
	color: #283D51 !important;
	margin-bottom: 35px !important
}
p.footer-blurb-address {
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase !important;
	line-height: 21px !important;
	font-weight: 600 !important;
	color: #283D51 !important;
	letter-spacing: 2px !important;
	padding-bottom: 0px !important;
	margin-bottom: 22px !important
}

p.powered {
	font-size: 12px !important;
	color: #7c8287 !important;
	opacity: .5 !important
}
a.powered-link {
	color: #2d3d4f !important;
	
}
div.restron-footer-left {
	padding-left: 30px !important;
	text-align: left !important;
}
div.restron-footer-right {
	padding-right: 30px !important;
	text-align: right !important;
}
@media (max-width: 767px) {
	div.restron-footer-left {
		text-align: center !important;
	}
	div.restron-footer-right {
		text-align: center !important;
	}
}
div.mark-left {
	text-align: left !important;
	bottom: 0px !important;
	left: 0px !important;
	width: 100px !important;
	height: 300px !important;
	background-color: pink !important;
	position: absolute !important;
}
div.mark-right {
	text-align: right !important;
	bottom: 0px !important;
	right: 0px !important;
	width: 85px !important;
	height: 55px !important;
	position: absolute !important;
	background: url("/_restron/ui/img/site/canon-mark-address.png");
	background-size: 85px 55px !important;
	background-repeat: no-repeat;
  	background-position: center center;
}
span.powered {
	opacity: .5 !important
}
.clearfix {
	display: inline-block !important;
}
div.clearfix {
	display: inline-block !important;
}
/* FORMS */
.block_container
{
    text-align:center;
    padding: 0px !important;
    background-color: blue !important;
}
.bloc1 {

}
.bloc2 {
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
}

form input[type="text"] {
    text-transform: lowercase;
}

input.join-input {
	width: 100% !important;
	font-family: "Noto Sans" !important;
	font-size: 13px;
	height: 30px !important;
	border: 0px solid #0C0000;
	border-bottom: 1px solid #0C0000;
	background-color: #edebde;
	padding-left: 10px !important;
	margin: 0px !important;
	margin-right: 5px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	text-transform: lowercase !important;
}
input.join-btn {
	font: normal normal normal 12px Fabello;
	text-transform: uppercase !important;
	height: 38px !important;
	border: 0px;
	color: #fff !important;
	margin: 0px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	letter-spacing: 1px !important;
}


#ot-reservation-widget {

  .ot-dtp-picker {
    
    h1 {
      display: none;
    }

    .ot-powered-by {
      display: none;
    }
  }

  wide {
  .ot-dtp-picker {
    &.wide {
      width: min(1200px, 100%);

      @media (max-width: 800px) {
        width: min(300px, 100%);
        margin-inline: auto;
      }
    }
  }

  .ot-dtp-picker {
    .ot-dtp-picker-form {
      border: 2px solid #d0d0d0;
      border-radius: 0;
      height: auto;
      display: flex;
      text-align: center;

      @media (max-width: 800px) {
        flex-direction: column;
      }

     select
      .ot-dtp-picker-selector {
        width: auto;
        float: none;
        flex: 1;
        display: flex;
        align-items: center;

        @media (max-width: 800px) {
          flex-basis: 4em;
          border-bottom: 2px solid #d0d0d0;

          &:last-of-type {
            border-bottom: none;
          }
        }

        .ot-dtp-picker-selector-link {
          padding: 0px;
          flex: 1;
        }

        &:hover {
          .ot-dtp-picker-selector-link {
            color: #000;
            outline: none;
          }
        }

        select {
          left: 0;
        }
      }

    button .ot-dtp-picker-button {
        flex: 1;

        @media (max-width: 800px) {
          flex-basis: 4em;
          width: 100%;
        }
      }
    }

	.ot-party-size-picker,
    .ot-date-picker,
    .ot-time-picker {
      .ot-dtp-picker-selector-link {
        &:before {
          color: #b27b0d;
          font-size: 1.3rem;
          top: auto;
        }

        &:after {
          font-size: 0.7rem;
        }
      }
    }

    button .ot-button {
      background-color: #a71c20;
      border-color: #a71c20;

      &:hover,
      &:focus {
        background-color: #da3743;
        border-color: #da3743;
      }
    }

    input[type="submit"] {
      font-family: "Noto Sans", sans-serif;
      text-transform: uppercase;
    }
  }
}
h2.aesthetic-menu-title {
	font-size: 12px !important;
}
div.aesthetic-menu-blurb {
	font-size: 10px !important;
}
.aesthetic-txt {
	font-family: "Noto Sans", monospace !important;
}
.pedgregal-pattern {
	-webkit-background-size: 400px 220px !important;
    -moz-background-size: 400px 220px !important;
    -o-background-size: 400px 220px !important;
    background-size: 400px 220px !important;
}
.bg-white-900 {
	background:rgba(199,199,199,.8) !important;
}
.w-special {
	
	animation: specialmove 1s normal forwards ease-out;
	margin-top: -101px;

}
@keyframes specialmove {
            
	100% {
		margin-top: -10px;
	}
}
h2.aesthetic-hero-h2 {
	font-family: "Figtree", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: 600;
}
div.aesthetic-hero-txt {
	font-family: "Figtree", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: 300;
}
.aesthetic-sml-txt {
	font-family: "Figtree", sans-serif !important;
	font-weight: 300 !important;
	font-size: 10px !important;
}
a.aesthetic-sml-txt {
	font-family: "Figtree", sans-serif !important;
	font-weight: 300 !important;
	font-size: 10px !important;
}