@charset "UTF-8";

/* ===== z-index 分层规范（自动整理）：基础 1-9；悬浮/下拉 100-199；导航栏 200-299；模态框/遮罩 1000-1099；最高提示 2000+ ===== */

/* ===== 自动生成样式区（构建产物）：仅做格式化，不重排规则顺序 ===== */
/* ===== 基础：重置/默认元素样式（含 normalize 类规则） ===== */
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-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: ""}
i.icon-AI:before{content: ""}
i.icon-PS:before{content: ""}
i.icon-InDesign:before{content: ""}
i.icon-omni:before{content: ""}
i.icon-dribbble:before{content: ""}
i.icon-WP:before{content: ""}
i.icon-github:before{content: ""}
i.icon-linkedin:before{content: ""}
i.icon-instagram:before{content: ""}
i.icon-facebook:before{content: ""}
i.icon-twitter:before{content: ""}
i.icon-arrow-down:before{content: ""}
i.icon-arrow-right:before{content: ""}
i.icon-close-bold:before{content: ""}
i.icon-arrow-right-BIG:before{content: ""}
i.icon-cartcopy2:before{content: ""}
i.icon-check:before{content: ""}
i.icon-close:before{content: ""}
i.icon-comment:before{content: ""}
i.icon-contact:before{content: ""}
i.icon-download:before{content: ""}
i.icon-dropbox:before{content: ""}
i.icon-following:before{content: ""}
i.icon-info:before{content: ""}
i.icon-like:before{content: ""}
i.icon-loading:before{content: ""}
i.icon-minus:before{content: ""}
i.icon-money:before{content: ""}
i.icon-notifications:before{content: ""}
i.icon-plus-bold:before{content: ""}
i.icon-plus:before{content: ""}
i.icon-search:before{content: ""}
i.icon-sketch:before{content: ""}
i.icon-Tumbler:before{content: ""}
i.icon-view:before{content: ""}
.pull-left{float: none !important}
.pull-right{float: none !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-* 前缀为主的 UI 组件样式 ===== */
.ui8-tabs{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 0 20px 34px}
.ui8-tabs:after{content: "";display: table;clear: both}
.ui8-tabs .tab{position: relative;display: block;margin: 0 30px 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: #fff}
.ui8-tabs .tab.active:after{opacity: 1;width: 100%}
.ui8-tabs .tab:hover{color: #fff;cursor: pointer}
/* ===== 响应式/条件样式：媒体查询与特性查询（按原出现顺序） ===== */
@media only screen and (max-width:723px){
    .ui8-tabs{padding: 0 20px 30px}
    .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}
}
/* ===== 动画：Keyframes（按原出现顺序） ===== */
@-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{overflow: hidden;margin: 0 20px}
.cards .memo{display: block;text-align: center;font-size: 20px;font-weight: 400}
.cards .card{opacity: 1;position: relative;float: left;width: 334px;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 1px 1px 0;border-radius: 1px}
.cards .card-figure{padding: 75.077% 0;position: relative;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: #fff}
.cards .likes{opacity: 0;position: absolute;top: 10px;right: -100%;z-index: 3;-webkit-transition: opacity 250ms ease,right 0ms 250ms;transition: opacity 250ms ease,right 0ms 250ms}
.cards .likes .count{display: inline-block;opacity: 0;padding: 0 8px 0 0;color: #d8d8d8;font-size: 11px;line-height: 28px;-webkit-transition: opacity 250ms ease;transition: opacity 250ms ease;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(255,255,255,0.2);-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: 2;margin: -19px 0 0 -48px;width: 96px;height: 38px;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: #fff;background: #2f8be6}
.cards .hover .group .btn.btn-green:hover{color: #fff;background: #2d915a}
.cards .card-content{position: relative;padding: 15px 20px;background-color: #484848}
.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;display: block;color: #fff;font-size: 13px;line-height: 27px;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.cards .card-content .card-price{float: right}
.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;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{margin: 0 auto}
    .mobile-fluid .cards .card{margin: 0 auto;float: left;width: 50%}
    .cards .card .hover{opacity: 1;left: 0;background: none}
    .cards .card .hover .group{display: none}
    .cards .card .likes{display: none}
}
.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: #fff}
.cart-section .upsell p a{color: #2f8be6}
.cart-section .upsell p a:hover{color: #fff}
.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: #fff}
.cart-section .cart-promotion{width: 100%;height: 70px;background: #fff;line-height: 70px;border-radius: 2px;margin-bottom: 30px;padding: 0 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: 0;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: 206;height: 100px;background: #fff;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: 0;padding: 20px;box-sizing: border-box}
.cart-section .cart-item .cart-item-licenses p{position: absolute;bottom: 163px;padding: 0;margin: 0}
.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: #fff}
.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 0;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: 0}
.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: #fff}
.cart-section .cart-item .cart-item-licenses ul li.active{border-color: #2f8be6;background: #2a2a2a;color: #fff}
.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: #333}
.cart .cell.dark{padding: 15px;color: #fff;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: #333;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: #fff}
.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: #fff}
.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: 0 !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}
    .cart .cart-footer .cell.total{border-radius: 0 0 0 4px !important;padding: 0 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: 0}
}
.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: #fff;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: 2001;-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: #fff;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{}
.flip-clock-wrapper.clearfix{}
.flip-clock-wrapper{font-weight: 600;font-family: "jaf-bernino-sans",sans-serif;-webkit-user-select: none;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: 2;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: 3}
.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: 2;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: 3}
.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: 6;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: 6;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: 2;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: 4}
.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: 6}
.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: 3}
    20%{z-index: 5}
    100%{z-index: 5}
}
@keyframes asd{
    0%{z-index: 3}
    20%{z-index: 5}
    100%{z-index: 5}
}
.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index: 3;-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: 3;-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: 4}
.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: 1007;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: 1001;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: #fff}
.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: 1003;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: 1008}
.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 0 0 15px;height: 38px;min-width: 75px;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: 8;color: #fff;line-height: 38px;pointer-events: none}
.ui8-select .active-option{cursor: pointer;position: relative;z-index: 7;display: block;padding: 0 40px 0 0;color: #fff;font-size: 12px;font-weight: 400}
.ui8-select .options{pointer-events: none;opacity: 0;display: block;position: absolute;top: 0;right: 0;left: 0;bottom: auto;z-index: 7;padding: 4px 20px;font-size: 12px;font-weight: 400;text-align: left;border-radius: 4px;background: #484848;top: 36px;border-radius: 0;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: #fff}
.ui8-select .options .option.selected{color: #fff}
.ui8-select:hover .options{pointer-events: all;opacity: 1}
.ui8-select.closed .options{display: none !important}
.inputs{width: 472px;margin: 0 auto -40px auto}
.inputs.margin{margin-bottom: 0}
@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: 0 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: 0}
.inputs .input input,.inputs .input textarea{height: 100%;width: 100%;font-size: 14px;color: #fff;box-sizing: border-box;padding: 10px 20px 0 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: #fff !important;-webkit-box-shadow: 0 0 0 1000px #2a2a2a inset;color: #fff !important}
.inputs .input input:-moz-autofill,.inputs .input textarea:-moz-autofill{-moz-text-fill-color: #fff !important;-moz-box-shadow: 0 0 0 1000px #2a2a2a inset;color: #fff !important}
.inputs .input input:-ms-autofill,.inputs .input textarea:-ms-autofill{-ms-text-fill-color: #fff !important;-ms-box-shadow: 0 0 0 1000px #2a2a2a inset;color: #fff !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: 0}
}
.inputs .input.input-select{height: 120px}
.inputs .input.input-select .select-wrapper{top: 55px}
.inputs .select-wrapper{width: 100%;position: relative;margin: 0 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: "";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: #fff;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: 1005;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: 130px}
.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: #fff;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{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: #fff}
.btn.btn-blue:hover{color: #f2f2f2;background-color: #1b7ee1}
.btn.btn-blue:active{background-color: #1a79d7;color: #ccc}
.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{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: #fff}
.btn.btn-realblue:hover{color: #f2f2f2;background-color: #1b7ee1}
.btn.btn-realblue:active{background-color: #1a79d7;color: #ccc}
.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{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: #ccc}
.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{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: #fff}
.btn.btn-green:hover{color: #f2f2f2;background-color: #2d915a}
.btn.btn-green:active{background-color: #2b8955;color: #ccc}
.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{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: #fff}
.btn.btn-red:hover{color: #f2f2f2;background-color: #a54343}
.btn.btn-red:active{background-color: #9d4040;color: #ccc}
.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{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: #fff}
.btn.btn-paypal:hover{color: #f2f2f2;background-color: #008ac5}
.btn.btn-paypal:active{background-color: #0083ba;color: #ccc}
.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: #333;background-color: #fff}
.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: #fff}
.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: #fff}
.btn.btn-white:hover{color: #262626;background-color: #f2f2f2}
.btn.btn-white:active{background-color: #ededed;color: black}
.btn.btn-white.btn-outline{color: #fff;background: transparent;box-shadow: inset 0 0 0 2px #fff}
.btn.btn-white.btn-outline:hover{color: #fff;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{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: #fff}
.btn.btn-darkgray:hover{color: #f2f2f2;background-color: #565656}
.btn.btn-darkgray:active{background-color: #515151;color: #ccc}
.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{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: #fff}
.btn.btn-cloud:hover{color: #f2f2f2;background-color: #b7b7b7}
.btn.btn-cloud:active{background-color: #b2b2b2;color: #ccc}
.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{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: #fff}
.btn.btn-silver:hover{color: #f2f2f2;background-color: #a2a2a2}
.btn.btn-silver:active{background-color: #9d9d9d;color: #ccc}
.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{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: #fff}
.btn.btn-dropbox:hover{color: #f2f2f2;background-color: #0070cc}
.btn.btn-dropbox:active{background-color: #006ac1;color: #ccc}
.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: #fff;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: 2;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: #000;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: #333;background: #fff;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: #333}
a[ng-click]{cursor: pointer}
.site-header .ui8-sidebar{position: fixed;top: 0;right: 0;z-index: 1001;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: 0;left: 8px;-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: #fff}
.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: 1007;width: 100%}
    .reveal-sidebar .site-header .ui8-sidebar .categories{width: 100%;height: 100%;scrollbar-width: none;overflow-y: auto}
    .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;position: relative}
.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display: inline-block;vertical-align: middle;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;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: #fff;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: #fff;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: 2;display: block;width: 38px;height: 38px;background-color: #000;border-radius: 2px}
.ui8-hamburger .before,.ui8-hamburger .after{position: absolute;top: 6px;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: 18px;left: 50%;z-index: 2;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: #ffd700}
.ui8-hamburger.crossed .before,.reveal-sidebar .ui8-hamburger .before{-webkit-transform: rotate(45deg) translate3d(8px,8px,0);transform: rotate(45deg) translate3d(8px,8px,0);background: #ffd700}
.ui8-hamburger.crossed .after,.reveal-sidebar .ui8-hamburger .after{-webkit-transform: rotate(-45deg) translate3d(-8px,8px,0);transform: rotate(-45deg) translate3d(-8px,8px,0);background: #ffd700}
.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: 1172px;background: #fff;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: #555;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: #555}
.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: 3}
.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: #555}
.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: 2000;margin: -4px 0 0 0;width: 100% !important;color: #afafaf;background: #fff;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: #555}
.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: #555;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: #555}
.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: 3;margin: -4px 0 0 0;width: 100% !important;color: #afafaf;background: #fff;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: #555}
.ui8-discussion .login-required a:hover{color: #2f8be6}
.ui-helper-hidden-accessible{display: none}
.white-list{padding: 30px;background: #fff;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: 2;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: #333;width: 100%;border-radius: 4px;border-collapse: separate}
.white-table.offers{margin: 0 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: #333;font-size: 13px;background: #fff;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: #fff;background: #414141;border-color: #414141}
.white-table tbody.header a{color: #2f8be6;font-weight: 600}
.white-table tbody.header a:hover{color: #fff}
.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: #000}
.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: -78px 0 20px 0;padding: 100px 20px 10px;text-align: left}
.inset-header.no-background{background: #0c0c0c}
.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: 201;content: "";display: block;width: 100%;height: 20px;box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.09);pointer-events: none}
.inset-header .wrapper{position: relative;z-index: 202;text-align: left}
.inset-header .wrapper:after{content: "";display: table;clear: both}
.inset-header .title{padding: 0;font-size: 20px;line-height: 30px;font-weight: 300}
.inset-header .title strong{font-weight: 600;color: #fff}
.inset-header .meta{display: block;margin: 0;color: #afafaf;font-size: 14px;font-weight: 300}
.inset-header .meta strong{font-weight: 400;color: #fff}
.inset-header .actions{position: absolute;z-index: 204;bottom: -33px;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}
    .inset-header{margin-bottom: 20px}
    .inset-header .actions{display: none}
    .inset-header.mobile-actions .actions{display: block;position: absolute;bottom: -28px;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: #fff;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: 2}
.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: 2;margin: -19px 0 0 0;width: 100px;text-align: center}
.ui8-users-listing .btn.your-profile{z-index: 1}
.ui8-users-listing .btn.btn-red{color: #fff;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: #fff}
.ui8-users-listing .btn.btn-red:hover{color: #f2f2f2;background-color: #e55757}
.ui8-users-listing .btn.btn-red:active{background-color: #e34e4e;color: #ccc}
.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: #fff;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: #fff}
.ui8-users-listing .btn.btn-blue:hover{color: #f2f2f2;background-color: #282828}
.ui8-users-listing .btn.btn-blue:active{background-color: #232323;color: #ccc}
.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: #fff;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: #fff}
.ui8-users-listing .btn.btn-gray:hover{color: #f2f2f2;background-color: #a2a2a2}
.ui8-users-listing .btn.btn-gray:active{background-color: #9d9d9d;color: #ccc}
.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: 1006;width: 100%;height: 100%;background: rgba(38,38,38,0.98)}
.ui8-wlt>.close{position: absolute;top: 0;left: 0;z-index: 1001;display: block;width: 100%;height: 100%}
.ui8-wlt .wlt-header,.ui8-wlt .wlt-wrapper{position: absolute;top: 50%;left: 50%;z-index: 1002;width: 60%;height: 40%;min-width: 768px;min-height: 410px;overflow: hidden;background: #fff;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: 1000;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: 2;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: #fff;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: 1006;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: 1002;margin: 0 auto;padding: 30px;width: 100%;max-width: 380px;border-radius: 2px;background: #fff;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: 1001;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: #fff !important}
.ui8-dl .ui8-close-dl{position: absolute;top: 0;left: 0;z-index: 1001;display: block;width: 100%;height: 100%}
.ui8-dl.open{opacity: 1;pointer-events: all}
.ui8-site-categories{position: fixed;top: 0;left: 0;right: auto;z-index: 3;padding: 78px 0 20px 0;width: 360px;height: calc(100vh - 98px);overflow: hidden;background: #000;-webkit-transform: translate3d(-350px,0,0);transform: translate3d(-360px,0,0);-webkit-transition: -webkit-transform 300ms cubic-bezier(0.9, 0, 0.1, 1) 300ms;transition: transform 300ms cubic-bezier(0.9, 0, 0.1, 1) 300ms}
.ui8-site-categories.categories ul{height: 100%;scrollbar-width: none}
.ui8-site-categories.categories ul li a{border-radius: 2px;transition: background-color 0.3s;overflow-wrap: break-word}
.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: #fff !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: 18px 26px;margin: 0 20px 2px;background-color: #2b2b2b;font-size: 18px;line-height: 1;font-weight: bold;color: #afafaf}
.ui8-site-categories .category a:hover{color: #fff;background: #2f8be6}
.ui8-site-categories .category.active a{color: #fff;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: #fff;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: 1005;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}
.ui8-modal .image{margin: 0 auto;text-align: center}
.ui8-modal .image img{display: block;max-width: 100%;margin: 0 auto}
.ui8-modal .ui8-modal-close{cursor: pointer;display: none;position: fixed;top: 1px;right: 16px;z-index: 1004;margin: 20px;padding: 11px 0 0 11px;width: 27px;height: 27px;color: #ffd700;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: rgba(0,0,0,0.15);border-radius: 2px}
.ui8-modal .ui8-modal-close:hover{color: #2f8be6}
body{position: relative;color: #fff;background: #000;background-size: 1600px 1180px;overflow-y: scroll}
body.watch-kit{}
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: #fff}
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 -50px 0;padding: 78px 0 0 0;box-sizing: border-box;min-height: 100%;height: auto !important;height: 100%}
#page:after{position: relative;z-index: -1;display: block;content: "";height: 113px}
.container{margin: 0 auto;width: 100%;max-width: 709px}
@-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: 20px;right: 20px;z-index: 209}
@-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: 0;left: 0;z-index: 207;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: #0e0e0e;box-shadow: 0 2px 20px 10px rgba(14,14,14,0.3)}
@media only screen and (max-width:723px){
    #header .background{opacity: 1}
}
#header .logo{position: relative;z-index: 203;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 0;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: 203;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: #fff;-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: #fff}
.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: #fff}
#header .navigation .item.active a{color: #fff}
#header .actions{position: absolute;top: 0;right: 15px;z-index: 200;display: block;margin: 20px 0;padding-right: 58px;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: #fff}
#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: 0;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: #fff}
#header .actions .btn.btn-gray:hover{background-color: #484848}
#header .actions .btn.btn-gray:hover i{color: #fff}
#header .actions .btn i{padding: 0;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: 205;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: #fff;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: 0;border-bottom: 1px solid #555}
#header .actions .btn .dropdown .navs li.border-top{padding-top: 0}
#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: #fff}
#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 #555}
#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: #fff}
#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: #fff;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: #fff}
#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: 207}
#header .actions .account:after{display: block;font-family: "ui8";font-size: 8px;color: #2f8be6;content: "";position: absolute;top: 0;right: -20px;line-height: 38px;z-index: 205}
#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: 0;top: 0;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: #fff;cursor: pointer}
#header .checkout ol.steps li.available:hover:before{color: #fff}
#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: #fff}
#header .checkout ol.steps li.complete:hover:before{color: #fff}
#header .checkout ol.steps li.active{color: #fff}
#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: 0}
    #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: 0}
    #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: 0}
#header .checkout .actions:after{content: "";display: table;clear: both}
#header .checkout .actions .lock{height: 21px;width: 15px;float: left;margin: 9px 7px 0 0;background: url("https:images/ssl.png");background-size: cover}
#footer{position: relative;z-index: 100;min-height: 110px}
#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: 20px 20px 0 20px;text-align: center}
.section .section-header:after{content: "";display: table;clear: both}
@media only screen and (max-width:723px){
    .section .section-header{padding: 20px 20px 0 20px}
}
.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: 20px;right: -3px;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: #fff;font-size: 24px;line-height: 1.3;font-weight: 300}
.section .section-header .section-title.no-meta{margin: 0 0 0 0}
@media only screen and (max-width:723px){
    .section .section-header .section-title{font-size: 24px;line-height: 33px;font-weight: 300}
}
.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: #fff;font-weight: 300}
@media only screen and (max-width:723px){
    .section .section-header .section-meta{padding-bottom: 0 !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: #fff;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: #333}
.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 0 auto !important}
    .section .section-nav .ui8-nav-box{display: none !important}
    .section .section-nav .nav-item{display: block !important;margin: 0 !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: 2;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: 0 !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-top: 21px;padding-bottom: 17px;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: 11px;padding-bottom: 7px}
    .section .default-header .section-header .sorting,.section .author-header .section-header .sorting,.section .category-header .section-header .sorting{padding-right: 15px}
    .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: #fff;font-weight: 300}
/* ===== 页面级：以 .page-* 前缀为主的页面/业务模块样式 ===== */
.page-jobs .inset-header .container{position: relative}
.page-jobs .figure{width: 48px;height: 48px;background-size: cover;background-color: #fff;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: "•";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}
    .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: #fff;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 0;padding: 0 10px}
}
.page-about .personnel .person{display: inline-block;width: 235px;margin: 40px 0 0 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}
    .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: #fff}
.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: #fff;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: #fff;-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: 0 20px}
}
.legal-content{margin: 0 auto;background: #fff;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: #555;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: 0;padding: 0;border-right: none;text-align: center;border-bottom: 1px solid #e8e8e8}
    .legal-content .legal-nav li{display: inline;padding: 0 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: 0;padding: 0 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{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 0}
.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: 201;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: 202}
.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: #fff;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: #fff;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: #fff}
.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: #ccc}
.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: #fff;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: #fff}
.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: #ccc}
.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: #fff !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: #fff;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: #fff;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 0 5px 0}
.page-purchases .purchase .top h4 a{font-size: 11px;text-transform: uppercase;font-weight: 600}
.page-purchases .purchase .top h4 a:hover{color: #000}
.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: #000}
.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: #000}
@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 .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: #fff}
.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: #fff}
.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: 0}
}
.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: 0}
}
.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 0 0}
    .page-affiliate .white-table .cell.units{border-radius: 0 0 4px 0}
}
.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: #fff}
.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: #333}
.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: #fff;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: #333;text-align: center}
.page-affiliate .stats .stat.blue{margin: -20px 0 0 0;padding: 20px 0;color: #fff;background: #2f8be6;border-radius: 4px}
.page-affiliate .stats .stat.blue h3{font-size: 44px}
.page-affiliate .stats .stat.blue span{color: #fff}
@media only screen and (max-width:723px){
    .page-affiliate .stats{height: auto}
    .page-affiliate .stats .stat{width: 100%;height: auto;margin: 0;padding: 20px 0}
    .page-affiliate .stats .stat.blue{margin: 0;border-radius: 0}
    .page-affiliate .stats h3{line-height: 60px}
    .page-affiliate .stats span{margin: 0}
}
.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: #555}
.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: #555;vertical-align: top}
.saved-cards .saved-card a.default:hover span{color: #fff}
.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: #555}
.saved-cards .saved-card .remove-card-x:hover{color: #2f8be6;cursor: pointer}
.saved-cards .saved-card .remove{height: 100%;width: 100%;position: absolute;top: 0;left: 0;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: #fff}
.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: #fff}
.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: 0}
    .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 0}
@media only screen and (max-width:723px){
    .page-session .avatar-uploader{margin: 20px 0 40px 0}
}
.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: 101;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 #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: 210;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: 202}
.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: #fff}
.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: 200;width: 100%;height: 100%;background: #000;background-repeat: no-repeat;background-position: center top;background-size: cover;filter: grayscale(100%);-webkit-filter: grayscale(100%);pointer-events: none}
.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){
    .page-product .inset-header .add-to-cart .btn{display: none}
    .page-product .inset-header .add-to-cart .btn .count{display: none}
}
.page-product .ui8-tabs .count{display: none}
@media only screen and (max-width:723px){
    .page-product .ui8-tabs .count{display: inline}
    .page-product .ui8-tabs .hide-mobile{display: none}
}
.page-product .publisher-meta{padding: 10px 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 20px}
.page-product .pane-images .images:after{content: "";display: table;clear: both}
.page-product .pane-images .images .image:nth-child(2n/**/+1){clear: none}
.page-product .pane-images .images .image-wrapper{margin: 0 1px 1px 0}
.page-product .pane-images .images .image-display{overflow: hidden;border-radius: 1px}
.page-product .pane-images .images .image{display: block;float: left;width: 166px}
@media only screen and (max-width:723px){
    .page-product .pane-images .images{margin: 0}
    .page-product .pane-images .images .image{float: left;width: 33.333%}
    .page-product .pane-images .images .image img{width: 100%}
}
.page-product .pane-details{color: #353535;font-size: 15px;line-height: 25px;font-weight: 300;background: #fff;border-radius: 2px}
@media only screen and (max-width:723px){
    .page-product .pane-details{padding: 30px}
}
.page-product .pane-details .block{margin: 0 auto}
.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}
.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: #555}
.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{padding: 20px}
@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{padding: 38.688px 0;font-size: 18px;width: 166px}
.page-product .pane-pass .section-footer{position: relative;height: 50px}
.page-product .pass-details{padding: 20px 0 0 0}
.page-product .pass-details .brands{margin: 0 auto;padding: 50px 0 0 0;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: 1;font-weight: 300;text-align: center}
.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 0;text-align: center}
@media only screen and (max-width:723px){
    .ultimate-pass-page .white-box{padding: 60px 0 30px 0}
}
.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: 0 auto;padding: 0 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: #000}
.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 0 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: 0;padding: 5px}
}
.ultimate-pass-page .categories a.category{display: block;float: left;width: 240px;height: 250px;margin: 0 0 20px 20px;position: relative}
@media (max-width:860px){
    .ultimate-pass-page .categories a.category{width: 50%;height: 175px;margin: 0 0 20px 0}
}
.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: 0;left: 0;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: 0}
.ultimate-pass-page .categories a.category:hover .background .inner{background: #fff;border-color: #2f8be6;box-shadow: 0 16px 23px rgba(0,0,0,0.07)}
.ultimate-pass-page .new-resources{margin: 120px 0;text-align: center}
.ultimate-pass-page .new-resources h2{font-size: 24px;font-weight: 300;line-height: 33px;color: #fff;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: 0;left: 0;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: 0}
.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: 0}
.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: 206;bottom: 20px;left: 0;-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: 0 8px 38px rgba(42,42,42,0.9)}
.ultimate-pass-page .parallax-section .top .image.r1{top: 0}
.ultimate-pass-page .parallax-section .top .image.r2{top: 150px}
.ultimate-pass-page .parallax-section .top .image.c1{left: 0}
.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: #000}
.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: 0 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: 0 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 0 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: 208}
.watch-wrap .watch-hero{position: absolute;top: 0;left: 0;z-index: 206;height: 100%;width: 100%;overflow: hidden;background: #000}
.watch-wrap .watch-hero video,.watch-wrap .watch-hero img{position: absolute;top: 0;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: 0;right: 0;bottom: 60px;height: 40px;width: 40px;border: 2px solid #636363;border-radius: 50%;font-size: 12px;color: #fff;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: 0;right: 0;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: #fff;margin: 0}
.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: 0 20px 0 0;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: 0;top: 50%;-webkit-transform: translateY(-60%);-ms-transform: translateY(-60%);transform: translateY(-60%);width: 50%;padding: 0 0 0 20px;box-sizing: border-box}
.watch-wrap .watch-slides .slide .copy h3{font-weight: 300;font-size: 24px;color: #fff;margin: 0}
.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: #888;width: 50%}
.watch-wrap .watch-slides .slide.mirror .image{padding: 0 0 0 20px;margin-left: 50%}
.watch-wrap .watch-slides .slide.mirror .copy{right: auto;left: 0;padding: 0 20px 0 0}
@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: 0}
    .watch-wrap .watch-slides .slide .copy{width: 100%;padding-left: 0;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: 0;margin-left: 0}
}
.watch-wrap .watch-examples{text-align: center;margin: 140px 0}
.watch-wrap .watch-examples:after{display: table;content: " ";clear: both}
.watch-wrap .watch-examples h3{font-weight: 300;font-size: 24px;color: #fff;margin: 0}
.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: 0;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: 0 auto;padding: 0;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: #555}
.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: 0 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: 0 0 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: 0;left: 0;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 0 240px 0}
.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: #fff;margin: 0}
.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: 0 auto}
}
.page-checkout .section-footer{text-align: left;margin: 0 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: #fff}
@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: 2;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: #fff}
.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: 0;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: 0}
.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: 0}
@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: 0}
@media only screen and (max-width:723px){
    .checkout-payment .card-zip,.job-form .card-zip,.add-card-form .card-zip{width: 100%}
    .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: #fff}
.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: #fff}
.checkout-payment .pills span:hover,.job-form .pills span:hover,.add-card-form .pills span:hover{color: #fff}
/* ===== 人工维护区：原文件手工追加/覆盖样式（顺序保持不变） ===== */
/* ==================================================================================================================== */
/*全局自适应*/
.page-categories .categories{margin: 0 -15px}
.page-categories .categories:after{content: "";display: table;clear: both}
.page-categories .categories .category{display: block;float: left;margin: 0 15px 30px;height: 224px;width: 224px;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 h3{color: #fff}
.page-categories .categories .category a{display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0}
.page-categories .categories .category a .figure{position: relative;height: 100px;margin: 35px 0 30px 0;text-align: center}
@media only screen and (min-width:724px) and (max-width:1065px){
    .page-categories .categories .category a .figure{height: 90px}
}
@media only screen and (max-width:723px){
    .page-categories .categories .category a .figure{height: 65px}
}
.page-categories .categories .category a .figure img{position: relative;top: 50%;-webkit-transform: translateY(-50%) scale(0.5);-ms-transform: translateY(-50%) scale(0.5);transform: translateY(-50%) scale(0.5)}
.page-categories .categories .category a h3{color: #808080;text-align: center;font-size: 12px;font-weight: 400;-webkit-transition: color 200ms ease;transition: color 200ms ease}
@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: 201px}
}
@media only screen and (max-width:723px){
    .page-categories .categories{margin: 0}
    .page-categories .categories .category{margin: 0 0 15px;width: 98.95% !important;padding: 25px 0 50px !important;height: 165px}
    .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: 0 !important;width: 0 !important;border-left: none !important;border-right: none !important;padding: 0 !important;margin: 0 !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}
}
@media screen and (max-width:724px){
    .container,.container.even{max-width: 302px}
    .container.mobile-fluid{width: auto;max-width: 709px}
}
@media only screen and (min-width:1058px) and (max-width:1391px){
    .container.mobile-fluid{width: auto;max-width: 1043px}
}
@media only screen and (min-width:1392px) and (max-width:1725px){
    .container.mobile-fluid{width: auto;max-width: 1377px}
}
@media only screen and (min-width:1726px) and (max-width:2059px){
    .container.mobile-fluid{width: auto;max-width: 1711px}
}
@media only screen and (min-width:2060px) and (max-width:2393px){
    .container.mobile-fluid{width: auto;max-width: 2045px}
}
@media only screen and (min-width:2394px) and (max-width:2727px){
    .container.mobile-fluid{width: auto;max-width: 2379px}
}
@media only screen and (min-width:2728px) and (max-width:3061px){
    .container.mobile-fluid{width: auto;max-width: 2713px}
}
@media only screen and (min-width:3062px) and (max-width:3395px){
    .container.mobile-fluid{width: auto;max-width: 3047px}
}
@media screen and (min-width:3396px){
    .container.mobile-fluid{width: auto;max-width: 3381px}
}
/*全局自适应*/
/* ==================================================================================================================== */
nav{margin: 20px;text-align: right}
.pagination{display: inline-flex;list-style-type: none;padding: 0;border-radius: 5px;overflow: hidden}
.page-item{margin: 0 1px 0 0}
.page-link{display: block;padding: 11.5px 16px;line-height: 1.25;background-color: #484848;text-decoration: none;transition: background-color 0.3s ease;font-weight: bold}
.page-item.active .page-link{z-index: 2;color: #fff;background-color: #2f8be6}
.page-link:hover{background-color: #2f8be6}
.page-item.disabled{display: none}
/* 发帖-编辑器-上传图片 */
.fwinmask , .popuptext{padding: 0;margin-top: 0;height: 805px !important}
p.mtn.mbn.xi2{margin-top: 0 !important}
.rfm th{width: 47px;text-align: center}
.rfm th, .rfm td{padding: 0 10px 0 0 !important;line-height: 48px}
.rfm .px{width: 140px !important;height: 44px;border-radius: 2px;font-size: 18px;font-weight: bold;background: #2a2a2a;color: #000}
.card-figure p{position: absolute;bottom: 0;left: 0;width: 95.35%;line-height: 22px;padding: 8px 10px;font-size: 12px;font-weight: 600;color: #fff;text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000, -0.5px 0 0 #000, 0.5px 0 0 #000, 0 -0.5px 0 #000, 0 0.5px 0 #000;-webkit-text-stroke: 0.05px #000;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8))}
.card-figure p strong font{color: #ffd700 !important}
.card-wrapper .card-figure p i.fa.fa-eye{color: #ffd700}
/* 帖子内容页预览图 */
.page-product .pane-images .images .image img{display: block;width: 100%;padding: 50.0055% 0;position: relative;background-size: cover;background-position: center center}
/* 版块概览 */
.block.overview{margin: 0 20px}
@media only screen and (max-width:723px){
    .block.overview{margin: 0 0 0 1px}
}
/* 主题正文区域 */
.t_f{padding: 0 20px;box-sizing: border-box}
/* 帖子中 ignore_js_op 容器全宽铺满 */
.t_f ignore_js_op{display: block;width: calc(100% + 39px);position: relative;left: -20px}
.pattl{padding: 0}
/* 附件提示 */
.pattl_c .tip{padding: 10px 5px;margin-top: 38px;width: 156px;background: rgba(0,0,0,0.7);border: none}
.tip_4 .tip_horn{bottom: -1px !important;left: 50% !important;transform: translateX(-50%) !important}
.tip_4 .tip_c{width: max-content !important;margin: 0 auto !important}
/* 缩略图 */
.pattimg{position: relative;margin: 0 1px 1px 0;width: 166px;height: 166px}
.pattimg img{width: 100%;height: 100%}
.pattimg_zoom{line-height: 498px;width: 100%;height: 100%;top: 0;left: 0}
/* 缩略图在不同屏幕宽度下的布局 */
@media only screen and (max-width:723px){
    .pattimg{width: 19.847%;height: auto;line-height: 0}
}
@media only screen and (max-width:684px){
    .pattimg{width: 24.803%;height: auto;line-height: 0}
}
@media only screen and (max-width:517px){
    .pattimg{width: 33.036%;height: auto;line-height: 0}
}
@media only screen and (max-width:350px){
    .pattimg{width: 49.256%;height: auto;line-height: 0}
}
@media only screen and (max-width:183px){
    .pattimg{width: 99.102%;height: auto;line-height: 0}
}
/* Discuz 自带横排缩略图点击大图后的显示样式 */
.tattl.attm{margin: 0 auto !important;padding: 0 !important;line-height: 0}
.mbn{margin-bottom: 0 !important}
.savephotop{margin: 0 auto;text-align: center}
.savephotop img{display: block;max-width: 100%;margin: 0 auto}
/* 隐藏「在新窗口打开 / 实际大小」 */
#imgzoom_imglink, #imgzoom_adjust{display: none !important}
/* 隐藏底部文件名 */
#imgzoom_img .imgzoom_title{display: none !important}
/* 图片浮层容器 */
.zoominner{margin-top: 10px;padding: 0 10px 5px;height: auto !important;background: rgba(62,62,62,0.7)}
/* 图片浮窗文字布局 */
.zoominner p{position: relative}
.zoominner p::before{content: "上一张【←】【→】下一张";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.zoominner p::after{content: "【ESC】关闭";position: absolute;right: 24px;top: 50%;transform: translateY(-50%)}
/* 改变遮罩高度 */
#imgzoom_cover{height: 9999px !important}
/* 分类列表卡片 */
.page-categories .categories .category{float: left;margin: 0.5px;padding: 50px 0 100px;width: 333px;background: rgba(42, 42, 42, 0.4);border-radius: 2px;position: relative;opacity: 1;overflow: hidden;display: initial !important;height: auto !important;transition: none !important}
.page-categories .categories .category a{position: relative;display: initial !important;top: auto !important;left: auto !important}
.page-categories .section .container .categories{margin: 0 20px !important;overflow: hidden}
/* 模态框中的滚动到顶部按钮 */
.ui8-modal .scroll-to-top{position: fixed;bottom: 1px;right: 16px;z-index: 1004;margin: 20px;padding: 0;width: 38px;height: 38px;color: #ffd700;backface-visibility: hidden;background-color: rgba(0,0,0,0.15);border-radius: 2px;border: none;display: none}
.ui8-modal .scroll-to-top.show{display: block}
/* 上一期 / 返回列表 / 下一期 区块 */
.nav-wrapper{margin: 0 68px;display: flex;justify-content: space-between;align-items: center;position: relative}
.n-b-p{padding: 5px 20px !important}
/* 全屏模式懒加载需要宽度 100%，否则不会懒加载 */
.ui8-modal .image img{width: 100%}
/* ==================================================================================================================== */
/* 修复主页排序导航部分移动设备无法展开的问题 */
.ui8-select .options a{display: block;padding: 4px 0}
.sorting .ui8-select .options{display: none}
/* 默认隐藏 */
.sorting .ui8-select:hover .options{display: block}
/* PC 端：hover 显示 */
.sorting .ui8-select.is-open .options{display: block}
/* 触屏端 / JS 控制：加上 .is-open 时显示 */
/* ==================================================================================================================== */
/* ==================================================================================================================== */
/* 通用翻页导航：不分 PC / 手机，一套样式通用 */
.pg em,.pg kbd,.pg label{display: none !important}
.pg{margin: 20px 0;padding: 4px 0;text-align: center;font-size: 14px;line-height: 1;display: flex;flex-wrap: wrap;justify-content: center;align-items: center}
.pg a,.pg strong,.pg span.page-disabled{display: inline-block;min-width: 36px;padding: 10px;margin: 0 1px;border-radius: 2px;background: #484848;color: #f5f5f5;text-decoration: none;white-space: nowrap;box-sizing: border-box;transition: background .2s,box-shadow .2s,transform .1s}
.pg strong{background: #2f8be6;box-shadow: 0 0 12px rgba(0,116,217,.8)}
.pg span.page-disabled{opacity: .4;cursor: default}
.pg .page-ellipsis{display: inline-block;padding: 0 2px;opacity: .7}
.pg>*{order: 1}
.pg::after{content: "";flex-basis: 100%;order: 2}
.pg a.prev,.pg a.nxt,.pg span.page-disabled.prev,.pg span.page-disabled.nxt{order: 3;margin-top: 15px;min-width: 72px}
.pg .mmrgb-hide-page{display: none !important}
@media (hover:hover) and (pointer:fine){
    .pg a:hover{background: #2f8be6;box-shadow: 0 0 10px rgba(47,139,230,.6);transform: translateY(-1px)}
}
/* ==================================================================================================================== */
/* ==================================================================================================================== */
/* viewthread：缩略图格子里的大/小图切换按钮格子 =============================== */
/* 暂时隐藏所有楼层大/小图区域的“头部”大小图按钮格子，只保留尾部 */
[id^="imagelistthumb_"] .pattimg.mmrgb-thumb-toggle:first-of-type, [id^="imagelist_"].cl:not(.pattl_c) .pattimg.mmrgb-thumb-toggle:first-of-type{display: none !important}
.pattimg.mmrgb-thumb-toggle{box-sizing: border-box}
.pattimg.mmrgb-thumb-toggle::before{content: "";display: block;padding-top: 100%}
.pattimg.mmrgb-thumb-toggle .mmrgb-thumb-btn{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: #2f8be6;font-size: 20px;font-weight: 600;text-align: center;text-decoration: none;box-sizing: border-box;overflow: hidden}
.cl:not(.pattl_c) > .pattimg.mmrgb-thumb-toggle{float: none}
@media (hover:hover) and (pointer:fine){
    .pattimg.mmrgb-thumb-toggle .mmrgb-thumb-btn:hover{background: linear-gradient(45deg,#ff1493,#ff8c00) !important}
}
.pattimg.mmrgb-thumb-toggle .mmrgb-thumb-btn::after{content: "";position: absolute;top: 0;left: -150%;width: 50%;height: 100%;background: linear-gradient(120deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);transform: skewX(-20deg);pointer-events: none;animation: mmrgb-btn-shine 2.8s linear infinite}
/* ==================================================================================================================== */
/* ==================================================================================================================== */
/* 上一期 / 下一期 导航按钮 */
.episode-nav-wrapper{padding: 0 20px 0 19px}
.episode-nav-wrapper.cl:after{content: "" !important}
.episode-nav-item{display: block;width: 100%;max-width: 494px;margin: 0 auto 8px;padding: 15px 20px;background: #333;border-radius: 2px;color: #eee;text-decoration: none;box-sizing: border-box;transition: background .25s,transform .15s}
.episode-nav-label{display: flex;font-size: 12px;margin-bottom: 4px}
.episode-nav-title{font-size: 14px;font-weight: 600;margin-bottom: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.episode-nav-meta{display: flex;gap: 12px;font-size: 12px;opacity: .85}
.episode-nav-prev .episode-nav-label,.episode-nav-prev .episode-nav-title,.episode-nav-prev .episode-nav-meta{justify-content: flex-end;text-align: right}
.episode-nav-next .episode-nav-label,.episode-nav-next .episode-nav-title,.episode-nav-next .episode-nav-meta{justify-content: flex-start;text-align: left}
.episode-nav-disabled{opacity: .45;cursor: default}
@media (hover:hover) and (pointer:fine){
    .episode-nav-item:not(.episode-nav-disabled):hover{background: linear-gradient(45deg,#ff1493,#ff8c00) !important;transform: translateY(-1px)}
}
@media only screen and (max-width:1057px){
    .episode-nav-wrapper{padding: 0 20px 0 19px}
    .episode-nav-item{max-width: 100%;margin: 0 auto 10px}
    .episode-nav-label,.episode-nav-title,.episode-nav-meta,.episode-nav-prev .episode-nav-label,.episode-nav-prev .episode-nav-title,.episode-nav-prev .episode-nav-meta,.episode-nav-next .episode-nav-label,.episode-nav-next .episode-nav-title,.episode-nav-next .episode-nav-meta{justify-content: center;text-align: center}
}
@media only screen and (min-width:1058px){
    .episode-nav-wrapper{display: flex;justify-content: space-between;align-items: stretch;margin: 1px 1px 1px 0}
    .episode-nav-item{margin: 1px 0;width: auto;max-width: 494px;flex: 1 1 0}
    .episode-nav-prev{margin-right: auto}
    .episode-nav-next{margin-left: auto}
}
@media only screen and (max-width:723px){
    .episode-nav-wrapper{padding: 0 1px}
}
/* ==================================================================================================================== */
/* ==================================================================================================================== */
/* 公用：亮光划过 keyframes */
@keyframes mmrgb-btn-shine{
    0%{left: -150%}
    50%{left: 150%}
    100%{left: 150%}
}
/* ==================================================================================================================== */
/* ==================================================================================================================== */
/* 移动端点击兼容性修复：避免部分移动浏览器出现链接需点两次（hover/双击缩放/300ms 延迟干扰） */
.episode-nav-item{position: relative;z-index: 1;touch-action: manipulation;-ms-touch-action: manipulation;-webkit-tap-highlight-color: transparent}
.episode-nav-item *{touch-action: manipulation;-ms-touch-action: manipulation;-webkit-tap-highlight-color: transparent}
@media (hover:none),(pointer:coarse){
    .episode-nav-item{-webkit-user-select: none;user-select: none}
}
/* 兜底：全站链接/按钮的触控行为统一（不影响桌面端） */
a,button{touch-action: manipulation;-ms-touch-action: manipulation;-webkit-tap-highlight-color: transparent}

/* 回到顶部按钮样式 */
#back-to-top{display: none;position: fixed;bottom: 80px;right: 30px;width: 38px;height: 38px;border: none;border-radius: 2px;cursor: pointer;z-index: 102;overflow: hidden;background: rgba(50,50,50,0.6)}
#back-to-top::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0;height: 0;border-left: 11px solid transparent;border-right: 11px solid transparent;border-bottom: 18px solid #ffd700}
/* ==================================================================================================================== */
/* ==================================================================================================================== */
/* 底部右侧的大小图悬浮按钮 ====================================== */
#mmrgb-viewtoggle-float{position: fixed;right: 30px;bottom: 40px;z-index: 103;pointer-events: none}
#mmrgb-viewtoggle-float .mmrgb-viewtoggle-btn{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 2px;background: rgba(50,50,50,.6);color: #ffd700;pointer-events: auto}
#mmrgb-viewtoggle-float .mmrgb-viewtoggle-btn svg{display: block;fill: currentColor;pointer-events: none}
#mmrgb-viewtoggle-float .mmrgb-viewtoggle-btn .mmrgb-icon-big{width: 28px;height: 28px}
#mmrgb-viewtoggle-float .mmrgb-viewtoggle-btn .mmrgb-icon-thumb{width: 24px;height: 24px}
@media (hover:hover) and (pointer:fine){
    #mmrgb-viewtoggle-float .mmrgb-viewtoggle-btn:hover{background: rgba(50,50,50,.9);box-shadow: 0 0 14px rgba(0,0,0,.6)}
}
#mmrgb-viewtoggle-float .mmrgb-viewtoggle-btn::after{content: attr(data-tip) " ➤";position: absolute;right: 38px;top: 50%;transform: translateY(-50%);padding: 10px 10px;font-weight: 600;white-space: nowrap;color: #fff;background: rgba(50,50,50,.9);border-radius: 2px;box-shadow: 0 0 6px rgba(0,0,0,.6);opacity: 0;pointer-events: none;transition: opacity .2s,transform .2s}
#mmrgb-viewtoggle-float .mmrgb-viewtoggle-btn.mmrgb-tip-visible::after{opacity: 1;transform: translateY(-50%) translateX(-2px)}
@media (hover:hover) and (pointer:fine){
    #mmrgb-viewtoggle-float .mmrgb-viewtoggle-btn:hover::after{opacity: 1;transform: translateY(-50%) translateX(-2px)}
}
@media only screen and (max-width:723px){
    #mmrgb-viewtoggle-float .mmrgb-viewtoggle-btn::after{right: 40px;font-size: 11px}
}
/* ==================================================================================================================== */
/*回到顶部上面的 大小图悬浮按钮 旧版*/
.new-attl-toggle{display: flex;justify-content: center;align-items: center;position: fixed;right: 30px;width: 38px;height: 38px;border: none;border-radius: 2px;cursor: pointer;z-index: 102;overflow: hidden;background: rgba(72,72,72,0.5);text-decoration: none;color: #f8f9fa;transition: all 0.3s ease;bottom: 120px;-webkit-tap-highlight-color: transparent;touch-action: manipulation}
.new-attl-toggle svg{fill: #f8f9fa}
.new-attl-toggle:hover{animation: hover-pulse 1s infinite alternate, hover-rgb-gradient 5s infinite linear}

/* ====================================================================================================
   移动端侧边栏版块列表：防止浏览器底部地址栏/工具栏遮挡最后一项（仅影响 reveal-sidebar 打开的侧栏）
   - 可按需调整：--mmrgb-urlbar-pad（默认 90px）
   ==================================================================================================== */
:root{--mmrgb-urlbar-pad: 90px}
@media only screen and (max-width:723px){
    .reveal-sidebar .site-header .ui8-sidebar{top: 0;right: 0;bottom: 0;left: auto;height: auto}
    .reveal-sidebar .site-header .ui8-sidebar .categories{box-sizing: border-box;padding-bottom: calc(var(--mmrgb-urlbar-pad) + env(safe-area-inset-bottom, 0px));scroll-padding-bottom: calc(var(--mmrgb-urlbar-pad) + env(safe-area-inset-bottom, 0px));-webkit-overflow-scrolling: touch}
}
/* 支持动态视口单位的浏览器：用 100dvh 更精确匹配可视区域高度（不会受地址栏收起/展开影响）。 */
@supports (height: 100dvh){
    @media only screen and (max-width:723px){
        .reveal-sidebar .site-header .ui8-sidebar{height: 100dvh}
    }
}