/* Master CSS 
* A & I start
*/
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 {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    background: #fff;
    color: #000;
    line-height: 1.5em;
}
a, a:link, a:active, a:visited, a:hover {
    color: #000;
    text-decoration: underline;
    outline: none;
}
a:hover {
    color: #999;
    text-decoration: none;
}
em {
    font-style: italic;
}
body {
    background: #fafafa;
    color: #333;
    font-size: 18px;
    letter-spacing: .05em;
    font-family: "garamond-premier-pro-display", "garamond-premier-pro-display-n4", helvetica, arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5em;
    -webkit-text-size-adjust: none;
}
strong {
    font-family: "garamond-premier-pro-display", "garamond-premier-pro-display-n7", helvetica, arial, sans-serif;
    font-weight: 700;
}
h1, h2, h3, h4 {
    text-align: left;
    text-transform: uppercase;
    color: #333;
    font-size: 1.2em;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    padding-bottom: .5em;
}
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
    text-decoration: none;
}
h4 {
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1em;
}
h3, h2 {
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1em;
}
h1 {
    font-family: "museo-sans-n1", "museo-sans", helvetica, arial, sans-serif;
    font-size: 2em;
    line-height: 1em;
    font-weight: 100;
    font-style: normal;
}
a, a:link, a:active, a:visited, a:hover {
    color: #333;
    text-decoration: none;
}
a:hover {
    color: #999;
}
ul {
    list-style-type: disc;
    list-style-position: inside;
    padding: 10px 0;
}
ul li {
    margin-left: 5px;
}
p {
    margin-bottom: 1em;
}
p:last-child {
    margin-bottom: 0;
}
p.last-child {
    margin-bottom: 0;
}
.header {
    width: 100%;
    padding: 0;
    background: #fff;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    text-align: center;
    border-bottom: 1px solid #cacaca;
    
    -webkit-transition: top .2s ease-out;
    -moz-transition: top .2s ease-out;
    -ms-transition: top .2s ease-out;
    -o-transition: top .2s ease-out;
    transition: top .2s ease-out;
}
.header .submenu {
    height: 0;
    background: #ededed;
    overflow: hidden;
}
.header .submenu .content {
    padding: 1em 0;
}
.header .submenu .content .submenus {
    margin: 0 60px;
    position: relative;
}
.header .submenu .content .submenus ul.active li a,
.header .submenu .content .submenus ul:hover li a,
.header .submenu .content .submenus ul.active li a:link,
.header .submenu .content .submenus ul:hover li a:link,
.header .submenu .content .submenus ul.active li a:active,
.header .submenu .content .submenus ul:hover li a:active,
.header .submenu .content .submenus ul.active li a:visited,
.header .submenu .content .submenus ul:hover li a:visited,
.header .submenu .content .submenus ul.active li a:hover,
.header .submenu .content .submenus ul:hover li a:hover {
    color: #171717;
}
.header .submenu .content .submenus ul.active li a:hover,
.header .submenu .content .submenus ul:hover li a:hover {
    color: #ba9e5d;
}
.header .submenu .content .submenus ul {
    position: static;
    left: 0;
    top: 0;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
}
.header .submenu .content .submenus ul li {
    margin-left: 0;
    padding: 0;
    margin: 0;
    border: none;
}
.header .submenu .content .submenus ul li a,
.header .submenu .content .submenus ul li a:link,
.header .submenu .content .submenus ul li a:active,
.header .submenu .content .submenus ul li a:visited,
.header .submenu .content .submenus ul li a:hover {
    color: #171717;
    display: inline-block;
    letter-spacing: .1em;
    font-size: .62222222222222em;
    padding: 10px;
    line-height: 1.2em;
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -ms-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
}

.header .submenu .content .submenus ul li a:hover {
    color: #ba9e5d;
}
.header .submenu .content .submenus ul:first-child {
    text-align: center;
}
.header .submenu .content .submenus ul:last-child {
    text-align: center;
}
.header .submenu .content .submenus ul.last-child {
    text-align: center;
}
.header .submenu .content .submenus #bath_submenu {
    width: 11%;
}
.header .submenu .content .submenus #bath_submenu li {
    margin-left: -20%;
}
.header .submenu .content .submenus #rooms_submenu {
    width: 16%;
}
.header .submenu .content .submenus #restaurant_submenu {
    width: 21%;
}
.header .submenu .content .submenus #meetings_submenu {
    width: 14%;
}
.header .submenu .content .submenus #packages_submenu {
    width: 16%;
}
.header .submenu .content .submenus #kids_submenu {
    width: 8%;
}
.header .submenu .content .submenus #about_submenu {
    width: 13%;
}
.header .submenu .content .submenus #about_submenu li {
    margin-right: -35%;
}
.en .header .submenu .content .submenus #bath_submenu {
    width: 9%;
}
.header .submenu .content .submenus #bath_submenu li {
    margin-left: -20%;
}
.en .header .submenu .content .submenus #kids_submenu {
    width: 7%;
}
.en .header .submenu .content .submenus #about_submenu {
    width: 17%;
}
.header .submenu .content .submenus #about_submenu li {
    margin-right: -35%;
}

.header .book-menu {
    background: #33335c;
    display: block;
    position: absolute;
    overflow: hidden;
    top: 80px;
    width: 100%;
    height: 0;
    z-index: 100;
}
.header .book-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.header .book-menu ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.header .book-menu ul li a,
.header .book-menu ul li a:link,
.header .book-menu ul li a:active,
.header .book-menu ul li a:visited,
.header .book-menu ul li a:hover {
    text-align: center;
    font-family: "museo-sans-n5", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    font-size: .65em;
    line-height: 1em;
    letter-spacing: .1em;
    color: #fafafa;
    text-decoration: none;
    padding: 12px 15px;
}
.header .book-menu ul li a:hover {
    color: #dcceae;
}
.header .book-menu ul li #book_btn,
.header .book-menu ul li #gift_btn,
.header .book-menu ul li #shop_btn,
.header .book-menu ul li #call_btn {
    display: inline-block;
}
.header .book-menu ul li #call_btn {
    display: none;
}
.header .book-menu ul li:last-child {
    display: none;
}
.header .book-menu ul li.last-child {
    display: none;
}
.header .content {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.header .content .mobile-menu-btn {
    display: none;
}
.header .content h1 {
    text-align: center;
    padding-bottom: 20px;
}
.header .content h1 a,
.header .content h1 a:link,
.header .content h1 a:active,
.header .content h1 a:visited,
.header .content h1 a:hover {
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    background-image: url(../images/sprite.png);
    background-position:  0 -476px;
     width: 109px;
    height: 75px;
    text-indent: -99999px;
}
.header .content .menu {
    margin: 0 60px;
}
.header .content .menu ul {
    display: block;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: .77777777777778em;
}
.header .content .menu ul li {
    float: left;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
}
.header .content .menu ul li a,
.header .content .menu ul li a:link,
.header .content .menu ul li a:active,
.header .content .menu ul li a:visited,
.header .content .menu ul li a:hover {
    letter-spacing: .15em;
    line-height: 1em;
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    padding: 0 20px;
    display: block;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
}
.header .content .menu ul li a span,
.header .content .menu ul li a:link span,
.header .content .menu ul li a:active span,
.header .content .menu ul li a:visited span,
.header .content .menu ul li a:hover span {
    display: inline-block;
    padding: 1.1em 0;
    margin-bottom: 0;
}
.header .content .menu ul li.selected a span,
.header .content .menu ul li.selected a:link span,
.header .content .menu ul li.selected a:active span,
.header .content .menu ul li.selected a:visited span,
.header .content .menu ul li.selected a:hover span {
    background: url(../images/menu_selected.png) no-repeat bottom center;
    background-size: 17px 9px;
}
.header .content .menu ul li.selected.opened a span,
.header .content .menu ul li.selected.opened a:link span,
.header .content .menu ul li.selected.opened a:active span,
.header .content .menu ul li.selected.opened a:visited span,
.header .content .menu ul li.selected.opened a:hover span {
    background: url(../images/menu_selected_hover.png) no-repeat bottom center;
    background-size: 17px 9px;
}
.header .content .menu ul li span {
    font-size:  13.2px;
}
.header .content .menu ul li.left,
.header .content .menu ul li:first-child {
    text-align: left;
    padding-right: 0;
}
.header .content .menu ul li:last-child {
    padding-left: 0;
    text-align: right;
}
.header .content .menu ul li.right,
.header .content .menu ul li.last-child {
    padding-left: 0;
    text-align: right;
}
.header .content .menu ul li:last-child {
    float: right;
}
.header .content .menu ul li.last-child {
    float: right;
}
.header .content .menu ul #bath {
    text-align: left;
    width: 11%;
}
.header .content .menu ul #rooms {
    text-align: center;
    margin-right: 0;
    width: 16%;
}
.header .content .menu ul #restaurant {
    text-align: center;
    margin-right: 0;
    width: 21%;
}
.header .content .menu ul #meetings {
    text-align: center;
    width: 14%;
    margin-right: 0;
}
.header .content .menu ul #packages {
    text-align: center;
    width: 16%;
    margin-right: 0;
}
.header .content .menu ul #kids {
    text-align: center;
    width: 8%;
}

