@-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 */
