/*!
Theme Name: otrs
Theme URI: http://underscores.me/
Author: Steffen Görg
Author URI: http://gatonet.de
Description: custom theme for otrs
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: otrs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Bitbucket Theme URI: https://bitbucket.org/G470/otrs-theme
*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 1rem
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: 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;
    border-radius: 0px !important
}

input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    border-radius: 0
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.container {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 20px
}

@media screen and (max-width: 1440px) {
    .container {
        max-width: 1000px
    }
}

.white {
    color: #fff
}

.background-white {
    background: #fff !important
}

.fullwidthteaser-heighten.background-white {
    background: transparent !important
}

.blue {
    color: #305769
}

html,
body {
    font-size: 17px !important
}

@media screen and (max-width: 1440px) {

    html,
    body {
        font-size: 13px !important
    }
}

@media screen and (max-width: 1281px) {

    html,
    body {
        font-size: 12px !important
    }
}

@media screen and (max-width: 768px) {

    html,
    body {
        font-size: 18px !important
    }
}

@font-face {
    font-family: 'otrs';
    src: url("../fonts/otrs.eot?7z5qap");
    src: url("../fonts/otrs.eot?7z5qap#iefix") format("embedded-opentype"), url("../fonts/otrs.ttf?7z5qap") format("truetype"), url("../fonts/otrs.woff?7z5qap") format("woff"), url("../fonts/otrs.svg?7z5qap#otrs") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'otrs' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.e900:before {
    content: "\e900"
}

.e901:before {
    content: "\e901"
}

.e902:before {
    content: "\e902"
}

.e903:before {
    content: "\e903"
}

.e904:before {
    content: "\e904"
}

.e905:before {
    content: "\e905"
}

.e906:before {
    content: "\e906"
}

.e907:before {
    content: "\e907"
}

.e908:before {
    content: "\e908"
}

.e909:before {
    content: "\e909"
}

.e90a:before {
    content: "\e90a"
}

.e90b:before {
    content: "\e90b"
}

.e90c:before {
    content: "\e90c"
}

.e90d:before {
    content: "\e90d"
}

.e90e:before {
    content: "\e90e"
}

.e90f:before {
    content: "\e90f"
}

.e910:before {
    content: "\e910"
}

.e911:before {
    content: "\e911"
}

.e912:before {
    content: "\e912"
}

.e913:before {
    content: "\e913"
}

.e914:before {
    content: "\e914"
}

.e915:before {
    content: "\e915"
}

.e916:before {
    content: "\e916"
}

.e917:before {
    content: "\e917"
}

.e918:before {
    content: "\e918"
}

.e919:before {
    content: "\e919"
}

.e91a:before {
    content: "\e91a"
}

.e91b:before {
    content: "\e91b"
}

.e91c:before {
    content: "\e91c"
}

.e91d:before {
    content: "\e91d"
}

.e91e:before {
    content: "\e91e"
}

.iconfont i {
    font-size: 3.705882352941176rem
}

@font-face {
    font-family: 'otrs-icons';
    src: url("../fonts/fontello-cce56ec1/font/otrs-icons.eot");
    src: url("../fonts/fontello-cce56ec1/font/otrs-icons.eot#iefix") format("embedded-opentype"), url("../fonts/fontello-cce56ec1/font/otrs-icons.woff2") format("woff2"), url("../fonts/fontello-cce56ec1/font/otrs-icons.woff") format("woff"), url("../fonts/fontello-cce56ec1/font/otrs-icons.ttf") format("truetype"), url("../fonts/fontello-cce56ec1/font/otrs-icons.svg#otrs-icons") format("svg");
    font-weight: 400;
    font-style: normal
}

body {
    background-color: #F8F8F8;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    overflow-x: hidden
}

body:before {
    display: none;
    content: "";
    background-size: 100%;
    z-index: 1000;
    opacity: .5;
    width: 100%;
    height: 300vh;
    position: absolute;
    top: 38px;
    left: 0px
}

.module h1,
.module h2,
.single-otrs-feature h1 {
    font-size: 5rem;
    color: #222222;
    letter-spacing: -0.5px;
    line-height: 0.94;
    margin-bottom: 2.941176rem
}

.single-otrs-features h4 {
    font-weight: bold;
    font-size: 22px !important;
    color: #000000;
    letter-spacing: 0
}

.module-faq {
    padding-bottom: 11.411764705882353rem
}

.module-faq ul {
    list-style: square;
    padding-left: 1rem
}

.module-faq p {
    font-size: 0.941176470588235rem;
    line-height: 1.56
}

.numbered_sections {
    text-align: center
}

.numbered_sections .inner {
    padding-bottom: 7.941176470588235rem
}

.numbered_sections .arrowlink {
    margin-bottom: 0px
}

.numbered_sections .numbermask {
    margin-top: -3.176470588235294rem;
    display: inline-block;
    background: #fff;
    padding: 1rem;
    border-radius: 50%
}

.numbered_sections p {
    font-size: 1.176470rem;
    line-height: 1.470588rem
}

.readmore-inner {
    display: none;
    padding-top: 2rem
}

.readmore-inner ul {
    list-style: square;
    padding-left: 1rem
}

.readmore .arrowlink {
    margin-bottom: 0px !important
}

.featurelink {
    cursor: pointer;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1em;
    letter-spacing: normal;
    color: #3886ce;
    text-decoration: none;
    position: relative;
    display: block;
    padding-right: .7em;
    text-align: left
}

.featurelink:hover {
    text-decoration: underline
}

.justfeatures {
    text-align: left
}

.arrowlink {
    cursor: pointer;
    font-size: 1.176470588235294rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #3886ce;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding-right: .7em;
    margin-bottom: 7.941176470588235rem
}

.arrowlink:after {
    content: "";
    position: absolute;
    display: block;
    right: 0px;
    top: .45em;
    width: .4em;
    height: .4em;
    border-top: 2px solid #3886ce;
    border-right: 2px solid #3886ce;
    transform: rotate(45deg)
}

.module-twocols {
    padding: 3.4117rem 0
}

.module-twocols p {
    font-size: 1.176470rem;
    line-height: 1.470588rem
}

.module-twocols ul {
    margin-left: 0px
}

.module-twocols ul li {
    margin-left: 0px;
    margin-bottom: 1em;
    padding-left: 2em;
    position: relative
}

.module-twocols ul li:before {
    content: "";
    position: absolute;
    left: 0px;
    background-image: url(../img/ico-check.svg);
    float: left;
    height: 1em;
    width: 2.5em;
    background-size: contain;
    background-repeat: no-repeat
}

.module-twocols.bg-is-white ul li:before {
    background-image: url(../img/ico-check.svg);
    filter: invert(0) !important
}

.numbermask-inner {
    margin: auto;
    background: #fff;
    display: inline-block;
    width: 4.352941176470588rem;
    height: 4.352941176470588rem;
    font-size: 1.705882352941176rem;
    line-height: 4.352941176470588rem;
    border-radius: 2em;
    font-weight: bold;
    box-shadow: 0 0 24px rgba(34, 34, 34, 0.3)
}

.module-twocols h2,
.numbered_sections h3 {
    font-size: 2.647rem;
    font-weight: 600;
    line-height: 2.647rem;
    margin-top: 1rem
}

.numbered_sections h3 {
    margin-top: 2.529411764705882rem
}

.modul-puretext h3 {
    font-size: 1.7646rem;
    font-weight: 500;
    line-height: 2.11765rem
}

h4 {
    font-weight: 600;
    font-size: .8235rem;
    color: #3A464A;
    letter-spacing: 0
}

.single-otrs-features h4 {
    font-weight: 600;
    font-size: 1.8235rem;
    color: #3A464A;
    letter-spacing: 0
}

ul {
    list-style: none;
    padding: 0px
}

.page-title {
    overflow: hidden
}

nav a {
    font-weight: 600;
    font-size: 0.8235rem;
    color: #222222;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-right: 3.235294117647059rem
}

.txt-hl-l {
    font-size: 5rem;
    color: #222222;
    letter-spacing: -0.5px;
    line-height: 4.705rem;
    margin-bottom: 1.5rem;
    font-weight: 600
}

.txt-hl-center,
.txt-copy-center {
    text-align: center
}

.font-medium {
    font-weight: 500
}

p a {
    color: #3886CE;
    text-decoration: none
}

p a:hover {
    color: #3886CE;
    text-decoration: underline
}

.button-soft {
    transition: all .5s ease
}

.button.button-soft:hover {
    margin-top: 1px;
    box-shadow: 1px 1px 4px 0 rgba(40, 40, 40, 0.7)
}

.is-active {
    box-shadow: 0 20px 5px -10px rgba(0, 0, 0, 0.4) !important;
    transform: translateY(10px);
    transition: all .5s ease
}

.postscontainer-flex {
    display: flex !important;
    flex-wrap: wrap
}

.postscontainer-flex .container.previewcontainer {
    margin-bottom: 50px
}

body.blog .postscontainer-flex .container.previewcontainer {
    margin-bottom: 0px
}

.archive.author .archive-header {
    overflow: visible;
    position: relative;
    z-index: 100
}

.archive.author .contributorcontainer {
    background: #F8F8F8 !important
}

.price-subtext {
    background: #F8F8F8;
    padding-top: 4.705882352941176rem;
    margin-top: 2.647058823529412rem
}

.price-subtext .arrowlink {
    margin-bottom: 0px !important
}

.price-subtext p {
    margin: 0px !important
}

.featur-content-single ul {
    padding-left: 0;
    list-style: square !important;
    list-style-type: square;
    margin-left: 1rem;
    line-height: 1.470588235294118rem;
    margin-bottom: 2.25rem
}

#mobile-sub-and-ancors {
    display: none
}

#top-right-navigation>div {
    text-align: right
}

#otrs-site-footer {
    background: #F8F8F8;
    padding: 7.5rem 0 7.5rem 0px
}

#otrs-site-footer .nice-select {
    margin-bottom: 0px;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border-radius: 5px;
    border: none !important;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 1rem !important;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: calc(100% - 10px)
}

#imp-footer-menu {
    list-style: none;
    margin: 0px;
    padding: 0px
}

#imp-footer-menu a {
    text-decoration: none;
    color: #6B6B6B;
    padding-right: 7px
}

#imp-footer-menu a:after {
    content: "|";
    padding-left: 7px
}

#imp-footer-menu li {
    float: left;
    display: inline-block
}

#imp-footer-menu li:last-child a:after {
    content: "" !important;
    padding-left: 7px
}

#primary-menu {
    display: inline-block;
    margin: auto
}

.ancorholder {
    width: 100% !important;
    max-width: 100%;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    min-height: 2.9411rem;
    z-index: 499;
    margin: 3rem 0;
    display: flex
}

.ancorholder a {
    color: #000;
    flex: 1;
    text-decoration: none;
    font-size: 0.8823rem;
    font-weight: bold;
    line-height: 2.9411rem;
    text-transform: uppercase;
    padding: 0 1em;
    white-space: nowrap
}

.pin-wrapper {
    margin: 3rem 0
}

.pin-wrapper .ancorholder {
    margin: 0
}

.pin-wrapper .ancorholder.topnavactive {
    left: 0px !important;
    width: 100vw !important
}

.pin-wrapper .ancorholder.topnavactive :before {
    content: "";
    position: absolute;
    left: 20px;
    width: 1.705882352941176rem;
    height: 1.705882352941176rem;
    margin-top: .5em;
    background: url(../img/otrs-logo-alt.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.pin-wrapper .ancorholder .inner-ancors {
    display: flex;
    margin: auto
}

.admin-bar .pin-wrapper .ancorholder.topnavactive {
    top: 32px
}

.menu .ico a {
    display: block !important;
    overflow: hidden;
    text-indent: 800px;
    min-width: 40px;
    line-height: 32px;
    width: 32px;
    white-space: nowrap;
    position: relative
}

.menu .ico a:before {
    content: "";
    position: absolute;
    left: 0px;
    color: red;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-position: center
}

.ico-phone a:before {
    background: url(../img/ico-phone.svg)
}

.ico-search a:before {
    background: url(../img/ico-search.svg)
}

.ico-member a:before {
    background: url(../img/ico-user.svg)
}

.button.button-soft {
    background: #3A464A;
    box-shadow: 2px 2px 4px 0 rgba(40, 40, 40, 0.7);
    border-radius: 100px;
    font-size: 1rem;
    color: #FFFFFF;
    line-height: 2.5524rem;
    letter-spacing: 0;
    display: inline-block;
    text-decoration: none;
    border: 1px solid transparent;
    white-space: nowrap
}

.button.button-soft span {
    padding-right: 1.294117647058824rem !important
}

.button.button-soft.button-soft-white {
    background: #fff;
    box-shadow: 2px 2px 4px 0 rgba(40, 40, 40, 0.7);
    border-radius: 100px;
    color: #222222;
    padding-right: 22px !important
}

.button.plus-sign {
    padding-left: 0px;
    padding-right: 0px
}

.button.plus-sign .button-soft {
    padding-left: 10px;
    padding-right: 22px
}

.button.plus-sign:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    display: block;
    width: 1.865rem;
    height: 1.865rem;
    border-radius: 50%;
    float: left;
    margin: 5px 0.8235rem 5px 5px;
    text-align: center;
    line-height: 1.865rem;
    background-image: url(../img/smallarrow-right.svg);
    background-position: center;
    background-repeat: no-repeat
}

.button.plus-sign.button-soft-white:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
    width: 1.865rem;
    height: 1.865rem;
    border-radius: 50%;
    float: left;
    margin: 5px 0.8235rem 5px 5px;
    text-align: center;
    line-height: 1.865rem;
    background-image: url(../img/smallarrow-right.svg);
    background-position: center;
    background-repeat: no-repeat
}

.disablelink.button.plus-sign {
    background: #D6D6D6 !important;
    border: none;
    box-shadow: none
}

.disablelink.button.plus-sign span {
    padding-left: 22px
}

.disablelink.button.plus-sign:before {
    display: none
}

.button-link {
    color: #3886CE;
    text-decoration: none;
    display: block;
    margin-top: 2.941176470588235rem
}

.button-link span {
    display: inline-block;
    font-size: 1.176470588235294rem;
    color: #3886CE;
    letter-spacing: 0;
    line-height: 1.470588235294118rem
}

.button-link span:after {
    content: "";
    display: inline-block;
    width: 1.865rem;
    height: 0.882352941176471rem;
    border-radius: 50%;
    float: right;
    margin: 0.3em 0.8235rem 0 .1em;
    text-align: center;
    line-height: 1.865rem;
    background-image: url(../img/smallarrow-right-blue.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.vbottomlink {
    margin-left: 15px
}

.vbottomlink:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 0.882352941176471rem;
    border-radius: 50%;
    float: right;
    margin: 3px 0px 0 5px;
    text-align: center;
    line-height: 1.865rem;
    background-image: url(../img/smallarrow-right-blue.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.postscontainer-flex {
    display: flex;
    flex-wrap: wrap
}

.related-modul {
    background: #fff;
    padding-bottom: 90px
}

.downloadcontainer,
.downloadcontainer p {
    color: #fff !important
}

.button.download-link {
    background: #fff !important;
    color: #222222 !important
}

.button.download-link:before {
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-image: url(../img/download-icon.svg) !important;
    background-position: 0.27rem .35rem !important;
    background-size: 1.3rem 1.4rem
}

#otrs-head {
    height: inherit;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    z-index: 500;
    transition: all .3s ease-in
}

.xing {
    background-image: url(../img/xing.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat
}

.admin-bar #otrs-head {
    top: 32px
}

#otrs-head.nav-up {
    top: -100px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

#otrs-content {
    padding-top: 5.3rem;
    min-height: 100vh
}

#main-navigation>div>ul>li {
    float: left;
    line-height: 5.3rem
}

#main-navigation ul ul li a {
    line-height: 2.5em !important
}

#main-navigation ul ul li a:after {
    position: absolute;
    top: 2em !important;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px)
}

#main-navigation>div>ul>li.current-menu-item>a:after,
#main-navigation>div>ul>li.current-menu-parent>a:after,
#main-navigation>div>ul ul>li.current-menu-item>a:after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px)
}

#main-navigation a {
    font-weight: 600;
    text-decoration: none;
    line-height: 4.75rem;
    display: block;
    position: relative
}

#main-navigation a:after {
    position: absolute;
    top: 3.529411764705882rem;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px)
}

.sub-menu {
    display: none;
    position: absolute;
    background: #fff;
    padding: 0 15px;
    margin-left: -15px
}

#main-navigation li:hover .sub-menu {
    display: block;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    padding-bottom: 14px
}

#main-navigation li:hover .sub-menu a {
    line-height: 5em
}

#main-navigation a:focus::after,
#main-navigation a:hover::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px)
}

.menu-header-right-menu-container {
    text-align: right
}

#secondary-menu {
    display: inline-flex;
    margin: auto
}

#secondary-menu li {
    height: 100%;
    display: flex;
    height: 4.75rem
}

#secondary-menu a {
    text-decoration: none;
    display: block;
    font-weight: 400;
    font-size: 9px;
    color: #B9B9B9;
    display: block;
    margin: auto
}

.page-title a {
    background-image: url(../img/logo.svg);
    display: block;
    background-repeat: no-repeat;
    background-position: center left;
    text-indent: -200px;
    line-height: 3.06rem;
    background-size: contain;
    margin: 1.306rem 0;
    max-height: 48px
}

li.button a {
    border: 1px solid #9B9B9B;
    border-radius: 15px;
    padding: 5px 10px
}

.fullwidthteaser.background {
    background: #6190e8;
    background: -webkit-linear-gradient(to left, #6190e8, #a7bfe8);
    background: linear-gradient(to left, #6190e8, #a7bfe8);
    background-repeat: no-repeat;
    background-size: cover
}

.fullbg-effect {
    background-color: #fff;
    width: 100%;
    height: 100vh;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 5.3rem;
    background-attachment: fixed;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    top: 0px;
    height: 100vh;
    position: fixed;
    z-index: -1
}

.fullbg-effect:after {
    content: "";
    width: 100%;
    height: 10px;
    background: #fff
}

.single-story .fullbg-effect {
    height: 100%;
    background-size: cover !important;
    background-attachment: inherit;
    width: 100vw !important;
    background-position: bottom !important;
    position: absolute !important
}

.home .fullbg-effect {
    height: calc(100vh - 8rem);
    background-size: cover !important;
    background-attachment: inherit;
    width: 100vw !important;
    background-position: center !important;
    position: absolute !important
}

.home.admin-bar .fullbg-effect {
    height: calc(100vh - 8.2rem)
}

.body-nav-up .fullbg-effect {
    background-position: 0 0px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.module {
    background-color: #f8f8f8
}

.module-events {
    padding-bottom: 75px
}

.module-events .eventheader {
    text-align: left;
    background-color: #fff;
    border-bottom: solid 2px #222222;
    padding: 1rem;
    font-weight: bold
}

.event-row:nth-child(even) {
    background: #F5F5F5
}

.event-row:nth-child(odd) {
    background: #F8F5F0
}

.event-row {
    border-bottom: solid 2px #222222
}

.event-row .gr-2 {
    text-align: center
}

.trainingicon {
    height: 50px !important;
    width: 50px !important
}

.event-row h3 {
    font-weight: normal;
    margin: 0px;
    padding-left: 10px
}

.event-row>div {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.event-headline-big {
    text-align: center;
    margin-bottom: 3em
}

.fullwidthteaser-heighten {
    display: inline-block;
    min-height: calc(100vh - 10.6rem);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%
}

.fullwidthteaser-heighten.background-white {
    display: flex
}

.single-story .fullwidthteaser-heighten {
    min-height: calc(600px);
    display: flex;
    background-color: transparent;
    position: relative
}

.single-story .fullwidthteaser-heighten h4 {
    color: #fff;
    font-size: 20px;
    line-height: 45px
}

.single-story .fullwidthteaser-heighten>div.container {
    margin-top: 0px;
    margin-bottom: 0px
}

.home .fullwidthteaser-heighten {
    min-height: calc(100vh - 13.6rem);
    display: flex
}

.home.admin-bar .fullwidthteaser-heighten {
    min-height: calc(100vh - 16.3rem);
    display: flex
}

.fullwidthteaser-heighten>div {
    display: flex
}

.home .fullwidthteaser-heighten>div.container {
    margin-top: 0px;
    margin-bottom: 0px
}

.fullwidthteaser-heighten>div.container {
    position: relative;
    z-index: 2;
    margin-top: 100vh;
    width: 100%;
    margin-bottom: 8.823529411764706rem
}

.fullwidthteaser-heighten.background-white>div.container {
    margin-top: 35vh;
    opacity: 0;
    transition: all 0.5s ease-in
}

.fullwidthteaser-heighten.background-white>div.container.loaded {
    opacity: 1;
    margin: auto;
    transition: all 0.5s ease-in
}

.fullwidthteaser-heighten.background-white>div.container .fullwidthteaser-content {
    margin-top: 200px
}

.fullwidthteaser-heighten.background-white>div.container.loaded .fullwidthteaser-content {
    margin-top: 0px;
    transition: all 0.5s ease-in
}

.fullwidthteaser-heighten>div>div {
    margin: auto 0
}

.fullwidthteaser.background-white .fullwidthteaser-content {
    background: #fff;
    padding: 2% 7.058823529411765rem 10% 7.058823529411765rem
}

.fullwidthteaser-content {
    margin: auto
}

.fullwidthteaser-content .subline {
    font-weight: 500;
    font-size: 1.764rem;
    line-height: 2.11764rem;
    color: #222222;
    letter-spacing: 0;
    margin-bottom: 48px;
    margin-top: 0px
}

.fullwidthteaser-content .txt-hl-l {
    margin-bottom: 2.2rem
}

.txt-hl-ul-white,
.fullwidthteaser-content .subline.subline-white {
    color: #fff
}

.txt-hl-ul-dark {
    color: #222222 !important
}

.currently-no-features {
    max-height: 100%;
    margin-bottom: 10rem
}

.feature-link-list {
    list-style: square;
    padding-left: 1em
}

.feature-link-list li {
    padding-bottom: 5px
}

.feature-link-list li a {
    line-height: 1.2em
}

.logobar-row {
    display: flex
}

.logobar {
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 #D6D6D6
}

.logobar ul {
    display: inline-block;
    margin: auto
}

.logobar li {
    text-align: center;
    float: left
}

.logobar img {
    max-height: 60px;
    width: auto;
    height: 60px;
    padding: 1.411764705882353rem 0;
    margin: auto;
    max-width: 100%;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle
}

.module-puretext {
    text-align: center;
    padding: 7.941176470588235rem 0px
}

.module-puretext.remove_lower_spacing {
    padding-bottom: 0px
}

.module-puretext h3 {
    font-size: 2.647rem;
    line-height: 2.647rem;
    font-weight: 600
}

.content-textonly-leftalign {
    text-align: left
}

.txt-copy {
    font-size: 30px;
    color: #222222;
    letter-spacing: 0;
    margin-bottom: 2.823529411764706rem
}

.modul-videobutton {
    position: relative
}

.modul-videobutton>img {
    width: 100%;
    object-fit: cover
}

.videocontent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center
}

.modul-fancygrid {
    padding-bottom: 8.75rem;
    display: inline-block
}

.modul-fancygrid .txt-copy {
    font-weight: 500;
    font-size: 1.7647rem;
    line-height: 2.1176rem
}

.modul-fancygrid .fl-inner {
    background: #FFFFFF;
    box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.31);
    padding: 60px;
    margin-bottom: 10px
}

.modul-fancygrid .fl-inner ul {
    padding-left: 0px;
    list-style-type: square;
    margin-left: 1rem
}

.content-imagetext-copy ul {
    padding-left: 0px;
    list-style-type: square;
    margin-left: 1rem
}

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

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

.displaynone {
    display: none
}

.modul-fancygrid .fl-inner h3 {
    font-size: 2.647rem;
    color: #222222;
    letter-spacing: 0;
    line-height: 2.352rem;
    display: inline-block;
    margin-bottom: 1rem;
    margin-top: 30px;
    font-weight: 500
}

.modul-fancygrid .heading-topbar {
    max-width: 107px
}

.fullwidthteaser .heading-topbar {
    max-width: 230px
}

.modul-fancygrid.layout-2 .fl-inner {
    padding: 30px;
    margin-bottom: 10px;
    box-shadow: none
}

.modul-fancygrid.layout-2 .fl-inner h3 {
    font-size: 1.7647rem;
    line-height: 2.11764rem
}

.modul-fancygrid.layout-2 .fl-inner h3 .heading-topbar {
    display: none
}

.modul-fancygrid .fl-inner p {
    font-size: 1rem;
    color: #222222;
    letter-spacing: 0;
    line-height: 1.25rem
}

.heading-topbar {
    display: block;
    height: 10px;
    line-height: 0px;
    margin-bottom: 1.470588235294118rem;
    max-width: 180px;
    width: 180px
}

.modul-fancygrid .fl-inner .button {
    margin-top: 2.9411rem
}

.getsmaller {
    padding-bottom: 40px !important;
    padding-top: 40px !important
}

.content-imagetext-large,
.content-imagetext {
    display: flex
}

.content-imagetext-large-imgright {
    flex-direction: row-reverse
}

.txt-hl-s {
    font-weight: 500;
    font-size: 1.1764rem;
    color: #222222;
    letter-spacing: 0
}

.txt-hl-m {
    font-weight: 500;
    font-size: 2.25rem;
    color: #222222;
    letter-spacing: 0;
    line-height: 2.25rem
}

p.txt-copy {
    font-size: 1rem;
    color: #222222;
    letter-spacing: 0;
    line-height: 1.353rem
}

.content-imagetext-large-copy {
    border-left: 5px solid #fff;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    border-right: 5px solid #fff
}

.content-imagetext-large figure {
    padding: 0px;
    border: solid 10px 5px 10px 10px
}

.content-imagetext-large figure img,
.content-imagetext figure img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.content-imagetext figure.fit-contain img {
    object-fit: contain;
    height: auto
}

.content-imagetext-large-copy .inner,
.content-imagetext .inner {
    padding: 5% 20%
}

.content-imagetext figure {
    margin: 0px;
    height: 100%
}

.content-imagetext figure a {
    display: block;
    height: 100%;
    line-height: 0px
}

.content-imagetext-large figure {
    height: 100%;
    margin: 0px;
    border-top: 10px solid #fff;
    border-left: 5px solid #fff;
    border-bottom: 10px solid #fff;
    border-right: 5px solid #fff
}

#footer-area-one li a {
    font-size: 0.7647rem;
    color: #6B6B6B;
    letter-spacing: 0;
    line-height: 23px;
    text-decoration: none
}

#footer-area-two {
    font-size: 11px;
    color: #6B6B6B
}

#footer-area-two .row-align-middle>* {
    font-size: 11px !important
}

#footer-area-two .nice-select {
    padding-left: 0px;
    font-size: 11px !important;
    max-width: 100px;
    margin-bottom: 0px;
    border: 0
}

.modul-successstorys.modul-filtersuccess {
    padding: 7.941176470588235rem 0px
}

.modul-successstorys {
    background: #F5F2EC
}

.modul-successstorys h4 {
    padding-top: 1.33em;
    margin-top: 0px
}

.modul-successstorys figure {
    margin: 0px;
    line-height: 0px
}

.modul-successstorys figure img {
    width: 100%;
    height: 100%;
    display: cover
}

.modul-successstorys .inner {
    margin-bottom: 75px
}

.modul-successstorys-layout-2 .single-story-inner {
    background: #fff;
    box-shadow: 0 2px 4px 0 #D6D6D6
}

.modul-successstorys-layout-2 .single-story-inner-excerpt {
    padding: 2.941176470588235rem 1.529411764705882rem 2.352941176470588rem 1.529411764705882rem
}

.modul-successstorys-layout-2 .single-story-inner-excerpt img {
    max-width: 165px;
    height: auto;
    max-height: 40px
}

.modul-successstorys-layout-2 .single-story-inner-excerpt .txt-copy {
    margin-top: 2.941176470588235rem
}

.single-story h2 {
    font-weight: 600;
    font-size: 2.647058823529412rem;
    color: #222222;
    letter-spacing: 0;
    line-height: 2.6470rem;
    font-weight: 600;
    margin-top: 0px
}

.single-story h3 {
    font-size: 1.764705882352941rem;
    margin-top: 0px
}

.single-story .fullwidthteaser-heighten .row {
    width: 100%
}

.single-story .fullwidthteaser-content {
    color: #fff;
    text-align: center
}

.single-story .fullwidthteaser-content p {
    font-weight: 500;
    font-size: 1.7647rem;
    line-height: 2.1176rem;
    color: #fff
}

.single-story .fullwidthteaser-content img {
    max-width: 275px;
    height: auto
}

.optional-copy-txt,
.single-story-first {
    padding-top: 8.823529411764706rem;
    padding-bottom: 8.823529411764706rem
}

.optional-copy-txt:nth-child(2n+1) {
    background: #F6F3EE
}

.optional-copy-txt:nth-child(3n+2) {
    background: #FBF9F7
}

.optional-copy-txt:nth-child(4n+2) {
    background: #fff
}

.success-customer-details .story-sidebar-heders {
    margin-top: 0.588235294117647rem;
    display: block;
    margin-bottom: 3px
}

.success-customer-details .story-sidebar-heders.is-first {
    margin-top: 3px
}

.success-customer-details ul {
    list-style: square;
    padding-left: 1.2em
}

.success-customer-details ul li {
    line-height: 1.339411764705882rem
}

.success-customer-details ul p {
    margin: 0px
}

.success-customer-details .inner {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    border-radius: 3.8px;
    padding: 1.764705882352941rem 10px;
    margin-top: calc(-10vh + -8.823529411764706rem);
    display: inline-block
}

.modul-textimage h2 {
    font-weight: 600;
    font-size: 2.6470rem;
    color: #222222;
    letter-spacing: 0;
    line-height: 2.6470rem;
    font-weight: 600
}

.content-imagetext.getsmaller {
    width: calc(100% - 40px)
}

.menu-visible .toggleinner {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important
}

.menu-visible .toggleinner:before {
    content: "";
    display: block;
    height: 1px;
    transform: rotate(45deg);
    background: #000;
    top: 50%;
    position: relative;
    transform-origin: center
}

.menu-visible .toggleinner:after {
    content: "";
    display: block;
    height: 1px;
    background: #000;
    transform: rotate(-45deg);
    top: 50%;
    position: relative;
    right: 0px;
    transform-origin: center
}

.smallpadding .inner {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4.823529411764706rem
}

.v-l-top .smallpadding .inner {
    padding-top: 0px
}

.v-l-top .smallpadding .inner .txt-hl-ul {
    margin-top: 0px
}

.module-twocols+.module-twocols {
    border-top: 10px solid #f8f8f8
}

.box-holder {
    background: #f8f8f8;
    padding-bottom: 10px
}

a.social {
    float: left;
    display: block;
    width: 2.059rem;
    height: 2.059rem;
    background-image: url(../img/socialicons.svg);
    background-size: 8.823529411764706rem 2.117647058823529rem;
    margin-left: 2px;
    margin-right: 2px
}

.s2 {
    background-position: 2.059rem
}

.s3 {
    background-position: 6.4995rem
}

.s4 {
    background-position: 4.3rem
}

.modul-quote {
    padding: 200px 0
}

.modul-quote blockquote {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.76470rem;
    font-weight: 200;
    font-style: italic;
    letter-spacing: 0
}

.modul-quote blockquote strong,
.modul-quote blockquote b {
    font-style: italic;
    font-size: 1.76470rem
}

.modul-quote blockquote cite {
    font-weight: 500;
    font-size: 1.1764rem;
    font-style: normal;
    display: block;
    letter-spacing: 0;
    margin-top: 40px
}

blockquote .blockquote-inner:before {
    content: "„"
}

body.en blockquote .blockquote-inner:before {
    content: "“"
}

blockquote .blockquote-inner:after {
    content: "“"
}

.modul-quote.modul-quote-layout-2 {
    text-align: center
}

.modul-quote.modul-quote-layout-2 img {
    width: 27.5294rem;
    height: auto;
    margin-bottom: 4.1176rem;
    max-width: 100%
}

.module-pricing-table {
    background-size: cover
}

.module-pricing-table h1 {
    text-align: center;
    margin-top: 0px;
    padding-top: 8.058823529411765rem
}

.module-pricing-table p {
    text-align: center;
    margin-bottom: 12.352941176470588rem
}

.subtext p {
    margin-bottom: 0px
}

.single-feature-holder {
    flex: 1
}

.pricing-table-inner {
    position: relative;
    -webkit-backdrop-filter: blur(47.9px);
    backdrop-filter: blur(47.9px);
    box-shadow: 0 2px 8px 0 #d6d6d6;
    background-color: #ffffff;
    border: solid 1px #d6d6d6;
    padding: 2rem;
    height: calc(100% - 4rem);
    display: flex;
    flex-direction: column
}

.pricing-table-inner.highlight-1 {
    margin-top: -5rem;
    background-color: #F5F2EC;
    border: 1px solid #D6D6D6;
    box-shadow: 0 0 25px 7px #9B9B9B;
    padding-bottom: 2em;
    display: table
}

.pricing-table-inner.highlight-1 .button {
    margin-top: 5rem
}

.pricing-table-inner.highlight-1 .user-number {
    background: #fff;
    width: 16.235294117647059rem;
    height: 16.235294117647059rem;
    margin: 0 auto 3.764705882352941rem auto
}

.pricing-table-inner.highlight-1 .user-number:after {
    display: block;
    content: "";
    padding-bottom: 100%
}

.pricing-table-inner .buttonholder {
    text-align: center;
    padding-top: 1.764705882352941rem
}

.pricing-table-inner .pricing_color {
    position: absolute;
    height: 6px;
    top: -1px;
    left: 0px;
    width: calc(100% + 2px);
    margin-left: -1px
}

.pricing-table-inner .user-number {
    width: 14.705882352941176rem;
    height: 14.705882352941176rem;
    background: #f8f8f8;
    border-radius: 50%;
    margin: 0 auto 3.764705882352941rem auto;
    display: flex
}

.pricing-table-inner .user-number .user-number-inner {
    margin: auto
}

.pricing-table-inner .user-number .user-number-number {
    font-size: 5rem;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 4.705882352941176rem
}

.pricing-table-inner .user-number .user-number-sub {
    display: block;
    text-align: center;
    font-size: 1rem;
    line-height: 1.352941176470588rem
}

.pricing-table-inner .single-feature {
    font-size: 1rem;
    line-height: 1.352941176470588rem;
    margin-bottom: 0.823529411764706rem;
    padding-left: 1.5em;
    display: block;
    position: relative
}

.pricing-table-inner .single-feature:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 5px;
    background-image: url(../img/ico-check.svg);
    float: left;
    width: 2.5em;
    background-size: contain;
    background-repeat: no-repeat;
    height: 12px
}

.pricing-table-inner h4 {
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #222222;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 3.058823529411765rem
}

.module-partners {
    padding-bottom: 4.411764705882353rem
}

.filterholder {
    margin-bottom: 4.411764705882353rem;
    margin-top: 4rem
}

.filterholder .filterholder-inner {
    display: inline-block;
    border-bottom: 2px solid #d8d8d8
}

.filterholder button {
    -webkit-appearance: none;
    padding: 0px 0 7px 0;
    cursor: pointer;
    margin: 0 1.882352941176471rem -2px 1.882352941176471rem;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    border: none;
    background: transparent
}

.filterholder button:first-child {
    margin: 0 1.882352941176471rem -2px 0
}

.filterholder button:last-child {
    margin: 0 0 -2px 1.882352941176471rem
}

.filterholder button.mixitup-control-active {
    border-bottom: 2px solid #222222;
    font-weight: bold
}

.filterholder button:focus {
    outline: none
}

.filterholder button:hover {
    border-bottom: 2px solid #222222
}

.partner-row {
    background: #fff;
    margin-bottom: 10px;
    padding-top: 3.411764705882353rem;
    padding-bottom: 4.470588235294118rem
}

.partner-row strong {
    display: block;
    margin-bottom: 0.411764705882353rem;
    font-size: 1.176470588235294rem;
    font-weight: 500;
    line-height: 2.25;
    letter-spacing: normal;
    text-align: left;
    color: #000000
}

.partner-row p strong {
    display: inline;
    line-height: inherit
}

.partner-row h2 {
    display: block;
    margin: 0 0 1.705882352941176rem 0;
    font-size: 2.647058823529412rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #000000
}

.partner-row .link-toggle {
    font-size: 1.176470588235294rem;
    font-weight: normal;
    line-height: 1.25;
    text-align: left;
    color: #3886ce;
    cursor: pointer;
    display: inline-block
}

.partner-row .link-toggle:after {
    content: "";
    display: block;
    width: 0.647058823529412rem;
    height: 0.647058823529412rem;
    border-top: 2px solid #3886ce;
    border-right: 2px solid #3886ce;
    float: right;
    margin-top: .2em;
    margin-left: .5em;
    transform: rotate(135deg)
}

.partner-row .link-toggle.active:after {
    transform: rotate(-45deg);
    margin-top: .55em
}

.partner-row .contact-more-wrapper {
    margin-top: 3.176470588235294rem
}

.partner-row .contact-more-wrapper-inner {
    display: none
}

.partner-row .partner-logobar {
    text-align: center
}

.partner-row .partner-logobar img {
    max-width: 245px;
    height: auto
}

#search-close {
    display: none
}

.blurheader #search-close {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent;
    height: 2.058823529411765rem;
    width: 2.058823529411765rem;
    margin-top: 1.45rem;
    margin-bottom: 1.5rem;
    cursor: pointer
}

.blurheader #search-close:before {
    content: "";
    position: absolute;
    top: 0px;
    height: 1px;
    width: 2.9rem;
    background: #9B9B9B;
    left: 0px;
    transform: rotate(45deg);
    transform-origin: top left
}

.blurheader #search-close:after {
    content: "";
    position: absolute;
    top: 0px;
    height: 1px;
    width: 2.9rem;
    background: #9B9B9B;
    right: 0px;
    transform: rotate(-45deg);
    transform-origin: top right
}

.menu-footer-menu-imprint-etc-container li:last-child a:after {
    display: none
}

.close_x {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent;
    height: 2.058823529411765rem;
    width: 2.058823529411765rem;
    margin-top: 1.45rem;
    margin-bottom: 1.5rem;
    cursor: pointer
}

.close_x:before {
    content: "";
    position: absolute;
    top: 0px;
    height: 1px;
    width: 2.9rem;
    background: #9B9B9B;
    left: 0px;
    transform: rotate(45deg);
    transform-origin: top left
}

.close_x:after {
    content: "";
    position: absolute;
    top: 0px;
    height: 1px;
    width: 2.9rem;
    background: #9B9B9B;
    right: 0px;
    transform: rotate(-45deg);
    transform-origin: top right
}

#top-right-navigation {
    position: relative
}

#otrs-search-form {
    transition: all .2s ease-in;
    left: 43%;
    position: absolute;
    top: .6em
}

.blurheader #otrs-search-form {
    transition: all .2s ease-in;
    position: absolute;
    top: .8em;
    left: -22%;
    z-index: 900
}

#search-submit {
    line-height: 2.941176470588235rem;
    border: none;
    background: none;
    overflow: hidden;
    text-indent: -220px;
    background-size: .9em;
    padding: 0 1.3em
}

#otrs-search-form #search-input {
    width: 1px;
    outline: 0px;
    outline-offset: 0px;
    opacity: 0
}

.blurheader #search-submit {
    background-image: url(../img/ico-search-submit.svg);
    background-repeat: no-repeat;
    background-position: .4em 1.13em
}

.blurheader #otrs-search-form #search-input {
    line-height: 2.823529411764706rem;
    background: #F8F8F8;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    width: 20.588235294117647rem;
    top: 1em;
    transition: all .2s ease-in;
    padding: 0 10px;
    opacity: 1
}

.blurheader .page-title,
.blurheader .main-navigation,
.blurheader #top-right-navigation #secondary-menu {
    transition: all .1s ease-in;
    filter: blur(10px)
}

.blurheader #otrs-search-form {
    display: block
}

.makeitflex {
    display: flex;
    flex-direction: column;
    height: 100%
}

.home .makeitflex div:nth-child(2) {
    flex: 1
}

.headline-1,
.module .headline-1 {
    font-weight: bold;
    font-size: 5rem;
    color: #222222;
    letter-spacing: 0;
    text-align: center;
    line-height: 4.705882352941176rem
}

.headline-2,
.module .headline-2 {
    font-weight: bold;
    font-size: 2.647058823529412rem;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 2.647058823529412rem
}

.headline-3,
.module .headline-3 {
    font-weight: 600;
    font-size: 1.176470588235294rem;
    color: #000000;
    letter-spacing: 0;
    text-align: center
}

.headline-4,
.module .headline-4 {
    font-weight: bold;
    font-size: 1.294117647058824rem;
    color: #000000;
    letter-spacing: 0
}

.headline-4.smaller,
.module .headline-4.smaller {
    font-size: 0.705882352941176rem !important
}

.font-size-big {
    font-weight: 500;
    font-size: 1.764705882352941rem;
    color: #222222;
    letter-spacing: 0;
    text-align: center;
    line-height: 2.1176rem
}

.font-size-big strong {
    font-size: 600
}

.spacing-bottom {
    margin-bottom: calc(8.529411764705882rem - 1.5rem)
}

.font-size-less-text,
.font-size-less-text p,
.font-size-less-text h2,
.font-size-less-text h1 {
    font-weight: normal;
    font-size: 1.176470588235294rem;
    color: #000000;
    letter-spacing: 0;
    line-height: 1.470588235294118rem
}

.font-size-more-text,
.font-size-more-text p {
    font-size: 1rem;
    color: #222222;
    letter-spacing: 0;
    line-height: 1.352941176470588rem
}

.font-size-long-text {
    font-weight: normal;
    font-size: 0.529411764705882rem;
    color: #9B9B9B;
    letter-spacing: 0;
    line-height: 0.647058823529412rem
}

a.headline-3 {
    text-decoration: none
}

.search-results .page-header,
.search-no-results .page-header {
    padding-top: 4rem;
    text-align: center
}

.search-results .page-header .page-title,
.search-no-results .page-header .page-title {
    display: block
}

.search-results .page-header .page-title span,
.search-no-results .page-header .page-title span {
    display: block;
    line-height: 1.2
}

.search-results .page-header .font-size-big,
.search-no-results .page-header .font-size-big {
    display: block
}

.search-results .module-twocols h2,
.search-results .numbered_sections h3,
.search-no-results .module-twocols h2,
.search-no-results .numbered_sections h3 {
    margin: 0px
}

.search-result .inner-search {
    background: #fff;
    padding-top: 3.823529411764706rem;
    padding-bottom: 3.823529411764706rem;
    margin-bottom: 10px
}

.center {
    text-align: center
}

.otrs-features-bg {
    margin-bottom: -20%
}

.otrs-features-bg.no-highlight-features {
    margin-bottom: 0%
}

.big-feature-list,
.module-highlight-otrs-features {
    background: #fff
}

.big-feature-list .square,
.module-highlight-otrs-features .square {
    background-color: #F7F8F9;
    position: relative;
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px
}

.big-feature-list .square:after,
.module-highlight-otrs-features .square:after {
    content: "";
    display: block;
    padding-bottom: calc(100% - 10px)
}

.big-feature-list .square.big-grid:after,
.module-highlight-otrs-features .square.big-grid:after {
    content: "";
    display: block;
    padding-bottom: calc(50% - 15px)
}

.big-feature-list .square-inner,
.module-highlight-otrs-features .square-inner {
    position: absolute;
    width: calc(100% - 4rem);
    height: 100%;
    padding: 0 2rem;
    height: 100%;
    display: block
}

.big-feature-list .square-inner .suare-inner-term,
.module-highlight-otrs-features .square-inner .suare-inner-term {
    display: block;
    font-size: 12px;
    color: #222222;
    letter-spacing: 0;
    line-height: 13px;
    margin-top: 2rem;
    margin-bottom: 2.058823529411765rem
}

.big-feature-list .square-inner .square-inner-content,
.module-highlight-otrs-features .square-inner .square-inner-content {
    position: absolute;
    height: calc(100% - 4rem);
    width: calc(100% - 4rem)
}

.big-feature-list .info-copy-button,
.module-highlight-otrs-features .info-copy-button {
    background-image: url(../img/ico-info-button.svg);
    width: 2.941176470588235rem;
    height: 2.058823529411765rem;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 1rem;
    position: absolute;
    right: -2.3rem;
    cursor: pointer;
    background-position: right
}

.info .square {
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.31)
}

.single-story-inner-excerpt-copy .txt-copy {
    margin-bottom: 0px
}

.single-story-inner-excerpt-copy {
    margin-bottom: 2.823529411764706rem
}

.module-feature-listing-template {
    background: #fff;
    padding: 7.941176470588235rem 0px
}

.module-feature-listing-template .content-textonly {
    padding-bottom: 7.941176470588235rem
}

.content-textonly img {
    max-width: 100%;
    height: auto
}

.info .square {
    transition: all .5s ease-in
}

.grids-list-item.info.flipped .square-inner-content {
    opacity: 0
}

.info-copy .close_x {
    margin-right: 1rem
}

.liststyle .info-copy-button {
    position: absolute;
    top: 1rem;
    right: 0px;
    background: url(../img/black-arrow-down.svg);
    background-repeat: no-repeat
}

.liststyle .square-inner {
    width: 100% !important;
    position: relative
}

.liststyle .square-inner-content {
    display: block;
    width: 100% !important;
    position: relative !important
}

.liststyle .grids-list-item .square-inner:after {
    display: none !important;
    height: inherit
}

.liststyle .info.flipped .square .info-copy {
    display: block !important;
    opacity: 1;
    position: relative
}

.info-copy {
    display: block;
    top: 0px;
    position: absolute;
    transition: all .2s ease-in;
    opacity: 1;
    padding-top: 2rem;
    top: 0px;
    left: 0;
    padding-left: 2rem;
    width: calc(100% - 4rem);
    padding-right: 2rem;
    opacity: 0
}

.info-copy:after {
    content: "";
    width: 2rem;
    height: 2rem;
    top: 0px;
    right: 0;
    display: block;
    position: absolute;
    padding-right: 2rem
}

.info.flipped .square .info-copy {
    display: block;
    height: calc(100% - 2rem);
    overflow: auto;
    padding-top: 2rem;
    transition: all .5s ease-in;
    opacity: 1;
    top: 0px;
    left: 0;
    padding-left: 2rem;
    width: calc(100% - 4rem);
    padding-right: 2rem
}

.big-feature-list .grids-list-item .square-inner:after {
    content: "";
    display: block;
    padding-top: 100%
}

.liststyle .close_x {
    display: none !important
}

.liststyle .info-copy {
    display: none !important
}

.liststyle .headline-1,
.liststyle .headline-2,
.liststyle .headline-3 {
    text-align: left
}

.big-feature-list.liststyle .grids-list-item {
    width: 66.6666666667%;
    margin-left: 16.6666666667%
}

.big-feature-list.liststyle .grids-list-item .square {
    background: #fff;
    border-top: 1px solid #ccc;
    box-shadow: none;
    margin-bottom: 0px
}

.big-feature-list.liststyle .grids-list-item .square .square-inner {
    padding: 0px
}

.big-feature-list.liststyle .grids-list-item .square:after {
    content: "";
    display: block;
    padding-bottom: 0em
}

.big-feature-list.liststyle .grids-list-item .square .suare-inner-term {
    display: none
}

.big-feature-list.liststyle .grids-list-item .square .headline-1,
.big-feature-list.liststyle .grids-list-item .square .headline-2,
.big-feature-list.liststyle .grids-list-item .square .headline-3 {
    font-weight: 600;
    font-size: 1.176470588235294rem;
    line-height: 2.3em;
    text-align: left
}

.big-feature-list.liststyle .grids-list-item .square .headline-3 {
    font-weight: 500 !important
}

.otrs-features-bg img {
    object-fit: cover;
    width: 100%
}

.module-highlight-otrs-features h1 {
    text-align: center;
    color: #fff
}

.highlight-feature {
    height: 100%
}

.highlight-feature .square {
    position: relative;
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 1px 2px #ccc
}

.highlight-feature:after {
    content: "";
    display: block;
    padding-bottom: calc(100% - 10px);
    background: #fff
}

.grid-icon {
    display: inline-block;
    margin: 2.647058823529412rem 1.647058823529412rem 2.647058823529412rem 0
}

.grid-icon.iconactive {
    opacity: .5
}

.grid-icon:hover>span>span {
    opacity: .8
}

.grid-icon>.layer {
    width: 100%;
    position: absolute;
    left: 0
}

.grid-icon--dashedline-wide {
    position: relative;
    width: 30px;
    height: 21px
}

.grid-icon--dashedline-wide>.layer {
    height: 3px
}

.grid-icon--dashedline-wide>.layer--primary {
    top: 0
}

.grid-icon--dashedline-wide>.layer--secondary {
    top: 50%;
    margin-top: -1.5px
}

.grid-icon--dashedline-wide>.layer--tertiary {
    bottom: 0
}

.grid-icon--dashedline-wide>.layer>span {
    position: absolute;
    display: block;
    width: 25%;
    height: 100%;
    background-color: #000
}

.grid-icon--dashedline-wide>.layer>span:first-child {
    left: 0
}

.grid-icon--dashedline-wide>.layer>span:nth-child(2) {
    left: 50%;
    margin-left: -15%
}

.grid-icon--dashedline-wide>.layer>span:last-child {
    right: 0
}

.grid-icon--normline-wide {
    position: relative;
    width: 30px;
    height: 21px
}

.grid-icon--normline-wide>.layer {
    height: 3px
}

.grid-icon--normline-wide>.layer--primary {
    top: 0
}

.grid-icon--normline-wide>.layer--secondary {
    top: 50%;
    margin-top: -1.5px
}

.grid-icon--normline-wide>.layer--tertiary {
    bottom: 0
}

.grid-icon--normline-wide>.layer>span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000
}

.grid-icon--normline-wide>.layer>span:first-child {
    left: 0
}

.grid-icon--normline-wide>.layer>span:nth-child(2) {
    left: 50%;
    margin-left: -3px
}

.grid-icon--normline-wide>.layer>span:last-child {
    right: 0
}

.module-table {
    background: #fff
}

.module-table .row {
    margin-bottom: 10px
}

.module-table .headline-2 {
    text-align: left;
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-top: 1em
}

.module-table .headline-3 {
    text-align: left;
    padding-top: 16px;
    padding-right: 1em;
    font-weight: 500
}

.module-table .graycols {
    background: #F8F8F8;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: .8rem;
    padding-right: .8rem
}

.gray-1 {
    color: #9B9B9B !important
}

.locationcols {
    background: #fff;
    margin: 5px 5px;
    padding: 3em
}

.locationcols .gr-24 .headline-4 {
    display: block;
    margin-bottom: 1rem
}

.locationcols:after {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.module-locations .headline-2 {
    margin-bottom: 2.294117647058824rem
}

.module-projectdetails .itemcontainer {
    background-color: #fff;
    margin-bottom: 10px;
    padding-bottom: 2rem;
    padding-top: 2rem
}

.module-projectdetails .itemcontainer .iteminner-one {
    text-align: left
}

.module-projectdetails .itemcontainer .iteminner-one .headline-2 {
    text-align: left;
    margin-top: 1rem
}

.rightcol img {
    max-width: 100% !important;
    height: auto !important
}

.page-template-template-page_storm {
    background-image: linear-gradient(-3deg, rgba(245, 242, 236, 0) 3%, #69BECC 76%);
    color: #fff
}

.page-template-template-page_storm #mobile-sub-and-ancors {
    display: none
}

.page-template-template-page_storm .close_x {
    right: 20px;
    z-index: 500
}

.page-template-template-page_storm .module {
    background-color: rgba(255, 255, 255, 0)
}

.page-template-template-page_storm #otrs-storm-footer {
    height: 200px;
    background: #fff
}

.page-template-template-page_storm #otrs-storm-footer .row-align-middle>* {
    font-size: 11px !important
}

.page-template-template-page_storm #otrs-storm-footer .container {
    padding: 25px;
    background: #fff;
    color: #6B6B6B
}

.page-template-template-page_storm #otrs-site-footer {
    display: none
}

.page-template-template-page_storm #storm-logo {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 14vh;
    z-index: 100
}

.page-template-template-page_storm #storm-logo img {
    margin-top: 1%
}

.page-template-template-page_storm .txt-hl-l {
    color: #fff
}

.page-template-template-page_storm #otrs-head {
    display: none
}

.page-template-template-page_storm #otrs-content {
    padding-top: 0px
}

.page-template-template-page_storm .module h2,
.page-template-template-page_storm .module h4 {
    color: #fff
}

.page-template-template-page_storm .module h4 {
    font-size: 1.764705882352941rem;
    margin-top: 1rem
}

.page-template-template-page_storm .module h3 {
    font-weight: bold;
    font-size: 2.647058823529412rem;
    color: #fff;
    letter-spacing: 0;
    text-align: left;
    line-height: 2.647058823529412rem
}

.page-template-template-page_storm .module-twocols ul li:before {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.page-template-template-page_storm .fullwidthteaser-heighten {
    display: flex
}

.page-template-template-page_storm .fullwidthteaser-heighten>div.container {
    margin-top: 0px;
    margin-bottom: 0px
}

.page-template-template-page_storm .fullbg-effect {
    display: block;
    background-position: 0px 0px;
    position: absolute;
    z-index: -1;
    filter: brightness(0.7) !important;
    -webkit-filter: brightness(0.7) !important
}

.page-template-template-page_storm .module-puretext {
    overflow: hidden
}

.page-template-template-page_storm #storm-logo:before,
.page-template-template-page_storm .module-twocols.row-full:before,
.page-template-template-page_storm .module-puretext:before,
.page-template-template-page_storm .modul-videobutton:before,
.page-template-template-page_storm .fullwidthteaser-heighten:after {
    z-index: 100;
    position: absolute;
    content: "";
    top: 0;
    left: -25%;
    z-index: 10;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.page-template-template-page_storm #storm-logo:before {
    height: 104px;
    background: #fff;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
    z-index: -1
}

.page-template-template-page_storm .module-twocols.row-full {
    position: relative;
    overflow: hidden
}

.page-template-template-page_storm .module-twocols.row-full:before {
    height: 7vw;
    background: #fff;
    position: relative;
    left: -25%;
    width: 150%;
    transform: translateY(-175%) rotate(3deg)
}

.page-template-template-page_storm .modul-videobutton {
    overflow: hidden
}

.page-template-template-page_storm .modul-videobutton:before {
    height: 104px;
    background: #fff;
    transform: rotate(3deg);
    -webkit-transform-origin: 125% 0;
    transform-origin: 125% 0;
    position: absolute;
    left: -25%;
    width: 150%
}

.page-template-template-page_storm .module-twocols.container {
    margin-top: 140px
}

.page-template-template-page_storm .module-twocols.container:first-child {
    margin-top: 280px
}

.page-template-template-page_storm .module-twocols.container:last-child {
    margin-bottom: 280px
}

.page-template-template-page_storm .module-twocols.container .forstorm-layout {
    display: block;
    height: 140px;
    margin-top: calc(-3.4117rem + -140px);
    width: calc(100% + 40px);
    margin-left: -20px
}

.page-template-template-page_storm .module-twocols.container .forstorm-layout-2 {
    display: block;
    height: 140px;
    bottom: calc(-3.4117rem + -135px);
    width: calc(100% + 40px);
    margin-left: -20px;
    position: relative
}

.page-template-template-page_storm .module-puretext:before {
    height: 104px;
    background: #fff;
    position: relative;
    transform: rotate(-3deg);
    -webkit-transform-origin: -125% 0;
    transform-origin: -125% 0;
    left: 0;
    width: 150%;
    top: -10%;
    content: "";
    display: block
}

.ss-style-doublediagonal {
    z-index: 1;
    padding-top: 6em;
    background: #2072a7
}

.ss-style-doublediagonal::before,
.ss-style-doublediagonal::after {
    position: absolute;
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.ss-style-doublediagonal::before {
    height: 50%;
    background: #116094;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0
}

.featur-content-single {
    line-height: 1.352941176470588rem;
    font-size: 1rem
}

.feature-single-headline h3 {
    margin-top: 8.823529411764706rem;
    margin-bottom: 0px
}

.feature-single-headline h1 {
    margin-top: 1.352941176470588rem
}

.feature-sidebar-small {
    display: block
}

.feature-sidebar-small h4 {
    margin-top: 0px;
    margin-bottom: 0px
}

.feature-sidebar-small ul {
    padding-left: 0px;
    list-style: square !important;
    list-style-type: square;
    margin-left: 1rem;
    line-height: 1.470588235294118rem;
    margin-bottom: 2.25rem
}

.feature-sidebar-small p {
    margin-bottom: 2.25rem
}

.admin-bar #otrs-cookies {
    top: calc(32px + 5.441rem)
}

#otrs-cookies {
    width: 100%;
    top: 5.421rem;
    position: absolute;
    color: #fff;
    font-size: 0.823529411764706rem;
    text-align: right;
    background: #757679;
    z-index: 400
}

#otrs-cookies .container {
    padding: 0 1.176470588235294rem
}

#otrs-cookies .container p {
    margin: 0px;
    padding: 1rem 0
}

#otrs-cookies a {
    font-weight: bold;
    text-decoration: none;
    color: #F5F2EC
}

.cookie-accept {
    border: 1px solid #F5F2EC;
    color: #222222;
    background: #F5F2EC;
    font-size: 9px;
    border-radius: 15px;
    padding: 5px 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.admin-bar #otrs-storm-banner,
.admin-bar #otrs-control-banner {
    top: calc(32px + 5.441rem)
}

#otrs-storm-banner,
#otrs-control-banner {
    cursor: pointer;
    width: 100%;
    top: 5.441rem;
    position: absolute;
    color: #fff;
    font-size: 14px;
    text-align: right;
    background: #3B464A;
    z-index: 400
}

#otrs-storm-banner p,
#otrs-control-banner p {
    margin: 0px;
    padding-right: 95px;
    position: relative;
    line-height: 60px
}

.banner-action-storm {
    background-color: #b7394f;
    padding: 5px 15px 9px 15px;
    cursor: pointer;
    border-radius: 15px;
    text-decoration: none;
    margin-left: 9px;
    display: inline-block;
    height: 1rem;
    position: absolute;
    top: 1em
}

.banner-action-storm img {
    height: 20px;
    width: auto;
    display: block
}

.banner-action-control {
    background-color: #305769;
    padding: 5px 15px 9px 15px;
    cursor: pointer;
    border-radius: 15px;
    text-decoration: none;
    margin-left: 9px;
    display: inline-block;
    height: 1rem;
    position: absolute;
    top: 1em
}

.banner-action-control img {
    height: 20px;
    width: auto;
    display: block
}

.remove-bottom-spacing {
    padding-bottom: 0px
}

.eventprefix {
    display: none
}

#mobile-pricingswitch {
    display: none
}

li.p2 {
    padding-left: 10px
}

li.p2:before {
    content: "·"
}

ul.circle {
    list-style-type: circle
}

.previewcontainer a.p-a {
    text-decoration: none;
    color: #000000
}

.blog #mobile-sub-and-ancors {
    display: none
}

.blogheader {
    position: relative;
    overflow: hidden
}

.blogheader img.attachment-full {
    width: 100%;
    height: auto
}

.blogheader-text {
    position: absolute;
    bottom: 140px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

.blogheader-text h1 {
    font-weight: bold;
    font-size: 5rem;
    color: #222222;
    letter-spacing: 0;
    text-align: center;
    line-height: 4.705882352941176rem
}

.archive-header h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.2em
}

.previethumb {
    height: inherit;
    max-height: 250px;
    overflow: hidden
}

.previethumb a {
    line-height: 0px
}

.previethumb img {
    max-width: 100%;
    height: auto;
    object-fit: contain
}

.category-modul {
    background: #F5F2EC;
    padding-top: 145px;
    padding-bottom: 150px;
    text-align: center
}

.single .category-modul {
    background: #F8F8F8
}

.single .container-share .row {
    background: #fff
}

.single .container-bottomlink .row {
    background: #F5F2EC
}

.cat-listing {
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    padding: 0;
    margin: 0
}

.stickyblocklink {
    text-decoration: none;
    color: #fff
}

.cat-listing li {
    flex: 1 0 33.3333%;
    padding: 10px 0;
    color: #000000
}

.cat-listing li a {
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    line-height: 25px;
    text-decoration: none
}

.headline-4 a {
    text-decoration: none;
    color: #222222
}

ul#authorlist {
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    padding: 0;
    margin: 0
}

#authorlist li {
    flex: 1 0 25%;
    padding: 10px 0;
    text-align: center
}

#authorlist li a {
    display: inline-block
}

#authorlist img.photo {
    width: 170px;
    height: 170px;
    float: left;
    margin: 0 0 0 0;
    padding: 3px;
    border: none;
    border-radius: 85px
}

#authorlist div.authname {
    margin: 20px 0 0 0
}

#authorlist div.authname a {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    line-height: 25px
}

.entry-footer .cat-links {
    margin-top: 18px;
    display: block
}

.entry-meta-preview {
    margin-bottom: 7px
}

.entry-meta-preview,
.entry-meta-preview a {
    font-weight: 500;
    font-size: 12px;
    color: #222222;
    letter-spacing: 0;
    line-height: 23px;
    text-decoration: none
}

.blog-container {
    padding-bottom: 90px
}

.blog-container article {
    padding-bottom: 100px
}

.container-tagcloud h3 {
    font-size: 45px
}

.container-tagcloud a {
    text-decoration: none;
    color: #222222;
    font-weight: bold;
    padding: 0 5px
}

.container-share .row-full {
    background: #F5F2EC
}

.container-share .headline-1 {
    margin-top: 140px;
    margin-bottom: 33px
}

.container-share .center {
    padding-bottom: 150px
}

.archive.category #main,
.archive.author #main,
.archive.date #main {
    background: #fff
}

.archive.author .archive-header {
    padding-bottom: 0px
}

.archive-description.author {
    padding-bottom: 95px
}

.expertise {
    background: #fff
}

.expertcontent {
    text-align: left
}

.experttoggle {
    font-size: 20px;
    color: #3886CE;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 96px;
    display: inline-block;
    cursor: pointer
}

.expertcontent {
    margin-bottom: 85px;
    display: none
}

.experttoggle:after {
    content: "";
    width: 21px;
    height: 16px;
    display: inline-block;
    background-image: url(../img/smallarrow-down-blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-left: 10px
}

.page-template-template-month-archive .archive-filter-container {
    padding-bottom: 0px
}

.page-template-template-month-archive #main {
    padding-bottom: 95px
}

.archive.author .archive-container-wrapper {
    background: #F5F2EC;
    padding-top: 80px
}

.archive.author .container-bottomlink .row {
    background: #F5F2EC
}

.year-headline {
    margin-bottom: 100px;
    margin-top: 160px
}

.archive.author .archive-filter-container {
    padding-bottom: 0px
}

.archive-description.author {
    background: #fff;
    padding-top: 135px
}

.archive.category .archive-header,
.archive.author .archive-header,
.archive.date .archive-header {
    background: #f8f8f8
}

.author.vcard a {
    color: #3886CE
}

.archive-filter-container {
    padding-top: 21px;
    padding-bottom: 150px
}

.archive-container {
    padding-bottom: 95px
}

.blogstyle-textmodul ul {
    list-style: square;
    padding-left: 1.2em
}

.single-post article .bg-white {
    padding-top: 70px
}

.single-post article .bg-white .wp-caption-text {
    font-size: 12px;
    font-weight: 500
}

.single-post article .bg-white .blogmodul-singleimage {
    margin-bottom: 75px
}

.single-post article .bg-white .blogmodul-singleimage img {
    max-width: 100%;
    height: auto
}

.single-post article .bg-white .blockquote-inner {
    font-weight: lighter;
    font-style: italic;
    font-size: 30px;
    color: #222222;
    letter-spacing: 0;
    margin-top: 70px
}

.single-post article .bg-white cite {
    display: block;
    margin-top: 38px;
    margin-bottom: 90px;
    font-size: 12px
}

.archive.author .archive-header .archivetop {
    font-size: 20px;
    font-weight: 500
}

.archive.author .archive-header .headline-1 {
    margin-top: 16px
}

.archive.author .archive-header img {
    width: 204px;
    height: 204px;
    margin-bottom: -102px;
    border-radius: 50%
}

.container-bottomlink .row {
    background: #fff
}

.container-bottomlink .row a {
    font-size: 20px;
    color: #3886CE;
    letter-spacing: 0;
    line-height: 17px;
    text-decoration: none;
    padding: 41px;
    display: inline-block
}

.dateplusauthor {
    font-size: 20px;
    font-weight: 500
}

.dateplusauthor a {
    font-size: 20px;
    color: #3886CE;
    font-weight: 500;
    text-decoration: none
}

.contributors {
    padding-bottom: 100px
}

.contributors .headline-1 {
    margin-top: 140px;
    margin-bottom: 90px
}

.preview-headline {
    margin-top: 35px;
    margin-bottom: 23px
}

.archive-header {
    text-align: center;
    padding-top: 140px;
    padding-bottom: 95px
}

.entry-footer .cat-links,
.entry-footer .cat-links a,
.entry-footer .tags-links a {
    font-size: 12px;
    color: #3886CE;
    letter-spacing: 0;
    line-height: 17px;
    text-decoration: none
}

.single-head-teaser {
    padding-top: 145px;
    padding-bottom: 92px
}

.container-tagcloud {
    padding-top: 140px;
    padding-bottom: 145px;
    text-align: center
}

.stickyblock:first-child {
    padding-left: 0px
}

.stickyblock:last-child {
    padding-right: 5px
}

.stickyblock-inner {
    background-size: cover;
    display: flex !important;
    height: 700px
}

.stickyblock-inner .entry-meta-preview,
.stickyblock-inner .entry-meta-preview a {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px
}

.stickyblock-inner-content {
    margin: auto;
    color: #fff;
    max-width: 528px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)
}

.stickyblock-inner-content .headline-2 {
    color: #fff;
    margin-top: 21px;
    margin-bottom: 30px
}

.stickyblock-inner-content .entry-footer,
.stickyblock-inner-content .entry-footer a,
.stickyblock-inner-content .entry-footer .cat-links {
    color: #fff
}

.stickyblock-inner-content .entry-footer .cat-links {
    margin-top: 40px
}

.at-follow-btn {
    width: 53px;
    height: 53px;
    margin: 7px
}

.at-icon-wrapper {
    display: inline-block;
    background: #E6E6E6 !important;
    border-radius: 50% !important;
    height: 53px;
    box-shadow: 0px 2px 4px 0px #000
}

.link-btn {
    border: 1px solid #cccccc;
    padding: 0;
    display: block;
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 13px;
    margin: 0 1px 1px 0;
    width: 250px
}

.link-btn.pcenter:active,
.link-btn.pcenter:focus,
.link-btn.pcenter {
    display: block;
    float: left;
    margin-left: calc(50% - 125px)
}

.link-btn.pright {
    display: block;
    float: right
}

.link-btn .wbt-content .wpdm-download-link {
    background: transparent !important;
    padding: 0 !important
}

.wbt-icon {
    padding: 7px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1)
}

.wbt-left {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 2px !important;
    padding-right: 0 !important
}

.wbt-content {
    padding: 7px !important
}

.link-btn.centered {
    float: none !important
}

.link-btn.right {
    float: right
}

.ptitle {
    font-size: 11pt;
    font-weight: 900;
    margin-bottom: 5px;
    font-family: Montserrat, "segoe ui", serif
}

.link-btn img.wpdm_icon {
    border: 0 !important;
    box-shadow: none !important;
    width: 32px;
    height: auto
}

.clear {
    display: block;
    clear: both;
    margin: 5px 0
}

.link-btn * {
    text-decoration: none !important;
    line-height: normal !important
}

.link-btn:active {
    margin: 1px 0 0 1px
}

.single-releasenote-info {
    max-width: 600px;
    margin: auto;
    padding: 20px;
    background: #ffffff;
    margin-bottom: 1em
}

.releaseexcerpt {
    padding-top: 1em
}

.wpcf7,
.dlm-email-lock {
    background: #fff;
    display: inline-block;
    padding: 50px 60px !important;
    box-shadow: 0 2px 60px 0 #E0E0E0
}

.form-inner {
    text-align: left
}

.form-inner .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    position: relative
}

span.wpcf7-not-valid-tip {
    position: absolute;
    top: 0px;
    overflow: hidden;
    width: 15px;
    height: 48px;
    right: 28px
}

span.wpcf7-not-valid-tip:before {
    content: "• ";
    font-size: 2.6em;
    line-height: 50px
}

input[type="text"],
input[type="email"],
textarea,
input[type="phone"],
input[type="password"],
.dlm-email-lock input[type="email"],
.dlm-email-lock input[type="text"],
.dlm-email-lock input[type="phone"],
.dlm-email-lock input[type="password"] {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    height: 48px;
    display: block;
    width: calc(100% - 30px);
    margin: 0 0 24px 0;
    padding: 0px 10px
}

textarea {
    min-height: 96px;
    padding: 10px 10px
}

.nice-select {
    margin-bottom: 24px;
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: calc(100% - 10px)
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #cccccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #eaeaea;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9
}

.nice-select.open .list {
    display: block;
    max-height: 8rem;
    overflow: auto;
    width: 100%
}

.nice-select.open .list li:before {
    content: "" !important;
    display: none
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    list-style: none;
    min-height: 1em;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    white-space: normal;
    line-height: 1.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: bold
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

#freetrialregistration {
    background: #FFFFFF;
    box-shadow: 0 2px 60px 0 #E0E0E0;
    padding: 3.529411764705882rem
}

#ftr_card_domain_instancealias {
    width: calc(100% - 20px);
    float: left
}

.headline {
    font-weight: bold;
    font-size: 1.764705882352941rem;
    color: #000000;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 20px
}

.ftr_card {
    display: none
}

.ftr_card.ftr_card_active {
    display: block
}

.ftr_card .text {
    margin-top: 0px;
    font-size: 1rem
}

.ftr_card .text.bottom {
    font-size: 10px;
    line-height: 1.5em
}

.ftr_card .text a {
    color: #3886CE;
    text-decoration: none
}

.ftr-back {
    text-decoration: none;
    float: left;
    font-size: 1.176470588235294rem;
    color: #3886CE;
    letter-spacing: 0;
    line-height: 1.470588235294118rem
}

.ftr-back i {
    content: "";
    background-image: url(../img/smallarrow-left.svg);
    display: block;
    width: 1em;
    height: 1em;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0.2em
}

.suffix-wrapper {
    background: #F8F8F8;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    color: #6B6B6B;
    height: 48px;
    display: block;
    margin: 0 0 24px 0;
    padding: 0px 10px;
    display: block;
    float: right;
    line-height: 48px;
    text-align: center;
    width: calc(100% - 20px)
}

#freetrialregistration .content .alert {
    display: none;
    padding: 0px 0px 15px 0px;
    border-radius: 0px;
    border: 0px;
    background: none !important
}

#freetrialregistration .content .alert span {
    display: none;
    font-size: 17px;
    color: #333
}

#freetrialregistration .content .alert.alert-danger span {
    color: #b83046;
    font-size: 17px
}

#breadcrumbs a {
    color: #6B6B6B;
    font-size: 12px
}

#breadcrumbs .breadcrumb_last {
    color: #6B6B6B;
    font-size: 12px;
    font-weight: normal
}

div.wpcf7 {
    margin: 0;
    padding: 0
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #ff0000
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
    border: 2px solid #ff0000
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700
}

.wpcf7-form-control-wrap {
    position: relative
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #ff0000;
    background: #fff;
    padding: .2em .8em
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " "
}

.wpcf7-display-none {
    display: none
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url("../../images/ajax-loader.gif");
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle
}

div.wpcf7 .ajax-loader.is-active {
    visibility: visible
}

div.wpcf7 div.ajax-error {
    display: none
}

div.wpcf7 .placeheld {
    color: #888
}

div.wpcf7 .wpcf7-recaptcha iframe {
    margin-bottom: 0
}

div.wpcf7 input[type="file"] {
    cursor: pointer
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default
}

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

.state-default .container:after {
    content: "";
    display: table;
    clear: both
}

.row:before,
.row-reverse:before,
.row:after,
.row-reverse:after {
    content: "";
    display: table
}

.row:after,
.row-reverse:after {
    clear: both
}

.row,
.row-reverse {
    zoom: 1
}

.state-default .row:before,
.state-default .row-reverse:before,
.state-default .row:after,
.state-default .row-reverse:after {
    content: "";
    display: table
}

.state-default .row:after,
.state-default .row-reverse:after {
    clear: both
}

.state-default .row,
.state-default .row-reverse {
    zoom: 1
}

.gr-1on5,
.gr-0,
.gr-1,
.gr-2,
.gr-3,
.gr-4,
.gr-5,
.gr-6,
.gr-7,
.gr-8,
.gr-9,
.gr-10,
.gr-11,
.gr-12,
.gr-13,
.gr-14,
.gr-15,
.gr-16,
.gr-17,
.gr-18,
.gr-19,
.gr-20,
.gr-21,
.gr-22,
.gr-23,
.gr-24 {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px
}

.state-default .gr-1on5,
.state-default .gr-0,
.state-default .gr-1,
.state-default .gr-2,
.state-default .gr-3,
.state-default .gr-4,
.state-default .gr-5,
.state-default .gr-6,
.state-default .gr-7,
.state-default .gr-8,
.state-default .gr-9,
.state-default .gr-10,
.state-default .gr-11,
.state-default .gr-12,
.state-default .gr-13,
.state-default .gr-14,
.state-default .gr-15,
.state-default .gr-16,
.state-default .gr-17,
.state-default .gr-18,
.state-default .gr-19,
.state-default .gr-20,
.state-default .gr-21,
.state-default .gr-22,
.state-default .gr-23,
.state-default .gr-24 {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px
}

.gr-adapt {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

.state-default .gr-adapt {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

.gr-grow {
    display: table-cell;
    width: 99999px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

.state-default .gr-grow {
    display: table-cell;
    width: 99999px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

.push-1on5,
.push-0,
.push-1,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8,
.push-9,
.push-10,
.push-11,
.push-12,
.push-13,
.push-14,
.push-15,
.push-16,
.push-17,
.push-18,
.push-19,
.push-20,
.push-21,
.push-22,
.push-23,
.push-24 {
    position: relative
}

.state-default .push-1on5,
.state-default .push-0,
.state-default .push-1,
.state-default .push-2,
.state-default .push-3,
.state-default .push-4,
.state-default .push-5,
.state-default .push-6,
.state-default .push-7,
.state-default .push-8,
.state-default .push-9,
.state-default .push-10,
.state-default .push-11,
.state-default .push-12,
.state-default .push-13,
.state-default .push-14,
.state-default .push-15,
.state-default .push-16,
.state-default .push-17,
.state-default .push-18,
.state-default .push-19,
.state-default .push-20,
.state-default .push-21,
.state-default .push-22,
.state-default .push-23,
.state-default .push-24 {
    position: relative
}

.pull-1on5,
.pull-0,
.pull-1,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8,
.pull-9,
.pull-10,
.pull-11,
.pull-12,
.pull-13,
.pull-14,
.pull-15,
.pull-16,
.pull-17,
.pull-18,
.pull-19,
.pull-20,
.pull-21,
.pull-22,
.pull-23,
.pull-24 {
    position: relative
}

.state-default .pull-1on5,
.state-default .pull-0,
.state-default .pull-1,
.state-default .pull-2,
.state-default .pull-3,
.state-default .pull-4,
.state-default .pull-5,
.state-default .pull-6,
.state-default .pull-7,
.state-default .pull-8,
.state-default .pull-9,
.state-default .pull-10,
.state-default .pull-11,
.state-default .pull-12,
.state-default .pull-13,
.state-default .pull-14,
.state-default .pull-15,
.state-default .pull-16,
.state-default .pull-17,
.state-default .pull-18,
.state-default .pull-19,
.state-default .pull-20,
.state-default .pull-21,
.state-default .pull-22,
.state-default .pull-23,
.state-default .pull-24 {
    position: relative
}

.nowrap {
    white-space: nowrap
}

.nowrap>* {
    white-space: normal
}

.state-default .nowrap {
    white-space: nowrap
}

.state-default .nowrap>* {
    white-space: normal
}

.wrap {
    white-space: normal
}

.state-default .wrap {
    white-space: normal
}

.gr-centered {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important
}

.state-default .gr-centered {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important
}

@media screen and (max-width: 768px) {
    .container\@mobile:after {
        content: "";
        display: table;
        clear: both
    }
}

.state-mobile .container\@mobile:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 768px) {

    .row\@mobile:before,
    .row-reverse\@mobile:before,
    .row\@mobile:after,
    .row-reverse\@mobile:after {
        content: "";
        display: table
    }

    .row\@mobile:after,
    .row-reverse\@mobile:after {
        clear: both
    }

    .row\@mobile,
    .row-reverse\@mobile {
        zoom: 1
    }
}

.state-mobile .row\@mobile:before,
.state-mobile .row-reverse\@mobile:before,
.state-mobile .row\@mobile:after,
.state-mobile .row-reverse\@mobile:after {
    content: "";
    display: table
}

.state-mobile .row\@mobile:after,
.state-mobile .row-reverse\@mobile:after {
    clear: both
}

.state-mobile .row\@mobile,
.state-mobile .row-reverse\@mobile {
    zoom: 1
}

@media screen and (max-width: 768px) {

    .gr-1on5\@mobile,
    .gr-0\@mobile,
    .gr-1\@mobile,
    .gr-2\@mobile,
    .gr-3\@mobile,
    .gr-4\@mobile,
    .gr-5\@mobile,
    .gr-6\@mobile,
    .gr-7\@mobile,
    .gr-8\@mobile,
    .gr-9\@mobile,
    .gr-10\@mobile,
    .gr-11\@mobile,
    .gr-12\@mobile,
    .gr-13\@mobile,
    .gr-14\@mobile,
    .gr-15\@mobile,
    .gr-16\@mobile,
    .gr-17\@mobile,
    .gr-18\@mobile,
    .gr-19\@mobile,
    .gr-20\@mobile,
    .gr-21\@mobile,
    .gr-22\@mobile,
    .gr-23\@mobile,
    .gr-24\@mobile {
        display: inline-block;
        min-height: 1px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-mobile .gr-1on5\@mobile,
.state-mobile .gr-0\@mobile,
.state-mobile .gr-1\@mobile,
.state-mobile .gr-2\@mobile,
.state-mobile .gr-3\@mobile,
.state-mobile .gr-4\@mobile,
.state-mobile .gr-5\@mobile,
.state-mobile .gr-6\@mobile,
.state-mobile .gr-7\@mobile,
.state-mobile .gr-8\@mobile,
.state-mobile .gr-9\@mobile,
.state-mobile .gr-10\@mobile,
.state-mobile .gr-11\@mobile,
.state-mobile .gr-12\@mobile,
.state-mobile .gr-13\@mobile,
.state-mobile .gr-14\@mobile,
.state-mobile .gr-15\@mobile,
.state-mobile .gr-16\@mobile,
.state-mobile .gr-17\@mobile,
.state-mobile .gr-18\@mobile,
.state-mobile .gr-19\@mobile,
.state-mobile .gr-20\@mobile,
.state-mobile .gr-21\@mobile,
.state-mobile .gr-22\@mobile,
.state-mobile .gr-23\@mobile,
.state-mobile .gr-24\@mobile {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px
}

@media screen and (max-width: 768px) {
    .gr-adapt\@mobile {
        display: table-cell;
        width: 1px;
        white-space: nowrap !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-mobile .gr-adapt\@mobile {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

@media screen and (max-width: 768px) {
    .gr-grow\@mobile {
        display: table-cell;
        width: 99999px;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-mobile .gr-grow\@mobile {
    display: table-cell;
    width: 99999px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

@media screen and (max-width: 768px) {

    .push-1on5\@mobile,
    .push-0\@mobile,
    .push-1\@mobile,
    .push-2\@mobile,
    .push-3\@mobile,
    .push-4\@mobile,
    .push-5\@mobile,
    .push-6\@mobile,
    .push-7\@mobile,
    .push-8\@mobile,
    .push-9\@mobile,
    .push-10\@mobile,
    .push-11\@mobile,
    .push-12\@mobile,
    .push-13\@mobile,
    .push-14\@mobile,
    .push-15\@mobile,
    .push-16\@mobile,
    .push-17\@mobile,
    .push-18\@mobile,
    .push-19\@mobile,
    .push-20\@mobile,
    .push-21\@mobile,
    .push-22\@mobile,
    .push-23\@mobile,
    .push-24\@mobile {
        position: relative
    }
}

.state-mobile .push-1on5\@mobile,
.state-mobile .push-0\@mobile,
.state-mobile .push-1\@mobile,
.state-mobile .push-2\@mobile,
.state-mobile .push-3\@mobile,
.state-mobile .push-4\@mobile,
.state-mobile .push-5\@mobile,
.state-mobile .push-6\@mobile,
.state-mobile .push-7\@mobile,
.state-mobile .push-8\@mobile,
.state-mobile .push-9\@mobile,
.state-mobile .push-10\@mobile,
.state-mobile .push-11\@mobile,
.state-mobile .push-12\@mobile,
.state-mobile .push-13\@mobile,
.state-mobile .push-14\@mobile,
.state-mobile .push-15\@mobile,
.state-mobile .push-16\@mobile,
.state-mobile .push-17\@mobile,
.state-mobile .push-18\@mobile,
.state-mobile .push-19\@mobile,
.state-mobile .push-20\@mobile,
.state-mobile .push-21\@mobile,
.state-mobile .push-22\@mobile,
.state-mobile .push-23\@mobile,
.state-mobile .push-24\@mobile {
    position: relative
}

@media screen and (max-width: 768px) {

    .pull-1on5\@mobile,
    .pull-0\@mobile,
    .pull-1\@mobile,
    .pull-2\@mobile,
    .pull-3\@mobile,
    .pull-4\@mobile,
    .pull-5\@mobile,
    .pull-6\@mobile,
    .pull-7\@mobile,
    .pull-8\@mobile,
    .pull-9\@mobile,
    .pull-10\@mobile,
    .pull-11\@mobile,
    .pull-12\@mobile,
    .pull-13\@mobile,
    .pull-14\@mobile,
    .pull-15\@mobile,
    .pull-16\@mobile,
    .pull-17\@mobile,
    .pull-18\@mobile,
    .pull-19\@mobile,
    .pull-20\@mobile,
    .pull-21\@mobile,
    .pull-22\@mobile,
    .pull-23\@mobile,
    .pull-24\@mobile {
        position: relative
    }
}

.state-mobile .pull-1on5\@mobile,
.state-mobile .pull-0\@mobile,
.state-mobile .pull-1\@mobile,
.state-mobile .pull-2\@mobile,
.state-mobile .pull-3\@mobile,
.state-mobile .pull-4\@mobile,
.state-mobile .pull-5\@mobile,
.state-mobile .pull-6\@mobile,
.state-mobile .pull-7\@mobile,
.state-mobile .pull-8\@mobile,
.state-mobile .pull-9\@mobile,
.state-mobile .pull-10\@mobile,
.state-mobile .pull-11\@mobile,
.state-mobile .pull-12\@mobile,
.state-mobile .pull-13\@mobile,
.state-mobile .pull-14\@mobile,
.state-mobile .pull-15\@mobile,
.state-mobile .pull-16\@mobile,
.state-mobile .pull-17\@mobile,
.state-mobile .pull-18\@mobile,
.state-mobile .pull-19\@mobile,
.state-mobile .pull-20\@mobile,
.state-mobile .pull-21\@mobile,
.state-mobile .pull-22\@mobile,
.state-mobile .pull-23\@mobile,
.state-mobile .pull-24\@mobile {
    position: relative
}

@media screen and (max-width: 768px) {
    .nowrap\@mobile {
        white-space: nowrap
    }

    .nowrap\@mobile>* {
        white-space: normal
    }
}

.state-mobile .nowrap\@mobile {
    white-space: nowrap
}

.state-mobile .nowrap\@mobile>* {
    white-space: normal
}

@media screen and (max-width: 768px) {
    .wrap\@mobile {
        white-space: normal
    }
}

.state-mobile .wrap\@mobile {
    white-space: normal
}

@media screen and (max-width: 768px) {
    .gr-centered\@mobile {
        display: block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        clear: both !important
    }
}

.state-mobile .gr-centered\@mobile {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .container\@tablet:after {
        content: "";
        display: table;
        clear: both
    }
}

.state-tablet .container\@tablet:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    .row\@tablet:before,
    .row-reverse\@tablet:before,
    .row\@tablet:after,
    .row-reverse\@tablet:after {
        content: "";
        display: table
    }

    .row\@tablet:after,
    .row-reverse\@tablet:after {
        clear: both
    }

    .row\@tablet,
    .row-reverse\@tablet {
        zoom: 1
    }
}

.state-tablet .row\@tablet:before,
.state-tablet .row-reverse\@tablet:before,
.state-tablet .row\@tablet:after,
.state-tablet .row-reverse\@tablet:after {
    content: "";
    display: table
}

.state-tablet .row\@tablet:after,
.state-tablet .row-reverse\@tablet:after {
    clear: both
}

.state-tablet .row\@tablet,
.state-tablet .row-reverse\@tablet {
    zoom: 1
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    .gr-1on5\@tablet,
    .gr-0\@tablet,
    .gr-1\@tablet,
    .gr-2\@tablet,
    .gr-3\@tablet,
    .gr-4\@tablet,
    .gr-5\@tablet,
    .gr-6\@tablet,
    .gr-7\@tablet,
    .gr-8\@tablet,
    .gr-9\@tablet,
    .gr-10\@tablet,
    .gr-11\@tablet,
    .gr-12\@tablet,
    .gr-13\@tablet,
    .gr-14\@tablet,
    .gr-15\@tablet,
    .gr-16\@tablet,
    .gr-17\@tablet,
    .gr-18\@tablet,
    .gr-19\@tablet,
    .gr-20\@tablet,
    .gr-21\@tablet,
    .gr-22\@tablet,
    .gr-23\@tablet,
    .gr-24\@tablet {
        display: inline-block;
        min-height: 1px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-tablet .gr-1on5\@tablet,
.state-tablet .gr-0\@tablet,
.state-tablet .gr-1\@tablet,
.state-tablet .gr-2\@tablet,
.state-tablet .gr-3\@tablet,
.state-tablet .gr-4\@tablet,
.state-tablet .gr-5\@tablet,
.state-tablet .gr-6\@tablet,
.state-tablet .gr-7\@tablet,
.state-tablet .gr-8\@tablet,
.state-tablet .gr-9\@tablet,
.state-tablet .gr-10\@tablet,
.state-tablet .gr-11\@tablet,
.state-tablet .gr-12\@tablet,
.state-tablet .gr-13\@tablet,
.state-tablet .gr-14\@tablet,
.state-tablet .gr-15\@tablet,
.state-tablet .gr-16\@tablet,
.state-tablet .gr-17\@tablet,
.state-tablet .gr-18\@tablet,
.state-tablet .gr-19\@tablet,
.state-tablet .gr-20\@tablet,
.state-tablet .gr-21\@tablet,
.state-tablet .gr-22\@tablet,
.state-tablet .gr-23\@tablet,
.state-tablet .gr-24\@tablet {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .gr-adapt\@tablet {
        display: table-cell;
        width: 1px;
        white-space: nowrap !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-tablet .gr-adapt\@tablet {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .gr-grow\@tablet {
        display: table-cell;
        width: 99999px;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-tablet .gr-grow\@tablet {
    display: table-cell;
    width: 99999px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    .push-1on5\@tablet,
    .push-0\@tablet,
    .push-1\@tablet,
    .push-2\@tablet,
    .push-3\@tablet,
    .push-4\@tablet,
    .push-5\@tablet,
    .push-6\@tablet,
    .push-7\@tablet,
    .push-8\@tablet,
    .push-9\@tablet,
    .push-10\@tablet,
    .push-11\@tablet,
    .push-12\@tablet,
    .push-13\@tablet,
    .push-14\@tablet,
    .push-15\@tablet,
    .push-16\@tablet,
    .push-17\@tablet,
    .push-18\@tablet,
    .push-19\@tablet,
    .push-20\@tablet,
    .push-21\@tablet,
    .push-22\@tablet,
    .push-23\@tablet,
    .push-24\@tablet {
        position: relative
    }
}

.state-tablet .push-1on5\@tablet,
.state-tablet .push-0\@tablet,
.state-tablet .push-1\@tablet,
.state-tablet .push-2\@tablet,
.state-tablet .push-3\@tablet,
.state-tablet .push-4\@tablet,
.state-tablet .push-5\@tablet,
.state-tablet .push-6\@tablet,
.state-tablet .push-7\@tablet,
.state-tablet .push-8\@tablet,
.state-tablet .push-9\@tablet,
.state-tablet .push-10\@tablet,
.state-tablet .push-11\@tablet,
.state-tablet .push-12\@tablet,
.state-tablet .push-13\@tablet,
.state-tablet .push-14\@tablet,
.state-tablet .push-15\@tablet,
.state-tablet .push-16\@tablet,
.state-tablet .push-17\@tablet,
.state-tablet .push-18\@tablet,
.state-tablet .push-19\@tablet,
.state-tablet .push-20\@tablet,
.state-tablet .push-21\@tablet,
.state-tablet .push-22\@tablet,
.state-tablet .push-23\@tablet,
.state-tablet .push-24\@tablet {
    position: relative
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    .pull-1on5\@tablet,
    .pull-0\@tablet,
    .pull-1\@tablet,
    .pull-2\@tablet,
    .pull-3\@tablet,
    .pull-4\@tablet,
    .pull-5\@tablet,
    .pull-6\@tablet,
    .pull-7\@tablet,
    .pull-8\@tablet,
    .pull-9\@tablet,
    .pull-10\@tablet,
    .pull-11\@tablet,
    .pull-12\@tablet,
    .pull-13\@tablet,
    .pull-14\@tablet,
    .pull-15\@tablet,
    .pull-16\@tablet,
    .pull-17\@tablet,
    .pull-18\@tablet,
    .pull-19\@tablet,
    .pull-20\@tablet,
    .pull-21\@tablet,
    .pull-22\@tablet,
    .pull-23\@tablet,
    .pull-24\@tablet {
        position: relative
    }
}

.state-tablet .pull-1on5\@tablet,
.state-tablet .pull-0\@tablet,
.state-tablet .pull-1\@tablet,
.state-tablet .pull-2\@tablet,
.state-tablet .pull-3\@tablet,
.state-tablet .pull-4\@tablet,
.state-tablet .pull-5\@tablet,
.state-tablet .pull-6\@tablet,
.state-tablet .pull-7\@tablet,
.state-tablet .pull-8\@tablet,
.state-tablet .pull-9\@tablet,
.state-tablet .pull-10\@tablet,
.state-tablet .pull-11\@tablet,
.state-tablet .pull-12\@tablet,
.state-tablet .pull-13\@tablet,
.state-tablet .pull-14\@tablet,
.state-tablet .pull-15\@tablet,
.state-tablet .pull-16\@tablet,
.state-tablet .pull-17\@tablet,
.state-tablet .pull-18\@tablet,
.state-tablet .pull-19\@tablet,
.state-tablet .pull-20\@tablet,
.state-tablet .pull-21\@tablet,
.state-tablet .pull-22\@tablet,
.state-tablet .pull-23\@tablet,
.state-tablet .pull-24\@tablet {
    position: relative
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .nowrap\@tablet {
        white-space: nowrap
    }

    .nowrap\@tablet>* {
        white-space: normal
    }
}

.state-tablet .nowrap\@tablet {
    white-space: nowrap
}

.state-tablet .nowrap\@tablet>* {
    white-space: normal
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .wrap\@tablet {
        white-space: normal
    }
}

.state-tablet .wrap\@tablet {
    white-space: normal
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .gr-centered\@tablet {
        display: block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        clear: both !important
    }
}

.state-tablet .gr-centered\@tablet {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .container\@ipad-landscape:after {
        content: "";
        display: table;
        clear: both
    }
}

.state-ipad-landscape .container\@ipad-landscape:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .row\@ipad-landscape:before,
    .row-reverse\@ipad-landscape:before,
    .row\@ipad-landscape:after,
    .row-reverse\@ipad-landscape:after {
        content: "";
        display: table
    }

    .row\@ipad-landscape:after,
    .row-reverse\@ipad-landscape:after {
        clear: both
    }

    .row\@ipad-landscape,
    .row-reverse\@ipad-landscape {
        zoom: 1
    }
}

.state-ipad-landscape .row\@ipad-landscape:before,
.state-ipad-landscape .row-reverse\@ipad-landscape:before,
.state-ipad-landscape .row\@ipad-landscape:after,
.state-ipad-landscape .row-reverse\@ipad-landscape:after {
    content: "";
    display: table
}

.state-ipad-landscape .row\@ipad-landscape:after,
.state-ipad-landscape .row-reverse\@ipad-landscape:after {
    clear: both
}

.state-ipad-landscape .row\@ipad-landscape,
.state-ipad-landscape .row-reverse\@ipad-landscape {
    zoom: 1
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .gr-1on5\@ipad-landscape,
    .gr-0\@ipad-landscape,
    .gr-1\@ipad-landscape,
    .gr-2\@ipad-landscape,
    .gr-3\@ipad-landscape,
    .gr-4\@ipad-landscape,
    .gr-5\@ipad-landscape,
    .gr-6\@ipad-landscape,
    .gr-7\@ipad-landscape,
    .gr-8\@ipad-landscape,
    .gr-9\@ipad-landscape,
    .gr-10\@ipad-landscape,
    .gr-11\@ipad-landscape,
    .gr-12\@ipad-landscape,
    .gr-13\@ipad-landscape,
    .gr-14\@ipad-landscape,
    .gr-15\@ipad-landscape,
    .gr-16\@ipad-landscape,
    .gr-17\@ipad-landscape,
    .gr-18\@ipad-landscape,
    .gr-19\@ipad-landscape,
    .gr-20\@ipad-landscape,
    .gr-21\@ipad-landscape,
    .gr-22\@ipad-landscape,
    .gr-23\@ipad-landscape,
    .gr-24\@ipad-landscape {
        display: inline-block;
        min-height: 1px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-ipad-landscape .gr-1on5\@ipad-landscape,
.state-ipad-landscape .gr-0\@ipad-landscape,
.state-ipad-landscape .gr-1\@ipad-landscape,
.state-ipad-landscape .gr-2\@ipad-landscape,
.state-ipad-landscape .gr-3\@ipad-landscape,
.state-ipad-landscape .gr-4\@ipad-landscape,
.state-ipad-landscape .gr-5\@ipad-landscape,
.state-ipad-landscape .gr-6\@ipad-landscape,
.state-ipad-landscape .gr-7\@ipad-landscape,
.state-ipad-landscape .gr-8\@ipad-landscape,
.state-ipad-landscape .gr-9\@ipad-landscape,
.state-ipad-landscape .gr-10\@ipad-landscape,
.state-ipad-landscape .gr-11\@ipad-landscape,
.state-ipad-landscape .gr-12\@ipad-landscape,
.state-ipad-landscape .gr-13\@ipad-landscape,
.state-ipad-landscape .gr-14\@ipad-landscape,
.state-ipad-landscape .gr-15\@ipad-landscape,
.state-ipad-landscape .gr-16\@ipad-landscape,
.state-ipad-landscape .gr-17\@ipad-landscape,
.state-ipad-landscape .gr-18\@ipad-landscape,
.state-ipad-landscape .gr-19\@ipad-landscape,
.state-ipad-landscape .gr-20\@ipad-landscape,
.state-ipad-landscape .gr-21\@ipad-landscape,
.state-ipad-landscape .gr-22\@ipad-landscape,
.state-ipad-landscape .gr-23\@ipad-landscape,
.state-ipad-landscape .gr-24\@ipad-landscape {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .gr-adapt\@ipad-landscape {
        display: table-cell;
        width: 1px;
        white-space: nowrap !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-ipad-landscape .gr-adapt\@ipad-landscape {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .gr-grow\@ipad-landscape {
        display: table-cell;
        width: 99999px;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-ipad-landscape .gr-grow\@ipad-landscape {
    display: table-cell;
    width: 99999px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .push-1on5\@ipad-landscape,
    .push-0\@ipad-landscape,
    .push-1\@ipad-landscape,
    .push-2\@ipad-landscape,
    .push-3\@ipad-landscape,
    .push-4\@ipad-landscape,
    .push-5\@ipad-landscape,
    .push-6\@ipad-landscape,
    .push-7\@ipad-landscape,
    .push-8\@ipad-landscape,
    .push-9\@ipad-landscape,
    .push-10\@ipad-landscape,
    .push-11\@ipad-landscape,
    .push-12\@ipad-landscape,
    .push-13\@ipad-landscape,
    .push-14\@ipad-landscape,
    .push-15\@ipad-landscape,
    .push-16\@ipad-landscape,
    .push-17\@ipad-landscape,
    .push-18\@ipad-landscape,
    .push-19\@ipad-landscape,
    .push-20\@ipad-landscape,
    .push-21\@ipad-landscape,
    .push-22\@ipad-landscape,
    .push-23\@ipad-landscape,
    .push-24\@ipad-landscape {
        position: relative
    }
}

.state-ipad-landscape .push-1on5\@ipad-landscape,
.state-ipad-landscape .push-0\@ipad-landscape,
.state-ipad-landscape .push-1\@ipad-landscape,
.state-ipad-landscape .push-2\@ipad-landscape,
.state-ipad-landscape .push-3\@ipad-landscape,
.state-ipad-landscape .push-4\@ipad-landscape,
.state-ipad-landscape .push-5\@ipad-landscape,
.state-ipad-landscape .push-6\@ipad-landscape,
.state-ipad-landscape .push-7\@ipad-landscape,
.state-ipad-landscape .push-8\@ipad-landscape,
.state-ipad-landscape .push-9\@ipad-landscape,
.state-ipad-landscape .push-10\@ipad-landscape,
.state-ipad-landscape .push-11\@ipad-landscape,
.state-ipad-landscape .push-12\@ipad-landscape,
.state-ipad-landscape .push-13\@ipad-landscape,
.state-ipad-landscape .push-14\@ipad-landscape,
.state-ipad-landscape .push-15\@ipad-landscape,
.state-ipad-landscape .push-16\@ipad-landscape,
.state-ipad-landscape .push-17\@ipad-landscape,
.state-ipad-landscape .push-18\@ipad-landscape,
.state-ipad-landscape .push-19\@ipad-landscape,
.state-ipad-landscape .push-20\@ipad-landscape,
.state-ipad-landscape .push-21\@ipad-landscape,
.state-ipad-landscape .push-22\@ipad-landscape,
.state-ipad-landscape .push-23\@ipad-landscape,
.state-ipad-landscape .push-24\@ipad-landscape {
    position: relative
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .pull-1on5\@ipad-landscape,
    .pull-0\@ipad-landscape,
    .pull-1\@ipad-landscape,
    .pull-2\@ipad-landscape,
    .pull-3\@ipad-landscape,
    .pull-4\@ipad-landscape,
    .pull-5\@ipad-landscape,
    .pull-6\@ipad-landscape,
    .pull-7\@ipad-landscape,
    .pull-8\@ipad-landscape,
    .pull-9\@ipad-landscape,
    .pull-10\@ipad-landscape,
    .pull-11\@ipad-landscape,
    .pull-12\@ipad-landscape,
    .pull-13\@ipad-landscape,
    .pull-14\@ipad-landscape,
    .pull-15\@ipad-landscape,
    .pull-16\@ipad-landscape,
    .pull-17\@ipad-landscape,
    .pull-18\@ipad-landscape,
    .pull-19\@ipad-landscape,
    .pull-20\@ipad-landscape,
    .pull-21\@ipad-landscape,
    .pull-22\@ipad-landscape,
    .pull-23\@ipad-landscape,
    .pull-24\@ipad-landscape {
        position: relative
    }
}

.state-ipad-landscape .pull-1on5\@ipad-landscape,
.state-ipad-landscape .pull-0\@ipad-landscape,
.state-ipad-landscape .pull-1\@ipad-landscape,
.state-ipad-landscape .pull-2\@ipad-landscape,
.state-ipad-landscape .pull-3\@ipad-landscape,
.state-ipad-landscape .pull-4\@ipad-landscape,
.state-ipad-landscape .pull-5\@ipad-landscape,
.state-ipad-landscape .pull-6\@ipad-landscape,
.state-ipad-landscape .pull-7\@ipad-landscape,
.state-ipad-landscape .pull-8\@ipad-landscape,
.state-ipad-landscape .pull-9\@ipad-landscape,
.state-ipad-landscape .pull-10\@ipad-landscape,
.state-ipad-landscape .pull-11\@ipad-landscape,
.state-ipad-landscape .pull-12\@ipad-landscape,
.state-ipad-landscape .pull-13\@ipad-landscape,
.state-ipad-landscape .pull-14\@ipad-landscape,
.state-ipad-landscape .pull-15\@ipad-landscape,
.state-ipad-landscape .pull-16\@ipad-landscape,
.state-ipad-landscape .pull-17\@ipad-landscape,
.state-ipad-landscape .pull-18\@ipad-landscape,
.state-ipad-landscape .pull-19\@ipad-landscape,
.state-ipad-landscape .pull-20\@ipad-landscape,
.state-ipad-landscape .pull-21\@ipad-landscape,
.state-ipad-landscape .pull-22\@ipad-landscape,
.state-ipad-landscape .pull-23\@ipad-landscape,
.state-ipad-landscape .pull-24\@ipad-landscape {
    position: relative
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .nowrap\@ipad-landscape {
        white-space: nowrap
    }

    .nowrap\@ipad-landscape>* {
        white-space: normal
    }
}

.state-ipad-landscape .nowrap\@ipad-landscape {
    white-space: nowrap
}

.state-ipad-landscape .nowrap\@ipad-landscape>* {
    white-space: normal
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .wrap\@ipad-landscape {
        white-space: normal
    }
}

.state-ipad-landscape .wrap\@ipad-landscape {
    white-space: normal
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .gr-centered\@ipad-landscape {
        display: block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        clear: both !important
    }
}

.state-ipad-landscape .gr-centered\@ipad-landscape {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .container\@ipad-portrait:after {
        content: "";
        display: table;
        clear: both
    }
}

.state-ipad-portrait .container\@ipad-portrait:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .row\@ipad-portrait:before,
    .row-reverse\@ipad-portrait:before,
    .row\@ipad-portrait:after,
    .row-reverse\@ipad-portrait:after {
        content: "";
        display: table
    }

    .row\@ipad-portrait:after,
    .row-reverse\@ipad-portrait:after {
        clear: both
    }

    .row\@ipad-portrait,
    .row-reverse\@ipad-portrait {
        zoom: 1
    }
}

.state-ipad-portrait .row\@ipad-portrait:before,
.state-ipad-portrait .row-reverse\@ipad-portrait:before,
.state-ipad-portrait .row\@ipad-portrait:after,
.state-ipad-portrait .row-reverse\@ipad-portrait:after {
    content: "";
    display: table
}

.state-ipad-portrait .row\@ipad-portrait:after,
.state-ipad-portrait .row-reverse\@ipad-portrait:after {
    clear: both
}

.state-ipad-portrait .row\@ipad-portrait,
.state-ipad-portrait .row-reverse\@ipad-portrait {
    zoom: 1
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .gr-1on5\@ipad-portrait,
    .gr-0\@ipad-portrait,
    .gr-1\@ipad-portrait,
    .gr-2\@ipad-portrait,
    .gr-3\@ipad-portrait,
    .gr-4\@ipad-portrait,
    .gr-5\@ipad-portrait,
    .gr-6\@ipad-portrait,
    .gr-7\@ipad-portrait,
    .gr-8\@ipad-portrait,
    .gr-9\@ipad-portrait,
    .gr-10\@ipad-portrait,
    .gr-11\@ipad-portrait,
    .gr-12\@ipad-portrait,
    .gr-13\@ipad-portrait,
    .gr-14\@ipad-portrait,
    .gr-15\@ipad-portrait,
    .gr-16\@ipad-portrait,
    .gr-17\@ipad-portrait,
    .gr-18\@ipad-portrait,
    .gr-19\@ipad-portrait,
    .gr-20\@ipad-portrait,
    .gr-21\@ipad-portrait,
    .gr-22\@ipad-portrait,
    .gr-23\@ipad-portrait,
    .gr-24\@ipad-portrait {
        display: inline-block;
        min-height: 1px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-ipad-portrait .gr-1on5\@ipad-portrait,
.state-ipad-portrait .gr-0\@ipad-portrait,
.state-ipad-portrait .gr-1\@ipad-portrait,
.state-ipad-portrait .gr-2\@ipad-portrait,
.state-ipad-portrait .gr-3\@ipad-portrait,
.state-ipad-portrait .gr-4\@ipad-portrait,
.state-ipad-portrait .gr-5\@ipad-portrait,
.state-ipad-portrait .gr-6\@ipad-portrait,
.state-ipad-portrait .gr-7\@ipad-portrait,
.state-ipad-portrait .gr-8\@ipad-portrait,
.state-ipad-portrait .gr-9\@ipad-portrait,
.state-ipad-portrait .gr-10\@ipad-portrait,
.state-ipad-portrait .gr-11\@ipad-portrait,
.state-ipad-portrait .gr-12\@ipad-portrait,
.state-ipad-portrait .gr-13\@ipad-portrait,
.state-ipad-portrait .gr-14\@ipad-portrait,
.state-ipad-portrait .gr-15\@ipad-portrait,
.state-ipad-portrait .gr-16\@ipad-portrait,
.state-ipad-portrait .gr-17\@ipad-portrait,
.state-ipad-portrait .gr-18\@ipad-portrait,
.state-ipad-portrait .gr-19\@ipad-portrait,
.state-ipad-portrait .gr-20\@ipad-portrait,
.state-ipad-portrait .gr-21\@ipad-portrait,
.state-ipad-portrait .gr-22\@ipad-portrait,
.state-ipad-portrait .gr-23\@ipad-portrait,
.state-ipad-portrait .gr-24\@ipad-portrait {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .gr-adapt\@ipad-portrait {
        display: table-cell;
        width: 1px;
        white-space: nowrap !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-ipad-portrait .gr-adapt\@ipad-portrait {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .gr-grow\@ipad-portrait {
        display: table-cell;
        width: 99999px;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
        padding-right: 5px;
        padding-left: 5px
    }
}

.state-ipad-portrait .gr-grow\@ipad-portrait {
    display: table-cell;
    width: 99999px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding-right: 5px;
    padding-left: 5px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .push-1on5\@ipad-portrait,
    .push-0\@ipad-portrait,
    .push-1\@ipad-portrait,
    .push-2\@ipad-portrait,
    .push-3\@ipad-portrait,
    .push-4\@ipad-portrait,
    .push-5\@ipad-portrait,
    .push-6\@ipad-portrait,
    .push-7\@ipad-portrait,
    .push-8\@ipad-portrait,
    .push-9\@ipad-portrait,
    .push-10\@ipad-portrait,
    .push-11\@ipad-portrait,
    .push-12\@ipad-portrait,
    .push-13\@ipad-portrait,
    .push-14\@ipad-portrait,
    .push-15\@ipad-portrait,
    .push-16\@ipad-portrait,
    .push-17\@ipad-portrait,
    .push-18\@ipad-portrait,
    .push-19\@ipad-portrait,
    .push-20\@ipad-portrait,
    .push-21\@ipad-portrait,
    .push-22\@ipad-portrait,
    .push-23\@ipad-portrait,
    .push-24\@ipad-portrait {
        position: relative
    }
}

.state-ipad-portrait .push-1on5\@ipad-portrait,
.state-ipad-portrait .push-0\@ipad-portrait,
.state-ipad-portrait .push-1\@ipad-portrait,
.state-ipad-portrait .push-2\@ipad-portrait,
.state-ipad-portrait .push-3\@ipad-portrait,
.state-ipad-portrait .push-4\@ipad-portrait,
.state-ipad-portrait .push-5\@ipad-portrait,
.state-ipad-portrait .push-6\@ipad-portrait,
.state-ipad-portrait .push-7\@ipad-portrait,
.state-ipad-portrait .push-8\@ipad-portrait,
.state-ipad-portrait .push-9\@ipad-portrait,
.state-ipad-portrait .push-10\@ipad-portrait,
.state-ipad-portrait .push-11\@ipad-portrait,
.state-ipad-portrait .push-12\@ipad-portrait,
.state-ipad-portrait .push-13\@ipad-portrait,
.state-ipad-portrait .push-14\@ipad-portrait,
.state-ipad-portrait .push-15\@ipad-portrait,
.state-ipad-portrait .push-16\@ipad-portrait,
.state-ipad-portrait .push-17\@ipad-portrait,
.state-ipad-portrait .push-18\@ipad-portrait,
.state-ipad-portrait .push-19\@ipad-portrait,
.state-ipad-portrait .push-20\@ipad-portrait,
.state-ipad-portrait .push-21\@ipad-portrait,
.state-ipad-portrait .push-22\@ipad-portrait,
.state-ipad-portrait .push-23\@ipad-portrait,
.state-ipad-portrait .push-24\@ipad-portrait {
    position: relative
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .pull-1on5\@ipad-portrait,
    .pull-0\@ipad-portrait,
    .pull-1\@ipad-portrait,
    .pull-2\@ipad-portrait,
    .pull-3\@ipad-portrait,
    .pull-4\@ipad-portrait,
    .pull-5\@ipad-portrait,
    .pull-6\@ipad-portrait,
    .pull-7\@ipad-portrait,
    .pull-8\@ipad-portrait,
    .pull-9\@ipad-portrait,
    .pull-10\@ipad-portrait,
    .pull-11\@ipad-portrait,
    .pull-12\@ipad-portrait,
    .pull-13\@ipad-portrait,
    .pull-14\@ipad-portrait,
    .pull-15\@ipad-portrait,
    .pull-16\@ipad-portrait,
    .pull-17\@ipad-portrait,
    .pull-18\@ipad-portrait,
    .pull-19\@ipad-portrait,
    .pull-20\@ipad-portrait,
    .pull-21\@ipad-portrait,
    .pull-22\@ipad-portrait,
    .pull-23\@ipad-portrait,
    .pull-24\@ipad-portrait {
        position: relative
    }
}

.state-ipad-portrait .pull-1on5\@ipad-portrait,
.state-ipad-portrait .pull-0\@ipad-portrait,
.state-ipad-portrait .pull-1\@ipad-portrait,
.state-ipad-portrait .pull-2\@ipad-portrait,
.state-ipad-portrait .pull-3\@ipad-portrait,
.state-ipad-portrait .pull-4\@ipad-portrait,
.state-ipad-portrait .pull-5\@ipad-portrait,
.state-ipad-portrait .pull-6\@ipad-portrait,
.state-ipad-portrait .pull-7\@ipad-portrait,
.state-ipad-portrait .pull-8\@ipad-portrait,
.state-ipad-portrait .pull-9\@ipad-portrait,
.state-ipad-portrait .pull-10\@ipad-portrait,
.state-ipad-portrait .pull-11\@ipad-portrait,
.state-ipad-portrait .pull-12\@ipad-portrait,
.state-ipad-portrait .pull-13\@ipad-portrait,
.state-ipad-portrait .pull-14\@ipad-portrait,
.state-ipad-portrait .pull-15\@ipad-portrait,
.state-ipad-portrait .pull-16\@ipad-portrait,
.state-ipad-portrait .pull-17\@ipad-portrait,
.state-ipad-portrait .pull-18\@ipad-portrait,
.state-ipad-portrait .pull-19\@ipad-portrait,
.state-ipad-portrait .pull-20\@ipad-portrait,
.state-ipad-portrait .pull-21\@ipad-portrait,
.state-ipad-portrait .pull-22\@ipad-portrait,
.state-ipad-portrait .pull-23\@ipad-portrait,
.state-ipad-portrait .pull-24\@ipad-portrait {
    position: relative
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .nowrap\@ipad-portrait {
        white-space: nowrap
    }

    .nowrap\@ipad-portrait>* {
        white-space: normal
    }
}

.state-ipad-portrait .nowrap\@ipad-portrait {
    white-space: nowrap
}

.state-ipad-portrait .nowrap\@ipad-portrait>* {
    white-space: normal
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .wrap\@ipad-portrait {
        white-space: normal
    }
}

.state-ipad-portrait .wrap\@ipad-portrait {
    white-space: normal
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .gr-centered\@ipad-portrait {
        display: block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        clear: both !important
    }
}

.state-ipad-portrait .gr-centered\@ipad-portrait {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important
}

@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: device-width
    }
}

#gridle-settings {
    content:'{ "version" : "2.0.46", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "24", "column-width" : null, "gutter-width" : "10px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "5px", "gutter-bottom" : "0", "gutter-left" : "5px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "768px", "query" : "screen and (max-width: 768px)", "classes" : true, "context" : "24", "column-width" : null, "gutter-width" : "10px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "5px", "gutter-bottom" : "0", "gutter-left" : "5px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : "769px", "max-width" : "1024px", "query" : "screen and (min-width: 769px) and (max-width: 1024px)", "classes" : true, "context" : "24", "column-width" : null, "gutter-width" : "10px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "5px", "gutter-bottom" : "0", "gutter-left" : "5px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "ipad-landscape":{ "name" : "ipad-landscape", "min-width" : null, "max-width" : null, "query" : "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)", "classes" : true, "context" : "24", "column-width" : null, "gutter-width" : "10px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "5px", "gutter-bottom" : "0", "gutter-left" : "5px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "ipad-portrait":{ "name" : "ipad-portrait", "min-width" : null, "max-width" : null, "query" : "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)", "classes" : true, "context" : "24", "column-width" : null, "gutter-width" : "10px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "5px", "gutter-bottom" : "0", "gutter-left" : "5px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }} }'
}

.state-default .gr-1on5 {
    width: 20%
}

.state-default .push-1on5 {
    left: 20%;
    right: auto
}

.state-default .pull-1on5 {
    right: 20%;
    left: auto
}

.state-default .prefix-1on5 {
    margin-left: 20%
}

.state-default .suffix-1on5 {
    margin-right: 20%
}

.state-default .gr-0 {
    width: 0%
}

.state-default .push-0 {
    left: 0%;
    right: auto
}

.state-default .pull-0 {
    right: 0%;
    left: auto
}

.state-default .prefix-0 {
    margin-left: 0%
}

.state-default .suffix-0 {
    margin-right: 0%
}

.state-default .gr-1 {
    width: 4.1666666667%
}

.state-default .push-1 {
    left: 4.1666666667%;
    right: auto
}

.state-default .pull-1 {
    right: 4.1666666667%;
    left: auto
}

.state-default .prefix-1 {
    margin-left: 4.1666666667%
}

.state-default .suffix-1 {
    margin-right: 4.1666666667%
}

.state-default .gr-2 {
    width: 8.3333333333%
}

.state-default .push-2 {
    left: 8.3333333333%;
    right: auto
}

.state-default .pull-2 {
    right: 8.3333333333%;
    left: auto
}

.state-default .prefix-2 {
    margin-left: 8.3333333333%
}

.state-default .suffix-2 {
    margin-right: 8.3333333333%
}

.state-default .gr-3 {
    width: 12.5%
}

.state-default .push-3 {
    left: 12.5%;
    right: auto
}

.state-default .pull-3 {
    right: 12.5%;
    left: auto
}

.state-default .prefix-3 {
    margin-left: 12.5%
}

.state-default .suffix-3 {
    margin-right: 12.5%
}

.state-default .gr-4 {
    width: 16.6666666667%
}

.state-default .push-4 {
    left: 16.6666666667%;
    right: auto
}

.state-default .pull-4 {
    right: 16.6666666667%;
    left: auto
}

.state-default .prefix-4 {
    margin-left: 16.6666666667%
}

.state-default .suffix-4 {
    margin-right: 16.6666666667%
}

.state-default .gr-5 {
    width: 20.8333333333%
}

.state-default .push-5 {
    left: 20.8333333333%;
    right: auto
}

.state-default .pull-5 {
    right: 20.8333333333%;
    left: auto
}

.state-default .prefix-5 {
    margin-left: 20.8333333333%
}

.state-default .suffix-5 {
    margin-right: 20.8333333333%
}

.state-default .gr-6 {
    width: 25%
}

.state-default .push-6 {
    left: 25%;
    right: auto
}

.state-default .pull-6 {
    right: 25%;
    left: auto
}

.state-default .prefix-6 {
    margin-left: 25%
}

.state-default .suffix-6 {
    margin-right: 25%
}

.state-default .gr-7 {
    width: 29.1666666667%
}

.state-default .push-7 {
    left: 29.1666666667%;
    right: auto
}

.state-default .pull-7 {
    right: 29.1666666667%;
    left: auto
}

.state-default .prefix-7 {
    margin-left: 29.1666666667%
}

.state-default .suffix-7 {
    margin-right: 29.1666666667%
}

.state-default .gr-8 {
    width: 33.3333333333%
}

.state-default .push-8 {
    left: 33.3333333333%;
    right: auto
}

.state-default .pull-8 {
    right: 33.3333333333%;
    left: auto
}

.state-default .prefix-8 {
    margin-left: 33.3333333333%
}

.state-default .suffix-8 {
    margin-right: 33.3333333333%
}

.state-default .gr-9 {
    width: 37.5%
}

.state-default .push-9 {
    left: 37.5%;
    right: auto
}

.state-default .pull-9 {
    right: 37.5%;
    left: auto
}

.state-default .prefix-9 {
    margin-left: 37.5%
}

.state-default .suffix-9 {
    margin-right: 37.5%
}

.state-default .gr-10 {
    width: 41.6666666667%
}

.state-default .push-10 {
    left: 41.6666666667%;
    right: auto
}

.state-default .pull-10 {
    right: 41.6666666667%;
    left: auto
}

.state-default .prefix-10 {
    margin-left: 41.6666666667%
}

.state-default .suffix-10 {
    margin-right: 41.6666666667%
}

.state-default .gr-11 {
    width: 45.8333333333%
}

.state-default .push-11 {
    left: 45.8333333333%;
    right: auto
}

.state-default .pull-11 {
    right: 45.8333333333%;
    left: auto
}

.state-default .prefix-11 {
    margin-left: 45.8333333333%
}

.state-default .suffix-11 {
    margin-right: 45.8333333333%
}

.state-default .gr-12 {
    width: 50%
}

.state-default .push-12 {
    left: 50%;
    right: auto
}

.state-default .pull-12 {
    right: 50%;
    left: auto
}

.state-default .prefix-12 {
    margin-left: 50%
}

.state-default .suffix-12 {
    margin-right: 50%
}

.state-default .gr-13 {
    width: 54.1666666667%
}

.state-default .push-13 {
    left: 54.1666666667%;
    right: auto
}

.state-default .pull-13 {
    right: 54.1666666667%;
    left: auto
}

.state-default .prefix-13 {
    margin-left: 54.1666666667%
}

.state-default .suffix-13 {
    margin-right: 54.1666666667%
}

.state-default .gr-14 {
    width: 58.3333333333%
}

.state-default .push-14 {
    left: 58.3333333333%;
    right: auto
}

.state-default .pull-14 {
    right: 58.3333333333%;
    left: auto
}

.state-default .prefix-14 {
    margin-left: 58.3333333333%
}

.state-default .suffix-14 {
    margin-right: 58.3333333333%
}

.state-default .gr-15 {
    width: 62.5%
}

.state-default .push-15 {
    left: 62.5%;
    right: auto
}

.state-default .pull-15 {
    right: 62.5%;
    left: auto
}

.state-default .prefix-15 {
    margin-left: 62.5%
}

.state-default .suffix-15 {
    margin-right: 62.5%
}

.state-default .gr-16 {
    width: 66.6666666667%
}

.state-default .push-16 {
    left: 66.6666666667%;
    right: auto
}

.state-default .pull-16 {
    right: 66.6666666667%;
    left: auto
}

.state-default .prefix-16 {
    margin-left: 66.6666666667%
}

.state-default .suffix-16 {
    margin-right: 66.6666666667%
}

.state-default .gr-17 {
    width: 70.8333333333%
}

.state-default .push-17 {
    left: 70.8333333333%;
    right: auto
}

.state-default .pull-17 {
    right: 70.8333333333%;
    left: auto
}

.state-default .prefix-17 {
    margin-left: 70.8333333333%
}

.state-default .suffix-17 {
    margin-right: 70.8333333333%
}

.state-default .gr-18 {
    width: 75%
}

.state-default .push-18 {
    left: 75%;
    right: auto
}

.state-default .pull-18 {
    right: 75%;
    left: auto
}

.state-default .prefix-18 {
    margin-left: 75%
}

.state-default .suffix-18 {
    margin-right: 75%
}

.state-default .gr-19 {
    width: 79.1666666667%
}

.state-default .push-19 {
    left: 79.1666666667%;
    right: auto
}

.state-default .pull-19 {
    right: 79.1666666667%;
    left: auto
}

.state-default .prefix-19 {
    margin-left: 79.1666666667%
}

.state-default .suffix-19 {
    margin-right: 79.1666666667%
}

.state-default .gr-20 {
    width: 83.3333333333%
}

.state-default .push-20 {
    left: 83.3333333333%;
    right: auto
}

.state-default .pull-20 {
    right: 83.3333333333%;
    left: auto
}

.state-default .prefix-20 {
    margin-left: 83.3333333333%
}

.state-default .suffix-20 {
    margin-right: 83.3333333333%
}

.state-default .gr-21 {
    width: 87.5%
}

.state-default .push-21 {
    left: 87.5%;
    right: auto
}

.state-default .pull-21 {
    right: 87.5%;
    left: auto
}

.state-default .prefix-21 {
    margin-left: 87.5%
}

.state-default .suffix-21 {
    margin-right: 87.5%
}

.state-default .gr-22 {
    width: 91.6666666667%
}

.state-default .push-22 {
    left: 91.6666666667%;
    right: auto
}

.state-default .pull-22 {
    right: 91.6666666667%;
    left: auto
}

.state-default .prefix-22 {
    margin-left: 91.6666666667%
}

.state-default .suffix-22 {
    margin-right: 91.6666666667%
}

.state-default .gr-23 {
    width: 95.8333333333%
}

.state-default .push-23 {
    left: 95.8333333333%;
    right: auto
}

.state-default .pull-23 {
    right: 95.8333333333%;
    left: auto
}

.state-default .prefix-23 {
    margin-left: 95.8333333333%
}

.state-default .suffix-23 {
    margin-right: 95.8333333333%
}

.state-default .gr-24 {
    width: 100%
}

.state-default .push-24 {
    left: 100%;
    right: auto
}

.state-default .pull-24 {
    right: 100%;
    left: auto
}

.state-default .prefix-24 {
    margin-left: 100%
}

.state-default .suffix-24 {
    margin-right: 100%
}

.state-default .float-left {
    float: left
}

.state-default .float-right {
    float: right
}

.state-default .clear {
    clear: both
}

.state-default .clear-left {
    clear: left
}

.state-default .clear-right {
    clear: right
}

.state-default .no-gutter {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.state-default .no-gutter-left {
    padding-left: 0
}

.state-default .no-gutter-right {
    padding-right: 0
}

.state-default .no-gutter-top {
    padding-top: 0
}

.state-default .no-gutter-bottom {
    padding-bottom: 0
}

.state-default .gutter {
    padding-right: 5px;
    padding-left: 5px
}

.state-default .gutter-left {
    padding-left: 5px
}

.state-default .gutter-right {
    padding-right: 5px
}

.state-default .auto-height {
    height: inherit
}

.state-default .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

[class*="no-gutter"]>.state-default .row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-default .row-reverse {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateY(180deg)
}

.state-default .row-reverse>[class*="gr-"] {
    transform: rotateY(-180deg)
}

[class*="no-gutter"]>.state-default .row-reverse {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-default .row-full {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.state-default .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

.state-default .col-reverse {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateX(180deg)
}

.state-default .col-reverse>[class*="gr-"] {
    transform: rotateX(-180deg)
}

.state-default .gr-table {
    display: table-cell;
    float: none;
    vertical-align: top
}

.state-default .row-align-left {
    font-size: 0;
    clear: both;
    text-align: left
}

.state-default .row-align-left>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-default .row-align-left>* {
        margin-right: -0.5px
    }
}

.state-default .row-align-center {
    font-size: 0;
    clear: both;
    text-align: center
}

.state-default .row-align-center>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-default .row-align-center>* {
        margin-right: -0.5px
    }
}

.state-default .row-align-center>* {
    text-align: left
}

.state-default .row-align-right {
    font-size: 0;
    clear: both;
    text-align: right
}

.state-default .row-align-right>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-default .row-align-right>* {
        margin-right: -0.5px
    }
}

.state-default .row-align-right>* {
    text-align: left
}

.state-default .row-align-middle {
    font-size: 0;
    clear: both;
    vertical-align: middle
}

.state-default .row-align-middle>* {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-default .row-align-middle>* {
        margin-right: -0.5px
    }
}

.state-default .row-align-top {
    font-size: 0;
    clear: both;
    vertical-align: top
}

.state-default .row-align-top>* {
    float: none !important;
    vertical-align: top;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-default .row-align-top>* {
        margin-right: -0.5px
    }
}

.state-default .row-align-bottom {
    font-size: 0;
    clear: both;
    vertical-align: bottom
}

.state-default .row-align-bottom>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-default .row-align-bottom>* {
        margin-right: -0.5px
    }
}

.state-default .hide {
    display: none
}

.state-default .not-visible {
    visibility: hidden
}

.state-default .show {
    display: block
}

.state-default .show-inline {
    display: inline-block
}

.state-default .visible {
    visibility: visible
}

.state-default .clear-each-2>[class*="gr-"]:nth-of-type(2n+1) {
    clear: left
}

.state-default .clear-each-3>[class*="gr-"]:nth-of-type(3n+1) {
    clear: left
}

.state-default .clear-each-12>[class*="gr-"]:nth-of-type(12n+1) {
    clear: both
}

.state-default .row-debug {
    position: relative;
    z-index: 99999;
    overflow: hidden
}

.state-default .row-debug:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 8.3333333333% 100%;
    z-index: 99999
}

.state-default body {
    direction: ltr
}

.gr-1on5 {
    width: 20%
}

.push-1on5 {
    left: 20%;
    right: auto
}

.pull-1on5 {
    right: 20%;
    left: auto
}

.prefix-1on5 {
    margin-left: 20%
}

.suffix-1on5 {
    margin-right: 20%
}

.gr-0 {
    width: 0%
}

.push-0 {
    left: 0%;
    right: auto
}

.pull-0 {
    right: 0%;
    left: auto
}

.prefix-0 {
    margin-left: 0%
}

.suffix-0 {
    margin-right: 0%
}

.gr-1 {
    width: 4.1666666667%
}

.push-1 {
    left: 4.1666666667%;
    right: auto
}

.pull-1 {
    right: 4.1666666667%;
    left: auto
}

.prefix-1 {
    margin-left: 4.1666666667%
}

.suffix-1 {
    margin-right: 4.1666666667%
}

.gr-2 {
    width: 8.3333333333%
}

.push-2 {
    left: 8.3333333333%;
    right: auto
}

.pull-2 {
    right: 8.3333333333%;
    left: auto
}

.prefix-2 {
    margin-left: 8.3333333333%
}

.suffix-2 {
    margin-right: 8.3333333333%
}

.gr-3 {
    width: 12.5%
}

.push-3 {
    left: 12.5%;
    right: auto
}

.pull-3 {
    right: 12.5%;
    left: auto
}

.prefix-3 {
    margin-left: 12.5%
}

.suffix-3 {
    margin-right: 12.5%
}

.gr-4 {
    width: 16.6666666667%
}

.push-4 {
    left: 16.6666666667%;
    right: auto
}

.pull-4 {
    right: 16.6666666667%;
    left: auto
}

.prefix-4 {
    margin-left: 16.6666666667%
}

.suffix-4 {
    margin-right: 16.6666666667%
}

.gr-5 {
    width: 20.8333333333%
}

.push-5 {
    left: 20.8333333333%;
    right: auto
}

.pull-5 {
    right: 20.8333333333%;
    left: auto
}

.prefix-5 {
    margin-left: 20.8333333333%
}

.suffix-5 {
    margin-right: 20.8333333333%
}

.gr-6 {
    width: 25%
}

.push-6 {
    left: 25%;
    right: auto
}

.pull-6 {
    right: 25%;
    left: auto
}

.prefix-6 {
    margin-left: 25%
}

.suffix-6 {
    margin-right: 25%
}

.gr-7 {
    width: 29.1666666667%
}

.push-7 {
    left: 29.1666666667%;
    right: auto
}

.pull-7 {
    right: 29.1666666667%;
    left: auto
}

.prefix-7 {
    margin-left: 29.1666666667%
}

.suffix-7 {
    margin-right: 29.1666666667%
}

.gr-8 {
    width: 33.3333333333%
}

.push-8 {
    left: 33.3333333333%;
    right: auto
}

.pull-8 {
    right: 33.3333333333%;
    left: auto
}

.prefix-8 {
    margin-left: 33.3333333333%
}

.suffix-8 {
    margin-right: 33.3333333333%
}

.gr-9 {
    width: 37.5%
}

.push-9 {
    left: 37.5%;
    right: auto
}

.pull-9 {
    right: 37.5%;
    left: auto
}

.prefix-9 {
    margin-left: 37.5%
}

.suffix-9 {
    margin-right: 37.5%
}

.gr-10 {
    width: 41.6666666667%
}

.push-10 {
    left: 41.6666666667%;
    right: auto
}

.pull-10 {
    right: 41.6666666667%;
    left: auto
}

.prefix-10 {
    margin-left: 41.6666666667%
}

.suffix-10 {
    margin-right: 41.6666666667%
}

.gr-11 {
    width: 45.8333333333%
}

.push-11 {
    left: 45.8333333333%;
    right: auto
}

.pull-11 {
    right: 45.8333333333%;
    left: auto
}

.prefix-11 {
    margin-left: 45.8333333333%
}

.suffix-11 {
    margin-right: 45.8333333333%
}

.gr-12 {
    width: 50%
}

.push-12 {
    left: 50%;
    right: auto
}

.pull-12 {
    right: 50%;
    left: auto
}

.prefix-12 {
    margin-left: 50%
}

.suffix-12 {
    margin-right: 50%
}

.gr-13 {
    width: 54.1666666667%
}

.push-13 {
    left: 54.1666666667%;
    right: auto
}

.pull-13 {
    right: 54.1666666667%;
    left: auto
}

.prefix-13 {
    margin-left: 54.1666666667%
}

.suffix-13 {
    margin-right: 54.1666666667%
}

.gr-14 {
    width: 58.3333333333%
}

.push-14 {
    left: 58.3333333333%;
    right: auto
}

.pull-14 {
    right: 58.3333333333%;
    left: auto
}

.prefix-14 {
    margin-left: 58.3333333333%
}

.suffix-14 {
    margin-right: 58.3333333333%
}

.gr-15 {
    width: 62.5%
}

.push-15 {
    left: 62.5%;
    right: auto
}

.pull-15 {
    right: 62.5%;
    left: auto
}

.prefix-15 {
    margin-left: 62.5%
}

.suffix-15 {
    margin-right: 62.5%
}

.gr-16 {
    width: 66.6666666667%
}

.push-16 {
    left: 66.6666666667%;
    right: auto
}

.pull-16 {
    right: 66.6666666667%;
    left: auto
}

.prefix-16 {
    margin-left: 66.6666666667%
}

.suffix-16 {
    margin-right: 66.6666666667%
}

.gr-17 {
    width: 70.8333333333%
}

.push-17 {
    left: 70.8333333333%;
    right: auto
}

.pull-17 {
    right: 70.8333333333%;
    left: auto
}

.prefix-17 {
    margin-left: 70.8333333333%
}

.suffix-17 {
    margin-right: 70.8333333333%
}

.gr-18 {
    width: 75%
}

.push-18 {
    left: 75%;
    right: auto
}

.pull-18 {
    right: 75%;
    left: auto
}

.prefix-18 {
    margin-left: 75%
}

.suffix-18 {
    margin-right: 75%
}

.gr-19 {
    width: 79.1666666667%
}

.push-19 {
    left: 79.1666666667%;
    right: auto
}

.pull-19 {
    right: 79.1666666667%;
    left: auto
}

.prefix-19 {
    margin-left: 79.1666666667%
}

.suffix-19 {
    margin-right: 79.1666666667%
}

.gr-20 {
    width: 83.3333333333%
}

.push-20 {
    left: 83.3333333333%;
    right: auto
}

.pull-20 {
    right: 83.3333333333%;
    left: auto
}

.prefix-20 {
    margin-left: 83.3333333333%
}

.suffix-20 {
    margin-right: 83.3333333333%
}

.gr-21 {
    width: 87.5%
}

.push-21 {
    left: 87.5%;
    right: auto
}

.pull-21 {
    right: 87.5%;
    left: auto
}

.prefix-21 {
    margin-left: 87.5%
}

.suffix-21 {
    margin-right: 87.5%
}

.gr-22 {
    width: 91.6666666667%
}

.push-22 {
    left: 91.6666666667%;
    right: auto
}

.pull-22 {
    right: 91.6666666667%;
    left: auto
}

.prefix-22 {
    margin-left: 91.6666666667%
}

.suffix-22 {
    margin-right: 91.6666666667%
}

.gr-23 {
    width: 95.8333333333%
}

.push-23 {
    left: 95.8333333333%;
    right: auto
}

.pull-23 {
    right: 95.8333333333%;
    left: auto
}

.prefix-23 {
    margin-left: 95.8333333333%
}

.suffix-23 {
    margin-right: 95.8333333333%
}

.gr-24 {
    width: 100%
}

.push-24 {
    left: 100%;
    right: auto
}

.pull-24 {
    right: 100%;
    left: auto
}

.prefix-24 {
    margin-left: 100%
}

.suffix-24 {
    margin-right: 100%
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clear {
    clear: both
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.no-gutter {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.no-gutter-left {
    padding-left: 0
}

.no-gutter-right {
    padding-right: 0
}

.no-gutter-top {
    padding-top: 0
}

.no-gutter-bottom {
    padding-bottom: 0
}

.gutter {
    padding-right: 5px;
    padding-left: 5px
}

.gutter-left {
    padding-left: 5px
}

.gutter-right {
    padding-right: 5px
}

.auto-height {
    height: inherit
}

.row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

[class*="no-gutter"]>.row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.row-reverse {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateY(180deg)
}

.row-reverse>[class*="gr-"] {
    transform: rotateY(-180deg)
}

[class*="no-gutter"]>.row-reverse {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.row-full {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

.col-reverse {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateX(180deg)
}

.col-reverse>[class*="gr-"] {
    transform: rotateX(-180deg)
}

.gr-table {
    display: table-cell;
    float: none;
    vertical-align: top
}

.row-align-left {
    font-size: 0;
    clear: both;
    text-align: left
}

.row-align-left>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .row-align-left>* {
        margin-right: -0.5px
    }
}

.row-align-center {
    font-size: 0;
    clear: both;
    text-align: center
}

.row-align-center>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .row-align-center>* {
        margin-right: -0.5px
    }
}

.row-align-center>* {
    text-align: left
}

.row-align-right {
    font-size: 0;
    clear: both;
    text-align: right
}

.row-align-right>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .row-align-right>* {
        margin-right: -0.5px
    }
}

.row-align-right>* {
    text-align: left
}

.row-align-middle {
    font-size: 0;
    clear: both;
    vertical-align: middle
}

.row-align-middle>* {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .row-align-middle>* {
        margin-right: -0.5px
    }
}

.row-align-top {
    font-size: 0;
    clear: both;
    vertical-align: top
}

.row-align-top>* {
    float: none !important;
    vertical-align: top;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .row-align-top>* {
        margin-right: -0.5px
    }
}

.row-align-bottom {
    font-size: 0;
    clear: both;
    vertical-align: bottom
}

.row-align-bottom>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .row-align-bottom>* {
        margin-right: -0.5px
    }
}

.hide {
    display: none
}

.not-visible {
    visibility: hidden
}

.show {
    display: block
}

.show-inline {
    display: inline-block
}

.visible {
    visibility: visible
}

.clear-each-2>[class*="gr-"]:nth-of-type(2n+1) {
    clear: left
}

.clear-each-3>[class*="gr-"]:nth-of-type(3n+1) {
    clear: left
}

.clear-each-12>[class*="gr-"]:nth-of-type(12n+1) {
    clear: both
}

.row-debug {
    position: relative;
    z-index: 99999;
    overflow: hidden
}

.row-debug:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 8.3333333333% 100%;
    z-index: 99999
}

body {
    direction: ltr
}

.state-mobile .gr-1on5\@mobile {
    width: 20%
}

.state-mobile .push-1on5\@mobile {
    left: 20%;
    right: auto
}

.state-mobile .pull-1on5\@mobile {
    right: 20%;
    left: auto
}

.state-mobile .prefix-1on5\@mobile {
    margin-left: 20%
}

.state-mobile .suffix-1on5\@mobile {
    margin-right: 20%
}

.state-mobile .gr-0\@mobile {
    width: 0%
}

.state-mobile .push-0\@mobile {
    left: 0%;
    right: auto
}

.state-mobile .pull-0\@mobile {
    right: 0%;
    left: auto
}

.state-mobile .prefix-0\@mobile {
    margin-left: 0%
}

.state-mobile .suffix-0\@mobile {
    margin-right: 0%
}

.state-mobile .gr-1\@mobile {
    width: 4.1666666667%
}

.state-mobile .push-1\@mobile {
    left: 4.1666666667%;
    right: auto
}

.state-mobile .pull-1\@mobile {
    right: 4.1666666667%;
    left: auto
}

.state-mobile .prefix-1\@mobile {
    margin-left: 4.1666666667%
}

.state-mobile .suffix-1\@mobile {
    margin-right: 4.1666666667%
}

.state-mobile .gr-2\@mobile {
    width: 8.3333333333%
}

.state-mobile .push-2\@mobile {
    left: 8.3333333333%;
    right: auto
}

.state-mobile .pull-2\@mobile {
    right: 8.3333333333%;
    left: auto
}

.state-mobile .prefix-2\@mobile {
    margin-left: 8.3333333333%
}

.state-mobile .suffix-2\@mobile {
    margin-right: 8.3333333333%
}

.state-mobile .gr-3\@mobile {
    width: 12.5%
}

.state-mobile .push-3\@mobile {
    left: 12.5%;
    right: auto
}

.state-mobile .pull-3\@mobile {
    right: 12.5%;
    left: auto
}

.state-mobile .prefix-3\@mobile {
    margin-left: 12.5%
}

.state-mobile .suffix-3\@mobile {
    margin-right: 12.5%
}

.state-mobile .gr-4\@mobile {
    width: 16.6666666667%
}

.state-mobile .push-4\@mobile {
    left: 16.6666666667%;
    right: auto
}

.state-mobile .pull-4\@mobile {
    right: 16.6666666667%;
    left: auto
}

.state-mobile .prefix-4\@mobile {
    margin-left: 16.6666666667%
}

.state-mobile .suffix-4\@mobile {
    margin-right: 16.6666666667%
}

.state-mobile .gr-5\@mobile {
    width: 20.8333333333%
}

.state-mobile .push-5\@mobile {
    left: 20.8333333333%;
    right: auto
}

.state-mobile .pull-5\@mobile {
    right: 20.8333333333%;
    left: auto
}

.state-mobile .prefix-5\@mobile {
    margin-left: 20.8333333333%
}

.state-mobile .suffix-5\@mobile {
    margin-right: 20.8333333333%
}

.state-mobile .gr-6\@mobile {
    width: 25%
}

.state-mobile .push-6\@mobile {
    left: 25%;
    right: auto
}

.state-mobile .pull-6\@mobile {
    right: 25%;
    left: auto
}

.state-mobile .prefix-6\@mobile {
    margin-left: 25%
}

.state-mobile .suffix-6\@mobile {
    margin-right: 25%
}

.state-mobile .gr-7\@mobile {
    width: 29.1666666667%
}

.state-mobile .push-7\@mobile {
    left: 29.1666666667%;
    right: auto
}

.state-mobile .pull-7\@mobile {
    right: 29.1666666667%;
    left: auto
}

.state-mobile .prefix-7\@mobile {
    margin-left: 29.1666666667%
}

.state-mobile .suffix-7\@mobile {
    margin-right: 29.1666666667%
}

.state-mobile .gr-8\@mobile {
    width: 33.3333333333%
}

.state-mobile .push-8\@mobile {
    left: 33.3333333333%;
    right: auto
}

.state-mobile .pull-8\@mobile {
    right: 33.3333333333%;
    left: auto
}

.state-mobile .prefix-8\@mobile {
    margin-left: 33.3333333333%
}

.state-mobile .suffix-8\@mobile {
    margin-right: 33.3333333333%
}

.state-mobile .gr-9\@mobile {
    width: 37.5%
}

.state-mobile .push-9\@mobile {
    left: 37.5%;
    right: auto
}

.state-mobile .pull-9\@mobile {
    right: 37.5%;
    left: auto
}

.state-mobile .prefix-9\@mobile {
    margin-left: 37.5%
}

.state-mobile .suffix-9\@mobile {
    margin-right: 37.5%
}

.state-mobile .gr-10\@mobile {
    width: 41.6666666667%
}

.state-mobile .push-10\@mobile {
    left: 41.6666666667%;
    right: auto
}

.state-mobile .pull-10\@mobile {
    right: 41.6666666667%;
    left: auto
}

.state-mobile .prefix-10\@mobile {
    margin-left: 41.6666666667%
}

.state-mobile .suffix-10\@mobile {
    margin-right: 41.6666666667%
}

.state-mobile .gr-11\@mobile {
    width: 45.8333333333%
}

.state-mobile .push-11\@mobile {
    left: 45.8333333333%;
    right: auto
}

.state-mobile .pull-11\@mobile {
    right: 45.8333333333%;
    left: auto
}

.state-mobile .prefix-11\@mobile {
    margin-left: 45.8333333333%
}

.state-mobile .suffix-11\@mobile {
    margin-right: 45.8333333333%
}

.state-mobile .gr-12\@mobile {
    width: 50%
}

.state-mobile .push-12\@mobile {
    left: 50%;
    right: auto
}

.state-mobile .pull-12\@mobile {
    right: 50%;
    left: auto
}

.state-mobile .prefix-12\@mobile {
    margin-left: 50%
}

.state-mobile .suffix-12\@mobile {
    margin-right: 50%
}

.state-mobile .gr-13\@mobile {
    width: 54.1666666667%
}

.state-mobile .push-13\@mobile {
    left: 54.1666666667%;
    right: auto
}

.state-mobile .pull-13\@mobile {
    right: 54.1666666667%;
    left: auto
}

.state-mobile .prefix-13\@mobile {
    margin-left: 54.1666666667%
}

.state-mobile .suffix-13\@mobile {
    margin-right: 54.1666666667%
}

.state-mobile .gr-14\@mobile {
    width: 58.3333333333%
}

.state-mobile .push-14\@mobile {
    left: 58.3333333333%;
    right: auto
}

.state-mobile .pull-14\@mobile {
    right: 58.3333333333%;
    left: auto
}

.state-mobile .prefix-14\@mobile {
    margin-left: 58.3333333333%
}

.state-mobile .suffix-14\@mobile {
    margin-right: 58.3333333333%
}

.state-mobile .gr-15\@mobile {
    width: 62.5%
}

.state-mobile .push-15\@mobile {
    left: 62.5%;
    right: auto
}

.state-mobile .pull-15\@mobile {
    right: 62.5%;
    left: auto
}

.state-mobile .prefix-15\@mobile {
    margin-left: 62.5%
}

.state-mobile .suffix-15\@mobile {
    margin-right: 62.5%
}

.state-mobile .gr-16\@mobile {
    width: 66.6666666667%
}

.state-mobile .push-16\@mobile {
    left: 66.6666666667%;
    right: auto
}

.state-mobile .pull-16\@mobile {
    right: 66.6666666667%;
    left: auto
}

.state-mobile .prefix-16\@mobile {
    margin-left: 66.6666666667%
}

.state-mobile .suffix-16\@mobile {
    margin-right: 66.6666666667%
}

.state-mobile .gr-17\@mobile {
    width: 70.8333333333%
}

.state-mobile .push-17\@mobile {
    left: 70.8333333333%;
    right: auto
}

.state-mobile .pull-17\@mobile {
    right: 70.8333333333%;
    left: auto
}

.state-mobile .prefix-17\@mobile {
    margin-left: 70.8333333333%
}

.state-mobile .suffix-17\@mobile {
    margin-right: 70.8333333333%
}

.state-mobile .gr-18\@mobile {
    width: 75%
}

.state-mobile .push-18\@mobile {
    left: 75%;
    right: auto
}

.state-mobile .pull-18\@mobile {
    right: 75%;
    left: auto
}

.state-mobile .prefix-18\@mobile {
    margin-left: 75%
}

.state-mobile .suffix-18\@mobile {
    margin-right: 75%
}

.state-mobile .gr-19\@mobile {
    width: 79.1666666667%
}

.state-mobile .push-19\@mobile {
    left: 79.1666666667%;
    right: auto
}

.state-mobile .pull-19\@mobile {
    right: 79.1666666667%;
    left: auto
}

.state-mobile .prefix-19\@mobile {
    margin-left: 79.1666666667%
}

.state-mobile .suffix-19\@mobile {
    margin-right: 79.1666666667%
}

.state-mobile .gr-20\@mobile {
    width: 83.3333333333%
}

.state-mobile .push-20\@mobile {
    left: 83.3333333333%;
    right: auto
}

.state-mobile .pull-20\@mobile {
    right: 83.3333333333%;
    left: auto
}

.state-mobile .prefix-20\@mobile {
    margin-left: 83.3333333333%
}

.state-mobile .suffix-20\@mobile {
    margin-right: 83.3333333333%
}

.state-mobile .gr-21\@mobile {
    width: 87.5%
}

.state-mobile .push-21\@mobile {
    left: 87.5%;
    right: auto
}

.state-mobile .pull-21\@mobile {
    right: 87.5%;
    left: auto
}

.state-mobile .prefix-21\@mobile {
    margin-left: 87.5%
}

.state-mobile .suffix-21\@mobile {
    margin-right: 87.5%
}

.state-mobile .gr-22\@mobile {
    width: 91.6666666667%
}

.state-mobile .push-22\@mobile {
    left: 91.6666666667%;
    right: auto
}

.state-mobile .pull-22\@mobile {
    right: 91.6666666667%;
    left: auto
}

.state-mobile .prefix-22\@mobile {
    margin-left: 91.6666666667%
}

.state-mobile .suffix-22\@mobile {
    margin-right: 91.6666666667%
}

.state-mobile .gr-23\@mobile {
    width: 95.8333333333%
}

.state-mobile .push-23\@mobile {
    left: 95.8333333333%;
    right: auto
}

.state-mobile .pull-23\@mobile {
    right: 95.8333333333%;
    left: auto
}

.state-mobile .prefix-23\@mobile {
    margin-left: 95.8333333333%
}

.state-mobile .suffix-23\@mobile {
    margin-right: 95.8333333333%
}

.state-mobile .gr-24\@mobile {
    width: 100%
}

.state-mobile .push-24\@mobile {
    left: 100%;
    right: auto
}

.state-mobile .pull-24\@mobile {
    right: 100%;
    left: auto
}

.state-mobile .prefix-24\@mobile {
    margin-left: 100%
}

.state-mobile .suffix-24\@mobile {
    margin-right: 100%
}

.state-mobile .float-left\@mobile {
    float: left
}

.state-mobile .float-right\@mobile {
    float: right
}

.state-mobile .clear\@mobile {
    clear: both
}

.state-mobile .clear-left\@mobile {
    clear: left
}

.state-mobile .clear-right\@mobile {
    clear: right
}

.state-mobile .no-gutter\@mobile {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.state-mobile .no-gutter-left\@mobile {
    padding-left: 0
}

.state-mobile .no-gutter-right\@mobile {
    padding-right: 0
}

.state-mobile .no-gutter-top\@mobile {
    padding-top: 0
}

.state-mobile .no-gutter-bottom\@mobile {
    padding-bottom: 0
}

.state-mobile .gutter\@mobile {
    padding-right: 5px;
    padding-left: 5px
}

.state-mobile .gutter-left\@mobile {
    padding-left: 5px
}

.state-mobile .gutter-right\@mobile {
    padding-right: 5px
}

.state-mobile .auto-height\@mobile {
    height: inherit
}

.state-mobile .row\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

[class*="no-gutter"]>.state-mobile .row\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-mobile .row-reverse\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateY(180deg)
}

.state-mobile .row-reverse\@mobile>[class*="gr-"] {
    transform: rotateY(-180deg)
}

[class*="no-gutter"]>.state-mobile .row-reverse\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-mobile .row-full\@mobile {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.state-mobile .col\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

.state-mobile .col-reverse\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateX(180deg)
}

.state-mobile .col-reverse\@mobile>[class*="gr-"] {
    transform: rotateX(-180deg)
}

.state-mobile .gr-table\@mobile {
    display: table-cell;
    float: none;
    vertical-align: top
}

.state-mobile .row-align-left\@mobile {
    font-size: 0;
    clear: both;
    text-align: left
}

.state-mobile .row-align-left\@mobile>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-mobile .row-align-left\@mobile>* {
        margin-right: -0.5px
    }
}

.state-mobile .row-align-center\@mobile {
    font-size: 0;
    clear: both;
    text-align: center
}

.state-mobile .row-align-center\@mobile>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-mobile .row-align-center\@mobile>* {
        margin-right: -0.5px
    }
}

.state-mobile .row-align-center\@mobile>* {
    text-align: left
}

.state-mobile .row-align-right\@mobile {
    font-size: 0;
    clear: both;
    text-align: right
}

.state-mobile .row-align-right\@mobile>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-mobile .row-align-right\@mobile>* {
        margin-right: -0.5px
    }
}

.state-mobile .row-align-right\@mobile>* {
    text-align: left
}

.state-mobile .row-align-middle\@mobile {
    font-size: 0;
    clear: both;
    vertical-align: middle
}

.state-mobile .row-align-middle\@mobile>* {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-mobile .row-align-middle\@mobile>* {
        margin-right: -0.5px
    }
}

.state-mobile .row-align-top\@mobile {
    font-size: 0;
    clear: both;
    vertical-align: top
}

.state-mobile .row-align-top\@mobile>* {
    float: none !important;
    vertical-align: top;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-mobile .row-align-top\@mobile>* {
        margin-right: -0.5px
    }
}

.state-mobile .row-align-bottom\@mobile {
    font-size: 0;
    clear: both;
    vertical-align: bottom
}

.state-mobile .row-align-bottom\@mobile>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-mobile .row-align-bottom\@mobile>* {
        margin-right: -0.5px
    }
}

.state-mobile .hide\@mobile {
    display: none
}

.state-mobile .not-visible\@mobile {
    visibility: hidden
}

.state-mobile .show\@mobile {
    display: block
}

.state-mobile .show-inline\@mobile {
    display: inline-block
}

.state-mobile .visible\@mobile {
    visibility: visible
}

.state-mobile .clear-each-2\@mobile>[class*="gr-"]:nth-of-type(2n+1) {
    clear: left
}

.state-mobile .clear-each-3\@mobile>[class*="gr-"]:nth-of-type(3n+1) {
    clear: left
}

.state-mobile .clear-each-12\@mobile>[class*="gr-"]:nth-of-type(12n+1) {
    clear: both
}

.state-mobile .row-debug\@mobile {
    position: relative;
    z-index: 99999;
    overflow: hidden
}

.state-mobile .row-debug\@mobile:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 8.3333333333% 100%;
    z-index: 99999
}

.state-mobile body {
    direction: ltr
}

@media screen and (max-width: 768px) {
    .gr-1on5\@mobile {
        width: 20%
    }

    .push-1on5\@mobile {
        left: 20%;
        right: auto
    }

    .pull-1on5\@mobile {
        right: 20%;
        left: auto
    }

    .prefix-1on5\@mobile {
        margin-left: 20%
    }

    .suffix-1on5\@mobile {
        margin-right: 20%
    }

    .gr-0\@mobile {
        width: 0%
    }

    .push-0\@mobile {
        left: 0%;
        right: auto
    }

    .pull-0\@mobile {
        right: 0%;
        left: auto
    }

    .prefix-0\@mobile {
        margin-left: 0%
    }

    .suffix-0\@mobile {
        margin-right: 0%
    }

    .gr-1\@mobile {
        width: 4.1666666667%
    }

    .push-1\@mobile {
        left: 4.1666666667%;
        right: auto
    }

    .pull-1\@mobile {
        right: 4.1666666667%;
        left: auto
    }

    .prefix-1\@mobile {
        margin-left: 4.1666666667%
    }

    .suffix-1\@mobile {
        margin-right: 4.1666666667%
    }

    .gr-2\@mobile {
        width: 8.3333333333%
    }

    .push-2\@mobile {
        left: 8.3333333333%;
        right: auto
    }

    .pull-2\@mobile {
        right: 8.3333333333%;
        left: auto
    }

    .prefix-2\@mobile {
        margin-left: 8.3333333333%
    }

    .suffix-2\@mobile {
        margin-right: 8.3333333333%
    }

    .gr-3\@mobile {
        width: 12.5%
    }

    .push-3\@mobile {
        left: 12.5%;
        right: auto
    }

    .pull-3\@mobile {
        right: 12.5%;
        left: auto
    }

    .prefix-3\@mobile {
        margin-left: 12.5%
    }

    .suffix-3\@mobile {
        margin-right: 12.5%
    }

    .gr-4\@mobile {
        width: 16.6666666667%
    }

    .push-4\@mobile {
        left: 16.6666666667%;
        right: auto
    }

    .pull-4\@mobile {
        right: 16.6666666667%;
        left: auto
    }

    .prefix-4\@mobile {
        margin-left: 16.6666666667%
    }

    .suffix-4\@mobile {
        margin-right: 16.6666666667%
    }

    .gr-5\@mobile {
        width: 20.8333333333%
    }

    .push-5\@mobile {
        left: 20.8333333333%;
        right: auto
    }

    .pull-5\@mobile {
        right: 20.8333333333%;
        left: auto
    }

    .prefix-5\@mobile {
        margin-left: 20.8333333333%
    }

    .suffix-5\@mobile {
        margin-right: 20.8333333333%
    }

    .gr-6\@mobile {
        width: 25%
    }

    .push-6\@mobile {
        left: 25%;
        right: auto
    }

    .pull-6\@mobile {
        right: 25%;
        left: auto
    }

    .prefix-6\@mobile {
        margin-left: 25%
    }

    .suffix-6\@mobile {
        margin-right: 25%
    }

    .gr-7\@mobile {
        width: 29.1666666667%
    }

    .push-7\@mobile {
        left: 29.1666666667%;
        right: auto
    }

    .pull-7\@mobile {
        right: 29.1666666667%;
        left: auto
    }

    .prefix-7\@mobile {
        margin-left: 29.1666666667%
    }

    .suffix-7\@mobile {
        margin-right: 29.1666666667%
    }

    .gr-8\@mobile {
        width: 33.3333333333%
    }

    .push-8\@mobile {
        left: 33.3333333333%;
        right: auto
    }

    .pull-8\@mobile {
        right: 33.3333333333%;
        left: auto
    }

    .prefix-8\@mobile {
        margin-left: 33.3333333333%
    }

    .suffix-8\@mobile {
        margin-right: 33.3333333333%
    }

    .gr-9\@mobile {
        width: 37.5%
    }

    .push-9\@mobile {
        left: 37.5%;
        right: auto
    }

    .pull-9\@mobile {
        right: 37.5%;
        left: auto
    }

    .prefix-9\@mobile {
        margin-left: 37.5%
    }

    .suffix-9\@mobile {
        margin-right: 37.5%
    }

    .gr-10\@mobile {
        width: 41.6666666667%
    }

    .push-10\@mobile {
        left: 41.6666666667%;
        right: auto
    }

    .pull-10\@mobile {
        right: 41.6666666667%;
        left: auto
    }

    .prefix-10\@mobile {
        margin-left: 41.6666666667%
    }

    .suffix-10\@mobile {
        margin-right: 41.6666666667%
    }

    .gr-11\@mobile {
        width: 45.8333333333%
    }

    .push-11\@mobile {
        left: 45.8333333333%;
        right: auto
    }

    .pull-11\@mobile {
        right: 45.8333333333%;
        left: auto
    }

    .prefix-11\@mobile {
        margin-left: 45.8333333333%
    }

    .suffix-11\@mobile {
        margin-right: 45.8333333333%
    }

    .gr-12\@mobile {
        width: 50%
    }

    .push-12\@mobile {
        left: 50%;
        right: auto
    }

    .pull-12\@mobile {
        right: 50%;
        left: auto
    }

    .prefix-12\@mobile {
        margin-left: 50%
    }

    .suffix-12\@mobile {
        margin-right: 50%
    }

    .gr-13\@mobile {
        width: 54.1666666667%
    }

    .push-13\@mobile {
        left: 54.1666666667%;
        right: auto
    }

    .pull-13\@mobile {
        right: 54.1666666667%;
        left: auto
    }

    .prefix-13\@mobile {
        margin-left: 54.1666666667%
    }

    .suffix-13\@mobile {
        margin-right: 54.1666666667%
    }

    .gr-14\@mobile {
        width: 58.3333333333%
    }

    .push-14\@mobile {
        left: 58.3333333333%;
        right: auto
    }

    .pull-14\@mobile {
        right: 58.3333333333%;
        left: auto
    }

    .prefix-14\@mobile {
        margin-left: 58.3333333333%
    }

    .suffix-14\@mobile {
        margin-right: 58.3333333333%
    }

    .gr-15\@mobile {
        width: 62.5%
    }

    .push-15\@mobile {
        left: 62.5%;
        right: auto
    }

    .pull-15\@mobile {
        right: 62.5%;
        left: auto
    }

    .prefix-15\@mobile {
        margin-left: 62.5%
    }

    .suffix-15\@mobile {
        margin-right: 62.5%
    }

    .gr-16\@mobile {
        width: 66.6666666667%
    }

    .push-16\@mobile {
        left: 66.6666666667%;
        right: auto
    }

    .pull-16\@mobile {
        right: 66.6666666667%;
        left: auto
    }

    .prefix-16\@mobile {
        margin-left: 66.6666666667%
    }

    .suffix-16\@mobile {
        margin-right: 66.6666666667%
    }

    .gr-17\@mobile {
        width: 70.8333333333%
    }

    .push-17\@mobile {
        left: 70.8333333333%;
        right: auto
    }

    .pull-17\@mobile {
        right: 70.8333333333%;
        left: auto
    }

    .prefix-17\@mobile {
        margin-left: 70.8333333333%
    }

    .suffix-17\@mobile {
        margin-right: 70.8333333333%
    }

    .gr-18\@mobile {
        width: 75%
    }

    .push-18\@mobile {
        left: 75%;
        right: auto
    }

    .pull-18\@mobile {
        right: 75%;
        left: auto
    }

    .prefix-18\@mobile {
        margin-left: 75%
    }

    .suffix-18\@mobile {
        margin-right: 75%
    }

    .gr-19\@mobile {
        width: 79.1666666667%
    }

    .push-19\@mobile {
        left: 79.1666666667%;
        right: auto
    }

    .pull-19\@mobile {
        right: 79.1666666667%;
        left: auto
    }

    .prefix-19\@mobile {
        margin-left: 79.1666666667%
    }

    .suffix-19\@mobile {
        margin-right: 79.1666666667%
    }

    .gr-20\@mobile {
        width: 83.3333333333%
    }

    .push-20\@mobile {
        left: 83.3333333333%;
        right: auto
    }

    .pull-20\@mobile {
        right: 83.3333333333%;
        left: auto
    }

    .prefix-20\@mobile {
        margin-left: 83.3333333333%
    }

    .suffix-20\@mobile {
        margin-right: 83.3333333333%
    }

    .gr-21\@mobile {
        width: 87.5%
    }

    .push-21\@mobile {
        left: 87.5%;
        right: auto
    }

    .pull-21\@mobile {
        right: 87.5%;
        left: auto
    }

    .prefix-21\@mobile {
        margin-left: 87.5%
    }

    .suffix-21\@mobile {
        margin-right: 87.5%
    }

    .gr-22\@mobile {
        width: 91.6666666667%
    }

    .push-22\@mobile {
        left: 91.6666666667%;
        right: auto
    }

    .pull-22\@mobile {
        right: 91.6666666667%;
        left: auto
    }

    .prefix-22\@mobile {
        margin-left: 91.6666666667%
    }

    .suffix-22\@mobile {
        margin-right: 91.6666666667%
    }

    .gr-23\@mobile {
        width: 95.8333333333%
    }

    .push-23\@mobile {
        left: 95.8333333333%;
        right: auto
    }

    .pull-23\@mobile {
        right: 95.8333333333%;
        left: auto
    }

    .prefix-23\@mobile {
        margin-left: 95.8333333333%
    }

    .suffix-23\@mobile {
        margin-right: 95.8333333333%
    }

    .gr-24\@mobile {
        width: 100%
    }

    .push-24\@mobile {
        left: 100%;
        right: auto
    }

    .pull-24\@mobile {
        right: 100%;
        left: auto
    }

    .prefix-24\@mobile {
        margin-left: 100%
    }

    .suffix-24\@mobile {
        margin-right: 100%
    }

    .float-left\@mobile {
        float: left
    }

    .float-right\@mobile {
        float: right
    }

    .clear\@mobile {
        clear: both
    }

    .clear-left\@mobile {
        clear: left
    }

    .clear-right\@mobile {
        clear: right
    }

    .no-gutter\@mobile {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .no-gutter-left\@mobile {
        padding-left: 0
    }

    .no-gutter-right\@mobile {
        padding-right: 0
    }

    .no-gutter-top\@mobile {
        padding-top: 0
    }

    .no-gutter-bottom\@mobile {
        padding-bottom: 0
    }

    .gutter\@mobile {
        padding-right: 5px;
        padding-left: 5px
    }

    .gutter-left\@mobile {
        padding-left: 5px
    }

    .gutter-right\@mobile {
        padding-right: 5px
    }

    .auto-height\@mobile {
        height: inherit
    }

    .row\@mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px
    }

    [class*="no-gutter"]>.row\@mobile {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .row-reverse\@mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px;
        transform: rotateY(180deg)
    }

    .row-reverse\@mobile>[class*="gr-"] {
        transform: rotateY(-180deg)
    }

    [class*="no-gutter"]>.row-reverse\@mobile {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .row-full\@mobile {
        width: 100vw;
        margin-left: 50% !important;
        margin-right: 0 !important;
        -webkit-transform: translateX(-50%);
        -moz-transition: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .col\@mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px
    }

    .col-reverse\@mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px;
        transform: rotateX(180deg)
    }

    .col-reverse\@mobile>[class*="gr-"] {
        transform: rotateX(-180deg)
    }

    .gr-table\@mobile {
        display: table-cell;
        float: none;
        vertical-align: top
    }

    .row-align-left\@mobile {
        font-size: 0;
        clear: both;
        text-align: left
    }

    .row-align-left\@mobile>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-left\@mobile>* {
            margin-right: -0.5px
        }
    }

    .row-align-center\@mobile {
        font-size: 0;
        clear: both;
        text-align: center
    }

    .row-align-center\@mobile>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-center\@mobile>* {
            margin-right: -0.5px
        }
    }

    .row-align-center\@mobile>* {
        text-align: left
    }

    .row-align-right\@mobile {
        font-size: 0;
        clear: both;
        text-align: right
    }

    .row-align-right\@mobile>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-right\@mobile>* {
            margin-right: -0.5px
        }
    }

    .row-align-right\@mobile>* {
        text-align: left
    }

    .row-align-middle\@mobile {
        font-size: 0;
        clear: both;
        vertical-align: middle
    }

    .row-align-middle\@mobile>* {
        float: none !important;
        vertical-align: middle;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-middle\@mobile>* {
            margin-right: -0.5px
        }
    }

    .row-align-top\@mobile {
        font-size: 0;
        clear: both;
        vertical-align: top
    }

    .row-align-top\@mobile>* {
        float: none !important;
        vertical-align: top;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-top\@mobile>* {
            margin-right: -0.5px
        }
    }

    .row-align-bottom\@mobile {
        font-size: 0;
        clear: both;
        vertical-align: bottom
    }

    .row-align-bottom\@mobile>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-bottom\@mobile>* {
            margin-right: -0.5px
        }
    }

    .hide\@mobile {
        display: none
    }

    .not-visible\@mobile {
        visibility: hidden
    }

    .show\@mobile {
        display: block
    }

    .show-inline\@mobile {
        display: inline-block
    }

    .visible\@mobile {
        visibility: visible
    }

    .clear-each-2\@mobile>[class*="gr-"]:nth-of-type(2n+1) {
        clear: left
    }

    .clear-each-3\@mobile>[class*="gr-"]:nth-of-type(3n+1) {
        clear: left
    }

    .clear-each-12\@mobile>[class*="gr-"]:nth-of-type(12n+1) {
        clear: both
    }

    .row-debug\@mobile {
        position: relative;
        z-index: 99999;
        overflow: hidden
    }

    .row-debug\@mobile:before {
        pointer-events: none;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 99999px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
        background-size: 8.3333333333% 100%;
        z-index: 99999
    }

    body {
        direction: ltr
    }
}

.state-tablet .gr-1on5\@tablet {
    width: 20%
}

.state-tablet .push-1on5\@tablet {
    left: 20%;
    right: auto
}

.state-tablet .pull-1on5\@tablet {
    right: 20%;
    left: auto
}

.state-tablet .prefix-1on5\@tablet {
    margin-left: 20%
}

.state-tablet .suffix-1on5\@tablet {
    margin-right: 20%
}

.state-tablet .gr-0\@tablet {
    width: 0%
}

.state-tablet .push-0\@tablet {
    left: 0%;
    right: auto
}

.state-tablet .pull-0\@tablet {
    right: 0%;
    left: auto
}

.state-tablet .prefix-0\@tablet {
    margin-left: 0%
}

.state-tablet .suffix-0\@tablet {
    margin-right: 0%
}

.state-tablet .gr-1\@tablet {
    width: 4.1666666667%
}

.state-tablet .push-1\@tablet {
    left: 4.1666666667%;
    right: auto
}

.state-tablet .pull-1\@tablet {
    right: 4.1666666667%;
    left: auto
}

.state-tablet .prefix-1\@tablet {
    margin-left: 4.1666666667%
}

.state-tablet .suffix-1\@tablet {
    margin-right: 4.1666666667%
}

.state-tablet .gr-2\@tablet {
    width: 8.3333333333%
}

.state-tablet .push-2\@tablet {
    left: 8.3333333333%;
    right: auto
}

.state-tablet .pull-2\@tablet {
    right: 8.3333333333%;
    left: auto
}

.state-tablet .prefix-2\@tablet {
    margin-left: 8.3333333333%
}

.state-tablet .suffix-2\@tablet {
    margin-right: 8.3333333333%
}

.state-tablet .gr-3\@tablet {
    width: 12.5%
}

.state-tablet .push-3\@tablet {
    left: 12.5%;
    right: auto
}

.state-tablet .pull-3\@tablet {
    right: 12.5%;
    left: auto
}

.state-tablet .prefix-3\@tablet {
    margin-left: 12.5%
}

.state-tablet .suffix-3\@tablet {
    margin-right: 12.5%
}

.state-tablet .gr-4\@tablet {
    width: 16.6666666667%
}

.state-tablet .push-4\@tablet {
    left: 16.6666666667%;
    right: auto
}

.state-tablet .pull-4\@tablet {
    right: 16.6666666667%;
    left: auto
}

.state-tablet .prefix-4\@tablet {
    margin-left: 16.6666666667%
}

.state-tablet .suffix-4\@tablet {
    margin-right: 16.6666666667%
}

.state-tablet .gr-5\@tablet {
    width: 20.8333333333%
}

.state-tablet .push-5\@tablet {
    left: 20.8333333333%;
    right: auto
}

.state-tablet .pull-5\@tablet {
    right: 20.8333333333%;
    left: auto
}

.state-tablet .prefix-5\@tablet {
    margin-left: 20.8333333333%
}

.state-tablet .suffix-5\@tablet {
    margin-right: 20.8333333333%
}

.state-tablet .gr-6\@tablet {
    width: 25%
}

.state-tablet .push-6\@tablet {
    left: 25%;
    right: auto
}

.state-tablet .pull-6\@tablet {
    right: 25%;
    left: auto
}

.state-tablet .prefix-6\@tablet {
    margin-left: 25%
}

.state-tablet .suffix-6\@tablet {
    margin-right: 25%
}

.state-tablet .gr-7\@tablet {
    width: 29.1666666667%
}

.state-tablet .push-7\@tablet {
    left: 29.1666666667%;
    right: auto
}

.state-tablet .pull-7\@tablet {
    right: 29.1666666667%;
    left: auto
}

.state-tablet .prefix-7\@tablet {
    margin-left: 29.1666666667%
}

.state-tablet .suffix-7\@tablet {
    margin-right: 29.1666666667%
}

.state-tablet .gr-8\@tablet {
    width: 33.3333333333%
}

.state-tablet .push-8\@tablet {
    left: 33.3333333333%;
    right: auto
}

.state-tablet .pull-8\@tablet {
    right: 33.3333333333%;
    left: auto
}

.state-tablet .prefix-8\@tablet {
    margin-left: 33.3333333333%
}

.state-tablet .suffix-8\@tablet {
    margin-right: 33.3333333333%
}

.state-tablet .gr-9\@tablet {
    width: 37.5%
}

.state-tablet .push-9\@tablet {
    left: 37.5%;
    right: auto
}

.state-tablet .pull-9\@tablet {
    right: 37.5%;
    left: auto
}

.state-tablet .prefix-9\@tablet {
    margin-left: 37.5%
}

.state-tablet .suffix-9\@tablet {
    margin-right: 37.5%
}

.state-tablet .gr-10\@tablet {
    width: 41.6666666667%
}

.state-tablet .push-10\@tablet {
    left: 41.6666666667%;
    right: auto
}

.state-tablet .pull-10\@tablet {
    right: 41.6666666667%;
    left: auto
}

.state-tablet .prefix-10\@tablet {
    margin-left: 41.6666666667%
}

.state-tablet .suffix-10\@tablet {
    margin-right: 41.6666666667%
}

.state-tablet .gr-11\@tablet {
    width: 45.8333333333%
}

.state-tablet .push-11\@tablet {
    left: 45.8333333333%;
    right: auto
}

.state-tablet .pull-11\@tablet {
    right: 45.8333333333%;
    left: auto
}

.state-tablet .prefix-11\@tablet {
    margin-left: 45.8333333333%
}

.state-tablet .suffix-11\@tablet {
    margin-right: 45.8333333333%
}

.state-tablet .gr-12\@tablet {
    width: 50%
}

.state-tablet .push-12\@tablet {
    left: 50%;
    right: auto
}

.state-tablet .pull-12\@tablet {
    right: 50%;
    left: auto
}

.state-tablet .prefix-12\@tablet {
    margin-left: 50%
}

.state-tablet .suffix-12\@tablet {
    margin-right: 50%
}

.state-tablet .gr-13\@tablet {
    width: 54.1666666667%
}

.state-tablet .push-13\@tablet {
    left: 54.1666666667%;
    right: auto
}

.state-tablet .pull-13\@tablet {
    right: 54.1666666667%;
    left: auto
}

.state-tablet .prefix-13\@tablet {
    margin-left: 54.1666666667%
}

.state-tablet .suffix-13\@tablet {
    margin-right: 54.1666666667%
}

.state-tablet .gr-14\@tablet {
    width: 58.3333333333%
}

.state-tablet .push-14\@tablet {
    left: 58.3333333333%;
    right: auto
}

.state-tablet .pull-14\@tablet {
    right: 58.3333333333%;
    left: auto
}

.state-tablet .prefix-14\@tablet {
    margin-left: 58.3333333333%
}

.state-tablet .suffix-14\@tablet {
    margin-right: 58.3333333333%
}

.state-tablet .gr-15\@tablet {
    width: 62.5%
}

.state-tablet .push-15\@tablet {
    left: 62.5%;
    right: auto
}

.state-tablet .pull-15\@tablet {
    right: 62.5%;
    left: auto
}

.state-tablet .prefix-15\@tablet {
    margin-left: 62.5%
}

.state-tablet .suffix-15\@tablet {
    margin-right: 62.5%
}

.state-tablet .gr-16\@tablet {
    width: 66.6666666667%
}

.state-tablet .push-16\@tablet {
    left: 66.6666666667%;
    right: auto
}

.state-tablet .pull-16\@tablet {
    right: 66.6666666667%;
    left: auto
}

.state-tablet .prefix-16\@tablet {
    margin-left: 66.6666666667%
}

.state-tablet .suffix-16\@tablet {
    margin-right: 66.6666666667%
}

.state-tablet .gr-17\@tablet {
    width: 70.8333333333%
}

.state-tablet .push-17\@tablet {
    left: 70.8333333333%;
    right: auto
}

.state-tablet .pull-17\@tablet {
    right: 70.8333333333%;
    left: auto
}

.state-tablet .prefix-17\@tablet {
    margin-left: 70.8333333333%
}

.state-tablet .suffix-17\@tablet {
    margin-right: 70.8333333333%
}

.state-tablet .gr-18\@tablet {
    width: 75%
}

.state-tablet .push-18\@tablet {
    left: 75%;
    right: auto
}

.state-tablet .pull-18\@tablet {
    right: 75%;
    left: auto
}

.state-tablet .prefix-18\@tablet {
    margin-left: 75%
}

.state-tablet .suffix-18\@tablet {
    margin-right: 75%
}

.state-tablet .gr-19\@tablet {
    width: 79.1666666667%
}

.state-tablet .push-19\@tablet {
    left: 79.1666666667%;
    right: auto
}

.state-tablet .pull-19\@tablet {
    right: 79.1666666667%;
    left: auto
}

.state-tablet .prefix-19\@tablet {
    margin-left: 79.1666666667%
}

.state-tablet .suffix-19\@tablet {
    margin-right: 79.1666666667%
}

.state-tablet .gr-20\@tablet {
    width: 83.3333333333%
}

.state-tablet .push-20\@tablet {
    left: 83.3333333333%;
    right: auto
}

.state-tablet .pull-20\@tablet {
    right: 83.3333333333%;
    left: auto
}

.state-tablet .prefix-20\@tablet {
    margin-left: 83.3333333333%
}

.state-tablet .suffix-20\@tablet {
    margin-right: 83.3333333333%
}

.state-tablet .gr-21\@tablet {
    width: 87.5%
}

.state-tablet .push-21\@tablet {
    left: 87.5%;
    right: auto
}

.state-tablet .pull-21\@tablet {
    right: 87.5%;
    left: auto
}

.state-tablet .prefix-21\@tablet {
    margin-left: 87.5%
}

.state-tablet .suffix-21\@tablet {
    margin-right: 87.5%
}

.state-tablet .gr-22\@tablet {
    width: 91.6666666667%
}

.state-tablet .push-22\@tablet {
    left: 91.6666666667%;
    right: auto
}

.state-tablet .pull-22\@tablet {
    right: 91.6666666667%;
    left: auto
}

.state-tablet .prefix-22\@tablet {
    margin-left: 91.6666666667%
}

.state-tablet .suffix-22\@tablet {
    margin-right: 91.6666666667%
}

.state-tablet .gr-23\@tablet {
    width: 95.8333333333%
}

.state-tablet .push-23\@tablet {
    left: 95.8333333333%;
    right: auto
}

.state-tablet .pull-23\@tablet {
    right: 95.8333333333%;
    left: auto
}

.state-tablet .prefix-23\@tablet {
    margin-left: 95.8333333333%
}

.state-tablet .suffix-23\@tablet {
    margin-right: 95.8333333333%
}

.state-tablet .gr-24\@tablet {
    width: 100%
}

.state-tablet .push-24\@tablet {
    left: 100%;
    right: auto
}

.state-tablet .pull-24\@tablet {
    right: 100%;
    left: auto
}

.state-tablet .prefix-24\@tablet {
    margin-left: 100%
}

.state-tablet .suffix-24\@tablet {
    margin-right: 100%
}

.state-tablet .float-left\@tablet {
    float: left
}

.state-tablet .float-right\@tablet {
    float: right
}

.state-tablet .clear\@tablet {
    clear: both
}

.state-tablet .clear-left\@tablet {
    clear: left
}

.state-tablet .clear-right\@tablet {
    clear: right
}

.state-tablet .no-gutter\@tablet {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.state-tablet .no-gutter-left\@tablet {
    padding-left: 0
}

.state-tablet .no-gutter-right\@tablet {
    padding-right: 0
}

.state-tablet .no-gutter-top\@tablet {
    padding-top: 0
}

.state-tablet .no-gutter-bottom\@tablet {
    padding-bottom: 0
}

.state-tablet .gutter\@tablet {
    padding-right: 5px;
    padding-left: 5px
}

.state-tablet .gutter-left\@tablet {
    padding-left: 5px
}

.state-tablet .gutter-right\@tablet {
    padding-right: 5px
}

.state-tablet .auto-height\@tablet {
    height: inherit
}

.state-tablet .row\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

[class*="no-gutter"]>.state-tablet .row\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-tablet .row-reverse\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateY(180deg)
}

.state-tablet .row-reverse\@tablet>[class*="gr-"] {
    transform: rotateY(-180deg)
}

[class*="no-gutter"]>.state-tablet .row-reverse\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-tablet .row-full\@tablet {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.state-tablet .col\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

.state-tablet .col-reverse\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateX(180deg)
}

.state-tablet .col-reverse\@tablet>[class*="gr-"] {
    transform: rotateX(-180deg)
}

.state-tablet .gr-table\@tablet {
    display: table-cell;
    float: none;
    vertical-align: top
}

.state-tablet .row-align-left\@tablet {
    font-size: 0;
    clear: both;
    text-align: left
}

.state-tablet .row-align-left\@tablet>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-tablet .row-align-left\@tablet>* {
        margin-right: -0.5px
    }
}

.state-tablet .row-align-center\@tablet {
    font-size: 0;
    clear: both;
    text-align: center
}

.state-tablet .row-align-center\@tablet>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-tablet .row-align-center\@tablet>* {
        margin-right: -0.5px
    }
}

.state-tablet .row-align-center\@tablet>* {
    text-align: left
}

.state-tablet .row-align-right\@tablet {
    font-size: 0;
    clear: both;
    text-align: right
}

.state-tablet .row-align-right\@tablet>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-tablet .row-align-right\@tablet>* {
        margin-right: -0.5px
    }
}

.state-tablet .row-align-right\@tablet>* {
    text-align: left
}

.state-tablet .row-align-middle\@tablet {
    font-size: 0;
    clear: both;
    vertical-align: middle
}

.state-tablet .row-align-middle\@tablet>* {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-tablet .row-align-middle\@tablet>* {
        margin-right: -0.5px
    }
}

.state-tablet .row-align-top\@tablet {
    font-size: 0;
    clear: both;
    vertical-align: top
}

.state-tablet .row-align-top\@tablet>* {
    float: none !important;
    vertical-align: top;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-tablet .row-align-top\@tablet>* {
        margin-right: -0.5px
    }
}

.state-tablet .row-align-bottom\@tablet {
    font-size: 0;
    clear: both;
    vertical-align: bottom
}

.state-tablet .row-align-bottom\@tablet>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-tablet .row-align-bottom\@tablet>* {
        margin-right: -0.5px
    }
}

.state-tablet .hide\@tablet {
    display: none
}

.state-tablet .not-visible\@tablet {
    visibility: hidden
}

.state-tablet .show\@tablet {
    display: block
}

.state-tablet .show-inline\@tablet {
    display: inline-block
}

.state-tablet .visible\@tablet {
    visibility: visible
}

.state-tablet .clear-each-2\@tablet>[class*="gr-"]:nth-of-type(2n+1) {
    clear: left
}

.state-tablet .clear-each-3\@tablet>[class*="gr-"]:nth-of-type(3n+1) {
    clear: left
}

.state-tablet .clear-each-12\@tablet>[class*="gr-"]:nth-of-type(12n+1) {
    clear: both
}

.state-tablet .row-debug\@tablet {
    position: relative;
    z-index: 99999;
    overflow: hidden
}

.state-tablet .row-debug\@tablet:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 8.3333333333% 100%;
    z-index: 99999
}

.state-tablet body {
    direction: ltr
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .gr-1on5\@tablet {
        width: 20%
    }

    .push-1on5\@tablet {
        left: 20%;
        right: auto
    }

    .pull-1on5\@tablet {
        right: 20%;
        left: auto
    }

    .prefix-1on5\@tablet {
        margin-left: 20%
    }

    .suffix-1on5\@tablet {
        margin-right: 20%
    }

    .gr-0\@tablet {
        width: 0%
    }

    .push-0\@tablet {
        left: 0%;
        right: auto
    }

    .pull-0\@tablet {
        right: 0%;
        left: auto
    }

    .prefix-0\@tablet {
        margin-left: 0%
    }

    .suffix-0\@tablet {
        margin-right: 0%
    }

    .gr-1\@tablet {
        width: 4.1666666667%
    }

    .push-1\@tablet {
        left: 4.1666666667%;
        right: auto
    }

    .pull-1\@tablet {
        right: 4.1666666667%;
        left: auto
    }

    .prefix-1\@tablet {
        margin-left: 4.1666666667%
    }

    .suffix-1\@tablet {
        margin-right: 4.1666666667%
    }

    .gr-2\@tablet {
        width: 8.3333333333%
    }

    .push-2\@tablet {
        left: 8.3333333333%;
        right: auto
    }

    .pull-2\@tablet {
        right: 8.3333333333%;
        left: auto
    }

    .prefix-2\@tablet {
        margin-left: 8.3333333333%
    }

    .suffix-2\@tablet {
        margin-right: 8.3333333333%
    }

    .gr-3\@tablet {
        width: 12.5%
    }

    .push-3\@tablet {
        left: 12.5%;
        right: auto
    }

    .pull-3\@tablet {
        right: 12.5%;
        left: auto
    }

    .prefix-3\@tablet {
        margin-left: 12.5%
    }

    .suffix-3\@tablet {
        margin-right: 12.5%
    }

    .gr-4\@tablet {
        width: 16.6666666667%
    }

    .push-4\@tablet {
        left: 16.6666666667%;
        right: auto
    }

    .pull-4\@tablet {
        right: 16.6666666667%;
        left: auto
    }

    .prefix-4\@tablet {
        margin-left: 16.6666666667%
    }

    .suffix-4\@tablet {
        margin-right: 16.6666666667%
    }

    .gr-5\@tablet {
        width: 20.8333333333%
    }

    .push-5\@tablet {
        left: 20.8333333333%;
        right: auto
    }

    .pull-5\@tablet {
        right: 20.8333333333%;
        left: auto
    }

    .prefix-5\@tablet {
        margin-left: 20.8333333333%
    }

    .suffix-5\@tablet {
        margin-right: 20.8333333333%
    }

    .gr-6\@tablet {
        width: 25%
    }

    .push-6\@tablet {
        left: 25%;
        right: auto
    }

    .pull-6\@tablet {
        right: 25%;
        left: auto
    }

    .prefix-6\@tablet {
        margin-left: 25%
    }

    .suffix-6\@tablet {
        margin-right: 25%
    }

    .gr-7\@tablet {
        width: 29.1666666667%
    }

    .push-7\@tablet {
        left: 29.1666666667%;
        right: auto
    }

    .pull-7\@tablet {
        right: 29.1666666667%;
        left: auto
    }

    .prefix-7\@tablet {
        margin-left: 29.1666666667%
    }

    .suffix-7\@tablet {
        margin-right: 29.1666666667%
    }

    .gr-8\@tablet {
        width: 33.3333333333%
    }

    .push-8\@tablet {
        left: 33.3333333333%;
        right: auto
    }

    .pull-8\@tablet {
        right: 33.3333333333%;
        left: auto
    }

    .prefix-8\@tablet {
        margin-left: 33.3333333333%
    }

    .suffix-8\@tablet {
        margin-right: 33.3333333333%
    }

    .gr-9\@tablet {
        width: 37.5%
    }

    .push-9\@tablet {
        left: 37.5%;
        right: auto
    }

    .pull-9\@tablet {
        right: 37.5%;
        left: auto
    }

    .prefix-9\@tablet {
        margin-left: 37.5%
    }

    .suffix-9\@tablet {
        margin-right: 37.5%
    }

    .gr-10\@tablet {
        width: 41.6666666667%
    }

    .push-10\@tablet {
        left: 41.6666666667%;
        right: auto
    }

    .pull-10\@tablet {
        right: 41.6666666667%;
        left: auto
    }

    .prefix-10\@tablet {
        margin-left: 41.6666666667%
    }

    .suffix-10\@tablet {
        margin-right: 41.6666666667%
    }

    .gr-11\@tablet {
        width: 45.8333333333%
    }

    .push-11\@tablet {
        left: 45.8333333333%;
        right: auto
    }

    .pull-11\@tablet {
        right: 45.8333333333%;
        left: auto
    }

    .prefix-11\@tablet {
        margin-left: 45.8333333333%
    }

    .suffix-11\@tablet {
        margin-right: 45.8333333333%
    }

    .gr-12\@tablet {
        width: 50%
    }

    .push-12\@tablet {
        left: 50%;
        right: auto
    }

    .pull-12\@tablet {
        right: 50%;
        left: auto
    }

    .prefix-12\@tablet {
        margin-left: 50%
    }

    .suffix-12\@tablet {
        margin-right: 50%
    }

    .gr-13\@tablet {
        width: 54.1666666667%
    }

    .push-13\@tablet {
        left: 54.1666666667%;
        right: auto
    }

    .pull-13\@tablet {
        right: 54.1666666667%;
        left: auto
    }

    .prefix-13\@tablet {
        margin-left: 54.1666666667%
    }

    .suffix-13\@tablet {
        margin-right: 54.1666666667%
    }

    .gr-14\@tablet {
        width: 58.3333333333%
    }

    .push-14\@tablet {
        left: 58.3333333333%;
        right: auto
    }

    .pull-14\@tablet {
        right: 58.3333333333%;
        left: auto
    }

    .prefix-14\@tablet {
        margin-left: 58.3333333333%
    }

    .suffix-14\@tablet {
        margin-right: 58.3333333333%
    }

    .gr-15\@tablet {
        width: 62.5%
    }

    .push-15\@tablet {
        left: 62.5%;
        right: auto
    }

    .pull-15\@tablet {
        right: 62.5%;
        left: auto
    }

    .prefix-15\@tablet {
        margin-left: 62.5%
    }

    .suffix-15\@tablet {
        margin-right: 62.5%
    }

    .gr-16\@tablet {
        width: 66.6666666667%
    }

    .push-16\@tablet {
        left: 66.6666666667%;
        right: auto
    }

    .pull-16\@tablet {
        right: 66.6666666667%;
        left: auto
    }

    .prefix-16\@tablet {
        margin-left: 66.6666666667%
    }

    .suffix-16\@tablet {
        margin-right: 66.6666666667%
    }

    .gr-17\@tablet {
        width: 70.8333333333%
    }

    .push-17\@tablet {
        left: 70.8333333333%;
        right: auto
    }

    .pull-17\@tablet {
        right: 70.8333333333%;
        left: auto
    }

    .prefix-17\@tablet {
        margin-left: 70.8333333333%
    }

    .suffix-17\@tablet {
        margin-right: 70.8333333333%
    }

    .gr-18\@tablet {
        width: 75%
    }

    .push-18\@tablet {
        left: 75%;
        right: auto
    }

    .pull-18\@tablet {
        right: 75%;
        left: auto
    }

    .prefix-18\@tablet {
        margin-left: 75%
    }

    .suffix-18\@tablet {
        margin-right: 75%
    }

    .gr-19\@tablet {
        width: 79.1666666667%
    }

    .push-19\@tablet {
        left: 79.1666666667%;
        right: auto
    }

    .pull-19\@tablet {
        right: 79.1666666667%;
        left: auto
    }

    .prefix-19\@tablet {
        margin-left: 79.1666666667%
    }

    .suffix-19\@tablet {
        margin-right: 79.1666666667%
    }

    .gr-20\@tablet {
        width: 83.3333333333%
    }

    .push-20\@tablet {
        left: 83.3333333333%;
        right: auto
    }

    .pull-20\@tablet {
        right: 83.3333333333%;
        left: auto
    }

    .prefix-20\@tablet {
        margin-left: 83.3333333333%
    }

    .suffix-20\@tablet {
        margin-right: 83.3333333333%
    }

    .gr-21\@tablet {
        width: 87.5%
    }

    .push-21\@tablet {
        left: 87.5%;
        right: auto
    }

    .pull-21\@tablet {
        right: 87.5%;
        left: auto
    }

    .prefix-21\@tablet {
        margin-left: 87.5%
    }

    .suffix-21\@tablet {
        margin-right: 87.5%
    }

    .gr-22\@tablet {
        width: 91.6666666667%
    }

    .push-22\@tablet {
        left: 91.6666666667%;
        right: auto
    }

    .pull-22\@tablet {
        right: 91.6666666667%;
        left: auto
    }

    .prefix-22\@tablet {
        margin-left: 91.6666666667%
    }

    .suffix-22\@tablet {
        margin-right: 91.6666666667%
    }

    .gr-23\@tablet {
        width: 95.8333333333%
    }

    .push-23\@tablet {
        left: 95.8333333333%;
        right: auto
    }

    .pull-23\@tablet {
        right: 95.8333333333%;
        left: auto
    }

    .prefix-23\@tablet {
        margin-left: 95.8333333333%
    }

    .suffix-23\@tablet {
        margin-right: 95.8333333333%
    }

    .gr-24\@tablet {
        width: 100%
    }

    .push-24\@tablet {
        left: 100%;
        right: auto
    }

    .pull-24\@tablet {
        right: 100%;
        left: auto
    }

    .prefix-24\@tablet {
        margin-left: 100%
    }

    .suffix-24\@tablet {
        margin-right: 100%
    }

    .float-left\@tablet {
        float: left
    }

    .float-right\@tablet {
        float: right
    }

    .clear\@tablet {
        clear: both
    }

    .clear-left\@tablet {
        clear: left
    }

    .clear-right\@tablet {
        clear: right
    }

    .no-gutter\@tablet {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .no-gutter-left\@tablet {
        padding-left: 0
    }

    .no-gutter-right\@tablet {
        padding-right: 0
    }

    .no-gutter-top\@tablet {
        padding-top: 0
    }

    .no-gutter-bottom\@tablet {
        padding-bottom: 0
    }

    .gutter\@tablet {
        padding-right: 5px;
        padding-left: 5px
    }

    .gutter-left\@tablet {
        padding-left: 5px
    }

    .gutter-right\@tablet {
        padding-right: 5px
    }

    .auto-height\@tablet {
        height: inherit
    }

    .row\@tablet {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px
    }

    [class*="no-gutter"]>.row\@tablet {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .row-reverse\@tablet {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px;
        transform: rotateY(180deg)
    }

    .row-reverse\@tablet>[class*="gr-"] {
        transform: rotateY(-180deg)
    }

    [class*="no-gutter"]>.row-reverse\@tablet {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .row-full\@tablet {
        width: 100vw;
        margin-left: 50% !important;
        margin-right: 0 !important;
        -webkit-transform: translateX(-50%);
        -moz-transition: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .col\@tablet {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px
    }

    .col-reverse\@tablet {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px;
        transform: rotateX(180deg)
    }

    .col-reverse\@tablet>[class*="gr-"] {
        transform: rotateX(-180deg)
    }

    .gr-table\@tablet {
        display: table-cell;
        float: none;
        vertical-align: top
    }

    .row-align-left\@tablet {
        font-size: 0;
        clear: both;
        text-align: left
    }

    .row-align-left\@tablet>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-left\@tablet>* {
            margin-right: -0.5px
        }
    }

    .row-align-center\@tablet {
        font-size: 0;
        clear: both;
        text-align: center
    }

    .row-align-center\@tablet>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-center\@tablet>* {
            margin-right: -0.5px
        }
    }

    .row-align-center\@tablet>* {
        text-align: left
    }

    .row-align-right\@tablet {
        font-size: 0;
        clear: both;
        text-align: right
    }

    .row-align-right\@tablet>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-right\@tablet>* {
            margin-right: -0.5px
        }
    }

    .row-align-right\@tablet>* {
        text-align: left
    }

    .row-align-middle\@tablet {
        font-size: 0;
        clear: both;
        vertical-align: middle
    }

    .row-align-middle\@tablet>* {
        float: none !important;
        vertical-align: middle;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-middle\@tablet>* {
            margin-right: -0.5px
        }
    }

    .row-align-top\@tablet {
        font-size: 0;
        clear: both;
        vertical-align: top
    }

    .row-align-top\@tablet>* {
        float: none !important;
        vertical-align: top;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-top\@tablet>* {
            margin-right: -0.5px
        }
    }

    .row-align-bottom\@tablet {
        font-size: 0;
        clear: both;
        vertical-align: bottom
    }

    .row-align-bottom\@tablet>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-bottom\@tablet>* {
            margin-right: -0.5px
        }
    }

    .hide\@tablet {
        display: none
    }

    .not-visible\@tablet {
        visibility: hidden
    }

    .show\@tablet {
        display: block
    }

    .show-inline\@tablet {
        display: inline-block
    }

    .visible\@tablet {
        visibility: visible
    }

    .clear-each-2\@tablet>[class*="gr-"]:nth-of-type(2n+1) {
        clear: left
    }

    .clear-each-3\@tablet>[class*="gr-"]:nth-of-type(3n+1) {
        clear: left
    }

    .clear-each-12\@tablet>[class*="gr-"]:nth-of-type(12n+1) {
        clear: both
    }

    .row-debug\@tablet {
        position: relative;
        z-index: 99999;
        overflow: hidden
    }

    .row-debug\@tablet:before {
        pointer-events: none;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 99999px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
        background-size: 8.3333333333% 100%;
        z-index: 99999
    }

    body {
        direction: ltr
    }
}

.state-ipad-landscape .gr-1on5\@ipad-landscape {
    width: 20%
}

.state-ipad-landscape .push-1on5\@ipad-landscape {
    left: 20%;
    right: auto
}

.state-ipad-landscape .pull-1on5\@ipad-landscape {
    right: 20%;
    left: auto
}

.state-ipad-landscape .prefix-1on5\@ipad-landscape {
    margin-left: 20%
}

.state-ipad-landscape .suffix-1on5\@ipad-landscape {
    margin-right: 20%
}

.state-ipad-landscape .gr-0\@ipad-landscape {
    width: 0%
}

.state-ipad-landscape .push-0\@ipad-landscape {
    left: 0%;
    right: auto
}

.state-ipad-landscape .pull-0\@ipad-landscape {
    right: 0%;
    left: auto
}

.state-ipad-landscape .prefix-0\@ipad-landscape {
    margin-left: 0%
}

.state-ipad-landscape .suffix-0\@ipad-landscape {
    margin-right: 0%
}

.state-ipad-landscape .gr-1\@ipad-landscape {
    width: 4.1666666667%
}

.state-ipad-landscape .push-1\@ipad-landscape {
    left: 4.1666666667%;
    right: auto
}

.state-ipad-landscape .pull-1\@ipad-landscape {
    right: 4.1666666667%;
    left: auto
}

.state-ipad-landscape .prefix-1\@ipad-landscape {
    margin-left: 4.1666666667%
}

.state-ipad-landscape .suffix-1\@ipad-landscape {
    margin-right: 4.1666666667%
}

.state-ipad-landscape .gr-2\@ipad-landscape {
    width: 8.3333333333%
}

.state-ipad-landscape .push-2\@ipad-landscape {
    left: 8.3333333333%;
    right: auto
}

.state-ipad-landscape .pull-2\@ipad-landscape {
    right: 8.3333333333%;
    left: auto
}

.state-ipad-landscape .prefix-2\@ipad-landscape {
    margin-left: 8.3333333333%
}

.state-ipad-landscape .suffix-2\@ipad-landscape {
    margin-right: 8.3333333333%
}

.state-ipad-landscape .gr-3\@ipad-landscape {
    width: 12.5%
}

.state-ipad-landscape .push-3\@ipad-landscape {
    left: 12.5%;
    right: auto
}

.state-ipad-landscape .pull-3\@ipad-landscape {
    right: 12.5%;
    left: auto
}

.state-ipad-landscape .prefix-3\@ipad-landscape {
    margin-left: 12.5%
}

.state-ipad-landscape .suffix-3\@ipad-landscape {
    margin-right: 12.5%
}

.state-ipad-landscape .gr-4\@ipad-landscape {
    width: 16.6666666667%
}

.state-ipad-landscape .push-4\@ipad-landscape {
    left: 16.6666666667%;
    right: auto
}

.state-ipad-landscape .pull-4\@ipad-landscape {
    right: 16.6666666667%;
    left: auto
}

.state-ipad-landscape .prefix-4\@ipad-landscape {
    margin-left: 16.6666666667%
}

.state-ipad-landscape .suffix-4\@ipad-landscape {
    margin-right: 16.6666666667%
}

.state-ipad-landscape .gr-5\@ipad-landscape {
    width: 20.8333333333%
}

.state-ipad-landscape .push-5\@ipad-landscape {
    left: 20.8333333333%;
    right: auto
}

.state-ipad-landscape .pull-5\@ipad-landscape {
    right: 20.8333333333%;
    left: auto
}

.state-ipad-landscape .prefix-5\@ipad-landscape {
    margin-left: 20.8333333333%
}

.state-ipad-landscape .suffix-5\@ipad-landscape {
    margin-right: 20.8333333333%
}

.state-ipad-landscape .gr-6\@ipad-landscape {
    width: 25%
}

.state-ipad-landscape .push-6\@ipad-landscape {
    left: 25%;
    right: auto
}

.state-ipad-landscape .pull-6\@ipad-landscape {
    right: 25%;
    left: auto
}

.state-ipad-landscape .prefix-6\@ipad-landscape {
    margin-left: 25%
}

.state-ipad-landscape .suffix-6\@ipad-landscape {
    margin-right: 25%
}

.state-ipad-landscape .gr-7\@ipad-landscape {
    width: 29.1666666667%
}

.state-ipad-landscape .push-7\@ipad-landscape {
    left: 29.1666666667%;
    right: auto
}

.state-ipad-landscape .pull-7\@ipad-landscape {
    right: 29.1666666667%;
    left: auto
}

.state-ipad-landscape .prefix-7\@ipad-landscape {
    margin-left: 29.1666666667%
}

.state-ipad-landscape .suffix-7\@ipad-landscape {
    margin-right: 29.1666666667%
}

.state-ipad-landscape .gr-8\@ipad-landscape {
    width: 33.3333333333%
}

.state-ipad-landscape .push-8\@ipad-landscape {
    left: 33.3333333333%;
    right: auto
}

.state-ipad-landscape .pull-8\@ipad-landscape {
    right: 33.3333333333%;
    left: auto
}

.state-ipad-landscape .prefix-8\@ipad-landscape {
    margin-left: 33.3333333333%
}

.state-ipad-landscape .suffix-8\@ipad-landscape {
    margin-right: 33.3333333333%
}

.state-ipad-landscape .gr-9\@ipad-landscape {
    width: 37.5%
}

.state-ipad-landscape .push-9\@ipad-landscape {
    left: 37.5%;
    right: auto
}

.state-ipad-landscape .pull-9\@ipad-landscape {
    right: 37.5%;
    left: auto
}

.state-ipad-landscape .prefix-9\@ipad-landscape {
    margin-left: 37.5%
}

.state-ipad-landscape .suffix-9\@ipad-landscape {
    margin-right: 37.5%
}

.state-ipad-landscape .gr-10\@ipad-landscape {
    width: 41.6666666667%
}

.state-ipad-landscape .push-10\@ipad-landscape {
    left: 41.6666666667%;
    right: auto
}

.state-ipad-landscape .pull-10\@ipad-landscape {
    right: 41.6666666667%;
    left: auto
}

.state-ipad-landscape .prefix-10\@ipad-landscape {
    margin-left: 41.6666666667%
}

.state-ipad-landscape .suffix-10\@ipad-landscape {
    margin-right: 41.6666666667%
}

.state-ipad-landscape .gr-11\@ipad-landscape {
    width: 45.8333333333%
}

.state-ipad-landscape .push-11\@ipad-landscape {
    left: 45.8333333333%;
    right: auto
}

.state-ipad-landscape .pull-11\@ipad-landscape {
    right: 45.8333333333%;
    left: auto
}

.state-ipad-landscape .prefix-11\@ipad-landscape {
    margin-left: 45.8333333333%
}

.state-ipad-landscape .suffix-11\@ipad-landscape {
    margin-right: 45.8333333333%
}

.state-ipad-landscape .gr-12\@ipad-landscape {
    width: 50%
}

.state-ipad-landscape .push-12\@ipad-landscape {
    left: 50%;
    right: auto
}

.state-ipad-landscape .pull-12\@ipad-landscape {
    right: 50%;
    left: auto
}

.state-ipad-landscape .prefix-12\@ipad-landscape {
    margin-left: 50%
}

.state-ipad-landscape .suffix-12\@ipad-landscape {
    margin-right: 50%
}

.state-ipad-landscape .gr-13\@ipad-landscape {
    width: 54.1666666667%
}

.state-ipad-landscape .push-13\@ipad-landscape {
    left: 54.1666666667%;
    right: auto
}

.state-ipad-landscape .pull-13\@ipad-landscape {
    right: 54.1666666667%;
    left: auto
}

.state-ipad-landscape .prefix-13\@ipad-landscape {
    margin-left: 54.1666666667%
}

.state-ipad-landscape .suffix-13\@ipad-landscape {
    margin-right: 54.1666666667%
}

.state-ipad-landscape .gr-14\@ipad-landscape {
    width: 58.3333333333%
}

.state-ipad-landscape .push-14\@ipad-landscape {
    left: 58.3333333333%;
    right: auto
}

.state-ipad-landscape .pull-14\@ipad-landscape {
    right: 58.3333333333%;
    left: auto
}

.state-ipad-landscape .prefix-14\@ipad-landscape {
    margin-left: 58.3333333333%
}

.state-ipad-landscape .suffix-14\@ipad-landscape {
    margin-right: 58.3333333333%
}

.state-ipad-landscape .gr-15\@ipad-landscape {
    width: 62.5%
}

.state-ipad-landscape .push-15\@ipad-landscape {
    left: 62.5%;
    right: auto
}

.state-ipad-landscape .pull-15\@ipad-landscape {
    right: 62.5%;
    left: auto
}

.state-ipad-landscape .prefix-15\@ipad-landscape {
    margin-left: 62.5%
}

.state-ipad-landscape .suffix-15\@ipad-landscape {
    margin-right: 62.5%
}

.state-ipad-landscape .gr-16\@ipad-landscape {
    width: 66.6666666667%
}

.state-ipad-landscape .push-16\@ipad-landscape {
    left: 66.6666666667%;
    right: auto
}

.state-ipad-landscape .pull-16\@ipad-landscape {
    right: 66.6666666667%;
    left: auto
}

.state-ipad-landscape .prefix-16\@ipad-landscape {
    margin-left: 66.6666666667%
}

.state-ipad-landscape .suffix-16\@ipad-landscape {
    margin-right: 66.6666666667%
}

.state-ipad-landscape .gr-17\@ipad-landscape {
    width: 70.8333333333%
}

.state-ipad-landscape .push-17\@ipad-landscape {
    left: 70.8333333333%;
    right: auto
}

.state-ipad-landscape .pull-17\@ipad-landscape {
    right: 70.8333333333%;
    left: auto
}

.state-ipad-landscape .prefix-17\@ipad-landscape {
    margin-left: 70.8333333333%
}

.state-ipad-landscape .suffix-17\@ipad-landscape {
    margin-right: 70.8333333333%
}

.state-ipad-landscape .gr-18\@ipad-landscape {
    width: 75%
}

.state-ipad-landscape .push-18\@ipad-landscape {
    left: 75%;
    right: auto
}

.state-ipad-landscape .pull-18\@ipad-landscape {
    right: 75%;
    left: auto
}

.state-ipad-landscape .prefix-18\@ipad-landscape {
    margin-left: 75%
}

.state-ipad-landscape .suffix-18\@ipad-landscape {
    margin-right: 75%
}

.state-ipad-landscape .gr-19\@ipad-landscape {
    width: 79.1666666667%
}

.state-ipad-landscape .push-19\@ipad-landscape {
    left: 79.1666666667%;
    right: auto
}

.state-ipad-landscape .pull-19\@ipad-landscape {
    right: 79.1666666667%;
    left: auto
}

.state-ipad-landscape .prefix-19\@ipad-landscape {
    margin-left: 79.1666666667%
}

.state-ipad-landscape .suffix-19\@ipad-landscape {
    margin-right: 79.1666666667%
}

.state-ipad-landscape .gr-20\@ipad-landscape {
    width: 83.3333333333%
}

.state-ipad-landscape .push-20\@ipad-landscape {
    left: 83.3333333333%;
    right: auto
}

.state-ipad-landscape .pull-20\@ipad-landscape {
    right: 83.3333333333%;
    left: auto
}

.state-ipad-landscape .prefix-20\@ipad-landscape {
    margin-left: 83.3333333333%
}

.state-ipad-landscape .suffix-20\@ipad-landscape {
    margin-right: 83.3333333333%
}

.state-ipad-landscape .gr-21\@ipad-landscape {
    width: 87.5%
}

.state-ipad-landscape .push-21\@ipad-landscape {
    left: 87.5%;
    right: auto
}

.state-ipad-landscape .pull-21\@ipad-landscape {
    right: 87.5%;
    left: auto
}

.state-ipad-landscape .prefix-21\@ipad-landscape {
    margin-left: 87.5%
}

.state-ipad-landscape .suffix-21\@ipad-landscape {
    margin-right: 87.5%
}

.state-ipad-landscape .gr-22\@ipad-landscape {
    width: 91.6666666667%
}

.state-ipad-landscape .push-22\@ipad-landscape {
    left: 91.6666666667%;
    right: auto
}

.state-ipad-landscape .pull-22\@ipad-landscape {
    right: 91.6666666667%;
    left: auto
}

.state-ipad-landscape .prefix-22\@ipad-landscape {
    margin-left: 91.6666666667%
}

.state-ipad-landscape .suffix-22\@ipad-landscape {
    margin-right: 91.6666666667%
}

.state-ipad-landscape .gr-23\@ipad-landscape {
    width: 95.8333333333%
}

.state-ipad-landscape .push-23\@ipad-landscape {
    left: 95.8333333333%;
    right: auto
}

.state-ipad-landscape .pull-23\@ipad-landscape {
    right: 95.8333333333%;
    left: auto
}

.state-ipad-landscape .prefix-23\@ipad-landscape {
    margin-left: 95.8333333333%
}

.state-ipad-landscape .suffix-23\@ipad-landscape {
    margin-right: 95.8333333333%
}

.state-ipad-landscape .gr-24\@ipad-landscape {
    width: 100%
}

.state-ipad-landscape .push-24\@ipad-landscape {
    left: 100%;
    right: auto
}

.state-ipad-landscape .pull-24\@ipad-landscape {
    right: 100%;
    left: auto
}

.state-ipad-landscape .prefix-24\@ipad-landscape {
    margin-left: 100%
}

.state-ipad-landscape .suffix-24\@ipad-landscape {
    margin-right: 100%
}

.state-ipad-landscape .float-left\@ipad-landscape {
    float: left
}

.state-ipad-landscape .float-right\@ipad-landscape {
    float: right
}

.state-ipad-landscape .clear\@ipad-landscape {
    clear: both
}

.state-ipad-landscape .clear-left\@ipad-landscape {
    clear: left
}

.state-ipad-landscape .clear-right\@ipad-landscape {
    clear: right
}

.state-ipad-landscape .no-gutter\@ipad-landscape {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.state-ipad-landscape .no-gutter-left\@ipad-landscape {
    padding-left: 0
}

.state-ipad-landscape .no-gutter-right\@ipad-landscape {
    padding-right: 0
}

.state-ipad-landscape .no-gutter-top\@ipad-landscape {
    padding-top: 0
}

.state-ipad-landscape .no-gutter-bottom\@ipad-landscape {
    padding-bottom: 0
}

.state-ipad-landscape .gutter\@ipad-landscape {
    padding-right: 5px;
    padding-left: 5px
}

.state-ipad-landscape .gutter-left\@ipad-landscape {
    padding-left: 5px
}

.state-ipad-landscape .gutter-right\@ipad-landscape {
    padding-right: 5px
}

.state-ipad-landscape .auto-height\@ipad-landscape {
    height: inherit
}

.state-ipad-landscape .row\@ipad-landscape {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

[class*="no-gutter"]>.state-ipad-landscape .row\@ipad-landscape {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-ipad-landscape .row-reverse\@ipad-landscape {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateY(180deg)
}

.state-ipad-landscape .row-reverse\@ipad-landscape>[class*="gr-"] {
    transform: rotateY(-180deg)
}

[class*="no-gutter"]>.state-ipad-landscape .row-reverse\@ipad-landscape {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-ipad-landscape .row-full\@ipad-landscape {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.state-ipad-landscape .col\@ipad-landscape {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

.state-ipad-landscape .col-reverse\@ipad-landscape {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateX(180deg)
}

.state-ipad-landscape .col-reverse\@ipad-landscape>[class*="gr-"] {
    transform: rotateX(-180deg)
}

.state-ipad-landscape .gr-table\@ipad-landscape {
    display: table-cell;
    float: none;
    vertical-align: top
}

.state-ipad-landscape .row-align-left\@ipad-landscape {
    font-size: 0;
    clear: both;
    text-align: left
}

.state-ipad-landscape .row-align-left\@ipad-landscape>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-landscape .row-align-left\@ipad-landscape>* {
        margin-right: -0.5px
    }
}

.state-ipad-landscape .row-align-center\@ipad-landscape {
    font-size: 0;
    clear: both;
    text-align: center
}

.state-ipad-landscape .row-align-center\@ipad-landscape>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-landscape .row-align-center\@ipad-landscape>* {
        margin-right: -0.5px
    }
}

.state-ipad-landscape .row-align-center\@ipad-landscape>* {
    text-align: left
}

.state-ipad-landscape .row-align-right\@ipad-landscape {
    font-size: 0;
    clear: both;
    text-align: right
}

.state-ipad-landscape .row-align-right\@ipad-landscape>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-landscape .row-align-right\@ipad-landscape>* {
        margin-right: -0.5px
    }
}

.state-ipad-landscape .row-align-right\@ipad-landscape>* {
    text-align: left
}

.state-ipad-landscape .row-align-middle\@ipad-landscape {
    font-size: 0;
    clear: both;
    vertical-align: middle
}

.state-ipad-landscape .row-align-middle\@ipad-landscape>* {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-landscape .row-align-middle\@ipad-landscape>* {
        margin-right: -0.5px
    }
}

.state-ipad-landscape .row-align-top\@ipad-landscape {
    font-size: 0;
    clear: both;
    vertical-align: top
}

.state-ipad-landscape .row-align-top\@ipad-landscape>* {
    float: none !important;
    vertical-align: top;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-landscape .row-align-top\@ipad-landscape>* {
        margin-right: -0.5px
    }
}

.state-ipad-landscape .row-align-bottom\@ipad-landscape {
    font-size: 0;
    clear: both;
    vertical-align: bottom
}

.state-ipad-landscape .row-align-bottom\@ipad-landscape>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-landscape .row-align-bottom\@ipad-landscape>* {
        margin-right: -0.5px
    }
}

.state-ipad-landscape .hide\@ipad-landscape {
    display: none
}

.state-ipad-landscape .not-visible\@ipad-landscape {
    visibility: hidden
}

.state-ipad-landscape .show\@ipad-landscape {
    display: block
}

.state-ipad-landscape .show-inline\@ipad-landscape {
    display: inline-block
}

.state-ipad-landscape .visible\@ipad-landscape {
    visibility: visible
}

.state-ipad-landscape .clear-each-2\@ipad-landscape>[class*="gr-"]:nth-of-type(2n+1) {
    clear: left
}

.state-ipad-landscape .clear-each-3\@ipad-landscape>[class*="gr-"]:nth-of-type(3n+1) {
    clear: left
}

.state-ipad-landscape .clear-each-12\@ipad-landscape>[class*="gr-"]:nth-of-type(12n+1) {
    clear: both
}

.state-ipad-landscape .row-debug\@ipad-landscape {
    position: relative;
    z-index: 99999;
    overflow: hidden
}

.state-ipad-landscape .row-debug\@ipad-landscape:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 8.3333333333% 100%;
    z-index: 99999
}

.state-ipad-landscape body {
    direction: ltr
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .gr-1on5\@ipad-landscape {
        width: 20%
    }

    .push-1on5\@ipad-landscape {
        left: 20%;
        right: auto
    }

    .pull-1on5\@ipad-landscape {
        right: 20%;
        left: auto
    }

    .prefix-1on5\@ipad-landscape {
        margin-left: 20%
    }

    .suffix-1on5\@ipad-landscape {
        margin-right: 20%
    }

    .gr-0\@ipad-landscape {
        width: 0%
    }

    .push-0\@ipad-landscape {
        left: 0%;
        right: auto
    }

    .pull-0\@ipad-landscape {
        right: 0%;
        left: auto
    }

    .prefix-0\@ipad-landscape {
        margin-left: 0%
    }

    .suffix-0\@ipad-landscape {
        margin-right: 0%
    }

    .gr-1\@ipad-landscape {
        width: 4.1666666667%
    }

    .push-1\@ipad-landscape {
        left: 4.1666666667%;
        right: auto
    }

    .pull-1\@ipad-landscape {
        right: 4.1666666667%;
        left: auto
    }

    .prefix-1\@ipad-landscape {
        margin-left: 4.1666666667%
    }

    .suffix-1\@ipad-landscape {
        margin-right: 4.1666666667%
    }

    .gr-2\@ipad-landscape {
        width: 8.3333333333%
    }

    .push-2\@ipad-landscape {
        left: 8.3333333333%;
        right: auto
    }

    .pull-2\@ipad-landscape {
        right: 8.3333333333%;
        left: auto
    }

    .prefix-2\@ipad-landscape {
        margin-left: 8.3333333333%
    }

    .suffix-2\@ipad-landscape {
        margin-right: 8.3333333333%
    }

    .gr-3\@ipad-landscape {
        width: 12.5%
    }

    .push-3\@ipad-landscape {
        left: 12.5%;
        right: auto
    }

    .pull-3\@ipad-landscape {
        right: 12.5%;
        left: auto
    }

    .prefix-3\@ipad-landscape {
        margin-left: 12.5%
    }

    .suffix-3\@ipad-landscape {
        margin-right: 12.5%
    }

    .gr-4\@ipad-landscape {
        width: 16.6666666667%
    }

    .push-4\@ipad-landscape {
        left: 16.6666666667%;
        right: auto
    }

    .pull-4\@ipad-landscape {
        right: 16.6666666667%;
        left: auto
    }

    .prefix-4\@ipad-landscape {
        margin-left: 16.6666666667%
    }

    .suffix-4\@ipad-landscape {
        margin-right: 16.6666666667%
    }

    .gr-5\@ipad-landscape {
        width: 20.8333333333%
    }

    .push-5\@ipad-landscape {
        left: 20.8333333333%;
        right: auto
    }

    .pull-5\@ipad-landscape {
        right: 20.8333333333%;
        left: auto
    }

    .prefix-5\@ipad-landscape {
        margin-left: 20.8333333333%
    }

    .suffix-5\@ipad-landscape {
        margin-right: 20.8333333333%
    }

    .gr-6\@ipad-landscape {
        width: 25%
    }

    .push-6\@ipad-landscape {
        left: 25%;
        right: auto
    }

    .pull-6\@ipad-landscape {
        right: 25%;
        left: auto
    }

    .prefix-6\@ipad-landscape {
        margin-left: 25%
    }

    .suffix-6\@ipad-landscape {
        margin-right: 25%
    }

    .gr-7\@ipad-landscape {
        width: 29.1666666667%
    }

    .push-7\@ipad-landscape {
        left: 29.1666666667%;
        right: auto
    }

    .pull-7\@ipad-landscape {
        right: 29.1666666667%;
        left: auto
    }

    .prefix-7\@ipad-landscape {
        margin-left: 29.1666666667%
    }

    .suffix-7\@ipad-landscape {
        margin-right: 29.1666666667%
    }

    .gr-8\@ipad-landscape {
        width: 33.3333333333%
    }

    .push-8\@ipad-landscape {
        left: 33.3333333333%;
        right: auto
    }

    .pull-8\@ipad-landscape {
        right: 33.3333333333%;
        left: auto
    }

    .prefix-8\@ipad-landscape {
        margin-left: 33.3333333333%
    }

    .suffix-8\@ipad-landscape {
        margin-right: 33.3333333333%
    }

    .gr-9\@ipad-landscape {
        width: 37.5%
    }

    .push-9\@ipad-landscape {
        left: 37.5%;
        right: auto
    }

    .pull-9\@ipad-landscape {
        right: 37.5%;
        left: auto
    }

    .prefix-9\@ipad-landscape {
        margin-left: 37.5%
    }

    .suffix-9\@ipad-landscape {
        margin-right: 37.5%
    }

    .gr-10\@ipad-landscape {
        width: 41.6666666667%
    }

    .push-10\@ipad-landscape {
        left: 41.6666666667%;
        right: auto
    }

    .pull-10\@ipad-landscape {
        right: 41.6666666667%;
        left: auto
    }

    .prefix-10\@ipad-landscape {
        margin-left: 41.6666666667%
    }

    .suffix-10\@ipad-landscape {
        margin-right: 41.6666666667%
    }

    .gr-11\@ipad-landscape {
        width: 45.8333333333%
    }

    .push-11\@ipad-landscape {
        left: 45.8333333333%;
        right: auto
    }

    .pull-11\@ipad-landscape {
        right: 45.8333333333%;
        left: auto
    }

    .prefix-11\@ipad-landscape {
        margin-left: 45.8333333333%
    }

    .suffix-11\@ipad-landscape {
        margin-right: 45.8333333333%
    }

    .gr-12\@ipad-landscape {
        width: 50%
    }

    .push-12\@ipad-landscape {
        left: 50%;
        right: auto
    }

    .pull-12\@ipad-landscape {
        right: 50%;
        left: auto
    }

    .prefix-12\@ipad-landscape {
        margin-left: 50%
    }

    .suffix-12\@ipad-landscape {
        margin-right: 50%
    }

    .gr-13\@ipad-landscape {
        width: 54.1666666667%
    }

    .push-13\@ipad-landscape {
        left: 54.1666666667%;
        right: auto
    }

    .pull-13\@ipad-landscape {
        right: 54.1666666667%;
        left: auto
    }

    .prefix-13\@ipad-landscape {
        margin-left: 54.1666666667%
    }

    .suffix-13\@ipad-landscape {
        margin-right: 54.1666666667%
    }

    .gr-14\@ipad-landscape {
        width: 58.3333333333%
    }

    .push-14\@ipad-landscape {
        left: 58.3333333333%;
        right: auto
    }

    .pull-14\@ipad-landscape {
        right: 58.3333333333%;
        left: auto
    }

    .prefix-14\@ipad-landscape {
        margin-left: 58.3333333333%
    }

    .suffix-14\@ipad-landscape {
        margin-right: 58.3333333333%
    }

    .gr-15\@ipad-landscape {
        width: 62.5%
    }

    .push-15\@ipad-landscape {
        left: 62.5%;
        right: auto
    }

    .pull-15\@ipad-landscape {
        right: 62.5%;
        left: auto
    }

    .prefix-15\@ipad-landscape {
        margin-left: 62.5%
    }

    .suffix-15\@ipad-landscape {
        margin-right: 62.5%
    }

    .gr-16\@ipad-landscape {
        width: 66.6666666667%
    }

    .push-16\@ipad-landscape {
        left: 66.6666666667%;
        right: auto
    }

    .pull-16\@ipad-landscape {
        right: 66.6666666667%;
        left: auto
    }

    .prefix-16\@ipad-landscape {
        margin-left: 66.6666666667%
    }

    .suffix-16\@ipad-landscape {
        margin-right: 66.6666666667%
    }

    .gr-17\@ipad-landscape {
        width: 70.8333333333%
    }

    .push-17\@ipad-landscape {
        left: 70.8333333333%;
        right: auto
    }

    .pull-17\@ipad-landscape {
        right: 70.8333333333%;
        left: auto
    }

    .prefix-17\@ipad-landscape {
        margin-left: 70.8333333333%
    }

    .suffix-17\@ipad-landscape {
        margin-right: 70.8333333333%
    }

    .gr-18\@ipad-landscape {
        width: 75%
    }

    .push-18\@ipad-landscape {
        left: 75%;
        right: auto
    }

    .pull-18\@ipad-landscape {
        right: 75%;
        left: auto
    }

    .prefix-18\@ipad-landscape {
        margin-left: 75%
    }

    .suffix-18\@ipad-landscape {
        margin-right: 75%
    }

    .gr-19\@ipad-landscape {
        width: 79.1666666667%
    }

    .push-19\@ipad-landscape {
        left: 79.1666666667%;
        right: auto
    }

    .pull-19\@ipad-landscape {
        right: 79.1666666667%;
        left: auto
    }

    .prefix-19\@ipad-landscape {
        margin-left: 79.1666666667%
    }

    .suffix-19\@ipad-landscape {
        margin-right: 79.1666666667%
    }

    .gr-20\@ipad-landscape {
        width: 83.3333333333%
    }

    .push-20\@ipad-landscape {
        left: 83.3333333333%;
        right: auto
    }

    .pull-20\@ipad-landscape {
        right: 83.3333333333%;
        left: auto
    }

    .prefix-20\@ipad-landscape {
        margin-left: 83.3333333333%
    }

    .suffix-20\@ipad-landscape {
        margin-right: 83.3333333333%
    }

    .gr-21\@ipad-landscape {
        width: 87.5%
    }

    .push-21\@ipad-landscape {
        left: 87.5%;
        right: auto
    }

    .pull-21\@ipad-landscape {
        right: 87.5%;
        left: auto
    }

    .prefix-21\@ipad-landscape {
        margin-left: 87.5%
    }

    .suffix-21\@ipad-landscape {
        margin-right: 87.5%
    }

    .gr-22\@ipad-landscape {
        width: 91.6666666667%
    }

    .push-22\@ipad-landscape {
        left: 91.6666666667%;
        right: auto
    }

    .pull-22\@ipad-landscape {
        right: 91.6666666667%;
        left: auto
    }

    .prefix-22\@ipad-landscape {
        margin-left: 91.6666666667%
    }

    .suffix-22\@ipad-landscape {
        margin-right: 91.6666666667%
    }

    .gr-23\@ipad-landscape {
        width: 95.8333333333%
    }

    .push-23\@ipad-landscape {
        left: 95.8333333333%;
        right: auto
    }

    .pull-23\@ipad-landscape {
        right: 95.8333333333%;
        left: auto
    }

    .prefix-23\@ipad-landscape {
        margin-left: 95.8333333333%
    }

    .suffix-23\@ipad-landscape {
        margin-right: 95.8333333333%
    }

    .gr-24\@ipad-landscape {
        width: 100%
    }

    .push-24\@ipad-landscape {
        left: 100%;
        right: auto
    }

    .pull-24\@ipad-landscape {
        right: 100%;
        left: auto
    }

    .prefix-24\@ipad-landscape {
        margin-left: 100%
    }

    .suffix-24\@ipad-landscape {
        margin-right: 100%
    }

    .float-left\@ipad-landscape {
        float: left
    }

    .float-right\@ipad-landscape {
        float: right
    }

    .clear\@ipad-landscape {
        clear: both
    }

    .clear-left\@ipad-landscape {
        clear: left
    }

    .clear-right\@ipad-landscape {
        clear: right
    }

    .no-gutter\@ipad-landscape {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .no-gutter-left\@ipad-landscape {
        padding-left: 0
    }

    .no-gutter-right\@ipad-landscape {
        padding-right: 0
    }

    .no-gutter-top\@ipad-landscape {
        padding-top: 0
    }

    .no-gutter-bottom\@ipad-landscape {
        padding-bottom: 0
    }

    .gutter\@ipad-landscape {
        padding-right: 5px;
        padding-left: 5px
    }

    .gutter-left\@ipad-landscape {
        padding-left: 5px
    }

    .gutter-right\@ipad-landscape {
        padding-right: 5px
    }

    .auto-height\@ipad-landscape {
        height: inherit
    }

    .row\@ipad-landscape {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px
    }

    [class*="no-gutter"]>.row\@ipad-landscape {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .row-reverse\@ipad-landscape {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px;
        transform: rotateY(180deg)
    }

    .row-reverse\@ipad-landscape>[class*="gr-"] {
        transform: rotateY(-180deg)
    }

    [class*="no-gutter"]>.row-reverse\@ipad-landscape {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .row-full\@ipad-landscape {
        width: 100vw;
        margin-left: 50% !important;
        margin-right: 0 !important;
        -webkit-transform: translateX(-50%);
        -moz-transition: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .col\@ipad-landscape {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px
    }

    .col-reverse\@ipad-landscape {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px;
        transform: rotateX(180deg)
    }

    .col-reverse\@ipad-landscape>[class*="gr-"] {
        transform: rotateX(-180deg)
    }

    .gr-table\@ipad-landscape {
        display: table-cell;
        float: none;
        vertical-align: top
    }

    .row-align-left\@ipad-landscape {
        font-size: 0;
        clear: both;
        text-align: left
    }

    .row-align-left\@ipad-landscape>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-left\@ipad-landscape>* {
            margin-right: -0.5px
        }
    }

    .row-align-center\@ipad-landscape {
        font-size: 0;
        clear: both;
        text-align: center
    }

    .row-align-center\@ipad-landscape>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-center\@ipad-landscape>* {
            margin-right: -0.5px
        }
    }

    .row-align-center\@ipad-landscape>* {
        text-align: left
    }

    .row-align-right\@ipad-landscape {
        font-size: 0;
        clear: both;
        text-align: right
    }

    .row-align-right\@ipad-landscape>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-right\@ipad-landscape>* {
            margin-right: -0.5px
        }
    }

    .row-align-right\@ipad-landscape>* {
        text-align: left
    }

    .row-align-middle\@ipad-landscape {
        font-size: 0;
        clear: both;
        vertical-align: middle
    }

    .row-align-middle\@ipad-landscape>* {
        float: none !important;
        vertical-align: middle;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-middle\@ipad-landscape>* {
            margin-right: -0.5px
        }
    }

    .row-align-top\@ipad-landscape {
        font-size: 0;
        clear: both;
        vertical-align: top
    }

    .row-align-top\@ipad-landscape>* {
        float: none !important;
        vertical-align: top;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-top\@ipad-landscape>* {
            margin-right: -0.5px
        }
    }

    .row-align-bottom\@ipad-landscape {
        font-size: 0;
        clear: both;
        vertical-align: bottom
    }

    .row-align-bottom\@ipad-landscape>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-bottom\@ipad-landscape>* {
            margin-right: -0.5px
        }
    }

    .hide\@ipad-landscape {
        display: none
    }

    .not-visible\@ipad-landscape {
        visibility: hidden
    }

    .show\@ipad-landscape {
        display: block
    }

    .show-inline\@ipad-landscape {
        display: inline-block
    }

    .visible\@ipad-landscape {
        visibility: visible
    }

    .clear-each-2\@ipad-landscape>[class*="gr-"]:nth-of-type(2n+1) {
        clear: left
    }

    .clear-each-3\@ipad-landscape>[class*="gr-"]:nth-of-type(3n+1) {
        clear: left
    }

    .clear-each-12\@ipad-landscape>[class*="gr-"]:nth-of-type(12n+1) {
        clear: both
    }

    .row-debug\@ipad-landscape {
        position: relative;
        z-index: 99999;
        overflow: hidden
    }

    .row-debug\@ipad-landscape:before {
        pointer-events: none;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 99999px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
        background-size: 8.3333333333% 100%;
        z-index: 99999
    }

    body {
        direction: ltr
    }
}

.state-ipad-portrait .gr-1on5\@ipad-portrait {
    width: 20%
}

.state-ipad-portrait .push-1on5\@ipad-portrait {
    left: 20%;
    right: auto
}

.state-ipad-portrait .pull-1on5\@ipad-portrait {
    right: 20%;
    left: auto
}

.state-ipad-portrait .prefix-1on5\@ipad-portrait {
    margin-left: 20%
}

.state-ipad-portrait .suffix-1on5\@ipad-portrait {
    margin-right: 20%
}

.state-ipad-portrait .gr-0\@ipad-portrait {
    width: 0%
}

.state-ipad-portrait .push-0\@ipad-portrait {
    left: 0%;
    right: auto
}

.state-ipad-portrait .pull-0\@ipad-portrait {
    right: 0%;
    left: auto
}

.state-ipad-portrait .prefix-0\@ipad-portrait {
    margin-left: 0%
}

.state-ipad-portrait .suffix-0\@ipad-portrait {
    margin-right: 0%
}

.state-ipad-portrait .gr-1\@ipad-portrait {
    width: 4.1666666667%
}

.state-ipad-portrait .push-1\@ipad-portrait {
    left: 4.1666666667%;
    right: auto
}

.state-ipad-portrait .pull-1\@ipad-portrait {
    right: 4.1666666667%;
    left: auto
}

.state-ipad-portrait .prefix-1\@ipad-portrait {
    margin-left: 4.1666666667%
}

.state-ipad-portrait .suffix-1\@ipad-portrait {
    margin-right: 4.1666666667%
}

.state-ipad-portrait .gr-2\@ipad-portrait {
    width: 8.3333333333%
}

.state-ipad-portrait .push-2\@ipad-portrait {
    left: 8.3333333333%;
    right: auto
}

.state-ipad-portrait .pull-2\@ipad-portrait {
    right: 8.3333333333%;
    left: auto
}

.state-ipad-portrait .prefix-2\@ipad-portrait {
    margin-left: 8.3333333333%
}

.state-ipad-portrait .suffix-2\@ipad-portrait {
    margin-right: 8.3333333333%
}

.state-ipad-portrait .gr-3\@ipad-portrait {
    width: 12.5%
}

.state-ipad-portrait .push-3\@ipad-portrait {
    left: 12.5%;
    right: auto
}

.state-ipad-portrait .pull-3\@ipad-portrait {
    right: 12.5%;
    left: auto
}

.state-ipad-portrait .prefix-3\@ipad-portrait {
    margin-left: 12.5%
}

.state-ipad-portrait .suffix-3\@ipad-portrait {
    margin-right: 12.5%
}

.state-ipad-portrait .gr-4\@ipad-portrait {
    width: 16.6666666667%
}

.state-ipad-portrait .push-4\@ipad-portrait {
    left: 16.6666666667%;
    right: auto
}

.state-ipad-portrait .pull-4\@ipad-portrait {
    right: 16.6666666667%;
    left: auto
}

.state-ipad-portrait .prefix-4\@ipad-portrait {
    margin-left: 16.6666666667%
}

.state-ipad-portrait .suffix-4\@ipad-portrait {
    margin-right: 16.6666666667%
}

.state-ipad-portrait .gr-5\@ipad-portrait {
    width: 20.8333333333%
}

.state-ipad-portrait .push-5\@ipad-portrait {
    left: 20.8333333333%;
    right: auto
}

.state-ipad-portrait .pull-5\@ipad-portrait {
    right: 20.8333333333%;
    left: auto
}

.state-ipad-portrait .prefix-5\@ipad-portrait {
    margin-left: 20.8333333333%
}

.state-ipad-portrait .suffix-5\@ipad-portrait {
    margin-right: 20.8333333333%
}

.state-ipad-portrait .gr-6\@ipad-portrait {
    width: 25%
}

.state-ipad-portrait .push-6\@ipad-portrait {
    left: 25%;
    right: auto
}

.state-ipad-portrait .pull-6\@ipad-portrait {
    right: 25%;
    left: auto
}

.state-ipad-portrait .prefix-6\@ipad-portrait {
    margin-left: 25%
}

.state-ipad-portrait .suffix-6\@ipad-portrait {
    margin-right: 25%
}

.state-ipad-portrait .gr-7\@ipad-portrait {
    width: 29.1666666667%
}

.state-ipad-portrait .push-7\@ipad-portrait {
    left: 29.1666666667%;
    right: auto
}

.state-ipad-portrait .pull-7\@ipad-portrait {
    right: 29.1666666667%;
    left: auto
}

.state-ipad-portrait .prefix-7\@ipad-portrait {
    margin-left: 29.1666666667%
}

.state-ipad-portrait .suffix-7\@ipad-portrait {
    margin-right: 29.1666666667%
}

.state-ipad-portrait .gr-8\@ipad-portrait {
    width: 33.3333333333%
}

.state-ipad-portrait .push-8\@ipad-portrait {
    left: 33.3333333333%;
    right: auto
}

.state-ipad-portrait .pull-8\@ipad-portrait {
    right: 33.3333333333%;
    left: auto
}

.state-ipad-portrait .prefix-8\@ipad-portrait {
    margin-left: 33.3333333333%
}

.state-ipad-portrait .suffix-8\@ipad-portrait {
    margin-right: 33.3333333333%
}

.state-ipad-portrait .gr-9\@ipad-portrait {
    width: 37.5%
}

.state-ipad-portrait .push-9\@ipad-portrait {
    left: 37.5%;
    right: auto
}

.state-ipad-portrait .pull-9\@ipad-portrait {
    right: 37.5%;
    left: auto
}

.state-ipad-portrait .prefix-9\@ipad-portrait {
    margin-left: 37.5%
}

.state-ipad-portrait .suffix-9\@ipad-portrait {
    margin-right: 37.5%
}

.state-ipad-portrait .gr-10\@ipad-portrait {
    width: 41.6666666667%
}

.state-ipad-portrait .push-10\@ipad-portrait {
    left: 41.6666666667%;
    right: auto
}

.state-ipad-portrait .pull-10\@ipad-portrait {
    right: 41.6666666667%;
    left: auto
}

.state-ipad-portrait .prefix-10\@ipad-portrait {
    margin-left: 41.6666666667%
}

.state-ipad-portrait .suffix-10\@ipad-portrait {
    margin-right: 41.6666666667%
}

.state-ipad-portrait .gr-11\@ipad-portrait {
    width: 45.8333333333%
}

.state-ipad-portrait .push-11\@ipad-portrait {
    left: 45.8333333333%;
    right: auto
}

.state-ipad-portrait .pull-11\@ipad-portrait {
    right: 45.8333333333%;
    left: auto
}

.state-ipad-portrait .prefix-11\@ipad-portrait {
    margin-left: 45.8333333333%
}

.state-ipad-portrait .suffix-11\@ipad-portrait {
    margin-right: 45.8333333333%
}

.state-ipad-portrait .gr-12\@ipad-portrait {
    width: 50%
}

.state-ipad-portrait .push-12\@ipad-portrait {
    left: 50%;
    right: auto
}

.state-ipad-portrait .pull-12\@ipad-portrait {
    right: 50%;
    left: auto
}

.state-ipad-portrait .prefix-12\@ipad-portrait {
    margin-left: 50%
}

.state-ipad-portrait .suffix-12\@ipad-portrait {
    margin-right: 50%
}

.state-ipad-portrait .gr-13\@ipad-portrait {
    width: 54.1666666667%
}

.state-ipad-portrait .push-13\@ipad-portrait {
    left: 54.1666666667%;
    right: auto
}

.state-ipad-portrait .pull-13\@ipad-portrait {
    right: 54.1666666667%;
    left: auto
}

.state-ipad-portrait .prefix-13\@ipad-portrait {
    margin-left: 54.1666666667%
}

.state-ipad-portrait .suffix-13\@ipad-portrait {
    margin-right: 54.1666666667%
}

.state-ipad-portrait .gr-14\@ipad-portrait {
    width: 58.3333333333%
}

.state-ipad-portrait .push-14\@ipad-portrait {
    left: 58.3333333333%;
    right: auto
}

.state-ipad-portrait .pull-14\@ipad-portrait {
    right: 58.3333333333%;
    left: auto
}

.state-ipad-portrait .prefix-14\@ipad-portrait {
    margin-left: 58.3333333333%
}

.state-ipad-portrait .suffix-14\@ipad-portrait {
    margin-right: 58.3333333333%
}

.state-ipad-portrait .gr-15\@ipad-portrait {
    width: 62.5%
}

.state-ipad-portrait .push-15\@ipad-portrait {
    left: 62.5%;
    right: auto
}

.state-ipad-portrait .pull-15\@ipad-portrait {
    right: 62.5%;
    left: auto
}

.state-ipad-portrait .prefix-15\@ipad-portrait {
    margin-left: 62.5%
}

.state-ipad-portrait .suffix-15\@ipad-portrait {
    margin-right: 62.5%
}

.state-ipad-portrait .gr-16\@ipad-portrait {
    width: 66.6666666667%
}

.state-ipad-portrait .push-16\@ipad-portrait {
    left: 66.6666666667%;
    right: auto
}

.state-ipad-portrait .pull-16\@ipad-portrait {
    right: 66.6666666667%;
    left: auto
}

.state-ipad-portrait .prefix-16\@ipad-portrait {
    margin-left: 66.6666666667%
}

.state-ipad-portrait .suffix-16\@ipad-portrait {
    margin-right: 66.6666666667%
}

.state-ipad-portrait .gr-17\@ipad-portrait {
    width: 70.8333333333%
}

.state-ipad-portrait .push-17\@ipad-portrait {
    left: 70.8333333333%;
    right: auto
}

.state-ipad-portrait .pull-17\@ipad-portrait {
    right: 70.8333333333%;
    left: auto
}

.state-ipad-portrait .prefix-17\@ipad-portrait {
    margin-left: 70.8333333333%
}

.state-ipad-portrait .suffix-17\@ipad-portrait {
    margin-right: 70.8333333333%
}

.state-ipad-portrait .gr-18\@ipad-portrait {
    width: 75%
}

.state-ipad-portrait .push-18\@ipad-portrait {
    left: 75%;
    right: auto
}

.state-ipad-portrait .pull-18\@ipad-portrait {
    right: 75%;
    left: auto
}

.state-ipad-portrait .prefix-18\@ipad-portrait {
    margin-left: 75%
}

.state-ipad-portrait .suffix-18\@ipad-portrait {
    margin-right: 75%
}

.state-ipad-portrait .gr-19\@ipad-portrait {
    width: 79.1666666667%
}

.state-ipad-portrait .push-19\@ipad-portrait {
    left: 79.1666666667%;
    right: auto
}

.state-ipad-portrait .pull-19\@ipad-portrait {
    right: 79.1666666667%;
    left: auto
}

.state-ipad-portrait .prefix-19\@ipad-portrait {
    margin-left: 79.1666666667%
}

.state-ipad-portrait .suffix-19\@ipad-portrait {
    margin-right: 79.1666666667%
}

.state-ipad-portrait .gr-20\@ipad-portrait {
    width: 83.3333333333%
}

.state-ipad-portrait .push-20\@ipad-portrait {
    left: 83.3333333333%;
    right: auto
}

.state-ipad-portrait .pull-20\@ipad-portrait {
    right: 83.3333333333%;
    left: auto
}

.state-ipad-portrait .prefix-20\@ipad-portrait {
    margin-left: 83.3333333333%
}

.state-ipad-portrait .suffix-20\@ipad-portrait {
    margin-right: 83.3333333333%
}

.state-ipad-portrait .gr-21\@ipad-portrait {
    width: 87.5%
}

.state-ipad-portrait .push-21\@ipad-portrait {
    left: 87.5%;
    right: auto
}

.state-ipad-portrait .pull-21\@ipad-portrait {
    right: 87.5%;
    left: auto
}

.state-ipad-portrait .prefix-21\@ipad-portrait {
    margin-left: 87.5%
}

.state-ipad-portrait .suffix-21\@ipad-portrait {
    margin-right: 87.5%
}

.state-ipad-portrait .gr-22\@ipad-portrait {
    width: 91.6666666667%
}

.state-ipad-portrait .push-22\@ipad-portrait {
    left: 91.6666666667%;
    right: auto
}

.state-ipad-portrait .pull-22\@ipad-portrait {
    right: 91.6666666667%;
    left: auto
}

.state-ipad-portrait .prefix-22\@ipad-portrait {
    margin-left: 91.6666666667%
}

.state-ipad-portrait .suffix-22\@ipad-portrait {
    margin-right: 91.6666666667%
}

.state-ipad-portrait .gr-23\@ipad-portrait {
    width: 95.8333333333%
}

.state-ipad-portrait .push-23\@ipad-portrait {
    left: 95.8333333333%;
    right: auto
}

.state-ipad-portrait .pull-23\@ipad-portrait {
    right: 95.8333333333%;
    left: auto
}

.state-ipad-portrait .prefix-23\@ipad-portrait {
    margin-left: 95.8333333333%
}

.state-ipad-portrait .suffix-23\@ipad-portrait {
    margin-right: 95.8333333333%
}

.state-ipad-portrait .gr-24\@ipad-portrait {
    width: 100%
}

.state-ipad-portrait .push-24\@ipad-portrait {
    left: 100%;
    right: auto
}

.state-ipad-portrait .pull-24\@ipad-portrait {
    right: 100%;
    left: auto
}

.state-ipad-portrait .prefix-24\@ipad-portrait {
    margin-left: 100%
}

.state-ipad-portrait .suffix-24\@ipad-portrait {
    margin-right: 100%
}

.state-ipad-portrait .float-left\@ipad-portrait {
    float: left
}

.state-ipad-portrait .float-right\@ipad-portrait {
    float: right
}

.state-ipad-portrait .clear\@ipad-portrait {
    clear: both
}

.state-ipad-portrait .clear-left\@ipad-portrait {
    clear: left
}

.state-ipad-portrait .clear-right\@ipad-portrait {
    clear: right
}

.state-ipad-portrait .no-gutter\@ipad-portrait {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.state-ipad-portrait .no-gutter-left\@ipad-portrait {
    padding-left: 0
}

.state-ipad-portrait .no-gutter-right\@ipad-portrait {
    padding-right: 0
}

.state-ipad-portrait .no-gutter-top\@ipad-portrait {
    padding-top: 0
}

.state-ipad-portrait .no-gutter-bottom\@ipad-portrait {
    padding-bottom: 0
}

.state-ipad-portrait .gutter\@ipad-portrait {
    padding-right: 5px;
    padding-left: 5px
}

.state-ipad-portrait .gutter-left\@ipad-portrait {
    padding-left: 5px
}

.state-ipad-portrait .gutter-right\@ipad-portrait {
    padding-right: 5px
}

.state-ipad-portrait .auto-height\@ipad-portrait {
    height: inherit
}

.state-ipad-portrait .row\@ipad-portrait {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

[class*="no-gutter"]>.state-ipad-portrait .row\@ipad-portrait {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-ipad-portrait .row-reverse\@ipad-portrait {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateY(180deg)
}

.state-ipad-portrait .row-reverse\@ipad-portrait>[class*="gr-"] {
    transform: rotateY(-180deg)
}

[class*="no-gutter"]>.state-ipad-portrait .row-reverse\@ipad-portrait {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.state-ipad-portrait .row-full\@ipad-portrait {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.state-ipad-portrait .col\@ipad-portrait {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px
}

.state-ipad-portrait .col-reverse\@ipad-portrait {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateX(180deg)
}

.state-ipad-portrait .col-reverse\@ipad-portrait>[class*="gr-"] {
    transform: rotateX(-180deg)
}

.state-ipad-portrait .gr-table\@ipad-portrait {
    display: table-cell;
    float: none;
    vertical-align: top
}

.state-ipad-portrait .row-align-left\@ipad-portrait {
    font-size: 0;
    clear: both;
    text-align: left
}

.state-ipad-portrait .row-align-left\@ipad-portrait>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-portrait .row-align-left\@ipad-portrait>* {
        margin-right: -0.5px
    }
}

.state-ipad-portrait .row-align-center\@ipad-portrait {
    font-size: 0;
    clear: both;
    text-align: center
}

.state-ipad-portrait .row-align-center\@ipad-portrait>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-portrait .row-align-center\@ipad-portrait>* {
        margin-right: -0.5px
    }
}

.state-ipad-portrait .row-align-center\@ipad-portrait>* {
    text-align: left
}

.state-ipad-portrait .row-align-right\@ipad-portrait {
    font-size: 0;
    clear: both;
    text-align: right
}

.state-ipad-portrait .row-align-right\@ipad-portrait>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-portrait .row-align-right\@ipad-portrait>* {
        margin-right: -0.5px
    }
}

.state-ipad-portrait .row-align-right\@ipad-portrait>* {
    text-align: left
}

.state-ipad-portrait .row-align-middle\@ipad-portrait {
    font-size: 0;
    clear: both;
    vertical-align: middle
}

.state-ipad-portrait .row-align-middle\@ipad-portrait>* {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-portrait .row-align-middle\@ipad-portrait>* {
        margin-right: -0.5px
    }
}

.state-ipad-portrait .row-align-top\@ipad-portrait {
    font-size: 0;
    clear: both;
    vertical-align: top
}

.state-ipad-portrait .row-align-top\@ipad-portrait>* {
    float: none !important;
    vertical-align: top;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-portrait .row-align-top\@ipad-portrait>* {
        margin-right: -0.5px
    }
}

.state-ipad-portrait .row-align-bottom\@ipad-portrait {
    font-size: 0;
    clear: both;
    vertical-align: bottom
}

.state-ipad-portrait .row-align-bottom\@ipad-portrait>* {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem
}

@-moz-document url-prefix() {
    .state-ipad-portrait .row-align-bottom\@ipad-portrait>* {
        margin-right: -0.5px
    }
}

.state-ipad-portrait .hide\@ipad-portrait {
    display: none
}

.state-ipad-portrait .not-visible\@ipad-portrait {
    visibility: hidden
}

.state-ipad-portrait .show\@ipad-portrait {
    display: block
}

.state-ipad-portrait .show-inline\@ipad-portrait {
    display: inline-block
}

.state-ipad-portrait .visible\@ipad-portrait {
    visibility: visible
}

.state-ipad-portrait .clear-each-2\@ipad-portrait>[class*="gr-"]:nth-of-type(2n+1) {
    clear: left
}

.state-ipad-portrait .clear-each-3\@ipad-portrait>[class*="gr-"]:nth-of-type(3n+1) {
    clear: left
}

.state-ipad-portrait .clear-each-12\@ipad-portrait>[class*="gr-"]:nth-of-type(12n+1) {
    clear: both
}

.state-ipad-portrait .row-debug\@ipad-portrait {
    position: relative;
    z-index: 99999;
    overflow: hidden
}

.state-ipad-portrait .row-debug\@ipad-portrait:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 8.3333333333% 100%;
    z-index: 99999
}

.state-ipad-portrait body {
    direction: ltr
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .gr-1on5\@ipad-portrait {
        width: 20%
    }

    .push-1on5\@ipad-portrait {
        left: 20%;
        right: auto
    }

    .pull-1on5\@ipad-portrait {
        right: 20%;
        left: auto
    }

    .prefix-1on5\@ipad-portrait {
        margin-left: 20%
    }

    .suffix-1on5\@ipad-portrait {
        margin-right: 20%
    }

    .gr-0\@ipad-portrait {
        width: 0%
    }

    .push-0\@ipad-portrait {
        left: 0%;
        right: auto
    }

    .pull-0\@ipad-portrait {
        right: 0%;
        left: auto
    }

    .prefix-0\@ipad-portrait {
        margin-left: 0%
    }

    .suffix-0\@ipad-portrait {
        margin-right: 0%
    }

    .gr-1\@ipad-portrait {
        width: 4.1666666667%
    }

    .push-1\@ipad-portrait {
        left: 4.1666666667%;
        right: auto
    }

    .pull-1\@ipad-portrait {
        right: 4.1666666667%;
        left: auto
    }

    .prefix-1\@ipad-portrait {
        margin-left: 4.1666666667%
    }

    .suffix-1\@ipad-portrait {
        margin-right: 4.1666666667%
    }

    .gr-2\@ipad-portrait {
        width: 8.3333333333%
    }

    .push-2\@ipad-portrait {
        left: 8.3333333333%;
        right: auto
    }

    .pull-2\@ipad-portrait {
        right: 8.3333333333%;
        left: auto
    }

    .prefix-2\@ipad-portrait {
        margin-left: 8.3333333333%
    }

    .suffix-2\@ipad-portrait {
        margin-right: 8.3333333333%
    }

    .gr-3\@ipad-portrait {
        width: 12.5%
    }

    .push-3\@ipad-portrait {
        left: 12.5%;
        right: auto
    }

    .pull-3\@ipad-portrait {
        right: 12.5%;
        left: auto
    }

    .prefix-3\@ipad-portrait {
        margin-left: 12.5%
    }

    .suffix-3\@ipad-portrait {
        margin-right: 12.5%
    }

    .gr-4\@ipad-portrait {
        width: 16.6666666667%
    }

    .push-4\@ipad-portrait {
        left: 16.6666666667%;
        right: auto
    }

    .pull-4\@ipad-portrait {
        right: 16.6666666667%;
        left: auto
    }

    .prefix-4\@ipad-portrait {
        margin-left: 16.6666666667%
    }

    .suffix-4\@ipad-portrait {
        margin-right: 16.6666666667%
    }

    .gr-5\@ipad-portrait {
        width: 20.8333333333%
    }

    .push-5\@ipad-portrait {
        left: 20.8333333333%;
        right: auto
    }

    .pull-5\@ipad-portrait {
        right: 20.8333333333%;
        left: auto
    }

    .prefix-5\@ipad-portrait {
        margin-left: 20.8333333333%
    }

    .suffix-5\@ipad-portrait {
        margin-right: 20.8333333333%
    }

    .gr-6\@ipad-portrait {
        width: 25%
    }

    .push-6\@ipad-portrait {
        left: 25%;
        right: auto
    }

    .pull-6\@ipad-portrait {
        right: 25%;
        left: auto
    }

    .prefix-6\@ipad-portrait {
        margin-left: 25%
    }

    .suffix-6\@ipad-portrait {
        margin-right: 25%
    }

    .gr-7\@ipad-portrait {
        width: 29.1666666667%
    }

    .push-7\@ipad-portrait {
        left: 29.1666666667%;
        right: auto
    }

    .pull-7\@ipad-portrait {
        right: 29.1666666667%;
        left: auto
    }

    .prefix-7\@ipad-portrait {
        margin-left: 29.1666666667%
    }

    .suffix-7\@ipad-portrait {
        margin-right: 29.1666666667%
    }

    .gr-8\@ipad-portrait {
        width: 33.3333333333%
    }

    .push-8\@ipad-portrait {
        left: 33.3333333333%;
        right: auto
    }

    .pull-8\@ipad-portrait {
        right: 33.3333333333%;
        left: auto
    }

    .prefix-8\@ipad-portrait {
        margin-left: 33.3333333333%
    }

    .suffix-8\@ipad-portrait {
        margin-right: 33.3333333333%
    }

    .gr-9\@ipad-portrait {
        width: 37.5%
    }

    .push-9\@ipad-portrait {
        left: 37.5%;
        right: auto
    }

    .pull-9\@ipad-portrait {
        right: 37.5%;
        left: auto
    }

    .prefix-9\@ipad-portrait {
        margin-left: 37.5%
    }

    .suffix-9\@ipad-portrait {
        margin-right: 37.5%
    }

    .gr-10\@ipad-portrait {
        width: 41.6666666667%
    }

    .push-10\@ipad-portrait {
        left: 41.6666666667%;
        right: auto
    }

    .pull-10\@ipad-portrait {
        right: 41.6666666667%;
        left: auto
    }

    .prefix-10\@ipad-portrait {
        margin-left: 41.6666666667%
    }

    .suffix-10\@ipad-portrait {
        margin-right: 41.6666666667%
    }

    .gr-11\@ipad-portrait {
        width: 45.8333333333%
    }

    .push-11\@ipad-portrait {
        left: 45.8333333333%;
        right: auto
    }

    .pull-11\@ipad-portrait {
        right: 45.8333333333%;
        left: auto
    }

    .prefix-11\@ipad-portrait {
        margin-left: 45.8333333333%
    }

    .suffix-11\@ipad-portrait {
        margin-right: 45.8333333333%
    }

    .gr-12\@ipad-portrait {
        width: 50%
    }

    .push-12\@ipad-portrait {
        left: 50%;
        right: auto
    }

    .pull-12\@ipad-portrait {
        right: 50%;
        left: auto
    }

    .prefix-12\@ipad-portrait {
        margin-left: 50%
    }

    .suffix-12\@ipad-portrait {
        margin-right: 50%
    }

    .gr-13\@ipad-portrait {
        width: 54.1666666667%
    }

    .push-13\@ipad-portrait {
        left: 54.1666666667%;
        right: auto
    }

    .pull-13\@ipad-portrait {
        right: 54.1666666667%;
        left: auto
    }

    .prefix-13\@ipad-portrait {
        margin-left: 54.1666666667%
    }

    .suffix-13\@ipad-portrait {
        margin-right: 54.1666666667%
    }

    .gr-14\@ipad-portrait {
        width: 58.3333333333%
    }

    .push-14\@ipad-portrait {
        left: 58.3333333333%;
        right: auto
    }

    .pull-14\@ipad-portrait {
        right: 58.3333333333%;
        left: auto
    }

    .prefix-14\@ipad-portrait {
        margin-left: 58.3333333333%
    }

    .suffix-14\@ipad-portrait {
        margin-right: 58.3333333333%
    }

    .gr-15\@ipad-portrait {
        width: 62.5%
    }

    .push-15\@ipad-portrait {
        left: 62.5%;
        right: auto
    }

    .pull-15\@ipad-portrait {
        right: 62.5%;
        left: auto
    }

    .prefix-15\@ipad-portrait {
        margin-left: 62.5%
    }

    .suffix-15\@ipad-portrait {
        margin-right: 62.5%
    }

    .gr-16\@ipad-portrait {
        width: 66.6666666667%
    }

    .push-16\@ipad-portrait {
        left: 66.6666666667%;
        right: auto
    }

    .pull-16\@ipad-portrait {
        right: 66.6666666667%;
        left: auto
    }

    .prefix-16\@ipad-portrait {
        margin-left: 66.6666666667%
    }

    .suffix-16\@ipad-portrait {
        margin-right: 66.6666666667%
    }

    .gr-17\@ipad-portrait {
        width: 70.8333333333%
    }

    .push-17\@ipad-portrait {
        left: 70.8333333333%;
        right: auto
    }

    .pull-17\@ipad-portrait {
        right: 70.8333333333%;
        left: auto
    }

    .prefix-17\@ipad-portrait {
        margin-left: 70.8333333333%
    }

    .suffix-17\@ipad-portrait {
        margin-right: 70.8333333333%
    }

    .gr-18\@ipad-portrait {
        width: 75%
    }

    .push-18\@ipad-portrait {
        left: 75%;
        right: auto
    }

    .pull-18\@ipad-portrait {
        right: 75%;
        left: auto
    }

    .prefix-18\@ipad-portrait {
        margin-left: 75%
    }

    .suffix-18\@ipad-portrait {
        margin-right: 75%
    }

    .gr-19\@ipad-portrait {
        width: 79.1666666667%
    }

    .push-19\@ipad-portrait {
        left: 79.1666666667%;
        right: auto
    }

    .pull-19\@ipad-portrait {
        right: 79.1666666667%;
        left: auto
    }

    .prefix-19\@ipad-portrait {
        margin-left: 79.1666666667%
    }

    .suffix-19\@ipad-portrait {
        margin-right: 79.1666666667%
    }

    .gr-20\@ipad-portrait {
        width: 83.3333333333%
    }

    .push-20\@ipad-portrait {
        left: 83.3333333333%;
        right: auto
    }

    .pull-20\@ipad-portrait {
        right: 83.3333333333%;
        left: auto
    }

    .prefix-20\@ipad-portrait {
        margin-left: 83.3333333333%
    }

    .suffix-20\@ipad-portrait {
        margin-right: 83.3333333333%
    }

    .gr-21\@ipad-portrait {
        width: 87.5%
    }

    .push-21\@ipad-portrait {
        left: 87.5%;
        right: auto
    }

    .pull-21\@ipad-portrait {
        right: 87.5%;
        left: auto
    }

    .prefix-21\@ipad-portrait {
        margin-left: 87.5%
    }

    .suffix-21\@ipad-portrait {
        margin-right: 87.5%
    }

    .gr-22\@ipad-portrait {
        width: 91.6666666667%
    }

    .push-22\@ipad-portrait {
        left: 91.6666666667%;
        right: auto
    }

    .pull-22\@ipad-portrait {
        right: 91.6666666667%;
        left: auto
    }

    .prefix-22\@ipad-portrait {
        margin-left: 91.6666666667%
    }

    .suffix-22\@ipad-portrait {
        margin-right: 91.6666666667%
    }

    .gr-23\@ipad-portrait {
        width: 95.8333333333%
    }

    .push-23\@ipad-portrait {
        left: 95.8333333333%;
        right: auto
    }

    .pull-23\@ipad-portrait {
        right: 95.8333333333%;
        left: auto
    }

    .prefix-23\@ipad-portrait {
        margin-left: 95.8333333333%
    }

    .suffix-23\@ipad-portrait {
        margin-right: 95.8333333333%
    }

    .gr-24\@ipad-portrait {
        width: 100%
    }

    .push-24\@ipad-portrait {
        left: 100%;
        right: auto
    }

    .pull-24\@ipad-portrait {
        right: 100%;
        left: auto
    }

    .prefix-24\@ipad-portrait {
        margin-left: 100%
    }

    .suffix-24\@ipad-portrait {
        margin-right: 100%
    }

    .float-left\@ipad-portrait {
        float: left
    }

    .float-right\@ipad-portrait {
        float: right
    }

    .clear\@ipad-portrait {
        clear: both
    }

    .clear-left\@ipad-portrait {
        clear: left
    }

    .clear-right\@ipad-portrait {
        clear: right
    }

    .no-gutter\@ipad-portrait {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .no-gutter-left\@ipad-portrait {
        padding-left: 0
    }

    .no-gutter-right\@ipad-portrait {
        padding-right: 0
    }

    .no-gutter-top\@ipad-portrait {
        padding-top: 0
    }

    .no-gutter-bottom\@ipad-portrait {
        padding-bottom: 0
    }

    .gutter\@ipad-portrait {
        padding-right: 5px;
        padding-left: 5px
    }

    .gutter-left\@ipad-portrait {
        padding-left: 5px
    }

    .gutter-right\@ipad-portrait {
        padding-right: 5px
    }

    .auto-height\@ipad-portrait {
        height: inherit
    }

    .row\@ipad-portrait {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px
    }

    [class*="no-gutter"]>.row\@ipad-portrait {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .row-reverse\@ipad-portrait {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px;
        transform: rotateY(180deg)
    }

    .row-reverse\@ipad-portrait>[class*="gr-"] {
        transform: rotateY(-180deg)
    }

    [class*="no-gutter"]>.row-reverse\@ipad-portrait {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .row-full\@ipad-portrait {
        width: 100vw;
        margin-left: 50% !important;
        margin-right: 0 !important;
        -webkit-transform: translateX(-50%);
        -moz-transition: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .col\@ipad-portrait {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px
    }

    .col-reverse\@ipad-portrait {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px;
        transform: rotateX(180deg)
    }

    .col-reverse\@ipad-portrait>[class*="gr-"] {
        transform: rotateX(-180deg)
    }

    .gr-table\@ipad-portrait {
        display: table-cell;
        float: none;
        vertical-align: top
    }

    .row-align-left\@ipad-portrait {
        font-size: 0;
        clear: both;
        text-align: left
    }

    .row-align-left\@ipad-portrait>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-left\@ipad-portrait>* {
            margin-right: -0.5px
        }
    }

    .row-align-center\@ipad-portrait {
        font-size: 0;
        clear: both;
        text-align: center
    }

    .row-align-center\@ipad-portrait>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-center\@ipad-portrait>* {
            margin-right: -0.5px
        }
    }

    .row-align-center\@ipad-portrait>* {
        text-align: left
    }

    .row-align-right\@ipad-portrait {
        font-size: 0;
        clear: both;
        text-align: right
    }

    .row-align-right\@ipad-portrait>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-right\@ipad-portrait>* {
            margin-right: -0.5px
        }
    }

    .row-align-right\@ipad-portrait>* {
        text-align: left
    }

    .row-align-middle\@ipad-portrait {
        font-size: 0;
        clear: both;
        vertical-align: middle
    }

    .row-align-middle\@ipad-portrait>* {
        float: none !important;
        vertical-align: middle;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-middle\@ipad-portrait>* {
            margin-right: -0.5px
        }
    }

    .row-align-top\@ipad-portrait {
        font-size: 0;
        clear: both;
        vertical-align: top
    }

    .row-align-top\@ipad-portrait>* {
        float: none !important;
        vertical-align: top;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-top\@ipad-portrait>* {
            margin-right: -0.5px
        }
    }

    .row-align-bottom\@ipad-portrait {
        font-size: 0;
        clear: both;
        vertical-align: bottom
    }

    .row-align-bottom\@ipad-portrait>* {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem
    }

    @-moz-document url-prefix() {
        .row-align-bottom\@ipad-portrait>* {
            margin-right: -0.5px
        }
    }

    .hide\@ipad-portrait {
        display: none
    }

    .not-visible\@ipad-portrait {
        visibility: hidden
    }

    .show\@ipad-portrait {
        display: block
    }

    .show-inline\@ipad-portrait {
        display: inline-block
    }

    .visible\@ipad-portrait {
        visibility: visible
    }

    .clear-each-2\@ipad-portrait>[class*="gr-"]:nth-of-type(2n+1) {
        clear: left
    }

    .clear-each-3\@ipad-portrait>[class*="gr-"]:nth-of-type(3n+1) {
        clear: left
    }

    .clear-each-12\@ipad-portrait>[class*="gr-"]:nth-of-type(12n+1) {
        clear: both
    }

    .row-debug\@ipad-portrait {
        position: relative;
        z-index: 99999;
        overflow: hidden
    }

    .row-debug\@ipad-portrait:before {
        pointer-events: none;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 99999px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
        background-size: 8.3333333333% 100%;
        z-index: 99999
    }

    body {
        direction: ltr
    }
}

.state-default [class*="gr-"]>[class^="row"],
.state-default [class*="gr-"]>[class^="col"] {
    margin-left: -5px;
    margin-right: -5px
}

[class*="gr-"]>[class^="row"],
[class*="gr-"]>[class^="col"] {
    margin-left: -5px;
    margin-right: -5px
}

.state-mobile [class*="gr-"]>[class^="row"],
.state-mobile [class*="gr-"]>[class^="col"] {
    margin-left: -5px;
    margin-right: -5px
}

@media screen and (max-width: 768px) {

    [class*="gr-"]>[class^="row"],
    [class*="gr-"]>[class^="col"] {
        margin-left: -5px;
        margin-right: -5px
    }
}

.state-tablet [class*="gr-"]>[class^="row"],
.state-tablet [class*="gr-"]>[class^="col"] {
    margin-left: -5px;
    margin-right: -5px
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    [class*="gr-"]>[class^="row"],
    [class*="gr-"]>[class^="col"] {
        margin-left: -5px;
        margin-right: -5px
    }
}

.state-ipad-landscape [class*="gr-"]>[class^="row"],
.state-ipad-landscape [class*="gr-"]>[class^="col"] {
    margin-left: -5px;
    margin-right: -5px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    [class*="gr-"]>[class^="row"],
    [class*="gr-"]>[class^="col"] {
        margin-left: -5px;
        margin-right: -5px
    }
}

.state-ipad-portrait [class*="gr-"]>[class^="row"],
.state-ipad-portrait [class*="gr-"]>[class^="col"] {
    margin-left: -5px;
    margin-right: -5px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    [class*="gr-"]>[class^="row"],
    [class*="gr-"]>[class^="col"] {
        margin-left: -5px;
        margin-right: -5px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .pricing-table-inner.highlight-1 .user-number,
    .pricing-table-inner .user-number {
        width: calc(100% + 1rem);
        height: 0px;
        padding-bottom: calc(100% + 1rem);
        margin-left: -.5rem
    }

    .pricing-table-inner .user-number .user-number-inner {
        padding-top: 24%
    }

    .pricing-table-inner h4 {
        font-size: 2em
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .pricing-table-inner.highlight-1 .user-number,
    .pricing-table-inner .user-number {
        width: calc(100% + 1rem);
        height: 0px;
        padding-bottom: calc(100% + 1rem);
        margin-left: -.5rem
    }

    .pricing-table-inner .user-number .user-number-inner {
        padding-top: 24%
    }

    .pricing-table-inner h4 {
        font-size: 2em
    }

    .reverse-container {
        overflow: hidden
    }

    html {
        overflow-x: hidden
    }

    .fullwidthteaser-heighten>div.container {
        margin-top: 0px;
        position: absolute;
        bottom: 0px
    }

    .wpcf7 {
        max-width: 100%
    }

    div.wpcf7 {
        max-width: calc(100vw - 150px);
        margin-left: -45px !important;
        padding: 75px !important
    }

    #footer-area-one {
        margin-bottom: 4rem
    }

    .wpcf7 {
        display: inline-block;
        padding: 20px 0px !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        box-shadow: none;
        width: calc(100vw - 10px)
    }

    #otrs-search-form {
        display: none
    }

    #otrs-cookies {
        top: 4rem;
        position: fixed
    }

    .body-nav-up #otrs-cookies {
        top: 50px
    }

    #otrs-storm-banner,
    #otrs-control-banner {
        top: 4rem
    }

    .cookie-accept {
        display: block;
        text-align: center;
        font-size: 15px;
        margin-top: 1em;
        padding: 1em
    }

    .module-puretext {
        padding: 80px 0
    }

    .container.content-imagetext {
        max-width: 100%
    }

    body.menu-visible #main-navigation,
    body.menu-visible #secondary-menu {
        display: block
    }

    body.menu-visible .page-title {
        margin-top: 9px
    }

    body.menu-visible #primary-menu {
        display: block
    }

    body.menu-visible #secondary-menu {
        margin-top: 4rem;
        display: flex;
        flex-direction: column-reverse
    }

    body.menu-visible #top-right-navigation {
        display: flex;
        flex-flow: column;
        flex-direction: column-reverse;
        margin: 15% auto
    }

    body.menu-visible .menu-oben-rechts-container {
        width: 100%
    }

    body.menu-visible #otrs-search-form {
        transition: all .2s ease-in;
        left: 0%;
        position: relative;
        top: 0;
        width: 100%
    }

    body.menu-visible #otrs-search-form #search-input {
        width: 100%;
        outline: 0px;
        outline-offset: 0px;
        opacity: 1;
        line-height: 50px;
        border-top: 0px;
        border-left: 0px;
        padding-top: 0px;
        border-bottom: 1px solid #ccc;
        border-right: 0px;
        padding: 0px;
        border-radius: 0px;
        padding-left: 60px
    }

    body.menu-visible .ico-search {
        display: none !important
    }

    body.menu-visible #search-submit {
        line-height: 2.941176470588235rem;
        border: none;
        background: none;
        overflow: hidden;
        text-indent: -220px;
        background-size: .9em;
        padding: 0 1.3em;
        opacity: 1;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 100;
        background-image: url(../img/ico-search-submit.svg);
        background-repeat: no-repeat;
        background-position: .4em 1.13em
    }

    #secondary-menu {
        width: 100%
    }

    #secondary-menu li {
        height: auto;
        width: 100%;
        display: block
    }

    .menu-visible #otrs-head {
        top: 0px;
        height: 100vh
    }

    .menu-visible #otrs-head li {
        width: 100%;
        text-align: left
    }

    .menu-visible #otrs-head li a {
        width: 100%;
        margin-right: 0px;
        display: block;
        line-height: 50px;
        border-bottom: 1px solid #ccc;
        padding: 0px;
        border-radius: 0px
    }

    .menu-visible #otrs-head li a:before {
        content: "";
        display: none
    }

    .menu-visible #otrs-head li a body {
        overflow-x: hidden
    }

    .menu-visible #otrs-head li a #otrs-cookies {
        top: 4.176470588235294rem
    }

    .menu-visible #otrs-head li a .cookie-accept {
        font-size: 1rem;
        display: block;
        text-align: center;
        margin-top: 1rem
    }

    .menu-visible #otrs-head li a .content-imagetext-large figure img,
    .menu-visible #otrs-head li a .content-imagetext figure img {
        object-fit: contain
    }

    .menu-visible #otrs-head li a .content-imagetext-large figure {
        height: inherit;
        border: none !important;
        margin: 0px
    }

    .menu-visible #otrs-head li a .getsmaller {
        padding: 0px !important
    }

    .menu-visible #otrs-head li a .content-imagetext figure {
        height: inherit
    }

    .menu-visible #otrs-head li a .home .fullbg-effect {
        height: 100vh
    }

    .menu-visible #otrs-head li a .module h1,
    .menu-visible #otrs-head li a .module h2,
    .menu-visible #otrs-head li a .single-otrs-feature h1 {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1em;
        overflow: visible
    }

    .menu-visible #otrs-head li a .module h1,
    .menu-visible #otrs-head li a .module h2,
    .menu-visible #otrs-head li a .single-otrs-feature h1,
    .menu-visible #otrs-head li a h4 {
        overflow: hidden
    }

    .menu-visible #otrs-head li a .module {
        max-width: vw;
        overflow-x: hidden
    }

    .menu-visible #otrs-head li a .modul-fancygrid .fl-inner h3,
    .menu-visible #otrs-head li a .modul-textimage h2 {
        font-size: 40px;
        line-height: 38px
    }

    .menu-visible #otrs-head li a .modul-successstorys figure {
        margin-bottom: 50px
    }

    .menu-visible #otrs-head li a .content-imagetext-large-copy .inner,
    .menu-visible #otrs-head li a .content-imagetext .inner {
        padding: 5% 12.5%
    }

    .menu-visible #otrs-head li a .txt-hl-l {
        font-size: 50px;
        line-height: 50px
    }

    .menu-visible #otrs-head li a .modul-fancygrid .txt-copy {
        font-size: 22px;
        line-height: 28px
    }

    .menu-visible #otrs-head li a .button.button-soft {
        font-size: 17px;
        line-height: 2.122222222222222rem
    }

    .menu-visible #otrs-head li a .button.plus-sign.button-soft-white:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        display: block;
        width: 1.555rem;
        height: 1.555rem;
        border-radius: 50%;
        float: left;
        margin: 5px 0.8235rem 5px 5px;
        text-align: center;
        line-height: 1.865rem;
        background-image: url(../img/smallarrow-right.svg);
        background-position: center;
        background-repeat: no-repeat
    }

    .menu-visible #otrs-head li a .fullwidthteaser-content .txt-hl-l {
        font-size: 2.777777777777778rem;
        line-height: 2.777777777777778rem
    }

    .menu-visible #otrs-head li a .home .fullwidthteaser-content .subline {
        display: none
    }

    .menu-visible #otrs-head li a .logobar li {
        width: 13.333%;
        display: flex
    }

    .menu-visible #otrs-head li a .logobar li a {
        display: block;
        margin: auto
    }

    .menu-visible #otrs-head li a .logobar li img {
        max-width: 100%;
        height: auto;
        margin: auto;
        padding: 0px
    }

    #top-right-navigation li a {
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        text-indent: 0px;
        border: none
    }

    #secondary-menu {
        display: none
    }

    #primary-menu li a {
        margin-right: 30px
    }

    #mobiletoggle {
        position: absolute;
        top: 13px;
        display: block;
        float: right !important;
        right: 30px;
        padding-left: 100px
    }

    #mobiletoggle .toggleinner {
        width: 23px;
        height: 13px;
        border-top: 1px solid;
        border-bottom: 1px solid;
        margin: 0.834rem 0
    }

    .content-imagetext .inner {
        padding: 4.823529411764706rem 20px
    }

    .content-imagetext-large-copy .inner,
    .content-imagetext .inner {
        padding: 5% 0% 50px 0
    }

    .module-puretext h3 {
        font-size: 40px;
        line-height: 1em
    }

    .content-imagetext-large figure img,
    .content-imagetext figure img {
        object-fit: contain;
        width: 100%;
        height: auto
    }

    .reverse-container {
        display: flex;
        flex-direction: column-reverse !important
    }

    .body-nav-down .pin-wrapper .ancorholder {
        top: 110px
    }

    .body-nav-up .pin-wrapper .ancorholder {
        top: 50px
    }

    #footer-area-two .row-align-middle>div.footermenu {
        text-align: left
    }

    #footer-area-two .row-align-middle>div.copyright {
        text-align: left;
        margin-top: 2rem
    }

    .content-imagetext-large-copy {
        border-color: transparent !important
    }

    .content-imagetext figure {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 20px
    }

    .content-imagetext-large>div {
        display: flex;
        flex-direction: column
    }

    .fullbg-effect:after {
        display: none
    }

    .txt-hl-l {
        font-size: 50px;
        line-height: 1em
    }

    .font-medium {
        font-size: 20px !important;
        line-height: 28px !important
    }

    .module.modul-textimage h2 {
        font-size: 40px
    }

    .modul-fancygrid .fl-inner h3 {
        font-size: 40px;
        line-height: 38px;
        font-weight: bold
    }

    .content-imagetext-large-copy h3 {
        font-size: 15px
    }

    .content-imagetext.getsmaller {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%
    }

    body.menu-visible #main-navigation {
        display: none
    }

    .content-imagetext-large figure {
        height: auto;
        border: none;
        padding: 0px
    }

    .module h1,
    .module h2,
    .single-otrs-feature h1 {
        font-size: 70px;
        line-height: 1em
    }

    p.txt-copy {
        font-size: 18px;
        line-height: 25px
    }

    #mobile-pricingswitch {
        display: none;
        padding-bottom: 6rem
    }

    .module-pricing-table .container>div {
        margin-bottom: 10px
    }

    .mobile-pricingswitch-button {
        width: calc(50% - 10px);
        line-height: 60px;
        float: left;
        text-align: center;
        background: rgba(255, 255, 255, 0.8);
        border-radius: .5em;
        margin: 5px;
        cursor: pointer
    }

    .pricing-table-inner.highlight-1 {
        margin-top: -20px;
        margin-left: -3px
    }

    #mobile-pricingswitch:after {
        content: "";
        display: block;
        clear: both
    }

    .price-subtext .arrowlink {
        font-size: 20px
    }

    .module-table .headline-3 {
        margin-bottom: 10px
    }

    .module-projectdetails .itemcontainer .iteminner-one .headline-2 {
        font-size: 40px;
        line-height: 38px
    }

    .iteminner-two p {
        font-size: 18px;
        line-height: 25px
    }

    .pricing-table-inner {
        width: calc(100% - 4rem)
    }

    .pricing-table-inner.highlight-1 .user-number {
        margin: 0 auto 3.764705882352941rem
    }

    .module-locations {
        padding-top: 2rem
    }

    .module-projectdetails.row {
        background: #fff
    }

    .font-size-big {
        font-size: 22px;
        line-height: 28px
    }

    .getsmaller {
        padding-bottom: 0px !important;
        padding-top: 0px !important
    }

    .modul-textimage .content-imagetext {
        padding: 0px;
        display: block
    }

    .row-reverse {
        transform: none !important
    }

    .row-reverse>[class*="gr-"] {
        transform: none !important
    }

    form .nice-select.open .list {
        width: 100%
    }

    .fullwidthteaser-content .txt-hl-l {
        font-size: 50px;
        line-height: 50px
    }

    .fullwidthteaser-content .subline {
        font-size: 18px;
        line-height: 25px
    }

    .fullwidthteaser.background-white .fullwidthteaser-content {
        background: #fff;
        padding: 2% 27px 10% 27px
    }

    .fullwidthteaser-heighten {
        position: relative
    }

    .fullwidthteaser-heighten>div.container {
        width: calc(100% - 40px)
    }

    .page-title a {
        line-height: 2.2222222rem;
        margin: 0.834rem 0;
        width: 200px
    }

    .main-ancors {
        max-width: calc(100vw - 2em)
    }

    #mobile-sub-and-ancors {
        max-width: 100vw
    }

    .event-row h3 {
        padding-left: 0px
    }

    #otrs-content {
        padding-top: 4rem
    }

    .fullbg-effect {
        background-position: center;
        height: 100% !important;
        max-width: 100vw;
        overflow: hidden
    }

    .body-nav-up .fullbg-effect {
        background-position: center
    }

    .single-story .fullbg-effect {
        background-position: 0 4rem
    }

    .logobar li {
        width: 14.2%;
        height: 70px
    }

    .logobar li a {
        display: flex;
        height: 100%;
        width: 100%
    }

    .logobar img {
        margin: auto;
        max-width: 100%;
        padding: 0px;
        height: auto;
        object-fit: contain;
        max-height: 60%
    }

    .success-customer-details {
        margin-bottom: 4rem
    }

    .success-customer-details .inner {
        display: inline-block;
        margin-top: 0px
    }

    .single-story h3 {
        font-size: 1.2rem
    }

    .single-story h2 {
        font-size: 2rem;
        line-height: 1em
    }

    .filterholder-inner button {
        display: block;
        width: 100%;
        margin-left: 0px
    }

    .filterholder button:last-child {
        margin-left: 0px
    }

    .headline-2,
    .module .headline-2 {
        font-size: 30px;
        line-height: 36px
    }

    .module-events .entry.container {
        padding: 0px
    }

    .module-events .entry.container>.row {
        padding: 20px 20px;
        width: calc(100%);
        margin: 0px
    }

    .event-row>div {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .single-story-first>.container>.row {
        display: flex;
        flex-direction: column-reverse
    }

    .ancorholder {
        display: block;
        position: fixed;
        height: 1px;
        overflow: hidden;
        min-height: 0px;
        box-shadow: none;
        transition: all .2s ease-in
    }

    .ancorholder {
        left: 0px;
        max-width: 100vw
    }

    .ancorholder a {
        max-width: calc(100vw - 2em)
    }

    #mobile-sub-and-ancors {
        transition: all .2s ease-in;
        position: fixed;
        top: 60px;
        z-index: 200;
        height: 50px;
        background: #fff;
        text-align: left;
        font-size: 13px;
        line-height: 50px;
        display: none;
        position: fixed;
        width: 100%;
        left: 0px
    }

    #mobile-sub-and-ancors #currentpage {
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
        font-weight: bold;
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        line-height: 50px;
        height: 50px;
        padding: 0 20px;
        cursor: pointer;
        top: 90px
    }

    .hasancor #mobile-sub-and-ancors {
        display: block
    }

    .hasancor.body-nav-up #mobile-sub-and-ancors {
        top: 0px;
        transition: all .2s ease-in
    }

    .hasancor #mobile-sub-and-ancors #currentpage {
        text-transform: uppercase
    }

    .hasancor #mobile-sub-and-ancors #currentpage:after {
        content: "";
        background-image: url(../img/black-arrow-down.svg);
        display: block;
        float: right;
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 22px;
        margin-right: 13px
    }

    body.menu-visible #otrs-search-form {
        display: block
    }

    .ancor-mobile-down .ancorholder {
        display: block;
        height: auto;
        top: 50px;
        left: 0px;
        transition: all .2s ease-in
    }

    .pin-wrapper .ancorholder .inner-ancors {
        display: block;
        text-align: left
    }

    .pin-wrapper .ancorholder .inner-ancors a {
        font-size: 12px;
        border-bottom: 1px solid #D6D6D6
    }

    .pin-wrapper .ancorholder .inner-ancors a:last-child {
        border-bottom: none
    }

    .ancorholder a {
        width: 100%;
        display: block
    }

    .pin-wrapper .ancorholder .inner-ancors {
        padding-top: 20px;
        padding-left: 20%;
        padding-right: 20%;
        padding-bottom: 30px
    }

    .pin-wrapper .ancorholder.topnavactive :before {
        background: none
    }

    .headline-1,
    .module .headline-1 {
        font-size: 50px;
        line-height: 45px
    }

    .big-feature-list.liststyle .grids-list-item {
        width: 100%;
        margin-left: 0px
    }

    .big-feature-list .square-inner .suare-inner-term,
    .module-highlight-otrs-features .square-inner .suare-inner-term {
        font-size: 12px;
        margin-bottom: 30px
    }

    .square-inner-content .headline-3 {
        font-size: 18px
    }

    .module-twocols.module h2 {
        font-size: 40px
    }

    .module-twocols.module p {
        font-size: 18px;
        line-height: 25px
    }

    .module-twocols.module h3 {
        font-size: 15px
    }

    .filterholder-inner {
        background: #FFFFFF;
        border: 1px solid #D6D6D6;
        box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.5);
        border-radius: 5px
    }

    .filterholder button {
        font-size: 15px;
        padding: 15px 15px;
        display: none;
        width: 286px
    }

    .filterholder:hover button,
    .filterholder:active button {
        display: block
    }

    .filterholder button.mixitup-control-active {
        display: block;
        width: 286px;
        margin: 0
    }

    .filterholder button.mixitup-control-active:after {
        content: "▼";
        display: block;
        float: right;
        font-size: 10px;
        line-height: 20px;
        color: #6B6B6B
    }

    .filterholder button.mixitup-control-active {
        font-weight: normal;
        border-bottom: none;
        margin: 0px
    }

    .filterholder .filterholder-inner {
        width: 286px
    }

    .training-row .text-align-right:last-child {
        margin-top: 1em
    }

    .gridiconholder {
        text-align: center;
        width: 100%
    }

    .gridiconholder .grid-icon {
        margin: 2.647058823529412rem 5px 2.647058823529412rem 5px
    }

    h5.txt-hl-s {
        font-size: 15px
    }

    .blockquote-inner {
        font-size: 20px;
        line-height: 25px
    }

    .modul-quote blockquote cite {
        font-size: 12px;
        margin-top: 20px
    }

    #breadcrumbs {
        margin: 0px;
        padding: 1em 0;
        border-top: 1px solid #E6E6E6
    }

    #breadcrumbs a {
        color: #6B6B6B;
        font-size: 12px
    }

    #breadcrumbs .breadcrumb_last {
        color: #6B6B6B;
        font-size: 12px;
        font-weight: normal
    }

    .reverse-container {
        overflow: hidden
    }

    #footer-area-two .langswitch>div {
        float: left
    }

    .content-imagetext-copy {
        padding-left: 20px;
        padding-right: 20px
    }

    #footer-area-two .row-align-middle>div {
        text-align: center
    }

    #footer-area-one .widget-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        border-top: 1px solid #E6E6E6;
        margin: 0px
    }

    #footer-area-one .widget-title:after {
        content: "+";
        float: right;
        font-size: 11px;
        color: #6B6B6B
    }

    #footer-area-one .widget_nav_menu>div::nth-child(2) {
        display: none
    }

    .social-media div {
        display: inherit
    }

    .nice-select.open .list {
        width: 200px
    }

    .langswitch div {
        display: inherit
    }

    #imp-footer-menu {
        display: inline-block;
        margin-top: 20px
    }

    .module-events .text-align-right {
        text-align: left
    }

    .module-events .row-align-middle>div {
        margin-bottom: 1rem
    }

    .page-template-template-page_storm .fullwidthteaser-heighten {
        padding-top: 15vh;
        max-width: 100vw;
        overflow: hidden
    }

    .page-template-template-page_storm .module-twocols.row-full:before {
        margin-top: -25%
    }

    .page-template-template-page_storm .module-puretext:before {
        margin-top: -28%
    }

    .page-template-template-page_storm .module-twocols {
        overflow-y: hidden
    }

    .gridiconholder {
        display: inline-block;
        width: 100%;
        margin: auto;
        left: 37.5%
    }

    .big-feature-list .headline-2 {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 40px
    }

    .big-feature-list.liststyle .grids-list-item .square .headline-3 {
        line-height: 1.2em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        display: block;
        font-size: 1rem
    }

    #freetrialregistration {
        margin-left: -25px;
        margin-right: -25px;
        padding: 20px
    }

    .feature-link-list {
        padding-left: .5em
    }

    .feature-link-list li a {
        font-size: .7rem
    }

    .ancorholder {
        top: 50px
    }

    .module-table {
        padding-top: 10px
    }

    .leftcol {
        float: left !important;
        display: inline-block !important
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    html {
        overflow-x: hidden
    }

    .comparenavholder>.gr-4 {
        width: calc(100% - 10px) !important
    }

    .fullwidthteaser-heighten>div.container {
        margin-top: 0px;
        position: absolute;
        bottom: 0px
    }

    .wpcf7 {
        max-width: 100%
    }

    div.wpcf7 {
        max-width: calc(100vw - 150px);
        margin-left: -45px !important;
        padding: 75px !important
    }

    #footer-area-one {
        margin-bottom: 4rem
    }

    .wpcf7 {
        display: inline-block;
        padding: 20px 0px !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        box-shadow: none;
        width: calc(100vw - 10px)
    }

    .module-table .headline-3 {
        margin-bottom: 10px
    }

    #otrs-search-form {
        display: none
    }

    #otrs-cookies {
        top: 4rem;
        position: fixed
    }

    .body-nav-up #otrs-cookies {
        top: 50px
    }

    #otrs-storm-banner,
    #otrs-control-banner {
        top: 4rem
    }

    .cookie-accept {
        display: block;
        text-align: center;
        font-size: 15px;
        margin-top: 1em;
        padding: 1em
    }

    .module-puretext {
        padding: 80px 0
    }

    body.menu-visible #main-navigation,
    body.menu-visible #secondary-menu {
        display: block
    }

    body.menu-visible .page-title {
        margin-top: 9px
    }

    body.menu-visible #primary-menu {
        display: block
    }

    body.menu-visible #secondary-menu {
        margin-top: 4rem;
        display: flex;
        flex-direction: column-reverse
    }

    body.menu-visible #top-right-navigation {
        display: flex;
        flex-flow: column;
        flex-direction: column-reverse;
        margin-top: 30%
    }

    body.menu-visible .menu-oben-rechts-container {
        width: 100%
    }

    body.menu-visible #otrs-search-form {
        transition: all .2s ease-in;
        left: 0%;
        position: relative;
        top: 0;
        width: 100%
    }

    body.menu-visible #otrs-search-form #search-input {
        width: 100%;
        outline: 0px;
        outline-offset: 0px;
        opacity: 1;
        line-height: 50px;
        border-top: 0px;
        border-left: 0px;
        padding-top: 0px;
        border-bottom: 1px solid #ccc;
        border-right: 0px;
        padding: 0px;
        border-radius: 0px;
        padding-left: 60px
    }

    body.menu-visible .ico-search {
        display: none !important
    }

    body.menu-visible #search-submit {
        line-height: 2.941176470588235rem;
        border: none;
        background: none;
        overflow: hidden;
        text-indent: -220px;
        background-size: .9em;
        padding: 0 1.3em;
        opacity: 1;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 100;
        background-image: url(../img/ico-search-submit.svg);
        background-repeat: no-repeat;
        background-position: .4em 1.13em
    }

    #secondary-menu {
        width: 100%
    }

    #secondary-menu li {
        height: auto;
        width: 100%;
        display: block
    }

    .menu-visible #otrs-head {
        top: 0px;
        height: 100vh
    }

    .menu-visible #otrs-head li {
        width: 100%;
        text-align: left
    }

    .menu-visible #otrs-head li a {
        width: 100%;
        margin-right: 0px;
        display: block;
        line-height: 50px;
        border-bottom: 1px solid #ccc;
        padding: 0px;
        border-radius: 0px
    }

    .menu-visible #otrs-head li a:before {
        content: "";
        display: none
    }

    .menu-visible #otrs-head li a body {
        overflow-x: hidden
    }

    .menu-visible #otrs-head li a #otrs-cookies {
        top: 4.176470588235294rem
    }

    .menu-visible #otrs-head li a .cookie-accept {
        font-size: 1rem;
        display: block;
        text-align: center;
        margin-top: 1rem
    }

    .menu-visible #otrs-head li a .content-imagetext-large figure img,
    .menu-visible #otrs-head li a .content-imagetext figure img {
        object-fit: contain
    }

    .menu-visible #otrs-head li a .content-imagetext-large figure {
        height: inherit;
        border: none !important;
        margin: 0px
    }

    .menu-visible #otrs-head li a .getsmaller {
        padding: 0px !important
    }

    .menu-visible #otrs-head li a .content-imagetext figure {
        height: inherit
    }

    .menu-visible #otrs-head li a .home .fullbg-effect {
        height: 100vh
    }

    .menu-visible #otrs-head li a .module h1,
    .menu-visible #otrs-head li a .module h2,
    .menu-visible #otrs-head li a .single-otrs-feature h1 {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1em;
        overflow: visible
    }

    .menu-visible #otrs-head li a .module h1,
    .menu-visible #otrs-head li a .module h2,
    .menu-visible #otrs-head li a .single-otrs-feature h1,
    .menu-visible #otrs-head li a h4 {
        overflow: hidden
    }

    .menu-visible #otrs-head li a .module {
        max-width: vw;
        overflow-x: hidden
    }

    .menu-visible #otrs-head li a .modul-fancygrid .fl-inner h3,
    .menu-visible #otrs-head li a .modul-textimage h2 {
        font-size: 40px;
        line-height: 38px
    }

    .menu-visible #otrs-head li a .modul-successstorys figure {
        margin-bottom: 50px
    }

    .menu-visible #otrs-head li a .content-imagetext-large-copy .inner,
    .menu-visible #otrs-head li a .content-imagetext .inner {
        padding: 5% 12.5%
    }

    .menu-visible #otrs-head li a .txt-hl-l {
        font-size: 50px;
        line-height: 50px
    }

    .menu-visible #otrs-head li a .modul-fancygrid .txt-copy {
        font-size: 22px;
        line-height: 28px
    }

    .menu-visible #otrs-head li a .button.button-soft {
        font-size: 17px;
        line-height: 2.122222222222222rem
    }

    .menu-visible #otrs-head li a .button.plus-sign.button-soft-white:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        display: block;
        width: 1.555rem;
        height: 1.555rem;
        border-radius: 50%;
        float: left;
        margin: 5px 0.8235rem 5px 5px;
        text-align: center;
        line-height: 1.865rem;
        background-image: url(../img/smallarrow-right.svg);
        background-position: center;
        background-repeat: no-repeat
    }

    .menu-visible #otrs-head li a .fullwidthteaser-content .txt-hl-l {
        font-size: 2.777777777777778rem;
        line-height: 2.777777777777778rem
    }

    .menu-visible #otrs-head li a .home .fullwidthteaser-content .subline {
        display: none
    }

    .menu-visible #otrs-head li a .logobar li {
        width: 13.333%;
        display: flex
    }

    .menu-visible #otrs-head li a .logobar li a {
        display: block;
        margin: auto
    }

    .menu-visible #otrs-head li a .logobar li img {
        max-width: 100%;
        height: auto;
        margin: auto;
        padding: 0px
    }

    #top-right-navigation li a {
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        text-indent: 0px;
        border: none
    }

    #secondary-menu {
        display: none
    }

    #primary-menu li a {
        margin-right: 30px;
        font-size: 10px
    }

    #mobiletoggle {
        position: absolute;
        top: 20px;
        display: block;
        float: right !important;
        right: 30px;
        padding-left: 100px
    }

    #mobiletoggle .toggleinner {
        width: 23px;
        height: 13px;
        border-top: 1px solid;
        border-bottom: 1px solid;
        margin: 0.834rem 0
    }

    .content-imagetext .inner {
        padding: 4.823529411764706rem 20px
    }

    .content-imagetext-large-copy .inner,
    .content-imagetext .inner {
        padding: 5% 0% 50px 0
    }

    .module-puretext h3 {
        font-size: 40px;
        line-height: 1em
    }

    .content-imagetext-large figure img,
    .content-imagetext figure img {
        object-fit: contain;
        width: 100%;
        height: auto
    }

    .reverse-container {
        display: flex;
        flex-direction: column-reverse !important
    }

    .body-nav-down .pin-wrapper .ancorholder {
        top: 140px
    }

    .body-nav-up .pin-wrapper .ancorholder {
        top: 50px
    }

    #footer-area-two .row-align-middle>div.footermenu {
        text-align: left
    }

    #footer-area-two .row-align-middle>div.copyright {
        text-align: left;
        margin-top: 2rem
    }

    .content-imagetext-large-copy {
        border-color: transparent !important
    }

    .content-imagetext figure {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 20px
    }

    .content-imagetext-large>div {
        display: flex;
        flex-direction: column
    }

    .fullbg-effect:after {
        display: none
    }

    .txt-hl-l {
        font-size: 50px;
        line-height: 1em
    }

    .font-medium {
        font-size: 20px !important;
        line-height: 28px !important
    }

    .module.modul-textimage h2 {
        font-size: 40px
    }

    .modul-fancygrid .fl-inner h3 {
        font-size: 40px;
        line-height: 38px;
        font-weight: bold
    }

    .content-imagetext-large-copy h3 {
        font-size: 15px
    }

    .content-imagetext.getsmaller {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%
    }

    body.menu-visible #main-navigation {
        display: none
    }

    .content-imagetext-large figure {
        height: auto;
        border: none;
        padding: 0px
    }

    .module h1,
    .module h2,
    .single-otrs-feature h1 {
        font-size: 50px;
        line-height: 1em
    }

    #mobile-pricingswitch {
        display: none;
        padding-bottom: 6rem
    }

    .module-pricing-table .container>div {
        margin-bottom: 10px
    }

    .mobile-pricingswitch-button {
        width: calc(50% - 10px);
        line-height: 60px;
        float: left;
        text-align: center;
        background: rgba(255, 255, 255, 0.8);
        border-radius: .5em;
        margin: 5px;
        cursor: pointer
    }

    .pricing-table-inner.highlight-1 {
        margin-top: 0px
    }

    #mobile-pricingswitch:after {
        content: "";
        display: block;
        clear: both
    }

    .pricing-table-inner {
        width: calc(100% - 4rem)
    }

    .pricing-table-inner.highlight-1 .user-number {
        margin: 0 auto 3.764705882352941rem
    }

    .module-locations {
        padding-top: 2rem
    }

    .module-projectdetails.row {
        background: #fff
    }

    .font-size-big {
        font-size: 22px;
        line-height: 28px
    }

    .getsmaller {
        padding-bottom: 0px !important;
        padding-top: 0px !important
    }

    .modul-textimage .content-imagetext {
        padding: 0px;
        display: block
    }

    .row-reverse {
        transform: none !important
    }

    .row-reverse>[class*="gr-"] {
        transform: none !important
    }

    form .nice-select.open .list {
        width: 100%
    }

    .fullwidthteaser-content .txt-hl-l {
        font-size: 50px;
        line-height: 50px
    }

    .fullwidthteaser-content .subline {
        font-size: 18px;
        line-height: 25px
    }

    .fullwidthteaser.background-white .fullwidthteaser-content {
        background: #fff;
        padding: 2% 27px 10% 27px
    }

    .fullwidthteaser-heighten {
        position: relative
    }

    .fullwidthteaser-heighten>div.container {
        width: calc(100% - 40px)
    }

    .page-title a {
        line-height: 2.2222222rem;
        margin: 0.834rem 0;
        width: 200px
    }

    .main-ancors {
        max-width: calc(100vw - 2em)
    }

    #mobile-sub-and-ancors {
        max-width: 100vw
    }

    .event-row h3 {
        padding-left: 0px
    }

    #otrs-content {
        padding-top: 4rem
    }

    .fullbg-effect {
        background-position: center;
        height: 100% !important;
        max-width: 100vw;
        overflow: hidden
    }

    .body-nav-up .fullbg-effect {
        background-position: center
    }

    .single-story .fullbg-effect {
        background-position: 0 4rem
    }

    .logobar li {
        width: 14.2%;
        height: 70px
    }

    .logobar li a {
        display: flex;
        height: 100%;
        width: 100%
    }

    .logobar img {
        margin: auto;
        max-width: 100%;
        padding: 0px;
        height: auto;
        object-fit: contain;
        max-height: 60%
    }

    .success-customer-details {
        margin-bottom: 4rem
    }

    .success-customer-details .inner {
        display: inline-block;
        margin-top: 0px
    }

    .single-story h3 {
        font-size: 1.2rem
    }

    .single-story h2 {
        font-size: 2rem;
        line-height: 1em
    }

    .eventheader {
        display: none
    }

    .filterholder-inner button {
        display: block;
        width: 100%;
        margin-left: 0px
    }

    .filterholder button:last-child {
        margin-left: 0px
    }

    .headline-2,
    .module .headline-2 {
        font-size: 30px;
        line-height: 36px
    }

    .module-events .entry.container {
        padding: 0px
    }

    .module-events .entry.container>.row {
        padding: 20px 20px;
        width: calc(100%);
        margin: 0px
    }

    .event-row>div {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .single-story-first>.container>.row {
        display: flex;
        flex-direction: column-reverse
    }

    .ancorholder {
        display: block;
        position: fixed;
        height: 1px;
        overflow: hidden;
        min-height: 0px;
        box-shadow: none;
        transition: all .2s ease-in
    }

    .ancorholder {
        left: 0px;
        max-width: 100vw
    }

    .ancorholder a {
        max-width: calc(100vw - 2em)
    }

    #mobile-sub-and-ancors {
        transition: all .2s ease-in;
        position: fixed;
        top: 90px;
        z-index: 200;
        height: 50px;
        background: #fff;
        text-align: left;
        font-size: 13px;
        line-height: 50px;
        display: none;
        position: fixed;
        width: 100%;
        left: 0px
    }

    #mobile-sub-and-ancors #currentpage {
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
        font-weight: bold;
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        line-height: 50px;
        height: 50px;
        padding: 0 20px;
        cursor: pointer;
        top: 90px
    }

    .hasancor #mobile-sub-and-ancors {
        display: block
    }

    .hasancor.body-nav-up #mobile-sub-and-ancors {
        top: 0px;
        transition: all .2s ease-in
    }

    .hasancor #mobile-sub-and-ancors #currentpage {
        text-transform: uppercase
    }

    .hasancor #mobile-sub-and-ancors #currentpage:after {
        content: "";
        background-image: url(../img/black-arrow-down.svg);
        display: block;
        float: right;
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 22px;
        margin-right: 13px
    }

    body.menu-visible #otrs-search-form {
        display: block
    }

    .ancor-mobile-down .ancorholder {
        display: block;
        height: auto;
        top: 50px;
        left: 0px;
        transition: all .2s ease-in
    }

    .pin-wrapper .ancorholder .inner-ancors {
        display: block;
        text-align: left
    }

    .pin-wrapper .ancorholder .inner-ancors a {
        font-size: 12px;
        border-bottom: 1px solid #D6D6D6
    }

    .pin-wrapper .ancorholder .inner-ancors a:last-child {
        border-bottom: none
    }

    .ancorholder a {
        width: 100%;
        display: block
    }

    .pin-wrapper .ancorholder .inner-ancors {
        padding-top: 20px;
        padding-left: 20%;
        padding-right: 20%;
        padding-bottom: 30px
    }

    .pin-wrapper .ancorholder.topnavactive :before {
        background: none
    }

    .headline-1,
    .module .headline-1 {
        font-size: 50px;
        line-height: 45px
    }

    .big-feature-list.liststyle .grids-list-item {
        width: 100%;
        margin-left: 0px
    }

    .big-feature-list .square-inner .suare-inner-term,
    .module-highlight-otrs-features .square-inner .suare-inner-term {
        font-size: 12px;
        margin-bottom: 30px
    }

    .square-inner-content .headline-3 {
        font-size: 18px
    }

    .module-twocols.module h2 {
        font-size: 40px
    }

    .module-twocols.module p {
        font-size: 18px;
        line-height: 25px
    }

    .module-twocols.module h3 {
        font-size: 15px
    }

    .filterholder-inner {
        background: #FFFFFF;
        border: 1px solid #D6D6D6;
        box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.5);
        border-radius: 5px
    }

    .filterholder button {
        font-size: 15px;
        padding: 15px 15px;
        display: none;
        width: 286px
    }

    .filterholder:hover button,
    .filterholder:active button {
        display: block
    }

    .filterholder button.mixitup-control-active {
        display: block;
        width: 286px;
        margin: 0
    }

    .filterholder button.mixitup-control-active:after {
        content: "▼";
        display: block;
        float: right;
        font-size: 10px;
        line-height: 20px;
        color: #6B6B6B
    }

    .filterholder button.mixitup-control-active {
        font-weight: normal;
        border-bottom: none;
        margin: 0px
    }

    .filterholder .filterholder-inner {
        width: 286px
    }

    .training-row .text-align-right:last-child {
        margin-top: 1em
    }

    .gridiconholder {
        text-align: center;
        width: 100%
    }

    .gridiconholder .grid-icon {
        margin: 2.647058823529412rem 5px 2.647058823529412rem 5px
    }

    h5.txt-hl-s {
        font-size: 15px
    }

    .blockquote-inner {
        font-size: 20px;
        line-height: 25px
    }

    .modul-quote blockquote cite {
        font-size: 12px;
        margin-top: 20px
    }

    #breadcrumbs {
        margin: 0px;
        padding: 1em 0;
        border-top: 1px solid #E6E6E6
    }

    #breadcrumbs a {
        color: #6B6B6B;
        font-size: 12px
    }

    #breadcrumbs .breadcrumb_last {
        color: #6B6B6B;
        font-size: 12px;
        font-weight: normal
    }

    .reverse-container {
        overflow: hidden
    }

    #footer-area-two .langswitch>div {
        float: left
    }

    .content-imagetext-copy {
        padding-left: 20px;
        padding-right: 20px
    }

    #footer-area-two .row-align-middle>div {
        text-align: center
    }

    #footer-area-one .widget-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        border-top: 1px solid #E6E6E6;
        margin: 0px
    }

    #footer-area-one .widget-title:after {
        content: "+";
        float: right;
        font-size: 11px;
        color: #6B6B6B
    }

    .social-media div {
        display: inherit
    }

    .nice-select.open .list {
        width: 200px
    }

    .langswitch div {
        display: inherit
    }

    #imp-footer-menu {
        display: inline-block;
        margin-top: 20px
    }

    .eventprefix {
        display: block;
        font-size: 15px;
        font-weight: bold;
        float: left;
        width: 200px
    }

    .module-events .text-align-right {
        text-align: left
    }

    .module-events .row-align-middle>div {
        margin-bottom: 1rem
    }

    .page-template-template-page_storm .fullwidthteaser-heighten {
        padding-top: 15vh;
        max-width: 100vw;
        overflow: hidden
    }

    .page-template-template-page_storm .module-puretext:before {
        margin-top: -28%
    }

    .page-template-template-page_storm .module-twocols {
        overflow-y: hidden
    }

    .gridiconholder {
        display: inline-block;
        width: 100%;
        margin: auto;
        left: 37.5%
    }

    .big-feature-list .headline-2 {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 40px
    }

    .big-feature-list.liststyle .grids-list-item .square .headline-3 {
        line-height: 1.2em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        display: block;
        font-size: 1rem
    }

    #freetrialregistration {
        margin-left: -25px;
        margin-right: -25px;
        padding: 20px
    }

    .feature-link-list {
        padding-left: .5em
    }

    .feature-link-list li a {
        font-size: .7rem
    }

    .ancorholder {
        top: 50px
    }

    .module-table {
        padding-top: 10px
    }

    .leftcol {
        float: left !important;
        display: inline-block !important
    }
}

@media screen and (max-width: 940px) {
    #main-navigation a {
        margin-right: 2rem
    }
}

@media screen and (max-width: 767px) {
    .event-row h3 {
        padding-left: 0px
    }

    .event-row .gr-2,
    .event-row .gr-4 .eventprefix {
        display: none
    }

    .big-feature-list .square-inner {
        position: relative
    }

    .big-feature-list .square:after,
    .module-highlight-otrs-features .square:after {
        display: none !important
    }

    .module-pricing-table {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: top center;
        background-attachment: fixed
    }

    [class*="gr-"] {
        width: 100%;
        left: 0%;
        right: auto;
        right: 0%;
        left: auto;
        margin-left: 0%;
        margin-right: 0%
    }

    #footer-area-one {
        margin-bottom: 4rem
    }

    .wpcf7 {
        display: inline-block;
        padding: 20px 0px !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        box-shadow: none;
        width: calc(100vw - 10px)
    }

    #otrs-search-form {
        display: none
    }

    #otrs-cookies {
        top: 4rem;
        position: fixed
    }

    .body-nav-up #otrs-cookies {
        top: 50px
    }

    #otrs-storm-banner,
    #otrs-control-banner {
        top: 4rem
    }

    .cookie-accept {
        display: block;
        text-align: center;
        font-size: 15px;
        margin-top: 1em;
        padding: 1em
    }

    .module-puretext {
        padding: 80px 0
    }

    body.menu-visible #main-navigation,
    body.menu-visible #secondary-menu {
        display: block
    }

    body.menu-visible #primary-menu {
        display: block
    }

    body.menu-visible #secondary-menu {
        margin-top: 4rem;
        display: flex;
        flex-direction: column-reverse
    }

    body.menu-visible #top-right-navigation {
        display: flex;
        flex-flow: column;
        flex-direction: column-reverse
    }

    body.menu-visible .menu-oben-rechts-container {
        width: 100%
    }

    body.menu-visible #otrs-search-form {
        transition: all .2s ease-in;
        left: 0%;
        position: relative;
        top: 0;
        width: 100%
    }

    body.menu-visible #otrs-search-form #search-input {
        width: 100%;
        outline: 0px;
        outline-offset: 0px;
        opacity: 1;
        line-height: 50px;
        border-top: 0px;
        border-left: 0px;
        padding-top: 0px;
        border-bottom: 1px solid #ccc;
        border-right: 0px;
        padding: 0px;
        border-radius: 0px;
        padding-left: 60px
    }

    body.menu-visible .ico-search {
        display: none !important
    }

    body.menu-visible #search-submit {
        line-height: 2.941176470588235rem;
        border: none;
        background: none;
        overflow: hidden;
        text-indent: -220px;
        background-size: .9em;
        padding: 0 1.3em;
        opacity: 1;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 100;
        background-image: url(../img/ico-search-submit.svg);
        background-repeat: no-repeat;
        background-position: .4em 1.13em
    }

    #secondary-menu {
        width: 100%
    }

    #secondary-menu li {
        height: auto;
        width: 100%;
        display: block
    }

    .menu-visible #otrs-head {
        top: 0px;
        height: 100vh
    }

    .menu-visible #otrs-head li {
        width: 100%;
        text-align: left
    }

    .menu-visible #otrs-head li a {
        width: 100%;
        margin-right: 0px;
        display: block;
        line-height: 50px;
        border-bottom: 1px solid #ccc;
        padding: 0px;
        border-radius: 0px
    }

    .menu-visible #otrs-head li a:before {
        content: "";
        display: none
    }

    .menu-visible #otrs-head li a body {
        overflow-x: hidden
    }

    .menu-visible #otrs-head li a #otrs-cookies {
        top: 4.176470588235294rem
    }

    .menu-visible #otrs-head li a .cookie-accept {
        font-size: 1rem;
        display: block;
        text-align: center;
        margin-top: 1rem
    }

    .menu-visible #otrs-head li a .content-imagetext-large figure img,
    .menu-visible #otrs-head li a .content-imagetext figure img {
        object-fit: contain
    }

    .menu-visible #otrs-head li a .content-imagetext-large figure {
        height: inherit;
        border: none !important;
        margin: 0px
    }

    .menu-visible #otrs-head li a .getsmaller {
        padding: 0px !important
    }

    .menu-visible #otrs-head li a .content-imagetext figure {
        height: inherit
    }

    .menu-visible #otrs-head li a .home .fullbg-effect {
        height: 100vh
    }

    .menu-visible #otrs-head li a .module h1,
    .menu-visible #otrs-head li a .module h2,
    .menu-visible #otrs-head li a .single-otrs-feature h1 {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1em;
        overflow: visible
    }

    .menu-visible #otrs-head li a .module h1,
    .menu-visible #otrs-head li a .module h2,
    .menu-visible #otrs-head li a .single-otrs-feature h1,
    .menu-visible #otrs-head li a h4 {
        overflow: hidden
    }

    .menu-visible #otrs-head li a .module {
        max-width: vw;
        overflow-x: hidden
    }

    .menu-visible #otrs-head li a .modul-fancygrid .fl-inner h3,
    .menu-visible #otrs-head li a .modul-textimage h2 {
        font-size: 40px;
        line-height: 38px
    }

    .menu-visible #otrs-head li a .modul-successstorys figure {
        margin-bottom: 50px
    }

    .menu-visible #otrs-head li a .content-imagetext-large-copy .inner,
    .menu-visible #otrs-head li a .content-imagetext .inner {
        padding: 5% 12.5%
    }

    .menu-visible #otrs-head li a .txt-hl-l {
        font-size: 50px;
        line-height: 50px
    }

    .menu-visible #otrs-head li a .modul-fancygrid .txt-copy {
        font-size: 22px;
        line-height: 28px
    }

    .menu-visible #otrs-head li a .button.button-soft {
        font-size: 17px;
        line-height: 2.122222222222222rem
    }

    .menu-visible #otrs-head li a .button.plus-sign.button-soft-white:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        display: block;
        width: 1.555rem;
        height: 1.555rem;
        border-radius: 50%;
        float: left;
        margin: 5px 0.8235rem 5px 5px;
        text-align: center;
        line-height: 1.865rem;
        background-image: url(../img/smallarrow-right.svg);
        background-position: center;
        background-repeat: no-repeat
    }

    .menu-visible #otrs-head li a .fullwidthteaser-content .txt-hl-l {
        font-size: 2.777777777777778rem;
        line-height: 2.777777777777778rem
    }

    .menu-visible #otrs-head li a .home .fullwidthteaser-content .subline {
        display: none
    }

    .menu-visible #otrs-head li a .logobar li {
        width: 33%;
        display: flex
    }

    .menu-visible #otrs-head li a .logobar li a {
        display: block;
        margin: auto
    }

    .menu-visible #otrs-head li a .logobar li img {
        max-width: 100%;
        height: auto;
        margin: auto;
        padding: 0px
    }

    #top-right-navigation li a {
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        text-indent: 0px;
        border: none
    }

    #main-navigation,
    #secondary-menu {
        display: none
    }

    #mobiletoggle {
        position: absolute;
        top: 10px;
        display: block;
        float: right !important;
        right: 20px;
        padding-left: 100px
    }

    #mobiletoggle .toggleinner {
        width: 23px;
        height: 13px;
        border-top: 1px solid;
        border-bottom: 1px solid;
        margin: 0.834rem 0
    }

    .content-imagetext .inner {
        padding: 4.823529411764706rem 20px
    }

    .content-imagetext-large-copy .inner,
    .content-imagetext .inner {
        padding: 5% 0% 50px 0
    }

    .module-puretext h3 {
        font-size: 40px;
        line-height: 1em
    }

    .content-imagetext-large figure img,
    .content-imagetext figure img {
        object-fit: contain;
        width: 100%;
        height: auto
    }

    .reverse-container {
        display: flex;
        flex-direction: column-reverse !important
    }

    .content-imagetext figure {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 20px
    }

    .content-imagetext-large>div {
        display: flex;
        flex-direction: column
    }

    .fullbg-effect:after {
        display: none
    }

    .txt-hl-l {
        font-size: 50px;
        line-height: 1em
    }

    .font-medium {
        font-size: 20px !important;
        line-height: 28px !important
    }

    .module.modul-textimage h2 {
        font-size: 40px
    }

    .modul-fancygrid .fl-inner h3 {
        font-size: 40px;
        line-height: 38px
    }

    .content-imagetext-large figure {
        height: auto;
        border: none;
        padding: 0px
    }

    .module h1,
    .module h2,
    .single-otrs-feature h1 {
        font-size: 50px;
        line-height: 1em
    }

    #mobile-pricingswitch {
        display: block;
        padding-bottom: 6rem
    }

    .mobile-pricingswitch-button {
        width: calc(50% - 10px);
        line-height: 60px;
        float: left;
        text-align: center;
        background: rgba(255, 255, 255, 0.8);
        border-radius: .5em;
        margin: 5px;
        cursor: pointer
    }

    .pricing-table-inner.highlight-1 {
        margin-top: 0px
    }

    #mobile-pricingswitch:after {
        content: "";
        display: block;
        clear: both
    }

    .pricing-table-inner {
        width: calc(100% - 4rem)
    }

    .pricing-table-inner.highlight-1 .user-number {
        margin: 0 auto 3.764705882352941rem
    }

    .module-locations {
        padding-top: 2rem
    }

    .module-projectdetails.row {
        background: #fff
    }

    .font-size-big {
        font-size: 22px;
        line-height: 28px
    }

    .getsmaller {
        padding-bottom: 0px !important;
        padding-top: 0px !important
    }

    .modul-textimage .content-imagetext {
        padding: 0px;
        display: block
    }

    .row-reverse {
        transform: none !important
    }

    .row-reverse>[class*="gr-"] {
        transform: none !important
    }

    .pricing-table-inner.highlight- {
        display: none
    }

    form .nice-select.open .list {
        width: 100%
    }

    .fullwidthteaser-content .txt-hl-l {
        font-size: 50px;
        line-height: 50px
    }

    .fullwidthteaser-content .subline {
        font-size: 18px;
        line-height: 25px
    }

    .fullwidthteaser.background-white .fullwidthteaser-content {
        background: #fff;
        padding: 2% 27px 10% 27px
    }

    .fullwidthteaser-heighten {
        position: relative
    }

    .fullwidthteaser-heighten>div.container {
        width: calc(100% - 40px)
    }

    .page-title a {
        line-height: 2.2222222rem;
        margin: 0.834rem 0;
        width: 200px
    }

    #otrs-content {
        padding-top: 4rem
    }

    .fullbg-effect {
        background-position: center;
        height: 100% !important
    }

    .body-nav-up .fullbg-effect {
        background-position: center
    }

    .single-story .fullbg-effect {
        background-position: 0 4rem
    }

    .logobar li {
        width: 33.333%;
        height: 70px
    }

    .logobar li a {
        display: flex;
        height: 100%;
        width: 100%
    }

    .logobar img {
        margin: auto;
        max-width: 100%;
        padding: 0px;
        height: auto;
        object-fit: contain;
        max-height: 60%
    }

    .success-customer-details .inner {
        display: inline-block;
        margin-top: 0px
    }

    .eventheader {
        display: none
    }

    .filterholder-inner button {
        display: block;
        width: 100%;
        margin-left: 0px
    }

    .filterholder button:last-child {
        margin-left: 0px
    }

    .headline-2,
    .module .headline-2 {
        font-size: 30px;
        line-height: 36px
    }

    .module-events .entry.container {
        padding: 0px
    }

    .module-events .entry.container>.row {
        padding: 20px 20px;
        width: calc(100%);
        margin: 0px
    }

    .event-row>div {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .single-story-first>.container>.row {
        display: flex;
        flex-direction: column-reverse
    }

    .ancorholder {
        display: block;
        position: fixed;
        height: 0px;
        overflow: hidden;
        min-height: 0px;
        box-shadow: none;
        transition: all .2s ease-in
    }

    #mobile-sub-and-ancors {
        display: block;
        position: fixed;
        top: 0px;
        z-index: 200;
        height: 50px;
        background: #fff;
        width: 100%;
        text-align: left
    }

    #mobile-sub-and-ancors #currentpage {
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
        font-weight: bold;
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        line-height: 50px;
        height: 50px;
        padding: 0 20px;
        cursor: pointer
    }

    .hasancor #mobile-sub-and-ancors #currentpage:after {
        content: "";
        background-image: url(../img/black-arrow-down.svg);
        display: block;
        float: right;
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 22px
    }

    body.menu-visible #otrs-search-form {
        display: block
    }

    .ancor-mobile-down .ancorholder {
        display: block;
        height: auto;
        top: 50px;
        left: 0px;
        transition: all .2s ease-in
    }

    .pin-wrapper .ancorholder .inner-ancors {
        display: block
    }

    .ancorholder a {
        width: 100%;
        display: block
    }

    .pin-wrapper .ancorholder .inner-ancors {
        padding-top: 20px
    }

    .pin-wrapper .ancorholder.topnavactive :before {
        background: none
    }

    .headline-1,
    .module .headline-1 {
        font-size: 50px;
        line-height: 45px
    }

    .big-feature-list.liststyle .grids-list-item {
        width: 100%;
        margin-left: 0px
    }

    .big-feature-list .square-inner .suare-inner-term,
    .module-highlight-otrs-features .square-inner .suare-inner-term {
        font-size: 17px
    }

    #breadcrumbs a {
        color: #6B6B6B;
        font-size: 12px
    }

    #breadcrumbs .breadcrumb_last {
        color: #6B6B6B;
        font-size: 12px;
        font-weight: normal
    }

    .content-imagetext-copy {
        padding-left: 20px;
        padding-right: 20px
    }

    #footer-area-two .row-align-middle>div {
        text-align: center
    }

    #footer-area-one .widget-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        border-top: 1px solid #E6E6E6;
        margin: 0px
    }

    #footer-area-one .widget-title:after {
        content: "+";
        float: right;
        font-size: 11px;
        color: #6B6B6B
    }

    #footer-area-one .widget_nav_menu>div::nth-child(2) {
        display: none
    }

    .social-media div {
        display: inherit
    }

    .nice-select.open .list {
        width: 200px
    }

    .langswitch div {
        display: inherit
    }

    #imp-footer-menu {
        display: inline-block;
        margin-top: 20px
    }

    .eventprefix {
        display: block;
        font-size: 15px;
        font-weight: bold;
        float: left;
        width: 100px
    }

    .module-events .text-align-right {
        text-align: left
    }

    .module-events .row-align-middle>div {
        margin-bottom: 1rem
    }

    .page-template-template-page_storm .fullwidthteaser-heighten {
        padding-top: 15vh;
        max-width: 100vw;
        overflow: hidden
    }

    .page-template-template-page_storm .module-puretext:before {
        margin-top: -28%
    }

    .page-template-template-page_storm .module-twocols {
        overflow-y: hidden
    }

    .gridiconholder {
        display: inline-block;
        width: 33.3333333333%;
        margin: auto;
        left: 37.5%
    }

    .big-feature-list.liststyle .grids-list-item .square .headline-3 {
        line-height: 1.2em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        display: block;
        font-size: 1rem
    }

    #freetrialregistration {
        margin-left: -25px;
        margin-right: -25px;
        padding: 20px
    }

    .comparetable {
        width: 50%;
        float: right
    }

    .table-rows .comparetable>div {
        width: 100%
    }

    .comparetable2 {
        width: 50%;
        float: right
    }

    .third-c {
        display: none
    }

    .fourth-c {
        display: none
    }

    .fifth-c {
        display: none
    }

    .table-rows .second-c,
    .table-rows .third-c,
    .table-rows .fourth-c,
    .table-rows .fifth-c {
        width: 50%
    }

    .table-rows .headline-2 {
        border-bottom: 1px solid #D6D6D6
    }

    .module-table .headline-3 {
        font-size: 17px;
        margin-bottom: 20px
    }

    .module-table>.container .table-rows:first-child {
        background: #F8F8F8;
        padding-bottom: 10px;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 10px !important;
        padding-right: 10px
    }

    .module-table>.container .table-rows:first-child .visiblenow {
        display: block
    }

    .module-table>.container .table-rows:first-child .comparenavholder .gr-4:first-child strong {
        display: block;
        width: 100%;
        border-bottom: 1px solid #D6D6D6
    }

    .module-table>.container .table-rows:first-child .comparenavholder .gr-4:first-child strong:after {
        content: "";
        background: url(../img/smallarrow-right-blue.svg);
        height: 10px;
        width: 14px;
        background-repeat: no-repeat;
        display: block;
        transform: rotate(90deg);
        float: right;
        background-size: contain;
        margin-top: 7px
    }

    .module-table>.container .table-rows:first-child .first-c {
        display: none
    }

    .module-table>.container .table-rows:first-child .second-c {
        width: calc(50% - 10px)
    }

    .module-table>.container .table-rows:first-child .comparenavholder>.gr-4 {
        width: calc(100% - 10px) !important
    }

    .module-table>.container .table-rows:first-child .graycols {
        background: #fff;
        text-align: left
    }

    .module-table>.container .table-rows:first-child .comparetable {
        margin-right: 15px;
        width: calc(50% - 10px)
    }

    .module-table>.container .table-rows:first-child .comparetable .second-c {
        width: 100%
    }

    .blogheader-text {
        position: absolute;
        left: 10px;
        transform: none;
        top: 100px;
        width: calc(100vw - 20px);
        font-size: 22px
    }

    .blogheader-text h1 {
        font-size: 50px;
        line-height: 50px
    }

    .archive-header {
        padding-top: 17px;
        padding-bottom: 17px
    }

    .blog-container article {
        padding-left: 0px;
        padding-right: 0px
    }

    .preview-headline a {
        font-size: 22px
    }

    .blog-container article .entry-content {
        font-size: 17px
    }

    .cat-listing li {
        flex: 1 0 100%;
        font-size: 20px;
        line-height: 25px;
        padding: 0px 0;
        color: #000000
    }

    .category-modul {
        padding-top: 35px;
        padding-bottom: 55px
    }

    .stickyblock-inner-content .headline-2 {
        font-size: 45px;
        line-height: 1em
    }

    .stickyblock-inner-content {
        font-size: 17px
    }

    #authorlist li {
        flex: 1 0 100%;
        padding: 10px 0;
        text-align: center
    }

    .contributors .headline-1 {
        margin-top: 48px
    }

    .single-head-teaser h1 {
        font-size: 45px !important;
        line-height: 50px !important
    }

    .wp-caption img,
    .blogmodul-singleimage img {
        max-width: 100%;
        height: auto;
        width: 100%
    }

    .content-textonly iframe {
        width: 100%
    }

    body.single-post #mobile-sub-and-ancors {
        display: none !important
    }

    body.single-post .row-full {
        transform: none !important;
        margin-left: -20px !important
    }
}

@media screen and (max-width: 440px) {
    .big-feature-list.liststyle .info.flipped .square .square-inner-content {
        height: 0px;
        overflow: hidden
    }

    .big-feature-list.liststyle .info.flipped .square .info-copy {
        padding-top: 1em
    }

    .fullwidthteaser-content .txt-hl-l {
        font-size: 8vw;
        line-height: 9vw
    }

    .module-twocols {
        padding: 1.4117rem 0
    }

    .module-puretext {
        padding: 20px 0
    }

    .single-story h2 {
        font-weight: 600;
        font-size: 2rem;
        color: #222222;
        letter-spacing: 0;
        line-height: 1.1em;
        font-weight: 600;
        margin-top: 0.83em
    }

    .success-customer-details .inner .row {
        margin: 0
    }

    .modul-quote {
        padding: 40px 0
    }

    .ftr_card .text.bottom {
        margin-top: 20px
    }

    .modul-quote.modul-quote-layout-2 img {
        max-width: 60%
    }

    .module-twocols .gr-24 .gr-8 img {
        max-width: 150px;
        height: auto;
        display: block;
        margin: auto
    }

    #mobile-sub-and-ancors #currentpage {
        line-height: 1.2em;
        padding-top: 7px;
        padding-bottom: 7px;
        height: auto;
        display: table-cell;
        vertical-align: middle
    }

    .hasancor #mobile-sub-and-ancors #currentpage:after {
        height: 12px;
        margin-top: 5px
    }

    .ancor-mobile-down .ancorholder {
        width: 100vw !important;
        max-width: 100% !important
    }

    .ancorholder a {
        padding-left: 0px;
        padding-right: 0px
    }

    .filterholder button {
        padding: 8px 0 7px 0
    }

    #mobile-sub-and-ancors {
        height: auto;
        min-height: 50px;
        display: table
    }

    html,
    body {
        font-size: 13px !important
    }

    #otrs-storm-banner p,
    #otrs-control-banner p {
        line-height: 1em;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .module h1,
    .module h2,
    .single-otrs-feature h1,
    .txt-hl-l,
    .module.modul-textimage h2 {
        font-size: 11vw;
        line-height: 1em
    }

    .module.modul-textimage h2 {
        line-height: 1.1em
    }

    .big-feature-list .gridiconholder {
        display: none
    }

    .optional-copy-txt,
    .single-story-first {
        padding-top: 20px;
        padding-bottom: 40px
    }

    .page-template-template-page_storm.body-nav-up .fullbg-effect {
        background-position: 0 0
    }

    .modul-fancygrid .fl-inner h3 {
        font-size: 8vw;
        line-height: 1.1em
    }

    .modul-quote blockquote {
        font-size: 6vw
    }

    .modul-quote blockquote cite {
        font-size: 5vw
    }

    .wpcf7 {
        display: inline-block;
        padding: 20px 0px !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        box-shadow: none;
        width: calc(100vw - 10px)
    }

    form .nice-select.open .list {
        width: 100%
    }

    .page-template-template-page_storm .fullwidthteaser-heighten {
        padding-top: 15vh
    }

    .page-template-template-page_storm {
        overflow-x: hidden
    }

    .page-template-template-page_storm #storm-logo {
        background: #fff
    }

    .page-template-template-page_storm #storm-logo:before {
        height: 125px;
        background: #fff;
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
        -webkit-transform-origin: 3% 0;
        transform-origin: 3% 0;
        z-index: -1;
        max-width: 100vw;
        position: absolute;
        left: -2%;
        top: -100%
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    width: 100%;
    object-fit: cover
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    max-height: 500px
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dots {
    position: absolute;
    bottom: 50px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 4px solid #fff;
    border-radius: 10px;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    background: #fff
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #fff;
    opacity: .75
}

.seq {
    position: relative;
    width: 100%;
    height: 100vh;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: sans-serif
}

.seq .seq-pagination,
.seq .seq-screen,
.seq .seq-canvas,
.seq .seq-canvas>* {
    margin: 0;
    padding: 0;
    list-style: none
}

.seq .seq-preloader {
    background: #279FE5
}

.seq .seq-pagination {
    position: absolute;
    z-index: 10;
    bottom: 20px;
    width: 100%;
    border: none;
    text-align: center
}

.seq .seq-pagination a {
    display: block;
    width: 100%;
    height: 100%
}

.seq .seq-pagination li {
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.seq .seq-pagination .seq-current {
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.seq .seq-pagination>* {
    margin: 0 4px;
    padding: 0;
    display: inline-block;
    zoom: 1;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: none;
    border: white solid 2px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: background-color, border-radius;
    transition-property: background-color, border-radius;
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}

.seq .seq-pagination>*:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

.seq .seq-canvas li img.img-responsive {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: -1
}

.seq .seq-canvas {
    position: absolute;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    font-size: 0
}

.seq .seq-canvas>* {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: center;
    color: white;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.seq .seq-canvas>*:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.seq .seq-content {
    display: inline-block;
    vertical-align: middle;
    max-width: 720px;
    margin: 0 4%;
    font-size: 16px
}

.seq .seq-content.slide_layout_2 {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0px;
    text-align: left;
    width: calc(100% - 40px);
    top: 0px;
    left: 0px
}

.seq .seq-content.slide_layout_2 h2 {
    font-size: 5rem;
    letter-spacing: -0.5px;
    line-height: 4.705rem;
    margin-bottom: 1.5rem;
    font-weight: 600
}

.seq .seq-content.slide_layout_2 h3 {
    font-weight: 500;
    font-size: 1.764rem;
    line-height: 2.11764rem;
    letter-spacing: 0;
    margin-bottom: 48px;
    margin-top: 0px
}

.seq .seq-button {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color
}

.seq .seq-title,
.seq .seq-subtitle,
.seq .seq-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.seq .seq-title,
.seq .seq-subtitle {
    margin: 0 0 .5em 0;
    display: block;
    line-height: 1.4;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.seq .seq-title {
    font-size: 1.8em
}

.seq.seq-active {
    overflow: hidden
}

.seq.seq-active .seq-preloader,
.seq.seq-active .seq-pagination {
    visibility: visible
}

.seq.seq-active .seq-preloader.seq-preloaded {
    visibility: hidden
}

.seq.seq-active .seq-preloader .seq-preload-circle {
    fill: white
}

.seq.seq-active .seq-content {
    margin-top: -26px
}

.seq.seq-active .seq-button {
    -webkit-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0)
}

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: translateZ(0) scale(0);
        transform: translateZ(0) scale(0)
    }

    40% {
        -webkit-transform: translateZ(0) scale(1.15);
        transform: translateZ(0) scale(1.15)
    }

    60% {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }

    80% {
        -webkit-transform: translateZ(0) scale(1.05);
        transform: translateZ(0) scale(1.05)
    }

    100% {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

@keyframes jelly {
    0% {
        -webkit-transform: translateZ(0) scale(0);
        transform: translateZ(0) scale(0)
    }

    40% {
        -webkit-transform: translateZ(0) scale(1.15);
        transform: translateZ(0) scale(1.15)
    }

    60% {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }

    80% {
        -webkit-transform: translateZ(0) scale(1.05);
        transform: translateZ(0) scale(1.05)
    }

    100% {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

.seq.seq-active .seq-title,
.seq.seq-active .seq-subtitle {
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.seq.seq-active .seq-title {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.seq.seq-active h3 {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.seq .seq-in .seq-title,
.seq .seq-in .seq-subtitle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.seq .seq-in .seq-button {
    -webkit-animation-name: jelly;
    animation-name: jelly;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.seq .seq-out .seq-title,
.seq .seq-out .seq-subtitle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.seq .seq-out .seq-button {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0)
}

@media only screen and (min-width: 600px) {
    .seq {
        position: relative;
        height: auto;
        height: 100%;
        max-height: 90vh;
        min-height: 100vh
    }

    .seq:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%
    }

    .seq .seq-screen {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .seq .seq-content {
        margin-top: -19px
    }

    .seq .seq-pagination>* {
        width: 10px;
        height: 10px
    }
}

@media only screen and (min-width: 768px) {

    .seq .seq-title,
    .seq .seq-subtitle {
        font-size: 1.4em
    }

    .seq .seq-title {
        font-size: 2.6em
    }
}

.langswitch [data-value="es"],
.langswitch [data-value="hu"],
.langswitch [data-value="pt"] {
    display: none !important
}