.header .content .menu ul #about {
    width: 14%;
}

.en .header .content .menu ul #bath {
    text-align: left;
    width: 9%;
}
.en .header .content .menu ul #kids {
    text-align: center;
    width: 7%;
}

.en .header .content .menu ul #about {
    width: 17%;
}

.header .content .language-switcher {
    display: block;
    position: absolute;
    top: 15px;
    right: 80px;
}
.header .content .language-switcher ul {
    display: inline-block;
    list-style: none;
}
.header .content .language-switcher ul li.selected a,
.header .content .language-switcher ul li.selected a:link,
.header .content .language-switcher ul li.selected a:active,
.header .content .language-switcher ul li.selected a:visited,
.header .content .language-switcher ul li.selected a:hover {
    text-decoration: none;
    color: #ba9e5d;
}
.header .content .language-switcher ul li {
    float: left;
    font-size: .6em;
    letter-spacing: .3em;
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1em;
}
.header .content .language-switcher ul li a,
.header .content .language-switcher ul li a:link,
.header .content .language-switcher ul li a:active,
.header .content .language-switcher ul li a:visited,
.header .content .language-switcher ul li a:hover {
    text-decoration: none;
    line-height: 1em;
}
.wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 159px auto 0 auto;
    
    -webkit-transition: margin-top .2s ease-out;
    -moz-transition: margin-top .2s ease-out;
    -ms-transition: margin-top .2s ease-out;
    -o-transition: margin-top .2s ease-out;
    transition: margin-top .2s ease-out;
}
.wrapper .content {
    padding: 0 60px 60px 60px;
}

.jp .header {
    top: 0;
}
.jp .header .book-menu {
    top: 0px;
    margin: 0;
    padding: 0;
    display: none;
    background: #33335c;
    height: 34px;
    -webkit-transition: height .2s ease-out;
    -moz-transition: height .2s ease-out;
    -ms-transition: height .2s ease-out;
    -o-transition: height .2s ease-out;
    transition: height .2s ease-out;
}

.scrolled .header {
    top: -80px;
}
.scrolled .header .book-menu {
    top: 80px;
    margin: 0;
    padding: 0;
    display: block;
    background: #33335c;
    height: 34px;
    
    -webkit-transition: height .2s ease-out;
    -moz-transition: height .2s ease-out;
    -ms-transition: height .2s ease-out;
    -o-transition: height .2s ease-out;
    transition: height .2s ease-out;
}

.en.scrolled .header, .jp.scrolled .header {
    /*top: -116px*/
}

.jp.scrolled .header .book-menu {
    top: 80px;
    margin: 0;
    padding: 0;
    display: block;
    background: #33335c;
    height: 34px;
    
    -webkit-transition: height .2s ease-out;
    -moz-transition: height .2s ease-out;
    -ms-transition: height .2s ease-out;
    -o-transition: height .2s ease-out;
    transition: height .2s ease-out;
}

.en .wrapper {
    margin-top: 159px;
}
.jp .wrapper {
    margin-top: 130px;
}

.scrolled .wrapper {}

.jp.scrolled .wrapper {
    margin-top: 14px;
}
.wrapper .content .divider-invisible {
    display: block;
    height: 32px;
    padding: 0;
    margin: 0;
}
.wrapper .content h1.divider {
    display: block;
    text-align: center;
    background: url(../images/divider.png) repeat-x center center;
    font-family: "museo-sans-n1", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 100;
    font-size: .875em;
    letter-spacing: .15em;
    line-height: 1em;
    padding: 56px 0;
    margin: 0 20px;
}
.wrapper .content h1.divider span {
    display: inline-block;
    background: #fafafa;
    padding: 0 15px;
}
.wrapper .content .btns {
    text-align: center;
    padding: 1.5em 0 0 0;
    margin: 0;
}
.wrapper .content .btns a,
.wrapper .content .btns a:link,
.wrapper .content .btns a:active,
.wrapper .content .btns a:visited,
.wrapper .content .btns a:hover {
    font-family: "museo-sans-n7", "museo-sans", helvetica, arial, sans-serif;
    letter-spacing: .05em;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 20px 5px 20px;
    font-size: .66666666666667em;
    line-height: 1em;
    background-image: url(../images/btn.png);
    background-position: top center;
    background-repeat: repeat-x;
    color: #fff;
    text-decoration: none;
    margin: 0 23px 0 0;
}
.wrapper .content .btns a:hover {
    background-position: bottom center;
}
.wrapper .content .btns a:last-child,
.wrapper .content .btns a:link:last-child,
.wrapper .content .btns a:active:last-child,
.wrapper .content .btns a:visited:last-child,
.wrapper .content .btns a:hover:last-child {
    margin-right: 0;
}
.wrapper .content .btns a.last-child,
.wrapper .content .btns a:link.last-child,
.wrapper .content .btns a:active.last-child,
.wrapper .content .btns a:visited.last-child,
.wrapper .content .btns a:hover.last-child {
    margin-right: 0;
}
.wrapper .content .btns a.share,
.wrapper .content .btns a.share:link,
.wrapper .content .btns a.share:active,
.wrapper .content .btns a.share:visited,
.wrapper .content .btns a.share:hover {
    color: #333;
    border: none;
    width: 8px;
    height: 17px;
    margin: 4px 0 0 0;
    padding: 0;
    vertical-align: top;
    background: none;
}
.wrapper .content .btns a.share span,
.wrapper .content .btns a.share:link span,
.wrapper .content .btns a.share:active span,
.wrapper .content .btns a.share:visited span,
.wrapper .content .btns a.share:hover span {
    text-indent: -99999px;
    padding: 0;
    background: none;
    display: block;
    margin: 0;
    background-size: 16px 17px;
    background-image: url(../images/facebook_icon.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 8px;
    height: 17px;
}
.wrapper .content .btns a.share:last-child {
    margin-right: 0;
}
.wrapper .content .btns a.share.last-child {
    margin-right: 0;
}
.wrapper .content .btns a.share:hover span {
    background-position: right top;
}
.wrapper .content .btns a.share:active span {
    background-position: left top;
}
.wrapper .content .btns a.mail,
.wrapper .content .btns a.mail:link,
.wrapper .content .btns a.mail:active,
.wrapper .content .btns a.mail:visited,
.wrapper .content .btns a.mail:hover {
    color: #333;
    border: none;
    width: 27px;
    height: 17px;
    margin: 0 1.5em 0 0;
    margin: 4px 23px 0 0;
    padding: 0;
    vertical-align: top;
    background: none;
}
.wrapper .content .btns a.mail span,
.wrapper .content .btns a.mail:link span,
.wrapper .content .btns a.mail:active span,
.wrapper .content .btns a.mail:visited span,
.wrapper .content .btns a.mail:hover span {
    text-indent: -99999px;
    padding: 0;
    background: none;
    display: block;
    margin: 0;
    background-size: 54px 17px;
    background-image: url(../images/mail_icon.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 27px;
    height: 17px;
}
.wrapper .content .btns a.mail:hover span {
    background-position: right top;
}
.wrapper .content .btns a.mail:active span {
    background-position: left top;
}
.wrapper .content .btns a.mail:last-child {
    margin-right: 0;
}
.wrapper .content .btns a.mail.last-child {
    margin-right: 0;
}
.wrapper .content .grid-centered .one-third img,
.wrapper .content .grid-centered .one-fourth img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 2em auto;
}
.wrapper .content .grid-centered .one-third p:first-of-type,
.wrapper .content .grid-centered .one-fourth p:first-of-type {
    padding-top: 1.2em;
}
.wrapper .content .grid-centered .one-third p.first-of-type,
.wrapper .content .grid-centered .one-fourth p.first-of-type {
    padding-top: 1.2em;
}
.wrapper .content .grid-centered .one-third p:last-of-type,
.wrapper .content .grid-centered .one-fourth p:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
}
.wrapper .content .grid-centered .one-third p.last-of-type,
.wrapper .content .grid-centered .one-fourth p.last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
}
.wrapper .content .grid-centered .one-third p:first-child,
.wrapper .content .grid-centered .one-fourth p:first-child,
.wrapper .content .grid-centered .one-third p.first-child,
.wrapper .content .grid-centered .one-fourth p.first-child {
    padding-top: 0;
}
.wrapper .content .grid-centered .one-third h1,
.wrapper .content .grid-centered .one-fourth h1,
.wrapper .content .grid-centered .one-half h1,
.wrapper .content .grid-centered .one-third h2,
.wrapper .content .grid-centered .one-fourth h2,
.wrapper .content .grid-centered .one-half h2,
.wrapper .content .grid-centered .one-third h3,
.wrapper .content .grid-centered .one-fourth h3,
.wrapper .content .grid-centered .one-half h3,
.wrapper .content .grid-centered .one-third h4,
.wrapper .content .grid-centered .one-fourth h4,
.wrapper .content .grid-centered .one-half h4,
.wrapper .content .grid-centered .one-third h5,
.wrapper .content .grid-centered .one-fourth h5,
.wrapper .content .grid-centered .one-half h5,
.wrapper .content .grid-centered .one-third h6,
.wrapper .content .grid-centered .one-fourth h6,
.wrapper .content .grid-centered .one-half h6 {
    font-family: "museo-sans-n5", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    text-align: center;
    font-size: .875em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}
