rug-website/rugwebsite/static/css/rug-2017.css

/*!
 * RUG-Frontend-package
 * University of Groningen
 * 
 * @author Kiki Smallenbroek (a.j.smallenbroek@rug.nl) <http://www.rug.nl>,Robbert Uittenbroek (r.m.uittenbroek@rug.nl) <http://www.rug.nl>,Dennis van der Laan (d.g.van.der.laan@rug.nl) <http://www.rug.nl>,Ilse van Gemert (i.van.gemert@rug.nl) <http://www.rug.nl>,Eric Wout van der Steen (e.w.van.der.steen@rug.nl) <http://www.rug.nl/staff/e.w.van.der.steen/>,Ron van de Graaf (ron@concept7.nl) <http://www.concept7.nl>
 * @version 1.0.0
 * Copyright 2017.  licensed.
 */
@charset "UTF-8";
button, hr, input {
    overflow: visible
}

progress, sub, sup {
    vertical-align: baseline
}

button, iframe, input, optgroup, select, textarea {
    margin: 0
}

figure, legend {
    max-width: 100%
}

a:focus, a:hover, abbr[title], p a {
    text-decoration: underline
}

figcaption, html {
    background-color: #f6f6f6
}

.rug-button, a, label {
    cursor: pointer
}

sub, sup, ul {
    position: relative
}

.class-is-not-defined {
    border: 3px solid orange !important;
    visibility: visible !important;
    display: block !important;
    height: auto !important;
    width: auto !important;
    clip: auto !important
}

table.class-is-not-defined {
    display: table !important
}

audio, canvas, progress, video {
    display: inline-block
}

html {
    box-sizing: border-box
}

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

