/* TRANSFORM */
/* TRANSITION */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0.2; }
    100% {
        opacity: 1; } }

@-moz-keyframes fadeIn {
    0% {
        opacity: 0.2; }
    100% {
        opacity: 1; } }

@-o-keyframes fadeIn {
    0% {
        opacity: 0.2; }
    100% {
        opacity: 1; } }

@keyframes fadeIn {
    0% {
        opacity: 0.2; }
    100% {
        opacity: 1; } }

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0.2; } }

@-moz-keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0.2; } }

@-o-keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0.2; } }

@keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0.2; } }

@-webkit-keyframes heightIn {
    0% {
        height: 0%; }
    100% {
        height: 100%; } }

@-moz-keyframes heightIn {
    0% {
        height: 0%; }
    100% {
        height: 100%; } }

@-o-keyframes heightIn {
    0% {
        height: 0%; }
    100% {
        height: 100%; } }

@keyframes heightIn {
    0% {
        height: 0%; }
    100% {
        height: 100%; } }

@-webkit-keyframes heightOut {
    0% {
        height: 100%; }
    100% {
        height: 0%; } }

@-moz-keyframes heightOut {
    0% {
        height: 100%; }
    100% {
        height: 0%; } }

@-o-keyframes heightOut {
    0% {
        height: 100%; }
    100% {
        height: 0%; } }

@keyframes heightOut {
    0% {
        height: 100%; }
    100% {
        height: 0%; } }

@-webkit-keyframes zoomout {
    0% {
        transform: scale(1); }
    100% {
        transform: scale(1.02);
        opacity: 0.9; } }

@-moz-keyframes zoomout {
    0% {
        transform: scale(1); }
    100% {
        transform: scale(1.02);
        opacity: 0.9; } }

@-o-keyframes zoomout {
    0% {
        transform: scale(1); }
    100% {
        transform: scale(1.02);
        opacity: 0.9; } }

@keyframes zoomout {
    0% {
        transform: scale(1); }
    100% {
        transform: scale(1.02);
        opacity: 0.9; } }

@-webkit-keyframes zoomback {
    0% {
        transform: scale(1.02); }
    100% {
        transform: scale(1); } }

@-moz-keyframes zoomback {
    0% {
        transform: scale(1.02); }
    100% {
        transform: scale(1); } }

@-o-keyframes zoomback {
    0% {
        transform: scale(1.02); }
    100% {
        transform: scale(1); } }

@keyframes zoomback {
    0% {
        transform: scale(1.02); }
    100% {
        transform: scale(1); } }

@-webkit-keyframes teaserSlideUp {
    0% {
        margin-top: 0; }
    100% {
        margin-top: -180px; } }

@-moz-keyframes teaserSlideUp {
    0% {
        margin-top: 0; }
    100% {
        margin-top: -180px; } }

@-o-keyframes teaserSlideUp {
    0% {
        margin-top: 0; }
    100% {
        margin-top: -180px; } }

@keyframes teaserSlideUp {
    0% {
        margin-top: 0; }
    100% {
        margin-top: -180px; } }

@-webkit-keyframes teaserSlideDown {
    0% {
        margin-top: -180px; }
    100% {
        margin-top: 0; } }

@-moz-keyframes teaserSlideDown {
    0% {
        margin-top: -180px; }
    100% {
        margin-top: 0; } }

@-o-keyframes teaserSlideDown {
    0% {
        margin-top: -180px; }
    100% {
        margin-top: 0; } }

@keyframes teaserSlideDown {
    0% {
        margin-top: -180px; }
    100% {
        margin-top: 0; } }

@-webkit-keyframes footerSlideUp {
    0% {
        bottom: -200px; }
    100% {
        bottom: 0px; } }

@-moz-keyframes footerSlideUp {
    0% {
        bottom: -200px; }
    100% {
        bottom: 0px; } }

@-o-keyframes footerSlideUp {
    0% {
        bottom: -200px; }
    100% {
        bottom: 0px; } }

@keyframes footerSlideUp {
    0% {
        bottom: -200px; }
    100% {
        bottom: 0px; } }

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1); }
    50% {
        transform: scale3d(1.1, 1.1, 1.1); }
    to {
        transform: scale3d(1, 1, 1); } }

.container:after, #header .inside:after, #footer .inside:after {
    content: "";
    display: table;
    clear: both; }

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


.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-1on7, .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 {
    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: 10px;
    padding-left: 10px; }

.state-default .gr-1on5, .state-default .gr-1on7, .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 {
    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: 10px;
    padding-left: 10px; }

.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: 10px;
    padding-left: 10px; }

.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: 10px;
    padding-left: 10px; }

.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: 10px;
    padding-left: 10px; }

.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: 10px;
    padding-left: 10px; }

.push-1on5, .push-1on7, .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 {
    position: relative; }

.state-default .push-1on5, .state-default .push-1on7, .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 {
    position: relative; }

.pull-1on5, .pull-1on7, .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 {
    position: relative; }

.state-default .pull-1on5, .state-default .pull-1on7, .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 {
    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 (min-width: 1160px) {
    .gr-1on5\@desktop, .gr-1on7\@desktop, .gr-0\@desktop, .gr-1\@desktop, .gr-2\@desktop, .gr-3\@desktop, .gr-4\@desktop, .gr-5\@desktop, .gr-6\@desktop, .gr-7\@desktop, .gr-8\@desktop, .gr-9\@desktop, .gr-10\@desktop, .gr-11\@desktop, .gr-12\@desktop {
        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: 10px;
        padding-left: 10px; } }

.state-desktop .gr-1on5\@desktop, .state-desktop .gr-1on7\@desktop, .state-desktop .gr-0\@desktop, .state-desktop .gr-1\@desktop, .state-desktop .gr-2\@desktop, .state-desktop .gr-3\@desktop, .state-desktop .gr-4\@desktop, .state-desktop .gr-5\@desktop, .state-desktop .gr-6\@desktop, .state-desktop .gr-7\@desktop, .state-desktop .gr-8\@desktop, .state-desktop .gr-9\@desktop, .state-desktop .gr-10\@desktop, .state-desktop .gr-11\@desktop, .state-desktop .gr-12\@desktop {
    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: 10px;
    padding-left: 10px; }

@media screen and (min-width: 1160px) {
    .gr-adapt\@desktop {
        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: 10px;
        padding-left: 10px; } }

.state-desktop .gr-adapt\@desktop {
    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: 10px;
    padding-left: 10px; }

@media screen and (min-width: 1160px) {
    .gr-grow\@desktop {
        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: 10px;
        padding-left: 10px; } }

.state-desktop .gr-grow\@desktop {
    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: 10px;
    padding-left: 10px; }

@media screen and (min-width: 1160px) {
    .push-1on5\@desktop, .push-1on7\@desktop, .push-0\@desktop, .push-1\@desktop, .push-2\@desktop, .push-3\@desktop, .push-4\@desktop, .push-5\@desktop, .push-6\@desktop, .push-7\@desktop, .push-8\@desktop, .push-9\@desktop, .push-10\@desktop, .push-11\@desktop, .push-12\@desktop {
        position: relative; } }

.state-desktop .push-1on5\@desktop, .state-desktop .push-1on7\@desktop, .state-desktop .push-0\@desktop, .state-desktop .push-1\@desktop, .state-desktop .push-2\@desktop, .state-desktop .push-3\@desktop, .state-desktop .push-4\@desktop, .state-desktop .push-5\@desktop, .state-desktop .push-6\@desktop, .state-desktop .push-7\@desktop, .state-desktop .push-8\@desktop, .state-desktop .push-9\@desktop, .state-desktop .push-10\@desktop, .state-desktop .push-11\@desktop, .state-desktop .push-12\@desktop {
    position: relative; }

@media screen and (min-width: 1160px) {
    .pull-1on5\@desktop, .pull-1on7\@desktop, .pull-0\@desktop, .pull-1\@desktop, .pull-2\@desktop, .pull-3\@desktop, .pull-4\@desktop, .pull-5\@desktop, .pull-6\@desktop, .pull-7\@desktop, .pull-8\@desktop, .pull-9\@desktop, .pull-10\@desktop, .pull-11\@desktop, .pull-12\@desktop {
        position: relative; } }

.state-desktop .pull-1on5\@desktop, .state-desktop .pull-1on7\@desktop, .state-desktop .pull-0\@desktop, .state-desktop .pull-1\@desktop, .state-desktop .pull-2\@desktop, .state-desktop .pull-3\@desktop, .state-desktop .pull-4\@desktop, .state-desktop .pull-5\@desktop, .state-desktop .pull-6\@desktop, .state-desktop .pull-7\@desktop, .state-desktop .pull-8\@desktop, .state-desktop .pull-9\@desktop, .state-desktop .pull-10\@desktop, .state-desktop .pull-11\@desktop, .state-desktop .pull-12\@desktop {
    position: relative; }

@media screen and (min-width: 1160px) {
    .nowrap\@desktop {
        white-space: nowrap; }
    .nowrap\@desktop > * {
        white-space: normal; } }

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

@media screen and (min-width: 1160px) {
    .wrap\@desktop {
        white-space: normal; } }

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

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

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

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

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





@media screen and (max-width: 1159px) {
    .gr-1on5\@tablet, .gr-1on7\@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 {
        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: 10px;
        padding-left: 10px; } }

.state-tablet .gr-1on5\@tablet, .state-tablet .gr-1on7\@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 {
    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: 10px;
    padding-left: 10px; }

@media screen and (max-width: 1159px) {
    .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: 10px;
        padding-left: 10px; } }

.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: 10px;
    padding-left: 10px; }

@media screen and (max-width: 1159px) {
    .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: 10px;
        padding-left: 10px; } }

.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: 10px;
    padding-left: 10px; }

@media screen and (max-width: 1159px) {
    .push-1on5\@tablet, .push-1on7\@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 {
        position: relative; } }

.state-tablet .push-1on5\@tablet, .state-tablet .push-1on7\@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 {
    position: relative; }

@media screen and (max-width: 1159px) {
    .pull-1on5\@tablet, .pull-1on7\@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 {
        position: relative; } }

.state-tablet .pull-1on5\@tablet, .state-tablet .pull-1on7\@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 {
    position: relative; }