.wrapper .content .grid-centered .one-third h1,
.wrapper .content .grid-centered .one-fourth h1,
.wrapper .content .grid-centered .one-half h1,
.wrapper .content .grid-centered .one-third h2,
.wrapper .content .grid-centered .one-fourth h2,
.wrapper .content .grid-centered .one-half h2,
.wrapper .content .grid-centered .one-third h3,
.wrapper .content .grid-centered .one-fourth h3,
.wrapper .content .grid-centered .one-half h3 {
    padding-bottom: .1em;
}
.wrapper .content .grid-centered .one-third h6,
.wrapper .content .grid-centered .one-fourth h6,
.wrapper .content .grid-centered .one-half h6 {
    padding-bottom: .1em;
    text-transform: uppercase;
}
.wrapper .content .grid-centered .one-third h4,
.wrapper .content .grid-centered .one-fourth h4,
.wrapper .content .grid-centered .one-half h4 {
    padding-bottom: .2em;
    color: #737373;
}
.wrapper .content .grid-centered .one-third ul,
.wrapper .content .grid-centered .one-fourth ul,
.wrapper .content .grid-centered .one-half ul {
    list-style-type: disc;
    list-style-position: inside;
    display: block;
    background: url(../images/dotted.png);
    margin: 0;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    -moz-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
}
.wrapper .content .grid-centered .one-third ul li,
.wrapper .content .grid-centered .one-fourth ul li,
.wrapper .content .grid-centered .one-half ul li {
    background: url(../images/list_item.png) no-repeat 0 .45em;
    background-size: 7px 7px;
    display: block;
    padding-left: 1em;
}
.wrapper .content .grid-centered .one-third p,
.wrapper .content .grid-centered .one-fourth p,
.wrapper .content .grid-centered .one-half p {
    letter-spacing: .06em;
}
.wrapper .content .grid-centered .one-third p:first-child,
.wrapper .content .grid-centered .one-fourth p:first-child,
.wrapper .content .grid-centered .one-half p:first-child {
}

.wrapper .content .grid-centered .one-third p:first-of-type,
.wrapper .content .grid-centered .one-fourth p:first-of-type,
.wrapper .content .grid-centered .one-half p:first-of-type {
    padding-top: 1.2em;
}
.wrapper .content .grid-centered .one-third p.first-of-type,
.wrapper .content .grid-centered .one-fourth p.first-of-type,
.wrapper .content .grid-centered .one-half p.first-of-type {
    padding-top: 1.2em;
}
.wrapper .content .grid-centered .one-third p:last-of-type,
.wrapper .content .grid-centered .one-fourth p:last-of-type,
.wrapper .content .grid-centered .one-half p:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
}
.wrapper .content .grid-centered .one-third p.last-of-type,
.wrapper .content .grid-centered .one-fourth p.last-of-type,
.wrapper .content .grid-centered .one-half p.last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
}
.wrapper .content .grid-centered .one-third img,
.wrapper .content .grid-centered .one-fourth img,
.wrapper .content .grid-centered .one-half img {
    display: block;
}
.wrapper .content .grid-centered .one-third h5,
.wrapper .content .grid-centered .one-fourth h5,
.wrapper .content .grid-centered .one-half h5 {
    padding-bottom: 1.2em;
}
.wrapper .content .grid-centered .one-half .img-container {
    position: relative;
}
.wrapper .content .grid-centered .one-half .img-container span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
}
.wrapper .content .grid-centered .one-half .img-container.padded {
    margin-bottom: 2em;
}
.wrapper .content .grid-centered.pricing .one-half p:first-of-type {
    padding-top: 0;
}
.wrapper .content .grid-centered.pricing .one-half p.first-of-type {
    padding-top: 0;
}
.wrapper .content .grid-centered.pricing .one-half p:last-of-type {
    padding-bottom: 1.2em;
}
.wrapper .content .grid-centered.pricing .one-half p.last-of-type {
    padding-bottom: 1.2em;
    margin-bottom: 0;
}
.wrapper .content .grid-centered.pricing .one-half p:first-child,
.wrapper .content .grid-centered.pricing .one-half p.first-child {
    padding-top: 0;
}
.wrapper .content .booking-form .field, .wrapper .content .booking-form .box {
    font-family: "garamond-premier-pro-display", "garamond-premier-pro-display-n4", helvetica, arial, sans-serif;
    text-transform: none;
    font-size: .875em;
    line-height: 1em;
    display: block;
    width: 100%;
    padding: .4em;
    margin-bottom: 2em;
    border: none;
    background: #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
}
.wrapper .content .booking-form .box:focus,
.wrapper .content .booking-form .field:focus {
    border: none;
    background: #fff;
}
.wrapper .content .booking-form .datefield {
    padding-left: 35px;
    background: #ccc url(../images/date_icon.png) no-repeat 4px 4px;
}
.wrapper .content .booking-form .datefield:focus {
    background: #fff url(../images/date_icon.png) no-repeat 4px 4px;
}
.wrapper .content .booking-form label {
    font-size: .875em;
    line-height: 1em;
    text-transform: uppercase;
    display: block;
    padding-bottom: .5em;
}
.wrapper .content .booking-form label span {
    color: #f00;
}
.wrapper .content .booking-form .select {
    font-family: "garamond-premier-pro-display", "garamond-premier-pro-display-n4", helvetica, arial, sans-serif;
    text-transform: none;
    font-size: .875em;
    line-height: 1em;
    display: block;
    padding: .4em;
    margin-bottom: 2em;
    border: 1px solid #ccc;
    background: none;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
}
.wrapper .content .booking-form .box {
    min-height: 5em;
    line-height: 1.5em;
    resize: vertical;
}
.wrapper .content .pricing h2 {
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    text-align: left;
    margin: 20px;
    padding: 0 0 .25em 0;
    letter-spacing: .1em;
    border-bottom: 1px solid #333;
    font-size: 1em;
}
.wrapper .content .pricing .one-half h2 {
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    text-align: left;
    margin: 0 0 1.4em 0;
    padding: 0 0 .25em 0;
    letter-spacing: .1em;
    border-bottom: 1px solid #333;
    font-size: 1em;
}
.wrapper .content .pricing .one-half h3 {
    font-family: "garamond-premier-pro-display", "garamond-premier-pro-display-n7", helvetica, arial, sans-serif;
    font-weight: 700;
    text-align: left;
    font-size: .875em;
    padding-bottom: .5em;
    line-height: 1em;
}
.wrapper .content .pricing .one-half table {
    width: 100%;
}
.wrapper .content .pricing .one-half table td {
    padding-bottom: .2em;
    width: 33.333%;
}
.wrapper .content .pricing .one-half .btns {
    text-align: center;
}
.wrapper .content .pricing .one-half .btns a,
.wrapper .content .pricing .one-half .btns a:link,
.wrapper .content .pricing .one-half .btns a:active,
.wrapper .content .pricing .one-half .btns a:visited,
.wrapper .content .pricing .one-half .btns a:hover {
    margin-right: 1.5em;
}
.wrapper .content .pricing .one-half .btns a.last-child,
.wrapper .content .pricing .one-half .btns a:link.last-child,
.wrapper .content .pricing .one-half .btns a:active.last-child,
.wrapper .content .pricing .one-half .btns a:visited.last-child,
.wrapper .content .pricing .one-half .btns a:hover.last-child {
    margin-right: 0;
}
.wrapper .content .pricing .one-half .btns a:last-child,
.wrapper .content .pricing .one-half .btns a:link:last-child,
.wrapper .content .pricing .one-half .btns a:active:last-child,
.wrapper .content .pricing .one-half .btns a:visited:last-child,
.wrapper .content .pricing .one-half .btns a:hover:last-child {
    margin-right: 0;
}
.wrapper .content .pricing .one-half p {
    padding-bottom: .5em;
}

.wrapper .content .grid-centered .one-half.text-module .btns {
    text-align: left;
}

