.cb-checkbox_rounded label > input:focus ~ .cb-checkbox_rounded-box, :focus {
    outline: 0 !important
}

::-moz-selection {
    color: #fff;
    background: #000
}

::selection {
    color: #fff;
    background: #000
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: underline
}

.cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box, a:focus, a:hover {
    color: inherit;
    text-decoration: none
}

a, button, input, label {
    -webkit-tap-highlight-color: transparent
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

figure {
    margin: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    resize: vertical;
    line-height: inherit;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer
}

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

em {
    font-style: normal
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.cb-view {
    height: 100%;
    background: #fff
}

.cb-scene {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none
}

@media (min-width: 1200px) {
    .cb-scene {
        display: block
    }
}

.cb-layout {
    position: relative;
    height: 100%;
    z-index: 1
}

.cb-layout .scrollbar-track {
    right: 3px;
    background: 0 0;
    z-index: 200
}

.cb-layout .scrollbar-thumb-y {
    background: #333
}

.cb-layout .scrollbar-thumb-y:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -3px;
    left: -3px;
    bottom: 0
}

.cb-layout .scrollbar-thumb-y:hover {
    background: #000
}

.cb-layout .scroll-content {
    height: 100%;
    will-change: transform
}

.cb-container {
    padding: 0 20px
}

@media (min-width: 360px) {
    .cb-container {
        padding: 0 30px
    }
}

@media (min-width: 768px) {
    .cb-container {
        padding: 0 40px
    }
}

@media (min-width: 1200px) {
    .cb-container {
        padding: 0 60px
    }
}

.cb-container.-ml, .cb-employment-container, .cb-screenshot-container, .cb-textpaper-container.-ml {
    padding: 0 15px
}

@media (min-width: 768px) {
    .cb-container.-ml, .cb-employment-container, .cb-screenshot-container, .cb-textpaper-container.-ml {
        padding: 0 60px
    }
}

@media (min-width: 1200px) {
    .cb-container.-ml, .cb-employment-container, .cb-screenshot-container, .cb-textpaper-container.-ml {
        padding: 0 90px
    }
}

@media (min-width: 1600px) {
    .cb-container.-ml, .cb-employment-container, .cb-screenshot-container, .cb-textpaper-container.-ml {
        padding: 0 140px
    }
}

.cb-advantage-container, .cb-billboard-container, .cb-brief-container, .cb-container.-lg, .cb-definition-container, .cb-description-container, .cb-featured-container, .cb-feedback-container, .cb-hero-container, .cb-listing-container, .cb-modal_box-container, .cb-newsfeed-container, .cb-nextcase-container, .cb-numstat-container, .cb-outro-container, .cb-preview-container, .cb-relcase-container, .cb-request-container, .cb-smfeed-container, .cb-splitshow-container, .cb-tagreel-container, .cb-textpaper-container, .cb-tophead-container, .cb-work-container {
    padding: 0 20px
}

@media (min-width: 360px) {
    .cb-advantage-container, .cb-billboard-container, .cb-brief-container, .cb-container.-lg, .cb-definition-container, .cb-description-container, .cb-featured-container, .cb-feedback-container, .cb-hero-container, .cb-listing-container, .cb-modal_box-container, .cb-newsfeed-container, .cb-nextcase-container, .cb-numstat-container, .cb-outro-container, .cb-preview-container, .cb-relcase-container, .cb-request-container, .cb-smfeed-container, .cb-splitshow-container, .cb-tagreel-container, .cb-textpaper-container, .cb-tophead-container, .cb-work-container {
        padding: 0 30px
    }
}

@media (min-width: 768px) {
    .cb-advantage-container, .cb-billboard-container, .cb-brief-container, .cb-container.-lg, .cb-definition-container, .cb-description-container, .cb-featured-container, .cb-feedback-container, .cb-hero-container, .cb-listing-container, .cb-modal_box-container, .cb-newsfeed-container, .cb-nextcase-container, .cb-numstat-container, .cb-outro-container, .cb-preview-container, .cb-relcase-container, .cb-request-container, .cb-smfeed-container, .cb-splitshow-container, .cb-tagreel-container, .cb-textpaper-container, .cb-tophead-container, .cb-work-container {
        padding: 0 100px
    }
}

@media (min-width: 1024px) {
    .cb-advantage-container, .cb-billboard-container, .cb-brief-container, .cb-container.-lg, .cb-definition-container, .cb-description-container, .cb-featured-container, .cb-feedback-container, .cb-hero-container, .cb-listing-container, .cb-modal_box-container, .cb-newsfeed-container, .cb-nextcase-container, .cb-numstat-container, .cb-outro-container, .cb-preview-container, .cb-relcase-container, .cb-request-container, .cb-smfeed-container, .cb-splitshow-container, .cb-tagreel-container, .cb-textpaper-container, .cb-tophead-container, .cb-work-container {
        padding: 0 120px
    }
}

@media (min-width: 1200px) {
    .cb-advantage-container, .cb-billboard-container, .cb-brief-container, .cb-container.-lg, .cb-definition-container, .cb-description-container, .cb-featured-container, .cb-feedback-container, .cb-hero-container, .cb-listing-container, .cb-modal_box-container, .cb-newsfeed-container, .cb-nextcase-container, .cb-numstat-container, .cb-outro-container, .cb-preview-container, .cb-relcase-container, .cb-request-container, .cb-smfeed-container, .cb-splitshow-container, .cb-tagreel-container, .cb-textpaper-container, .cb-tophead-container, .cb-work-container {
        padding: 0 150px
    }
}

@media (min-width: 1350px) {
    .cb-advantage-container, .cb-billboard-container, .cb-brief-container, .cb-container.-lg, .cb-definition-container, .cb-description-container, .cb-featured-container, .cb-feedback-container, .cb-hero-container, .cb-listing-container, .cb-modal_box-container, .cb-newsfeed-container, .cb-nextcase-container, .cb-numstat-container, .cb-outro-container, .cb-preview-container, .cb-relcase-container, .cb-request-container, .cb-smfeed-container, .cb-splitshow-container, .cb-tagreel-container, .cb-textpaper-container, .cb-tophead-container, .cb-work-container {
        padding: 0 180px
    }
}

@media (min-width: 1600px) {
    .cb-advantage-container, .cb-billboard-container, .cb-brief-container, .cb-container.-lg, .cb-definition-container, .cb-description-container, .cb-featured-container, .cb-feedback-container, .cb-hero-container, .cb-listing-container, .cb-modal_box-container, .cb-newsfeed-container, .cb-nextcase-container, .cb-numstat-container, .cb-outro-container, .cb-preview-container, .cb-relcase-container, .cb-request-container, .cb-smfeed-container, .cb-splitshow-container, .cb-tagreel-container, .cb-textpaper-container, .cb-tophead-container, .cb-work-container {
        padding: 0 220px
    }
}

@media (min-width: 1900px) {
    .cb-advantage-container, .cb-billboard-container, .cb-brief-container, .cb-container.-lg, .cb-definition-container, .cb-description-container, .cb-featured-container, .cb-feedback-container, .cb-hero-container, .cb-listing-container, .cb-modal_box-container, .cb-newsfeed-container, .cb-nextcase-container, .cb-numstat-container, .cb-outro-container, .cb-preview-container, .cb-relcase-container, .cb-request-container, .cb-smfeed-container, .cb-splitshow-container, .cb-tagreel-container, .cb-textpaper-container, .cb-tophead-container, .cb-work-container {
        padding: 0 270px
    }
}

@media (min-width: 1024px) {
    .cb-container.-fixed {
        margin: 0 auto;
        max-width: 1024px
    }
}

@media (min-width: 1200px) {
    .cb-container.-fixed {
        max-width: 1200px
    }
}

@media (min-width: 1600px) {
    .cb-container.-fixed {
        max-width: 1600px
    }
}

.cb-advantage-content, .cb-billboard-content, .cb-brief-content, .cb-content, .cb-definition-content, .cb-description-content, .cb-employment-content, .cb-employment-top, .cb-feedback-content, .cb-listing-content, .cb-nextcase-content, .cb-numstat-content, .cb-relcase-content, .cb-screenshot-content, .cb-smfeed-content, .cb-splitshow-content {
    padding: 120px 0
}

@media (min-width: 360px) {
    .cb-advantage-content, .cb-billboard-content, .cb-brief-content, .cb-content, .cb-definition-content, .cb-description-content, .cb-employment-content, .cb-employment-top, .cb-feedback-content, .cb-listing-content, .cb-nextcase-content, .cb-numstat-content, .cb-relcase-content, .cb-screenshot-content, .cb-smfeed-content, .cb-splitshow-content {
        padding: 170px 0
    }
}

@media (min-width: 768px) {
    .cb-advantage-content, .cb-billboard-content, .cb-brief-content, .cb-content, .cb-definition-content, .cb-description-content, .cb-employment-content, .cb-employment-top, .cb-feedback-content, .cb-listing-content, .cb-nextcase-content, .cb-numstat-content, .cb-relcase-content, .cb-screenshot-content, .cb-smfeed-content, .cb-splitshow-content {
        padding: 300px 0
    }
}

@media (min-width: 1600px) {
    .cb-advantage-content, .cb-billboard-content, .cb-brief-content, .cb-content, .cb-definition-content, .cb-description-content, .cb-employment-content, .cb-employment-top, .cb-feedback-content, .cb-listing-content, .cb-nextcase-content, .cb-numstat-content, .cb-relcase-content, .cb-screenshot-content, .cb-smfeed-content, .cb-splitshow-content {
        padding: 350px 0
    }
}

.-rp.cb-advantage-content, .-rp.cb-billboard-content, .-rp.cb-brief-content, .-rp.cb-definition-content, .-rp.cb-description-content, .-rp.cb-employment-content, .-rp.cb-employment-top, .-rp.cb-feedback-content, .-rp.cb-listing-content, .-rp.cb-nextcase-content, .-rp.cb-numstat-content, .-rp.cb-relcase-content, .-rp.cb-screenshot-content, .-rp.cb-smfeed-content, .-rp.cb-splitshow-content, .-rt.cb-advantage-content, .-rt.cb-billboard-content, .-rt.cb-brief-content, .-rt.cb-definition-content, .-rt.cb-description-content, .-rt.cb-employment-content, .-rt.cb-employment-top, .-rt.cb-feedback-content, .-rt.cb-listing-content, .-rt.cb-nextcase-content, .-rt.cb-numstat-content, .-rt.cb-relcase-content, .-rt.cb-screenshot-content, .-rt.cb-smfeed-content, .-rt.cb-splitshow-content, .cb-content.-rp, .cb-content.-rt {
    padding-top: 60px
}

@media (min-width: 360px) {
    .-rp.cb-advantage-content, .-rp.cb-billboard-content, .-rp.cb-brief-content, .-rp.cb-definition-content, .-rp.cb-description-content, .-rp.cb-employment-content, .-rp.cb-employment-top, .-rp.cb-feedback-content, .-rp.cb-listing-content, .-rp.cb-nextcase-content, .-rp.cb-numstat-content, .-rp.cb-relcase-content, .-rp.cb-screenshot-content, .-rp.cb-smfeed-content, .-rp.cb-splitshow-content, .-rt.cb-advantage-content, .-rt.cb-billboard-content, .-rt.cb-brief-content, .-rt.cb-definition-content, .-rt.cb-description-content, .-rt.cb-employment-content, .-rt.cb-employment-top, .-rt.cb-feedback-content, .-rt.cb-listing-content, .-rt.cb-nextcase-content, .-rt.cb-numstat-content, .-rt.cb-relcase-content, .-rt.cb-screenshot-content, .-rt.cb-smfeed-content, .-rt.cb-splitshow-content, .cb-content.-rp, .cb-content.-rt {
        padding-top: 85px
    }
}

@media (min-width: 768px) {
    .-rp.cb-advantage-content, .-rp.cb-billboard-content, .-rp.cb-brief-content, .-rp.cb-definition-content, .-rp.cb-description-content, .-rp.cb-employment-content, .-rp.cb-employment-top, .-rp.cb-feedback-content, .-rp.cb-listing-content, .-rp.cb-nextcase-content, .-rp.cb-numstat-content, .-rp.cb-relcase-content, .-rp.cb-screenshot-content, .-rp.cb-smfeed-content, .-rp.cb-splitshow-content, .-rt.cb-advantage-content, .-rt.cb-billboard-content, .-rt.cb-brief-content, .-rt.cb-definition-content, .-rt.cb-description-content, .-rt.cb-employment-content, .-rt.cb-employment-top, .-rt.cb-feedback-content, .-rt.cb-listing-content, .-rt.cb-nextcase-content, .-rt.cb-numstat-content, .-rt.cb-relcase-content, .-rt.cb-screenshot-content, .-rt.cb-smfeed-content, .-rt.cb-splitshow-content, .cb-content.-rp, .cb-content.-rt {
        padding-top: 150px
    }
}

@media (min-width: 1600px) {
    .-rp.cb-advantage-content, .-rp.cb-billboard-content, .-rp.cb-brief-content, .-rp.cb-definition-content, .-rp.cb-description-content, .-rp.cb-employment-content, .-rp.cb-employment-top, .-rp.cb-feedback-content, .-rp.cb-listing-content, .-rp.cb-nextcase-content, .-rp.cb-numstat-content, .-rp.cb-relcase-content, .-rp.cb-screenshot-content, .-rp.cb-smfeed-content, .-rp.cb-splitshow-content, .-rt.cb-advantage-content, .-rt.cb-billboard-content, .-rt.cb-brief-content, .-rt.cb-definition-content, .-rt.cb-description-content, .-rt.cb-employment-content, .-rt.cb-employment-top, .-rt.cb-feedback-content, .-rt.cb-listing-content, .-rt.cb-nextcase-content, .-rt.cb-numstat-content, .-rt.cb-relcase-content, .-rt.cb-screenshot-content, .-rt.cb-smfeed-content, .-rt.cb-splitshow-content, .cb-content.-rp, .cb-content.-rt {
        padding-top: 175px
    }
}

.-mt.cb-advantage-content, .-mt.cb-billboard-content, .-mt.cb-brief-content, .-mt.cb-definition-content, .-mt.cb-description-content, .-mt.cb-employment-content, .-mt.cb-employment-top, .-mt.cb-feedback-content, .-mt.cb-listing-content, .-mt.cb-nextcase-content, .-mt.cb-numstat-content, .-mt.cb-relcase-content, .-mt.cb-screenshot-content, .-mt.cb-smfeed-content, .-mt.cb-splitshow-content, .cb-content.-mt {
    padding-top: 30px
}

@media (min-width: 360px) {
    .-mt.cb-advantage-content, .-mt.cb-billboard-content, .-mt.cb-brief-content, .-mt.cb-definition-content, .-mt.cb-description-content, .-mt.cb-employment-content, .-mt.cb-employment-top, .-mt.cb-feedback-content, .-mt.cb-listing-content, .-mt.cb-nextcase-content, .-mt.cb-numstat-content, .-mt.cb-relcase-content, .-mt.cb-screenshot-content, .-mt.cb-smfeed-content, .-mt.cb-splitshow-content, .cb-content.-mt {
        padding-top: 43px
    }
}

@media (min-width: 768px) {
    .-mt.cb-advantage-content, .-mt.cb-billboard-content, .-mt.cb-brief-content, .-mt.cb-definition-content, .-mt.cb-description-content, .-mt.cb-employment-content, .-mt.cb-employment-top, .-mt.cb-feedback-content, .-mt.cb-listing-content, .-mt.cb-nextcase-content, .-mt.cb-numstat-content, .-mt.cb-relcase-content, .-mt.cb-screenshot-content, .-mt.cb-smfeed-content, .-mt.cb-splitshow-content, .cb-content.-mt {
        padding-top: 75px
    }
}

@media (min-width: 1600px) {
    .-mt.cb-advantage-content, .-mt.cb-billboard-content, .-mt.cb-brief-content, .-mt.cb-definition-content, .-mt.cb-description-content, .-mt.cb-employment-content, .-mt.cb-employment-top, .-mt.cb-feedback-content, .-mt.cb-listing-content, .-mt.cb-nextcase-content, .-mt.cb-numstat-content, .-mt.cb-relcase-content, .-mt.cb-screenshot-content, .-mt.cb-smfeed-content, .-mt.cb-splitshow-content, .cb-content.-mt {
        padding-top: 88px
    }
}

.-ct.cb-advantage-content, .-ct.cb-billboard-content, .-ct.cb-brief-content, .-ct.cb-definition-content, .-ct.cb-description-content, .-ct.cb-employment-content, .-ct.cb-employment-top, .-ct.cb-feedback-content, .-ct.cb-listing-content, .-ct.cb-nextcase-content, .-ct.cb-numstat-content, .-ct.cb-relcase-content, .-ct.cb-screenshot-content, .-ct.cb-smfeed-content, .-ct.cb-splitshow-content, .cb-content.-ct {
    padding-top: 0
}

.-rb.cb-advantage-content, .-rb.cb-billboard-content, .-rb.cb-brief-content, .-rb.cb-definition-content, .-rb.cb-description-content, .-rb.cb-employment-content, .-rb.cb-employment-top, .-rb.cb-feedback-content, .-rb.cb-listing-content, .-rb.cb-nextcase-content, .-rb.cb-numstat-content, .-rb.cb-relcase-content, .-rb.cb-screenshot-content, .-rb.cb-smfeed-content, .-rb.cb-splitshow-content, .-rp.cb-advantage-content, .-rp.cb-billboard-content, .-rp.cb-brief-content, .-rp.cb-definition-content, .-rp.cb-description-content, .-rp.cb-employment-content, .-rp.cb-employment-top, .-rp.cb-feedback-content, .-rp.cb-listing-content, .-rp.cb-nextcase-content, .-rp.cb-numstat-content, .-rp.cb-relcase-content, .-rp.cb-screenshot-content, .-rp.cb-smfeed-content, .-rp.cb-splitshow-content, .cb-content.-rb, .cb-content.-rp {
    padding-bottom: 60px
}

@media (min-width: 360px) {
    .-rb.cb-advantage-content, .-rb.cb-billboard-content, .-rb.cb-brief-content, .-rb.cb-definition-content, .-rb.cb-description-content, .-rb.cb-employment-content, .-rb.cb-employment-top, .-rb.cb-feedback-content, .-rb.cb-listing-content, .-rb.cb-nextcase-content, .-rb.cb-numstat-content, .-rb.cb-relcase-content, .-rb.cb-screenshot-content, .-rb.cb-smfeed-content, .-rb.cb-splitshow-content, .-rp.cb-advantage-content, .-rp.cb-billboard-content, .-rp.cb-brief-content, .-rp.cb-definition-content, .-rp.cb-description-content, .-rp.cb-employment-content, .-rp.cb-employment-top, .-rp.cb-feedback-content, .-rp.cb-listing-content, .-rp.cb-nextcase-content, .-rp.cb-numstat-content, .-rp.cb-relcase-content, .-rp.cb-screenshot-content, .-rp.cb-smfeed-content, .-rp.cb-splitshow-content, .cb-content.-rb, .cb-content.-rp {
        padding-bottom: 85px
    }
}

@media (min-width: 768px) {
    .-rb.cb-advantage-content, .-rb.cb-billboard-content, .-rb.cb-brief-content, .-rb.cb-definition-content, .-rb.cb-description-content, .-rb.cb-employment-content, .-rb.cb-employment-top, .-rb.cb-feedback-content, .-rb.cb-listing-content, .-rb.cb-nextcase-content, .-rb.cb-numstat-content, .-rb.cb-relcase-content, .-rb.cb-screenshot-content, .-rb.cb-smfeed-content, .-rb.cb-splitshow-content, .-rp.cb-advantage-content, .-rp.cb-billboard-content, .-rp.cb-brief-content, .-rp.cb-definition-content, .-rp.cb-description-content, .-rp.cb-employment-content, .-rp.cb-employment-top, .-rp.cb-feedback-content, .-rp.cb-listing-content, .-rp.cb-nextcase-content, .-rp.cb-numstat-content, .-rp.cb-relcase-content, .-rp.cb-screenshot-content, .-rp.cb-smfeed-content, .-rp.cb-splitshow-content, .cb-content.-rb, .cb-content.-rp {
        padding-bottom: 150px
    }
}

@media (min-width: 1600px) {
    .-rb.cb-advantage-content, .-rb.cb-billboard-content, .-rb.cb-brief-content, .-rb.cb-definition-content, .-rb.cb-description-content, .-rb.cb-employment-content, .-rb.cb-employment-top, .-rb.cb-feedback-content, .-rb.cb-listing-content, .-rb.cb-nextcase-content, .-rb.cb-numstat-content, .-rb.cb-relcase-content, .-rb.cb-screenshot-content, .-rb.cb-smfeed-content, .-rb.cb-splitshow-content, .-rp.cb-advantage-content, .-rp.cb-billboard-content, .-rp.cb-brief-content, .-rp.cb-definition-content, .-rp.cb-description-content, .-rp.cb-employment-content, .-rp.cb-employment-top, .-rp.cb-feedback-content, .-rp.cb-listing-content, .-rp.cb-nextcase-content, .-rp.cb-numstat-content, .-rp.cb-relcase-content, .-rp.cb-screenshot-content, .-rp.cb-smfeed-content, .-rp.cb-splitshow-content, .cb-content.-rb, .cb-content.-rp {
        padding-bottom: 175px
    }
}

.-mb.cb-advantage-content, .-mb.cb-billboard-content, .-mb.cb-brief-content, .-mb.cb-definition-content, .-mb.cb-description-content, .-mb.cb-employment-content, .-mb.cb-employment-top, .-mb.cb-feedback-content, .-mb.cb-listing-content, .-mb.cb-nextcase-content, .-mb.cb-numstat-content, .-mb.cb-relcase-content, .-mb.cb-screenshot-content, .-mb.cb-smfeed-content, .-mb.cb-splitshow-content, .cb-content.-mb {
    padding-bottom: 30px
}

@media (min-width: 360px) {
    .-mb.cb-advantage-content, .-mb.cb-billboard-content, .-mb.cb-brief-content, .-mb.cb-definition-content, .-mb.cb-description-content, .-mb.cb-employment-content, .-mb.cb-employment-top, .-mb.cb-feedback-content, .-mb.cb-listing-content, .-mb.cb-nextcase-content, .-mb.cb-numstat-content, .-mb.cb-relcase-content, .-mb.cb-screenshot-content, .-mb.cb-smfeed-content, .-mb.cb-splitshow-content, .cb-content.-mb {
        padding-bottom: 43px
    }
}

@media (min-width: 768px) {
    .-mb.cb-advantage-content, .-mb.cb-billboard-content, .-mb.cb-brief-content, .-mb.cb-definition-content, .-mb.cb-description-content, .-mb.cb-employment-content, .-mb.cb-employment-top, .-mb.cb-feedback-content, .-mb.cb-listing-content, .-mb.cb-nextcase-content, .-mb.cb-numstat-content, .-mb.cb-relcase-content, .-mb.cb-screenshot-content, .-mb.cb-smfeed-content, .-mb.cb-splitshow-content, .cb-content.-mb {
        padding-bottom: 75px
    }
}

@media (min-width: 1600px) {
    .-mb.cb-advantage-content, .-mb.cb-billboard-content, .-mb.cb-brief-content, .-mb.cb-definition-content, .-mb.cb-description-content, .-mb.cb-employment-content, .-mb.cb-employment-top, .-mb.cb-feedback-content, .-mb.cb-listing-content, .-mb.cb-nextcase-content, .-mb.cb-numstat-content, .-mb.cb-relcase-content, .-mb.cb-screenshot-content, .-mb.cb-smfeed-content, .-mb.cb-splitshow-content, .cb-content.-mb {
        padding-bottom: 88px
    }
}

.-cb.cb-advantage-content, .-cb.cb-billboard-content, .-cb.cb-brief-content, .-cb.cb-definition-content, .-cb.cb-description-content, .-cb.cb-employment-content, .-cb.cb-employment-top, .-cb.cb-feedback-content, .-cb.cb-listing-content, .-cb.cb-nextcase-content, .-cb.cb-numstat-content, .-cb.cb-relcase-content, .-cb.cb-screenshot-content, .-cb.cb-smfeed-content, .-cb.cb-splitshow-content, .cb-content.-cb {
    padding-bottom: 0
}

.-cp.cb-advantage-content, .-cp.cb-billboard-content, .-cp.cb-brief-content, .-cp.cb-definition-content, .-cp.cb-description-content, .-cp.cb-employment-content, .-cp.cb-employment-top, .-cp.cb-feedback-content, .-cp.cb-listing-content, .-cp.cb-nextcase-content, .-cp.cb-numstat-content, .-cp.cb-relcase-content, .-cp.cb-screenshot-content, .-cp.cb-smfeed-content, .-cp.cb-splitshow-content, .cb-content.-cp {
    padding-top: 0;
    padding-bottom: 0
}

.-color-ulesson {
    color: #fb7554
}

.-color-ulesson-bg {
    background-color: #fb7554
}

.-color-riyadh {
    color: #93c252
}

.-color-riyadh-bg {
    background-color: #93c252
}

.-color-sigma {
    color: #fb6052
}

.-color-sigma-bg {
    background-color: #fb6052
}

.-color-sleepiest {
    color: #893596
}

.-color-sleepiest-bg {
    background-color: #893596
}

.-color-genesis {
    color: #57c0b3
}

.-color-genesis-bg {
    background-color: #57c0b3
}

.-color-genesis-branding {
    color: #57c0b3
}

.-color-genesis-branding-bg {
    background-color: #57c0b3
}

.-color-nana {
    color: #fbd6d5
}

.-color-nana-bg {
    background-color: #fbd6d5
}

.-color-wickret {
    color: #3a83f5
}

.-color-wickret-bg {
    background-color: #3a83f5
}

.-color-wambi {
    color: #b673e9
}

.-color-wambi-bg {
    background-color: #b673e9
}

.-color-monmarche {
    color: #b9dec6
}

.-color-monmarche-bg {
    background-color: #b9dec6
}

.-color-ohmhealth {
    color: #d3f6f4
}

.-color-ohmhealth-bg {
    background-color: #d3f6f4
}

.-color-dsx {
    color: #4149cf
}

.-color-dsx-bg {
    background-color: #4149cf
}

.-color-dsx-branding {
    color: #4149cf
}

.-color-dsx-branding-bg {
    background-color: #4149cf
}

.-color-consumervoice {
    color: #decb82
}

.-color-consumervoice-bg {
    background-color: #decb82
}

.-color-puntopago {
    color: #293d94
}

.-color-puntopago-bg {
    background-color: #293d94
}

.-color-datalight {
    color: #ca1386
}

.-color-datalight-bg {
    background-color: #ca1386
}

.-color-rallyreader {
    color: #574696
}

.-color-rallyreader-bg {
    background-color: #574696
}

.-color-raiffeisen {
    color: #feda55
}

.-color-raiffeisen-bg {
    background-color: #feda55
}

.-color-cisco {
    color: #adcbe5
}

.-color-cisco-bg {
    background-color: #adcbe5
}

.-color-service-digital {
    color: #f6e2de
}

.-color-service-digital-bg {
    background-color: #f6e2de
}

.-color-service-mobile {
    color: #f6b61d
}

.-color-service-mobile-bg {
    background-color: #f6b61d
}

.-color-service-branding {
    color: #decb82
}

.-color-service-branding-bg {
    background-color: #decb82
}

.-color-service-concept {
    color: #fb6052
}

.-color-service-concept-bg {
    background-color: #fb6052
}

.-color-service-marketing {
    color: #b62c83
}

.-color-service-marketing-bg {
    background-color: #b62c83
}

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

.-color-facebook-bg {
    background-color: #3b5998
}

.-color-twitter {
    color: #00acee
}

.-color-twitter-bg {
    background-color: #00acee
}

.-color-behance {
    color: #1769ff
}

.-color-behance-bg {
    background-color: #1769ff
}

.-color-dribbble {
    color: #ea4c89
}

.-color-dribbble-bg {
    background-color: #ea4c89
}

.-color-instagram {
    color: #833ab4
}

.-color-instagram-bg {
    background-color: #833ab4
}

.-color-youtube {
    color: #c4302b
}

.-color-youtube-bg {
    background-color: #c4302b
}

.-color-patreon {
    color: #f76959
}

.-color-patreon-bg {
    background-color: #f76959
}

.cb-svgsprite {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: middle
}

.cb-menu-logo {
    position: fixed;
    top: 28px;
    left: 20px;
    z-index: 151;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .8s;
    -o-transition: opacity .8s;
    -moz-transition: opacity .8s;
    transition: opacity .8s
}

@media (min-width: 360px) {
    .cb-menu-logo {
        left: 30px
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-logo {
        top: 40px;
        left: 40px
    }
}

@media (min-width: 1200px) and (min-height: 700px) {
    .cb-menu-logo {
        top: 60px;
        left: 60px
    }
}

.cb-menu-logo svg {
    width: 88px;
    height: 19px
}

@media (min-width: 768px) {
    .cb-menu-logo svg {
        width: 94px;
        height: 20px
    }
}

.cb-menu-logo.-visible {
    opacity: 1
}

.cb-menu-toggle {
    position: fixed;
    top: 27px;
    right: 20px;
    z-index: 151
}

@media (min-width: 360px) {
    .cb-menu-toggle {
        right: 30px
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-toggle {
        top: 40px;
        right: 40px
    }
}

@media (min-width: 1200px) and (min-height: 700px) {
    .cb-menu-toggle {
        top: 60px;
        right: 60px
    }
}

.cb-menu-box {
    display: none
}

.cb-menu-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 97;
    pointer-events: none;
    background: rgba(238, 238, 238, .7)
}

.cb-menu-content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 50px 0 90px 0;
    background: #fff
}

@media (min-height: 550px) {
    .cb-menu-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }
}