@media screen and (max-width: 1159px) {
    .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 (max-width: 1159px) {
    .wrap\@tablet {
        white-space: normal; } }

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

@media screen and (max-width: 1159px) {
    .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 screen and (max-width: 960px) {
    .container\@tabletPortrait:after {
        content: "";
        display: table;
        clear: both; } }

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

@media screen and (max-width: 960px) {
    .row\@tabletPortrait:before, .row-reverse\@tabletPortrait:before, .row\@tabletPortrait:after, .row-reverse\@tabletPortrait:after {
        content: "";
        display: table; }
    .row\@tabletPortrait:after, .row-reverse\@tabletPortrait:after {
        clear: both; }
    .row\@tabletPortrait, .row-reverse\@tabletPortrait {
        zoom: 1; } }

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

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

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

@media screen and (max-width: 960px) {
    .gr-1on5\@tabletPortrait, .gr-1on7\@tabletPortrait, .gr-0\@tabletPortrait, .gr-1\@tabletPortrait, .gr-2\@tabletPortrait, .gr-3\@tabletPortrait, .gr-4\@tabletPortrait, .gr-5\@tabletPortrait, .gr-6\@tabletPortrait, .gr-7\@tabletPortrait, .gr-8\@tabletPortrait, .gr-9\@tabletPortrait, .gr-10\@tabletPortrait, .gr-11\@tabletPortrait, .gr-12\@tabletPortrait {
        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: 10px;
        padding-left: 10px; } }

.state-tabletPortrait .gr-1on5\@tabletPortrait, .state-tabletPortrait .gr-1on7\@tabletPortrait, .state-tabletPortrait .gr-0\@tabletPortrait, .state-tabletPortrait .gr-1\@tabletPortrait, .state-tabletPortrait .gr-2\@tabletPortrait, .state-tabletPortrait .gr-3\@tabletPortrait, .state-tabletPortrait .gr-4\@tabletPortrait, .state-tabletPortrait .gr-5\@tabletPortrait, .state-tabletPortrait .gr-6\@tabletPortrait, .state-tabletPortrait .gr-7\@tabletPortrait, .state-tabletPortrait .gr-8\@tabletPortrait, .state-tabletPortrait .gr-9\@tabletPortrait, .state-tabletPortrait .gr-10\@tabletPortrait, .state-tabletPortrait .gr-11\@tabletPortrait, .state-tabletPortrait .gr-12\@tabletPortrait {
    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: 10px;
    padding-left: 10px; }

@media screen and (max-width: 960px) {
    .gr-adapt\@tabletPortrait {
        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: 10px;
        padding-left: 10px; } }

.state-tabletPortrait .gr-adapt\@tabletPortrait {
    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: 10px;
    padding-left: 10px; }

@media screen and (max-width: 960px) {
    .gr-grow\@tabletPortrait {
        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: 10px;
        padding-left: 10px; } }

.state-tabletPortrait .gr-grow\@tabletPortrait {
    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: 10px;
    padding-left: 10px; }

@media screen and (max-width: 960px) {
    .push-1on5\@tabletPortrait, .push-1on7\@tabletPortrait, .push-0\@tabletPortrait, .push-1\@tabletPortrait, .push-2\@tabletPortrait, .push-3\@tabletPortrait, .push-4\@tabletPortrait, .push-5\@tabletPortrait, .push-6\@tabletPortrait, .push-7\@tabletPortrait, .push-8\@tabletPortrait, .push-9\@tabletPortrait, .push-10\@tabletPortrait, .push-11\@tabletPortrait, .push-12\@tabletPortrait {
        position: relative; } }

.state-tabletPortrait .push-1on5\@tabletPortrait, .state-tabletPortrait .push-1on7\@tabletPortrait, .state-tabletPortrait .push-0\@tabletPortrait, .state-tabletPortrait .push-1\@tabletPortrait, .state-tabletPortrait .push-2\@tabletPortrait, .state-tabletPortrait .push-3\@tabletPortrait, .state-tabletPortrait .push-4\@tabletPortrait, .state-tabletPortrait .push-5\@tabletPortrait, .state-tabletPortrait .push-6\@tabletPortrait, .state-tabletPortrait .push-7\@tabletPortrait, .state-tabletPortrait .push-8\@tabletPortrait, .state-tabletPortrait .push-9\@tabletPortrait, .state-tabletPortrait .push-10\@tabletPortrait, .state-tabletPortrait .push-11\@tabletPortrait, .state-tabletPortrait .push-12\@tabletPortrait {
    position: relative; }

@media screen and (max-width: 960px) {
    .pull-1on5\@tabletPortrait, .pull-1on7\@tabletPortrait, .pull-0\@tabletPortrait, .pull-1\@tabletPortrait, .pull-2\@tabletPortrait, .pull-3\@tabletPortrait, .pull-4\@tabletPortrait, .pull-5\@tabletPortrait, .pull-6\@tabletPortrait, .pull-7\@tabletPortrait, .pull-8\@tabletPortrait, .pull-9\@tabletPortrait, .pull-10\@tabletPortrait, .pull-11\@tabletPortrait, .pull-12\@tabletPortrait {
        position: relative; } }

.state-tabletPortrait .pull-1on5\@tabletPortrait, .state-tabletPortrait .pull-1on7\@tabletPortrait, .state-tabletPortrait .pull-0\@tabletPortrait, .state-tabletPortrait .pull-1\@tabletPortrait, .state-tabletPortrait .pull-2\@tabletPortrait, .state-tabletPortrait .pull-3\@tabletPortrait, .state-tabletPortrait .pull-4\@tabletPortrait, .state-tabletPortrait .pull-5\@tabletPortrait, .state-tabletPortrait .pull-6\@tabletPortrait, .state-tabletPortrait .pull-7\@tabletPortrait, .state-tabletPortrait .pull-8\@tabletPortrait, .state-tabletPortrait .pull-9\@tabletPortrait, .state-tabletPortrait .pull-10\@tabletPortrait, .state-tabletPortrait .pull-11\@tabletPortrait, .state-tabletPortrait .pull-12\@tabletPortrait {
    position: relative; }

@media screen and (max-width: 960px) {
    .nowrap\@tabletPortrait {
        white-space: nowrap; }
    .nowrap\@tabletPortrait > * {
        white-space: normal; } }

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

@media screen and (max-width: 960px) {
    .wrap\@tabletPortrait {
        white-space: normal; } }

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

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

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

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

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

@media screen and (max-width: 600px) {
    .row\@handheld:before, .row-reverse\@handheld:before, .row\@handheld:after, .row-reverse\@handheld:after {
        content: "";
        display: table; }
    .row\@handheld:after, .row-reverse\@handheld:after {
        clear: both; }
    .row\@handheld, .row-reverse\@handheld {
        zoom: 1; } }

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

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

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

@media screen and (max-width: 600px) {
    .gr-1on5\@handheld, .gr-1on7\@handheld, .gr-0\@handheld, .gr-1\@handheld, .gr-2\@handheld, .gr-3\@handheld, .gr-4\@handheld {
        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: 10px;
        padding-left: 10px; } }

.state-handheld .gr-1on5\@handheld, .state-handheld .gr-1on7\@handheld, .state-handheld .gr-0\@handheld, .state-handheld .gr-1\@handheld, .state-handheld .gr-2\@handheld, .state-handheld .gr-3\@handheld, .state-handheld .gr-4\@handheld {
    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: 10px;
    padding-left: 10px; }

@media screen and (max-width: 600px) {
    .gr-adapt\@handheld {
        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: 10px;
        padding-left: 10px; } }

.state-handheld .gr-adapt\@handheld {
    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: 10px;
    padding-left: 10px; }

@media screen and (max-width: 600px) {
    .gr-grow\@handheld {
        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: 10px;
        padding-left: 10px; } }

.state-handheld .gr-grow\@handheld {
    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: 10px;
    padding-left: 10px; }

@media screen and (max-width: 600px) {
    .push-1on5\@handheld, .push-1on7\@handheld, .push-0\@handheld, .push-1\@handheld, .push-2\@handheld, .push-3\@handheld, .push-4\@handheld {
        position: relative; } }

.state-handheld .push-1on5\@handheld, .state-handheld .push-1on7\@handheld, .state-handheld .push-0\@handheld, .state-handheld .push-1\@handheld, .state-handheld .push-2\@handheld, .state-handheld .push-3\@handheld, .state-handheld .push-4\@handheld {
    position: relative; }

@media screen and (max-width: 600px) {
    .pull-1on5\@handheld, .pull-1on7\@handheld, .pull-0\@handheld, .pull-1\@handheld, .pull-2\@handheld, .pull-3\@handheld, .pull-4\@handheld {
        position: relative; } }

.state-handheld .pull-1on5\@handheld, .state-handheld .pull-1on7\@handheld, .state-handheld .pull-0\@handheld, .state-handheld .pull-1\@handheld, .state-handheld .pull-2\@handheld, .state-handheld .pull-3\@handheld, .state-handheld .pull-4\@handheld {
    position: relative; }

@media screen and (max-width: 600px) {
    .nowrap\@handheld {
        white-space: nowrap; }
    .nowrap\@handheld > * {
        white-space: normal; } }

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

@media screen and (max-width: 600px) {
    .wrap\@handheld {
        white-space: normal; } }

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

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

.state-handheld .gr-centered\@handheld {
    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.44", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "desktop":{ "name" : "desktop", "min-width" : "1160px", "max-width" : null, "query" : "screen and (min-width: 1160px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : null, "max-width" : "1159px", "query" : "screen and (max-width: 1159px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "tabletPortrait":{ "name" : "tabletPortrait", "min-width" : null, "max-width" : "960px", "query" : "screen and (max-width: 960px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "handheld":{ "name" : "handheld", "min-width" : null, "max-width" : "600px", "query" : "screen and (max-width: 600px)", "classes" : true, "context" : "4", "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%; }

.state-default .pull-1on5 {
    right: 20%; }

.state-default .prefix-1on5 {
    margin-left: 20%; }

.state-default .suffix-1on5 {
    margin-right: 20%; }

.state-default .gr-1on7 {
    width: 14.2857142857%; }

.state-default .push-1on7 {
    left: 14.2857142857%; }

.state-default .pull-1on7 {
    right: 14.2857142857%; }

.state-default .prefix-1on7 {
    margin-left: 14.2857142857%; }

.state-default .suffix-1on7 {
    margin-right: 14.2857142857%; }

.state-default .gr-0 {
    width: 0%; }

.state-default .push-0 {
    left: 0%; }

.state-default .pull-0 {
    right: 0%; }

.state-default .prefix-0 {
    margin-left: 0%; }

.state-default .suffix-0 {
    margin-right: 0%; }

.state-default .gr-1 {
    width: 8.3333333333%; }

.state-default .push-1 {
    left: 8.3333333333%; }

.state-default .pull-1 {
    right: 8.3333333333%; }

.state-default .prefix-1 {
    margin-left: 8.3333333333%; }

.state-default .suffix-1 {
    margin-right: 8.3333333333%; }

.state-default .gr-2 {
    width: 16.6666666667%; }

.state-default .push-2 {
    left: 16.6666666667%; }

.state-default .pull-2 {
    right: 16.6666666667%; }

.state-default .prefix-2 {
    margin-left: 16.6666666667%; }

.state-default .suffix-2 {
    margin-right: 16.6666666667%; }

.state-default .gr-3 {
    width: 25%; }

.state-default .push-3 {
    left: 25%; }

.state-default .pull-3 {
    right: 25%; }

.state-default .prefix-3 {
    margin-left: 25%; }

.state-default .suffix-3 {
    margin-right: 25%; }

.state-default .gr-4 {
    width: 33.3333333333%; }

.state-default .push-4 {
    left: 33.3333333333%; }

.state-default .pull-4 {
    right: 33.3333333333%; }

.state-default .prefix-4 {
    margin-left: 33.3333333333%; }

.state-default .suffix-4 {
    margin-right: 33.3333333333%; }

.state-default .gr-5 {
    width: 41.6666666667%; }

.state-default .push-5 {
    left: 41.6666666667%; }

.state-default .pull-5 {
    right: 41.6666666667%; }

.state-default .prefix-5 {
    margin-left: 41.6666666667%; }

.state-default .suffix-5 {
    margin-right: 41.6666666667%; }

.state-default .gr-6 {
    width: 50%; }

.state-default .push-6 {
    left: 50%; }

.state-default .pull-6 {
    right: 50%; }

.state-default .prefix-6 {
    margin-left: 50%; }

.state-default .suffix-6 {
    margin-right: 50%; }

.state-default .gr-7 {
    width: 58.3333333333%; }

.state-default .push-7 {
    left: 58.3333333333%; }

.state-default .pull-7 {
    right: 58.3333333333%; }

.state-default .prefix-7 {
    margin-left: 58.3333333333%; }

.state-default .suffix-7 {
    margin-right: 58.3333333333%; }

.state-default .gr-8 {
    width: 66.6666666667%; }

.state-default .push-8 {
    left: 66.6666666667%; }

.state-default .pull-8 {
    right: 66.6666666667%; }

.state-default .prefix-8 {
    margin-left: 66.6666666667%; }

.state-default .suffix-8 {
    margin-right: 66.6666666667%; }

.state-default .gr-9 {
    width: 75%; }

.state-default .push-9 {
    left: 75%; }

.state-default .pull-9 {
    right: 75%; }

.state-default .prefix-9 {
    margin-left: 75%; }

.state-default .suffix-9 {
    margin-right: 75%; }

.state-default .gr-10 {
    width: 83.3333333333%; }

.state-default .push-10 {
    left: 83.3333333333%; }

.state-default .pull-10 {
    right: 83.3333333333%; }

.state-default .prefix-10 {
    margin-left: 83.3333333333%; }

.state-default .suffix-10 {
    margin-right: 83.3333333333%; }

.state-default .gr-11 {
    width: 91.6666666667%; }

.state-default .push-11 {
    left: 91.6666666667%; }

.state-default .pull-11 {
    right: 91.6666666667%; }

.state-default .prefix-11 {
    margin-left: 91.6666666667%; }

.state-default .suffix-11 {
    margin-right: 91.6666666667%; }

.state-default .gr-12 {
    width: 100%; }

.state-default .push-12 {
    left: 100%; }

.state-default .pull-12 {
    right: 100%; }

.state-default .prefix-12 {
    margin-left: 100%; }

.state-default .suffix-12 {
    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 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important; }

.state-default .no-gutter-left {
    padding-left: 0 !important; }

.state-default .no-gutter-right {
    padding-right: 0 !important; }

.state-default .no-gutter-top {
    padding-top: 0 !important; }

.state-default .no-gutter-bottom {
    padding-bottom: 0 !important; }

.state-default .gutter {
    padding-right: 10px;
    padding-left: 10px; }

.state-default .gutter-left {
    padding-left: 10px; }

.state-default .gutter-right {
    padding-right: 10px; }

.state-default .auto-height {
    height: inherit; }

.state-default .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
[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: -10px;
    margin-right: -10px; }
[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: -10px;
    margin-right: -10px; }

.state-default .col-reverse {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }

.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: both; }

.state-default .clear-each-3 > [class*="gr-"]:nth-of-type(3n+1) {
    clear: both; }

.state-default .clear-each-4 > [class*="gr-"]:nth-of-type(4n+1) {
    clear: both; }

.state-default .clear-each-5 > [class*="gr-"]:nth-of-type(5n+1) {
    clear: both; }

.state-default .clear-each-6 > [class*="gr-"]:nth-of-type(6n+1) {
    clear: both; }

.state-default .clear-each-7 > [class*="gr-"]:nth-of-type(7n+1) {
    clear: both; }

.state-default .clear-each-8 > [class*="gr-"]:nth-of-type(8n+1) {
    clear: both; }

.state-default .clear-each-9 > [class*="gr-"]:nth-of-type(9n+1) {
    clear: both; }

.state-default .clear-each-10 > [class*="gr-"]:nth-of-type(10n+1) {
    clear: both; }

.state-default .clear-each-11 > [class*="gr-"]:nth-of-type(11n+1) {
    clear: both; }

.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: 16.6666666667% 100%;
    z-index: 99999; }

.state-default body {
    direction: ltr; }

.gr-1on5 {
    width: 20%; }

.push-1on5 {
    left: 20%; }

.pull-1on5 {
    right: 20%; }

.prefix-1on5 {
    margin-left: 20%; }

.suffix-1on5 {
    margin-right: 20%; }

.gr-1on7 {
    width: 14.2857142857%; }

.push-1on7 {
    left: 14.2857142857%; }

.pull-1on7 {
    right: 14.2857142857%; }

.prefix-1on7 {
    margin-left: 14.2857142857%; }

.suffix-1on7 {
    margin-right: 14.2857142857%; }

.gr-0 {
    width: 0%; }

.push-0 {
    left: 0%; }

.pull-0 {
    right: 0%; }

.prefix-0 {
    margin-left: 0%; }

.suffix-0 {
    margin-right: 0%; }

.gr-1 {
    width: 8.3333333333%; }

.push-1 {
    left: 8.3333333333%; }

.pull-1 {
    right: 8.3333333333%; }

.prefix-1 {
    margin-left: 8.3333333333%; }

.suffix-1 {
    margin-right: 8.3333333333%; }

.gr-2 {
    width: 16.6666666667%; }

.push-2 {
    left: 16.6666666667%; }

.pull-2 {
    right: 16.6666666667%; }

.prefix-2 {
    margin-left: 16.6666666667%; }

.suffix-2 {
    margin-right: 16.6666666667%; }

.gr-3 {
    width: 25%; }

.push-3 {
    left: 25%; }

.pull-3 {
    right: 25%; }

.prefix-3 {
    margin-left: 25%; }

.suffix-3 {
    margin-right: 25%; }

.gr-4 {
    width: 33.3333333333%; }

.push-4 {
    left: 33.3333333333%; }

.pull-4 {
    right: 33.3333333333%; }

.prefix-4 {
    margin-left: 33.3333333333%; }

.suffix-4 {
    margin-right: 33.3333333333%; }

.gr-5 {
    width: 41.6666666667%; }

.push-5 {
    left: 41.6666666667%; }

.pull-5 {
    right: 41.6666666667%; }

.prefix-5 {
    margin-left: 41.6666666667%; }

.suffix-5 {
    margin-right: 41.6666666667%; }

.gr-6 {
    width: 50%; }

.push-6 {
    left: 50%; }

.pull-6 {
    right: 50%; }

.prefix-6 {
    margin-left: 50%; }

.suffix-6 {
    margin-right: 50%; }

.gr-7 {
    width: 58.3333333333%; }

.push-7 {
    left: 58.3333333333%; }

.pull-7 {
    right: 58.3333333333%; }

.prefix-7 {
    margin-left: 58.3333333333%; }

.suffix-7 {
    margin-right: 58.3333333333%; }

.gr-8 {
    width: 66.6666666667%; }

.push-8 {
    left: 66.6666666667%; }

.pull-8 {
    right: 66.6666666667%; }

.prefix-8 {
    margin-left: 66.6666666667%; }

.suffix-8 {
    margin-right: 66.6666666667%; }

.gr-9 {
    width: 75%; }

.push-9 {
    left: 75%; }

.pull-9 {
    right: 75%; }

.prefix-9 {
    margin-left: 75%; }

.suffix-9 {
    margin-right: 75%; }

.gr-10 {
    width: 83.3333333333%; }

.push-10 {
    left: 83.3333333333%; }

.pull-10 {
    right: 83.3333333333%; }

.prefix-10 {
    margin-left: 83.3333333333%; }

.suffix-10 {
    margin-right: 83.3333333333%; }

.gr-11 {
    width: 91.6666666667%; }

.push-11 {
    left: 91.6666666667%; }

.pull-11 {
    right: 91.6666666667%; }

.prefix-11 {
    margin-left: 91.6666666667%; }

.suffix-11 {
    margin-right: 91.6666666667%; }

.gr-12 {
    width: 100%; }

.push-12 {
    left: 100%; }

.pull-12 {
    right: 100%; }

.prefix-12 {
    margin-left: 100%; }

.suffix-12 {
    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 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important; }

.no-gutter-left {
    padding-left: 0 !important; }

.no-gutter-right {
    padding-right: 0 !important; }

.no-gutter-top {
    padding-top: 0 !important; }

.no-gutter-bottom {
    padding-bottom: 0 !important; }

.gutter {
    padding-right: 10px;
    padding-left: 10px; }

.gutter-left {
    padding-left: 10px; }

.gutter-right {
    padding-right: 10px; }

.auto-height {
    height: inherit; }

[class*="no-gutter"] > .row {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.row-reverse {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
[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: -10px;
    margin-right: -10px; }

.col-reverse {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }

.gr-table {
    display: table-cell;
    float: none;
    vertical-align: top; }


@-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: both; }

.clear-each-3 > [class*="gr-"]:nth-of-type(3n+1) {
    clear: both; }

.clear-each-4 > [class*="gr-"]:nth-of-type(4n+1) {
    clear: both; }

.clear-each-5 > [class*="gr-"]:nth-of-type(5n+1) {
    clear: both; }

.clear-each-6 > [class*="gr-"]:nth-of-type(6n+1) {
    clear: both; }

.clear-each-7 > [class*="gr-"]:nth-of-type(7n+1) {
    clear: both; }

.clear-each-8 > [class*="gr-"]:nth-of-type(8n+1) {
    clear: both; }

.clear-each-9 > [class*="gr-"]:nth-of-type(9n+1) {
    clear: both; }

.clear-each-10 > [class*="gr-"]:nth-of-type(10n+1) {
    clear: both; }

.clear-each-11 > [class*="gr-"]:nth-of-type(11n+1) {
    clear: both; }

.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: 16.6666666667% 100%;
    z-index: 99999; }

body {
    direction: ltr; }

.state-desktop .gr-1on5\@desktop {
    width: 20%; }

.state-desktop .push-1on5\@desktop {
    left: 20%; }

.state-desktop .pull-1on5\@desktop {
    right: 20%; }

.state-desktop .prefix-1on5\@desktop {
    margin-left: 20%; }

.state-desktop .suffix-1on5\@desktop {
    margin-right: 20%; }

.state-desktop .gr-1on7\@desktop {
    width: 14.2857142857%; }

.state-desktop .push-1on7\@desktop {
    left: 14.2857142857%; }

.state-desktop .pull-1on7\@desktop {
    right: 14.2857142857%; }

.state-desktop .prefix-1on7\@desktop {
    margin-left: 14.2857142857%; }

.state-desktop .suffix-1on7\@desktop {
    margin-right: 14.2857142857%; }

.state-desktop .gr-0\@desktop {
    width: 0%; }

.state-desktop .push-0\@desktop {
    left: 0%; }

.state-desktop .pull-0\@desktop {
    right: 0%; }

.state-desktop .prefix-0\@desktop {
    margin-left: 0%; }

.state-desktop .suffix-0\@desktop {
    margin-right: 0%; }

.state-desktop .gr-1\@desktop {
    width: 8.3333333333%; }

.state-desktop .push-1\@desktop {
    left: 8.3333333333%; }

.state-desktop .pull-1\@desktop {
    right: 8.3333333333%; }

.state-desktop .prefix-1\@desktop {
    margin-left: 8.3333333333%; }

.state-desktop .suffix-1\@desktop {
    margin-right: 8.3333333333%; }

.state-desktop .gr-2\@desktop {
    width: 16.6666666667%; }

.state-desktop .push-2\@desktop {
    left: 16.6666666667%; }

.state-desktop .pull-2\@desktop {
    right: 16.6666666667%; }

.state-desktop .prefix-2\@desktop {
    margin-left: 16.6666666667%; }

.state-desktop .suffix-2\@desktop {
    margin-right: 16.6666666667%; }

.state-desktop .gr-3\@desktop {
    width: 25%; }

.state-desktop .push-3\@desktop {
    left: 25%; }

.state-desktop .pull-3\@desktop {
    right: 25%; }

.state-desktop .prefix-3\@desktop {
    margin-left: 25%; }

.state-desktop .suffix-3\@desktop {
    margin-right: 25%; }

.state-desktop .gr-4\@desktop {
    width: 33.3333333333%; }

.state-desktop .push-4\@desktop {
    left: 33.3333333333%; }

.state-desktop .pull-4\@desktop {
    right: 33.3333333333%; }

.state-desktop .prefix-4\@desktop {
    margin-left: 33.3333333333%; }

.state-desktop .suffix-4\@desktop {
    margin-right: 33.3333333333%; }

.state-desktop .gr-5\@desktop {
    width: 41.6666666667%; }

.state-desktop .push-5\@desktop {
    left: 41.6666666667%; }

.state-desktop .pull-5\@desktop {
    right: 41.6666666667%; }

.state-desktop .prefix-5\@desktop {
    margin-left: 41.6666666667%; }

.state-desktop .suffix-5\@desktop {
    margin-right: 41.6666666667%; }

.state-desktop .gr-6\@desktop {
    width: 50%; }

.state-desktop .push-6\@desktop {
    left: 50%; }

.state-desktop .pull-6\@desktop {
    right: 50%; }

.state-desktop .prefix-6\@desktop {
    margin-left: 50%; }

.state-desktop .suffix-6\@desktop {
    margin-right: 50%; }

.state-desktop .gr-7\@desktop {
    width: 58.3333333333%; }

.state-desktop .push-7\@desktop {
    left: 58.3333333333%; }

.state-desktop .pull-7\@desktop {
    right: 58.3333333333%; }

.state-desktop .prefix-7\@desktop {
    margin-left: 58.3333333333%; }

.state-desktop .suffix-7\@desktop {
    margin-right: 58.3333333333%; }

.state-desktop .gr-8\@desktop {
    width: 66.6666666667%; }

.state-desktop .push-8\@desktop {
    left: 66.6666666667%; }

.state-desktop .pull-8\@desktop {
    right: 66.6666666667%; }

.state-desktop .prefix-8\@desktop {
    margin-left: 66.6666666667%; }

.state-desktop .suffix-8\@desktop {
    margin-right: 66.6666666667%; }

.state-desktop .gr-9\@desktop {
    width: 75%; }

.state-desktop .push-9\@desktop {
    left: 75%; }

.state-desktop .pull-9\@desktop {
    right: 75%; }

.state-desktop .prefix-9\@desktop {
    margin-left: 75%; }

.state-desktop .suffix-9\@desktop {
    margin-right: 75%; }

.state-desktop .gr-10\@desktop {
    width: 83.3333333333%; }

.state-desktop .push-10\@desktop {
    left: 83.3333333333%; }

.state-desktop .pull-10\@desktop {
    right: 83.3333333333%; }

.state-desktop .prefix-10\@desktop {
    margin-left: 83.3333333333%; }

.state-desktop .suffix-10\@desktop {
    margin-right: 83.3333333333%; }

.state-desktop .gr-11\@desktop {
    width: 91.6666666667%; }

.state-desktop .push-11\@desktop {
    left: 91.6666666667%; }

.state-desktop .pull-11\@desktop {
    right: 91.6666666667%; }

.state-desktop .prefix-11\@desktop {
    margin-left: 91.6666666667%; }

.state-desktop .suffix-11\@desktop {
    margin-right: 91.6666666667%; }

.state-desktop .gr-12\@desktop {
    width: 100%; }

.state-desktop .push-12\@desktop {
    left: 100%; }

.state-desktop .pull-12\@desktop {
    right: 100%; }

.state-desktop .prefix-12\@desktop {
    margin-left: 100%; }

.state-desktop .suffix-12\@desktop {
    margin-right: 100%; }

.state-desktop .float-left\@desktop {
    float: left; }

.state-desktop .float-right\@desktop {
    float: right; }

.state-desktop .clear\@desktop {
    clear: both; }

.state-desktop .clear-left\@desktop {
    clear: left; }

.state-desktop .clear-right\@desktop {
    clear: right; }

.state-desktop .no-gutter\@desktop {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important; }

.state-desktop .no-gutter-left\@desktop {
    padding-left: 0 !important; }

.state-desktop .no-gutter-right\@desktop {
    padding-right: 0 !important; }

.state-desktop .no-gutter-top\@desktop {
    padding-top: 0 !important; }

.state-desktop .no-gutter-bottom\@desktop {
    padding-bottom: 0 !important; }

.state-desktop .gutter\@desktop {
    padding-right: 10px;
    padding-left: 10px; }

.state-desktop .gutter-left\@desktop {
    padding-left: 10px; }

.state-desktop .gutter-right\@desktop {
    padding-right: 10px; }

.state-desktop .auto-height\@desktop {
    height: inherit; }

.state-desktop .row\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
[class*="no-gutter"] > .state-desktop .row\@desktop {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.state-desktop .row-reverse\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
[class*="no-gutter"] > .state-desktop .row-reverse\@desktop {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.state-desktop .row-full\@desktop {
    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-desktop .col\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }

.state-desktop .col-reverse\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }

.state-desktop .gr-table\@desktop {
    display: table-cell;
    float: none;
    vertical-align: top; }

.state-desktop .row-align-left\@desktop {
    font-size: 0;
    clear: both;
    text-align: left; }
.state-desktop .row-align-left\@desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-desktop .row-align-left\@desktop > * {
        margin-right: -0.5px; } }

.state-desktop .row-align-center\@desktop {
    font-size: 0;
    clear: both;
    text-align: center; }
.state-desktop .row-align-center\@desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-desktop .row-align-center\@desktop > * {
        margin-right: -0.5px; } }
.state-desktop .row-align-center\@desktop > * {
    text-align: left; }

.state-desktop .row-align-right\@desktop {
    font-size: 0;
    clear: both;
    text-align: right; }
.state-desktop .row-align-right\@desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-desktop .row-align-right\@desktop > * {
        margin-right: -0.5px; } }
.state-desktop .row-align-right\@desktop > * {
    text-align: left; }

.state-desktop .row-align-middle\@desktop {
    font-size: 0;
    clear: both;
    vertical-align: middle; }
.state-desktop .row-align-middle\@desktop > * {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-desktop .row-align-middle\@desktop > * {
        margin-right: -0.5px; } }

.state-desktop .row-align-top\@desktop {
    font-size: 0;
    clear: both;
    vertical-align: top; }
.state-desktop .row-align-top\@desktop > * {
    float: none !important;
    vertical-align: top;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-desktop .row-align-top\@desktop > * {
        margin-right: -0.5px; } }

.state-desktop .row-align-bottom\@desktop {
    font-size: 0;
    clear: both;
    vertical-align: bottom; }
.state-desktop .row-align-bottom\@desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-desktop .row-align-bottom\@desktop > * {
        margin-right: -0.5px; } }

.state-desktop .hide\@desktop {
    display: none; }

.state-desktop .not-visible\@desktop {
    visibility: hidden; }

.state-desktop .show\@desktop {
    display: block; }

.state-desktop .show-inline\@desktop {
    display: inline-block; }

.state-desktop .visible\@desktop {
    visibility: visible; }

.state-desktop .clear-each-2\@desktop > [class*="gr-"]:nth-of-type(2n+1) {
    clear: both; }

.state-desktop .clear-each-3\@desktop > [class*="gr-"]:nth-of-type(3n+1) {
    clear: both; }

.state-desktop .clear-each-4\@desktop > [class*="gr-"]:nth-of-type(4n+1) {
    clear: both; }

.state-desktop .clear-each-5\@desktop > [class*="gr-"]:nth-of-type(5n+1) {
    clear: both; }

.state-desktop .clear-each-6\@desktop > [class*="gr-"]:nth-of-type(6n+1) {
    clear: both; }

.state-desktop .clear-each-7\@desktop > [class*="gr-"]:nth-of-type(7n+1) {
    clear: both; }

.state-desktop .clear-each-8\@desktop > [class*="gr-"]:nth-of-type(8n+1) {
    clear: both; }

.state-desktop .clear-each-9\@desktop > [class*="gr-"]:nth-of-type(9n+1) {
    clear: both; }

.state-desktop .clear-each-10\@desktop > [class*="gr-"]:nth-of-type(10n+1) {
    clear: both; }

.state-desktop .clear-each-11\@desktop > [class*="gr-"]:nth-of-type(11n+1) {
    clear: both; }

.state-desktop .clear-each-12\@desktop > [class*="gr-"]:nth-of-type(12n+1) {
    clear: both; }

.state-desktop .row-debug\@desktop {
    position: relative;
    z-index: 99999;
    overflow: hidden; }
.state-desktop .row-debug\@desktop: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: 16.6666666667% 100%;
    z-index: 99999; }

.state-desktop body {
    direction: ltr; }

