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

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

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

hr {
    display: block;
    border: 0;
    border-top: none;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

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
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

.menu-open {
    overflow: hidden;
    -webkit-overflow-scrolling: hidden
}

@media (min-width:870px) {
    .menu-open {
        overflow: auto
    }
}

#wrapper {
    position: absolute;
    padding-top: 65px;
    left: 0;
    width: 100%;
    transition: left .3s
}

@media (min-width:870px) {
    #wrapper {
        left: 0;
        padding-top: 100px
    }
}

.menu-open #wrapper {
    left: 255px
}

@media (min-width:870px) {
    .menu-open #wrapper {
        left: 0
    }
}

#navigation {
    position: fixed;
    top: 0;
    left: -255px;
    width: 255px;
    height: 100%;
    z-index: 9999;
    overflow: auto;
    background-color: #444;
    -webkit-overflow-scrolling: touch;
    transition: left .2s
}

@media (min-width:870px) {
    #navigation {
        position: relative;
        left: auto;
        width: auto;
        height: auto;
        overflow: visible;
        background: 0 0;
        -webkit-overflow-scrolling: auto;
        transition: left 0s
    }
}

.menu-open #navigation {
    width: 255px;
    display: block;
    left: 0
}

@media (min-width:870px) {
    .menu-open #navigation {
        width: auto
    }
}

#wrapper>header {
    position: fixed;
    box-sizing: border-box;
    z-index: 1009;
    width: 100%;
    height: 65px;
    top: 0;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #fff
}

@media (min-width:870px) {
    #wrapper>header {
        height: 101px;
        padding: 0 30px
    }
}

#wrapper>header>.container {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 10px 25px 0 75px;
    border-bottom: 1px solid #DCDCDC;
    background-color: #fff
}

#wrapper>header>.container::after {
    clear: both;
    content: "";
    display: table
}

@media (min-width:870px) {
    #wrapper>header>.container {
        padding: 45px 10px 0
    }
    #wrapper>header>.container:before {
        display: none
    }
}

@media (min-width:1320px) {
    #wrapper>header>.container {
        width: 1260px
    }
}

#wrapper>header>.container .toggle-menu {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    background-color: #CCC;
    overflow: hidden;
    font-size: 0;
    appearance: none;
    box-shadow: none;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    transition: background .3s
}

#wrapper>header>.container .toggle-menu:focus {
    outline: 0
}

#wrapper>header>.container .toggle-menu span {
    display: block;
    position: absolute;
    top: 30px;
    left: 20px;
    width: 25px;
    height: 5px;
    background-color: #fff;
    transition: background 0s .3s
}

#wrapper>header>.container .toggle-menu span:after,
#wrapper>header>.container .toggle-menu span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fff;
    transition-duration: .3s, .3s;
    transition-delay: .3s, 0s
}

#wrapper>header>.container .toggle-menu span:before {
    top: -10px;
    transition-property: top, -webkit-transform;
    transition-property: top, transform
}

#wrapper>header>.container .toggle-menu span:after {
    bottom: -10px;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
}

#wrapper>header>.container .toggle-menu.active span {
    background: 0 0
}

#wrapper>header>.container .toggle-menu.active span:after,
#wrapper>header>.container .toggle-menu.active span:before {
    transition-delay: 0s, .3s
}

#wrapper>header>.container .toggle-menu.active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#wrapper>header>.container .toggle-menu.active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (min-width:870px) {
    #wrapper>header>.container .toggle-menu {
        display: none
    }
}

#wrapper>header>.container h1#logo {
    float: left;
    width: 94px;
    height: 45px;
    text-indent: -9999px;
    margin: 0 40px 9px 0;
    background-image: url(../images/structure/mu_logo.svg);
    background-repeat: no-repeat
}

#wrapper>header>.container h1#logo a {
    display: block;
    width: 100%;
    height: 100%
}

@media (min-width:870px) {
    #wrapper>header>.container nav {
        position: relative;
        top: 1px
    }
}

#wrapper>header>.container nav,
#wrapper>header>.container ul {
    float: left;
    list-style: none;
    position: relative;
    width: 255px
}

@media (min-width:870px) {
    #wrapper>header>.container nav,
    #wrapper>header>.container ul {
        width: auto
    }
}

#wrapper>header>.container nav li,
#wrapper>header>.container ul li {
    float: left
}

#wrapper>header>.container nav li:hover ul,
#wrapper>header>.container ul li:hover ul {
    display: block
}

#wrapper>header>.container nav li {
    float: none;
    display: block;
    width: 100%
}

@media (min-width:870px) {
    #wrapper>header>.container nav li {
        float: left;
        width: auto
    }
}

#wrapper>header>.container nav li ul {
    width: 100%;
    display: none;
    overflow: hidden;
    float: none
}

@media (min-width:870px) {
    #wrapper>header>.container nav li ul {
        width: auto;
        height: auto;
        float: left
    }
}

#wrapper>header>.container nav li:hover ul {
    display: none
}

@media (min-width:870px) {
    #wrapper>header>.container nav li:hover ul {
        display: block
    }
}

#wrapper>header>.container nav li a {
    display: block;
    box-sizing: border-box;
    width: 255px;
    padding: 0 25px;
    line-height: 48px;
    border-bottom: solid 1px #646464;
    color: #fff;
    text-decoration: none;
    font-size: 16px
}

@media (min-width:870px) {
    #wrapper>header>.container nav li a {
        width: 100%;
        padding: 0;
        border: none;
        line-height: 1em;
        font-size: 14px
    }
}

#wrapper>header>.container nav li ul a {
    font-size: 12px;
    background-color: #4F4F4F
}

@media (min-width:870px) {
    #wrapper>header>.container nav li ul a {
        background: 0 0
    }
}

#wrapper>header>.container nav li a:hover,
#wrapper>header>.container nav li li.active a {
    background-color: #2E2E2E
}

@media (min-width:870px) {
    #wrapper>header>.container nav li a:hover,
    #wrapper>header>.container nav li li.active a {
        background: 0 0
    }
}

@media (min-width:870px) {
    #wrapper>header>.container nav li {
        margin: 30px 10px 0
    }
    #wrapper>header>.container nav li>ul {
        position: absolute;
        display: none;
        font-size: 12px
    }
    #wrapper>header>.container nav li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #4F4F4F;
        text-decoration: none;
        box-sizing: border-box
    }
    #wrapper>header>.container nav li.active a,
    #wrapper>header>.container nav li:hover a {
        content: '';
        color: #000;
        border-bottom: solid 2px #000;
        padding-bottom: 9px
    }
    #wrapper>header>.container nav li.active a {
        font-weight: 700
    }
    #wrapper>header>.container nav li ul,
    #wrapper>header>.container nav li.active ul {
        height: 59px;
        width: 100%;
        padding-left: 9999px;
        padding-right: 9999px;
        margin-left: -10009px;
        background-color: #fff
    }
    #wrapper>header>.container nav li li,
    #wrapper>header>.container nav li.active li {
        margin-top: 20px
    }
    #wrapper>header>.container nav li li a,
    #wrapper>header>.container nav li.active li a,
    #wrapper>header>.container nav li:hover li a {
        border: none;
        color: #4F4F4F;
        font-weight: 400
    }
    #wrapper>header>.container nav li li a:hover,
    #wrapper>header>.container nav li.active li a:hover {
        color: #2E2E2E
    }
    #wrapper>header>.container nav li li a.active,
    #wrapper>header>.container nav li.active li a.active {
        color: #2E2E2E;
        font-weight: 700
    }
}

@media (min-width:1100px) {
    #wrapper>header>.container nav li {
        margin: 30px 20px 0
    }
    #wrapper>header>.container nav li ul,
    #wrapper>header>.container nav li.active ul {
        margin-left: -10019px
    }
}

#wrapper>header>.container ul.navigation-languages {
    position: relative;
    width: 255px
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-languages {
        width: auto;
        margin: 30px 12px 0
    }
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-languages {
        margin: 33px 22px 0
    }
}

#wrapper>header>.container ul.navigation-languages li {
    width: 100%;
    font-size: 11px;
    line-height: 11px
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-languages li {
        width: auto
    }
}

#wrapper>header>.container ul.navigation-languages li a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 25px;
    line-height: 48px;
    border-bottom: solid 1px #646464;
    color: #A2A2A2;
    text-decoration: none
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-languages li a {
        padding: 0;
        width: auto;
        line-height: 1em;
        border: none
    }
    #wrapper>header>.container ul.navigation-languages li a span {
        display: none
    }
}

#wrapper>header>.container ul.navigation-languages li a abbr {
    display: none
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-languages li a abbr {
        display: block;
        border: none;
        cursor: pointer;
        text-decoration: none
    }
}

#wrapper>header>.container ul.navigation-languages li a:hover {
    background-color: #2E2E2E
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-languages li a:hover {
        background: 0 0
    }
}

#wrapper>header>.container ul.navigation-languages li.active a {
    color: #fff
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-languages li.active a,
    #wrapper>header>.container ul.navigation-languages li:hover a {
        color: #000
    }
    #wrapper>header>.container ul.navigation-languages li:after {
        content: '/';
        color: #C8C8C3;
        padding: 3px
    }
    #wrapper>header>.container ul.navigation-languages li:last-child:after {
        content: ''
    }
}

#wrapper>header>.container ul.navigation-social {
    width: 100%;
    height: 65px;
    padding: 10px;
    border-bottom: 1px solid #646464;
    box-sizing: border-box;
    overflow: hidden
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-social {
        float: right;
        border-bottom: none;
        height: auto;
        padding: 0;
        width: auto
    }
}

#wrapper>header>.container ul.navigation-social li {
    margin: 0;
    height: 40px;
    width: 40px;
    text-indent: -9999px
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-social li {
        display: block;
        margin-top: 15px;
        background-image: url(../images/structure/nav_seperator.jpg);
        background-repeat: no-repeat;
        background-position: bottom right
    }
}

#wrapper>header>.container ul.navigation-social li a {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../images/structure/social_icons.svg);
    background-size: 200px 80px;
    background-position-y: 40px;
    opacity: .2;
    transition: opacity .2s
}

