@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@font-face {
    font-family: Manticore;
    font-style: normal;
    font-weight: 400;
    src: url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Manticore.eot#iefix) format("embedded-opentype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Manticore.woff2) format("woff2"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Manticore.woff) format("woff"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Manticore.ttf) format("truetype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Manticore.svg#Manticore) format("svg")
}
@font-face {
    font-family: AkzidenzGroteskBE;
    font-style: normal;
    font-weight: 400;
    src: url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEBolCn.eot#iefix) format("embedded-opentype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEBolCn.woff2) format("woff2"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEBolCn.woff) format("woff"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEBolCn.ttf) format("truetype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEBolCn.svg#AkzidenzGroteskBE) format("svg")
}
@font-face {
    font-family: AkzidenzGroteskBE;
    font-style: normal;
    font-weight: 700;
    src: url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEXBdCn.eot#iefix) format("embedded-opentype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEXBdCn.woff2) format("woff2"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEXBdCn.woff) format("woff"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEXBdCn.ttf) format("truetype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/AkzidGroBEXBdCn.svg#AkzidenzGroteskBE) format("svg")
}
@font-face {
    font-family: Bravo;
    font-style: normal;
    font-weight: 400;
    src: url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Bravo.eot#iefix) format("embedded-opentype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Bravo.woff2) format("woff2"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Bravo.woff) format("woff"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Bravo.ttf) format("truetype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/Bravo.svg#Bravo) format("svg")
}
@font-face {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/icomoon.woff2) format("woff2"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/icomoon.woff) format("woff"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/icomoon.ttf) format("truetype"), url(https://wbcommon.s3.amazonaws.com/suicidesquad/site/fonts/icomoon.svg#icomoon) format("svg")
}
[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-heart2:before {
    content: "\e94a"
}
.icon-home:before {
    content: "\e948"
}
.icon-ticket:before {
    content: "\e946"
}
.icon-spinner2:before {
    content: "\e92e"
}
.icon-spinner3:before {
    content: "\e92f"
}
.icon-spinner5:before {
    content: "\e930"
}
.icon-spinner7:before {
    content: "\e931"
}
.icon-spinner8:before {
    content: "\e932"
}
.icon-enlarge:before {
    content: "\e900"
}
.icon-shrink:before {
    content: "\e901"
}
.icon-enlarge2:before {
    content: "\e902"
}
.icon-shrink2:before {
    content: "\e903"
}
.icon-heart:before {
    content: "\e949"
}
.icon-plus:before {
    content: "\e904"
}
.icon-minus:before {
    content: "\e905"
}
.icon-cross:before {
    content: "\e906"
}
.icon-checkmark:before {
    content: "\e907"
}
.icon-play2:before {
    content: "\e908"
}
.icon-pause:before {
    content: "\e909"
}
.icon-stop:before {
    content: "\e90a"
}
.icon-previous:before {
    content: "\e90b"
}
.icon-next:before {
    content: "\e90c"
}
.icon-backward:before {
    content: "\e90d"
}
.icon-forward2:before {
    content: "\e90e"
}
.icon-play3:before {
    content: "\e90f"
}
.icon-pause2:before {
    content: "\e910"
}
.icon-stop2:before {
    content: "\e911"
}
.icon-backward2:before {
    content: "\e912"
}
.icon-forward3:before {
    content: "\e913"
}
.icon-first:before {
    content: "\e914"
}
.icon-last:before {
    content: "\e915"
}
.icon-previous2:before {
    content: "\e916"
}
.icon-next2:before {
    content: "\e917"
}
.icon-volume-high:before {
    content: "\e918"
}
.icon-volume-medium:before {
    content: "\e919"
}
.icon-volume-low:before {
    content: "\e91a"
}
.icon-volume-mute:before {
    content: "\e91b"
}
.icon-volume-mute2:before {
    content: "\e91c"
}
.icon-volume-increase:before {
    content: "\e91d"
}
.icon-volume-decrease:before {
    content: "\e91e"
}
.icon-loop:before {
    content: "\e91f"
}
.icon-loop2:before {
    content: "\e920"
}
.icon-arrow-up-left:before {
    content: "\e921"
}
.icon-arrow-up:before {
    content: "\e922"
}
.icon-arrow-up-right:before {
    content: "\e923"
}
.icon-arrow-right:before {
    content: "\e924"
}
.icon-arrow-down-right:before {
    content: "\e925"
}
.icon-arrow-down:before {
    content: "\e926"
}
.icon-arrow-down-left:before {
    content: "\e927"
}
.icon-arrow-left:before {
    content: "\e928"
}
.icon-arrow-up-left2:before {
    content: "\e933"
}
.icon-arrow-up2:before {
    content: "\e934"
}
.icon-arrow-up-right2:before {
    content: "\e935"
}
.icon-arrow-right2:before {
    content: "\e936"
}
.icon-arrow-down-right2:before {
    content: "\e937"
}
.icon-arrow-down2:before {
    content: "\e938"
}
.icon-arrow-down-left2:before {
    content: "\e939"
}
.icon-arrow-left2:before {
    content: "\e93a"
}
.icon-circle-up:before {
    content: "\e929"
}
.icon-circle-right:before {
    content: "\e92a"
}
.icon-circle-down:before {
    content: "\e92b"
}
.icon-circle-left:before {
    content: "\e92c"
}
.icon-checkbox-checked:before {
    content: "\e93b"
}
.icon-checkbox-unchecked:before {
    content: "\e93c"
}
.icon-share2:before {
    content: "\e947"
}
.icon-facebook:before {
    content: "\e93d"
}
.icon-facebook2:before {
    content: "\e93e"
}
.icon-instagram:before {
    content: "\e93f"
}
.icon-twitter:before {
    content: "\e940"
}
.icon-youtube:before {
    content: "\e92d"
}
.icon-vimeo2:before {
    content: "\e941"
}
.icon-tumblr:before {
    content: "\e942"
}
.icon-tumblr2:before {
    content: "\e943"
}
.icon-pinterest:before {
    content: "\e944"
}
.icon-pinterest2:before {
    content: "\e945"
}
.hide {
    display: none!important
}
.hidden {
    visibility: hidden!important;
    opacity: 0!important
}
#header .nav-wrapper,
.offscreen {
    position: fixed;
    top: -9999px;
    left: -9999px
}
#header .menu-text,
#home .content-wrapper .editor-outer-wrapper .left .cta-wrapper,
#home .content-wrapper .editor-outer-wrapper .left .step-wrapper,
#home .content-wrapper .editor-outer-wrapper .left .title-wrapper,
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .dot,
#share .wrap .cta-wrapper,
.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default
}
#header,
#header .nav-button-wrapper,
#preloader,
#preloader .bg,
.page,
.page>.bg-wrapper,
.page>.bg-wrapper .bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto
}
#header .button-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}
#footer,
#footer .credits-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    right: auto
}
#header .dots-wrapper,
#home .content-wrapper .editor-wrapper,
#home .content-wrapper .splash-wrapper,
#preloader .loading,
#preloader .progress-bar-holder,
#share .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto
}
.16x9w {
    width: 90vw;
    height: 50.625vw;
    max-height: 90vh;
    max-width: 160vh
}
.16x9h,
.16x9w {
    background: pink;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.16x9h {
    display: block;
    width: 160vh;
    height: 90vh;
    max-height: 50.625vw;
    max-width: 90vw
}
.disabled {
    opacity: .5
}
.disabled,
.disabled>* {
    cursor: none
}
.no-transition {
    -webkit-transition: none!important;
    transition: none!important
}
.no-animation {
    -webkit-animation-name: none!important;
    animation-name: none!important
}
.instant-animation {
    -webkit-animation-duration: 0s!important;
    animation-duration: 0s!important;
    -webkit-animation-delay: 0s!important;
    animation-delay: 0s!important
}
.noscroll {
    overflow: hidden!important
}
#roadblock {
    display: none
}
#roadblock,
#roadblock-ie {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    background: #000;
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    text-align: center
}
#roadblock-ie .rb-wrapper,
#roadblock .rb-wrapper {
    width: 75%;
    max-width: 700px;
    position: absolute;
    top: 50%;
    left: 50%
}
#roadblock-ie .rb-content,
#roadblock .rb-content {
    display: block;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