@media screen and (min-width: 1160px) {
    .gr-1on5\@desktop {
        width: 20%; }
    .push-1on5\@desktop {
        left: 20%; }
    .pull-1on5\@desktop {
        right: 20%; }
    .prefix-1on5\@desktop {
        margin-left: 20%; }
    .suffix-1on5\@desktop {
        margin-right: 20%; }
    .gr-1on7\@desktop {
        width: 14.2857142857%; }
    .push-1on7\@desktop {
        left: 14.2857142857%; }
    .pull-1on7\@desktop {
        right: 14.2857142857%; }
    .prefix-1on7\@desktop {
        margin-left: 14.2857142857%; }
    .suffix-1on7\@desktop {
        margin-right: 14.2857142857%; }
    .gr-0\@desktop {
        width: 0%; }
    .push-0\@desktop {
        left: 0%; }
    .pull-0\@desktop {
        right: 0%; }
    .prefix-0\@desktop {
        margin-left: 0%; }
    .suffix-0\@desktop {
        margin-right: 0%; }
    .gr-1\@desktop {
        width: 8.3333333333%; }
    .push-1\@desktop {
        left: 8.3333333333%; }
    .pull-1\@desktop {
        right: 8.3333333333%; }
    .prefix-1\@desktop {
        margin-left: 8.3333333333%; }
    .suffix-1\@desktop {
        margin-right: 8.3333333333%; }
    .gr-2\@desktop {
        width: 16.6666666667%; }
    .push-2\@desktop {
        left: 16.6666666667%; }
    .pull-2\@desktop {
        right: 16.6666666667%; }
    .prefix-2\@desktop {
        margin-left: 16.6666666667%; }
    .suffix-2\@desktop {
        margin-right: 16.6666666667%; }
    .gr-3\@desktop {
        width: 25%; }
    .push-3\@desktop {
        left: 25%; }
    .pull-3\@desktop {
        right: 25%; }
    .prefix-3\@desktop {
        margin-left: 25%; }
    .suffix-3\@desktop {
        margin-right: 25%; }
    .gr-4\@desktop {
        width: 33.3333333333%; }
    .push-4\@desktop {
        left: 33.3333333333%; }
    .pull-4\@desktop {
        right: 33.3333333333%; }
    .prefix-4\@desktop {
        margin-left: 33.3333333333%; }
    .suffix-4\@desktop {
        margin-right: 33.3333333333%; }
    .gr-5\@desktop {
        width: 41.6666666667%; }
    .push-5\@desktop {
        left: 41.6666666667%; }
    .pull-5\@desktop {
        right: 41.6666666667%; }
    .prefix-5\@desktop {
        margin-left: 41.6666666667%; }
    .suffix-5\@desktop {
        margin-right: 41.6666666667%; }
    .gr-6\@desktop {
        width: 50%; }
    .push-6\@desktop {
        left: 50%; }
    .pull-6\@desktop {
        right: 50%; }
    .prefix-6\@desktop {
        margin-left: 50%; }
    .suffix-6\@desktop {
        margin-right: 50%; }
    .gr-7\@desktop {
        width: 58.3333333333%; }
    .push-7\@desktop {
        left: 58.3333333333%; }
    .pull-7\@desktop {
        right: 58.3333333333%; }
    .prefix-7\@desktop {
        margin-left: 58.3333333333%; }
    .suffix-7\@desktop {
        margin-right: 58.3333333333%; }
    .gr-8\@desktop {
        width: 66.6666666667%; }
    .push-8\@desktop {
        left: 66.6666666667%; }
    .pull-8\@desktop {
        right: 66.6666666667%; }
    .prefix-8\@desktop {
        margin-left: 66.6666666667%; }
    .suffix-8\@desktop {
        margin-right: 66.6666666667%; }
    .gr-9\@desktop {
        width: 75%; }
    .push-9\@desktop {
        left: 75%; }
    .pull-9\@desktop {
        right: 75%; }
    .prefix-9\@desktop {
        margin-left: 75%; }
    .suffix-9\@desktop {
        margin-right: 75%; }
    .gr-10\@desktop {
        width: 83.3333333333%; }
    .push-10\@desktop {
        left: 83.3333333333%; }
    .pull-10\@desktop {
        right: 83.3333333333%; }
    .prefix-10\@desktop {
        margin-left: 83.3333333333%; }
    .suffix-10\@desktop {
        margin-right: 83.3333333333%; }
    .gr-11\@desktop {
        width: 91.6666666667%; }
    .push-11\@desktop {
        left: 91.6666666667%; }
    .pull-11\@desktop {
        right: 91.6666666667%; }
    .prefix-11\@desktop {
        margin-left: 91.6666666667%; }
    .suffix-11\@desktop {
        margin-right: 91.6666666667%; }
    .gr-12\@desktop {
        width: 100%; }
    .push-12\@desktop {
        left: 100%; }
    .pull-12\@desktop {
        right: 100%; }
    .prefix-12\@desktop {
        margin-left: 100%; }
    .suffix-12\@desktop {
        margin-right: 100%; }
    .float-left\@desktop {
        float: left; }
    .float-right\@desktop {
        float: right; }
    .clear\@desktop {
        clear: both; }
    .clear-left\@desktop {
        clear: left; }
    .clear-right\@desktop {
        clear: right; }
    .no-gutter\@desktop {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important; }
    .no-gutter-left\@desktop {
        padding-left: 0 !important; }
    .no-gutter-right\@desktop {
        padding-right: 0 !important; }
    .no-gutter-top\@desktop {
        padding-top: 0 !important; }
    .no-gutter-bottom\@desktop {
        padding-bottom: 0 !important; }
    .gutter\@desktop {
        padding-right: 10px;
        padding-left: 10px; }
    .gutter-left\@desktop {
        padding-left: 10px; }
    .gutter-right\@desktop {
        padding-right: 10px; }
    .auto-height\@desktop {
        height: inherit; }
    .row\@desktop {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    [class*="no-gutter"] > .row\@desktop {
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .row-reverse\@desktop {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    [class*="no-gutter"] > .row-reverse\@desktop {
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .row-full\@desktop {
        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\@desktop {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    .col-reverse\@desktop {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    .gr-table\@desktop {
        display: table-cell;
        float: none;
        vertical-align: top; }
    .row-align-left\@desktop {
        font-size: 0;
        clear: both;
        text-align: left; }
    .row-align-left\@desktop > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-left\@desktop > * {
            margin-right: -0.5px; } }
    .row-align-center\@desktop {
        font-size: 0;
        clear: both;
        text-align: center; }
    .row-align-center\@desktop > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-center\@desktop > * {
            margin-right: -0.5px; } }
    .row-align-center\@desktop > * {
        text-align: left; }
    .row-align-right\@desktop {
        font-size: 0;
        clear: both;
        text-align: right; }
    .row-align-right\@desktop > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-right\@desktop > * {
            margin-right: -0.5px; } }
    .row-align-right\@desktop > * {
        text-align: left; }
    .row-align-middle\@desktop {
        font-size: 0;
        clear: both;
        vertical-align: middle; }
    .row-align-middle\@desktop > * {
        float: none !important;
        vertical-align: middle;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-middle\@desktop > * {
            margin-right: -0.5px; } }
    .row-align-top\@desktop {
        font-size: 0;
        clear: both;
        vertical-align: top; }
    .row-align-top\@desktop > * {
        float: none !important;
        vertical-align: top;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-top\@desktop > * {
            margin-right: -0.5px; } }
    .row-align-bottom\@desktop {
        font-size: 0;
        clear: both;
        vertical-align: bottom; }
    .row-align-bottom\@desktop > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-bottom\@desktop > * {
            margin-right: -0.5px; } }
    .hide\@desktop {
        display: none; }
    .not-visible\@desktop {
        visibility: hidden; }
    .show\@desktop {
        display: block; }
    .show-inline\@desktop {
        display: inline-block; }
    .visible\@desktop {
        visibility: visible; }
    .clear-each-2\@desktop > [class*="gr-"]:nth-of-type(2n+1) {
        clear: both; }
    .clear-each-3\@desktop > [class*="gr-"]:nth-of-type(3n+1) {
        clear: both; }
    .clear-each-4\@desktop > [class*="gr-"]:nth-of-type(4n+1) {
        clear: both; }
    .clear-each-5\@desktop > [class*="gr-"]:nth-of-type(5n+1) {
        clear: both; }
    .clear-each-6\@desktop > [class*="gr-"]:nth-of-type(6n+1) {
        clear: both; }
    .clear-each-7\@desktop > [class*="gr-"]:nth-of-type(7n+1) {
        clear: both; }
    .clear-each-8\@desktop > [class*="gr-"]:nth-of-type(8n+1) {
        clear: both; }
    .clear-each-9\@desktop > [class*="gr-"]:nth-of-type(9n+1) {
        clear: both; }
    .clear-each-10\@desktop > [class*="gr-"]:nth-of-type(10n+1) {
        clear: both; }
    .clear-each-11\@desktop > [class*="gr-"]:nth-of-type(11n+1) {
        clear: both; }
    .clear-each-12\@desktop > [class*="gr-"]:nth-of-type(12n+1) {
        clear: both; }
    .row-debug\@desktop {
        position: relative;
        z-index: 99999;
        overflow: hidden; }
    .row-debug\@desktop: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: 16.6666666667% 100%;
        z-index: 99999; }
    body {
        direction: ltr; } }

.state-tablet .gr-1on5\@tablet {
    width: 20%; }

.state-tablet .push-1on5\@tablet {
    left: 20%; }

.state-tablet .pull-1on5\@tablet {
    right: 20%; }

.state-tablet .prefix-1on5\@tablet {
    margin-left: 20%; }

.state-tablet .suffix-1on5\@tablet {
    margin-right: 20%; }

.state-tablet .gr-1on7\@tablet {
    width: 14.2857142857%; }

.state-tablet .push-1on7\@tablet {
    left: 14.2857142857%; }

.state-tablet .pull-1on7\@tablet {
    right: 14.2857142857%; }

.state-tablet .prefix-1on7\@tablet {
    margin-left: 14.2857142857%; }

.state-tablet .suffix-1on7\@tablet {
    margin-right: 14.2857142857%; }

.state-tablet .gr-0\@tablet {
    width: 0%; }

.state-tablet .push-0\@tablet {
    left: 0%; }

.state-tablet .pull-0\@tablet {
    right: 0%; }

.state-tablet .prefix-0\@tablet {
    margin-left: 0%; }

.state-tablet .suffix-0\@tablet {
    margin-right: 0%; }

.state-tablet .gr-1\@tablet {
    width: 8.3333333333%; }

.state-tablet .push-1\@tablet {
    left: 8.3333333333%; }

.state-tablet .pull-1\@tablet {
    right: 8.3333333333%; }

.state-tablet .prefix-1\@tablet {
    margin-left: 8.3333333333%; }

.state-tablet .suffix-1\@tablet {
    margin-right: 8.3333333333%; }

.state-tablet .gr-2\@tablet {
    width: 16.6666666667%; }

.state-tablet .push-2\@tablet {
    left: 16.6666666667%; }

.state-tablet .pull-2\@tablet {
    right: 16.6666666667%; }

.state-tablet .prefix-2\@tablet {
    margin-left: 16.6666666667%; }

.state-tablet .suffix-2\@tablet {
    margin-right: 16.6666666667%; }

.state-tablet .gr-3\@tablet {
    width: 25%; }

.state-tablet .push-3\@tablet {
    left: 25%; }

.state-tablet .pull-3\@tablet {
    right: 25%; }

.state-tablet .prefix-3\@tablet {
    margin-left: 25%; }

.state-tablet .suffix-3\@tablet {
    margin-right: 25%; }

.state-tablet .gr-4\@tablet {
    width: 33.3333333333%; }

.state-tablet .push-4\@tablet {
    left: 33.3333333333%; }

.state-tablet .pull-4\@tablet {
    right: 33.3333333333%; }

.state-tablet .prefix-4\@tablet {
    margin-left: 33.3333333333%; }

.state-tablet .suffix-4\@tablet {
    margin-right: 33.3333333333%; }

.state-tablet .gr-5\@tablet {
    width: 41.6666666667%; }

.state-tablet .push-5\@tablet {
    left: 41.6666666667%; }

.state-tablet .pull-5\@tablet {
    right: 41.6666666667%; }

.state-tablet .prefix-5\@tablet {
    margin-left: 41.6666666667%; }

.state-tablet .suffix-5\@tablet {
    margin-right: 41.6666666667%; }

.state-tablet .gr-6\@tablet {
    width: 50%; }

.state-tablet .push-6\@tablet {
    left: 50%; }

.state-tablet .pull-6\@tablet {
    right: 50%; }

.state-tablet .prefix-6\@tablet {
    margin-left: 50%; }

.state-tablet .suffix-6\@tablet {
    margin-right: 50%; }

.state-tablet .gr-7\@tablet {
    width: 58.3333333333%; }

.state-tablet .push-7\@tablet {
    left: 58.3333333333%; }

.state-tablet .pull-7\@tablet {
    right: 58.3333333333%; }

.state-tablet .prefix-7\@tablet {
    margin-left: 58.3333333333%; }

.state-tablet .suffix-7\@tablet {
    margin-right: 58.3333333333%; }

.state-tablet .gr-8\@tablet {
    width: 66.6666666667%; }

.state-tablet .push-8\@tablet {
    left: 66.6666666667%; }

.state-tablet .pull-8\@tablet {
    right: 66.6666666667%; }

.state-tablet .prefix-8\@tablet {
    margin-left: 66.6666666667%; }

.state-tablet .suffix-8\@tablet {
    margin-right: 66.6666666667%; }

.state-tablet .gr-9\@tablet {
    width: 75%; }

.state-tablet .push-9\@tablet {
    left: 75%; }

.state-tablet .pull-9\@tablet {
    right: 75%; }

.state-tablet .prefix-9\@tablet {
    margin-left: 75%; }

.state-tablet .suffix-9\@tablet {
    margin-right: 75%; }

.state-tablet .gr-10\@tablet {
    width: 83.3333333333%; }

.state-tablet .push-10\@tablet {
    left: 83.3333333333%; }

.state-tablet .pull-10\@tablet {
    right: 83.3333333333%; }

.state-tablet .prefix-10\@tablet {
    margin-left: 83.3333333333%; }

.state-tablet .suffix-10\@tablet {
    margin-right: 83.3333333333%; }

.state-tablet .gr-11\@tablet {
    width: 91.6666666667%; }

.state-tablet .push-11\@tablet {
    left: 91.6666666667%; }

.state-tablet .pull-11\@tablet {
    right: 91.6666666667%; }

.state-tablet .prefix-11\@tablet {
    margin-left: 91.6666666667%; }

.state-tablet .suffix-11\@tablet {
    margin-right: 91.6666666667%; }

.state-tablet .gr-12\@tablet {
    width: 100%; }

.state-tablet .push-12\@tablet {
    left: 100%; }

.state-tablet .pull-12\@tablet {
    right: 100%; }

.state-tablet .prefix-12\@tablet {
    margin-left: 100%; }

.state-tablet .suffix-12\@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 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important; }

.state-tablet .no-gutter-left\@tablet {
    padding-left: 0 !important; }

.state-tablet .no-gutter-right\@tablet {
    padding-right: 0 !important; }

.state-tablet .no-gutter-top\@tablet {
    padding-top: 0 !important; }

.state-tablet .no-gutter-bottom\@tablet {
    padding-bottom: 0 !important; }

.state-tablet .gutter\@tablet {
    padding-right: 10px;
    padding-left: 10px; }

.state-tablet .gutter-left\@tablet {
    padding-left: 10px; }

.state-tablet .gutter-right\@tablet {
    padding-right: 10px; }

.state-tablet .auto-height\@tablet {
    height: inherit; }

.state-tablet .row\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
[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: -10px;
    margin-right: -10px; }
[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: -10px;
    margin-right: -10px; }

.state-tablet .col-reverse\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }

.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: both; }

.state-tablet .clear-each-3\@tablet > [class*="gr-"]:nth-of-type(3n+1) {
    clear: both; }

.state-tablet .clear-each-4\@tablet > [class*="gr-"]:nth-of-type(4n+1) {
    clear: both; }

.state-tablet .clear-each-5\@tablet > [class*="gr-"]:nth-of-type(5n+1) {
    clear: both; }

.state-tablet .clear-each-6\@tablet > [class*="gr-"]:nth-of-type(6n+1) {
    clear: both; }

.state-tablet .clear-each-7\@tablet > [class*="gr-"]:nth-of-type(7n+1) {
    clear: both; }

.state-tablet .clear-each-8\@tablet > [class*="gr-"]:nth-of-type(8n+1) {
    clear: both; }

.state-tablet .clear-each-9\@tablet > [class*="gr-"]:nth-of-type(9n+1) {
    clear: both; }

.state-tablet .clear-each-10\@tablet > [class*="gr-"]:nth-of-type(10n+1) {
    clear: both; }

.state-tablet .clear-each-11\@tablet > [class*="gr-"]:nth-of-type(11n+1) {
    clear: both; }

.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: 16.6666666667% 100%;
    z-index: 99999; }

.state-tablet body {
    direction: ltr; }

@media screen and (max-width: 1159px) {
    .gr-1on5\@tablet {
        width: 20%; }
    .push-1on5\@tablet {
        left: 20%; }
    .pull-1on5\@tablet {
        right: 20%; }
    .prefix-1on5\@tablet {
        margin-left: 20%; }
    .suffix-1on5\@tablet {
        margin-right: 20%; }
    .gr-1on7\@tablet {
        width: 14.2857142857%; }
    .push-1on7\@tablet {
        left: 14.2857142857%; }
    .pull-1on7\@tablet {
        right: 14.2857142857%; }
    .prefix-1on7\@tablet {
        margin-left: 14.2857142857%; }
    .suffix-1on7\@tablet {
        margin-right: 14.2857142857%; }
    .gr-0\@tablet {
        width: 0%; }
    .push-0\@tablet {
        left: 0%; }
    .pull-0\@tablet {
        right: 0%; }
    .prefix-0\@tablet {
        margin-left: 0%; }
    .suffix-0\@tablet {
        margin-right: 0%; }
    .gr-1\@tablet {
        width: 8.3333333333%; }
    .push-1\@tablet {
        left: 8.3333333333%; }
    .pull-1\@tablet {
        right: 8.3333333333%; }
    .prefix-1\@tablet {
        margin-left: 8.3333333333%; }
    .suffix-1\@tablet {
        margin-right: 8.3333333333%; }
    .gr-2\@tablet {
        width: 16.6666666667%; }
    .push-2\@tablet {
        left: 16.6666666667%; }
    .pull-2\@tablet {
        right: 16.6666666667%; }
    .prefix-2\@tablet {
        margin-left: 16.6666666667%; }
    .suffix-2\@tablet {
        margin-right: 16.6666666667%; }
    .gr-3\@tablet {
        width: 25%; }
    .push-3\@tablet {
        left: 25%; }
    .pull-3\@tablet {
        right: 25%; }
    .prefix-3\@tablet {
        margin-left: 25%; }
    .suffix-3\@tablet {
        margin-right: 25%; }
    .gr-4\@tablet {
        width: 33.3333333333%; }
    .push-4\@tablet {
        left: 33.3333333333%; }
    .pull-4\@tablet {
        right: 33.3333333333%; }
    .prefix-4\@tablet {
        margin-left: 33.3333333333%; }
    .suffix-4\@tablet {
        margin-right: 33.3333333333%; }
    .gr-5\@tablet {
        width: 41.6666666667%; }
    .push-5\@tablet {
        left: 41.6666666667%; }
    .pull-5\@tablet {
        right: 41.6666666667%; }
    .prefix-5\@tablet {
        margin-left: 41.6666666667%; }
    .suffix-5\@tablet {
        margin-right: 41.6666666667%; }
    .gr-6\@tablet {
        width: 50%; }
    .push-6\@tablet {
        left: 50%; }
    .pull-6\@tablet {
        right: 50%; }
    .prefix-6\@tablet {
        margin-left: 50%; }
    .suffix-6\@tablet {
        margin-right: 50%; }
    .gr-7\@tablet {
        width: 58.3333333333%; }
    .push-7\@tablet {
        left: 58.3333333333%; }
    .pull-7\@tablet {
        right: 58.3333333333%; }
    .prefix-7\@tablet {
        margin-left: 58.3333333333%; }
    .suffix-7\@tablet {
        margin-right: 58.3333333333%; }
    .gr-8\@tablet {
        width: 66.6666666667%; }
    .push-8\@tablet {
        left: 66.6666666667%; }
    .pull-8\@tablet {
        right: 66.6666666667%; }
    .prefix-8\@tablet {
        margin-left: 66.6666666667%; }
    .suffix-8\@tablet {
        margin-right: 66.6666666667%; }
    .gr-9\@tablet {
        width: 75%; }
    .push-9\@tablet {
        left: 75%; }
    .pull-9\@tablet {
        right: 75%; }
    .prefix-9\@tablet {
        margin-left: 75%; }
    .suffix-9\@tablet {
        margin-right: 75%; }
    .gr-10\@tablet {
        width: 83.3333333333%; }
    .push-10\@tablet {
        left: 83.3333333333%; }
    .pull-10\@tablet {
        right: 83.3333333333%; }
    .prefix-10\@tablet {
        margin-left: 83.3333333333%; }
    .suffix-10\@tablet {
        margin-right: 83.3333333333%; }
    .gr-11\@tablet {
        width: 91.6666666667%; }
    .push-11\@tablet {
        left: 91.6666666667%; }
    .pull-11\@tablet {
        right: 91.6666666667%; }
    .prefix-11\@tablet {
        margin-left: 91.6666666667%; }
    .suffix-11\@tablet {
        margin-right: 91.6666666667%; }
    .gr-12\@tablet {
        width: 100%; }
    .push-12\@tablet {
        left: 100%; }
    .pull-12\@tablet {
        right: 100%; }
    .prefix-12\@tablet {
        margin-left: 100%; }
    .suffix-12\@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 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important; }
    .no-gutter-left\@tablet {
        padding-left: 0 !important; }
    .no-gutter-right\@tablet {
        padding-right: 0 !important; }
    .no-gutter-top\@tablet {
        padding-top: 0 !important; }
    .no-gutter-bottom\@tablet {
        padding-bottom: 0 !important; }
    .gutter\@tablet {
        padding-right: 10px;
        padding-left: 10px; }
    .gutter-left\@tablet {
        padding-left: 10px; }
    .gutter-right\@tablet {
        padding-right: 10px; }
    .auto-height\@tablet {
        height: inherit; }
    .row\@tablet {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    [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: -10px;
        margin-right: -10px; }
    [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: -10px;
        margin-right: -10px; }
    .col-reverse\@tablet {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    .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: both; }
    .clear-each-3\@tablet > [class*="gr-"]:nth-of-type(3n+1) {
        clear: both; }
    .clear-each-4\@tablet > [class*="gr-"]:nth-of-type(4n+1) {
        clear: both; }
    .clear-each-5\@tablet > [class*="gr-"]:nth-of-type(5n+1) {
        clear: both; }
    .clear-each-6\@tablet > [class*="gr-"]:nth-of-type(6n+1) {
        clear: both; }
    .clear-each-7\@tablet > [class*="gr-"]:nth-of-type(7n+1) {
        clear: both; }
    .clear-each-8\@tablet > [class*="gr-"]:nth-of-type(8n+1) {
        clear: both; }
    .clear-each-9\@tablet > [class*="gr-"]:nth-of-type(9n+1) {
        clear: both; }
    .clear-each-10\@tablet > [class*="gr-"]:nth-of-type(10n+1) {
        clear: both; }
    .clear-each-11\@tablet > [class*="gr-"]:nth-of-type(11n+1) {
        clear: both; }
    .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: 16.6666666667% 100%;
        z-index: 99999; }
    body {
        direction: ltr; } }