.wrapper .content .grid-centered .one-half.text-module h1,
.wrapper .content .grid-centered .one-half.text-module h2 {
    text-align: left;
    font-family: "museo-sans-n5", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1.2em;
    padding-bottom: .8em;
    letter-spacing: .08em;
}
.wrapper .content .grid-centered .one-half.text-module h3 {
    text-align: left;
    padding-bottom: .6em;
}
.wrapper .content .grid-centered .one-half.text-image h1,
.wrapper .content .grid-centered .one-half.text-image h2 {
    margin-top: -0.25em;
}
.wrapper .content .grid-centered .one-half.text-module-copy h1,
.wrapper .content .grid-centered .one-half.text-module-copy h2,
.wrapper .content .grid-centered .one-half.text-module-copy h3 {
    font-size: 1em;
    line-height: 1.4em;
    text-align: left;
    font-family: "garamond-premier-pro-display", "garamond-premier-pro-display-n7", helvetica, arial, sans-serif;
    font-weight: 700;
    padding-bottom: 1em;
    margin-bottom: 0;
}
.wrapper .content .grid-centered .one-half.text-module-copy p:first-of-type {
    padding-top: 0;
    margin-top: 0;
}
.wrapper .content .grid-centered .one-half.text-module-copy p.first-of-type {
    padding-top: 0;
    margin-top: 0;
}
.wrapper .content .image-half img {
    display: block;
    padding-bottom: 1.5em;
}
.wrapper .content .quote {
    padding: 10px 90px 20px 90px;
}
.wrapper .content .quote h1 {
    text-align: center;
    font-family: "museo-sans-n1", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 100;
    font-size: 2.6em;
    letter-spacing: .08em;
    line-height: 1.5em;
}
.wrapper .content .quote h5 {
    text-align: center;
    font-family: "museo-sans-n1", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 100;
    font-size: 2.6em;
    letter-spacing: .08em;
    line-height: 1.5em;
}
.wrapper .content .quote h2,
.wrapper .content .quote h3 {
    text-align: center;
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.wrapper .content .quote h6 {
    text-align: center;
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.wrapper .content .splash {
    padding: 0 20px 20px 20px;
    position: relative;
}
.wrapper .content .splash .book-container {
    position: absolute;
    top: 0;
    right: 20px;
    width: 140px;
    overflow: hidden;
}
.wrapper .content .splash .book-container a.book,
.wrapper .content .splash .book-container a.book:link,
.wrapper .content .splash .book-container a.book:active,
.wrapper .content .splash .book-container a.book:visited,
.wrapper .content .splash .book-container a.book:hover,
.wrapper .content .splash .book-container a.offert,
.wrapper .content .splash .book-container a.offert:link,
.wrapper .content .splash .book-container a.offert:active,
.wrapper .content .splash .book-container a.offert:visited,
.wrapper .content .splash .book-container a.offert:hover {
    text-indent: -999999px;
    display: block;
    width: 140px;
    height: 269px;
    background: url(../images/book_sv.png) no-repeat center center;
    background-size: 140px 269px;
}
.wrapper .content .splash .book-container a.offert,
.wrapper .content .splash .book-container a.offert:link,
.wrapper .content .splash .book-container a.offert:active,
.wrapper .content .splash .book-container a.offert:visited,
.wrapper .content .splash .book-container a.offert:hover {
    background: url(../images/offer_sv.png) no-repeat center center;
    background-size: 140px 269px;
}
.wrapper .content .splash .book-container a.giftcards,
.wrapper .content .splash .book-container a.giftcards:link,
.wrapper .content .splash .book-container a.giftcards:active,
.wrapper .content .splash .book-container a.giftcards:visited,
.wrapper .content .splash .book-container a.giftcards:hover,
.wrapper .content .splash .book-container a.webshop,
.wrapper .content .splash .book-container a.webshop:link,
.wrapper .content .splash .book-container a.webshop:active,
.wrapper .content .splash .book-container a.webshop:visited,
.wrapper .content .splash .book-container a.webshop:hover {
    text-align: center;
    margin-top: 10px;
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: .7em;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fafafa;
    display: block;
    width: 140px;
    height: 78px;
    background: url(../images/sprite.png);
    background-position:  0 -111px;
    width:  140px;
    height:  78px;
}
.wrapper .content .splash .book-container a.giftcards span,
.wrapper .content .splash .book-container a.giftcards:link span,
.wrapper .content .splash .book-container a.giftcards:active span,
.wrapper .content .splash .book-container a.giftcards:visited span,
.wrapper .content .splash .book-container a.giftcards:hover span,
.wrapper .content .splash .book-container a.webshop span,
.wrapper .content .splash .book-container a.webshop:link span,
.wrapper .content .splash .book-container a.webshop:active span,
.wrapper .content .splash .book-container a.webshop:visited span,
.wrapper .content .splash .book-container a.webshop:hover span {
    line-height: 78px;
}
.wrapper .content .splash .slideshow-container {
    overflow: hidden;
    margin-right: 181px;
}
.wrapper .content .splash .slideshow-container .slideshow {
    color: #fafafa;
    margin-left: 0;
    min-height: 445px;
    position: relative;
}
.wrapper .content .splash .slideshow-container .slideshow #featured_placeholder_id,
.wrapper .content .splash .slideshow-container .slideshow .sizer {
    display: block;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    zoom: 1;
    position: static;
}
.wrapper .content .splash .slideshow-container .slideshow .slide.active {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    zoom: 1;
    z-index: 100;
}

.wrapper .content .splash .slideshow-container .slideshow .slide {
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -ms-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    zoom: 1;
    z-index: 0;
    position: absolute;
    min-height: 445px;
    top: 0;
    left: 0;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .img-shadow {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.wrapper .content .splash .slideshow-container .slideshow .slide img {
    box-shadow: #000 0 0 0;
    display: block;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .offer {
    padding-right: 40px;
    position: absolute;
    bottom: 70px;
    left: 80px;
    max-width: 550px;
    color: #fafafa;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    z-index: 0;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h1,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h2,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h4 {
    color: #fafafa;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h1 {
    letter-spacing: .1em;
    font-size: 2.6em;
    line-height: 1.2em;
    font-family: "museo-sans-n1", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 100;
    font-style: normal;
    margin: 0;
    padding: 0 0 .3em 0;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h1 a:link,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h1 a:active,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h1 a:visited,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h1 a:hover {
    font-size: 1em;
    line-height: 1.2em;
    display: inline-block;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 {
    letter-spacing: .1em;
    font-size: 2.6em;
    line-height: 1.2em;
    font-family: "museo-sans-n1", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 100;
    font-style: normal;
    margin: 0;
    padding: 0 0 .3em 0;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 a:link,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 a:active,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 a:visited,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 a:hover {
    font-size: 1em;
    line-height: 1.2em;
    display: inline-block;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h6 {
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    letter-spacing: .1em;
    font-size: 1.4em;
    padding: 0 0 1.2em .1em;
    text-transform: uppercase;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .offer h2 {
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    letter-spacing: .1em;
    font-size: 1.4em;
    padding: 0 0 1.2em .1em;
}
.wrapper .content .splash .slideshow-container .slideshow .slide .offer a,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer a:link,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer a:active,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer a:visited,
.wrapper .content .splash .slideshow-container .slideshow .slide .offer a:hover {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-family: "museo-sans-n1", "museo-sans", helvetica, arial, sans-serif;
    letter-spacing: .1em;
    font-weight: 300;
    font-size: .7em;
    line-height: 1em;
    margin-left: .2em;
}
.en .wrapper .content .splash .book-container a.book,
.en .wrapper .content .splash .book-container a.book:link,
.en .wrapper .content .splash .book-container a.book:active,
.en .wrapper .content .splash .book-container a.book:visited,
.en .wrapper .content .splash .book-container a.book:hover {
    background-image: url(../images/book_en.png);
    background-size: 140px 269px;
}
.en .wrapper .content .splash .book-container a.offert,
.en .wrapper .content .splash .book-container a.offert:link,
.en .wrapper .content .splash .book-container a.offert:active,
.en .wrapper .content .splash .book-container a.offert:visited,
.en .wrapper .content .splash .book-container a.offert:hover {
    background-image: url(../images/offer_en.png);
    background-size: 140px 269px;
}
.wrapper .content .bigslideshow {
    padding: 20px;
    position: relative;
}
.wrapper .content .bigslideshow .sizer {
    display: block;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    zoom: 1;
    position: static;
    width: 100%;
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
}
.wrapper .content .bigslideshow .slide.active {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    zoom: 1;
    z-index: 100;
}

.wrapper .content .bigslideshow .slide {
    margin: 0;
    overflow: hidden;
    margin: 20px;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -ms-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    zoom: 1;
    z-index: 0;
    position: absolute;
    min-height: 445px;
    top: 0;
    left: 0;
    min-height: 100px;
}
.wrapper .content .bigslideshow .slide .img-shadow {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.wrapper .content .bigslideshow .slide img {
    width: 100%;
    height: auto;
    display: block;
}
.wrapper .content .bigslideshow ul,
.wrapper .content .slideshow ul {
    list-style: none;
    position: absolute;
    z-index: 101;
    bottom: 35px;
    right: 35px;
    padding: 0;
    margin: 0;
    display: none;
}
.wrapper .content .bigslideshow ul li,
.wrapper .content .slideshow ul li {
    float: left;
    margin: 0;
    padding: 0;
}
.wrapper .content .bigslideshow ul li a,
.wrapper .content .slideshow ul li a,
.wrapper .content .bigslideshow ul li a:link,
.wrapper .content .slideshow ul li a:link,
.wrapper .content .bigslideshow ul li a:active,
.wrapper .content .slideshow ul li a:active,
.wrapper .content .bigslideshow ul li a:visited,
.wrapper .content .slideshow ul li a:visited,
.wrapper .content .bigslideshow ul li a:hover,
.wrapper .content .slideshow ul li a:hover {
    padding: 5px;
    display: block;
}
.wrapper .content .bigslideshow ul li a span,
.wrapper .content .slideshow ul li a span,
.wrapper .content .bigslideshow ul li a:link span,
.wrapper .content .slideshow ul li a:link span,
.wrapper .content .bigslideshow ul li a:active span,
.wrapper .content .slideshow ul li a:active span,
.wrapper .content .bigslideshow ul li a:visited span,
.wrapper .content .slideshow ul li a:visited span,
.wrapper .content .bigslideshow ul li a:hover span,
.wrapper .content .slideshow ul li a:hover span {
    text-indent: -99999px;
    display: block;
    background: url(../images/slideshow_btns.png) no-repeat 0 0;
    background-size: 24px 12px;
    width: 12px;
    height: 12px;
}
.wrapper .content .bigslideshow ul li a:hover span,
.wrapper .content .slideshow ul li a:hover span,
.wrapper .content .bigslideshow ul li a.selected span,
.wrapper .content .slideshow ul li a.selected span,
.wrapper .content .bigslideshow ul li a.selected:link span,
.wrapper .content .slideshow ul li a.selected:link span,
.wrapper .content .bigslideshow ul li a.selected:active span,
.wrapper .content .slideshow ul li a.selected:active span,
.wrapper .content .bigslideshow ul li a.selected:visited span,
.wrapper .content .slideshow ul li a.selected:visited span,
.wrapper .content .bigslideshow ul li a.selected:hover span,
.wrapper .content .slideshow ul li a.selected:hover span {
    background-position: -12px 0;
}
.wrapper .content .slideshow ul {
    bottom: 15px;
    right: 15px;
}
.wrapper .content .scroll-anchor {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    margin-top: -75px;
    padding-bottom: 75px;
}
.wrapper .content .spots {
    margin-top: 40px;
    height: 486px;
}
.wrapper .content .spots .one-third {
    height: 100%;
}
.wrapper .content .spots a,
.wrapper .content .spots a:link,
.wrapper .content .spots a:active,
.wrapper .content .spots a:visited,
.wrapper .content .spots a:hover {
    text-decoration: none;
    font-weight: normal;
    color: #fafafa;
}
.wrapper .content .spots a h1,
.wrapper .content .spots a:link h1,
.wrapper .content .spots a:active h1,
.wrapper .content .spots a:visited h1,
.wrapper .content .spots a:hover h1,
.wrapper .content .spots a h2,
.wrapper .content .spots a:link h2,
.wrapper .content .spots a:active h2,
.wrapper .content .spots a:visited h2,
.wrapper .content .spots a:hover h2,
.wrapper .content .spots a h3,
.wrapper .content .spots a:link h3,
.wrapper .content .spots a:active h3,
.wrapper .content .spots a:visited h3,
.wrapper .content .spots a:hover h3 {
    text-align: center;
    color: #fafafa;
    font-family: "museo-sans-n5", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    letter-spacing: .1em;
    padding-bottom: 1.2em;
}
.wrapper .content .spots a h4,
.wrapper .content .spots a:link h4,
.wrapper .content .spots a:active h4,
.wrapper .content .spots a:visited h4,
.wrapper .content .spots a:hover h4 {
    font-family: "museo-sans-n5", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 500;
    color: #fafafa;
    font-size: .8em;
    letter-spacing: .1em;
}
.wrapper .content .spots a p:first-of-type,
.wrapper .content .spots a:link p:first-of-type,
.wrapper .content .spots a:active p:first-of-type,
.wrapper .content .spots a:visited p:first-of-type,
.wrapper .content .spots a:hover p:first-of-type {
    padding-top: 0;
}
.wrapper .content .spots a p.first-of-type,
.wrapper .content .spots a:link p.first-of-type,
.wrapper .content .spots a:active p.first-of-type,
.wrapper .content .spots a:visited p.first-of-type,
.wrapper .content .spots a:hover p.first-of-type {
    padding-top: 0;
}
.wrapper .content .spots a p:last-of-type,
.wrapper .content .spots a:link p:last-of-type,
.wrapper .content .spots a:active p:last-of-type,
.wrapper .content .spots a:visited p:last-of-type,
.wrapper .content .spots a:hover p:last-of-type,
.wrapper .content .spots a p:last-child,
.wrapper .content .spots a:link p:last-child,
.wrapper .content .spots a:active p:last-child,
.wrapper .content .spots a:visited p:last-child,
.wrapper .content .spots a:hover p:last-child {
    padding-bottom: 1em;
}
.wrapper .content .spots a p.last-of-type,
.wrapper .content .spots a:link p.last-of-type,
.wrapper .content .spots a:active p.last-of-type,
.wrapper .content .spots a:visited p.last-of-type,
.wrapper .content .spots a:hover p.last-of-type,
.wrapper .content .spots a p.last-child,
.wrapper .content .spots a:link p.last-child,
.wrapper .content .spots a:active p.last-child,
.wrapper .content .spots a:visited p.last-child,
.wrapper .content .spots a:hover p.last-child {
    padding-bottom: 1em;
}
.wrapper .content .spots .promo {
    display: block;
    background: #ccc;
    background: #333;
    text-align: center;
    padding: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
    -webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

.wrapper .content .spots .p1 {
    padding-top: 60px;
    height: 252px;
}
.wrapper .content .spots .p4 {
    padding-top: 60px;
    height: 252px;
}
.wrapper .content .spots .p4, .wrapper .content .spots .p2 {
    color: #333 !important;
    text-shadow: none;
    filter: none;
    background: url(../images/dotted.png);
}
.wrapper .content .spots .p4 h1,
.wrapper .content .spots .p2 h1,
.wrapper .content .spots .p4 h2,
.wrapper .content .spots .p2 h2,
.wrapper .content .spots .p4 h3,
.wrapper .content .spots .p2 h3 {
    color: #333 !important;
    padding-bottom: .4em !important;
}
.wrapper .content .spots .p4 h3{
    color: #fafafa!important;
}
.wrapper .content .spots .p4 h4,
.wrapper .content .spots .p2 h4 {
    padding-top: .5em;
    color: #333 !important;
}
.wrapper .content .spots .p4 p,
.wrapper .content .spots .p2 p {
    font-size: .875em;
}
.wrapper .content .spots .p2,
.wrapper .content .spots .p5 {
    height: 154px;
    margin-top: 40px;
    padding-top: 25px;
}
.wrapper .content .spots .p3 {
    padding-top: 60px;
    height: 100%}
.wrapper .content .spots .p5 {
    padding-left: 20px;
    padding-right: 20px;
}

/* Footer
------------------------------------------ */
.footer {
    background: #333;
    color: #e6e5d5;
    text-align: center;
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: .8em;
    line-height: 1.3em;
    letter-spacing: .2em;
}
.footer .content {
    display: block;
    text-align: left;
    max-width: 1040px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 80px 60px 80px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
}
.footer .content a,
.footer .content a:link,
.footer .content a:active,
.footer .content a:visited,
.footer .content a:hover {
    line-height: 1em;
    font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
    font-weight: 300;
    display: inline-block;
    color: #e6e5d5;
    text-decoration: none;
    text-transform: uppercase;
}
.footer .content a:hover {
    color: #fff;
}
.footer .content .address {
    width: 50%;
    padding: 0;
    float: left;
}
.footer .content .address p {
    padding: 0;
    margin: 0;
    line-height: 1.6em;
}
.footer .content .address ul {
    list-style: none;
    padding: 0;
    margin-top: 1em;
}
.footer .content .address ul li {
    padding: 0;
    margin: 0 1.5em 0 0;
    float: left;
}
.footer .content .address ul li a,
.footer .content .address ul li a:link,
.footer .content .address ul li a:active,
.footer .content .address ul li a:visited,
.footer .content .address ul li a:hover {
    display: block;
    text-indent: -99999px;
    width: 30px;
    height: 30px;
    background: none;
    background-repeat: no-repeat;
}
.footer .content .address ul li #facebook {
    background-image: url(../images/facebook.png);
    background-position: 0 0;
    width: 31px;
    height: 31px;
    background-size: 31px 31px;
}

.footer .content .address ul li #twitter {
    background-image: url(../images/twitter.png);
    background-position: 0 0;
    width: 31px;
    height: 31px;
    background-size: 31px 31px;
}

.footer .content .address ul li #instagram {
    background-image: url(../images/instagram.png);
    background-position: 0 0;
    width: 31px;
    height: 31px;
    background-size: 31px 31px;
}

.footer .content .address ul li #pinterest {
    background-image: url(../images/pinterest.png);
    background-position: 0 0;
    width: 31px;
    height: 31px;
    background-size: 31px 31px;
}

.footer .content .address ul li #tripadvisor {
    background-image: url(../images/tripadvisor.png);
    background-position: 0 0;
    width: 31px;
    height: 31px;
    background-size: 31px 31px;
}

.footer .content .menu {
    width: 50%;
    float: right;
}
.footer .content .menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer .content .menu ul li {
    text-align: right;
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}
.footer .content .menu ul li:last-child {
    margin-top: 1.5em;
    clear:both;
}
.footer .content .menu ul li.last-child {
    margin-top: 1.5em;
}

/* Grid
------------------------------------------ */

.grid-centered {
    padding: 0;
    text-align: center;
    text-spacing: 0;
}
.grid-centered .one-half,
.grid-centered .one-third,
.grid-centered .one-fourth,
.grid-centered .one-third,
.grid-centered .one-sixth {
    padding: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
}
.grid-centered .one-half img,
.grid-centered .one-third img,
.grid-centered .one-fourth img,
.grid-centered .one-third img,
.grid-centered .one-sixth img {
    width: 100%;
    height: auto;
}
.grid-centered .one-half {
    width: 50%;
}
.grid-centered .one-third {
    width: 33.333%;
}
.grid-centered .one-fourth {
    width: 25%;
}
.grid-centered .one-fifth {
    width: 20%;
}
.grid-centered .one-sixth {
    width: 15%;
}
.grid {
    padding: 0 0 20px 0;
    text-align: center;
    text-spacing: 0;
}
.grid .one-half,
.grid .one-third,
.grid .one-fourth,
.grid .one-third,
.grid .one-sixth {
    float: left;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
}
.grid .one-half .image,
.grid .one-third .image,
.grid .one-fourth .image,
.grid .one-third .image,
.grid .one-sixth .image {
    display: block;
    background-color: #f00;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.grid .one-half {
    width: 50%;
}
.grid .one-third {
    width: 33.333%;
}
.grid .one-fourth {
    width: 25%;
}
.grid .one-fifth {
    width: 20%;
}
.grid .one-sixth {
    width: 15%;
}

#size_marker {
    position: fixed;
    right: 5px;
    top: 5px;
    width: 5px;
    height: 5px;
    background: #f00;
    z-index: 1000;
    display: none;
}

/* Media queries
------------------------------------------ */

@media only screen and (min-width:1025px) {
    body #size_marker {
        background: #f00;
    }
}

@media only screen and (min-width:961px) and (max-width:1024px) {
    body #size_marker {
        background: #ffa500;
    }
    
    body .wrapper .content .spots .promo {
        padding-left: 20px;
        padding-right: 20px;
    }
    body .wrapper .content .spots .p5 {
        padding-left: 10px;
        padding-right: 10px;
    }
    body .header .submenu {
        display: none;
    }
    
    body .header .submenu.open {
        height: 0;
        display: none;
    }
}

@media only screen and (min-width:768px) and (max-width:960px), only screen and (max-width:767px) {
    body #size_marker {
        background: #008000;
    }
    
    body .wrapper .content .spots .promo {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    body .wrapper .content .spots .promo.p2 h1,
    body .wrapper .content .spots .promo.p5 h1,
    body .wrapper .content .spots .promo.p2 h2,
    body .wrapper .content .spots .promo.p5 h2,
    body .wrapper .content .spots .promo.p2 h3,
    body .wrapper .content .spots .promo.p5 h3 {
        font-size: 1em;
    }
    
    body .header .content .language-switcher {
        right: 40px;
    }
    
    body .header .content .menu {
        margin: 0 20px;
    }
    
    body .header .submenu .content .submenus {
        margin: 0 20px;
    }
    
    body .header .submenu {
        display: none;
    }
    
    body .header .submenu.open {
        height: 0;
        display: none;
    }
    
    body .wrapper .content {
        padding: 0 30px 60px 30px;
    }
    body .wrapper .content .splash {
        padding: 0 10px 20px 10px;
    }
    body .wrapper .content .splash .slideshow-container {
        margin-right: 160px;
    }
    
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer {
        bottom: 50px;
        left: 60px;
        max-width: 440px;
    }
    
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h1,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 {
        font-size: 2em;
    }
    
    body .wrapper .content .bigslideshow {
        padding: 0;
    }
    
    body .wrapper .content .bigslideshow .slide {
        margin: 10px;
    }
    
    body .wrapper .content .bigslideshow .sizer {
        padding: 10px;
    }
    body .wrapper .content .splash .book-container {
        right: 10px;
    }
    body .wrapper .content h1.divider {
        margin: 0 10px;
        padding: 40px 0;
    }
    body .wrapper .content .divider-invisible {
        display: block;
        height: 16px;
    }
    body .wrapper .content h1.divider {
        margin: 0 10px;
    }
    body .footer .content {
        padding: 50px 40px 60px 40px;
    }
    body .grid-centered .one-fourth {
        width: 50%;
    }
    body .grid-centered .one-half,
    body .grid-centered .one-third,
    body .grid-centered .one-fourth,
    body .grid-centered .one-third,
    body .grid-centered .one-sixth {
        padding: 20px 10px;
    }
}
@media only screen and (min-width:481px) and (max-width:767px), only screen and (max-width:480px) {
    body #size_marker {
        background: #ff0;
    }
    body .header {
        border-bottom: none;
    }
    
    body .header .content h1 {
        float: left;
        margin: 0;
        padding: 6px 0 10px 10px;
    }
    body .header .content h1 a,
    body .header .content h1 a:link,
    body .header .content h1 a:active,
    body .header .content h1 a:visited,
    body .header .content h1 a:hover {
        width: 55px;
        height: 38px;
        background-position:  0 0;
        background-repeat: none;
        background-image: url(../images/logo.png);
        background-size: 55px 38px;
        margin: 0;
    }
    body .header .content .language-switcher {
        top: 4px;
        padding: 0;
        margin: 0;
        right: 10px;
        font-size: .7em;
    }
    body .header .content .language-switcher ul {
        padding: 0;
        margin: 0;
    }
    
    body .header .content .mobile-menu-btn {
        display: block;
        width: 14px;
        height: 10px;
        background: url(../images/mobile_menu_icon.png) no-repeat top left;
        background-size: 14px 10px;
        position: absolute;
        right: 10px;
        top: 34px;
    }
    
    body .header .content .mobile-menu-btn span {
        display: block;
        text-indent: -99999px;
    }
    body .header .submenu {
        display: none;
    }
    body .header .submenu.open {
        height: 0;
        display: none;
    }
    body .header .content .menu.open {
        height: 280px;
    }
    body .header .content .menu {
        overflow: hidden;
        margin: 0 20px;
        position: fixed;
        top: 52px;
        background: #ededed;
        width: 100%;
        margin: 0;
        padding: 0;
        height: 0;
        z-index: 200;
        -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
        zoom: 1;
        -webkit-transition: height .2s ease-out;
        -moz-transition: height .2s ease-out;
        -ms-transition: height .2s ease-out;
        -o-transition: height .2s ease-out;
        transition: height .2s ease-out;
    }
    body .header .content .menu li,
    body .header .content .menu li.selected,
    body .header .content .menu li.last-child,
    body .header .content .menu li.first-child,
    body .header .content .menu li:first-child {
        float: none;
        width: 100%;
    }
    body .header .content .menu li a,
    body .header .content .menu li.selected a,
    body .header .content .menu li.last-child a,
    body .header .content .menu li.first-child a,
    body .header .content .menu li:first-child a,
    body .header .content .menu li a:link,
    body .header .content .menu li.selected a:link,
    body .header .content .menu li.last-child a:link,
    body .header .content .menu li.first-child a:link,
    body .header .content .menu li:first-child a:link,
    body .header .content .menu li a:active,
    body .header .content .menu li.selected a:active,
    body .header .content .menu li.last-child a:active,
    body .header .content .menu li.first-child a:active,
    body .header .content .menu li:first-child a:active,
    body .header .content .menu li a:visited,
    body .header .content .menu li.selected a:visited,
    body .header .content .menu li.last-child a:visited,
    body .header .content .menu li.first-child a:visited,
    body .header .content .menu li:first-child a:visited,
    body .header .content .menu li a:hover,
    body .header .content .menu li.selected a:hover,
    body .header .content .menu li.last-child a:hover,
    body .header .content .menu li.first-child a:hover,
    body .header .content .menu li:first-child a:hover {
        font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
        line-height: 1em;
        font-weight: 300;
        padding: 15px 0 10px 0;
        text-align: center;
        width: 100%;
        margin: 0;
        background: #ededed url(../images/mobile_menu_line_bottom.png) repeat-x top center;
    }
    body .header .content .menu li a span,
    body .header .content .menu li.selected a span,
    body .header .content .menu li.last-child a span,
    body .header .content .menu li.first-child a span,
    body .header .content .menu li:first-child a span,
    body .header .content .menu li a:link span,
    body .header .content .menu li.selected a:link span,
    body .header .content .menu li.last-child a:link span,
    body .header .content .menu li.first-child a:link span,
    body .header .content .menu li:first-child a:link span,
    body .header .content .menu li a:active span,
    body .header .content .menu li.selected a:active span,
    body .header .content .menu li.last-child a:active span,
    body .header .content .menu li.first-child a:active span,
    body .header .content .menu li:first-child a:active span,
    body .header .content .menu li a:visited span,
    body .header .content .menu li.selected a:visited span,
    body .header .content .menu li.last-child a:visited span,
    body .header .content .menu li.first-child a:visited span,
    body .header .content .menu li:first-child a:visited span,
    body .header .content .menu li a:hover span,
    body .header .content .menu li.selected a:hover span,
    body .header .content .menu li.last-child a:hover span,
    body .header .content .menu li.first-child a:hover span,
    body .header .content .menu li:first-child a:hover span {
        display: inline;
        padding: 0;
    }
    body .header .content .menu li a:hover,
    body .header .content .menu li.selected a:hover,
    body .header .content .menu li.last-child a:hover,
    body .header .content .menu li.first-child a:hover,
    body .header .content .menu li:first-child a:hover {
        background: #ccc url(../images/mobile_menu_line_bottom_selected.png) repeat-x top center;
    }
    body .header .content .menu li:last-child {
        float: none;
        width: 100%;
    }
    body .header .content .menu li:last-child a,
    body .header .content .menu li:last-child a:link,
    body .header .content .menu li:last-child a:active,
    body .header .content .menu li:last-child a:visited,
    body .header .content .menu li:last-child a:hover {
        font-family: "museo-sans-n3", "museo-sans", helvetica, arial, sans-serif;
        line-height: 1em;
        font-weight: 300;
        padding: 15px 0 10px 0;
        text-align: center;
        width: 100%;
        margin: 0;
        background: #ededed url(../images/mobile_menu_line_bottom.png) repeat-x top center;
    }
    body .header .content .menu li:last-child a span,
    body .header .content .menu li:last-child a:link span,
    body .header .content .menu li:last-child a:active span,
    body .header .content .menu li:last-child a:visited span,
    body .header .content .menu li:last-child a:hover span {
        display: inline;
        padding: 0;
    }
    body .header .content .menu li:last-child a:hover {
        background: #ccc url(../images/mobile_menu_line_bottom_selected.png) repeat-x top center;
    }
    body .header .content .menu li:first-child a,
    body .header .content .menu li:first-child a:link,
    body .header .content .menu li:first-child a:active,
    body .header .content .menu li:first-child a:visited,
    body .header .content .menu li:first-child a:hover {
        background: #ededed;
    }
    body .header .content .menu li:first-child a:hover {
        background: #ccc;
    }
    body .header .content .menu li.selected a,
    body .header .content .menu li.selected.opened a,
    body .header .content .menu li.selected a:link,
    body .header .content .menu li.selected.opened a:link,
    body .header .content .menu li.selected a:active,
    body .header .content .menu li.selected.opened a:active,
    body .header .content .menu li.selected a:visited,
    body .header .content .menu li.selected.opened a:visited,
    body .header .content .menu li.selected a:hover,
    body .header .content .menu li.selected.opened a:hover {
        background: #ccc url(../images/mobile_menu_line_bottom_selected.png) repeat-x top center;
    }
    body .header .content .menu li.selected a span,
    body .header .content .menu li.selected.opened a span,
    body .header .content .menu li.selected a:link span,
    body .header .content .menu li.selected.opened a:link span,
    body .header .content .menu li.selected a:active span,
    body .header .content .menu li.selected.opened a:active span,
    body .header .content .menu li.selected a:visited span,
    body .header .content .menu li.selected.opened a:visited span,
    body .header .content .menu li.selected a:hover span,
    body .header .content .menu li.selected.opened a:hover span {
        background: none;
    }
    .header .content .menu ul #bath,
    .en .header .content .menu ul #bath,
    body .header .content .menu ul #bath,
    .header .content .menu ul #rooms,
    .en .header .content .menu ul #rooms,
    body .header .content .menu ul #rooms,
    .header .content .menu ul #restaurant,
    .en .header .content .menu ul #restaurant,
    body .header .content .menu ul #restaurant,
    .header .content .menu ul #meeting,
    .en .header .content .menu ul #meeting,
    body .header .content .menu ul #meetings,
    .header .content .menu ul #packages,
    .en .header .content .menu ul #packages,
    body .header .content .menu ul #packages,
    .header .content .menu ul #about,
    .en .header .content .menu ul #about,
    body .header .content .menu ul #about,
    .header .content .menu ul #kids,
    .en .header .content .menu ul #kids,
    body .header .content .menu ul #kids{
        text-align: center;
        width: 100%;
        margin: 0;
    }
    body .wrapper .content .quote {
        padding: 30px 20px;
    }
    body .wrapper .content .quote h1,
    body .wrapper .content .quote h5 {
        font-size: 1.6em;
    }
    body .header .submenu .content .submenus {
        margin: 0 20px;
    }
    body .header .book-menu ul li #shop_btn,
    body .header .book-menu ul li #gift_btn,
    body .header .book-menu ul li #book_btn {
        display: none;
    }
    body .header .book-menu ul li {
        display: none;
    }
    body .header .book-menu ul li:last-child {
        display: block;
    }
    body .header .book-menu ul li.last-child {
        display: block;
    }
    body .header .book-menu ul li #call_btn {
        display: block !important;
    }
    body .wrapper .content {
        padding: 0 0 60px 0;
    }
    body .wrapper .content .splash {
        padding: 0 0 20px 0;
    }
    body .wrapper .content .splash .slideshow-container {
        margin-right: 0;
        text-align: center;
    }
    body .wrapper .content .splash .slideshow-container .slideshow {
        min-height: 272px;
        height: 272px;
    }
    body .wrapper .content .splash .slideshow-container .slideshow .slide {
        height: 272px;
        min-height: 272px;
        margin-bottom: 30px;
        width: 100%;
        overflow: hidden;
    }
    body .wrapper .content .splash .slideshow-container .slideshow .slide img {
        width: auto;
        height: 400px;
    }
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer {
        text-align: center;
        position: absolute;
        margin: 0;
        left: 0;
        top: 0;
        padding: 40px 40px 40px 40px;
        max-width: 100%;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        *behavior: url(/script/libs/boxsizing.htc);
    }
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h1,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h5,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h2,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h6 {
        text-align: center;
    }
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h1,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 {
        padding: 0;
        font-size: 1.4em;
        line-height: 1.6em;
        padding-bottom: .5em;
    }
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h1 a:link,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 a:link,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h1 a:active,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 a:active,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h1 a:visited,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 a:visited,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h1 a:hover,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h5 a:hover {
        font-size: 1em;
        line-height: 1.4em;
        display: inline-block;
    }
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h2,
    body .wrapper .content .splash .slideshow-container .slideshow .slide .offer h6 {
        font-size: .875em;
        line-height: 1em;
    }

    body .wrapper .content .spots {
    
        display: block; 
        height:  auto;    
        padding-top:  0;
        margin-top:  0;
    }

    body .wrapper .content .spots .one-third {
    
        display: block;
        width:  100%;
    }

    body .wrapper .content .splash .book-container {
        display: none;
    }
    
    body .wrapper .content h1.divider {
        margin: 0 15px;
        padding: 15px 0;
    }
    body .wrapper .content h1.divider span {
        margin: 0 15px;
    }
     
    body .grid-centered .one-half,
    body .grid-centered .one-third,
    body .grid-centered .one-fourth,
    body .grid-centered .one-third,
    body .grid-centered .one-sixth {
        padding: 20px 15px;
    }
    
    body .grid-centered .one-half,
    body .grid-centered .one-third,
    body .grid-centered .one-fourth,
    body .grid-centered .one-third,
    body .grid-centered .one-sixth {
        width: 100%;
    }
    
    body .grid-centered .one-third,
    body .grid-centered .one-fourth {
        width: 50%;
    }
    
    body .wrapper .content .bigslideshow {
        padding: 20px 0;
    }
    body .wrapper .content .bigslideshow ul {
        right: 10px;
    }
    body .wrapper .content .bigslideshow .slide {
        margin: 0;
        padding: 0;
        top: 20px;
    }
    body .wrapper .content .bigslideshow .sizer {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        zoom: 1;
        padding: 0;
    }
    body .footer {
        position: relative;
    }
    body .footer .content {
        padding: 15px 15px 65px 15px;
    }
    
    body .footer .content .address {
        text-align: center;
        float: none;
        width: 100%;
        border-bottom: 1px solid #e6e5d5;
        padding-bottom: 15px;
    }
    body .footer .content .address ul {
        text-align: center;
        display: block;
        width: 100%;
        z-index: 100;
        position: absolute;
        bottom: 20px;
        left: 0;
    }
    body .footer .content .address ul li {
        display: inline-block;
        float: none;
    }
    
    body .footer .content .address ul li:last-child {
        margin: 0;
    }
    body .footer .content .address ul li.last-child {
        margin: 0;
    }
    body .footer .content .menu {
        float: none;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #e6e5d5;
        padding-bottom: 0;
    }
    body .footer .content .menu ul {
        padding: 15px 0;
        text-align: center;
    }
    body .footer .content .menu ul li {
        text-align: center;
    }
    body .footer .content .menu ul li:last-child {
        margin: 0;
    }
    body .footer .content .menu ul li.last-child {
        margin: 0;
    }
    .footer .content ul .rightfooterlinks li:last-child{
        margin: 5px 5px 5px 21px!important;
    }
    .footer ul .rightfooterlinks{
        float:initial!important;
    }

    .en .header .book-menu,
    .jp .header .book-menu,
    .header .book-menu {
        top: 52px;
        height: 34px;
    }
    
    .scrolled .header {
        top: 0;
        margin: 0;
    }
    
    .scrolled .header .book-menu,
    .en .scrolled .header .book-menu {
        top: 52px;
        height: 34px;
    }
    
    .wrapper,
    .en .wrapper {
        margin-top: 86px;
    }
    
    .jp .wrapper {
        margin-top: 66px;
    }
    
    .scrolled .wrapper,
    .en .scrolled .wrapper {
        margin-top: 86px;
    }
    
    .wrapper .content .scroll-anchor {
        margin-top: -100px;
        padding-bottom: 100px;
    }
}

