@font-face {
	font-family: "GT-Walsheim";
	src: url("fonts/GT-Walsheim-Bold.woff2") format("woff2"),
		url("fonts/GT-Walsheim-Bold.woff") format("woff"),
		url("fonts/GT-Walsheim-Bold.eot") format("embedded-opentype");
}

@font-face {
	font-family: "IBM-Plex-Mono-Reg";
	src: url("fonts/IBMPlexMono-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "IBM-Plex-Mono-Bold";
	src: url("fonts/IBMPlexMono-Bold.ttf") format("truetype");
}

body, html{ font-size: 100%; font-family: brandon-grotesque, proxima-nova, arial, helvetica, sans-serif; padding: 0; margin: 0; color: #4d4d4d; }

h1{ margin: 0; padding: 0 0 19px 0; font-weight: 700; font-size: 1.9375em; text-transform: uppercase; }
h2{ margin: 0; padding: 0 0 17px 0; font-weight: 100; font-style: italic; color: #4d4d4d; }
h3{ margin: 0; padding: 0;}
h4{ margin: 0; padding: 0;}
h5{ margin: 0; padding: 0;}
h6{ margin: 0; padding: 0; }

.green h1, .pink h1 { color: #fff; }
.white h1{ color: #b4c10a; }

h1.pink{ color: #e682a0; background: #fff; }
h1.beige { color:#cccc99; background: #fff; }

p{ padding:0; margin:0 0 14px 0; }

a{ text-decoration: none; color: #b4c10a; /*border: 1px solid #fff; padding: 4px 16.7741935483871%; font-style: italic; color: #fff; font-size: 0.6774193548387097em; margin-top: 1em; display: inline-block; */} 
a:visited{}
a:hover{}
a:active{}

img{ max-width: 100%; height: auto; }
a img{ border: none; }

header{ padding: 30px 0; background: #fff; z-index: 1000; }
#logo{ float:left; padding-left: 3.709677419354839%; padding-right: /*4.838709677419355%*/0; width: 16.04838709677419%; }
#page{}
#content{ width: 100%; }
ul#ul-hidden{ display: none; }

article { font-size:1.125em; line-height:1.3em; }

.greyBar, .greyBarFooter{ background: #e6e6e6; }
.greyBar a, .greyBarFooter a{ color: #4d4d4d; display: inline-block; padding: 0 8px 0 8px; }
.greyBarFooter ul{ list-style: none; padding: 10px 1em 10px 3.709677419354839%; margin: 0; }
.greyBar ul { list-style: none; padding: 0 1em 0 3.709677419354839%; margin: 0; text-align:right; }
.greyBarFooter ul li { display: inline-block; }
.greyBar ul li { display: inline-block; padding:10px 0; }
.greyBar ul li a, .greyBarFooter  ul li img { vertical-align:middle; }
.greyBar ul li.lang { text-transform:uppercase; background:#585858; padding:10px 13px; }
.greyBar ul li a, .greyBarFooter  ul li a { color: #4d4d4d; font-size: 0.875em; border: none; font-style: normal; text-transform: uppercase; }
.greyBar ul li a:hover, .greyBarFooter  ul li a:hover {  }
.greyBar ul li.lang a { text-transform:uppercase; color:#ffffff; border-bottom: 1px solid #585858; padding:0; }
.greyBar ul li.lang a:hover { text-transform:uppercase; color:#ffffff; border-color:#ffffff; }
.greyBar ul li.lang a.act { border-bottom:1px solid #ffffff; }
.greyBar ul li.resbutton, .greyBar ul li.cardbutton { float:left; }
.greyBar ul li.cardbutton { padding-top:11px; }

.greyBarFooter{ height: 127px; }

nav ul{ list-style: none; width: 77%; float:right; padding: 0; margin: 0.8em 0 0 0; }
nav ul li{ float:left; text-transform: uppercase; padding: 0 0 0 3%; text-align: right; }
nav ul li a{ color: #000; text-decoration: none; font-size: 1.25em; font-style: normal; font-weight:500; }
nav ul li a.act, nav ul li a:hover{ border-bottom: 1px solid #000; }
nav ul li.contactInfo{ display: none; }

#imgSlider{ max-width: 100%; height: auto; max-height: 461px; position: relative; }
#imgBtnNext, #imgGBtnNext{ position: absolute; z-index: 1000; top: 50%; right: 0; background: url(../graf/imgSliderArrows.png) 41px 0; min-width: 41px; min-height: 41px; cursor: pointer; }
#imgBtnNext:hover, #imgGBtnNext:hover{ background: url(../graf/imgSliderArrows.png) 41px 41px;  }
#imgBtnPrev, #imgGBtnPrev{ position: absolute; z-index: 1000; top: 50%; left: 0; background: url(../graf/imgSliderArrows.png) 0 0; min-width: 41px; min-height: 41px; cursor: pointer; }
#imgBtnPrev:hover, #imgGBtnPrev:hover{ background: url(../graf/imgSliderArrows.png) 0px 41px; }
#imgSliderInner{ height: auto; max-height: 461px; }
#imgSlider .item{ float:left; }

.liftBox{ box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center; width: 25%; float:left; min-height: 274px; padding: 15px 10px 0 10px; color: #fff; font-size: 1.5em; text-align: center; font-weight: 400; position: relative; }
.liftBox .lift-content { max-width:100%; }
.liftBox p{ margin: 0; padding: 0; }
.liftBox span{ display:inline-block; margin: 0; padding: 0; }
.liftBox h1{ margin: 0; padding: 0; line-height: 90%; font-size: 1em; }
.liftBox a { border: 1px solid #fff; padding: 4px 16.7741935483871%; font-style: italic; color: #fff; font-size: 0.6774193548387097em; margin-top: 1em; display: inline-block; }
.liftBox.pink a:hover{ background: #cf7590; }
.liftBox.green a:hover{ background: #a2ad09; }
.hidden{ width:100%; opacity: 0;  z-index: 2; position: relative; padding: 0; text-transform: uppercase; } 
.overlay{ opacity: 0; z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; }
.liftBox:hover .overlay, #first-lift .overlay, #third-lift .overlay{ opacity: 0.60; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out;-o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; }
.liftBox:hover .hidden, #first-lift .hidden, #third-lift .hidden{  opacity: 1; } 
/*#first-lift a, #first-lift a:hover { border:0; padding:0; font-style:normal; font-weight:700; background:transparent; font-size:1em; }*/

.pink{ background: #e682a0; }
.beige { background: #dbd0a9; }
.green{ background: #b4c10a; }
.leftCol{ width: 25%; float:left; }
.center{ text-align: center; }
.cantina { background:url('../graf/bg_cantina.jpg') repeat; }
.cantina h1, .cantina h2, .cantina h3, .cantina h4, 
.cantina b, .cantina strong { color:#e40034; }

.pink a, .green a{ border: 1px solid #fff; padding: 4px 16.7741935483871%; font-style: italic; color: #fff; margin-top: 1em; display: inline-block; font-weight: 300; }
.pink a:hover{ background: #cf7590; }
.green a:hover{ background: #a2ad09; }
.beige a { border: 1px solid #4d4d4d; padding: 4px 16.7741935483871%; font-style: italic; color: #4d4d4d; margin-top: 1em; display: inline-block; font-weight: 300; }
.beige .background a { color:#ffffff; border-color:#ffffff; }
.beige a:hover { background: #b9b08f; }
a.button, .leftCol a, input.cancel_button{ border: 1px solid #4d4d4d; padding: 4px 16.7741935483871%; font-style: italic; color: #4d4d4d; margin-top: 1em; display: inline-block; font-size: 1.3125em; font-weight: 300; }
.leftCol a:hover{ background: #e5e5e5; } 

a.nobox { padding:0; border:0; font-style:normal; text-decoration:underline; font-weight:400; margin:0; }
a.nobox:hover { background:transparent; }

.dottedLineGrey{ background: url('../graf/dottedLineGrey.png') repeat-x top left; }
.dottedLineGreyRight{ background: url('../graf/dottedLineGreyVert.png') repeat-y top right; }
.dottedLineRed{ background: url('../graf/dottedLineRed.png') repeat-y top right; }
.first{ background: url('../graf/dottedLineWhite.png') repeat-y top right; }

.scrollTo{ position:relative; top: -150px; visibility: hidden; }

.menupadding { margin:29px 5.5% 0 6.5%; }
/*#menu-alacarte, #menuLunch{ width: 66.45161290322581%; 70.20267774%float:left; margin-left: 4.67741935483871%; margin-top: 29px; }*/
#menu-alacarte, #menuLunch, #menu-cantina{ width: 65.52525839%; float:left; margin-left:4.67741935%; margin-top: 29px; }
#menu-alacarte ul, #menuLunch ul, #menu-cantina ul{ list-style: none; font-size: 1em; margin: 0 0 60px 0; padding: 0; }
#menu-alacarte ul li, #menuLunch ul li, #menu-cantina ul li{ float:left; padding: 10px 30px 10px 0; }
#menu-alacarte ul li a, #menuLunch ul li a, #menu-cantina ul li a{ color: #a2ad09; font-weight:600; text-transform: uppercase; border: 0; font-style: normal; margin: 0; padding: 0; }
#menuLunch ul li a{ color: #fff; }
#menu-cantina ul li a { color:#e40034; }
#menuLunch ul li a.today, #menuLunch ul li a.LlA, #menuLunch ul li a:hover { border-bottom: 1px solid #4d4d4d; color: #4d4d4d; background:transparent; }
#menuLunch li.week{ float:right; color: #fff; padding-right: 0; }
#menu-alacarte ul li a.act, #menuLunch ul li.ui-state-active a, #menu-alacarte ul li a:hover,
#menu-cantina ul li a.act, #menu-cantina ul li a:hover { color: #4d4d4d; border-bottom: 1px solid #4d4d4d; }

.menuRow{ background: url('../graf/menu_line.gif') repeat-x left bottom; }
#menu-cantina .menuRow{ background: url('../graf/menu_line_cantina.png') repeat-x left bottom; }
.menuRow p{ padding: 3px 0; margin: 0; }
.menuPrice{ float:right; }
#menu-alacarte h3 { font-style:italic; padding-top:15px; padding-bottom:5px; font-weight:normal; }
#menu-cantina h3 { padding-top:15px; padding-bottom:5px; }
.menuItem{ width: 80%; display: inline-block; }
.menuPrice span.unit { font-size:0.857142em; }

/* Lounaslista */

input.textField{ margin-top: 25px; background-color: #b4c10a; outline: none; border: 0; border-bottom: 1px solid #fff; color: #fff; font-size: 1.0625em; width: 100%; font-style: italic; font-weight: 100; }
input.buttonOrder{ margin-top: 25px; border: 1px solid #fff; padding: 4px 0; font-style: italic; color: #fff; background-color: transparent; font-size: 1.25em; font-weight: 100; width: 100%; }
input.buttonOrder:hover{ background: #a2ad09; }

.col-50 input.textField{ background-color: #333333; padding-bottom: 8px; width: 50.4%; max-width: 50.4%; text-align: center; margin-top: 0px; margin-bottom: 20px; }
.col-50 input.buttonOrder:hover{ background: #2e2e2e; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:  #fff; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }

.sub_menu, .cantina_sub_menu{ display: none; }

.col-25{ width: 25%; float:left; /*min-width: 264px;*/ min-height: 495px; }
.col-25 .padd{ padding: 51px 14.83870967741935%; }
.col-25 .paddtop{ padding: 51px 14.83870967741935% 0 14.83870967741935%; }
.col-50{ width: 50%; float:left; color: #ffffff; }
.col-75{ width: 75%; float:left; }

.clear{ clear: both; height: 0px; width: 100%; }
.clear-480{ width: 0; height: 0; }
.wrapper{ max-width: 1240px; margin: 0 auto; }
.padd{ padding: 51px 3.709677419354839%; }
.noPadd{ padding: 0; }

/* Brunssit */
.events p{ margin: 0; padding: 0 0 20px 0; position: relative; color: #e682a0; }
.events p span.event_name{ color: #4d4d4d; }
.events a{ border: 0; display: inline; padding: 0; margin: 0; }
.events a.buttonWhite{ border: 1px solid #fff; padding: 4px 16.7741935483871%; font-style: italic; color: #fff; margin-top: 1em; display: inline-block; font-size: 1.3125em; font-weight: normal; }
.events span.event_title{ font-size: 1.9375em; text-transform: uppercase; color: #fff; }
a.linkFB{ position: absolute; top: 9px; right: 5px; }

/* Kabinetti */
.kabinetti{ float:left; position:relative; display: none; width: 100%;}
.kabinetti .img{ width: 33%; min-height: 387px; float:left; }
.kabinetti .text{ width: 45%; float:left; padding: 0 5% 0 5%; }
ul.kabinetit{ list-style: none; margin: 3.75em 0 2em 0; height: 40px; padding: 0; }
ul.kabinetit li a{ text-transform: uppercase; font-size: 1.25em; display: inline-block; }
ul.kabinetit li a:hover { color: #666666; }
ul.kabinetit li a.act{ color: #666666; border-bottom: 1px solid #666666; }
ul.kabinetit li{ float:left; padding: 0 2.3em 0 0; }

.kabinetti .text a, .link a{ border: 1px solid #666666; padding: 4px 16.7741935483871%; font-style: italic; font-size: 1.3125em; color: #666666; margin-top: 1em; display: inline-block; }
.kabinetti .text a:hover, .link a:hover { background:#e5e5e5; }

/* Leipomo */
ul.leimopoProduct, ul.leipalukkari{ margin: 0; padding: 0; list-style: none; }
ul.leimopoProduct li{ margin: 0; padding: 6px 0 6px 0; background: url('../graf/dottedLineWhiteHor.png') repeat-x bottom left; text-align: left; } 
ul.leipalukkari li{ margin: 0; padding: 3px 0 3px 0; text-align: left; } 
span.textWhite{ color: #fff; font-weight: 700; }
span.textGray { color:#4d4d4d; font-weight:700; }
span.price{ float:right; }
a#leipomoOrder{ font-size: 1.25em; }

#formLeipomo { padding-bottom: 30px; }
#formLeipomo div{ margin: 0; padding: 2px 0px; }
p.normal { font-size: 0.875em; }
.textPink{ color: #e682a0; font-weight: 700; }
.textPink{ color: #dbd0a9; font-weight: 700; }
.p_title{ background: url('../graf/arrowBeige.png') no-repeat left center; display: inline-block; width: 52%; padding-left: 3%; cursor: pointer; }
.p_title_open{ background: url('../graf/arrowBeigeDown.png') no-repeat left center; display: inline-block; width: 53%; padding-left:3%; cursor: pointer; }
.p_amount{ display: inline-block; width: 29%; }
.p_amount [type="text"] { border: 0px; max-width: 40px; background-color: transparent; font-family: proxima-nova, arial, helvetica, sans-serif; text-align: right; border-bottom: 1px solid #b3b3b3; color: #4D4D4D; }
.p_price{ display: inline-block; width: 14%; float:right; }
.p_price input[type="text"] { border: 0px; background-color: transparent; font-family: proxima-nova, arial, helvetica, sans-serif; width: 35px; color: #4D4D4D; }
#formLeipomo div.p_description{ display: none; border-top: 1px dotted #cdcdcd; margin-left: 13px; margin-top: 10px; font-size: 0.825em; float: none; padding: 10px 0 10px 0; }
#formLeipomo div.p_description img{ max-width: 150px; padding: 0 13px 13px 0; }
#price{  border: 0px; background-color: transparent; font-family: proxima-nova, arial, helvetica, sans-serif; text-align: right; border-bottom: 1px solid #b3b3b3; color: #4D4D4D; }
#price_taxes{  border: 0px; background-color: transparent; font-family: proxima-nova, arial, helvetica, sans-serif; text-align: right; border-bottom: 1px solid #b3b3b3; color: #4D4D4D; }
#formLeipomo input.textField{ width: 100%; }
.whitetext { color:#ffffff; }
.whitetext h1, .whitetext h2, .whitetext h3 { color:#ffffff; }

/* Kuvagalleria */
#imgGallery{ max-width: 100%; height: 310px; overflow: hidden; max-height: 461px; position: relative; }
#imgGallery a{ border: 0; margin: 0; padding: 0; font-size: 1em; }
#imgGallery .item{ max-width: 310px; height: 310px; float:left; position: relative; }
#imgGallery .item img{ width: 150%; height: auto; max-width: 150%; }
#imgGalleryCarousel{ max-width: 100%; height: 310px; }
#galleryTitle{ padding: 40px 3.709677419354839% 40px 3.709677419354839% ; }
#galleryTitle h3{ padding: 0; margin: 0; font-weight: 700; font-size: 1.9375em; text-transform: uppercase; color:#ffffff; }
.itemOverlay{ opacity: 0; z-index: 1; position: absolute; top: 0; left: 0; color: #fff; padding-top:0%; width: 100%; height: 100%; background: url('../graf/imgOpen.png') no-repeat center 46% #000; }
#imgGallery .item:hover .itemOverlay{ opacity: 0.60; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out;-o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; }
.imgDesc{ opacity: 1; position: absolute; bottom: 8%; left: 0; text-align: center; color: #fff; width: 100%; }

/* Varauslomake */
.form{ max-width: 618px; padding: 2em 2em 100px 2em; background: #fff; display: none; }
.form-left{ width: 50%; float:left; }
.form-right{ width: 50%; float:left; }
.form h1, .form h2, .form h3 { padding-right:100px; }
.form input.textField{ margin-top: 25px; text-align: center; background-color: #fff; outline: none; border: 0; border-bottom: 1px solid #b3b3b3; color: #4d4d4d; font-size: 1.0625em; min-width: 188px; font-style: italic; font-weight: 100; }
.form textarea{ width: 100%; font-family: inherit; height: 100px; margin-top: 50px; margin-bottom: 30px; font-size: 1.0625em; border: 1px solid #b3b3b3; }
.form ::-webkit-input-placeholder { /* WebKit browsers */ color: #4d4d4d; }
.form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4d4d4d; opacity: 1; }
.form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:  #4d4d4d; opacity: 1; }
.form :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #4d4d4d; }
.form input.buttonOrder{ margin-top: 25px; border: 1px solid #4d4d4d; padding: 4px 0; font-style: italic; color: #4d4d4d; background-color: #fff; font-size: 1.25em; font-weight: 100; min-width: 188px; }
.form input.buttonOrder:hover{ }

.popup-close{ position: absolute; top: 2em; right: 0; background: url('../graf/btnClosePink.png') no-repeat; width: 90px; height: 90px; cursor: pointer; }
.hidden-form, .hidden-form2{ background: #fff; max-width: 618px; position: fixed; right: -620px; top: 0px;  z-index:3000; max-height: 100%; overflow-y: scroll; }
#page-overlay{ display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; opacity: 0; filter: alpha(opacity=0); background: #FDE6E8; }
#notice { display:block; position:absolute; top:-1200px; left:50%; transform:translateX(-50%); z-index:9999;  width:90%; max-width: 665px; padding:50px 90px; 
	text-align:center; color:#E82C2A; border:6px solid #E82C2A; background:#feedef; font-family: "IBM-Plex-Mono-Reg"; }
#notice img { width:150px; height:auto; }
#notice h2 { font-size:2.2em; font-family: "GT-Walsheim"; font-weight:normal; width:80%; margin:0 auto; }
#notice .button { display:inline-block; border:2px solid #E82C2A; font-family: "IBM-Plex-Mono-Reg"; margin-top:1em; text-transform: uppercase; color:#E82C2A; padding:5px 15px; font-weight:bold; }
.notice-close{ position: absolute; top: 1em; right:20px; background: url('../graf/icon_close_red.png') transparent no-repeat; border:0; width: 40px; height: 40px; cursor: pointer; }

.beigeclose{  background: url('../graf/btnCloseBeige.png') no-repeat !important; }
.bottom-text-container { clear:both; text-align:center; }
.bottom-text-container a { display:inline-block; margin:5px 10px; padding:4px 31px; font-style:italic; color:#4d4d4d; border:1px solid #4d4d4d;  }


/* Footer */
footer { padding: 19px 1em 10px 3.709677419354839%; text-transform: uppercase; }
footer .wrapper { position:relative; }
.greyBarDark{ background: #333333; position: fixed; z-index: 99998; bottom: 0; width: 100%; height: 71px; cursor: pointer; }
.dot-line{ background: url('../graf/dotted_line.gif') repeat-x top left; }
#mapContainer{ position: relative; height: 340px; width: 50%; }
#mapContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#hidden{ /*visibility: hidden; height: 0px;*/ }
#footer{ width: 100%;  background: #333333; padding-top: 15px; padding-bottom: 0px; font-size: 0.875em; }
#footer .col-25 { color:#ffffff; height:auto; min-height:40px; }
#footer .col-left{ padding: 0px 0 0 0; width:20%; /*width: 30%; float:left;*/ color: #fff; text-align: center; }
#footer .col-right{ padding: 10px 0 10px 0; width:20%; /*width: 30%; float:left;*/ color: #fff; text-align: center; position: relative; }
#footer .col-middle{ padding: 0; width: 35%; /*float:left;*/  color: #fff; text-align: center; position: relative; }
#footer .col-middle img { vertical-align:middle; margin:0 10px; }
#footer .col-right img.footer_arrow{ position: absolute; top: 10px; right: 0; }
#footer #closefooter { display:none; position:absolute; top:20px; right:20px; }
.g-recaptcha div { margin:0 auto; }

/* Styling of the checkboxes and buttons */
.has-js #formNewsletter .label_check { background: url(../graf/checkbox_bg.png) no-repeat 0 3px; width: 14px; height: 13px; }
.has-js #formNewsletter label.c_on { background: url(../graf/checkbox_selected.png) no-repeat 0 3px; width: 14px; height: 13px; }

.has-js .label_check,
.has-js .label_radio { padding-left:25px; cursor: pointer; text-transform:none; font-weight:normal; }
.has-js .label_radio { background: url(../graf/radio-off.png) no-repeat; }
.has-js .label_check { background: url(../graf/checkbox_bg_dark.png) no-repeat 0 3px; width: 14px; height: 13px; }
.has-js label.c_on { background: url(../graf/checkbox_selected_dark.png) no-repeat 0 3px; width: 14px; height: 13px; }
.has-js label.r_on { background: url(../graf/radio-on.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input { position: absolute; left: -9999px; }
.label-span { width: 100%; }

.cancel_area { padding:20px 0; }
.cancel_button { margin-bottom:20px; background:#ffffff; }

@media all and (max-width: 960px) {
	body, html{ font-size: 90%; }
	#logo{ max-width: 156px; }
	nav ul li{ padding: 0 0 0 30px; }
	
	h1{ padding: 0 0 32px 0; }
	h2{ padding: 0 0 13px 0; }
	
	.wrapper{ max-width: 960px; }
	.liftBox{ min-height: 202px; padding-top: 37px; }
	.col-25 { min-height: 337px;}
	
	.padd{ padding: 30px 3.709677419354839%; }
	.col-25 .padd{ padding: 40px 14.58333333333333%; }
	
	#imgSlider, #imgSliderInner{ max-height: 448px; }
	#galleryTitle{ padding: 30px 3.709677419354839% 30px 3.709677419354839%; }
	
	.greyBarDark{ height: 66px; }
	
	#notice { width:80%; padding:30px; }
	#notice h2 { width:100%; }
}

/*
@media all and (max-width: 700px) {
	
	.liftBox{ width: 50%; }
	.col-25{ width: 50%; }
	.clear-480{ clear: both; height: 0px; width: 100%; }
	.col-25 .padd{ padding: 23px 14.58333333333333%; }
	.last{ background: url('../graf/dottedLineWhiteHor.png') repeat-x top left; }
	.dottedLineGrey{ background: url('../graf/dottedLineGrey.png') repeat-x top left; }
}
@media all and (max-width: 480px) {
*/
@media all and (max-width: 768px) {
	body { font-size:100%; }
	
	h1{ padding: 0 0 24px 0; }
	h2{ padding: 0 0 8px 0; }
	
	nav { cursor: pointer; background: url('../graf/mobileNavi.jpg') center center no-repeat #fff; height: 35px; width: 40px; padding: 10px 15px 10px 15px; float:right; z-index: 9999; }		
	nav ul{ display: none; margin: 0; padding: 10px 0 10px 0; position: absolute; top: 66px; left: 0; width: 100%; background: url('../graf/transparentBG.png'); z-index:2000; }
	nav ul li{ float:none; text-transform: uppercase; text-align: center; padding: 7px 0 7px 0px; }
	nav ul li a{ color: #4d4d4d; text-decoration: none; font-size: 2.125em; font-style: normal; }
	nav ul li a.act, nav ul li a:hover{ border-bottom: 1px solid #000; }
	nav ul li.contactInfo{ display: block; }
	nav.close{ background: url('../graf/btnCloseBlack.png') center center no-repeat #fff; }
	nav.close ul { position: fixed; top: 66px; left: 0;}
	
	#logo{ width: 50%; padding-top: 10px; }
	header{ padding: 15px 0; background: #fff; z-index: 1000; }
	
	#menu, #menuLunch{ width: 100%; float:none; padding-left: 0%; margin-top: 20px; }
	#menu-alacarte{ width: 100%; padding: 0; }
	#imgSlider, #imgSliderInner{ max-height: 279px; }
	#galleryTitle{ padding: 10px 3.709677419354839% 10px 3.709677419354839%; }
	#imgGallery{ height: 237px; }
	#imgGallery .item{ max-width: 240px; height: 237px; }
	
	.wrapper{ max-width: 90%; }
	.leftCol{ width: auto; float:none; }
		
	#menu, #menuLunch{ margin-top: 0; }
	#menu ul li, #menuLunch ul li { float: left; padding: 10px 14px 10px 0px; font-size: 0.9em; }
	input.buttonOrder{ margin-top: 25px; float: right; padding: 4px 0; font-size: 1.25em; min-width: 142px; }
	
	
	.greyBarDark{ background: #333333; position: relative; z-index: 99998; bottom: 0; width: 100%; height: 95px; overflow:hidden; }
	#footer .col-left{ padding: 10px 0 0 0; width: auto; float:none; }
	#footer .col-right{ padding: 0 0 10px 0; width: auto; float:none; }
	.greyBarFooter{ height: auto; text-align: center; }
	
	.form{ max-width: 618px; padding: 1em; background: #fff; display: none; }
	.form h1{ padding-left:25px; }
	.popup-close{ position: absolute; top: 15px; left: 5px; background: url('../graf/btnClosePink.png') no-repeat; width: 25px; height: 20px; background-size: cover; cursor: pointer; }		
	
	.p_title{ background: url('../graf/arrowPink.png') no-repeat left center; display: inline-block; width: 49%; padding-left: 3%; cursor: pointer; }
	.p_title_open{ background: url('../graf/arrowPinkDown.png') no-repeat left center; display: inline-block; width: 53%; padding-left: 2%; cursor: pointer; }
	.p_amount{ display: inline-block; width: 29%; }
	.p_amount [type="text"] { border: 0px; max-width: 40px; background-color: transparent; font-family: proxima-nova, arial, helvetica, sans-serif; text-align: right; border-bottom: 1px solid #b3b3b3; color: #4D4D4D; }
	.p_price{ display: inline-block; width: 17%; float:right; }
	.p_price input[type="text"] { border: 0px; background-color: transparent; font-family: proxima-nova, arial, helvetica, sans-serif; width: 28px; color: #4D4D4D; }
	.p_description{ display: none; border-top: 1px dotted #cdcdcd; margin-left: 13px; padding-top: 10px; font-size: 0.825em; }
	#price{  border: 0px; background-color: transparent; font-family: proxima-nova, arial, helvetica, sans-serif; text-align: right; border-bottom: 1px solid #b3b3b3; color: #4D4D4D; }
	#price_taxes{  border: 0px; background-color: transparent; font-family: proxima-nova, arial, helvetica, sans-serif; text-align: right; border-bottom: 1px solid #b3b3b3; color: #4D4D4D; }
	
	.liftBox, .col-25{ width: 100%; }
	.col-25{ min-height: 200px; }
	.col-25.background{ display: none; }
	.col-50{ width: 100%; }
	
	.kabinetti .img{ width: 100%; min-height: 187px; float:none; }
	.kabinetti .text{ width: 90%; float:left; padding: 2em 5% 0 5%; }
	
	ul.kabinetit{ list-style: none; margin: 0 0 2em 0; height: 30px; padding: 0 5% 0 5%; }
	ul.kabinetit li{ float:left; padding: 0 1em 0 0; }
	.col-75{ width: 100%; }
	
	input.buttonOrder{ float: none; margin: 25px auto o auto; }
	
	.form-left{ width: auto; float:none; }
	.form-right{ width: auto; float:none; }
	.first, .last{ background-image: none; }
	
	#imageGallery a{ pointer-events: none; cursor: default;	}
	#imgGallery .item:hover .itemOverlay{ opacity: 0; width: 0%; height: 0%; display: none; }
	
	#menu, #menuLunch{ width: 90%; padding: 0 5%; float:none; margin-top: 20px; }
	#menu-alacarte{ width: 90%; padding: 0 5%; }
		
	footer{ padding: 19px 1em 10px 3.709677419354839%; text-transform: uppercase; }
	.greyBarDark{ background: #333333; }
	.dot-line{ background: url('../graf/dotted_line.gif') repeat-x top left; }
	#mapContainer{ position: relative; height: 340px; width: 100%; }
	#mapContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	#hidden{ /*display: none;*/ }
	#footer{ width: 100%;  background: #333333; padding-top: 15px; padding-bottom: 0px; font-size: 1.0625em; }
	#footer .col-left{ padding: 0px 0 0 0; width: 100%; float:none; color: #fff; text-align: center; }
	#footer .col-right{ padding: 10px 0 10px 0; width: 100%; float:none;color: #fff; text-align: center; }
}

@media all and (max-width: 720px) {
	div.greyBar .wrapper { max-width:none; }
	.greyBar ul { padding:0; }
	.greyBar ul li.separator { display:block; }
}

@media all and (max-width: 480px) {
	.greyBar ul { text-align:center; }
	/*.greyBar ul li.resbutton { float:none; display:block; }*/
}

@media all and (max-width: 400px) {
	.notice-close { right:0; }
}

/* iPads (landscape) ----------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#menu-alacarte, #menuLunch{ width: 70.45161290322581%; float:left; padding-left: 4.67741935483871%; margin-top: 20px; }
}*/

/* iPads (portrait) ----------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#logo{ width: 15%; }
	nav ul li{ padding: 0 0 0 3.9%; }
	nav ul li a{ font-size: 1.175em; }
		
	.hidden{ opacity: 1;  z-index: 2; position: relative; padding: 0 1em; text-transform: uppercase; } 
	.overlay{ opacity: 0.5; z-index: 1; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; }
	.liftBox{ font-size: 1.4375em; min-height: 150px; }
	.col-25 .padd{ padding: 25px 8.83870967741935%; }
	
	h1{ margin: 0; padding: 0 0 20px 0; font-weight: 700; font-size: 1.9375em; text-transform: uppercase; }
	h2{ margin: 0; padding: 0 0 12px 0; font-weight: 100; font-style: italic; color: #4d4d4d; }
	
	#menu-alacarte ul li, #menuLunch ul li{ float:left; padding: 10px 20px 10px 0; }
	#menu-alacarte, #menuLunch{ width: 70.45161290322581%; margin-top: 0px; }
}*/