@media (min-width: 768px) {
    .cb-menu-content {
        width: 689px;
        left: auto
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 0 0 0
    }
}

@media (min-width: 768px) and (min-height: 600px) {
    .cb-menu-content {
        padding: 40px 0 0 0
    }
}

@media (min-width: 1600px) and (min-height: 700px) {
    .cb-menu-content {
        width: 880px;
        padding: 50px 0 0 0
    }
}

.cb-menu-container {
    width: 100%;
    padding: 0 30px 0 45px
}

@media (min-width: 768px) {
    .cb-menu-container {
        padding: 0 98px
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        width: 100%
    }
}

.cb-menu-footer {
    padding: 70px 0 0 0
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-footer {
        padding: 0 0 50px 0
    }
}

@media (min-width: 1600px) and (min-height: 700px) {
    .cb-menu-footer {
        padding: 0 0 84px 0
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-grid-col {
        -webkit-box-flex: 1.2;
        -webkit-flex: 1.2;
        -moz-box-flex: 1.2;
        -ms-flex: 1.2;
        flex: 1.2
    }
}

.cb-menu-grid-col.-left {
    display: none
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-grid-col.-left {
        display: block;
        -webkit-box-flex: .8;
        -webkit-flex: .8;
        -moz-box-flex: .8;
        -ms-flex: .8;
        flex: .8
    }
}

.cb-menu-title {
    color: rgba(0, 0, 0, .3);
    font-size: 16px;
    line-height: 100%
}

.cb-menu-nav {
    margin: -4px 0;
    padding: 30px 0 0 0
}

@media (min-width: 1600px) and (min-height: 700px) {
    .cb-menu-nav {
        margin: -9px 0;
        padding: 60px 0 0 0
    }
}

.cb-menu-nav-item {
    position: relative;
    display: block;
    margin: 4px 0
}

@media (min-width: 1600px) and (min-height: 700px) {
    .cb-menu-nav-item {
        margin: 9px 0
    }
}

.cb-menu-nav-item a {
    display: inline-block;
    position: relative;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: -.05em;
    line-height: 47px;
    text-decoration: none
}

@media (min-width: 360px) {
    .cb-menu-nav-item a {
        font-size: 42px;
        line-height: 52px
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-nav-item a {
        font-size: 60px;
        line-height: 74px
    }
}

.cb-menu-nav-item a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: -webkit-transform .5s, -webkit-transform-origin 0s;
    transition: -webkit-transform .5s, -webkit-transform-origin 0s;
    -o-transition: -o-transform .5s, -o-transform-origin 0s;
    -moz-transition: transform .5s, transform-origin 0s, -moz-transform .5s, -moz-transform-origin 0s;
    transition: transform .5s, transform-origin 0s;
    transition: transform .5s, transform-origin 0s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, -webkit-transform-origin 0s, -moz-transform-origin 0s, -ms-transform-origin 0s, -o-transform-origin 0s
}

@media (min-width: 768px) {
    .cb-menu-nav-item a:before {
        bottom: -7px
    }
}

.cb-menu-nav-item a em {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0 .01em 0 0
}

.cb-menu-nav-item a span {
    display: inline-block;
    color: transparent;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1)
}

.cb-menu-nav-item a span:after, .cb-menu-nav-item a span:before {
    content: attr(data-text);
    display: block;
    position: absolute;
    color: #000
}

