html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input,
select {
  vertical-align:middle;
}

@font-face {
  font-family:'Eveleth';
  src:url('../fonts/eveleththin-webfont.eot');
  src:url('../fonts/eveleththin-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/eveleththin-webfont.woff') format('woff'),
      url('../fonts/eveleththin-webfont.ttf') format('truetype'),
      url('../fonts/eveleththin-webfont.svg#eveleth_thin') format('svg');
  font-weight:100;
  font-style:normal;
}

@font-face {
  font-family:'Eveleth';
  src:url('../fonts/evelethlight-webfont.eot');
  src:url('../fonts/evelethlight-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/evelethlight-webfont.woff') format('woff'),
      url('../fonts/evelethlight-webfont.ttf') format('truetype'),
      url('../fonts/evelethlight-webfont.svg#eveleth_light') format('svg');
  font-weight:300;
  font-style:normal;
}

@font-face {
  font-family:'Eveleth';
  src:url('../fonts/evelethregular-webfont.eot');
  src:url('../fonts/evelethregular-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/evelethregular-webfont.woff') format('woff'),
      url('../fonts/evelethregular-webfont.ttf') format('truetype'),
      url('../fonts/evelethregular-webfont.svg#eveleth_regular') format('svg');
  font-weight:400;
  font-style:normal;
}

@font-face {
  font-family:'Eveleth';
  src:url('../fonts/evelethbold-webfont.eot');
  src:url('../fonts/evelethbold-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/evelethbold-webfont.woff') format('woff'),
      url('../fonts/evelethbold-webfont.ttf') format('truetype'),
      url('../fonts/evelethbold-webfont.svg#eveleth_bold') format('svg');
  font-weight:700;
  font-style:normal;
}

::-webkit-scrollbar {
  width:12px;
}

::-webkit-scrollbar-track {
  background:#e3e4e6; 
}
 
::-webkit-scrollbar-thumb {
  background:#1a1a1a;
}

::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(26,26,26,0.75); 
}

::selection {
  background:#a4bd39;
  color:#fff;
}

::-moz-selection {
  background:#a4bd39;
  color:#fff;
}

body {
  background-color:#000;
  color:#fff;
  font-family:"Eveleth", sans-serif;
  font-size:12px;
  font-weight:100;
  line-height:18px;
  text-align:left;
  margin:0;
  padding:0;
}

p {
  margin:10px 0;
}

a {
  color:#a4bd39;
}

.buttons {
  display:inline-block;
  width:100%;
  text-align:center;
  margin-top:30px;
}

a.button {
  display:inline-block;
  width:200px;
  border:1px solid #fff;
  color:#fff;
  font-size:16px;
  font-weight:700;
  text-align:center;
  margin:4px 0;
  padding:12px 0;
}

a.button:hover {
  background-color:#fff;
  color:#939598;
  text-decoration:none;
}

h2 {
  font-size:26px;
  margin-bottom:35px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3, 
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10, 
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-left:20px;
  padding-right:20px;
}

.container {
  position:relative;
  width:100% !important;
  max-width:1920px !important;
  margin:0 auto;
}

.row .row {
  margin-left:0;
  margin-right:0;
}

header,
section,
footer {
  float:left;
  width:100%;
}

header {
  min-height:500px;
}

header.top .gazette_menu {
  position:fixed;
  display:none;
  float:left;
  width:100%;
  height:500px;
  background:#59170d url('../images/gazette.png') center left no-repeat;
  padding-left:45%;
  z-index:10;
}


header.top .gazette_menu ul {
  float:left;
  width:100%;
  list-style:none;
  margin:20px 0;
}

header.top .gazette_menu ul li {
  float:left;
  clear:left;
  background:transparent url('../images/arrow.png') center left no-repeat;
  font-size:24px;
  color:#fff;
  font-weight:700;
  margin:10px 0;
  padding-left:30px;
}