html.ie #roadblock-ie .rb-content,
html.ie #roadblock .rb-content {
    display: inline;
    position: relative;
    top: -50%;
    left: -50%;
    -ms-transform: translate(-50%, -50%)
}
#roadblock-ie .rb-content img,
#roadblock .rb-content img {
    display: block;
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: auto;
    margin-bottom: 20px
}
#roadblock-ie .rb-content p,
#roadblock .rb-content p {
    width: 100%;
    max-width: 500px;
    margin: auto
}
#roadblock-ie .rb-content p a,
#roadblock .rb-content p a {
    color: red
}
.sticky {
    position: fixed;
    top: 0;
    left: 0
}
html.touch .scrollable,
html.touchevents .scrollable {
    overflow: scroll!important;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    max-width: 100%
}
.modal {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10
}
*,
:after,
:before {
    -moz-box-sizing: inherit;
    -webkit-sizing: inherit;
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
    outline: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: 0
}
:focus {
    outline: none
}
::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0
}
.16x9h:after,
.16x9w:after,
.clearfix:after {
    content: "";
    display: table;
    clear: both
}
html {
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}
a,
button,
div,
li,
span,
table,
td,
ul {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
td,
th {
    border-width: 0!important
}
button {
    -webkit-transition: color 1s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: color 1s cubic-bezier(.23, 1, .32, 1) 0s;
    background-color: transparent
}
ul,
ul li {
    list-style: none
}
p {
    margin-bottom: .5em
}
p:last-child {
    margin-bottom: 0
}
a {
    -webkit-transition: color 1s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: color 1s cubic-bezier(.23, 1, .32, 1) 0s
}
a,
a:active,
a:link,
a:visited {
    outline: 0 none!important;
    text-decoration: none
}
a:active,
a:link,
a:visited {
    color: #f3f4da
}
html.no-touch a:hover {
    outline: 0 none!important;
    text-decoration: none;
    color: #fff
}
::backdrop {
    background-color: #000!important
}
::-ms-backdrop {
    background-color: #000!important
}
#tumblr_controls,
.tmblr-iframe,
.tumblr_controls {
    display: none!important;
    padding: 0!important;
    margin: 0!important;
    height: 0!important;
    z-index: -1!important;
    width: 0!important;
    visibility: hidden!important
}
.tmblr-iframe--controls-phone-container {
    padding: 0!important
}
.royalSlider {
    width: 600px;
    height: 400px;
    position: relative;
    direction: ltr
}
.royalSlider>* {
    float: left
}
.rsFade.rsWebkit3d .rsContainer,
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img {
    -webkit-transform: none
}
.rsOverflow {
    float: left
}
.rsOverflow,
.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}
.rsVisibleNearbyWrap {
    left: 0;
    top: 0
}
.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0
}
.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}
.rsArrow,
.rsThumbsArrow {
    cursor: pointer
}
.rsThumb {
    float: left;
    position: relative
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}
.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .3s, opacity .3s linear;
    transition: visibility 0s linear .3s, opacity .3s linear
}
.rsGCaption {
    width: 100%;
    float: left;
    text-align: center
}
.royalSlider.rsFullscreen {
    position: fixed!important;
    height: auto!important;
    width: auto!important;
    margin: 0!important;
    padding: 0!important;
    z-index: 2147483647!important;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    right: 0!important
}
.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1!important;
    -webkit-transition: 0s;
    transition: 0s;
    display: none
}
.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto
}
.rsContent {
    width: 100%;
    height: 100%;
    position: relative
}
.rsPreloader {
    position: absolute;
    z-index: 0
}
.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.rsNavItem {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .25)
}
.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22
}
.rsTabs {
    float: left;
    background: none!important
}
.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color: transparent
}
.rsVideoContainer {
    width: auto;
    height: auto;
    line-height: 0;
    position: relative
}
.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s
}
.rsVideoFrameHolder.rsVideoActive {
    opacity: 1
}
.rsVideoContainer .rsVideoObj,
.rsVideoContainer embed,
.rsVideoContainer iframe,
.rsVideoContainer video {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.rsVideoContainer.rsIOSVideo embed,
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video {
    box-sizing: border-box;
    padding-right: 44px
}
.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15
}
img.rsImg {
    max-width: none
}
.grab-cursor {
    cursor: url(../images/royalslider/grab.png) 8 8, move
}
.grabbing-cursor {
    cursor: url(../images/royalslider/grabbing.png) 8 8, move
}
.rsNoDrag {
    cursor: auto
}
.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url(../images/royalslider/blank.gif)
}
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsThumbs,
.rsDefault .rsVideoFrameHolder {
    background: #151515;
    color: #fff
}
.rsDefault .rsArrow {
    height: 100%;
    width: 44px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21
}
.rsDefault.rsVer .rsArrow {
    width: 100%;
    height: 44px
}
.rsDefault.rsVer .rsArrowLeft {
    top: 0;
    left: 0
}
.rsDefault.rsVer .rsArrowRight {
    bottom: 0;
    left: 0
}
.rsDefault.rsHor .rsArrowLeft {
    left: 0;
    top: 0
}
.rsDefault.rsHor .rsArrowRight {
    right: 0;
    top: 0
}
.rsDefault .rsArrowIcn {
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    background: url(rs-default.png);
    background-color: rgba(0, 0, 0, .75);
    *background-color: #000;
    border-radius: 2px
}
.rsDefault .rsArrowIcn:hover {
    background-color: rgba(0, 0, 0, .9)
}
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -64px -32px
}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -64px -64px
}
.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -96px -32px
}
.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -96px -64px
}
.rsDefault .rsArrowDisabled .rsArrowIcn {
    opacity: .2;
    filter: alpha(opacity=20);
    *display: none
}
.rsDefault .rsBullets {
    position: absolute;
    z-index: 35;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #000;
    background: rgba(0, 0, 0, .75);
    text-align: center;
    line-height: 8px;
    overflow: hidden
}
.rsDefault .rsBullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 5px
}
.rsDefault .rsBullet span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #777;
    background: hsla(0, 0%, 100%, .5)
}
.rsDefault .rsBullet.rsNavSelected span {
    background-color: #fff
}
.rsDefault .rsThumbsHor {
    width: 100%;
    height: 72px
}
.rsDefault .rsThumbsVer {
    width: 96px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
    position: relative;
    height: 100%
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
    position: relative;
    width: 100%
}
.rsDefault .rsThumb {
    float: left;
    overflow: hidden;
    width: 96px;
    height: 72px
}
.rsDefault .rsThumb img {
    width: 100%;
    height: 100%
}
.rsDefault .rsThumb.rsNavSelected {
    background: #02874a
}
.rsDefault .rsThumb.rsNavSelected img {
    opacity: .3;
    filter: alpha(opacity=30)
}
.rsDefault .rsTmb {
    display: block
}
.rsDefault .rsTmb h5 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 20px;
    color: #fff
}
.rsDefault .rsTmb span {
    color: #ddd;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px
}
.rsDefault .rsThumbsArrow {
    height: 100%;
    width: 20px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
    background: #000;
    background: rgba(0, 0, 0, .75)
}
.rsDefault .rsThumbsArrow:hover {
    background: rgba(0, 0, 0, .9)
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
    width: 100%;
    height: 20px
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
    top: 0;
    left: 0
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
    bottom: 0;
    left: 0
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
    left: 0;
    top: 0
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
    right: 0;
    top: 0
}
.rsDefault .rsThumbsArrowIcn {
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    cursor: pointer;
    background: url(../images/royalslider/rs-default.png)
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -128px -32px
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -128px -48px
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -144px -32px
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -144px -48px
}
.rsDefault .rsThumbsArrowDisabled {
    display: none!important
}
@media screen and (min-width: 0px) and (max-width: 800px) {
    .rsDefault .rsThumb {
        width: 59px;
        height: 44px
    }
    .rsDefault .rsThumbsHor {
        height: 44px
    }
    .rsDefault .rsThumbsVer {
        width: 59px
    }
}
.rsDefault .rsTabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 12px;
    position: relative
}
.rsDefault .rsTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: auto;
    width: auto;
    color: #333;
    padding: 5px 13px 6px;
    min-width: 72px;
    border: 1px solid #d9d9dd;
    border-right: 1px solid #f5f5f5;
    text-decoration: none;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: linear-gradient(180deg, #fefefe, #f4f4f4);
    box-shadow: inset 1px 0 0 #fff;
    *display: inline;
    *zoom: 1
}
.rsDefault .rsTab:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.rsDefault .rsTab:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #cfcfcf
}
.rsDefault .rsTab:active {
    border: 1px solid #d9d9dd;
    background-color: #f4f4f4;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2)
}
.rsDefault .rsTab.rsNavSelected {
    color: #fff;
    border: 1px solid #999;
    text-shadow: 1px 1px #838383;
    box-shadow: inset 0 1px 9px hsla(0, 0%, 40%, .65);
    background: #acacac;
    background-image: -webkit-linear-gradient(top, #acacac, #bbb);
    background-image: -moz-llinear-gradient(top, #acacac, #bbb);
    background-image: linear-gradient(180deg, #acacac, #bbb)
}
.rsDefault .rsFullscreenBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer
}
.rsDefault .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url(../images/royalslider/rs-default.png) 0 0;
    background-color: rgba(0, 0, 0, .75);
    *background-color: #000;
    border-radius: 2px
}
.rsDefault .rsFullscreenIcn:hover {
    background-color: rgba(0, 0, 0, .9)
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
    background-position: -32px 0
}
.rsDefault .rsPlayBtn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3);
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer
}
.rsDefault .rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    border-radius: 4px;
    -webkit-transition: .3s;
    transition: .3s;
    background: url(../images/royalslider/rs-default.png) no-repeat 0 -32px;
    background-color: rgba(0, 0, 0, .75);
    *background-color: #000
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
    background-color: rgba(0, 0, 0, .9)
}
.rsDefault .rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%
}
.rsDefault .rsCloseVideoBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 500;
    position: absolute;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
    top: -38px;
    right: -6px
}
.rsDefault .rsCloseVideoIcn {
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url(rs-default.png) -64px 0;
    background-color: rgba(0, 0, 0, .75);
    *background-color: #000
}
.rsDefault .rsCloseVideoIcn:hover {
    background-color: rgba(0, 0, 0, .9)
}
.rsDefault .rsPreloader {
    width: 20px;
    height: 20px;
    background-image: url(../images/royalslider/preloader-white.gif);
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px
}
.rsDefault .rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;
    background: #000;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    padding: 2px 8px;
    width: auto;
    font-size: 12px;
    border-radius: 2px
}
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}
.mCSB_inside>.mCSB_container {
    margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}
.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    box-sizing: border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: 50%
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(100%, hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(100%, hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px hsla(0, 0%, 100%, .2)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px hsla(0, 0%, 100%, .2)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px
}
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4);
    height: 12px;
    width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .2);
    box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}