.cb-menu-nav-item a span:before {
    top: 0;
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    -o-transform: skewY(0);
    transform: skewY(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}

.cb-menu-nav-item a span:after {
    top: 105%;
    -webkit-transform: skewY(7deg);
    -moz-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    transform: skewY(7deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}

.cb-checkbox_rounded .cb-menu-nav-item label > input:focus ~ a.cb-checkbox_rounded-box span, .cb-menu-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box span, .cb-menu-nav-item a:focus span, .cb-menu-nav-item a:hover span {
    -webkit-transform: translateY(-105%);
    -moz-transform: translateY(-105%);
    -ms-transform: translateY(-105%);
    -o-transform: translateY(-105%);
    transform: translateY(-105%)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded .cb-menu-nav-item label > input:focus ~ a.cb-checkbox_rounded-box span, .cb-menu-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box span, .cb-menu-nav-item a:focus span, .cb-menu-nav-item a:hover span {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-checkbox_rounded .cb-menu-nav-item label > input:focus ~ a.cb-checkbox_rounded-box span:before, .cb-menu-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box span:before, .cb-menu-nav-item a:focus span:before, .cb-menu-nav-item a:hover span:before {
    -webkit-transform: skewY(7deg);
    -moz-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    transform: skewY(7deg)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded .cb-menu-nav-item label > input:focus ~ a.cb-checkbox_rounded-box span:before, .cb-menu-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box span:before, .cb-menu-nav-item a:focus span:before, .cb-menu-nav-item a:hover span:before {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-checkbox_rounded .cb-menu-nav-item label > input:focus ~ a.cb-checkbox_rounded-box span:after, .cb-menu-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box span:after, .cb-menu-nav-item a:focus span:after, .cb-menu-nav-item a:hover span:after {
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    -o-transform: skewY(0);
    transform: skewY(0)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded .cb-menu-nav-item label > input:focus ~ a.cb-checkbox_rounded-box span:after, .cb-menu-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box span:after, .cb-menu-nav-item a:focus span:after, .cb-menu-nav-item a:hover span:after {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-menu-nav-item.-marked a:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.cb-menu-social {
    display: inline-block;
    margin: -24px 0;
    padding: 40px 0 0 0
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-menu-social {
        padding: 60px 0 0 0
    }
}

@media (min-width: 1600px) and (min-height: 700px) {
    .cb-menu-social {
        margin: -26px 0;
        padding: 88px 0 0 0
    }
}

.cb-menu-social-item {
    position: relative;
    display: block;
    padding: 12px 0;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .00464286em;
    text-transform: capitalize;
    text-decoration: none
}

@media (min-width: 1600px) and (min-height: 700px) {
    .cb-menu-social-item {
        padding: 13px 0
    }
}

.cb-menu-social-item em {
    display: block;
    position: relative;
    overflow: hidden
}

.cb-menu-social-item em span {
    display: block;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.cb-menu-social-item em span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 130%;
    -webkit-transform: skewY(10deg);
    -moz-transform: skewY(10deg);
    -ms-transform: skewY(10deg);
    -o-transform: skewY(10deg);
    transform: skewY(10deg);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1)
}

.cb-checkbox_rounded label > input:focus ~ .cb-menu-social-item.cb-checkbox_rounded-box em span, .cb-menu-social-item:focus em span, .cb-menu-social-item:hover em span {
    -webkit-transform: translateY(-130%) skewY(5deg);
    -moz-transform: translateY(-130%) skewY(5deg);
    -ms-transform: translateY(-130%) skewY(5deg);
    -o-transform: translateY(-130%) skewY(5deg);
    transform: translateY(-130%) skewY(5deg)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded label > input:focus ~ .cb-menu-social-item.cb-checkbox_rounded-box em span, .cb-menu-social-item:focus em span, .cb-menu-social-item:hover em span {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-checkbox_rounded label > input:focus ~ .cb-menu-social-item.cb-checkbox_rounded-box em span:after, .cb-menu-social-item:focus em span:after, .cb-menu-social-item:hover em span:after {
    -webkit-transform: skewY(-5deg);
    -moz-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    -o-transform: skewY(-5deg);
    transform: skewY(-5deg)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded label > input:focus ~ .cb-menu-social-item.cb-checkbox_rounded-box em span:after, .cb-menu-social-item:focus em span:after, .cb-menu-social-item:hover em span:after {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-menu-mail {
    display: block;
    padding: 12px 0 0 0
}

@media (min-width: 1600px) and (min-height: 700px) {
    .cb-menu-mail {
        padding: 20px 0 0 0
    }
}

.cb-menu-mail a {
    position: relative;
    display: inline-block;
    padding: 0 0 5px 0;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .00464286em;
    text-decoration: none
}

@media (min-width: 1600px) and (min-height: 700px) {
    .cb-menu-mail a {
        padding: 0 0 6px 0;
        font-size: 20px;
        line-height: 25px
    }
}

.cb-menu-mail a:after, .cb-menu-mail a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(0, 0, 0, .3)
}

.cb-menu-mail a:after {
    background: #000;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 1s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 1s cubic-bezier(.19, 1, .22, 1), -moz-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1), -moz-transform 1s cubic-bezier(.19, 1, .22, 1), -o-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.cb-checkbox_rounded .cb-menu-mail label > input:focus ~ a.cb-checkbox_rounded-box:after, .cb-menu-mail .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box:after, .cb-menu-mail a:focus:after, .cb-menu-mail a:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.cb-menu-contact {
    display: none
}

@media (min-width: 1200px) {
    .cb-menu-contact {
        display: block;
        position: fixed;
        right: 45px;
        bottom: 40px;
        z-index: 95
    }
}

.cb-menu-contact:hover {
    z-index: 100
}

.cb-menu.-open .cb-menu-logo {
    opacity: 1;
    pointer-events: auto
}

.cb-menu.-open .cb-menu-backdrop {
    pointer-events: auto
}

.cb-navbar-strip {
    position: absolute;
    top: 25px;
    left: 20px;
    right: 20px;
    z-index: 99
}

@media (min-width: 360px) {
    .cb-navbar-strip {
        left: 30px;
        right: 30px
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-navbar-strip {
        top: 40px;
        left: 40px;
        right: 40px
    }
}

@media (min-width: 1200px) and (min-height: 700px) {
    .cb-navbar-strip {
        top: 60px;
        left: 60px;
        right: 60px
    }
}

.cb-navbar-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    .cb-navbar-grid {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.cb-navbar-logo svg {
    width: 88px;
    height: 19px
}

@media (min-width: 768px) {
    .cb-navbar-logo svg {
        width: 94px;
        height: 20px
    }
}

.cb-navbar-link {
    display: inline-block;
    vertical-align: middle;
    margin: 0 26px 0 0
}

@media (min-width: 768px) {
    .cb-navbar-link {
        margin: 0 60px 0 0
    }
}

.cb-navbar-toggle {
    display: inline-block;
    vertical-align: middle
}

.cb-loader {
    display: inline
}

.cb-loader_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    max-height: 0%;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    background: #fff;
    -webkit-transition: opacity .8s, max-height 0s .8s;
    -o-transition: opacity .8s, max-height 0s .8s;
    -moz-transition: opacity .8s, max-height 0s .8s;
    transition: opacity .8s, max-height 0s .8s
}

.cb-loader_overlay.-visible {
    pointer-events: auto;
    opacity: 1;
    max-height: 100%;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.cb-form-label {
    margin: 0 0 33px 0;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -.04em
}

@media (min-width: 768px) {
    .cb-form-label {
        margin: 0 0 47px 0;
        font-size: 35px
    }
}

.cb-form-label.-smooth {
    color: #ccc
}

.cb-form-group {
    margin: 0 0 45px 0
}

@media (min-width: 768px) {
    .cb-form-group {
        margin: 0 0 70px 0
    }
}

.cb-form-submit {
    margin: 10px 0 0 0
}

.cb-input {
    display: inline
}

.cb-input_light {
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden;
    contain: content
}

.cb-input_light-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 59px;
    width: 300%;
    -webkit-transform: translateX(-66.66%);
    -moz-transform: translateX(-66.66%);
    -ms-transform: translateX(-66.66%);
    -o-transform: translateX(-66.66%);
    transform: translateX(-66.66%);
    opacity: .1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIGQ9Ik0wLDU2LjVjMCwwLDI5OC42NjYsMCwzOTkuMzMzLDBDNDQ4LjMzNiw1Ni41LDUxMy45OTQsNDYsNTk3LDQ2Yzc3LjMyNywwLDEzNSwxMC41LDIwMC45OTksMTAuNWM5NS45OTYsMCw0MDIuMDAxLDAsNDAyLjAwMSwwIj48L3BhdGg+PC9zdmc+);
    background-position: center bottom;
    pointer-events: none;
    -webkit-transition: opacity .4s, -webkit-transform 0s cubic-bezier(0, .25, .5, 1);
    transition: opacity .4s, -webkit-transform 0s cubic-bezier(0, .25, .5, 1);
    -o-transition: opacity .4s, -o-transform 0s cubic-bezier(0, .25, .5, 1);
    -moz-transition: transform 0s cubic-bezier(0, .25, .5, 1), opacity .4s, -moz-transform 0s cubic-bezier(0, .25, .5, 1);
    transition: transform 0s cubic-bezier(0, .25, .5, 1), opacity .4s;
    transition: transform 0s cubic-bezier(0, .25, .5, 1), opacity .4s, -webkit-transform 0s cubic-bezier(0, .25, .5, 1), -moz-transform 0s cubic-bezier(0, .25, .5, 1), -o-transform 0s cubic-bezier(0, .25, .5, 1)
}

@media (min-width: 768px) {
    .cb-input_light-line {
        height: 85px
    }
}

.cb-input_light input, .cb-input_light textarea {
    position: relative;
    margin: 0;
    padding: 15px 0;
    width: 100%;
    z-index: 1;
    color: #000;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0;
    resize: none;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 100%;
    -webkit-transition: all .3s, height 0s;
    -o-transition: all .3s, height 0s;
    -moz-transition: all .3s, height 0s;
    transition: all .3s, height 0s
}

@media (min-width: 768px) {
    .cb-input_light input, .cb-input_light textarea {
        padding: 21px 0;
        font-size: 35px
    }
}

.cb-input_light input::-webkit-input-placeholder, .cb-input_light textarea::-webkit-input-placeholder {
    color: #ccc;
    -webkit-transition: color .2s;
    transition: color .2s
}

.cb-input_light input:-moz-placeholder, .cb-input_light textarea:-moz-placeholder {
    color: #ccc;
    -moz-transition: color .2s;
    transition: color .2s
}

.cb-input_light input::-moz-placeholder, .cb-input_light textarea::-moz-placeholder {
    color: #ccc;
    -moz-transition: color .2s;
    transition: color .2s
}

.cb-input_light input:-ms-input-placeholder, .cb-input_light textarea:-ms-input-placeholder {
    color: #ccc;
    -ms-transition: color .2s;
    transition: color .2s
}

.cb-input_light input::-ms-input-placeholder, .cb-input_light textarea::-ms-input-placeholder {
    color: #ccc;
    -ms-transition: color .2s;
    transition: color .2s
}

.cb-input_light input::placeholder, .cb-input_light textarea::placeholder {
    color: #ccc;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

.cb-input_light input:hover + .cb-input_light-line, .cb-input_light textarea:hover + .cb-input_light-line {
    opacity: .6
}

.cb-checkbox_rounded .cb-input_light label > input:focus ~ input.cb-checkbox_rounded-box::-webkit-input-placeholder, .cb-checkbox_rounded .cb-input_light label > input:focus ~ textarea.cb-checkbox_rounded-box::-webkit-input-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ input.cb-checkbox_rounded-box::-webkit-input-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ textarea.cb-checkbox_rounded-box::-webkit-input-placeholder, .cb-input_light input:focus::-webkit-input-placeholder, .cb-input_light textarea:focus::-webkit-input-placeholder {
    color: transparent
}

.cb-checkbox_rounded .cb-input_light label > input:focus ~ input.cb-checkbox_rounded-box:-moz-placeholder, .cb-checkbox_rounded .cb-input_light label > input:focus ~ textarea.cb-checkbox_rounded-box:-moz-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ input.cb-checkbox_rounded-box:-moz-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ textarea.cb-checkbox_rounded-box:-moz-placeholder, .cb-input_light input:focus:-moz-placeholder, .cb-input_light textarea:focus:-moz-placeholder {
    color: transparent
}

.cb-checkbox_rounded .cb-input_light label > input:focus ~ input.cb-checkbox_rounded-box::-moz-placeholder, .cb-checkbox_rounded .cb-input_light label > input:focus ~ textarea.cb-checkbox_rounded-box::-moz-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ input.cb-checkbox_rounded-box::-moz-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ textarea.cb-checkbox_rounded-box::-moz-placeholder, .cb-input_light input:focus::-moz-placeholder, .cb-input_light textarea:focus::-moz-placeholder {
    color: transparent
}

.cb-checkbox_rounded .cb-input_light label > input:focus ~ input.cb-checkbox_rounded-box:-ms-input-placeholder, .cb-checkbox_rounded .cb-input_light label > input:focus ~ textarea.cb-checkbox_rounded-box:-ms-input-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ input.cb-checkbox_rounded-box:-ms-input-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ textarea.cb-checkbox_rounded-box:-ms-input-placeholder, .cb-input_light input:focus:-ms-input-placeholder, .cb-input_light textarea:focus:-ms-input-placeholder {
    color: transparent
}

.cb-checkbox_rounded .cb-input_light label > input:focus ~ input.cb-checkbox_rounded-box::-ms-input-placeholder, .cb-checkbox_rounded .cb-input_light label > input:focus ~ textarea.cb-checkbox_rounded-box::-ms-input-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ input.cb-checkbox_rounded-box::-ms-input-placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ textarea.cb-checkbox_rounded-box::-ms-input-placeholder, .cb-input_light input:focus::-ms-input-placeholder, .cb-input_light textarea:focus::-ms-input-placeholder {
    color: transparent
}

.cb-checkbox_rounded .cb-input_light label > input:focus ~ input.cb-checkbox_rounded-box::placeholder, .cb-checkbox_rounded .cb-input_light label > input:focus ~ textarea.cb-checkbox_rounded-box::placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ input.cb-checkbox_rounded-box::placeholder, .cb-input_light .cb-checkbox_rounded label > input:focus ~ textarea.cb-checkbox_rounded-box::placeholder, .cb-input_light input:focus::placeholder, .cb-input_light textarea:focus::placeholder {
    color: transparent
}

.cb-checkbox_rounded .cb-input_light label > input:focus ~ input.cb-checkbox_rounded-box + .cb-input_light-line, .cb-checkbox_rounded .cb-input_light label > input:focus ~ textarea.cb-checkbox_rounded-box + .cb-input_light-line, .cb-input_light .cb-checkbox_rounded label > input:focus ~ input.cb-checkbox_rounded-box + .cb-input_light-line, .cb-input_light .cb-checkbox_rounded label > input:focus ~ textarea.cb-checkbox_rounded-box + .cb-input_light-line, .cb-input_light input:focus + .cb-input_light-line, .cb-input_light textarea:focus + .cb-input_light-line {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: .8s, .4s;
    -moz-transition-duration: .8s, .4s;
    -o-transition-duration: .8s, .4s;
    transition-duration: .8s, .4s
}

.cb-input_light input:invalid, .cb-input_light textarea:invalid {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.cb-input_light textarea {
    height: 60px;
    font-size: 17px;
    line-height: 120%
}

@media (min-width: 768px) {
    .cb-input_light textarea {
        height: 93px;
        font-size: 26px
    }
}

.cb-input_light textarea::-webkit-input-placeholder {
    font-size: 24px
}

.cb-input_light textarea:-moz-placeholder {
    font-size: 24px
}

.cb-input_light textarea::-moz-placeholder {
    font-size: 24px
}

.cb-input_light textarea:-ms-input-placeholder {
    font-size: 24px
}

.cb-input_light textarea::-ms-input-placeholder {
    font-size: 24px
}

.cb-input_light textarea::placeholder {
    font-size: 24px
}

@media (min-width: 768px) {
    .cb-input_light textarea::-webkit-input-placeholder {
        font-size: 35px
    }

    .cb-input_light textarea:-moz-placeholder {
        font-size: 35px
    }

    .cb-input_light textarea::-moz-placeholder {
        font-size: 35px
    }

    .cb-input_light textarea:-ms-input-placeholder {
        font-size: 35px
    }

    .cb-input_light textarea::-ms-input-placeholder {
        font-size: 35px
    }

    .cb-input_light textarea::placeholder {
        font-size: 35px
    }
}

.cb-input_file-add {
    position: relative
}

.cb-input_file-add input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
    opacity: 0
}

.cb-input_file-items {
    margin: -12px 0;
    padding: 40px 0 0 0
}

.cb-input_file-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0;
    cursor: pointer
}

.cb-input_file-item-rem {
    padding: 0 17px 0 2px
}

.cb-input_file-item-rem svg {
    font-size: 13px;
    line-height: 0;
    -webkit-transition: -webkit-transform .35s cubic-bezier(.34, 1.56, .64, 1);
    transition: -webkit-transform .35s cubic-bezier(.34, 1.56, .64, 1);
    -o-transition: -o-transform .35s cubic-bezier(.34, 1.56, .64, 1);
    -moz-transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), -moz-transform .35s cubic-bezier(.34, 1.56, .64, 1);
    transition: transform .35s cubic-bezier(.34, 1.56, .64, 1);
    transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), -webkit-transform .35s cubic-bezier(.34, 1.56, .64, 1), -moz-transform .35s cubic-bezier(.34, 1.56, .64, 1), -o-transform .35s cubic-bezier(.34, 1.56, .64, 1)
}

.cb-input_file-item-title {
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -.01em;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.cb-input_file-item:hover {
    opacity: .7
}

.cb-input_file-item:hover .cb-input_file-item-title {
    opacity: .7
}

.cb-input_file-item:hover svg {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.cb-btn {
    display: inline
}

.cb-btn_attachment, .cb-btn_contact, .cb-btn_dummy, .cb-btn_menu, .cb-btn_more, .cb-btn_nav, .cb-btn_seemore, .cb-btn_send {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0;
    color: inherit;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0 !important;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-align: inherit;
    text-transform: inherit;
    text-indent: inherit;
    text-decoration: none
}

.cb-btn_attachment:focus, .cb-btn_attachment:hover, .cb-btn_contact:focus, .cb-btn_contact:hover, .cb-btn_dummy:focus, .cb-btn_dummy:hover, .cb-btn_menu:focus, .cb-btn_menu:hover, .cb-btn_more:focus, .cb-btn_more:hover, .cb-btn_nav:focus, .cb-btn_nav:hover, .cb-btn_seemore:focus, .cb-btn_seemore:hover, .cb-btn_send:focus, .cb-btn_send:hover, .cb-checkbox_rounded label > input:focus ~ .cb-btn_attachment.cb-checkbox_rounded-box, .cb-checkbox_rounded label > input:focus ~ .cb-btn_contact.cb-checkbox_rounded-box, .cb-checkbox_rounded label > input:focus ~ .cb-btn_dummy.cb-checkbox_rounded-box, .cb-checkbox_rounded label > input:focus ~ .cb-btn_menu.cb-checkbox_rounded-box, .cb-checkbox_rounded label > input:focus ~ .cb-btn_more.cb-checkbox_rounded-box, .cb-checkbox_rounded label > input:focus ~ .cb-btn_nav.cb-checkbox_rounded-box, .cb-checkbox_rounded label > input:focus ~ .cb-btn_seemore.cb-checkbox_rounded-box, .cb-checkbox_rounded label > input:focus ~ .cb-btn_send.cb-checkbox_rounded-box {
    text-decoration: none
}

.cb-btn_nav {
    font-size: 17px;
    letter-spacing: -.03em
}

@media (min-width: 768px) {
    .cb-btn_nav {
        font-size: 20px;
        letter-spacing: -.03em
    }
}

.cb-btn_menu {
    height: 25px
}

.cb-btn_menu-title {
    display: none
}

@media (min-width: 768px) {
    .cb-btn_menu-title {
        display: inline-block;
        margin: 0 25px 0 0;
        font-size: 20px;
        letter-spacing: -.03em
    }
}

.cb-btn_menu-box {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 25px;
    line-height: 25px;
    vertical-align: middle;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

.cb-btn_menu-box:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    right: -20px;
    left: -20px;
    bottom: -20px
}

.cb-btn_menu-box span {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    margin: 5px 0;
    top: 0;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background: currentColor;
    -webkit-transition: top .3s .3s, -webkit-transform .3s;
    transition: top .3s .3s, -webkit-transform .3s;
    -o-transition: top .3s .3s, -o-transform .3s;
    -moz-transition: top .3s .3s, transform .3s, -moz-transform .3s;
    transition: top .3s .3s, transform .3s;
    transition: top .3s .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.desktop .cb-btn_menu:hover .cb-btn_menu-box {
    color: #fff;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

@media (min-width: 1024px) {
    .cb-btn_menu:hover .cb-btn_menu-box:before {
        top: -80px;
        right: -80px;
        left: -80px;
        bottom: -80px
    }
}

.cb-btn_menu.-inverse {
    color: #fff
}

.cb-btn_menu.-active .cb-btn_menu-box span:first-child, .cb-checkbox_rounded label > input:checked ~ .cb-btn_menu.cb-checkbox_rounded-box .cb-btn_menu-box span:first-child, .cb-menu.-open .cb-menu-toggle button.cb-btn_menu .cb-btn_menu-box span:first-child {
    -webkit-animation: cb-btn_menu-open-top .9s;
    -moz-animation: cb-btn_menu-open-top .9s;
    -o-animation: cb-btn_menu-open-top .9s;
    animation: cb-btn_menu-open-top .9s;
    top: 4px;
    -webkit-transform: rotate(45deg) scaleX(1);
    -moz-transform: rotate(45deg) scaleX(1);
    -ms-transform: rotate(45deg) scaleX(1);
    -o-transform: rotate(45deg) scaleX(1);
    transform: rotate(45deg) scaleX(1);
    -webkit-transition-duration: 0s, 0s;
    -moz-transition-duration: 0s, 0s;
    -o-transition-duration: 0s, 0s;
    transition-duration: 0s, 0s
}

.cb-btn_menu.-active .cb-btn_menu-box span:last-child, .cb-checkbox_rounded label > input:checked ~ .cb-btn_menu.cb-checkbox_rounded-box .cb-btn_menu-box span:last-child, .cb-menu.-open .cb-menu-toggle button.cb-btn_menu .cb-btn_menu-box span:last-child {
    -webkit-animation: cb-btn_menu-open-bottom .9s;
    -moz-animation: cb-btn_menu-open-bottom .9s;
    -o-animation: cb-btn_menu-open-bottom .9s;
    animation: cb-btn_menu-open-bottom .9s;
    top: -3px;
    -webkit-transform: rotate(-45deg) scaleX(1);
    -moz-transform: rotate(-45deg) scaleX(1);
    -ms-transform: rotate(-45deg) scaleX(1);
    -o-transform: rotate(-45deg) scaleX(1);
    transform: rotate(-45deg) scaleX(1);
    -webkit-transition-duration: 0s, 0s;
    -moz-transition-duration: 0s, 0s;
    -o-transition-duration: 0s, 0s;
    transition-duration: 0s, 0s
}

.cb-btn_contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 64px;
    height: 64px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    -webkit-transition: color .2s, opacity .5s;
    -o-transition: color .2s, opacity .5s;
    -moz-transition: color .2s, opacity .5s;
    transition: color .2s, opacity .5s
}

@media (min-width: 1600px) {
    .cb-btn_contact {
        width: 80px;
        height: 80px
    }
}

.cb-btn_contact:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: background-color .2s, -webkit-transform .35s cubic-bezier(.175, .885, .32, 1.275);
    transition: background-color .2s, -webkit-transform .35s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: background-color .2s, -o-transform .35s cubic-bezier(.175, .885, .32, 1.275);
    -moz-transition: transform .35s cubic-bezier(.175, .885, .32, 1.275), background-color .2s, -moz-transform .35s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .35s cubic-bezier(.175, .885, .32, 1.275), background-color .2s;
    transition: transform .35s cubic-bezier(.175, .885, .32, 1.275), background-color .2s, -webkit-transform .35s cubic-bezier(.175, .885, .32, 1.275), -moz-transform .35s cubic-bezier(.175, .885, .32, 1.275), -o-transform .35s cubic-bezier(.175, .885, .32, 1.275)
}

.cb-btn_contact svg {
    position: relative;
    font-size: 24px;
    line-height: 0
}

@media (min-width: 1600px) {
    .cb-btn_contact svg {
        font-size: 28px
    }
}

.cb-btn_contact:focus, .cb-btn_contact:hover, .cb-checkbox_rounded label > input:focus ~ .cb-btn_contact.cb-checkbox_rounded-box {
    color: #fff
}

.cb-btn_contact:focus:before, .cb-btn_contact:hover:before, .cb-checkbox_rounded label > input:focus ~ .cb-btn_contact.cb-checkbox_rounded-box:before {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.cb-btn_contact:active:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.cb-btn_contact.-hidden {
    opacity: 0
}

.cb-btn_contact.-inverse {
    color: #000
}

.cb-btn_contact.-inverse:before {
    background-color: #fff
}

.cb-btn_send {
    padding: 5px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -.01em
}

@media (min-width: 768px) {
    .cb-btn_send {
        padding: 7px 0;
        font-size: 22px;
        line-height: 27px
    }
}

.cb-btn_send:before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px
}

.cb-btn_send:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: currentColor
}

.cb-btn_attachment {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -.01em
}

@media (min-width: 768px) {
    .cb-btn_attachment {
        font-size: 22px;
        font-weight: 600;
        line-height: 27px
    }
}

.cb-btn_attachment svg {
    margin: 0 15px 0 0;
    font-size: 18px;
    line-height: 0;
    -webkit-transition: -webkit-transform .35s cubic-bezier(.34, 1.56, .64, 1);
    transition: -webkit-transform .35s cubic-bezier(.34, 1.56, .64, 1);
    -o-transition: -o-transform .35s cubic-bezier(.34, 1.56, .64, 1);
    -moz-transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), -moz-transform .35s cubic-bezier(.34, 1.56, .64, 1);
    transition: transform .35s cubic-bezier(.34, 1.56, .64, 1);
    transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), -webkit-transform .35s cubic-bezier(.34, 1.56, .64, 1), -moz-transform .35s cubic-bezier(.34, 1.56, .64, 1), -o-transform .35s cubic-bezier(.34, 1.56, .64, 1)
}

.cb-btn_attachment span {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.cb-btn_attachment span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: transition-orign 0s, -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: transition-orign 0s, -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transition-orign 0s, -o-transform .7s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform .7s cubic-bezier(.19, 1, .22, 1), transition-orign 0s, -moz-transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: transform .7s cubic-bezier(.19, 1, .22, 1), transition-orign 0s;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1), transition-orign 0s, -webkit-transform .7s cubic-bezier(.19, 1, .22, 1), -moz-transform .7s cubic-bezier(.19, 1, .22, 1), -o-transform .7s cubic-bezier(.19, 1, .22, 1)
}

.cb-btn_attachment.-hover svg, .cb-btn_attachment:focus svg, .cb-btn_attachment:hover svg, .cb-checkbox_rounded .cb-input_file-add label > input:focus ~ input.cb-checkbox_rounded-box + button.cb-btn_attachment svg, .cb-checkbox_rounded label > input:focus ~ .cb-btn_attachment.cb-checkbox_rounded-box svg, .cb-input_file-add .cb-checkbox_rounded label > input:focus ~ input.cb-checkbox_rounded-box + button.cb-btn_attachment svg, .cb-input_file-add input:focus + button.cb-btn_attachment svg, .cb-input_file-add input:hover + button.cb-btn_attachment svg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.cb-btn_attachment.-hover span:before, .cb-btn_attachment:focus span:before, .cb-btn_attachment:hover span:before, .cb-checkbox_rounded .cb-input_file-add label > input:focus ~ input.cb-checkbox_rounded-box + button.cb-btn_attachment span:before, .cb-checkbox_rounded label > input:focus ~ .cb-btn_attachment.cb-checkbox_rounded-box span:before, .cb-input_file-add .cb-checkbox_rounded label > input:focus ~ input.cb-checkbox_rounded-box + button.cb-btn_attachment span:before, .cb-input_file-add input:focus + button.cb-btn_attachment span:before, .cb-input_file-add input:hover + button.cb-btn_attachment span:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.cb-btn_more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 57px;
    padding: 0 32px;
    -webkit-border-radius: 47px;
    -moz-border-radius: 47px;
    border-radius: 47px
}

@media (min-width: 1200px) {
    .cb-btn_more {
        height: 72px;
        padding: 0 40px;
        min-width: 170px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px
    }
}

.cb-btn_more:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 1px rgba(0, 0, 0, .1) solid;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    -moz-transition: border-color .2s;
    transition: border-color .2s
}

.cb-btn_more[data-magnetic]:before {
    content: "";
    display: block;
    position: absolute;
    top: -40px;
    left: -40px;
    right: -40px;
    bottom: -40px
}

.cb-btn_more-title {
    position: relative;
    top: -1px;
    display: block;
    overflow: hidden;
    z-index: 2
}

.cb-btn_more-title span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: color .2s, -webkit-transform .4s;
    transition: color .2s, -webkit-transform .4s;
    -o-transition: color .2s, -o-transform .4s;
    -moz-transition: color .2s, transform .4s, -moz-transform .4s;
    transition: color .2s, transform .4s;
    transition: color .2s, transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

@media (min-width: 1200px) {
    .cb-btn_more-title span {
        font-size: 18px
    }
}

.cb-btn_more-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 150%;
    left: 0;
    -webkit-transform: skewY(5deg);
    -moz-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
    -o-transform: skewY(5deg);
    transform: skewY(5deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

.cb-btn_more-ripple {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit
}

.cb-btn_more-ripple span {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    background: currentColor;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1);
    transition: -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1);
    -o-transition: border-radius .5s cubic-bezier(.4, 0, 0, 1), -o-transform .5s cubic-bezier(.4, 0, 0, 1);
    -moz-transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1), -moz-transform .5s cubic-bezier(.4, 0, 0, 1), -moz-border-radius .5s cubic-bezier(.4, 0, 0, 1);
    transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1);
    transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1), -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -moz-transform .5s cubic-bezier(.4, 0, 0, 1), -o-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1), -moz-border-radius .5s cubic-bezier(.4, 0, 0, 1)
}