header.top .gazette_menu ul li a {
  color:#fff;
}

header.top .gazette_menu button.close {
  display:block;
  position:absolute;
  bottom:20px;
  right:20px;
  width:36px;
  height:32px;
  background:transparent url('../images/close.png') center center no-repeat;
}
header.top ul li.margin-bottom { 
     margin-bottom:50px;
}

@media screen and (max-width:991px) {
  header.top .gazette_menu {
    height:300px;
    background-size:contain;
    padding-left:35%;
  }
  
  header.top .gazette_menu .col {
    float:left;
    width:50%;
  }
  
  header.top .gazette_menu ul li {
    font-size:16px;
  }
}

@media screen and (max-width:767px) {
  header.top .gazette_menu {
    height:auto;
    background:#59170d url('../images/gazette_horizontal.png') center 20px no-repeat;
    padding:100px 50px 50px;
    display: block !important;
    position: absolute;
  }
  header.top .gazette_menu .menu_button.close {
    display: none;
  }
 header.top .gazette_menu ul {
    margin:10px 0;
  }
}

@media screen and (max-width:560px) {
 header .gazette_menu .col {
    width:100%;
  }
}


header.top .gazette {
  min-height:500px;
  background:#59170d url('../images/gazette.png') center center no-repeat;
  background-size:contain;
}

header.top .gazette button {
  position:absolute;
  top:25px;
  right:25px;
  display:inline-block;
  height:20px;
  background:transparent url('../images/menu_button.png') center right no-repeat;
  color:#a06d65;
  border:0;
  font-size:16px;
  line-height:20px;
  text-transform:uppercase;
  padding-right:40px;
}

@media screen and (max-width:991px) {
  header .gazette {
    min-height:80px;
    background-image:url('../images/gazette_horizontal.png');
    background-size:contain;
  }
  
  header .gazette button {
    right:25px;
    top:50%;
    transform:translateY(-50%);
  }
}

header .intro {
  min-height:500px;
  background-size:cover;
  text-align:center;
  padding:0;
}
.intro #slider .owl-wrapper-outer .item{
     min-height:500px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
.owl-controls.clickable {
     position: absolute;
     right: 50px;
     bottom: 25px;
}
.owl-theme .owl-controls .owl-page span {
     border-radius:0;
     width:15px;
     height:15px;
     border: 1px solid #FFF;
     background: transparent;
}
.owl-theme .owl-controls .owl-page.active span {
     background: transparent url('../images/active-slider.png') center center no-repeat;
     border: 1px solid #FFF;
     
     width: 20px;
     height: 20px;
}
.owl-theme .owl-controls .owl-page.active span:hover{
     background: transparent url('../images/active-slider.png') center center no-repeat;
}
.owl-theme .owl-controls .owl-page.active {
     margin-bottom: -2px;
}

header .intro .tripadvisor {
  display:inline-block;
  position:absolute;
  top:0;
  right:15px;
  width:240px;
  height:240px;
  background:transparent url('../images/tripadvisor.png') center center no-repeat;
}
header .intro .opentable {
  display:inline-block;
  position:absolute;
  top:210px;
  right:15px;
  width:158px;
  height:218px;
  background:transparent url('../images/opentable.png') center center no-repeat;
}

header .intro .button {
  position:absolute;
  bottom:30px;
  left:50%;
  width:250px;
  transform:translate(-50%);
}

@media screen and (max-width:991px) {
  header .intro .tripadvisor,header .intro .opentable {
    display:none;
  }
}


header .logo img {
  width:100%;
  height:auto;
}

header .intro nav {
  display:inline-block;
}

@media screen and (max-width:767px) {
  header .intro nav {
    margin-bottom:50px;
  }
}

header .intro nav ul {
  display:block;
  border:3px solid #59170d;
  padding:4px 0;
}

header .intro nav ul li {
  display:inline-block;
  padding:5px 0;
}