@media only screen and (max-width:480px) {
    body .grid-centered .one-half,
    body .grid-centered .one-third,
    body .grid-centered .one-fourth,
    body .grid-centered .one-third,
    body .grid-centered .one-sixth {
        padding: 20px 15px;
        width: 100%;
    }
    .wrapper .content .btns a.share span,
    .wrapper .content .btns a.share:link span,
    .wrapper .content .btns a.share:active span,
    .wrapper .content .btns a.share:visited span,
    .wrapper .content .btns a.share:hover span {
        background-position: left top;
        background-image: url(../images/facebook_icon_2x.png);
    }
    
    .wrapper .content .btns a.mail span,
    .wrapper .content .btns a.mail:link span,
    .wrapper .content .btns a.mail:active span,
    .wrapper .content .btns a.mail:visited span,
    .wrapper .content .btns a.mail:hover span {
        background-position: left top;
        background-image: url(../images/mail_icon_2x.png);
    }
}

/* Retina fixes
------------------------------------ */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
    .header .content h1 a,
    .header .content h1 a: link,
    .header .content h1 a:active,
    .header .content h1 a:visited,
    .header .content h1 a:hover {
        background-image: url(../images/sprite.png);
        background-position:  0 -561px;
        width:  218px;
        height:  150px;
    }
    .wrapper .content .grid-centered .one-third ul li,
    .wrapper .content .grid-centered .one-fourth ul li,
    .wrapper .content .grid-centered .one-half ul li {
        background-image: url(../images/list_item_2x.png);
    }
    .wrapper .content .splash .book-container a.book,
    .wrapper .content .splash .book-container a.book:link,
    .wrapper .content .splash .book-container a.book:active,
    .wrapper .content .splash .book-container a.book:visited,
    .wrapper .content .splash .book-container a.book:hover {
        background-image: url(../images/book_sv_2x.png);
    }
    .wrapper .content .splash .book-container a.offert,
    .wrapper .content .splash .book-container a.offert:link,
    .wrapper .content .splash .book-container a.offert:active,
    .wrapper .content .splash .book-container a.offert:visited,
    .wrapper .content .splash .book-container a.offert:hover {
        background-image: url(../images/offer_sv_2x.png);
    }
    .en .wrapper .content .splash .book-container a.book,
    .en .wrapper .content .splash .book-container a.book:link,
    .en .wrapper .content .splash .book-container a.book:active,
    .en .wrapper .content .splash .book-container a.book:visited,
    .en .wrapper .content .splash .book-container a.book:hover {
        background-image: url(../images/book_en_2x.png);
    }
    .en .wrapper .content .splash .book-container a.offert,
    .en .wrapper .content .splash .book-container a.offert:link,
    .en .wrapper .content .splash .book-container a.offert:active,
    .en .wrapper .content .splash .book-container a.offert:visited,
    .en .wrapper .content .splash .book-container a.offert:hover {
        background-image: url(../images/offer_en_2x.png);
    }
    .wrapper .content .bigslideshow ul li a span,
    .wrapper .content .slideshow ul li a span,
    .wrapper .content .bigslideshow ul li a:link span,
    .wrapper .content .slideshow ul li a:link span,
    .wrapper .content .bigslideshow ul li a:active span,
    .wrapper .content .slideshow ul li a:active span,
    .wrapper .content .bigslideshow ul li a:visited span,
    .wrapper .content .slideshow ul li a:visited span,
    .wrapper .content .bigslideshow ul li a:hover span,
    .wrapper .content .slideshow ul li a:hover span {
        background-image: url(../images/slideshow_btns_2x.png);
    }
    .wrapper .content .splash .book-container a.book,
    .wrapper .content .splash .book-container a.book:link,
    .wrapper .content .splash .book-container a.book:active,
    .wrapper .content .splash .book-container a.book:visited,
    .wrapper .content .splash .book-container a.book:hover {
        background-image: url(../images/book_sv_2x.png);
    }
    /*.wrapper .content .splash .book-container a.giftcards,
    .wrapper .content .splash .book-container a.giftcards:link,
    .wrapper .content .splash .book-container a.giftcards:active,
    .wrapper .content .splash .book-container a.giftcards:visited,
    .wrapper .content .splash .book-container a.giftcards:hover,
    .wrapper .content .splash .book-container a.webshop,
    .wrapper .content .splash .book-container a.webshop:link,
    .wrapper .content .splash .book-container a.webshop:active,
    .wrapper .content .splash .book-container a.webshop:visited,
    .wrapper .content .splash .book-container a.webshop:hover {
        background-image: url(../images/sprite.png);
        background-position:  0 -199px;
        width:  280px;
        height:  156px;
    }*/
    .en .wrapper .content .splash .book-container a.book,
    .en .wrapper .content .splash .book-container a.book:link,
    .en .wrapper .content .splash .book-container a.book:active,
    .en .wrapper .content .splash .book-container a.book:visited,
    .en .wrapper .content .splash .book-container a.book:hover {
        background-image: url(../images/book_en_2x.png);
    }
    .footer .content .address ul li #facebook {
        background-image: url(../images/facebook_2x.png);
    }
    .footer .content .address ul li #twitter {
        background-image: url(../images/twitter_2x.png);
    }
    .footer .content .address ul li #instagram {
        background-image: url(../images/instagram_2x.png);
    }
    .footer .content .address ul li #pinterest {
        background-image: url(../images/pinterest_2x.png);
    }
    .footer .content .address ul li #tripadvisor {
        background-image: url(../images/tripadvisor.png);
    }
    .header .content .mobile-menu-btn {
        background-image: url(../images/mobile_menu_icon_2x.png);
    }
    
    .wrapper .content .btns a.share span,
    .wrapper .content .btns a.share:link span,
    .wrapper .content .btns a.share:active span,
    .wrapper .content .btns a.share:visited span,
    .wrapper .content .btns a.share:hover span {
        background-image: url(../images/facebook_icon_2x.png);
    }
    .wrapper .content .btns a.mail span,
    .wrapper .content .btns a.mail:link span,
    .wrapper .content .btns a.mail:active span,
    .wrapper .content .btns a.mail:visited span,
    .wrapper .content .btns a.mail:hover span {
        background-image: url(../images/mail_icon_2x.png);
    }
}