#wrapper>header>.container ul.navigation-social li a:hover {
    opacity: 1
}

#wrapper>header>.container ul.navigation-social li a.facebook {
    background-position: 0 40px
}

#wrapper>header>.container ul.navigation-social li a.twitter {
    background-position: -40px 40px
}

#wrapper>header>.container ul.navigation-social li a.instagram {
    background-position: -80px 40px
}

#wrapper>header>.container ul.navigation-social li a.vimeo {
    background-position: -120px 40px
}

#wrapper>header>.container ul.navigation-social li a.flickr {
    background-position: -160px 40px
}

@media (min-width:870px) {
    #wrapper>header>.container ul.navigation-social li a.facebook {
        background-position: 0 0
    }
    #wrapper>header>.container ul.navigation-social li a.twitter {
        background-position: -40px 0
    }
    #wrapper>header>.container ul.navigation-social li a.instagram {
        background-position: -80px 0
    }
    #wrapper>header>.container ul.navigation-social li a.vimeo {
        background-position: -120px 0
    }
    #wrapper>header>.container ul.navigation-social li a.flickr {
        background-position: -160px 0
    }
}

body {
    color: #444;
    font-family: "Apercu Regular", Calibri, Roboto, sans-serif;
    font-size-adjust: .508;
    font-size: 14px;
    line-height: 19px
}

@media (min-width:720px) {
    body {
        font-size: 16px;
        line-height: 24px
    }
}

body::-moz-selection {
    background: #333;
    color: #fff
}

body::selection {
    background: #333;
    color: #fff
}

.hideOnMobile {
    display: none
}

@media (min-width:720px) {
    .hideOnMobile {
        display: block
    }
}

.main {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto
}

.main::after {
    clear: both;
    content: "";
    display: table
}

@media (min-width:720px) {
    .main {
        padding: 0 25px;
        background-position: right 273px top;
        background-color: #fff;
        background-image: url(../images/structure/vertical_shadow.jpg);
        background-repeat: repeat-y
    }
}

@media (min-width:870px) {
    .main {
        padding: 0 40px 100px;
        background-position: right 288px top
    }
}

@media (min-width:1100px) {
    .main {
        background-position: right 528px top
    }
}

@media (min-width:1320px) {
    .main {
        width: 1320px
    }
}

.main>aside {
    box-sizing: border-box;
    padding-top: 0
}

@media (min-width:720px) {
    .main>aside {
        padding-top: 60px
    }
}

.main>aside img {
    width: 100%;
    margin-bottom: 25px
}

@media (min-width:720px) {
    .main>aside img {
        margin-bottom: 2em
    }
}

@media (min-width:720px) {
    .main>aside {
        float: right;
        vertical-align: top;
        width: 260px;
        padding-left: 40px
    }
}

@media (min-width:1100px) {
    .main>aside {
        width: 500px
    }
}

.main.no-sidebar {
    background: 0 0
}

.content-wrapper {
    width: 100%
}

@media (min-width:720px) {
    .content-wrapper {
        float: left;
        margin-right: -260px
    }
}

@media (min-width:1100px) {
    .content-wrapper {
        margin-right: -500px
    }
}

.content-wrapper>#content {
    position: relative;
    box-sizing: border-box;
    width: auto
}

@media (min-width:720px) {
    .content-wrapper>#content {
        float: left;
        vertical-align: top;
        margin-right: 260px;
        padding-top: 60px
    }
}

@media (min-width:1100px) {
    .content-wrapper>#content {
        margin-right: 500px
    }
}

.content-wrapper>#content img {
    display: block;
    width: 100%;
    margin-bottom: 25px
}

@media (min-width:720px) {
    .content-wrapper>#content img {
        padding-right: 60px;
        margin-bottom: 2em
    }
}

h1 {
    font-size: 32px;
    line-height: 50px
}

h2,
h3 {
    font-size: 20px;
    line-height: 25px
}

@media (min-width:720px) {
    h2 {
        font-size: 25px;
        line-height: 34px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2E2E2E;
    margin-bottom: .6em;
    text-align: center
}

@media (min-width:720px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-align: left;
        margin-bottom: 1em
    }
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p {
    display: block;
    color: #444;
    font-weight: 400;
    text-align: center
}

@media (min-width:720px) {
    h1 span,
    h2 span,
    h3 span,
    h4 span,
    h5 span,
    h6 span,
    p {
        text-align: left
    }
}

#intro .image-intro {
    position: relative;
    display: none;
    margin-top: 50px;
    margin-bottom: -10px
}

@media (min-width:870px) {
    #intro .image-intro {
        display: block
    }
}

#intro .image-intro img {
    width: 100%
}

#intro .image-intro .text {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    padding: 30px 30px 0;
    overflow: hidden
}

#intro .image-intro .text h1 {
    font-size: 50px;
    line-height: 54px;
    color: #fff;
    margin: 0
}

@media (min-width:1100px) {
    #intro .image-intro .text h1 {
        font-size: 60px;
        line-height: 64px
    }
}

#intro .image-intro .text h2 {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    margin: 0
}

#intro .image-intro .text h1,
#intro .image-intro .text h2 {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .7)
}

section.article-slider {
    margin-bottom: 50px
}

section.article-slider article {
    margin-bottom: 50px;
    text-align: center;
    width: 100%
}

@media (min-width:720px) {
    section.article-slider article {
        margin-bottom: 25px
    }
}

@media (min-width:720px) {
    section.article-slider article {
        text-align: left
    }
}

section.article-slider article p {
    margin-bottom: 1em
}

section.article-slider article a.more {
    color: #B4B4B4;
    font-size: 11px;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .25s
}

section.article-slider article a.more:hover {
    color: #646464
}

@media (min-width:720px) {
    section.article-slider article a.more {
        display: none
    }
}

section.article-slider article p a.more {
    display: none;
    margin-top: 0;
    transition: color .25s
}

section.article-slider article p a.more:hover {
    color: #646464
}

section.article-slider article p a.more:before {
    content: '> '
}

@media (min-width:720px) {
    section.article-slider article p a.more {
        display: inline
    }
}

section.article-slider article .text {
    padding: 0 25px
}

@media (min-width:720px) {
    section.article-slider article .text {
        padding: 0 40px 0 0
    }
}

@media (min-width:1100px) {
    section.article-slider article .text {
        padding: 0 60px 0 0
    }
}

section.article-slider article footer {
    display: none;
    color: #2E2E2E;
    font-size: 12px
}

@media (min-width:720px) {
    section.article-slider article footer {
        display: block
    }
}

section.article-slider article footer span {
    text-transform: uppercase;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal
}

section.article-slider article footer span:after {
    content: ' — '
}

section.article-slider .pager a {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 15px;
    background-image: none;
    background-color: #D8D8D8;
    transition: background-color, .2s
}

section.article-slider .pager a:hover {
    background-color: #323232
}

section.article-slider .pager a.cycle-pager-active {
    background-image: url(../images/structure/pager-item-active.gif)
}

section.article-slider>footer {
    position: relative;
    border-top: solid 1px #DCDCDC;
    border-bottom: solid 1px #DCDCDC;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 25px
}

@media (min-width:720px) {
    section.article-slider>footer {
        display: none
    }
}

section.article-slider>footer a {
    text-transform: uppercase;
    font-size: 11px;
    color: #969696;
    text-decoration: none
}

section.article-slider>footer a:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background-image: url(../images/structure/icons.svg);
    background-position: -20px 0;
    background-size: 30px 10px
}

#content section.article-list header {
    display: none;
    position: relative;
    border-top: solid 1px #DCDCDC;
    border-bottom: solid 1px #DCDCDC;
    height: 50px;
    line-height: 50px
}

@media (min-width:720px) {
    #content section.article-list header {
        display: block
    }
}

#content section.article-list header h2 {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 50px
}

#content section.article-list header>a {
    position: absolute;
    right: 60px;
    top: 0;
    text-transform: uppercase;
    font-size: 11px;
    color: #969696;
    text-decoration: none;
    transition: color .25s
}

#content section.article-list header>a:hover {
    color: #646464
}

#content section.article-list header>a:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background-image: url(../images/structure/icons.svg);
    background-position: -20px 0;
    background-size: 30px 10px
}

#content section.article-list>footer {
    position: relative;
    border-top: solid 1px #DCDCDC;
    border-bottom: solid 1px #DCDCDC;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 25px
}

@media (min-width:720px) {
    #content section.article-list>footer {
        display: none
    }
}

#content section.article-list>footer a {
    text-transform: uppercase;
    font-size: 11px;
    color: #969696;
    text-decoration: none
}

#content section.article-list>footer a:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background-image: url(../images/structure/icons.svg);
    background-position: -20px 0;
    background-size: 30px 10px
}

#content section.article-list article {
    position: relative;
    text-align: center;
    margin-bottom: 50px
}

#content section.article-list article a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

#content section.article-list article time {
    display: none
}

#content section.article-list article .text {
    padding: 0 25px
}

#content section.article-list article a.more {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    color: #B4B4B4;
    margin: 1em 0;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal
}

@media (min-width:720px) {
    #content section.article-list article {
        border-bottom: solid 1px #DCDCDC;
        padding: 20px 0;
        text-align: left;
        margin-bottom: 0;
        cursor: pointer
    }
    #content section.article-list article:last-child {
        border-bottom: none
    }
    #content section.article-list article div,
    #content section.article-list article p {
        font-size: 13px;
        line-height: 20px;
        color: #646464
    }
    #content section.article-list article p {
        display: none
    }
    @media (min-width:1100px) {
        #content section.article-list article p {
            display: block
        }
    }
    #content section.article-list article .img {
        position: absolute;
        width: 150px;
        height: 79px;
        margin-top: 4px;
        overflow: hidden
    }
    #content section.article-list article .img img {
        opacity: 1;
        height: 105%;
        width: auto;
        transition: opacity .3s
    }
    #content section.article-list article .text {
        box-sizing: border-box;
        padding: 0 60px 0 180px
    }
    #content section.article-list article time {
        display: block;
        font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 12px;
        color: #646464;
        margin-bottom: 7px
    }
    #content section.article-list article h3 {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 7px
    }
    #content section.article-list article a.more {
        display: inline-block;
        text-transform: uppercase;
        font-size: 11px;
        text-decoration: none;
        color: #B4B4B4;
        margin: 7px 0;
        font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
        font-weight: 700;
        font-style: normal;
        transition: color .25s
    }
    #content section.article-list article a.more:hover {
        color: #646464
    }
    #content section.article-list article:hover .img img {
        opacity: .8
    }
    #content section.article-list article:hover a.more {
        color: #646464
    }
}