@media (pointer: fine) {
    .cb-btn_more:hover .cb-btn_more-title span {
        color: #fff;
        -webkit-transform: translateY(-150%) skewY(-7deg);
        -moz-transform: translateY(-150%) skewY(-7deg);
        -ms-transform: translateY(-150%) skewY(-7deg);
        -o-transform: translateY(-150%) skewY(-7deg);
        transform: translateY(-150%) skewY(-7deg)
    }
}

@media (pointer: fine) {
    .cb-btn_more:hover .cb-btn_more-title span:after {
        -webkit-transform: skewY(7deg);
        -moz-transform: skewY(7deg);
        -ms-transform: skewY(7deg);
        -o-transform: skewY(7deg);
        transform: skewY(7deg)
    }
}

@media (pointer: fine) {
    .cb-btn_more:hover .cb-btn_more-ripple span {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-duration: 0s, 0s;
        -moz-transition-duration: 0s, 0s;
        -o-transition-duration: 0s, 0s;
        transition-duration: 0s, 0s;
        -webkit-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
        -moz-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
        -o-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
        animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1)
    }
}

.cb-btn_seemore {
    font-size: 17px;
    line-height: 210%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 768px) {
    .cb-btn_seemore {
        font-size: 20px
    }
}

.cb-btn_seemore:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    background: currentColor
}

.cb-btn_seemore span {
    display: inline-block;
    vertical-align: middle
}

.cb-btn_seemore span + svg {
    margin-left: .3em
}

.cb-btn_seemore span + svg.-medium {
    width: 3.86em
}

.cb-btn_seemore:hover {
    opacity: .8
}

.cb-btn_seemore:hover:before {
    -webkit-animation: cb-btn_seemore-line 1.2s cubic-bezier(.19, 1, .22, 1);
    -moz-animation: cb-btn_seemore-line 1.2s cubic-bezier(.19, 1, .22, 1);
    -o-animation: cb-btn_seemore-line 1.2s cubic-bezier(.19, 1, .22, 1);
    animation: cb-btn_seemore-line 1.2s cubic-bezier(.19, 1, .22, 1)
}