.state-tabletPortrait .gr-1on5\@tabletPortrait {
    width: 20%; }

.state-tabletPortrait .push-1on5\@tabletPortrait {
    left: 20%; }

.state-tabletPortrait .pull-1on5\@tabletPortrait {
    right: 20%; }

.state-tabletPortrait .prefix-1on5\@tabletPortrait {
    margin-left: 20%; }

.state-tabletPortrait .suffix-1on5\@tabletPortrait {
    margin-right: 20%; }

.state-tabletPortrait .gr-1on7\@tabletPortrait {
    width: 14.2857142857%; }

.state-tabletPortrait .push-1on7\@tabletPortrait {
    left: 14.2857142857%; }

.state-tabletPortrait .pull-1on7\@tabletPortrait {
    right: 14.2857142857%; }

.state-tabletPortrait .prefix-1on7\@tabletPortrait {
    margin-left: 14.2857142857%; }

.state-tabletPortrait .suffix-1on7\@tabletPortrait {
    margin-right: 14.2857142857%; }

.state-tabletPortrait .gr-0\@tabletPortrait {
    width: 0%; }

.state-tabletPortrait .push-0\@tabletPortrait {
    left: 0%; }

.state-tabletPortrait .pull-0\@tabletPortrait {
    right: 0%; }

.state-tabletPortrait .prefix-0\@tabletPortrait {
    margin-left: 0%; }

.state-tabletPortrait .suffix-0\@tabletPortrait {
    margin-right: 0%; }

.state-tabletPortrait .gr-1\@tabletPortrait {
    width: 8.3333333333%; }

.state-tabletPortrait .push-1\@tabletPortrait {
    left: 8.3333333333%; }

.state-tabletPortrait .pull-1\@tabletPortrait {
    right: 8.3333333333%; }

.state-tabletPortrait .prefix-1\@tabletPortrait {
    margin-left: 8.3333333333%; }

.state-tabletPortrait .suffix-1\@tabletPortrait {
    margin-right: 8.3333333333%; }

.state-tabletPortrait .gr-2\@tabletPortrait {
    width: 16.6666666667%; }

.state-tabletPortrait .push-2\@tabletPortrait {
    left: 16.6666666667%; }

.state-tabletPortrait .pull-2\@tabletPortrait {
    right: 16.6666666667%; }

.state-tabletPortrait .prefix-2\@tabletPortrait {
    margin-left: 16.6666666667%; }

.state-tabletPortrait .suffix-2\@tabletPortrait {
    margin-right: 16.6666666667%; }

.state-tabletPortrait .gr-3\@tabletPortrait {
    width: 25%; }

.state-tabletPortrait .push-3\@tabletPortrait {
    left: 25%; }

.state-tabletPortrait .pull-3\@tabletPortrait {
    right: 25%; }

.state-tabletPortrait .prefix-3\@tabletPortrait {
    margin-left: 25%; }

.state-tabletPortrait .suffix-3\@tabletPortrait {
    margin-right: 25%; }

.state-tabletPortrait .gr-4\@tabletPortrait {
    width: 33.3333333333%; }

.state-tabletPortrait .push-4\@tabletPortrait {
    left: 33.3333333333%; }

.state-tabletPortrait .pull-4\@tabletPortrait {
    right: 33.3333333333%; }

.state-tabletPortrait .prefix-4\@tabletPortrait {
    margin-left: 33.3333333333%; }

.state-tabletPortrait .suffix-4\@tabletPortrait {
    margin-right: 33.3333333333%; }

.state-tabletPortrait .gr-5\@tabletPortrait {
    width: 41.6666666667%; }

.state-tabletPortrait .push-5\@tabletPortrait {
    left: 41.6666666667%; }

.state-tabletPortrait .pull-5\@tabletPortrait {
    right: 41.6666666667%; }

.state-tabletPortrait .prefix-5\@tabletPortrait {
    margin-left: 41.6666666667%; }

.state-tabletPortrait .suffix-5\@tabletPortrait {
    margin-right: 41.6666666667%; }

.state-tabletPortrait .gr-6\@tabletPortrait {
    width: 50%; }

.state-tabletPortrait .push-6\@tabletPortrait {
    left: 50%; }

.state-tabletPortrait .pull-6\@tabletPortrait {
    right: 50%; }

.state-tabletPortrait .prefix-6\@tabletPortrait {
    margin-left: 50%; }

.state-tabletPortrait .suffix-6\@tabletPortrait {
    margin-right: 50%; }

.state-tabletPortrait .gr-7\@tabletPortrait {
    width: 58.3333333333%; }

.state-tabletPortrait .push-7\@tabletPortrait {
    left: 58.3333333333%; }

.state-tabletPortrait .pull-7\@tabletPortrait {
    right: 58.3333333333%; }

.state-tabletPortrait .prefix-7\@tabletPortrait {
    margin-left: 58.3333333333%; }

.state-tabletPortrait .suffix-7\@tabletPortrait {
    margin-right: 58.3333333333%; }

.state-tabletPortrait .gr-8\@tabletPortrait {
    width: 66.6666666667%; }

.state-tabletPortrait .push-8\@tabletPortrait {
    left: 66.6666666667%; }

.state-tabletPortrait .pull-8\@tabletPortrait {
    right: 66.6666666667%; }

.state-tabletPortrait .prefix-8\@tabletPortrait {
    margin-left: 66.6666666667%; }

.state-tabletPortrait .suffix-8\@tabletPortrait {
    margin-right: 66.6666666667%; }

.state-tabletPortrait .gr-9\@tabletPortrait {
    width: 75%; }

.state-tabletPortrait .push-9\@tabletPortrait {
    left: 75%; }

.state-tabletPortrait .pull-9\@tabletPortrait {
    right: 75%; }

.state-tabletPortrait .prefix-9\@tabletPortrait {
    margin-left: 75%; }

.state-tabletPortrait .suffix-9\@tabletPortrait {
    margin-right: 75%; }

.state-tabletPortrait .gr-10\@tabletPortrait {
    width: 83.3333333333%; }

.state-tabletPortrait .push-10\@tabletPortrait {
    left: 83.3333333333%; }

.state-tabletPortrait .pull-10\@tabletPortrait {
    right: 83.3333333333%; }

.state-tabletPortrait .prefix-10\@tabletPortrait {
    margin-left: 83.3333333333%; }

.state-tabletPortrait .suffix-10\@tabletPortrait {
    margin-right: 83.3333333333%; }

.state-tabletPortrait .gr-11\@tabletPortrait {
    width: 91.6666666667%; }

.state-tabletPortrait .push-11\@tabletPortrait {
    left: 91.6666666667%; }

.state-tabletPortrait .pull-11\@tabletPortrait {
    right: 91.6666666667%; }

.state-tabletPortrait .prefix-11\@tabletPortrait {
    margin-left: 91.6666666667%; }

.state-tabletPortrait .suffix-11\@tabletPortrait {
    margin-right: 91.6666666667%; }

.state-tabletPortrait .gr-12\@tabletPortrait {
    width: 100%; }

.state-tabletPortrait .push-12\@tabletPortrait {
    left: 100%; }

.state-tabletPortrait .pull-12\@tabletPortrait {
    right: 100%; }

.state-tabletPortrait .prefix-12\@tabletPortrait {
    margin-left: 100%; }

.state-tabletPortrait .suffix-12\@tabletPortrait {
    margin-right: 100%; }

.state-tabletPortrait .float-left\@tabletPortrait {
    float: left; }

.state-tabletPortrait .float-right\@tabletPortrait {
    float: right; }

.state-tabletPortrait .clear\@tabletPortrait {
    clear: both; }

.state-tabletPortrait .clear-left\@tabletPortrait {
    clear: left; }

.state-tabletPortrait .clear-right\@tabletPortrait {
    clear: right; }

.state-tabletPortrait .no-gutter\@tabletPortrait {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important; }

.state-tabletPortrait .no-gutter-left\@tabletPortrait {
    padding-left: 0 !important; }

.state-tabletPortrait .no-gutter-right\@tabletPortrait {
    padding-right: 0 !important; }

.state-tabletPortrait .no-gutter-top\@tabletPortrait {
    padding-top: 0 !important; }

.state-tabletPortrait .no-gutter-bottom\@tabletPortrait {
    padding-bottom: 0 !important; }

.state-tabletPortrait .gutter\@tabletPortrait {
    padding-right: 10px;
    padding-left: 10px; }

.state-tabletPortrait .gutter-left\@tabletPortrait {
    padding-left: 10px; }

.state-tabletPortrait .gutter-right\@tabletPortrait {
    padding-right: 10px; }

.state-tabletPortrait .auto-height\@tabletPortrait {
    height: inherit; }