header .intro nav ul li:last-child {
  border:0;
}

header .intro nav ul li a {
  display:block;
  color:#fff;
  border-right:1px solid #fff;
  font-family:'Eveleth', sans-serif;
  font-size:17px;
  font-weight:700;
  padding:2px 30px;
}

header .intro nav ul li:last-child a {
  border-right:0;
}

@media screen and (max-width:620px) {
  header .intro nav {
    width:100%;
  }
  
  header .intro nav ul li {
    padding:0;
  }
  
  header .intro nav ul li {
    display:block;
  }
  
  header .intro nav ul li a {
    border-right:0;
    border-bottom:1px solid #fff;
    padding:15px 0;
  }
  
  header .intro nav ul li:last-child a {
    border-bottom:0;
  }
}

#restaurants,
#restaurants2 {
  min-height:660px;
}

#restaurants .splash {
  min-height:660px;
  background:transparent url('../images/restaurants_splash.jpg') center center no-repeat;
  background-size:cover;
  padding:0;
}

#restaurants2 .splash_big {
  min-height:660px;
  background:transparent url('../images/splash_big.jpg') center center no-repeat;
  background-size:cover;
  padding:0;
}

#restaurants .restaurant {
  min-height:660px;
  padding:0;
}

#restaurants .restaurant .splash {
  min-height:330px;
  background-position: center;
  background-size:cover;
  padding:0;
}

#restaurants .restaurant.battersea .splash {
  min-height:330px;
  background:transparent url('../images/battersea_splash.jpg') center center no-repeat;
  background-size:cover;
  padding:0;
}

#restaurants2 .bellevue .splash {
  min-height:330px;
  background:transparent url('../images/bellevue_splash.jpg') center center no-repeat;
  background-size:cover;
  padding:0;
}

#restaurants .restaurant.putney .splash {
  min-height:330px;
  background:transparent url('../images/putney_splash.jpg') center center no-repeat;
  background-size:cover;
  padding:0;
}

#restaurants .restaurant .info,
#restaurants2 .bellevue .info {
  min-height:330px;
  padding:20px 30px 0;
}

#restaurants .restaurant .info {
  background:transparent url('../images/bg_wall.jpg') top left no-repeat;
  background-size:cover;
}

#restaurants .restaurant .info h2 {
  text-align:right;
  margin-bottom:25px;
}

#restaurants .restaurant .info h2:before {
  display:inline-block;
  content:'';
  width:100%;
  height:16px;
  background:transparent url('../images/gazette_small.png') top right no-repeat;
}

#restaurants .restaurant .info .address,
#restaurants .restaurant .info:hover .more,
#restaurants2 #petite .restaurant .info .desc,
#restaurants2 #petite .restaurant:hover .info .more,
#restaurants2 .bellevue .info .address,
#restaurants2 .bellevue .info:hover .more,
#restaurants2 .maison .info .desc,
#restaurants2 .maison .info:hover .more {
  display:block;
  opacity:1;
}

#restaurants .restaurant .info .more,
#restaurants .restaurant .info:hover .address,
#restaurants2 #petite .restaurant .info .more,
#restaurants2 #petite .restaurant:hover .info .desc,
#restaurants2 .bellevue .info .more,
#restaurants2 .bellevue .info:hover .address,
#restaurants2 .maison .info .more,
#restaurants2 .maison .info:hover .desc  {
  display:none;
  opacity:0;
}

#restaurants .restaurant .info .address .phone,
#restaurants2 #petite .info .desc .phone,
#restaurants2 .bellevue .info .address .phone,
#restaurants2 .maison .info .desc .phone {
  color:#fff;
  font-size:18px;
  font-weight:700;
  margin-top:15px;
}

#restaurants .restaurant .info .more .buttons,
#restaurants2 .bellevue .info .more .buttons {
  margin:0 0 15px 0;
}

