@import "base.less";

/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
img,
main,
menu,
nav,
section,
summary {
    display: block
}
.xb,
.xf,
.xi,
.xib,
.xif,
img,
sub,
sup {
    position: relative
}
.xtable,
table {
    border-spacing: 0
}
.form__input:focus,
a:active,
a:hover {
    outline: 0
}
.list,
.menu ul {
    list-style: none
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    width: 100%;
}
body {
    margin: 0;
    width: 100%;
    background: #FFF;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
.xib,
.xif,
.xtcell {
    vertical-align: top
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0;
    max-width: 100%
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre,
textarea {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
.xnav ul li a,
body {
    color: #000
}
.xtitle--large,
.xtitle--medium,
.xtitle--small,
strong {
    font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.xtext,
.xtitle,
body {
    font-weight: 400
}

.intro_title {font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 7px; font-size: 23px; margin-bottom: 20px;}

button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
table {
    border-collapse: collapse
}
td,
th {
    padding: 0
}
*,
::after,
::before {
    box-sizing: inherit;
    padding: 0;
    margin: 0
}
a[href^="http://maps.google.com/maps"],
a[href^="https://maps.google.com/maps"] {
    display: none!important
}
.xcms,
.xoverlay {
    display: none
}
@media screen and (min-width: 1470px) {
    body {
        font-size: 20px;
        line-height: 34px
    }
}
.xtitle {
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
@media screen and (min-width: 750px) {
    .xtitle {
        line-height: 28px
    }
}
.xtitle--small {
    font-size: 12px;
    letter-spacing: 4px
}
@media screen and (min-width: 1050px) {
    .xtitle {
        line-height: 37px
    }
    .xtitle--small {
        font-size: 15px
    }
}
.xtitle--medium {
    font-size: 15px
}
@media screen and (min-width: 750px) {
    .xtitle--small {
        font-size: 15px
    }
    .xtitle--medium {
        font-size: 20px
    }
}
@media screen and (min-width: 1050px) {
    .xtitle--medium {
        font-size: 20px
    }
}
.xtitle--large {
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 140%;
}
@media screen and (min-width: 750px) {
    .xtitle--large {
        font-size: 23px;
		line-height: 140%;
    }
}
@media screen and (min-width: 1050px) {
    .xtitle--large {
        font-size: 25px;
		line-height: 140%;
    }
}
.xtext {
    font-family: "Akkurat Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}
@media screen and (min-width: 750px) {
    .xtext {
        font-size: 16px;
        line-height: 26px
    }
}
.xsite-width {
    margin: 0 auto;
    width: 100%;
    max-width: 840px;
    padding-left: 15px;
    padding-right: 15px
}
@media screen and (min-width: 750px) {
    .xsite-width {
        padding-left: 25px;
        padding-right: 25px
    }
}
@media screen and (min-width: 1050px) {
    .xsite-width {
        padding-left: 40px;
        padding-right: 40px
    }
}
.xabf,
.xg-content {
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0
}
.xf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.xb {
    display: block
}
.xi {
    display: inline
}
.xif {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.xib {
    display: inline-block
}
.xab,
.xabf {
    display: block;
    position: absolute
}
.xtable {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: separate;
    table-layout: fixed;
    opacity: 1
}
.xtrow {
    display: table-row;
    width: 100%
}
.xtcell {
    display: table-cell
}
.xvc,
.xvc--top {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    -webkit-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}
.xtauto {
    table-layout: auto;
    background-image: url(image.jpg)
}
.xleft {
    text-align: left
}
.xright {
    text-align: right
}
.xcenter {
    text-align: center
}
.xvc {
    display: flex!important;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.xvc--top {
    display: flex!important;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.xvc--bottom {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.xspacer {
    height: 70px;
    width: 100%
}
@media screen and (min-width: 750px) {
    .xspacer {
        height: 100px
    }
}
@media screen and (min-width: 1050px) {
    .xspacer {
        height: 120px
    }
}
@media screen and (min-width: 1470px) {
    .xtext {
        font-size: 20px;
        line-height: 37px
    }
    .xspacer {
        height: 150px
    }
}
.xspacer--small {
    height: 45px
}
@media screen and (min-width: 750px) {
    .xspacer--small {
        height: 55px
    }
}
@media screen and (min-width: 1050px) {
    .xspacer--small {
        height: 65px
    }
}
@media screen and (min-width: 1470px) {
    .xspacer--small {
        height: xspacer_small_wide
    }
}
.xspacer--line:after,
.xspacer--line:before {
    content: '';
    display: block;
    height: 35px;
    width: 100%
}
.xspacer--line:before {
    border-bottom: 1px solid #000
}
@media screen and (min-width: 750px) {
    .xspacer--line:after,
    .xspacer--line:before {
        content: '';
        display: block;
        height: 0
    }
    .xg {
        margin: 0
    }
}
@media screen and (min-width: 1050px) {
    .xspacer--line:after,
    .xspacer--line:before {
        content: '';
        display: block;
        height: 0
    }
    .xg {
        margin: 0
    }
}
.xg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}
.xg--masonry {
    display: block
}
.xg--masonry .xg--_item {
    display: inline-block;
    position: relative
}
.xg-stretch {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.xg-content {
    width: 100%;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.xg-content--bottom,
.xg-content--top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .xf,
    .xg,
    .xg-content {
        width: 100%
    }
    .xg-content {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}
.xg-content--top {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.xg-content--bottom {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.xt-grid {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 0
}
.xt-grid .xg--_item {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%
}
.xt-grid .xg--_item .xb {
    width: 100%;
    max-width: 100%;
    overflow: hidden
}
@media screen and (min-width: 750px) {
    .xt-grid.switch .xt__order-el {
        -webkit-order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}
.xt-grid:last-child {
    margin-bottom: 0
}
.x--w10 {
    width: calc(10% - 0px)
}
.x--w16 {
    width: calc(16.66667% - 0px)
}
.x--w20 {
    width: calc(20% - 0px)
}
.x--w25 {
    width: calc(25% - 0px)
}
.x--w30 {
    width: calc(30% - 0px)
}
.x--w33 {
    width: calc(33.33334% - 0px)
}
.x--w40 {
    width: calc(40% - 0px)
}
.x--w45 {
    width: calc(45% - 0px)
}
.x--w50 {
    width: calc(50% - 0px)
}
.x--w60 {
    width: calc(60% - 0px)
}
.x--w66 {
    width: calc(66.66667% - 0px)
}
.x--w70 {
    width: calc(70% - 0px)
}
.x--w80 {
    width: calc(80% - 0px)
}
.x--w90 {
    width: calc(90% - 0px)
}
.x--w100 {
    width: calc(100% - 0px)
}
@media screen and (min-width: 750px) {
    .x--w10t {
        width: calc(10% - 0px)
    }
    .x--w16t {
        width: calc(16.66667% - 0px)
    }
    .x--w20t {
        width: calc(20% - 0px)
    }
    .x--w25t {
        width: calc(25% - 0px)
    }
    .x--w30t {
        width: calc(30% - 0px)
    }
    .x--w33t {
        width: calc(33.33334% - 0px)
    }
    .x--w40t {
        width: calc(40% - 0px)
    }
    .x--w45t {
        width: calc(45% - 0px)
    }
    .x--w50t {
        width: calc(50% - 0px)
    }
    .x--w60t {
        width: calc(60% - 0px)
    }
    .x--w66t {
        width: calc(66.66667% - 0px)
    }
    .x--w70t {
        width: calc(70% - 0px)
    }
    .x--w80t {
        width: calc(80% - 0px)
    }
    .x--w90t {
        width: calc(90% - 0px)
    }
    .x--w100t {
        width: calc(100% - 0px)
    }
}
@media screen and (min-width: 1050px) {
    .xt-grid.switch .xt__order-el {
        -ms-flex-order: unset;
        -webkit-order: unset;
        -webkit-box-ordinal-group: NaN;
        order: unset
    }
    .xt-grid.switch--desktop .xt__order-el {
        -ms-flex-order: 2;
        -webkit-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2
    }
    .x--w10d {
        width: calc(10% - 0px)
    }
    .x--w16d {
        width: calc(16.66667% - 0px)
    }
    .x--w20d {
        width: calc(20% - 0px)
    }
    .x--w25d {
        width: calc(25% - 0px)
    }
    .x--w30d {
        width: calc(30% - 0px)
    }
    .x--w33d {
        width: calc(33.33334% - 0px)
    }
    .x--w40d {
        width: calc(40% - 0px)
    }
    .x--w45d {
        width: calc(45% - 0px)
    }
    .x--w50d {
        width: calc(50% - 0px)
    }
    .x--w60d {
        width: calc(60% - 0px)
    }
    .x--w66d {
        width: calc(66.66667% - 0px)
    }
    .x--w70d {
        width: calc(70% - 0px)
    }
    .x--w80d {
        width: calc(80% - 0px)
    }
    .x--w90d {
        width: calc(90% - 0px)
    }
    .x--w100d {
        width: calc(100% - 0px)
    }
}
.xg--item {
    position: relative;
    display: block
}
.xg--w10 {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}
.xg--w16 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%
}
.xg--w20 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}
.xg--w25 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}
.xg--w30 {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}
.xg--w33 {
    -webkit-flex-basis: 33.33334%;
    -ms-flex-preferred-size: 33.33334%;
    flex-basis: 33.33334%
}
.xg--w40 {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}
.xg--w45 {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%
}
.xg--w50 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}
.xg--w60 {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}
.xg--w66 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%
}
.xg--w70 {
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
}
.xg--w80 {
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
}
.xg--w90 {
    -webkit-flex-basis: 90%;
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%
}
.xg--w100 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .xg--w10 {
        width: calc(10% - 0px)
    }
    .xg--w16 {
        width: calc(16.66667% - 0px)
    }
    .xg--w20 {
        width: calc(20% - 0px)
    }
    .xg--w25 {
        width: calc(25% - 0px)
    }
    .xg--w30 {
        width: calc(30% - 0px)
    }
    .xg--w33 {
        width: calc(33.33334% - 0px)
    }
    .xg--w40 {
        width: calc(40% - 0px)
    }
    .xg--w45 {
        width: calc(45% - 0px)
    }
    .xg--w50 {
        width: calc(50% - 0px)
    }
    .xg--w60 {
        width: calc(60% - 0px)
    }
    .xg--w66 {
        width: calc(66.66667% - 0px)
    }
    .xg--w70 {
        width: calc(70% - 0px)
    }
    .xg--w80 {
        width: calc(80% - 0px)
    }
    .xg--w90 {
        width: calc(90% - 0px)
    }
    .xg--w100 {
        width: calc(100% - 0px)
    }
}
@media screen and (min-width: 750px) {
    .xg--w10t {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%
    }
    .xg--w16t {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }
    .xg--w20t {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
    .xg--w25t {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
    .xg--w30t {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
    .xg--w33t {
        -webkit-flex-basis: 33.33334%;
        -ms-flex-preferred-size: 33.33334%;
        flex-basis: 33.33334%
    }
    .xg--w40t {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
    .xg--w45t {
        -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }
    .xg--w50t {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
    .xg--w60t {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
    .xg--w66t {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
    .xg--w70t {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%
    }
    .xg--w80t {
        -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%
    }
    .xg--w90t {
        -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%
    }
    .xg--w100t {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}
@media screen and (min-width: 750px) and (-ms-high-contrast: active),
screen and (min-width: 750px) and (-ms-high-contrast: none) {
    .xg--w10t {
        width: calc(10% - 0px)
    }
    .xg--w16t {
        width: calc(16.66667% - 0px)
    }
    .xg--w20t {
        width: calc(20% - 0px)
    }
    .xg--w25t {
        width: calc(25% - 0px)
    }
    .xg--w30t {
        width: calc(30% - 0px)
    }
    .xg--w33t {
        width: calc(33.33334% - 0px)
    }
    .xg--w40t {
        width: calc(40% - 0px)
    }
    .xg--w45t {
        width: calc(45% - 0px)
    }
    .xg--w50t {
        width: calc(50% - 0px)
    }
    .xg--w60t {
        width: calc(60% - 0px)
    }
    .xg--w66t {
        width: calc(66.66667% - 0px)
    }
    .xg--w70t {
        width: calc(70% - 0px)
    }
    .xg--w80t {
        width: calc(80% - 0px)
    }
    .xg--w90t {
        width: calc(90% - 0px)
    }
    .xg--w100t {
        width: calc(100% - 0px)
    }
}
@media screen and (min-width: 1050px) and (-ms-high-contrast: active),
screen and (min-width: 1050px) and (-ms-high-contrast: none) {
    .xg--w10d {
        width: calc(10% - 0px)
    }
    .xg--w16d {
        width: calc(16.66667% - 0px)
    }
    .xg--w20d {
        width: calc(20% - 0px)
    }
    .xg--w25d {
        width: calc(25% - 0px)
    }
    .xg--w30d {
        width: calc(30% - 0px)
    }
    .xg--w33d {
        width: calc(33.33334% - 0px)
    }
    .xg--w40d {
        width: calc(40% - 0px)
    }
    .xg--w45d {
        width: calc(45% - 0px)
    }
    .xg--w50d {
        width: calc(50% - 0px)
    }
    .xg--w60d {
        width: calc(60% - 0px)
    }
    .xg--w66d {
        width: calc(66.66667% - 0px)
    }
    .xg--w70d {
        width: calc(70% - 0px)
    }
    .xg--w80d {
        width: calc(80% - 0px)
    }
    .xg--w90d {
        width: calc(90% - 0px)
    }
    .xg--w100d {
        width: calc(100% - 0px)
    }
}
.xg--h {
    font-size: 0;
    line-height: 0
}
.xg--h200 {
    padding-top: 200%
}
.xg--h150 {
    padding-top: 150%
}
.xg--h140 {
    padding-top: 140%
}
.xg--h130 {
    padding-top: 130%
}
.xg--h120 {
    padding-top: 120%
}
.xg--h110 {
    padding-top: 110%
}
.xg--h100 {
    padding-top: 100%
}
.xg--h90 {
    padding-top: 90%
}
.xg--h80 {
    padding-top: 80%
}
.xg--h70 {
    padding-top: 70%
}
.xg--h60 {
    padding-top: 60%
}
.xg--h50 {
    padding-top: 50%
}
.xg--h45 {
    padding-top: 45%
}
.xg--h40 {
    padding-top: 40%
}
.xg--h30 {
    padding-top: 30%
}
.xg--h20 {
    padding-top: 20%
}
.xg--h10 {
    padding-top: 10%
}
@media screen and (min-width: 750px) {
    .xg--h200t {
        padding-top: 200%
    }
    .xg--h150t {
        padding-top: 150%
    }
    .xg--h140t {
        padding-top: 140%
    }
    .xg--h130t {
        padding-top: 130%
    }
    .xg--h120t {
        padding-top: 120%
    }
    .xg--h110t {
        padding-top: 110%
    }
    .xg--h100t {
        padding-top: 100%
    }
    .xg--h90t {
        padding-top: 90%
    }
    .xg--h80t {
        padding-top: 80%
    }
    .xg--h70t {
        padding-top: 70%
    }
    .xg--h60t {
        padding-top: 60%
    }
    .xg--h50t {
        padding-top: 50%
    }
    .xg--h45t {
        padding-top: 45%
    }
    .xg--h40t {
        padding-top: 40%
    }
    .xg--h30t {
        padding-top: 30%
    }
    .xg--h20t {
        padding-top: 20%
    }
    .xg--h10t {
        padding-top: 10%
    }
}
.xnav_mob {
    display: none
}
.xnav ul {
    list-style-type: none
}
.xnav ul li {
    display: inline
}
.xnav ul li:first-child a {
    margin-left: 0!important
}
.xnav ul li:last-child a {
    margin-right: 0!important
}
@media screen and (min-width: 1050px) {
    .xg--w10d {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%
    }
    .xg--w16d {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }
    .xg--w20d {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
    .xg--w25d {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
    .xg--w30d {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
    .xg--w33d {
        -webkit-flex-basis: 33.33334%;
        -ms-flex-preferred-size: 33.33334%;
        flex-basis: 33.33334%
    }
    .xg--w40d {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
    .xg--w45d {
        -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }
    .xg--w50d {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
    .xg--w60d {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
    .xg--w66d {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
    .xg--w70d {
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%
    }
    .xg--w80d {
        -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%
    }
    .xg--w90d {
        -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%
    }
    .xg--w100d {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .xg--h200d {
        padding-top: 200%
    }
    .xg--h150d {
        padding-top: 150%
    }
    .xg--h140d {
        padding-top: 140%
    }
    .xg--h130d {
        padding-top: 130%
    }
    .xg--h120d {
        padding-top: 120%
    }
    .xg--h110d {
        padding-top: 110%
    }
    .xg--h100d {
        padding-top: 100%
    }
    .xg--h90d {
        padding-top: 90%
    }
    .xg--h80d {
        padding-top: 80%
    }
    .xg--h70d {
        padding-top: 70%
    }
    .xg--h60d {
        padding-top: 60%
    }
    .xg--h50d {
        padding-top: 50%
    }
    .xg--h45d {
        padding-top: 45%
    }
    .xg--h40d {
        padding-top: 40%
    }
    .xg--h30d {
        padding-top: 30%
    }
    .xg--h20d {
        padding-top: 20%
    }
    .xg--h10d {
        padding-top: 10%
    }
    .xmobile_menu {
        display: none
    }
}
.xaction_btn {
    font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #000;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}
.xaction_btn:hover {
    background-color: #000
}
@media screen and (min-width: 750px) {
    .xaction_btn {
        font-size: 15px;
        padding: 16px 18px
    }
}
.xhamburger {
    width: 60px;
    height: 60px;
    right: 0;
    top: 0;
    cursor: pointer
}
.xhamburger.xhamburger_default .xhamburger_icon {
    width: 30px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    background-color: #000
}
.xhamburger.xhamburger_default .xhamburger_icon:after,
.xhamburger.xhamburger_default .xhamburger_icon:before {
    content: '';
    display: block;
    background-color: #000;
    width: 100%;
    height: 2px;
    position: absolute
}
.xhamburger.xhamburger_default .xhamburger_icon:before {
    top: 8px
}
.xhamburger.xhamburger_default .xhamburger_icon:after {
    top: 16px
}
.xhamburger.xhamburger_default .xclose_icon {
    top: 50%;
    left: 50%;
    margin-top: -15px;
    opacity: 0
}
@media screen and (min-width: 1050px) {
    .xaction_btn {
        font-size: 15px;
        padding: 18px 20px
    }
    .xhamburger {
        display: none
    }
}
.xhamburger_top_to_bottom .xclose_icon {
    -webkit-transform: translate(0, -10px) rotate(45deg);
    -o-transform: translate(0, -10px) rotate(45deg);
    transform: translate(0, -10px) rotate(45deg)
}
.xclose_icon {
    width: 30px;
    height: 30px;
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}
.xclose_icon:after,
.xclose_icon:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #000
}
.xclose_icon:before {
    left: 50%;
    top: 0;
    width: 2px;
    margin-left: -1px;
    height: 100%
}
.xclose_icon:after {
    top: 50%;
    left: 0;
    height: 2px;
    margin-top: -1px;
    width: 100%
}
.clearfix::after {
    clear: both;
    content: '';
    display: table
}
.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.xshow-tablet {
    display: none
}
@media screen and (min-width: 750px) {
    .xshow-tablet {
        display: block
    }
}
.xshow-desktop {
    display: none
}
@media screen and (min-width: 1050px) {
    .xshow-desktop {
        display: block
    }
}
.xsprite {
    background-image: url(../../dist/img/sprite.svg)
}
.xheader-fixed {
    position: fixed;
    z-index: 9000;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -500px);
    -o-transform: translate(0, -500px);
    transform: translate(0, -500px)
}
.xoverlay {
    position: fixed;
    opacity: 1
}
.xoverlay .xmobile_nav {
    overflow-y: scroll
}
.xoverlay.black {
    background-color: #000;
    opacity: 0
}
.xoverlay.white {
    background-color: #fff;
    opacity: 0
}
.xicon {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}
.xicon .xicon--hover,
.xicon .xicon--standard {
    left: 0;
    top: 0
}
.xicon .xicon--standard {
    opacity: 1
}
.xicon .xicon--hover,
.xicon:hover .xicon--standard {
    opacity: 0
}
.xicon:hover .xicon--hover {
    opacity: 1
}
.xjustify {
    text-align: justify;
    text-justify: distribute-all-lines;
    vertical-align: center
}
.xjustify li {
    display: inline-block;
    zoom: 1
}
.xjustify .xstretch {
    width: 100%;
    height: 0;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
@media screen and (max-width: 1050px) {
    .xmake-relative {
        padding: 0
    }
    .xmake-relative .xabf,
    .xmake-relative .xg_content {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%
    }
    .xmake-relative .xabf.ximg {
        padding-top: 50%
    }
}
.ximg-img,
.ximg-item {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}
.ximg-item {
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.ximg-img {
    right: 0;
    bottom: 0
}
.ximg-img img {
    display: block;
    width: 100%
}
.owl-carousel .owl-stage:after,
.owl-carousel .owl-wrapper:after {
    content: ".";
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}
.owl-carousel .owl-wrapper:after {
    display: block
}
.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
    z-index: 0
}
.owl-carousel .owl-animated-out {
    z-index: 1
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1)
}
.owl-carousel .owl-stage:after,
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
    display: none
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}
.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
.no-js .owl-carousel {
    display: block
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden!important;
    backface-visibility: hidden!important;
    -webkit-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important
}
.owl-controls,
.owl-dots {
    width: 100%;
    text-align: center
}
.owl-dot {
    width: 6px;
    height: 6px;
    background-color: #c1ac6a;
    border-radius: 50%;
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px
}
body {
    overflow-x: hidden;
    position: relative;
    font-family: "Akkurat Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 22px
}
a {
    text-decoration: none;
    color: #c1ac6a;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}
a:active,
a:focus,
a:hover {
    color: #d0c08e
}
@font-face {
    font-family: "Akkurat Light";
    src: url(../fonts/Akkurat-Light.woff2) format("woff2"), url(../fonts/Akkurat-Light.woff) format("woff")
}
@font-face {
    font-family: "Akkurat Regular";
    src: url(../fonts/Akkurat-Regular.woff2) format("woff2"), url(../fonts/Akkurat-Regular.woff) format("woff")
}
@media screen and (min-width: 750px) {
    body {
        font-size: 15px;
        line-height: 28px
    }
}
.xtitle--large {
    letter-spacing: 7px;
    margin-bottom: 35px
}
@media screen and (min-width: 750px) {
    .xtitle--large {
        letter-spacing: 13px
    }
}
@media screen and (min-width: 1470px) {
    .xtitle--large {
        margin-bottom: 55px
    }
}
.xtext {
    letter-spacing: 1px
}
.btn-menu,
.menu__btn-menu,
.tg-footer {
    letter-spacing: 4px;
    font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}
.xtext p:not(:last-child) {
    margin-bottom: 25px
}
.xtext a {
    color: #c1ac6a
}
.xtext a:active,
.xtext a:focus,
.xtext a:hover {
    color: #d0c08e
}
.xtext ol,
.xtext ul {
    padding: 0;
    margin: 0
}
@media screen and (min-width: 1050px) {
    body {
        font-size: 20px;
        line-height: 37px
    }
    .xtext {
        font-size: 18px;
        line-height: 30px;
    }
    .xtext p:not(:last-child) {
        margin-bottom: 50px
    }
}
@media screen and (min-width: 1470px) {
    .xtext {
        font-size: 20px
    }
}
.tg-btn--arrow-down {
    display: block;
    width: 8px;
    height: 83px;
    margin: 0 auto;
    background: url(../../TEMP/arrow-down.png) no-repeat
}
.tg-btn--arrow-left {
    display: block;
    width: 83px;
    height: 8px;
    margin: 5px auto 0;
    background: url(../../TEMP/arrow-left.png) no-repeat
}
.xhide-m {
    display: none
}
@media screen and (min-width: 750px) {
    .xhide-m {
        display: inline
    }
}
.xsite-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0
}
.tg-section--padding {
    padding: 0 15px
}
@media screen and (min-width: 750px) {
    .tg-section--padding {
        padding: 0
    }
}
.tg-header {
    z-index: 4;
    width: 100%;
    padding-top: 40px
}
.tg-logo {
    background: url(../img/tougou_logo_small.svg) center center no-repeat;
    width: 200px;
    height: 50px;
    margin: 0 auto;
    z-index: 2
}
.btn-menu,
.menu__btn-menu {
    position: absolute;
    top: 47px!important;
    left: 0;
    color: #fff;
    margin-left: 15px;
    font-size: 15px
}
@media screen and (min-width: 750px) {
    .tg-header {
        padding-top: 85px
    }
    .tg-logo {
        background: url(../img/tougou_logo.svg) center center no-repeat;
        width: 327px;
        height: 88px
    }
    .btn-menu,
    .menu__btn-menu {
        margin-left: 25px;
        top: 97px!important
    }
}
@media screen and (min-width: 1050px) {
    .btn-menu,
    .menu__btn-menu {
        margin-left: 40px;
        position: fixed
    }
}
.btn-menu {
    width: 110px
}
.menu__btn-menu {
    color: #000;
    z-index: 9999
}
.midnightHeader.default {
    color: #fff
}
.midnightHeader.black {
    color: #000
}
.midnightInner {
    overflow: hidden!important
}
.btn-menu__hamburger {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 25px;
    height: 10px
}
.bar,
.bar:after,
.bar:before {
    width: 25px;
    height: 2px
}
.bar {
    position: relative;
    -webkit-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
    background: #c1ac6a;
    -webkit-transition: all 0s .3s;
    -o-transition: all 0s .3s;
    transition: all 0s .3s
}
.bar:after,
.bar:before {
    content: "";
    position: absolute;
    left: 0
}
.bar.animate {
    background: rgba(193, 172, 106, 0)
}
.bar:before {
    bottom: 4px;
    background: #c1ac6a;
    -webkit-transition: bottom .3s .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: bottom .3s .3s cubic-bezier(.23, 1, .32, 1), -o-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: bottom .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: bottom .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1), -o-transform .3s cubic-bezier(.23, 1, .32, 1)
}
.bar:after {
    top: 4px;
    background: #c1ac6a;
    -webkit-transition: top .3s .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: top .3s .3s cubic-bezier(.23, 1, .32, 1), -o-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: top .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: top .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1), -o-transform .3s cubic-bezier(.23, 1, .32, 1)
}
.bar.animate:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: top .3s cubic-bezier(.23, 1, .32, 1), -o-transform .3s .3s cubic-bezier(.23, 1, .32, 1);
    transition: top .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1);
    transition: top .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s .3s cubic-bezier(.23, 1, .32, 1), -o-transform .3s .3s cubic-bezier(.23, 1, .32, 1)
}
.bar.animate:before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: bottom .3s cubic-bezier(.23, 1, .32, 1), -o-transform .3s .3s cubic-bezier(.23, 1, .32, 1);
    transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1);
    transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s .3s cubic-bezier(.23, 1, .32, 1), -o-transform .3s .3s cubic-bezier(.23, 1, .32, 1)
}
.btn-menu__text {
    line-height: normal;
    top: 0;
    left: 25px;
    padding-left: 16px;
    display: none
}
.tg-footer {
    font-size: 12px;
    padding-bottom: 20px
}
.tg-footer a {
    color: #000;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}
.tg-footer a:active,
.tg-footer a:focus,
.tg-footer a:hover {
    color: #c1ac6a
}
.tg-footer__inner {
    max-width: 180px;
    margin: 0 auto
}
@media screen and (min-width: 750px) {
    .btn-menu__text {
        display: block
    }
    .tg-footer {
        height: 100px;
        padding: 0
    }
    .tg-footer__inner {
        max-width: none
    }
}
.contact__form,
.intro__inner {
    max-width: 650px
}
.menu {
    background: #fff;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 30px;
    -webkit-transform: translate(-100vw, 0);
    -o-transform: translate(-100vw, 0);
    transform: translate(-100vw, 0)
}
.menu ul li a {
    color: #000;
    text-transform: uppercase;
    font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}
.menu ul li a:active,
.menu ul li a:focus,
.menu ul li a:hover,
.menu__secondary .active {
    color: #c1ac6a
}
@media screen and (min-width: 750px) {
    .menu {
        width: 50%;
        -webkit-transform: translate(-50vw, 0);
        -o-transform: translate(-50vw, 0);
        transform: translate(-50vw, 0);
        padding: 230px 50px 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}
@media screen and (min-width: 1050px) {
    .menu {
        width: 75vw;
        -webkit-transform: translate(-75vw, 0);
        -o-transform: translate(-75vw, 0);
        transform: translate(-75vw, 0);
        padding: 230px 80px 0
    }
}
@media screen and (min-width: 1550px) {
    .menu {
        width: 50%;
        -webkit-transform: translate(-50vw, 0);
        -o-transform: translate(-50vw, 0);
        transform: translate(-50vw, 0)
    }
}
.menu__kaart ul li,
.menu__main ul li {
    margin-bottom: 13px
}
@media screen and (min-width: 750px) {
    .menu__kaart ul li,
    .menu__main ul li {
        margin-bottom: 0
    }
}
.menu__kaart ul li a,
.menu__main ul li a {
    font-size: 25px;
    letter-spacing: 12px
}
.main-menu-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}
@media screen and (min-width: 1050px) {
    .main-menu-container {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 100px
    }
}
.menu__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: block
}
@media screen and (min-width: 1050px) {
    .menu__main {
        margin-right: 50px;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}
.menu__kaart {
    position: absolute;
    left: 250px;
    opacity: 0;
    display: none
}
.form__label,
.form__submit a {
    display: inline-block
}
.menu__secondary {
    font-size: 15px;
    letter-spacing: 4px
}
.menu__secondary ul:nth-child(1) {
    margin-bottom: 30px
}
.xaction_btn {
    border: none;
    text-transform: uppercase;
    padding: 0;
    letter-spacing: 2px
}
.xaction_btn:active,
.xaction_btn:focus,
.xaction_btn:hover {
    background: 0 0;
    color: #c1ac6a
}
.xaction_btn--large {
    background: #c1ac6a;
    background: -webkit-linear-gradient(45deg, #c1ac6a, #9d8741);
    background: -o-linear-gradient(45deg, #c1ac6a, #9d8741);
    background: linear-gradient(45deg, #c1ac6a, #9d8741);
    color: #fff;
    padding: 15px 35px 12px 35px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.xaction_btn--large.btn_gold {padding: 22px 35px 19px 35px !important;}
@media(max-width:750px){ .xaction_btn--large.btn_gold {padding: 18px 25px 15px 25px !important; letter-spacing: 3px;} }
.xaction_btn--large:active,
.xaction_btn--large:focus,
.xaction_btn--large:hover {
    opacity: .9;
    color: #fff;
    background: #c1ac6a;
    background: -webkit-linear-gradient(45deg, #c1ac6a, #9d8741);
    background: -o-linear-gradient(45deg, #c1ac6a, #9d8741);
    background: linear-gradient(45deg, #c1ac6a, #9d8741)
}
.intro__img img,
.kaart__categorie,
.xsite {
    opacity: 0
}
.contact__form {
    margin: 0 auto
}
.form__input-container {
    margin-bottom: 30px
}
.form__textarea-container {
    min-height: 120px
}
.form__input-block {
    height: 45px
}
@media screen and (min-width: 750px) {
    .xaction_btn {
        letter-spacing: 5px
    }
    .form__input-container {
        margin-bottom: 50px
    }
    .form__input-block {
        height: 60px
    }
}
.form__textarea-block {
    height: 100%
}
.form__input {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #ccc;
    padding: 0 24px;
    background: 0 0!important;
    -webkit-transition: border .2s ease;
    -o-transition: border .2s ease;
    transition: border .2s ease
}
.form__input--active,
.form__input:focus {
    outline: 0;
    border: 1px solid #c1ac6a
}
.form__input--error {
    border: 1px solid red!important
}
.form__input--textarea {
    position: static;
    height: 120px;
    padding-top: 15px;
    resize: vertical
}
.form__label {
    position: absolute;
    top: -8px;
    left: 0;
    margin-left: 10px;
    padding: 0 4px;
    font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    background: #fff
}
.gerecht__description,
.list {
    font-family: "Akkurat Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}
@media screen and (min-width: 750px) {
    .form__label {
        letter-spacing: 6px;
        top: -12px;
        margin-left: 20px
    }
    .intro__content {
        padding: 0 50px
    }
}
@media screen and (min-width: 1050px) {
    .form__label {
        top: -17px;
        font-size: 15px
    }
}
.form__submit {
    margin-top: 50px
}
.intro__inner,
.tg-img--overlap img {
    margin: 0 auto
}
.tg-img--overlap {
    position: relative;
    display: block;
    z-index: -1
}
.tg-img--overlap__line {
    display: block;
    width: 50%;
    min-height: 10px;
    position: absolute;
    top: 90%;
    left: 0;
    border-right: 1px solid #c1ac6a
}
.tg-section.hero {
    min-height: 200px;
    max-height: 700px;
    height: 60vh;
    overflow: hidden
}
.post-hero {
    display: none
}
@media screen and (min-width: 1050px) {
    .tg-section.hero {
        min-height: 0;
        max-height: none;
        height: 100vh;
        width: 100%
    }
    .post-hero {
        width: 100vw;
        height: 100vh
    }
}
.carousel__inner {
    height: 100%;
    overflow: hidden
}
.carousel .xcarousel {
    height: 100%
}
.carousel .slide {
    height: 300px
}
@media screen and (min-width: 750px) {
    .carousel .slide {
        height: 100%
    }
}
@media screen and (min-width: 1050px) {
    .carousel .slide {
        height: 100vh
    }
}
.carousel .owl-item,
.carousel .owl-stage,
.carousel .owl-stage-outer {
    height: 100%
}
.carousel__images {
    width: 100%
}
@media screen and (min-width: 750px) {
    .carousel__images {
        width: 30%;
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%
    }
}
@media screen and (min-width: 1100px) {
    .carousel__images {
        width: 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}
.owl-controls {
    position: absolute;
    left: 0;
    bottom: -50px
}
.owl-controls .owl-dot {
    background: 0 0;
    border: 1px solid #000;
    width: 13px;
    height: 13px
}
.owl-controls .owl-dot.active {
    background: #c1ac6a;
    border: none
}
@media screen and (min-width: 750px) {
    .owl-controls {
        bottom: 15px
    }
}
@media screen and (min-width: 1100px) {
    .owl-controls {
        position: absolute;
        left: 100%;
        top: 0;
        bottom: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .owl-controls .owl-dot {
        display: block;
        margin: 15px 35px 0 auto
    }
}
.carousel__content {
    background: url(../../TEMP/pattern_bg.jpg) top left;
    background-size: cover
}
@media screen and (min-width: 750px) {
    .carousel__content {
        height: auto;
        width: 70%;
        -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%
    }
}
@media screen and (min-width: 1100px) {
    .carousel__content {
        width: 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}
.carousel__content__inner {
    max-width: 550px;
    z-index: 2;
    padding: 80px 15px 40px
}
@media screen and (min-width: 750px) {
    .carousel__content__inner {
        padding: 0 100px 0 50px
    }
}
@media screen and (min-width: 1050px) {
    .carousel__content__inner {
        padding: 0 0 0 50px;
        margin-right: 100px
    }
}
@media screen and (min-width: 1470px) {
    .carousel__content__inner {
        padding: 0;
        margin: 0
    }
}
.carousel__content__slide {
    opacity: 0;
    z-index: -1
}
.carousel__content__text {
    font-size: 13px
}
@media screen and (min-width: 750px) {
    .carousel__content__slide {
        padding: 50px 0
    }
    .carousel__content__text {
        font-size: 15px
    }
}
@media screen and (min-width: 1050px) {
    .carousel__content__text {
        font-size: 15px
    }
    .kaart__categorie:active,
    .kaart__categorie:focus,
    .kaart__categorie:hover {
        z-index: 2
    }
    .kaart__categorie:active .kaart__categorie__img,
    .kaart__categorie:focus .kaart__categorie__img,
    .kaart__categorie:hover .kaart__categorie__img {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
        cursor: pointer;
        z-index: 1
    }
    .kaart__categorie:active .kaart__categorie__title,
    .kaart__categorie:focus .kaart__categorie__title,
    .kaart__categorie:hover .kaart__categorie__title {
        cursor: pointer;
        z-index: 2;
        color: #c1ac6a
    }
}
@media screen and (min-width: 1470px) {
    .carousel__content__text {
        font-size: 20px
    }
}
.kaart-container {
    margin: 0 auto
}
.kaart__header {
    max-width: 650px
}
.kaart__categorie-container {
	flex-flow: row wrap;
	justify-content: center;
	-webkit-justify-content: center;
}

.kaart__categorie {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}
@media screen and (min-width: 600px) {
    .kaart__categorie {
        -webkit-flex-basis: 33.3334%;
        -ms-flex-preferred-size: 33.3334%;
        flex-basis: 33.3334%
    }
}
.kaart__categorie__title {
    text-align: center;
    margin: 10px 0;
    position: relative;
    top: 0
}
@media screen and (min-width: 750px) {
    .kaart__categorie__title {
        margin: 25px 0
    }
}
@media screen and (max-width: 750px) {
    .kaart__categorie__title {
        letter-spacing: 1px
    }
}
.kaart__download .tg-btn--arrow-down {
    margin: 0 auto;
    position: absolute;
    bottom: -50%;
    left: 50%;
    display: none
}
.kaart__download .xaction_btn {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    height: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c1ac6a
}
@media screen and (max-width: 1050px) {
    .kaart__download .xaction_btn {
        background: #c1ac6a;
        background: -webkit-linear-gradient(45deg, #c1ac6a, #9d8741);
        background: -o-linear-gradient(45deg, #c1ac6a, #9d8741);
        background: linear-gradient(45deg, #c1ac6a, #9d8741);
        color: #fff;
        padding: 15px 45px;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }
    .kaart__download .xaction_btn:active,
    .kaart__download .xaction_btn:focus,
    .kaart__download .xaction_btn:hover {
        opacity: .9;
        color: #fff;
        background: #c1ac6a;
        background: -webkit-linear-gradient(45deg, #c1ac6a, #9d8741);
        background: -o-linear-gradient(45deg, #c1ac6a, #9d8741);
        background: linear-gradient(45deg, #c1ac6a, #9d8741)
    }
}
@media screen and (min-width: 1050px) {
    .kaart__download .tg-btn--arrow-down {
        position: relative;
        bottom: 0;
        left: 0;
        margin: 0 auto 27px;
        display: block
    }
    .kaart__download .xaction_btn {
        position: relative;
        display: inline;
        height: auto;
        color: #000
    }
    .kaart__download .xaction_btn:active,
    .kaart__download .xaction_btn:focus,
    .kaart__download .xaction_btn:hover {
        color: #c1ac6a
    }
}
.categorie-container {
    display: none;
    opacity: 0
}
.kaart__goback {
    margin-bottom: 50px
}
.kaart__goback a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    z-index: 1
}
.kaart__goback .tg-btn--arrow-left {
    margin-top: -10px;
    z-index: 0
}
.categorie__title {
    margin: 0
}
.categorie__img {
    display: none
}
.categorie__img img {
    max-width: 300px
}
.categorie__gerechten {
    padding-top: 20px
}
@media screen and (min-width: 320px) {
    .categorie__gerechten {
        min-width: 100%
    }
}
@media screen and (min-width: 500px) {
    .categorie__gerechten {
        min-width: 500px
    }
}
@media screen and (max-width: 1050px) {
    .categorie__gerechten {
        max-width: 650px
    }
}
.gerecht+.gerecht {
    margin-top: 25px
}
.gerecht__left {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    text-align: center
}
@media screen and (min-width: 500px) {
    .gerecht__left {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        width: 80%;
        text-align: left
    }
}
.gerecht__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}
.gerecht__title {
    margin-bottom: 5px;
    letter-spacing: 2px
}
.gerecht__description {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: #999
}
@media screen and (min-width: 750px) {
    .categorie__img {
        display: block
    }
    .gerecht__description {
        font-size: 15px
    }
}
@media screen and (min-width: 1050px) {
    .categorie__gerechten {
        padding-top: 80px;
        min-width: 800px
    }
    .gerecht+.gerecht {
        margin-top: 35px
    }
    .gerecht__description {
        line-height: 28px;
        font-size: 15px;
        letter-spacing: 2px
    }
}
.gerecht__price {
    color: #c1ac6a;
    letter-spacing: 2px;
    font-size: 13px;
    margin-top: 5px
}
.tg-section--traiteur {
    background: #111
}
.traiteur__inner {
    height: 100%;
    background: url(../../TEMP/pattern_stone.jpg) top left;
    background-size: cover
}
.traiteur__image {
    height: 300px
}
@media screen and (min-width: 500px) {
    .gerecht__right {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        text-align: right
    }
    .gerecht__price {
        margin: 0
    }
    .traiteur__image {
        height: 500px
    }
}
.traiteur__content {
    color: #fff;
    padding: 40px 15px
}
@media screen and (min-width: 750px) {
    .gerecht__price {
        font-size: 18px
    }
    .traiteur__image {
        height: auto
    }
    .traiteur__content {
        padding: 50px 75px 50px 50px
    }
}
@media screen and (min-width: 1050px) {
    .traiteur__image {
        height: auto
    }
    .traiteur__content {
        padding: 50px 100px 50px 80px
    }
}
@media screen and (min-width: 1470px) {
    .traiteur__content {
        padding: 0
    }
}
.traiteur__content__inner {
    max-width: 550px
}
.traiteur__content__inner .xaction_btn {
    color: #fff
}
.traiteur__content__inner .xaction_btn:active,
.traiteur__content__inner .xaction_btn:focus,
.traiteur__content__inner .xaction_btn:hover {
    color: #c1ac6a
}
.contact__title {
    margin-bottom: 0
}
.contact__details {
    max-width: 690px;
    margin: 0 auto
}
.contact__details .details {
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (min-width: 750px) {
    .contact__details .details {
        padding: 0 50px;
        font-size: 15px;
        line-height: 27px;
        letter-spacing: 5px
    }
}
.details__address-container,
.details__hours-container {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    z-index: 2
}
.details__address__inner,
.details__hours__inner {
    padding: 0
}
@media screen and (min-width: 600px) {
    .details__address-container,
    .details__hours-container {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
    .details__address__inner,
    .details__hours__inner {
        padding-top: 100%
    }
}
.details__address {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
    position: static
}
.details__address a {
    color: #000
}
.details__address a:active,
.details__address a:focus,
.details__address a:hover {
    color: #c1ac6a
}
.details__hours-container {
    margin: 25px 0
}
@media screen and (min-width: 600px) {
    .details__address {
        position: absolute;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: url(../../TEMP/pattern_bg.jpg) center center no-repeat;
        text-align: left
    }
    .details__hours-container {
        margin: 0;
        top: 25px
    }
}
.details__hours {
    background: #c1ac6a;
    background: -webkit-linear-gradient(45deg, #c1ac6a, #9d8741);
    background: -o-linear-gradient(45deg, #c1ac6a, #9d8741);
    background: linear-gradient(45deg, #c1ac6a, #9d8741);
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: static;
    padding: 20px 0
}
.details__hours a {
    color: #fff
}
.details__hours a:active,
.details__hours a:focus,
.details__hours a:hover {
    color: #000
}
@media screen and (min-width: 600px) {
    .details__hours {
        position: absolute
    }
}
.contact__location {
    max-width: 650px;
    margin: 0 -15px
}
@media screen and (min-width: 650px) {
    .contact__location {
        margin: 0 auto
    }
}
.contact__location__map {
    width: 100%;
    height: 200px;
    z-index: 1
}
@media screen and (min-width: 500px) {
    .contact__location__map {
        height: 450px
    }
}
.contact__reservation {
    font-size: 13px
}
@media screen and (min-width: 750px) {
    .contact__reservation {
        font-size: 15px
    }
}
.details__part+.details__part {
    margin-top: 20px
}
.list__title {
    text-transform: uppercase;
    margin-bottom: 8px
}
.list {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 2px
}
.list__day {
    display: inline-block;
    min-width: 20px;
    max-width: 70px;
    width: 70px;
    margin-right: 20px
}

/* ------------------------ NEW STYLE ------------------------------ */

.hero_btn_holder {bottom:80px; left:0px; right:0px; text-align: center;}
@media(max-width:750px){ .hero_btn_holder {bottom:60px;} }

.section_frame {padding:0px 100px; width:100%; margin: auto;}
@media(max-width:1050px){ .section_frame {padding:0px 50px;} }
@media(max-width:750px){ .section_frame {padding:0px 15px;} }
.section_maxw1000 {max-width: 1000px; margin: auto;}
.section_maxw750 {max-width: 750px; margin: auto;}

.melding_content {text-align: center; padding:30px 0px;}
.melding_line {background-color:#bfaa72; width: 100px; height: 1px; overflow: hidden; line-height: 1px; font-size: 1px; margin: auto;}

.tougou_intro {margin-top:-40px;}
.intro_left {width: 50%;}
.intro_right {width: 50%;}

.intro_txtframe {text-align: center; padding:80px 60px;}
@media(max-width:1050px){ .intro_txtframe {padding:70px 40px;} }
.intro_line {background-color:#bfaa72; width: 1px; height: 70px; overflow: hidden; line-height: 1px; font-size: 1px; top:-25px; left:50%;}
.intro_btns {margin-top: 40px;}

.intro_tougou {max-width: 800px; margin:auto;}
.intro_tougou_txt {max-width: 500px; margin: auto;}
.fijnproeverij_mob {display: none;}

.dark_links a, .dark_links a:visited {color:black; border-bottom: 1px solid #bfaa72; .transition(); padding-bottom: 4px; font-weight: 700; font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.dark_links a:hover, .dark_links a:active, .dark_links a:focus {border-bottom: 1px solid black; color: black;}

.light_links a, .light_links a:visited {color:white !important; border-bottom: 1px solid #bfaa72; .transition(); padding-bottom: 4px; font-weight: 700; font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.light_links a:hover, .light_links a:active, .light_links a:focus {border-bottom: 1px solid white; color: white !important;}

@media(max-width:900px){
	.intro_left, .intro_right {width: 100%;}
	.fijnproeverij_desktop {display: none;}
	.fijnproeverij_mob {display: block; padding-top: 0px;}
	.intro {max-width: 650px; margin: auto;}
	.intro_txtframe {padding:80px 0px;}
	.intro_txt {max-width: 350px; margin: auto;}
	.intro_title {letter-spacing: 5px;}
}

.tbl_img_td {width: 50%; background-position: center center; background-size: cover;}
.tbl_txt_td {width: 50%; vertical-align: middle; background-size: cover; background-position: center center; background-image: url('../img/pattern_bg.jpg');}
.tbl_txt_td.dark {background-color: #333333; color:white; background-image: url('../img/pattern_stone.jpg');}
.tbl_img_innner {min-height: 700px;}
.tbl_txt_inner {padding:80px; max-width: 800px;}
.tbl_img_mob {display: none; padding-top: 100%; font-size: 0px; line-height: 0px; background-size: cover; background-position: center center;}

.xintro {max-width: 500px; margin: auto;}

.reservatie_details {text-align: center; font-size: 16px; line-height: 150%; max-width: 550px; margin: auto; padding-top:35px;}

.contact_img {font-size: 0px; line-height: 0px; padding-top: 67%; background-color: #333333; background-size: cover; background-position: center center; }

.contact_facebook_btn_holder {text-align: center;}

.contact_tbl td {font-size: 16px; line-height: 165%; margin-top:20px;}
.contact_left {width: 50%; padding-right: 50px; text-align: right; vertical-align: top;}
.contact_right {width: 50%; padding-left: 50px; vertical-align: top; border-left: 1px solid #bfaa72;}
.contact_tbl_title {text-transform: uppercase; font-weight: 700; font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 5px; padding-bottom: 10px;}
.contact_mob {display: none; max-width: 400px; margin: auto; text-align: center;}
.contact_mob_title {text-transform: uppercase; font-weight: 700; font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 5px;}

.menugroup {margin-bottom: 50px;}
.menugroup_title {text-transform: uppercase; color:#bfaa72; font-weight: 700; font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 6px; font-size: 15px; line-height: 140%; margin-bottom: 20px;}
.menugroup_item {margin-bottom: 18px;}
.menugroup_item:last-child {margin-bottom: 0px;}
.tbl_menuitem_left {vertical-align: top;}
.tbl_menuitem_right {color:#bfaa72; text-align: right; min-width: 100px; vertical-align: top;}

.special_wrapper {border:1px solid #bfaa72; padding:70px 50px; box-sizing: border-box; text-align: center; margin-top:-20px;}
.special_label_holder {top:-9px; left:0px; right:0px; text-align: center;}
.special_label {text-transform: uppercase; color:#bfaa72; font-weight: 700; font-family: "Akkurat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 6px; font-size: 15px; line-height: 140%; background-color:white; padding:0px 10px 0px 15px;}
.special_btn_holder {}
.special_menu {text-align: left; display: none;}
.special_hide_holder {text-align: center; padding:30px 0px 50px 0px;}

.special_outro {text-align: center; color: white; padding:30px; margin-bottom: 40px; background: #c1ac6a; background: -webkit-linear-gradient(45deg, #c1ac6a, #9d8741); background: -o-linear-gradient(45deg, #c1ac6a, #9d8741); background: linear-gradient(45deg, #c1ac6a, #9d8741);}
.special_details {text-align: left; max-width: 500px; margin: auto;}
.special_bestellen_btn_holder {text-align: center; margin-top: 40px;}

.special_credits {color: #bfaa72; font-size: 15px; margin-top: 40px;}

.btn_michelin, .btn_michelin:visited {display: inline-block; background: -webkit-linear-gradient(45deg, #c1ac6a, #9d8741); background: -o-linear-gradient(45deg, #c1ac6a, #9d8741); background: linear-gradient(45deg, #c1ac6a, #9d8741); padding:6px 30px; .transition();}
.btn_michelin:hover, .btn_michelin:active, .btn_michelin:focus {color:white; .opacity(0.9);}
.ico_michelin {width: 200px; height: 60px; display: inline-block; background-image: url('../img/tougou_bib_gourmand.svg'); background-position: center center; background-repeat: no-repeat;}

@media(max-width:1100px){ 
	.tbl_txt_inner {padding: 80px 50px;}
	.xtitle--large {letter-spacing: 6px;}
}
@media(max-width:900px){
	.xtitle--large {letter-spacing: 5px;}
}
@media(max-width:700px){
	.tbl_img_td {display: none;}
	.tbl_txt_td {width: 100%;}
	.tbl_img_mob {display: block;}
	
	.contact_tbl {display: none;}
	.contact_mob {display: block;}
}
@media(max-width:600px){
	.special_wrapper {padding:60px 25px;}
	.tbl_txt_inner {padding: 80px 30px;}	
	.intro_title {letter-spacing: 4px; font-size: 20px; line-height: 140%;}
}