#content section.article-list .mu-preloader {
    display: none;
    margin: 25px 0
}

#content section.article-list[data-request] .mu-preloader {
    display: block
}

aside section.article-list {
    display: none
}

@media (min-width:720px) {
    aside section.article-list {
        display: block
    }
}

aside section.article-list header h2 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0
}

aside section.article-list article {
    border-top: solid 1px #DCDCDC;
    padding: 25px 0 20px
}

aside section.article-list article::after {
    clear: both;
    content: "";
    display: table
}

aside section.article-list article img {
    display: none;
    width: 100px;
    float: left;
    margin: 1px 0 0
}

@media (min-width:1100px) {
    aside section.article-list article img {
        display: block
    }
}

aside section.article-list article .text {
    margin-top: -10px
}

@media (min-width:1100px) {
    aside section.article-list article .text {
        float: right;
        width: 340px
    }
}

aside section.article-list article h4 {
    color: red;
    font-size: 12px;
    text-transform: uppercase;
    margin: 5px 0
}

aside section.article-list article h3 {
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0
}

@media (min-width:870px) {
    aside section.article-list article h3 {
        font-size: 17px;
        line-height: 25px
    }
}

aside section.article-list article a.more {
    font-size: 11px;
    text-transform: uppercase;
    color: #B4B4B4;
    text-decoration: none;
    margin: 5px 0;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    transition: color .25s
}

aside section.article-list article a.more:hover {
    color: #646464
}

section.article-navigator {
    margin-bottom: 40px
}

section.article-navigator::after {
    clear: both;
    content: "";
    display: table
}

@media (min-width:1100px) {
    section.article-navigator {
        margin-bottom: 50px
    }
}

section.article-navigator>header {
    background: #2E2E2E;
    color: #fff;
    height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    margin-bottom: 20px
}

@media (min-width:720px) {
    section.article-navigator>header {
        margin-bottom: 40px
    }
}

section.article-navigator>footer {
    position: relative;
    border-top: solid 1px #DCDCDC;
    border-bottom: solid 1px #DCDCDC;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 25px
}

@media (min-width:720px) {
    section.article-navigator>footer {
        display: none
    }
}

section.article-navigator>footer a {
    text-transform: uppercase;
    font-size: 11px;
    color: #969696;
    text-decoration: none
}

section.article-navigator>footer a:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background-image: url(../images/structure/icons.svg);
    background-position: -20px 0;
    background-size: 30px 10px
}

section.article-navigator .articles {
    display: block;
    position: relative
}

section.article-navigator .articles .mu-preloader,
section.article-navigator .articles.loading .mu-preloader {
    display: none
}

@media (min-width:1100px) {
    section.article-navigator .articles.loading .mu-preloader {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 9999
    }
    section.article-navigator .articles.loading .mu-preloader div {
        margin-top: 200px;
        background-color: #d5d5d5
    }
}

section.article-navigator .articles article {
    margin-bottom: 50px;
    text-align: center
}

section.article-navigator .articles article .text {
    padding: 0 25px
}

section.article-navigator .articles article h2,
section.article-navigator .articles article time {
    font-size: 20px;
    line-height: 25px;
    color: #2E2E2E;
    margin-bottom: 0;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal
}

section.article-navigator .articles article h3 {
    color: #444;
    font-weight: 400;
    margin-bottom: 10px
}

section.article-navigator .articles article p {
    margin-top: 10px
}

section.article-navigator .articles article .type {
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: red;
    margin-bottom: 10px
}

section.article-navigator .articles article a.more {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    color: #B4B4B4;
    margin: 1em 0;
    transition: color .25s
}

section.article-navigator .articles article a.more:hover {
    color: #646464
}

section.article-navigator .articles article p a.more {
    display: none
}

@media (min-width:720px) {
    section.article-navigator .articles {
        display: none
    }
}

@media (min-width:1100px) {
    section.article-navigator .articles {
        display: block;
        width: 220px;
        height: 450px;
        overflow: hidden;
        float: left
    }
}

@media (min-width:720px) {
    section.article-navigator .articles article {
        height: 450px;
        margin-bottom: 0;
        text-align: left;
        width: 100%
    }
    section.article-navigator .articles article .text {
        padding: 0
    }
    section.article-navigator .articles article img {
        margin-bottom: 0
    }
    section.article-navigator .articles article h2,
    section.article-navigator .articles article time {
        display: block;
        text-align: center;
        font-size: 17px;
        font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #2E2E2E;
        margin: 0
    }
    section.article-navigator .articles article h3 {
        text-align: center;
        font-size: 17px;
        line-height: 20px;
        font-weight: 400;
        color: #4F4F4F;
        margin-bottom: 10px
    }
    section.article-navigator .articles article .type {
        border-bottom: dotted 1px #444;
        margin-bottom: 0
    }
    section.article-navigator .articles article p {
        font-family: Georgia, serif;
        color: #2E2E2E;
        font-size: 12px;
        line-height: 17px;
        padding: 10px
    }
    @media (min-width:1100px) {
        section.article-navigator .articles article p {
            padding: 10px 0
        }
    }
    section.article-navigator .articles article a.more {
        color: #B4B4B4;
        font-size: 10px;
        font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
        font-weight: 700;
        font-style: normal;
        text-transform: uppercase;
        text-decoration: none;
        transition: color .25s
    }
    section.article-navigator .articles article a.more:hover {
        color: #646464
    }
    section.article-navigator .articles article a.more:before {
        content: '> '
    }
    section.article-navigator .articles article a.more {
        display: none
    }
    section.article-navigator .articles article p a.more {
        display: inline
    }
}

section.article-navigator .navigation {
    position: relative;
    float: right;
    width: 220px;
    display: none
}

@media (min-width:720px) {
    section.article-navigator .navigation {
        display: block
    }
}

@media (min-width:1100px) {
    section.article-navigator .navigation {
        height: auto
    }
}

section.article-navigator .navigation ul {
    margin: 0;
    padding: 0;
    list-style: none
}

section.article-navigator .navigation ul li ul {
    display: block
}

@media (min-width:1100px) {
    section.article-navigator .navigation ul li ul {
        display: none
    }
}

section.article-navigator .navigation li {
    background-color: #F4F4F4;
    margin: 0 0 2px;
    padding: 0;
    overflow: hidden
}

@media (min-width:1100px) {
    section.article-navigator .navigation li {
        overflow: visible
    }
}

section.article-navigator .navigation li a {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    text-decoration: none;
    padding: 5px 10px
}

@media (min-width:1100px) {
    section.article-navigator .navigation li a {
        padding: 12px
    }
}

section.article-navigator .navigation li h2,
section.article-navigator .navigation li h3,
section.article-navigator .navigation li p,
section.article-navigator .navigation li time {
    color: #969696
}

section.article-navigator .navigation li h2,
section.article-navigator .navigation li time {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin: 0
}

@media (min-width:1100px) {
    section.article-navigator .navigation li h2,
    section.article-navigator .navigation li time {
        font-size: 15px
    }
}

section.article-navigator .navigation li h3,
section.article-navigator .navigation li p {
    display: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0
}

@media (min-width:1100px) {
    section.article-navigator .navigation li h3,
    section.article-navigator .navigation li p {
        display: block
    }
}

section.article-navigator .navigation li h2.author-title {
    display: none
}

@media (min-width:1100px) {
    section.article-navigator .navigation li h2.author-title {
        display: block
    }
}

section.article-navigator .navigation li h3.author {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
}

@media (min-width:1100px) {
    section.article-navigator .navigation li h3.author {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400
    }
}

section.article-navigator .navigation li ul li {
    margin-top: 2px;
    background-color: #fff;
    margin-bottom: 0;
    height: 0
}

section.article-navigator .navigation li ul li img {
    margin-bottom: 0
}

section.article-navigator .navigation li ul li h2 {
    display: block;
    font-size: 17px;
    line-height: 25px;
    color: #2E2E2E;
    font-weight: 400;
    text-align: center;
    margin: 5px 10px
}

section.article-navigator .navigation li ul li h3 {
    display: block;
    font-size: 17px;
    line-height: 20px;
    color: #444;
    font-weight: 400;
    text-align: center;
    margin: 5px 10px
}

section.article-navigator .navigation li ul li .type {
    display: block;
    font-size: 10px;
    line-height: 20px;
    border-bottom: dotted 1px #2E2E2E;
    text-align: center;
    color: red;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase
}

section.article-navigator .navigation li ul li p {
    display: block;
    font-family: Georgia, serif;
    color: #444;
    margin: 10px
}

section.article-navigator .navigation li ul li a.more {
    display: none
}

section.article-navigator .navigation li ul li p a.more {
    display: inline;
    text-transform: uppercase;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    background: 0 0;
    font-size: 10px;
    color: #B4B4B4;
    transition: color .25s
}

section.article-navigator .navigation li ul li p a.more:hover {
    color: #646464
}

section.article-navigator .navigation li ul li p a.more:before {
    content: '> '
}

section.article-navigator .navigation li:first-child ul li {
    height: auto
}

section.article-navigator .navigation li a:hover,
section.article-navigator .navigation li.active a {
    background-color: #2E2E2E
}

@media (min-width:1100px) {
    section.article-navigator .navigation li a:hover:before,
    section.article-navigator .navigation li.active a:before {
        position: absolute;
        left: -10px;
        top: 0;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 0;
        border-color: transparent #2E2E2E transparent transparent
    }
}