.top {
    z-index: 1!important
}
.button {
    cursor: pointer
}
html.ca-font-device *,
html.ca-font-fallback * {
    font-variant: inherit!important
}
body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 14px
}
body.ios,
html.ios {
    position: fixed
}
body {
    background-position: 50%
}
#roadblock,
#roadblock-ie,
body {
    background-image: url(../images/bg.jpg);
    background-size: cover
}
#roadblock,
#roadblock-ie {
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1em;
    color: #000
}
#roadblock-ie .rb-content img,
#roadblock .rb-content img {
    display: block;
    width: auto;
    max-width: 191px;
    height: auto;
    max-height: 40%;
    margin: auto
}
#roadblock-ie .rb-content p,
#roadblock .rb-content p {
    display: block;
    width: 100%;
    padding: 10px;
    margin: auto
}
#roadblock-ie .rb-content p a,
#roadblock .rb-content p a {
    color: #4d4d4d;
    font-weight: 700
}
#shell {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}
#preloader,
#shell {
    width: 100vw;
    height: 100vh
}
#preloader {
    background: #fff;
    font-size: 18px;
    z-index: 50
}
#preloader .bg {
    width: 100%;
    height: 100%;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-position: 50%
}
#preloader .content-wrapper {
    height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d3fac1), color-stop(1%, rgba(0, 0, 0, .01)), color-stop(100%, rgba(211, 250, 193, 0)));
    background: -webkit-linear-gradient(top, #d3fac1, rgba(0, 0, 0, .01) 1%, rgba(211, 250, 193, 0));
    background: linear-gradient(180deg, #d3fac1 0, rgba(0, 0, 0, .01) 1%, rgba(211, 250, 193, 0));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}
#preloader .loading {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    border-radius: 100%
}
html.mobile #preloader .loading {
    margin-top: -30px
}
#preloader .progress-bar-holder {
    width: 200px;
    margin-top: 100px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden
}
html.mobile #preloader .progress-bar-holder {
    margin-top: 70px
}
#preloader .progress-bar-holder .progress-bar {
    width: 100%;
    height: 0
}
#preloader .progress-label {
    width: 100%
}
#preloader .progress-label span.txt {
    display: block;
    width: 100%;
    font-family: Manticore, sans-serif;
    font-weight: 400;
    font-size: 1.8em;
    color: #f71bf2;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    position: relative
}
#header {
    -webkit-transition: height .5s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: height .5s cubic-bezier(.23, 1, .32, 1) 0s;
    height: auto;
    z-index: 3
}
#header,
#header .nav-button-wrapper {
    width: 100vw;
    background-color: #e61717
}
#header .nav-button-wrapper {
    padding: 12px;
    height: 64px
}
#header .button.nav {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 13px 12px 11px;
    float: left;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: transparent
}
html.no-touchevents #header .button.nav:hover {
    background-color: #e61717
}
#header .button.nav .bun.top,
#header .button.nav .patty {
    margin-bottom: 3px
}
#header .button.nav .bun.bottom,
#header .button.nav .bun.top,
#header .button.nav .patty {
    -webkit-transition: all .5s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: all .5s cubic-bezier(.19, 1, .22, 1) 0s;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #f3f4da
}
#header .button.nav.open .bun.top {
    width: 100%;
    -webkit-transform: translateY(5px) rotate(-45deg);
    transform: translateY(5px) rotate(-45deg)
}
#header .button.nav.open .patty {
    width: 0;
    opacity: 0
}
#header .button.nav.open .bun.bottom {
    width: 100%;
    -webkit-transform: translateY(-5px) rotate(45deg);
    transform: translateY(-5px) rotate(45deg)
}
#header .menu-text {
    display: inline-block;
    position: relative;
    z-index: 1;
    font-family: AkzidenzGroteskBE, Arial;
    font-weight: 700;
    font-size: 1.2em;
    color: #f3f4da;
    padding-top: 6px;
    padding-left: 5px
}
@media (max-width: 380px) {
    #header .menu-text {
        display: none!important
    }
}
#header .links-wrapper {
    display: inline-block;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}
#header .links-wrapper .links {
    visibility: hidden;
    opacity: 0
}
#header .links-wrapper .links li {
    display: inline-block
}
#header .links-wrapper .links li a {
    color: #000;
    margin: 0 3px;
    font-size: 1em
}
#header .dots-wrapper {
    display: none;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    margin-top: 19px;
    z-index: 2;
    visibility: hidden;
    opacity: 0
}
#header .dots-wrapper .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-width: 2px;
    margin-right: 8px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
#header .dots-wrapper .dot>.label {
    display: none
}
#header .dots-wrapper .dot.current {
    background: #e61717
}
#header .nav-wrapper {
    width: 0;
    height: auto;
    background: #e61717
}
#header .nav-wrapper .button {
    -webkit-transition: color .5s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: color .5s cubic-bezier(.23, 1, .32, 1) 0s;
    display: block;
    font-family: AkzidenzGroteskBE, Arial;
    font-weight: 700;
    font-size: 2em;
    color: #e61717;
    background-color: #f3f4da;
    text-align: center;
    padding-top: 2.75vh;
    padding-bottom: 2.75vh;
    margin-bottom: 4px
}
#header .button-wrapper {
    font-size: 12px;
    display: inline-block;
    top: 22px
}
#header .button-wrapper .button {
    margin: 0 3px
}
#header .tumblr-wrapper {
    display: inline-block;
    padding: 3px 10px
}
#header .tumblr-wrapper a {
    font-weight: 700;
    font-size: 1em
}
#header .tumblr-wrapper a,
#header .tumblr-wrapper a span {
    font-family: AkzidenzGroteskBE, Arial
}
#header .tumblr-wrapper a:before {
    position: relative;
    top: 1px;
    font-size: .9em;
    margin-right: 5px
}
#header .tumblr-wrapper a.icon-home:before {
    font-size: 1em
}
#header .follow-wrapper {
    display: inline-block;
    padding: 3px 10px;
    border-right: 1px solid #f3f4da
}
#header .follow-wrapper .follow-links li {
    display: inline-block;
    margin: 0 5px
}
#header .follow-wrapper .follow-links li a {
    font-family: AkzidenzGroteskBE, Arial;
    font-size: .8em
}
#header .tt-wrapper {
    position: absolute;
    display: none;
    height: 20vh
}
#header .tt-wrapper,
#header .tt-wrapper .tt {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}
#header .tt-wrapper .tt {
    position: relative;
    display: inline-block;
    width: auto;
    height: 70%;
    margin: .8em auto 0
}
#header .tt-wrapper .date {
    position: relative;
    left: 50%;
    top: -1.2em;
    display: block;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 3.5vw;
    font-weight: 600;
    color: #f3f4da
}
#header.nav-open {
    height: 100vh
}
#header.nav-open .nav-wrapper {
    width: 100vw;
    height: 60vh;
    overflow-y: auto;
    position: relative;
    top: 64px;
    left: 0
}
#header.nav-open .tt-wrapper {
    top: calc(60vh + 64px);
    display: block
}
html.ca-page-about #header .nav-button-wrapper,
html.ca-page-gallery #header .nav-button-wrapper,
html.ca-page-videos #header .nav-button-wrapper {
    display: none!important;
    background-color: transparent
}
@media (min-width: 1024px) {
    #header {
        padding: 0;
        background-color: transparent
    }
    #header .nav-button-wrapper {
        padding: 20px 0 0 20px;
        background-color: transparent;
        height: 0;
        width: auto
    }
    #header .menu-text {
        padding-top: 8px
    }
    #header .dots-wrapper {
        display: inline-block;
        top: 46vh;
        left: 55px
    }
    #header .dots-wrapper .dot {
        display: block;
        margin: auto;
        margin-bottom: 10px
    }
    #header .dots-wrapper .dot:before {
        -webkit-transition: opacity 1s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: opacity 1s cubic-bezier(.23, 1, .32, 1) 0s;
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
    #header .dots-wrapper .dot>.label {
        -webkit-transition: color .5s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: color .5s cubic-bezier(.23, 1, .32, 1) 0s;
        display: block;
        font-family: AkzidenzGroteskBE, Arial;
        font-weight: 700;
        font-size: .5em;
        color: #f3f4da;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        margin-left: 28px;
        line-height: .45em
    }
    #header .dots-wrapper .dot.current>.label {
        color: #f3f4da;
        line-height: .95em
    }
    #header .dots-wrapper .dot.current:before {
        opacity: 1
    }
    #header .nav-wrapper {
        background: rgba(0, 0, 0, .3)
    }
    #header .nav-wrapper .button {
        color: #f3f4da;
        background-color: transparent
    }
    #header .nav-wrapper .button.current {
        color: #f3f4da
    }
    #header .button-wrapper {
        opacity: 1;
        visibility: visible;
        top: 28px;
        font-size: 15px
    }
    #header .follow-wrapper {
        padding: 3px 20px
    }
    #header .tumblr-wrapper {
        padding: 3px 16px 3px 20px
    }
    #header.nav-open {
        z-index: 2;
        height: 0
    }
    #header.nav-open .nav-wrapper {
        width: 243px;
        height: 100vh;
        top: 0
    }
    #header.nav-open .nav-wrapper>.button {
        display: none
    }
    html.no-touchevents #header.nav-open .nav-wrapper .button:not(.current):hover {
        color: #fff
    }
    #header.nav-open .dots-wrapper .dot {
        width: 12px;
        height: 12px;
        margin-bottom: 30px
    }
    #header.nav-open .dots-wrapper .dot>.label {
        opacity: 1;
        visibility: visible
    }
    #header.nav-open .dots-wrapper .dot.current {
        background: #e61717;
        width: 18px;
        height: 18px
    }
    #header.nav-open .tt-wrapper {
        display: none!important
    }
    #header .button.nav,
    #header .dots-wrapper,
    #header .nav-wrapper {
        z-index: 1
    }
}
#footer {
    position: fixed;
    width: 100vw;
    height: 76px;
    padding: 18px;
    font-size: 10px;
    color: #000;
    text-align: center;
    z-index: 3
}
#footer .content-wrapper {
    position: relative;
    height: 100%
}
#footer .clients-wrapper {
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
#footer .clients-wrapper a {
    display: inline-block;
    margin-right: 5px
}
#footer .clients-wrapper a img {
    display: block;
    width: auto;
    height: 50px
}
#footer .clients-wrapper a:last-child {
    margin-right: auto
}
#footer .center {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -47px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
#footer .center .hashtag {
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 2em;
    color: #f71bf2
}
#footer .audio-wrapper {
    display: inline-block
}
#footer .audio-wrapper .button.audio {
    width: 18px;
    font-size: 1.7em;
    color: #000;
    text-align: left;
    margin-left: 20px
}
html.desktop #footer .audio-wrapper .button.audio {
    margin-left: 42px
}
#footer .buttons-wrapper {
    white-space: nowrap;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