#restaurants .restaurant .info .buttons a.button,
#restaurants2 .bellevue .info .buttons a.button,
#restaurants2 .maison .info .buttons a.button {
  width:150px;
  font-size:14px;
  padding:8px 0;
}

#restaurants .restaurant .info .buttons a.button:hover,
#restaurants2 .maison .info .buttons a.button:hover {
  color:#1a1a1a;
}

#restaurants .restaurant .info .more .actions a.button,
#restaurants2 .maison .info .more .actions a.button  {
  border:1px solid #59170d;
}

#restaurants .restaurant .info .more .actions a.button:hover,
#restaurants2 .maison .info .more .actions a.button:hover {
  background-color:#59170d;
  color:#fff;
}
#petite .info .desc .button {
     margin-top: -30px;
     margin-right: 70px;
     float: right;
     width: 100px;
}
#restaurants2 #petite .splash {
  min-height:330px;
  background:transparent  center center no-repeat;
  background-size:cover;
  padding:0;
}

#restaurants2 #petite .restaurant {
  min-height:330px;
  background:transparent url('../images/petite_bg.jpg') center center no-repeat;
  background-size:cover;
  padding:0;
}

#restaurants2 #petite .restaurant:hover {
  background:transparent url('../images/petite_bg_hover.jpg') center center no-repeat;
  background-size:cover;
}
#restaurants2 #petite .restaurant:hover a.button {
	display: none;
}

#restaurants2 #petite .info {
  padding:50px 30px 0;
}

#restaurants2 #petite .logo {
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:215px;
  height:215px;
  background:transparent url('../images/logo_petite.png') top left no-repeat;
  border-radius: 50%;
}
#restaurants2 #petite .restaurant:hover .logo{
  background:transparent url('../images/logo_petite_hover.png') top left no-repeat;
  background-size:cover;
}
#restaurants2 #petite span.imsg {
  display:block;
  width:177px;
  height:142px;
  background:transparent url('../images/imsg_window.png') top left no-repeat;
  color:#939598;
  font-size:18px;
  font-weight:700;
  margin-left:-8px;
  margin-bottom:10px;
  padding-top:64px;
  padding-left:27px;
}

#restaurants2 #petite h2 {
  font-size:26px;
  line-height:30px;
  color:#4a4a4a;
  margin-bottom:20px;
}

#restaurants2 #petite .more h2 {
  color:#fff;
  font-size:30px;
  line-height:34px;
  text-shadow:0px 0px 5px #000;
  margin-bottom:40px;
}

#restaurants2 #petite .more a {
  display:block;
  color:#fff;
  font-size:14px;
  line-height:44px;
  font-weight:700;
  margin:4px 0;
  padding:0 50px 0 20px;
}

#restaurants2 #petite .more .order_mail {
  background:transparent url('../images/order_mail.png') center right no-repeat;
}

#restaurants2 #petite .more .order_imsg {
  background:transparent url('../images/order_imsg.png') center right no-repeat;
}

#restaurants2 .col-md-8 {
  min-height:660px;
  padding:0;
}

#restaurants2 #bellevue_maison {
  min-height:330px;
  padding:0;
}

#restaurants2 .bellevue {
  min-height:330px;
  padding:0;
}

#restaurants2 .bellevue .row {
  margin:0;
}

#restaurants2 .bellevue .info {
  background-color:#798b28;
}

#restaurants2 .bellevue .info h2 {
  text-align:right;
  margin-bottom:15px;
}

#restaurants2 .maison {
  background:transparent url('../images/bg_wall.jpg') top left no-repeat;
  background-size:cover;
  min-height:330px;
  padding:30px 50px;
}

#restaurants2 .maison .info h2 {
  text-align:center;
  margin-bottom:25px;
}

#restaurants2 .maison .desc p {
  color:#bababa;
  font-size:18px;
  line-height:22px;
  font-weight:700;
}