section.article-navigator .navigation li a:hover h2,
section.article-navigator .navigation li a:hover h3,
section.article-navigator .navigation li a:hover p,
section.article-navigator .navigation li a:hover time,
section.article-navigator .navigation li.active a h2,
section.article-navigator .navigation li.active a h3,
section.article-navigator .navigation li.active a p,
section.article-navigator .navigation li.active a time {
    color: #fff
}

section.article-navigator .arrow-down,
section.article-navigator .arrow-up {
    display: none;
    position: absolute;
    width: 100%;
    top: -25px;
    text-align: center
}

section.article-navigator .arrow-down p,
section.article-navigator .arrow-down p a,
section.article-navigator .arrow-up p,
section.article-navigator .arrow-up p a {
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #B4B4B4;
    line-height: 20px;
    text-decoration: none;
    transition: color .25s
}

section.article-navigator .arrow-down p a:hover,
section.article-navigator .arrow-down p:hover,
section.article-navigator .arrow-up p a:hover,
section.article-navigator .arrow-up p:hover {
    color: #646464
}

section.article-navigator .arrow-down img,
section.article-navigator .arrow-up img {
    margin: 0;
    width: 16px;
    cursor: pointer
}

section.article-navigator .arrow-down {
    top: auto;
    bottom: -45px
}

@media (min-width:1100px) {
    section.article-navigator[data-request] .arrow-down,
    section.article-navigator[data-request] .arrow-up {
        display: block
    }
}

@media (min-width:1100px) {
    section.article-navigator.loading li a:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: url(../images/structure/loading-nav-item.png) #f4f4f4
    }
}

section.play-and-learn {
    position: relative;
    margin: 0 25px 40px;
    text-align: center
}

@media (min-width:720px) {
    section.play-and-learn {
        margin: 0 0 40px;
        padding: 15px 0;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc
    }
}

@media (min-width:1100px) {
    section.play-and-learn {
        text-align: left;
        height: 80px;
        margin-bottom: 50px;
        padding: 10px 0
    }
    section.play-and-learn br {
        display: none
    }
}

section.play-and-learn a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

section.play-and-learn .hover {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 485px;
    z-index: 1
}

section.play-and-learn .hover img {
    margin: 0
}

@media (min-width:1100px) {
    section.play-and-learn:hover .hover {
        display: block
    }
}

section.play-and-learn img.circle {
    width: 80px;
    height: 80px;
    margin: 0
}

@media (min-width:1100px) {
    section.play-and-learn img.circle {
        position: absolute
    }
}

section.play-and-learn .text {
    position: relative;
    box-sizing: border-box;
    top: 10px
}

@media (min-width:1100px) {
    section.play-and-learn .text {
        top: 20px;
        padding-left: 100px
    }
}

section.play-and-learn h2 {
    color: #2D2D2D;
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 22px;
    text-align: center
}

@media (min-width:1100px) {
    section.play-and-learn h2 {
        margin-bottom: 0;
        text-align: left
    }
}

section.play-and-learn p {
    color: #969696;
    font-size: 13px;
    line-height: 17px;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-align: center
}

@media (min-width:1100px) {
    section.play-and-learn p {
        text-align: left;
        margin-bottom: 0;
        margin-top: 7px
    }
}

section.links-grid {
    display: none;
    text-align: justify;
    line-height: 1px;
    position: relative;
    margin-bottom: 20px;
    background-color: #333
}

@media (min-width:720px) {
    section.links-grid {
        background-color: transparent
    }
}

@media (min-width:1100px) {
    section.links-grid {
        margin-left: -20px;
        display: block;
        margin-bottom: 30px
    }
}

section.links-grid::after {
    clear: both;
    content: "";
    display: table
}

section.links-grid article {
    position: relative;
    float: left;
    width: 220px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 0
}

@media (min-width:720px) {
    section.links-grid article {
        margin-bottom: 20px
    }
}

@media (min-width:1100px) {
    section.links-grid article {
        margin-left: 20px
    }
}

section.links-grid article a {
    display: block;
    width: 100%;
    height: 100%
}

section.links-grid article .image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

section.links-grid article .image img {
    width: 100%;
    height: 100%
}

section.links-grid article .text {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    top: 100%;
    margin-top: -30px;
    padding-bottom: 30px
}

section.links-grid article .text .overlay-image {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 45px;
    background-position: center center;
    background-repeat: no-repeat
}

section.links-grid article .text h2,
section.links-grid article .text h3,
section.links-grid article .text h3 span {
    color: #fff
}

section.links-grid article .text h2 {
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    margin: 0
}

section.links-grid article .text h3 {
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    padding: 0 10px;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

section.links-grid article .text h3>div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.links-grid article .text h3 span {
    text-align: center;
    font-weight: 200
}

section.quote {
    background-color: #F9F9F9;
    margin: 0 25px 40px
}

@media (min-width:720px) {
    section.quote {
        margin: 0 0 40px
    }
}

@media (min-width:1100px) {
    section.quote {
        margin-bottom: 50px
    }
}

section.quote h2 {
    background: #000;
    color: #fff;
    height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    margin: 0
}

section.quote a {
    box-sizing: border-box;
    width: 100%;
    text-decoration: none;
    display: block;
    padding: 20px
}

section.quote .txt {
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 20px;
    color: #2E2E2E;
    text-align: center;
    font-weight: 400;
    margin-bottom: 15px
}

section.quote .txt:before {
    content: '“'
}

section.quote .txt:after {
    content: '”'
}

@media (min-width:1100px) {
    section.quote .txt {
        font-size: 17px;
        line-height: 23px
    }
}

section.quote footer:before {
    content: '';
    display: block;
    width: 50px;
    height: 0;
    border-top: 1px solid #DCDCDC;
    margin: 0 auto 15px
}

section.quote footer h3 {
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    display: none
}

@media (min-width:1100px) {
    section.quote footer h3 {
        display: block
    }
}

section.quote footer>p {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #646464;
    margin: 0;
    display: none
}

@media (min-width:1100px) {
    section.quote footer>p {
        display: block
    }
}

section.quote footer .more {
    text-align: center;
    margin: -10px 0 0;
    padding: 0;
    font-size: 11px;
    color: #B4B4B4;
    text-transform: uppercase;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal
}

@media (min-width:1100px) {
    section.quote footer .more {
        display: none
    }
}

section.blue-block {
    background-color: #6487B4;
    margin: 0 25px 40px
}

@media (min-width:720px) {
    section.blue-block {
        margin: 0 0 40px
    }
}

@media (min-width:1100px) {
    section.blue-block {
        margin-bottom: 50px
    }
}

section.blue-block br {
    display: none
}

section.blue-block a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    padding: 10px 20px 25px
}

@media (min-width:720px) {
    section.blue-block a br {
        display: inline
    }
}

@media (min-width:1100px) {
    section.blue-block a br {
        display: none
    }
}

section.blue-block h2 {
    color: #cbd3fd;
    text-align: center;
    font-size: 12px;
    line-height: auto;
    text-transform: uppercase;
    margin: 5px 0 7px
}

section.blue-block h3 {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    margin: 0
}

@media (min-width:1100px) {
    section.blue-block h3 {
        font-size: 20px;
        line-height: 24px
    }
}

section.blue-block p {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-align: center
}

@media (min-width:1100px) {
    section.blue-block p {
        font-size: 20px;
        line-height: 24px
    }
    section.blue-block p br {
        display: none
    }
}

#content .social {
    padding-top: 25px
}

#content .social ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#content .social li {
    position: relative;
    display: inline-block;
    margin: 0 3px
}

#content .social li .white_hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background-color: #fff;
    opacity: 1;
    transition: opacity .2s
}

#content .social li:hover .white_hover {
    opacity: 0
}

#content .social li.facebook {
    top: -6px
}

.mobile #content .social .white_hover {
    display: none
}

@media (min-width:870px) {
    #content article.item header,
    #content article.shop-item header,
    #content article.text header {
        display: none
    }
}

#content article.item header h1,
#content article.shop-item header h1,
#content article.text header h1 {
    color: #444;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 0
}

#content article.item header h2,
#content article.shop-item header h2,
#content article.text header h2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #646464
}

@media (min-width:720px) {
    #content article.item header h1,
    #content article.item header h2,
    #content article.shop-item header h1,
    #content article.shop-item header h2,
    #content article.text header h1,
    #content article.text header h2 {
        font-size: 25px;
        line-height: 30px;
        padding-right: 25px
    }
}

#content article.item .social,
#content article.shop-item .social,
#content article.text .social {
    margin: 25px;
    border-top: solid 1px #DCDCDC;
    text-align: center
}

@media (min-width:720px) {
    #content article.item .social,
    #content article.shop-item .social,
    #content article.text .social {
        border: none;
        margin: 25px 25px 25px 0;
        text-align: left;
        padding-top: 0
    }
}

@media (min-width:870px) {
    #content article.item .social,
    #content article.shop-item .social,
    #content article.text .social {
        margin-top: 0
    }
}

#content article.item .info-bar,
#content article.shop-item .info-bar,
#content article.text .info-bar {
    border-top: solid 1px #DCDCDC;
    border-bottom: solid 1px #DCDCDC;
    margin: 25px;
    text-align: center;
    padding: 15px 0;
    font-size: 12px
}

@media (min-width:720px) {
    #content article.item .info-bar,
    #content article.shop-item .info-bar,
    #content article.text .info-bar {
        text-align: left;
        margin: 25px 25px 25px 0
    }
}

@media (min-width:870px) {
    #content article.item .info-bar,
    #content article.shop-item .info-bar,
    #content article.text .info-bar {
        margin: 25px 0
    }
}

#content article.item>.text,
#content article.shop-item>.text,
#content article.text>.text {
    margin: 0 25px;
    font-size: 14px;
    line-height: 19px
}

@media (min-width:720px) {
    #content article.item>.text,
    #content article.shop-item>.text,
    #content article.text>.text {
        margin: 0 25px 0 0;
        font-size: 15px;
        line-height: 22px
    }
}

@media (min-width:1100px) {
    #content article.item>.text,
    #content article.shop-item>.text,
    #content article.text>.text {
        font-size: 16px;
        line-height: 24px
    }
}

