/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
/*	font-size: 100%;*/
	font: inherit;
	vertical-align: baseline;
	line-height: 130%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 130%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'univers-light';
    src: url('../fonts/univers_light_condensed-webfont.eot');
    src: url('../fonts/univers_light_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/univers_light_condensed-webfont.woff') format('woff'),
         url('../fonts/univers_light_condensed-webfont.ttf') format('truetype'),
         url('../fonts/univers_light_condensed-webfont.svg#univers_light_condensedRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'roboto-slab-thin';
    src: url('../fonts/RobotoSlab-Thin-webfont.eot');
    src: url('../fonts/RobotoSlab-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoSlab-Thin-webfont.woff') format('woff'),
         url('../fonts/RobotoSlab-Thin-webfont.ttf') format('truetype'),
         url('../fonts/RobotoSlab-Thin-webfont.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto-slab-light';
    src: url('../fonts/RobotoSlab-Light-webfont.eot');
    src: url('../fonts/RobotoSlab-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoSlab-Light-webfont.woff') format('woff'),
         url('../fonts/RobotoSlab-Light-webfont.ttf') format('truetype'),
         url('../fonts/RobotoSlab-Light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto-slab-regular';
    src: url('../fonts/RobotoSlab-Regular-webfont.eot');
    src: url('../fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto-slab-bold';
    src: url('../fonts/RobotoSlab-Bold-webfont.eot');
    src: url('../fonts/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoSlab-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}



html {  overflow-x:hidden; height: 100%;}
body { font-family: 'roboto-slab-light'; font-size: 14px; color: #402014; color: rgba(64,32,20,.55); background: #f2ece8; display: table; height: 100%;}
body.film { background: #111;}
a { color: #402014; text-decoration: none;}


h1 { font-size: 2.2rem; font-family: 'dynalight'; line-height: .7; color: #402014; margin-bottom: 10px;}
body.film h1 { color: #FFFAF6; min-height: 30px; padding-left: 40px; background: url(../images/film-small-icon.svg) no-repeat left center; font-family: 'roboto-slab-bold'; line-height: 1;}
h2 { font-size: 1.15rem; color: #402014;}
body.film h2 { color: #FFFAF6;}
h3 { font-family: 'roboto-slab-bold'; margin-bottom: 3px; color: #402014;}

.clear { clear: both; height: 0; line-height: 0;}

.left-side { border-right: 4px solid rgba(64,32,20, .33); padding: 0 70px; background: url(../images/black-points-pattern.png) #FFFAF6; position: relative; position: fixed; left: 0; top: 0; width: 155px; height: 100%; box-shadow: 0 0 6px rgba(0,0,0,.2);}
.left-side .header { margin-top: 45px;}
.logo { width: 155px; height: 47px; background: url(../images/adonis-logo.png) no-repeat; text-indent: -99999px; display: block; -webkit-transition: 1.4s ease; transition: 1.4s ease;}
.left-side .header:hover .logo { transform:rotateY(360deg); }
.logo:hover { opacity: .5; }
.menu {padding-top: 45px; margin-top: 25px; background: url(../images/sidebar-ornament.svg) center top no-repeat;}
.menu li { margin-bottom: 7px;}
.menu li a { text-align: center; color: #402014; display: block; font-family: 'bebas'; font-size: 1.35rem; opacity: .4; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: .4s; transition: .4s;}
.menu li a:before { content: "- "; }
.menu li a:after { content: " -"; }
.menu li a:hover, .menu li.current a { letter-spacing: 2px;/* color: #90742f; */opacity: 1;}

.left-side .footer { position: absolute; bottom: 55px; left: 70px; width: 155px; text-align: center;}
.left-side .films-link { padding-top: 57px; opacity: .6; background: url(../images/film-icon.svg) center top no-repeat; text-align: center; font-family: 'roboto-slab-bold'; min-width: 60px; min-height: 60px; color: #90742F;-webkit-transition: .4s; transition: .4s; }
.left-side .films-link:hover { opacity: 1;}
.left-side .footer .footer-info { padding-top: 15px; margin-top: 15px; border-top: 1px solid rgba(0,0,0,.1); font-size: .8rem; opacity: .7;}
.left-side .footer .footer-info p { margin-bottom: 4px;}
.left-side .footer .credits { opacity: .5;}

.section-image-bg { width: 45%; height: 100%; display: table-cell; vertical-align: top; z-index: 1; position: relative;}
.home-bg { background: url(../images/home-bg.jpg) no-repeat center top #000;}
.food-bg { background: url(../images/food-bg.jpg) no-repeat center top #000;}
.gallery-bg { background: url(../images/gallery-bg.jpg) no-repeat center top #000;}
.contact-bg { background: url(../images/contact-bg.jpg) no-repeat center top #000;}

.content { /*float: left;*/ margin-left: 299px; height: 100%; /*padding: 45px 0;*/ vertical-align: top;/* display: table;*/}
.content-int { padding: 45px 70px 45px 70px; width: 50%; display: table-cell; vertical-align: top; box-shadow: 0 0 5px rgba(0, 0, 0, .6); z-index: 2; position: relative; }
body.film .content-int { width: inherit; box-shadow: none; display: block; color: rgba(255,250,246,.66);}
.right-side { position: fixed; right: 0px; top: 55px; height: 100%; z-index:99999; width: 34px;}
.right-side .facebook { background: url(../images/facebook-icon.svg) left top; box-shadow: 0 2px 6px rgba(0,0,0,.6); width: 34px; height: 34px; float: right; text-indent: -99999px; display: block; -webkit-transition: .4s ease; transition: .4s ease;}
.right-side .facebook:hover { background-position: right top;}
.lang { margin-top: 30px; float: right;}
.lang li { margin-bottom: 2px; float: right; clear: both; box-shadow: 0 2px 6px rgba(0,0,0,.6);}
.lang li a { padding: 9px 0; float: right; width: 34px; text-align: center; background: #f1ebe7; text-transform: uppercase; font-family: 'roboto-slab-bold'; -webkit-transition: .2s ease; transition: .2s ease;}
.lang li a:hover, .lang .current a { padding-right: 10px; background: #ceaa5b; color: #fff; }

.food-kind+.food-kind { margin-top: 20px;}
.food-kind ul { /*margin-left: 10px;*/}
.food-kind ul .dish {}
.food-kind ul .dish .name { border-bottom: 1px dotted rgba(0,0,0,.3); text-transform: uppercase; letter-spacing: 2px; font-size: .7rem; line-height: 200%; display: inline-block;}

.text-intro { margin-bottom: 40px; line-height: 160%; font-family: 'roboto-slab-regular';}

.testimonial+.testimonial { margin-top: 20px; }
.testimonial { padding: 0 40px; min-height: 30px; line-height: 160%; background: url(../images/quotes-open-unified.svg) left 10px no-repeat, url(../images/quotes-close-unified.svg) right 10px no-repeat; text-align: center;}
.testimonial p { line-height: 160%;}
.testimonial small { font-family: 'roboto-slab-bold'; display: block; margin-top: 7px; opacity: .7;color: #402014; }

.contact-form { margin-bottom: 40px;}

.contact-form .field { margin-bottom: 2px; }
.contact-form input, .contact-form textarea { border: none; border-left: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); background: none; width: 100%; padding: 4px 12px; text-transform:lowercase; font-size: 1.4rem; font-family: 'roboto-slab-light'; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition: .4s ease; transition: .4s ease;}
.contact-form input:hover, .contact-form textarea:hover { color: #402014; border-color: #402014; }
.contact-form input[type="submit"] { /*text-align: left;*/ cursor: pointer; color: #90742F; border: none; border-bottom: 2px solid; text-transform: uppercase; font-family: 'roboto-slab-regular'; letter-spacing: 3px; font-size: .8rem; padding: 20px 30px;}
.contact-form input[type="submit"]:hover { border-color: transparent; background: #90742F; color: #fff; }


.map { border: 8px solid rgba(0,0,0,.07);}
#map_canvas { height: 650px;}

.videos li { float: left; margin: 5px;}
.videos li h2 { background: rgba(255,250,246,.08); padding: 8px 14px; border-radius: 2px 2px 0 0;}

.gallery-images li img {
      width: 100%;
      height: auto;
        opacity: 1;
          transition: .2s; -webkit-transition: .2s;
    }

.gallery-images {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

/**
 * Grid items
 */
.gallery-images li {

  width: 200px;
  display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}


.gallery-images li a{
  transition: .2s; -webkit-transition: .2s;
/*  background-color: rgba(255,255,255,.7);*/
/*  border: 7px solid #000;
  border: 7px solid rgba(0,0,0,1);*/
/*  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;*/
/*  padding: 2px;*/
  display: block;

}

.gallery-images li a:hover img{
opacity: .6;
}

.gallery-images li a:hover {
background-color: transparent;
}

.gallery-images li.inactive {
  visibility: hidden;
  opacity: 0;
}

.gallery-images li img {
  display: block;
}

.cc-cookies { position:fixed; width: 100%; left: 0; bottom: 0; padding: 0.7em 3%; background: #414141; letter-spacing: .2px; background: rgba(65,65,65,1); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.4); font-size: 13px; z-index: 99999; text-align: center;  }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { margin-left:10px; display: inline-block; color: #fff; text-decoration: none; background: #5fa100; padding: 0.3em 1em; text-transform: uppercase; border-radius: 3px; font-family: 'roboto-slab-bold'; box-shadow: 0 0 2px rgba(0,0,0,.25); text-shadow: 0 -1px 0 rgba(0,0,0,.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #4a7e00; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;height: auto!important;width: auto!important;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000 repeat 0 0;}
#colorbox{outline:0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
/*#cboxLoadedContent{margin-bottom:28px;}*/
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;display: none!important;}
#cboxLoadingOverlay{background:url("../images/loading_background.png") no-repeat center center;}
#cboxLoadingGraphic{background:url("../images/loading.gif") no-repeat center center;}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:50%; left:0; background:url("../images/fancybox_sprite.png") no-repeat 0 -35px; width:35px; height:35px; text-indent:-9999px;}
#cboxNext{position:absolute; bottom:50%; right:0; background:url("../images/fancybox_sprite.png") no-repeat 0 -70px; width:35px; height:35px; text-indent:-9999px;}
#cboxClose{position:absolute; top:0; right:0; background:url("../images/fancybox_sprite.png") no-repeat 0 0; width:35px; height:35px; text-indent:-9999px;}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


@media screen and (max-width: 1200px) {
  .left-side { padding: 0 40px;}
  .content { margin-left:239px;}
  .content-int { padding: 40px 100px 40px 40px; box-shadow: none;}
  .right-side .facebook, .lang li { box-shadow: none;}
  .lang li a { background: rgba(144,116,47,.1);}
  .section-image-bg { display: none;}
  .left-side .footer { left: 40px;}
}

@media screen and (max-width: 670px) {
  .left-side { position: relative; width: inherit; padding: 15px 20px; border: 0; overflow: hidden;}
  .left-side .header { float: left; margin-top: 0;}
  .logo { height: 24px; width: 127px; background-image: url(../images/adonis-small-logo.png);}
  .menu { float: right; padding-top: 0; margin-top: 0; background: none;}
  .menu li { float: left; margin-bottom: 0; margin-left: 10px;}
  .menu li a { letter-spacing: inherit; font-size: 1.2rem;}
  .menu li a:before, .menu li a:after { content: ""; }
  .menu li a:hover, .menu li.current a { letter-spacing: inherit; opacity: 1;}
  .left-side .footer { display: none;}
  .content { margin-left: 0;}
  .content-int { padding: 30px;}
  .right-side { position: relative; width: inherit;}
  .right-side .facebook, .lang, .lang li, .lang li a  { float: none;}

  .right-side .facebook { background: none; height: auto; text-indent: inherit; width: auto; padding: 20px; background: #90742F; text-align: center;}
  .right-side .facebook:hover { background: #fff; }
  
  .lang { background: #222; margin: 0;}
  .lang li { margin: 0;}
  .lang li a { width: auto; background: none; padding: 20px !important; border-top: 1px solid rgba(255,255,255,.1); color: #FFFAF6; display: block; }
  .lang li a:hover, .lang .current a { background: #111;}
}