.state-tabletPortrait .row\@tabletPortrait {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
[class*="no-gutter"] > .state-tabletPortrait .row\@tabletPortrait {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.state-tabletPortrait .row-reverse\@tabletPortrait {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
[class*="no-gutter"] > .state-tabletPortrait .row-reverse\@tabletPortrait {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.state-tabletPortrait .row-full\@tabletPortrait {
    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-tabletPortrait .col\@tabletPortrait {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }

.state-tabletPortrait .col-reverse\@tabletPortrait {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }

.state-tabletPortrait .gr-table\@tabletPortrait {
    display: table-cell;
    float: none;
    vertical-align: top; }

.state-tabletPortrait .row-align-left\@tabletPortrait {
    font-size: 0;
    clear: both;
    text-align: left; }
.state-tabletPortrait .row-align-left\@tabletPortrait > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-tabletPortrait .row-align-left\@tabletPortrait > * {
        margin-right: -0.5px; } }

.state-tabletPortrait .row-align-center\@tabletPortrait {
    font-size: 0;
    clear: both;
    text-align: center; }
.state-tabletPortrait .row-align-center\@tabletPortrait > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-tabletPortrait .row-align-center\@tabletPortrait > * {
        margin-right: -0.5px; } }
.state-tabletPortrait .row-align-center\@tabletPortrait > * {
    text-align: left; }

.state-tabletPortrait .row-align-right\@tabletPortrait {
    font-size: 0;
    clear: both;
    text-align: right; }
.state-tabletPortrait .row-align-right\@tabletPortrait > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-tabletPortrait .row-align-right\@tabletPortrait > * {
        margin-right: -0.5px; } }
.state-tabletPortrait .row-align-right\@tabletPortrait > * {
    text-align: left; }

.state-tabletPortrait .row-align-middle\@tabletPortrait {
    font-size: 0;
    clear: both;
    vertical-align: middle; }
.state-tabletPortrait .row-align-middle\@tabletPortrait > * {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-tabletPortrait .row-align-middle\@tabletPortrait > * {
        margin-right: -0.5px; } }

.state-tabletPortrait .row-align-top\@tabletPortrait {
    font-size: 0;
    clear: both;
    vertical-align: top; }
.state-tabletPortrait .row-align-top\@tabletPortrait > * {
    float: none !important;
    vertical-align: top;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-tabletPortrait .row-align-top\@tabletPortrait > * {
        margin-right: -0.5px; } }

.state-tabletPortrait .row-align-bottom\@tabletPortrait {
    font-size: 0;
    clear: both;
    vertical-align: bottom; }
.state-tabletPortrait .row-align-bottom\@tabletPortrait > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-tabletPortrait .row-align-bottom\@tabletPortrait > * {
        margin-right: -0.5px; } }

.state-tabletPortrait .hide\@tabletPortrait {
    display: none; }

.state-tabletPortrait .not-visible\@tabletPortrait {
    visibility: hidden; }

.state-tabletPortrait .show\@tabletPortrait {
    display: block; }

.state-tabletPortrait .show-inline\@tabletPortrait {
    display: inline-block; }

.state-tabletPortrait .visible\@tabletPortrait {
    visibility: visible; }

.state-tabletPortrait .clear-each-2\@tabletPortrait > [class*="gr-"]:nth-of-type(2n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-3\@tabletPortrait > [class*="gr-"]:nth-of-type(3n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-4\@tabletPortrait > [class*="gr-"]:nth-of-type(4n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-5\@tabletPortrait > [class*="gr-"]:nth-of-type(5n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-6\@tabletPortrait > [class*="gr-"]:nth-of-type(6n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-7\@tabletPortrait > [class*="gr-"]:nth-of-type(7n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-8\@tabletPortrait > [class*="gr-"]:nth-of-type(8n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-9\@tabletPortrait > [class*="gr-"]:nth-of-type(9n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-10\@tabletPortrait > [class*="gr-"]:nth-of-type(10n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-11\@tabletPortrait > [class*="gr-"]:nth-of-type(11n+1) {
    clear: both; }

.state-tabletPortrait .clear-each-12\@tabletPortrait > [class*="gr-"]:nth-of-type(12n+1) {
    clear: both; }

.state-tabletPortrait .row-debug\@tabletPortrait {
    position: relative;
    z-index: 99999;
    overflow: hidden; }
.state-tabletPortrait .row-debug\@tabletPortrait: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: 16.6666666667% 100%;
    z-index: 99999; }

.state-tabletPortrait body {
    direction: ltr; }

@media screen and (max-width: 960px) {
    .gr-1on5\@tabletPortrait {
        width: 20%; }
    .push-1on5\@tabletPortrait {
        left: 20%; }
    .pull-1on5\@tabletPortrait {
        right: 20%; }
    .prefix-1on5\@tabletPortrait {
        margin-left: 20%; }
    .suffix-1on5\@tabletPortrait {
        margin-right: 20%; }
    .gr-1on7\@tabletPortrait {
        width: 14.2857142857%; }
    .push-1on7\@tabletPortrait {
        left: 14.2857142857%; }
    .pull-1on7\@tabletPortrait {
        right: 14.2857142857%; }
    .prefix-1on7\@tabletPortrait {
        margin-left: 14.2857142857%; }
    .suffix-1on7\@tabletPortrait {
        margin-right: 14.2857142857%; }
    .gr-0\@tabletPortrait {
        width: 0%; }
    .push-0\@tabletPortrait {
        left: 0%; }
    .pull-0\@tabletPortrait {
        right: 0%; }
    .prefix-0\@tabletPortrait {
        margin-left: 0%; }
    .suffix-0\@tabletPortrait {
        margin-right: 0%; }
    .gr-1\@tabletPortrait {
        width: 8.3333333333%; }
    .push-1\@tabletPortrait {
        left: 8.3333333333%; }
    .pull-1\@tabletPortrait {
        right: 8.3333333333%; }
    .prefix-1\@tabletPortrait {
        margin-left: 8.3333333333%; }
    .suffix-1\@tabletPortrait {
        margin-right: 8.3333333333%; }
    .gr-2\@tabletPortrait {
        width: 16.6666666667%; }
    .push-2\@tabletPortrait {
        left: 16.6666666667%; }
    .pull-2\@tabletPortrait {
        right: 16.6666666667%; }
    .prefix-2\@tabletPortrait {
        margin-left: 16.6666666667%; }
    .suffix-2\@tabletPortrait {
        margin-right: 16.6666666667%; }
    .gr-3\@tabletPortrait {
        width: 25%; }
    .push-3\@tabletPortrait {
        left: 25%; }
    .pull-3\@tabletPortrait {
        right: 25%; }
    .prefix-3\@tabletPortrait {
        margin-left: 25%; }
    .suffix-3\@tabletPortrait {
        margin-right: 25%; }
    .gr-4\@tabletPortrait {
        width: 33.3333333333%; }
    .push-4\@tabletPortrait {
        left: 33.3333333333%; }
    .pull-4\@tabletPortrait {
        right: 33.3333333333%; }
    .prefix-4\@tabletPortrait {
        margin-left: 33.3333333333%; }
    .suffix-4\@tabletPortrait {
        margin-right: 33.3333333333%; }
    .gr-5\@tabletPortrait {
        width: 41.6666666667%; }
    .push-5\@tabletPortrait {
        left: 41.6666666667%; }
    .pull-5\@tabletPortrait {
        right: 41.6666666667%; }
    .prefix-5\@tabletPortrait {
        margin-left: 41.6666666667%; }
    .suffix-5\@tabletPortrait {
        margin-right: 41.6666666667%; }
    .gr-6\@tabletPortrait {
        width: 50%; }
    .push-6\@tabletPortrait {
        left: 50%; }
    .pull-6\@tabletPortrait {
        right: 50%; }
    .prefix-6\@tabletPortrait {
        margin-left: 50%; }
    .suffix-6\@tabletPortrait {
        margin-right: 50%; }
    .gr-7\@tabletPortrait {
        width: 58.3333333333%; }
    .push-7\@tabletPortrait {
        left: 58.3333333333%; }
    .pull-7\@tabletPortrait {
        right: 58.3333333333%; }
    .prefix-7\@tabletPortrait {
        margin-left: 58.3333333333%; }
    .suffix-7\@tabletPortrait {
        margin-right: 58.3333333333%; }
    .gr-8\@tabletPortrait {
        width: 66.6666666667%; }
    .push-8\@tabletPortrait {
        left: 66.6666666667%; }
    .pull-8\@tabletPortrait {
        right: 66.6666666667%; }
    .prefix-8\@tabletPortrait {
        margin-left: 66.6666666667%; }
    .suffix-8\@tabletPortrait {
        margin-right: 66.6666666667%; }
    .gr-9\@tabletPortrait {
        width: 75%; }
    .push-9\@tabletPortrait {
        left: 75%; }
    .pull-9\@tabletPortrait {
        right: 75%; }
    .prefix-9\@tabletPortrait {
        margin-left: 75%; }
    .suffix-9\@tabletPortrait {
        margin-right: 75%; }
    .gr-10\@tabletPortrait {
        width: 83.3333333333%; }
    .push-10\@tabletPortrait {
        left: 83.3333333333%; }
    .pull-10\@tabletPortrait {
        right: 83.3333333333%; }
    .prefix-10\@tabletPortrait {
        margin-left: 83.3333333333%; }
    .suffix-10\@tabletPortrait {
        margin-right: 83.3333333333%; }
    .gr-11\@tabletPortrait {
        width: 91.6666666667%; }
    .push-11\@tabletPortrait {
        left: 91.6666666667%; }
    .pull-11\@tabletPortrait {
        right: 91.6666666667%; }
    .prefix-11\@tabletPortrait {
        margin-left: 91.6666666667%; }
    .suffix-11\@tabletPortrait {
        margin-right: 91.6666666667%; }
    .gr-12\@tabletPortrait {
        width: 100%; }
    .push-12\@tabletPortrait {
        left: 100%; }
    .pull-12\@tabletPortrait {
        right: 100%; }
    .prefix-12\@tabletPortrait {
        margin-left: 100%; }
    .suffix-12\@tabletPortrait {
        margin-right: 100%; }
    .float-left\@tabletPortrait {
        float: left; }
    .float-right\@tabletPortrait {
        float: right; }
    .clear\@tabletPortrait {
        clear: both; }
    .clear-left\@tabletPortrait {
        clear: left; }
    .clear-right\@tabletPortrait {
        clear: right; }
    .no-gutter\@tabletPortrait {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important; }
    .no-gutter-left\@tabletPortrait {
        padding-left: 0 !important; }
    .no-gutter-right\@tabletPortrait {
        padding-right: 0 !important; }
    .no-gutter-top\@tabletPortrait {
        padding-top: 0 !important; }
    .no-gutter-bottom\@tabletPortrait {
        padding-bottom: 0 !important; }
    .gutter\@tabletPortrait {
        padding-right: 10px;
        padding-left: 10px; }
    .gutter-left\@tabletPortrait {
        padding-left: 10px; }
    .gutter-right\@tabletPortrait {
        padding-right: 10px; }
    .auto-height\@tabletPortrait {
        height: inherit; }
    .row\@tabletPortrait {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    [class*="no-gutter"] > .row\@tabletPortrait {
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .row-reverse\@tabletPortrait {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    [class*="no-gutter"] > .row-reverse\@tabletPortrait {
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .row-full\@tabletPortrait {
        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\@tabletPortrait {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    .col-reverse\@tabletPortrait {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -10px;
        margin-right: -10px; }
    .gr-table\@tabletPortrait {
        display: table-cell;
        float: none;
        vertical-align: top; }
    .row-align-left\@tabletPortrait {
        font-size: 0;
        clear: both;
        text-align: left; }
    .row-align-left\@tabletPortrait > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-left\@tabletPortrait > * {
            margin-right: -0.5px; } }
    .row-align-center\@tabletPortrait {
        font-size: 0;
        clear: both;
        text-align: center; }
    .row-align-center\@tabletPortrait > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-center\@tabletPortrait > * {
            margin-right: -0.5px; } }
    .row-align-center\@tabletPortrait > * {
        text-align: left; }
    .row-align-right\@tabletPortrait {
        font-size: 0;
        clear: both;
        text-align: right; }
    .row-align-right\@tabletPortrait > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-right\@tabletPortrait > * {
            margin-right: -0.5px; } }
    .row-align-right\@tabletPortrait > * {
        text-align: left; }
    .row-align-middle\@tabletPortrait {
        font-size: 0;
        clear: both;
        vertical-align: middle; }
    .row-align-middle\@tabletPortrait > * {
        float: none !important;
        vertical-align: middle;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-middle\@tabletPortrait > * {
            margin-right: -0.5px; } }
    .row-align-top\@tabletPortrait {
        font-size: 0;
        clear: both;
        vertical-align: top; }
    .row-align-top\@tabletPortrait > * {
        float: none !important;
        vertical-align: top;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-top\@tabletPortrait > * {
            margin-right: -0.5px; } }
    .row-align-bottom\@tabletPortrait {
        font-size: 0;
        clear: both;
        vertical-align: bottom; }
    .row-align-bottom\@tabletPortrait > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-bottom\@tabletPortrait > * {
            margin-right: -0.5px; } }
    .hide\@tabletPortrait {
        display: none; }
    .not-visible\@tabletPortrait {
        visibility: hidden; }
    .show\@tabletPortrait {
        display: block; }
    .show-inline\@tabletPortrait {
        display: inline-block; }
    .visible\@tabletPortrait {
        visibility: visible; }
    .clear-each-2\@tabletPortrait > [class*="gr-"]:nth-of-type(2n+1) {
        clear: both; }
    .clear-each-3\@tabletPortrait > [class*="gr-"]:nth-of-type(3n+1) {
        clear: both; }
    .clear-each-4\@tabletPortrait > [class*="gr-"]:nth-of-type(4n+1) {
        clear: both; }
    .clear-each-5\@tabletPortrait > [class*="gr-"]:nth-of-type(5n+1) {
        clear: both; }
    .clear-each-6\@tabletPortrait > [class*="gr-"]:nth-of-type(6n+1) {
        clear: both; }
    .clear-each-7\@tabletPortrait > [class*="gr-"]:nth-of-type(7n+1) {
        clear: both; }
    .clear-each-8\@tabletPortrait > [class*="gr-"]:nth-of-type(8n+1) {
        clear: both; }
    .clear-each-9\@tabletPortrait > [class*="gr-"]:nth-of-type(9n+1) {
        clear: both; }
    .clear-each-10\@tabletPortrait > [class*="gr-"]:nth-of-type(10n+1) {
        clear: both; }
    .clear-each-11\@tabletPortrait > [class*="gr-"]:nth-of-type(11n+1) {
        clear: both; }
    .clear-each-12\@tabletPortrait > [class*="gr-"]:nth-of-type(12n+1) {
        clear: both; }
    .row-debug\@tabletPortrait {
        position: relative;
        z-index: 99999;
        overflow: hidden; }
    .row-debug\@tabletPortrait: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: 16.6666666667% 100%;
        z-index: 99999; }
    body {
        direction: ltr; } }

.state-handheld .gr-1on5\@handheld {
    width: 20%; }

.state-handheld .push-1on5\@handheld {
    left: 20%; }

.state-handheld .pull-1on5\@handheld {
    right: 20%; }

.state-handheld .prefix-1on5\@handheld {
    margin-left: 20%; }

.state-handheld .suffix-1on5\@handheld {
    margin-right: 20%; }

.state-handheld .gr-1on7\@handheld {
    width: 14.2857142857%; }

.state-handheld .push-1on7\@handheld {
    left: 14.2857142857%; }

.state-handheld .pull-1on7\@handheld {
    right: 14.2857142857%; }

.state-handheld .prefix-1on7\@handheld {
    margin-left: 14.2857142857%; }

.state-handheld .suffix-1on7\@handheld {
    margin-right: 14.2857142857%; }

.state-handheld .gr-0\@handheld {
    width: 0%; }

.state-handheld .push-0\@handheld {
    left: 0%; }

.state-handheld .pull-0\@handheld {
    right: 0%; }

.state-handheld .prefix-0\@handheld {
    margin-left: 0%; }

.state-handheld .suffix-0\@handheld {
    margin-right: 0%; }

.state-handheld .gr-1\@handheld {
    width: 25%; }

.state-handheld .push-1\@handheld {
    left: 25%; }

.state-handheld .pull-1\@handheld {
    right: 25%; }

.state-handheld .prefix-1\@handheld {
    margin-left: 25%; }

.state-handheld .suffix-1\@handheld {
    margin-right: 25%; }

.state-handheld .gr-2\@handheld {
    width: 50%; }

.state-handheld .push-2\@handheld {
    left: 50%; }

.state-handheld .pull-2\@handheld {
    right: 50%; }

.state-handheld .prefix-2\@handheld {
    margin-left: 50%; }

.state-handheld .suffix-2\@handheld {
    margin-right: 50%; }

.state-handheld .gr-3\@handheld {
    width: 75%; }

.state-handheld .push-3\@handheld {
    left: 75%; }

.state-handheld .pull-3\@handheld {
    right: 75%; }

.state-handheld .prefix-3\@handheld {
    margin-left: 75%; }

.state-handheld .suffix-3\@handheld {
    margin-right: 75%; }

.state-handheld .gr-4\@handheld {
    width: 100%; }

.state-handheld .push-4\@handheld {
    left: 100%; }

.state-handheld .pull-4\@handheld {
    right: 100%; }

.state-handheld .prefix-4\@handheld {
    margin-left: 100%; }

.state-handheld .suffix-4\@handheld {
    margin-right: 100%; }

.state-handheld .float-left\@handheld {
    float: left; }

.state-handheld .float-right\@handheld {
    float: right; }

.state-handheld .clear\@handheld {
    clear: both; }

.state-handheld .clear-left\@handheld {
    clear: left; }

.state-handheld .clear-right\@handheld {
    clear: right; }

.state-handheld .no-gutter\@handheld {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important; }

.state-handheld .no-gutter-left\@handheld {
    padding-left: 0 !important; }

.state-handheld .no-gutter-right\@handheld {
    padding-right: 0 !important; }

.state-handheld .no-gutter-top\@handheld {
    padding-top: 0 !important; }

.state-handheld .no-gutter-bottom\@handheld {
    padding-bottom: 0 !important; }

.state-handheld .gutter\@handheld {
    padding-right: 5px;
    padding-left: 5px; }

.state-handheld .gutter-left\@handheld {
    padding-left: 5px; }

.state-handheld .gutter-right\@handheld {
    padding-right: 5px; }

.state-handheld .auto-height\@handheld {
    height: inherit; }

.state-handheld .row\@handheld {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px; }
[class*="no-gutter"] > .state-handheld .row\@handheld {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.state-handheld .row-reverse\@handheld {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px; }
[class*="no-gutter"] > .state-handheld .row-reverse\@handheld {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.state-handheld .row-full\@handheld {
    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-handheld .col\@handheld {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px; }

.state-handheld .col-reverse\@handheld {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px; }

.state-handheld .gr-table\@handheld {
    display: table-cell;
    float: none;
    vertical-align: top; }

.state-handheld .row-align-left\@handheld {
    font-size: 0;
    clear: both;
    text-align: left; }
.state-handheld .row-align-left\@handheld > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-handheld .row-align-left\@handheld > * {
        margin-right: -0.5px; } }

.state-handheld .row-align-center\@handheld {
    font-size: 0;
    clear: both;
    text-align: center; }
.state-handheld .row-align-center\@handheld > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-handheld .row-align-center\@handheld > * {
        margin-right: -0.5px; } }
.state-handheld .row-align-center\@handheld > * {
    text-align: left; }

.state-handheld .row-align-right\@handheld {
    font-size: 0;
    clear: both;
    text-align: right; }
.state-handheld .row-align-right\@handheld > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-handheld .row-align-right\@handheld > * {
        margin-right: -0.5px; } }
.state-handheld .row-align-right\@handheld > * {
    text-align: left; }

.state-handheld .row-align-middle\@handheld {
    font-size: 0;
    clear: both;
    vertical-align: middle; }
.state-handheld .row-align-middle\@handheld > * {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-handheld .row-align-middle\@handheld > * {
        margin-right: -0.5px; } }

.state-handheld .row-align-top\@handheld {
    font-size: 0;
    clear: both;
    vertical-align: top; }
.state-handheld .row-align-top\@handheld > * {
    float: none !important;
    vertical-align: top;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-handheld .row-align-top\@handheld > * {
        margin-right: -0.5px; } }

.state-handheld .row-align-bottom\@handheld {
    font-size: 0;
    clear: both;
    vertical-align: bottom; }
.state-handheld .row-align-bottom\@handheld > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem; }

@-moz-document url-prefix() {
    .state-handheld .row-align-bottom\@handheld > * {
        margin-right: -0.5px; } }

.state-handheld .hide\@handheld {
    display: none; }

.state-handheld .not-visible\@handheld {
    visibility: hidden; }

.state-handheld .show\@handheld {
    display: block; }

.state-handheld .show-inline\@handheld {
    display: inline-block; }

.state-handheld .visible\@handheld {
    visibility: visible; }

.state-handheld .clear-each-2\@handheld > [class*="gr-"]:nth-of-type(2n+1) {
    clear: both; }

.state-handheld .clear-each-3\@handheld > [class*="gr-"]:nth-of-type(3n+1) {
    clear: both; }

.state-handheld .clear-each-4\@handheld > [class*="gr-"]:nth-of-type(4n+1) {
    clear: both; }

.state-handheld .clear-each-5\@handheld > [class*="gr-"]:nth-of-type(5n+1) {
    clear: both; }

.state-handheld .clear-each-6\@handheld > [class*="gr-"]:nth-of-type(6n+1) {
    clear: both; }

.state-handheld .clear-each-7\@handheld > [class*="gr-"]:nth-of-type(7n+1) {
    clear: both; }

.state-handheld .clear-each-8\@handheld > [class*="gr-"]:nth-of-type(8n+1) {
    clear: both; }

.state-handheld .clear-each-9\@handheld > [class*="gr-"]:nth-of-type(9n+1) {
    clear: both; }

.state-handheld .clear-each-10\@handheld > [class*="gr-"]:nth-of-type(10n+1) {
    clear: both; }

.state-handheld .clear-each-11\@handheld > [class*="gr-"]:nth-of-type(11n+1) {
    clear: both; }

.state-handheld .clear-each-12\@handheld > [class*="gr-"]:nth-of-type(12n+1) {
    clear: both; }

.state-handheld .row-debug\@handheld {
    position: relative;
    z-index: 99999;
    overflow: hidden; }
.state-handheld .row-debug\@handheld: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: 50% 100%;
    z-index: 99999; }

.state-handheld body {
    direction: ltr; }

@media screen and (max-width: 600px) {
    .gr-1on5\@handheld {
        width: 20%; }
    .push-1on5\@handheld {
        left: 20%; }
    .pull-1on5\@handheld {
        right: 20%; }
    .prefix-1on5\@handheld {
        margin-left: 20%; }
    .suffix-1on5\@handheld {
        margin-right: 20%; }
    .gr-1on7\@handheld {
        width: 14.2857142857%; }
    .push-1on7\@handheld {
        left: 14.2857142857%; }
    .pull-1on7\@handheld {
        right: 14.2857142857%; }
    .prefix-1on7\@handheld {
        margin-left: 14.2857142857%; }
    .suffix-1on7\@handheld {
        margin-right: 14.2857142857%; }
    .gr-0\@handheld {
        width: 0%; }
    .push-0\@handheld {
        left: 0%; }
    .pull-0\@handheld {
        right: 0%; }
    .prefix-0\@handheld {
        margin-left: 0%; }
    .suffix-0\@handheld {
        margin-right: 0%; }
    .gr-1\@handheld {
        width: 25%; }
    .push-1\@handheld {
        left: 25%; }
    .pull-1\@handheld {
        right: 25%; }
    .prefix-1\@handheld {
        margin-left: 25%; }
    .suffix-1\@handheld {
        margin-right: 25%; }
    .gr-2\@handheld {
        width: 50%; }
    .push-2\@handheld {
        left: 50%; }
    .pull-2\@handheld {
        right: 50%; }
    .prefix-2\@handheld {
        margin-left: 50%; }
    .suffix-2\@handheld {
        margin-right: 50%; }
    .gr-3\@handheld {
        width: 75%; }
    .push-3\@handheld {
        left: 75%; }
    .pull-3\@handheld {
        right: 75%; }
    .prefix-3\@handheld {
        margin-left: 75%; }
    .suffix-3\@handheld {
        margin-right: 75%; }
    .gr-4\@handheld {
        width: 100%; }
    .push-4\@handheld {
        left: 100%; }
    .pull-4\@handheld {
        right: 100%; }
    .prefix-4\@handheld {
        margin-left: 100%; }
    .suffix-4\@handheld {
        margin-right: 100%; }
    .float-left\@handheld {
        float: left; }
    .float-right\@handheld {
        float: right; }
    .clear\@handheld {
        clear: both; }
    .clear-left\@handheld {
        clear: left; }
    .clear-right\@handheld {
        clear: right; }
    .no-gutter\@handheld {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important; }
    .no-gutter-left\@handheld {
        padding-left: 0 !important; }
    .no-gutter-right\@handheld {
        padding-right: 0 !important; }
    .no-gutter-top\@handheld {
        padding-top: 0 !important; }
    .no-gutter-bottom\@handheld {
        padding-bottom: 0 !important; }
    .gutter\@handheld {
        padding-right: 5px;
        padding-left: 5px; }
    .gutter-left\@handheld {
        padding-left: 5px; }
    .gutter-right\@handheld {
        padding-right: 5px; }
    .auto-height\@handheld {
        height: inherit; }
    .row\@handheld {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px; }
    [class*="no-gutter"] > .row\@handheld {
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .row-reverse\@handheld {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px; }
    [class*="no-gutter"] > .row-reverse\@handheld {
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .row-full\@handheld {
        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\@handheld {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px; }
    .col-reverse\@handheld {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -5px;
        margin-right: -5px; }
    .gr-table\@handheld {
        display: table-cell;
        float: none;
        vertical-align: top; }
    .row-align-left\@handheld {
        font-size: 0;
        clear: both;
        text-align: left; }
    .row-align-left\@handheld > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-left\@handheld > * {
            margin-right: -0.5px; } }
    .row-align-center\@handheld {
        font-size: 0;
        clear: both;
        text-align: center; }
    .row-align-center\@handheld > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-center\@handheld > * {
            margin-right: -0.5px; } }
    .row-align-center\@handheld > * {
        text-align: left; }
    .row-align-right\@handheld {
        font-size: 0;
        clear: both;
        text-align: right; }
    .row-align-right\@handheld > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-right\@handheld > * {
            margin-right: -0.5px; } }
    .row-align-right\@handheld > * {
        text-align: left; }
    .row-align-middle\@handheld {
        font-size: 0;
        clear: both;
        vertical-align: middle; }
    .row-align-middle\@handheld > * {
        float: none !important;
        vertical-align: middle;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-middle\@handheld > * {
            margin-right: -0.5px; } }
    .row-align-top\@handheld {
        font-size: 0;
        clear: both;
        vertical-align: top; }
    .row-align-top\@handheld > * {
        float: none !important;
        vertical-align: top;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-top\@handheld > * {
            margin-right: -0.5px; } }
    .row-align-bottom\@handheld {
        font-size: 0;
        clear: both;
        vertical-align: bottom; }
    .row-align-bottom\@handheld > * {
        float: none !important;
        vertical-align: bottom;
        font-size: 1rem; }
    @-moz-document url-prefix() {
        .row-align-bottom\@handheld > * {
            margin-right: -0.5px; } }
    .hide\@handheld {
        display: none; }
    .not-visible\@handheld {
        visibility: hidden; }
    .show\@handheld {
        display: block; }
    .show-inline\@handheld {
        display: inline-block; }
    .visible\@handheld {
        visibility: visible; }
    .clear-each-2\@handheld > [class*="gr-"]:nth-of-type(2n+1) {
        clear: both; }
    .clear-each-3\@handheld > [class*="gr-"]:nth-of-type(3n+1) {
        clear: both; }
    .clear-each-4\@handheld > [class*="gr-"]:nth-of-type(4n+1) {
        clear: both; }
    .clear-each-5\@handheld > [class*="gr-"]:nth-of-type(5n+1) {
        clear: both; }
    .clear-each-6\@handheld > [class*="gr-"]:nth-of-type(6n+1) {
        clear: both; }
    .clear-each-7\@handheld > [class*="gr-"]:nth-of-type(7n+1) {
        clear: both; }
    .clear-each-8\@handheld > [class*="gr-"]:nth-of-type(8n+1) {
        clear: both; }
    .clear-each-9\@handheld > [class*="gr-"]:nth-of-type(9n+1) {
        clear: both; }
    .clear-each-10\@handheld > [class*="gr-"]:nth-of-type(10n+1) {
        clear: both; }
    .clear-each-11\@handheld > [class*="gr-"]:nth-of-type(11n+1) {
        clear: both; }
    .clear-each-12\@handheld > [class*="gr-"]:nth-of-type(12n+1) {
        clear: both; }
    .row-debug\@handheld {
        position: relative;
        z-index: 99999;
        overflow: hidden; }
    .row-debug\@handheld: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: 50% 100%;
        z-index: 99999; }
    body {
        direction: ltr; } }

.state-handheld .gr-1on5, .state-handheld .gr-1on7, .state-handheld .gr-0, .state-handheld .gr-1, .state-handheld .gr-2, .state-handheld .gr-3, .state-handheld .gr-4, .state-handheld .gr-5, .state-handheld .gr-6, .state-handheld .gr-7, .state-handheld .gr-8, .state-handheld .gr-9, .state-handheld .gr-10, .state-handheld .gr-11, .state-handheld .gr-12, .state-handheld .gr-1on5\@desktop, .state-handheld .gr-1on7\@desktop, .state-handheld .gr-0\@desktop, .state-handheld .gr-1\@desktop, .state-handheld .gr-2\@desktop, .state-handheld .gr-3\@desktop, .state-handheld .gr-4\@desktop, .state-handheld .gr-5\@desktop, .state-handheld .gr-6\@desktop, .state-handheld .gr-7\@desktop, .state-handheld .gr-8\@desktop, .state-handheld .gr-9\@desktop, .state-handheld .gr-10\@desktop, .state-handheld .gr-11\@desktop, .state-handheld .gr-12\@desktop, .state-handheld .gr-1on5\@tablet, .state-handheld .gr-1on7\@tablet, .state-handheld .gr-0\@tablet, .state-handheld .gr-1\@tablet, .state-handheld .gr-2\@tablet, .state-handheld .gr-3\@tablet, .state-handheld .gr-4\@tablet, .state-handheld .gr-5\@tablet, .state-handheld .gr-6\@tablet, .state-handheld .gr-7\@tablet, .state-handheld .gr-8\@tablet, .state-handheld .gr-9\@tablet, .state-handheld .gr-10\@tablet, .state-handheld .gr-11\@tablet, .state-handheld .gr-12\@tablet, .state-handheld .gr-1on5\@tabletPortrait, .state-handheld .gr-1on7\@tabletPortrait, .state-handheld .gr-0\@tabletPortrait, .state-handheld .gr-1\@tabletPortrait, .state-handheld .gr-2\@tabletPortrait, .state-handheld .gr-3\@tabletPortrait, .state-handheld .gr-4\@tabletPortrait, .state-handheld .gr-5\@tabletPortrait, .state-handheld .gr-6\@tabletPortrait, .state-handheld .gr-7\@tabletPortrait, .state-handheld .gr-8\@tabletPortrait, .state-handheld .gr-9\@tabletPortrait, .state-handheld .gr-10\@tabletPortrait, .state-handheld .gr-11\@tabletPortrait, .state-handheld .gr-12\@tabletPortrait, .state-handheld .gr-1on5\@handheld, .state-handheld .gr-1on7\@handheld, .state-handheld .gr-0\@handheld, .state-handheld .gr-1\@handheld, .state-handheld .gr-2\@handheld, .state-handheld .gr-3\@handheld, .state-handheld .gr-4\@handheld, .state-handheld .gr-5\@handheld, .state-handheld .gr-6\@handheld, .state-handheld .gr-7\@handheld, .state-handheld .gr-8\@handheld, .state-handheld .gr-9\@handheld, .state-handheld .gr-10\@handheld, .state-handheld .gr-11\@handheld, .state-handheld .gr-12\@handheld {
    padding-right: 5px;
    padding-left: 5px; }

.state-handheld .gr-grow, .state-handheld .gr-grow\@desktop, .state-handheld .gr-grow\@tablet, .state-handheld .gr-grow\@tabletPortrait, .state-handheld .gr-grow\@handheld {
    padding-right: 5px;
    padding-left: 5px; }

.state-handheld .gr-adapt, .state-handheld .gr-adapt\@desktop, .state-handheld .gr-adapt\@tablet, .state-handheld .gr-adapt\@tabletPortrait, .state-handheld .gr-adapt\@handheld {
    padding-right: 5px;
    padding-left: 5px; }

@media screen and (max-width: 600px) {
    .gr-1on5, .gr-1on7, .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-1on5\@desktop, .gr-1on7\@desktop, .gr-0\@desktop, .gr-1\@desktop, .gr-2\@desktop, .gr-3\@desktop, .gr-4\@desktop, .gr-5\@desktop, .gr-6\@desktop, .gr-7\@desktop, .gr-8\@desktop, .gr-9\@desktop, .gr-10\@desktop, .gr-11\@desktop, .gr-12\@desktop, .gr-1on5\@tablet, .gr-1on7\@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-1on5\@tabletPortrait, .gr-1on7\@tabletPortrait, .gr-0\@tabletPortrait, .gr-1\@tabletPortrait, .gr-2\@tabletPortrait, .gr-3\@tabletPortrait, .gr-4\@tabletPortrait, .gr-5\@tabletPortrait, .gr-6\@tabletPortrait, .gr-7\@tabletPortrait, .gr-8\@tabletPortrait, .gr-9\@tabletPortrait, .gr-10\@tabletPortrait, .gr-11\@tabletPortrait, .gr-12\@tabletPortrait, .gr-1on5\@handheld, .gr-1on7\@handheld, .gr-0\@handheld, .gr-1\@handheld, .gr-2\@handheld, .gr-3\@handheld, .gr-4\@handheld, .gr-5\@handheld, .gr-6\@handheld, .gr-7\@handheld, .gr-8\@handheld, .gr-9\@handheld, .gr-10\@handheld, .gr-11\@handheld, .gr-12\@handheld {
        padding-right: 5px;
        padding-left: 5px; }
    .gr-grow, .gr-grow\@desktop, .gr-grow\@tablet, .gr-grow\@tabletPortrait, .gr-grow\@handheld {
        padding-right: 5px;
        padding-left: 5px; }
    .gr-adapt, .gr-adapt\@desktop, .gr-adapt\@tablet, .gr-adapt\@tabletPortrait, .gr-adapt\@handheld {
        padding-right: 5px;
        padding-left: 5px; } }


#main {
    background: url("/fileadmin/site/images/karriere/Background.png") repeat-y top center;
    background-size: 100%; }
#main > :first-child {
    padding-top: 0; }

header {
    z-index: 150; }

#canvas-overlay {
    z-index: 175; }

#canvas {
    z-index: 200; }

.ce-menu-1-box {
    font-weight: 700;
    font-family: "Stratum2Web";
    text-transform: uppercase; }
.ce-menu-1-box .ce-menu-1::after {
    content: '';
    clear: both;
    display: block; }
.ce-menu-1-box .ce-menu-1 li a {
    color: #fff;
    background-color: #f28e00;
    font-size: 30px;
    position: relative;
    padding: 20px 100px 20px 20px;
    display: block;
    min-height: 72px; }
.ce-menu-1-box .ce-menu-1 li a::after {
    position: absolute;
    content: '';
    display: block;
    right: 40px;
    top: calc(50% - 20px);
    background: url("/fileadmin/site/layout/career-link-arrow-blue.svg") no-repeat center;
    width: 40px;
    height: 40px; }

.ce-menu-0-box {
    font-weight: 700;
    font-family: "Stratum2Web";
    text-transform: uppercase;
    margin-top: 20px;
    padding: 0; }
.ce-menu-0-box .ce-menu-0 {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch; }
.ce-menu-0-box .ce-menu-0::after {
    content: '';
    clear: both;
    display: block; }
.ce-menu-0-box .ce-menu-0 li {
    position: relative;
    height: 100%; }
.ce-menu-0-box .ce-menu-0 li a {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    position: relative;
    padding: 20px 50px 20px 20px;
    display: block;
    min-height: 42px; }
@media only screen and (max-width: 1160px) {
    .ce-menu-0-box .ce-menu-0 li a {
        font-size: 18px; } }
@media only screen and (max-width: 960px) {
    .ce-menu-0-box .ce-menu-0 li a {
        min-height: 0; } }
.ce-menu-0-box .ce-menu-0 li a::after {
    position: absolute;
    content: '';
    display: block;
    right: 10px;
    top: calc(50% - 15px);
    background: url("/fileadmin/site/layout/career-link-arrow.svg") no-repeat center;
    width: 30px;
    height: 30px; }
.ce-menu-0-box .ce-menu-0 li:last-of-type a {
    background-color: #fff;
    color: #000; }

.ce-columns {
    overflow: hidden; }
.ce-columns > .inside {
    position: relative; }
#main .ce-columns.backgroundImage, #main .ce-columns.backgroundVideo {
    overflow: hidden; }
#main .ce-columns.backgroundImage > .inside, #main .ce-columns.backgroundVideo > .inside {
    min-height: 500px;
    max-width: none; }
@media only screen and (max-width: 960px) {
    #main .ce-columns.backgroundImage > .inside, #main .ce-columns.backgroundVideo > .inside {
        min-height: 250px; } }
@media only screen and (max-width: 599px) {
    #main .ce-columns.backgroundImage > .inside, #main .ce-columns.backgroundVideo > .inside {
        min-height: 200px; } }
