/*
Theme Name: hcns

Theme URI: https://github.com/harvardinformatics/cnswp

Author: me

Author URI: https://wordpress.org/

Description: hcns

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: donotknow

Tags: one-column, two-columns

*/

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

*,
:after,
:before {
    box-sizing: border-box
}

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

svg {
    width: 100%;
    height: 100%
}

iframe,
img,
ol,
svg,
video {
    max-width: 100%
}

ol {
    word-wrap: break-word
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), local("NotoSans"), url(https://fonts.gstatic.com/s/notosans/v6/erE3KsIWUumgD1j_Ca-V-4X0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
    unicode-range: u+0100-024f, u+1e??, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), local("NotoSans"), url(https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nJBw1xU1rKptJj_0jans920.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ14joYw3YTyktCCer_ilOlhE.woff2) format("woff2");
    unicode-range: u+0100-024f, u+1e??, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1xampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 400;
    src: local("Noto Sans Italic"), local("NotoSans-Italic"), url(https://fonts.gstatic.com/s/notosans/v6/ByLA_FLEa-16SpQuTcQn4KE8kM4xWR1_1bYURRojRGc.woff2) format("woff2");
    unicode-range: u+0100-024f, u+1e??, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 400;
    src: local("Noto Sans Italic"), local("NotoSans-Italic"), url(https://fonts.gstatic.com/s/notosans/v6/ByLA_FLEa-16SpQuTcQn4Igp9Q8gbYrhqGlRav_IXfk.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 700;
    src: local("Noto Sans Bold Italic"), local("NotoSans-BoldItalic"), url(https://fonts.gstatic.com/s/notosans/v6/9Z3uUWMRR7crzm1TjRicDogd9OEPUCN3AdYW0e8tat4.woff2) format("woff2");
    unicode-range: u+0100-024f, u+1e??, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 700;
    src: local("Noto Sans Bold Italic"), local("NotoSans-BoldItalic"), url(https://fonts.gstatic.com/s/notosans/v6/9Z3uUWMRR7crzm1TjRicDv79_ZuUxCigM2DespTnFaw.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}

.danish-white {
    background-color: #fff
}

.danish-white-text {
    color: #fff
}

.danish-white-text--override i,
.danish-white-text--override p,
.danish-white-text--override span {
    color: #fff !important
}

a.danish-white-text:hover {
    color: #ccc
}

.danish-black {
    background-color: #000
}

.danish-black-text {
    color: #000
}

.danish-black-text--override i,
.danish-black-text--override p,
.danish-black-text--override span {
    color: #000 !important
}

a.danish-black-text:hover {
    color: #000
}

.danish-blackish {
    background-color: #22252c
}

.danish-blackish-text {
    color: #22252c
}

.danish-blackish-text--override i,
.danish-blackish-text--override p,
.danish-blackish-text--override span {
    color: #22252c !important
}

a.danish-blackish-text:hover {
    color: #1b1e23
}

.danish-green {
    background-color: #a4ba2b
}

.danish-green-text {
    color: #a4ba2b
}

.danish-green-text--override i,
.danish-green-text--override p,
.danish-green-text--override span {
    color: #a4ba2b !important
}

a.danish-green-text:hover {
    color: #839522
}

.danish-green-alt {
    background-color: #9c3
}

.danish-green-alt-text {
    color: #9c3
}

.danish-green-alt-text--override i,
.danish-green-alt-text--override p,
.danish-green-alt-text--override span {
    color: #9c3 !important
}

a.danish-green-alt-text:hover {
    color: #7aa329
}

.danish-green-alt2 {
    background-color: #6eaa60
}

.danish-green-alt2-text {
    color: #6eaa60
}

.danish-green-alt2-text--override i,
.danish-green-alt2-text--override p,
.danish-green-alt2-text--override span {
    color: #6eaa60 !important
}

a.danish-green-alt2-text:hover {
    color: #568b4a
}

.danish-red {
    background-color: #b21d2e
}

.danish-red-text {
    color: #b21d2e
}

.danish-red-text--override i,
.danish-red-text--override p,
.danish-red-text--override span {
    color: #b21d2e !important
}

a.danish-red-text:hover {
    color: #8e1725
}

.danish-blue {
    background-color: #39a9db
}

.danish-blue-text {
    color: #39a9db
}

.danish-blue-text--override i,
.danish-blue-text--override p,
.danish-blue-text--override span {
    color: #39a9db !important
}

a.danish-blue-text:hover {
    color: #228cbb
}

.danish-blue-alt {
    background-color: #749aa7
}

.danish-blue-alt-text {
    color: #749aa7
}

.danish-blue-alt-text--override i,
.danish-blue-alt-text--override p,
.danish-blue-alt-text--override span {
    color: #749aa7 !important
}

a.danish-blue-alt-text:hover {
    color: #587e8b
}

.danish-purple {
    background-color: #672b75
}

.danish-purple-text {
    color: #672b75
}

.danish-purple-text--override i,
.danish-purple-text--override p,
.danish-purple-text--override span {
    color: #672b75 !important
}

a.danish-purple-text:hover {
    color: #52225e
}

.danish-darkest-grey {
    background-color: #777
}

.danish-darkest-grey-text {
    color: #777
}

.danish-darkest-grey-text--override i,
.danish-darkest-grey-text--override p,
.danish-darkest-grey-text--override span {
    color: #777 !important
}

a.danish-darkest-grey-text:hover {
    color: #5f5f5f
}

.danish-darker-grey {
    background-color: #a9a9a9
}

.danish-darker-grey-text {
    color: #a9a9a9
}

.danish-darker-grey-text--override i,
.danish-darker-grey-text--override p,
.danish-darker-grey-text--override span {
    color: #a9a9a9 !important
}

a.danish-darker-grey-text:hover {
    color: #878787
}

.danish-light-grey {
    background-color: #999
}

.danish-light-grey-text {
    color: #999
}

.danish-light-grey-text--override i,
.danish-light-grey-text--override p,
.danish-light-grey-text--override span {
    color: #999 !important
}

a.danish-light-grey-text:hover {
    color: #7a7a7a
}

.danish-another-grey {
    background-color: #efefef
}

.danish-another-grey-text {
    color: #efefef
}

.danish-another-grey-text--override i,
.danish-another-grey-text--override p,
.danish-another-grey-text--override span {
    color: #efefef !important
}

a.danish-another-grey-text:hover {
    color: #bfbfbf
}

.danish-lighter-grey {
    background-color: #666
}

.danish-lighter-grey-text {
    color: #666
}

.danish-lighter-grey-text--override i,
.danish-lighter-grey-text--override p,
.danish-lighter-grey-text--override span {
    color: #666 !important
}

a.danish-lighter-grey-text:hover {
    color: #525252
}

.danish-lightest-grey {
    background-color: #b1b1b1
}

.danish-lightest-grey-text {
    color: #b1b1b1
}

.danish-lightest-grey-text--override i,
.danish-lightest-grey-text--override p,
.danish-lightest-grey-text--override span {
    color: #b1b1b1 !important
}

a.danish-lightest-grey-text:hover {
    color: #8e8e8e
}

.danish-other-lightest-grey {
    background-color: #ebebeb
}

.danish-other-lightest-grey-text {
    color: #ebebeb
}

.danish-other-lightest-grey-text--override i,
.danish-other-lightest-grey-text--override p,
.danish-other-lightest-grey-text--override span {
    color: #ebebeb !important
}

a.danish-other-lightest-grey-text:hover {
    color: #bcbcbc
}

.danish-transparent {
    background-color: transparent
}

.danish-transparent-text {
    color: transparent
}

.danish-transparent-text--override i,
.danish-transparent-text--override p,
.danish-transparent-text--override span {
    color: transparent !important
}

a.danish-transparent-text:hover {
    color: transparent
}

.opacity-1 {
    opacity: .1
}

.opacity-2 {
    opacity: .2
}

.opacity-3 {
    opacity: .3
}

.opacity-4 {
    opacity: .4
}

.opacity-5 {
    opacity: .5
}

.opacity-6 {
    opacity: .6
}

.opacity-7 {
    opacity: .7
}

.opacity-8 {
    opacity: .8
}

.opacity-9 {
    opacity: .9
}

.container--narrow,
.danish-container {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 50px;
    height: 100%
}

@media (max-width:1199px) {

    .container--narrow,
    .danish-container {
        max-width: 100%
    }
}

@media (max-width:749px) {

    .container--narrow,
    .danish-container {
        padding: 0 30px
    }
}

@media (max-width:540px) {

    .container--narrow,
    .danish-container {
        padding: 0 20px
    }
}

.container--narrow--right,
.danish-container--right {
    padding-right: calc(50% - 550px)
}

@media (max-width:1199px) {

    .container--narrow,
    .danish-container {
        padding-right: 50px
    }
}

@media (max-width:749px) {

    .container--narrow,
    .danish-container {
        padding-right: 30px
    }
}

@media (max-width:540px) {

    .container--narrow,
    .danish-container {
        padding-right: 20px
    }
}

.container--narrow--left,
.danish-container--left {
    padding-left: calc(50% - 550px)
}

@media (max-width:1199px) {

    .container--narrow,
    .danish-container {
        padding-left: 50px
    }
}

@media (max-width:749px) {

    .container--narrow,
    .danish-container {
        padding-left: 30px
    }
}

@media (max-width:540px) {

    .container--narrow,
    .danish-container {
        padding-left: 20px
    }
}

.container--narrow {
    max-width: 900px;
    padding-top: 30px;
    padding-bottom: 90px
}

.grid,
.module-video-layout .videos,
.page-template-template-contact form .gform_fields,
.page-template-template-location form .gform_fields,
.search-modal .filter-wrap {
    font-size: 0 !important;
    height: 100%
}

.grid>*,
.module-video-layout .videos>*,
.page-template-template-contact form .gform_fields>*,
.page-template-template-location form .gform_fields>*,
.search-modal .filter-wrap>* {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 100%
}

.grid-1of1 {
    width: 100%
}

.grid-1of2,
.module-video-layout .video,
.page-template-template-contact form #field_1_1,
.page-template-template-contact form #field_1_2,
.page-template-template-location form #field_1_1,
.page-template-template-location form #field_1_2 {
    width: 50%
}

.grid-2of2 {
    width: 100%
}

.grid-1of3 {
    width: 33.33333333333333%
}

.grid-2of3 {
    width: 66.66666666666666%
}

.grid-3of3 {
    width: 100%
}

.grid-1of4 {
    width: 25%
}

.grid-2of4 {
    width: 50%
}

.grid-3of4 {
    width: 75%
}

.grid-4of4 {
    width: 100%
}

.grid-1of5 {
    width: 20%
}

.grid-2of5 {
    width: 40%
}

.grid-3of5 {
    width: 60%
}

.grid-4of5 {
    width: 80%
}

.grid-5of5 {
    width: 100%
}

.grid-1of6 {
    width: 16.666666666666664%
}

.grid-2of6 {
    width: 33.33333333333333%
}

.grid-3of6 {
    width: 50%
}

.grid-4of6 {
    width: 66.66666666666666%
}

.grid-5of6 {
    width: 83.33333333333334%
}

.grid-6of6 {
    width: 100%
}

.grid-1of7 {
    width: 14.285714285714285%
}

.grid-2of7 {
    width: 28.57142857142857%
}

.grid-3of7 {
    width: 42.857142857142854%
}

.grid-4of7 {
    width: 57.14285714285714%
}

.grid-5of7 {
    width: 71.42857142857143%
}

.grid-6of7 {
    width: 85.71428571428571%
}

.grid-7of7 {
    width: 100%
}

.grid-1of8 {
    width: 12.5%
}

.grid-2of8 {
    width: 25%
}

.grid-3of8 {
    width: 37.5%
}

.grid-4of8 {
    width: 50%
}

.grid-5of8 {
    width: 62.5%
}

.grid-6of8 {
    width: 75%
}

.grid-7of8 {
    width: 87.5%
}

.grid-8of8 {
    width: 100%
}

.grid-1of9 {
    width: 11.11111111111111%
}

.grid-2of9 {
    width: 22.22222222222222%
}

.grid-3of9 {
    width: 33.33333333333333%
}

.grid-4of9 {
    width: 44.44444444444444%
}

.grid-5of9 {
    width: 55.55555555555556%
}

.grid-6of9 {
    width: 66.66666666666666%
}

.grid-7of9 {
    width: 77.77777777777779%
}

.grid-8of9 {
    width: 88.88888888888889%
}

.grid-9of9 {
    width: 100%
}

.grid-1of10 {
    width: 10%
}

.grid-2of10 {
    width: 20%
}

.grid-3of10 {
    width: 30%
}

.grid-4of10 {
    width: 40%
}

.grid-5of10 {
    width: 50%
}

.grid-6of10 {
    width: 60%
}

.grid-7of10 {
    width: 70%
}

.grid-8of10 {
    width: 80%
}

.grid-9of10 {
    width: 90%
}

.grid-10of10 {
    width: 100%
}

.grid-1of11 {
    width: 9.090909090909092%
}

.grid-2of11 {
    width: 18.181818181818183%
}

.grid-3of11 {
    width: 27.27272727272727%
}

.grid-4of11 {
    width: 36.36363636363637%
}

.grid-5of11 {
    width: 45.45454545454545%
}

.grid-6of11 {
    width: 54.54545454545454%
}

.grid-7of11 {
    width: 63.63636363636363%
}

.grid-8of11 {
    width: 72.72727272727273%
}

.grid-9of11 {
    width: 81.81818181818183%
}

.grid-10of11 {
    width: 90.9090909090909%
}

.grid-11of11 {
    width: 100%
}

.grid-1of12 {
    width: 8.333333333333332%
}

.grid-2of12 {
    width: 16.666666666666664%
}

.grid-3of12 {
    width: 25%
}

.grid-4of12 {
    width: 33.33333333333333%
}

.grid-5of12 {
    width: 41.66666666666667%
}

.grid-6of12 {
    width: 50%
}

.grid-7of12 {
    width: 58.333333333333336%
}

.grid-8of12 {
    width: 66.66666666666666%
}

.grid-9of12 {
    width: 75%
}

.grid-10of12 {
    width: 83.33333333333334%
}

.grid-11of12 {
    width: 91.66666666666666%
}

.grid-12of12 {
    width: 100%
}

@media (min-width:3200px) {
    .grid-1of1--monitor-cinema {
        width: 100%
    }

    .grid-1of2--monitor-cinema {
        width: 50%
    }

    .grid-2of2--monitor-cinema {
        width: 100%
    }

    .grid-1of3--monitor-cinema {
        width: 33.33333333333333%
    }

    .grid-2of3--monitor-cinema {
        width: 66.66666666666666%
    }

    .grid-3of3--monitor-cinema {
        width: 100%
    }

    .grid-1of4--monitor-cinema {
        width: 25%
    }

    .grid-2of4--monitor-cinema {
        width: 50%
    }

    .grid-3of4--monitor-cinema {
        width: 75%
    }

    .grid-4of4--monitor-cinema {
        width: 100%
    }

    .grid-1of5--monitor-cinema {
        width: 20%
    }

    .grid-2of5--monitor-cinema {
        width: 40%
    }

    .grid-3of5--monitor-cinema {
        width: 60%
    }

    .grid-4of5--monitor-cinema {
        width: 80%
    }

    .grid-5of5--monitor-cinema {
        width: 100%
    }

    .grid-1of6--monitor-cinema {
        width: 16.666666666666664%
    }

    .grid-2of6--monitor-cinema {
        width: 33.33333333333333%
    }

    .grid-3of6--monitor-cinema {
        width: 50%
    }

    .grid-4of6--monitor-cinema {
        width: 66.66666666666666%
    }

    .grid-5of6--monitor-cinema {
        width: 83.33333333333334%
    }

    .grid-6of6--monitor-cinema {
        width: 100%
    }

    .grid-1of7--monitor-cinema {
        width: 14.285714285714285%
    }

    .grid-2of7--monitor-cinema {
        width: 28.57142857142857%
    }

    .grid-3of7--monitor-cinema {
        width: 42.857142857142854%
    }

    .grid-4of7--monitor-cinema {
        width: 57.14285714285714%
    }

    .grid-5of7--monitor-cinema {
        width: 71.42857142857143%
    }

    .grid-6of7--monitor-cinema {
        width: 85.71428571428571%
    }

    .grid-7of7--monitor-cinema {
        width: 100%
    }

    .grid-1of8--monitor-cinema {
        width: 12.5%
    }

    .grid-2of8--monitor-cinema {
        width: 25%
    }

    .grid-3of8--monitor-cinema {
        width: 37.5%
    }

    .grid-4of8--monitor-cinema {
        width: 50%
    }

    .grid-5of8--monitor-cinema {
        width: 62.5%
    }

    .grid-6of8--monitor-cinema {
        width: 75%
    }

    .grid-7of8--monitor-cinema {
        width: 87.5%
    }

    .grid-8of8--monitor-cinema {
        width: 100%
    }

    .grid-1of9--monitor-cinema {
        width: 11.11111111111111%
    }

    .grid-2of9--monitor-cinema {
        width: 22.22222222222222%
    }

    .grid-3of9--monitor-cinema {
        width: 33.33333333333333%
    }

    .grid-4of9--monitor-cinema {
        width: 44.44444444444444%
    }

    .grid-5of9--monitor-cinema {
        width: 55.55555555555556%
    }

    .grid-6of9--monitor-cinema {
        width: 66.66666666666666%
    }

    .grid-7of9--monitor-cinema {
        width: 77.77777777777779%
    }

    .grid-8of9--monitor-cinema {
        width: 88.88888888888889%
    }

    .grid-9of9--monitor-cinema {
        width: 100%
    }

    .grid-1of10--monitor-cinema {
        width: 10%
    }

    .grid-2of10--monitor-cinema {
        width: 20%
    }

    .grid-3of10--monitor-cinema {
        width: 30%
    }

    .grid-4of10--monitor-cinema {
        width: 40%
    }

    .grid-5of10--monitor-cinema {
        width: 50%
    }

    .grid-6of10--monitor-cinema {
        width: 60%
    }

    .grid-7of10--monitor-cinema {
        width: 70%
    }

    .grid-8of10--monitor-cinema {
        width: 80%
    }

    .grid-9of10--monitor-cinema {
        width: 90%
    }

    .grid-10of10--monitor-cinema {
        width: 100%
    }

    .grid-1of11--monitor-cinema {
        width: 9.090909090909092%
    }

    .grid-2of11--monitor-cinema {
        width: 18.181818181818183%
    }

    .grid-3of11--monitor-cinema {
        width: 27.27272727272727%
    }

    .grid-4of11--monitor-cinema {
        width: 36.36363636363637%
    }

    .grid-5of11--monitor-cinema {
        width: 45.45454545454545%
    }

    .grid-6of11--monitor-cinema {
        width: 54.54545454545454%
    }

    .grid-7of11--monitor-cinema {
        width: 63.63636363636363%
    }

    .grid-8of11--monitor-cinema {
        width: 72.72727272727273%
    }

    .grid-9of11--monitor-cinema {
        width: 81.81818181818183%
    }

    .grid-10of11--monitor-cinema {
        width: 90.9090909090909%
    }

    .grid-11of11--monitor-cinema {
        width: 100%
    }

    .grid-1of12--monitor-cinema {
        width: 8.333333333333332%
    }

    .grid-2of12--monitor-cinema {
        width: 16.666666666666664%
    }

    .grid-3of12--monitor-cinema {
        width: 25%
    }

    .grid-4of12--monitor-cinema {
        width: 33.33333333333333%
    }

    .grid-5of12--monitor-cinema {
        width: 41.66666666666667%
    }

    .grid-6of12--monitor-cinema {
        width: 50%
    }

    .grid-7of12--monitor-cinema {
        width: 58.333333333333336%
    }

    .grid-8of12--monitor-cinema {
        width: 66.66666666666666%
    }

    .grid-9of12--monitor-cinema {
        width: 75%
    }

    .grid-10of12--monitor-cinema {
        width: 83.33333333333334%
    }

    .grid-11of12--monitor-cinema {
        width: 91.66666666666666%
    }

    .grid-12of12--monitor-cinema {
        width: 100%
    }
}

@media (min-width:1800px) {
    .grid-1of1--monitor-tele {
        width: 100%
    }

    .grid-1of2--monitor-tele {
        width: 50%
    }

    .grid-2of2--monitor-tele {
        width: 100%
    }

    .grid-1of3--monitor-tele {
        width: 33.33333333333333%
    }

    .grid-2of3--monitor-tele {
        width: 66.66666666666666%
    }

    .grid-3of3--monitor-tele {
        width: 100%
    }

    .grid-1of4--monitor-tele {
        width: 25%
    }

    .grid-2of4--monitor-tele {
        width: 50%
    }

    .grid-3of4--monitor-tele {
        width: 75%
    }

    .grid-4of4--monitor-tele {
        width: 100%
    }

    .grid-1of5--monitor-tele {
        width: 20%
    }

    .grid-2of5--monitor-tele {
        width: 40%
    }

    .grid-3of5--monitor-tele {
        width: 60%
    }

    .grid-4of5--monitor-tele {
        width: 80%
    }

    .grid-5of5--monitor-tele {
        width: 100%
    }

    .grid-1of6--monitor-tele {
        width: 16.666666666666664%
    }

    .grid-2of6--monitor-tele {
        width: 33.33333333333333%
    }

    .grid-3of6--monitor-tele {
        width: 50%
    }

    .grid-4of6--monitor-tele {
        width: 66.66666666666666%
    }

    .grid-5of6--monitor-tele {
        width: 83.33333333333334%
    }

    .grid-6of6--monitor-tele {
        width: 100%
    }

    .grid-1of7--monitor-tele {
        width: 14.285714285714285%
    }

    .grid-2of7--monitor-tele {
        width: 28.57142857142857%
    }

    .grid-3of7--monitor-tele {
        width: 42.857142857142854%
    }

    .grid-4of7--monitor-tele {
        width: 57.14285714285714%
    }

    .grid-5of7--monitor-tele {
        width: 71.42857142857143%
    }

    .grid-6of7--monitor-tele {
        width: 85.71428571428571%
    }

    .grid-7of7--monitor-tele {
        width: 100%
    }

    .grid-1of8--monitor-tele {
        width: 12.5%
    }

    .grid-2of8--monitor-tele {
        width: 25%
    }

    .grid-3of8--monitor-tele {
        width: 37.5%
    }

    .grid-4of8--monitor-tele {
        width: 50%
    }

    .grid-5of8--monitor-tele {
        width: 62.5%
    }

    .grid-6of8--monitor-tele {
        width: 75%
    }

    .grid-7of8--monitor-tele {
        width: 87.5%
    }

    .grid-8of8--monitor-tele {
        width: 100%
    }

    .grid-1of9--monitor-tele {
        width: 11.11111111111111%
    }

    .grid-2of9--monitor-tele {
        width: 22.22222222222222%
    }

    .grid-3of9--monitor-tele {
        width: 33.33333333333333%
    }

    .grid-4of9--monitor-tele {
        width: 44.44444444444444%
    }

    .grid-5of9--monitor-tele {
        width: 55.55555555555556%
    }

    .grid-6of9--monitor-tele {
        width: 66.66666666666666%
    }

    .grid-7of9--monitor-tele {
        width: 77.77777777777779%
    }

    .grid-8of9--monitor-tele {
        width: 88.88888888888889%
    }

    .grid-9of9--monitor-tele {
        width: 100%
    }

    .grid-1of10--monitor-tele {
        width: 10%
    }

    .grid-2of10--monitor-tele {
        width: 20%
    }

    .grid-3of10--monitor-tele {
        width: 30%
    }

    .grid-4of10--monitor-tele {
        width: 40%
    }

    .grid-5of10--monitor-tele {
        width: 50%
    }

    .grid-6of10--monitor-tele {
        width: 60%
    }

    .grid-7of10--monitor-tele {
        width: 70%
    }

    .grid-8of10--monitor-tele {
        width: 80%
    }

    .grid-9of10--monitor-tele {
        width: 90%
    }

    .grid-10of10--monitor-tele {
        width: 100%
    }

    .grid-1of11--monitor-tele {
        width: 9.090909090909092%
    }

    .grid-2of11--monitor-tele {
        width: 18.181818181818183%
    }

    .grid-3of11--monitor-tele {
        width: 27.27272727272727%
    }

    .grid-4of11--monitor-tele {
        width: 36.36363636363637%
    }

    .grid-5of11--monitor-tele {
        width: 45.45454545454545%
    }

    .grid-6of11--monitor-tele {
        width: 54.54545454545454%
    }

    .grid-7of11--monitor-tele {
        width: 63.63636363636363%
    }

    .grid-8of11--monitor-tele {
        width: 72.72727272727273%
    }

    .grid-9of11--monitor-tele {
        width: 81.81818181818183%
    }

    .grid-10of11--monitor-tele {
        width: 90.9090909090909%
    }

    .grid-11of11--monitor-tele {
        width: 100%
    }

    .grid-1of12--monitor-tele {
        width: 8.333333333333332%
    }

    .grid-2of12--monitor-tele {
        width: 16.666666666666664%
    }

    .grid-3of12--monitor-tele {
        width: 25%
    }

    .grid-4of12--monitor-tele {
        width: 33.33333333333333%
    }

    .grid-5of12--monitor-tele {
        width: 41.66666666666667%
    }

    .grid-6of12--monitor-tele {
        width: 50%
    }

    .grid-7of12--monitor-tele {
        width: 58.333333333333336%
    }

    .grid-8of12--monitor-tele {
        width: 66.66666666666666%
    }

    .grid-9of12--monitor-tele {
        width: 75%
    }

    .grid-10of12--monitor-tele {
        width: 83.33333333333334%
    }

    .grid-11of12--monitor-tele {
        width: 91.66666666666666%
    }

    .grid-12of12--monitor-tele {
        width: 100%
    }
}

@media (min-width:949px) {
    .grid-1of1--above-notebook {
        width: 100%
    }

    .grid-1of2--above-notebook {
        width: 50%
    }

    .grid-2of2--above-notebook {
        width: 100%
    }

    .grid-1of3--above-notebook {
        width: 33.33333333333333%
    }

    .grid-2of3--above-notebook {
        width: 66.66666666666666%
    }

    .grid-3of3--above-notebook {
        width: 100%
    }

    .grid-1of4--above-notebook {
        width: 25%
    }

    .grid-2of4--above-notebook {
        width: 50%
    }

    .grid-3of4--above-notebook {
        width: 75%
    }

    .grid-4of4--above-notebook {
        width: 100%
    }

    .grid-1of5--above-notebook {
        width: 20%
    }

    .grid-2of5--above-notebook {
        width: 40%
    }

    .grid-3of5--above-notebook {
        width: 60%
    }

    .grid-4of5--above-notebook {
        width: 80%
    }

    .grid-5of5--above-notebook {
        width: 100%
    }

    .grid-1of6--above-notebook {
        width: 16.666666666666664%
    }

    .grid-2of6--above-notebook {
        width: 33.33333333333333%
    }

    .grid-3of6--above-notebook {
        width: 50%
    }

    .grid-4of6--above-notebook {
        width: 66.66666666666666%
    }

    .grid-5of6--above-notebook {
        width: 83.33333333333334%
    }

    .grid-6of6--above-notebook {
        width: 100%
    }

    .grid-1of7--above-notebook {
        width: 14.285714285714285%
    }

    .grid-2of7--above-notebook {
        width: 28.57142857142857%
    }

    .grid-3of7--above-notebook {
        width: 42.857142857142854%
    }

    .grid-4of7--above-notebook {
        width: 57.14285714285714%
    }

    .grid-5of7--above-notebook {
        width: 71.42857142857143%
    }

    .grid-6of7--above-notebook {
        width: 85.71428571428571%
    }

    .grid-7of7--above-notebook {
        width: 100%
    }

    .grid-1of8--above-notebook {
        width: 12.5%
    }

    .grid-2of8--above-notebook {
        width: 25%
    }

    .grid-3of8--above-notebook {
        width: 37.5%
    }

    .grid-4of8--above-notebook {
        width: 50%
    }

    .grid-5of8--above-notebook {
        width: 62.5%
    }

    .grid-6of8--above-notebook {
        width: 75%
    }

    .grid-7of8--above-notebook {
        width: 87.5%
    }

    .grid-8of8--above-notebook {
        width: 100%
    }

    .grid-1of9--above-notebook {
        width: 11.11111111111111%
    }

    .grid-2of9--above-notebook {
        width: 22.22222222222222%
    }

    .grid-3of9--above-notebook {
        width: 33.33333333333333%
    }

    .grid-4of9--above-notebook {
        width: 44.44444444444444%
    }

    .grid-5of9--above-notebook {
        width: 55.55555555555556%
    }

    .grid-6of9--above-notebook {
        width: 66.66666666666666%
    }

    .grid-7of9--above-notebook {
        width: 77.77777777777779%
    }

    .grid-8of9--above-notebook {
        width: 88.88888888888889%
    }

    .grid-9of9--above-notebook {
        width: 100%
    }

    .grid-1of10--above-notebook {
        width: 10%
    }

    .grid-2of10--above-notebook {
        width: 20%
    }

    .grid-3of10--above-notebook {
        width: 30%
    }

    .grid-4of10--above-notebook {
        width: 40%
    }

    .grid-5of10--above-notebook {
        width: 50%
    }

    .grid-6of10--above-notebook {
        width: 60%
    }

    .grid-7of10--above-notebook {
        width: 70%
    }

    .grid-8of10--above-notebook {
        width: 80%
    }

    .grid-9of10--above-notebook {
        width: 90%
    }

    .grid-10of10--above-notebook {
        width: 100%
    }

    .grid-1of11--above-notebook {
        width: 9.090909090909092%
    }

    .grid-2of11--above-notebook {
        width: 18.181818181818183%
    }

    .grid-3of11--above-notebook {
        width: 27.27272727272727%
    }

    .grid-4of11--above-notebook {
        width: 36.36363636363637%
    }

    .grid-5of11--above-notebook {
        width: 45.45454545454545%
    }

    .grid-6of11--above-notebook {
        width: 54.54545454545454%
    }

    .grid-7of11--above-notebook {
        width: 63.63636363636363%
    }

    .grid-8of11--above-notebook {
        width: 72.72727272727273%
    }

    .grid-9of11--above-notebook {
        width: 81.81818181818183%
    }

    .grid-10of11--above-notebook {
        width: 90.9090909090909%
    }

    .grid-11of11--above-notebook {
        width: 100%
    }

    .grid-1of12--above-notebook {
        width: 8.333333333333332%
    }

    .grid-2of12--above-notebook {
        width: 16.666666666666664%
    }

    .grid-3of12--above-notebook {
        width: 25%
    }

    .grid-4of12--above-notebook {
        width: 33.33333333333333%
    }

    .grid-5of12--above-notebook {
        width: 41.66666666666667%
    }

    .grid-6of12--above-notebook {
        width: 50%
    }

    .grid-7of12--above-notebook {
        width: 58.333333333333336%
    }

    .grid-8of12--above-notebook {
        width: 66.66666666666666%
    }

    .grid-9of12--above-notebook {
        width: 75%
    }

    .grid-10of12--above-notebook {
        width: 83.33333333333334%
    }

    .grid-11of12--above-notebook {
        width: 91.66666666666666%
    }

    .grid-12of12--above-notebook {
        width: 100%
    }
}

@media (max-width:1199px) {
    .grid-1of1--notebook-large {
        width: 100%
    }

    .grid-1of2--notebook-large {
        width: 50%
    }

    .grid-2of2--notebook-large {
        width: 100%
    }

    .grid-1of3--notebook-large {
        width: 33.33333333333333%
    }

    .grid-2of3--notebook-large {
        width: 66.66666666666666%
    }

    .grid-3of3--notebook-large {
        width: 100%
    }

    .grid-1of4--notebook-large {
        width: 25%
    }

    .grid-2of4--notebook-large {
        width: 50%
    }

    .grid-3of4--notebook-large {
        width: 75%
    }

    .grid-4of4--notebook-large {
        width: 100%
    }

    .grid-1of5--notebook-large {
        width: 20%
    }

    .grid-2of5--notebook-large {
        width: 40%
    }

    .grid-3of5--notebook-large {
        width: 60%
    }

    .grid-4of5--notebook-large {
        width: 80%
    }

    .grid-5of5--notebook-large {
        width: 100%
    }

    .grid-1of6--notebook-large {
        width: 16.666666666666664%
    }

    .grid-2of6--notebook-large {
        width: 33.33333333333333%
    }

    .grid-3of6--notebook-large {
        width: 50%
    }

    .grid-4of6--notebook-large {
        width: 66.66666666666666%
    }

    .grid-5of6--notebook-large {
        width: 83.33333333333334%
    }

    .grid-6of6--notebook-large {
        width: 100%
    }

    .grid-1of7--notebook-large {
        width: 14.285714285714285%
    }

    .grid-2of7--notebook-large {
        width: 28.57142857142857%
    }

    .grid-3of7--notebook-large {
        width: 42.857142857142854%
    }

    .grid-4of7--notebook-large {
        width: 57.14285714285714%
    }

    .grid-5of7--notebook-large {
        width: 71.42857142857143%
    }

    .grid-6of7--notebook-large {
        width: 85.71428571428571%
    }

    .grid-7of7--notebook-large {
        width: 100%
    }

    .grid-1of8--notebook-large {
        width: 12.5%
    }

    .grid-2of8--notebook-large {
        width: 25%
    }

    .grid-3of8--notebook-large {
        width: 37.5%
    }

    .grid-4of8--notebook-large {
        width: 50%
    }

    .grid-5of8--notebook-large {
        width: 62.5%
    }

    .grid-6of8--notebook-large {
        width: 75%
    }

    .grid-7of8--notebook-large {
        width: 87.5%
    }

    .grid-8of8--notebook-large {
        width: 100%
    }

    .grid-1of9--notebook-large {
        width: 11.11111111111111%
    }

    .grid-2of9--notebook-large {
        width: 22.22222222222222%
    }

    .grid-3of9--notebook-large {
        width: 33.33333333333333%
    }

    .grid-4of9--notebook-large {
        width: 44.44444444444444%
    }

    .grid-5of9--notebook-large {
        width: 55.55555555555556%
    }

    .grid-6of9--notebook-large {
        width: 66.66666666666666%
    }

    .grid-7of9--notebook-large {
        width: 77.77777777777779%
    }

    .grid-8of9--notebook-large {
        width: 88.88888888888889%
    }

    .grid-9of9--notebook-large {
        width: 100%
    }

    .grid-1of10--notebook-large {
        width: 10%
    }

    .grid-2of10--notebook-large {
        width: 20%
    }

    .grid-3of10--notebook-large {
        width: 30%
    }

    .grid-4of10--notebook-large {
        width: 40%
    }

    .grid-5of10--notebook-large {
        width: 50%
    }

    .grid-6of10--notebook-large {
        width: 60%
    }

    .grid-7of10--notebook-large {
        width: 70%
    }

    .grid-8of10--notebook-large {
        width: 80%
    }

    .grid-9of10--notebook-large {
        width: 90%
    }

    .grid-10of10--notebook-large {
        width: 100%
    }

    .grid-1of11--notebook-large {
        width: 9.090909090909092%
    }

    .grid-2of11--notebook-large {
        width: 18.181818181818183%
    }

    .grid-3of11--notebook-large {
        width: 27.27272727272727%
    }

    .grid-4of11--notebook-large {
        width: 36.36363636363637%
    }

    .grid-5of11--notebook-large {
        width: 45.45454545454545%
    }

    .grid-6of11--notebook-large {
        width: 54.54545454545454%
    }

    .grid-7of11--notebook-large {
        width: 63.63636363636363%
    }

    .grid-8of11--notebook-large {
        width: 72.72727272727273%
    }

    .grid-9of11--notebook-large {
        width: 81.81818181818183%
    }

    .grid-10of11--notebook-large {
        width: 90.9090909090909%
    }

    .grid-11of11--notebook-large {
        width: 100%
    }

    .grid-1of12--notebook-large {
        width: 8.333333333333332%
    }

    .grid-2of12--notebook-large {
        width: 16.666666666666664%
    }

    .grid-3of12--notebook-large {
        width: 25%
    }

    .grid-4of12--notebook-large {
        width: 33.33333333333333%
    }

    .grid-5of12--notebook-large {
        width: 41.66666666666667%
    }

    .grid-6of12--notebook-large {
        width: 50%
    }

    .grid-7of12--notebook-large {
        width: 58.333333333333336%
    }

    .grid-8of12--notebook-large {
        width: 66.66666666666666%
    }

    .grid-9of12--notebook-large {
        width: 75%
    }

    .grid-10of12--notebook-large {
        width: 83.33333333333334%
    }

    .grid-11of12--notebook-large {
        width: 91.66666666666666%
    }

    .grid-12of12--notebook-large {
        width: 100%
    }
}

@media (max-width:949px) {
    .grid-1of1--notebook-small {
        width: 100%
    }

    .grid-1of2--notebook-small {
        width: 50%
    }

    .grid-2of2--notebook-small {
        width: 100%
    }

    .grid-1of3--notebook-small {
        width: 33.33333333333333%
    }

    .grid-2of3--notebook-small {
        width: 66.66666666666666%
    }

    .grid-3of3--notebook-small {
        width: 100%
    }

    .grid-1of4--notebook-small {
        width: 25%
    }

    .grid-2of4--notebook-small {
        width: 50%
    }

    .grid-3of4--notebook-small {
        width: 75%
    }

    .grid-4of4--notebook-small {
        width: 100%
    }

    .grid-1of5--notebook-small {
        width: 20%
    }

    .grid-2of5--notebook-small {
        width: 40%
    }

    .grid-3of5--notebook-small {
        width: 60%
    }

    .grid-4of5--notebook-small {
        width: 80%
    }

    .grid-5of5--notebook-small {
        width: 100%
    }

    .grid-1of6--notebook-small {
        width: 16.666666666666664%
    }

    .grid-2of6--notebook-small {
        width: 33.33333333333333%
    }

    .grid-3of6--notebook-small {
        width: 50%
    }

    .grid-4of6--notebook-small {
        width: 66.66666666666666%
    }

    .grid-5of6--notebook-small {
        width: 83.33333333333334%
    }

    .grid-6of6--notebook-small {
        width: 100%
    }

    .grid-1of7--notebook-small {
        width: 14.285714285714285%
    }

    .grid-2of7--notebook-small {
        width: 28.57142857142857%
    }

    .grid-3of7--notebook-small {
        width: 42.857142857142854%
    }

    .grid-4of7--notebook-small {
        width: 57.14285714285714%
    }

    .grid-5of7--notebook-small {
        width: 71.42857142857143%
    }

    .grid-6of7--notebook-small {
        width: 85.71428571428571%
    }

    .grid-7of7--notebook-small {
        width: 100%
    }

    .grid-1of8--notebook-small {
        width: 12.5%
    }

    .grid-2of8--notebook-small {
        width: 25%
    }

    .grid-3of8--notebook-small {
        width: 37.5%
    }

    .grid-4of8--notebook-small {
        width: 50%
    }

    .grid-5of8--notebook-small {
        width: 62.5%
    }

    .grid-6of8--notebook-small {
        width: 75%
    }

    .grid-7of8--notebook-small {
        width: 87.5%
    }

    .grid-8of8--notebook-small {
        width: 100%
    }

    .grid-1of9--notebook-small {
        width: 11.11111111111111%
    }

    .grid-2of9--notebook-small {
        width: 22.22222222222222%
    }

    .grid-3of9--notebook-small {
        width: 33.33333333333333%
    }

    .grid-4of9--notebook-small {
        width: 44.44444444444444%
    }

    .grid-5of9--notebook-small {
        width: 55.55555555555556%
    }

    .grid-6of9--notebook-small {
        width: 66.66666666666666%
    }

    .grid-7of9--notebook-small {
        width: 77.77777777777779%
    }

    .grid-8of9--notebook-small {
        width: 88.88888888888889%
    }

    .grid-9of9--notebook-small {
        width: 100%
    }

    .grid-1of10--notebook-small {
        width: 10%
    }

    .grid-2of10--notebook-small {
        width: 20%
    }

    .grid-3of10--notebook-small {
        width: 30%
    }

    .grid-4of10--notebook-small {
        width: 40%
    }

    .grid-5of10--notebook-small {
        width: 50%
    }

    .grid-6of10--notebook-small {
        width: 60%
    }

    .grid-7of10--notebook-small {
        width: 70%
    }

    .grid-8of10--notebook-small {
        width: 80%
    }

    .grid-9of10--notebook-small {
        width: 90%
    }

    .grid-10of10--notebook-small {
        width: 100%
    }

    .grid-1of11--notebook-small {
        width: 9.090909090909092%
    }

    .grid-2of11--notebook-small {
        width: 18.181818181818183%
    }

    .grid-3of11--notebook-small {
        width: 27.27272727272727%
    }

    .grid-4of11--notebook-small {
        width: 36.36363636363637%
    }

    .grid-5of11--notebook-small {
        width: 45.45454545454545%
    }

    .grid-6of11--notebook-small {
        width: 54.54545454545454%
    }

    .grid-7of11--notebook-small {
        width: 63.63636363636363%
    }

    .grid-8of11--notebook-small {
        width: 72.72727272727273%
    }

    .grid-9of11--notebook-small {
        width: 81.81818181818183%
    }

    .grid-10of11--notebook-small {
        width: 90.9090909090909%
    }

    .grid-11of11--notebook-small {
        width: 100%
    }

    .grid-1of12--notebook-small {
        width: 8.333333333333332%
    }

    .grid-2of12--notebook-small {
        width: 16.666666666666664%
    }

    .grid-3of12--notebook-small {
        width: 25%
    }

    .grid-4of12--notebook-small {
        width: 33.33333333333333%
    }

    .grid-5of12--notebook-small {
        width: 41.66666666666667%
    }

    .grid-6of12--notebook-small {
        width: 50%
    }

    .grid-7of12--notebook-small {
        width: 58.333333333333336%
    }

    .grid-8of12--notebook-small {
        width: 66.66666666666666%
    }

    .grid-9of12--notebook-small {
        width: 75%
    }

    .grid-10of12--notebook-small {
        width: 83.33333333333334%
    }

    .grid-11of12--notebook-small {
        width: 91.66666666666666%
    }

    .grid-12of12--notebook-small {
        width: 100%
    }
}

@media (max-width:849px) {
    .grid-1of1--tablet-large {
        width: 100%
    }

    .grid-1of2--tablet-large {
        width: 50%
    }

    .grid-2of2--tablet-large {
        width: 100%
    }

    .grid-1of3--tablet-large {
        width: 33.33333333333333%
    }

    .grid-2of3--tablet-large {
        width: 66.66666666666666%
    }

    .grid-3of3--tablet-large {
        width: 100%
    }

    .grid-1of4--tablet-large {
        width: 25%
    }

    .grid-2of4--tablet-large {
        width: 50%
    }

    .grid-3of4--tablet-large {
        width: 75%
    }

    .grid-4of4--tablet-large {
        width: 100%
    }

    .grid-1of5--tablet-large {
        width: 20%
    }

    .grid-2of5--tablet-large {
        width: 40%
    }

    .grid-3of5--tablet-large {
        width: 60%
    }

    .grid-4of5--tablet-large {
        width: 80%
    }

    .grid-5of5--tablet-large {
        width: 100%
    }

    .grid-1of6--tablet-large {
        width: 16.666666666666664%
    }

    .grid-2of6--tablet-large {
        width: 33.33333333333333%
    }

    .grid-3of6--tablet-large {
        width: 50%
    }

    .grid-4of6--tablet-large {
        width: 66.66666666666666%
    }

    .grid-5of6--tablet-large {
        width: 83.33333333333334%
    }

    .grid-6of6--tablet-large {
        width: 100%
    }

    .grid-1of7--tablet-large {
        width: 14.285714285714285%
    }

    .grid-2of7--tablet-large {
        width: 28.57142857142857%
    }

    .grid-3of7--tablet-large {
        width: 42.857142857142854%
    }

    .grid-4of7--tablet-large {
        width: 57.14285714285714%
    }

    .grid-5of7--tablet-large {
        width: 71.42857142857143%
    }

    .grid-6of7--tablet-large {
        width: 85.71428571428571%
    }

    .grid-7of7--tablet-large {
        width: 100%
    }

    .grid-1of8--tablet-large {
        width: 12.5%
    }

    .grid-2of8--tablet-large {
        width: 25%
    }

    .grid-3of8--tablet-large {
        width: 37.5%
    }

    .grid-4of8--tablet-large {
        width: 50%
    }

    .grid-5of8--tablet-large {
        width: 62.5%
    }

    .grid-6of8--tablet-large {
        width: 75%
    }

    .grid-7of8--tablet-large {
        width: 87.5%
    }

    .grid-8of8--tablet-large {
        width: 100%
    }

    .grid-1of9--tablet-large {
        width: 11.11111111111111%
    }

    .grid-2of9--tablet-large {
        width: 22.22222222222222%
    }

    .grid-3of9--tablet-large {
        width: 33.33333333333333%
    }

    .grid-4of9--tablet-large {
        width: 44.44444444444444%
    }

    .grid-5of9--tablet-large {
        width: 55.55555555555556%
    }

    .grid-6of9--tablet-large {
        width: 66.66666666666666%
    }

    .grid-7of9--tablet-large {
        width: 77.77777777777779%
    }

    .grid-8of9--tablet-large {
        width: 88.88888888888889%
    }

    .grid-9of9--tablet-large {
        width: 100%
    }

    .grid-1of10--tablet-large {
        width: 10%
    }

    .grid-2of10--tablet-large {
        width: 20%
    }

    .grid-3of10--tablet-large {
        width: 30%
    }

    .grid-4of10--tablet-large {
        width: 40%
    }

    .grid-5of10--tablet-large {
        width: 50%
    }

    .grid-6of10--tablet-large {
        width: 60%
    }

    .grid-7of10--tablet-large {
        width: 70%
    }

    .grid-8of10--tablet-large {
        width: 80%
    }

    .grid-9of10--tablet-large {
        width: 90%
    }

    .grid-10of10--tablet-large {
        width: 100%
    }

    .grid-1of11--tablet-large {
        width: 9.090909090909092%
    }

    .grid-2of11--tablet-large {
        width: 18.181818181818183%
    }

    .grid-3of11--tablet-large {
        width: 27.27272727272727%
    }

    .grid-4of11--tablet-large {
        width: 36.36363636363637%
    }

    .grid-5of11--tablet-large {
        width: 45.45454545454545%
    }

    .grid-6of11--tablet-large {
        width: 54.54545454545454%
    }

    .grid-7of11--tablet-large {
        width: 63.63636363636363%
    }

    .grid-8of11--tablet-large {
        width: 72.72727272727273%
    }

    .grid-9of11--tablet-large {
        width: 81.81818181818183%
    }

    .grid-10of11--tablet-large {
        width: 90.9090909090909%
    }

    .grid-11of11--tablet-large {
        width: 100%
    }

    .grid-1of12--tablet-large {
        width: 8.333333333333332%
    }

    .grid-2of12--tablet-large {
        width: 16.666666666666664%
    }

    .grid-3of12--tablet-large {
        width: 25%
    }

    .grid-4of12--tablet-large {
        width: 33.33333333333333%
    }

    .grid-5of12--tablet-large {
        width: 41.66666666666667%
    }

    .grid-6of12--tablet-large {
        width: 50%
    }

    .grid-7of12--tablet-large {
        width: 58.333333333333336%
    }

    .grid-8of12--tablet-large {
        width: 66.66666666666666%
    }

    .grid-9of12--tablet-large {
        width: 75%
    }

    .grid-10of12--tablet-large {
        width: 83.33333333333334%
    }

    .grid-11of12--tablet-large {
        width: 91.66666666666666%
    }

    .grid-12of12--tablet-large {
        width: 100%
    }
}

@media (max-width:749px) {
    .grid-1of1--tablet-small {
        width: 100%
    }

    .grid-1of2--tablet-small {
        width: 50%
    }

    .grid-2of2--tablet-small {
        width: 100%
    }

    .grid-1of3--tablet-small {
        width: 33.33333333333333%
    }

    .grid-2of3--tablet-small {
        width: 66.66666666666666%
    }

    .grid-3of3--tablet-small {
        width: 100%
    }

    .grid-1of4--tablet-small {
        width: 25%
    }

    .grid-2of4--tablet-small {
        width: 50%
    }

    .grid-3of4--tablet-small {
        width: 75%
    }

    .grid-4of4--tablet-small {
        width: 100%
    }

    .grid-1of5--tablet-small {
        width: 20%
    }

    .grid-2of5--tablet-small {
        width: 40%
    }

    .grid-3of5--tablet-small {
        width: 60%
    }

    .grid-4of5--tablet-small {
        width: 80%
    }

    .grid-5of5--tablet-small {
        width: 100%
    }

    .grid-1of6--tablet-small {
        width: 16.666666666666664%
    }

    .grid-2of6--tablet-small {
        width: 33.33333333333333%
    }

    .grid-3of6--tablet-small {
        width: 50%
    }

    .grid-4of6--tablet-small {
        width: 66.66666666666666%
    }

    .grid-5of6--tablet-small {
        width: 83.33333333333334%
    }

    .grid-6of6--tablet-small {
        width: 100%
    }

    .grid-1of7--tablet-small {
        width: 14.285714285714285%
    }

    .grid-2of7--tablet-small {
        width: 28.57142857142857%
    }

    .grid-3of7--tablet-small {
        width: 42.857142857142854%
    }

    .grid-4of7--tablet-small {
        width: 57.14285714285714%
    }

    .grid-5of7--tablet-small {
        width: 71.42857142857143%
    }

    .grid-6of7--tablet-small {
        width: 85.71428571428571%
    }

    .grid-7of7--tablet-small {
        width: 100%
    }

    .grid-1of8--tablet-small {
        width: 12.5%
    }

    .grid-2of8--tablet-small {
        width: 25%
    }

    .grid-3of8--tablet-small {
        width: 37.5%
    }

    .grid-4of8--tablet-small {
        width: 50%
    }

    .grid-5of8--tablet-small {
        width: 62.5%
    }

    .grid-6of8--tablet-small {
        width: 75%
    }

    .grid-7of8--tablet-small {
        width: 87.5%
    }

    .grid-8of8--tablet-small {
        width: 100%
    }

    .grid-1of9--tablet-small {
        width: 11.11111111111111%
    }

    .grid-2of9--tablet-small {
        width: 22.22222222222222%
    }

    .grid-3of9--tablet-small {
        width: 33.33333333333333%
    }

    .grid-4of9--tablet-small {
        width: 44.44444444444444%
    }

    .grid-5of9--tablet-small {
        width: 55.55555555555556%
    }

    .grid-6of9--tablet-small {
        width: 66.66666666666666%
    }

    .grid-7of9--tablet-small {
        width: 77.77777777777779%
    }

    .grid-8of9--tablet-small {
        width: 88.88888888888889%
    }

    .grid-9of9--tablet-small {
        width: 100%
    }

    .grid-1of10--tablet-small {
        width: 10%
    }

    .grid-2of10--tablet-small {
        width: 20%
    }

    .grid-3of10--tablet-small {
        width: 30%
    }

    .grid-4of10--tablet-small {
        width: 40%
    }

    .grid-5of10--tablet-small {
        width: 50%
    }

    .grid-6of10--tablet-small {
        width: 60%
    }

    .grid-7of10--tablet-small {
        width: 70%
    }

    .grid-8of10--tablet-small {
        width: 80%
    }

    .grid-9of10--tablet-small {
        width: 90%
    }

    .grid-10of10--tablet-small {
        width: 100%
    }

    .grid-1of11--tablet-small {
        width: 9.090909090909092%
    }

    .grid-2of11--tablet-small {
        width: 18.181818181818183%
    }

    .grid-3of11--tablet-small {
        width: 27.27272727272727%
    }

    .grid-4of11--tablet-small {
        width: 36.36363636363637%
    }

    .grid-5of11--tablet-small {
        width: 45.45454545454545%
    }

    .grid-6of11--tablet-small {
        width: 54.54545454545454%
    }

    .grid-7of11--tablet-small {
        width: 63.63636363636363%
    }

    .grid-8of11--tablet-small {
        width: 72.72727272727273%
    }

    .grid-9of11--tablet-small {
        width: 81.81818181818183%
    }

    .grid-10of11--tablet-small {
        width: 90.9090909090909%
    }

    .grid-11of11--tablet-small {
        width: 100%
    }

    .grid-1of12--tablet-small {
        width: 8.333333333333332%
    }

    .grid-2of12--tablet-small {
        width: 16.666666666666664%
    }

    .grid-3of12--tablet-small {
        width: 25%
    }

    .grid-4of12--tablet-small {
        width: 33.33333333333333%
    }

    .grid-5of12--tablet-small {
        width: 41.66666666666667%
    }

    .grid-6of12--tablet-small {
        width: 50%
    }

    .grid-7of12--tablet-small {
        width: 58.333333333333336%
    }

    .grid-8of12--tablet-small {
        width: 66.66666666666666%
    }

    .grid-9of12--tablet-small {
        width: 75%
    }

    .grid-10of12--tablet-small {
        width: 83.33333333333334%
    }

    .grid-11of12--tablet-small {
        width: 91.66666666666666%
    }

    .grid-12of12--tablet-small {
        width: 100%
    }
}

@media (min-width:583px) {
    .grid-1of1--large {
        width: 100%
    }

    .grid-1of2--large {
        width: 50%
    }

    .grid-2of2--large {
        width: 100%
    }

    .grid-1of3--large {
        width: 33.33333333333333%
    }

    .grid-2of3--large {
        width: 66.66666666666666%
    }

    .grid-3of3--large {
        width: 100%
    }

    .grid-1of4--large {
        width: 25%
    }

    .grid-2of4--large {
        width: 50%
    }

    .grid-3of4--large {
        width: 75%
    }

    .grid-4of4--large {
        width: 100%
    }

    .grid-1of5--large {
        width: 20%
    }

    .grid-2of5--large {
        width: 40%
    }

    .grid-3of5--large {
        width: 60%
    }

    .grid-4of5--large {
        width: 80%
    }

    .grid-5of5--large {
        width: 100%
    }

    .grid-1of6--large {
        width: 16.666666666666664%
    }

    .grid-2of6--large {
        width: 33.33333333333333%
    }

    .grid-3of6--large {
        width: 50%
    }

    .grid-4of6--large {
        width: 66.66666666666666%
    }

    .grid-5of6--large {
        width: 83.33333333333334%
    }

    .grid-6of6--large {
        width: 100%
    }

    .grid-1of7--large {
        width: 14.285714285714285%
    }

    .grid-2of7--large {
        width: 28.57142857142857%
    }

    .grid-3of7--large {
        width: 42.857142857142854%
    }

    .grid-4of7--large {
        width: 57.14285714285714%
    }

    .grid-5of7--large {
        width: 71.42857142857143%
    }

    .grid-6of7--large {
        width: 85.71428571428571%
    }

    .grid-7of7--large {
        width: 100%
    }

    .grid-1of8--large {
        width: 12.5%
    }

    .grid-2of8--large {
        width: 25%
    }

    .grid-3of8--large {
        width: 37.5%
    }

    .grid-4of8--large {
        width: 50%
    }

    .grid-5of8--large {
        width: 62.5%
    }

    .grid-6of8--large {
        width: 75%
    }

    .grid-7of8--large {
        width: 87.5%
    }

    .grid-8of8--large {
        width: 100%
    }

    .grid-1of9--large {
        width: 11.11111111111111%
    }

    .grid-2of9--large {
        width: 22.22222222222222%
    }

    .grid-3of9--large {
        width: 33.33333333333333%
    }

    .grid-4of9--large {
        width: 44.44444444444444%
    }

    .grid-5of9--large {
        width: 55.55555555555556%
    }

    .grid-6of9--large {
        width: 66.66666666666666%
    }

    .grid-7of9--large {
        width: 77.77777777777779%
    }

    .grid-8of9--large {
        width: 88.88888888888889%
    }

    .grid-9of9--large {
        width: 100%
    }

    .grid-1of10--large {
        width: 10%
    }

    .grid-2of10--large {
        width: 20%
    }

    .grid-3of10--large {
        width: 30%
    }

    .grid-4of10--large {
        width: 40%
    }

    .grid-5of10--large {
        width: 50%
    }

    .grid-6of10--large {
        width: 60%
    }

    .grid-7of10--large {
        width: 70%
    }

    .grid-8of10--large {
        width: 80%
    }

    .grid-9of10--large {
        width: 90%
    }

    .grid-10of10--large {
        width: 100%
    }

    .grid-1of11--large {
        width: 9.090909090909092%
    }

    .grid-2of11--large {
        width: 18.181818181818183%
    }

    .grid-3of11--large {
        width: 27.27272727272727%
    }

    .grid-4of11--large {
        width: 36.36363636363637%
    }

    .grid-5of11--large {
        width: 45.45454545454545%
    }

    .grid-6of11--large {
        width: 54.54545454545454%
    }

    .grid-7of11--large {
        width: 63.63636363636363%
    }

    .grid-8of11--large {
        width: 72.72727272727273%
    }

    .grid-9of11--large {
        width: 81.81818181818183%
    }

    .grid-10of11--large {
        width: 90.9090909090909%
    }

    .grid-11of11--large {
        width: 100%
    }

    .grid-1of12--large {
        width: 8.333333333333332%
    }

    .grid-2of12--large {
        width: 16.666666666666664%
    }

    .grid-3of12--large {
        width: 25%
    }

    .grid-4of12--large {
        width: 33.33333333333333%
    }

    .grid-5of12--large {
        width: 41.66666666666667%
    }

    .grid-6of12--large {
        width: 50%
    }

    .grid-7of12--large {
        width: 58.333333333333336%
    }

    .grid-8of12--large {
        width: 66.66666666666666%
    }

    .grid-9of12--large {
        width: 75%
    }

    .grid-10of12--large {
        width: 83.33333333333334%
    }

    .grid-11of12--large {
        width: 91.66666666666666%
    }

    .grid-12of12--large {
        width: 100%
    }
}

@media (min-width:1024px) {
    .grid-1of1--desk {
        width: 100%
    }

    .grid-1of2--desk {
        width: 50%
    }

    .grid-2of2--desk {
        width: 100%
    }

    .grid-1of3--desk {
        width: 33.33333333333333%
    }

    .grid-2of3--desk {
        width: 66.66666666666666%
    }

    .grid-3of3--desk {
        width: 100%
    }

    .grid-1of4--desk {
        width: 25%
    }

    .grid-2of4--desk {
        width: 50%
    }

    .grid-3of4--desk {
        width: 75%
    }

    .grid-4of4--desk {
        width: 100%
    }

    .grid-1of5--desk {
        width: 20%
    }

    .grid-2of5--desk {
        width: 40%
    }

    .grid-3of5--desk {
        width: 60%
    }

    .grid-4of5--desk {
        width: 80%
    }

    .grid-5of5--desk {
        width: 100%
    }

    .grid-1of6--desk {
        width: 16.666666666666664%
    }

    .grid-2of6--desk {
        width: 33.33333333333333%
    }

    .grid-3of6--desk {
        width: 50%
    }

    .grid-4of6--desk {
        width: 66.66666666666666%
    }

    .grid-5of6--desk {
        width: 83.33333333333334%
    }

    .grid-6of6--desk {
        width: 100%
    }

    .grid-1of7--desk {
        width: 14.285714285714285%
    }

    .grid-2of7--desk {
        width: 28.57142857142857%
    }

    .grid-3of7--desk {
        width: 42.857142857142854%
    }

    .grid-4of7--desk {
        width: 57.14285714285714%
    }

    .grid-5of7--desk {
        width: 71.42857142857143%
    }

    .grid-6of7--desk {
        width: 85.71428571428571%
    }

    .grid-7of7--desk {
        width: 100%
    }

    .grid-1of8--desk {
        width: 12.5%
    }

    .grid-2of8--desk {
        width: 25%
    }

    .grid-3of8--desk {
        width: 37.5%
    }

    .grid-4of8--desk {
        width: 50%
    }

    .grid-5of8--desk {
        width: 62.5%
    }

    .grid-6of8--desk {
        width: 75%
    }

    .grid-7of8--desk {
        width: 87.5%
    }

    .grid-8of8--desk {
        width: 100%
    }

    .grid-1of9--desk {
        width: 11.11111111111111%
    }

    .grid-2of9--desk {
        width: 22.22222222222222%
    }

    .grid-3of9--desk {
        width: 33.33333333333333%
    }

    .grid-4of9--desk {
        width: 44.44444444444444%
    }

    .grid-5of9--desk {
        width: 55.55555555555556%
    }

    .grid-6of9--desk {
        width: 66.66666666666666%
    }

    .grid-7of9--desk {
        width: 77.77777777777779%
    }

    .grid-8of9--desk {
        width: 88.88888888888889%
    }

    .grid-9of9--desk {
        width: 100%
    }

    .grid-1of10--desk {
        width: 10%
    }

    .grid-2of10--desk {
        width: 20%
    }

    .grid-3of10--desk {
        width: 30%
    }

    .grid-4of10--desk {
        width: 40%
    }

    .grid-5of10--desk {
        width: 50%
    }

    .grid-6of10--desk {
        width: 60%
    }

    .grid-7of10--desk {
        width: 70%
    }

    .grid-8of10--desk {
        width: 80%
    }

    .grid-9of10--desk {
        width: 90%
    }

    .grid-10of10--desk {
        width: 100%
    }

    .grid-1of11--desk {
        width: 9.090909090909092%
    }

    .grid-2of11--desk {
        width: 18.181818181818183%
    }

    .grid-3of11--desk {
        width: 27.27272727272727%
    }

    .grid-4of11--desk {
        width: 36.36363636363637%
    }

    .grid-5of11--desk {
        width: 45.45454545454545%
    }

    .grid-6of11--desk {
        width: 54.54545454545454%
    }

    .grid-7of11--desk {
        width: 63.63636363636363%
    }

    .grid-8of11--desk {
        width: 72.72727272727273%
    }

    .grid-9of11--desk {
        width: 81.81818181818183%
    }

    .grid-10of11--desk {
        width: 90.9090909090909%
    }

    .grid-11of11--desk {
        width: 100%
    }

    .grid-1of12--desk {
        width: 8.333333333333332%
    }

    .grid-2of12--desk {
        width: 16.666666666666664%
    }

    .grid-3of12--desk {
        width: 25%
    }

    .grid-4of12--desk {
        width: 33.33333333333333%
    }

    .grid-5of12--desk {
        width: 41.66666666666667%
    }

    .grid-6of12--desk {
        width: 50%
    }

    .grid-7of12--desk {
        width: 58.333333333333336%
    }

    .grid-8of12--desk {
        width: 66.66666666666666%
    }

    .grid-9of12--desk {
        width: 75%
    }

    .grid-10of12--desk {
        width: 83.33333333333334%
    }

    .grid-11of12--desk {
        width: 91.66666666666666%
    }

    .grid-12of12--desk {
        width: 100%
    }
}

@media (min-width:583px) and (max-width:1023px) {
    .grid-1of1--lap {
        width: 100%
    }

    .grid-1of2--lap {
        width: 50%
    }

    .grid-2of2--lap {
        width: 100%
    }

    .grid-1of3--lap {
        width: 33.33333333333333%
    }

    .grid-2of3--lap {
        width: 66.66666666666666%
    }

    .grid-3of3--lap {
        width: 100%
    }

    .grid-1of4--lap {
        width: 25%
    }

    .grid-2of4--lap {
        width: 50%
    }

    .grid-3of4--lap {
        width: 75%
    }

    .grid-4of4--lap {
        width: 100%
    }

    .grid-1of5--lap {
        width: 20%
    }

    .grid-2of5--lap {
        width: 40%
    }

    .grid-3of5--lap {
        width: 60%
    }

    .grid-4of5--lap {
        width: 80%
    }

    .grid-5of5--lap {
        width: 100%
    }

    .grid-1of6--lap {
        width: 16.666666666666664%
    }

    .grid-2of6--lap {
        width: 33.33333333333333%
    }

    .grid-3of6--lap {
        width: 50%
    }

    .grid-4of6--lap {
        width: 66.66666666666666%
    }

    .grid-5of6--lap {
        width: 83.33333333333334%
    }

    .grid-6of6--lap {
        width: 100%
    }

    .grid-1of7--lap {
        width: 14.285714285714285%
    }

    .grid-2of7--lap {
        width: 28.57142857142857%
    }

    .grid-3of7--lap {
        width: 42.857142857142854%
    }

    .grid-4of7--lap {
        width: 57.14285714285714%
    }

    .grid-5of7--lap {
        width: 71.42857142857143%
    }

    .grid-6of7--lap {
        width: 85.71428571428571%
    }

    .grid-7of7--lap {
        width: 100%
    }

    .grid-1of8--lap {
        width: 12.5%
    }

    .grid-2of8--lap {
        width: 25%
    }

    .grid-3of8--lap {
        width: 37.5%
    }

    .grid-4of8--lap {
        width: 50%
    }

    .grid-5of8--lap {
        width: 62.5%
    }

    .grid-6of8--lap {
        width: 75%
    }

    .grid-7of8--lap {
        width: 87.5%
    }

    .grid-8of8--lap {
        width: 100%
    }

    .grid-1of9--lap {
        width: 11.11111111111111%
    }

    .grid-2of9--lap {
        width: 22.22222222222222%
    }

    .grid-3of9--lap {
        width: 33.33333333333333%
    }

    .grid-4of9--lap {
        width: 44.44444444444444%
    }

    .grid-5of9--lap {
        width: 55.55555555555556%
    }

    .grid-6of9--lap {
        width: 66.66666666666666%
    }

    .grid-7of9--lap {
        width: 77.77777777777779%
    }

    .grid-8of9--lap {
        width: 88.88888888888889%
    }

    .grid-9of9--lap {
        width: 100%
    }

    .grid-1of10--lap {
        width: 10%
    }

    .grid-2of10--lap {
        width: 20%
    }

    .grid-3of10--lap {
        width: 30%
    }

    .grid-4of10--lap {
        width: 40%
    }

    .grid-5of10--lap {
        width: 50%
    }

    .grid-6of10--lap {
        width: 60%
    }

    .grid-7of10--lap {
        width: 70%
    }

    .grid-8of10--lap {
        width: 80%
    }

    .grid-9of10--lap {
        width: 90%
    }

    .grid-10of10--lap {
        width: 100%
    }

    .grid-1of11--lap {
        width: 9.090909090909092%
    }

    .grid-2of11--lap {
        width: 18.181818181818183%
    }

    .grid-3of11--lap {
        width: 27.27272727272727%
    }

    .grid-4of11--lap {
        width: 36.36363636363637%
    }

    .grid-5of11--lap {
        width: 45.45454545454545%
    }

    .grid-6of11--lap {
        width: 54.54545454545454%
    }

    .grid-7of11--lap {
        width: 63.63636363636363%
    }

    .grid-8of11--lap {
        width: 72.72727272727273%
    }

    .grid-9of11--lap {
        width: 81.81818181818183%
    }

    .grid-10of11--lap {
        width: 90.9090909090909%
    }

    .grid-11of11--lap {
        width: 100%
    }

    .grid-1of12--lap {
        width: 8.333333333333332%
    }

    .grid-2of12--lap {
        width: 16.666666666666664%
    }

    .grid-3of12--lap {
        width: 25%
    }

    .grid-4of12--lap {
        width: 33.33333333333333%
    }

    .grid-5of12--lap {
        width: 41.66666666666667%
    }

    .grid-6of12--lap {
        width: 50%
    }

    .grid-7of12--lap {
        width: 58.333333333333336%
    }

    .grid-8of12--lap {
        width: 66.66666666666666%
    }

    .grid-9of12--lap {
        width: 75%
    }

    .grid-10of12--lap {
        width: 83.33333333333334%
    }

    .grid-11of12--lap {
        width: 91.66666666666666%
    }

    .grid-12of12--lap {
        width: 100%
    }
}

@media (max-width:1440px) {
    .grid-1of1--small-laptop {
        width: 100%
    }

    .grid-1of2--small-laptop {
        width: 50%
    }

    .grid-2of2--small-laptop {
        width: 100%
    }

    .grid-1of3--small-laptop {
        width: 33.33333333333333%
    }

    .grid-2of3--small-laptop {
        width: 66.66666666666666%
    }

    .grid-3of3--small-laptop {
        width: 100%
    }

    .grid-1of4--small-laptop {
        width: 25%
    }

    .grid-2of4--small-laptop {
        width: 50%
    }

    .grid-3of4--small-laptop {
        width: 75%
    }

    .grid-4of4--small-laptop {
        width: 100%
    }

    .grid-1of5--small-laptop {
        width: 20%
    }

    .grid-2of5--small-laptop {
        width: 40%
    }

    .grid-3of5--small-laptop {
        width: 60%
    }

    .grid-4of5--small-laptop {
        width: 80%
    }

    .grid-5of5--small-laptop {
        width: 100%
    }

    .grid-1of6--small-laptop {
        width: 16.666666666666664%
    }

    .grid-2of6--small-laptop {
        width: 33.33333333333333%
    }

    .grid-3of6--small-laptop {
        width: 50%
    }

    .grid-4of6--small-laptop {
        width: 66.66666666666666%
    }

    .grid-5of6--small-laptop {
        width: 83.33333333333334%
    }

    .grid-6of6--small-laptop {
        width: 100%
    }

    .grid-1of7--small-laptop {
        width: 14.285714285714285%
    }

    .grid-2of7--small-laptop {
        width: 28.57142857142857%
    }

    .grid-3of7--small-laptop {
        width: 42.857142857142854%
    }

    .grid-4of7--small-laptop {
        width: 57.14285714285714%
    }

    .grid-5of7--small-laptop {
        width: 71.42857142857143%
    }

    .grid-6of7--small-laptop {
        width: 85.71428571428571%
    }

    .grid-7of7--small-laptop {
        width: 100%
    }

    .grid-1of8--small-laptop {
        width: 12.5%
    }

    .grid-2of8--small-laptop {
        width: 25%
    }

    .grid-3of8--small-laptop {
        width: 37.5%
    }

    .grid-4of8--small-laptop {
        width: 50%
    }

    .grid-5of8--small-laptop {
        width: 62.5%
    }

    .grid-6of8--small-laptop {
        width: 75%
    }

    .grid-7of8--small-laptop {
        width: 87.5%
    }

    .grid-8of8--small-laptop {
        width: 100%
    }

    .grid-1of9--small-laptop {
        width: 11.11111111111111%
    }

    .grid-2of9--small-laptop {
        width: 22.22222222222222%
    }

    .grid-3of9--small-laptop {
        width: 33.33333333333333%
    }

    .grid-4of9--small-laptop {
        width: 44.44444444444444%
    }

    .grid-5of9--small-laptop {
        width: 55.55555555555556%
    }

    .grid-6of9--small-laptop {
        width: 66.66666666666666%
    }

    .grid-7of9--small-laptop {
        width: 77.77777777777779%
    }

    .grid-8of9--small-laptop {
        width: 88.88888888888889%
    }

    .grid-9of9--small-laptop {
        width: 100%
    }

    .grid-1of10--small-laptop {
        width: 10%
    }

    .grid-2of10--small-laptop {
        width: 20%
    }

    .grid-3of10--small-laptop {
        width: 30%
    }

    .grid-4of10--small-laptop {
        width: 40%
    }

    .grid-5of10--small-laptop {
        width: 50%
    }

    .grid-6of10--small-laptop {
        width: 60%
    }

    .grid-7of10--small-laptop {
        width: 70%
    }

    .grid-8of10--small-laptop {
        width: 80%
    }

    .grid-9of10--small-laptop {
        width: 90%
    }

    .grid-10of10--small-laptop {
        width: 100%
    }

    .grid-1of11--small-laptop {
        width: 9.090909090909092%
    }

    .grid-2of11--small-laptop {
        width: 18.181818181818183%
    }

    .grid-3of11--small-laptop {
        width: 27.27272727272727%
    }

    .grid-4of11--small-laptop {
        width: 36.36363636363637%
    }

    .grid-5of11--small-laptop {
        width: 45.45454545454545%
    }

    .grid-6of11--small-laptop {
        width: 54.54545454545454%
    }

    .grid-7of11--small-laptop {
        width: 63.63636363636363%
    }

    .grid-8of11--small-laptop {
        width: 72.72727272727273%
    }

    .grid-9of11--small-laptop {
        width: 81.81818181818183%
    }

    .grid-10of11--small-laptop {
        width: 90.9090909090909%
    }

    .grid-11of11--small-laptop {
        width: 100%
    }

    .grid-1of12--small-laptop {
        width: 8.333333333333332%
    }

    .grid-2of12--small-laptop {
        width: 16.666666666666664%
    }

    .grid-3of12--small-laptop {
        width: 25%
    }

    .grid-4of12--small-laptop {
        width: 33.33333333333333%
    }

    .grid-5of12--small-laptop {
        width: 41.66666666666667%
    }

    .grid-6of12--small-laptop {
        width: 50%
    }

    .grid-7of12--small-laptop {
        width: 58.333333333333336%
    }

    .grid-8of12--small-laptop {
        width: 66.66666666666666%
    }

    .grid-9of12--small-laptop {
        width: 75%
    }

    .grid-10of12--small-laptop {
        width: 83.33333333333334%
    }

    .grid-11of12--small-laptop {
        width: 91.66666666666666%
    }

    .grid-12of12--small-laptop {
        width: 100%
    }
}

@media (max-width:1023px) {
    .grid-1of1--portable {
        width: 100%
    }

    .grid-1of2--portable {
        width: 50%
    }

    .grid-2of2--portable {
        width: 100%
    }

    .grid-1of3--portable {
        width: 33.33333333333333%
    }

    .grid-2of3--portable {
        width: 66.66666666666666%
    }

    .grid-3of3--portable {
        width: 100%
    }

    .grid-1of4--portable {
        width: 25%
    }

    .grid-2of4--portable {
        width: 50%
    }

    .grid-3of4--portable {
        width: 75%
    }

    .grid-4of4--portable {
        width: 100%
    }

    .grid-1of5--portable {
        width: 20%
    }

    .grid-2of5--portable {
        width: 40%
    }

    .grid-3of5--portable {
        width: 60%
    }

    .grid-4of5--portable {
        width: 80%
    }

    .grid-5of5--portable {
        width: 100%
    }

    .grid-1of6--portable {
        width: 16.666666666666664%
    }

    .grid-2of6--portable {
        width: 33.33333333333333%
    }

    .grid-3of6--portable {
        width: 50%
    }

    .grid-4of6--portable {
        width: 66.66666666666666%
    }

    .grid-5of6--portable {
        width: 83.33333333333334%
    }

    .grid-6of6--portable {
        width: 100%
    }

    .grid-1of7--portable {
        width: 14.285714285714285%
    }

    .grid-2of7--portable {
        width: 28.57142857142857%
    }

    .grid-3of7--portable {
        width: 42.857142857142854%
    }

    .grid-4of7--portable {
        width: 57.14285714285714%
    }

    .grid-5of7--portable {
        width: 71.42857142857143%
    }

    .grid-6of7--portable {
        width: 85.71428571428571%
    }

    .grid-7of7--portable {
        width: 100%
    }

    .grid-1of8--portable {
        width: 12.5%
    }

    .grid-2of8--portable {
        width: 25%
    }

    .grid-3of8--portable {
        width: 37.5%
    }

    .grid-4of8--portable {
        width: 50%
    }

    .grid-5of8--portable {
        width: 62.5%
    }

    .grid-6of8--portable {
        width: 75%
    }

    .grid-7of8--portable {
        width: 87.5%
    }

    .grid-8of8--portable {
        width: 100%
    }

    .grid-1of9--portable {
        width: 11.11111111111111%
    }

    .grid-2of9--portable {
        width: 22.22222222222222%
    }

    .grid-3of9--portable {
        width: 33.33333333333333%
    }

    .grid-4of9--portable {
        width: 44.44444444444444%
    }

    .grid-5of9--portable {
        width: 55.55555555555556%
    }

    .grid-6of9--portable {
        width: 66.66666666666666%
    }

    .grid-7of9--portable {
        width: 77.77777777777779%
    }

    .grid-8of9--portable {
        width: 88.88888888888889%
    }

    .grid-9of9--portable {
        width: 100%
    }

    .grid-1of10--portable {
        width: 10%
    }

    .grid-2of10--portable {
        width: 20%
    }

    .grid-3of10--portable {
        width: 30%
    }

    .grid-4of10--portable {
        width: 40%
    }

    .grid-5of10--portable {
        width: 50%
    }

    .grid-6of10--portable {
        width: 60%
    }

    .grid-7of10--portable {
        width: 70%
    }

    .grid-8of10--portable {
        width: 80%
    }

    .grid-9of10--portable {
        width: 90%
    }

    .grid-10of10--portable {
        width: 100%
    }

    .grid-1of11--portable {
        width: 9.090909090909092%
    }

    .grid-2of11--portable {
        width: 18.181818181818183%
    }

    .grid-3of11--portable {
        width: 27.27272727272727%
    }

    .grid-4of11--portable {
        width: 36.36363636363637%
    }

    .grid-5of11--portable {
        width: 45.45454545454545%
    }

    .grid-6of11--portable {
        width: 54.54545454545454%
    }

    .grid-7of11--portable {
        width: 63.63636363636363%
    }

    .grid-8of11--portable {
        width: 72.72727272727273%
    }

    .grid-9of11--portable {
        width: 81.81818181818183%
    }

    .grid-10of11--portable {
        width: 90.9090909090909%
    }

    .grid-11of11--portable {
        width: 100%
    }

    .grid-1of12--portable {
        width: 8.333333333333332%
    }

    .grid-2of12--portable {
        width: 16.666666666666664%
    }

    .grid-3of12--portable {
        width: 25%
    }

    .grid-4of12--portable {
        width: 33.33333333333333%
    }

    .grid-5of12--portable {
        width: 41.66666666666667%
    }

    .grid-6of12--portable {
        width: 50%
    }

    .grid-7of12--portable {
        width: 58.333333333333336%
    }

    .grid-8of12--portable {
        width: 66.66666666666666%
    }

    .grid-9of12--portable {
        width: 75%
    }

    .grid-10of12--portable {
        width: 83.33333333333334%
    }

    .grid-11of12--portable {
        width: 91.66666666666666%
    }

    .grid-12of12--portable {
        width: 100%
    }
}

@media (max-width:830px) {
    .grid-1of1--tablet-portrait {
        width: 100%
    }

    .grid-1of2--tablet-portrait {
        width: 50%
    }

    .grid-2of2--tablet-portrait {
        width: 100%
    }

    .grid-1of3--tablet-portrait {
        width: 33.33333333333333%
    }

    .grid-2of3--tablet-portrait {
        width: 66.66666666666666%
    }

    .grid-3of3--tablet-portrait {
        width: 100%
    }

    .grid-1of4--tablet-portrait {
        width: 25%
    }

    .grid-2of4--tablet-portrait {
        width: 50%
    }

    .grid-3of4--tablet-portrait {
        width: 75%
    }

    .grid-4of4--tablet-portrait {
        width: 100%
    }

    .grid-1of5--tablet-portrait {
        width: 20%
    }

    .grid-2of5--tablet-portrait {
        width: 40%
    }

    .grid-3of5--tablet-portrait {
        width: 60%
    }

    .grid-4of5--tablet-portrait {
        width: 80%
    }

    .grid-5of5--tablet-portrait {
        width: 100%
    }

    .grid-1of6--tablet-portrait {
        width: 16.666666666666664%
    }

    .grid-2of6--tablet-portrait {
        width: 33.33333333333333%
    }

    .grid-3of6--tablet-portrait {
        width: 50%
    }

    .grid-4of6--tablet-portrait {
        width: 66.66666666666666%
    }

    .grid-5of6--tablet-portrait {
        width: 83.33333333333334%
    }

    .grid-6of6--tablet-portrait {
        width: 100%
    }

    .grid-1of7--tablet-portrait {
        width: 14.285714285714285%
    }

    .grid-2of7--tablet-portrait {
        width: 28.57142857142857%
    }

    .grid-3of7--tablet-portrait {
        width: 42.857142857142854%
    }

    .grid-4of7--tablet-portrait {
        width: 57.14285714285714%
    }

    .grid-5of7--tablet-portrait {
        width: 71.42857142857143%
    }

    .grid-6of7--tablet-portrait {
        width: 85.71428571428571%
    }

    .grid-7of7--tablet-portrait {
        width: 100%
    }

    .grid-1of8--tablet-portrait {
        width: 12.5%
    }

    .grid-2of8--tablet-portrait {
        width: 25%
    }

    .grid-3of8--tablet-portrait {
        width: 37.5%
    }

    .grid-4of8--tablet-portrait {
        width: 50%
    }

    .grid-5of8--tablet-portrait {
        width: 62.5%
    }

    .grid-6of8--tablet-portrait {
        width: 75%
    }

    .grid-7of8--tablet-portrait {
        width: 87.5%
    }

    .grid-8of8--tablet-portrait {
        width: 100%
    }

    .grid-1of9--tablet-portrait {
        width: 11.11111111111111%
    }

    .grid-2of9--tablet-portrait {
        width: 22.22222222222222%
    }

    .grid-3of9--tablet-portrait {
        width: 33.33333333333333%
    }

    .grid-4of9--tablet-portrait {
        width: 44.44444444444444%
    }

    .grid-5of9--tablet-portrait {
        width: 55.55555555555556%
    }

    .grid-6of9--tablet-portrait {
        width: 66.66666666666666%
    }

    .grid-7of9--tablet-portrait {
        width: 77.77777777777779%
    }

    .grid-8of9--tablet-portrait {
        width: 88.88888888888889%
    }

    .grid-9of9--tablet-portrait {
        width: 100%
    }

    .grid-1of10--tablet-portrait {
        width: 10%
    }

    .grid-2of10--tablet-portrait {
        width: 20%
    }

    .grid-3of10--tablet-portrait {
        width: 30%
    }

    .grid-4of10--tablet-portrait {
        width: 40%
    }

    .grid-5of10--tablet-portrait {
        width: 50%
    }

    .grid-6of10--tablet-portrait {
        width: 60%
    }

    .grid-7of10--tablet-portrait {
        width: 70%
    }

    .grid-8of10--tablet-portrait {
        width: 80%
    }

    .grid-9of10--tablet-portrait {
        width: 90%
    }

    .grid-10of10--tablet-portrait {
        width: 100%
    }

    .grid-1of11--tablet-portrait {
        width: 9.090909090909092%
    }

    .grid-2of11--tablet-portrait {
        width: 18.181818181818183%
    }

    .grid-3of11--tablet-portrait {
        width: 27.27272727272727%
    }

    .grid-4of11--tablet-portrait {
        width: 36.36363636363637%
    }

    .grid-5of11--tablet-portrait {
        width: 45.45454545454545%
    }

    .grid-6of11--tablet-portrait {
        width: 54.54545454545454%
    }

    .grid-7of11--tablet-portrait {
        width: 63.63636363636363%
    }

    .grid-8of11--tablet-portrait {
        width: 72.72727272727273%
    }

    .grid-9of11--tablet-portrait {
        width: 81.81818181818183%
    }

    .grid-10of11--tablet-portrait {
        width: 90.9090909090909%
    }

    .grid-11of11--tablet-portrait {
        width: 100%
    }

    .grid-1of12--tablet-portrait {
        width: 8.333333333333332%
    }

    .grid-2of12--tablet-portrait {
        width: 16.666666666666664%
    }

    .grid-3of12--tablet-portrait {
        width: 25%
    }

    .grid-4of12--tablet-portrait {
        width: 33.33333333333333%
    }

    .grid-5of12--tablet-portrait {
        width: 41.66666666666667%
    }

    .grid-6of12--tablet-portrait {
        width: 50%
    }

    .grid-7of12--tablet-portrait {
        width: 58.333333333333336%
    }

    .grid-8of12--tablet-portrait {
        width: 66.66666666666666%
    }

    .grid-9of12--tablet-portrait {
        width: 75%
    }

    .grid-10of12--tablet-portrait {
        width: 83.33333333333334%
    }

    .grid-11of12--tablet-portrait {
        width: 91.66666666666666%
    }

    .grid-12of12--tablet-portrait {
        width: 100%
    }
}

@media (max-width:540px) {
    .grid-1of1--palm {
        width: 100%
    }

    .grid-1of2--palm {
        width: 50%
    }

    .grid-2of2--palm {
        width: 100%
    }

    .grid-1of3--palm {
        width: 33.33333333333333%
    }

    .grid-2of3--palm {
        width: 66.66666666666666%
    }

    .grid-3of3--palm {
        width: 100%
    }

    .grid-1of4--palm {
        width: 25%
    }

    .grid-2of4--palm {
        width: 50%
    }

    .grid-3of4--palm {
        width: 75%
    }

    .grid-4of4--palm {
        width: 100%
    }

    .grid-1of5--palm {
        width: 20%
    }

    .grid-2of5--palm {
        width: 40%
    }

    .grid-3of5--palm {
        width: 60%
    }

    .grid-4of5--palm {
        width: 80%
    }

    .grid-5of5--palm {
        width: 100%
    }

    .grid-1of6--palm {
        width: 16.666666666666664%
    }

    .grid-2of6--palm {
        width: 33.33333333333333%
    }

    .grid-3of6--palm {
        width: 50%
    }

    .grid-4of6--palm {
        width: 66.66666666666666%
    }

    .grid-5of6--palm {
        width: 83.33333333333334%
    }

    .grid-6of6--palm {
        width: 100%
    }

    .grid-1of7--palm {
        width: 14.285714285714285%
    }

    .grid-2of7--palm {
        width: 28.57142857142857%
    }

    .grid-3of7--palm {
        width: 42.857142857142854%
    }

    .grid-4of7--palm {
        width: 57.14285714285714%
    }

    .grid-5of7--palm {
        width: 71.42857142857143%
    }

    .grid-6of7--palm {
        width: 85.71428571428571%
    }

    .grid-7of7--palm {
        width: 100%
    }

    .grid-1of8--palm {
        width: 12.5%
    }

    .grid-2of8--palm {
        width: 25%
    }

    .grid-3of8--palm {
        width: 37.5%
    }

    .grid-4of8--palm {
        width: 50%
    }

    .grid-5of8--palm {
        width: 62.5%
    }

    .grid-6of8--palm {
        width: 75%
    }

    .grid-7of8--palm {
        width: 87.5%
    }

    .grid-8of8--palm {
        width: 100%
    }

    .grid-1of9--palm {
        width: 11.11111111111111%
    }

    .grid-2of9--palm {
        width: 22.22222222222222%
    }

    .grid-3of9--palm {
        width: 33.33333333333333%
    }

    .grid-4of9--palm {
        width: 44.44444444444444%
    }

    .grid-5of9--palm {
        width: 55.55555555555556%
    }

    .grid-6of9--palm {
        width: 66.66666666666666%
    }

    .grid-7of9--palm {
        width: 77.77777777777779%
    }

    .grid-8of9--palm {
        width: 88.88888888888889%
    }

    .grid-9of9--palm {
        width: 100%
    }

    .grid-1of10--palm {
        width: 10%
    }

    .grid-2of10--palm {
        width: 20%
    }

    .grid-3of10--palm {
        width: 30%
    }

    .grid-4of10--palm {
        width: 40%
    }

    .grid-5of10--palm {
        width: 50%
    }

    .grid-6of10--palm {
        width: 60%
    }

    .grid-7of10--palm {
        width: 70%
    }

    .grid-8of10--palm {
        width: 80%
    }

    .grid-9of10--palm {
        width: 90%
    }

    .grid-10of10--palm {
        width: 100%
    }

    .grid-1of11--palm {
        width: 9.090909090909092%
    }

    .grid-2of11--palm {
        width: 18.181818181818183%
    }

    .grid-3of11--palm {
        width: 27.27272727272727%
    }

    .grid-4of11--palm {
        width: 36.36363636363637%
    }

    .grid-5of11--palm {
        width: 45.45454545454545%
    }

    .grid-6of11--palm {
        width: 54.54545454545454%
    }

    .grid-7of11--palm {
        width: 63.63636363636363%
    }

    .grid-8of11--palm {
        width: 72.72727272727273%
    }

    .grid-9of11--palm {
        width: 81.81818181818183%
    }

    .grid-10of11--palm {
        width: 90.9090909090909%
    }

    .grid-11of11--palm {
        width: 100%
    }

    .grid-1of12--palm {
        width: 8.333333333333332%
    }

    .grid-2of12--palm {
        width: 16.666666666666664%
    }

    .grid-3of12--palm {
        width: 25%
    }

    .grid-4of12--palm {
        width: 33.33333333333333%
    }

    .grid-5of12--palm {
        width: 41.66666666666667%
    }

    .grid-6of12--palm {
        width: 50%
    }

    .grid-7of12--palm {
        width: 58.333333333333336%
    }

    .grid-8of12--palm {
        width: 66.66666666666666%
    }

    .grid-9of12--palm {
        width: 75%
    }

    .grid-10of12--palm {
        width: 83.33333333333334%
    }

    .grid-11of12--palm {
        width: 91.66666666666666%
    }

    .grid-12of12--palm {
        width: 100%
    }
}

@media (max-width:420px) {
    .grid-1of1--phone {
        width: 100%
    }

    .grid-1of2--phone {
        width: 50%
    }

    .grid-2of2--phone {
        width: 100%
    }

    .grid-1of3--phone {
        width: 33.33333333333333%
    }

    .grid-2of3--phone {
        width: 66.66666666666666%
    }

    .grid-3of3--phone {
        width: 100%
    }

    .grid-1of4--phone {
        width: 25%
    }

    .grid-2of4--phone {
        width: 50%
    }

    .grid-3of4--phone {
        width: 75%
    }

    .grid-4of4--phone {
        width: 100%
    }

    .grid-1of5--phone {
        width: 20%
    }

    .grid-2of5--phone {
        width: 40%
    }

    .grid-3of5--phone {
        width: 60%
    }

    .grid-4of5--phone {
        width: 80%
    }

    .grid-5of5--phone {
        width: 100%
    }

    .grid-1of6--phone {
        width: 16.666666666666664%
    }

    .grid-2of6--phone {
        width: 33.33333333333333%
    }

    .grid-3of6--phone {
        width: 50%
    }

    .grid-4of6--phone {
        width: 66.66666666666666%
    }

    .grid-5of6--phone {
        width: 83.33333333333334%
    }

    .grid-6of6--phone {
        width: 100%
    }

    .grid-1of7--phone {
        width: 14.285714285714285%
    }

    .grid-2of7--phone {
        width: 28.57142857142857%
    }

    .grid-3of7--phone {
        width: 42.857142857142854%
    }

    .grid-4of7--phone {
        width: 57.14285714285714%
    }

    .grid-5of7--phone {
        width: 71.42857142857143%
    }

    .grid-6of7--phone {
        width: 85.71428571428571%
    }

    .grid-7of7--phone {
        width: 100%
    }

    .grid-1of8--phone {
        width: 12.5%
    }

    .grid-2of8--phone {
        width: 25%
    }

    .grid-3of8--phone {
        width: 37.5%
    }

    .grid-4of8--phone {
        width: 50%
    }

    .grid-5of8--phone {
        width: 62.5%
    }

    .grid-6of8--phone {
        width: 75%
    }

    .grid-7of8--phone {
        width: 87.5%
    }

    .grid-8of8--phone {
        width: 100%
    }

    .grid-1of9--phone {
        width: 11.11111111111111%
    }

    .grid-2of9--phone {
        width: 22.22222222222222%
    }

    .grid-3of9--phone {
        width: 33.33333333333333%
    }

    .grid-4of9--phone {
        width: 44.44444444444444%
    }

    .grid-5of9--phone {
        width: 55.55555555555556%
    }

    .grid-6of9--phone {
        width: 66.66666666666666%
    }

    .grid-7of9--phone {
        width: 77.77777777777779%
    }

    .grid-8of9--phone {
        width: 88.88888888888889%
    }

    .grid-9of9--phone {
        width: 100%
    }

    .grid-1of10--phone {
        width: 10%
    }

    .grid-2of10--phone {
        width: 20%
    }

    .grid-3of10--phone {
        width: 30%
    }

    .grid-4of10--phone {
        width: 40%
    }

    .grid-5of10--phone {
        width: 50%
    }

    .grid-6of10--phone {
        width: 60%
    }

    .grid-7of10--phone {
        width: 70%
    }

    .grid-8of10--phone {
        width: 80%
    }

    .grid-9of10--phone {
        width: 90%
    }

    .grid-10of10--phone {
        width: 100%
    }

    .grid-1of11--phone {
        width: 9.090909090909092%
    }

    .grid-2of11--phone {
        width: 18.181818181818183%
    }

    .grid-3of11--phone {
        width: 27.27272727272727%
    }

    .grid-4of11--phone {
        width: 36.36363636363637%
    }

    .grid-5of11--phone {
        width: 45.45454545454545%
    }

    .grid-6of11--phone {
        width: 54.54545454545454%
    }

    .grid-7of11--phone {
        width: 63.63636363636363%
    }

    .grid-8of11--phone {
        width: 72.72727272727273%
    }

    .grid-9of11--phone {
        width: 81.81818181818183%
    }

    .grid-10of11--phone {
        width: 90.9090909090909%
    }

    .grid-11of11--phone {
        width: 100%
    }

    .grid-1of12--phone {
        width: 8.333333333333332%
    }

    .grid-2of12--phone {
        width: 16.666666666666664%
    }

    .grid-3of12--phone {
        width: 25%
    }

    .grid-4of12--phone {
        width: 33.33333333333333%
    }

    .grid-5of12--phone {
        width: 41.66666666666667%
    }

    .grid-6of12--phone {
        width: 50%
    }

    .grid-7of12--phone {
        width: 58.333333333333336%
    }

    .grid-8of12--phone {
        width: 66.66666666666666%
    }

    .grid-9of12--phone {
        width: 75%
    }

    .grid-10of12--phone {
        width: 83.33333333333334%
    }

    .grid-11of12--phone {
        width: 91.66666666666666%
    }

    .grid-12of12--phone {
        width: 100%
    }
}

@media (min-width:831px) {
    .grid-1of1--small-desk {
        width: 100%
    }

    .grid-1of2--small-desk {
        width: 50%
    }

    .grid-2of2--small-desk {
        width: 100%
    }

    .grid-1of3--small-desk {
        width: 33.33333333333333%
    }

    .grid-2of3--small-desk {
        width: 66.66666666666666%
    }

    .grid-3of3--small-desk {
        width: 100%
    }

    .grid-1of4--small-desk {
        width: 25%
    }

    .grid-2of4--small-desk {
        width: 50%
    }

    .grid-3of4--small-desk {
        width: 75%
    }

    .grid-4of4--small-desk {
        width: 100%
    }

    .grid-1of5--small-desk {
        width: 20%
    }

    .grid-2of5--small-desk {
        width: 40%
    }

    .grid-3of5--small-desk {
        width: 60%
    }

    .grid-4of5--small-desk {
        width: 80%
    }

    .grid-5of5--small-desk {
        width: 100%
    }

    .grid-1of6--small-desk {
        width: 16.666666666666664%
    }

    .grid-2of6--small-desk {
        width: 33.33333333333333%
    }

    .grid-3of6--small-desk {
        width: 50%
    }

    .grid-4of6--small-desk {
        width: 66.66666666666666%
    }

    .grid-5of6--small-desk {
        width: 83.33333333333334%
    }

    .grid-6of6--small-desk {
        width: 100%
    }

    .grid-1of7--small-desk {
        width: 14.285714285714285%
    }

    .grid-2of7--small-desk {
        width: 28.57142857142857%
    }

    .grid-3of7--small-desk {
        width: 42.857142857142854%
    }

    .grid-4of7--small-desk {
        width: 57.14285714285714%
    }

    .grid-5of7--small-desk {
        width: 71.42857142857143%
    }

    .grid-6of7--small-desk {
        width: 85.71428571428571%
    }

    .grid-7of7--small-desk {
        width: 100%
    }

    .grid-1of8--small-desk {
        width: 12.5%
    }

    .grid-2of8--small-desk {
        width: 25%
    }

    .grid-3of8--small-desk {
        width: 37.5%
    }

    .grid-4of8--small-desk {
        width: 50%
    }

    .grid-5of8--small-desk {
        width: 62.5%
    }

    .grid-6of8--small-desk {
        width: 75%
    }

    .grid-7of8--small-desk {
        width: 87.5%
    }

    .grid-8of8--small-desk {
        width: 100%
    }

    .grid-1of9--small-desk {
        width: 11.11111111111111%
    }

    .grid-2of9--small-desk {
        width: 22.22222222222222%
    }

    .grid-3of9--small-desk {
        width: 33.33333333333333%
    }

    .grid-4of9--small-desk {
        width: 44.44444444444444%
    }

    .grid-5of9--small-desk {
        width: 55.55555555555556%
    }

    .grid-6of9--small-desk {
        width: 66.66666666666666%
    }

    .grid-7of9--small-desk {
        width: 77.77777777777779%
    }

    .grid-8of9--small-desk {
        width: 88.88888888888889%
    }

    .grid-9of9--small-desk {
        width: 100%
    }

    .grid-1of10--small-desk {
        width: 10%
    }

    .grid-2of10--small-desk {
        width: 20%
    }

    .grid-3of10--small-desk {
        width: 30%
    }

    .grid-4of10--small-desk {
        width: 40%
    }

    .grid-5of10--small-desk {
        width: 50%
    }

    .grid-6of10--small-desk {
        width: 60%
    }

    .grid-7of10--small-desk {
        width: 70%
    }

    .grid-8of10--small-desk {
        width: 80%
    }

    .grid-9of10--small-desk {
        width: 90%
    }

    .grid-10of10--small-desk {
        width: 100%
    }

    .grid-1of11--small-desk {
        width: 9.090909090909092%
    }

    .grid-2of11--small-desk {
        width: 18.181818181818183%
    }

    .grid-3of11--small-desk {
        width: 27.27272727272727%
    }

    .grid-4of11--small-desk {
        width: 36.36363636363637%
    }

    .grid-5of11--small-desk {
        width: 45.45454545454545%
    }

    .grid-6of11--small-desk {
        width: 54.54545454545454%
    }

    .grid-7of11--small-desk {
        width: 63.63636363636363%
    }

    .grid-8of11--small-desk {
        width: 72.72727272727273%
    }

    .grid-9of11--small-desk {
        width: 81.81818181818183%
    }

    .grid-10of11--small-desk {
        width: 90.9090909090909%
    }

    .grid-11of11--small-desk {
        width: 100%
    }

    .grid-1of12--small-desk {
        width: 8.333333333333332%
    }

    .grid-2of12--small-desk {
        width: 16.666666666666664%
    }

    .grid-3of12--small-desk {
        width: 25%
    }

    .grid-4of12--small-desk {
        width: 33.33333333333333%
    }

    .grid-5of12--small-desk {
        width: 41.66666666666667%
    }

    .grid-6of12--small-desk {
        width: 50%
    }

    .grid-7of12--small-desk {
        width: 58.333333333333336%
    }

    .grid-8of12--small-desk {
        width: 66.66666666666666%
    }

    .grid-9of12--small-desk {
        width: 75%
    }

    .grid-10of12--small-desk {
        width: 83.33333333333334%
    }

    .grid-11of12--small-desk {
        width: 91.66666666666666%
    }

    .grid-12of12--small-desk {
        width: 100%
    }
}

.with-gutter-20 {
    margin-left: -10px;
    margin-right: -10px
}

.with-gutter-20>* {
    padding-left: 10px;
    padding-right: 10px
}

.u-center {
    text-align: center
}

.u-right {
    text-align: right
}

.u-left {
    text-align: left
}

@media (min-width:3200px) {
    .u-block--monitor-cinema {
        display: block
    }
}

@media (min-width:1800px) {
    .u-block--monitor-tele {
        display: block
    }
}

@media (min-width:949px) {
    .u-block--above-notebook {
        display: block
    }
}

@media (max-width:1199px) {
    .u-block--notebook-large {
        display: block
    }
}

@media (max-width:949px) {
    .u-block--notebook-small {
        display: block
    }
}

@media (max-width:849px) {
    .u-block--tablet-large {
        display: block
    }
}

@media (max-width:749px) {
    .u-block--tablet-small {
        display: block
    }
}

@media (min-width:583px) {
    .u-block--large {
        display: block
    }
}

@media (min-width:1024px) {
    .u-block--desk {
        display: block
    }
}

@media (min-width:583px) and (max-width:1023px) {
    .u-block--lap {
        display: block
    }
}

@media (max-width:1440px) {
    .u-block--small-laptop {
        display: block
    }
}

@media (max-width:1023px) {
    .u-block--portable {
        display: block
    }
}

@media (max-width:830px) {
    .u-block--tablet-portrait {
        display: block
    }
}

@media (max-width:540px) {
    .u-block--palm {
        display: block
    }
}

@media (max-width:420px) {
    .u-block--phone {
        display: block
    }
}

@media (min-width:831px) {
    .u-block--small-desk {
        display: block
    }
}

.u-hide {
    display: none !important
}

@media (min-width:3200px) {
    .u-hide--monitor-cinema {
        display: none !important
    }
}

@media (min-width:1800px) {
    .u-hide--monitor-tele {
        display: none !important
    }
}

@media (min-width:949px) {
    .u-hide--above-notebook {
        display: none !important
    }
}

@media (max-width:1199px) {
    .u-hide--notebook-large {
        display: none !important
    }
}

@media (max-width:949px) {
    .u-hide--notebook-small {
        display: none !important
    }
}

@media (max-width:849px) {
    .u-hide--tablet-large {
        display: none !important
    }
}

@media (max-width:749px) {
    .u-hide--tablet-small {
        display: none !important
    }
}

@media (min-width:583px) {
    .u-hide--large {
        display: none !important
    }
}

@media (min-width:1024px) {
    .u-hide--desk {
        display: none !important
    }
}

@media (min-width:583px) and (max-width:1023px) {
    .u-hide--lap {
        display: none !important
    }
}

@media (max-width:1440px) {
    .u-hide--small-laptop {
        display: none !important
    }
}

@media (max-width:1023px) {
    .u-hide--portable {
        display: none !important
    }
}

@media (max-width:830px) {
    .u-hide--tablet-portrait {
        display: none !important
    }
}

@media (max-width:540px) {
    .u-hide--palm {
        display: none !important
    }
}

@media (max-width:420px) {
    .u-hide--phone {
        display: none !important
    }
}

@media (min-width:831px) {
    .u-hide--small-desk {
        display: none !important
    }
}

.u-hide {
    display: none
}

.u-block {
    display: block
}

.u-inline-block {
    display: inline-block
}

.u-show {
    display: inherit !important
}

@media (min-width:3200px) {
    .u-show--monitor-cinema {
        display: inherit !important
    }
}

@media (min-width:1800px) {
    .u-show--monitor-tele {
        display: inherit !important
    }
}

@media (min-width:949px) {
    .u-show--above-notebook {
        display: inherit !important
    }
}

@media (max-width:1199px) {
    .u-show--notebook-large {
        display: inherit !important
    }
}

@media (max-width:949px) {

    .navigation-open .navigation,
    .u-show--notebook-small {
        display: inherit !important
    }
}

@media (max-width:849px) {
    .u-show--tablet-large {
        display: inherit !important
    }
}

@media (max-width:749px) {
    .u-show--tablet-small {
        display: inherit !important
    }
}

@media (min-width:583px) {
    .u-show--large {
        display: inherit !important
    }
}

@media (min-width:1024px) {
    .u-show--desk {
        display: inherit !important
    }
}

@media (min-width:583px) and (max-width:1023px) {
    .u-show--lap {
        display: inherit !important
    }
}

@media (max-width:1440px) {
    .u-show--small-laptop {
        display: inherit !important
    }
}

@media (max-width:1023px) {
    .u-show--portable {
        display: inherit !important
    }
}

@media (max-width:830px) {
    .u-show--tablet-portrait {
        display: inherit !important
    }
}

@media (max-width:540px) {
    .u-show--palm {
        display: inherit !important
    }
}

@media (max-width:420px) {
    .u-show--phone {
        display: inherit !important
    }
}

@media (min-width:831px) {
    .u-show--small-desk {
        display: inherit !important
    }
}

.u-clearfix:after {
    content: "";
    display: inline-block;
    clear: both
}

.u-screenReader {
    position: absolute;
    top: -99999px;
    left: -99999px;
    font-size: 0
}

.u-quote:before {
    content: "\201C"
}

.u-quote:after {
    content: "\201D"
}

.u-bordered {
    display: block;
    width: 96px;
    height: 3px
}

.u-capitalize {
    text-transform: uppercase
}

.u-underline {
    text-decoration: underline
}

.u-italic {
    font-style: italic
}

.u-circle,
.u-circle5,
.u-circle10,
.u-circle15,
.u-circle20,
.u-circle25,
.u-circle30,
.u-circle35,
.u-circle40,
.u-circle45,
.u-circle50,
.u-circle55,
.u-circle60,
.u-circle65,
.u-circle70,
.u-circle75,
.u-circle80,
.u-circle85,
.u-circle90,
.u-circle95,
.u-circle100 {
    width: 42px;
    height: 42px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 18px;
    line-height: 42px;
    text-align: center
}

.u-circle5 p,
.u-circle10 p,
.u-circle15 p,
.u-circle20 p,
.u-circle25 p,
.u-circle30 p,
.u-circle35 p,
.u-circle40 p,
.u-circle45 p,
.u-circle50 p,
.u-circle55 p,
.u-circle60 p,
.u-circle65 p,
.u-circle70 p,
.u-circle75 p,
.u-circle80 p,
.u-circle85 p,
.u-circle90 p,
.u-circle95 p,
.u-circle100 p,
.u-circle p {
    line-height: 18px !important
}

.u-circle5 {
    width: 5px;
    height: 5px;
    line-height: 5px
}

.u-circle5.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle5 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle10 {
    width: 10px;
    height: 10px;
    line-height: 10px
}

.u-circle10.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle10 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle15 {
    width: 15px;
    height: 15px;
    line-height: 15px
}

.u-circle15.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle15 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle20 {
    width: 20px;
    height: 20px;
    line-height: 20px
}

.u-circle20.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle20 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle25 {
    width: 25px;
    height: 25px;
    line-height: 25px
}

.u-circle25.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle25 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle30 {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.u-circle30.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle30 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle35 {
    width: 35px;
    height: 35px;
    line-height: 35px
}

.u-circle35.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle35 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle40 {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.u-circle40.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle40 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle45 {
    width: 45px;
    height: 45px;
    line-height: 45px
}

.u-circle45.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle45 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle50 {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.u-circle50.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle50 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle55 {
    width: 55px;
    height: 55px;
    line-height: 55px
}

.u-circle55.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle55 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle60 {
    width: 60px;
    height: 60px;
    line-height: 60px
}

.u-circle60.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle60 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle65 {
    width: 65px;
    height: 65px;
    line-height: 65px
}

.u-circle65.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle65 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle70 {
    width: 70px;
    height: 70px;
    line-height: 70px
}

.u-circle70.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle70 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle75 {
    width: 75px;
    height: 75px;
    line-height: 75px
}

.u-circle75.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle75 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle80 {
    width: 80px;
    height: 80px;
    line-height: 80px
}

.u-circle80.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle80 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle85 {
    width: 85px;
    height: 85px;
    line-height: 85px
}

.u-circle85.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle85 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle90 {
    width: 90px;
    height: 90px;
    line-height: 90px
}

.u-circle90.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle90 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle95 {
    width: 95px;
    height: 95px;
    line-height: 95px
}

.u-circle95.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle95 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-circle100 {
    width: 100px;
    height: 100px;
    line-height: 100px
}

.u-circle100.box-shadow {
    box-shadow: 0 6px 20px rgba(252, 145, 58, .25)
}

.u-circle100 a {
    width: 100%;
    height: 100%;
    display: block
}

.u-arrow-up5 {
    border-bottom: 7.5px solid #fff
}

.u-arrow-down5,
.u-arrow-up5 {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.u-arrow-down5 {
    border-top: 7.5px solid #fff
}

.u-arrow-right5 {
    border-left: 7.5px solid #fff
}

.u-arrow-left5,
.u-arrow-right5 {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.u-arrow-left5 {
    border-right: 7.5px solid #fff
}

.u-arrow-up10 {
    border-bottom: 15px solid #fff
}

.u-arrow-down10,
.u-arrow-up10 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.u-arrow-down10 {
    border-top: 15px solid #fff
}

.u-arrow-right10 {
    border-left: 15px solid #fff
}

.u-arrow-left10,
.u-arrow-right10 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.u-arrow-left10 {
    border-right: 15px solid #fff
}

.u-arrow-up15 {
    border-bottom: 22.5px solid #fff
}

.u-arrow-down15,
.u-arrow-up15 {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent
}

.u-arrow-down15 {
    border-top: 22.5px solid #fff
}

.u-arrow-right15 {
    border-left: 22.5px solid #fff
}

.u-arrow-left15,
.u-arrow-right15 {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

.u-arrow-left15 {
    border-right: 22.5px solid #fff
}

.u-arrow-up20 {
    border-bottom: 30px solid #fff
}

.u-arrow-down20,
.u-arrow-up20 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent
}

.u-arrow-down20 {
    border-top: 30px solid #fff
}

.u-arrow-right20 {
    border-left: 30px solid #fff
}

.u-arrow-left20,
.u-arrow-right20 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent
}

.u-arrow-left20 {
    border-right: 30px solid #fff
}

.u-arrow-up25 {
    border-bottom: 37.5px solid #fff
}

.u-arrow-down25,
.u-arrow-up25 {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent
}

.u-arrow-down25 {
    border-top: 37.5px solid #fff
}

.u-arrow-right25 {
    border-left: 37.5px solid #fff
}

.u-arrow-left25,
.u-arrow-right25 {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent
}

.u-arrow-left25 {
    border-right: 37.5px solid #fff
}

.u-arrow-up30 {
    border-bottom: 45px solid #fff
}

.u-arrow-down30,
.u-arrow-up30 {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent
}

.u-arrow-down30 {
    border-top: 45px solid #fff
}

.u-arrow-right30 {
    border-left: 45px solid #fff
}

.u-arrow-left30,
.u-arrow-right30 {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent
}

.u-arrow-left30 {
    border-right: 45px solid #fff
}

.u-arrow-up35 {
    border-bottom: 52.5px solid #fff
}

.u-arrow-down35,
.u-arrow-up35 {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent
}

.u-arrow-down35 {
    border-top: 52.5px solid #fff
}

.u-arrow-right35 {
    border-left: 52.5px solid #fff
}

.u-arrow-left35,
.u-arrow-right35 {
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent
}

.u-arrow-left35 {
    border-right: 52.5px solid #fff
}

.u-arrow-up40 {
    border-bottom: 60px solid #fff
}

.u-arrow-down40,
.u-arrow-up40 {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent
}

.u-arrow-down40 {
    border-top: 60px solid #fff
}

.u-arrow-right40 {
    border-left: 60px solid #fff
}

.u-arrow-left40,
.u-arrow-right40 {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent
}

.u-arrow-left40 {
    border-right: 60px solid #fff
}

.u-arrow-up45 {
    border-bottom: 67.5px solid #fff
}

.u-arrow-down45,
.u-arrow-up45 {
    width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent
}

.u-arrow-down45 {
    border-top: 67.5px solid #fff
}

.u-arrow-right45 {
    border-left: 67.5px solid #fff
}

.u-arrow-left45,
.u-arrow-right45 {
    width: 0;
    height: 0;
    border-top: 45px solid transparent;
    border-bottom: 45px solid transparent
}

.u-arrow-left45 {
    border-right: 67.5px solid #fff
}

.u-arrow-up50 {
    border-bottom: 75px solid #fff
}

.u-arrow-down50,
.u-arrow-up50 {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent
}

.u-arrow-down50 {
    border-top: 75px solid #fff
}

.u-arrow-right50 {
    border-left: 75px solid #fff
}

.u-arrow-left50,
.u-arrow-right50 {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent
}

.u-arrow-left50 {
    border-right: 75px solid #fff
}

.u-arrow-up55 {
    border-bottom: 82.5px solid #fff
}

.u-arrow-down55,
.u-arrow-up55 {
    width: 0;
    height: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent
}

.u-arrow-down55 {
    border-top: 82.5px solid #fff
}

.u-arrow-right55 {
    border-left: 82.5px solid #fff
}

.u-arrow-left55,
.u-arrow-right55 {
    width: 0;
    height: 0;
    border-top: 55px solid transparent;
    border-bottom: 55px solid transparent
}

.u-arrow-left55 {
    border-right: 82.5px solid #fff
}

.u-arrow-up60 {
    border-bottom: 90px solid #fff
}

.u-arrow-down60,
.u-arrow-up60 {
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent
}

.u-arrow-down60 {
    border-top: 90px solid #fff
}

.u-arrow-right60 {
    border-left: 90px solid #fff
}

.u-arrow-left60,
.u-arrow-right60 {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent
}

.u-arrow-left60 {
    border-right: 90px solid #fff
}

.u-arrow-up65 {
    border-bottom: 97.5px solid #fff
}

.u-arrow-down65,
.u-arrow-up65 {
    width: 0;
    height: 0;
    border-left: 65px solid transparent;
    border-right: 65px solid transparent
}

.u-arrow-down65 {
    border-top: 97.5px solid #fff
}

.u-arrow-right65 {
    border-left: 97.5px solid #fff
}

.u-arrow-left65,
.u-arrow-right65 {
    width: 0;
    height: 0;
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent
}

.u-arrow-left65 {
    border-right: 97.5px solid #fff
}

.u-arrow-up70 {
    border-bottom: 105px solid #fff
}

.u-arrow-down70,
.u-arrow-up70 {
    width: 0;
    height: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent
}

.u-arrow-down70 {
    border-top: 105px solid #fff
}

.u-arrow-right70 {
    border-left: 105px solid #fff
}

.u-arrow-left70,
.u-arrow-right70 {
    width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-bottom: 70px solid transparent
}

.u-arrow-left70 {
    border-right: 105px solid #fff
}

.u-arrow-up75 {
    border-bottom: 112.5px solid #fff
}

.u-arrow-down75,
.u-arrow-up75 {
    width: 0;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent
}

.u-arrow-down75 {
    border-top: 112.5px solid #fff
}

.u-arrow-right75 {
    border-left: 112.5px solid #fff
}

.u-arrow-left75,
.u-arrow-right75 {
    width: 0;
    height: 0;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent
}

.u-arrow-left75 {
    border-right: 112.5px solid #fff
}

.u-arrow-up80 {
    border-bottom: 120px solid #fff
}

.u-arrow-down80,
.u-arrow-up80 {
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent
}

.u-arrow-down80 {
    border-top: 120px solid #fff
}

.u-arrow-right80 {
    border-left: 120px solid #fff
}

.u-arrow-left80,
.u-arrow-right80 {
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-bottom: 80px solid transparent
}

.u-arrow-left80 {
    border-right: 120px solid #fff
}

.u-arrow-up85 {
    border-bottom: 127.5px solid #fff
}

.u-arrow-down85,
.u-arrow-up85 {
    width: 0;
    height: 0;
    border-left: 85px solid transparent;
    border-right: 85px solid transparent
}

.u-arrow-down85 {
    border-top: 127.5px solid #fff
}

.u-arrow-right85 {
    border-left: 127.5px solid #fff
}

.u-arrow-left85,
.u-arrow-right85 {
    width: 0;
    height: 0;
    border-top: 85px solid transparent;
    border-bottom: 85px solid transparent
}

.u-arrow-left85 {
    border-right: 127.5px solid #fff
}

.u-arrow-up90 {
    border-bottom: 135px solid #fff
}

.u-arrow-down90,
.u-arrow-up90 {
    width: 0;
    height: 0;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent
}

.u-arrow-down90 {
    border-top: 135px solid #fff
}

.u-arrow-right90 {
    border-left: 135px solid #fff
}

.u-arrow-left90,
.u-arrow-right90 {
    width: 0;
    height: 0;
    border-top: 90px solid transparent;
    border-bottom: 90px solid transparent
}

.u-arrow-left90 {
    border-right: 135px solid #fff
}

.u-arrow-up95 {
    border-bottom: 142.5px solid #fff
}

.u-arrow-down95,
.u-arrow-up95 {
    width: 0;
    height: 0;
    border-left: 95px solid transparent;
    border-right: 95px solid transparent
}

.u-arrow-down95 {
    border-top: 142.5px solid #fff
}

.u-arrow-right95 {
    border-left: 142.5px solid #fff
}

.u-arrow-left95,
.u-arrow-right95 {
    width: 0;
    height: 0;
    border-top: 95px solid transparent;
    border-bottom: 95px solid transparent
}

.u-arrow-left95 {
    border-right: 142.5px solid #fff
}

.u-arrow-up100 {
    border-bottom: 150px solid #fff
}

.u-arrow-down100,
.u-arrow-up100 {
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent
}

.u-arrow-down100 {
    border-top: 150px solid #fff
}

.u-arrow-right100 {
    border-left: 150px solid #fff
}

.u-arrow-left100,
.u-arrow-right100 {
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-bottom: 100px solid transparent
}

.u-arrow-left100 {
    border-right: 150px solid #fff
}

ul {
    list-style: none;
    padding-left: 0
}

.underlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.text-behind-title {
    opacity: .2;
    color: #777;
    font-size: 1.2em;
    font-weight: 700;
    position: absolute;
    left: 0;
    margin: 0;
    top: -.5em
}

.u-multiline-truncate {
    display: block;
    display: -webkit-box;
    max-width: inherit;
    max-height: 250px;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

body,
button,
input,
keygen,
pre,
select,
textarea {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-family: Noto Sans, sans-serif
}

body {
    font-size: 16px;
    color: #22252c;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    line-height: 1.4
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Noto Sans, sans-serif;
    line-height: 1.3
}

.headline-h1,
h1,
h2.headline-h1,
h3.headline-h1 {
    font-weight: 900;
    color: #b21d2e
}

.headline-h2,
h1.headline-h2,
h2,
h3.headline-h2 {
    color: #b21d2e
}

.headline-h3,
.hero--single .hero-subtitle,
h1.headline-h3,
h2.headline-h3,
h3 {
    font-weight: 900;
    color: #b21d2e
}

h3 {
    margin-top: 0;
    margin-bottom: 20px
}

i,
p,
span {
    color: #22252c;
    font-weight: 400;
    line-height: 1.4
}

ol,
ul {
    font-size: 16px;
    line-height: 22px
}

label {
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    display: block
}

a {
    text-decoration: none;
    color: #b21d2e
}

a:hover {
    cursor: pointer
}

blockquote {
    display: block
}

.quote-section blockquote {
    color: #fff
}

.quote-section blockquote:before {
    content: '"';
    display: block;
    font-size: 6.25rem;
    line-height: 1.5rem
}

blockquote span {
    display: block;
    font-size: 1.87rem;
    font-weight: 700;
    color: inherit;
    line-height: inherit
}

@media (max-width:540px) {
    blockquote span {
        line-height: 1.5
    }
}

@media (max-width:540px) {
    blockquote {
        margin-left: 0;
        margin-right: 0
    }
}

.read-more {
    color: #39a9db
}

.stacked-text {
    text-align: center;
    width: 2em;
    text-transform: uppercase;
    word-wrap: break-word;
    letter-spacing: 20px
}

.page-content {
    min-height: 80%;
    min-height: 80vh
}

.page-content .missing-content {
    padding: 90px 0
}

.missing-content {
    padding: 30px 0;
    font-size: 2em
}

.missing-content,
.missing-content-container {
    text-align: center
}

.color-div h2,
.color-div h3,
.color-div h4,
.color-div p {
    color: #fff
}

.fill-image {
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: inherit
}

.container,
.fill-image,
.header {
    position: relative
}

body,
main {
    -webkit-transition: margin-left .5s;
    transition: margin-left .5s;
    overflow-x: hidden
}

.tab-body ul li {
    position: relative;
    margin: 0 0 14px;
    color: #22252c;
    padding-left: 24px
}

.tab-body ul li em {
    font-size: 14px
}

.tab-body ul li:before {
    z-index: 1;
    left: -2px;
    top: 3px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border-radius: 100%;
    border: .1em solid #b21d2e;
    background-color: #fff
}

.tab-body ul li:after,
.tab-body ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    -webkit-transition: .125s ease-in-out;
    transition: .125s ease-in-out
}

.tab-body ul li:after {
    z-index: 2;
    left: 3px;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #b21d2e
}

@media (max-width:949px) {
    .navigation-open.overlay {
        position: fixed;
        overflow-y: scroll;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10000
    }
}

@media (max-width:949px) {
    .admin-bar .overlay.navigation-open {
        top: 32px
    }
}

@media (max-width:540px) {
    .admin-bar .overlay.navigation-open {
        top: 46px
    }
}

.no-scroll {
    overflow: hidden !important
}

@media screen and (max-width:600px) {
    #wpadminbar {
        margin-top: -46px
    }
}

@media (max-width:949px) {
    #wpadminbar .menupop {
        display: none
    }
}

.ball-animation {
    position: relative;
    -webkit-animation: a 1s infinite;
    animation: a 1s infinite
}

.ball-shake {
    -webkit-animation: c .82s cubic-bezier(.36, .07, .19, .97) both;
    animation: c .82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.ball-container {
    height: 10px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 60px auto 40px
}

.ball-container.ball-container-changing {
    height: 100px
}

.wp-caption {
    text-align: center;
    position: relative
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none
}

.wp-caption p.wp-caption-text {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .9;
    background-color: #22252c;
    border-radius: 2px 2px 0 0
}

.stacked-images {
    position: relative
}

@media (max-width:949px) {
    .stacked-images {
        min-height: 400px;
        text-align: center
    }
}

.stacked-img {
    padding-top: 40%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@media (max-width:949px) {
    .stacked-img {
        padding-top: 5%
    }
}

.stacked-img:nth-child(2) {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.stacked-img:last-child {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.rectangle-image {
    padding-top: 40%
}

.rectangle-image img {
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15)
}

.module-video .background-content .danish-container {
    text-align: center
}

.module-video .background--image,
.module-video .background-content,
.module-video .background-overlay {
    padding: 20px 0
}

.module-video .video-title {
    padding-top: 250px;
    color: #fff;
    text-transform: uppercase
}

@media (max-width:540px) {
    .module-video .video-title {
        padding-top: 180px;
        font-size: 1.5em
    }
}

@media (max-width:540px) {
    .module-video .video-button {
        top: -120%
    }
}

.module-image-with-caption {
    position: relative
}

.module-image-with-caption .image-bg {
    padding-top: 20px
}

.module-image-with-caption .image-overlay {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    background-color: rgba(34, 37, 44, .9);
    text-align: center
}

@media (max-width:849px) {
    .module-featured-article--home .grid-2of3 {
        min-height: 350px
    }
}

@media (max-width:849px) {
    .module-featured-article--home .featured-articlev2-cls-1--bottom {
        fill: transparent !important
    }
}

.module-featured-article--home .featured-article-content {
    padding: 10px 30px 20px 0;
    margin: 0 20px 0 40px;
    border-right: 14px solid #b21d2e;
    border-top: 14px solid #b21d2e;
    border-bottom: 14px solid #b21d2e;
    position: relative
}

.module-featured-article--home .featured-article-content .side-banner {
    position: absolute;
    top: -39px;
    right: -44px
}

.module-featured-article--home .featured-article-content .side-banner .stacked-text {
    position: absolute;
    line-height: 18px;
    font-size: 16px
}

.module-featured-article--home .featured-article-content .side-banner .stacked-text.red {
    color: #b21d2e;
    background: #fff;
    padding: 6px 3px;
    width: 54px;
    right: 0;
    font-weight: 900
}

.module-featured-article--home .featured-article-content .side-banner .stacked-text.grey {
    right: -10px;
    top: 80px
}

.module-featured-article--home .featured-article-content .feature-btn {
    background: #fff;
    position: absolute;
    bottom: -41px;
    right: -28px;
    padding: 14px
}

.module-featured-article--home .featured-article-content:before {
    content: "";
    display: block;
    background: #fff;
    width: 34%;
    height: 20px;
    position: absolute;
    left: 0;
    top: -16px
}

.module-featured-article {
    position: relative
}

.module-featured-article .grid-1of3 {
    vertical-align: top;
    z-index: 2;
    position: relative
}

.module-featured-article .article p,
.module-featured-article .featured {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}

.module-featured-article .featured {
    color: #fff;
    font-size: 60px;
    margin-left: -10%;
    padding-left: 8%
}

@media (max-width:540px) {
    .module-featured-article .featured {
        font-size: 40px
    }
}

.module-featured-article .article {
    position: relative;
    margin-left: 10%
}

.module-featured-article .article p {
    display: inline-block;
    color: #22252c;
    font-size: 100px;
    min-width: 150px
}

@media (max-width:540px) {
    .module-featured-article .article p {
        font-size: 70px
    }
}

.module-featured-article .article i {
    right: -17%;
    font-size: 70px;
    display: inline-block
}

@media (max-width:540px) {
    .module-featured-article .featured-article-content {
        padding: 20px
    }
}

.module-featured-article .featured-article-content h2 {
    color: #000;
    font-size: 28px;
    font-style: italic;
    line-height: 32px
}

.module-featured-article .featured-article-content p {
    line-height: 24px
}

.module-featured-article .featured-article-content .author-date {
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    line-height: 26px
}

.module-gallery {
    text-align: center
}

.module-gallery * {
    padding: 3px
}

.module-gallery .grid-1of2 {
    max-width: 518px
}

.module-gallery .gallery-height {
    height: 200px
}

.slick-slider-container .slick-arrow i {
    color: #a9a9a9
}

.slick-slider-container .slick-next {
    right: 20px
}

.slick-slider-container .slick-prev {
    left: 20px
}

.tab-body {
    min-height: 300px
}

a {
    outline: none
}

.module-video-layout .video-background {
    padding: 24px 0 0 24px
}

.module-video-layout .video-background--backward {
    z-index: -1
}

.module-video-layout .videos {
    padding-top: 50px;
    position: relative;
    overflow: hidden
}

.module-video-layout:after {
    display: table-cell;
    content: " ";
    clear: both
}

.module-video-layout .video {
    height: 100%;
    overflow: hidden;
    position: relative
}

@media (max-width:949px) {

    .module-video-layout .video:nth-child(6n),
    .module-video-layout .video:nth-child(6n+1) {
        width: 100% !important
    }

    .module-video-layout .video:nth-child(6n+3) {
        float: none !important
    }
}

.module-video-layout .video:nth-child(6n),
.module-video-layout .video:nth-child(6n+1) {
    height: 382px
}

.module-video-layout .video:nth-child(6n+2),
.module-video-layout .video:nth-child(6n+3) {
    float: right
}

.module-video-layout .video:nth-child(6n+1),
.module-video-layout .video:nth-child(6n+4),
.module-video-layout .video:nth-child(6n+5) {
    float: left
}

.module-video-layout .video:nth-child(6n+5) {
    clear: left
}

@media (max-width:949px) {
    .module-video-layout .video:nth-child(6n+5) {
        clear: none
    }
}

.module-video-layout .video:nth-child(6n+2),
.module-video-layout .video:nth-child(6n+3),
.module-video-layout .video:nth-child(6n+4),
.module-video-layout .video:nth-child(6n+5) {
    height: 191px
}

.module-video-layout .video:nth-child(6n+2) .video-bg,
.module-video-layout .video:nth-child(6n+3) .video-bg,
.module-video-layout .video:nth-child(6n+4) .video-bg,
.module-video-layout .video:nth-child(6n+5) .video-bg {
    background-color: #d0ced0
}

.module-video-layout .video-bg {
    background-color: #777;
    border-radius: 3px;
    height: 100%;
    padding: 20px
}

.module-video-layout .video-caption {
    z-index: 1;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    background-color: #22252c;
    border-radius: 0 0 3px 3px;
    margin-left: 24px;
    padding: 20px
}

.module-video-layout .caption-title {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    margin: 0
}

.module-video-layout .caption-subtitle {
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    margin: 0
}

.module-video-layout .video-category {
    font-size: 10px;
    color: #22252c;
    font-weight: 900;
    background-color: #e8c878;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 15px;
    text-transform: uppercase
}

.module-steps-flexible-layout .step-number {
    margin: 20px 0 -.4em;
    opacity: .2;
    color: #a9a9a9;
    font-size: 58px;
    font-weight: 900;
    line-height: 18px;
    text-transform: uppercase
}

.module-steps-flexible-layout .featured_images-layout,
.module-steps-flexible-layout .map-layout,
.module-steps-flexible-layout .simple-layout {
    padding: 50px 0 90px
}

.module-steps-flexible-layout .map-layout {
    padding: 130px 0 0;
    height: 460px;
    background-image: url(/wp-content/themes/hcns/images/map.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain
}

.module-steps-flexible-layout .featured_images-layout {
    padding: 0
}

.module-steps-flexible-layout .featured_images-layout .top-title {
    padding-top: 120px;
    padding-bottom: 20px
}

.module-steps-flexible-layout .featured_images-layout .color-overlay {
    position: relative;
    padding-top: 40px;
    padding-bottom: 90px
}

.module-steps-flexible-layout .featured_images-layout .image-tile {
    position: absolute;
    top: -20px;
    right: 60px;
    width: 310px;
    height: 380px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

@media (max-width:949px) {
    .module-steps-flexible-layout .featured_images-layout .image-tile {
        display: none
    }
}

.module-steps-flexible-layout .map-layout .step-title,
.module-steps-flexible-layout .simple-layout .step-title {
    position: relative;
    z-index: 1;
    color: #b21d2e;
    font-size: 28px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase
}

.module-steps-flexible-layout .map-layout .step-location,
.module-steps-flexible-layout .simple-layout .step-location {
    height: 641px
}

.module-steps-flexible-layout .featured_images-layout .featured-image {
    position: absolute;
    top: 25%;
    bottom: 25%
}

@media (max-width:849px) {
    .module-steps-flexible-layout .featured_images-layout .featured-image {
        padding-top: 10%;
        padding-bottom: 10%
    }
}

@media (max-width:540px) {
    .module-steps-flexible-layout .featured_images-layout .featured-image {
        padding-bottom: 25%;
        padding-top: 25%
    }
}

.module-steps-flexible-layout .featured_images-layout .step-number {
    opacity: .4;
    font-size: 88px
}

.module-steps-flexible-layout .featured_images-layout .step-subtitle {
    color: #777;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px
}

.module-steps-flexible-layout .featured_images-layout .step-title {
    position: relative;
    z-index: 1;
    color: #b21d2e;
    font-size: 28px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase
}

.module-steps-flexible-layout .featured_images-layout .step-content {
    position: relative
}

.module-steps-flexible-layout .featured_images-layout .step-content,
.module-steps-flexible-layout .featured_images-layout .step-content>* {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.module-steps-layout .download-btn {
    border: 1px solid #468199;
    color: #468199;
    background-color: transparent
}

.module-steps-layout .download-btn.active,
.module-steps-layout .download-btn:hover {
    background-color: #366376;
    color: #fff
}

.module-steps-layout .hexagon-container {
    position: relative;
    text-align: center
}

.module-steps-layout .step {
    min-height: 200px
}

.module-steps-layout .step-number {
    z-index: 100;
    text-align: center;
    position: absolute;
    top: -14px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #b21d2e;
    font-size: 34px;
    font-weight: 300;
    line-height: 50px
}

.module-steps-layout .step-title {
    color: #b21d2e;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px
}

.module-steps-layout .step-content a {
    color: #39a9db
}

.section-subtitle {
    color: #777 !important;
    margin: 0;
    font-style: italic;
    font-size: 1.125em
}

.module-forgot-pw-form-container,
.module-register-form-container,
.module-signup-form-container {
    width: 400px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    border-radius: 3px;
    background-color: #fff;
    margin: 0 auto;
    padding: 40px
}

.module-forgot-pw-form-container .title,
.module-register-form-container .title,
.module-signup-form-container .title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0
}

.module-forgot-pw-form-container .subtitle,
.module-register-form-container .subtitle,
.module-signup-form-container .subtitle {
    margin-top: 0;
    text-align: center;
    color: #777;
    font-family: Lato;
    font-size: 18px;
    font-weight: 400
}

.module-forgot-pw-form-container a,
.module-register-form-container a,
.module-signup-form-container a {
    color: #39a9db;
    font-style: italic;
    font-size: 12px;
    font-weight: 500
}

.module-forgot-pw-form-container input[type=submit],
.module-register-form-container input[type=submit],
.module-signup-form-container input[type=submit] {
    height: 60px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.module-forgot-pw-form-container input[type=email],
.module-forgot-pw-form-container input[type=password],
.module-forgot-pw-form-container input[type=text],
.module-register-form-container input[type=email],
.module-register-form-container input[type=password],
.module-register-form-container input[type=text],
.module-signup-form-container input[type=email],
.module-signup-form-container input[type=password],
.module-signup-form-container input[type=text] {
    height: 50px;
    margin: 10px 0;
    padding: 18px 20px;
    border-radius: 2px;
    background-color: #efefef;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #a9a9a9;
    font-size: 16px;
    font-style: italic;
    line-height: 24px
}

.module-forgot-pw-form-container input[type=checkbox],
.module-register-form-container input[type=checkbox],
.module-signup-form-container input[type=checkbox] {
    color: green;
    background-color: #fff
}

#nav-icon {
    display: inline-block;
    height: 16px;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    vertical-align: middle
}

#nav-icon,
#nav-icon span {
    width: 28px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    right: 0;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#nav-icon span:first-child {
    top: 0;
    width: 33.3%
}

#nav-icon span:nth-child(4) {
    top: 12px
}

#nav-icon.open span:first-child {
    width: 0;
    left: 50%;
    opacity: 0
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%
}

#nav-icon.open span:nth-child(4) {
    width: 0;
    opacity: 0
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 6px;
    width: 66.6%
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.flex-row .flex-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto
}

@-webkit-keyframes a {
    0% {
        top: 6px
    }

    5% {
        top: 8px
    }

    10% {
        top: 12px
    }

    15% {
        top: 20px
    }

    20% {
        top: 38px
    }

    25% {
        top: 72px
    }

    30% {
        top: 100px
    }

    35% {
        top: 152px
    }

    40% {
        top: 154px;
        height: 46px;
        width: 54px
    }

    50% {
        top: 176px;
        height: 24px;
        width: 72px
    }

    55% {
        top: 162px;
        height: 38px;
        width: 58px
    }

    60% {
        top: 138px;
        height: 48px;
        width: 52px
    }

    65% {
        top: 110px;
        height: 50px;
        width: 50px
    }

    70% {
        top: 72px
    }

    75% {
        top: 38px
    }

    80% {
        top: 20px
    }

    85% {
        top: 12px
    }

    90% {
        top: 8px
    }

    95% {
        top: 5px
    }

    to {
        top: 5px
    }
}

@keyframes a {
    0% {
        top: 6px
    }

    5% {
        top: 8px
    }

    10% {
        top: 12px
    }

    15% {
        top: 20px
    }

    20% {
        top: 38px
    }

    25% {
        top: 72px
    }

    30% {
        top: 100px
    }

    35% {
        top: 152px
    }

    40% {
        top: 154px;
        height: 46px;
        width: 54px
    }

    50% {
        top: 176px;
        height: 24px;
        width: 72px
    }

    55% {
        top: 162px;
        height: 38px;
        width: 58px
    }

    60% {
        top: 138px;
        height: 48px;
        width: 52px
    }

    65% {
        top: 110px;
        height: 50px;
        width: 50px
    }

    70% {
        top: 72px
    }

    75% {
        top: 38px
    }

    80% {
        top: 20px
    }

    85% {
        top: 12px
    }

    90% {
        top: 8px
    }

    95% {
        top: 5px
    }

    to {
        top: 5px
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes b {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes c {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes c {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

.accordion {
    position: relative
}

.accordion .accordion-label,
.accordion .accordion-toggle {
    top: 0;
    line-height: 40px;
    width: 100%
}

.accordion .accordion-label {
    width: 100%;
    padding-left: 0 !important;
    font-size: 14px;
    font-weight: 900
}

.accordion .accordion-toggle+.accordion-label:before {
    content: "-";
    color: #a9a9a9;
    text-align: right;
    top: -5px;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    width: 100%
}

.accordion .accordion-toggle:checked+.accordion-label:before {
    content: "+";
    -webkit-transform: scale(1);
    transform: scale(1)
}

.accordion .accordion-toggle+.accordion-label+.accordion-content {
    display: block
}

.accordion .accordion-toggle:checked+.accordion-label+.accordion-content {
    display: none
}

.accordion input[type=checkbox]+label:after {
    background: none !important;
    border: none
}

.background {
    padding: 100px 0
}

@media (max-width:849px) {
    .background {
        padding: 50px 0
    }
}

.background.with--image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 100%
}

.background.with--image .bg-overlay {
    position: absolute;
    height: 100%;
    top: 0
}

.background.with--overlay {
    opacity: .8;
    top: 0
}

.background-slim-padding {
    padding: 50px 0
}

@media (max-width:540px) {
    .background-slim-padding {
        padding: 25px 0
    }
}

.background-container {
    position: relative;
    padding: 0 !important
}

.background-container .bg--content {
    position: relative;
    min-height: inherit
}

.layer--image,
.layer--overlay {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.layer--image {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.layer--overlay {
    opacity: .8;
    top: 0
}

.layer--overlay.color--red {
    background-color: #b21d2e;
    opacity: .8
}

.layer--overlay.color--blue {
    background-color: #39a9db;
    opacity: .8
}

.layer--overlay.color--purple {
    background-color: #672b75;
    opacity: .8
}

.layer--overlay.color--grey {
    background-color: #b5b5b5;
    opacity: .8
}

.layer--overlay.color--dark {
    background-color: #777;
    opacity: .8
}

.layer--overlay.color--white {
    background-color: #fff;
    opacity: .8
}

.height-lg {
    min-height: 1067px
}

.height-md {
    min-height: 800px
}

.height-sm,
.height-sm>* {
    height: 500px
}

.background-blackish-overlay {
    background-color: #22252c
}

.background-overlay {
    opacity: .8;
    top: 0;
    bottom: 0
}

.bg--admin-login {
    background-image: url(images/default-images/admin-login.png)
}

.video-background,
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-overlay.background-container {
    position: absolute
}

.video-overlay {
    z-index: 2
}

.video-background {
    z-index: 1
}

.video-background--backward {
    -webkit-animation: all .5s linear;
    animation: all .5s linear
}

.video-background--forward {
    -webkit-animation: d .7s ease-in-out;
    animation: d .7s ease-in-out;
    z-index: 3
}

@-webkit-keyframes d {
    0% {
        z-index: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        z-index: 3;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes d {
    0% {
        z-index: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        z-index: 3;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.blockquote-container .image-overlay,
.bulleted-two-col .grid-1of1 {
    text-align: center
}

.button-container,
.page-template-template-contact form .gform_footer,
.page-template-template-location form .gform_footer {
    margin: 50px auto
}

.button-center,
.page-template-template-contact form .gform_footer,
.page-template-template-location form .gform_footer {
    text-align: center;
    display: block
}

.danish-button,
.danish-tabs-red-theme .menu-link,
.fc button,
.harvard-btn,
.page-template-template-contact form .gform_footer input[type=submit],
.page-template-template-location form .gform_footer input[type=submit],
.page-template-template-research .category-0-button,
.page-template-template-research .category-1-button,
.page-template-template-research .category-2-button,
.page-template-template-research .category-3-button,
.page_blog .category-0-button,
.page_blog .category-1-button,
.page_blog .category-2-button,
.page_blog .category-3-button,
.search-modal .filter-wrap .button-clear-filters,
.search-modal .wrapper-dropdown {
    border: 1px solid #b21d2e;
    color: #b21d2e;
    background-color: transparent;
    display: inline-block;
    padding: 7px 17px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    min-width: 140px;
    min-height: 40px;
    font-weight: 700;
    line-height: 26px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.danish-button:hover,
.danish-tabs-red-theme .menu-link:hover,
.fc button:hover,
.harvard-btn:hover,
.page-template-template-contact form .gform_footer input[type=submit]:hover,
.page-template-template-location form .gform_footer input[type=submit]:hover,
.page-template-template-research .category-0-button:hover,
.page-template-template-research .category-1-button:hover,
.page-template-template-research .category-2-button:hover,
.page-template-template-research .category-3-button:hover,
.page_blog .category-0-button:hover,
.page_blog .category-1-button:hover,
.page_blog .category-2-button:hover,
.page_blog .category-3-button:hover,
.search-modal .filter-wrap .button-clear-filters:hover,
.search-modal .wrapper-dropdown:hover {
    background-color: #861623;
    color: #fff;
    cursor: pointer
}

.danish-button:focus,
.danish-tabs-red-theme .menu-link:focus,
.fc button:focus,
.harvard-btn:focus,
.page-template-template-contact form .gform_footer input[type=submit]:focus,
.page-template-template-location form .gform_footer input[type=submit]:focus,
.page-template-template-research .category-0-button:focus,
.page-template-template-research .category-1-button:focus,
.page-template-template-research .category-2-button:focus,
.page-template-template-research .category-3-button:focus,
.page_blog .category-0-button:focus,
.page_blog .category-1-button:focus,
.page_blog .category-2-button:focus,
.page_blog .category-3-button:focus,
.search-modal .filter-wrap .button-clear-filters:focus,
.search-modal .wrapper-dropdown:focus {
    outline: none
}

.danish-button.filled--blue,
.danish-tabs-red-theme .menu-link.filled--blue,
.fc button.filled--blue,
.harvard-btn.filled--blue,
.page-template-template-contact form .gform_footer input[type=submit].filled--blue,
.page-template-template-location form .gform_footer input[type=submit].filled--blue,
.page-template-template-research .category-0-button.filled--blue,
.page-template-template-research .category-1-button.filled--blue,
.page-template-template-research .category-2-button.filled--blue,
.page-template-template-research .category-3-button.filled--blue,
.page_blog .category-0-button.filled--blue,
.page_blog .category-1-button.filled--blue,
.page_blog .category-2-button.filled--blue,
.page_blog .category-3-button.filled--blue,
.search-modal .filter-wrap .button-clear-filters.filled--blue,
.search-modal .wrapper-dropdown.filled--blue {
    border-color: #39a9db;
    background-color: #39a9db;
    color: #fff
}

.danish-button.filled--blue:hover,
.danish-tabs-red-theme .menu-link.filled--blue:hover,
.fc button.filled--blue:hover,
.harvard-btn.filled--blue:hover,
.page-template-template-contact form .gform_footer input[type=submit].filled--blue:hover,
.page-template-template-location form .gform_footer input[type=submit].filled--blue:hover,
.page-template-template-research .category-0-button.filled--blue:hover,
.page-template-template-research .category-1-button.filled--blue:hover,
.page-template-template-research .category-2-button.filled--blue:hover,
.page-template-template-research .category-3-button.filled--blue:hover,
.page_blog .category-0-button.filled--blue:hover,
.page_blog .category-1-button.filled--blue:hover,
.page_blog .category-2-button.filled--blue:hover,
.page_blog .category-3-button.filled--blue:hover,
.search-modal .filter-wrap .button-clear-filters.filled--blue:hover,
.search-modal .wrapper-dropdown.filled--blue:hover {
    background-color: #64bce3
}

.danish-button.filled--grey,
.danish-tabs-red-theme .menu-link.filled--grey,
.fc button.filled--grey,
.harvard-btn.filled--grey,
.page-template-template-contact form .gform_footer input[type=submit].filled--grey,
.page-template-template-location form .gform_footer input[type=submit].filled--grey,
.page-template-template-research .category-0-button.filled--grey,
.page-template-template-research .category-1-button.filled--grey,
.page-template-template-research .category-2-button.filled--grey,
.page-template-template-research .category-3-button.filled--grey,
.page_blog .category-0-button.filled--grey,
.page_blog .category-1-button.filled--grey,
.page_blog .category-2-button.filled--grey,
.page_blog .category-3-button.filled--grey,
.search-modal .filter-wrap .button-clear-filters.filled--grey,
.search-modal .wrapper-dropdown.filled--grey {
    border: 1px solid #b5b5b5;
    background-color: #b5b5b5;
    color: #000
}

.danish-button.filled--grey:hover,
.danish-tabs-red-theme .menu-link.filled--grey:hover,
.fc button.filled--grey:hover,
.harvard-btn.filled--grey:hover,
.page-template-template-contact form .gform_footer input[type=submit].filled--grey:hover,
.page-template-template-location form .gform_footer input[type=submit].filled--grey:hover,
.page-template-template-research .category-0-button.filled--grey:hover,
.page-template-template-research .category-1-button.filled--grey:hover,
.page-template-template-research .category-2-button.filled--grey:hover,
.page-template-template-research .category-3-button.filled--grey:hover,
.page_blog .category-0-button.filled--grey:hover,
.page_blog .category-1-button.filled--grey:hover,
.page_blog .category-2-button.filled--grey:hover,
.page_blog .category-3-button.filled--grey:hover,
.search-modal .filter-wrap .button-clear-filters.filled--grey:hover,
.search-modal .wrapper-dropdown.filled--grey:hover {
    background-color: #cfcfcf
}

.danish-button.skeleton--green,
.danish-tabs-red-theme .menu-link.skeleton--green,
.fc button.skeleton--green,
.harvard-btn.skeleton--green,
.page-template-template-contact form .gform_footer input[type=submit].skeleton--green,
.page-template-template-location form .gform_footer input[type=submit].skeleton--green,
.page-template-template-research .category-0-button.skeleton--green,
.page-template-template-research .category-1-button.skeleton--green,
.page-template-template-research .category-2-button.skeleton--green,
.page-template-template-research .category-3-button.skeleton--green,
.page_blog .category-0-button.skeleton--green,
.page_blog .category-1-button.skeleton--green,
.page_blog .category-2-button.skeleton--green,
.page_blog .category-3-button.skeleton--green,
.search-modal .filter-wrap .button-clear-filters.skeleton--green,
.search-modal .wrapper-dropdown.skeleton--green {
    border-color: #30b2a3;
    color: #30b2a3
}

.danish-button.skeleton--green.active,
.danish-button.skeleton--green:hover,
.danish-tabs-red-theme .menu-link.skeleton--green.active,
.danish-tabs-red-theme .menu-link.skeleton--green:hover,
.fc button.skeleton--green.active,
.fc button.skeleton--green:hover,
.harvard-btn.skeleton--green.active,
.harvard-btn.skeleton--green:hover,
.page-template-template-contact form .gform_footer input[type=submit].skeleton--green.active,
.page-template-template-contact form .gform_footer input[type=submit].skeleton--green:hover,
.page-template-template-location form .gform_footer input[type=submit].skeleton--green.active,
.page-template-template-location form .gform_footer input[type=submit].skeleton--green:hover,
.page-template-template-research .category-0-button.skeleton--green.active,
.page-template-template-research .category-0-button.skeleton--green:hover,
.page-template-template-research .category-1-button.skeleton--green.active,
.page-template-template-research .category-1-button.skeleton--green:hover,
.page-template-template-research .category-2-button.skeleton--green.active,
.page-template-template-research .category-2-button.skeleton--green:hover,
.page-template-template-research .category-3-button.skeleton--green.active,
.page-template-template-research .category-3-button.skeleton--green:hover,
.page_blog .category-0-button.skeleton--green.active,
.page_blog .category-0-button.skeleton--green:hover,
.page_blog .category-1-button.skeleton--green.active,
.page_blog .category-1-button.skeleton--green:hover,
.page_blog .category-2-button.skeleton--green.active,
.page_blog .category-2-button.skeleton--green:hover,
.page_blog .category-3-button.skeleton--green.active,
.page_blog .category-3-button.skeleton--green:hover,
.search-modal .filter-wrap .button-clear-filters.skeleton--green.active,
.search-modal .filter-wrap .button-clear-filters.skeleton--green:hover,
.search-modal .wrapper-dropdown.skeleton--green.active,
.search-modal .wrapper-dropdown.skeleton--green:hover {
    background-color: #30b2a3;
    color: #fff
}

.danish-button.skeleton--orange,
.danish-tabs-red-theme .menu-link.skeleton--orange,
.fc button.skeleton--orange,
.harvard-btn.skeleton--orange,
.page-template-template-contact form .gform_footer input[type=submit].skeleton--orange,
.page-template-template-location form .gform_footer input[type=submit].skeleton--orange,
.page-template-template-research .category-0-button.skeleton--orange,
.page-template-template-research .category-1-button.skeleton--orange,
.page-template-template-research .category-2-button.skeleton--orange,
.page-template-template-research .category-3-button.skeleton--orange,
.page_blog .category-0-button.skeleton--orange,
.page_blog .category-1-button.skeleton--orange,
.page_blog .category-2-button.skeleton--orange,
.page_blog .category-3-button.skeleton--orange,
.search-modal .filter-wrap .button-clear-filters.skeleton--orange,
.search-modal .wrapper-dropdown.skeleton--orange {
    border-color: #f4aa6e;
    color: #f4aa6e
}

.danish-button.skeleton--orange.active,
.danish-button.skeleton--orange:hover,
.danish-tabs-red-theme .menu-link.skeleton--orange.active,
.danish-tabs-red-theme .menu-link.skeleton--orange:hover,
.fc button.skeleton--orange.active,
.fc button.skeleton--orange:hover,
.harvard-btn.skeleton--orange.active,
.harvard-btn.skeleton--orange:hover,
.page-template-template-contact form .gform_footer input[type=submit].skeleton--orange.active,
.page-template-template-contact form .gform_footer input[type=submit].skeleton--orange:hover,
.page-template-template-location form .gform_footer input[type=submit].skeleton--orange.active,
.page-template-template-location form .gform_footer input[type=submit].skeleton--orange:hover,
.page-template-template-research .category-0-button.skeleton--orange.active,
.page-template-template-research .category-0-button.skeleton--orange:hover,
.page-template-template-research .category-1-button.skeleton--orange.active,
.page-template-template-research .category-1-button.skeleton--orange:hover,
.page-template-template-research .category-2-button.skeleton--orange.active,
.page-template-template-research .category-2-button.skeleton--orange:hover,
.page-template-template-research .category-3-button.skeleton--orange.active,
.page-template-template-research .category-3-button.skeleton--orange:hover,
.page_blog .category-0-button.skeleton--orange.active,
.page_blog .category-0-button.skeleton--orange:hover,
.page_blog .category-1-button.skeleton--orange.active,
.page_blog .category-1-button.skeleton--orange:hover,
.page_blog .category-2-button.skeleton--orange.active,
.page_blog .category-2-button.skeleton--orange:hover,
.page_blog .category-3-button.skeleton--orange.active,
.page_blog .category-3-button.skeleton--orange:hover,
.search-modal .filter-wrap .button-clear-filters.skeleton--orange.active,
.search-modal .filter-wrap .button-clear-filters.skeleton--orange:hover,
.search-modal .wrapper-dropdown.skeleton--orange.active,
.search-modal .wrapper-dropdown.skeleton--orange:hover {
    background-color: #f4aa6e;
    color: #fff
}

.danish-button.skeleton--teal,
.danish-tabs-red-theme .menu-link.skeleton--teal,
.fc button.skeleton--teal,
.harvard-btn.skeleton--teal,
.page-template-template-contact form .gform_footer input[type=submit].skeleton--teal,
.page-template-template-location form .gform_footer input[type=submit].skeleton--teal,
.page-template-template-research .category-0-button.skeleton--teal,
.page-template-template-research .category-1-button.skeleton--teal,
.page-template-template-research .category-2-button.skeleton--teal,
.page-template-template-research .category-3-button.skeleton--teal,
.page_blog .category-0-button.skeleton--teal,
.page_blog .category-1-button.skeleton--teal,
.page_blog .category-2-button.skeleton--teal,
.page_blog .category-3-button.skeleton--teal,
.search-modal .filter-wrap .button-clear-filters.skeleton--teal,
.search-modal .wrapper-dropdown.skeleton--teal {
    border-color: #468199;
    color: #468199
}

.danish-button.skeleton--teal.active,
.danish-button.skeleton--teal:hover,
.danish-tabs-red-theme .menu-link.skeleton--teal.active,
.danish-tabs-red-theme .menu-link.skeleton--teal:hover,
.fc button.skeleton--teal.active,
.fc button.skeleton--teal:hover,
.harvard-btn.skeleton--teal.active,
.harvard-btn.skeleton--teal:hover,
.page-template-template-contact form .gform_footer input[type=submit].skeleton--teal.active,
.page-template-template-contact form .gform_footer input[type=submit].skeleton--teal:hover,
.page-template-template-location form .gform_footer input[type=submit].skeleton--teal.active,
.page-template-template-location form .gform_footer input[type=submit].skeleton--teal:hover,
.page-template-template-research .category-0-button.skeleton--teal.active,
.page-template-template-research .category-0-button.skeleton--teal:hover,
.page-template-template-research .category-1-button.skeleton--teal.active,
.page-template-template-research .category-1-button.skeleton--teal:hover,
.page-template-template-research .category-2-button.skeleton--teal.active,
.page-template-template-research .category-2-button.skeleton--teal:hover,
.page-template-template-research .category-3-button.skeleton--teal.active,
.page-template-template-research .category-3-button.skeleton--teal:hover,
.page_blog .category-0-button.skeleton--teal.active,
.page_blog .category-0-button.skeleton--teal:hover,
.page_blog .category-1-button.skeleton--teal.active,
.page_blog .category-1-button.skeleton--teal:hover,
.page_blog .category-2-button.skeleton--teal.active,
.page_blog .category-2-button.skeleton--teal:hover,
.page_blog .category-3-button.skeleton--teal.active,
.page_blog .category-3-button.skeleton--teal:hover,
.search-modal .filter-wrap .button-clear-filters.skeleton--teal.active,
.search-modal .filter-wrap .button-clear-filters.skeleton--teal:hover,
.search-modal .wrapper-dropdown.skeleton--teal.active,
.search-modal .wrapper-dropdown.skeleton--teal:hover {
    background-color: #468199;
    color: #fff
}

.menu-item.active .harvard-btn.skeleton--green {
    background-color: #30b2a3;
    color: #fff
}

.menu-item.active .harvard-btn.skeleton--orange {
    background-color: #f4aa6e;
    color: #fff
}

.menu-item.active .harvard-btn.skeleton--teal {
    background-color: #468199;
    color: #fff
}

.machines .button-container {
    text-align: center
}

.blue-button,
.fc .fc-state-active,
.fc .fc-state-down,
.page-template-template-contact form .gform_footer input[type=submit],
.page-template-template-location form .gform_footer input[type=submit] {
    border-color: #39a9db;
    background-color: #39a9db;
    color: #fff
}

.blue-button:hover,
.fc .fc-state-active:hover,
.fc .fc-state-down:hover,
.page-template-template-contact form .gform_footer input[type=submit]:hover,
.page-template-template-location form .gform_footer input[type=submit]:hover {
    background-color: #64bce3
}

.dark-grey-button {
    border: none;
    border-radius: 3px;
    background-color: #a9a9a9;
    color: #777
}

.dark-grey-button.active,
.dark-grey-button:hover {
    background-color: #838383
}

.transparent-button {
    border: none;
    border-radius: 3px
}

.transparent-button,
.transparent-button:hover {
    background-color: transparent
}

.small-button {
    min-width: 30px;
    min-height: 30px;
    padding: 0
}

.load-more {
    -webkit-transition: all .2s ease, background-color .01s ease, color .01s ease;
    transition: all .2s ease, background-color .01s ease, color .01s ease
}

.load-more.load-more--loading {
    -webkit-animation: e 1.5s linear infinite;
    animation: e 1.5s linear infinite;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    background-color: transparent;
    border: .3em solid #e1e1e1;
    border-radius: 1.5em;
    border-top-color: #444;
    box-sizing: border-box;
    height: 3em;
    min-height: 3em;
    color: transparent;
    padding: 0;
    pointer-events: none;
    width: 3em;
    min-width: 3em
}

.shape--circle {
    width: 59px;
    height: 59px
}

.circle-button-small,
.shape--circle {
    min-width: 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    border-radius: 50%
}

.circle-button-small {
    width: 50px;
    height: 50px
}

.circle-button-red {
    outline: none;
    border: none;
    color: #fff;
    background-color: #b21d2e
}

.circle-button-red:hover {
    background-color: #861623;
    color: #fff
}

.video-button {
    position: relative;
    top: -100%;
    z-index: 2;
    background-color: transparent;
    border: none;
    display: block;
    outline: none;
    padding-top: 30px;
    margin: 0 auto
}

.hexagon-video-button-bg--big {
    width: 66px;
    height: 38.11px;
    margin: 19.05px auto;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block
}

.hexagon-video-button-bg--big,
.video-btn--circle {
    position: relative;
    background-color: #39a9db;
    cursor: pointer
}

.video-btn--circle {
    text-align: center;
    top: 2px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    box-shadow: 0 2px 10px 0 hsla(0, 0%, 100%, .5);
    border: 2px solid #fff
}

.video-btn--circle,
.video-btn--circle .play-symbol {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.video-btn--circle .play-symbol {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-34%, -50%);
    transform: translate(-34%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 22px;
    border-color: transparent transparent transparent #fff
}

.video-btn--circle:hover {
    top: 0;
    box-shadow: 0 2px 10px 0 #fff
}

.hexagon-video-button-bg--big:after,
.hexagon-video-button-bg--big:before {
    content: " ";
    position: absolute;
    z-index: 1;
    width: 46.67px;
    height: 46.67px;
    -webkit-transform: scaleY(.5774) rotate(-45deg);
    transform: scaleY(.5774) rotate(-45deg);
    background-color: inherit;
    left: 7.6655px;
    display: block
}

.hexagon-video-button-bg--big:before {
    top: -23.3345px;
    border-top: 2.8284px solid #fff;
    border-right: 2.8284px solid #fff
}

.hexagon-video-button-bg--big:after {
    bottom: -23.3345px;
    border-bottom: 2.8284px solid #fff;
    border-left: 2.8284px solid #fff
}

.hexagon-video-button-bg--small {
    position: relative;
    width: 44px;
    height: 25.4px;
    background-color: #b21d2e;
    margin: 12.7px 0;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}

.hexagon-video-button-bg--small:after,
.hexagon-video-button-bg--small:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 31.11px;
    height: 31.11px;
    -webkit-transform: scaleY(.5774) rotate(-45deg);
    transform: scaleY(.5774) rotate(-45deg);
    background-color: inherit;
    left: 4.4437px
}

.hexagon-video-button-bg--small:before {
    top: -15.5563px;
    border-top: 2.8284px solid #fff;
    border-right: 2.8284px solid #fff
}

.hexagon-video-button-bg--small:after {
    bottom: -15.5563px;
    border-bottom: 2.8284px solid #fff;
    border-left: 2.8284px solid #fff
}

.hexagon-video-button-play {
    display: block;
    position: absolute;
    top: 22px;
    bottom: 0;
    left: calc(50% - 7px);
    right: 0;
    width: 0;
    height: 0;
    z-index: 1;
    border-style: solid;
    border-width: 13px 0 13px 22px;
    border-color: transparent transparent transparent #fff
}

.hexagon-video-button-play--small {
    border-width: 6px 0 6px 12px;
    left: 18px;
    top: 8px
}

@-webkit-keyframes e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.cards .card-container {
    vertical-align: top;
    padding: 10px
}

@media (max-width:949px) {
    .cards .card-container {
        padding-top: 20px
    }
}

.cards .card {
    padding: 10px;
    height: 350px
}

.cards .card .card-header {
    height: 100px
}

.cards .card .card-content {
    height: 250px
}

.cards-transparent {
    display: block
}

.cards-transparent .card {
    background: -webkit-linear-gradient(top, rgba(34, 37, 44, 0), rgba(34, 37, 44, .6)) no-repeat;
    background: linear-gradient(180deg, rgba(34, 37, 44, 0) 0, rgba(34, 37, 44, .6)) no-repeat;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -o-border-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6)) 1 100%;
    border-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6)) 1 100%;
    border-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6)) 1 100%;
    height: 370px;
    text-align: left;
    padding: 30px 24px
}

.cards-transparent .card .card-header {
    height: 98px
}

.cards-transparent .card .card-content {
    height: 140px
}

.cards-transparent .card .card-footer {
    height: 20px
}

.cards-white .card {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
    height: 360px;
    padding: 20px
}

.cards-white .card .card-header {
    height: 140px;
    text-align: center;
    overflow: hidden
}

.cards-white .card .card-content {
    height: 180px;
    text-align: left
}

.cards-pubs .card {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
    height: 600px;
    padding: 10px
}
.cards-pubs .card .pub-content {
    text-align: left;
    height: 550px;
    overflow: hidden;
}

.cards-grey .card {
    background-color: #efefef;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    height: 250px;
    padding: 10px
}

.cards-grey .card .card-header {
    height: 90px;
    text-align: left
}

.cards-grey .card .card-content {
    height: 100px;
    text-align: left;
    padding-right: 30px
}

.cards-grey .card .card-footer {
    height: 40px;
    text-align: right
}

.cards-grey .card .card-footer p {
    margin-top: 0
}

.cards-simple .card {
    background-color: #fff;
    height: 625px;
    padding: 0
}

.cards-simple .card .card-header {
    height: 300px;
    text-align: center
}

.cards-simple .card .card-content {
    max-height: 325px;
    text-align: left
}

.events-cards {
    text-align: center
}

.events-cards .card-header {
    position: relative
}

.events-cards .date {
    min-width: 80px;
    display: inline-block;
    text-align: center
}

.events-cards .date:before {
    content: url(images/calendar-date.png);
    position: absolute;
    top: .8em;
    left: 0
}

.events-cards .date .day,
.events-cards .date .month {
    color: #b21d2e;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px
}

.events-cards .date .day {
    font-size: 22px;
    margin-bottom: 0
}

.events-cards .date .month {
    font-size: 12px;
    margin-top: 0
}

.events-cards .date+* {
    padding: 6px 19px 0 17px;
    vertical-align: top;
    float: right;
    width: 60%
}

.events-cards .author {
    color: #a9a9a9;
    font-weight: 700;
    font-style: italic
}

.news-cards {
    text-align: center
}

.news-cards #insert-before-cards {
    display: none
}

.news-cards.cards .event-name {
    color: #b21d2e;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.news-cards.cards .card-header {
    position: relative
}

.news-cards.cards .card-header .image-overlay-container {
    position: relative;
    height: 100%
}

.news-cards.cards .card-header .image-overlay-container .image-overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.news-cards.cards .card-header .event-date {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-align: center
}

.news-cards.cards .card-header .event-date-container {
    margin: 0 auto;
    width: 152px;
    height: 25px;
    background-color: rgba(178, 29, 46, .9);
    border-radius: 3px 3px 0 0
}

.machine-cards .card-container {
    width: 316px
}

.machine-cards .card-container p {
    text-align: left
}

.machine-cards .heading {
    height: 0;
    border-color: #22252c
}

.machine-cards .heading p {
    display: inline;
    position: absolute;
    background-color: #efefef;
    margin: 0;
    color: #22252c;
    top: -7px;
    left: 0;
    padding-left: 0;
    padding-right: 9px;
    font-size: 12px
}

.machine-cards .card-desc,
.machine-cards .card-title {
    margin: 0
}

.machine-cards .card-title {
    padding-top: 20px;
    line-height: 1.1em;
    text-align: left;
    font-size: 34px;
    width: 80%;
    color: #22252c
}

.machine-cards h1 {
    color: #22252c;
    font-size: 40px;
    font-weight: 500;
    line-height: 45px
}

.machine-cards .icon-bg {
    position: relative;
    top: -1px
}

.machine-cards .icon-bg.inverted {
    top: -6px
}

.machine-cards .fill-image {
    height: 225px
}

.machine-cards .icon-bg {
    font-size: 3px
}

.machine-cards .card-content+.card-header {
    padding-top: 10px
}

.machine-cards .card {
    height: 420px;
    background-color: transparent
}

.machine-cards .card .card-header {
    height: 280px;
    overflow: visible;
    height: auto;
    margin-bottom: 17px
}

.machine-cards .card .card-content {
    height: 255px;
    width: 295px
}

.truncated-content {
    position: relative;
    overflow: hidden
}

.truncated-content p {
    overflow: hidden
}

.truncated-content .bottom-link {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #39a9db;
    font-weight: 700;
    background: -webkit-linear-gradient(bottom, #fff, hsla(0, 0%, 100%, .4));
    background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, .4));
    display: block;
    width: 100%;
    height: 60px;
    text-align: right;
    padding: 0 10px;
    padding-top: 30px
}

.truncated-content .bottom-link--no-bg {
    background: -webkit-linear-gradient(0, #fff, hsla(0, 0%, 100%, .4));
    background: linear-gradient(0, #fff, hsla(0, 0%, 100%, .4));
    padding-top: 40px
}

.danish-map-container {
    height: 100%
}

.danish-map-container .danish-map {
    height: 100%;
    min-height: inherit
}

.danish-map-container .danish-map-contact {
    display: none
}

.js .inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.js .inputfile+label {
    width: 160px;
    border-radius: 3px;
    padding: 12px 0;
    font-size: 12px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block
}

.js .inputfile+label svg {
    width: 15px;
    margin-right: 5px
}

.js .inputfile+label svg path {
    fill: #fff
}

.no-js .inputfile+label {
    display: none
}

footer {
    min-height: 150px;
    clear: both;
    padding: 10px 0
}

footer .logo--tablet {
    vertical-align: top
}

@media (max-width:849px) {
    footer .logo--tablet {
        display: none
    }
}

footer .logo--tablet a:last-of-type {
    text-decoration: underline;
    color: #39a9db;
    display: block;
    padding-top: 20px
}

footer .logo--large {
    display: none;
    text-align: center;
    vertical-align: top;
    padding: 20px 0
}

footer .logo--large a:last-of-type {
    color: #39a9db;
    text-decoration: none
}

@media (max-width:849px) {
    footer .logo--large {
        display: block
    }
}

footer nav a {
    color: #b5b5b5
}

footer p {
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

footer .copyright {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #b5b5b5;
    padding: 8px 0;
    margin: 0 auto
}

footer .sponsor-section {
    border-bottom: 1px solid #424856;
    text-align: center
}

footer .sponsor-section ul {
    text-align: center;
    list-style: none;
    padding-left: 0;
    margin: 36px 0 20px
}

footer .sponsor-section ul li {
    display: inline-block
}

footer .right-section {
    text-align: center;
    padding: 0 0 20px;
    max-width: 700px;
    float: right
}

@media (max-width:849px) {
    footer .right-section {
        border-bottom: 1px solid #424856;
        float: none;
        max-width: 100%
    }

    footer .right-section .menu-item {
        display: block;
        line-height: 30px !important
    }
}

footer .navigation {
    margin-top: 20px
}

@media (min-width:1024px) {
    footer .navigation {
        text-align: center
    }
}

footer .navigation .sub-menu {
    display: none !important
}

footer .navigation .menu-link {
    height: auto
}

footer .navigation .menu-item {
    line-height: 30px !important;
    padding: 0 16px
}

footer .navigation .menu-item:hover {
    background-color: transparent
}

footer .navigation .menu-item:hover>.menu-link {
    color: #39a9db
}

footer .navigation .menu-item a {
    line-height: 30px !important
}

footer .footer-nav .menu {
    list-style: none;
    padding-left: 0;
    text-align: center
}

footer .footer-logo-link {
    text-transform: uppercase;
    font-style: italic
}

@media (max-width:849px) {
    footer .footer-logo-link {
        padding-top: 20px;
        display: block
    }
}

footer #company-footer-logo {
    width: 49px;
    height: 49px
}

@media (max-width:849px) {
    footer #company-footer-logo {
        margin: 0 auto;
        width: 70px;
        height: 70px
    }
}

footer .sponsor-logo {
    width: 70px;
    height: 70px;
    margin: 0 6px
}

footer .footer-info {
    padding: 35px 0
}

footer .footer-info p {
    margin-bottom: 0
}

input {
    min-height: 40px;
    min-width: 150px;
    width: 100%;
    font-size: 16px !important;
    line-height: 1.4;
    padding-left: 10px;
    border: 1px solid #a9a9a9
}

input:focus {
    outline: none
}

.input-wrapper {
    padding: 10px
}

.input-wrapper.no-side-padding {
    padding: 10px 0
}

@media (max-width:540px) {
    .input-wrapper {
        padding: 0
    }
}

textarea {
    resize: none;
    display: block;
    border: 1px solid #666;
    min-height: 100px;
    line-height: 22px !important;
    font-size: 16px !important;
    font-family: Noto Sans, sans-serif !important;
    width: 100%;
    padding: 10px
}

textarea:focus {
    outline: none
}

.gform_wrapper .gform_body {
    background-color: #fff
}

.gform_wrapper .gf_page_steps {
    text-align: center
}

.gform_wrapper .gf_step {
    position: relative;
    opacity: 1 !important;
    margin: 16px 12px !important
}

.gform_wrapper .gf_step:after,
.gform_wrapper .gf_step:before {
    display: block;
    width: 52%;
    content: "";
    height: 2px;
    position: absolute;
    top: -18px
}

.gform_wrapper .gf_step:after {
    right: -23px
}

.gform_wrapper .gf_step:before {
    left: -2px
}

.gform_wrapper .gf_step_first:before,
.gform_wrapper .gf_step_last:after {
    display: none
}

.gform_wrapper .gf_step_pending {
    color: #666
}

.gform_wrapper .gf_step_pending .gf_step_number {
    border-color: #666
}

.gform_wrapper .gf_step_pending:after,
.gform_wrapper .gf_step_pending:before {
    background-color: #666
}

.gform_wrapper .gf_page_steps {
    padding-top: 30px !important;
    border-bottom: 0 !important
}

.gform_wrapper .gf_step_number {
    position: absolute;
    font-weight: 600;
    font-size: 12px !important;
    left: 50%;
    top: -28px;
    line-height: 1.5;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid
}

.gform_wrapper .gf_step_completed .gf_step_number {
    content: url(images/icons/skills-checkpoint.png);
    width: 22px;
    height: 22px;
    background-position: 50%;
    display: block;
    border-color: transparent
}

.gform_wrapper .gform_page_footer {
    text-align: center
}

.gform_wrapper .gform_previous_button.button {
    background-color: transparent;
    border: 1px solid #666;
    color: #666
}

@include .button;
@include .button-blue-outline;

.gform_wrapper .gform_page_footer {
    border-top: none !important
}

.gform_wrapper .gform_button.button,
.gform_wrapper .gform_next_button {
    background-color: #02a8d4;
    color: #fff;
    border-bottom: 2px solid #037a99
}

.gform_wrapper .gform_button.button:hover,
.gform_wrapper .gform_next_button:hover {
    background-color: #25c0e9
}

.gform_wrapper .gform_button.button:active,
.gform_wrapper .gform_button.button:focus,
.gform_wrapper .gform_next_button:active,
.gform_wrapper .gform_next_button:focus {
    background-color: #037a99
}

.gform_wrapper .gfield-error,
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
    border-color: #e65142 !important;
    color: #e65142 !important
}

.gform_wrapper .gfield_required,
.gform_wrapper .validation_error {
    color: #e65142 !important
}

.gform_wrapper .validation_error {
    border-color: #e65142 !important
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .gfield_error .validation_message {
    color: #e65142 !important
}

input[type=checkbox],
input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    z-index: -1
}

input[type=checkbox]+label,
input[type=radio]+label {
    position: relative;
    cursor: pointer;
    padding: 0 0 0 30px !important
}

input[type=checkbox]+label:after,
input[type=checkbox]+label:before,
input[type=radio]+label:after,
input[type=radio]+label:before {
    display: block;
    position: absolute
}

input[type=checkbox]+label:after,
input[type=radio]+label:after {
    left: 0;
    top: 0;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 5px;
    z-index: 1;
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    font-size: 34px;
    left: 3px;
    top: 3px;
    z-index: 2;
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

input[type=checkbox]:checked+label:before,
input[type=radio]:checked+label:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

input[type=checkbox]:focus+label:after,
input[type=radio]:focus+label:after {
    background-color: #666;
    border-color: #666;
    outline: none
}

body.browserIE input[type=checkbox],
body.browserIE input[type=radio] {
    display: inline
}

body.browserIE input[type=checkbox]+label,
body.browserIE input[type=radio]+label {
    padding: 0;
    margin: 0;
    display: inline;
    width: auto
}

body.browserIE input[type=checkbox]+label:after,
body.browserIE input[type=checkbox]+label:before,
body.browserIE input[type=radio]+label:after,
body.browserIE input[type=radio]+label:before {
    display: none
}

input[type=checkbox]+label:after {
    background: #666
}

input[type=checkbox]+label:before {
    top: 0;
    content: "";
    width: 16px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 50%
}

input[type=radio]+label:after {
    background: #666;
    border-radius: 100%
}

input[type=radio]+label:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: 5px;
    top: 18px
}

.fc button {
    border-radius: 2px;
    padding: 0;
    width: 80px;
    min-width: 80px;
    max-width: 80px
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

.fc-state-default {
    border: 1px solid
}

.fc-state-default.fc-corner-left,
.fc-state-default.fc-corner-right {
    min-width: 0
}

.fc button .fc-icon {
    position: relative;
    top: -.25em;
    margin: 0 .2em;
    vertical-align: middle
}

.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
    color: #333;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.fc .fc-state-active,
.fc .fc-state-down {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    border: 1px solid transparent
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    box-shadow: none
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 -1px;
    margin: 0 5px
}

.fc .fc-button-group>:first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.fc-popover .fc-header {
    padding: 2px 4px
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px
}

.fc-popover .fc-header .fc-close {
    cursor: pointer
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-ltr .fc-popover .fc-header .fc-close,
.fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px
}

.fc-popover>.ui-widget-header+.ui-widget-content {
    border-top: 0
}

.fc-unthemed {
    color: #777
}

.fc-unthemed .fc-bg tbody,
.fc-unthemed .fc-bg td,
.fc-unthemed .fc-bg th,
.fc-unthemed .fc-bg thead,
.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row {
    border-color: #a9a9a9
}

.fc-unthemed .fc-popover {
    background-color: #fff
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
    background: #eee
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #777
}

.fc-unthemed .fc-today {
    background: #efefef
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3
}

.fc-nonbusiness {
    background: #d7d7d7
}

.fc-day-number.fc-other-month {
    color: #a9a9a9
}

.fc-event {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #468199;
    border: 1px solid #30677d;
    margin: 0 auto
}

.fc-resizable {
    width: inherit;
    border-radius: none;
    border-bottom-right-radius: 50px 50px;
    border-top-right-radius: 50px 50px;
    border-bottom-left-radius: 50px 50px;
    border-top-left-radius: 50px 50px
}

.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
    color: #fff;
    text-decoration: none
}

.fc-event.fc-draggable,
.fc-event[href] {
    cursor: pointer
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
    display: none
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
    display: block
}

.fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px
}

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
}

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

@media (max-width:949px) {
    .fc-day-grid-event {
        padding: 10px
    }
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.fc-day-grid-event .fc-time {
    font-weight: 700
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

a.fc-more:hover {
    text-decoration: underline
}

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

.fc-more-popover .fc-event-container {
    padding: 10px
}

.fc-event-container,
.fc-same-day {
    text-align: center
}

.fc-same-day {
    display: inline-block
}

.fc-day-number {
    padding-bottom: 2px !important;
    padding-top: 5px !important;
    overflow: visible
}

.fc-same-day:nth-child(n+2) {
    background-color: #30b2a3;
    border-color: #269084
}

.fc-same-day:nth-child(n+3) {
    background-color: #e8c878;
    border-color: #b99b4f
}

.fc-same-day:nth-child(n+4) {
    background-color: #ffc1c1;
    border-color: #f89c9c
}

.fc-same-day:nth-child(n+5) {
    background-color: #e88168;
    border-color: #b85f49
}

.fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fc-icon:after {
    position: relative
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%
}

.fc {
    direction: ltr;
    text-align: left
}

.fc-rtl {
    text-align: right
}

.fc-button,
body .fc {
    font-size: 12px;
    font-weight: 700;
    line-height: 26px
}

.fc-day-header {
    font-size: 14px
}

.fc-day-header,
.fc-left h2 {
    color: #777;
    font-size: 18px;
    text-transform: uppercase
}

.fc-widget-header {
    line-height: 30px
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-clear {
    clear: both
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-helper-skeleton,
.fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-bg {
    bottom: 0
}

.fc-bg table {
    height: 100%
}

.fc-now-indicator {
    position: absolute;
    border: 0 solid red
}

.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 2px;
    font-size: 1em
}

.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-width: 0
}

.fc th {
    text-align: center
}

.fc-bg td,
.fc-bg th,
.fc-head td,
.fc-head th {
    border-style: solid;
    border-width: 1px
}

.fc td,
.fc th {
    padding: 0;
    vertical-align: top
}

.fc-bg td:first-child,
.fc-bg th:first-child,
.fc-head td:first-child,
.fc-head th:first-child {
    border-left: none
}

.fc-bg td:last-child,
.fc-bg th:last-child,
.fc-head td:last-child,
.fc-head th:last-child {
    border-right: none
}

.fc-bg .fc-row:last-child td,
.fc-head .fc-row:last-child td {
    border-bottom: none
}

.fc-bg .fc-body .fc-widget-content,
.fc-head .fc-body .fc-widget-content {
    border-bottom: 0
}

.fc-bg td.fc-today {
    border-style: double
}

.fc-bg .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-row .fc-bgevent-skeleton td,
.fc-row .fc-highlight-skeleton td {
    border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.fc-row .fc-day-selected,
.fc-row .fc-highlight-skeleton {
    z-index: 3
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    background: transparent;
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    -webkit-overflow-scrolling: touch
}

.fc-scroller>.fc-day-grid,
.fc-scroller>.fc-time-grid {
    position: relative;
    width: 100%
}

@media (max-width:849px) {
    .fc-row:not(.fc-widget-header) {
        height: 100px
    }

    .fc-scroller {
        height: auto !important
    }
}

@media (max-width:849px) {
    .fc-row:not(.fc-widget-header) {
        height: 150px
    }
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.ui-widget td.fc-axis {
    font-weight: 400
}

.fc-time-grid,
.fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

.fc-time-grid table {
    border: 0 hidden transparent
}

.fc-time-grid>.fc-bg {
    z-index: 1
}

.fc-time-grid .fc-slats,
.fc-time-grid>hr {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-content-col {
    position: relative
}

.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0
}

.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1
}

.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-highlight-container {
    position: relative;
    z-index: 3
}

.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4
}

.fc-time-grid .fc-now-indicator-line {
    z-index: 5
}

.fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6
}

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted
}

.fc-time-grid .fc-slats .ui-widget-content {
    background: none
}

.fc-time-grid .fc-highlight-container {
    position: relative
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-bgevent,
.fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event {
    overflow: hidden
}

.fc-time-grid-event.fc-selected {
    overflow: visible
}

.fc-time-grid-event.fc-selected .fc-bg {
    display: none
}

.fc-time-grid-event .fc-content {
    overflow: hidden
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0"
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "="
}

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px
}

.fc-toolbar {
    text-align: center;
    margin: 1em 0;
    padding: 2em
}

.fc-toolbar .fc-left {
    float: left
}

.fc-toolbar .fc-right {
    float: right
}

.fc-toolbar .fc-center {
    display: inline-block
}

.fc .fc-toolbar>*>* {
    float: left;
    margin-left: .75em
}

.fc .fc-toolbar>*>:first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view,
.fc-view>table {
    position: relative;
    z-index: 1
}

.fc-basicDay-view .fc-content-skeleton,
.fc-basicWeek-view .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid {
    overflow: hidden
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
    padding: 0 2px
}

.fc-basic-view td.fc-day-number,
.fc-basic-view td.fc-week-number span {
    padding: 10px 11px
}

.fc-basic-view .fc-week-number {
    text-align: center
}

.fc-basic-view .fc-week-number span {
    display: inline-block;
    min-width: 1.25em
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right
}

.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em
}

.calendar-timeline {
    border-left: 1px solid #a9a9a9;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 725px
}

@media (max-width:949px) {
    .calendar-timeline {
        border-top: 1px solid #a9a9a9;
        border-left: none;
        overflow: auto;
        height: auto
    }
}

.timeline {
    font-size: 0;
    list-style: none;
    padding: 0
}

.timeline li {
    font-size: 16px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    display: block;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef
}

.timeline li:first-child {
    padding-top: 0
}

.timeline li:last-child {
    border-bottom: none
}

.timeline li :first-child {
    margin-top: 0
}

.hero {
    width: 100%;
    height: 100%;
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover !important;
    padding: 130px 0 0
}

@media (max-width:949px) {
    .hero {
        padding: 110px 0
    }
}

.hero .danish-container {
    display: block
}

.hero .hero-title {
    margin-top: 0;
    display: inline-block;
    font-size: 40px;
    line-height: 44px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.hero .hero-subtitle {
    width: 650px;
    max-width: 100%;
    margin: 0;
    color: #22252c
}

.hero--home {
    min-height: 900px;
    height: 85vh;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: hidden;
    text-align: center
}

.hero--home .departments {
    height: auto;
    position: relative
}

.hero--small {
    min-height: 0;
    padding-bottom: 40px
}

.hero--overlay {
    position: relative
}

.hero--cns-user .hero-subtitle {
    color: #22252c
}

.hero--tool .hero-title {
    margin: 0
}

.hero--tool .hero-subtitle {
    margin: 0;
    padding-bottom: 30px
}

.hero--single .hero-title {
    margin: 0
}

.hero--single .hero-subtitle {
    color: #777;
    font-weight: 400;
    padding-bottom: 30px;
    border-bottom: 1px solid #a9a9a9
}

.hero--single .hero-extra {
    color: #a9a9a9;
    padding-top: 30px
}

.hero--single .hero-extra p {
    margin-top: 0;
    margin-bottom: 0
}

.page-template-template-page-interior .hero .danish-container {
    position: relative;
    top: 220px;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    min-height: 0
}

.page-template-template-page-interior .hero .danish-container .hero-title {
    line-height: 44px;
    margin: 10px 0
}

.page-template-template-page-interior .hero .danish-container .hero-subtitle {
    width: 560px
}

.icon {
    display: inline-block;
    height: 1.2em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 5px
}

.icon-button,
.icon:before {
    position: relative
}

.icon.icon-molecula {
    height: inherit
}

.icon-event {
    width: 12px;
    height: 13px;
    border: 1px solid #30b2a3;
    border-radius: 50%;
    position: relative
}

.icon-event:before {
    content: "";
    position: absolute;
    background-color: #30b2a3;
    border-radius: 50%;
    width: 6px;
    height: 7px;
    top: 2px;
    left: 2px
}

.icon-molecula:before {
    content: url(images/molecula.png);
    top: -5%;
    width: 100%
}

.icon-bg {
    height: 1.2em;
    line-height: 1em;
    font-size: 1em;
    display: inline-block;
    width: 100%
}

.icon-bg,
.icon-bg:before {
    position: relative
}

.icon-featured-bg {
    width: 50%;
    min-width: 360px;
    background-color: #b21d2e
}

.icon-featured-bg:after {
    position: absolute;
    content: "";
    top: 0;
    right: -1.2em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.2em 0 0 1.2em;
    border-color: transparent transparent transparent #b21d2e
}

.icon-rectangular-bg {
    background-color: #22252c
}

.icon-rectangular-red-bg {
    background-color: #b21d2e;
    font-size: .5em
}

.icon-bg-hexagon {
    position: relative;
    text-align: left;
    background-color: #672b75;
    width: 27px;
    height: 15.59px;
    margin: 7.79px 0
}

.icon-bg-hexagon-variaton {
    position: relative;
    text-align: left;
    background-color: #b21d2e;
    width: 81px;
    height: 46.77px;
    margin: 23.38px 0
}

.icon-bg-hexagon:after,
.icon-bg-hexagon:before {
    content: "";
    position: absolute;
    width: 0;
    border-left: 13.5px solid transparent;
    border-right: 13.5px solid transparent
}

.icon-bg-hexagon-variaton:after,
.icon-bg-hexagon-variaton:before {
    content: "";
    position: absolute;
    width: 0;
    border-left: 40.5px solid transparent;
    border-right: 40.5px solid transparent
}

.icon-bg-hexagon:before {
    bottom: 100%;
    border-bottom: 7.79px solid #672b75
}

.icon-bg-hexagon:after {
    top: 100%;
    width: 0;
    border-top: 7.79px solid #672b75
}

.icon-bg-hexagon-variaton:before {
    bottom: 100%;
    border-bottom: 23.38px solid #b21d2e
}

.icon-bg-hexagon-variaton:after {
    top: 100%;
    width: 0;
    border-top: 23.38px solid #b21d2e
}

.icon-hexagon-border {
    position: relative;
    width: 73px;
    height: 42.15px;
    background-color: #fff;
    margin: 21.07px 0;
    border-left: 2px solid #b21d2e;
    border-right: 2px solid #b21d2e
}

.icon-hexagon-border:after,
.icon-hexagon-border:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 51.62px;
    height: 51.62px;
    -webkit-transform: scaleY(.5774) rotate(-45deg);
    transform: scaleY(.5774) rotate(-45deg);
    background-color: inherit;
    left: 8.6906px
}

.icon-hexagon-border:before {
    top: -25.8094px;
    border-top: 2.8284px solid #b21d2e;
    border-right: 2.8284px solid #b21d2e
}

.icon-hexagon-border:after {
    bottom: -25.8094px;
    border-bottom: 2.8284px solid #b21d2e;
    border-left: 2.8284px solid #b21d2e
}

.icon-svg svg {
    width: 18px;
    height: 14px
}

.icon-svg-white {
    fill: #fff
}

.icon-svg-darkgrey {
    fill: hsla(0, 0%, 66%, .5)
}

.icon-svg-darkgrey:hover {
    fill: hsla(0, 0%, 51%, .5)
}

.line-behind-text {
    border-bottom: 1px solid #000;
    position: relative
}

.line-behind-text:after {
    border-right: 1px solid #b21d2e;
    content: "";
    position: absolute;
    width: 1px;
    height: 8px;
    right: 0;
    top: -3.7px
}

.line-behind-text .line-behind-text-content {
    position: relative;
    top: 1em;
    background-color: #fff;
    padding-right: 20px
}

.fa {
    color: #fff
}

.fa-grey {
    color: gray
}

.search-modal .button-close {
    display: none
}

.search-modal .search-content .search-form {
    text-align: center;
    padding-top: 50px
}

.search-modal .search-content .search-form .search-result {
    display: block
}

.search-modal .search-content .search-form .no-result {
    display: none
}

.search-modal .wrapper-dropdown {
    width: 100%;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer;
    outline: none
}

.search-modal .wrapper-dropdown span {
    text-align: center;
    width: 100%
}

.search-modal .wrapper-dropdown:after {
    margin-top: -1px;
    border-width: 5px 5px 0
}

.search-modal .wrapper-dropdown:after,
.search-modal .wrapper-dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    border-style: solid;
    border-color: #a9a9a9 transparent
}

.search-modal .wrapper-dropdown:before {
    margin-top: -9px;
    border-width: 0 5px 5px
}

.search-modal .wrapper-dropdown .filter-dropdown {
    position: absolute;
    top: 99%;
    left: 0;
    right: 0;
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    list-style: none;
    opacity: 0;
    pointer-events: none
}

.search-modal .wrapper-dropdown.active .filter-dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 999;
    background-color: #b21d2e;
    color: #fff;
    padding-left: 0
}

.search-modal .wrapper-dropdown.active:after {
    border-color: #fff transparent
}

.search-modal .filter-wrap .button-clear-filters {
    background-color: transparent;
    border-radius: 4px;
    margin-left: -5px;
    display: none
}

@media (min-width:583px) and (max-width:1023px) {
    .search-modal .grid-1of2-padding-x-5:nth-child(odd) {
        padding-right: 5px;
        margin-left: -8px
    }

    .search-modal .grid-1of2-padding-x-5:nth-child(2n) {
        padding-left: 5px;
        margin-right: -8px
    }
}

@media (min-width:1024px) {
    .search-modal .grid-1of2-padding-x-5:nth-child(odd) {
        padding-right: 5px;
        margin-left: -8px
    }

    .search-modal .grid-1of2-padding-x-5:nth-child(2n) {
        padding-left: 5px;
        margin-right: -8px
    }
}

.search-modal .search-filter-list {
    padding-top: 10px
}

.search-modal .pull-down-25 {
    position: relative;
    bottom: -25px
}

.modal,
.popup {
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.modal.modal-open,
.modal.popup-open,
.popup.modal-open,
.popup.popup-open {
    opacity: 1 !important;
    visibility: visible !important
}

.modal .modal-content,
.popup .modal-content {
    background-color: #000;
    margin: 3% auto;
    width: 70%;
    max-height: 85%;
    position: relative
}

.modal .modal-content .fill-image,
.popup .modal-content .fill-image {
    height: 100vh;
    width: auto;
    margin: 0 auto;
    display: block;
    max-height: calc(85vh - 140px);
    margin-bottom: 10px
}

.modal .modal-content .nav-image,
.popup .modal-content .nav-image {
    max-height: 80px
}

.modal .modal-content.video,
.popup .modal-content.video {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: 80%
}

.modal .modal-content.video .grid,
.popup .modal-content.video .grid {
    position: absolute;
    top: 0;
    right: 0
}

.modal .modal-content.video embed,
.modal .modal-content.video iframe,
.modal .modal-content.video object,
.popup .modal-content.video embed,
.popup .modal-content.video iframe,
.popup .modal-content.video object {
    position: absolute;
    margin-top: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal .modal-content.bio .modal-img-name,
.popup .modal-content.bio .modal-img-name {
    padding: 20px 0;
    text-align: center
}

.modal .modal-content.bio .modal-biography,
.popup .modal-content.bio .modal-biography {
    vertical-align: top;
    padding: 20px 40px
}

.modal .modal-content.bio .modal-biography p,
.popup .modal-content.bio .modal-biography p {
    margin: 0
}

@media (max-width:540px) {

    .modal .modal-content,
    .popup .modal-content {
        width: 90%
    }

    .modal .modal-content.bio .modal-biography,
    .popup .modal-content.bio .modal-biography {
        padding: 0;
        text-align: justify
    }
}

.modal .modal-content.event,
.popup .modal-content.event {
    background-color: #fff
}

.modal .close,
.popup .close {
    color: #fff;
    background-color: #b21d2e;
    float: right;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 26px;
    line-height: 26px;
    padding: 5px 12px 9px;
    z-index: 100
}

.modal .close:focus,
.modal .close:hover,
.popup .close:focus,
.popup .close:hover {
    text-decoration: none;
    cursor: pointer
}

.modal .close img,
.popup .close img {
    margin-bottom: 3px
}

.modal {
    position: fixed
}

.popup {
    position: absolute
}

.popup-container {
    position: relative
}

.modal .danish-container .bio-title {
    font-weight: 700
}

.modal .danish-container .modal-content.video {
    margin-left: 8.5%
}

.gallery-modal {
    background-color: #efefef
}

.gallery-modal .slide-wrapper {
    position: relative;
    background: #000
}

.gallery-modal .slide-wrapper .fill-image {
    height: 100vh;
    margin: 0 auto;
    display: block;
    max-height: calc(85vh - 140px)
}

.gallery-modal .slide-wrapper .fill-image-title {
    padding: 16px;
    width: 400px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #22252c;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-weight: 700;
    z-index: 100
}

.gallery-modal .slide-wrapper .fill-image-title p {
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 0
}

.gallery-modal-nav {
    padding: 10px;
    background-color: #000;
    position: relative
}

.gallery-modal-nav .nav-image {
    width: 188px;
    height: 100px;
    max-height: 100px !important;
    background-size: cover;
    background-position: 50%;
    margin-right: 10px
}

.gallery-modal-nav .slick-next {
    right: -64px;
    left: auto;
    height: 40px;
    width: 40px;
    border: 1px dashed #fff;
    border-radius: 100px;
    cursor: pointer
}

.gallery-modal-nav .slick-next img {
    margin: auto;
    display: block
}

.gallery-modal-nav .slick-prev {
    left: -64px;
    right: auto;
    height: 40px;
    width: 40px;
    border: 1px dashed #fff;
    border-radius: 100px;
    cursor: pointer
}

.gallery-modal-nav .slick-prev img {
    display: block;
    margin: auto
}

nav a {
    color: #22252c
}

.header {
    position: relative;
    width: 100%;
    z-index: 15;
    font-size: 0;
    background: #fff
}

.header #navigation-menu {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    width: 60%;
}

.header:not(.overlay) {
    height: 60px
}

@media (max-width:749px) {
    .header:not(.overlay) {
        height: 50px
    }
}

.company-logo {
    position: absolute;
    bottom: 24px;
    left: -5px;
    height: 85px
}

.company-logo svg {
    height: 85px;
    width: 195px
}

@media (max-width:749px) {
    .company-logo {
        width: 68px;
        bottom: -6px
    }

    .company-logo svg {
        width: 68px;
        height: 68px
    }
}

.company-logo div:first-of-type {
    display: block
}

.company-logo div:last-of-type {
    display: none
}

@media (max-width:749px) {
    .company-logo div:first-of-type {
        display: none
    }

    .company-logo div:last-of-type {
        display: block
    }
}

.center-menu,
.right-menu {
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media (max-width:1199px) {
    .center-menu {
        display: none
    }
}

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

#navigation-menu .menu-item {
    text-align: center;
    line-height: 56px
}

.navigation .menu {
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.navigation .menu-item {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px
}

.navigation .menu-item:hover>.menu-link {
    color: #39a9db
}

.navigation .black-fill {
    height: 100%;
    width: 30px;
    background-color: #39a9db;
    position: absolute;
    top: 0;
    right: 0
}

.navigation .menu-item,
.navigation .menu-link:not(button) {
    line-height: 60px
}

.navigation .menu-link {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    font-size: 14px
}

.navigation .menu-link:hover {
    color: #39a9db
}

.navigation.sub-menu-hide .sub-menu {
    display: none !important
}

.menu-btn.left-trap {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 60px solid #22252c;
    border-left: 22px solid transparent;
    height: 60px;
    width: 138px;
    text-align: center;
    padding: 0 18px;
    cursor: pointer
}

.menu-btn.left-trap .menu-link {
    margin: 0;
    margin-left: 8px;
    display: inline-block;
    color: #fff;
    height: auto;
    width: auto;
    font-weight: 700
}

.menu-btn.left-trap svg {
    height: 16px;
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.menu-btn.left-trap a {
    color: #fff;
    line-height: 60px
}

.menu-btn.left-trap a:hover {
    color: #fff
}

@media (max-width:749px) {
    .menu-btn.left-trap {
        border: none;
        height: 50px;
        width: 100px;
        padding-right: 0;
        padding-left: 0
    }

    .menu-btn.left-trap .menu-link {
        color: #000;
        height: 50px;
        line-height: 50px
    }

    .menu-btn.left-trap #nav-icon span {
        background: #000
    }
}

.right-menu {
    text-align: right;
    display: block;
    float: right
}

.right-menu.admin {
    margin-right: 119px;
    margin-left: 30px
}

.right-menu .menu {
    margin: 0
}

.right-menu .menu .menu-item {
    width: 190px;
    margin: 0 -5px;
    background-color: #39a9db;
    padding: 0 18px
}

.right-menu .menu .menu-item:hover {
    color: #64bce3
}

.right-menu .menu .menu-link {
    color: #fff !important
}

@media (max-width:749px) {
    .right-menu .menu {
        display: none
    }
}

@media (max-width:1199px) {
    .navigation-open .navigation-menu {
        padding: 0 40px
    }

    .navigation-open .menu-item {
        display: block
    }

    .navigation-open .menu-item:hover {
        background-color: transparent
    }

    .navigation-open .menu-item:hover .menu-link {
        color: #b21d2e
    }

    .navigation-open .sub-menu:before {
        content: ">";
        font-size: 20px;
        position: relative;
        border: none;
        top: -48px;
        float: right;
        height: auto;
        transition: transform .25s ease, -webkit-transform .25s ease;
        color: #b21d2e
    }

    .navigation-open .center-menu .menu-item>.menu-link {
        border-bottom: 1px solid #dfdfdf;
        display: block
    }

    .navigation-open .menu-item:not(.menu-open) .sub-menu .menu-item {
        display: none
    }

    .navigation-open .menu-item:not(.menu-open) .sub-menu .menu-item .menu-link {
        border-bottom: none
    }

    .navigation-open .center-menu,
    .navigation-open .right-menu {
        right: 0;
        top: 120px;
        float: none;
        display: block;
        padding: 15px 10px 10px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        min-height: 41px;
        width: 100%;
        margin: 0 auto
    }

    .navigation-open .center-menu .menu-item,
    .navigation-open .right-menu .menu-item {
        padding: 0 10px;
        line-height: 20px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .navigation-open .center-menu .menu-link,
    .navigation-open .right-menu .menu-link {
        color: #767676
    }

    .navigation-open .right-menu.admin .menu {
        display: block;
        padding: 0
    }

    .navigation-open .right-menu.admin .menu .menu-item {
        margin-left: 10px
    }

    .menu-open:hover .menu-link {
        color: #861623
    }

    .menu-open>.menu-link {
        border-bottom-color: #b21d2e;
        color: #b21d2e
    }

    .menu-open .sub-menu:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .menu-open .sub-menu .menu-item {
        display: block;
        width: 100%;
        background-color: #dfdfdf;
        border-left: 3px solid #a8a8a8
    }

    .menu-open .sub-menu .menu-item .menu-link {
        color: #767676;
        border-bottom: none
    }

    .menu-open .sub-menu .menu-item:hover .menu-link {
        color: #b21d2e
    }
}

.header-logo {
    z-index: 1;
    position: absolute;
    overflow: visible;
    top: 60px;
    right: 0px
}

@media (max-width:749px) {
    .header-logo {
        right: 0;
        top: 50px;
        text-align: center;
        z-index: 0;
    }
}

.header-logo img {
    padding-top: 22px
}

.trapezoid-container {
    position: relative;
    top: 0;
    display: inline-block
}

.trapezoid {
    position: relative;
    left: -24px;
    width: 310px;
    height: 110px;
    border-top: 110px solid #fff;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent
}

@media (max-width:749px) {
    .trapezoid {
        width: 176px;
        height: 80px;
        border-top: 84px solid #fff;
        border-left: 60px solid transparent;
        border-right: 60px solid transparent;
        left: calc(50% - 88px)
    }
}

.skew {
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0
}

.skew-back {
    -webkit-transform: skew(20deg);
    transform: skew(20deg)
}

@media (max-width:949px) {
    .navigation-toggle {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 35px;
        height: 35px;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        display: block;
        border: none;
        background-color: transparent;
        outline: none;
        z-index: 1000;
        padding: 0
    }

    .navigation-toggle span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #22252c;
        border-radius: 7px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .35s ease-in-out;
        transition: .35s ease-in-out
    }

    .navigation-toggle span:first-child {
        top: 0;
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .navigation-toggle span:nth-child(2) {
        top: 10px;
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .navigation-toggle span:nth-child(3) {
        top: 20px;
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .navigation-open {
        overflow-y: scroll
    }

    .navigation-open .header-logo {
        z-index: 101
    }

    .navigation-open span:first-child {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        left: 0
    }

    .navigation-open span:nth-child(2) {
        width: 0;
        opacity: 0
    }

    .navigation-open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 24px;
        left: 0
    }

    .navigation-open .navigation {
        position: absolute;
        right: 0;
        min-height: 800px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        background-color: #f8f8f8;
        width: 100%;
        overflow-y: auto;
        top: 60px
    }

    .navigation-open .skew .skew-back {
        -webkit-transform: none !important;
        transform: none !important;
        margin: 0
    }
}

nav.nav-interior-variation .top-menu>.menu-item>.menu-link {
    background-color: #7e0e1b;
    color: #fff;
    border: none
}

@media (max-width:949px) {
    nav.nav-interior-variation .top-menu {
        background-color: #b21d2e
    }
}

nav.nav-interior-variation .top-menu>.menu-item.active>.menu-link {
    color: #fff !important;
    background-color: #b21d2e
}

@media (max-width:949px) {
    nav.nav-interior-variation .top-menu>.menu-item.active>.menu-link {
        color: #fff !important;
        background-color: #7e0e1b
    }
}

nav.nav-interior-variation .sub-menu .menu-item .menu-link {
    background-color: #f8f8f8;
    border: none
}

nav.secondary-nav {
    position: relative;
    z-index: 4
}

nav.secondary-nav .menu {
    list-style: none;
    padding-left: 0;
    font-size: 0;
    overflow: visible
}

nav.secondary-nav .top-menu>.menu-item {
    display: inline-block;
    vertical-align: middle;
    height: 67px;
    position: relative
}

nav.secondary-nav .top-menu>.menu-item>.menu-link {
    display: block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    padding: 0 14px;
    line-height: 67px
}

@media (max-width:949px) {
    nav.secondary-nav .top-menu>.menu-item>.menu-link {
        padding: 0 10px
    }

    nav.secondary-nav .top-menu>.menu-item>.menu-link>.menu-item.active,
    nav.secondary-nav .top-menu>.menu-item>.menu-link>.menu-item:hover {
        background-color: #7e0e1b
    }
}

nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu {
    height: auto;
    background-color: #f8f8f8;
    border: 1px solid #a9a9a9;
    border-top: 0;
    width: 100%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .25s ease, visibility .25s ease;
    transition: opacity .25s ease, visibility .25s ease;
    padding: 0 10px
}

@media (max-width:949px) {
    nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu {
        width: 95%
    }
}

nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu .menu-item {
    display: block
}

nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu .menu-item.active .menu-link,
nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu .menu-item:hover .menu-link {
    color: #b21d2e
}

@media (max-width:949px) {

    nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu .menu-item.active .menu-link,
    nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu .menu-item:hover .menu-link {
        color: #fff
    }
}

nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu .menu-link {
    color: #22252c;
    background-color: #f8f8f8 !important;
    padding: 8px 4px;
    margin: 0 auto;
    line-height: 20px;
    width: 100%;
    min-width: 0;
    cursor: pointer;
    border-radius: 0
}

@media (max-width:949px) {
    nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu .menu-link {
        background-color: #b21d2e !important;
        color: #fff
    }
}

nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu .menu-item:last-child .menu-link:after {
    display: none
}

@media (max-width:949px) {
    nav.secondary-nav.secondary-nav-with-sub-nav .sub-menu .menu-item.active .menu-link {
        color: #fff
    }
}

nav.secondary-nav.secondary-nav-with-sub-nav .top-menu {
    background-color: #7e0e1b
}

nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item.menu-open .sub-menu,
nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item:hover .sub-menu {
    z-index: 100;
    display: block;
    opacity: 1;
    visibility: visible
}

nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item.menu-open .sub-menu:before,
nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item:hover .sub-menu:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 7px 6.5px 0;
    border-style: solid;
    border-color: #b21d2e transparent transparent
}

nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item.menu-open .sub-menu .menu-item,
nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item:hover .sub-menu .menu-item {
    background-color: #f8f8f8
}

@media (min-width:949px) {

    nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item.menu-open .sub-menu .menu-item,
    nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item:hover .sub-menu .menu-item {
        border-bottom: 1px solid #efefef
    }
}

nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item.menu-open .sub-menu .menu-item:hover .menu-link,
nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item:hover .sub-menu .menu-item:hover .menu-link {
    color: #b21d2e
}

@media (max-width:949px) {

    nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item.menu-open .sub-menu .menu-item:hover .menu-link,
    nav.secondary-nav.secondary-nav-with-sub-nav .top-menu>.menu-item:hover .sub-menu .menu-item:hover .menu-link {
        color: #fff
    }
}

nav.nav-cns-variation .top-menu>.menu-item {
    margin-left: 0
}

nav.nav-cns-variation .top-menu>.menu-item>.menu-link {
    border-radius: 0
}

nav.nav-cns-variation .top-menu .menu-link {
    border: none;
    background-color: #fff;
    color: #777 !important
}

nav.nav-cns-variation .top-menu .menu-item.active .menu-link,
nav.nav-cns-variation .top-menu .menu-item:hover .menu-link {
    color: #fff !important;
    border: none
}

.login-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #404653
}

.login-row p {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px
}

.login-row .logins-prompt {
    display: inline-block;
    padding: 0 36px;
    margin: 4px 14px;
    border-right: 1px solid #2d313a
}

.login-row .logins-prompt p {
    display: inline-block;
    color: #fff;
    margin-right: 8px;
    font-weight: 700
}

.login-row svg {
    width: 14px;
    height: 10px;
    display: inline-block
}

.login-row svg path {
    fill: #fff
}

.login-row .login-item {
    display: block;
    padding: 0 20px;
    text-align: center;
    color: #39a9db
}

.login-row .login-btn {
    display: inline-block;
    padding: 10px 34px;
    margin: 10px 6px;
    border-color: #39a9db;
    background: #39a9db;
    color: #fff;
    font-weight: 700
}

@media (max-width:849px) {
    .login-row {
        display: block;
        text-align: center;
        padding: 10px 0 20px
    }

    .login-row .logins-prompt {
        border-right: none;
        border-bottom: 1px solid #2d313a
    }
}

.menu-dropdown {
    position: absolute;
    top: -370px;
    left: 0;
    width: 100%;
    opacity: 0;
    padding: 90px 0 0;
    background-image: -webkit-linear-gradient(312deg, #17191d, #22252c);
    background-image: linear-gradient(138deg, #17191d, #22252c);
    -webkit-transition: top .5s ease-in-out, opacity .5s ease-in-out;
    transition: top .5s ease-in-out, opacity .5s ease-in-out;
    z-index: 11;
    display:none;
}

@media (max-width:1199px) {
    .menu-dropdown .menu-container {
        max-height: 45px;
        overflow: hidden;
        -webkit-transition: max-height .25s ease;
        transition: max-height .25s ease;
        position: relative
    }

    .menu-dropdown .menu-container:before {
        content: "";
        border-right: 10px solid #269dd2;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        position: absolute;
        top: 18px;
        right: 0;
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease, -webkit-transform .2s ease
    }

    .menu-dropdown .menu-container.menu-open {
        max-height: 500px
    }

    .menu-dropdown .menu-container.menu-open:before {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.menu-dropdown.active-dropdown {
    top: 60px;
    opacity: 1;
    display: block;
}

@media (max-width:1199px) {
    .menu-dropdown.active-dropdown {
        top: 50px;
        padding: 54px 0 0
    }
}

.menu-dropdown.active-dropdown .btn-content {
    display: inline-block;
    vertical-align: middle
}

.menu-dropdown.active-dropdown .btn-content img {
    height: auto;
    font-size: 13px;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 700
}

.menu-dropdown.active-dropdown .btn-content p {
    display: inline-block;
    color: #fff;
    margin: 10px 0;
    font-weight: 700;
    font-size: 14px
}

.mega-menu-container {
    font-family: Noto Sans, sans-serif;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.mega-menu-container:after {
    content: "";
    display: table;
    clear: both
}

.mega-menu-container .menu-container {
    display: block;
    color: #fff;
    margin-right: 70px;
    vertical-align: top;
    float: left
}

.mega-menu-container .menu-container:last-of-type {
    margin-right: 0
}

.mega-menu-container .menu-title {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin: 16px 0;
    text-transform: uppercase
}

.mega-menu-container .menu-title a {
    color: #fff
}

.mega-menu-container .menu-title a:hover {
    color: #7e0e1b
}

.mega-menu-container .menu-list {
    margin: 0;
    padding: 0;
    padding-left: 13px;
    list-style: none;
    font-size: 14px;
    line-height: 26px
}

.mega-menu-container .menu-list li {
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.mega-menu-container .menu-list li:before {
    content: "»";
    position: absolute;
    -webkit-transform: translateX(-18px);
    transform: translateX(-18px);
    font-size: 17px;
    color: #39a9db;
    line-height: 21px;
    opacity: 0;
    width: 17px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.mega-menu-container .menu-list li:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.mega-menu-container .menu-list li:hover:before {
    opacity: 1;
    -webkit-transform: translateX(-13px);
    transform: translateX(-13px)
}

.mega-menu-container .menu-list li a {
    color: #fff;
    font-size: .725rem
}

@media (max-width:1199px) {
    .mega-menu-container {
        padding: 60px 30px 0;
        width: 600px;
        max-width: 100%;
        display: block
    }

    .mega-menu-container .menu-container {
        width: 100%;
        margin-right: 0
    }

    .mega-menu-container .menu-title {
        cursor: pointer
    }

    .mega-menu-container .menu-list {
        background: #343943;
        padding: 16px 20px;
        margin: 0;
        border-left: 2px solid #39a9db
    }

    .menu-dropdown .admin-login {
        width: 100%
    }
}

@media (max-width:749px) {
    .mega-menu-container {
        padding: 30px 20px 0
    }
}

@media (max-width:949px) {
    .sandwitch-menu--notebook-small .menu-wrapper img {
        max-width: 75px;
        display: block;
        margin: 0 auto
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav {
        -webkit-transition: width .25s ease;
        transition: width .25s ease
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav .top-menu>.menu-item.active:after {
        content: "×";
        position: absolute;
        height: 0;
        width: 0;
        top: -25px;
        right: 53px;
        font-size: 46px;
        color: #fff;
        border-width: 0;
        pointer-events: none
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav ul {
        list-style: none;
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        overflow: hidden;
        max-height: 500px;
        background-color: #b21d2e;
        -webkit-transition: max-height .25s ease;
        transition: max-height .25s ease
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav ul .menu-item {
        text-align: center;
        background-color: transparent;
        width: 100%;
        overflow: hidden;
        display: none;
        position: relative
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav ul .menu-item .menu-link {
        padding: 15px 29px;
        line-height: 14px;
        position: relative;
        text-align: left
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav ul .menu-item .sub-menu {
        border: none;
        position: static !important;
        max-height: 0;
        -webkit-transition: max-height .25s ease, padding .25s ease;
        transition: max-height .25s ease, padding .25s ease;
        background-color: #7e0e1b
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav ul .menu-item .sub-menu .menu-link {
        padding-left: 20px
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav ul .menu-item.active {
        display: list-item;
        height: auto
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav ul .menu-item.active .sub-menu {
        max-height: 500px;
        opacity: 1;
        visibility: visible;
        background-color: #7e0e1b;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .sandwitch-menu--notebook-small .menu-wrapper nav ul .menu-item.active .sub-menu .menu-item.active a {
        background-color: #b21d2e
    }

    .sandwitch-menu--notebook-small.nav-open nav {
        width: 100%;
        max-height: 100%
    }

    .sandwitch-menu--notebook-small.nav-open nav ul {
        max-height: 1000px
    }

    .sandwitch-menu--notebook-small.nav-open nav ul .menu-item {
        display: list-item;
        height: auto
    }

    .sandwitch-menu--notebook-small.nav-open nav ul .menu-item.active .sub-menu {
        max-height: 0
    }
}

.sub-menu-item {
    background-color: #efefef
}

.green-bar {
    width: 95px;
    height: 6px;
    border-radius: 3px
}

.slick-slider {
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.home-slider .slick-next {
    right: 40px
}

.home-slider .slick-prev {
    left: 40px
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    margin: auto
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block;
    cursor: pointer
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.home-slider,
.home-slider .slick-list {
    width: 100%;
    max-height: 99999px
}

.home-slider .arrow-bordered {
    border-color: #fff
}

@media (max-width:949px) {
    body.admin-bar:not(.no-scroll) .home-slider.slick-initialized {
        margin-bottom: -180px;
        top: -180px
    }
}

.slick-slider-container {
    position: relative
}

.slick-slider-container>* {
    display: none
}

.slick-slider-container.slick-initialized>*,
.slick-slider-container>:first-child {
    display: block
}

.slick-next,
.slick-prev {
    position: absolute;
    height: 20px;
    top: 50%;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0;
    background-color: transparent;
    outline: none;
    cursor: pointer
}

.arrow-bordered {
    width: 45px;
    height: 45px;
    font-size: 2em;
    border-radius: 50%;
    border: 1px dashed #a9a9a9;
    color: #a9a9a9
}

.arrow-bordered i {
    position: relative
}

.arrow-bordered.slick-next {
    padding-right: 5px
}

.arrow-bordered.slick-next i {
    left: 3px
}

.arrow-bordered.slick-prev {
    padding-left: 5px
}

.arrow-bordered.slick-prev i {
    right: 3px
}

.slick-arrow {
    font-size: 24px
}

.unslider {
    overflow: auto;
    margin: 0;
    padding: 0
}

@media (max-width:849px) {
    .unslider {
        display: none
    }
}

.unslider .unslider-wrap {
    position: relative
}

.unslider .unslider-wrap.unslider-carousel>li {
    float: left;
    min-height: 500px;
    list-style: none
}

.unslider .unslider-vertical>ul {
    height: 100%
}

.unslider .unslider-vertical li {
    float: none;
    width: 100%
}

.unslider .unslider-fade {
    position: relative
}

.unslider .unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8
}

.unslider .unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10
}

.unslider .unslider li,
.unslider .unslider ol,
.unslider .unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none
}

.unslider .unslider-arrow {
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer
}

.unslider .unslider-arrow.next {
    left: auto;
    right: 20px
}

.unslider-nav ol {
    list-style: none;
    text-align: center
}

.unslider-nav ol li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 4px;
    background: transparent;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer
}

.unslider-nav ol li.unslider-active {
    cursor: default
}

.slider {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .3)
}

.slider.slider-green+.unslider-nav li,
.slider.slider-green+.unslider-nav li.unslider-active,
.slider.slider-purple+.unslider-nav li,
.slider.slider-purple+.unslider-nav li.unslider-active {
    border: 2px solid
}

.slider .slide .text-section {
    float: right
}

.slider .slide .blue-section {
    padding: 90px 20px 50px
}

.slider .slide .blue-section h2 {
    color: #fff;
    font-family: Fira Sans, sans-serif;
    font-weight: 400
}

.slider .slide .white-section {
    padding: 20px;
    position: relative;
    background-color: #fff
}

.slider .slide .white-section p {
    width: 90%;
    color: #000
}

.slider .slide .white-section .next-button {
    float: right;
    position: absolute;
    top: 40%;
    right: 15px
}

.slider .slide .white-section .next-button.green {
    border: 2px solid
}

.slider .slide .white-section .next-button.green img {
    margin-left: -3px
}

.slider .slide .white-section .next-button.purple {
    border: 2px solid
}

.slider .slide .white-section .next-button.purple img {
    margin-left: 0 !important
}

.slider .slide .white-section .next-button img {
    margin-top: 5px
}

.slider .slide .white-section .next-button:hover {
    cursor: pointer
}

.mobile-slider-content {
    display: none;
    text-align: center
}

@media (max-width:849px) {
    .mobile-slider-content {
        display: block
    }
}

.mobile-slider-content h3 {
    color: #000;
    font-family: Fira Sans, sans-serif
}

ul.danish-tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

ul.danish-tabs li a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s
}

ul.danish-tabs-theme {
    border: 1px solid #ccc
}

ul.danish-tabs-theme li a {
    color: #000;
    padding: 14px 16px;
    font-size: 17px
}

ul.danish-tabs-theme li a:hover {
    background-color: #ddd
}

ul.danish-tabs-theme li a:focus {
    background-color: #ccc
}

.tab-header .secondary-nav {
    text-align: center
}

.tab-body {
    min-height: 200px
}

.tab-content {
    display: none
}

.tab-content.active {
    display: block !important
}

.tab-content {
    -webkit-animation: f .3s;
    animation: f .3s
}

.danish-tabs-red-theme .menu-item.active .menu-link {
    background-color: #861623;
    color: #fff;
    border: 1px solid #b21d2e
}

.danish-tabs-red-theme .menu-link {
    font-weight: 400;
    border: 1px solid #a9a9a9;
    color: #a9a9a9
}

.danish-tabs-red-theme .menu-link:hover {
    background-color: #b21d2e !important;
    color: #fff;
    border: 1px solid #b21d2e
}

.contact-tab .menu-item {
    display: inline-block
}

.contact-tab .blue-bordered-button:before,
.contact-tab .green-bordered-button:before,
.contact-tab .orange-bordered-button:before {
    display: block;
    height: 17px
}

.contact-tab .menu-item.active .orange-bordered-button {
    background-color: #e15c3c;
    color: #fff
}

.contact-tab .menu-item.active .green-bordered-button {
    background-color: #258a7e;
    color: #fff
}

.contact-tab .menu-item.active .blue-bordered-button {
    background-color: #366376;
    color: #fff
}

@-webkit-keyframes f {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tease {
    background-color: #fff;
    box-shadow: $box-shadow;
    padding: 30px 20px;
    margin-bottom: 25px;
    text-align: left;
    min-width: 325px;
    min-height: 215px
}

.error404 .page-content {
    min-height: 100%;
    min-height: calc(100vh - 110px);
    height: calc(100vh - 91px);
    text-align: center
}

.error404 .page-content div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.error404 .page-content div h1 {
    color: #b21d2e
}

.page_admin_login h1 {
    margin-bottom: 0
}

.page_admin_login h2 {
    margin-top: 0
}

.page_admin_login main {
    overflow: hidden
}

.page_admin_login>section {
    text-align: center
}

.page_blog .page-content {
    background-color: #efefef
}

.page_blog .search-section {
    max-width: 776px;
    margin: 0 auto;
    padding-top: 150px
}

.page_blog .search-section .search-input {
    position: relative
}

.page_blog .search-section .search-input .category-buttons {
    text-align: center
}

.page_blog .search-section .search-input .category-buttons .harvard-button {
    background-color: #b5b5b5;
    opacity: .8
}

.page_blog .search-section .search-input .fa-search {
    position: absolute;
    top: 15px;
    bottom: 0;
    left: 20px;
    color: #a9a9a9;
    font-size: 1.4em
}

.page_blog .search-section .search-input input {
    height: 50px;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 2px;
    padding-left: 50px
}

.page_blog .search-section .search-input input[type=submit] {
    display: none
}

.page_blog .search-section .grid-1of5 {
    min-width: 160px;
    padding: 10px
}

.page_blog .search-section .button-container {
    text-align: center
}

.page_blog .blog-posts {
    padding-bottom: 90px;
    text-align: center
}

.page_blog .blog-posts .load-more-posts .harvard-btn {
    background-color: #39a9db;
    opacity: .8
}

.page_blog .blog-post {
    padding: 40px 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.page_blog .blog-post-image {
    text-align: center;
    padding-top: 90px
}

@media (max-width:849px) {
    .page_blog .blog-post-image {
        text-align: left
    }

    .page_blog .blog-post-date+.blog-post-image {
        text-align: right
    }

    .page_blog .blog-post-date+* {
        padding-top: 30px
    }
}

.page_blog .blog-post-teaser {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.page_blog .blog-post-teaser h2 {
    line-height: 40px;
    color: #b21d2e;
    font-weight: 400;
    text-align: left
}

.page_blog .blog-post-teaser p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left
}

.page_blog .blog-post-date {
    text-align: center;
    padding-top: 5%
}

.page_blog .blog-post-date * {
    margin: 0 auto
}

.page_blog .hexagon-container {
    position: relative;
    width: 81px;
    height: 131px;
    background-color: #efefef
}

.page_blog .hexagon-container .icon-bg-hexagon-variaton {
    top: 20px;
    left: 5px;
    margin-top: 20px
}

.page_blog .hexagon-container .day,
.page_blog .hexagon-container .month {
    position: absolute;
    left: 5px;
    right: 0;
    color: #fff;
    margin: 0
}

.page_blog .hexagon-container .day {
    top: 35px;
    font-size: 30px
}

.page_blog .hexagon-container .month {
    top: 65px;
    font-size: 20px;
    text-transform: uppercase
}

.page_blog .dark-grey-button {
    color: #fff
}

.page_blog .centered-buttons>* {
    margin: 0 auto;
    text-align: center
}

@media (min-width:831px) {
    .page_blog .line {
        position: relative
    }

    .page_blog .line:before {
        content: "";
        position: absolute;
        border: 1px solid #a9a9a9;
        height: 100%;
        left: 0;
        right: 0;
        width: 0;
        margin: 0 auto;
        display: block
    }
}

.page_blog .no-more-posts {
    padding-top: 100px;
    padding-bottom: 50px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.page-template-template-research .category,
.page_blog .category {
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    border-radius: 2px;
    margin: 3px
}

.page-template-template-research .category-1,
.page_blog .category-1 {
    background-color: #30b2a3
}

.page-template-template-research .category-2,
.page_blog .category-2 {
    background-color: #e8c878
}

.page-template-template-research .category-3,
.page_blog .category-3 {
    background-color: #e88168
}

.page-template-template-research .category-0,
.page_blog .category-0 {
    background-color: #468199
}

.page-template-template-calendar .hero-title {
    color: #fff
}

.page-template-template-calendar .calendar {
    padding-bottom: 90px;
    min-height: 180px;
    background-color: #efefef;
    margin-top: -1em
}

.page-template-template-calendar .calendar .calendar-container {
    position: relative;
    top: -100px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22)
}

.page-template-template-calendar .calendar .calendar-container .calendar-timeline,
.page-template-template-calendar .calendar .calendar-container .fc {
    vertical-align: top
}

.page-template-template-calendar .popup {
    z-index: 99;
    width: 100%;
    height: 100%
}

.page-template-template-calendar .calendar-popup {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: #fff;
    width: 374px;
    min-height: 192px;
    border: 1px solid #e8c878;
    border-radius: 3px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    padding: 15px;
    z-index: 100;
    margin-top: 37px;
    margin-left: -185px
}

@media (max-width:540px) {
    .page-template-template-calendar .calendar-popup {
        width: 250px;
        margin-left: -127px
    }
}

.page-template-template-calendar .calendar-popup h3 {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 700;
    color: #777
}

.page-template-template-calendar .calendar-popup p {
    font-size: 14px;
    line-height: 20px
}

.page-template-template-calendar .calendar-popup .event-description {
    margin-top: 20px
}

.page-template-template-calendar .calendar-popup .icon-container {
    position: relative
}

.page-template-template-calendar .calendar-popup .icon-container:before {
    content: "";
    display: block;
    position: absolute;
    top: -23px;
    right: 164px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-right: 1px solid #e8c878;
    border-bottom: 1px solid #e8c878;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media (max-width:540px) {
    .page-template-template-calendar .calendar-popup .icon-container:before {
        right: 100px
    }
}

@media (max-width:949px) {
    .page-template-template-calendar .calendar-popup-fixed-bottom--notebook-small {
        position: fixed;
        margin-left: 0;
        width: 100%;
        bottom: 0;
        right: 0;
        left: 0 !important;
        top: auto !important
    }

    .page-template-template-calendar .calendar-popup-fixed-bottom--notebook-small .icon-container:before {
        right: 0;
        left: 0;
        margin: 0 auto
    }
}

.page-template-template-calendar .event-details p {
    color: #777;
    font-weight: 700;
    margin: 8px 0
}

.page-template-template-calendar .event-details p i {
    padding-right: 10px
}

.page-template-template-calendar .icon-event {
    left: -27px
}

.cns-user-template .headline,
.cns-user-template .nav-cns-variation {
    text-align: center
}

.cns-user-template .headline {
    max-width: 100%;
    background: #ebebeb;
    padding: 90px 0 100px
}

.cns-user-template .hero-wrapper {
    max-width: 760px;
    margin: 0 auto
}

.cns-user-template .hero-wrapper .subtext {
    color: #777
}

.page-template-template-contact .map-image,
.page-template-template-location .map-image {
    max-height: 540px
}

.page-template-template-contact .hero-title,
.page-template-template-location .hero-title {
    color: #b21d2e;
    margin-top: -80px
}

.page-template-template-contact .container--small,
.page-template-template-location .container--small {
    max-width: 750px
}

.page-template-template-contact .box,
.page-template-template-location .box {
    border-radius: 3px 3px 0 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    padding: 40px;
    background-color: #fff
}

.page-template-template-contact .page-content,
.page-template-template-location .page-content {
    background-color: #efefef
}

.page-template-template-contact .page-content h2,
.page-template-template-location .page-content h2 {
    text-align: center;
    color: #b21d2e
}

.page-template-template-contact .tab-body,
.page-template-template-location .tab-body {
    margin-top: 54px
}

.page-template-template-contact .about,
.page-template-template-contact .git-form,
.page-template-template-location .about,
.page-template-template-location .git-form {
    padding: 28px 0;
    z-index: 2;
    position: relative
}

.page-template-template-contact .about,
.page-template-template-location .about {
    padding-bottom: 100px
}

.page-template-template-contact .about a,
.page-template-template-contact .about p,
.page-template-template-contact .about pre,
.page-template-template-contact .about span,
.page-template-template-contact .about strong,
.page-template-template-location .about a,
.page-template-template-location .about p,
.page-template-template-location .about pre,
.page-template-template-location .about span,
.page-template-template-location .about strong {
    font-size: 14px;
    line-height: 24px
}

.page-template-template-contact .about pre,
.page-template-template-location .about pre {
    white-space: pre-line
}

.page-template-template-contact .contact-item,
.page-template-template-location .contact-item {
    padding-right: 20px
}

.page-template-template-contact .contact-item h4,
.page-template-template-location .contact-item h4 {
    margin-top: 0;
    margin-bottom: 15px
}

.page-template-template-contact .contact-item p,
.page-template-template-location .contact-item p {
    margin-top: 0
}

.page-template-template-contact .contact-item a,
.page-template-template-location .contact-item a {
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    color: #777
}

.page-template-template-contact .contact-item a:focus,
.page-template-template-contact .contact-item a:hover,
.page-template-template-location .contact-item a:focus,
.page-template-template-location .contact-item a:hover {
    text-decoration: none
}

.page-template-template-contact form input,
.page-template-template-contact form label,
.page-template-template-contact form textarea,
.page-template-template-location form input,
.page-template-template-location form label,
.page-template-template-location form textarea {
    font-family: Noto Sans, sans-serif;
    padding: 5px 20px !important
}

.page-template-template-contact form label,
.page-template-template-location form label {
    display: none !important
}

.page-template-template-contact form input,
.page-template-template-contact form textarea,
.page-template-template-location form input,
.page-template-template-location form textarea {
    background-color: #efefef;
    border-radius: 2px;
    border: none
}

.page-template-template-contact form fieldset,
.page-template-template-location form fieldset {
    border: none
}

.page-template-template-contact form .gform_footer input[type=submit],
.page-template-template-location form .gform_footer input[type=submit] {
    font-size: 14px !important
}

.page-template-template-contact form #field_1_1,
.page-template-template-contact form #field_1_2,
.page-template-template-location form #field_1_1,
.page-template-template-location form #field_1_2 {
    padding-right: 12px
}

.page-template-template-contact form #field_1_3,
.page-template-template-location form #field_1_3 {
    width: 100%;
    margin-top: 0
}

.page-template-template-contact form .ginput_container input,
.page-template-template-contact form .ginput_container textarea,
.page-template-template-location form .ginput_container input,
.page-template-template-location form .ginput_container textarea {
    width: 100% !important
}

.page-template-template-contact form .field,
.page-template-template-location form .field {
    padding: 5.5px 5px
}

.page-template-template-contact form ::-webkit-input-placeholder,
.page-template-template-location form ::-webkit-input-placeholder {
    color: #a9a9a9;
    font-size: 16px;
    font-style: italic;
    line-height: 24px
}

.page-template-template-contact form ::-moz-placeholder,
.page-template-template-location form ::-moz-placeholder {
    color: #a9a9a9;
    font-size: 16px;
    font-style: italic;
    line-height: 24px
}

.page-template-template-contact form :-ms-input-placeholder,
.page-template-template-location form :-ms-input-placeholder {
    color: #a9a9a9;
    font-size: 16px;
    font-style: italic;
    line-height: 24px
}

.page-template-template-contact form ::placeholder,
.page-template-template-location form ::placeholder {
    color: #a9a9a9;
    font-size: 16px;
    font-style: italic;
    line-height: 24px
}

.page-template-template-contact form ::-webkit-input-placeholder:focus,
.page-template-template-location form ::-webkit-input-placeholder:focus {
    display: none
}

.page-template-template-contact form ::-moz-placeholder:focus,
.page-template-template-location form ::-moz-placeholder:focus {
    display: none
}

.page-template-template-contact form :-ms-input-placeholder:focus,
.page-template-template-location form :-ms-input-placeholder:focus {
    display: none
}

.page-template-template-contact form ::placeholder:focus,
.page-template-template-location form ::placeholder:focus {
    display: none
}

.page-template-template-contact hr,
.page-template-template-location hr {
    width: 80%;
    border: 1px solid #ebebeb;
    margin: 54px auto
}

.hero--home .hero-extra p,
.hero--home .hero-subtitle,
.hero--home .hero-title {
    color: #fff;
    width: 640px;
    text-transform: none;
    max-width: 100%;
    margin: 0 auto
}

.hero--home .hero-subtitle {
    margin: 0 auto 20px;
    font-size: 28px;
    line-height: 34px
}

.hero--home .departments {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 auto
}

.hero--home .departments .slick-slide img {
    margin: 0;
    height: 64px
}

.hero--home .departments h3,
.hero--home .departments p {
    color: #fff
}

.hero--home .departments h3 {
    margin: 10px 0
}

.hero--home .departments .card {
    padding-bottom: 0
}

.hero--home .departments .card-content {
    height: 180px
}

.hero--home .see-more-link {
    color: #fff;
    font-weight: 700;
    padding-left: 20px;
    position: relative
}

.hero--home .see-more-link:before {
    content: url(images/see-more-link.png);
    position: absolute;
    left: 0;
    bottom: 0
}

.hero--home .slick-arrow {
    height: 45px !important
}

.hero--home .slick-arrow.slick-prev {
    left: -40px
}

.hero--home .slick-arrow.slick-next {
    right: -40px
}

.hero--home ul li {
    padding: 0
}

.hero--home ul li:after,
.hero--home ul li:before {
    display: none
}

.page-template-template-home .grid>* {
    height: 100%
}

.page-template-template-home section {
    padding: 120px 0;
}

@media (max-width:949px) {
    .page-template-template-home section {
        padding: 40px 0
    }
}

.page-template-template-home .hero {
    padding: 130px 0 0
}

@media (max-width:540px) {
    .page-template-template-home .hero {
        padding: 90px 0 0
    }
}

.page-template-template-home mark {
    background-color: inherit;
    font-weight: 900;
    text-transform: uppercase;
    color: inherit
}

.page-template-template-home .module-featured-article .danish-button {
    text-align: center
}

.page-template-template-home .message-from-director {
    padding: 120px 0 80px
}

.page-template-template-home .message-from-director h1 {
    font-weight: 300
}

.page-template-template-home .message-from-director div,
.page-template-template-home .message-from-director p {
    color: black;
}

.page-template-template-home .message-from-director .director-name {
    font-size: 28px;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

.page-template-template-home .message-from-director .director-name span {
    font-weight: 300;
    color: #fff
}

.page-template-template-home .message-from-director .button-container {
    text-align: center
}

.page-template-template-home .message-from-director .message-hero {
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    position: relative
}

.page-template-template-home .message-from-director .message-hero .background-element {
    width: 100%;
    top: 145px;
    left: -120px
}

.page-template-template-home .message-from-director .message-hero .background-element .bg-fade {
    position: absolute
}

.page-template-template-home .message-from-director .message-hero .background-element svg circle {
    fill: #fff
}

.page-template-template-home .message-from-director .director,
.page-template-template-home .message-from-director .from,
.page-template-template-home .message-from-director .message {
    position: absolute
}

.page-template-template-home .message-from-director .message {
    font-size: 20px;
    left: 190px;
    top: 35px;
    text-align: center
}

.page-template-template-home .message-from-director .from {
    font-size: 30px;
    left: 253px;
    top: 0
}

.page-template-template-home .message-from-director .director {
    font-size: 74px;
    left: 250px;
    top: 50px
}

.page-template-template-home .message-from-director .rotate {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (max-width:949px) {
    .page-template-template-home .message-from-director {
        padding: 60px 0
    }

    .page-template-template-home .message-from-director .message-hero {
        margin-top: 50px;
        left: 22px
    }

    .page-template-template-home .message-from-director .message-hero .background-element {
        width: 400px;
        max-width: 100%
    }

    .page-template-template-home .message-from-director .rotate {
        font-size: 16px;
        left: -52px;
        top: 12px
    }

    .page-template-template-home .message-from-director .from {
        font-size: 22px;
        top: -17px;
        left: -2px
    }

    .page-template-template-home .message-from-director .director {
        font-size: 50px;
        left: -4px;
        top: 20px
    }
}

@media (max-width:540px) {
    .page-template-template-home .message-from-director {
        padding: 40px 0
    }
}

.page-template-template-home .news-cards {
    text-align: initial;
    margin-left: -10px;
    margin-right: -10px
}

.page-template-template-home .latest-news {
    background-color: #efefef
}

.page-template-template-home .login-section {
    -webkit-transition: all 2s ease-in 2s;
    transition: all 2s ease-in 2s
}

.page-template-template-home .bottom-align {
    position: relative;
    bottom: -90px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-height: 100%
}

.page-template-template-home .bottom-align .upcoming-events .danish-container>h1,
.page-template-template-home .bottom-align .upcoming-events .danish-container>p {
    text-align: center
}

.page-template-template-home .upcoming-events {
    padding: 100px 0 120px
}

.page-template-template-home .upcoming-events h2 {
    font-size: 30px;
    line-height: 36px;
    color: #22252c
}

.page-template-template-home .cards .card-container {
    padding: 0 10px
}

.page-template-template-home .mini-timeline {
    border-left: none;
    padding: 24px 18px;
    height: 100%;
    width: 100%;
    background-color: #efefef
}

.page-template-template-home .mini-timeline .harvard-btn {
    width: 100%;
    text-align: center
}

.page-template-template-home .timeline h3 {
    margin-bottom: 12px
}

.page-template-template-home .timeline li {
    padding: 0;
    margin-bottom: 24px;
    border: none
}

.page-template-template-home .timeline li>p {
    margin: 8px 0
}

.page-template-template-home .timeline li i {
    margin-top: 0;
    width: 24px;
    text-align: center
}

@media (max-width:1199px) {
    .page-template-template-home .upcoming-events {
        padding: 80px 0 100px
    }

    .page-template-template-home .mini-timeline .harvard-btn {
        width: 200px
    }

    .page-template-template-home .timeline li {
        width: 50%;
        display: inline-block;
        float: left
    }
}

@media (max-width:949px) {
    .page-template-template-home .calendar-timeline {
        border: none;
        overflow: auto
    }
}

@media (max-width:540px) {
    .page-template-template-home .timeline li {
        width: 100%;
        display: block;
        float: none
    }
}

.page-template-template-page-interior section {
    padding: 10px 0 90px
}

@media (max-width:949px) {
    .page-template-template-page-interior section {
        padding: 40px 0
    }
}

.page-template-template-cns-user section {
    padding: 0 0 90px
}

@media (max-width:949px) {
    .page-template-template-cns-user section {
        padding: 0 0 40px
    }
}

.page-template-template-cns-user section.layout:nth-child(odd),
.page-template-template-page-interior section.layout:nth-child(odd) {
    background-color: #fff
}

.page-template-template-cns-user section.layout:nth-child(2n),
.page-template-template-page-interior section.layout:nth-child(2n) {
    background-color: #efefef
}

.page-template-template-cns-user .bg-overlay,
.page-template-template-page-interior .bg-overlay {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0
}

.page-template-template-cns-user .bg-fade,
.page-template-template-page-interior .bg-fade {
    width: 100%;
    height: 110%;
    position: absolute;
    top: 0;
    left: 0
}

.page-template-template-cns-user div.basic-text,
.page-template-template-page-interior div.basic-text {
    padding: 80px 0 10px
}

.page-template-template-cns-user .background-content .hero,
.page-template-template-page-interior .background-content .hero {
    text-align: left;
    height: 100%;
    min-height: auto;
    position: absolute;
    top: 0;
    padding-top: 180px
}

.page-template-template-cns-user .background-content .hero .hero-title,
.page-template-template-page-interior .background-content .hero .hero-title {
    color: #b21d2e;
    font-weight: 900;
    text-transform: uppercase
}

@media (max-width:540px) {

    .page-template-template-cns-user .background-content .hero .hero-title,
    .page-template-template-page-interior .background-content .hero .hero-title {
        font-size: 33px
    }
}

.page-template-template-cns-user .background-content .hero .hero-subtitle,
.page-template-template-page-interior .background-content .hero .hero-subtitle {
    color: #22252c;
    width: 50%
}

.page-template-template-cns-user .tab-header,
.page-template-template-page-interior .tab-header {
    position: relative;
    z-index: 10
}

.page-template-template-cns-user .slider-layout,
.page-template-template-page-interior .slider-layout {
    padding: 80px 0
}

.page-template-template-cns-user .tools-list-layout,
.page-template-template-page-interior .tools-list-layout {
    margin-top: 40px
}

.page-template-template-cns-user .machines,
.page-template-template-page-interior .machines {
    padding: 60px 0
}

.page-template-template-cns-user .machines [data-canvas-width],
.page-template-template-page-interior .machines [data-canvas-width] {
    text-align: left
}

.page-template-template-cns-user .machines .danish-container,
.page-template-template-page-interior .machines .danish-container {
    position: relative
}

.page-template-template-cns-user .machines h2,
.page-template-template-page-interior .machines h2 {
    font-size: 30px;
    line-height: 36px;
    color: #777
}

.page-template-template-cns-user .machines .arrow-bordered,
.page-template-template-page-interior .machines .arrow-bordered {
    border: none;
    background-color: #39a9db
}

.page-template-template-cns-user .machines .arrow-bordered i,
.page-template-template-page-interior .machines .arrow-bordered i {
    position: relative;
    color: #fff
}

.page-template-template-cns-user .machines .slick-next,
.page-template-template-page-interior .machines .slick-next {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    right: 20px
}

.page-template-template-cns-user .machines .slick-next i,
.page-template-template-page-interior .machines .slick-next i {
    top: 1px;
    left: 2px
}

.page-template-template-cns-user .machines .slick-prev,
.page-template-template-page-interior .machines .slick-prev {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 20px
}

.page-template-template-cns-user .machines .slick-prev i,
.page-template-template-page-interior .machines .slick-prev i {
    top: 1px;
    left: -1px
}

.page-template-template-cns-user .machine-cards-wrapper,
.page-template-template-page-interior .machine-cards-wrapper {
    padding: 0 40px
}

.page-template-template-cns-user .about-cns,
.page-template-template-page-interior .about-cns {
    padding: 0
}

.page-template-template-cns-user .about-cns .grid,
.page-template-template-page-interior .about-cns .grid {
    overflow: hidden
}

.page-template-template-cns-user .about-cns .grid .grid-4of10,
.page-template-template-page-interior .about-cns .grid .grid-4of10 {
    padding: 20px 100px 20px 50px;
    overflow-y: auto
}

.page-template-template-cns-user .layouts.active>:last-child,
.page-template-template-page-interior .layouts.active>:last-child {
    padding-bottom: 90px
}

.page-template-template-page-interior .secondary-nav {
    text-align: center
}

.page-template-template-page-interior .module-gallery {
    position: relative
}

.page-template-template-page-interior .module-gallery .slick-arrow {
    border: none;
    background-color: #39a9db
}

.page-template-template-page-interior .module-gallery .slick-arrow i {
    position: relative;
    color: #fff
}

.page-template-template-page-interior .module-gallery .slick-next {
    right: -32px
}

.page-template-template-page-interior .module-gallery .slick-next i {
    left: 3px
}

.page-template-template-page-interior .module-gallery .slick-prev {
    left: -30px
}

.page-template-template-page-interior .module-gallery .slick-prev i {
    right: 3px
}

.page-template-template-page-interior .module-gallery .slide-image {
    max-width: 247px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-position: 50%
}

.page-template-template-page-interior .machines h2 {
    margin: 40px 0;
    text-align: center
}

@media (max-width:949px) {
    .page-template-template-page-interior .module-gallery .slick-next {
        right: 0
    }

    .page-template-template-page-interior .module-gallery .slick-prev {
        left: 0
    }
}

.one-column-image {
    padding: 90px 0 20px
}

.one-column-image h2 {
    margin: 0 30px
}

.one-column-image p {
    margin-left: 30px
}

.one-column-image p,
.one-column-image p span {
    line-height: 24px
}

.one-column-image img {
    margin-top: 10px
}

.module-steps-layout {
    margin-top: 94px
}

.module-steps-flexible-layout {
    padding-top: 40px
}

.cat-list {
    font-size: 0
}

.cat-list li {
    margin: 0 !important;
    line-height: 1.2;
    width: 100%;
    font-size: .875rem;
    padding: 10px;
    border: 1px solid #22252c;
    display: inline-block;
    -webkit-transition: all .4s;
    transition: all .4s;
    cursor: pointer
}

.cat-list li:after,
.cat-list li:before {
    display: none !important
}

.cat-list li[data-tool=all] {
    color: #22252c;
    background-color: #fff
}

.cat-list li[data-tool=all].active,
.cat-list li[data-tool=all]:hover {
    color: #fff;
    background-color: #22252c
}

.cat-list li[data-tool=electron-microscopy] {
    color: #e8c878;
    border-color: #e8c878
}

.cat-list li[data-tool=electron-microscopy].active,
.cat-list li[data-tool=electron-microscopy]:hover {
    color: #fff;
    background-color: #e8c878
}

.cat-list li[data-tool=nanoscale-analysis] {
    color: #f4aa6e;
    border-color: #f4aa6e
}

.cat-list li[data-tool=nanoscale-analysis].active,
.cat-list li[data-tool=nanoscale-analysis]:hover {
    color: #fff;
    background-color: #f4aa6e
}

.cat-list li[data-tool=nanofabrication] {
    color: #30b2a3;
    border-color: #30b2a3
}

.cat-list li[data-tool=nanofabrication].active,
.cat-list li[data-tool=nanofabrication]:hover {
    color: #fff;
    background-color: #30b2a3
}

.tab-body .search-result {
    font-size: 0;
    width: 100%;
    padding: 10px 20px;
    text-transform: capitalize;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.tab-body .search-result .title {
    color: #22252c;
    font-size: 1rem;
    display: inline-block;
    max-width: 350px
}

.tab-body .search-result .sub-cat-col {
    text-align: right;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto
}

.tab-body .search-result .sub-cat {
    color: #a9a9a9;
    display: inline-block;
    font-weight: 900;
    font-size: .725rem !important
}

.tab-body .search-result .sub-cat:not(:last-child):after {
    content: "|";
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}

.tab-body .tool-result {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    top: 0;
    position: relative;
    -webkit-transition: top .3s;
    transition: top .3s
}

.tab-body .tool-result .tool-result-inner {
    display: -ms-grid;
    display: grid;
    width: 100%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .08);
    -webkit-transition: all .25s;
    transition: all .25s;
    -ms-grid-columns: 100px 1fr;
    grid-template-columns: 100px 1fr
}

.tab-body .tool-result .tool-name {
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr
}

.tab-body .tool-result .tool-id,
.tab-body .tool-result .tool-name {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tab-body .tool-result .tool-id {
    text-align: center;
    padding: 20px 12px;
    color: #fff;
    min-height: 60px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #e8c878
}

.tab-body .tool-result:after,
.tab-body .tool-result:before {
    display: none
}

.tab-body .tool-result:hover {
    top: -5px
}

.tab-body .tool-result:hover .tool-result-inner {
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .08)
}

.tab-body .tool-result.electron-microscopy .tool-id {
    background-color: #e8c878
}

.tab-body .tool-result.nanofabrication .tool-id {
    background-color: #30b2a3
}

.tab-body .tool-result.nanoscale-analysis .tool-id {
    background-color: #f4aa6e
}

.tab-body .tool-result .result-image {
    border-radius: 3px;
    height: 40px;
    width: 40px;
    margin-right: 20px;
    display: inline-block;
    background-size: cover;
    background-position: 50% 50%;
    backgorund-repeat: no-repeat
}

.tab-body .sub-cat-wrapper {
    padding: 25px 20px
}

.tab-body .sub-cat-list {
    margin: 0
}

.tab-body .sub-cat-list .sub-cat-item {
    margin: 5px;
    cursor: pointer;
    line-height: 1;
    font-size: .725rem;
    padding: 4px 10px 5px;
    color: #a9a9a9;
    border: 1px solid #a9a9a9;
    display: inline-block;
    border-radius: 11px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.tab-body .sub-cat-list .sub-cat-item:after,
.tab-body .sub-cat-list .sub-cat-item:before {
    display: none
}

.tab-body .sub-cat-list .sub-cat-item.active,
.tab-body .sub-cat-list .sub-cat-item:hover {
    color: #fff;
    background-color: #a9a9a9
}

.clear-button {
    background-color: #a9a9a9
}

.search-button {
    width: 50px;
    height: 50px;
    float: right;
    padding: 10px;
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
    background-color: #39a9db;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 2px
}

.search-button svg {
    width: 30px;
    height: 30px
}

.search-button svg path {
    fill: #fff
}

#search-fields-ctr {
    padding: 20px;
    background-color: #efefef
}

#search-fields-ctr input {
    line-height: 48px;
    border-radius: 3px;
    border: none
}

#search-fields-ctr label {
    position: relative
}

#search-fields-ctr .clear-button {
    top: 50%;
    right: 78px;
    position: absolute;
    line-height: 18px;
    border-radius: 9px;
    font-size: .5rem;
    padding: 0 11px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: background-color .4s;
    transition: background-color .4s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#search-fields-ctr .clear-button:hover {
    background-color: #b21d2e
}

#find-tool {
    width: calc(100% - 65px)
}

.location-template .hero-title,
.location-template nav {
    text-align: center
}

.mise-container .headers {
    font-size: 3.75em;
    text-align: center
}

.single-post .hero,
.single-research_post .hero {
    padding-bottom: 0
}

.single-post .hero-content,
.single-research_post .hero-content {
    vertical-align: top;
    text-align: left;
    padding-left: 24px
}

.single-post .hero-title,
.single-research_post .hero-title {
    margin-top: 0;
    color: #b21d2e;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 34px
}

.single-post .hero-subtitle,
.single-research_post .hero-subtitle {
    color: #777;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 34px
}

.single-post .hero-subtitle:after,
.single-research_post .hero-subtitle:after {
    content: "";
    width: 100%;
    margin: 20px auto;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #a9a9a9;
    display: block;
    text-align: center
}

.single-post .post-date,
.single-research_post .post-date {
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0
}

.single-post .post-author,
.single-research_post .post-author {
    margin-top: 0;
    color: #a9a9a9;
    font-size: 14px;
    font-style: italic;
    line-height: 30px
}

.single-post .container--middle,
.single-research_post .container--middle {
    max-width: 900px
}

.single-post .page-content,
.single-research_post .page-content {
    background-color: #efefef
}

.single-post .post p,
.single-research_post .post p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.single-post .post p:first-child:first-letter,
.single-research_post .post p:first-child:first-letter {
    color: #b21d2e;
    font-size: 74px;
    font-weight: 900;
    line-height: 24px;
    float: left;
    margin-top: 0;
    padding: 20px 5px 20px 0
}

.single-post .button-group,
.single-research_post .button-group {
    padding-top: 40px
}

.single-post .pagination,
.single-research_post .pagination {
    width: 80%;
    margin: 0 auto;
    padding-top: 50px
}

@media (min-width:583px) {

    .single-post .pagination,
    .single-research_post .pagination {
        min-width: 600px
    }
}

.single-post .pagination h3,
.single-research_post .pagination h3 {
    color: #b21d2e;
    height: 1.4em;
    overflow: hidden;
    margin-top: 0
}

.single-post .pagination .pagination-text-description,
.single-research_post .pagination .pagination-text-description {
    color: #a9a9a9;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0
}

.single-post .pagination .pagination-content,
.single-research_post .pagination .pagination-content {
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.single-post .pagination .pagination-next,
.single-research_post .pagination .pagination-next {
    padding: 0 50px 0 20px
}

.single-post .pagination .pagination-next .pagination-text,
.single-post .pagination .pagination-next .pagination-text-description,
.single-post .pagination .pagination-next h3,
.single-research_post .pagination .pagination-next .pagination-text,
.single-research_post .pagination .pagination-next .pagination-text-description,
.single-research_post .pagination .pagination-next h3 {
    text-align: left
}

.single-post .pagination .pagination-prev,
.single-research_post .pagination .pagination-prev {
    padding: 0 20px 0 50px
}

.single-post .pagination .pagination-prev .pagination-text,
.single-post .pagination .pagination-prev .pagination-text-description,
.single-post .pagination .pagination-prev h3,
.single-research_post .pagination .pagination-prev .pagination-text,
.single-research_post .pagination .pagination-prev .pagination-text-description,
.single-research_post .pagination .pagination-prev h3 {
    text-align: right
}

.single-post .pagination .pagination-next,
.single-post .pagination .pagination-prev,
.single-research_post .pagination .pagination-next,
.single-research_post .pagination .pagination-prev {
    vertical-align: top
}

.single-post .pagination .pagination-next:before,
.single-post .pagination .pagination-prev:before,
.single-research_post .pagination .pagination-next:before,
.single-research_post .pagination .pagination-prev:before {
    content: "";
    width: 80%;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #a9a9a9;
    display: block
}

.single-post .pagination .pagination-next p:last-child,
.single-post .pagination .pagination-prev p:last-child,
.single-research_post .pagination .pagination-next p:last-child,
.single-research_post .pagination .pagination-prev p:last-child {
    margin-bottom: 0
}

.single-post .pagination .pagination-next,
.single-research_post .pagination .pagination-next {
    border-left: 1px solid #a9a9a9
}

.single-post .pagination .pagination-next:before,
.single-research_post .pagination .pagination-next:before {
    margin-left: -20px
}

.single-post .pagination .pagination-next .pagination-svg,
.single-research_post .pagination .pagination-next .pagination-svg {
    right: 0
}

.single-post .pagination .pagination-prev:before,
.single-research_post .pagination .pagination-prev:before {
    margin-left: 20%;
    margin-right: -20px;
    float: right
}

.single-post .pagination .pagination-prev .pagination-svg,
.single-research_post .pagination .pagination-prev .pagination-svg {
    left: 0
}

.single-post .pagination .pagination-svg,
.single-research_post .pagination .pagination-svg {
    fill: gray;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0
}

.presentation {
    padding-bottom: 80px
}

.presentation .slide-container {
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .22)
}

.presentation .slide-container .upper {
    padding: 20px 50px;
    height: 130px;
    text-align: center
}

.presentation .slide-container .upper img {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
    height: 120px;
    width: auto
}

.presentation .slide-container .lower {
    padding: 20px;
    min-height: 190px
}

.presentation .slide-container .lower p {
    font-size: 14px
}

.presentation .slide-container .lower .title {
    color: #b21d2e;
    font-weight: 700
}

.presentation .slide-container .lower .author {
    color: #22252c
}

.presentation .slide-container .lower .date {
    color: #b1b1b1;
    font-style: italic
}

@media (max-width:540px) {
    .presentation .slide-container .lower {
        min-height: 0
    }
}

.presentations-page {
    background-color: #efefef
}

.presentations-page .hero--slides {
    text-align: center
}

.publication-page {
    background-color: #efefef
}

.publication-page .hero--slides {
    text-align: center
}

.publication-page .group {
    margin-bottom: 64px
}

.publication-page .group div:first-of-type {
    color: #22252c;
    background-color: #fff;
    padding: 14px 20px;
    font-weight: 900
}

.publication-page .group .group-publication {
    border-bottom: 1px solid #dddbdb;
    margin-bottom: 20px;
    padding-bottom: 28px
}

.publication-page .group .group-publication .author {
    color: #777
}

.publication-page .group .group-publication .university {
    color: #777;
    border: 1px solid #777;
    padding: 2px 6px
}

.publication-title {
    color: #b21d2e;
    font-weight: 700
}

.publication-title span {
    color: #22252c
}

.page-template-template-research .hero .hero-title {
    text-transform: none;
    color: #999;
    font-size: 34px;
    line-height: 40px
}

.page-template-template-research .featured-article {
    z-index: 1
}

.page-template-template-research .hero,
.page-template-template-research .page-content {
    background-color: #efefef
}

.page-template-template-research .hero-subtitle {
    max-width: 600px;
    text-align: center;
    margin: 0 auto
}

.page-template-template-research .news-cards .card-header {
    height: 200px;
    overflow: hidden
}

.page-template-template-research .news-cards .event-name {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.page-template-template-research .news-cards .card {
    padding: 0;
    height: 440px
}

.page-template-template-research .news-cards .card-content {
    overflow: hidden;
    height: 190px;
    padding: 10px 20px
}

.page-template-template-research .news-cards .card-content a {
    right: 20px;
    z-index: 2
}

.page-template-template-research .news-cards .grid-1of2--portable {
    max-width: 295px
}

.page-template-template-research .hexagon-images {
    padding: 40px
}

.page-template-template-research .featured-research-container {
    padding: 20px
}

.page-template-template-research .featured-research-container h2 {
    color: #b21d2e;
    font-weight: 700;
    margin-bottom: 10px
}

.research-page section {
    text-align: center
}

.research-page section .featured-article-container {
    background: #fff
}

.research-page section .featured-article-container .featured-research-container {
    text-align: left;
    vertical-align: top
}

.research-page section .featured-article-container .featured-research-container .truncated-content {
    text-align: left
}

.research-page .featured-article-container {
    max-width: 860px;
    margin: 40px auto
}

.research-page .featured-article-container>div:first-of-type {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: $harvard-darker-grey;
    opacity: 1
}

.tabs-section .tab-header {
    text-align: left
}

.tabs-section .tab-header .danish-tabs .menu-item {
    display: inline-block;
    margin-right: 4px
}

@media (max-width:540px) {
    .tabs-section .tab-header .danish-tabs .menu-item {
        margin-bottom: 6px;
        width: 100%
    }

    .tabs-section .tab-header .danish-tabs .menu-item a {
        width: 100%
    }
}

.single-tool {
    background-color: #ebebeb
}

.single-tool .danish-tabs-red-theme {
    overflow: initial
}

.single-tool .danish-tabs-red-theme .menu-item.active .menu-link {
    background-color: #b21d2e;
    color: #fff;
    border: none
}

.single-tool .danish-tabs-red-theme .menu-link {
    padding: 12px 22px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
    color: #999;
    border: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 900;
    text-transform: uppercase
}

.single-tool .danish-tabs-red-theme .menu-link:hover {
    background-color: #b21d2e;
    color: #fff
}

.single-tool article {
    margin-top: 120px
}

.single-tool article .tool-block-wrapper {
    padding: 14px 0
}

.single-tool article .tab-content {
    margin: 30px auto
}

.single-tool article .tab-body {
    min-height: 260px
}

.single-tool article .tab-body .tool-block-wrapper {
    width: 50%;
    float: left
}

.single-tool article .tool-block h3,
.single-tool article .tool-block p {
    text-align: left
}

.single-tool article .tool-block h3 {
    color: #999;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
    text-transform: uppercase
}

.single-tool article .tool-block p {
    margin: 0;
    font-size: 18px;
    line-height: 18px;
    color: #000
}

.single-tool article .big-tool-img {
    height: 360px;
    margin-bottom: 40px
}

.single-tool article .big-tool-img,
.single-tool article .contact-small-img {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%
}

.single-tool article .contact-small-img {
    height: 100%
}

.single-tool article .danish-container>div {
    max-width: 920px;
    margin: 0 auto
}

.single-tool article .danish-container>div #contact_info .grid>.grid-1of2 {
    max-width: 400px;
    margin: 0 auto
}

.single-tool .tool-details-container {
    width: 90%;
    margin: 0 auto
}

.single-tool .tool-details-container h1,
.single-tool .tool-details-container h2 {
    text-align: left;
    margin: 10px auto
}

.single-tool .tool-details-container h1 {
    font-size: 24px;
    line-height: 32px
}

.single-tool .tool-details-container .tool-id {
    margin-top: 0;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    font-weight: 900
}

.single-tool .tool-details-container .tool-department {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #000
}

.single-tool #contact_info {
    margin: 40px -10px;
    float: left;
    width: 100%
}

.single-tool #contact_info .contact {
    height: 180px;
    padding: 0 10px
}

.single-tool #contact_info .contact .contact-inner {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22)
}

.single-tool #contact_info .contact img {
    max-height: 100%
}

.single-tool #contact_info .contact .tool-contact {
    padding: 14px 20px
}

.single-tool #contact_info .contact .tool-contact p {
    text-align: left;
    margin: 8px auto
}

.single-tool #contact_info .contact .tool-contact p:first-of-type {
    font-weight: 700;
    margin-top: 0
}

.single-tool #contact_info .contact .tool-contact .primary-contact-badge {
    display: inline-block;
    color: #f4aa6e;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 15px;
    padding: 1px 10px 0;
    letter-spacing: 1px;
    border: 1px solid #f4aa6e
}

.single-tool #contact_info .contact .tool-contact .primary-contact-badge i {
    color: inherit
}

@media (max-width:849px) {
    .single-tool .tool-block-wrapper {
        display: inline-block;
        margin-right: 24px
    }

    .single-tool .tool-details-container {
        width: 100%;
        float: left;
        margin-bottom: 30px
    }

    .single-tool #contact_info {
        margin: 10px 0
    }

    .single-tool #contact_info .contact {
        width: 100%;
        margin: 10px 0;
        padding: 0
    }

    .single-tool #contact_info .contact-inner {
        margin: 0 auto;
        border: none
    }
}

@media (max-width:749px) {
    .single-tool article {
        margin-top: 90px
    }
}

@media (max-width:540px) {
    .single-tool article .tab-content {
        padding: 0 0 60px
    }

    .single-tool article .big-tool-img {
        height: 280px
    }

    .single-tool .next-post-container,
    .single-tool .prev-post-container {
        display: none
    }
}

@media (max-width:420px) {
    .single-tool #contact_info .contact {
        height: auto
    }

    .single-tool #contact_info .contact-small-img {
        height: 260px
    }

    .single-tool .big-tool-img {
        height: 220px
    }
}

.staff-cat-list-wrapper {
    max-width: 1100px;
    margin: 40px auto 80px
}

.staff-cat-list-wrapper .cat-list {
    margin: 14px 33px
}

.staff-cat-list-wrapper .cat-list li {
    margin: 0 7px !important;
    width: calc(20% - 14px);
    border-radius: 3px;
    text-transform: uppercase
}

.staff-cat-list-wrapper .cat-list li:first-child {
    margin-left: 0 !important;
    width: calc(20% - 7px)
}

.staff-cat-list-wrapper .cat-list li:last-child {
    margin-right: 0 !important;
    width: calc(20% - 7px)
}

@media screen and (max-width:1200px) {
    .staff-cat-list-wrapper .cat-list li {
        font-size: 12px
    }
}

@media screen and (max-width:1100px) {

    .staff-cat-list-wrapper .cat-list li,
    .staff-cat-list-wrapper .cat-list li:first-child,
    .staff-cat-list-wrapper .cat-list li:last-child {
        width: calc(50% - 14px);
        margin: 0 7px 10px !important
    }
}

@media (max-width:540px) {
    .staff-cat-list-wrapper .cat-list li {
        display: block;
        width: 100%;
        margin: 0 0 10px !important
    }

    .staff-cat-list-wrapper .cat-list li:first-child,
    .staff-cat-list-wrapper .cat-list li:last-child {
        width: 100%;
        margin: 0 0 10px !important
    }
}

.staff-cat-list-wrapper .cat-list li[data-tool=admin] {
    color: #468199;
    border-color: #468199
}

.staff-cat-list-wrapper .cat-list li[data-tool=admin].active,
.staff-cat-list-wrapper .cat-list li[data-tool=admin]:hover {
    color: #fff;
    background-color: #468199
}

.staff-cat-list-wrapper .cat-list li[data-tool=all] {
    color: #000;
    background-color: transparent
}

.staff-cat-list-wrapper .cat-list li[data-tool=all].active,
.staff-cat-list-wrapper .cat-list li[data-tool=all]:hover {
    color: #fff;
    background-color: #000
}

.module-staff {
    text-align: left
}

.module-staff .u-show {
    display: inline-block !important
}

.module-staff .staff {
    padding: 90px 0;
    background-color: #efefef
}

.module-staff .hero-title {
    color: #b21d2e
}

.module-staff .staff a,
.module-staff .staff p {
    text-align: left;
    color: #777;
    margin: 0;
    font-size: 14px
}

.module-staff .staff a {
    word-break: break-all
}

.module-staff .staff .full-bio {
    font-size: 12px;
    font-weight: 800;
    color: #22252c;
    margin-top: 20px;
    display: inline-block
}

.module-staff .staff .full-bio .fa {
    color: #22252c
}

.module-staff .staff .staff-name {
    font-size: 18px;
    font-weight: 800;
    color: #b21d2e;
    line-height: 24px;
    margin: 0
}

.module-staff .staff .staff-title {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: 24px
}

.module-staff .staff .contact-email,
.module-staff .staff .contact-phone,
.module-staff .staff .long-description {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px
}

.module-staff .staff .faculty-number {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.module-staff .staff .contact-email,
.module-staff .staff .contact-phone {
    line-height: 16px
}

.module-staff .fa {
    padding-right: 5px
}

.module-staff .image-staff-container {
    overflow: hidden;
    padding: 0 10px 20px;
    position: relative;
    height: 100%;
    top: 0;
    -webkit-transition: top .2s;
    transition: top .2s
}

@media (max-width:749px) {
    .module-staff .image-staff-container {
        padding: 0 0 20px
    }
}

.module-staff .image-staff-container:hover .image-staff-container-inner {
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .11)
}

.module-staff .image-staff-container-inner {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .11);
    -webkit-transition: all .2s;
    transition: all .2s
}

.module-staff .image-staff-bg {
    float: left;
    text-align: center;
    height: 150px;
    width: 146px;
    display: inline-block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media (max-width:749px) {
    .module-staff .image-staff-bg {
        width: 85px;
        height: 140px
    }
}

.module-staff .image-staff-bg img {
    vertical-align: bottom
}

.module-staff .image-staff-overlay {
    height: 150px;
    width: calc(100% - 146px);
    margin-left: auto;
    padding: 14px 20px;
    background-color: #fff;
    border-bottom: 4px solid #000;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (max-width:749px) {
    .module-staff .image-staff-overlay {
        height: 140px;
        padding: 5px 10px;
        width: calc(100% - 85px)
    }

    .module-staff .image-staff-overlay .staff-name {
        font-size: 16px
    }

    .module-staff .image-staff-overlay .full-bio {
        margin-top: 5px
    }

    .module-staff .image-staff-overlay .faculty-number {
        line-height: 18px
    }

    .module-staff .image-staff-overlay a,
    .module-staff .image-staff-overlay p {
        font-size: 12px
    }
}

.module-staff .image-staff-overlay.nanofabrication {
    border-color: #30b2a3
}

.module-staff .image-staff-overlay.electron-microscopy {
    border-color: #e8c878
}

.module-staff .image-staff-overlay.nanoscale-analysis {
    border-color: #f4aa6e
}

.module-staff .image-staff-overlay.admin {
    border-color: #468199
}

.module-staff .image-staff-overlay:hover {
    top: 0
}

@media (max-width:540px) {
    .module-staff .image-staff-overlay {
        position: relative;
        background-color: #fff
    }

    .module-staff .image-staff-overlay p {
        color: #000 !important
    }
}

.module-staff .modal .modal-content {
    top: 50%;
    margin: 40px auto;
    max-height: 100%;
    max-width: 695px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:849px) {
    .module-staff .modal .modal-content {
        width: 90%
    }
}

@media (max-width:749px) {
    .module-staff .modal .modal-content {
        top: 0;
        max-height: none;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.module-staff .modal .modal-staff-bg {
    width: 47%;
    height: 415px;
    float: left;
    background-size: cover;
    background-position: 50% 50%
}

@media (max-width:849px) {
    .module-staff .modal .modal-staff-bg {
        height: 300px
    }
}

@media (max-width:749px) {
    .module-staff .modal .modal-staff-bg {
        width: 100%;
        float: none
    }
}

.module-staff .modal .image-staff-overlay {
    height: 415px;
    width: 53%;
    padding: 0
}

@media (max-width:849px) {
    .module-staff .modal .image-staff-overlay {
        height: 300px
    }
}

@media (max-width:749px) {
    .module-staff .modal .image-staff-overlay {
        width: 100%;
        height: auto
    }
}

.module-staff .modal .contact-content {
    padding: 14px 20px;
    background-color: #efefef
}

.module-staff .modal .staff-desc-wrapper {
    overflow-y: auto !important;
    max-height: 320px;
    padding: 14px 20px
}

@media (max-width:749px) {
    .module-staff .modal .staff-desc-wrapper {
        padding: 24px 20px
    }
}

.module-staff .modal .staff-desc-wrapper p {
    font-size: 14px
}

.staff-page {
    padding: 60px 0 90px;
    background: #ebebeb
}

.staff-page .staff .danish-container {
    max-width: 1500px
}

.staff-page .staff .hero-title {
    text-align: center;
    font-size: 40px;
    line-height: 50px
}

.tools-list-layout .danish-container>div {
    max-width: 860px;
    margin: 0 auto
}

.tools-list-layout .danish-container>div .accordion-label {
    color: #b21d2e
}

.tools-list-layout .danish-container>div .accordion-content {
    background-color: #000
}

.tools-list-layout .no-results {
    display: none;
    color: #fff
}

.tools-list-layout .desc-left {
    color: red
}

/* classes to optimize design on mobile devices */
.height-of-logo {
    height: 120px;
    padding: 0px;
}

@media (max-width: 749px) {
    .header-logo img {
        padding-top: 0px;
    }
}

@media (max-width: 749px) {
    .height-of-logo {
        width: 95px;
        height: 60px;
        object-fit: cover;
        object-position: 25%;
    }
}

.nav-harvard-logo {
    float: left;
    margin-left: 2em;
    margin-top: 18px;
}

/* the space the button takes up in the nav menu */
.nav-become-cns-user {
    float: left;
    margin-left: 2em;
    margin-top: 20px;
}

/* the button itself */
.nav-btn-become-cns-user {
    background-color: rgba(178,29,46,.9);
    padding: 20px;
    color: white;
    font-weight: bold;
}

@media (max-width: 749px) {
    .menu {
        line-height: 0px;
    }
    .nav-harvard-logo {
        margin-top: 12px;
    }
    .nav-become-cns-user {
        margin-top: 26px;
    }
    .nav-btn-become-cns-user {
        padding: 15px;
    }
}

.gsc-input-box {
    border-radius: 10px;
}

.gsc-search-button {
    display: none;
}

.search-bar {
    float: right;
    width: 350px;
    margin-right: 90px;
    margin-top: -15px;
    margin-left: -55px;
    display: inline-block;
}

.search-icon-container {
    position: absolute;
    display: none;
    right: 110px;
    width: 28px;
}

.search-icon {
    line-height: 40px;
    margin-top: 8px;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    font-size: 14px;
    display: none;
}

@media (max-width: 749px) {
    .search-bar {
        margin-right: 45px;
        margin-top: 26px;
        display: none;
    }
    .search-icon-container {
        display: inline-block;
    }
    .search-icon {
        line-height: 40px;
        margin-top: 8px;
        display: inline-block;
    }
}

@media (min-width: 750px) {
    .search-bar {
        display: inline-block !important;
    }
}

.gstl_50.gssb_c {
    transform: translate(50px);
    width: 225px !important;
    top: 51px !important;
}

@media (max-width: 749px) {
    .gstl_50.gssb_c {
        top: 92px !important;
    }
}

/* space that become-cns-user takes up in menu dropdown */
.menu-become-cns-user {
    display: none;
}

/* the button itself */
.menu-btn-become-cns-user {
    background-color: rgba(178,29,46,.9);
    padding: 20px;
    color: white;
    font-weight: bold;
    display: none;
}

/* button only shows up on smallest screen size in nav bar */
@media (max-width: 540px) {
    .menu-become-cns-user {
        display: block;
    }
    .menu-btn-become-cns-user {
        display: inline-block;
    }
    .nav-become-cns-user {
        display: none;
    }
    .nav-btn-become-cns-user {
        display: none;
    }
}

form.gsc-search-box {
    transform: scale(0.7);
}

.gsc-control-cse {
    border-color: transparent !important;
    background-color: transparent !important;
}

.publication-title {
    color: #b21d2e;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.publication-authors {
    margin-bottom: 0.3em;
}
.publication-citation {
    font-style: italic;
}
.ajk-front-page-widget {
    max-height: 1000px;
}

.video-button {
    top: 0;
}
.video-container {
    border-left: 5px solid rgba(178,29,46,.9);
    background-repeat: no-repeat;
    background-origin: content-box;
    padding: 60px 0 60px 20px;
    height: 310px;
    background-image: url('/wp-content/uploads/2022/02/videoThumb-small.png');
}
@media (max-width:420px) {
    .video-container {
        background-repeat: no-repeat;
        background-origin: content-box;
        padding: 60px 0 60px 20px;
        height: 310px;
        background-image: url('/wp-content/uploads/2022/02/videoThumb-small.png');
    }
}
.director-container {
    margin-top: 20%;
    margin-left: 2em;
    width: 100px;
    text-align: center;
}
.director-name {
    font-weight: bold;
}

/*# sourceMappingURL=style.css.map */