@charset "UTF-8";html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
@font-face{font-family:'ui8';src:url('/fonts/v2/ui8.eot?ygn8zu');src:url('/fonts/v2/ui8.eot?ygn8zu#iefix') format('embedded-opentype'),url('/fonts/v2/ui8.ttf?ygn8zu') format('truetype'),url('/fonts/v2/ui8.woff?ygn8zu') format('woff'),url('/fonts/v2/ui8.svg?ygn8zu#ui8') format('svg');font-weight:normal;font-style:normal}
i.icon{font-family:'ui8' !important;speak:none;font-size:16px !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
i.icon-AE:before{content:"\e900"}
i.icon-AI:before{content:"\e901"}
i.icon-PS:before{content:"\e902"}
i.icon-InDesign:before{content:"\e903"}
i.icon-omni:before{content:"\e904"}
i.icon-dribbble:before{content:"\e905"}
i.icon-WP:before{content:"\e906"}
i.icon-github:before{content:"\e907"}
i.icon-linkedin:before{content:"\e908"}
i.icon-instagram:before{content:"\e909"}
i.icon-facebook:before{content:"\e90a"}
i.icon-twitter:before{content:"\e90b"}
i.icon-arrow-down:before{content:"\e90c"}
i.icon-arrow-right:before{content:"\e90d"}
i.icon-close-bold:before{content:"\e90e"}
i.icon-arrow-right-BIG:before{content:"\e90f"}
i.icon-cartcopy2:before{content:"\e910"}
i.icon-check:before{content:"\e911"}
i.icon-close:before{content:"\e912"}
i.icon-comment:before{content:"\e913"}
i.icon-contact:before{content:"\e914"}
i.icon-download:before{content:"\e915"}
i.icon-dropbox:before{content:"\e916"}
i.icon-following:before{content:"\e917"}
i.icon-info:before{content:"\e918"}
i.icon-like:before{content:"\e919"}
i.icon-loading:before{content:"\e91a"}
i.icon-minus:before{content:"\e91b"}
i.icon-money:before{content:"\e91c"}
i.icon-notifications:before{content:"\e91d"}
i.icon-plus-bold:before{content:"\e91e"}
i.icon-plus:before{content:"\e91f"}
i.icon-search:before{content:"\e920"}
i.icon-sketch:before{content:"\e921"}
i.icon-Tumbler:before{content:"\e922"}
i.icon-view:before{content:"\e923"}
.pull-left{float: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-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:#FFFFFF}
.ui8-tabs .tab.active:after{opacity:1;width:100%}
.ui8-tabs .tab:hover{color:#FFFFFF;cursor:pointer}
@media only screen and (max-width:723px){.ui8-tabs{padding:0 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}
}@-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:#FFFFFF}
.cards .likes{opacity:0;position:absolute;top:10px;right:-100%;z-index:2;-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:1;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:#FFFFFF;background:#2F8BE6}
.cards .hover .group .btn.btn-green:hover{color:#FFFFFF;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:#FFFFFF;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}
}
@media only screen and (max-width:723px){.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:#FFFFFF}
.cart-section .upsell p a{color:#2F8BE6}
.cart-section .upsell p a:hover{color:#FFFFFF}
.cart-section .upsell span.close{position:absolute;top:15px;right:15px;font-size:20px;color:#2F8BE6}
.cart-section .upsell span.close:hover{cursor:pointer;color:#FFFFFF}
.cart-section .cart-promotion{width:100%;height:70px;background:#FFFFFF;line-height:70px;border-radius:2px;margin-bottom:30px;padding:0px 20px;box-sizing:border-box;position:relative}
.cart-section .cart-promotion span,.cart-section .cart-promotion strong{font-size:13px;color:#353535}
.cart-section .cart-promotion span.remove,.cart-section .cart-promotion strong.remove{padding-left:5px;color:#AFAFAF}
.cart-section .cart-promotion span.remove:hover,.cart-section .cart-promotion strong.remove:hover{color:#2F8BE6;cursor:pointer}
.cart-section .cart-promotion span.discount,.cart-section .cart-promotion strong.discount{position:absolute;top:0px;right:20px;font-size:14px;font-weight:700;color:#33a466}
.cart-section .cart-promotion strong{padding-right:5px}
.cart-section .cart-promotion strong span{color:#33a466}
.cart-section .cart-item{width:100%;height:100px;overflow:hidden;background:#2A2A2A;border-radius:2px;margin-bottom:20px;position:relative;-webkit-transition:height 300ms ease;transition:height 300ms ease}
.cart-section .cart-item.active{height:300px}
@media only screen and (max-width:723px){.cart-section .cart-item{height:auto !important;margin:0 0 15px 0}
}.cart-section .cart-item .cart-item-info{position:relative;z-index:200;height:100px;background:#FFFFFF;border-radius:2px;padding:20px;box-sizing:border-box}
.cart-section .cart-item .cart-item-info:after{content:"";display:table;clear:both}
.cart-section .cart-item .cart-item-info h4{font-size:14px;font-weight:400;line-height:14px;color:#353535;margin:8px 0}
.cart-section .cart-item .cart-item-info .image{float:left;width:82px;height:60px;background-color:#2A2A2A;background-position:center center;background-size:cover;border-radius:2px;margin:0 20px 0 0}
.cart-section .cart-item .cart-item-info .name{float:left}
.cart-section .cart-item .cart-item-info .name h4{font-size:15px;font-weight:400;margin:13px 0 7px 0}
.cart-section .cart-item .cart-item-info .name a{color:#353535}
.cart-section .cart-item .cart-item-info .name a:hover{color:#2F8BE6}
.cart-section .cart-item .cart-item-info .name span{color:#AFAFAF;font-size:12px}
.cart-section .cart-item .cart-item-info .name span:hover{cursor:pointer;color:#2F8BE6}
.cart-section .cart-item .cart-item-info .price{float:right;text-align:right}
.cart-section .cart-item .cart-item-info .price h4{font-size:15px;margin:12px 0 8px 0}
.cart-section .cart-item .cart-item-info .price h4 .strike{position:relative;margin:0 10px 0 0;color:#2F8BE6}
.cart-section .cart-item .cart-item-info .price h4 .strike:after{position:absolute;top:8px;left:-2px;padding:0 2px;content:'';width:100%;height:2px;background:#2F8BE6}
.cart-section .cart-item .cart-item-info .price span.license-toggle{color:#2F8BE6;font-size:12px;cursor:pointer}
.cart-section .cart-item .cart-item-info .price span.license-toggle i{margin-left:5px;font-size:10px;line-height:12px;font-weight:300}
@media only screen and (max-width:723px){.cart-section .cart-item .cart-item-info{position:relative;padding:15px;height:auto}
.cart-section .cart-item .cart-item-info .image{margin:0 15px 0 0;width:50px;height:37px}
.cart-section .cart-item .cart-item-info .price{position:absolute;top:15px;right:15px}
.cart-section .cart-item .cart-item-info .name{padding:0 40px 0 0;float:none;overflow:hidden}
.cart-section .cart-item .cart-item-info .name h4{margin:0;padding:4px 0 0 0;font-size:14px;width:100%;white-space:nowrap;text-overflow:ellipsis}
}.cart-section .cart-item .cart-item-licenses{position:absolute;width:100%;z-index:100;bottom:0px;padding:20px;box-sizing:border-box}
.cart-section .cart-item .cart-item-licenses p{position:absolute;bottom:163px;padding:0px;margin:0px}
.cart-section .cart-item .cart-item-licenses a.info{position:absolute;bottom:166px;right:20px;display:block;height:14px;width:14px;background:#AFAFAF;color:#2A2A2A;font-size:11px;font-weight:600;line-height:14px;text-align:center;border-radius:50%}
.cart-section .cart-item .cart-item-licenses a.info:hover{background:#FFFFFF}
.cart-section .cart-item .cart-item-licenses ul{height:128px;margin-left:-20px}
.cart-section .cart-item .cart-item-licenses ul:after{content:"";display:table;clear:both}
.cart-section .cart-item .cart-item-licenses ul li{display:block;float:left;background:#353535;height:128px;width:125px;border-radius:2px;margin-left:20px;box-sizing:border-box;padding:20px 0px;border:2px solid #353535;color:#AFAFAF;text-align:center}
.cart-section .cart-item .cart-item-licenses ul li h3,.cart-section .cart-item .cart-item-licenses ul li h4{font-weight:400;margin:0px}
.cart-section .cart-item .cart-item-licenses ul li h4{font-size:12px}
.cart-section .cart-item .cart-item-licenses ul li h3{font-size:18px}
.cart-section .cart-item .cart-item-licenses ul li hr{width:15px;border:1px solid #484848;margin:10px auto 12px auto}
.cart-section .cart-item .cart-item-licenses ul li:hover{cursor:pointer;color:#FFFFFF}
.cart-section .cart-item .cart-item-licenses ul li.active{border-color:#2F8BE6;background:#2A2A2A;color:#FFFFFF}
.cart-section .cart-item .cart-item-licenses ul li.active hr{border-color:#2F8BE6}
.cart-section .inputs{width:100%}
.cart .cart-item .cell{font-size:14px}
.cart .cell{vertical-align:middle}
.cart .cell a:not(.btn){color:#2F8BE6}
.cart .cell a:not(.btn):hover{color:#333333}
.cart .cell.dark{padding:15px;color:#FFFFFF;font-weight:600;border-color:#414141;background:#414141;border-bottom:none}
.cart .cell.details{width:45%;line-height:54px;font-weight:600}
.cart .cell.details .content{display:inline-block;vertical-align:middle}
.cart .cell.details .content .name a{display:block;color:#333333;line-height:20px}
.cart .cell.details .content .remove{display:block;line-height:1;font-size:12px;font-weight:400}
.cart .cell.price{width:12%;font-weight:700;text-align:center}
.cart .cell.remove{width:9%;text-align:center}
.cart .cell.license{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;width:34%;text-transform:capitalize}
.cart .cell.license strong{font-weight:400}
.cart .cell.license em{padding:0 0 0 10px;color:#808080;font-style:normal}
.cart .cell.remove a{display:block;margin:0 auto;padding:8px 0;width:20px;height:4px;text-decoration:none}
.cart .cell.remove a span{display:block;margin:0 auto;width:10px;height:4px;background:#3E3E3E}
.cart .cell .arrow{float:right;font-size:10px;line-height:21px}
.cart .cell .image{display:block;float:left;margin:0 20px 0 0;width:78px;height:54px;background-size:cover;background-color:#484848;background-repeat:no-repeat}
.cart .cell .invalid{color:#B64B4B}
.cart .cell.discounted{text-align:center;font-weight:700}
.cart .cell.coupon-code{padding-top:0;padding-bottom:0;color:#686A6A;font-weight:400}
.cart .cell.coupon-code .state{position:relative}
.cart .cell.coupon-code .state:after{content:"";display:table;clear:both}
.cart .cell.coupon-code .applied-state{color:#FFFFFF}
.cart .cell .inputs input{float:left;padding:0;line-height:50px;font-size:13px;height:50px;width:100%;background:none}
.cart .cell .inputs input::-webkit-input-placeholder{color:#6A6A68}
.cart .cell .inputs input:-moz-placeholder{color:#6A6A68}
.cart .cell .inputs input::-moz-placeholder{color:#6A6A68}
.cart .cell .inputs input:-ms-input-placeholder{color:#6A6A68}
.cart .cart-footer .cell{padding:0;width:50%;height:64px;line-height:64px;border:none;background:#464646;border-top-left-radius:0 !important;border-top-right-radius:0 !important;vertical-align:middle}
.cart .cart-footer a:hover{color:#FFFFFF}
.cart .cart-footer .coupon-code{padding:0 20px;line-height:50px}
.cart .cart-footer .coupon-code .inputs{position:relative}
.cart .cart-footer .coupon-code .inputs input{border:none;outline:none}
.cart .cart-footer .coupon-code .inputs span,.cart .cart-footer .coupon-code .inputs a{position:absolute;top:0;right:0}
@media only screen and (max-width:723px){.cart .cart-footer .coupon-code{display:block;width:100%;height:50px;box-sizing:border-box;border-radius:0px !important}
}.cart .cart-footer .cell.total{padding:0 0 0 15px;font-size:15px;text-align:center;font-weight:400}
@media only screen and (max-width:723px){.cart .cart-footer .cell.total{display:block;width:100%;box-sizing:border-box}
}.cart .cart-footer .cell.total .total{width:27%;text-align:center}
@media only screen and (max-width:723px){.cart .cart-footer .cell.total .total{width:16%;text-align:center}
}.cart .cart-footer .cell.total .spec{position:relative;display:inline-block}
.cart .cart-footer .cell.total .spec:after{position:absolute;top:50%;left:-15px;content:'';margin:-12px 0 0 -6px;width:1px;height:24px;background:#808080}
@media only screen and (max-width:723px){.cart .cart-footer .cell.total .spec:after{display:none}
}@media only screen and (max-width:723px){.cart .cart-footer .cell.total{border-radius:0 0 0 4px !important;padding:0px 20px}
.cart .cart-footer .cell.total .spec:after{display:none}
}.cart .cart-promotion .cell{height:65px;padding-top:0;padding-bottom:0;border:none;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}
.cart .cart-promotion .remove{padding-left:5px}
@media only screen and (max-width:723px){.cart .cart-promotion .cell{padding:10px 20px}
.cart .cart-promotion .remove{padding-left:0px}
}.cart .cart-item-license .licenses{padding:0 10px;height:0;overflow:hidden;background:#2c2c2c;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:height 200ms ease-out;transition:height 200ms ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.cart .cart-item-license .licenses:after{content:"";display:table;clear:both}
.cart .cart-item-license.active .licenses{height:200px;-webkit-transition-delay:0ms;transition-delay:0ms}
.cart .cart-item-license.active .license{opacity:1}
.cart .cart-item-license .license{opacity:0;padding:20px 0;display:block;float:left;width:25%;text-align:center;-webkit-transition:opacity 200ms ease 0ms;transition:opacity 200ms ease 0ms}
.cart .cart-item-license .license .license-wrapper{opacity:0.5;cursor:pointer;margin:0 10px;padding:33px 15px;color:#FFFFFF;border:2px solid #717171;border-radius:4px;-webkit-transition:border-color 150ms ease,opacity 150ms ease;transition:border-color 150ms ease,opacity 150ms ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.cart .cart-item-license .license .license-wrapper .name{margin:0 0 10px 0;font-size:24px;line-height:1;font-weight:300;text-transform:capitalize}
.cart .cart-item-license .license .license-wrapper .users{display:block;padding:0 0 15px 0;margin:0 0 15px 0;line-height:1;color:#2F8BE6;font-weight:400}
.cart .cart-item-license .license .license-wrapper .price{display:block;line-height:1;font-weight:700}
.cart .cart-item-license .license .license-wrapper:hover{opacity:1;border-color:#717171}
.cart .cart-item-license .license .license-wrapper.active{opacity:1;border-color:#2F8BE6}
#flash{position:fixed;bottom:30px;right:30px;z-index:10000;-webkit-transition:all 300ms ease;transition:all 300ms ease;pointer-events:none;opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);font-size:16px;line-height:22px;font-weight:300;max-width:240px;word-wrap:break-word;padding:60px 30px;box-sizing:border-box;border-radius:4px;cursor:pointer}
#flash.fade-in{pointer-events:auto;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#flash svg{position:absolute;top:10px;right:10px}
#flash.error{background:#B64B4B}
#flash.message{background:#2F8BE6}
.flip-clock-wrapper *{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.flip-clock-wrapper a{cursor:pointer;text-decoration:none;color:#FFFFFF;text-shadow:none}
.flip-clock-wrapper a:hover{color:#fff}
.flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after{content:" ";display:table}
.flip-clock-wrapper.clearfix:after{clear:both}
.flip-clock-wrapper.clearfix{*zoom:1}
.flip-clock-wrapper{font-weight:600;font-family:"jaf-bernino-sans",sans-serif;-webkit-user-select:none}
.flip-clock-wrapper{text-align:center;position:relative}
.flip-clock-wrapper:before,.flip-clock-wrapper:after{content:" ";display:table}
.flip-clock-wrapper:after{clear:both}
.flip-clock-wrapper ul{position:relative;float:left;margin:0 5px;width:88px;height:128px;font-size:100px;line-height:128px;border-radius:6px;background:#000;list-style:none;box-shadow:0 -2px 20px rgba(0,0,0,0.1),-14px 17px 40px rgba(0,0,0,0.2),14px 17px 40px rgba(0,0,0,0.2)}
.flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:128px;text-decoration:none !important}
.flip-clock-wrapper ul li:first-child{z-index:2}
.flip-clock-wrapper ul li a{display:block;height:100%;-webkit-perspective:200px;perspective:200px;margin:0 !important;overflow:visible !important;cursor:default !important}
.flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:100px;overflow:hidden;outline:1px solid transparent}
.flip-clock-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}
.flip-clock-wrapper ul li a div.up{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;top:0}
.flip-clock-wrapper ul li a div.up:after{content:"";position:absolute;top:63px;left:0;z-index:5;width:100%;height:3px;background-color:#181818;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.flip-clock-wrapper ul li a div.down{-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;bottom:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.flip-clock-wrapper ul li a div.down:before{content:"";position:absolute;top:0;left:0;z-index:5;width:100%;height:1px;background-color:#454545;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;font-size:100px;text-align:center;background:#3d3d3d;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3d3d3d),color-stop(100%,#2d2d2d));background:-webkit-linear-gradient(top,#3d3d3d 0%,#2d2d2d 100%);background:linear-gradient(to bottom,#3d3d3d 0%,#2d2d2d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d',endColorstr='#2d2d2d',GradientType=0 );border-radius:4px}
.flip-clock-wrapper ul li a div.up div.inn{top:0}
.flip-clock-wrapper ul li a div.down div.inn{bottom:0}
.flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}
.flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation:asd 0.5s 0.5s linear both;animation:asd 0.5s 0.5s linear both;z-index:5}
.flip-clock-divider{float:left;display:inline-block;position:relative;width:20px;height:128px}
.flip-clock-divider:first-child{width:0}
.flip-clock-dot{display:block;background:#555;width:8px;height:8px;position:absolute;border-radius:50%;left:6px}
.flip-clock-divider .flip-clock-label{display:none;position:absolute;top:-1.5em;right:-86px;color:black;text-shadow:none}
.flip-clock-dot.top{top:50px}
.flip-clock-dot.bottom{bottom:50px}
@-webkit-keyframes asd{0%{z-index:2}
20%{z-index:4}
100%{z-index:4}
}@keyframes asd{0%{z-index:2}
20%{z-index:4}
100%{z-index:4}
}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;-webkit-animation:turn 0.5s 0.5s linear both;animation:turn 0.5s 0.5s linear both}
@-webkit-keyframes turn{0%{-webkit-transform:rotateX(90deg)}
100%{-webkit-transform:rotateX(0deg)}
}@keyframes turn{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}
100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;-webkit-animation:turn2 0.5s linear both;animation:turn2 0.5s linear both}
@-webkit-keyframes turn2{0%{-webkit-transform:rotateX(0deg)}
100%{-webkit-transform:rotateX(-90deg)}
}@keyframes turn2{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
100%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}
}.flip-clock-wrapper ul li.flip-clock-active{z-index:3}
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black));background:linear,top,rgba(0,0,0,0.1) 0%,black 100%;background:-ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);background:linear,to bottom,rgba(0,0,0,0.1) 0%,black 100%;-webkit-animation:show 0.5s linear both;animation:show 0.5s linear both}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black));background:linear,top,rgba(0,0,0,0.1) 0%,black 100%;background:-ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);background:linear,to bottom,rgba(0,0,0,0.1) 0%,black 100%;-webkit-animation:hide 0.5s 0.3s linear both;animation:hide 0.5s 0.3s linear both}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:-moz-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1)));background:linear,top,black 0%,rgba(0,0,0,0.1) 100%;background:-ms-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);background:linear,to bottom,black 0%,rgba(0,0,0,0.1) 100%;-webkit-animation:show 0.5s linear both;animation:show 0.5s linear both}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:-moz-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1)));background:linear,top,black 0%,rgba(0,0,0,0.1) 100%;background:-ms-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);background:linear,to bottom,black 0%,rgba(0,0,0,0.1) 100%;-webkit-animation:hide 0.5s 0.3s linear both;animation:hide 0.5s 0.2s linear both}
@-webkit-keyframes show{0%{opacity:0}
100%{opacity:1}
}@keyframes show{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes hide{0%{opacity:1}
100%{opacity:0}
}@keyframes hide{0%{opacity:1}
100%{opacity:0}
}.flip-clock-divider{width:10px;height:92px}
.flip-clock-divider .flip-clock-dot{width:6px;height:6px;left:2px}
.flip-clock-divider .flip-clock-dot.top{top:35px}
.flip-clock-divider .flip-clock-dot.bottom{bottom:35px}
.flip-clock-wrapper ul{width:60px;height:92px;font-size:70px;line-height:92px}
.flip-clock-wrapper ul li{line-height:92px}
.flip-clock-wrapper ul li a div{font-size:70px}
.flip-clock-wrapper ul li a div div.inn{font-size:70px}
@media only screen and (max-width:723px){.flip-clock-divider{width:10px;height:50px}
.flip-clock-divider .flip-clock-dot{width:6px;height:6px;left:2px}
.flip-clock-divider .flip-clock-dot.top{top:15px}
.flip-clock-divider .flip-clock-dot.bottom{bottom:15px}
.flip-clock-wrapper ul{width:34px;height:50px;font-size:30px;line-height:50px}
.flip-clock-wrapper ul li{line-height:50px}
.flip-clock-wrapper ul li a div{font-size:30px}
.flip-clock-wrapper ul li a div div.inn{font-size:30px}
}.ui8-dialog{opacity:0;position:fixed;top:0;left:-100%;z-index:1000000;width:100%;height:100%;background:#2A2A2A;-webkit-transition:opacity 200ms ease,left 0ms 200ms;transition:opacity 200ms ease,left 0ms 200ms}
.ui8-dialog .submit a{line-height:34px;font-weight:600}
.ui8-dialog>.close{cursor:pointer;position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}
.show-demo .ui8-dialog.demo,.show-video .ui8-dialog.video,.show-dialog .ui8-dialog.dialog{left:0;opacity:1;-webkit-transition-delay:200ms,0ms;transition-delay:200ms,0ms}
.ui8-dialog .close-dialog{cursor:pointer;position:absolute;top:0;right:0;margin:20px;padding:10px;width:16px;height:16px;color:#FFFFFF}
.ui8-dialog .card .section-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:40px}
.ui8-dialog .submit .btn{float:right}
.ui8-dialog>.card{position:absolute;top:50%;left:50%;z-index:5;padding:0 50px;width:100%;max-width:410px;background:#353535;border-radius:4px;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.ui8-dialog.video{z-index:10000000}
.ui8-dialog.video .close-dialog{top:0}
.ui8-dialog.video .card{padding:0 0 33.75% 0;height:50px;max-width:60%;background:none}
.ui8-dialog.video .card .video-wrapper{overflow:hidden;background:none}
.ui8-dialog.video .card .video-wrapper>*{position:absolute;top:0;left:0;width:100%;height:100%;border:none;outline:none}
.ui8-dialog.video .card pre{display:none}
.ui8-dialog .inputs{width:auto}
.ui8-dialog .content{padding-bottom:20px}
.ui8-select{position:relative;display:inline-block;padding:0 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:20;color:#FFFFFF;line-height:38px;pointer-events:none}
.ui8-select .active-option{cursor:pointer;position:relative;z-index:10;display:block;padding:0 40px 0 0;color:#FFFFFF;font-size:12px;font-weight:400}
.ui8-select .options{pointer-events:none;opacity:0;display:block;position:absolute;top:0px;right:0;left:0;bottom:auto;z-index:10;padding:4px 20px;font-size:12px;font-weight:400;text-align:left;border-radius:4px;background:#484848;top:36px;border-radius:0px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#404040}
.ui8-select .options .option{cursor:pointer;display:block;color:#AFAFAF;line-height:30px}
.ui8-select .options .option:hover{color:#FFFFFF}
.ui8-select .options .option.selected{color:#FFFFFF}
.ui8-select:hover .options{pointer-events:all;opacity:1}
.ui8-select.closed .options{display:none !important}
.inputs{width:472px;margin:0px auto -40px auto}
.inputs.margin{margin-bottom:0px}
@media only screen and (max-width:723px){.inputs{width:100%}
.default-header .inputs{margin-top:30px}
}.inputs .input{width:100%;height:70px;margin:0 0 40px 0;background:#2A2A2A;box-sizing:border-box;border:2px solid rgba(42,42,42,0);border-radius:2px;position:relative}
.inputs .input label,.inputs .input input,.inputs .input textarea{opacity:0 !important}
.inputs .input.loaded label,.inputs .input.loaded input,.inputs .input.loaded textarea{opacity:1 !important}
.inputs .input label{position:absolute;height:100%;width:100%;box-sizing:border-box;padding:0px 20px;pointer-events:none;font-size:12px;font-weight:400;line-height:70px;color:#AFAFAF;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.inputs .input.animate label{-webkit-transition:all 300ms ease;transition:all 300ms ease}
.inputs .input .action{position:absolute;right:20px;top:32px;font-size:12px;line-height:12px;color:#2F8BE6}
.inputs .input .action:hover{color:#AFAFAF;cursor:pointer}
.inputs .input span.error{display:none;color:#B64B4B;font-size:14px;position:absolute;top:72px;left:0px}
.inputs .input input,.inputs .input textarea{height:100%;width:100%;font-size:14px;color:#FFFFFF;box-sizing:border-box;padding:10px 20px 0px 20px;border:none;outline:none;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.inputs .input input:-webkit-autofill,.inputs .input textarea:-webkit-autofill{-webkit-text-fill-color:#FFFFFF !important;-webkit-box-shadow:0 0 0px 1000px #2A2A2A inset;color:#FFFFFF !important}
.inputs .input input:-moz-autofill,.inputs .input textarea:-moz-autofill{-moz-text-fill-color:#FFFFFF !important;-moz-box-shadow:0 0 0px 1000px #2A2A2A inset;color:#FFFFFF !important}
.inputs .input input:-ms-autofill,.inputs .input textarea:-ms-autofill{-ms-text-fill-color:#FFFFFF !important;-ms-box-shadow:0 0 0px 1000px #2A2A2A inset;color:#FFFFFF !important}
.inputs .input.textarea{height:220px}
.inputs .input.textarea textarea{resize:none;padding:30px 20px}
.inputs .input.textarea span.error{top:auto;bottom:-26px}
.inputs .input.focused label{opacity:0.2;-webkit-transform:translate3d(0,-19px,0);transform:translate3d(0,-19px,0)}
.inputs .input.submit{background:none;height:auto}
.inputs .input.error{border-color:#B64B4B}
.inputs .input.error span.error{display:inline-block}
.inputs .input.half-left,.inputs .input.half-right{display:inline-block;width:205px;box-sizing:border-box;margin-right:-3px}
.inputs .input.half-left.half-right,.inputs .input.half-right.half-right{margin-left:30px}
@media only screen and (max-width:723px){.inputs .input.half-left,.inputs .input.half-right{width:100%}
.inputs .input.half-left.half-right,.inputs .input.half-right.half-right{margin-left:0px}
}.inputs .input.input-select{height:120px}
.inputs .input.input-select .select-wrapper{top:55px}
.inputs .select-wrapper{width:100%;position:relative;margin:0px auto 40px auto}
.inputs .select-wrapper:after{speak:none;font-family:'ui8';font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0;right:0;padding:0 20px;content:'\e601';font-size:14px;line-height:50px;pointer-events:none}
.inputs .select-wrapper select{position:relative;cursor:pointer;outline:none;display:block;padding:0 20px;width:100%;color:#FFFFFF;height:48px;font-size:15px;line-height:15px;font-weight:300;background:#2A2A2A;border:2px solid #2A2A2A;border-radius:2px;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-transition:border-color 150ms ease;transition:border-color 150ms ease}
.inputs-mobile-nav .select-wrapper select{border:2px solid #2F8BE6;background:#2F8BE6}
.ui8-search{opacity:0;position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:0;left:-100%;z-index:1000;width:100%;height:100%;overflow-y:hidden;-webkit-transition:opacity 200ms ease,left 0ms ease 200ms;transition:opacity 200ms ease,left 0ms ease 200ms;background:url('images/noise_v3.png') left top #353535;background-size:100px}
.ui8-search .ui8-search-close{position:absolute;top:0;right:0;padding:26px 15px 0 0}
.ui8-search .container{padding:100px 0 0 0}
.ui8-search .search{display:block;padding:0 30px;width:100%;height:80px;font-size:24px;font-weight:300;background:#2b2b2b;border-radius:4px;outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}
.ui8-search .ui8-tabs{padding:40px 0 44px}
.ui8-search .search-wrapper{position:relative}
.ui8-search .search-wrapper .results{position:absolute;top:50%;right:20px;margin:-10px 0 0 0;color:#AFAFAF;font-weight:600}
.ui8-search .server-rendered{display:none !important}
.ui8-search .section-footer{position:relative;padding:30px 0 50px;width:100%;height: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:#FFFFFF;font-size:12px;line-height:16px;text-align:center;font-weight:600;white-space:nowrap;text-transform:uppercase;border-radius:2px;outline:none;border:none;overflow:hidden;vertical-align:middle}
.btn svg{margin:0 12px 0 0;fill:currentColor;vertical-align:top;-webkit-transition:color 125ms ease;transition:color 125ms ease}
.btn svg rect,.btn svg path{fill:currentColor;stroke:currentColor}
.btn span.number,.btn span.price{position:relative;top:0;left:0;padding:0 0 0 15px;font-size:14px;line-height:15px;font-weight:600}
.btn{padding:16px}
.btn.btn-square,.btn.btn-circle{width:48px}
.btn.btn-med{padding:11px 16px}
.btn.btn-med.btn-square,.btn.btn-med.btn-circle{width:38px}
.btn.btn-small{padding:6px}
.btn.btn-small.btn-square,.btn.btn-small.btn-circle{width:28px}
.btn.btn-square,.btn.btn-circle{padding-left:0;padding-right:0}
.btn.btn-square svg,.btn.btn-circle svg{margin:0}
.btn.btn-circle{border-radius:50%}
.btn.disabled,.btn[disabled="disabled"]{cursor:default;opacity:0.5;pointer-events:none}
.btn.btn-blue{color:#FFFFFF;background-color:#2F8BE6}
.btn.btn-blue:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-blue.btn-arrow-down:after{border-top-color:#2F8BE6}
.btn.btn-blue.btn-arrow-down:hover:after{border-top-color:#1b7ee1}
.btn.btn-blue.btn-arrow-down:active:after{border-top-color:#1a79d7}
.btn.btn-blue:before{background-color:#FFFFFF}
.btn.btn-blue:hover{color:#f2f2f2;background-color:#1b7ee1}
.btn.btn-blue:active{background-color:#1a79d7;color:#cccccc}
.btn.btn-blue.btn-outline{color:#2F8BE6;background:transparent;box-shadow:inset 0 0 0 2px #2F8BE6}
.btn.btn-blue.btn-outline:hover{color:#2F8BE6;box-shadow:inset 0 0 0 2px #1b7ee1}
.btn.btn-blue.btn-outline:active{color:#1a79d7;box-shadow:inset 0 0 0 2px #1a79d7}
.btn.btn-blue.btn-blue-text{color:#2F8BE6}
.btn.btn-realblue{color:#FFFFFF;background-color:#2F8BE6}
.btn.btn-realblue:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-realblue.btn-arrow-down:after{border-top-color:#2F8BE6}
.btn.btn-realblue.btn-arrow-down:hover:after{border-top-color:#1b7ee1}
.btn.btn-realblue.btn-arrow-down:active:after{border-top-color:#1a79d7}
.btn.btn-realblue:before{background-color:#FFFFFF}
.btn.btn-realblue:hover{color:#f2f2f2;background-color:#1b7ee1}
.btn.btn-realblue:active{background-color:#1a79d7;color:#cccccc}
.btn.btn-realblue.btn-outline{color:#2F8BE6;background:transparent;box-shadow:inset 0 0 0 2px #2F8BE6}
.btn.btn-realblue.btn-outline:hover{color:#2F8BE6;box-shadow:inset 0 0 0 2px #1b7ee1}
.btn.btn-realblue.btn-outline:active{color:#1a79d7;box-shadow:inset 0 0 0 2px #1a79d7}
.btn.btn-realblue.btn-blue-text{color:#2F8BE6}
.btn.btn-gray{color:#FFFFFF;background-color:#484848}
.btn.btn-gray:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-gray.btn-arrow-down:after{border-top-color:#484848}
.btn.btn-gray.btn-arrow-down:hover:after{border-top-color:#3b3b3b}
.btn.btn-gray.btn-arrow-down:active:after{border-top-color:#363636}
.btn.btn-gray:before{background-color:#2F8BE6}
.btn.btn-gray:hover{color:#f2f2f2;background-color:#3b3b3b}
.btn.btn-gray:active{background-color:#363636;color:#cccccc}
.btn.btn-gray.btn-outline{color:#484848;background:transparent;box-shadow:inset 0 0 0 2px #484848}
.btn.btn-gray.btn-outline:hover{color:#484848;box-shadow:inset 0 0 0 2px #3b3b3b}
.btn.btn-gray.btn-outline:active{color:#363636;box-shadow:inset 0 0 0 2px #363636}
.btn.btn-gray.btn-blue-text{color:#2F8BE6}
.btn.btn-green{color:#FFFFFF;background-color:#33a466}
.btn.btn-green:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-green.btn-arrow-down:after{border-top-color:#33a466}
.btn.btn-green.btn-arrow-down:hover:after{border-top-color:#2d915a}
.btn.btn-green.btn-arrow-down:active:after{border-top-color:#2b8955}
.btn.btn-green:before{background-color:#FFFFFF}
.btn.btn-green:hover{color:#f2f2f2;background-color:#2d915a}
.btn.btn-green:active{background-color:#2b8955;color:#cccccc}
.btn.btn-green.btn-outline{color:#33a466;background:transparent;box-shadow:inset 0 0 0 2px #33a466}
.btn.btn-green.btn-outline:hover{color:#33a466;box-shadow:inset 0 0 0 2px #2d915a}
.btn.btn-green.btn-outline:active{color:#2b8955;box-shadow:inset 0 0 0 2px #2b8955}
.btn.btn-green.btn-blue-text{color:#2F8BE6}
.btn.btn-red{color:#FFFFFF;background-color:#B64B4B}
.btn.btn-red:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-red.btn-arrow-down:after{border-top-color:#B64B4B}
.btn.btn-red.btn-arrow-down:hover:after{border-top-color:#a54343}
.btn.btn-red.btn-arrow-down:active:after{border-top-color:#9d4040}
.btn.btn-red:before{background-color:#FFFFFF}
.btn.btn-red:hover{color:#f2f2f2;background-color:#a54343}
.btn.btn-red:active{background-color:#9d4040;color:#cccccc}
.btn.btn-red.btn-outline{color:#B64B4B;background:transparent;box-shadow:inset 0 0 0 2px #B64B4B}
.btn.btn-red.btn-outline:hover{color:#B64B4B;box-shadow:inset 0 0 0 2px #a54343}
.btn.btn-red.btn-outline:active{color:#9d4040;box-shadow:inset 0 0 0 2px #9d4040}
.btn.btn-red.btn-blue-text{color:#2F8BE6}
.btn.btn-paypal{color:#FFFFFF;background-color:#009cde}
.btn.btn-paypal:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-paypal.btn-arrow-down:after{border-top-color:#009cde}
.btn.btn-paypal.btn-arrow-down:hover:after{border-top-color:#008ac5}
.btn.btn-paypal.btn-arrow-down:active:after{border-top-color:#0083ba}
.btn.btn-paypal:before{background-color:#FFFFFF}
.btn.btn-paypal:hover{color:#f2f2f2;background-color:#008ac5}
.btn.btn-paypal:active{background-color:#0083ba;color:#cccccc}
.btn.btn-paypal.btn-outline{color:#009cde;background:transparent;box-shadow:inset 0 0 0 2px #009cde}
.btn.btn-paypal.btn-outline:hover{color:#009cde;box-shadow:inset 0 0 0 2px #008ac5}
.btn.btn-paypal.btn-outline:active{color:#0083ba;box-shadow:inset 0 0 0 2px #0083ba}
.btn.btn-paypal.btn-blue-text{color:#2F8BE6}
.btn.btn-white{color:#333333;background-color:#FFFFFF}
.btn.btn-white:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-white.btn-arrow-down:after{border-top-color:#FFFFFF}
.btn.btn-white.btn-arrow-down:hover:after{border-top-color:#f2f2f2}
.btn.btn-white.btn-arrow-down:active:after{border-top-color:#ededed}
.btn.btn-white:before{background-color:#FFFFFF}
.btn.btn-white:hover{color:#262626;background-color:#f2f2f2}
.btn.btn-white:active{background-color:#ededed;color:black}
.btn.btn-white.btn-outline{color:#FFFFFF;background:transparent;box-shadow:inset 0 0 0 2px #FFFFFF}
.btn.btn-white.btn-outline:hover{color:#FFFFFF;box-shadow:inset 0 0 0 2px #f2f2f2}
.btn.btn-white.btn-outline:active{color:#ededed;box-shadow:inset 0 0 0 2px #ededed}
.btn.btn-white.btn-blue-text{color:#2F8BE6}
.btn.btn-darkgray{color:#FFFFFF;background-color:#636363}
.btn.btn-darkgray:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-darkgray.btn-arrow-down:after{border-top-color:#636363}
.btn.btn-darkgray.btn-arrow-down:hover:after{border-top-color:#565656}
.btn.btn-darkgray.btn-arrow-down:active:after{border-top-color:#515151}
.btn.btn-darkgray:before{background-color:#FFFFFF}
.btn.btn-darkgray:hover{color:#f2f2f2;background-color:#565656}
.btn.btn-darkgray:active{background-color:#515151;color:#cccccc}
.btn.btn-darkgray.btn-outline{color:#636363;background:transparent;box-shadow:inset 0 0 0 2px #636363}
.btn.btn-darkgray.btn-outline:hover{color:#636363;box-shadow:inset 0 0 0 2px #565656}
.btn.btn-darkgray.btn-outline:active{color:#515151;box-shadow:inset 0 0 0 2px #515151}
.btn.btn-darkgray.btn-blue-text{color:#2F8BE6}
.btn.btn-cloud{color:#FFFFFF;background-color:#c4c4c4}
.btn.btn-cloud:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-cloud.btn-arrow-down:after{border-top-color:#c4c4c4}
.btn.btn-cloud.btn-arrow-down:hover:after{border-top-color:#b7b7b7}
.btn.btn-cloud.btn-arrow-down:active:after{border-top-color:#b2b2b2}
.btn.btn-cloud:before{background-color:#FFFFFF}
.btn.btn-cloud:hover{color:#f2f2f2;background-color:#b7b7b7}
.btn.btn-cloud:active{background-color:#b2b2b2;color:#cccccc}
.btn.btn-cloud.btn-outline{color:#c4c4c4;background:transparent;box-shadow:inset 0 0 0 2px #c4c4c4}
.btn.btn-cloud.btn-outline:hover{color:#c4c4c4;box-shadow:inset 0 0 0 2px #b7b7b7}
.btn.btn-cloud.btn-outline:active{color:#b2b2b2;box-shadow:inset 0 0 0 2px #b2b2b2}
.btn.btn-cloud.btn-blue-text{color:#2F8BE6}
.btn.btn-silver{color:#FFFFFF;background-color:#AFAFAF}
.btn.btn-silver:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-silver.btn-arrow-down:after{border-top-color:#AFAFAF}
.btn.btn-silver.btn-arrow-down:hover:after{border-top-color:#a2a2a2}
.btn.btn-silver.btn-arrow-down:active:after{border-top-color:#9d9d9d}
.btn.btn-silver:before{background-color:#FFFFFF}
.btn.btn-silver:hover{color:#f2f2f2;background-color:#a2a2a2}
.btn.btn-silver:active{background-color:#9d9d9d;color:#cccccc}
.btn.btn-silver.btn-outline{color:#AFAFAF;background:transparent;box-shadow:inset 0 0 0 2px #AFAFAF}
.btn.btn-silver.btn-outline:hover{color:#AFAFAF;box-shadow:inset 0 0 0 2px #a2a2a2}
.btn.btn-silver.btn-outline:active{color:#9d9d9d;box-shadow:inset 0 0 0 2px #9d9d9d}
.btn.btn-silver.btn-blue-text{color:#2F8BE6}
.btn.btn-dropbox{color:#FFFFFF;background-color:#007ee5}
.btn.btn-dropbox:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-dropbox.btn-arrow-down:after{border-top-color:#007ee5}
.btn.btn-dropbox.btn-arrow-down:hover:after{border-top-color:#0070cc}
.btn.btn-dropbox.btn-arrow-down:active:after{border-top-color:#006ac1}
.btn.btn-dropbox:before{background-color:#FFFFFF}
.btn.btn-dropbox:hover{color:#f2f2f2;background-color:#0070cc}
.btn.btn-dropbox:active{background-color:#006ac1;color:#cccccc}
.btn.btn-dropbox.btn-outline{color:#007ee5;background:transparent;box-shadow:inset 0 0 0 2px #007ee5}
.btn.btn-dropbox.btn-outline:hover{color:#007ee5;box-shadow:inset 0 0 0 2px #0070cc}
.btn.btn-dropbox.btn-outline:active{color:#006ac1;box-shadow:inset 0 0 0 2px #006ac1}
.btn.btn-dropbox.btn-blue-text{color:#2F8BE6}
.btn-guides .btn{box-shadow:inset 0 -16px 0 0 rgba(0,0,0,0.15),inset 0 16px 0 0 rgba(0,0,0,0.15),inset 0 -15px 0 0 rgba(255,255,255,0.1),inset 0 15px 0 0 rgba(255,255,255,0.1)}
.btn-guides .btn.btn-med{box-shadow:inset 0 -11px 0 0 rgba(0,0,0,0.15),inset 0 11px 0 0 rgba(0,0,0,0.15),inset 0 -10px 0 0 rgba(255,255,255,0.1),inset 0 10px 0 0 rgba(255,255,255,0.1)}
.btn-guides .btn svg,.btn-guides .btn i{background:rgba(255,0,0,0.15)}
.ui8-avatar{position:relative;width:48px;height:48px;font-size:14px;color:#FFFFFF;line-height:50px;text-align:center;font-weight:600;-webkit-transition:background-color 100ms ease;transition:background-color 100ms ease}
.ui8-avatar.ui8-avatar-red{background-color:#EA6D6D}
.ui8-avatar.ui8-avatar-red:hover{background-color:#e44040}
.ui8-avatar.ui8-avatar-green{background-color:#83B96A}
.ui8-avatar.ui8-avatar-green:hover{background-color:#68a34d}
.ui8-avatar.ui8-avatar-purple{background-color:#D16DEA}
.ui8-avatar.ui8-avatar-purple:hover{background-color:#c340e4}
.ui8-avatar.ui8-avatar-blue{background-color:#6D7FEA}
.ui8-avatar.ui8-avatar-blue:hover{background-color:#4058e4}
.ui8-avatar.ui8-avatar-orange{background-color:#DEB651}
.ui8-avatar.ui8-avatar-orange:hover{background-color:#d4a328}
.ui8-avatar.ui8-avatar-lrg{font-size:24px;font-weight:700}
@media only screen and (max-width:723px){.ui8-avatar.ui8-avatar-lrg{font-size:20px}
}.ui8-avatar>.permalink{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
@-webkit-keyframes circleRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(1440deg);transform:rotate(1440deg)}
}@keyframes circleRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(1440deg);transform:rotate(1440deg)}
}.ui8-loader{position:absolute;top:10px;left:50%;z-index:1;height:30px;width:30px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.ui8-loader .ball{position:absolute;display:block;left:15px;top:7px;width:8px;height:8px;border-radius:6px;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-animation:circleRotate 4s both infinite;animation:circleRotate 4s both infinite;-webkit-transform-origin:0 100% 0;-ms-transform-origin:0 100% 0;transform-origin:0 100% 0}
.ui8-loader .ball-1{z-index:-1;background-color:#2F8BE6;-webkit-animation-timing-function:cubic-bezier(0.5,0.3,0.9,0.9);animation-timing-function:cubic-bezier(0.5,0.3,0.9,0.9)}
.ui8-loader .ball-2{z-index:-2;background-color:#368DE4;-webkit-animation-timing-function:cubic-bezier(0.5,0.6,0.9,0.9);animation-timing-function:cubic-bezier(0.5,0.6,0.9,0.9)}
.ui8-loader .ball-3{z-index:-3;background-color:#4293E2;-webkit-animation-timing-function:cubic-bezier(0.5,0.9,0.9,0.9);animation-timing-function:cubic-bezier(0.5,0.9,0.9,0.9)}
.ui8-loader .ball-4{z-index:-4;background-color:#67A3DE;-webkit-animation-timing-function:cubic-bezier(0.5,1.2,0.9,0.9);animation-timing-function:cubic-bezier(0.5,1.2,0.9,0.9)}
.ui8-loader .ball-5{z-index:-5;background-color:#4897E4;-webkit-animation-timing-function:cubic-bezier(0.5,1.5,0.9,0.9);animation-timing-function:cubic-bezier(0.5,1.5,0.9,0.9)}
.ui8-loader .ball-6{z-index:-6;background-color:#4D98E2;-webkit-animation-timing-function:cubic-bezier(0.5,1.8,0.9,0.9);animation-timing-function:cubic-bezier(0.5,1.8,0.9,0.9)}
.ui8-loader .ball-7{z-index:-7;background-color:#579BDF;-webkit-animation-timing-function:cubic-bezier(0.5,2.1,0.9,0.9);animation-timing-function:cubic-bezier(0.5,2.1,0.9,0.9)}
.ui8-loader .ball-8{z-index:-8;background-color:#629FDC;-webkit-animation-timing-function:cubic-bezier(0.5,2.4,0.9,0.9);animation-timing-function:cubic-bezier(0.5,2.4,0.9,0.9)}
.ui8-switch{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative;display:inline-block;width:28px;height:8px;overflow:visible;background:#000000;border-radius:40px}
.ui8-switch.on a,.ui8-switch.on .circle{margin:0 0 0 15px}
.ui8-switch a,.ui8-switch .circle{position:absolute;top:-3px;display:block;margin:0 0 0 -1px;width:14px;height:14px;text-indent:-999em;overflow:hidden;background:#2F8BE6;border-radius:50%;-webkit-transition:margin 150ms ease;transition:margin 150ms ease}
.ui8-listing .item{display:block;padding:30px 35px;color:#333333;background:#FFFFFF;border-bottom:1px solid #ededed}
.ui8-listing .item:first-of-type{border-radius:4px 4px 0 0}
.ui8-listing .item:last-of-type{border-radius:0 0 4px 4px;border-bottom:none}
.ui8-listing .item:only-child{border-radius:4px 4px 4px 4px;border:none}
.ng-hide{display:none !important}
.ngi-inspector{color:#333333}
a[ng-click]{cursor:pointer}
.site-header .ui8-sidebar{position:fixed;top:0;right:0;z-index:1;left:auto !important;width:0;overflow:hidden;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:width 150ms ease;transition:width 150ms ease}
.site-header .ui8-sidebar .show-mobile{display:none}
.site-header .ui8-sidebar .categories,.site-header .ui8-sidebar .socials{width:230px}
.site-header .ui8-sidebar .socials{opacity:0;position:absolute;top: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:#FFFFFF}
.site-header .ui8-sidebar .socials .social svg{position:relative;top:4px;left:0;display:block;margin:0 auto}
.site-header .ui8-sidebar .socials .social:last-of-type{margin:0}
.reveal-sidebar .site-header .ui8-sidebar{width:212px;-webkit-transition-delay:0ms;transition-delay:0ms}
.reveal-sidebar .site-header .ui8-sidebar .socials{opacity:1;-webkit-transition-delay:150ms;transition-delay:150ms}
@media only screen and (max-width:723px){.site-header .ui8-sidebar{display:block}
.site-header .ui8-sidebar .show-mobile{display:block !important}
}.site-header .actions{-webkit-transition:padding-right 150ms ease;transition:padding-right 150ms ease}
.reveal-sidebar .site-header .actions{padding-right:210px !important}
@media only screen and (min-width:724px) and (max-width:1065px){.reveal-sidebar .site-header .actions{padding-right:49px !important}
}@media only screen and (max-width:723px){.reveal-sidebar .site-header .actions{padding-right:49px !important}
.reveal-sidebar .site-header .ui8-sidebar{position:fixed;z-index:1000000;width:100%}
.reveal-sidebar .site-header .ui8-sidebar .categories{width:100%;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;*vertical-align:auto;*zoom:1;*display:inline;position:relative}
.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;visibility:hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;transition:transform 2s}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center}
.ui8-truncated{-webkit-transition:all 200ms ease 50ms;transition:all 200ms ease 50ms}
.ui8-truncated .ui8-truncate-more{color:#2F8BE6;font-weight:400}
.ui8-truncated .ui8-truncate-original{display:block;opacity:0;-webkit-transition:opacity 250ms ease 0ms;transition:opacity 250ms ease 0ms}
.ui8-truncated .ui8-truncate-truncated{position:absolute;top:0;left:0;display:block;opacity:1;-webkit-transition:opacity 250ms ease 0ms;transition:opacity 250ms ease 0ms}
.ui8-truncated.ui8-truncate-full .ui8-truncate-original{opacity:1}
.ui8-truncated.ui8-truncate-full .ui8-truncate-truncated{opacity:0}
.ui8-truncated .ui8-truncate-up{display:block;margin:20px auto 0;width:22px;height:22px;line-height:24px;font-size:12px;text-align:center;background:#E8E8E8;border-radius:50%}
.ui8-truncated.ui8-truncate-full .ui8-truncate-original{-webkit-transition-delay:150ms;transition-delay:150ms}
.ui8-truncated.ui8-truncate-full .ui8-truncate-truncated{-webkit-transition-delay:150ms;transition-delay:150ms}
.ui8-appicons .app{display:none;margin:0 6px 0 0;padding:3px;color:#FFFFFF;width:16px;height:16px;line-height:0;border-radius:50%;background:#484848}
.ui8-appicons .app:last-of-type{margin:0}
.ui8-appicons .app.app-lrg{padding:11px}
.ui8-appicons .app.app-med{padding:6px}
.ui8-appicons .app svg,.ui8-appicons .app path,.ui8-appicons .app rect{fill:currentColor}
.ui8-appicons .app.app-html{background:#505C7E}
.ui8-appicons .app.app-sketch{background:#FF6C31}
.ui8-appicons .app.app-tumblr{background:#A652AB}
.ui8-appicons .app.app-indesign{background:#FE4A95}
.ui8-appicons .app.app-wordpress{background:#0087be}
.ui8-appicons .app.app-photoshop{background:#00a4e4}
.ui8-appicons .app.app-illustrator{background:#F89A1C}
.ui8-appicons .app.app-aftereffects{background:#6362FE}
.ui8-appicons .app.app-omnigraffle{background:#7ED321}
.ui8-appicons .app.app-xcode{color:#454545;background:#f5f5f5}
.ui8-appicons .app.app-swift{color:#FFFFFF;background:#F89A1C}
.swift-compatible .ui8-appicons .app.app-swift,.xcode-compatible .ui8-appicons .app.app-xcode,.html-compatible .ui8-appicons .app.app-html,.sketch-compatible .ui8-appicons .app.app-sketch,.tumblr-compatible .ui8-appicons .app.app-tumblr,.indesign-compatible .ui8-appicons .app.app-indesign,.wordpress-compatible .ui8-appicons .app.app-wordpress,.photoshop-compatible .ui8-appicons .app.app-photoshop,.wordpress-compatible .ui8-appicons .app.app-wordpress,.illustrator-compatible .ui8-appicons .app.app-illustrator,.omnigraffle-compatible .ui8-appicons .app.app-omnigraffle,.aftereffects-compatible .ui8-appicons .app.app-aftereffects{display:inline-block}
.ui8-hamburger{cursor:pointer;position:relative;z-index:1;display:block;width:38px;height: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:1;display:block;content:'';width:20px;height:2px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#2F8BE6;-webkit-transition:width 200ms ease,opacity 200ms ease;transition:width 200ms ease,opacity 200ms ease}
.ui8-hamburger.crossed:hover .before,.ui8-hamburger.crossed:hover .after,.reveal-sidebar .ui8-hamburger:hover .before,.reveal-sidebar .ui8-hamburger:hover .after{background:#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:#FFFFFF;border-radius:4px}
@media only screen and (min-width:724px) and (max-width:1065px){.ui8-discussion{padding:80px}
}@media only screen and (max-width:723px){.ui8-discussion{padding:30px}
}.ui8-discussion .wrapper{margin:0 auto;max-width:680px}
.ui8-discussion .listing{margin:0 auto;max-width:675px}
.ui8-discussion .listing .item{position:relative;display:block;padding:30px 0 21px;color:#484848;border-bottom:1px solid #E8E8E8}
.ui8-discussion .listing .item:last-of-type{border:none}
.ui8-discussion .listing .mention{color:#555555;font-weight:600}
.ui8-discussion .listing .content{padding:4px 0 4px 60px;min-height:48px}
.ui8-discussion .listing .item>.figure{position:absolute;top:30px;left:0;width:48px;height:48px;border-radius:4px;background-size:cover;background-repeat:no-repeat;background-position:center center}
.ui8-discussion .listing .item>.figure .perma{display:block;width:100%;height:100%}
.ui8-discussion .listing .item>.figure .role{display:none;position:absolute;top:-8px;left:-8px;width:20px;height:20px;background:url('images/sellerbadge.png') center center no-repeat;background-size:20px 20px;box-shadow:0 0 0 2px #fff;border-radius:50%}
.ui8-discussion .listing .item>.figure .role.seller,.ui8-discussion .listing .item>.figure .role.admin{display:block}
.ui8-discussion .listing .item>.figure .role.admin{background-image:url('images/adminbadge.png')}
.ui8-discussion .listing .name{display:block;margin:0 0 8px 0;font-size:16px;line-height:1;font-weight:600}
.ui8-discussion .listing .name a{color:#555555}
.ui8-discussion .listing .message{display:block;margin:0;padding:0;font-size:15px;font-weight:300;word-wrap:break-word}
.ui8-discussion .listing .metas{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px 0 0 0}
.ui8-discussion .listing .metas .edit-confirmation,.ui8-discussion .listing .metas .delete-confirmation{display:none}
.ui8-discussion .listing .metas.editing span,.ui8-discussion .listing .metas.deleting span{display:none}
.ui8-discussion .listing .metas.editing .edit-confirmation,.ui8-discussion .listing .metas.deleting .delete-confirmation{display:inline}
.ui8-discussion .listing .meta-item{position:relative;color:#b1b1b1;font-size:12px}
.ui8-discussion .listing .meta-item svg{position:relative;z-index:2}
.ui8-discussion .listing .meta-item .action{display:inline-block;margin:0 6px 0 0;width:12px}
.ui8-discussion .listing .meta-item:before{padding:0 10px;content:'•';font-size:15px;line-height:1}
.ui8-discussion .listing .meta-item.edit-confirmation:before,.ui8-discussion .listing .meta-item.delete-confirmation:before,.ui8-discussion .listing .meta-item.created_at:before{display:none}
.ui8-discussion .listing .meta-item>a{position:relative;cursor:pointer;color:#b1b1b1;text-decoration:none}
.ui8-discussion .listing .meta-item>a:hover{text-decoration:underline}
.ui8-discussion .listing .meta-item>a:hover .ui8-who-likes-tip{display:block}
.ui8-discussion .edit-form:after{content:"";display:table;clear:both}
.ui8-discussion .edit-form .message-edit{position:relative;margin:0 0 10px 0}
.ui8-discussion .edit-form .message-edit textarea,.ui8-discussion .edit-form .message-edit .hidden{display:block;padding:18px;width:100%;font-size:15px;color:#afafaf;resize:none;outline:none;border:2px solid #eaeaea;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;box-sizing:border-box;-webkit-transition:color 150ms ease;transition:color 150ms ease}
.ui8-discussion .edit-form .message-edit .hidden{display:none !important;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;white-space:pre-wrap}
.ui8-discussion .edit-form .message-edit textarea{width:100%;height:100px;box-sizing:border-box}
.ui8-discussion .edit-form .message-edit textarea:focus{color:#555555}
.ui8-discussion .edit-form .message-edit textarea[disabled="disabled"]{opacity:0.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
.ui8-discussion .edit-form .message-edit .ui-autocomplete{position:absolute !important;top:100% !important;left:0;z-index:2;margin:-4px 0 0 0;width:100% !important;color:#afafaf;background:#FFFFFF;font-weight:600;border:2px solid #eaeaea;border-radius:0 0 4px 4px;box-sizing:border-box}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result{display:block;padding:10px;line-height:32px;border-bottom:1px solid #eaeaea}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result:after{content:"";display:table;clear:both}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result .figure{display:block;float:left;margin:0 15px 0 0;width:32px;height:32px;background:#fafafa;border-radius:4px}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result .figure img{max-width:100%}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result:last-of-type{border:none}
.ui8-discussion .edit-form .message-edit .ui-autocomplete .ui8-autocomplete-result.ui-state-focus{cursor:pointer;color:#484848;background:#fafafa}
.ui8-discussion .edit-form .cancel,.ui8-discussion .edit-form .btn{float:right}
.ui8-discussion .edit-form .cancel{margin:0 25px 0 0;line-height:48px;color:#555555}
.ui8-discussion .pagination{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 auto;padding:5px 0 20px 0;text-align:center;line-height:16px}
.ui8-discussion .pagination a,.ui8-discussion .pagination .count{display:inline-block;margin:0 10px;color:#555555;vertical-align:middle}
.ui8-discussion .pagination a[disabled="disabled"],.ui8-discussion .pagination .count[disabled="disabled"]{opacity:0.5}
.ui8-discussion .ui8-post-comment{position:static;margin:0 auto;padding:20px 0 0 0;max-width:675px}
.ui8-discussion .ui8-post-comment:after{content:"";display:table;clear:both}
.ui8-discussion .ui8-post-comment .comment-wrapper,.ui8-discussion .edit-form .comment-wrapper{position:relative;margin:0 0 25px 0}
.ui8-discussion .ui8-post-comment .error,.ui8-discussion .edit-form .error{display:none}
.ui8-discussion .ui8-post-comment .show-error textarea,.ui8-discussion .edit-form .show-error textarea{border-color:#FB6666 !important}
.ui8-discussion .ui8-post-comment .show-error .comment-wrapper,.ui8-discussion .edit-form .show-error .comment-wrapper{margin-bottom:10px}
.ui8-discussion .ui8-post-comment .show-error .error,.ui8-discussion .edit-form .show-error .error{position:relative;margin:0 0 15px 0;display:block;color:#FB6666;font-size:12px;text-align:left}
.ui8-discussion .ui8-post-comment textarea,.ui8-discussion .ui8-post-comment .hidden,.ui8-discussion .edit-form textarea,.ui8-discussion .edit-form .hidden{display:block;padding:18px;width:100%;font-size:15px;color:#afafaf;resize:none;outline:none;border:2px solid #eaeaea;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;box-sizing:border-box;-webkit-transition:color 150ms ease;transition:color 150ms ease}
.ui8-discussion .ui8-post-comment .hidden,.ui8-discussion .edit-form .hidden{display:none !important;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;white-space:pre-wrap}
.ui8-discussion .ui8-post-comment textarea,.ui8-discussion .edit-form textarea{width:100%;height:100px;box-sizing:border-box}
.ui8-discussion .ui8-post-comment textarea:focus,.ui8-discussion .edit-form textarea:focus{color:#555555}
.ui8-discussion .ui8-post-comment textarea[disabled="disabled"],.ui8-discussion .edit-form textarea[disabled="disabled"]{opacity:0.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
.ui8-discussion .ui8-post-comment .ui-autocomplete,.ui8-discussion .edit-form .ui-autocomplete{position:absolute !important;top:100% !important;left:0;z-index:2;margin:-4px 0 0 0;width:100% !important;color:#afafaf;background:#FFFFFF;font-weight:600;border:2px solid #eaeaea;border-radius:0 0 4px 4px;box-sizing:border-box}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result{display:block;padding:10px;line-height:32px;border-bottom:1px solid #eaeaea}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result:after,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result:after{content:"";display:table;clear:both}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result .figure,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result .figure{display:block;float:left;margin:0 15px 0 0;width:32px;height:32px;background:#fafafa;border-radius:4px}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result .figure img,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result .figure img{max-width:100%}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result:last-of-type,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result:last-of-type{border:none}
.ui8-discussion .ui8-post-comment .ui-autocomplete .ui8-autocomplete-result.ui-state-focus,.ui8-discussion .edit-form .ui-autocomplete .ui8-autocomplete-result.ui-state-focus{cursor:pointer;color:#484848;background:#fafafa}
.ui8-discussion .ui8-post-comment .btn,.ui8-discussion .edit-form .btn{float:right}
.ui8-discussion .meta-item.like{line-height:15px}
.ui8-discussion .meta-item.like svg{position:relative;top:2px;left:0;padding:0 4px 0 0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
.ui8-discussion .meta-item.like.liked svg{color:#FB6666;-webkit-animation:bounce 250ms ease;animation:bounce 250ms ease}
.ui8-discussion.logged-in .like svg{cursor:pointer}
.ui8-discussion .no-comments{display:block;padding:0 0 30px 0;color:#353535;font-size:16px;line-height:1;font-weight:600;text-align:center}
.ui8-discussion .no-comments.logged-in{text-align:left}
.ui8-discussion .login-required{display:block;padding:30px 0 0 0;color:#AFAFAF;font-size:16px;text-align:center;border-top:1px solid #eaeaea}
.ui8-discussion .login-required a{color:#555555}
.ui8-discussion .login-required a:hover{color:#2F8BE6}
.ui-helper-hidden-accessible{display:none}
.white-list{padding:30px;background:#FFFFFF;border-radius:2px}
.white-list:after{content:"";display:table;clear:both}
.white-list>.list-item{position:relative;display:block;margin:0 0 20px 0;padding:0 0 20px 0;font-size:14px;color:#353535;border-bottom:1px solid rgba(216,216,216,0.2)}
.white-list>.list-item:after{content:"";display:table;clear:both}
.white-list>.list-item:last-of-type{margin:0;padding:0;border:none}
.white-list>.list-item .permalink{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}
.white-list.thick .list-item{margin:0 0 30px;padding:0 0 30px}
.white-list.thick .list-item:last-of-type{margin-bottom:0;padding-bottom:0}
@media only screen and (max-width:723px){.white-list{padding:15px}
}.white-table{color:#333333;width:100%;border-radius:4px;border-collapse:separate}
.white-table.offers{width:100%;margin:0px auto}
@media only screen and (min-width:724px) and (max-width:1065px){.white-table.offers{width:644px}
}@media only screen and (max-width:723px){.white-table.offers{width:100%;margin-top:40px}
}.white-table.offers td.desc{line-height:50px;vertical-align:middle}
@media only screen and (max-width:723px){.white-table.offers td.desc{line-height:20px}
}.white-table.offers td.desc .image{float:left;height:50px;width:50px;margin-right:20px}
.white-table.offers td.desc .image img{width:100%}
.white-table.offers td.get{width:2%}
.white-table .text-left{text-align:left !important}
.white-table .text-right{text-align:right !important}
.white-table .text-center{text-align:center !important}
.white-table .text-bold{font-weight:700}
.white-table .text-semi{font-weight:600}
.white-table .text-blue{color:#2F8BE6 !important}
.white-table .cell{padding:20px;color:#333333;font-size:13px;background:#FFFFFF;vertical-align:middle;border-right:1px solid #ededed;border-bottom:1px solid #ededed}
@media only screen and (max-width:723px){.white-table .cell{padding:10px 20px}
}.white-table .slidedown .slidedown-container{padding:0 10px;height:0;overflow:hidden;background:#2c2c2c;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:height 200ms ease-out;transition:height 200ms ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.white-table .slidedown .slidedown-container:after{content:"";display:table;clear:both}
.white-table tbody.header .cell{padding:15px 20px;color:#FFFFFF;background:#414141;border-color:#414141}
.white-table tbody.header a{color:#2F8BE6;font-weight:600}
.white-table tbody.header a:hover{color:#FFFFFF}
.white-table tbody.sub-header .cell{padding:15px 20px;color:#808080}
.white-table tfoot .cell a{color:#2F8BE6}
.white-table tfoot .cell a:hover{color:#000000}
.white-table tbody:first-of-type tr .cell:first-child{border-radius:4px 0 0 0}
.white-table tbody:first-of-type tr .cell:last-child{border-radius:0 4px 0 0}
.white-table tbody:first-of-type tr .cell:only-of-type{border-radius:4px 4px 0 0}
.white-table tfoot:last-of-type .cell:first-child{border-radius:0 0 0 4px}
.white-table tfoot:last-of-type .cell:last-child{border-radius:0 0 4px 0}
.white-table tbody:last-of-type tr .cell:first-child{border-radius:0 0 0 4px}
.white-table tbody:last-of-type tr .cell:last-child{border-radius:0 0 4px 0}
.white-table tbody:only-of-type tr .cell:first-child{border-radius:4px 0 0 4px}
.white-table tbody:only-of-type tr .cell:last-child{border-radius:0 4px 4px 0}
.white-table tr:last-of-type .cell{border-bottom:none}
.white-table tr.force-border-bottom .cell{border-bottom:1px solid #ededed}
.white-table tfoot .cell:last-child,.white-table tr .cell:last-child{border-right:none}
.inset-header{position:relative;margin:-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:1;content:'';display:block;width:100%;height:20px;box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.09)}
.inset-header .wrapper{position:relative;z-index:2;text-align:left}
.inset-header .wrapper:after{content:"";display:table;clear:both}
.inset-header .title{padding:0;font-size:20px;line-height:30px;font-weight:300}
.inset-header .title strong{font-weight:600;color:#FFFFFF}
.inset-header .meta{display:block;margin:0;color:#AFAFAF;font-size:14px;font-weight:300}
.inset-header .meta strong{font-weight:400;color:#FFFFFF}
.inset-header .actions{position:absolute;z-index:5;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}
}@media only screen and (max-width:723px){.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:#FFFFFF;position:relative}
.app-icon.photoshop{background:#00a4e4}
.app-icon.photoshop i{font-size:10px;top:-1px;left:1px}
.app-icon.illustrator{background:#F89A1C}
.app-icon.illustrator i{top:-1px;left:-1px;font-size:10px}
.app-icon.aftereffects{background:#6362FE}
.app-icon.aftereffects i{top:-1px;font-size:9px}
.app-icon.indesign{background:#FE4A95}
.app-icon.indesign i{top:-1px;font-size:10px}
.app-icon.sketch{background:#FF6C31}
.app-icon.sketch i{top:-1px;font-size:12px}
.app-icon.tumblr{background:#A652AB}
.app-icon.tumblr i{top:-2px;left:0;font-size:10px}
.app-icon.wordpress{background:#0087be}
.app-icon.wordpress i{left:0;top:-1px;font-size:10px}
.app-icon.omnigraffle{background:#7ED321}
.app-icon.omnigraffle i{left:1px;top:-1px;font-size:10px}
.app-icon.html{background:#505C7E}
.app-icon.html i{top:-1px;font-size:11px}
.ui8-follow-button{position:relative;z-index:1}
.ui8-follow-button svg,.ui8-follow-button span{position:relative;z-index:-1;pointer-events:none;width:16px;height:16px}
.ui8-users-listing .btn{position:absolute;top:50%;right:0;z-index:1;margin:-19px 0 0 0;width:100px;text-align:center}
.ui8-users-listing .btn.your-profile{z-index:0}
.ui8-users-listing .btn.btn-red{color:#FFFFFF;background-color:#E86D6D}
.ui8-users-listing .btn.btn-red:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.ui8-users-listing .btn.btn-red.btn-arrow-down:after{border-top-color:#E86D6D}
.ui8-users-listing .btn.btn-red.btn-arrow-down:hover:after{border-top-color:#e55757}
.ui8-users-listing .btn.btn-red.btn-arrow-down:active:after{border-top-color:#e34e4e}
.ui8-users-listing .btn.btn-red:before{background-color:#FFFFFF}
.ui8-users-listing .btn.btn-red:hover{color:#f2f2f2;background-color:#e55757}
.ui8-users-listing .btn.btn-red:active{background-color:#e34e4e;color:#cccccc}
.ui8-users-listing .btn.btn-red.btn-outline{color:#E86D6D;background:transparent;box-shadow:inset 0 0 0 2px #E86D6D}
.ui8-users-listing .btn.btn-red.btn-outline:hover{color:#E86D6D;box-shadow:inset 0 0 0 2px #e55757}
.ui8-users-listing .btn.btn-red.btn-outline:active{color:#e34e4e;box-shadow:inset 0 0 0 2px #e34e4e}
.ui8-users-listing .btn.btn-red.btn-blue-text{color:#2F8BE6}
.ui8-users-listing .btn.btn-blue{color:#FFFFFF;background-color:#353535}
.ui8-users-listing .btn.btn-blue:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.ui8-users-listing .btn.btn-blue.btn-arrow-down:after{border-top-color:#353535}
.ui8-users-listing .btn.btn-blue.btn-arrow-down:hover:after{border-top-color:#282828}
.ui8-users-listing .btn.btn-blue.btn-arrow-down:active:after{border-top-color:#232323}
.ui8-users-listing .btn.btn-blue:before{background-color:#FFFFFF}
.ui8-users-listing .btn.btn-blue:hover{color:#f2f2f2;background-color:#282828}
.ui8-users-listing .btn.btn-blue:active{background-color:#232323;color:#cccccc}
.ui8-users-listing .btn.btn-blue.btn-outline{color:#353535;background:transparent;box-shadow:inset 0 0 0 2px #353535}
.ui8-users-listing .btn.btn-blue.btn-outline:hover{color:#353535;box-shadow:inset 0 0 0 2px #282828}
.ui8-users-listing .btn.btn-blue.btn-outline:active{color:#232323;box-shadow:inset 0 0 0 2px #232323}
.ui8-users-listing .btn.btn-blue.btn-blue-text{color:#2F8BE6}
.ui8-users-listing .btn.btn-gray{color:#FFFFFF;background-color:#AFAFAF}
.ui8-users-listing .btn.btn-gray:before{opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.ui8-users-listing .btn.btn-gray.btn-arrow-down:after{border-top-color:#AFAFAF}
.ui8-users-listing .btn.btn-gray.btn-arrow-down:hover:after{border-top-color:#a2a2a2}
.ui8-users-listing .btn.btn-gray.btn-arrow-down:active:after{border-top-color:#9d9d9d}
.ui8-users-listing .btn.btn-gray:before{background-color:#FFFFFF}
.ui8-users-listing .btn.btn-gray:hover{color:#f2f2f2;background-color:#a2a2a2}
.ui8-users-listing .btn.btn-gray:active{background-color:#9d9d9d;color:#cccccc}
.ui8-users-listing .btn.btn-gray.btn-outline{color:#AFAFAF;background:transparent;box-shadow:inset 0 0 0 2px #AFAFAF}
.ui8-users-listing .btn.btn-gray.btn-outline:hover{color:#AFAFAF;box-shadow:inset 0 0 0 2px #a2a2a2}
.ui8-users-listing .btn.btn-gray.btn-outline:active{color:#9d9d9d;box-shadow:inset 0 0 0 2px #9d9d9d}
.ui8-users-listing .btn.btn-gray.btn-blue-text{color:#2F8BE6}
.ui8-users-listing .footer{padding:30px 0 0 0;text-align:center}
.ui8-users-listing .user{position:relative;display:block;font-size:14px;color:#353535}
.ui8-users-listing .user:last-of-type{margin:0;padding:0;border:none}
.ui8-users-listing .user .wrapper{position:relative}
.ui8-users-listing .user .wrapper:after{content:"";display:table;clear:both}
.ui8-users-listing .user .wrapper .permalink{display:none;position:absolute;top:0;left:0;display:block}
.ui8-users-listing .user .content{position:absolute;top:50%;left:103px;right:0;bottom:auto;padding:0 120px 0 0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.ui8-users-listing .user .content .name{padding:4px 0 0 0;font-size:14px;line-height:1;font-weight:600;color:#353535}
.ui8-users-listing .user .content .name:hover{color:#2F8BE6}
.ui8-users-listing .user .content .bio{display:block;padding:8px 0 0 0;font-size:14px;line-height:1}
.ui8-users-listing .user .content .stats{padding:16px 0 0 0;display:block}
.ui8-users-listing .user .content .stats:after{content:"";display:table;clear:both}
.ui8-users-listing .user .content .stats .stat{display:inline-block;margin:0 20px 0 0;padding:0 20px 0 0;border-right:1px solid rgba(72,72,72,0.1)}
.ui8-users-listing .user .content .stats .stat:last-of-type{margin:0;padding:0;border:none}
.ui8-users-listing .user .content .stats .stat .count{display:block;padding:0 0 5px 0;color:#353535;font-weight:700}
.ui8-users-listing .user .content .stats .stat .label{display:block;font-weight:300;color:#AFAFAF}
.ui8-users-listing .user .content .stats .stat .count,.ui8-users-listing .user .content .stats .stat .label{font-size:13px;line-height:1}
.ui8-users-listing .user .figure{position:relative;display:block;margin:0 15px 0 0;float:left;width:88px;height:88px;line-height:90px;border-radius:2px;background-size:cover}
.ui8-users-listing .user .figure .role{display:none;position:absolute;top:-8px;left:-8px;width:20px;height:20px;background:url('images/sellerbadge.png') center center no-repeat;background-size:20px 20px;box-shadow:0 0 0 2px #fff;border-radius:50%}
.ui8-users-listing .user .figure .role.role-affiliate,.ui8-users-listing .user .figure .role.role-admin{display:block}
.ui8-users-listing .user .figure .role.role-admin{background-image:url('images/adminbadge.png')}
.ui8-users-listing .user .figure .perma{display:block;width:100%;height:100%}
@media only screen and (max-width:723px){.ui8-users-listing .permalink{display:none !important}
.ui8-users-listing .user .figure{width:52px;height:52px;line-height:52px}
.ui8-users-listing .user .btn{padding:0;width:38px;height:38px}
.ui8-users-listing .user .btn svg{margin:10px 0}
.ui8-users-listing .user .btn span{display:none}
.ui8-users-listing .user .content{padding:2px 48px 0 0;left:67px}
.ui8-users-listing .user .content .name{padding:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ui8-users-listing .user .content .stats{padding:10px 0 0 0}
.ui8-users-listing .user .content .stats .stat{margin:0 14px 0 0;padding:0 15px 0 0}
.ui8-users-listing .user .content .stats .stat .count{padding:0 0 2px 0}
.ui8-users-listing .user .content .stats .stat.following{margin:0;padding:0;border:none}
.ui8-users-listing .user .figure .role,.ui8-users-listing .user .content .stats .comments,.ui8-users-listing .user .content .stats .favorites,.ui8-users-listing .user .content .bio{display:none !important}
}.ui8-wlt{position:fixed;display:block;top:0;left:0;z-index:10000;width:100%;height:100%;background:rgba(38,38,38,0.98)}
.ui8-wlt>.close{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}
.ui8-wlt .wlt-header,.ui8-wlt .wlt-wrapper{position:absolute;top:50%;left:50%;z-index:2;width:60%;height:40%;min-width:768px;min-height:410px;overflow:hidden;background:#FFFFFF;border-radius:4px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ui8-wlt .wlt-header>.users,.ui8-wlt .wlt-wrapper>.users{padding:0 15px 0 0;width:100%;height:100%;overflow-y:scroll}
.ui8-wlt .wlt-header{margin:-30px 0 0 0;z-index:0;background:none;border-radius:none;overflow:visible}
.ui8-wlt .wlt-header h3{float:left;display:block;margin:0;font-size:20px;line-height:16px;font-weight:300}
.ui8-wlt .wlt-header svg{float:right;padding:2px 0;color:#2F8BE6}
.ui8-who-likes-tip{display:none;position:absolute;bottom:0;left:50%;z-index:1;padding:0 0 30px 0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.ui8-who-likes-tip .wrap{position:relative;padding:10px;background:#4D4D4D;border-radius:4px}
.ui8-who-likes-tip .wrap:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(77,77,77,0);border-top-color:#4d4d4d;border-width:5px;margin-left:-5px}
.ui8-who-likes-tip li{display:block;margin:0 0 5px 0;color:#FFFFFF;font-size:13px;white-space:nowrap}
.ui8-who-likes-tip li:after{content:"";display:table;clear:both}
.ui8-who-likes-tip li:last-of-type{margin:0}
.ui8-who-likes-tip .avatar{display:inline-block;margin:0 10px 0 0;width:20px;height:20px;line-height:20px;font-size:10px;border-radius:4px;background-size:cover;vertical-align:middle}
.ui8-who-likes-tip .liker-name{display:inline-block;font-size:13px;line-height:20px;vertical-align:middle}
.ui8-dl{pointer-events:none;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:block;padding:0 20px;height:100%;background:rgba(53,53,53,0.95);-webkit-transition:opacity 250ms ease;transition:opacity 250ms ease}
.ui8-dl .ui8-dl-list{position:relative;top:50%;left:auto;z-index:2;margin:0 auto;padding:30px;width:100%;max-width:380px;border-radius:2px;background:#FFFFFF;box-sizing:border-box;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.ui8-dl .ui8-dl-list:before{position:absolute;top:0;left:100%;content:'';width:40px;height:100%}
.ui8-dl .ui8-dl-list .close-button{position:absolute;top:26px;right:30px;display:block;line-height:1}
.ui8-dl .ui8-dl-list .close-button a{color:#2F8BE6;font-weight:400;font-size:20px}
.ui8-dl .ui8-dl-list .close-button a:hover{color:#484848}
.ui8-dl .ui8-dl-list .ui8-dl-link{position:relative;display:block;margin:0 0 15px 0;padding:0 70px 15px 0;white-space:nowrap;overflow:hidden;border-bottom:1px solid rgba(233,233,233,0.6)}
.ui8-dl .ui8-dl-list .ui8-dl-link:last-of-type{margin:0;padding:0;border:none}
.ui8-dl .ui8-dl-list .ui8-dl-link .name{display:block;line-height:15px;color:#AFAFAF;font-size:13px;line-height:30px;font-weight:400;white-space:nowrap}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons{position:absolute;top:-2px;right:0;z-index:1;display:inline-block;white-space:nowrap;text-align:right}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons:after{content:"";display:table;clear:both}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a{display:inline-block;margin:0 0 0 15px;color:#808080;vertical-align:top}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a:hover{color:#2F8BE6 !important}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a.btn-dropbox-error{color:#c56f6f}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a.btn-dropbox-loading{color:#33a466}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a .icon-download{font-size:20px;line-height:30px}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a .icon-dropbox{font-size:15px;line-height:32px}
.ui8-dl .ui8-dl-list.single-item .ui8-dl-link:hover .name{color:#2F8BE6}
.ui8-dl .ui8-dl-list.single-item .buttons{width:100%}
.ui8-dl .ui8-dl-list.single-item .buttons a{display:block;margin:0;width:100%}
.ui8-dl .ui8-dl-list .ui8-dl-title{display:block;margin:0 0 35px 0;padding:0;line-height:1;color:#484848;font-size:16px;font-weight:600;white-space:nowrap}
.ui8-dl .ui8-dl-list .ui8-dl-link a{display:block;margin:0;font-size:11px;line-height:1;color:#808080;text-transform:uppercase;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ui8-dl .ui8-dl-list .ui8-dl-link a:hover{color:#FFFFFF !important}
.ui8-dl .ui8-close-dl{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}
.ui8-dl.open{opacity:1;pointer-events:all}




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


/* ==================================================================================================================== */
/*全局自适应*/
.page-categories .categories{margin:0 -15px}
.page-categories .categories:after{content:"";display:table;clear:both}
.page-categories .categories .category{display:block;float:left;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:#FFFFFF}
.page-categories .categories .category a{display:block;height:100%;width:100%;position:absolute;top:0px;left:0px}
.page-categories .categories .category a .figure{position:relative;height: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 0px 50px !important;height:165px}}
@media only screen and (max-width:723px){.mobile-hide{display:none !important}.tablet-show{display:none !important}.small-display-show{display:none !important}.large-display-show{display:none !important}.xlarge-display-show{display:none !important}.mobile-hide-td{font-size:0px !important;width:0px !important;border-left:none !important;border-right:none !important;padding:0px !important;margin:0px !important}.mobile-hide-td *{display:none}}
@media only screen and (min-width:724px) and (max-width:1065px){.tablet-hide{display:none !important}.mobile-show{display:none !important}.small-display-show{display:none !important}.large-display-show{display:none !important}.xlarge-display-show{display:none !important}}
@media only screen and (min-width:1066px) and (max-width:1447px){.small-display-hide{display:none !important}.display-hide{display:none !important}.mobile-show{display:none !important}.tablet-show{display:none !important}.large-display-show{display:none !important}.xlarge-display-show{display:none !important}}
@media only screen and (min-width:1448px) and (max-width:1789px){.large-display-hide{display:none !important}.display-hide{display:none !important}.mobile-show{display:none !important}.tablet-show{display:none !important}.small-display-show{display:none !important}.xlarge-display-show{display:none !important}}
@media only screen and (min-width:1790px){.xlarge-display-hide{display:none !important}.display-hide{display:none !important}.mobile-show{display:none !important}.tablet-show{display:none !important}.small-display-show{display:none !important}.large-display-show{display:none !important}}
@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:1;color:#fff;background-color:#2F8BE6}
.page-link:hover{background-color:#2F8BE6}
.page-item.disabled{display:none}


/* 发帖-编辑器-上传图片 */
.fwinmask , .popuptext{padding: 0;margin-top: 0px;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 0px 0 #000, 0.5px 0px 0 #000, 0px -0.5px 0 #000, 0px 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: rgb(0 0 0 / 70%);
    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: rgb(62 62 62 / 70%);
}

/* 图片浮窗文字布局 */
.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: 100;
    margin: 20px;
    padding: 0;
    width: 38px;
    height: 38px;
    color: #ffd700;
    backface-visibility: hidden;
    background-color: rgb(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%}
}
/* ==================================================================================================================== */






/* ==================================================================================================================== */
/* 回到顶部按钮样式 */
#back-to-top{display:none;position:fixed;bottom:80px;right:30px;width:38px;height:38px;border:none;border-radius:2px;cursor:pointer;z-index:999;overflow:hidden;background:rgb(50,50,50,.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:9999;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: 999;
    overflow: hidden;
    background: rgb(72 72 72 / 50%);
    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;
}

/* =========================
   UI8 图片加载占位（savephotop / viewthread 大图）
   目标：none.gif 未替换或大图加载慢时，避免黑屏观感
   ========================= */

.savephotop{position:relative;background-color:#000;}
.savephotop img{display:block;max-width:100%;height:auto;}
.savephotop.ui8-img-loading,
.savephotop.ui8-img-error{min-height:180px;}

@keyframes ui8-img-spin{to{transform:translate(-50%,-50%) rotate(360deg);}}

.savephotop.ui8-img-loading::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:32px;
    height:32px;
    border:2px solid rgba(255,255,255,.25);
    border-top-color:rgba(255,255,255,.85);
    border-radius:50%;
    transform:translate(-50%,-50%);
    animation:ui8-img-spin 1s linear infinite;
    z-index:2;
    pointer-events:none;
}
.savephotop.ui8-img-loading::after{
    content: "即将展示\A Loading";
    white-space: pre-line;
    padding-top: 6px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, 18px);
    color:rgba(255,255,255,.85);
    font-size:14px;
    line-height:1.5;
    letter-spacing:.5px;
    z-index:2;
    pointer-events:none;
    text-shadow:0 1px 2px rgba(0,0,0,.65);
}

.savephotop.ui8-img-error::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.35);
    z-index:1;
    pointer-events:none;
}
.savephotop.ui8-img-error::after{
    content: "图片加载失败\A Failed to load";
    white-space: pre-line;
    padding-top: 6px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    color:rgba(255,255,255,.9);
    font-size:14px;
    line-height:1.5;
    letter-spacing:.5px;
    z-index:2;
    pointer-events:none;
    text-shadow:0 1px 2px rgba(0,0,0,.65);
}