/* Retina fixes ipad and under
------------------------------------ */
@media only screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:767px), only screen and (-o-min-device-pixel-ratio:3/2) and (max-width:767px), only screen and (min--moz-device-pixel-ratio:1.5) and (max-width:767px), only screen and (min-device-pixel-ratio:1.5) and (max-width:767px) {
    .header .content .menu ul li.selected a span,
    .header .content .menu ul li.selected a: link span,
    .header .content .menu ul li.selected a:active span,
    .header .content .menu ul li.selected a:visited span,
    .header .content .menu ul li.selected a:hover span {
    }
    .header .content .menu ul li.selected.opened a span,
    .header .content .menu ul li.selected.opened a:link span,
    .header .content .menu ul li.selected.opened a:active span,
    .header .content .menu ul li.selected.opened a:visited span,
    .header .content .menu ul li.selected.opened a:hover span {
    }
    .header .content h1 a,
    .header .content h1 a:link,
    .header .content h1 a:active,
    .header .content h1 a:visited,
    .header .content h1 a:hover {
        background-image: url(../images/logo.png);
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wrapper .content .booking-form .select {
        -webkit-appearance: menulist-button;
    }
}

@media only screen and (max-device-width:767px) and (orientation:landscape) {
    body .header {
        position: absolute;
    }
    body .header .content .menu {
        position: absolute;
    }
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}
.cf {
    zoom: 1;
}

.boxsized {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/script/libs/boxsizing.htc);
}
.shadowed-light {
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    zoom: 1;
}
.shadowed-dark {
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
    zoom: 1;
}
.noshadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: none;
    -ms-filter: none;
    zoom: 1;
}
.notextshadow {
    text-shadow: none;
    filter: none;
}
.shadowed-text-dark {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

.wrapped {
    text-wrap: wrap;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}
.inset-shadow {
    -moz-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
}
.accel {}

/* end A & I */