#main .ce-columns.backgroundImage > .inside .background-image, #main .ce-columns.backgroundVideo > .inside .background-image {
    width: 1920px;
    left: 50%;
    margin-left: -960px; }
@media only screen and (max-width: 960px) {
    #main .ce-columns.backgroundImage > .inside .background-image, #main .ce-columns.backgroundVideo > .inside .background-image {
        width: 960px;
        left: 50%;
        margin-left: -480px; } }
@media only screen and (max-width: 599px) {
    #main .ce-columns.backgroundImage > .inside .background-image, #main .ce-columns.backgroundVideo > .inside .background-image {
        width: 640px;
        left: 50%;
        margin-left: -320px; } }
#main .ce-columns.backgroundImage > .inside .content > .inside, #main .ce-columns.backgroundVideo > .inside .content > .inside {
    padding: 0 20px; }
@media only screen and (max-width: 599px) {
    #main .ce-columns.backgroundImage > .inside .content > .inside, #main .ce-columns.backgroundVideo > .inside .content > .inside {
        padding: 0 10px; }
    #main .ce-columns.backgroundImage > .inside .content > .inside h1, #main .ce-columns.backgroundVideo > .inside .content > .inside h1 {
        width: 100%; } }
#main .ce-columns.backgroundImage > .inside .content > .inside .frame-type-textmedia, #main .ce-columns.backgroundVideo > .inside .content > .inside .frame-type-textmedia {
    margin-top: 350px;
    background-color: #f28e00;
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    display: inline-block;
    font-family: "Stratum2Web";
    margin-left: -10px;
    font-weight: 700; }
@media only screen and (max-width: 960px) {
    #main .ce-columns.backgroundImage > .inside .content > .inside .frame-type-textmedia, #main .ce-columns.backgroundVideo > .inside .content > .inside .frame-type-textmedia {
        font-size: 22px;
        margin-top: 175px; } }
@media only screen and (max-width: 599px) {
    #main .ce-columns.backgroundImage > .inside .content > .inside .frame-type-textmedia, #main .ce-columns.backgroundVideo > .inside .content > .inside .frame-type-textmedia {
        width: 100%;
        margin: 0; } }
#main .ce-columns.backgroundImage > .inside .content > .inside .frame-type-textmedia p, #main .ce-columns.backgroundVideo > .inside .content > .inside .frame-type-textmedia p {
    margin: 10px 20px; }
#main .ce-columns.backgroundVideo > .inside {
    min-height: 500px; }
#main .ce-columns.backgroundVideo > .inside .background-image {
    margin-top: -300px;
    z-index: auto; }
#main .ce-columns.backgroundVideo > .inside .content {
    position: relative; }
#main .ce-columns.backgroundVideo > .inside .content > .inside .ce-headline .inside > * {
    font-size: 22px; }
.ce-columns .background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
@media only screen and (max-width: 599px) {
    .ce-columns .background-image {
        position: relative; }
    .ce-columns .background-image .frame-type-textmedia {
        margin-bottom: 0; }
    #main .ce-columns .background-image .frame-type-textmedia .ce-gallery {
        margin-bottom: 0; }
    #main .ce-columns .background-image .frame-type-textmedia .ce-gallery .ce-column {
        margin-bottom: 0; } }
#main .ce-columns .background-image .inside {
    max-width: none; }
.ce-columns .content {
    position: relative; }

.ce-columns.orangeWhite .ce-media, .ce-columns.blueWhite .ce-media, .ce-columns.blueTurquoise .ce-media, .ce-columns.yellowBlack .ce-media, .ce-columns.blackYellow .ce-media, .ce-columns.blueGreen .ce-media, .ce-columns.blueGrey .ce-media, .ce-columns.whiteBlack .ce-media {
    position: relative; }
.ce-columns.orangeWhite .ce-media::after, .ce-columns.blueWhite .ce-media::after, .ce-columns.blueTurquoise .ce-media::after, .ce-columns.yellowBlack .ce-media::after, .ce-columns.blackYellow .ce-media::after, .ce-columns.blueGreen .ce-media::after, .ce-columns.blueGrey .ce-media::after, .ce-columns.whiteBlack .ce-media::after {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: ''; }

.ce-columns.white {
    background-color: transparent; }
.ce-columns.white > .inside {
    background-color: #fff; }

.ce-columns.lightGrey {
    background-color: transparent; }
.ce-columns.lightGrey > .inside {
    background-color: #f3f3f3; }

.ce-columns.grey {
    background-color: transparent; }
.ce-columns.grey > .inside {
    background-color: #939ba0; }

.ce-columns.orangeWhite > .inside {
    background-color: #f28e00;
    color: #fff; }
.ce-columns.orangeWhite > .inside h1, .ce-columns.orangeWhite > .inside h2, .ce-columns.orangeWhite > .inside h3, .ce-columns.orangeWhite > .inside .h1, .ce-columns.orangeWhite > .inside .h2, .ce-columns.orangeWhite > .inside .h3, .ce-columns.orangeWhite > .inside a {
    color: #fff; }

.ce-columns.blueWhite > .inside {
    background-color: #1c3155;
    color: #fff; }
.ce-columns.blueWhite > .inside h1, .ce-columns.blueWhite > .inside h2, .ce-columns.blueWhite > .inside h3, .ce-columns.blueWhite > .inside .h1, .ce-columns.blueWhite > .inside .h2, .ce-columns.blueWhite > .inside .h3, .ce-columns.blueWhite > .inside a {
    color: #fff; }

.ce-columns.blueTurquoise > .inside {
    background-color: #1c3155;
    color: #8acbbb; }
.ce-columns.blueTurquoise > .inside h1, .ce-columns.blueTurquoise > .inside h2, .ce-columns.blueTurquoise > .inside h3, .ce-columns.blueTurquoise > .inside .h1, .ce-columns.blueTurquoise > .inside .h2, .ce-columns.blueTurquoise > .inside .h3, .ce-columns.blueTurquoise > .inside a {
    color: #8acbbb; }
.ce-columns.blueTurquoise > .inside .link a {
    border-color: #8acbbb; }

.ce-columns.blueGreen > .inside {
    background-color: #1c3155;
    color: #76b843; }
.ce-columns.blueGreen > .inside h1, .ce-columns.blueGreen > .inside h2, .ce-columns.blueGreen > .inside h3, .ce-columns.blueGreen > .inside .h1, .ce-columns.blueGreen > .inside .h2, .ce-columns.blueGreen > .inside .h3, .ce-columns.blueGreen > .inside a {
    color: #76b843; }
.ce-columns.blueGreen > .inside .link a {
    border-color: #76b843; }

.ce-columns.blueGrey > .inside {
    background-color: #1c3155;
    color: #dedede; }
.ce-columns.blueGrey > .inside h1, .ce-columns.blueGrey > .inside h2, .ce-columns.blueGrey > .inside h3, .ce-columns.blueGrey > .inside .h1, .ce-columns.blueGrey > .inside .h2, .ce-columns.blueGrey > .inside .h3, .ce-columns.blueGrey > .inside a {
    color: #dedede; }
.ce-columns.blueGrey > .inside .link a {
    border-color: #dedede; }

.ce-columns.yellowBlack > .inside {
    background-color: #cfd73b;
    color: #1c3155; }
.ce-columns.yellowBlack > .inside h1, .ce-columns.yellowBlack > .inside h2, .ce-columns.yellowBlack > .inside h3, .ce-columns.yellowBlack > .inside .h1, .ce-columns.yellowBlack > .inside .h2, .ce-columns.yellowBlack > .inside .h3, .ce-columns.yellowBlack > .inside a {
    color: #1c3155; }
.ce-columns.yellowBlack > .inside .link a {
    border-color: #1c3155; }

.ce-columns.blackYellow > .inside {
    background-color: #1c3155;
    color: #cfd73b; }
.ce-columns.blackYellow > .inside h1, .ce-columns.blackYellow > .inside h2, .ce-columns.blackYellow > .inside h3, .ce-columns.blackYellow > .inside .h1, .ce-columns.blackYellow > .inside .h2, .ce-columns.blackYellow > .inside .h3, .ce-columns.blackYellow > .inside a {
    color: #cfd73b; }
.ce-columns.blackYellow > .inside .link a {
    border-color: #cfd73b; }

.ce-columns.whiteBlack > .inside {
    background-color: #fff;
    color: #000; }
.ce-columns.whiteBlack > .inside h1, .ce-columns.whiteBlack > .inside h2, .ce-columns.whiteBlack > .inside h3, .ce-columns.whiteBlack > .inside .h1, .ce-columns.whiteBlack > .inside .h2, .ce-columns.whiteBlack > .inside .h3, .ce-columns.whiteBlack > .inside a {
    color: #000; }
.ce-columns.whiteBlack > .inside .link a {
    border-color: #000; }

#main .ce-content-box {
    max-width: 1160px;
    margin: auto; }
#main .ce-content-box.slide-show {
    max-width: none;
    padding: 0; }
#main .ce-content-box.slide-show > .inside {
    padding: 0;
    width: 100%;
    max-width: none; }
#main .ce-content-box.slide-show .cycle-slide {
    width: 100%;
    margin: 0; }
#main .ce-content-box.slide-show .cycle-slide > .inside {
    max-width: none;
    width: 100%; }
#main .ce-content-box.slide-show .cycle-slide > .inside .inside {
    max-width: none;
    width: 100%; }
#main .ce-content-box.slide-show .cycle-slide > .inside > .content {
    height: 100%; }
#main .ce-content-box.slide-show .frame-type-textmedia {
    text-align: center; }
#main .ce-content-box.slide-show .frame-type-textmedia .ce-headline > .h1 {
    padding: 20px 80px;
    background-color: #1c3155;
    color: #fff;
    display: inline-block;
    max-width: 60%;
    box-sizing: border-box; }
#main .ce-content-box.slide-show .frame-type-textmedia .ce-headline > .h1 p {
    margin: 0; }
@media only screen and (max-width: 960px) {
    #main .ce-content-box.slide-show .frame-type-textmedia .ce-headline > .h1 {
        max-width: none;
        font-size: 22px;
        padding: 20px 40px; } }
@media only screen and (max-width: 599px) {
    #main .ce-content-box.slide-show .frame-type-textmedia .ce-headline > .h1 {
        padding: 20px 20px; } }
@media only screen and (max-width: 599px) {
    #main .ce-content-box.slide-show .frame-type-textmedia .ce-headline {
        position: relative;
        padding: 0 10px;
        box-sizing: border-box; }
    #main .ce-content-box.slide-show .frame-type-textmedia .ce-headline > .h1 {
        width: 100%; } }
#main .ce-content-box.slide-show .ce-headline {
    position: absolute;
    z-index: 105;
    top: 0;
    left: 50%;
    margin-left: -580px;
    max-width: 1160px;
    width: 100%; }
@media only screen and (max-width: 1160px) {
    #main .ce-content-box.slide-show .ce-headline {
        left: 0;
        margin-left: 0; } }
#main .ce-content-box.header-quiz {
    max-width: none;
    padding: 0;
    position: relative;
    font-family: "Stratum2Web"; }
@media only screen and (max-width: 599px) {
    #main .ce-content-box.header-quiz .ce-columns.backgroundImage > .inside, #main .ce-content-box.header-quiz .ce-columns .backgroundVideo > .inside {
        height: auto; }
    #main .ce-content-box.header-quiz .ce-columns.backgroundImage > .inside .inside, #main .ce-content-box.header-quiz .ce-columns .backgroundVideo > .inside .inside {
        height: auto; }
    #main .ce-content-box.header-quiz .ce-columns.backgroundImage > .inside .content, #main .ce-content-box.header-quiz .ce-columns .backgroundVideo > .inside .content {
        display: none;
    }
}
@media only screen and (max-width: 960px) {
    #main .ce-content-box.header-quiz .ce-columns.backgroundImage > .inside .background-image, #main .ce-content-box.header-quiz .ce-columns .backgroundVideo > .inside .background-image {
        width: 1920px;
        left: 50%;
        margin-left: -960px; } }
@media only screen and (max-width: 599px) {
    #main .ce-content-box.header-quiz .ce-columns.backgroundImage > .inside .background-image, #main .ce-content-box.header-quiz .ce-columns .backgroundVideo > .inside .background-image {
        /*width: 100%;*/
        /*left: 0;*/
        /*margin-left: 0; */
        width: 640px;
        left: 50%;
        margin-left: -320px;
    }
    #page-ausbildung-bei-actech .ce-columns.equalize:nth-child(2) .career-teaser-job {
        padding-top: 80px;
    }
    #page-ausbildung-bei-actech .ce-headline > h1 {
        display: block;
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    #main .ce-content-box.header-quiz .ce-headline {
        top: 0 !important;
    }

}
#main .ce-content-box.header-quiz .start_overlay {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 148;
    color: #cfd73b;
    font-size: 40px;
    text-align: center;
    padding-top: 200px;
    box-sizing: border-box;
    text-transform: uppercase; }
@media only screen and (max-width: 599px) {
    #main .ce-content-box.header-quiz .start_overlay {
        display: none; } }
#main .ce-content-box.header-quiz .start_overlay div {
    max-width: 350px;
    margin: auto; }
#main .ce-content-box.header-quiz .start_overlay .start {
    border: 1px solid #cfd73b;
    color: #fff;
    padding: 6.6666666667px 20px;
    cursor: pointer;
    display: inline-block;
    margin-top: 20px;
    font-size: 22px; }
#main .ce-content-box.header-quiz .large-dot {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100px;
    height: 100px;
    margin-top: -15px;
    margin-left: -50px;
    border-radius: 50%;
    display: block;
    background-color: #f28e00;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    line-height: 102px;
    animation-name: pulse;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    font-size: 70px; }
#main .ce-content-box.header-quiz .large-dot::before {
    position: absolute;
    width: 110px;
    height: 110px;
    top: -6px;
    left: -6px;
    border: 1px solid #f28e00;
    content: '';
    border-radius: 50%; }
#main .ce-content-box.header-quiz .large-dot.giesserei {
    background-color: #cfd73b;
    color: #1c3155; }
#main .ce-content-box.header-quiz .large-dot.giesserei::before {
    border-color: #cfd73b; }
#main .ce-content-box.header-quiz .large-dot.zerspanung {
    background-color: #8acbbb;
    color: #1c3155; }
#main .ce-content-box.header-quiz .large-dot.zerspanung::before {
    border-color: #8acbbb; }
#main .ce-content-box.header-quiz .large-dot::after {
    content: attr(data-position);
    position: relative;
    top: 0;
    left: 0;
    width: 106px;
    height: 106px; }
#main .ce-content-box.header-quiz .large-dot.correct {
    background-color: #39ae4a;
    color: #fff; }
#main .ce-content-box.header-quiz .large-dot.correct::before {
    border-color: #39ae4a;
    color: #fff; }
#main .ce-content-box.header-quiz .large-dot.correct::after {
    content: '\2713'; }
#main .ce-content-box.header-quiz .large-dot.false {
    background-color: #ff2d22;
    color: #fff; }
#main .ce-content-box.header-quiz .large-dot.false::before {
    border-color: #ff2d22;
    color: #fff; }
#main .ce-content-box.header-quiz .large-dot.false::after {
    font-size: 14px;
    content: attr(data-line);
    text-transform: uppercase;
    background: url("/fileadmin/site/layout/quiz/restart-white.png") no-repeat center 57px;
    background-size: 20px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 16px;
    font-weight: 700;
    padding-top: 22px; }
#main .ce-content-box.header-quiz .quiz-pager {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 125;
    text-align: center; }
@media only screen and (max-width: 599px) {
    #main .ce-content-box.header-quiz .quiz-pager {
        display: none; } }
#main .ce-content-box.header-quiz .quiz-pager .element {
    display: inline-block;
    background-color: #f28e00;
    color: #fff;
    cursor: pointer;
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0 10px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 20px;
    position: relative; }
#main .ce-content-box.header-quiz .quiz-pager .element.active::after {
    content: '';
    height: 40px;
    width: 150px;
    position: absolute;
    top: -6px;
    left: -6px;
    border: 1px solid #f28e00; }