#content article.item>.text a,
#content article.shop-item>.text a,
#content article.text>.text a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #444
}

#content article.item>.text a:after,
#content article.shop-item>.text a:after,
#content article.text>.text a:after {
    content: '';
    position: absolute;
    top: 90%;
    right: 0;
    bottom: -1px;
    left: 0;
    background-color: rgba(0, 0, 0, .1);
    transition: top .25s
}

#content article.item>.text a:hover,
#content article.shop-item>.text a:hover,
#content article.text>.text a:hover {
    border-bottom-color: #DCDCDC
}

#content article.item>.text a:hover:after,
#content article.shop-item>.text a:hover:after,
#content article.text>.text a:hover:after {
    top: 0
}

#content article.item>.text a.annotation-link,
#content article.shop-item>.text a.annotation-link,
#content article.text>.text a.annotation-link {
    display: inline;
    text-decoration: none;
    background-color: #E6E6E6;
    border-bottom: none;
    transition: background-color .25s
}

#content article.item>.text a.annotation-link:after,
#content article.shop-item>.text a.annotation-link:after,
#content article.text>.text a.annotation-link:after {
    display: none
}

#content article.item>.text a.annotation-link:hover,
#content article.shop-item>.text a.annotation-link:hover,
#content article.text>.text a.annotation-link:hover {
    background-color: #DCDCDC
}

#content article.item>.text h1,
#content article.item>.text h2,
#content article.item>.text h3,
#content article.item>.text h4,
#content article.item>.text h5,
#content article.item>.text h6,
#content article.item>.text p,
#content article.shop-item>.text h1,
#content article.shop-item>.text h2,
#content article.shop-item>.text h3,
#content article.shop-item>.text h4,
#content article.shop-item>.text h5,
#content article.shop-item>.text h6,
#content article.shop-item>.text p,
#content article.text>.text h1,
#content article.text>.text h2,
#content article.text>.text h3,
#content article.text>.text h4,
#content article.text>.text h5,
#content article.text>.text h6,
#content article.text>.text p {
    text-align: left;
    margin: 1.5em 0;
    color: #444
}

#content article.item>.text h3,
#content article.shop-item>.text h3,
#content article.text>.text h3 {
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 20px;
    line-height: 22px
}

@media (min-width:870px) {
    #content article.item>.text h3,
    #content article.shop-item>.text h3,
    #content article.text>.text h3 {
        font-size: 24px;
        line-height: 28px
    }
}

#content article.item>.text blockquote,
#content article.shop-item>.text blockquote,
#content article.text>.text blockquote {
    font-size: 16px;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 25px 0;
    margin: 1.5em 0;
    border-top: solid 1px #DCDCDC;
    border-bottom: solid 1px #DCDCDC;
    text-align: center
}

@media (min-width:870px) {
    #content article.item>.text blockquote,
    #content article.shop-item>.text blockquote,
    #content article.text>.text blockquote {
        font-size: 22px;
        line-height: 29px;
        margin: 1.5em -25px 1.5em 0;
        padding: 25px 50px 25px 25px
    }
}

#content article.item>.text blockquote p,
#content article.shop-item>.text blockquote p,
#content article.text>.text blockquote p {
    display: inline;
    margin: 0
}

#content article.item>.text blockquote:before,
#content article.shop-item>.text blockquote:before,
#content article.text>.text blockquote:before {
    content: '“'
}

#content article.item>.text blockquote:after,
#content article.shop-item>.text blockquote:after,
#content article.text>.text blockquote:after {
    content: '”'
}

#content article.item>.text .annotation,
#content article.shop-item>.text .annotation,
#content article.text>.text .annotation {
    display: none;
    background-color: #E6E6E6;
    margin: 1.5em 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 18px;
    height: 0
}

#content article.item>.text .annotation a:after,
#content article.shop-item>.text .annotation a:after,
#content article.text>.text .annotation a:after {
    display: none
}

#content article.item>.text .annotation.active,
#content article.shop-item>.text .annotation.active,
#content article.text>.text .annotation.active {
    display: block
}

@media (min-width:870px) {
    #content article.item>.text .annotation,
    #content article.shop-item>.text .annotation,
    #content article.text>.text .annotation {
        margin: 1.5em -25px 1.5em 0;
        padding-right: 50px;
        font-size: 14px;
        line-height: 20px
    }
}

#content article.item>.text .annotation img,
#content article.shop-item>.text .annotation img,
#content article.text>.text .annotation img {
    width: 135px;
    height: 90px;
    margin: 0 25px 0 0;
    padding: 0
}

#content article.item>.text .annotation .inner,
#content article.shop-item>.text .annotation .inner,
#content article.text>.text .annotation .inner {
    padding: 25px
}

@media (min-width:720px) {
    #content article.item>.text .annotation .inner,
    #content article.shop-item>.text .annotation .inner,
    #content article.text>.text .annotation .inner {
        display: table
    }
}

@media (min-width:870px) {
    #content article.item>.text .annotation .inner,
    #content article.shop-item>.text .annotation .inner,
    #content article.text>.text .annotation .inner {
        padding: 25px 0 25px 25px
    }
}

#content article.item>.text .annotation .inner>.image,
#content article.shop-item>.text .annotation .inner>.image,
#content article.text>.text .annotation .inner>.image {
    margin-bottom: 25px
}

@media (min-width:720px) {
    #content article.item>.text .annotation .inner>.image,
    #content article.shop-item>.text .annotation .inner>.image,
    #content article.text>.text .annotation .inner>.image {
        display: table-cell;
        margin-bottom: 0;
        vertical-align: top
    }
}

@media (min-width:720px) {
    #content article.item>.text .annotation .inner>.text,
    #content article.shop-item>.text .annotation .inner>.text,
    #content article.text>.text .annotation .inner>.text {
        display: table-cell;
        vertical-align: top
    }
}

#content article.item>.text .annotation h4,
#content article.shop-item>.text .annotation h4,
#content article.text>.text .annotation h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

#content article.item>.text .annotation p,
#content article.shop-item>.text .annotation p,
#content article.text>.text .annotation p {
    margin: 0
}

#content article.item>.text figure,
#content article.shop-item>.text figure,
#content article.text>.text figure {
    margin: 1.5em -25px
}

@media (min-width:720px) {
    #content article.item>.text figure,
    #content article.shop-item>.text figure,
    #content article.text>.text figure {
        margin: 1.5em 0
    }
}

@media (min-width:870px) {
    #content article.item>.text figure,
    #content article.shop-item>.text figure,
    #content article.text>.text figure {
        margin: 1.5em -25px 1.5em 0
    }
}

#content article.item>.text figure img,
#content article.shop-item>.text figure img,
#content article.text>.text figure img {
    margin-bottom: 10px
}

#content article.item>.text figure figcaption,
#content article.shop-item>.text figure figcaption,
#content article.text>.text figure figcaption {
    margin: 0 25px;
    font-size: 11px;
    line-height: 15px;
    color: #2E2E2E
}

@media (min-width:720px) {
    #content article.item>.text figure figcaption,
    #content article.shop-item>.text figure figcaption,
    #content article.text>.text figure figcaption {
        margin: 0
    }
}

@media (min-width:870px) {
    #content article.item>.text figure figcaption,
    #content article.shop-item>.text figure figcaption,
    #content article.text>.text figure figcaption {
        margin: 0 25px 0 0
    }
}

#content article.item>.text figure figcaption a,
#content article.shop-item>.text figure figcaption a,
#content article.text>.text figure figcaption a {
    display: inline;
    font-size: 9px;
    color: #828282;
    border: none;
    transition: color .25s
}

#content article.item>.text figure figcaption a:after,
#content article.shop-item>.text figure figcaption a:after,
#content article.text>.text figure figcaption a:after {
    display: none
}

#content article.item>.text figure figcaption a:hover,
#content article.shop-item>.text figure figcaption a:hover,
#content article.text>.text figure figcaption a:hover {
    color: #646464
}

#content article.item {
    margin-bottom: 50px
}

#content article.item header {
    display: block
}

aside article.expo-info {
    display: none
}

@media (min-width:720px) {
    aside article.expo-info {
        display: block
    }
}

aside article.expo-info::after {
    clear: both;
    content: "";
    display: table
}

aside article.expo-info>.text {
    border-top: solid 2px #000;
    margin-bottom: 50px;
    width: 220px;
    float: left
}

aside article.expo-info>.text h2 {
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: dotted 1px #d0d0d0;
    margin: 0
}

@media (min-width:870px) {
    aside article.expo-info>.text h2 {
        font-size: 14px
    }
}

aside article.expo-info>.text div {
    padding: 10px 0;
    border-bottom: dotted 1px #d0d0d0;
    font-size: 14px
}

@media (min-width:870px) {
    aside article.expo-info>.text div {
        font-size: 15px
    }
}

aside article.expo-info>.text div h3 {
    color: #E26159;
    font-size: 13px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0
}

@media (min-width:870px) {
    aside article.expo-info>.text div h3 {
        font-size: 14px
    }
}

aside article.expo-info .images {
    width: 220px;
    float: right
}

aside article.expo-info .images section.links-grid {
    display: block
}

aside article.expo-info .images h2 {
    padding: 0
}

aside article.expo-info .images.playAndLearn {
    width: 100%
}

@media (min-width:720px) {
    #content article.expo-info {
        display: none
    }
}

#content article.expo-info>.text {
    border-top: solid 1px #DCDCDC;
    margin: 0 25px
}

#content article.expo-info>.text h2 {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: dotted 1px #d0d0d0;
    margin: 0;
    text-align: left
}

#content article.expo-info>.text div {
    padding: 15px 0;
    border-bottom: dotted 1px #d0d0d0;
    text-align: left
}

#content article.expo-info>.text div::after {
    clear: both;
    content: "";
    display: table
}

#content article.expo-info>.text div:last-child {
    border-bottom: none
}

#content article.expo-info>.text div h3 {
    color: #E26159;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
    text-align: left;
    width: 50%;
    float: left
}