#restaurants2 .maison .info .more .buttons {
  margin:0 0 5px 0;
}

#social_wall {
  background:transparent url('../images/bg_wall.jpg') top left no-repeat;
  background-size:cover;
  padding:40px 0;
}

#social_wall #dcsns-filter {
  float: right;

}

@media screen and (max-width:640px) {
  #social_wall ul {
    position:relative;
    display:block;
    text-align:center;
    margin-bottom:20px;
  }
}

#social_wall ul li {
  display:inline-block;
}
#social_wall h2 {
     position: absolute;
}
#social_wall ul li a {
  display:block;
  background:transparent url('../images/border.png') center right no-repeat;
  color:#fff;
  font-size:16px;
  line-height:22px;
  font-weight:700;
  padding:0 10px 0 5px;
}

#social_wall ul li:last-child a {
  background:transparent;
}

#contacts {
  min-height:300px;
}

#contacts .splash {
  min-height:300px;
  background:transparent url('../images/contact_splash.jpg') center center no-repeat;
  background-size:cover;
  padding:0;
}

#contacts .info {
  min-height:300px;
  background-color:#939598;
  padding:50px 50px 0;
}

#contacts .info h2 {
  font-size:16px;
}

#contacts .info p {
  font-size:15px;
  line-height:19px;
}

#contacts .info a {
  color:#fff;
}

#contacts .social_buttons {
  min-height:300px;
  padding:0;
}

#contacts .social_buttons a {
  float:left;
  width:50%;
  min-height:100px;
}

#contacts .social_buttons a:hover {
  opacity:0.5;
}

#contacts .social_buttons a.fb {
  background:#b0b0b1 url('../images/social/fb.jpg') center center no-repeat;
}

#contacts .social_buttons a.twitter {
  background:#d8d9db url('../images/social/twitter.jpg') center center no-repeat;
}

#contacts .social_buttons a.gplus {
  background:#939598 url('../images/social/gplus.jpg') center center no-repeat;
}

#contacts .social_buttons a.instagram {
  background:#7d8083 url('../images/social/instagram.jpg') center center no-repeat;
}

#contacts .social_buttons a.owl {
  background:#d8d9db url('../images/social/owl.jpg') center center no-repeat;
}

#contacts .social_buttons a.imsg {
  background:#b0b0b1 url('../images/social/imsg.jpg') center center no-repeat;
}
.modal-body span.button {
     display: block;
     background: #6b3026;
   border:1px solid #FFFFFF;
  color:#FFFFFF;
  display:inline-block;
  font-size:16px;
  font-weight:700;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  padding:12px 30px;
  text-align:center;
}
.stream li .section-intro, .filter  a:hover, .wall-outer .dcsns-toolbar .filter a.iso-active {
     background: transparent !important;
}

.modal-dialog .close {
  background: url('../images/lightbox-close.png');
  width: 100px;
  height: 100px;
  margin-right: -50px;
  margin-top: -50px;
  position: absolute;
  right:0;
  z-index:20;
  opacity: 1;
  border-radius: 50%;
}

.modal.in .modal-dialog {
  width:100%;
  max-width:900px;
  margin-top:80px;
}

.career {
  width:100%;
  padding:80px 60px 0;
}

.career h2 {
  color:#59170d;
  font-size:26px;
  margin-bottom:20px;
}

.career h3 {
  color:#000;
  font-size:17px;
  margin-bottom:30px;
}

.career h4 {
  color:#000;
  font-size:12px;
  margin-bottom:10px;
}

.career p {
  color:#000;
}

.career .position {
  padding:30px 0;
}

.career .contact {
  margin-top:30px;
  padding-bottom:30px;
}

.career .contact,
.career .contact h4,
.career .contact p {
  color:#59170d;
}