#main .ce-content-box.header-quiz .quiz-pager .element.giesserei {
    background-color: #cfd73b;
    color: #1c3155; }
#main .ce-content-box.header-quiz .quiz-pager .element.giesserei.active::after {
    border-color: #cfd73b; }
#main .ce-content-box.header-quiz .quiz-pager .element.zerspanung {
    background-color: #8acbbb;
    color: #1c3155; }
#main .ce-content-box.header-quiz .quiz-pager .element.zerspanung.active::after {
    border-color: #8acbbb; }
#main .ce-content-box.header-quiz .backgroundImage > .inside {
    height: 500px; }
#main .ce-content-box.header-quiz .backgroundImage > .inside > .content {
    height: 100%; }
#main .ce-content-box.header-quiz .frame-type-textmedia {
    text-align: center; }
#main .ce-content-box.header-quiz .frame-type-textmedia .ce-headline > .h1 {
    padding: 20px 80px;
    background-color: #1c3155;
    color: #fff;
    display: inline-block;
    max-width: 60%;
    box-sizing: border-box; }
#main .ce-content-box.header-quiz .frame-type-textmedia .ce-headline > .h1 p {
    margin: 0; }
@media only screen and (max-width: 960px) {
    #main .ce-content-box.header-quiz .frame-type-textmedia .ce-headline > .h1 {
        max-width: none;
        font-size: 22px;
        padding: 20px 40px; } }
@media only screen and (max-width: 599px) {
    #main .ce-content-box.header-quiz .frame-type-textmedia .ce-headline > .h1 {
        padding: 20px 20px; } }
@media only screen and (max-width: 599px) {
    #main .ce-content-box.header-quiz .frame-type-textmedia .ce-headline {
        position: relative;
        padding: 0 10px;
        box-sizing: border-box; }
    #main .ce-content-box.header-quiz .frame-type-textmedia .ce-headline > .h1 {
        width: 100%; } }
#main .ce-content-box.header-quiz .ce-headline {
    position: absolute;
    z-index: 149;
    top: 0;
    left: 50%;
    margin-left: -580px;
    max-width: 1160px;
    width: 100%; }
@media only screen and (max-width: 1160px) {
    #main .ce-content-box.header-quiz .ce-headline {
        left: 0;
        margin-left: 0; } }
#main .ce-content-box.header-quiz .inside {
    max-width: 1920px;
    padding: 0; }
#main .ce-content-box.header-quiz .inside .ce-columns {
    width: 100%;
    margin: 0; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside {
    max-width: none; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content {
    position: relative;
    max-width: 1160px;
    margin: auto; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content .intro-text {
    color: #f28e00;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    font-size: 38px;
    text-transform: uppercase;
    text-align: center;
    line-height: 39px; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content .intro-text.giesserei {
    color: #cfd73b; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content .intro-text.zerspanung {
    color: #8acbbb; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot-pager {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    text-align: center; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot {
    cursor: pointer;
    position: static;
    z-index: 1;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 50%;
    display: inline-block;
    background-color: #939ba0;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    line-height: 30px;
    box-shadow: inset 2px 2px 0px 0px rgba(0, 0, 0, 0.5); }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot.giesserei {
    background-color: #cfd73b;
    color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot.zerspanung {
    background-color: #8acbbb;
    color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot.correct {
    box-shadow: none;
    background-color: #39ae4a;
    color: #fff; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot.false {
    box-shadow: none;
    background-color: #ff2d22;
    color: #fff; }
#page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot {
    background-color: #8acbbb;
    color: #1c3155; }
#page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot.correct {
    background-color: #39ae4a;
    color: #fff; }
#page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot.false {
    background-color: #ff2d22;
    color: #fff; }
#page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot {
    background-color: #cfd73b;
    color: #1c3155; }
#page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot.correct {
    background-color: #39ae4a;
    color: #fff; }
#page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .content .dot.false {
    background-color: #ff2d22;
    color: #fff; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: "Stratum2Web";
    font-weight: 700; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question {
    padding: 30px 20px 20px;
    background-color: #f28e00;
    color: #fff;
    position: absolute;
    z-index: 5;
    width: 400px;
    min-height: 135px;
    left: 50%;
    margin-left: -200px;
    top: 58%;
    margin-top: -100px; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .title {
    margin-bottom: 10px; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .answer {
    font-weight: 400; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.giesserei {
    color: #cfd73b;
    background-color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.giesserei .tipp-toggler, #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.giesserei .okay {
    background-color: #cfd73b;
    color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.giesserei .tipp-content.open .inside::after {
    background-color: #cfd73b;
    color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.giesserei .tipp-content.open .inside .closer {
    background-color: #cfd73b;
    color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.giesserei .tipp-content.open .inside .closer::after {
    color: #cfd73b; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.giesserei .answer::after {
    background-color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.zerspanung {
    color: #8acbbb;
    background-color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.zerspanung .tipp-toggler, #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.zerspanung .okay {
    background-color: #8acbbb;
    color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.zerspanung .tipp-content.open .inside::after {
    background-color: #8acbbb;
    color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.zerspanung .tipp-content.open .inside .closer {
    background-color: #8acbbb;
    color: #1c3155; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.zerspanung .tipp-content.open .inside .closer::after {
    color: #8acbbb; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question.zerspanung .answer::after {
    background-color: #1c3155; }
#page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question {
    background-color: #1c3155;
    color: #8acbbb; }
#page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question {
    background-color: #1c3155;
    color: #cfd73b; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .tipp-content {
    display: none; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .tipp-toggler, #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .okay {
    cursor: pointer;
    position: absolute;
    bottom: -17px;
    text-transform: uppercase;
    right: 20px;
    background-color: #f28e00;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 400;
    z-index: 2; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .okay {
    left: 20px;
    right: auto; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .closer {
    position: absolute;
    top: 7px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 2; }
#page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .closer {
    color: #8acbbb; }
#page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .closer {
    color: #cfd73b; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .closer::after {
    position: relative;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: '\2716';
    font-size: 20px; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .correct, #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .false {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #f28e00;
    text-align: center;
    padding: 20px;
    font-size: 26px; }
#page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .correct, #page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .false {
    background-color: #1c3155;
    color: #8acbbb; }
#page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .correct, #page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .false {
    background-color: #1c3155;
    color: #cfd73b; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .correct {
    background: url("/fileadmin/site/layout/quiz/right-white.png") no-repeat center #1c3155; }
#page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .correct {
    background: url("/fileadmin/site/layout/quiz/right-turquoise.png") no-repeat center #1c3155;
    color: #8acbbb; }
#page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .correct {
    background: url("/fileadmin/site/layout/quiz/right-yellow.png") no-repeat center #1c3155;
    color: #cfd73b; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .false {
    background: url("/fileadmin/site/layout/quiz/wrong-white.png") no-repeat center #1c3155; }
#page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .false {
    background: url("/fileadmin/site/layout/quiz/wrong-turquoise.png") no-repeat center #1c3155;
    color: #8acbbb; }
#page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .false {
    background: url("/fileadmin/site/layout/quiz/wrong-yellow.png") no-repeat center #1c3155;
    color: #cfd73b; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .false .restart {
    background: url("/fileadmin/site/layout/quiz/restart-white.png") no-repeat center;
    width: 19px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    cursor: pointer; }
#page-73 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .false .restart {
    background: url("/fileadmin/site/layout/quiz/restart-turquoise.png") no-repeat center; }
#page-72 #main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .false .restart {
    background: url("/fileadmin/site/layout/quiz/restart-yellow.png") no-repeat center; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .answer {
    padding: 5px 20px 5px 20px;
    position: relative;
    cursor: pointer; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .answer::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .answer::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 2px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    background-color: #f28e00;
    border-radius: 50%; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .answer.selected::after {
    display: none; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .text {
    padding: 20px 0; }
#main .ce-content-box.header-quiz .inside .ce-columns .inside .quiz .question .text a {
    color: #f28e00; }
#main .ce-content-box.header-quiz .inside .quiz.interaction {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 210;
    background: rgba(0, 0, 0, 0.75); }
#main .ce-content-box.header-quiz .inside .quiz .finish, #main .ce-content-box.header-quiz .inside .quiz .reminder, #main .ce-content-box.header-quiz .inside .quiz .reminder_2 {
    width: 400px;
    top: 40%;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    background-color: #f28e00;
    color: #fff;
    padding: 20px;
    font-size: 14px;
    z-index: 150;
    box-sizing: border-box; }
#main .ce-content-box.header-quiz .inside .quiz .finish .title, #main .ce-content-box.header-quiz .inside .quiz .reminder .title, #main .ce-content-box.header-quiz .inside .quiz .reminder_2 .title {
    margin-bottom: 10px;
    position: relative;
    display: none; }
#main .ce-content-box.header-quiz .inside .quiz .finish strong, #main .ce-content-box.header-quiz .inside .quiz .reminder strong, #main .ce-content-box.header-quiz .inside .quiz .reminder_2 strong {
    text-transform: uppercase; }
#main .ce-content-box.header-quiz .inside .quiz .finish a, #main .ce-content-box.header-quiz .inside .quiz .reminder a, #main .ce-content-box.header-quiz .inside .quiz .reminder_2 a {
    margin-top: 10px;
    display: block;
    text-align: center;
    line-height: 40px; }
#page-73 #main .ce-content-box.header-quiz .inside .quiz .finish, #page-73 #main .ce-content-box.header-quiz .inside .quiz .reminder, #page-73 #main .ce-content-box.header-quiz .inside .quiz .reminder_2 {
    background-color: #8acbbb;
    color: #1c3155; }
#page-72 #main .ce-content-box.header-quiz .inside .quiz .finish, #page-72 #main .ce-content-box.header-quiz .inside .quiz .reminder, #page-72 #main .ce-content-box.header-quiz .inside .quiz .reminder_2 {
    background-color: #cfd73b;
    color: #1c3155; }
#main .ce-content-box.header-quiz .inside .quiz .finish .button, #main .ce-content-box.header-quiz .inside .quiz .reminder .button, #main .ce-content-box.header-quiz .inside .quiz .reminder_2 .button {
    display: inline-block;
    background: #1c3155;
    width: calc(45% - 40px);
    float: left;
    text-align: center;
    left: 20px;
    position: absolute;
    min-height: 40px;
    line-height: 20px;
    bottom: -20px; }
#main .ce-content-box.header-quiz .inside .quiz .finish .button a, #main .ce-content-box.header-quiz .inside .quiz .reminder .button a, #main .ce-content-box.header-quiz .inside .quiz .reminder_2 .button a {
    margin: 0;
    color: #fff; }
#main .ce-content-box.header-quiz .inside .quiz .finish .button.continue, #main .ce-content-box.header-quiz .inside .quiz .reminder .button.continue, #main .ce-content-box.header-quiz .inside .quiz .reminder_2 .button.continue {
    left: auto;
    right: 20px;
    line-height: 40px;
    cursor: pointer; }
#main .ce-content-box.header-quiz .inside .quiz .finish .points, #main .ce-content-box.header-quiz .inside .quiz .reminder .points, #main .ce-content-box.header-quiz .inside .quiz .reminder_2 .points {
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 50px;
    margin: 20px; }
#main .ce-content-box.header-quiz .inside .quiz .finish .closer {
    position: absolute;
    top: 10px;
    bottom: auto;
    width: 20px;
    height: 20px;
    right: 10px;
    background-color: transparent;
    color: #1c3155;
    text-align: center;
    box-sizing: border-box;
    line-height: 20px;
    cursor: pointer; }
#main .ce-content-box.header-quiz .inside .quiz .finish .closer::after {
    content: '\2716';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 50%;
    margin-right: -10px;
    height: 20px;
    width: 20px;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    background-color: #1c3155;
    color: #f28e00; }
#main .ce-content-box.header-quiz .inside .quiz .finish .text a {
    position: absolute;
    bottom: -20px;
    width: 200px;
    background: #1c3155;
    color: #fff;
    left: calc(50% - 100px); }
#main .ce-content-box.header-quiz .inside .quiz .reminder, #main .ce-content-box.header-quiz .inside .quiz .reminder_2 {
    padding-bottom: 40px; }
#main .ce-content-box.wide {
    position: relative; }
#main .ce-content-box.wide > .inside {
    padding: 0 20px; }
#main .ce-content-box.white {
    background-color: #fff; }
#main .ce-content-box.white > .inside {
    background-color: #fff; }
#main .ce-content-box.white::before {
    right: 100%; }
#main .ce-content-box.white::after {
    left: 100%; }
#main .ce-content-box.white::before, #main .ce-content-box.white::after {
    display: block;
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    top: 0;
    background: #fff;
    display: block; }
#main .ce-content-box.blue {
    background-color: #1c3155;
    color: #fff; }
#main .ce-content-box.blue > .inside {
    background-color: #1c3155; }
#main .ce-content-box.blue::before {
    right: 100%; }
#main .ce-content-box.blue::after {
    left: 100%; }
#main .ce-content-box.blue::before, #main .ce-content-box.blue::after {
    display: block;
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    top: 0;
    background: #1c3155;
    display: block; }
#main .ce-content-box.blue .inside {
    background: #1c3155;
    color: #fff; }
#main .ce-content-box.blue .inside :not(input) {
    color: #fff; }
#main .ce-content-box.blue .inside :not(input) a {
    text-decoration: underline; }

#main.white {
    background-color: #fff; }
#main.white > .inside {
    background-color: #fff; }

#main.lightGrey {
    background-color: #f3f3f3; }
#main.lightGrey > .inside {
    background-color: #f3f3f3; }

#main.grey {
    background-color: #939ba0; }
#main.grey > .inside {
    background-color: #939ba0; }

.wide .form_row {
    margin: 10px -10px;
    font-size: 0; }

.wide .item {
    box-sizing: border-box;
    padding: 0 10px;
    width: 50%;
    display: inline-block; }

.wide .item_checkbox {
    width: 100%; }

.wide input, .wide select {
    font-size: 22px;
    width: 100%; }
.wide input.checkbox, .wide input.radio, .wide select.checkbox, .wide select.radio {
    width: auto; }

.wide label {
    font-size: 14px;
    padding-left: 10px; }

.wide input, .wide select {
    font-family: "Stratum2Web", sans-serif;
    background-color: #fff;
    color: #1c3155;
    text-transform: uppercase;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: 5px;
    font-weight: bold;
    text-align: left; }

.wide .submit {
    text-align: center;
    background-color: #f28e00;
    color: #fff; }

@media only screen and (max-width: 599px) {
    .wide .item {
        width: 100%;
        margin-bottom: 5px; } }

#quiz-tipp {
    display: none; }
#quiz-tipp.open {
    content: '';
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75);
    display: block; }
#quiz-tipp.open .inside {
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
    position: fixed;
    top: 30%;
    left: 35%;
    width: 30%;
    z-index: 1000;
    background-color: #fff;
    color: #000;
    height: auto;
    padding: 40px 25px;
    font-weight: 400; }
#quiz-tipp.open .inside::after {
    content: attr(data-line);
    position: absolute;
    top: -17px;
    text-transform: uppercase;
    left: 25px;
    background-color: #f28e00;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 20px; }
#quiz-tipp.open .inside .closer {
    position: absolute;
    top: 10px;
    bottom: auto;
    width: 20px;
    height: 20px;
    right: 10px;
    background-color: transparent;
    color: #1c3155;
    text-align: center;
    box-sizing: border-box;
    line-height: 20px;
    cursor: pointer; }
#quiz-tipp.open .inside .closer::after {
    content: '\2716';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 50%;
    margin-right: -10px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #1c3155;
    color: #f28e00; }
#quiz-tipp.open.giesserei .inside::after {
    background-color: #cfd73b;
    color: #1c3155; }
#quiz-tipp.open.giesserei .inside .closer::after {
    color: #cfd73b; }
#quiz-tipp.open.zerspanung .inside::after {
    background-color: #8acbbb;
    color: #1c3155; }
#quiz-tipp.open.zerspanung .inside .closer::after {
    color: #8acbbb; }

.ce-columns.lightGrey {
    overflow: hidden; }
.ce-columns.lightGrey .gr-4 {
    position: relative; }
.ce-columns.lightGrey .gr-4 > * {
    margin-top: 20px; }
.ce-columns.lightGrey .gr-4:nth-of-type(1)::after, .ce-columns.lightGrey .gr-4:nth-of-type(2)::after, .ce-columns.lightGrey .gr-4:nth-of-type(3n)::after {
    display: none; }
.ce-columns.lightGrey .gr-4:nth-of-type(1) > *, .ce-columns.lightGrey .gr-4:nth-of-type(2) > *, .ce-columns.lightGrey .gr-4:nth-of-type(3) > * {
    margin-top: 0; }
@media only screen and (max-width: 960px) {
    .ce-columns.lightGrey .gr-4:nth-of-type(n) > * {
        margin-top: 20px; }
    .ce-columns.lightGrey .gr-4:nth-of-type(n)::after {
        display: block; }
    .ce-columns.lightGrey .gr-4:nth-of-type(1)::after, .ce-columns.lightGrey .gr-4:nth-of-type(2n)::after {
        display: none; }
    .ce-columns.lightGrey .gr-4:nth-of-type(1) > *, .ce-columns.lightGrey .gr-4:nth-of-type(2) > * {
        margin-top: 0; } }
@media only screen and (max-width: 599px) {
    .ce-columns.lightGrey .gr-4:nth-of-type(n) > * {
        margin-top: 20px; }
    .ce-columns.lightGrey .gr-4:nth-of-type(n)::after {
        right: calc(50% - 5px);
        display: block; }
    .ce-columns.lightGrey .gr-4:nth-of-type(1)::after, .ce-columns.lightGrey .gr-4:nth-of-type(3n)::after, .ce-columns.lightGrey .gr-4:nth-of-type(3n+2)::after {
        display: none; }
    .ce-columns.lightGrey .gr-4:nth-of-type(1) > * {
        margin-top: 0; } }

.ce-columns.equalize {
    margin: 0; }
.ce-columns.equalize > .inside {
    display: flex;
    flex-wrap: wrap; }
.ce-columns.equalize > .inside > * {
    display: flex; }
.ce-columns.equalize > .inside > * > * {
    display: flex; }
.ce-columns.equalize > .inside > *[class*="gr-"] > * {
    width: 100%; }
.ce-columns.equalize > .inside > * .inside {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 100%; }

.ce-headline {
    text-align: center; }
.ce-headline > h1 {
    padding: 20px 80px;
    background-color: #1c3155;
    color: #fff;
    display: inline-block;
    max-width: 60%;
    box-sizing: border-box; }
@media only screen and (max-width: 960px) {
    .ce-headline > h1 {
        max-width: none;
        font-size: 22px;
        padding: 20px 40px; } }
@media only screen and (max-width: 599px) {
    .ce-headline > h1 {
        padding: 20px 20px; } }
.ce-headline > h2, .ce-headline h3, .ce-headline h4, .ce-headline h5, .ce-headlinef h6 {
    text-align: left;
    padding-bottom: 10px; }

@media only screen and (max-width: 960px) {
    #page-karriere #main .ce-columns.backgroundImage .background-image {
        width: 960px;
        left: 50%;
        margin-left: -480px; } }

@media only screen and (max-width: 599px) {
    #page-karriere #main .ce-columns.backgroundImage .background-image {
        position: absolute; } }

#page-karriere #main .ce-columns.backgroundImage .inside .content {
    position: relative;
    min-height: 750px;
    top: 0; }
@media only screen and (max-width: 960px) {
    #page-karriere #main .ce-columns.backgroundImage .inside .content {
        min-height: 550px; } }
#page-karriere #main .ce-columns.backgroundImage .inside .content .ce-headline .inside > *, #page-karriere #main .ce-columns.backgroundImage .inside .content .frame-type-textmedia .ce-bodytext > * {
    padding: 10px 40px;
    background-color: #fff;
    color: #f28e00;
    margin: 80px 0; }
#page-karriere #main .ce-columns.backgroundImage .inside .content .frame-type-textmedia {
    margin-top: 0;
    background-color: transparent;
    width: 100%;
    text-align: center; }
#page-karriere #main .ce-columns.backgroundImage .inside .content .frame-type-textmedia p {
    display: inline-block; }

.career-teaser-large, .career-teaser-small, .career-teaser-job {
    font-family: "Stratum2Web";
    text-transform: uppercase;
    width: 100%;
    padding: 10px; }
.career-teaser-large > .inside, .career-teaser-small > .inside, .career-teaser-job > .inside {
    position: relative; }
#main .career-teaser-large > .inside, #main .career-teaser-small > .inside, #main .career-teaser-job > .inside {
    padding: 10px 0; }
.career-teaser-large > .inside h2, .career-teaser-small > .inside h2, .career-teaser-job > .inside h2 {
    font-size: 40px; }
@media only screen and (max-width: 960px) {
    .career-teaser-large > .inside h2, .career-teaser-small > .inside h2, .career-teaser-job > .inside h2 {
        font-size: 22px; } }
.career-teaser-large > .inside .ce-gallery ~ .ce-bodytext h2, .career-teaser-small > .inside .ce-gallery ~ .ce-bodytext h2, .career-teaser-job > .inside .ce-gallery ~ .ce-bodytext h2 {
    font-size: 22px; }
.career-teaser-large > .inside .ce-media a, .career-teaser-small > .inside .ce-media a, .career-teaser-job > .inside .ce-media a {
    position: relative;
    z-index: 1; }
