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

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

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

html {
    height: 100%;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%
}

@media all and (max-width:350px) {
    html {
        font-size: 13px
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    html {
        font-size: 14px
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    html {
        font-size: 14px
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    html {
        font-size: 14px
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    html {
        font-size: 15px
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    html {
        font-size: 15px
    }
}

@media all and (min-width:1441px) {
    html {
        font-size: 17px
    }
}

body {
    height: 100%;
    background: #fff;
    color: #555;
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Sans SC", sans-serif
}

body.invert {
    background: #151515;
    color: #ccc
}

*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}
p {
    font-size: 16px;
    line-height: 2;
}
.morelink {
    font-size: 16px;
    line-height: 1.5;
    margin: 1.5em 0
}

p:first-child,
p:last-child {
    margin: 0
}

h1,
h2,
h3,
h4 {
    line-height: 1.25
}

h1 {
    font-size: 1.5rem
}

h2 {
    font-size: 1.25rem
}

h3 {
    font-size: 1rem
}

h4 {
    font-size: .9rem
}

h5 {
    font-size: .85rem;
    line-height: 1.5
}

h6 {
    font-size: .85rem;
    line-height: 1.5
}

a,
a:link,
a:visited {
    color: inherit;
    text-decoration: none
}

a:hover {
    color: #eb6100
}

button {
    border: none;
    color: inherit
}

img {
    width: 100%;
    height: auto
}

strong {
    background: #555;
    color: white
}

* html .clearfix {
    height: 1%;
    overflow: visible
}

*+html .clearfix {
    min-height: 1%
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0
}

.clr {
    clear: both
}
.border-top,
.border--top,
.border-t {
    border-top: 1px solid #ccc
}

.border-top-blk,
.border--top-blk {
    border-top: 1px solid #000
}

.border--b,
.border-bottom,
.border--bottom {
    border-bottom: 1px solid #ccc
}

.border--b.invert {
    border-color: #555
}

.border--tb {
    border-top: 1px solid #ccc
}

.border--tb:nth-last-child(1) {
    border-bottom: 1px solid #ccc
}

.border--tb.invert {
    border-color: #555
}

.border--tb-blk {
    border-top: 1px solid #000
}

.border--tb-blk:nth-last-child(1) {
    border-bottom: 1px solid #000
}

.border--b-lighter {
    border-bottom: 1px solid #ddd
}

.border--b-lighter.invert {
    border-color: #333
}

.bda {
    border: 1px solid
}

.bdt {
    border-top: 1px solid
}

.bdb {
    border-bottom: 1px solid
}

.bdr {
    border-right: 1px solid
}

.bdy {
    border-top: 1px solid
}

/* .bdy:nth-last-child(1){border-bottom:1px solid;border-color:inherit} */

.bdc--def {
    border-color: #ccc
}

.bdc--hln {
    border-color: #f5f5f5
}

.bdc--ltr {
    border-color: #ddd;
}

.bdc--dkr {
    border-color: #333
}

.bdc--blk {
    border-color: #000
}

.bdc--def.invert {
    border-color: #555
}

.bdc--hln.invert {
    border-color: #222
}

.bdc--ltr.invert {
    border-color: #333
}

.bdc--dkr.invert {
    border-color: #ddd
}

.bdc--blk.invert {
    border-color: #fff
}

.border-bottom-hairline {
    border-bottom: 1px solid #f1f1f1
}

.border--tb-ltgrey {
    border-top: 1px solid lightgrey
}

.border--tb-ltgrey:nth-last-child(1) {
    border-bottom: 1px solid lightgrey
}

.border-top-hairline {
    border-top: 1px solid #f1f1f1
}

.border-top2-hairline {
    border-top: 1px solid #f1f1f1
}

.border-top2-hairline:nth-last-child(1) {
    border-bottom: 1px solid #f1f1f1
}

.border--top-grey {
    border-top: 1px solid grey
}

.border--top-ltgrey {
    border-top: 1px solid lightgrey
}

.border--bottom-grey {
    border-bottom: 1px solid grey
}

.border--bottom-ltgrey {
    border-bottom: 1px solid lightgrey
}

.border--topbottom-grey {
    border-bottom: 1px solid grey
}

.border--topbottom-grey:nth-child(1) {
    border-top: 1px solid grey
}

.border--topbottom-ltgrey {
    border-bottom: 1px solid lightgrey
}

.border--topbottom-ltgrey:nth-child(1) {
    border-top: 1px solid lightgrey
}

.border--top-ltgrey {
    border-top: 1px solid lightgrey
}

.border--right-ltgrey {
    border-right: 1px solid #f5f5f5
}

.border--right-hairline {
    border-right: 1px solid whitesmoke
}

.collapse-first-pad>p:nth-child(1) {
    padding-top: 0;
    margin-top: 0
}

.drop--right {
    border-right: 1px solid #ccc;
    box-shadow: 7px 0 8px -9px #999
}

.drop--left {
    box-shadow: -8px 0 8px -9px #555
}

.drop--lr {
    box-shadow: 8px 0 8px -9px #555, -8px 0 8px -9px #555
}

.drop--b {
    box-shadow: 0px 8px 8px -9px #555
}

.d--ib {
    display: inline-block
}

.va--m {
    vertical-align: middle
}

.op--9 {
    opacity: 0.9
}

.op--8 {
    opacity: 0.8
}

.op--7 {
    opacity: 0.7
}

.op--6 {
    opacity: 0.6
}

.op--5 {
    opacity: 0.5
}

.c--orange {
    color: #eb6100
}

.c--black {
    color: #333
}

.c--white {
    color: #f5f5f5 !important
}

.c--wheat {
    color: wheat
}

.inline-block {
    display: inline-block
}

.nudge--left {
    padding-left: .3125rem
}

.nudge--right {
    padding-right: .3125rem
}

.pad--left {
    padding-left: .625rem
}

.pad--right {
    padding-right: .625rem
}

.step--left {
    padding-left: 1.25rem
}

.step--right {
    padding-right: 1.25rem
}

.spaced {
    margin: 1.25rem 0
}

.spaced--less {
    margin: .83rem 0
}

.spaced--more {
    margin: 1.5rem 0
}

.spaced--most {
    margin: 1.67rem 0
}

.spaced--dbl {
    margin: 2.5rem 0
}

.pspaced {
    padding: 1.25rem 0
}

.pspaced--less {
    padding: .83rem 0
}

.pspaced--more {
    padding: 1.5rem 0
}

.pspaced--most {
    padding: 1.67rem 0
}

.pspaced--dbl {
    padding: 2.5rem 0
}

.pspaced--top {
    padding-top: 1.25rem
}

.minh--hsp {
    min-height: .625rem
}

.minh--1sp {
    min-height: 1.25rem
}

.minh--2sp {
    min-height: 2.5rem
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.cb {
    clear: both
}

.clr-margin--top {
    margin-top: 0
}

.clr-margin--bottom {
    margin-bottom: 0
}

.clr-padding {
    padding: 0
}

.mt--0 {
    margin-top: 0
}

.position--bottom {
    position: absolute;
    bottom: 0
}

.position--top {
    position: absolute;
    top: 0
}

.pos--a {
    position: absolute
}

.pos--f {
    position: fixed
}

.pos--r {
    position: relative
}

.pe--n {
    pointer-events: none
}

.pe--v {
    pointer-events: visible
}

.aft--arrow-r:after {
    content: "\27F6"
}

.bef--arrow-u:before {
    content: "\2191  "
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%
}

.middle {
    background: blue;
    display: table-cell;
    vertical-align: middle
}

.inner {
    background: red;
    margin-left: auto;
    margin-right: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible,
.overflow-vis {
    overflow: visible !important
}

.z--front {
    z-index: 1000
}

.z--fwd {
    z-index: 100
}

.z--bwd {
    z-index: -100
}

.z--back {
    z-index: -1000
}

.ta--c {
    text-align: center
}

.icon.menu-toggler-1 {
    cursor: pointer
}

@media all and (max-width:350px) {
    .icon.menu-toggler-1 {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .icon.menu-toggler-1 {
        display: none
    }
}

.icon.menu-toggler-2 {
    cursor: pointer;
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem
}

@media all and (min-width:751px) and (max-width:1050px) {
    .icon.menu-toggler-2 {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .icon.menu-toggler-2 {
        display: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .icon.menu-toggler-2 {
        display: none
    }
}

@media all and (min-width:1441px) {
    .icon.menu-toggler-2 {
        display: none
    }
}

.icon.menu-toggler-3 {
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 0
}

.hide {
    display: none !important
}

.show {
    display: initial !important
}

@media all and (max-width:350px) {
    .hide--tiny {
        display: none !important
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .hide--mobile {
        display: none !important
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .hide--narrow {
        display: none !important
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .hide--wide {
        display: none !important
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .hide--wider {
        display: none !important
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .hide--widest {
        display: none !important
    }
}

@media all and (min-width:1441px) {
    .hide--full {
        display: none !important
    }
}

.tag {
    font-size: .9rem;
    color: #111
}

.tag a,
.tag a:link,
.tag a:visited {
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: 0;
    padding: 0 .625rem;
    text-transform: uppercase;
    text-decoration: none
}

.tag.invert {
    color: #f9f9f9
}

.tag--sml {
    font-size: .85rem
}

.tag--sml a,
.tag--sml a:link,
.tag--sml a:visited {
    height: 2rem;
    line-height: 2rem;
    margin-right: .3125rem;
    padding: 0 .625rem
}

.btn {
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    min-width: 2.5rem;
    margin-right: .3125rem;
    padding: 0 .625rem
}

.label {
    display: inline-block;
    margin-top: .6%;
}

.label--fullwidth {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.label--nopad {
    padding: 0
}

.button {
    display: inline-block;
    padding-left: .625rem;
    padding-right: .625rem;
    margin-right: .3125rem;
    cursor: pointer
}

.radio-button {
    height: 2rem;
    line-height: 2rem;
    font-weight: bold;
    background: #f3f3f3
}

.radio-button:hover {
    background: #f3f3f3;
    color: inherit
}

.radio-button.active {
    background: #ccc
}

.radio-button.active:hover {
    background: #ccc
}

.radio-button.invert {
    background: #222
}

.radio-button.invert:hover {
    background: #222
}

.radio-button.active.invert {
    background: #555
}

.radio-button.active.invert:hover {
    background: #555
}

.icon--expand,
.icon--expand-menu,
.icon--file,
.icon--file-sml,
.icon--filter,
.icon--internal,
.icon--internal-sqr,
.icon--internal-sml,
.icon--internal-big,
.icon--external,
.icon--external-big,
.icon--external-sml,
.icon--nextpage,
.icon--menu,
.icon--menu-mobile,
.icon--menu-fullpage,
.icon--fullscreen,
.icon--tag,
.icon--invert,
.icon--lang-en,
.icon--lang-cn {
    display: inline-block;
    cursor: pointer;
    height: 2.5rem;
    line-height: 2.5rem;
    width: 2.5rem;
    margin-left: 0;
    text-align: center
}

.icon--expand i,
.icon--expand-menu i,
.icon--file i,
.icon--file-sml i,
.icon--filter i,
.icon--internal i,
.icon--internal-sqr i,
.icon--internal-sml i,
.icon--internal-big i,
.icon--external i,
.icon--external-big i,
.icon--external-sml i,
.icon--nextpage i,
.icon--menu i,
.icon--menu-mobile i,
.icon--menu-fullpage i,
.icon--fullscreen i,
.icon--tag i,
.icon--invert i,
.icon--lang-en i,
.icon--lang-cn i {
    color: inherit
}

.icon--expand:hover>i,
.icon--expand-menu:hover>i,
.icon--file:hover>i,
.icon--file-sml:hover>i,
.icon--filter:hover>i,
.icon--internal:hover>i,
.icon--internal-sqr:hover>i,
.icon--internal-sml:hover>i,
.icon--internal-big:hover>i,
.icon--external:hover>i,
.icon--external-big:hover>i,
.icon--external-sml:hover>i,
.icon--nextpage:hover>i,
.icon--menu:hover>i,
.icon--menu-mobile:hover>i,
.icon--menu-fullpage:hover>i,
.icon--fullscreen:hover>i,
.icon--tag:hover>i,
.icon--invert:hover>i,
.icon--lang-en:hover>i,
.icon--lang-cn:hover>i {
    color: #eb6100
}

.icon--tag,
.noclick {
    pointer-events: none
}

.icon--tag:hover>i,
.noclick:hover>i {
    color: inherit
}

.icon--expand,
.icon--expand-menu,
.icon--file,
.icon--file-sml {
    font-size: 1.2rem
}

.icon--filter,
.icon--internal,
.icon--internal-sqr,
.icon--internal-sml,
.icon--internal-big,
.icon--external,
.icon--external-big,
.icon--external-sml,
.icon--nextpage,
.icon--menu,
.icon--menu-mobile,
.icon--menu-fullpage,
.icon--fullscreen,
.icon--tag,
.icon--invert {
    font-size: 1.2rem
}

.icon--filter i,
.icon--internal i,
.icon--internal-sqr i,
.icon--internal-sml i,
.icon--internal-big i,
.icon--external i,
.icon--external-big i,
.icon--external-sml i,
.icon--nextpage i,
.icon--menu i,
.icon--menu-mobile i,
.icon--menu-fullpage i,
.icon--fullscreen i,
.icon--tag i,
.icon--invert i {
    font-size: inherit;
    vertical-align: middle;
    line-height: inherit
}

.icon--expand,
.icon--expand-menu,
.icon--file,
.icon--file-sml {
    font-size: 1.2rem
}

.icon--file,
.icon--file-sml {
    font-size: .8rem
}

.icon--filter,
.icon--internal,
.icon--internal-sqr,
.icon--internal-sml,
.icon--internal-big,
.icon--external,
.icon--external-big,
.icon--external-sml,
.icon--nextpage,
.icon--menu,
.icon--menu-mobile,
.icon--menu-fullpage,
.icon--fullscreen,
.icon--tag,
.icon--invert {
    font-size: 1.2rem
}

.icon--external-sml {
    font-size: .9rem
}

.icon--internal-sml,
.icon--external,
.icon--menu,
.icon--tag,
.icon--invert {
    font-size: 1.0rem
}

.icon--internal-big,
.icon--external-big,
.icon--menu-mobile,
.icon--menu-fullpage {
    font-size: 1.4rem
}

.icon--fullscreen {
    font-size: 1.8rem
}

.icon--tag {
    margin-left: -.825rem
}

.icon--type2:hover>i,
.icon--type3>i,
.icon--nextpage>i,
.frontpage .icon--menu>i,
.frontpage .icon--menu:hover>i,
.icon--menu-mobile>i {
    color: #eee
}

.icon--type2:hover>i,
.icon--type3:hover>i,
.icon--nextpage:hover>i,
.frontpage .icon--menu:hover>i,
.icon--menu-mobile:hover>i {
    color: white
}

.icon--menu-fullpage>i,
.icon--fullscreen>i {
    color: #555
}

.icon--menu-fullpage:hover>i,
.icon--fullscreen:hover>i {
    color: #555
}

.frontpage .icon--menu,
.icon--menu-mobile {
    background: #eb6100
}

.icon--menu-fullpage,
.icon--fullscreen {
    background: white
}

.icon--type2:hover,
.icon--type3 {
    background: #1d1d1d
}

.icon--fullscreen {
    opacity: .5
}

.icon--fullscreen:hover {
    opacity: .6
}

.icon--nextpage,
.icon--menu-fullpage {
    opacity: .7
}

.icon--nextpage:hover,
.icon--menu-fullpage:hover {
    opacity: .8
}

.icon--type2 {
    background: #f5f5f5
}

.icon--type2.invert {
    background: #1d1d1d
}

.icon--external-sml,
.icon--file-sml {
    height: 1.75rem;
    line-height: 1.75rem
}

.icon--expand,
.icon--internal,
.icon--internal-big,
.icon--external-big {
    height: 3.75rem;
    line-height: 3.75rem
}

.icon--expand-menu,
.icon--internal-sqr,
.icon--nextpage,
.icon--menu-mobile,
.icon--menu-fullpage,
.icon--fullscreen {
    height: 3.75rem;
    line-height: 3.75rem;
    width: 3.75rem
}

.icon--filter,
.icon--menu,
.icon--lang-en,
.icon--lang-cn,
.icon--invert {
    height: 5rem;
    line-height: 5rem
}

.icon--expand-menu {
    float: right
}

@media all and (max-width:350px) {
    .icon--menu {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .icon--menu {
        display: none
    }
}

.icon--lang-en {
    font-size: .85rem
}

.icon--lang-cn {
    font-size: .75rem
}

.icon--menu-mobile {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem
}

@media all and (min-width:561px) and (max-width:750px) {
    .icon--menu-mobile {
        display: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .icon--menu-mobile {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .icon--menu-mobile {
        display: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .icon--menu-mobile {
        display: none
    }
}

@media all and (min-width:1441px) {
    .icon--menu-mobile {
        display: none
    }
}

.material-icons {
    font-size: 18px
}

.icongallery-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.icongallery {
    font-size: .65rem
}

.icongallery__item {
    width: 33.33333%;
    float: left;
    line-height: 3.75rem
}
.icongallery__item img{max-width: 30px;}
.icongallery__item:nth-child(3n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
}

.icongallery__item:nth-child(3n+2) {
    margin-left: 33.33333%;
    margin-right: -100%;
    clear: none
}

.icongallery__item:nth-child(3n+3) {
    margin-left: 66.66667%;
    margin-right: -100%;
    clear: none
}

.icongallery__item>a,
.icongallery__item>button {
    display: inline-block;
    height: 3.75rem;
    width: 100%;
    text-align: center;
    background: none
}

.icongallery__item>a:hover,
.icongallery__item>button:hover {
    background: #f5f5f5
}

.icongallery__item>a:hover>i,
.icongallery__item>button:hover>i {
    color: #eb6100
}

.icongallery__item>a>img,
.icongallery__item>button>img {
    vertical-align: middle
}

.icongallery__item>a>i,
.icongallery__item>button>i {
    font-size: .85rem;
    color: inherit;
    vertical-align: middle
}

.icongallery.invert .icongallery__item>a:hover,
.icongallery.invert .icongallery__item>button:hover {
    background: #1d1d1d
}

.title {
    color: #111
}

.title.invert {
    color: #f9f9f9
}

.title--primary {
    text-transform: uppercase
}

.title--secondary {
    text-transform: uppercase
}

.title--headline {
    text-decoration: underline;
    text-transform: uppercase
}

.title--bold {
    text-transform: uppercase;
    font-weight: bold
}

.ttitle {
    font-size: .85rem
}

.tt--u {
    text-transform: uppercase
}

.td--u {
    text-decoration: underline
}

.fw--b {
    font-weight: bold
}

.sitename img {
    width: auto;
    vertical-align: middle
}

@media all and (max-width:350px) {
    .sitename img {
        height: 55px
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .sitename img {
        height: 55px
    }

    #index-log {
        height: 80px;
    }

    #index-log img {
        height: 66px
    }
}

/* .borders{border-bottom: 1px solid #ddd;} */
@media all and (min-width:561px) and (max-width:750px) {
    .sitename img {
        height: 50px
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .sitename img {
        height: 50px
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .sitename img {
        height: 50px
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .sitename img {
        height: 50px;
        margin-top: 8px;
    }
}

@media all and (min-width:1441px) {
    .sitename img {
        height: 80px;
        width: 232px;
    }

    #index-log img {
        height: 80px
    }
}

@media all and (max-width:350px) {
    .gallery__item {
        width: 47.82609%;
        float: left;
        margin-bottom: 4.34783%
    }

    .gallery__item:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery__item:nth-child(2n+2) {
        margin-left: 52.17391%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .gallery__item {
        width: 30.43478%;
        float: left;
        margin-bottom: 4.34783%
    }

    .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery__item:nth-child(3n+2) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(3n+3) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .gallery__item {
        width: 29.41176%;
        float: left;
        margin-bottom: 5.88235%
    }

    .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery__item:nth-child(3n+2) {
        margin-left: 35.29412%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(3n+3) {
        margin-left: 70.58824%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .gallery__item {
        width: 30.43478%;
        float: left;
        margin-bottom: 4.34783%
    }

    .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery__item:nth-child(3n+2) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(3n+3) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .gallery__item {
        width: 13.04348%;
        float: left;
        margin-bottom: 4.34783%
    }

    .gallery__item:nth-child(6n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery__item:nth-child(6n+2) {
        margin-left: 17.3913%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(6n+3) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(6n+4) {
        margin-left: 52.17391%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(6n+5) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(6n+6) {
        margin-left: 86.95652%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1441px) {
    .gallery__item {
        width: 13.04348%;
        float: left;
        margin-bottom: 4.34783%
    }

    .gallery__item:nth-child(6n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery__item:nth-child(6n+2) {
        margin-left: 17.3913%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(6n+3) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(6n+4) {
        margin-left: 52.17391%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(6n+5) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none
    }

    .gallery__item:nth-child(6n+6) {
        margin-left: 86.95652%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (max-width:350px) {
    .galleryRelations.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important;
        padding: 0 4%;
    }

    .galleryRelations.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .galleryRelations.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important
    }

    .galleryRelations.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .galleryRelations.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important
    }

    .galleryRelations.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .galleryRelations.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important
    }

    .galleryRelations.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .galleryRelations.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important
    }

    .galleryRelations.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .galleryRelations.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important
    }

    .galleryRelations.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1441px) {
    .galleryRelations.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important
    }

    .galleryRelations.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .galleryRelations.gallery .gallery__item--alt {
        width: 47.82609%;
        float: left;
        margin-bottom: 4.34783%
    }

    .galleryRelations.gallery .gallery__item--alt:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .galleryRelations.gallery .gallery__item--alt:nth-child(2n+2) {
        margin-left: 52.17391%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .galleryRelations.gallery .gallery__item--alt {
        width: 30.43478%;
        float: left;
        margin-bottom: 4.34783%
    }

    .galleryRelations.gallery .gallery__item--alt:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .galleryRelations.gallery .gallery__item--alt:nth-child(3n+2) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none
    }

    .galleryRelations.gallery .gallery__item--alt:nth-child(3n+3) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1441px) {
    .galleryRelations.gallery .gallery__item--alt {
        width: 30.43478%;
        float: left;
        margin-bottom: 4.34783%
    }

    .galleryRelations.gallery .gallery__item--alt:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .galleryRelations.gallery .gallery__item--alt:nth-child(3n+2) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none
    }

    .galleryRelations.gallery .gallery__item--alt:nth-child(3n+3) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .gallery--ideas.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important
    }

    .gallery--ideas.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .gallery--ideas.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important
    }

    .gallery--ideas.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1441px) {
    .gallery--ideas.gallery .gallery__item {
        width: 48.57143%;
        float: left;
        margin-bottom: 2.85714%
    }

    .gallery--ideas.gallery .gallery__item:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--ideas.gallery .gallery__item:nth-child(2n+2) {
        margin-left: 51.42857%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (max-width:350px) {
    .gallery--full.gallery .gallery__container {
        margin-top: 0%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .gallery--full.gallery .gallery__container {
        margin-top: 0%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .gallery--full.gallery .gallery__container {
        margin-top: 4.34783%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .gallery--full.gallery .gallery__container {
        margin-top: 5.88235%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .gallery--full.gallery .gallery__container {
        margin-top: 4.34783%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .gallery--full.gallery .gallery__container {
        margin-top: 4.34783%
    }
}

@media all and (min-width:1441px) {
    .gallery--full.gallery .gallery__container {
        margin-top: 2.85714%
    }
}

@media all and (max-width:350px) {
    .gallery--full.gallery .gallery__item {
        width: 47.82609%;
        float: left;
        margin-bottom: 4.34783%
    }

    .gallery--full.gallery .gallery__item:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--full.gallery .gallery__item:nth-child(2n+2) {
        margin-left: 52.17391%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .gallery--full.gallery .gallery__item {
        width: 100%;
        margin-bottom: 4.34783%
    }

}

@media all and (min-width:561px) and (max-width:750px) {
    .gallery--full.gallery .gallery__item {
        width: 30.43478%;
        float: left;
        margin-bottom: 4.34783%
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+2) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+3) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .gallery--full.gallery .gallery__item {
        width: 29.41176%;
        float: left;
        margin-bottom: 5.88235%
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+2) {
        margin-left: 35.29412%;
        margin-right: -100%;
        clear: none
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+3) {
        margin-left: 70.58824%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .gallery--full.gallery .gallery__item {
        width: 31.42857%;
        float: left;
        margin-bottom: 4.34783%
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+2) {
        margin-left: 34.28571%;
        margin-right: -100%;
        clear: none
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+3) {
        margin-left: 68.57143%;
        margin-right: -100%;
        clear: none
    }

    /* .gallery--full.gallery .gallery__item:nth-child(4n+4) {
        margin-left: 78.26087%;
        margin-right: -100%;
        clear: none
    } */
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .gallery--full.gallery .gallery__item {
        width: 31.42857%;
        float: left;
        margin-bottom: 4.34783%
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+2) {
        margin-left: 34.28571%;
        margin-right: -100%;
        clear: none
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+3) {
        margin-left: 68.57143%;
        margin-right: -100%;
        clear: none
    }

    /* .gallery--full.gallery .gallery__item:nth-child(4n+4) {
        margin-left: 78.26087%;
        margin-right: -100%;
        clear: none
    } */
}

@media all and (min-width:1441px) {
    .gallery--full.gallery .gallery__item {
        width: 31.42857%;
        float: left;
        margin-bottom: 2.3%
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0px
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+2) {
        margin-left: 34.28571%;
        margin-right: -100%;
        clear: none
    }

    .gallery--full.gallery .gallery__item:nth-child(3n+3) {
        margin-left: 68.57143%;
        margin-right: -100%;
        clear: none
    }

    /* .gallery--full.gallery .gallery__item:nth-child(6n+4) {
        margin-left: 51.42857%;
        margin-right: -100%;
        clear: none
    }

    .gallery--full.gallery .gallery__item:nth-child(6n+5) {
        margin-left: 68.57143%;
        margin-right: -100%;
        clear: none
    }

    .gallery--full.gallery .gallery__item:nth-child(6n+6) {
        margin-left: 85.71429%;
        margin-right: -100%;
        clear: none
    } */
}

.gallery--full.gallery .gallery__item>img,
.gallery--full.gallery .gallery__item>.overlay {
    width: 100%;
    height: auto
}

@media all and (max-width:350px) {
    .gallery--videos.gallery .gallery__container {
        margin-top: 0%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .gallery--videos.gallery .gallery__container {
        margin-top: 0%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .gallery--videos.gallery .gallery__container {
        margin-top: 4.34783%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .gallery--videos.gallery .gallery__container {
        margin-top: 0%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .gallery--videos.gallery .gallery__container {
        margin-top: 0%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .gallery--videos.gallery .gallery__container {
        margin-top: 0.34783%
    }
}

@media all and (min-width:1441px) {
    .gallery--videos.gallery .gallery__container {
        margin-top: 0%
    }
}

@media all and (max-width:350px) {
    .gallery--videos.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important;
        margin-bottom: 0;
        padding: 0 4%;
    }

    .gallery--videos.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .gallery--videos.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important;
        margin-bottom: 0;
        padding: 0 4%;
    }

    .gallery--videos.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .gallery--videos.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important;
        margin-bottom: 0
    }

    .gallery--videos.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .gallery--videos.gallery .gallery__item {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important;
        margin-bottom: 0
    }

    .gallery--videos.gallery .gallery__item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .gallery--videos.gallery .gallery__item {
        width: 47.82609%;
        float: left;
        margin-bottom: 0
    }

    .gallery--videos.gallery .gallery__item:nth-child(3n) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0;
        margin-top: 45px;
    }

    .gallery--videos.gallery .gallery__item:nth-child(2n+2) {
        margin-left: 52.17391%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .gallery--videos.gallery .gallery__item {
        width: 31.42857%;
        float: left;
        margin-bottom: 0
    }

    .gallery--videos.gallery .gallery__item:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--videos.gallery .gallery__item:nth-child(3n+2) {
        margin-left: 34.28571%;
        margin-right: -100%;
        clear: none
    }

    .gallery--videos.gallery .gallery__item:nth-child(3n+3) {
        margin-left: 68.57143%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1441px) {
    .gallery--videos.gallery .gallery__item {
        width: 31.42857%;
        float: left;
        margin-bottom: 0
    }

    .gallery--videos.gallery .gallery__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--videos.gallery .gallery__item:nth-child(3n+2) {
        margin-left: 34.28571%;
        margin-right: -100%;
        clear: none
    }

    .gallery--videos.gallery .gallery__item:nth-child(3n+3) {
        margin-left: 68.57143%;
        margin-right: -100%;
        clear: none
    }
}

.gallery--videos.gallery .gallery__item>img,
.gallery--videos.gallery .gallery__item>.overlay {
    width: 100%;
    height: auto
}

.gallery--books.gallery ul:after {
    content: "";
    display: table;
    clear: both
}

@media all and (max-width:350px) {
    .gallery--books.gallery li {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important;
        margin-bottom: 0
    }

    .gallery--books.gallery li:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .gallery--books.gallery li {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important;
        margin-bottom: 0
    }

    .gallery--books.gallery li:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .gallery--books.gallery li {
        width: 33.06773%;
        float: left;
        margin-bottom: 0
    }

    .gallery--books.gallery li:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--books.gallery li:nth-child(3n+2) {
        margin-left: 33.46614%;
        margin-right: -100%;
        clear: none
    }

    .gallery--books.gallery li:nth-child(3n+3) {
        margin-left: 66.93227%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .gallery--books.gallery li {
        width: 33.06773%;
        float: left;
        margin-bottom: 0
    }

    .gallery--books.gallery li:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--books.gallery li:nth-child(3n+2) {
        margin-left: 33.46614%;
        margin-right: -100%;
        clear: none
    }

    .gallery--books.gallery li:nth-child(3n+3) {
        margin-left: 66.93227%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .gallery--books.gallery li {
        width: 24.7012%;
        float: left;
        margin-bottom: 0
    }

    .gallery--books.gallery li:nth-child(4n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--books.gallery li:nth-child(4n+2) {
        margin-left: 25.0996%;
        margin-right: -100%;
        clear: none
    }

    .gallery--books.gallery li:nth-child(4n+3) {
        margin-left: 50.1992%;
        margin-right: -100%;
        clear: none
    }

    .gallery--books.gallery li:nth-child(4n+4) {
        margin-left: 75.2988%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .gallery--books.gallery li {
        width: 24.7012%;
        float: left;
        margin-bottom: 0
    }

    .gallery--books.gallery li:nth-child(4n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--books.gallery li:nth-child(4n+2) {
        margin-left: 25.0996%;
        margin-right: -100%;
        clear: none
    }

    .gallery--books.gallery li:nth-child(4n+3) {
        margin-left: 50.1992%;
        margin-right: -100%;
        clear: none
    }

    .gallery--books.gallery li:nth-child(4n+4) {
        margin-left: 75.2988%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1441px) {
    .gallery--books.gallery li {
        width: 19.74522%;
        float: left;
        margin-bottom: 0
    }

    .gallery--books.gallery li:nth-child(5n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    .gallery--books.gallery li:nth-child(5n+2) {
        margin-left: 20.06369%;
        margin-right: -100%;
        clear: none
    }

    .gallery--books.gallery li:nth-child(5n+3) {
        margin-left: 40.12739%;
        margin-right: -100%;
        clear: none
    }

    .gallery--books.gallery li:nth-child(5n+4) {
        margin-left: 60.19108%;
        margin-right: -100%;
        clear: none
    }

    .gallery--books.gallery li:nth-child(5n+5) {
        margin-left: 80.25478%;
        margin-right: -100%;
        clear: none
    }
}

.gallery--books.gallery li>img {
    width: 100%;
    height: auto
}

@media all and (max-width:350px) {
    #main-content-facts .block {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important;
        margin-bottom: 0
    }

    #main-content-facts .block:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    #main-content-facts .block {
        width: 100%;
        float: left;
        margin-bottom: 4.34783%;
        clear: left !important;
        margin-bottom: 0
    }

    #main-content-facts .block:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    #main-content-facts .block {
        width: 30.43478%;
        float: left;
        margin-bottom: 4.34783%
    }

    #main-content-facts .block:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    #main-content-facts .block:nth-child(3n+2) {
        margin-left: 34.78261%;
        margin-right: -100%;
        clear: none
    }

    #main-content-facts .block:nth-child(3n+3) {
        margin-left: 69.56522%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    #main-content-facts .block {
        width: 29.41176%;
        float: left;
        margin-bottom: 5.88235%
    }

    #main-content-facts .block:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    #main-content-facts .block:nth-child(3n+2) {
        margin-left: 35.29412%;
        margin-right: -100%;
        clear: none
    }

    #main-content-facts .block:nth-child(3n+3) {
        margin-left: 70.58824%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    #main-content-facts .block {
        width: 28.57143%;
        float: left;
        margin-bottom: 7.14286%
    }

    #main-content-facts .block:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    #main-content-facts .block:nth-child(3n+2) {
        margin-left: 35.71429%;
        margin-right: -100%;
        clear: none
    }

    #main-content-facts .block:nth-child(3n+3) {
        margin-left: 71.42857%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    #main-content-facts .block {
        width: 29.41176%;
        float: left;
        margin-bottom: 5.88235%
    }

    #main-content-facts .block:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    #main-content-facts .block:nth-child(3n+2) {
        margin-left: 35.29412%;
        margin-right: -100%;
        clear: none
    }

    #main-content-facts .block:nth-child(3n+3) {
        margin-left: 70.58824%;
        margin-right: -100%;
        clear: none
    }
}

@media all and (min-width:1441px) {
    #main-content-facts .block {
        width: 29.41176%;
        float: left;
        margin-bottom: 5.88235%
    }

    #main-content-facts .block:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }

    #main-content-facts .block:nth-child(3n+2) {
        margin-left: 35.29412%;
        margin-right: -100%;
        clear: none
    }

    #main-content-facts .block:nth-child(3n+3) {
        margin-left: 70.58824%;
        margin-right: -100%;
        clear: none
    }
}

.facts {
    font-size: .8em
}

.facts__fact--multiline {
    margin-top: 1.3em
}

.facts li {
    line-height: 1.4
}

.card {
    font-size: 1rem;
    clear: left;
    float: none
}

.card__item--spaced {
    margin: 1.25rem 0
}

.card__item--spaced-more {
    margin: 1.5rem 0
}

.card__item--spaced-less {
    margin: .83rem 0
}

.card__item--spaced-most {
    margin: 1.67rem 0
}

.card__item--spaced-dbl {
    margin: 2.5rem 0
}

.card__item--spaced-most-top {
    margin: 1.67rem 0 0 0
}

.card__slide,
.card__media {
    width: 100%
}

.card__slide img,
.card__media img {
    width: 100%;
    height: auto;
    display: block
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.pad-widest {
        margin-left: 0%;
        margin-right: 0%;
        clear: left;
        float: none
    }
}

@media all and (min-width:1441px) {
    .card.shift-full {
        width: 65.71429%;
        float: left;
        margin-left: 17.14286%;
        margin-right: -100%
    }
}

@media all and (min-width:1441px) {
    .slider.close .card.shift-full {
        width: 65.71429%;
        float: left;
        margin-left: 17.14286%;
        margin-right: -100%
    }
}

@media all and (min-width:1441px) {
    .slider.open .card.shift-full {
        width: 65.71429%;
        float: left;
        margin-left: 34.28571%;
        margin-right: -100%
    }
}

@media all and (min-width:1441px) {
    .slider.open .card.squish-full {
        width: 65.71429%;
        float: left;
        margin-left: 34.28571%;
        margin-right: -100%
    }
}

.card.contact-info .card__body p {
    text-align: left;
}
.card.contact-info .card__body p:first-child{margin-bottom: 1rem;}

.media {
    _overflow: visible;
    zoom: 1
}

.media__img {
    display: block;
    float: left
}

@media all and (max-width:350px) {
    .media__img--profile {
        width: 47.82609%
    }
    .card.shift-full {
        float: left;width:100%;
       
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .media__img--profile {
        width: 47.82609%
    }
    .card.shift-full {
        float: left;width:100%;
       
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .media__img--profile {
        width: 30.43478%
    }   
}

@media all and (min-width:751px) and (max-width:1050px) {
    .media__img--profile {
        width: 30.43478%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .media__img--profile {
        width: 21.73913%;
        margin-right: 4.34783%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .media__img--profile {
        width: 21.73913%;
        margin-right: 4.34783%
    }
    
}

@media all and (min-width:1441px) {
    .media__img--profile {
        width: 21.73913%;
        margin-right: 4.34783%
    }
}

.media__imgR {
    display: block;
    float: right;
    padding-left: 1.5em
}

.media__contents {
    overflow: hidden;
    _overflow: visible;
    zoom: 1
}

.media.mediaCard {
    position: relative
}

.media.mediaTitle {
    clear: right;
    overflow: visible;
    margin: 1.25rem 0 0
}

.media.mediaTitle .media__imgR {
    margin-top: -1.25rem;
    height: 3.75rem;
    line-height: 3.75rem
}

.media.mediaTitle .media__contents {
    margin-right: 15%
}

.media.mediaTitle .media__contents h1,
.media.mediaTitle .media__contents h2,
.media.mediaTitle .media__contents h3,
.media.mediaTitle .media__contents h4,
.media.mediaTitle .media__contents h5,
.media.mediaTitle .media__contents h6 {
    line-height: 1.25rem
}

.media.mediaTitle.mediaTitle--sml {
    margin: .83rem 0
}

.media.mediaTitle.mediaTitle--sml .media__imgR {
    margin-top: -.83rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.media.mediaTitle.mediaTitle--sml .media__contents h1,
.media.mediaTitle.mediaTitle--sml .media__contents h2,
.media.mediaTitle.mediaTitle--sml .media__contents h3,
.media.mediaTitle.mediaTitle--sml .media__contents h4,
.media.mediaTitle.mediaTitle--sml .media__contents h5,
.media.mediaTitle.mediaTitle--sml .media__contents h6 {
    line-height: .84rem
}

.media.mediaTitle.mediaTitle--big {
    margin: 1.67rem 0
}

.media.mediaTitle.mediaTitle--big .media__imgR {
    margin-top: -1.67rem;
    height: 5rem;
    line-height: 5rem
}

.media.mediaTitle.mediaTitle--big .media__contents h1,
.media.mediaTitle.mediaTitle--big .media__contents h2,
.media.mediaTitle.mediaTitle--big .media__contents h3,
.media.mediaTitle.mediaTitle--big .media__contents h4,
.media.mediaTitle.mediaTitle--big .media__contents h5,
.media.mediaTitle.mediaTitle--big .media__contents h6 {
    line-height: 1.66rem
}

.node__title {
    margin: 1.5em 0;
    padding: 0 .3125rem
}

.node__body p {
    margin: 1.5em 0;
    padding: 0 .3125rem
}

.node__tagline {
    margin: .75em 0
}

.node {
    font-size: 1rem
}

.node__body p {
    font-size: .9em;
    text-align: justify
}

.node.profile--node {
    border: none
}

.node.profile--node .node--body {
    margin-bottom: 50px
}

table {
    width: 100%;
    display: table;
    table-layout: fixed
}

th,
td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: left
}

td>a,
th>a,
td>span,
td>time {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

td>a>img {
    vertical-align: inherit
}

.data--left {
    text-align: left
}

.data--right {
    text-align: left
}

.clickable {
    cursor: pointer
}

.table {
    font-size: .85rem;
    text-transform: uppercase
}

.table thead {
    font-size: .85rem
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .table thead {
        font-size: .75rem
    }
}

.table tbody {
    font-size: .85rem
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .table tbody {
        font-size: .75rem
    }
}

@media all and (min-width:1441px) {
    .table tbody {
        font-size: .75rem
    }
}

.table th {
    height: 3.75rem;
    line-height: 3.75rem
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .table th {
        height: 5rem;
        line-height: 5rem
    }
}

@media all and (min-width:1441px) {
    .table th {
        height: 5rem;
        line-height: 5rem
    }
}

.table td {
    line-height:1.5;padding-top:.3rem;padding-bottom: .3rem;
}

.table td a {
    width: 2.8125rem
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .table td {
        height:1.2rem;
        line-height: 1.2rem;padding-top:.3rem;padding-bottom: .3rem;
    }

    .table td a {
        height: 2.5rem;
        line-height: 2.5rem;
        width: 2.5rem
    }
}

@media all and (min-width:1441px) {
    .table td {
        height:1.2rem;
        line-height: 1.2rem;padding-top:.3rem;padding-bottom: .3rem;
    }

    .table td a {
        height: 2.5rem;
        line-height: 2.5rem;
        width: 2.5rem
    }
}

.table tr {
    border-top: 1px solid #ccc
}

.table tr:nth-last-child(1) {
    border-bottom: 1px solid #ccc
}

.table thead>tr {
    border-top: none
}

.table.invert tr {
    border-top: 1px solid #555
}

.table.invert tr:nth-last-child(1) {
    border-bottom: 1px solid #555
}

.table.invert thead>tr {
    border-top: none
}

.custom-dropdown>select {
    font-size: inherit;
    text-transform: uppercase;
    color: white;
    background: #555555;
    height: 1.25rem;
    padding: 0 5px;
}

.custom-dropdown__select>option {
    color: inherit
}

@supports (pointer-events:none) and ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) {
        {
        @-moz-document url-prefix() {
            .custom-dropdown__select {
                padding-right: .9em
            }

            .custom-dropdown--large .custom-dropdown__select {
                padding-right: 1.3em
            }

            .custom-dropdown--small .custom-dropdown__select {
                padding-right: .5em
            }
        }
    }

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

    .custom-dropdown__select {
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0, 0, 0, 0.3)
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0, 0, 0, 0.1)
    }
}

.searchbar-wrapper {
    width: 100%
}

.searchbar {
    position: relative;
    height: 5rem;
    line-height: 5rem;
    background: #f7f7f7
}

.searchbar__input form {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.searchbar__input input.form-submit {
    display: none
}

.searchbar__input input.form-text {
    font-size: .9rem !important;
    color: inherit !important;
    border: none !important;
    line-height: 2.5rem;
    height: 2.5rem;
    background: #f7f7f7;
    margin: 0 8.33333%;
    padding: 0 8.33333%;
    width: 83.33333%;
    border-radius: 5px
}

.searchbar__input input:focus {
    outline: none
}

.searchbar__input input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.searchbar__input input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.searchbar__input input[type="search"]::-webkit-search-decoration,
.searchbar__input input[type="search"]::-webkit-search-cancel-button,
.searchbar__input input[type="search"]::-webkit-search-results-button,
.searchbar__input input[type="search"]::-webkit-search-results-decoration {
    display: none
}

.searchbar__input input.form-text::-webkit-input-placeholder {
    color: inherit
}

.searchbar__input input.form-text:-moz-placeholder {
    color: inherit
}

.searchbar__input input.form-text::-moz-placeholder {
    color: inherit
}

.searchbar__input input.form-text:-ms-input-placeholder {
    color: inherit
}

.searchbar.invert {
    background: #1d1d1d
}

@media all and (min-width:1441px) {
    .searchbar.invert {
        background: #151515
    }
}

.searchbar.invert input.form-text {
    background: #1d1d1d
}

@media all and (min-width:1441px) {
    .searchbar.invert input.form-text {
        background: #151515
    }
}

.sidebar nav {
    font-size: 1rem
}

.footer nav {
    font-size: 1rem
}

.menu {
    font-size: .9rem;
    pointer-events: visible
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .menu {
        font-size: .9rem
    }
}

@media all and (min-width:1441px) {
    .menu {
        font-size: 1rem;
        font-weight: bold
    }
}

.menu .icon--expand-menu {
    margin-right: 8.33333%
}

.menu li a {
    display: block;
    white-space: nowrap;
    line-height: 3.75rem;
    height: 3.75rem;
    padding-left: 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .menu li a {
        display: inline-block
    }

    .menu li>a {
        width: 100%
    }
}

.menu li a:hover {
    background-color: #f7f7f7
}

.menu li ul li a {
    padding-left: 16.66667%
}

.menu li a {
    padding-left: 16.66667%
}

.menu li ul li a {
    padding-left: 25%
}

.menu li ul li ul li a {
    padding-left: 33.33333%
}

.menu ul li input[type='checkbox'] {
    display: none
}

.menu ul li label {
    display: block;
    line-height: 3.75rem;
    height: 3.75rem;
    cursor: pointer
}

.menu ul li label:hover {
    background-color: #f7f7f7
}

.menu ul li label>a {
    pointer-events: none;
    display: initial;
    line-height: 3.75rem;
    height: 3.75rem;
    height: 3.75rem
}

.menu ul li input[type='checkbox']~ul {
    height: 0;
    display: block;
    overflow: hidden
}

.menu ul li input[type='checkbox']:checked~ul {
    height: auto;
    display: block
}

.menu ul li input[type='checkbox']~label .unchecked {
    display: inline-block
}

.menu ul li input[type='checkbox']~label .checked {
    display: none
}

.menu ul li input[type='checkbox']:checked~label .checked {
    display: inline-block
}

.menu ul li input[type='checkbox']:checked~label .unchecked {
    display: none
}

.sidebar .menu li {
    border-bottom: 1px solid #f5f5f5
}

.sidebar .menu li:nth-child(1) {
    border-top: 1px solid #f5f5f5
}

.sidebar .menu li ul li {
    border-bottom: none;
    border-top: 1px solid #f5f5f5
}

.sidebar .menu li>.is-active {
    color: #eb6100
}

.main-header__center {
    font-size: 1rem;
    font-weight: bold
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .main-header__center {
        font-size: .9rem
    }
}

@media all and (min-width:1441px) {
    .main-header__center {
        font-weight: bold
    }
}

.main-header__center ul li {
    float: left
}

.main-header__center li a {
    display: block;
    line-height: inherit;
    height: inherit;
    white-space: nowrap;
    background-color: none
}

.main-header__center li ul li a {
    line-height: 1.5;
    height: 3.33rem
}

.main-header__center li a:hover {
    background-color: white
}

.main-header__center li>.is-active {
    color: #eb6100
}

.main-header__center li ul li a:hover {
    background-color: rgba(255, 255, 255, 0)
}

.main-header__center li a,
.main-header__center li ul li a,
.main-header__center li ul li ul li a {
    padding: 0 .8rem
}

@media all and (min-width:1441px) {

    .main-header__center li a,
    .main-header__center li ul li a,
    .main-header__center li ul li ul li a {
        padding: 0 1rem
    }
}

.main-header__center ul li input[type='checkbox'] {
    display: none
}

.main-header__center ul li label {
    position: relative;
    display: block;
    line-height: inherit;
    height: inherit;
    cursor: pointer
}

.main-header__center ul li ul li label {
    line-height: 1.5;
    height: 3.33rem
}

.main-header__center ul li:hover label {
    background-color: rgba(255, 255, 255, 0)
}

.main-header__center ul li label~ul {
    font-size: .9rem;
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0.6)
}

.main-header__center ul li label a {
    display: initial;
    line-height: inherit;
    height: inherit
}

.main-header__center ul li label~ul {
    position: absolute;
    height: 0;
    display: none;
    overflow: hidden
}

.main-header__center ul li label:hover~ul,
.main-header__center ul li label~ul:hover,
.main-header__center ul li ul li label:hover~ul,
.main-header__center ul li ul li label~ul:hover {
    height: auto;
    display: block;
    overflow: visible
}

.main-header__center ul li label:hover~ul>li {
    float: left
}

.main-header__center ul li input[type='checkbox']~label .unchecked {
    display: none
}

.main-header__center ul li input[type='checkbox']~label .checked {
    display: none
}

.main-header__center ul li input[type='checkbox']:checked~label .checked {
    display: none
}

.main-header__center ul li input[type='checkbox']:checked~label .unchecked {
    display: none
}

.menu.invert li a:hover,
.menu.invert ul li label:hover {
    background-color: #1d1d1d
}

.sidebar .menu.invert li {
    border-bottom: 1px solid #222
}

.sidebar .menu.invert li:nth-child(1) {
    border-top: 1px solid #222
}

.sidebar .menu.invert li ul li {
    border-bottom: none;
    border-top: 1px solid #222
}

.main-header .menu.invert li a:hover {
    background-color: #151515
}

.main-header .menu.invert ul li:hover label,
.main-header .menu.invert ul li label~ul {
    background-color: #151515
}

.main-footer .menu {
    font-size: .95rem
}

.main-footer .menu li {
    border-top: 1px solid #e9e9e9
}

.main-footer .menu li a:hover {
    background-color: #f5f5f5
}

@media all and (max-width:350px) {
    .main-footer .menu li a:hover {
        background-color: #f5f5f5
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .main-footer .menu li a:hover {
        background-color: #f5f5f5
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .main-footer .menu li a:hover {
        background-color: #f5f5f5
    }
}

.main-footer .menu li a {
    padding-left: 0
}

.main-footer .menu li>ul a {
    padding-left: 10px
}

@media all and (max-width:350px) {
    .main-footer .menu li a {
        padding-left: 20px
    }

    .main-footer .menu li>ul a {
        padding-left: 30px
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .main-footer .menu li a {
        padding-left: 20px
    }

    .main-footer .menu li>ul a {
        padding-left: 30px
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .main-footer .menu li a {
        padding-left: 20px
    }

    .main-footer .menu li>ul a {
        padding-left: 30px
    }
}

.expandable input[type='checkbox'] {
    display: none
}

.expandable input[type='checkbox']~label:hover i {
    color: #eb6100
}

.expandable input[type='checkbox']~.expandable-body {
    display: none
}

.expandable input[type='checkbox']:checked~.expandable-body {
    display: block
}

.expandable input[type='checkbox']~label .unchecked {
    display: inline-block
}

.expandable input[type='checkbox']~label .checked {
    display: none
}

.expandable input[type='checkbox']:checked~label .checked {
    display: inline-block
}

.expandable input[type='checkbox']:checked~label .unchecked {
    display: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .expandable-head .icon--expand {
        pointer-events: none
    }
}

.moreable input[type='checkbox'] {
    display: none
}

.moreable input[type='checkbox']~label {
    background: white
}

.moreable input[type='checkbox']~label:hover i {
    color: black
}

.moreable .moreable-body {
    overflow: hidden;
    transition: max-height 0.5s
}

.moreable .moreable-footer {
    background: white
}

.moreable input[type='checkbox']~.moreable-body {
    max-height: 900px
}

.moreable input[type='checkbox']:checked~.moreable-body {
    max-height: 0
}

.moreable input[type='checkbox']~label .icon.unchecked {
    display: inline-block
}

.moreable input[type='checkbox']~label .icon.checked {
    display: none
}

.moreable input[type='checkbox']:checked~label .icon.checked {
    display: inline-block
}

.moreable input[type='checkbox']:checked~label .icon.unchecked {
    display: none
}


.peekable .peekable-toggle a {
    pointer-events: visible
}

.peekable input[type='checkbox'] {
    display: none
}

.peekable .peekable-contents,
.peekable .peekable-header {
    transition: top 0.25s, opacity 0.25s
}

.peekable input[type='checkbox']~.peekable-contents {
    top: 0;
    opacity: 0
}

.peekable input[type='checkbox']~.peekable-header {
    top: -5rem;
    opacity: 1
}

.peekable input[type='checkbox']:checked~.peekable-header {
    top: -10rem;
    opacity: 0
}

.peekable input[type='checkbox']~.peekable-header * {
    pointer-events: none
}

.peekable input[type='checkbox']:checked~.peekable-header * {
    pointer-events: initial
}


.peekable input[type='checkbox']:checked~.peekable-contents {
    top: -2rem;
    opacity: 1
}

.peekable input[type='checkbox']~.peekable-contents * {
    pointer-events: auto;
}

.peekable input[type='checkbox']:checked~.peekable-contents * {
    pointer-events: initial
}

.peekable input[type='checkbox']~label .unchecked {
    display: inline-block
}

.peekable input[type='checkbox']~label .checked {
    display: none
}

.peekable input[type='checkbox']:checked~label .checked {
    display: inline-block
}

.peekable input[type='checkbox']:checked~label .unchecked {
    display: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .peekable .peekable-toggle a {
        pointer-events: none
    }

    .peekable .peekable-toggle .ribbon__segment.right {
        pointer-events: auto
    }
}

@media all and (max-width:350px) {
    .card.card--moremenu {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .card.card--moremenu {
        display: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .card.card--moremenu {
        display: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .card.card--moremenu {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.card--moremenu {
        display: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.card--moremenu {
        width: 65.21739%;
        float: left;
        margin-left: 17.3913%;
        margin-right: -100%;
        float: none
    }
}

@media all and (min-width:1441px) {
    .card.card--moremenu {
        width: 65.21739%;
        float: left;
        margin-left: 17.3913%;
        margin-right: -100%;
        float: none
    }
}

.visor,
.visor-content {
    transform: translateY(0)
}

.visor.up,
.visor-content.up {
    transform: translateY(-105%)
}

.slider .slider-toggler {
    cursor: pointer
}

.slider>.slider-screen {
    z-index: 1500;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none
}

.slider>.slider-drawer {
    transition: width .3s, margin-left .3s, transform .3s
}

@media all and (max-width:350px) {
    .slider>.slider-drawer {
        width: 72%;
        transform: translateX(-100%)
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .slider>.slider-drawer {
        width: 48%;
        transform: translateX(-100%)
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .slider>.slider-drawer {
        width: 32%;
        transform: translateX(-100%)
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .slider>.slider-drawer {
        transition: transform 0s;
        width: 24%;
        transform: translateX(0)
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .slider>.slider-drawer {
        transition: transform 0s;
        width: 19.35484%;
        transform: translateX(0)
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .slider>.slider-drawer {
        width: 16.21622%;
        transform: translateX(0)
    }
}

@media all and (min-width:1441px) {
    .slider>.slider-drawer {
        width: 32.43243%;
        transform: translateX(-100%)
    }
}

.slider>.slider-canvas {
    transition: transform .3s
}

@media all and (min-width:1441px) {
    .slider>.slider-canvas {
        transition: width .3s, margin-left .3s, transform .3s
    }
}

@media all and (max-width:350px) {
    .slider>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .slider>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .slider>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .slider>.slider-canvas {
        margin-left: 24%;
        width: 76%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .slider>.slider-canvas {
        margin-left: 19.35484%;
        width: 80.64516%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .slider>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:1441px) {
    .slider>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:1441px) {

    .slider>.slider-canvas.main-header-layout,
    .slider .main-content__header {
        margin-left: 0;
        width: 100%
    }
}

.slider.close>.slider-screen {
    pointer-events: none
}

.slider.close>.slider-drawer {
    transform: translateX(-100%)
}

.slider.close>.slider-canvas {
    margin-left: 0;
    width: 100%
}

@media all and (min-width:1441px) {

    .slider.close>.slider-canvas.main-header-layout,
    .slider.close .main-content__header {
        margin-left: 0;
        width: 100%
    }
}

@media all and (max-width:350px) {
    .slider.open>.slider-screen {
        pointer-events: all
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .slider.open>.slider-screen {
        pointer-events: all
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .slider.open>.slider-screen {
        pointer-events: all
    }
}

.slider.open>.slider-drawer {
    transform: translateX(0)
}

@media all and (max-width:350px) {
    .slider.open>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .slider.open>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .slider.open>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .slider.open>.slider-canvas {
        margin-left: 24%;
        width: 76%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .slider.open>.slider-canvas {
        margin-left: 19.35484%;
        width: 80.64516%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .slider.open>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:1441px) {
    .slider.open>.slider-canvas {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width:1441px) {

    .slider.open>.slider-canvas.main-header-layout,
    .slider.open .main-content__header {
        margin-left: 32.43243%;
        width: 67.56757%
    }
}

.flexslider {
    border: none;
    background: none
}

@media all and (max-width:350px) {
    .flex-direction-nav {
        display: block
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .flex-direction-nav {
        display: block
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .flex-direction-nav {
        display: block
    }
}

.flex-direction-nav a {
    width: 35px !important;
    height: 35px !important
}

.flex-direction-nav .flex-prev {
    left: 2.0rem !important
}

.flex-direction-nav .flex-next {
    right: 2.0rem !important
}

.flex-direction-nav a:before {
    font-size: 35px !important
}

.fullpage {
    overflow: visible !important
}

.fullpage__pager--up,
.fullpage__pager--down {
    position: absolute;
    width: 100%
}

.fullpage__pager--up {
    top: 0
}

.fullpage__pager--down {
    bottom: 0
}

.fullpage__toggler {
    cursor: pointer;
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .fullpage__toggler {
        display: none
    }
}

@media all and (min-width:1441px) {
    .fullpage__toggler {
        display: none
    }
}

.fullpage__toggler.fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.pager {
    display: inline-block;
    font-size: .85rem
}

.pager__item {
    float: left
}

.pager__item>a {
    display: inline-block;
    height: 3.75rem;
    line-height: 3.75rem;
    width: 2.5rem;
    text-align: center
}

.pager__item:hover {
    background: #f7f7f7
}

.pager__item.is-active>a {
    text-decoration: underline
}

.pager.invert .pager__item:hover {
    background: #1d1d1d
}

.thumb {
    position: relative
}

.thumb__caption--top>*,
.thumb__caption--middle>*,
.thumb__caption--bottom>* {
    width: 100%;
    padding: 10px 15px;
    font-size: .9rem;
    background: #eb6100;
    color: #fff;
    opacity: 0.8;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.thumb__caption--top>* {
    position: absolute;
    top: 0
}

.thumb__caption--middle>* {
    height: 100%
}

.thumb__caption--bottom>* {
    position: absolute;
    bottom: 0
}

.bd>p,
.bd~.morelink {
    font-size: .9rem
}

.bd--bigtext>p,
.bd--bigtext~.morelink {
    font-size: 1.15rem;
    line-height: 1.6;
    margin: 1.25rem
}

@media all and (max-width:350px) {

    .bd--bigtext>p,
    .bd--bigtext~.morelink {
        font-size: .9rem
    }
}

@media all and (min-width:351px) and (max-width:560px) {

    .bd--bigtext>p,
    .bd--bigtext~.morelink {
        font-size: 1rem
    }
}

@media all and (min-width:561px) and (max-width:750px) {

    .bd--bigtext>p,
    .bd--bigtext~.morelink {
        font-size: 1.15rem
    }
}

@media all and (min-width:751px) and (max-width:1050px) {

    .bd--bigtext>p,
    .bd--bigtext~.morelink {
        font-size: 1.15rem
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {

    .bd--bigtext>p,
    .bd--bigtext~.morelink {
        font-size: 1.15rem
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {

    .bd--bigtext>p,
    .bd--bigtext~.morelink {
        font-size: 1.25rem
    }
}

@media all and (min-width:1441px) {

    .bd--bigtext>p,
    .bd--bigtext~.morelink {
        font-size: 1.25rem
    }
}

.bd--smltext>p,
.bd--smltext~.morelink {
    font-size: .9rem;
    line-height: 1.5rem
}

@media all and (max-width:350px) {
    .bd--expandable {
        max-height: 8.0em
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .bd--expandable {
        max-height: 10.55em
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .bd--expandable {
        max-height: 10.55em
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .bd--expandable {
        max-height: 9.25em
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .bd--expandable {
        max-height: 9.55em
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .bd--expandable {
        max-height: 9.55em
    }
}

@media all and (min-width:1441px) {
    .bd--expandable {
        max-height: 9.33em
    }
}

.overlay {
    position: relative;
    margin-bottom: 0%;
}

.overlay__over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.overlay--onhover .overlay__over>* {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column
}

.overlay--onhover .overlay__over:hover>* {
    display: -ms-flexbox;
    display: flex
}

.overlay--persistant .overlay__over>* {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.focus__block:hover,
.focus__block.isfocused {
    background: #f7f7f7
}

.focus__block.card:hover {
    border: none;
    box-shadow: 0px 8px 8px -9px #555
}

.focus__block:hover .focus__btn {
    background: #f3f3f3
}

.focus__block .focus__btn:hover {
    background: #eee
}

.focus__block .focus__btn:hover>i {
    color: black
}

@media all and (min-width:1441px) {
    .focus__block--onfull {
        background: #f7f7f7
    }
}

@media all and (min-width:1441px) {
    .focus__block--onfull:hover {
        border: none;
        box-shadow: 0px 8px 8px -9px #555
    }
}

.focus.invert .focus__block:hover,
.focus.invert .focus__block.isfocused {
    background: #1d1d1d
}

.focus.invert .focus__block.card:hover {
    border: none;
    box-shadow: 0px 8px 8px -9px black
}

.focus.invert .focus__block:hover .focus__btn {
    background: #222
}

.focus.invert .focus__block .focus__btn:hover {
    background: #252525
}

.focus.invert .focus__block .focus__btn:hover>i {
    color: white
}

@media all and (min-width:1441px) {
    .focus.invert .focus__block--onfull {
        background: #1d1d1d
    }
}

@media all and (min-width:1441px) {
    .focus.invert .focus__block--onfull:hover {
        border: none;
        box-shadow: 0px 8px 8px -9px black
    }
}

.bg--none {
    background: none
}

.buffer-top {
    height: 8rem
}

.buffer-bottom {
    height: 11.25rem;
    clear: left
}

.inverter__toggler {
    cursor: pointer
}

.preloader {
    position: absolute;
    z-index: 1000000;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #eb6100;
    animation: spin 1s linear infinite
}

.preloader-screen {
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none
}

.preloaded-content {
    display: none
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.card.relations>.card__header {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

.card.relations>.card__body {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

.card.relations>.card__footer {
    display: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.relations>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.relations>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.relations>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.relations>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.relations>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.relations>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1441px) {
    .card.relations>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.relations>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.relations>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (max-width:350px) {
    .card.relation .card__slide {
        width: 47.82609%;
        margin-right: 4.34783%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .card.relation .card__slide {
        width: 47.82609%;
        margin-right: 4.34783%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .card.relation .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .card.relation .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.relation .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.relation .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }
}

@media all and (min-width:1441px) {
    .card.relation .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }
}

.card.relation .card__body>.bd {
    width: 81.81818%
}

.card.relation .card__footer {
    display: none
}

@media all and (min-width:1441px) {
    .card.relation .card__footer {
        display: initial
    }
}

@media all and (min-width:1441px) {
    .card.ideas {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.card.ideas>.card__header {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

.card.ideas>.card__body {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

.card.ideas>.card__footer {
    display: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

@media all and (max-width:350px) {
    .card.ideas>.card__header {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .card.ideas>.card__header {
        display: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .card.ideas>.card__header {
        display: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .card.ideas>.card__header {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.ideas>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.ideas>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.ideas>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.ideas>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.ideas>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.ideas>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1441px) {
    .card.ideas>.card__header {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.idea .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.idea .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }
}

@media all and (min-width:1441px) {
    .card.idea .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }
}

.card.idea .card__body>.bd {
    width: 81.81818%
}

.card.idea .card__footer {
    display: none
}

@media all and (min-width:1441px) {
    .card.idea .card__footer {
        display: initial
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.idea .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }

    .card.idea .card__body>.bd {
        width: 81.81818%
    }
}

@media all and (min-width:1441px) {
    .card.idea .card__slide {
        width: 29.41176%;
        margin-right: 5.88235%
    }

    .card.idea .card__body>.bd {
        width: 81.81818%
    }

    .card.idea .card__footer {
        display: initial
    }
}

@media all and (max-width:350px) {
    .card.factsheet>.card__header {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .card.factsheet>.card__header {
        display: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .card.factsheet>.card__header {
        display: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .card.factsheet>.card__header {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.factsheet>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.factsheet>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.factsheet>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.factsheet>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.factsheet>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.factsheet>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }
}

@media all and (min-width:1441px) {
    .card.factsheet>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.factsheet>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.factsheet>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }
}

.headlines__tags {
    margin-top: 1.5em
}

.headlines {
    font-size: 1rem
}

.card.projects-table .card__header {
    display: none
}

@media all and (max-width:350px) {
    .projects-table__head {
        display: table-row-group
    }

    .projects-table__head-year,
    .projects-table__data-year {
        width: 12%
    }

    .projects-table__head-city,
    .projects-table__data-city {
        display: none
    }

    .projects-table__head-size,
    .projects-table__data-size {
        display: none
    }

    .projects-table__head-type,
    .projects-table__data-type {
        display: none
    }

    .projects-table__head-program,
    .projects-table__data-program {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .projects-table__head {
        display: table-row-group
    }

    .projects-table__head-year,
    .projects-table__data-year {
        width: 21%
    }

    .projects-table__head-city,
    .projects-table__data-city {
        display: none
    }

    .projects-table__head-size,
    .projects-table__data-size {
        display: none
    }

    .projects-table__head-type,
    .projects-table__data-type {
        display: none
    }

    .projects-table__head-program,
    .projects-table__data-program {
        display: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .projects-table__head {
        display: table-row-group
    }

    .projects-table__head-year,
    .projects-table__data-year {
        width: 9%
    }

    .projects-table__head-city,
    .projects-table__data-city {
        display: none
    }

    .projects-table__head-size,
    .projects-table__data-size {
        display: none
    }

    .projects-table__head-type,
    .projects-table__data-type {
        display: none
    }

    .projects-table__head-program,
    .projects-table__data-program {
        display: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .projects-table__head {
        display: table-row-group
    }

    .projects-table__head-year,
    .projects-table__data-year {
        width: 9%
    }

    .projects-table__head-city,
    .projects-table__data-city {
        display: none
    }

    .projects-table__head-size,
    .projects-table__data-size {
        display: none
    }

    .projects-table__head-type,
    .projects-table__data-type {
        display: none
    }

    .projects-table__head-program,
    .projects-table__data-program {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .projects-table__head {
        display: table-row-group
    }

    .projects-table__head-year,
    .projects-table__data-year {
        width: 6%
    }

    .projects-table__head-city,
    .projects-table__data-city {
        width: 12%
    }

    .projects-table__head-size,
    .projects-table__data-size {
        display: none
    }

    .projects-table__head-type,
    .projects-table__data-type {
        width: 16%
    }

    .projects-table__head-program,
    .projects-table__data-program {
        width: 16%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .projects-table__head {
        display: table-row-group
    }

    .projects-table__head-year,
    .projects-table__data-year {
        width: 8%
    }

    .projects-table__head-city,
    .projects-table__data-city {
        width: 14%
    }

    .projects-table__head-size,
    .projects-table__data-size {
        width: 14%
    }

    .projects-table__head-type,
    .projects-table__data-type {
        width: 14%
    }

    .projects-table__head-program,
    .projects-table__data-program {
        width: 12%
    }
}

@media all and (min-width:1441px) {
    .projects-table__head {
        display: table-row-group
    }

    .projects-table__head-year,
    .projects-table__data-year {
        width: 12%
    }

    .projects-table__head-city,
    .projects-table__data-city {
        width: 12%
    }

    .projects-table__head-size,
    .projects-table__data-size {
        width: 15%
    }

    .projects-table__head-type,
    .projects-table__data-type {
        width: 18%
    }

    .projects-table__head-program,
    .projects-table__data-program {
        width: 12%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.press {
        padding-left: 4%;
        padding-right: 4%;
        clear: left;
        float: none;
        float: none
    }
}

@media all and (min-width:1441px) {
    .card.press>.card__header {
        width: 14.28571%;
        float: left;
        margin-left: 0
    }

    .card.press>.card__body {
        width: 65.71429%;
        margin-left: 2.85714%;
        float: right
    }

    .card.press>.card__footer {
        width: 65.71429%;
        margin-left: 2.85714%;
        clear: right;
        float: right
    }
}

@media all and (max-width:350px) {
    .press-table__head {
        display: none
    }

    .press-table__data-publication-date {
        display: none
    }

    .press-table__data-publication {
        display: none
    }

    .press-table__data-icon {
        width: 12%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .press-table__head {
        display: none
    }

    .press-table__data-publication-date {
        width: 17%
    }

    .press-table__data-publication {
        display: none
    }

    .press-table__data-icon {
        width: 12%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .press-table__head {
        display: none
    }

    .press-table__data-publication-date {
        width: 12%
    }

    .press-table__data-publication {
        display: none
    }

    .press-table__data-icon {
        width: 9%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .press-table__head {
        display: none
    }

    .press-table__data-publication-date {
        width: 12%
    }

    .press-table__data-publication {
        display: none
    }

    .press-table__data-icon {
        width: 9%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .press-table__head {
        display: table-row-group
    }

    .press-table__data-publication-date,
    .press-table__head-publication-date {
        width: 8%
    }

    .press-table__data-publication,
    .press-table__head-publication {
        width: 18%
    }

    .press-table__data-icon,
    .press-table__head-icon {
        width: 6%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .press-table__head {
        display: table-row-group
    }

    .press-table__data-publication-date,
    .press-table__head-publication-date {
        width: 9%
    }

    .press-table__data-publication,
    .press-table__head-publication {
        width: 18%
    }

    .press-table__data-icon,
    .press-table__head-icon {
        width: 7%
    }
}

@media all and (min-width:1441px) {
    .press-table__head {
        display: table-row-group
    }

    .press-table__data-publication-date,
    .press-table__head-publication-date {
        width: 10%
    }

    .press-table__data-publication,
    .press-table__head-publication {
        width: 21%
    }

    .press-table__data-icon,
    .press-table__head-icon {
        width: 5%
    }
}

.card.awards .card__header {
    display: none
}

@media all and (max-width:350px) {
    .awards-table__head {
        display: table-row-group
    }

    .awards-table__head-date,
    .awards-table__data-date {
        display: none
    }

    .awards-table__head-icon,
    .awards-table__data-icon {
        width: 11%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .awards-table__head {
        display: table-row-group
    }

    .awards-table__head-date,
    .awards-table__data-date {
        width: 12%
    }

    .awards-table__head-icon,
    .awards-table__data-icon {
        width: 11%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .awards-table__head {
        display: table-row-group
    }

    .awards-table__head-date,
    .awards-table__data-date {
        width: 9%
    }

    .awards-table__head-icon,
    .awards-table__data-icon {
        width: 9%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .awards-table__head {
        display: table-row-group
    }

    .awards-table__head-date,
    .awards-table__data-date {
        width: 9%
    }

    .awards-table__head-icon,
    .awards-table__data-icon {
        width: 9%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .awards-table__head {
        display: table-row-group
    }

    .awards-table__head-date,
    .awards-table__data-date {
        width: 6%
    }

    .awards-table__head-icon,
    .awards-table__data-icon {
        width: 6%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .awards-table__head {
        display: table-row-group
    }

    .awards-table__head-date,
    .awards-table__data-date {
        width: 6%
    }

    .awards-table__head-icon,
    .awards-table__data-icon {
        width: 7%
    }
}

@media all and (min-width:1441px) {
    .awards-table__head {
        display: table-row-group
    }

    .awards-table__head-date,
    .awards-table__data-date {
        width: 10%
    }

    .awards-table__head-icon,
    .awards-table__data-icon {
        width: 5%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.peoples {
        margin-left: 4%;
        margin-right: 4%;
        clear: left;
        float: none
    }
}

@media all and (min-width:1441px) {
    .card.peoples {
        width: 65.71429%;
        float: left;
        margin-left: 17.14286%;
        margin-right: -100%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.task-main {
        margin-top: .83rem
    }
}

@media all and (min-width:1441px) {
    .card.task-main {
        margin-top: 1.67rem
    }
}

.card.task-main>.card__header {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

.card.task-main>.card__body {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none;font-size:.9rem;line-height: 2;
}

.card.task-main>.card__footer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.task-main>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.task-main>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.task-main>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.task-main>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.task-main>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.task-main>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }
}

@media all and (min-width:1441px) {
    .card.task-main>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.task-main>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.task-main>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }
}

.card.video-player {
    width: 100%;
    background: #151515
}

@media all and (min-width:1441px) {
    .card.video-player .video-embed-field-responsive-video {
        width: 62.16216%;
        float: left;
        margin-left: 18.91892%;
        margin-right: -100%
    }
}

.slider.close .card.video-player {
    background: #151515
}

@media all and (min-width:1441px) {
    .slider.close .card.video-player .video-embed-field-responsive-video {
        width: 62.16216%;
        float: left;
        margin-left: 18.91892%;
        margin-right: -100%
    }
}

.slider.open .card.video-player {
    background: none
}

@media all and (min-width:1441px) {
    .slider.open .card.video-player .video-embed-field-responsive-video {
        width: 62.16216%;
        float: left;
        margin-left: 35.13514%;
        margin-right: -100%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.manifesto>.card__header {
        display: none
    }

    .card.manifesto>.card__footer {
        display: none
    }
}

@media all and (min-width:1441px) {
    .card.manifesto>.card__header {
        display: none
    }

    .card.manifesto>.card__footer {
        display: none
    }
}

@media all and (max-width:350px) {
    .card.news-item .card__media {
        width: 100%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .card.news-item .card__media {
        width: 100%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .card.news-item .card__media {
        width: 100%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .card.news-item .card__media {
        width: 100%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.news-item .card__media {
        width: 100%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.news-item .card__media {
        width: 91.30435%;
        float: left;
        margin-left: 4.34783%;
        margin-right: -100%;
        float: none;
        width: 91.30435%
    }
}

@media all and (min-width:1441px) {
    .card.news-item .card__media {
        width: 91.30435%;
        float: left;
        margin-left: 4.34783%;
        margin-right: -100%;
        float: none;
        width: 91.30435%
    }
}

.card.news-item .card__body>.bd {
    width: 88.23529%
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.news-item .card__body>.bd {
        width: 91.30435%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.news-item .card__body {
        clear: left;
        float: left
    }

    .card.news-item .card__body>.bd {
        width: 91.30435%
    }
}

@media all and (min-width:1441px) {
    .card.news-item .card__body {
        clear: left;
        float: left
    }

    .card.news-item .card__body>.bd {
        width: 91.30435%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.news-item .card__footer {
        clear: left
    }
}

@media all and (min-width:1441px) {
    .card.news-item .card__footer {
        clear: left
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.practice__main {
        margin-top: 1.67rem;
        padding-left: 4%;
        padding-right: 4%;
        clear: left;
        float: none
    }
}

@media all and (min-width:1441px) {
    .card.practice__main {
        width: 65.71429%;
        float: left;
        margin-left: 17.14286%;
        margin-right: -100%;
        margin-top: 1.67rem
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.practice__main>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.practice__main>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.practice__main>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }
}

@media all and (min-width:1441px) {
    .card.practice__main>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.practice__main>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.practice__main>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }
}

.card.books>.card__header {
    display: none
}

.card.book-item:nth-child(1) {
    border-top: none
}

@media all and (max-width:350px) {
    .card.events>.card__header {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .card.events>.card__header {
        display: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .card.events>.card__header {
        display: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .card.events>.card__header {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.events>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.events>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.events>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.events>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.events>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.events>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1441px) {
    .card.events>.card__header {
        width: 14.28571%;
        float: left;
        margin-left: 0
    }

    .card.events>.card__body {
        width: 65.71429%;
        margin-left: 2.85714%;
        float: right
    }

    .card.events>.card__footer {
        width: 65.71429%;
        margin-left: 2.85714%;
        clear: right;
        float: right
    }

    .card.events>.card__footer {
        border: none
    }

    .card.events>.card__footer>.focus__block--onfull {
        padding: 0 1.08696% 0 1.08696%
    }
}

.card.event-teaser:nth-child(1) {
    border-top: none
}

@media all and (min-width:1441px) {
    .card.event-teaser {
        padding: 0 1.08696% 0 3.26087%;
        margin-bottom: 3.26087%;
        border: none
    }

    .card.event-teaser:nth-child(1) {
        margin-top: 4.34783%
    }
}

@media all and (max-width:350px) {
    .card.event-teaser .card__slide {
        width: 100%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .card.event-teaser .card__slide {
        width: 100%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .card.event-teaser .card__slide {
        width: 65.21739%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .card.event-teaser .card__slide {
        width: 64.70588%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.event-teaser .card__slide {
        width: 64.70588%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.event-teaser .card__slide {
        width: 64.70588%
    }
}

@media all and (min-width:1441px) {
    .card.event-teaser .card__slide {
        width: 47.82609%
    }
}

@media all and (min-width:1441px) {
    .card.event-teaser .card__body {
        width: 73.91304%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.event {
        border-top: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.event {
        border-top: none
    }
}

@media all and (min-width:1441px) {
    .card.event {
        border-top: none
    }
}

@media all and (max-width:350px) {
    .card.event .card__slide {
        width: 100%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .card.event .card__slide {
        width: 100%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .card.event .card__slide {
        width: 65.21739%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .card.event .card__slide {
        width: 64.70588%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.event .card__slide {
        width: 64.70588%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.event .card__slide {
        width: 64.70588%
    }
}

@media all and (min-width:1441px) {
    .card.event .card__slide {
        width: 47.82609%
    }
}

@media all and (min-width:1441px) {
    .card.event .card__body {
        width: 73.91304%
    }
}

@media all and (max-width:350px) {
    .card.event-details-wrapper>.card__header {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .card.event-details-wrapper>.card__header {
        display: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .card.event-details-wrapper>.card__header {
        display: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .card.event-details-wrapper>.card__header {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.event-details-wrapper>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.event-details-wrapper>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.event-details-wrapper>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.event-details-wrapper>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.event-details-wrapper>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.event-details-wrapper>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1441px) {
    .card.event-details-wrapper>.card__header {
        width: 21.73913%;
        float: left;
        margin-left: 0
    }

    .card.event-details-wrapper>.card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.event-details-wrapper>.card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.event-details {
        border-top: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.event-details {
        border-top: none
    }
}

@media all and (min-width:1441px) {
    .card.event-details {
        border-top: none
    }
}

.card.event-details .card__slide {
    width: 100%
}

@media all and (min-width:1441px) {
    .card.event-details .card__slide {
        width: 64.70588%
    }
}

.card.coverage .media.mediaTitle:nth-child(1) {
    margin-top: 0
}

.card.coverage .media.mediaTitle:nth-last-child(1) {
    margin-bottom: 0
}

.card.coverage .card__header {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

.card.coverage .card__body {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

.card.coverage .card__footer {
    display: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .card.coverage .card__header {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none
    }

    .card.coverage .card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.coverage .card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .card.coverage .card__header {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none
    }

    .card.coverage .card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.coverage .card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

@media all and (min-width:1441px) {
    .card.coverage .card__header {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none
    }

    .card.coverage .card__body {
        width: 73.91304%;
        margin-left: 4.34783%;
        float: right
    }

    .card.coverage .card__footer {
        width: 73.91304%;
        margin-left: 4.34783%;
        clear: right;
        float: right
    }
}

.card.featured-work {
    overflow: visible;
    position: relative
}

.card.featured-work .slide__image {
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.card.featured-work .slide__image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 50%;
    width: auto
}

.card.featured-work .slide__image.fullwidth img {
    width: 50%;
    height: auto;
}

.card.featured-work .slide__caption {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0
}

.container {
    height: 100%;
    max-width: 100%
}

.container:after {
    content: " ";
    display: block;
    clear: both
}

.sidebar-layout {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%
}

.main-header-layout {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    margin-left: 0%;
    width: 100%
}

.main-content-layout {
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-left: 0%;
    width: 100%
}

#main-content-primary #block-open-scratch-views-block-recent-news-block-1 {
    border-top: 1px solid grey
}

#main-content-primary #block-open-scratch-views-block-recent-news-block-1 .views-row {
    border-top: none
}

#main-content-relations:after {
    content: "";
    display: table;
    clear: both
}

#main-content-facts:after {
    content: "";
    display: table;
    clear: both
}

#main-content-facts .region {
    border-top: 1px solid #e5e5e5
}

#main-content-gallery:after {
    content: "";
    display: table;
    clear: both
}

#main-content-gallery .region {
    width: 100%;
    float: left;
    padding-left: 3.40909%;
    padding-right: 3.40909%
}

#main-content-gallery .gallery-list:after {
    content: "";
    display: table;
    clear: both
}

#main-content-gallery .gallery-list-item {
    width: 47.94521%;
    float: left;
    margin-bottom: 4.10959%
}

#main-content-gallery .gallery-list-item:nth-child(2n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
}

#main-content-gallery .gallery-list-item:nth-child(2n+2) {
    margin-left: 52.05479%;
    margin-right: -100%;
    clear: none
}

.sidebar-wrapper {
    height: 100%
}

.sidebar-wrapper>.sidebar .sidebar__top {
    line-height: 5rem;
    height: 5rem
}

.sidebar-wrapper>.sidebar .sidebar__middle {
    padding-top: 15rem;
    padding-bottom: 15rem
}

.sidebar-wrapper>.sidebar .sidebar__bottom {
    height: 3.75rem;
    line-height: 3.75rem
}

.sidebar {
    width: 100%;
    height: 100%;
    position: relative;
    border-right: 1px solid #ccc
}

@media all and (min-width:1441px) {
    .sidebar {
        background: #f3f3f3;
        border-right: none
    }
}

.sidebar__top {
    font-size: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.sidebar__middle {
    height: 100%;
    overflow-y: auto
}

.sidebar__middle::-webkit-scrollbar {
    width: 0
}

.sidebar__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff
}

@media all and (min-width:1441px) {
    .sidebar__bottom {
        background: #f3f3f3
    }
}

.sidebar-wrapper>.sidebar.invert {
    border-right: 1px solid #555
}

@media all and (min-width:1441px) {
    .sidebar-wrapper>.sidebar.invert {
        background: none
    }
}

.sidebar-wrapper>.sidebar.invert .sidebar__bottom {
    background: #151515
}

.main-header-wrapper {
    padding: 0 4.34783%
}

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

@media all and (max-width:350px) {
    .main-header-wrapper {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .main-header-wrapper {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .main-header-wrapper {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .main-header-wrapper {
        padding-left: 5.26316%;
        padding-right: 5.26316%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .main-header-wrapper {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .main-header-wrapper {
        padding: 0;
        margin: 0 16.21622%
    }
}

@media all and (min-width:1441px) {
    .main-header-wrapper {
        padding: 0 2.7027%
    }
}

.main-header {
    overflow: visible;
    font-size: 1rem;
    line-height: 6.25rem;
    height: 6.25rem
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .main-header {
        padding-left: 0%;
        padding-right: 0%;
        clear: left;
        float: none
    }
}

@media all and (max-width:350px) {
    .main-header {
        line-height: 5rem;
        height: 5rem
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .main-header {
        line-height: 5rem;
        height: 5rem
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .main-header {
        line-height: 5rem;
        height: 5rem
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .main-header {
        line-height: 5rem;
        height: 5rem
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .main-header {
        line-height: 5rem;
        height: 5rem
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .main-header {
        line-height: 5rem;
        height: 5rem
    }
}

@media all and (min-width:1441px) {
    .main-header {
        line-height: 5rem;
        height: 5rem
    }
}

.main-header__left>.block {
    float: left
}

.main-header__right>* {
    float: right
}

.main-header__center>nav {
    width: 100%;
    text-align: center
}

.main-header__center>nav>.block {
    display: inline-block
}

@media all and (max-width:350px) {
    .main-header__center {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .main-header__center {
        display: none
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .main-header__center {
        display: none
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .main-header__center {
        display: none
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .main-header__center {
        display: none
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .main-header__center {
        display: none
    }
}

.main-content-wrapper {
    -ms-flex: 1;
    flex: 1
}

.main-content {
    font-size: 1rem;z-index:1;position: relative;
}

.main-content>* {
    clear: left;
    overflow: hidden
}

.main-content__buffer {
    padding: 0 4%
}
.gallery__item{position: relative;z-index:2;}
.main-content__header {
    padding: 0 4%;z-index:120;position: relative;
}

.main-content__slideshow {
    padding: 0
}

.main-content__primary {
    padding: 0 4%
}

.main-content__relations {
    padding: 0 4%
}

.main-content__facts {
    padding: 0 4%
}

@media all and (max-width:350px) {
    .main-content__primary .videos {
        margin: 0 -4% 0 -4%
    }

    .main-content__primary .videos .card__header {
        padding: 0 4%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .main-content__primary .videos {
        margin: 0 -4% 0 -4%
    }

    .main-content__primary .videos .card__header {
        padding: 0 4%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .main-content__primary .videos {
        margin: 0 -4% 0 -4%
    }

    .main-content__primary .videos .card__header {
        padding: 0 4%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .main-content__buffer {
        padding: 0 5.26316%
    }

    .main-content__header {
        padding: 0 5.26316%
    }

    .main-content__slideshow {
        padding: 0
    }

    .main-content__primary {
        padding: 0 5.26316%
    }

    .main-content__relations {
        padding: 0 5.26316%
    }

    .main-content__facts {
        padding: 0 5.26316%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .main-content__buffer {
        padding: 0 4%
    }

    .main-content__header {
        padding: 0 4%
    }

    .main-content__slideshow {
        padding: 0
    }

    .main-content__primary {
        padding: 0 4%
    }

    .main-content__relations {
        padding: 0 4%
    }

    .main-content__facts {
        padding: 0 4%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .main-content__buffer {
        padding: 0;
        margin: 0 16.21622%
    }

    .main-content__header {
        padding: 0;
        margin: 0 16.21622%
    }

    .main-content__slideshow {
        padding: 0;
        margin: 0 16.21622%
    }

    .main-content__primary {
        padding: 0;
        margin: 0 16.21622%
    }

    .main-content__relations {
        padding: 0;
        margin: 0 16.21622%
    }

    .main-content__facts {
        padding: 0;
        margin: 0 16.21622%
    }
}

@media all and (min-width:1441px) {
    .main-content__buffer {
        padding: 0 2.7027%
    }

    .main-content__header {
        padding: 0 2.7027%
    }

    .main-content__slideshow {
        padding: 0
    }

    .main-content__primary {
        padding: 0 2.7027%
    }

    .main-content__relations {
        margin: 0;
        padding: 0 2.7027%
    }

    .main-content__facts {
        margin: 0;
        padding: 0 2.7027%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .toolbar-wrapper {
        padding-left: 4%;
        padding-right: 4%;
        clear: left;
        float: none
    }
}

.toolbar {
    font-size: .85rem;
    position: relative;
}

.toolbar-contents,
.toolbar-toggle,
.toolbar-header {
    position: absolute;
    top: -5rem;
    width: 100%;
    height: 4rem;
    line-height: 4rem
}

.toolbar-contents:after,
.toolbar-toggle:after,
.toolbar-header:after {
    content: "";
    display: table;
    clear: both
}

.toolbar-header {
    top: -5rem
}

.toolbar-contents {
    top: -5rem;
    border-top: 1px solid #ccc
}

.toolbar-contents .views-exposed-form {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle
}

.toolbar-contents .views-exposed-form .form-item {   
    float: left;width:49%;
}
.toolbar-contents .views-exposed-form .form-item:last-child{margin-left:2%;}
.toolbar-contents .views-exposed-form label {
    vertical-align: middle
}

.toolbar-contents .views-exposed-form .form-select {
    border: none
}

.toolbar-contents .views-exposed-form .form-select:option {
    text-transform: uppercase
}

.toolbar-contents .views-exposed-form .form-submit {
    display: none
}

.toolbar-contents .views-exposed-form option {
    height: 2.5rem;
    line-height: 2.5rem
}

.toolbar-toggle {
    top: -5rem;
    border-bottom: 1px solid #ccc
}

.toolbar-toggle.below {
    top: 0;
    border-bottom: 0;
    border-top: 1px solid #ccc
}

.toolbar.invert .toolbar-contents {
    border-top: 1px solid #555
}

.toolbar.invert .toolbar-toggle {
    border-bottom: 1px solid #555
}

.slideshow .views-slideshow-main-frame,
.slideshow .views-slideshow-main-frame-row,
.slideshow .views-slideshow-main-frame-row img {
    width: 100% !important;
    height: auto
}

.slideshow .views_slideshow_cycle_main {
    width: 100%;
    float: left
}

.slideshow .views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
    width: 100% !important;
    height: auto
}

.slideshow .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
    width: 100% !important;
    height: auto
}

.slideshow .views_slideshow_cycle_main .field-content {
    max-width: 100%;
    width: 100%
}

.slideshow .views_slideshow_cycle_main .field-content img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.slideshow__slide {
    width: 100% !important;
    height: auto
}

.slideshow__image>img {
    width: 100%;
    height: auto
}

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

.slideshow__title {
    width: 87.05882%;
    float: left
}

.slideshow__icon {
    width: 9.41176%;
    float: right
}

.slide .views-field {
    margin: 0
}

.slide__caption a:before {
    content: "\2191\00a0\00a0\00a0"
}

.slide__caption .label {
    padding: 0 .5rem
}

@media all and (max-width:350px) {
    .slide__caption {
        display: none
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .slide__caption {
        display: none
    }
}

.slideshow.slideshow--fullscreen {
    overflow: visible;
    position: relative
}

.slideshow.slideshow--fullscreen .slide__image img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%
}

.slideshow.slideshow--fullscreen .slide__caption {
    position: fixed;
    bottom: 0;
    left: 0
}

.slideshow.slideshow--fitscreen .flexslider {
    position: fixed;
    top: 50%;
    transform: translateY(-50%)
}

#block-sitebranding>.sitename {
    margin: 1.5em 0 100px 0
}

.footer--menus {
    margin: 1.5em 0
}

.footer--searchbar {
    margin: 1.5em 0
}

.main-footer-wrapper {
    width: initial !important;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0 4.34783%
}

@media all and (max-width:350px) {
    .main-footer-wrapper {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .main-footer-wrapper {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .main-footer-wrapper {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .main-footer-wrapper {
        padding-left: 5.26316%;
        padding-right: 5.26316%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .main-footer-wrapper {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .main-footer-wrapper {
        padding: 0;
        margin: 0 16.21622%
    }
}

@media all and (min-width:1441px) {
    .main-footer-wrapper {
        padding: 0 2.7027%
    }
}

.main-footer {
    font-size: 1rem
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .main-footer {
        margin-left: 4%;
        margin-right: 4%;
        clear: left;
        float: none
    }
}

.bar {
    font-size: .8rem;
    height: 3.125rem;
    line-height: 3.125rem
}

.ribbon {
    overflow: hidden;
    height: inherit;
    line-height: inherit
}

.ribbon__segment.right,
.ribbon__segment.left,
.ribbon__segment.center {
    white-space: nowrap;
    text-overflow: ellipsis
}

.ribbon__segment.right {
    float: right
}

.ribbon__segment.left {
    float: left
}

.ribbon__segment.center {
    float: none;
    text-align: center;
    float: left;
    margin-left: 2.7%;
}

.ribbon.sml {
    height: 2.5rem;
    line-height: 2.5rem
}

.ribbon.med {
    height: 3.75rem;
    line-height: 3.75rem
}

.ribbon.big {
    height: 5rem;
    line-height: 5rem;
    margin-bottom: 0px
}

.ribbon.bigr {
    height: 6.25rem;
    line-height: 6.25rem
}

.ribbon.dbl {
    height: 7.5rem;
    line-height: 7.5rem
}

.w--100p {
    width: 100%
}

.w--95p {
    width: 95%
}

.w--90p {
    width: 90%
}

.w--85p {
    width: 85%
}

.bg__screen {
    z-index: 1000000000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none
}

.bg__layout {
    position: fixed;
    top: -10vh;
    left: 0;
    width: 100%;
    pointer-events: none;
    background: #ddd
}

.bg__page {
    pointer-events: none;
    height: 120vh;
    background: #fff
}

@inlude tiny {
    .bg__page {
        padding: 0 4%
    }
}

@media all and (min-width:351px) and (max-width:560px) {
    .bg__page {
        padding: 0 4%
    }
}

@media all and (min-width:561px) and (max-width:750px) {
    .bg__page {
        padding: 0 4%
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .bg__page {
        padding: 0 5.26316%
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .bg__page {
        padding: 0 4%
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .bg__page {
        padding: 0;
        margin: 0 16.21622%
    }
}

@media all and (min-width:1441px) {
    .bg__page {
        padding: 0 2.7027%
    }
}

.bg--whitesmoke {
    background: #f7f7f7
}

.bg--white {
    background: #fff
}

.bg--lines {
    background: url(/themes/open_scratch/images/hatch2x4.png)
}

.bg--manifesto {
    background: url(/themes/open_scratch/images/hatch2x4.png)
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .bg--manifesto {
        background: #eb6100
    }
}

@media all and (min-width:1441px) {
    .bg--manifesto {
        background: #eb6100
    }
}

.bg.invert .bg__layout {
    background: #000
}

.bg.invert .bg__page {
    background: #151515
}

.bg.invert .bg--whitesmoke {
    background: #1d1d1d
}

.bg.invert .bg--white {
    background: #151515
}

.bg.invert .bg--lines {
    background: #1d1d1d
}

.bg.invert .bg--manifesto {
    background: #1d1d1d
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .bg.invert .bg--manifesto {
        background: #eb6100
    }
}

@media all and (min-width:1441px) {
    .bg.invert .bg--manifesto {
        background: #eb6100
    }
}

.nameplate {
    position: absolute;
    top: 4.8%;
    width: 100%;
    margin-top: -1.875rem;
    pointer-events: none
}

.flexslider {
    margin-bottom: 0
}

.flex-control-nav {
    display: none
}

.grid-on {
    background: url(/themes/open_scratch/images/grid-mobile-red.png);
    opacity: .5;
    background-size: 100% 600%;
    background-repeat: no-repeat
}

@media all and (min-width:561px) and (max-width:750px) {
    .grid-on {
        background: url(/themes/open_scratch/images/grid-narrow-red.png);
        opacity: .5;
        background-size: 100% 600%;
        background-repeat: no-repeat
    }
}

@media all and (min-width:751px) and (max-width:1050px) {
    .grid-on {
        background: url(/themes/open_scratch/images/grid-wide-red.png);
        opacity: .5;
        background-size: 100% 600%;
        background-repeat: no-repeat
    }
}

@media all and (min-width:1051px) and (max-width:1200px) {
    .grid-on {
        background: url(/themes/open_scratch/images/grid-wider-red.png);
        opacity: .5;
        background-size: 100% 600%;
        background-repeat: no-repeat
    }
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .grid-on {
        background: url(/themes/open_scratch/images/grid-widest-red.png);
        opacity: .5;
        background-size: 100% 600%;
        background-repeat: no-repeat
    }
}

@media all and (min-width:1441px) {
    .grid-on {
        background: url(/themes/open_scratch/images/grid-widest-red.png);
        opacity: .5;
        background-size: 100% 600%;
        background-repeat: no-repeat
    }
}

.notice.ie-not-supported {
    z-index: 1000000000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: white
}

.notice__content {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    overflow: hidden;
    position: relative;
}

.fp-scroller {
    overflow: hidden;
}

.iScrollIndicator {
    border: 0 !important;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
    right: 17px;
}

#fp-nav.left {
    left: 17px;
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fp-slidesNav.bottom {
    bottom: 17px;
}

.fp-slidesNav.top {
    top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

.ezmodal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90000;
    background: rgba(0, 0, 0, .6);
    overflow-y: auto;
    display: none;
}

.ezmodal-container {
    background: #fff;
    padding: 0;
    font-size: 14px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 90001;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.8);
    -moz-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.8);
    box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.8);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.ezmodal .ezmodal-close {
    position: absolute;
    top: 9px;
    right: 20px;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 1);
    cursor: pointer;
    color: #838383;
}

.ezmodal .ezmodal-close:hover {
    color: #535353;
}

.ezmodal .ezmodal-header {
    font-size: 24px;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    border-radius: 7px 7px 0 0;
    line-height: 32px;
    color: #646464;
}

.ezmodal .ezmodal-content {
    padding: 10px 20px;
}

.ezmodal .ezmodal-footer {
    padding: 10px 20px;
    background: #efefef;
    border-top: 1px solid #e3e3e3;
    text-align: right;
    border-radius: 0 0 7px 7px;
}

@media all and (max-width:560px) {
    .ribbon__segment.center {
        float: none;
    }

    .nameplate {
        top: 15%;
    }

    .gallery_container_home {
        position: relative;
        width: 100%;
    }

    .gallery_container_home .gallery_item {
        width: 45%;
        height: 120px;
        float: left;
        margin-bottom: 5%;
        margin-right: 5%;
        position: relative;
        overflow: hidden;
    }

    .gallery_container_home .gallery_item a:hover p {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.8;
        background: #eb6100;
        display: block;
        height: 100%;
        width: 100%;
    }

    .gallery_container_home .gallery_item p span {
        top: 40%;
        width: 94%;
        margin: auto;
        display: block;
        color: #fff;
        font-size: 1rem;
        position: relative;
        vertical-align: baseline;
        margin: 0;
        padding: 0;
    }
}

@media all and (min-width: 751px) {
    .gallery_container_home {
        position: relative;
        width: 100%;
    }

    .gallery_container_home .gallery_item {
        width: 15%;
        float: left;
        margin-right: 1.8%;
        position: relative;
    }

    .gallery_container_home .gallery_item:nth-child(6) {
        margin-right: 0;
    }

    .gallery_container_home .gallery_item a:hover p {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.8;
        background: #eb6100;
        display: block;
        height: 100%;
        width: 100%;
    }

    .gallery_container_home .gallery_item p span {
        top: 40%;
        display: block;
        color: #fff;
        font-size: 1rem;
        position: relative;
        vertical-align: baseline;
        margin: 0;
        padding: 0;
    }

    #index-log {
        height: 100px;
    }


}

.label p {
    font-size: .85rem;
}

@media (max-width: 992px) {
    .hidden-m {
        display: none;
    }
}

#lis {
    height: 56px !important;
}

#lis a {
    height: 56px !important;
}

/* add项目效果 */
.add {
    position: relative;
    overflow: hidden;
}

.add .add_right {
    width: 60%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: -60%;
    z-index: 99;
    text-align: left;
}

.add .add_right h3 {
    display: block;
    padding: 10% 10% 2%;
}

.add .add_right h6 {
    display: block;
    padding: 0% 10% 40%;
}

.add .add_right span {
    display: block;
    padding: 10%;
    font-size: .9rem;
}

.add:hover .add_left {
    margin-left: -8%;
    transition: all 0.2s;
}

.add:hover .add_right {
    right: 0;
    transition: all 0.2s;
}

@media all and (min-width:1201px) and (max-width:1440px) {
    .add .add_right h6 {
        padding: 0% 10% 30%;
    }
}

.map {
    width: 534px;
   margin-right: 20px;
}
.contacts{float: left;}
.contacts_container{display: flex;align-items:flex-end;}

@media (max-width: 600px) {
    .contacts_container{flex-wrap: wrap;}
    .map {
        width: 100%;
        height: auto;
        margin: 0px auto 20px;
    }
    .contacts{margin-top: 0px;}
}
.pos-r {
    position: relative;
}

.pos-a {
    position: absolute;
    right: 0px;
    bottom: -35px;
    z-index: 99;
}

@media (max-width:768px) {
    .casd-top {
        margin-top: 25px;
    }
    
}

/* #peekable-contents{
    z-index: 999;
    background-color: #fff;
} */
.more_index{position: relative;top: 12px;color: #b7b6b6;}
.more_index:hover{color: #eb6100;}