@charset "UTF-8";/*!   __  _________ *   / / / /  _( _ ) *  / /_/ // // _  | *  \____/___/\___/ v5*//*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline}
audio:not([controls]) {display:none;height:0}
[hidden],template {display:none}
a {background-color:transparent}
a:active,a:hover {outline:0}
abbr[title] {border-bottom:1px dotted}
b,strong {font-weight:bold}
dfn {font-style:italic}
h1 {font-size:2em;margin:0.67em 0}
mark {background:#ff0;color:#000}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
img {border:0}
svg:not(:root) {overflow:hidden}
figure {margin:1em 40px}
hr {box-sizing:content-box;height:0}
pre {overflow:auto}
code,kbd,pre,samp {font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea {color:inherit;font:inherit;margin:0}
button {overflow:visible}
button,select {text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled] {cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}
input {line-height:normal}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height:auto}
input[type="search"] {-webkit-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend {border:0;padding:0}
textarea {overflow:auto}
optgroup {font-weight:bold}
table {border-collapse:collapse;border-spacing:0}
td,th {padding:0}
@font-face {font-family:'ui8';src:url('/fonts/v2/ui8.eot?ygn8zu');src:url('/fonts/v2/ui8.eot?ygn8zu#iefix') format('embedded-opentype'),url('/fonts/v2/ui8.ttf?ygn8zu') format('truetype'),url('/fonts/v2/ui8.woff?ygn8zu') format('woff'),url('/fonts/v2/ui8.svg?ygn8zu#ui8') format('svg');font-weight:normal;font-style:normal;}
i.icon {font-family:'ui8' !important;speak:none;font-size:16px !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
i.icon-AE:before {content:"\e900"}
i.icon-AI:before {content:"\e901"}
i.icon-PS:before {content:"\e902"}
i.icon-InDesign:before {content:"\e903"}
i.icon-omni:before {content:"\e904"}
i.icon-dribbble:before {content:"\e905"}
i.icon-WP:before {content:"\e906"}
i.icon-github:before {content:"\e907"}
i.icon-linkedin:before {content:"\e908"}
i.icon-instagram:before {content:"\e909"}
i.icon-facebook:before {content:"\e90a"}
i.icon-twitter:before {content:"\e90b"}
i.icon-arrow-down:before {content:"\e90c"}
i.icon-arrow-right:before {content:"\e90d"}
i.icon-close-bold:before {content:"\e90e"}
i.icon-arrow-right-BIG:before {content:"\e90f"}
i.icon-cartcopy2:before {content:"\e910"}
i.icon-check:before {content:"\e911"}
i.icon-close:before {content:"\e912"}
i.icon-comment:before {content:"\e913"}
i.icon-contact:before {content:"\e914"}
i.icon-download:before {content:"\e915"}
i.icon-dropbox:before {content:"\e916"}
i.icon-following:before {content:"\e917"}
i.icon-info:before {content:"\e918"}
i.icon-like:before {content:"\e919"}
i.icon-loading:before {content:"\e91a"}
i.icon-minus:before {content:"\e91b"}
i.icon-money:before {content:"\e91c"}
i.icon-notifications:before {content:"\e91d"}
i.icon-plus-bold:before {content:"\e91e"}
i.icon-plus:before {content:"\e91f"}
i.icon-search:before {content:"\e920"}
i.icon-sketch:before {content:"\e921"}
i.icon-Tumbler:before {content:"\e922"}
i.icon-view:before {content:"\e923"}
.pull-left {float:left !important}
.pull-right {float:right !important}
.clearfix:after {content:"";display:table;clear:both}
.no-animate {-webkit-transition:none !important;transition:none !important}
svg path,svg rect {fill:currentColor;stroke:currentColor}
.ui8-tabs {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 0 44px}
.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 0 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 {margin:0 -20px;overflow:hidden}
.cards .memo {display:block;text-align:center;font-size:20px;font-weight:400}
.cards .card {opacity:1;position:relative;float:left;width:455px;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 5px 0px;border-radius:4px}
.cards .card-figure {position:relative;height:260px;border-radius:4px;background-size:cover;background-position:center center}
.cards .card-figure:hover .hover {pointer-events:all;left:0;opacity:1;-webkit-transition-delay:0ms,0ms;transition-delay:0ms,0ms}
.cards .card-figure:hover .likes {opacity:1;right:10px;-webkit-transition-delay:0ms,0ms;transition-delay:0ms,0ms}
.cards .card-figure:hover .likes .count {opacity:1}
.cards .card-figure:hover .card-title,.cards .card-figure:hover .card-price {color:#FFFFFF}
.cards .likes {opacity:0;position:absolute;top:10px;right:-100%;z-index:2;-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(53,53,53,0.9);-webkit-transition:opacity 250ms ease,left 0ms 250ms;transition:opacity 250ms ease,left 0ms 250ms}
.cards .hover .group {position:absolute;top:50%;left:50%;z-index:1;margin:-19px 0 0 -48px;width:96px;height:38px;text-align:center}
.cards .hover .group .btn {margin:0 5px;text-align:center;vertical-align:top;-webkit-transition:none;transition:none;box-shadow:0 2px 15px rgba(0,0,0,0.25)}
.cards .hover .group .btn:hover {color:#FFFFFF;background:#2F8BE6}
.cards .hover .group .btn.btn-green:hover {color:#FFFFFF;background:#2d915a}
.cards .card-content {position:relative;padding:10px 0 0 0}
.cards .card-content:after {content:"";display:table;clear:both}
.cards .card-content .card-blurb {display:none}
.cards .card-content .upper:after {content:"";display:table;clear:both}
.cards .card-content .card-title {float:left;display:block;color:#FFFFFF;font-size:13px;line-height:27px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cards .card-content .card-price {position:relative;top:0;right:0;float:right;padding:6px 0;width:48px;color:#2F8BE6;font-size:15px;line-height:1;font-weight:600;text-align:center;background:#2A2A2A;border-radius:4px}
.cards .card-content .card-price.price-strike:after {position:absolute;top:50%;left:6px;margin:-1px 0 0 0;content:'';width:36px;height:2px;background:#2F8BE6}
.cards .card-content .card-price.on-sale {width:80px !important}
.cards .card-content .card-price.on-sale em {font-size:13px;position:relative;top:-1px;color:#636363;font-style:normal;text-decoration:line-through;margin-right:5px}
.cards .card-content .meta {clear:both;padding:5px 0 0 0;font-size:12px;line-height:20px;color:#949494}
.cards .card-content .meta:after {content:"";display:table;clear:both}
.cards .card-content .meta a {color:#949494;font-weight:700}
.cards .card-content .meta a:hover {color:#2F8BE6}
.cards .card-content .meta .avatar {display:block;float:left;margin:0 8px 0 0;width:20px;height:20px;border-radius:4px;background-color:#484848;background-size:cover}
.cards .card-content .meta .avatar.freebie svg {padding:4px}
.cards .card-permalink {position:absolute;top:0;left:0;width:100%;height:100%}
@media only screen and (max-width:723px) {.mobile-fluid .cards .card {margin:0 auto;float:none;width:100%;max-width:450px}
.mobile-fluid .cards .card .card-figure {padding:0 0 69.53642%;height:auto}
.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 20px;height:38px;min-width:110px;font-size:10px;line-height:38px;text-transform:capitalize;border-radius:2px;white-space:nowrap;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#484848;cursor:pointer}
.ui8-select svg {position:absolute;top:11px;right:20px;z-index:20;color:#FFFFFF;line-height:38px;pointer-events:none}
.ui8-select .active-option {cursor:pointer;position:relative;z-index:10;display:block;padding:0 40px 0 0;color:#FFFFFF;font-size:12px;font-weight:400}
.ui8-select .options {pointer-events:none;opacity:0;display:block;position:absolute;top:0px;right:0;left:0;bottom:auto;z-index:10;padding:4px 20px;font-size:12px;font-weight:400;text-align:left;border-radius:4px;background:#484848;top:36px;border-radius:0px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#404040}
.ui8-select .options .option {cursor:pointer;display:block;color:#AFAFAF;line-height:30px}
.ui8-select .options .option:hover {color:#FFFFFF}
.ui8-select .options .option.selected {color:#FFFFFF}
.ui8-select:hover .options {pointer-events:all;opacity:1}
.ui8-select.closed .options {display:none !important}
.inputs {width:440px;margin:0px auto -40px auto}
.inputs.margin {margin-bottom:0px}
@media only screen and (max-width:723px) {.inputs {width:100%;}
.default-header .inputs {margin-top:30px}
}
.inputs .input {width:100%;height:70px;margin:0 0 40px 0;background:#2A2A2A;box-sizing:border-box;border:2px solid rgba(42,42,42,0);border-radius:2px;position:relative}
.inputs .input label,.inputs .input input,.inputs .input textarea {opacity:0 !important}
.inputs .input.loaded label,.inputs .input.loaded input,.inputs .input.loaded textarea {opacity:1 !important}
.inputs .input label {position:absolute;height:100%;width:100%;box-sizing:border-box;padding:0px 20px;pointer-events:none;font-size:12px;font-weight:400;line-height:70px;color:#AFAFAF;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.inputs .input.animate label {-webkit-transition:all 300ms ease;transition:all 300ms ease}
.inputs .input .action {position:absolute;right:20px;top:32px;font-size:12px;line-height:12px;color:#2F8BE6}
.inputs .input .action:hover {color:#AFAFAF;cursor:pointer}
.inputs .input span.error {display:none;color:#B64B4B;font-size:14px;position:absolute;top:72px;left:0px}
.inputs .input input,.inputs .input textarea {height:100%;width:100%;font-size:14px;color:#FFFFFF;box-sizing:border-box;padding:10px 20px 0px 20px;border:none;outline:none;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.inputs .input input:-webkit-autofill,.inputs .input textarea:-webkit-autofill {-webkit-text-fill-color:#FFFFFF !important;-webkit-box-shadow:0 0 0px 1000px #2A2A2A inset;color:#FFFFFF !important}
.inputs .input input:-moz-autofill,.inputs .input textarea:-moz-autofill {-moz-text-fill-color:#FFFFFF !important;-moz-box-shadow:0 0 0px 1000px #2A2A2A inset;color:#FFFFFF !important}
.inputs .input input:-ms-autofill,.inputs .input textarea:-ms-autofill {-ms-text-fill-color:#FFFFFF !important;-ms-box-shadow:0 0 0px 1000px #2A2A2A inset;color:#FFFFFF !important}
.inputs .input.textarea {height:220px}
.inputs .input.textarea textarea {resize:none;padding:30px 20px}
.inputs .input.textarea span.error {top:auto;bottom:-26px}
.inputs .input.focused label {opacity:0.2;-webkit-transform:translate3d(0,-19px,0);transform:translate3d(0,-19px,0)}
.inputs .input.submit {background:none;height:auto}
.inputs .input.error {border-color:#B64B4B}
.inputs .input.error span.error {display:inline-block}
.inputs .input.half-left,.inputs .input.half-right {display:inline-block;width:205px;box-sizing:border-box;margin-right:-3px}
.inputs .input.half-left.half-right,.inputs .input.half-right.half-right {margin-left:30px}
@media only screen and (max-width:723px) {.inputs .input.half-left,.inputs .input.half-right {width:100%;}
.inputs .input.half-left.half-right,.inputs .input.half-right.half-right {margin-left:0px}
}
.inputs .input.input-select {height:120px}
.inputs .input.input-select .select-wrapper {top:55px}
.inputs .select-wrapper {width:100%;position:relative;margin:0px auto 40px auto}
.inputs .select-wrapper:after {speak:none;font-family:'ui8';font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0;right:0;padding:0 20px;content:'\e601';font-size:14px;line-height:50px;pointer-events:none}
.inputs .select-wrapper select {position:relative;cursor:pointer;outline:none;display:block;padding:0 20px;width:100%;color:#FFFFFF;height:48px;font-size:15px;line-height:15px;font-weight:300;background:#2A2A2A;border:2px solid #2A2A2A;border-radius:2px;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-transition:border-color 150ms ease;transition:border-color 150ms ease}
.inputs-mobile-nav .select-wrapper select {border:2px solid #2F8BE6;background:#2F8BE6}
.ui8-search {opacity:0;position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:0;left:-100%;z-index:1000;width:100%;height:100%;overflow-y:hidden;-webkit-transition:opacity 200ms ease,left 0ms ease 200ms;transition:opacity 200ms ease,left 0ms ease 200ms;background:url('images/noise_v3.png') left top #353535;background-size:100px}
.ui8-search .ui8-search-close {position:absolute;top:0;right:0;padding:26px 15px 0 0}
.ui8-search .container {padding:100px 0 0 0}
.ui8-search .search {display:block;padding:0 30px;width:100%;height:80px;font-size:24px;font-weight:300;background:#2b2b2b;border-radius:4px;outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}
.ui8-search .ui8-tabs {padding:40px 0 44px}
.ui8-search .search-wrapper {position:relative}
.ui8-search .search-wrapper .results {position:absolute;top:50%;right:20px;margin:-10px 0 0 0;color:#AFAFAF;font-weight:600}
.ui8-search .server-rendered {display:none !important}
.ui8-search .section-footer {position:relative;padding:30px 0 50px;width:100%;height:30px}
.ui8-search .section-footer .ui8-loader {top:30px}
body.overflow {overflow:hidden}
body.show-search {overflow:hidden}
body.show-search.scrollbar-1 {padding-right:1px}
body.show-search.scrollbar-2 {padding-right:2px}
body.show-search.scrollbar-3 {padding-right:3px}
body.show-search.scrollbar-4 {padding-right:4px}
body.show-search.scrollbar-5 {padding-right:5px}
body.show-search.scrollbar-6 {padding-right:6px}
body.show-search.scrollbar-7 {padding-right:7px}
body.show-search.scrollbar-8 {padding-right:8px}
body.show-search.scrollbar-9 {padding-right:9px}
body.show-search.scrollbar-10 {padding-right:10px}
body.show-search.scrollbar-11 {padding-right:11px}
body.show-search.scrollbar-12 {padding-right:12px}
body.show-search.scrollbar-13 {padding-right:13px}
body.show-search.scrollbar-14 {padding-right:14px}
body.show-search.scrollbar-15 {padding-right:15px}
body.show-search.scrollbar-16 {padding-right:16px}
body.show-search.scrollbar-17 {padding-right:17px}
body.show-search.scrollbar-18 {padding-right:18px}
body.show-search.scrollbar-19 {padding-right:19px}
body.show-search.scrollbar-20 {padding-right:20px}
body.show-search.scrollbar-21 {padding-right:21px}
body.show-search.scrollbar-22 {padding-right:22px}
body.show-search.scrollbar-23 {padding-right:23px}
body.show-search.scrollbar-24 {padding-right:24px}
body.show-search.scrollbar-25 {padding-right:25px}
body.show-search .ui8-search {left:0;opacity:1;overflow-y:scroll;-webkit-transition-delay:0ms,0ms;transition-delay:0ms,0ms}
body.show-search .ui8-search .ui8-search-close {display:block !important}
body .scrollbar-measure {width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}
input.btn,button.btn {box-sizing:content-box}
.btn 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.btn-square,.btn.btn-circle {width:48px}
.btn.btn-med {padding:11px 16px}
.btn.btn-med.btn-square,.btn.btn-med.btn-circle {width:38px}
.btn.btn-small {padding:6px}
.btn.btn-small.btn-square,.btn.btn-small.btn-circle {width:28px}
.btn.btn-square,.btn.btn-circle {padding-left:0;padding-right:0}
.btn.btn-square svg,.btn.btn-circle svg {margin:0}
.btn.btn-circle {border-radius:50%}
.btn.disabled,.btn[disabled="disabled"] {cursor:default;opacity:0.5;pointer-events:none}
.btn.btn-blue {color:#FFFFFF;background-color:#2F8BE6}
.btn.btn-blue:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-blue.btn-arrow-down:after {border-top-color:#2F8BE6}
.btn.btn-blue.btn-arrow-down:hover:after {border-top-color:#1b7ee1}
.btn.btn-blue.btn-arrow-down:active:after {border-top-color:#1a79d7}
.btn.btn-blue:before {background-color:#FFFFFF}
.btn.btn-blue:hover {color:#f2f2f2;background-color:#1b7ee1}
.btn.btn-blue:active {background-color:#1a79d7;color:#cccccc}
.btn.btn-blue.btn-outline {color:#2F8BE6;background:transparent;box-shadow:inset 0 0 0 2px #2F8BE6}
.btn.btn-blue.btn-outline:hover {color:#2F8BE6;box-shadow:inset 0 0 0 2px #1b7ee1}
.btn.btn-blue.btn-outline:active {color:#1a79d7;box-shadow:inset 0 0 0 2px #1a79d7}
.btn.btn-blue.btn-blue-text {color:#2F8BE6}
.btn.btn-realblue {color:#FFFFFF;background-color:#2F8BE6}
.btn.btn-realblue:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-realblue.btn-arrow-down:after {border-top-color:#2F8BE6}
.btn.btn-realblue.btn-arrow-down:hover:after {border-top-color:#1b7ee1}
.btn.btn-realblue.btn-arrow-down:active:after {border-top-color:#1a79d7}
.btn.btn-realblue:before {background-color:#FFFFFF}
.btn.btn-realblue:hover {color:#f2f2f2;background-color:#1b7ee1}
.btn.btn-realblue:active {background-color:#1a79d7;color:#cccccc}
.btn.btn-realblue.btn-outline {color:#2F8BE6;background:transparent;box-shadow:inset 0 0 0 2px #2F8BE6}
.btn.btn-realblue.btn-outline:hover {color:#2F8BE6;box-shadow:inset 0 0 0 2px #1b7ee1}
.btn.btn-realblue.btn-outline:active {color:#1a79d7;box-shadow:inset 0 0 0 2px #1a79d7}
.btn.btn-realblue.btn-blue-text {color:#2F8BE6}
.btn.btn-gray {color:#FFFFFF;background-color:#484848}
.btn.btn-gray:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-gray.btn-arrow-down:after {border-top-color:#484848}
.btn.btn-gray.btn-arrow-down:hover:after {border-top-color:#3b3b3b}
.btn.btn-gray.btn-arrow-down:active:after {border-top-color:#363636}
.btn.btn-gray:before {background-color:#2F8BE6}
.btn.btn-gray:hover {color:#f2f2f2;background-color:#3b3b3b}
.btn.btn-gray:active {background-color:#363636;color:#cccccc}
.btn.btn-gray.btn-outline {color:#484848;background:transparent;box-shadow:inset 0 0 0 2px #484848}
.btn.btn-gray.btn-outline:hover {color:#484848;box-shadow:inset 0 0 0 2px #3b3b3b}
.btn.btn-gray.btn-outline:active {color:#363636;box-shadow:inset 0 0 0 2px #363636}
.btn.btn-gray.btn-blue-text {color:#2F8BE6}
.btn.btn-green {color:#FFFFFF;background-color:#33a466}
.btn.btn-green:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-green.btn-arrow-down:after {border-top-color:#33a466}
.btn.btn-green.btn-arrow-down:hover:after {border-top-color:#2d915a}
.btn.btn-green.btn-arrow-down:active:after {border-top-color:#2b8955}
.btn.btn-green:before {background-color:#FFFFFF}
.btn.btn-green:hover {color:#f2f2f2;background-color:#2d915a}
.btn.btn-green:active {background-color:#2b8955;color:#cccccc}
.btn.btn-green.btn-outline {color:#33a466;background:transparent;box-shadow:inset 0 0 0 2px #33a466}
.btn.btn-green.btn-outline:hover {color:#33a466;box-shadow:inset 0 0 0 2px #2d915a}
.btn.btn-green.btn-outline:active {color:#2b8955;box-shadow:inset 0 0 0 2px #2b8955}
.btn.btn-green.btn-blue-text {color:#2F8BE6}
.btn.btn-red {color:#FFFFFF;background-color:#B64B4B}
.btn.btn-red:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-red.btn-arrow-down:after {border-top-color:#B64B4B}
.btn.btn-red.btn-arrow-down:hover:after {border-top-color:#a54343}
.btn.btn-red.btn-arrow-down:active:after {border-top-color:#9d4040}
.btn.btn-red:before {background-color:#FFFFFF}
.btn.btn-red:hover {color:#f2f2f2;background-color:#a54343}
.btn.btn-red:active {background-color:#9d4040;color:#cccccc}
.btn.btn-red.btn-outline {color:#B64B4B;background:transparent;box-shadow:inset 0 0 0 2px #B64B4B}
.btn.btn-red.btn-outline:hover {color:#B64B4B;box-shadow:inset 0 0 0 2px #a54343}
.btn.btn-red.btn-outline:active {color:#9d4040;box-shadow:inset 0 0 0 2px #9d4040}
.btn.btn-red.btn-blue-text {color:#2F8BE6}
.btn.btn-paypal {color:#FFFFFF;background-color:#009cde}
.btn.btn-paypal:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-paypal.btn-arrow-down:after {border-top-color:#009cde}
.btn.btn-paypal.btn-arrow-down:hover:after {border-top-color:#008ac5}
.btn.btn-paypal.btn-arrow-down:active:after {border-top-color:#0083ba}
.btn.btn-paypal:before {background-color:#FFFFFF}
.btn.btn-paypal:hover {color:#f2f2f2;background-color:#008ac5}
.btn.btn-paypal:active {background-color:#0083ba;color:#cccccc}
.btn.btn-paypal.btn-outline {color:#009cde;background:transparent;box-shadow:inset 0 0 0 2px #009cde}
.btn.btn-paypal.btn-outline:hover {color:#009cde;box-shadow:inset 0 0 0 2px #008ac5}
.btn.btn-paypal.btn-outline:active {color:#0083ba;box-shadow:inset 0 0 0 2px #0083ba}
.btn.btn-paypal.btn-blue-text {color:#2F8BE6}
.btn.btn-white {color:#333333;background-color:#FFFFFF}
.btn.btn-white:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-white.btn-arrow-down:after {border-top-color:#FFFFFF}
.btn.btn-white.btn-arrow-down:hover:after {border-top-color:#f2f2f2}
.btn.btn-white.btn-arrow-down:active:after {border-top-color:#ededed}
.btn.btn-white:before {background-color:#FFFFFF}
.btn.btn-white:hover {color:#262626;background-color:#f2f2f2}
.btn.btn-white:active {background-color:#ededed;color:black}
.btn.btn-white.btn-outline {color:#FFFFFF;background:transparent;box-shadow:inset 0 0 0 2px #FFFFFF}
.btn.btn-white.btn-outline:hover {color:#FFFFFF;box-shadow:inset 0 0 0 2px #f2f2f2}
.btn.btn-white.btn-outline:active {color:#ededed;box-shadow:inset 0 0 0 2px #ededed}
.btn.btn-white.btn-blue-text {color:#2F8BE6}
.btn.btn-darkgray {color:#FFFFFF;background-color:#636363}
.btn.btn-darkgray:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-darkgray.btn-arrow-down:after {border-top-color:#636363}
.btn.btn-darkgray.btn-arrow-down:hover:after {border-top-color:#565656}
.btn.btn-darkgray.btn-arrow-down:active:after {border-top-color:#515151}
.btn.btn-darkgray:before {background-color:#FFFFFF}
.btn.btn-darkgray:hover {color:#f2f2f2;background-color:#565656}
.btn.btn-darkgray:active {background-color:#515151;color:#cccccc}
.btn.btn-darkgray.btn-outline {color:#636363;background:transparent;box-shadow:inset 0 0 0 2px #636363}
.btn.btn-darkgray.btn-outline:hover {color:#636363;box-shadow:inset 0 0 0 2px #565656}
.btn.btn-darkgray.btn-outline:active {color:#515151;box-shadow:inset 0 0 0 2px #515151}
.btn.btn-darkgray.btn-blue-text {color:#2F8BE6}
.btn.btn-cloud {color:#FFFFFF;background-color:#c4c4c4}
.btn.btn-cloud:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-cloud.btn-arrow-down:after {border-top-color:#c4c4c4}
.btn.btn-cloud.btn-arrow-down:hover:after {border-top-color:#b7b7b7}
.btn.btn-cloud.btn-arrow-down:active:after {border-top-color:#b2b2b2}
.btn.btn-cloud:before {background-color:#FFFFFF}
.btn.btn-cloud:hover {color:#f2f2f2;background-color:#b7b7b7}
.btn.btn-cloud:active {background-color:#b2b2b2;color:#cccccc}
.btn.btn-cloud.btn-outline {color:#c4c4c4;background:transparent;box-shadow:inset 0 0 0 2px #c4c4c4}
.btn.btn-cloud.btn-outline:hover {color:#c4c4c4;box-shadow:inset 0 0 0 2px #b7b7b7}
.btn.btn-cloud.btn-outline:active {color:#b2b2b2;box-shadow:inset 0 0 0 2px #b2b2b2}
.btn.btn-cloud.btn-blue-text {color:#2F8BE6}
.btn.btn-silver {color:#FFFFFF;background-color:#AFAFAF}
.btn.btn-silver:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-silver.btn-arrow-down:after {border-top-color:#AFAFAF}
.btn.btn-silver.btn-arrow-down:hover:after {border-top-color:#a2a2a2}
.btn.btn-silver.btn-arrow-down:active:after {border-top-color:#9d9d9d}
.btn.btn-silver:before {background-color:#FFFFFF}
.btn.btn-silver:hover {color:#f2f2f2;background-color:#a2a2a2}
.btn.btn-silver:active {background-color:#9d9d9d;color:#cccccc}
.btn.btn-silver.btn-outline {color:#AFAFAF;background:transparent;box-shadow:inset 0 0 0 2px #AFAFAF}
.btn.btn-silver.btn-outline:hover {color:#AFAFAF;box-shadow:inset 0 0 0 2px #a2a2a2}
.btn.btn-silver.btn-outline:active {color:#9d9d9d;box-shadow:inset 0 0 0 2px #9d9d9d}
.btn.btn-silver.btn-blue-text {color:#2F8BE6}
.btn.btn-dropbox {color:#FFFFFF;background-color:#007ee5}
.btn.btn-dropbox:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.btn.btn-dropbox.btn-arrow-down:after {border-top-color:#007ee5}
.btn.btn-dropbox.btn-arrow-down:hover:after {border-top-color:#0070cc}
.btn.btn-dropbox.btn-arrow-down:active:after {border-top-color:#006ac1}
.btn.btn-dropbox:before {background-color:#FFFFFF}
.btn.btn-dropbox:hover {color:#f2f2f2;background-color:#0070cc}
.btn.btn-dropbox:active {background-color:#006ac1;color:#cccccc}
.btn.btn-dropbox.btn-outline {color:#007ee5;background:transparent;box-shadow:inset 0 0 0 2px #007ee5}
.btn.btn-dropbox.btn-outline:hover {color:#007ee5;box-shadow:inset 0 0 0 2px #0070cc}
.btn.btn-dropbox.btn-outline:active {color:#006ac1;box-shadow:inset 0 0 0 2px #006ac1}
.btn.btn-dropbox.btn-blue-text {color:#2F8BE6}
.btn-guides .btn {box-shadow:inset 0 -16px 0 0 rgba(0,0,0,0.15),inset 0 16px 0 0 rgba(0,0,0,0.15),inset 0 -15px 0 0 rgba(255,255,255,0.1),inset 0 15px 0 0 rgba(255,255,255,0.1)}
.btn-guides .btn.btn-med {box-shadow:inset 0 -11px 0 0 rgba(0,0,0,0.15),inset 0 11px 0 0 rgba(0,0,0,0.15),inset 0 -10px 0 0 rgba(255,255,255,0.1),inset 0 10px 0 0 rgba(255,255,255,0.1)}
.btn-guides .btn svg,.btn-guides .btn i {background:rgba(255,0,0,0.15)}
.ui8-avatar {position:relative;width:48px;height:48px;font-size:14px;color:#FFFFFF;line-height:50px;text-align:center;font-weight:600;-webkit-transition:background-color 100ms ease;transition:background-color 100ms ease}
.ui8-avatar.ui8-avatar-red {background-color:#EA6D6D}
.ui8-avatar.ui8-avatar-red:hover {background-color:#e44040}
.ui8-avatar.ui8-avatar-green {background-color:#83B96A}
.ui8-avatar.ui8-avatar-green:hover {background-color:#68a34d}
.ui8-avatar.ui8-avatar-purple {background-color:#D16DEA}
.ui8-avatar.ui8-avatar-purple:hover {background-color:#c340e4}
.ui8-avatar.ui8-avatar-blue {background-color:#6D7FEA}
.ui8-avatar.ui8-avatar-blue:hover {background-color:#4058e4}
.ui8-avatar.ui8-avatar-orange {background-color:#DEB651}
.ui8-avatar.ui8-avatar-orange:hover {background-color:#d4a328}
.ui8-avatar.ui8-avatar-lrg {font-size:24px;font-weight:700}
@media only screen and (max-width:723px) {.ui8-avatar.ui8-avatar-lrg {font-size:20px;}
}
.ui8-avatar>.permalink {position:absolute;top:0;left:0;display:block;width:100%;height:100%}
@-webkit-keyframes circleRotate {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(1440deg);transform:rotate(1440deg)}
}
@keyframes circleRotate {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(1440deg);transform:rotate(1440deg)}
}
.ui8-loader {position:absolute;top:10px;left:50%;z-index:1;height:30px;width:30px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.ui8-loader .ball {position:absolute;display:block;left:15px;top:7px;width:8px;height:8px;border-radius:6px;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-animation:circleRotate 4s both infinite;animation:circleRotate 4s both infinite;-webkit-transform-origin:0 100% 0;-ms-transform-origin:0 100% 0;transform-origin:0 100% 0}
.ui8-loader .ball-1 {z-index:-1;background-color:#2F8BE6;-webkit-animation-timing-function:cubic-bezier(0.5,0.3,0.9,0.9);animation-timing-function:cubic-bezier(0.5,0.3,0.9,0.9)}
.ui8-loader .ball-2 {z-index:-2;background-color:#368DE4;-webkit-animation-timing-function:cubic-bezier(0.5,0.6,0.9,0.9);animation-timing-function:cubic-bezier(0.5,0.6,0.9,0.9)}
.ui8-loader .ball-3 {z-index:-3;background-color:#4293E2;-webkit-animation-timing-function:cubic-bezier(0.5,0.9,0.9,0.9);animation-timing-function:cubic-bezier(0.5,0.9,0.9,0.9)}
.ui8-loader .ball-4 {z-index:-4;background-color:#67A3DE;-webkit-animation-timing-function:cubic-bezier(0.5,1.2,0.9,0.9);animation-timing-function:cubic-bezier(0.5,1.2,0.9,0.9)}
.ui8-loader .ball-5 {z-index:-5;background-color:#4897E4;-webkit-animation-timing-function:cubic-bezier(0.5,1.5,0.9,0.9);animation-timing-function:cubic-bezier(0.5,1.5,0.9,0.9)}
.ui8-loader .ball-6 {z-index:-6;background-color:#4D98E2;-webkit-animation-timing-function:cubic-bezier(0.5,1.8,0.9,0.9);animation-timing-function:cubic-bezier(0.5,1.8,0.9,0.9)}
.ui8-loader .ball-7 {z-index:-7;background-color:#579BDF;-webkit-animation-timing-function:cubic-bezier(0.5,2.1,0.9,0.9);animation-timing-function:cubic-bezier(0.5,2.1,0.9,0.9)}
.ui8-loader .ball-8 {z-index:-8;background-color:#629FDC;-webkit-animation-timing-function:cubic-bezier(0.5,2.4,0.9,0.9);animation-timing-function:cubic-bezier(0.5,2.4,0.9,0.9)}
.ui8-switch {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative;display:inline-block;width:28px;height:8px;overflow:visible;background:#000000;border-radius:40px}
.ui8-switch.on a,.ui8-switch.on .circle {margin:0 0 0 15px}
.ui8-switch a,.ui8-switch .circle {position:absolute;top:-3px;display:block;margin:0 0 0 -1px;width:14px;height:14px;text-indent:-999em;overflow:hidden;background:#2F8BE6;border-radius:50%;-webkit-transition:margin 150ms ease;transition:margin 150ms ease}
.ui8-listing .item {display:block;padding:30px 35px;color:#333333;background:#FFFFFF;border-bottom:1px solid #ededed}
.ui8-listing .item:first-of-type {border-radius:4px 4px 0 0}
.ui8-listing .item:last-of-type {border-radius:0 0 4px 4px;border-bottom:none}
.ui8-listing .item:only-child {border-radius:4px 4px 4px 4px;border:none}
.ng-hide {display:none !important}
.ngi-inspector {color:#333333}
a[ng-click] {cursor:pointer}
.site-header .ui8-sidebar {position:fixed;top:0;right:0;z-index:1;left:auto !important;width:0;overflow:hidden;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:width 150ms ease;transition:width 150ms ease}
.site-header .ui8-sidebar .show-mobile {display:none}
.site-header .ui8-sidebar .categories,.site-header .ui8-sidebar .socials {width:230px}
.site-header .ui8-sidebar .socials {opacity:0;position:absolute;top:26px;left:20px;-webkit-transition:opacity 150ms ease 0ms;transition:opacity 150ms ease 0ms}
.site-header .ui8-sidebar .socials .social {display:inline-block;margin:0 10px 0 0;width:24px;height:24px;text-align:center;font-size:12px;line-height:26px;background:#484848;border-radius:50%}
.site-header .ui8-sidebar .socials .social a {display:block;width:100%;height:100%;color:#2b2b2b}
.site-header .ui8-sidebar .socials .social a:hover {color:#FFFFFF}
.site-header .ui8-sidebar .socials .social svg {position:relative;top:4px;left:0;display:block;margin:0 auto}
.site-header .ui8-sidebar .socials .social:last-of-type {margin:0}
.reveal-sidebar .site-header .ui8-sidebar {width:212px;-webkit-transition-delay:0ms;transition-delay:0ms}
.reveal-sidebar .site-header .ui8-sidebar .socials {opacity:1;-webkit-transition-delay:150ms;transition-delay:150ms}
@media only screen and (max-width:723px) {.site-header .ui8-sidebar {display:block}
.site-header .ui8-sidebar .show-mobile {display:block !important}
}
.site-header .actions {-webkit-transition:padding-right 150ms ease;transition:padding-right 150ms ease}
.reveal-sidebar .site-header .actions {padding-right:210px !important}
@media only screen and (min-width:724px) and (max-width:1065px) {.reveal-sidebar .site-header .actions {padding-right:49px !important}
}
@media only screen and (max-width:723px) {.reveal-sidebar .site-header .actions {padding-right:49px !important}
.reveal-sidebar .site-header .ui8-sidebar {position:fixed;z-index:1000000;width:100%}
.reveal-sidebar .site-header .ui8-sidebar .categories {width:100%}
.reveal-sidebar .site-header .ui8-sidebar .categories .category:before {display:none}
}
.odometer.odometer-auto-theme,.odometer.odometer-theme-default {display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}
.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit {display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;visibility:hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {display:block}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {display:block;-webkit-backface-visibility:hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {display:block;-webkit-transform:translateZ(0)}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {position:absolute}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {-webkit-transition:-webkit-transform 2s;transition:transform 2s}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {-webkit-transition:-webkit-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {text-align:center}
.ui8-truncated {-webkit-transition:all 200ms ease 50ms;transition:all 200ms ease 50ms}
.ui8-truncated .ui8-truncate-more {color:#2F8BE6;font-weight:400}
.ui8-truncated .ui8-truncate-original {display:block;opacity:0;-webkit-transition:opacity 250ms ease 0ms;transition:opacity 250ms ease 0ms}
.ui8-truncated .ui8-truncate-truncated {position:absolute;top:0;left:0;display:block;opacity:1;-webkit-transition:opacity 250ms ease 0ms;transition:opacity 250ms ease 0ms}
.ui8-truncated.ui8-truncate-full .ui8-truncate-original {opacity:1}
.ui8-truncated.ui8-truncate-full .ui8-truncate-truncated {opacity:0}
.ui8-truncated .ui8-truncate-up {display:block;margin:20px auto 0;width:22px;height:22px;line-height:24px;font-size:12px;text-align:center;background:#E8E8E8;border-radius:50%}
.ui8-truncated.ui8-truncate-full .ui8-truncate-original {-webkit-transition-delay:150ms;transition-delay:150ms}
.ui8-truncated.ui8-truncate-full .ui8-truncate-truncated {-webkit-transition-delay:150ms;transition-delay:150ms}
.ui8-appicons .app {display:none;margin:0 6px 0 0;padding:3px;color:#FFFFFF;width:16px;height:16px;line-height:0;border-radius:50%;background:#484848}
.ui8-appicons .app:last-of-type {margin:0}
.ui8-appicons .app.app-lrg {padding:11px}
.ui8-appicons .app.app-med {padding:6px}
.ui8-appicons .app svg,.ui8-appicons .app path,.ui8-appicons .app rect {fill:currentColor}
.ui8-appicons .app.app-html {background:#505C7E}
.ui8-appicons .app.app-sketch {background:#FF6C31}
.ui8-appicons .app.app-tumblr {background:#A652AB}
.ui8-appicons .app.app-indesign {background:#FE4A95}
.ui8-appicons .app.app-wordpress {background:#0087be}
.ui8-appicons .app.app-photoshop {background:#00a4e4}
.ui8-appicons .app.app-illustrator {background:#F89A1C}
.ui8-appicons .app.app-aftereffects {background:#6362FE}
.ui8-appicons .app.app-omnigraffle {background:#7ED321}
.ui8-appicons .app.app-xcode {color:#454545;background:#f5f5f5}
.ui8-appicons .app.app-swift {color:#FFFFFF;background:#F89A1C}
.swift-compatible .ui8-appicons .app.app-swift,.xcode-compatible .ui8-appicons .app.app-xcode,.html-compatible .ui8-appicons .app.app-html,.sketch-compatible .ui8-appicons .app.app-sketch,.tumblr-compatible .ui8-appicons .app.app-tumblr,.indesign-compatible .ui8-appicons .app.app-indesign,.wordpress-compatible .ui8-appicons .app.app-wordpress,.photoshop-compatible .ui8-appicons .app.app-photoshop,.wordpress-compatible .ui8-appicons .app.app-wordpress,.illustrator-compatible .ui8-appicons .app.app-illustrator,.omnigraffle-compatible .ui8-appicons .app.app-omnigraffle,.aftereffects-compatible .ui8-appicons .app.app-aftereffects {display:inline-block}
.ui8-hamburger {cursor:pointer;position:relative;z-index:1;display:block;width:38px;height:26px}
.ui8-hamburger .before,.ui8-hamburger .after {position:absolute;top:0;left:50%;content:'';margin:0 0 0 -10px;width:20px;height:2px;background:#2F8BE6;-webkit-transform:translate3d(0,4px,0);transform:translate3d(0,4px,0);-webkit-transition:-webkit-transform 200ms ease;transition:transform 200ms ease}
.ui8-hamburger .after {-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
.ui8-hamburger .middle {position:absolute;top:12px;left:50%;z-index:1;display:block;content:'';width:20px;height:2px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#2F8BE6;-webkit-transition:width 200ms ease,opacity 200ms ease;transition:width 200ms ease,opacity 200ms ease}
.ui8-hamburger.crossed:hover .before,.ui8-hamburger.crossed:hover .after,.reveal-sidebar .ui8-hamburger:hover .before,.reveal-sidebar .ui8-hamburger:hover .after {background:#1871ca}
.ui8-hamburger.crossed .before,.reveal-sidebar .ui8-hamburger .before {-webkit-transform:rotate(45deg) translate3d(8px,8px,0);transform:rotate(45deg) translate3d(8px,8px,0)}
.ui8-hamburger.crossed .after,.reveal-sidebar .ui8-hamburger .after {-webkit-transform:rotate(-45deg) translate3d(-8px,8px,0);transform:rotate(-45deg) translate3d(-8px,8px,0)}
.ui8-hamburger.crossed .middle,.reveal-sidebar .ui8-hamburger .middle {width:0;opacity:0}
@-webkit-keyframes bounce {0% {-webkit-transform:scale(1);transform:scale(1)}
25% {-webkit-transform:scale(1.25);transform:scale(1.25)}
50% {-webkit-transform:scale(1.35);transform:scale(1.35)}
100% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounce {0% {-webkit-transform:scale(1);transform:scale(1)}
25% {-webkit-transform:scale(1.25);transform:scale(1.25)}
50% {-webkit-transform:scale(1.35);transform:scale(1.35)}
100% {-webkit-transform:scale(1);transform:scale(1)}
}
.ui8-discussion {margin:0 auto;padding:80px 0;max-width: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 .listmessage {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:0px 0 40px 0;padding:118px 0 55px 0;text-align:left;background:url('images/headers@2x.jpg') center top #272727;background-size:1104px 549px}
.inset-header.no-background {background:#202020}
.inset-header.naked {padding-bottom:0;background:none}
.inset-header.naked:after {display:none}
.inset-header:after {position:absolute;bottom:0;left:0;z-index:1;content:'';display:block;width:100%;height:20px;box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.09)}
.inset-header .wrapper {position:relative;z-index:2;text-align:left}
.inset-header .wrapper:after {content:"";display:table;clear:both}
.inset-header .title {margin:0 0 10px 0;padding:0;font-size:24px;line-height:1;font-weight:300}
.inset-header .title strong {font-weight:600;color:#FFFFFF}
.inset-header .meta {display:block;margin:0;padding:0;color:#AFAFAF;font-size:18px;font-weight:300}
.inset-header .meta strong {font-weight:400;color:#FFFFFF}
.inset-header .actions {position:absolute;z-index:5;bottom:-79px;right:0}
.inset-header .actions .action {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;margin:0 0 0 10px}
@media only screen and (max-width:723px) {.inset-header .actions .action .btn {padding:11px;}
.inset-header .actions .action .btn.btn-square {padding-left:0;padding-right:0;width:38px}
}
@media only screen and (max-width:723px) {.inset-header {margin-bottom:30px;padding-bottom:32px}
.inset-header .actions {display:none}
.inset-header.mobile-actions .actions {display:block;position:absolute;bottom:-2px;right:0}
}
.app-icon {position:relative;top:8px;left:auto;display:inline-block;margin-left:12px;height:24px;width:24px;line-height:24px;text-align:center;overflow:hidden;background:#AFAFAF;border-radius:50%}
.app-icon i {font-size:14px;line-height:28px;color:#FFFFFF;position:relative}
.app-icon.photoshop {background:#00a4e4}
.app-icon.photoshop i {font-size:10px;top:-1px;left:1px}
.app-icon.illustrator {background:#F89A1C}
.app-icon.illustrator i {top:-1px;left:-1px;font-size:10px}
.app-icon.aftereffects {background:#6362FE}
.app-icon.aftereffects i {top:-1px;font-size:9px}
.app-icon.indesign {background:#FE4A95}
.app-icon.indesign i {top:-1px;font-size:10px}
.app-icon.sketch {background:#FF6C31}
.app-icon.sketch i {top:-1px;font-size:12px}
.app-icon.tumblr {background:#A652AB}
.app-icon.tumblr i {top:-2px;left:0;font-size:10px}
.app-icon.wordpress {background:#0087be}
.app-icon.wordpress i {left:0;top:-1px;font-size:10px}
.app-icon.omnigraffle {background:#7ED321}
.app-icon.omnigraffle i {left:1px;top:-1px;font-size:10px}
.app-icon.html {background:#505C7E}
.app-icon.html i {top:-1px;font-size:11px}
.ui8-follow-button {position:relative;z-index:1}
.ui8-follow-button svg,.ui8-follow-button span {position:relative;z-index:-1;pointer-events:none;width:16px;height:16px}
.ui8-users-listing .btn {position:absolute;top:50%;right:0;z-index:1;margin:-19px 0 0 0;width:100px;text-align:center}
.ui8-users-listing .btn.your-profile {z-index:0}
.ui8-users-listing .btn.btn-red {color:#FFFFFF;background-color:#E86D6D}
.ui8-users-listing .btn.btn-red:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.ui8-users-listing .btn.btn-red.btn-arrow-down:after {border-top-color:#E86D6D}
.ui8-users-listing .btn.btn-red.btn-arrow-down:hover:after {border-top-color:#e55757}
.ui8-users-listing .btn.btn-red.btn-arrow-down:active:after {border-top-color:#e34e4e}
.ui8-users-listing .btn.btn-red:before {background-color:#FFFFFF}
.ui8-users-listing .btn.btn-red:hover {color:#f2f2f2;background-color:#e55757}
.ui8-users-listing .btn.btn-red:active {background-color:#e34e4e;color:#cccccc}
.ui8-users-listing .btn.btn-red.btn-outline {color:#E86D6D;background:transparent;box-shadow:inset 0 0 0 2px #E86D6D}
.ui8-users-listing .btn.btn-red.btn-outline:hover {color:#E86D6D;box-shadow:inset 0 0 0 2px #e55757}
.ui8-users-listing .btn.btn-red.btn-outline:active {color:#e34e4e;box-shadow:inset 0 0 0 2px #e34e4e}
.ui8-users-listing .btn.btn-red.btn-blue-text {color:#2F8BE6}
.ui8-users-listing .btn.btn-blue {color:#FFFFFF;background-color:#353535}
.ui8-users-listing .btn.btn-blue:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.ui8-users-listing .btn.btn-blue.btn-arrow-down:after {border-top-color:#353535}
.ui8-users-listing .btn.btn-blue.btn-arrow-down:hover:after {border-top-color:#282828}
.ui8-users-listing .btn.btn-blue.btn-arrow-down:active:after {border-top-color:#232323}
.ui8-users-listing .btn.btn-blue:before {background-color:#FFFFFF}
.ui8-users-listing .btn.btn-blue:hover {color:#f2f2f2;background-color:#282828}
.ui8-users-listing .btn.btn-blue:active {background-color:#232323;color:#cccccc}
.ui8-users-listing .btn.btn-blue.btn-outline {color:#353535;background:transparent;box-shadow:inset 0 0 0 2px #353535}
.ui8-users-listing .btn.btn-blue.btn-outline:hover {color:#353535;box-shadow:inset 0 0 0 2px #282828}
.ui8-users-listing .btn.btn-blue.btn-outline:active {color:#232323;box-shadow:inset 0 0 0 2px #232323}
.ui8-users-listing .btn.btn-blue.btn-blue-text {color:#2F8BE6}
.ui8-users-listing .btn.btn-gray {color:#FFFFFF;background-color:#AFAFAF}
.ui8-users-listing .btn.btn-gray:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.ui8-users-listing .btn.btn-gray.btn-arrow-down:after {border-top-color:#AFAFAF}
.ui8-users-listing .btn.btn-gray.btn-arrow-down:hover:after {border-top-color:#a2a2a2}
.ui8-users-listing .btn.btn-gray.btn-arrow-down:active:after {border-top-color:#9d9d9d}
.ui8-users-listing .btn.btn-gray:before {background-color:#FFFFFF}
.ui8-users-listing .btn.btn-gray:hover {color:#f2f2f2;background-color:#a2a2a2}
.ui8-users-listing .btn.btn-gray:active {background-color:#9d9d9d;color:#cccccc}
.ui8-users-listing .btn.btn-gray.btn-outline {color:#AFAFAF;background:transparent;box-shadow:inset 0 0 0 2px #AFAFAF}
.ui8-users-listing .btn.btn-gray.btn-outline:hover {color:#AFAFAF;box-shadow:inset 0 0 0 2px #a2a2a2}
.ui8-users-listing .btn.btn-gray.btn-outline:active {color:#9d9d9d;box-shadow:inset 0 0 0 2px #9d9d9d}
.ui8-users-listing .btn.btn-gray.btn-blue-text {color:#2F8BE6}
.ui8-users-listing .footer {padding:30px 0 0 0;text-align:center}
.ui8-users-listing .user {position:relative;display:block;font-size:14px;color:#353535}
.ui8-users-listing .user:last-of-type {margin:0;padding:0;border:none}
.ui8-users-listing .user .wrapper {position:relative}
.ui8-users-listing .user .wrapper:after {content:"";display:table;clear:both}
.ui8-users-listing .user .wrapper .permalink {display:none;position:absolute;top:0;left:0;display:block}
.ui8-users-listing .user .content {position:absolute;top:50%;left:103px;right:0;bottom:auto;padding:0 120px 0 0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.ui8-users-listing .user .content .name {padding:4px 0 0 0;font-size:14px;line-height:1;font-weight:600;color:#353535}
.ui8-users-listing .user .content .name:hover {color:#2F8BE6}
.ui8-users-listing .user .content .bio {display:block;padding:8px 0 0 0;font-size:14px;line-height:1}
.ui8-users-listing .user .content .stats {padding:16px 0 0 0;display:block}
.ui8-users-listing .user .content .stats:after {content:"";display:table;clear:both}
.ui8-users-listing .user .content .stats .stat {display:inline-block;margin:0 20px 0 0;padding:0 20px 0 0;border-right:1px solid rgba(72,72,72,0.1)}
.ui8-users-listing .user .content .stats .stat:last-of-type {margin:0;padding:0;border:none}
.ui8-users-listing .user .content .stats .stat .count {display:block;padding:0 0 5px 0;color:#353535;font-weight:700}
.ui8-users-listing .user .content .stats .stat .label {display:block;font-weight:300;color:#AFAFAF}
.ui8-users-listing .user .content .stats .stat .count,.ui8-users-listing .user .content .stats .stat .label {font-size:13px;line-height:1}
.ui8-users-listing .user .figure {position:relative;display:block;margin:0 15px 0 0;float:left;width:88px;height:88px;line-height:90px;border-radius:2px;background-size:cover}
.ui8-users-listing .user .figure .role {display:none;position:absolute;top:-8px;left:-8px;width:20px;height:20px;background:url('images/sellerbadge.png') center center no-repeat;background-size:20px 20px;box-shadow:0 0 0 2px #fff;border-radius:50%}
.ui8-users-listing .user .figure .role.role-affiliate,.ui8-users-listing .user .figure .role.role-admin {display:block}
.ui8-users-listing .user .figure .role.role-admin {background-image:url('images/adminbadge.png')}
.ui8-users-listing .user .figure .perma {display:block;width:100%;height:100%}
@media only screen and (max-width:723px) {.ui8-users-listing .permalink {display:none !important}
.ui8-users-listing .user .figure {width:52px;height:52px;line-height:52px}
.ui8-users-listing .user .btn {padding:0;width:38px;height:38px}
.ui8-users-listing .user .btn svg {margin:10px 0}
.ui8-users-listing .user .btn span {display:none}
.ui8-users-listing .user .content {padding:2px 48px 0 0;left:67px}
.ui8-users-listing .user .content .name {padding:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ui8-users-listing .user .content .stats {padding:10px 0 0 0}
.ui8-users-listing .user .content .stats .stat {margin:0 14px 0 0;padding:0 15px 0 0}
.ui8-users-listing .user .content .stats .stat .count {padding:0 0 2px 0}
.ui8-users-listing .user .content .stats .stat.following {margin:0;padding:0;border:none}
.ui8-users-listing .user .figure .role,.ui8-users-listing .user .content .stats .comments,.ui8-users-listing .user .content .stats .favorites,.ui8-users-listing .user .content .bio {display:none !important}
}
.ui8-wlt {position:fixed;display:block;top:0;left:0;z-index:10000;width:100%;height:100%;background:rgba(38,38,38,0.98)}
.ui8-wlt>.close {position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}
.ui8-wlt .wlt-header,.ui8-wlt .wlt-wrapper {position:absolute;top:50%;left:50%;z-index:2;width:60%;height:40%;min-width:768px;min-height:410px;overflow:hidden;background:#FFFFFF;border-radius:4px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ui8-wlt .wlt-header>.users,.ui8-wlt .wlt-wrapper>.users {padding:0 15px 0 0;width:100%;height:100%;overflow-y:scroll}
.ui8-wlt .wlt-header {margin:-30px 0 0 0;z-index:0;background:none;border-radius:none;overflow:visible}
.ui8-wlt .wlt-header h3 {float:left;display:block;margin:0;font-size:20px;line-height:16px;font-weight:300}
.ui8-wlt .wlt-header svg {float:right;padding:2px 0;color:#2F8BE6}
.ui8-who-likes-tip {display:none;position:absolute;bottom:0;left:50%;z-index:1;padding:0 0 30px 0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.ui8-who-likes-tip .wrap {position:relative;padding:10px;background:#4D4D4D;border-radius:4px}
.ui8-who-likes-tip .wrap:after {top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(77,77,77,0);border-top-color:#4d4d4d;border-width:5px;margin-left:-5px}
.ui8-who-likes-tip li {display:block;margin:0 0 5px 0;color:#FFFFFF;font-size:13px;white-space:nowrap}
.ui8-who-likes-tip li:after {content:"";display:table;clear:both}
.ui8-who-likes-tip li:last-of-type {margin:0}
.ui8-who-likes-tip .avatar {display:inline-block;margin:0 10px 0 0;width:20px;height:20px;line-height:20px;font-size:10px;border-radius:4px;background-size:cover;vertical-align:middle}
.ui8-who-likes-tip .liker-name {display:inline-block;font-size:13px;line-height:20px;vertical-align:middle}
.ui8-dl {pointer-events:none;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:block;padding:0 20px;height:100%;background:rgba(53,53,53,0.95);-webkit-transition:opacity 250ms ease;transition:opacity 250ms ease}
.ui8-dl .ui8-dl-list {position:relative;top:50%;left:auto;z-index:2;margin:0 auto;padding:30px;width:100%;max-width:380px;border-radius:2px;background:#FFFFFF;box-sizing:border-box;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.ui8-dl .ui8-dl-list:before {position:absolute;top:0;left:100%;content:'';width:40px;height:100%}
.ui8-dl .ui8-dl-list .close-button {position:absolute;top:26px;right:30px;display:block;line-height:1}
.ui8-dl .ui8-dl-list .close-button a {color:#2F8BE6;font-weight:400;font-size:20px}
.ui8-dl .ui8-dl-list .close-button a:hover {color:#484848}
.ui8-dl .ui8-dl-list .ui8-dl-link {position:relative;display:block;margin:0 0 15px 0;padding:0 70px 15px 0;white-space:nowrap;overflow:hidden;border-bottom:1px solid rgba(233,233,233,0.6)}
.ui8-dl .ui8-dl-list .ui8-dl-link:last-of-type {margin:0;padding:0;border:none}
.ui8-dl .ui8-dl-list .ui8-dl-link .name {display:block;line-height:15px;color:#AFAFAF;font-size:13px;line-height:30px;font-weight:400;white-space:nowrap}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons {position:absolute;top:-2px;right:0;z-index:1;display:inline-block;white-space:nowrap;text-align:right}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons:after {content:"";display:table;clear:both}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a {display:inline-block;margin:0 0 0 15px;color:#808080;vertical-align:top}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a:hover {color:#2F8BE6 !important}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a.btn-dropbox-error {color:#c56f6f}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a.btn-dropbox-loading {color:#33a466}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a .icon-download {font-size:20px;line-height:30px}
.ui8-dl .ui8-dl-list .ui8-dl-link .buttons a .icon-dropbox {font-size:15px;line-height:32px}
.ui8-dl .ui8-dl-list.single-item .ui8-dl-link:hover .name {color:#2F8BE6}
.ui8-dl .ui8-dl-list.single-item .buttons {width:100%}
.ui8-dl .ui8-dl-list.single-item .buttons a {display:block;margin:0;width:100%}
.ui8-dl .ui8-dl-list .ui8-dl-title {display:block;margin:0 0 35px 0;padding:0;line-height:1;color:#484848;font-size:16px;font-weight:600;white-space:nowrap}
.ui8-dl .ui8-dl-list .ui8-dl-link a {display:block;margin:0;font-size:11px;line-height:1;color:#808080;text-transform:uppercase;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ui8-dl .ui8-dl-list .ui8-dl-link a:hover {color:#FFFFFF !important}
.ui8-dl .ui8-close-dl {position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}
.ui8-dl.open {opacity:1;pointer-events:all}
.ui8-site-categories {position:fixed;top:0;left:0;bottom:0;right:auto;z-index:2;padding:80px 0 0 0;width:175px;background:#2b2b2b;-webkit-transform:translate3d(-175px,0,0);transform:translate3d(-175px,0,0);-webkit-transition:-webkit-transform 300ms ease 500ms;transition:transform 300ms ease 500ms}
.ui8-site-categories.categories:hover,.reveal-categories .ui8-site-categories {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0ms;transition-delay:0ms}
.ui8-site-categories.categories:hover+.main .categories a {color:#FFFFFF !important}
.ui8-site-categories.categories:hover+.main .categories a svg {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.ui8-site-categories .category {position:relative;display:block;line-height:1}
.ui8-site-categories .category:before {position:absolute;top:50%;left:0;content:'';width:2px;height:0;background:#2F8BE6;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:height 0ms ease 0ms;transition:height 0ms ease 0ms}
.ui8-site-categories .category:hover:before {height:100%;-webkit-transition-delay:75ms;transition-delay:75ms;-webkit-transition-duration:175ms;transition-duration:175ms}
.ui8-site-categories .category a {position:relative;display:block;padding:15px 20px;font-size:16px;line-height:1;font-weight:300;color:#AFAFAF}
.ui8-site-categories .category a:hover {color:#FFFFFF}
.ui8-site-categories .category.active a {color:#FFFFFF;background:#2F8BE6}
@media only screen and (max-width:723px) {.ui8-site-categories {display:none;}
}
.ui8-scroll-indicator {cursor:pointer;display:block;width:15px;height:43px;background:url('images/scroll-indic.gif') center center no-repeat;background-size:15px 43px}
.ui8-sidebar-navigation {position:relative;padding:0 0 30px 0;background:rgba(42,42,42,0.5);border-radius:4px}
.ui8-sidebar-navigation .title {display:block;padding:30px;color:#AFAFAF;line-height:1;font-size:22px;font-weight:300;text-align:left}
.ui8-sidebar-navigation .items .item {display:block}
.ui8-sidebar-navigation .items .item.active a {color:#FFFFFF;background:#2A2A2A;box-shadow:-2px 0 0 #2F8BE6}
.ui8-sidebar-navigation .items a {display:block;padding:0 30px;height:60px;font-size:13px;line-height:60px;text-align:left;color:#AFAFAF;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease}
body.overflow {overflow:hidden}
body.show-modal {overflow:hidden}
body.show-modal.scrollbar-1 {padding-right:1px}
body.show-modal.scrollbar-2 {padding-right:2px}
body.show-modal.scrollbar-3 {padding-right:3px}
body.show-modal.scrollbar-4 {padding-right:4px}
body.show-modal.scrollbar-5 {padding-right:5px}
body.show-modal.scrollbar-6 {padding-right:6px}
body.show-modal.scrollbar-7 {padding-right:7px}
body.show-modal.scrollbar-8 {padding-right:8px}
body.show-modal.scrollbar-9 {padding-right:9px}
body.show-modal.scrollbar-10 {padding-right:10px}
body.show-modal.scrollbar-11 {padding-right:11px}
body.show-modal.scrollbar-12 {padding-right:12px}
body.show-modal.scrollbar-13 {padding-right:13px}
body.show-modal.scrollbar-14 {padding-right:14px}
body.show-modal.scrollbar-15 {padding-right:15px}
body.show-modal.scrollbar-16 {padding-right:16px}
body.show-modal.scrollbar-17 {padding-right:17px}
body.show-modal.scrollbar-18 {padding-right:18px}
body.show-modal.scrollbar-19 {padding-right:19px}
body.show-modal.scrollbar-20 {padding-right:20px}
body.show-modal.scrollbar-21 {padding-right:21px}
body.show-modal.scrollbar-22 {padding-right:22px}
body.show-modal.scrollbar-23 {padding-right:23px}
body.show-modal.scrollbar-24 {padding-right:24px}
body.show-modal.scrollbar-25 {padding-right:25px}
body.show-modal .ui8-modal {left:0;opacity:1;overflow-y:scroll;-webkit-transition-delay:0ms,0ms;transition-delay:0ms,0ms}
body.show-modal .ui8-modal .ui8-modal-close {display:block !important}
body .scrollbar-measure {width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}
.ui8-modal {opacity:0;position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:0;left:-100%;z-index:1000;width:100%;height:100%;overflow-y:hidden;background:#2A2A2A;-webkit-transition:opacity 200ms ease,left 0ms ease 200ms;transition:opacity 200ms ease,left 0ms ease 200ms}
.ui8-modal .images {margin:0 auto;width:1056px;max-width:80%}
.ui8-modal .image {margin:0 auto;text-align:center}
@media only screen and (max-width:723px) {.ui8-modal .image {max-width:60%;}
}
.ui8-modal .image img {display:block;max-width:100%;margin:0 auto}
.ui8-modal .ui8-modal-close {cursor:pointer;display:none;position:fixed;top:0;right:15px;z-index:1;margin:20px;padding:10px;width:16px;height:16px;color:#FFFFFF;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ui8-modal .ui8-modal-close:hover {color:#2F8BE6}
body.watch-kit {background:#000000}
body>input[type="file"] {top:-100px;left:-100px}
h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt {margin:0;padding:0}
a {color:var(--text-color-main);text-decoration:none}
a:hover {color:#FFFFFF}
strong {font-weight:600}
.text-left {text-align:left}
.text-center {text-align:center !important}
.text-right {text-align:right}
#page {position:relative;margin:0 0 -251px 0;padding:78px 0 0px 0px;box-sizing:border-box;min-height:100%;height:auto !important;height:100%}
@media only screen and (max-width:723px) {#page {padding-bottom:48px;}
}
#page:after {position:relative;z-index:-1;display:block;content:"";height:251px}
@media only screen and (max-width:723px) {#page:after {display:none;}
}
@media screen and (max-width:1066px) {.container,.container.even {max-width:644px}
}
@media screen and (max-width:724px) {.container,.container.even {max-width:302px}
.container.mobile-fluid {margin:0 20px;width:auto;max-width:100%}
}
@-webkit-keyframes bounce {0% {-webkit-transform:scale(1);transform:scale(1)}
25% {-webkit-transform:scale(1.25);transform:scale(1.25)}
50% {-webkit-transform:scale(1.35);transform:scale(1.35)}
100% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounce {0% {-webkit-transform:scale(1);transform:scale(1)}
25% {-webkit-transform:scale(1.25);transform:scale(1.25)}
50% {-webkit-transform:scale(1.35);transform:scale(1.35)}
100% {-webkit-transform:scale(1);transform:scale(1)}
}
#menu-toggle {position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:26px;right:15px;z-index:400}
@-webkit-keyframes do-it-properly {0% {margin:0}
100% {margin:10px}
}
@keyframes do-it-properly {0% {margin:0}
100% {margin:10px}
}
#header {display:block;position:fixed;top:0px;left:0px;z-index:300;height:78px;width:100%;box-sizing:border-box;-webkit-transition:all 200ms ease;transition:all 200ms ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#header:after {content:"";display:table;clear:both}
#header .show-mobile {display:none}
#header .background {opacity:0;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#2a2a2a;box-shadow:0px 2px 18px rgba(42,42,42,0.3)}
@media only screen and (max-width:723px) {#header .background {opacity:1 !important;}
}
#header .logo {position:relative;z-index:4;display:inline-block;margin:20px;width:44px;height:38px;text-indent:-9999px;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:url('images/logo.png');background-size:44px 38px}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {#header .logo {background-image:url('images/logo@2x.png');}
}
#header .header-section {position:absolute;top:0;left:0;margin:0 0 0 85px;padding:0 20px 0 0px;width:calc(100% - 85px);height:100%;box-sizing:border-box;-webkit-transition:all 500ms ease;transition:all 500ms ease;-webkit-backface-visibility:hidden}
#header .header-section:after {content:"";display:table;clear:both}
#header .navigation {position:relative;z-index:4;margin:0 20px 0 0;float:left}
#header .navigation:after {content:"";display:table;clear:both}
#header .navigation .bar,#header .navigation .preload:before {position:absolute;top:0;left:0;display:block;content:'';width:20px;height:2px;background:#2F8BE6;-webkit-transition:all ease 300ms;transition:all ease 300ms}
#header .navigation .item {display:block;float:left;margin:0 28px 0 0;padding:31px 0 0 0;position:relative}
#header .navigation .item.categories {position:relative;padding-right:26px}
#header .navigation .item.categories svg {position:absolute;top:30px;right:0;color:#FFFFFF;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 300ms ease 500ms;transition:transform 300ms ease 500ms}
.reveal-categories #header .navigation .item.categories a {color:#FFFFFF}
.reveal-categories #header .navigation .item.categories svg {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition-delay:0ms;transition-delay:0ms}
#header .navigation .item a {display:block;line-height:1;font-weight:400;color:#AFAFAF}
#header .navigation .item a:hover {color:#FFFFFF}
#header .navigation .item.active a {color:#FFFFFF}
#header .actions {position:absolute;top:0;right:15px;z-index:0;display:block;margin:20px 0;padding-right:49px;line-height:38px}
#header .actions .btn {vertical-align:top}
@media only screen and (max-width:723px) {#header .actions .hide-mobile {display:none}
#header .actions .show-mobile {display:inline-block}
}
#header .actions .avatar-wrapper {display:inline-block;width:58px}
#header .actions .btn svg {padding:1px 0 0 0}
#header .actions .btn-avatar {position:relative;margin:0 !important;padding:0;height:38px;background:none !important}
#header .actions .btn-avatar .avatar {width:38px;height:38px;font-size:14px;line-height:38px;border-radius:2px;background-size:cover}
#header .actions .btn-avatar svg {position:absolute;left:100%;top:0;padding:10px 0 10px 10px;color:#FFFFFF}
#header .actions .button-area {display:inline-block}
#header .actions .button-area .btn-square {padding:0;width:38px;height:38px;text-align:center;overflow:hidden}
#header .actions .button-area .individual {display:none}
#header .actions a.login {color:#AFAFAF;position:relative;top:0px;right:10px}
#header .actions a.login:hover {color:#2F8BE6}
#header .actions .btn {border-radius:2px;margin-left:12px;text-align:center;color:#AFAFAF;overflow:visible;background-size:cover}
#header .actions .btn.liked {color:#FB6666}
#header .actions .btn.liked i {-webkit-animation:bounce 250ms ease;animation:bounce 250ms ease}
#header .actions .btn.btn-blue {color:#FFFFFF}
#header .actions .btn.btn-gray:hover {background-color:#484848}
#header .actions .btn.btn-gray:hover i {color:#FFFFFF}
#header .actions .btn i {padding:0px;line-height:38px}
#header .actions .btn i.icon-user {font-size:14px}
#header .actions .btn i.icon-heart {font-size:18px}
#header .actions .btn i.icon-search {font-size:15px;font-weight:bold}
#header .actions .btn i.icon-cart {font-size:16px;font-weight:bold}
#header .actions .btn:hover .dropdown {display:block}
#header .actions .btn .dropdown {display:none;cursor:default;position:absolute;top:100%;left:50%;z-index:100;padding:15px 0 0 0;width:196px;text-align:left;font-weight:400;text-transform:none;box-sizing:border-box;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
#header .actions .btn .dropdown .wrapper {padding:30px 0;background:#484848;border-radius:4px}
#header .actions .btn .dropdown:before {position:absolute;top:5px;left:50%;content:'';border:solid transparent;width:0;height:0;pointer-events:none;border-color:rgba(72,72,72,0);border-bottom-color:#484848;border-width:5px;margin-left:-5px}
#header .actions .btn .dropdown .nombre {display:block;padding:0 20px 25px 20px;color:#FFFFFF;font-size:13px;font-weight:400;line-height:1;text-align:left}
#header .actions .btn .dropdown .navs li {display:block;margin:0 0 20px 0;padding:0 20px;line-height:1}
#header .actions .btn .dropdown .navs li.border {padding-bottom:0px;border-bottom:1px solid #555555}
#header .actions .btn .dropdown .navs li.border-top {padding-top:0px}
#header .actions .btn .dropdown .navs li:last-of-type {margin:0}
#header .actions .btn .dropdown .navs a {color:#AFAFAF;font-size:12px}
#header .actions .btn .dropdown .navs a:hover {color:#FFFFFF}
#header .actions .btn .dropdown .navs i {position:relative;left:0;padding:0 10px 0 0;font-size:17px;width:17px;line-height:1;color:#636363}
#header .actions .btn.notifications i {font-size:14px}
#header .actions .btn.notifications .dropdown {width:320px;box-sizing:inherit}
#header .actions .btn.notifications .dropdown .wrapper {padding:30px 0}
#header .actions .btn.notifications .dropdown .notification {display:block;margin:0 0 20px 0;padding:0 20px 20px;font-size:12px;line-height:1;border-bottom:1px solid #555555}
#header .actions .btn.notifications .dropdown .notification .created_at {display:block;padding:5px 0 0 0}
#header .actions .btn.notifications .dropdown .notification strong {font-weight:400}
#header .actions .btn.notifications .dropdown .notification p {margin:0;padding:0;line-height:1.55;white-space:pre-wrap}
#header .actions .btn.notifications .dropdown .notification a {color:#FFFFFF}
#header .actions .btn.notifications .dropdown .notification a:hover {color:#AFAFAF}
#header .actions .btn.notifications .dropdown .notification.view-none {text-align:center}
#header .actions .btn.notifications .dropdown .notification.view-more {padding:0 20px}
#header .actions .btn.notifications .dropdown .notification.view-more a {display:block;color:#FFFFFF;margin:0 0 -10px 0}
#header .actions .btn.notifications .dropdown .notification:last-of-type {margin:0;padding-bottom:0;border:none}
#header .actions .btn.notifications.has-notifications .icon-bell {color:#FFFFFF}
#header .actions .btn.notifications.has-notifications:before {position:absolute;top:0;right:0;margin:-4px -4px 0 0;content:'';width:9px;height:9px;background:#2F8BE6;border-radius:50%}
#header .actions .account {float:left;margin-right:20px;position:relative}
#header .actions .account .btn {z-index:300}
#header .actions .account:after {display:block;font-family:'ui8';font-size:8px;color:#2F8BE6;content:"\e603";position:absolute;top:0px;right:-20px;line-height:38px;z-index:100}
#header .checkout ol.steps {float:left;list-style:none;counter-reset:step}
#header .checkout ol.steps li {counter-increment:step;display:block;float:left;line-height:28px;color:#484848;position:relative;margin:25px 60px 0 0;padding:0 0 0 38px}
#header .checkout ol.steps li .check-floater,#header .checkout ol.steps li .check {display:none;position:absolute;top:2px;left:8px}
#header .checkout ol.steps li:before,#header .checkout ol.steps li:after {display:block;content:" ";position:absolute}
#header .checkout ol.steps li:before {content:counter(step);font-size:14px;font-weight:700;line-height:24px;color:#484848;text-align:center;height:24px;width:24px;left:0px;top:0px;border:2px solid #484848;border-radius:2px}
#header .checkout ol.steps li:after {width:38px;height:1px;background:#484848;right:-48px;top:14px}
#header .checkout ol.steps li:last-child:after {display:none}
#header .checkout ol.steps li.available:hover {color:#FFFFFF;cursor:pointer}
#header .checkout ol.steps li.available:hover:before {color:#FFFFFF}
#header .checkout ol.steps li.complete {color:#AFAFAF}
#header .checkout ol.steps li.complete .check-floater {display:block}
#header .checkout ol.steps li.complete .check-floater,#header .checkout ol.steps li.complete:before {font-family:'ui8';font-size:10px;font-weight:400;content:'';color:#AFAFAF}
#header .checkout ol.steps li.complete:hover {cursor:pointer;color:#FFFFFF}
#header .checkout ol.steps li.complete:hover:before {color:#FFFFFF}
#header .checkout ol.steps li.active {color:#FFFFFF}
#header .checkout ol.steps li.active:before {border-color:#2F8BE6;color:#2F8BE6}
@media only screen and (min-width:910px) and (max-width:1070px) {#header .checkout ol.steps.job-steps li:last-child {display:none}
#header .checkout ol.steps.job-steps li:nth-child(4) {margin-right:0px}
#header .checkout ol.steps.job-steps li:nth-child(4):after {display:none}
}
@media only screen and (min-width:820px) and (max-width:911px) {#header .checkout ol.steps.job-steps li {margin-right:30px}
#header .checkout ol.steps.job-steps li:after {display:none}
#header .checkout ol.steps.job-steps li:last-child {display:none}
}
@media only screen and (min-width:400px) and (max-width:821px) {#header .checkout ol.steps.job-steps li {margin-right:30px;padding-left:0px}
#header .checkout ol.steps.job-steps li:after,#header .checkout ol.steps.job-steps li:before {display:none}
#header .checkout ol.steps.job-steps li:last-child {display:none}
}
#header .checkout .actions {padding:0px}
#header .checkout .actions:after {content:"";display:table;clear:both}
#header .checkout .actions .lock {height:21px;width:15px;float:left;margin:9px 7px 0 0px;background:url('https:images/ssl.png');background-size:cover}
#footer {position:relative;z-index:100;padding:80px 0px 0px 0px;min-height:171px;background:url("images/footer-centered.png") center bottom no-repeat;background-size:1440px 171px}
@media only screen and (max-width:723px) {#footer {display:none;}
}
#footer .navigation {position:absolute;bottom:30px;left:30px;text-align:center}
#footer .navigation.external {left:auto;right:30px}
#footer .navigation.external .image {position:relative;top:-1px;left:auto;display:inline-block;margin:0 10px 0 0;width:32px;height:32px;vertical-align:middle;background:url('images/robot.png') center center no-repeat;background-size:32px 32px}
#footer .navigation .item {display:inline-block;margin:0 10px}
#footer .navigation .item a {display:block;font-size:13px;line-height:30px;font-weight:400;color:#808080}
#footer .navigation .item a:hover {color:#2F8BE6}
.section:after {content:"";display:table;clear:both}
.section .section-header {position:relative;padding:50px 0 75px 0;text-align:center}
.section .section-header:after {content:"";display:table;clear:both}
@media only screen and (max-width:723px) {.section .section-header {padding:20px 0 0px 0;}
}
.section .section-header.favorites-header .favorites-hearts {height:94px;width:166px;background:url('https:images/favorites-hearts.png');background-size:cover;margin:45px auto 5px auto}
.section .section-header ui8-snark-word {cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.section .section-header.has-sort .sorting {position:relative;top:21px;right:0;float:right}
.section .section-header.has-sort .details {padding:0 40px 0 0;overflow:hidden}
.section .section-header.short {padding-bottom:30px}
.section .section-header em {color:#2F8BE6;font-weight:400;font-style:normal}
.section .section-header.no-padding {padding:0}
.section .section-header.no-padding-bottom {padding-bottom:0}
.section .section-header.has-section-nav {padding-bottom:30px}
@media only screen and (max-width:723px) {.section .section-header.has-section-nav {padding-bottom:40px !important;}
}
.section .section-header.has-section-nav .author-avatar {padding:0 0 90px 0}
.section .section-header.has-section-nav .section-meta {padding-bottom:90px}
.section .section-header.has-author .section-meta {padding-bottom:50px}
.section .section-header.small {padding-bottom:20px}
.section .section-header.small .section-title {font-size:18px}
.section .section-header .section-title {display:block;margin:0 0 8px 0;color:#FFFFFF;font-size:24px;line-height:1.3;font-weight:300}
.section .section-header .section-title.no-meta {margin:0 0 0px 0}
@media only screen and (max-width:723px) {.section .section-header .section-title {font-size:24px;line-height:33px;font-weight:300;text-align:left;}
}
.section .section-header .section-title.no-period:after {display:none !important}
.section .section-header .section-meta {display:block;color:#AFAFAF;font-size:19px;line-height:1.55;font-weight:300}
.section .section-header .section-meta strong {color:#FFFFFF;font-weight:300}
@media only screen and (max-width:723px) {.section .section-header .section-meta {padding-bottom:0px !important;text-align:left;}
}
.section .section-header .author-avatar {position:relative}
.section .section-header .author-avatar .btn {position:absolute;bottom:0;right:0;margin:0 10px -10px 0}
.section .section-header .author-avatar .btn i {padding:0}
.section .section-header .author-avatar .avatar {position:relative;display:block;margin:0 auto;width:144px;height:144px;border-radius:50%;background-size:cover}
.section .section-content.content-card {padding:40px;color:#808080;font-size:16px;background:#FFFFFF;border-radius:4px}
.section .section-content.content-card p {margin:0 0 35px 0}
.section .section-content.content-card p:last-of-type {margin:0;padding:0}
.section .section-content.content-card strong {display:block;margin:0 0 10px 0;line-height:1;color:#333333}
.section .section-footer {position:relative;text-align:center}
.section .section-footer .ui8-loader.faded {opacity:0}
.section .section-nav {position:relative;float:left;letter-spacing:0.25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.section .section-nav:after {content:"";display:table;clear:both}
@media only screen and (max-width:723px) {.section .section-nav {margin:30px auto 0px auto !important;}
.section .section-nav .ui8-nav-box {display:none !important}
.section .section-nav .nav-item {display:block !important;margin:0px !important}
}
.section .section-nav.centerd {margin:0 auto;float:none;text-align:center}
.section .section-nav.centerd .static,.section .section-nav.centerd .nav-item {display:inline-block;float:none}
.section .section-nav .ui8-nav-box {position:absolute;display:block;border-radius:4px;box-shadow:inset 0 0 0 2px #484848;-webkit-transition:left 200ms ease,width 200ms ease;transition:left 200ms ease,width 200ms ease}
.section .section-nav .static,.section .section-nav .nav-item {position:relative;z-index:1;display:block;margin:0 22px 0 0;float:left;height:30px;color:#ececec;font-size:10px;line-height:30px;border-radius:4px;font-weight:600;text-transform:uppercase}
@media only screen and (min-width:724px) and (max-width:1065px) {.section .section-nav .static:nth-child(n+7),.section .section-nav .nav-item:nth-child(n+7) {display:none}
}
.section .section-nav .static.static-active:after,.section .section-nav .nav-item.static-active:after {position:absolute;top:0;left:0;z-index:-1;content:"";margin:0 -10px;padding:0 10px;width:100%;height:100%;border-radius:4px;box-shadow:inset 0 0 0 2px #484848}
.section .section-nav .static:last-of-type,.section .section-nav .nav-item:last-of-type {margin-right:0px !important}
.section .section-nav .static a,.section .section-nav .nav-item a {display:block;color:#808080}
.section .section-nav .static a:hover,.section .section-nav .nav-item a:hover {color:#ececec}
.section .section-nav .static.active a,.section .section-nav .nav-item.active a {color:#2F8BE6;font-weight:600}
.section .default-header,.section .author-header,.section .category-header {padding:0}
.section .default-header .section-header,.section .author-header .section-header,.section .category-header .section-header {padding-bottom:48px;text-align:left}
@media only screen and (max-width:723px) {.section .default-header .section-header,.section .author-header .section-header,.section .category-header .section-header {padding-top:48px;}
.section .default-header .section-header .sorting,.section .author-header .section-header .sorting,.section .category-header .section-header .sorting {display:none}
.section .default-header .section-header .details,.section .author-header .section-header .details,.section .category-header .section-header .details {padding-right:0}
}
.section .default-header .container,.section .author-header .container,.section .category-header .container {padding:0}
.section .default-header .section-header {text-align:center}
.section .author-header .avatar {margin:0 15px 0 0;float:left;width:48px;height:48px;border-radius:2px;background-size:cover;background-position:center center}
.section .author-header .has-sort .sorting {top:5px}
.section .author-header .has-sort .sorting .btn {display:inline-block;margin:0 12px 0 0;padding:0;width:38px;height:38px;text-align:center;vertical-align:top}
.section .author-header .has-sort .sorting .btn i {margin:0;padding:0;line-height:38px;vertical-align:top}
.section .author-header .section-title {margin:0;padding:0;line-height:48px;color:#AFAFAF;font-weight:300}
.section .author-header .section-title em {color:#FFFFFF;font-weight:300}
.page-jobs .inset-header .container {position:relative}
.page-jobs .figure {width:48px;height:48px;background-size:cover;background-color:#FFFFFF;border-radius:4px}
.page-jobs .wrapper:after {content:"";display:table;clear:both}
.page-jobs .wrapper:hover .role {color:#2F8BE6}
.page-jobs .figure {float:left;margin:0 15px 0 0}
.page-jobs .content {position:relative;top:2px;left:0;overflow:hidden}
.page-jobs .content:after {content:"";display:table;clear:both}
.page-jobs .content .role {position:relative;display:block;padding:0 0 2px 0;font-size:24px;line-height:1;font-weight:300;color:#353535}
.page-jobs .content .role:hover {color:#2F8BE6}
.page-jobs .content .role svg {position:absolute;top:4px;right:0;font-weight:normal}
.page-jobs .content .role svg path {fill:currentColor}
.page-jobs .content .btn {position:absolute;top:50%;right:0;margin:-19px 0 0 0;padding:0;font-size:12px;font-weight:300;box-shadow:none !important}
.page-jobs .content .btn i {margin:0;padding:0;font-size:12px}
.page-jobs .content .upper {display:block;padding:2px 0 8px 0;line-height:1}
.page-jobs .content .upper span {font-size:14px;line-height:1;color:#AFAFAF}
.page-jobs .content .upper span.company {color:#353535;font-weight:600}
.page-jobs .content .upper span.created {float:right;color:#AFAFAF}
.page-jobs .content .upper span.company:after,.page-jobs .content .upper span.location:after {position:relative;margin:0 10px;content:'\2022';font-weight:400}
.page-jobs .content .upper span:last-of-type:after {display:none}
@media only screen and (max-width:723px) {.page-jobs .inset-header .memo {display:none}
.page-jobs .content .upper {padding:4px 0 4px 0}
.page-jobs .content .role {font-size:16px}
.page-jobs span:after,.page-jobs .location,.page-jobs .icon-arrow-right,.page-jobs .availability,.page-jobs .created {display:none}
}
.ui8-homepage .inset-header {text-align:center}
.ui8-homepage .inset-header .title {font-size:28px}
.ui8-homepage .inset-header .meta {padding:0;font-size:18px}
@media only screen and (max-width:723px) {.ui8-homepage .inset-header {display:none;}
}
.ui8-homepage .ui8-tabs {position:relative}
.ui8-homepage .ui8-tabs .btn {position:absolute;top:0;right:0}
@media only screen and (max-width:723px) {.ui8-homepage .ui8-tabs .btn {display:none;}
}
@media only screen and (max-width:723px) {.ui8-homepage .ui8-tabs {padding-top:28px;}
}
.ui8-homepage .ui8-users-listing {padding-bottom:40px}
.ui8-homepage .section-footer {clear:both;margin:0 0 80px 0;padding:40px 0 0 0}
.ui8-homepage .mailer {background:#2F2F2F}
.ui8-homepage .mailer .section-header {padding:60px 0 40px 0}
.ui8-homepage .mailer .inputs {width:100%;max-width:640px}
.ui8-homepage .mailer .input {height:90px;font-size:14px}
.ui8-homepage .mailer .input .error {top:92px}
.ui8-homepage .mailer .input button {position:absolute;top:19px;right:20px}
.ui8-homepage .mailer .input label {font-size:14px;line-height:90px}
@media only screen and (max-width:723px) {.ui8-homepage .mailer {display:none;}
}
.ui8-homepage #footer {background-color:#2F2F2F}
.page-users .section-content {margin-bottom:40px}
.page-users .section-footer:after {content:"";display:table;clear:both}
.page-users .section-footer .count {position:absolute;top:50%;left:50%;display:block;line-height:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media only screen and (max-width:723px) {.page-users .section-footer .count {font-size:12px}
}
.page-500 .section-content {padding-bottom:80px}
.page-500 pre {display:block;padding:20px;color:#FFFFFF;border-radius:4px;background:rgba(42,42,42,0.5)}
@media only screen and (min-width:724px) and (max-width:1065px) {.page-about {width:644px;}
.page-about .section-content {padding:0 20px}
}
@media only screen and (max-width:723px) {.page-about {width:100%;}
}
.page-about.page-about-index {max-width:1026px}
.page-about.page-about-index .section-header {padding-bottom:40px}
.page-about .personnel {margin:-10px 0 0 -40px;text-align:center}
.page-about .personnel:after {content:"";display:table;clear:both}
@media only screen and (min-width:724px) and (max-width:1065px) {.page-about .personnel {margin:0 0 0 -30px;}
}
@media only screen and (max-width:723px) {.page-about .personnel {margin:0 0 0 0px;padding:0 10px;}
}
.page-about .personnel .person {display:inline-block;width:235px;margin:40px 0 0px 40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
@media only screen and (min-width:724px) and (max-width:1065px) {.page-about .personnel .person {width:184px;}
}
@media only screen and (max-width:723px) {.page-about .personnel .person {display:block;margin:0;float:left;width:50%;}
.page-about .personnel .person .person-wrapper {margin:0 10px 20px}
}
@media only screen and (max-width:723px) {.page-about .personnel .person {pointer-events:none;}
}
.page-about .personnel .details {position:absolute;bottom:0;left:0;padding:20px 0;width:100%;text-align:center;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}
.page-about .personnel .details .name {display:block;margin:0 0 5px 0;font-size:14px;line-height:1}
.page-about .personnel .details .role {display:block;color:#808080;font-size:12px;line-height:1;-webkit-transition:color 200ms ease;transition:color 200ms ease}
.page-about .personnel .person-wrapper {position:relative;padding:20px;height:194px}
.page-about .personnel .person-wrapper .element {position:absolute;top:-20px;left:0;padding:0 0 50px 0;display:block;width:100%;height:194px;border-radius:4px}
.page-about .personnel .person-wrapper .backdrop {position:absolute;top:0%;left:0%;width:100%;height:100%;background:#2A2A2A;border-radius:4px;-webkit-transition:-webkit-transform 200ms ease;transition:transform 200ms ease}
.page-about .personnel .person-wrapper:hover .details {opacity:0}
.page-about .personnel .person-wrapper:hover .socials {opacity:1;pointer-events:all}
.page-about .personnel .person-wrapper:hover .element {border-radius:4px}
.page-about .personnel .person-wrapper:hover .backdrop {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);background:#FFFFFF}
.page-about .personnel .socials {opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;padding:0 0 20px 0;width:100%;text-align:center;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}
.page-about .personnel .socials svg {padding:4px 0}
.page-about .personnel .socials a {display:inline-block;margin:0 7px;width:24px;height:24px;color:#FFFFFF;font-size:12px;line-height:26px;text-align:center;background:#AFAFAF;border-radius:50%}
.page-about .personnel .socials a:hover {background:#2F8BE6}
.page-about .video-section .section-content {position:relative;padding:0 0 56.25% 0}
.page-about .video-section .section-content iframe {position:absolute;top:0;left:0;width:100%;height:100%}
.page-about .socials {-webkit-transition:opacty 200ms ease;transition:opacty 200ms ease}
.page-about .socials:after {content:"";display:table;clear:both}
.page-about .socials .social {display:block;float:left;width:20%}
.page-about .socials .social-wrapper {position:relative;margin:0 10px;padding:0 0 90% 0;text-align:center;border-radius:4px;background:rgba(42,42,42,0.2);-webkit-transition:-webkit-transform 200ms ease;transition:transform 200ms ease}
.page-about .socials .social-wrapper:hover {background:#FFFFFF;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.page-about .socials .social-wrapper a {position:absolute;top:0;left:0;display:block;width:100%;height:100%;color:#808080}
.page-about .socials .social-wrapper a i {position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;font-size:20px}
@media only screen and (max-width:723px) {.legal-wrap {padding:0px 20px;}
}
.legal-content {margin:0px auto;background:#FFFFFF;border-radius:2px;box-sizing:border-box;padding:40px}
.legal-content:after {content:"";display:table;clear:both}
@media only screen and (max-width:723px) {.legal-content {padding:30px;}
}
.legal-content .legal-nav {float:left;height:100%;width:210px;border-right:2px solid #E8E8E8;margin-right:50px;padding:15px 0 40px 20px;box-sizing:border-box}
.legal-content .legal-nav li {font-size:13px;line-height:50px}
.legal-content .legal-nav li a {color:#949494}
.legal-content .legal-nav li a:hover {color:#2F8BE6}
.legal-content .legal-nav li.active a {color:#555555;font-weight:600;position:relative}
.legal-content .legal-nav li.active a:before {display:block;content:" ";position:absolute;top:6px;left:-26px;height:6px;width:6px;border-radius:3px;background:#2F8BE6}
@media only screen and (min-width:724px) and (max-width:1065px) {.legal-content .legal-nav {width:100%;float:none;margin:0px;padding:0px;border-right:none;text-align:center;border-bottom:1px solid #E8E8E8;}
.legal-content .legal-nav li {display:inline;padding:0px 10px}
.legal-content .legal-nav li.active a:before {display:none}
}
@media only screen and (max-width:723px) {.legal-content .legal-nav {width:100%;float:none;margin:0px;padding:0px 0 30px 0;border-right:none;text-align:center;border-bottom:1px solid #E8E8E8;}
.legal-content .legal-nav li {display:block;line-height:30px}
.legal-content .legal-nav li.active a:before {display:none}
}
.legal-content .legal-body {color:#484848;float:left;width:580px;padding-top:30px;font-size:15px;font-weight:300;line-height:24px;color:#484848}
.legal-content .legal-body h3 {font-size:16px;font-weight:600}
.legal-content .legal-body h4 {font-size:14px;font-weight:600;margin:10px 0px}
.legal-content .legal-body ul {padding-left:20px}
@media only screen and (min-width:724px) and (max-width:1065px) {.legal-content .legal-body {width:100%;}
}
@media only screen and (max-width:723px) {.legal-content .legal-body {width:100%;}
}
.page-profile .inset-header {position:relative;margin:-78px 0 0 0;padding:118px 0 40px 0}
.page-profile .inset-header:after {position:absolute;bottom:0;left:0;z-index:1;content:'';display:block;width:100%;height:20px;box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.09)}
.page-profile .inset-header .wrapper {position:relative;z-index:2}
.page-profile .inset-header .wrapper:after {content:"";display:table;clear:both}
.page-profile .inset-header .avatar {position:relative;display:block;float:left;margin:0 20px 20px 0;width:124px;height:124px;line-height:126px;border-radius:2px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.page-profile .inset-header .avatar .role {display:none;position:absolute;top:-8px;left:-8px;width:20px;height:20px;background:url('images/sellerbadge.png') center center no-repeat;background-size:20px 20px;box-shadow:0 0 0 2px #272727;border-radius:50%}
.page-profile .inset-header .avatar .role.role-seller,.page-profile .inset-header .avatar .role.role-admin {display:block}
.page-profile .inset-header .avatar .role.role-admin {background-image:url('images/adminbadge.png')}
.page-profile .inset-header .about-me {padding:2px 0 0 0;text-align:left;overflow:hidden}
.page-profile .inset-header .about-me .user-name {margin:0 0 10px 0;padding:0;font-size:24px;line-height:1;font-weight:300}
.page-profile .inset-header .about-me .user-name small {position:relative;top:-2px;padding:0 0 0 10px;color:#2F8BE6;font-size:12px;font-weight:600;text-transform:uppercase}
.page-profile .inset-header .about-me .user-name small.badge {cursor:default;margin:0 10px;padding:0 10px;height:24px;color:#FFFFFF;line-height:24px;background:#484848}
.page-profile .inset-header .about-me .user-bio {display:block;margin:0;padding:0;color:#808080;font-size:18px;font-weight:300}
.page-profile .inset-header .stats {padding:20px 0 0 0}
.page-profile .inset-header .stats .stat {display:inline-block;margin:0 20px 0 0;padding:0 20px 0 0;border-right:1px solid rgba(72,72,72,0.4)}
.page-profile .inset-header .stats .stat[ng-click] {cursor:pointer}
.page-profile .inset-header .stats .stat .count {display:block;font-size:16px;line-height:1;font-weight:700}
.page-profile .inset-header .stats .stat .label {display:block;color:#AFAFAF;font-size:13px;font-weight:300}
.page-profile .inset-header .stats .stat.followers .label {width:53px}
.page-profile .inset-header .stats .stat:last-of-type {margin:0;padding:0;border:none}
.page-profile .inset-header .actions {position:absolute;bottom:-64px;right:0}
.page-profile .inset-header .actions .action {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;margin:0 0 0 10px}
.page-profile .inset-header .actions .action .btn {text-align:center}
.page-profile .inset-header .actions .action .btn.contact {display:none}
.page-profile .inset-header .actions .action .btn.btn-red {color:#FFFFFF;background-color:#E86D6D}
.page-profile .inset-header .actions .action .btn.btn-red:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.page-profile .inset-header .actions .action .btn.btn-red.btn-arrow-down:after {border-top-color:#E86D6D}
.page-profile .inset-header .actions .action .btn.btn-red.btn-arrow-down:hover:after {border-top-color:#e55757}
.page-profile .inset-header .actions .action .btn.btn-red.btn-arrow-down:active:after {border-top-color:#e34e4e}
.page-profile .inset-header .actions .action .btn.btn-red:before {background-color:#FFFFFF}
.page-profile .inset-header .actions .action .btn.btn-red:hover {color:#f2f2f2;background-color:#e55757}
.page-profile .inset-header .actions .action .btn.btn-red:active {background-color:#e34e4e;color:#cccccc}
.page-profile .inset-header .actions .action .btn.btn-red.btn-outline {color:#E86D6D;background:transparent;box-shadow:inset 0 0 0 2px #E86D6D}
.page-profile .inset-header .actions .action .btn.btn-red.btn-outline:hover {color:#E86D6D;box-shadow:inset 0 0 0 2px #e55757}
.page-profile .inset-header .actions .action .btn.btn-red.btn-outline:active {color:#e34e4e;box-shadow:inset 0 0 0 2px #e34e4e}
.page-profile .inset-header .actions .action .btn.btn-red.btn-blue-text {color:#2F8BE6}
.page-profile .inset-header .actions .action .btn.follow.btn-gray {color:#FFFFFF;background-color:#33a466}
.page-profile .inset-header .actions .action .btn.follow.btn-gray:before {opacity:1;-webkit-transition:opacty 200ms ease 150ms;transition:opacty 200ms ease 150ms}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-arrow-down:after {border-top-color:#33a466}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-arrow-down:hover:after {border-top-color:#2d915a}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-arrow-down:active:after {border-top-color:#2b8955}
.page-profile .inset-header .actions .action .btn.follow.btn-gray:before {background-color:#FFFFFF}
.page-profile .inset-header .actions .action .btn.follow.btn-gray:hover {color:#f2f2f2;background-color:#2d915a}
.page-profile .inset-header .actions .action .btn.follow.btn-gray:active {background-color:#2b8955;color:#cccccc}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-outline {color:#33a466;background:transparent;box-shadow:inset 0 0 0 2px #33a466}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-outline:hover {color:#33a466;box-shadow:inset 0 0 0 2px #2d915a}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-outline:active {color:#2b8955;box-shadow:inset 0 0 0 2px #2b8955}
.page-profile .inset-header .actions .action .btn.follow.btn-gray.btn-blue-text {color:#2F8BE6}
.page-profile .inset-header .actions .action .btn.ui8-follow-button {width:90px}
.page-profile .inset-header .actions .action .btn.ui8-follow-button i,.page-profile .inset-header .actions .action .btn.ui8-follow-button i:after {background:#FFFFFF !important}
.page-profile .section-content {padding:40px 0}
.page-profile .activity a:hover {color:#2F8BE6;text-decoration:underline}
.page-profile .activity .message {margin:0;padding:0 100px 0 25px;line-height:20px;word-wrap:break-word}
.page-profile .activity .date {position:absolute;top:4px;right:0;display:block;width:100px;color:#808080;line-height:1;text-align:right}
.page-profile .activity svg {position:absolute;top:1px;line-height:1;color:#AFAFAF}
.page-profile .followers .followees {margin:0 20px;padding:30px;background:#FFFFFF;border-radius:2px}
.page-profile .followers .followees:after {content:"";display:table;clear:both}
.page-profile .followers .footer {padding:30px 0 0 0;text-align:center}
.page-profile .followers .follower {position:relative;display:block;margin:0 0 20px 0;padding:0 0 20px 0;font-size:14px;color:#353535;border-bottom:1px solid rgba(216,216,216,0.2)}
.page-profile .followers .follower:after {content:"";display:table;clear:both}
.page-profile .followers .follower:last-of-type {margin:0;padding:0;border:none}
.page-profile .followers .follower .wrapper {position:relative}
.page-profile .followers .follower .wrapper:after {content:"";display:table;clear:both}
.page-profile .followers .follower .content {position:absolute;top:50%;left:75px;right:0;bottom:auto;padding:0 120px 0 0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.page-profile .followers .follower .content .name {font-size:14px;line-height:1;font-weight:600}
.page-profile .followers .follower .content .bio {display:block;padding:10px 0 0 0;font-size:14px;line-height:1}
.page-profile .followers .follower .content .btn {position:absolute;top:50%;right:0;margin:-19px 0 0 0;padding:0;width:100px;text-align:center}
.page-profile .followers .follower .figure {position:relative;display:block;margin:0 15px 0 0;float:left;width:60px;height:60px;border-radius:2px;background-size:cover}
.page-profile .followers .follower .figure .perma {display:block;width:100%;height:100%}
@media only screen and (max-width:723px) {.page-profile .inset-header {padding-top:98px;padding-bottom:20px}
.page-profile .inset-header .actions {display:block;bottom:0}
.page-profile .inset-header .avatar {float:none;width:60px;height:60px;line-height:62px}
.page-profile .inset-header .avatar .role {display:none !important}
.page-profile .inset-header .about-me {overflow:visible}
.page-profile .inset-header .about-me .user-bio {font-size:18px}
.page-profile .inset-header .about-me .user-name {display:block;margin:0 0 10px 0;font-size:24px;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.page-profile .inset-header small {display:none}
.page-profile .inset-header .stats {padding:30px 0 0 0;clear:both}
.page-profile .inset-header .stats:after {content:"";display:table;clear:both}
.page-profile .inset-header .stats .stat {display:block;float:left}
.page-profile .inset-header .stats .stat.following {border:none}
.page-profile .inset-header .stats .stat.favorites,.page-profile .inset-header .stats .stat.comments {display:none}
.page-profile .activity .message {padding-right:0}
.page-profile .activity .date {position:relative;top:auto;left:auto;right:auto;bottom:auto;display:block;padding:0 0 0 25px;width:auto;font-size:13px;text-align:left}
}
.page-author .center-products {margin:0 auto;max-width:644px}
.page-author .center-products .has-sort .sorting .btn {margin:0}
.page-author .center-products .has-sort .sorting .ui8-select {display:none}
@media only screen and (max-width:723px) {.page-author .sorting {display:none}
}
.page-account .section-header .inputs-mobile-nav {padding:20px 0 0 0}
.page-account .section-content {margin:0 auto;max-width:670px}
.page-account .section-content .ui8-sidebar-navigation {margin:0 20px 20px 0;float:left;width:210px}
@media only screen and (max-width:723px) {.page-account .section-content .ui8-sidebar-navigation {float:none;width:100%;}
}
.page-account .section-content .inputs {margin:0;overflow:hidden}
.page-account .section-content .inputs .input {margin-bottom:20px}
.page-account .section-content .inputs .submit {text-align:right}
.page-account .section-content .inputs .submit .btn {float:none}
@media only screen and (max-width:723px) {.page-account .section-content {padding:0 20px}
.page-account .cart .cart-items {margin-top:0 !important}
.page-account table.offers {margin-top:0}
.page-account .ui8-dl .ui8-dl-list {top:auto;right:100%;bottom:0}
.page-account .ui8-dl .ui8-dl-list:after {border-left-color:transparent;top:auto;bottom:8px;border-left-color:rgba(42,42,42,0.95)}
.page-account .ui8-dl .ui8-dl-list:before {top:auto;bottom:-15px;left:0;width:100%;height:15px}
}
@-webkit-keyframes spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.page-purchases .pane {margin:0 -10px}
.page-purchases .pane.onlyjuan .item {width:100%}
.page-purchases .purchase {margin:0 0 20px}
.page-purchases .purchase .wrapper {margin:0 10px;color:#AFAFAF;background:#FFFFFF;border-radius:2px}
.page-purchases .purchase.item {float:left;width:50%}
.page-purchases .purchase.item.clear {clear:both}
@media only screen and (max-width:723px) {.page-purchases .purchase.item {width:100%;}
}
@media only screen and (min-width:724px) and (max-width:1065px) {.page-purchases .purchase.item {width:100%;}
}
.page-purchases .purchase.job .middle {min-height:0;border-radius:4px 4px 0 0}
.page-purchases .purchase.job .white-list {padding:20px}
.page-purchases .purchase.job .white-list>.list-item {margin:0}
.page-purchases .purchase.job .white-list>.list-item .wrapper {margin:0}
.page-purchases .purchase.item-bundle {clear:both;width:100%}
.page-purchases .purchase .top {padding:15px;box-sizing:border-box;border-bottom:1px solid #E8E8E8}
.page-purchases .purchase .top .image {display:block;float:left;background:#E8E8E8;background-position:center center;background-size:cover;height:70px;width:105px;border-radius:2px;overflow:hidden;margin-right:20px}
.page-purchases .purchase .top h4 {font-size:15px;line-height:19px;font-weight:400;color:#353535;margin:15px 0px 5px 0px}
.page-purchases .purchase .top h4 a {font-size:11px;text-transform:uppercase;font-weight:600}
.page-purchases .purchase .top h4 a:hover {color:#000000}
.page-purchases .purchase .middle {background:#F8F8F8;border-bottom:1px solid #E8E8E8;min-height:100px;position:relative}
.page-purchases .purchase .middle .ui8-loader {top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.page-purchases .purchase .middle .error {font-weight:400;line-height:100px;text-align:center}
.page-purchases .purchase .middle .top:last-child {border-bottom:none}
.page-purchases .purchase .middle .btn {margin-top:16px}
.page-purchases .purchase .middle.subscription {text-align:center;padding:50px 30px;min-height:auto}
@media only screen and (max-width:723px) {.page-purchases .purchase .middle.subscription {padding:20px;min-height:0;}
}
.page-purchases .purchase .middle.subscription h3 {font-size:20px;font-weight:400;margin-bottom:10px;color:#000000}
.page-purchases .purchase .middle.subscription h3 strong {font-weight:700}
@media only screen and (max-width:723px) {.page-purchases .purchase .middle.subscription h3 {line-height:1;margin:0;padding:0;}
}
.page-purchases .purchase .middle.subscription h4 {font-size:14px;font-weight:400;color:#AFAFAF}
.page-purchases .purchase .middle.subscription h4 a:hover {color:#000000}
@media only screen and (max-width:723px) {.page-purchases .purchase .middle.subscription h4 {display:none;}
}
.page-purchases .purchase .bottom {padding:15px 20px;box-sizing:border-box}
.page-purchases .purchase .bottom p,.page-purchases .purchase .middle p {margin:0;line-height:38px}
.page-purchases .purchase .bottom .btn,.page-purchases .purchase .middle .btn {margin-left:10px}
.page-account-settings {}
.page-account-settings .accordian .pane {display:block;margin:0 0 25px 0;padding:0 40px;height:98px;overflow:hidden;background:#303030;border-radius:4px;-webkit-transition:height 250ms ease;transition:height 250ms ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.page-account-settings .accordian .pane.defualt-pane {height:auto}
.page-account-settings .accordian .pane:last-of-type {margin-bottom:0}
.page-account-settings .accordian .pane.pane-active .pane-title {color:#FFFFFF}
.page-account-settings .accordian .pane.pane-active .pane-title .icon {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.page-account-settings .accordian .pane.pane-active .pane-contents {opacity:1;-webkit-transition-delay:150ms;transition-delay:150ms}
.page-account-settings .accordian .pane-title {position:relative;cursor:pointer;display:block;padding:40px 0;line-height:1;font-size:18px;color:#AFAFAF;font-weight:300;-webkit-transition:color 200ms ease;transition:color 200ms ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.page-account-settings .accordian .pane-title .icon {display:block;position:absolute;top:50%;right:0;margin:-8px 0 0 0;width:16px;height:16px;-webkit-transition:-webkit-transform 200ms ease;transition:transform 200ms ease}
.page-account-settings .accordian .pane-contents {opacity:0;padding-bottom:96px;-webkit-transition:opacity 250ms ease;transition:opacity 250ms ease}
.page-account-settings .logo-upload {line-height:65px}
.page-account-settings .logo-upload:after {content:"";display:table;clear:both}
.page-account-settings .logo-upload .remove {cursor:pointer;color:#2F8BE6}
.page-account-settings .logo-upload .remove:hover {color:#FFFFFF}
.page-account-settings .logo-upload span {display:block;padding:0 20px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.page-account-settings .logo-upload .logo {float:left;margin:8px 20px 8px 8px;width:50px;height:50px;line-height:50px;overflow:hidden;border-radius:2px}
.page-account-settings .logo-upload .logo .uploader {position:relative;cursor:pointer;width:100%;height:100%;font-size:14px;color:#AFAFAF;text-align:center;background:#484848}
.page-account-settings .logo-upload .logo .uploader:hover {background:#353535}
.page-account-settings .logo-upload .logo .uploader svg {position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}
.page-account-settings .logo-upload .logo .image {width:100%;height:100%;background-size:cover;background-position:center center}
.page-account-settings .name:after {content:"";display:table;clear:both}
.page-account-settings .name .first-name,.page-account-settings .name .last-name {width:auto}
.page-account-settings .name .first-name {float:left;margin-right:10px}
@media only screen and (max-width:723px) {.page-account-settings .name .first-name {float:none;margin-right:0px;}
}
.page-account-settings .name .last-name {float:right;margin-left:10px}
@media only screen and (max-width:723px) {.page-account-settings .name .last-name {float:none;margin-left:0px;}
}
.page-account-settings .pane-profile .saved-cards {margin-bottom:20px}
.page-account-settings .pane-profile .saved-card a {cursor:pointer;left:20px}
.page-account-settings .pane-payment .pane-contents {margin-left:auto;margin-right:auto;max-width:440px}
@media only screen and (max-width:723px) {.page-account-settings .pane-payment .pane-contents {max-width:none;}
}
.page-account-settings .pane-payment .inputs {margin:0 auto}
.page-account-settings .pane-payment .inputs:after {content:"";display:table;clear:both}
.page-account-settings .pane-payment .saved-card:last-of-type {margin-bottom:40px}
.page-affiliate {width:810px}
@media only screen and (min-width:724px) and (max-width:1065px) {.page-affiliate {width:644px;}
}
@media only screen and (max-width:723px) {.page-affiliate {width:100%;}
}
.page-affiliate .white-table {margin:0 0 40px 0;overflow:hidden;border-radius:4px !important}
.page-affiliate .white-table td {width:15%;vertical-align:middle}
@media only screen and (max-width:723px) {.page-affiliate .white-table tbody.header td:first-child {border-radius:4px 4px 0px 0px}
.page-affiliate .white-table .cell.units {border-radius:0px 0px 4px 0px}
}
.page-affiliate .white-table .small {width:100px}
.page-affiliate .white-table .header td {width:50% !important}
.page-affiliate .white-table .sub-header {white-space:nowrap;text-overflow:ellipsis}
.page-affiliate .white-table .sub-header .faked {line-height:1.54 !important}
.page-affiliate .white-table .hacked {border:none;line-height:0}
.page-affiliate .white-table .faked {float:left;width:33.33% !important;line-height:54px;box-sizing:border-box;background:#f8f8f8}
.page-affiliate .white-table.toggled .standard {display:none}
.page-affiliate .white-table.toggled .expanded {display:table-row}
.page-affiliate .white-table .expanded {display:none}
.page-affiliate .white-table .expanded-stats {background:#FFFFFF}
.page-affiliate .white-table .expanded-stats .cell {width:20%}
.page-affiliate .white-table:last-of-type {margin-bottom:0}
.page-affiliate .white-table a {color:#333333}
.page-affiliate .white-table a:hover {color:#2F8BE6}
.page-affiliate .white-table .image {display:block;float:left;margin:0 20px 0 0;width:78px;height:54px;background-size:cover;background-color:#484848;background-repeat:no-repeat}
.page-affiliate .white-table .product {width:40%}
.page-affiliate .white-table .name {line-height:54px}
@media only screen and (max-width:723px) {.page-affiliate .white-table .name {line-height:1;}
}
.page-affiliate .stats {display:block;margin:0 0 60px 0;height:215px;background:#FFFFFF;border-radius:4px}
.page-affiliate .stats:after {content:"";display:table;clear:both}
.page-affiliate .stats h3 {font-size:36px;line-height:195px;font-weight:400}
.page-affiliate .stats span {display:block;margin:-20px 0 0 0;font-size:15px;color:#808080;line-height:1}
.page-affiliate .stats .stat {position:relative;display:block;float:left;width:33.33%;height:215px;color:#333333;text-align:center}
.page-affiliate .stats .stat.blue {margin:-20px 0 0 0;padding:20px 0;color:#FFFFFF;background:#2F8BE6;border-radius:4px}
.page-affiliate .stats .stat.blue h3 {font-size:44px}
.page-affiliate .stats .stat.blue span {color:#FFFFFF}
@media only screen and (max-width:723px) {.page-affiliate .stats {height:auto;}
.page-affiliate .stats .stat {width:100%;height:auto;margin:0px;padding:20px 0px}
.page-affiliate .stats .stat.blue {margin:0px;border-radius:0px}
.page-affiliate .stats h3 {line-height:60px}
.page-affiliate .stats span {margin:0px}
}
.saved-cards {margin:0 auto;overflow:hidden}
.saved-cards .saved-card {height:80px;width:100%;background:#2A2A2A;border-radius:2px;margin-bottom:20px;padding:28px 22px;box-sizing:border-box;position:relative;overflow:hidden}
.saved-cards .saved-card .card-brand {height:24px;width:35px;float:left;margin:0 20px 0 0;background-size:cover}
.saved-cards .saved-card .card-brand.amex,.saved-cards .saved-card .card-brand.american-express {background-image:url('images/card-amex.png')}
.saved-cards .saved-card .card-brand.visa {background-image:url('images/card-visa.png')}
.saved-cards .saved-card .card-brand.discover {background-image:url('images/card-discover.png')}
.saved-cards .saved-card .card-brand.mastercard {background-image:url('images/card-mastercard.png')}
.saved-cards .saved-card .card-number,.saved-cards .saved-card .card-expire {position:relative;top:-8px}
.saved-cards .saved-card .card-number {font-size:15px;line-height:21px;color:#AFAFAF}
.saved-cards .saved-card .card-number .dots {font-size:13px;margin-right:6px}
.saved-cards .saved-card .card-expire {font-size:13px;line-height:18px;color:#555555}
.saved-cards .saved-card a.default {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:24px;position:absolute;top:28px;right:50px}
.saved-cards .saved-card a.default .box {position:relative;display:inline-block;height:24px;width:24px;border-radius:2px;background:#3F3F3F;margin-right:10px;line-height:24px;text-align:center}
.saved-cards .saved-card a.default .box svg {padding:4px 0}
.saved-cards .saved-card a.default span {font-size:12px;line-height:24px;font-weight:600;text-transform:uppercase;color:#555555;vertical-align:top}
.saved-cards .saved-card a.default:hover span {color:#FFFFFF}
.saved-cards .saved-card a.default.active i {opacity:1}
.saved-cards .saved-card a.default.active span {color:#2F8BE6}
.saved-cards .saved-card a.default.active:hover i {color:#2F8BE6}
.saved-cards .saved-card .remove-card-x {position:absolute;top:30px;right:20px;font-size:17px;color:#555555}
.saved-cards .saved-card .remove-card-x:hover {color:#2F8BE6;cursor:pointer}
.saved-cards .saved-card .remove {height:100%;width:100%;position:absolute;top:0px;left:0px;background:#1d1d1d;padding:22px 20px;box-sizing:border-box;line-height:38px;-webkit-transition:all 300ms ease;transition:all 300ms ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.saved-cards .saved-card .remove.active {-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}
.saved-cards .saved-card .remove form {display:inline-block;float:right;margin-right:10px}
.saved-cards .saved-card .remove .btn {float:right}
.saved-cards .saved-card.default-card .card-number,.saved-cards .saved-card.default-card .card-expire {color:#FFFFFF}
.saved-cards .saved-card.no-cards {height:auto;text-align:center}
.saved-cards .saved-card.no-cards span {color:#AFAFAF}
.saved-cards-footer {position:relative;margin:0 auto;overflow:hidden}
.saved-cards-footer span {line-height:48px}
.add-card-form h2 {font-size:18px;font-weight:300;text-align:center;margin:10px 0 20px 0}
.add-card-form .input {margin-bottom:30px !important}
.page-an .avatar {float:left;margin:0 15px 0 0;width:48px;height:48px;background-size:cover;border-radius:4px}
.page-an .content {overflow:hidden}
.page-an .content .message {margin:0 0 5px 0}
.page-an .content .message a:hover {color:#2F8BE6;text-decoration:underline}
.page-an .content .meta {display:block;font-size:12px;line-height:1;color:#AFAFAF}
.page-an .section-footer {padding:40px 0 0}
.page-account-notifications .inputs .title {padding:20px 0 30px 0;font-size:22px;font-weight:300}
.page-account-notifications .input {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}
.page-account-notifications .input .label {display:block;position:absolute;top:50%;left:20px;right:60px;bottom:auto;font-size:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.page-account-notifications .input.checkbox {cursor:pointer;padding-right:40px}
.page-account-notifications .check {position:absolute;top:50%;right:20px;display:block;margin:-12px 0 0 0;width:20px;height:20px;color:#2F8BE6;font-size:10px;line-height:22px;text-align:center;background:#3f3f3f;border:2px solid #3f3f3f;border-radius:4px}
.page-account-notifications .check svg {padding:2px 0}
.page-offers .offers-grid {margin:0 auto;max-width:535px}
.page-offers .offers-grid .offer {padding:20px 45px 25px;height:auto}
.page-offers .offers-grid .offer:hover {background:#FFFFFF}
.page-offers .offers-grid .offer.grab {text-align:center}
.page-offers .offers-grid .offer.grab h3 {padding-bottom:20px}
.page-offers .offers-grid .offer .details a {color:#2F8BE6}
.page-offers .offers-grid .offer .details a:hover {color:#353535}
.page-offers .offers-grid .offer .image {top:20px;background-color:transparent;border-radius:0}
.page-offers .offers-grid .offer h3 {margin:0;padding:10px 0 10px;line-height:1;font-weight:400}
.page-offers .offers-grid .offer p {margin:0;padding:0;font-size:14px;line-height:1.65;font-weight:300}
@-webkit-keyframes loading-bars {from {background-position:0 0}
to {background-position:40px 0}
}
@keyframes loading-bars {from {background-position:0 0}
to {background-position:40px 0}
}
.page-session {width:auto;padding:0 20px}
@media only screen and (max-width:723px) {.page-session {padding:0px;}
.page-session .inputs {width:100%;max-width:none}
.page-session .section-content {padding:0 20px}
}
.page-session .avatar-uploader {text-align:center;margin:-20px 0 75px 0px}
@media only screen and (max-width:723px) {.page-session .avatar-uploader {margin:20px 0 40px 0px;}
}
.page-session .avatar-uploader .image {position:relative;display:inline-block;width:144px;height:144px;border-radius:4px;background:#2c2c2c}
.page-session .avatar-uploader .image:after {content:"";display:table;clear:both}
.page-session .avatar-uploader .image img {background:#2c2c2c;width:100%;height:100%;border-radius:4px}
.page-session .avatar-uploader .select-file {position:absolute;z-index:500;bottom:-8px;right:-8px;height:38px;width:38px;font-size:23px;font-weight:400;line-height:37px;text-indent:1px;text-align:center}
.page-session .avatar-uploader .uploading {position:absolute;top:-1px;left:-1px;padding:1px;width:100%;height:100%;background:rgba(44,44,44,0.95);border-radius:4px}
.page-session .avatar-uploader .uploading.error {background:rgba(182,75,75,0.9);line-height:144px}
.page-session .avatar-uploader .uploading .progress {position:absolute;top:50%;left:50%;margin:-1px 0 0 -40%;width:80%;height:2px;height:3px;background:#111}
.page-session .avatar-uploader .uploading .progress .loaded {height:100%;width:0%;background:#2F8BE6}
.page-session .avatar-uploader .uploading .progress.processing .loaded {background:none;background:#216a42;background-image:-webkit-linear-gradient(135deg,#33a466 25%,transparent 25%,transparent 50%,#33a466 50%,#33a466 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,#33a466 25%,transparent 25%,transparent 50%,#33a466 50%,#33a466 75%,transparent 75%,transparent);background-size:20px 20px;-webkit-transition:width 500ms ease;transition:width 500ms ease;-webkit-animation:loading-bars 1500ms linear infinite;animation:loading-bars 1500ms linear infinite}
.page-session .avatar-uploader p {color:#949494;font-size:12px;font-weight:400;text-align:center}
.page-session .submit:after {content:"";display:table;clear:both}
.page-session .submit a {float:left;line-height:48px}
.page-session .submit .btn {float:right}
.page-product {}
.page-product #menu-toggle,.page-product #header {position:absolute}
.page-product #menu-toggle .background,.page-product #header .background {display:none}
.page-product.reveal-sidebar #menu-toggle {position:fixed}
.page-product .inset-header.double {position:fixed;top:0;right:0;bottom:auto;left:0;z-index:410;margin:0;padding:23px 0;background:none;background-color: #303030;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-color: #303030;}
}
.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 .likes .btn {display:none;padding:0;width:38px;height:38px;text-align:center}
.page-product .inset-header .likes .btn svg {margin:11px}
.page-product .inset-header .likes .btn .count {display:none}
.page-product .inset-header .ui8-appicons,.page-product .inset-header .compatible-with,.page-product .inset-header .comments,.page-product .inset-header .in,.page-product .inset-header .category,.page-product .inset-header .published {display:none}
}
.page-product .ui8-tabs .count {display:none}
@media only screen and (max-width:723px) {.page-product .ui8-tabs .count {display:inline;}
}
@media only screen and (max-width:723px) {.page-product .ui8-tabs .hide-mobile {display:none}
}
.page-product .publisher-meta {padding:25px 0 0 0;color:#AFAFAF;line-height:33px}
.page-product .publisher-meta:after {content:"";display:table;clear:both}
.page-product .publisher-meta a {color:#AFAFAF;font-weight:700}
.page-product .publisher-meta a:hover {color:#2F8BE6}
.page-product .publisher-meta .app-icons {padding:0 0 0 4px}
.page-product .publisher-meta .app-icon-wrap {position:relative;display:inline-block;margin:0 10px 0 0;width:24px}
.page-product .publisher-meta .app-icon {margin:0;position:absolute;top:0;left:0;margin:-16px 0 0 0}
.page-product .publisher-meta .avatar {display:block;float:left;margin:0 8px 0 0;width:32px;height:32px;background:#484848;border-radius:50%;background-size:32px 32px}
.page-product .publisher-meta .avatar svg {padding:8px}
.page-product .panes {margin:0 auto 30px}
.page-product .pane-images .images {margin:0 -10px -20px}
.page-product .pane-images .images:after {content:"";display:table;clear:both}
.page-product .pane-images .images .image {display:block;float:left;width:50%}
.page-product .pane-images .images .image:nth-child(2n+1) {clear:left}
.page-product .pane-images .images .image-wrapper {margin:0 10px 20px}
.page-product .pane-images .images .image-display {overflow:hidden;border-radius:2px}
.page-product .pane-images .images img {display:block;max-width:100%}
@media only screen and (max-width:723px) {.page-product .pane-images .images .image {float:none;width:100%}
.page-product .pane-images .images .image img {width:100%}
}
.page-product .pane-details {padding:80px;color:#353535;font-size:15px;line-height:25px;font-weight:300;background:#FFFFFF;border-radius:2px}
@media only screen and (max-width:723px) {.page-product .pane-details {padding:30px;}
}
.page-product .pane-details .block {margin:0 0 40px 0;padding:0 0 40px 0;border-bottom:1px solid #E8E8E8}
.page-product .pane-details .block.overview {padding-bottom:35px}
.page-product .pane-details .block.features {padding-bottom:20px}
.page-product .pane-details .block:last-of-type {margin:0;padding:0;border:none}
@media only screen and (max-width:723px) {.page-product .pane-details .block {margin:0 0 30px 0;padding:0 0 30px 0;}
.page-product .pane-details .block.overview {padding-bottom:25px}
}
.page-product .pane-details .title {display:block;margin:0 0 15px 0;padding:0;font-size:16px;line-height:1;font-weight:600}
.page-product .pane-details .description {margin:0;padding:0}
.page-product .pane-details .description a:hover {color:#2F8BE6;text-decoration:underline}
.page-product .pane-details .metric {display:block;float:right;margin:0 0 0 15px;font-size:12px;line-height:22px;color:#AFAFAF;/*font-weight:600*/}
.page-product .pane-details .metric:after {content:"";display:table;clear:both}
.page-product .pane-details .metric svg {position:relative;top:1px;left:0;padding:0 10px 0 0;line-height:22px;color:#555555}
.page-product .pane-details .metrics:after {content:"";display:table;clear:both}
.page-product .pane-details .metrics .app-icons {float:left;line-height:24px}
.page-product .pane-details .metrics .app-icon-wrap {position:relative;display:block;margin:0 10px 0 0;float:left;width:24px;height:24px;overflow:hidden}
.page-product .pane-details .metrics .app-icon {top:0;left:0;display:block;margin:0;line-height:24px}
@media only screen and (max-width:723px) {.page-product .pane-details .metrics .metric {display:none}
.page-product .pane-details .metrics .app-icon-wrap {margin:0 8px 0 0}
}
.page-product .pane-details .highlights {margin:0 -10px}
.page-product .pane-details .highlights:after {content:"";display:table;clear:both}
.page-product .pane-details .feature {display:block;margin:0 0 20px 0;float:left;width:50%;height:26px}
@media only screen and (max-width:723px) {.page-product .pane-details .feature {float:none;width:100%;}
.page-product .pane-details .feature:last-of-type {margin:0}
}
.page-product .pane-details .feature .wrapper {margin:0 10px;line-height:26px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page-product .pane-details .feature .wrapper svg {display:block;float:left;margin:0 12px 0 0;padding:5px 0;color:#2F8BE6}
.page-product .pane-details .feature:nth-child(2n+1) {clear:left}
.page-product .pane-details .icon-check {padding:0 15px 0 0;color:#2F8BE6;font-size:10px}
.page-product .pane-details .content {margin:0 auto;max-width:680px}
.page-product .related-products .cards {margin:0 -21px}
@media only screen and (max-width:723px) {.page-product .related-products .cards .card-wrapper {margin-left:0;margin-right:0}
}
.page-product .quick-links {padding:10px 10px 0;text-align:center}
.page-product .quick-links .btn {margin:0 10px;padding-left:0;padding-right:0;width:122px}
@media only screen and (min-width:724px) and (max-width:1065px) {.page-product .quick-links {display:none;}
}
@media only screen and (max-width:723px) {.page-product .quick-links {display:none;}
}
.page-product .pane-pass .section-footer {position:relative;height:50px}
.page-product .pass-details {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:100%;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}
}