.career-teaser-large > .inside .frame-type-textmedia, .career-teaser-large > .inside p, .career-teaser-small > .inside .frame-type-textmedia, .career-teaser-small > .inside p, .career-teaser-job > .inside .frame-type-textmedia, .career-teaser-job > .inside p {
    margin: 0; }
.career-teaser-large > .inside .image p, .career-teaser-small > .inside .image p, .career-teaser-job > .inside .image p {
    margin: 40px 0;
    font-size: 40px;
    font-weight: 700; }
.state-tabletPortrait .career-teaser-large > .inside .image p, .state-tabletPortrait .career-teaser-small > .inside .image p, .state-tabletPortrait .career-teaser-job > .inside .image p {
    font-size: 26px;
    margin: 0; }
@media screen and (max-width: 960px) {
    .career-teaser-large > .inside .image p, .career-teaser-small > .inside .image p, .career-teaser-job > .inside .image p {
        font-size: 26px;
        margin: 0; } }
.career-teaser-large > .inside .content, .career-teaser-small > .inside .content, .career-teaser-job > .inside .content {
    min-height: 0;
    display: flex;
    flex-wrap: wrap; }
.career-teaser-large > .inside .content .text, .career-teaser-small > .inside .content .text, .career-teaser-job > .inside .content .text {
    font-size: 40px; }
.career-teaser-large > .inside .text, .career-teaser-small > .inside .text, .career-teaser-job > .inside .text {
    margin-top: auto;
    position: relative;
    bottom: 0;
    font-size: 26px;
    font-weight: 700; }
.career-teaser-large > .inside .link, .career-teaser-small > .inside .link, .career-teaser-job > .inside .link {
    float: right;
    margin-top: auto;
    position: relative;
    bottom: 0; }
.career-teaser-large > .inside .link .ce-textpic, .career-teaser-small > .inside .link .ce-textpic, .career-teaser-job > .inside .link .ce-textpic {
    width: 100%; }
.career-teaser-large > .inside .link a, .career-teaser-small > .inside .link a, .career-teaser-job > .inside .link a {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    text-align: center; }
.career-teaser-large .link a, .career-teaser-small .link a, .career-teaser-job .link a {
    display: block;
    width: 100%;
    border: 1px solid #fff;
    padding: 4px;
    box-sizing: border-box; }
.career-teaser-large.white .link a, .career-teaser-small.white .link a, .career-teaser-job.white .link a {
    border-color: #1c3155; }
.career-teaser-large.link > .inside, .career-teaser-small.link > .inside, .career-teaser-job.link > .inside {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff; }
.career-teaser-large.link > .inside a, .career-teaser-small.link > .inside a, .career-teaser-job.link > .inside a {
    color: #fff; }
.career-teaser-large.link > .inside .link, .career-teaser-small.link > .inside .link, .career-teaser-job.link > .inside .link {
    text-align: right; }
.career-teaser-large.link > .inside .link a, .career-teaser-small.link > .inside .link a, .career-teaser-job.link > .inside .link a {
    width: auto;
    height: 31px;
    font-size: 0;
    display: block;
    float: right;
    border: none;
    position: relative; }
.career-teaser-large.link > .inside .link a::after, .career-teaser-small.link > .inside .link a::after, .career-teaser-job.link > .inside .link a::after {
    position: absolute;
    content: '';
    display: block;
    right: 10px;
    top: calc(50% - 11.625px);
    background: url("/fileadmin/site/layout/career-link-arrow.svg") no-repeat center;
    width: 23.25px;
    height: 23.25px; }

@media only screen and (max-width: 960px) {
    .career-teaser-large .gr-8\@tabletPortrait .ce-gallery {
        display: none; } }

.career-teaser-small .link, .career-teaser-small .text {
    margin-bottom: auto; }

#main .career-teaser-job > .inside .image .ce-gallery {
    margin-bottom: 0; }

.career-teaser-job > .inside .ce-gallery figure {
    margin: 0px -75px;
    display: block !important;
    max-width: unset !important;
}

.career-teaser-job > .inside .content {
    min-height: 0;
    display: flex;
    flex-wrap: wrap; }
.career-teaser-job > .inside .content .text {
    font-size: 40px; }
@media only screen and (max-width: 960px) {
    .career-teaser-job > .inside .content .text {
        font-size: 26px; } }

.ce-columns.lightGrey .button, .ce-headline.lightGrey .button, .frame-type-textmedia.lightGrey .button, .ce-akkordeon.lightGrey .button, .ce-content-box.lightGrey .button {
    font-family: "Stratum2Web";
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px; }
.ce-columns.lightGrey .button.orange, .ce-headline.lightGrey .button.orange, .frame-type-textmedia.lightGrey .button.orange, .ce-akkordeon.lightGrey .button.orange, .ce-content-box.lightGrey .button.orange {
    border: 2px solid #f28e00;
    color: #f28e00;
    background-color: transparent;
    margin: 0 10px; }
.ce-columns.lightGrey .button.blue, .ce-headline.lightGrey .button.blue, .frame-type-textmedia.lightGrey .button.blue, .ce-akkordeon.lightGrey .button.blue, .ce-content-box.lightGrey .button.blue {
    border: 2px solid #1c3155;
    color: #1c3155;
    background-color: transparent;
    margin: 0 10px; }

#page-nach-deiner-bewerbung #main > :first-child .content, #page-das-bedeutet-arbeiten-bei-actech #main > :first-child .content, #page-tipps-fuer-deine-bewerbung #main > :first-child .content {
    margin: 0 10px; }

#page-tipps-fuer-deine-bewerbung .ce-headline {
    background-color: #f3f3f3; }

#page-tipps-fuer-deine-bewerbung h1 {
    background-color: #1c3155;
    color: #cfd73b; }

#page-tipps-fuer-deine-bewerbung ol {
    list-style-type: none;
    counter-reset: li;
    color: #cfd73b;
    font-size: 20px;
    padding-left: 100px;
    padding-right: 40px; }
#page-tipps-fuer-deine-bewerbung ol li {
    font-size: 14px;
    color: #000;
    position: relative;
    min-height: 60px;
    margin-bottom: 20px; }
#page-tipps-fuer-deine-bewerbung ol li:before {
    position: absolute;
    left: -80px;
    content: counter(li);
    counter-increment: li;
    width: 60px;
    height: 60px;
    font-size: 40px;
    background-color: #1c3155;
    color: #cfd73b;
    border-radius: 50%;
    text-align: center;
    line-height: 65px;
    font-family: "Stratum2Web"; }

#page-nach-deiner-bewerbung .ce-headline, #page-das-bedeutet-arbeiten-bei-actech .ce-headline {
    background-color: #f3f3f3; }

#page-nach-deiner-bewerbung h1, #page-das-bedeutet-arbeiten-bei-actech h1 {
    background-color: #f28e00;
    color: #fff; }

#page-nach-deiner-bewerbung ol, #page-das-bedeutet-arbeiten-bei-actech ol {
    list-style-type: none;
    counter-reset: li;
    color: #fff;
    font-size: 20px;
    padding-left: 100px;
    padding-right: 40px; }
#page-nach-deiner-bewerbung ol li, #page-das-bedeutet-arbeiten-bei-actech ol li {
    font-size: 14px;
    color: #000;
    position: relative;
    min-height: 60px;
    margin-bottom: 20px; }
#page-nach-deiner-bewerbung ol li:before, #page-das-bedeutet-arbeiten-bei-actech ol li:before {
    position: absolute;
    left: -80px;
    content: counter(li);
    counter-increment: li;
    width: 60px;
    height: 60px;
    font-size: 40px;
    background-color: #f28e00;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 65px;
    font-family: "Stratum2Web"; }

video {
    margin-top: 40px; }

#main > .ce-columns {
    margin: 0; }

#main > .ce-content-box.lightGrey, #main > div > .ce-content-box.lightGrey {
    background-color: transparent;
    padding: 0; }
#main > .ce-content-box.lightGrey > .inside, #main > div.frame-type-shortcut .ce-content-box.lightGrey {
    background-color: #f3f3f3;
    padding: 40px 10px;
    margin: 0 10px;
    box-sizing: border-box; }


.ce-columns.equalize .frame-type-shortcut {
    height: 100%;
}

#main .ce-content-box > .inside .ce-content-box .ce-columns.career-teaser-large {
    margin: 0; }
#main .ce-content-box > .inside .ce-content-box .ce-columns.career-teaser-large > .inside {
    padding: 10px 0; }

#main .ce-content-box > .inside .ce-content-box.orangeWhite, #main .ce-content-box > .inside .ce-content-box.blueWhite, #main .ce-content-box > .inside .ce-content-box.blueTurquoise, #main .ce-content-box > .inside .ce-content-box.yellowBlack, #main .ce-content-box > .inside .ce-content-box.blackYellow, #main .ce-content-box > .inside .ce-content-box.blueGrey, #main .ce-content-box > .inside .ce-content-box.blueGreen, #main .ce-content-box > .inside .ce-content-box.whiteBlack, #main .ce-columns .ce-content-box.orangeWhite, #main .ce-columns .ce-content-box.blueWhite, #main .ce-columns .ce-content-box.blueTurquoise, #main .ce-columns .ce-content-box.yellowBlack, #main .ce-columns .ce-content-box.blackYellow, #main .ce-columns .ce-content-box.blueGrey, #main .ce-columns .ce-content-box.blueGreen, #main .ce-columns .ce-content-box.whiteBlack {
    height: 100%;
    padding: 10px 0;
    box-sizing: border-box; }
#main .ce-content-box > .inside .ce-content-box.orangeWhite > .inside, #main .ce-content-box > .inside .ce-content-box.blueWhite > .inside, #main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside, #main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside, #main .ce-content-box > .inside .ce-content-box.blackYellow > .inside, #main .ce-content-box > .inside .ce-content-box.blueGrey > .inside, #main .ce-content-box > .inside .ce-content-box.blueGreen > .inside, #main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside, #main .ce-columns .ce-content-box.orangeWhite > .inside, #main .ce-columns .ce-content-box.blueWhite > .inside, #main .ce-columns .ce-content-box.blueTurquoise > .inside, #main .ce-columns .ce-content-box.yellowBlack > .inside, #main .ce-columns .ce-content-box.blackYellow > .inside, #main .ce-columns .ce-content-box.blueGrey > .inside, #main .ce-columns .ce-content-box.blueGreen > .inside, #main .ce-columns .ce-content-box.whiteBlack > .inside {
    padding: 10px; }

#main .ce-content-box > .inside .ce-content-box.orangeWhite > .inside, #main .ce-columns .ce-content-box.orangeWhite > .inside {
    background-color: #f28e00;
    color: #fff; }
#main .ce-content-box > .inside .ce-content-box.orangeWhite > .inside h1, #main .ce-content-box > .inside .ce-content-box.orangeWhite > .inside h2, #main .ce-content-box > .inside .ce-content-box.orangeWhite > .inside h3, #main .ce-content-box > .inside .ce-content-box.orangeWhite > .inside .h1, #main .ce-content-box > .inside .ce-content-box.orangeWhite > .inside .h2, #main .ce-content-box > .inside .ce-content-box.orangeWhite > .inside .h3, #main .ce-content-box > .inside .ce-content-box.orangeWhite > .inside a, #main .ce-columns .ce-content-box.orangeWhite > .inside h1, #main .ce-columns .ce-content-box.orangeWhite > .inside h2, #main .ce-columns .ce-content-box.orangeWhite > .inside h3, #main .ce-columns .ce-content-box.orangeWhite > .inside .h1, #main .ce-columns .ce-content-box.orangeWhite > .inside .h2, #main .ce-columns .ce-content-box.orangeWhite > .inside .h3, #main .ce-columns .ce-content-box.orangeWhite > .inside a {
    color: #fff; }

#main .ce-content-box > .inside .ce-content-box.blueWhite > .inside, #main .ce-columns .ce-content-box.blueWhite > .inside {
    background-color: #1c3155;
    color: #fff; }
#main .ce-content-box > .inside .ce-content-box.blueWhite > .inside h1, #main .ce-content-box > .inside .ce-content-box.blueWhite > .inside h2, #main .ce-content-box > .inside .ce-content-box.blueWhite > .inside h3, #main .ce-content-box > .inside .ce-content-box.blueWhite > .inside .h1, #main .ce-content-box > .inside .ce-content-box.blueWhite > .inside .h2, #main .ce-content-box > .inside .ce-content-box.blueWhite > .inside .h3, #main .ce-content-box > .inside .ce-content-box.blueWhite > .inside a, #main .ce-columns .ce-content-box.blueWhite > .inside h1, #main .ce-columns .ce-content-box.blueWhite > .inside h2, #main .ce-columns .ce-content-box.blueWhite > .inside h3, #main .ce-columns .ce-content-box.blueWhite > .inside .h1, #main .ce-columns .ce-content-box.blueWhite > .inside .h2, #main .ce-columns .ce-content-box.blueWhite > .inside .h3, #main .ce-columns .ce-content-box.blueWhite > .inside a {
    color: #fff; }

#main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside, #main .ce-columns .ce-content-box.blueTurquoise > .inside {
    background-color: #1c3155;
    color: #8acbbb; }
#main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside h1, #main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside h2, #main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside h3, #main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside .h1, #main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside .h2, #main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside .h3, #main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside a, #main .ce-columns .ce-content-box.blueTurquoise > .inside h1, #main .ce-columns .ce-content-box.blueTurquoise > .inside h2, #main .ce-columns .ce-content-box.blueTurquoise > .inside h3, #main .ce-columns .ce-content-box.blueTurquoise > .inside .h1, #main .ce-columns .ce-content-box.blueTurquoise > .inside .h2, #main .ce-columns .ce-content-box.blueTurquoise > .inside .h3, #main .ce-columns .ce-content-box.blueTurquoise > .inside a {
    color: #8acbbb; }
#main .ce-content-box > .inside .ce-content-box.blueTurquoise > .inside .link a, #main .ce-columns .ce-content-box.blueTurquoise > .inside .link a {
    border-color: #8acbbb; }

#main .ce-content-box > .inside .ce-content-box.blueGreen > .inside, #main .ce-columns .ce-content-box.blueGreen > .inside {
    background-color: #1c3155;
    color: #76b843; }
#main .ce-content-box > .inside .ce-content-box.blueGreen > .inside h1, #main .ce-content-box > .inside .ce-content-box.blueGreen > .inside h2, #main .ce-content-box > .inside .ce-content-box.blueGreen > .inside h3, #main .ce-content-box > .inside .ce-content-box.blueGreen > .inside .h1, #main .ce-content-box > .inside .ce-content-box.blueGreen > .inside .h2, #main .ce-content-box > .inside .ce-content-box.blueGreen > .inside .h3, #main .ce-content-box > .inside .ce-content-box.blueGreen > .inside a, #main .ce-columns .ce-content-box.blueGreen > .inside h1, #main .ce-columns .ce-content-box.blueGreen > .inside h2, #main .ce-columns .ce-content-box.blueGreen > .inside h3, #main .ce-columns .ce-content-box.blueGreen > .inside .h1, #main .ce-columns .ce-content-box.blueGreen > .inside .h2, #main .ce-columns .ce-content-box.blueGreen > .inside .h3, #main .ce-columns .ce-content-box.blueGreen > .inside a {
    color: #76b843; }
#main .ce-content-box > .inside .ce-content-box.blueGreen > .inside .link a, #main .ce-columns .ce-content-box.blueGreen > .inside .link a {
    border-color: #76b843; }

#main .ce-content-box > .inside .ce-content-box.blueGrey > .inside, #main .ce-columns .ce-content-box.blueGrey > .inside {
    background-color: #1c3155;
    color: #dedede; }
#main .ce-content-box > .inside .ce-content-box.blueGrey > .inside h1, #main .ce-content-box > .inside .ce-content-box.blueGrey > .inside h2, #main .ce-content-box > .inside .ce-content-box.blueGrey > .inside h3, #main .ce-content-box > .inside .ce-content-box.blueGrey > .inside .h1, #main .ce-content-box > .inside .ce-content-box.blueGrey > .inside .h2, #main .ce-content-box > .inside .ce-content-box.blueGrey > .inside .h3, #main .ce-content-box > .inside .ce-content-box.blueGrey > .inside a, #main .ce-columns .ce-content-box.blueGrey > .inside h1, #main .ce-columns .ce-content-box.blueGrey > .inside h2, #main .ce-columns .ce-content-box.blueGrey > .inside h3, #main .ce-columns .ce-content-box.blueGrey > .inside .h1, #main .ce-columns .ce-content-box.blueGrey > .inside .h2, #main .ce-columns .ce-content-box.blueGrey > .inside .h3, #main .ce-columns .ce-content-box.blueGrey > .inside a {
    color: #dedede; }
#main .ce-content-box > .inside .ce-content-box.blueGrey > .inside .link a, #main .ce-columns .ce-content-box.blueGrey > .inside .link a {
    border-color: #dedede; }

#main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside, #main .ce-columns .ce-content-box.yellowBlack > .inside {
    background-color: #cfd73b;
    color: #1c3155; }
#main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside h1, #main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside h2, #main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside h3, #main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside .h1, #main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside .h2, #main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside .h3, #main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside a, #main .ce-columns .ce-content-box.yellowBlack > .inside h1, #main .ce-columns .ce-content-box.yellowBlack > .inside h2, #main .ce-columns .ce-content-box.yellowBlack > .inside h3, #main .ce-columns .ce-content-box.yellowBlack > .inside .h1, #main .ce-columns .ce-content-box.yellowBlack > .inside .h2, #main .ce-columns .ce-content-box.yellowBlack > .inside .h3, #main .ce-columns .ce-content-box.yellowBlack > .inside a {
    color: #1c3155; }
#main .ce-content-box > .inside .ce-content-box.yellowBlack > .inside .link a, #main .ce-columns .ce-content-box.yellowBlack > .inside .link a {
    border-color: #1c3155; }

#main .ce-content-box > .inside .ce-content-box.blackYellow > .inside, #main .ce-columns .ce-content-box.blackYellow > .inside {
    background-color: #1c3155;
    color: #cfd73b; }
#main .ce-content-box > .inside .ce-content-box.blackYellow > .inside h1, #main .ce-content-box > .inside .ce-content-box.blackYellow > .inside h2, #main .ce-content-box > .inside .ce-content-box.blackYellow > .inside h3, #main .ce-content-box > .inside .ce-content-box.blackYellow > .inside .h1, #main .ce-content-box > .inside .ce-content-box.blackYellow > .inside .h2, #main .ce-content-box > .inside .ce-content-box.blackYellow > .inside .h3, #main .ce-content-box > .inside .ce-content-box.blackYellow > .inside a, #main .ce-columns .ce-content-box.blackYellow > .inside h1, #main .ce-columns .ce-content-box.blackYellow > .inside h2, #main .ce-columns .ce-content-box.blackYellow > .inside h3, #main .ce-columns .ce-content-box.blackYellow > .inside .h1, #main .ce-columns .ce-content-box.blackYellow > .inside .h2, #main .ce-columns .ce-content-box.blackYellow > .inside .h3, #main .ce-columns .ce-content-box.blackYellow > .inside a {
    color: #cfd73b; }
#main .ce-content-box > .inside .ce-content-box.blackYellow > .inside .link a, #main .ce-columns .ce-content-box.blackYellow > .inside .link a {
    border-color: #cfd73b; }

#main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside, #main .ce-columns .ce-content-box.whiteBlack > .inside {
    background-color: #fff;
    color: #000; }
#main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside h1, #main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside h2, #main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside h3, #main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside .h1, #main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside .h2, #main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside .h3, #main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside a, #main .ce-columns .ce-content-box.whiteBlack > .inside h1, #main .ce-columns .ce-content-box.whiteBlack > .inside h2, #main .ce-columns .ce-content-box.whiteBlack > .inside h3, #main .ce-columns .ce-content-box.whiteBlack > .inside .h1, #main .ce-columns .ce-content-box.whiteBlack > .inside .h2, #main .ce-columns .ce-content-box.whiteBlack > .inside .h3, #main .ce-columns .ce-content-box.whiteBlack > .inside a {
    color: #000; }
#main .ce-content-box > .inside .ce-content-box.whiteBlack > .inside .link a, #main .ce-columns .ce-content-box.whiteBlack > .inside .link a {
    border-color: #000; }

#main .ce-content-box > .inside .ce-columns > .inside .ce-columns {
    margin: 0; }

#page-bewerbung #main > :first-child .inside {
    padding-top: 0; }

#page-arbeiten-bei-actech h1 {
    max-width: 450px; }

#page-ausbildung-bei-actech #main > :last-child {
    padding-top: 40px; }


@media screen and (max-width: 960px) {
    .career-teaser-large > .inside p, .career-teaser-small > .inside p, .career-teaser-job > .inside p {
        font-size: 20px;
    }
    .career-teaser-large > .inside .link a, .career-teaser-small > .inside .link a, .career-teaser-job > .inside .link a {
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .career-teaser-large > .inside .link, .career-teaser-small > .inside .link, .career-teaser-job > .inside .link {
        float: none;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 10px;
    }
    .career-teaser-large > .inside .ce-textpic,
    .career-teaser-large > .inside .text, .career-teaser-small > .inside .text, .career-teaser-job > .inside .text,
    .career-teaser-large > .inside .text *, .career-teaser-small > .inside .text *, .career-teaser-job > .inside .text * {
        width: 100%;
        text-align: center;
    }
    .ce-columns.career-teaser-job,
    .ce-columns.career-teaser-large,
    .ce-columns.career-teaser-small {
        margin-left: -5px;
        margin-right: -5px;
    }
}