@font-face {
    font-family: 'Open Sans';
    src: local("Open Sans"), url(../fonts/open-sans-regular.woff2) format("woff2"), url(../fonts/open-sans-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans Semi-Bold';
    src: local("Open Sans Semibold"), url(../fonts/open-sans-semibold.woff2) format("woff2"), url(../fonts/open-sans-semibold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans Bold';
    src: local("Open Sans Bold"), url(../fonts/open-sans-bold.woff2) format("woff2"), url(../fonts/open-sans-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans Italic';
    src: local("Open Sans Italic"), url(../fonts/open-sans-italic.woff2) format("woff2"), url(../fonts/open-sans-italic.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
    display: block
}

hr {
    box-sizing: content-box;
    background: #d7d7d7;
    border: 0;
    height: 1px
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #029fed;
    text-decoration: none
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

dfn {
    font-style: italic
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

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

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

fieldset, iframe, table, td, th {
    border: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: ButtonText dotted 1px
}

textarea {
    overflow: auto;
    min-height: 8rem;
    height: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

body {
    margin: 0;
    padding: 0
}


blockquote {
    font-family: "Open Sans Italic", sans-serif;
    font-size: 1.125rem;
    padding: 1.5rem 1.5rem 1px
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    white-space: normal;
    float: left;
    font-weight: 700;
    margin-bottom: .75rem;
    width: 100%
}

embed, img, object {
    font-family: "Open Sans Italic", sans-serif;
    max-width: 100%;
    vertical-align: middle
}

embed[height], embed[width], img[height], img[width], object[height], object[width] {
    max-width: none
}

figcaption {
    font-size: .75rem;
    padding: .5rem
}

.rug-button, .rug-button:active, .rug-button:focus, .rug-button:hover, .rug-card--content:focus, .rug-card--content:hover, .rug-card--visual:focus, .rug-card--visual:hover {
    text-decoration: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #404040;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.25em;
    min-height: 100%;
    overflow-y: scroll
}

@media (min-width: 320px) {
    html {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 18px
    }
}


mark {
    background-color: #fff6e6;
    color: #cc8200
}

b, strong {
    font-family: "Open Sans Semi-Bold", sans-serif;
    font-weight: 400
}

em, i {
    font-family: "Open Sans Italic", sans-serif;
    font-style: normal
}

.rug-button {
    border: 0;
    display: inline-block;
    font-style: normal;
    margin-bottom: .25rem;
    text-align: left;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.rug-button--disabled {
    opacity: .4;
    pointer-events: none
}

.rug-button--large, .rug-button--medium, .rug-button--small, .ui-dialog .ui-dialog-buttonpane button {
    line-height: 1.125rem
}

.rug-button--small {
    font-size: .875rem;
    padding: .25rem .5rem
}

.rug-button--medium, .ui-dialog .ui-dialog-buttonpane button {
    padding: .6rem .75rem;
    font-size: .875rem
}

.rug-button--large {
    padding: 1rem 1.5rem
}

.rug-button--round {
    border-radius: 2rem;
    padding: .75rem
}

.rug-button--full {
    display: block;
    width: 100%
}

@font-face {
    font-family: icons;
    src: url(../fonts/icomoon.eot) format("eot"), url(../fonts/icomoon.svg) format("svg"), url(../fonts/icomoon.ttf) format("ttf"), url(../fonts/icomoon.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

#searchForm .rug-targeted-content:after, .rug-icon, .rug-list--indented__item__switch, .rug-theme--content .rug-targeted-content:after {
    display: inline-block;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    vertical-align: -2px
}

.rug-icon--s {
    font-size: .75rem
}

.rug-icon--l {
    font-size: 1.25rem
}

.rug-icon--xl {
    font-size: 1.75rem
}

.rug-icon--xxl {
    font-size: 2.25rem
}

@media (min-width: 600px) {
    .rug-icon--xxl {
        font-size: 3rem
    }
}

.rug-icon--align-middle {
    vertical-align: middle
}

.rug-icon--align-top {
    vertical-align: top
}

.rug-icon--align-bottom {
    vertical-align: bottom
}

.rug-icon--align-text-bottom {
    vertical-align: text-bottom
}

.rug-icon--shadow::before {
    text-shadow: 0 1px 1px #404040
}

.rug-icon-group--s {
    width: 1rem;
    text-align: center
}

.rug-icon-group--l {
    width: 1.75rem;
    text-align: center
}

.rug-icon-group--xl {
    width: 2.5rem;
    text-align: center
}

.rug-icon-group--xxl {
    width: 3.5rem;
    text-align: center
}

.rug-icon--angle-left::before {
    content: ""
}

.rug-icon--angle-right::before {
    content: ""
}

.rug-icon--angle-down::before {
    content: ""
}

.rug-icon--caret-down::before {
    content: ""
}

.rug-icon--caret-right::before {
    content: ""
}

.rug-icon--caret-up::before {
    content: ""
}

.rug-icon--caret-left::before {
    content: ""
}

.rug-icon--check::before {
    content: ""
}

.rug-icon--check-square::before {
    content: ""
}

.rug-icon--close::before {
    content: ""
}

.rug-icon--cog::before {
    content: ""
}

.rug-icon--document-diagrams::before {
    content: ""
}

.rug-icon--dot::before {
    content: ""
}

.rug-icon--embed::before {
    content: ""
}

.rug-icon--external-link::before {
    content: ""
}

.rug-icon--facebook::before {
    content: ""
}

.rug-icon--film::before {
    content: ""
}

.rug-icon--flickr::before {
    content: ""
}

.rug-icon--google-plus::before {
    content: ""
}

.rug-icon--home::before {
    content: ""
}

.rug-icon--instagram::before {
    content: ""
}

.rug-icon--label::before {
    content: ""
}

.rug-icon--labels::before {
    content: ""
}

.rug-icon--link::before {
    content: ""
}

.rug-icon--linkedin::before {
    content: ""
}

.rug-icon--lock::before {
    content: ""
}

.rug-icon--lock-open::before {
    content: ""
}

.rug-icon--mail::before {
    content: ""
}

.rug-icon--marker::before {
    content: ""
}

.rug-icon--menu::before {
    content: ""
}

.rug-icon--minus::before {
    content: ""
}

.rug-icon--mobile::before {
    content: ""
}

.rug-icon--movie::before {
    content: ""
}

.rug-icon--pause::before {
    content: ""
}

.rug-icon--pdf::before {
    content: ""
}

.rug-icon--pencil::before {
    content: ""
}

.rug-icon--phone::before {
    content: ""
}

.rug-icon--pinterest::before {
    content: ""
}

.rug-icon--play::before {
    content: ""
}

.rug-icon--plus::before {
    content: ""
}

.rug-icon--printer::before {
    content: ""
}

.rug-icon--reset::before {
    content: ""
}

.rug-icon--rss::before {
    content: ""
}

.rug-icon--rug-books::before {
    content: ""
}

.rug-icon--rug-brain::before {
    content: ""
}

.rug-icon--rug-champion::before {
    content: ""
}

.rug-icon--rug-graduate::before {
    content: ""
}

.rug-icon--rug-lab::before {
    content: ""
}

.rug-icon--rug-location::before {
    content: ""
}

.rug-icon--rug-open::before {
    content: ""
}

.rug-icon--rug-university::before {
    content: ""
}

.rug-icon--search::before {
    content: ""
}

.rug-icon--search-leftie::before {
    content: ""
}

.rug-icon--star::before {
    content: ""
}

.rug-icon--star-open::before {
    content: ""
}

.rug-icon--thumbs-down::before {
    content: ""
}

.rug-icon--thumbs-up::before {
    content: ""
}

.rug-icon--twitter::before {
    content: ""
}

.rug-icon--upload::before {
    content: ""
}

.rug-icon--user::before {
    content: ""
}

.rug-icon--video-camera::before {
    content: ""
}

.rug-icon--warn::before {
    content: ""
}

.rug-icon--wiki::before {
    content: ""
}

.rug-icon--youtube::before {
    content: ""
}

.rug-icon--yt-play::before {
    content: ""
}

.rug-embed {
    margin-bottom: 1.5rem
}

.rug-embed__caption {
    background-color: #f6f6f6;
    font-size: .75rem;
    padding: .5rem
}

.rug-embed__container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.rug-embed__iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important
}

.rug-form, .rug-form-group, .rug-form-radio-check, .rug-form-radio-check-label {
    position: relative
}

.rug-form-input-select, .rug-form-input-text, .rug-form-input-textarea {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #7d7d7d;
    border-radius: 0;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, .1);
    color: inherit;
    display: block;
    height: 2.688rem;
    margin-bottom: 1.5rem;
    padding: 0 .5rem;
    position: relative;
    -webkit-transition: .5s all;
    transition: .5s all;
    vertical-align: baseline;
    width: 100%
}

#ui-datepicker-div, .rug-button--neutral:focus, .rug-button--neutral:hover, .rug-button--primary:focus, .rug-button--primary:hover, .rug-button--secondary:focus, .rug-button--secondary:hover, .ui-dialog .ui-dialog-buttonpane button:focus, .ui-dialog .ui-dialog-buttonpane button:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.rug-form-input-select:focus, .rug-form-input-text:focus, .rug-form-input-textarea:focus {
    border-color: #666;
    outline: 0
}

.rug-form-input-select[disabled], .rug-form-input-select[readonly], .rug-form-input-text[disabled], .rug-form-input-text[readonly], .rug-form-input-textarea[disabled], .rug-form-input-textarea[readonly] {
    background-color: #d7d7d7
}

.rug-form-input-select[disabled], .rug-form-input-text[disabled], .rug-form-input-textarea[disabled] {
    cursor: not-allowed
}

.rug-form-input-select[multiple], .rug-form-input-text[multiple], .rug-form-input-textarea[multiple] {
    height: auto
}

.rug-form-input-select + .rug-form-helptext, .rug-form-input-text + .rug-form-helptext, .rug-form-input-textarea + .rug-form-helptext {
    margin-top: -1rem
}

.rug-form-input-textarea {
    padding: .5rem
}

.rug-form-field-label {
    display: block;
    margin-bottom: .25rem;
    font-family: "Open Sans Semi-Bold", sans-serif
}

.rug-form-field-label-is-required::after {
    color: #ea2422;
    content: ' *'
}

.rug-form-field-required {
    padding: 0 10px 0 0;
    background: url(../images/ico-required.png) 100% 50% no-repeat
}

.rug-form-radio-check {
    height: 1rem;
    width: 1rem;
    float: left;
    top: .25rem;
    margin-right: .25rem
}

.rug-form-radio-check-label {
    margin-bottom: .5rem;
    margin-left: .75rem;
    display: block
}

.rug-form-helptext {
    font-size: .75rem;
    margin-bottom: .5rem
}

.rug-form-group__button-right {
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 1
}

.rug-form--fullwidth {
    width: 100%
}

input.hasDatepicker {
    padding-left: 35px
}

.ui-datepicker-trigger {
    position: absolute;
    top: -3.3rem;
    left: 12px
}

.ui-datepicker .ui-datepicker-title select {
    height: auto;
    padding: 0;
    line-height: auto;
    display: inline
}

.fieldRequiredWarning {
    border: 1px solid #ea2422;
    margin-bottom: 1px
}

.errorMsg {
    color: #ea2422
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    color: #000;
    font-family: "Open Sans Semi-Bold", sans-serif;
    font-weight: 600;
    line-height: 1.125em;
    margin-bottom: .25rem
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000;
    font-family: "Open Sans Semi-Bold", sans-serif;
    font-weight: 600;
    line-height: 1.125em;
    margin-bottom: .25rem
}

.rug-iframe__maps--container {
    display: block;
    max-height: 75vh !important;
    max-width: 100% !important
}

.rug-image--zoom {
    -webkit-transition: all .3s;
    transition: all .3s
}

.rug-image--zoom:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.rug-layout {
    display: block;
    font-size: 0;
    list-style: none;
    margin: 0 0 0 -1.5rem;
    padding: 0
}

.rug-layout--reverse, .rug-layout--stretch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.rug-layout--reverse {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.rug-layout__item {
    box-sizing: border-box;
    display: inline-block;
    font-size: 1rem;
    padding-left: 1.5rem;
    vertical-align: top;
    width: 100%
}

.rug-layout--no-margins > * {
    margin: 0
}

.rug-layout--stretch {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rug-layout--stretch > .rug-layout__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.rug-list--bullets__item::before, .rug-list--caret__item::before {
    content: '';
    display: block;
    top: .438em;
    left: -1em
}

.rug-layout--flush {
    margin-left: 0
}

.rug-layout--flush > .rug-layout__item {
    padding-left: 0
}

.rug-layout--l {
    margin-left: -2rem
}

.rug-layout--l .rug-layout__item {
    padding-left: 2rem
}

.rug-layout--xl {
    margin-left: -3rem
}

.rug-layout--xl .rug-layout__item {
    padding-left: 3rem
}

.rug-layout--center > .rug-layout__item, .rug-layout--right > .rug-layout__item {
    text-align: left
}

.rug-layout--center {
    text-align: center
}

.rug-layout--right {
    text-align: right
}

.rug-list--bullets {
    padding-left: 1.5rem;
    margin-left: 0;
    overflow: hidden
}

.rug-list--bullets__item {
    position: relative
}

.rug-list--bullets__item::before {
    border: 3px solid #7d7d7d;
    border-radius: 5px;
    position: absolute
}

.rug-list--caret__item {
    position: relative
}

.rug-list--caret__item::before {
    border-color: transparent #dc002d;
    border-radius: .1em;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    position: absolute
}

.rug-list--definition {
    margin-left: 0
}

.rug-list--definition__item {
    list-style: none;
    margin-bottom: 1.5rem
}

.rug-list--definition__title {
    color: #dc002d;
    font-weight: 400;
    margin-bottom: .75rem
}

@media (min-width: 600px) {
    .rug-list--definition__title {
        float: left;
        margin: 0 1.5rem 0 0;
        min-width: 6.25rem;
        width: 20%
    }
}

.rug-list--definition__content {
    border-left: 3px solid #dc002d;
    margin-left: .75rem;
    padding-left: .75rem
}

.rug-list--group, .rug-list--group--inline, .rug-list--inline {
    margin-left: 0
}

@media (min-width: 400px) {
    .rug-list--definition__content {
        border-left: 2px solid #dc002d;
        overflow: hidden;
        padding-left: 1.5rem
    }
}

.rug-list--definition__content > :last-child {
    margin-bottom: 0
}

.rug-list--group {
    border-top: 1px solid #d7d7d7
}

.rug-list--group__item {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 0;
    padding: .75rem 0
}

.rug-list--group__item:last-child {
    border-bottom: none
}

.rug-list--group--inline__item {
    display: inline-block;
    padding: 0 .5rem;
    border-right: 1px solid #d7d7d7
}

.rug-list--group--inline__item:first-child {
    padding-left: 0
}

.rug-list--group--inline__item:last-child {
    padding-right: 0;
    border-right: none
}

.rug-list--inline__item {
    display: inline-block;
    padding-right: .5rem
}

.rug-list--inline__item:last-child {
    padding-right: 0
}

.rug-list--accordion__item {
    margin-bottom: 1.5rem;
    position: relative
}

.rug-list--accordion__item::before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    display: block;
    left: -1em;
    position: absolute;
    top: 2px
}

.rug-list--accordion__item__header {
    cursor: pointer;
    position: relative
}

.rug-list--accordion__item__body {
    margin-bottom: 1.5rem;
    display: none
}

.rug-list--accordion__item--toggled::before {
    content: ""
}

.rug-list--indented {
    position: relative;
    margin-left: 0
}

.rug-list--indented__item {
    white-space: nowrap;
    margin-bottom: .25rem
}

.rug-list--indented__item__switch {
    width: 1rem;
    cursor: pointer;
    float: left;
    min-height: 1px
}

.rug-list--indented__item__switch::before {
    content: ''
}

.rug-list--indented__item__switch[data-toggle-id]::before {
    content: ""
}

.rug-list--indented__item__switch--toggled.js--togglable-switch::before {
    content: ""
}

.rug-media::after, .rug-wrapper::after {
    content: '';
    clear: both
}

.rug-list--indented__item__object {
    margin-top: .25rem;
    vertical-align: top;
    float: left
}

.rug-list--indented__item__label {
    white-space: normal;
    margin-left: 1rem;
    display: block
}

.rug-list--indented__item[data-toggle-id] .rug-list--indented__item__label {
    margin-left: 2rem
}

.rug-list--indented .rug-list--indented {
    margin-left: 1.5rem
}

.rug-list--indented .rug-list--indented[data-toggle-id] {
    display: none
}

.rug-media, .rug-media::after, .rug-media__body, .rug-media__img > img {
    display: block
}

.rug-list--unstyled {
    margin-left: 0
}

.rug-media__date, .rug-media__img {
    float: left;
    margin-right: 1rem
}

.rug-media__img--blog {
    width: 160px
}

.rug-media__date--right {
    text-align: right;
    width: 5.313rem
}

.rug-media__body {
    overflow: hidden
}

.rug-media__body > :last-child {
    margin-bottom: 0
}

.rug-media--flush > .rug-media__img {
    margin-left: 0;
    margin-right: 0
}

.rug-media--reverse > .rug-media__img {
    float: right;
    margin-left: 1rem;
    margin-right: 0
}

@media (max-width: 899px) {
    .rug-media--m .rug-slider__slide--equalheight {
        height: calc(100%)
    }

    .rug-media--m blockquote.rug-slider__slide--equalheight {
        height: calc(100% - 140px)
    }

    .rug-media--m > .rug-media__img {
        float: none;
        margin: 0;
        text-align: center
    }
}

.rug-lead {
    font-family: "Open Sans Semi-Bold", sans-serif
}

.rug-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding-left: .5rem;
    padding-right: .5rem
}

.rug-wrapper::after {
    display: block
}

.rug-wrapper--knee-high {
    margin-bottom: .75rem
}

@media (min-width: 900px) {
    .rug-wrapper--overlay {
        top: -22px;
        position: relative
    }

    .rug-wrapper--knee-high {
        height: 70px;
        margin-bottom: 0
    }
}

.rug-wrapper--knee-high__small {
    margin-bottom: .75rem
}

@media (min-width: 900px) {
    .rug-wrapper--knee-high__small {
        height: 27px;
        margin-bottom: 0
    }
}

@media (min-width: 400px) {
    .rug-wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.rug-wrapper--big {
    max-width: 1600px
}

.rug-wrapper--flush {
    padding-left: 0;
    padding-right: 0
}

.rug-attributes__label {
    color: #7d7d7d;
    padding-right: 1.5rem
}

.rug-attributes__column, .rug-attributes__value {
    color: #404040
}

.rug-blockquote {
    background-color: #f2f2f2;
    border-left: 2px solid #dc002d;
    position: relative;
    margin-bottom: 0;
    min-height: 140px
}

.rug-blockquote::before {
    color: #d7d7d7;
    content: '\0022';
    font-size: 4rem;
    font-family: "Open Sans Italic", sans-serif;
    left: .25rem;
    position: absolute;
    top: .5rem
}

.rug-blockquote__attribution {
    font-size: .75rem;
    font-style: normal;
    margin-top: 1.5rem;
    padding: .5rem .5rem .5rem 0
}

.rug-breadcrumbs {
    font-size: .875rem;
    margin: 1.5rem 0 0;
    position: relative;
    overflow: hidden
}

@media (min-width: 900px) {
    .rug-breadcrumbs {
        margin-bottom: 1.5rem
    }

    .rug-button--nav {
        display: none
    }
}

.rug-breadcrumbs__link {
    color: #404040
}

.rug-breadcrumbs__divider {
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative;
    top: -.1rem;
    font-size: .6rem
}

.rug-button--neutral, .rug-button--primary, .rug-button--secondary, .ui-dialog .ui-dialog-buttonpane button {
    font-family: "Open Sans Bold", sans-serif;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.rug-button--neutral::after, .rug-button--neutral::before, .rug-button--primary::after, .rug-button--primary::before, .rug-button--secondary::after, .rug-button--secondary::before, .ui-dialog .ui-dialog-buttonpane button::after, .ui-dialog .ui-dialog-buttonpane button::before {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.rug-button--primary {
    background: #dc002d;
    color: #fff
}

.rug-button--primary:focus, .rug-button--primary:hover {
    background: #ff0639
}

.rug-button--primary:active {
    background: #b30025
}

.rug-button--secondary, .ui-dialog .ui-dialog-buttonpane button {
    background: #0095e9;
    color: #fff
}

.rug-button--secondary:focus, .rug-button--secondary:hover, .ui-dialog .ui-dialog-buttonpane button:focus, .ui-dialog .ui-dialog-buttonpane button:hover {
    background: #1daeff
}

.rug-button--secondary:active, .ui-dialog .ui-dialog-buttonpane button:active {
    background: #0074b6
}

.rug-button--neutral {
    background: #f6f6f6;
    border: 1px solid #d7d7d7;
    color: #404040
}

.rug-button--neutral:focus, .rug-button--neutral:hover {
    background: #fff;
    border-color: #fff
}

.rug-button--neutral:active {
    background: #d7d7d7;
    border-color: #d7d7d7;
    box-shadow: none
}

.rug-button--nav {
    border: 1px solid #d7d7d7;
    border-radius: .25rem;
    color: #404040;
    font-weight: 700;
    margin-right: 1.5rem;
    margin-bottom: 0;
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    white-space: nowrap;
    background: #dc002d;
    padding: .5rem .75rem
}

.rug-button--nav--active {
    color: #fff;
    background: #b30025
}

.rug-card--content, .rug-card--visual {
    margin-bottom: 1.5rem;
    background: #fff;
    color: #404040;
    display: block;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.rug-card--content__content, .rug-card--visual__content {
    padding: 1rem;
    text-align: left;
    -webkit-transition: background .2s linear;
    transition: background .2s linear
}

.rug-card__image {
    width: 100%
}

.rug-card--nonimage {
    margin: 0 1.5rem;
    padding-right: 0
}

@media (min-width: 900px) {
    .rug-card--nonimage {
        margin: 0;
        padding-right: 1.5rem
    }
}

.rug-card--content__content {
    background: rgba(255, 255, 255, .85);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.rug-card--content__content:hover {
    background: rgba(255, 255, 255, .95)
}

.rug-card--visual__content {
    position: relative;
    min-height: 67px
}

.rug-card--visual__content::after, .rug-card--visual__content::before {
    content: '';
    display: none;
    position: absolute;
    right: -48px
}

.rug-card--visual__content::after {
    background: rgba(255, 255, 255, .85);
    bottom: 59px;
    top: 0;
    width: 48px;
    -webkit-transition: background .2s linear;
    transition: background .2s linear
}

.rug-card--visual__content::before {
    border-right: 48px solid transparent;
    border-top: 59px solid rgba(255, 255, 255, .85);
    bottom: 0;
    height: 0;
    width: 0;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.rug-card--visual__content:hover, .rug-card--visual__content:hover::after {
    background: rgba(255, 255, 255, .95)
}

.rug-card--visual__content:hover::before {
    border-top-color: rgba(255, 255, 255, .95)
}

@media (min-width: 600px) {
    .rug-card--visual__content {
        background: rgba(255, 255, 255, .85);
        bottom: 0;
        left: 0;
        margin: 1.5rem 4.5rem 1.5rem 1.5rem;
        min-width: 33%;
        max-width: 620px;
        padding: 1rem 0 1rem 1rem;
        position: absolute
    }

    .rug-card--visual__content::after, .rug-card--visual__content::before {
        display: block
    }
}

@media (min-width: 900px) {
    .rug-card--visual__content--overlay {
        bottom: 1rem
    }

    .rug-card--visual__content--desktop-static {
        background: 0 0;
        margin: 0;
        padding: 1rem;
        position: static
    }

    .rug-card--visual__content--desktop-static::after, .rug-card--visual__content--desktop-static::before {
        display: none
    }
}

@media (min-width: 1024px) {
    .rug-card--visual__content--overlay {
        bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .rug-card--visual__content--overlay {
        bottom: 2.5rem
    }
}

.rug-card--visual__icon {
    background: 0 0;
    color: inherit;
    font-size: 2.75rem;
    margin-left: 0;
    padding: 0;
    position: static;
    text-shadow: none
}

.rug-card--visual__meta {
    font-size: .875rem;
    margin-bottom: .5rem
}

.rug-date {
    background: #fff;
    display: inline-block;
    font-size: .75rem;
    padding: .5rem 0 .25rem;
    text-align: center;
    text-transform: uppercase;
    width: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    position: relative
}

.rug-date--has-no-day, .rug-date--has-no-day:after, .rug-date--has-no-day:before {
    position: absolute;
    content: ''
}

.rug-date--primary {
    background: #dc002d;
    color: #fff
}

.rug-date--subtle {
    border-right: 1px solid #dc002d
}

.rug-date--neutral {
    background: #f6f6f6
}

.rug-date--has-no-day {
    top: 0;
    left: 1rem;
    width: 1rem;
    height: 1.25rem;
    background-color: #404040
}

.rug-date--has-no-day:before {
    border-bottom: .5rem solid transparent;
    border-left: .5rem solid #404040;
    bottom: -.5rem;
    left: 0
}

.rug-date--has-no-day:after {
    border-bottom: .5rem solid transparent;
    border-right: .5rem solid #404040;
    bottom: -.5rem;
    right: 0
}

.rug-date__day {
    display: block;
    font-family: "Open Sans Bold", sans-serif;
    font-size: 1.25rem;
    margin-bottom: -.125rem
}

.rug-date + .rug-date {
    margin-left: -1rem;
    position: relative
}

.rug-date + .rug-date:before {
    background: currentColor;
    content: '';
    display: block;
    height: 2px;
    left: .188rem;
    margin-top: -.438rem;
    position: absolute;
    top: 50%;
    width: 5px
}

.rug-doormat {
    border-bottom: 1px solid #bebebe
}

@media (min-width: 600px) {
    .rug-doormat {
        border: 0;
        padding: 3rem 0;
        margin: auto
    }
}

.rug-doormat__heading__link {
    color: #000;
    font-family: "Open Sans Semi-Bold", sans-serif;
    font-weight: 600;
    position: relative
}

.rug-doormat__heading__link--mobile {
    display: block;
    border-top: 1px solid #bebebe;
    padding: .5rem 0
}

@media (min-width: 600px) {
    .rug-doormat__heading__link--mobile {
        display: none
    }
}

.rug-doormat__heading__link--mobile::after {
    display: block;
    content: "";
    font-family: icons;
    font-style: normal;
    position: absolute;
    right: 0;
    top: .5rem;
    font-size: .75rem
}

.rug-doormat__heading__link--desktop {
    display: none
}

@media (min-width: 600px) {
    .rug-doormat__heading__link--desktop {
        display: block
    }
}

.rug-doormat__heading__link--active::after {
    content: ""
}

.rug-divider::after, .rug-gallery__switcher::after, .rug-link--caret::before {
    content: ''
}

.rug-doormat__heading__link--active + ul {
    display: inline-block
}

.rug-doormat__link {
    font-size: .875rem;
    display: block;
    color: #404040;
    padding: .25rem
}

.rug-doormat__link--mobile {
    display: inline-block
}

@media (min-width: 600px) {
    .rug-doormat__link {
        border: 0;
        display: inline-block;
        margin: 0;
        padding: 0
    }

    .rug-doormat__link--mobile {
        display: none
    }
}

.rug-doormat__list {
    display: none;
    margin-bottom: 0
}

.rug-doormat__list:active, .rug-doormat__list:focus, .rug-doormat__list:hover {
    display: inline-block
}

@media (min-width: 600px) {
    .rug-doormat__list {
        display: inline-block;
        margin-bottom: 1.5rem
    }
}

.rug-divider {
    position: relative;
    padding-right: .5rem
}

.rug-divider::after {
    background: #f2f2f2;
    height: 1rem;
    position: absolute;
    top: .2rem;
    right: 0;
    width: 1px
}

.rug-divider:last-child:after {
    display: none
}

.rug-element-gallery {
    margin-bottom: 1.5rem;
    position: relative;
    border: 1px solid red
}

.rug-element-gallery__content {
    display: block;
    padding: 1rem 1.5rem
}

.rug-element-gallery__images {
    height: 300px;
    margin: 0
}

.rug-element-gallery__image {
    display: none;
    margin-bottom: 0;
    max-width: 300px;
    overflow: hidden;
    position: absolute
}

.rug-element-gallery__image::before {
    border: 0
}

.rug-element-gallery__image:first-child, .rug-element-gallery__image__link {
    display: block
}

.rug-element-gallery__navigation {
    background-color: #d7d7d7;
    padding: .75rem 1.5rem
}

@media (min-width: 900px) {
    .rug-element-gallery__navigation {
        background-color: transparent;
        bottom: 1rem;
        left: 3rem;
        padding: 0;
        position: absolute;
        z-index: 10
    }
}

.rug-element-gallery__next, .rug-element-gallery__previous {
    position: absolute;
    background: rgba(64, 64, 64, .8);
    color: #fff;
    display: block;
    margin-top: -1.5rem;
    padding: .5rem 1rem;
    text-align: center;
    top: 50%;
    z-index: 10
}

.rug-element-gallery__next:hover, .rug-element-gallery__previous:hover {
    background: rgba(220, 0, 45, .9)
}

.rug-element-gallery__next {
    right: 0
}

.rug-element-gallery__previous {
    left: 0
}

.rug-gallery {
    margin-bottom: 1.5rem;
    background-color: #f6f6f6;
    position: relative;
    max-width: 688px;
    width: 100%;
    visibility: hidden
}

.rug-gallery__preshape {
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.rug-gallery__preshape--default {
    height: 172px
}

@media (min-width: 1200px) {
    .rug-gallery__preshape--default {
        height: 344px
    }
}

.rug-gallery__preshape--magazine {
    height: 300px
}

@media (min-width: 1200px) {
    .rug-gallery__preshape--magazine {
        height: 595px
    }
}

.rug-gallery__loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #d7d7d7
}

.rug-gallery__content {
    background-color: #dc002d;
    color: #fff;
    display: block;
    padding: 1rem 1.5rem;
    min-height: 67px;
    white-space: nowrap;
    -webkit-transition: background .2s linear;
    transition: background .2s linear
}

.rug-gallery__content > span:first-child {
    white-space: normal
}

.rug-nav--main__button--home, .rug-text-nowrap, .ss-gac-c, .ss-gac-d {
    white-space: nowrap
}

.rug-gallery__content__link {
    color: #fff
}

.rug-gallery__content__link:focus, .rug-gallery__content__link:hover {
    text-decoration: underline
}

.rug-gallery__content::after, .rug-gallery__content::before {
    content: '';
    display: none;
    position: absolute;
    right: -48px
}

.rug-gallery__content::after {
    background: rgba(220, 0, 45, .85);
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    bottom: 59px;
    top: 0;
    width: 48px
}

.rug-gallery__content::before {
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear;
    border-right: 48px solid transparent;
    border-top: 59px solid rgba(220, 0, 45, .85);
    bottom: 0;
    height: 0;
    width: 0
}

.rug-gallery__content:hover, .rug-gallery__content:hover::after {
    background: rgba(220, 0, 45, .95)
}

.rug-gallery__content:hover::before {
    border-top-color: rgba(220, 0, 45, .95)
}

@media (min-width: 900px) {
    .rug-gallery__content {
        background-color: rgba(220, 0, 45, .85);
        bottom: 3rem;
        left: 2rem;
        margin-right: 5rem;
        position: absolute
    }

    .rug-gallery__content::after, .rug-gallery__content::before {
        display: block
    }
}

.rug-gallery__content__subtitle {
    display: block;
    color: green
}

.rug-gallery__images {
    margin: 0;
    overflow: hidden;
    width: 100%
}

.rug-gallery__image {
    display: none;
    margin-bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.rug-gallery__image::before {
    border: 0
}

.rug-gallery__image:first-child {
    display: block
}

.rug-gallery__image__link {
    display: block;
    width: 100%;
    position: relative
}

.rug-gallery__image__visual {
    width: 100%
}

.rug-gallery__navigation {
    background-color: #f2f2f2;
    padding: .25rem 1.5rem
}

@media (min-width: 900px) {
    .rug-gallery__navigation {
        background-color: transparent;
        bottom: 1rem;
        left: 3rem;
        padding: 0;
        position: absolute;
        z-index: 10
    }
}

.rug-gallery__next, .rug-gallery__previous {
    position: absolute;
    background: rgba(64, 64, 64, .8);
    color: #fff;
    display: block;
    margin-top: -1.5rem;
    padding: .5rem 1rem;
    text-align: center;
    top: 50%;
    z-index: 10
}

.rug-gallery__next:hover, .rug-gallery__previous:hover {
    background: rgba(220, 0, 45, .9)
}

.rug-gallery__next {
    right: 0
}

.rug-gallery__previous {
    left: 0
}

.rug-gallery__switcher {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.rug-gallery__switcher::after {
    clear: both;
    display: block
}

.rug-gallery__switcher__item {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    width: 12px;
    margin-bottom: 0
}

.rug-gallery__switcher__item:focus, .rug-gallery__switcher__item:hover {
    background-color: #0095e9;
    cursor: pointer
}

.rug-gallery__switcher__item:last-child {
    margin-right: 0
}

.rug-gallery__switcher__item--active, .rug-gallery__switcher__item--selected {
    background-color: #dc002d
}

.rug-gallery__switcher__controls {
    color: #fff;
    display: inline-block
}

.rug-icon--thumbs-down {
    color: #ea2422
}

.rug-icon--thumbs-up {
    color: green
}

.rug-image--placeholder {
    box-shadow: inset 0 0 5px #d7d7d7
}

.rug-image--center {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

@media (min-width: 600px) {
    .rug-image--left {
        float: left;
        margin-bottom: 1.5rem;
        padding-right: 1.5rem
    }

    .rug-image--right {
        float: right;
        margin-bottom: 1.5rem;
        padding-left: 1.5rem
    }

    .rug-image--center {
        text-align: center
    }
}

.rug-image--center__content {
    display: block;
    margin: 0 auto
}

.rug-image--center__caption, .rug-link--caret {
    display: inline-block
}

.rug-link--caret {
    margin-left: .75rem;
    position: relative
}

.rug-link--caret::before {
    border-color: transparent currentColor;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    display: block;
    left: -.75rem;
    overflow: hidden;
    position: absolute;
    top: .5em
}

.rug-link--attachment {
    margin-left: 1.5rem;
    position: relative;
    display: inline-block
}

.rug-link--attachment::before {
    color: #b00;
    content: "";
    display: block;
    left: -1.5rem;
    overflow: hidden;
    position: absolute;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    top: .1rem
}

.rug-list--toptasks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 1.5rem 0
}

@media (min-width: 900px) {
    .rug-list--toptasks {
        padding: 0
    }
}

.rug-list--toptasks__item {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 0
}

.rug-list--toptasks__item:last-child {
    border: 0
}

.rug-list--toptasks__link {
    color: #dc002d;
    display: block;
    padding: .75rem .75rem .75rem 3.5rem;
    position: relative
}

@media (min-width: 1024px) {
    .rug-list--toptasks__link {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
}

.rug-list--toptasks__icon {
    color: #7d7d7d;
    left: 0;
    margin-top: -1rem;
    position: absolute;
    top: 50%
}

.rug-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0
}

.rug-mask--active {
    background: rgba(102, 102, 102, .7)
}

.rug-map {
    height: 400px
}

.rug-routeplanner {
    overflow: hidden
}

.rug-routeplanner__input {
    max-width: 100%;
    width: auto !important;
    display: inline-block !important
}

.adp table {
    width: 100%
}

.rug-nav--flyout {
    display: none;
    background: #fff;
    min-width: 100%;
    padding: 0 1.5rem 1.125rem
}

.rug-nav--main__link:focus + .rug-nav--flyout {
    display: block
}

.rug-nav--flyout--flipped {
    left: auto;
    right: 0
}

.rug-nav--flyout__item {
    margin-bottom: .5rem
}

.rug-nav--flyout__item:last-child, .rug-nav--main {
    margin-bottom: 0
}

.rug-nav--flyout__link {
    color: inherit;
    display: block;
    font-size: .875rem
}

@media (min-width: 900px) {
    .rug-nav--flyout {
        box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
        padding: 1rem;
        position: absolute;
        width: 13rem
    }

    .rug-nav--flyout--discoverable {
        width: 26rem
    }

    .rug-nav--flyout__link {
        color: #029fed
    }
}

.rug-nav--flyout__list {
    list-style: none;
    margin: 0;
    position: relative
}

@media (min-width: 900px) {
    .rug-nav--flyout--discoverable .rug-nav--flyout__list::before {
        background-color: #d7d7d7;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        right: -1rem;
        width: 1px
    }
}

.rug-background-menu {
    background-color: #dc002d;
}

.rug-nav--main {
    background: #fff;
    display: none;
    margin-left: 0
}

@media (min-width: 900px) {
    .rug-nav--main {
        background: #dc002d;
        box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
        position: relative;
        width: 100%
    }
}

.rug-nav--main__container {
    display: none;
    position: relative
}

@media (min-width: 900px) {
    .rug-nav--main__container {
        display: block
    }

    .rug-nav--main__item {
        position: relative
    }
}

.rug-nav--main__sub {
    display: none
}

.rug-nav--main__item {
    list-style: none;
    margin-bottom: 0
}

.rug-nav--main__item:last-child {
    margin-left: auto
}

@media (min-width: 900px) {
    .rug-nav--main__item:focus .rug-nav--main__link, .rug-nav--main__item:hover .rug-nav--main__link {
        background: #fff;
        box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25);
        color: #dc002d;
        position: relative;
        text-decoration: none;
        z-index: 50
    }

    .rug-nav--main__item:focus .rug-nav--flyout, .rug-nav--main__item:hover .rug-nav--flyout {
        display: block
    }

    .rug-nav--main__item:focus .rug-nav--flyout--flipped, .rug-nav--main__item:hover .rug-nav--flyout--flipped {
        right: 0
    }
}

.rug-nav--main__button, .rug-nav--main__button--home, .rug-nav--main__link {
    border-top: 1px solid #f2f2f2;
    color: inherit;
    display: block;
    font-family: "Open Sans Semi-Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: .75rem 1rem .875rem;
    position: relative
}

@media (min-width: 400px) {
    .rug-nav--main__button, .rug-nav--main__button--home, .rug-nav--main__link {
        padding: .75rem 1.5rem .875rem
    }
}

@media (min-width: 1024px) {
    .rug-nav--main__button, .rug-nav--main__button--home, .rug-nav--main__link {
        font-size: 1.125rem;
        padding-left: 1rem
    }
}

.rug-nav--main__button, .rug-nav--main__link {
    height: 100%;
    width: 100%
}

.rug-nav--main__button {
    display: none
}

@media (min-width: 900px) {
    .rug-nav--main__button, .rug-nav--main__button--home, .rug-nav--main__link {
        padding: 1.125rem 1.5rem 1.25rem .75rem
    }

    .rug-nav--main__button, .rug-nav--main__link {
        border: 0;
        color: #fff
    }

    .rug-nav--main__button:focus, .rug-nav--main__button:hover, .rug-nav--main__link:focus, .rug-nav--main__link:hover {
        background: #fff;
        box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25);
        color: #dc002d;
        position: relative;
        text-decoration: none
    }

    .rug-nav--main__button:active, .rug-nav--main__link:active {
        color: #b30025
    }

    .rug-nav--main__button {
        display: block;
        padding-left: 1.5rem
    }

    .rug-nav--main__button--home {
        padding-left: 1.5rem;
        padding-right: .5rem
    }
}

.rug-nav--main__button--home {
    display: block;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #fff;
    color: #dc002d;
    position: relative;
    margin-right: 67px
}

.rug-nav--main__button--home::after, .rug-nav--main__button--home::before {
    content: '';
    display: block;
    position: absolute
}

.rug-nav--main__button--home::after {
    box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25);
    top: -1px;
    left: 0;
    width: calc(100% + 54px);
    height: 10px
}

@media (min-width: 1200px) {
    .rug-nav--main__button--home::after {
        width: calc(100% + 60px)
    }
}

.rug-nav--main__button--home::before {
    border-right: 54px solid transparent;
    border-top: 66px solid #fff;
    bottom: 0;
    right: -54px;
    height: 0;
    width: 0
}

@media (min-width: 1200px) {
    .rug-nav--main__button--home::before {
        right: -60px;
        border-right: 60px solid transparent;
        border-top: 74px solid #fff
    }
}

@media (min-width: 900px) {
    .rug-nav--main__button--last {
        background: #dc002d;
        box-shadow: inset 20px 0 30px -20px rgba(0, 0, 0, .15), inset 0 7px 8px -7px rgba(0, 0, 0, .25)
    }
}

.rug-nav--main__button--last:focus, .rug-nav--main__button--last:hover, .rug-nav--main__link--active {
    box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25)
}

.rug-nav--main__icon {
    margin-top: -5px;
    position: absolute;
    right: 1rem;
    top: 50%
}

@media (min-width: 400px) {
    .rug-nav--main__icon {
        right: 1.5rem
    }
}

@media (min-width: 900px) {
    .rug-nav--main__icon {
        right: .75rem
    }
}

@media (min-width: 1024px) {
    .rug-nav--main__icon {
        right: 1rem
    }

    .rug-nav--main__link {
        padding-right: 2rem
    }
}

.rug-nav--main__link--active {
    background: #fff;
    color: #dc002d;
    position: relative
}

.rug-nav--main__link--active:active, .rug-nav--main__link--active:focus, .rug-nav--main__link--active:hover {
    background: #fff;
    color: #b30025
}

.rug-nav--meta {
    margin: 0 1.5rem 0 0;
    padding: .5rem .75rem;
    border: 1px solid #d7d7d7;
    border-radius: .5rem;
    min-width: 4.5rem
}

@media (min-width: 900px) {
    .rug-nav--meta {
        display: inline-block;
        background: 0 0;
        border: 0;
        color: #7d7d7d;
        margin: 0 1rem 0 0;
        padding: 0;
        text-align: right;
        border-radius: 0;
        white-space: nowrap
    }
}

.rug-nav--meta__icon {
    opacity: .75
}

.rug-nav--meta__icon:focus, .rug-nav--meta__icon:hover {
    opacity: 1
}

.rug-nav--meta__item, .rug-nav--meta__lang, .rug-nav--meta__link {
    display: none
}

.rug-nav--meta__item {
    margin-bottom: 0;
    position: relative
}

.rug-nav--meta__item--mobile {
    display: inline-block
}

@media (min-width: 900px) {
    .rug-nav--meta__item, .rug-nav--meta__lang, .rug-nav--meta__link {
        display: inline-block
    }

    .rug-nav--meta__item--mobile {
        display: none
    }
}

.rug-nav--meta__item:hover .rug-nav--meta__flyout {
    display: block
}

.rug-nav--meta__lang {
    padding: 1.5rem .5rem
}

.rug-nav--meta__link {
    color: inherit;
    padding: .5rem 1rem
}

@media (min-width: 400px) {
    .rug-nav--meta__link {
        padding: .5rem 1.5rem
    }
}

@media (min-width: 900px) {
    .rug-nav--meta__link {
        color: #7d7d7d;
        padding: 1.5rem .75rem
    }
}

.rug-nav--meta__text {
    color: #404040;
    padding: 1.5rem 1.5rem 1.5rem 0
}

.rug-nav--meta__flyout {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    right: -.25rem;
    min-width: 300px;
    text-align: left;
    padding: 1rem;
    z-index: 20
}

.rug-nav--meta__flyout:active, .rug-nav--meta__flyout:focus, .rug-nav--meta__flyout:hover {
    display: block
}

.rug-nav--secondary {
    margin-left: 0;
    background-color: #f6f6f6;
    display: none
}

@media (max-width: 899px) {
    .rug-nav--secondary {
        position: absolute;
        top: 8.8rem;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 50
    }

    .rug-nav--secondary__link {
        font-family: "Open Sans Semi-Bold", sans-serif
    }
}

@media (min-width: 900px) {
    .rug-nav--secondary {
        display: block
    }

    .rug-nav--secondary--toggle-only {
        display: none
    }
}

.rug-nav--secondary--toggle-only--show {
    display: block
}

.rug-nav--secondary__item {
    border-bottom: 1px solid #fff;
    margin: 0
}

.rug-nav--secondary__item:last-child {
    border: 0
}

.rug-nav--secondary__link {
    background: #d7d7d7;
    color: inherit;
    display: block;
    padding: 1rem 1rem 1rem 2rem
}

.rug-nav--secondary__link:active, .rug-nav--secondary__link:focus {
    background: #d7d7d7;
    text-decoration: none
}

.rug-nav--secondary__link::before {
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: 1.5rem;
    margin-right: .75rem;
    vertical-align: middle;
    position: absolute;
    left: .9rem
}

.rug-nav--secondary__link--active, .rug-nav--secondary__sub__link--active {
    font-family: "Open Sans Bold", sans-serif
}

.rug-nav--secondary__sub, .rug-nav--secondary__sub__item {
    margin: 0
}

.rug-nav--secondary__link--selected::before {
    content: "";
    left: .8rem
}

.rug-nav--secondary__link--active {
    background: #7d7d7d;
    color: #fff;
    cursor: default;
    padding-left: 2rem
}

.rug-nav--secondary__link--active::before {
    font-weight: 400;
    content: "";
    position: absolute;
    left: .65rem
}

.rug-nav--secondary__link--active:focus, .rug-nav--secondary__link--active:hover {
    text-decoration: none;
    background: #7d7d7d
}

.rug-nav--secondary__link--collapsed {
    background: #d7d7d7
}

.rug-nav--secondary__sub--hidden {
    display: none
}

.rug-nav--secondary__sub--meta {
    background-color: #d7d7d7;
    padding-bottom: 1.5rem
}

.rug-nav--secondary__sub__item--languages {
    padding: 1rem 1rem 0 2.25rem
}

.rug-nav--secondary__sub__item--languages a {
    margin-right: 1.5rem
}

.rug-nav--secondary__sub__link {
    color: inherit;
    display: block;
    padding: 0 1rem 0 2rem
}

.rug-nav--secondary__sub__link-text {
    border-bottom: 2px solid #f2f2f2;
    display: block;
    padding: 1rem 0
}

.rug-nav--secondary__sub__link-text--meta {
    border-bottom: none
}

.rug-nav--tabs__slanted ul {
    border-bottom: none;
    box-shadow: none;
    cursor: pointer;
    height: 50px;
    overflow-y: hidden;
    line-height: 33px
}

.rug-nav--tabs__slanted ul li {
    background: #d7d7d7;
    display: inline-block;
    height: 50px;
    list-style: none;
    margin-right: 50px;
    position: relative
}

.rug-nav--tabs__slanted ul li a {
    color: #7d7d7d !important;
    height: 25px;
    padding-top: 8px;
    display: block;
    position: relative;
    text-decoration: none
}

.rug-nav--tabs__slanted ul li.is-selected a:before, .rug-nav--tabs__slanted ul li:hover a:before {
    border: none
}

.rug-nav--tabs__slanted ul li:first-child {
    margin-left: 45px;
    padding-left: 20px
}

.rug-nav--tabs__slanted ul li:last-child {
    padding-right: 30px
}

.rug-nav--tabs__slanted ul li:last-child:after {
    display: none
}

.rug-nav--tabs__slanted ul li:after, .rug-nav--tabs__slanted ul li:before {
    background: #d7d7d7;
    content: '';
    display: block;
    position: absolute;
    z-index: 0
}

.rug-nav--tabs__slanted ul li:before {
    box-shadow: -6px -2px 4px -2px #666;
    height: 70px;
    left: -30px;
    top: 10px;
    -webkit-transform: rotate(-51deg);
    -ms-transform: rotate(-51deg);
    transform: rotate(-51deg);
    width: 70px
}

.rug-nav--tabs__slanted ul li:after {
    height: 100%;
    right: -50px;
    top: 0;
    width: 50px
}

.rug-nav--tabs__slanted ul li.is-selected, .rug-nav--tabs__slanted ul li.is-selected:after, .rug-nav--tabs__slanted ul li.is-selected:before {
    background: #0095e9
}

.rug-nav--tabs__slanted ul li.is-selected a {
    color: #fff !important;
    font-weight: 400
}

.rug-nav--tabs__slanted ul li:hover, .rug-nav--tabs__slanted ul li:hover:after, .rug-nav--tabs__slanted ul li:hover:before {
    background: #7d7d7d
}

.rug-nav--tabs__slanted ul li:hover a {
    color: #fff !important
}

@media (max-width: 899px) {
    .rug-nav--tabs__slanted ul {
        height: auto;
        overflow: hidden;
        position: relative;
        width: 100%;
        z-index: 1
    }

    .rug-nav--tabs__slanted ul li {
        box-shadow: 0 1px 4px -1px #666;
        display: block;
        margin-bottom: 0;
        margin-right: 0
    }

    .rug-nav--tabs__slanted ul li:after, .rug-nav--tabs__slanted ul li:before {
        display: none
    }

    .rug-nav--tabs__slanted ul li:first-child {
        padding-left: 10px !important
    }

    .rug-nav--tabs__slanted ul li:first-child:before {
        display: block
    }
}

.rug-nav--switch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #d7d7d7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    margin-left: 0
}

.rug-nav--switch__item {
    margin: 0 .5rem -1px 0;
    position: relative;
    text-align: center
}

@media (min-width: 900px) {
    .rug-nav--switch {
        border-bottom: 0
    }

    .rug-nav--switch__item {
        margin: 0 .5rem 0 0;
        position: relative
    }
}

.rug-nav--switch__item:last-child, .rug-nav--tabs {
    margin-right: 0
}

.rug-nav--switch__link {
    background: #d7d7d7;
    border: 1px solid #d7d7d7;
    color: #666;
    display: block;
    font-weight: 700;
    height: 100%;
    padding: .5rem .75rem
}

@media (min-width: 900px) {
    .rug-nav--switch__link {
        background: rgba(255, 255, 255, .85);
        border: 0
    }
}

.rug-nav--switch__link:active, .rug-nav--switch__link:focus, .rug-nav--switch__link:hover {
    background: #fff;
    color: #000;
    text-decoration: none
}

.rug-nav--switch__link--active {
    background: #fff;
    border-bottom-color: #fff;
    color: #000;
    cursor: default
}

.rug-nav--tabs {
    border: 1px solid #d7d7d7;
    display: block;
    list-style: none;
    margin-left: 0
}

@media (min-width: 1024px) {
    .rug-nav--tabs {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border: 0;
        border-bottom: 1px solid #d7d7d7;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.rug-nav--tabs__count {
    display: block;
    font-size: .75rem
}

.rug-nav--tabs__item {
    border-bottom: 1px solid #d7d7d7;
    display: block;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .rug-nav--tabs__item {
        border: 0;
        margin: 0 .75rem -2px;
        position: relative;
        text-align: center
    }

    .rug-nav--tabs__item::after {
        background: #f2f2f2;
        content: '';
        height: 1rem;
        position: absolute;
        right: -.938rem;
        top: .75rem;
        width: 1px
    }

    .rug-nav--tabs__item:last-child:after {
        display: none
    }
}

.rug-nav--tabs__link {
    color: inherit;
    display: block;
    height: 100%;
    padding: .5rem .5rem .5rem 1.75rem
}

@media (min-width: 1024px) {
    .rug-nav--tabs__link {
        border-bottom: 3px solid transparent;
        color: #666;
        font-weight: 700;
        padding: .5rem 0
    }
}

.rug-nav--tabs__link:focus, .rug-nav--tabs__link:hover {
    border-color: #000;
    color: #000;
    text-decoration: none
}

.rug-nav--tabs__link--active {
    background: #f6f6f6;
    border-color: #000;
    color: #000;
    font-weight: 700;
    padding-left: .5rem;
    padding-right: .5rem
}

.rug-nav--tabs__link--active::before {
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: .875rem;
    margin-right: .5rem;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .rug-nav--tabs__link--active::before {
        display: none
    }

    .rug-nav--tabs__link--active {
        background: 0 0
    }
}

.rug-notification {
    margin-bottom: 1.5rem;
    border-radius: .25rem;
    padding: .75rem 1.5rem
}

.rug-notification--error, .rug-notification--succes, .rug-notification--warning {
    padding-left: 3.25rem;
    position: relative
}

.rug-notification--error {
    background-color: #fef4f4;
    color: #ea2422
}

.rug-notification--info {
    background-color: #f6f6f6
}

.rug-notification--succes {
    background-color: #e6ffe6;
    color: green
}

.rug-notification--warning {
    background-color: #fff6e6;
    color: #cc8200
}

.rug-notification__icon {
    left: 1.5rem;
    position: absolute;
    top: .875rem
}

.rug-notification--closable {
    padding-right: 3.25rem;
    position: relative
}

.rug-notification__close-icon {
    right: 1.5rem;
    position: absolute;
    cursor: pointer;
    top: .875rem
}

.rug-warning--overlay {
    position: absolute;
    margin: auto;
    top: 0;
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%
}

.rug-paged {
    position: relative;
    margin-bottom: 1.5rem
}

.rug-paged__topbar {
    background-color: #d7d7d7;
    padding: .75rem 1.5rem
}

.rug-paged__pub-count {
    margin: 0 .75rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 140px
}

.rug-paged__viewport, .rug-panel, .rug-panel--content {
    margin-bottom: 1.5rem
}

.rug-paged__viewport {
    overflow: hidden;
    border-bottom: 2px solid #d7d7d7;
    padding: 1.5rem;
    position: relative
}

.rug-paged__viewport:after, .rug-paged__viewport:before {
    position: absolute;
    height: 50px;
    width: 100%;
    content: ""
}

.rug-paged__viewport:before {
    top: 0;
    box-shadow: 0 30px 43px -18px #fff inset
}

.rug-paged__viewport:after {
    bottom: 0;
    box-shadow: 0 -50px 43px -18px #fff inset
}

.rug-paged__category {
    border-bottom: 1px solid #ccc
}

.rug-paged__next, .rug-paged__prev {
    cursor: pointer;
    width: 20px;
    text-align: center;
    vertical-align: middle
}

.rug-panel {
    background: #fff;
    width: 100%
}

.rug-panel--callout, .rug-panel--primary, .ui-dialog .ui-dialog-titlebar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.rug-panel--callout, .ui-dialog .ui-dialog-titlebar {
    position: relative
}

.rug-panel--callout::before, .ui-dialog .ui-dialog-titlebar::before {
    background-color: #f2f2f2;
    content: '';
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.rug-panel--callout--no-header {
    padding-top: 1.5rem
}

.rug-panel--callout__heading {
    color: #fff;
    display: inline-block;
    font-family: "Open Sans Semi-Bold", sans-serif;
    font-size: 1.125rem;
    left: -.75rem;
    min-width: 33%;
    max-width: calc(100% - 2rem);
    padding: .75rem .75rem .75rem 1.5rem;
    position: relative;
    top: .75rem
}

.rug-panel--callout__heading__link {
    color: #fff
}

.rug-panel--callout__heading::after, .rug-panel--callout__heading::before {
    content: '';
    position: absolute;
    right: -1.5rem
}

.rug-panel--callout__heading::after {
    bottom: 29px;
    top: 0;
    width: 1.5rem
}

@media (min-width: 1200px) {
    .rug-panel--callout__heading::after {
        bottom: 33px
    }
}

.rug-panel--callout__heading::before {
    border-right: 24px solid transparent;
    border-top: 29px solid;
    bottom: 0;
    height: 0;
    width: 0
}

@media (min-width: 1200px) {
    .rug-panel--callout__heading::before {
        border-right: 27px solid transparent;
        border-top: 33px solid
    }
}

.rug-panel--callout__heading--primary {
    background-color: #dc002d
}

.rug-panel--callout__heading--primary::after {
    background: #dc002d
}

.rug-panel--callout__heading--primary::before {
    border-top-color: #dc002d
}

.rug-panel--callout__heading--secondary {
    background-color: #0095e9
}

.rug-panel--callout__heading--secondary::after {
    background: #0095e9
}

.rug-panel--callout__heading--secondary::before {
    border-top-color: #0095e9
}

.rug-panel--callout__heading--neutral {
    background-color: #404040
}

.rug-panel--callout__heading--neutral::after {
    background: #404040
}

.rug-panel--callout__heading--neutral::before {
    border-top-color: #404040
}

.rug-panel--primary {
    padding: 0;
    overflow: hidden
}

.rug-panel--primary__heading__link {
    color: #dc002d
}

@media (min-width: 900px) {
    .rug-panel--content {
        background: rgba(255, 255, 255, .85);
        margin: 0 4.5rem 1.5rem 0;
        max-width: 620px;
        min-width: 33%;
        padding: 1rem .5rem 1rem 1rem;
        position: relative;
        min-height: 71px
    }

    .rug-panel--content::after, .rug-panel--content::before {
        content: '';
        display: block;
        position: absolute;
        right: -3rem
    }

    .rug-panel--content::after {
        background: rgba(255, 255, 255, .85);
        bottom: 59px;
        top: 0;
        width: 3rem
    }
}

@media (min-width: 900px) and (min-width: 1200px) {
    .rug-panel--content {
        min-height: 80px
    }

    .rug-panel--content::after {
        bottom: 67px
    }
}

@media (min-width: 900px) {
    .rug-panel--content::before {
        border-right: 48px solid transparent;
        border-top: 59px solid rgba(255, 255, 255, .85);
        bottom: 0;
        height: 0;
        width: 0
    }
}

@media (min-width: 900px) and (min-width: 1200px) {
    .rug-panel--content::before {
        border-right: 54px solid transparent;
        border-top: 67px solid rgba(255, 255, 255, .85)
    }
}

.rug-panel--content__meta {
    background-color: #dc002d;
    color: #fff;
    display: table;
    font-size: .875rem;
    margin-bottom: .75rem;
    margin-top: -1rem;
    padding: .25rem 1rem
}

.rug-panel--content--border {
    margin-right: 0
}

@media (min-width: 900px) {
    .rug-panel--content__meta {
        margin-top: -2rem
    }

    .rug-panel--content--border {
        border: 2px solid #f2f2f2;
        padding-right: 3rem
    }

    .rug-panel--content--border::after {
        background: #fff;
        bottom: -1.2rem;
        height: 4rem;
        width: 2rem;
        right: -.6rem;
        top: auto;
        -webkit-transform: rotate(39deg);
        -ms-transform: rotate(39deg);
        transform: rotate(39deg);
        border-left: 2px solid #f2f2f2
    }
}

.rug-panel--content--border::before {
    display: none
}

.rug-panel__block :last-child {
    margin-bottom: 0
}

.rug-panel__block__title {
    font-weight: 700;
    margin-bottom: .75rem
}

.rug-panel__block__image {
    margin-bottom: .75rem
}

.rug-panel__block__image img {
    width: 100%
}

.rug-panel__block ul {
    margin-bottom: 0
}

.rug-panel__block--divided {
    position: relative
}

.rug-panel__block--divided::after {
    border-bottom: 1px solid #d7d7d7;
    bottom: -1px;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 110%
}

.popup--buttonbar {
    right: 0;
    padding: 10px 0;
    background-color: #fff;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    margin-right: 25px;
    width: calc(100% - 25px);
    box-shadow: -1px -3px 5px -4px #ccc
}

.rug-dialog {
    display: none
}

.ui-widget {
    font-family: "Open Sans", sans-serif;
    border-radius: 0;
    font-size: 1em
}

.ui-widget-content {
    border: 0;
    color: #404040
}

.ui-widget-overlay {
    background: #000;
    opacity: .6
}

body.rug-theme--infonet .ui-dialog .ui-dialog-content:before, body.rug-theme--infonet .ui-dialog .ui-dialog-titlebar, body.rug-theme--infonet .ui-dialog:before, body.rug-theme--studentPortal .ui-dialog .ui-dialog-content:before, body.rug-theme--studentPortal .ui-dialog .ui-dialog-titlebar, body.rug-theme--studentPortal .ui-dialog:before {
    background: #0095e9
}

.ui-dialog {
    padding: 0;
    position: fixed;
    box-shadow: 0 1px 3px -2px #666
}

.ui-dialog .ui-dialog-titlebar {
    border-radius: 0;
    border: 0;
    padding: .75rem;
    z-index: 2
}

.ui-dialog .ui-dialog-titlebar:before {
    content: "";
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    color: #000;
    z-index: 20;
    position: relative;
    margin: 0;
    overflow: visible
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    z-index: 30;
    border: none;
    right: 10px;
    border-radius: 3px
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    box-sizing: content-box !important;
    padding: .75rem
}

.ui-dialog .ui-dialog-content * {
    box-sizing: border-box
}

.rug-theme--contrast, .rug-theme--infonet {
    box-sizing: inherit
}

.ui-dialog .ui-dialog-content span.icon {
    font-size: 72px;
    float: left;
    padding: 5px 15px
}

.ui-dialog.rug-dialog--success .ui-dialog-content span.rug-icon, .ui-dialog.rug-dialog--warn .ui-dialog-content span.rug-icon {
    color: #7d7d7d
}

.ui-dialog .ui-dialog-buttonpane {
    box-shadow: -1px -3px 5px -4px #7d7d7d;
    padding: .5rem
}

.ui-dialog .ui-dialog-buttonpane button {
    border: none
}

body.rug-theme--infonet .ui-dialog .ui-dialog-content:after, body.rug-theme--infonet .ui-dialog:after, body.rug-theme--studentPortal .ui-dialog .ui-dialog-content:after, body.rug-theme--studentPortal .ui-dialog:after {
    border-color: #0095e9 transparent
}

.ui-dialog .ui-dialog-buttonpane button .ui-button-text, .ui-dialog .ui-dialog-buttonpane button .ui-button-text-only {
    padding: 0;
    display: inline
}

#dialog_add-link-to-widget .rug-popup--input {
    width: 95%
}

.rug-site-header {
    background: #fff;
    border-top: 4px solid #dc002d;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    cursor: default;
    min-height: 4.438rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 20
}

.rug-site-header__bar {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    z-index: 40
}

.rug-site-header__bar--tp {
    background: #dc002d;
    padding: .5rem 0
}

.rug-site-header__bar--tp .rug-icon--home {
    vertical-align: 0
}

.rug-site-header__link {
    color: #fff;
    margin-left: .5rem
}

@media (min-width: 400px) {
    .rug-site-header__link {
        margin-left: 1.5rem
    }
}

.rug-site-header__link--tp {
    display: inline-block
}

@media (min-width: 900px) {
    .rug-site-header {
        border-top: 0;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
    }

    .rug-site-header__bar--tp {
        background: #fff;
        padding: 0;
        vertical-align: inherit
    }

    .rug-site-header__link--tp {
        display: none
    }

    .rug-site-header__text {
        padding: 1.5rem 0 1.5rem .25rem
    }
}

.rug-site-header__item {
    color: #7d7d7d;
    display: inline-block;
    line-height: 4.438rem
}

.rug-site-header__item:nth-child(2) {
    margin-right: auto
}

@media (min-width: 320px) {
    .rug-site-header__item {
        line-height: normal;
        vertical-align: middle
    }
}

.rug-site-header__item--close, .rug-site-header__text {
    display: none
}

.rug-site-header--fixed {
    position: fixed;
    top: 0
}

.rug-site-header--cookie-consent {
    position: fixed;
    width: 100%;
    bottom: 0;
    border-top: 2px solid #dc002d;
    z-index: 60
}

.rug-site-header--cookie-consent .rug-button {
    width: initial
}

.rug-site-header--open {
    height: 100%;
    min-height: 100%
}

.rug-site-header--open::before {
    background-color: #f2f2f2;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 4px;
    width: 100%;
    z-index: -1
}

.rug-site-header--open .rug-nav--meta {
    display: none
}

.rug-site-header--open .rug-site-header__item--close, .rug-site-header--open .rug-site-search {
    display: block
}

@media (min-width: 900px) {
    .rug-site-header--cookie-consent .rug-button {
        width: 100%
    }

    .rug-site-header--open .rug-site-header__item--close, .rug-site-header--open .rug-site-search, .rug-site-header::before {
        display: none
    }
}

.rug-site-logo {
    display: inline-block;
    margin: 0 .75rem;
    padding: .75rem 0;
    width: 12.5rem
}

@media (min-width: 400px) {
    .rug-site-logo {
        margin: 0 1.5rem
    }
}

.rug-site-logo--themeportal {
    padding: .5rem 0;
    width: 8rem
}

.rug-site-search {
    background: #b30025;
    border-bottom: 2px solid #dc002d;
    display: none;
    overflow: hidden;
    padding: .75rem .75rem .688rem;
    position: relative
}

@media (min-width: 900px) {
    .rug-site-search {
        padding: .75rem 1.5rem .688rem
    }
}

.rug-site-search__button, .rug-site-search__input {
    float: left
}

.rug-site-search__button {
    background-color: #dc002d;
    border: 0;
    border-radius: 0 .25rem .25rem 0;
    color: #fff;
    height: 2.5rem;
    width: 2.5rem
}

.rug-site-search__input {
    border: 0;
    border-radius: .25rem 0 0 .25rem;
    font-size: 1rem;
    height: 2.5rem;
    padding: .25rem .75rem;
    position: relative;
    width: calc(100% - 2.5rem);
    z-index: 1
}

.rug-site-tools {
    margin-bottom: 1.5rem;
    margin-top: .75rem;
    border-top: 1px solid #f2f2f2;
    font-size: .875rem
}

.rug-site-tools__icon {
    font-size: 1rem;
    margin-right: 1.5rem;
    position: relative
}

.rug-site-tools__icon:before {
    background: #f2f2f2;
    content: '';
    height: 1rem;
    position: absolute;
    right: -.688rem;
    top: .25rem;
    width: 1px
}

.rug-site-tools__icon:last-child:before {
    background: 0 0
}

.rug-site-tools__link {
    color: #404040;
    margin-top: .5rem;
    display: inline-block
}

.rug-site-tools__urltext {
    margin-right: .25rem
}

.rug-site-tools__urltext::after {
    content: ',';
    display: inline
}

.rug-site-tools__urltext:last-child::after, .rug-table-wrapper.fade::after {
    content: ''
}

.rug-slider {
    margin-bottom: 1.5rem;
    position: relative;
    width: 100%
}

.rug-slider__container {
    height: 0;
    overflow: hidden;
    width: 100%
}

.rug-slider__container.large {
    height: 400px !important
}

.rug-slider__slides {
    margin: auto;
    font-size: 0;
    height: 100%;
    position: relative
}

.rug-slider__slide {
    list-style: none;
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    margin: 0
}

.rug-slider__slide.large {
    width: 85vw
}

@media (min-width: 600px) {
    .rug-slider__slide.large {
        width: 500px;
        height: 400px
    }
}

.rug-slider__slide__hidden {
    display: none
}

.rug-slider__slide__link {
    font-size: 1rem;
    position: relative;
    display: inline-block;
    width: calc(100% - .25em)
}

.rug-slider__slide--video {
    font-size: 1rem;
    width: 220px;
    margin-right: 20px;
    vertical-align: top
}

.rug-slider__slide--image {
    background: #fff;
    border: 1px solid #d7d7d7;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    margin: 0 1.5rem 1.5rem 0;
    padding: .5rem
}

.rug-slider__slide--equalheight {
    height: 100%
}

.rug-slider__navigation {
    background-color: #d7d7d7;
    padding: .75rem 1.5rem
}

@media (min-width: 900px) {
    .rug-slider__navigation {
        background-color: transparent;
        bottom: 1rem;
        left: 3rem;
        padding: 0;
        position: absolute;
        z-index: 10
    }
}

.rug-slider__next, .rug-slider__previous {
    position: absolute;
    color: #404040;
    display: block;
    margin-top: -1.5rem;
    padding: .5rem 1rem;
    text-align: center;
    top: 50%;
    z-index: 10
}

.rug-slider__next {
    right: 0
}

.rug-slider__previous {
    left: 0
}

.rug-slider--video__slider__icon {
    color: #fff;
    font-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    text-shadow: 0 0 5px #7d7d7d;
    pointer-events: none
}

.large .rug-slider--video__slider__icon {
    display: none
}

.rug-slider--video__slider__close {
    display: none;
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 0;
    right: .25rem;
    text-shadow: 0 0 5px #7d7d7d;
    z-index: 100
}

.large .rug-slider--video__slider__close {
    display: block
}

.rug-sprite--analytics-file--active, .rug-sprite--analytics-file--inactive, .rug-sprite--analytics-folder--active, .rug-sprite--analytics-folder--inactive, .rug-sprite--arrow-up--gray {
    display: inline-block;
    background-image: url(../images/sprite.png)
}

.rug-icon--twitter {
    color: #55acee
}

.rug-icon--instagram {
    color: #125688
}

.rug-icon--facebook {
    color: #3b5998
}

.rug-icon--linkedin {
    color: #007bb6
}

.rug-icon--youtube {
    color: #b00
}

.rug-icon--pinterest {
    color: #cb2027
}

.rug-icon--google-plus {
    color: #dd4b39
}

.rug-icon--rss {
    color: #f26522
}

@media (min-width: 900px) {
    .rug-spotlight {
        margin-top: -2.5rem;
        position: relative;
        z-index: 1
    }
}

@media (min-width: 1024px) {
    .rug-spotlight {
        margin-top: -3.5rem
    }
}

@media (min-width: 1200px) {
    .rug-spotlight {
        margin-top: -4rem
    }
}

.rug-sprite--analytics-file--active {
    background-position: -163px -94px;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.rug-sprite--analytics-file--inactive {
    background-position: -163px -64px;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.rug-sprite--analytics-folder--active {
    background-position: -163px -109px;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.rug-sprite--analytics-folder--inactive {
    background-position: -163px -79px;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.rug-sprite--arrow-up--gray {
    background-position: -163px -124px;
    width: 19px;
    height: 10px;
    vertical-align: middle
}

.rug-sprite--button__close--active, .rug-sprite--button__close--default {
    display: inline-block;
    background-image: url(../images/sprite.png);
    width: 12px;
    height: 12px;
    vertical-align: middle
}

.rug-sprite--button__close--active {
    background-position: -151px -120px
}

.rug-sprite--button__close--default {
    background-position: -144px -144px
}

.rug-sprite--button__close--round--gray, .rug-sprite--button__close--round--red {
    display: inline-block;
    background-image: url(../images/sprite.png);
    width: 39px;
    height: 39px
}

.rug-sprite--button__close--round--gray {
    background-position: -100px 0;
    vertical-align: middle
}

.rug-sprite--button__close--round--red {
    background-position: -100px -39px;
    vertical-align: middle
}

.rug-sprite--button__open--active, .rug-sprite--button__open--default {
    display: inline-block;
    background-image: url(../images/sprite.png);
    width: 12px;
    height: 12px;
    vertical-align: middle
}

.rug-sprite--button__open--active {
    background-position: 0 -156px
}

.rug-sprite--button__open--default {
    background-position: -139px -120px
}

.rug-sprite--circle--close, .rug-sprite--circle--open {
    display: inline-block;
    background-image: url(../images/sprite.png);
    width: 32px;
    height: 32px
}

.rug-sprite--circle--close {
    background-position: -32px -100px;
    vertical-align: middle
}

.rug-sprite--circle--open {
    background-position: 0 -100px;
    vertical-align: middle
}

.rug-sprite--collection_facebook, .rug-sprite--collection_flickr, .rug-sprite--collection_googleplus, .rug-sprite--collection_instagram, .rug-sprite--collection_linkedin, .rug-sprite--collection_pinterest, .rug-sprite--collection_skype, .rug-sprite--collection_tumblr, .rug-sprite--collection_twitter, .rug-sprite--collection_twitterbird, .rug-sprite--collection_wiki, .rug-sprite--collection_yammer, .rug-sprite--collection_youtube {
    display: inline-block;
    background-image: url(../images/sprite.png);
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.rug-sprite--collection_facebook {
    background-position: -139px -24px
}

.rug-sprite--collection_flickr {
    background-position: -139px -48px
}

.rug-sprite--collection_googleplus {
    background-position: -139px -72px
}

.rug-sprite--collection_instagram {
    background-position: -139px -96px
}

.rug-sprite--collection_linkedin {
    background-position: 0 -132px
}

.rug-sprite--collection_pinterest {
    background-position: -24px -132px
}

.rug-sprite--collection_rss {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -48px -132px;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.rug-sprite--collection_skype {
    background-position: -112px -100px
}

.rug-sprite--collection_tumblr {
    background-position: -96px -132px
}

.rug-sprite--collection_twitter {
    background-position: -120px -132px
}

.rug-sprite--collection_twitterbird {
    background-position: -72px -132px
}

.rug-sprite--collection_wiki {
    background-position: -88px -100px
}

.rug-sprite--collection_yammer {
    background-position: -64px -100px
}

.rug-sprite--collection_youtube {
    background-position: -139px 0
}

.rug-sprite--edit--active, .rug-sprite--edit--inactive {
    display: inline-block;
    background-image: url(../images/sprite.png);
    width: 12px
}

.rug-sprite--edit--active {
    background-position: -144px -132px;
    height: 12px;
    vertical-align: middle
}

.rug-sprite--edit--inactive {
    background-position: -121px -78px;
    height: 13px;
    vertical-align: middle
}

.rug-sprite--flag--en, .rug-sprite--flag--nl {
    height: 16px;
    display: inline-block;
    background-image: url(../images/sprite.png);
    vertical-align: middle
}

.rug-sprite--flag--en {
    background-position: -163px 0;
    width: 24px
}

.rug-sprite--flag--nl {
    background-position: -163px -16px;
    width: 23px
}

.rug-sprite--flag--zh {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -163px -134px;
    width: 16px;
    height: 11px;
    vertical-align: middle
}

.rug-sprite--homepage-task1, .rug-sprite--homepage-task2, .rug-sprite--homepage-task3, .rug-sprite--homepage-task4 {
    display: inline-block;
    background-image: url(../images/sprite.png);
    width: 50px;
    height: 50px
}

.rug-sprite--homepage-task1 {
    background-position: 0 -50px;
    vertical-align: middle
}

.rug-sprite--homepage-task2 {
    background-position: -50px 0;
    vertical-align: middle
}

.rug-sprite--homepage-task3 {
    background-position: 0 0;
    vertical-align: middle
}

.rug-sprite--homepage-task4 {
    background-position: -50px -50px;
    vertical-align: middle
}

.rug-sprite--responsive-sidemenu-dropdown, .rug-sprite--responsive-sidemenu-selected {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/sprite.png);
    vertical-align: middle
}

.rug-sprite--responsive-sidemenu-dropdown {
    background-position: -163px -48px
}

.rug-sprite--responsive-sidemenu-selected {
    background-position: -163px -32px
}

.rug-sprite--seperator--dotted--vertical--lightgray {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -187px 0;
    width: 1px;
    height: 27px;
    vertical-align: middle
}

.rug-sprite--square--close {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -100px -78px;
    width: 21px;
    height: 21px;
    vertical-align: middle
}

.rug-table--default, .rug-table--grouped {
    background: #f6f6f6;
    border: 1px solid #d7d7d7;
    border-collapse: collapse;
    font-size: inherit;
    width: 100%
}

.rug-table--default th, .rug-table--grouped th {
    background: #f2f2f2;
    border-left: 1px solid #d7d7d7;
    box-shadow: inset 0 1px 0 #fff;
    font-weight: 700;
    padding: 1rem;
    text-align: left
}

.rug-table--default th:first-child, .rug-table--grouped th:first-child {
    border-left: 0
}

.rug-table--default tbody tr:nth-child(2n+2), .rug-table--grouped tbody tr:nth-child(2n+2) {
    background: #fff
}

.rug-table--default tbody td, .rug-table--grouped tbody td {
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    padding: 6px 10px
}

.rug-table--default tbody td:first-child, .rug-table--grouped tbody td:first-child {
    border-left: 0
}

.rug-table--default tbody td.rug-h-align__left, .rug-table--grouped tbody td.rug-h-align__left {
    text-align: left
}

.rug-table--default tbody td.rug-h-align__right, .rug-table--grouped tbody td.rug-h-align__right {
    text-align: right
}

.rug-table--default tbody td.rug-h-align__center, .rug-table--grouped tbody td.rug-h-align__center {
    text-align: center
}

.rug-table--default tbody td.rug-v-align__top, .rug-table--grouped tbody td.rug-v-align__top {
    vertical-align: top
}

.rug-table--default tbody td.rug-v-align__middle, .rug-table--grouped tbody td.rug-v-align__middle {
    vertical-align: middle
}

.rug-table--default tbody td.rug-v-align__bottom, .rug-table--grouped tbody td.rug-v-align__bottom {
    vertical-align: bottom
}

.rug-table--default tbody td .active, .rug-table--grouped tbody td .active {
    background-color: #dc002d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 10px;
    min-height: 2em;
    text-align: center;
    white-space: nowrap
}

.rug-table--default caption, .rug-table--grouped caption {
    display: none
}

.rug-table--default {
    clear: both
}

.rug-table-wrapper {
    position: relative
}

.rug-table-wrapper.fade::after {
    bottom: 40px;
    box-shadow: -20px 10px 20px 0 #fff inset;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -20px;
    width: 50px
}

.rug-table-wrapper .rug-table-holder {
    margin-bottom: 1.5rem
}

@media (min-width: 600px) {
    .rug-table-wrapper {
        position: relative
    }

    .rug-table-wrapper .rug-table-holder {
        overflow-y: hidden;
        position: relative;
        width: 100%
    }

    .rug-table-wrapper .rug-table-holder table {
        width: 100%
    }

    .rug-table-wrapper .rug-table-holder table table {
        width: auto
    }
}

.rug-table-navigator {
    background: #fff;
    border: 1px solid #d7d7d7;
    display: block;
    position: absolute;
    right: 10px;
    top: -40px;
    z-index: 100
}

.rug-table-navigator__button {
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    padding: .25rem .5rem
}

.rug-targeted-content {
    display: none
}

.rug-targeted-content--active {
    display: block
}

.rug-targeted-content--active--inline-block {
    display: inline-block !important
}

#searchForm .rug-targeted-content:after, .rug-theme--content .rug-targeted-content:after {
    float: right;
    content: ""
}

.page--studyprogram .rug-targeted-content:after {
    display: none
}

#target-group-flyout {
    min-width: 450px
}

#targeted-link:focus + .rug-nav--meta__flyout {
    display: block
}

.rug-themeportal__transporter {
    background: #fff;
    color: #404040;
    display: block;
    font-size: .75rem;
    margin-top: -4px;
    padding: 0 .5rem;
    position: -webkit-sticky;
    position: sticky;
    text-align: center;
    top: 0;
    z-index: 30
}

.rug-theme--infonet .rug-nav--main__link--active .rug-nav--main__icon, .rug-theme--infonet .rug-nav--main__link--active:active .rug-nav--main__icon, .rug-theme--infonet .rug-nav--main__link--active:focus .rug-nav--main__icon, .rug-theme--infonet .rug-nav--main__link--active:hover .rug-nav--main__icon {
    top: 33px
}

@media (min-width: 400px) {
    .rug-themeportal__transporter {
        font-size: .875rem;
        padding: 0 1.5rem
    }
}

.rug-themeportal__heading {
    display: none;
    padding: 0 1.5rem;
    position: relative
}

@media (min-width: 900px) {
    .rug-themeportal__transporter {
        display: none
    }

    .rug-themeportal__heading {
        display: block
    }
}

.rug-themeportal__heading__subtitle {
    padding: 0 1.5rem
}

.rug-widget__container {
    border: 1px solid #7d7d7d;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .25);
    padding: 1px 0 0;
    margin-bottom: 1.5rem
}

.rug-theme--contrast .rug-site-header, .rug-theme--infonet .rug-site-header {
    border-top-color: #0095e9
}

.rug-widget__header {
    cursor: pointer;
    color: #000;
    background: url(../images/bg-grey-box.gif);
    -webkit-filter: none;
    filter: none;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    padding: 9px 30px 9px 5px;
    text-align: left;
    position: relative;
    vertical-align: middle
}

.rug-widget__header__title {
    margin: 0;
    display: inline-block;
    vertical-align: top
}

.rug-widget__body {
    padding: .75rem
}

.rug-widget__body.is-toggled {
    display: none
}

.rug-widget__body .topics {
    background: 0 0;
    padding-top: 0
}

.rug-widget__body .topic {
    margin-bottom: .75rem
}

.rug-element--center, .rug-theme--content dl, .rug-theme--content ol, .rug-theme--content ul {
    margin-bottom: 1.5rem
}

.rug-widget__toggle {
    cursor: pointer
}

.rug-widget__toggle:before {
    cursor: pointer;
    font-family: icons;
    display: inline-block;
    text-align: center;
    padding: 1px 6px 3px;
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
    color: #000;
    content: ""
}

.is-toggled .rug-widget__toggle:before {
    content: ""
}

.rug-theme--content a:not(.rug-button) {
    text-decoration: underline
}

.page--magazinehomepage .rug-slider__slide__link:hover, .rug-theme--content a:hover {
    text-decoration: none
}

.rug-theme--content a:visited {
    color: #772d6b
}

.rug-theme--content a:visited::before {
    border-color: transparent #772d6b
}

.rug-theme--content ol, .rug-theme--content ul {
    max-width: 620px
}

.rug-theme--content ol > li, .rug-theme--content ul > li {
    max-width: 590px;
    position: relative
}

.rug-theme--contrast .rug-site-search {
    background: #005483;
    border-bottom-color: #0095e9
}

.rug-theme--contrast .rug-background-menu, .rug-theme--contrast .rug-button--nav, .rug-theme--contrast .rug-site-search__button {
    background-color: #0095e9
}

@media (min-width: 900px) {
    .rug-theme--contrast .rug-nav--main {
        background: #0095e9
    }

    .rug-theme--contrast .rug-nav--main__button:focus, .rug-theme--contrast .rug-nav--main__button:hover, .rug-theme--contrast .rug-nav--main__link:focus, .rug-theme--contrast .rug-nav--main__link:hover {
        background: #fff;
        color: #0095e9
    }

    .rug-theme--contrast .rug-nav--main__button--last {
        background: #0095e9
    }

    .rug-theme--contrast .rug-nav--main__item:focus .rug-nav--main__link, .rug-theme--contrast .rug-nav--main__item:hover .rug-nav--main__link {
        color: #0095e9
    }
}

.rug-theme--contrast .rug-nav--main__link--active {
    color: #0095e9;
    background: #f6f6f6
}

.rug-theme--contrast .rug-nav--main__link--active:active, .rug-theme--contrast .rug-nav--main__link--active:focus, .rug-theme--contrast .rug-nav--main__link--active:hover {
    color: #0095e9;
    background: #fff
}

.rug-theme--infonet .rug-site-search {
    background: #005483;
    border-bottom-color: #0095e9
}

.rug-theme--infonet .rug-background-menu, .rug-theme--infonet .rug-button--nav, .rug-theme--infonet .rug-site-search__button {
    background-color: #0095e9
}

.rug-theme--infonet .rug-nav--main {
    padding-top: .5rem
}

.rug-theme--infonet .rug-nav--main__container {
    display: none;
    height: 4.1rem
}

.rug-theme--infonet .rug-nav--main__button--home {
    padding-top: 1.5rem;
    color: #0095e9
}

.rug-theme--infonet .rug-nav--main__button--last {
    padding-top: 1.5rem
}

.rug-theme--infonet .rug-nav--main__link {
    padding: 1.125rem 1.5rem
}

.rug-theme--infonet .rug-nav--main__icon {
    right: .75rem
}

@media (min-width: 900px) {
    .rug-theme--infonet .rug-nav--main {
        background: #0095e9
    }

    .rug-theme--infonet .rug-nav--main__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .rug-theme--infonet .rug-nav--main__container:after {
        content: '';
        display: block;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute;
        box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25)
    }

    .rug-theme--infonet .rug-nav--main__button:focus, .rug-theme--infonet .rug-nav--main__button:hover, .rug-theme--infonet .rug-nav--main__link:focus, .rug-theme--infonet .rug-nav--main__link:hover {
        background: #fff;
        color: #0095e9
    }

    .rug-theme--infonet .rug-nav--main__button--last {
        background: #0095e9
    }

    .rug-theme--infonet .rug-nav--main__item:focus .rug-nav--main__link, .rug-theme--infonet .rug-nav--main__item:hover .rug-nav--main__link {
        height: 100%;
        color: #0095e9
    }
}

.rug-theme--infonet .rug-nav--main__item:last-child {
    margin-top: -.5rem
}

.rug-theme--infonet .rug-nav--main__link--active {
    color: #0095e9;
    background: #f6f6f6;
    position: relative;
    height: calc(100% + 25px)
}

.rug-theme--infonet .rug-nav--main__link--active:active, .rug-theme--infonet .rug-nav--main__link--active:focus, .rug-theme--infonet .rug-nav--main__link--active:hover {
    color: #0095e9;
    background: #fff;
    height: 100%
}

.page--magazinehomepage .rug-card--content__teaser {
    max-height: 595px
}

.page--magazinehomepage .rug-card--content__teaser__container {
    height: 100%;
    background-size: cover;
    background-position: center
}

@media (max-width: 899px) {
    .page--magazinehomepage .rug-card--content__teaser__container {
        height: 200px;
        overflow: hidden
    }

    .page--magazinehomepage .rug-card--content__teaser .rug-card__image {
        position: relative;
        top: 50%;
        -webkit-transform: perspective(1px) translateY(-50%);
        -ms-transform: perspective(1px) translateY(-50%);
        transform: perspective(1px) translateY(-50%)
    }
}

.page--magazinehomepage .rug-card--content__teaser__content {
    text-align: left;
    position: relative;
    padding: 1rem 0 1rem 1rem
}

@media (min-width: 900px) {
    .page--magazinehomepage .rug-card--content__teaser__content {
        background: rgba(255, 255, 255, .85);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0
    }

    .page--magazinehomepage .rug-card--content__teaser__content:hover {
        background: rgba(255, 255, 255, .95)
    }
}

.page--magazinehomepage .rug-slider__slide--aligned::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.rug-aspect-ratio--16-9:before, .rug-aspect-ratio--3-2:before, .rug-aspect-ratio--gallery:before, .rug-aspect-ratio--hero-visual:before {
    content: "";
    width: 100%
}

.page--magazinehomepage .rug-slider__slide__link {
    text-decoration: none;
    color: #404040
}

.page--magazinehomepage .rug-slider__slide .rug-image--placeholder {
    height: 100%
}

.page--magazinehomepage .rug-slider__slide--caption {
    padding-top: .5rem
}

.rug-theme--studentPortal .rug-favorites {
    width: 100%;
    z-index: 10
}

.rug-theme--studentPortal .rug-favorites .rug-button--neutral {
    width: 100%
}

@media (min-width: 600px) {
    .rug-theme--studentPortal .rug-favorites {
        padding-top: 1.5rem
    }

    .rug-theme--studentPortal .rug-favorites .rug-button--neutral {
        float: right;
        width: auto
    }
}

.rug-theme--studentPortal .rug-favorites .rug-favoritesListHolder {
    clear: both
}

.rug-theme--studentPortal .rug-favorites .rug-favoritesListHolder #rug-favoritesList {
    display: none;
    max-width: 320px;
    padding: 1.5rem;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 10
}

.rug-theme--studentPortal .rug-favorites .rug-favoritesListHolder #rug-favoritesList.is-open {
    display: block
}

.rug-theme--studentPortalHome .rug-wrapper {
    max-width: none
}

.rug-theme--studentPortalHome footer .rug-wrapper {
    max-width: 1100px
}

.rug-aspect-ratio-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.rug-aspect-ratio--3-2, .rug-aspect-ratio--gallery, .rug-aspect-ratio--hero-visual {
    position: relative
}

.rug-aspect-ratio--hero-visual:before {
    display: block;
    padding-top: 41.25%
}

.rug-aspect-ratio--gallery:before {
    display: block;
    padding-top: 50%
}

.rug-aspect-ratio--3-2:before {
    display: block;
    padding-top: 66.66667%
}

.rug-aspect-ratio--16-9 {
    position: relative;
    overflow: hidden
}

.rug-aspect-ratio--16-9:before {
    display: block;
    padding-top: 56.25%
}

.rug-b {
    border: 1px solid #f6f6f6 !important
}

.rug-bt {
    border-top: 1px solid #f6f6f6 !important
}

.rug-br {
    border-right: 1px solid #f6f6f6 !important
}

.rug-bb {
    border-bottom: 1px solid #f6f6f6 !important
}

.rug-bl {
    border-left: 1px solid #f6f6f6 !important
}

.rug-bv {
    border-bottom: 1px solid #d7d7d7 !important;
    border-top: 1px solid #d7d7d7 !important
}

.rug-b-0 {
    border: none !important
}

.rug-bt-0 {
    border-top: none !important
}

.rug-br-0 {
    border-right: none !important
}

.rug-bb-0 {
    border-bottom: none !important
}

.rug-bl-0 {
    border-left: none !important
}

.rug-border-radius-0 {
    border-radius: 0
}

.rug-border-radius-1 {
    border-radius: .25rem
}

.rug-border-radius-2 {
    border-radius: .5rem
}

.rug-border-radius-3 {
    border-radius: .75rem
}

.rug-border-radius-4 {
    border-radius: 1rem
}

.rug-circle {
    border-radius: 100%
}

.rug-border-image {
    border: 5px solid #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.rug-border-radius-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rug-border-radius-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rug-border-radius-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rug-border-radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rug-bb--red-resp {
    border-bottom: 5px solid #dc002d
}

.rug-clearfix::after {
    clear: both;
    content: '';
    display: block
}

.rug-clear {
    clear: both
}

@media (min-width: 600px) {
    .rug-col-s-12-24 > .rug-layout__item {
        width: 50%
    }

    .rug-col-s-8-24 > .rug-layout__item {
        width: 33.33%
    }

    .rug-col-s-6-24 > .rug-layout__item {
        width: 25%
    }
}

@media (min-width: 900px) {
    .rug-bb--red-resp {
        border-bottom: none
    }

    .rug-col-m-24-24 > .rug-layout__item {
        width: 100%
    }

    .rug-col-m-12-24 > .rug-layout__item {
        width: 50%
    }

    .rug-col-m-8-24 > .rug-layout__item {
        width: 33.33%
    }

    .rug-col-m-6-24 > .rug-layout__item {
        width: 25%
    }
}

@media (min-width: 1024px) {
    .rug-col-l-12-24 > .rug-layout__item {
        width: 50%
    }

    .rug-col-l-8-24 > .rug-layout__item {
        width: 33.33%
    }

    .rug-col-l-6-24 > .rug-layout__item {
        width: 25%
    }
}

.rug-block {
    display: block !important
}

.rug-inline-block {
    display: inline-block !important
}

.rug-inline {
    display: inline !important
}

.rug-block-max-m {
    display: none
}

@media (max-width: 899px) {
    .rug-block-max-m {
        display: block
    }
}

.rug-toggleable--active {
    display: block
}

.rug-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media (min-width: 900px) {
    .rug-flex-column-reserve-m {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.rug-left {
    float: left !important
}

.rug-right {
    float: right !important
}

.rug-no-float {
    float: none !important
}

.rug-element--center {
    margin-top: 1.5rem
}

@media (min-width: 600px) {
    .rug-element--left {
        float: left;
        margin-bottom: 1.5rem;
        padding-right: 1.5rem
    }

    .rug-element--right {
        float: right;
        margin-bottom: 1.5rem;
        padding-left: 1.5rem
    }

    .rug-element--center {
        text-align: center
    }
}

.rug-element--center__content {
    display: block;
    margin: 0 auto
}

.rug-element--center__caption {
    display: inline-block
}

.ss-embed-mode {
    margin-top: 27px !important;
    right: -20px;
    width: 365px
}

.ss-gac-m {
    border: 1px solid #333;
    cursor: default;
    margin: 0;
    z-index: 60;
    position: absolute;
    background-color: #fff
}

.ac-renderer div.ss-gac-b div, .ss-gac-b, div.ss-gac-m div.active {
    background-color: #eee
}

.ss-gac-c {
    overflow: hidden;
    padding-left: 3px;
    text-align: left
}

.ss-gac-d, .ss-gac-e td {
    font-size: 10px;
    text-align: right
}

.ss-gac-d {
    color: green;
    overflow: hidden;
    padding: 0 3px;
    float: right
}

b.ac-highlighted {
    font-weight: 700
}

.ss-gac-d b.ac-highlighted {
    font-weight: 400
}

.ss-gac-b td {
    color: #fff
}

.ss-gac-e td {
    line-height: 15px;
    padding: 0 3px 2px
}

.ss-gac-e span {
    color: #00c;
    cursor: pointer;
    text-decoration: underline
}

.ac-renderer div.ss-gac-a {
    font-size: 100%;
    margin: 0;
    padding: 0 4px
}

.ac-renderer div.ss-gac-a div {
    font-size: 100%;
    margin: 0;
    padding: 0
}

.rug-pt-xs, .rug-pv-xs {
    padding-top: .5rem !important
}

.ac-renderer div.ss-gac-a div.ss-gac-d {
    padding-left: 4px
}

.rug-ph-xs, .rug-pl-xs {
    padding-left: .5rem !important
}

div.ac-renderer div.ss-gac-a div.ss-gac-c b {
    color: #333
}

.rug-hidden {
    display: none !important
}

.rug-hidden-l, .rug-hidden-m, .rug-hidden-s {
    display: none
}

@media (min-width: 600px) {
    .rug-hidden-s {
        display: inline-block
    }
}

@media (min-width: 900px) {
    .rug-hidden-m {
        display: inline-block
    }
}

.rug-hidden-m--block {
    display: none
}

@media (min-width: 900px) {
    .rug-hidden-m--block {
        display: block
    }
}

@media (min-width: 1024px) {
    .rug-hidden-l {
        display: inline-block
    }
}

.rug-hidden-m-max {
    display: block
}

@media (min-width: 900px) {
    .rug-hidden-m-max {
        display: none
    }
}

.rug-hidden-s-max {
    display: block
}

@media (min-width: 600px) {
    .rug-hidden-s-max {
        display: none
    }
}

.rug-hidden-visually {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.rug-hidden-visually--focusable:active, .rug-hidden-visually--focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.rug-mt-xxs, .rug-mv-xxs {
    margin-top: .25rem !important
}

.rug-mb-xxs, .rug-mv-xxs {
    margin-bottom: .25rem !important
}

.rug-mh-xxs, .rug-ml-xxs {
    margin-left: .25rem !important
}

.rug-mh-xxs, .rug-mr-xxs {
    margin-right: .25rem !important
}

.rug-invisible {
    visibility: hidden !important
}

.js-togglable-content {
    display: none
}

.js-togglable-content--active {
    display: block
}

a.rug-link--undecorated {
    text-decoration: none !important
}

a.rug-link--decorated, a.rug-link--undecorated:focus, a.rug-link--undecorated:hover {
    text-decoration: underline !important
}

a.rug-link--decorated:focus, a.rug-link--decorated:hover {
    text-decoration: none !important
}

.rug-overflow-hidden {
    overflow: hidden
}

.rug-relative {
    position: relative !important
}

.rug-relative--no-dimensions {
    width: 0 !important;
    height: 0 !important
}

.rug-relative--no-dimensions > img {
    max-width: none
}

.rug-absolute {
    position: absolute !important
}

.rug-static {
    position: static !important
}

.rug-fixed {
    position: fixed !important
}

.rug-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.rug-shadow-text {
    text-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.rug-shadow-box {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.rug-shadow-box-inset {
    box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25)
}

.rug-font-default {
    color: #404040 !important
}

.rug-font-black {
    color: #000 !important
}

.rug-font-gray {
    color: #ccc !important
}

.rug-font-white {
    color: #fff !important
}

.rug-font-brand {
    color: #dc002d !important
}

.rug-font-contrast {
    color: #0095e9 !important
}

.rug-font-neutral {
    color: #7d7d7d !important
}

.rug-background-white {
    background-color: #fff !important
}

.rug-background-brand-50 {
    background-color: #dc002d !important
}

.rug-background-neutral-10 {
    background-color: #f6f6f6 !important
}

.rug-background-neutral-30 {
    background-color: #d7d7d7 !important
}

.rug-background-neutral-50 {
    background-color: #7d7d7d !important
}

.rug-background-alternating > :nth-child(even) {
    background-color: #f6f6f6 !important
}

.rug-m-xxs {
    margin: .25rem !important
}

.rug-mt-xs, .rug-mv-xs {
    margin-top: .5rem !important
}

.rug-mb-xs, .rug-mv-xs {
    margin-bottom: .5rem !important
}

.rug-mh-xs, .rug-ml-xs {
    margin-left: .5rem !important
}

.rug-mh-xs, .rug-mr-xs {
    margin-right: .5rem !important
}

.rug-m-xs {
    margin: .5rem !important
}

.rug-mt-s, .rug-mv-s {
    margin-top: .75rem !important
}

.rug-mb-s, .rug-mv-s {
    margin-bottom: .75rem !important
}

.rug-mh-s, .rug-ml-s {
    margin-left: .75rem !important
}

.rug-mh-s, .rug-mr-s {
    margin-right: .75rem !important
}

.rug-m-s {
    margin: .75rem !important
}

.rug-mt-m, .rug-mv-m {
    margin-top: 1rem !important
}

.rug-mb-m, .rug-mv-m {
    margin-bottom: 1rem !important
}

.rug-mh-m, .rug-ml-m {
    margin-left: 1rem !important
}

.rug-mh-m, .rug-mr-m {
    margin-right: 1rem !important
}

.rug-m-m {
    margin: 1rem !important
}

.rug-mt, .rug-mv {
    margin-top: 1.5rem !important
}

.rug-mb, .rug-mv {
    margin-bottom: 1.5rem !important
}

.rug-mh, .rug-ml {
    margin-left: 1.5rem !important
}

.rug-mh, .rug-mr {
    margin-right: 1.5rem !important
}

.rug-m {
    margin: 1.5rem !important
}

.rug-mt-l, .rug-mv-l {
    margin-top: 2rem !important
}

.rug-mb-l, .rug-mv-l {
    margin-bottom: 2rem !important
}

.rug-mh-l, .rug-ml-l {
    margin-left: 2rem !important
}

.rug-mh-l, .rug-mr-l {
    margin-right: 2rem !important
}

.rug-m-l {
    margin: 2rem !important
}

.rug-mt-xl, .rug-mv-xl {
    margin-top: 3rem !important
}

.rug-mb-xl, .rug-mv-xl {
    margin-bottom: 3rem !important
}

.rug-mh-xl, .rug-ml-xl {
    margin-left: 3rem !important
}

.rug-mh-xl, .rug-mr-xl {
    margin-right: 3rem !important
}

.rug-m-xl {
    margin: 3rem !important
}

.rug-mt-xxl, .rug-mv-xxl {
    margin-top: 4.5rem !important
}

.rug-mh-xxl, .rug-ml-xxl {
    margin-left: 4.5rem !important
}

.rug-mh-xxl, .rug-mr-xxl {
    margin-right: 4.5rem !important
}

.rug-m-xxl {
    margin: 4.5rem !important
}

.rug-mb-xxl {
    margin-bottom: 3rem !important
}

.rug-mv-xxl {
    margin-bottom: 4.5rem !important
}

.rug-mh-0, .rug-mt-0 {
    margin-top: 0 !important
}

.rug-mb-0, .rug-mh-0 {
    margin-bottom: 0 !important
}

.rug-ml-0, .rug-mv-0 {
    margin-left: 0 !important
}

.rug-mr-0, .rug-mv-0 {
    margin-right: 0 !important
}

.rug-m-0 {
    margin: 0 !important
}

.rug-mb-n {
    margin-bottom: -1.5rem !important
}

.rug-mt-n {
    margin-top: -1.5rem !important
}

.rug-mr-n-s {
    margin-right: -.75rem
}

.rug-mh-n {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important
}

.rug-mt-n-s {
    margin-top: -.75rem
}

.rug-p-xs {
    padding: .5rem !important
}

.rug-pr-xs {
    padding-right: .5rem !important
}

.rug-ph-s, .rug-ph-xs, .rug-pr-s {
    padding-right: .75rem !important
}

.rug-pb-xs {
    padding-bottom: .5rem !important
}

.rug-pb-s, .rug-pv-s, .rug-pv-xs {
    padding-bottom: .75rem !important
}

.rug-pt-s, .rug-pv-s {
    padding-top: .75rem !important
}

.rug-ph-s, .rug-pl-s {
    padding-left: .75rem !important
}

.rug-p-s {
    padding: .75rem !important
}

.rug-pt-m, .rug-pv-m {
    padding-top: 1rem !important
}

.rug-pb-m, .rug-pv-m {
    padding-bottom: 1rem !important
}

.rug-ph-m, .rug-pl-m {
    padding-left: 1rem !important
}

.rug-ph-m, .rug-pr-m {
    padding-right: 1rem !important
}

.rug-p-m {
    padding: 1rem !important
}

.rug-pt, .rug-pv {
    padding-top: 1.5rem !important
}

.rug-pb, .rug-pv {
    padding-bottom: 1.5rem !important
}

.rug-ph, .rug-pl {
    padding-left: 1.5rem !important
}

.rug-ph, .rug-pr {
    padding-right: 1.5rem !important
}

.rug-p {
    padding: 1.5rem !important
}

.rug-pt-l, .rug-pv-l {
    padding-top: 2rem !important
}

.rug-pb-l, .rug-pv-l {
    padding-bottom: 2rem !important
}

.rug-ph-l, .rug-pl-l {
    padding-left: 2rem !important
}

.rug-ph-l, .rug-pr-l {
    padding-right: 2rem !important
}

.rug-p-l {
    padding: 2rem !important
}

.rug-pt-xl, .rug-pv-xl {
    padding-top: 3rem !important
}

.rug-pb-xl, .rug-pv-xl {
    padding-bottom: 3rem !important
}

.rug-ph-xl, .rug-pl-xl {
    padding-left: 3rem !important
}

.rug-ph-xl, .rug-pr-xl {
    padding-right: 3rem !important
}

.rug-p-xl {
    padding: 3rem !important
}

.rug-pt-xxl, .rug-pv-xxl {
    padding-top: 4.5rem !important
}

.rug-pl-0, .rug-pv-0 {
    padding-left: 0 !important
}

.rug-pr-0, .rug-pv-0 {
    padding-right: 0 !important
}

.rug-pv-xxl {
    padding-bottom: 4.5rem !important
}

.rug-ph-0, .rug-pt-0 {
    padding-top: 0 !important
}

.rug-pb-0, .rug-ph-0 {
    padding-bottom: 0 !important
}

.rug-p-0 {
    padding: 0 !important
}

.rug-pt--resp-m-0 {
    padding-top: 1.5rem
}

@media (min-width: 900px) {
    .rug-absolute--bottom-m {
        bottom: 0;
        position: absolute
    }

    .rug-pt--resp-m-0 {
        padding-top: 0
    }
}

.rug-pt--resp-l-0 {
    padding-top: 1.5rem
}

@media (min-width: 1024px) {
    .rug-pt--resp-l-0 {
        padding-top: 0
    }
}

.rug-pt-xl--resp-m-0 {
    padding-top: 3rem
}

@media (min-width: 900px) {
    .rug-pt-xl--resp-m-0 {
        padding-top: 0
    }
}

.rug-pt-s--resp-m-l {
    padding-top: .75rem
}

.rug-transparent-medium {
    opacity: .5 !important
}

.rug-font-400 {
    font-weight: 400 !important
}

.rug-font-700 {
    font-weight: 700 !important
}

.rug-uppercase {
    text-transform: uppercase !important
}

.rug-lowercase {
    text-transform: lowercase !important
}

.rug-capitalize {
    text-transform: capitalize !important
}

.rug-del {
    text-decoration: line-through !important
}

.rug-text-left {
    text-align: left !important
}

.rug-text-right {
    text-align: right !important
}

.rug-text-center {
    text-align: center !important
}

.rug-text-justify {
    text-align: justify !important
}

.rug-valign-center {
    vertical-align: middle
}

.rug-h1, .rug-h2, .rug-h3, .rug-h4, .rug-h5, .rug-h6 {
    color: #000;
    font-family: "Open Sans Semi-Bold", sans-serif;
    font-weight: 600;
    line-height: 1.125em;
    margin-bottom: .25rem
}

.rug-h1 {
    font-size: 1.75rem;
    margin-bottom: .5rem
}

.rug-h2 {
    font-size: 1.5rem
}

.rug-h3 {
    font-size: 1.25rem
}

.rug-h4 {
    font-size: 1.125rem
}

.rug-h5, .rug-h6 {
    font-size: 1rem
}

.rug-font-body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400
}

.rug-text-timid {
    color: #7d7d7d;
    font-size: .875rem
}

.rug-shrunken {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 20px
}

.rug-shrunken:before {
    content: '\2026';
    display: block;
    left: 10003px;
    position: absolute
}

.rug-w-10 {
    width: 10% !important
}

.rug-w-20 {
    width: 20% !important
}

.rug-w-40 {
    width: 40% !important
}

.rug-w-50 {
    width: 50% !important
}

.rug-w-60 {
    width: 60% !important
}

.rug-w-70 {
    width: 70% !important
}

.rug-w-80 {
    width: 90% !important
}

.rug-w-100 {
    width: 100% !important
}

.rug-w-25 {
    width: 25% !important
}

.rug-w-33 {
    width: 33.33% !important
}

.rug-w-66 {
    width: 66.66% !important
}

.rug-w-75 {
    width: 75% !important
}

.rug-w-max-320 {
    max-width: 100% !important
}

@media (min-width: 400px) {
    .rug-w-max-320 {
        max-width: 320px !important
    }

    .rug-width-xs-1-24 {
        width: 4.16667%
    }

    .rug-width-xs-2-24 {
        width: 8.33333%
    }

    .rug-width-xs-3-24 {
        width: 12.5%
    }

    .rug-width-xs-4-24 {
        width: 16.66667%
    }

    .rug-width-xs-5-24 {
        width: 20.83333%
    }

    .rug-width-xs-6-24 {
        width: 25%
    }

    .rug-width-xs-7-24 {
        width: 29.16667%
    }

    .rug-width-xs-8-24 {
        width: 33.33333%
    }

    .rug-width-xs-9-24 {
        width: 37.5%
    }

    .rug-width-xs-10-24 {
        width: 41.66667%
    }

    .rug-width-xs-11-24 {
        width: 45.83333%
    }

    .rug-width-xs-12-24 {
        width: 50%
    }

    .rug-width-xs-13-24 {
        width: 54.16667%
    }

    .rug-width-xs-14-24 {
        width: 58.33333%
    }

    .rug-width-xs-15-24 {
        width: 62.5%
    }

    .rug-width-xs-16-24 {
        width: 66.66667%
    }

    .rug-width-xs-17-24 {
        width: 70.83333%
    }

    .rug-width-xs-18-24 {
        width: 75%
    }

    .rug-width-xs-19-24 {
        width: 79.16667%
    }

    .rug-width-xs-20-24 {
        width: 83.33333%
    }

    .rug-width-xs-21-24 {
        width: 87.5%
    }

    .rug-width-xs-22-24 {
        width: 91.66667%
    }

    .rug-width-xs-23-24 {
        width: 95.83333%
    }

    .rug-width-xs-24-24 {
        width: 100%
    }
}

.rug-w-max {
    max-width: 100% !important
}

@media (min-width: 600px) {
    .rug-width-s-1-24 {
        width: 4.16667%
    }

    .rug-width-s-2-24 {
        width: 8.33333%
    }

    .rug-width-s-3-24 {
        width: 12.5%
    }

    .rug-width-s-4-24 {
        width: 16.66667%
    }

    .rug-width-s-5-24 {
        width: 20.83333%
    }

    .rug-width-s-6-24 {
        width: 25%
    }

    .rug-width-s-7-24 {
        width: 29.16667%
    }

    .rug-width-s-8-24 {
        width: 33.33333%
    }

    .rug-width-s-9-24 {
        width: 37.5%
    }

    .rug-width-s-10-24 {
        width: 41.66667%
    }

    .rug-width-s-11-24 {
        width: 45.83333%
    }

    .rug-width-s-12-24 {
        width: 50%
    }

    .rug-width-s-13-24 {
        width: 54.16667%
    }

    .rug-width-s-14-24 {
        width: 58.33333%
    }

    .rug-width-s-15-24 {
        width: 62.5%
    }

    .rug-width-s-16-24 {
        width: 66.66667%
    }

    .rug-width-s-17-24 {
        width: 70.83333%
    }

    .rug-width-s-18-24 {
        width: 75%
    }

    .rug-width-s-19-24 {
        width: 79.16667%
    }

    .rug-width-s-20-24 {
        width: 83.33333%
    }

    .rug-width-s-21-24 {
        width: 87.5%
    }

    .rug-width-s-22-24 {
        width: 91.66667%
    }

    .rug-width-s-23-24 {
        width: 95.83333%
    }

    .rug-width-s-24-24 {
        width: 100%
    }
}

@media (min-width: 900px) {
    .rug-pt-s--resp-m-l {
        padding-top: 2rem
    }

    .rug-width-m-1-24 {
        width: 4.16667%
    }

    .rug-width-m-2-24 {
        width: 8.33333%
    }

    .rug-width-m-3-24 {
        width: 12.5%
    }

    .rug-width-m-4-24 {
        width: 16.66667%
    }

    .rug-width-m-5-24 {
        width: 20.83333%
    }

    .rug-width-m-6-24 {
        width: 25%
    }

    .rug-width-m-7-24 {
        width: 29.16667%
    }

    .rug-width-m-8-24 {
        width: 33.33333%
    }

    .rug-width-m-9-24 {
        width: 37.5%
    }

    .rug-width-m-10-24 {
        width: 41.66667%
    }

    .rug-width-m-11-24 {
        width: 45.83333%
    }

    .rug-width-m-12-24 {
        width: 50%
    }

    .rug-width-m-13-24 {
        width: 54.16667%
    }

    .rug-width-m-14-24 {
        width: 58.33333%
    }

    .rug-width-m-15-24 {
        width: 62.5%
    }

    .rug-width-m-16-24 {
        width: 66.66667%
    }

    .rug-width-m-17-24 {
        width: 70.83333%
    }

    .rug-width-m-18-24 {
        width: 75%
    }

    .rug-width-m-19-24 {
        width: 79.16667%
    }

    .rug-width-m-20-24 {
        width: 83.33333%
    }

    .rug-width-m-21-24 {
        width: 87.5%
    }

    .rug-width-m-22-24 {
        width: 91.66667%
    }

    .rug-width-m-23-24 {
        width: 95.83333%
    }

    .rug-width-m-24-24 {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .rug-width-l-1-24 {
        width: 4.16667%
    }

    .rug-width-l-2-24 {
        width: 8.33333%
    }

    .rug-width-l-3-24 {
        width: 12.5%
    }

    .rug-width-l-4-24 {
        width: 16.66667%
    }

    .rug-width-l-5-24 {
        width: 20.83333%
    }

    .rug-width-l-6-24 {
        width: 25%
    }

    .rug-width-l-7-24 {
        width: 29.16667%
    }

    .rug-width-l-8-24 {
        width: 33.33333%
    }

    .rug-width-l-9-24 {
        width: 37.5%
    }

    .rug-width-l-10-24 {
        width: 41.66667%
    }

    .rug-width-l-11-24 {
        width: 45.83333%
    }

    .rug-width-l-12-24 {
        width: 50%
    }

    .rug-width-l-13-24 {
        width: 54.16667%
    }

    .rug-width-l-14-24 {
        width: 58.33333%
    }

    .rug-width-l-15-24 {
        width: 62.5%
    }

    .rug-width-l-16-24 {
        width: 66.66667%
    }

    .rug-width-l-17-24 {
        width: 70.83333%
    }

    .rug-width-l-18-24 {
        width: 75%
    }

    .rug-width-l-19-24 {
        width: 79.16667%
    }

    .rug-width-l-20-24 {
        width: 83.33333%
    }

    .rug-width-l-21-24 {
        width: 87.5%
    }

    .rug-width-l-22-24 {
        width: 91.66667%
    }

    .rug-width-l-23-24 {
        width: 95.83333%
    }

    .rug-width-l-24-24 {
        width: 100%
    }
}