.career .contact p {
  margin:3px 0;
}
@media screen and (max-width:991px) {
  .splash,
  .splash_big {
    display:none;
  }
  
  #restaurants2 #petite .restaurant,
  #restaurants2 .bellevue .info,
  #restaurants2 .maison,
  #contacts .info {
    min-height:initial;
    padding-bottom:50px;
  }
  
  #restaurants2 .bellevue{
    min-height:initial;
  }
}

@media screen and (max-width:991px) {
  #restaurants,
  #restaurants .restaurant,
  #restaurants2 .bellevue,
  #restaurants2 .maison {
    min-height:initial;
  }
}

@media screen and (max-width:640px) {
  #restaurants .restaurant,
  #restaurants2 .bellevue,
  #restaurants2 .maison {
    width:100%;
    text-align:center;
    border-bottom:1px solid #fff;
  }
  #restaurants .restaurant {
    border-bottom:1px solid #fff;
  }
  .gazette .menu_button {
    font-size:0;
  }
}

@media screen and (max-width:1360px) and (min-width:992px) {
  #restaurants .restaurant .info h2 {
    font-size:16px;
  }
  #restaurants2 .bellevue .info h2 img {
    width:100%;
    height:auto;
  }
  #restaurants .restaurant .info .buttons a.button,
  #restaurants2 .bellevue .info .buttons a.button,
  #restaurants2 .maison .info .buttons a.button {
    width:100%;
    font-size:12px;
    padding:6px 0;
  }
  #restaurants .restaurant .info .address .phone,
  #restaurants2 #petite .info .desc .phone,
  #restaurants2 .bellevue .info .address .phone,
  #restaurants2 .maison .info .desc .phone {
    font-size:16px;
    line-height:16px;
  }
  #restaurants2 #petite .logo {
    width:140px;
    height:140px;
    background-size:cover;
  }
}

@media screen and (max-width:1120px) and (min-width:992px) {
  #restaurants .restaurant .info p,
  #restaurants2 .bellevue .info p {
    font-size:10px;
    line-height:14px;
  }
}

#map .col-md-12 {
  padding:0;
}

#map a.tfl {
  position:absolute;
  top:25px;
  right:25px;
  background:#59170d url('../images/tfl.png') 20px center no-repeat;
  color:#fff;
  font-size:10px;
  font-weight:700;
  padding:15px 30px 15px 70px;
}

footer {
  background-color:#59170d;
  padding:30px 40px;
}

footer .gazette_menu  {
  padding:0;
}

footer .gazette_menu ul {
  list-style:none;
}

footer .gazette_menu ul li {
  margin-bottom:4px;
  width: 400px;
  float: left;
}
@media screen and (max-width:1200px) {
     #restaurants2 .maison .desc p {
          font-size: 12px;
     }
}

@media screen and (max-width:767px) {
  footer .gazette_menu ul li {
    display:inline-block;
    width:30%;
  }
    .dcwss.dc-wall .stream li {
     position: inherit;
     float: left !important;
     width: 100% !important;   
     }
     #social_wall #dcsns-filter {
  float:left;
  margin-top:40px;
}
     #petite .info .desc .button {
          margin-right: 30px;
     }
     header.top .gazette_menu ul li {
          width: 250px;
     }
    header.top ul li.margin-bottom{
        margin-bottom:0;  
     }
     .address .buttons {
          margin-top: 80px !important;
     }
     .more .buttons a.button {
       margin: 4px 0 !important;
     }
}

@media screen and (max-width:620px) {
  footer .gazette_menu ul li {
    display:inline-block;
    width:100%;
  }
}

footer .gazette_menu ul li a {
  color:#fff;
  font-size:13px;
  font-weight:700;
}

footer .images_author {
  font-size:9px;
  line-height:11px;
  padding:30px 0;
}

footer .info {
  border-top:1px solid #fff;
  font-size:9px;
  line-height:12px;
}

footer .info .copyright {
  text-align:left;
  padding:20px 0 0;
}