#content article.expo-info>.text div p {
    width: 50%;
    float: left;
    text-align: left;
    padding: 2px 0
}

#content article.expo-info .images {
    margin-top: 10px
}

@media (min-width:720px) {
    #content article.expo-info .images {
        margin-top: 0
    }
}

#content article.expo-info .images:empty {
    border-bottom: 1px solid #DCDCDC;
    margin: 0 25px
}

@media (min-width:720px) {
    #content article.expo-info .images:empty {
        border-bottom: none;
        margin: 0
    }
}

#content article.expo-info .images section.links-grid {
    display: block;
    margin: 0
}

#content article.expo-info .images section.links-grid article {
    width: 50%;
    height: auto
}

#content article.expo-info .images section.links-grid article .image {
    position: relative
}

#content article.expo-info .images section.links-grid article .image img {
    margin: 0
}

#content article.expo-info .images section.links-grid article .text {
    width: 100%;
    top: 100%;
    margin-top: -30px
}

#content article.expo-info .images section.links-grid h2 {
    padding: 0
}

article.video {
    padding-top: 60px;
    text-align: center;
    max-width: 882px;
    margin: 0 auto 25px
}

article.video .iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin: 0 auto
}

article.video .iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

article.video h1 {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    color: #2E2E2E;
    margin: 1em 25px 0
}

@media (min-width:720px) {
    article.video h1 {
        font-size: 30px;
        line-height: 40px
    }
}

article.video h2 {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    color: #646464;
    font-weight: 400;
    margin: 0 25px 1em
}

@media (min-width:720px) {
    article.video h2 {
        font-size: 30px;
        line-height: 40px
    }
}

article.video .social {
    border-top: solid #DCDCDC 1px;
    margin: 0 25px
}

@media (min-width:720px) {
    article.video .social {
        margin: 0
    }
}

section.videos header h2 {
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 0;
    border-top: solid 1px #DCDCDC;
    border-bottom: solid 1px #DCDCDC;
    margin: 0 25px 1em
}

@media (min-width:720px) {
    section.videos header h2 {
        margin: 0 0 1em
    }
}

section.videos ul {
    display: block;
    list-style: none;
    margin: 0
}

section.videos ul::after {
    clear: both;
    content: "";
    display: table
}

@media (min-width:720px) {
    section.videos ul {
        margin: 0 -10px
    }
}

section.videos li {
    float: left;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0
}

@media (min-width:720px) {
    section.videos li {
        width: 50%;
        padding: 10px
    }
}

@media (min-width:870px) {
    section.videos li {
        width: 33.333%
    }
}

@media (min-width:1100px) {
    section.videos li {
        width: 25%
    }
}

section.videos li a {
    text-decoration: none
}

section.videos li .image {
    background-color: #000;
    position: relative
}

section.videos li .image .thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

section.videos li .image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/structure/play-button.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0
}

section.videos li img {
    width: 100%;
    opacity: 1;
    transition: opacity .2s
}

section.videos li:hover img {
    opacity: .5
}

section.videos li:hover .image .overlay {
    opacity: 1
}

section.videos li .text {
    height: 50px;
    overflow: hidden;
    padding: 10px 25px
}

@media (min-width:720px) {
    section.videos li .text {
        padding: 0
    }
}

@media (min-width:870px) {
    section.videos li .text {
        height: 125px
    }
}

section.videos li h3 {
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
    margin: 0;
    text-align: left
}

@media (min-width:870px) {
    section.videos li h3 {
        font-size: 15px;
        line-height: 25px
    }
}

section.videos li p {
    font-size: 14px;
    line-height: 18px;
    color: #646464;
    text-align: left
}

@media (min-width:870px) {
    section.videos li p {
        font-size: 15px;
        line-height: 20px
    }
}

section.videos .mu-preloader {
    display: none;
    margin: 25px 0
}

section.videos[data-request] .mu-preloader {
    display: block
}

#content article.shop-item {
    margin-bottom: 50px
}

#content article.shop-item header {
    display: block;
    margin-bottom: 25px
}

#content article.shop-item header h1,
#content article.shop-item header h2,
#content article.shop-item header p.price {
    padding: 0 25px;
    font-size: 20px;
    line-height: 25px
}

@media (min-width:720px) {
    #content article.shop-item header h1,
    #content article.shop-item header h2,
    #content article.shop-item header p.price {
        margin: 0;
        padding: 0;
        font-size: 25px;
        line-height: 34px
    }
}

#content article.shop-item header h2,
#content article.shop-item header p.price {
    margin-bottom: 0;
    color: #646464
}

@media (min-width:720px) {
    #content article.shop-item header {
        margin-bottom: 35px
    }
}

#content article.shop-item .actions {
    margin: 0 25px
}

#content article.shop-item .actions::after {
    clear: both;
    content: "";
    display: table
}

@media (min-width:720px) {
    #content article.shop-item .actions {
        padding: 25px 0 20px;
        margin: 0 25px 0 0;
        border-top: solid 1px #DCDCDC;
        border-bottom: solid 1px #DCDCDC
    }
}

#content article.shop-item .actions .buy {
    position: relative;
    border-top: solid 1px #DCDCDC;
    text-align: center;
    padding: 20px 0
}

#content article.shop-item .actions .buy::after {
    clear: both;
    content: "";
    display: table
}

@media (min-width:720px) {
    #content article.shop-item .actions .buy {
        text-align: left;
        width: 50%;
        float: left;
        margin: 40px 0 0;
        border: none;
        padding: 0
    }
}

#content article.shop-item .actions .buy .input {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 21px;
    margin: 0;
    padding: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #BABABA;
    background-color: #EFEFEA;
    overflow: hidden;
    box-shadow: inset 0 0 2px 0 rgba(50, 50, 50, .3)
}

@media (min-width:720px) {
    #content article.shop-item .actions .buy .input {
        display: block;
        float: left
    }
}

#content article.shop-item .actions .buy .input input {
    position: relative;
    top: -1px;
    width: 20px;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    background: 0 0;
    border: none;
    text-align: center;
    font-size: 12px;
    color: #000;
    margin: 0 0 0 3px;
    padding: 0
}

#content article.shop-item .actions .buy .button {
    position: relative;
    display: inline-block;
    top: 0;
    height: 21px;
    line-height: 21px;
    margin: 0;
    padding: 0;
    border: 1px solid #444;
    overflow: hidden;
    background-color: #444;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    transition: background-color .2s
}

#content article.shop-item .actions .buy .button:hover {
    background-color: #2E2E2E
}

@media (min-width:720px) {
    #content article.shop-item .actions .buy .button {
        display: block;
        float: left
    }
}

#content article.shop-item .actions .buy .button:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-image: url(../images/structure/icon-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    top: 50%;
    right: 8px;
    margin-top: -5px
}

#content article.shop-item .actions .buy .button input {
    position: relative;
    display: block;
    height: 21px;
    background: 0 0;
    border: none;
    line-height: 21px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    padding: 0 28px 0 10px;
    cursor: pointer
}

#content article.shop-item .actions .social {
    margin: 0;
    border-bottom: solid 1px #DCDCDC;
    padding-bottom: 20px
}

@media (min-width:720px) {
    #content article.shop-item .actions .social {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
        border: none
    }
    #content article.shop-item .actions .social ul {
        text-align: right
    }
}

@media (min-width:720px) {
    #content section.shop-items {
        margin-right: 25px
    }
}

#content section.shop-items header {
    text-align: center;
    background-color: #2E2E2E;
    color: #fff;
    text-transform: uppercase;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px
}

#content section.shop-items ul {
    list-style: none
}

#content section.shop-items ul::after {
    clear: both;
    content: "";
    display: table
}

@media (min-width:720px) {
    #content section.shop-items ul {
        margin: 10px -10px
    }
}

#content section.shop-items li {
    margin-bottom: 20px
}

@media (min-width:720px) {
    #content section.shop-items li {
        box-sizing: border-box;
        width: 50%;
        padding: 10px;
        float: left
    }
}

@media (min-width:1320px) {
    #content section.shop-items li {
        width: 33.333%
    }
}

#content section.shop-items li .text {
    position: relative;
    padding: 10px 25px
}

@media (min-width:720px) {
    #content section.shop-items li .text {
        padding: 10px 0 0;
        height: 100px;
        overflow: hidden
    }
}

#content section.shop-items li>a {
    display: block;
    width: 100%;
    height: 100%
}

#content section.shop-items li a {
    text-decoration: none
}

#content section.shop-items li .image {
    background-color: #000
}

#content section.shop-items li img {
    margin: 0;
    opacity: 1;
    transition: opacity .2s
}

#content section.shop-items li:hover img {
    opacity: .8
}

#content section.shop-items li h3 {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    margin: 0
}

#content section.shop-items li h4 {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #646464;
    font-weight: 400;
    margin: 0
}

#content section.shop-items li p.price {
    color: #00C7A3;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

#content section.shop-items li input {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    padding: 0;
    border: 1px solid #2b2b2b;
    border-radius: 15px;
    text-indent: -9999px;
    background-color: #fff;
    background-image: url(../images/structure/icon-plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    top: 15px;
    right: 25px
}

@media (min-width:720px) {
    #content section.shop-items li input {
        right: 0
    }
}

#content section.shop-items .mu-preloader {
    display: none;
    margin: 25px 0
}

#content section.shop-items[data-request] .mu-preloader {
    display: block
}

aside section.shopping-cart {
    margin-bottom: 50px;
    width: 100%;
    transition: opacity .2s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:720px) {
    aside section.shopping-cart {
        position: fixed;
        width: 220px
    }
}

@media (min-width:1100px) {
    aside section.shopping-cart {
        width: 460px
    }
}

aside section.shopping-cart header {
    border-top: solid 2px #2E2E2E;
    border-bottom: solid 1px #DCDCDC;
    padding: 15px 25px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal
}

@media (min-width:720px) {
    aside section.shopping-cart header {
        margin-left: -40px;
        padding: 15px 0 15px 40px
    }
}

@media (min-width:1100px) {
    aside section.shopping-cart header {
        text-indent: 160px
    }
}