#footer .buttons-wrapper .share-wrapper {
    display: inline-block
}
#footer .buttons-wrapper .share-wrapper .button.share {
    display: inline-block;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 2em;
    margin-right: 5px
}
html.firefox #footer .buttons-wrapper .share-wrapper .button.share {
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}
#footer .buttons-wrapper .share-wrapper .links-drawer {
    -webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: all .5s cubic-bezier(.23, 1, .32, 1) 0s;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 4px
}
html.safari #footer .buttons-wrapper .share-wrapper .links-drawer {
    top: 1px
}
html.firefox #footer .buttons-wrapper .share-wrapper .links-drawer {
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}
#footer .buttons-wrapper .share-wrapper .share-links {
    display: inline-block;
    left: 110px;
    position: relative;
    -webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: all .5s cubic-bezier(.23, 1, .32, 1) 0s
}
#footer .buttons-wrapper .share-wrapper .share-links li {
    display: inline-block;
    margin: 0 2px
}
#footer .buttons-wrapper .share-wrapper .share-links li a {
    color: #000;
    font-family: AkzidenzGroteskBE, Arial;
    font-weight: 700;
    font-size: 2em
}
html.no-touchevents #footer .buttons-wrapper .share-wrapper:hover .share-links,
html.touchevents #footer .buttons-wrapper .share-links {
    left: 0
}
html.touchevents #footer .buttons-wrapper .button.share {
    display: none
}
#footer .buttons-wrapper #credits-button {
    display: inline-block;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 2em;
    margin-left: 10px;
    position: relative
}
html.firefox #footer .buttons-wrapper #credits-button {
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}
#footer .credits-wrapper {
    width: 100vw;
    background-color: #3c5e2c;
    position: fixed;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}
#footer .credits-wrapper .close.button {
    display: none;
    width: 30px;
    height: 30px;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1.5em;
    font-weight: 900;
    color: #a8c098;
    line-height: 27px;
    border: 2px solid #a8c098;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 15px;
    top: 15px
}
#footer .credits-wrapper img {
    max-width: 800px;
    width: 95%;
    display: block;
    margin: 10px auto
}
#footer .credits-wrapper .copyright-text {
    display: inline-block;
    color: #a8c098;
    font-family: Manticore, sans-serif;
    font-weight: 700;
    font-size: 9px
}
#footer .credits-wrapper .legal-links {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    left: auto;
    bottom: auto;
    margin: 5px auto
}
#footer .credits-wrapper .legal-links li {
    display: inline-block;
    margin: 0 3px
}
#footer .credits-wrapper .legal-links li a {
    color: #a8c098;
    font-family: Manticore, sans-serif;
    font-weight: 700;
    font-size: 9px
}
html.no-touchevents #footer .credits-wrapper .legal-links li a:hover {
    color: #f71bf2
}
#footer .credits-wrapper .legal-links li:after {
    content: ' / ';
    margin: 0 5px;
    font-family: Manticore, sans-serif;
    color: #a8c098
}
#footer .credits-wrapper .legal-links li:last-child:after {
    display: none
}
#footer .credits-wrapper.open {
    bottom: 0
}
@media (min-width: 1024px) {
    #footer {
        padding: 18px 40px
    }
    #footer .credits-wrapper img {
        margin: 20px auto
    }
    #footer .credits-wrapper .close.button {
        display: block
    }
    #footer .credits-wrapper .copyright-text,
    #footer .credits-wrapper .legal-links li a {
        font-size: 10px
    }
    #footer .clients-wrapper {
        left: 0
    }
    #footer .clients-wrapper a {
        margin-right: 30px
    }
    #footer .clients-wrapper img {
        width: auto
    }
    #footer .center {
        margin-top: auto
    }
    #footer .buttons-wrapper .share-wrapper .button.share {
        margin-right: 30px
    }
    #footer .buttons-wrapper .share-wrapper .share-links li {
        margin: 0 5px
    }
}
@media (max-width: 1023px) {
    html.ca-page-editor-custom #footer,
    html.ca-page-editor-random #footer {
        display: none!important
    }
}
.page {
    width: 100vw;
    height: 100vh;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1em;
    padding: 0
}
@media (min-width: 1024px) {
    .page {
        padding: 80px 18px
    }
}
html.ca-app-fullscreen .page {
    padding: 16px
}
.page>.bg-wrapper {
    width: 100vw;
    height: 100vh;
    position: fixed
}
.page>.bg-wrapper .bg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}
.page>.bg-wrapper .bg.chars {
    width: 100vw;
    min-width: inherit;
    height: auto
}
.page>.bg-wrapper .bg.chars.desktop {
    display: none
}
.page>.bg-wrapper .bg.chars.mobile {
    width: auto;
    height: 100vh;
    padding-top: 64px
}
html.portrait.tablet .page>.bg-wrapper .bg.chars {
    height: 120vh
}
.page>.content-wrapper {
    height: 100%
}
#home .audio-wrapper {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.5em
}
#home .content-wrapper {
    width: 100vw;
    position: relative;
    text-align: center;
    -webkit-perspective: 1000px;
    perspective: 1000px
}
#home .content-wrapper .splash-wrapper {
    display: inline-block;
    -webkit-transform: translateZ(0) translate(-50%, -50%);
    transform: translateZ(0) translate(-50%, -50%)
}
html.mobile #home .content-wrapper .splash-wrapper {
    margin-top: -20%
}
#home .content-wrapper .splash-wrapper>div {
    font-family: Manticore, sans-serif;
    font-size: .8em;
    color: #f71bf2
}
#home .content-wrapper .splash-wrapper .title-wrapper .title {
    font-size: 4em;
    letter-spacing: -1px;
    line-height: .8em;
    font-variant: small-caps
}
html.ca-font-device #home .content-wrapper .splash-wrapper .title-wrapper .title,
html.ca-font-fallback #home .content-wrapper .splash-wrapper .title-wrapper .title {
    line-height: 1em
}
html.ca-font-fallback #home .content-wrapper .splash-wrapper .title-wrapper .title {
    font-variant: normal
}
#home .content-wrapper .splash-wrapper .title-wrapper .title span {
    font-size: .75em
}
#home .content-wrapper .splash-wrapper .title-wrapper .title span:nth-child(2) {
    position: relative;
    left: -6px
}
#home .content-wrapper .splash-wrapper .title-wrapper .subtitle {
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 3em;
    color: #4d4d4d;
    line-height: 1em
}
#home .content-wrapper .splash-wrapper .title-wrapper .tt {
    width: 60%;
    max-width: 267px;
    margin-top: 20px
}
#home .content-wrapper .splash-wrapper .title-wrapper .date {
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 2em;
    line-height: 1em;
    color: #4d4d4d
}
#home .content-wrapper .splash-wrapper .cta-wrapper {
    width: 267px;
    margin: auto;
    margin-top: 20px;
    overflow: visible
}
#home .content-wrapper .splash-wrapper .cta-wrapper .cta {
    -webkit-transition: -webkit-transform .25s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .25s cubic-bezier(.19, 1, .22, 1) 0s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