footer .info .author {
  text-align:right;
  padding:20px 0 0;
}

footer .info .author a {
  color:#fff;
  font-weight:700;
}

@media screen and (max-width:767px) {
  footer .info .copyright,
  footer .info .author {
    text-align:center;
  }
  header .intro .button {
       bottom: 100px;
  }
  .owl-controls.clickable {
       left: 50%;
       transform: translateX(-50%);
  }
  .modal-dialog .close {
       margin-right:0;
  }
  .intro {
  display: none;
  }
}

/* Voucher + newsletter */

.subscribe {
    height: 207px;
    width: 560px;
    position: relative;
    top:50px;
  }
  .subscribe .badge {
    width: 209px;
    height: 207px;
    background: url(../images/subsribe_badge.png) no-repeat;
    background-position: -209px 0;
    display: block;
    position: relative;
    z-index: 2;
  }
  .subscribe:hover .badge{
    background-position: 0;
  }
  .subscribe:hover .subscribe-input {
    opacity: 1;
    visibility: visible;
  }
  .subscribe-input {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right:0;
    margin: auto;
    height:60px;
    width:370px;
    background:#032f59;
    opacity:0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
  }
  .subscribe-input input[type="email"] {
    background: none;
    border: 1px dashed #FFF;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 20px;
    text-align: left;
    margin: 10px 10px 10px 20px;
    position: relative;
    z-index:99;
  }
  .subscribe-input input[type="submit"] {
    border: 1px solid #FFf;
    font-weight: bold;
    font-size: 12px;
    background: none;
    border-radius: 0;
    padding: 10px 20px;
    position: absolute;
    top:10px;
    z-index:9999;
  }
  .subscribe-input #mc_embed_signup div.mce_inline_error {
    padding-left: 22px;
  }
  #mce-success-response {
    color: #3C763D;
    background-color: #DFF0D8;
    border: 1px solid #3C763D;
    padding: 10px 22px;
  }
  #mce-error-response {
    color: #FFF;
    background-color: #6B0505;
    border: 1px solid #6B0505;
    padding: 10px 22px;
  }
  #menus .splash.newsletter, #menus .splash.voucher {
    display: block !important;
  }
  .voucher .badge {
    width: 255px;
    height: 254px;
    display: block;
    background: url(../images/voucher-badge.png) no-repeat;
    background-position: 0 0;
    position: relative;
    top:30px;
  }
  .voucher .badge:hover {
    background-position: -255px 0;
  }
  #voucher p, #voucher h3, #voucher h4 {
    color: #FFF;
  }
  #voucher .modal-content {
    background: #191919;
    
  }
  #voucher .modal-body {
    margin: 0 35px 0;
  }
  #voucher .header {
    float: left;
    max-width: 100%;
  }
  #voucher .amount {
    float: right;
    width: 180px;
    text-align: center;
    border-bottom: 1px solid #FFF;

  }
  #voucher .amount p {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    margin:0;
  }
  #voucher .amount .price {
    display: inline-block;
    font-weight: 200;
    font-size: 36px;
    margin: 10px 0 10px -20px;
  }
  #voucher .amount .price small {
    font-size: 18px;
  }
  #voucher  h3 {
    font-weight: 400;
    font-size: 18px;
    margin: 30px 0 20px;
  }
  #voucher .voucher-content p {
    font-size: 12px;
    font-weight: 200;
    padding-bottom: 10px;
    margin:0;
  }
  #voucher .voucher-content input{
    width: 100%;

  }
  .form-input {
    width: 100%;
  }
  .form-input span.label {
    display: inline-block;
    padding-right: 10px;
    color: #FFf;
    font-size: 12px;
    font-weight: 400;
  }
  .form-input.small span.label {
    width: 15%;
    text-align: left;
  }
  .form-input.small input[type="text"]{
    width: 85%;
  }
  .form-input.small input[type="email"]{
    width: 85%;
  }
  .price-input {
    background: transparent none repeat scroll 0% 0%;
    width: 100px;
    margin-left: 10px;
    border-bottom: 1px dotted;
    border-width: 0px 0px 1px;
  }
  .price-input:focus {
    outline: none;
  }
  .price .your-price .wpcf7-not-valid-tip{
    font-size: 12px;
  }
  .detail .form-input.small span.label{
    width: 20%;
    text-align: left;
  }
  .detail .form-input.small input[type="email"]{
    width: 80%;
  }
  .form-input.big span.label {
    width: 45%;
    text-align: left;
  }
  .form-input.big input[type="text"]{
    width: 55%;
  }
  #voucher .detail {
    border: 1px solid #FFF;
    margin-left:0;
    margin-right:0;
    padding: 10px 0;
    margin: 20px 0;
  }
  #voucher .info {
    margin-left:0;
    margin-right:0;
  }
  .form-input input[type="text"],.form-input input[type="email"] {
    background: transparent;
    border-bottom: 1px dotted #FFF;
    border-width: 0 0 1px;
    height: 20px;
    outline: none;
  }
  .form-input input[type="text"]:focus,.form-input input[type="email"]:focus {
    outline: none;
  }
  #voucher .info p {
    font-size: 12px;
    font-weight: 200;
  }
  #voucher .info h4 {
    float: left;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-top:20px;
  }
  #voucher .info h4 big {
    font-size: 18px
    color: #FFF;
  }
  #voucher input[type="submit"] {
    display: inline-block;
    float: right;
    font-size: 18px;
    font-weight: 300;
    padding: 10px 30px;
    background: #59170d;
    color: #FFF;
    margin-top: 10px;
    border:0;
  }
  .wpcf7-not-valid-tip {
    margin-left: 5px;
    margin-top: 5px;
  }
  #voucher .wpcf7-validation-errors {
    background-color: #6B0505;
    border:0;
    padding: 20px;
    margin: 20px 0 0;
  }
  #voucher .wpcf7-mail-sent-ok {
    color: #3C763D;
    background-color: #DFF0D8;
    border: 1px solid #3C763D;
    padding: 20px;
    margin: 20px 0 0;
  }
  #voucher input[type="submit"]:hover {
    opacity: 0.7;
  }
  @media all and (max-width: 768px) {
  .subscribe {
    height: 101px;
    width: 445px;
    position: relative;
    top:50px;
    }
  .subscribe .badge {
    width: 101px;
    height: 100px;
    background: url(<?php echo TH_URL; ?>/assets/images/subsribe_badge_small.png) no-repeat;
    background-position: -101px 0;
    }
    #voucher .amount {
      float: left;
    }
    .form-input.small span{
      width: 30%;
    }
    .form-input.small input[type="text"]{
      width: 70%;
    }
    .form-input.small input[type="email"]{
      width: 70%;
    }
    .detail .form-input.small span{
      width: 30%;
    }
    .detail .form-input.small input[type="email"]{
      width: 70%;
    }
    .form-input.big span{
      width: 45%;
    }
    .form-input.big input[type="text"]{
      width: 55%;
    }
    .modal.in .modal-dialog {
      margin: 0;
    }
  }
  @media all and (max-width: 450px) {
  .subscribe {
    width: 340px;
  }
  .subscribe-input {
    width: 260px;
  }
  .subscribe-input input[type="email"]{
      padding: 10px 5px;
      width: 150px;
    }
    .subscribe-input input[type="submit"] {
      padding: 10px 5px;
    }
  }

#restaurants .splash.newsletter a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#restaurants .splash.newsletter .subscribe {
	z-index: 5;
}
.intro #slider .owl-wrapper-outer .item {
  position: relative;
}
.intro #slider .owl-wrapper-outer .item > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.intro #slider .owl-wrapper-outer .item > a > div{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height:100%;
}