aside section.shopping-cart ul {
    list-style: none
}

aside section.shopping-cart li {
    margin-left: -40px;
    padding: 20px 0 20px 40px;
    border-bottom: solid 1px #DCDCDC
}

aside section.shopping-cart li::after {
    clear: both;
    content: "";
    display: table
}

aside section.shopping-cart li .image,
aside section.shopping-cart li img {
    display: none
}

@media (min-width:1100px) {
    aside section.shopping-cart li .image {
        display: block;
        background: #000;
        width: 120px;
        margin: 0;
        float: left
    }
}

@media (min-width:1100px) {
    aside section.shopping-cart li img {
        display: block;
        width: 120px;
        margin: 0;
        opacity: 1;
        transition: opacity .2s
    }
}

aside section.shopping-cart li .text {
    position: relative;
    margin: 0 25px
}

@media (min-width:720px) {
    aside section.shopping-cart li .text {
        margin: 0
    }
}

@media (min-width:1100px) {
    aside section.shopping-cart li .text {
        float: right;
        width: 300px
    }
}

aside section.shopping-cart li .text h3 {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    text-align: left
}

aside section.shopping-cart li .text h4 {
    font-size: 15px;
    line-height: 25px;
    margin: 0;
    font-weight: 400;
    color: #646464;
    text-align: left
}

aside section.shopping-cart li .text>.actions {
    position: relative;
    font-size: 12px;
    line-height: 30px;
    color: #646464
}

aside section.shopping-cart li .text>.actions input[type=submit] {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 0;
    background: url(../images/structure/icon-cross-dark.png) center center no-repeat;
    border: 1px solid #444;
    padding: 0
}

aside section.shopping-cart .total {
    border-bottom: solid 1px #DCDCDC;
    padding: 15px 25px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal
}

@media (min-width:720px) {
    aside section.shopping-cart .total {
        margin: 0 0 0 -40px;
        padding: 15px 0 15px 40px
    }
}

@media (min-width:1100px) {
    aside section.shopping-cart .total {
        text-indent: 160px
    }
}

aside section.shopping-cart .total span {
    margin-left: 20px
}

aside section.shopping-cart>.actions input {
    margin-top: 20px;
    border-radius: 4px;
    background-color: #444;
    border: none;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    padding: 5px 35px 5px 10px;
    background-image: url(../images/structure/icon-arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    margin-left: 25px;
    transition: background-color .2s
}

aside section.shopping-cart>.actions input:hover {
    background-color: #2E2E2E
}

@media (min-width:720px) {
    aside section.shopping-cart>.actions input {
        margin-left: 0
    }
}

@media (min-width:1100px) {
    aside section.shopping-cart>.actions input {
        margin-left: 160px
    }
}

aside section.shopping-cart .message {
    margin: 0 25px;
    padding: 20px 0
}

@media (min-width:720px) {
    aside section.shopping-cart .message {
        margin: 0
    }
}

@media (min-width:720px) {
    aside section.shopping-cart.affix {
        position: fixed!important;
        opacity: 1
    }
    aside section.shopping-cart.affix-bottom {
        position: relative!important;
        opacity: 0
    }
}

@media (min-width:1100px) {
    aside section.shopping-cart.empty header {
        text-indent: 0
    }
}

@media (min-width:720px) {
    .ios aside section.affix {
        position: fixed!important;
        opacity: 1
    }
    .ios aside section.affix-bottom {
        position: fixed!important;
        opacity: 1;
        top: 0!important
    }
}

.ios #wrapper>footer {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

section.shop-form {
    margin-bottom: 50px
}

@media (min-width:720px) {
    section.shop-form {
        margin-right: 25px
    }
}

section.shop-form header {
    text-align: center;
    background-color: #2E2E2E;
    color: #fff;
    text-transform: uppercase;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px
}

section.shop-form form {
    margin: 25px 25px 0
}

@media (min-width:720px) {
    section.shop-form form {
        margin: 25px 0 0
    }
}

section.shop-form form label {
    font-size: 15px;
    line-height: 22px;
    color: #2E2E2E
}

section.shop-form form .error {
    box-sizing: border-box;
    font-size: 15px;
    color: red;
    background-color: #ffe5e8;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 5px 0
}

section.shop-form form select {
    display: block;
    border: 2px solid #ececec;
    border-radius: 3px;
    width: 100%;
    padding: 10px 15px;
    margin: 5px 0 15px;
    color: #2E2E2E;
    outline: 0;
    transition: border-color .2s
}

section.shop-form form input[type=text] {
    box-sizing: border-box;
    border: 2px solid #ececec;
    border-radius: 3px;
    width: 100%;
    color: #2E2E2E;
    padding: 10px 15px;
    margin: 5px 0 15px;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: none;
    transition: border-color .2s
}

section.shop-form form input[type=text]:focus {
    border-color: #bebebe
}

section.shop-form form input[type=submit] {
    position: relative;
    border-radius: 4px;
    background-color: #444;
    border: none;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    padding: 5px 35px 5px 10px;
    background-image: url(../images/structure/icon-arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    transition: background-color .2s
}

section.shop-form form input[type=submit]:hover {
    background-color: #2E2E2E
}

section.shop-form form input[type=button] {
    position: relative;
    border-radius: 4px;
    background-color: #444;
    border: none;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    padding: 5px 35px 5px 10px;
    background-image: url(../images/structure/icon-cross.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    transition: background-color .2s
}

section.shop-form form input[type=button]:hover {
    background-color: #2E2E2E
}

.mu-preloader {
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.mu-preloader>div {
    width: 10px;
    height: 10px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bounce-delay 1.4s infinite ease-in-out both;
    animation: bounce-delay 1.4s infinite ease-in-out both
}

.mu-preloader .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.mu-preloader .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bounce-delay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounce-delay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.image-slider {
    position: relative
}

.image-slider .images {
    overflow: hidden;
    position: relative
}

.image-slider .pager {
    position: absolute;
    bottom: 50px;
    right: 50px;
    z-index: 10001
}

.image-slider .pager a {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    text-decoration: none;
    margin-left: 12px;
    background-color: rgba(255, 255, 255, .4);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.image-slider .pager a:first-child {
    background-image: url(../images/structure/pager-image-active.gif)
}

section.mobile-sub-navigation {
    width: 100%
}

@media (min-width:720px) {
    section.mobile-sub-navigation {
        display: none
    }
}

section.mobile-sub-navigation ul {
    display: table;
    table-layout: fixed;
    list-style: none;
    width: 100%
}

section.mobile-sub-navigation ul li {
    display: table-cell;
    box-sizing: border-box;
    border-left: 1px solid #DCDCDC;
    height: 60px;
    line-height: 60px;
    width: 1px
}

section.mobile-sub-navigation ul li:first-child {
    border: none
}

section.mobile-sub-navigation ul li a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    background-color: #F4F4F4;
    color: #969696;
    font-size: 12px;
    text-transform: uppercase;
    transition: color .25s, background-color .25s
}

section.mobile-sub-navigation ul li a:hover,
section.mobile-sub-navigation ul li.active a {
    background-color: #FFF;
    color: #000;
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-weight: 700;
    font-style: normal
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10002;
    overflow: hidden;
    position: fixed!important;
    background: #000;
    opacity: .9
}

.mfp-wrap {
    top: 0!important;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10003;
    position: fixed!important;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 10005
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.mfp-preloader {
    color: #fff;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 10004
}

.mfp-preloader a {
    color: #fff
}

.mfp-preloader a:hover {
    color: #eee
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 10006;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #666
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 1;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-iframe-holder {
    padding-top: 0;
    padding-bottom: 0
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    vertical-align: top
}

@media (min-width:870px) {
    .mfp-iframe-holder .mfp-content {
        vertical-align: middle;
        max-width: 66%
    }
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
    background: #fff
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: none;
    background: #000
}

.mfp-figure small {
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: 4;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    color: #fff;
    word-wrap: break-word
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
    vertical-align: top
}

@media (min-width:870px) {
    .mfp-image-holder .mfp-content {
        vertical-align: middle
    }
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 0;
        padding-right: 0
    }
}

button.mfp-arrow-left {
    width: 30px;
    height: 30px;
    left: 30px;
    margin-top: 0;
    top: auto;
    bottom: 30px;
    background-image: url(../images/structure/popup-icons.svg);
    background-position: -60px 0;
    background-size: 90px 30px
}

@media (min-width:870px) {
    button.mfp-arrow-left {
        top: 50%;
        bottom: auto;
        left: 60px
    }
}

button.mfp-arrow-right {
    width: 30px;
    height: 30px;
    top: auto;
    left: 60px;
    margin-top: 0;
    bottom: 30px;
    background-image: url(../images/structure/popup-icons.svg);
    background-position: -30px 0;
    background-size: 90px 30px
}

@media (min-width:870px) {
    button.mfp-arrow-right {
        top: 50%;
        right: 60px;
        bottom: auto;
        left: auto
    }
}

.mfp-container .mfp-close {
    position: fixed;
    width: 30px;
    height: 30px;
    overflow: hidden;
    right: 30px;
    top: auto;
    bottom: 30px;
    color: #000;
    text-indent: 200%;
    white-space: nowrap;
    background-image: url(../images/structure/popup-icons.svg);
    background-position: 0 0;
    background-size: 90px 30px
}

@media (min-width:870px) {
    .mfp-container .mfp-close {
        right: 60px;
        top: 60px;
        bottom: auto
    }
}

.mfp-arrow:active {
    margin-top: 0
}

.mfp-title {
    line-height: 22px;
    box-sizing: border-box;
    position: fixed;
    display: block;
    bottom: 90px;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    padding: 10px 15px
}

.mfp-title:after {
    content: '';
    display: block;
    position: fixed;
    height: 90px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8)
}

@media (min-width:870px) {
    .mfp-title {
        background: 0 0;
        padding: 0;
        bottom: auto;
        position: relative;
        margin-top: 10px
    }
    .mfp-title:after {
        display: none
    }
}

.mfp-counter {
    display: none
}

#wrapper>footer {
    position: relative;
    padding-top: 45px;
    background-color: #444;
    color: #fff;
    background-image: url(../images/structure/footer_shadow.png);
    background-repeat: repeat-x;
    background-position: top center;
    overflow: hidden;
    z-index: 500
}

#wrapper>footer::after {
    clear: both;
    content: "";
    display: table
}

#wrapper>footer::-moz-selection {
    background: #000
}

#wrapper>footer::selection {
    background: #000
}