#home .content-wrapper .splash-wrapper .cta-wrapper .cta.custom {
    width: 90px;
    height: 76px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1.3em;
    color: #4d4d4d;
    line-height: 1em;
    float: left;
    background-image: url(../images/cta-x.png)
}
#home .content-wrapper .splash-wrapper .cta-wrapper .cta.custom .label {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1em
}
#home .content-wrapper .splash-wrapper .cta-wrapper .cta.random {
    width: 90px;
    height: 76px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1.3em;
    color: #4d4d4d;
    line-height: 1em;
    float: right;
    background-image: url(../images/cta-circle.png)
}
#home .content-wrapper .splash-wrapper .cta-wrapper .cta.random .label {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1em
}
html.no-touchevents #home .content-wrapper .splash-wrapper .cta-wrapper .cta:hover {
    -webkit-transform: translateZ(0) scale(1.15);
    transform: translateZ(0) scale(1.15)
}
html.ie #home .content-wrapper .editor-outer-wrapper {
    height: 100%
}
#home .content-wrapper .editor-outer-wrapper .left .title-wrapper {
    display: none
}
#home .content-wrapper .editor-outer-wrapper .left .title-wrapper .title {
    font-size: 5em;
    letter-spacing: -1px;
    white-space: nowrap;
    font-variant: small-caps
}
#home .content-wrapper .editor-outer-wrapper .left .title-wrapper .title span {
    font-size: .75em
}
#home .content-wrapper .editor-outer-wrapper .left .title-wrapper .title span:nth-child(2) {
    position: relative;
    left: -6px
}
#home .content-wrapper .editor-outer-wrapper .left .title-wrapper .subtitle {
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 3em;
    color: #4d4d4d
}
#home .content-wrapper .editor-outer-wrapper .left .title-wrapper .tt {
    width: 267px;
    margin-top: 10px
}
#home .content-wrapper .editor-outer-wrapper .left .title-wrapper .date {
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 2em;
    color: #4d4d4d
}
#home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg {
    display: none
}
#home .content-wrapper .editor-outer-wrapper .left .step-wrapper .cta-text {
    display: inline-block;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 2.7em;
    font-weight: 700;
    color: #4d4d4d;
    line-height: .78em;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center
}
#home .content-wrapper .editor-outer-wrapper .left .step-wrapper .cta-text span {
    display: block;
    font-size: .8em;
    font-weight: 400;
    color: #39f
}
#home .content-wrapper .editor-outer-wrapper .left .cta-wrapper {
    display: none;
    width: 267px;
    margin: auto;
    margin-top: 40px
}
#home .content-wrapper .editor-outer-wrapper .left .cta-wrapper .cta {
    width: 130px;
    height: 116px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1.9em;
    color: #4d4d4d;
    line-height: 116px
}
#home .content-wrapper .editor-outer-wrapper .left .cta-wrapper .cta.custom {
    float: left;
    background-image: url(../images/cta-x.png)
}
#home .content-wrapper .editor-outer-wrapper .left .cta-wrapper .cta.random {
    float: right;
    background-image: url(../images/cta-circle.png)
}
#home .content-wrapper .editor-outer-wrapper .left .cta-wrapper .date {
    line-height: 1em
}
#home .content-wrapper .editor-outer-wrapper .center {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -160px
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker {
    display: inline-block;
    margin-top: -30px
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .button {
    display: block;
    width: 37px;
    height: 37px;
    background-image: url(../images/color-picker.png);
    background-repeat: no-repeat;
    margin-bottom: 4px;
    border-radius: 100%;
    background-color: transparent!important;
    position: relative
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .button:before {
    -webkit-transition: -webkit-transform .1s ease-in-out 0s;
    transition: transform .1s ease-in-out 0s;
    content: '';
    width: 122px;
    height: 110px;
    background-image: url(../images/color-splat.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: -37px;
    left: -61px;
    z-index: -1;
    -webkit-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0)
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .button.current:before {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .A {
    position: absolute;
    left: -11px
}
html.tablet.portrait #home .content-wrapper .editor-outer-wrapper .center .color-picker .A {
    left: 10px
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .A .button:nth-child(1) {
    background-position: 0 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .A .button:nth-child(2) {
    background-position: -40px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .A .button:nth-child(3) {
    background-position: -80px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .A .button:nth-child(4) {
    background-position: -120px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .A .button:nth-child(5) {
    background-position: -160px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .A .button:nth-child(6) {
    background-position: -200px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .A:last-child {
    margin-right: 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .B {
    position: absolute;
    right: -11px
}
html.tablet.portrait #home .content-wrapper .editor-outer-wrapper .center .color-picker .B {
    right: 10px
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .B .button:nth-child(1) {
    background-position: -240px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .B .button:nth-child(2) {
    background-position: -280px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .B .button:nth-child(3) {
    background-position: -320px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .B .button:nth-child(4) {
    background-position: -360px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .B .button:nth-child(5) {
    background-position: -400px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .B .button:nth-child(6) {
    background-position: -440px 0
}
#home .content-wrapper .editor-outer-wrapper .center .color-picker .B:last-child {
    margin-right: 0
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper {
    display: inline-block;
    width: 270px;
    height: 20px;
    background-image: url(../images/dot-nav-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 20px;
    position: relative;
    z-index: 1
}
html.mobile #home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    transform-origin-x: 45%;
    transform-origin-y: 0
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .dot {
    width: 92px;
    height: 82px;
    background-image: url(../images/dot-splat.png);
    background-position: 50%;
    background-repeat: no-repeat;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1.9em;
    font-weight: 700;
    color: #fff;
    line-height: 1em;
    padding-top: 29px;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(-37px, -32px);
    transform: translate(-37px, -32px);
    opacity: 1
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .dot.s1 {
    left: 50px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .dot.s2 {
    left: 101px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .dot.s3 {
    left: 152px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .dot.s4 {
    left: 200px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .dot.s5 {
    left: 251px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .info {
    width: 283px;
    height: 100px;
    background-image: url(../images/splat.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-family: Manticore, sans-serif;
    font-size: 1.7em;
    color: #fff;
    line-height: 1em;
    padding: 5px 15px;
    position: absolute;
    top: -30px;
    opacity: 0
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .info .inner-wrapper {
    display: table-cell;
    width: 250px;
    height: 55px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 1.35em
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .inv.button {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 1;
    cursor: pointer
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .inv.button:nth-child(2) {
    left: -4px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .inv.button:nth-child(3) {
    left: 45px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .inv.button:nth-child(4) {
    left: 95px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .inv.button:nth-child(5) {
    left: 145px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .inv.button:nth-child(6) {
    left: 195px
}
#home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .inv.button:nth-child(7) {
    left: 245px
}
html.ca-page-editor-random #home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper {
    background-image: url(../images/dot-nav-bg-random.png)
}
html.ca-page-editor-random #home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .dot.s1 {
    left: 250px
}
#home .content-wrapper .editor-outer-wrapper .right .props-group {
    width: 90%;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: 120px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow-x: auto;
    overflow-y: visible
}
html.mobile.ios #home .content-wrapper .editor-outer-wrapper .right .props-group,
html.tablet.portrait.ios #home .content-wrapper .editor-outer-wrapper .right .props-group {
    bottom: 170px
}
#home .content-wrapper .editor-outer-wrapper .right .props-group .button {
    display: inline-block;
    width: auto;
    min-width: 74px;
    white-space: pre-line;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 2em;
    color: #f71bf2;
    line-height: 1em;
    margin-right: 5px;
    position: relative;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
#home .content-wrapper .editor-outer-wrapper .right .props-group .button[data-type=bg],
#home .content-wrapper .editor-outer-wrapper .right .props-group .button[data-type=skull],
#home .content-wrapper .editor-outer-wrapper .right .props-group .button[data-type=texture] {
    display: none!important
}
html.tablet #home .content-wrapper .editor-outer-wrapper .right .props-group .button {
    min-width: 64px
}
#home .content-wrapper .editor-outer-wrapper .right .props-group .button:before {
    -webkit-transition: -webkit-transform .1s ease-in-out 0s;
    transition: transform .1s ease-in-out 0s;
    content: '';
    display: block;
    width: 165px;
    height: 115px;
    background-image: url(../images/props-filter-splat.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: -1
}
#home .content-wrapper .editor-outer-wrapper .right .props-group .button span {
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    left: 50%;
    top: 3px
}
#home .content-wrapper .editor-outer-wrapper .right .props-group .button:last-child,
#home .content-wrapper .editor-outer-wrapper .right .props-group .button:nth-child(3n+3) {
    margin-right: 0
}
#home .content-wrapper .editor-outer-wrapper .right .props-group .button.current {
    color: #fff;
    z-index: -1
}
#home .content-wrapper .editor-outer-wrapper .right .props-group .button.current:before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper {
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden!important;
    position: absolute;
    left: 0;
    bottom: 0
}
html.mobile.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper {
    bottom: 72px
}
html.tablet.portrait.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper {
    bottom: 30px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel {
    white-space: nowrap
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper {
    display: inline-block;
    width: 88px;
    height: 88px;
    background-image: url(../images/prop-bg.png);
    background-repeat: no-repeat;
    background-position: 0 -88px;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop {
    width: auto;
    max-width: 65%;
    height: 90%;
    margin: auto;
    margin-top: 5%
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.nose-bull {
    width: 28%
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.nose-cute {
    width: 43px;
    margin-top: 16px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.nose-pointy {
    width: 40%;
    margin-top: 20px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.nose-double {
    width: 45%;
    margin-top: 22px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.nose-wide {
    width: 50%;
    margin-top: 22px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop[class*=hair-] {
    max-width: 80%;
    margin-top: -10px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-bangs {
    margin-top: -4px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-long {
    margin-top: 4px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-harly {
    max-width: 87px;
    margin-top: -17px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-pony {
    margin-top: -2px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-enchantress {
    margin-top: 1px;
    z-index: 1;
    position: relative
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-shaggy {
    margin-top: 2px;
    position: relative
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-funky,
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-long {
    margin-top: 0;
    position: relative
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-pebbles {
    margin-top: -4px;
    position: relative
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-wavy {
    margin-top: 0;
    position: relative
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-beanie {
    margin-top: 0
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-cap {
    max-width: 100%
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.hair-pharrell-long {
    margin-top: 0
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.face-soul-patch {
    width: 18px;
    margin-top: 27px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.face-curved {
    max-width: inherit;
    width: 83px;
    margin-top: 13px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.face-full {
    max-width: inherit;
    width: 87px;
    margin-left: -2px;
    margin-top: 13px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.face-rosey {
    max-width: inherit;
    width: 77px;
    margin-top: -7px;
    margin-left: -3px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.face-round {
    max-width: inherit;
    width: 90%;
    margin-top: 18px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.face-heart {
    width: 18px;
    margin-left: -36px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.face-stars {
    width: 77px;
    max-width: inherit
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.face-teardrop {
    width: 12px;
    margin-left: 39px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop[class*=specs-] {
    max-width: 90%
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.specs-monocle {
    width: 26px;
    margin-left: -40px;
    margin-top: 12px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop[class*=gear-] {
    max-width: 78%
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-headband {
    margin-top: -4px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-beanie {
    margin-top: -13px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-beret {
    margin-top: -12px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-baseballhat {
    margin-top: -16px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-pharrellhat {
    margin-top: -17px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-clubs {
    margin-top: 15px;
    width: 50px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-enchantress {
    margin-top: 14px;
    width: 56px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-bowtie {
    width: 51px;
    margin-top: 14px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-dogtags {
    width: 82px;
    margin-top: 15px;
    max-width: inherit
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop.gear-goldchain {
    width: 77px;
    max-width: inherit;
    margin-top: 17px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop-accessory {
    width: auto;
    max-width: 65%;
    height: 90%;
    margin: auto;
    margin-top: 5%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop-accessory.nose-bull {
    width: 35px;
    margin-top: 29px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop-accessory.nose-ring {
    width: 20px;
    margin-top: 21px;
    margin-left: 15px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop-accessory.nose-bar {
    width: 50px;
    margin-top: 10px;
    margin-left: -2px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop-accessory.nose-bloody {
    width: 20px;
    margin-top: 25px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop-accessory.nose-bandaid {
    width: 53px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop-accessory.mouth-fangs {
    width: 38px;
    margin-top: 11px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop-accessory.mouth-gold {
    width: 6px;
    margin-top: 14px;
    margin-left: 4px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper:nth-child(3n+1) {
    background-position: 0 -88px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper:nth-child(3n+2) {
    background-position: -90px -88px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper:nth-child(3n+3) {
    background-position: -179px -88px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.current:nth-child(3n+1) {
    background-position: 0 0!important
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.current:nth-child(3n+2) {
    background-position: -90px 0!important
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.current:nth-child(3n+3) {
    background-position: -179px 0!important
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.empty {
    cursor: not-allowed!important
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.clear {
    position: relative;
    clip: none!important
}
html.mobile.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.clear {
    top: 5px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.clear .prop {
    width: 88px!important;
    height: 88px!important;
    max-width: 100%!important;
    max-height: 100%!important;
    margin-top: 0!important;
    clip: auto!important
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.clear .prop .icon {
    font-size: 1.3em;
    color: rgba(230, 23, 23, .7);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.hair-shaggy {
    top: 12px
}
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.hair-funky,
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.hair-pony {
    top: 10px!important
}
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.hair-beanie,
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.hair-enchantress,
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.hair-long,
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.hair-pebbles,
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.hair-pharrell-long,
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.hair-wavy {
    top: 9px!important
}
html.ios #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=eyes] .prop-wrapper.clear {
    top: 4px
}
html.safari:not(.ios) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=eyes] .prop-wrapper.clear {
    top: 5px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=nose] .prop-wrapper .prop {
    max-width: 65%;
    height: 50%;
    margin-top: 30%
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=nose] .prop-wrapper.clear,
html.safari:not(.ios) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=nose] .prop-wrapper.clear {
    top: 17px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=mouth] .prop-wrapper .prop {
    max-width: 135%;
    margin-top: 24%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    clip: rect(0, 100px, 50px, 20px)
}
html.ie #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=mouth] .prop-wrapper .prop {
    clip: rect(0, 82px, 45px, 5px)
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=mouth] .prop-wrapper .prop.mouth-grill {
    margin-top: 13px;
    height: 59px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=mouth] .prop-wrapper .prop.mouth-lipstick {
    margin-top: 8px;
    height: 30px
}
html.safari:not(.ios) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=hair] .prop-wrapper.clear {
    top: 5px
}
html.safari:not(.ios) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=hair] .prop-wrapper .prop {
    margin-top: 0
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=hair] .prop-wrapper.clear {
    top: 19px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=hair] .prop-wrapper.hair-bangs {
    top: 5px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=hair] .prop-wrapper.hair-long {
    top: 14px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=hair] .prop-wrapper.hair-pony {
    top: 6px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper svg path {
    fill: '#000'!important
}
html.safari:not(.ios) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.clear {
    top: 10px
}
html.safari:not(.ios) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper .prop {
    margin-top: 0
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.clear,
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-soul-patch {
    top: 16px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-curved {
    top: 14px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-goatee,
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-handlebar,
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-pencil {
    top: 10px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-full,
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-round {
    top: 15px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-heart,
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-stars,
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=face] .prop-wrapper.face-teardrop {
    top: 10px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=specs] .prop-wrapper.specs-monocle {
    top: 6px
}
html.safari:not(.ios) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.clear {
    top: 5px
}
html.safari:not(.ios) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper .prop {
    margin-top: 0
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.clear {
    top: 26px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-headband {
    top: 14px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-beanie {
    top: 4px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-beret {
    top: 5px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-baseballhat {
    top: 2px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-clubs {
    top: 26px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-enchantress {
    top: 25px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-katana-mask {
    top: 20px
}
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-bowtie,
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-dogtags,
html.ios:not(.tablet.landscape) #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=gear] .prop-wrapper.gear-goldchain {
    top: 25px
}
html.ie #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=bg] .mCSB_scrollTools {
    display: none!important
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=bg] .prop-wrapper {
    background-image: none;
    overflow: visible;
    padding: 2px
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=bg] .prop-wrapper:before {
    content: '';
    width: 159px;
    height: 144px;
    position: absolute;
    top: -23px;
    left: -50px;
    z-index: -1;
    background-image: url(../images/bg-splat.png);
    background-repeat: no-repeat;
    -webkit-transform: scale(0);
    transform: scale(0)
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=bg] .prop-wrapper .prop {
    max-width: inherit;
    height: 83%;
    border-radius: 100%;
    margin-top: calc(5% + 5px)
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=bg] .prop-wrapper.current {
    pointer-events: none
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=bg] .prop-wrapper.current:before {
    -webkit-transition: -webkit-transform .2s linear 0s;
    transition: transform .2s linear 0s;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=bg] .prop-wrapper.empty {
    display: none!important
}
#home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel:first-child {
    display: inline-block
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper {
    width: 90%;
    line-height: 1em;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
html.mobile #home .content-wrapper .editor-outer-wrapper .right .text-wrapper {
    width: 100%
}
html.mobile.ios #home .content-wrapper .editor-outer-wrapper .right .text-wrapper {
    bottom: 52px
}
html.tablet.portrait.ios #home .content-wrapper .editor-outer-wrapper .right .text-wrapper {
    bottom: 30px
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper {
    display: inline-block;
    width: 68%;
    min-width: 258px;
    max-width: 388px;
    height: 56px;
    background-image: url(../images/textfield-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 20px;
    margin-right: 20px
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper .text-input {
    width: calc(94% - 12px);
    height: 100%;
    padding: 0 6px;
    outline: 0 solid red;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1.5em;
    font-weight: 700;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}
html.mobile #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper .text-input {
    font-size: 1em
}
html.ca-font-device #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper .text-input,
html.ca-font-fallback #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper .text-input {
    text-transform: none
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper.generated {
    margin-bottom: 0
}
html.mobile #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper {
    min-width: 215px;
    max-width: 220px;
    margin-bottom: 0;
    margin-right: 5px
}
html.mobile #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper.generated {
    min-width: 120px;
    max-width: 170px
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .or {
    display: inline-block;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1.5em;
    color: #000;
    margin: 10px 20px 10px 0;
    background-image: url(../images/or-separator.png), url(../images/or-separator.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 18px 4px, 166px 4px
}
html.ca-font-device #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .or {
    background: none
}
html.mobile #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .or {
    display: inline-block;
    font-size: 1.1em
}
@media (max-width: 1023px) {
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .or {
        background: none
    }
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .cta {
    -webkit-transition: -webkit-transform .25s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .25s cubic-bezier(.19, 1, .22, 1) 0s;
    width: 90px;
    height: 76px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1.3em;
    color: #4d4d4d;
    line-height: 1em;
    float: right;
    background-image: url(../images/cta-circle.png);
    display: inline-block;
    width: 55px;
    height: 66px;
    font-size: 1em;
    float: none;
    margin: auto
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .cta .label {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1em
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .cta.random {
    position: relative;
    top: -28px
}
html.no-touchevents #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .cta:hover {
    -webkit-transform: translateZ(0) scale(1.15);
    transform: translateZ(0) scale(1.15)
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .generate-cta-wrapper {
    color: #000;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 2em;
    line-height: 1em;
    margin-right: 5px
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .generate-cta-wrapper .cta {
    display: inline-block;
    font-family: Manticore, sans-serif;
    font-size: 1em;
    color: #f71bf2;
    width: auto;
    height: auto;
    line-height: 1em;
    background-image: none
}
#home .content-wrapper .editor-outer-wrapper .right .text-wrapper .generate-cta-wrapper .cta span,
html.tablet.portrait #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .generate-cta-wrapper {
    display: inline-block
}
html.mobile #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .generate-cta-wrapper {
    display: inline-block;
    font-size: 1.1em
}
#home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper {
    display: inline-block;
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    float: none
}
html.mobile.ios #home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper {
    bottom: 10px
}
html.tablet.portrait #home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper {
    bottom: 27px
}
html.mobile.ca-page-editor-random.android #home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper {
    bottom: -30px
}
#home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper .cta {
    -webkit-transition: -webkit-transform .25s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .25s cubic-bezier(.19, 1, .22, 1) 0s;
    width: 90px;
    height: 76px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 1.3em;
    color: #4d4d4d;
    line-height: 1em;
    float: right;
    background-image: url(../images/cta-circle.png);
    width: 110px;
    height: 136px;
    font-size: 2em;
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
#home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper .cta .label {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1em
}
html.mobile #home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper .cta {
    width: 55px;
    height: 66px;
    line-height: 67px;
    font-size: 1em;
    float: none;
    margin: auto;
    position: absolute;
    bottom: 72px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
html.no-touchevents #home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper .cta:hover {
    -webkit-transform: translateZ(0) scale(1.15);
    transform: translateZ(0) scale(1.15)
}
html.no-touchevents.ca-page-editor-random #home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper .cta:hover {
    -webkit-transform: translateZ(0) scale(1.15) translate(-50%, -50%);
    transform: translateZ(0) scale(1.15) translate(-50%, -50%)
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper {
    width: 100vw;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    position: absolute;
    left: 0;
    bottom: 0
}
html.mobile.ios #home .content-wrapper .editor-outer-wrapper .right .share-wrapper {
    bottom: 72px
}
html.tablet.portrait.ios #home .content-wrapper .editor-outer-wrapper .right .share-wrapper {
    bottom: 30px
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .row {
    display: inline-block;
    margin-right: 10px
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .row:last-child {
    margin-right: 0
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button {
    display: inline-block;
    width: 88px;
    height: 88px;
    background-image: url(../images/prop-bg.png);
    background-repeat: no-repeat;
    background-position: 0 -88px;
    font-family: Manticore, sans-serif;
    font-size: 1.5em;
    color: #4d4d4d;
    line-height: 1em;
    padding-top: 25px;
    white-space: pre-wrap;
    position: relative
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button:nth-child(3n+1) {
    background-position: 0 -88px
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button:nth-child(3n+2) {
    background-position: -90px -88px
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button:nth-child(3n+3) {
    background-position: -179px -88px
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button.current:nth-child(3n+1) {
    background-position: 0 0!important
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button.current:nth-child(3n+2) {
    background-position: -90px 0!important
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button.current:nth-child(3n+3) {
    background-position: -179px 0!important
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button:after {
    -webkit-transition: opacity .5s ease-out 0s;
    transition: opacity .5s ease-out 0s;
    content: '';
    display: none;
    width: 30px;
    height: 30px;
    background-image: url(../images/spinner.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button.loading .icon {
    opacity: 0
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button.loading:after {
    display: block;
    opacity: 1;
    -webkit-animation-name: a!important;
    animation-name: a!important;
    -webkit-animation-duration: 2s!important;
    animation-duration: 2s!important;
    -webkit-animation-timing-function: linear!important;
    animation-timing-function: linear!important;
    -webkit-animation-iteration-count: infinite!important;
    animation-iteration-count: infinite!important;
    -webkit-animation-fill-mode: forwards!important;
    animation-fill-mode: forwards!important;
    -webkit-animation-delay: 0s!important;
    animation-delay: 0s!important
}
#home .content-wrapper .editor-outer-wrapper .right .share-wrapper .icon {
    display: inline-block;
    font-size: 2.1em;
    color: #4d4d4d;
    position: relative;
    top: -4px;
    margin: 0 5px
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav {
    width: 97%;
    position: absolute;
    top: 75px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav .button {
    display: block;
    font-family: Manticore, sans-serif;
    font-size: 1.4em;
    color: #4d4d4d
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav .button span {
    display: inline-block;
    position: relative;
    top: 2px;
    -webkit-transform: scaleY(2);
    transform: scaleY(2)
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav .button.prev {
    float: left
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav .button.prev span {
    left: 2px
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav .button.next {
    float: right
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav .button.next span {
    left: -2px
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav .button.disabled {
    opacity: .5!important;
    cursor: not-allowed!important
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav .spinner-wrapper {
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/spinner.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: 30px;
    opacity: 0;
    -webkit-animation-name: a!important;
    animation-name: a!important;
    -webkit-animation-duration: 2s!important;
    animation-duration: 2s!important;
    -webkit-animation-timing-function: linear!important;
    animation-timing-function: linear!important;
    -webkit-animation-iteration-count: infinite!important;
    animation-iteration-count: infinite!important;
    -webkit-animation-fill-mode: forwards!important;
    animation-fill-mode: forwards!important;
    -webkit-animation-delay: 0s!important;
    animation-delay: 0s!important;
    position: fixed;
    top: -95px;
    right: 5px;
    bottom: auto
}
#home .content-wrapper .editor-outer-wrapper .right .props-nav .spinner-wrapper.active {
    display: inline-block;
    opacity: 1
}
#home .content-wrapper .editor-wrapper {
    display: inline-block;
    width: 70vw!important;
    height: 70vw!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0) translate(-50%, -50%);
    transform: translateZ(0) translate(-50%, -50%);
    margin-top: auto;
    max-width: 50vh;
    max-height: 50vh
}
html.mobile.ios #home .content-wrapper .editor-wrapper {
    width: 82vw!important;
    height: 82vw!important;
    margin-top: -48px
}
html.mobile.ca-page-editor-random #home .content-wrapper .editor-wrapper {
    width: 72vw!important;
    margin-top: 0
}
#home .content-wrapper .editor-wrapper .shadow {
    width: 100%;
    height: 27px;
    background-image: url(../images/shadow.png);
    background-position: bottom;
    background-repeat: no-repeat;
    position: fixed;
    bottom: -70px;
    opacity: .3
}
#home .content-wrapper .editor-wrapper #editor {
    display: inline-block;
    width: 100%!important;
    height: 100%!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: Bravo
}
html.ie #home .content-wrapper .editor-wrapper .canvas-wrapper {
    height: 100%
}
@media (min-width: 1024px) {
    #home .content-wrapper {
        width: 90vw;
        margin: auto
    }
    #home .content-wrapper .splash-wrapper>div {
        font-size: 1em
    }
    #home .content-wrapper .splash-wrapper .title-wrapper .title {
        font-size: 6em
    }
    #home .content-wrapper .splash-wrapper .title-wrapper .subtitle {
        font-size: 3em
    }
    #home .content-wrapper .splash-wrapper .title-wrapper .tt {
        width: 100%;
        margin-top: 30px
    }
    #home .content-wrapper .splash-wrapper .cta-wrapper {
        width: 310px;
        margin-top: 30px
    }
    #home .content-wrapper .splash-wrapper .cta-wrapper .cta {
        width: 150px!important;
        height: 116px!important;
        line-height: 116px!important
    }
    #home .content-wrapper .editor-outer-wrapper {
        margin: auto
    }
    #home .content-wrapper .editor-outer-wrapper .left {
        width: 25%;
        max-width: 266px;
        position: absolute;
        bottom: 50%;
        left: 20px;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    #home .content-wrapper .editor-outer-wrapper .left>div {
        font-family: Manticore, sans-serif;
        font-size: .7em;
        color: #f71bf2
    }
    #home .content-wrapper .editor-outer-wrapper .left .title-wrapper {
        display: block
    }
    #home .content-wrapper .editor-outer-wrapper .left .title-wrapper .title {
        font-size: 5.2em
    }
    #home .content-wrapper .editor-outer-wrapper .left .title-wrapper .subtitle {
        font-size: 3em
    }
    #home .content-wrapper .editor-outer-wrapper .left .title-wrapper .tt {
        width: 310px;
        margin-top: 10px
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper {
        font-size: 3.4em;
        margin-top: 7px;
        letter-spacing: -1px
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg {
        display: block;
        text-shadow: 0 0 80px #00e400
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg .label {
        color: #b7ff6a;
        mix-blend-mode: multiply
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg .number {
        width: 80%;
        font-size: 7.8em;
        line-height: 1.4em;
        color: #b7ff6a;
        position: absolute;
        top: 57px;
        left: 10px;
        z-index: -1;
        opacity: .6;
        mix-blend-mode: multiply
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg .number.s1 {
        left: 24px;
        line-height: 1.5em
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg .number.s2 {
        left: 36px;
        line-height: 1.5em
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg .number.s3 {
        top: 67px;
        left: 40px
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg .number.s4 {
        left: 40px;
        top: 62px
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg .number.s5 {
        left: 29px;
        top: 65px
    }
    html.ca-font-fallback #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .step-bg .number {
        top: 54px;
        left: 20px;
        line-height: 1.4em
    }
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .cta-text {
        height: 240px;
        padding-top: 38%;
        padding-bottom: auto;
        font-size: 1em
    }
    #home .content-wrapper .editor-outer-wrapper .left .cta-wrapper {
        display: block;
        width: 190px;
        margin-top: 90px
    }
    #home .content-wrapper .editor-outer-wrapper .left .cta-wrapper .tt {
        width: 100%;
        height: auto
    }
    #home .content-wrapper .editor-outer-wrapper .left .cta-wrapper .cta {
        width: 150px
    }
    #home .content-wrapper .editor-outer-wrapper .left .cta-wrapper .date {
        font-family: AkzidenzGroteskBE, Arial;
        font-size: 3em;
        color: #4d4d4d
    }
    #home .content-wrapper .editor-outer-wrapper .center {
        top: 20px;
        left: 0;
        margin: auto
    }
    #home .content-wrapper .editor-outer-wrapper .center .color-picker {
        display: block;
        width: 489px;
        height: 38px;
        white-space: nowrap;
        margin-top: auto;
        position: absolute;
        top: auto;
        bottom: 75%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #home .content-wrapper .editor-outer-wrapper .center .color-picker .button {
        display: inline-block;
        margin-left: 4px
    }
    #home .content-wrapper .editor-outer-wrapper .center .color-picker .A,
    #home .content-wrapper .editor-outer-wrapper .center .color-picker .B {
        display: inline-block;
        position: relative;
        left: auto;
        right: auto
    }
    #home .content-wrapper .editor-outer-wrapper .right {
        width: 31.7%;
        max-width: 294px;
        padding-top: 24px;
        position: absolute;
        bottom: 50%;
        left: auto;
        right: 20px;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    #home .content-wrapper .editor-outer-wrapper .right>div {
        font-family: Manticore, sans-serif;
        font-size: 1em;
        color: #f71bf2
    }
    #home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper {
        display: block;
        width: 270px;
        height: 20px;
        background-image: url(../images/dot-nav-bg.png);
        background-position: 50%;
        background-repeat: no-repeat;
        margin: auto;
        margin-bottom: 20px
    }
    #home .content-wrapper .editor-outer-wrapper .right .step-progress-wrapper .info {
        top: -117px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-group {
        width: auto;
        height: auto;
        min-height: 28px;
        white-space: normal;
        margin-bottom: 20px;
        margin-left: 5px;
        position: relative;
        left: 50%;
        bottom: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: visible
    }
    html.desktop.ca-editor-step-1 #home .content-wrapper .editor-outer-wrapper .right .props-group .button {
        min-width: 64px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper {
        display: table-cell;
        height: 376px;
        vertical-align: middle;
        overflow: hidden;
        position: relative;
        bottom: auto;
        left: auto
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel {
        display: none;
        width: auto;
        max-height: 353px;
        overflow-y: auto;
        white-space: nowrap
    }
    html.ie #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel {
        width: 290px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel.mCS_no_scrollbar {
        width: 264px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .mCustomScrollBox {
        padding-right: 0
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)"
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 9px!important;
        background-color: #4d4d4d!important;
        -webkit-transform: translate3d(1px, 0, 0);
        transform: translate3d(1px, 0, 0)
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .mCSB_scrollTools .mCSB_draggerRail {
        width: 9px!important;
        background-color: rgba(77, 77, 77, .3)!important;
        -webkit-transform: translate3d(1px, 0, 0);
        transform: translate3d(1px, 0, 0)
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .mCSB_inside>.mCSB_container {
        margin-right: 0
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .mCSB_outside+.mCSB_scrollTools {
        right: -4px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper {
        display: block;
        float: left
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper .prop {
        height: 90%;
        margin: auto;
        margin-top: 5%
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper:nth-child(3n+1) {
        background-position: 0 -88px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper:nth-child(3n+2) {
        background-position: -90px -88px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper:nth-child(3n+3) {
        background-position: -179px -88px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.clear {
        top: 0!important
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel .prop-wrapper.clear .prop {
        margin-top: 5%!important;
        clip: auto!important
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=mouth] .prop-wrapper {
        top: auto
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel[data-type=mouth] .prop-wrapper .prop {
        margin-top: 22%
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-wrapper .panel:first-child {
        display: inline-block
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper {
        display: table-cell;
        width: 86%;
        height: 376px;
        vertical-align: middle;
        position: relative;
        bottom: auto;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper {
        display: block;
        width: 100%;
        margin-right: auto
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper .text-input {
        font-size: 1.6em;
        color: #fff
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .or {
        display: block;
        margin-right: auto
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .cta {
        display: block;
        width: 110px;
        height: 136px;
        line-height: 134px;
        font-size: 2em;
        margin-right: auto
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .cta.random {
        position: inherit;
        top: auto
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .generate-cta-wrapper {
        margin-top: 10px;
        margin-bottom: 20px
    }
    #home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper {
        display: table-cell;
        height: 376px;
        vertical-align: middle;
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        transform: none
    }
    #home .content-wrapper .editor-outer-wrapper .right .randomize-wrapper .cta {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #home .content-wrapper .editor-outer-wrapper .right .share-wrapper {
        width: 264px;
        height: 376px;
        vertical-align: middle;
        overflow: hidden;
        position: relative;
        bottom: auto;
        left: 15px
    }
    #home .content-wrapper .editor-outer-wrapper .right .share-wrapper .row {
        display: block;
        margin-right: auto
    }
    #home .content-wrapper .editor-outer-wrapper .right .share-wrapper .button {
        line-height: 1em;
        padding-top: 25px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav {
        margin-top: 40px;
        position: auto;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav .button {
        display: block;
        font-family: Manticore, sans-serif;
        font-size: 2em;
        color: #4d4d4d
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav .button span {
        display: inline-block;
        position: relative;
        top: 2px;
        -webkit-transform: scaleY(2);
        transform: scaleY(2)
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav .button.prev {
        float: left
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav .button.prev span {
        left: 2px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav .button.next {
        float: right
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav .button.next span {
        left: -2px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav .spinner-wrapper {
        margin-top: auto;
        position: relative;
        top: auto;
        right: auto
    }
    #home .content-wrapper .editor-wrapper {
        width: 40vw!important;
        height: 40vw!important;
        max-width: 500px;
        max-height: 500px;
        margin-top: auto
    }
}
@media (min-width: 1300px) {
    #home .content-wrapper {
        max-width: inherit
    }
    #home .content-wrapper .editor-outer-wrapper .center {
        margin-top: auto;
        top: 20px
    }
    #home .content-wrapper .editor-wrapper {
        max-width: 80vh;
        max-height: 80vh
    }
}
@media (min-width: 1024px) and (max-height: 768px) {
    #home .content-wrapper .editor-outer-wrapper .left,
    #home .content-wrapper .editor-outer-wrapper .right {
        -webkit-transform: translateY(50%) scale(.7);
        transform: translateY(50%) scale(.7)
    }
    #home .content-wrapper .editor-outer-wrapper .left {
        left: -20px
    }
    #home .content-wrapper .editor-outer-wrapper .right {
        right: -20px
    }
    #home .content-wrapper .editor-wrapper {
        max-width: 60vh;
        max-height: 60vh
    }
}
@media (max-width: 360px) {
    #home .content-wrapper .editor-outer-wrapper .left .step-wrapper .cta-text {
        font-size: 1.7em
    }
    html.mobile.ios #home .content-wrapper .editor-outer-wrapper .right .props-group {
        bottom: 155px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-group .button {
        font-size: 1.2em;
        min-width: 60px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav {
        top: 55px
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav .button {
        font-size: 1em
    }
    #home .content-wrapper .editor-outer-wrapper .right .props-nav .spinner-wrapper {
        margin-top: 50px
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper {
        line-height: 2em
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .generate-cta-wrapper,
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .or {
        font-size: 1em!important;
        margin-bottom: 0
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper {
        min-width: 100px!important;
        max-width: 170px!important;
        height: 25px!important
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper.generated {
        min-width: 100px!important;
        max-width: 140px!important
    }
    #home .content-wrapper .editor-outer-wrapper .right .text-wrapper .text-input-wrapper .text-input {
        font-size: 1em!important
    }
}
#share .wrap {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 100vw
}
@media (max-width: 500px) {
    html.ios.mobile #share .wrap {
        height: 100vh
    }
    #share .wrap .title-wrapper {
        margin-top: 25px
    }
}
#share .wrap>div {
    font-family: Manticore, sans-serif;
    font-size: 1.1em;
    color: #f71bf2
}
#share .wrap .title-wrapper {
    text-align: center;
    font-size: 6vh
}
#share .wrap .title-wrapper .title {
    font-size: 1em;
    letter-spacing: -1px;
    line-height: .8em;
    font-variant: small-caps
}
#share .wrap .title-wrapper .title span {
    font-size: .75em
}
#share .wrap .title-wrapper .title span:nth-child(2) {
    position: relative;
    left: -6px
}
#share .wrap .title-wrapper .subtitle {
    font-family: AkzidenzGroteskBE, Arial;
    font-size: .5em;
    color: #4d4d4d;
    line-height: 1.5em
}
#share .wrap .title-wrapper .tt {
    width: 60%;
    max-width: 267px;
    margin-top: 20px
}
#share .wrap .title-wrapper .date {
    font-family: AkzidenzGroteskBE, Arial;
    font-size: 2em;
    line-height: 1em;
    color: #4d4d4d
}
#share .wrap .ctaButton {
    font-family: Manticore, sans-serif;
    font-size: 2.7em;
    font-variant: small-caps;
    display: block;
    text-align: center;
    margin: auto;
    width: 283px;
    height: 100px;
    background-image: url(../images/splat.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    line-height: 1em;
    padding: 5px 15px
}
#share .wrap .ctaButton .inner-wrapper {
    display: table-cell;
    width: 250px;
    height: 110px;
    vertical-align: middle;
    text-align: center;
    position: relative
}
#share .wrap .cta-wrapper {
    min-width: 175px;
    font-size: 10vh;
    width: 100%;
    margin: auto;
    margin-top: 10px
}
#share .wrap .cta-wrapper .tt {
    width: 2em;
    margin: auto
}
#share .wrap .cta-wrapper .date {
    font-size: .3em;
    color: #4d4d4d
}
#share .wrap .cta-wrapper .date,
#share .wrap .cta-wrapper .hash {
    font-family: AkzidenzGroteskBE, Arial;
    line-height: 1em;
    text-align: center
}
#share .wrap .cta-wrapper .hash {
    font-size: .2em;
    margin-top: 1em
}
#share .wrap img {
    display: block;
    margin: 1vh auto;
    width: auto
}
#share .wrap img.media {
    width: 40vh;
    max-width: 100vw
}
@media (max-width: 1024px) {
    #share #footer .clients-wrapper img {
        height: 30px
    }
}
html.roadblock #shell {
    display: none!important
}
html.roadblock #roadblock {
    display: block!important
}
@media (min-aspect-ratio: 13/9) and (min-width: 560px) and (max-width: 799px) {
    html.mobile.landscape #shell {
        display: none!important
    }
    html.mobile.landscape #roadblock {
        display: block!important
    }
}
/*# sourceMappingURL=style.css.map */