@charset "gbk";

/*
(C) Comsenz Inc.
http://www.mirx.net/portal.php
*/
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
a {
	background-color:transparent
}
a:active,a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:bold
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em;
	margin:0.67em 0
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
img {
	border:0
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	box-sizing:content-box;
	height:0
}
pre {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace, monospace;
	font-size:1em
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height:auto
}
input[type="search"] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:0.35em 0.625em 0.75em
}
legend {
	border:0;
	padding:0
}
textarea {
	overflow:auto
}
optgroup {
	font-weight:bold
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td,th {
	padding:0
}
@font-face {
	font-family:'ui8';
	src:url('/fonts/v2/ui8.eot?ygn8zu');
	src:url('/fonts/v2/ui8.eot?ygn8zu#iefix') format('embedded-opentype'),url('/fonts/v2/ui8.ttf?ygn8zu') format('truetype'),url('/fonts/v2/ui8.woff?ygn8zu') format('woff'),url('/fonts/v2/ui8.svg?ygn8zu#ui8') format('svg');
	font-weight:normal;
	font-style:normal;
}
i.icon {
	font-family:'ui8' !important;
	speak:none;
	font-size:16px !important;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
i.icon-AE:before {
	content:"\e900"
}
i.icon-AI:before {
	content:"\e901"
}
i.icon-PS:before {
	content:"\e902"
}
i.icon-InDesign:before {
	content:"\e903"
}
i.icon-omni:before {
	content:"\e904"
}
i.icon-dribbble:before {
	content:"\e905"
}
i.icon-WP:before {
	content:"\e906"
}
i.icon-github:before {
	content:"\e907"
}
i.icon-linkedin:before {
	content:"\e908"
}
i.icon-instagram:before {
	content:"\e909"
}
i.icon-facebook:before {
	content:"\e90a"
}
i.icon-twitter:before {
	content:"\e90b"
}
i.icon-arrow-down:before {
	content:"\e90c"
}
i.icon-arrow-right:before {
	content:"\e90d"
}
i.icon-close-bold:before {
	content:"\e90e"
}
i.icon-arrow-right-BIG:before {
	content:"\e90f"
}
i.icon-cartcopy2:before {
	content:"\e910"
}
i.icon-check:before {
	content:"\e911"
}
i.icon-close:before {
	content:"\e912"
}
i.icon-comment:before {
	content:"\e913"
}
i.icon-contact:before {
	content:"\e914"
}
i.icon-download:before {
	content:"\e915"
}
i.icon-dropbox:before {
	content:"\e916"
}
i.icon-following:before {
	content:"\e917"
}
i.icon-info:before {
	content:"\e918"
}
i.icon-like:before {
	content:"\e919"
}
i.icon-loading:before {
	content:"\e91a"
}
i.icon-minus:before {
	content:"\e91b"
}
i.icon-money:before {
	content:"\e91c"
}
i.icon-notifications:before {
	content:"\e91d"
}
i.icon-plus-bold:before {
	content:"\e91e"
}
i.icon-plus:before {
	content:"\e91f"
}
i.icon-search:before {
	content:"\e920"
}
i.icon-sketch:before {
	content:"\e921"
}
i.icon-Tumbler:before {
	content:"\e922"
}
i.icon-view:before {
	content:"\e923"
}
.pull-left {
	float:left !important
}
.pull-right {
	float:right !important
}
.clearfix:after {
	content:"";
	display:table;
	clear:both
}
.no-animate {
	-webkit-transition:none !important;
	transition:none !important
}
svg path,svg rect {
	fill:currentColor;
	stroke:currentColor
}
.ui8-tabs {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding: 0 0 40px;
}
.ui8-tabs:after {
	content:"";
	display:table;
	clear:both
}
.ui8-tabs .tab {
	position:relative;
	display:block;
	margin:0 20px 0 0;
	float:left;
	color:#AFAFAF;
	font-size:18px;
	line-height:1;
	font-weight:300
}
.ui8-tabs .tab:after {
	opacity:0;
	position:absolute;
	bottom:-10px;
	left:50%;
	content:'';
	width:0;
	height:2px;
	background:#2F8BE6;
	-webkit-transition:width 125ms ease,opacity 200ms ease;
	transition:width 125ms ease,opacity 200ms ease;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.ui8-tabs .tab:last-of-type {
	margin-right:0
}
.ui8-tabs .tab.active {
	cursor:pointer;
	color:#FFFFFF
}
.ui8-tabs .tab.active:after {
	opacity:1;
	width:100%
}
.ui8-tabs .tab:hover {
	color:#FFFFFF;
	cursor:pointer
}
@media only screen and (max-width: 723px) {
	.ui8-tabs {
	padding: 0 0 30px !important;
}
.ui8-tabs .tab {
	display:inline-block;
	float:none;
	margin:0 20px 0 0;
	font-size:16px
}
.ui8-tabs .tab:last-of-type {
	margin-right:0
}
}@-webkit-keyframes bounce {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
25% {
	-webkit-transform:scale(1.25);
	transform:scale(1.25)
}
50% {
	-webkit-transform:scale(1.35);
	transform:scale(1.35)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes bounce {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
25% {
	-webkit-transform:scale(1.25);
	transform:scale(1.25)
}
50% {
	-webkit-transform:scale(1.35);
	transform:scale(1.35)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}.cards {
	margin:0 -20px;
	overflow:hidden
}
.cards .memo {
	display:block;
	text-align:center;
	font-size:20px;
	font-weight:400
}
.cards .card {
	opacity:1;
	position:relative;
	float:left;
	width:342px;
	overflow:hidden
}
.cards .card:last-of-type {
	margin-bottom:0 !important
}
.cards .card.faded {
	opacity:0
}
.cards .card.liked .likes {
	opacity:1;
	right:10px;
	-webkit-transition-delay:0ms,0ms;
	transition-delay:0ms,0ms
}
.cards .card.liked .likes a {
	color:#FB6666
}
.cards .card.liked .likes svg {
	-webkit-animation:bounce 250ms ease;
	animation:bounce 250ms ease
}
.cards .card.unliked {
	opacity:0.2;
	display:none
}
.cards .card.free .card-price {
	display:none !important
}
.cards .card-wrapper {
	position:relative;
	margin:0 20px 40px;
	border-radius:4px
}
.cards .card-figure {
	position:relative;
	height:260px;
	border-radius:4px;
	background-size:cover;
	background-position:center center
}
.cards .card-figure:hover .hover {
	pointer-events:all;
	left:0;
	opacity:1;
	-webkit-transition-delay:0ms,0ms;
	transition-delay:0ms,0ms
}
.cards .card-figure:hover .likes {
	opacity:1;
	right:10px;
	-webkit-transition-delay:0ms,0ms;
	transition-delay:0ms,0ms
}
.cards .card-figure:hover .likes .count {
	opacity:1
}
.cards .card-figure:hover .card-title,.cards .card-figure:hover .card-price {
	color:#FFFFFF
}
.cards .likes {
    opacity: 0;
    position: absolute;
    top: 10px;
    right: -100%;
    z-index: 2;
    transition: opacity 250ms ease 0s, right 0ms ease 250ms;
}
.cards .likes .count {
    display: inline-block;
    opacity: 0;
    padding: 0px 8px 0px 0px;
    color: rgb(216, 216, 216);
    font-size: 11px;
    line-height: 28px;
    transition: opacity 250ms ease 0s;
    vertical-align: middle;
}
.cards .likes .btn {
	color:#AFAFAF
}
.cards .hover {
	opacity:0;
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	border-radius:2px;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	background:rgba(53,53,53,0.9);
	-webkit-transition:opacity 250ms ease,left 0ms 250ms;
	transition:opacity 250ms ease,left 0ms 250ms
}
.cards .hover .group {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	margin:-19px 0 0 -48px;
	width: 96px;
	height:38px;
	    font-size: 0;
	text-align:center
}
.cards .hover .group .btn {
	margin:0 5px;
	text-align:center;
	vertical-align:top;
	-webkit-transition:none;
	transition:none;
	box-shadow:0 2px 15px rgba(0,0,0,0.25)
}
.cards .hover .group .btn:hover {
	color:#FFFFFF;
	background:#2F8BE6
}
.cards .hover .group .btn.btn-green:hover {
	color:#FFFFFF;
	background:#2d915a
}
.cards .card-content {
	position:relative;
	padding:10px 0 0 0
}
.cards .card-content:after {
	content:"";
	display:table;
	clear:both
}
.cards .card-content .card-blurb {
	display:none
}
.cards .card-content .upper:after {
	content:"";
	display:table;
	clear:both
}
.cards .card-content .card-title {
	float:left;
	width: 240px;
	display:block;
	color:#FFFFFF;
	font-size:13px;
	line-height:27px;
	font-weight:400;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.cards .card-content .card-price {
	position:relative;
	top:0;
	right:0;
	float:right;
	padding:6px 0;
	width:48px;
	color:#2F8BE6;
	font-size:15px;
	line-height:1;
	font-weight:600;
	text-align:center;
	background:#2A2A2A;
	border-radius:4px
}
.cards .card-content .card-price.price-strike:after {
	position:absolute;
	top:50%;
	left:6px;
	margin:-1px 0 0 0;
	content:'';
	width:36px;
	height:2px;
	background:#2F8BE6
}
.cards .card-content .card-price.on-sale {
	width:80px !important
}
.cards .card-content .card-price.on-sale em {
	font-size:13px;
	position:relative;
	top:-1px;
	color:#636363;
	font-style:normal;
	text-decoration:line-through;
	margin-right:5px
}
.cards .card-content .meta {
	clear:both;
	padding:5px 0 0 0;
	font-size:12px;
	line-height:20px;
	color:#949494
}
.cards .card-content .meta:after {
	content:"";
	display:table;
	clear:both
}
.cards .card-content .meta a {
	color:#949494;
	font-weight:700
}
.cards .card-content .meta a:hover {
	color:#2F8BE6
}
.cards .card-content .meta .avatar {
	display:block;
	float:left;
	margin:0 8px 0 0;
	width:20px;
	height:20px;
	border-radius:4px;
	background-color:#484848;
	background-size:cover
}
.cards .card-content .meta .avatar.freebie svg {
	padding:4px
}
.cards .card-permalink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
@media only screen and (max-width: 723px) {
	.mobile-fluid .cards .card {
	margin:0 auto;
	float:none;
	width:100%;
	max-width:450px
}
.mobile-fluid .cards .card .card-figure {
	padding-top: 86%;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.cards .card .hover {
	opacity:1;
	left:0;
	background:none
}
.cards .card .hover .group {
	display:none
}
.cards .card .likes {
	display:none
}

.cards .card .ui8_t_favorite {
	position: absolute;
    top: 10px;
    right: 55px;
    z-index: 2;
	display: block !important;
}
.ui8_t_favorite .btn.btn-med {
    width: 30px !important;
    height: 27px;
    line-height: 27px;
    padding: 0;
    color: rgba(255,255,255,0.85);
    background-color: #2A2A2A;
}

}.cart-section .cart-items {
	margin-bottom:30px
}
.cart-section .upsell {
	width:100%;
	padding:40px 50px;
	margin-bottom:40px;
	box-sizing:border-box;
	border:1px solid #2F8BE6;
	border-radius:2px;
	text-align:center;
	position:relative
}
.cart-section .upsell p {
	font-size:14px;
	line-height:24px;
	color:#AFAFAF;
	margin-bottom:30px
}
.cart-section .upsell p strong {
	color:#FFFFFF
}
.cart-section .upsell p a {
	color:#2F8BE6
}
.cart-section .upsell p a:hover {
	color:#FFFFFF
}
.cart-section .upsell span.close {
	position:absolute;
	top:15px;
	right:15px;
	font-size:20px;
	color:#2F8BE6
}
.cart-section .upsell span.close:hover {
	cursor:pointer;
	color:#FFFFFF
}
.cart-section .cart-promotion {
	width:100%;
	height:70px;
	background:#FFFFFF;
	line-height:70px;
	border-radius:2px;
	margin-bottom:30px;
	padding:0px 20px;
	box-sizing:border-box;
	position:relative
}
.cart-section .cart-promotion span,.cart-section .cart-promotion strong {
	font-size:13px;
	color:#353535
}
.cart-section .cart-promotion span.remove,.cart-section .cart-promotion strong.remove {
	padding-left:5px;
	color:#AFAFAF
}
.cart-section .cart-promotion span.remove:hover,.cart-section .cart-promotion strong.remove:hover {
	color:#2F8BE6;
	cursor:pointer
}
.cart-section .cart-promotion span.discount,.cart-section .cart-promotion strong.discount {
	position:absolute;
	top:0px;
	right:20px;
	font-size:14px;
	font-weight:700;
	color:#33a466
}
.cart-section .cart-promotion strong {
	padding-right:5px
}
.cart-section .cart-promotion strong span {
	color:#33a466
}
.cart-section .cart-item {
	width:100%;
	height:100px;
	overflow:hidden;
	background:#2A2A2A;
	border-radius:2px;
	margin-bottom:20px;
	position:relative;
	-webkit-transition:height 300ms ease;
	transition:height 300ms ease
}
.cart-section .cart-item.active {
	height:300px
}
@media only screen and (max-width: 723px) {
	.cart-section .cart-item {
	height:auto !important;
	margin:0 0 15px 0;
}
}.cart-section .cart-item .cart-item-info {
	position:relative;
	z-index:200;
	height:100px;
	background:#FFFFFF;
	border-radius:2px;
	padding:20px;
	box-sizing:border-box
}
.cart-section .cart-item .cart-item-info:after {
	content:"";
	display:table;
	clear:both
}
.cart-section .cart-item .cart-item-info h4 {
	font-size:14px;
	font-weight:400;
	line-height:14px;
	color:#353535;
	margin:8px 0
}
.cart-section .cart-item .cart-item-info .image {
	float:left;
	width:82px;
	height:60px;
	background-color:#2A2A2A;
	background-position:center center;
	background-size:cover;
	border-radius:2px;
	margin:0 20px 0 0
}
.cart-section .cart-item .cart-item-info .name {
	float:left
}
.cart-section .cart-item .cart-item-info .name h4 {
	font-size:15px;
	font-weight:400;
	margin:13px 0 7px 0
}
.cart-section .cart-item .cart-item-info .name a {
	color:#353535
}
.cart-section .cart-item .cart-item-info .name a:hover {
	color:#2F8BE6
}
.cart-section .cart-item .cart-item-info .name span {
	color:#AFAFAF;
	font-size:12px
}
.cart-section .cart-item .cart-item-info .name span:hover {
	cursor:pointer;
	color:#2F8BE6
}
.cart-section .cart-item .cart-item-info .price {
	float:right;
	text-align:right
}
.cart-section .cart-item .cart-item-info .price h4 {
	font-size:15px;
	margin:12px 0 8px 0
}
.cart-section .cart-item .cart-item-info .price h4 .strike {
	position:relative;
	margin:0 10px 0 0;
	color:#2F8BE6
}
.cart-section .cart-item .cart-item-info .price h4 .strike:after {
	position:absolute;
	top:8px;
	left:-2px;
	padding:0 2px;
	content:'';
	width:100%;
	height:2px;
	background:#2F8BE6
}
.cart-section .cart-item .cart-item-info .price span.license-toggle {
	color:#2F8BE6;
	font-size:12px;
	cursor:pointer
}
.cart-section .cart-item .cart-item-info .price span.license-toggle i {
	margin-left:5px;
	font-size:10px;
	line-height:12px;
	font-weight:300
}
@media only screen and (max-width: 723px) {
	.cart-section .cart-item .cart-item-info {
	position:relative;
	padding:15px;
	height:auto
}
.cart-section .cart-item .cart-item-info .image {
	margin:0 15px 0 0;
	width:50px;
	height:37px
}
.cart-section .cart-item .cart-item-info .price {
	position:absolute;
	top:15px;
	right:15px
}
.cart-section .cart-item .cart-item-info .name {
	padding:0 40px 0 0;
	float:none;
	overflow:hidden
}
.cart-section .cart-item .cart-item-info .name h4 {
	margin:0;
	padding:4px 0 0 0;
	font-size:14px;
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis
}
}.cart-section .cart-item .cart-item-licenses {
	position:absolute;
	width:100%;
	z-index:100;
	bottom:0px;
	padding:20px;
	box-sizing:border-box
}
.cart-section .cart-item .cart-item-licenses p {
	position:absolute;
	bottom:163px;
	padding:0px;
	margin:0px
}
.cart-section .cart-item .cart-item-licenses a.info {
	position:absolute;
	bottom:166px;
	right:20px;
	display:block;
	height:14px;
	width:14px;
	background:#AFAFAF;
	color:#2A2A2A;
	font-size:11px;
	font-weight:600;
	line-height:14px;
	text-align:center;
	border-radius:50%
}
.cart-section .cart-item .cart-item-licenses a.info:hover {
	background:#FFFFFF
}
.cart-section .cart-item .cart-item-licenses ul {
	height:128px;
	margin-left:-20px
}
.cart-section .cart-item .cart-item-licenses ul:after {
	content:"";
	display:table;
	clear:both
}
.cart-section .cart-item .cart-item-licenses ul li {
	display:block;
	float:left;
	background:#353535;
	height:128px;
	width:125px;
	border-radius:2px;
	margin-left:20px;
	box-sizing:border-box;
	padding:20px 0px;
	border:2px solid #353535;
	color:#AFAFAF;
	text-align:center
}
.cart-section .cart-item .cart-item-licenses ul li h3,.cart-section .cart-item .cart-item-licenses ul li h4 {
	font-weight:400;
	margin:0px
}
.cart-section .cart-item .cart-item-licenses ul li h4 {
	font-size:12px
}
.cart-section .cart-item .cart-item-licenses ul li h3 {
	font-size:18px
}
.cart-section .cart-item .cart-item-licenses ul li hr {
	width:15px;
	border:1px solid #484848;
	margin:10px auto 12px auto
}
.cart-section .cart-item .cart-item-licenses ul li:hover {
	cursor:pointer;
	color:#FFFFFF
}
.cart-section .cart-item .cart-item-licenses ul li.active {
	border-color:#2F8BE6;
	background:#2A2A2A;
	color:#FFFFFF
}
.cart-section .cart-item .cart-item-licenses ul li.active hr {
	border-color:#2F8BE6
}
.cart-section .inputs {
	width:100%
}
.cart .cart-item .cell {
	font-size:14px
}
.cart .cell {
	vertical-align:middle
}
.cart .cell a:not(.btn) {
	color:#2F8BE6
}
.cart .cell a:not(.btn):hover {
	color:#333333
}
.cart .cell.dark {
	padding:15px;
	color:#FFFFFF;
	font-weight:600;
	border-color:#414141;
	background:#414141;
	border-bottom:none
}
.cart .cell.details {
	width:45%;
	line-height:54px;
	font-weight:600
}
.cart .cell.details .content {
	display:inline-block;
	vertical-align:middle
}
.cart .cell.details .content .name a {
	display:block;
	color:#333333;
	line-height:20px
}
.cart .cell.details .content .remove {
	display:block;
	line-height:1;
	font-size:12px;
	font-weight:400
}
.cart .cell.price {
	width:12%;
	font-weight:700;
	text-align:center
}
.cart .cell.remove {
	width:9%;
	text-align:center
}
.cart .cell.license {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer;
	width:34%;
	text-transform:capitalize
}
.cart .cell.license strong {
	font-weight:400
}
.cart .cell.license em {
	padding:0 0 0 10px;
	color:#808080;
	font-style:normal
}
.cart .cell.remove a {
	display:block;
	margin:0 auto;
	padding:8px 0;
	width:20px;
	height:4px;
	text-decoration:none
}
.cart .cell.remove a span {
	display:block;
	margin:0 auto;
	width:10px;
	height:4px;
	background:#3E3E3E
}
.cart .cell .arrow {
	float:right;
	font-size:10px;
	line-height:21px
}
.cart .cell .image {
	display:block;
	float:left;
	margin:0 20px 0 0;
	width:78px;
	height:54px;
	background-size:cover;
	background-color:#484848;
	background-repeat:no-repeat
}
.cart .cell .invalid {
	color:#B64B4B
}
.cart .cell.discounted {
	text-align:center;
	font-weight:700
}
.cart .cell.coupon-code {
	padding-top:0;
	padding-bottom:0;
	color:#686A6A;
	font-weight:400
}
.cart .cell.coupon-code .state {
	position:relative
}
.cart .cell.coupon-code .state:after {
	content:"";
	display:table;
	clear:both
}
.cart .cell.coupon-code .applied-state {
	color:#FFFFFF
}
.cart .cell .inputs input {
	float:left;
	padding:0;
	line-height:50px;
	font-size:13px;
	height:50px;
	width:100%;
	background:none
}
.cart .cell .inputs input::-webkit-input-placeholder {
	color:#6A6A68
}
.cart .cell .inputs input:-moz-placeholder {
	color:#6A6A68
}
.cart .cell .inputs input::-moz-placeholder {
	color:#6A6A68
}
.cart .cell .inputs input:-ms-input-placeholder {
	color:#6A6A68
}
.cart .cart-footer .cell {
	padding:0;
	width:50%;
	height:64px;
	line-height:64px;
	border:none;
	background:#464646;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
	vertical-align:middle
}
.cart .cart-footer a:hover {
	color:#FFFFFF
}
.cart .cart-footer .coupon-code {
	padding:0 20px;
	line-height:50px
}
.cart .cart-footer .coupon-code .inputs {
	position:relative
}
.cart .cart-footer .coupon-code .inputs input {
	border:none;
	outline:none
}
.cart .cart-footer .coupon-code .inputs span,.cart .cart-footer .coupon-code .inputs a {
	position:absolute;
	top:0;
	right:0
}
@media only screen and (max-width: 723px) {
	.cart .cart-footer .coupon-code {
	display:block;
	width:100%;
	height:50px;
	box-sizing:border-box;
	border-radius:0px !important;
}
}.cart .cart-footer .cell.total {
	padding:0 0 0 15px;
	font-size:15px;
	text-align:center;
	font-weight:400
}
@media only screen and (max-width: 723px) {
	.cart .cart-footer .cell.total {
	display:block;
	width:100%;
	box-sizing:border-box;
}
}.cart .cart-footer .cell.total .total {
	width:27%;
	text-align:center
}
@media only screen and (max-width: 723px) {
	.cart .cart-footer .cell.total .total {
	width:16%;
	text-align:center;
}
}.cart .cart-footer .cell.total .spec {
	position:relative;
	display:inline-block
}
.cart .cart-footer .cell.total .spec:after {
	position:absolute;
	top:50%;
	left:-15px;
	content:'';
	margin:-12px 0 0 -6px;
	width:1px;
	height:24px;
	background:#808080
}
@media only screen and (max-width: 723px) {
	.cart .cart-footer .cell.total .spec:after {
	display:none;
}
}@media only screen and (max-width: 723px) {
	.cart .cart-footer .cell.total {
	border-radius:0 0 0 4px !important;
	padding:0px 20px;
}
.cart .cart-footer .cell.total .spec:after {
	display:none
}
}.cart .cart-promotion .cell {
	height:65px;
	padding-top:0;
	padding-bottom:0;
	border:none;
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important
}
.cart .cart-promotion .remove {
	padding-left:5px
}
@media only screen and (max-width: 723px) {
	.cart .cart-promotion .cell {
	padding:10px 20px
}
.cart .cart-promotion .remove {
	padding-left:0px
}
}.cart .cart-item-license .licenses {
	padding:0 10px;
	height:0;
	overflow:hidden;
	background:#2c2c2c;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-transition:height 200ms ease-out;
	transition:height 200ms ease-out;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.cart .cart-item-license .licenses:after {
	content:"";
	display:table;
	clear:both
}
.cart .cart-item-license.active .licenses {
	height:200px;
	-webkit-transition-delay:0ms;
	transition-delay:0ms
}
.cart .cart-item-license.active .license {
	opacity:1
}
.cart .cart-item-license .license {
	opacity:0;
	padding:20px 0;
	display:block;
	float:left;
	width:25%;
	text-align:center;
	-webkit-transition:opacity 200ms ease 0ms;
	transition:opacity 200ms ease 0ms
}
.cart .cart-item-license .license .license-wrapper {
	opacity:0.5;
	cursor:pointer;
	margin:0 10px;
	padding:33px 15px;
	color:#FFFFFF;
	border:2px solid #717171;
	border-radius:4px;
	-webkit-transition:border-color 150ms ease,opacity 150ms ease;
	transition:border-color 150ms ease,opacity 150ms ease;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.cart .cart-item-license .license .license-wrapper .name {
	margin:0 0 10px 0;
	font-size:24px;
	line-height:1;
	font-weight:300;
	text-transform:capitalize
}
.cart .cart-item-license .license .license-wrapper .users {
	display:block;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	line-height:1;
	color:#2F8BE6;
	font-weight:400
}
.cart .cart-item-license .license .license-wrapper .price {
	display:block;
	line-height:1;
	font-weight:700
}
.cart .cart-item-license .license .license-wrapper:hover {
	opacity:1;
	border-color:#717171
}
.cart .cart-item-license .license .license-wrapper.active {
	opacity:1;
	border-color:#2F8BE6
}
#flash {
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:10000;
	-webkit-transition:all 300ms ease;
	transition:all 300ms ease;
	pointer-events:none;
	opacity:0;
	-webkit-transform:translate3d(0, 30px, 0);
	transform:translate3d(0, 30px, 0);
	font-size:16px;
	line-height:22px;
	font-weight:300;
	max-width:240px;
	word-wrap:break-word;
	padding:60px 30px;
	box-sizing:border-box;
	border-radius:4px;
	cursor:pointer
}
#flash.fade-in {
	pointer-events:auto;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
#flash svg {
	position:absolute;
	top:10px;
	right:10px
}
#flash.error {
	background:#B64B4B
}
#flash.message {
	background:#2F8BE6
}
.flip-clock-wrapper * {
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden
}
.flip-clock-wrapper a {
	cursor:pointer;
	text-decoration:none;
	color:#FFFFFF;
	text-shadow:none
}
.flip-clock-wrapper a:hover {
	color:#fff
}
.flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after {
	content:" ";
	display:table
}
.flip-clock-wrapper.clearfix:after {
	clear:both
}
.flip-clock-wrapper.clearfix {
	*zoom:1
}
.flip-clock-wrapper {
	font-weight:600;
	font-family:"jaf-bernino-sans",sans-serif;
	-webkit-user-select:none
}
.flip-clock-wrapper {
	text-align:center;
	position:relative
}
.flip-clock-wrapper:before,.flip-clock-wrapper:after {
	content:" ";
	display:table
}
.flip-clock-wrapper:after {
	clear:both
}
.flip-clock-wrapper ul {
	position:relative;
	float:left;
	margin:0 5px;
	width:88px;
	height:128px;
	font-size:100px;
	line-height:128px;
	border-radius:6px;
	background:#000;
	list-style:none;
	box-shadow:0 -2px 20px rgba(0,0,0,0.1),-14px 17px 40px rgba(0,0,0,0.2),14px 17px 40px rgba(0,0,0,0.2)
}
.flip-clock-wrapper ul li {
	z-index:1;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:128px;
	text-decoration:none !important
}
.flip-clock-wrapper ul li:first-child {
	z-index:2
}
.flip-clock-wrapper ul li a {
	display:block;
	height:100%;
	-webkit-perspective:200px;
	perspective:200px;
	margin:0 !important;
	overflow:visible !important;
	cursor:default !important
}
.flip-clock-wrapper ul li a div {
	z-index:1;
	position:absolute;
	left:0;
	width:100%;
	height:50%;
	font-size:100px;
	overflow:hidden;
	outline:1px solid transparent
}
.flip-clock-wrapper ul li a div .shadow {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2
}
.flip-clock-wrapper ul li a div.up {
	-webkit-transform-origin:50% 100%;
	-ms-transform-origin:50% 100%;
	transform-origin:50% 100%;
	top:0
}
.flip-clock-wrapper ul li a div.up:after {
	content:"";
	position:absolute;
	top:63px;
	left:0;
	z-index:5;
	width:100%;
	height:3px;
	background-color:#181818;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.flip-clock-wrapper ul li a div.down {
	-webkit-transform-origin:50% 0;
	-ms-transform-origin:50% 0;
	transform-origin:50% 0;
	bottom:0;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px
}
.flip-clock-wrapper ul li a div.down:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	width:100%;
	height:1px;
	background-color:#454545;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.flip-clock-wrapper ul li a div div.inn {
	position:absolute;
	left:0;
	z-index:1;
	width:100%;
	height:200%;
	font-size:100px;
	text-align:center;
	background:#3d3d3d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3d3d), color-stop(100%, #2d2d2d));
	background:-webkit-linear-gradient(top, #3d3d3d 0%, #2d2d2d 100%);
	background:linear-gradient(to bottom, #3d3d3d 0%, #2d2d2d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#2d2d2d',GradientType=0 );
	border-radius:4px
}
.flip-clock-wrapper ul li a div.up div.inn {
	top:0
}
.flip-clock-wrapper ul li a div.down div.inn {
	bottom:0
}
.flip-clock-wrapper ul.play li.flip-clock-before {
	z-index:3
}
.flip-clock-wrapper ul.play li.flip-clock-active {
	-webkit-animation:asd 0.5s 0.5s linear both;
	animation:asd 0.5s 0.5s linear both;
	z-index:5
}
.flip-clock-divider {
	float:left;
	display:inline-block;
	position:relative;
	width:20px;
	height:128px
}
.flip-clock-divider:first-child {
	width:0
}
.flip-clock-dot {
	display:block;
	background:#555;
	width:8px;
	height:8px;
	position:absolute;
	border-radius:50%;
	left:6px
}
.flip-clock-divider .flip-clock-label {
	display:none;
	position:absolute;
	top:-1.5em;
	right:-86px;
	color:black;
	text-shadow:none
}
.flip-clock-dot.top {
	top:50px
}
.flip-clock-dot.bottom {
	bottom:50px
}
@-webkit-keyframes asd {
	0% {
	z-index:2
}
20% {
	z-index:4
}
100% {
	z-index:4
}
}@keyframes asd {
	0% {
	z-index:2
}
20% {
	z-index:4
}
100% {
	z-index:4
}
}.flip-clock-wrapper ul.play li.flip-clock-active .down {
	z-index:2;
	-webkit-animation:turn 0.5s 0.5s linear both;
	animation:turn 0.5s 0.5s linear both
}
@-webkit-keyframes turn {
	0% {
	-webkit-transform:rotateX(90deg)
}
100% {
	-webkit-transform:rotateX(0deg)
}
}@keyframes turn {
	0% {
	-webkit-transform:rotateX(90deg);
	transform:rotateX(90deg)
}
100% {
	-webkit-transform:rotateX(0deg);
	transform:rotateX(0deg)
}
}.flip-clock-wrapper ul.play li.flip-clock-before .up {
	z-index:2;
	-webkit-animation:turn2 0.5s linear both;
	animation:turn2 0.5s linear both
}
@-webkit-keyframes turn2 {
	0% {
	-webkit-transform:rotateX(0deg)
}
100% {
	-webkit-transform:rotateX(-90deg)
}
}@keyframes turn2 {
	0% {
	-webkit-transform:rotateX(0deg);
	transform:rotateX(0deg)
}
100% {
	-webkit-transform:rotateX(-90deg);
	transform:rotateX(-90deg)
}
}.flip-clock-wrapper ul li.flip-clock-active {
	z-index:3
}
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
	background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
	background:linear,top,rgba(0,0,0,0.1) 0%,black 100%;
	background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background:linear,to bottom,rgba(0,0,0,0.1) 0%,black 100%;
	-webkit-animation:show 0.5s linear both;
	animation:show 0.5s linear both
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
	background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
	background:linear,top,rgba(0,0,0,0.1) 0%,black 100%;
	background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background:linear,to bottom,rgba(0,0,0,0.1) 0%,black 100%;
	-webkit-animation:hide 0.5s 0.3s linear both;
	animation:hide 0.5s 0.3s linear both
}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
	background:-moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background:linear,top,black 0%,rgba(0,0,0,0.1) 100%;
	background:-ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background:linear,to bottom,black 0%,rgba(0,0,0,0.1) 100%;
	-webkit-animation:show 0.5s linear both;
	animation:show 0.5s linear both
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
	background:-moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background:linear,top,black 0%,rgba(0,0,0,0.1) 100%;
	background:-ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background:linear,to bottom,black 0%,rgba(0,0,0,0.1) 100%;
	-webkit-animation:hide 0.5s 0.3s linear both;
	animation:hide 0.5s 0.2s linear both
}
@-webkit-keyframes show {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes show {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@-webkit-keyframes hide {
	0% {
	opacity:1
}
100% {
	opacity:0
}
}@keyframes hide {
	0% {
	opacity:1
}
100% {
	opacity:0
}
}.flip-clock-divider {
	width:10px;
	height:92px
}
.flip-clock-divider .flip-clock-dot {
	width:6px;
	height:6px;
	left:2px
}
.flip-clock-divider .flip-clock-dot.top {
	top:35px
}
.flip-clock-divider .flip-clock-dot.bottom {
	bottom:35px
}
.flip-clock-wrapper ul {
	width:60px;
	height:92px;
	font-size:70px;
	line-height:92px
}
.flip-clock-wrapper ul li {
	line-height:92px
}
.flip-clock-wrapper ul li a div {
	font-size:70px
}
.flip-clock-wrapper ul li a div div.inn {
	font-size:70px
}
@media only screen and (max-width: 723px) {
	.flip-clock-divider {
	width:10px;
	height:50px
}
.flip-clock-divider .flip-clock-dot {
	width:6px;
	height:6px;
	left:2px
}
.flip-clock-divider .flip-clock-dot.top {
	top:15px
}
.flip-clock-divider .flip-clock-dot.bottom {
	bottom:15px
}
.flip-clock-wrapper ul {
	width:34px;
	height:50px;
	font-size:30px;
	line-height:50px
}
.flip-clock-wrapper ul li {
	line-height:50px
}
.flip-clock-wrapper ul li a div {
	font-size:30px
}
.flip-clock-wrapper ul li a div div.inn {
	font-size:30px
}
}.ui8-dialog {
	opacity:0;
	position:fixed;
	top:0;
	left:-100%;
	z-index:1000000;
	width:100%;
	height:100%;
	background:#2A2A2A;
	-webkit-transition:opacity 200ms ease,left 0ms 200ms;
	transition:opacity 200ms ease,left 0ms 200ms
}
.ui8-dialog .submit a {
	line-height:34px;
	font-weight:600
}
.ui8-dialog>.close {
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%
}
.show-demo .ui8-dialog.demo,.show-video .ui8-dialog.video,.show-dialog .ui8-dialog.dialog {
	left:0;
	opacity:1;
	-webkit-transition-delay:200ms,0ms;
	transition-delay:200ms,0ms
}
.ui8-dialog .close-dialog {
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	margin:20px;
	padding:10px;
	width:16px;
	height:16px;
	color:#FFFFFF
}
.ui8-dialog .card .section-header {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding-bottom:40px
}
.ui8-dialog .submit .btn {
	float:right
}
.ui8-dialog>.card {
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	padding:0 50px;
	width:100%;
	max-width:410px;
	background:#353535;
	border-radius:4px;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%)
}
.ui8-dialog.video {
	z-index:10000000
}
.ui8-dialog.video .close-dialog {
	top:0
}
.ui8-dialog.video .card {
	padding:0 0 33.75% 0;
	height:50px;
	max-width:60%;
	background:none
}
.ui8-dialog.video .card .video-wrapper {
	overflow:hidden;
	background:none
}
.ui8-dialog.video .card .video-wrapper>* {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
	outline:none
}
.ui8-dialog.video .card pre {
	display:none
}
.ui8-dialog .inputs {
	width:auto
}
.ui8-dialog .content {
	padding-bottom:20px
}
.ui8-select {
	position:relative;
	display:inline-block;
	padding:0 20px;
	height:38px;
	min-width:110px;
	font-size:10px;
	line-height:38px;
	text-transform:capitalize;
	border-radius:2px;
	white-space:nowrap;
	font-weight:600;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background:#484848;
	cursor:pointer
}
.ui8-select svg {
	position:absolute;
	top:11px;
	right:20px;
	z-index:20;
	color:#FFFFFF;
	line-height:38px;
	pointer-events:none
}
.ui8-select .active-option {
	cursor:pointer;
	position:relative;
	z-index:10;
	display:block;
	padding:0 40px 0 0;
	color:#FFFFFF;
	font-size:12px;
	font-weight:400
}
.ui8-select .options {
	pointer-events:none;
	opacity:0;
	display:block;
	position:absolute;
	top:0px;
	right:0;
	left:0;
	bottom:auto;
	z-index:10;
	padding:4px 20px;
	font-size:12px;
	font-weight:400;
	text-align:left;
	border-radius:4px;
	background:#484848;
	top:36px;
	border-radius:0px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	background:#404040
}
.ui8-select .options .option {
	cursor:pointer;
	display:block;
	color:#AFAFAF;
	line-height:30px
}
.ui8-select .options .option:hover {
	color:#FFFFFF
}
.ui8-select .options .option.selected {
	color:#FFFFFF
}
.ui8-select:hover .options {
	pointer-events:all;
	opacity:1
}
.ui8-select.closed .options {
	display:none !important
}
.inputs {
	width:440px;
	margin:0px auto -40px auto
}
.inputs.margin {
	margin-bottom:0px
}
@media only screen and (max-width: 723px) {
	.inputs {
	width:100%;
}
.default-header .inputs {
	margin-top:30px
}
}.inputs .input {
	width:100%;
	height:70px;
	margin:0 0 40px 0;
	background:#2A2A2A;
	box-sizing:border-box;
	border:2px solid rgba(42,42,42,0);
	border-radius:2px;
	position:relative
}
.inputs .input label,.inputs .input input,.inputs .input textarea {
	opacity:0 !important
}
.inputs .input.loaded label,.inputs .input.loaded input,.inputs .input.loaded textarea {
	opacity:1 !important
}
.inputs .input label {
	position:absolute;
	height:100%;
	width:100%;
	box-sizing:border-box;
	padding:0px 20px;
	pointer-events:none;
	font-size:12px;
	font-weight:400;
	line-height:70px;
	color:#AFAFAF;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.inputs .input.animate label {
	-webkit-transition:all 300ms ease;
	transition:all 300ms ease
}
.inputs .input .action {
	position:absolute;
	right:20px;
	top:32px;
	font-size:12px;
	line-height:12px;
	color:#2F8BE6
}
.inputs .input .action:hover {
	color:#AFAFAF;
	cursor:pointer
}
.inputs .input span.error {
	display:none;
	color:#B64B4B;
	font-size:14px;
	position:absolute;
	top:72px;
	left:0px
}
.inputs .input input,.inputs .input textarea {
	height:100%;
	width:100%;
	font-size:14px;
	color:#FFFFFF;
	box-sizing:border-box;
	padding:10px 20px 0px 20px;
	border:none;
	outline:none;
	background:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.inputs .input input:-webkit-autofill,.inputs .input textarea:-webkit-autofill {
	-webkit-text-fill-color:#FFFFFF !important;
	-webkit-box-shadow:0 0 0px 1000px #2A2A2A inset;
	color:#FFFFFF !important
}
.inputs .input input:-moz-autofill,.inputs .input textarea:-moz-autofill {
	-moz-text-fill-color:#FFFFFF !important;
	-moz-box-shadow:0 0 0px 1000px #2A2A2A inset;
	color:#FFFFFF !important
}
.inputs .input input:-ms-autofill,.inputs .input textarea:-ms-autofill {
	-ms-text-fill-color:#FFFFFF !important;
	-ms-box-shadow:0 0 0px 1000px #2A2A2A inset;
	color:#FFFFFF !important
}
.inputs .input.textarea {
	height:220px
}
.inputs .input.textarea textarea {
	resize:none;
	padding:30px 20px
}
.inputs .input.textarea span.error {
	top:auto;
	bottom:-26px
}
.inputs .input.focused label {
	opacity:0.2;
	-webkit-transform:translate3d(0, -19px, 0);
	transform:translate3d(0, -19px, 0)
}
.inputs .input.submit {
	background:none;
	height:auto
}
.inputs .input.error {
	border-color:#B64B4B
}
.inputs .input.error span.error {
	display:inline-block
}
.inputs .input.half-left,.inputs .input.half-right {
	display:inline-block;
	width:205px;
	box-sizing:border-box;
	margin-right:-3px
}
.inputs .input.half-left.half-right,.inputs .input.half-right.half-right {
	margin-left:30px
}
@media only screen and (max-width: 723px) {
	.inputs .input.half-left,.inputs .input.half-right {
	width:100%;
}
.inputs .input.half-left.half-right,.inputs .input.half-right.half-right {
	margin-left:0px
}
}.inputs .input.input-select {
	height:120px
}
.inputs .input.input-select .select-wrapper {
	top:55px
}
.inputs .select-wrapper {
	width:100%;
	position:relative;
	margin:0px auto 40px auto
}
.inputs .select-wrapper:after {
	speak:none;
	font-family:'ui8';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	position:absolute;
	top:0;
	right:0;
	padding:0 20px;
	content:'\e601';
	font-size:14px;
	line-height:50px;
	pointer-events:none
}
.inputs .select-wrapper select {
	position:relative;
	cursor:pointer;
	outline:none;
	display:block;
	padding:0 20px;
	width:100%;
	color:#FFFFFF;
	height:48px;
	font-size:15px;
	line-height:15px;
	font-weight:300;
	background:#2A2A2A;
	border:2px solid #2A2A2A;
	border-radius:2px;
	box-sizing:border-box;
	-moz-appearance:none;
	appearance:none;
	-webkit-appearance:none;
	-webkit-transition:border-color 150ms ease;
	transition:border-color 150ms ease
}
.inputs-mobile-nav .select-wrapper select {
	border:2px solid #2F8BE6;
	background:#2F8BE6
}
.ui8-search {
	opacity:0;
	position:fixed;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	top:0;
	left:-100%;
	z-index:1000;
	width:100%;
	height:100%;
	overflow-y:hidden;
	-webkit-transition:opacity 200ms ease,left 0ms ease 200ms;
	transition:opacity 200ms ease,left 0ms ease 200ms;
	background:url('images/noise_v3.png') left top #353535;
	background-size:100px
}
.ui8-search .ui8-search-close {
	position:absolute;
	top:0;
	right:0;
	padding:26px 15px 0 0
}
.ui8-search .container {
	padding:100px 0 0 0
}
.ui8-search .search {
	display:block;
	padding:0 30px;
	width:100%;
	height:80px;
	font-size:24px;
	font-weight:300;
	background:#2b2b2b;
	border-radius:4px;
	outline:none;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-sizing:border-box
}
.ui8-search .ui8-tabs {
	padding:40px 0 44px
}
.ui8-search .search-wrapper {
	position:relative
}
.ui8-search .search-wrapper .results {
	position:absolute;
	top:50%;
	right:20px;
	margin:-10px 0 0 0;
	color:#AFAFAF;
	font-weight:600
}
.ui8-search .server-rendered {
	display:none !important
}
.ui8-search .section-footer {
	position:relative;
	padding:30px 0 50px;
	width:100%;
	height:30px
}
.ui8-search .section-footer .ui8-loader {
	top:30px
}
body.overflow {
	overflow:hidden
}
body.show-search {
	overflow:hidden
}
body.show-search.scrollbar-1 {
	padding-right:1px
}
body.show-search.scrollbar-2 {
	padding-right:2px
}
body.show-search.scrollbar-3 {
	padding-right:3px
}
body.show-search.scrollbar-4 {
	padding-right:4px
}
body.show-search.scrollbar-5 {
	padding-right:5px
}
body.show-search.scrollbar-6 {
	padding-right:6px
}
body.show-search.scrollbar-7 {
	padding-right:7px
}
body.show-search.scrollbar-8 {
	padding-right:8px
}
body.show-search.scrollbar-9 {
	padding-right:9px
}
body.show-search.scrollbar-10 {
	padding-right:10px
}
body.show-search.scrollbar-11 {
	padding-right:11px
}
body.show-search.scrollbar-12 {
	padding-right:12px
}
body.show-search.scrollbar-13 {
	padding-right:13px
}
body.show-search.scrollbar-14 {
	padding-right:14px
}
body.show-search.scrollbar-15 {
	padding-right:15px
}
body.show-search.scrollbar-16 {
	padding-right:16px
}
body.show-search.scrollbar-17 {
	padding-right:17px
}
body.show-search.scrollbar-18 {
	padding-right:18px
}
body.show-search.scrollbar-19 {
	padding-right:19px
}
body.show-search.scrollbar-20 {
	padding-right:20px
}
body.show-search.scrollbar-21 {
	padding-right:21px
}
body.show-search.scrollbar-22 {
	padding-right:22px
}
body.show-search.scrollbar-23 {
	padding-right:23px
}
body.show-search.scrollbar-24 {
	padding-right:24px
}
body.show-search.scrollbar-25 {
	padding-right:25px
}
body.show-search .ui8-search {
	left:0;
	opacity:1;
	overflow-y:scroll;
	-webkit-transition-delay:0ms,0ms;
	transition-delay:0ms,0ms
}
body.show-search .ui8-search .ui8-search-close {
	display:block !important
}
body .scrollbar-measure {
	width:100px;
	height:100px;
	overflow:scroll;
	position:absolute;
	top:-9999px
}
input.btn,button.btn {
	box-sizing:content-box
}
.btn {
	cursor:pointer;
	position:relative;
	display:inline-block;
	height:16px;
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;
	text-align:center;
	font-weight:600;
	white-space:nowrap;
	text-transform:uppercase;
	border-radius:2px;
	outline:none;
	border:none;
	overflow:hidden;
	vertical-align:middle
}
.btn svg {
	margin:0 12px 0 0;
	fill:currentColor;
	vertical-align:top;
	-webkit-transition:color 125ms ease;
	transition:color 125ms ease
}
.btn svg rect,.btn svg path {
	fill:currentColor;
	stroke:currentColor
}
.btn span.number,.btn span.price {
	position:relative;
	top:0;
	left:0;
	padding:0 0 0 15px;
	font-size:14px;
	line-height:15px;
	font-weight:600
}
.btn {
	padding:16px
}
.btn.btn-square,.btn.btn-circle {
	width:48px
}
.btn.btn-med {
	padding:11px 16px
}
.btn.btn-med.btn-square,.btn.btn-med.btn-circle {
	width:38px
}
.btn.btn-small {
	padding:6px
}
.btn.btn-small.btn-square,.btn.btn-small.btn-circle {
	width:28px
}
.btn.btn-square,.btn.btn-circle {
	padding-left:0;
	padding-right:0
}
.btn.btn-square svg,.btn.btn-circle svg {
	margin:0
}
.btn.btn-circle {
	border-radius:50%
}
.btn.disabled,.btn[disabled="disabled"] {
	cursor:default;
	opacity:0.5;
	pointer-events:none
}
.btn.btn-blue {
	color:#FFFFFF;
	background-color:#2F8BE6
}
.btn.btn-blue:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-blue.btn-arrow-down:after {
	border-top-color:#2F8BE6
}
.btn.btn-blue.btn-arrow-down:hover:after {
	border-top-color:#1b7ee1
}
.btn.btn-blue.btn-arrow-down:active:after {
	border-top-color:#1a79d7
}
.btn.btn-blue:before {
	background-color:#FFFFFF
}
.btn.btn-blue:hover {
	color:#f2f2f2;
	background-color:#1b7ee1
}
.btn.btn-blue:active {
	background-color:#1a79d7;
	color:#cccccc
}
.btn.btn-blue.btn-outline {
	color:#2F8BE6;
	background:transparent;
	box-shadow:inset 0 0 0 2px #2F8BE6
}
.btn.btn-blue.btn-outline:hover {
	color:#2F8BE6;
	box-shadow:inset 0 0 0 2px #1b7ee1
}
.btn.btn-blue.btn-outline:active {
	color:#1a79d7;
	box-shadow:inset 0 0 0 2px #1a79d7
}
.btn.btn-blue.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-realblue {
	color:#FFFFFF;
	background-color:#2F8BE6
}
.btn.btn-realblue:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-realblue.btn-arrow-down:after {
	border-top-color:#2F8BE6
}
.btn.btn-realblue.btn-arrow-down:hover:after {
	border-top-color:#1b7ee1
}
.btn.btn-realblue.btn-arrow-down:active:after {
	border-top-color:#1a79d7
}
.btn.btn-realblue:before {
	background-color:#FFFFFF
}
.btn.btn-realblue:hover {
	color:#f2f2f2;
	background-color:#1b7ee1
}
.btn.btn-realblue:active {
	background-color:#1a79d7;
	color:#cccccc
}
.btn.btn-realblue.btn-outline {
	color:#2F8BE6;
	background:transparent;
	box-shadow:inset 0 0 0 2px #2F8BE6
}
.btn.btn-realblue.btn-outline:hover {
	color:#2F8BE6;
	box-shadow:inset 0 0 0 2px #1b7ee1
}
.btn.btn-realblue.btn-outline:active {
	color:#1a79d7;
	box-shadow:inset 0 0 0 2px #1a79d7
}
.btn.btn-realblue.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-gray {
	color:#FFFFFF;
	background-color:#484848
}
.btn.btn-gray:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-gray.btn-arrow-down:after {
	border-top-color:#484848
}
.btn.btn-gray.btn-arrow-down:hover:after {
	border-top-color:#3b3b3b
}
.btn.btn-gray.btn-arrow-down:active:after {
	border-top-color:#363636
}
.btn.btn-gray:before {
	background-color:#2F8BE6
}
.btn.btn-gray:hover {
	color:#f2f2f2;
	background-color:#3b3b3b
}
.btn.btn-gray:active {
	background-color:#363636;
	color:#cccccc
}
.btn.btn-gray.btn-outline {
	color:#484848;
	background:transparent;
	box-shadow:inset 0 0 0 2px #484848
}
.btn.btn-gray.btn-outline:hover {
	color:#484848;
	box-shadow:inset 0 0 0 2px #3b3b3b
}
.btn.btn-gray.btn-outline:active {
	color:#363636;
	box-shadow:inset 0 0 0 2px #363636
}
.btn.btn-gray.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-green {
	color:#FFFFFF;
	background-color:#33a466
}
.btn.btn-green:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-green.btn-arrow-down:after {
	border-top-color:#33a466
}
.btn.btn-green.btn-arrow-down:hover:after {
	border-top-color:#2d915a
}
.btn.btn-green.btn-arrow-down:active:after {
	border-top-color:#2b8955
}
.btn.btn-green:before {
	background-color:#FFFFFF
}
.btn.btn-green:hover {
	color:#f2f2f2;
	background-color:#2d915a
}
.btn.btn-green:active {
	background-color:#2b8955;
	color:#cccccc
}
.btn.btn-green.btn-outline {
	color:#33a466;
	background:transparent;
	box-shadow:inset 0 0 0 2px #33a466
}
.btn.btn-green.btn-outline:hover {
	color:#33a466;
	box-shadow:inset 0 0 0 2px #2d915a
}
.btn.btn-green.btn-outline:active {
	color:#2b8955;
	box-shadow:inset 0 0 0 2px #2b8955
}
.btn.btn-green.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-red {
	color:#FFFFFF;
	background-color:#B64B4B
}
.btn.btn-red:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-red.btn-arrow-down:after {
	border-top-color:#B64B4B
}
.btn.btn-red.btn-arrow-down:hover:after {
	border-top-color:#a54343
}
.btn.btn-red.btn-arrow-down:active:after {
	border-top-color:#9d4040
}
.btn.btn-red:before {
	background-color:#FFFFFF
}
.btn.btn-red:hover {
	color:#f2f2f2;
	background-color:#a54343
}
.btn.btn-red:active {
	background-color:#9d4040;
	color:#cccccc
}
.btn.btn-red.btn-outline {
	color:#B64B4B;
	background:transparent;
	box-shadow:inset 0 0 0 2px #B64B4B
}
.btn.btn-red.btn-outline:hover {
	color:#B64B4B;
	box-shadow:inset 0 0 0 2px #a54343
}
.btn.btn-red.btn-outline:active {
	color:#9d4040;
	box-shadow:inset 0 0 0 2px #9d4040
}
.btn.btn-red.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-paypal {
	color:#FFFFFF;
	background-color:#009cde
}
.btn.btn-paypal:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-paypal.btn-arrow-down:after {
	border-top-color:#009cde
}
.btn.btn-paypal.btn-arrow-down:hover:after {
	border-top-color:#008ac5
}
.btn.btn-paypal.btn-arrow-down:active:after {
	border-top-color:#0083ba
}
.btn.btn-paypal:before {
	background-color:#FFFFFF
}
.btn.btn-paypal:hover {
	color:#f2f2f2;
	background-color:#008ac5
}
.btn.btn-paypal:active {
	background-color:#0083ba;
	color:#cccccc
}
.btn.btn-paypal.btn-outline {
	color:#009cde;
	background:transparent;
	box-shadow:inset 0 0 0 2px #009cde
}
.btn.btn-paypal.btn-outline:hover {
	color:#009cde;
	box-shadow:inset 0 0 0 2px #008ac5
}
.btn.btn-paypal.btn-outline:active {
	color:#0083ba;
	box-shadow:inset 0 0 0 2px #0083ba
}
.btn.btn-paypal.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-white {
	color:#333333;
	background-color:#FFFFFF
}
.btn.btn-white:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-white.btn-arrow-down:after {
	border-top-color:#FFFFFF
}
.btn.btn-white.btn-arrow-down:hover:after {
	border-top-color:#f2f2f2
}
.btn.btn-white.btn-arrow-down:active:after {
	border-top-color:#ededed
}
.btn.btn-white:before {
	background-color:#FFFFFF
}
.btn.btn-white:hover {
	color:#262626;
	background-color:#f2f2f2
}
.btn.btn-white:active {
	background-color:#ededed;
	color:black
}
.btn.btn-white.btn-outline {
	color:#FFFFFF;
	background:transparent;
	box-shadow:inset 0 0 0 2px #FFFFFF
}
.btn.btn-white.btn-outline:hover {
	color:#FFFFFF;
	box-shadow:inset 0 0 0 2px #f2f2f2
}
.btn.btn-white.btn-outline:active {
	color:#ededed;
	box-shadow:inset 0 0 0 2px #ededed
}
.btn.btn-white.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-darkgray {
	color:#FFFFFF;
	background-color:#636363
}
.btn.btn-darkgray:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-darkgray.btn-arrow-down:after {
	border-top-color:#636363
}
.btn.btn-darkgray.btn-arrow-down:hover:after {
	border-top-color:#565656
}
.btn.btn-darkgray.btn-arrow-down:active:after {
	border-top-color:#515151
}
.btn.btn-darkgray:before {
	background-color:#FFFFFF
}
.btn.btn-darkgray:hover {
	color:#f2f2f2;
	background-color:#565656
}
.btn.btn-darkgray:active {
	background-color:#515151;
	color:#cccccc
}
.btn.btn-darkgray.btn-outline {
	color:#636363;
	background:transparent;
	box-shadow:inset 0 0 0 2px #636363
}
.btn.btn-darkgray.btn-outline:hover {
	color:#636363;
	box-shadow:inset 0 0 0 2px #565656
}
.btn.btn-darkgray.btn-outline:active {
	color:#515151;
	box-shadow:inset 0 0 0 2px #515151
}
.btn.btn-darkgray.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-cloud {
	color:#FFFFFF;
	background-color:#c4c4c4
}
.btn.btn-cloud:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-cloud.btn-arrow-down:after {
	border-top-color:#c4c4c4
}
.btn.btn-cloud.btn-arrow-down:hover:after {
	border-top-color:#b7b7b7
}
.btn.btn-cloud.btn-arrow-down:active:after {
	border-top-color:#b2b2b2
}
.btn.btn-cloud:before {
	background-color:#FFFFFF
}
.btn.btn-cloud:hover {
	color:#f2f2f2;
	background-color:#b7b7b7
}
.btn.btn-cloud:active {
	background-color:#b2b2b2;
	color:#cccccc
}
.btn.btn-cloud.btn-outline {
	color:#c4c4c4;
	background:transparent;
	box-shadow:inset 0 0 0 2px #c4c4c4
}
.btn.btn-cloud.btn-outline:hover {
	color:#c4c4c4;
	box-shadow:inset 0 0 0 2px #b7b7b7
}
.btn.btn-cloud.btn-outline:active {
	color:#b2b2b2;
	box-shadow:inset 0 0 0 2px #b2b2b2
}
.btn.btn-cloud.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-silver {
	color:#FFFFFF;
	background-color:#AFAFAF
}
.btn.btn-silver:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-silver.btn-arrow-down:after {
	border-top-color:#AFAFAF
}
.btn.btn-silver.btn-arrow-down:hover:after {
	border-top-color:#a2a2a2
}
.btn.btn-silver.btn-arrow-down:active:after {
	border-top-color:#9d9d9d
}
.btn.btn-silver:before {
	background-color:#FFFFFF
}
.btn.btn-silver:hover {
	color:#f2f2f2;
	background-color:#a2a2a2
}
.btn.btn-silver:active {
	background-color:#9d9d9d;
	color:#cccccc
}
.btn.btn-silver.btn-outline {
	color:#AFAFAF;
	background:transparent;
	box-shadow:inset 0 0 0 2px #AFAFAF
}
.btn.btn-silver.btn-outline:hover {
	color:#AFAFAF;
	box-shadow:inset 0 0 0 2px #a2a2a2
}
.btn.btn-silver.btn-outline:active {
	color:#9d9d9d;
	box-shadow:inset 0 0 0 2px #9d9d9d
}
.btn.btn-silver.btn-blue-text {
	color:#2F8BE6
}
.btn.btn-dropbox {
	color:#FFFFFF;
	background-color:#007ee5
}
.btn.btn-dropbox:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.btn.btn-dropbox.btn-arrow-down:after {
	border-top-color:#007ee5
}
.btn.btn-dropbox.btn-arrow-down:hover:after {
	border-top-color:#0070cc
}
.btn.btn-dropbox.btn-arrow-down:active:after {
	border-top-color:#006ac1
}
.btn.btn-dropbox:before {
	background-color:#FFFFFF
}
.btn.btn-dropbox:hover {
	color:#f2f2f2;
	background-color:#0070cc
}
.btn.btn-dropbox:active {
	background-color:#006ac1;
	color:#cccccc
}
.btn.btn-dropbox.btn-outline {
	color:#007ee5;
	background:transparent;
	box-shadow:inset 0 0 0 2px #007ee5
}
.btn.btn-dropbox.btn-outline:hover {
	color:#007ee5;
	box-shadow:inset 0 0 0 2px #0070cc
}
.btn.btn-dropbox.btn-outline:active {
	color:#006ac1;
	box-shadow:inset 0 0 0 2px #006ac1
}
.btn.btn-dropbox.btn-blue-text {
	color:#2F8BE6
}
.btn-guides .btn {
	box-shadow:inset 0 -16px 0 0 rgba(0,0,0,0.15),inset 0 16px 0 0 rgba(0,0,0,0.15),inset 0 -15px 0 0 rgba(255,255,255,0.1),inset 0 15px 0 0 rgba(255,255,255,0.1)
}
.btn-guides .btn.btn-med {
	box-shadow:inset 0 -11px 0 0 rgba(0,0,0,0.15),inset 0 11px 0 0 rgba(0,0,0,0.15),inset 0 -10px 0 0 rgba(255,255,255,0.1),inset 0 10px 0 0 rgba(255,255,255,0.1)
}
.btn-guides .btn svg,.btn-guides .btn i {
	background:rgba(255,0,0,0.15)
}
.ui8-avatar {
	position:relative;
	width:48px;
	height:48px;
	font-size:14px;
	color:#FFFFFF;
	line-height:50px;
	text-align:center;
	font-weight:600;
	-webkit-transition:background-color 100ms ease;
	transition:background-color 100ms ease
}
.ui8-avatar.ui8-avatar-red {
	background-color:#EA6D6D
}
.ui8-avatar.ui8-avatar-red:hover {
	background-color:#e44040
}
.ui8-avatar.ui8-avatar-green {
	background-color:#83B96A
}
.ui8-avatar.ui8-avatar-green:hover {
	background-color:#68a34d
}
.ui8-avatar.ui8-avatar-purple {
	background-color:#D16DEA
}
.ui8-avatar.ui8-avatar-purple:hover {
	background-color:#c340e4
}
.ui8-avatar.ui8-avatar-blue {
	background-color:#6D7FEA
}
.ui8-avatar.ui8-avatar-blue:hover {
	background-color:#4058e4
}
.ui8-avatar.ui8-avatar-orange {
	background-color:#DEB651
}
.ui8-avatar.ui8-avatar-orange:hover {
	background-color:#d4a328
}
.ui8-avatar.ui8-avatar-lrg {
	font-size:24px;
	font-weight:700
}
@media only screen and (max-width: 723px) {
	.ui8-avatar.ui8-avatar-lrg {
	font-size:20px;
}
}.ui8-avatar>.permalink {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%
}
@-webkit-keyframes circleRotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(1440deg);
	transform:rotate(1440deg)
}
}@keyframes circleRotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(1440deg);
	transform:rotate(1440deg)
}
}.ui8-loader {
	position:absolute;
	top:10px;
	left:50%;
	z-index:1;
	height:30px;
	width:30px;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.ui8-loader .ball {
	position:absolute;
	display:block;
	left:15px;
	top:7px;
	width:8px;
	height:8px;
	border-radius:6px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	-webkit-animation:circleRotate 4s both infinite;
	animation:circleRotate 4s both infinite;
	-webkit-transform-origin:0 100% 0;
	-ms-transform-origin:0 100% 0;
	transform-origin:0 100% 0
}
.ui8-loader .ball-1 {
	z-index:-1;
	background-color:#2F8BE6;
	-webkit-animation-timing-function:cubic-bezier(0.5, 0.3, 0.9, 0.9);
	animation-timing-function:cubic-bezier(0.5, 0.3, 0.9, 0.9)
}
.ui8-loader .ball-2 {
	z-index:-2;
	background-color:#368DE4;
	-webkit-animation-timing-function:cubic-bezier(0.5, 0.6, 0.9, 0.9);
	animation-timing-function:cubic-bezier(0.5, 0.6, 0.9, 0.9)
}
.ui8-loader .ball-3 {
	z-index:-3;
	background-color:#4293E2;
	-webkit-animation-timing-function:cubic-bezier(0.5, 0.9, 0.9, 0.9);
	animation-timing-function:cubic-bezier(0.5, 0.9, 0.9, 0.9)
}
.ui8-loader .ball-4 {
	z-index:-4;
	background-color:#67A3DE;
	-webkit-animation-timing-function:cubic-bezier(0.5, 1.2, 0.9, 0.9);
	animation-timing-function:cubic-bezier(0.5, 1.2, 0.9, 0.9)
}
.ui8-loader .ball-5 {
	z-index:-5;
	background-color:#4897E4;
	-webkit-animation-timing-function:cubic-bezier(0.5, 1.5, 0.9, 0.9);
	animation-timing-function:cubic-bezier(0.5, 1.5, 0.9, 0.9)
}
.ui8-loader .ball-6 {
	z-index:-6;
	background-color:#4D98E2;
	-webkit-animation-timing-function:cubic-bezier(0.5, 1.8, 0.9, 0.9);
	animation-timing-function:cubic-bezier(0.5, 1.8, 0.9, 0.9)
}
.ui8-loader .ball-7 {
	z-index:-7;
	background-color:#579BDF;
	-webkit-animation-timing-function:cubic-bezier(0.5, 2.1, 0.9, 0.9);
	animation-timing-function:cubic-bezier(0.5, 2.1, 0.9, 0.9)
}
.ui8-loader .ball-8 {
	z-index:-8;
	background-color:#629FDC;
	-webkit-animation-timing-function:cubic-bezier(0.5, 2.4, 0.9, 0.9);
	animation-timing-function:cubic-bezier(0.5, 2.4, 0.9, 0.9)
}
.ui8-switch {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer;
	position:relative;
	display:inline-block;
	width:28px;
	height:8px;
	overflow:visible;
	background:#000000;
	border-radius:40px
}
.ui8-switch.on a,.ui8-switch.on .circle {
	margin:0 0 0 15px
}
.ui8-switch a,.ui8-switch .circle {
	position:absolute;
	top:-3px;
	display:block;
	margin:0 0 0 -1px;
	width:14px;
	height:14px;
	text-indent:-999em;
	overflow:hidden;
	background:#2F8BE6;
	border-radius:50%;
	-webkit-transition:margin 150ms ease;
	transition:margin 150ms ease
}
.ui8-listing .item {
	display:block;
	padding:30px 35px;
	color:#333333;
	background:#FFFFFF;
	border-bottom:1px solid #ededed
}
.ui8-listing .item:first-of-type {
	border-radius:4px 4px 0 0
}
.ui8-listing .item:last-of-type {
	border-radius:0 0 4px 4px;
	border-bottom:none
}
.ui8-listing .item:only-child {
	border-radius:4px 4px 4px 4px;
	border:none
}
.ng-hide {
	display:none !important
}
.ngi-inspector {
	color:#333333
}
a[ng-click] {
	cursor:pointer
}
.site-header .ui8-sidebar {
	position:fixed;
	top:0;
	right:0;
	z-index:1;
	left:auto !important;
	width:0;
	overflow:hidden;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	-webkit-transition:width 150ms ease;
	transition:width 150ms ease
}
.site-header .ui8-sidebar .show-mobile {
	display:none
}
.site-header .ui8-sidebar .categories,.site-header .ui8-sidebar .socials {
	width:230px
}
.site-header .ui8-sidebar .socials {
	opacity:0;
	position:absolute;
	top:26px;
	left:20px;
	-webkit-transition:opacity 150ms ease 0ms;
	transition:opacity 150ms ease 0ms
}
.site-header .ui8-sidebar .socials .social {
	display:inline-block;
	margin:0 10px 0 0;
	width:24px;
	height:24px;
	text-align:center;
	font-size:12px;
	line-height:26px;
	background:#484848;
	border-radius:50%
}
.site-header .ui8-sidebar .socials .social a {
	display:block;
	width:100%;
	height:100%;
	color:#2b2b2b
}
.site-header .ui8-sidebar .socials .social a:hover {
	color:#FFFFFF
}
.site-header .ui8-sidebar .socials .social svg {
	position:relative;
	top:4px;
	left:0;
	display:block;
	margin:0 auto
}
.site-header .ui8-sidebar .socials .social:last-of-type {
	margin:0
}
.reveal-sidebar .site-header .ui8-sidebar {
	width:212px;
	-webkit-transition-delay:0ms;
	transition-delay:0ms
}
.reveal-sidebar .site-header .ui8-sidebar .socials {
	opacity:1;
	-webkit-transition-delay:150ms;
	transition-delay:150ms
}
@media only screen and (max-width: 723px) {
	.site-header .ui8-sidebar {
	display:block
}
.site-header .ui8-sidebar .show-mobile {
	display:block !important
}
}.site-header .actions {
	-webkit-transition:padding-right 150ms ease;
	transition:padding-right 150ms ease
}
.reveal-sidebar .site-header .actions {
	padding-right:210px !important
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.reveal-sidebar .site-header .actions {
	padding-right:49px !important
}
}@media only screen and (max-width: 723px) {
	.reveal-sidebar .site-header .actions {
	padding-right:49px !important
}
.reveal-sidebar .site-header .ui8-sidebar {
	position:fixed;
	z-index:1000000;
	width:100%
}
.reveal-sidebar .site-header .ui8-sidebar .categories {
	width:100%
}
.reveal-sidebar .site-header .ui8-sidebar .categories .category:before {
	display:none
}
}.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	position:relative
}
.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit {
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	position:relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	visibility:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
	text-align:left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
	display:block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
	display:block;
	-webkit-backface-visibility:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
	display:block;
	-webkit-transform:translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
	position:absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition:-webkit-transform 2s;
	transition:transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	-webkit-transition:-webkit-transform 2s;
	transition:transform 2s;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
	text-align:center
}
.ui8-truncated {
	-webkit-transition:all 200ms ease 50ms;
	transition:all 200ms ease 50ms
}
.ui8-truncated .ui8-truncate-more {
	color:#2F8BE6;
	font-weight:400
}
.ui8-truncated .ui8-truncate-original {
	display:block;
	opacity:0;
	-webkit-transition:opacity 250ms ease 0ms;
	transition:opacity 250ms ease 0ms
}
.ui8-truncated .ui8-truncate-truncated {
	position:absolute;
	top:0;
	left:0;
	display:block;
	opacity:1;
	-webkit-transition:opacity 250ms ease 0ms;
	transition:opacity 250ms ease 0ms
}
.ui8-truncated.ui8-truncate-full .ui8-truncate-original {
	opacity:1
}
.ui8-truncated.ui8-truncate-full .ui8-truncate-truncated {
	opacity:0
}
.ui8-truncated .ui8-truncate-up {
	display:block;
	margin:20px auto 0;
	width:22px;
	height:22px;
	line-height:24px;
	font-size:12px;
	text-align:center;
	background:#E8E8E8;
	border-radius:50%
}
.ui8-truncated.ui8-truncate-full .ui8-truncate-original {
	-webkit-transition-delay:150ms;
	transition-delay:150ms
}
.ui8-truncated.ui8-truncate-full .ui8-truncate-truncated {
	-webkit-transition-delay:150ms;
	transition-delay:150ms
}
.ui8-appicons .app {
	display:none;
	margin:0 6px 0 0;
	padding:3px;
	color:#FFFFFF;
	width:16px;
	height:16px;
	line-height:0;
	border-radius:50%;
	background:#484848
}
.ui8-appicons .app:last-of-type {
	margin:0
}
.ui8-appicons .app.app-lrg {
	padding:11px
}
.ui8-appicons .app.app-med {
	padding:6px
}
.ui8-appicons .app svg,.ui8-appicons .app path,.ui8-appicons .app rect {
	fill:currentColor
}
.ui8-appicons .app.app-html {
	background:#505C7E
}
.ui8-appicons .app.app-sketch {
	background:#FF6C31
}
.ui8-appicons .app.app-tumblr {
	background:#A652AB
}
.ui8-appicons .app.app-indesign {
	background:#FE4A95
}
.ui8-appicons .app.app-wordpress {
	background:#0087be
}
.ui8-appicons .app.app-photoshop {
	background:#00a4e4
}
.ui8-appicons .app.app-illustrator {
	background:#F89A1C
}
.ui8-appicons .app.app-aftereffects {
	background:#6362FE
}
.ui8-appicons .app.app-omnigraffle {
	background:#7ED321
}
.ui8-appicons .app.app-xcode {
	color:#454545;
	background:#f5f5f5
}
.ui8-appicons .app.app-swift {
	color:#FFFFFF;
	background:#F89A1C
}
.swift-compatible .ui8-appicons .app.app-swift,.xcode-compatible .ui8-appicons .app.app-xcode,.html-compatible .ui8-appicons .app.app-html,.sketch-compatible .ui8-appicons .app.app-sketch,.tumblr-compatible .ui8-appicons .app.app-tumblr,.indesign-compatible .ui8-appicons .app.app-indesign,.wordpress-compatible .ui8-appicons .app.app-wordpress,.photoshop-compatible .ui8-appicons .app.app-photoshop,.wordpress-compatible .ui8-appicons .app.app-wordpress,.illustrator-compatible .ui8-appicons .app.app-illustrator,.omnigraffle-compatible .ui8-appicons .app.app-omnigraffle,.aftereffects-compatible .ui8-appicons .app.app-aftereffects {
	display:inline-block
}
.ui8-hamburger {
	cursor:pointer;
	position:relative;
	z-index:1;
	display:block;
	width:38px;
	height:26px
}
.ui8-hamburger .before,.ui8-hamburger .after {
	position:absolute;
	top:0;
	left:50%;
	content:'';
	margin:0 0 0 -10px;
	width:20px;
	height:2px;
	background:#2F8BE6;
	-webkit-transform:translate3d(0, 4px, 0);
	transform:translate3d(0, 4px, 0);
	-webkit-transition:-webkit-transform 200ms ease;
	transition:transform 200ms ease
}
.ui8-hamburger .after {
	-webkit-transform:translate3d(0, 20px, 0);
	transform:translate3d(0, 20px, 0)
}
.ui8-hamburger .middle {
	position:absolute;
	top:12px;
	left:50%;
	z-index:1;
	display:block;
	content:'';
	width:20px;
	height:2px;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	background:#2F8BE6;
	-webkit-transition:width 200ms ease,opacity 200ms ease;
	transition:width 200ms ease,opacity 200ms ease
}
.ui8-hamburger.crossed:hover .before,.ui8-hamburger.crossed:hover .after,.reveal-sidebar .ui8-hamburger:hover .before,.reveal-sidebar .ui8-hamburger:hover .after {
	background:#1871ca
}
.ui8-hamburger.crossed .before,.reveal-sidebar .ui8-hamburger .before {
	-webkit-transform:rotate(45deg) translate3d(8px, 8px, 0);
	transform:rotate(45deg) translate3d(8px, 8px, 0)
}
.ui8-hamburger.crossed .after,.reveal-sidebar .ui8-hamburger .after {
	-webkit-transform:rotate(-45deg) translate3d(-8px, 8px, 0);
	transform:rotate(-45deg) translate3d(-8px, 8px, 0)
}
.ui8-hamburger.crossed .middle,.reveal-sidebar .ui8-hamburger .middle {
	width:0;
	opacity:0
}
@-webkit-keyframes bounce {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
25% {
	-webkit-transform:scale(1.25);
	transform:scale(1.25)
}
50% {
	-webkit-transform:scale(1.35);
	transform:scale(1.35)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes bounce {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
25% {
	-webkit-transform:scale(1.25);
	transform:scale(1.25)
}
50% {
	-webkit-transform:scale(1.35);
	transform:scale(1.35)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}.ui8-discussion {
	margin:0 auto;
	padding:80px 0;
	max-width: 100%;
	background:#FFFFFF;
	border-radius:4px
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.ui8-discussion {
	padding:80px;
}
}@media only screen and (max-width: 723px) {
	.ui8-discussion {
	padding:30px;
}
}.ui8-discussion .wrapper {
	margin:0 auto;
	max-width:680px
}
.ui8-discussion .listing {
	margin:0 auto;
	max-width:675px
}
.ui8-discussion .listing .item {
	position:relative;
	display:block;
	padding:30px 0 21px;
	color:#484848;
	border-bottom:1px solid #E8E8E8
}
.ui8-discussion .listing .item:last-of-type {
	border:none
}
.ui8-discussion .listing .mention {
	color:#555555;
	font-weight:600
}
.ui8-discussion .listing .content {
	padding:4px 0 4px 60px;
	min-height:48px
}
.ui8-discussion .listing .item>.figure {
	position:absolute;
	top:30px;
	left:0;
	width:48px;
	height:48px;
	border-radius:4px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center
}
.ui8-discussion .listing .item>.figure .perma {
	display:block;
	width:100%;
	height:100%
}
.ui8-discussion .listing .item>.figure .role {
	display:none;
	position:absolute;
	top:-8px;
	left:-8px;
	width:20px;
	height:20px;
	background:url('images/sellerbadge.png') center center no-repeat;
	background-size:20px 20px;
	box-shadow:0 0 0 2px #fff;
	border-radius:50%
}
.ui8-discussion .listing .item>.figure .role.seller,.ui8-discussion .listing .item>.figure .role.admin {
	display:block
}
.ui8-discussion .listing .item>.figure .role.admin {
	background-image:url('images/adminbadge.png')
}
.ui8-discussion .listing .name {
	display:block;
	margin:0 0 8px 0;
	font-size:16px;
	line-height:1;
	font-weight:600
}
.ui8-discussion .listing .name a {
	color:#555555
}
.ui8-discussion .listing .message {
	display:block;
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:300;
	word-wrap:break-word
}
.ui8-discussion .listing .metas {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding:8px 0 0 0
}
.ui8-discussion .listing .metas .edit-confirmation,.ui8-discussion .listing .metas .delete-confirmation {
	display:none
}
.ui8-discussion .listing .metas.editing span,.ui8-discussion .listing .metas.deleting span {
	display:none
}
.ui8-discussion .listing .metas.editing .edit-confirmation,.ui8-discussion .listing .metas.deleting .delete-confirmation {
	display:inline
}
.ui8-discussion .listing .meta-item {
	position:relative;
	color:#b1b1b1;
	font-size:12px
}
.ui8-discussion .listing .meta-item svg {
	position:relative;
	z-index:2
}
.ui8-discussion .listing .meta-item .action {
	display:inline-block;
	margin:0 6px 0 0;
	width:12px
}
.ui8-discussion .listing .meta-item:before {
	padding:0 10px;
	content:'?';
	font-size:15px;
	line-height:1
}
.ui8-discussion .listing .meta-item.edit-confirmation:before,.ui8-discussion .listing .meta-item.delete-confirmation:before,.ui8-discussion .listing .meta-item.created_at:before {
	display:none
}
.ui8-discussion .listing .meta-item>a {
	position:relative;
	cursor:pointer;
	color:#b1b1b1;
	text-decoration:none
}
.ui8-discussion .listing .meta-item>a:hover {
	text-decoration:underline
}
.ui8-discussion .listing .meta-item>a:hover .ui8-who-likes-tip {
	display:block
}
.ui8-discussion .edit-form:after {
	content:"";
	display:table;
	clear:both
}
.ui8-discussion .edit-form .message-edit {
	position:relative;
	margin:0 0 10px 0
}
.ui8-discussion .edit-form .message-edit textarea,.ui8-discussion .edit-form .message-edit .hidden {
	display:block;
	padding:18px;
	width:100%;
	font-size:15px;
	color:#afafaf;
	resize:none;
	outline:none;
	border:2px solid #eaeaea;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:4px;
	box-sizing:border-box;
	-webkit-transition:color 150ms ease;
	transition:color 150ms ease
}
.ui8-discussion .edit-form .message-edit .hidden {
	display:none !important;
	opacity:0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	pointer-events:none;
	white-space:pre-wrap
}
.ui8-discussion .edit-form .message-edit textarea {
	width:100%;
	height:100px;
	box-sizing:border-box
}
.ui8-discussion .edit-form .message-edit textarea:focus {
	color:#555555
}
.ui8-discussion .edit-form .message-edit textarea[disabled="disabled"] {
	opacity:0.4;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	pointer-events:none
}
.ui8-discussion .edit-form .message-edit .ui-autocomplete {
	position:absolute !important;
	top:100% !important;
	left:0;
	z-index:2;
	margin:-4px 0 0 0;
	width:100% !important;
	color:#afafaf;
	background:#FFFFFF;
	font-weight:600;
	border:2px solid #eaeaea;
	border-radius:0 0 4px 4px;
	box-sizing:border-box
}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result {
	display:block;
	padding:10px;
	line-height:32px;
	border-bottom:1px solid #eaeaea
}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result:after {
	content:"";
	display:table;
	clear:both
}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result .figure {
	display:block;
	float:left;
	margin:0 15px 0 0;
	width:32px;
	height:32px;
	background:#fafafa;
	border-radius:4px
}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result .figure img {
	max-width:100%
}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result:last-of-type {
	border:none
}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result.ui-state-focus {
	cursor:pointer;
	color:#484848;
	background:#fafafa
}
.ui8-discussion .edit-form .cancel,.ui8-discussion .edit-form .btn {
	float:right
}
.ui8-discussion .edit-form .cancel {
	margin:0 25px 0 0;
	line-height:48px;
	color:#555555
}
.ui8-discussion .pagination {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	margin:0 auto;
	padding:5px 0 20px 0;
	text-align:center;
	line-height:16px
}
.ui8-discussion .pagination a,.ui8-discussion .pagination .count {
	display:inline-block;
	margin:0 10px;
	color:#555555;
	vertical-align:middle
}
.ui8-discussion .pagination a[disabled="disabled"],.ui8-discussion .pagination .count[disabled="disabled"] {
	opacity:0.5
}
.ui8-discussion .ui8-post-comment {
	position:static;
	margin:0 auto;
	padding:20px 0 0 0;
	max-width:675px
}
.ui8-discussion .ui8-post-comment:after {
	content:"";
	display:table;
	clear:both
}
.ui8-discussion .ui8-post-comment .comment-wrapper,.ui8-discussion .edit-form .comment-wrapper {
	position:relative;
	margin:0 0 25px 0
}
.ui8-discussion .ui8-post-comment .error,.ui8-discussion .edit-form .error {
	display:none
}
.ui8-discussion .ui8-post-comment .show-error textarea,.ui8-discussion .edit-form .show-error textarea {
	border-color:#FB6666 !important
}
.ui8-discussion .ui8-post-comment .show-error .comment-wrapper,.ui8-discussion .edit-form .show-error .comment-wrapper {
	margin-bottom:10px
}
.ui8-discussion .ui8-post-comment .show-error .error,.ui8-discussion .edit-form .show-error .error {
	position:relative;
	margin:0 0 15px 0;
	display:block;
	color:#FB6666;
	font-size:12px;
	text-align:left
}
.ui8-discussion .ui8-post-comment textarea,.ui8-discussion .ui8-post-comment .hidden,.ui8-discussion .edit-form textarea,.ui8-discussion .edit-form .hidden {
	display:block;
	padding:18px;
	width:100%;
	font-size:15px;
	color:#afafaf;
	resize:none;
	outline:none;
	border:2px solid #eaeaea;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:4px;
	box-sizing:border-box;
	-webkit-transition:color 150ms ease;
	transition:color 150ms ease
}
.ui8-discussion .ui8-post-comment .hidden,.ui8-discussion .edit-form .hidden {
	display:none !important;
	opacity:0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	pointer-events:none;
	white-space:pre-wrap
}
.ui8-discussion .ui8-post-comment textarea,.ui8-discussion .edit-form textarea {
	width:100%;
	height:100px;
	box-sizing:border-box
}
.ui8-discussion .ui8-post-comment textarea:focus,.ui8-discussion .edit-form textarea:focus {
	color:#555555
}
.ui8-discussion .ui8-post-comment textarea[disabled="disabled"],.ui8-discussion .edit-form textarea[disabled="disabled"] {
	opacity:0.4;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	pointer-events:none
}
.ui8-discussion .ui8-post-comment .ui-autocomplete,.ui8-discussion .edit-form .ui-autocomplete {
	position:absolute !important;
	top:100% !important;
	left:0;
	z-index:2;
	margin:-4px 0 0 0;
	width:100% !important;
	color:#afafaf;
	background:#FFFFFF;
	font-weight:600;
	border:2px solid #eaeaea;
	border-radius:0 0 4px 4px;
	box-sizing:border-box
}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result {
	display:block;
	padding:10px;
	line-height:32px;
	border-bottom:1px solid #eaeaea
}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result:after,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result:after {
	content:"";
	display:table;
	clear:both
}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result .figure,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result .figure {
	display:block;
	float:left;
	margin:0 15px 0 0;
	width:32px;
	height:32px;
	background:#fafafa;
	border-radius:4px
}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result .figure img,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result .figure img {
	max-width:100%
}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result:last-of-type,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result:last-of-type {
	border:none
}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result.ui-state-focus,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result.ui-state-focus {
	cursor:pointer;
	color:#484848;
	background:#fafafa
}
.ui8-discussion .ui8-post-comment .btn,.ui8-discussion .edit-form .btn {
	float:right
}
.ui8-discussion .meta-item.like {
	line-height:15px
}
.ui8-discussion .meta-item.like svg {
	position:relative;
	top:2px;
	left:0;
	padding:0 4px 0 0;
	-webkit-transform-origin:center;
	-ms-transform-origin:center;
	transform-origin:center
}
.ui8-discussion .meta-item.like.liked svg {
	color:#FB6666;
	-webkit-animation:bounce 250ms ease;
	animation:bounce 250ms ease
}
.ui8-discussion.logged-in .like svg {
	cursor:pointer
}
.ui8-discussion .no-comments {
	display:block;
	padding:0 0 30px 0;
	color:#353535;
	font-size:16px;
	line-height:1;
	font-weight:600;
	text-align:center
}
.ui8-discussion .no-comments.logged-in {
	text-align:left
}
.ui8-discussion .login-required {
	display:block;
	padding:30px 0 0 0;
	color:#AFAFAF;
	font-size:16px;
	text-align:center;
	border-top:1px solid #eaeaea
}
.ui8-discussion .login-required a {
	color:#555555
}
.ui8-discussion .login-required a:hover {
	color:#2F8BE6
}
.ui-helper-hidden-accessible {
	display:none
}
.white-list {
	padding:30px;
	background:#FFFFFF;
	border-radius:2px
}
.white-list:after {
	content:"";
	display:table;
	clear:both
}
.white-list>.list-item {
	position:relative;
	display:block;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	font-size:14px;
	color:#353535;
	border-bottom:1px solid rgba(216,216,216,0.2)
}
.white-list>.list-item:after {
	content:"";
	display:table;
	clear:both
}
.white-list>.list-item:last-of-type {
	margin:0;
	padding:0;
	border:none
}
.white-list>.list-item .permalink {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%
}
.white-list.thick .list-item {
	margin:0 0 30px;
	padding:0 0 30px
}
.white-list.thick .list-item:last-of-type {
	margin-bottom:0;
	padding-bottom:0
}
@media only screen and (max-width: 723px) {
	.white-list {
	padding:15px;
}
}.white-table {
	color:#333333;
	width:100%;
	border-radius:4px;
	border-collapse:separate
}
.white-table.offers {
	width:100%;
	margin:0px auto
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.white-table.offers {
	width:644px;
}
}@media only screen and (max-width: 723px) {
	.white-table.offers {
	width:100%;
	margin-top:40px;
}
}.white-table.offers td.desc {
	line-height:50px;
	vertical-align:middle
}
@media only screen and (max-width: 723px) {
	.white-table.offers td.desc {
	line-height:20px;
}
}.white-table.offers td.desc .image {
	float:left;
	height:50px;
	width:50px;
	margin-right:20px
}
.white-table.offers td.desc .image img {
	width:100%
}
.white-table.offers td.get {
	width:2%
}
.white-table .text-left {
	text-align:left !important
}
.white-table .text-right {
	text-align:right !important
}
.white-table .text-center {
	text-align:center !important
}
.white-table .text-bold {
	font-weight:700
}
.white-table .text-semi {
	font-weight:600
}
.white-table .text-blue {
	color:#2F8BE6 !important
}
.white-table .cell {
	padding:20px;
	color:#333333;
	font-size:13px;
	background:#FFFFFF;
	vertical-align:middle;
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed
}
@media only screen and (max-width: 723px) {
	.white-table .cell {
	padding:10px 20px;
}
}.white-table .slidedown .slidedown-container {
	padding:0 10px;
	height:0;
	overflow:hidden;
	background:#2c2c2c;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-transition:height 200ms ease-out;
	transition:height 200ms ease-out;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.white-table .slidedown .slidedown-container:after {
	content:"";
	display:table;
	clear:both
}
.white-table tbody.header .cell {
	padding:15px 20px;
	color:#FFFFFF;
	background:#414141;
	border-color:#414141
}
.white-table tbody.header a {
	color:#2F8BE6;
	font-weight:600
}
.white-table tbody.header a:hover {
	color:#FFFFFF
}
.white-table tbody.sub-header .cell {
	padding:15px 20px;
	color:#808080
}
.white-table tfoot .cell a {
	color:#2F8BE6
}
.white-table tfoot .cell a:hover {
	color:#000000
}
.white-table tbody:first-of-type tr .cell:first-child {
	border-radius:4px 0 0 0
}
.white-table tbody:first-of-type tr .cell:last-child {
	border-radius:0 4px 0 0
}
.white-table tbody:first-of-type tr .cell:only-of-type {
	border-radius:4px 4px 0 0
}
.white-table tfoot:last-of-type .cell:first-child {
	border-radius:0 0 0 4px
}
.white-table tfoot:last-of-type .cell:last-child {
	border-radius:0 0 4px 0
}
.white-table tbody:last-of-type tr .cell:first-child {
	border-radius:0 0 0 4px
}
.white-table tbody:last-of-type tr .cell:last-child {
	border-radius:0 0 4px 0
}
.white-table tbody:only-of-type tr .cell:first-child {
	border-radius:4px 0 0 4px
}
.white-table tbody:only-of-type tr .cell:last-child {
	border-radius:0 4px 4px 0
}
.white-table tr:last-of-type .cell {
	border-bottom:none
}
.white-table tr.force-border-bottom .cell {
	border-bottom:1px solid #ededed
}
.white-table tfoot .cell:last-child,.white-table tr .cell:last-child {
	border-right:none
}
.inset-header {
	position:relative;
	margin:-98px 0 40px 0;
	padding:118px 0 55px 0;
	text-align:left;
	background:url('images/headers@2x.jpg') center top #272727;
	background-size:1104px 549px
}
.inset-header.no-background {
	background:#202020
}
.inset-header.naked {
	padding-bottom:0;
	background:none
}
.inset-header.naked:after {
	display:none
}
.inset-header:after {
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	content:'';
	display:block;
	width:100%;
	height:20px;
	box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.09)
}
.inset-header .wrapper {
	position:relative;
	z-index:2;
	text-align:left
}
.inset-header .wrapper:after {
	content:"";
	display:table;
	clear:both
}
.inset-header .title {
	margin:0 0 10px 0;
	padding:0;
	font-size:24px;
	line-height:1;
	font-weight:300
}
.inset-header .title strong {
	font-weight:600;
	color:#FFFFFF
}
.inset-header .meta {
	display:block;
	margin:0;
	padding:0;
	color:#AFAFAF;
	font-size:18px;
	font-weight:300
}
.inset-header .meta strong {
	font-weight:400;
	color:#FFFFFF
}
.inset-header .actions {
	position:absolute;
	z-index:5;
	bottom:-79px;
	right:0
}
.inset-header .actions .action {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	display:inline-block;
	margin:0 0 0 10px
}
@media only screen and (max-width: 723px) {
	.inset-header .actions .action .btn {
	padding:11px;
}
.inset-header .actions .action .btn.btn-square {
	padding-left:0;
	padding-right:0;
	width:38px
}
}@media only screen and (max-width: 723px) {
	.inset-header {
	margin-bottom:30px;
	padding-bottom:32px
}
.inset-header .actions {
	display:none
}
.inset-header.mobile-actions .actions {
	display:block;
	position:absolute;
	bottom:-2px;
	right:0
}
}.app-icon {
	position:relative;
	top:8px;
	left:auto;
	display:inline-block;
	margin-left:12px;
	height:24px;
	width:24px;
	line-height:24px;
	text-align:center;
	overflow:hidden;
	background:#AFAFAF;
	border-radius:50%
}
.app-icon i {
	font-size:14px;
	line-height:28px;
	color:#FFFFFF;
	position:relative
}
.app-icon.photoshop {
	background:#00a4e4
}
.app-icon.photoshop i {
	font-size:10px;
	top:-1px;
	left:1px
}
.app-icon.illustrator {
	background:#F89A1C
}
.app-icon.illustrator i {
	top:-1px;
	left:-1px;
	font-size:10px
}
.app-icon.aftereffects {
	background:#6362FE
}
.app-icon.aftereffects i {
	top:-1px;
	font-size:9px
}
.app-icon.indesign {
	background:#FE4A95
}
.app-icon.indesign i {
	top:-1px;
	font-size:10px
}
.app-icon.sketch {
	background:#FF6C31
}
.app-icon.sketch i {
	top:-1px;
	font-size:12px
}
.app-icon.tumblr {
	background:#A652AB
}
.app-icon.tumblr i {
	top:-2px;
	left:0;
	font-size:10px
}
.app-icon.wordpress {
	background:#0087be
}
.app-icon.wordpress i {
	left:0;
	top:-1px;
	font-size:10px
}
.app-icon.omnigraffle {
	background:#7ED321
}
.app-icon.omnigraffle i {
	left:1px;
	top:-1px;
	font-size:10px
}
.app-icon.html {
	background:#505C7E
}
.app-icon.html i {
	top:-1px;
	font-size:11px
}
.ui8-follow-button {
	position:relative;
	z-index:1
}
.ui8-follow-button svg,.ui8-follow-button span {
	position:relative;
	z-index:-1;
	pointer-events:none;
	width:16px;
	height:16px
}
.ui8-users-listing .btn {
	position:absolute;
	top:50%;
	right:0;
	z-index:1;
	margin:-19px 0 0 0;
	width:100px;
	text-align:center
}
.ui8-users-listing .btn.your-profile {
	z-index:0
}
.ui8-users-listing .btn.btn-red {
	color:#FFFFFF;
	background-color:#E86D6D
}
.ui8-users-listing .btn.btn-red:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.ui8-users-listing .btn.btn-red.btn-arrow-down:after {
	border-top-color:#E86D6D
}
.ui8-users-listing .btn.btn-red.btn-arrow-down:hover:after {
	border-top-color:#e55757
}
.ui8-users-listing .btn.btn-red.btn-arrow-down:active:after {
	border-top-color:#e34e4e
}
.ui8-users-listing .btn.btn-red:before {
	background-color:#FFFFFF
}
.ui8-users-listing .btn.btn-red:hover {
	color:#f2f2f2;
	background-color:#e55757
}
.ui8-users-listing .btn.btn-red:active {
	background-color:#e34e4e;
	color:#cccccc
}
.ui8-users-listing .btn.btn-red.btn-outline {
	color:#E86D6D;
	background:transparent;
	box-shadow:inset 0 0 0 2px #E86D6D
}
.ui8-users-listing .btn.btn-red.btn-outline:hover {
	color:#E86D6D;
	box-shadow:inset 0 0 0 2px #e55757
}
.ui8-users-listing .btn.btn-red.btn-outline:active {
	color:#e34e4e;
	box-shadow:inset 0 0 0 2px #e34e4e
}
.ui8-users-listing .btn.btn-red.btn-blue-text {
	color:#2F8BE6
}
.ui8-users-listing .btn.btn-blue {
	color:#FFFFFF;
	background-color:#353535
}
.ui8-users-listing .btn.btn-blue:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.ui8-users-listing .btn.btn-blue.btn-arrow-down:after {
	border-top-color:#353535
}
.ui8-users-listing .btn.btn-blue.btn-arrow-down:hover:after {
	border-top-color:#282828
}
.ui8-users-listing .btn.btn-blue.btn-arrow-down:active:after {
	border-top-color:#232323
}
.ui8-users-listing .btn.btn-blue:before {
	background-color:#FFFFFF
}
.ui8-users-listing .btn.btn-blue:hover {
	color:#f2f2f2;
	background-color:#282828
}
.ui8-users-listing .btn.btn-blue:active {
	background-color:#232323;
	color:#cccccc
}
.ui8-users-listing .btn.btn-blue.btn-outline {
	color:#353535;
	background:transparent;
	box-shadow:inset 0 0 0 2px #353535
}
.ui8-users-listing .btn.btn-blue.btn-outline:hover {
	color:#353535;
	box-shadow:inset 0 0 0 2px #282828
}
.ui8-users-listing .btn.btn-blue.btn-outline:active {
	color:#232323;
	box-shadow:inset 0 0 0 2px #232323
}
.ui8-users-listing .btn.btn-blue.btn-blue-text {
	color:#2F8BE6
}
.ui8-users-listing .btn.btn-gray {
	color:#FFFFFF;
	background-color:#AFAFAF
}
.ui8-users-listing .btn.btn-gray:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.ui8-users-listing .btn.btn-gray.btn-arrow-down:after {
	border-top-color:#AFAFAF
}
.ui8-users-listing .btn.btn-gray.btn-arrow-down:hover:after {
	border-top-color:#a2a2a2
}
.ui8-users-listing .btn.btn-gray.btn-arrow-down:active:after {
	border-top-color:#9d9d9d
}
.ui8-users-listing .btn.btn-gray:before {
	background-color:#FFFFFF
}
.ui8-users-listing .btn.btn-gray:hover {
	color:#f2f2f2;
	background-color:#a2a2a2
}
.ui8-users-listing .btn.btn-gray:active {
	background-color:#9d9d9d;
	color:#cccccc
}
.ui8-users-listing .btn.btn-gray.btn-outline {
	color:#AFAFAF;
	background:transparent;
	box-shadow:inset 0 0 0 2px #AFAFAF
}
.ui8-users-listing .btn.btn-gray.btn-outline:hover {
	color:#AFAFAF;
	box-shadow:inset 0 0 0 2px #a2a2a2
}
.ui8-users-listing .btn.btn-gray.btn-outline:active {
	color:#9d9d9d;
	box-shadow:inset 0 0 0 2px #9d9d9d
}
.ui8-users-listing .btn.btn-gray.btn-blue-text {
	color:#2F8BE6
}
.ui8-users-listing .footer {
	padding:30px 0 0 0;
	text-align:center
}
.ui8-users-listing .user {
	position:relative;
	display:block;
	font-size:14px;
	color:#353535
}
.ui8-users-listing .user:last-of-type {
	margin:0;
	padding:0;
	border:none
}
.ui8-users-listing .user .wrapper {
	position:relative
}
.ui8-users-listing .user .wrapper:after {
	content:"";
	display:table;
	clear:both
}
.ui8-users-listing .user .wrapper .permalink {
	display:none;
	position:absolute;
	top:0;
	left:0;
	display:block
}
.ui8-users-listing .user .content {
	position:absolute;
	top:50%;
	left:103px;
	right:0;
	bottom:auto;
	padding:0 120px 0 0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.ui8-users-listing .user .content .name {
	padding:4px 0 0 0;
	font-size:14px;
	line-height:1;
	font-weight:600;
	color:#353535
}
.ui8-users-listing .user .content .name:hover {
	color:#2F8BE6
}
.ui8-users-listing .user .content .bio {
	display:block;
	padding:8px 0 0 0;
	font-size:14px;
	line-height:1
}
.ui8-users-listing .user .content .stats {
	padding:16px 0 0 0;
	display:block
}
.ui8-users-listing .user .content .stats:after {
	content:"";
	display:table;
	clear:both
}
.ui8-users-listing .user .content .stats .stat {
	display:inline-block;
	margin:0 20px 0 0;
	padding:0 20px 0 0;
	border-right:1px solid rgba(72,72,72,0.1)
}
.ui8-users-listing .user .content .stats .stat:last-of-type {
	margin:0;
	padding:0;
	border:none
}
.ui8-users-listing .user .content .stats .stat .count {
	display:block;
	padding:0 0 5px 0;
	color:#353535;
	font-weight:700
}
.ui8-users-listing .user .content .stats .stat .label {
	display:block;
	font-weight:300;
	color:#AFAFAF
}
.ui8-users-listing .user .content .stats .stat .count,.ui8-users-listing .user .content .stats .stat .label {
	font-size:13px;
	line-height:1
}
.ui8-users-listing .user .figure {
	position:relative;
	display:block;
	margin:0 15px 0 0;
	float:left;
	width:88px;
	height:88px;
	line-height:90px;
	border-radius:2px;
	background-size:cover
}
.ui8-users-listing .user .figure .role {
	display:none;
	position:absolute;
	top:-8px;
	left:-8px;
	width:20px;
	height:20px;
	background:url('images/sellerbadge.png') center center no-repeat;
	background-size:20px 20px;
	box-shadow:0 0 0 2px #fff;
	border-radius:50%
}
.ui8-users-listing .user .figure .role.role-affiliate,.ui8-users-listing .user .figure .role.role-admin {
	display:block
}
.ui8-users-listing .user .figure .role.role-admin {
	background-image:url('images/adminbadge.png')
}
.ui8-users-listing .user .figure .perma {
	display:block;
	width:100%;
	height:100%
}
@media only screen and (max-width: 723px) {
	.ui8-users-listing .permalink {
	display:none !important
}
.ui8-users-listing .user .figure {
	width:52px;
	height:52px;
	line-height:52px
}
.ui8-users-listing .user .btn {
	padding:0;
	width:38px;
	height:38px
}
.ui8-users-listing .user .btn svg {
	margin:10px 0
}
.ui8-users-listing .user .btn span {
	display:none
}
.ui8-users-listing .user .content {
	padding:2px 48px 0 0;
	left:67px
}
.ui8-users-listing .user .content .name {
	padding:0;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ui8-users-listing .user .content .stats {
	padding:10px 0 0 0
}
.ui8-users-listing .user .content .stats .stat {
	margin:0 14px 0 0;
	padding:0 15px 0 0
}
.ui8-users-listing .user .content .stats .stat .count {
	padding:0 0 2px 0
}
.ui8-users-listing .user .content .stats .stat.following {
	margin:0;
	padding:0;
	border:none
}
.ui8-users-listing .user .figure .role,.ui8-users-listing .user .content .stats .comments,.ui8-users-listing .user .content .stats .favorites,.ui8-users-listing .user .content .bio {
	display:none !important
}
}.ui8-wlt {
	position:fixed;
	display:block;
	top:0;
	left:0;
	z-index:10000;
	width:100%;
	height:100%;
	background:rgba(38,38,38,0.98)
}
.ui8-wlt>.close {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%
}
.ui8-wlt .wlt-header,.ui8-wlt .wlt-wrapper {
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	width:60%;
	height:40%;
	min-width:768px;
	min-height:410px;
	overflow:hidden;
	background:#FFFFFF;
	border-radius:4px;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.ui8-wlt .wlt-header>.users,.ui8-wlt .wlt-wrapper>.users {
	padding:0 15px 0 0;
	width:100%;
	height:100%;
	overflow-y:scroll
}
.ui8-wlt .wlt-header {
	margin:-30px 0 0 0;
	z-index:0;
	background:none;
	border-radius:none;
	overflow:visible
}
.ui8-wlt .wlt-header h3 {
	float:left;
	display:block;
	margin:0;
	font-size:20px;
	line-height:16px;
	font-weight:300
}
.ui8-wlt .wlt-header svg {
	float:right;
	padding:2px 0;
	color:#2F8BE6
}
.ui8-who-likes-tip {
	display:none;
	position:absolute;
	bottom:0;
	left:50%;
	z-index:1;
	padding:0 0 30px 0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.ui8-who-likes-tip .wrap {
	position:relative;
	padding:10px;
	background:#4D4D4D;
	border-radius:4px
}
.ui8-who-likes-tip .wrap:after {
	top:100%;
	left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(77,77,77,0);
	border-top-color:#4d4d4d;
	border-width:5px;
	margin-left:-5px
}
.ui8-who-likes-tip li {
	display:block;
	margin:0 0 5px 0;
	color:#FFFFFF;
	font-size:13px;
	white-space:nowrap
}
.ui8-who-likes-tip li:after {
	content:"";
	display:table;
	clear:both
}
.ui8-who-likes-tip li:last-of-type {
	margin:0
}
.ui8-who-likes-tip .avatar {
	display:inline-block;
	margin:0 10px 0 0;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:10px;
	border-radius:4px;
	background-size:cover;
	vertical-align:middle
}
.ui8-who-likes-tip .liker-name {
	display:inline-block;
	font-size:13px;
	line-height:20px;
	vertical-align:middle
}
.ui8-dl {
	pointer-events:none;
	opacity:0;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000;
	display:block;
	padding:0 20px;
	height:100%;
	background:rgba(53,53,53,0.95);
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease
}
.ui8-dl .ui8-dl-list {
	position:relative;
	top:50%;
	left:auto;
	z-index:2;
	margin:0 auto;
	padding:30px;
	width:100%;
	max-width:380px;
	border-radius:2px;
	background:#FFFFFF;
	box-sizing:border-box;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.ui8-dl .ui8-dl-list:before {
	position:absolute;
	top:0;
	left:100%;
	content:'';
	width:40px;
	height:100%
}
.ui8-dl .ui8-dl-list .close-button {
	position:absolute;
	top:26px;
	right:30px;
	display:block;
	line-height:1
}
.ui8-dl .ui8-dl-list .close-button a {
	color:#2F8BE6;
	font-weight:400;
	font-size:20px
}
.ui8-dl .ui8-dl-list .close-button a:hover {
	color:#484848
}
.ui8-dl .ui8-dl-list .ui8-dl-link {
	position:relative;
	display:block;
	margin:0 0 15px 0;
	padding:0 70px 15px 0;
	white-space:nowrap;
	overflow:hidden;
	border-bottom:1px solid rgba(233,233,233,0.6)
}
.ui8-dl .ui8-dl-list .ui8-dl-link:last-of-type {
	margin:0;
	padding:0;
	border:none
}
.ui8-dl .ui8-dl-list .ui8-dl-link .name {
	display:block;
	line-height:15px;
	color:#AFAFAF;
	font-size:13px;
	line-height:30px;
	font-weight:400;
	white-space:nowrap
}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons {
	position:absolute;
	top:-2px;
	right:0;
	z-index:1;
	display:inline-block;
	white-space:nowrap;
	text-align:right
}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons:after {
	content:"";
	display:table;
	clear:both
}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a {
	display:inline-block;
	margin:0 0 0 15px;
	color:#808080;
	vertical-align:top
}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a:hover {
	color:#2F8BE6 !important
}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a.btn-dropbox-error {
	color:#c56f6f
}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a.btn-dropbox-loading {
	color:#33a466
}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a .icon-download {
	font-size:20px;
	line-height:30px
}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a .icon-dropbox {
	font-size:15px;
	line-height:32px
}
.ui8-dl .ui8-dl-list.single-item .ui8-dl-link:hover .name {
	color:#2F8BE6
}
.ui8-dl .ui8-dl-list.single-item .buttons {
	width:100%
}
.ui8-dl .ui8-dl-list.single-item .buttons a {
	display:block;
	margin:0;
	width:100%
}
.ui8-dl .ui8-dl-list .ui8-dl-title {
	display:block;
	margin:0 0 35px 0;
	padding:0;
	line-height:1;
	color:#484848;
	font-size:16px;
	font-weight:600;
	white-space:nowrap
}
.ui8-dl .ui8-dl-list .ui8-dl-link a {
	display:block;
	margin:0;
	font-size:11px;
	line-height:1;
	color:#808080;
	text-transform:uppercase;
	font-weight:400;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ui8-dl .ui8-dl-list .ui8-dl-link a:hover {
	color:#FFFFFF !important
}
.ui8-dl .ui8-close-dl {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%
}
.ui8-dl.open {
	opacity:1;
	pointer-events:all
}
.ui8-site-categories {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:auto;
	z-index:2;
	padding:80px 0 0 0;
	width:175px;
	background:#2b2b2b;
	-webkit-transform:translate3d(-175px, 0, 0);
	transform:translate3d(-175px, 0, 0);
	-webkit-transition:-webkit-transform 300ms ease 500ms;
	transition:transform 300ms ease 500ms
}
.ui8-site-categories.categories:hover,.reveal-categories .ui8-site-categories {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition-delay:0ms;
	transition-delay:0ms
}
.ui8-site-categories.categories:hover+.main .categories a {
	color:#FFFFFF !important
}
.ui8-site-categories.categories:hover+.main .categories a svg {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.ui8-site-categories .category {
	position:relative;
	display:block;
	line-height:1
}
.ui8-site-categories .category:before {
	position:absolute;
	top:50%;
	left:0;
	content:'';
	width:2px;
	height:0;
	background:#2F8BE6;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:height 0ms ease 0ms;
	transition:height 0ms ease 0ms
}
.ui8-site-categories .category:hover:before {
	height:100%;
	-webkit-transition-delay:75ms;
	transition-delay:75ms;
	-webkit-transition-duration:175ms;
	transition-duration:175ms
}
.ui8-site-categories .category a {
	position:relative;
	display:block;
	padding:15px 20px;
	font-size:16px;
	line-height:1;
	font-weight:300;
	color:#AFAFAF
}
.ui8-site-categories .category a:hover {
	color:#FFFFFF
}
.ui8-site-categories .category.active a {
	color:#FFFFFF;
	background:#2F8BE6
}
@media only screen and (max-width: 723px) {
	.ui8-site-categories {
	display:none;
}
}.ui8-scroll-indicator {
	cursor:pointer;
	display:block;
	width:15px;
	height:43px;
	background:url('images/scroll-indic.gif') center center no-repeat;
	background-size:15px 43px
}
.ui8-sidebar-navigation {
	position:relative;
	padding:0 0 30px 0;
	background:rgba(42,42,42,0.5);
	border-radius:4px
}
.ui8-sidebar-navigation .title {
	display:block;
	padding:30px;
	color:#AFAFAF;
	line-height:1;
	font-size:22px;
	font-weight:300;
	text-align:left
}
.ui8-sidebar-navigation .items .item {
	display:block
}
.ui8-sidebar-navigation .items .item.active a {
	color:#FFFFFF;
	background:#2A2A2A;
	box-shadow:-2px 0 0 #2F8BE6
}
.ui8-sidebar-navigation .items a {
	display:block;
	padding:0 30px;
	height:60px;
	font-size:13px;
	line-height:60px;
	text-align:left;
	color:#AFAFAF;
	-webkit-transition:box-shadow 150ms ease;
	transition:box-shadow 150ms ease
}
body.overflow {
	overflow:hidden
}
body.show-modal {
	overflow:hidden
}
body.show-modal.scrollbar-1 {
	padding-right:1px
}
body.show-modal.scrollbar-2 {
	padding-right:2px
}
body.show-modal.scrollbar-3 {
	padding-right:3px
}
body.show-modal.scrollbar-4 {
	padding-right:4px
}
body.show-modal.scrollbar-5 {
	padding-right:5px
}
body.show-modal.scrollbar-6 {
	padding-right:6px
}
body.show-modal.scrollbar-7 {
	padding-right:7px
}
body.show-modal.scrollbar-8 {
	padding-right:8px
}
body.show-modal.scrollbar-9 {
	padding-right:9px
}
body.show-modal.scrollbar-10 {
	padding-right:10px
}
body.show-modal.scrollbar-11 {
	padding-right:11px
}
body.show-modal.scrollbar-12 {
	padding-right:12px
}
body.show-modal.scrollbar-13 {
	padding-right:13px
}
body.show-modal.scrollbar-14 {
	padding-right:14px
}
body.show-modal.scrollbar-15 {
	padding-right:15px
}
body.show-modal.scrollbar-16 {
	padding-right:16px
}
body.show-modal.scrollbar-17 {
	padding-right:17px
}
body.show-modal.scrollbar-18 {
	padding-right:18px
}
body.show-modal.scrollbar-19 {
	padding-right:19px
}
body.show-modal.scrollbar-20 {
	padding-right:20px
}
body.show-modal.scrollbar-21 {
	padding-right:21px
}
body.show-modal.scrollbar-22 {
	padding-right:22px
}
body.show-modal.scrollbar-23 {
	padding-right:23px
}
body.show-modal.scrollbar-24 {
	padding-right:24px
}
body.show-modal.scrollbar-25 {
	padding-right:25px
}
body.show-modal .ui8-modal {
	left:0;
	opacity:1;
	overflow-y:scroll;
	-webkit-transition-delay:0ms,0ms;
	transition-delay:0ms,0ms
}
body.show-modal .ui8-modal .ui8-modal-close {
	display:block !important
}
body .scrollbar-measure {
	width:100px;
	height:100px;
	overflow:scroll;
	position:absolute;
	top:-9999px
}
.ui8-modal {
	opacity:0;
	position:fixed;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	top:0;
	left:-100%;
	z-index:1000;
	width:100%;
	height:100%;
	overflow-y:hidden;
	background:#2A2A2A;
	-webkit-transition:opacity 200ms ease,left 0ms ease 200ms;
	transition:opacity 200ms ease,left 0ms ease 200ms
}
.ui8-modal .images {
	margin:0 auto;
	width:1056px;
	max-width:80%
}
.ui8-modal .image {
	margin:0 auto;
	text-align:center
}
@media only screen and (max-width: 723px) {
	.ui8-modal .image {
	max-width:60%;
}
}.ui8-modal .image img {
	display:block;
	max-width:100%;
	margin: 0 auto
}
.ui8-modal .ui8-modal-close {
	cursor:pointer;
	display:none;
	position:fixed;
	top:0;
	right:15px;
	z-index:1;
	margin:20px;
	padding:10px;
	width:16px;
	height:16px;
	color:#FFFFFF;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.ui8-modal .ui8-modal-close:hover {
	color:#2F8BE6
}
body {
	position:relative;
	color:#FFFFFF;
	font:400 14px/1.54 "jaf-bernino-sans",sans-serif;
	background:#353535;
	background-size:1600px 1180px;
	overflow-y:scroll
}
body.watch-kit {
	background:#000000
}
body>input[type="file"] {
	top:-100px;
	left:-100px
}
html,body {
	position:relative;
	height:100%
}
h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt {
	margin:0;
	padding:0
}
a {
	color:#FFF;
	text-decoration:none
}
a:hover {
	color:#FFFFFF
}
strong {
	font-weight:600
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center !important
}
.text-right {
	text-align:right
}
#page {
	position:relative;
	margin:0 0 -251px 0;
	padding:99px 0 0px 0px;
	box-sizing:border-box;
	min-height:100%;
	height:auto !important;
	height:100%
}
@media only screen and (max-width: 723px) {
	#page {
	padding-bottom:48px;
}
}#page:after {
	position:relative;
	z-index:-1;
	display:block;
	content:"";
	height:251px
}
@media only screen and (max-width: 723px) {
	#page:after {
	display:none;
}
}

.container {
	margin:0 auto;
	width:100%;
	max-width: 1328px
}
.container.even {
	max-width: 1326px
}
@media screen and (max-width: 1066px) {
	.container,.container.even {
	max-width:644px
}
}@media screen and (max-width: 724px) {
	.container,.container.even {
	max-width:302px
}
.container.mobile-fluid {
	margin:0 20px;
	width:auto;
	max-width:100%
}
}@-webkit-keyframes bounce {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
25% {
	-webkit-transform:scale(1.25);
	transform:scale(1.25)
}
50% {
	-webkit-transform:scale(1.35);
	transform:scale(1.35)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes bounce {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
25% {
	-webkit-transform:scale(1.25);
	transform:scale(1.25)
}
50% {
	-webkit-transform:scale(1.35);
	transform:scale(1.35)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}#menu-toggle {
	position:fixed;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	top:26px;
	right:15px;
	z-index:400
}
@-webkit-keyframes do-it-properly {
	0% {
	margin:0
}
100% {
	margin:10px
}
}@keyframes do-it-properly {
	0% {
	margin:0
}
100% {
	margin:10px
}
}#header {
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	z-index:300;
	height:78px;
	width:100%;
	box-sizing:border-box;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
#header:after {
	content:"";
	display:table;
	clear:both
}
#header .show-mobile {
	display:none
}
#header .background {
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	background:#2a2a2a;
	box-shadow:0px 2px 18px rgba(42,42,42,0.3)
}
@media only screen and (max-width: 723px) {
	#header .background {
	opacity:1 !important;
}
}#header .logo {
	position:relative;
	z-index:4;
	display:inline-block;
	margin:20px;
	width:44px;
	height:38px;
	text-indent:-9999px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url('images/logo.png');
	background-size:44px 38px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	#header .logo {
	background-image:url('images/logo@2x.png');
}
}#header .header-section {
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 85px;
	padding:0 20px 0 0px;
	width:calc(100% - 85px);
	height:100%;
	box-sizing:border-box;
	-webkit-transition:all 500ms ease;
	transition:all 500ms ease;
	-webkit-backface-visibility:hidden
}
#header .header-section:after {
	content:"";
	display:table;
	clear:both
}
#header .navigation {
	position:relative;
	z-index:4;
	margin:0 20px 0 0;
	float:left
}
#header .navigation:after {
	content:"";
	display:table;
	clear:both
}
#header .navigation .bar,#header .navigation .preload:before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:20px;
	height:2px;
	background:#2F8BE6;
	-webkit-transition:all ease 300ms;
	transition:all ease 300ms
}
#header .navigation .item {
	display:block;
	float:left;
	margin:0 28px 0 0;
	padding:31px 0 0 0;
	position:relative
}
#header .navigation .item.categories {
	position:relative;
	padding-right:26px
}
#header .navigation .item.categories svg {
	position:absolute;
	top:30px;
	right:0;
	color:#FFFFFF;
	-webkit-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	-webkit-transition:-webkit-transform 300ms ease 500ms;
	transition:transform 300ms ease 500ms
}
.reveal-categories #header .navigation .item.categories a {
	color:#FFFFFF
}
.reveal-categories #header .navigation .item.categories svg {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transition-delay:0ms;
	transition-delay:0ms
}
#header .navigation .item a {
	display:block;
	line-height:1;
	font-weight:400;
	color:#AFAFAF
}
#header .navigation .item a:hover {
	color:#FFFFFF
}
#header .navigation .item.active a {
	color:#FFFFFF
}
#header .actions {
	position:absolute;
	top:0;
	right:15px;
	z-index:0;
	display:block;
	margin:20px 0;
	padding-right:49px;
	line-height:38px
}
#header .actions .btn {
	vertical-align:top
}
@media only screen and (max-width: 723px) {
	#header .actions .hide-mobile {
	display:none
}
#header .actions .show-mobile {
	display:inline-block
}
}#header .actions .avatar-wrapper {
	display:inline-block;
	width:58px
}
#header .actions .btn svg {
	padding:1px 0 0 0
}
#header .actions .btn-avatar {
	position:relative;
	margin:0 !important;
	padding:0;
	height:38px;
	background:none !important
}
#header .actions .btn-avatar .avatar {
	width:38px;
	height:38px;
	font-size:14px;
	line-height:38px;
	border-radius:2px;
	background-size:cover
}
#header .actions .btn-avatar svg {
	position:absolute;
	left:100%;
	top:0;
	padding:10px 0 10px 10px;
	color:#FFFFFF
}
#header .actions .button-area {
	display:inline-block
}
#header .actions .button-area .btn-square {
	padding:0;
	width:38px;
	height:38px;
	text-align:center;
	overflow:hidden
}
#header .actions .button-area .individual {
	display:none
}
#header .actions a.login {
	color:#AFAFAF;
	position:relative;
	top:0px;
	right:10px
}
#header .actions a.login:hover {
	color:#2F8BE6
}
#header .actions .btn {
	border-radius:2px;
	margin-left:12px;
	text-align:center;
	color:#AFAFAF;
	overflow:visible;
	background-size:cover
}
#header .actions .btn.liked {
	color:#FB6666
}
#header .actions .btn.liked i {
	-webkit-animation:bounce 250ms ease;
	animation:bounce 250ms ease
}
#header .actions .btn.btn-blue {
	color:#FFFFFF
}
#header .actions .btn.btn-gray:hover {
	background-color:#484848
}
#header .actions .btn.btn-gray:hover i {
	color:#FFFFFF
}
#header .actions .btn i {
	padding:0px;
	line-height:38px
}
#header .actions .btn i.icon-user {
	font-size:14px
}
#header .actions .btn i.icon-heart {
	font-size:18px
}
#header .actions .btn i.icon-search {
	font-size:15px;
	font-weight:bold
}
#header .actions .btn i.icon-cart {
	font-size:16px;
	font-weight:bold
}
#header .actions .btn:hover .dropdown {
	display:block
}
#header .actions .btn .dropdown {
	display:none;
	cursor:default;
	position:absolute;
	top:100%;
	left:50%;
	z-index:100;
	padding:15px 0 0 0;
	width:196px;
	text-align:left;
	font-weight:400;
	text-transform:none;
	box-sizing:border-box;
	-webkit-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0)
}
#header .actions .btn .dropdown .wrapper {
	padding:30px 0;
	background:#484848;
	border-radius:4px
}
#header .actions .btn .dropdown:before {
	position:absolute;
	top:5px;
	left:50%;
	content:'';
	border:solid transparent;
	width:0;
	height:0;
	pointer-events:none;
	border-color:rgba(72,72,72,0);
	border-bottom-color:#484848;
	border-width:5px;
	margin-left:-5px
}
#header .actions .btn .dropdown .nombre {
	display:block;
	padding:0 20px 25px 20px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:400;
	line-height:1;
	text-align:left
}
#header .actions .btn .dropdown .navs li {
	display:block;
	margin:0 0 20px 0;
	padding:0 20px;
	line-height:1
}
#header .actions .btn .dropdown .navs li.border {
	padding-bottom:0px;
	border-bottom:1px solid #555555
}
#header .actions .btn .dropdown .navs li.border-top {
	padding-top:0px
}
#header .actions .btn .dropdown .navs li:last-of-type {
	margin:0
}
#header .actions .btn .dropdown .navs a {
	color:#AFAFAF;
	font-size:12px
}
#header .actions .btn .dropdown .navs a:hover {
	color:#FFFFFF
}
#header .actions .btn .dropdown .navs i {
	position:relative;
	left:0;
	padding:0 10px 0 0;
	font-size:17px;
	width:17px;
	line-height:1;
	color:#636363
}
#header .actions .btn.notifications i {
	font-size:14px
}
#header .actions .btn.notifications .dropdown {
	width:320px;
	box-sizing:inherit
}
#header .actions .btn.notifications .dropdown .wrapper {
	padding:30px 0
}
#header .actions .btn.notifications .dropdown .notification {
	display:block;
	margin:0 0 20px 0;
	padding:0 20px 20px;
	font-size:12px;
	line-height:1;
	border-bottom:1px solid #555555
}
#header .actions .btn.notifications .dropdown .notification .created_at {
	display:block;
	padding:5px 0 0 0
}
#header .actions .btn.notifications .dropdown .notification strong {
	font-weight:400
}
#header .actions .btn.notifications .dropdown .notification p {
	margin:0;
	padding:0;
	line-height:1.55;
	white-space:pre-wrap
}
#header .actions .btn.notifications .dropdown .notification a {
	color:#FFFFFF
}
#header .actions .btn.notifications .dropdown .notification a:hover {
	color:#AFAFAF
}
#header .actions .btn.notifications .dropdown .notification.view-none {
	text-align:center
}
#header .actions .btn.notifications .dropdown .notification.view-more {
	padding:0 20px
}
#header .actions .btn.notifications .dropdown .notification.view-more a {
	display:block;
	color:#FFFFFF;
	margin:0 0 -10px 0
}
#header .actions .btn.notifications .dropdown .notification:last-of-type {
	margin:0;
	padding-bottom:0;
	border:none
}
#header .actions .btn.notifications.has-notifications .icon-bell {
	color:#FFFFFF
}
#header .actions .btn.notifications.has-notifications:before {
	position:absolute;
	top:0;
	right:0;
	margin:-4px -4px 0 0;
	content:'';
	width:9px;
	height:9px;
	background:#2F8BE6;
	border-radius:50%
}
#header .actions .account {
	float:left;
	margin-right:20px;
	position:relative
}
#header .actions .account .btn {
	z-index:300
}
#header .actions .account:after {
	display:block;
	font-family:'ui8';
	font-size:8px;
	color:#2F8BE6;
	content:"\e603";
	position:absolute;
	top:0px;
	right:-20px;
	line-height:38px;
	z-index:100
}
#header .checkout ol.steps {
	float:left;
	list-style:none;
	counter-reset:step
}
#header .checkout ol.steps li {
	counter-increment:step;
	display:block;
	float:left;
	line-height:28px;
	color:#484848;
	position:relative;
	margin:25px 60px 0 0;
	padding:0 0 0 38px
}
#header .checkout ol.steps li .check-floater,#header .checkout ol.steps li .check {
	display:none;
	position:absolute;
	top:2px;
	left:8px
}
#header .checkout ol.steps li:before,#header .checkout ol.steps li:after {
	display:block;
	content:" ";
	position:absolute
}
#header .checkout ol.steps li:before {
	content:counter(step);
	font-size:14px;
	font-weight:700;
	line-height:24px;
	color:#484848;
	text-align:center;
	height:24px;
	width:24px;
	left:0px;
	top:0px;
	border:2px solid #484848;
	border-radius:2px
}
#header .checkout ol.steps li:after {
	width:38px;
	height:1px;
	background:#484848;
	right:-48px;
	top:14px
}
#header .checkout ol.steps li:last-child:after {
	display:none
}
#header .checkout ol.steps li.available:hover {
	color:#FFFFFF;
	cursor:pointer
}
#header .checkout ol.steps li.available:hover:before {
	color:#FFFFFF
}
#header .checkout ol.steps li.complete {
	color:#AFAFAF
}
#header .checkout ol.steps li.complete .check-floater {
	display:block
}
#header .checkout ol.steps li.complete .check-floater,#header .checkout ol.steps li.complete:before {
	font-family:'ui8';
	font-size:10px;
	font-weight:400;
	content:'';
	color:#AFAFAF
}
#header .checkout ol.steps li.complete:hover {
	cursor:pointer;
	color:#FFFFFF
}
#header .checkout ol.steps li.complete:hover:before {
	color:#FFFFFF
}
#header .checkout ol.steps li.active {
	color:#FFFFFF
}
#header .checkout ol.steps li.active:before {
	border-color:#2F8BE6;
	color:#2F8BE6
}
@media only screen and (min-width: 910px) and (max-width: 1070px) {
	#header .checkout ol.steps.job-steps li:last-child {
	display:none
}
#header .checkout ol.steps.job-steps li:nth-child(4) {
	margin-right:0px
}
#header .checkout ol.steps.job-steps li:nth-child(4):after {
	display:none
}
}@media only screen and (min-width: 820px) and (max-width: 911px) {
	#header .checkout ol.steps.job-steps li {
	margin-right:30px
}
#header .checkout ol.steps.job-steps li:after {
	display:none
}
#header .checkout ol.steps.job-steps li:last-child {
	display:none
}
}@media only screen and (min-width: 400px) and (max-width: 821px) {
	#header .checkout ol.steps.job-steps li {
	margin-right:30px;
	padding-left:0px
}
#header .checkout ol.steps.job-steps li:after,#header .checkout ol.steps.job-steps li:before {
	display:none
}
#header .checkout ol.steps.job-steps li:last-child {
	display:none
}
}#header .checkout .actions {
	padding:0px
}
#header .checkout .actions:after {
	content:"";
	display:table;
	clear:both
}
#header .checkout .actions .lock {
	height:21px;
	width:15px;
	float:left;
	margin:9px 7px 0 0px;
	background:url('https:images/ssl.png');
	background-size:cover
}
#footer {
	position:relative;
	z-index:100;
	padding:80px 0px 0px 0px;
	min-height:171px;
	background:url("images/footer-centered.png") center bottom no-repeat;
	background-size:1440px 171px
}
@media only screen and (max-width: 723px) {
	#footer {
	display:none;
}
}#footer .navigation {
	position:absolute;
	bottom:30px;
	left:30px;
	text-align:center
}
#footer .navigation.external {
	left:auto;
	right:30px
}
#footer .navigation.external .image {
	position:relative;
	top:-1px;
	left:auto;
	display:inline-block;
	margin:0 10px 0 0;
	width:32px;
	height:32px;
	vertical-align:middle;
	background:url('images/robot.png') center center no-repeat;
	background-size:32px 32px
}
#footer .navigation .item {
	display:inline-block;
	margin:0 10px
}
#footer .navigation .item a {
	display:block;
	font-size:13px;
	line-height:30px;
	font-weight:400;
	color:#808080
}
#footer .navigation .item a:hover {
	color:#2F8BE6
}
.section:after {
	content:"";
	display:table;
	clear:both
}
.section .section-header {
	position:relative;
	padding:50px 0 75px 0;
	text-align:center
}
.section .section-header:after {
	content:"";
	display:table;
	clear:both
}
@media only screen and (max-width: 723px) {
	.section .section-header {
	padding:20px 0 0px 0;
}
}.section .section-header.favorites-header .favorites-hearts {
	height:94px;
	width:166px;
	background:url('https:images/favorites-hearts.png');
	background-size:cover;
	margin:45px auto 5px auto
}
.section .section-header ui8-snark-word {
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.section .section-header.has-sort .sorting {
	position:relative;
	top:21px;
	right:0;
	float:right
}
.section .section-header.has-sort .details {
	padding:0 40px 0 0;
	overflow:hidden
}
.section .section-header.short {
	padding-bottom:30px
}
.section .section-header em {
	color:#2F8BE6;
	font-weight:400;
	font-style:normal
}
.section .section-header.no-padding {
	padding:0
}
.section .section-header.no-padding-bottom {
	padding-bottom:0
}
.section .section-header.has-section-nav {
	padding-bottom:30px
}
@media only screen and (max-width: 723px) {
	.section .section-header.has-section-nav {
	padding-bottom:40px !important;
}
}.section .section-header.has-section-nav .author-avatar {
	padding:0 0 90px 0
}
.section .section-header.has-section-nav .section-meta {
	padding-bottom:90px
}
.section .section-header.has-author .section-meta {
	padding-bottom:50px
}
.section .section-header.small {
	padding-bottom:20px
}
.section .section-header.small .section-title {
	font-size:18px
}
.section .section-header .section-title {
	display:block;
	margin:0 0 8px 0;
	color:#FFFFFF;
	font-size:24px;
	line-height:1.3;
	font-weight:300
}
.section .section-header .section-title.no-meta {
	margin:0 0 0px 0
}
@media only screen and (max-width: 723px) {
	.section .section-header .section-title {
	font-size:24px;
	line-height:33px;
	font-weight:300;
	text-align:left;
}
}.section .section-header .section-title.no-period:after {
	display:none !important
}
.section .section-header .section-meta {
	display:block;
	color:#AFAFAF;
	font-size:19px;
	line-height:1.55;
	font-weight:300
}
.section .section-header .section-meta strong {
	color:#FFFFFF;
	font-weight:300
}
@media only screen and (max-width: 723px) {
	.section .section-header .section-meta {
	padding-bottom:0px !important;
	text-align:left;
}
}.section .section-header .author-avatar {
	position:relative
}
.section .section-header .author-avatar .btn {
	position:absolute;
	bottom:0;
	right:0;
	margin:0 10px -10px 0
}
.section .section-header .author-avatar .btn i {
	padding:0
}
.section .section-header .author-avatar .avatar {
	position:relative;
	display:block;
	margin:0 auto;
	width:144px;
	height:144px;
	border-radius:50%;
	background-size:cover
}
.section .section-content.content-card {
	padding:40px;
	color:#808080;
	font-size:16px;
	background:#FFFFFF;
	border-radius:4px
}
.section .section-content.content-card p {
	margin:0 0 35px 0
}
.section .section-content.content-card p:last-of-type {
	margin:0;
	padding:0
}
.section .section-content.content-card strong {
	display:block;
	margin:0 0 10px 0;
	line-height:1;
	color:#333333
}
.section .section-footer {
	position:relative;
	text-align:center
}
.section .section-footer .ui8-loader.faded {
	opacity:0
}
.section .section-nav {
	position:relative;
	float:left;
	letter-spacing:0.25px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.section .section-nav:after {
	content:"";
	display:table;
	clear:both
}
@media only screen and (max-width: 723px) {
	.section .section-nav {
	margin:30px auto 0px auto !important;
}
.section .section-nav .ui8-nav-box {
	display:none !important
}
.section .section-nav .nav-item {
	display:block !important;
	margin:0px !important
}
}.section .section-nav.centerd {
	margin:0 auto;
	float:none;
	text-align:center
}
.section .section-nav.centerd .static,.section .section-nav.centerd .nav-item {
	display:inline-block;
	float:none
}
.section .section-nav .ui8-nav-box {
	position:absolute;
	display:block;
	border-radius:4px;
	box-shadow:inset 0 0 0 2px #484848;
	-webkit-transition:left 200ms ease,width 200ms ease;
	transition:left 200ms ease,width 200ms ease
}
.section .section-nav .static,.section .section-nav .nav-item {
	position:relative;
	z-index:1;
	display:block;
	margin:0 22px 0 0;
	float:left;
	height:30px;
	color:#ececec;
	font-size:10px;
	line-height:30px;
	border-radius:4px;
	font-weight:600;
	text-transform:uppercase
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.section .section-nav .static:nth-child(n+7),.section .section-nav .nav-item:nth-child(n+7) {
	display:none
}
}.section .section-nav .static.static-active:after,.section .section-nav .nav-item.static-active:after {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	content:"";
	margin:0 -10px;
	padding:0 10px;
	width:100%;
	height:100%;
	border-radius:4px;
	box-shadow:inset 0 0 0 2px #484848
}
.section .section-nav .static:last-of-type,.section .section-nav .nav-item:last-of-type {
	margin-right:0px !important
}
.section .section-nav .static a,.section .section-nav .nav-item a {
	display:block;
	color:#808080
}
.section .section-nav .static a:hover,.section .section-nav .nav-item a:hover {
	color:#ececec
}
.section .section-nav .static.active a,.section .section-nav .nav-item.active a {
	color:#2F8BE6;
	font-weight:600
}
.section .default-header,.section .author-header,.section .category-header {
	padding:0
}
.section .default-header .section-header,.section .author-header .section-header,.section .category-header .section-header {
	padding-bottom:48px;
	text-align:left
}
@media only screen and (max-width: 723px) {
	.section .default-header .section-header,.section .author-header .section-header,.section .category-header .section-header {
	padding-top:48px;
}
.section .default-header .section-header .sorting,.section .author-header .section-header .sorting,.section .category-header .section-header .sorting {
	display:none
}
.section .default-header .section-header .details,.section .author-header .section-header .details,.section .category-header .section-header .details {
	padding-right:0
}
}.section .default-header .container,.section .author-header .container,.section .category-header .container {
	padding:0
}
.section .default-header .section-header {
	text-align:center
}
.section .author-header .avatar {
	margin:0 15px 0 0;
	float:left;
	width:48px;
	height:48px;
	border-radius:2px;
	background-size:cover;
	background-position:center center
}
.section .author-header .has-sort .sorting {
	top:5px
}
.section .author-header .has-sort .sorting .btn {
	display:inline-block;
	margin:0 12px 0 0;
	padding:0;
	width:38px;
	height:38px;
	text-align:center;
	vertical-align:top
}
.section .author-header .has-sort .sorting .btn i {
	margin:0;
	padding:0;
	line-height:38px;
	vertical-align:top
}
.section .author-header .section-title {
	margin:0;
	padding:0;
	line-height:48px;
	color:#AFAFAF;
	font-weight:300
}
.section .author-header .section-title em {
	color:#FFFFFF;
	font-weight:300
}
.page-jobs .inset-header .container {
	position:relative
}
.page-jobs .figure {
	width:48px;
	height:48px;
	background-size:cover;
	background-color:#FFFFFF;
	border-radius:4px
}
.page-jobs .wrapper:after {
	content:"";
	display:table;
	clear:both
}
.page-jobs .wrapper:hover .role {
	color:#2F8BE6
}
.page-jobs .figure {
	float:left;
	margin:0 15px 0 0
}
.page-jobs .content {
	position:relative;
	top:2px;
	left:0;
	overflow:hidden
}
.page-jobs .content:after {
	content:"";
	display:table;
	clear:both
}
.page-jobs .content .role {
	position:relative;
	display:block;
	padding:0 0 2px 0;
	font-size:24px;
	line-height:1;
	font-weight:300;
	color:#353535
}
.page-jobs .content .role:hover {
	color:#2F8BE6
}
.page-jobs .content .role svg {
	position:absolute;
	top:4px;
	right:0;
	font-weight:normal
}
.page-jobs .content .role svg path {
	fill:currentColor
}
.page-jobs .content .btn {
	position:absolute;
	top:50%;
	right:0;
	margin:-19px 0 0 0;
	padding:0;
	font-size:12px;
	font-weight:300;
	box-shadow:none !important
}
.page-jobs .content .btn i {
	margin:0;
	padding:0;
	font-size:12px
}
.page-jobs .content .upper {
	display:block;
	padding:2px 0 8px 0;
	line-height:1
}
.page-jobs .content .upper span {
	font-size:14px;
	line-height:1;
	color:#AFAFAF
}
.page-jobs .content .upper span.company {
	color:#353535;
	font-weight:600
}
.page-jobs .content .upper span.created {
	float:right;
	color:#AFAFAF
}
.page-jobs .content .upper span.company:after,.page-jobs .content .upper span.location:after {
	position:relative;
	margin:0 10px;
	content:'\2022';
	font-weight:400
}
.page-jobs .content .upper span:last-of-type:after {
	display:none
}
@media only screen and (max-width: 723px) {
	.page-jobs .inset-header .memo {
	display:none
}
.page-jobs .content .upper {
	padding:4px 0 4px 0
}
.page-jobs .content .role {
	font-size:16px
}
.page-jobs span:after,.page-jobs .location,.page-jobs .icon-arrow-right,.page-jobs .availability,.page-jobs .created {
	display:none
}
}.ui8-homepage .inset-header {
	text-align:center
}
.ui8-homepage .inset-header .title {
	font-size:28px
}
.ui8-homepage .inset-header .meta {
	padding:0;
	font-size:18px
}
@media only screen and (max-width: 723px) {
	.ui8-homepage .inset-header {
	display:none;
}
}.ui8-homepage .ui8-tabs {
	position:relative
}
.ui8-homepage .ui8-tabs .btn {
	position:absolute;
	top:0;
	right:0
}
@media only screen and (max-width: 723px) {
	.ui8-homepage .ui8-tabs .btn {
	display:none;
}
}@media only screen and (max-width: 723px) {
	.ui8-homepage .ui8-tabs {
	padding-top:28px;
}
}.ui8-homepage .ui8-users-listing {
	padding-bottom:40px
}
.ui8-homepage .section-footer {
	clear:both;
	margin:0 0 80px 0;
	padding:40px 0 0 0
}
.ui8-homepage .mailer {
	background:#2F2F2F
}
.ui8-homepage .mailer .section-header {
	padding:60px 0 40px 0
}
.ui8-homepage .mailer .inputs {
	width:100%;
	max-width:640px
}
.ui8-homepage .mailer .input {
	height:90px;
	font-size:14px
}
.ui8-homepage .mailer .input .error {
	top:92px
}
.ui8-homepage .mailer .input button {
	position:absolute;
	top:19px;
	right:20px
}
.ui8-homepage .mailer .input label {
	font-size:14px;
	line-height:90px
}
@media only screen and (max-width: 723px) {
	.ui8-homepage .mailer {
	display:none;
}
}.ui8-homepage #footer {
	background-color:#2F2F2F
}
.page-users .section-content {
	margin-bottom:40px
}
.page-users .section-footer:after {
	content:"";
	display:table;
	clear:both
}
.page-users .section-footer .count {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	line-height:1;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
@media only screen and (max-width: 723px) {
	.page-users .section-footer .count {
	font-size:12px
}
}.page-500 .section-content {
	padding-bottom:80px
}
.page-500 pre {
	display:block;
	padding:20px;
	color:#FFFFFF;
	border-radius:4px;
	background:rgba(42,42,42,0.5)
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-about {
	width:644px;
}
.page-about .section-content {
	padding:0 20px
}
}@media only screen and (max-width: 723px) {
	.page-about {
	width:100%;
}
}.page-about.page-about-index {
	max-width:1026px
}
.page-about.page-about-index .section-header {
	padding-bottom:40px
}
.page-about .personnel {
	margin:-10px 0 0 -40px;
	text-align:center
}
.page-about .personnel:after {
	content:"";
	display:table;
	clear:both
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-about .personnel {
	margin:0 0 0 -30px;
}
}@media only screen and (max-width: 723px) {
	.page-about .personnel {
	margin:0 0 0 0px;
	padding:0 10px;
}
}.page-about .personnel .person {
	display:inline-block;
	width:235px;
	margin:40px 0 0px 40px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-about .personnel .person {
	width:184px;
}
}@media only screen and (max-width: 723px) {
	.page-about .personnel .person {
	display:block;
	margin:0;
	float:left;
	width:50%;
}
.page-about .personnel .person .person-wrapper {
	margin:0 10px 20px
}
}@media only screen and (max-width: 723px) {
	.page-about .personnel .person {
	pointer-events:none;
}
}.page-about .personnel .details {
	position:absolute;
	bottom:0;
	left:0;
	padding:20px 0;
	width:100%;
	text-align:center;
	-webkit-transition:opacity 200ms ease;
	transition:opacity 200ms ease
}
.page-about .personnel .details .name {
	display:block;
	margin:0 0 5px 0;
	font-size:14px;
	line-height:1
}
.page-about .personnel .details .role {
	display:block;
	color:#808080;
	font-size:12px;
	line-height:1;
	-webkit-transition:color 200ms ease;
	transition:color 200ms ease
}
.page-about .personnel .person-wrapper {
	position:relative;
	padding:20px;
	height:194px
}
.page-about .personnel .person-wrapper .element {
	position:absolute;
	top:-20px;
	left:0;
	padding:0 0 50px 0;
	display:block;
	width:100%;
	height:194px;
	border-radius:4px
}
.page-about .personnel .person-wrapper .backdrop {
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background:#2A2A2A;
	border-radius:4px;
	-webkit-transition:-webkit-transform 200ms ease;
	transition:transform 200ms ease
}
.page-about .personnel .person-wrapper:hover .details {
	opacity:0
}
.page-about .personnel .person-wrapper:hover .socials {
	opacity:1;
	pointer-events:all
}
.page-about .personnel .person-wrapper:hover .element {
	border-radius:4px
}
.page-about .personnel .person-wrapper:hover .backdrop {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	background:#FFFFFF
}
.page-about .personnel .socials {
	opacity:0;
	pointer-events:none;
	position:absolute;
	bottom:0;
	left:0;
	padding:0 0 20px 0;
	width:100%;
	text-align:center;
	-webkit-transition:opacity 200ms ease;
	transition:opacity 200ms ease
}
.page-about .personnel .socials svg {
	padding:4px 0
}
.page-about .personnel .socials a {
	display:inline-block;
	margin:0 7px;
	width:24px;
	height:24px;
	color:#FFFFFF;
	font-size:12px;
	line-height:26px;
	text-align:center;
	background:#AFAFAF;
	border-radius:50%
}
.page-about .personnel .socials a:hover {
	background:#2F8BE6
}
.page-about .video-section .section-content {
	position:relative;
	padding:0 0 56.25% 0
}
.page-about .video-section .section-content iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.page-about .socials {
	-webkit-transition:opacty 200ms ease;
	transition:opacty 200ms ease
}
.page-about .socials:after {
	content:"";
	display:table;
	clear:both
}
.page-about .socials .social {
	display:block;
	float:left;
	width:20%
}
.page-about .socials .social-wrapper {
	position:relative;
	margin:0 10px;
	padding:0 0 90% 0;
	text-align:center;
	border-radius:4px;
	background:rgba(42,42,42,0.2);
	-webkit-transition:-webkit-transform 200ms ease;
	transition:transform 200ms ease
}
.page-about .socials .social-wrapper:hover {
	background:#FFFFFF;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
.page-about .socials .social-wrapper a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	color:#808080
}
.page-about .socials .social-wrapper a i {
	position:absolute;
	top:50%;
	left:50%;
	margin:-10px 0 0 -10px;
	font-size:20px
}
@media only screen and (max-width: 723px) {
	.legal-wrap {
	padding:0px 20px;
}
}.legal-content {
	margin:0px auto;
	background:#FFFFFF;
	border-radius:2px;
	box-sizing:border-box;
	padding:40px
}
.legal-content:after {
	content:"";
	display:table;
	clear:both
}
@media only screen and (max-width: 723px) {
	.legal-content {
	padding:30px;
}
}.legal-content .legal-nav {
	float:left;
	height:100%;
	width:210px;
	border-right:2px solid #E8E8E8;
	margin-right:50px;
	padding:15px 0 40px 20px;
	box-sizing:border-box
}
.legal-content .legal-nav li {
	font-size:13px;
	line-height:50px
}
.legal-content .legal-nav li a {
	color:#949494
}
.legal-content .legal-nav li a:hover {
	color:#2F8BE6
}
.legal-content .legal-nav li.active a {
	color:#555555;
	font-weight:600;
	position:relative
}
.legal-content .legal-nav li.active a:before {
	display:block;
	content:" ";
	position:absolute;
	top:6px;
	left:-26px;
	height:6px;
	width:6px;
	border-radius:3px;
	background:#2F8BE6
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.legal-content .legal-nav {
	width:100%;
	float:none;
	margin:0px;
	padding:0px;
	border-right:none;
	text-align:center;
	border-bottom:1px solid #E8E8E8;
}
.legal-content .legal-nav li {
	display:inline;
	padding:0px 10px
}
.legal-content .legal-nav li.active a:before {
	display:none
}
}@media only screen and (max-width: 723px) {
	.legal-content .legal-nav {
	width:100%;
	float:none;
	margin:0px;
	padding:0px 0 30px 0;
	border-right:none;
	text-align:center;
	border-bottom:1px solid #E8E8E8;
}
.legal-content .legal-nav li {
	display:block;
	line-height:30px
}
.legal-content .legal-nav li.active a:before {
	display:none
}
}.legal-content .legal-body {
	color:#484848;
	float:left;
	width:580px;
	padding-top:30px;
	font-size:15px;
	font-weight:300;
	line-height:24px;
	color:#484848
}
.legal-content .legal-body h3 {
	font-size:16px;
	font-weight:600
}
.legal-content .legal-body h4 {
	font-size:14px;
	font-weight:600;
	margin:10px 0px
}
.legal-content .legal-body ul {
	padding-left:20px
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.legal-content .legal-body {
	width:100%;
}
}@media only screen and (max-width: 723px) {
	.legal-content .legal-body {
	width:100%;
}
}.page-profile .inset-header {
	position:relative;
	margin:-78px 0 0 0;
	padding:118px 0 40px 0
}
.page-profile .inset-header:after {
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	content:'';
	display:block;
	width:100%;
	height:20px;
	box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.09)
}
.page-profile .inset-header .wrapper {
	position:relative;
	z-index:2
}
.page-profile .inset-header .wrapper:after {
	content:"";
	display:table;
	clear:both
}
.page-profile .inset-header .avatar {
	position:relative;
	display:block;
	float:left;
	margin:0 20px 20px 0;
	width:124px;
	height:124px;
	line-height:126px;
	border-radius:2px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat
}
.page-profile .inset-header .avatar .role {
	display:none;
	position:absolute;
	top:-8px;
	left:-8px;
	width:20px;
	height:20px;
	background:url('images/sellerbadge.png') center center no-repeat;
	background-size:20px 20px;
	box-shadow:0 0 0 2px #272727;
	border-radius:50%
}
.page-profile .inset-header .avatar .role.role-seller,.page-profile .inset-header .avatar .role.role-admin {
	display:block
}
.page-profile .inset-header .avatar .role.role-admin {
	background-image:url('images/adminbadge.png')
}
.page-profile .inset-header .about-me {
	padding:2px 0 0 0;
	text-align:left;
	overflow:hidden
}
.page-profile .inset-header .about-me .user-name {
	margin:0 0 10px 0;
	padding:0;
	font-size:24px;
	line-height:1;
	font-weight:300
}
.page-profile .inset-header .about-me .user-name small {
	position:relative;
	top:-2px;
	padding:0 0 0 10px;
	color:#2F8BE6;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase
}
.page-profile .inset-header .about-me .user-name small.badge {
	cursor:default;
	margin:0 10px;
	padding:0 10px;
	height:24px;
	color:#FFFFFF;
	line-height:24px;
	background:#484848
}
.page-profile .inset-header .about-me .user-bio {
	display:block;
	margin:0;
	padding:0;
	color:#808080;
	font-size:18px;
	font-weight:300
}
.page-profile .inset-header .stats {
	padding:20px 0 0 0
}
.page-profile .inset-header .stats .stat {
	display:inline-block;
	margin:0 20px 0 0;
	padding:0 20px 0 0;
	border-right:1px solid rgba(72,72,72,0.4)
}
.page-profile .inset-header .stats .stat[ng-click] {
	cursor:pointer
}
.page-profile .inset-header .stats .stat .count {
	display:block;
	font-size:16px;
	line-height:1;
	font-weight:700
}
.page-profile .inset-header .stats .stat .label {
	display:block;
	color:#AFAFAF;
	font-size:13px;
	font-weight:300
}
.page-profile .inset-header .stats .stat.followers .label {
	width:53px
}
.page-profile .inset-header .stats .stat:last-of-type {
	margin:0;
	padding:0;
	border:none
}
.page-profile .inset-header .actions {
	position:absolute;
	bottom:-64px;
	right:0
}
.page-profile .inset-header .actions .action {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	display:inline-block;
	margin:0 0 0 10px
}
.page-profile .inset-header .actions .action .btn {
	text-align:center
}
.page-profile .inset-header .actions .action .btn.contact {
	display:none
}
.page-profile .inset-header .actions .action .btn.btn-red {
	color:#FFFFFF;
	background-color:#E86D6D
}
.page-profile .inset-header .actions .action .btn.btn-red:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.page-profile .inset-header .actions .action .btn.btn-red.btn-arrow-down:after {
	border-top-color:#E86D6D
}
.page-profile .inset-header .actions .action .btn.btn-red.btn-arrow-down:hover:after {
	border-top-color:#e55757
}
.page-profile .inset-header .actions .action .btn.btn-red.btn-arrow-down:active:after {
	border-top-color:#e34e4e
}
.page-profile .inset-header .actions .action .btn.btn-red:before {
	background-color:#FFFFFF
}
.page-profile .inset-header .actions .action .btn.btn-red:hover {
	color:#f2f2f2;
	background-color:#e55757
}
.page-profile .inset-header .actions .action .btn.btn-red:active {
	background-color:#e34e4e;
	color:#cccccc
}
.page-profile .inset-header .actions .action .btn.btn-red.btn-outline {
	color:#E86D6D;
	background:transparent;
	box-shadow:inset 0 0 0 2px #E86D6D
}
.page-profile .inset-header .actions .action .btn.btn-red.btn-outline:hover {
	color:#E86D6D;
	box-shadow:inset 0 0 0 2px #e55757
}
.page-profile .inset-header .actions .action .btn.btn-red.btn-outline:active {
	color:#e34e4e;
	box-shadow:inset 0 0 0 2px #e34e4e
}
.page-profile .inset-header .actions .action .btn.btn-red.btn-blue-text {
	color:#2F8BE6
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray {
	color:#FFFFFF;
	background-color:#33a466
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray:before {
	opacity:1;
	-webkit-transition:opacty 200ms ease 150ms;
	transition:opacty 200ms ease 150ms
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-arrow-down:after {
	border-top-color:#33a466
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-arrow-down:hover:after {
	border-top-color:#2d915a
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-arrow-down:active:after {
	border-top-color:#2b8955
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray:before {
	background-color:#FFFFFF
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray:hover {
	color:#f2f2f2;
	background-color:#2d915a
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray:active {
	background-color:#2b8955;
	color:#cccccc
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-outline {
	color:#33a466;
	background:transparent;
	box-shadow:inset 0 0 0 2px #33a466
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-outline:hover {
	color:#33a466;
	box-shadow:inset 0 0 0 2px #2d915a
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-outline:active {
	color:#2b8955;
	box-shadow:inset 0 0 0 2px #2b8955
}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-blue-text {
	color:#2F8BE6
}
.page-profile .inset-header .actions .action .btn.ui8-follow-button {
	width:90px
}
.page-profile .inset-header .actions .action .btn.ui8-follow-button i,.page-profile .inset-header .actions .action .btn.ui8-follow-button i:after {
	background:#FFFFFF !important
}
.page-profile .section-content {
	padding:40px 0
}
.page-profile .activity a:hover {
	color:#2F8BE6;
	text-decoration:underline
}
.page-profile .activity .message {
	margin:0;
	padding:0 100px 0 25px;
	line-height:20px;
	word-wrap:break-word
}
.page-profile .activity .date {
	position:absolute;
	top:4px;
	right:0;
	display:block;
	width:100px;
	color:#808080;
	line-height:1;
	text-align:right
}
.page-profile .activity svg {
	position:absolute;
	top:1px;
	line-height:1;
	color:#AFAFAF
}
.page-profile .followers .followees {
	margin:0 20px;
	padding:30px;
	background:#FFFFFF;
	border-radius:2px
}
.page-profile .followers .followees:after {
	content:"";
	display:table;
	clear:both
}
.page-profile .followers .footer {
	padding:30px 0 0 0;
	text-align:center
}
.page-profile .followers .follower {
	position:relative;
	display:block;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	font-size:14px;
	color:#353535;
	border-bottom:1px solid rgba(216,216,216,0.2)
}
.page-profile .followers .follower:after {
	content:"";
	display:table;
	clear:both
}
.page-profile .followers .follower:last-of-type {
	margin:0;
	padding:0;
	border:none
}
.page-profile .followers .follower .wrapper {
	position:relative
}
.page-profile .followers .follower .wrapper:after {
	content:"";
	display:table;
	clear:both
}
.page-profile .followers .follower .content {
	position:absolute;
	top:50%;
	left:75px;
	right:0;
	bottom:auto;
	padding:0 120px 0 0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.page-profile .followers .follower .content .name {
	font-size:14px;
	line-height:1;
	font-weight:600
}
.page-profile .followers .follower .content .bio {
	display:block;
	padding:10px 0 0 0;
	font-size:14px;
	line-height:1
}
.page-profile .followers .follower .content .btn {
	position:absolute;
	top:50%;
	right:0;
	margin:-19px 0 0 0;
	padding:0;
	width:100px;
	text-align:center
}
.page-profile .followers .follower .figure {
	position:relative;
	display:block;
	margin:0 15px 0 0;
	float:left;
	width:60px;
	height:60px;
	border-radius:2px;
	background-size:cover
}
.page-profile .followers .follower .figure .perma {
	display:block;
	width:100%;
	height:100%
}
@media only screen and (max-width: 723px) {
	.page-profile .inset-header {
	padding-top:98px;
	padding-bottom:20px
}
.page-profile .inset-header .actions {
	display:block;
	bottom:0
}
.page-profile .inset-header .avatar {
	float:none;
	width:60px;
	height:60px;
	line-height:62px
}
.page-profile .inset-header .avatar .role {
	display:none !important
}
.page-profile .inset-header .about-me {
	overflow:visible
}
.page-profile .inset-header .about-me .user-bio {
	font-size:18px
}
.page-profile .inset-header .about-me .user-name {
	display:block;
	margin:0 0 10px 0;
	font-size:24px;
	line-height:1;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.page-profile .inset-header small {
	display:none
}
.page-profile .inset-header .stats {
	padding:30px 0 0 0;
	clear:both
}
.page-profile .inset-header .stats:after {
	content:"";
	display:table;
	clear:both
}
.page-profile .inset-header .stats .stat {
	display:block;
	float:left
}
.page-profile .inset-header .stats .stat.following {
	border:none
}
.page-profile .inset-header .stats .stat.favorites,.page-profile .inset-header .stats .stat.comments {
	display:none
}
.page-profile .activity .message {
	padding-right:0
}
.page-profile .activity .date {
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	bottom:auto;
	display:block;
	padding:0 0 0 25px;
	width:auto;
	font-size:13px;
	text-align:left
}
}.page-author .center-products {
	margin:0 auto;
	max-width:644px
}
.page-author .center-products .has-sort .sorting .btn {
	margin:0
}
.page-author .center-products .has-sort .sorting .ui8-select {
	display:none
}
@media only screen and (max-width: 723px) {
	.page-author .sorting {
	display:none
}
}.page-account .section-header .inputs-mobile-nav {
	padding:20px 0 0 0
}
.page-account .section-content {
	margin:0 auto;
	max-width:670px
}
.page-account .section-content .ui8-sidebar-navigation {
	margin:0 20px 20px 0;
	float:left;
	width:210px
}
@media only screen and (max-width: 723px) {
	.page-account .section-content .ui8-sidebar-navigation {
	float:none;
	width:100%;
}
}.page-account .section-content .inputs {
	margin:0;
	overflow:hidden
}
.page-account .section-content .inputs .input {
	margin-bottom:20px
}
.page-account .section-content .inputs .submit {
	text-align:right
}
.page-account .section-content .inputs .submit .btn {
	float:none
}
@media only screen and (max-width: 723px) {
	.page-account .section-content {
	padding:0 20px
}
.page-account .cart .cart-items {
	margin-top:0 !important
}
.page-account table.offers {
	margin-top:0
}
.page-account .ui8-dl .ui8-dl-list {
	top:auto;
	right:100%;
	bottom:0
}
.page-account .ui8-dl .ui8-dl-list:after {
	border-left-color:transparent;
	top:auto;
	bottom:8px;
	border-left-color:rgba(42,42,42,0.95)
}
.page-account .ui8-dl .ui8-dl-list:before {
	top:auto;
	bottom:-15px;
	left:0;
	width:100%;
	height:15px
}
}@-webkit-keyframes spin {
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}@keyframes spin {
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}.page-purchases .pane {
	margin:0 -10px
}
.page-purchases .pane.onlyjuan .item {
	width:100%
}
.page-purchases .purchase {
	margin:0 0 20px
}
.page-purchases .purchase .wrapper {
	margin:0 10px;
	color:#AFAFAF;
	background:#FFFFFF;
	border-radius:2px
}
.page-purchases .purchase.item {
	float:left;
	width:50%
}
.page-purchases .purchase.item.clear {
	clear:both
}
@media only screen and (max-width: 723px) {
	.page-purchases .purchase.item {
	width:100%;
}
}@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-purchases .purchase.item {
	width:100%;
}
}.page-purchases .purchase.job .middle {
	min-height:0;
	border-radius:4px 4px 0 0
}
.page-purchases .purchase.job .white-list {
	padding:20px
}
.page-purchases .purchase.job .white-list>.list-item {
	margin:0
}
.page-purchases .purchase.job .white-list>.list-item .wrapper {
	margin:0
}
.page-purchases .purchase.item-bundle {
	clear:both;
	width:100%
}
.page-purchases .purchase .top {
	padding:15px;
	box-sizing:border-box;
	border-bottom:1px solid #E8E8E8
}
.page-purchases .purchase .top .image {
	display:block;
	float:left;
	background:#E8E8E8;
	background-position:center center;
	background-size:cover;
	height:70px;
	width:105px;
	border-radius:2px;
	overflow:hidden;
	margin-right:20px
}
.page-purchases .purchase .top h4 {
	font-size:15px;
	line-height:19px;
	font-weight:400;
	color:#353535;
	margin:15px 0px 5px 0px
}
.page-purchases .purchase .top h4 a {
	font-size:11px;
	text-transform:uppercase;
	font-weight:600
}
.page-purchases .purchase .top h4 a:hover {
	color:#000000
}
.page-purchases .purchase .middle {
	background:#F8F8F8;
	border-bottom:1px solid #E8E8E8;
	min-height:100px;
	position:relative
}
.page-purchases .purchase .middle .ui8-loader {
	top:50%;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%)
}
.page-purchases .purchase .middle .error {
	font-weight:400;
	line-height:100px;
	text-align:center
}
.page-purchases .purchase .middle .top:last-child {
	border-bottom:none
}
.page-purchases .purchase .middle .btn {
	margin-top:16px
}
.page-purchases .purchase .middle.subscription {
	text-align:center;
	padding:50px 30px;
	min-height:auto
}
@media only screen and (max-width: 723px) {
	.page-purchases .purchase .middle.subscription {
	padding:20px;
	min-height:0;
}
}.page-purchases .purchase .middle.subscription h3 {
	font-size:20px;
	font-weight:400;
	margin-bottom:10px;
	color:#000000
}
.page-purchases .purchase .middle.subscription h3 strong {
	font-weight:700
}
@media only screen and (max-width: 723px) {
	.page-purchases .purchase .middle.subscription h3 {
	line-height:1;
	margin:0;
	padding:0;
}
}.page-purchases .purchase .middle.subscription h4 {
	font-size:14px;
	font-weight:400;
	color:#AFAFAF
}
.page-purchases .purchase .middle.subscription h4 a:hover {
	color:#000000
}
@media only screen and (max-width: 723px) {
	.page-purchases .purchase .middle.subscription h4 {
	display:none;
}
}.page-purchases .purchase .bottom {
	padding:15px 20px;
	box-sizing:border-box
}
.page-purchases .purchase .bottom p,.page-purchases .purchase .middle p {
	margin:0;
	line-height:38px
}
.page-purchases .purchase .bottom .btn,.page-purchases .purchase .middle .btn {
	margin-left:10px
}
.page-account-settings {
	}
.page-account-settings .accordian .pane {
	display:block;
	margin:0 0 25px 0;
	padding:0 40px;
	height:98px;
	overflow:hidden;
	background:#303030;
	border-radius:4px;
	-webkit-transition:height 250ms ease;
	transition:height 250ms ease;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.page-account-settings .accordian .pane.defualt-pane {
	height:auto
}
.page-account-settings .accordian .pane:last-of-type {
	margin-bottom:0
}
.page-account-settings .accordian .pane.pane-active .pane-title {
	color:#FFFFFF
}
.page-account-settings .accordian .pane.pane-active .pane-title .icon {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
.page-account-settings .accordian .pane.pane-active .pane-contents {
	opacity:1;
	-webkit-transition-delay:150ms;
	transition-delay:150ms
}
.page-account-settings .accordian .pane-title {
	position:relative;
	cursor:pointer;
	display:block;
	padding:40px 0;
	line-height:1;
	font-size:18px;
	color:#AFAFAF;
	font-weight:300;
	-webkit-transition:color 200ms ease;
	transition:color 200ms ease;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.page-account-settings .accordian .pane-title .icon {
	display:block;
	position:absolute;
	top:50%;
	right:0;
	margin:-8px 0 0 0;
	width:16px;
	height:16px;
	-webkit-transition:-webkit-transform 200ms ease;
	transition:transform 200ms ease
}
.page-account-settings .accordian .pane-contents {
	opacity:0;
	padding-bottom:96px;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease
}
.page-account-settings .logo-upload {
	line-height:65px
}
.page-account-settings .logo-upload:after {
	content:"";
	display:table;
	clear:both
}
.page-account-settings .logo-upload .remove {
	cursor:pointer;
	color:#2F8BE6
}
.page-account-settings .logo-upload .remove:hover {
	color:#FFFFFF
}
.page-account-settings .logo-upload span {
	display:block;
	padding:0 20px 0 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.page-account-settings .logo-upload .logo {
	float:left;
	margin:8px 20px 8px 8px;
	width:50px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	border-radius:2px
}
.page-account-settings .logo-upload .logo .uploader {
	position:relative;
	cursor:pointer;
	width:100%;
	height:100%;
	font-size:14px;
	color:#AFAFAF;
	text-align:center;
	background:#484848
}
.page-account-settings .logo-upload .logo .uploader:hover {
	background:#353535
}
.page-account-settings .logo-upload .logo .uploader svg {
	position:absolute;
	top:50%;
	left:50%;
	margin:-8px 0 0 -8px
}
.page-account-settings .logo-upload .logo .image {
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center
}
.page-account-settings .name:after {
	content:"";
	display:table;
	clear:both
}
.page-account-settings .name .first-name,.page-account-settings .name .last-name {
	width:auto
}
.page-account-settings .name .first-name {
	float:left;
	margin-right:10px
}
@media only screen and (max-width: 723px) {
	.page-account-settings .name .first-name {
	float:none;
	margin-right:0px;
}
}.page-account-settings .name .last-name {
	float:right;
	margin-left:10px
}
@media only screen and (max-width: 723px) {
	.page-account-settings .name .last-name {
	float:none;
	margin-left:0px;
}
}.page-account-settings .pane-profile .saved-cards {
	margin-bottom:20px
}
.page-account-settings .pane-profile .saved-card a {
	cursor:pointer;
	left:20px
}
.page-account-settings .pane-payment .pane-contents {
	margin-left:auto;
	margin-right:auto;
	max-width:440px
}
@media only screen and (max-width: 723px) {
	.page-account-settings .pane-payment .pane-contents {
	max-width:none;
}
}.page-account-settings .pane-payment .inputs {
	margin:0 auto
}
.page-account-settings .pane-payment .inputs:after {
	content:"";
	display:table;
	clear:both
}
.page-account-settings .pane-payment .saved-card:last-of-type {
	margin-bottom:40px
}
.page-affiliate {
	width:810px
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-affiliate {
	width:644px;
}
}@media only screen and (max-width: 723px) {
	.page-affiliate {
	width:100%;
}
}.page-affiliate .white-table {
	margin:0 0 40px 0;
	overflow:hidden;
	border-radius:4px !important
}
.page-affiliate .white-table td {
	width:15%;
	vertical-align:middle
}
@media only screen and (max-width: 723px) {
	.page-affiliate .white-table tbody.header td:first-child {
	border-radius:4px 4px 0px 0px
}
.page-affiliate .white-table .cell.units {
	border-radius:0px 0px 4px 0px
}
}.page-affiliate .white-table .small {
	width:100px
}
.page-affiliate .white-table .header td {
	width:50% !important
}
.page-affiliate .white-table .sub-header {
	white-space:nowrap;
	text-overflow:ellipsis
}
.page-affiliate .white-table .sub-header .faked {
	line-height:1.54 !important
}
.page-affiliate .white-table .hacked {
	border:none;
	line-height:0
}
.page-affiliate .white-table .faked {
	float:left;
	width:33.33% !important;
	line-height:54px;
	box-sizing:border-box;
	background:#f8f8f8
}
.page-affiliate .white-table.toggled .standard {
	display:none
}
.page-affiliate .white-table.toggled .expanded {
	display:table-row
}
.page-affiliate .white-table .expanded {
	display:none
}
.page-affiliate .white-table .expanded-stats {
	background:#FFFFFF
}
.page-affiliate .white-table .expanded-stats .cell {
	width:20%
}
.page-affiliate .white-table:last-of-type {
	margin-bottom:0
}
.page-affiliate .white-table a {
	color:#333333
}
.page-affiliate .white-table a:hover {
	color:#2F8BE6
}
.page-affiliate .white-table .image {
	display:block;
	float:left;
	margin:0 20px 0 0;
	width:78px;
	height:54px;
	background-size:cover;
	background-color:#484848;
	background-repeat:no-repeat
}
.page-affiliate .white-table .product {
	width:40%
}
.page-affiliate .white-table .name {
	line-height:54px
}
@media only screen and (max-width: 723px) {
	.page-affiliate .white-table .name {
	line-height:1;
}
}.page-affiliate .stats {
	display:block;
	margin:0 0 60px 0;
	height:215px;
	background:#FFFFFF;
	border-radius:4px
}
.page-affiliate .stats:after {
	content:"";
	display:table;
	clear:both
}
.page-affiliate .stats h3 {
	font-size:36px;
	line-height:195px;
	font-weight:400
}
.page-affiliate .stats span {
	display:block;
	margin:-20px 0 0 0;
	font-size:15px;
	color:#808080;
	line-height:1
}
.page-affiliate .stats .stat {
	position:relative;
	display:block;
	float:left;
	width:33.33%;
	height:215px;
	color:#333333;
	text-align:center
}
.page-affiliate .stats .stat.blue {
	margin:-20px 0 0 0;
	padding:20px 0;
	color:#FFFFFF;
	background:#2F8BE6;
	border-radius:4px
}
.page-affiliate .stats .stat.blue h3 {
	font-size:44px
}
.page-affiliate .stats .stat.blue span {
	color:#FFFFFF
}
@media only screen and (max-width: 723px) {
	.page-affiliate .stats {
	height:auto;
}
.page-affiliate .stats .stat {
	width:100%;
	height:auto;
	margin:0px;
	padding:20px 0px
}
.page-affiliate .stats .stat.blue {
	margin:0px;
	border-radius:0px
}
.page-affiliate .stats h3 {
	line-height:60px
}
.page-affiliate .stats span {
	margin:0px
}
}.saved-cards {
	margin:0 auto;
	overflow:hidden
}
.saved-cards .saved-card {
	height:80px;
	width:100%;
	background:#2A2A2A;
	border-radius:2px;
	margin-bottom:20px;
	padding:28px 22px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden
}
.saved-cards .saved-card .card-brand {
	height:24px;
	width:35px;
	float:left;
	margin:0 20px 0 0;
	background-size:cover
}
.saved-cards .saved-card .card-brand.amex,.saved-cards .saved-card .card-brand.american-express {
	background-image:url('images/card-amex.png')
}
.saved-cards .saved-card .card-brand.visa {
	background-image:url('images/card-visa.png')
}
.saved-cards .saved-card .card-brand.discover {
	background-image:url('images/card-discover.png')
}
.saved-cards .saved-card .card-brand.mastercard {
	background-image:url('images/card-mastercard.png')
}
.saved-cards .saved-card .card-number,.saved-cards .saved-card .card-expire {
	position:relative;
	top:-8px
}
.saved-cards .saved-card .card-number {
	font-size:15px;
	line-height:21px;
	color:#AFAFAF
}
.saved-cards .saved-card .card-number .dots {
	font-size:13px;
	margin-right:6px
}
.saved-cards .saved-card .card-expire {
	font-size:13px;
	line-height:18px;
	color:#555555
}
.saved-cards .saved-card a.default {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	display:block;
	height:24px;
	position:absolute;
	top:28px;
	right:50px
}
.saved-cards .saved-card a.default .box {
	position:relative;
	display:inline-block;
	height:24px;
	width:24px;
	border-radius:2px;
	background:#3F3F3F;
	margin-right:10px;
	line-height:24px;
	text-align:center
}
.saved-cards .saved-card a.default .box svg {
	padding:4px 0
}
.saved-cards .saved-card a.default span {
	font-size:12px;
	line-height:24px;
	font-weight:600;
	text-transform:uppercase;
	color:#555555;
	vertical-align:top
}
.saved-cards .saved-card a.default:hover span {
	color:#FFFFFF
}
.saved-cards .saved-card a.default.active i {
	opacity:1
}
.saved-cards .saved-card a.default.active span {
	color:#2F8BE6
}
.saved-cards .saved-card a.default.active:hover i {
	color:#2F8BE6
}
.saved-cards .saved-card .remove-card-x {
	position:absolute;
	top:30px;
	right:20px;
	font-size:17px;
	color:#555555
}
.saved-cards .saved-card .remove-card-x:hover {
	color:#2F8BE6;
	cursor:pointer
}
.saved-cards .saved-card .remove {
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#1d1d1d;
	padding:22px 20px;
	box-sizing:border-box;
	line-height:38px;
	-webkit-transition:all 300ms ease;
	transition:all 300ms ease;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
.saved-cards .saved-card .remove.active {
	-webkit-transform:translate3d(0%, 0, 0);
	transform:translate3d(0%, 0, 0)
}
.saved-cards .saved-card .remove form {
	display:inline-block;
	float:right;
	margin-right:10px
}
.saved-cards .saved-card .remove .btn {
	float:right
}
.saved-cards .saved-card.default-card .card-number,.saved-cards .saved-card.default-card .card-expire {
	color:#FFFFFF
}
.saved-cards .saved-card.no-cards {
	height:auto;
	text-align:center
}
.saved-cards .saved-card.no-cards span {
	color:#AFAFAF
}
.saved-cards-footer {
	position:relative;
	margin:0 auto;
	overflow:hidden
}
.saved-cards-footer span {
	line-height:48px
}
.add-card-form h2 {
	font-size:18px;
	font-weight:300;
	text-align:center;
	margin:10px 0 20px 0
}
.add-card-form .input {
	margin-bottom:30px !important
}
.page-an .avatar {
	float:left;
	margin:0 15px 0 0;
	width:48px;
	height:48px;
	background-size:cover;
	border-radius:4px
}
.page-an .content {
	overflow:hidden
}
.page-an .content .message {
	margin:0 0 5px 0
}
.page-an .content .message a:hover {
	color:#2F8BE6;
	text-decoration:underline
}
.page-an .content .meta {
	display:block;
	font-size:12px;
	line-height:1;
	color:#AFAFAF
}
.page-an .section-footer {
	padding:40px 0 0
}
.page-account-notifications .inputs .title {
	padding:20px 0 30px 0;
	font-size:22px;
	font-weight:300
}
.page-account-notifications .input {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:relative
}
.page-account-notifications .input .label {
	display:block;
	position:absolute;
	top:50%;
	left:20px;
	right:60px;
	bottom:auto;
	font-size:15px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.page-account-notifications .input.checkbox {
	cursor:pointer;
	padding-right:40px
}
.page-account-notifications .check {
	position:absolute;
	top:50%;
	right:20px;
	display:block;
	margin:-12px 0 0 0;
	width:20px;
	height:20px;
	color:#2F8BE6;
	font-size:10px;
	line-height:22px;
	text-align:center;
	background:#3f3f3f;
	border:2px solid #3f3f3f;
	border-radius:4px
}
.page-account-notifications .check svg {
	padding:2px 0
}
.page-offers .offers-grid {
	margin:0 auto;
	max-width:535px
}
.page-offers .offers-grid .offer {
	padding:20px 45px 25px;
	height:auto
}
.page-offers .offers-grid .offer:hover {
	background:#FFFFFF
}
.page-offers .offers-grid .offer.grab {
	text-align:center
}
.page-offers .offers-grid .offer.grab h3 {
	padding-bottom:20px
}
.page-offers .offers-grid .offer .details a {
	color:#2F8BE6
}
.page-offers .offers-grid .offer .details a:hover {
	color:#353535
}
.page-offers .offers-grid .offer .image {
	top:20px;
	background-color:transparent;
	border-radius:0
}
.page-offers .offers-grid .offer h3 {
	margin:0;
	padding:10px 0 10px;
	line-height:1;
	font-weight:400
}
.page-offers .offers-grid .offer p {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.65;
	font-weight:300
}
@-webkit-keyframes loading-bars {
	from {
	background-position:0 0
}
to {
	background-position:40px 0
}
}@keyframes loading-bars {
	from {
	background-position:0 0
}
to {
	background-position:40px 0
}
}.page-session {
	width:auto;
	padding:0 20px
}
@media only screen and (max-width: 723px) {
	.page-session {
	padding:0px;
}
.page-session .inputs {
	width:100%;
	max-width:none
}
.page-session .section-content {
	padding:0 20px
}
}.page-session .avatar-uploader {
	text-align:center;
	margin:-20px 0 75px 0px
}
@media only screen and (max-width: 723px) {
	.page-session .avatar-uploader {
	margin:20px 0 40px 0px;
}
}.page-session .avatar-uploader .image {
	position:relative;
	display:inline-block;
	width:144px;
	height:144px;
	border-radius:4px;
	background:#2c2c2c
}
.page-session .avatar-uploader .image:after {
	content:"";
	display:table;
	clear:both
}
.page-session .avatar-uploader .image img {
	background:#2c2c2c;
	width:100%;
	height:100%;
	border-radius:4px
}
.page-session .avatar-uploader .select-file {
	position:absolute;
	z-index:500;
	bottom:-8px;
	right:-8px;
	height:38px;
	width:38px;
	font-size:23px;
	font-weight:400;
	line-height:37px;
	text-indent:1px;
	text-align:center
}
.page-session .avatar-uploader .uploading {
	position:absolute;
	top:-1px;
	left:-1px;
	padding:1px;
	width:100%;
	height:100%;
	background:rgba(44,44,44,0.95);
	border-radius:4px
}
.page-session .avatar-uploader .uploading.error {
	background:rgba(182,75,75,0.9);
	line-height:144px
}
.page-session .avatar-uploader .uploading .progress {
	position:absolute;
	top:50%;
	left:50%;
	margin:-1px 0 0 -40%;
	width:80%;
	height:2px;
	height:3px;
	background:#111
}
.page-session .avatar-uploader .uploading .progress .loaded {
	height:100%;
	width:0%;
	background:#2F8BE6
}
.page-session .avatar-uploader .uploading .progress.processing .loaded {
	background:none;
	background:#216a42;
	background-image:-webkit-linear-gradient(135deg, #33a466 25%, transparent 25%, transparent 50%, #33a466 50%, #33a466 75%, transparent 75%, transparent);
	background-image:linear-gradient(-45deg, #33a466 25%, transparent 25%, transparent 50%, #33a466 50%, #33a466 75%, transparent 75%, transparent);
	background-size:20px 20px;
	-webkit-transition:width 500ms ease;
	transition:width 500ms ease;
	-webkit-animation:loading-bars 1500ms linear infinite;
	animation:loading-bars 1500ms linear infinite
}
.page-session .avatar-uploader p {
	color:#949494;
	font-size:12px;
	font-weight:400;
	text-align:center
}
.page-session .submit:after {
	content:"";
	display:table;
	clear:both
}
.page-session .submit a {
	float:left;
	line-height:48px
}
.page-session .submit .btn {
	float:right
}
.page-product {
	}
.page-product #menu-toggle,.page-product #header {
	position:absolute
}
.page-product #menu-toggle .background,.page-product #header .background {
	display:none
}
.page-product.reveal-sidebar #menu-toggle {
	position:fixed
}
.page-product .inset-header.double {
	position:fixed;
	top:0;
	right:0;
	bottom:auto;
	left:0;
	z-index: 99999;
	margin:0;
	padding:23px 0;
	background:none;
	background-image:url('images/shadow.png');
	background-size:80px 172px;
	box-shadow:0 6px 42px rgba(0,0,0,0.49);
	-webkit-transform:translate3d(0, -150px, 0);
	transform:translate3d(0, -150px, 0);
	-webkit-transition:-webkit-transform 500ms ease;
	transition:transform 500ms ease
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .inset-header.double {
	background-image:url('images/shadow@2x.png');
}
}.page-product .inset-header.double:after {
	display:none
}
.product-fixed .page-product .inset-header.double {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.product-fixed .page-product .inset-header.double .title,.product-fixed .page-product .inset-header.double .publisher-meta {
	opacity:1
}
.page-product .inset-header.double .title {
	margin:0 0 10px
}
.page-product .inset-header.double .meta {
	display:none
}
.page-product .inset-header.double .publisher-meta {
	padding:0
}
.page-product .inset-header.double .actions {
	display:block !important;
	bottom:13px
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-product .inset-header.double {
	display:none;
}
}@media only screen and (max-width: 723px) {
	.page-product .inset-header.double {
	display:none;
}
}.page-product .inset-header .wrapper {
	z-index:auto
}
.page-product .inset-header .publisher-meta {
	font-weight:300
}
.page-product .inset-header .actions .btn-gray {
	position:relative;
	padding-left:0;
	padding-right:0;
	width:65px;
	text-align:center
}
.page-product .inset-header .actions .btn-gray svg {
	color:#AFAFAF
}
.page-product .inset-header .actions .btn-gray:hover svg {
	color:#FFFFFF
}
.page-product .inset-header .actions .btn-gray svg {
	margin-right:6px
}
.page-product .inset-header .actions .btn-gray .number,.page-product .inset-header .actions .btn-gray .count {
	padding:0
}
.page-product .inset-header .background {
	opacity:0.1;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
	background:#000;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%)
}
.safari .page-product .inset-header .background {
	filter:none;
	-webkit-filter:none
}
.page-product .inset-header .ui8-appicons {
	position:relative;
	top:-1px;
	left:0;
	display:inline-block;
	padding:0 0 0 4px;
	height:22px;
	line-height:1;
	vertical-align:middle
}
.page-product .inset-header .button-area .btn {
	margin:0 0 0 12px
}
.page-product .inset-header .button-area .btn:first-of-type {
	margin:0
}
.page-product .inset-header .liked svg {
	color:#FB6666 !important
}
@media only screen and (max-width: 723px) {
.ui8-tabs .tab.ui8_vtab2  {
	display:none
}
	.page-product .inset-header .likes .btn {
	display:none;
	padding:0;
	width:38px;
	height:38px;
	text-align:center
}
.page-product .inset-header .likes .btn svg {
	margin:11px
}
.page-product .inset-header .likes .btn .count {
	display:none
}
.page-product .inset-header .ui8-appicons,.page-product .inset-header .compatible-with,.page-product .inset-header .comments, .page-product .inset-header .add-to-cart, .page-product .inset-header .published {
	display:none
}
}.page-product .ui8-tabs .count {
	display:none
}
@media only screen and (max-width: 723px) {
	.page-product .ui8-tabs .count {
	display:inline;
}
}@media only screen and (max-width: 723px) {
	.page-product .ui8-tabs .hide-mobile {
	display:none
}
}.page-product .publisher-meta {
	padding:25px 0 0 0;
	color:#AFAFAF;
	line-height:33px
}
.page-product .publisher-meta:after {
	content:"";
	display:table;
	clear:both
}
.page-product .publisher-meta a {
	color:#AFAFAF;
	font-weight:700
}
.page-product .publisher-meta a:hover {
	color:#2F8BE6
}
.page-product .publisher-meta .app-icons {
	padding:0 0 0 4px
}
.page-product .publisher-meta .app-icon-wrap {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	width:24px
}
.page-product .publisher-meta .app-icon {
	margin:0;
	position:absolute;
	top:0;
	left:0;
	margin:-16px 0 0 0
}
.page-product .publisher-meta .avatar {
	display:block;
	float:left;
	margin:0 8px 0 0;
	width:32px;
	height:32px;
	background:#484848;
	border-radius:2px;
	background-size:32px 32px
}
.page-product .publisher-meta .avatar svg {
	padding:8px
}
.page-product .panes {
	margin:0 auto 30px
}
.page-product .pane-images .images {
	margin:0 -10px -20px
}
.page-product .pane-images .images:after {
	content:"";
	display:table;
	clear:both
}
.page-product .pane-images .images .image {
	display:block;
	max-width: 100%
}
.page-product .pane-images .images .image:nth-child(2n+1) {
	clear:left
}
.page-product .pane-images .images .image-wrapper {
	margin:0 10px;
}
.page-product .pane-images .images .image-display {
	overflow:hidden;
	border-radius:2px
}
.page-product .pane-images .images img {
/*display:block;*/
	max-width:100%
}
@media only screen and (max-width: 723px) {
	.page-product .pane-images .images .image {
	float:none;
	width:100%
}
.page-product .pane-images .images .image img {
	width:100%
}
}.page-product .pane-details {
	padding:80px;
	color:#353535;
	font-size:15px;
	line-height:25px;
	font-weight:300;
	background:#FFFFFF;
	border-radius:2px
}
@media only screen and (max-width: 723px) {
	.page-product .pane-details {
	padding:30px;
}
}.page-product .pane-details .block {
	margin:0 0 40px 0;
	padding:0 0 40px 0;
	border-bottom:1px solid #E8E8E8
}
.page-product .pane-details .block.overview {
	padding-bottom:35px
}
.page-product .pane-details .block.overview table{
	width: 100%;
}
.page-product .pane-details .block.features {
	padding-bottom:20px
}
.page-product .pane-details .block:last-of-type {
	margin:0;
	padding:0;
	border:none
}
@media only screen and (max-width: 723px) {
	.page-product .pane-details .block {
	margin:0 0 30px 0;
	padding:0 0 30px 0;
}
.page-product .pane-details .block.overview {
	padding-bottom:25px
}
}.page-product .pane-details .title {
	display:block;
	margin:0 0 15px 0;
	padding:0;
	font-size:16px;
	line-height:1;
	font-weight:600
}
.page-product .pane-details .description {
	margin:0;
	padding:0
}
.page-product .pane-details .description a:hover {
	color:#2F8BE6;
	text-decoration:underline
}
.page-product .pane-details .metric {
	display:block;
	float:right;
	margin:0 0 0 15px;
	font-size:12px;
	line-height:22px;
	color:#AFAFAF;
	/*font-weight:600*/
}
.page-product .pane-details .metric:after {
	content:"";
	display:table;
	clear:both
}
.page-product .pane-details .metric svg {
	position:relative;
	top:1px;
	left:0;
	padding:0 10px 0 0;
	line-height:22px;
	color:#555555
}
.page-product .pane-details .metrics:after {
	content:"";
	display:table;
	clear:both
}
.page-product .pane-details .metrics .app-icons {
	float:left;
	line-height:24px
}
.page-product .pane-details .metrics .app-icon-wrap {
	position:relative;
	display:block;
	margin:0 10px 0 0;
	float:left;
	width:24px;
	height:24px;
	overflow:hidden
}
.page-product .pane-details .metrics .app-icon {
	top:0;
	left:0;
	display:block;
	margin:0;
	line-height:24px
}
@media only screen and (max-width: 723px) {
	.page-product .pane-details .metrics .metric {
	display:none
}
.page-product .pane-details .metrics .app-icon-wrap {
	margin:0 8px 0 0
}
}.page-product .pane-details .highlights {
	margin:0 -10px
}
.page-product .pane-details .highlights:after {
	content:"";
	display:table;
	clear:both
}
.page-product .pane-details .feature {
	display:block;
	margin:0 0 20px 0;
	float:left;
	width:50%;
	height:26px
}
@media only screen and (max-width: 723px) {
	.page-product .pane-details .feature {
	float:none;
	width:100%;
}
.page-product .pane-details .feature:last-of-type {
	margin:0
}
}.page-product .pane-details .feature .wrapper {
	margin:0 10px;
	line-height:26px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.page-product .pane-details .feature .wrapper svg {
	display:block;
	float:left;
	margin:0 12px 0 0;
	padding:5px 0;
	color:#2F8BE6
}
.page-product .pane-details .feature:nth-child(2n+1) {
	clear:left
}
.page-product .pane-details .icon-check {
	padding:0 15px 0 0;
	color:#2F8BE6;
	font-size:10px
}
.page-product .pane-details .content {
	margin:0 auto;
	max-width:750px
}
.page-product .related-products .cards {
	margin:0 -21px
}
@media only screen and (max-width: 723px) {
	.page-product .related-products .cards .card-wrapper {
	margin-left:0;
	margin-right:0
}
}.page-product .quick-links {
	padding:10px 10px 0;
	text-align:center
}
.page-product .quick-links .btn {
	margin:0 10px;
	padding-left:0;
	padding-right:0;
	width:122px
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-product .quick-links {
	display:none;
}
}@media only screen and (max-width: 723px) {
	.page-product .quick-links {
	display:none;
}
}.page-product .pane-pass .section-footer {
	position:relative;
	height:50px
}
.page-product .pass-details {
	}
.page-product .pass-details .brands {
	margin-left: 100px;
	max-width:828px
}
.page-product .pass-details .brands:after {
	content:"";
	display:table;
	clear:both
}
.page-product .pass-details .brands h3 {
	margin:0 0 30px 0;
	color:#AFAFAF;
	font-size:18px;
	line-height:28px;
	font-weight:300;
	text-align:left
}
.page-product .pass-details .brands .brand {
	display:block;
	float:left;
	width:16.66667%
}
.page-product .pass-details .brands .brand .wrapper {
	display:block;
	margin:0 16px;
	height:106px;
	background-color:#303030;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:4px
}
.page-product .pass-details .brands .brand .wrapper.adobe {
	background-image:url('images/adobe.png')
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .pass-details .brands .brand .wrapper.adobe {
	background-image:url('images/adobe.png');
}
}.page-product .pass-details .brands .brand .wrapper.google {
	background-image:url('images/google.png')
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .pass-details .brands .brand .wrapper.google {
	background-image:url('images/google.png');
}
}.page-product .pass-details .brands .brand .wrapper.facebook {
	background-image:url('images/facebook.png')
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .pass-details .brands .brand .wrapper.facebook {
	background-image:url('images/facebook.png');
}
}.page-product .pass-details .brands .brand .wrapper.spotify {
	background-image:url('images/spotify.png')
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .pass-details .brands .brand .wrapper.spotify {
	background-image:url('images/spotify.png');
}
}.page-product .pass-details .brands .brand .wrapper.slack {
	background-image:url('images/slack.png')
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .pass-details .brands .brand .wrapper.slack {
	background-image:url('images/slack.png');
}
}.page-product .pass-details .brands .brand .wrapper.nike {
	background-image:url('images/nike.png')
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .pass-details .brands .brand .wrapper.nike {
	background-image:url('images/nike.png');
}
}@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-product .pass-details .brands .brand .wrapper {
	margin:0 8px;
	height:91px
}
}@media only screen and (max-width: 723px) {
	.page-product .pass-details .brands {
	display:none;
}
}.page-product .pass-details .title {
	font-size:18px;
	line-height:1;
	font-weight:300
}
.page-product .pass-details .description {
	color:#AFAFAF;
	font-size:15px;
	font-weight:300
}
.page-product .pass-details em {
	font-style:normal;
	font-weight:700
}
.page-product .pass-details .feature {
	margin:0 0 80px 0;
	clear:both;
	overflow:hidden
}
@media only screen and (max-width: 723px) {
	.page-product .pass-details .feature {
	margin:0 0 40px 0;
}
}.page-product .pass-details .left {
	display:block;
	float:left;
	width:50%;
	max-width:488px
}
@media only screen and (max-width: 723px) {
	.page-product .pass-details .left {
	display:none;
}
}.page-product .pass-details .left .wrapper {
	height:260px;
	border-radius:2px;
	background-color:#303030;
	background-repeat:no-repeat;
	background-position:right center
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-product .pass-details .left .wrapper {
	height:200px;
	background-size:100% auto !important;
	background-repeat:no-repeat;
	background-position:center center;
}
}@media only screen and (max-width: 723px) {
	.page-product .pass-details .left .wrapper {
	background-size:100% auto;
}
}.page-product .pass-details .right {
	position:relative;
	float:left;
	width:50%;
	height:260px;
	overflow:hidden
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-product .pass-details .right {
	height:200px;
}
}@media only screen and (max-width: 723px) {
	.page-product .pass-details .right {
	width:100%;
	height:auto;
	clear:both;
}
}.page-product .pass-details .right .wrapper {
	position:absolute;
	top:50%;
	left:0;
	padding:0 80px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-product .pass-details .right .wrapper {
	padding:0 40px;
}
}@media only screen and (max-width: 723px) {
	.page-product .pass-details .right .wrapper {
	position:relative;
	top:auto;
	left:auto;
	padding:0;
	height:auto;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
}
}.page-product .pass-details .one {
	background-image:url('images/1.png');
	background-size:488px 260px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .pass-details .one {
	background-image:url('images/1@2x.png');
}
}.page-product .pass-details .two {
	background-image:url('images/2.png');
	background-size:488px 260px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .pass-details .two {
	background-image:url('images/2@2x.png');
}
}.page-product .pass-details .three {
	background-image:url('images/3.png');
	background-size:488px 260px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	.page-product .pass-details .three {
	background-image:url('images/3@2x.png');
}
}.page-product .pane-video .video-wrapper {
	position:relative;
	padding:0 0 56.25% 0;
	width:100%;
	background:rgba(0,0,0,0.25)
}
.page-product .pane-video .video-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.ultimate-pass-page {
	max-width:100%
}
.ultimate-pass-page .product-bar .left {
	display:none
}
.ultimate-pass-page .white-box {
	max-width:1172px;
	padding:80px 0px;
	text-align:center
}
@media only screen and (max-width: 723px) {
	.ultimate-pass-page .white-box {
	padding:60px 0px 30px 0px;
}
}.ultimate-pass-page .white-box.fixed {
	max-width:1172px
}
.ultimate-pass-page .white-box h2 {
	font-size:24px;
	font-weight:300;
	line-height:44px;
	color:#484848
}
.ultimate-pass-page .white-box h2 strong {
	color:#2F8BE6;
	font-weight:600
}
@media only screen and (max-width: 723px) {
	.ultimate-pass-page .white-box h2 {
	max-width:400px;
	margin:0px auto;
	padding:0px 60px;
	line-height:33px;
}
}.ultimate-pass-page .white-box h4 {
	font-size:15px;
	font-weight:400;
	color:#AFAFAF
}
.ultimate-pass-page .white-box h4 strong {
	color:#000000
}
.ultimate-pass-page .categories-container {
	margin:70px auto 50px auto;
	width:1020px
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.ultimate-pass-page .categories-container {
	width:760px;
}
}@media (max-width: 860px) {
	.ultimate-pass-page .categories-container {
	width:100%;
	margin:30px auto 0px auto;
}
}.ultimate-pass-page .categories {
	margin-left:-20px
}
.ultimate-pass-page .categories:after {
	content:"";
	display:table;
	clear:both
}
@media (max-width: 860px) {
	.ultimate-pass-page .categories {
	margin:0px;
	padding:5px;
}
}.ultimate-pass-page .categories a.category {
	display:block;
	float:left;
	width:240px;
	height:250px;
	margin:0px 0px 20px 20px;
	position:relative
}
@media (max-width: 860px) {
	.ultimate-pass-page .categories a.category {
	width:50%;
	height:175px;
	margin:0 0 20px 0px;
}
}.ultimate-pass-page .categories a.category .figure {
	position:relative;
	height:120px;
	margin:35px 0 30px 0;
	text-align:center
}
@media (max-width: 860px) {
	.ultimate-pass-page .categories a.category .figure {
	height:60px;
}
}.ultimate-pass-page .categories a.category .figure img {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.ultimate-pass-page .categories a.category h2 {
	margin-top:-30px;
	font-size:24px;
	line-height:38px;
	font-weight:600;
	color:#2F8BE6
}
.ultimate-pass-page .categories a.category h4 {
	font-size:13px;
	font-weight:400;
	color:#AFAFAF
}
.ultimate-pass-page .categories a.category .background {
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	height:100%;
	width:100%;
	padding:5px;
	box-sizing:border-box;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:all 150ms ease;
	transition:all 150ms ease
}
@media (max-width: 860px) {
	.ultimate-pass-page .categories a.category .background {
	padding:10px;
}
}.ultimate-pass-page .categories a.category .background .inner {
	height:100%;
	width:100%;
	border:2px solid #F8F8F8;
	background:#F8F8F8;
	border-radius:2px;
	box-sizing:border-box;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:all 150ms ease;
	transition:all 150ms ease
}
.ultimate-pass-page .categories a.category:hover .background {
	padding:0px
}
.ultimate-pass-page .categories a.category:hover .background .inner {
	background:#FFFFFF;
	border-color:#2F8BE6;
	box-shadow:0px 16px 23px rgba(0,0,0,0.07)
}
.ultimate-pass-page .new-resources {
	margin:120px 0px;
	text-align:center
}
.ultimate-pass-page .new-resources h2 {
	font-size:24px;
	font-weight:300;
	line-height:33px;
	color:#FFFFFF;
	margin-bottom:10px
}
.ultimate-pass-page .new-resources h4 {
	font-size:18px;
	font-weight:300;
	line-height:22px;
	color:#AFAFAF
}
.ultimate-pass-page .parallax-section {
	margin:0 -20px;
	height:495px;
	overflow:hidden;
	margin-bottom:90px;
	position:relative
}
.ultimate-pass-page .parallax-section .bottom {
	height:450px;
	width:5000px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.ultimate-pass-page .parallax-section .bottom .image {
	height:150px;
	width:215px;
	background-size:cover;
	position:absolute
}
.ultimate-pass-page .parallax-section .bottom .image.r1 {
	top:0px
}
.ultimate-pass-page .parallax-section .bottom .image.r2 {
	top:150px
}
.ultimate-pass-page .parallax-section .bottom .image.r3 {
	top:300px
}
.ultimate-pass-page .parallax-section .bottom .image.c1 {
	left:0px
}
.ultimate-pass-page .parallax-section .bottom .image.c2 {
	left:215px
}
.ultimate-pass-page .parallax-section .bottom .image.c3 {
	left:430px
}
.ultimate-pass-page .parallax-section .bottom .image.c4 {
	left:645px
}
.ultimate-pass-page .parallax-section .bottom .image.c5 {
	left:860px
}
.ultimate-pass-page .parallax-section .bottom .image.c6 {
	left:1075px
}
.ultimate-pass-page .parallax-section .bottom .image.c7 {
	left:1290px
}
.ultimate-pass-page .parallax-section .bottom .image.c8 {
	left:1505px
}
.ultimate-pass-page .parallax-section .bottom .image.c9 {
	left:1720px
}
.ultimate-pass-page .parallax-section .bottom .image.c10 {
	left:1935px
}
.ultimate-pass-page .parallax-section .bottom .image.c11 {
	left:2150px
}
.ultimate-pass-page .parallax-section .bottom .image.c12 {
	left:2365px
}
.ultimate-pass-page .parallax-section .bottom .image.c13 {
	left:2580px
}
.ultimate-pass-page .parallax-section .bottom .image.c14 {
	left:2795px
}
.ultimate-pass-page .parallax-section .bottom .image.c15 {
	left:3010px
}
.ultimate-pass-page .parallax-section .top {
	height:350px;
	width:5000px;
	position:absolute;
	z-index:200;
	bottom:20px;
	left:0px;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.ultimate-pass-page .parallax-section .top .image {
	height:200px;
	width:285px;
	position:absolute;
	background-size:cover;
	box-shadow:0px 8px 38px rgba(42,42,42,0.9)
}
.ultimate-pass-page .parallax-section .top .image.r1 {
	top:0px
}
.ultimate-pass-page .parallax-section .top .image.r2 {
	top:150px
}
.ultimate-pass-page .parallax-section .top .image.c1 {
	left:0px
}
.ultimate-pass-page .parallax-section .top .image.c2 {
	left:425px
}
.ultimate-pass-page .parallax-section .top .image.c3 {
	left:850px
}
.ultimate-pass-page .parallax-section .top .image.c4 {
	left:1275px
}
.ultimate-pass-page .parallax-section .top .image.c5 {
	left:1700px
}
.ultimate-pass-page .learn-more {
	text-align:center
}
.ultimate-pass-page .learn-more h4 {
	font-size:18px;
	line-height:60px;
	font-weight:300;
	color:#AFAFAF;
	margin-top:60px
}
.ultimate-pass-page .learn-more h4 strong {
	color:#000000
}
.ultimate-pass-page .learn-more .btn {
	margin-bottom:100px;
	padding-right:20px
}
.ultimate-pass-page .learn-more .btn i {
	font-size:10px;
	padding-left:20px
}
.ultimate-pass-page .perks {
	width:960px;
	margin:70px auto 30px auto
}
.ultimate-pass-page .perks:after {
	content:"";
	display:table;
	clear:both
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.ultimate-pass-page .perks {
	width:750px;
}
}@media (max-width: 860px) {
	.ultimate-pass-page .perks {
	width:100%;
	padding:0px 30px;
	box-sizing:border-box;
}
}.ultimate-pass-page .perks .perk {
	float:left;
	width:280px;
	height:280px;
	background:#F8F8F8;
	border-radius:2px
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.ultimate-pass-page .perks .perk {
	width:210px;
	height:230px;
}
}@media (max-width: 860px) {
	.ultimate-pass-page .perks .perk {
	width:33.3333%;
	height:210px;
}
}.ultimate-pass-page .perks .perk h2 {
	font-size:15px;
	font-weight:400;
	line-height:33px
}
.ultimate-pass-page .perks .perk h4 {
	font-size:13px;
	font-weight:400
}
.ultimate-pass-page .perks .perk h4 a {
	color:#2F8BE6 !important
}
@media (max-width: 860px) {
	.ultimate-pass-page .perks .perk h4 {
	display:none;
}
}.ultimate-pass-page .perks .perk .figure {
	position:relative;
	height:140px;
	margin:35px 0 30px 0;
	text-align:center
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.ultimate-pass-page .perks .perk .figure {
	height:90px;
}
}.ultimate-pass-page .perks .perk .figure img {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.ultimate-pass-page .perks .perk .figure img.ui8 {
	left:5px
}
.ultimate-pass-page .perks .plus {
	float:left;
	width:60px
}
@media (max-width: 860px) {
	.ultimate-pass-page .perks .plus {
	display:none;
}
}.ultimate-pass-page .perks .plus i {
	font-size:18px;
	font-weight:700;
	line-height:280px;
	color:#2F8BE6
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.ultimate-pass-page .perks .plus i {
	line-height:230px;
}
}.ultimate-pass-page .brands {
	padding:100px 0 80px 0;
	text-align:center;
	margin-top:-32px
}
.ultimate-pass-page .brands:after {
	content:"";
	display:table;
	clear:both
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.ultimate-pass-page .brands {
	width:418px;
	margin:0px auto;
}
}.ultimate-pass-page .brands .memo {
	display:block;
	padding:0 0 30px 0;
	color:#AFAFAF;
	line-height:28px;
	font-size:18px;
	font-weight:300
}
.ultimate-pass-page .brands .brand {
	display:inline-block;
	margin:32px 16px 0px 16px;
	height:105px;
	width:105px;
	text-align:center;
	background:#2A2A2A;
	border-radius:4px;
	vertical-align:top
}
.ultimate-pass-page .brands .brand img {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.watch-wrap .watch-cta {
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:399
}
.watch-wrap .watch-hero {
	position:absolute;
	top:0px;
	left:0px;
	z-index:200;
	height:100%;
	width:100%;
	overflow:hidden;
	background:#000000
}
.watch-wrap .watch-hero video,.watch-wrap .watch-hero img {
	position:absolute;
	top:0px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	height:100%;
	opacity:0.175
}
.watch-wrap .watch-hero img {
	display:none;
	opacity:0.2
}
.watch-wrap .watch-hero i.more {
	display:block;
	position:absolute;
	margin:auto;
	left:0px;
	right:0px;
	bottom:60px;
	height:40px;
	width:40px;
	border:2px solid #636363;
	border-radius:50%;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	line-height:43px
}
.watch-wrap .watch-hero i.more:hover {
	border-color:#949494;
	cursor:pointer
}
.watch-wrap .watch-hero .copy {
	position:absolute;
	margin:auto;
	left:0px;
	right:0px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:650px;
	text-align:center
}
.watch-wrap .watch-hero .copy p.sketch-link {
	padding-top:15px;
	font-size:10px;
	font-weight:700;
	letter-spacing:0.05em;
	text-transform:uppercase
}
.watch-wrap .watch-hero .copy p.sketch-link span {
	color:#2F8BE6
}
.watch-wrap .watch-hero .copy p.sketch-link span:hover {
	color:#1871ca;
	cursor:pointer
}
.watch-wrap .watch-hero .copy h2 {
	font-weight:300;
	-webkit-font-smoothing:antialiased;
	font-size:26px;
	color:#FFFFFF;
	margin:0px
}
.watch-wrap .watch-hero .copy h2 span {
	font-weight:700
}
.watch-wrap .watch-hero .copy h3 {
	font-weight:300;
	font-size:18px;
	color:#949494;
	margin-bottom:30px
}
.watch-wrap .watch-hero .copy h3 strong {
	font-weight:300;
	color:#F8F8F8
}
.watch-wrap .watch-hero .copy .btn-dropbox {
	margin-right:12px
}
.watch-wrap .watch-hero .copy .btn-dropbox i {
	line-height:48px
}
.watch-wrap .watch-slides {
	padding-top:100%
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.watch-wrap .watch-slides {
	padding-left:40px;
	padding-right:40px;
	box-sizing:border-box;
}
}@media only screen and (max-width: 723px) {
	.watch-wrap .watch-slides {
	padding-left:30px;
	padding-right:30px;
	box-sizing:border-box;
}
}.watch-wrap .watch-slides .slide {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:40px
}
.watch-wrap .watch-slides .slide .image {
	width:50%;
	padding:0px 20px 0px 0px;
	box-sizing:border-box
}
.watch-wrap .watch-slides .slide .image img {
	width:100%;
	display:none
}
.watch-wrap .watch-slides .slide .image video {
	width:100%
}
.watch-wrap .watch-slides .slide .copy {
	position:absolute;
	right:0px;
	top:50%;
	-webkit-transform:translateY(-60%);
	-ms-transform:translateY(-60%);
	transform:translateY(-60%);
	width:50%;
	padding:0px 0px 0px 20px;
	box-sizing:border-box
}
.watch-wrap .watch-slides .slide .copy h3 {
	font-weight:300;
	font-size:24px;
	color:#FFFFFF;
	margin:0px
}
.watch-wrap .watch-slides .slide .copy p {
	font-weight:300;
	font-size:18px;
	line-height:30px;
	color:#949494
}
.watch-wrap .watch-slides .slide .copy p a {
	text-decoration:none
}
.watch-wrap .watch-slides .slide .copy h4 {
	display:inline-block;
	font-weight:300;
	font-size:30px;
	color:#363636;
	margin:0 0 40px 0;
	position:relative
}
.watch-wrap .watch-slides .slide .copy h4:after,.watch-wrap .watch-slides .slide .copy h4:before {
	display:block;
	content:" ";
	height:2px;
	width:100%;
	position:absolute;
	bottom:-15px;
	background:#363636
}
.watch-wrap .watch-slides .slide .copy h4:after {
	background:#888888;
	width:50%
}
.watch-wrap .watch-slides .slide.mirror .image {
	padding:0px 0px 0px 20px;
	margin-left:50%
}
.watch-wrap .watch-slides .slide.mirror .copy {
	right:auto;
	left:0px;
	padding:0px 20px 0px 0px
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.watch-wrap .watch-slides .slide .image {
	padding-right:25px
}
.watch-wrap .watch-slides .slide .copy {
	padding-left:25px
}
.watch-wrap .watch-slides .slide.mirror .image {
	padding-left:25px
}
.watch-wrap .watch-slides .slide.mirror .copy {
	padding-right:25px
}
}@media only screen and (max-width: 723px) {
	.watch-wrap .watch-slides .slide .image {
	width:100%;
	padding-right:0px
}
.watch-wrap .watch-slides .slide .copy {
	width:100%;
	padding-left:0px;
	padding-top:20px;
	position:relative;
	top:auto;
	right:auto;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.watch-wrap .watch-slides .slide.mirror .image {
	padding-left:0px;
	margin-left:0px
}
}.watch-wrap .watch-examples {
	text-align:center;
	margin:140px 0px
}
.watch-wrap .watch-examples:after {
	display:table;
	content:" ";
	clear:both
}
.watch-wrap .watch-examples h3 {
	font-weight:300;
	font-size:24px;
	color:#FFFFFF;
	margin:0px
}
.watch-wrap .watch-examples p {
	font-weight:300;
	font-size:18px;
	line-height:30px;
	color:#949494;
	max-width:700px;
	margin-left:auto;
	margin-right:auto
}
.watch-wrap .watch-examples .watch-faces-menu {
	display:inline-block;
	margin:80px auto 100px auto;
	position:relative;
	height:24px
}
.watch-wrap .watch-examples .watch-faces-menu .box {
	position:absolute;
	left:0px;
	top:-2px;
	height:100%;
	min-width:20px;
	border:2px solid #2F8BE6;
	border-radius:4px;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:all 300ms ease;
	transition:all 300ms ease
}
.watch-wrap .watch-examples .watch-faces-menu ul {
	margin:0px auto;
	padding:0px;
	list-style:none;
	position:relative
}
.watch-wrap .watch-examples .watch-faces-menu ul li {
	display:inline;
	padding:6px 16px;
	font-size:10px;
	line-height:10px;
	font-weight:700;
	text-transform:uppercase;
	color:#555555
}
.watch-wrap .watch-examples .watch-faces-menu ul li:hover {
	cursor:pointer;
	color:#d8d8d8
}
.watch-wrap .watch-examples .watch-faces-menu ul li.active {
	color:#2F8BE6
}
.watch-wrap .watch-examples .watch-faces-wrap {
	width:1140px;
	margin:0px auto
}
@media only screen and (min-width: 1066px) and (max-width: 1447px) {
	.watch-wrap .watch-examples .watch-faces-wrap {
	width:905px;
}
}@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.watch-wrap .watch-examples .watch-faces-wrap {
	width:670px;
}
}.watch-wrap .watch-examples .watch-faces-wrap .watch-faces {
	margin-left:-35px
}
.watch-wrap .watch-examples .watch-faces-wrap .watch-faces:after {
	display:table;
	content:" ";
	clear:both
}
.watch-wrap .watch-examples .watch-faces-wrap .watch-faces .watch-face {
	height:236px;
	width:200px;
	float:left;
	margin:0px 0px 35px 35px;
	position:relative;
	background-size:144px 180px;
	background-position:22px 28px;
	background-repeat:no-repeat
}
@media only screen and (min-width: 1066px) and (max-width: 1447px) {
	.watch-wrap .watch-examples .watch-faces-wrap .watch-faces .watch-face:nth-child(29) {
	display:none
}
.watch-wrap .watch-examples .watch-faces-wrap .watch-faces .watch-face:nth-child(30) {
	display:none
}
}@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.watch-wrap .watch-examples .watch-faces-wrap .watch-faces .watch-face:nth-child(29) {
	display:block
}
.watch-wrap .watch-examples .watch-faces-wrap .watch-faces .watch-face:nth-child(30) {
	display:block
}
}.watch-wrap .watch-examples .watch-faces-wrap .watch-faces .watch-face:after {
	display:block;
	content:" ";
	position:absolute;
	z-index:-1;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:url(//creative-dash.s3.amazonaws.com/hoiland/zsxd3jcaNA.png);
	background-size:cover
}
.watch-wrap .watch-sketch {
	text-align:center
}
@media only screen and (max-width: 723px) {
	.watch-wrap .watch-sketch {
	padding-left:30px;
	padding-right:30px;
	box-sizing:border-box;
}
}.watch-wrap .watch-sketch .watch-sketch-content {
	width:100%;
	margin:140px 0px 240px 0px
}
.watch-wrap .watch-sketch .watch-sketch-content img {
	width:125px;
	margin-bottom:40px
}
.watch-wrap .watch-sketch .watch-sketch-content h2 {
	font-weight:300;
	font-size:26px;
	color:#FFFFFF;
	margin:0px
}
.watch-wrap .watch-sketch .watch-sketch-content h2 span {
	font-weight:700
}
.watch-wrap .watch-sketch .watch-sketch-content h3 {
	font-weight:300;
	font-size:18px;
	color:#949494;
	margin-bottom:30px
}
.watch-wrap .watch-sketch .watch-sketch-content h3 strong {
	font-weight:300;
	color:#F8F8F8
}
.watch-wrap .watch-sketch .watch-sketch-content p.sketch-link {
	padding-top:15px;
	font-size:10px;
	font-weight:700;
	letter-spacing:0.05em;
	text-transform:uppercase
}
.watch-wrap .watch-sketch .watch-sketch-content p.sketch-link span {
	color:#2F8BE6
}
.watch-wrap .watch-sketch .watch-sketch-content p.sketch-link span:hover {
	color:#1871ca;
	cursor:pointer
}
.watch-wrap .watch-sketch .watch-sketch-content .btn-dropbox {
	margin-right:12px
}
.watch-wrap .watch-sketch .watch-sketch-content .btn-dropbox i {
	line-height:48px
}
.page-checkout {
	margin:0 auto;
	max-width:600px
}
.page-checkout .sections {
	position:relative
}
.page-checkout .sections.init .section {
	-webkit-transition:none;
	transition:none
}
.page-checkout.page-categories {
	max-width:none;
	width:986px
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-checkout.page-categories {
	width:644px;
}
}@media only screen and (max-width: 723px) {
	.page-checkout.page-categories {
	width:100%;
}
}.page-checkout .section {
	opacity:0;
	-webkit-transition:opacity 350ms ease;
	transition:opacity 350ms ease
}
.page-checkout .section.hidden {
	display:none
}
@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-checkout .section .section-header span {
	max-width:450px;
	margin:0px auto
}
}.page-checkout .section-footer {
	text-align:left;
	margin:0px auto
}
.page-checkout .section-footer:after {
	content:"";
	display:table;
	clear:both
}
.page-checkout .section-footer .ui8-loader {
	position:absolute;
	bottom:15px;
	left:50%
}
.page-checkout .section-footer h2.total {
	float:left;
	font-size:18px;
	font-weight:300;
	line-height:48px;
	color:#AFAFAF
}
.page-checkout .section-footer h2.total span {
	color:#FFFFFF
}
@media only screen and (max-width: 723px) {
	.page-checkout .section-footer h2.total {
	font-size:15px;
	line-height:38px;
}
}.page-checkout .section-footer .btn {
	float:right
}
.page-checkout .section-footer .btn.btn-outline {
	float:left
}
@media only screen and (max-width: 723px) {
	.page-checkout .section-footer .btn {
	padding:0 10px;
	height:38px;
	line-height:38px;
}
}.page-checkout .checkout-account .ui8-loader {
	display:block;
	position:absolute;
	bottom:53px;
	left:50%;
	margin-left:-8px
}
.page-checkout .checkout-account .submit {
	display:none
}
.page-checkout .checkout-account .already {
	text-align:center;
	margin-bottom:30px
}
.page-checkout .section-jobs .angular-listing {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	pointer-events:none
}
.page-checkout .section-jobs .angular-listing .white-list {
	border-radius:2px 2px 0 0
}
.page-checkout .section-jobs .express-listing {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	pointer-events:none;
	position:relative
}
.page-checkout .section-jobs .express-listing:before {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	content:'';
	width:100%;
	height:100%;
	background:rgba(53,53,53,0.85);
	box-shadow:inset 0 10px 10px rgba(0,0,0,0.05)
}
.page-checkout .section-jobs .express-listing .white-list {
	border-radius:0 0 2px 2px
}
.page-checkout .section-jobs .section-footer {
	padding:40px 0 0 0
}
@media only screen and (max-width: 723px) {
	.page-checkout .payment-section .payment-types {
	height:120px
}
.page-checkout .payment-section .payment-types,.page-checkout .payment-section .inputs .input {
	margin:0 0 15px 0
}
.page-checkout .payment-section .payment-types .error,.page-checkout .payment-section .inputs .input .error {
	display:none
}
}.checkout-payment .payment-types,.job-form .payment-types,.add-card-form .payment-types {
	width:100%;
	height:150px;
	background:#2A2A2A;
	border-radius:2px;
	padding:10px;
	box-sizing:border-box;
	margin-bottom:30px
}
.checkout-payment .payment-types:after,.job-form .payment-types:after,.add-card-form .payment-types:after {
	content:"";
	display:table;
	clear:both
}
.checkout-payment .payment-types .type,.job-form .payment-types .type,.add-card-form .payment-types .type {
	float:left;
	width:50%;
	height:100%;
	border-radius:2px;
	border:2px solid rgba(47,139,230,0);
	box-sizing:border-box;
	text-align:center;
	cursor:pointer
}
.checkout-payment .payment-types .type img,.job-form .payment-types .type img,.add-card-form .payment-types .type img {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:0.5
}
.checkout-payment .payment-types .type:hover img,.job-form .payment-types .type:hover img,.add-card-form .payment-types .type:hover img {
	opacity:1
}
.checkout-payment .payment-types .type.active,.job-form .payment-types .type.active,.add-card-form .payment-types .type.active {
	border-color:#2F8BE6
}
.checkout-payment .payment-types .type.active img,.job-form .payment-types .type.active img,.add-card-form .payment-types .type.active img {
	opacity:1
}
.checkout-payment .existing-toggle,.job-form .existing-toggle,.add-card-form .existing-toggle {
	text-align:center;
	margin-bottom:30px
}
.checkout-payment .existing-toggle span,.job-form .existing-toggle span,.add-card-form .existing-toggle span {
	color:#2F8BE6;
	cursor:pointer
}
.checkout-payment .existing-toggle span:hover,.job-form .existing-toggle span:hover,.add-card-form .existing-toggle span:hover {
	color:#FFFFFF
}
.checkout-payment .existing-card,.job-form .existing-card,.add-card-form .existing-card {
	width:100%;
	height:68px;
	margin-bottom:30px;
	background:#2A2A2A;
	border-radius:2px;
	cursor:pointer;
	line-height:68px;
	position:relative
}
.checkout-payment .existing-card:after,.job-form .existing-card:after,.add-card-form .existing-card:after {
	content:"";
	display:table;
	clear:both
}
@media only screen and (max-width: 723px) {
	.checkout-payment .existing-card .dots,.job-form .existing-card .dots,.add-card-form .existing-card .dots {
	display:none
}
}.checkout-payment .existing-card.active:before,.job-form .existing-card.active:before,.add-card-form .existing-card.active:before {
	position:absolute;
	top:5px;
	right:5px;
	left:5px;
	bottom:5px;
	display:block;
	content:" ";
	box-sizing:border-box;
	border:2px solid #2F8BE6;
	border-radius:2px
}
.checkout-payment .existing-card .card-number,.job-form .existing-card .card-number,.add-card-form .existing-card .card-number {
	font-size:12px;
	float:left;
	margin-left:14px
}
.checkout-payment .existing-card .card-number span,.job-form .existing-card .card-number span,.add-card-form .existing-card .card-number span {
	padding:0 6px 0 0
}
.checkout-payment .existing-card .card-number span.last,.job-form .existing-card .card-number span.last,.add-card-form .existing-card .card-number span.last {
	font-size:15px
}
.checkout-payment .existing-card .card-expire,.job-form .existing-card .card-expire,.add-card-form .existing-card .card-expire {
	float:right;
	padding-right:20px;
	font-size:15px
}
.checkout-payment .card-brand,.job-form .card-brand,.add-card-form .card-brand {
	height:24px;
	width:35px;
	float:left;
	margin:22px 0 0 20px;
	background-size:cover
}
.checkout-payment .card-brand.amex,.checkout-payment .card-brand.american-express,.job-form .card-brand.amex,.job-form .card-brand.american-express,.add-card-form .card-brand.amex,.add-card-form .card-brand.american-express {
	background-image:url('images/card-amex.png')
}
.checkout-payment .card-brand.visa,.job-form .card-brand.visa,.add-card-form .card-brand.visa {
	background-image:url('images/card-visa.png')
}
.checkout-payment .card-brand.discover,.job-form .card-brand.discover,.add-card-form .card-brand.discover {
	background-image:url('images/card-discover.png')
}
.checkout-payment .card-brand.mastercard,.job-form .card-brand.mastercard,.add-card-form .card-brand.mastercard {
	background-image:url('images/card-mastercard.png')
}
.checkout-payment .card-number,.job-form .card-number,.add-card-form .card-number {
	position:relative
}
.checkout-payment .card-number .card-brand,.job-form .card-number .card-brand,.add-card-form .card-number .card-brand {
	float:none;
	position:absolute;
	top:0px;
	right:20px
}
.checkout-payment .card-expiration,.job-form .card-expiration,.add-card-form .card-expiration {
	position:relative
}
.checkout-payment .card-expiration:after,.job-form .card-expiration:after,.add-card-form .card-expiration:after {
	content:"";
	display:table;
	clear:both
}
.checkout-payment .card-expiration label,.job-form .card-expiration label,.add-card-form .card-expiration label {
	left:0px
}
.checkout-payment .card-expiration input,.job-form .card-expiration input,.add-card-form .card-expiration input {
	width:50%;
	float:left
}
.checkout-payment .card-expiration input:last-child,.job-form .card-expiration input:last-child,.add-card-form .card-expiration input:last-child {
	padding-left:0px
}
@media only screen and (max-width: 723px) {
	.checkout-payment .card-expiration input,.job-form .card-expiration input,.add-card-form .card-expiration input {
	width:62px;
}
}.checkout-payment .card-expiration:before,.job-form .card-expiration:before,.add-card-form .card-expiration:before {
	position:absolute;
	top:27px;
	left:44px;
	content:'/';
	font-size:16px;
	color:#AFAFAF;
	opacity:0
}
.checkout-payment .card-expiration.focused:before,.job-form .card-expiration.focused:before,.add-card-form .card-expiration.focused:before {
	opacity:1
}
.checkout-payment .card-details:after,.job-form .card-details:after,.add-card-form .card-details:after {
	content:"";
	display:table;
	clear:both
}
.checkout-payment .card-expiration,.checkout-payment .card-cvc,.checkout-payment .card-zip,.job-form .card-expiration,.job-form .card-cvc,.job-form .card-zip,.add-card-form .card-expiration,.add-card-form .card-cvc,.add-card-form .card-zip {
	float:left;
	margin:0 40px 40px 0;
	clear:none;
	width:125px;
	box-sizing:border-box
}
@media only screen and (max-width: 723px) {
	.checkout-payment .card-expiration,.checkout-payment .card-cvc,.checkout-payment .card-zip,.job-form .card-expiration,.job-form .card-cvc,.job-form .card-zip,.add-card-form .card-expiration,.add-card-form .card-cvc,.add-card-form .card-zip {
	width:100%;
}
}.checkout-payment .card-cvc,.job-form .card-cvc,.add-card-form .card-cvc {
	width:95px
}
.checkout-payment .card-zip,.job-form .card-zip,.add-card-form .card-zip {
	width:140px;
	margin-right:0px
}
@media only screen and (max-width: 723px) {
	.checkout-payment .card-zip,.job-form .card-zip,.add-card-form .card-zip {
	width:100%;
}
}@media only screen and (max-width: 723px) {
	.checkout-payment .card-expiration,.checkout-payment .card-cvc,.job-form .card-expiration,.job-form .card-cvc,.add-card-form .card-expiration,.add-card-form .card-cvc {
	width:100%
}
}.checkout-payment .save-card:after,.job-form .save-card:after,.add-card-form .save-card:after {
	content:"";
	display:table;
	clear:both
}
.checkout-payment .save-card:hover,.job-form .save-card:hover,.add-card-form .save-card:hover {
	cursor:pointer
}
.checkout-payment .save-card .checkbox,.job-form .save-card .checkbox,.add-card-form .save-card .checkbox {
	padding:15px;
	width:16px;
	height:16px;
	color:#2F8BE6;
	box-shadow:0 0 0 2px #484848;
	border-radius:2px;
	float:left;
	margin:10px 15px 10px 10px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer;
	text-align:center
}
.checkout-payment .save-card .checkbox svg,.job-form .save-card .checkbox svg,.add-card-form .save-card .checkbox svg {
	opacity:0
}
.checkout-payment .save-card .checkbox svg path,.job-form .save-card .checkbox svg path,.add-card-form .save-card .checkbox svg path {
	fill:currentColor;
	stroke:currentColor
}
.checkout-payment .save-card .checkbox.active,.job-form .save-card .checkbox.active,.add-card-form .save-card .checkbox.active {
	border-color:#2F8BE6
}
.checkout-payment .save-card .checkbox.active svg,.job-form .save-card .checkbox.active svg,.add-card-form .save-card .checkbox.active svg {
	opacity:1
}
.checkout-payment .save-card span,.job-form .save-card span,.add-card-form .save-card span {
	float:left;
	line-height:65px;
	color:#AFAFAF;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.checkout-payment .save-card .active+span,.job-form .save-card .active+span,.add-card-form .save-card .active+span {
	color:#FFFFFF
}
.checkout-payment .logo-upload:after,.job-form .logo-upload:after,.add-card-form .logo-upload:after {
	content:"";
	display:table;
	clear:both
}
.checkout-payment .logo-upload .logo,.job-form .logo-upload .logo,.add-card-form .logo-upload .logo {
	height:50px;
	width:50px;
	margin:8px;
	border-radius:2px;
	float:left;
	overflow:hidden
}
.checkout-payment .logo-upload .logo .uploader,.job-form .logo-upload .logo .uploader,.add-card-form .logo-upload .logo .uploader {
	cursor:pointer;
	padding:17px 0;
	width:100%;
	height:16px;
	color:#AFAFAF;
	text-align:center;
	background:#484848
}
.checkout-payment .logo-upload .logo .uploader:hover,.job-form .logo-upload .logo .uploader:hover,.add-card-form .logo-upload .logo .uploader:hover {
	background:#353535
}
.checkout-payment .logo-upload .logo .image,.job-form .logo-upload .logo .image,.add-card-form .logo-upload .logo .image {
	height:100%;
	width:100%;
	background-position:center center;
	background-size:cover
}
.checkout-payment .logo-upload span,.job-form .logo-upload span,.add-card-form .logo-upload span {
	float:left;
	line-height:65px;
	color:#AFAFAF;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.checkout-payment .logo-upload span.remove,.job-form .logo-upload span.remove,.add-card-form .logo-upload span.remove {
	color:#2F8BE6;
	cursor:pointer
}
.checkout-payment .pills,.job-form .pills,.add-card-form .pills {
	padding:10px;
	box-sizing:border-box
}
.checkout-payment .pills span,.job-form .pills span,.add-card-form .pills span {
	display:inline-block;
	width:33.3333%;
	text-align:center;
	color:#AFAFAF;
	line-height:43px;
	cursor:pointer;
	border:2px solid transparent;
	border-radius:2px;
	box-sizing:border-box
}
.checkout-payment .pills span.active,.job-form .pills span.active,.add-card-form .pills span.active {
	border-color:#2F8BE6;
	color:#FFFFFF
}
.checkout-payment .pills span:hover,.job-form .pills span:hover,.add-card-form .pills span:hover {
	color:#FFFFFF
}
.page-categories .categories {
	margin:0 -15px
}
.page-categories .categories:after {
	content:"";
	display:table;
	clear:both
}
.page-categories .categories .category {
	display:block;
	float:left;
	width: 309px;
	height: 224px;
	margin:0 15px 30px;
	background:rgba(42,42,42,0.4);
	border-radius:4px;
	position:relative;
	-webkit-transition:background 200ms ease;
	transition:background 200ms ease
}
.page-categories .categories .category:hover {
	background:#2a2a2a
}
.page-categories .categories .category:hover .fname {
	color:#fff
}
.page-categories .categories .category a {
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px
}
.page-categories .categories .category a .figure {
	position:relative;
	height: 75px;
	margin: 45px 0 20px 0;
	text-align:center
}
.page-categories .categories .category a .figure img {
	position:relative;
	height: 75px;
	max-width: 205px;
}

@media only screen and (min-width: 724px) and (max-width: 1065px){
	.page-categories .categories .category a .figure { margin: 20px 0 10px 0 !important;}
	.page-categories .categories .category a .figure, .page-categories .categories .category a .figure img{height:90px !important;}
}
@media only screen and (max-width: 723px){
	.page-categories .categories .category a .figure { margin: 20px 0 10px 0 !important;}
	.page-categories .categories .category a .figure, .page-categories .categories .category a .figure img {height: 70px !important;}
}

.page-categories .categories .category a .fname {
	color:#808080;
	text-align:center;
	font-size:16px;
	font-weight:400;
	-webkit-transition:color 200ms ease;
	transition:color 200ms ease
}
.page-categories .categories .category a .fthreads {
    padding-top: 8px;
    font-size: 12px;
    color: #666;
    text-align: center;
}


@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.page-categories .categories{margin:0 -10px}
	.page-categories .categories .category{margin:0 10px 20px;width:201px;height: 210px}
}

@media only screen and (max-width: 723px) {
	.page-categories .categories{margin:0}
	.page-categories .categories .category{margin:0 0 15px;width:100%;height: 170px}

	.mobile-hide{display:none !important}
	.tablet-show{display:none !important}
	.small-display-show{display:none !important}
	.large-display-show{display:none !important}
	.xlarge-display-show{display:none !important}
	.mobile-hide-td{font-size:0px !important;width:0px !important;border-left:none !important;border-right:none !important;padding:0px !important;margin:0px !important}
	.mobile-hide-td *{display:none}
}

@media only screen and (min-width: 724px) and (max-width: 1065px) {
	.tablet-hide{display:none !important}
	.mobile-show{display:none !important}
	.small-display-show{display:none !important}
	.large-display-show{display:none !important}
	.xlarge-display-show{display:none !important}
}

@media only screen and (min-width: 1066px) and (max-width: 1447px) {
	.small-display-hide{display:none !important}
	.display-hide{display:none !important}
	.mobile-show{display:none !important}
	.tablet-show{display:none !important}
	.large-display-show{display:none !important}
	.xlarge-display-show{display:none !important}
}

@media only screen and (min-width: 1448px) and (max-width: 1789px) {
	.large-display-hide{display:none !important}
	.display-hide{display:none !important}
	.mobile-show{display:none !important}
	.tablet-show{display:none !important}
	.small-display-show{display:none !important}
	.xlarge-display-show{display:none !important}
}

@media only screen and (min-width: 1790px) {
	.xlarge-display-hide{display:none !important}
	.display-hide{display:none !important}
	.mobile-show{display:none !important}
	.tablet-show{display:none !important}
	.small-display-show{display:none !important}
	.large-display-show{display:none !important}
}

.page-product .pane-details a:hover {
	color: #2F8BE6;
}