@media (min-width:720px) {
    #wrapper>footer {
        padding-top: 70px
    }
}

#wrapper>footer h1,
#wrapper>footer h2,
#wrapper>footer h3,
#wrapper>footer h4,
#wrapper>footer h5,
#wrapper>footer h6,
#wrapper>footer p {
    color: #fff;
    text-align: left;
    margin-bottom: .5em
}

@media (min-width:1100px) {
    #wrapper>footer h1,
    #wrapper>footer h2,
    #wrapper>footer h3,
    #wrapper>footer h4,
    #wrapper>footer h5,
    #wrapper>footer h6,
    #wrapper>footer p {
        margin-bottom: 1em
    }
}

#wrapper>footer h3 {
    font-size: 18px
}

@media (min-width:720px) {
    #wrapper>footer h3 {
        font-size: 20px
    }
}

#wrapper>footer p {
    font-size: 14px;
    line-height: 19px
}

@media (min-width:720px) {
    #wrapper>footer p {
        font-size: 15px;
        line-height: 22px
    }
}

#wrapper>footer:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    background-image: url(../images/structure/footer_line.gif);
    background-repeat: repeat-y
}

@media (min-width:1100px) {
    #wrapper>footer:before {
        background-position: right top;
        margin-left: -540px
    }
}

@media (min-width:1320px) {
    #wrapper>footer:before {
        background-position: center top;
        margin-left: 120px
    }
}

#wrapper>footer .container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    font-size: 15px;
    line-height: 22px;
    box-sizing: border-box
}

@media (min-width:870px) {
    #wrapper>footer .container {
        padding: 0 40px
    }
}

@media (min-width:1320px) {
    #wrapper>footer .container {
        width: 1320px
    }
}

#wrapper>footer .footer-left {
    width: 100%;
    max-width: 520px;
    margin: 0 auto
}

@media (min-width:1100px) {
    #wrapper>footer .footer-left {
        width: auto;
        max-width: 100%;
        padding-right: 615px
    }
}

#wrapper>footer .footer-right {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    padding-top: 10px
}

@media (min-width:1100px) {
    #wrapper>footer .footer-right {
        position: absolute;
        right: 40px;
        top: 0;
        width: 460px;
        padding-top: 0
    }
}

#wrapper>footer input[type=text] {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 13px 70px 13px 20px;
    border-radius: 4px;
    border: 2px solid #999;
    background: 0 0;
    line-height: 18px;
    outline: 0;
    transition: border-color .2s;
    margin: 15px 0
}

@media (min-width:720px) {
    #wrapper>footer input[type=text] {
        margin: 35px 0
    }
}

#wrapper>footer input[type=text]:focus {
    border-color: #fff
}

#wrapper>footer input[type=submit] {
    display: block;
    text-indent: -9999px;
    border: none;
    background: url(../images/structure/icons.svg) no-repeat;
    background-size: 150px 50px;
    width: 50px;
    height: 50px;
    margin-top: -65px;
    margin-right: 10px;
    float: right
}

@media (min-width:720px) {
    #wrapper>footer input[type=submit] {
        margin-top: -85px
    }
}

#wrapper>footer input[type=submit].directions-button {
    background-image: url(../images/structure/icons.svg);
    background-position: -50px 0;
    background-size: 150px 50px
}

#wrapper>footer section#footer-partners {
    height: 300px;
    margin-top: 50px
}

@media (min-width:1100px) {
    #wrapper>footer section#footer-partners {
        margin-top: 70px
    }
}

#wrapper>footer section#footer-partners ul {
    margin-top: 40px;
    width: 300px
}

@media (min-width:720px) {
    #wrapper>footer section#footer-partners ul {
        width: 100%
    }
}

#wrapper>footer section#footer-partners ul li {
    display: block;
    float: left;
    width: 150px;
    height: 75px;
    line-height: 75px
}

#wrapper>footer section#footer-partners ul li:nth-child(1) {
    line-height: 1em
}

#wrapper>footer section#footer-partners ul li:nth-child(4) {
    text-align: center
}

@media (min-width:720px) {
    #wrapper>footer section#footer-partners ul li {
        width: 33.3%
    }
    #wrapper>footer section#footer-partners ul li:nth-child(4) {
        text-align: left
    }
}

#wrapper>footer section#footer-location address {
    float: left;
    width: 50%;
    font-style: normal
}

#wrapper>footer section#footer-location a {
    color: #fff;
    text-decoration: none
}

#wrapper>footer section#footer-location a.underline {
    text-decoration: underline
}

#wrapper>footer section#footer-directions .direction-selector {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    padding: 13px 70px 13px 20px;
    border-radius: 4px;
    border: 2px solid #999;
    background: 0 0;
    line-height: 18px;
    outline: 0;
    transition: border-color .2s;
    color: #999;
    margin: 35px 0
}

#wrapper>footer section#footer-directions .direction-selector:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    background-image: url(../images/structure/icons.svg);
    background-position: -50px 0;
    background-size: 150px 50px
}

#wrapper>footer section#footer-map-container {
    width: 100%;
    height: 300px;
    margin-top: 40px
}

@media (min-width:1100px) {
    #wrapper>footer section#footer-map-container {
        margin-top: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 539px;
        float: left
    }
}

@media (min-width:1320px) {
    #wrapper>footer section#footer-map-container {
        left: 50%;
        padding-left: 121px;
        width: auto
    }
}

#wrapper>footer section#footer-map-container div#footer-map {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 501;
    background-color: transparent!important
}

#wrapper>footer section#footer-map-container .gm-style-cc,
#wrapper>footer section#footer-map-container .gmnoprint a,
#wrapper>footer section#footer-map-container .gmnoprint span {
    display: none
}

#wrapper>footer section#footer-map-container .gmnoprint div {
    background: 0 0!important
}

#wrapper>footer section#footer-map-container a[href^="http://maps.google.com/maps"],
#wrapper>footer section#footer-map-container a[href^="https://maps.google.com/maps"] {
    display: none!important
}

#opened-privacy{
    display: table; 
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    margin-bottom:-100vh;
    opacity:0.8;
    background-color: #444;
    z-index: 100000;
    transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -webkit-transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    visibility:hidden;
}
#opened-privacy.show-privacy{
    visibility:visible;
    opacity:1;
    margin-bottom:0;
}
#opened-privacy.hide-privacy{
    visibility:hidden;
    opacity:0.8;
    margin-bottom:-100vh;
}
#open-privacy{  
    width:auto;
    margin:0 0 1.5rem 0;
}
#opened-privacy .cd-panel-header
{
    opacity: 1;
}
.cd-panel-close::after, .cd-panel-close::before, hr::after, hr::before{
    content: '';
}
.cd-panel-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.cd-panel-close::before, .cd-panel-close::after {
    position: absolute;
    top: 15px;
    left: 0;
    height: 2px;
    width: 30px;
    background-color: black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cd-panel-close{
    left:95%;
    top: 2rem;
    margin-left: -15px;
}
.cd-panel-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-panel-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
#closePrivacy::before, #closePrivacy::after{
    background-color:white;
}
#open-gallery-contact {
    background-color:#0000;
}
.gallery-block{
    margin:0 0;
}
#open-privacy, #opened-privacy a{
    background: none;
    cursor:pointer;
    color:#B4B4B4;
    text-decoration:underline;
}
#opened-privacy .description, #opened-privacy .description {
    bottom:auto;
    text-align:left;
    margin:3rem 7% 3rem 7%;
    width:80%;
}
#opened-privacy a {text-decoration:underline;}
#opened-privacy p, #opened-privacy h4, #opened-privacy h1, #opened-privacy {
    color:white; font-family:"Apercu Regular", Calibri, Roboto, sans-serif;
}
#opened-privacy p{
    margin-bottom:1.5em;
}
#opened-privacy h4{
    margin-bottom:0; 
    margin-top:1.5em;
}
#opened-privacy .list ul {
    display: table;
    list-style: none; 
}
#opened-privacy .list li {
    font-size: 1em;
    line-height: 1.4em;
    font-weight: 300;
    list-style-type: disc;
    list-style-position: inside;
    display: table-row; }
#opened-privacy{
    overflow:scroll; 
    display:flex;
}
#opened-privacy .list li::before {
    content: "•";
    display: table-cell;
     text-align: right;
     padding-right: .3em; 
}
@media screen and (min-width: 30rem){
 #opened-privacy .description {
    margin:4rem 15% 4rem 15%;
    width:70%;
  }
}
@media screen and (min-width: 67rem){
    #opened-privacy .description {
        margin:5rem 25% 5rem 25%;
        width:50%;
  }
}

b,
strong {
    font-family: "Apercu Bold", Calibri, Roboto, sans-serif;
    font-size-adjust: .508;
    font-weight: 700;
    font-style: normal
}

strong em,
strong i {
    font-family: "Apercu Bold Italic", Calibri, Roboto, sans-serif;
    font-size-adjust: .508;
    font-weight: 700;
    font-style: italic
}

i {
    font-family: "Apercu Italic", Calibri, Roboto, sans-serif;
    font-size-adjust: .508;
    font-weight: 400;
    font-style: italic
}

i strong {
    font-family: "Apercu Bold Italic", Calibri, Roboto, sans-serif;
    font-size-adjust: .508;
    font-weight: 700;
    font-style: italic
}

em {
    font-family: "Apercu Italic", Calibri, Roboto, sans-serif;
    font-size-adjust: .508;
    font-weight: 400;
    font-style: italic
}

em strong {
    font-family: "Apercu Bold Italic", Calibri, Roboto, sans-serif;
    font-size-adjust: .508;
    font-weight: 700;
    font-style: italic
}