@-webkit-keyframes cb-btn_seemore-line {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    40% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    40.0001% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-moz-keyframes cb-btn_seemore-line {
    0% {
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -moz-transform-origin: right center;
        transform-origin: right center
    }
    40% {
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -moz-transform-origin: right center;
        transform-origin: right center
    }
    40.0001% {
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -moz-transform-origin: left center;
        transform-origin: left center
    }
    100% {
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -moz-transform-origin: left center;
        transform-origin: left center
    }
}

@-o-keyframes cb-btn_seemore-line {
    0% {
        -o-transform: scaleX(1);
        transform: scaleX(1);
        -o-transform-origin: right center;
        transform-origin: right center
    }
    40% {
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -o-transform-origin: right center;
        transform-origin: right center
    }
    40.0001% {
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -o-transform-origin: left center;
        transform-origin: left center
    }
    100% {
        -o-transform: scaleX(1);
        transform: scaleX(1);
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes cb-btn_seemore-line {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
    40% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
    40.0001% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
    100% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes cb-btn_menu-open-top {
    0% {
        opacity: 1;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(1);
        transform: rotate(0) scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    30% {
        opacity: 1;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    30.1% {
        opacity: 0;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    31% {
        opacity: 1;
        top: -5px;
        left: 3px;
        -webkit-transform: rotate(45deg) scaleX(0);
        transform: rotate(45deg) scaleX(0)
    }
    100%, 80% {
        opacity: 1;
        top: -5px;
        left: 3px;
        -webkit-transform: rotate(45deg) scaleX(1);
        transform: rotate(45deg) scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-moz-keyframes cb-btn_menu-open-top {
    0% {
        opacity: 1;
        top: 0;
        left: 0;
        -moz-transform: rotate(0) scaleX(1);
        transform: rotate(0) scaleX(1);
        -moz-transform-origin: left center;
        transform-origin: left center
    }
    30% {
        opacity: 1;
        top: 0;
        left: 0;
        -moz-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    30.1% {
        opacity: 0;
        top: 0;
        left: 0;
        -moz-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    31% {
        opacity: 1;
        top: -5px;
        left: 3px;
        -moz-transform: rotate(45deg) scaleX(0);
        transform: rotate(45deg) scaleX(0)
    }
    100%, 80% {
        opacity: 1;
        top: -5px;
        left: 3px;
        -moz-transform: rotate(45deg) scaleX(1);
        transform: rotate(45deg) scaleX(1);
        -moz-transform-origin: left center;
        transform-origin: left center
    }
}

@-o-keyframes cb-btn_menu-open-top {
    0% {
        opacity: 1;
        top: 0;
        left: 0;
        -o-transform: rotate(0) scaleX(1);
        transform: rotate(0) scaleX(1);
        -o-transform-origin: left center;
        transform-origin: left center
    }
    30% {
        opacity: 1;
        top: 0;
        left: 0;
        -o-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    30.1% {
        opacity: 0;
        top: 0;
        left: 0;
        -o-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    31% {
        opacity: 1;
        top: -5px;
        left: 3px;
        -o-transform: rotate(45deg) scaleX(0);
        transform: rotate(45deg) scaleX(0)
    }
    100%, 80% {
        opacity: 1;
        top: -5px;
        left: 3px;
        -o-transform: rotate(45deg) scaleX(1);
        transform: rotate(45deg) scaleX(1);
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes cb-btn_menu-open-top {
    0% {
        opacity: 1;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(1);
        -moz-transform: rotate(0) scaleX(1);
        -o-transform: rotate(0) scaleX(1);
        transform: rotate(0) scaleX(1);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
    30% {
        opacity: 1;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(0);
        -moz-transform: rotate(0) scaleX(0);
        -o-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    30.1% {
        opacity: 0;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(0);
        -moz-transform: rotate(0) scaleX(0);
        -o-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    31% {
        opacity: 1;
        top: -5px;
        left: 3px;
        -webkit-transform: rotate(45deg) scaleX(0);
        -moz-transform: rotate(45deg) scaleX(0);
        -o-transform: rotate(45deg) scaleX(0);
        transform: rotate(45deg) scaleX(0)
    }
    100%, 80% {
        opacity: 1;
        top: -5px;
        left: 3px;
        -webkit-transform: rotate(45deg) scaleX(1);
        -moz-transform: rotate(45deg) scaleX(1);
        -o-transform: rotate(45deg) scaleX(1);
        transform: rotate(45deg) scaleX(1);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes cb-btn_menu-open-bottom {
    0% {
        opacity: 1;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(1);
        transform: rotate(0) scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        opacity: 1;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    50.1% {
        opacity: 0;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    51%, 55% {
        opacity: 1;
        top: -12px;
        left: -4px;
        -webkit-transform: rotate(-45deg) scaleX(0);
        transform: rotate(-45deg) scaleX(0)
    }
    100% {
        opacity: 1;
        top: -12px;
        left: -4px;
        -webkit-transform: rotate(-45deg) scaleX(1);
        transform: rotate(-45deg) scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-moz-keyframes cb-btn_menu-open-bottom {
    0% {
        opacity: 1;
        top: 0;
        left: 0;
        -moz-transform: rotate(0) scaleX(1);
        transform: rotate(0) scaleX(1);
        -moz-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        opacity: 1;
        top: 0;
        left: 0;
        -moz-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    50.1% {
        opacity: 0;
        top: 0;
        left: 0;
        -moz-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    51%, 55% {
        opacity: 1;
        top: -12px;
        left: -4px;
        -moz-transform: rotate(-45deg) scaleX(0);
        transform: rotate(-45deg) scaleX(0)
    }
    100% {
        opacity: 1;
        top: -12px;
        left: -4px;
        -moz-transform: rotate(-45deg) scaleX(1);
        transform: rotate(-45deg) scaleX(1);
        -moz-transform-origin: right center;
        transform-origin: right center
    }
}

@-o-keyframes cb-btn_menu-open-bottom {
    0% {
        opacity: 1;
        top: 0;
        left: 0;
        -o-transform: rotate(0) scaleX(1);
        transform: rotate(0) scaleX(1);
        -o-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        opacity: 1;
        top: 0;
        left: 0;
        -o-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    50.1% {
        opacity: 0;
        top: 0;
        left: 0;
        -o-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    51%, 55% {
        opacity: 1;
        top: -12px;
        left: -4px;
        -o-transform: rotate(-45deg) scaleX(0);
        transform: rotate(-45deg) scaleX(0)
    }
    100% {
        opacity: 1;
        top: -12px;
        left: -4px;
        -o-transform: rotate(-45deg) scaleX(1);
        transform: rotate(-45deg) scaleX(1);
        -o-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes cb-btn_menu-open-bottom {
    0% {
        opacity: 1;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(1);
        -moz-transform: rotate(0) scaleX(1);
        -o-transform: rotate(0) scaleX(1);
        transform: rotate(0) scaleX(1);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        opacity: 1;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(0);
        -moz-transform: rotate(0) scaleX(0);
        -o-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    50.1% {
        opacity: 0;
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) scaleX(0);
        -moz-transform: rotate(0) scaleX(0);
        -o-transform: rotate(0) scaleX(0);
        transform: rotate(0) scaleX(0)
    }
    51%, 55% {
        opacity: 1;
        top: -12px;
        left: -4px;
        -webkit-transform: rotate(-45deg) scaleX(0);
        -moz-transform: rotate(-45deg) scaleX(0);
        -o-transform: rotate(-45deg) scaleX(0);
        transform: rotate(-45deg) scaleX(0)
    }
    100% {
        opacity: 1;
        top: -12px;
        left: -4px;
        -webkit-transform: rotate(-45deg) scaleX(1);
        -moz-transform: rotate(-45deg) scaleX(1);
        -o-transform: rotate(-45deg) scaleX(1);
        transform: rotate(-45deg) scaleX(1);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
}

.cb-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    contain: layout style size;
    pointer-events: none;
    will-change: transform;
    -webkit-transition: opacity .3s, color .4s;
    -o-transition: opacity .3s, color .4s;
    -moz-transition: opacity .3s, color .4s;
    transition: opacity .3s, color .4s
}

.cb-cursor:before {
    content: "";
    position: absolute;
    top: -24px;
    left: -24px;
    display: block;
    width: 48px;
    height: 48px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background: currentColor;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    -webkit-transition: opacity .1s, -webkit-transform .3s ease-in-out;
    transition: opacity .1s, -webkit-transform .3s ease-in-out;
    -o-transition: opacity .1s, -o-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, opacity .1s, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .1s;
    transition: transform .3s ease-in-out, opacity .1s, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out, -o-transform .3s ease-in-out
}

.cb-cursor-text {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(0) rotate(10deg);
    -moz-transform: scale(0) rotate(10deg);
    -ms-transform: scale(0) rotate(10deg);
    -o-transform: scale(0) rotate(10deg);
    transform: scale(0) rotate(10deg);
    opacity: 0;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -.01em;
    -webkit-transition: opacity .4s, -webkit-transform .3s;
    transition: opacity .4s, -webkit-transform .3s;
    -o-transition: opacity .4s, -o-transform .3s;
    -moz-transition: opacity .4s, transform .3s, -moz-transform .3s;
    transition: opacity .4s, transform .3s;
    transition: opacity .4s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.cb-cursor-media {
    display: none;
    position: absolute;
    width: 350px;
    height: 350px;
    margin: -175px 0 0 -175px
}

@media (min-width: 1600px) {
    .cb-cursor-media {
        width: 430px;
        height: 430px;
        margin: -215px 0 0 -215px
    }
}

.cb-cursor-media-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
    -webkit-transition: opacity .2s .2s, -webkit-transform .35s;
    transition: opacity .2s .2s, -webkit-transform .35s;
    -o-transition: opacity .2s .2s, -o-transform .35s;
    -moz-transition: transform .35s, opacity .2s .2s, -moz-transform .35s;
    transition: transform .35s, opacity .2s .2s;
    transition: transform .35s, opacity .2s .2s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s
}

.cb-cursor-media-box div {
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: -o-transform .35s;
    -moz-transition: transform .35s, -moz-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s
}

.cb-cursor-media img, .cb-cursor-media video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .cb-cursor-media img, .cb-cursor-media video {
        position: static;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@supports (mix-blend-mode:exclusion) {
    .cb-cursor.-exclusion, .cb-cursor.-media.-media-blend, .cb-cursor.-opaque {
        mix-blend-mode: exclusion
    }
}

@supports (mix-blend-mode:exclusion) {
    .cb-cursor.-exclusion:before, .cb-cursor.-media.-media-blend:before, .cb-cursor.-opaque:before {
        background: #fff
    }
}

.cb-cursor.-normal, .cb-cursor.-text {
    mix-blend-mode: normal
}

.cb-cursor.-normal:before, .cb-cursor.-text:before {
    background: currentColor
}

.cb-cursor.-inverse {
    color: #fff
}

.cb-cursor.-visible:before {
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2)
}

.cb-checkbox_rounded label > input:checked ~ .cb-cursor.-visible.cb-checkbox_rounded-box:before, .cb-cursor.-visible.-active:before, .cb-menu.-open .cb-menu-toggle button.cb-cursor.-visible:before {
    -webkit-transform: scale(.23);
    -moz-transform: scale(.23);
    -ms-transform: scale(.23);
    -o-transform: scale(.23);
    transform: scale(.23);
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.cb-cursor.-pointer:before {
    -webkit-transform: scale(.15);
    -moz-transform: scale(.15);
    -ms-transform: scale(.15);
    -o-transform: scale(.15);
    transform: scale(.15)
}

.cb-cursor.-text:before {
    opacity: .85;
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7)
}

.cb-cursor.-text .cb-cursor-text {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.cb-checkbox_rounded label > input:checked ~ .cb-cursor.-text.cb-checkbox_rounded-box:before, .cb-cursor.-text.-active:before, .cb-menu.-open .cb-menu-toggle button.cb-cursor.-text:before {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.cb-cursor.-text.-text-sm:before {
    -webkit-transform: scale(1.2) !important;
    -moz-transform: scale(1.2) !important;
    -ms-transform: scale(1.2) !important;
    -o-transform: scale(1.2) !important;
    transform: scale(1.2) !important
}

.cb-checkbox_rounded label > input:checked ~ .cb-cursor.-text.-text-sm.cb-checkbox_rounded-box:before, .cb-cursor.-text.-text-sm.-active:before, .cb-menu.-open .cb-menu-toggle button.cb-cursor.-text.-text-sm:before {
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    transform: scale(1.1) !important
}

.cb-cursor.-text.-text-sm .cb-cursor-text {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.cb-cursor.-media {
    z-index: 0
}

.cb-cursor.-media .cb-cursor-media-box {
    opacity: 1;
    -webkit-transform: scale(.696);
    -moz-transform: scale(.696);
    -ms-transform: scale(.696);
    -o-transform: scale(.696);
    transform: scale(.696);
    -webkit-transition-duration: .4s, .4s;
    -moz-transition-duration: .4s, .4s;
    -o-transition-duration: .4s, .4s;
    transition-duration: .4s, .4s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.cb-cursor.-media .cb-cursor-media-box div {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.cb-cursor.-media.-media-lg .cb-cursor-media-box {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important
}

@supports (mix-blend-mode:exclusion) {
    .cb-cursor.-media.-media-blend {
        z-index: 150
    }
}

@supports (mix-blend-mode:exclusion) {
    .cb-cursor.-media.-media-blend .cb-cursor-media-box {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

.cb-cursor.-menu:before {
    -webkit-transform: scale(1.32);
    -moz-transform: scale(1.32);
    -ms-transform: scale(1.32);
    -o-transform: scale(1.32);
    transform: scale(1.32)
}

.cb-checkbox_rounded label > input:checked ~ .cb-cursor.-menu.cb-checkbox_rounded-box:before, .cb-cursor.-menu.-active:before, .cb-menu.-open .cb-menu-toggle button.cb-cursor.-menu:before {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.cb-cursor.-opaque:before {
    -webkit-transform: scale(1.32);
    -moz-transform: scale(1.32);
    -ms-transform: scale(1.32);
    -o-transform: scale(1.32);
    transform: scale(1.32)
}

.cb-checkbox_rounded label > input:checked ~ .cb-cursor.-opaque.cb-checkbox_rounded-box:before, .cb-cursor.-opaque.-active:before, .cb-menu.-open .cb-menu-toggle button.cb-cursor.-opaque:before {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.cb-cursor.-hidden:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.-modal .cb-cursor {
    z-index: 300
}

.-modal .cb-cursor:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.-modal .cb-cursor.-text:before {
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7)
}

.cb-checkbox {
    display: inline
}

.cb-checkbox-group {
    margin: -7px -6px
}

@media (min-width: 768px) {
    .cb-checkbox-group {
        margin: -12px -9px
    }
}

@media (min-width: 1600px) {
    .cb-checkbox-group {
        margin: -15px -10px
    }
}

.cb-checkbox-group .cb-checkbox {
    margin: 7px 6px
}

@media (min-width: 768px) {
    .cb-checkbox-group .cb-checkbox {
        margin: 12px 9px
    }
}

@media (min-width: 1600px) {
    .cb-checkbox-group .cb-checkbox {
        margin: 15px 10px
    }
}

.cb-checkbox_rounded {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    contain: content
}

.cb-checkbox_rounded:before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: -10px;
    right: -10px;
    bottom: -15px
}

.cb-checkbox_rounded-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px;
    height: 35px;
    overflow: hidden;
    font-size: 14px;
    letter-spacing: -.01em;
    background: #fff;
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    border-radius: 68px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .cb-checkbox_rounded-box {
        padding: 0 22px;
        height: 40px;
        font-size: 18px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
}

@media (min-width: 1600px) {
    .cb-checkbox_rounded-box {
        height: 72px;
        padding: 0 35px;
        font-size: 20px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px
    }
}

.cb-checkbox_rounded-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px rgba(0, 0, 0, .1) solid;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    -moz-transition: border-color .2s;
    transition: border-color .2s
}

.cb-checkbox_rounded label > input:focus ~ .cb-checkbox_rounded-box:before, .cb-checkbox_rounded-box:focus:before {
    border-color: rgba(0, 0, 0, .25)
}

.cb-checkbox_rounded-title {
    position: relative;
    top: -1px;
    display: block;
    overflow: hidden
}

.cb-checkbox_rounded-title span {
    display: block;
    position: relative;
    z-index: 2;
    -webkit-transition: color .2s, -webkit-transform .4s;
    transition: color .2s, -webkit-transform .4s;
    -o-transition: color .2s, -o-transform .4s;
    -moz-transition: color .2s, transform .4s, -moz-transform .4s;
    transition: color .2s, transform .4s;
    transition: color .2s, transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.cb-checkbox_rounded-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 150%;
    left: 0;
    -webkit-transform: skewY(5deg);
    -moz-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
    -o-transform: skewY(5deg);
    transform: skewY(5deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

.cb-checkbox_rounded-ripple {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    contain: strict;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit
}

.cb-checkbox_rounded-ripple span {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    background: currentColor;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1);
    transition: -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1);
    -o-transition: border-radius .5s cubic-bezier(.4, 0, 0, 1), -o-transform .5s cubic-bezier(.4, 0, 0, 1);
    -moz-transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1), -moz-transform .5s cubic-bezier(.4, 0, 0, 1), -moz-border-radius .5s cubic-bezier(.4, 0, 0, 1);
    transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1);
    transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1), -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -moz-transform .5s cubic-bezier(.4, 0, 0, 1), -o-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1), -moz-border-radius .5s cubic-bezier(.4, 0, 0, 1)
}

.cb-checkbox_rounded:hover .cb-checkbox_rounded-ripple {
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.cb-checkbox_rounded:hover .cb-checkbox_rounded-title span {
    -webkit-transform: translateY(-150%) skewY(-7deg);
    -moz-transform: translateY(-150%) skewY(-7deg);
    -ms-transform: translateY(-150%) skewY(-7deg);
    -o-transform: translateY(-150%) skewY(-7deg);
    transform: translateY(-150%) skewY(-7deg)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded:hover .cb-checkbox_rounded-title span {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-checkbox_rounded:hover .cb-checkbox_rounded-title span:after {
    -webkit-transform: skewY(7deg);
    -moz-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    transform: skewY(7deg)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded:hover .cb-checkbox_rounded-title span:after {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-checkbox_rounded label {
    cursor: pointer
}

.cb-checkbox_rounded label > input {
    position: absolute;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: hidden;
    opacity: 0
}

.cb-checkbox_rounded label > input:checked ~ .cb-checkbox_rounded-box .cb-checkbox_rounded-title {
    color: #fff
}

.cb-checkbox_rounded label > input:checked ~ .cb-checkbox_rounded-box .cb-checkbox_rounded-ripple {
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.cb-checkbox_rounded label > input:checked ~ .cb-checkbox_rounded-box .cb-checkbox_rounded-ripple span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 0s, 0s;
    -moz-transition-duration: 0s, 0s;
    -o-transition-duration: 0s, 0s;
    transition-duration: 0s, 0s;
    -webkit-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
    -moz-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
    -o-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
    animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1)
}

@-webkit-keyframes cb-checkbox_rounded-ripple-in {
    0% {
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes cb-checkbox_rounded-ripple-in {
    0% {
        -moz-border-radius: 0;
        border-radius: 0;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -moz-border-radius: 0;
        border-radius: 0;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes cb-checkbox_rounded-ripple-in {
    0% {
        border-radius: 0;
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        border-radius: 0;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes cb-checkbox_rounded-ripple-in {
    0% {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.cb-modal {
    display: inline
}

.cb-modal_box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    width: 100%;
    height: 100%
}

.cb-modal_box-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
    background: #fafafa;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: -o-transform .6s;
    -moz-transition: transform .6s, -moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
}

.cb-modal_box-backdrop.-front {
    z-index: 10
}

.cb-modal_box-backdrop.-base {
    background: #fff
}

.cb-modal_box-dialog {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

@media (min-width: 1200px) {
    .cb-modal_box-dialog {
        top: 70px;
        left: 70px;
        right: 70px;
        bottom: 70px
    }
}

.cb-modal_box-dialog > * {
    pointer-events: auto
}

.cb-modal_box-dialog.-full {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cb-modal_box-embedded {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.cb-modal_box-embedded iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.cb-modal_box-embedded video {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1200px) {
    .cb-modal_box-embedded video {
        height: 100vh
    }
}

.cb-modal_box-container {
    width: 100%
}

.cb-modal_box-nav {
    margin: -4px 0;
    text-align: left
}

@media (min-width: 360px) {
    .cb-modal_box-nav {
        margin: -7px 0
    }
}

@media (min-width: 1600px) and (min-height: 700px) {
    .cb-modal_box-nav {
        margin: -11px 0
    }
}

.cb-modal_box-nav-item {
    display: block;
    padding: 4px 0;
    font-size: 38px;
    font-weight: 400;
    text-decoration: none
}

@media (min-width: 360px) {
    .cb-modal_box-nav-item {
        padding: 7px 0;
        font-size: 42px
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-modal_box-nav-item {
        font-size: 60px
    }
}

.cb-modal_box-nav-item-title {
    display: inline-block;
    overflow: hidden
}

.cb-modal_box-nav-item-title span {
    position: relative;
    display: inline-block;
    color: transparent;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1)
}

.cb-modal_box-nav-item-title span:after, .cb-modal_box-nav-item-title span:before {
    content: attr(data-text);
    display: block;
    position: absolute;
    color: #000
}

.cb-modal_box-nav-item-title span:before {
    top: 0;
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    -o-transform: skewY(0);
    transform: skewY(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}

.cb-modal_box-nav-item-title span:after {
    top: 105%;
    -webkit-transform: skewY(7deg);
    -moz-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    transform: skewY(7deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1);
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}

.cb-checkbox_rounded .cb-modal_box-nav-item label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span, .cb-modal_box-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span, .cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span, .cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span {
    -webkit-transform: translateY(-105%);
    -moz-transform: translateY(-105%);
    -ms-transform: translateY(-105%);
    -o-transform: translateY(-105%);
    transform: translateY(-105%)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded .cb-modal_box-nav-item label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span, .cb-modal_box-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span, .cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span, .cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-checkbox_rounded .cb-modal_box-nav-item label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:before, .cb-modal_box-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:before, .cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span:before, .cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span:before {
    -webkit-transform: skewY(7deg);
    -moz-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    transform: skewY(7deg)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded .cb-modal_box-nav-item label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:before, .cb-modal_box-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:before, .cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span:before, .cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span:before {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-checkbox_rounded .cb-modal_box-nav-item label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:after, .cb-modal_box-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:after, .cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span:after, .cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span:after {
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    -o-transform: skewY(0);
    transform: skewY(0)
}

@media (pointer: coarse) {
    .cb-checkbox_rounded .cb-modal_box-nav-item label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:after, .cb-modal_box-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:after, .cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span:after, .cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span:after {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-modal_box.-visible .cb-modal_box-backdrop {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center
}

.cb-modal_box.-visible .cb-modal_box-dialog {
    opacity: 1;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.cb-hero {
    position: relative
}

.cb-hero-content {
    padding: 100px 0 0 0
}

@media (min-width: 768px) {
    .cb-hero-content {
        padding: 127px 0 0 0
    }
}

@media (min-width: 1024px) {
    .cb-hero-content {
        padding: 150px 0 0 0
    }
}

@media (min-width: 1200px) {
    .cb-hero-content {
        padding: 0;
        height: 100%;
        overflow: hidden
    }
}

.cb-hero-container {
    width: 100%
}

@media (min-width: 1200px) {
    .cb-hero-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100vh;
        overflow: hidden
    }
}

.cb-hero-footer {
    margin: 45px 0 0 0
}

@media (min-width: 1200px) {
    .cb-hero-footer {
        margin: -90px 0 0 0
    }
}

@media (min-width: 1024px) {
    .cb-hero-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1200px) {
    .cb-hero-grid {
        display: block
    }
}

@media (min-width: 1024px) {
    .cb-hero-grid-col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.cb-hero-video {
    width: 240px;
    height: 240px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    -webkit-clip-path: inset(0 0 0 0 round 50%);
    clip-path: inset(0 0 0 0 round 50%)
}

@media (min-width: 768px) {
    .cb-hero-video {
        width: 347px;
        height: 347px
    }
}

@media (min-width: 1024px) {
    .cb-hero-video {
        width: 320px;
        height: 320px;
        margin: 0
    }
}

@media (min-width: 1200px) {
    .cb-hero-video {
        display: none
    }
}

.cb-hero-video video {
    height: 100%;
    width: 100%
}

.cb-hero-header {
    position: relative;
    margin: 45px 0 0 0;
    z-index: 3;
    pointer-events: none;
    overflow: hidden
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-hero-header {
        margin: 95px 0 0 0
    }
}

@media (min-width: 1024px) {
    .cb-hero-header {
        margin: 0
    }
}

.cb-hero-header h1, .cb-hero-header h2 {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -.03em
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-hero-header h1, .cb-hero-header h2 {
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .cb-hero-header h1, .cb-hero-header h2 {
        font-size: 20px
    }
}

@media (min-width: 1600px) {
    .cb-hero-header h1, .cb-hero-header h2 {
        font-size: 1.25vw
    }
}

.cb-hero-nav {
    padding: 10px 0 0 0;
    margin: -6px -11px
}

@media (min-width: 360px) {
    .cb-hero-nav {
        margin: -8px -18px
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-hero-nav {
        margin: -12px -22px
    }
}

@media (min-width: 1200px) {
    .cb-hero-nav {
        white-space: nowrap
    }
}

.cb-hero-nav-item {
    display: block
}

@media (min-width: 1200px) {
    .cb-hero-nav-item {
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .cb-hero-nav-item-spacer {
        position: relative
    }

    .cb-hero-nav-item-spacer:before {
        content: "";
        display: block;
        position: absolute;
        top: -30vh;
        bottom: -30vh;
        left: 0;
        right: 0
    }
}

.cb-hero-nav-item a {
    display: inline-block;
    position: relative;
    z-index: 9;
    padding: 6px 11px;
    overflow: hidden;
    font-size: 38px;
    font-weight: 600;
    line-height: 47px;
    letter-spacing: -.05em;
    text-decoration: none
}

@media (min-width: 360px) {
    .cb-hero-nav-item a {
        padding: 8px 18px;
        font-size: 42px;
        line-height: 52px
    }
}

@media (min-width: 768px) and (min-height: 550px) {
    .cb-hero-nav-item a {
        padding: 12px 22px;
        font-size: 60px;
        line-height: 65px
    }
}

@media (min-width: 1200px) {
    .cb-hero-nav-item a {
        color: #fff;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        font-size: 6.66667vw;
        line-height: 1.1;
        transition: color .3s, -webkit-text-stroke .3s
    }

    .cb-hero-nav-item a:lang(ru) {
        font-size: 5.83333vw
    }

    @supports (-webkit-text-stroke:1px #000) {
        .cb-hero-nav-item a {
            color: transparent;
            text-shadow: none;
            -webkit-text-stroke: 1px #000
        }
    }
}

.cb-hero-nav-item a > span {
    position: relative;
    display: inline-block
}

.cb-hero-nav-item a > span:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 0;
    height: 1px;
    background: currentColor
}

@media (min-width: 1200px) {
    .cb-hero-nav-item a > span:after {
        display: none
    }
}

@media (min-width: 1200px) {
    .cb-hero-nav-item a > span.-sm {
        display: none
    }
}

.cb-hero-nav-item a > span.-lg {
    display: none
}

@media (min-width: 1200px) {
    .cb-hero-nav-item a > span.-lg {
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .cb-checkbox_rounded .cb-hero-nav-item label > input:focus ~ a.cb-checkbox_rounded-box, .cb-hero-nav-item .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box, .cb-hero-nav-item a:focus, .cb-hero-nav-item a:hover {
        color: #000;
        -webkit-text-stroke: 1px transparent
    }
}

.cb-hero-text {
    position: relative;
    z-index: 2;
    max-width: 645px;
    font-size: 20px;
    line-height: 155%;
    letter-spacing: .00464286em
}

@media (min-width: 1200px) {
    .cb-hero-text {
        max-width: 825px;
        font-size: 30px;
        line-height: 135%
    }
}

@media (min-width: 1600px) {
    .cb-hero-text {
        max-width: 51.5625vw;
        font-size: 1.875vw
    }
}

.cb-featured-content {
    position: relative;
    padding: 130px 0 60px 0
}

@media (min-width: 360px) {
    .cb-featured-content {
        padding: 170px 0 90px 0
    }
}

@media (min-width: 768px) {
    .cb-featured-content {
        padding: 180px 0 175px 0
    }
}

@media (min-width: 1024px) {
    .cb-featured-content {
        padding: 180px 0 100px 0
    }
}

@media (min-width: 1200px) {
    .cb-featured-content {
        padding: 270px 0 150px 0
    }
}

@media (min-width: 1600px) {
    .cb-featured-content {
        padding: 275px 0 200px 0
    }
}

@media (min-width: 1200px) {
    .cb-featured-container {
        height: 100%
    }
}

.cb-featured-header {
    text-align: center
}

@media (min-width: 768px) {
    .cb-featured-header {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .cb-featured-header {
        padding: 0
    }
}

.cb-featured-header h2 {
    margin: 0;
    padding: 0;
    font-size: 38px;
    font-weight: 400;
    line-height: 100%;
    text-transform: lowercase
}

@media (min-width: 360px) {
    .cb-featured-header h2 {
        font-size: 42px
    }
}

@media (min-width: 768px) {
    .cb-featured-header h2 {
        font-size: 60px
    }
}

@media (min-width: 1600px) {
    .cb-featured-header h2 {
        font-size: 3.75vw
    }
}

.cb-featured-header h2 span {
    display: block;
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}

@supports (-webkit-text-stroke:1px #01d7fd) {
    .cb-featured-header h2 span {
        color: transparent;
        text-shadow: none;
        -webkit-text-stroke: .8px #000
    }
}

.cb-featured-items {
    padding: 130px 0 0 0;
    margin: -40px -20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 360px) {
    .cb-featured-items {
        padding: 180px 0 0 0;
        margin: -40px -30px
    }
}

@media (min-width: 768px) {
    .cb-featured-items {
        padding: 150px 0 0 0;
        margin: -40px -80px
    }
}

@media (min-width: 1024px) {
    .cb-featured-items {
        margin: -40px -100px
    }
}

@media (min-width: 1200px) {
    .cb-featured-items {
        margin: 0
    }
}

.cb-featured-item {
    padding: 40px 0;
    cursor: pointer
}

@media (min-width: 768px) {
    .cb-featured-item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 40px 20px
    }
}

@media (min-width: 1200px) {
    .cb-featured-item {
        display: block;
        width: auto;
        padding: 0
    }
}

@media (min-width: 1200px) {
    .cb-featured-item-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 100vh
    }
}

.cb-featured-item-grid-col.-left {
    margin: 38px auto 0 auto;
    max-width: 270px;
    text-align: center
}

@media (min-width: 1200px) {
    .cb-featured-item-grid-col.-left {
        margin: 0;
        max-width: none;
        text-align: left
    }
}

@media (min-width: 1200px) {
    .cb-featured-item-grid-col.-right {
        max-width: 50%
    }
}

.cb-featured-item-img {
    position: relative;
    display: block;
    text-decoration: none
}

@media (min-width: 1200px) {
    .cb-featured-item-img {
        height: 90vh;
        width: 54.925vh
    }
}

.cb-featured-item-img img {
    max-width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 40px
}

@media (min-width: 1200px) {
    .cb-featured-item-img img {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
}

@media (min-width: 1200px) {
    .desktop .cb-featured-item-img img {
        display: none
    }
}

.cb-featured-item-header {
    display: inline
}

@media (min-width: 1200px) {
    .cb-featured-item-header {
        display: block
    }
}

.cb-featured-item-header h3 {
    display: inline;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%
}

@media (min-width: 1200px) {
    .cb-featured-item-header h3 {
        display: block;
        font-size: 1.5vw;
        font-weight: 400;
        line-height: 1
    }
}

.cb-featured-item-text {
    display: inline;
    font-size: 20px;
    line-height: 150%
}

@media (min-width: 1200px) {
    .cb-featured-item-text {
        display: block;
        margin: 30px 0 0 0;
        font-size: 2.58333vw;
        line-height: 133%;
        letter-spacing: -.03em
    }
}

.cb-featured-item-text:before {
    content: " – "
}

@media (min-width: 1200px) {
    .cb-featured-item-text:before {
        display: none
    }
}

.cb-featured-item-text p {
    display: inline
}

.cb-featured-item-text p:after {
    content: " "
}

@media (min-width: 1200px) {
    .cb-featured-item-text p:after {
        content: none
    }
}

@media (min-width: 1200px) {
    .cb-featured-item-text p {
        display: block
    }
}

.cb-featured-item-tags {
    display: none
}

@media (min-width: 1200px) {
    .cb-featured-item-tags {
        display: block;
        margin: 30px 0 0 0;
        color: #6f6f6f;
        font-size: 1.16667vw;
        letter-spacing: .04375em;
        line-height: 156%
    }
}

.cb-newsfeed {
    position: relative
}

.cb-newsfeed-content {
    padding: 60px 0 120px 0
}

@media (min-width: 360px) {
    .cb-newsfeed-content {
        padding: 90px 0 190px 0
    }
}

@media (min-width: 768px) {
    .cb-newsfeed-content {
        padding: 120px 0 260px 0
    }
}

@media (min-width: 1024px) {
    .cb-newsfeed-content {
        padding: 100px 0 210px 0
    }
}

@media (min-width: 1200px) {
    .cb-newsfeed-content {
        padding: 130px 0 177px 0
    }
}

@media (min-width: 1600px) {
    .cb-newsfeed-content {
        padding: 200px 0 310px 0
    }
}

.cb-newsfeed-content.-ct {
    padding-top: 0
}

@media (min-width: 768px) {
    .cb-newsfeed-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 768px) {
    .cb-newsfeed-grid-col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 768px) {
    .cb-newsfeed-grid-col.-right {
        padding: 10px 0 0 20px
    }
}

@media (min-width: 1024px) {
    .cb-newsfeed-grid-col.-right {
        padding: 10px 0 0 40px
    }
}

@media (min-width: 1600px) {
    .cb-newsfeed-grid-col.-right {
        padding: 10px 0 0 105px
    }
}

@media (min-width: 768px) {
    .cb-newsfeed-header {
        max-width: 260px
    }
}

.cb-newsfeed-header h2 {
    color: #1a1a1a;
    font-size: 38px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.05em
}

@media (min-width: 360px) {
    .cb-newsfeed-header h2 {
        font-size: 42px
    }
}

@media (min-width: 768px) {
    .cb-newsfeed-header h2 {
        font-size: 60px
    }
}

@media (min-width: 1200px) {
    .cb-newsfeed-header h2 {
        font-size: 80px
    }
}

.cb-newsfeed-list {
    margin: -60px 0;
    padding: 85px 0 0 0
}

@media (min-width: 768px) {
    .cb-newsfeed-list {
        padding: 0
    }
}

@media (min-width: 1200px) {
    .cb-newsfeed-list {
        margin: -80px 0
    }
}

.cb-newsfeed-list-item {
    display: block;
    margin: 60px 0;
    max-width: 255px;
    text-decoration: none
}

@media (min-width: 768px) {
    .cb-newsfeed-list-item {
        max-width: 285px
    }
}

@media (min-width: 1200px) {
    .cb-newsfeed-list-item {
        margin: 80px 0;
        max-width: 442px
    }
}

.cb-newsfeed-list-item-title {
    position: relative;
    display: inline;
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: calc(100%);
    padding: 0 0 2px 0;
    background-image: -webkit-linear-gradient(transparent -webkit-calc(100% - 1px), #000 1px);
    background-image: -moz-linear-gradient(transparent -moz-calc(100% - 1px), #000 1px);
    background-image: -o-linear-gradient(transparent calc(100% - 1px), #000 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), #000 1px);
    background-repeat: no-repeat;
    -webkit-background-size: 0 100%;
    -moz-background-size: 0 100%;
    background-size: 0 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .00464286em;
    -webkit-transition: opacity .3s, -webkit-background-size 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .3s, -webkit-background-size 1.5s cubic-bezier(.19, 1, .22, 1);
    -o-transition: background-size 1.5s cubic-bezier(.19, 1, .22, 1), opacity .3s;
    -moz-transition: background-size 1.5s cubic-bezier(.19, 1, .22, 1), opacity .3s, -moz-background-size 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: background-size 1.5s cubic-bezier(.19, 1, .22, 1), opacity .3s;
    transition: background-size 1.5s cubic-bezier(.19, 1, .22, 1), opacity .3s, -webkit-background-size 1.5s cubic-bezier(.19, 1, .22, 1), -moz-background-size 1.5s cubic-bezier(.19, 1, .22, 1)
}

@media (min-width: 1200px) {
    .cb-newsfeed-list-item-title {
        font-size: 30px
    }
}

.cb-newsfeed-list-item-time {
    display: block;
    margin: 12px 0 0 0;
    color: #6f6f6f;
    font-size: 16px;
    line-height: 156%;
    letter-spacing: .04375em
}

@media (min-width: 1200px) {
    .cb-newsfeed-list-item-time {
        margin: 20px 0 0 0
    }
}

.cb-checkbox_rounded label > input:focus ~ .cb-newsfeed-list-item.cb-checkbox_rounded-box .cb-newsfeed-list-item-title, .cb-newsfeed-list-item:focus .cb-newsfeed-list-item-title, .cb-newsfeed-list-item:hover .cb-newsfeed-list-item-title {
    opacity: .9;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.cb-tagreel {
    position: relative
}

.cb-tagreel-content {
    padding: 60px 0
}

@media (min-width: 360px) {
    .cb-tagreel-content {
        padding: 70px 0
    }
}

@media (min-width: 768px) {
    .cb-tagreel-content {
        padding: 175px 0
    }
}

@media (min-width: 1024px) {
    .cb-tagreel-content {
        padding: 100px 0
    }
}

@media (min-width: 1200px) {
    .cb-tagreel-content {
        padding: 130px 0
    }
}

@media (min-width: 1600px) {
    .cb-tagreel-content {
        padding: 200px 0
    }
}

.cb-tagreel-items {
    margin: -28px 0;
    overflow: hidden;
    cursor: default
}

@media (min-width: 768px) {
    .cb-tagreel-items {
        margin: -31px 0
    }
}

@media (min-width: 1200px) {
    .cb-tagreel-items {
        margin: -34px 0
    }
}

@media (min-width: 1600px) {
    .cb-tagreel-items {
        margin: -58px 0
    }
}

.cb-tagreel-row {
    position: relative;
    text-align: center;
    white-space: nowrap
}

.cb-tagreel-item {
    position: relative;
    display: inline-block;
    padding: 28px 0;
    width: 50%;
    font-size: 37px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.03em
}

@media (max-width: 767px) {
    .cb-tagreel-item:lang(ru) {
        font-size: 34px;
        letter-spacing: -.08em
    }
}

@media (min-width: 768px) {
    .cb-tagreel-item {
        padding: 31px 0;
        font-size: 60px
    }
}

@media (min-width: 1200px) {
    .cb-tagreel-item {
        padding: 34px 0;
        width: 33.33%
    }
}

@media (min-width: 1600px) {
    .cb-tagreel-item {
        padding: 58px 0
    }
}

@media (min-width: 1600px) {
    .cb-tagreel-item {
        font-size: 3.75vw
    }
}

.cb-tagreel-item span {
    display: inline-block;
    position: relative;
    z-index: 1
}

.cb-tagreel-item s {
    display: none;
    text-decoration: none
}

@media (min-width: 768px) {
    .cb-tagreel-item s {
        display: inline
    }
}

.cb-tagreel-item.-stroke {
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .2), 1px -1px 0 rgba(0, 0, 0, .2), -1px 1px 0 rgba(0, 0, 0, .2), 1px 1px 0 rgba(0, 0, 0, .2);
    font-weight: 400
}

@supports (-webkit-text-stroke:1px rgba(0,0,0,0.2)) {
    .cb-tagreel-item.-stroke {
        color: transparent;
        text-shadow: none;
        -webkit-text-stroke: 1px rgba(0, 0, 0, .2)
    }
}

.cb-outro {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: #000
}

@media (min-width: 1024px) {
    .cb-outro {
        height: 100%;
        min-height: 700px
    }
}

.cb-outro-content {
    position: relative;
    z-index: 1;
    padding: 95px 0 55px 0
}

@media (min-width: 1024px) {
    .cb-outro-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%;
        padding: 60px 0
    }
}

.cb-outro-body {
    text-align: center
}

@media (min-width: 1024px) {
    .cb-outro-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }
}

@media (min-width: 1024px) {
    .cb-outro-body {
        text-align: left
    }
}

.cb-outro-footer {
    text-align: center
}

@media (min-width: 1024px) {
    .cb-outro-footer {
        text-align: left
    }
}

@media (min-width: 1024px) {
    .cb-outro-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1024px) {
    .cb-outro-grid-col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 1024px) {
    .cb-outro-grid-col.-right {
        padding: 0 0 0 40px;
        text-align: right
    }
}

.cb-outro-header {
    font-size: 38px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -.03em
}

@media (min-width: 360px) {
    .cb-outro-header {
        font-size: 42px
    }
}

@media (min-width: 768px) {
    .cb-outro-header {
        font-size: 60px
    }
}

@media (min-width: 1200px) {
    .cb-outro-header {
        font-size: 5.41667vw
    }
}

.cb-outro-header h2 {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit
}

.cb-outro-header a {
    position: relative;
    display: inline-block;
    padding: 0 0 8px 0;
    font-weight: 300;
    text-decoration: none
}

@media (min-width: 1024px) {
    .cb-outro-header a {
        padding: 0 0 15px 0
    }
}

.cb-outro-header a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    -webkit-transition: -webkit-transform .55s cubic-bezier(.4, .22, .21, 1.04);
    transition: -webkit-transform .55s cubic-bezier(.4, .22, .21, 1.04);
    -o-transition: -o-transform .55s cubic-bezier(.4, .22, .21, 1.04);
    -moz-transition: transform .55s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .55s cubic-bezier(.4, .22, .21, 1.04);
    transition: transform .55s cubic-bezier(.4, .22, .21, 1.04);
    transition: transform .55s cubic-bezier(.4, .22, .21, 1.04), -webkit-transform .55s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .55s cubic-bezier(.4, .22, .21, 1.04), -o-transform .55s cubic-bezier(.4, .22, .21, 1.04)
}

.cb-checkbox_rounded .cb-outro-header label > input:focus ~ a.cb-checkbox_rounded-box:before, .cb-outro-header .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box:before, .cb-outro-header a:focus:before, .cb-outro-header a:hover:before {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0)
}

.cb-outro-mail {
    margin: 80px 0 0 0
}

@media (min-width: 1024px) {
    .cb-outro-mail {
        margin: 0
    }
}

.cb-outro-mail a {
    position: relative;
    display: inline-block;
    padding: 0 0 5px 0;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .00464286em;
    text-decoration: none
}

.cb-outro-mail a:after, .cb-outro-mail a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, .3)
}

.cb-outro-mail a:after {
    background: rgba(255, 255, 255, .7);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 1s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 1s cubic-bezier(.19, 1, .22, 1), -moz-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1), -moz-transform 1s cubic-bezier(.19, 1, .22, 1), -o-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.cb-checkbox_rounded .cb-outro-mail label > input:focus ~ a.cb-checkbox_rounded-box:after, .cb-outro-mail .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box:after, .cb-outro-mail a:focus:after, .cb-outro-mail a:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.cb-outro-address {
    margin: 28px auto 0 auto;
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    font-weight: 400;
    line-height: 157%
}

@media (min-width: 1024px) {
    .cb-outro-address {
        margin: 28px -30px 0 -30px
    }
}

@media (min-width: 1200px) {
    .cb-outro-address {
        margin: 28px -35px 0 -35px
    }
}

.cb-outro-address address {
    display: block;
    font-style: normal;
    margin: 15px 0
}

@media (min-width: 1024px) {
    .cb-outro-address address {
        display: inline-block;
        margin: 0 30px
    }
}

@media (min-width: 1200px) {
    .cb-outro-address address {
        margin: 0 35px
    }
}

.cb-outro-address a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none
}

.cb-outro-address a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: -webkit-transform .4s, -webkit-transform-origin 0s;
    transition: -webkit-transform .4s, -webkit-transform-origin 0s;
    -o-transition: -o-transform .4s, -o-transform-origin 0s;
    -moz-transition: transform .4s, transform-origin 0s, -moz-transform .4s, -moz-transform-origin 0s;
    transition: transform .4s, transform-origin 0s;
    transition: transform .4s, transform-origin 0s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s, -webkit-transform-origin 0s, -moz-transform-origin 0s, -ms-transform-origin 0s, -o-transform-origin 0s
}

.cb-outro-address a:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.cb-outro-link {
    margin: 30px 0 0 0
}

@media (min-width: 1024px) {
    .cb-outro-link {
        margin: 18px 0 0 0
    }
}

.cb-outro-link:lang(ru) {
    color: rgba(255, 255, 255, .6)
}

.cb-outro-link-item {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none
}

.cb-outro-link-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: -webkit-transform .4s, -webkit-transform-origin 0s;
    transition: -webkit-transform .4s, -webkit-transform-origin 0s;
    -o-transition: -o-transform .4s, -o-transform-origin 0s;
    -moz-transition: transform .4s, transform-origin 0s, -moz-transform .4s, -moz-transform-origin 0s;
    transition: transform .4s, transform-origin 0s;
    transition: transform .4s, transform-origin 0s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s, -webkit-transform-origin 0s, -moz-transform-origin 0s, -ms-transform-origin 0s, -o-transform-origin 0s
}

.cb-outro-link-item:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.cb-outro-social {
    position: relative;
    padding: 40px 0 0 0
}

@media (min-width: 1024px) {
    .cb-outro-social {
        padding: 33px 0 0 0
    }
}

@media (min-width: 1200px) {
    .cb-outro-social {
        margin: -15px
    }
}

@media (min-width: 1600px) {
    .cb-outro-social {
        padding: 33px 0 0 0
    }
}

.cb-outro-social-item {
    position: relative;
    display: inline-block;
    width: 76px;
    height: 63px;
    overflow: hidden;
    opacity: .3;
    cursor: pointer;
    font-size: 20px;
    font-weight: 300;
    line-height: 64px;
    letter-spacing: .00464286em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

@media (min-width: 768px) {
    .cb-outro-social-item {
        width: 98px;
        height: 68px;
        line-height: 67px
    }
}

@media (min-width: 1200px) {
    .cb-outro-social-item {
        width: -webkit-calc(33.33% - 30px);
        width: -moz-calc(33.33% - 30px);
        width: calc(33.33% - 30px);
        height: auto;
        padding: 18px 0;
        line-height: normal;
        margin: 15px;
        opacity: 1;
        text-align: left
    }
}

.cb-outro-social-item-title {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.cb-outro-social-item-title span {
    display: none
}

@media (min-width: 1200px) {
    .cb-outro-social-item-title span {
        display: inline-block;
        position: relative;
        z-index: 1;
        color: transparent;
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
        transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
        -o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
        -moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1)
    }

    .cb-outro-social-item-title span:after, .cb-outro-social-item-title span:before {
        content: attr(data-text);
        display: block;
        position: absolute;
        color: #fff
    }

    .cb-outro-social-item-title span:before {
        top: 0;
        -webkit-transform: skewY(0);
        -moz-transform: skewY(0);
        -ms-transform: skewY(0);
        -o-transform: skewY(0);
        transform: skewY(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
        transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
        -o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
        -moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
        transition: transform 2s cubic-bezier(.19, 1, .22, 1);
        transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
    }

    .cb-outro-social-item-title span:after {
        top: 105%;
        -webkit-transform: skewY(7deg);
        -moz-transform: skewY(7deg);
        -ms-transform: skewY(7deg);
        -o-transform: skewY(7deg);
        transform: skewY(7deg);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        -webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
        transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
        -o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
        -moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
        transition: transform 2s cubic-bezier(.19, 1, .22, 1);
        transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
    }
}

@media (min-width: 1200px) {
    .cb-outro-social-item svg {
        display: none
    }
}

.cb-outro-social-item:hover {
    opacity: 1
}

.cb-outro-social-item:hover .cb-outro-social-item-title span {
    -webkit-transform: translateY(-105%);
    -moz-transform: translateY(-105%);
    -ms-transform: translateY(-105%);
    -o-transform: translateY(-105%);
    transform: translateY(-105%)
}

@media (pointer: coarse) {
    .cb-outro-social-item:hover .cb-outro-social-item-title span {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-outro-social-item:hover .cb-outro-social-item-title span:before {
    -webkit-transform: skewY(7deg);
    -moz-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    transform: skewY(7deg)
}

@media (pointer: coarse) {
    .cb-outro-social-item:hover .cb-outro-social-item-title span:before {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-outro-social-item:hover .cb-outro-social-item-title span:after {
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    -o-transform: skewY(0);
    transform: skewY(0)
}

@media (pointer: coarse) {
    .cb-outro-social-item:hover .cb-outro-social-item-title span:after {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-request-content {
    padding: 140px 0 175px 0
}

@media (min-width: 768px) {
    .cb-request-content {
        padding: 175px 0 300px 0
    }
}

@media (min-width: 1200px) {
    .cb-request-content {
        padding: 200px 0 300px 0
    }
}

.cb-request-header h1 {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    color: rgba(0, 0, 0, .9);
    font-size: 42px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 100%
}

@media (min-width: 768px) {
    .cb-request-header h1 {
        font-size: 60px;
        letter-spacing: -.05em
    }
}

@media (min-width: 1200px) {
    .cb-request-header h1 {
        font-size: 80px
    }
}

@media (min-width: 1600px) {
    .cb-request-header h1 {
        font-size: 110px
    }
}

.cb-request-header h1 > div {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cb-request-header img {
    position: relative;
    top: -2px;
    width: 38px;
    display: inline-block;
    vertical-align: middle
}

@media (min-width: 768px) {
    .cb-request-header img {
        top: -4px;
        width: 64px
    }
}

@media (min-width: 1600px) {
    .cb-request-header img {
        top: -8px;
        width: 88px
    }
}

.cb-request-text {
    margin: 40px 0 0 0;
    max-width: 266px;
    font-size: 20px;
    line-height: 155%
}

@media (min-width: 768px) {
    .cb-request-text {
        margin: 50px 0 0 0;
        max-width: none
    }
}

@media (min-width: 1200px) {
    .cb-request-text {
        margin: 65px 0 0 0
    }
}

.cb-request-text a {
    position: relative;
    display: inline-block;
    text-decoration: none
}

.cb-request-text a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: currentColor
}

.cb-request-form {
    margin: 70px 0 0 0
}

@media (min-width: 768px) {
    .cb-request-form {
        margin: 100px 0 0 0
    }
}

@media (min-width: 1024px) {
    .cb-request-form {
        max-width: 950px
    }
}

@media (min-width: 1600px) {
    .cb-request-form {
        margin: 170px 0 0 0
    }
}

@media (min-width: 768px) {
    .cb-brief-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.cb-brief-grid-col.-left {
    padding: 0 0 30px 0
}

@media (min-width: 768px) {
    .cb-brief-grid-col.-left {
        min-width: 190px;
        max-width: 190px;
        padding: 0 20px 0 0
    }
}

@media (min-width: 1024px) {
    .cb-brief-grid-col.-left {
        min-width: 300px;
        max-width: 300px;
        padding: 0 80px 0 0
    }
}

@media (min-width: 1600px) {
    .cb-brief-grid-col.-left {
        min-width: 400px;
        max-width: 300px
    }
}

.cb-brief-header {
    padding: 7px 0 0 0
}

.cb-brief-header h2 {
    color: rgba(0, 0, 0, .9);
    font-size: 20px;
    font-weight: 600
}

.cb-brief-text {
    font-size: 20px;
    line-height: 155%;
    letter-spacing: .00464286em
}

@media (min-width: 768px) {
    .cb-brief-text {
        font-size: 22px;
        line-height: 150%;
        letter-spacing: normal
    }
}

@media (min-width: 1200px) {
    .cb-brief-text {
        max-width: 790px;
        font-size: 28px;
        line-height: 150%
    }
}

.cb-brief-text img {
    position: relative;
    top: -2px;
    height: 1em;
    vertical-align: middle
}

.cb-brief-text p {
    margin-bottom: 1em
}

.cb-brief-text p:last-child {
    margin-bottom: 0
}

.cb-brief-link {
    margin: -10px -15px;
    padding: 32px 0 0 0
}

@media (min-width: 768px) {
    .cb-brief-link {
        margin: -10px -20px;
        padding: 60px 0 0 0
    }
}

@media (min-width: 1200px) {
    .cb-brief-link {
        margin: -12px -32px
    }
}

.cb-brief-link-item {
    position: relative;
    display: inline-block;
    margin: 10px 15px;
    padding: 5px 0;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.01em;
    vertical-align: middle;
    text-decoration: none
}

@media (min-width: 768px) {
    .cb-brief-link-item {
        margin: 10px 20px;
        padding: 7px 0;
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .cb-brief-link-item {
        margin: 12px 32px
    }
}

.cb-brief-link-item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform 1s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 1s cubic-bezier(.19, 1, .22, 1), -moz-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1), -moz-transform 1s cubic-bezier(.19, 1, .22, 1), -o-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.cb-brief-link-item:after {
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: -5px;
    right: -5px;
    bottom: -25px
}

.cb-brief-link-item:focus:before, .cb-brief-link-item:hover:before, .cb-checkbox_rounded label > input:focus ~ .cb-brief-link-item.cb-checkbox_rounded-box:before {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0)
}

.cb-billboard-header {
    margin: 0 0 80px 0;
    max-width: 250px
}

@media (min-width: 768px) {
    .cb-billboard-header {
        margin: 0 0 140px 0;
        max-width: 580px
    }
}

@media (min-width: 1200px) {
    .cb-billboard-header {
        margin: 0 0 150px 0;
        max-width: 770px
    }
}

@media (min-width: 1600px) {
    .cb-billboard-header {
        margin: 0 0 210px 0;
        max-width: 892px
    }
}

.cb-billboard-header h2 {
    color: rgba(0, 0, 0, .9);
    font-size: 38px;
    font-weight: 400;
    line-height: 100%
}

@media (min-width: 360px) {
    .cb-billboard-header h2 {
        font-size: 42px;
        letter-spacing: -.03em
    }
}

@media (min-width: 768px) {
    .cb-billboard-header h2 {
        font-size: 60px;
        letter-spacing: -.05em
    }
}

@media (min-width: 1200px) {
    .cb-billboard-header h2 {
        font-size: 80px
    }
}

@media (max-width: 767px) {
    .cb-billboard-header h2 br {
        display: none
    }
}

.cb-billboard-items {
    margin: -25px -13px
}

@media (min-width: 768px) {
    .cb-billboard-items {
        margin: -43px -130px
    }
}

@media (min-width: 1600px) {
    .cb-billboard-items {
        margin: -80px -110px
    }
}

.cb-billboard-items:after {
    content: "";
    display: block;
    clear: both
}

.cb-billboard-item {
    display: inline-block;
    padding: 25px 13px;
    width: 50%;
    text-align: center
}

@media (min-width: 1024px) {
    .cb-billboard-item {
        width: 33.33%;
        padding: 43px 20px
    }
}

@media (min-width: 1600px) {
    .cb-billboard-item {
        padding: 80px 40px
    }
}

.cb-billboard-item img {
    max-width: 120px
}

@media (min-width: 768px) {
    .cb-billboard-item img {
        max-width: 207px
    }
}

@media (min-width: 1600px) {
    .cb-billboard-item img {
        max-width: 225px
    }
}

@media (max-width: 1023px) {
    .cb-billboard-item:nth-child(8) {
        display: none
    }
}

.cb-description-header h2 {
    font-size: 38px;
    font-weight: 400;
    line-height: 100%;
    word-break: break-word
}

@media (max-width: 767px) {
    .cb-description-header h2:lang(ru) {
        font-size: 34px
    }
}

@media (min-width: 360px) {
    .cb-description-header h2 {
        font-size: 42px;
        letter-spacing: -.03em
    }
}

@media (min-width: 768px) {
    .cb-description-header h2 {
        font-size: 60px;
        letter-spacing: -.05em;
        word-break: normal;
        -webkit-hyphens: manual;
        -moz-hyphens: manual;
        -ms-hyphens: manual;
        hyphens: manual
    }
}

@media (min-width: 1200px) {
    .cb-description-header h2 {
        font-size: 70px
    }
}

@media (min-width: 1350px) {
    .cb-description-header h2 {
        font-size: 80px
    }
}

@media (max-width: 767px) {
    .cb-description-header h2 br {
        display: none
    }
}

.cb-description-text {
    margin: 30px 0 0 0;
    font-size: 20px;
    line-height: 155%;
    letter-spacing: .00464286em
}

@media (min-width: 768px) {
    .cb-description-text {
        max-width: 805px;
        margin: 55px 0 0 0;
        font-size: 22px;
        line-height: 150%
    }
}

@media (min-width: 1200px) {
    .cb-description-text {
        font-size: 28px
    }
}

.cb-description-text p {
    margin: 0 0 1em 0
}

.cb-description-text img {
    position: relative;
    top: -2px;
    height: 1em;
    vertical-align: middle
}

.cb-description-action {
    margin: 45px 0 0 0
}

.cb-numstat-container {
    margin: 0 auto;
    max-width: 1920px
}

.cb-numstat-grid {
    margin: -100px 0;
    text-align: center
}

@media (min-width: 768px) {
    .cb-numstat-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0
    }
}

.cb-numstat-grid-col {
    margin: 100px 0
}

@media (min-width: 768px) {
    .cb-numstat-grid-col {
        margin: 0
    }
}

.cb-numstat-num {
    overflow: hidden;
    height: 1em;
    font-size: 38px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.07em
}

@media (min-width: 768px) {
    .cb-numstat-num {
        font-size: 50px
    }
}

@media (min-width: 1024px) {
    .cb-numstat-num {
        font-size: 60px
    }
}

@media (min-width: 1200px) {
    .cb-numstat-num {
        font-size: 80px
    }
}

.cb-numstat-num-char, .cb-numstat-num-digit {
    display: inline-block;
    vertical-align: top
}

.cb-numstat-num-digit {
    -webkit-transition: -webkit-transform 2.5s;
    transition: -webkit-transform 2.5s;
    -o-transition: -o-transform 2.5s;
    -moz-transition: transform 2.5s, -moz-transform 2.5s;
    transition: transform 2.5s;
    transition: transform 2.5s, -webkit-transform 2.5s, -moz-transform 2.5s, -o-transform 2.5s;
    will-change: transform
}

.cb-numstat-num-digit span {
    display: block
}

.cb-numstat-num-digit:nth-last-child(1) {
    -webkit-transition-delay: 70ms;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.cb-numstat-num-digit:nth-last-child(2) {
    -webkit-transition-delay: .14s;
    -moz-transition-delay: .14s;
    -o-transition-delay: .14s;
    transition-delay: .14s
}

.cb-numstat-num-digit:nth-last-child(3) {
    -webkit-transition-delay: .21s;
    -moz-transition-delay: .21s;
    -o-transition-delay: .21s;
    transition-delay: .21s
}

.cb-numstat-num-digit:nth-last-child(4) {
    -webkit-transition-delay: .28s;
    -moz-transition-delay: .28s;
    -o-transition-delay: .28s;
    transition-delay: .28s
}

.cb-numstat-num-digit:nth-last-child(5) {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s
}

.cb-numstat-num-digit:nth-last-child(6) {
    -webkit-transition-delay: .42s;
    -moz-transition-delay: .42s;
    -o-transition-delay: .42s;
    transition-delay: .42s
}

.cb-numstat-num-digit:nth-last-child(7) {
    -webkit-transition-delay: .49s;
    -moz-transition-delay: .49s;
    -o-transition-delay: .49s;
    transition-delay: .49s
}

.cb-numstat-num-digit:nth-last-child(8) {
    -webkit-transition-delay: .56s;
    -moz-transition-delay: .56s;
    -o-transition-delay: .56s;
    transition-delay: .56s
}

.cb-numstat-num-digit:nth-last-child(9) {
    -webkit-transition-delay: .63s;
    -moz-transition-delay: .63s;
    -o-transition-delay: .63s;
    transition-delay: .63s
}

.cb-numstat-title {
    margin: 17px 0 0 0;
    font-size: 20px;
    line-height: 130%
}

@media (min-width: 768px) {
    .cb-numstat-title {
        margin: 25px 0 0 0
    }
}

@media (min-width: 1024px) {
    .cb-numstat-title {
        margin: 20px 0 0 0
    }
}

@media (min-width: 1200px) {
    .cb-numstat-title {
        margin: 25px 0 0 0
    }
}

.cb-preview {
    position: relative;
    height: 100%;
    min-height: 320px;
    overflow: hidden
}

@media (min-width: 768px) {
    .cb-preview {
        min-height: 384px
    }
}

@media (min-width: 1024px) {
    .cb-preview {
        min-height: 513px
    }
}

@media (min-width: 1200px) {
    .cb-preview {
        min-height: 600px
    }
}

@media (min-width: 1600px) {
    .cb-preview {
        min-height: 800px
    }
}

.cb-preview-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    perspective: 100px
}

.cb-preview-bg-img {
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.cb-preview-bg-img.-contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.cb-preview-bg-video {
    position: relative;
    height: 100%;
    overflow: hidden
}

.cb-preview-bg-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .cb-preview-bg-video video {
        position: static;
        top: auto;
        left: auto;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-preview-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-preview-img img {
    max-width: 100%;
    max-height: 100%
}

.cb-preview-img.-static {
    position: relative
}

.cb-preview-video {
    position: relative;
    height: 100%;
    overflow: hidden
}

.cb-preview-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .cb-preview-video video {
        position: static;
        top: auto;
        left: auto;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-smfeed {
    position: relative;
    overflow: hidden
}

.cb-smfeed-header {
    margin: 0 0 30px 0
}

@media (min-width: 768px) {
    .cb-smfeed-header {
        margin: 0 0 100px 0
    }
}

@media (min-width: 1600px) {
    .cb-smfeed-header {
        margin: 0 0 120px 0
    }
}

.cb-smfeed-header h2 {
    color: rgba(0, 0, 0, .9);
    font-size: 38px;
    font-weight: 400;
    line-height: 100%
}

@media (min-width: 360px) {
    .cb-smfeed-header h2 {
        font-size: 42px;
        letter-spacing: -.03em
    }
}

@media (min-width: 768px) {
    .cb-smfeed-header h2 {
        font-size: 60px;
        letter-spacing: -.05em
    }
}

@media (min-width: 1200px) {
    .cb-smfeed-header h2 {
        font-size: 80px
    }
}

.cb-smfeed-items {
    margin: 0 -8px;
    white-space: nowrap
}

@media (min-width: 768px) {
    .cb-smfeed-items {
        margin: 0 -35px
    }
}

.cb-smfeed-items .owl-stage-outer {
    overflow: visible
}

.cb-smfeed-item {
    display: inline-block;
    width: 257px;
    margin: 0 8px;
    white-space: normal;
    vertical-align: top;
    text-decoration: none
}

@media (min-width: 768px) {
    .cb-smfeed-item {
        width: 315px;
        margin: 0 35px
    }
}

@media (min-width: 1200px) {
    .cb-smfeed-item {
        width: 337px
    }
}

.cb-smfeed-item-img {
    display: block;
    height: 257px;
    width: 257px;
    margin: 0 0 25px 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat
}

@media (min-width: 768px) {
    .cb-smfeed-item-img {
        width: 315px;
        height: 315px;
        margin: 0 0 35px 0
    }
}

@media (min-width: 1200px) {
    .cb-smfeed-item-img {
        width: 337px;
        height: 337px
    }
}

.cb-smfeed-item-likes {
    font-size: 14px;
    font-weight: 700
}

.cb-smfeed-item-likes svg {
    margin: -2px 13px 0 0
}

.cb-smfeed-item-url {
    display: block;
    padding: 23px 0 0 0;
    font-size: 20px;
    font-weight: 700
}

@media (min-width: 768px) {
    .cb-smfeed-item-url {
        padding: 29px 0 0 0
    }
}

.cb-smfeed-item-url svg {
    margin: 0 11px 0 0;
    font-size: 16px;
    line-height: 0
}

.cb-smfeed-item-text {
    display: block;
    margin: 18px 0 0 0;
    font-size: 16px;
    line-height: 150%
}

.cb-splitshow-items {
    margin: -12px -6px
}

@media (min-width: 360px) {
    .cb-splitshow-items {
        margin: -14px -7px
    }
}

@media (min-width: 768px) {
    .cb-splitshow-items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: -24px -12px
    }
}

@media (min-width: 1024px) {
    .cb-splitshow-items {
        margin: -34px -17px
    }
}

@media (min-width: 1200px) {
    .cb-splitshow-items {
        margin: -40px -20px
    }
}

@media (min-width: 1600px) {
    .cb-splitshow-items {
        margin: -32px -16px
    }
}

.cb-splitshow-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 768px) {
    .cb-splitshow-col.-right {
        margin: 122px 0 0 0
    }
}

@media (min-width: 1024px) {
    .cb-splitshow-col.-right {
        margin: 170px 0 0 0
    }
}

@media (min-width: 1200px) {
    .cb-splitshow-col.-right {
        margin: 193px 0 0 0
    }
}

@media (min-width: 1900px) {
    .cb-splitshow-col.-right {
        margin: 250px 0 0 0
    }
}

.cb-splitshow-item {
    display: block;
    margin: 12px -14px
}

@media (min-width: 360px) {
    .cb-splitshow-item {
        margin: 14px -23px
    }
}

@media (min-width: 768px) {
    .cb-splitshow-item {
        margin: 24px 12px
    }
}

@media (min-width: 1024px) {
    .cb-splitshow-item {
        margin: 34px 17px
    }
}

@media (min-width: 1200px) {
    .cb-splitshow-item {
        margin: 40px 20px
    }
}

@media (min-width: 1600px) {
    .cb-splitshow-item {
        margin: 32px 16px
    }
}

.cb-splitshow-item-img {
    display: block;
    overflow: hidden;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

.cb-splitshow-item-img img {
    width: 100%
}

.cb-splitshow-item-img picture {
    display: block;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

@media (max-width: 767px) {
    .cb-splitshow-item-img picture img {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }
}

a.cb-splitshow-item-img {
    text-decoration: none
}

@media (min-width: 1200px) {
    a.cb-splitshow-item-img:hover {
        -webkit-transform: scale(.97);
        -moz-transform: scale(.97);
        -ms-transform: scale(.97);
        -o-transform: scale(.97);
        transform: scale(.97)
    }

    a.cb-splitshow-item-img:hover picture {
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02)
    }
}

.cb-splitshow-item-video {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden
}

.cb-splitshow-item-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) and (mix-blend-mode:lighten) {
    .cb-splitshow-item-video video {
        position: static;
        top: auto;
        left: auto;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-splitshow-item-text {
    display: block;
    margin: 0 auto;
    padding: 19px 0;
    max-width: 270px;
    font-size: 20px;
    line-height: 150%;
    text-align: center
}

@media (min-width: 360px) {
    .cb-splitshow-item-text {
        padding: 23px 0 36px 0
    }
}

@media (min-width: 768px) {
    .cb-splitshow-item-text {
        padding: 25px 0 44px 0;
        max-width: 220px;
        font-size: 16px
    }
}

@media (min-width: 1024px) {
    .cb-splitshow-item-text {
        padding: 34px 0 53px 0;
        max-width: 284px;
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .cb-splitshow-item-text {
        padding: 40px 0 60px 0;
        max-width: 318px;
        font-size: 22px
    }
}

.cb-splitshow-item-text b {
    font-weight: 600
}

.cb-tophead {
    position: relative;
    height: 55vh;
    min-height: 300px;
    z-index: 1
}

@media (min-width: 360px) {
    .cb-tophead {
        min-height: 356px
    }
}

@media (min-width: 768px) {
    .cb-tophead {
        min-height: 470px;
        height: 85vh
    }
}

.cb-tophead-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.cb-tophead-header {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    margin: 0 0 15px 0
}

@media (min-width: 768px) {
    .cb-tophead-header {
        margin: 0 0 18px 0
    }
}

.cb-tophead-header h1 {
    font-size: 17px;
    font-weight: 400;
    line-height: 294%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
}

@media (min-width: 768px) {
    .cb-tophead-header h1 {
        font-size: 20px;
        line-height: 250%
    }
}

.cb-tophead-title {
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -.05em
}

@media (min-width: 360px) {
    .cb-tophead-title {
        font-size: 34px
    }
}

@media (min-width: 1200px) {
    .cb-tophead-title {
        font-size: 5.41667vw
    }
}

.cb-tophead-title h1, .cb-tophead-title h2 {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.cb-tophead-title h1 > div, .cb-tophead-title h2 > div {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
}

.cb-tophead-title h1 br, .cb-tophead-title h2 br {
    display: none
}

@media (min-width: 768px) {
    .cb-tophead-title h1 br, .cb-tophead-title h2 br {
        display: block
    }
}

@media (min-width: 768px) {
    .cb-tophead-title.-lg {
        font-size: 6.25vw
    }
}

.cb-feedback {
    overflow: hidden
}

@media (min-width: 1200px) {
    .cb-feedback-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.cb-feedback-grid-col.-left {
    padding: 0 0 60px 0
}

@media (min-width: 1200px) {
    .cb-feedback-grid-col.-left {
        width: 270px;
        padding: 0 40px 0 0
    }
}

@media (min-width: 1600px) {
    .cb-feedback-grid-col.-left {
        width: 400px
    }
}

.cb-feedback-grid-col.-right {
    position: relative
}

@media (min-width: 1200px) {
    .cb-feedback-grid-col.-right {
        max-width: -webkit-calc(100% - 190px);
        max-width: -moz-calc(100% - 190px);
        max-width: calc(100% - 190px)
    }
}

@media (min-width: 1200px) {
    .cb-feedback-grid-col.-right {
        max-width: -webkit-calc(100% - 270px);
        max-width: -moz-calc(100% - 270px);
        max-width: calc(100% - 270px)
    }
}

@media (min-width: 1600px) {
    .cb-feedback-grid-col.-right {
        max-width: -webkit-calc(100% - 400px);
        max-width: -moz-calc(100% - 400px);
        max-width: calc(100% - 400px)
    }
}

.cb-feedback-header {
    max-width: 172px
}

.cb-feedback-header h2 {
    display: inline-block;
    color: rgba(0, 0, 0, .9);
    font-size: 20px;
    font-weight: 600;
    line-height: 140%
}

.cb-feedback-header img {
    position: relative;
    top: -1px;
    height: 1em;
    vertical-align: middle
}

.cb-feedback-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px 0
}

.cb-feedback-author-line {
    margin: 13px 18px 0 0;
    width: 20px;
    height: 1px;
    background: currentColor
}

.cb-feedback-author-name {
    color: #6f6f6f;
    font-size: 16px;
    line-height: 25px
}

.cb-feedback-author-name b {
    color: #000;
    font-weight: inherit
}

.cb-feedback-author-name span:before {
    content: ", "
}

.cb-feedback-text {
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -.02em
}

@media (min-width: 768px) {
    .cb-feedback-text {
        max-width: 810px;
        font-size: 28px;
        letter-spacing: 0
    }
}

.cb-feedback-text p {
    margin-bottom: .8em
}

.cb-feedback-text p:first-child:before {
    content: "”"
}

.cb-feedback-text p:last-child {
    margin-bottom: 0
}

.cb-feedback-text p:last-child:after {
    content: "”"
}

.cb-feedback-more {
    position: relative;
    margin: 40px 0 0 0;
    z-index: 5
}

@media (min-width: 768px) {
    .cb-feedback-more {
        margin: 45px 0 0 0
    }
}

@media (min-width: 1200px) {
    .cb-feedback-more {
        margin: 65px 0 0 0
    }
}

.cb-feedback-items {
    white-space: nowrap;
    width: 100%
}

@media (min-width: 1200px) {
    .cb-feedback-items {
        overflow: hidden
    }
}

.cb-feedback-items .owl-item {
    opacity: .2;
    -webkit-transition: opacity .4s .2s;
    -o-transition: opacity .4s .2s;
    -moz-transition: opacity .4s .2s;
    transition: opacity .4s .2s
}

.cb-feedback-items .owl-item.active {
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.cb-feedback-items .owl-stage-outer {
    overflow: visible
}

@media (min-width: 1200px) {
    .cb-feedback-items .owl-stage-outer {
        overflow: hidden
    }
}

.cb-feedback-item {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    max-width: 90%
}

.cb-relcase-container {
    text-align: center
}

.cb-relcase-anchor {
    position: relative;
    font-size: 38px;
    letter-spacing: -.03em;
    line-height: 110%
}

@media (min-width: 360px) {
    .cb-relcase-anchor {
        font-size: 42px
    }
}

@media (min-width: 768px) {
    .cb-relcase-anchor {
        font-size: 60px
    }
}

@media (min-width: 1200px) {
    .cb-relcase-anchor {
        font-size: 80px
    }
}

.cb-relcase-anchor h2 {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit
}

.cb-relcase-anchor a {
    position: relative;
    display: inline-block;
    padding: 0 0 5px 0;
    font-weight: 300;
    text-decoration: none
}

@media (min-width: 768px) {
    .cb-relcase-anchor a {
        padding: 0 0 8px 0
    }
}

@media (min-width: 1200px) {
    .cb-relcase-anchor a {
        padding: 0 0 10px 0
    }
}

.cb-relcase-anchor a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    -webkit-transition: -webkit-transform .55s cubic-bezier(.4, .22, .21, 1.04);
    transition: -webkit-transform .55s cubic-bezier(.4, .22, .21, 1.04);
    -o-transition: -o-transform .55s cubic-bezier(.4, .22, .21, 1.04);
    -moz-transition: transform .55s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .55s cubic-bezier(.4, .22, .21, 1.04);
    transition: transform .55s cubic-bezier(.4, .22, .21, 1.04);
    transition: transform .55s cubic-bezier(.4, .22, .21, 1.04), -webkit-transform .55s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .55s cubic-bezier(.4, .22, .21, 1.04), -o-transform .55s cubic-bezier(.4, .22, .21, 1.04)
}

.cb-checkbox_rounded .cb-relcase-anchor label > input:focus ~ a.cb-checkbox_rounded-box:before, .cb-relcase-anchor .cb-checkbox_rounded label > input:focus ~ a.cb-checkbox_rounded-box:before, .cb-relcase-anchor a:focus:before, .cb-relcase-anchor a:hover:before {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0)
}

@media (min-width: 1024px) {
    .cb-definition-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1024px) {
    .cb-definition-grid-col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.cb-definition-grid-col.-left {
    padding: 0 0 45px 0
}

@media (min-width: 768px) {
    .cb-definition-grid-col.-left {
        padding: 0 0 65px 0
    }
}

@media (min-width: 1024px) {
    .cb-definition-grid-col.-left {
        padding: 0
    }
}

.cb-definition-header {
    max-width: 261px
}

@media (min-width: 1024px) {
    .cb-definition-header {
        max-width: 387px
    }
}

.cb-definition-header h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 99%;
    letter-spacing: -.04em
}

@media (min-width: 1024px) {
    .cb-definition-header h2 {
        font-size: 40px
    }
}

.cb-definition-text {
    font-size: 20px;
    line-height: 155%;
    letter-spacing: .00464286em
}

@media (min-width: 768px) {
    .cb-definition-text {
        font-size: 22px;
        line-height: 150%
    }
}

.cb-screenshot-section {
    padding: 10px 0
}

@media (min-width: 360px) {
    .cb-screenshot-section {
        padding: 12px 0
    }
}

@media (min-width: 768px) {
    .cb-screenshot-section {
        padding: 22px 0
    }
}

@media (min-width: 1024px) {
    .cb-screenshot-section {
        padding: 31px 0
    }
}

@media (min-width: 1200px) {
    .cb-screenshot-section {
        padding: 35px 0
    }
}

.cb-screenshot-section:first-child {
    padding-top: 0
}

.cb-screenshot-section:last-child {
    padding-bottom: 0
}

.cb-screenshot-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    perspective: 100px
}

.cb-screenshot-img img {
    max-width: 100%;
    max-height: 100%
}

.cb-screenshot-video {
    position: relative;
    height: 100%;
    overflow: hidden
}

.cb-screenshot-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) and (mix-blend-mode:lighten) {
    .cb-screenshot-video video {
        position: static;
        top: auto;
        left: auto;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.cb-nextcase {
    position: relative;
    overflow: hidden;
    background: #fff
}

.cb-nextcase-body {
    text-align: center
}

.cb-nextcase-title {
    position: relative;
    display: inline-block;
    padding: 0 0 5px 0;
    z-index: 2;
    font-size: 38px;
    letter-spacing: -.03em;
    text-decoration: none
}

@media (min-width: 360px) {
    .cb-nextcase-title {
        font-size: 42px
    }
}

@media (min-width: 768px) {
    .cb-nextcase-title {
        padding: 0 0 8px 0;
        font-size: 60px
    }
}

@media (min-width: 1200px) {
    .cb-nextcase-title {
        padding: 0 0 10px 0;
        font-size: 5.41667vw
    }
}

@media (min-width: 768px) {
    .cb-nextcase-title:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background: currentColor;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.4, .22, .21, 1.04);
        transition: -webkit-transform .5s cubic-bezier(.4, .22, .21, 1.04);
        -o-transition: -o-transform .5s cubic-bezier(.4, .22, .21, 1.04);
        -moz-transition: transform .5s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .5s cubic-bezier(.4, .22, .21, 1.04);
        transition: transform .5s cubic-bezier(.4, .22, .21, 1.04);
        transition: transform .5s cubic-bezier(.4, .22, .21, 1.04), -webkit-transform .5s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .5s cubic-bezier(.4, .22, .21, 1.04), -o-transform .5s cubic-bezier(.4, .22, .21, 1.04)
    }
}

.cb-nextcase-anchor {
    display: block;
    text-align: center
}

.cb-nextcase-anchor:hover .cb-nextcase-title:before {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0)
}

.cb-employment {
    overflow: hidden
}

.cb-employment-top {
    display: none;
    padding-top: 0;
    text-align: center
}

@media (min-width: 1024px) {
    .cb-employment-top {
        display: block
    }
}

.cb-employment-header {
    margin: 0 auto
}

.cb-employment-header h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.03em
}

@media (min-width: 768px) {
    .cb-employment-header h2 {
        opacity: .9;
        font-size: 60px;
        letter-spacing: -.05em
    }
}

@media (min-width: 1200px) {
    .cb-employment-header h2 {
        font-size: 6.25vw
    }
}

@media (min-width: 1024px) {
    .cb-employment-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1024px) {
    .cb-employment-grid-col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.cb-employment-grid-col.-left {
    padding-bottom: 80px
}

@media (min-width: 768px) {
    .cb-employment-grid-col.-left {
        padding-bottom: 150px
    }
}

@media (min-width: 1024px) {
    .cb-employment-grid-col.-left {
        padding-bottom: 0
    }
}

.cb-employment-grid-col.-right {
    padding: 0 5px
}

@media (min-width: 360px) {
    .cb-employment-grid-col.-right {
        padding: 0 10px
    }
}

@media (min-width: 768px) {
    .cb-employment-grid-col.-right {
        padding: 0 40px
    }
}

@media (min-width: 1024px) {
    .cb-employment-grid-col.-right {
        padding: 0
    }
}

.cb-employment-photo {
    margin: 0 -20px;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 40px
}

@media (min-width: 360px) {
    .cb-employment-photo {
        margin: 0 -30px
    }
}

@media (min-width: 1024px) {
    .cb-employment-photo {
        margin: 0 140px 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
}

@media (min-width: 1200px) {
    .cb-employment-photo {
        margin: 0 207px 0 0
    }
}

@media (min-width: 1600px) {
    .cb-employment-photo {
        margin: 0 247px 0 0
    }
}

.cb-employment-photo-img img {
    max-width: 100%
}

@media (min-width: 768px) {
    .cb-employment-photo-img img {
        max-width: 284px
    }
}

@media (min-width: 1024px) {
    .cb-employment-photo-img img {
        max-width: 100%
    }
}

.cb-employment-title {
    max-width: 273px;
    font-size: 38px;
    font-weight: 600;
    line-height: 100%
}

@media (min-width: 768px) {
    .cb-employment-title {
        max-width: 450px;
        font-size: 60px
    }
}

@media (min-width: 1024px) {
    .cb-employment-title {
        font-size: 20px;
        font-weight: 400
    }
}

.cb-employment-text {
    margin: 30px 0 0 0;
    font-size: 17px;
    line-height: 155%;
    letter-spacing: .00464286em
}

@media (min-width: 768px) {
    .cb-employment-text {
        margin: 60px 0 0 0;
        max-width: 364px;
        font-size: 22px;
        line-height: 150%
    }
}

@media (min-width: 1024px) {
    .cb-employment-text {
        margin: 35px 0 0 0;
        max-width: 345px
    }
}

@media (min-width: 1200px) {
    .cb-employment-text {
        max-width: 430px
    }
}

@media (min-width: 1600px) {
    .cb-employment-text {
        max-width: 554px;
        font-size: 28px
    }
}

.cb-employment-action {
    margin: 45px 0 0 0
}

@media (min-width: 1024px) {
    .cb-employment.-reverse .cb-employment-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width: 768px) {
    .cb-employment.-reverse .cb-employment-grid-col.-left {
        text-align: right
    }
}

@media (min-width: 1024px) {
    .cb-employment.-reverse .cb-employment-grid-col.-right {
        padding-left: 110px
    }
}

@media (min-width: 1200px) {
    .cb-employment.-reverse .cb-employment-grid-col.-right {
        padding-left: 60px
    }
}

@media (min-width: 1600px) {
    .cb-employment.-reverse .cb-employment-grid-col.-right {
        padding-left: 130px
    }
}

@media (min-width: 1024px) {
    .cb-employment.-reverse .cb-employment-photo {
        margin-right: 0;
        margin-left: 140px
    }
}

@media (min-width: 1200px) {
    .cb-employment.-reverse .cb-employment-photo {
        margin-left: 207px
    }
}

@media (min-width: 1600px) {
    .cb-employment.-reverse .cb-employment-photo {
        margin-left: 247px
    }
}

.cb-employment.-simple .cb-employment-top {
    display: block
}

@media (min-width: 768px) {
    .cb-advantage-header {
        max-width: 547px
    }
}

@media (min-width: 1200px) {
    .cb-advantage-header {
        max-width: 708px
    }
}

.cb-advantage-header h2 {
    font-size: 38px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.03em
}

@media (min-width: 768px) {
    .cb-advantage-header h2 {
        font-size: 60px;
        letter-spacing: -.05em
    }
}

@media (min-width: 1200px) {
    .cb-advantage-header h2 {
        font-size: 70px
    }
}

@media (min-width: 1350px) {
    .cb-advantage-header h2 {
        font-size: 80px
    }
}

.cb-advantage-items {
    padding: 80px 0 0 0;
    margin: -40px 0
}

@media (min-width: 768px) {
    .cb-advantage-items {
        padding: 150px 0 0 0;
        margin: -75px 0 0 0
    }
}

@media (min-width: 1024px) {
    .cb-advantage-items {
        padding: 175px 0 0 0
    }
}

@media (min-width: 1200px) {
    .cb-advantage-items {
        padding: 150px 0 0 0
    }
}

@media (min-width: 1600px) {
    .cb-advantage-items {
        padding: 200px 0 0 0
    }
}

.cb-advantage-item {
    display: inline-block;
    vertical-align: top;
    padding: 40px 0
}

@media (min-width: 768px) {
    .cb-advantage-item {
        padding: 75px 0
    }
}

@media (min-width: 1024px) {
    .cb-advantage-item {
        width: 50%
    }
}

.cb-advantage-item-num {
    margin: 0 0 20px 0;
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 80px;
    font-weight: 600;
    line-height: 90%;
    letter-spacing: -.05em;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

@supports (-webkit-text-stroke:1px #01d7fd) {
    .cb-advantage-item-num {
        color: transparent;
        text-shadow: none;
        -webkit-text-stroke: 1px #000
    }
}

@media (min-width: 768px) {
    .cb-advantage-item-num {
        margin: 0 0 62px 0;
        font-size: 115px
    }
}

.cb-advantage-item-img {
    margin: 0 0 50px 0
}

@media (min-width: 768px) {
    .cb-advantage-item-img {
        margin: 0 0 70px 0
    }
}

.cb-advantage-item-img img {
    max-width: 80%
}

@media (min-width: 1200px) {
    .cb-advantage-item-img img {
        max-width: 100%
    }
}

.cb-advantage-item-title {
    max-width: 190px;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -.02em
}

@media (min-width: 768px) {
    .cb-advantage-item-title {
        max-width: 300px;
        font-size: 28px
    }
}

.cb-advantage-item-title h3 {
    font-weight: inherit
}

.cb-advantage-item-text {
    padding: 22px 0 0 0;
    max-width: 264px;
    font-size: 17px;
    line-height: 155%;
    letter-spacing: .00464286em
}

@media (min-width: 768px) {
    .cb-advantage-item-text {
        padding: 40px 0 0 0;
        max-width: 398px;
        font-size: 18px;
        letter-spacing: normal
    }
}

.cb-advantage-item:hover .cb-advantage-item-num {
    color: #000
}

.cb-work-content {
    padding: 130px 0
}

@media (min-width: 768px) {
    .cb-work-content {
        padding: 200px 0
    }
}

@media (min-width: 1600px) {
    .cb-work-content {
        padding: 260px 0 200px 0
    }
}

.cb-work-filter-title {
    display: block;
    font-size: 17px
}

@media (min-width: 1200px) {
    .cb-work-filter-title {
        font-size: 20px
    }
}

.cb-work-filter-active {
    display: inline-block;
    margin: 8px 0 0 0;
    cursor: pointer;
    font-size: 42px;
    font-weight: 400;
    letter-spacing: -.03em
}

@media (min-width: 1200px) {
    .cb-work-filter-active {
        font-size: 60px
    }
}

.cb-work-filter-active span {
    position: relative;
    display: inline-block
}

.cb-work-filter-active span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    -webkit-transition: -webkit-transform .5s, -webkit-transform-origin 0s;
    transition: -webkit-transform .5s, -webkit-transform-origin 0s;
    -o-transition: -o-transform .5s, -o-transform-origin 0s;
    -moz-transition: transform .5s, transform-origin 0s, -moz-transform .5s, -moz-transform-origin 0s;
    transition: transform .5s, transform-origin 0s;
    transition: transform .5s, transform-origin 0s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, -webkit-transform-origin 0s, -moz-transform-origin 0s, -ms-transform-origin 0s, -o-transform-origin 0s;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.cb-work-filter-active svg {
    margin: 0 0 0 12px;
    font-size: 19px;
    line-height: 0;
    stroke-width: 2px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

@media (min-width: 1200px) {
    .cb-work-filter-active svg {
        margin: 0 0 0 23px
    }
}

.cb-work-filter-active:hover span:before {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

.cb-work-filter-active:hover svg {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px)
}

.cb-work-items {
    display: block;
    vertical-align: top;
    margin: -40px 0;
    padding: 90px 0 0 0
}

@media (min-width: 768px) {
    .cb-work-items {
        margin: -40px -20px
    }
}

@media (min-width: 1200px) {
    .cb-work-items {
        padding: 130px 0 0 0;
        margin: -40px auto
    }
}

@media (min-width: 1600px) {
    .cb-work-items {
        padding: 190px 0 0 0
    }
}

.cb-work-item {
    padding: 40px 0
}

@media (min-width: 768px) {
    .cb-work-item {
        display: inline-block;
        width: 50%;
        padding: 40px 20px
    }
}

@media (min-width: 1200px) {
    .cb-work-item {
        display: block;
        width: auto;
        padding: 40px 0
    }
}

@media (min-width: 1200px) {
    .cb-work-item-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.cb-work-item-grid-col.-left {
    padding: 38px 0 0 0;
    text-align: center
}

@media (min-width: 768px) {
    .cb-work-item-grid-col.-left {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .cb-work-item-grid-col.-left {
        padding: 0
    }
}

.cb-work-item-grid-col.-right {
    text-align: center
}

.cb-work-item-preview {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0 -30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 40px
}

@media (min-width: 768px) {
    .cb-work-item-preview {
        margin: 0
    }
}

@media (min-width: 1200px) {
    .cb-work-item-preview {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
}

.cb-work-item-preview img {
    max-width: 100%;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit
}

.cb-work-item-header h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1
}

@media (min-width: 1600px) {
    .cb-work-item-header h3 {
        font-size: 1.25vw
    }
}

.cb-work-item-text {
    display: none
}

@media (min-width: 1200px) {
    .cb-work-item-text {
        display: block;
        margin: 22px 0 0 0;
        font-size: 30px;
        font-weight: 600;
        line-height: 133%;
        letter-spacing: -.0154em
    }
}

@media (min-width: 1200px) {
    .cb-work-item-text {
        font-size: 2.5vw
    }
}

.cb-work-item-tags {
    display: none
}

@media (min-width: 768px) {
    .cb-work-item-tags {
        display: block;
        margin: 17px 0 0 0;
        max-width: 202px;
        color: #6f6f6f;
        font-size: 16px;
        font-weight: 400;
        line-height: 156%;
        letter-spacing: .04375em
    }
}

@media (min-width: 1200px) {
    .cb-work-item-tags {
        margin: 30px 0 0 0;
        max-width: none
    }
}

@media (min-width: 1600px) {
    .cb-work-item-tags {
        font-size: 1vw
    }
}

.cb-listing-header {
    margin: 0 0 80px 0
}

@media (min-width: 768px) {
    .cb-listing-header {
        margin: 0 0 100px 0
    }
}

.cb-listing-header h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 99%;
    letter-spacing: -.04em
}

@media (min-width: 360px) {
    .cb-listing-header h2 {
        font-size: 30px
    }
}

@media (min-width: 768px) {
    .cb-listing-header h2 {
        font-size: 40px
    }
}

.cb-listing-items {
    margin: -.5em 0;
    padding: 0;
    counter-reset: cb-listing-ol;
    list-style: none
}

@media (min-width: 768px) {
    .cb-listing-items {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (min-width: 1200px) {
    .cb-listing-items {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

.cb-listing-item {
    padding: .5em 0;
    font-size: 18px;
    line-height: 150%
}

@media (min-width: 1600px) {
    .cb-listing-item {
        font-size: 22px
    }
}

.cb-listing-item:before {
    counter-increment: cb-listing-ol;
    content: counter(cb-listing-ol) ".";
    display: inline-block;
    width: 2em;
    font-weight: 600
}

.cb-textpaper-content {
    padding: 140px 0
}

@media (min-width: 768px) {
    .cb-textpaper-content {
        padding: 175px 0
    }
}

@media (min-width: 1200px) {
    .cb-textpaper-content {
        padding: 200px 0
    }
}

@media (min-width: 768px) {
    .cb-textpaper-container {
        max-width: 600px;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width: 1200px) {
    .cb-textpaper-container {
        max-width: 800px
    }
}

.cb-textpaper-container.-ml {
    max-width: none
}

.cb-textpaper-date {
    margin: 0 0 35px 0;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    font-size: 20px;
    line-height: 100%
}

.cb-textpaper-date span {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center
}

.cb-textpaper-header {
    margin: 0 0 80px 0
}

@media (min-width: 768px) {
    .cb-textpaper-header {
        margin: 0 0 140px 0
    }
}

.cb-textpaper-header h1 {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    font-size: 38px;
    font-weight: 400;
    line-height: 100%
}

@media (min-width: 360px) {
    .cb-textpaper-header h1 {
        font-size: 42px;
        letter-spacing: -.03em
    }
}

@media (min-width: 768px) {
    .cb-textpaper-header h1 {
        font-size: 60px;
        letter-spacing: -.05em
    }
}

@media (min-width: 1200px) {
    .cb-textpaper-header h1 {
        font-size: 70px
    }
}

@media (min-width: 1350px) {
    .cb-textpaper-header h1 {
        font-size: 80px
    }
}

.cb-textpaper-header h1 > div {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
}

@media (max-width: 767px) {
    .cb-textpaper-header h1:lang(ru) {
        font-size: 30px
    }
}

.cb-textpaper-preview {
    position: relative;
    margin: 0 0 80px 0
}

@media (min-width: 768px) {
    .cb-textpaper-preview {
        margin: 0 0 100px 0
    }
}

.cb-textpaper-preview img {
    max-width: 100%
}

.cb-textpaper-preview iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.cb-textpaper-preview.-ratio {
    height: 0;
    padding-bottom: 56.25%
}

.cb-textpaper-preview.-ratio:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 55%;
    bottom: 10%
}

.cb-textpaper-preview.-ratio:before {
    content: "";
    position: absolute;
    top: 0;
    left: 55%;
    right: 0;
    bottom: 10%
}

.cb-textpaper-text {
    font-size: 20px;
    line-height: 155%;
    letter-spacing: .00464286em
}

@media (min-width: 768px) {
    .cb-textpaper-text {
        font-size: 22px;
        line-height: 150%
    }
}

.cb-textpaper-text p {
    margin: 0 0 .8em 0
}

.cb-textpaper-text h3 {
    margin: 2.5em 0 .8em 0;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.05em
}

@media (min-width: 768px) {
    .cb-textpaper-text h3 {
        font-size: 2em
    }
}

.cb-textpaper-text h4 {
    margin: 2em 0 .8em 0;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 110%
}

@media (min-width: 768px) {
    .cb-textpaper-text h4 {
        font-size: 1.4em;
        letter-spacing: -.04em;
        line-height: 100%
    }
}

.cb-textpaper-text a {
    position: relative;
    padding: .2em 0;
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: calc(100%);
    background-image: -webkit-linear-gradient(transparent -webkit-calc(100% - 1px), #000 1px);
    background-image: -moz-linear-gradient(transparent -moz-calc(100% - 1px), #000 1px);
    background-image: -o-linear-gradient(transparent calc(100% - 1px), #000 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), #000 1px);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: background-position .4s, -webkit-background-size .4s;
    transition: background-position .4s, -webkit-background-size .4s;
    -o-transition: background-size .4s, background-position .4s;
    -moz-transition: background-size .4s, background-position .4s, -moz-background-size .4s;
    transition: background-size .4s, background-position .4s;
    transition: background-size .4s, background-position .4s, -webkit-background-size .4s, -moz-background-size .4s
}

.cb-textpaper-text a:hover {
    -webkit-background-size: 0 100%;
    -moz-background-size: 0 100%;
    background-size: 0 100%
}