@font-face {
    font-family: iconfont;
    src: url(/css/iconfont.eot);
    src: url(/css/iconfont.eot?#iefix) format("embedded-opentype"), url(/css/iconfont.woff) format("woff"), url(/css/iconfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
button, html, input, select, textarea {
    -webkit-font-smoothing: antialiased;
}

canvas, hr, img, legend {
    border: 0;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, hr, img, nav, section, summary {
    display: block;
}

hr, legend {
    padding: 0;
}

.article .info, .awards .list-awards, .breadcrumbs, .card .description .pricing, .card.floated .description .list-application, .carousel .pagination-bullets, .client-logos .logo-list, .color-picker .colors, .community-header .communityactions, .features-carousel .list-features, .footer-main .follow-count, .footer-main .nav .nav-list, .header-component .decoda-list, .header-main .functions, .header-main .nav-main .list-navigation-main, .header-main .nav-sub .list-navigation-sub, .header-sub .nav-items, .hero .content .list-application, .hero .content .list-community-status, .hero .content .list-details, .hero.featured .description .additional-html .decoda-list, .hover-videos .video-holder .meta, .list-default, .list-dotted, .list-holder, .list-horizontal, .list-icons, .list-numbered, .list-numbered-round, .nav-hexagon .navigator, .pagination, .post-meta .list-community-status, .post-meta .list-meta, .post-meta .list-tags, .price-table, .product-block .cta-footer, .reseller .actions, .reseller .overlay-info .store-specs, .search-results .list-results, .side-nav ul, .specs-summary .list-specs, .stats-company .wrapper .results, .story-collection .stories, .tile .bottom-links, .tile .cta-footer, .tile .meta, .tile.story-item .description-meta, .view-popup .popup-holder .tabs, .view.view-product-ultimaker3 .hardware-features .info .accordion, .view.view-product-ultimaker3 .hardware-features .sequence .list-features, .view.view-product-ultimaker3 .header-intro .overlay .list-key-specs, .view.view-product-ultimaker3 .materials .list-materials, .view.view-product-ultimaker3 .materials .list-models {
    list-style: none;
}

    .list-numbered:first-of-type, ol:first-of-type {
        counter-reset: step-counter;
    }

.clear, .invisible, .is-hide, .tooltip {
    visibility: hidden;
}

audio, video {
    display: inline-block;
}

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

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body, figure {
    margin: 0;
}

a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

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

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

button, input, select, textarea {
    font-family: inherit;
    margin: 0;
}

button, input {
    line-height: normal;
}

    button, html input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        cursor: pointer;
    }

        button[disabled], input[disabled] {
            cursor: default;
        }

.btn, a {
    cursor: pointer;
}

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

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    box-sizing: content-box;
}

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

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

hr {
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0;
}

audio, canvas, img, video {
    vertical-align: middle;
    outline: 0;
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

.heading-featured {
    font: normal normal 400 70px 400 70px/80px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 7rem/8rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.heading-page, h1 {
    font: normal normal 400 40px 400 40px/40px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 4rem/4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.heading-title, h2 {
    font: normal normal 400 30px 400 30px/36px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 3rem/3.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.heading-sub, h3 {
    font: normal normal 400 20px 400 20px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.heading-article, h4 {
    font: normal normal 400 18px 400 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.heading-copy, h5 {
    font: normal normal 400 16px 400 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.heading-caption, h6 {
    font: normal normal 400 14px 400 14px/24px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.4rem/2.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.copy-default {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.copy-article {
    font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.copy-caption {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.copy-small {
    font: normal normal 300 12px 300 12px/12px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.2rem/1.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.copy-meta {
    font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

a {
    text-decoration: none;
    font: inherit;
    color: currentColor;
}

.asset-download, .content.content--support a, .content.support a, .link-default, .sceditor-header-picker.content--support a, .sceditor-header-picker.support a, .supportpopup .forever-close {
    position: relative;
    display: inline-block;
}

    .asset-download:after, .content.content--support a:after, .content.support a:after, .link-default:after, .sceditor-header-picker.content--support a:after, .sceditor-header-picker.support a:after, .supportpopup .forever-close:after {
        content: '';
        height: .1rem;
        width: 100%;
        background: currentColor;
        position: absolute;
        left: 50%;
        top: 80%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: width .3s cubic-bezier(.23,1,.32,1);
    }

    .content.content--support a.plain:after, .content.support a.plain:after, .link-default.plain:after, .plain.asset-download:after, .sceditor-header-picker.content--support a.plain:after, .sceditor-header-picker.support a.plain:after, .supportpopup .plain.forever-close:after {
        height: .1rem;
        width: 0;
    }

@media (min-device-width:1025px) {
    .asset-download:hover [class*=" icon-"], .asset-download:hover [class^=icon-], .content.content--support a:hover [class*=" icon-"], .content.content--support a:hover [class^=icon-], .content.support a:hover [class*=" icon-"], .content.support a:hover [class^=icon-], .link-default:hover [class*=" icon-"], .link-default:hover [class^=icon-], .sceditor-header-picker.content--support a:hover [class*=" icon-"], .sceditor-header-picker.content--support a:hover [class^=icon-], .sceditor-header-picker.support a:hover [class*=" icon-"], .sceditor-header-picker.support a:hover [class^=icon-], .supportpopup .forever-close:hover [class*=" icon-"], .supportpopup .forever-close:hover [class^=icon-] {
        margin-right: 1rem;
    }

    .asset-download:hover:after, .content.content--support a:hover:after, .content.support a:hover:after, .link-default:hover:after, .sceditor-header-picker.content--support a:hover:after, .sceditor-header-picker.support a:hover:after, .supportpopup .forever-close:hover:after {
        height: .1rem;
        width: 0;
    }

    .content.content--support a.plain:hover:after, .content.support a.plain:hover:after, .link-default.plain:hover:after, .plain.asset-download:hover:after, .sceditor-header-picker.content--support a.plain:hover:after, .sceditor-header-picker.support a.plain:hover:after, .supportpopup .plain.forever-close:hover:after {
        height: .1rem;
        width: 100%;
    }
}

.content.content--support a.w-icn, .content.support a.w-icn, .link-default.w-icn, .sceditor-header-picker.content--support a.w-icn, .sceditor-header-picker.support a.w-icn, .supportpopup .w-icn.forever-close, .w-icn.asset-download {
    margin-left: 3rem;
}

    .content.content--support a.w-icn [class*=" icon-"], .content.content--support a.w-icn [class^=icon-], .content.support a.w-icn [class*=" icon-"], .content.support a.w-icn [class^=icon-], .link-default.w-icn [class*=" icon-"], .link-default.w-icn [class^=icon-], .sceditor-header-picker.content--support a.w-icn [class*=" icon-"], .sceditor-header-picker.content--support a.w-icn [class^=icon-], .sceditor-header-picker.support a.w-icn [class*=" icon-"], .sceditor-header-picker.support a.w-icn [class^=icon-], .supportpopup .w-icn.forever-close [class*=" icon-"], .supportpopup .w-icn.forever-close [class^=icon-], .w-icn.asset-download [class*=" icon-"], .w-icn.asset-download [class^=icon-] {
        height: auto;
        width: 3rem;
        font-size: 130%;
        position: absolute;
        top: 50%;
        left: -3rem;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .content.content--support a.w-icn .icon-arrowleft, .content.content--support a.w-icn .icon-arrowright, .content.support a.w-icn .icon-arrowleft, .content.support a.w-icn .icon-arrowright, .link-default.w-icn .icon-arrowleft, .link-default.w-icn .icon-arrowright, .sceditor-header-picker.content--support a.w-icn .icon-arrowleft, .sceditor-header-picker.content--support a.w-icn .icon-arrowright, .sceditor-header-picker.support a.w-icn .icon-arrowleft, .sceditor-header-picker.support a.w-icn .icon-arrowright, .supportpopup .w-icn.forever-close .icon-arrowleft, .supportpopup .w-icn.forever-close .icon-arrowright, .w-icn.asset-download .icon-arrowleft, .w-icn.asset-download .icon-arrowright {
        font-size: 80%;
    }

    .content.content--support a.w-icn .icon-tabs, .content.support a.w-icn .icon-tabs, .link-default.w-icn .icon-tabs, .sceditor-header-picker.content--support a.w-icn .icon-tabs, .sceditor-header-picker.support a.w-icn .icon-tabs, .supportpopup .w-icn.forever-close .icon-tabs, .w-icn.asset-download .icon-tabs {
        left: auto;
        right: -4rem;
    }

.quote-default {
    font: normal normal 400 24px 400 24px/30px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2.4rem/3rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    position: relative;
    margin: 0;
}

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

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

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

@media (max-width:1024px) {
    .tablet-text-left {
        text-align: left;
    }

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

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

@media (max-width:767px) {
    .mobile-text-left {
        text-align: left;
    }

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

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

.article .info, .awards .list-awards, .breadcrumbs, .card .description .pricing, .card.floated .description .list-application, .carousel .pagination-bullets, .client-logos .logo-list, .color-picker .colors, .community-header .communityactions, .features-carousel .list-features, .footer-main .follow-count, .footer-main .nav .nav-list, .header-component .decoda-list, .header-main .functions, .header-main .nav-main .list-navigation-main, .header-main .nav-sub .list-navigation-sub, .header-sub .nav-items, .hero .content .list-application, .hero .content .list-community-status, .hero .content .list-details, .hero.featured .description .additional-html .decoda-list, .hover-videos .video-holder .meta, .list-default, .list-dotted, .list-horizontal, .list-icons, .list-numbered, .list-numbered-round, .nav-hexagon .navigator, .pagination, .post-meta .list-community-status, .post-meta .list-meta, .post-meta .list-tags, .price-table, .product-block .cta-footer, .reseller .actions, .reseller .overlay-info .store-specs, .search-results .list-results, .side-nav ul, .specs-summary .list-specs, .stats-company .wrapper .results, .story-collection .stories, .tile .bottom-links, .tile .cta-footer, .tile .meta, .tile.story-item .description-meta, .view-popup .popup-holder .tabs, .view.view-product-ultimaker3 .hardware-features .info .accordion, .view.view-product-ultimaker3 .hardware-features .sequence .list-features, .view.view-product-ultimaker3 .header-intro .overlay .list-key-specs, .view.view-product-ultimaker3 .materials .list-materials, .view.view-product-ultimaker3 .materials .list-models, form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

    .clearfix:after, .clearfix:before, .client-logos .logo-container:after, .client-logos .logo-container:before, .color-picker:after, .color-picker:before, .community:after, .community:before, .department-overview:after, .department-overview:before, .department:after, .department:before, .employees:after, .employees:before, .features-carousel:after, .features-carousel:before, .footer-main .branding:after, .footer-main .branding:before, .footer-main .links:after, .footer-main .links:before, .product-block .cta-footer:after, .product-block .cta-footer:before, .stats-company .wrapper .results:after, .stats-company .wrapper .results:before, .stats-company:after, .stats-company:before, .textfield:after, .textfield:before, .tile .bottom-links:after, .tile .bottom-links:before, .tile .cta-footer:after, .tile .cta-footer:before, .tile .media:after, .tile .media:before, .tile.bar:after, .tile.bar:before, .tile.no-image .description:after, .tile.no-image .description:before, .userpost-editorfooter:after, .userpost-editorfooter:before, .view-community-profile-edit .editprofile-checkboxes #user_fieldOfWorks:after, .view-community-profile-edit .editprofile-checkboxes #user_fieldOfWorks:before, .view-community-profile-edit .editprofile-checkboxes #user_products:after, .view-community-profile-edit .editprofile-checkboxes #user_products:before, .view-community-profile-edit .editprofile-checkboxes #user_skills:after, .view-community-profile-edit .editprofile-checkboxes #user_skills:before, .view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .manufacturing .viewport:after, .view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .manufacturing .viewport:before, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .manufacturing .viewport:after, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .manufacturing .viewport:before, .view.view-apac:after, .view.view-apac:before, .view.view-article-detail:after, .view.view-article-detail:before, .view.view-careers-detail:after, .view.view-careers-detail:before, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .manufacturing .viewport:after, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .manufacturing .viewport:before, .view.view-events:after, .view.view-events:before, .view.view-generic:after, .view.view-generic:before, .view.view-modal .view.view-product-ultimaker3 .manufacturing .holder:after, .view.view-modal .view.view-product-ultimaker3 .manufacturing .holder:before, .view.view-press:after, .view.view-press:before, .view.view-product-ultimaker3 .dual-extrusion:after, .view.view-product-ultimaker3 .dual-extrusion:before, .view.view-product-ultimaker3 .manufacturing .header-component:after, .view.view-product-ultimaker3 .manufacturing .header-component:before, .view.view-product-ultimaker3 .manufacturing .site-frame:after, .view.view-product-ultimaker3 .manufacturing .site-frame:before, .view.view-product-ultimaker3 .manufacturing .view-explore-education .carousel-pioneers .carousel .viewport:after, .view.view-product-ultimaker3 .manufacturing .view-explore-education .carousel-pioneers .carousel .viewport:before, .view.view-product-ultimaker3 .manufacturing .view.view-about .carousel-timeline .carousel .viewport:after, .view.view-product-ultimaker3 .manufacturing .view.view-about .carousel-timeline .carousel .viewport:before, .view.view-product-ultimaker3 .manufacturing .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport:after, .view.view-product-ultimaker3 .manufacturing .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport:before, .view.view-product-ultimaker3 .manufacturing .view.view-modal .holder:after, .view.view-product-ultimaker3 .manufacturing .view.view-modal .holder:before, .view.view-resellers:after, .view.view-resellers:before, .view.view-search:after, .view.view-search:before, .view.view-submission:after, .view.view-submission:before {
        display: table;
        content: "";
        line-height: 0;
    }

    .btn.cta:after, .btn.cta:before, .btn.plain:after, .btn.social:before, .carousel .pagination-bullets li:before, .mask-hexagon:before {
        content: '';
    }

    .clearfix:after, .client-logos .logo-container:after, .color-picker:after, .community:after, .department-overview:after, .department:after, .employees:after, .features-carousel:after, .footer-main .branding:after, .footer-main .links:after, .product-block .cta-footer:after, .stats-company .wrapper .results:after, .stats-company:after, .textfield:after, .tile .bottom-links:after, .tile .cta-footer:after, .tile .media:after, .tile.bar:after, .tile.no-image .description:after, .userpost-editorfooter:after, .view-community-profile-edit .editprofile-checkboxes #user_fieldOfWorks:after, .view-community-profile-edit .editprofile-checkboxes #user_products:after, .view-community-profile-edit .editprofile-checkboxes #user_skills:after, .view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .manufacturing .viewport:after, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .manufacturing .viewport:after, .view.view-apac:after, .view.view-article-detail:after, .view.view-careers-detail:after, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .manufacturing .viewport:after, .view.view-events:after, .view.view-generic:after, .view.view-modal .view.view-product-ultimaker3 .manufacturing .holder:after, .view.view-press:after, .view.view-product-ultimaker3 .dual-extrusion:after, .view.view-product-ultimaker3 .manufacturing .header-component:after, .view.view-product-ultimaker3 .manufacturing .site-frame:after, .view.view-product-ultimaker3 .manufacturing .view-explore-education .carousel-pioneers .carousel .viewport:after, .view.view-product-ultimaker3 .manufacturing .view.view-about .carousel-timeline .carousel .viewport:after, .view.view-product-ultimaker3 .manufacturing .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport:after, .view.view-product-ultimaker3 .manufacturing .view.view-modal .holder:after, .view.view-resellers:after, .view.view-search:after, .view.view-submission:after {
        clear: both;
    }

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.hidden {
    display: none;
}

.banner-app .app-download, .clear, .header-main .header-logo a, .ir {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.is-hide {
    display: none !important;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.btn, .btn.light.is-selected, .btn.outlined.is-selected, .is-selected.btn.social {
    background: #fb203a;
    color: #fff;
    border-color: #fb203a;
}

@media (min-device-width:1025px) {
    .btn.light.is-selected:hover, .btn.outlined.is-selected:hover, .btn:hover, .is-selected.btn.social:hover {
        background: #2ebff4;
    }
}

.btn.light, .btn.outlined, .btn.social {
    background: #fff;
    color: #000;
}

@media (min-device-width:1025px) {
    .btn.light:hover, .btn.outlined:hover, .btn.social:hover {
        background: #fb203a;
        color: #fff;
    }
}

.btn {
    font: normal normal 400 16px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.6rem/3rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: .9rem 3rem 1.2rem;
    border: none;
    outline: 0;
    display: inline-block;
    position: relative;
    transition: color .25s cubic-bezier(.23,1,.32,1),background-color .25s cubic-bezier(.23,1,.32,1),border-color .25s cubic-bezier(.23,1,.32,1);
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .btn input[type=file] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
    }

    .btn.cta {
        margin: 0 2.5rem 0 0;
        padding: .9rem .6rem 1.2rem 3rem;
        border: none;
    }

        .btn.cta:after, .btn.cta:before {
            position: absolute;
            right: -2.4rem;
        }

        .btn.cta:after {
            bottom: 0;
            top: 1.2rem;
            height: auto;
            width: 2.5rem;
            background: inherit;
        }

        .btn.cta:before {
            top: 0;
            border-style: solid;
            border-width: 0 2.5rem 1.2rem 0;
            border-color: transparent transparent #fb203a;
            transition: border-color .25s cubic-bezier(.23,1,.32,1);
        }

@media (min-device-width:1025px) {
    .btn.cta:hover:before {
        border-color: transparent transparent #2ebff4;
    }
}

.btn.light {
    border: none;
}

.btn.outlined, .btn.social {
    background: 0 0;
    border: 1px solid #EAEAEA;
    padding: .8rem 2.9rem 1.1rem;
}

    .btn.outlined.is-selected, .is-selected.btn.social {
        border-color: #fb203a;
    }

@media (min-device-width:1025px) {
    .btn.outlined:hover, .btn.social:hover {
        border-color: #fb203a;
    }
}

.btn.plain {
    background: 0 0;
    color: inherit;
    padding: 0 0 .2rem;
    margin: .9rem 0 1.2rem;
    border: none;
}

    .btn.plain:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        height: .2rem;
        width: 100%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        background: currentColor;
        transition: width .25s cubic-bezier(.23,1,.32,1);
    }

    .btn.plain.light {
        color: #fff;
    }

    .btn.plain.w-icn {
        padding-left: 0;
        margin: 0 0 0 3rem;
    }

        .btn.plain.w-icn [class*=" icon-"], .btn.plain.w-icn [class^=icon-] {
            left: -3rem;
        }

        .btn.plain.w-icn.stacked {
            text-align: center;
            margin: 0;
        }

            .btn.plain.w-icn.stacked [class*=" icon-"], .btn.plain.w-icn.stacked [class^=icon-] {
                font-size: 200%;
                position: relative;
                top: auto;
                bottom: auto;
                left: auto;
                right: auto;
                display: block;
                -ms-transform: none;
                transform: none;
            }

@media (min-device-width:1025px) {
    .btn.plain:hover {
        background: 0 0;
    }

        .btn.plain:hover:after {
            height: .2rem;
            width: 0;
        }
}

.btn.w-icn {
    padding-left: 4.8rem;
}

    .btn.w-icn [class*=" icon-"], .btn.w-icn [class^=icon-] {
        position: absolute;
        top: 50%;
        left: 1.5rem;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 137.5%;
    }

.btn.small {
    font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: .5rem 2rem .75rem;
}

    .btn.small.outlined, .small.btn.social {
        padding: .4rem 1.9rem .65rem;
    }

    .btn.small.plain {
        padding: 0 0 .2rem;
    }

.btn.social {
    height: 4rem;
    width: 4rem;
    border-radius: 100%;
    padding: 0;
    position: relative;
    font-size: inherit;
}

    .btn.social:before {
        display: block;
        padding-top: 100%;
    }

.carousel .viewport .scroll-content .slide, .form-search .input {
    display: inline-block;
}

.btn.social > [class*=" icon-"], .btn.social > [class^=icon-] {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: inherit;
}

.btn.social .communitylike {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    line-height: 0;
}

.btn.disabled, .btn[disabled=disabled] {
    opacity: .5;
    cursor: default;
    pointer-events: none;
}

.carousel {
    height: auto;
    width: 100%;
    position: relative;
}

    .carousel .viewport {
        height: 100%;
        width: 100%;
        position: relative;
    }

        .carousel .viewport .scroll-content {
            height: 100%;
            width: auto;
            overflow: hidden;
            font-size: 0;
        }

    .carousel .next, .carousel .prev {
        height: 8rem;
        width: 4.5rem;
        line-height: 8rem;
        background: rgba(0,0,0,.75);
        color: #fff;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        cursor: pointer;
        z-index: 1;
    }

    .carousel .next {
        right: 0;
    }

    .carousel .prev {
        left: 0;
    }

    .carousel .pagination-bullets {
        height: auto;
        width: 100%;
        font-size: 0;
        text-align: center;
        margin-top: 2rem;
    }

        .carousel .pagination-bullets li {
            height: 2rem;
            width: 2rem;
            display: inline-block;
            padding: 0 .5rem;
            cursor: pointer;
            position: relative;
        }

            .carousel .pagination-bullets li:before {
                position: absolute;
                top: 50%;
                bottom: auto;
                left: 50%;
                right: auto;
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                height: 1rem;
                width: 1rem;
                border-radius: 100%;
                background: #7F7F7F;
                box-sizing: border-box;
                transition: background .6s cubic-bezier(.86,0,.070,1);
            }

            .carousel .pagination-bullets li.active:before, .carousel .pagination-bullets li:hover:before {
                background: #000;
            }

form .input {
    height: auto;
    width: 100%;
    position: relative;
}

form input:-ms-input-placeholder {
    color: #aebab6;
}

form input::-webkit-input-placeholder {
    color: #aebab6;
}

form textarea:-ms-input-placeholder {
    color: #aebab6;
}

form textarea::-webkit-input-placeholder {
    color: #aebab6;
}

.form-search {
    max-width: 550px;
    margin: 0 auto;
    position: relative;
}

    .form-search .input {
        width: 100%;
        background: #fff;
        padding: 1.2rem 5rem 1.2rem 2rem;
        box-sizing: border-box;
        position: relative;
    }

        .form-search .input input[type=search] {
            height: 100%;
            width: 100%;
            border: 0;
            outline: 0;
            -webkit-appearance: none;
            font: inherit;
        }

    .form-search .icon-search {
        position: absolute;
        top: 50%;
        right: .6rem;
        font-size: 2rem;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border: none;
        background: 0 0;
        -webkit-appearance: none;
    }

    .form-search .switcher-category {
        width: 100%;
        background: #fff;
        border: 0;
        border-radius: 0;
        outline: 0;
        padding: 1.2rem 2rem;
        box-sizing: border-box;
        font: inherit;
        -webkit-appearance: none;
        display: none;
    }

@media (max-width:800px) {
    .form-search .input {
        margin-bottom: 1rem;
    }

    .form-search .switcher-category {
        display: block;
    }
}

.form-country-select label {
    display: inline-block;
    margin: 0 1rem 0 0;
}

.form-country-select .switcher-country {
    width: 12.5rem;
    background: #fff;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: .8rem 2rem;
    box-sizing: border-box;
    font: inherit;
    -webkit-appearance: none;
    display: inline-block;
}

.grid.column-100 > .col, .grid > .col {
    width: 100%;
    height: auto;
}

.grid {
    font: 0/0 a;
}

    .grid > .col, .list-numbered-round {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    .grid > .col {
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        display: inline-block;
        vertical-align: top;
    }

    .grid .banner, .grid .card, .grid .tile {
        margin: 0 0 20px;
    }

    .grid.reduced-spacing .banner, .grid.reduced-spacing .card, .grid.reduced-spacing .tile {
        margin: 0 0 10px;
    }

    .grid.glued .banner, .grid.glued .card, .grid.glued .tile {
        margin: 0;
    }

    .grid.line-separated {
        position: relative;
    }

        .grid.line-separated > .col:not(:first-child):before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            margin-left: -10px;
            border-left: 1px solid #7F7F7F;
        }

@media (max-width:767px) {
    .grid.line-separated > .col.col:not(:first-child):before {
        top: auto;
        right: 0;
        bottom: auto;
        left: 0;
        margin-left: 0;
        border-left: none;
        border-top: 1px solid #7F7F7F;
    }
}

.grid.column-100 > .col:nth-child(-n+4), .grid.column-100 > .col:nth-child(2n+1), .grid.column-100 > .col:nth-child(2n+2), .grid.column-100 > .col:nth-child(3n+2), .grid.column-100 > .col:nth-child(4n+2), .grid.column-100 > .col:nth-child(4n+3) {
    height: auto;
    width: 100%;
    margin: 0;
}

.grid.column-100 > .col .card, .grid.column-100 > .col .tile {
    margin: 0 0 20px;
}

.grid.column-50 > .col {
    height: auto;
    width: calc(50% - 10px);
}

    .grid.column-50 > .col:nth-child(2n+1) {
        margin: 0 10px 0 0;
    }

    .grid.column-50 > .col:nth-child(2n+2) {
        margin: 0 0 0 10px;
    }

    .grid.column-50 > .col .card, .grid.column-50 > .col .tile {
        margin: 0 0 20px;
    }

.grid.column-33 > .col {
    height: auto;
    width: calc(33.33% - 13.33px);
}

    .grid.column-33 > .col:nth-child(3n+2) {
        margin: 0 20px;
    }

    .grid.column-33 > .col .card, .grid.column-33 > .col .tile {
        margin: 0 0 20px;
    }

.grid.column-25 > .col {
    height: auto;
    width: calc(25% - 15px);
}

    .grid.column-25 > .col:nth-child(4n+2) {
        margin: 0 10px 0 20px;
    }

    .grid.column-25 > .col:nth-child(4n+3) {
        margin: 0 20px 0 10px;
    }

    .grid.column-25 > .col .card, .grid.column-25 > .col .tile {
        margin: 0 0 20px;
    }

.grid.column-33-66 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(33.33% - 10px);
    margin: 0 10px 0 0;
}

.grid.column-33-66 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(66.66% - 10px);
    margin: 0 0 0 10px;
}

.grid.column-25-75 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(25% - 10px);
    margin: 0 10px 0 0;
}

.grid.column-25-75 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(75% - 10px);
    margin: 0 0 0 10px;
}

.grid.column-66-33 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(66.66% - 10px);
    margin: 0 10px 0 0;
}

.grid.column-66-33 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(33.33% - 10px);
    margin: 0 0 0 10px;
}

.grid.column-75-25 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(75% - 10px);
    margin: 0 10px 0 0;
}

.grid.column-75-25 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(25% - 10px);
    margin: 0 0 0 10px;
}

.grid.line-separated > .col:before {
    margin-left: -10px;
}

@media (max-width:1024px) {
    .grid.tablet-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.tablet-column-100 > .col:nth-child(-n+4), .grid.tablet-column-100 > .col:nth-child(2n+1), .grid.tablet-column-100 > .col:nth-child(2n+2), .grid.tablet-column-100 > .col:nth-child(3n+2), .grid.tablet-column-100 > .col:nth-child(4n+2), .grid.tablet-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.tablet-column-100 > .col .card, .grid.tablet-column-100 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-column-50 > .col {
        height: auto;
        width: calc(50% - 10px);
    }

        .grid.tablet-column-50 > .col:nth-child(2n+1) {
            margin: 0 10px 0 0;
        }

        .grid.tablet-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 10px;
        }

        .grid.tablet-column-50 > .col .card, .grid.tablet-column-50 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-column-33 > .col {
        height: auto;
        width: calc(33.33% - 13.33px);
    }

        .grid.tablet-column-33 > .col:nth-child(3n+2) {
            margin: 0 20px;
        }

        .grid.tablet-column-33 > .col .card, .grid.tablet-column-33 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-column-25 > .col {
        height: auto;
        width: calc(25% - 15px);
    }

        .grid.tablet-column-25 > .col:nth-child(4n+2) {
            margin: 0 10px 0 20px;
        }

        .grid.tablet-column-25 > .col:nth-child(4n+3) {
            margin: 0 20px 0 10px;
        }

        .grid.tablet-column-25 > .col .card, .grid.tablet-column-25 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.tablet-landscape-column-100 > .col:nth-child(-n+4), .grid.tablet-landscape-column-100 > .col:nth-child(2n+1), .grid.tablet-landscape-column-100 > .col:nth-child(2n+2), .grid.tablet-landscape-column-100 > .col:nth-child(3n+2), .grid.tablet-landscape-column-100 > .col:nth-child(4n+2), .grid.tablet-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.tablet-landscape-column-100 > .col .card, .grid.tablet-landscape-column-100 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 10px);
    }

        .grid.tablet-landscape-column-50 > .col:nth-child(2n+1) {
            margin: 0 10px 0 0;
        }

        .grid.tablet-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 10px;
        }

        .grid.tablet-landscape-column-50 > .col .card, .grid.tablet-landscape-column-50 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 13.33px);
    }

        .grid.tablet-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0 20px;
        }

        .grid.tablet-landscape-column-33 > .col .card, .grid.tablet-landscape-column-33 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 15px);
    }

        .grid.tablet-landscape-column-25 > .col:nth-child(4n+2) {
            margin: 0 10px 0 20px;
        }

        .grid.tablet-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0 20px 0 10px;
        }

        .grid.tablet-landscape-column-25 > .col .card, .grid.tablet-landscape-column-25 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 0 0 10px;
    }
}

@media (max-width:800px) {
    .grid.tablet-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.tablet-portrait-column-100 > .col:nth-child(-n+4), .grid.tablet-portrait-column-100 > .col:nth-child(2n+1), .grid.tablet-portrait-column-100 > .col:nth-child(2n+2), .grid.tablet-portrait-column-100 > .col:nth-child(3n+2), .grid.tablet-portrait-column-100 > .col:nth-child(4n+2), .grid.tablet-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.tablet-portrait-column-100 > .col .card, .grid.tablet-portrait-column-100 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 10px);
    }

        .grid.tablet-portrait-column-50 > .col:nth-child(2n+1) {
            margin: 0 10px 0 0;
        }

        .grid.tablet-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 10px;
        }

        .grid.tablet-portrait-column-50 > .col .card, .grid.tablet-portrait-column-50 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 13.33px);
    }

        .grid.tablet-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0 20px;
        }

        .grid.tablet-portrait-column-33 > .col .card, .grid.tablet-portrait-column-33 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 15px);
    }

        .grid.tablet-portrait-column-25 > .col:nth-child(4n+2) {
            margin: 0 10px 0 20px;
        }

        .grid.tablet-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0 20px 0 10px;
        }

        .grid.tablet-portrait-column-25 > .col .card, .grid.tablet-portrait-column-25 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.tablet-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.tablet-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.tablet-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 0 0 10px;
    }
}

@media (max-width:767px) {
    .grid.mobile-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.mobile-column-100 > .col:nth-child(-n+4), .grid.mobile-column-100 > .col:nth-child(2n+1), .grid.mobile-column-100 > .col:nth-child(2n+2), .grid.mobile-column-100 > .col:nth-child(3n+2), .grid.mobile-column-100 > .col:nth-child(4n+2), .grid.mobile-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.mobile-column-100 > .col .card, .grid.mobile-column-100 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-column-50 > .col {
        height: auto;
        width: calc(50% - 10px);
    }

        .grid.mobile-column-50 > .col:nth-child(2n+1) {
            margin: 0 10px 0 0;
        }

        .grid.mobile-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 10px;
        }

        .grid.mobile-column-50 > .col .card, .grid.mobile-column-50 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-column-33 > .col {
        height: auto;
        width: calc(33.33% - 13.33px);
    }

        .grid.mobile-column-33 > .col:nth-child(3n+2) {
            margin: 0 20px;
        }

        .grid.mobile-column-33 > .col .card, .grid.mobile-column-33 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-column-25 > .col {
        height: auto;
        width: calc(25% - 15px);
    }

        .grid.mobile-column-25 > .col:nth-child(4n+2) {
            margin: 0 10px 0 20px;
        }

        .grid.mobile-column-25 > .col:nth-child(4n+3) {
            margin: 0 20px 0 10px;
        }

        .grid.mobile-column-25 > .col .card, .grid.mobile-column-25 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.mobile-landscape-column-100 > .col:nth-child(-n+4), .grid.mobile-landscape-column-100 > .col:nth-child(2n+1), .grid.mobile-landscape-column-100 > .col:nth-child(2n+2), .grid.mobile-landscape-column-100 > .col:nth-child(3n+2), .grid.mobile-landscape-column-100 > .col:nth-child(4n+2), .grid.mobile-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.mobile-landscape-column-100 > .col .card, .grid.mobile-landscape-column-100 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 10px);
    }

        .grid.mobile-landscape-column-50 > .col:nth-child(2n+1) {
            margin: 0 10px 0 0;
        }

        .grid.mobile-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 10px;
        }

        .grid.mobile-landscape-column-50 > .col .card, .grid.mobile-landscape-column-50 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 13.33px);
    }

        .grid.mobile-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0 20px;
        }

        .grid.mobile-landscape-column-33 > .col .card, .grid.mobile-landscape-column-33 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 15px);
    }

        .grid.mobile-landscape-column-25 > .col:nth-child(4n+2) {
            margin: 0 10px 0 20px;
        }

        .grid.mobile-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0 20px 0 10px;
        }

        .grid.mobile-landscape-column-25 > .col .card, .grid.mobile-landscape-column-25 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 0 0 10px;
    }
}

@media (max-width:479px) {
    .grid.mobile-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.mobile-portrait-column-100 > .col:nth-child(-n+4), .grid.mobile-portrait-column-100 > .col:nth-child(2n+1), .grid.mobile-portrait-column-100 > .col:nth-child(2n+2), .grid.mobile-portrait-column-100 > .col:nth-child(3n+2), .grid.mobile-portrait-column-100 > .col:nth-child(4n+2), .grid.mobile-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.mobile-portrait-column-100 > .col .card, .grid.mobile-portrait-column-100 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 10px);
    }

        .grid.mobile-portrait-column-50 > .col:nth-child(2n+1) {
            margin: 0 10px 0 0;
        }

        .grid.mobile-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 10px;
        }

        .grid.mobile-portrait-column-50 > .col .card, .grid.mobile-portrait-column-50 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 13.33px);
    }

        .grid.mobile-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0 20px;
        }

        .grid.mobile-portrait-column-33 > .col .card, .grid.mobile-portrait-column-33 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 15px);
    }

        .grid.mobile-portrait-column-25 > .col:nth-child(4n+2) {
            margin: 0 10px 0 20px;
        }

        .grid.mobile-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0 20px 0 10px;
        }

        .grid.mobile-portrait-column-25 > .col .card, .grid.mobile-portrait-column-25 > .col .tile {
            margin: 0 0 20px;
        }

    .grid.mobile-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 10px);
        margin: 0 0 0 10px;
    }

    .grid.mobile-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 10px);
        margin: 0 10px 0 0;
    }

    .grid.mobile-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 0 0 10px;
    }
}

.grid.glued.column-100 > .col {
    height: auto;
    width: 100%;
}

    .grid.glued.column-100 > .col:nth-child(-n+4), .grid.glued.column-100 > .col:nth-child(2n+1), .grid.glued.column-100 > .col:nth-child(2n+2), .grid.glued.column-100 > .col:nth-child(3n+2), .grid.glued.column-100 > .col:nth-child(4n+2), .grid.glued.column-100 > .col:nth-child(4n+3) {
        height: auto;
        width: 100%;
        margin: 0;
    }

    .grid.glued.column-100 > .col .card, .grid.glued.column-100 > .col .tile {
        margin: 0;
    }

.grid.glued.column-50 > .col {
    height: auto;
    width: calc(50% - 0px);
}

    .grid.glued.column-50 > .col .card, .grid.glued.column-50 > .col .tile, .grid.glued.column-50 > .col:nth-child(2n+1), .grid.glued.column-50 > .col:nth-child(2n+2) {
        margin: 0;
    }

.grid.glued.column-33 > .col {
    height: auto;
    width: calc(33.33% - 0px);
}

    .grid.glued.column-33 > .col .card, .grid.glued.column-33 > .col .tile, .grid.glued.column-33 > .col:nth-child(3n+2) {
        margin: 0;
    }

.grid.glued.column-25 > .col {
    height: auto;
    width: calc(25% - 0px);
}

    .grid.glued.column-25 > .col .card, .grid.glued.column-25 > .col .tile, .grid.glued.column-25 > .col:nth-child(4n+2), .grid.glued.column-25 > .col:nth-child(4n+3) {
        margin: 0;
    }

.grid.glued.column-33-66 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(33.33% - 0px);
    margin: 0;
}

.grid.glued.column-33-66 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(66.66% - 0px);
    margin: 0;
}

.grid.glued.column-25-75 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(25% - 0px);
    margin: 0;
}

.grid.glued.column-25-75 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(75% - 0px);
    margin: 0;
}

.grid.glued.column-66-33 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(66.66% - 0px);
    margin: 0;
}

.grid.glued.column-66-33 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(33.33% - 0px);
    margin: 0;
}

.grid.glued.column-75-25 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(75% - 0px);
    margin: 0;
}

.grid.glued.column-75-25 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(25% - 0px);
    margin: 0;
}

.grid.glued.line-separated > .col:before {
    margin-left: 0;
}

@media (max-width:1024px) {
    .grid.glued.tablet-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.glued.tablet-column-100 > .col:nth-child(-n+4), .grid.glued.tablet-column-100 > .col:nth-child(2n+1), .grid.glued.tablet-column-100 > .col:nth-child(2n+2), .grid.glued.tablet-column-100 > .col:nth-child(3n+2), .grid.glued.tablet-column-100 > .col:nth-child(4n+2), .grid.glued.tablet-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.glued.tablet-column-100 > .col .card, .grid.glued.tablet-column-100 > .col .tile {
            margin: 0;
        }

    .grid.glued.tablet-column-50 > .col {
        height: auto;
        width: calc(50% - 0px);
    }

        .grid.glued.tablet-column-50 > .col .card, .grid.glued.tablet-column-50 > .col .tile, .grid.glued.tablet-column-50 > .col:nth-child(2n+1), .grid.glued.tablet-column-50 > .col:nth-child(2n+2) {
            margin: 0;
        }

    .grid.glued.tablet-column-33 > .col {
        height: auto;
        width: calc(33.33% - 0px);
    }

        .grid.glued.tablet-column-33 > .col .card, .grid.glued.tablet-column-33 > .col .tile, .grid.glued.tablet-column-33 > .col:nth-child(3n+2) {
            margin: 0;
        }

    .grid.glued.tablet-column-25 > .col {
        height: auto;
        width: calc(25% - 0px);
    }

        .grid.glued.tablet-column-25 > .col .card, .grid.glued.tablet-column-25 > .col .tile, .grid.glued.tablet-column-25 > .col:nth-child(4n+2), .grid.glued.tablet-column-25 > .col:nth-child(4n+3) {
            margin: 0;
        }

    .grid.glued.tablet-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.glued.tablet-landscape-column-100 > .col:nth-child(-n+4), .grid.glued.tablet-landscape-column-100 > .col:nth-child(2n+1), .grid.glued.tablet-landscape-column-100 > .col:nth-child(2n+2), .grid.glued.tablet-landscape-column-100 > .col:nth-child(3n+2), .grid.glued.tablet-landscape-column-100 > .col:nth-child(4n+2), .grid.glued.tablet-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.glued.tablet-landscape-column-100 > .col .card, .grid.glued.tablet-landscape-column-100 > .col .tile {
            margin: 0;
        }

    .grid.glued.tablet-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 0px);
    }

        .grid.glued.tablet-landscape-column-50 > .col .card, .grid.glued.tablet-landscape-column-50 > .col .tile, .grid.glued.tablet-landscape-column-50 > .col:nth-child(2n+1), .grid.glued.tablet-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0;
        }

    .grid.glued.tablet-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 0px);
    }

        .grid.glued.tablet-landscape-column-33 > .col .card, .grid.glued.tablet-landscape-column-33 > .col .tile, .grid.glued.tablet-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0;
        }

    .grid.glued.tablet-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 0px);
    }

        .grid.glued.tablet-landscape-column-25 > .col .card, .grid.glued.tablet-landscape-column-25 > .col .tile, .grid.glued.tablet-landscape-column-25 > .col:nth-child(4n+2), .grid.glued.tablet-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0;
        }

    .grid.glued.tablet-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }
}

@media (max-width:800px) {
    .grid.glued.tablet-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.glued.tablet-portrait-column-100 > .col:nth-child(-n+4), .grid.glued.tablet-portrait-column-100 > .col:nth-child(2n+1), .grid.glued.tablet-portrait-column-100 > .col:nth-child(2n+2), .grid.glued.tablet-portrait-column-100 > .col:nth-child(3n+2), .grid.glued.tablet-portrait-column-100 > .col:nth-child(4n+2), .grid.glued.tablet-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.glued.tablet-portrait-column-100 > .col .card, .grid.glued.tablet-portrait-column-100 > .col .tile {
            margin: 0;
        }

    .grid.glued.tablet-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 0px);
    }

        .grid.glued.tablet-portrait-column-50 > .col .card, .grid.glued.tablet-portrait-column-50 > .col .tile, .grid.glued.tablet-portrait-column-50 > .col:nth-child(2n+1), .grid.glued.tablet-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0;
        }

    .grid.glued.tablet-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 0px);
    }

        .grid.glued.tablet-portrait-column-33 > .col .card, .grid.glued.tablet-portrait-column-33 > .col .tile, .grid.glued.tablet-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0;
        }

    .grid.glued.tablet-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 0px);
    }

        .grid.glued.tablet-portrait-column-25 > .col .card, .grid.glued.tablet-portrait-column-25 > .col .tile, .grid.glued.tablet-portrait-column-25 > .col:nth-child(4n+2), .grid.glued.tablet-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0;
        }

    .grid.glued.tablet-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.tablet-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }
}

@media (max-width:767px) {
    .grid.glued.mobile-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.glued.mobile-column-100 > .col:nth-child(-n+4), .grid.glued.mobile-column-100 > .col:nth-child(2n+1), .grid.glued.mobile-column-100 > .col:nth-child(2n+2), .grid.glued.mobile-column-100 > .col:nth-child(3n+2), .grid.glued.mobile-column-100 > .col:nth-child(4n+2), .grid.glued.mobile-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.glued.mobile-column-100 > .col .card, .grid.glued.mobile-column-100 > .col .tile {
            margin: 0;
        }

    .grid.glued.mobile-column-50 > .col {
        height: auto;
        width: calc(50% - 0px);
    }

        .grid.glued.mobile-column-50 > .col .card, .grid.glued.mobile-column-50 > .col .tile, .grid.glued.mobile-column-50 > .col:nth-child(2n+1), .grid.glued.mobile-column-50 > .col:nth-child(2n+2) {
            margin: 0;
        }

    .grid.glued.mobile-column-33 > .col {
        height: auto;
        width: calc(33.33% - 0px);
    }

        .grid.glued.mobile-column-33 > .col .card, .grid.glued.mobile-column-33 > .col .tile, .grid.glued.mobile-column-33 > .col:nth-child(3n+2) {
            margin: 0;
        }

    .grid.glued.mobile-column-25 > .col {
        height: auto;
        width: calc(25% - 0px);
    }

        .grid.glued.mobile-column-25 > .col .card, .grid.glued.mobile-column-25 > .col .tile, .grid.glued.mobile-column-25 > .col:nth-child(4n+2), .grid.glued.mobile-column-25 > .col:nth-child(4n+3) {
            margin: 0;
        }

    .grid.glued.mobile-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.glued.mobile-landscape-column-100 > .col:nth-child(-n+4), .grid.glued.mobile-landscape-column-100 > .col:nth-child(2n+1), .grid.glued.mobile-landscape-column-100 > .col:nth-child(2n+2), .grid.glued.mobile-landscape-column-100 > .col:nth-child(3n+2), .grid.glued.mobile-landscape-column-100 > .col:nth-child(4n+2), .grid.glued.mobile-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.glued.mobile-landscape-column-100 > .col .card, .grid.glued.mobile-landscape-column-100 > .col .tile {
            margin: 0;
        }

    .grid.glued.mobile-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 0px);
    }

        .grid.glued.mobile-landscape-column-50 > .col .card, .grid.glued.mobile-landscape-column-50 > .col .tile, .grid.glued.mobile-landscape-column-50 > .col:nth-child(2n+1), .grid.glued.mobile-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0;
        }

    .grid.glued.mobile-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 0px);
    }

        .grid.glued.mobile-landscape-column-33 > .col .card, .grid.glued.mobile-landscape-column-33 > .col .tile, .grid.glued.mobile-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0;
        }

    .grid.glued.mobile-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 0px);
    }

        .grid.glued.mobile-landscape-column-25 > .col .card, .grid.glued.mobile-landscape-column-25 > .col .tile, .grid.glued.mobile-landscape-column-25 > .col:nth-child(4n+2), .grid.glued.mobile-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0;
        }

    .grid.glued.mobile-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }
}

@media (max-width:479px) {
    .grid.glued.mobile-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.glued.mobile-portrait-column-100 > .col:nth-child(-n+4), .grid.glued.mobile-portrait-column-100 > .col:nth-child(2n+1), .grid.glued.mobile-portrait-column-100 > .col:nth-child(2n+2), .grid.glued.mobile-portrait-column-100 > .col:nth-child(3n+2), .grid.glued.mobile-portrait-column-100 > .col:nth-child(4n+2), .grid.glued.mobile-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.glued.mobile-portrait-column-100 > .col .card, .grid.glued.mobile-portrait-column-100 > .col .tile {
            margin: 0;
        }

    .grid.glued.mobile-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 0px);
    }

        .grid.glued.mobile-portrait-column-50 > .col .card, .grid.glued.mobile-portrait-column-50 > .col .tile, .grid.glued.mobile-portrait-column-50 > .col:nth-child(2n+1), .grid.glued.mobile-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0;
        }

    .grid.glued.mobile-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 0px);
    }

        .grid.glued.mobile-portrait-column-33 > .col .card, .grid.glued.mobile-portrait-column-33 > .col .tile, .grid.glued.mobile-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0;
        }

    .grid.glued.mobile-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 0px);
    }

        .grid.glued.mobile-portrait-column-25 > .col .card, .grid.glued.mobile-portrait-column-25 > .col .tile, .grid.glued.mobile-portrait-column-25 > .col:nth-child(4n+2), .grid.glued.mobile-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0;
        }

    .grid.glued.mobile-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 0px);
        margin: 0;
    }

    .grid.glued.mobile-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 0px);
        margin: 0;
    }
}

.grid.extra-spacing.column-100 > .col {
    height: auto;
    width: 100%;
}

    .grid.extra-spacing.column-100 > .col:nth-child(-n+4), .grid.extra-spacing.column-100 > .col:nth-child(2n+1), .grid.extra-spacing.column-100 > .col:nth-child(2n+2), .grid.extra-spacing.column-100 > .col:nth-child(3n+2), .grid.extra-spacing.column-100 > .col:nth-child(4n+2), .grid.extra-spacing.column-100 > .col:nth-child(4n+3) {
        height: auto;
        width: 100%;
        margin: 0;
    }

    .grid.extra-spacing.column-100 > .col .card, .grid.extra-spacing.column-100 > .col .tile {
        margin: 0 0 50px;
    }

.grid.extra-spacing.column-50 > .col {
    height: auto;
    width: calc(50% - 25px);
}

    .grid.extra-spacing.column-50 > .col:nth-child(2n+1) {
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.column-50 > .col:nth-child(2n+2) {
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.column-50 > .col .card, .grid.extra-spacing.column-50 > .col .tile {
        margin: 0 0 50px;
    }

.grid.extra-spacing.column-33 > .col {
    height: auto;
    width: calc(33.33% - 33.33px);
}

    .grid.extra-spacing.column-33 > .col:nth-child(3n+2) {
        margin: 0 50px;
    }

    .grid.extra-spacing.column-33 > .col .card, .grid.extra-spacing.column-33 > .col .tile {
        margin: 0 0 50px;
    }

.grid.extra-spacing.column-25 > .col {
    height: auto;
    width: calc(25% - 37.5px);
}

    .grid.extra-spacing.column-25 > .col:nth-child(4n+2) {
        margin: 0 25px 0 50px;
    }

    .grid.extra-spacing.column-25 > .col:nth-child(4n+3) {
        margin: 0 50px 0 25px;
    }

    .grid.extra-spacing.column-25 > .col .card, .grid.extra-spacing.column-25 > .col .tile {
        margin: 0 0 50px;
    }

.grid.extra-spacing.column-33-66 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(33.33% - 25px);
    margin: 0 25px 0 0;
}

.grid.extra-spacing.column-33-66 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(66.66% - 25px);
    margin: 0 0 0 25px;
}

.grid.extra-spacing.column-25-75 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(25% - 25px);
    margin: 0 25px 0 0;
}

.grid.extra-spacing.column-25-75 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(75% - 25px);
    margin: 0 0 0 25px;
}

.grid.extra-spacing.column-66-33 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(66.66% - 25px);
    margin: 0 25px 0 0;
}

.grid.extra-spacing.column-66-33 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(33.33% - 25px);
    margin: 0 0 0 25px;
}

.grid.extra-spacing.column-75-25 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(75% - 25px);
    margin: 0 25px 0 0;
}

.grid.extra-spacing.column-75-25 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(25% - 25px);
    margin: 0 0 0 25px;
}

.grid.extra-spacing.line-separated > .col:before {
    margin-left: -25px;
}

@media (max-width:1024px) {
    .grid.extra-spacing.tablet-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.extra-spacing.tablet-column-100 > .col:nth-child(-n+4), .grid.extra-spacing.tablet-column-100 > .col:nth-child(2n+1), .grid.extra-spacing.tablet-column-100 > .col:nth-child(2n+2), .grid.extra-spacing.tablet-column-100 > .col:nth-child(3n+2), .grid.extra-spacing.tablet-column-100 > .col:nth-child(4n+2), .grid.extra-spacing.tablet-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.extra-spacing.tablet-column-100 > .col .card, .grid.extra-spacing.tablet-column-100 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-column-50 > .col {
        height: auto;
        width: calc(50% - 25px);
    }

        .grid.extra-spacing.tablet-column-50 > .col:nth-child(2n+1) {
            margin: 0 25px 0 0;
        }

        .grid.extra-spacing.tablet-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 25px;
        }

        .grid.extra-spacing.tablet-column-50 > .col .card, .grid.extra-spacing.tablet-column-50 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-column-33 > .col {
        height: auto;
        width: calc(33.33% - 33.33px);
    }

        .grid.extra-spacing.tablet-column-33 > .col:nth-child(3n+2) {
            margin: 0 50px;
        }

        .grid.extra-spacing.tablet-column-33 > .col .card, .grid.extra-spacing.tablet-column-33 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-column-25 > .col {
        height: auto;
        width: calc(25% - 37.5px);
    }

        .grid.extra-spacing.tablet-column-25 > .col:nth-child(4n+2) {
            margin: 0 25px 0 50px;
        }

        .grid.extra-spacing.tablet-column-25 > .col:nth-child(4n+3) {
            margin: 0 50px 0 25px;
        }

        .grid.extra-spacing.tablet-column-25 > .col .card, .grid.extra-spacing.tablet-column-25 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.extra-spacing.tablet-landscape-column-100 > .col:nth-child(-n+4), .grid.extra-spacing.tablet-landscape-column-100 > .col:nth-child(2n+1), .grid.extra-spacing.tablet-landscape-column-100 > .col:nth-child(2n+2), .grid.extra-spacing.tablet-landscape-column-100 > .col:nth-child(3n+2), .grid.extra-spacing.tablet-landscape-column-100 > .col:nth-child(4n+2), .grid.extra-spacing.tablet-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.extra-spacing.tablet-landscape-column-100 > .col .card, .grid.extra-spacing.tablet-landscape-column-100 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 25px);
    }

        .grid.extra-spacing.tablet-landscape-column-50 > .col:nth-child(2n+1) {
            margin: 0 25px 0 0;
        }

        .grid.extra-spacing.tablet-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 25px;
        }

        .grid.extra-spacing.tablet-landscape-column-50 > .col .card, .grid.extra-spacing.tablet-landscape-column-50 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 33.33px);
    }

        .grid.extra-spacing.tablet-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0 50px;
        }

        .grid.extra-spacing.tablet-landscape-column-33 > .col .card, .grid.extra-spacing.tablet-landscape-column-33 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 37.5px);
    }

        .grid.extra-spacing.tablet-landscape-column-25 > .col:nth-child(4n+2) {
            margin: 0 25px 0 50px;
        }

        .grid.extra-spacing.tablet-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0 50px 0 25px;
        }

        .grid.extra-spacing.tablet-landscape-column-25 > .col .card, .grid.extra-spacing.tablet-landscape-column-25 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 0 0 25px;
    }
}

@media (max-width:800px) {
    .grid.extra-spacing.tablet-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.extra-spacing.tablet-portrait-column-100 > .col:nth-child(-n+4), .grid.extra-spacing.tablet-portrait-column-100 > .col:nth-child(2n+1), .grid.extra-spacing.tablet-portrait-column-100 > .col:nth-child(2n+2), .grid.extra-spacing.tablet-portrait-column-100 > .col:nth-child(3n+2), .grid.extra-spacing.tablet-portrait-column-100 > .col:nth-child(4n+2), .grid.extra-spacing.tablet-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.extra-spacing.tablet-portrait-column-100 > .col .card, .grid.extra-spacing.tablet-portrait-column-100 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 25px);
    }

        .grid.extra-spacing.tablet-portrait-column-50 > .col:nth-child(2n+1) {
            margin: 0 25px 0 0;
        }

        .grid.extra-spacing.tablet-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 25px;
        }

        .grid.extra-spacing.tablet-portrait-column-50 > .col .card, .grid.extra-spacing.tablet-portrait-column-50 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 33.33px);
    }

        .grid.extra-spacing.tablet-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0 50px;
        }

        .grid.extra-spacing.tablet-portrait-column-33 > .col .card, .grid.extra-spacing.tablet-portrait-column-33 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 37.5px);
    }

        .grid.extra-spacing.tablet-portrait-column-25 > .col:nth-child(4n+2) {
            margin: 0 25px 0 50px;
        }

        .grid.extra-spacing.tablet-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0 50px 0 25px;
        }

        .grid.extra-spacing.tablet-portrait-column-25 > .col .card, .grid.extra-spacing.tablet-portrait-column-25 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.tablet-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.tablet-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.tablet-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 0 0 25px;
    }
}

@media (max-width:767px) {
    .grid.extra-spacing.mobile-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.extra-spacing.mobile-column-100 > .col:nth-child(-n+4), .grid.extra-spacing.mobile-column-100 > .col:nth-child(2n+1), .grid.extra-spacing.mobile-column-100 > .col:nth-child(2n+2), .grid.extra-spacing.mobile-column-100 > .col:nth-child(3n+2), .grid.extra-spacing.mobile-column-100 > .col:nth-child(4n+2), .grid.extra-spacing.mobile-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.extra-spacing.mobile-column-100 > .col .card, .grid.extra-spacing.mobile-column-100 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-column-50 > .col {
        height: auto;
        width: calc(50% - 25px);
    }

        .grid.extra-spacing.mobile-column-50 > .col:nth-child(2n+1) {
            margin: 0 25px 0 0;
        }

        .grid.extra-spacing.mobile-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 25px;
        }

        .grid.extra-spacing.mobile-column-50 > .col .card, .grid.extra-spacing.mobile-column-50 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-column-33 > .col {
        height: auto;
        width: calc(33.33% - 33.33px);
    }

        .grid.extra-spacing.mobile-column-33 > .col:nth-child(3n+2) {
            margin: 0 50px;
        }

        .grid.extra-spacing.mobile-column-33 > .col .card, .grid.extra-spacing.mobile-column-33 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-column-25 > .col {
        height: auto;
        width: calc(25% - 37.5px);
    }

        .grid.extra-spacing.mobile-column-25 > .col:nth-child(4n+2) {
            margin: 0 25px 0 50px;
        }

        .grid.extra-spacing.mobile-column-25 > .col:nth-child(4n+3) {
            margin: 0 50px 0 25px;
        }

        .grid.extra-spacing.mobile-column-25 > .col .card, .grid.extra-spacing.mobile-column-25 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.extra-spacing.mobile-landscape-column-100 > .col:nth-child(-n+4), .grid.extra-spacing.mobile-landscape-column-100 > .col:nth-child(2n+1), .grid.extra-spacing.mobile-landscape-column-100 > .col:nth-child(2n+2), .grid.extra-spacing.mobile-landscape-column-100 > .col:nth-child(3n+2), .grid.extra-spacing.mobile-landscape-column-100 > .col:nth-child(4n+2), .grid.extra-spacing.mobile-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.extra-spacing.mobile-landscape-column-100 > .col .card, .grid.extra-spacing.mobile-landscape-column-100 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 25px);
    }

        .grid.extra-spacing.mobile-landscape-column-50 > .col:nth-child(2n+1) {
            margin: 0 25px 0 0;
        }

        .grid.extra-spacing.mobile-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 25px;
        }

        .grid.extra-spacing.mobile-landscape-column-50 > .col .card, .grid.extra-spacing.mobile-landscape-column-50 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 33.33px);
    }

        .grid.extra-spacing.mobile-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0 50px;
        }

        .grid.extra-spacing.mobile-landscape-column-33 > .col .card, .grid.extra-spacing.mobile-landscape-column-33 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 37.5px);
    }

        .grid.extra-spacing.mobile-landscape-column-25 > .col:nth-child(4n+2) {
            margin: 0 25px 0 50px;
        }

        .grid.extra-spacing.mobile-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0 50px 0 25px;
        }

        .grid.extra-spacing.mobile-landscape-column-25 > .col .card, .grid.extra-spacing.mobile-landscape-column-25 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 0 0 25px;
    }
}

@media (max-width:479px) {
    .grid.extra-spacing.mobile-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.extra-spacing.mobile-portrait-column-100 > .col:nth-child(-n+4), .grid.extra-spacing.mobile-portrait-column-100 > .col:nth-child(2n+1), .grid.extra-spacing.mobile-portrait-column-100 > .col:nth-child(2n+2), .grid.extra-spacing.mobile-portrait-column-100 > .col:nth-child(3n+2), .grid.extra-spacing.mobile-portrait-column-100 > .col:nth-child(4n+2), .grid.extra-spacing.mobile-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.extra-spacing.mobile-portrait-column-100 > .col .card, .grid.extra-spacing.mobile-portrait-column-100 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 25px);
    }

        .grid.extra-spacing.mobile-portrait-column-50 > .col:nth-child(2n+1) {
            margin: 0 25px 0 0;
        }

        .grid.extra-spacing.mobile-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 25px;
        }

        .grid.extra-spacing.mobile-portrait-column-50 > .col .card, .grid.extra-spacing.mobile-portrait-column-50 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 33.33px);
    }

        .grid.extra-spacing.mobile-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0 50px;
        }

        .grid.extra-spacing.mobile-portrait-column-33 > .col .card, .grid.extra-spacing.mobile-portrait-column-33 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 37.5px);
    }

        .grid.extra-spacing.mobile-portrait-column-25 > .col:nth-child(4n+2) {
            margin: 0 25px 0 50px;
        }

        .grid.extra-spacing.mobile-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0 50px 0 25px;
        }

        .grid.extra-spacing.mobile-portrait-column-25 > .col .card, .grid.extra-spacing.mobile-portrait-column-25 > .col .tile {
            margin: 0 0 50px;
        }

    .grid.extra-spacing.mobile-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 25px);
        margin: 0 0 0 25px;
    }

    .grid.extra-spacing.mobile-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 25px);
        margin: 0 25px 0 0;
    }

    .grid.extra-spacing.mobile-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 25px);
        margin: 0 0 0 25px;
    }
}

.grid.reduced-spacing.column-100 > .col {
    height: auto;
    width: 100%;
}

    .grid.reduced-spacing.column-100 > .col:nth-child(-n+4), .grid.reduced-spacing.column-100 > .col:nth-child(2n+1), .grid.reduced-spacing.column-100 > .col:nth-child(2n+2), .grid.reduced-spacing.column-100 > .col:nth-child(3n+2), .grid.reduced-spacing.column-100 > .col:nth-child(4n+2), .grid.reduced-spacing.column-100 > .col:nth-child(4n+3) {
        height: auto;
        width: 100%;
        margin: 0;
    }

    .grid.reduced-spacing.column-100 > .col .card, .grid.reduced-spacing.column-100 > .col .tile {
        margin: 0 0 10px;
    }

.grid.reduced-spacing.column-50 > .col {
    height: auto;
    width: calc(50% - 5px);
}

    .grid.reduced-spacing.column-50 > .col:nth-child(2n+1) {
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.column-50 > .col:nth-child(2n+2) {
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.column-50 > .col .card, .grid.reduced-spacing.column-50 > .col .tile {
        margin: 0 0 10px;
    }

.grid.reduced-spacing.column-33 > .col {
    height: auto;
    width: calc(33.33% - 6.67px);
}

    .grid.reduced-spacing.column-33 > .col:nth-child(3n+2) {
        margin: 0 10px;
    }

    .grid.reduced-spacing.column-33 > .col .card, .grid.reduced-spacing.column-33 > .col .tile {
        margin: 0 0 10px;
    }

.grid.reduced-spacing.column-25 > .col {
    height: auto;
    width: calc(25% - 7.5px);
}

    .grid.reduced-spacing.column-25 > .col:nth-child(4n+2) {
        margin: 0 5px 0 10px;
    }

    .grid.reduced-spacing.column-25 > .col:nth-child(4n+3) {
        margin: 0 10px 0 5px;
    }

    .grid.reduced-spacing.column-25 > .col .card, .grid.reduced-spacing.column-25 > .col .tile {
        margin: 0 0 10px;
    }

.grid.reduced-spacing.column-33-66 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(33.33% - 5px);
    margin: 0 5px 0 0;
}

.grid.reduced-spacing.column-33-66 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(66.66% - 5px);
    margin: 0 0 0 5px;
}

.grid.reduced-spacing.column-25-75 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(25% - 5px);
    margin: 0 5px 0 0;
}

.grid.reduced-spacing.column-25-75 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(75% - 5px);
    margin: 0 0 0 5px;
}

.grid.reduced-spacing.column-66-33 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(66.66% - 5px);
    margin: 0 5px 0 0;
}

.grid.reduced-spacing.column-66-33 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(33.33% - 5px);
    margin: 0 0 0 5px;
}

.grid.reduced-spacing.column-75-25 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(75% - 5px);
    margin: 0 5px 0 0;
}

.grid.reduced-spacing.column-75-25 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(25% - 5px);
    margin: 0 0 0 5px;
}

.grid.reduced-spacing.line-separated > .col:before {
    margin-left: -5px;
}

@media (max-width:1024px) {
    .grid.reduced-spacing.tablet-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.reduced-spacing.tablet-column-100 > .col:nth-child(-n+4), .grid.reduced-spacing.tablet-column-100 > .col:nth-child(2n+1), .grid.reduced-spacing.tablet-column-100 > .col:nth-child(2n+2), .grid.reduced-spacing.tablet-column-100 > .col:nth-child(3n+2), .grid.reduced-spacing.tablet-column-100 > .col:nth-child(4n+2), .grid.reduced-spacing.tablet-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.reduced-spacing.tablet-column-100 > .col .card, .grid.reduced-spacing.tablet-column-100 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-column-50 > .col {
        height: auto;
        width: calc(50% - 5px);
    }

        .grid.reduced-spacing.tablet-column-50 > .col:nth-child(2n+1) {
            margin: 0 5px 0 0;
        }

        .grid.reduced-spacing.tablet-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 5px;
        }

        .grid.reduced-spacing.tablet-column-50 > .col .card, .grid.reduced-spacing.tablet-column-50 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-column-33 > .col {
        height: auto;
        width: calc(33.33% - 6.67px);
    }

        .grid.reduced-spacing.tablet-column-33 > .col:nth-child(3n+2) {
            margin: 0 10px;
        }

        .grid.reduced-spacing.tablet-column-33 > .col .card, .grid.reduced-spacing.tablet-column-33 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-column-25 > .col {
        height: auto;
        width: calc(25% - 7.5px);
    }

        .grid.reduced-spacing.tablet-column-25 > .col:nth-child(4n+2) {
            margin: 0 5px 0 10px;
        }

        .grid.reduced-spacing.tablet-column-25 > .col:nth-child(4n+3) {
            margin: 0 10px 0 5px;
        }

        .grid.reduced-spacing.tablet-column-25 > .col .card, .grid.reduced-spacing.tablet-column-25 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.reduced-spacing.tablet-landscape-column-100 > .col:nth-child(-n+4), .grid.reduced-spacing.tablet-landscape-column-100 > .col:nth-child(2n+1), .grid.reduced-spacing.tablet-landscape-column-100 > .col:nth-child(2n+2), .grid.reduced-spacing.tablet-landscape-column-100 > .col:nth-child(3n+2), .grid.reduced-spacing.tablet-landscape-column-100 > .col:nth-child(4n+2), .grid.reduced-spacing.tablet-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.reduced-spacing.tablet-landscape-column-100 > .col .card, .grid.reduced-spacing.tablet-landscape-column-100 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 5px);
    }

        .grid.reduced-spacing.tablet-landscape-column-50 > .col:nth-child(2n+1) {
            margin: 0 5px 0 0;
        }

        .grid.reduced-spacing.tablet-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 5px;
        }

        .grid.reduced-spacing.tablet-landscape-column-50 > .col .card, .grid.reduced-spacing.tablet-landscape-column-50 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 6.67px);
    }

        .grid.reduced-spacing.tablet-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0 10px;
        }

        .grid.reduced-spacing.tablet-landscape-column-33 > .col .card, .grid.reduced-spacing.tablet-landscape-column-33 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 7.5px);
    }

        .grid.reduced-spacing.tablet-landscape-column-25 > .col:nth-child(4n+2) {
            margin: 0 5px 0 10px;
        }

        .grid.reduced-spacing.tablet-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0 10px 0 5px;
        }

        .grid.reduced-spacing.tablet-landscape-column-25 > .col .card, .grid.reduced-spacing.tablet-landscape-column-25 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 0 0 5px;
    }
}

@media (max-width:800px) {
    .grid.reduced-spacing.tablet-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.reduced-spacing.tablet-portrait-column-100 > .col:nth-child(-n+4), .grid.reduced-spacing.tablet-portrait-column-100 > .col:nth-child(2n+1), .grid.reduced-spacing.tablet-portrait-column-100 > .col:nth-child(2n+2), .grid.reduced-spacing.tablet-portrait-column-100 > .col:nth-child(3n+2), .grid.reduced-spacing.tablet-portrait-column-100 > .col:nth-child(4n+2), .grid.reduced-spacing.tablet-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.reduced-spacing.tablet-portrait-column-100 > .col .card, .grid.reduced-spacing.tablet-portrait-column-100 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 5px);
    }

        .grid.reduced-spacing.tablet-portrait-column-50 > .col:nth-child(2n+1) {
            margin: 0 5px 0 0;
        }

        .grid.reduced-spacing.tablet-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 5px;
        }

        .grid.reduced-spacing.tablet-portrait-column-50 > .col .card, .grid.reduced-spacing.tablet-portrait-column-50 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 6.67px);
    }

        .grid.reduced-spacing.tablet-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0 10px;
        }

        .grid.reduced-spacing.tablet-portrait-column-33 > .col .card, .grid.reduced-spacing.tablet-portrait-column-33 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 7.5px);
    }

        .grid.reduced-spacing.tablet-portrait-column-25 > .col:nth-child(4n+2) {
            margin: 0 5px 0 10px;
        }

        .grid.reduced-spacing.tablet-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0 10px 0 5px;
        }

        .grid.reduced-spacing.tablet-portrait-column-25 > .col .card, .grid.reduced-spacing.tablet-portrait-column-25 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.tablet-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.tablet-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.tablet-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 0 0 5px;
    }
}

@media (max-width:767px) {
    .grid.reduced-spacing.mobile-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.reduced-spacing.mobile-column-100 > .col:nth-child(-n+4), .grid.reduced-spacing.mobile-column-100 > .col:nth-child(2n+1), .grid.reduced-spacing.mobile-column-100 > .col:nth-child(2n+2), .grid.reduced-spacing.mobile-column-100 > .col:nth-child(3n+2), .grid.reduced-spacing.mobile-column-100 > .col:nth-child(4n+2), .grid.reduced-spacing.mobile-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.reduced-spacing.mobile-column-100 > .col .card, .grid.reduced-spacing.mobile-column-100 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-column-50 > .col {
        height: auto;
        width: calc(50% - 5px);
    }

        .grid.reduced-spacing.mobile-column-50 > .col:nth-child(2n+1) {
            margin: 0 5px 0 0;
        }

        .grid.reduced-spacing.mobile-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 5px;
        }

        .grid.reduced-spacing.mobile-column-50 > .col .card, .grid.reduced-spacing.mobile-column-50 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-column-33 > .col {
        height: auto;
        width: calc(33.33% - 6.67px);
    }

        .grid.reduced-spacing.mobile-column-33 > .col:nth-child(3n+2) {
            margin: 0 10px;
        }

        .grid.reduced-spacing.mobile-column-33 > .col .card, .grid.reduced-spacing.mobile-column-33 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-column-25 > .col {
        height: auto;
        width: calc(25% - 7.5px);
    }

        .grid.reduced-spacing.mobile-column-25 > .col:nth-child(4n+2) {
            margin: 0 5px 0 10px;
        }

        .grid.reduced-spacing.mobile-column-25 > .col:nth-child(4n+3) {
            margin: 0 10px 0 5px;
        }

        .grid.reduced-spacing.mobile-column-25 > .col .card, .grid.reduced-spacing.mobile-column-25 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.reduced-spacing.mobile-landscape-column-100 > .col:nth-child(-n+4), .grid.reduced-spacing.mobile-landscape-column-100 > .col:nth-child(2n+1), .grid.reduced-spacing.mobile-landscape-column-100 > .col:nth-child(2n+2), .grid.reduced-spacing.mobile-landscape-column-100 > .col:nth-child(3n+2), .grid.reduced-spacing.mobile-landscape-column-100 > .col:nth-child(4n+2), .grid.reduced-spacing.mobile-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.reduced-spacing.mobile-landscape-column-100 > .col .card, .grid.reduced-spacing.mobile-landscape-column-100 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 5px);
    }

        .grid.reduced-spacing.mobile-landscape-column-50 > .col:nth-child(2n+1) {
            margin: 0 5px 0 0;
        }

        .grid.reduced-spacing.mobile-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 5px;
        }

        .grid.reduced-spacing.mobile-landscape-column-50 > .col .card, .grid.reduced-spacing.mobile-landscape-column-50 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 6.67px);
    }

        .grid.reduced-spacing.mobile-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0 10px;
        }

        .grid.reduced-spacing.mobile-landscape-column-33 > .col .card, .grid.reduced-spacing.mobile-landscape-column-33 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 7.5px);
    }

        .grid.reduced-spacing.mobile-landscape-column-25 > .col:nth-child(4n+2) {
            margin: 0 5px 0 10px;
        }

        .grid.reduced-spacing.mobile-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0 10px 0 5px;
        }

        .grid.reduced-spacing.mobile-landscape-column-25 > .col .card, .grid.reduced-spacing.mobile-landscape-column-25 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 0 0 5px;
    }
}

@media (max-width:479px) {
    .grid.reduced-spacing.mobile-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.reduced-spacing.mobile-portrait-column-100 > .col:nth-child(-n+4), .grid.reduced-spacing.mobile-portrait-column-100 > .col:nth-child(2n+1), .grid.reduced-spacing.mobile-portrait-column-100 > .col:nth-child(2n+2), .grid.reduced-spacing.mobile-portrait-column-100 > .col:nth-child(3n+2), .grid.reduced-spacing.mobile-portrait-column-100 > .col:nth-child(4n+2), .grid.reduced-spacing.mobile-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.reduced-spacing.mobile-portrait-column-100 > .col .card, .grid.reduced-spacing.mobile-portrait-column-100 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 5px);
    }

        .grid.reduced-spacing.mobile-portrait-column-50 > .col:nth-child(2n+1) {
            margin: 0 5px 0 0;
        }

        .grid.reduced-spacing.mobile-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 5px;
        }

        .grid.reduced-spacing.mobile-portrait-column-50 > .col .card, .grid.reduced-spacing.mobile-portrait-column-50 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 6.67px);
    }

        .grid.reduced-spacing.mobile-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0 10px;
        }

        .grid.reduced-spacing.mobile-portrait-column-33 > .col .card, .grid.reduced-spacing.mobile-portrait-column-33 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 7.5px);
    }

        .grid.reduced-spacing.mobile-portrait-column-25 > .col:nth-child(4n+2) {
            margin: 0 5px 0 10px;
        }

        .grid.reduced-spacing.mobile-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0 10px 0 5px;
        }

        .grid.reduced-spacing.mobile-portrait-column-25 > .col .card, .grid.reduced-spacing.mobile-portrait-column-25 > .col .tile {
            margin: 0 0 10px;
        }

    .grid.reduced-spacing.mobile-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 5px);
        margin: 0 0 0 5px;
    }

    .grid.reduced-spacing.mobile-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 5px);
        margin: 0 5px 0 0;
    }

    .grid.reduced-spacing.mobile-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 5px);
        margin: 0 0 0 5px;
    }
}

.grid.minimal-spacing.column-100 > .col {
    height: auto;
    width: 100%;
}

    .grid.minimal-spacing.column-100 > .col:nth-child(-n+4), .grid.minimal-spacing.column-100 > .col:nth-child(2n+1), .grid.minimal-spacing.column-100 > .col:nth-child(2n+2), .grid.minimal-spacing.column-100 > .col:nth-child(3n+2), .grid.minimal-spacing.column-100 > .col:nth-child(4n+2), .grid.minimal-spacing.column-100 > .col:nth-child(4n+3) {
        height: auto;
        width: 100%;
        margin: 0;
    }

    .grid.minimal-spacing.column-100 > .col .card, .grid.minimal-spacing.column-100 > .col .tile {
        margin: 0 0 2px;
    }

.grid.minimal-spacing.column-50 > .col {
    height: auto;
    width: calc(50% - 1px);
}

    .grid.minimal-spacing.column-50 > .col:nth-child(2n+1) {
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.column-50 > .col:nth-child(2n+2) {
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.column-50 > .col .card, .grid.minimal-spacing.column-50 > .col .tile {
        margin: 0 0 2px;
    }

.grid.minimal-spacing.column-33 > .col {
    height: auto;
    width: calc(33.33% - 1.33px);
}

    .grid.minimal-spacing.column-33 > .col:nth-child(3n+2) {
        margin: 0 2px;
    }

    .grid.minimal-spacing.column-33 > .col .card, .grid.minimal-spacing.column-33 > .col .tile {
        margin: 0 0 2px;
    }

.grid.minimal-spacing.column-25 > .col {
    height: auto;
    width: calc(25% - 1.5px);
}

    .grid.minimal-spacing.column-25 > .col:nth-child(4n+2) {
        margin: 0 1px 0 2px;
    }

    .grid.minimal-spacing.column-25 > .col:nth-child(4n+3) {
        margin: 0 2px 0 1px;
    }

    .grid.minimal-spacing.column-25 > .col .card, .grid.minimal-spacing.column-25 > .col .tile {
        margin: 0 0 2px;
    }

.grid.minimal-spacing.column-33-66 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(33.33% - 1px);
    margin: 0 1px 0 0;
}

.grid.minimal-spacing.column-33-66 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(66.66% - 1px);
    margin: 0 0 0 1px;
}

.grid.minimal-spacing.column-25-75 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(25% - 1px);
    margin: 0 1px 0 0;
}

.grid.minimal-spacing.column-25-75 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(75% - 1px);
    margin: 0 0 0 1px;
}

.grid.minimal-spacing.column-66-33 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(66.66% - 1px);
    margin: 0 1px 0 0;
}

.grid.minimal-spacing.column-66-33 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(33.33% - 1px);
    margin: 0 0 0 1px;
}

.grid.minimal-spacing.column-75-25 > .col:nth-child(2n+1) {
    height: auto;
    width: calc(75% - 1px);
    margin: 0 1px 0 0;
}

.grid.minimal-spacing.column-75-25 > .col:nth-child(2n+2) {
    height: auto;
    width: calc(25% - 1px);
    margin: 0 0 0 1px;
}

.grid.minimal-spacing.line-separated > .col:before {
    margin-left: -1px;
}

@media (max-width:1024px) {
    .grid.minimal-spacing.tablet-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.minimal-spacing.tablet-column-100 > .col:nth-child(-n+4), .grid.minimal-spacing.tablet-column-100 > .col:nth-child(2n+1), .grid.minimal-spacing.tablet-column-100 > .col:nth-child(2n+2), .grid.minimal-spacing.tablet-column-100 > .col:nth-child(3n+2), .grid.minimal-spacing.tablet-column-100 > .col:nth-child(4n+2), .grid.minimal-spacing.tablet-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.minimal-spacing.tablet-column-100 > .col .card, .grid.minimal-spacing.tablet-column-100 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-column-50 > .col {
        height: auto;
        width: calc(50% - 1px);
    }

        .grid.minimal-spacing.tablet-column-50 > .col:nth-child(2n+1) {
            margin: 0 1px 0 0;
        }

        .grid.minimal-spacing.tablet-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 1px;
        }

        .grid.minimal-spacing.tablet-column-50 > .col .card, .grid.minimal-spacing.tablet-column-50 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-column-33 > .col {
        height: auto;
        width: calc(33.33% - 1.33px);
    }

        .grid.minimal-spacing.tablet-column-33 > .col:nth-child(3n+2) {
            margin: 0 2px;
        }

        .grid.minimal-spacing.tablet-column-33 > .col .card, .grid.minimal-spacing.tablet-column-33 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-column-25 > .col {
        height: auto;
        width: calc(25% - 1.5px);
    }

        .grid.minimal-spacing.tablet-column-25 > .col:nth-child(4n+2) {
            margin: 0 1px 0 2px;
        }

        .grid.minimal-spacing.tablet-column-25 > .col:nth-child(4n+3) {
            margin: 0 2px 0 1px;
        }

        .grid.minimal-spacing.tablet-column-25 > .col .card, .grid.minimal-spacing.tablet-column-25 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.minimal-spacing.tablet-landscape-column-100 > .col:nth-child(-n+4), .grid.minimal-spacing.tablet-landscape-column-100 > .col:nth-child(2n+1), .grid.minimal-spacing.tablet-landscape-column-100 > .col:nth-child(2n+2), .grid.minimal-spacing.tablet-landscape-column-100 > .col:nth-child(3n+2), .grid.minimal-spacing.tablet-landscape-column-100 > .col:nth-child(4n+2), .grid.minimal-spacing.tablet-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.minimal-spacing.tablet-landscape-column-100 > .col .card, .grid.minimal-spacing.tablet-landscape-column-100 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 1px);
    }

        .grid.minimal-spacing.tablet-landscape-column-50 > .col:nth-child(2n+1) {
            margin: 0 1px 0 0;
        }

        .grid.minimal-spacing.tablet-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 1px;
        }

        .grid.minimal-spacing.tablet-landscape-column-50 > .col .card, .grid.minimal-spacing.tablet-landscape-column-50 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 1.33px);
    }

        .grid.minimal-spacing.tablet-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0 2px;
        }

        .grid.minimal-spacing.tablet-landscape-column-33 > .col .card, .grid.minimal-spacing.tablet-landscape-column-33 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 1.5px);
    }

        .grid.minimal-spacing.tablet-landscape-column-25 > .col:nth-child(4n+2) {
            margin: 0 1px 0 2px;
        }

        .grid.minimal-spacing.tablet-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0 2px 0 1px;
        }

        .grid.minimal-spacing.tablet-landscape-column-25 > .col .card, .grid.minimal-spacing.tablet-landscape-column-25 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 0 0 1px;
    }
}

@media (max-width:800px) {
    .grid.minimal-spacing.tablet-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.minimal-spacing.tablet-portrait-column-100 > .col:nth-child(-n+4), .grid.minimal-spacing.tablet-portrait-column-100 > .col:nth-child(2n+1), .grid.minimal-spacing.tablet-portrait-column-100 > .col:nth-child(2n+2), .grid.minimal-spacing.tablet-portrait-column-100 > .col:nth-child(3n+2), .grid.minimal-spacing.tablet-portrait-column-100 > .col:nth-child(4n+2), .grid.minimal-spacing.tablet-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.minimal-spacing.tablet-portrait-column-100 > .col .card, .grid.minimal-spacing.tablet-portrait-column-100 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 1px);
    }

        .grid.minimal-spacing.tablet-portrait-column-50 > .col:nth-child(2n+1) {
            margin: 0 1px 0 0;
        }

        .grid.minimal-spacing.tablet-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 1px;
        }

        .grid.minimal-spacing.tablet-portrait-column-50 > .col .card, .grid.minimal-spacing.tablet-portrait-column-50 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 1.33px);
    }

        .grid.minimal-spacing.tablet-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0 2px;
        }

        .grid.minimal-spacing.tablet-portrait-column-33 > .col .card, .grid.minimal-spacing.tablet-portrait-column-33 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 1.5px);
    }

        .grid.minimal-spacing.tablet-portrait-column-25 > .col:nth-child(4n+2) {
            margin: 0 1px 0 2px;
        }

        .grid.minimal-spacing.tablet-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0 2px 0 1px;
        }

        .grid.minimal-spacing.tablet-portrait-column-25 > .col .card, .grid.minimal-spacing.tablet-portrait-column-25 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.tablet-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.tablet-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.tablet-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 0 0 1px;
    }
}

@media (max-width:767px) {
    .grid.minimal-spacing.mobile-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.minimal-spacing.mobile-column-100 > .col:nth-child(-n+4), .grid.minimal-spacing.mobile-column-100 > .col:nth-child(2n+1), .grid.minimal-spacing.mobile-column-100 > .col:nth-child(2n+2), .grid.minimal-spacing.mobile-column-100 > .col:nth-child(3n+2), .grid.minimal-spacing.mobile-column-100 > .col:nth-child(4n+2), .grid.minimal-spacing.mobile-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.minimal-spacing.mobile-column-100 > .col .card, .grid.minimal-spacing.mobile-column-100 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-column-50 > .col {
        height: auto;
        width: calc(50% - 1px);
    }

        .grid.minimal-spacing.mobile-column-50 > .col:nth-child(2n+1) {
            margin: 0 1px 0 0;
        }

        .grid.minimal-spacing.mobile-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 1px;
        }

        .grid.minimal-spacing.mobile-column-50 > .col .card, .grid.minimal-spacing.mobile-column-50 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-column-33 > .col {
        height: auto;
        width: calc(33.33% - 1.33px);
    }

        .grid.minimal-spacing.mobile-column-33 > .col:nth-child(3n+2) {
            margin: 0 2px;
        }

        .grid.minimal-spacing.mobile-column-33 > .col .card, .grid.minimal-spacing.mobile-column-33 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-column-25 > .col {
        height: auto;
        width: calc(25% - 1.5px);
    }

        .grid.minimal-spacing.mobile-column-25 > .col:nth-child(4n+2) {
            margin: 0 1px 0 2px;
        }

        .grid.minimal-spacing.mobile-column-25 > .col:nth-child(4n+3) {
            margin: 0 2px 0 1px;
        }

        .grid.minimal-spacing.mobile-column-25 > .col .card, .grid.minimal-spacing.mobile-column-25 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-landscape-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.minimal-spacing.mobile-landscape-column-100 > .col:nth-child(-n+4), .grid.minimal-spacing.mobile-landscape-column-100 > .col:nth-child(2n+1), .grid.minimal-spacing.mobile-landscape-column-100 > .col:nth-child(2n+2), .grid.minimal-spacing.mobile-landscape-column-100 > .col:nth-child(3n+2), .grid.minimal-spacing.mobile-landscape-column-100 > .col:nth-child(4n+2), .grid.minimal-spacing.mobile-landscape-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.minimal-spacing.mobile-landscape-column-100 > .col .card, .grid.minimal-spacing.mobile-landscape-column-100 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-landscape-column-50 > .col {
        height: auto;
        width: calc(50% - 1px);
    }

        .grid.minimal-spacing.mobile-landscape-column-50 > .col:nth-child(2n+1) {
            margin: 0 1px 0 0;
        }

        .grid.minimal-spacing.mobile-landscape-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 1px;
        }

        .grid.minimal-spacing.mobile-landscape-column-50 > .col .card, .grid.minimal-spacing.mobile-landscape-column-50 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-landscape-column-33 > .col {
        height: auto;
        width: calc(33.33% - 1.33px);
    }

        .grid.minimal-spacing.mobile-landscape-column-33 > .col:nth-child(3n+2) {
            margin: 0 2px;
        }

        .grid.minimal-spacing.mobile-landscape-column-33 > .col .card, .grid.minimal-spacing.mobile-landscape-column-33 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-landscape-column-25 > .col {
        height: auto;
        width: calc(25% - 1.5px);
    }

        .grid.minimal-spacing.mobile-landscape-column-25 > .col:nth-child(4n+2) {
            margin: 0 1px 0 2px;
        }

        .grid.minimal-spacing.mobile-landscape-column-25 > .col:nth-child(4n+3) {
            margin: 0 2px 0 1px;
        }

        .grid.minimal-spacing.mobile-landscape-column-25 > .col .card, .grid.minimal-spacing.mobile-landscape-column-25 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-landscape-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-landscape-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-landscape-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-landscape-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-landscape-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-landscape-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-landscape-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-landscape-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 0 0 1px;
    }
}

@media (max-width:479px) {
    .grid.minimal-spacing.mobile-portrait-column-100 > .col {
        height: auto;
        width: 100%;
    }

        .grid.minimal-spacing.mobile-portrait-column-100 > .col:nth-child(-n+4), .grid.minimal-spacing.mobile-portrait-column-100 > .col:nth-child(2n+1), .grid.minimal-spacing.mobile-portrait-column-100 > .col:nth-child(2n+2), .grid.minimal-spacing.mobile-portrait-column-100 > .col:nth-child(3n+2), .grid.minimal-spacing.mobile-portrait-column-100 > .col:nth-child(4n+2), .grid.minimal-spacing.mobile-portrait-column-100 > .col:nth-child(4n+3) {
            height: auto;
            width: 100%;
            margin: 0;
        }

        .grid.minimal-spacing.mobile-portrait-column-100 > .col .card, .grid.minimal-spacing.mobile-portrait-column-100 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-portrait-column-50 > .col {
        height: auto;
        width: calc(50% - 1px);
    }

        .grid.minimal-spacing.mobile-portrait-column-50 > .col:nth-child(2n+1) {
            margin: 0 1px 0 0;
        }

        .grid.minimal-spacing.mobile-portrait-column-50 > .col:nth-child(2n+2) {
            margin: 0 0 0 1px;
        }

        .grid.minimal-spacing.mobile-portrait-column-50 > .col .card, .grid.minimal-spacing.mobile-portrait-column-50 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-portrait-column-33 > .col {
        height: auto;
        width: calc(33.33% - 1.33px);
    }

        .grid.minimal-spacing.mobile-portrait-column-33 > .col:nth-child(3n+2) {
            margin: 0 2px;
        }

        .grid.minimal-spacing.mobile-portrait-column-33 > .col .card, .grid.minimal-spacing.mobile-portrait-column-33 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-portrait-column-25 > .col {
        height: auto;
        width: calc(25% - 1.5px);
    }

        .grid.minimal-spacing.mobile-portrait-column-25 > .col:nth-child(4n+2) {
            margin: 0 1px 0 2px;
        }

        .grid.minimal-spacing.mobile-portrait-column-25 > .col:nth-child(4n+3) {
            margin: 0 2px 0 1px;
        }

        .grid.minimal-spacing.mobile-portrait-column-25 > .col .card, .grid.minimal-spacing.mobile-portrait-column-25 > .col .tile {
            margin: 0 0 2px;
        }

    .grid.minimal-spacing.mobile-portrait-column-33-66 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-portrait-column-33-66 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-portrait-column-25-75 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-portrait-column-25-75 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-portrait-column-66-33 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(66.66% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-portrait-column-66-33 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(33.33% - 1px);
        margin: 0 0 0 1px;
    }

    .grid.minimal-spacing.mobile-portrait-column-75-25 > .col:nth-child(2n+1) {
        height: auto;
        width: calc(75% - 1px);
        margin: 0 1px 0 0;
    }

    .grid.minimal-spacing.mobile-portrait-column-75-25 > .col:nth-child(2n+2) {
        height: auto;
        width: calc(25% - 1px);
        margin: 0 0 0 1px;
    }
}

.mask-hexagon {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .mask-hexagon:before {
        display: block;
        padding-top: 115%;
    }

    .mask-hexagon .hexagon-svg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }

        .mask-hexagon .hexagon-svg polygon {
            fill: #fff;
        }

.icon, [class*=" icon-"]:not([class*="__"]):not([class*="--"]), [class^=icon-]:not([class*="__"]):not([class*="--"]) {
    font-family: iconfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

.icon-facebook:before {
    content: "\e605";
}

.icon-instagram:before {
    content: "\e606";
}

.icon-twitter:before {
    content: "\e607";
}

.icon-gplus:before {
    content: "\e619";
}

.icon-youtube:before {
    content: "\e60f";
}

.icon-gplus2:before {
    content: "\e902";
}

.icon-twitter2:before {
    content: "\e64d";
}

.icon-instagram2:before {
    content: "\e64c";
}

.icon-facebook2:before {
    content: "\e64b";
}

.icon-youtube2:before {
    content: "\e64e";
}

.icon-google2:before {
    content: "\ea8b";
    font-size: 1.4em;
    vertical-align: -31%;
}

.icon-close:before {
    content: "\e60c";
}

.icon-back:before {
    content: "\e60d";
}

.icon-top:before {
    content: "\e632";
}

.icon-bigarrowright:before {
    content: '\ea3c';
}

.icon-navleft:before {
    content: "\e616";
}

.icon-navright:before {
    content: "\e617";
}

.icon-right:before {
    content: "\e618";
}

.icon-down:before {
    content: "\e61e";
}

.icon-arrowleft:before {
    content: "\e61c";
}

.icon-arrowdown:before {
    content: "\e61e";
}

.icon-arrowright:before {
    content: "\e61d";
}

.icon-fatarrow:before {
    content: '\e904';
}

.icon-zoomin:before {
    content: "\e622";
}

.icon-zoomout:before {
    content: "\e621";
}

.icon-fullscreen:before {
    content: "\e623";
}

.icon-rotateright:before {
    content: "\e624";
}

.icon-rotateleft:before {
    content: "\e625";
}

.icon-checkmark:before {
    content: "\e61f";
}

.icon-list:before {
    content: "\e620";
}

.icon-tabs:before {
    content: '\e63b';
}

.icon-minicheck:before {
    content: '\e63c';
}

.icon-miniclose:before {
    content: '\e63d';
}

.icon-minimize:before {
    content: '\e63f';
}

.icon-expand:before {
    content: '\e63e';
}

.icon-totop:before {
    content: '\e648';
}

.icon-tobottom:before {
    content: '\e649';
}

.icon-heart {
    height: 1em;
    width: 1em;
    position: relative;
    cursor: pointer;
    font-size: 1.6rem;
}

    .icon-heart:after, .icon-heart:before {
        content: "\e610";
        display: block;
        width: .55em;
        overflow: hidden;
        position: absolute;
        top: 0;
        opacity: 1;
        text-align: left;
        transition: 0s 0s;
        transform: rotateY(0) translateZ(0);
    }

.tooltip, .view-popup {
    text-align: center;
    color: #fff;
}

.icon-heart:before {
    left: 50%;
    margin-left: -.55em;
}

.icon-heart:after {
    transform: rotateY(0) translateZ(0) translateX(0);
    right: 50%;
    margin-right: -.55em;
    direction: rtl;
}

.icon-heart:hover:not(.is-liked) {
    color: #E70073;
    animation: heartbeat 1.3s ease 0s infinite normal;
}

.icon-heart.is-liked {
    color: #E70073;
}

    .icon-heart.is-liked:after, .icon-heart.is-liked:before {
        transition: .1s 0s,opacity .2s .1s;
    }

.is-loading .icon-heart.is-liked:before {
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transform: rotateZ(-5deg) rotateY(0) translateX(-3px);
    opacity: 0;
}

.is-loading .icon-heart.is-liked:after {
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transform: rotateZ(5deg) rotateY(0) translateX(3px);
    opacity: 0;
}

.icon-mail:before {
    content: "\e611";
}

.icon-reply:before {
    content: "\e612";
}

.icon-play:before {
    content: "\e60e";
}

.icon-search:before {
    content: "\e60a";
}

.icon-store:before {
    content: "\e60b";
}

.icon-printing:before {
    content: "\e600";
}

.icon-rescue:before {
    content: "\e601";
}

.icon-products:before {
    content: "\e604";
}

.icon-account:before {
    content: "\e608";
}

.icon-country:before {
    content: "\e609";
}

.icon-blogs:before {
    content: "\e602";
}

.icon-community:before {
    content: "\e603";
}

.icon-macintosh:before {
    content: "\e615";
}

.icon-windows:before {
    content: "\e614";
}

.icon-linux:before {
    content: "\e613";
}

.icon-comment:before {
    content: "\e61a";
}

.icon-share:before {
    content: "\e61b";
}

.icon-post:before {
    content: "\e629";
}

.icon-edit:before {
    content: "\e635";
}

.icon-upload:before {
    content: "\e62a";
}

.icon-add:before {
    content: "\e627";
}

.icon-remove:before {
    content: "\e628";
}

.icon-addthick:before {
    content: "\e639";
}

.icon-removethick:before {
    content: "\e63a";
}

.icon-check:before {
    content: "\e62b";
}

.icon-pin:before {
    content: "\e62c";
}

.icon-flag:before {
    content: "\e62d";
}

.icon-sharealt:before {
    content: "\e62e";
}

.icon-view:before {
    content: "\e62f";
}

.icon-addfat:before {
    content: "\e630";
}

.icon-replyalt:before {
    content: "\e631";
}

.icon-points:before {
    content: "\e634";
    font-size: 2rem;
    vertical-align: -9%;
}

.icon-idea:before {
    content: "\e633";
    font-size: 2rem;
    vertical-align: -12%;
}

.icon-notification:before {
    content: "\e636";
}

.icon-save:before {
    content: '\e9d2';
}

.icon-settings:before {
    content: '\e637';
}

.icon-medal:before {
    content: '\e638';
}

.icon-notificationevent:before {
    content: '\e641';
}

.icon-notificationpost:before {
    content: '\e642';
}

.icon-notificationprint:before {
    content: '\e643';
}

.icon-notificationprofile:before {
    content: '\e644';
}

.icon-notificationsoftware:before {
    content: '\e645';
}

.icon-notificationstory:before {
    content: '\e646';
}

.icon-notificationmessage:before {
    content: '\e647';
}

.icon-lock:before {
    content: "\e98a";
}

.icon-drag:before {
    content: '\e640';
}

.icon-download:before {
    content: "\e64a";
}

.icon-info:before {
    content: "\e903";
}

.icon-playfill:before {
    content: '\e908';
}

.icon-question:before {
    content: '\e907';
}

.icon-feeder:before {
    content: '\e90a';
}

.icon-airflow:before {
    content: '\e909';
}

.icon-nozzle:before {
    content: '\e90b';
}

.icon-um3:before {
    content: "\ea00";
}

.icon-um3ext:before {
    content: "\ea01";
}

.icon-um2:before {
    content: '\e906';
}

.icon-um2ext:before {
    content: '\e905';
}

.icon-support:before {
    content: '\e90c';
}

.icon-icon_service_partners:before {
    content: "\e90e";
}

.icon-play-video:before {
    content: '\e90f';
}

.header-sub .carousel .next:before, .header-sub .carousel .prev:before, .icon-navnext:before {
    content: '\e910';
}

.icon-play-video-filled:before {
    content: '\ea13';
}

.icon-material-inactive:before {
    content: '\e901';
}

.icon-material-active:before {
    content: '\e900';
}

.icon-material:before {
    content: '\e90d';
}

.icon-rotation:before {
    content: "\e911";
}

.icon-plus {
    height: 1.5rem;
    width: 1.5rem;
    position: relative;
    vertical-align: middle;
}

    .icon-plus:after, .icon-plus:before {
        content: '';
        background: #fff;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        transition: all .4s cubic-bezier(.23,1,.32,1);
        border-radius: .2em;
    }

    .icon-plus:before {
        height: .2em;
        width: 100%;
    }

    .icon-plus:after {
        height: 100%;
        width: .2em;
    }

    .icon-plus.inverted:after, .icon-plus.inverted:before {
        background: #000;
    }

.emoticon {
    width: 1.8rem;
    display: inline;
}

.list-holder {
    height: auto;
    width: 100%;
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    background: #fff;
    margin: 0;
    padding: 3rem 4rem;
    box-sizing: border-box;
}

    .content.content--support .list-holder a, .content.support .list-holder a, .list-holder .asset-download, .list-holder .content.content--support a, .list-holder .content.support a, .list-holder .link-default, .list-holder .sceditor-header-picker.content--support a, .list-holder .sceditor-header-picker.support a, .list-holder .supportpopup .forever-close, .sceditor-header-picker.content--support .list-holder a, .sceditor-header-picker.support .list-holder a, .supportpopup .list-holder .forever-close {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

@media (max-width:767px) {
    .list-holder {
        padding: 3rem 2rem;
    }
}

.list-default li, .list-numbered li {
    margin: 0 0 1.2rem;
}

    .list-default li:last-child, .list-numbered li:last-child {
        margin: 0;
    }

    .list-default li [class*=" icon-"], .list-default li [class^=icon-], .list-numbered li [class*=" icon-"], .list-numbered li [class^=icon-] {
        font-size: 68.75%;
        vertical-align: middle;
        margin: 0 .5rem 0 0;
    }

    .list-default li .icon-tabs, .list-numbered li .icon-tabs {
        font-size: 100%;
    }

.hero.featured .description .additional-html .decoda-list li, .list-dotted li {
    margin: 0 0 .8rem 1.8rem;
    list-style: outside;
    padding-left: 1rem;
}

.list-numbered-round {
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

    .list-numbered-round li {
        padding: 1.3rem 0 1.3rem 4rem;
        position: relative;
        list-style: none;
    }

        .list-numbered-round li + li {
            border-top: 2px solid rgba(0,0,0,.05);
        }

        .list-numbered-round li:before {
            font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font-weight: 700;
            height: 3rem;
            width: 3rem;
            font-size: 87.5%;
            line-height: 3rem;
            content: counter(step-counter);
            counter-increment: step-counter;
            background: #000;
            border-radius: 100%;
            color: #fff;
            display: block;
            text-align: center;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
        }

.list-icons li {
    margin: 0 0 1.2rem;
    padding-left: 3rem;
    position: relative;
}

    .list-icons li:last-child {
        margin: 0;
    }

    .list-icons li [class*=" icon-"], .list-icons li [class^=icon-] {
        left: 0;
        position: absolute;
        top: .1rem;
        font-size: 1.8rem;
    }

    .list-icons li .icon-tabs {
        position: static;
    }

.tooltip, .tooltip::after {
    position: absolute;
    left: 50%;
    pointer-events: none;
}

.list-icons li span {
    font-weight: 600;
}

.list-numbered li {
    counter-increment: step-counter;
    margin: 0 0 1.2rem;
    white-space: nowrap;
    overflow: hidden;
}

    .list-numbered li:last-child {
        margin: 0;
    }

    .list-numbered li:before {
        content: counter(step-counter);
        height: 2.5rem;
        width: 2.5rem;
        margin: 0;
        display: inline-block;
    }

.community-header .communityactions li, .list-horizontal li {
    display: inline-block;
    margin: 0 1rem 0 0;
}

    .community-header .communityactions li [class*=" icon-"], .community-header .communityactions li [class^=icon-], .list-horizontal li [class*=" icon-"], .list-horizontal li [class^=icon-] {
        font-size: 125%;
        vertical-align: middle;
    }

dl.list-specs dd, dl.list-specs dt {
    margin: 0;
}

    dl.list-specs dd:nth-child(4n+2), dl.list-specs dt:nth-child(4n+1) {
        background: #000;
    }

dl.list-specs dt {
    font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 1.8rem 3rem 0;
}

dl.list-specs dd {
    padding: 0 3rem 1.8rem;
}

dl.list-specs.excerpt dd:nth-child(4n+2), dl.list-specs.excerpt dt:nth-child(4n+1) {
    background: 0 0;
}

dl.list-specs.excerpt dt {
    padding: 0;
}

dl.list-specs.excerpt dd {
    padding: 0;
    margin: 0 0 2.5rem;
}

.tooltip {
    opacity: 0;
    max-width: 130px;
    min-width: 100px;
    background: #000;
    font-family: 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.4;
    text-indent: 0;
    text-transform: none;
    white-space: normal;
    box-sizing: border-box;
    padding: 1rem 1.3rem 1.2rem;
    transition: .2s;
    z-index: 12;
    margin: 0 0 10px;
    bottom: 100%;
    -ms-transform: translateX(-50%) translateY(-10px);
    transform: translateX(-50%) translateY(-10px);
}

    .tooltip::after {
        display: block;
        content: " ";
        height: 0;
        width: 0;
        border-color: #000 transparent transparent;
        border-width: 10px;
        border-style: solid;
        top: 100%;
        margin: 0 0 0 -10px;
    }

.card .click-area:before, .card .media:before, .hero .content .list-details:before, .hero.featured .media .gyro:before, .hero.featured .media .turbine:before, .item-hexagon:before {
    content: '';
}

.tooltip .title {
    text-transform: none;
    margin: 0 0 -.8rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font: inherit;
}

.tooltip.bottom {
    margin: 10px 0 0;
    top: 100%;
    bottom: auto;
    -ms-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px);
}

    .tooltip.bottom:after {
        top: auto;
        bottom: 100%;
        border-top-color: transparent;
        border-bottom-color: #000;
    }

.tooltip.left {
    margin: 0 10px 0 0;
    top: 50%;
    bottom: auto;
    right: 100%;
    left: auto;
    -ms-transform: translateX(-10px) translateY(-50%);
    transform: translateX(-10px) translateY(-50%);
}

    .tooltip.left:after {
        top: 50%;
        left: 100%;
        border-top-color: transparent;
        border-left-color: #000;
        margin: -10px 0 0;
    }

.tooltip.right {
    margin: 0 0 0 10px;
    top: 50%;
    bottom: auto;
    left: 100%;
    right: auto;
    -ms-transform: translateX(10px) translateY(-50%);
    transform: translateX(10px) translateY(-50%);
}

    .tooltip.right:after {
        top: 50%;
        right: 100%;
        left: auto;
        border-top-color: transparent;
        border-right-color: #000;
        margin: -10px 0 0;
    }

.view-popup, .view-popup > .overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
}

.tooltip .tooltip--mouse {
    z-index: 11;
}

[data-title-load].is-loadtooltipshown .tooltip.tooltip--load, [data-title-mode=click] .tooltip.is-selected, [data-title].is-tooltipshown .tooltip.tooltip--mouse, [data-title]:hover .tooltip.tooltip--mouse, [title-load].is-loadtooltipshown .tooltip.tooltip--load, [title-mode=click] .tooltip.is-selected, [title].is-tooltipshown .tooltip.tooltip--mouse, [title]:hover .tooltip.tooltip--mouse {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
}

[data-title]:hover .tooltip.left {
    -ms-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
}

.view-popup {
    z-index: 5000;
    display: none;
}

    .view-popup > .overlay {
        background: rgba(0,0,0,.8);
        opacity: 0;
        transition: opacity .4s;
        padding: 1rem;
    }

    .view-popup .centered-content .inner {
        transition: .25s;
        overflow: hidden;
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

        .view-popup .centered-content .inner .heading-title, .view-popup .centered-content .inner > .heading-sub {
            margin-bottom: 1.5rem;
        }

        .view-popup .centered-content .inner > .copy-caption, .view-popup .centered-content .inner > .copy-default {
            max-width: 700px;
            margin: 0 auto 2rem;
        }

        .view-popup .centered-content .inner .selector, .view-popup .centered-content .inner input, .view-popup .centered-content .inner textarea {
            font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

        .view-popup .centered-content .inner .selector {
            text-align: left;
        }

        .view-popup .centered-content .inner .uniform + .parsley-errors-list.filled {
            margin-top: .6rem;
        }

        .view-popup .centered-content .inner textarea {
            min-height: 3rem;
            height: 10rem;
        }

        .view-popup .centered-content .inner .checkbox-list {
            margin-top: 1rem;
        }

            .view-popup .centered-content .inner .checkbox-list .heading-sub {
                margin-bottom: .5rem;
            }

            .view-popup .centered-content .inner .checkbox-list .checkbox {
                margin: 0;
            }

                .view-popup .centered-content .inner .checkbox-list .checkbox ~ .checkbox {
                    padding-top: 0;
                    border-top: none;
                }

            .view-popup .centered-content .inner .checkbox-list .products {
                text-align: left;
                font: 0/0 a;
            }

                .view-popup .centered-content .inner .checkbox-list .products .checkbox {
                    display: inline-block;
                    width: 50%;
                }

        .view-popup .centered-content .inner .checkbox {
            font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            text-align: left;
            vertical-align: top;
        }

        .view-popup .centered-content .inner .checkbox, .view-popup .centered-content .inner .checkbox-list {
            margin-bottom: .5em;
        }

            .view-popup .centered-content .inner .checkbox-list ~ .checkbox, .view-popup .centered-content .inner .checkbox-list ~ .checkbox-list, .view-popup .centered-content .inner .checkbox ~ .checkbox, .view-popup .centered-content .inner .checkbox ~ .checkbox-list {
                padding-top: 1rem;
                border-top: 1px solid #f5f5f5;
            }

        .view-popup .centered-content .inner .grid .col .reseller, .view-popup .centered-content .inner .grid .col .tile {
            margin-bottom: 2rem;
        }

@media (max-width:767px) {
    .view-popup .centered-content .inner .grid .col .reseller {
        margin-bottom: 0;
    }
}

.view-popup .centered-content .inner .show-all {
    margin-top: 1rem;
}

.view-popup .close {
    height: 40px;
    width: 40px;
    color: #fff;
    position: absolute;
    top: 30px;
    right: 30px;
    border: 2px solid;
    border-radius: 50%;
    font-size: 2rem;
    line-height: 36px;
    box-sizing: border-box;
    transition: .3s;
    opacity: 0;
    z-index: 1;
}

    .view-popup .close:hover {
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

.view-popup .popup-content > .copy-caption, .view-popup .popup-content > .copy-default {
    margin-bottom: 1rem;
}

.view-popup .popup-content .login-assistance .btn {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    float: right;
    margin: .3rem 0;
}

.view-popup .popup-content .userpost-main .pageheader {
    padding: 0 0 2rem;
}

    .view-popup .popup-content .userpost-main .pageheader .title {
        font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        padding: 0 2rem;
        text-align: left;
    }

@media (max-width:800px) {
    .view-popup .popup-content .userpost-main .pageheader .title {
        padding: 0 1rem;
    }
}

.view-popup .popup-content .userpost-main .contentpanel {
    padding: 0;
}

    .view-popup .popup-content .userpost-main .contentpanel .copy-article {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        text-align: left;
    }

.view-popup .popup-holder {
    max-width: 100vw;
    max-height: 85vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    margin: 0 auto;
    perspective: 600px;
    position: relative;
}

@media (max-width:1300px) {
    .view-popup .popup-holder {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media max-width {
    .view-popup .popup-holder {
        max-height: 70vh;
    }
}

@media (max-width:600px) {
    .view-popup .popup-holder {
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100vw;
        margin-top: 50px;
    }
}

.view-popup .popup-holder.alt {
    color: #000;
    background: #f5f5f5;
    padding: 5rem 3rem;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    width: 1210px;
    box-sizing: border-box;
    text-align: center;
}

@media (max-width:767px) {
    .view-popup .popup-holder.alt {
        padding: 5rem 1rem;
    }
}

.view-popup .popup-holder .column-66-33 .contentpanel-image img {
    margin: 0 auto;
    padding-bottom: 2rem;
}

.view-popup .popup-holder .content {
    text-align: left;
    padding: 0 2rem;
}

    .view-popup .popup-holder .content.topic {
        padding: 0;
    }

    .view-popup .popup-holder .content .description span {
        display: block;
        padding-bottom: 1rem;
    }

.view-popup .popup-holder .copy-caption, .view-popup .popup-holder .copy-default {
    margin-top: 1rem;
}

    .view-popup .popup-holder .copy-caption .btn.plain, .view-popup .popup-holder .copy-default .btn.plain {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 1.6rem;
    }

.view-popup .popup-holder .tabs {
    overflow: hidden;
    position: relative;
}

    .view-popup .popup-holder .tabs .tab {
        font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        background: rgba(255,255,255,.25);
        display: block;
        width: 50%;
        text-align: center;
        color: #fff;
        padding: 1.5rem 2rem;
        float: left;
        position: relative;
        box-sizing: border-box;
    }

        .view-popup .popup-holder .tabs .tab.is-selected {
            background: #fff;
            color: #000;
        }

.view-popup .popup-holder .cards {
    max-width: 830px;
    margin: 0 auto;
}

.view-popup .popup-holder.xl {
    max-width: 900px;
}

.view-popup .popup-holder.large {
    max-width: 620px;
}

@media (max-width:479px) {
    .view-popup .popup-holder.large {
        width: 100%;
    }
}

.view-popup .popup-holder.medium {
    max-width: 400px;
}

.view-popup .popup-holder.small {
    height: 333px;
}

.view-popup.is-popupopen .close, .view-popup.is-popupopen .overlay {
    opacity: 1;
}

.view-popup.is-loading .centered-content .inner {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: .2s;
    opacity: 0;
}

.fallback-page {
    margin-top: 55px;
}

@keyframes bounce {
    0%,100%,20%,50% {
        transform: translateY(0);
    }

    10% {
        transform: translateY(10px);
    }

    30% {
        transform: translateY(15px);
    }
}

@keyframes spinloading {
    0% {
        transform: translate(-50%,-50%) rotateZ(45deg);
    }

    100% {
        transform: translate(-50%,-50%) rotateZ(405deg);
    }
}

@keyframes heartbeat {
    0%,28%,70% {
        transform: scale(1);
    }

    14%,42% {
        transform: scale(1.3);
        color: #E70073;
    }
}

@keyframes hike {
    0% {
        transform: rotateY(0);
    }

    10% {
        transform: rotateY(180deg) translateX(0);
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotateY(180deg) translateX(1000px);
    }
}

@keyframes wiggle {
    0% {
        transform: rotateZ(10deg) translateY(0);
    }

    50% {
        transform: rotateZ(0) translateY(-5px);
    }

    100% {
        transform: rotateZ(-10deg) translateY(0);
    }
}

@keyframes pulse {
    0%,100% {
        transform: translateX(-50%) translateY(-50%) scale(.8);
    }

    50% {
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
}

@keyframes popuppop {
    0% {
        transform: scale(1.1);
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes robotwiggle {
    0%,100% {
        transform: translateY(0);
    }

    20%,60% {
        transform: translateY(-20px) rotateZ(-5deg);
    }

    40%,80% {
        transform: translateY(-20px) rotateZ(5deg);
    }
}

.item-hexagon {
    position: relative;
}

    .item-hexagon:before {
        display: block;
        padding-top: 115%;
    }

    .item-hexagon .sizer {
        height: 100%;
        width: 100%;
        display: inline-block;
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
        overflow: hidden;
        visibility: hidden;
        position: absolute;
        top: 0;
    }

        .item-hexagon .sizer > .inner {
            height: 100%;
            width: 100%;
            overflow: hidden;
            -ms-transform: rotate(-60deg);
            transform: rotate(-60deg);
        }

            .item-hexagon .sizer > .inner .content {
                height: 100%;
                width: auto;
                visibility: visible;
                background: #000;
                color: #fff;
                text-align: center;
                -ms-transform: rotate(-60deg);
                transform: rotate(-60deg);
                position: relative;
                overflow: hidden;
            }

                .item-hexagon .sizer > .inner .content.light, .item-hexagon.inverted .sizer > .inner .content {
                    background: #fff;
                    color: #000;
                }

                .item-hexagon .sizer > .inner .content img {
                    height: 100%;
                    width: auto;
                    position: absolute;
                    top: 50%;
                    bottom: auto;
                    left: 50%;
                    right: auto;
                    -ms-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    max-width: none;
                    pointer-events: none;
                }

.hero {
    height: 400px;
    width: 100%;
    text-align: center;
    color: #fff;
    position: relative;
}

@media (max-width:800px) {
    .hero {
        height: auto;
        width: 100%;
        padding: 3rem 0;
    }
}

.hero .background-media {
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

    .hero .background-media img, .hero .background-media video {
        opacity: .7;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: 101%;
        width: 101%;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover";
    }

.card.post .media img, .card.product.featured .media img {
    opacity: .5;
}

.hero .content {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-top: 5.9rem;
}

    .hero .content .description {
        height: auto;
        width: 100%;
        display: inline-block;
    }

    .hero .content .additional-html, .hero .content .copy-article, .hero .content .copy-default, .hero .content .heading-page, .hero .content .heading-sub, .hero .content .heading-title, .hero .content .list-application, .hero .content .list-community-status, .hero .content .list-default, .hero .content .list-details, .hero .content .list-dotted, .hero .content .list-numbered, .hero .content .price-table, .hero.featured .content .description .additional-html .decoda-list, .hero.featured .description .additional-html .content .decoda-list {
        margin-bottom: 2.5rem;
    }

@media (max-width:767px) {
    .view-popup .popup-holder .content {
        text-align: center;
    }

    .hero .content .additional-html, .hero .content .copy-article, .hero .content .copy-default, .hero .content .heading-page, .hero .content .heading-sub, .hero .content .heading-title, .hero .content .list-application, .hero .content .list-community-status, .hero .content .list-default, .hero .content .list-details, .hero .content .list-dotted, .hero .content .list-numbered, .hero .content .price-table, .hero.featured .content .description .additional-html .decoda-list, .hero.featured .description .additional-html .content .decoda-list {
        margin-bottom: 1.5rem;
    }
}

.hero .content .price-table {
    width: 120%;
}

.hero .content .copy-article, .hero .content .copy-default {
    height: auto;
    width: 100%;
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width:1024px) {
    .hero .content {
        padding-top: 0;
    }

        .hero .content .heading-page {
            font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

        .hero .content .copy-article, .hero .content .copy-default {
            font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        }
}

.hero .content .price-table .btn {
    margin-bottom: 0;
}

@media (max-width:800px) {
    .hero .content .price-table .btn {
        margin-bottom: 2.5rem;
    }
}

.hero .content .list-application {
    color: #000;
    font-size: 0;
}

    .hero .content .list-application li {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        display: inline-block;
        vertical-align: top;
        margin-right: 2.5rem;
        text-align: left;
    }

        .hero .content .list-application li:last-child {
            margin: 0;
        }

@media (max-width:1024px) {
    .hero .content .list-application li {
        margin-right: 1rem;
        font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }
}

.hero .content .list-application li strong {
    display: block;
}

.hero .content .list-details:before {
    background: currentColor;
    display: inline-block;
    height: 1px;
    width: 100px;
    margin: 0 0 1.2rem;
}

.hero .content .list-community-status li {
    display: inline-block;
    padding: 0 .5rem;
}

.hero.extended .content, .hero.featured .content {
    padding-top: 0;
}

.hero .content .list-community-status li [class*=" icon-"], .hero .content .list-community-status li [class^=icon-] {
    margin: 0 0 0 .5rem;
    vertical-align: middle;
}

.hero .content .list-default, .hero .content .list-numbered {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.hero.bg-gray {
    background: #f5f5f5;
}

.hero.plain {
    color: #000;
}

    .hero.plain .media {
        display: none;
    }

.hero.extended {
    height: 575px;
    width: 100%;
}

@media (max-width:800px) {
    .hero.extended {
        height: auto;
        width: 100%;
    }
}

.hero.featured {
    height: 675px;
    width: 100%;
    text-align: left;
    color: #000;
    font-size: 0;
    direction: rtl;
}

    .hero.featured.inverted {
        direction: ltr;
    }

        .hero.featured.inverted .description {
            padding-right: 0;
            padding-left: 10rem;
        }

    .hero.featured .description, .hero.featured .media {
        display: inline-block;
        direction: ltr;
        vertical-align: middle;
    }

@media (max-width:800px) {
    .hero.featured {
        height: auto;
        width: 100%;
    }

        .hero.featured.inverted .description {
            padding-left: 0;
        }

        .hero.featured .description, .hero.featured .media {
            display: block;
            margin: 0 auto;
        }
}

.hero.featured .description.align-top, .hero.featured .media.align-top {
    vertical-align: top;
}

.hero.featured .description.align-bottom, .hero.featured .media.align-bottom {
    vertical-align: bottom;
}

.hero.featured .description {
    height: auto;
    width: 50%;
    padding-right: 10rem;
    box-sizing: border-box;
}

@media (max-width:800px) {
    .hero.featured .description {
        height: auto;
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
}

.hero.featured .description .heading-page {
    height: auto;
    width: 120%;
}

.hero.featured .description .copy-article {
    height: auto;
    width: 100%;
}

@media (max-width:1024px) {
    .hero.featured .description .heading-page {
        height: auto;
        width: 100%;
        font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    .hero.featured .description .copy-article {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }
}

.hero.featured .description .additional-html {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.hero.featured .media {
    height: auto;
    width: 50%;
    text-align: right;
    position: relative;
}

@media (max-width:800px) {
    .hero.featured .media {
        height: auto;
        width: 85%;
        text-align: center;
    }
}

.hero.featured .media .copy-caption {
    text-align: left;
    padding: 1.6rem 0;
}

.hero.featured .media img {
    max-width: none;
}

.hero.featured .media .alpha-video {
    display: inline-block;
    position: relative;
    padding: 0 50px;
}

@media (max-width:800px) {
    .hero.featured .media img {
        max-width: 100%;
    }

    .hero.featured .media .alpha-video {
        height: auto;
        width: 85%;
        padding: 0;
    }
}

.hero.featured .media .alpha-video canvas, .hero.featured .media .alpha-video video {
    max-width: 100%;
}

@media (max-width:1024px) {
    .hero.featured .media .gyro, .hero.featured .media .turbine {
        display: none;
    }
}

.hero.featured .media .turbine {
    background: url(/img//products/Ultimaker-2-turbine.png) no-repeat;
    background-size: contain;
    height: auto;
    width: 47%;
    position: absolute;
    top: 41%;
    left: -11%;
}

    .hero.featured .media .turbine:before {
        display: block;
        padding-top: 139.28571%;
    }

.hero.featured .media .gyro {
    background: url(/img//products/Ultimaker-3-gyro.png) no-repeat;
    background-size: contain;
    height: auto;
    width: 60%;
    position: absolute;
    top: 69%;
    left: -10%;
}

    .hero.featured .media .gyro:before {
        display: block;
        padding-top: 65.95238%;
    }

.hero.featured .media .filter {
    position: absolute;
    right: 1.5rem;
    z-index: 1;
}

    .hero.featured .media .filter .resellers-region {
        padding: 5px;
    }

        .hero.featured .media .filter .resellers-region .selector {
            background: #fff;
        }

.hero.featured .media .resellersmap {
    height: 40rem;
}

    .hero.featured .media .resellersmap .marker-tooltip {
        width: 380px;
        position: relative;
        line-height: 1.5;
        margin-top: 110px;
        transform: translateZ(0);
    }

        .hero.featured .media .resellersmap .marker-tooltip .close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 1.8rem;
            z-index: 1;
        }

    .hero.featured .media .resellersmap .infoBox > img {
        right: 0;
        z-index: 3;
        top: 110px;
    }

.hero.featured .media .click-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.3);
}

    .hero.featured .media .click-area .btn.plain {
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.hero.featured .media .figcaption {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}

.hero.align-left .description, .hero.align-right .description {
    height: auto;
    width: 50%;
}

    .hero.align-left .description .copy-article, .hero.align-left .description .copy-default, .hero.align-right .description .copy-article, .hero.align-right .description .copy-default {
        margin-left: 0;
        margin-right: 0;
    }

@media (max-width:800px) {
    .hero.featured .media .figcaption {
        display: none;
    }

    .hero.align-left .description, .hero.align-right .description {
        height: auto;
        width: 100%;
    }
}

.hero.align-left {
    text-align: left;
}

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

.card {
    position: relative;
}

    .card .label {
        position: absolute;
        background-color: #fb203a;
        color: #fff;
        padding: 0 1.5rem .3rem;
        margin-top: 1rem;
        margin-left: 1rem;
        font-size: 1.3rem;
        font-family: "Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,sans-serif;
        z-index: 1;
        bottom: 0px;
        right: 0px;
    }

    .card .click-area:before, .card .media:before {
        display: block;
        padding-top: 52.5%;
    }

    .card .click-area {
        position: absolute;
        height: auto;
        width: 100%;
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .card .media {
        overflow: hidden;
        position: relative;
        background: #fff;
        color: #fff;
    }

        .card .media img {
            position: absolute;
            top: 50%;
            bottom: auto;
            left: 50%;
            right: auto;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            height: 101%;
            width: 101%;
            -o-object-fit: cover;
            object-fit: cover;
            font-family: "object-fit: cover";
        }

        .card .media .asset-download, .card .media .content.content--support a, .card .media .content.support a, .card .media .link-default, .card .media .sceditor-header-picker.content--support a, .card .media .sceditor-header-picker.support a, .card .media .supportpopup .forever-close, .content.content--support .card .media a, .content.support .card .media a, .sceditor-header-picker.content--support .card .media a, .sceditor-header-picker.support .card .media a, .supportpopup .card .media .forever-close {
            position: absolute;
            bottom: 1rem;
            left: 1rem;
        }

    .card .description {
        background: #fff;
        color: #000;
        padding: 1.6rem;
        position: relative;
        box-sizing: border-box;
        text-align: center;
    }

        .card .description h1, .card .description h2, .card .description h3, .card .description h4, .card .description h5, .card .description h6, .card .description p {
            margin: 0 0 1.6rem;
        }

            .card .description p:last-child {
                margin: 0;
            }

        .card .description .gray {
            color: #7F7F7F;
        }

        .card .description .pricing {
            height: auto;
            width: 100%;
            padding: 1.4rem 1.4rem 3rem;
            box-sizing: border-box;
            display: table;
        }

            .card .description .pricing li {
                font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
                font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
                display: table-cell;
            }

                .card .description .pricing li small {
                    font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
                    font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
                    display: inline-block;
                    vertical-align: text-bottom;
                    color: #7F7F7F;
                }

                .card .description .pricing li:last-child {
                    text-align: right;
                }

    .card.person .click-area:before, .card.person .media:before {
        content: '';
        display: block;
        padding-top: 70.37037%;
    }

    .card.person .description .copy-meta {
        color: #7F7F7F;
        display: block;
    }

    .card.plain .media {
        background: 0 0;
        margin: 0 0 1.6rem;
    }

        .card.plain .media:before {
            content: none;
            display: none;
        }

        .card.plain .media img {
            height: auto;
            width: 100%;
            position: relative;
            top: auto;
            left: auto;
            -ms-transform: none;
            transform: none;
        }

    .card.plain .description {
        background: 0 0;
        text-align: left;
        padding: 0;
    }

    .card.product .click-area:before, .card.product .media:before {
        content: '';
        display: block;
        padding-top: 87.16578%;
    }

    .card.product .media {
        background: 0 0;
        margin-bottom: .1rem;
    }

        .card.product .media img {
            transition: top .6s cubic-bezier(.23,1,.32,1);
        }

        .card.product .media .overlay {
            height: 100%;
            width: 100%;
            position: absolute;
            top: calc(100% - 8.7rem);
            bottom: auto;
            left: 0;
            right: 0;
            padding: 2rem 3rem;
            color: #000;
            box-sizing: border-box;
            transition: top .4s cubic-bezier(.23,1,.32,1);
        }

            .card.product .media .overlay .copy-caption {
                position: relative;
                color: transparent;
                transition: color .4s cubic-bezier(.23,1,.32,1);
            }

                .card.product .media .overlay .copy-caption .excerpt {
                    position: absolute;
                    top: 0;
                    left: 0;
                    color: #000;
                    transition: color .4s cubic-bezier(.23,1,.32,1);
                }

    .card.product .description {
        text-align: left;
    }

    .card.product.featured .media {
        background: #000;
    }

        .card.product.featured .media .overlay, .card.product.featured .media .overlay .copy-caption .excerpt {
            color: #fff;
        }

    .card.product:hover .media img {
        top: -30%;
    }

    .card.product:hover .media .overlay {
        top: calc(30% - 8.7rem);
    }

        .card.product:hover .media .overlay .copy-caption {
            color: #000;
        }

            .card.product:hover .media .overlay .copy-caption .excerpt {
                color: transparent;
            }

    .card.product:hover.featured .media img {
        top: 50%;
    }

    .card.product:hover.featured .media .overlay .copy-caption {
        color: #fff;
    }

        .card.product:hover.featured .media .overlay .copy-caption .excerpt {
            color: transparent;
        }

    .card.post .click-area, .card.post .media {
        background: 0 0;
    }

        .card.post .click-area:before, .card.post .media:before {
            content: '';
            display: block;
            padding-top: 85.10638%;
        }

    .card.post .media {
        background: #000;
    }

        .card.post .media .overlay {
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 3rem;
            box-sizing: border-box;
            text-align: center;
        }

            .card.post .media .overlay .indicator {
                position: absolute;
                bottom: 4rem;
                left: 50%;
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }

    .card.post .data {
        margin: 0 0 2rem;
    }

        .card.post .data .avatar {
            display: block;
            margin: -6.6rem auto 0;
            z-index: 1;
        }

            .card.post .data .avatar.large {
                margin: -10rem auto 0;
            }

            .card.post .data .avatar.medium {
                margin: -5.2rem auto 0;
            }

            .card.post .data .avatar.small {
                margin: -4.6rem auto 0;
            }

        .card.post .data .date-stamp {
            height: 11rem;
            width: 11rem;
            font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            background: #fb203a;
            color: #fff;
            text-align: center;
            margin: -9rem auto 0;
            border-radius: 100%;
            box-sizing: border-box;
            padding: 3rem 0;
        }

            .card.floated .description .list-application li, .card.post .data .date-stamp small {
                font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            }

            .card.post .data .date-stamp small {
                display: block;
                font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            }

    .card.post .description {
        padding: 3.5rem 3rem;
    }

    .card.floated {
        height: auto;
        width: 100%;
        display: table;
    }

@media (max-width:767px) {
    .card.floated {
        display: block;
    }
}

.card.floated .description, .card.floated .media {
    display: table-cell;
}

.card.floated .click-area, .card.floated .media {
    height: 100%;
    width: 30.2%;
}

    .card.floated .click-area:before, .card.floated .media:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

@media (max-width:767px) {
    .card.floated .description, .card.floated .media {
        display: block;
    }

    .card.floated .click-area, .card.floated .media {
        height: auto;
        width: 100%;
    }

        .card.floated .click-area:before, .card.floated .media:before {
            content: '';
            display: block;
            padding-top: 52.5%;
        }
}

.card.floated .media {
    background: 0 0;
}

.card.floated .description {
    vertical-align: middle;
    text-align: left;
    padding: 2rem 3rem;
}

    .card.floated .description .heading-sub .copy-meta {
        display: block;
        color: #7F7F7F;
    }

    .card.floated .description .list-application {
        color: #7F7F7F;
        font-size: 0;
    }

        .card.floated .description .list-application li {
            font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            display: inline-block;
            vertical-align: top;
            margin-right: 2.5rem;
        }

            .card.floated .description .list-application li strong {
                display: block;
            }

    .card.floated .description .asset-download, .card.floated .description .btn, .card.floated .description .content.content--support a, .card.floated .description .content.support a, .card.floated .description .link-default, .card.floated .description .sceditor-header-picker.content--support a, .card.floated .description .sceditor-header-picker.support a, .card.floated .description .supportpopup .forever-close, .content.content--support .card.floated .description a, .content.support .card.floated .description a, .sceditor-header-picker.content--support .card.floated .description a, .sceditor-header-picker.support .card.floated .description a, .supportpopup .card.floated .description .forever-close {
        margin-right: 2rem;
    }

    .card.floated .description .tag {
        font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        color: #7F7F7F;
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

.card.floated.featured .description, .card.floated.small .description {
    padding: 2rem;
}

.card.floated.small .media {
    height: auto;
    width: 20%;
}

@media (max-width:767px) {
    .card.floated.small .media {
        height: auto;
        width: 100%;
    }
}

.card.floated.featured .click-area:before, .card.floated.featured .media:before {
    content: '';
    display: block;
    padding-top: 52.27273%;
}

.card.floated.featured .media {
    height: auto;
    width: 38%;
}

.banner .click-area, .post-meta {
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
}

@media (max-width:767px) {
    .card.floated.featured .media {
        height: auto;
        width: 100%;
    }
}

.card.align-left .description, .card.align-right .description {
    padding: 3.5rem;
}

.card.align-left .description {
    text-align: left;
}

.card.align-right .description {
    text-align: right;
}

.post-meta {
    position: absolute;
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 1rem;
    box-sizing: border-box;
    display: table;
}

    .post-meta .list-community-status, .post-meta .list-meta, .post-meta .list-tags {
        display: table-cell;
    }

        .post-meta .list-community-status li, .post-meta .list-meta li, .post-meta .list-tags li {
            display: inline-block;
        }

    .post-meta .list-meta {
        text-align: left;
    }

    .post-meta .list-community-status {
        text-align: right;
    }

        .post-meta .list-community-status li {
            margin-left: .5rem;
        }

            .post-meta .list-community-status li [class*=" icon-"], .post-meta .list-community-status li [class^=icon-] {
                vertical-align: middle;
                margin-left: .3rem;
            }

    .post-meta .list-tags {
        font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

        .post-meta .list-tags li {
            display: inline-block;
            background: rgba(0,0,0,.4);
            padding: .2rem .4rem;
            margin-right: .4rem;
        }

.banner {
    position: relative;
}

    .banner .click-area:before, .banner .media:before {
        content: '';
        display: block;
        padding-top: 67.09845%;
    }

    .banner .click-area {
        position: absolute;
        z-index: 1;
    }

    .banner .media {
        position: relative;
        background: #000;
        overflow: hidden;
    }

        .banner .media img, .banner .media video {
            height: 101%;
            width: 101%;
            position: absolute;
            top: 50%;
            bottom: auto;
            left: 50%;
            right: auto;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            -o-object-fit: cover;
            object-fit: cover;
            font-family: "object-fit: cover";
            opacity: .7;
        }

        .banner .media .overlay {
            position: absolute;
            top: auto;
            bottom: 0;
            left: 0;
            right: 0;
            box-sizing: border-box;
            padding: 1rem 2rem 0;
            color: #fff;
        }

            .banner .media .overlay h1, .banner .media .overlay h2, .banner .media .overlay h3, .banner .media .overlay h4, .banner .media .overlay h5, .banner .media .overlay h6, .banner .media .overlay p {
                margin: 0 0 1.6rem;
            }

            .banner .media .overlay .btn {
                margin: 0 1.6rem 1.6rem 0;
            }

    .banner.video .click-area:before, .banner.video .media:before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }

    .banner.video .media img {
        display: none;
    }

@media (max-width:1024px) {
    .banner.video .media img {
        display: block;
    }

    .banner.video .media video {
        display: none;
    }
}

.banner.video .media .overlay {
    height: auto;
    width: 80%;
    padding: 2rem;
}

    .banner.video .media .overlay .asset-download [class*=" icon-"], .banner.video .media .overlay .asset-download [class^=icon-], .banner.video .media .overlay .content.content--support a [class*=" icon-"], .banner.video .media .overlay .content.content--support a [class^=icon-], .banner.video .media .overlay .content.support a [class*=" icon-"], .banner.video .media .overlay .content.support a [class^=icon-], .banner.video .media .overlay .link-default [class*=" icon-"], .banner.video .media .overlay .link-default [class^=icon-], .banner.video .media .overlay .sceditor-header-picker.content--support a [class*=" icon-"], .banner.video .media .overlay .sceditor-header-picker.content--support a [class^=icon-], .banner.video .media .overlay .sceditor-header-picker.support a [class*=" icon-"], .banner.video .media .overlay .sceditor-header-picker.support a [class^=icon-], .banner.video .media .overlay .supportpopup .forever-close [class*=" icon-"], .banner.video .media .overlay .supportpopup .forever-close [class^=icon-], .content.content--support .banner.video .media .overlay a [class*=" icon-"], .content.content--support .banner.video .media .overlay a [class^=icon-], .content.support .banner.video .media .overlay a [class*=" icon-"], .content.support .banner.video .media .overlay a [class^=icon-], .sceditor-header-picker.content--support .banner.video .media .overlay a [class*=" icon-"], .sceditor-header-picker.content--support .banner.video .media .overlay a [class^=icon-], .sceditor-header-picker.support .banner.video .media .overlay a [class*=" icon-"], .sceditor-header-picker.support .banner.video .media .overlay a [class^=icon-], .supportpopup .banner.video .media .overlay .forever-close [class*=" icon-"], .supportpopup .banner.video .media .overlay .forever-close [class^=icon-] {
        -ms-transform: none;
        transform: none;
        top: .2rem;
    }

@media (max-width:767px) {
    .banner.video .media .overlay {
        height: auto;
        width: 100%;
    }

        .banner.video .media .overlay .asset-download, .banner.video .media .overlay .content.content--support a, .banner.video .media .overlay .content.support a, .banner.video .media .overlay .link-default, .banner.video .media .overlay .sceditor-header-picker.content--support a, .banner.video .media .overlay .sceditor-header-picker.support a, .banner.video .media .overlay .supportpopup .forever-close, .content.content--support .banner.video .media .overlay a, .content.support .banner.video .media .overlay a, .sceditor-header-picker.content--support .banner.video .media .overlay a, .sceditor-header-picker.support .banner.video .media .overlay a, .supportpopup .banner.video .media .overlay .forever-close {
            font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        }
}

.banner.video .media .overlay .asset-download:after, .banner.video .media .overlay .content.content--support a:after, .banner.video .media .overlay .content.support a:after, .banner.video .media .overlay .link-default:after, .banner.video .media .overlay .sceditor-header-picker.content--support a:after, .banner.video .media .overlay .sceditor-header-picker.support a:after, .banner.video .media .overlay .supportpopup .forever-close:after, .content.content--support .banner.video .media .overlay a:after, .content.support .banner.video .media .overlay a:after, .sceditor-header-picker.content--support .banner.video .media .overlay a:after, .sceditor-header-picker.support .banner.video .media .overlay a:after, .supportpopup .banner.video .media .overlay .forever-close:after {
    content: none;
    display: none;
}

.header-main .header-logo a:before, .header-main .nav-main .list-navigation-main > li > a:after, .header-main .toggle-nav .lines:after, .header-main .toggle-nav .lines:before, .header-main.inverted:before, .quote-box .quote-default .quotee:before {
    content: '';
}

.banner.cta .click-area:before, .banner.cta .media:before {
    content: '';
    display: block;
    padding-top: 126.59574%;
}

.banner.cta .media .overlay {
    padding: 3rem 3rem 1.4rem;
}

.banner.dark .media img, .banner.dark .media video {
    opacity: 1;
}

.banner.dark .overlay {
    background: rgba(0,0,0,.7);
    top: 0;
    padding: 4rem 3rem;
}

.pagination {
    height: auto;
    width: 100;
    font-size: 0;
}

    .pagination li, .price-table li small {
        font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

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

    .pagination.align-left {
        text-align: left;
    }

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

    .pagination.align-justify {
        text-align: justify;
        text-align-last: justify;
    }

    .pagination li {
        font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 700;
        height: 2.5rem;
        width: 2.5rem;
        line-height: 2.5rem;
        display: inline-block;
        text-align: center;
        margin: 0 .1rem;
    }

        .pagination li.active, .pagination li:hover {
            background: #000;
            color: #fff;
        }

        .pagination li.disabled, .pagination li.next, .pagination li.prev {
            height: auto;
            width: auto;
        }

            .pagination li.disabled:hover, .pagination li.next:hover, .pagination li.prev:hover {
                background: 0 0;
                color: #000;
            }

        .pagination li.next, .pagination li.prev {
            font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

            .pagination li.next [class*=" icon-"], .pagination li.next [class^=icon-], .pagination li.prev [class*=" icon-"], .pagination li.prev [class^=icon-] {
                vertical-align: middle;
            }

        .pagination li.prev {
            margin-right: 5rem;
        }

        .pagination li.next {
            margin-left: 5rem;
        }

        .pagination li a {
            display: block;
        }

.contributer .image, .contributer .info {
    display: inline-block;
    vertical-align: middle;
}

.contributer .image {
    height: 5rem;
    width: 5rem;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

    .contributer .image img {
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover";
    }

.contributer .info {
    margin: 0 1rem;
}

.to-top {
    background: #E3E3E3;
    height: 4rem;
    width: 4rem;
    position: fixed;
    top: auto;
    bottom: 1.8rem;
    left: auto;
    right: 1.8rem;
    z-index: 11;
}

    .to-top a {
        display: block;
        line-height: 4.5rem;
        text-align: center;
    }

        .to-top a [class*=" icon-"], .to-top a [class^=icon-] {
            font-size: 1.8rem;
        }

        .to-top a.reached-end [class*=" icon-"], .to-top a.reached-end [class^=icon-] {
            transform: rotateX(-180deg);
        }

.quote-box {
    height: auto;
    width: 100%;
}

    .quote-box .quote-default {
        padding: 4rem;
        font-family: 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 300;
    }

        .quote-box .quote-default .quotee {
            font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            margin-top: 2rem;
            padding-top: 2rem;
            display: block;
            position: relative;
        }

            .quote-box .quote-default .quotee:before {
                height: auto;
                width: 12rem;
                position: absolute;
                top: 0;
                left: 0;
                border-top: 1px solid rgba(0,0,0,.1);
            }

    .quote-box .image {
        height: 100%;
        width: 100%;
        padding: 4rem 0;
    }

        .quote-box .image img {
            height: auto;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            font-family: "object-fit: cover";
        }

.carousel-full-image {
    height: 57.5rem;
    width: 100%;
    position: relative;
    padding-bottom: 60px;
    color: #fff;
}

@media (max-width:767px) {
    .carousel-full-image {
        height: auto;
        width: 100%;
        padding: 0 1rem 60px;
        box-sizing: border-box;
        background: linear-gradient(to bottom,transparent 0,#f5f5f5 100%);
    }
}

.carousel-full-image .carousel {
    height: 100%;
    width: 100%;
}

@media mobile-lanscape {
    .carousel-full-image .carousel {
        overflow: hidden;
    }
}

.carousel-full-image .carousel .slide {
    height: 100%;
    width: 100%;
    position: relative;
}

    .carousel-full-image .carousel .slide .media {
        height: 100%;
        width: 100%;
        position: relative;
        background: #000;
    }

        .carousel-full-image .carousel .slide .media img {
            height: auto;
            width: 100%;
            position: absolute;
            top: 50%;
            bottom: auto;
            left: 50%;
            right: auto;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            -o-object-fit: cover;
            object-fit: cover;
            font-family: "object-fit: cover";
            opacity: .7;
        }

@media (max-width:767px) {
    .carousel-full-image .carousel .slide .media img {
        position: relative;
        top: auto;
        left: auto;
        -ms-transform: none;
        transform: none;
    }
}

.carousel-full-image .carousel .slide .contributer {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}

.carousel-full-image .description {
    height: auto;
    width: 1180px;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    padding: 0 40% 0 0;
    box-sizing: border-box;
    pointer-events: none;
}

    .carousel-full-image .description .heading-title {
        margin: 0 0 1.5rem;
    }

@media (max-width:767px) {
    .carousel-full-image .description {
        height: auto;
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        -ms-transform: none;
        transform: none;
        background: #fff;
        color: #000;
        padding: 1.6rem;
    }

        .carousel-full-image .description .heading-title {
            font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

        .carousel-full-image .description .copy-article {
            font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        }
}

.carousel-full-image .description .btn {
    pointer-events: all;
}

.header-main {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    height: auto;
    width: 100%;
    z-index: 8;
    box-sizing: border-box;
    transition: padding .4s cubic-bezier(.23,1,.32,1),background .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1);
    display: table;
    min-height: 6rem;
}

@media (max-width:1024px) {
    .header-main {
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #000;
        background: #fff;
        box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
    }

        .header-main.active {
            padding: 0 0 0 27rem;
        }
}

@media (max-width:767px) {
    .header-main.active {
        padding: 0 0 0 calc(100% - 5.9rem);
    }

        .header-main.active .toggle-nav {
            background: #fff;
        }

            .header-main.active .toggle-nav .lines .line, .header-main.active .toggle-nav .lines:after, .header-main.active .toggle-nav .lines:before {
                background: #000;
            }
}

.header-main.inverted {
    color: #fff;
}

    .header-main.inverted:before {
        display: block;
        background: linear-gradient(to bottom,rgba(0,0,0,.3) 0,transparent 100%);
        position: absolute;
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
        height: 10rem;
        z-index: -1;
        opacity: 1;
        pointer-events: none;
        transition: opacity .15s cubic-bezier(.645,.045,.355,1),height .5s cubic-bezier(.645,.045,.355,1);
    }

@media (max-width:1024px) {
    .header-main.inverted {
        color: #000;
    }

        .header-main.inverted:before {
            display: none;
        }
}

.header-main.inverted .form-header-search [class*=" icon-"], .header-main.inverted .form-header-search [class^=icon-], .header-main.inverted .functions [class*=" icon-"], .header-main.inverted .functions [class^=icon-] {
    color: #fff;
}

@media (max-width:1024px) {
    .header-main.inverted .form-header-search [class*=" icon-"], .header-main.inverted .form-header-search [class^=icon-], .header-main.inverted .functions [class*=" icon-"], .header-main.inverted .functions [class^=icon-] {
        color: #000;
    }
}

.header-main.inverted:hover, .header-main.inverted:hover .form-header-search [class*=" icon-"], .header-main.inverted:hover .form-header-search [class^=icon-], .header-main.inverted:hover .functions [class*=" icon-"], .header-main.inverted:hover .functions [class^=icon-] {
    color: inherit;
}

.header-main.inverted .header-logo a {
    background: url(/img/logo-text-inverted.svg) no-repeat;
}

.header-main.inverted:hover:before {
    height: 6rem;
    opacity: 0;
}

.header-main.inverted:hover .header-logo a {
    background: url(/img/logo-text.svg) no-repeat;
}

@media (max-width:1024px) {
    .header-main.inverted .header-logo a {
        background: url(/img/logo-text.svg) no-repeat;
    }

    .header-main.inverted .nav-mobile-holder {
        color: #000;
    }
}

.header-main.filled, .header-main:hover {
    color: #000;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
}

    .header-main.filled:before, .header-main:hover:before {
        opacity: 0;
    }

    .header-main.filled .header-logo a, .header-main:hover .header-logo a {
        background: url(/img/logo-text.svg) no-repeat;
    }

    .header-main.filled .form-header-search [class*=" icon-"], .header-main.filled .form-header-search [class^=icon-], .header-main.filled .functions [class*=" icon-"], .header-main.filled .functions [class^=icon-], .header-main:hover .form-header-search [class*=" icon-"], .header-main:hover .form-header-search [class^=icon-], .header-main:hover .functions [class*=" icon-"], .header-main:hover .functions [class^=icon-] {
        color: inherit;
    }

.header-main.minimal:hover {
    background: 0 0;
    box-shadow: none;
}

.header-main.minimal .header-logo {
    display: block;
    padding: 2rem 2.4rem;
}

.header-main.no-fixed {
    position: absolute;
}

.header-main .back-bar {
    display: block;
    background: #000;
    color: #fff;
    text-align: right;
    padding: .5rem 1.5rem;
}

    .header-main .back-bar [class*=" icon-"], .header-main .back-bar [class^=icon-] {
        font-size: 1rem;
        margin-left: .5rem;
    }

.header-main .header-logo {
    height: auto;
    width: 13rem;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 2.4rem;
}

@media (max-width:1280px) {
    .header-main .header-logo {
        padding: 0 1rem 0 2rem;
    }
}

.header-main .header-logo a {
    max-width: 13rem;
    height: auto;
    width: 100%;
    display: block;
    background: url(/img/logo-text.svg) no-repeat;
    transition: background .4s cubic-bezier(.23,1,.32,1);
}

    .header-main .header-logo a:before {
        display: block;
        padding-top: 14.66667%;
    }

@media (max-width:767px) {
    .header-main .header-logo a {
        height: auto;
        width: 13rem;
    }

    .header-main .nav-main {
        max-width: 100%;
        left: -100%;
    }
}

.header-main .toggle-nav {
    height: 5.9rem;
    width: 5.9rem;
    background: #000;
    vertical-align: middle;
    padding: 1.9rem;
    box-sizing: border-box;
    transition: background .4s cubic-bezier(.23,1,.32,1);
    display: none;
}

@media (max-width:1024px) {
    .header-main .toggle-nav {
        display: table-cell;
    }

    .header-main .nav-main .list-navigation-main {
        float: none;
        padding-bottom: 10rem;
    }
}

.header-main .toggle-nav .lines {
    display: inline-block;
    vertical-align: middle;
}

    .header-main .toggle-nav .lines .line, .header-main .toggle-nav .lines:after, .header-main .toggle-nav .lines:before {
        height: .2rem;
        width: 2.4rem;
        background: #fff;
        display: block;
        transition: background .4s cubic-bezier(.23,1,.32,1);
    }

    .header-main .toggle-nav .lines .line {
        margin: .7rem 0;
    }

.header-main .nav-main {
    display: table-cell;
    vertical-align: middle;
}

    .header-main .nav-main .list-navigation-main {
        font-size: 0;
    }

        .header-main .nav-main .list-navigation-main > li {
            font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            display: inline-block;
            padding: 1.5rem 2rem 2.2rem;
        }

@media (max-width:1280px) {
    .header-main .nav-main .list-navigation-main > li {
        padding: 1.5rem .7rem 2.2rem;
    }
}

@media (max-width:1024px) {
    .header-main .nav-main .list-navigation-main > li {
        display: block;
        padding: 1.7rem 6rem 1.7rem 2rem;
        border-bottom: 1px solid #E3E3E3;
        position: relative;
    }
}

.header-main .nav-main .list-navigation-main > li > a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .header-main .nav-main .list-navigation-main > li > a [class*=" icon-"], .header-main .nav-main .list-navigation-main > li > a [class^=icon-] {
        font-size: 8px;
    }

@media (max-width:1024px) {
    .header-main .nav-main .list-navigation-main > li > a {
        display: block;
        position: static;
    }

        .header-main .nav-main .list-navigation-main > li > a [class*=" icon-"], .header-main .nav-main .list-navigation-main > li > a [class^=icon-] {
            height: 5.7rem;
            width: 5.7rem;
            line-height: 5.7rem;
            text-align: center;
            position: absolute;
            top: 0;
            right: 0;
        }

        .header-main .nav-main .list-navigation-main > li > a:after {
            content: none;
            display: none;
        }
}

.header-main .nav-main .list-navigation-main > li > a:after {
    height: .3rem;
    width: 0;
    background: currentColor;
    position: absolute;
    top: auto;
    bottom: -1rem;
    left: 50%;
    right: auto;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 1rem;
    transition: width .4s cubic-bezier(.23,1,.32,1);
}

.header-main .nav-main .list-navigation-main > li.active > a:after, .header-main .nav-main .list-navigation-main > li:hover > a:after {
    height: .3rem;
    width: 100%;
}

.header-main .nav-main .list-navigation-main > li:hover {
    padding: 1.5rem 4rem 2.2rem;
    margin-left: -2rem;
}

@media (max-width:1280px) {
    .header-main .nav-main .list-navigation-main > li:hover {
        padding: 1.5rem 1.4rem 2.2rem;
        margin-left: -.7rem;
    }
}

@media (max-width:1024px) {
    .header-main .nav-main .list-navigation-main > li:hover {
        padding: 1.7rem 5rem 1.7rem 2rem;
        margin-left: 0;
    }
}

.header-main .nav-main .list-navigation-main > li:hover + li {
    padding-left: 0;
}

.header-main .nav-main .list-navigation-main > li:hover .nav-sub {
    opacity: 1;
    visibility: visible;
}

    .header-main .nav-main .list-navigation-main > li:hover .nav-sub .inner {
        opacity: 1;
    }

@media (max-width:1024px) {
    .header-main .nav-main .list-navigation-main > li:hover + li {
        padding-left: 2rem;
    }

    .header-main .nav-main .list-navigation-main > li.active [class*=" icon-"], .header-main .nav-main .list-navigation-main > li.active [class^=icon-] {
        -ms-transform: rotate(180deg);
        transform: rotateZ(180deg);
    }

    .header-main .nav-main .list-navigation-main > li.active .nav-sub {
        height: auto;
        width: 100%;
        padding: 2rem 0 0;
    }

    .header-main .nav-main .nav-mobile-holder {
        height: 100vh;
        width: calc(100% - 5.9rem);
        background: #fff;
        max-width: 27rem;
        position: absolute;
        top: 0;
        left: -27rem;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        transition: left .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1);
    }

    .header-main .nav-main.active .nav-mobile-holder {
        left: 0;
        box-shadow: 0 0 100px rgba(0,0,0,.05);
    }
}

@media (max-width:767px) {
    .header-main .nav-main {
        height: 100vh;
        width: calc(100vw - 5.9rem);
        background: #fff;
        max-width: 100%;
        position: absolute;
        top: 0;
        left: -100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        transition: left .4s cubic-bezier(.23,1,.32,1);
    }

        .header-main .nav-main .nav-mobile-holder {
            height: auto;
            width: auto;
            background: 0 0;
            max-width: 100%;
            position: relative;
            top: auto;
            left: auto;
            overflow: hidden;
            -webkit-overflow-scrolling: inherit;
            transition: none;
        }

        .header-main .nav-main.active {
            left: 0;
        }

            .header-main .nav-main.active .nav-mobile-holder {
                left: auto;
            }
}

.header-main .form-header-search {
    display: table-cell;
    vertical-align: middle;
    height: auto;
    width: 5.9rem;
    padding: 0 0 0 1.5rem;
    position: relative;
}

    .header-main .form-header-search input[type=search], .header-main .form-header-search input[type=text] {
        width: 27rem;
        position: absolute;
        border: none;
        outline: 0;
        top: calc(100% + 1px);
        right: 0;
        padding: 2rem;
        line-height: 2rem;
        visibility: hidden;
        opacity: 0;
        transition: opacity .4s cubic-bezier(.23,1,.32,1);
    }

    .header-main .form-header-search .click-area {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        cursor: pointer;
    }

    .header-main .form-header-search .icon-search {
        background: 0 0;
        height: 5.9rem;
        width: 5.9rem;
        line-height: 5.9rem;
        font-size: 2rem;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        -webkit-appearance: none;
        border: none;
        margin: 0;
        padding: 0;
        outline: 0;
    }

    .header-main .form-header-search.active input[type=search], .header-main .form-header-search.active input[type=text] {
        visibility: visible;
        opacity: 1;
        box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
    }

.header-main .nav-sub {
    background: #fff;
    height: 27rem;
    width: 100%;
    padding: 2rem 0;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    font: 0/0 a;
    opacity: 0;
    visibility: hidden;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

@media (max-width:1024px) {
    .header-main .nav-sub {
        height: 0;
        width: 100%;
        padding: 0;
        overflow: hidden;
        position: relative;
        top: auto;
        left: auto;
        opacity: 1;
        visibility: visible;
        border: none;
        background: 0 0;
    }
}

.header-main .nav-sub .inner {
    max-width: 1440px;
    height: 100%;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.23,1,.32,1);
}

.header-main .nav-sub .list-navigation-sub {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 1rem;
}

@media (max-width:1024px) {
    .header-main .nav-sub .inner {
        opacity: 1;
    }

    .header-main .nav-sub .list-navigation-sub {
        padding-bottom: 0;
    }
}

.header-main .nav-sub .list-navigation-sub.split-33, .header-main .nav-sub .list-navigation-sub.split-50 {
    font-size: 0;
}

    .header-main .nav-sub .list-navigation-sub.split-33 > li, .header-main .nav-sub .list-navigation-sub.split-50 > li {
        display: inline-block;
        font-size: 1rem;
    }

    .header-main .nav-sub .list-navigation-sub.split-33 > li {
        width: 33.333%;
    }

    .header-main .nav-sub .list-navigation-sub.split-50 > li {
        width: 50%;
    }

.header-main .nav-sub .list-navigation-sub.spacing > li {
    padding-bottom: .2rem;
}

.header-main .nav-sub .list-navigation-sub > li {
    vertical-align: top;
    padding-right: 1rem;
    box-sizing: border-box;
}

    .header-main .nav-sub .list-navigation-sub > li > a, .header-main .nav-sub .list-navigation-sub > li > span {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        line-height: 2.8rem;
    }

        .header-main .nav-sub .list-navigation-sub > li > a [class*=" icon-"], .header-main .nav-sub .list-navigation-sub > li > a [class^=icon-], .header-main .nav-sub .list-navigation-sub > li > span [class*=" icon-"], .header-main .nav-sub .list-navigation-sub > li > span [class^=icon-] {
            font-size: .8rem;
            vertical-align: middle;
            margin: 0 1rem 0 0;
        }

@media (max-width:1024px) {
    .header-main .nav-sub .list-navigation-sub.spacing > li {
        padding-bottom: 0;
    }

    .header-main .nav-sub .list-navigation-sub > li > a [class*=" icon-"], .header-main .nav-sub .list-navigation-sub > li > a [class^=icon-], .header-main .nav-sub .list-navigation-sub > li > span [class*=" icon-"], .header-main .nav-sub .list-navigation-sub > li > span [class^=icon-] {
        display: none;
    }
}

.header-main .nav-sub .list-navigation-sub > li > a .icon-material, .header-main .nav-sub .list-navigation-sub > li > span .icon-material {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1.7rem;
    line-height: 2.5rem;
    border-radius: 100%;
    text-align: center;
    border: 1px solid #000;
    margin-bottom: .5rem;
}

.header-main .nav-sub .list-navigation-sub > li > a .thumb, .header-main .nav-sub .list-navigation-sub > li > span .thumb {
    height: auto;
    width: 3rem;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width:1024px) {
    .header-main .nav-sub .list-navigation-sub > li > a .thumb, .header-main .nav-sub .list-navigation-sub > li > span .thumb {
        display: none;
    }
}

.header-main .nav-sub .col {
    height: 100%;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 2.5rem;
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    border-left: 1px solid #E3E3E3;
    position: relative;
}

@media (max-width:1024px) {
    .header-main .nav-sub .col {
        height: 100%;
        width: 100%;
        display: block;
        padding: 0;
        border: none;
    }

        .header-main .nav-sub .col a {
            line-height: 2.8rem;
        }

        .header-main .nav-sub .col .list-navigation-sub {
            display: block;
        }
}

.header-main .nav-sub .col.colspan-2 {
    height: 100%;
    width: 50%;
}

    .header-main .nav-sub .col.colspan-2 .list-navigation-sub {
        height: auto;
        width: 32%;
    }

.header-main .nav-sub .col.colspan-3 {
    height: 100%;
    width: 75%;
}

    .header-main .nav-sub .col.colspan-3 .list-navigation-sub {
        height: auto;
        width: 25%;
    }

.header-main .nav-sub .col .image, .header-main .nav-sub .col .list-navigation-sub, .header-main .nav-sub .col .list-navigation-sub.full-span {
    height: auto;
    width: 100%;
}

    .header-main .nav-sub .col .list-navigation-sub.full-span li:hover {
        -ms-transform: none;
        transform: none;
    }

    .header-main .nav-sub .col .list-navigation-sub li {
        transition: transform .4s cubic-bezier(.23,1,.32,1);
    }

@media (min-device-width:1025px) {
    .header-main .nav-sub .col .list-navigation-sub li:hover {
        -ms-transform: translateX(.5rem);
        transform: translateX(.5rem);
    }

        .header-main .nav-sub .col .list-navigation-sub li:hover .icon-right {
            -ms-transform: translateX(.25rem);
            transform: translateX(.25rem);
        }
}

.header-main .nav-sub .col .list-navigation-sub .icon-right {
    transition: transform .6s cubic-bezier(.23,1,.32,1);
}

.header-main .nav-sub .col:first-child {
    border: none;
}

.header-main .nav-sub .col .image {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    max-width: 30rem;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

    .header-main .nav-sub .col .image:before {
        content: '';
        display: block;
        padding-top: 47.05882%;
    }

    .header-main .nav-sub .col .image img {
        height: auto;
        width: 100%;
        top: 0;
        bottom: auto;
        left: 0;
        right: auto;
        position: absolute;
    }

.header-main .nav-sub .col .heading-copy {
    font-family: "Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0 0 1.5rem;
    pointer-events: none;
}

@media (max-width:1024px) {
    .header-main .nav-sub .col .heading-copy {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin: 0;
        pointer-events: auto;
    }
}

.content.content--support .header-main .nav-sub .col a, .content.support .header-main .nav-sub .col a, .header-main .nav-sub .col .asset-download, .header-main .nav-sub .col .content.content--support a, .header-main .nav-sub .col .content.support a, .header-main .nav-sub .col .link-default, .header-main .nav-sub .col .sceditor-header-picker.content--support a, .header-main .nav-sub .col .sceditor-header-picker.support a, .header-main .nav-sub .col .supportpopup .forever-close, .sceditor-header-picker.content--support .header-main .nav-sub .col a, .sceditor-header-picker.support .header-main .nav-sub .col a, .supportpopup .header-main .nav-sub .col .forever-close {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    position: absolute;
    bottom: 0;
    left: 2.5rem;
}

.header-main .nav-sub .grid .col {
    padding: 0;
    border: none;
}

.header-main .functions {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    float: right;
    text-align: right;
    position: relative;
    z-index: 8;
}

@media (max-width:767px) {
    .header-main .functions {
        height: 5.9rem;
        width: 100%;
        background: #000;
        color: #fff;
        float: none;
        font: 0/0 a;
        display: table;
        direction: rtl;
        position: relative;
        z-index: 9;
    }
}

.header-main .functions > li {
    display: inline-block;
    vertical-align: middle;
    perspective: 1000px;
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

    .header-main .functions > li [class*=" icon-"], .header-main .functions > li [class^=icon-] {
        margin: 0 .5rem 0 0;
        font-size: 1.8rem;
        position: relative;
        vertical-align: sub;
    }

    .header-main .functions > li > a {
        padding: 2rem 1rem 1.5rem;
        display: inline-block;
        cursor: pointer;
        box-sizing: border-box;
    }

@media (max-width:767px) {
    .header-main .functions > li [class*=" icon-"], .header-main .functions > li [class^=icon-] {
        margin: 0;
    }

    .header-main .functions > li > a {
        width: 100%;
        position: relative;
        height: 6rem;
    }

        .header-main .functions > li > a:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 0;
            height: 0;
            font: 0/0 serif;
            border-top: 0;
            border-left: 1rem solid transparent;
            border-right: 1rem solid transparent;
            border-bottom: 1rem solid #fff;
            position: absolute;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            top: auto;
            bottom: -.1rem;
            left: 50%;
            right: auto;
            opacity: 0;
        }
}

.header-main .functions > li > a.btn.small {
    padding: .5rem 2rem .75rem 4.8rem;
}

    .header-main .functions > li > a.btn.small [class*=" icon-"], .header-main .functions > li > a.btn.small [class^=icon-] {
        position: absolute;
    }

@media (max-width:767px) {
    .header-main .functions > li {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        position: static;
        perspective: none;
        width: 25%;
    }
}

.header-main .functions > li .avatar {
    vertical-align: sub;
    margin: 0 .5rem 0 0;
}

.avatar .header-main .functions > li .moderator-count, .avatar .header-main .functions > li .notification-count {
    top: -.15rem;
    right: -.4rem;
}

.header-main .functions > li .moderator-count, .header-main .functions > li .notification-count {
    background: #fb203a;
    height: 1rem;
    width: auto;
    min-width: .7rem;
    position: absolute;
    border-radius: 1rem;
    display: inline-block;
    font-size: 62.5%;
    font-weight: 700;
    color: #fff;
    line-height: 1.1rem;
    padding: .1rem .4rem;
    text-align: center;
    top: 1.3rem;
    left: 2.5rem;
}

.header-main .functions > li .notification-center, .header-main .functions > li .profile-center {
    transform: translateX(-50%) rotateX(-20deg);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1);
    -ms-transform-origin: top center;
    transform-origin: top center;
}

@media (max-width:1024px) {
    .header-main .functions > li .notification-center, .header-main .functions > li .profile-center {
        transform: rotateX(-20deg);
    }
}

@media (max-width:767px) {
    .header-main .functions > li .notification-center, .header-main .functions > li .profile-center {
        -ms-transform: none;
        transform: none;
    }
}

.header-main .functions > li.w-button {
    padding: 1rem 0 .5rem;
}

.header-main .functions > li.active .notification-center, .header-main .functions > li.active .profile-center {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) rotateX(0);
}

@media (max-width:1024px) {
    .header-main .functions > li.active .notification-center, .header-main .functions > li.active .profile-center {
        transform: rotateX(0);
    }
}

.header-main .functions > li.is-loading .list-notifications:after {
    opacity: 1;
}

.header-sub {
    font-size: 0;
    position: fixed;
    top: 5.9rem;
    bottom: auto;
    left: 0;
    right: 0;
    z-index: 7;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    transition: background .4s cubic-bezier(.23,1,.32,1);
}

    .header-sub.no-fixed {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .header-sub.filled {
        background: #fff;
    }

    .header-sub.w-title .title {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 600;
        line-height: 6rem;
        height: 6rem;
        width: 12.5%;
        display: inline-block;
        box-sizing: border-box;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header-sub.w-title .carousel {
        width: 87.5%;
    }

    .header-sub.w-slider .carousel {
        padding-right: 6rem;
    }

@media (max-width:767px) {
    .header-main .functions > li.active .notification-center, .header-main .functions > li.active .profile-center {
        -ms-transform: none;
        transform: none;
    }

    .header-sub {
        display: none;
    }
}

.header-sub .carousel {
    display: inline-block;
    height: 6.1rem;
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    padding-right: 0;
}

    .header-sub .carousel .next, .header-sub .carousel .prev {
        height: 6rem;
        width: 6rem;
        display: block;
        font-size: 2.2rem;
        line-height: 5.9rem;
        text-align: center;
        cursor: pointer;
        background: 0 0;
        color: #000;
    }

        .header-sub .carousel .next:before, .header-sub .carousel .prev:before {
            display: inline-block;
        }

        .header-sub .carousel .prev:before {
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    .header-sub .carousel .viewport {
        height: calc(100% + .1rem);
        width: 100%;
        overflow: hidden;
        position: relative;
    }

.header-sub .nav-items {
    width: 100%;
}

    .header-sub .nav-items li {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        display: inline-block;
        line-height: 4rem;
        height: 6rem;
        width: 12.5%;
        text-align: center;
        color: #7F7F7F;
        transition: color .15s cubic-bezier(.23,1,.32,1),border-bottom .3s cubic-bezier(.23,1,.32,1);
        border-bottom: .2rem solid transparent;
    }

        .header-sub .nav-items li + li a {
            border-left: none;
        }

        .header-sub .nav-items li a {
            display: block;
            width: 100%;
            border-left: 1px solid #E3E3E3;
            border-right: 1px solid #E3E3E3;
            margin: 1rem 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .header-sub .nav-items li.active, .header-sub .nav-items li:hover {
            border-bottom: .2rem solid #000;
            color: #000;
        }

        .header-sub .nav-items li .count {
            font-weight: 600;
        }

.article {
    padding: 5rem 0;
    margin-bottom: 60px;
}

    .article:last-child {
        margin-bottom: 0;
    }

    .article .info {
        height: auto;
        width: 100%;
        font-size: 75%;
        line-height: 150%;
        display: table;
        margin: 0 auto 4rem;
        max-width: 90rem;
    }

        .article .info li {
            display: inline-block;
            vertical-align: middle;
        }

        .article .info a {
            font-weight: 400;
        }

        .article .info .category, .article .info .print-info, .article .info .writing-info {
            margin: 0 5rem 0 0;
        }

        .article .info .avatar {
            height: 4rem;
            width: 4rem;
            margin: 0 1rem 0 0;
            overflow: hidden;
            border-radius: 100%;
        }

            .article .info .avatar img {
                height: 100%;
                width: 100%;
            }

            .article .info .avatar.news {
                height: 5.5rem;
                width: 5.5rem;
            }

        .article .info .date {
            color: #7F7F7F;
        }

        .article .info .btn {
            margin: 0;
        }

        .article .info .sharing {
            float: right;
        }

    .article .content {
        font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        max-width: 68rem;
        margin: 0 auto;
    }

        .article .content strong {
            font-weight: 400;
        }

        .article .content em {
            font-weight: inherit;
            font-style: italic;
        }

        .article .content .decoda-quote, .article .content h1, .article .content h2, .article .content h3, .article .content h5, .article .content p {
            margin: 0 auto 2rem;
        }

        .article .content p {
            margin: 0 0 4rem;
        }

            .article .content p + p {
                margin-top: -2rem;
            }

        .article .content figcaption {
            font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            text-align: center;
            padding-top: 1rem;
        }

        .article .content .columns, .article .content .content-video, .article .content > .content-img {
            margin: 0 0 4rem;
        }

@supports (width:calc(1px + 1px)) {
    .article .content .columns, .article .content .content-video, .article .content > .content-img {
        margin-left: -11rem;
        width: calc(100% + 22rem);
    }
}

.article .content .decoda-quote {
    font-size: 166.66667%;
    line-height: 113.33333%;
    color: inherit;
    padding: 2rem 0;
    height: auto;
    width: 100%;
}

    .article .content .decoda-quote .decoda-quote-body {
        position: relative;
    }

        .article .content .decoda-quote .decoda-quote-body:after, .article .content .decoda-quote .decoda-quote-body:before {
            display: inline;
        }

        .article .content .decoda-quote .decoda-quote-body:before {
            content: '\201C';
            position: absolute;
            top: 0;
            right: 100%;
            padding-right: .25rem;
        }

        .article .content .decoda-quote .decoda-quote-body:after {
            content: '\201D';
        }

.related-articles {
    margin: 0 0 60px;
}

.story-collection {
    font-size: 0;
    direction: rtl;
}

    .story-collection .grid.reduced-spacing .col:nth-child(2n+1) {
        margin: 0 0 0 5px;
    }

@media (max-width:1024px) {
    .story-collection .grid.reduced-spacing .col:nth-child(2n+1) {
        margin: 0;
    }
}

.story-collection .grid.reduced-spacing .col:nth-child(2n+2) {
    margin: 0 5px 0 0;
}

@media (max-width:1024px) {
    .story-collection .grid.reduced-spacing .col:nth-child(2n+2) {
        margin: 0;
    }
}

.story-collection .stories {
    height: auto;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    direction: ltr;
}

.story-collection .item {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    display: table;
    background: #fff;
    height: auto;
    width: 100%;
    margin: 0 0 1rem;
    padding: 2rem;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: border-color .3s cubic-bezier(.23,1,.32,1);
}

    .story-collection .item .click-area {
        display: block;
    }

    .story-collection .item:hover {
        border-color: #E3E3E3;
    }

    .story-collection .item .media {
        height: auto;
        width: 10rem;
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

        .story-collection .item .media:before {
            content: '';
            display: block;
            padding-top: 80%;
        }

        .story-collection .item .media img {
            height: 100%;
            width: 100%;
            position: absolute;
            top: 50%;
            bottom: auto;
            left: 50%;
            right: auto;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            -o-object-fit: cover;
            object-fit: cover;
            font-family: "object-fit: cover";
        }

    .story-collection .item .caption {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding: 0 1rem 0 2rem;
        box-sizing: border-box;
    }

    .story-collection .item.featured {
        display: inline-block;
        vertical-align: top;
        direction: ltr;
        padding: 0;
        border: none;
    }

.education-sidebar .card.post, .education-sidebar .list-holder {
    border-bottom: 1px solid rgba(0,0,0,.05);
}

@media (max-width:767px) {
    .story-collection .item.featured {
        height: auto;
        width: 100%;
        display: table;
        margin: 0 0 1rem;
        padding: 2rem;
    }
}

@media (max-width:1024px) {
    .story-collection .item.featured {
        height: auto;
        width: 100%;
        margin: 0 0 1rem;
    }
}

.story-collection .item.featured .media {
    height: 39rem;
    width: 100%;
    display: block;
    padding: 0;
}

    .story-collection .item.featured .media:before {
        content: '';
        display: block;
        padding-top: 50.71521%;
    }

@media (max-width:767px) {
    .story-collection .item.featured .media {
        height: auto;
        width: 10rem;
        display: table-cell;
    }

        .story-collection .item.featured .media:before {
            content: '';
            display: block;
            padding-top: 80%;
        }
}

.story-collection .item.featured .caption {
    height: 12.8rem;
    width: auto;
    text-align: center;
    padding: 1.8rem;
    color: #000;
    display: block;
}

    .story-collection .item.featured .caption .heading-sub {
        color: #000;
        margin: 0 0 1rem;
    }

@media (max-width:767px) {
    .story-collection .item.featured .caption {
        height: auto;
        width: auto;
        display: table-cell;
        padding: 0 1rem 0 2rem;
        text-align: center;
    }

        .story-collection .item.featured .caption .heading-sub {
            font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            text-align: left;
            margin: 0;
        }

        .story-collection .item.featured .caption .copy-default {
            display: none;
        }
}

.search-results {
    text-align: center;
}

    .search-results .list-results {
        text-align: left;
        margin: 0 0 60px;
    }

        .search-results .list-results li {
            background: #fff;
            height: auto;
            width: 100%;
            padding: 1.5rem 2rem;
            box-sizing: border-box;
            margin: 0 0 .5rem;
            position: relative;
        }

            .search-results .list-results li .click-area {
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
            }

            .search-results .list-results li .copy-caption {
                margin: 0 0 1rem;
            }

.education-sidebar .banner, .education-sidebar .card {
    margin-bottom: 0;
    text-align: left;
}

    .content.content--support .education-sidebar .card .media .post-meta a, .content.support .education-sidebar .card .media .post-meta a, .education-sidebar .card .media .post-meta .asset-download, .education-sidebar .card .media .post-meta .content.content--support a, .education-sidebar .card .media .post-meta .content.support a, .education-sidebar .card .media .post-meta .link-default, .education-sidebar .card .media .post-meta .sceditor-header-picker.content--support a, .education-sidebar .card .media .post-meta .sceditor-header-picker.support a, .education-sidebar .card .media .post-meta .supportpopup .forever-close, .sceditor-header-picker.content--support .education-sidebar .card .media .post-meta a, .sceditor-header-picker.support .education-sidebar .card .media .post-meta a, .supportpopup .education-sidebar .card .media .post-meta .forever-close {
        position: relative;
        bottom: auto;
        left: auto;
    }

    .education-sidebar .card .description .data {
        position: absolute;
        top: -2.5rem;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .education-sidebar .card.post .media:before {
        content: '';
        display: block;
        padding-top: 65%;
    }

@media (max-width:1024px) {
    .education-sidebar {
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto;
    }

        .education-sidebar .banner, .education-sidebar .card, .education-sidebar .list-holder {
            margin: 0 0 2rem;
        }
}

.education-sidebar .list-holder .heading-sub {
    margin-bottom: 1rem;
}

.overview-education {
    margin-bottom: 3rem;
    overflow: hidden;
}

    .overview-education .pagination {
        margin: 0 auto 2rem;
    }

.compare-materials {
    font-size: .85rem;
    padding: 5rem 0 4rem;
    position: relative;
    box-sizing: border-box;
    min-height: 577px;
}

    .compare-materials .header-compare {
        max-width: 420px;
    }

    .compare-materials .compare-box {
        max-width: 420px;
        min-width: 380px;
    }

@media (max-width:1024px) {
    .compare-materials .header-compare {
        text-align: center;
        margin: 0 auto;
    }

    .compare-materials .compare-box {
        text-align: left;
        margin: 0 auto;
    }
}

@media (max-width:767px) {
    .compare-materials .compare-box {
        min-width: auto;
        font-size: .8rem;
    }
}

.compare-materials .compare-box .panel {
    background: #fff;
    padding: 3rem;
    box-sizing: border-box;
}

.compare-materials .compare-box .comparer {
    margin: 1rem 0 2.5rem;
}

    .compare-materials .compare-box .comparer .material {
        background: #fff;
        min-width: 140px;
        font-weight: 600;
    }

@media (max-width:767px) {
    .compare-materials .compare-box .comparer .material {
        min-width: 100px;
        font-size: .7rem;
    }
}

.compare-materials .compare-box .comparer .material span {
    padding-left: 3.5rem;
}

.compare-materials .compare-box .comparer .material.material-2::after {
    border-color: #fb203a;
}

.compare-materials .compare-box .comparer .material:after {
    content: '';
    display: inline-block;
    border: 2px solid;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    vertical-align: middle;
    top: 50%;
    left: 2rem;
    position: absolute;
    margin-top: -1.2rem;
    pointer-events: none;
}

.compare-materials .compare-box .comparer .between {
    color: rgba(0,0,0,.5);
    margin: 0 .5rem;
    display: inline-block;
}

.compare-materials .compare-box .description {
    font-size: .85em;
    line-height: 1.5;
    margin-bottom: 0;
    display: none;
}

    .compare-materials .compare-box .description.is-selected {
        display: block;
    }

.compare-materials .spiderchart {
    position: absolute;
    top: -6rem;
    right: 0;
}

    .compare-materials .spiderchart .properties {
        display: none;
    }

@media (max-width:1024px) {
    .compare-materials .spiderchart {
        position: static;
        text-align: center;
    }
}

.chart {
    position: relative;
    float: left;
}

@media (max-width:1024px) {
    .chart {
        display: inline-block;
        float: none;
    }

        .chart .tooltip {
            min-width: 85px;
        }
}

.chart svg {
    background: url(/img/materials/spider.svg) center calc(50% - 21.5px) no-repeat;
}

    .chart svg path {
        pointer-events: none;
    }

.chart .label {
    font-size: .675rem;
    display: block;
    position: absolute;
    line-height: 1.2;
    cursor: default;
    top: 50%;
    left: 50%;
    z-index: 1;
    text-align: left;
}

    .chart .label.property-0 {
        -ms-transform: translateY(-270px) translateX(-50%);
        transform: translateY(-270px) translateX(-50%);
    }

    .chart .label.property-1 {
        -ms-transform: translateY(-89px) translateX(222px);
        transform: translateY(-89px) translateX(222px);
    }

    .chart .label.property-2 {
        -ms-transform: translateY(180px) translateX(133px);
        transform: translateY(180px) translateX(133px);
    }

    .chart .label.property-3 {
        -ms-transform: translateY(180px) translateX(-200px);
        transform: translateY(180px) translateX(-200px);
    }

    .chart .label.property-4 {
        -ms-transform: translateY(-89px) translateX(-296px);
        transform: translateY(-89px) translateX(-296px);
    }

@media (max-width:767px) {
    .chart svg {
        background-size: 290px;
        background-position-y: calc(50% - 15px);
    }

    .chart .label {
        font-size: .5rem;
    }

        .chart .label.property-0 {
            -ms-transform: translateY(-190px) translateX(-50%);
            transform: translateY(-190px) translateX(-50%);
        }

        .chart .label.property-1 {
            -ms-transform: translateY(-61px) translateX(149px);
            transform: translateY(-61px) translateX(149px);
        }

        .chart .label.property-2 {
            -ms-transform: translateY(122px) translateX(91px);
            transform: translateY(122px) translateX(91px);
        }

        .chart .label.property-3 {
            -ms-transform: translateY(122px) translateX(-147px);
            transform: translateY(122px) translateX(-147px);
        }

        .chart .label.property-4 {
            -ms-transform: translateY(-61px) translateX(-205px);
            transform: translateY(-61px) translateX(-205px);
        }

        .chart .label.property-0 .helptooltip {
            right: auto;
            margin-left: -5.7rem;
        }

            .chart .label.property-0 .helptooltip:after {
                right: 50%;
            }

        .chart .label.property-3 .helptooltip, .chart .label.property-4 .helptooltip {
            left: 0;
        }

            .chart .label.property-3 .helptooltip:after, .chart .label.property-4 .helptooltip:after {
                left: .5rem;
            }
}

@media (max-width:479px) {
    .chart svg {
        background-size: 212px;
        background-position-y: calc(50% - 9.5px);
    }

    .chart .label {
        font-size: .4rem;
    }

        .chart .label.property-0 {
            -ms-transform: translateY(-145px) translateX(-50%);
            transform: translateY(-145px) translateX(-50%);
        }

        .chart .label.property-1 {
            -ms-transform: translateY(-53px) translateX(113px);
            transform: translateY(-53px) translateX(113px);
        }

        .chart .label.property-2 {
            -ms-transform: translateY(92px) translateX(70px);
            transform: translateY(92px) translateX(70px);
        }

        .chart .label.property-3 {
            -ms-transform: translateY(92px) translateX(-112px);
            transform: translateY(92px) translateX(-112px);
        }

        .chart .label.property-4 {
            -ms-transform: translateY(-49px) translateX(-158px);
            transform: translateY(-49px) translateX(-158px);
        }
}

.chart .label.is-selected .helptooltip {
    opacity: 1;
    visibility: visible;
}

.chart .help .helptooltip, .chart .tooltip {
    bottom: 100%;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
}

.chart .help {
    margin-top: .3em;
    display: inline-block;
    position: relative;
}

@media (max-width:767px) {
    .chart .help {
        position: static;
    }
}

.chart .help .icon {
    vertical-align: -10%;
    font-size: .65rem;
}

.chart .help .helptooltip {
    background: #fff;
    position: absolute;
    padding: .75rem 1rem;
    color: #000;
    width: 220px;
    z-index: 1;
    margin-bottom: .7em;
    right: 0;
    box-shadow: 0 0 3rem 0 rgba(0,0,0,.15);
    line-height: 1.5;
    cursor: default;
}

    .chart .help .helptooltip:after {
        content: '';
        height: 0;
        width: 0;
        border: 8px solid transparent;
        border-top-color: #fff;
        display: block;
        position: absolute;
        top: 100%;
        right: 1.15rem;
    }

@media (max-width:767px) {
    .chart .help .helptooltip {
        margin-bottom: .5rem;
        font-size: .7rem;
    }

        .chart .help .helptooltip:after {
            right: 1.1rem;
        }
}

.chart .tooltip {
    position: absolute;
    left: 0;
    text-indent: 0;
    width: 100px;
    background: #000;
    font-weight: 600;
    color: #fff;
    box-sizing: border-box;
    padding: .6rem;
    pointer-events: none;
    font-size: 1.2rem;
    z-index: 20;
    text-align: center;
    white-space: normal;
    line-height: 1.4;
    text-transform: none;
    margin-left: -40px;
    margin-bottom: 5px;
    -ms-transform: translateY(97px) translateX(275px);
    transform: translateY(97px) translateX(275px);
}

@media (max-width:800px) {
    .chart .tooltip {
        min-width: 80px;
    }
}

.chart .tooltip.is-selected {
    opacity: 1;
    visibility: visible;
}

.chart .tooltip:after {
    display: block;
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-top-color: #000;
    border-width: 10px;
    margin-left: -10px;
    border-style: solid;
}

.material-picker {
    height: 56rem;
    position: relative;
    padding: 6rem 0 0;
}

@media (max-width:1024px) {
    .material-picker {
        height: auto;
        padding: .6rem 0 4rem;
    }
}

.material-picker:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 200px;
    margin-top: -50px;
    background-image: radial-gradient(75% 100% at 75% 0,#ececec 0,rgba(236,236,236,0) 100%);
    z-index: -1;
}

@media (max-width:767px) {
    .material-picker {
        text-align: center;
    }

        .material-picker .header-materials {
            text-align: left;
        }

        .material-picker:before {
            bottom: 0;
            top: 7rem;
            margin-top: 45%;
            background-image: radial-gradient(100% 100% at 50% 0,#ececec 0,rgba(236,236,236,0) 100%);
        }
}

.material-picker .image {
    position: absolute;
    left: 50%;
    top: -3rem;
    max-width: 750px;
    width: calc(50% + 200px);
    margin-left: -100px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width:1024px) {
    .material-picker .image {
        top: auto;
        width: 66%;
        left: 33%;
        margin-left: 0;
        bottom: 7rem;
    }
}

@media (max-width:767px) {
    .material-picker .image {
        position: relative;
        margin: 0 auto;
        bottom: auto;
        left: auto;
        width: 90%;
        min-height: 190px;
    }
}

.material-picker .image img {
    max-width: 100%;
}

    .material-picker .image img.lazy-loaded + .loader {
        opacity: 0;
    }

.material-picker .image .loader {
    display: block;
    margin-top: -22px;
    margin-left: -22px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 100px;
    border: 5px solid #1BACE1;
    border-color: #1BACE1 transparent transparent;
    animation: spinloading 1s infinite;
    transition: .2s;
    top: 50%;
    left: 50%;
    z-index: 0;
    opacity: 1;
}

.material-picker .picker {
    margin-bottom: 1rem;
}

    .material-picker .picker .selector {
        font-weight: 600;
        margin-top: .6rem;
    }

.material-picker .store {
    display: none;
    width: 120%;
}

@media (max-width:767px) {
    .material-picker .picker {
        position: absolute;
        top: 2.7rem;
        right: 10px;
        font-size: 1.2rem;
    }

        .material-picker .picker .selector {
            text-align: left;
            min-width: 80px;
        }

    .material-picker .store {
        width: 100%;
    }
}

.material-picker .store.is-open {
    display: block;
}

.material-picker .store .price {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2rem;
    margin-right: .2rem;
}

    .material-picker .store .price .weight {
        font-size: 1.3rem;
        display: block;
        letter-spacing: .05rem;
        color: rgba(0,0,0,.5);
    }

    .material-picker .store .price .costs {
        font-size: 2.6rem;
        font-weight: 100;
        line-height: 1em;
    }

    .material-picker .store .price .vat {
        clear: both;
        font-size: 1.3rem;
        padding: 0;
        letter-spacing: .1rem;
        color: rgba(0,0,0,.5);
    }

@media (max-width:767px) {
    .material-picker .store .price .vat {
        display: block;
    }
}

.material-picker .store .btn {
    display: inline-block;
    min-width: 17rem;
}

@media (max-width:1024px) {
    .material-picker .store .btn {
        margin-top: 1rem;
    }
}

.color-picker {
    max-width: 340px;
    margin: 2rem 0;
}

    .color-picker .colors {
        margin-top: 1rem;
        display: none;
    }

        .color-picker .colors.is-open {
            display: block;
        }

        .color-picker .colors li {
            display: block;
            float: left;
            width: 13.6666%;
            margin-right: 3%;
            margin-bottom: 3%;
            position: relative;
            cursor: pointer;
        }

@media (max-width:800px) {
    .color-picker .colors li {
        width: 22%;
    }
}

@media (max-width:767px) {
    .color-picker .colors li {
        width: 13.6666666%;
    }
}

.color-picker .colors li[data-tabview-tab=cpe] {
    width: 13.8%;
}

@media (max-width:800px) {
    .color-picker .colors li[data-tabview-tab=cpe] {
        width: 22%;
    }
}

@media (max-width:767px) {
    .color-picker .colors li[data-tabview-tab=cpe] {
        width: 13.8%;
    }
}

.color-picker .colors li:before {
    opacity: 0;
    display: block;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .2s ease-in-out;
    padding-top: calc(100% - 6px);
}

.color-picker .colors li:after, .info-plus .info {
    left: 50%;
    color: #fff;
    position: absolute;
    display: block;
}

.color-picker .colors li:after {
    top: 50%;
    font-size: 3rem;
    text-align: center;
    font-family: iconfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61f";
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
}

.info-plus .info, .moreinfo {
    -ms-transform: translateX(430px) translateY(-7px);
}

@media (max-width:1024px) {
    .color-picker .colors li:after {
        font-size: 1.9rem;
    }
}

.color-picker .colors li.transparent {
    background: repeating-linear-gradient(45deg,rgba(0,0,0,.07),rgba(0,0,0,.07) 5px,transparent 5px,transparent 10px);
}

.color-picker .colors li.is-selected:before {
    opacity: 1;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 3px 3px rgba(0,0,0,.23);
    vertical-align: middle;
}

.color-picker .colors li.is-selected:after {
    opacity: 1;
}

.color-picker .colors li .tooltip {
    text-align: left;
}

.info-plus {
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    .info-plus:before {
        content: '';
        width: 100%;
        padding-top: 79.2740483%;
        display: block;
    }

    .info-plus .info {
        height: 4.8rem;
        width: 4.8rem;
        -ms-transform-origin: 2.4rem 2.4rem 0;
        transform-origin: 2.4rem 2.4rem 0;
        margin: -2.4rem -2.4rem 0 0;
        top: 50%;
        transform: translateX(430px) translateY(-7px);
        transition: .3s;
        text-align: left;
    }

        .info-plus .info .container {
            height: 48px;
            width: 48px;
            transition: .3s .3s,border-radius 1s .3s;
            position: absolute;
            right: 0;
            top: 0;
            background: #000;
            opacity: .95;
            padding: 0;
            box-sizing: border-box;
            white-space: normal;
            border-radius: 24px;
            box-shadow: 0 2px 4px rgba(0,0,0,.2);
            overflow: hidden;
        }

            .info-plus .info .container .description {
                height: auto;
                width: 290px;
                font-size: 1.5rem;
                line-height: 1.5em;
                padding: 20px;
                opacity: 0;
                transition: .3s;
                box-sizing: border-box;
                position: relative;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .info-plus .info .container .description .heading-sub {
                    display: block;
                    font-size: 1.5rem;
                    font-weight: 600;
                    margin-bottom: 1rem;
                    padding-right: 1.6rem;
                }

            .info-plus .info .container .icon-close {
                -ms-transform-origin: center center;
                transform-origin: center center;
                -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
                transform: translateX(50%) translateY(-50%) rotateZ(-45deg);
                position: absolute;
                right: 24px;
                top: 23px;
                transition: .5s .3s,top .2s .3s,right .2s .3s;
            }

        .info-plus .info:hover {
            cursor: pointer;
        }

        .info-plus .info.is-selected {
            z-index: 10;
        }

            .info-plus .info.is-selected .container {
                height: 170px;
                width: 290px;
                border-radius: 0;
                transition: .3s .3s,border-radius .2s;
            }

                .info-plus .info.is-selected .container .description {
                    opacity: 1;
                    transition: .3s .3s;
                }

                .info-plus .info.is-selected .container .icon-close {
                    right: 24px;
                    top: 24px;
                    -ms-transform: translateX(50%) translateY(-50%) rotate(360deg);
                    transform: translateX(50%) translateY(-50%) rotateZ(360deg);
                    transition: .5s .3s,top .2s .3s,right .2s .3s;
                }

.warranty .tile {
    min-height: 16.6rem;
    display: inline-block;
    color: inherit;
}

    .warranty .tile .description {
        padding: 2rem 3.7rem;
    }

        .warranty .tile .description [class*=" icon-"], .warranty .tile .description [class^=icon-] {
            color: #fb203a;
        }

        .warranty .tile .description p {
            color: #7F7F7F;
        }

.specifications {
    max-width: 1180px;
    margin: 0 auto;
    font: 0/0 a;
    position: relative;
    overflow-y: hidden;
}

    .specifications .overview {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        height: 100%;
        width: 33.33%;
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        vertical-align: top;
        background: #000;
        color: #fff;
        padding: 4.4rem 5.5rem;
        box-sizing: border-box;
        z-index: 1;
        transition: width .4s .2s cubic-bezier(.23,1,.32,1);
    }

        .specifications .overview .toggle-expand {
            height: 4rem;
            width: 4rem;
            background: #fb203a;
            border-radius: 100%;
            position: absolute;
            top: 4.4rem;
            bottom: auto;
            left: auto;
            right: -2rem;
            transition: .5s;
            -ms-transform: rotate(0);
            transform: rotateZ(0);
            text-align: center;
            line-height: 4rem;
        }

            .specifications .overview .toggle-expand:after {
                content: attr(data-open);
                position: absolute;
                top: 50%;
                right: 100%;
                text-align: right;
                padding: 0 1rem 0 0;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #fb203a;
                text-transform: uppercase;
            }

            .specifications .overview .toggle-expand [class*=" icon-"], .specifications .overview .toggle-expand [class^=icon-] {
                font-size: 1rem;
                transition: transform .4s cubic-bezier(.23,1,.32,1);
            }

        .specifications .overview .heading-title {
            margin: 0 0 3.6rem;
        }

            .specifications .overview .heading-title .is-expanded {
                display: inline-block;
                opacity: 0;
                height: 0;
                width: 0;
                transition: opacity .4s cubic-bezier(.23,1,.32,1),width .4s .2s,height 0s;
            }

        .specifications .overview .heading-sub {
            padding: 0 3rem;
        }

        .specifications .overview .excerpt {
            opacity: 1;
            height: 100%;
            overflow: hidden;
            transition: opacity .4s cubic-bezier(.23,1,.32,1),height 0s .4s;
        }

        .specifications .overview .grid {
            opacity: 0;
            height: 0;
            transition: opacity .4s cubic-bezier(.23,1,.32,1),height 0s .4s;
        }

    .specifications .gallery {
        height: auto;
        width: 66.66%;
        background: #000;
        padding: 0 0 0 33.33%;
        display: inline-block;
        vertical-align: top;
    }

        .specifications .gallery .media {
            position: relative;
            overflow: hidden;
        }

            .specifications .gallery .media:before {
                content: '';
                display: block;
                padding-top: 52.63158%;
            }

            .specifications .gallery .media .image, .specifications .gallery .media img {
                height: auto;
                width: 100%;
                position: absolute;
                top: 50%;
                bottom: auto;
                left: 50%;
                right: auto;
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

        .specifications .gallery .grid .media:before {
            content: '';
            display: block;
            padding-top: 105.82011%;
        }

        .specifications .gallery .grid .media .image, .specifications .gallery .grid .media img {
            height: 100%;
            width: auto;
        }

    .specifications.is-expanded .overview {
        height: 100%;
        width: 100%;
        transition: width .4s cubic-bezier(.23,1,.32,1);
    }

        .specifications.is-expanded .overview .toggle-expand [class*=" icon-"], .specifications.is-expanded .overview .toggle-expand [class^=icon-] {
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

        .specifications.is-expanded .overview .toggle-expand:after {
            content: attr(data-close);
        }

        .specifications.is-expanded .overview .heading-title .is-expanded {
            height: auto;
            width: 6rem;
            opacity: 1;
            transition: opacity .4s .2s cubic-bezier(.23,1,.32,1),width .4s;
        }

        .specifications.is-expanded .overview .excerpt {
            opacity: 0;
            height: 0;
            transition: opacity .4s .2s cubic-bezier(.23,1,.32,1),height 0s .2s;
        }

        .specifications.is-expanded .overview .grid {
            opacity: 1;
            height: auto;
            transition: opacity .4s .2s cubic-bezier(.23,1,.32,1),height 0s .2s;
        }

.awards .list-awards {
    font: 0/0 a;
}

    .awards .list-awards li {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

        .awards .list-awards li:nth-last-child(5):first-child, .awards .list-awards li:nth-last-child(5):first-child ~ * {
            height: auto;
            width: 20%;
        }

        .awards .list-awards li:nth-last-child(4):first-child, .awards .list-awards li:nth-last-child(4):first-child ~ * {
            height: auto;
            width: 25%;
        }

@media (max-width:479px) {
    .awards .list-awards li:nth-last-child(4):first-child, .awards .list-awards li:nth-last-child(4):first-child ~ * {
        height: 33.33%;
        width: 33.33%;
    }

    .awards .list-awards li:nth-child(n+4) {
        display: none;
    }
}

.awards .list-awards li figure {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

    .awards .list-awards li figure img.colored, .badge, .badge img {
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
    }

    .awards .list-awards li figure img {
        height: auto;
        width: 63.8%;
        display: inline-block;
    }

        .awards .list-awards li figure img.colored {
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            opacity: 0;
            z-index: 1;
            transition: opacity .4s cubic-bezier(.23,1,.32,1);
        }

.awards .list-awards li:hover figure img.colored {
    opacity: 1;
}

.badge {
    display: inline-block;
    height: 15rem;
    width: 15rem;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 4;
}

@media (max-width:800px) {
    .badge {
        height: 12rem;
        width: 12rem;
    }
}

@media (max-width:479px) {
    .badge {
        height: 10rem;
        width: 10rem;
    }
}

.badge img {
    height: auto;
    width: 100%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.badge.backpack {
    top: 50%;
    bottom: auto;
    left: 75%;
    right: auto;
}

@media (max-width:800px) {
    .badge.backpack {
        top: 50%;
        bottom: auto;
        left: 60%;
        right: auto;
    }
}

@media (max-width:479px) {
    .badge.backpack {
        top: 50%;
        bottom: auto;
        left: 60%;
        right: auto;
    }

    .badge.A3DPK {
        display: none;
    }
}

.badge.A3DPK {
    top: 70%;
    bottom: auto;
    left: 90%;
    right: auto;
}

@media (max-width:800px) {
    .badge.A3DPK {
        top: 50%;
        bottom: auto;
        left: 80%;
        right: auto;
    }
}

.badge.make-link-2go {
    top: 50%;
    bottom: auto;
    left: 90%;
    right: auto;
}

@media (max-width:800px) {
    .badge.make-link-2go {
        top: 40%;
        bottom: auto;
        left: 68%;
        right: auto;
    }
}

.comparison .printers, .comparison .subject {
    height: auto;
    width: 100%;
    overflow: hidden;
}

    .comparison .printers .title, .comparison .subject .title {
        height: auto;
        width: 25%;
        padding: 0 2rem 0 0;
        margin-top: -.7rem;
        float: left;
        box-sizing: border-box;
    }

@media (max-width:1024px) {
    .comparison .printers .title, .comparison .subject .title {
        height: auto;
        width: 100%;
        float: none;
        margin-bottom: 2rem;
    }
}

.comparison .printers .grid, .comparison .subject .grid {
    height: auto;
    width: 75%;
    float: right;
    margin-bottom: 1.5rem;
}

    .comparison .printers .grid .grid, .comparison .subject .grid .grid {
        height: auto;
        width: 100%;
        margin: 0;
    }

@media (max-width:1024px) {
    .comparison .printers .grid, .comparison .subject .grid {
        height: auto;
        width: 100%;
        float: none;
    }
}

.comparison .printers .grid .col, .comparison .subject .grid .col {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

    .comparison .printers .grid .col ul, .comparison .subject .grid .col ul {
        padding: 0 0 0 1.6rem;
    }

    .comparison .printers .grid .col .type, .comparison .printers .grid .col small, .comparison .subject .grid .col .type, .comparison .subject .grid .col small {
        color: rgba(0,0,0,.5);
    }

    .comparison .printers .grid .col .price, .comparison .subject .grid .col .price {
        font-size: 142.85714%;
        display: block;
    }

    .comparison .printers .grid .col small, .comparison .subject .grid .col small {
        display: block;
    }

.comparison .header-comparison {
    height: auto;
    width: calc(75% + 50px);
    float: right;
    margin: 0 -25px 1.5rem 0;
}

@media (max-width:1024px) {
    .comparison .header-comparison {
        height: auto;
        width: calc(100% + 50px);
        float: none;
        margin: 0 0 1.5rem -25px;
    }
}

@media (max-width:479px) {
    .badge.make-link-2go {
        top: 30%;
        bottom: auto;
        left: 75%;
        right: auto;
    }

    .comparison .header-comparison {
        height: auto;
        width: 100%;
    }
}

.comparison .header-comparison .printers {
    width: 100%;
    position: relative;
    overflow: visible;
}

@media (max-width:767px) {
    .comparison .header-comparison {
        max-width: 50rem;
        margin: 0 auto 1.5rem;
    }

        .comparison .header-comparison .printers {
            height: auto;
            width: 270px;
            margin: 0 auto;
        }
}

@media (max-width:479px) {
    .comparison .header-comparison .printers {
        height: auto;
        width: 100%;
    }

        .comparison .header-comparison .printers .printer {
            text-align: center;
        }

            .comparison .header-comparison .printers .printer .heading-sub small {
                display: block;
            }
}

.comparison .header-comparison .printers .printer .image img {
    display: inline-block;
    max-width: 100%;
}

.comparison .printers .heading-sub {
    height: 6rem;
    width: 100%;
}

    .comparison .printers .heading-sub small {
        font-size: 70%;
        color: rgba(0,0,0,.5);
    }

.comparison .printers .col {
    margin: 0 0 3.2rem;
    float: right;
}

    .comparison .printers .col .image img {
        max-width: 18.4rem;
    }

@media (max-width:1024px) {
    .comparison .printers .col {
        text-align: center;
    }

        .comparison .printers .col .image {
            display: inline-block;
        }
}

.comparison .subject {
    padding: 3.2rem 0;
    border-top: 1px solid #b6b6b6;
}

@media (max-width:767px) {
    .comparison .printers .col .image {
        min-height: auto;
    }

        .comparison .printers .col .image img {
            max-width: 12rem;
        }

    .comparison .subject {
        max-width: 50rem;
        height: auto;
        width: 100%;
        margin: 0 auto;
    }
}

.comparison .subject .image {
    position: relative;
    margin-left: 1rem;
}

    .comparison .subject .image img {
        max-width: 20.1rem;
    }

@media (max-width:767px) {
    .comparison .subject .image {
        margin: 1rem;
    }

        .comparison .subject .image img {
            height: auto;
            width: 100%;
            max-width: 15rem;
        }
}

.comparison .subject img {
    max-width: 100%;
}

.comparison .subject .copy-description {
    margin-bottom: 1.5rem;
}

.comparison .subject .dimensions {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.3;
    white-space: nowrap;
}

    .comparison .subject .dimensions span {
        position: absolute;
    }

    .comparison .subject .dimensions .width {
        left: -1rem;
        bottom: 5rem;
    }

    .comparison .subject .dimensions .length {
        left: 1rem;
        bottom: 29rem;
    }

    .comparison .subject .dimensions .height {
        left: 21rem;
        top: 50%;
    }

    .comparison .subject .dimensions.extended .length {
        bottom: 32rem;
    }

    .comparison .subject .dimensions.twogo .length {
        bottom: 27rem;
    }

.comparison .subject .btn.plain {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

    .comparison .subject .btn.plain.video {
        font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 114.28571%;
    }

        .comparison .subject .btn.plain.video.w-icn [class*=" icon-"], .comparison .subject .btn.plain.video.w-icn [class^=icon-] {
            font-size: 2.2rem;
        }

        .comparison .subject .btn.plain.video:after {
            height: 2px;
            width: 100%;
            transition: width .25s cubic-bezier(.23,1,.32,1);
        }

        .comparison .subject .btn.plain.video:hover {
            color: currentColor;
        }

            .comparison .subject .btn.plain.video:hover:after {
                height: 2px;
                width: 0;
            }

.comparison .subject .col small {
    margin: 0 0 2rem;
}

.comparison .subject .col .hider {
    display: block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: .5s;
}

    .comparison .subject .col .hider .btn.plain {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin: 0;
    }

    .comparison .subject .col .hider.is-active {
        max-height: 50rem;
        opacity: 1;
    }

.price-table li.item.inactive [class*=" icon-"], .price-table li.item.inactive [class^=icon-], .price-table.inverted li.item.inactive [class*=" icon-"], .price-table.inverted li.item.inactive [class^=icon-] {
    opacity: .3;
}

.comparison .subject .col .information {
    cursor: help;
}

    .comparison .subject .col .information.is-active, .comparison .subject .col .information:hover {
        border-bottom: 1px dashed;
    }

@media (max-width:767px) {
    .comparison .subject .col:empty {
        display: none;
    }
}

.price-table li {
    display: block;
}

    .price-table li small {
        font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        display: block;
        color: rgba(0,0,0,.5);
    }

        .price-table li small [class*=" icon-"], .price-table li small [class^=icon-] {
            margin: 0;
        }

        .price-table li small select {
            font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            border: none;
            background: 0 0;
            color: gray;
            -webkit-appearance: none;
            outline: 0;
        }

    .price-table li .btn {
        margin-right: 1rem;
        margin-bottom: 0;
    }

        .price-table li .btn.cta {
            margin-right: 3.5rem;
        }

    .price-table li.item {
        display: inline-block;
        vertical-align: top;
        margin: 0 1.3rem 2.5rem 0;
        padding: 0 .4rem 0 1.7rem;
        border-left: 1px solid #D8D8D8;
        color: #000;
    }

        .price-table li.item [class*=" icon-"], .price-table li.item [class^=icon-] {
            display: inline-block;
            margin: 0 1rem 0 0;
        }

        .price-table li.item:first-child {
            padding: 0;
            border: none;
        }

        .price-table li.item .icon-um2 {
            font-size: 3.2rem;
        }

        .price-table li.item .icon-um3 {
            font-size: 5.2rem;
        }

        .price-table li.item .icon-um2ext {
            font-size: 4rem;
        }

        .price-table li.item .icon-um3ext {
            font-size: 6rem;
        }

        .price-table li.item .icon-material {
            font-size: 3.2rem;
        }

        .price-table li.item .info {
            display: inline-block;
            font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

@media (max-width:800px) {
    .price-table li.item [class*=" icon-"], .price-table li.item [class^=icon-] {
        display: inline-block;
    }

    .price-table li.item .info {
        display: block;
    }
}

.price-table li.item.inactive {
    color: rgba(0,0,0,.5);
}

.price-table.inverted li.item {
    color: #fff;
}

    .price-table.inverted li.item.inactive {
        color: rgba(255,255,255,.5);
    }

.product-collection {
    padding-bottom: 60px;
}

    .product-collection .header-component .btn {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    .product-collection .collection {
        height: auto;
        width: 100%;
        font: 0/0 a;
        position: relative;
    }

        .product-collection .collection dt {
            font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            height: auto;
            width: 22.8%;
            padding: 1.6rem 0 1.1rem 1.8%;
            display: block;
            vertical-align: top;
            background: #fff;
            cursor: pointer;
            opacity: .7;
            margin-bottom: .34375rem;
            transition: opacity .3s cubic-bezier(.23,1,.32,1),width .3s cubic-bezier(.23,1,.32,1);
        }

@media (max-width:1024px) {
    .product-collection .collection dt {
        height: auto;
        width: 98.2%;
    }
}

.product-collection .collection dt [class*=" icon-"], .product-collection .collection dt [class^=icon-] {
    margin: 0 .5rem 0 0;
}

.product-collection .collection dt.is-selected {
    height: auto;
    width: 23.3%;
    opacity: 1;
    font-weight: 400;
}

    .product-collection .collection dt.is-selected + dd {
        opacity: 1;
        visibility: visible;
    }

@media (max-width:1024px) {
    .product-collection .collection dt.is-selected {
        height: auto;
        width: 98.2%;
        margin-bottom: 0;
    }

        .product-collection .collection dt.is-selected + dd {
            height: auto;
            width: 100%;
            margin-bottom: .34375rem;
            display: table;
        }
}

.product-collection .collection dd {
    height: auto;
    width: 75%;
    background: #fff;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    display: table;
}

@media (max-width:1024px) {
    .product-collection .collection dd {
        height: 0;
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        display: block;
    }
}

.product-collection .collection .item {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    height: 50%;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .product-collection .collection .item .image {
        height: auto;
        width: 100%;
        max-width: 26.6rem;
        display: inline-block;
        margin: 1rem auto 1.3rem;
        position: relative;
    }

        .product-collection .collection .item .image:before {
            content: '';
            display: block;
            padding-top: 139.00415%;
        }

        .product-collection .collection .item .image img {
            height: auto;
            width: 100%;
            position: absolute;
            top: 50%;
            bottom: auto;
            left: 50%;
            right: auto;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

    .product-collection .collection .item .price-tag {
        text-align: justify;
        text-align-last: justify;
        padding: 1.4rem 2.5rem;
    }

        .product-collection .collection .item .price-tag.app {
            padding: 2.47rem 2.5rem;
        }

        .product-collection .collection .item .price-tag .price {
            font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
        }

            .product-collection .collection .item .price-tag .price small {
                color: #7F7F7F;
            }

    .product-collection .collection .item.cta {
        overflow: hidden;
    }

        .product-collection .collection .item.cta .image {
            height: 100%;
            width: 100%;
            max-width: 100%;
            margin: 0;
        }

            .product-collection .collection .item.cta .image:before {
                content: none;
                display: none;
            }

            .product-collection .collection .item.cta .image img {
                min-width: 100%;
                min-height: 100%;
                width: auto;
                height: auto;
                position: absolute;
                top: 50%;
                bottom: auto;
                left: 50%;
                right: auto;
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

.specs-summary, .specs-summary .col {
    position: relative;
}

    .specs-summary .heading-title {
        padding-bottom: 5rem;
    }

    .specs-summary .heading-sub {
        padding-bottom: 1rem;
    }

    .specs-summary .list-specs li {
        padding-bottom: 1rem;
        font-size: 125%;
    }

        .specs-summary .list-specs li small {
            display: block;
            font-size: 1.2rem;
        }

        .specs-summary .list-specs li span small {
            display: inline-block;
            font-size: 1.4rem;
            color: #000;
        }

    .content.content--support .specs-summary a, .content.support .specs-summary a, .sceditor-header-picker.content--support .specs-summary a, .sceditor-header-picker.support .specs-summary a, .specs-summary .asset-download, .specs-summary .content.content--support a, .specs-summary .content.support a, .specs-summary .link-default, .specs-summary .sceditor-header-picker.content--support a, .specs-summary .sceditor-header-picker.support a, .specs-summary .supportpopup .forever-close, .supportpopup .specs-summary .forever-close {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin-top: 2rem;
    }

    .specs-summary .productsmallspecs-details {
        background: #fff;
        top: -4rem;
        bottom: 6rem;
        left: -2rem;
        right: 0;
        position: absolute;
        box-shadow: 0 0 30px rgba(0,0,0,.06);
        padding: 20px;
        visibility: hidden;
        opacity: 0;
        transition: .2s;
        text-align: left;
        font-size: 87.5%;
    }

        .specs-summary .productsmallspecs-details.is-more {
            visibility: visible;
            opacity: 1;
        }

        .specs-summary .productsmallspecs-details:before {
            content: '';
            display: block;
            position: absolute;
            bottom: -24px;
            left: 16px;
            border: 12px solid transparent;
            border-top-color: #fff;
        }

        .specs-summary .productsmallspecs-details p {
            margin-top: 0;
        }

        .specs-summary .productsmallspecs-details img {
            max-width: 100%;
            max-height: 100%;
        }

.features-carousel {
    position: relative;
    padding-bottom: 4rem;
    background: 0 0;
    margin-top: 15rem;
}

@media (max-width:1024px) {
    .specs-summary .productsmallspecs-details {
        top: -4rem;
        bottom: 6rem;
        left: 0;
        right: 0;
    }

    .features-carousel {
        padding-bottom: 10rem;
        margin-top: 0;
        background: linear-gradient(to bottom,transparent 0,#f5f5f5 100%);
    }
}

.features-carousel .content {
    padding-bottom: 3rem;
    text-align: left;
}

    .features-carousel .content .copy-article, .features-carousel .content .heading-title {
        padding-bottom: 2rem;
    }

        .features-carousel .content .copy-article small, .features-carousel .content .heading-title small {
            color: #7F7F7F;
            font-size: 62.5%;
            padding-bottom: 2rem;
        }

.features-carousel .grid {
    display: block;
}

    .features-carousel .grid [data-tabview-tab] {
        display: none;
    }

        .features-carousel .grid [data-tabview-tab].is-open {
            display: inline-block;
        }

    .features-carousel .grid .media {
        position: absolute;
        top: -25rem;
    }

.features-carousel .media {
    width: 100%;
    max-width: 91rem;
}

    .features-carousel .media img {
        height: auto;
        width: 100%;
    }

.features-carousel .carousel {
    display: none;
}

@media (max-width:1024px) {
    .features-carousel .content {
        text-align: center;
    }

    .features-carousel .grid {
        display: none;
    }

    .features-carousel .carousel {
        display: block;
    }
}

.features-carousel .list-features li {
    padding: 0 5rem 5.5rem 0;
    cursor: pointer;
}

    .features-carousel .list-features li .heading-sub {
        padding-bottom: 1rem;
        transition: color .25s;
    }

    .features-carousel .list-features li .description {
        font-weight: 100;
    }

    .features-carousel .list-features li:hover .heading-sub {
        color: #fb203a;
    }

.overview-products {
    padding-bottom: 60px;
}

@media (max-width:767px) {
    .overview-products {
        padding-bottom: 0;
    }
}

.product-videos .heading-title {
    padding-bottom: 3rem;
}

    .product-videos .heading-title small {
        color: #7F7F7F;
        font-size: 62.5%;
        padding-bottom: 2rem;
    }

.product-videos .tile .media {
    background: #000;
}

    .content.content--support .product-videos .tile .media a.w-icn, .content.support .product-videos .tile .media a.w-icn, .product-videos .tile .media .content.content--support a.w-icn, .product-videos .tile .media .content.support a.w-icn, .product-videos .tile .media .link-default.w-icn, .product-videos .tile .media .sceditor-header-picker.content--support a.w-icn, .product-videos .tile .media .sceditor-header-picker.support a.w-icn, .product-videos .tile .media .supportpopup .w-icn.forever-close, .product-videos .tile .media .w-icn.asset-download, .sceditor-header-picker.content--support .product-videos .tile .media a.w-icn, .sceditor-header-picker.support .product-videos .tile .media a.w-icn, .supportpopup .product-videos .tile .media .w-icn.forever-close {
        position: absolute;
        top: auto;
        bottom: 2rem;
        left: 2rem;
        right: auto;
        z-index: 1;
    }

    .product-videos .tile .media img {
        opacity: .8;
    }

    .product-videos .tile .media:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50%;
        width: 100%;
        background: linear-gradient(to bottom,transparent 0,#000 100%);
    }

.banner-notes, .materials-overview, .sample-colors {
    position: relative;
}

.btn-toggle {
    display: inline-block;
}

    .btn-toggle .btn {
        margin-right: 4rem;
        text-align: center;
        display: none;
    }

        .btn-toggle .btn.is-open, .btn-toggle .btn.plain, .sample-colors .material-selector {
            display: inline-block;
        }

        .btn-toggle .btn.cta {
            min-width: 11.7rem;
        }

        .btn-toggle .btn.plain {
            font-size: 100%;
        }

.materials-overview .heading-title {
    padding-bottom: 5rem;
}

.materials-overview .tile-carousel {
    margin-bottom: 10rem;
}

@media (max-width:479px) {
    .content.content--support .materials-overview .tile.plain .description a, .content.support .materials-overview .tile.plain .description a, .materials-overview .tile.plain .description .asset-download, .materials-overview .tile.plain .description .content.content--support a, .materials-overview .tile.plain .description .content.support a, .materials-overview .tile.plain .description .link-default, .materials-overview .tile.plain .description .sceditor-header-picker.content--support a, .materials-overview .tile.plain .description .sceditor-header-picker.support a, .materials-overview .tile.plain .description .supportpopup .forever-close, .sceditor-header-picker.content--support .materials-overview .tile.plain .description a, .sceditor-header-picker.support .materials-overview .tile.plain .description a, .supportpopup .materials-overview .tile.plain .description .forever-close {
        padding-top: 0;
    }
}

.materials-overview .grid > .col {
    vertical-align: bottom;
}

@media (min-width:800px) {
    .materials-overview .grid > .col {
        height: auto;
        width: calc(33.33% - 13.33px);
    }

        .materials-overview .grid > .col:nth-child(2n+1), .materials-overview .grid > .col:nth-child(2n+2) {
            margin: 0;
        }

        .materials-overview .grid > .col:nth-child(3n+2) {
            margin: 0 20px;
        }
}

.sample-colors {
    padding-bottom: 60px;
}

    .sample-colors .heading-title {
        padding-bottom: 3rem;
    }

    .sample-colors .material-selector .selector {
        padding: 1.2rem 4rem 1.2rem 2rem;
        margin-top: 1rem;
    }

    .sample-colors [data-colorpicker-image] {
        height: auto;
        width: 100%;
    }

@media (max-width:1024px) {
    .sample-colors .col:last-child img {
        width: 100%;
    }
}

.sample-colors .price-table {
    margin: 0 0 2rem;
    display: none;
}

    .sample-colors .price-table.is-open {
        display: inline-block;
    }

.content.content--support .sample-colors a, .content.support .sample-colors a, .sample-colors .asset-download, .sample-colors .content.content--support a, .sample-colors .content.support a, .sample-colors .link-default, .sample-colors .sceditor-header-picker.content--support a, .sample-colors .sceditor-header-picker.support a, .sample-colors .supportpopup .forever-close, .sceditor-header-picker.content--support .sample-colors a, .sceditor-header-picker.support .sample-colors a, .supportpopup .sample-colors .forever-close {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.tipsandtricks .heading-title {
    padding-bottom: 2rem;
}

.banner-notes {
    background: #fff;
    padding: 4rem 5rem;
}

    .banner-notes .heading-sub {
        padding: 3rem 0 2rem;
    }

        .banner-notes .heading-sub:first-child {
            padding-top: 0;
        }

@media (max-width:800px) {
    .banner-notes {
        padding: 2rem;
    }
}

.banner-notes .decoda-list {
    padding-left: 2rem;
}

    .banner-notes .decoda-list li {
        margin-bottom: 1rem;
    }

.banner-notes .btn.plain {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 100%;
    margin: 0;
}

.banner-notes .col {
    padding-bottom: 1.5rem;
}

@media (max-width:479px) {
    .banner-notes .btn.plain {
        font-size: 100%;
    }

    .banner-notes .col {
        font-size: 1.4rem;
    }
}

.view.view-product-ultimaker3 .header-intro {
    height: 100vh;
}

    .view.view-product-ultimaker3 .header-intro .scrolling-point {
        top: 0;
    }

    .view.view-product-ultimaker3 .header-intro .media {
        position: fixed;
        height: 100%;
        width: 100%;
    }

        .view.view-product-ultimaker3 .header-intro .media canvas, .view.view-product-ultimaker3 .header-intro .media video {
            left: 50%;
            bottom: 0;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            position: fixed;
            height: auto;
            width: auto;
        }

@media screen and (min-aspect-ratio:16 / 9) {
    .view.view-product-ultimaker3 .header-intro .media canvas, .view.view-product-ultimaker3 .header-intro .media video {
        width: 100%;
    }
}

@media screen and (max-aspect-ratio:16 / 9) {
    .view.view-product-ultimaker3 .header-intro .media canvas, .view.view-product-ultimaker3 .header-intro .media video {
        height: 100%;
    }
}

.view.view-product-ultimaker3 .header-intro .overlay {
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: fixed;
    height: 100%;
    width: 100%;
    color: #fff;
}

    .view.view-product-ultimaker3 .header-intro .overlay .overview {
        position: absolute;
        bottom: 10.5%;
        left: 15.7%;
    }

@media (max-width:1024px) {
    .view.view-product-ultimaker3 .header-intro .overlay .overview {
        left: 5%;
    }
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .header-intro .overlay .overview {
        left: auto;
        bottom: auto;
        position: relative;
        margin-top: 10rem;
        padding: 0 12rem 0 5%;
    }

        .view.view-product-ultimaker3 .header-intro .overlay .overview .btn.plain, .view.view-product-ultimaker3 .header-intro .overlay .overview .list-default, .view.view-product-ultimaker3 .header-intro .overlay .overview .list-numbered {
            display: none;
        }
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .header-intro .overlay .overview {
        padding: 0 5%;
    }

        .view.view-product-ultimaker3 .header-intro .overlay .overview .heading-featured {
            font-size: 4rem;
            line-height: 3rem;
            margin: 0 0 1.5rem;
        }

        .view.view-product-ultimaker3 .header-intro .overlay .overview .heading-title {
            font-size: 2rem;
            line-height: 2.5rem;
            margin: 0 0 1.5rem;
        }
}

.view.view-product-ultimaker3 .header-intro .overlay .overview .list-default, .view.view-product-ultimaker3 .header-intro .overlay .overview .list-numbered {
    font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 4rem;
    margin: 3rem 0;
}

    .view.view-product-ultimaker3 .header-intro .overlay .overview .list-default li, .view.view-product-ultimaker3 .header-intro .overlay .overview .list-numbered li {
        margin: 0;
    }

        .view.view-product-ultimaker3 .header-intro .overlay .overview .list-default li [class*=" icon-"], .view.view-product-ultimaker3 .header-intro .overlay .overview .list-default li [class^=icon-], .view.view-product-ultimaker3 .header-intro .overlay .overview .list-numbered li [class*=" icon-"], .view.view-product-ultimaker3 .header-intro .overlay .overview .list-numbered li [class^=icon-] {
            font-size: 3rem;
            color: #CBF378;
        }

.view.view-product-ultimaker3 .header-intro .overlay .price-table {
    position: absolute;
    bottom: 10.5%;
    right: 10.8%;
}

@media (max-width:1024px) {
    .view.view-product-ultimaker3 .header-intro .overlay .price-table {
        right: 1%;
    }
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .header-intro .overlay .price-table {
        right: auto;
        left: 5%;
    }
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .header-intro .overlay .price-table {
        position: absolute;
        bottom: 8rem;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 90%;
        text-align: center;
        margin: 0;
    }
}

.view.view-product-ultimaker3 .header-intro .overlay .price-table .item {
    border: none;
    margin-right: .5rem;
    opacity: .3;
    cursor: pointer;
    vertical-align: bottom;
    -webkit-tap-highlight-color: transparent;
}

    .view.view-product-ultimaker3 .header-intro .overlay .price-table .item i, .view.view-product-ultimaker3 .header-intro .overlay .price-table .item.is-open, .view.view-product-ultimaker3 .header-intro .overlay .price-table .item.is-open i {
        opacity: 1;
    }

        .view.view-product-ultimaker3 .header-intro .overlay .price-table .item i.icon-um3 {
            font-size: 6.9rem;
        }

        .view.view-product-ultimaker3 .header-intro .overlay .price-table .item i.icon-um3ext {
            font-size: 8.9rem;
        }

    .view.view-product-ultimaker3 .header-intro .overlay .price-table .item .info {
        font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

@media (max-width:767px) {
    .view.view-product-ultimaker3 .header-intro .overlay .price-table .item {
        width: 49%;
        padding: 0;
        margin: 0 0 1rem;
    }

        .view.view-product-ultimaker3 .header-intro .overlay .price-table .item .info {
            font-size: 1.5rem;
            line-height: 3.2rem;
        }
}

.view.view-product-ultimaker3 .header-intro .overlay .price-table .item .info small {
    color: #fff;
    font: normal normal 300 12px 300 12px/12px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.2rem/1.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.view.view-product-ultimaker3 .header-intro .overlay .price-table .item .copy-default {
    margin: 1rem;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .header-intro .overlay .price-table .item .copy-default {
        font-size: 1.3rem;
        margin: 0;
    }
}

.view.view-product-ultimaker3 .header-intro .overlay .list-key-specs {
    display: block;
    margin: 0 0 3rem;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .header-intro .overlay .list-key-specs {
        display: none;
    }
}

.view.view-product-ultimaker3 .header-intro .overlay .list-key-specs li {
    height: auto;
    width: 23%;
    display: inline-block;
    text-align: center;
}

    .view.view-product-ultimaker3 .header-intro .overlay .list-key-specs li img {
        width: 70%;
        display: inline-block;
    }

    .view.view-product-ultimaker3 .header-intro .overlay .list-key-specs li .description {
        display: block;
        font: normal normal 300 12px 300 12px/12px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.2rem/1.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin-top: 1rem;
    }

.view.view-product-ultimaker3 .header-intro .overlay .scroll-indicator {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-align: center;
    cursor: pointer;
    position: absolute;
    bottom: 3.3%;
    left: 50%;
    opacity: .6;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .view.view-product-ultimaker3 .header-intro .overlay .scroll-indicator [class*=" icon-"], .view.view-product-ultimaker3 .header-intro .overlay .scroll-indicator [class^=icon-] {
        display: block;
        animation: bounce 2s infinite;
    }

.view.view-product-ultimaker3 .hardware-features {
    position: relative;
    overflow: hidden;
}

    .view.view-product-ultimaker3 .hardware-features .scrolling-point {
        top: 60%;
    }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .hardware-features .scrolling-point {
        top: 0;
    }

    .view.view-product-ultimaker3 .hardware-features {
        background: #fff;
        overflow: visible;
    }

        .view.view-product-ultimaker3 .hardware-features:before {
            content: '';
            height: auto;
            width: 120%;
            background: inherit;
            position: absolute;
            top: 0;
            left: 0;
            padding-top: 115%;
            -ms-transform: rotate(-30deg);
            transform: rotate(-30deg);
            -ms-transform-origin: top left;
            transform-origin: top left;
        }

        .view.view-product-ultimaker3 .hardware-features .wrap {
            display: none;
        }
}

.view.view-product-ultimaker3 .hardware-features .wrap {
    background: #fff;
    transform: perspective(1px) skewY(-30deg);
    -ms-transform-origin: top right;
    transform-origin: top right;
    overflow: hidden;
    padding-bottom: 8rem;
}

    .view.view-product-ultimaker3 .hardware-features .wrap .inside {
        background: #fff;
        transform: perspective(1px) skewY(30deg);
    }

.view.view-product-ultimaker3 .hardware-features .mask-hexagon .media {
    height: 74.8%;
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
}

    .view.view-product-ultimaker3 .hardware-features .mask-hexagon .media video {
        height: 100%;
        width: 100%;
        position: absolute;
        top: .1rem;
        right: 0;
    }

.view.view-product-ultimaker3 .hardware-features .mask-hexagon .hexagon-svg .east, .view.view-product-ultimaker3 .hardware-features .mask-hexagon .hexagon-svg .north-east {
    display: none;
}

.view.view-product-ultimaker3 .hardware-features .sequence {
    height: auto;
    width: 50%;
    position: absolute;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 60%;
    transform: translate3d(-50%,-50%,0);
    z-index: 1;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .hardware-features .sequence {
        height: auto;
        width: 100%;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        margin: 0 auto;
    }
}

.view.view-product-ultimaker3 .hardware-features .sequence canvas {
    height: auto;
    width: 100%;
}

.view.view-product-ultimaker3 .hardware-features .sequence .sequence-slider {
    position: relative;
    height: .2rem;
    width: 90%;
    max-width: 40rem;
    margin: 0 auto;
    background: #D1D3D4;
}

.view.view-product-ultimaker3 .hardware-features .sequence .list-features {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

    .view.view-product-ultimaker3 .hardware-features .sequence .list-features li {
        background: #fb203a;
        position: absolute;
        height: 4rem;
        width: 4rem;
        border-radius: 100%;
        color: #fff;
        text-align: center;
        line-height: 4.4rem;
        cursor: pointer;
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    }

        .view.view-product-ultimaker3 .hardware-features .sequence .list-features li [class*=" icon-"], .view.view-product-ultimaker3 .hardware-features .sequence .list-features li [class^=icon-] {
            transition: transform .4s cubic-bezier(.23,1,.32,1);
        }

@media (max-width:479px) {
    .view.view-product-ultimaker3 .hardware-features .sequence .list-features li {
        height: 3rem;
        width: 3rem;
        line-height: 3.4rem;
    }
}

.view.view-product-ultimaker3 .hardware-features .sequence .list-features li.active [class*=" icon-"], .view.view-product-ultimaker3 .hardware-features .sequence .list-features li.active [class^=icon-] {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.view.view-product-ultimaker3 .hardware-features .sequence .list-features li.front {
    display: block;
}

.view.view-product-ultimaker3 .hardware-features .fallback, .view.view-product-ultimaker3 .hardware-features .sequence .list-features li.back {
    display: none;
}

.view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .hardware-features .viewport, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .hardware-features .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .hardware-features .viewport, .view.view-modal .view.view-product-ultimaker3 .hardware-features .holder, .view.view-product-ultimaker3 .hardware-features .header-component, .view.view-product-ultimaker3 .hardware-features .site-frame, .view.view-product-ultimaker3 .hardware-features .view-explore-education .carousel-pioneers .carousel .viewport, .view.view-product-ultimaker3 .hardware-features .view.view-about .carousel-timeline .carousel .viewport, .view.view-product-ultimaker3 .hardware-features .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .view.view-product-ultimaker3 .hardware-features .view.view-modal .holder {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%,0,0);
    padding-top: 47.5%;
}

@media (max-width:800px) {
    .view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .hardware-features .viewport, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .hardware-features .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .hardware-features .viewport, .view.view-modal .view.view-product-ultimaker3 .hardware-features .holder, .view.view-product-ultimaker3 .hardware-features .header-component, .view.view-product-ultimaker3 .hardware-features .site-frame, .view.view-product-ultimaker3 .hardware-features .view-explore-education .carousel-pioneers .carousel .viewport, .view.view-product-ultimaker3 .hardware-features .view.view-about .carousel-timeline .carousel .viewport, .view.view-product-ultimaker3 .hardware-features .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .view.view-product-ultimaker3 .hardware-features .view.view-modal .holder {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        background: #fff;
        padding-top: 0;
        margin-top: 50%;
    }
}

.view.view-product-ultimaker3 .hardware-features .info {
    max-width: 35rem;
    margin-top: 10%;
    position: relative;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .hardware-features .info {
        height: auto;
        width: 100%;
        max-width: 100%;
        margin-top: 20%;
    }
}

.view.view-product-ultimaker3 .hardware-features .info .heading-title {
    margin: 0 0 2rem;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .hardware-features .info .heading-title {
        margin: 0 0 3.3rem;
    }
}

.view.view-product-ultimaker3 .hardware-features .info .copy-default {
    margin-left: 2.7rem;
    margin-bottom: 2rem;
}

.view.view-product-ultimaker3 .hardware-features .info .accordion {
    margin: 5rem 0 3rem 2.7rem;
}

    .view.view-product-ultimaker3 .hardware-features .info .accordion li {
        font: normal normal 400 18px 400 18px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 1.8rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin: 0 0 1rem;
        position: relative;
    }

        .view.view-product-ultimaker3 .hardware-features .info .accordion li .toggler {
            cursor: pointer;
        }

            .view.view-product-ultimaker3 .hardware-features .info .accordion li .toggler [class*=" icon-"], .view.view-product-ultimaker3 .hardware-features .info .accordion li .toggler [class^=icon-] {
                position: absolute;
                top: .5rem;
                left: -2.7rem;
            }

            .view.view-product-ultimaker3 .hardware-features .info .accordion li .toggler.active [class*=" icon-"]:after, .view.view-product-ultimaker3 .hardware-features .info .accordion li .toggler.active [class^=icon-]:after {
                height: 0;
            }

        .view.view-product-ultimaker3 .hardware-features .info .accordion li .hider {
            height: 0;
            overflow: hidden;
        }

            .view.view-product-ultimaker3 .hardware-features .info .accordion li .hider .copy-default {
                margin: 1.3rem 0 0;
            }

.view.view-product-ultimaker3 .hardware-features .info .list-default, .view.view-product-ultimaker3 .hardware-features .info .list-numbered {
    margin: 0 0 0 2.7rem;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .hardware-features .fallback {
        padding-top: 172.5%;
        position: relative;
        margin: 20% 0 0;
        display: block;
    }

        .view.view-product-ultimaker3 .hardware-features .fallback .rotator {
            position: absolute;
            top: 33%;
            left: 0;
            -ms-transform: rotate(-30deg);
            transform: rotate(-30deg);
            -ms-transform-origin: bottom left;
            transform-origin: bottom left;
            padding-top: 115%;
            width: 182%;
            overflow: hidden;
        }

            .view.view-product-ultimaker3 .hardware-features .fallback .rotator .image {
                position: absolute;
                width: 54.946%;
                top: -33%;
                left: 22.7%;
                -ms-transform: rotate(30deg);
                transform: rotate(30deg);
                padding-top: 104.5%;
            }

                .view.view-product-ultimaker3 .hardware-features .fallback .rotator .image img {
                    width: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
}

.view.view-product-ultimaker3 .dual-extrusion {
    font: 0/0 a;
    position: relative;
    background: #fff;
    padding: 0;
}

    .view.view-product-ultimaker3 .dual-extrusion .scrolling-point {
        top: 45%;
    }

    .view.view-product-ultimaker3 .dual-extrusion .info {
        display: inline-block;
        vertical-align: top;
        max-width: 28rem;
    }

        .view.view-product-ultimaker3 .dual-extrusion .info .heading-title {
            margin: 0 0 7rem;
        }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .dual-extrusion {
        padding-top: 1rem;
    }

        .view.view-product-ultimaker3 .dual-extrusion .scrolling-point {
            top: 0;
        }

        .view.view-product-ultimaker3 .dual-extrusion .info {
            width: 100%;
            max-width: 100%;
        }

            .view.view-product-ultimaker3 .dual-extrusion .info .heading-title {
                margin: 0 0 3.3rem;
            }
}

.view.view-product-ultimaker3 .dual-extrusion .info .heading-title .line:nth-child(2) {
    margin-left: 7.4rem;
}

.view.view-product-ultimaker3 .dual-extrusion .info .heading-title .line:nth-child(3) {
    margin-left: 2.5rem;
}

.view.view-product-ultimaker3 .dual-extrusion .info .copy-default {
    margin: 0 0 2.2rem;
}

.view.view-product-ultimaker3 .dual-extrusion .image-stack {
    position: absolute;
    top: 50%;
    right: 0;
    width: 55%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .view.view-product-ultimaker3 .dual-extrusion .image-stack:before {
        content: '';
        display: block;
        padding-top: 58%;
    }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .dual-extrusion .image-stack {
        position: relative;
        top: auto;
        right: auto;
        -ms-transform: none;
        transform: none;
        width: 100%;
        margin: 6rem 0 0;
    }
}

.view.view-product-ultimaker3 .dual-extrusion .image-stack .final, .view.view-product-ultimaker3 .dual-extrusion .image-stack .hider {
    overflow: hidden;
}

    .view.view-product-ultimaker3 .dual-extrusion .image-stack .final figure, .view.view-product-ultimaker3 .dual-extrusion .image-stack .hider figure {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
        width: 40rem;
    }

@media (max-width:1024px) {
    .view.view-product-ultimaker3 .dual-extrusion .image-stack .final figure, .view.view-product-ultimaker3 .dual-extrusion .image-stack .hider figure {
        height: auto;
        width: 30rem;
    }
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .dual-extrusion .image-stack .final figure, .view.view-product-ultimaker3 .dual-extrusion .image-stack .hider figure {
        height: auto;
        width: 20rem;
        left: 8rem;
    }
}

.view.view-product-ultimaker3 .dual-extrusion .image-stack .final figure img, .view.view-product-ultimaker3 .dual-extrusion .image-stack .hider figure img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.view.view-product-ultimaker3 .dual-extrusion .image-stack .final {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .view.view-product-ultimaker3 .dual-extrusion .image-stack .final:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(to bottom,rgba(28,212,243,0) 0,rgba(12,169,227,.2) 50%,rgba(28,212,243,0) 100%);
    }

.view.view-product-ultimaker3 .dual-extrusion .image-stack .hider {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    border-right: 2px solid #D1D3D4;
}

.view.view-product-ultimaker3 .dual-extrusion .image-stack .drag-knob {
    top: 3rem;
    left: -3rem;
    z-index: 1;
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}

.view.view-product-ultimaker3 .materials {
    background: #fff;
    position: relative;
    margin: 0;
    padding: 15% 0 0;
}

    .view.view-product-ultimaker3 .materials .scrolling-point {
        top: 65%;
    }

    .view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .materials .viewport, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .materials .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .materials .viewport, .view.view-modal .view.view-product-ultimaker3 .materials .holder, .view.view-product-ultimaker3 .materials .header-component, .view.view-product-ultimaker3 .materials .site-frame, .view.view-product-ultimaker3 .materials .view-explore-education .carousel-pioneers .carousel .viewport, .view.view-product-ultimaker3 .materials .view.view-about .carousel-timeline .carousel .viewport, .view.view-product-ultimaker3 .materials .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .view.view-product-ultimaker3 .materials .view.view-modal .holder {
        position: static;
    }

    .view.view-product-ultimaker3 .materials .header-description {
        font: 0/0 a;
        margin: 0 0 8.2rem;
        position: relative;
    }

        .view.view-product-ultimaker3 .materials .header-description .heading-title {
            display: inline-block;
            vertical-align: middle;
            margin: 0 9.6rem 0 0;
        }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .materials .scrolling-point {
        top: 0;
    }

    .view.view-product-ultimaker3 .materials .header-description .heading-title {
        margin: 0 0 3.3rem;
    }
}

.view.view-product-ultimaker3 .materials .header-description .heading-title .line {
    display: block;
}

    .view.view-product-ultimaker3 .materials .header-description .heading-title .line:nth-child(1) {
        margin-left: 1.7rem;
    }

    .view.view-product-ultimaker3 .materials .header-description .heading-title .line:nth-child(3) {
        margin-left: 4.9rem;
    }

.view.view-product-ultimaker3 .materials .header-description .copy-article {
    max-width: 68rem;
    display: inline-block;
    vertical-align: middle;
}

.view.view-product-ultimaker3 .materials .list-materials, .view.view-product-ultimaker3 .materials .list-models {
    display: inline-block;
    font: 0/0 a;
    margin: 0 3.7rem 0 0;
    position: relative;
    z-index: 1;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .materials .list-materials, .view.view-product-ultimaker3 .materials .list-models {
        width: 100%;
        display: table;
        text-align: center;
        max-width: 35rem;
        margin: 0 auto 1.5rem;
    }
}

.view.view-product-ultimaker3 .materials .list-materials li, .view.view-product-ultimaker3 .materials .list-models li {
    font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    display: inline-block;
    line-height: 6rem;
    color: inherit;
    padding: 0 1rem;
    box-sizing: border-box;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    transition: background .4s cubic-bezier(.23,1,.32,1),border .3s cubic-bezier(.23,1,.32,1);
    cursor: pointer;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .materials .list-materials li, .view.view-product-ultimaker3 .materials .list-models li {
        font-size: 1.4rem;
        padding: 0 1.2rem;
        display: table-cell;
        vertical-align: middle;
    }
}

.view.view-product-ultimaker3 .materials .list-materials li:not(.title), .view.view-product-ultimaker3 .materials .list-models li:not(.title) {
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

    .view.view-product-ultimaker3 .materials .list-materials li:not(.title).active, .view.view-product-ultimaker3 .materials .list-materials li:not(.title):hover, .view.view-product-ultimaker3 .materials .list-models li:not(.title).active, .view.view-product-ultimaker3 .materials .list-models li:not(.title):hover {
        background: #F5F5F5;
        border-color: #D4D4D4;
    }

.view.view-product-ultimaker3 .materials .list-materials li:last-child, .view.view-product-ultimaker3 .materials .list-models li:last-child {
    border-right: 1px solid #D4D4D4;
}

.view.view-product-ultimaker3 .materials .list-materials li.title, .view.view-product-ultimaker3 .materials .list-models li.title {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #9A9A9A;
    display: block;
    padding: 0;
    cursor: default;
}

.view.view-product-ultimaker3 .materials .list-materials.inactive li, .view.view-product-ultimaker3 .materials .list-models.inactive li {
    margin: 0 2rem 0 0;
    padding: 0;
    cursor: default;
}

    .view.view-product-ultimaker3 .materials .list-materials.inactive li:last-child, .view.view-product-ultimaker3 .materials .list-materials.inactive li:not(.title), .view.view-product-ultimaker3 .materials .list-materials.inactive li:nth-child(2), .view.view-product-ultimaker3 .materials .list-models.inactive li:last-child, .view.view-product-ultimaker3 .materials .list-models.inactive li:not(.title), .view.view-product-ultimaker3 .materials .list-models.inactive li:nth-child(2) {
        border: none;
    }

    .view.view-product-ultimaker3 .materials .list-materials.inactive li:not(.title), .view.view-product-ultimaker3 .materials .list-models.inactive li:not(.title) {
        color: #D4D4D4;
    }

    .view.view-product-ultimaker3 .materials .list-materials.inactive li:hover, .view.view-product-ultimaker3 .materials .list-models.inactive li:hover {
        background: 0 0;
        border-color: transparent;
    }

.view.view-product-ultimaker3 .materials .list-materials li:nth-child(2), .view.view-product-ultimaker3 .materials .list-models li:nth-child(1) {
    border-left: 1px solid #D4D4D4;
}

.view.view-product-ultimaker3 .materials .list-materials {
    margin-bottom: 4rem;
}

.view.view-product-ultimaker3 .materials .list-models {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .materials .list-materials li.title, .view.view-product-ultimaker3 .materials .list-materials.inactive, .view.view-product-ultimaker3 .materials .list-models li.title, .view.view-product-ultimaker3 .materials .list-models.inactive {
        display: none;
    }

    .view.view-product-ultimaker3 .materials .list-materials {
        margin-bottom: 2rem;
    }

    .view.view-product-ultimaker3 .materials .list-models {
        width: 100%;
        position: relative;
        bottom: auto;
        right: auto;
        margin: 0 auto 7rem;
    }
}

.view.view-product-ultimaker3 .materials .list-models li {
    height: 6rem;
    width: 6rem;
    padding: 0;
}

    .view.view-product-ultimaker3 .materials .list-models li img {
        height: auto;
        width: 100%;
    }

.view.view-product-ultimaker3 .materials .info {
    max-width: 37.5rem;
    min-height: 50rem;
    position: relative;
    z-index: 2;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .materials .info {
        max-width: 100%;
        width: 100%;
    }
}

.view.view-product-ultimaker3 .materials .info .heading-sub {
    margin: 0 0 1rem;
}

.view.view-product-ultimaker3 .materials .info .copy-default {
    margin: 0 0 3rem;
}

.view.view-product-ultimaker3 .materials .info .table-compatibility {
    height: auto;
    width: 100%;
    text-align: left;
    margin: 1.8rem 0 1.5rem;
}

    .view.view-product-ultimaker3 .materials .info .table-compatibility tr th {
        font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-family: "Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,sans-serif;
        line-height: 4rem;
        border-bottom: 1px solid #000;
        padding: 0 0 0 .9rem;
    }

    .view.view-product-ultimaker3 .materials .info .table-compatibility tr td {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        line-height: 4rem;
        border-bottom: 1px solid #D4D4D4;
        padding: 0 0 0 .9rem;
    }

    .view.view-product-ultimaker3 .materials .info .table-compatibility tr:last-child td {
        border: none;
    }

.view.view-product-ultimaker3 .materials .header-description, .view.view-product-ultimaker3 .materials .info, .view.view-product-ultimaker3 .materials .list-materials, .view.view-product-ultimaker3 .materials .list-models {
    transition: opacity .4s cubic-bezier(.23,1,.32,1);
}

.view.view-product-ultimaker3 .materials.expanded .scenery {
    height: auto;
    width: 100%;
    max-width: 100%;
}

    .view.view-product-ultimaker3 .materials.expanded .scenery .holder {
        right: -6.5%;
    }

        .view.view-product-ultimaker3 .materials.expanded .scenery .holder:before {
            content: '';
            display: block;
            padding-top: 85%;
        }

        .view.view-product-ultimaker3 .materials.expanded .scenery .holder .inner .image {
            display: block;
        }

    .view.view-product-ultimaker3 .materials.expanded .scenery .model {
        bottom: 5%;
    }

    .view.view-product-ultimaker3 .materials.expanded .scenery .toggler {
        top: 53%;
        right: 10.5%;
    }

    .view.view-product-ultimaker3 .materials.expanded .scenery .scene-description {
        opacity: 1;
        visibility: visible;
    }

.view.view-product-ultimaker3 .materials.expanded .header-description, .view.view-product-ultimaker3 .materials.expanded .info, .view.view-product-ultimaker3 .materials.expanded .list-materials, .view.view-product-ultimaker3 .materials.expanded .list-models, .view.view-product-ultimaker3 .scenery .model img:nth-child(2), .view.view-product-ultimaker3 .scenery .model.active img {
    opacity: 0;
}

.view.view-product-ultimaker3 .scenery {
    height: auto;
    width: 80%;
    max-width: 130rem;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: width .5s cubic-bezier(.23,1,.32,1);
}

    .view.view-product-ultimaker3 .scenery:before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .scenery {
        height: auto;
        width: 100%;
        max-width: 100%;
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 40%;
    }

        .view.view-product-ultimaker3 .scenery:before {
            display: none;
        }
}

.view.view-product-ultimaker3 .scenery .holder {
    height: auto;
    width: 60%;
    position: absolute;
    bottom: 0;
    right: 0;
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    transition: right .4s cubic-bezier(.23,1,.32,1);
}

    .view.view-product-ultimaker3 .scenery .holder:before {
        content: '';
        display: block;
        padding-top: 50%;
        transition: padding-top .4s cubic-bezier(.23,1,.32,1);
    }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .scenery .holder {
        position: relative;
        width: 100%;
        bottom: auto;
        right: auto;
        max-width: 100%;
        margin: 30% 20% 0;
    }
}

.view.view-product-ultimaker3 .scenery .holder .inner {
    height: 100%;
    width: 100%;
    background: #F5F5F5;
    position: absolute;
    top: 50%;
    left: 80%;
    -ms-transform: skewX(30deg) translate(-50%,-50%);
    transform: skewX(30deg) translate(-50%,-50%);
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    overflow: hidden;
}

    .view.view-product-ultimaker3 .scenery .holder .inner .background-mask-inverter {
        -ms-transform: skew(-30deg);
        transform: skew(-30deg);
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    }

        .view.view-product-ultimaker3 .scenery .holder .inner .background-mask-inverter .inside-inverter {
            -ms-transform: rotate(30deg);
            transform: rotate(30deg);
            -ms-transform-origin: bottom left;
            transform-origin: bottom left;
        }

    .view.view-product-ultimaker3 .scenery .holder .inner .image {
        bottom: auto;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        position: absolute;
        top: 50%;
        left: 86.2%;
        display: none;
        transform: translate(-50%,-50%);
        width: 180%;
    }

        .view.view-product-ultimaker3 .scenery .holder .inner .image img {
            width: 100%;
        }

.view.view-product-ultimaker3 .scenery .model {
    width: 25%;
    position: absolute;
    top: 20%;
    right: 25%;
    z-index: 1;
    cursor: pointer;
    transition: bottom .4s cubic-bezier(.23,1,.32,1);
}

    .view.view-product-ultimaker3 .scenery .model:before {
        content: '';
        display: block;
        padding-top: 150%;
    }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .scenery .holder .inner .image {
        display: block;
    }

    .view.view-product-ultimaker3 .scenery .model {
        position: relative;
        width: 50%;
        right: auto;
        bottom: auto;
        margin: -75% 0 0 30%;
    }

    .view.view-product-ultimaker3 .scenery .toggler {
        display: none;
    }
}

.view.view-product-ultimaker3 .scenery .model img {
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .5s cubic-bezier(.23,1,.32,1);
}

.view.view-product-ultimaker3 .scenery .model.active img:nth-child(2) {
    opacity: 1;
}

.view.view-product-ultimaker3 .scenery .toggler {
    height: 6rem;
    width: 6rem;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 20%;
    right: 2%;
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    padding: 2.2rem 0;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    z-index: 1;
    transition: top .4s cubic-bezier(.23,1,.32,1),right .4s cubic-bezier(.23,1,.32,1);
}

.view.view-product-ultimaker3 .scenery .scene-description {
    background: #fff;
    -ms-transform: skewY(-30deg);
    transform: skewY(-30deg);
    width: 28rem;
    left: 20%;
    padding: 4rem;
    position: absolute;
    bottom: 20%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s cubic-bezier(.23,1,.32,1);
}

    .view.view-product-ultimaker3 .scenery .scene-description:before {
        content: '';
        display: block;
        padding-top: 110%;
    }

    .view.view-product-ultimaker3 .scenery .scene-description .inner {
        -ms-transform: skewY(30deg) translateY(-50%);
        transform: skewY(30deg) translateY(-50%);
        position: absolute;
        top: 48%;
        left: 0;
        padding: 5rem 3rem;
    }

        .view.view-product-ultimaker3 .scenery .scene-description .inner .heading-title {
            margin: 0 0 2rem;
        }

.view.view-product-ultimaker3 .manufacturing {
    position: relative;
    background: #fff;
    padding: 15% 0 5%;
}

    .view.view-product-ultimaker3 .manufacturing .scrolling-point {
        top: 62%;
    }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .manufacturing {
        padding: 0 0 15rem;
    }

        .view.view-product-ultimaker3 .manufacturing .scrolling-point {
            top: 0;
        }
}

.view.view-product-ultimaker3 .manufacturing .media {
    width: 55%;
    position: absolute;
    top: 60%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

    .view.view-product-ultimaker3 .manufacturing .media:before {
        content: '';
        display: block;
        padding-top: 148.37713%;
    }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .manufacturing .media {
        width: 90%;
        position: relative;
        top: auto;
        left: auto;
        -ms-transform: none;
        transform: none;
        margin: 0 0 2rem;
    }
}

.view.view-product-ultimaker3 .manufacturing .media img {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
}

.view.view-product-ultimaker3 .manufacturing .info {
    max-width: 35rem;
    float: right;
    /*margin-right: 8rem;*/
}

    .view.view-product-ultimaker3 .manufacturing .info .heading-title {
        margin: 0 0 7rem;
    }

        .view.view-product-ultimaker3 .manufacturing .info .heading-title .line:nth-child(1) {
            /*/ margin-left: 7rem;*/
        }

    .view.view-product-ultimaker3 .manufacturing .info .copy-default {
        margin: 0 0 2.2rem;
    }

.view.view-product-ultimaker3 .product-list {
    position: relative;
}

    .view.view-product-ultimaker3 .product-list:before {
        content: '';
        display: block;
        padding-top: 50%;
    }

    .view.view-product-ultimaker3 .product-list .scrolling-point {
        top: 67%;
    }

@media (max-width:800px) {
    .view.view-product-ultimaker3 .manufacturing .info {
        max-width: 100%;
        width: 100%;
        float: none;
    }

    .view.view-product-ultimaker3 .product-list .scrolling-point {
        top: 0;
    }
}

.view.view-product-ultimaker3 .product-list .mask-hexagon {
    position: absolute;
    top: 0;
    left: 0;
}

    .view.view-product-ultimaker3 .product-list .mask-hexagon .media {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }

        .view.view-product-ultimaker3 .product-list .mask-hexagon .media img {
            position: absolute;
            top: 0;
            left: 50%;
            bottom: auto;
            right: auto;
            -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
            width: 100%;
            height: auto;
        }

    .view.view-product-ultimaker3 .product-list .mask-hexagon .hexagon-svg .side {
        display: none;
    }

    .view.view-product-ultimaker3 .product-list .mask-hexagon .mask {
        height: 50%;
        width: 100%;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
    }

.view.view-product-ultimaker3 .product-list .cta-holder {
    height: 50%;
    width: 100%;
    background: #fff;
    margin-top: -28.6rem;
    padding: 0 0 12.5rem;
    font: 0/0 a;
}

@media (max-width:1024px) {
    .view.view-product-ultimaker3 .product-list .cta-holder {
        margin-top: -23.6rem;
    }
}

.view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport, .view.view-modal .view.view-product-ultimaker3 .product-list .cta-holder .holder, .view.view-product-ultimaker3 .product-list .cta-holder .header-component, .view.view-product-ultimaker3 .product-list .cta-holder .site-frame, .view.view-product-ultimaker3 .product-list .cta-holder .view-explore-education .carousel-pioneers .carousel .viewport, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-about .carousel-timeline .carousel .viewport, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-modal .holder {
    display: table;
    width: 100%;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .product-list .cta-holder {
        margin-top: -28.6rem;
    }

        .view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport, .view.view-modal .view.view-product-ultimaker3 .product-list .cta-holder .holder, .view.view-product-ultimaker3 .product-list .cta-holder .header-component, .view.view-product-ultimaker3 .product-list .cta-holder .site-frame, .view.view-product-ultimaker3 .product-list .cta-holder .view-explore-education .carousel-pioneers .carousel .viewport, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-about .carousel-timeline .carousel .viewport, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-modal .holder {
            display: block;
        }
}

.view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item, .view.view-modal .view.view-product-ultimaker3 .product-list .cta-holder .holder .item, .view.view-product-ultimaker3 .product-list .cta-holder .header-component .item, .view.view-product-ultimaker3 .product-list .cta-holder .site-frame .item, .view.view-product-ultimaker3 .product-list .cta-holder .view-explore-education .carousel-pioneers .carousel .viewport .item, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-about .carousel-timeline .carousel .viewport .item, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .item, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-modal .holder .item {
    height: auto;
    width: 38%;
    display: table-cell;
    vertical-align: bottom;
}

    .view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item:last-child, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item:last-child, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item:last-child, .view.view-modal .view.view-product-ultimaker3 .product-list .cta-holder .holder .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .header-component .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .site-frame .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .view-explore-education .carousel-pioneers .carousel .viewport .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-about .carousel-timeline .carousel .viewport .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-modal .holder .item:last-child {
        vertical-align: top;
        padding-top: 40%;
    }

.view.view-product-ultimaker3 .product-list .additional-info, .view.view-product-ultimaker3 .product-list .printer-cta {
    display: block;
    max-width: 28rem;
    width: 100%;
}

    .view.view-product-ultimaker3 .product-list .additional-info .description, .view.view-product-ultimaker3 .product-list .printer-cta .description {
        text-align: left;
        text-align-last: left;
    }

@media (max-width:1024px) {
    .view.view-product-ultimaker3 .product-list .additional-info, .view.view-product-ultimaker3 .product-list .printer-cta {
        max-width: 20rem;
    }

    .view.view-product-ultimaker3 .product-list .printer-cta {
        min-height: 71rem;
    }
}

@media (max-width:800px) {
    .view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item, .view.view-modal .view.view-product-ultimaker3 .product-list .cta-holder .holder .item, .view.view-product-ultimaker3 .product-list .cta-holder .header-component .item, .view.view-product-ultimaker3 .product-list .cta-holder .site-frame .item, .view.view-product-ultimaker3 .product-list .cta-holder .view-explore-education .carousel-pioneers .carousel .viewport .item, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-about .carousel-timeline .carousel .viewport .item, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .item, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-modal .holder .item {
        width: 100%;
        display: block;
    }

        .view-explore-education .carousel-pioneers .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item:last-child, .view.view-about .carousel-timeline .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item:last-child, .view.view-community-hall-of-fame .carousel-leaders .carousel .view.view-product-ultimaker3 .product-list .cta-holder .viewport .item:last-child, .view.view-modal .view.view-product-ultimaker3 .product-list .cta-holder .holder .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .header-component .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .site-frame .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .view-explore-education .carousel-pioneers .carousel .viewport .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-about .carousel-timeline .carousel .viewport .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .item:last-child, .view.view-product-ultimaker3 .product-list .cta-holder .view.view-modal .holder .item:last-child {
            padding-top: 0;
        }

    .view.view-product-ultimaker3 .product-list .additional-info, .view.view-product-ultimaker3 .product-list .printer-cta {
        max-width: 28rem;
    }

    .view.view-product-ultimaker3 .product-list .printer-cta {
        display: block;
        margin: 0 auto 5rem;
    }

        .view.view-product-ultimaker3 .product-list .printer-cta .image {
            width: 100%;
            margin: 0 0 5rem;
            display: inline-block;
        }
}

.view.view-product-ultimaker3 .product-list .printer-cta .image {
    display: inline-block;
    margin: 0 0 5rem;
}

    .view.view-product-ultimaker3 .product-list .printer-cta .image img {
        height: auto;
        width: 100%;
        display: block;
    }

.view.view-product-ultimaker3 .product-list .printer-cta .heading-title {
    margin: 0 0 1rem;
}

.view.view-product-ultimaker3 .product-list .printer-cta .price {
    font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    display: block;
    margin: 0 0 1.4rem;
}

    .view.view-product-ultimaker3 .product-list .printer-cta .price small {
        font: normal normal 300 12px 300 12px/12px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.2rem/1.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

.view.view-product-ultimaker3 .product-list .printer-cta .spec {
    font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    display: block;
    margin: 0 0 3rem;
}

    .view.view-product-ultimaker3 .product-list .printer-cta .spec small {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        display: block;
        color: #9A9A9A;
    }

.view.view-product-ultimaker3 .product-list .additional-info [class*=" icon-"], .view.view-product-ultimaker3 .product-list .additional-info [class^=icon-] {
    font-size: 1.2rem;
}

@media (max-width:800px) {
    .view.view-product-ultimaker3 .product-list .additional-info {
        display: block;
        margin: 0 auto;
    }
}

.view.view-product-ultimaker3 .product-list .additional-info .heading-title {
    margin: 0 0 5.4rem;
}

    .view.view-product-ultimaker3 .product-list .additional-info .heading-title .line {
        display: block;
    }

        .view.view-product-ultimaker3 .product-list .additional-info .heading-title .line:nth-child(2) {
            margin-left: 3.6rem;
        }

.view.view-product-ultimaker3 .product-list .additional-info .list-default, .view.view-product-ultimaker3 .product-list .additional-info .list-numbered {
    font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

    .view.view-product-ultimaker3 .product-list .additional-info .list-default li, .view.view-product-ultimaker3 .product-list .additional-info .list-numbered li {
        margin: 0 0 1rem;
    }

.view.view-product-ultimaker3 .in-the-making {
    position: relative;
    background: #fff;
}

    .view.view-product-ultimaker3 .in-the-making .info {
        max-width: 31.3rem;
        position: absolute;
        top: 0;
        left: 4%;
    }

@media (max-width:1024px) {
    .view.view-product-ultimaker3 .in-the-making .info {
        position: relative;
        max-width: 100%;
        width: 100%;
        top: auto;
        left: auto;
        margin: 0 0 3rem;
    }
}

.view.view-product-ultimaker3 .in-the-making .info .heading-title {
    margin: 0 0 7rem;
}

    .view.view-product-ultimaker3 .in-the-making .info .heading-title .line:nth-child(1) {
        margin-left: 4rem;
    }

    .view.view-product-ultimaker3 .in-the-making .info .heading-title .line:nth-child(2) {
        margin-left: .1rem;
    }

.view.view-product-ultimaker3 .in-the-making .grid-hexagon {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 2;
}

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon:before {
        content: '';
        display: block;
        padding-top: 99%;
    }

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon {
        padding-bottom: 28.75%;
        width: 100%;
        font: 0/0 a;
    }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon:before {
            display: none;
        }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .heading-sub, .view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .heading-title {
    padding: 0 1.5rem;
    box-sizing: border-box;
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .s0 {
    position: absolute;
    width: 25%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s0 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s0:nth-child(2n):after {
            content: '';
            display: block;
        }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s0:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .s1 {
    position: absolute;
    width: 25%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s1 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s1:nth-child(2n):after {
            content: '';
            display: block;
        }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s1:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .s2 {
    position: absolute;
    width: 25%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s2 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s2:nth-child(2n):after {
            content: '';
            display: block;
        }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s2:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .s3 {
    position: absolute;
    width: 25%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s3 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s3:nth-child(2n):after {
            content: '';
            display: block;
        }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s3:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .s4 {
    position: absolute;
    width: 25%;
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .x0 {
    left: -12.5%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s4 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s4:nth-child(2n):after {
            content: '';
            display: block;
        }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .s4:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .x0 {
        left: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .x1 {
    left: 12.5%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .x1 {
        left: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .x2 {
    left: 37.5%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .x2 {
        left: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .x3 {
    left: 62.5%;
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0 {
    top: 0;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .x3 {
        left: auto;
    }

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0 {
        top: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0.x0 {
    left: 0;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0.x0 {
        left: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0.x1 {
    left: 25%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0.x1 {
        left: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0.x2 {
    left: 50%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0.x2 {
        left: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0.x3 {
    left: 75%;
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y1 {
    top: 21.73913%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y0.x3 {
        left: auto;
    }

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y1 {
        top: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2 {
    top: 43.47826%;
}

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2.x0 {
        left: 0;
    }

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2 {
        top: auto;
    }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2.x0 {
            left: auto;
        }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2.x1 {
    left: 25%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2.x1 {
        left: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2.x2 {
    left: 50%;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2.x2 {
        left: auto;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2.x3 {
    left: 75%;
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .y3 {
    top: 65.21739%;
}

@media (max-width:1024px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .heading-title {
        font-size: 2rem;
        line-height: 2.2rem;
        margin: 0;
    }

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .heading-sub {
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y2.x3 {
        left: auto;
    }

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .y3 {
        top: auto;
    }

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .btn.plain {
        font-size: 1.3rem;
        line-height: 2.2rem;
        margin: .4rem 0 0;
    }

    .view.view-product-ultimaker3 .in-the-making .grid:before {
        content: none;
    }
}

.view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.3);
    transition: background .4s cubic-bezier(.23,1,.32,1);
}

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .play [class*=" icon-"], .view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .play [class^=icon-] {
        font-size: 5rem;
        color: #fff;
        transition: color .4s cubic-bezier(.23,1,.32,1);
    }

    .view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .play:hover {
        background: 0 0;
    }

        .view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .play:hover [class*=" icon-"], .view.view-product-ultimaker3 .in-the-making .grid-hexagon .item-hexagon .play:hover [class^=icon-] {
            color: #000;
        }

.nav-hexagon {
    position: fixed;
    top: 50%;
    right: 5%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 6rem 0 0;
    z-index: 2;
}

@media (max-width:800px) {
    .nav-hexagon {
        display: none;
    }
}

.nav-hexagon .indicator {
    height: 4.4rem;
    width: 3.8rem;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .nav-hexagon .indicator svg {
        height: 100%;
        width: 100%;
    }

        .nav-hexagon .indicator svg .side {
            display: block;
            fill: rgba(218,218,218,.3);
            transition: fill .4s cubic-bezier(.23,1,.32,1);
            cursor: pointer;
        }

            .nav-hexagon .indicator svg .side.active, .nav-hexagon .indicator svg .side.hover {
                fill: #dadada;
            }

.nav-hexagon .navigator {
    pointer-events: none;
    height: 0;
    width: 0;
    transition: width 0s cubic-bezier(.25,.25,.75,.75),height 0s cubic-bezier(.25,.25,.75,.75);
    transition-delay: 1s;
}

    .nav-hexagon .navigator li {
        font: normal normal 400 18px 400 18px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 1.8rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        display: block;
        padding: .5rem 0;
        text-align: right;
        color: rgba(218,218,218,.3);
        cursor: pointer;
        transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);
        opacity: 0;
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

        .nav-hexagon .navigator li [class*=" icon-"], .nav-hexagon .navigator li [class^=icon-] {
            font-size: 1rem;
        }

        .nav-hexagon .navigator li:nth-child(6) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s 0s cubic-bezier(.23,1,.32,1),transform .5s 0s cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon .navigator li:nth-child(5) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s 50ms cubic-bezier(.23,1,.32,1),transform .5s 50ms cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon .navigator li:nth-child(4) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s .1s cubic-bezier(.23,1,.32,1),transform .5s .1s cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon .navigator li:nth-child(3) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s .15s cubic-bezier(.23,1,.32,1),transform .5s .15s cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon .navigator li:nth-child(2) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s .2s cubic-bezier(.23,1,.32,1),transform .5s .2s cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon .navigator li:nth-child(1) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s .25s cubic-bezier(.23,1,.32,1),transform .5s .25s cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon .navigator li.active, .nav-hexagon .navigator li.hover {
            color: #dadada;
        }

        .nav-hexagon .navigator li.active {
            margin-right: 1rem;
        }

            .nav-hexagon .navigator li.active.hover {
                margin-right: 0;
            }

.nav-hexagon.inverted ul li {
    color: rgba(0,0,0,.4);
}

    .nav-hexagon.inverted ul li.active, .nav-hexagon.inverted ul li.hover {
        color: #000;
    }

.nav-hexagon.hovering .navigator {
    pointer-events: auto;
    width: 16rem;
    height: 22rem;
    transition-delay: 0s;
}

    .nav-hexagon.hovering .navigator li {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

        .nav-hexagon.hovering .navigator li.active {
            color: rgba(218,218,218,.3);
        }

            .nav-hexagon.hovering .navigator li.active.hover {
                color: #dadada;
            }

        .nav-hexagon.hovering .navigator li:nth-child(1) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s 0s cubic-bezier(.23,1,.32,1),transform .5s 0s cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon.hovering .navigator li:nth-child(2) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s 50ms cubic-bezier(.23,1,.32,1),transform .5s 50ms cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon.hovering .navigator li:nth-child(3) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s .1s cubic-bezier(.23,1,.32,1),transform .5s .1s cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon.hovering .navigator li:nth-child(4) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s .15s cubic-bezier(.23,1,.32,1),transform .5s .15s cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon.hovering .navigator li:nth-child(5) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s .2s cubic-bezier(.23,1,.32,1),transform .5s .2s cubic-bezier(.23,1,.32,1);
        }

        .nav-hexagon.hovering .navigator li:nth-child(6) {
            transition: color .4s cubic-bezier(.23,1,.32,1),margin-right .4s cubic-bezier(.23,1,.32,1),opacity .5s .25s cubic-bezier(.23,1,.32,1),transform .5s .25s cubic-bezier(.23,1,.32,1);
        }

.nav-hexagon.hovering .indicator svg .side.active {
    fill: rgba(218,218,218,.3);
}

    .nav-hexagon.hovering .indicator svg .side.active.hover {
        fill: #dadada;
    }

.nav-hexagon.hovering.inverted li.active {
    color: rgba(0,0,0,.4);
}

    .nav-hexagon.hovering.inverted li.active.hover {
        color: #000;
    }

.solutions-cta .banner .media:before {
    content: '';
    display: block;
    padding-top: 73.33333%;
}

.solutions-cta .banner .overlay {
    height: 100%;
    width: 100%;
    max-width: 36rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3rem 4rem;
}

    .solutions-cta .banner .overlay .copy-default {
        font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    .solutions-cta .banner .overlay .btn {
        position: absolute;
        left: 4rem;
        bottom: 3rem;
    }

.article-resources .content > * {
    margin: 0 0 1.5rem;
}

.article-resources .content .content-image, .article-resources .content .content-video, .article-resources .content .decoda-list {
    margin: 0 0 2.5rem;
}

.article-resources .content .content-video {
    height: auto;
    width: 100%;
    position: relative;
}

    .article-resources .content .content-video:before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }

    .article-resources .content .content-video iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }

.article-resources .content .heading-page, .article-resources .content h1 {
    font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article-resources .content .heading-title, .article-resources .content h2 {
    font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article-resources .content .heading-sub, .article-resources .content h3 {
    font: normal normal 400 18px 400 18px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.8rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article-resources .content .heading-article, .article-resources .content h4 {
    font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article-resources .content .heading-copy, .article-resources .content h5 {
    font: normal normal 400 14px 400 14px/24px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.4rem/2.4rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article-resources .content .copy-article, .article-resources .content p {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article-resources .content .copy-default {
    font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article-resources .content .copy-small {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article-resources .content .copy-meta {
    font: normal normal 300 12px 300 12px/12px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.2rem/1.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article-resources .content a {
    color: #fb203a;
}

    .article-resources .content a.btn {
        color: #fff;
    }

    .article-resources .content .sceditor-header-picker.content--support a, .article-resources .content .sceditor-header-picker.support a, .article-resources .content .supportpopup a.forever-close, .article-resources .content a.asset-download, .article-resources .content a.link-default, .article-resources .content.content--support a, .article-resources .content.support a, .sceditor-header-picker.content--support .article-resources .content a, .sceditor-header-picker.support .article-resources .content a, .supportpopup .article-resources .content a.forever-close {
        color: currentColor;
    }

.article-resources .content .header-component {
    padding: 0;
}

.article-resources .content .article-navigator {
    margin: 3rem 0 0;
}

    .article-resources .content .article-navigator a {
        color: #000;
    }

.article-navigator {
    height: auto;
    width: 100%;
    display: table;
}

    .article-navigator .next, .article-navigator .prev {
        display: table-cell;
        font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

        .article-navigator .next .indicator, .article-navigator .prev .indicator {
            display: block;
            font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

    .article-navigator .next {
        text-align: right;
    }

.side-nav {
    min-width: 28rem;
    max-height: calc(100vh - 14.4rem);
    overflow: auto;
}

@media (max-width:1024px) {
    .side-nav {
        background: #fff;
        position: fixed;
        top: 5.9rem;
        bottom: 0;
        left: auto;
        right: -28rem;
        max-height: 100%;
        max-width: 28rem;
        z-index: 7;
        padding-bottom: 13rem;
        transition: right .4s cubic-bezier(.23,1,.32,1);
    }

        .side-nav.active {
            right: 0;
        }
}

@media (max-width:479px) {
    .side-nav {
        max-width: none;
        width: 100%;
        right: -100%;
    }
}

.side-nav.fixed {
    position: fixed;
}

.side-nav.absolute {
    position: absolute;
    bottom: 0;
    margin-right: 1rem;
}

.side-nav .nav-categories li a {
    display: block;
    outline: 0;
}

    .side-nav .nav-categories li a:hover {
        color: #fb203a;
    }

.side-nav .nav-categories > li {
    margin-bottom: .8rem;
}

    .side-nav .nav-categories > li > a {
        background: #fff;
        color: #000;
        transition: background .4s cubic-bezier(.86,0,.070,1),color .4s cubic-bezier(.86,0,.070,1);
        padding: 1.5rem 4rem 1.5rem 1.5rem;
        position: relative;
        font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

        .side-nav .nav-categories > li > a [class*=" icon-"], .side-nav .nav-categories > li > a [class^=icon-] {
            font-size: 1rem;
            position: absolute;
            right: 2rem;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            transition: color .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.86,0,.070,1);
        }

    .side-nav .nav-categories > li.active > a {
        background: #000;
        color: #fff;
    }

        .side-nav .nav-categories > li.active > a [class*=" icon-"], .side-nav .nav-categories > li.active > a [class^=icon-] {
            transform: translateY(-50%) rotateX(-180deg);
        }

        .side-nav .nav-categories > li.active > a:hover {
            color: #fff;
        }

    .side-nav .nav-categories > li.active .nav-subcategories {
        height: auto;
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.side-nav .nav-subcategories {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -ms-transform: translateY(-4rem);
    transform: translateY(-4rem);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);
}

    .side-nav .nav-subcategories > li {
        background: #fff;
        padding: 0 1.8rem;
    }

        .side-nav .nav-subcategories > li > a {
            padding: .8rem 0;
            transition: color .4s cubic-bezier(.86,0,.070,1);
            font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

            .side-nav .nav-subcategories > li > a [class*=" icon-"], .side-nav .nav-subcategories > li > a [class^=icon-] {
                display: inline-block;
                vertical-align: middle;
                font-size: .8rem;
                margin: 0 1rem 0 0;
                transition: color .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.86,0,.070,1);
            }

        .side-nav .nav-subcategories > li.active > a [class*=" icon-"], .side-nav .nav-subcategories > li.active > a [class^=icon-] {
            transform: rotateX(-180deg);
        }

        .side-nav .nav-subcategories > li.active .nav-subcategory-items {
            height: auto;
            opacity: 1;
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        .side-nav .nav-subcategories > li:last-child {
            padding-bottom: 1.5rem;
        }

.side-nav .nav-subcategory-items {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -ms-transform: translateY(-4rem);
    transform: translateY(-4rem);
    transition: opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);
}

    .side-nav .nav-subcategory-items > li > a {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        padding: .5rem 0 .5rem 1.5rem;
        margin: 0 0 0 .5rem;
        border-left: 2px solid #f5f5f5;
        transition: border .4s cubic-bezier(.86,0,.070,1),color .4s cubic-bezier(.86,0,.070,1);
    }

        .side-nav .nav-subcategory-items > li > a.active, .side-nav .nav-subcategory-items > li > a:hover {
            color: #fb203a;
            border-color: #fb203a;
        }

.overview-business-cases {
    margin: 60px 0;
}

    .overview-business-cases .header-component .heading-copy {
        margin-right: 1.5rem;
    }

    .content.content--support .overview-business-cases .header-component a, .content.support .overview-business-cases .header-component a, .overview-business-cases .header-component .asset-download, .overview-business-cases .header-component .content.content--support a, .overview-business-cases .header-component .content.support a, .overview-business-cases .header-component .link-default, .overview-business-cases .header-component .sceditor-header-picker.content--support a, .overview-business-cases .header-component .sceditor-header-picker.support a, .overview-business-cases .header-component .supportpopup .forever-close, .sceditor-header-picker.content--support .overview-business-cases .header-component a, .sceditor-header-picker.support .overview-business-cases .header-component a, .supportpopup .overview-business-cases .header-component .forever-close {
        margin-left: 1.5rem;
    }

    .overview-business-cases .pageheader {
        padding-top: 0;
        overflow: visible;
    }

    .overview-business-cases .filter-select {
        display: none;
        overflow: hidden;
    }

@media (max-width:800px) {
    .overview-business-cases .filter-select {
        display: block;
        margin-bottom: 2rem;
    }

    .overview-business-cases .filtersentence {
        display: none;
    }
}

.table-comparison {
    height: auto;
    width: 100%;
    min-width: 72rem;
    border: 1px solid #000;
    text-align: left;
    margin: 0 0 1.5rem;
}

    .table-comparison tbody tr, .table-comparison thead tr {
        border-bottom: 1px solid #000;
    }

        .table-comparison tbody tr:last-child {
            border-bottom: none;
        }

    .table-comparison td, .table-comparison th {
        height: auto;
        width: 25%;
        padding: 1.4rem;
    }

        .table-comparison td small, .table-comparison th small {
            display: block;
            color: #7F7F7F;
        }

.resellers-block {
    height: calc(100vh - 12.8rem);
    max-height: 778px;
    padding: 5.5rem 0 6rem;
}

@media (max-width:1024px) {
    .resellers-block {
        height: auto;
        max-height: none;
    }
}

.resellers-block .grid, .resellers-block .header-component, .resellers-block .site-frame, .resellers-block .view-explore-education .carousel-pioneers .carousel .viewport, .resellers-block .view.view-about .carousel-timeline .carousel .viewport, .resellers-block .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .resellers-block .view.view-modal .holder, .view-explore-education .carousel-pioneers .carousel .resellers-block .viewport, .view.view-about .carousel-timeline .carousel .resellers-block .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .resellers-block .viewport, .view.view-modal .resellers-block .holder {
    height: 100%;
    width: 100%;
}

    .resellers-block .grid > .col:nth-child(1n), .resellers-block .header-component > .col:nth-child(1n), .resellers-block .site-frame > .col:nth-child(1n), .resellers-block .view-explore-education .carousel-pioneers .carousel .viewport > .col:nth-child(1n), .resellers-block .view.view-about .carousel-timeline .carousel .viewport > .col:nth-child(1n), .resellers-block .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport > .col:nth-child(1n), .resellers-block .view.view-modal .holder > .col:nth-child(1n), .view-explore-education .carousel-pioneers .carousel .resellers-block .viewport > .col:nth-child(1n), .view.view-about .carousel-timeline .carousel .resellers-block .viewport > .col:nth-child(1n), .view.view-community-hall-of-fame .carousel-leaders .carousel .resellers-block .viewport > .col:nth-child(1n), .view.view-modal .resellers-block .holder > .col:nth-child(1n) {
        height: 100%;
    }

.resellers-block .sidebar {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .resellers-block .sidebar .filter {
        background: #fff;
        margin: 0 0 10px;
        padding: 20px;
    }

        .resellers-block .sidebar .filter .region-selector {
            background: #f6f6f6;
            border-radius: 0;
            width: 100%;
        }

    .resellers-block .sidebar .list {
        height: calc(100% - 19.6rem);
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
    }

@media (max-width:1024px) {
    .resellers-block .sidebar .list {
        position: static;
        padding: 0;
        width: auto;
    }

        .resellers-block .sidebar .list .reseller {
            float: left;
            height: 150px;
            width: 50%;
        }
}

@media (max-width:767px) {
    .resellers-block .sidebar .list .reseller {
        height: 150px;
        width: 100%;
    }
}

.resellers-block .sidebar .list .scroll-view {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.resellers-block .sidebar .list .no-results {
    padding: 15px 20px;
    background: #fff;
    margin-bottom: 10px;
}

.resellers-block .sidebar .list:after, .resellers-block .sidebar .list:before {
    height: 15px;
    width: 100%;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    pointer-events: none;
    z-index: 1;
    background-image: radial-gradient(50% 100% at 50% 0,rgba(0,0,0,.2) 0,transparent 100%);
    opacity: 1;
    transition: .2s;
}

.resellers-block .sidebar .list:after {
    top: 100%;
    margin-top: -15px;
    background-image: radial-gradient(50% 100% at 50% 100%,rgba(0,0,0,.2) 0,transparent 100%);
}

.resellers-block .sidebar .list.is-scrollbottom::after, .resellers-block .sidebar .list.is-scrolltop::before {
    opacity: 0;
}

.resellers-block .map-holder {
    height: 100%;
    width: 100%;
}

@media (max-width:1024px) {
    .resellers-block .sidebar .list:after, .resellers-block .sidebar .list:before {
        content: none;
    }

    .resellers-block .map-holder {
        height: 720px;
        width: 100%;
        margin: 20px 0;
    }
}

@media (max-width:767px) {
    .resellers-block .map-holder {
        height: 500px;
        width: 100%;
    }

        .resellers-block .map-holder.hidden {
            margin-top: -300px;
        }
}

.resellers-block .map-holder .map {
    height: calc(100% - 9rem);
    width: 100%;
    background-color: #000;
}

    .resellers-block .map-holder .map .marker-tooltip {
        width: 380px;
        position: relative;
        line-height: 1.5;
        margin-top: 110px;
        transform: translateZ(0);
    }

        .resellers-block .map-holder .map .marker-tooltip .close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 1.8rem;
            z-index: 1;
        }

    .resellers-block .map-holder .map .infoBox > img {
        right: 0;
        z-index: 3;
        top: 110px;
    }

.resellers-block .header-map, .resellers-block .header-sidebar {
    padding: 0 0 1rem;
}

    .resellers-block .header-map .join, .resellers-block .header-sidebar .join {
        float: right;
        margin: -2.7rem 0 0;
        font-size: 1.4rem;
    }

@media (max-width:1024px) {
    .resellers-block .map-holder .map {
        height: calc(100% - 3.5rem);
    }

    .resellers-block .header-map .join, .resellers-block .header-sidebar .join {
        position: absolute;
        top: 3rem;
        right: 2rem;
    }
}

.resellers-block .header-map {
    padding: 1rem 0;
}

.reseller {
    height: 150px;
    width: 100%;
    background: #fff;
    margin-bottom: 3px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 18px 20px;
    text-align: left;
    position: relative;
}

@media (min-width:768px) and (max-width:1024px) {
    .reseller:nth-child(odd) {
        margin-left: -2px;
        margin-right: 2px;
    }
}

.reseller .address, .reseller .heading-sub {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reseller .reseller-logo {
    position: absolute;
    top: 18px;
    right: 20px;
    max-width: 110px;
    max-height: 100%;
}

.reseller .heading-sub {
    color: #000;
}

    .reseller .heading-sub a {
        color: inherit;
    }

.reseller .address {
    color: #7F7F7F;
    font-size: 1.2rem;
    line-height: 1.6rem;
    padding: .8rem 0;
    max-width: 65%;
}

.reseller .actions {
    position: absolute;
    top: auto;
    bottom: 1.5rem;
    left: 2rem;
    right: 2rem;
}

    .reseller .actions li {
        display: inline-block;
        vertical-align: middle;
        line-height: 0;
    }

    .reseller .actions .info {
        font-size: 1.8rem;
        display: inline-block;
        vertical-align: -32%;
        position: relative;
        transition: .2s;
        cursor: pointer;
        z-index: 1;
    }

    .reseller .actions .tag {
        line-height: 1.9rem;
        font-size: 1.2rem;
        display: inline-block;
        padding: 0 1rem;
        border-radius: 1rem;
        text-align: center;
        vertical-align: middle;
        opacity: 1;
        transition: .1s;
    }

.reseller .overlay-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.85);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    transition: .2s;
    z-index: 1;
}

    .reseller .overlay-info .title {
        font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        padding: 1rem;
        display: block;
        color: #fff;
        text-align: center;
    }

    .reseller .overlay-info .store-specs {
        width: 50%;
        float: left;
        text-align: left;
        padding: 0 2rem;
        box-sizing: border-box;
        font-size: 1.3rem;
        line-height: 100%;
        white-space: nowrap;
    }

        .reseller .overlay-info .store-specs:last-child {
            border-left: 1px solid #7F7F7F;
            padding-left: 1rem;
        }

    .reseller .overlay-info .icon-checkmark {
        color: #fff;
        margin-right: .6rem;
        font-size: 1.6rem;
        vertical-align: -15%;
    }

.reseller .cta {
    position: absolute;
    top: auto;
    bottom: 1rem;
    left: auto;
    right: 2rem;
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

    .reseller .cta .btn {
        font-size: 100%;
        margin: 0;
    }

.reseller.is-active .info {
    color: #fff;
}

.reseller.is-active .tag {
    opacity: 0;
    cursor: default;
}

.reseller.is-active .overlay-info {
    opacity: 1;
    visibility: visible;
}

.department-overview .header {
    text-align: center;
    margin: 6rem auto 2.5rem;
    max-width: 725px;
}

.department-overview .job {
    color: inherit;
    padding: 3.4rem;
}

    .department-overview .job .description, .department-overview .job .position {
        height: auto;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .department-overview .job .description {
        margin: .8rem 0 1.4rem;
        color: inherit;
    }

.department .back {
    position: absolute;
    top: -4rem;
    bottom: auto;
    left: 1rem;
    right: auto;
    color: #fb203a;
}

    .department .back [class*=" icon-"], .department .back [class^=icon-] {
        font-size: 1.1rem;
        display: inline-block;
        vertical-align: middle;
        margin: 0 .5rem 0 0;
    }

.department .header {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 2.6rem 0 2rem;
}

@media (max-width:767px) {
    .department .header {
        margin: 2rem 0 1rem;
    }
}

.department .header > .title {
    margin-bottom: 0;
}

.department .filter {
    margin: 0;
    padding: 0;
    font-size: 2.4rem;
}

@media (max-width:767px) {
    .department .filter {
        white-space: normal;
        font-size: 1.8rem;
        margin: 1rem 0;
    }
}

.department .filter .filtersentence-filter:before {
    bottom: 0;
    border-bottom: 2px solid;
    right: 0;
}

.department .filter .filtersentence-filtericon {
    margin: 0 .4rem;
    font-size: .6rem;
}

.department .jobs {
    text-align: center;
    margin-bottom: 60px;
}

    .department .jobs > .btn {
        margin-top: 2rem;
    }

.job {
    display: block;
    background-color: #fff;
    padding: 2rem 3.6rem;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: justify;
    position: relative;
    font: 0/0 a;
}

@media (max-width:479px) {
    .job {
        padding: 2rem;
    }
}

.job:after {
    content: '';
    display: inline-block;
    height: auto;
    width: 100%;
}

.job .heading-sub {
    margin-bottom: .5rem;
}

.job .description, .job .position {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.department-overview, .job .count, .job .overlay .btn, .overview-events .overview-actions {
    text-align: center;
}

.job .position {
    color: #000;
    height: auto;
    width: 30%;
    padding-right: 2rem;
}

@media (max-width:800px) {
    .job .position {
        height: auto;
        width: 100%;
        padding: 0 10rem 0 0;
    }
}

.job .position .place {
    font-size: 1.3rem;
}

.job .description {
    color: #7f7f7f;
    height: auto;
    width: 50%;
    margin-right: 10%;
}

@media (max-width:800px) {
    .job .description {
        margin: 1rem 0 0;
        height: auto;
        width: 100%;
    }

    .job .link {
        position: absolute;
        top: 1rem;
        bottom: auto;
        left: auto;
        right: 4rem;
    }
}

@media (max-width:479px) {
    .job .position {
        padding: 0;
    }

    .job .link {
        margin-top: 1rem;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
}

.job .link > .icon {
    font-size: 1.6rem;
    vertical-align: -3px;
    margin-right: .6rem;
}

.job .count {
    color: #fb203a;
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    display: block;
}

    .job .count.null {
        color: #aebab6;
    }

.job .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
    transition: .25s;
}

    .job .overlay .btn {
        font-size: 1.6rem;
        width: 20rem;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

@media (min-device-width:1025px) {
    .job:hover .overlay {
        opacity: 1;
    }
}

.stats-company {
    padding-bottom: 60px;
}

    .stats-company .wrapper {
        height: auto;
        width: 100%;
        display: table;
        color: #fff;
    }

@media (max-width:800px) {
    .stats-company .wrapper {
        display: block;
    }
}

.stats-company .wrapper .results {
    height: auto;
    width: 50%;
    background: url("/img/company/dotted map@2x.jpg") center center no-repeat #fff;
    background-size: auto 70%;
    padding: 2rem 4%;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    font: 0/0 a;
    color: #000;
}

@media (max-width:800px) {
    .stats-company .wrapper .results {
        display: block;
        height: auto;
        width: 100%;
    }
}

.stats-company .wrapper .results li {
    height: auto;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 1rem 0;
    box-sizing: border-box;
}

    .stats-company .wrapper .results li:nth-child(odd) {
        padding-bottom: .5rem;
    }

    .stats-company .wrapper .results li a, .stats-company .wrapper .results li span {
        color: inherit;
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 300;
        display: block;
    }

        .stats-company .wrapper .results li a .count, .stats-company .wrapper .results li span .count {
            font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            display: block;
            margin-bottom: .5rem;
        }

.stats-company .wrapper .video {
    height: auto;
    width: 25%;
    position: relative;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    background: #000;
}

    .stats-company .wrapper .video:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

@media (max-width:800px) {
    .stats-company .wrapper .video {
        float: left;
        height: auto;
        width: 50%;
    }

        .stats-company .wrapper .video:before {
            content: '';
            display: block;
            padding-top: 57.83133%;
        }
}

@media (max-width:479px) {
    .stats-company .wrapper .video {
        height: auto;
        width: 100%;
    }

        .stats-company .wrapper .video:before {
            content: '';
            display: block;
            padding-top: 43.83562%;
        }
}

.stats-company .wrapper .video img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: .6;
}

.content.content--support .stats-company .wrapper .video a.w-icn, .content.support .stats-company .wrapper .video a.w-icn, .sceditor-header-picker.content--support .stats-company .wrapper .video a.w-icn, .sceditor-header-picker.support .stats-company .wrapper .video a.w-icn, .stats-company .wrapper .video .content.content--support a.w-icn, .stats-company .wrapper .video .content.support a.w-icn, .stats-company .wrapper .video .link, .stats-company .wrapper .video .link-default.w-icn, .stats-company .wrapper .video .sceditor-header-picker.content--support a.w-icn, .stats-company .wrapper .video .sceditor-header-picker.support a.w-icn, .stats-company .wrapper .video .supportpopup .w-icn.forever-close, .stats-company .wrapper .video .w-icn.asset-download, .supportpopup .stats-company .wrapper .video .w-icn.forever-close {
    position: absolute;
    font-size: 87.5%;
    bottom: 1.5rem;
    left: 1.5rem;
}

.stats-company .wrapper .video .link {
    padding: 0;
}

.department-overview {
    padding-bottom: 60px;
}

    .department-overview .grid {
        margin-bottom: 2rem;
    }

@media (max-width:800px) {
    .stats-company .wrapper .video img {
        height: auto;
        width: 100%;
    }

    .foundations .grid.extra-spacing.column-33 > .col {
        margin-bottom: 2rem;
    }
}

@media (max-width:767px) {
    .foundations .grid.extra-spacing.column-33 > .col {
        margin-bottom: 1rem;
    }
}

.foundations .grid.extra-spacing.column-33 > .col .tile {
    margin-bottom: 3rem;
}

@media (max-width:1024px) {
    .foundations .grid.extra-spacing.column-33 > .col .tile {
        margin-bottom: 0;
    }
}

.overview-events {
    margin-bottom: 60px;
}

.contact-short {
    padding-bottom: 60px;
}

    .contact-short .mail-to {
        position: relative;
    }

        .contact-short .mail-to:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            height: 2px;
            width: 100%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            display: block;
            background: currentColor;
            transition: width .25s cubic-bezier(.23,1,.32,1);
        }

        .contact-short .mail-to.w-icn {
            margin: 0 0 0 2.5rem;
        }

            .contact-short .mail-to.w-icn [class*=" icon-"], .contact-short .mail-to.w-icn [class^=icon-] {
                position: absolute;
                top: 50%;
                left: -2.5rem;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .contact-short .mail-to:hover:after {
            height: 2px;
            width: 0;
        }

.form-sign-up {
    margin: 0 0 60px;
}

    .form-sign-up .header-component .content, .form-sign-up .site-frame .content, .form-sign-up .view-explore-education .carousel-pioneers .carousel .viewport .content, .form-sign-up .view.view-about .carousel-timeline .carousel .viewport .content, .form-sign-up .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .content, .form-sign-up .view.view-modal .holder .content, .view-explore-education .carousel-pioneers .carousel .form-sign-up .viewport .content, .view.view-about .carousel-timeline .carousel .form-sign-up .viewport .content, .view.view-community-hall-of-fame .carousel-leaders .carousel .form-sign-up .viewport .content, .view.view-modal .form-sign-up .holder .content {
        padding: 5rem;
        background: #fff;
    }

@media (max-width:767px) {
    .form-sign-up .header-component .content, .form-sign-up .site-frame .content, .form-sign-up .view-explore-education .carousel-pioneers .carousel .viewport .content, .form-sign-up .view.view-about .carousel-timeline .carousel .viewport .content, .form-sign-up .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .content, .form-sign-up .view.view-modal .holder .content, .view-explore-education .carousel-pioneers .carousel .form-sign-up .viewport .content, .view.view-about .carousel-timeline .carousel .form-sign-up .viewport .content, .view.view-community-hall-of-fame .carousel-leaders .carousel .form-sign-up .viewport .content, .view.view-modal .form-sign-up .holder .content {
        padding: 3rem;
    }
}

@media (max-width:479px) {
    .form-sign-up .header-component .content, .form-sign-up .site-frame .content, .form-sign-up .view-explore-education .carousel-pioneers .carousel .viewport .content, .form-sign-up .view.view-about .carousel-timeline .carousel .viewport .content, .form-sign-up .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .content, .form-sign-up .view.view-modal .holder .content, .view-explore-education .carousel-pioneers .carousel .form-sign-up .viewport .content, .view.view-about .carousel-timeline .carousel .form-sign-up .viewport .content, .view.view-community-hall-of-fame .carousel-leaders .carousel .form-sign-up .viewport .content, .view.view-modal .form-sign-up .holder .content {
        padding: 3rem 1rem;
    }
}

.form-sign-up .header-component .content .heading-sub, .form-sign-up .header-component .content p, .form-sign-up .site-frame .content .heading-sub, .form-sign-up .site-frame .content p, .form-sign-up .view-explore-education .carousel-pioneers .carousel .viewport .content .heading-sub, .form-sign-up .view-explore-education .carousel-pioneers .carousel .viewport .content p, .form-sign-up .view.view-about .carousel-timeline .carousel .viewport .content .heading-sub, .form-sign-up .view.view-about .carousel-timeline .carousel .viewport .content p, .form-sign-up .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .content .heading-sub, .form-sign-up .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .content p, .form-sign-up .view.view-modal .holder .content .heading-sub, .form-sign-up .view.view-modal .holder .content p, .view-explore-education .carousel-pioneers .carousel .form-sign-up .viewport .content .heading-sub, .view-explore-education .carousel-pioneers .carousel .form-sign-up .viewport .content p, .view.view-about .carousel-timeline .carousel .form-sign-up .viewport .content .heading-sub, .view.view-about .carousel-timeline .carousel .form-sign-up .viewport .content p, .view.view-community-hall-of-fame .carousel-leaders .carousel .form-sign-up .viewport .content .heading-sub, .view.view-community-hall-of-fame .carousel-leaders .carousel .form-sign-up .viewport .content p, .view.view-modal .form-sign-up .holder .content .heading-sub, .view.view-modal .form-sign-up .holder .content p {
    margin-bottom: 1rem;
    display: block;
}

.we-overview .tile.cover-image .media {
    background: #000;
}

    .we-overview .tile.cover-image .media img {
        opacity: .7;
    }

.we-overview .tile.cover-image .description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 5rem;
}

    .we-overview .tile.cover-image .description .heading-sub {
        padding-bottom: 1rem;
    }

.extra-support .tile {
    height: 335px;
    text-align: left;
}

    .extra-support .tile.plain {
        background-color: #fff;
        color: #000;
    }

    .extra-support .tile .media {
        height: 100%;
    }

        .extra-support .tile .media img {
            height: auto;
            width: 100%;
        }

    .extra-support .tile .description {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: left;
        padding: 3rem;
    }

        .extra-support .tile .description .heading-sub {
            margin-bottom: 1.5rem;
        }

        .extra-support .tile .description .btn.plain {
            position: absolute;
            bottom: 2.5rem;
        }

    .extra-support .tile .appimage {
        position: absolute;
        width: 40%;
        right: -2rem;
        bottom: -3.5rem;
        z-index: 1;
    }

@media (max-width:1024px) {
    .extra-support .tile.cover-image.full .description {
        padding: 3rem;
    }

    .extra-support .tile .appimage {
        display: none;
    }
}

.anniversary-intro {
    height: calc(100vh - 13.3rem);
    min-height: calc(100vh - 13.3rem);
    padding-bottom: 6rem;
    position: relative;
}

    .anniversary-intro .media {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 0;
        max-width: none;
        overflow: hidden;
    }

        .anniversary-intro .media .hero-video {
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            height: auto;
            width: auto;
        }

@media (min-aspect-ratio:16 / 9) {
    .anniversary-intro .media .hero-video {
        width: 100%;
    }
}

@media (max-aspect-ratio:16 / 9) {
    .anniversary-intro .media .hero-video {
        height: 100%;
    }
}

@media (max-width:767px) {
    .anniversary-intro .media {
        position: relative;
    }

        .anniversary-intro .media .sequence-holder {
            display: block;
            position: relative;
            margin: -5rem 0 -16rem;
            max-width: 100%;
        }
}

.anniversary-intro .content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 1rem;
}

    .anniversary-intro .content .heading-page {
        font-size: 6rem;
        line-height: 7rem;
    }

        .anniversary-intro .content .heading-page .line {
            display: block;
        }

            .anniversary-intro .content .heading-page .line:nth-child(1) {
                margin-left: 3rem;
            }

@media (max-width:800px) {
    .anniversary-intro .content {
        top: 75%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .anniversary-intro .content .heading-page {
            font-size: 3.3rem;
            line-height: 4rem;
        }

            .anniversary-intro .content .heading-page .line:nth-child(1) {
                margin-left: 0;
            }
}

.anniversary-intro .content .heading-page .line:nth-child(2) {
    margin-left: 13.3rem;
}

@media (max-width:800px) {
    .anniversary-intro .content .heading-page .line:nth-child(2) {
        margin-left: 0;
    }
}

.anniversary-intro .content .description {
    max-width: 41rem;
}

    .anniversary-intro .content .description .btn, .anniversary-intro .content .description .copy-article {
        display: inline-block;
    }

@media (max-width:767px) {
    .anniversary-intro .content .description {
        max-width: 100%;
        text-align: center;
    }

        .anniversary-intro .content .description .btn, .anniversary-intro .content .description .copy-article {
            display: none;
        }
}

.anniversary-intro .content .description .copy-article {
    margin-bottom: 6rem;
}

.anniversary-intro .year-navigation {
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

    .anniversary-intro .year-navigation.sticky {
        position: fixed;
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
        z-index: 10;
        background-color: #fff;
        margin: 0;
        padding: 2.6rem 1rem;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

.year-navigation {
    margin: 0 auto;
    box-shadow: 0 1px 8px 0 transparent;
    transition: box-shadow .3s ease-in;
    width: 100%;
}

    .year-navigation .range-slider {
        margin: 0 auto;
        width: 80%;
        font: 0/0 a;
        position: relative;
        padding: 0 0 0 10rem;
    }

        .year-navigation .range-slider .label {
            position: absolute;
            top: 50%;
            left: 0;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #000;
            margin-right: 3.1rem;
            min-width: 9rem;
            font-size: 4rem;
            line-height: 5rem;
            font-family: "Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

        .year-navigation .range-slider .scrub-wrap {
            display: block;
            width: 100%;
        }

            .year-navigation .range-slider .scrub-wrap .scrub-bar {
                height: 20px;
                width: 100%;
                position: relative;
                margin-left: 3.72rem;
            }

@media (max-width:800px) {
    .year-navigation .range-slider .label {
        margin-right: 2rem;
        min-width: 7rem;
        font-size: 3rem;
        line-height: 3.6rem;
    }

    .year-navigation .range-slider .scrub-wrap .scrub-bar {
        margin-left: 0;
        height: 10px;
    }
}

.year-navigation .range-slider .scrub-wrap .scrub-bar:before {
    content: '';
    position: absolute;
    background: linear-gradient(to bottom,#D1D3D4 0,#D1D3D4 100%) center center repeat-x;
    background-size: 100% 2px;
    top: 0;
    bottom: 0;
    left: 0;
    right: calc(14.28571% - 2px);
    z-index: 1;
}

.year-navigation .range-slider .scrub-wrap .scrub-bar:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right,#D1D3D4 2px,#fff 2px) 0 repeat-x;
    background-size: 14.38571% 100%;
}

.year-navigation .range-slider .scrub-wrap .scrub-bar .scrub-thumb {
    height: 7.5rem;
    width: 14.28571%;
    position: absolute;
    margin: -2.9rem 0 0;
    cursor: default !important;
    z-index: 1;
}

    .year-navigation .range-slider .scrub-wrap .scrub-bar .scrub-thumb:after {
        content: '';
        height: 6rem;
        width: 6rem;
        display: block;
        position: absolute;
        margin: .5rem 0 0;
        left: -3rem;
        background: url(/img/range_thumb.svg) center center no-repeat #fff;
        box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2);
        border-radius: 100%;
        cursor: move;
    }

.selector select, .view.view-materials-detail .price-table .item.inactive, [data-popup], [data-replace-href] {
    cursor: pointer;
}

@media (max-width:800px) {
    .year-navigation .range-slider .scrub-wrap .scrub-bar .scrub-thumb {
        height: 4rem;
        margin: -2.2rem 0 0;
    }

        .year-navigation .range-slider .scrub-wrap .scrub-bar .scrub-thumb:after {
            height: 4rem;
            width: 4rem;
            left: -2rem;
            background-size: 65%;
        }
}

.technical-evolution {
    position: relative;
}

    .technical-evolution .content-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 120rem;
        margin: 0 auto;
        z-index: 1;
    }

        .technical-evolution .content-wrapper:after {
            content: '';
            width: 100%;
            padding-top: 59%;
            position: relative;
            display: block;
            background: url(/img/anniversary/bottom-cutout.svg) no-repeat;
            background-size: cover;
        }

@media (max-width:1160px) {
    .technical-evolution .content-wrapper {
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width:600px) {
    .technical-evolution .content-wrapper {
        margin-bottom: -58.6%;
        z-index: 1;
    }
}

.technical-evolution .content {
    padding: 0 2rem;
}

@media (min-width:601px) {
    .technical-evolution .content-wrapper:after {
        content: none;
    }

    .technical-evolution .content {
        max-width: 34rem;
    }
}

.technical-evolution .content p {
    margin-bottom: 3rem;
}

.technical-evolution h2.title {
    font-size: 4rem;
    line-height: 5rem;
    margin: 5.4rem 0 4.9rem !important;
}

    .technical-evolution h2.title span {
        margin-bottom: 1rem;
        display: inline-block;
    }

    .technical-evolution h2.title .sub-title {
        font-family: 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 3rem;
        font-weight: 300;
        line-height: 3.2rem;
        display: block;
    }

@media (max-width:800px) {
    .technical-evolution h2.title {
        line-height: 3rem;
        font-size: 3rem;
        margin: 2.4rem 0 2.9rem !important;
    }

        .technical-evolution h2.title .sub-title {
            font-size: 2rem;
            line-height: 2.4rem;
        }
}

.technical-evolution .video-wrapper {
    overflow: hidden;
    position: relative;
    max-width: 144rem;
    margin: 0 auto;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    transition: opacity .4s ease-in;
}

    .technical-evolution .video-wrapper:before {
        content: '';
        display: block;
        padding-top: 86.875%;
    }

.technical-evolution .video {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.technical-evolution .video-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.technical-evolution .hotspot {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: opacity .4s ease-in;
    margin-bottom: -50%;
    pointer-events: none;
}

@media (max-width:600px) {
    .technical-evolution .video-wrapper:before {
        padding-top: 173%;
    }

    .technical-evolution .video-mask {
        display: none;
    }

    .technical-evolution .hotspot {
        margin-bottom: -20%;
    }
}

@media (min-width:1160px) {
    .technical-evolution .hotspot {
        position: absolute;
        margin-bottom: auto;
    }
}

.technical-evolution .hotspot img {
    width: 47%;
    position: absolute;
    left: 50%;
    top: 45%;
    -ms-transform: translateX(-25%) translateY(-80%);
    transform: translateX(-25%) translateY(-80%);
}

@media (max-width:1160px) {
    .technical-evolution .hotspot img {
        position: relative;
        left: auto;
        top: auto;
        margin-left: 50%;
        -ms-transform: translateX(-25%) translateY(0);
        transform: translateX(-25%) translateY(0);
    }
}

.people-at-ultimaker {
    position: relative;
    min-height: 80rem;
    margin-top: -2px;
    background-color: #fff;
}

@media (max-width:800px) {
    .people-at-ultimaker {
        min-height: 72rem;
    }
}

@media (max-width:767px) {
    .technical-evolution .hotspot img {
        -ms-transform: translateX(10%) translateY(0);
        transform: translateX(10%) translateY(0);
        width: 150%;
        margin-left: auto;
    }

    .people-at-ultimaker {
        min-height: 0;
    }
}

.people-at-ultimaker .content {
    margin-left: 50%;
    padding-left: 11rem;
    max-width: 41rem;
}

@media (max-width:600px) {
    .people-at-ultimaker .content {
        margin-left: 0;
        padding: 62% 1rem 0;
        max-width: none;
    }
}

.people-at-ultimaker .title {
    padding-top: 10rem;
    margin-bottom: 4.2rem;
    line-height: 5rem;
    font-size: 4rem;
}

@media (max-width:800px) {
    .people-at-ultimaker .title {
        padding-top: 1rem;
        margin-left: -5rem;
        line-height: 3rem;
        font-size: 3rem;
    }
}

@media (max-width:600px) {
    .people-at-ultimaker .title {
        margin-left: 2rem;
    }
}

.people-at-ultimaker .pull-left {
    display: block;
    margin-left: -2rem;
}

.people-at-ultimaker .description {
    margin-bottom: 3rem;
    font-size: 1.8rem;
    line-height: 2.6rem;
}

@media (max-width:800px) {
    .people-at-ultimaker .description {
        margin-left: -5rem;
        margin-bottom: 3rem;
    }
}

@media (max-width:600px) {
    .people-at-ultimaker .description {
        margin-left: 0;
    }
}

.people-at-ultimaker .featured-figure {
    position: absolute;
    margin-left: -10.9rem;
    -ms-transform: translatex(-100%);
    transform: translatex(-100%);
    top: -15.55rem;
}

.people-at-ultimaker .featured-caption svg {
    float: right;
    margin-top: -1.7rem;
}

@media (max-width:600px) {
    .people-at-ultimaker .featured-figure {
        -ms-transform: none;
        transform: none;
        top: 0;
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .people-at-ultimaker .featured-caption {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
        width: 50%;
    }

        .people-at-ultimaker .featured-caption svg {
            width: 100%;
            height: 100%;
            margin-top: 0;
        }
}

.people-at-ultimaker .featured-image {
    margin-top: -33.1rem;
}

.people-at-ultimaker .featured-label {
    position: absolute;
    top: 11.5rem;
    right: 13rem;
    color: #fff;
}

@media (max-width:767px) {
    .people-at-ultimaker .featured-label {
        top: 14%;
        left: 60%;
    }
}

@media (max-width:600px) {
    .people-at-ultimaker .featured-image {
        width: 100%;
        height: 100%;
        margin-top: -83.4%;
    }

    .people-at-ultimaker .featured-label {
        top: 38%;
        left: 30%;
        width: 60%;
    }
}

@media (max-width:479px) {
    .people-at-ultimaker .featured-label {
        top: 50%;
        left: 0;
        width: 70%;
        text-align: center;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.people-at-ultimaker .stats {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (max-width:800px) {
    .people-at-ultimaker .stats {
        margin-left: -5rem;
    }
}

@media (max-width:600px) {
    .people-at-ultimaker .stats {
        margin-left: 0;
    }
}

.people-at-ultimaker .stat {
    line-height: 1.8rem;
    margin-bottom: 6rem;
    float: left;
    width: 50%;
}

.people-at-ultimaker .stat-figure {
    display: block;
    margin-bottom: .8rem;
    font-family: "Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 3rem;
    line-height: 4.2rem;
}

@media (max-width:800px) {
    .people-at-ultimaker .stat-figure {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

.milestones {
    margin-bottom: 8rem;
}

    .milestones .grid-hexagon {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }

        .milestones .grid-hexagon:before {
            content: '';
            display: block;
            padding-top: 174%;
        }

@media (max-width:767px) {
    .milestones .grid-hexagon {
        padding-bottom: 28.75%;
        width: 100%;
        font: 0/0 a;
    }

        .milestones .grid-hexagon:before {
            display: none;
        }
}

.milestones .grid-hexagon .s0 {
    position: absolute;
    width: 25%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .s0 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .milestones .grid-hexagon .s0:nth-child(2n):after {
            content: '';
            display: block;
        }

        .milestones .grid-hexagon .s0:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }
}

.milestones .grid-hexagon .s1 {
    position: absolute;
    width: 25%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .s1 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .milestones .grid-hexagon .s1:nth-child(2n):after {
            content: '';
            display: block;
        }

        .milestones .grid-hexagon .s1:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }
}

.milestones .grid-hexagon .s2 {
    position: absolute;
    width: 25%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .s2 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .milestones .grid-hexagon .s2:nth-child(2n):after {
            content: '';
            display: block;
        }

        .milestones .grid-hexagon .s2:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }
}

.milestones .grid-hexagon .s3 {
    position: absolute;
    width: 25%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .s3 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .milestones .grid-hexagon .s3:nth-child(2n):after {
            content: '';
            display: block;
        }

        .milestones .grid-hexagon .s3:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }
}

.milestones .grid-hexagon .s4 {
    position: absolute;
    width: 25%;
}

.milestones .grid-hexagon .x0 {
    left: -12.5%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .s4 {
        position: relative;
        height: 43.47826%%;
        width: 50%;
        display: inline-block;
        margin-bottom: -14.15%;
    }

        .milestones .grid-hexagon .s4:nth-child(2n):after {
            content: '';
            display: block;
        }

        .milestones .grid-hexagon .s4:nth-child(3n+1) {
            margin-left: 25.1%;
            display: block;
        }

    .milestones .grid-hexagon .x0 {
        left: auto;
    }
}

.milestones .grid-hexagon .x1 {
    left: 12.5%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .x1 {
        left: auto;
    }
}

.milestones .grid-hexagon .x2 {
    left: 37.5%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .x2 {
        left: auto;
    }
}

.milestones .grid-hexagon .x3 {
    left: 62.5%;
}

.milestones .grid-hexagon .y0 {
    top: 0;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .x3 {
        left: auto;
    }

    .milestones .grid-hexagon .y0 {
        top: auto;
    }
}

.milestones .grid-hexagon .y1 {
    top: 12.42236%;
}

    .milestones .grid-hexagon .y1.x0 {
        left: 0;
    }

@media (max-width:767px) {
    .milestones .grid-hexagon .y1 {
        top: auto;
    }

        .milestones .grid-hexagon .y1.x0 {
            left: auto;
        }
}

.milestones .grid-hexagon .y1.x1 {
    left: 25%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .y1.x1 {
        left: auto;
    }
}

.milestones .grid-hexagon .y1.x2 {
    left: 50%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .y1.x2 {
        left: auto;
    }
}

.milestones .grid-hexagon .y1.x3 {
    left: 75%;
}

.milestones .grid-hexagon .y2 {
    top: 24.84472%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .y1.x3 {
        left: auto;
    }

    .milestones .grid-hexagon .y2 {
        top: auto;
    }
}

.milestones .grid-hexagon .y3 {
    top: 37.26708%;
}

    .milestones .grid-hexagon .y3.x0 {
        left: 0;
    }

@media (max-width:767px) {
    .milestones .grid-hexagon .y3 {
        top: auto;
    }

        .milestones .grid-hexagon .y3.x0 {
            left: auto;
        }
}

.milestones .grid-hexagon .y3.x1 {
    left: 25%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .y3.x1 {
        left: auto;
    }
}

.milestones .grid-hexagon .y3.x2 {
    left: 50%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .y3.x2 {
        left: auto;
    }
}

.milestones .grid-hexagon .y3.x3 {
    left: 75%;
}

.milestones .grid-hexagon .y4 {
    top: 49.68944%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .y3.x3 {
        left: auto;
    }

    .milestones .grid-hexagon .y4 {
        top: auto;
    }
}

.milestones .grid-hexagon .y5 {
    top: 62.1118%;
}

    .milestones .grid-hexagon .y5.x0 {
        left: 0;
    }

@media (max-width:767px) {
    .milestones .grid-hexagon .y5 {
        top: auto;
    }

        .milestones .grid-hexagon .y5.x0 {
            left: auto;
        }
}

.milestones .grid-hexagon .y5.x1 {
    left: 25%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .y5.x1 {
        left: auto;
    }
}

.milestones .grid-hexagon .y5.x2 {
    left: 50%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .y5.x2 {
        left: auto;
    }
}

.milestones .grid-hexagon .y5.x3 {
    left: 75%;
}

.milestones .grid-hexagon .y6 {
    top: 74.53416%;
}

@media (max-width:767px) {
    .milestones .grid-hexagon .y5.x3 {
        left: auto;
    }

    .milestones .grid-hexagon .y6 {
        top: auto;
    }

    .milestones {
        margin-top: 30rem;
    }
}

@media (max-width:600px) {
    .milestones {
        margin-top: 0;
    }
}

.milestones .body-content {
    position: absolute;
    left: 50%;
    margin-left: -39rem;
    max-width: 28rem;
}

@media (max-width:800px) {
    .milestones .body-content {
        position: relative;
        margin-bottom: -14rem;
        padding: 0 2rem;
    }
}

@media (max-width:767px) {
    .milestones .body-content {
        position: relative;
        left: auto;
        margin: 0 0 5rem 2rem;
        padding: 0;
    }
}

.milestones .title {
    font-size: 4rem;
    line-height: 5rem;
    text-align: center;
    margin-bottom: 5rem;
    -ms-transform: translateX(-9rem);
    transform: translateX(-9rem);
}

@media (max-width:800px) {
    .milestones .title {
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 2rem;
    }
}

.milestones .grid {
    width: 90%;
    z-index: 2;
    box-sizing: border-box;
}

@media (max-width:767px) {
    .milestones .grid {
        padding: 0 1rem;
        width: 100%;
    }

        .milestones .grid:before {
            content: none;
        }
}

.milestones .item-hexagon:before {
    padding-top: 115.1%;
}

.milestones .item-hexagon .centered-content {
    font-family: "Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 4rem;
    line-height: 5rem;
}

    .milestones .item-hexagon .centered-content .small {
        display: block;
        font-size: 2.4rem;
    }

.client-logos {
    margin-bottom: -70rem;
    z-index: 5;
    position: relative;
}

@media (max-width:1680px) {
    .client-logos {
        margin-bottom: -65rem;
    }
}

@media (max-width:1440px) {
    .client-logos {
        margin-bottom: -60rem;
    }
}

@media (max-width:1280px) {
    .client-logos {
        margin-bottom: -50rem;
    }
}

@media (max-width:800px) {
    .milestones .item-hexagon .centered-content {
        font-size: 2rem;
        line-height: 2.5rem;
    }

        .milestones .item-hexagon .centered-content .small {
            font-size: 1.8rem;
        }

    .client-logos {
        margin-bottom: -40rem;
    }
}

@media (max-width:767px) {
    .client-logos {
        margin-bottom: -5rem;
    }
}

@media (max-width:479px) {
    .client-logos {
        margin-bottom: 10rem;
    }

        .client-logos .logo-list li {
            float: left;
        }
}

.client-logos .description {
    max-width: 38rem;
}

.client-logos .logo-container {
    position: relative;
    min-height: 40rem;
}

.client-logos .title {
    margin-bottom: 5rem;
}

.client-logos .logo-list {
    display: block;
    position: absolute;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    top: -22rem;
    left: 10rem;
}

@media (max-width:1280px) {
    .client-logos .logo-list {
        top: -17rem;
        left: -5rem;
    }
}

@media (max-width:1024px) {
    .client-logos .logo-list {
        top: -20rem;
        left: -3rem;
    }
}

@media (max-width:800px) {
    .client-logos .logo-list {
        top: -11rem;
        left: -12rem;
    }
}

@media (max-width:767px) {
    .client-logos .logo-container {
        min-height: 20rem;
        margin-top: 8rem;
    }

    .client-logos .logo-list {
        position: static;
        -ms-transform: none;
        transform: none;
    }
}

.client-logos .logo-list li {
    display: inline-block;
    width: 16.2%;
    box-sizing: border-box;
    padding: 0 2rem;
    position: relative;
}

@media (max-width:767px) {
    .client-logos .logo-list li {
        width: 33%;
        max-width: 15rem;
        min-height: 8.5rem;
        margin-bottom: 1rem;
    }
}

.client-logos .logo-list li img {
    position: relative;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 80%;
    height: auto;
}

.regionselector {
    position: relative;
}

    .regionselector > a [class*=" icon-"], .regionselector > a [class^=icon-] {
        font-size: 2rem;
        vertical-align: -15%;
        margin-right: .5rem;
    }

@media (max-width:767px) {
    .client-logos .logo-list li img {
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
    }

    .regionselector > a {
        display: none;
    }

    .regionselector {
        position: absolute;
        background: #fff;
        box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
        top: 6rem;
        bottom: auto;
        left: 0;
        right: 0;
        padding: 2rem 1rem;
        text-align: left;
        direction: ltr;
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
    }
}

.regionselector .form-regionselector {
    height: auto;
    width: 40rem;
    background: #fff;
    transition: opacity .5s cubic-bezier(.23,1,.32,1);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

@media (max-width:767px) {
    .regionselector .form-regionselector {
        height: auto;
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
    }

    .regionselector.active {
        opacity: 1;
        visibility: visible;
    }
}

.regionselector.active .form-regionselector {
    opacity: 1;
    visibility: visible;
}

.regionselector .selector {
    height: auto;
    width: 13rem;
    display: inline-block;
    padding: .5rem 2.5rem .5rem 1rem;
    margin: 0;
    font-size: 92.30769%;
    vertical-align: top;
}

@media (max-width:767px) {
    .regionselector .selector {
        height: auto;
        width: 100%;
        display: block;
        margin: 0 0 1rem;
    }
}

#survey_form .requiredfields {
    text-align: right;
    color: rgba(0,0,0,.5);
}

#survey_form .textarea-large {
    min-height: 200px;
}

#survey_form .selector, #survey_form .userpost-editinput {
    display: block;
    text-align: left;
    margin: .6rem 0;
    border-radius: 0;
    overflow: hidden;
    min-width: 0;
    min-height: inherit;
}

    #survey_form .selector input, #survey_form .selector textarea, #survey_form .userpost-editinput input, #survey_form .userpost-editinput textarea {
        height: auto;
        min-height: inherit;
        padding: 1rem 4rem 1rem 2rem;
        font-size: 87.5%;
        font-weight: 300;
    }

#survey_form .survey-row .selector, #survey_form .survey-row .uniform-input {
    margin: 0;
}

#survey_form .uniform + .parsley-errors-list.filled {
    margin-top: .6rem;
}

#survey_form .uniform-required {
    right: 10px;
    bottom: -5px;
}

#survey_form .survey-marginbottom {
    margin-bottom: .6rem;
}

#survey_form .form-row .l-cell50:first-child, #survey_form .survey-row .l-cell50:first-child {
    padding-right: 4px;
}

#survey_form .form-row .l-cell50 + .l-cell50, #survey_form .survey-row .l-cell50 + .l-cell50 {
    padding-left: 4px;
}

#survey_form .form-row .uniform {
    margin: 0;
}

#survey_form .survey-check {
    margin: 1.4rem 1rem;
    text-align: left;
}

#survey_form .survey-no-info {
    margin-top: 7.6rem;
}

#survey_form .survey-agree {
    border-top: 1px solid #d3d3d3;
}

#survey_form .survey-check > .checker {
    float: left;
}

#survey_form .survey-check > label {
    padding-left: 4rem;
    display: block;
    font-size: 87.5%;
}

#survey_form .survey-captcha {
    margin: 1rem 0;
}

    #survey_form .survey-captcha div {
        margin: 0 auto;
    }

#survey_form .survey-captcha-error {
    border: 1px solid #EA5354;
    color: #EA5354;
    padding: 1rem 2rem;
    width: 304px;
    box-sizing: border-box;
}

    #survey_form .survey-captcha-error::before {
        left: 0;
    }

#survey_form a.survey-privacy {
    position: absolute;
    bottom: 1.2rem;
    left: 0;
    width: 100%;
    color: rgba(0,0,0,.5);
    text-align: center;
}

    #survey_form a.survey-privacy:hover {
        text-decoration: underline;
    }

#survey_form .survey-labeltext .jvFloat .placeHolder::after {
    content: none;
}

.tile.cta-community .media:before, .tile.cta-event:before, .tile.cta-featured-event .media:before, .tile.cta-pioneer .media:before, .tile.cta-platform .media:before, .tile.cta-support .media:before, .tile.story-item .media:after {
    content: '';
}

#survey_form .survey-uploadbutton {
    margin: .6rem 0;
    display: inline-block;
}

#survey_form .survey-uploadtext {
    font-size: 1.3rem;
    max-width: 28rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

#survey_form #survey_terms, #survey_form .survey-left {
    text-align: left;
}

.tile, .upload-dropzone {
    background: #fff;
    text-align: center;
}

#survey_form #survey_terms .radio {
    margin-right: .7rem;
}

#survey_form .survey-type .checker.uniform {
    margin: 0;
}

.upload-dropzone {
    min-height: 30rem;
    position: relative;
    border: 3px dashed rgba(0,0,0,.2);
    border-radius: 10px;
    color: #fb203a;
    box-sizing: border-box;
}

    .upload-dropzone.is-dragover {
        border-color: #fb203a;
    }

    .upload-dropzone .zone {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 3rem;
        box-sizing: border-box;
    }

        .upload-dropzone .zone .form-upload-dropzone [class*=" icon-"], .upload-dropzone .zone .form-upload-dropzone [class^=icon-] {
            font-size: 5.2rem;
        }

        .upload-dropzone .zone .form-upload-dropzone .heading-sub {
            margin: .5rem 0 2rem;
        }

        .upload-dropzone .zone .form-upload-dropzone .input.file {
            width: auto;
            display: inline-block;
        }

            .upload-dropzone .zone .form-upload-dropzone .input.file input {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                opacity: 0;
            }

.tile .avatar, .tile .date {
    left: 50%;
    -ms-transform: translateX(-50%);
}

.upload-dropzone .zone .form-upload-dropzone .input.file .btn {
    color: #000;
}

.breadcrumbs {
    color: rgba(0,0,0,.3);
    font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 600;
}

    .breadcrumbs li {
        display: inline-block;
        margin: 0 .6rem 0 0;
    }

        .breadcrumbs li [class*=" icon-"], .breadcrumbs li [class^=icon-] {
            font-size: 64.28571%;
            vertical-align: middle;
            margin: 0 0 0 1rem;
        }

        .breadcrumbs li a, .tile .bottom-links {
            font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

        .breadcrumbs li:last-child [class*=" icon-"], .breadcrumbs li:last-child [class^=icon-] {
            display: none;
        }

        .breadcrumbs li a {
            font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            color: inherit;
        }

.tile {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    height: auto;
    width: 100%;
    position: relative;
}

    .tile .click-area {
        display: block;
    }

    .tile .avatar {
        position: absolute;
        top: -3rem;
        transform: translateX(-50%);
    }

    .tile .date, .tile.post.featured .avatar {
        height: 11rem;
        width: 11rem;
        top: -5.5rem;
    }

    .tile .date {
        background: #fb203a;
        position: absolute;
        transform: translateX(-50%);
        color: #fff;
        font-size: 218.75%;
        border-radius: 100%;
        box-sizing: border-box;
        padding: 4rem 0;
    }

        .tile .date small {
            font-size: 31.42857%;
            display: block;
        }

    .tile .price {
        font-size: 137.5%;
        font-weight: 300;
    }

    .tile .bottom-links {
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        position: absolute;
        bottom: 2rem;
        left: 8%;
        right: 8%;
    }

    .tile.bar .meta, .tile.pioneer-program .description a, .tile.pioneer-program .description p {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    .tile .bottom-links li {
        display: inline-block;
        float: left;
    }

        .tile .bottom-links li:last-child {
            float: right;
        }

    .tile .cta-footer {
        display: table;
        height: auto;
        width: 100%;
        text-align: left;
    }

        .tile .cta-footer li {
            display: table-cell;
            vertical-align: middle;
        }

            .tile .cta-footer li:last-child {
                text-align: right;
            }

    .tile.cta-event, .tile.cta-platform {
        text-align: center;
    }

    .tile.plain {
        background: 0 0;
    }

    .tile.product {
        overflow: hidden;
    }

    .tile.event.inactive .media {
        opacity: .7;
    }

    .tile.plain.founding-value .description .heading-sub {
        margin-bottom: 2rem;
    }

    .tile.cta-join {
        height: 270px;
        width: 100%;
        background: #000;
        color: #fff;
    }

        .tile.cta-join .heading-sub {
            margin: 0 0 3rem;
        }

    .tile.cta-event {
        background: 0 0;
        border: 1px solid #D8D8D8;
    }

        .tile.cta-event:before {
            display: block;
            padding-top: 125.3406%;
        }

        .tile.cta-event .inner {
            padding: 6.4rem 3.4rem 3.4rem;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

            .tile.cta-event .inner .robot {
                height: auto;
                width: 73px;
                margin: 3rem auto;
            }

            .tile.cta-event .inner .btn {
                position: absolute;
                bottom: 3.4rem;
                left: 50%;
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }

    .tile.cta-platform .media:before {
        display: block;
        padding-top: 125.3406%;
    }

    .tile.cta-platform .overlay {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
        background: rgba(24,41,77,.7);
    }

        .tile.cta-platform .overlay h2 {
            margin: 0 0 1rem;
        }

        .tile.cta-platform .overlay p {
            margin: 0 0 2rem;
        }

    .tile.cta-featured-content {
        padding: 2rem 1.4rem;
        box-sizing: border-box;
    }

        .tile.cta-featured-content + .cta-featured-content {
            padding-top: 0;
            margin-top: -3rem;
        }

    .tile.cta-pioneer {
        text-align: left;
        margin-bottom: 0;
    }

        .tile.cta-pioneer .media:before {
            display: block;
            padding-top: 77%;
        }

        .tile.cta-pioneer .cta-wrapper {
            display: block;
            float: left;
            position: relative;
            width: 100%;
        }

        .tile.cta-pioneer .overlay {
            opacity: 1;
            -ms-transform: scale(1);
            transform: scale(1);
            background: rgba(0,0,0,.7);
            padding: 4rem 3rem;
        }

            .tile.cta-pioneer .overlay h2 {
                margin: 0 0 1rem;
            }

            .tile.cta-pioneer .overlay p {
                margin: 0 0 3rem;
            }

            .tile.cta-pioneer .overlay .right-aligned {
                position: absolute;
                right: 0;
            }

@media (min-device-width:1025px) {
    .tile.cta-pioneer:hover .overlay {
        opacity: 1;
    }
}

.tile.cta-featured-content {
    text-align: left;
    margin-bottom: 0;
}

.tile.pioneer-program .description .heading-sub, .tile.pioneer-program .description p {
    margin-bottom: 2rem;
}

.tile.cta-featured-event {
    color: #fff;
}

    .tile.cta-featured-event .meta {
        position: absolute;
        top: .5rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }

        .tile.cta-featured-event .meta .btn {
            margin-top: 0;
        }

    .tile.cta-featured-event .description {
        text-align: center;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    .tile.cta-featured-event .media {
        background-color: #000;
    }

        .tile.cta-featured-event .media:before {
            display: block;
            padding-top: 65%;
        }

        .tile.cta-featured-event .media img {
            position: absolute;
            opacity: .5;
        }

    .tile.cta-featured-event .cta-wrapper {
        position: relative;
        text-align: center;
        top: -3rem;
    }

.tile.bar, .tile.cta-community {
    text-align: left;
}

.tile.cta-featured-event .cta-wrapper a {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

    .tile.cta-featured-event .cta-wrapper a:not(.btn) {
        color: #000;
        text-decoration: underline;
        margin-top: 2rem;
    }

.tile.pioneer-program {
    text-align: left;
    background: #000;
    color: #fff;
}

    .tile.pioneer-program .description a, .tile.pioneer-program .description p {
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

.tile.cta-support .media {
    background: #000;
}

    .tile.cta-support .media:before {
        display: block;
        padding-top: 116.62198%;
    }

.tile.cta-support .description {
    padding: 1.6rem 3rem;
}

    .tile.cta-support .description .heading-sub {
        margin-bottom: 1.5rem;
    }

.tile.cta-community .media:before {
    display: block;
    padding-top: 73.33333%;
}

.tile.cta-community .media img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.tile.cta-community .overlay {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
    background: rgba(0,0,0,.6);
}

    .tile.cta-community .overlay .btn {
        position: absolute;
        bottom: 4rem;
        left: 4rem;
    }

@media (min-device-width:1025px) {
    .tile.cta-community:hover .overlay {
        opacity: 1;
    }
}

.tile.story-item {
    height: 33.5rem;
}

    .content.content--support .tile.story-item a.w-icn, .content.support .tile.story-item a.w-icn, .sceditor-header-picker.content--support .tile.story-item a.w-icn, .sceditor-header-picker.support .tile.story-item a.w-icn, .supportpopup .tile.story-item .w-icn.forever-close, .tile.story-item .content.content--support a.w-icn, .tile.story-item .content.support a.w-icn, .tile.story-item .link-default.w-icn, .tile.story-item .sceditor-header-picker.content--support a.w-icn, .tile.story-item .sceditor-header-picker.support a.w-icn, .tile.story-item .supportpopup .w-icn.forever-close, .tile.story-item .w-icn.asset-download {
        color: #fff;
        position: absolute;
        top: 15rem;
        left: 2rem;
        z-index: 1;
    }

@media (max-width:767px) {
    .tile.story-item {
        min-height: 10rem;
        height: auto;
        font-size: 1.4rem;
        line-height: 128.57143%;
    }

    .grid.column-33 .col .tile.story-item {
        margin-bottom: .4rem;
    }

    .content.content--support .tile.story-item a.w-icn span, .content.support .tile.story-item a.w-icn span, .sceditor-header-picker.content--support .tile.story-item a.w-icn span, .sceditor-header-picker.support .tile.story-item a.w-icn span, .supportpopup .tile.story-item .w-icn.forever-close span, .tile.story-item .content.content--support a.w-icn span, .tile.story-item .content.support a.w-icn span, .tile.story-item .link-default.w-icn span, .tile.story-item .meta, .tile.story-item .sceditor-header-picker.content--support a.w-icn span, .tile.story-item .sceditor-header-picker.support a.w-icn span, .tile.story-item .supportpopup .w-icn.forever-close span, .tile.story-item .w-icn.asset-download span {
        display: none;
    }

    .content.content--support .tile.story-item a.w-icn, .content.support .tile.story-item a.w-icn, .sceditor-header-picker.content--support .tile.story-item a.w-icn, .sceditor-header-picker.support .tile.story-item a.w-icn, .supportpopup .tile.story-item .w-icn.forever-close, .tile.story-item .content.content--support a.w-icn, .tile.story-item .content.support a.w-icn, .tile.story-item .link-default.w-icn, .tile.story-item .sceditor-header-picker.content--support a.w-icn, .tile.story-item .sceditor-header-picker.support a.w-icn, .tile.story-item .supportpopup .w-icn.forever-close, .tile.story-item .w-icn.asset-download {
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        visibility: hidden;
        margin: 0;
    }

        .content.content--support .tile.story-item a.w-icn [class*=" icon-"], .content.content--support .tile.story-item a.w-icn [class^=icon-], .content.support .tile.story-item a.w-icn [class*=" icon-"], .content.support .tile.story-item a.w-icn [class^=icon-], .sceditor-header-picker.content--support .tile.story-item a.w-icn [class*=" icon-"], .sceditor-header-picker.content--support .tile.story-item a.w-icn [class^=icon-], .sceditor-header-picker.support .tile.story-item a.w-icn [class*=" icon-"], .sceditor-header-picker.support .tile.story-item a.w-icn [class^=icon-], .supportpopup .tile.story-item .w-icn.forever-close [class*=" icon-"], .supportpopup .tile.story-item .w-icn.forever-close [class^=icon-], .tile.story-item .content.content--support a.w-icn [class*=" icon-"], .tile.story-item .content.content--support a.w-icn [class^=icon-], .tile.story-item .content.support a.w-icn [class*=" icon-"], .tile.story-item .content.support a.w-icn [class^=icon-], .tile.story-item .link-default.w-icn [class*=" icon-"], .tile.story-item .link-default.w-icn [class^=icon-], .tile.story-item .sceditor-header-picker.content--support a.w-icn [class*=" icon-"], .tile.story-item .sceditor-header-picker.content--support a.w-icn [class^=icon-], .tile.story-item .sceditor-header-picker.support a.w-icn [class*=" icon-"], .tile.story-item .sceditor-header-picker.support a.w-icn [class^=icon-], .tile.story-item .supportpopup .w-icn.forever-close [class*=" icon-"], .tile.story-item .supportpopup .w-icn.forever-close [class^=icon-], .tile.story-item .w-icn.asset-download [class*=" icon-"], .tile.story-item .w-icn.asset-download [class^=icon-] {
            position: relative;
            position: absolute;
            top: 50%;
            bottom: auto;
            left: 50%;
            right: auto;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            visibility: visible;
            font-size: 200%;
        }

    .tile.story-item .description {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 2.5rem 2rem 2.5rem 16.5rem;
        text-align: left;
    }
}

.tile.story-item .description p {
    margin-top: 1rem;
    height: 5rem;
}

@media (max-width:767px) {
    .tile.story-item .description p {
        margin-top: 0;
        height: auto;
    }

    .tile.story-item .click-area {
        display: block;
        width: 15rem;
        height: 100%;
        position: absolute;
    }
}

@media (max-width:479px) {
    .tile.story-item .description {
        padding: 0 2rem 0 13.5rem;
    }

    .tile.story-item .click-area {
        width: 12rem;
    }
}

.tile.story-item .click-area:hover .media img {
    transform: translate3d(-50%,-50%,0) scale(1.03);
}

.tile.story-item .media {
    height: 19rem;
}

    .tile.story-item .media:after {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #000;
        opacity: .2;
    }

    .tile.story-item .media img {
        transform: translate3d(-50%,-50%,0) scale(1);
        -ms-transform-origin: center center;
        transform-origin: center center;
        transition: transform .4s cubic-bezier(.42,0,.58,1);
    }

.tile.story-item .description-meta {
    margin-top: 2rem;
    margin-bottom: 2.5rem;
}

@media (max-width:767px) {
    .tile.story-item .media {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .tile.story-item .description-meta {
        display: none;
    }
}

.tile.story-item .description-meta li {
    font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    display: inline-block;
    text-transform: uppercase;
}

.tile.story-item .description-meta .tag-item {
    padding-left: 1rem;
}

    .tile.story-item .description-meta .tag-item:first-child {
        padding-left: 0;
    }

.tile.story-item .description-meta .comment-count-item {
    padding-left: 1.2rem;
    margin-left: 1rem;
    position: relative;
    color: #7F7F7F;
}

    .tile.story-item .description-meta .comment-count-item:before {
        content: '';
        position: absolute;
        width: .1rem;
        height: 80%;
        opacity: .7;
        background-color: #7F7F7F;
        left: 0;
        top: 0;
    }

.tile .media.dimmed img, .tile.cover-image .media img {
    opacity: .8;
}

@media (min-device-width:1025px) {
    .tile:hover .overlay {
        opacity: .8;
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.tile.bar {
    margin-bottom: 2rem;
}

    .tile.bar.featured .description {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

@media (min-width:1025px) {
    .tile.bar.featured .media {
        width: 29rem;
    }

    .tile.bar.featured .description {
        padding-left: 31rem;
    }
}

.tile.bar .click-area {
    display: block;
    width: 100%;
}

.tile.bar .meta {
    color: grey;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.tile.bar .media {
    width: 15rem;
    height: 100%;
    position: absolute;
}

.tile.bar .read-more {
    color: #fb203a;
}

.tile.bar .heading-sub {
    margin-bottom: .5rem;
}

.tile.bar .copy {
    margin-top: 0;
}

    .tile.bar .copy span {
        color: grey;
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin-bottom: .5rem;
    }

@media (max-width:767px) {
    .tile.bar .copy {
        display: none;
    }
}

.tile.bar .description {
    float: left;
    padding: 2.5rem 2.5rem 2.5rem 17rem;
}

@media (max-width:479px) {
    .tile.bar .media {
        width: 9rem;
    }

    .tile.bar .description {
        padding: 2.5rem 2.5rem 2.5rem 11rem;
    }
}

.tile .meta {
    height: auto;
    width: 100%;
    text-align: right;
    padding: 1.5rem 2rem;
    box-sizing: border-box;
    font-size: 81.25%;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    z-index: 1;
}

    .tile .meta.inverted {
        color: #b6b6b6;
    }

    .tile .meta li {
        display: inline-block;
        vertical-align: middle;
    }

        .tile .meta li.left {
            float: left;
        }

        .tile .meta li .tag {
            display: inline-block;
            background: rgba(0,0,0,.42);
            padding: .6rem 11px .4rem;
            color: #fff;
            text-transform: uppercase;
            font-size: 75%;
            line-height: 1;
            border-radius: 100px;
            transition: padding .3s cubic-bezier(.23,1,.32,1);
        }

.tile .media:before, .tile.cover-image .media:before, .tile.cover-image.banner .media:before, .tile.cover-image.cta-support .media:before, .tile.small .media:before {
    content: '';
    display: block;
}

.tile .meta li .tag:hover {
    padding: .6rem 14px .4rem;
}

.tile .meta li a {
    color: inherit;
}

.tile .meta li [class*=" icon-"], .tile .meta li [class^=icon-] {
    font-size: 123.07692%;
    margin: 0 .5rem;
    vertical-align: middle;
}

.tile.event .media .overlay .centered-content .inner, .tile.post .media .overlay .centered-content .inner, .tile.product .media {
    vertical-align: bottom;
}

.tile .media {
    position: relative;
    overflow: hidden;
}

    .tile .media:before {
        padding-top: 52.77778%;
    }

    .tile .media .image, .tile .media img {
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        min-width: 100%;
        min-height: 100%;
        height: 103%;
        width: auto;
    }

    .tile .media.dimmed {
        background: #000;
    }

.tile.small .media:before {
    padding-top: 70.37037%;
}

.tile.cover-image .media {
    background-image: linear-gradient(45deg,#000 7%,#7F7F7F 69%);
}

    .tile.cover-image .media:before {
        padding-top: 67.02413%;
    }

.tile.cover-image .click-area {
    background: #000;
}

.tile.cover-image.cta-support .media:before {
    padding-top: 116.62198%;
}

.tile.cover-image.banner .media {
    background: #000;
    width: auto;
}

    .tile.cover-image.banner .media:before {
        padding-top: 24.39024%;
    }

@media (max-width:767px) {
    .tile.cover-image.banner .media:before {
        content: '';
        display: block;
        padding-top: 40.21448%;
    }
}

@media (max-width:479px) {
    .tile.post .meta {
        font-size: 62.5%;
        padding-left: 1em;
        padding-right: 1em;
    }

        .tile.post .meta [class*=" icon-"], .tile.post .meta [class^=icon-] {
            font-size: 100%;
            margin: 0 .1rem;
        }

    .tile.cover-image.banner .media:before {
        content: '';
        display: block;
        padding-top: 67.02413%;
    }
}

.tile.plain .media:before, .tile.product .media:before {
    content: none;
    display: none;
}

.tile.cover-image.banner .media img {
    opacity: .6;
    height: auto;
    width: 100%;
}

@media (max-width:767px) {
    .tile.cover-image.banner .media img {
        height: 100%;
        width: auto;
    }
}

.tile.plain .media.height-matched img {
    position: absolute;
}

.tile.plain .media .image, .tile.plain .media img {
    height: auto;
    width: auto;
    min-width: 0;
    min-height: 0;
    position: relative;
    top: auto;
    bottom: 0;
    left: auto;
    right: auto;
    -ms-transform: none;
    transform: none;
}

    .tile.plain .media .image.lazy-loaded, .tile.plain .media img.lazy-loaded {
        height: auto;
        width: 100%;
    }

.content.content--support .tile.plain .media a, .content.support .tile.plain .media a, .sceditor-header-picker.content--support .tile.plain .media a, .sceditor-header-picker.support .tile.plain .media a, .supportpopup .tile.plain .media .forever-close, .tile.plain .media .asset-download, .tile.plain .media .content.content--support a, .tile.plain .media .content.support a, .tile.plain .media .link-default, .tile.plain .media .sceditor-header-picker.content--support a, .tile.plain .media .sceditor-header-picker.support a, .tile.plain .media .supportpopup .forever-close {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    color: #fff;
}

.tile.product .media {
    text-align: center;
    padding: 3rem 2rem 0;
}

    .tile.product .media .image, .tile.product .media img {
        height: auto;
        width: 100%;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        max-width: 280px;
        display: inline-block;
        -ms-transform: none;
        transform: none;
        min-height: 0;
    }

.tile.info .media:before {
    content: '';
    display: block;
    padding-top: 49.04632%;
}

.tile.event .media:before, .tile.post .media:before {
    content: '';
    display: block;
    padding-top: 85.01362%;
}

.tile.event .media .overlay, .tile.post .media .overlay {
    background: rgba(0,0,0,.2);
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
}

.tile.event .media .comment, .tile.post .media .comment {
    font: normal normal 300 18px 300 18px/26px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.8rem/2.6rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 4rem 3rem 2rem;
    border-bottom: 1px solid #EAEAEA;
    overflow: hidden;
}

    .tile.event .media .comment:after, .tile.post .media .comment:after {
        content: '';
        height: 100px;
        width: 100%;
        background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 61%);
        display: block;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .tile.event .media .comment.inverted, .tile.post .media .comment.inverted {
        color: #fff;
    }

        .tile.event .media .comment.inverted:after, .tile.post .media .comment.inverted:after {
            content: none;
        }

.tile.event .media .highlight, .tile.post .media .highlight {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 4rem 3rem 2rem;
    color: #fff;
    background: rgba(0,0,0,.4);
}

.tile .overlay, .tile.event .media, .tile.post.cover-image .media {
    background: #000;
}

    .tile.event .media .highlight p, .tile.post .media .highlight p {
        font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    .tile.event .media:hover .overlay, .tile.post .media:hover .overlay {
        opacity: 0;
    }

@media (max-width:479px) {
    .tile.post .media .comment {
        font-size: 81.25%;
        line-height: 1.5em;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.tile.event.featured .media:before, .tile.post.featured .media:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.tile.post.cover-image .media:before {
    content: '';
    display: block;
    padding-top: 125.3406%;
}

.tile.post.cover-image .media .image, .tile.post.cover-image .media img {
    opacity: .7;
}

.tile.post.cover-image.featured .media:before {
    content: '';
    display: block;
    padding-top: 140.59946%;
}

.tile.cover-image.full .click-area {
    position: absolute;
    width: 100%;
    height: 100%;
}

.tile.cover-image.full .description {
    width: 100%;
    height: 100%;
    padding: 3rem;
}

@media (max-width:767px) {
    .tile.cover-image.full .description {
        padding: 1.5rem;
    }
}

.tile.cover-image.full .btn {
    bottom: 3rem;
    position: absolute;
}

.tile.cover-image.full .media {
    width: 100%;
    height: 100%;
}

    .tile.cover-image.full .media:before {
        display: none;
    }

    .tile.cover-image.full .media:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
    }

.tile.event .media .image, .tile.event .media img {
    opacity: .3;
}

.tile.event .media .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0 3rem;
}

    .tile.event .media .info .heading-sub {
        margin-bottom: .5rem;
    }

.tile.event-signup.cover-image .media:before {
    content: '';
    display: block;
    padding-top: 85.01362%;
    height: 15.2rem;
}

.tile .description {
    position: relative;
    box-sizing: border-box;
    padding: 1.6rem;
}

    .tile .description .indicator {
        margin: 0 1rem 0 0;
        color: #fb203a;
        border: 2px solid #fb203a;
        border-radius: 100%;
        height: 4.3rem;
        width: 4.3rem;
        display: inline-block;
        text-align: center;
        line-height: 4rem;
        float: left;
        box-sizing: border-box;
    }

    .tile .description .caption {
        font-size: 75%;
        color: #999;
    }

.tile.cover-image .description {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    color: #fff;
}

.tile.info .description, .tile.plain .description {
    text-align: left;
    padding: 2rem 0;
}

    .tile.info .description .heading-sub, .tile.plain .description .heading-sub {
        margin: 0 0 1rem;
    }

    .tile.info .description .heading-title, .tile.plain .description .heading-title {
        margin: 0 0 1.5rem;
    }

    .tile.info .description p, .tile.plain .description p {
        margin: 0 0 1rem;
    }

    .tile.info .description a, .tile.plain .description a {
        font-size: 87.5%;
    }

        .tile.info .description a [class*=" icon-"], .tile.info .description a [class^=icon-], .tile.plain .description a [class*=" icon-"], .tile.plain .description a [class^=icon-] {
            font-size: 112.5%;
        }

    .tile.info .description .btn, .tile.plain .description .btn {
        font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

        .tile.info .description .btn.plain, .tile.plain .description .btn.plain {
            font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            padding-top: 2rem;
            display: inline-block;
        }

.tile.info .description {
    padding: 2rem;
}

    .tile.info .description .heading-sub {
        text-align: center;
        margin: 0 0 1rem;
    }

.tile.product .description {
    padding: 1.6rem 1.6rem 3rem;
}

.tile.event .description, .tile.post .description {
    height: 15.2rem;
    padding: 3.5rem 3rem .8rem;
}

    .tile.event .description p, .tile.post .description p {
        color: #7F7F7F;
    }

@media (max-width:479px) {
    .tile.post .description {
        font-size: 68.75%;
        line-height: 1.5em;
        height: auto;
    }
}

.tile.post.cover-image .description {
    color: #fff;
    padding: 3rem;
    height: auto;
}

    .tile.post.cover-image .description .heading-sub {
        margin: 0 0 1rem;
    }

    .tile.post.cover-image .description p {
        color: #fff;
        margin: 0 0 1rem;
    }

    .tile.post.cover-image .description a {
        color: inherit;
        font: inherit;
    }

.tile.no-image .description {
    text-align: left;
}

    .tile.no-image .description .heading-sub {
        margin: 0 0 1.2rem;
    }

    .tile.no-image .description .all {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 700;
        float: right;
    }

    .tile.no-image .description .cta {
        color: #fb203a;
        font-weight: 400;
    }

        .tile.no-image .description .cta [class*=" icon-"], .tile.no-image .description .cta [class^=icon-] {
            vertical-align: -17%;
        }

    .tile.no-image .description .avatar {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        -ms-transform: none;
        transform: none;
    }

    .tile.no-image .description p {
        margin: 1.6rem 0;
    }

.tile .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    color: #fff;
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    transition: opacity .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1);
    padding: 4rem;
}

    .tile .overlay .heading-sub {
        margin: 0 0 1rem;
    }

    .tile .overlay .click-area {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.tile.product .overlay .btn {
    position: absolute;
    bottom: 4rem;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
}

    .tile.product .overlay .btn [class*=" icon-"], .tile.product .overlay .btn [class^=icon-] {
        font-size: 123.07692%;
    }

.hover-videos {
    max-width: 1440px;
    margin: 0 auto;
}

    .hover-videos .video-holder {
        position: relative;
        color: #fff;
        background-position: center;
        background-size: cover;
        background-color: #000;
        overflow: hidden;
    }

        .hover-videos .video-holder:after {
            content: '';
            display: block;
            padding-top: 56.25%;
        }

@media (max-width:1024px) {
    .hover-videos .video-holder.featured:after {
        content: '';
        display: block;
        padding-top: 46.875%;
    }

    .hover-videos .video-holder.featured video {
        height: auto;
        width: 100%;
    }
}

@media (max-width:1280px) {
    .hover-videos .video-holder:after {
        content: '';
        display: block;
        padding-top: 67.70833%;
    }
}

.hover-videos .video-holder .media {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .hover-videos .video-holder .media:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #000;
        opacity: .3;
    }

    .hover-videos .video-holder .media img {
        height: 100%;
        width: auto;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

@media (max-width:767px) {
    .hover-videos .video-holder:after {
        content: '';
        display: block;
        padding-top: 46.875%;
    }

    .hover-videos .video-holder .media img {
        height: auto;
        width: 100%;
    }
}

@media (max-width:479px) {
    .hover-videos .video-holder:after {
        content: '';
        display: block;
        padding-top: 67.70833%;
    }

    .hover-videos .video-holder .media img {
        height: 100%;
        width: auto;
    }
}

.hover-videos .video-holder video {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.hover-videos .video-holder .meta {
    text-align: right;
    position: absolute;
    width: calc(100% - 3rem);
    right: 3rem;
    top: 2rem;
}

    .hover-videos .video-holder .meta li {
        display: inline-block;
        margin-left: 1rem;
    }

        .hover-videos .video-holder .meta li a {
            display: inline;
        }

            .hover-videos .video-holder .meta li a [class*=" icon-"], .hover-videos .video-holder .meta li a [class^=icon-] {
                vertical-align: middle;
            }

.hover-videos .video-holder .click-area {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
}

.hover-videos .video-holder .description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6rem 6.7rem;
}

    .hover-videos .video-holder .description .heading-title {
        margin: 0 0 2.7rem;
    }

        .hover-videos .video-holder .description .heading-title em {
            font-weight: 400;
        }

    .hover-videos .video-holder .description p {
        max-width: 30rem;
    }

    .hover-videos .video-holder .description .link-play {
        position: absolute;
        left: 6.7rem;
        bottom: 6rem;
    }

        .hover-videos .video-holder .description .link-play.only-mobile {
            display: none;
        }

@media (max-width:767px) {
    .hover-videos .video-holder .description .link-play.only-mobile {
        display: block;
    }
}

.content.content--support .hover-videos .video-holder .description a.w-icn, .content.support .hover-videos .video-holder .description a.w-icn, .hover-videos .video-holder .description .content.content--support a.w-icn, .hover-videos .video-holder .description .content.support a.w-icn, .hover-videos .video-holder .description .link-default.w-icn, .hover-videos .video-holder .description .sceditor-header-picker.content--support a.w-icn, .hover-videos .video-holder .description .sceditor-header-picker.support a.w-icn, .hover-videos .video-holder .description .supportpopup .w-icn.forever-close, .hover-videos .video-holder .description .w-icn.asset-download, .sceditor-header-picker.content--support .hover-videos .video-holder .description a.w-icn, .sceditor-header-picker.support .hover-videos .video-holder .description a.w-icn, .supportpopup .hover-videos .video-holder .description .w-icn.forever-close {
    margin-right: 1rem;
}

    .content.content--support .hover-videos .video-holder .description a.w-icn [class*=" icon-"], .content.content--support .hover-videos .video-holder .description a.w-icn [class^=icon-], .content.support .hover-videos .video-holder .description a.w-icn [class*=" icon-"], .content.support .hover-videos .video-holder .description a.w-icn [class^=icon-], .hover-videos .video-holder .description .content.content--support a.w-icn [class*=" icon-"], .hover-videos .video-holder .description .content.content--support a.w-icn [class^=icon-], .hover-videos .video-holder .description .content.support a.w-icn [class*=" icon-"], .hover-videos .video-holder .description .content.support a.w-icn [class^=icon-], .hover-videos .video-holder .description .link-default.w-icn [class*=" icon-"], .hover-videos .video-holder .description .link-default.w-icn [class^=icon-], .hover-videos .video-holder .description .sceditor-header-picker.content--support a.w-icn [class*=" icon-"], .hover-videos .video-holder .description .sceditor-header-picker.content--support a.w-icn [class^=icon-], .hover-videos .video-holder .description .sceditor-header-picker.support a.w-icn [class*=" icon-"], .hover-videos .video-holder .description .sceditor-header-picker.support a.w-icn [class^=icon-], .hover-videos .video-holder .description .supportpopup .w-icn.forever-close [class*=" icon-"], .hover-videos .video-holder .description .supportpopup .w-icn.forever-close [class^=icon-], .hover-videos .video-holder .description .w-icn.asset-download [class*=" icon-"], .hover-videos .video-holder .description .w-icn.asset-download [class^=icon-], .sceditor-header-picker.content--support .hover-videos .video-holder .description a.w-icn [class*=" icon-"], .sceditor-header-picker.content--support .hover-videos .video-holder .description a.w-icn [class^=icon-], .sceditor-header-picker.support .hover-videos .video-holder .description a.w-icn [class*=" icon-"], .sceditor-header-picker.support .hover-videos .video-holder .description a.w-icn [class^=icon-], .supportpopup .hover-videos .video-holder .description .w-icn.forever-close [class*=" icon-"], .supportpopup .hover-videos .video-holder .description .w-icn.forever-close [class^=icon-] {
        top: 0;
        -ms-transform: none;
        transform: none;
    }

    .content.content--support .hover-videos .video-holder .description a.w-icn:after, .content.support .hover-videos .video-holder .description a.w-icn:after, .hover-videos .video-holder .description .content.content--support a.w-icn:after, .hover-videos .video-holder .description .content.support a.w-icn:after, .hover-videos .video-holder .description .link-default.w-icn:after, .hover-videos .video-holder .description .sceditor-header-picker.content--support a.w-icn:after, .hover-videos .video-holder .description .sceditor-header-picker.support a.w-icn:after, .hover-videos .video-holder .description .supportpopup .w-icn.forever-close:after, .hover-videos .video-holder .description .w-icn.asset-download:after, .sceditor-header-picker.content--support .hover-videos .video-holder .description a.w-icn:after, .sceditor-header-picker.support .hover-videos .video-holder .description a.w-icn:after, .supportpopup .hover-videos .video-holder .description .w-icn.forever-close:after {
        display: none;
        content: none;
    }

.hover-videos .video-holder .video {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background-color: #000;
    display: none;
}

@media (min-device-width:1025px) {
    .hover-videos .video-holder .video {
        display: block;
    }

    .product-block.featured .media:hover img {
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }

    .product-block.featured .media:hover .description .copy-caption {
        color: #fff;
    }
}

.hover-videos .video-holder .video video {
    opacity: .7;
}

    .hover-videos .video-holder .video video::-webkit-media-controls-panel {
        display: none !important;
        -webkit-appearance: none;
    }

    .hover-videos .video-holder .video video::--webkit-media-controls-play-button {
        display: none !important;
        -webkit-appearance: none;
    }

    .hover-videos .video-holder .video video::-webkit-media-controls-start-playback-button {
        display: none !important;
        -webkit-appearance: none;
    }

.hover-videos.bottom-aligned {
    max-width: 100%;
}

    .hover-videos.bottom-aligned .description {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 3rem;
        max-width: 50rem;
    }

        .hover-videos.bottom-aligned .description p {
            max-width: 100%;
        }

.product-block {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin-bottom: 2rem;
}

    .product-block.featured .media {
        background: #000;
        color: #fff;
    }

        .product-block.featured .media img {
            opacity: .5;
        }

    .product-block .media {
        background: #fff;
        margin-bottom: .1rem;
        position: relative;
        overflow: hidden;
    }

        .product-block .media:before {
            content: '';
            display: block;
            padding-top: 87.67123%;
        }

        .product-block .media .click-area {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

        .product-block .media img {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            right: 0;
            -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
            margin: 0 auto;
            height: auto;
            width: 100%;
            transition: transform .35s 50ms cubic-bezier(.455,.030,.515,.955),opacity .2s;
        }

        .product-block .media .full, .product-block .media .summary {
            position: absolute;
            top: 3.2rem;
            bottom: 0;
            left: 0;
            right: 0;
            padding: inherit;
            opacity: 1;
            transition: .5s 0s cubic-bezier(.25,.1,.25,1);
        }

            .product-block .media .summary p {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .product-block .media .full {
            opacity: 0;
        }

@media (min-device-width:1025px) and (min-width:767px) {
    .product-block .media:hover .description {
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition-delay: 50ms;
    }

        .product-block .media:hover .description .hider {
            opacity: 1;
        }

        .product-block .media:hover .description .summary {
            opacity: 0;
        }

        .product-block .media:hover .description .full {
            opacity: 1;
        }

    .product-block .media:hover img {
        -ms-transform: translate(-50%,-55%) scale(.9);
        transform: translate(-50%,-55%) scale(.9);
        transition-delay: 0s;
    }
}

.product-block .description {
    padding: 2rem 3rem;
    position: absolute;
    top: 100%;
    margin-top: -9.5rem;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    transition: transform .4s 0s cubic-bezier(.455,.030,.515,.955);
    overflow: hidden;
}

@media (max-width:800px) {
    .product-block .description {
        padding: 3rem 2rem;
    }
}

.product-block .description .heading-sub {
    margin: 0 0 .5rem;
}

@media (max-width:767px) {
    .product-block .description .heading-sub {
        font-size: inherit;
    }
}

.product-block .description .hider {
    transition: opacity .3s 50ms cubic-bezier(.455,.030,.515,.955);
    opacity: 0;
}

.product-block .price {
    font-size: 137.5%;
    font-weight: 300;
}

    .product-block .price .fine-print {
        font-size: 54.54545%;
        color: #7F7F7F;
        white-space: nowrap;
    }

.banner-register .description .selector, .banner-register .description input, body {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.product-block .cta-footer {
    display: table;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 3rem;
    text-align: left;
    background: #fff;
}

@media (max-width:800px) {
    .product-block .cta-footer {
        padding: 2rem;
    }
}

.product-block .cta-footer li {
    display: table-cell;
    vertical-align: middle;
}

    .product-block .cta-footer li:last-child {
        text-align: right;
    }

.banner-register .btn, .banner-support .col .centered-content {
    text-align: center;
}

.product-block .cta-footer .btn {
    white-space: nowrap;
}

.banner-app {
    background: #fff;
    padding: 4rem 5rem;
    position: relative;
    margin-bottom: 7rem;
}

@media (max-width:1024px) {
    .banner-app {
        margin-bottom: 0;
    }
}

.banner-app .media {
    position: absolute;
    width: 100%;
    max-width: 50%;
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width:800px) {
    .banner-app {
        padding: 2rem;
    }

        .banner-app .media {
            position: static;
            -ms-transform: none;
            transform: none;
            margin: 0 auto;
            max-width: 35rem;
        }
}

.banner-app .media img {
    max-width: 100%;
}

.banner-app .description {
    max-width: 50%;
}

@media (max-width:800px) {
    .banner-app .description {
        max-width: none;
    }
}

.banner-app .description p {
    margin-bottom: 1rem;
}

.banner-app .description .heading-title, .banner-app .description .list-default, .banner-app .description .list-numbered {
    margin-bottom: 1.5rem;
}

.banner-app .app-download {
    height: auto;
    width: 15rem;
    display: inline-block;
    margin: 0 1rem 0 0;
}

    .banner-app .app-download:before {
        content: '';
        display: block;
        padding-top: 31.54362%;
    }

    .banner-app .app-download.app-store {
        background: url(/images/Ultimaker-Apple-Logo.png) no-repeat;
    }

    .banner-app .app-download.play-store {
        background: url(/images/Ultimaker-Google-Logo.png) no-repeat;
    }

    .banner-app .app-download.app-store, .banner-app .app-download.play-store {
        background-size: contain;
    }

    .banner-app .app-download img {
        max-width: 100%;
    }

.banner-app.preview {
    padding: 2.5rem 5rem;
    margin-bottom: 0;
}

    .banner-app.preview .description {
        max-width: none;
        margin-right: 25rem;
    }

@media (max-width:800px) {
    .banner-app.preview {
        padding: 2rem;
    }

        .banner-app.preview .description {
            margin: 0 12.5rem 0 0;
        }
}

@media (max-width:479px) {
    .banner-app.preview .description {
        margin: 0;
    }
}

.banner-app.preview .description .heading-sub {
    margin-bottom: 1rem;
}

.banner-app.preview .media {
    max-width: 20rem;
    right: 5rem;
}

@media (max-width:800px) {
    .banner-app.preview .media {
        position: absolute;
        max-width: 12.5rem;
        right: 1rem;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-width:479px) {
    .banner-app.preview .media {
        position: static;
        -ms-transform: none;
        transform: none;
        margin: 0 auto 1rem;
    }
}

.banner-register, .banner-support, .banner-support .col, .card-carousel {
    position: relative;
}

@media (max-width:800px) {
    .banner-app.preview .app-download {
        width: 10rem;
        margin: 0 .5rem 0 0;
    }
}

.banner-register {
    background: #fff;
    padding: 4rem 5rem;
    margin-bottom: 20px;
}

@media (max-width:1024px) {
    .banner-register {
        margin-bottom: 0;
    }
}

@media (max-width:800px) {
    .banner-register {
        padding: 2rem;
    }
}

.banner-register .description .selector, .banner-register .description input {
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.banner-register .description .login-assistance .btn, .banner-support .col .btn.plain {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.banner-register .description .btn {
    margin-top: 1.5rem;
}

.banner-register .description .login-assistance .btn {
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    float: right;
    margin: .3rem 0;
}

.banner-support {
    background: #fff;
    padding: 4rem 5rem;
}

    .banner-support .col .btn.plain {
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 100%;
    }

@media (max-width:1024px) {
    .banner-support {
        background: 0 0;
        padding: 0 3rem;
        text-align: center;
    }

        .banner-support .col {
            margin-top: 3rem;
        }
}

.pageheader-filter .filter-select .selector {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-align: left;
    padding: 1rem 3rem .5rem 1.5em;
    min-width: 20rem;
    display: table;
    margin: 0 auto 1rem;
}

.card-carousel {
    height: 57.5rem;
    width: 100%;
    padding-bottom: 60px;
    color: #fff;
}

@media (max-width:767px) {
    .card-carousel {
        height: auto;
        width: 100%;
        padding: 0 1rem 60px;
        box-sizing: border-box;
        background: linear-gradient(to bottom,transparent 0,#f5f5f5 100%);
    }
}

.card-carousel .carousel, .card-carousel .carousel .slide {
    height: 100%;
    width: 100%;
}

@media mobile-lanscape {
    .card-carousel .carousel {
        overflow: hidden;
    }
}

.card-carousel .carousel .slide .media {
    height: 100%;
    width: 100%;
    position: relative;
    background: #000;
}

    .card-carousel .carousel .slide .media img {
        height: auto;
        width: 100%;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover";
        opacity: .7;
    }

@media (max-width:767px) {
    .card-carousel .carousel .slide .media img {
        position: relative;
        top: auto;
        left: auto;
        -ms-transform: none;
        transform: none;
    }
}

.card-carousel .description {
    height: auto;
    width: 1180px;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    padding: 0 40% 0 0;
    box-sizing: border-box;
}

    .card-carousel .description .heading-title {
        margin: 0 0 1.5rem;
    }

@media (max-width:767px) {
    .card-carousel .description {
        height: auto;
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        -ms-transform: none;
        transform: none;
        background: #fff;
        color: #000;
        padding: 1.6rem;
    }

        .card-carousel .description .heading-title {
            font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        }

        .card-carousel .description .copy-article {
            font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        }
}

.author-slider {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.2em;
    text-align: right;
    position: absolute;
    display: inline-block;
    bottom: 3rem;
    right: 5%;
}

.content-pane.centered, .drag-knob, .header-component, .l-center div, .rotation-screen {
    text-align: center;
}

@media (max-width:479px) {
    .author-slider {
        right: 8%;
    }

        .author-slider .avatar {
            height: 4rem;
            width: 4rem;
        }
}

.author-slider .name {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
}

.author-slider .avatar {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    -ms-transform: none;
    transform: none;
}

.content-pane .content {
    padding: 7rem 10%;
    background: #fff;
}

.drag-knob {
    height: 6rem;
    width: 6rem;
    background: #fff;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 24px 0;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    font: 0/0 a;
}

    .drag-knob [class*=" icon-"], .drag-knob [class^=icon-] {
        font-size: 1.3rem;
        display: inline-block;
        vertical-align: middle;
        transition: padding .4s cubic-bezier(.23,1,.32,1);
        line-height: 1.6rem;
    }

        .drag-knob [class*=" icon-"]:first-child, .drag-knob [class^=icon-]:first-child {
            padding: 0 5px 0 0;
            border-right: 2px solid #000;
        }

        .drag-knob [class*=" icon-"]:last-child, .drag-knob [class^=icon-]:last-child {
            padding: 0 0 0 5px;
        }

    .drag-knob:hover [class*=" icon-"]:first-child, .drag-knob:hover [class^=icon-]:first-child {
        padding: 0 10px 0 0;
    }

    .drag-knob:hover [class*=" icon-"]:last-child, .drag-knob:hover [class^=icon-]:last-child {
        padding: 0 0 0 10px;
    }

.loading-screen {
    background: #fff;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 14;
}

    .loading-screen .limiter {
        width: 30rem;
        background: rgba(0,0,0,.3);
        margin: 0 auto;
    }

        .loading-screen .limiter .loader {
            width: 0;
            display: block;
            background: #000;
            transition: width .4s cubic-bezier(.23,1,.32,1);
        }

            .loading-screen .limiter .loader .mask {
                display: block;
                width: 30rem;
                position: relative;
            }

                .loading-screen .limiter .loader .mask:before {
                    content: '';
                    display: block;
                    padding-top: 14.57%;
                }

                .loading-screen .limiter .loader .mask img {
                    height: auto;
                    width: 140%;
                    position: absolute;
                    top: 50%;
                    bottom: auto;
                    left: 50%;
                    right: auto;
                    -ms-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                }

.rotation-screen {
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 16;
    display: none;
}

    .rotation-screen [class*=" icon-"], .rotation-screen [class^=icon-] {
        font-size: 10rem;
        display: block;
        margin: 0 0 2rem;
    }

body, html {
    padding-top: 0;
    height: 100vh;
}

    body.hidden, html.hidden {
        display: block;
    }

html {
    font-size: 62.5%;
}

body {
    font: normal normal 400 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #000;
    background: #fff;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    body.is-popupopen {
        overflow: hidden;
    }

.footer-main, .push {
    height: 174px;
}

    .footer-main.minimal, .push.minimal {
        height: 110px;
    }

@media (max-width:850px) {
    .footer-main.minimal, .push.minimal {
        height: 176px;
    }
}

@media (max-width:1024px) {
    .footer-main, .push {
        height: 240px;
    }
}

.main {
    position: relative;
}

.view {
    min-height: 100vh;
    box-sizing: border-box;
}

    .view.bg-gray {
        background: #f5f5f5;
    }

    .view.w-sub-nav {
        padding-top: 60px;
    }

@media (max-width:767px) {
    .view.w-sub-nav {
        padding-top: 0;
        overflow: hidden;
    }
}

.view--is-hidden {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.view .gradient-bg {
    background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
}

.view .bg-hexagon, .view .hero .bg-hexagon {
    height: auto;
    width: 102.4rem;
    background: url(/images/hexagon.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: -5rem;
    bottom: auto;
    left: 30%;
    right: auto;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .view .bg-hexagon:before, .view .hero .bg-hexagon:before {
        content: '';
        display: block;
        padding-top: 115%;
    }

@media (max-width:800px) {
    .view .bg-hexagon, .view .hero .bg-hexagon {
        top: 12rem;
        left: 50%;
    }
}

.view .hero .bg-hexagon {
    top: auto;
    bottom: -5rem;
    left: 30%;
    right: auto;
}

@media (max-width:800px) {
    .view .hero .bg-hexagon {
        top: 6rem;
        left: 50%;
    }
}

.header-component, .site-frame, .view-explore-education .carousel-pioneers .carousel .viewport, .view.view-about .carousel-timeline .carousel .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .view.view-modal .holder {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    padding: 0 1rem;
    box-sizing: border-box;
}

    .full.header-component, .site-frame.full, .view-explore-education .carousel-pioneers .carousel .full.viewport, .view.view-about .carousel-timeline .carousel .full.viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .full.viewport, .view.view-modal .full.holder {
        max-width: 1440px;
    }

    .large.header-component, .site-frame.large, .view-explore-education .carousel-pioneers .carousel .large.viewport, .view.view-about .carousel-timeline .carousel .large.viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .large.viewport, .view.view-modal .large.holder {
        max-width: 1210px;
    }

    .article-resources .content .columns, .medium.header-component, .site-frame.medium, .view-explore-education .carousel-pioneers .carousel .medium.viewport, .view.view-about .carousel-timeline .carousel .medium.viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .medium.viewport, .view.view-explore-article .article-explore .content .columns, .view.view-modal .medium.holder {
        max-width: 980px;
    }

    .site-frame.small, .small.header-component, .view-explore-education .carousel-pioneers .carousel .small.viewport, .view.view-about .carousel-timeline .carousel .small.viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .small.viewport, .view.view-explore-article .article-explore .content > *, .view.view-modal .small.holder {
        max-width: 700px;
    }

.only-desktop, .only-desktop.only-mobile, .only-desktop.only-tablet {
    display: block;
}

@media (max-width:1024px) {
    .only-desktop {
        display: none;
    }

        .only-desktop.only-tablet {
            display: block;
        }

        .only-desktop.only-mobile {
            display: none;
        }
}

@media (max-width:767px) {
    .only-desktop, .only-desktop.only-tablet {
        display: none;
    }

        .only-desktop.only-mobile {
            display: block;
        }
}

.only-tablet {
    display: none;
}

@media (max-width:1024px) {
    .only-tablet {
        display: block;
    }
}

.only-mobile {
    display: none;
}

@media (max-width:767px) {
    .only-tablet {
        display: none;
    }

    .only-mobile {
        display: block;
    }
}

.l-navigationwrapper {
    padding: 0 25px;
    display: block;
}

[class*=" l-cell"], [class^=l-cell] {
    display: block;
    float: left;
    box-sizing: border-box;
    min-height: 1px;
}

.l-cell100 {
    width: 100%;
}

.l-cell75 {
    width: 75%;
}

.l-cell66 {
    width: 66.666%;
}

.l-cell50 {
    width: 50%;
}

.l-cell33 {
    width: 33.333%;
}

.l-cell25 {
    width: 25%;
}

.l-cell20 {
    width: 20%;
}

.l-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.l-flex--centered {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.l-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box;
}

    .l-wrapper.extended {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .l-wrapper:after, .l-wrapper:before {
        content: " ";
        display: table;
    }

    .l-wrapper:after {
        clear: both;
    }

.l-wrapper--extra {
    max-width: 1210px;
}

.l-pad {
    padding: 10px;
}

.l-pad--vertical {
    padding: 10px 0;
}

.l-pad--horizontaldouble {
    padding-left: 25px;
    padding-right: 25px;
}

.l-padsmall {
    padding: 5px;
}

.l-pad--nobottom, .l-pad--side {
    padding-bottom: 0;
}

.l-pad--side {
    padding-top: 0;
}

.l-left {
    float: left;
}

.l-right {
    float: right;
}

.l-center div {
    margin: 0 auto;
}

.l-nofloat {
    float: none;
}

.l-bottompagemargin {
    margin-bottom: 80px;
}

.android .r-actualmobilehidden, .iOS .r-actualmobilehidden, .r-actualmobileshown {
    display: none;
}

.android .r-actualmobileshown, .iOS .r-actualmobileshown {
    display: block;
}

.centered-content {
    height: 100%;
    width: 100%;
    display: table;
}

    .centered-content .inner {
        display: table-cell;
        vertical-align: middle;
    }

.header-component {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    direction: ltr;
    margin: 0 auto;
    padding: 6rem 0 2.5rem;
}

    .header-component .copy-article, .header-component .copy-default {
        max-width: 700px;
        margin: 1.5rem auto 0;
    }

    .header-component.align-left {
        text-align: left;
    }

    .header-component.align-right {
        text-align: right;
    }

    .header-component.align-justify {
        text-align: justify;
        text-align-last: justify;
    }

@media (max-width:767px) {
    .header-component.align-justify {
        text-align: center;
        text-align-last: center;
    }
}

.header-component.align-justify > * {
    display: inline-block;
    text-align: left;
    text-align-last: left;
    margin: 0 0 1rem;
}

@media (max-width:767px) {
    .header-component.align-justify > * {
        text-align: center;
        text-align-last: center;
    }
}

.header-component .decoda-list {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin-top: 3rem;
    color: #7F7F7F;
}

    .header-component .decoda-list li {
        display: inline-block;
        padding-right: .75rem;
        line-height: 2.5rem;
    }

        .header-component .decoda-list li:after {
            content: '|';
            padding-left: .75rem;
            vertical-align: middle;
        }

.footer-hexagon .media:after, .footer-hexagon:after, .footer-hexagon:before, .view-article-overview .hover-videos .grid > .col:nth-of-type(2):after, .view.view-modal .close-layer {
    content: '';
}

.header-component .decoda-list li:last-child:after {
    display: none;
}

.header-component .filter .btn {
    margin-bottom: .4rem;
}

    .header-component .filter .btn.light {
        background-color: #fff;
    }

        .header-component .filter .btn.light.is-selected, .header-component .filter .btn.light:hover {
            background-color: #fb203a;
        }

.header-component .filters {
    margin: 2rem 0;
}

    .header-component .filters .label {
        color: #7F7F7F;
    }

.footer-main {
    width: 100%;
    background: #fff;
    padding: .5em 0 0;
    position: absolute;
    font-size: 81.25%;
    box-sizing: border-box;
    overflow: hidden;
    margin: 7rem 0 0;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
}

    .footer-main.minimal {
        margin: 0;
    }

@media (max-width:1024px) {
    .footer-main.minimal .links {
        float: right;
    }
}

@media (max-width:850px) {
    .footer-main.minimal .links {
        float: none;
    }
}

@media (max-width:1024px) {
    .footer-main.minimal .branding {
        float: left;
    }
}

@media (max-width:850px) {
    .footer-main.minimal .branding {
        float: none;
        width: auto;
        text-align: center;
        margin: 1rem 0 0;
    }

        .footer-main.minimal .branding .info {
            text-align: left;
        }
}

.footer-main.minimal .follow-count li:last-child {
    display: list-item;
    width: auto;
}

.footer-main .links {
    float: right;
}

.footer-main .branding {
    float: left;
}

.footer-main .regionselector {
    margin: 1.3rem 0 0;
    display: inline-block;
}

@media (max-width:767px) {
    .footer-main .regionselector {
        display: none;
    }
}

@media (max-width:1024px) {
    .footer-main {
        height: 240px;
    }

        .footer-main .branding, .footer-main .links {
            float: none;
        }

        .footer-main .branding {
            margin-top: 1rem;
        }
}

@media (max-width:850px) {
    .footer-main .branding, .footer-main .links {
        float: none;
        margin: 0 auto;
        width: 260px;
    }

    .footer-main .nav .nav-list {
        display: none;
    }
}

.footer-main .nav {
    margin-right: 2em;
    float: right;
}

@media (max-width:1024px) {
    .footer-main .nav {
        float: left;
    }
}

.footer-main .nav .nav-list {
    height: 11em;
    padding: .5em 2em;
    float: left;
    border-right: 1px solid #E3E3E3;
    box-sizing: border-box;
}

    .footer-main .nav .nav-list.no-border {
        border: none;
    }

    .footer-main .nav .nav-list li.title {
        font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 123.07692%;
        margin-bottom: .2em;
        display: inline-block;
    }

    .footer-main .nav .nav-list li a {
        color: #000;
        display: block;
        font-weight: 100;
    }

.footer-main .follow-count {
    overflow: hidden;
    width: 20em;
    float: right;
}

    .footer-main .follow-count li {
        float: left;
        margin: .25em 0;
    }

        .footer-main .follow-count li.title {
            font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
            font-size: 123.07692%;
            margin: .5em;
            width: 100%;
        }

        .footer-main .follow-count li > a {
            margin-bottom: 1em;
            padding-right: .8em;
            color: #000;
        }

            .footer-main .follow-count li > a > span {
                width: 75px;
                height: 30px;
                line-height: 28px;
                border: 1px solid #E3E3E3;
                display: inline-block;
                padding: 0 7px;
                box-sizing: border-box;
                color: #000;
            }

        .footer-main .follow-count li:last-child {
            width: 100%;
            display: block;
            font-size: 1.3rem;
        }

            .footer-main .follow-count li:last-child .icon {
                color: inherit;
                font-size: 1.3rem;
            }

    .footer-main .follow-count .icon {
        font-size: 1.7rem;
        vertical-align: sub;
        width: 3.2rem;
        color: #000;
        text-align: center;
    }

.footer-main .newslettersubscriber [class*=" icon-"], .footer-main .newslettersubscriber [class^=icon-] {
    vertical-align: -10%;
}

.footer-main .copyright {
    color: #999;
    padding: 1rem 0 0;
    font-size: 1rem;
    position: relative;
}

@media (max-width:850px) {
    .footer-main .copyright {
        position: absolute;
        bottom: 1.8rem;
        left: 50%;
        margin-left: -7rem;
    }

    .footer-main .logotype {
        margin-top: -2rem;
    }
}

.footer-main .copyright > a {
    color: inherit;
    margin-left: .75em;
    white-space: nowrap;
}

.footer-main .logo {
    white-space: nowrap;
    display: block;
}

.footer-main .bot, .footer-main .info, .footer-main .logotype {
    display: inline-block;
    vertical-align: middle;
}

.footer-main .info {
    margin-left: 1rem;
}

@media (max-width:800px) {
    .footer-main .logo {
        white-space: nowrap;
        text-align: center;
        display: inline-block;
    }

    .footer-main .info {
        text-align: left;
        max-width: 70%;
        white-space: normal;
    }
}

.footer-main .back {
    color: #fb203a;
}

@media (max-width:479px) {
    .footer-main .back {
        font-size: 1.1rem;
        padding-bottom: 2rem;
        display: inline-block;
        line-height: 1.6rem;
    }
}

.footer-main .bot {
    width: 49px;
    margin-right: .4em;
    height: 73px;
}

    .footer-main .bot.jumping {
        animation: robotwiggle .5s 1;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    .footer-main .bot.walkingaway {
        animation: hike 5s linear;
        animation-fill-mode: both;
    }

        .footer-main .bot.walkingaway img {
            animation: wiggle .25s linear alternate infinite;
        }

    .footer-main .bot img {
        transform: translateZ(0);
    }

.footer-main .logotype {
    width: 102px;
    height: 15px;
}

.footer-hexagon {
    position: relative;
    background: #fff;
    color: #fff;
    overflow: hidden;
    padding-bottom: 20%;
    margin-top: -30%;
    z-index: 1;
}

    .footer-hexagon:after {
        display: block;
        padding-top: 57.5%;
    }

    .footer-hexagon:before {
        position: absolute;
        top: -20%;
        bottom: auto;
        left: 0;
        right: 0;
        height: 100%;
        width: 120%;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -ms-transform: rotate(-30deg);
        transform: rotateZ(-30deg);
        background: #fff;
        z-index: 1;
    }

@media (max-width:767px) {
    .footer-hexagon {
        margin-top: 0;
        padding-bottom: 20%;
    }

        .footer-hexagon:after {
            content: '';
            display: block;
            padding-top: 100%;
        }

        .footer-hexagon:before {
            top: -50%;
        }
}

@media (max-width:479px) {
    .footer-hexagon {
        margin-top: -30%;
        padding-bottom: 60%;
    }

        .footer-hexagon:after {
            content: '';
            display: block;
            padding-top: 100%;
        }

        .footer-hexagon:before {
            top: -60%;
        }
}

.footer-hexagon .media {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .footer-hexagon .media:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.25);
    }

    .footer-hexagon .media img, .footer-hexagon .media video {
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        min-width: 115%;
        min-height: 115%;
        height: auto;
        width: auto;
    }

@media (max-width:1024px) {
    .footer-hexagon .media img {
        left: auto;
        right: -200px;
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .footer-hexagon .media .info .copy-article, .footer-hexagon .media .info .copy-default {
        display: none;
    }
}

.footer-hexagon .media .info {
    max-width: 40rem;
    position: absolute;
    top: 68%;
    right: 9%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

    .footer-hexagon .media .info .copy-article, .footer-hexagon .media .info .copy-default, .footer-hexagon .media .info .heading-page, .footer-hexagon .media .info .heading-title {
        margin: 0 0 2rem;
    }

    .footer-hexagon .media .info .list-default, .footer-hexagon .media .info .list-numbered {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin: 0 0 2rem;
    }

        .footer-hexagon .media .info .list-default li, .footer-hexagon .media .info .list-numbered li {
            margin: 0;
        }

.view-banner-overview .hero, .view-register .banner-register, .view.view-article-detail .replies, .view.view-generic .header-component {
    margin-bottom: 60px;
}

.footer-hexagon .media .info .list-default li [class*=" icon-"], .footer-hexagon .media .info .list-default li [class^=icon-], .footer-hexagon .media .info .list-numbered li [class*=" icon-"], .footer-hexagon .media .info .list-numbered li [class^=icon-] {
    font-size: 2rem;
    color: #CBF378;
}

@media (max-width:767px) {
    .footer-hexagon .media .info {
        min-width: 21rem;
        max-width: 35rem;
        width: 100%;
        text-align: center;
        right: auto;
        left: 50%;
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }
}

.view.view-generic {
    background: #f5f5f5;
}

.view.view-modal {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 5000;
    display: none;
}

    .view.view-modal .close-layer {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.6);
    }

        .view.view-modal .close-layer .icon-close {
            height: 3.5rem;
            width: 3.5rem;
            font-size: 2rem;
            line-height: 3.5rem;
            text-align: center;
            position: absolute;
            top: 4rem;
            right: 4rem;
            border: 2px solid #fff;
            color: #fff;
            border-radius: 100%;
            cursor: pointer;
        }

            .view.view-modal .close-layer .icon-close:before {
                display: inline-block;
                transition: transform .4s cubic-bezier(.23,1,.32,1);
            }

            .view.view-modal .close-layer .icon-close:hover:before {
                -ms-transform: rotate(-360deg);
                transform: rotateZ(-360deg);
            }

    .view.view-modal .holder {
        background: #fff;
        padding: 3rem;
        box-sizing: border-box;
    }

.view-banner-overview, .view-register, .view-register-confirm {
    background: #f5f5f5;
}

.view.view-modal .holder.small {
    max-width: 40rem;
}

.view.view-modal .holder.medium {
    max-width: 62rem;
}

.view.view-modal .holder.large {
    max-width: 90rem;
}

.view-banner-overview .header-component {
    padding-top: 0;
}

.view-banner-overview .overview-categories {
    padding-bottom: 40px;
}

.view-banner-overview .solutions-cta {
    padding-bottom: 60px;
}

.view-register {
    overflow: hidden;
}

    .view-explore-education .carousel-pioneers .carousel .view-register .viewport, .view-register .header-component, .view-register .site-frame, .view-register .view-explore-education .carousel-pioneers .carousel .viewport, .view-register .view.view-about .carousel-timeline .carousel .viewport, .view-register .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .view-register .view.view-modal .holder, .view.view-about .carousel-timeline .carousel .view-register .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .view-register .viewport, .view.view-modal .view-register .holder {
        max-width: 50rem;
    }

.view.view-article-detail {
    background-color: #f5f5f5;
}

    .view.view-article-detail .article {
        background-color: #fff;
    }

.view-article-overview {
    padding-top: 0;
    background: #f5f5f5;
}

    .view-article-overview .hover-videos .grid > .col:nth-of-type(1) {
        box-sizing: border-box;
        position: relative;
    }

        .view-article-overview .hover-videos .grid > .col:nth-of-type(1):after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: .4rem;
            height: 100%;
            background: #f5f5f5;
        }

@media (max-width:1024px) {
    .view-article-overview .hover-videos .grid > .col:nth-of-type(1):after {
        top: auto;
        bottom: 0;
        height: .4rem;
        width: 100%;
    }
}

@media (max-width:767px) {
    .view-article-overview .hover-videos .grid > .col:nth-of-type(1):after {
        height: .2rem;
    }
}

.view-article-overview .hover-videos .grid > .col:nth-of-type(2) {
    box-sizing: border-box;
    position: relative;
}

    .view-article-overview .hover-videos .grid > .col:nth-of-type(2):after {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        height: .4rem;
        width: 100%;
        background: #f5f5f5;
    }

@media (max-width:1024px) {
    .view-article-overview .hover-videos .grid > .col:nth-of-type(2):after {
        top: 0;
        right: auto;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 100%;
        width: .4rem;
    }
}

@media (max-width:767px) {
    .view-article-overview .hover-videos .grid > .col:nth-of-type(2):after {
        width: .2rem;
    }
}

@media (max-width:1024px) {
    .view-article-overview .hover-videos .grid > .col:nth-of-type(2) .video-holder {
        width: 50%;
        float: left;
    }

        .view-article-overview .hover-videos .grid > .col:nth-of-type(2) .video-holder:after {
            content: '';
            display: block;
            padding-top: 78.125%;
        }
}

@media (max-width:767px) {
    .view-article-overview .hover-videos .grid .video-holder .description {
        padding: 2rem 2rem .75rem;
    }

        .view-article-overview .hover-videos .grid .video-holder .description .heading-title {
            font-size: 137.5%;
            line-height: 150%;
        }
}

@media (max-width:479px) {
    .view-article-overview .hover-videos .grid .video-holder .description .heading-title {
        font-size: 112.5%;
        line-height: 125%;
    }
}

@media (max-width:1280px) {
    .view-article-overview .hover-videos .grid .video-holder .description .heading-title {
        margin-bottom: 1rem;
    }

    .view-article-overview .hover-videos .grid .video-holder .description a, .view-article-overview .hover-videos .grid .video-holder .description p {
        display: none;
    }
}

.view-article-overview .filter-select {
    display: none;
    overflow: hidden;
}

@media (max-width:800px) {
    .view-article-overview .hover-videos .grid .video-holder.featured .description {
        text-align: center;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .view-article-overview .filter-select {
        display: block;
        margin-bottom: 2rem;
    }

    .view-article-overview .filtersentence {
        display: none;
    }
}

.view-article-overview .pageheader .title {
    margin-bottom: 1rem;
    overflow: hidden;
}

    .view-article-overview .pageheader .title span {
        font-size: 53.33333%;
    }

.view {
    overflow-x: hidden;
    overflow-y: visible;
}

.view-index {
    position: relative;
    overflow: visible;
    min-height: 0;
}

.faux-view-index > .view {
    min-height: calc(100vh - 174px);
    padding: 5.9rem 0 0;
}

    .faux-view-index > .view.w-sub-nav {
        padding-top: 122px;
    }

@media (max-width:767px) {
    .faux-view-index > .view.w-sub-nav {
        padding-top: 5.9rem;
    }
}

.faux-view-index > .view .hero {
    margin-top: -5.9rem;
}

    .faux-view-index > .view .hero.secondary {
        margin-top: 0;
        overflow: hidden;
    }

.faux-view-index .btn.support {
    top: auto;
    bottom: 1.8rem;
    left: auto;
    right: 1.8rem;
    position: fixed;
    z-index: 10;
    padding: .4rem 2.5rem .9rem 3.8rem;
    font-size: 1.7rem;
}

.view-product .hero:after, .view.view-apac .featured-products:before {
    content: '';
    bottom: 0;
    z-index: -1;
    left: 0;
    right: 0;
}

.faux-view-index .btn.support.only-desktop, .faux-view-index .btn.support.only-desktop.only-mobile, .faux-view-index .btn.support.only-desktop.only-tablet {
    display: inline-block;
}

@media (max-width:1024px) {
    .faux-view-index > .view .hero {
        margin-top: 0;
    }

    .faux-view-index .btn.support.only-desktop {
        display: none;
    }

        .faux-view-index .btn.support.only-desktop.only-tablet {
            display: inline-block;
        }

        .faux-view-index .btn.support.only-desktop.only-mobile {
            display: none;
        }
}

@media (max-width:767px) {
    .faux-view-index .btn.support.only-desktop, .faux-view-index .btn.support.only-desktop.only-tablet {
        display: none;
    }

        .faux-view-index .btn.support.only-desktop.only-mobile {
            display: inline-block;
        }
}

.faux-view-index .btn.support.only-tablet {
    display: none;
}

@media (max-width:1024px) {
    .faux-view-index .btn.support.only-tablet {
        display: inline-block;
    }
}

.faux-view-index .btn.support.only-mobile {
    display: none;
}

@media (max-width:767px) {
    .faux-view-index .btn.support.only-mobile, .faux-view-index .btn.support.only-tablet {
        display: none;
    }
}

.faux-view-index .btn.support [class*=" icon-"], .faux-view-index .btn.support [class^=icon-] {
    font-size: 1rem;
}

.faux-view-index .btn.support[data-cookiemodule-applied=true] {
    display: none !important;
}

.faux-view-home .hero .heading-page {
    width: 140%;
}

.faux-view-home .video-collection .grid.reduced-spacing .banner {
    margin: 0 0 10px;
}

.faux-view-home .explore-collection .grid.minimal-spacing .banner {
    margin: 0 0 2px;
}

.faux-view-home .community-stream, .faux-view-home .story-collection {
    padding: 0 0 60px;
}

.faux-view-home .community-stream {
    background: #f5f5f5;
}

.view.view-index > .view.view-apac {
    min-height: calc(100vh - 110px);
}

@media (max-width:850px) {
    .view.view-index > .view.view-apac {
        min-height: calc(100vh - 176px);
    }
}

.view.view-apac .nav-sub-bar {
    top: 0;
}

    .view.view-apac .nav-sub-bar + section {
        margin-top: 10rem;
    }

@media (max-width:767px) {
    .view.view-apac .nav-sub-bar + section {
        margin-top: 0;
    }
}

.view.view-apac .nav-sub-bar.no-fixed + section {
    margin-top: 0;
}

.view.view-apac .featured-products {
    position: relative;
}

    .view.view-apac .featured-products:before {
        position: absolute;
        top: 0;
        background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
    }

.view.view-apac .app-info, .view.view-apac .description-centered, .view.view-apac .overview-products, .view.view-search {
    background: #f5f5f5;
}

.view.view-apac .product-block .media img {
    max-width: 70%;
}

.view.view-apac .app-info {
    padding-bottom: 10rem;
}

@media (max-width:1024px) {
    .faux-view-home .hero .heading-page {
        width: 100%;
    }

    .view.view-apac .app-info {
        padding-bottom: 5rem;
    }
}

.view.view-apac .stats-company {
    padding-bottom: 10rem;
    background: #f5f5f5;
}

@media (max-width:1024px) {
    .view.view-apac .stats-company {
        padding-bottom: 4rem;
    }
}

.view-explore-education .overview-explore-more, .view.view-explore-detail .header-component, .view.view-search .search-results {
    padding-bottom: 60px;
}

.view.view-explore-detail .content .media img {
    height: auto;
    width: 100%;
}

.view-explore-education .carousel-pioneers {
    background: url(/img/company/timeline/timeline-bg.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 0 0 4rem;
    position: relative;
}

    .view-explore-education .carousel-pioneers:before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #000;
        opacity: .7;
    }

    .view-explore-education .carousel-pioneers .carousel .viewport {
        margin: 0 auto 2rem;
        padding: 0;
        overflow: hidden;
    }

        .view-explore-education .carousel-pioneers .carousel .viewport .slide .card {
            text-align: left;
        }

.view.view-explore-article .hero {
    margin-bottom: 60px;
}

.view.view-explore-article .article-explore {
    padding-bottom: 60px;
}

    .view.view-explore-article .article-explore .content > * {
        margin: 0 auto 2.5rem;
    }

.view-product .hero:after {
    position: absolute;
    top: 75%;
    background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
}

.view-product .specs-summary {
    margin-bottom: 60px;
    padding-bottom: 15rem;
    background: #f5f5f5;
}

.view-product .tile-carousel {
    margin-bottom: 10rem;
}

@media (max-width:767px) {
    .view-explore-education .carousel-pioneers .carousel .viewport {
        height: 22rem;
        width: 22rem;
        overflow: visible;
    }

    .view-explore-education .carousel-pioneers .carousel .next, .view-explore-education .carousel-pioneers .carousel .prev {
        display: none;
    }

    .view-product .specs-summary {
        padding-bottom: 60px;
    }

    .view-product .tile-carousel {
        margin-bottom: 60px;
    }

    .view-product .media-description .col.list-numbered {
        padding-top: 3rem;
    }
}

.view-product .awards, .view-product .product-collection {
    background: #f5f5f5;
    padding-bottom: 60px;
    overflow: hidden;
}

.view-product .gradient-bg {
    background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
}

@media (max-width:1024px) {
    .view-product .features-carousel {
        margin-bottom: 0;
    }

    .view-product .media-description.w-bg {
        margin-bottom: 60px;
    }
}

.view-product .media-description .col.list-numbered .copy-article {
    padding-bottom: 3rem;
}

.view-products-landing {
    background: #f5f5f5;
}

@media (min-width:1025px) {
    .view-products-landing .legacy-hero.featured {
        height: 60rem;
        min-height: 60rem;
    }
}

.view-product-specifications {
    background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
}

.faux-view-product-cura .product-collection, .view-app, .view-product-parts {
    background: #f5f5f5;
    overflow: hidden;
}

.view-product-specifications .hero {
    z-index: 1;
    margin-bottom: -60rem;
}

@media (max-width:1024px) {
    .view-product-specifications .hero {
        margin-bottom: -10rem;
    }

    .view-product-specifications .heading-page {
        font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    }
}

.faux-view-product-cura .legacy-hero .copy-hero, .view-product-cura-connect .legacy-hero .copy-hero {
    line-height: 3rem;
    font-size: 137.5%;
}

.view-product-specifications .comparison {
    padding-bottom: 60px;
}

@media (max-width:1024px) {
    .view-product-specifications .comparison {
        margin-top: -3rem;
    }
}

@media (max-width:767px) {
    .view-products-landing .overview-products .col:last-child {
        height: auto;
        width: 100%;
    }

    .view-product-specifications .hero {
        margin-bottom: 0;
    }

    .view-product-specifications .comparison {
        margin-top: -4.5rem;
    }
}

.view-product-specifications .printers .image {
    min-height: 30rem;
}

.view-product-specifications .product-collection {
    background: #f5f5f5;
    padding-bottom: 60px;
    overflow: hidden;
}

@media only screen and (min-device-width:320px) and (max-device-width:736px) and (-webkit-max-device-pixel-ratio:2) and (orientation:landscape) {
    .view.view-product-ultimaker3 .rotation-screen {
        display: block;
    }
}

.view.view-product-ultimaker3 .scrolling-point {
    position: absolute;
    left: 0;
    right: 0;
}

.view.view-product-ultimaker3 .below-fold {
    height: 0;
    overflow: hidden;
}

.view.view-product-ultimaker3 .heading-title .line {
    display: block;
}

.view.view-product-ultimaker3 .footer-hexagon .info .heading-title .line:nth-child(1) {
    margin-left: .6rem;
}

.view.view-product-ultimaker3 .footer-hexagon .info .heading-title .line:nth-child(2) {
    margin-left: -.8rem;
}

@media (max-width:767px) {
    .view.view-product-ultimaker3 .footer-hexagon .info .heading-title .line:nth-child(1), .view.view-product-ultimaker3 .footer-hexagon .info .heading-title .line:nth-child(3) {
        margin-left: 0;
    }
}

.view-product-parts .loadcontainer {
    overflow: hidden;
}

    .view-product-parts .loadcontainer .header-component {
        margin: 3rem auto 2.5rem;
    }

.view-product-parts .itemfilter {
    top: 0;
    right: 1rem;
    position: absolute;
}

@media (max-width:800px) {
    .view-product-parts .itemfilter {
        margin-top: 1.5rem;
    }

        .view-product-parts .itemfilter .selector {
            margin: 0;
        }

    .faux-view-product-cura .legacy-hero.featured {
        height: auto;
    }
}

.view.view-materials .hero, .view.view-materials-detail .hero {
    margin-top: 0;
}

@media (max-width:767px) {
    .view-product-parts .itemfilter {
        position: static;
    }
}

.view.view-materials .hero:after, .view.view-materials-detail .hero:after {
    content: '';
    position: absolute;
    top: 75%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.view-app .app-info {
    padding-bottom: 2rem;
}

@media (max-width:767px) {
    .faux-view-product-cura .legacy-hero.featured {
        height: auto;
        min-height: 30rem;
    }

        .faux-view-product-cura .legacy-hero.featured .content {
            padding: 0;
        }
}

.faux-view-product-cura .legacy-hero .heading-page {
    padding-bottom: 1.5rem;
}

.faux-view-product-cura .tipsandtricks {
    overflow: hidden;
    background-color: #f5f5f5;
    padding-bottom: 60px;
}

.faux-view-product-cura .product-collection {
    padding-bottom: 60px;
    margin-bottom: 0;
}

@media (max-width:800px) {
    .view-product-cura-connect .legacy-hero.featured {
        height: auto;
    }
}

@media (max-width:767px) {
    .view-product-cura-connect .legacy-hero.featured {
        height: auto;
        min-height: 30rem;
    }

        .view-product-cura-connect .legacy-hero.featured .content {
            padding: 0;
        }
}

.view-product-cura-connect .legacy-hero .heading-page {
    padding-bottom: 1.5rem;
}

.view-product-cura-connect .tipsandtricks {
    overflow: hidden;
    background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
    padding-bottom: 60px;
}

.view-product-cura-notes, .view-quote, .view-quote-confirm {
    background: #f5f5f5;
}

.view-product-cura-connect .product-collection {
    background: #f5f5f5;
    padding-bottom: 60px;
    margin-bottom: 0;
    overflow: hidden;
}

.view-product-cura-notes {
    padding-bottom: 60px;
    overflow: hidden;
}

    .view-explore-education .carousel-pioneers .carousel .view-product-cura-notes .viewport, .view-product-cura-notes .header-component, .view-product-cura-notes .site-frame, .view-product-cura-notes .view-explore-education .carousel-pioneers .carousel .viewport, .view-product-cura-notes .view.view-about .carousel-timeline .carousel .viewport, .view-product-cura-notes .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .view-product-cura-notes .view.view-modal .holder, .view.view-about .carousel-timeline .carousel .view-product-cura-notes .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .view-product-cura-notes .viewport, .view.view-modal .view-product-cura-notes .holder {
        max-width: 80rem;
    }

.view-quote {
    overflow: hidden;
}

    .view-explore-education .carousel-pioneers .carousel .view-quote .viewport, .view-quote .header-component, .view-quote .site-frame, .view-quote .view-explore-education .carousel-pioneers .carousel .viewport, .view-quote .view.view-about .carousel-timeline .carousel .viewport, .view-quote .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport, .view-quote .view.view-modal .holder, .view.view-about .carousel-timeline .carousel .view-quote .viewport, .view.view-community-hall-of-fame .carousel-leaders .carousel .view-quote .viewport, .view.view-modal .view-quote .holder {
        max-width: 70rem;
    }

    .view-quote .banner-quote {
        margin-bottom: 60px;
    }

.view.view-materials .hero:after {
    background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
}

.view.view-materials .nav-sub-bar .nav-items li {
    height: 6rem;
    width: 12.5%;
}

.view.view-materials .materials-overview {
    padding-bottom: 60px;
}

.view.view-materials .tile-carousel {
    margin-bottom: 10rem;
}

@media (max-width:479px) {
    .view.view-materials .materials-overview {
        padding-bottom: 0;
    }

    .view.view-materials .tile-carousel {
        margin-bottom: 5rem;
    }
}

.view.view-materials .product-collection {
    background: #f5f5f5;
    overflow: hidden;
}

.view.view-materials-detail .hero.featured .media img {
    max-width: 100%;
}

.view.view-materials-detail .hero:after {
    background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
}

.view.view-careers-department:after, .view.view-resources:after {
    content: '';
    z-index: 3;
    animation: spinloading 1s infinite;
}

.view.view-materials-detail .nav-sub-bar .nav-items li {
    height: 6rem;
    width: 14.28571%;
}

.view.view-materials-detail .media-description {
    margin-bottom: 60px;
}

.view.view-materials-detail .materials-overview {
    padding-bottom: 60px;
}

.view.view-materials-detail .tile-carousel {
    margin-bottom: 10rem;
}

@media (max-width:479px) {
    .view.view-materials-detail .materials-overview {
        padding-bottom: 0;
    }

    .view.view-materials-detail .tile-carousel {
        margin-bottom: 5rem;
    }
}

.view.view-materials-detail .product-collection {
    background: #f5f5f5;
    overflow: hidden;
}

.view.view-resources:after {
    height: 3rem;
    width: 3rem;
    position: fixed;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    border-radius: 100%;
    border: 4px solid;
    border-color: #000 transparent transparent;
    opacity: 0;
    transition: opacity .4s cubic-bezier(.23,1,.32,1);
}

.view.view-resources.is-loading:after {
    opacity: 1;
}

.view.view-resources .view.is-loading:after {
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    width: 30px;
    height: 30px;
    position: fixed;
    border-radius: 100px;
    border: 4px solid;
    border-color: #1BACE1 transparent transparent;
    animation: spinloading 1s infinite;
    z-index: 2;
}

.view.view-resources .view.is-loading:before {
    opacity: 1;
    bottom: 0;
}

.view.view-resources .view:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100%;
    background: #F5F5F5;
    opacity: 0;
    transition: opacity .3s,bottom 0s 0s;
    z-index: 2;
}

.view.view-resources + .to-top + .btn.support {
    top: auto;
    bottom: 1.8rem;
    left: auto;
    right: 7rem;
}

.view-resources-category .solutions-cta {
    padding-bottom: 60px;
}

.view-resources-category-sub .overview-resources {
    margin-bottom: 60px;
}

    .view-resources-category-sub .overview-resources .list-default li, .view-resources-category-sub .overview-resources .list-numbered li {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

.view-resources-category-sub .overview-categories {
    padding: 0 0 40px;
}

.view-resources-article .article-resources {
    padding-top: 60px;
}

.view-resources-article .solutions-cta {
    padding-bottom: 60px;
}

.view-resources-article .toggler-side-nav {
    position: fixed;
    display: none;
    right: 1.9rem;
    bottom: 8rem;
    z-index: 11;
}

@media (max-width:1024px) {
    .view-resources-article .toggler-side-nav {
        display: block;
    }

    .view.view-community-dashboard .communityactions.only-desktop, .view.view-community-dashboard .communityactions.only-desktop.only-mobile, .view.view-community-dashboard .communityactions.only-desktop.only-tablet {
        display: none;
    }
}

.view.view-community-dashboard .communityactions.only-desktop, .view.view-community-dashboard .communityactions.only-desktop.only-mobile, .view.view-community-dashboard .communityactions.only-desktop.only-tablet, .view.view-community-dashboard .communityactions.only-mobile, .view.view-community-dashboard .communityactions.only-tablet {
    display: none;
}

.view.view-community {
    background-color: #f5f5f5;
    padding-top: 12.4rem;
}

    .view.view-community .nav-sub-bar .nav-items li {
        height: 6rem;
        width: 14.28571%;
    }

@media (max-width:767px) {
    .view.view-community {
        padding-top: 5.9rem;
    }

    .view.view-community-dashboard .communityactions.only-desktop, .view.view-community-dashboard .communityactions.only-desktop.only-mobile, .view.view-community-dashboard .communityactions.only-desktop.only-tablet {
        display: none;
    }
}

.view.view-community + .to-top + .btn.support {
    top: auto;
    bottom: 1.8rem;
    left: auto;
    right: 7rem;
}

.view.view-community-dashboard {
    padding: 3rem 0 1rem;
}

    .view.view-community-dashboard .communityactions {
        float: right;
    }

@media (max-width:1024px) {
    .view.view-community-dashboard .communityactions.only-tablet {
        display: none;
    }
}

@media (max-width:767px) {
    .view.view-community-dashboard .communityactions.only-tablet {
        display: none;
    }

    .view.view-community-dashboard .communityactions.only-mobile {
        display: block;
    }
}

.view.view-community-dashboard .activity.grid .col {
    width: calc(50% - 5px);
}

    .view.view-community-dashboard .activity.grid .col .post {
        margin-bottom: 1rem;
    }

    .view.view-community-dashboard .activity.grid .col:nth-child(2n+1) {
        margin: 0 5px 0 0;
    }

    .view.view-community-dashboard .activity.grid .col:nth-child(2n+2) {
        margin: 0 0 0 5px;
    }

.view-community-profile-edit .userpost {
    padding: 0 3rem 2rem;
}

@media (max-width:479px) {
    .view-community-profile-edit .userpost {
        padding: 1rem;
    }
}

.view-community-profile-edit .icon--avatarupload {
    font-size: 3.5rem;
}

.view-community-profile-edit .editprofile-header {
    margin: 4rem 0 1.5rem;
}

.view-community-profile-edit .editprofile .avatar-uploadbutton.selector {
    padding: 1rem 1.3rem;
}

.view-community-profile-edit .editprofile-checkboxes .checker {
    margin-top: 0;
}

.view-community-profile-edit .userpost-undertitle {
    margin: -1rem 0 2rem;
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.view-community-profile-edit .avatar-uploadtext {
    font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.view-community-profile-edit .editprofile-checkboxes {
    max-width: 50rem;
}

    .view-community-profile-edit .editprofile-checkboxes #user_fieldOfWorks .checkbox, .view-community-profile-edit .editprofile-checkboxes #user_products .checkbox, .view-community-profile-edit .editprofile-checkboxes #user_skills .checkbox {
        width: 50%;
        float: left;
    }

.view-community-profile-edit .userpost-editinput textarea {
    font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.view-community-profile-activity .followobject-info, .view-community-profile-activity .followobject-remove {
    font-weight: 400;
}

.view-community-profile-edit .userpost-editorfooter-right a {
    line-height: 3rem;
}

.view-community-profile-edit .userpost-editorfooter-right .btn:not(.plain) {
    margin-left: 4rem;
}

@media (max-width:479px) {
    .view-community-profile-edit .editprofile-checkboxes #user_fieldOfWorks .checkbox, .view-community-profile-edit .editprofile-checkboxes #user_products .checkbox, .view-community-profile-edit .editprofile-checkboxes #user_skills .checkbox {
        width: 100%;
    }

    .view-community-profile-edit .userpost-editorfooter-right .btn:not(.plain) {
        margin-left: 2rem;
    }
}

.view-community-profile-detail .profilestats-user .btn {
    display: none;
}

@media (max-width:767px) {
    .view-community-profile-detail .profilestats-user .btn {
        display: block;
        max-width: 25rem;
        margin: auto;
    }
}

.view-community-profile-detail .community-header {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1rem;
}

.view-community-profile-detail .profileheader {
    padding-bottom: 2rem;
    padding-top: 2rem;
    margin-top: 2rem;
    position: relative;
}

.view-community-profile-detail .profilestats-table .icon {
    width: 1.8rem;
    cursor: default;
    margin-right: 1.4rem;
}

    .view-community-profile-detail .profilestats-table .icon:hover {
        color: inherit;
        animation: none;
    }

.view-community-profile-detail .comment .inner p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.view-community-profile-detail .itemfilter {
    top: 1.2rem;
    position: absolute;
    right: 0;
    margin-top: 0;
}

@media (max-width:479px) {
    .view-community-profile-detail .profilestats-user .btn {
        display: block;
    }

    .view-community-profile-detail .itemfilter {
        top: auto;
        position: relative;
        margin-top: 1.2rem;
    }
}

@media (max-width:767px) {
    .view-community-profile-detail .tile .description {
        font-size: 87.5%;
        padding: 3.5rem 1.5rem .8rem;
    }
}

.view-community-profile-activity .followobject-username {
    color: #000;
}

.view-community-profile-activity .followobject-left {
    padding-right: 3rem;
}

    .view-community-profile-activity .followobject-left .tag-category, .view-community-profile-activity .followobject-left .tag-type {
        font-size: 75%;
    }

    .view-community-profile-activity .followobject-left .tag-type {
        border-color: #7F7F7F;
    }

@media (max-width:1024px) {
    .view-community-profile-detail .profiledescription {
        margin-bottom: 3rem;
    }

    .view-community-profile-activity .followobject-left {
        width: 100%;
        padding-right: 0;
    }

    .view-community-profile-activity .followobject-title {
        padding-right: 0;
    }

    .view-community-profile-activity .followobject-info {
        margin-top: 1rem;
        display: block;
        position: relative;
    }

    .view-community-profile-activity .followobject-remove {
        top: 1rem;
        position: absolute;
    }
}

.view-community-profile-activity .followobject-container {
    padding: 1rem 0 2rem;
}

.view-community-profile-messages .message {
    margin-bottom: 60px;
    overflow: hidden;
}

.view-community-profile-messages .community-header .btn {
    float: right;
}

@media (max-width:767px) {
    .view-community-profile-activity .followobject-remove {
        top: .5rem;
        position: relative;
    }

    .view-community-profile-messages .community-header .btn {
        display: block;
        float: left;
        margin-bottom: 1rem;
    }

    .view-community-profile-messages .community-header .community-headertitle {
        margin-right: 3rem;
        margin-bottom: 1rem;
    }
}

.view-community-profile-messages .userpost-replyeditor .heading-sub {
    margin-bottom: 2rem;
}

.view-community-profile-messages-compose .userpost {
    padding: 3rem;
}

.view-community-profile-messages-compose .sceditor-container {
    min-height: 40rem;
}

.view-community-profile-messages-compose .community-header {
    margin: 2rem 0 3rem;
}

.view-community-profile-posts-edit .tile .media {
    min-height: 30rem;
}

.view-community-profile-settings .userpost {
    padding: 3rem;
    margin-bottom: 60px;
}

@media (max-width:1024px) {
    .view-community-profile-settings .userpost {
        padding: 1.5rem;
    }
}

.view-community-profile-settings .userpost .btn {
    float: left;
}

.view-community-profile-settings .communitytopic .community-headertitle, .view-community-profile-settings .editprofile-header {
    margin-bottom: 2rem;
}

.view-community-profile-settings .settings-activity > div {
    margin-top: 0;
}

@media (max-width:479px) {
    .view-community-profile-settings .settings-notifications {
        margin-top: .8rem;
    }

    .view-community-profile-settings .settings-activity .checker {
        margin-right: .8rem;
    }
}

.view-community-profile-settings .communitytopic .dragcat-row .selector {
    padding-top: .7rem;
    padding-bottom: .7rem;
}

.view-community-profile-settings .communitytopic .row {
    margin-bottom: 1.5rem;
}

    .view-community-profile-settings .communitytopic .row .selector {
        padding: .5rem 1rem;
        margin-top: 0;
    }

.view-community-profile-settings .itemfilter-selector {
    min-width: 14rem;
}

.view-community-profile-post-edit .communitytopic .selector {
    padding-top: 1.3rem;
    padding-bottom: 1.1rem;
}

.view-community-profile-post-edit .printupload-radio {
    vertical-align: -.8rem;
}

.view-community-profile-post-edit .is-busy .printupload-uploadpreview:before, .view-community-profile-post-edit .is-uploading .printupload-uploadpreview:before {
    margin-left: -4.25rem;
    margin-top: auto;
}

.view-community-profile-posts .icon-heart:hover {
    color: inherit;
    animation: none;
    cursor: default;
}

.view.view-community-post-overview .hero {
    margin-top: 0;
    margin-bottom: 2rem;
}

.view.view-community-hall-of-fame .carousel-leaders {
    text-align: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    padding-bottom: 3rem;
}

    .view.view-community-hall-of-fame .carousel-leaders .background-image {
        height: 100%;
        width: 100%;
        background: #000;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.view.view-careers-department, .view.view-moderator {
    background: #f5f5f5;
}

.view.view-community-hall-of-fame .carousel-leaders .background-image img {
    opacity: .25;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}

.view.view-community-hall-of-fame .carousel-leaders .carousel {
    padding-bottom: 8rem;
}

@media (max-width:767px) {
    .view.view-community-hall-of-fame .carousel-leaders .carousel {
        padding-bottom: 4rem;
    }
}

.view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .card.post {
    height: 100%;
}

    .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .card.post .heading-sub {
        margin: 0 0 .5rem;
    }

    .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .card.post .description {
        padding: 2rem;
        height: 100%;
        width: auto;
    }

        .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .card.post .description .centered-content {
            height: auto;
            width: 100%;
        }

    .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .card.post .copy-caption.gray {
        display: block;
        margin-bottom: 1.6rem;
    }

    .view.view-community-hall-of-fame .carousel-leaders .carousel .viewport .card.post .data .avatar.large {
        margin: 0 auto;
    }

.view.view-community-hall-of-fame .print-collection {
    padding-bottom: 60px;
    text-align: center;
}

@media (max-width:767px) {
    .view.view-community-hall-of-fame .print-collection {
        padding-bottom: 0;
    }
}

.view.view-community-hall-of-fame .print-collection .carousel {
    padding-bottom: 6rem;
}

@media (max-width:767px) {
    .view.view-community-hall-of-fame .print-collection .carousel {
        padding-bottom: 4rem;
    }
}

.view.view-business-cases .column-cards, .view.view-community-hall-of-fame .topic-collection {
    padding-bottom: 60px;
}

.view.view-business-cases .loadcontainer {
    margin-top: 1rem;
}

.content.content--support .view.view-business-cases .column-cards a, .content.support .view.view-business-cases .column-cards a, .sceditor-header-picker.content--support .view.view-business-cases .column-cards a, .sceditor-header-picker.support .view.view-business-cases .column-cards a, .supportpopup .view.view-business-cases .column-cards .forever-close, .view.view-business-cases .column-cards .asset-download, .view.view-business-cases .column-cards .content.content--support a, .view.view-business-cases .column-cards .content.support a, .view.view-business-cases .column-cards .link-default, .view.view-business-cases .column-cards .sceditor-header-picker.content--support a, .view.view-business-cases .column-cards .sceditor-header-picker.support a, .view.view-business-cases .column-cards .supportpopup .forever-close {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.view.view-business-case .hero.featured .media img {
    max-width: 100%;
}

.view.view-business-case .sidebar {
    margin: 0;
}

.view.view-business-case .cost-comparison .carousel .next, .view.view-business-case .cost-comparison .carousel .prev {
    background: 0 0;
    color: #000;
}

.view.view-business-case .cost-comparison .carousel .prev {
    left: -4.5rem;
}

.view.view-business-case .cost-comparison .carousel .next {
    right: -4.5rem;
}

.view.view-business-case .cost-comparison .carousel .viewport {
    overflow: hidden;
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.view.view-business-case .cost-comparison .table-wrap {
    overflow: auto;
}

.view.view-business-case .card-carousel {
    margin-bottom: 10rem;
}

@media (max-width:1024px) {
    .view.view-business-case .card-carousel {
        margin-bottom: 60px;
    }

        .view.view-business-case .card-carousel .legacy-carousel {
            height: 40rem;
        }

        .view.view-business-case .card-carousel.small {
            padding-bottom: 0;
        }
}

.view.view-business-case .card-carousel.small {
    margin-bottom: 0;
}

    .view.view-business-case .card-carousel.small .icon-arrowleft.prev, .view.view-business-case .card-carousel.small .icon-arrowright.next {
        display: block;
    }

.view.view-business-case .column-cards, .view.view-business-case .examples-overview {
    padding-bottom: 60px;
}

    .content.content--support .view.view-business-case .column-cards a, .content.content--support .view.view-business-case .examples-overview a, .content.support .view.view-business-case .column-cards a, .content.support .view.view-business-case .examples-overview a, .sceditor-header-picker.content--support .view.view-business-case .column-cards a, .sceditor-header-picker.content--support .view.view-business-case .examples-overview a, .sceditor-header-picker.support .view.view-business-case .column-cards a, .sceditor-header-picker.support .view.view-business-case .examples-overview a, .supportpopup .view.view-business-case .column-cards .forever-close, .supportpopup .view.view-business-case .examples-overview .forever-close, .view.view-business-case .column-cards .asset-download, .view.view-business-case .column-cards .content.content--support a, .view.view-business-case .column-cards .content.support a, .view.view-business-case .column-cards .link-default, .view.view-business-case .column-cards .sceditor-header-picker.content--support a, .view.view-business-case .column-cards .sceditor-header-picker.support a, .view.view-business-case .column-cards .supportpopup .forever-close, .view.view-business-case .examples-overview .asset-download, .view.view-business-case .examples-overview .content.content--support a, .view.view-business-case .examples-overview .content.support a, .view.view-business-case .examples-overview .link-default, .view.view-business-case .examples-overview .sceditor-header-picker.content--support a, .view.view-business-case .examples-overview .sceditor-header-picker.support a, .view.view-business-case .examples-overview .supportpopup .forever-close {
        font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

.view.view-about {
    background-color: #f5f5f5;
}

    .view.view-about .stats-company {
        padding-bottom: 2rem;
    }

    .view.view-about .carousel-timeline {
        background: url(/img/company/timeline/timeline-bg.jpg) center center no-repeat;
        background-size: 100%;
        color: #fff;
        text-align: center;
        position: relative;
        padding: 6rem 0 0;
        transition: background .4s cubic-bezier(.23,1,.32,1);
    }

        .view.view-about .carousel-timeline.zoomed {
            background-size: 150%;
        }

            .view.view-about .carousel-timeline.zoomed .carousel .viewport {
                -ms-transform: scale(.5) translateX(-50%);
                transform: scale(.5) translateX(-50%);
            }

        .view.view-about .carousel-timeline:before {
            content: '';
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: #000;
            opacity: .7;
        }

        .view.view-about .carousel-timeline .carousel .next, .view.view-about .carousel-timeline .carousel .prev {
            top: 30%;
        }

        .view.view-about .carousel-timeline .carousel .viewport {
            padding: 0 0 5rem;
            transition: transform .4s cubic-bezier(.23,1,.32,1);
        }

            .view.view-about .carousel-timeline .carousel .viewport .slide {
                padding: 0 0 5rem;
                position: relative;
            }

                .view.view-about .carousel-timeline .carousel .viewport .slide:after, .view.view-about .carousel-timeline .carousel .viewport .slide:before {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                }

                .view.view-about .carousel-timeline .carousel .viewport .slide:before {
                    height: 6rem;
                    width: 0;
                    border-left: 1px solid #fff;
                }

                .view.view-about .carousel-timeline .carousel .viewport .slide:after {
                    height: 1.2rem;
                    width: 1.2rem;
                    background: #000;
                    border-radius: 100%;
                    border: 4px solid #fff;
                }

.view.view-careers, .view.view-careers-detail {
    background-color: #f5f5f5;
}

.view.view-about .carousel-timeline .carousel .viewport .slide .indicator {
    height: auto;
    width: calc(100% + 1.2rem);
    font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    display: table;
}

    .view.view-about .carousel-timeline .carousel .viewport .slide .indicator .line, .view.view-about .carousel-timeline .carousel .viewport .slide .indicator .timestamp {
        display: table-cell;
        vertical-align: middle;
    }

    .view.view-about .carousel-timeline .carousel .viewport .slide .indicator .timestamp {
        padding: 0 1rem 0 0;
    }

    .view.view-about .carousel-timeline .carousel .viewport .slide .indicator .line {
        height: auto;
        width: 100%;
    }

        .view.view-about .carousel-timeline .carousel .viewport .slide .indicator .line:before {
            content: '';
            height: auto;
            width: 100%;
            border-top: 2px dashed currentColor;
            display: inline-block;
            vertical-align: 20%;
        }

.view.view-about .sponsor {
    text-align: center;
    padding: 0 0 6rem;
}

.view.view-careers-department:after {
    height: 3rem;
    width: 3rem;
    position: fixed;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    border-radius: 100%;
    border: 4px solid;
    border-color: #000 transparent transparent;
    opacity: 0;
    transition: opacity .4s cubic-bezier(.23,1,.32,1);
}

.view.view-careers-department.is-loading:after {
    opacity: 1;
}

.view.view-careers-department > header, .view.view-careers-department > section {
    opacity: 1;
    transition: opacity 1s cubic-bezier(.42,0,.58,1);
}

.view.view-careers-department.is-loading > header, .view.view-careers-department.is-loading > section {
    opacity: .75;
}

.view.view-careers-detail .legacy-hero {
    z-index: 2;
}

.view.view-careers .gradient-bg {
    background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
}

.view.view-press {
    background-color: #f5f5f5;
}

.view.view-events, .view.view-resellers {
    background: #f5f5f5;
}

.view.view-press-article .article {
    background: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
}

.view.view-submission {
    background: #f5f5f5;
}

@media (max-width:800px) {
    .view.view-about .header-component {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .view.view-support .legacy-hero {
        height: 28rem;
    }

    .view.view-support .header-component {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
}

.view.view-support .extra-support, .view.view-support .support-info {
    background: #f5f5f5;
    padding-bottom: 60px;
    overflow: hidden;
}

.view.view-support .media-description .col:first-child .description {
    margin-bottom: 2rem;
}

@media (max-width:1024px) {
    .view.view-support .media-description .col:first-child .content {
        float: none;
        text-align: center;
        margin: 0 auto;
    }

        .view.view-support .media-description .col:first-child .content .list-icons li [class*=" icon-"], .view.view-support .media-description .col:first-child .content .list-icons li [class^=icon-] {
            position: relative;
        }
}

.uniform {
    position: relative;
    display: block;
    margin: .6rem 0;
}

    .uniform.btn {
        display: inline-block;
    }

.contentform {
    padding-left: 1px;
}

    .contentform .selector.uniform {
        font-size: 1.6rem;
        padding-left: 1.2em;
        margin: .5em .5em 1em 0;
        border-radius: 0;
    }

.contentform-set > .uniform, .contentform-set > .uniform-input {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 1em 0 1.2em;
    box-sizing: border-box;
    position: relative;
    transition: .5s;
}

.contentform-set > .selector, .contentform-set > .uniform-input {
    height: 60px;
    outline: 0;
}

.contentform-set .selector {
    height: 6rem;
}

    .contentform-set .selector > span {
        top: .8rem;
        position: relative;
    }

.contentform .requiredfields {
    width: 600px;
    font-size: 1.4rem;
    text-align: right;
}

.contentform .uniform {
    position: relative;
    margin-bottom: .75em;
    display: block;
    max-width: 600px;
}

.contentform .uniform-input .jvFloat {
    position: relative;
}

.contentform .radioset {
    margin: .5em 0 0;
}

.contentform .uniform-input.is-filled {
    height: 70px;
}

    .contentform .uniform-input.is-filled input {
        padding: .5em 20px 1.5em;
    }

.contentform .uniform textarea, .contentform .uniform-input input {
    width: 100%;
    height: 100%;
    border: 1px solid #E3E3E3;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1em 20px;
    box-sizing: border-box;
    display: block;
    transition: .5s;
    overflow: hidden;
    border-radius: 0;
    font: inherit;
}

    .contentform .uniform-input input.required {
        border: 1px solid red;
    }

.contentform .uniform textarea {
    max-width: 600px;
    min-height: 8.5em;
    line-height: 1.5em;
    padding-bottom: 45px;
    transition: 0s;
}

    .contentform .uniform textarea:focus, .contentform .uniform-input input:focus {
        outline: 0;
        border: 1px solid #fb203a;
    }

.contentform label {
    display: block;
    max-width: 600px;
    line-height: 1.3em;
    position: relative;
    z-index: 2;
    margin-top: 1.5em;
}

.contentform .checker.uniform, .contentform .radio.uniform {
    display: inline-block;
    padding-right: .5em;
    margin: 0;
}

.contentform .checker.uniform {
    margin-top: 1em;
}

.contentform-legend {
    display: block;
    margin-bottom: -.05em;
}

    .contentform-legend + label {
        margin-top: .75em;
    }

.contentform-set + .contentform-set {
    margin-top: 2em;
}

.jvFloat {
    display: block;
    height: 100%;
}

    .jvFloat .placeHolder {
        position: absolute;
        width: auto;
        -ms-transform: translate(0,-10px);
        transform: translate(0,-10px);
        transition: .3s;
        opacity: 0;
        visibility: hidden;
        margin-top: -.8em;
        left: 20px;
        bottom: 1px;
        color: #7f7f7f;
        max-width: 600px;
        background: rgba(255,255,255,.8);
        padding-bottom: 1em;
        font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

        .jvFloat .placeHolder.required::after {
            content: " *";
            color: #fb203a;
        }

.contentform-set {
    min-width: 0;
}

    .contentform-set .jvFloat .placeHolder.textarea {
        display: none;
    }

.jvFloat .placeHolder.active {
    visibility: visible;
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
    pointer-events: none;
}

.radio + label, input[type=checkbox] + label, input[type=radio] + label {
    display: inline-block;
    max-width: none;
    margin-right: 1em;
}

input[type=checkbox] + label, input[type=radio] + label {
    margin-left: .5em;
}

.targetgroups {
    overflow: hidden;
    margin-left: -1px;
    padding-left: 1px;
}

.targetgroup {
    margin: 1.5em 0;
}

    .targetgroup input:focus {
        position: relative;
        z-index: 1;
    }

    .targetgroup:first-child {
        margin-top: 0;
    }

.targetgroup-months {
    max-width: 607px;
    overflow: hidden;
    padding-bottom: 1px;
    font: 0/0 a;
}

    .targetgroup-months .month {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        width: 16.6%;
        display: inline-block;
        box-sizing: border-box;
        margin: 0;
        vertical-align: top;
    }

.checker.uniform, .radio, .selector {
    vertical-align: middle;
}

@media (max-width:800px) {
    .targetgroup-months .month {
        width: 33.333%;
    }
}

.targetgroup-months .parsley-errors-list {
    display: none;
}

.targetgroup-months .uniform-input.is-filled {
    height: 60px;
}

.contentform .targetgroup-months .uniform textarea, .contentform .targetgroup-months .uniform-input input {
    padding-left: 10px;
    padding-right: 10px;
}

.contentform .targetgroup-months .jvFloat .placeHolder {
    left: 10px;
}

.fileuploads {
    margin: .5em 0;
    font-size: 1.6rem;
}

    .fileuploads input {
        padding: 1em 0 0;
    }

.parsley-errors-list {
    list-style: none;
    padding: 0;
    color: #7F7F7F;
    max-width: 600px;
    overflow: hidden;
    text-align: left;
    display: none;
    margin: .25rem 0;
}

    .parsley-errors-list.filled {
        display: block;
    }

.uniform + .parsley-errors-list {
    margin: -.5rem 0 1rem;
}

.download .parsley-errors-list {
    display: none;
}

.parsley-errors-list li {
    font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    display: block;
    color: #EA5354;
    margin: 0;
}

.dateinput .selector {
    display: inline-block;
    min-width: 4rem;
}

    .dateinput .selector + .parsley-errors-list {
        display: none;
    }

.parsley-error {
    border-color: #EA5354 !important;
}

.g-recaptcha.parsley-error iframe {
    border: 1px solid #EA5354;
}

label.labelinline {
    display: inline-block;
    margin-top: 0;
    margin-right: .9em;
}

.error {
    background-color: #EA5354;
    margin-bottom: 2px;
    padding: .5em 1.3em;
    color: #fff;
    font-size: 1.6rem;
}

.mediauploader-fileupload.required:after, .uniform.required:after {
    content: "*";
    position: absolute;
    left: 5px;
    top: 1px;
    color: rgba(0,0,0,.5);
    font-size: 1.6rem;
}

.checkbox-list.parsley-error:before, .itsinthemaking sup::after, .selector::before {
    content: '';
}

.mediauploader-fileupload--jobapply.required:after {
    left: 13px;
    top: 5px;
}

.textfield--small {
    display: inline-block;
    min-width: 70%;
}

.textfield .selector, .textfield input, .textfield textarea {
    width: 100%;
    background: #F8F8F8;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.textfield input, .textfield textarea {
    padding: 1rem 1.44rem;
}

.contentpanel--login .textfield {
    overflow: hidden;
}

    .contentpanel--login .textfield .selector, .contentpanel--login .textfield input {
        background: #fff;
        font-size: 1.6rem;
    }

.contentpanel--login .parsley-errors-list.filled {
    margin-top: 0;
    max-width: 100%;
}

.textfield .l-cell50:first-child {
    padding-right: 4px;
}

.textfield .l-cell50 + .l-cell50 {
    padding-left: 4px;
}

.popupwindow .selector, .popupwindow .uniform-input, .popupwindow .userpost-editinput textarea {
    display: block;
    text-align: left;
    margin: .3em 0;
    border-radius: 0;
    overflow: hidden;
    min-width: 0;
    font-size: 1.6rem;
}

.popupwindow .userpost-editinput textarea {
    margin-bottom: 0;
}

.popupwindow .uniform input {
    width: 100%;
    padding: 10px 1em;
    height: auto;
}

.survey-agree.parsley-error {
    border-top: 1px solid #DFDFDF !important;
}

    .survey-agree.parsley-error .checker.uniform {
        border-color: #EA5354;
    }

.checkbox-list {
    position: relative;
    margin: 15px 0;
}

    .checkbox-list.parsley-error:before {
        display: block;
        position: absolute;
        border: 1px solid #EA5354;
        top: -10px;
        left: -10px;
        right: 10px;
        bottom: -10px;
    }

.android textarea, .iOS textarea {
    resize: none;
}

iframe[name=google_conversion_frame] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.pressmedia-block, .selector select {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.is-hidden {
    display: none !important;
}

.iOS .ioshidden {
    display: none;
}

.android .is-mobilehidden, .iOS .is-mobilehidden {
    display: none !important;
}

.is-mobileshown {
    display: none;
}

.android .is-mobileshown, .iOS .is-mobileshown {
    display: block;
}

[data-popout] {
    perspective: 600px;
}

[data-title] {
    position: relative;
}

[data-bg-srcset], [data-srcset] {
    transition: opacity .2s;
}

.touchevents.touchhidden {
    display: none !important;
}

.no-cssanimations .lazy-loaded {
    opacity: 1 !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filtersentence, [data-slider] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.itsinthemaking sup::after {
    width: 4rem;
    height: .3rem;
    top: -.4rem;
    left: -.4rem;
    background: currentColor;
    display: block;
    position: absolute;
    -ms-transform: rotate(-30deg);
    transform: rotateZ(-30deg);
}

.is-invisible {
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

[data-bg] img, [data-load]:not([data-load-effect=animate]) {
    visibility: hidden;
}

.selector {
    white-space: nowrap;
    position: relative;
    display: inline-block;
    border: 1px solid #DFDFDF;
    padding: 1rem 4rem 1rem 2rem;
    box-sizing: border-box;
}

.selector--white {
    background: #fff;
}

.selector--square {
    background: #F8F8F8;
    border-radius: 0;
    display: block;
    text-align: left;
}

.userpost .selector {
    border-radius: 0;
}

.selector.disabled {
    opacity: .5;
}

.itemfilter .selector--admin {
    background: rgba(0,0,0,.79);
    border: 1px solid #000;
    color: #fff;
}

    .itemfilter .selector--admin > span {
        color: #fff;
    }

.selector--platform {
    border: 0;
    min-width: 0;
    padding: 0;
}

.selector::before {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0;
    border-color: #000 transparent transparent;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.selector--admin::after {
    border-top-color: #fff;
}

.selector--platform:before {
    content: none;
}

.radio:before, .radio > span:after {
    content: '';
}

.selector select {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    bottom: 0;
    height: 100%;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

input[type=file] {
    width: auto;
    display: block;
}

.radio {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}

    .radio:before, .radio > span {
        border-radius: inherit;
        width: 100%;
        height: 100%;
    }

        .radio input, .radio:before, .radio > span:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

    .radio:before {
        border: 0 solid rgba(12,169,227,.5);
        transition: .2s;
    }

    .radio > span {
        display: block;
        box-sizing: border-box;
        overflow: hidden;
        transform: translateZ(0);
        border: 1px solid #DFDFDF;
    }

        .radio > span:after {
            width: 100%;
            height: 100%;
            border-radius: inherit;
            border: .3em solid #fb203a;
            box-sizing: border-box;
            -ms-transform: scale(5);
            transform: scale(5);
        }

[data-useragent*=Safari]:not([data-useragent*=Chrome]) .radio > span:after {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
}

.radio > span.checked:after {
    -ms-transform: scale(1);
    transform: scale(1);
}

[data-useragent*=Safari]:not([data-useragent*=Chrome]) .radio > span.checked:after {
    opacity: 1;
}

.radio input {
    width: 1.8rem;
    height: 1.8rem;
    opacity: 0;
    z-index: 1;
}

.checker.uniform, .selectround {
    position: relative;
    cursor: pointer;
}

.selectround {
    color: inherit;
    border-radius: 40px;
    padding: 3rem;
    font-weight: 600;
    transition: .5s;
    outline: transparent 0;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
    display: inline-block;
    background: #fff;
    text-transform: capitalize;
    border: 1px solid #E3E3E3;
}

    .selectround::after {
        content: none;
    }

    .selectround::before {
        content: '+';
        display: inline-block;
        margin-right: 1rem;
    }

.itemfilter .selectround::before {
    display: inline;
}

.checker.uniform {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #DFDFDF;
    margin-right: .8rem;
}

.contentpanel--login .checker.uniform {
    vertical-align: text-bottom;
}

.checker.uniform input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.checker.uniform span {
    display: block;
}

    .checker.uniform span::before {
        content: '';
        position: absolute;
        background: url(/img/check.svg) center no-repeat;
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        transition: .1s;
        display: block;
        width: 100%;
        background-size: 70%;
        height: 100%;
    }

    .checker.uniform span.checked::before {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

.android .m-viewport, .iOS .m-viewport {
    overflow: hidden;
    position: relative;
}

    .android .m-viewport .m-header {
        position: absolute;
    }

.touchevents.is-popupopen .m-viewport {
    -webkit-filter: none;
    filter: none;
}

.socialbuttons {
    font-size: 2.2rem;
    line-height: .8em;
    display: inline;
}

    .socialbutton, .socialbuttons a {
        margin-left: .2rem;
        width: 3.4rem;
        line-height: 1.7rem;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
    }

    .socialbuttons a {
        font-size: 2.4rem;
        border: 2px solid rgba(0,0,0,.1);
        border-radius: 100%;
        -ms-transform: scale(1);
        transform: scale(1);
        transition: .3s;
    }

        .socialbuttons a:hover {
            border-color: #fb203a;
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

    .socialbuttons .icon {
        color: #000;
        transition: .2s;
    }

    .socialbuttons a:hover .icon {
        color: #fb203a;
    }

.socialbutton {
    height: 3.4rem;
    font-size: 2.2rem;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 100%;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: .3s;
    position: relative;
}

    .socialbutton .communitylike {
        width: 100%;
        height: 100%;
        display: block;
    }

    .socialbutton .communitylike-heart {
        display: block;
        position: absolute;
        top: 52%;
        left: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .socialbutton .icon.icon-heart {
        font-size: 1.7rem;
    }

    .socialbutton a:not(.is-liked) .icon.icon-heart {
        color: inherit;
    }

    .socialbutton .communitylike-label {
        position: absolute;
        font-size: 1rem;
        z-index: 1;
        line-height: 1.5;
        font-weight: 600;
        background: #000;
        border-radius: 1.5em;
        color: #fff;
        right: -1.1rem;
        padding: 0 1.2rem;
        top: -1rem;
    }

.heroblock, .heroblock-content {
    white-space: nowrap;
    position: relative;
}

.socialpanel {
    display: inline-block;
    text-align: center;
    margin-top: 1.4rem;
    margin-left: 2rem;
}

.socialcopy {
    vertical-align: middle;
    font-weight: 600;
}

.communityblock-avatar .header-metablocklabel {
    vertical-align: 22%;
    margin: 0 1.5rem 0 0;
}

.heroblock--contrast {
    margin-top: -60px;
    margin-bottom: 60px;
}

.heroblock .calloutsection-minigo {
    margin-bottom: 0;
    margin-right: 1rem;
}

.heroblock-content {
    height: 450px;
    overflow: hidden;
    line-height: 1.6em;
    padding: 60px 3.5%;
    box-sizing: border-box;
}

.heroblock--big .heroblock-content {
    height: 588px;
    padding: 0 3.5%;
}

.heroblock--productsmaterials .heroblock-content {
    height: 590px;
}

.heroblock--exploreproducts .heroblock-content {
    height: 490px;
}

.heroblock--um2ext .heroblock-content {
    height: 625px;
}

.heroblock--products .heroblock-content {
    height: 520px;
}

.heroblock--contrast .heroblock-content {
    background: #000;
    color: #fff;
}

.heroblock--home.heroblock--contrast .heroblock-content {
    background: #2db2e8 !important;
}

.heroblock--contrast .heroblock-description a {
    color: inherit;
    border-bottom: 2px solid rgba(255,255,255,.3);
}

.heroblock.l-cell100 .heroblock-content {
    padding-left: 3.5%;
    padding-right: 3.5%;
}

.heroblock.l-cell33 .heroblock-content, .heroblock.l-cell50 .heroblock-content {
    padding-left: 7%;
    padding-right: 7%;
}

.heroblock--big .heroblock-content::after {
    content: '';
    height: 100%;
    display: inline-block;
    width: 0;
    vertical-align: middle;
}

.heroblock--home .heroblock-content {
    background: #2db2e8 !important;
    color: #fff;
    height: 675px;
    padding: 0 3.5%;
}

.heroblock-background, .heroblock-backgroundsmall {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 0;
}

.heroblock-backgroundcontainer {
    transition: .5s;
    -ms-transform: scale(1);
    transform: scale(1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.csstransforms3d .heroblock-backgroundcontainer {
    transition: .5s;
    transform: scale(1) translateZ(0);
}

.heroblock:hover .heroblock-backgroundcontainer {
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}

.csstransforms3d .heroblock:hover .heroblock-backgroundcontainer {
    transform: scale(1.025) translateZ(0);
}

.heroblock-background img, .heroblock-backgroundsmall img {
    width: 100%;
    visibility: hidden;
}

.no-touchevents .calloutsection-background[data-parallax], .no-touchevents .heroblock-background[data-parallax] {
    top: -40px;
    bottom: -60px;
}

.heroblock-backgroundsmall {
    display: none;
    background-position: center top;
}

.heroblock--mobile .heroblock-backgroundsmall {
    background-position: center bottom;
}

.heroblock--contrast .heroblock-background::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(0,0,0,.35)),color-stop(100%,transparent));
    background: linear-gradient(135deg,rgba(0,0,0,.35) 0,transparent 100%);
    z-index: 1;
}

.ie .heroblock.l-cell33 .heroblock-background, .ie .heroblock.l-cell50 .heroblock-background {
    opacity: .8;
}

.heroblock--big .heroblock-background, .heroblock--big .heroblock-backgroundsmall {
    background-size: auto 100%;
    height: 600px;
    top: 0;
}

.heroblock--products .heroblock-background, .heroblock--products .heroblock-backgroundsmall {
    height: 610px;
    top: -50px;
}

.heroblock--home .heroblock-background {
    height: 675px;
    margin-left: 43%;
    background-size: contain;
    background-position: -9999px -9999px;
}

.android .heroblock--home .heroblock-background, .iOS .heroblock--home .heroblock-background {
    background-position: center center;
}

.heroblock--home .heroblock-content::before {
    content: '';
    display: block;
    margin-top: -17px;
    margin-left: 330px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 100px;
    border: 5px solid #fff;
    border-color: #fff transparent transparent;
    animation: spinloading 1s infinite;
    opacity: 1;
    transition: .2s;
    top: 50%;
    left: 50%;
    z-index: 0;
}

.android .heroblock--home .heroblock-content::before, .iOS .heroblock--home .heroblock-content::before {
    content: none;
}

.heroblock--home .heroblock-content.videoloaded::before, .producthero-background.videoloaded::before {
    opacity: 0;
    transition: .2s 1s;
}

.heroblock--home .heroblock-backgroundvideo {
    margin-left: -450px;
    height: auto;
    opacity: 0;
    transition: opacity 1s .5s;
}

.android .heroblock--home .heroblock-backgroundvideo, .iOS .heroblock--home .heroblock-backgroundvideo {
    display: none;
}

.heroblock-backgroundvideo.is-loaded {
    opacity: 1;
}

.heroblock--home::after, .heroblock--home::before {
    content: '';
    display: block;
    position: absolute;
    left: 43%;
    width: 100px;
    top: 0;
    bottom: 0;
    height: 675px;
    background-image: linear-gradient(90deg,#2cb2e8 0,rgba(44,178,232,0) 100%);
    margin-left: -450px;
}

.android .heroblock--home::after, .android .heroblock--home::before, .heroblock--big .heroblock-background::after, .iOS .heroblock--home::after, .iOS .heroblock--home::before {
    content: none;
}

.heroblock--home::before {
    margin-left: 890px;
    background-image: linear-gradient(90deg,rgba(44,178,232,0) 0,#2cb2e8 100%);
}

.heroblock-background video {
    min-width: 100.1%;
    min-height: 100%;
}

.heroblock--exploreproducts .heroblock-copycontainer {
    vertical-align: top;
    padding-top: 6rem;
}

.heroblock-copycontainer {
    display: inline-block;
    width: 100%;
    white-space: normal;
    vertical-align: middle;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
}

.specs-printer:after, .specs-printer > img {
    vertical-align: bottom;
    display: inline-block;
}

.heroblock-copy {
    vertical-align: bottom;
    max-width: 300px;
    position: relative;
    height: 100%;
    white-space: normal;
}

.ulti-2-fam .heroblock-copy {
    max-width: 390px;
}

.heroblock-newsletter {
    background: #fff;
    overflow: hidden;
    padding: 10px 10px 10px 20px;
    border-radius: 50px;
}

    .heroblock-newsletter .newslettersubscriber {
        text-align: left;
        font-size: 2rem;
    }

    .heroblock-newsletter .newslettersubscriber-input {
        position: absolute;
        left: 30px;
        right: 65px;
    }

    .heroblock-newsletter .newslettersubscriber-button {
        right: 0;
        position: absolute;
        display: inline-block;
        box-sizing: border-box;
        height: 4.8rem;
        margin-top: -.4rem;
        line-height: 1.4em;
    }

    .heroblock-newsletter .newslettersubscriber-back {
        width: auto;
        left: 0;
    }

    .heroblock-newsletter .newslettersubscriber-input input {
        width: 100%;
    }

.heroblock-footer {
    position: absolute;
    bottom: 28px;
    left: 7%;
    right: 7%;
}

    .heroblock-footer .heroblock-price {
        display: inline-block;
        margin: 0;
        line-height: 2.3em;
    }

.heroblock--big .heroblock-copy {
    max-width: 530px;
    margin-top: 0;
    height: auto;
}

.heroblock--big .heroblock-copy--products p {
    max-width: 420px;
}

.heroblock--um2fam .heroblock-copy {
    margin-top: 2em;
    max-width: 475px;
}

.heroblock--um2backpack .heroblock-copy {
    max-width: 550px;
}

.heroinfozone::before, .minihero-job-description:before, .minihero::before {
    content: '';
}

.heroblock-title {
    text-transform: uppercase;
    margin: 0 0 2.2em;
    width: 115%;
}

.heroblock--big .heroblock-title {
    font-weight: 200;
    margin-bottom: .4rem;
}

.heroblock-title em {
    font-style: normal;
    font-weight: 700;
}

.heroblock .btn {
    display: inline-block;
    padding: .9rem 3rem;
    margin: 1rem 0 0;
}

.heroblock--software .btn {
    margin: 0;
    vertical-align: top;
}

.heroblock-footer .btn {
    margin-top: 0;
}

.heroblock .readlink {
    padding: 2rem 0;
    display: inline-block;
    color: #fb203a;
}

.heroblock.l-cell100:first-child + .heroblock.l-cell50, .heroblock.l-cell50:first-child {
    padding-right: 2px;
}

    .heroblock.l-cell100:first-child + .heroblock.l-cell50 + .heroblock.l-cell50, .heroblock.l-cell50:first-child + .heroblock.l-cell50 {
        padding-left: 2px;
    }

.heroblock .itsinthemaking {
    color: #000;
}

.heroblock .playlink, .heroblock .readlink {
    position: absolute;
    bottom: -3.2rem;
}

.heroblock--big .playlink, .heroblock--big .readlink, .heroblock--mobile .playlink, .heroblock--mobile .readlink {
    position: static;
}

.heroblock-price {
    margin: 0 2rem;
    white-space: nowrap;
}

.heroblock-pricefrom {
    color: #606060;
    font-size: 1.4rem;
    font-weight: 100;
}

.ulti-2-fam .heroblock-pricefrom, .ulti-org-fam .heroblock-pricefrom {
    color: #fff;
}

.heroblock-pricenumber {
    font-size: 2.5rem;
    color: #000;
}

.minihero, .moreinfo, .ulti-2-fam .heroblock-pricenumber, .ulti-org-fam .heroblock-pricenumber {
    color: #fff;
}

.heroblock-price .icon {
    font-size: 2em;
    vertical-align: -20%;
    margin-left: .3rem;
}

.heroblock.l-cell100:first-child {
    padding-bottom: 4px;
}

.heroblock--materials {
    position: relative;
}

.heroblock-figureoverlay {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 10;
}

.heroinfozone {
    position: absolute;
    right: 0;
    width: 100%;
    height: 500px;
    top: 0;
    max-width: 630px;
    z-index: 10;
}

    .heroinfozone::before {
        width: 100%;
        padding-top: 79.2740483%;
        display: block;
    }

.moreinfo:hover {
    cursor: pointer;
}

.moreinfo {
    width: 4.8rem;
    height: 4.8rem;
    -ms-transform-origin: 2.4rem 2.4rem 0;
    transform-origin: 2.4rem 2.4rem 0;
    margin: -2.4rem -2.4rem 0 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(430px) translateY(-7px);
    transition: .3s;
    text-align: left;
}

    .moreinfo.is-selected {
        z-index: 10;
    }

.moreinfo-container {
    width: 48px;
    height: 48px;
    transition: .3s .3s,border-radius 1s .3s;
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    opacity: .95;
    padding: 0;
    box-sizing: border-box;
    white-space: normal;
    border-radius: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    overflow: hidden;
}

.moreinfo.is-selected .moreinfo-container {
    width: 290px;
    height: 170px;
    border-radius: 0;
    transition: .3s .3s,border-radius .2s;
}

.moreinfo-copy {
    width: 290px;
    font-size: 2rem;
    line-height: 1.2em;
    padding: 20px;
    opacity: 0;
    transition: .3s;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.moreinfo.is-selected .moreinfo-copy {
    opacity: 1;
    transition: .3s .3s;
}

.moreinfo-close {
    -ms-transform-origin: center center;
    transform-origin: center center;
    -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
    transform: translateX(50%) translateY(-50%) rotateZ(-45deg);
    position: absolute;
    right: 24px;
    top: 23px;
    transition: .5s .3s,top .2s .3s,right .2s .3s;
}

.qualityexplorer .moreinfo-close {
    -ms-transform: translateX(50%) translateY(-50%) rotate(0);
    transform: translateX(50%) translateY(-50%) rotateZ(0);
}

.moreinfo.is-selected .moreinfo-close {
    right: 40px;
    top: 40px;
    -ms-transform: translateX(50%) translateY(-50%) rotate(360deg);
    transform: translateX(50%) translateY(-50%) rotateZ(360deg);
    transition: .5s .3s,top .2s .3s,right .2s .3s;
}

.moreinfo-copytitle {
    display: block;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-right: 1.6rem;
}

.heroblock-olsson {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

    .heroblock-olsson > .l-wrapper {
        position: relative;
        height: 100%;
    }

.heroblock--um2 .heroblock-olsson > .l-wrapper {
    max-width: 1210px;
}

.heroblock-make-link {
    width: 16.8rem;
    right: 3.2rem;
    bottom: 19.8rem;
    display: block;
    position: absolute;
    z-index: 1;
    border: none !important;
}

.heroblock-backpack-link {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 10rem;
    right: 20rem;
    width: 16rem;
}

.heroblock--um2 .heroblock-make-link, .heroblock--um2ext .heroblock-make-link {
    width: 15.8rem;
    bottom: 23.2rem;
}

.heroblock--um2 .heroblock-make-link--2go {
    bottom: 5.4rem;
    right: 9.8rem;
}

.heroblock-backpack-link > img, .heroblock-make-link > img {
    width: 100%;
}

.minihero {
    display: block;
    position: relative;
    min-height: 170px;
    text-align: center;
    background-color: #fb203a;
    margin-top: -60px;
    height: 400px;
}

    .minihero-content, .minihero-content .btn, .minihero-metafunction, .minihero-metafunction .communitylike, .minihero::before {
        display: inline-block;
    }

.minihero--manuals {
    background-color: #000;
}

.minihero--explore {
    height: 500px;
}

.minihero--simple {
    color: inherit;
    background: 0 0;
}

.contenthero--community .contenthero-background, .contenthero--company .contenthero-background, .contenthero--resources .contenthero-background {
    opacity: .5;
}

.contenthero--community .minihero-content {
    z-index: 1;
}

.minihero::before {
    height: 100%;
    width: 0;
    background: #000;
    vertical-align: middle;
    margin-left: -1rem;
    min-height: 170px;
}

.minihero-content {
    vertical-align: middle;
    padding-top: 60px;
    position: relative;
}

.minihero-content--notlogged {
    padding-top: 14rem;
    padding-bottom: 7rem;
}

.minihero-content .btn {
    margin-top: 1rem;
}

.minihero-description {
    margin: 1.5rem auto 1rem;
    max-width: 700px;
}

.minihero-job-description {
    list-style: none;
    padding: 0;
}

    .minihero-job-description:before {
        display: inline-block;
        width: 100px;
        height: 1px;
        margin: 0 0 12px;
        background: currentColor;
    }

.contenthero--image .minihero-job-description:before {
    background: #fff;
}

.minihero-printaward {
    font-size: 5rem;
    margin-bottom: .6rem;
}

.minihero-printtitle {
    margin-bottom: .4rem;
}

.minihero-metafunctions {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.minihero-metafunction {
    margin-left: .4rem;
    margin-right: .4rem;
    white-space: nowrap;
}

.minihero-metafunctions .icon {
    vertical-align: -10%;
    margin: .4rem;
}

.minihero-metafunctions .communitylike .icon {
    top: 0;
}

.minihero-link {
    font-weight: 700;
    color: inherit;
    font-size: 1.5rem;
    display: block;
    margin-top: 2rem;
}

.minihero-content--print {
    padding-top: 7rem;
    height: 320px;
    box-sizing: border-box;
}

.minihero .selector {
    color: #222;
}

.minihero .btn {
    border: none;
}

.profile-madeby {
    position: absolute;
    right: 2.4rem;
    bottom: 2.8rem;
    font-size: 1.4rem;
    color: rgba(255,255,255,.6);
    display: block;
    z-index: 2;
}

.profile-madebytext {
    display: inline-block;
    text-align: right;
    font-size: 1.8rem;
    line-height: 1.3em;
}

.profile-madeby .profile-icon {
    width: 4.4rem;
    height: 4.4rem;
    margin-left: 1rem;
    border-radius: 100%;
    display: inline-block;
    vertical-align: -16%;
}

.calloutsection--photo:before, .calloutsection-awardbadge, .calloutsection-awardcontent {
    vertical-align: middle;
    display: inline-block;
}

.profile-madeby .profile-icon img {
    width: 100%;
}

[data-video-popup] {
    cursor: pointer;
}

[data-resize=true] {
    transition: 1s;
}

.contenthero-navbutton a, .contenthero-navbutton a:visited {
    z-index: 1;
    width: 50px;
    overflow: hidden;
    display: block;
    margin: 1px;
    position: absolute;
    right: 0;
    color: #FFF;
}

.contenthero-play {
    margin-top: 1rem;
}

.contenthero-videocontainer {
    z-index: 10;
}

.playbutton-content {
    white-space: normal;
}

.pagesection {
    position: relative;
}

.pagesection--margin {
    margin: 60px 0;
}

.pagesection--footermargin {
    margin-bottom: 60px;
}

.pagesection--app {
    margin-bottom: 100px;
}

.pagesection-centerblock {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pagesection:after, .pagesection:before {
    content: " ";
    display: table;
}

.pagesection:after {
    clear: both;
}

.pagesection[data-load] {
    position: relative;
    z-index: 1;
}

[data-bg] img {
    width: 100%;
}

.pagesection-header {
    text-align: center;
    margin: 6rem auto 2.5rem;
    max-width: 725px;
}

.pagesection-header--pressnews {
    padding-top: 35px;
    margin-top: 50px;
}

.pagesection-header--ourcommunity {
    margin-top: 70px;
}

.pagesection-header--sendmail {
    margin-bottom: 85px;
}

    .pagesection-header--sendmail > .title {
        text-transform: none;
    }

.pagesection-header-xl {
    max-width: 900px;
    margin-top: 5rem;
}

.pagesection-footer {
    text-align: center;
    margin: 4rem 0 10rem;
    visibility: visible;
    opacity: 1;
    transition: .5s;
}

.pagesection-footer--footermargin {
    margin-bottom: 8rem;
}

.pagesection-footer--slim {
    margin: 0 0 .8rem;
}

.is-nomorestories .pagesection-footer .btn.more {
    display: none;
}

.is-nomorestories .pagesection-footer .btn.nomore {
    display: inline;
}

.pagesection-footer--notop {
    margin-top: 0;
}

.pagesection-footer--nobottom {
    margin-bottom: 0;
}

.pagesection-footer.is-hidden {
    display: none;
}

.pagesection-footer .btn {
    display: inline-block;
}

@media only screen and (max-width:1100px) {
    .pagesection--app {
        margin-bottom: 0;
    }
}

.departments-title {
    margin-bottom: 1rem;
}

.legacy-carousel {
    height: 100%;
    position: relative;
}

.carousel-slide {
    display: block;
    float: left;
    height: 100%;
    box-sizing: border-box;
    background-size: cover;
}

.carousel-slideimage {
    display: none;
}

.carousel-pagination {
    position: absolute;
    display: block;
    bottom: 4rem;
    left: 9%;
}

.carousel-paginationbullet {
    display: block;
    width: 8px;
    height: 8px;
    float: left;
    padding: 5px;
    margin: 0 .1rem;
    position: relative;
    cursor: pointer;
}

    .carousel-paginationbullet::after, .carousel-paginationbullet::before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border: 3px solid #fff;
        border-radius: 100px;
        position: absolute;
        opacity: 1;
        transition: .3s;
    }

    .carousel-paginationbullet::after {
        border: none;
        background: #fff;
        width: 50%;
        height: 50%;
        margin: -1px;
    }

    .carousel-paginationbullet::before {
        opacity: 0;
        margin: -3px;
    }

    .carousel-paginationbullet.is-selected::after {
        opacity: 0;
    }

    .carousel-paginationbullet.is-selected::before {
        opacity: 1;
    }

.calloutsection {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;
    padding: 10rem 3.5%;
    min-height: 490px;
    box-sizing: border-box;
    transition: opacity 1s 1s;
    opacity: 1;
    z-index: 1;
}

.calloutsection--explore {
    padding: 0;
    min-height: 395px;
}

    .calloutsection--explore .title {
        margin: 5rem 0 2.5rem;
        line-height: 1.2;
    }

.calloutsection--video {
    background: #fff;
    padding: 0;
}

.calloutsection--footermargin {
    padding-bottom: 60px;
}

.pagesection.is-videoplay .calloutsection {
    opacity: 0;
    transition: opacity 1s;
    z-index: auto;
}

.calloutsection-back, .calloutsection-front {
    height: 100%;
}

.calloutsection-video {
    width: 100%;
}

.calloutsection--um2support {
    padding-top: 18rem;
}

.calloutsection--um2community {
    height: 600px;
    margin-bottom: 2rem;
}

.calloutsection--3dprinting {
    height: 600px;
}

.calloutsection--solid {
    background: #fb203a;
}

.calloutsection--light {
    background: 0 0;
    color: inherit;
}

.calloutsection--white {
    background: #fff;
    color: inherit;
}

.calloutsection--awards {
    padding-bottom: 4rem;
}

.calloutsection--magicthree {
    background: #fff;
    padding-bottom: 4rem;
}

.calloutsection--showcase {
    background: linear-gradient(#fff,rgba(255,255,255,0));
    padding-top: 2rem;
}

.calloutsection--community {
    padding-top: 12rem;
    padding-bottom: 10rem;
}

.calloutsection--easy {
    height: 675px;
    padding-top: 13.2rem;
}

.calloutsection--screenheight {
    min-height: 800px;
    height: 100vh;
}

.calloutsection-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    opacity: .4;
}

.calloutsection--easy .calloutsection-background {
    opacity: 1;
    background-size: 1380px;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.calloutsection--light .calloutsection-background {
    opacity: 1;
}

.no-touchevents .calloutsection--magicthree .calloutsection-background[data-parallax] {
    bottom: -200px;
}

.calloutsection-content {
    position: relative;
    max-width: 690px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 1.5em;
}

.calloutsection--showcase .calloutsection-title {
    padding: 5rem 0 0;
}

.calloutsection--photo {
    white-space: nowrap;
}

    .calloutsection--photo:before {
        content: '';
        height: 100%;
        width: 0;
        margin-left: 0;
    }

    .calloutsection--photo .calloutsection-content {
        vertical-align: middle;
        display: inline-block;
        white-space: normal;
    }

.calloutsection--um2community .calloutsection-content {
    max-width: 830px;
}

.calloutsection--service {
    min-height: initial;
    padding-bottom: 3rem;
}

.calloutsection-award {
    white-space: nowrap;
    padding: 20px 20px 0;
}

.calloutsection-awardbadge {
    max-width: 100px;
    width: 20%;
}

.calloutsection-awardcontent {
    text-align: left;
    max-width: 365px;
    white-space: normal;
    padding-left: 15px;
    box-sizing: border-box;
    width: 80%;
    line-height: 1.5;
}

.downloads-download, .linkblocks-block, .newslettersubscriber-front {
    white-space: nowrap;
}

.calloutsection-awardtitle {
    font-weight: 600;
    margin: 0;
}

.calloutsection-awarddescription {
    margin: 0;
}

.calloutsection--fill .title {
    color: #000;
}

.calloutsection-actions {
    margin: 4rem;
    padding-bottom: 2px;
}

    .calloutsection-actions .btn {
        display: inline-block;
        padding: 1.2rem 3rem;
    }

.calloutsection-steps {
    overflow: hidden;
    position: relative;
}

.calloutsection-steps--magicthree {
    text-align: left;
}

.calloutsection-step {
    margin: 0 auto 1rem;
    position: relative;
    z-index: 1;
    text-align: center;
}

.calloutsection-stepimage {
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

    .calloutsection-stepimage .video, .calloutsection-stepimage img {
        max-width: 100%;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

.calloutsection-stepcontent {
    margin-top: 2rem;
    text-align: left;
}

.calloutsection-steps--magicthree .calloutsection-step {
    margin: 0 0 2rem;
}

.calloutsection-stepnumber {
    display: block;
    margin: 0 auto;
    border-radius: 1000px;
    border: 1px solid;
    position: relative;
    text-align: center;
    padding: 1.4rem;
    width: 2.8rem;
    height: 2.8rem;
}

.calloutsection-steps--magicthree .calloutsection-stepnumber {
    color: #fb203a;
    margin: 0;
}

.calloutsection-steps--magicthree .calloutsection-steptitle {
    margin: 2rem auto 1rem;
    text-transform: uppercase;
    font-size: 2rem;
}

.calloutsection-steps--magicthree .calloutsection-stepdescription {
    color: #7F7F7F;
    font-size: 1.8rem;
}

.calloutsection-minigo {
    font-weight: 600;
    font-size: 1.5rem;
    margin: 2.8rem 0;
    display: inline-block;
}

    .calloutsection-minigo .icon {
        vertical-align: -10%;
        margin-right: .2rem;
    }

.calloutsection-minigo--olsson {
    display: block;
}

.calloutsection-link {
    margin-top: 1rem;
    display: inline-block;
}

.calloutsection-minigo--olsson > .icon {
    margin-right: 1.4rem;
}

.calloutsection-stepplus::before {
    content: '+';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2.4rem;
    line-height: 1.95em;
    color: #fb203a;
}

.calloutsection-steps--magicthree .calloutsection-stepplus::before {
    top: 167px;
    left: -20px;
}

.calloutsection-quote {
    font-size: 2.2rem;
    color: #fb203a;
}

    .calloutsection-quote blockquote {
        padding: 4rem 0 3rem;
    }

.calloutsection--easy .calloutsection-quote {
    position: absolute;
    width: 550px;
    left: 50%;
    top: 320px;
    padding-left: 80px;
    box-sizing: border-box;
    max-width: 50%;
}

.l-cell33:first-child .calloutsection-step::before {
    content: '';
}

.calloutsection-support {
    padding: 3.5rem 0;
    overflow: hidden;
    text-align: left;
}

    .calloutsection-support a.readlink {
        color: #fb203a;
    }

.calloutsection-supportmember {
    margin-top: 9rem;
}

.calloutsection-button {
    display: inline-block;
    margin-top: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.calloutsection-description ul {
    padding: 0;
}

.calloutsection-description li, .horizontallist li {
    display: inline-block;
    padding-right: 1rem;
    line-height: .75rem;
    font-weight: 700;
}

    .calloutsection-description li::after, .horizontallist li::after {
        content: '|';
        padding-left: 1rem;
        vertical-align: middle;
        opacity: .3;
    }

    .calloutsection-description li:last-child::after, .horizontallist li:last-child::after {
        display: none;
    }

.supportblock {
    background-color: #fff;
    display: block;
    padding: 0 10% .6rem;
    overflow: hidden;
    position: relative;
}

.materials-box, .materials-bullets a, .newslettersubscriber-front a, .newslettersubscriber-input {
    display: inline-block;
}

.supportblock-heading {
    color: #000;
    font-weight: 400;
    margin-bottom: 2rem;
    font-size: 2rem;
}

    .supportblock-heading > .icon {
        margin-right: 1rem;
        color: #fb203a;
        vertical-align: text-bottom;
        font-size: 2.4rem;
    }

.supportblock span, .supportblock-text {
    font-size: 1rem;
}

.supportblock span {
    font-weight: 700;
    position: absolute;
    bottom: 3.2rem;
}

.supportblock-text {
    color: #7F7F7F;
}

.videosection {
    padding: 40px 20px;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.pagesection.is-videoplay .videosection {
    opacity: 1;
    transition: opacity 1s 1s;
    z-index: 1;
}

.videosection-video {
    position: relative;
    padding-top: 60.6%;
    height: 30px;
}

.videosection-embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.materials {
    width: 100%;
    position: relative;
    margin: 6rem 0 4rem;
    padding-bottom: 2rem;
}

.materials-background {
    position: absolute;
    width: 45%;
    top: 0;
    bottom: 0;
    background-size: 98%;
    background-repeat: no-repeat;
    background-position: left 70%;
    opacity: 0;
    transition: 1s;
    left: 0;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

    .materials-background.is-selected {
        opacity: 1;
        transition: opacity 1s .4s,right 0s;
    }

.materials-background--left.is-selected {
    -ms-transform: translateX(-24%);
    transform: translateX(-24%);
}

.materials-background--middle.is-selected {
    -ms-transform: translateX(61%);
    transform: translateX(61%);
}

.materials-background--right.is-selected {
    -ms-transform: translateX(140%);
    transform: translateX(140%);
}

.materials-content {
    max-width: 524px;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    padding-top: 10rem;
    position: relative;
}

.materials-bullets a {
    width: 46px;
    height: 46px;
    line-height: 48px;
    color: #000;
    margin: 0 5px;
    border-radius: 100%;
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 #c8c8c8;
    border: 1px solid #e3e3e3;
}

    .materials-bullets a.is-selected {
        background-color: #fb203a;
        border: none;
        box-shadow: none;
        color: #fff;
        font-weight: 400;
    }

.materials-boxes {
    width: 100%;
    text-align: justify;
    position: relative;
    margin-top: 10rem;
}

    .materials-boxes:after {
        content: "";
        width: 100%;
        display: inline-block;
    }

.downloads-buttons:after, .downloads-download:before {
    content: '';
    vertical-align: middle;
}

.materials-box {
    width: 31.7%;
    max-width: 94%;
    background-color: #fff;
    padding: 3.2rem 4%;
    text-align: center;
    box-sizing: border-box;
    transition: box-shadow .5s;
}

    .materials-box.is-selected {
        box-shadow: 0 3px 4px 0 #c8c8c8;
    }

.materials-box-title {
    font-weight: 500;
    margin-bottom: 0;
}

.materials-subtitle {
    margin-top: 0;
    font-weight: 500;
}

.materials-box-text {
    color: #7f7f7f;
}

.materials-box a {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fb203a;
}

.icon-right--cirkle {
    width: 13px;
    height: 13px;
    line-height: 13px;
    border-radius: 100%;
    border: 1px solid;
    font-size: .7rem;
    margin-right: 7px;
}

.icon--rounded {
    border-radius: 50%;
    background-clip: content-box;
}

.newslettersubscriber {
    position: relative;
    line-height: 2em;
    color: #999;
}

    .newslettersubscriber .success {
        font-size: 1.1rem;
    }

.csstransforms3d .newslettersubscriber {
    perspective: 700;
}

.csstransforms3d .newslettersubscriber-back, .csstransforms3d .newslettersubscriber-front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 1s cubic-bezier(.68,-.55,.265,1.55);
}

.csstransforms3d .newslettersubscriber-back {
    transform: rotateX(180deg);
}

.csstransforms3d .is-selected .newslettersubscriber-back, .csstransforms3d .newslettersubscriber-front {
    transform: rotateX(0);
}

.csstransforms3d .is-selected .newslettersubscriber-front {
    transform: rotateX(180deg);
}

@media (max-width:767px) {
    .newslettersubscriber {
        margin-bottom: .5rem;
    }

    .newslettersubscriber-input {
        width: 15rem;
    }
}

.no-csstransforms3d .newslettersubscriber-back {
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    transition: 1s cubic-bezier(.68,-.55,.265,1.55);
}

.no-csstransforms3d .newslettersubscriber-front {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition: 1s cubic-bezier(.68,-.55,.265,1.55);
}

.no-csstransforms3d .is-selected .newslettersubscriber-back {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.no-csstransforms3d .is-selected .newslettersubscriber-front {
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
}

.newslettersubscriber-back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.newslettersubscriber .icon {
    color: #fb203a;
}

.newslettersubscriber-input input {
    border: none;
    border-bottom: 1px solid #979797;
    outline: 0;
    width: 14rem;
    background: 0 0;
    border-radius: 0;
    line-height: 1em;
}

.newslettersubscriber-button {
    background: #fb203a;
    color: #fff;
    padding: .5rem .8rem;
    border-radius: 100px;
    border: 0;
    outline: 0;
}

.pagesection-downloads {
    margin: 6rem;
}

.downloads-download {
    background: #fff;
    height: 100px;
    padding: 0 40px;
    position: relative;
}

.downloads-buttons .btn, .downloads-details .btn {
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
}

.downloads-download:before {
    display: inline-block;
    height: 100%;
    width: 0;
    background: red;
    margin-left: -6px;
}

.downloads-name {
    display: inline-block;
    vertical-align: middle;
}

.downloads-title {
    width: auto;
    font-size: 2.6rem;
}

.downloads-details {
    color: #7F7F7F;
}

.downloads-details, .downloads-title {
    display: inline-block;
    vertical-align: middle;
}

    .downloads-details .btn {
        width: 140px;
    }

.downloads-buttons {
    height: 100%;
    position: absolute;
    top: 0;
    right: 40px;
    text-align: center;
}

.grid-item, .pageheader--superslim, .tabs-tab {
    position: relative;
}

.downloads-buttons:after {
    display: inline-block;
    height: 100%;
    width: 0;
}

.downloads-buttons .icon {
    vertical-align: -10%;
    margin-right: .2rem;
}

.downloads-download + .downloads-download {
    margin-top: 1rem;
}

.downloads-minigo {
    margin-right: 2rem;
    margin-left: .6rem;
    font-weight: 600;
    font-size: 1.4rem;
}

.downloads-buttons .btn {
    width: 140px;
}

.scrollcap-hider {
    overflow-y: hidden;
    overflow-x: hidden;
}

.scrollcap {
    overflow-y: scroll;
    overflow-x: hidden;
}

.grid--event {
    max-height: 965px;
    overflow: hidden;
    margin-bottom: 2rem;
}

    .grid--event.is-expanded {
        max-height: 100000px;
    }

.grid-item.is-loading {
    opacity: .01;
    -ms-transform: scale(.9);
    transform: scale(.9);
}

.pageheader {
    padding-top: 5rem;
    padding-bottom: 2rem;
    overflow: hidden;
    text-align: justify;
}

.pageheader--slim {
    padding-top: 6rem;
}

.pageheader--story {
    padding-bottom: 1rem;
    overflow: visible;
}

.pageheader--superslim {
    padding-top: 3.2rem;
    padding-bottom: 0;
}

.pageheader .l-pad:after {
    display: inline-block;
    width: 100%;
    height: 1px;
}

.pageheader--story .l-pad::after {
    content: none;
}

.pageheader .pageheader-filter, .pageheader .title {
    vertical-align: middle;
    display: block;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 0;
}

.pageheader .pageheader-filter {
    position: relative;
    z-index: 2;
}

.pageheader--left .title {
    text-align: left;
}

.pageheader-storytitle {
    margin: 2rem;
}

.pageheader .l-pad {
    line-height: 1;
}

.pageheader .itemfilter {
    display: inline-block;
    vertical-align: middle;
    height: 4.4rem;
}

    .pageheader .itemfilter::before {
        content: '';
        width: 0;
        height: 100%;
        background: red;
        display: inline-block;
        vertical-align: middle;
    }

.pageheader--story .itemfilter {
    margin-top: -5rem;
}

.tabs {
    margin: 0 0 1rem;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,.12);
    font-size: 2rem;
}

.tabs--anchor {
    margin-bottom: -10px;
    border: none;
    margin-top: 1rem;
}

.tabs-tab {
    display: block;
    float: left;
    padding: 1.6rem 4% 2.8rem;
    color: #fb203a;
}

.tabs--anchor .tabs-tab.is-selected {
    border: none;
}

.tabs-title {
    color: #000;
    font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.communitymember-by, .morebutton {
    font-weight: 600;
}

.tabs-tab.is-selected {
    background: #fff;
    border-bottom: 0;
    box-sizing: border-box;
    margin-bottom: -1px;
    border-left: 1px solid rgba(0,0,0,.12);
    border-right: 1px solid rgba(0,0,0,.12);
}

    .tabs-tab.is-selected:before {
        content: '';
        display: block;
        position: absolute;
        border-top: 3px solid #fb203a;
        left: 0;
        right: 0;
        top: 0;
    }

.griditempanel {
    text-align: center;
    transition: .5s;
    opacity: 0;
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.is-loaded .griditempanel {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.griditempanel-figure {
    height: 32rem;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.griditempanel-footer {
    background: #fff;
    min-height: 105px;
    text-align: justify;
    font-size: 0;
    box-sizing: border-box;
    padding: 27px 30px;
}

.featured .griditempanel-copy div, .griditempanel-copy {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 30px;
    transition: .5s;
}

.griditempanel-content {
    height: 100%;
}

.griditempanel-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: center center no-repeat #fff;
    background-size: contain;
    transition: .5s;
    animation: none;
}

.featured .griditempanel-background {
    background-size: cover !important;
}

    .featured .griditempanel-background img, .griditempanel-background img {
        width: 100%;
        visibility: hidden !important;
    }

.griditempanel-copy {
    position: absolute;
}

.featured .griditempanel-copy {
    text-align: left;
    color: #fff;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: linear-gradient(to bottom,transparent 0,transparent 60%,rgba(0,0,0,.3) 100%);
}

.griditempanel-copydescription--specs:after, .griditempanel-copydescription--specs:before {
    background: #fff;
    display: block;
    opacity: .2;
    position: absolute;
    content: '';
}

.featured .griditempanel-copy div {
    position: absolute;
}

.griditempanel-copytitle {
    font-size: 2.6rem;
    display: block;
}

.griditempanel-copydescription {
    display: block;
}

.featured .griditempanel-copydescription {
    max-width: 70%;
}

.griditempanel-copydescription--specs {
    position: absolute;
    left: 20px;
    right: 20px;
    padding-top: 10px;
    bottom: 30px;
}

    .griditempanel-copydescription--specs:before {
        height: 2px;
        left: 0;
        right: 0;
        top: 0;
    }

    .griditempanel-copydescription--specs:after {
        width: 2px;
        left: 50%;
        top: 4px;
        bottom: 0;
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .griditempanel-footer .griditempanel-price {
        margin-top: 10px;
        position: absolute;
        left: 30px;
    }

    .griditempanel-footer .btn {
        position: absolute;
        right: 30px;
    }
}

.griditempanel-footer:after {
    content: '';
    width: 100%;
    display: inline-block;
    text-align: justify;
    height: 0;
    background: red;
}

.griditempanel-footer .btn, .griditempanel-footer .griditempanel-price, .griditempanel-footer .minigo {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
}

    .griditempanel-footer .minigo.is-hidden {
        display: none;
    }

.griditempanel-pricenumber {
    font-size: 2.6rem;
}

.griditempanel-priceside {
    color: #7F7F7F;
}

.griditempanel-overlay {
    position: absolute;
    color: #fff;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    padding: 30px;
    z-index: 2;
    transition: .5s;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
}

.featured .griditempanel-overlay {
    text-align: left;
}

    .featured .griditempanel-overlay .griditempanel-copydescription {
        padding-bottom: 15px;
    }

.griditempanel-copytitle--overlay {
    margin: 1rem 0;
}

.featured .griditempanel-copytitle--overlay {
    margin: 1rem 0 0;
}

.griditempanel-figure.is-showmore .griditempanel-overlay, .no-touchevents .griditempanel-figure:hover .griditempanel-overlay {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
}

.griditempanel-overlay:before {
    content: '';
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .8;
    z-index: -1;
}

.griditempanel-copyread {
    display: inline-block;
    position: absolute;
    margin: 2.6rem;
    bottom: 2rem;
    left: 0;
    right: 0;
}

.featured .griditempanel-copyread {
    margin: 0 30px 30px;
}

.griditempanel-detailmark {
    width: 50%;
    text-align: left;
    float: left;
    font-size: 2rem;
    padding: 0 5px 0 27px;
    box-sizing: border-box;
    line-height: 1.5em;
    position: relative;
}

    .griditempanel-detailmark .icon {
        color: #fb203a;
        position: absolute;
        left: .8rem;
        line-height: 1.5em;
    }

.pageheader-filter {
    font-size: 1.9rem;
}

    .pageheader-filter .btn {
        text-transform: none;
        display: inline-block;
        margin: 0;
    }

.morebutton, .playbutton, .story-label, .story-title--slider {
    text-transform: uppercase;
}

.pageheader-filter .selector {
    padding: 1.5rem 2rem;
}

.communitymember {
    position: relative;
    padding-left: 50px;
    color: #7F7F7F;
    font-size: 1.5rem;
    line-height: 1.2em;
}

.communitymember-avatar {
    border: 1px solid #7F7F7F;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 37px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.communitymember-by, .communitymember-name, .communitymember-title {
    display: block;
}

.communitymember-title {
    font-style: italic;
}

.touchcarousel-photoblock {
    overflow: hidden;
    height: 340px;
    position: absolute;
    width: 50%;
}

    .touchcarousel-photoblock img {
        width: 100%;
        position: absolute;
        top: 0;
        opacity: 0;
        transition: 1s;
    }

.touchcarousel-photoblock--3 img {
    bottom: 0;
    top: auto;
}

.touchcarousel-photoblock img.is-active {
    opacity: 1;
}

.touchcarousel-photoblock--small {
    height: 260px;
    width: 25%;
}

.touchcarousel-photoblock--large {
    height: 490px;
}

.touchcarousel-photoblock--0 {
    top: 500px;
    left: 0;
}

.touchcarousel-photoblock--1 {
    top: 500px;
    left: 25%;
}

.touchcarousel-photoblock--2 {
    top: 750px;
    left: 0;
}

.touchcarousel-photoblock--3 {
    top: 900px;
    left: 50%;
}

.touchcarousel-footer {
    overflow: hidden;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 10;
    bottom: 0;
    position: static;
}

.touchcarousel--printexamples .touchcarousel-footer {
    color: #000;
}

.touchcarousel-captions {
    background: #00f;
}

.touchcarousel--single .touchcarousel-navigation {
    opacity: 0;
}

.touchcarousel-navbutton {
    vertical-align: middle;
    display: inline-block;
    padding: 100px 1rem;
    height: 2rem;
    top: 50%;
    position: absolute;
    opacity: .75;
    transition: opacity .3s;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .touchcarousel--printexamples .touchcarousel-navbutton, .touchcarousel-navbutton:hover {
        opacity: 1;
    }

    .touchcarousel-navbutton.j-prev {
        left: 10px;
    }

    .touchcarousel-navbutton.j-next {
        right: 10px;
    }

.touchcarousel-navigationitem {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.25);
    position: relative;
    vertical-align: middle;
}

    .touchcarousel-navigationitem.is-active .touchcarousel-navbackground {
        box-shadow: inset 0 0 0 1px #1bace1;
    }

.touchcarousel-navbackground {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .2s;
    box-shadow: inset 0 0 0 1px rgba(27,172,225,0);
}

.morebutton {
    font-size: 1.5rem;
    position: absolute;
    top: 42px;
    right: -21px;
    z-index: 1;
    transition: .5s;
}

.is-expanded .morebutton {
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

.specifications-all {
    display: inline;
}

.is-expanded .specifications-all, .specifications-less {
    display: none;
}

.is-expanded .specifications-less {
    display: inline;
}

.morebutton-ball {
    height: 40px;
    width: 40px;
    background: #fb203a;
    position: relative;
    border-radius: 20px;
    display: inline-block;
    vertical-align: -70%;
    margin-left: 1rem;
    transition: .5s;
    -ms-transform: rotate(0);
    transform: rotateZ(0);
}

.is-expanded .morebutton-ball {
    -ms-transform: rotate(1440deg);
    transform: rotateZ(1440deg);
}

.morebutton-ball .icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 2rem;
}

.morebutton-ball .icon-close {
    font-size: 2rem;
}

.specifications-table {
    text-align: left;
}

.specifications-tablerow {
    padding: 1.8rem 30px;
    margin: 0 2px;
}

.specifications-tablehead {
    padding: 1.8rem 30px;
    font-weight: 700;
    font-size: 2.6rem;
}

.specifications-tablerow:nth-child(2n) {
    background: #122646;
}

.specifications-spectitle {
    display: block;
    margin-bottom: .4rem;
}

.specifications-specdetail {
    display: block;
}

.qualityexplorer {
    background: #fb203a;
    position: relative;
    text-align: center;
    height: 1210px;
}

.qualityexplorer--ext {
    height: 1270px;
}

.qualityexplorer.is-animate {
    background: #fff;
}

.qualityexplorer-circles, .qualityexplorer-slide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transform: translateZ(0);
    padding-top: 170px;
}

.qualityexplorer-background {
    max-width: 100%;
}

.qualityexplorer-backgrounds {
    top: 1px;
    position: relative;
}

.qualityexplorer-backgroundcontainer {
    position: absolute;
    left: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
    opacity: 0;
    transition: .5s;
    transform: translateZ(0) translateX(-50%);
    overflow: hidden;
    width: 560px;
    margin-top: -110px;
}

    .qualityexplorer-backgroundcontainer.is-active {
        opacity: 1;
        z-index: 3;
    }

.qualityexplorer-rotatebutton {
    position: absolute;
    top: 39%;
    left: 50%;
    z-index: 4;
    margin-left: -25px;
}

    .qualityexplorer-rotatebutton.is-hidden {
        display: none;
    }

.qualityexplorer-rotatebutton--left {
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

.qualityexplorer-rotatebutton--right {
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}

.calloutsection-pagination, .qualityexplorer-copy {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
}

.qualityexplorer-copy {
    max-width: 890px;
    bottom: 80px;
    transform: translateX(-50%);
    width: 100%;
    box-sizing: border-box;
    z-index: 10;
}

.qualityexplorer-controls {
    padding: 20px 0 0;
}

.calloutsection-member {
    position: absolute;
    right: 55%;
    top: 315px;
    z-index: -1;
    max-width: 44%;
    opacity: 0;
    transition: 1s;
    visibility: hidden;
}

    .calloutsection-member.is-active {
        opacity: 1;
        visibility: visible;
    }

.calloutsection-pagination {
    color: #000;
    bottom: 90px;
    transform: translateX(-50%);
    z-index: 5;
    cursor: pointer;
}

    .calloutsection-pagination .carousel-paginationbullet::after, .calloutsection-pagination .carousel-paginationbullet::before {
        background: #000;
    }

    .calloutsection-pagination .carousel-paginationbullet.is-active::before {
        background: 0 0;
        border: 3px solid #000;
        opacity: 1;
    }

    .calloutsection-pagination .carousel-paginationbullet.is-active::after {
        opacity: 0;
    }

.imageexplorer {
    height: 100vh;
    background: #000;
    position: relative;
    top: -60px;
}

    .imageexplorer .morebutton {
        right: 50px;
    }

.imageexplorer-viewer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.imageexplorer-controls {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.imageexplorer .btn {
    border: 0 solid transparent;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.imageexplorer-info {
    position: absolute;
    bottom: 50px;
    left: 5%;
    min-width: 250px;
    background-color: rgba(255,255,255,.6);
    color: #000;
    padding: 1rem 2rem;
}

.imageexplorer-infotitle {
    display: block;
    font-size: 2.6rem;
}

.linkblocks {
    margin-top: 1rem;
}

.linkblocks-block {
    background: #fff;
    height: 100px;
    padding: 0 40px;
    position: relative;
    display: block;
    color: inherit;
}

.linkblocks .minigo {
    margin: 2rem auto;
    display: block;
    text-align: center;
}

.linkblocks-block:before, .linkblocks-name {
    display: inline-block;
    vertical-align: middle;
}

.linkblocks-block:before {
    content: '';
    height: 100%;
    width: 0;
    margin-left: -6px;
}

.linkblocks-name {
    padding-right: 160px;
    width: 100%;
    box-sizing: border-box;
}

.linkblocks--mobilelist .linkblocks-name {
    padding-right: 30px;
}

.linkblocks-title {
    font-size: 2.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

.linkblocks-details {
    color: #7F7F7F;
    white-space: normal;
    line-height: 1.4;
    margin-top: .6rem;
}

.linkblocks-details, .linkblocks-title {
    display: block;
    vertical-align: middle;
}

.linkblocks-block + .linkblocks-block {
    margin-top: 5px;
}

.pagesection-warranty > .linkblocks-block + .linkblocks-block {
    margin-top: 10px;
}

.linkblocks-go {
    position: absolute;
    right: 6%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2rem;
    height: 28px;
    color: #fb203a;
}

.linkblocks-details .buttonround {
    display: inline-block;
    width: 140px;
    font-size: 1.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.linkblocks-buttons {
    height: 100%;
    position: absolute;
    top: 0;
    right: 40px;
    text-align: center;
}

    .linkblocks-buttons:after {
        content: '';
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
    }

    .linkblocks-buttons .icon {
        vertical-align: -10%;
        margin-right: .2rem;
    }

    .linkblocks-buttons .buttonround {
        display: inline-block;
        min-width: 156px;
    }

.linkblocks--questions {
    padding: 0 7px;
}

.linkblocks--app {
    margin-top: 8rem;
    margin-bottom: 3rem;
}

    .linkblocks--app .title {
        white-space: normal;
    }

    .linkblocks--app .linkblocks-block {
        padding: 0 90px 0 180px;
        height: 130px;
    }

    .linkblocks--app .linkblocks-buttons {
        right: 90px;
    }

    .linkblocks--app .linkblocks-name {
        padding-right: 185px;
    }

.linkblocks-img {
    position: absolute;
    left: -1.2rem;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.linkblocks--questions .linkblocks-block {
    padding: 0;
}

    .linkblocks--questions .linkblocks-block:hover {
        z-index: 1;
    }

.linkblocks--questions .icon-heart {
    color: #b6b6b6;
}

.linkblocks--questions .communityblock-like {
    width: 100px;
}

.linkblocks--questions .communityblock-topiccontent {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0 50px 0 100px;
    width: 100%;
    white-space: normal;
}

.linkblocks--questions .communityblock-description {
    padding: 0;
    max-height: 5.6rem;
}

.linkblocks--questions .communityblock-topicinfo {
    padding: .4rem 0 0;
}

.linkblocks-half {
    padding: 3px;
}

.linkblocks--questions .minigo {
    text-align: right;
    clear: both;
    margin: 5px auto 0;
}

.imagelink {
    display: block;
    overflow: hidden;
    position: relative;
    height: 415px;
    background: #000;
    color: #fff;
    transition: .3s;
    -ms-transform: scale(1);
    transform: scale(1);
}

.no-touchevents .imagelink:hover .imagelink-background {
    -ms-transform: scale(1.0265);
    transform: scale(1.0265);
}

.imagelink-backgroundcontainer {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: -80px;
}

.imagelink-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    opacity: .4;
    transition: .2s;
}

.imagelink-content {
    position: relative;
    padding: 40px;
}

.imagelink-description {
    font-size: 2.1rem;
    margin: 0;
    line-height: 1.4em;
    max-width: 360px;
}

.imagelink-button {
    width: 190px;
    display: inline-block;
    bottom: 40px;
    position: absolute;
    left: 30px;
}

.no-touchevents .imagelink-background[data-parallax] {
    top: -40px;
    bottom: -60px;
}

.questions {
    background: #fff;
    position: relative;
    display: block;
    color: inherit;
}

.questions-list {
    margin: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
}

.questions-list-item {
    display: block;
    transition: .25s;
    line-height: normal;
}

    .questions-list-item:hover {
        color: #000;
        -ms-transform: translateX(5px);
        transform: translateX(5px);
    }

.questions-list li {
    counter-increment: step-counter;
    padding: .7rem 0 .7rem 3rem;
    position: relative;
}

    .questions-list li::before {
        content: counter(step-counter);
        margin-top: -13px;
        width: 25px;
        height: 25px;
        display: block;
        font-size: 1.6rem;
        font-weight: 600;
        position: absolute;
        left: 0;
        top: 50%;
    }

.questions--unnumbered .questions-list {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .questions--unnumbered .questions-list li {
        padding-left: 2rem;
    }

        .questions--unnumbered .questions-list li::before {
            display: block;
            width: 5px;
            height: 5px;
            border-radius: 100%;
            top: 2rem;
            left: 0;
            position: absolute;
        }

.supportgrid {
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: -4rem;
    clear: both;
}

    .supportgrid .title {
        font-weight: 600;
        margin: .6rem 0 .4rem;
    }

.supportgrid-item {
    color: inherit;
    display: block;
    position: relative;
}

.supportgrid-image {
    padding-top: 60%;
    position: relative;
    background: 50% 50% #fff;
    overflow: hidden;
    background-size: cover;
}

    .supportgrid-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

.supportgrid-copy {
    display: block;
    line-height: 1.5em;
    margin-top: .8rem;
    padding: .6rem 0 .4rem;
}

.supportgrid-title {
    display: block;
    font-size: 2rem;
    color: #000;
    margin-bottom: .5rem;
    transition: .1s;
    margin-top: 0;
    font-weight: inherit;
    word-wrap: break-word;
}

.supportgrid-item.is-selected .supportgrid-title, .supportgrid-item > a:hover .supportgrid-title {
    color: inherit;
}

.supportgrid-description, .supportgrid-topics {
    line-height: 1.2em;
    color: #7f7f7f;
    font-size: 1.4rem;
}

.supportgrid-description {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.supportgrid-topics {
    font-weight: 600;
    padding-bottom: 2rem;
}

.supportgrid-topic {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.3;
}

.supportgrid-topic--last {
    color: #000;
}

.supportgrid-topic:first-child {
    margin-left: .2rem;
}

.pagination {
    display: block;
}

.pagination--footer {
    text-align: right;
    padding-bottom: 3rem;
}

.paginationtop:first-child {
    margin-top: -20px;
    margin-bottom: 20px;
}

.paginationtop .pagination {
    padding: 0;
    margin-bottom: -15px;
    margin-top: 0;
    text-align: left;
}

.pagination .l-pad:after {
    content: "";
    display: table;
    clear: both;
}

.pagination-content {
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 2.3em;
    position: relative;
    width: 100%;
    min-height: 2.5rem;
}

.pressnews-pagination .pagination-content {
    display: inline-block;
    width: auto;
    padding: 0 7rem;
}

.pagination-link {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 3.1rem;
}

.pressnews-pagination .pagination-link {
    position: absolute;
    top: 0;
}

.pressnews-pagination .pagination-link--prev {
    left: 0;
}

.pressnews-pagination .pagination-link--next {
    right: 2.4rem;
}

.pagination-link .icon {
    padding: .1rem 0;
    vertical-align: -.25em;
    font-size: 2rem;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: .5s;
}

.pagination-page, .pagination-pages {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}

.pagination-link--next:hover .icon {
    -ms-transform: translateX(3px);
    transform: translateX(3px);
}

.pagination-link--prev:hover .icon {
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
}

.pagination-link--prev {
    margin-right: 4rem;
}

    .pagination-link--prev .icon {
        margin-right: .6rem;
        margin-left: 0;
    }

.pagination-link--next {
    margin-left: 4rem;
}

    .pagination-link--next .icon {
        margin-left: .6rem;
        margin-right: 0;
    }

.pagination-page {
    overflow: hidden;
    transition: .5s;
    min-width: 2.6rem;
    height: 2.5rem;
    margin: 0 .1rem;
    padding: 0 .6rem;
    line-height: 2.5rem;
}

.printview-detail, .printview-row:first-child .printview-detail {
    margin-left: 13rem;
}

.pagination-seperator {
    color: #000;
    display: inline-block;
    height: 2.5rem;
    padding: 0 .4rem;
}

.pagination-page.is-selected, .pagination-page:hover {
    color: #fff;
    background: #000;
}

.pagination-page:hover {
    border-radius: 0;
}

.printview {
    width: 100%;
    overflow: hidden;
    margin-bottom: 3rem;
}

.printview-row {
    float: left;
}

    .printview-row:first-child {
        padding-right: 6rem;
    }

.printview-detail {
    color: #000;
    font-size: 1.4rem;
}

.printview-row:first-child .printview-detail span {
    min-width: 11rem;
    margin-left: -13rem;
}

.printview-detail span {
    color: #AEBAB6;
    min-width: 11rem;
    margin-left: -11rem;
    display: inline-block;
}

.printview-detail a {
    color: #fb203a;
}

.g-recaptcha {
    margin: 2rem 0;
}

@media (max-width:340px) {
    .g-recaptcha {
        margin-left: -2.1rem;
    }

    .userpost--edit .g-recaptcha {
        margin-left: -1rem;
    }
}

.tile-wrapper {
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    transition: .6s;
}

    .tile-wrapper.extended {
        padding-bottom: 12rem;
    }

.pagesection-header--jobs {
    max-width: 100%;
}

    .pagesection-header--jobs .title {
        font-weight: 500;
    }

    .pagesection-header--jobs p {
        margin-top: 0;
    }

.tile.tile--jobs {
    background-color: #fb203a;
}

.tile--jobs.is-selected, .tile--jobs:hover {
    background-color: #000;
}

.linkblocks--jobs {
    width: 100%;
    margin: 1.2rem 0 0;
    position: absolute;
    left: 0;
    max-height: 0;
    overflow: hidden;
    transition: .6s;
}

    .linkblocks--jobs .linkblocks-block {
        min-height: 100px;
        white-space: normal;
    }

    .linkblocks--jobs .linkblocks-name {
        width: auto;
        padding-right: 200px;
    }

        .linkblocks--jobs .linkblocks-name .linkblocks-title {
            width: auto;
        }

    .linkblocks--jobs.is-expanded {
        max-height: 2000px;
        margin-top: 1.2rem;
    }

.contentpanel.contentpanel--ylesspad {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.content--assets {
    overflow: hidden;
    margin-top: 12rem;
}

.content.content--assets h3 {
    margin-bottom: 2rem;
}

.background-blue {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fb203a;
    z-index: -2;
}

.assets-anchor {
    display: block;
    height: 1px;
    margin-top: -6rem;
}

.messages .content blockquote {
    margin: 0;
    padding-left: 2rem;
}

    .messages .content blockquote::before {
        top: 0;
        font-size: 2.4rem;
    }

.userpost-checker {
    margin-top: 1.6rem;
    float: left;
}

    .userpost-checker .checker {
        float: left;
        margin: 0 1rem 0 0;
    }

.errorscreen-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 12px;
}

.errorscreen-response + a {
    display: none !important;
}

.errorscreen-content {
    padding: 0 55px;
}

.erronscreen-title {
    font-size: 30px;
    line-height: 36px;
    margin-top: -5px;
    margin-bottom: 59px;
}

.erronscreen-subtitle {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 24px;
    margin-top: -48px;
    color: #7F7F7F;
}

.errorscreen-description {
    font-size: 16px;
    line-height: 24px;
    margin-top: -5px;
    margin-bottom: 29px;
    font-weight: 100;
    max-width: 50%;
}

.error-link {
    text-decoration: none;
}

.error-link--underline {
    width: calc(100% - .1px);
    color: #000;
    font-size: 20px;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 31px;
    transition: background-size .3s cubic-bezier(.23,1,.32,1);
    background: linear-gradient(transparent calc(100% - 2px),currentColor 10px) center bottom no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    font-family: "Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,sans-serif;
}

    .error-link--underline:hover {
        background-size: 0 100%;
    }

.loadcontainer.is-loading::before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    background: #f5f5f5;
    opacity: .3;
}

.loadcontainer.is-loading::after {
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    width: 30px;
    height: 30px;
    position: fixed;
    border-radius: 100px;
    border: 4px solid #1BACE1;
    border-color: #1BACE1 transparent transparent;
    animation: spinloading 1s infinite;
    z-index: 2;
}

.is-app .m-mainview {
    padding-bottom: 0;
}

a.anchor {
    display: block;
    position: relative;
    top: -12rem;
    visibility: hidden;
}

a[name=unread] {
    top: -9.2rem;
}

.contentgradient {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: linear-gradient(to bottom,transparent 0,transparent 60%,rgba(0,0,0,.2) 100%);
}

.bottomgradient::after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(rgba(245,245,245,0),#f5f5f5);
}

.contenthero::before, .reply-list:after, .story-caption::after, .story-caption::before {
    content: '';
}

[data-slider] {
    position: relative;
    cursor: -webkit-grab;
    -webkit-touch-callout: none;
    user-select: none;
}

[data-slider-container] {
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
}

[data-slider-item] {
    float: left;
    overflow: hidden;
    background-repeat: no-repeat;
    position: relative;
    box-sizing: border-box;
}

.stories-small {
    transition: .2s;
}

.stories-small--blogs {
    height: auto;
}

.stories {
    position: relative;
    z-index: 1;
    transition: 0s 1.5s;
}

.is-videoplay .stories {
    z-index: 0;
    transition: 0s 0s;
}

.pressnews-feature, .story {
    background: #fff;
    min-height: 450px;
    height: 100%;
    position: relative;
    display: block;
    opacity: 1;
    transition: opacity .3s;
    -ms-transform: scale(1);
    transform: scale(1);
}

.story--small {
    min-height: 0;
}

.stories-left .story {
    min-height: 0;
    color: #000;
    position: relative;
    overflow: hidden;
}

.story-imgsmall {
    float: left;
    margin-right: 2rem;
    width: 135px;
}

.story-textsmall {
    position: absolute;
    top: 50%;
    padding-left: 160px;
    padding-right: 10px;
    width: 100%;
    box-sizing: border-box;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.story--big {
    height: 500px;
    color: #fff;
    text-align: center;
    background: #000;
}

.l-padsmall .story .story-image, .story-image {
    background-repeat: no-repeat;
}

.l-padsmall .story .story-image, .story-background, .story-image {
    background-size: cover;
    background-position: center center;
}

.story.is-loading {
    opacity: .01;
    -ms-transform: scale(.9);
    transform: scale(.9);
}

.story-image {
    height: 381px;
    overflow: hidden;
    display: block;
}

.story--small .story-image {
    height: 200px;
}

.csstransforms3d .story-background {
    transform: scale(1) translateZ(0);
}

.story-background {
    width: 100%;
    height: 100%;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .5s;
}

.csstransforms3d .story--big {
    perspective: 600px;
}

.story .playbutton {
    position: absolute;
    z-index: 1;
    left: 50%;
    margin: -5.46rem 0 0 -5.46rem;
    top: 166px;
}

.story--small .playbutton {
    top: 105px;
    font-size: 2rem;
}

.story-caption, .story-caption::after, .story-caption::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.story--big .story-image {
    height: 100%;
    opacity: 1;
}

.story-caption {
    z-index: 2;
    width: 100%;
    height: 100%;
    color: inherit;
}

    .story-caption::after {
        display: block;
        right: 0;
        z-index: 0;
        background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.4));
    }

    .story-caption::before {
        background: #000;
        display: block;
        right: 0;
        opacity: 0;
        transition: 1s;
    }

.story-functions, .story-label {
    position: absolute;
    top: 15px;
    color: #fff;
}

.no-touchevents .story--big:hover .story-caption::before {
    opacity: .6;
}

[data-useragent*=Safari]:not([data-useragent*=Chrome]) .story-caption:before {
    transition: 0s;
}

.story-captionwrapper {
    position: absolute;
    bottom: 6%;
    width: 100%;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: .5s;
    z-index: 1;
    box-sizing: border-box;
}

[data-useragent*=Safari]:not([data-useragent*=Chrome]) .story-captionwrapper {
    transition: 0s;
}

.no-touchevents .story:hover .story-captionwrapper {
    bottom: 50%;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.story-captioncontent {
    max-width: 550px;
    margin: 0 auto;
    -ms-transform: scale(.85);
    transform: scale(.85);
    transition: .5s;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    max-height: 115px;
    overflow: hidden;
    padding: 0 20px;
}

.no-touchevents .story:hover .story-captioncontent {
    -ms-transform: scale(1);
    transform: scale(1);
    max-height: 500px;
    transition: 1s;
}

[data-useragent*=Safari]:not([data-useragent*=Chrome]) .story-captioncontent, [data-useragent*=Safari]:not([data-useragent*=Chrome]) .story:hover .story-captioncontent {
    transition: 0s;
}

.no-touchevents .story:hover .story-background {
    -ms-transform: scale(1.025);
    transform: scale(1.025);
    transition: transform .5s;
}

.no-touchevents.csstransforms3d .story:hover .story-background {
    transform: scale(1.025) translateZ(0);
}

.story-image img {
    display: none;
}

.story-label {
    display: inline-block;
    background: rgba(0,0,0,.42);
    padding: 1rem 11px .6rem;
    font-weight: 600;
    font-size: 2rem;
    border-radius: 100px;
    left: 15px;
    z-index: 2;
    transition: .3s;
    line-height: 1em;
}

    .story-label:hover {
        padding-left: 14px;
        padding-right: 14px;
    }

.story-functions {
    right: 15px;
    text-shadow: 0 0 10px rgba(0,0,0,.1);
    font-size: 1.5rem;
}

    .story-functions > a {
        color: inherit;
    }

    .story-functions .icon {
        vertical-align: baseline;
        margin-left: .4rem;
    }

        .story-functions .icon.icon-heart {
            color: #fff;
        }

    .story-functions .is-liked .icon.icon-heart {
        color: #E70073;
    }

    .story-functions .icon-comment {
        vertical-align: baseline;
        -ms-transform: translateY(.4rem);
        transform: translateY(.4rem);
    }

.story-function {
    display: block;
    float: left;
    margin-left: 1.6rem;
}

.story-copy {
    padding: 1rem 3rem;
    text-align: center;
    overflow: hidden;
    position: relative;
    background: inherit;
    display: table;
}

    .story-copy .inner {
        display: table-cell;
        vertical-align: middle;
    }

    .story-copy .heading-sub {
        margin-bottom: 1rem;
    }

.story--small .story-copy {
    padding: 0;
    height: 95px;
    display: table;
    box-sizing: border-box;
    width: 100%;
}

.l-cell50 .story-copy {
    padding-left: 7.25%;
    padding-right: 7.25%;
}

.story-copy--home {
    padding: 2rem;
    height: 13rem;
    box-sizing: border-box;
}

    .story-copy--home > div, .story-copy--press > div {
        display: inline-block;
        vertical-align: middle;
    }

    .story-copy--home .story-title, .story-copy--press .story-title {
        margin-top: 0;
        margin-bottom: .6rem;
    }

.story-copy--press .story-title {
    line-height: 1.2;
}

.story-copy--home .story-descriptions {
    font-size: 1.8rem;
    margin-top: .8rem;
}

.story-title {
    font-weight: 400;
    font-size: 2.8rem;
    color: #000;
    margin: 1.6rem 0 1rem;
}

.story--small .story-title {
    font-size: 2rem;
    display: table-cell;
    vertical-align: middle;
    padding: 1.6rem;
}

.story--small .communitylike {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.story--small .communitylike-label {
    margin-right: .5rem;
}

.carousel-descriptions {
    width: 80%;
}

.story--big .story-title {
    color: inherit;
    font-size: 3.1rem;
    margin: 0;
}

.story-title--slider {
    color: #fff;
    font-weight: 600;
}

.story-descriptionspan, .story-link {
    color: #fb203a;
}

.story-descriptions {
    margin: 1.4rem 0 0;
}

.story-descriptionmore {
    opacity: 0;
    transition: .5s;
    display: inline-block;
}

.story--big .readlink {
    font-size: 1.6rem;
}

.story .readlink {
    margin-top: 20px;
}

.no-touchevents .story--big:hover .story-descriptionmore {
    opacity: 1;
    transition: .5s,opacity .5s .25s;
}

[data-useragent*=Safari]:not([data-useragent*=Chrome]) .story--big:hover .story-descriptionmore, [data-useragent*=Safari]:not([data-useragent*=Chrome]) .story-descriptionmore {
    transition: 0s;
}

.story--big .story-descriptions {
    font-size: 2rem;
    margin: 0;
}

.l-cell50 .story-descriptions {
    font-size: 1.8rem;
}

.story-link {
    font-weight: 600;
    font-size: 2rem;
    margin-top: 2rem;
    display: block;
}

    .story-link .icon {
        vertical-align: -15%;
        margin-right: .8rem;
    }

.storyreplies .heading-sub {
    margin: 2rem 0 1.5rem;
}

.reply-list:after {
    height: 3rem;
    width: 3rem;
    position: fixed;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    border-radius: 100%;
    border: 4px solid;
    border-color: #000 transparent transparent;
    animation: spinloading 1s infinite;
    z-index: 3;
    opacity: 0;
    transition: opacity .4s cubic-bezier(.23,1,.32,1);
}

.pressnews-listitem, .pressnews-listview {
    position: relative;
    background-color: #fff;
}

.reply-list.is-loading:after {
    opacity: 1;
}

.reply-list .userpost {
    opacity: 1;
    transition: opacity .2s;
}

.reply-list.is-loading .userpost {
    opacity: .3;
}

.storyreplies-info {
    background: #fff;
    text-align: center;
    padding: 4rem;
}

.storyreplies-message {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    color: rgba(0,0,0,.4);
}

.storyreplies-button {
    display: inline-block;
}

.storyreplies-readmore {
    font-weight: 600;
    font-size: 1.6rem;
    padding: 2rem;
    display: block;
}

.storyreplies-users {
    font-size: 1.4rem;
    color: #AEBAB6;
    font-weight: 700;
}

    .storyreplies-users > .communityblock-user {
        vertical-align: -25%;
    }

.story-copy--press {
    text-align: left;
    height: 13.5rem;
}

.pressnews .heading-copy {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pressnews .copy-meta {
    font-size: 85.71429%;
}

.pressnews .story-image {
    height: 369px;
}

.pressnews-listview {
    margin-left: 4px;
    height: 100%;
}

.pressnews-listitem {
    padding: 1.45rem 3.2rem;
    font-size: 1.4rem;
    display: block;
}

    .pressnews-listitem + .pressnews-listitem {
        border-top: 4px solid #f5f5f5;
    }

.pressnews-icon {
    color: #fb203a;
    font-size: 3.1rem;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pressnews-listitem > span {
    display: block;
    box-sizing: border-box;
}

.pressnews-heading {
    margin: 0;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.pressnews-date {
    font-size: 1.7rem;
    color: #AEBAB6;
}

.pressnews-pagination {
    text-align: center;
    padding: 1.5rem 2.8rem;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
}

@media (max-width:940px) {
    .stories--pressnews .l-cell33:nth-child(3) {
        display: none;
    }
}

.pressmedia {
    background-color: #fff;
    font-size: 1.6rem;
}

.pressmedia-wrapper {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 6rem 3rem;
    margin: 0 auto;
    overflow: hidden;
}

.pressmedia-block {
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 1rem;
    margin: 0 auto 2rem;
}

    .pressmedia-block .copy-article {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin-bottom: 1rem;
    }

.pressmedia-img {
    height: 7rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

    .pressmedia-img > img {
        vertical-align: -2.4em;
        max-width: 100%;
        max-height: 100%;
        display: inline-block;
    }

.contenthero {
    box-sizing: border-box;
    text-align: center;
    height: 540px;
    position: relative;
    transition: height 1s;
    overflow: hidden;
    margin-top: -60px;
}

    .contenthero::before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        transition: .5s 1s;
    }

.contenthero--fill::before {
    content: none;
}

.contenthero-back::before, .tabview-tabbutton::before, .videothumbnail-titlecontainer::before {
    content: '';
}

.contenthero .morebutton {
    right: 30px;
    top: 70px;
}

.contenthero-back, .contenthero-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity 1s,visibility 1s;
    opacity: 1;
    z-index: 1;
}

.contenthero-back {
    background: rgba(0,0,0,.6);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

.contenthero-closearea {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.contenthero--fill .contenthero-front {
    background: 0 0;
}

.is-videoplay .contenthero-back {
    visibility: visible;
    opacity: 1;
}

.contenthero-back::before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    margin-left: -.6rem;
}

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

.contenthero--fill {
    background: #fb203a;
    color: #fff;
}

.contenthero--fill-small {
    max-height: 340px;
}

.contenthero--image {
    color: #fff;
    width: 100%;
    position: relative;
    background: #000;
    z-index: 1;
}

.contenthero--community, .contenthero--resources, .minihero--company {
    background: #000;
}

.contenthero--image-xl {
    height: 90vh;
    min-height: 720px;
}

.contenthero--featured {
    height: 88vh;
    transition: 1s 1s;
    min-height: 610px;
}

.contenthero-background {
    position: absolute;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    opacity: .5;
}

.contenthero--featured .contenthero-background {
    opacity: .15;
}

.contenthero-copycontainer {
    position: relative;
    display: inline-block;
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-48%);
    transform: translateY(-48%);
    box-sizing: border-box;
    opacity: 1;
    transition: .5s;
    padding-top: 30px;
    padding-left: 110px;
    padding-right: 110px;
}

.is-videoplay .contenthero-copycontainer {
    opacity: 0;
}

.contenthero-button {
    margin-top: 1.5rem;
    display: inline-block;
}

.contenthero-navigation {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    margin: 0 30px;
    width: 50px;
    height: 110px;
    z-index: 1;
}

.contenthero-navbutton {
    width: 50px;
    overflow: hidden;
    display: block;
    margin: 1px;
    position: absolute;
    right: 0;
}

    .contenthero-navbutton + .contenthero-navbutton {
        top: 60px;
    }

    .contenthero-navbutton .icon {
        font-size: 1.2rem;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .contenthero-navbutton:hover {
        width: 120px;
    }

.contenthero-navbutton--prev {
    text-align: right;
    top: 0;
}

    .contenthero-navbutton--prev .icon {
        left: 20px;
    }

.contenthero-navbutton--next {
    text-align: left;
    top: 50px;
}

    .contenthero-navbutton--next .icon {
        right: 20px;
    }

    .contenthero-navbutton--next .btn-container {
        float: right;
    }

.contenthero-navbutton .btn-container {
    width: 75px;
    position: static;
    top: auto;
    left: auto;
    height: auto;
    opacity: 1;
}

.contenthero h1 {
    margin-top: 0;
    color: #fff;
}

.contenthero-description {
    margin: 2.4rem auto 2rem;
    color: #fff;
    max-width: 730px;
    text-align: center;
}

.contenthero-description--jobs {
    color: #000;
}

.contenthero-description-wrap {
    max-width: 720px;
    margin: 0 auto;
}

.contenthero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 100px rgba(0,0,0,.5);
}

.contenthero-videocontainer {
    position: relative;
    margin: 50px auto;
}

    .contenthero-videocontainer::before {
        width: 0;
        display: block;
        padding-top: 56.25%;
    }

.playbutton {
    background: #fb203a;
    color: #fff;
    display: inline-block;
    height: 5.6em;
    width: 5.6em;
    border-radius: 5.6rem;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1em;
    text-align: center;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: .25s;
    margin: 0;
}

    .playbutton:hover {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

.playbutton-content {
    position: relative;
    top: 50%;
    color: #fff;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.playbutton-type {
    color: #000;
}

.contenthero-griditem .playbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5.6rem;
    margin-top: -9.6rem;
}

.contenthero--grid {
    margin-top: 0;
}

.contenthero-griditem {
    position: absolute;
    color: #fff;
    box-sizing: border-box;
}

.contenthero-gridcontent, .contenthero-gridlink {
    position: absolute;
    bottom: 0;
    left: 0;
    color: inherit;
}

.contenthero-gridlink {
    padding: inherit;
    top: 0;
    right: 0;
}

.contenthero-griditem--primary {
    right: 33.3333%;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 2px solid #f5f5f5;
    padding: 30px;
}

.contenthero-griditem--secondary {
    right: 0;
    height: 50%;
    width: 33.33333%;
    border-left: 2px solid #f5f5f5;
    padding: 30px;
}

.contenthero-griditem--top {
    top: 0;
    border-bottom: 2px solid #f5f5f5;
}

.contenthero-griditem--secondary .tooltip {
    margin-left: -30px;
}

    .contenthero-griditem--secondary .tooltip::after {
        margin-left: 20px;
    }

.contenthero-griditem--bottom {
    bottom: 0;
    border-top: 2px solid #f5f5f5;
}

.contenthero-gridcontent {
    z-index: 1;
    padding: inherit;
    text-align: left;
    right: 0;
    max-width: 500px;
    font-size: 1.6rem;
}

.contenthero-gridtitle {
    font-size: 2.6rem;
}

.contenthero-griditem--secondary .contenthero-gridtitle {
    font-size: 2rem;
}

.contenthero-griddescription {
    margin: .8rem 0 0;
}

.contenthero-griditem--secondary .contenthero-griddescription {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contenthero-gridminititle {
    margin: 0;
    text-transform: none;
    font-size: 1.6rem;
}

@media (max-width:1024px) {
    .contenthero-griddescription {
        font-size: 1.5rem;
    }

    .contenthero-griditem--secondary .contenthero-gridtitle {
        font-size: 1.6rem;
    }
}

@media (max-width:800px) {
    .contenthero.contenthero--grid {
        height: auto;
    }

    .contenthero-griditem {
        border: none;
        display: block;
    }

    .contenthero-griditem--primary, .contenthero-griditem--secondary {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: auto;
        padding: 15px;
    }

    .contenthero-griditem--primary {
        height: 350px;
    }

    .contenthero-griditem--secondary {
        border-top: 4px solid #f4f3f4;
        height: 220px;
        width: 50%;
        float: left;
        border-right: 2px solid #f4f3f4;
    }

        .contenthero-griditem--secondary:last-child {
            border-left: 2px solid #f4f3f4;
            border-right: none;
        }

    .contenthero-gridtitle {
        font-size: 2.5rem;
    }

    .contenthero-griddescription {
        display: none;
    }
}

@media (max-width:700px) {
    .contenthero-griditem--primary {
        height: 230px;
    }

    .contenthero-griditem--secondary {
        height: 170px;
    }

    .minihero-title {
        font-size: 2rem;
    }

    .minihero {
        height: 325px;
    }
}

@media (max-width:600px) {
    .story--small .story-copy {
        width: auto;
        padding-left: 33%;
    }

    .story--small .story-title {
        font-size: 3.1rem;
    }

    .minihero {
        min-height: 200px;
        height: auto;
    }

    .minihero-description {
        font-size: 1.5rem;
    }
}

.tabview {
    padding-top: 50px;
    position: relative;
}

.tabview-tabbutton {
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 25%;
    padding: 1.5rem 2rem;
    margin-bottom: 4px;
    font-size: 1.6rem;
    white-space: nowrap;
    top: 0;
    cursor: pointer;
}

    .tabview-tabbutton::before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 4px;
        bottom: 0;
        background: #fff;
        z-index: -1;
    }

.tabview-tab:last-child .tabview-tabbutton::before {
    right: 0;
}

.tabview-tab.is-open .tabview-tabbutton {
    margin-bottom: 0;
    font-weight: 600;
    cursor: default;
    background: #fff;
}

    .tabview-tab.is-open .tabview-tabbutton::before {
        bottom: -4px;
    }

.tabview-tabarrow {
    vertical-align: -17.5%;
    margin-right: .6rem;
    -ms-transform: rotate(0);
    transform: rotateZ(0);
    transition: .25s;
}

.tabview-tab.is-open .tabview-tabarrow {
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
}

.tabview-tabtitle {
    font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    vertical-align: middle;
}

.tabview-tab:nth-child(2) .tabview-tabbutton {
    left: 25%;
}

.tabview-tab:nth-child(3) .tabview-tabbutton {
    left: 50%;
}

.tabview-tab:nth-child(4) .tabview-tabbutton {
    left: 75%;
}

.tabview-contents {
    background: #fff;
}

.tabview-content {
    font-size: 1.4rem;
    line-height: 1.5em;
    background: #fff;
    display: none;
}

.asset, .tabview-tab.is-open .tabview-content {
    display: block;
}

.tabview-wrapper {
    overflow: hidden;
    box-sizing: border-box;
    padding: 6rem;
    margin: 0 auto;
}

.asset {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
    position: relative;
}

    .asset.asset--product {
        min-height: 275px;
    }

.asset-image img {
    max-width: 100%;
    max-height: 200px;
    margin: 0 auto;
}

.asset-copy {
    overflow: hidden;
}

.asset-title {
    margin: 2rem 0 .4rem;
    font-weight: 400;
    font-size: 2rem;
}

.asset--product .asset-title {
    margin-top: .4rem;
}

.asset-download {
    color: #fb203a;
    margin-top: .5rem;
    display: inline-block;
}

.asset a {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}

.videooverview .heading-sub {
    margin-bottom: 1rem;
}

.videooverview-video {
    height: 100%;
}

.videooverview-player {
    margin-bottom: 2rem;
}

.videooverview-list {
    height: 61.4rem;
    margin-top: 4.3rem;
}

.videooverview-title {
    font-size: 1.6rem;
    margin: 0 0 .6rem;
}

.videothumbnail {
    height: 70px;
    position: relative;
    cursor: pointer;
}

.videothumbnail-titlecontainer {
    margin-right: 115px;
    height: 100%;
    display: table;
    line-height: 1.2em;
}

    .videothumbnail-titlecontainer::before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 115px;
        border-top: 1px solid #E3E3E3;
    }

.videothumbnail-title {
    display: table-cell;
    vertical-align: middle;
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.videothumbnail-image {
    position: absolute;
    top: 3px;
    right: 0;
    width: 105px;
}

.copyshare, .copyshare textarea {
    width: 100%;
    box-sizing: border-box;
}

.copyshare {
    border: 1px solid #E3E3E3;
    margin-top: 4rem;
    padding: 15px;
    position: relative;
    float: left;
}

    .copyshare .btn.plain {
        top: 1rem;
        bottom: auto;
        left: auto;
        right: 1rem;
        margin: 0;
        font-size: 87.5%;
    }

.copyshare-tabs {
    overflow: hidden;
    position: absolute;
    bottom: 100%;
    left: -1px;
}

.copyshare-tabtrigger {
    float: left;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    display: block;
    padding: .5rem 2rem;
    cursor: pointer;
}

    .copyshare-tabtrigger.is-open {
        border-color: #E3E3E3;
        background: #fff;
    }

.copyshare textarea {
    padding: 0 11em 0 0;
    border: none;
    outline: 0;
    resize: none;
    color: #7F7F7F;
    overflow: hidden;
}

.copyshare-tab {
    display: none;
}

    .copyshare-tab.is-open {
        display: block;
    }

.copyshare-copy {
    position: absolute;
    right: 1rem;
    top: 0;
    padding: 15px;
    color: #000;
}

@media (max-width:1024px) {
    .copyshare textarea {
        padding-right: 0;
    }

    .copyshare-copy {
        display: none;
    }
}

@media only screen and (max-width:940px) and (min-width:600px) {
    .videothumbnail:nth-child(odd) {
        padding-right: 1rem;
    }

        .videothumbnail:nth-child(odd) .videothumbnail-image {
            right: 1rem;
        }

    .videothumbnail:nth-child(even) {
        padding-left: 1rem;
    }

    .videooverview-list {
        height: 36.5rem;
        margin-top: 0;
    }

    .tabview-wrapper {
        padding: 4rem 4rem 6rem;
    }
}

@media (max-width:800px) {
    .tabview {
        padding-top: 0;
    }

    .tabview-tabbutton {
        position: static;
        width: 100%;
        background: #fff;
        margin-bottom: 0;
    }

    .tabview-tab {
        overflow: hidden;
        margin-bottom: 4px;
    }

    .tabview-tabbutton::before {
        content: none;
    }
}

@media (max-width:600px) {
    .tabview-wrapper {
        padding: 0 5px 20px;
    }

    .asset {
        margin-bottom: 2rem;
    }

    .asset-copy {
        font-size: 1.7rem;
    }

    .videooverview {
        height: auto;
    }

    .videooverview-list {
        height: 40.8em;
        margin: 0;
        min-height: 67.4em;
    }
}

.videooverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

    .videooverlay.is-open {
        visibility: visible;
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .videooverlay .l-wrapper {
        height: 100%;
    }

.videooverlay-background {
    position: absolute;
    background: rgba(0,0,0,.85);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.videooverlay .popupwindows-close {
    z-index: 101;
}

    .videooverlay .popupwindows-close .icon-close {
        height: 4rem;
        width: 4rem;
        color: #fff;
        position: absolute;
        top: 3rem;
        right: 3rem;
        border: 2px solid;
        border-radius: 50%;
        font-size: 2rem;
        line-height: 3.6rem;
        box-sizing: border-box;
        text-align: center;
    }

.videooverlay-video {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 100px rgba(0,0,0,.5);
}

.videooverlay-videocontainer {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .videooverlay-videocontainer::before {
        content: '';
        width: 0;
        display: block;
        padding-top: 52.8%;
    }

@media (max-width:700px) {
    .videooverlay-videocontainer {
        width: 80%;
        margin: 0 auto;
    }
}

.community {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.communityactions {
    font-size: 1.4rem;
    color: #fb203a;
    margin: .4rem 0 1rem;
    display: inline-block;
    font-weight: 600;
}

.communityactions--totop {
    margin-top: -3.6rem;
}

.communityactions .communityaction {
    margin-left: 1rem;
    margin-right: 0;
}

.communityaction .icon {
    font-size: 2.4rem;
    vertical-align: -15%;
    margin-right: .2rem;
}

.communitystats {
    font-weight: 600;
    color: #AEBAB6;
    font-size: 1.4rem;
    margin: 1.9rem 0 2.8rem;
}

[data-uploader-prototype] {
    visibility: hidden;
    opacity: 0;
    display: none !important;
}

[data-viewer] {
    cursor: pointer;
}

.community-category {
    margin-bottom: 4rem;
}

    .community-category:last-child {
        margin-bottom: 0;
    }

.community-categoryheader {
    overflow: hidden;
    display: block;
    color: #AEBAB6;
    background-color: #fff;
    padding: 1.2rem 0;
    margin-bottom: .5rem;
    position: relative;
}

.community-categorytitle {
    font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #000;
    display: block;
    font-weight: 400;
    margin: .2rem 0;
}

    .community-categorytitle > .icon-lock {
        font-size: 2.8rem;
    }

.community-categorydescription {
    color: #7F7F7F;
    margin-bottom: 2.6rem;
    display: block;
}

.community-categorysubs {
    color: #fb203a;
    margin-top: .4rem;
}

.privateicon {
    width: 1.8rem;
    margin-left: .4rem;
    vertical-align: inherit;
}

.communityfollow {
    font-size: 1.4rem;
    position: relative;
    color: #fb203a;
}

.topicinfo-function .communityfollow.is-selected {
    color: #fb203a;
}

.communityfollow:last-child {
    margin-right: 0;
}

.communityfollow .icon {
    font-size: 1.4rem;
    vertical-align: -10%;
    margin-right: .6rem;
}

.community-header {
    margin: 5rem 0 1rem;
    position: relative;
}

    .community-header .itemfilter {
        top: 4.5rem;
        bottom: auto;
        left: auto;
        right: 0;
    }

    .community-header .communityactions {
        margin-top: .3rem;
    }

        .community-header .communityactions li [class*=" icon-"] {
            font-size: 2.4rem;
        }

.view-community-post-detail .community-header .communityactions, .view-community-post-edit .community-header .communityactions, .view-community-post-overview .community-header .communityactions {
    margin-top: 1rem;
}

@media (min-width:1025px) {
    .view-community-post-detail .community-header .communityactions, .view-community-post-edit .community-header .communityactions, .view-community-post-overview .community-header .communityactions {
        float: right;
        margin-top: -2.5rem;
    }
}

.community-header::after {
    content: "";
    display: table;
    clear: both;
}

.community-header--profile {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

    .community-header--profile .breadcrumbs {
        color: #7F7F7F;
    }

.community-header--center {
    text-align: center;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.community-headertitle, .contentpanel--app .community-headertitle {
    display: block;
    font-weight: 400;
    font-size: 2.41rem;
    line-height: 3.3rem;
    margin: 0;
}

.community-headertitle--prints {
    margin-top: 0;
}

.community-headeroptions {
    margin-top: -2.2rem;
}

.community-readmark {
    vertical-align: 5%;
    font-size: 1.4rem;
    color: #fb203a;
}

.community-headertitle .icon {
    vertical-align: -12%;
}

.community-headerfunction {
    margin-top: .2rem;
}

    .community-headerfunction.communityfollow {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 400;
    }

.community-headertopic {
    margin-top: .3rem;
}

@media (min-width:768px) {
    .community-headertopic .community-headertitle {
        float: left;
    }

    .community-headertopic .userpost-functions {
        float: right;
    }
}

.community-headerdescription {
    margin-top: 1rem;
    margin-bottom: 3rem;
    max-width: 560px;
}

.oldattachment {
    font-size: 1.4rem;
    color: #A5A5A5;
    display: inline-block;
    border: 1px solid #DADADA;
    background: #F2F2F2;
    margin-bottom: .7rem;
    padding: 1rem 1.5rem;
    border-radius: .6rem;
}

.itemfilter {
    font-size: 1.5rem;
    position: absolute;
    top: .75rem;
    bottom: auto;
    left: auto;
    right: 0;
}

@media (max-width:800px) {
    .itemfilter {
        margin-top: 1.5rem;
    }
}

.itemfilter .selector {
    margin-left: 1rem;
}

@media (max-width:767px) {
    .itemfilter {
        position: static;
    }

        .itemfilter .selector {
            margin: 0 1rem 0 0;
        }
}

.itemfilter .btn {
    margin: 0;
}

.itemfilter.communityfollow {
    margin-top: -3.8rem;
}

.itemfilter-button {
    text-transform: capitalize;
    font-weight: 400;
    padding: .8rem 2.4rem;
    display: inline-block;
    font-size: 2rem;
}

    .itemfilter-button + .itemfilter-button {
        margin-left: .5rem;
    }

    .itemfilter-button.is-selected {
        background: #4da8de;
        color: #fff;
        border-color: #fb203a;
    }

.communityblock, .communityblock.communityblock--print .widget {
    background: #fff;
}

.communityfilter {
    font-size: 1.5rem;
    margin-top: 1.4rem;
    width: 100%;
    float: left;
}

.communityfilter-view {
    padding-right: 3rem;
}

    .communityfilter-view .btn {
        text-transform: none;
        white-space: normal;
        display: inline-block;
        font-size: 1.2rem;
        font-family: 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        padding: .4rem 1.2rem;
        margin-right: .5rem;
    }

.communityfilter-more {
    display: none;
    color: #fb203a;
}

.communityfilter-span {
    font-size: 1.2rem;
    color: #BABABA;
    width: 3.6rem;
    float: left;
    line-height: 2.95em;
}

@media (min-width:1025px) {
    .communityfilter-span {
        width: auto;
        margin-right: 1rem;
    }
}

.communitysuperfilter, .communitysuperfilter-filters {
    width: 100%;
    float: left;
    overflow: hidden;
}

.communityfilter-selectorwrapper {
    float: left;
}

.communitysuperfilter-selector, .itemfilter-selector {
    min-width: 130px;
    line-height: 1em;
    padding: .8rem 4rem .8rem 1.7rem;
    font-size: 1.4rem;
    font-weight: 400;
}

.communityfilter .selector, .itemfilter .selector {
    font-weight: 400;
    font-size: 1.3rem;
    text-align: left;
    min-width: 100px;
    color: #000;
}

.pageheader--story .selector {
    padding: 2rem;
}

.communityfilter .selector {
    max-width: 24rem;
    padding: 1rem 5rem 1rem 2rem;
    height: 3.7rem;
    margin: 0;
}

    .communityfilter .selector > span {
        font-size: 1.2rem;
        line-height: 1.7rem;
    }

.itemfilter-sort {
    margin-right: 2rem;
}

.communitysuperfilter {
    background: #fff;
    padding: 4rem 4rem 4.5rem;
    box-sizing: border-box;
    margin: 2rem 0 1rem;
    position: relative;
    transition: .7s;
    -ms-transform: rotatex(0);
    transform: rotatex(0);
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.communitysuperfilter-buttons {
    position: absolute;
    right: 5rem;
    bottom: 2rem;
    text-align: right;
}

    .communitysuperfilter-buttons .btn {
        margin-left: .5em;
        position: relative;
        display: inline-block;
    }

    .communitysuperfilter-buttons .communitysuperfilter-clear {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        display: inline-block;
    }

.communitysuperfilter--hidden {
    -ms-transform: rotatex(-45deg);
    transform: rotatex(-45deg);
    opacity: 0;
    visibility: hidden;
}

.j-showfilter.hidden {
    display: none;
}

.communitysuperfilter-wrapper {
    max-height: 0;
    transition: .7s;
    clear: both;
    -ms-perspective: 700px;
    perspective: 700px;
    overflow: hidden;
}

    .communitysuperfilter-wrapper.show {
        max-height: 200rem;
    }

.communitysuperfilter-options {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 0 0 1rem;
}

.communitysuperfilter-selector {
    width: 24%;
    max-width: none;
    float: left;
    margin-right: 1%;
    margin-bottom: .5%;
    margin-top: .5%;
}

.communitysuperfilter-checker {
    padding: .4rem 0 0;
    min-width: 26rem;
    box-sizing: border-box;
}

    .communitysuperfilter-checker label {
        padding-top: .6rem;
        display: inline-block;
    }

    .communitysuperfilter-checker .checker {
        float: left;
        margin: 0 1rem 0 0;
    }

.communitysuperfilter-selector > span, .itemfilter-selector > span {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    vertical-align: -25%;
}

.communitysuperfilter-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.7rem;
    padding: 15px;
    transform: scale(1) translateZ(0);
    transition: .3s;
}

    .communitysuperfilter-close:hover {
        transform: scale(1.2) translateZ(0);
    }

.communitysuperfilter-clear {
    position: absolute;
    bottom: 40px;
    padding: 1rem 0;
}

.communitysuperfilter-clear--print {
    bottom: auto;
}

.communityuser {
    font-weight: 600;
    display: inline-block;
    position: relative;
}

.communityuser-avatar {
    display: inline-block;
    vertical-align: -31%;
    vertical-align: middle;
}

    .communityuser-avatar .avatar {
        display: block;
    }

.avatar-headtext {
    width: 110%;
    margin: .2rem 0 3rem -5%;
    color: #fb203a;
}

.icon--avatarupload {
    font-size: 4rem;
    color: #fb203a;
}

.avatar-uploadtext {
    margin-top: 3.4rem;
    font-size: 1.4rem;
}

.avatar-uploadbutton {
    min-width: 0;
    font-weight: 700;
    color: #222;
    padding: 1.4rem 2.4rem;
    margin-top: 2rem;
}

    .avatar-uploadbutton input[type=file] {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        cursor: pointer;
    }

.avatar-points {
    color: #fb203a;
    font-size: 1.1rem;
}

.avatar-uploadbutton.selector:before {
    content: none;
}

.communityblock::after, .userpost-container:after {
    content: "";
    clear: both;
}

.communityblock {
    margin-bottom: 4px;
    position: relative;
    font-size: 1.6rem;
    padding: 1rem 0;
}

.communityblock--topic {
    padding-bottom: 5px;
}

.communityblock--categorycollapsed {
    padding-top: 6px;
    padding-bottom: 6px;
}

.communityblock--unread-link {
    width: 12px;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    border-left: 4px solid #000;
}

.communityblock::after {
    display: table;
}

.communityblock-content {
    overflow: hidden;
}

.community-categoryheadercell, .communityblock-categorycontent, .communityblock-categorymetas, .communityblock-categorysub, .communityblock-topiccontent, .communityblock-topicmeta {
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
}

.community-categoryheadercontent {
    width: 33%;
}

.community-categoryheadercontent--large {
    width: 74.75%;
}

.community-categoryheadertopics {
    width: 41.75%;
}

.community-categoryheaderreplies {
    width: 25.25%;
    padding-left: 5.8rem;
}

.community-categoryheaderreplies, .community-categoryheadertopics {
    font-weight: 700;
    font-size: 1.34rem;
    padding: .5rem 0;
}

.communityblock-categoryheadermetas {
    width: 25.25%;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    padding-right: 45px;
}

.community-categoryheadercontrols {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 1.5rem;
    line-height: 1em;
    margin-top: -.6rem;
}

.communityblock-categorycontrol {
    color: inherit;
    opacity: .5;
}

    .communityblock-categorycontrol:hover {
        opacity: 1;
        color: #fb203a;
    }

.communityblock-topiccontent {
    width: 70%;
    padding-right: 0;
}

.communityblock-topicmeta {
    width: 30%;
    text-align: right;
    font-size: 1.38rem;
}

.communityblock-topicfunctions {
    margin-top: .4rem;
}

.communityblock-categorycontent {
    width: 33%;
    padding-right: 0;
}

.communityblock-categorycontent--large {
    width: 74.75%;
}

.communityblock-categorysub {
    width: 43%;
    padding-right: 0;
}

.communityblock-categorymetas {
    width: 24%;
    margin-top: -.5rem;
    padding-right: 10px;
}

    .communityblock-categorymetas .communityblock-topic {
        margin: 1.1rem 0 .7rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 210px;
    }

.communityblock-categorydatas {
    width: 23%;
    padding-top: .6rem;
    font-size: 1.8rem;
    color: #AEBAB6;
    padding-left: 25px;
    box-sizing: border-box;
}

.communityblock--categorycollapsed .communityblock-categorydatas {
    padding-top: 1rem;
    font-size: 1.3rem;
    line-height: 1.3em;
    text-align: right;
    padding-right: 2rem;
}

    .communityblock--categorycollapsed .communityblock-categorydatas .community-unreadlink {
        display: block;
    }

.communityblock-title {
    margin-bottom: .3rem;
    display: block;
    color: #fb203a;
    font-size: 95%;
}

.communityblock--categorycollapsed .communityblock-title {
    margin-bottom: 0;
}

.communityblock-title--topic {
    color: #000;
    font-size: 1.72rem;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: -.4rem;
}

.communityblock--topic .communityblock-title:visited {
    font-weight: 100;
}

.communityblock-description, .communityblock-topiccontent, .communityblock-topiccontent .communityblock-description {
    color: #565656;
    margin: 0;
    display: block;
    line-height: 1.4em;
    font-size: 95%;
}

.communityblock-categorycolumn {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: 2rem;
}

.communityblock-subcategory {
    display: block;
    padding: .4rem 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.communityblock-topictitle {
    display: block;
    overflow: hidden;
    height: 2.4rem;
    margin-left: 27px;
    line-height: 3rem;
}

.communityblock-topicname {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fb203a;
}

.communityblock-categorytopics .communityblock-topicname {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    font-size: 95%;
    white-space: nowrap;
}

[data-useragent*=Safari]:not([data-useragent*=Chrome]) .communityblock-categorytopics .communityblock-topicname {
    vertical-align: middle;
}

.communityblock-avatar + .communityblock-topicname {
    margin-left: .6rem;
}

.communityblock-avatar {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}

.communityblock-topic .communityblock-avatar {
    position: absolute;
    top: .3rem;
}

.communityblock-avatar + .communityblock-username {
    margin-left: .2rem;
    vertical-align: middle;
}

.communityblock-topic {
    display: block;
    margin: .5rem 0;
    text-overflow: ellipsis;
    color: #AEBAB6;
    position: relative;
}

    .communityblock-topic .communitytag {
        vertical-align: 3%;
    }

.communityblock-time {
    color: #aebab6;
    margin: 0 .5rem;
    font-size: 104.61538%;
    min-width: 10.5rem;
}

    .communityblock-time a {
        color: #aebab6;
    }

.communityblock-topicreplies {
    display: inline-block;
    vertical-align: middle;
    min-width: 13.5rem;
    font-size: 104.61538%;
    color: #AEBAB6;
}

.communityblock-topicrepliescount {
    width: 3.2rem;
    padding-right: .2rem;
    display: inline-block;
    text-align: right;
    font-weight: 600;
}

.communityblock-topicrepliescount--topics {
    width: 12rem;
    font-weight: 400;
}

.communityblock-topicrepliescount + .communityblock-topicrepliesaction {
    border-left: 1px solid rgba(0,0,0,.1);
    padding-left: .5rem;
    color: #fb203a;
}

.communityblock-topicrepliesaction {
    color: #fb203a;
}

.communityblock-time > a {
    color: inherit;
    font-weight: inherit;
}

.communityblock-timemain {
    font-weight: 600;
}

.communityblock-categorytopics {
    margin-top: -.5rem;
}

.communityblock-metas {
    color: #aebab6;
    font-size: 1.6rem;
    text-align: right;
    position: absolute;
    top: 50%;
    right: 20px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.communityblock--category .communityblock-metas {
    -ms-transform: none;
    transform: none;
    top: 0;
    padding-top: 2rem;
}

.communityblock-meta {
    color: #AEBAB6;
    display: inline-block;
    margin-right: .6rem;
    vertical-align: 10%;
    font-size: 1.28rem;
}

.communityblock .communityblock-meta {
    margin-top: .9rem;
}

.communityblock-metavalue {
    font-weight: 700;
}

.communityblock-topicinfo {
    color: #aebab6;
    font-weight: 600;
    font-size: 1.26rem;
}

.communityblock-topicinfoentry {
    white-space: nowrap;
    line-height: 2em;
    margin-right: 1.3rem;
}

.communityblock-topiclabel {
    margin: 0 .5rem 0 0;
}

.communityblock-pagination {
    color: #fb203a;
}

.communityblock-user {
    display: inline-block;
}

.communityblock-like {
    width: 80px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

    .communityblock-like .communitylike {
        display: block;
    }

    .communityblock-like .communitylike-label {
        display: block;
        line-height: 1em;
    }

.sharing .communitylike .communitylike-label {
    display: block;
    position: absolute;
    right: -1.3rem;
    top: -1rem;
    background-color: #fb203a;
    color: #fff;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    border-radius: 50%;
    font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.topicinfo-avatar, .topicinfo-user {
    display: inline-block;
}

.communityblock-page {
    margin-right: .5rem;
}

.communityblock-categorynofound {
    color: #AEBAB6;
    font-size: 1.6rem;
}

.topicinfo {
    color: #AEBAB6;
    font-size: 1.24rem;
}

.topicinfo-function {
    vertical-align: middle;
    margin-left: 1.2rem;
}

    .topicinfo-function .icon-heart {
        font-size: 1.2rem;
        width: 1.5rem;
        height: 1.1rem;
        margin-right: .3rem;
    }

    .topicinfo-function:first-child {
        margin-left: 0;
    }

        .topicinfo-function:first-child .icon {
            margin-right: .5rem;
        }

    .topicinfo-function .communityfollow {
        font-size: inherit;
        color: inherit;
        font-weight: 600;
        display: inline-block;
    }

    .topicinfo-function .icon-removethick {
        margin-right: 0;
        vertical-align: -8%;
    }

    .topicinfo-function .communitylike {
        font-weight: 600;
        vertical-align: 2%;
    }

        .topicinfo-function .communitylike .icon-heart {
            width: 15px;
        }

    .topicinfo-function .icon-view {
        vertical-align: -11%;
    }

.topicinfo-user + .topicinfo-user {
    margin-left: .4rem;
}

.topicinfo-avatar {
    line-height: 0;
    vertical-align: middle;
}

.communitytag {
    color: #fff;
    display: inline;
    font-size: 1rem;
    padding: .4rem 1.5rem;
    border-radius: 2rem;
    margin: 0;
    vertical-align: .4rem;
    font-weight: 600;
    background: rgba(0,0,0,.1);
    color: rgba(0,0,0,.52);
}

    .communitytag + .communitytag {
        margin-left: .6rem;
    }

.communitybadge img {
    width: 36px;
    transform: translateZ(0);
}

.communitybadge {
    display: inline-block;
    margin: 0 .1rem;
}

.communitybadge-more {
    color: #fb203a;
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    margin-top: .6rem;
}

.communitytopic {
    margin-right: 240px;
    position: relative;
}

.communitytopic--notfirst {
    margin-right: 0;
}

.userpost {
    background: #fff;
    margin-bottom: 6px;
    font-size: 1.6rem;
    text-align: left;
}

    .userpost .btn {
        float: right;
    }

.userpost-headertitle {
    font-size: 2.41rem;
}

.simple .userpost-headertitle {
    margin-bottom: 2rem;
}

.userpost-container {
    padding: 30px 0 8rem;
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

@media only screen and (min-width:600px) {
    #userpost-print .userpost-container {
        padding: 30px 0 17rem;
    }
}

.communitytopic--notfirst .userpost-container {
    max-width: none;
}

.userpost-container:after {
    display: table;
}

.userpost--upload .userpost-container {
    padding-bottom: 0;
}

.userpost-.is-highlighted {
    border-left: 5px solid #fb203a;
}

.userpost--op {
    padding-bottom: 1.85em;
    position: relative;
    margin-bottom: 1em;
}

.userpost--question {
    min-height: 287px;
}

.userpost + .userpost-nestedreplies {
    margin-top: -3px;
}

.userpost---nest {
    margin-left: 115px;
    margin-top: -3px;
}

    .userpost---nest .userpost-metauser {
        display: inline;
    }

.userpost.is-featured {
    margin-left: -30px;
    box-shadow: 0 1.25px 4px rgba(0,0,0,.175);
    margin-right: -30px;
    padding-bottom: 2rem;
    position: relative;
}

.userpost-main, .userpost-sub {
    box-sizing: border-box;
}

.userpost-sub {
    width: 160px;
    padding: 1rem 20px;
    float: left;
    font-size: 1.5rem;
    color: #AEBAB6;
    margin-bottom: -40px;
}

.userpost-userdescription--small {
    font-size: 1.02rem;
    line-height: 1.3;
}

.userpost-sub::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border: 2px dashed transparent;
}

.is-dragover [data-uploader-dropzone] .userpost-sub::before {
    border: 2px dashed;
    opacity: 1;
}

.userpost---nest .userpost-sub {
    display: none;
}

.userpost--op .userpost-sub, .userpost-sub--alone {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -230px;
    background: #fff;
    width: 220px;
    padding: 40px 20px;
    font-size: 1.8rem;
}

.userpost-sub--topicinfo {
    font-size: 1.2rem;
    text-align: center;
    padding: 20px 10px;
    line-height: 1.8em;
}

    .userpost-sub--topicinfo .btn {
        font-size: 1.2rem;
        display: inline-block;
        margin-top: 1rem;
        padding: .3rem 1rem .4rem;
    }

.userpost--op .userpost-sub--withbanner, .userpost-sub--withbanner {
    padding: 0;
    background: 0 0;
}

.userpost-subinner {
    padding: 40px 20px;
    background: #fff;
}

.userpost-sub--alone .userpost-subinner {
    padding: 20px 10px;
}

.userpost-banner, .userpost-bannerlandscape {
    max-width: 100%;
    position: relative;
}

.userpost-banner {
    margin-top: 1.2rem;
}

.userpost-bannerlandscape {
    margin-top: 2.5em;
}

.userpost-main {
    margin-left: 156px;
    margin-right: 30px;
    max-width: 675px;
    position: relative;
}

.communitytopic--notfirst .userpost-main {
    max-width: 850px;
}

.userpost---nest .userpost-main {
    margin-left: 41px;
}

.userpost--op .userpost-main {
    margin-left: 110px;
}

.userpost--upload .userpost-main {
    margin-left: 30px;
    max-width: none;
}

.userpost-user {
    text-align: center;
    position: relative;
    z-index: 1;
}

.is-dragover .userpost-user {
    pointer-events: none;
}

.userpost-sub[data-uploader-dropzone] .userpost-user.is-dragstart {
    border: 2px dashed #AEBAB6;
}

.userpost-sub[data-uploader-dropzone] {
    border: 2px dashed #D0D0D0;
    transition: border .4s cubic-bezier(.42,0,.58,1);
}

    .userpost-sub[data-uploader-dropzone].is-dragover {
        border: 2px dashed #fb203a;
    }

.userpost-user > span {
    display: block;
}

.userpost-usertitle {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.userpost-avatar {
    margin-bottom: 2rem;
    display: block;
}

.userpost-spacebottom {
    margin-bottom: 1rem;
}

.userpost-username {
    display: block;
    color: #fb203a;
    text-overflow: ellipsis;
    overflow: hidden;
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.userpost-usertitle--anonymous {
    font-style: italic;
}

.userpost-username--anonymous {
    color: #8E8E8E;
}

.userpost-title {
    font-size: 3.3rem;
    line-height: 1.5em;
    display: block;
    color: inherit;
    font-weight: 400;
    margin: 0 99px 0 0;
    position: relative;
}

.userpost-metas {
    color: #AEBAB6;
    font-size: 1.44rem;
    margin-right: 100px;
}

    .userpost-metas.mg-b {
        margin-bottom: 1rem;
    }

.userpost-metas--printdownload {
    margin-right: 250px;
}

.userpost-metauser {
    display: none;
}

.userpost-metas .communityuser-avatar {
    margin: 0 .4rem;
}

.userpost-metas .communitytag {
    vertical-align: 0;
}

.userpost .content {
    margin: 1.2rem 0;
    overflow: hidden;
}

    .userpost .content .copy-article {
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin-bottom: 2rem;
    }

.userpost-edit {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 1;
    transition: .3s;
    font-size: 1.6rem;
}

    .userpost-edit.btn.plain {
        margin: 0;
    }

        .userpost-edit.btn.plain:after {
            content: none;
        }

    .userpost-edit.stay {
        top: -1rem;
    }

    .userpost-edit .edit {
        color: #000;
        float: none;
    }

    .userpost-edit.is-hidden {
        opacity: 0;
    }

    .userpost-edit .icon {
        margin-right: .5rem;
        font-size: 1.3rem;
        vertical-align: 4%;
    }

.userpost--op .userpost-edit {
    font-size: 1.6rem;
}

    .userpost--op .userpost-edit .btn {
        font-size: 1.6rem;
        margin-left: 1rem;
    }

.userpost--op .userpost-edit--topic {
    right: 0;
    color: #fb203a;
}

.userpost-userbadges {
    margin: .6rem 0;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.userpost--op .userpost-userbadges {
    margin: 1.8rem 0;
}

.userpost--op .userpost-userdescription {
    font-size: 1.19rem;
    line-height: 1.3em;
}

.userpost-userdescription {
    font-size: 1.2rem;
    line-height: 1.4;
}

.userpost-owned-product {
    color: #fb203a;
}

.userpost--op .userpost-threadheader {
    margin-bottom: 3rem;
}

.userpost-footer {
    bottom: 0;
    position: absolute;
    right: 30px;
    left: 156px;
    max-width: 675px;
}

    .userpost-footer .btn {
        display: inline-block;
        font-size: 1.6rem;
        position: absolute;
        right: 0;
    }

        .userpost-footer .btn.plain {
            margin-top: 1.1rem;
        }

    .userpost-footer .copyshare .btn.plain {
        margin-top: 0;
    }

.communitytopic--notfirst .userpost-footer {
    max-width: 850px;
}

.userpost---nest .userpost-footer {
    left: 40px;
}

.userpost--op .userpost-footer {
    max-width: 675px;
    left: 110px;
}

.userpost-.is-featured .userpost-footer {
    left: 186px;
    right: 30px;
    max-width: 675px;
}

.userpost-like {
    width: 110px;
    position: absolute;
    top: 16px;
    left: 0;
    padding: 1.3rem 2rem;
    text-align: center;
    box-sizing: border-box;
}

    .userpost-like .icon-heart {
        color: #7F7F7F;
        line-height: 2.1rem;
        margin: 0 auto;
    }

        .userpost-like .icon-heart.is-liked {
            color: #E70073;
        }

.reply-placeholder.is-loading {
    height: 6rem;
    margin-bottom: .5rem;
    position: relative;
}

    .reply-placeholder.is-loading:after {
        content: '';
        height: 3rem;
        width: 3rem;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        border-radius: 100%;
        border: 4px solid;
        border-color: #000 transparent transparent;
        animation: spinloading 1s infinite;
        z-index: 3;
        opacity: 0;
        transition: opacity .4s cubic-bezier(.23,1,.32,1);
        position: absolute;
    }

    .reply-placeholder.is-loading.is-loading:after {
        opacity: 1;
    }

.userpost-replyeditor {
    background: #fff;
    margin-bottom: 6px;
    transition: max-height 1s,visibility 1s 1s,opacity 1s 1s;
    box-sizing: border-box;
    font-size: 1.6rem;
}

.userpost-replyeditorcontainer {
    padding: 30px 30px 30px 156px;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 900px;
}

.userpost-replyeditorcontainer--inbox {
    padding-left: 30px;
    padding-top: 15px;
}

.userpost-replyeditorcontainer textarea {
    max-width: 100%;
    min-height: 200px;
    max-height: 1000px;
}

.userpost--op + .userpost-replyeditor .userpost-replyeditorcontainer {
    padding-left: 110px;
    padding-top: 0;
}

.userpost-replyeditor form {
    max-width: 688px;
}

.userpost + .userpost-replyeditor {
    margin-top: -6px;
    padding-top: 0;
}

.userpost.is-featured + .userpost-replyeditor {
    box-shadow: 0 2.5px 4px rgba(0,0,0,.175);
    margin-left: -30px;
    margin-right: -30px;
}

.userpost-replyeditor .sceditor-container {
    height: 100px;
    width: auto !important;
    margin-bottom: 2rem;
}

@media (max-width:767px) {
    .userpost-replyeditor .sceditor-container {
        padding: 1rem;
    }
}

.userpost-replyeditorfooter {
    margin-top: 2rem;
    overflow: hidden;
}

    .userpost-replyeditorfooter .btn {
        margin-left: 1rem;
    }

@media (max-width:479px) {
    .userpost-replyeditorfooter .btn {
        font-size: 100%;
        margin-left: .5rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

        .userpost-replyeditorfooter .btn.plain {
            padding-left: 0;
            padding-right: 0;
        }
}

.userpost-replycancel {
    font-weight: 600;
    line-height: 3.4em;
}

.userpost-functions {
    margin: 1.6rem 0;
}

.userpost-functions--header {
    margin: 1.1rem 1.2rem 0 0;
}

.userpost-functions [data-title] {
    display: inline-block;
}

.userpost-reply {
    margin: 1.1rem 0 0;
    opacity: 1;
    transition: .3s;
}

    .userpost-reply.is-hidden {
        visibility: hidden;
        opacity: 0;
    }

.userpost-buttonreply {
    opacity: 1;
    transition: .3s;
}

    .userpost-buttonreply.is-hidden {
        visibility: hidden;
        opacity: 0;
    }

.userpost-reply .icon {
    font-size: 2rem;
    vertical-align: -18%;
    margin-right: .8rem;
}

.userpost-functions > a, .userpost-functions > span {
    color: #AEBAB6;
    font-size: 1.312rem;
    font-weight: 600;
    margin-right: 1.8rem;
}

.userpost-functions--header > a {
    font-size: 1.52rem;
    color: #AEBAB6;
}

.userpost-functions .is-selected .icon, .userpost-functions--header a.is-selected {
    color: #fb203a;
}

.userpost-functions [class*=" icon-"], .userpost-functions [class^=icon-] {
    vertical-align: -10%;
    margin-right: .6rem;
    display: inline-block;
    transition: .2s;
    -ms-transform: scale(1);
    transform: scale(1);
}

.userpost-functions .icon-heart {
    vertical-align: -30%;
}

.userpost-functions a.zeroclipboard-is-hover .icon:not(.icon-heart), .userpost-functions a:hover .icon:not(.icon-heart) {
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

.userpost-functions .is-selected .icon-check {
    color: #1a9c17;
}

.userpost-functions .is-selected .icon-flag {
    color: #EA5354;
}

.userpost-info {
    background: #fff;
    padding: 20px 35px;
    margin-bottom: 6px;
    margin-top: 3rem;
}

.userpost-info--messages {
    margin-top: 0;
}

.communitypeople-avatar, .communitypeople-userdata {
    float: left;
}

.communitypeople-avatar {
    text-align: center;
    margin-top: 2rem;
}

    .communitypeople-avatar .avatar {
        height: 12rem;
        width: 12rem;
    }

    .communitypeople-avatar .userpost-avatar {
        margin-bottom: 0;
    }

.communitypeople-userdata {
    padding-right: 3%;
    width: 25%;
}

    .communitypeople-userdata .userpost-username {
        font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin-bottom: 1rem;
    }

    .communitypeople-userdata > span {
        display: block;
        font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

.userpost-margin {
    margin-bottom: 1rem;
}

.communitypeople-userdata .undertitle {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin-bottom: 1rem;
}

.communitypeople-imgs a {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
}

.communitypeople-imgs img {
    max-width: 100%;
}

.communitytopic-footer {
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 6px;
}

    .communitytopic-footer .userpost-threadfooter {
        position: static;
    }

.topicmetabar, .userpost-editinput, .userpost-editinput .jvFloat, .userpost-editinput.required {
    position: relative;
}

.userpost-sort {
    float: right;
}

    .userpost-sort .selector {
        min-width: 130px;
    }

.userpost-replies {
    float: left;
    margin: 2rem 0;
}

.userpost-label, .userpost-replieslabel {
    margin-right: 1rem;
}

.userpost-selection {
    margin-bottom: 4rem;
}

    .userpost-selection .selector {
        margin-bottom: 1.2rem;
        min-width: 31rem;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
    }

@media (max-width:479px) {
    .userpost-selection .selector {
        min-width: 0;
        width: 100%;
    }
}

.userpost--edit {
    padding: 30px 3%;
}

.twoinputs {
    width: 100%;
    overflow: hidden;
}

.userpost-editinput {
    overflow: hidden;
    display: block;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    margin-bottom: 1rem;
    box-sizing: border-box;
}

    .userpost-editinput .jvFloat .placeHolder {
        padding-bottom: .2rem;
        bottom: .5rem;
    }

    .userpost-editinput.is-filled .jvFloat input {
        padding-top: 2px;
    }

    .userpost-editinput input, .userpost-editinput textarea {
        vertical-align: top;
        width: 100%;
        box-sizing: border-box;
        outline: 0;
        border: none;
        background: 0 0;
        padding: 1rem 2rem;
        height: 5.8rem;
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    .userpost-editinput textarea {
        padding: 10px 15px 15px;
        height: 190px;
    }

        .userpost-editinput input:focus, .userpost-editinput textarea:focus {
            border-color: #fb203a;
        }

.userpost--inputhalf {
    width: 49%;
    margin-left: 2%;
    float: left;
}

    .userpost--inputhalf:first-child {
        margin-left: 0;
    }

.userpost--inputsmall {
    width: 49%;
    float: right;
}

.userpost-editinput ::-webkit-input-placeholder {
    color: #aebab6;
}

.userpost-editinput :-moz-placeholder {
    color: #aebab6;
}

.userpost-editinput ::-moz-placeholder {
    color: #aebab6;
}

.userpost-editinput :-ms-input-placeholder {
    color: #aebab6;
}

.userpost-undertitle {
    margin: -3rem 0 5rem;
    color: #aebab6;
    font-size: 1.6rem;
}

.editprofile .selector {
    margin-right: 1%;
    padding-top: 1.8rem;
    padding-bottom: 1.702rem;
}

.editprofile-header {
    margin-top: 6rem;
}

.editprofile-notify-header {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.editprofile-checkboxes {
    max-width: 400px;
}

    .editprofile-checkboxes .checker, .editprofile-checkboxes label {
        margin-bottom: 2rem;
    }

    .editprofile-checkboxes label {
        width: 166px;
        padding-left: 5px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.editprofile-add, .editprofile-remove {
    float: right;
    height: 54px;
    width: 54px;
    border: 1px solid #e3e3e3;
    font-size: 3.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 56px;
    color: #000;
    position: relative;
}

.editprofile-add {
    margin-bottom: 5rem;
}

.editprofile-remove {
    line-height: 50px;
}

.editprofile .jvFloat .placeHolder, .profile-settings .jvFloat .placeHolder {
    left: 12px;
    bottom: 6px;
    padding-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 91%;
    font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

    .editprofile .jvFloat .placeHolder.textarea {
        bottom: 4px;
    }

.editprofile .userpost-editinput input {
    height: 50px;
}

.editprofile .uniform-input.is-filled input, .profile-settings .uniform-input.is-filled input {
    padding: .5rem 1.2rem 1.5rem;
    height: 5.8rem;
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.editprofile-inline {
    display: inline-block;
}

.editprofile .userpost-selection .selector {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

.editprofile-botmar {
    margin-bottom: 2rem;
}

.userpost-websites.userpost-editinput {
    border: none;
    margin-bottom: 1rem;
}

.userpost-websites input {
    width: 88%;
    float: left;
    outline: 0;
    border: 1px solid #e3e3e3;
    margin-bottom: 1.4rem;
}

.userpost-websites .uniform-input.is-filled input {
    height: 55px;
    padding: 10px 20px;
    margin-top: 0;
}

.userpost--edit .sceditor-container {
    width: auto !important;
}

    .userpost--edit .sceditor-container .sceditor-toolbar {
        border: none;
        border-radius: 0;
    }

.sceditor-container textarea {
    width: 100%;
    padding: 10px;
    max-height: 75vh;
}

.userpost--edit .sceditor-container textarea {
    min-height: 500px;
}

.userpost--upload .sceditor-container textarea {
    min-height: 170px;
}

form .sceditor-container textarea {
    color: #000;
    font-family: 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 1.6rem;
    line-height: 1.5em;
    width: 100% !important;
}

.community .editprofile .sceditor-container {
    margin-bottom: 0;
}

.userpost--edit .editprofile .sceditor-container textarea {
    height: 175px !important;
}

.userpost-editorfooter {
    margin-top: 2rem;
    padding: 0;
    clear: both;
    overflow: hidden;
}

.userpost-editorfooter-right {
    float: right;
}

.userpost-editorfooter .btn {
    margin-left: 2rem;
    float: left;
}

    .userpost-editorfooter .btn.plain {
        margin-left: 0;
    }

    .userpost-editorfooter .btn + .btn {
        margin-left: 2rem;
    }

.userpost-underfooter {
    margin-top: 2rem;
}

.userpost-underfooter-label {
    margin-bottom: 1rem;
}

    .userpost-underfooter-label label {
        font-size: 87.5%;
    }

.topicfollow-label {
    vertical-align: -.1em;
    font-size: 87.5%;
}

.btn--editor {
    font-size: 1.6rem;
    margin-left: 4rem;
}

.community .sceditor-container {
    margin-bottom: 2rem;
    width: auto !important;
}

.contentpanel--login {
    overflow: hidden;
}

    .contentpanel--login .seperator {
        text-align: center;
    }

.contentpanel-bottom {
    font-size: 1.8rem;
    margin-top: 4rem;
}

.contentpanel-backhome {
    text-transform: uppercase;
    display: inline-block;
    margin-top: 4rem;
}

    .contentpanel-backhome span {
        font-size: 1.6rem;
        font-weight: 700;
        margin-left: 1rem;
        vertical-align: 10%;
    }

.topicmetabar {
    background: #fff;
    margin-bottom: 6px;
    padding: 2.3rem 0;
    min-height: 3.2rem;
    color: #000;
}

.topicmetabar--unread {
    text-align: center;
    font-weight: 600;
    border-top: 5px solid #000;
}

.topicmetabar-section {
    display: block;
    font-size: 0;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: justify;
}

.topicmetabar-subsection {
    font-size: 1.6rem;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
    margin-top: .4rem;
    margin-bottom: .4rem;
}

.topicmetabar-meta {
    padding: 0 2rem;
    margin-top: -2.6rem;
    width: 156px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
}

.topicmetabar-replies {
    vertical-align: middle;
}

.topicmetabar-noreplies {
    padding-left: 5.6rem;
}

.topicmetabar-content {
    width: 100%;
    padding-left: 156px;
    padding-right: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.topicmetabar-best {
    line-height: 1em;
}

.topicmetabar-sort {
    font-size: 1.5rem;
    text-align: right;
}

    .topicmetabar-sort .selector {
        padding: .6rem 5rem .6rem 2.2rem;
        color: #000;
        vertical-align: middle;
        text-align: left;
    }

.topicmetabar .topicinfo {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.28rem;
}

@media (max-width:767px) {
    .topicmetabar .topicinfo {
        font-size: 1.12rem;
    }
}

[name=movetopic] {
    margin-top: 2rem;
}

.profiledescription, .profilestats {
    background: #fff;
    padding: 40px 50px;
    box-sizing: border-box;
    overflow: hidden;
}

.profilestats-table td, .spectable td {
    padding-bottom: 2rem;
}

.profilestats-coverimage {
    height: 180px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #000;
    overflow: hidden;
}

.profilestats-coverbackground {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: -10px;
    opacity: .5;
    background-size: cover;
    background-position: center center;
}

.profiledescription-header {
    margin-bottom: 3rem;
    position: relative;
}

.profiledescription-title {
    font-size: 3.3rem;
    line-height: 1.5;
    display: block;
    color: inherit;
    font-weight: 400;
    margin: 0 99px 0 0;
}

.profiledescription-meta {
    color: #AEBAB6;
    margin-right: 10rem;
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.profiledescription-edit {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
    line-height: 2.3;
}

.profileactivity, .profilestats {
    position: relative;
}

.profiledescription-edit a {
    margin-left: 2rem;
}

.profiledescription-edit .icon {
    vertical-align: -5%;
    margin-right: .6rem;
}

.profiledescription-edit .icon-comment {
    vertical-align: -11%;
    margin-right: 1rem;
}

.profiledescription-body {
    max-width: 600px;
}

    .profiledescription-body .content {
        margin-bottom: 2rem;
    }

.profilestats {
    text-align: center;
    padding-top: 45px;
}

.profilestats-user {
    margin-top: 75px;
}

    .profilestats-user .communitybadge {
        margin-bottom: 1rem;
    }

.profilestats--nocover .profilestats-user {
    margin-top: 0;
}

.profilestats-avatar {
    display: block;
    margin-bottom: 2rem;
}

.profilestats-table {
    width: 100%;
    text-align: left;
}

    .profilestats-table td:nth-child(2) {
        text-align: right;
    }

    .profilestats-table .icon {
        vertical-align: -5%;
        text-align: center;
        width: 3.6rem;
        margin-right: 1rem;
    }

.profileheader {
    font-size: 3rem;
    overflow: hidden;
}

.profileheader-title {
    font-weight: 400;
    font-size: 2.6rem;
    margin: 0;
}

.pageheader .profileheader-title {
    margin: 0;
}

.profileheader-title .icon {
    vertical-align: -5%;
    margin-right: .2rem;
    font-size: 2rem;
}

.spectable {
    margin: 4rem 0 2rem;
    width: 100%;
}

    .spectable a {
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .spectable td {
        vertical-align: top;
        box-sizing: border-box;
        width: 50px;
    }

        .spectable td + td {
            padding-left: 4rem;
            max-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            width: auto;
        }

.spectable-label {
    color: #AEBAB6;
    font-weight: 600;
}

.spectable-productinfo {
    max-height: 11rem;
    display: inline-block;
}

.followobject {
    background: #fff;
    display: block;
}

.followobject-title {
    display: block;
    color: inherit;
    padding-right: 2%;
}

.followobject-container {
    padding: 1.3rem 0 2rem;
    margin: 0 30px;
    position: relative;
}

.followobject-info, .followobject-remove {
    position: absolute;
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.followobject-container:after, .followobject-container:before {
    content: "";
    display: table;
}

.followobject-container:after {
    clear: both;
}

.followobject:first-child {
    padding-top: 3rem;
}

.followobject:last-child {
    padding-bottom: 3rem;
}

.followobject-left, .followobject-right {
    float: left;
    box-sizing: border-box;
}

.followobject-left {
    width: 56%;
}

.followobject-right {
    width: 44%;
}

.followobject-info {
    color: #aebab9;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 700;
}

.followobject-avatar {
    display: inline-block;
    vertical-align: -20%;
    margin-right: .2rem;
    margin-left: .4rem;
}

.followobject-remove {
    text-align: right;
    right: 0;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 400;
}

    .followobject-remove .icon {
        vertical-align: -10%;
    }

.communitytopic .parsley-errors-list, .profile-settings .parsley-errors-list, .userpost-replyeditorcontainer .parsley-errors-list {
    max-width: 100%;
}

.settings-text {
    color: #9D9D9D;
    margin-bottom: 2rem;
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.settings-activity > div {
    margin-bottom: 2.1rem;
    margin-top: 2.1rem;
    padding-bottom: .2rem;
}

.settings-activity .row {
    overflow: hidden;
}

.settings-activity .checker {
    float: left;
    margin-right: 1.6rem;
    margin-top: 0;
}

.settings-margin {
    margin-left: 2rem;
}

.settings-activity label {
    max-width: 86%;
    display: inline-block;
}

.row .settings-label {
    line-height: 2em;
}

.settings-label label {
    line-height: 1.3em;
}

.settings-activity .checker + label {
    margin-left: 37px;
    display: block;
}

.settings-reset.btn {
    margin-left: 2rem;
    vertical-align: middle;
}

.albumupload {
    position: relative;
    margin-top: -2rem;
}

.albumupload-container {
    margin-bottom: 60px;
}

    .albumupload-container .lazy-hidden {
        z-index: 1;
    }

    .albumupload-container .tile.cover-image .media {
        background-size: cover;
    }

.albumupload-input {
    background: #fff;
    border: 1px solid #e5e5e5;
    display: block;
    margin-right: 200px;
}

    .albumupload-input input {
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 1.5rem;
        display: block;
        width: 100%;
        box-sizing: border-box;
        outline: 0;
        font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

.albumupload-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    min-height: 5.4rem;
}

form[name=print] a {
    color: #fb203a;
}

.printuploadform-title {
    font-weight: 400;
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-size: 2.24rem;
}

.printuploadform-detailsselectors {
    max-width: 530px;
    overflow: hidden;
    margin-bottom: 5rem;
    margin-top: 2rem;
}

    .printuploadform-detailsselectors .selector {
        margin: 0 10px 10px 0;
        display: block;
    }

    .printuploadform-detailsselectors .uniform {
        margin-right: 10px;
    }

.printupload {
    margin-bottom: 4rem;
}

.printupload-dropzone {
    background: #F4F4F4;
    height: 200px;
    border: 3px dashed rgba(0,0,0,.1);
    margin-bottom: 4rem;
    color: #fb203a;
}

    .printupload-dropzone.is-dragover {
        border-color: #fb203a;
    }

.printupload-uploadtext {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .printupload-uploadtext .btn {
        float: none;
        margin: 0;
        vertical-align: -17%;
    }

.printupload-uploadlabel {
    vertical-align: middle;
    margin: 0 2rem 0 .8rem;
    font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.printupload-uploadtext .icon {
    vertical-align: middle;
    font-size: 200%;
}

.printupload-upload {
    position: relative;
    padding-right: 65px;
    min-height: 85px;
    margin-bottom: 2rem;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
}

.icon.printupload-dragindicator {
    position: absolute;
    right: .2rem;
    top: 0;
    font-size: 5rem;
    z-index: 1;
    cursor: move;
}

.printupload-upload.is-busy {
    pointer-events: none;
}

.printupload-upload.is-fading {
    opacity: 1;
    transition: .5s;
    pointer-events: none;
}

.printupload-upload.is-fade {
    opacity: 0;
}

.printupload-uploadpreview {
    display: block;
    width: 160px;
    min-height: 85px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.03);
}

.is-busy .printupload-uploadpreview, .is-uploading .printupload-uploadpreview {
    opacity: .5;
    background-color: #000;
}

    .is-busy .printupload-uploadpreview:before, .is-uploading .printupload-uploadpreview:before {
        content: '';
        display: block;
        opacity: 1;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -21px;
        margin-left: -21px;
        border-radius: 100%;
        border: 6px solid transparent;
        border-top-color: #fb203a;
        z-index: 1;
        animation: spinloading 1s infinite;
    }

.printupload-uploadarea {
    position: relative;
    padding-left: 175px;
}

.printupload-upload .dragcat-header {
    padding: .6rem 2%;
    border-top: 1px solid #E4E4E4;
}

.printupload-uploadbackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
}

.printupload-uploadremove {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2rem;
    padding: 3px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.printupload-uploadcontent .parsley-errors-list {
    margin-top: 0;
}

.printupload-uploadname {
    display: block;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    position: relative;
}

    .printupload-uploadname.is-filled input {
        padding-top: .2rem;
    }

    .printupload-uploadname .placeHolder {
        padding-bottom: 6px;
        left: 2rem;
    }

    .printupload-uploadname input {
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        height: 50px;
        padding: 1rem 2rem;
        box-sizing: border-box;
        outline: 0;
        font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

.message-search input, .printupload-radiolabel {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.printupload-radiolabel {
    margin-top: 1.2rem;
    display: block;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 400;
}

.printupload-radio {
    vertical-align: -12%;
    margin-right: .4rem;
    width: 1.6rem;
    height: 1.6rem;
}

.photocarousel {
    background: #000;
    height: 870px;
    box-sizing: border-box;
    min-height: 720px;
}

.photocarousel--print {
    height: 650px;
    min-height: 0;
    margin-bottom: 1rem;
}

    .photocarousel--print:before {
        display: none !important;
    }

div:not(.viewer) .photocarousel:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 121px;
    background: inherit;
    display: block;
}

.icon--littlearrowup:after, .message-subject .userpost-avatar:before, .userpost-infoline:after {
    content: "";
}

.viewer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 100;
    -ms-perspective: 600px;
    perspective: 600px;
    visibility: hidden;
}

    .viewer .close, .viewer-close {
        width: 40px;
        z-index: 1;
        box-sizing: border-box;
    }

    .viewer .close {
        height: 40px;
        color: #fff;
        position: absolute;
        top: 30px;
        right: 30px;
        border: 2px solid;
        border-radius: 50%;
        font-size: 2rem;
        line-height: 36px;
        transition: .3s;
        opacity: 1;
        text-align: center;
    }

        .viewer .close:hover {
            -ms-transform: scale(.95);
            transform: scale(.95);
        }

    .viewer .media {
        position: absolute;
        top: 2rem;
        bottom: 2rem;
        left: 2rem;
        right: 2rem;
        padding: 2rem 2rem 0;
        margin: 0 0 3rem;
    }

        .viewer .media img {
            position: absolute;
            top: 50%;
            bottom: auto;
            left: 50%;
            right: auto;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            max-width: 100%;
            max-height: 100%;
        }

        .viewer .media .caption {
            font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            color: #fff;
            position: absolute;
            bottom: -3rem;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .content.content--support .viewer .media .caption a .icon-tabs, .content.support .viewer .media .caption a .icon-tabs, .sceditor-header-picker.content--support .viewer .media .caption a .icon-tabs, .sceditor-header-picker.support .viewer .media .caption a .icon-tabs, .supportpopup .viewer .media .caption .forever-close .icon-tabs, .viewer .media .caption .asset-download .icon-tabs, .viewer .media .caption .content.content--support a .icon-tabs, .viewer .media .caption .content.support a .icon-tabs, .viewer .media .caption .link-default .icon-tabs, .viewer .media .caption .sceditor-header-picker.content--support a .icon-tabs, .viewer .media .caption .sceditor-header-picker.support a .icon-tabs, .viewer .media .caption .supportpopup .forever-close .icon-tabs {
                left: -3rem;
                right: auto;
            }

.viewer-close, .viewer-wrapper {
    top: 0;
    right: 0;
    position: absolute;
}

.viewer-wrapper {
    background: rgba(0,0,0,.95);
    left: 0;
    height: 100%;
    transition: opacity .5s;
    opacity: 0;
    visibility: hidden;
}

.viewer.is-visible .viewer-wrapper {
    opacity: 1;
    visibility: visible;
}

.viewer .photocarousel {
    height: 100%;
    background: 0 0;
}

.viewer-close {
    display: block;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 100px;
    margin: 10px;
}

    .viewer-close .icon {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -1rem;
        margin-left: -1rem;
    }

.message-inbox {
    width: 30%;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.message-search {
    padding: 20px;
    position: absolute;
    z-index: 2;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
}

    .message-search input {
        width: 100%;
        padding: 1.4rem 2rem;
        box-sizing: border-box;
        background-color: #f8f8f8;
        border: 1px solid #dfdfdf;
        outline: 0;
        font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

.message-date, .message-title {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.message-search .icon {
    position: absolute;
    right: 20px;
    top: 2.6rem;
    cursor: pointer;
    padding: 1rem;
}

.message-subjects {
    margin-top: 10.3rem;
    max-height: 786px;
    overflow-y: auto;
}

.message-subject {
    position: relative;
    padding: 0 20px;
    display: block;
    transition: .2s;
}

    .message-subject.is-hidden {
        display: none;
    }

    .message-subject .userpost-avatar:before, .message-subject .userpost-avatar > div {
        display: inline-block;
        vertical-align: middle;
    }

    .message-subject:hover {
        padding-left: 25px;
    }

    .message-subject.is-selected {
        border-left: 7px solid #fb203a;
        padding-left: 25px;
        bottom: -1px;
        background-color: #fff;
    }

        .message-subject.is-selected:last-child {
            bottom: 0;
        }

.message-subjectinner {
    position: relative;
    border-top: 1px solid #dfdfdf;
    padding: 1.6rem 0;
    height: 60px;
}

.message-subject:first-child .message-subjectinner {
    border-top: none;
}

.message-subject.is-selected .message-subjectinner {
    border-bottom: 1px solid #dfdfdf;
}

.message-subject.is-selected:last-child .message-subjectinner {
    border-bottom: 0;
}

.message-subject .userpost-avatar {
    padding-right: 15px;
    margin: 0;
    height: 60px;
    width: 60px;
    text-align: center;
}

    .message-subject .userpost-avatar:before {
        height: 100%;
        margin-left: -5px;
    }

.message-text {
    padding-top: .9rem;
}

.message-title {
    color: #AEBAB6;
    max-width: 65%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.message-subject.is-selected .message-title {
    color: #000;
}

.message-date {
    color: #AEBAB6;
    position: absolute;
    right: 0;
    top: 1.3rem;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.message-container, .message-userpost {
    position: relative;
}

.logininfo, .userpost-infolabel {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.message-userpost {
    width: 70%;
    box-sizing: border-box;
    padding-left: 10px;
}

.userpost-infoline {
    padding: 3px 0;
}

    .userpost-infoline:after {
        display: table;
        clear: both;
    }

.userpost-infouser {
    float: left;
    margin-right: .6rem;
}

.userpost-infousers {
    display: inline-block;
    vertical-align: middle;
}

.userpost-infoline .avatar--small {
    vertical-align: -5px;
}

.userpost-infolabel {
    color: #AEBAB6;
    width: 70px;
    display: inline-block;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.userpost-message {
    background-color: #fff;
    margin-bottom: 6px;
    display: block;
    text-align: center;
    padding: 14px 0;
    font-size: 1.4rem;
    font-weight: 700;
}

.icon--littlearrowup:after {
    vertical-align: 7px;
    margin-left: 8px;
    border-style: solid;
    border-width: 0 5px 6px;
    border-color: transparent transparent #fb203a;
}

.dragcat-row::after, .is-loading .loading:before, .mediauploader-loading:after {
    content: '';
}

.message-userpost .userpost-replyeditor {
    margin-top: 4rem;
}

.message-inboxlink {
    display: none;
}

.communitytopic .selector {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding-top: 1.3rem;
    padding-bottom: 1.1rem;
}

.message-text .userpost-username {
    display: inline-block;
    text-transform: none;
    overflow: visible;
}

.message-container .loading {
    transition: .5s;
}

.is-loading .loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: rgba(245,245,245,.7);
    z-index: 3;
}

    .is-loading .loading:before {
        display: block;
        top: 30rem;
        left: 50%;
        width: 40px;
        height: 40px;
        position: absolute;
        border-radius: 100px;
        border: 4px solid #00f;
        border-color: #fb203a transparent transparent;
        animation: spinloading 1s infinite;
        margin: -24px 0 0 -24px;
    }

.mediapopup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0,0,0,.2);
    display: none;
}

.mediapopup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100% !important;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.4);
    max-width: 750px;
    margin-left: 0 !important;
    margin-top: 0 !important;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: 95%;
    box-sizing: border-box;
}

.mediapopup-content {
    height: 100%;
}

.mediapopup-close {
    padding: 15px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2.6rem;
    cursor: pointer;
    color: #fb203a;
}

.mediauploader {
    overflow: hidden;
    padding: 110px 40px 30px;
    font-size: 1.5rem;
    height: 100%;
    box-sizing: border-box;
}

.mediauploader-header {
    position: absolute;
    top: 30px;
}

.mediauploader-headertitle {
    margin: 0 0 1rem;
    font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.mediauploader-content {
    border: 1px solid rgba(0,0,0,.1);
    position: relative;
    height: 100%;
}

.mediauploader-tabs {
    position: absolute;
    top: -40px;
    left: -1px;
    font-weight: 600;
}

.mediauploader-tab {
    font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    display: block;
    line-height: 40px;
    float: left;
    padding: 0 20px;
    color: inherit;
    cursor: pointer;
    font-size: 100%;
}

    .mediauploader-tab.active {
        color: #fb203a;
        background: #fff;
        border: 1px solid rgba(0,0,0,.1);
        border-bottom: none;
    }

.mediauploader-medias {
    margin: -5px;
    width: 100%;
}

.mediauploader-media {
    position: relative;
    background: #000;
}

.mediauploader-mediabackground {
    padding-top: 100%;
    background-size: cover;
}

.mediauploader-mediahover {
    background-color: rgba(0,0,0,.75);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    opacity: 0;
    transition: .25s opacity;
}

.mediauploader-media:hover .mediauploader-mediahover {
    opacity: 1;
}

.mediauploader-mediatitle {
    color: #fff;
    font-weight: 400;
}

.mediauploader-mediafooter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: inherit;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .9rem;
    text-align: center;
}

.mediauploader-mediaoption {
    color: #fff;
    padding: .3rem .6rem 0;
    border: 1px solid rgba(255,255,255,.5);
    background: rgba(255,255,255,.1);
    cursor: pointer;
    display: inline-block;
}

    .mediauploader-mediaoption + .mediauploader-mediaoption {
        margin-left: .5rem;
    }

[data-media] img {
    width: 100%;
    cursor: pointer;
    background: rgba(0,0,0,.1);
}

.mediauploader-tabview {
    display: none;
    padding: 20px;
    overflow: auto;
    max-height: 100%;
    box-sizing: border-box;
}

    .mediauploader-inputarea .uniform-input, .mediauploader-tabview.active, .selector span, .selector.mediauploader-album span, .selector.mediauploader-folders span, .selector.mediauploader-newalbum span, .selector.mediauploader-search span {
        display: block;
    }

.mediauploader-filter {
    overflow: hidden;
    margin-bottom: 20px;
}

.mediauploader-folders, .mediauploader-search {
    max-width: 30%;
    display: block;
    float: left;
    margin: 0 1% 0 0;
    font-weight: 400;
}

.mediauploader-search {
    border: 1px solid rgba(0,0,0,.15);
    height: 42px;
    position: relative;
    width: 200px;
    overflow: hidden;
}

.mediauploader-searchinput {
    margin: 0;
}

.mediauploader-search input {
    height: 100%;
    border: none;
    background: 0 0;
    padding: 1.4rem 1.3rem 1.2rem;
    box-sizing: border-box;
    z-index: 1;
    outline: 0;
    font-size: 1.3rem;
}

.mediauploader-clearbutton, .mediauploader-searchbutton {
    font-size: 1.6rem;
    padding: .85rem 2.5rem;
    margin-bottom: .8rem;
}

    .mediauploader-searchbutton .icon {
        vertical-align: -7%;
    }

.mediauploader-inputarea {
    position: relative;
    padding-left: 8rem;
    margin-bottom: 1rem;
}

.mediauploader-inputlabel {
    position: absolute;
    left: 0;
    line-height: 50px;
}

.mediauploader-inputarea input {
    width: 100%;
    outline: 0;
    padding: 1.7rem 1.5rem 1.4rem;
    font-size: 1.3rem;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
}

    .mediauploader-inputarea input[type=file] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        outline: 0;
        opacity: 0;
        cursor: pointer;
    }

.mediauploader-album, .mediauploader-newalbum {
    height: 4.9rem;
    line-height: 2.7rem;
    width: 30rem;
    max-width: 48%;
    float: left;
    margin: 0 2% 0 0;
}

.mediauploader-newalbum {
    max-width: 50%;
    margin-right: 0;
}

.selector span {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.mediauploader-fileupload {
    overflow: hidden;
    display: inline-block;
    text-transform: none;
    font-size: 1.5rem;
    float: left;
    margin-right: 2%;
    margin-top: .2rem;
}

    .mediauploader-fileupload.btn.light {
        border: 1px solid #E3E3E3;
    }

        .mediauploader-fileupload.btn.light:hover {
            border: 1px solid transparent;
        }

    .mediauploader-fileupload > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        outline: 0;
        opacity: 0;
    }

.mediauploader-fileupload--jobapply {
    position: relative;
    width: 59%;
    text-align: left;
}

.mediauploader-fileinput {
    font: normal normal 300 10px 300 10px/14px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1rem/1.4rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #7F7F7F;
    display: block;
    clear: both;
    text-align: left;
    padding-top: 1rem;
}

.mediauploader-inputrow {
    overflow: hidden;
    margin-bottom: 1rem;
}

.mediauploader-filetypes {
    display: block;
    width: 50%;
    float: left;
    color: rgba(0,0,0,.3);
    font-size: 1.2rem;
    padding: 1.6rem 0 0;
}

.dragcat-label, .dragcat-title {
    display: inline-block;
}

.mediauploader-filetypes--jobapply {
    text-align: left;
    width: 36%;
}

.mediauploader-submit {
    font-size: 1.5rem;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.mediauploader-loading {
    position: absolute;
    background: rgba(255,255,255,.8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s;
    visibility: hidden;
    opacity: 0;
}

    .mediauploader-loading:after {
        height: 3rem;
        width: 3rem;
        position: fixed;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        border-radius: 100%;
        border: 4px solid;
        border-color: #000 transparent transparent;
        animation: spinloading 1s infinite;
        z-index: 3;
        opacity: 1;
        transition: opacity .4s cubic-bezier(.23,1,.32,1);
    }

    .mediauploader-loading.is-loading:after {
        opacity: 1;
    }

    .mediauploader-loading.is-active {
        opacity: 1;
        visibility: visible;
    }

.mediauploader-checkbox {
    margin: 2rem 0;
}

.community-unreadlink {
    color: #fb203a;
    font-weight: 700;
}

.community-dragcats {
    border-bottom: 10px solid #F5F5F5;
    position: relative;
    width: calc(100% + 6rem);
    left: -3rem;
}

@media (max-width:1024px) {
    .community-dragcats {
        width: calc(100% + 3rem);
        left: -1.5rem;
    }
}

.dragcat {
    border-top: 10px solid #F5F5F5;
    background-color: #fff;
    transition: .25s box-shadow;
    box-shadow: 0 0 0 transparent;
}

.community-dragcats .sortable-placeholder {
    background: #f5f5f5;
    padding-top: 10px;
}

.dragcat.sortable-dragging {
    opacity: 1;
    box-shadow: 0 0 10px rgba(0,0,0,.29);
    z-index: 10;
    border-top: none;
}

.dragcat-header {
    padding: 2rem 3%;
    position: relative;
    border-bottom: 1px solid #E4E4E4;
    cursor: move;
}

.dragcat-title {
    margin: .2rem;
    vertical-align: middle;
    font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.dragcat-dragindicator {
    color: rgba(0,0,0,.2);
    font-size: 3.1rem;
    display: inline-block;
    vertical-align: -32%;
}

.dragcat-row {
    padding: 2.6rem 3% .2rem;
}

    .dragcat-row::after {
        display: block;
        clear: left;
    }

    .dragcat-row:last-child {
        padding-bottom: 2.6rem;
    }

.dragcat-hidetext {
    vertical-align: -5px;
}

.icon-go:before {
    content: "\e626";
}

.producthero-background::before, .widget-footerlinks:after, .widget:after, .widget:before {
    content: '';
}

.widget {
    box-sizing: border-box;
    position: relative;
    padding: 15px;
    background: #f5f5f5;
}

.widget-avatarpicture, .widget-socialbackground {
    background-size: cover;
    background-position: center center;
}

.widget:after, .widget:before {
    display: table;
}

.widget:after {
    clear: both;
}

h1.widget-printtitle {
    position: absolute;
    top: 10px;
    padding-right: 10px;
    margin: 0;
    font-size: 1.4rem !important;
}

    h1.widget-printtitle a {
        font-size: 1.4rem !important;
        line-height: 16px;
        color: #000;
    }

.widget-socialwrapper {
    box-sizing: border-box;
    margin-top: 40px;
    position: relative;
    text-align: center;
}

.widget-printwrapper {
    box-sizing: border-box;
}

.widget-socialbackground {
    margin-bottom: 15px;
    height: 200px;
    -webkit-backface-visibility: hidden;
}

.widget-postinfo {
    position: relative;
    font-size: 1.2rem;
    color: #7F7F7F;
}

.widget-postinfo--user a {
    font-size: 1.4rem;
}

.widget-socialavatar {
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
}

    .widget-socialavatar img {
        width: 100%;
    }

.widget-avatar {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    color: #7F7F7F;
    text-align: center;
    line-height: 1.9;
    z-index: 1;
}

.widget-avatar--medium {
    width: 30px;
    height: 30px;
    font-size: 1.7rem;
    line-height: 1.824;
}

.widget-avatarpicture {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    font-size: 1.6rem;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transition: .3s opacity;
}

.widget-printview {
    width: 100%;
    overflow: hidden;
}

.widget-printviewheading {
    font-size: 1.4rem;
    color: #7F7F7F;
    font-weight: 600;
    margin: 10px 0 5px;
    display: block;
}

.widget-printviewdetail {
    color: #000;
    font-size: 1.4rem;
    margin-left: 8rem;
    font-weight: 600;
}

    .widget-printviewdetail span {
        color: #000;
        min-width: 8rem;
        margin-left: -8rem;
        display: inline-block;
        font-weight: 400;
    }

.widget-footerlinks {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: justify;
    overflow: hidden;
    margin-top: 15px;
    height: 20px;
}

    .widget-footerlinks a, .widget-footerlinks img {
        display: inline-block;
    }

    .widget-footerlinks img {
        max-width: 80px;
        height: auto;
        padding-right: 15px;
    }

    .widget-footerlinks a.widgetlogo {
        display: inline;
    }

    .widget-footerlinks:after {
        display: inline-block;
        width: 100%;
    }

    .widget-footerlinks .icon {
        vertical-align: -10%;
        margin-right: 5px;
        padding: 1px;
        font-size: 1.6rem;
    }

@media only screen and (min-width:640px) {
    .widget-socialwrapper {
        width: 40%;
        margin-top: 0;
        vertical-align: top;
        float: left;
    }

    .widget-printwrapper {
        position: relative;
        width: 60%;
        padding-left: 15px;
        padding-bottom: 30px;
        min-height: 234px;
        float: left;
    }

    .widget-footerlinks {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .widget-printviewdetail, .widget-printviewheading {
        font-size: 1.2rem;
    }

    .widget-printviewrow {
        float: left;
        font-size: 1.2rem;
    }

    h1.widget-printtitle, h1.widget-printtitle a {
        font-size: 1.6rem !important;
        line-height: 20px;
    }

    .widget-printview:after {
        content: '';
        display: table;
        clear: both;
    }

    .widget-printviewrow:first-child {
        padding-right: 2rem;
    }

    h1.widget-printtitle {
        position: relative;
        top: 0;
    }
}

@media only screen and (min-width:1130px) {
    .widget-printviewdetail {
        max-width: 11rem;
    }
}

.popup-framedescription {
    max-width: 850px;
    margin: -.5em auto 0;
}

.popup-resellergriditems {
    font-size: 0;
    text-align: center;
    overflow: hidden;
}

    .popup-resellergriditems .popup-resellergriditem {
        width: 33.333%;
        display: inline-block;
        box-sizing: border-box;
        min-height: 1px;
    }

.popupwindow--getsupport .popup-resellergriditem {
    width: 38rem;
}

.popup-resellerlink {
    font-weight: 600;
    font-size: 1.6rem;
    margin-top: 4rem;
    display: inline-block;
}

.popup-content {
    background: #fff;
    width: 100%;
    color: #000;
    padding: 3rem;
    font-size: 1.6rem;
    box-sizing: border-box;
    display: none;
    transition: .4s;
    height: 100%;
    position: relative;
}

@media (max-width:767px) {
    .popup-content {
        padding: 1.5rem;
    }
}

.popup-content.is-selected {
    display: block;
}

.popup-content.download .uniform-required {
    display: none;
}

.popupwindow--getsupport {
    width: auto;
    display: inline-block;
    max-width: 1290px;
}

.popup-releasenotes .popup-holder {
    max-height: 500px;
    text-align: left;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.userpost-editinput.survey-textarea textarea {
    height: 5.2rem;
    resize: none;
    padding-bottom: 10px;
}

.popupwindow .survey-widertitle {
    width: 102%;
    margin-left: -1%;
}

.logininfo {
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: rgba(0,0,0,.5);
    padding: 2rem 0 1rem;
}

.smallinfo {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-align: left;
}

.contentpanel--login .btn {
    font-weight: 600;
    display: inline-block;
    color: #fff;
    font-size: 2rem;
    width: auto;
    padding: 1.2rem 5.4rem;
    margin-top: 1.2rem;
}

.popup-holder .btn.submit {
    margin-top: 1rem;
}

    .popup-holder .btn.submit[disabled] {
        opacity: .4;
    }

.popupwindow--products {
    max-width: 800px;
    margin: 0 auto;
}

.popup-holder.popupwindow--likes {
    max-width: 430px;
    margin: 0 auto;
}

    .popup-holder.popupwindow--likes .popupwindow-side {
        overflow-y: scroll;
        text-align: left;
        padding: 20px 10px 10px;
        max-height: 430px;
    }

    .popup-holder.popupwindow--likes h2 {
        font-weight: 300;
        font-size: 3.1rem;
        margin-left: 1.4rem;
        margin-bottom: 1rem;
    }

.popupwindow--preview {
    max-width: 900px;
    max-height: 70vh;
    margin: 0 auto;
}

    .popupwindow--preview .contentpanel {
        padding: 0 2rem;
        min-height: 130px;
    }

    .popupwindow--preview .pageheader {
        padding: 3.4rem 0 2rem;
    }

    .popupwindow--preview .title {
        text-transform: none;
        text-align: left;
        padding: 0 1rem;
        font-size: 3.1rem;
    }

.popupwindow-row {
    padding: 1.2rem .4rem 1.2rem 1.2rem;
}

    .popupwindow-row + .popupwindow-row {
        border-top: 1px solid #e3e3e3;
    }

    .popupwindow-row .followobject-username {
        margin-left: .4em;
        font-size: 1.8rem;
        max-width: 17.4em;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
    }

    .popupwindow-row .followobject-avatar {
        vertical-align: initial;
    }

.popupwindow--likes .popupwindow-row {
    padding: 1.2rem 0;
}

    .popupwindow--likes .popupwindow-row .followobject-username {
        margin-right: .4em;
        font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    .popupwindow--likes .popupwindow-row .followobject-avatar {
        vertical-align: top;
    }

.popupwindow--likes .popupwindow-peopleinfo span {
    width: auto;
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.popupwindow-peopleinfo span {
    padding-right: 1.6rem;
    width: 11.2rem;
    color: #aebab6;
    font-size: 1.5rem;
}

    .popupwindow-peopleinfo span + span {
        border-left: 1px solid;
        padding: 0 1.6em;
        line-height: 1.1em;
        display: inline-block;
    }

.popupwindow-header {
    position: relative;
    z-index: 1;
}

    .popupwindow-header h3 {
        display: block;
        font-size: 3.1rem;
        font-weight: 400;
        margin: 0 0 .2em;
        line-height: 1;
    }

.requiredfields {
    text-align: right;
    font-size: 1.4rem;
    color: rgba(0,0,0,.5);
}

.login-assistance {
    margin: 2rem 0;
    overflow: hidden;
    font-size: 1.4rem;
    padding: 1px;
}

.contentpanel--login .checkbox, .contentpanel--login .login-assistance {
    font-size: 1.6rem;
}

.popup-sidecontent {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 2rem;
    display: none;
}

    .popup-sidecontent.is-selected {
        display: block;
    }

    .popup-sidecontent a {
        color: #fff;
        padding: .5em;
        display: inline-block;
        white-space: nowrap;
    }

    .popup-sidecontent .icon {
        vertical-align: -23%;
        margin-right: .4em;
        font-size: 1.9rem;
    }

.popup-close {
    color: #000;
    position: absolute;
    top: 0;
    padding: 12px;
    font-size: 2.6rem;
    right: 0;
}

.producthero, .producthero-wrapper {
    position: relative;
}

.popup-windowcopy {
    margin-bottom: 2rem;
}

@media (max-width:1300px) {
    .popupwindow--getsupport {
        max-width: 95vw;
    }
}

@media (max-width:1250px) {
    .popup-resellergriditem {
        width: 50%;
    }
}

@media (max-width:860px) {
    .popup-resellergriditem {
        width: 100%;
    }
}

@media (max-width:600px) {
    .popup-windowcopy {
        padding: 0 20px;
    }

    .iOS .popup-holder {
        margin-top: 0;
    }
}

.producthero {
    height: 72rem;
    z-index: 1;
}

    .producthero.extrusion {
        background: #f1f1f1;
        height: 62rem;
    }

.producthero--backpack {
    height: 500px;
}

.producthero--materials {
    height: 600px;
}

.producthero-background {
    width: 100%;
    height: 720px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s,visibility .5s;
}

.extrusion .producthero-background, .producthero--backpack .producthero-background {
    opacity: 1;
}

.producthero.extrusion .producthero-background {
    height: 610px;
}

.producthero--backpack .producthero-background, .producthero--materials .producthero-background {
    height: 500px;
}

.producthero-background.is-open {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s .75s,visibility .5s .75s;
}

.producthero-background::before {
    display: block;
    margin-top: -17px;
    margin-left: -17px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 100px;
    border: 5px solid;
    border-color: #1BACE1 transparent transparent;
    animation: spinloading 1s infinite;
    opacity: 1;
    transition: .2s;
    top: 350px;
    right: 400px;
    z-index: 0;
}

.producthero--materials .producthero-background {
    opacity: 1;
    visibility: visible;
    z-index: -1;
}

    .android .producthero-background::before, .iOS .producthero-background::before, .producthero--materials .producthero-background::before {
        content: none;
    }

.producthero-backgroundimage {
    transition: opacity 1s;
    position: absolute;
    width: 100%;
}

.producthero-backgroundimage--mobile {
    display: none;
}

.producthero-backgroundimage--video {
    opacity: 0;
    max-width: none;
    display: block;
}

.producthero-background.is-loaded .producthero-backgroundimage--video {
    opacity: 1;
}

.android .producthero-backgroundimage--video, .iOS .producthero-backgroundimage--video, .producthero-backgroundimage--image {
    display: none;
}

.android .producthero-backgroundimage--image, .iOS .producthero-backgroundimage--image {
    display: block;
}

.producthero--materials .producthero-backgroundimage--image {
    display: block;
    width: auto;
    max-height: 500px;
    right: 0;
    opacity: 0;
    transition: .2s;
}

    .producthero--materials .producthero-backgroundimage--image.lazy-loaded {
        opacity: 1;
    }

.producthero-copy {
    padding: 10px;
    margin: 73px 0 0;
}

.extrusion .producthero-copy {
    max-width: 400px;
}

.producthero--backpack .producthero-copy {
    max-width: 450px;
}

.producthero--um2go .producthero-copy {
    max-width: 500px;
}

.producthero-title {
    text-transform: uppercase;
    margin: 0 0 .8rem;
    font-size: 5rem;
    line-height: 1;
    font-weight: 100;
}

    .producthero-title em {
        font-style: normal;
        font-weight: 600;
    }

.extrusion .producthero-title {
    line-height: 1em;
}

    .extrusion .producthero-title br {
        display: none;
    }

.producthero-description {
    margin: 0;
    font-size: 2.3rem;
    line-height: 1.35em;
}

.producthero--materials .producthero-description {
    margin-bottom: 2rem;
    width: 50%;
}

.producthero-button {
    margin: 1rem 0;
    display: none;
}

    .producthero-button.is-open, .producthero-link, .producthero-price {
        display: inline-block;
    }

.producthero-links {
    margin: 2.4rem 0;
    list-style: none;
    padding: 0;
}

.producthero-link {
    padding-top: .38rem;
    padding-bottom: .38rem;
    line-height: 1.4;
}

.producthero-price {
    vertical-align: middle;
    border-right: 1px solid rgba(0,0,0,.1);
    padding-right: 2rem;
    margin-right: .2rem;
}

.producthero-pricetitle {
    font-size: 1.1rem;
    display: block;
    color: rgba(0,0,0,.5);
}

.producthero-pricecosts {
    font-size: 2.2rem;
    font-weight: 100;
    line-height: 1em;
}

.producthero-pricevat {
    clear: both;
    font-size: 1.2rem;
    padding: 0;
    color: rgba(0,0,0,.5);
}

.productswitcher {
    padding: 3rem 0 .5rem;
    overflow: hidden;
}

.productswitcher-product {
    float: left;
    position: relative;
    padding-right: 4px;
    padding-left: 38px;
    margin-right: 13px;
    display: inline-block;
    cursor: pointer;
}

    .productswitcher-product + .productswitcher-product {
        margin-left: 17px;
        margin-right: 0;
        padding-right: 0;
    }

        .productswitcher-product + .productswitcher-product::before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: -17px;
            border-left: 1px solid rgba(0,0,0,.1);
        }

.productswitcher-printer {
    position: absolute;
    left: 0;
    bottom: .74rem;
    opacity: .3;
    font-size: 0;
}

    .productswitcher-printer .icon-um2 {
        font-size: 3.1rem;
        padding: 0 1px;
    }

    .productswitcher-printer .icon-um2ext {
        font-size: 4rem;
        padding: 0 1px;
    }

.productswitcher-product.is-open .productswitcher-printer {
    opacity: 1;
}

.productswitcher-title {
    font-size: 1.1rem;
    display: block;
    color: rgba(0,0,0,.5);
}

.productswitcher-price {
    font-size: 2.2rem;
    font-weight: 100;
    line-height: 1em;
}

.productswitcher-vat {
    clear: both;
    font-size: 1.2rem;
    padding: .3rem 0;
    color: rgba(0,0,0,.5);
}

.productsmallspecs-grid {
    position: relative;
    z-index: 2;
    text-align: left;
}

.productsmallspecs-griditem {
    width: 25%;
    position: relative;
}

.productsmallspecs-gridtitle {
    font-size: 2rem;
    margin: 2.6rem 0 2rem;
    text-transform: uppercase;
}

.productsmallspecs-accordionicon {
    display: none;
}

.productsmallspecs-spec {
    margin: .8rem 0;
}

.productsmallspecs-specprop {
    font-size: 1.1rem;
    display: block;
    color: rgba(0,0,0,.5);
}

.productsmallspecs-specvalue {
    font-size: 2.2rem;
    margin: .2rem 0;
    display: block;
}

.productsmallspecs-details {
    background: #fff;
    position: absolute;
    top: 10px;
    left: -10px;
    right: 20px;
    bottom: 6rem;
    box-shadow: 0 0 30px rgba(0,0,0,.06);
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    text-align: left;
    font-size: 2.2rem;
}

    .productsmallspecs-details p {
        margin-top: 0;
    }

    .productsmallspecs-details img {
        max-width: 100%;
        max-height: 100%;
    }

    .productsmallspecs-details::before {
        content: '';
        display: block;
        position: absolute;
        bottom: -24px;
        left: 16px;
        border: 12px solid transparent;
        border-top-color: #fff;
    }

    .productsmallspecs-details.is-more {
        visibility: visible;
        opacity: 1;
    }

.productsmallspecs-link {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.productsmallspecs-speclink {
    position: relative;
    z-index: 2;
    margin-top: .5rem;
    display: inline-block;
}

.productfeatures {
    background: #fff;
    padding: 7rem 0 6rem;
    position: relative;
    height: 750px;
    box-sizing: border-box;
}

.extrusion + .productfeatures {
    position: relative;
    z-index: 1;
}

.productfeatures-medias {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1700px;
    height: 870px;
    margin-top: -100px;
    opacity: 1;
    max-width: 100%;
}

.productfeatures-media {
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}

.productfeatures-mediaitem {
    position: absolute;
    z-index: 2;
    display: none;
    bottom: 0;
    left: 0;
    max-width: 60%;
}

.productfeatures-mediaitem--image {
    display: none;
}

.android .productfeatures-mediaitem--image, .iOS .productfeatures-mediaitem--image, .productfeatures-mediaitem--video {
    display: block;
}

.android .productfeatures-mediaitem--video, .iOS .productfeatures-mediaitem--video {
    display: none;
}

.productfeatures-mediaitem--video {
    left: -780px;
    width: 1700px;
    max-width: none;
}

.productfeatures-media::before {
    content: '';
    display: block;
    margin-top: -17px;
    margin-left: -17px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 100px;
    border: 5px solid #1BACE1;
    border-color: #1BACE1 transparent transparent;
    animation: spinloading 1s infinite;
    opacity: 1;
    transition: .2s;
    top: 460px;
    left: 25%;
    z-index: 1;
}

.productfeatures-featuretitle br, .productfeatures-mediaitem--mobile {
    display: none;
}

.productfeatures-media.is-loaded::before {
    opacity: 0;
}

.productfeatures-media.is-open {
    visibility: visible;
    opacity: 1;
    transition: .5s .75s;
    height: 100%;
}

.productfeatures-mediaitem {
    opacity: 0;
    transition: 1s;
}

.productfeatures-media.is-loaded .productfeatures-mediaitem--video, .productfeatures-mediaitem--image {
    opacity: 1;
}

.productfeatures-copy {
    position: relative;
    width: 50%;
    z-index: 3;
}

.productfeatures-title {
    line-height: 1.2;
}

.productfeatures-features {
    padding: 1.2rem 0;
}

.productfeatures-feature {
    padding: 1.12rem 50px 1.12rem 103px;
    position: relative;
    cursor: pointer;
}

.productfeatures-featurebackground {
    display: none;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 290px;
    background-position: center center;
    background-size: cover;
}

.productfeatures-featureimage {
    position: absolute;
    left: 2px;
    color: #fb203a;
    width: 68px;
    height: 68px;
    border-radius: 100%;
    border: 2px solid;
    top: 50%;
    margin-top: -41px;
    font-size: 2rem;
    transition: .2s;
}

.productfeatures-featureicon {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    font-size: 6.8rem;
    line-height: 3.4rem;
    width: 6.8rem;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.productfeatures-featuretitle {
    font-size: 2rem;
    margin: 0 0 .12rem;
    text-transform: uppercase;
    font-weight: 600;
}

    .productfeatures-featuretitle em {
        font-weight: 600;
        font-style: normal;
    }

        .productfeatures-featuretitle em::after {
            content: ',';
        }

.productfeatures-navbullet::before, .productoverview::after, .productsteps-steps::after {
    content: '';
}

.productfeatures-featuredescription {
    font-size: 1.6rem;
    line-height: 1.3rem;
    margin: 0;
    display: block;
}

.productfeatures-featuremore {
    margin: .9rem 0;
}

.productfeatures-nav {
    display: none;
}

.productfeatures-navbullets {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 11;
    overflow: hidden;
    font-size: 0;
}

.productfeatures-navbullet {
    display: inline-block;
    padding: 6px;
    opacity: .15;
    cursor: pointer;
}

    .productfeatures-navbullet.is-active {
        opacity: 1;
    }

    .productfeatures-navbullet::before {
        display: block;
        width: 10px;
        height: 10px;
        background: #19294d;
        border-radius: 100px;
    }

.productsteps {
    background: #fff;
    padding: 5.9rem 0;
}

.productsteps-title {
    margin-bottom: 1.1rem;
    text-align: center;
}

.productsteps-description {
    text-align: center;
    max-width: 690px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 1.5em;
}

.productsteps-steps {
    overflow: hidden;
    font-size: .01rem;
    text-align: justify;
}

    .productsteps-steps::after {
        display: inline-block;
        width: 100%;
    }

.productsteps-step {
    display: inline-block;
    width: 334px;
    max-width: 30%;
    position: relative;
    vertical-align: top;
}

.productsteps-image img {
    width: 100%;
}

.productsteps-stepcopy {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.8rem;
    line-height: 1.3em;
    margin-bottom: 0;
    text-align: left;
}

.productsteps-stepnumber {
    margin-right: 10px;
    color: #fb203a;
    border: 2px solid #fb203a;
    font-weight: 400;
    border-radius: 25px;
    width: 43px;
    height: 43px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 1.8rem;
    float: left;
    box-sizing: border-box;
}

.productsteps-stepdescription {
    font-weight: 400;
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 0;
    text-align: left;
    color: #888;
}

.productoverview {
    position: relative;
    background-color: #fff;
    padding: 4.9rem 0 6.9rem;
    height: 54rem;
    margin-bottom: 3rem;
}

    .productoverview.extrusion {
        padding: 4.9rem 0 0;
        min-height: 50rem;
        height: auto;
        background-color: transparent;
        margin-bottom: 0;
    }

    .productoverview::after {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: linear-gradient(rgba(245,245,245,0),#f5f5f5);
    }

    .productoverview.extrusion::after {
        background-image: none;
    }

.productoverview-background {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1440px;
    margin-left: -720px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: 1;
}

.productoverview.extrusion .heroblock-background {
    background-size: contain;
}

.producthero--backpack .heroblock-background {
    background-size: contain;
    background-position: right center;
    background-color: #f5f5f5;
    height: 450px;
}

.productoverview-copy {
    left: 50%;
    position: relative;
    width: 50%;
    z-index: 1;
}

.productoverview-extrusion {
    z-index: 2;
    position: relative;
    width: 50%;
}

.productoverview-title {
    margin-bottom: 2.3rem;
}

.productoverview-extrusion .productoverview-title {
    margin-bottom: 1rem;
}

.productoverview-subtitle {
    font-size: 2rem;
    margin: 2rem 0 .12rem;
    font-weight: 600;
}

.productoverview-extrusion .productoverview-subtitle {
    font-weight: 400;
    font-size: 1.6rem;
    padding-bottom: 2rem;
}

.productoverview-list {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.productcarousel--software ol.productoverview-list {
    width: 100%;
    float: inherit;
}

.productcarousel--software .minigo {
    color: #fff;
    padding-left: 20px;
}

.productoverview-usbbreak {
    display: none;
}

.productoverview-list li {
    padding: .192rem 0;
}

ol.productoverview-list li {
    counter-increment: step-counter;
    padding-bottom: 10px;
}

    ol.productoverview-list li::before {
        content: counter(step-counter);
        margin-right: 10px;
        background-color: #000;
        color: #fff;
        font-weight: 700;
        border-radius: 15px;
        width: 25px;
        height: 25px;
        display: inline-block;
        text-align: center;
        line-height: 26px;
        font-size: 1.4rem;
        float: left;
        cursor: help;
    }

.productcarousel--software ol.productoverview-list li::before {
    background-color: #fff;
    color: #fb203a;
    cursor: default;
    width: 20px;
    height: 20px;
    line-height: 21px;
    position: absolute;
}

.productcarousel--software .specs-row > a {
    font-size: 1.7rem;
    width: auto;
    color: #fff;
    line-height: 21px;
    margin-left: 30px;
}

.productoverview-more {
    margin: 3.5rem 0;
}

.productsmallspecs {
    margin-top: -20.42rem;
    padding: 12rem 0;
    background: #efefef;
    position: relative;
}

    .productsmallspecs .title {
        z-index: 2;
    }

    .productsmallspecs::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-image: radial-gradient(100% 200% at 0 0,#f1f1f1 0,rgba(241,241,241,0) 45%);
    }

@media (max-width:1200px) {
    .heroblock-backpack-link {
        width: 14rem;
        bottom: 10rem;
        right: 10rem;
    }
}

@media (max-width:1280px) {
    .productcarousel {
        height: 420px;
    }

    .productcarousel--software {
        height: auto;
    }

    .productcarousel-copy {
        padding: 3rem 0;
    }

    .productcarousel-more {
        bottom: 4rem;
    }

    .slider-caption {
        display: none;
    }
}

@media (max-width:1160px) {
    .producthero--backpack .heroblock-background {
        height: 400px;
        margin-top: 50px;
    }

    .heroblock-backpack-link {
        width: 14rem;
        bottom: 10rem;
        right: 10rem;
    }

    .productoverview-copy {
        width: 45%;
        left: 55%;
    }

    .productoverview-background {
        left: -7.5%;
        margin-left: auto;
    }

    .productfeatures {
        padding: 3rem 0;
        height: 700px;
    }

    .productfeatures-feature {
        padding-left: 0;
    }

    .productfeatures-featureimage {
        width: 40px;
        height: 40px;
        top: .9rem;
        margin-top: 0;
        left: 0;
    }

    .productfeatures-featureicon {
        font-size: 4.4rem;
    }

    .productfeatures-featuretitle {
        padding-left: 44px;
        margin-left: 12px;
        margin-bottom: .8rem;
        line-height: 44px;
    }

        .productfeatures-featuretitle > span {
            line-height: 1.1;
            vertical-align: middle;
            display: inline-block;
        }
}

@media (max-width:1100px) {
    .productfeatures-mediaitem--video {
        display: none;
    }
}

@media (max-width:1040px) {
    .producthero-backgroundimage--wide {
        height: 610px;
        right: -11.5%;
    }

    .producthero--materials .producthero-backgroundimage--wide {
        height: auto;
        right: -10%;
        min-width: 250px;
    }
}

@media (min-width:1025px) {
    .productoverview-shortcopy {
        display: none;
    }
}

@media (max-width:1024px) {
    .productoverview-longcopy, .productoverview.extrusion .producthero-background {
        display: none;
    }

    .producthero.extrusion {
        height: auto;
        padding-bottom: 100px;
    }

    .producthero-background {
        width: 1024px;
        height: 512px;
        left: auto;
        right: 0;
    }

    .producthero--backpack .heroblock-background {
        height: 340px;
        margin-top: 100px;
    }

    .producthero-background::before {
        top: 260px;
        right: 290px;
    }

    .producthero-title {
        font-size: 4.6rem;
    }

    .producthero-description {
        font-size: 1.8rem;
    }

    .productsmallspecs-griditem {
        width: 50%;
    }

    .productsmallspecs {
        margin-top: -25.4rem;
        padding-bottom: 6rem;
    }

        .productsmallspecs::after {
            content: none;
        }

    .productsmallspecs-specvalue {
        font-size: 1.7rem;
    }

    .productoverview {
        height: 50rem;
    }

    .productoverview-background {
        left: -7%;
        margin-left: 0;
        width: 80%;
    }

    .productoverview.extrusion {
        min-height: 0;
    }

    .productoverview-extrusion {
        width: 80%;
        margin: 0 auto;
    }

        .productoverview-extrusion .productoverview-subtitle, .productoverview-extrusion .productoverview-title {
            text-align: center;
        }

    .productoverview-copy {
        margin-top: -60px;
    }
}

@media (max-width:1050px) {
    .productfeatures-featuretitle {
        font-size: 1.5rem;
        padding-left: 44px;
        margin-left: 12px;
        margin-bottom: .4rem;
        font-weight: 300;
    }

        .productfeatures-featuretitle em::after {
            content: none;
        }

        .productfeatures-featuretitle br {
            display: block;
        }
}

@media (max-width:960px) {
    .productsteps-stepnumber {
        float: none;
        margin: 0;
    }

    .productsteps-steptitle {
        display: inline-block;
        margin-top: 10px;
    }
}

@media (min-width:941px) {
    .productoverview-background--wide {
        display: block;
    }
}

@media (max-width:940px) {
    .producthero--backpack .heroblock-background, .producthero--materials .producthero-backgroundimage, .productoverview-title br {
        display: none;
    }

    .heroinfozone, .producthero--backpack .producthero-background, .producthero--materials .producthero-background {
        width: 450px;
        margin-left: -225px;
        height: 450px;
        left: 50%;
        right: auto;
    }

    .productoverview {
        padding-top: 0;
        height: 48rem;
        margin-bottom: 0;
    }

    .productoverview-copy {
        font-size: 1.6rem;
        margin-top: 0;
    }

    .productoverview-subtitle {
        font-size: 1.6rem;
    }

    .productfeatures-mediaitem {
        bottom: auto;
        top: 20px;
    }

    .productfeatures-mediaitem--wide {
        opacity: 0;
    }

    .productfeatures-mediaitem--medium {
        opacity: 1;
    }

    .producthero {
        text-align: center;
        height: auto;
    }

        .producthero.producthero--backpack::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 270px;
            background: linear-gradient(0deg,rgba(236,236,236,0),#ececec);
            z-index: -1;
        }

    .producthero--materials .producthero-backgroundimage--mobile {
        display: block;
    }

    .heroinfozone {
        top: 0;
    }

    .producthero--backpack .heroblock-backgroundsmall {
        display: block;
        background-size: contain;
        background-position: center 30%;
    }

    .producthero-background::before {
        top: 150px;
        right: auto;
        left: 50%;
    }

    .producthero-copy {
        margin: 340px auto 0;
        max-width: 320px;
    }

    .producthero--backpack .producthero-copy {
        margin: 320px auto 0;
        max-width: 550px;
    }

    .producthero-title {
        font-size: 3.1rem;
    }

    .producthero-description {
        display: none;
    }
}

@media (max-width:900px) {
    .producthero-background {
        left: auto;
        right: -7.5%;
    }
}

@media (min-width:801px) {
    .producthero-backgroundimage--wide {
        width: auto;
        max-height: 700px;
        right: -6%;
    }

    .producthero-backgroundimage--image {
        max-width: 70%;
    }
}

@media (min-width:801px) and (max-width:1100px) {
    img.productfeatures-mediaitem--medium {
        display: block;
    }
}

@media (max-width:800px) {
    .android .producthero-backgroundimage--image, .iOS .producthero-backgroundimage--image, .producthero--materials .producthero-backgroundimage {
        display: none;
    }

    .producthero {
        text-align: center;
        height: auto;
    }

        .producthero.producthero--backpack::before, .producthero::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 295px;
            background: linear-gradient(0deg,rgba(236,236,236,0),#ececec);
            z-index: -1;
        }

        .producthero.producthero--backpack::before {
            top: 270px;
        }

        .producthero.extrusion {
            padding-bottom: 0;
        }

            .producthero.extrusion::before {
                background: 0 0;
            }

            .producthero--backpack .producthero-background, .producthero-background, .producthero.extrusion .producthero-background {
                width: 450px;
                height: 450px;
                margin-left: -225px;
                left: 50%;
                right: auto;
            }

                .producthero-background::before {
                    top: 150px;
                    right: auto;
                    left: 50%;
                }

    .producthero--materials .producthero-backgroundimage--mobile, .producthero-backgroundimage--mobile {
        display: block;
    }

    .producthero-copy {
        margin: 340px auto 0;
        max-width: 320px;
    }

    .producthero--backpack .producthero-copy {
        margin: 320px auto 0;
        max-width: 450px;
    }

    .producthero--materials .producthero-copy {
        max-width: none;
    }

    .extrusion .producthero-copy {
        max-width: 350px;
    }

    .extrusion .heroblock-price {
        margin: 2rem 1rem 0;
        display: block;
    }

    .producthero-feature {
        margin: 340px auto 0;
        max-width: 320px;
    }

    .producthero-title {
        font-size: 3.1rem;
    }

    .producthero-description {
        display: none;
    }

    .producthero-button .producthero-button {
        font-size: 1.4rem;
        padding-top: .9rem;
        padding-bottom: .9rem;
        margin: 1.5rem 0;
    }

    .producthero-links {
        margin: 1.4rem 0 0;
        display: inline-block;
    }

    .producthero-link {
        margin: .4rem auto;
    }

    .producthero-links > li {
        text-align: left;
        white-space: nowrap;
    }

    .productswitcher {
        padding: 1rem 0 .5rem;
    }

    .productswitcher-product, .productswitcher-product + .productswitcher-product {
        width: 50%;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

        .productswitcher-product + .productswitcher-product::before {
            left: 0;
        }

    .productswitcher-printer {
        position: relative;
        height: 52px;
    }

    .productswitcher-icon {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -14px;
    }

    .producthero-pricetitle {
        text-align: left;
    }

    .productsmallspecs {
        margin-top: 2rem;
        padding-top: 0;
        background: 0 0;
        text-align: center;
    }

        .productsmallspecs::after {
            content: none;
        }

    .productcarousel {
        height: auto;
    }

    .productcarousel-copycontainer {
        width: 100%;
    }

    .productcarousel-copy {
        padding: 3rem 0 1rem;
        font-size: 1.4rem;
        margin: 0 auto;
        text-align: center;
    }

    .productcarousel-title {
        text-align: center;
    }

    .productcarousel-more {
        position: relative;
        bottom: auto;
        display: inline-block;
    }

    .productcarousel-carousel {
        position: relative;
        height: 350px;
        left: 0;
    }

    .productsteps {
        padding: 2rem 0;
    }

    .productsteps-step {
        max-width: 31.5%;
    }

    .productsteps-stepcopy {
        margin-top: 1rem;
        font-size: 1.4rem;
    }

    .productoverview-copy {
        width: 45%;
        left: 55%;
    }

    .productoverview-background {
        margin-top: 10%;
    }
}

@media (min-width:800px) and (max-width:940px) {
    .productfeatures, .productfeatures-features {
        padding-bottom: 0;
    }

    .productfeatures {
        height: auto;
        overflow: hidden;
    }

    .productfeatures-medias {
        height: 634px;
    }

    .productfeatures-media::before {
        top: 320px;
    }

    .productfeatures-copy {
        width: 100%;
    }

    .productfeatures-feature {
        padding: .4rem 0;
        width: 40%;
        float: none;
    }

    .productfeatures-featuretitle {
        font-size: 1.5rem;
    }

    .productfeatures-featuredescription {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .productfeatures-featureimage {
        top: .5rem;
    }
}

@media (min-width:800px) {
    .productfeatures-feature.is-open .productfeatures-featureimage, .productfeatures-feature:hover .productfeatures-featureimage {
        background: #fb203a;
        color: #fff;
        border-color: #fb203a;
    }
}

@media (max-width:800px) {
    .producthero--backpack .heroblock-background, .producthero.extrusion .heroblock-background {
        display: none;
    }

    .producthero.extrusion .heroblock-backgroundsmall {
        display: block;
    }

    .producthero--backpack .heroblock-backgroundsmall {
        display: block;
        background-size: contain;
        background-position: center 30%;
    }

    .productfeatures {
        padding: 1.5rem 0 0;
        min-height: auto;
        height: auto;
    }

    .productfeatures-medias {
        margin: 0;
        display: none;
    }

    .productfeatures-featurebackground, .productfeatures-mediaitem--mobile {
        display: block;
    }

    .productfeatures-copy {
        width: 100%;
    }

    .productfeatures-title {
        text-align: center;
    }

    .productfeatures-features {
        height: 430px;
        position: relative;
        margin-left: -20px;
        width: calc(100% + 40px);
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    .productfeatures-feature {
        padding: 0 10px;
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        cursor: initial;
    }

        .productfeatures-feature.is-selected {
            opacity: 1;
        }

    .productfeatures-featurecopy {
        position: relative;
        left: 0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        padding-bottom: inherit;
        overflow: hidden;
        top: 310px;
    }

    .productfeatures-featuretitle {
        font-weight: 300;
    }

        .productfeatures-featuretitle em::after {
            content: none;
        }

    .productfeatures-featureimage {
        width: 40px;
        height: 40px;
        font-size: 1.4rem;
        top: 0;
        margin-top: 0;
        left: 10px;
        background: #fb203a;
        color: #fff;
        border-color: #fb203a;
    }

    .productfeatures-featuredescription {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .productfeatures-featuremore {
        display: none;
    }

    .productfeatures-navbullets {
        display: block;
    }

    a.productfeatures-nav {
        position: absolute;
        top: 165px;
        left: 10px;
        display: block;
        height: 40px;
        background: #000;
        color: #fff;
        width: 40px;
        margin-top: -25px;
        text-align: center;
        line-height: 44px;
        border-radius: 100%;
        font-size: 2rem;
        text-indent: -.1rem;
    }

    a.productfeatures-nav--right {
        left: auto;
        right: 10px;
        text-indent: 0;
    }
}

@media (max-width:750px) {
    .productsmallspecs-specvalue {
        font-size: 2rem;
    }

    .productoverview {
        padding: 0;
        height: auto;
    }

        .productoverview.extrusion {
            min-height: initial;
        }

            .productoverview-background, .productoverview.extrusion .producthero-background {
                display: none;
            }

    .productoverview-copy {
        width: 100%;
        left: auto;
    }

    .productoverview-title br {
        display: block;
    }

    .productoverview-subtitle {
        text-align: left;
        display: block;
    }

    .productoverview-extrusion .productoverview-subtitle, .productoverview-title {
        text-align: center;
    }

    .productoverview-list {
        padding-top: 3rem;
    }

    .productcarousel--software ol.productoverview-list {
        width: 100%;
    }

    ol.productoverview-list li {
        padding-bottom: 0;
    }

    .productoverview-more {
        margin: 2rem 0 0;
        display: inline-block;
    }
}

@media (max-width:600px) {
    .productcarousel-title, .productsmallspecs, .productsmallspecs-more, .productsmallspecs-title, .productsteps-title {
        text-align: center;
    }

    .producthero::before {
        top: 210px;
    }

    .producthero.producthero--backpack::before {
        top: 180px;
    }

    .producthero-copy {
        margin-top: 245px;
    }

    .producthero--backpack .producthero-copy {
        margin-top: 220px;
        max-width: 320px;
    }

    .producthero-title {
        font-size: 2.4rem;
    }

    .extrusion .producthero-title br {
        display: block;
    }

    .producthero--backpack .producthero-background, .producthero--materials .producthero-background, .producthero-background, .producthero.extrusion .producthero-background {
        width: 320px;
        height: 320px;
        margin-left: -160px;
        left: 50%;
        right: auto;
    }

    .producthero--backpack .heroblock-backgroundsmall {
        background-position: center 15%;
    }

    .productsmallspecs {
        margin-top: 1.4rem;
        padding: 0;
        background: 0 0;
    }

        .productsmallspecs::after {
            content: none;
        }

    .productsmallspecs-griditem {
        background: #fff;
        margin-top: 5px;
        max-height: 5.2rem;
        overflow: hidden;
        transition: .25s;
        width: 100%;
    }

        .productsmallspecs-griditem.is-open {
            max-height: 22rem;
        }

    .productsmallspecs-gridtitle {
        font-size: 1.4rem;
        padding: 2rem .5rem 2rem 2.8rem;
        margin: 0 0 0 1rem;
        position: relative;
    }

    .productsmallspecs-griditem:not(.is-open) .productsmallspecs-gridtitle {
        cursor: pointer;
    }

    .productsmallspecs-accordionicon {
        display: block;
        color: #fb203a;
        font-size: 1.4rem;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1.08rem;
        transition: .25s;
    }

    .productsmallspecs-griditem.is-open .productsmallspecs-accordionicon {
        -ms-transform: rotate(90deg);
        transform: rotateZ(90deg);
    }

    .productsmallspecs-specs {
        margin-top: 1rem;
    }

    .productsmallspecs-spec {
        margin: 1rem 1.5rem;
    }

    .productsmallspecs-link {
        margin: 0 1.5rem;
    }

    .productsmallspecs-specvalue {
        font-size: 1.6rem;
    }

    .productsmallspecs-more {
        overflow: hidden;
        float: left;
        width: 100%;
        padding: 2rem;
        box-sizing: border-box;
        opacity: 1;
    }

    .productsmallspecs-speclink {
        display: inline-block;
        margin-bottom: 1rem;
    }

    .productsmallspecs-details {
        top: 5rem;
        left: 0;
        right: 0;
        bottom: 4rem;
        box-shadow: none;
        padding: 0 15px 5px;
    }

    .productfeatures-features {
        margin-left: -10px;
        width: calc(100% + 20px);
    }

    .productfeatures-feature {
        padding: 0 5px;
    }

    .productcarousel {
        height: auto;
    }

    .productcarousel-copy {
        padding: 3rem 0 1rem;
        font-size: 1.4rem;
    }

    .productcarousel-carousel {
        position: relative;
        height: 230px;
        left: 0;
    }

    .productsteps {
        padding: 2.6rem 0 1rem;
    }

    .productsteps-description {
        padding: 0 4rem;
    }

    .productsteps-steps {
        display: table;
        width: 100%;
        box-sizing: border-box;
    }

    .productsteps-step {
        display: table-row;
        width: 100%;
        max-width: none;
    }

    .productsteps-image {
        width: 50%;
        margin-left: 25%;
        margin-top: 0;
    }

        .productsteps-image::before {
            background-size: contain;
            width: 50px;
            height: 34px;
            margin-left: -25px;
            margin-top: -17px;
        }

    .productsteps-stepcopy {
        padding: 2rem 10px;
        font-size: 1.4rem;
        position: relative;
    }

    .productsteps-stepcopy, .productsteps-stepdescription {
        width: 55%;
        margin: 0 auto;
        text-align: center;
    }

    .productsteps-stepdescription {
        width: 80%;
        margin-bottom: 40px;
    }

    .productsteps-video + .productsteps-step .productsteps-stepcopy::after {
        content: '';
        display: block;
        position: absolute;
        left: 10px;
        top: -2px;
        right: 0;
        border-bottom: 1px solid rgba(0,0,0,.1);
        background: rgba(0,0,0,.025);
    }

    .productoverview {
        height: auto;
        padding: 1rem 0 .5rem;
        text-align: left;
    }

    .productoverview-background {
        display: none;
    }

    .productoverview-copy {
        font-size: 1.7rem;
        width: 100%;
    }

    .productoverview-subtitle {
        text-transform: none;
        font-size: 1.4rem;
    }

    .productoverview-list {
        line-height: 1.15;
    }

    ol.productoverview-list {
        width: 100%;
    }

    .productoverview-more {
        width: 7.5rem;
        margin: 2rem auto 0;
    }

    .producthero-price {
        display: block;
        padding: 0;
        border: none;
    }

    .producthero-pricetitle {
        display: block;
        text-align: center;
    }

    .producthero-pricevat {
        display: block;
    }
}

.specs-row--description, .specs-row > span, .specs-subtext, .specs-subtextsmall, .specs-subtitle {
    color: rgba(0,0,0,.5);
}

.specs, .specs-area, .specs-dimensions, .specs-images, .specshero-button {
    position: relative;
}

.specs, .supportframe {
    background-color: #fff;
}

    .specs-printer, .specs.bottomgradient:after {
        height: 46rem;
    }

.specs-printername, .specs-printernamesmall, .specs-title, .specshero-title {
    text-transform: uppercase;
}

.specshero {
    min-height: 27rem;
}

.specshero-copy {
    padding: 10px;
    margin: 73px 0 0;
}

.specshero-title {
    margin: 0;
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.2;
}

.specshero-button {
    display: inline-block;
    margin: 1rem 0;
}

.specs {
    margin-top: 2.8rem;
    margin-bottom: 4rem;
}

.specs-images {
    margin-top: -38.4rem;
    padding-bottom: 2.8rem;
    width: 60%;
    z-index: 1;
}

.specs-images--threeitems {
    margin-top: -25.4rem;
}

.l-cell33 .specs-printer {
    height: 30rem;
}

.specs-printer:after {
    content: "";
    height: 100%;
}

.specs-printer > img {
    max-width: 65%;
}

.heroblock-platform .icon, .specs-row > a > .icon {
    vertical-align: middle;
}

.specs-printertitle {
    height: 6rem;
}

.specs-printername {
    font-size: 2.7rem;
    width: 79%;
    white-space: nowrap;
    margin: 0;
}

.specs-printernamesmall {
    font-size: 2rem;
    line-height: 1;
    margin: 0;
}

.specs-printermore, .specs-subtext {
    font-size: 1.4rem;
    display: block;
}

    .specs-subtext + .specs-printermore {
        margin-top: 1.4rem;
    }

    .specs-printermore > .icon {
        font-size: 1.7rem;
        vertical-align: middle;
        margin-right: .6rem;
    }

.specs-printernav {
    display: none;
}

.specs-area {
    border-top: 1px solid #e3e3e3;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.specs-title {
    font-size: 2rem;
    width: 19%;
    padding-right: 2rem;
    margin: 0;
    float: left;
    box-sizing: border-box;
}

.specs-subtitle {
    font-size: 1.6rem;
    float: left;
    width: 21%;
}

.specs-info {
    width: 60%;
}

.specs-infoblock {
    width: 27rem;
    max-width: 75%;
}

.spec-img {
    max-width: 100%;
}

.specs-dimensions > img {
    width: 78.4%;
}

.specs-dimensionheight, .specs-dimensionlength, .specs-dimensionwidth {
    position: absolute;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.3;
    white-space: nowrap;
}

.specs-dimensionwidth {
    left: -10%;
    top: 79%;
}

.specs-dimensionlength {
    right: 78%;
    bottom: 70%;
}

.specs-dimensionheight {
    left: 86%;
    top: 50%;
}

.specs-dimensions--ext .specs-dimensionlength {
    bottom: 78%;
}

.specs-subtextsmall {
    font-size: 1.6rem;
    line-height: 1.5em;
}

.specs-spacevert {
    margin-top: 1.2rem;
    margin-bottom: 3.2rem;
    font-size: 1.2rem;
}

.specs-button {
    display: inline-block;
}

.specs-value {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.specs-properties {
    width: 81%;
    float: left;
}

.specs-row {
    overflow: hidden;
}

.specs-row--description {
    width: 21%;
}

.specs-moreinfo {
    width: 40%;
    float: left;
    transition: .5s;
    margin-bottom: 1rem;
    overflow: hidden;
}

ol .specs-moreinfo {
    width: 80%;
}

.specs-row:not(.noinfo) .specs-moreinfo > span:first-child {
    cursor: help;
}

    .specs-row:not(.noinfo) .specs-moreinfo.is-active span:first-child, .specs-row:not(.noinfo) .specs-moreinfo > span:first-child:hover {
        border-bottom: 1px dashed;
    }

.specs-moreinfo .specs-infotext {
    color: rgba(0,0,0,.5);
    font-size: 1.4rem;
    line-height: 1.5;
    max-height: 0;
    transition: .5s;
    display: block;
}

.specs-moreinfo.is-active .specs-infotext {
    max-height: 50rem;
}

.specs-row span, .specs-row ul > li, .specs-row > a {
    line-height: 1.5rem;
}

ol .specs-row span, ol .specs-row ul > li, ol .specs-row > a {
    line-height: 25px;
}

.specs-row > a, .specs-row > span {
    float: left;
}

.specs-row > span {
    width: 26%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: help;
}

.specs-row p, .specs-row span, .specs-row ul > li {
    font-size: 1.6rem;
}

.noinfo span {
    cursor: auto;
}

.specs-row ul {
    padding-left: 20px;
    margin: 0;
}

.specs-row > a {
    font-size: 1.4rem;
    width: 34%;
}

.specs-row > .specs-link {
    margin-left: 34%;
}

.specs-row > a + .specs-link {
    margin-left: 0;
}

.specs-row p {
    margin: 0;
    padding-right: 3rem;
}

    .specs-row p + p {
        margin: 2rem auto;
    }

.specs-view {
    margin-top: 1rem;
}

.specs-row > a > .icon {
    margin-right: .8rem;
}

@media (max-width:940px) {
    .specshero {
        min-height: 0;
    }

    .specs-images, .specshero-copy {
        text-align: center;
    }

    .specshero-copy {
        margin-top: 4rem;
    }

    .specshero-productswitcher {
        margin-left: auto;
        margin-right: auto;
        max-width: 30rem;
        text-align: left;
    }

    .specshero-links > .iconlink {
        display: inline-block;
    }

    .specs {
        margin-top: 38rem;
    }

    .specs-printername {
        width: 100%;
        font-size: 2.4rem;
    }

    .specs-infoblock {
        margin: 0 auto;
    }

    .specs-title {
        margin-bottom: 2rem;
    }

    .specs-properties:not(.specs-properties--threecolumns) .specs-row > span {
        width: 60%;
    }
}

@media (max-width:800px) {
    .specshero-productswitcher {
        text-align: center;
    }
}

@media (max-width:600px) {
    .specs-printername {
        white-space: normal;
        font-size: 2rem;
    }

    .specs {
        margin-top: 27rem;
    }

    .l-cell33 .specs-printer {
        height: auto;
    }

    .specs-images--threeitems.l-right {
        float: none;
        height: 31.4rem;
        margin-top: -17.8rem;
    }

    .specs-printernav {
        position: absolute;
        top: 0;
        left: -10px;
        color: #000;
        display: block;
        padding: 18rem 10px;
        height: 20px;
        z-index: 10;
    }

    .specs-printernav--right {
        left: auto;
        right: -10px;
    }

    .specs-images {
        margin-top: -26.6rem;
    }

    .specs-printer {
        height: 34rem;
    }

        .specs-printer > img {
            width: 13.2rem;
        }

    .specs--threecolumns .specs-row > .l-cell33 {
        opacity: 0;
        visibility: hidden;
        transition: .5s;
        position: absolute;
    }

        .specs--threecolumns .specs-row > .l-cell33.is-active {
            opacity: 1;
            visibility: visible;
            position: relative;
            z-index: 1;
        }

    .specs--threecolumns .specs-area {
        max-width: 400px;
        margin: 0 auto;
    }

    .specs--threecolumns .specs-images + .specs-area {
        border-top: none;
        padding-top: 0;
    }

    .specs-row p {
        padding-right: 0;
    }

    .specs-infoblock {
        width: auto;
        max-width: none;
        font-size: 1.6rem;
    }

    .specs-subtextsmall {
        font-size: 1.2rem;
    }

    .specs-dimensionheight, .specs-dimensionlength, .specs-dimensionwidth {
        font-size: 1.6rem;
    }

    .specs-printertitle {
        height: auto;
        margin-bottom: .2rem;
    }

    .specshero-copy {
        margin-top: 1.4em;
    }
}

@media (max-width:450px) {
    .specshero-title {
        font-size: 3rem;
    }

    .specs {
        margin-top: 19rem;
    }

    .specs--threecolumns {
        margin-top: 15.4rem;
    }

    .specs-images {
        margin-top: -19rem;
    }

    .specs-printer {
        height: 24rem;
    }

    .specs-properties:not(.specs-properties--threecolumns) .specs-row > span, .specs-row > span {
        width: 100%;
        line-height: 1;
        margin-top: 1.6rem;
    }

    .specs-moreinfo {
        width: 100%;
    }

    .specs-row > a {
        width: 50%;
    }

    .specs-row > .specs-link {
        margin-left: 50%;
    }

    .specs-view {
        margin-top: 0;
    }

    .specs-row > ul > li {
        line-height: 1.4;
        margin-bottom: 1rem;
    }
}

.heroblock--software .heroblock-content {
    height: 600px;
}

    .heroblock--software .heroblock-content::before {
        content: '';
        display: block;
        margin-top: -17px;
        margin-left: -17px;
        width: 40px;
        height: 40px;
        position: absolute;
        border-radius: 100px;
        border: 5px solid;
        border-color: #1BACE1 transparent transparent;
        animation: spinloading 1s infinite;
        opacity: 1;
        transition: .2s;
        top: 350px;
        right: 500px;
        z-index: 0;
    }

    .heroblock--software .heroblock-content.videoloaded::before {
        opacity: 0;
        transition: .2s 1s;
    }

.heroblock--software .heroblock-background {
    background-position: -9999px -9999px;
    width: 100%;
}

.android .heroblock--software .heroblock-background, .iOS .heroblock--software .heroblock-background {
    background-position: center center;
}

.heroblock--software .heroblock-backgroundvideo {
    opacity: 0;
    transition: opacity 1s .5s;
    height: 600px;
    right: 0;
    position: absolute;
    margin-right: -240px;
}

.support, .support-copy {
    position: relative;
}

.heroblock--software .videoloaded .heroblock-backgroundvideo {
    opacity: 1;
}

.android .heroblock--software .heroblock-backgroundvideo, .iOS .heroblock--software .heroblock-backgroundvideo {
    display: none;
}

.heroblock--software .heroblock-copy .minigo .icon {
    width: 20px;
}

.heroblock-cura {
    display: inline-block;
    border-right: 1px solid #CCC;
    padding-right: 20px;
    margin-right: 20px;
}

    .heroblock-cura .heroblock-curaversion, .heroblock-cura .heroblock-platform {
        display: block;
        width: 100%;
        line-height: normal;
    }

.heroblock-platform, .heroblock-platform span {
    color: #888;
    font-size: 1.6rem;
}

.heroblock-curaversion {
    font-size: 2rem;
    padding-top: 3px;
}

.content.content--software h3 {
    text-align: left;
}

.content .software-header {
    text-align: left;
    margin-top: 3.4rem;
}

.support-title {
    text-transform: none;
    font-weight: 600;
    font-size: 3.8rem;
}

.support-copy {
    overflow: hidden;
    padding-bottom: 3rem;
}

.support-header {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}

.support-sidebarspacer {
    max-width: 935px;
    margin-right: 310px;
}

.supportcontentpanel {
    margin-right: 310px;
    box-sizing: border-box;
    padding-top: 2.5rem;
    padding-bottom: 9rem;
    line-height: 1.7em;
    text-align: left;
    max-width: 870px;
    overflow: hidden;
}

.supportcontentpanel--light {
    background: #fff;
}

.support-morehelp {
    line-height: 1.3em;
    padding: 0 0 3.2rem;
    overflow: hidden;
}

    .support-morehelp .pagesection-downloads {
        margin: 0;
    }

    .support-morehelp .linkblocks .minigo {
        margin-top: 10px;
        padding-right: 10px;
        text-align: right;
    }

    .support-morehelp .pageheader .title {
        text-align: left;
    }

.supportcontentpanel-container {
    position: relative;
    margin-top: 4rem;
}

.supportcontentpanel-content .content--support {
    padding-right: 30px;
}

.support-filter {
    position: fixed;
    display: inline-block;
    right: 1.9rem;
    bottom: 8rem;
    padding: 1.6rem 2.2rem;
    line-height: 1em;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    z-index: 6;
}

.category.is-loading::after, .category::before {
    display: block;
    z-index: 2;
    content: '';
}

.support-filter .icon {
    font-size: 2.6rem;
    vertical-align: -20%;
    margin-right: .4rem;
}

.supportframe {
    margin-top: 4rem;
}

.category.is-loading::after {
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    width: 30px;
    height: 30px;
    position: fixed;
    border-radius: 100px;
    border: 4px solid;
    border-color: #1BACE1 transparent transparent;
    animation: spinloading 1s infinite;
}

.category::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100%;
    background: #F5F5F5;
    opacity: 0;
    transition: opacity .3s,bottom 0s 0s;
}

.category.is-loading::before {
    opacity: 1;
    bottom: 0;
}

.content-heading.is-contributor {
    padding-right: 180px;
    min-height: 6rem;
}

@media only screen and (min-width:1510px) {
    .support-sidebarspacer {
        margin: 0;
    }
}

@media only screen and (max-width:940px) {
    .support-copy {
        padding-bottom: 0;
    }
}

@media only screen and (max-width:750px) {
    .questions {
        font-size: 1.5rem;
    }

    .imagelink-container {
        display: none !important;
    }

    .tenquestions-container {
        min-width: 100%;
    }

    .content--support {
        font-size: 1.6rem;
    }

    .content-heading.is-contributor {
        padding-right: 155px;
    }
}

@media only screen and (min-width:601px) and (max-width:940px) {
    .supportblock {
        padding-bottom: 3.6rem;
    }

    .supportblock-heading > .icon {
        display: none;
    }
}

@media only screen and (max-width:600px) {
    .support-title {
        font-size: 2.5rem;
        margin-bottom: .5rem;
    }

    .supportgrid-copy {
        margin-top: .8rem;
    }

    .supportgrid .title {
        margin-bottom: .5em;
    }

    .supportgrid-title {
        font-size: 2.4rem;
    }

    .support-sidebarspacer {
        padding-left: 5px;
        padding-right: 5px;
    }

    .support-filter {
        z-index: 12;
    }

    .pagenav {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width:400px) {
    .support-title {
        font-size: 2rem;
        margin-bottom: .5rem;
    }

    .supportgrid-title {
        font-size: 2rem;
        line-height: 1;
    }
}

.supportwizzard-header {
    margin-top: 3.2rem;
    margin-bottom: 1rem;
}

.supportwizzard-description {
    font-size: 1.8rem;
    margin: 1rem 0 0;
    max-width: 870px;
}

.supportwizzard-selector {
    text-align: center;
    position: relative;
}

    .supportwizzard-selector.is-open::after {
        content: '';
        display: block;
        border: 15px solid transparent;
        border-color: transparent transparent #fff;
        width: 0;
        height: 0;
        bottom: -35px;
        left: 50%;
        position: absolute;
        margin-left: -15px;
    }

.supportwizzard-selectorimage {
    height: 170px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: .3s transform;
    transform: scale(1) translateZ(0);
}

.supportwizzard-selector:hover .supportwizzard-selectorimage {
    transform: scale(1.025) translateZ(0);
}

.supportwizzard-selectortitle {
    color: #000;
    font-size: 2rem;
    font-weight: inherit;
}

.supportwizzard-selector:hover .supportwizzard-selectortitle {
    color: #fb203a;
}

.supportwizzard-selector.is-open .supportwizzard-selectortitle {
    font-weight: 600;
    padding-top: 1px;
}

.supportwizzard-guides {
    background: #fff;
    margin-top: 1.5rem;
    padding-bottom: 6rem;
    min-height: 31.6rem;
}

.supportwizzard-filtercontainer {
    margin: 1.5rem 0 1rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.supportwizzard-filters {
    font-size: 1.4rem;
    color: #BABABA;
    float: left;
    margin-right: 2rem;
    margin-bottom: .4em;
}

.supportwizzard-filter {
    background: #fff;
    border: 1px solid #E3E3E3;
    padding: .6rem 1.2rem;
    color: #000;
    border-radius: 2rem;
    min-width: 3.5rem;
    display: inline-block;
    text-align: center;
    margin-left: .2rem;
    transition: .5s;
}

    .supportwizzard-filter:hover {
        border-radius: 0;
    }

    .supportwizzard-filter.is-selected {
        color: #fff;
        background: #fb203a;
        border-color: #fb203a;
    }

.troubleshooting-container {
    position: relative;
}

    .troubleshooting-container.is-loading::after {
        content: '';
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -17px;
        margin-left: -17px;
        width: 30px;
        height: 30px;
        position: absolute;
        border-radius: 100px;
        border: 4px solid #1BACE1;
        border-color: #1BACE1 transparent transparent;
        animation: spinloading 1s infinite;
        z-index: 2;
    }

    .troubleshooting-container::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 100%;
        background: #fff;
        opacity: 0;
        transition: opacity .3s .2s,bottom 0s .5s;
        z-index: 1;
    }

    .troubleshooting-container.is-loading::before {
        opacity: 1;
        bottom: 0;
        transition: opacity .2s,bottom 0s;
    }

@media only screen and (max-width:600px) {
    .supportwizzard-guides {
        min-height: 27.4rem;
    }

    .supportwizzard-selectorimage {
        height: 140px;
    }

    .supportwizzard-filter {
        font-size: 1.4rem;
        margin-bottom: .4rem;
    }

    .supportwizzard-selector.is-open::after {
        bottom: -2.6rem;
    }

    .supportwizzard-description {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width:400px) {
    .supportwizzard-guides {
        min-height: 19.4rem;
    }

    .supportwizzard-selectorimage {
        height: 100px;
    }

    .supportwizzard-selectorcopy {
        font-size: 1.4rem;
    }

    .supportwizzard-selector.is-open::after {
        bottom: -3rem;
    }
}

@media only screen and (max-width:325px) {
    .supportwizzard-guides {
        min-height: 14.4rem;
    }
}

.supportpopup {
    text-align: left;
    float: left;
}

    .supportpopup .tile.cover-image {
        margin: 2rem 0;
    }

        .supportpopup .tile.cover-image .media:before {
            content: '';
            display: block;
            padding-top: 24.39%;
        }

        .supportpopup .tile.cover-image .description {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 3rem;
        }

            .supportpopup .tile.cover-image .description .heading-sub {
                margin-bottom: .2rem;
            }

    .supportpopup .forever-close {
        position: absolute;
        top: 4rem;
        bottom: auto;
        left: auto;
        right: 3rem;
        color: #fb203a;
    }

@media (max-width:767px) {
    .supportpopup .forever-close {
        position: static;
        display: block;
        margin-top: -.5rem;
        margin-bottom: 1rem;
    }
}

.supportpopup-bg, .supportpopup-questions {
    position: relative;
}

.supportpopup .heading-sub {
    padding-bottom: .5rem;
}

.supportpopup .copy {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding-bottom: 1rem;
}

.supportpopup .contact {
    margin-top: 1rem;
    float: right;
}

@media (max-width:1024px) {
    .supportpopup .contact {
        float: none;
    }
}

.supportpopup .tile {
    margin-bottom: 2rem;
}

.supportpopup .solutions .col:nth-child(3) {
    vertical-align: bottom;
}

.supportpopup-bg {
    padding: 3rem;
    background: #000;
    display: block;
    overflow: hidden;
}

    .supportpopup-bg .calloutsection-background {
        transition: .2s;
        transform: translate3d(0,0,0);
    }

    .supportpopup-bg:hover .calloutsection-background {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

.supportpopup-block {
    display: block;
    background: #f5f5f5;
    color: #000;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 700;
    height: 10.8rem;
    margin-bottom: 1.5rem;
}

    .supportpopup-block .heading {
        font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 88.88889%;
    }

    .supportpopup-block > span {
        display: inline-block;
        vertical-align: middle;
    }

    .supportpopup-block .icon {
        display: block;
        font-size: 2.5rem;
        margin: 0 auto;
        height: 3rem;
        width: 2.6rem;
    }

.popupwindow .supportpopup-heading {
    text-transform: uppercase;
    font-weight: 300;
    color: #000;
    margin: 0;
}

.popupwindow .supportpopup-heading--l {
    font-size: 2.4rem;
    color: #fff;
    position: relative;
}

.supportpopup-heading--xl {
    font-size: 2.6rem;
}

.popupwindow .supportpopup-heading--xxl {
    font-size: 3rem;
    line-height: 1.5rem;
}

.supportpopup-question {
    display: block;
    padding: .5rem 0;
    font-weight: 400;
}

.supportpopup-questionnumber {
    display: inline;
    color: #000;
    width: 1.8rem;
    font-weight: 600;
}

.supportpopup-questiontext {
    transition: .2s;
    display: inline;
    transform: translate3d(0,0,0);
}

.supportpopup-question:hover .supportpopup-questiontext {
    color: #000;
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

.supportpopup-button {
    position: absolute;
    bottom: 2rem;
    right: 10px;
}

@media (max-width:750px) {
    .supportbutton {
        display: none;
    }
}

.producthero + .herosupplement {
    margin-top: -17.82rem;
    padding: 10rem 0 2rem;
}

.producthero--backpack + .herosupplement {
    margin-top: 0;
    padding: 4rem 0 2rem;
}

.herosupplement {
    padding: 6rem 0 2rem;
    position: relative;
}

.producthero + .herosupplement::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-image: radial-gradient(100% 100% at 100% 0,#ececec 0,rgba(236,236,236,0) 100%);
}

.producthero--backpack + .herosupplement::before {
    background-image: none;
}

.herosupplement-copy {
    position: relative;
    font-size: 1.7rem;
    line-height: 1.5;
    margin-top: 3rem;
    max-width: 450px;
}

.herosupplement--software .herosupplement-copy {
    max-width: 580px;
}

.herosupplement-copy ul {
    padding: 0 0 0 2rem;
}

.herosupplement-copy li {
    margin-bottom: 1rem;
}

.herosupplement-video {
    position: relative;
    margin-bottom: 4rem;
}

    .herosupplement-video img {
        max-width: 100%;
    }

.herosupplement-title {
    z-index: 1;
}

.video-image {
    display: block;
    position: relative;
    max-height: 330px;
}

    .video-image::before {
        content: '';
        display: block;
        width: 66px;
        height: 46px;
        background: url(/img/black-playbutton.svg) no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -33px;
        margin-top: -23px;
        z-index: 2;
    }

    .video-image img {
        width: 100%;
    }

.video-title {
    margin: 2rem 0 0;
    font-size: 1.6rem;
    display: block;
    color: rgba(0,0,0,.4);
}

@media (max-width:1055px) {
    .producthero + .herosupplement {
        margin-top: -15rem;
        padding-top: 7rem;
    }

    .producthero--backpack + .herosupplement {
        margin-top: 0;
        padding-top: 2rem;
    }

    .producthero--materials + .herosupplement {
        margin-top: -10rem;
        padding-top: 5rem;
    }

    .producthero--materials .producthero-backgroundimage--image {
        max-height: 450px;
        margin-top: 20px;
    }

    .heroinfozone {
        max-width: 580px;
        height: 480px;
    }
}

@media (max-width:940px) {
    .calloutsection--showcase {
        padding-left: 0;
        padding-right: 0;
    }

    .producthero--materials .producthero-copy {
        max-width: none;
    }

    .producthero--materials + .herosupplement {
        margin-top: 0;
        padding-top: 1rem;
    }

        .producthero--materials + .herosupplement::before {
            content: none;
        }

    .producthero--materials::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 295px;
        background: linear-gradient(0deg,rgba(236,236,236,0),#ececec);
        z-index: -1;
    }

    .heroinfozone {
        width: 430px;
        height: 360px;
    }
}

@media (max-width:800px) {
    .herosupplement::before, .producthero + .herosupplement::before {
        content: none;
    }

    .herosupplement {
        margin-top: 0;
        padding-top: 2rem;
    }

    .herosupplement--software {
        padding-top: 0;
    }

    .producthero + .herosupplement {
        margin-top: 0;
        padding-top: 1rem;
    }

    .herosupplement-video {
        padding: 0 15px;
    }

    .heroinfozone {
        height: 350px;
    }
}

.filtersentence-filter::before, .puzzle-cell--thin:before, .puzzle-cell:before, .puzzle-info:before, .timeline-item::before, .timeline-slide::after, .timeline-slide::before, .timeline.about .tile:before {
    content: '';
}

@media (max-width:600px) {
    .herosupplement-title {
        text-align: center;
    }

    .herosupplement-video {
        padding: 0;
    }

    .slider-caption {
        bottom: auto;
        top: 10px;
        left: 10px;
    }

    .slider-author {
        top: 10px;
        right: 10px;
    }

    .producthero--materials::before {
        top: 210px;
    }

    .heroinfozone, .slider-author {
        display: none;
    }
}

.heroblock--exploreproducts .heroblock-background, .heroblock--exploreproducts .heroblock-backgroundsmall {
    background-size: contain;
    height: 430px;
    width: 600px;
    left: 45%;
}

.heroblock--exploreproducts {
    margin-top: -2rem;
}

@media (max-width:1175px) {
    .heroblock--exploreproducts .heroblock-background, .heroblock--exploreproducts .heroblock-backgroundsmall {
        left: 40%;
    }
}

@media (max-width:960px) {
    .heroblock--exploreproducts .heroblock-background, .heroblock--exploreproducts .heroblock-backgroundsmall {
        left: 0;
        width: auto;
    }
}

@media (max-width:600px) {
    .heroblock--exploreproducts {
        margin-top: -3rem;
    }
}

.filtersentence {
    font-size: 2.8rem;
    font-weight: 100;
    user-select: none;
    margin-bottom: 3rem;
    padding: 0 4rem;
    line-height: 2;
}

.filtersentence-section {
    margin: 0;
    display: inline-block;
    white-space: nowrap;
    position: relative;
}

    .filtersentence-section.is-selected {
        z-index: 3;
    }

.filtersentence-filter {
    position: relative;
    font-weight: 500;
    color: #fb203a;
    display: inline-block;
    z-index: 2;
    perspective: 600px;
    cursor: pointer;
    text-align-last: auto;
}

    .filtersentence-filter::before {
        display: block;
        position: absolute;
        bottom: .4rem;
        left: .1rem;
        right: .1rem;
        border-bottom: 2px solid;
        z-index: -1;
    }

    .filtersentence-filter select {
        display: none;
    }

.filtersentence-filtericon {
    font-size: .8rem;
    vertical-align: middle;
}

.dropdown, .jobcontent .content {
    font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.dropdown {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 28px rgba(0,0,0,.1);
    font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-align: left;
    cursor: pointer;
    opacity: 0;
    transform: rotateX(-20deg) translateZ(-40px);
    transition: .2s;
    visibility: hidden;
    padding: 7.6rem 0 1.6rem;
    min-width: calc(100% + 4rem);
    -ms-transform-origin: 2rem 50%;
    transform-origin: 2rem 50%;
}

    .dropdown.is-selected {
        opacity: 1;
        transform: rotateX(0) translateZ(0);
        visibility: visible;
    }

.dropdown-option {
    cursor: pointer;
    padding: 0 2rem;
    display: block;
    white-space: nowrap;
    transition: .15s;
    margin-bottom: .5rem;
}

    .dropdown-option:hover {
        -ms-transform: translateX(.6rem);
        transform: translateX(.6rem);
    }

    .dropdown-option.is-selected {
        color: #000;
    }

.filtersentence-filterdropdown {
    position: absolute;
    z-index: -1;
    top: -1.4rem;
    left: -2rem;
}

@media (max-width:1450px) {
    .filtersentence-filterdropdown {
        right: -1.5rem;
        left: auto;
        text-align: right;
    }
}

@media (max-width:650px) {
    .filtersentence {
        font-size: 2rem;
        margin-bottom: .5em;
        margin-top: -.8em;
    }

    .dropdown {
        padding-top: 3.5em;
        font-size: 1.6rem;
        line-height: 2;
    }
}

.contenthero--company {
    padding: 7rem 0 4rem;
}

.companytitle {
    font-size: 5rem;
}

@media (max-width:940px) {
    .companytitle {
        font-size: 3rem;
        line-height: 1.2;
    }
}

@media (max-width:750px) {
    .contenthero--company {
        font-size: 1.6rem;
        height: 300px;
    }

        .contenthero--company .minihero-description {
            max-width: 70rem;
        }

        .contenthero--company .minihero-content {
            padding-top: 4rem;
        }
}

@media (max-width:600px) {
    .contenthero--company {
        padding-top: 2rem;
        height: 200px;
    }

        .contenthero--company .minihero-content {
            padding-top: 0;
        }
}

.puzzle {
    margin-left: -1px;
    margin-right: -1px;
}

.view-about .puzzle {
    margin-bottom: 3rem;
}

.puzzle-cell {
    position: relative;
}

.puzzle-content, .puzzle-info, .puzzle-info:before {
    position: absolute;
    bottom: 0;
}

.puzzle-cell:before {
    display: block;
    padding-top: 100%;
}

.puzzle-cell--thin:before {
    display: block;
    padding-top: 50%;
}

@media (max-width:479px) {
    .puzzle-cell--thin:before {
        content: '';
        display: block;
        padding-top: 100%;
    }
}

.puzzle-content {
    top: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
    margin: 1px;
}

.puzzle-info {
    color: #fff;
    padding: 3rem;
}

    .puzzle-info:before {
        left: 0;
        right: 0;
        top: -5rem;
        background: linear-gradient(to bottom,transparent 0,#000 100%);
    }

    .puzzle-info .content {
        max-width: 75%;
        position: relative;
    }

    .puzzle-info .title {
        font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
        margin-bottom: 2rem;
    }

@media (max-width:1280px) {
    .puzzle-info .title {
        margin-bottom: 1rem;
    }
}

.puzzle-title {
    line-height: 1.25;
}

@media (min-width:1400px) {
    .puzzle, .puzzle .puzzle-cell--large {
        height: 70rem;
    }

    .puzzle--small, .puzzle-cell {
        height: 35rem;
    }

        .puzzle-cell::before {
            padding-top: 0;
        }
}

@media (max-width:960px) {
    .puzzle-info {
        font-size: 1.4rem;
    }
}

@media (max-width:600px) {
    .puzzle-info {
        padding: 2rem;
    }
}

.timeline {
    background: #000;
    position: relative;
    overflow: hidden;
}

    .timeline .tile .media img {
        height: auto;
        width: 101%;
    }

.timeline-copy {
    position: relative;
    color: #fff;
    margin-top: 5rem;
    margin-bottom: -7rem;
}

.timeline-zoomtoggle {
    position: absolute;
    padding: 2rem;
    right: 0;
    font-weight: 600;
    z-index: 2;
}

[data-zoom-in] {
    display: none;
}

.is-zoomed [data-zoom-in], [data-zoom-out] {
    display: block;
}

.is-zoomed [data-zoom-out] {
    display: none;
}

.timeline-slider {
    height: 50rem;
    width: 90%;
    max-width: 39.3rem;
    position: static;
    margin-left: -1rem;
}

.timeline-slidermachine {
    position: relative;
    height: 100%;
    transition: 1s;
}

.is-zoomed .timeline-slidermachine {
    -ms-transform: scale(.5) translateX(250%);
    transform: scale(.5) translateX(250%);
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.timeline-slide {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible;
}

    .timeline-slide::after, .timeline-slide::before {
        display: block;
        z-index: 2;
    }

    .timeline-slide::before {
        position: absolute;
        bottom: 4rem;
        border-bottom: 2px dashed #fff;
        left: -3px;
        right: -3px;
    }

.timeline-slide--year::before {
    left: 5.5rem;
}

.timeline-slide::after {
    width: 1.2rem;
    height: 1.2rem;
    bottom: 3.1rem;
    margin-left: -1rem;
    background: #000;
    border-radius: 100%;
    border: .4rem solid #fff;
    left: 50%;
    position: absolute;
}

.timeline-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    transition: .45s;
}

.timeline-item::before, .timeline-nav {
    display: block;
    top: 50%;
    position: absolute;
}

.is-zoomed .timeline-background {
    -ms-transform: scaleX(1.45);
    transform: scaleX(1.45);
    transition: .55s;
}

.timeline-background--main {
    opacity: .3;
    transition: 1s;
}

.is-zoomed .timeline-background--main {
    -ms-transform: scale(1.45);
    transform: scale(1.45);
}

.timeline-nav {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    z-index: 1;
    height: 8rem;
    width: 4.5rem;
}

.timeline-nav--prev {
    left: 0;
}

.timeline-nav--next {
    right: 0;
}

.timeline-navbutton {
    background: 0 0;
    border: none;
}

.timeline-navbutton--next {
    text-indent: .05rem;
}

.timeline-navbutton--prev {
    text-indent: -.05rem;
}

.timeline-item {
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: .5s opacity;
    margin: 0;
}

.is-zoomed .timeline-item {
    opacity: 1;
}

.timeline-item::before {
    left: 50%;
    bottom: 4rem;
    border-left: 1px solid #fff;
}

.is-zoomed .timeline-item::before {
    border-left: 2px solid #fff;
}

.timeline-itemselect {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 3rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(12,169,227,.75);
}

.timeline-caption, .timeline.about .timeline-slide.is-active .tile, .timeline.about .timeline-slide.is-active + .timeline-slide .tile, .timeline.about .timeline-slide.is-active + .timeline-slide + .timeline-slide .tile, .timeline.is-zoomed .tile {
    opacity: 1;
}

.android .timeline-itemselect, .iOS .timeline-itemselect {
    display: none;
}

.is-zoomed .timeline-item:hover .timeline-itemselect {
    visibility: visible;
    opacity: 1;
}

.timeline-year {
    position: absolute;
    color: #fff;
    display: block;
    bottom: 2.9rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    left: 10px;
    transition: .2s;
}

.is-zoomed .timeline-year {
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

.timeline.about .tile:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: -5rem;
    border-left: 1px solid #fff;
}

@media (max-width:479px) {
    .timeline.about .tile:before {
        bottom: -6rem;
    }
}

.timeline.about .tile .description {
    z-index: 1;
}

    .timeline.about .tile .description .inner {
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: calc(100% - 3.2rem);
    }

.timeline-caption, .timeline-image {
    position: relative;
    overflow: hidden;
}

.timeline.about .tile .description p {
    text-align: center;
    font-size: 125%;
    line-height: 136.84211%;
    color: #000;
    white-space: normal;
}

.timeline-zoomtoggle a {
    font-size: 90%;
    line-height: 125.92593%;
}

.timeline-image {
    height: 19rem;
    background: #f3f3f3;
    transition: .55s;
}

.is-zoomed .timeline-image {
    -ms-transform: scaleY(1.45) translateY(17%);
    transform: scaleY(1.45) translateY(17%);
    transition: .45s;
}

.timeline-caption {
    box-sizing: border-box;
    height: 9rem;
    background: #fff;
    transition: .5s transform,.2s .3s color,.2s opacity;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    color: #18294d;
}

.is-zoomed .timeline-caption {
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    color: rgba(24,41,77,0);
    transition: .5s transform,.2s color,.2s .25s opacity;
    opacity: 0;
}

@media (max-width:800px) {
    .timeline-copy {
        margin-top: 3rem;
        margin-bottom: -8rem;
        padding-right: 8rem;
        padding-left: 1rem;
    }

    .timeline-zoomtoggle {
        top: -1rem;
    }

    .jobnavigation .icon-arrowleft, .jobnavigation .icon-arrowright {
        display: none;
    }
}

@media (max-width:600px) {
    .timeline-slider {
        margin: 0 auto;
    }

    .is-zoomed .timeline-slidermachine {
        -ms-transform: scale(.3) translateX(250%);
        transform: scale(.3) translateX(250%);
    }
}

.jobnavigation {
    position: fixed;
    width: 100%;
    top: 50vh;
    margin-top: 3rem;
}

@media (max-width:1400px) {
    .jobnavigation, .timeline-nav {
        display: none;
    }
}

.jobnavigation .icon-arrowleft, .jobnavigation .icon-arrowright {
    position: absolute;
    background-color: rgba(0,0,0,.75);
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    height: 8rem;
    width: 4.5rem;
    z-index: 5;
}

    .jobnavigation .icon-arrowleft:before, .jobnavigation .icon-arrowright:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

.jobnavigation .icon-arrowright {
    right: 0;
}

.jobnavigation .description, .jobnavigation .title {
    width: 10rem;
    padding: 0 5.5rem 0 0;
    display: block;
    direction: ltr;
}

.jobnavigation .title {
    font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 116.66667%;
}

.jobnavigation .next, .jobnavigation .prev {
    position: absolute;
    color: inherit;
    display: block;
    padding: 0;
    font-size: 75%;
    width: 10rem;
    text-align: left;
    line-height: 1.35;
}

.jobnavigation .prev {
    left: 0;
}

    .jobnavigation .prev .description, .jobnavigation .prev .title {
        padding: 0 0 0 5.5rem;
    }

.jobnavigation .next {
    right: 0;
    text-align: right;
    direction: rtl;
}

.jobcontent {
    margin: 4rem 0 0;
    padding-bottom: 60px;
}

    .jobcontent .content {
        font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
        max-width: 68rem;
        margin: 1rem auto 0;
    }

        .jobcontent .content .copy-article {
            font: normal normal 300 16px 300 16px/22px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            font: normal normal 300 1.6rem/2.2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
            margin-bottom: 2rem;
        }

@media (max-width:479px) {
    .jobcontent .content {
        padding: 3rem 2rem;
    }
}

.jobcontent .content strong {
    font-weight: 400;
}

.jobcontent .content em {
    font-weight: inherit;
    font-style: italic;
}

.jobcontent .content .decoda-quote, .jobcontent .content h1, .jobcontent .content h2, .jobcontent .content h3, .jobcontent .content h5, .jobcontent .content p {
    margin: 0 auto 2rem;
}

.jobcontent .content p {
    margin: 0 0 4rem;
}

    .jobcontent .content p + p {
        margin-top: -2rem;
    }

.jobcontent .content figcaption {
    font: normal normal 300 14px 300 14px/20px 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 300 1.4rem/2rem 'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-align: center;
    padding-top: 1rem;
}

.jobcontent .content .columns, .jobcontent .content .content-img, .jobcontent .content .content-video, .jobcontent .content > .content-img {
    margin: 0 0 4rem;
}

.jobcontent .content .decoda-quote {
    font-size: 166.66667%;
    line-height: 113.33333%;
    color: inherit;
    padding: 2rem 0;
    height: auto;
    width: 100%;
}

    .jobcontent .content .decoda-quote .decoda-quote-body {
        position: relative;
    }

        .jobcontent .content .decoda-quote .decoda-quote-body:after, .jobcontent .content .decoda-quote .decoda-quote-body:before {
            display: inline;
        }

        .jobcontent .content .decoda-quote .decoda-quote-body:before {
            content: '\201C';
            position: absolute;
            top: 0;
            right: 100%;
            padding-right: .25rem;
        }

.avatar, .jobcontent-container {
    position: relative;
}

.jobcontent .content .decoda-quote .decoda-quote-body:after {
    content: '\201D';
}

.jobcontent-content {
    background: #fff;
    padding: 5rem;
}

.jobcontent-sidebar {
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    padding: 1rem 2rem;
    margin-top: 1rem;
}

.jobcontent-shares {
    padding: 1rem 0;
}

.jobcontent-share {
    width: 25%;
    padding: 1rem;
    box-sizing: border-box;
    font-size: 1.2rem;
    color: inherit;
    display: block;
    float: left;
    text-align: center;
    margin-bottom: 1rem;
}

    .jobcontent-share [class*=" icon-"], .jobcontent-share [class^=icon-] {
        font-size: 166.66667%;
        height: 3.5rem;
        display: block;
    }

.jobcontent-icon {
    height: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4rem;
    color: inherit;
    transition: .2s;
}

.jobcontent-share:hover .jobcontent-icon {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.jobcontent-photos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1rem;
}

.jobcontent-photo {
    padding: .5rem;
    width: 50%;
    box-sizing: border-box;
}

    .jobcontent-photo img {
        width: 100%;
    }

.jobcontent-apply {
    padding: 0 0 2rem;
}

.jobcontent-button {
    display: inline-block;
    margin-bottom: 1.2rem;
}

.jobcontent-link .icon {
    top: .6rem;
}

.jobcontent-author {
    margin-top: 5rem;
}

.jobcontent-avatar {
    float: left;
    margin-right: 1.5rem;
}

    .jobcontent-avatar .avatar-picture {
        background-color: #d9d9d9;
    }

.avatar {
    height: 6rem;
    width: 6rem;
    color: #fff;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
}

    .avatar .letter {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 206.25%;
        line-height: 6.6rem;
        text-align: center;
        overflow: hidden;
        background-color: #fb203a;
    }

    .avatar .picture {
        height: 100%;
        width: 100%;
        display: block;
        border-radius: 100%;
        background-size: cover;
        background-position: center center;
        transition: .3s opacity;
    }

    .avatar img {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover";
    }

.jobcontent-details {
    font-size: 1.7rem;
    display: inline-block;
}

.jobcontent-name {
    font-weight: 600;
    font-size: 1.6rem;
}

.jobcontent-email, .jobcontent-name, .jobcontent-phone {
    display: block;
}

@media (max-width:1200px) {
    .jobcontent {
        margin: 0;
    }
}

@media (max-width:960px) {
    .jobcontent-icon, .jobcontent-share {
        font-size: 1.1rem;
    }

    .jobcontent-content {
        margin-right: 270px;
    }

    .jobcontent-sidebar {
        -ms-transform: none !important;
        transform: none !important;
        padding: 1rem;
        height: auto;
        width: 100%;
        margin: 1rem 0;
    }

    .jobcontent-apply {
        padding: 0;
    }

    .jobcontent-icon {
        height: 3.4rem;
    }

    .jobcontent-button {
        font-size: 1.2rem;
    }

    .jobcontent-link {
        font-size: 1.4rem;
    }

        .jobcontent-link .icon {
            top: .4rem;
        }
}

@media (max-width:750px) {
    .jobcontent-content {
        margin-right: 0;
    }

    .jobcontent-sidebar {
        position: static;
        width: auto;
        -ms-transform: none !important;
        transform: none !important;
        margin-top: 1rem;
    }

    .jobcontent-photo {
        width: 25%;
    }

    .jobcontent-link {
        margin: 0 1rem;
    }

    .jobcontent-shares {
        padding: 0 1rem;
    }
}

.departmentshort-box .grid, .departmentshort-image {
    width: 100%;
    height: 100%;
}

.departmentshort-box {
    background: #000;
    color: #fff;
    overflow: hidden;
    height: 320px;
}

    .departmentshort-box .grid > .col {
        height: 100%;
    }

    .departmentshort-box .heading-title {
        margin-bottom: 1.5rem;
    }

.departmentshort-background {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.departmentshort-copy {
    padding: 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
    width: 50%;
}

    .departmentshort-copy p {
        margin-bottom: 0;
    }

@media (max-width:850px) {
    .departmentshort-copy {
        padding: 2rem;
        font-size: 1.4rem;
    }
}

@media (max-width:560px) {
    .departmentshort-box {
        height: auto;
    }

    .departmentshort-image {
        width: 100%;
        height: 200px;
    }

    .departmentshort-copy {
        width: 100%;
    }
}

.joblisting {
    text-align: center;
    perspective: 600px;
}

.joblisting-header {
    text-align: left;
    margin: 4rem 0 3rem;
}

.joblistingcontainer-more {
    height: 0;
    overflow: hidden;
    transform: scale(1) rotateX(-5deg);
    opacity: 0;
    transition: .4s;
    -ms-transform-origin: top center;
    transform-origin: top center;
}

    .joblistingcontainer-more.is-expanded {
        height: auto;
        transform: scale(1) rotateX(0);
        opacity: 1;
    }

.joblisting-button {
    margin-top: 2rem;
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 600;
    perspective: 600px;
}

.joblisting-downicon {
    height: 1.1rem;
    width: 1.1rem;
    font-size: 2.2rem;
    border-radius: 100%;
    border: 2px solid;
    line-height: 3em;
    vertical-align: 5%;
    margin-right: 1rem;
}

.contentpanel {
    background: #fff;
    padding: 7rem 9.7%;
    line-height: 1.8;
    color: #000;
    text-align: left;
    margin-top: -100px;
    position: relative;
    z-index: 2;
    transition: opacity 1s 1s,transform 1s 1s;
    opacity: 1;
    text-justify: inter-word;
}

    .contentpanel:last-child {
        margin-bottom: 4rem;
    }

.contentpanel--register-cta {
    max-width: 780px;
    margin: 30px auto 0;
}

    .contentpanel--register-cta .register-form, .contentpanel--register-cta .register-form .button {
        margin: 0 auto;
        float: none;
        text-align: center;
    }

.contentpanel--nodip {
    margin-top: 0;
}

.contentpanel--app {
    padding: 5rem;
    margin-bottom: 22rem;
}

.contentpanel.bottomgradient::after {
    height: 80rem;
    z-index: -1;
    background-image: linear-gradient(rgba(245,245,245,0),#f5f5f5,#f5f5f5);
}

.contentpanel--app .content {
    padding-right: 10rem;
}

.contentpanel--app .community-headertitle {
    text-transform: none;
    text-align: left;
}

.contentpanel-footer {
    text-align: center;
}

.content-appimage {
    position: absolute;
    width: 49%;
    right: 2%;
}

.popup-pressnews .contentpanel-authorcopy {
    margin-left: 2.4rem;
}

.popup-pressnews .avatar {
    vertical-align: middle;
}

.content.story a, .sceditor-header-picker.story a {
    color: #fb203a;
}

    .content.story a.btn, .sceditor-header-picker.story a.btn {
        color: #fff;
    }

        .content.story a.btn.plain, .sceditor-header-picker.story a.btn.plain {
            color: #000;
        }

.content.content--topic h1, .content.content--topic h2, .content.content--topic h3, .content.content--topic h4, .content.content--topic h5, .content.topic h1, .content.topic h2, .content.topic h3, .content.topic h4, .content.topic h5, .sceditor-header-picker.content--topic h1, .sceditor-header-picker.content--topic h2, .sceditor-header-picker.content--topic h3, .sceditor-header-picker.content--topic h4, .sceditor-header-picker.content--topic h5, .sceditor-header-picker.topic h1, .sceditor-header-picker.topic h2, .sceditor-header-picker.topic h3, .sceditor-header-picker.topic h4, .sceditor-header-picker.topic h5 {
    text-align: left;
    margin-bottom: 1rem;
    line-height: 1.5em;
}

.content.content--topic h1, .content.topic h1, .sceditor-header-picker.content--topic h1, .sceditor-header-picker.topic h1 {
    margin-bottom: .6rem;
    text-transform: none;
    margin-top: -.2rem;
    box-sizing: border-box;
    font: normal normal 400 60px 400 60px/60px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 6rem/6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.content.content--topic h2, .content.topic h2, .sceditor-header-picker.content--topic h2, .sceditor-header-picker.topic h2 {
    font: normal normal 400 30px 400 30px/36px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 3rem/3.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin-top: 3rem;
}

.content.content--topic h3, .content.topic h3, .sceditor-header-picker.content--topic h3, .sceditor-header-picker.topic h3 {
    font: normal normal 400 20px 400 20px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin-top: 3rem;
}

.content.content--topic h4, .content.topic h4, .sceditor-header-picker.content--topic h4, .sceditor-header-picker.topic h4 {
    font: normal normal 400 18px 400 18px/26px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.8rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.content.content--topic h5, .content.topic h5, .sceditor-header-picker.content--topic h5, .sceditor-header-picker.topic h5 {
    font: normal normal 400 16px 400 16px/22px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.6rem/2.2rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.content.content--topic h6, .content.topic h6, .sceditor-header-picker.content--topic h6, .sceditor-header-picker.topic h6 {
    font: normal normal 400 14px 400 14px/24px fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font: normal normal 400 1.4rem/2.4rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.content.content--topic p, .content.topic p, .sceditor-header-picker.content--topic p, .sceditor-header-picker.topic p {
    clear: left;
    margin-bottom: 1.6rem;
}

.content.content--topic a, .content.topic a, .sceditor-header-picker.content--topic a, .sceditor-header-picker.topic a {
    color: #fb203a;
}

    .content.content--topic a.btn, .content.topic a.btn, .sceditor-header-picker.content--topic a.btn, .sceditor-header-picker.topic a.btn {
        color: #fff;
    }

        .content.content--topic a.btn.plain, .content.topic a.btn.plain, .sceditor-header-picker.content--topic a.btn.plain, .sceditor-header-picker.topic a.btn.plain {
            color: #000;
        }

.content.content--topic img:not(.emoticon), .content.topic img:not(.emoticon), .sceditor-header-picker.content--topic img:not(.emoticon), .sceditor-header-picker.topic img:not(.emoticon) {
    margin: 0 auto;
    height: auto;
    max-width: 100%;
}

.content.content--topic figure img, .content.topic figure img, .sceditor-header-picker.content--topic figure img, .sceditor-header-picker.topic figure img {
    width: auto;
}

.content.content--topic blockquote, .content.topic blockquote, .sceditor-header-picker.content--topic blockquote, .sceditor-header-picker.topic blockquote {
    color: inherit;
    font-weight: inherit;
    padding: 0 0 0 1.6rem;
    margin: .6rem 0 2rem;
    width: auto;
    border-left: 3px solid #000;
    opacity: .8;
}

    .content.content--topic blockquote:before, .content.topic blockquote:before, .sceditor-header-picker.content--topic blockquote:before, .sceditor-header-picker.topic blockquote:before {
        content: none;
    }

    .content.content--topic blockquote p, .content.topic blockquote p, .sceditor-header-picker.content--topic blockquote p, .sceditor-header-picker.topic blockquote p {
        margin-top: 0;
    }

.content.content--support a, .content.support a, .sceditor-header-picker.content--support a, .sceditor-header-picker.support a {
    color: #fb203a;
}

    .content.content--support a.btn, .content.support a.btn, .sceditor-header-picker.content--support a.btn, .sceditor-header-picker.support a.btn {
        color: #fff;
    }

        .content.content--support a.btn.plain, .content.support a.btn.plain, .sceditor-header-picker.content--support a.btn.plain, .sceditor-header-picker.support a.btn.plain {
            color: #000;
        }

.content.content--support h1, .content.content--support h2, .content.content--support h3, .content.content--support h4, .content.content--support h5, .content.support h1, .content.support h2, .content.support h3, .content.support h4, .content.support h5, .sceditor-header-picker.content--support h1, .sceditor-header-picker.content--support h2, .sceditor-header-picker.content--support h3, .sceditor-header-picker.content--support h4, .sceditor-header-picker.content--support h5, .sceditor-header-picker.support h1, .sceditor-header-picker.support h2, .sceditor-header-picker.support h3, .sceditor-header-picker.support h4, .sceditor-header-picker.support h5 {
    text-align: left;
    margin-bottom: 1rem;
    text-transform: none;
}

.content.content--support h1, .content.support h1, .sceditor-header-picker.content--support h1, .sceditor-header-picker.support h1 {
    font-size: 3.1rem;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 2rem;
    text-transform: none;
    margin-top: -.2rem;
    box-sizing: border-box;
}

.content.content--support h2, .content.support h2, .sceditor-header-picker.content--support h2, .sceditor-header-picker.support h2 {
    font-size: 2rem;
    margin-top: 2.7rem;
}

.content.content--support h3, .content.support h3, .sceditor-header-picker.content--support h3, .sceditor-header-picker.support h3 {
    font-size: 1.6rem;
}

.content.content--support h4, .content.support h4, .sceditor-header-picker.content--support h4, .sceditor-header-picker.support h4 {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.content.content--support h5, .content.support h5, .sceditor-header-picker.content--support h5, .sceditor-header-picker.support h5 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.content.content--support video, .content.support video, .sceditor-header-picker.content--support video, .sceditor-header-picker.support video {
    margin: 4rem 0;
}

.content.content--support .video, .content.support .video, .sceditor-header-picker.content--support .video, .sceditor-header-picker.support .video {
    text-align: left;
}

.content.content--support .content-img--full, .content.content--support .content-img--spill, .content.support .content-img--full, .content.support .content-img--spill, .sceditor-header-picker.content--support .content-img--full, .sceditor-header-picker.content--support .content-img--spill, .sceditor-header-picker.support .content-img--full, .sceditor-header-picker.support .content-img--spill {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

    .content.content--support .content-img--full figcaption, .content.content--support .content-img--spill figcaption, .content.support .content-img--full figcaption, .content.support .content-img--spill figcaption, .sceditor-header-picker.content--support .content-img--full figcaption, .sceditor-header-picker.content--support .content-img--spill figcaption, .sceditor-header-picker.support .content-img--full figcaption, .sceditor-header-picker.support .content-img--spill figcaption {
        padding-right: 0;
    }

.content.content--support .content-anchor, .content.content--support .content-button, .content.support .content-anchor, .content.support .content-button, .sceditor-header-picker.content--support .content-anchor, .sceditor-header-picker.content--support .content-button, .sceditor-header-picker.support .content-anchor, .sceditor-header-picker.support .content-button {
    text-align: left;
}

.content.content--support .codeblock, .content.support .codeblock, .sceditor-header-picker.content--support .codeblock, .sceditor-header-picker.support .codeblock {
    width: 100%;
    margin-left: 0;
}

.content.content--supportintro h1, .content.content--supportintro h2, .content.supportintro h1, .content.supportintro h2, .sceditor-header-picker.content--supportintro h1, .sceditor-header-picker.content--supportintro h2, .sceditor-header-picker.supportintro h1, .sceditor-header-picker.supportintro h2 {
    text-align: left;
    text-transform: none;
    font-size: 3.2rem;
    margin-bottom: 1.9rem;
}

.content.content--supportintro a, .content.supportintro a, .sceditor-header-picker.content--supportintro a, .sceditor-header-picker.supportintro a {
    color: #fb203a;
}

    .content.content--supportintro a.btn, .content.supportintro a.btn, .sceditor-header-picker.content--supportintro a.btn, .sceditor-header-picker.supportintro a.btn {
        color: #fff;
    }

        .content.content--supportintro a.btn.plain, .content.supportintro a.btn.plain, .sceditor-header-picker.content--supportintro a.btn.plain, .sceditor-header-picker.supportintro a.btn.plain {
            color: #000;
        }

.content.content--releasenotes h2, .content.releasenotes h2, .sceditor-header-picker.content--releasenotes h2, .sceditor-header-picker.releasenotes h2 {
    font-size: 1.9rem;
    text-align: left;
    text-transform: none;
}

.content.content--releasenotes a, .content.releasenotes a, .sceditor-header-picker.content--releasenotes a, .sceditor-header-picker.releasenotes a {
    color: #fb203a;
}

    .content.content--releasenotes a.btn, .content.releasenotes a.btn, .sceditor-header-picker.content--releasenotes a.btn, .sceditor-header-picker.releasenotes a.btn {
        color: #fff;
    }

        .content.content--releasenotes a.btn.plain, .content.releasenotes a.btn.plain, .sceditor-header-picker.content--releasenotes a.btn.plain, .sceditor-header-picker.releasenotes a.btn.plain {
            color: #000;
        }

.content > :first-child, .sceditor-header-picker > :first-child {
    margin-top: 0;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .sceditor-header-picker h1, .sceditor-header-picker h2, .sceditor-header-picker h3, .sceditor-header-picker h4, .sceditor-header-picker h5 {
    font-family: "Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin: 1rem 0;
    font-weight: 400;
}

.content h2, .sceditor-header-picker h2 {
    font-size: 4rem;
}

.content h3, .sceditor-header-picker h3 {
    font-size: 2rem;
}

.content h4, .sceditor-header-picker h4 {
    font-size: 1.6rem;
}

.content h5, .sceditor-header-picker h5 {
    font-size: 1.4rem;
}

.content img, .sceditor-header-picker img {
    max-width: 100%;
}

.content figure.full, .sceditor-header-picker figure.full {
    overflow: hidden;
    width: 100%;
}

.content blockquote, .sceditor-header-picker blockquote {
    color: #fb203a;
    width: 110%;
    margin: 7rem -5% 6rem;
    font-weight: 600;
    font-size: 1.554rem;
}

    .content blockquote + br, .sceditor-header-picker blockquote + br {
        display: none;
    }

    .content blockquote + h2, .sceditor-header-picker blockquote + h2 {
        margin-top: 2.6rem;
    }

.content code, .sceditor-header-picker code {
    font-size: 1.4rem;
    line-height: 1.3;
    padding: 4rem;
    border-radius: .6rem;
}

.content .content-newspressheading, .sceditor-header-picker .content-newspressheading {
    text-align: left;
    text-transform: none;
    font-size: 2.6rem;
    line-height: 1.3;
}

.content .align-center, .content-anchor, .content-button, .sceditor-header-picker .align-center {
    text-align: center;
}

.content .video, .sceditor-header-picker .video {
    text-align: center;
    display: block;
    margin-top: 3rem;
}

.content .content-img, .sceditor-header-picker .content-img {
    position: relative;
}

.floatingimage .content .content-img, .floatingimage .sceditor-header-picker .content-img {
    margin: 0;
}

    .floatingimage .content .content-img figcaption, .floatingimage .sceditor-header-picker .content-img figcaption {
        padding: 0;
    }

.content .thumbnail, .sceditor-header-picker .thumbnail {
    float: left;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 .6rem;
    padding: 0 1.2rem .6rem 0;
}

    .content .thumbnail img, .sceditor-header-picker .thumbnail img {
        border: 1px solid rgba(0,0,0,.05);
    }

.content-storeimg {
    width: 149px;
}

.content-appstore {
    margin-right: 2rem;
}

.contentpanel-header {
    position: relative;
    margin-bottom: 5rem;
}

.decoda-quote-author {
    font-size: 1.4rem;
    color: #AEBAB6;
    margin-bottom: .7rem;
    display: inline-block;
}

.content-heading {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.content-img--full figcaption {
    padding-right: 9.5%;
}

.content-img--spill figcaption {
    padding-right: 12.5%;
    padding-left: 12.5%;
}

.content-img-full figcaption {
    padding-right: 9.7%;
}

.content-anchor {
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 4rem;
}

.content-button {
    margin: 2rem 0;
}

    .content-button .btn {
        margin: 0 auto;
    }

.codeblock {
    display: block;
    background: #000;
    color: #fff;
    padding: 5rem 12%;
    width: 124%;
    margin: 5rem 0 5rem -12%;
    box-sizing: border-box;
    line-height: 1.4rem;
    font-size: 1.1rem;
}

.contentpanel-author {
    display: block;
    position: relative;
    margin-bottom: 2rem;
}

.contentpanel-contributor, a.contentpanel-contributor {
    color: rgba(0,0,0,.4);
    position: absolute;
    right: 0;
    display: block;
    max-width: 250px;
    top: 3.6rem;
    margin-top: -3.1rem;
}

.contentpanel-authorlabel, .contentpanel-authorname {
    display: block;
}

.contentpanel-authorimg {
    display: inline-block;
    border-radius: 50%;
    margin-right: 1.2rem;
    position: relative;
    vertical-align: middle;
    width: 60px;
    height: 60px;
}

.popup-pressnews .contentpanel-authorimg {
    vertical-align: middle;
    margin-right: 0;
}

.contentpanel-contributor .contentpanel-authorimg {
    margin-left: 0;
    margin-right: 1rem;
    width: 5rem;
    height: 5rem;
    float: left;
}

.contentpanel-authorcopy {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle;
    white-space: normal;
}

.contentpanel-authorcopy--support {
    font-size: 1.3rem;
    text-align: left;
    margin-top: 1rem;
}

.contentpanel-authormeta {
    color: #a4b2ae;
    font-size: 1.1rem;
}

    .contentpanel-authormeta a {
        color: inherit;
        font-weight: 600;
    }

.socialbuttons .icon {
    font-size: 1.7rem;
}

.contentpanel-shareoverlay {
    display: block;
    z-index: 2;
    position: absolute;
    top: -40px;
    right: .8rem;
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    padding-bottom: 2rem;
}

.socialbuttons--popup .icon {
    transition: all .5s ease;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    display: inline-block;
    position: relative;
    color: #999;
}

.socialbuttons--popup .icon-twitter {
    -ms-transform: scale(0) rotate(0) translateX(0) translateY(90px);
    transform: scale(0) rotate(0) translateX(0) translateY(90px);
}

.socialbuttons--popup .icon-facebook {
    -ms-transform: scale(0) rotate(0) translateX(70px) translateY(90px);
    transform: scale(0) rotate(0) translateX(70px) translateY(90px);
}

.socialbuttons--popup .icon-gplus {
    -ms-transform: scale(0) rotate(0) translateX(-70px) translateY(90px);
    transform: scale(0) rotate(0) translateX(-70px) translateY(90px);
}

.socialbuttons--popup .icon:hover {
    color: #fb203a;
}

.contentpanel-share:hover .icon {
    transition: all .5s cubic-bezier(.175,.885,.32,1.275);
}

.contentpanel-share:hover .icon-facebook {
    -ms-transform: scale(1) rotate(-10deg) translateX(-5px) translateY(10px);
    transform: scale(1) rotate(-10deg) translateX(-5px) translateY(10px);
}

.contentpanel-share:hover .icon-twitter {
    -ms-transform: scale(1);
    transform: scale(1);
}

.contentpanel-share:hover .icon-gplus {
    -ms-transform: scale(1) rotate(10deg) translateX(5px) translateY(10px);
    transform: scale(1) rotate(10deg) translateX(5px) translateY(10px);
}

@media (max-width:600px) {
    .contentpanel-contributor, a.contentpanel-contributor {
        position: relative;
        max-width: none;
        margin-top: 0;
        top: 0;
    }
}

.margin-bottom-s {
    margin-bottom: .5rem;
}

.margin-bottom-m {
    margin-bottom: 1rem;
}

@media only screen and (max-height:930px) and (min-width:940px) {
    .contenthero-videocontainer {
        width: 87%;
        margin: 50px auto 82px;
    }
}

@media only screen and (max-height:990px) and (max-width:1300px) {
    .contenthero-videocontainer {
        margin: 110px auto 82px;
        width: 78%;
    }
}

@media only screen and (max-width:1440px) {
    .content blockquote {
        margin-left: 0;
        margin-right: 0;
        width: auto;
    }

    .title--product {
        font-size: 3.1rem;
    }
}

@media only screen and (max-width:710px) and (min-width:600px) {
    .header-metablock.account .header-metablocklabel {
        width: 71px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media only screen and (max-width:1230px) and (min-width:1025px) {
    .touchevents .header-metablock.account .header-metablocklabel {
        width: 110px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media only screen and (max-width:1200px) {
    .griditempanel-footer .btn {
        font-size: 1.3rem;
    }

    .griditempanel-footer .griditempanel-price {
        font-size: 1.5rem;
    }

    .griditempanel-footer {
        padding: 20px 30px;
        min-height: 81px;
    }

    .griditempanel-priceside {
        display: block;
        line-height: 2rem;
    }
}

@media only screen and (max-width:1200px) and (min-width:960px) {
    .heroblock {
        font-size: 1.6rem;
    }

    .heroblock-content {
        height: 350px;
    }

    .heroblock--big .heroblock-content {
        height: 550px;
    }

    .heroblock--big .heroblock-background, .heroblock--big .heroblock-backgroundsmall {
        height: 550px;
        bottom: -5%;
    }

    .heroblock .heroblock-copy {
        width: 400px;
    }

    .heroblock--um2backpack .heroblock-copy {
        width: 450px;
    }

    .heroblock--big .heroblock-copy--products p {
        max-width: 350px;
    }

    .heroblock--big .heroblock-title {
        margin-right: -100px;
    }

    .heroblock-olsson > .l-wrapper {
        max-width: 956px;
    }

    .heroblock--um2 .heroblock-olsson > .l-wrapper {
        max-width: 1090px;
    }

    .heroblock--um2 .heroblock-olsson-link {
        bottom: 6.8rem;
    }

    .heroblock--um2 .heroblock-make-link {
        bottom: 26rem;
    }

    .heroblock--um2 .heroblock-make-link--2go {
        bottom: 9.2rem;
        right: 11rem;
    }
}

@media (max-width:1100px) {
    .communitypeople-imgs a:nth-child(3) {
        display: none;
    }

    .communitypeople-imgs a {
        max-width: 50%;
        width: auto;
    }

    .community-headeroptions {
        margin: 0;
        float: none;
    }

    .communityactions .communityaction {
        margin: .5rem 1.5rem .5rem 0;
    }
}

@media only screen and (max-width:1024px) {
    .downloads-details, .downloads-title {
        display: block;
    }

    .communityblock-categorycontent {
        width: 100%;
        margin-bottom: 1rem;
    }

    .communityblock--categorycollapsed .communityblock-categorycontent {
        margin: 0;
    }

    .communityblock-categorysub {
        width: 65%;
    }

    .communityblock-categorymetas {
        width: 35%;
    }

    .communityblock-categorydatas {
        width: 100%;
        text-align: left;
        padding-right: 0;
        padding-left: 20px;
        float: none;
        box-sizing: border-box;
    }

    .communityblock--categorycollapsed .communityblock-categorydatas {
        float: right;
        width: auto;
        padding-right: 26px;
    }

    .specifications-table {
        font-size: 1.6rem;
    }

    .errorscreen-content {
        padding: 0;
    }

    .community-categoryheaderreplies, .community-categoryheadertopics {
        display: none;
    }

    .footer-logo, .footer-pressnav {
        float: left;
    }

    .footer-section {
        padding-top: 2rem;
    }

    .footer-section, .footer-tablet100 {
        width: 100%;
    }

    .m-footer {
        height: 209px;
        overflow: hidden;
    }

    .footer-copyright {
        float: right;
        padding-top: 6px;
    }

    .footer-logotext {
        vertical-align: 12px;
    }

    .title--product {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width:960px) {
    .heroblock.heroblock--big {
        text-align: center;
    }

    .heroblock .itsinthemaking, .heroblock--backpack .heroblock-background, .heroblock--big .heroblock-background {
        display: none;
    }

    .heroblock--big .heroblock-backgroundsmall, .producthero--backpack .heroblock-backgroundsmall {
        background-size: 630px auto;
        display: block;
        bottom: auto;
        top: 30px;
        height: 420px;
    }

    .heroblock--backpack .heroblock-backgroundsmall, .heroblock--exploreproducts .heroblock-backgroundsmall {
        background-size: contain;
        height: 380px;
    }

    .heroblock--home .heroblock-backgroundsmall {
        background-size: contain;
    }

    .heroblock--products .heroblock-backgroundsmall {
        top: 10px;
    }

    .heroblock--big .heroblock-copy--products p {
        max-width: none;
    }

    .heroblock--mobile .heroblock-backgroundsmall {
        display: block;
        background-size: cover;
    }

    .heroblock--big .heroblock-content {
        height: auto;
        padding-top: 430px;
    }

    .heroblock--exploreproducts .heroblock-content {
        height: auto;
        padding-top: 320px;
    }

    .heroblock--products .heroblock-content {
        height: auto;
        padding-top: 390px;
    }

    .heroblock--software .heroblock-content {
        padding-top: 400px;
    }

    .heroblock--big .heroblock-content:after {
        vertical-align: bottom;
        content: none;
    }

    .heroblock--home .heroblock-content {
        height: auto;
        padding-top: 430px;
        background: #25A7E3;
    }

    .autoplay .heroblock--home .heroblock-content::before {
        content: none;
    }

    .heroblock--big .heroblock-title {
        font-size: 4.4rem;
        line-height: 4.4rem;
    }

    .heroblock-title {
        width: auto;
    }

    .heroblock--big .heroblock-copy {
        top: 1rem;
        margin: 1rem auto 6rem;
    }

    .heroblock--mobile .heroblock-copy {
        margin-top: 2rem;
    }

    .heroblock--imagebottom .heroblock-content {
        padding-bottom: 14rem;
    }

    .heroblock-figureoverlay {
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        width: 340px;
        height: 360px;
    }

    .heroblock--um2 .heroblock-olsson-link, .heroblock-olsson-link {
        width: 12rem;
        bottom: 4rem;
        right: 2rem;
    }

    .videosection {
        padding-left: 0;
        padding-right: 0;
    }

    .subnav-left, .subnav-right {
        box-shadow: 0 1px 0 rgba(0,0,0,.075);
    }

    .userpost--op .userpost-metauser {
        display: inline;
    }

    .userpost--op .userpost-metauser--editor {
        padding: 2rem 5px;
        display: block;
    }

    .userpost--op .avatar-uploadbutton .avatar-btntext, .userpost--op .editprofile .avatar-headtext, .userpost--op .editprofile .avatar-uploadtext, .userpost--op .editprofile .icon--avatarupload, .userpost--op .userpost-sub {
        display: none;
    }

    .userpost--op .editprofile .userpost-sub {
        display: block;
        position: static;
        width: 100%;
        padding-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        border: none;
    }

    .communitytopic {
        margin-right: 0;
    }

    .userpost-.is-featured {
        margin-right: -10px;
        margin-left: -10px;
        padding-right: 10px;
        padding-left: 10px;
    }

        .userpost-.is-featured .userpost-footer {
            left: 166px;
        }

    .userpost-info {
        margin-right: 0;
    }

    .profile-description-edit--admin {
        right: -2rem;
    }

    .heroblock--um2 .heroblock-olsson > .l-wrapper, .heroblock-olsson > .l-wrapper {
        height: 461px;
        max-width: 503px;
    }

    .heroblock--um2ext .heroblock-make-link, .heroblock-make-link {
        width: 11.4rem;
        right: 2.2rem;
        bottom: 13.6em;
    }

    .heroblock-backpack-link {
        width: 12rem;
        bottom: 15rem;
        right: 12rem;
    }

    .heroblock--um2 .heroblock-make-link {
        width: 11.4rem;
        right: 0;
        bottom: 16rem;
    }

    .heroblock--um2 .heroblock-make-link--2go {
        right: 6.6rem;
        bottom: 2.7rem;
        width: 12.6rem;
    }
}

@media only screen and (min-width:960px) {
    .selector .avatar-btntext-mobile, .userpost-bannerlandscape {
        display: none;
    }
}

@media only screen and (min-width:940px) {
    .r-tablet-shown {
        display: none;
    }

    .heroblock.l-cell33:nth-child(3n-2) {
        padding-right: 2px;
    }

    .heroblock.l-cell33:nth-child(3n-1) {
        padding-right: 2px;
        padding-left: 2px;
    }

    .heroblock.l-cell33:nth-child(3n) {
        padding-left: 2px;
    }

    .heroblock.l-cell33:nth-child(n+4) {
        padding-top: 4px;
    }
}

@media only screen and (min-width:940px) and (max-width:1060px) {
    .heroblock:not(.heroblock--big) .heroblock-content {
        font-size: 1.7rem;
    }

    .heroblock-footer .btn--buy {
        width: auto;
    }
}

@media only screen and (max-width:940px) {
    .calloutsection-stepplus::before, .social-quote:before {
        content: none;
    }

    .communityaction {
        margin: 0 .6rem 0 0;
        line-height: 1.5;
    }

        .communityaction .icon {
            vertical-align: -20%;
        }

    .r-tablet-100 {
        width: 100%;
    }

    .r-tablet-33 {
        width: 33.33333%;
    }

    .r-tablet-50 {
        width: 50%;
    }

    .r-tablet-66 {
        width: 66.66666%;
    }

    .r-tablet-hidden {
        display: none !important;
    }

    .followobject-info, .leaderboard-itempointslabel, .r-tablet-shown, .social-metafunction {
        display: block;
    }

    .r-tablet-title {
        font-size: 2rem;
    }

    .r-tablet-title-l {
        font-size: 2.3rem;
    }

    .social-uploadsign {
        margin-top: 2.4rem;
    }

    .social .communitylike .icon {
        width: 12px;
    }

    .communityblock .icon-heart, .tinytopics-score .icon-heart {
        width: 16px;
    }

    .social-metafunction {
        margin-bottom: 1.2rem;
    }

    .followobject-info {
        position: static;
        margin-top: 2rem;
        -ms-transform: none;
        transform: none;
    }

    .followobject-avatar {
        vertical-align: -40%;
    }

    .profileheader .itemfilter-selector {
        max-width: none;
        margin: 1rem 0 0;
    }

    .communitysuperfilter-selector {
        margin-right: 1%;
    }

    .communitysuperfilter {
        padding: 50px 10px 20px;
    }

    .dashboardpanel {
        font-size: 1.7rem;
        padding-left: 10px;
        padding-right: 10px;
    }

    .social-eventtitle {
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .tile-body--event .social-eventtitle {
        font-size: 1.8rem;
    }

    .social-eventsubtitle {
        font-size: 1.3rem;
        line-height: 1.5;
        position: relative;
    }

    .social--eventupcoming .social-highlight {
        height: 68%;
    }

    .social--eventupcoming .social-postinfo {
        height: 33%;
    }

    .social-date {
        font-size: 1.7rem;
        height: 60px;
        width: 60px;
        top: -30px;
        margin-left: -30px;
    }

    .social-footer {
        font-size: 3rem;
        position: static;
        margin: 1.2rem 0;
    }

    .leaderboard-itempoints {
        text-align: right;
        max-width: 25%;
    }

    .leaderboard-itempointsnumber {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .social-footer .communityfollow {
        float: none;
    }

    .userpost-replyeditorcontainer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .photocarousel {
        padding: 10px 0;
    }

    .mediauploader {
        padding: 110px 20px 20px;
    }

    .mediauploader-album, .mediauploader-newalbum {
        margin: 0 0 1rem;
        max-width: 100%;
    }

    .mediapopup-container {
        height: 480px !important;
    }

    .mediauploader-tab {
        padding: 0 16px;
    }

    .followobject-remove {
        top: 2.2rem;
        position: relative;
    }

    .followobject-title {
        padding-right: 70px;
    }

    .content--assets form {
        text-align: center;
    }

    .contentpanel-authorcopy--support {
        text-align: left;
        padding-top: 1rem;
    }

    .contentpanel-contributor .contentpanel-authorimg {
        float: left;
        margin-right: .6rem;
    }

    .content-heading {
        max-width: 100%;
    }

    .contenthero--featured {
        min-height: 0;
    }

    .printupload-upload, .printupload-uploadarea {
        padding-right: 0;
        padding-left: 0;
    }

    .printupload-uploadpreview {
        position: relative;
        width: auto;
        min-height: 0;
        padding-top: 66%;
        margin-bottom: 2rem;
    }

    .minihero-content--community p {
        font-size: 1.4rem;
    }

    .minihero-content--community .btn {
        font-size: 1.2rem;
    }

    .userpost-functions--header {
        margin-top: 1rem;
    }

    .userpost--op .userpost-footer .btn {
        margin-top: 2rem;
    }

    .profiledescription {
        padding-right: 20px;
    }

    .profiledescription-meta {
        padding: 0;
        margin: 0;
    }

    .profiledescription-title {
        margin: 0;
    }

    .profile-description-edit--admin {
        right: 0;
    }

    .social-logobot {
        width: 20%;
    }

    .mediauploader-fileupload {
        display: block;
        width: 100%;
    }

    .is-expanded .morebutton, .specifications-front {
        display: none;
    }

    .mediauploader-filetypes {
        margin: .4rem 0;
        text-align: center;
        width: 100%;
    }

    .mediauploader-tabview {
        padding-bottom: 60px;
    }

    .userpost--op .userpost-container {
        padding-top: 30px;
    }

    .paginationtop:first-child {
        margin: 0;
    }

    .paginationtop .pagination {
        margin-bottom: 1rem;
    }

    .topicmetabar {
        padding: 1.4rem 0;
    }

    .topicmetabar-meta {
        position: static;
        -ms-transform: none;
        transform: none;
        width: auto;
        padding: 0 20px;
        margin-top: .4rem;
        margin-bottom: .4rem;
    }

    .topicmetabar-content {
        padding-left: 20px;
    }

    .topicmetabar-subsection {
        margin-top: .8rem;
        margin-bottom: .8rem;
        font-size: 1.4rem;
    }

    .topicinfo-function .communitylike .icon-heart {
        width: 13px;
    }

    .topicmetabar-replies {
        margin-right: 1rem;
        font-size: 1.6rem;
        vertical-align: -8%;
    }

    .r-tablet-title-xl {
        font-size: 4.8rem;
    }

    .r-tablet-pad {
        padding: 10px;
    }

    .r-tablet-pad--side {
        padding-top: 0;
        padding-bottom: 0;
    }

    .r-tablet-nofloat {
        float: none;
    }

    .r-tablet-left {
        float: left;
    }

    .r-tablet-right {
        float: right;
    }

    .heroblock.l-cell100:first-child + .heroblock.l-cell50 {
        padding: 0 0 4px;
    }

        .heroblock.l-cell100:first-child + .heroblock.l-cell50 + .heroblock.l-cell50 {
            padding: 0;
        }

    .heroblock.l-cell50:first-child {
        padding-right: 0;
        padding-bottom: 4px;
    }

        .heroblock.l-cell50:first-child + .heroblock.l-cell50 {
            padding-left: 0;
            padding-bottom: 4px;
        }

    .l-cell50 .story:not(.story--carousel) {
        min-height: 180px;
    }

    .l-cell50 .story .story-image {
        width: 30%;
        top: 0;
        bottom: 0;
        position: absolute;
        height: auto;
    }

    .l-cell50 .story .story-copy {
        text-align: left;
        padding-left: 34.5%;
        background: 0 0;
    }

    .r-tablet-100 .story-copy--home {
        height: auto;
        padding: 2rem;
    }

    .stories-small {
        height: auto !important;
    }

    .pressnews-feature {
        margin-bottom: 1rem;
    }

    .pressnews-pagination {
        position: relative;
    }

    .popupwindow.r-tablet-50 {
        width: 49.5%;
    }

    .pageheader-filter {
        font-size: 1.6rem;
    }

    .pageheader .pageheader-filter {
        margin: 0;
    }

    .pageheader-filter .btn {
        margin: 0 .5rem 1.4rem;
    }

    .pageheader {
        padding-top: 1.6rem;
        padding-bottom: 0;
    }

    .contentpanel {
        font-size: 1.5rem;
        line-height: 2.25rem;
        padding-left: 5%;
        padding-right: 5%;
        text-align: left;
        margin-top: 0;
        padding-top: 4.4rem;
    }

    .contentpanel-authorimg {
        height: 45px;
        width: 45px;
    }

    .socialpanel {
        margin-top: .2rem;
    }

    .contenthero {
        height: 330px;
        font-size: 1.5rem;
    }

    .contenthero--fill-small {
        max-height: 200px;
    }

        .contenthero--fill-small h1 {
            margin-top: 2rem;
        }

    .contenthero--image-xl {
        min-height: 560px;
        height: 90vh;
    }

    .contenthero-copycontainer {
        top: 54%;
    }

    .grid--event {
        max-height: 1555px;
    }

    .contenthero-navbutton + .contenthero-navbutton {
        top: 45px;
    }

    .contenthero-navbutton {
        width: 38px;
    }

    .contenthero-navbutton--prev .icon {
        left: 15px;
    }

    .contenthero-navbutton--next .icon {
        right: 15px;
    }

    .calloutsection-steps {
        text-align: center;
    }

    .calloutsection-stepcontent {
        padding-left: 0;
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
    }

    .calloutsection-stepimage, .calloutsection-steps--magicthree .calloutsection-stepnumber {
        margin: 0 auto;
    }

    .specifications, .specifications > [class*=" l-cell"], .specifications > [class^=l-cell] {
        height: auto;
    }

    .specifications-downloads {
        left: 50%;
        padding: 0;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .specifications-expandpanel {
        height: 180px;
        padding-bottom: 5.4rem;
        box-sizing: initial;
    }

    .is-expanded .specifications-expandpanel {
        width: 100%;
        height: auto;
    }

    .header-bar {
        left: 60px;
    }

    .navigationtoggle {
        width: 60px;
    }

    .navigationtoggle-label {
        visibility: hidden;
    }

    .specifications-back {
        opacity: 1;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        position: relative;
        height: auto;
    }

    .specifications-tiles > [class*=" l-cell"], .specifications-tiles > [class^=l-cell] {
        height: auto;
    }

    .specifications-tiles .l-cell100:first-child {
        padding-bottom: 3px;
        padding-left: 0;
    }

        .specifications-tiles .l-cell100:first-child + .l-cell50 {
            padding-top: 0;
            padding-left: 0;
            padding-bottom: 3px;
        }

            .specifications-tiles .l-cell100:first-child + .l-cell50 + .l-cell50 {
                padding-top: 0;
                padding-left: 0;
            }

    .specifications .morebutton {
        text-align: center;
        top: 90px;
        right: 50%;
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    .morebutton .morebutton-ball {
        vertical-align: middle;
    }

    .specifications.is-expanded {
        min-height: 0;
    }

    .specifications-expandpanel.is-expanded {
        width: 100%;
        height: auto;
    }

    .specifications-table {
        opacity: 0;
        transition: .5s opacity;
        font-size: 1.6rem;
    }

    .is-expanded .specifications-table {
        opacity: 1;
    }

    .specifications-tiles {
        position: absolute;
        top: 163px;
        left: 0;
        right: 0;
    }

    .qualityexplorer {
        font-size: 1.6rem;
        line-height: 2.4rem;
        height: 700px;
        min-height: 0;
    }

    .qualityexplorer--ext {
        height: 700px;
    }

    .qualityexplorer-backgrounds {
        top: 0;
    }

    .qualityexplorer-backgroundcontainer {
        width: 270px;
        margin-top: 0;
    }

    .qualityexplorer-background {
        max-width: 100%;
        top: 30px;
    }

    .qualityexplorer-copy {
        bottom: auto;
        top: 380px;
    }

    .qualityexplorer--ext .qualityexplorer-copy {
        top: 410px;
    }

    .qualityexplorer-rotatebutton--left {
        -ms-transform: translateX(-165px);
        transform: translateX(-165px);
    }

    .qualityexplorer-rotatebutton--right {
        -ms-transform: translateX(165px);
        transform: translateX(165px);
    }

    .qualityexplorer-rotatebutton {
        top: 30%;
    }

    .imageexplorer-info {
        bottom: 14rem;
        min-width: 180px;
    }

    .imageexplorer-infotitle {
        font-size: 2rem;
    }

    .imageexplorer-controls {
        left: 45%;
        -ms-transform: translateX(-45%);
        transform: translateX(-45%);
        bottom: 8rem;
    }

    .calloutsection--3dprinting {
        height: auto;
    }

    .qualityexplorer-circles, .qualityexplorer-slide {
        padding-top: 30px;
    }

    .profiledescription {
        padding-left: 30px;
    }

    .social, .story--carousel {
        height: 400px;
    }

    .social-highlightcontent {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .social-postinfo {
        font-size: 1.5rem;
    }

    .itemfilter.communityfollow, .pageheader .itemfilter, .pageheader--story .itemfilter {
        margin: 1.7rem 0 1rem;
        display: block;
        float: none;
    }

    .pageheader .title {
        text-align: left;
    }

    .pageheader .pageheader-storytitle {
        text-align: center;
    }

    .communitysuperfilter-filters {
        width: 100%;
    }

    .communitysuperfilter-options {
        width: 100%;
        overflow: hidden;
        margin: 2rem 0 0;
    }

    .communitysuperfilter-clear {
        position: static;
    }

    .communitysuperfilter-selector {
        width: 49%;
    }

    .communitysuperfilter-buttons {
        position: static;
        float: right;
    }

    .message, .message-userpost {
        position: relative;
    }

    .leaderboard-itempoints {
        margin-top: .2rem;
    }

    .leaderboard-itempointsnumber {
        min-width: 0;
        font-size: 4.4rem;
    }

    .leaderboard-itempointslabel {
        vertical-align: 11%;
    }

    .editprofile .selector {
        margin-bottom: 2rem;
    }

    .userpost--inputhalf {
        margin-left: 0;
    }

    .userpost--inputsmall {
        float: none;
    }

    .settings-activity .settings-margin {
        display: block;
        margin-left: 0;
        margin-top: 1rem;
    }

    .settings-activity .row .selector {
        margin-top: 0;
        display: inline-block;
    }

    .photocarousel {
        min-height: 500px;
    }

    .photocarousel--print {
        height: 500px;
    }

    .message-userpost {
        padding-left: 0;
        min-height: 700px;
    }

    .message-overshadow {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        bottom: 0;
        background: rgba(245,245,245,.4);
        opacity: 0;
        z-index: 3;
        transition: opacity 2.5s,width 2.5s;
        cursor: pointer;
    }

        .message-overshadow.is-visible {
            opacity: 1;
            width: 100%;
            transition: opacity 1.5s;
        }

    .message-inbox {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 4;
        max-width: 98.8%;
        width: 400px;
        transition: .7s;
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        box-shadow: 0 2px 15px rgba(0,0,0,.25);
    }

        .message-inbox.collapsed {
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 0;
        }

    .message-inboxlink {
        display: block;
        margin: 1rem 0 2rem;
        cursor: pointer;
    }

        .message-inboxlink .icon {
            vertical-align: -10%;
            margin-right: 10px;
        }

    .communityblock-categorysub {
        line-height: 2.2rem;
    }

    .communityblock-time, .communityblock-topicreplies {
        font-size: 1.33rem;
    }

    .communityblock-categorycolumn {
        width: 100%;
    }

    .communityfilter-view {
        margin-bottom: 1rem;
        padding-right: 0;
        box-sizing: border-box;
    }

    .navigationitem-sub:hover, .popoutmenu-option:hover {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .dashboardpanel--lessinfo {
        background: 0 0;
        padding: 0;
    }

    .m-footer {
        z-index: 1;
    }
}

.pioneerevent-body, .readmore-link, .um-components * {
    box-sizing: border-box;
}

@media only screen and (max-width:900px) {
    .slidernav-navitem {
        font-size: 1.3rem;
    }

    .communitypeople-imgs a:nth-child(2) {
        display: none;
    }

    .communitypeople-imgs a {
        max-width: 100%;
    }

    .tile-outline {
        padding: 5px;
    }

        .linkblocks--jobs .linkblocks-title, .tile-outline .tile-title {
            font-size: 2rem;
        }
}

@media only screen and (max-width:850px) {
    .footer-logo, .m-footer .l-left, .m-footer .l-right {
        float: none;
    }

    .calloutsection-steps--magicthree .calloutsection-step {
        margin-bottom: 2rem;
    }

    .calloutsection {
        padding-top: 6rem;
        padding-bottom: 6rem;
        min-height: 0;
    }

    .calloutsection--footermargin {
        padding-bottom: 40px;
    }

    .pagesection-downloads {
        margin-top: 0;
        font-size: 1.6rem;
    }

    .downloads-download, .linkblocks-download {
        height: 90px;
    }

    .downloads-minigo {
        display: block;
        margin: 0;
    }

    .downloads-buttons .btn {
        width: 120px;
    }

    .calloutsection--magicthree {
        padding-bottom: 2rem;
        padding-top: 0;
    }

        .calloutsection--magicthree .calloutsection-minigo {
            margin-bottom: 0;
        }

    .foundations {
        padding-top: 3rem;
    }

    .tabs {
        font-size: 1.7rem;
    }

    .m-footer {
        height: 250px;
    }

        .m-footer > .l-wrapper {
            max-width: 260px;
        }

    .footer-section {
        padding-top: 1.4rem;
        padding-bottom: 0;
    }

    .footer-pressnav a {
        margin: 0 2rem;
    }

    .footer-logotext {
        vertical-align: 25px;
    }

    .footer-copyright {
        text-align: left;
        margin-left: 70px;
        margin-top: -9.4rem;
        float: none;
    }

    .footer-logotype {
        vertical-align: 30px;
    }

    .footer-logobot {
        width: 57px;
        height: 84px;
    }

    .footer-pressnav {
        display: none;
    }
}

@media only screen and (min-width:800px) {
    .slidernav > div {
        -ms-transform: none !important;
        transform: none !important;
    }
}

@media only screen and (max-width:800px) {
    .header-metablock .popoutmenu {
        display: none;
    }

        .header-metablock .popoutmenu.scroll {
            padding-right: 0;
            padding-left: 0;
        }

            .header-metablock .popoutmenu.scroll > div {
                max-height: 75vh;
                padding: 0 20px;
                -webkit-overflow-scrolling: touch;
            }

    .header-metablock.is-popout .popoutmenu {
        display: block;
    }

    .heroblock--big p, .slidernav-navitemimage {
        display: none;
    }

    .heroblock--big .heroblock-content {
        padding-top: 330px;
    }

    .heroblock--software .heroblock-content {
        padding-top: 310px;
    }

    .heroblock--home .heroblock-content {
        padding-top: 460px;
    }

    .heroblock--big .heroblock-backgroundsmall {
        background-size: 500px auto;
        background-position: center 3%;
        top: 15px;
    }

    .heroblock--home .heroblock-backgroundsmall {
        top: 50px;
    }

    .heroblock--um2 .heroblock-olsson-link, .heroblock-olsson-link {
        width: 10rem;
    }

    .is-navimageshidden .slidernav, .is-navimageshidden.is-headeropen .slidernav:hover, .slidernav {
        height: 50px;
    }

        .is-navimageshidden .slidernav-navitem, .is-navimageshidden .slidernav:hover .slidernav-navitem, .slidernav-navitem {
            font-size: 1.2rem;
            padding: 0 1rem;
        }

            .is-navimageshidden.is-headeropen .slidernav:hover .slidernav-navitem + .slidernav-navitem:before, .slidernav-navitem + .slidernav-navitem:before {
                height: 30px;
            }

        .is-navimageshidden.is-headeropen .slidernav:hover .slider-slide, .slidernav .slider-slide, .subnav-left, .subnav-right {
            height: 50px;
        }

        .is-navimageshidden .slidernav-navitemlabel, .is-navimageshidden .slidernav:hover .slidernav-navitemlabel {
            margin-top: 0;
        }

        .is-navimageshidden .slidernav-navitemcontent, .is-navimageshidden .slidernav:hover .slidernav-navitemcontent {
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

    .community {
        font-size: 1.4rem;
    }

    .communityblock-categorymetas {
        width: 39%;
        line-height: 1.4em;
    }

    .communityblock-categorysub {
        width: 61%;
    }

    .communityblock-metas {
        position: static;
        text-align: left;
        padding-top: 2rem;
        display: block;
        overflow: hidden;
        clear: both;
        margin-left: 30px;
        margin-right: 30px;
        -ms-transform: none;
        transform: none;
    }

    .communityblock-meta {
        display: inline-block;
        margin-right: 1.25rem;
    }

    .communityblock-description, .userpost-sub--topicinfo {
        display: none;
    }

    .communityblock--topic .communityblock-metas {
        margin-left: 110px;
        padding-top: .4rem;
    }

    .communityblock-topiccontent {
        padding-right: 15px;
        padding-left: 15px;
    }

    .communityblock-categorycontent {
        padding-right: 30px;
    }

    .subnav-navitem {
        margin: 1.6rem 0;
        padding: 1.4rem 0;
        font-size: 1.2rem;
        font-weight: 500;
    }

    .subnav-action {
        font-size: 1.4rem;
        margin: 2.1rem .8rem;
    }

    .userpost-footer .btn {
        position: relative;
    }

    .userpost--op {
        padding-bottom: 30px;
    }

    .communitypeople-userdata {
        width: 175px;
    }

    .settings-activity label {
        margin-right: 7px;
    }

    .social-logobot {
        margin-top: 7%;
        width: 15%;
        height: auto;
    }

    .itemfilter-view {
        width: 100%;
        margin-bottom: .8rem;
    }

    .linkblocks--app .linkblocks-block {
        padding: 0 40px 0 160px;
    }

    .linkblocks--app .linkblocks-buttons {
        right: 40px;
        text-align: left;
    }

    .heroblock--um2 .heroblock-olsson > .l-wrapper, .heroblock--um2ext .heroblock-olsson > .l-wrapper, .heroblock-olsson > .l-wrapper {
        height: 373px;
        max-width: 418px;
    }

    .heroblock--um2 .heroblock-make-link, .heroblock--um2ext .heroblock-make-link, .heroblock-make-link {
        width: 10rem;
        bottom: 12rem;
    }

    .heroblock-backpack-link {
        width: 12rem;
        bottom: 6rem;
        right: 10rem;
    }

    .heroblock--um2 .heroblock-make-link--2go {
        bottom: 3.9rem;
    }
}

@media only screen and (max-width:720px) {
    .contenthero .morebutton {
        right: 10px;
    }

    .navigationtoggler-breadcrumb {
        display: none;
    }

    .userpost-websites input {
        width: 78%;
    }

    .header-bar {
        left: 0;
        overflow: hidden;
    }

    .navigationtoggler.is-hidden {
        max-width: 60px;
        -ms-transform: translateX(-60px);
        transform: translateX(-60px);
    }

    .tile-wrapper {
        padding-bottom: 0 !important;
    }

    .tile-outline {
        width: 100%;
    }

    .linkblocks--jobs {
        position: static;
        margin: 0;
    }

    .communityblock {
        padding: 12px 0;
    }

    .communityblock--categorycollapsed {
        padding: 6px 0;
    }

    .communityblock--topic .communityblock-title {
        font-size: 1.76rem;
    }

    .communityblock-topicmeta {
        width: 100%;
        padding: 0 20px;
        text-align: left;
    }

        .communityblock-topicmeta > div {
            text-align: left;
            width: auto;
            display: inline-block;
            padding-right: 1rem;
        }

    .topicinfo-function .communitylike .icon-heart {
        width: 13px;
    }

    .communityblock-topicrepliescount {
        width: auto;
    }

    .communityblock-topiccontent, .itemfilter-sort {
        width: 100%;
    }

    .communityfilter-more {
        float: right;
        font-size: 1.4rem;
        line-height: 1.5rem;
        cursor: pointer;
        display: block;
    }

        .communityfilter-more .icon {
            vertical-align: -1px;
            margin-right: 3px;
        }

        .communityfilter-more > span {
            display: none;
        }

            .communityfilter-more > span.show {
                display: inline-block;
            }

    .communityfilter-wrapper {
        max-height: 0;
        opacity: 0;
        transition: .5s;
        float: left;
        overflow: hidden;
    }

        .communityfilter-wrapper.show {
            max-height: 23rem;
            opacity: 1;
        }

    .communityblock-topicreplies {
        min-width: 13rem;
    }

    .contenthero-videocontainer {
        margin: 50px auto;
        width: 100%;
    }

    .asset.asset--product {
        min-height: 240px;
    }
}

@media (max-width:700px) {
    .calloutsection--explore {
        padding-top: 0;
        padding-bottom: 2rem;
        min-height: 0;
    }

        .calloutsection--explore .calloutsection-title {
            margin: 2rem 0 0;
        }
}

@media (max-width:625px) {
    .communitypeople-avatar, .communitypeople-userdata {
        width: 50%;
        box-sizing: border-box;
    }

        .communitypeople-avatar .communitybadge:nth-child(4), .communitypeople-imgs a {
            display: none;
        }
}

@media only screen and (min-width:601px) {
    .settings-notifications {
        margin-top: .6rem;
    }

    .r-mobile-only {
        display: none;
    }
}

@media only screen and (min-width:601px) and (max-width:940px) {
    .heroblock.r-tablet-50:nth-child(2n-1) {
        padding-right: 2px;
    }

    .heroblock.r-tablet-50:nth-child(2n) {
        padding-left: 2px;
    }

    .heroblock.r-tablet-50:nth-child(n+3) {
        padding-top: 4px;
    }
}

@media only screen and (max-width:600px) {
    .header-metablocklabel, .story .story-descriptions, .story-functions, .story-label {
        display: none;
    }

    .communityblock-topic, .leaderboard-itempointsnumber {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .downloads-download:before, .linkblocks:not(.linkblocks--mobilelist) .linkblocks-block:before, .social-quote:before, .tabs-tab.is-selected:before {
        content: none;
    }

    .l-wrapper.extended {
        margin-left: 0;
        margin-right: 0;
    }

    .columns, .floatingimage.l-left {
        margin-left: -5px;
    }

    .l-pad, .l-pad--horizontaldouble {
        padding: 5px;
    }

    .l-pad--vertical {
        padding: 5px 0;
    }

    .title--product {
        font-size: 1.7rem;
    }

    .columns {
        width: calc(100% + 10px);
    }

    .floatingimage.l-right {
        margin-right: -5px;
    }

    .floatingimage.r-mobile-100 {
        padding-left: 0;
        padding-right: 0;
    }

        .floatingimage.r-mobile-100.l-right {
            margin-right: 0;
        }

        .floatingimage.r-mobile-100.l-left {
            margin-left: 0;
        }

    .heroblock--big .heroblock-content {
        font-size: 1.8rem;
        padding-top: 230px;
    }

    .heroblock--exploreproducts .heroblock-content {
        padding-top: 210px;
    }

    .heroblock--software .heroblock-content {
        padding-top: 230px;
    }

    .heroblock--um2ext .heroblock-content {
        padding-top: 210px;
    }

    .heroblock--home .heroblock-content {
        padding-top: 270px;
        font-size: 1.8rem;
    }

    .heroblock--big .heroblock-backgroundsmall {
        background-size: 325px auto;
        background-position: center 4%;
    }

    .heroblock--exploreproducts .heroblock-backgroundsmall {
        background-size: contain;
        height: 210px;
    }

    .heroblock--home .heroblock-backgroundsmall {
        background-position: center 14%;
        top: 5px;
    }

    .heroblock--big .heroblock-copy {
        margin-bottom: 3rem;
    }

    .heroblock--home .heroblock-copy {
        margin-bottom: 4rem;
    }

    .heroblock--exploreproducts .heroblock-copycontainer {
        padding-top: 0;
    }

    .heroblock-copycontainer {
        padding: 0 5px 10px;
    }

    .heroblock-content {
        height: 320px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .heroblock-background {
        height: 410px;
        -ms-transform: none;
        transform: none;
    }

    .heroblock-copy {
        font-size: 1.6rem;
        line-height: 1.3em;
    }

        .heroblock-copy .playlink {
            font-size: 2rem;
            bottom: -2rem;
        }

    .heroblock.r-mobile-100 + .heroblock.r-mobile-100 {
        padding-top: 4px;
    }

    .heroblock--um2 .heroblock-olsson-link, .heroblock-olsson-link {
        width: 8rem;
    }

    .l-cell50 .story:not(.story--carousel), .story:not(.story--carousel) {
        min-height: 80px;
        font-size: 1rem;
    }

    .story-copy--home .story-title, .story-textsmall > div {
        padding-left: 1.6rem;
    }

    .story--big {
        height: 300px;
        font-size: 1.4rem;
    }

    .social--event {
        font-size: 1.6rem;
    }

    .story--carousel {
        min-height: 0;
    }

    .story-title--slider {
        font-size: 1.2rem;
    }

    .carousel-descriptions, .carousel-slide .readlink {
        font-size: 1.1rem;
    }

    .social-eventcontent {
        margin-top: 10px;
    }

    .social-postinfo {
        padding-top: 36px;
        line-height: 1.3em;
    }

    .social-posted {
        font-size: 2.4rem;
    }

    .social-avatar {
        height: 60px;
        width: 60px;
        margin-left: -30px;
        top: -30px;
    }

    .l-cell50 .story .story-image, .story .story-image, .story-imgsmall {
        width: 92px;
        top: 0;
        bottom: 0;
        position: absolute;
        height: 100%;
    }

    .l-padsmall .story .story-image {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .story--big .story-image {
        width: 100%;
    }

    .l-cell50 .story .story-copy, .story .story-copy, .story-textsmall {
        text-align: left;
        padding-left: 92px;
        background-color: transparent;
        padding-right: 5.4rem;
    }

    .story .story-copy {
        position: absolute;
        top: 50%;
        width: 100%;
        box-sizing: border-box;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .story-textsmall {
        font-size: 2.8rem;
    }

    .story--big .story-descriptions {
        display: block;
    }

    .story--big .story-captionwrapper {
        bottom: 9%;
    }

    .story--big .story-captioncontent {
        -ms-transform: scale(1);
        transform: scale(1);
        max-height: 41px;
    }

        .story--big .story-captioncontent .story-title {
            font-size: 3.4rem;
        }

        .story--big .story-captioncontent .story-descriptions {
            font-size: 2.8rem;
        }

    .pagesection-header {
        margin: 40px 0 25px;
        font-size: 1.6rem;
    }

    .pagesection-header--sendmail {
        margin-bottom: 40px;
    }

    .pagesection-footer {
        font-size: 1.5rem;
        margin: 3rem 0 6rem;
    }

    .pagesection-footer--slim {
        margin-bottom: 3rem;
    }

    .newslettersubscriber-back {
        left: 0;
        right: 0;
        width: auto;
        max-width: none;
    }

        .newslettersubscriber-back div {
            display: inline-block;
        }

    .r-mobile-100 {
        width: 100%;
    }

    .r-mobile-50 {
        width: 50%;
    }

    .r-mobile-nopad {
        padding: 0;
    }

    .r-mobile-hidden {
        display: none !important;
    }

    .r-mobile-shown {
        display: block !important;
    }

    .r-mobile-title {
        font-size: 2rem;
        line-height: 1.3em;
    }

    .r-mobile-title-l {
        font-size: 2.6rem;
    }

    .r-mobile-title-xl {
        font-size: 4.8rem;
    }

    .r-mobile-nofloat {
        float: none;
    }

    .r-mobile-left {
        float: left;
    }

    .r-mobile-right {
        float: right;
    }

    .popupwindow-footer .btn, .popupwindows .l-cell25 .popupwindow-side, .popupwindows .l-cell25:nth-child(2n) .popupwindow-side, .tabs-tab {
        float: none;
    }

    .r-mobile-autowidth {
        width: auto;
    }

    .contenthero--fill-small {
        max-height: 150px;
    }

        .contenthero--fill-small h1 {
            margin-top: 5rem;
        }

    .calloutsection {
        font-size: 1.6rem;
    }

    .calloutsection--explore {
        padding: 0 0 2rem;
        font-size: 1.6rem;
    }

        .calloutsection--explore .title {
            margin: 4rem 0 1rem;
            font-size: 1.6rem;
        }

    .calloutsection--community {
        padding-top: 8rem;
        padding-bottom: 12rem;
    }

    .calloutsection--um2community {
        height: 300px;
    }

    .calloutsection-awardcontent {
        vertical-align: middle;
        padding-top: 0;
    }

    .calloutsection-title {
        font-size: 2.7rem;
    }

    .materials {
        padding: 0;
    }

    .materials-boxes {
        margin-top: 64%;
        height: 24rem;
    }

    .materials-box {
        max-width: 96%;
        display: block;
        position: absolute;
        left: 2%;
        opacity: 0;
        transition: opacity 1s;
    }

        .materials-box.is-selected {
            box-shadow: none;
            opacity: 1;
        }

        .materials-background.is-selected, .materials-box.is-selected {
            transition: opacity 1s .7s;
        }

    .materials-background {
        top: 31%;
        bottom: auto;
        height: 32rem;
        background-position: top;
    }

    .materials-background, .materials-background--left.is-selected, .materials-background--right.is-selected {
        -ms-transform: translateX(61%);
        transform: translateX(61%);
    }

    .materials-content {
        font-size: 1.6rem;
        padding-top: 0;
    }

    .materials-description {
        font-size: 1.8rem;
    }

    .popupwindow--small {
        height: 320px;
    }

    .popupwindow-footer {
        left: 10px;
        right: 10px;
    }

    .popupwindow.r-mobile-100 {
        width: 100%;
    }

    .popup-window > .popup-pressnews {
        max-height: 80%;
    }

    .pageheader-filter {
        width: 100%;
        margin-top: 2rem;
    }

    .pageheader {
        padding-top: 3rem;
        padding-bottom: 1rem;
        text-align: left;
    }

    .tabs {
        font-size: 1.6rem;
        border: none;
        margin-bottom: 1.5rem;
        text-align: center;
        margin-top: 1rem;
    }

    .tabs-tab {
        padding: .5rem 1.5rem;
        display: inline-block;
        background-color: #fff;
        border: .1rem solid #E3E3E3;
        margin: 0 .5rem .5rem 0;
    }

        .tabs-tab.is-selected {
            color: #fff;
            border: none;
            background-color: #fb203a;
        }

            .tabs-tab.is-selected .tabs-title {
                color: #fff;
            }

    .pageheader .title {
        text-align: left;
    }

    .pageheader .pageheader-storytitle, .socialpanel .socialbuttons {
        text-align: center;
    }

    .griditempanel .readlink {
        font-size: 1.5rem;
    }

    .header-searchicon {
        left: 25px;
    }

    .header-bar input[type=text] {
        padding-left: 70px;
    }

    .grid--event {
        max-height: 2464px;
    }

    .minihero-content {
        padding: 2rem;
        margin-top: 80px;
    }

    .minihero-content--community {
        padding-bottom: 5rem;
    }

    .contenthero-copycontainer {
        padding-left: 25px;
        padding-right: 25px;
    }

    .contenthero-navbutton, .contenthero-navbutton + .contenthero-navbutton, .contenthero-navbutton:hover {
        width: 38px;
        height: 38px;
        display: block;
        float: left;
        position: relative;
        top: auto;
        margin: 0 3px;
    }

    .contenthero-navbutton--next, .contenthero-navbutton--next:hover {
        float: right;
    }

    .btn-label {
        display: none;
    }

    .contenthero-navigation {
        width: 12rem;
        height: 5.2rem;
        top: auto;
        position: absolute;
        left: 50%;
        margin: 0;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 20px;
    }

    .calloutsection-support {
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        bottom: 20px;
    }

    .slider-slideitem {
        height: 700px;
    }

    .calloutsection--um2support .slider-slideitem, .qualityexplorer {
        height: 650px;
    }

    .calloutsection-member {
        left: 50%;
        right: auto;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: auto;
        max-width: 60%;
        bottom: 350px;
    }

        .calloutsection-member.is-active {
            opacity: 1;
            max-width: 60%;
            max-width: 270px;
        }

    .calloutsection-supportmember {
        margin-top: 30px;
    }

    .calloutsection-pagination {
        bottom: 50px;
    }

    .popupwindow--medium {
        margin-top: 70px;
    }

    .heroblock-price {
        margin: 2rem 1rem 0;
        display: inline-block;
    }

    .heroblock-footer .btn {
        margin-bottom: 0;
    }

    .qualityexplorer--ext {
        height: 660px;
    }

    .qualityexplorer-backgroundcontainer {
        width: 200px;
    }

    .qualityexplorer-rotatebutton {
        top: 130px;
    }

    .qualityexplorer-rotatebutton--left {
        -ms-transform: translateX(-125px);
        transform: translateX(-125px);
    }

    .qualityexplorer-rotatebutton--right {
        -ms-transform: translateX(130px);
        transform: translateX(130px);
    }

    .btn.round {
        width: 40px;
        height: 40px;
    }

    .heroblock-footer .heroblock-price {
        margin: .8rem 0 0;
        line-height: 1em;
    }

    .heroblock-footer .heroblock-pricefrom {
        display: block;
        line-height: 1em;
    }

    .popup {
        font-size: 1.6rem;
    }

    .popupwindow--likes {
        font-size: 2rem;
    }

    .popup-pressnews {
        font-size: 2.4rem;
    }

    .popupwindow-row {
        line-height: .7rem;
    }

    .heroblock--mobile {
        font-size: 1.8rem;
    }

    .playlink, .readlink {
        font-size: 2rem;
    }

    .linkblocks {
        margin-top: 0;
    }

        .downloads-download, .linkblocks:not(.linkblocks--mobilelist) .linkblocks-block {
            padding: 2rem 3rem .4rem;
            height: auto;
            text-align: center;
            white-space: normal;
        }

        .linkblocks.linkblocks--app .linkblocks-block {
            text-align: left;
            padding-left: 85px;
        }

    .linkblocks--questions:not(.linkblocks--mobilelist) .linkblocks-block {
        padding-bottom: 2rem;
    }

    .linkblocks--questions.linkblocks:not(.linkblocks--mobilelist) .linkblocks-block {
        text-align: left;
    }

    .pagination, .tile-jm .griditempanel-footer {
        text-align: center;
    }

    .downloads-buttons, .linkblocks-buttons {
        position: static;
        margin: 2rem 0;
        height: auto;
    }

    .linkblocks--mobilelist {
        font-size: 1.5rem;
        line-height: 1.5em;
    }

        .linkblocks--mobilelist .linkblocks-block {
            height: auto;
            padding: 20px;
        }

        .linkblocks--mobilelist .linkblocks-go {
            height: 22px;
        }

    .linkblocks-img {
        -ms-transform: translateX(-55%) translateY(-45%);
        transform: translateX(-55%) translateY(-45%);
    }

    .imagelink {
        height: 250px;
        font-size: 1.6rem;
    }

    .griditempanel-overlay, .moreinfo-copy {
        font-size: 1.8rem;
    }

    .imagelink .btn {
        width: 130px;
    }

    .moreinfo-container {
        width: 40px;
        height: 40px;
    }

    .moreinfo-close {
        top: 19px;
        right: 20px;
    }

    .moreinfo-copy {
        line-height: 1.5em;
        width: 100%;
    }

    .heroblock--moreinfo {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .moreinfo.is-selected .moreinfo-container {
        width: 280px;
        height: 190px;
    }

    .moreinfo.is-selected .moreinfo-close {
        top: 20px;
        right: 20px;
    }

    .moreinfo.is-selected {
        left: 100% !important;
        top: 30% !important;
        -ms-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    .griditempanel {
        margin-bottom: 1rem;
    }

    .featured .griditempanel-copydescription {
        max-width: 100%;
    }

    .popupwindows-close {
        font-size: 1.6rem;
        height: 30px;
        width: 30px;
        top: 20px;
        right: 20px;
    }

        .popupwindows-close .icon {
            top: 48.5%;
        }

    .tile-jm {
        font-size: 1.6rem;
        padding: 0;
    }

    .tile--big {
        height: 250px;
    }

    .usecaseshome .tile--full:not(.tile--big) {
        height: 150px;
    }

    .explore .tile-content, .resources .tile-content, .usecaseshome .tile--big .tile-content, .usecaseshome .tile-content {
        font-size: 1rem;
    }

    .tile-content {
        top: 10px;
        bottom: 45px;
        font-size: 1.4rem;
    }

    .tile-body--event {
        padding-top: 0;
        height: 33rem;
    }

        .tile-body--event .tile-content {
            top: 30px;
        }

    .tile-image {
        max-width: none;
        width: auto;
        max-height: 100%;
    }

    .tile-title {
        bottom: -30px;
    }

    .tile--full .tile-title {
        font-size: 2rem;
    }

    .breadcrumbs {
        font-size: 1.6rem;
        line-height: 1.5em;
    }

    .breadcrumb-item::before {
        top: .6rem;
    }

    .tile-jm .griditempanel-price {
        margin-bottom: 1.2rem;
        font-size: 1.2rem;
        width: 100%;
    }

    .tile-jm .griditempanel-footer .btn {
        font-size: 1rem;
    }

    .contentpanel {
        padding-left: 20px;
        padding-right: 20px;
    }

    .contentpanel--app {
        padding: 0 10px 20px;
    }

        .contentpanel--app .content {
            padding-right: 0;
        }

    .content-appstore {
        margin-right: .4rem;
    }

    .content .content-storeimg {
        max-width: 48%;
        display: inline-block;
    }

    .communityblock-categorymetas, .communityblock-description, .userpost-like, .userpost-repliesavatars, .userpost-sub {
        display: none;
    }

    .contentpanel-header {
        margin-bottom: 3rem;
    }

    .contentpanel-authorimg {
        width: 40px;
        height: 40px;
        margin-right: .8rem;
    }

    .communityblock-metas, .userpost--op .userpost-main, .userpost-main {
        margin-left: 20px;
        margin-right: 20px;
    }

    .linkblocks {
        font-size: 1.6rem;
    }

    .pagination {
        font-size: 2.4rem;
    }

    .pressnews-pagination {
        font-size: 1.4rem;
    }

    .pagination-link {
        position: absolute;
        right: 0;
        top: 0;
    }

    .pagination-link--prev {
        left: 0;
        top: 0;
        right: auto;
    }

    .pagination-link--next {
        top: 0;
    }

    .pagination-pages {
        width: 100%;
        max-width: none;
    }

    .targetgroup + .targetgroup {
        margin-top: 4rem;
    }

    .community-header, .communityblock .communityblock-meta {
        margin-top: 0;
    }

    .tile-overlay {
        font-size: 1.6rem;
        padding: 30px 20px;
    }

    .linkblocks-title {
        width: auto;
        font-size: 2rem;
    }

    .linkblocks--app .linkblocks-name, .linkblocks-name {
        padding-right: 0;
        width: 90%;
    }

    .linkblocks--jobs .linkblocks-name {
        padding-right: 0;
    }

    .qualityexplorer-copy {
        top: 310px;
    }

    .qualityexplorer--ext .qualityexplorer-copy {
        top: 320px;
    }

    .communityblock {
        padding: 15px 0;
    }

    .communityblock--categorycollapsed {
        padding: 6px 0;
    }

    .communityblock-categorycontent, .communityblock-categorysub, .communityblock-topiccontent {
        padding-left: 20px;
        padding-right: 20px;
    }

    .communityblock-categorysub {
        width: 100%;
    }

    .communityblock--categorycollapsed .communityblock-categorysub {
        width: auto;
    }

    .communityblock-categorytopics {
        padding-right: 0;
    }

    .communityblock-like {
        width: 80px;
    }

    .linkblocks--questions .communityblock-like {
        width: 42px;
    }

    .linkblocks--questions .communityblock-topiccontent {
        padding-left: 0;
        padding-right: 0;
    }

    .communityblock--topic .communityblock-metas {
        margin-left: 20px;
    }

    .mediauploader-tabview .userpost--op .userpost-main {
        margin-left: 0;
        margin-right: 0;
    }

    .userpost---nest, .userpost--op .userpost-footer {
        margin-left: 30px;
    }

    .userpost-metas, .userpost-title {
        margin-right: 0;
    }

    .userpost-info {
        font-size: 1.6rem;
    }

    .userpost-replies {
        display: block;
        float: none;
    }

    .userpost-metauser {
        display: inline;
    }

    .userpost--op .userpost-metauser--editor {
        display: block;
    }

    .userpost .userpost-footer {
        position: static;
        margin-left: 20px;
        margin-right: 20px;
    }

    .userpost {
        padding-bottom: 20px;
    }

        .userpost.is-featured {
            padding-bottom: 20px;
            padding-left: 30px;
            padding-right: 30px;
        }

    .storyreplies .userpost-replyeditor, .userpost-replyeditor {
        padding-left: 20px;
    }

    .social, .story--carousel {
        height: 300px;
    }

    .social--story {
        padding: 2.6rem 1.5rem;
    }

    .social-highlightcontent {
        font-size: 1.4rem;
    }

    .social--topic .social-highlight, .social--twitter .social-highlight {
        font-size: 2.4rem;
        line-height: 1.5;
    }

    .social-copy, .social-postinfo {
        font-size: 1rem;
    }

    .social-meta {
        font-size: .8rem;
    }

    .social--upload {
        height: auto;
        padding-bottom: 1rem;
    }

    .social-uploadsign {
        margin-top: 2.4rem;
    }

    .social .communitylike .icon {
        width: 12px;
    }

    .communityblock .icon-heart, .tinytopics-score .icon-heart {
        width: 16px;
    }

    .social-metafunction {
        margin-bottom: 1.2rem;
        display: block;
    }

    .followobject-info {
        position: static;
        margin-top: 2rem;
        display: block;
        -ms-transform: none;
        transform: none;
    }

    .followobject-avatar {
        vertical-align: -40%;
    }

    .profileheader .itemfilter-selector {
        max-width: none;
        margin: 1rem 0 0;
    }

    .communitysuperfilter-selector {
        width: 100%;
        margin: 1% 0;
    }

    .communitysuperfilter {
        padding: 50px 10px 20px;
    }

    .dashboardpanel {
        font-size: 1.9rem;
        padding-left: 10px;
        padding-right: 10px;
    }

    .social-eventtitle {
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .tile-body--event .social-eventtitle {
        font-size: 1.8rem;
    }

    .social-eventsubtitle {
        font-size: 1.3rem;
        line-height: 1.5;
        position: relative;
    }

    .social--eventupcoming .social-highlight {
        height: 68%;
    }

    .social--eventupcoming .social-postinfo {
        height: 33%;
    }

    .social-date {
        font-size: 1.7rem;
        height: 60px;
        width: 60px;
        top: -30px;
        margin-left: -30px;
    }

    .social-footer {
        font-size: 3rem;
        position: static;
        margin: 1.2rem 0;
    }

    .leaderboard-itempoints {
        text-align: right;
        margin-top: -.2rem;
        max-width: 25%;
    }

    .leaderboard-itempointsnumber {
        width: 100%;
    }

    .leaderboard-itempointslabel {
        display: block;
    }

    .social-footer .communityfollow {
        float: none;
    }

    .userpost-replyeditorcontainer {
        padding-left: 0;
        padding-right: 20px;
    }

    .photocarousel {
        min-height: 300px;
        padding: 10px 0;
    }

    .contenthero--featured, .pressnews-feature {
        min-height: 0;
    }

    .photocarousel--print {
        height: 300px;
    }

    .mediauploader {
        padding: 110px 20px 20px;
    }

    .mediauploader-album, .mediauploader-newalbum {
        margin: 0 0 1rem;
        max-width: 100%;
    }

    .mediapopup-container {
        height: 480px !important;
    }

    .mediauploader-tab {
        padding: 0 16px;
    }

    .message-inbox {
        top: 0;
        left: 0;
    }

    .followobject-remove {
        top: 2.2rem;
        position: relative;
    }

    .followobject-title {
        padding-right: 70px;
    }

    .content--assets form {
        text-align: center;
    }

    s .contentpanel-authorcopy--support {
        text-align: left;
        padding-top: 1.6rem;
    }

    .contentpanel-contributor .contentpanel-authorimg {
        float: left;
        margin-right: .6rem;
    }

    .content-heading {
        max-width: 100%;
    }

        .content-heading.is-contributor {
            padding-right: 0;
        }

    .printupload-upload {
        padding-left: 0;
    }

    .printupload-uploadpreview {
        position: relative;
        width: auto;
        min-height: 0;
        padding-top: 66%;
        margin-bottom: 2rem;
    }

    .minihero-content--community p {
        font-size: 1.4rem;
    }

    .minihero-content--community .btn {
        font-size: 1.2rem;
    }

    .userpost-functions {
        margin: 0;
    }

    .userpost-functions--header {
        margin-top: 1rem;
    }

    .userpost-reply {
        margin: 1rem 0 0;
    }

    .userpost--op .userpost-footer .btn {
        margin-top: 2rem;
    }

    .profiledescription {
        padding-right: 20px;
        padding-left: 20px;
    }

    .profiledescription-meta {
        padding: 0;
        margin: 0;
    }

    .profiledescription-title {
        margin: 0;
    }

    .profile-description-edit--admin {
        right: 0;
    }

    .social-logobot {
        width: 20%;
    }

    .mediauploader-fileupload {
        display: block;
        width: 100%;
    }

    .mediauploader-filetypes {
        margin: .4rem 0;
        text-align: center;
        width: 100%;
    }

    .mediauploader-tabview {
        padding-bottom: 60px;
    }

    .userpost-container {
        padding-bottom: 0;
        padding-top: 25px;
    }

    .userpost--op .userpost-container {
        padding-top: 30px;
    }

    .paginationtop:first-child {
        margin: 0;
    }

    .paginationtop .pagination {
        margin-bottom: 1rem;
    }

    .topicmetabar {
        padding: 1.4rem 0;
    }

    .topicmetabar-meta {
        position: static;
        -ms-transform: none;
        transform: none;
        width: auto;
        padding: 0 20px;
        margin-top: .4rem;
        margin-bottom: .4rem;
    }

    .topicmetabar-content {
        padding-left: 20px;
        text-align: center;
    }

    .topicmetabar-subsection {
        margin-top: .8rem;
        margin-bottom: .8rem;
        font-size: 1.4rem;
        -ms-flex: 1;
        flex: 1;
    }

    .topicinfo-function .communitylike .icon-heart {
        width: 13px;
    }

    .topicmetabar-replies {
        margin-right: 1rem;
        font-size: 1.12rem;
        vertical-align: middle;
    }

    .topicinfo-function .communitylike {
        vertical-align: -2%;
    }

    .pagination-page {
        margin: 0 .4rem;
        padding: 0 1rem;
    }

    .community-categoryheadercontent {
        width: auto;
        padding: 0 30px 0 20px;
    }

    .communityblock-categoryheadermetas {
        width: auto;
        position: relative;
        padding: 0 20px;
        margin-top: .4em;
        margin-bottom: 0;
        -ms-transform: none;
        transform: none;
    }

    .communityblock--categorycollapsed .communityblock-categorydatas, .communityblock-categorydatas {
        padding-left: 0;
        padding-right: 20px;
    }

    .community-categorysubs {
        padding-right: 40px;
    }

    .communityblock-topicmeta {
        margin-bottom: -.5rem;
    }

    .topicinfo-function .communityfollow {
        margin-bottom: 0;
    }

    .subnav-action {
        font-size: 1.2rem;
        margin: 2.8rem .6rem;
    }

    .subnav-right {
        width: 25%;
        text-align: center;
        text-transform: capitalize;
    }

    .subnav-left {
        width: 75%;
        float: right;
    }

    .subnav-navitem {
        border-left: 1px solid #E9E9E9;
        border-right: none;
    }

    .community-headerfunction {
        clear: left;
        margin-top: 1rem;
    }

    .communityfilter-selectorwrapper {
        display: block;
        margin-left: 3.6rem;
        float: none;
    }

    .community-headeroptions {
        margin-top: 0;
    }

    .settings-activity .row .selector {
        min-width: 13.5rem;
    }

    .settings-notifications {
        margin-top: .5rem;
    }

    .topicmetabar-noreplies {
        padding: 0;
        text-align: center;
    }

    .notificationfunction {
        padding: .5rem 1.2rem;
    }

    .stories-left > .l-cell100:nth-child(n+3) {
        display: none;
    }

    .userpost-edit {
        margin-top: 1.6rem;
    }

    .infoBox > img {
        top: 30px;
        padding: 0;
    }

    .navigation li {
        transition: none;
    }

    .pressnews-feature .story-copy {
        font-size: 1.6rem;
        height: auto;
        padding-top: 1rem;
        padding-bottom: 1.4rem;
    }

    .pressnews-feature .story-image {
        height: 290px;
    }

    .asset.asset--product {
        min-height: 270px;
    }

    .pressmedia-wrapper {
        padding: 4rem 0;
    }

    .userpost-bannerlandscape {
        margin-top: 0;
    }

    .heroblock-olsson > .l-wrapper {
        height: 302px;
        max-width: 319px;
    }

    .heroblock--um2 .heroblock-olsson > .l-wrapper, .heroblock--um2ext .heroblock-olsson > .l-wrapper {
        height: 264px;
        max-width: 298px;
    }

    .heroblock--um2 .heroblock-make-link, .heroblock--um2ext .heroblock-make-link, .heroblock-make-link {
        width: 8rem;
        bottom: 10.4rem;
    }

    .heroblock-backpack-link {
        width: 9rem;
        bottom: 9rem;
        right: 8rem;
    }

    .heroblock--um2 .heroblock-make-link {
        right: 1.6rem;
    }

    .heroblock--um2 .heroblock-make-link--2go {
        bottom: 3.6rem;
        right: 5.4rem;
    }

    .pressnews-listitem > span {
        padding-left: 0;
    }

    .questions-list {
        padding: 20px 30px;
    }
}

@media (max-width:568px) {
    .errorscreen-description {
        max-width: 100%;
    }
}

@media (max-width:500px) {
    .m-navigationview .logo {
        display: none;
    }

    .communityfollow {
        display: block;
        margin-bottom: 1rem;
    }

    .contenthero--image-xl {
        min-height: 480px;
        height: 75vh;
    }

    .errorscreen-content {
        padding: 0;
    }

    .communityfilter .selector {
        max-width: 18rem;
    }

    .header-meta {
        display: none;
    }

    .m-navigationview {
        font-size: 1.6rem;
        left: 0;
        right: 60px;
        width: auto;
    }

    .navigationtoggler img {
        width: 100px;
        height: 15px;
        display: block;
    }

    .navigationview-content {
        padding-top: 60px;
        min-height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        padding-bottom: 180px;
    }

    .navigation {
        margin: 0 0 2rem;
    }

    .navigationitem-icon {
        font-size: 2.7rem;
        height: 22px;
        width: 25px;
        margin-right: 11px;
    }

    .navigationitem-link {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .navigationview-bottom {
        bottom: 20px;
    }

    .navigationview-meta {
        display: block;
        left: 0;
        right: 0;
        padding-right: inherit;
        width: 100%;
        height: 60px;
    }

    .featured .minigo, .logo {
        display: none;
    }

    .navigationitem-toggle {
        line-height: 47px;
        width: 47px;
    }

    .navigationitem-subs {
        padding: .4rem 0;
    }

    .pressnavigation {
        font-size: 1.8rem;
        margin-top: 0;
        overflow: hidden;
    }

    .m-mainview {
        height: 100%;
        overflow: hidden;
    }

    .printview-row:first-child .printview-detail {
        margin-left: 11rem;
    }

        .printview-row:first-child .printview-detail span {
            min-width: 11rem;
            margin-left: -9rem;
        }

    .communityactions--totop {
        width: 100%;
        margin-top: 0;
    }
}

@media (max-width:400px) {
    .userpost-replyeditorfooter--blog {
        position: relative;
        padding-bottom: 5rem;
    }

        .userpost-replyeditorfooter--blog .userpost-replysubmit {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
        }

    .printview-row:first-child {
        padding-right: 0;
    }

    .featured .griditempanel-copytitle--overlay {
        margin: 0 0 1rem;
        line-height: normal;
    }
}

@media only screen and (max-width:320px) {
    .featured .readlink.griditempanel-copyread {
        display: none;
    }
}

@media only screen and (max-width:360px) {
    .heroblock--materials .heroblock-content {
        height: 460px;
    }

    .btn--editor {
        margin-left: 2rem;
    }

    .userpost-editorfooter-right .btn--editor {
        margin-left: .4rem;
    }

        .userpost-editorfooter-right .btn--editor.btn {
            padding-left: 2.4rem;
            padding-right: 2.4rem;
        }

    .editprofile .selector {
        width: 100%;
    }

    .communityblock--categorycollapsed .communityblock-categorydatas {
        float: left;
        width: 100%;
        padding: 5px 20px;
    }

    .featured .griditempanel-copydescription {
        max-width: 100%;
    }

    .pressnews-feature .story-image {
        height: 200px;
    }

    .asset.asset--product {
        min-height: 215px;
    }

    .tile-body--event .social-logobot {
        height: 50%;
        margin-top: -3%;
    }
}

@media only screen and (min-width:721px) {
    .navigationview-meta, .r-mobile-shown {
        display: none;
    }

    .erronscreen-title {
        font-size: 60px;
        line-height: 60px;
        margin-top: -4px;
        margin-bottom: 64px;
    }

    .erronscreen-subtitle {
        font-size: 30px;
        line-height: 36px;
        margin-top: -41px;
        margin-bottom: 60px;
    }

    .errorscreen-description {
        font-size: 18px;
        line-height: 30px;
        margin-top: -8px;
        margin-bottom: 38px;
    }
}

@media only screen and (min-width:768px) {
    .errorscreen-container {
        padding: 60px 24px;
    }
}

@media only screen and (min-width:1025px) {
    .errorscreen-container {
        padding: 60px 48px;
    }
}

@media only screen and (min-width:1201px) {
    .errorscreen-container {
        padding: 60px;
    }
}

@media only screen and (min-width:601px) {
    .subnavslide > div {
        -ms-transform: none !important;
        transform: none !important;
        left: 0 !important;
        right: 0 !important;
    }
}

@media only screen and (max-width:450px) {
    .iOS .editprofile-checkboxes #user_fieldOfWorks label, .iOS .editprofile-checkboxes #user_products label, .iOS .editprofile-checkboxes #user_skills label {
        margin-left: 0;
        min-width: 85%;
    }

    .qualityexplorer {
        height: 760px;
    }

    .r-mobilesmall-100 {
        width: 100%;
    }

    .popupwindow--likes {
        max-width: 90%;
    }

    .popupwindow-peopleinfo {
        margin-top: 1rem;
    }

    .popupwindow--likes .popupwindow-side {
        max-height: 64vh;
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
    .calloutsection--screenheight, .errorscreen, .is-videoplay .contenthero {
        height: 1024px;
    }

    .contenthero--featured {
        height: 820px;
    }

    .contenthero--image-xl {
        height: 870px;
    }

    .sceditor-container textarea {
        max-height: 768px;
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .calloutsection--screenheight, .errorscreen, .is-videoplay .contenthero {
        height: 768px;
    }

    .contenthero--featured {
        height: 690px;
    }

    .contenthero--image-xl {
        height: 691px;
    }

    .sceditor-container textarea {
        max-height: 768px;
    }
}

@media screen and (device-aspect-ratio:40 / 71) {
    .calloutsection--screenheight, .errorscreen, .is-videoplay .contenthero {
        height: 500px;
    }

    .contenthero--featured {
        height: 440px;
    }

    .contenthero--image-xl {
        height: 450px;
    }

    .sceditor-container textarea {
        max-height: 375px;
    }
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid;
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .clear a:after, .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    blockquote, pre {
        border: 1px solid #999;
    }

    thead {
        display: table-header-group;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: .5cm;
    }

    h2, h3, p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .avatar, .m-footer, .m-header {
        display: none;
    }

    .contentpanel, .m-mainview {
        padding-top: 0;
    }

    a, a:after {
        content: normal !important;
        text-decoration: none;
    }
}

.department-filter .filtersentence-filterdropdown {
    right: -1em;
    left: auto;
}

@media (max-width:650px) {
    .department-filter .filtersentence-filterdropdown {
        left: -1em;
        right: auto;
    }
}

.story-featured {
    position: absolute;
    top: .5rem;
    right: .5rem;
    font-weight: 700;
    font-size: .55rem;
    text-transform: uppercase;
    color: inherit;
    opacity: .4;
}

.story--education {
    min-height: 0;
}

    .story--education .story-copy {
        padding-bottom: 0;
    }

    .story--education .story-label {
        display: none;
    }

    .story--education .story-title {
        line-height: 1.2;
    }

.story-author {
    color: #a4b2ae;
    font-size: .7rem;
    font-weight: 600;
    margin-bottom: .2rem;
    display: inline-block;
}

.story--education .story-functions {
    display: none;
}

@media (min-width:600px) {
    .story--education .story-image {
        height: 200px;
    }

    .story--education .story-copy {
        font-size: .7rem;
        padding: 1rem;
    }

    .story--education .story-title {
        font-weight: 600;
        font-size: 1rem;
        margin: 0 0 -.25rem;
    }
}

@media (max-width:600px) {
    .story-title {
        padding: .8rem;
        font-size: .7rem;
        margin: 0;
    }
}

@media (min-width:940px) {
    .story--education {
        height: 6.25rem;
        min-height: 0;
        display: table;
        width: 100%;
    }

        .story--education a {
            color: inherit;
            display: table-cell;
            vertical-align: middle;
        }

        .story--education .story-image {
            height: auto;
            top: 0;
            left: 0;
            bottom: 0;
            width: 150px;
            position: absolute;
        }

        .story--education .playbutton, .story--education .story-label {
            display: none;
        }

        .story--education .story-copy {
            text-align: left;
            padding: 0 1.5rem 0 9rem;
            color: inherit;
        }

        .story--education.story--featured .story-copy {
            padding-left: 15.75rem;
        }

        .story--education.story--featured {
            height: 10rem;
        }

            .story--education.story--featured .story-image {
                width: 285px;
            }

        .story--education .story-descriptions {
            margin-top: .2rem;
        }

        .story--education.story--featured .story-title {
            margin-top: 0;
            font-size: 1.1rem;
        }

        .story--education.story--featured .story-descriptions {
            font-size: .8rem;
        }
}

.readmore {
    font-weight: 600;
    color: #fb203a;
}

.pioneer {
    background: #fff;
    margin-bottom: 2rem;
}

.pioneersubscription {
    padding: 2rem 1.5rem;
    color: #fff;
    background: #000;
    position: relative;
}

.pioneersubscription-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    opacity: .25;
}

.pioneersubscription-copy {
    position: relative;
}

.pioneersubscription-description {
    font-size: .75rem;
}

.pioneersubscription-more {
    font-size: .8rem;
    font-weight: 600;
    line-height: 2.5rem;
}

.pioneersubscription-actions {
    padding: .5rem 0 0;
    overflow: hidden;
}

.pioneersubscription-button {
    display: inline-block;
}

.pioneerlinks {
    padding: 1.5rem;
}

.pioneerlinks-list {
    list-style: none;
    padding: 0;
    font-size: .75rem;
}

    .pioneerlinks-list li {
        padding: .1rem 0;
    }

.pioneerlinks-list--separated li {
    padding: .75rem 0;
}

    .pioneerlinks-list--separated li + li {
        border-top: 2px solid rgba(0,0,0,.05);
    }

.pioneerlinks-list--numbered li {
    padding-left: 2.25rem;
    position: relative;
}

    .pioneerlinks-list--numbered li::before {
        content: counter(step-counter);
        counter-increment: step-counter;
        background: #fb203a;
        border-radius: 100%;
        color: #fff;
        display: block;
        width: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        font-weight: 600;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -.75rem;
    }

.pioneerlinks-articlelink, .pioneerlinks-articlelink:visited {
    color: inherit;
    font-weight: 600;
    display: block;
}

.pioneerevent-body {
    padding: 1rem 1.5rem;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: .75rem;
    height: 10rem;
    position: relative;
}

.pioneerevent-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    opacity: .25;
}

.pioneerevent-meta {
    overflow: hidden;
    position: relative;
}

.pioneerevent-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1rem;
    padding: inherit;
}

.pioneervent-title {
    margin: 0 0 .3rem;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
}

.pioneerevent-description {
    margin: 0;
}

.pioneerevent-actions {
    text-align: center;
    min-height: 2.25rem;
}

.pioneerevent-button {
    display: block;
    margin: -1.25rem auto 0;
    max-width: 150px;
}

.pioneerevent-more {
    font-size: .75rem;
    font-weight: 600;
    display: inline-block;
    margin: .6rem 0 .75rem;
}

.timeline-zoomtoggle {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.timeline-itemtitle {
    width: 100%;
}

.timeline-itemdescription {
    width: 100%;
    font-size: .575rem;
    margin: 0;
    opacity: .5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.popupnavigation-button .buttonround-container, .timeline-slide.is-active .timeline-item {
    opacity: 1;
}

.timeline-caption {
    padding: 0 .6rem;
}

.timeline-info, .timeline-info:visited {
    width: 100%;
    color: inherit;
    transition: .2s;
}

.timeline-slide--noline .timeline-item::before, .timeline-slide--noline::after, .timeline-slide--noline::before {
    content: none;
}

.questions {
    padding: 30px 40px;
    font-size: .7rem;
}

.questions-list {
    padding: 0;
}

.questions-title {
    font-size: .9rem;
    font-weight: 600;
    margin: 0 0 .5rem;
}

    .questions-title a {
        color: inherit;
    }

.questions--unnumbered .questions-list li::before {
    content: "\e61d";
    font-family: iconfont;
    font-weight: 400;
    font-size: .4rem;
    color: #fb203a;
    background: 0 0;
    margin-top: 0;
}

.calloutsection--education {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

    .calloutsection--education .calloutsection-stepimage img {
        width: 100%;
    }

    .calloutsection--education .calloutsection-stepdescription--fullwidth {
        display: block;
    }

.contentpanel-author .avatar {
    vertical-align: middle;
    margin-right: .5rem;
}

.popupwindow--story .contentpanel {
    padding-left: 17.5%;
    padding-right: 17.5%;
    margin-top: 0;
    overflow: hidden;
}

.contentpanel--story {
    font-size: .9rem;
}

.content-video {
    position: relative;
    overflow: hidden;
}

    .content-video:before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }

    .content-video iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.popupwindow--story .content h1, .popupwindow--story .content h2, .popupwindow--story .content h3, .popupwindow--story .content h4, .popupwindow--story .content h5 {
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 600;
}

.popupwindow--story .content h1 {
    font-size: 1.5rem;
}

.popupwindow--story .copyshare {
    font-size: .65rem;
    padding: .4rem 2.7rem 0 .5rem;
    display: inline-block;
    float: none;
    width: 100%;
    margin: 0 1rem 0 0;
    line-height: 1.2;
}

    .popupwindow--story .copyshare textarea {
        height: 1.6rem;
    }

.popupwindow--story .contentpanel-footer .socialpanel {
    width: 100%;
    padding-right: 7.3rem;
    box-sizing: border-box;
    position: relative;
    margin: 0;
}

.popupwindow--story .contentpanel-footer .socialbuttons {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.125rem;
    display: inline-block;
}

@media (max-width:1024px) {
    .popupwindow--story .copyshare-copy {
        display: inline-block;
    }
}

.popupnavigation {
    position: relative;
    max-width: 1180px;
    width: 100%;
    background: red;
    z-index: 10;
    margin: 0 auto;
}

.popupnavigation-button, .popupnavigation-button:visited {
    position: absolute;
    top: 50vh;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    border-color: #000;
    margin-top: -.5rem;
}

.popupnavigation-button--prev {
    left: 7.5%;
    text-indent: -.05rem;
}

.popupnavigation-button--next {
    right: 7.5%;
    text-indent: .1rem;
}

.popupnavigation-button .buttonround-label {
    display: none;
}

.popupnavigation-button .icon {
    color: #000;
    line-height: 2.4rem;
}

@media (max-width:940px) {
    .calloutsection--education .calloutsection-stepcontent, .calloutsection--education .calloutsection-steps {
        text-align: left;
    }

    .popupwindow--story .contentpanel {
        padding-left: 7.5%;
        padding-right: 7.5%;
    }

    .popupnavigation {
        display: none;
    }
}

.iconlink .icon-tabs {
    position: static;
    vertical-align: -10%;
}

@media (max-width:600px) {
    .contenthero--small:not(.contenthero--image) h1 {
        font-size: 1.2rem;
    }
}

.producthero--materials .producthero-description {
    font-size: .85rem;
    font-weight: inherit;
    max-width: 520px;
}

@media (max-width:800px) {
    .producthero--materials .producthero-links > li {
        text-align: center;
    }
}

.productswitcher-printer .icon-material {
    font-size: 1.5rem;
    padding: 0 .25rem;
}

.productswitcher--inline {
    padding-top: 1rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    margin-bottom: 0;
    max-width: 340px;
}

@media (max-width:750px) {
    .productswitcher--inline {
        display: block;
        margin: 0 auto;
    }
}

.producthero + .herosupplement {
    padding-bottom: 3rem;
}

@media (max-width:940px) {
    .calloutsection-content {
        padding-top: 2rem;
    }
}

.slider-caption span {
    text-transform: none;
}

.colorpicker-material {
    width: 120%;
}

.colorpicker-more {
    display: none;
    vertical-align: -20%;
    margin-left: .5rem;
}

    .colorpicker-more.is-open, .materialcolors-info {
        display: inline-block;
    }

.popupwindow--printingkit {
    margin: 0 auto;
    max-width: 1180px;
}

    .popupwindow--printingkit .contentpanel {
        background: #F5F5F5;
        margin: 0;
    }

    .popupwindow--printingkit .contentpanel-header {
        margin-bottom: 1.5em;
    }

    .popupwindow--printingkit .popup-title {
        text-transform: uppercase;
        font-weight: 200;
        margin: 0;
        letter-spacing: normal;
        line-height: normal;
    }

    .popupwindow--printingkit .popup-title--xl {
        font-size: 1.7rem;
    }

    .popupwindow--printingkit .popup-title em {
        font-style: normal;
        font-weight: 600;
    }

    .popupwindow--printingkit .popup-description {
        font-size: .8rem;
        padding: 0;
        margin: .5em 0 0;
    }

    .popupwindow--printingkit .popup-price {
        margin: 1rem 0;
    }

    .popupwindow--printingkit .popup-priceside {
        color: #7F7F7F;
        font-size: .75rem;
    }

    .popupwindow--printingkit .popup-price .buttonround {
        margin-left: 1rem;
    }

    .popupwindow--printingkit figure {
        margin: 0;
    }

    .popupwindow--printingkit .contentpanel-image img {
        float: right;
        width: 100%;
        max-width: 280px;
    }

    .popupwindow--printingkit .popup-resellergrid {
        display: inline-block;
        width: 100%;
    }

@media only screen and (max-width:600px) {
    .popupwindow--printingkit figure {
        margin: 1rem 0;
    }

    .popupwindow--printingkit .contentpanel-image img {
        float: left;
    }
}

@media (max-width:940px) {
    .colorpicker-more {
        margin: .5rem 0 0;
    }

    .materialcolors-copy {
        width: 200%;
    }
}

@media (max-width:600px) {
    .materialcolors-copy {
        width: auto;
    }

    .materialcolors-info {
        display: block;
    }
}

.producthero--materials .heroblock-olsson {
    height: auto;
}

.heroblock-kitbadge {
    display: block;
    position: absolute;
    z-index: 10;
    top: 15em;
    right: 0;
    width: 11em;
}

    .heroblock-kitbadge img {
        max-width: 100%;
    }

@media (max-width:1200px) {
    .heroblock-kitbadge {
        width: 7em;
        top: 14rem;
        right: 1em;
    }
}

@media (max-width:1160px) {
    .heroblock-kitbadge {
        width: 7em;
        right: -1em;
        top: 16rem;
    }
}

@media (max-width:960px) {
    .heroblock-kitbadge {
        width: 7em;
        right: -10em;
        top: 16rem;
    }
}

@media only screen and (max-width:940px) {
    .heroblock-kitbadge {
        width: 6em;
        top: 11rem;
        right: 1em;
    }
}

@media only screen and (max-width:800px) {
    .heroblock-kitbadge {
        width: 6em;
        top: 10em;
        right: -2em;
    }
}

@media only screen and (max-width:600px) {
    .heroblock-kitbadge {
        width: 4em;
        top: 7.5em;
        right: 0;
    }

    .questions-list {
        padding: 0;
    }

    .calloutsection--education .calloutsection-stepcontent {
        margin: 0;
    }

    .calloutsection--education .calloutsection-stepimage {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media only screen and (max-width:320px) {
    .readmore-link {
        -ms-flex: 100%;
        flex: 100%;
    }
}

.readmore {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.readmore--inline {
    display: inline;
}

.readmore-link {
    background-color: #fff;
    margin-bottom: 6px;
    display: block;
    text-align: center;
    padding: 14px 0;
    font-size: .72em;
    font-weight: 700;
    -ms-flex: 0 0 calc(50% - 3px);
    flex: 0 0 calc(50% - 3px);
}

    .readmore-link:only-child {
        -ms-flex: auto;
        flex: auto;
    }

.contenthero--support:before, .pagesection.light {
    background: #fff;
}

.contenthero--support {
    height: 450px;
}

    .contenthero--support .title {
        font-size: 2rem;
        color: #18294d;
        margin-bottom: 1rem;
    }

    .contenthero--support .description {
        margin: 0 auto;
        max-width: 550px;
    }

.resellers-network {
    height: 410px;
    padding-top: 2em;
    padding-bottom: 4em;
}

    .resellers-network .resellers-map {
        position: relative;
        width: 55%;
        float: right;
    }

    .resellers-network .resellersmap {
        height: 100%;
    }

.cta .link, .cta .tile {
    height: auto;
    min-height: 166px;
}

.resellers-network .resellers-filter {
    position: absolute;
    right: 0;
    z-index: 1;
    background: 0 0;
}

.resellers-network .resellers-region {
    padding: 10px;
}

    .resellers-network .resellers-region .selector {
        padding: .3em 2em .3em 1em;
    }

.resellers-network .content {
    width: 42%;
    float: left;
    font-size: .9rem;
}

.resellers-network .content-description {
    font-size: .85rem;
}

.resellers-network .content-list {
    list-style: none;
    margin: 0 0 10px;
    display: block;
}

.resellers-network .content-row {
    margin-bottom: 15px;
}

    .resellers-network .content-row .icon-checkmark {
        margin-left: -40px;
        float: left;
        color: #fb203a;
        line-height: 22px;
    }

.resellers-network .buttonround {
    display: inline-block;
}

.cta .tile {
    background-color: #fff;
    font-size: 1rem;
    text-align: left;
}

.cta .content {
    padding: 2rem 0 2rem 2rem;
    font-size: .9rem;
}

.cta .description, .cta .title {
    text-align: left;
    font-size: inherit;
}

.cta .description {
    margin: 0;
    font-size: .85rem;
}

.cta .link {
    position: relative;
}

.cta .buttonround {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

@media only screen and (max-width:940px) {
    .contenthero--support {
        height: 270px;
    }

        .contenthero--support .title {
            font-size: 1.5rem;
            margin: 0;
        }

    .we-block li {
        margin-bottom: 2px;
        border-right: 0;
    }

        .we-block li:nth-child(2n+1) {
            border-right: 2px solid #fff;
        }

    .resellers-network {
        height: auto;
        max-height: none;
        display: inline-block;
        padding: 0;
    }

        .resellers-network .content, .resellers-network .resellers-map {
            width: 100%;
            text-align: center;
            box-sizing: border-box;
        }

        .resellers-network .resellers-map {
            height: 500px;
        }

        .resellers-network .content-list {
            margin: 0 0 1.5rem;
            padding: 0;
        }

        .resellers-network .content-row .icon-checkmark {
            float: none;
            margin: 0;
        }

    .extrasupport .tile {
        height: auto;
    }

    .extrasupport .content {
        position: relative;
    }

    .extrasupport .go-link {
        position: inherit;
        bottom: 0;
    }

    .cta .tile {
        background: 0 0;
    }

    .cta .content {
        padding: 2rem 2rem 1rem;
    }

    .cta .description, .cta .title {
        text-align: center;
    }

    .cta .link {
        padding: 2rem;
        min-height: initial;
    }

    .cta .buttonround {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}

@media only screen and (max-width:600px) {
    .we-block li, .we-block li:nth-child(2n+1) {
        height: 200px;
        border: none;
        margin-bottom: 2px;
    }
}

.um-components {
    padding-top: .1px;
}

    .um-components .hero {
        height: auto;
        color: inherit;
        text-align: left;
        background: #fff;
        margin-top: 62px;
    }

        .um-components .hero:after {
            content: none;
        }

@media (max-width:1024px) {
    .um-components .hero {
        margin-top: 32px;
    }
}

.um-components .hero .hero__description .button--primary {
    margin-bottom: 0;
}

.um-components .preferences-bar__button {
    color: #000;
}

.um-components .setting__description, .um-components .settings-selector__label {
    color: #6b797e;
}

.um-components.drawer {
    position: relative;
    z-index: 1010;
}

.um-components .brands {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.um-components .brands--large .container {
    padding: 60px 12px;
}

.um-components.footer {
    border-top: 1px solid #F5F5F5;
    width: 100%;
}

.cta_font {
    background-color: transparent;
    color: #000;
    font: normal normal 400 2rem/2.6rem fugue,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
}