/*! normalize.css v1.0.0 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.columns {border-bottom: none !important; }
audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

p,
pre {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,
q:after {
    content: '';
    content: none
}

small {
    font-size: 75%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

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
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    -webkit-font-smoothing: antialiased;
    height: 100%
}

body {
    font-weight: 400;
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #222;
    height: 100%
}

* {
    box-sizing: border-box
}

a {
    color: #2980b9
}

a:hover {
    color: #2472a4
}

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #eee
}

.level_page_body_wrapper {
    position: relative
}

a {
    color: #2980b9
}

a,
.link_transition {
    -webkit-transition: .5s;
    transition: .5s
}

a:hover,
a:active,
a:focus {
    outline: none !important
}

ul {
    padding-left: 0 !important;
    list-style-type: none
}

p {
    font-size: 18px;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

.secondary_font {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif
}

.smaller_font_size {
    font-size: 15px
}

.bold_title_font {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: 0
}

.normal_font {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: 0
}

.nav_link_styles {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .16px;
    text-transform: uppercase
}

.larger_h1 {
    font-size: 36px
}

.light_weight {
    font-weight: 100
}

.medium_weight {
    font-weight: 400
}

.bold_weight {
    font-weight: 700
}

@font-face {
    font-family: 'Montserrat';
    src: url(Montserrat-Bold-576e5ed13b2a9ee2342b1eb12c9c451b395c1dde816bb2bdf685202085e5eae2.otf) format("truetype");
    font-weight: bold
}

@font-face {
    font-family: 'Montserrat';
    src: url(Montserrat-Regular-40fc1142200a5c1c18f80b6915257083c528c7f7fd2b00a552aeebc42898d428.otf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: 'Montserrat';
    src: url(Montserrat-SemiBold-ad0617cb22365ddd0932316860b0e8630a7b926389e65a42c4256e858a58c072.otf) format("truetype");
    font-weight: 600
}

@font-face {
    font-family: 'Montserrat';
    src: url(Montserrat-UltraLight-b57bd7364cb22587cb669fe4c3eb7c65f377998debd4c726dd74e5a0e1c8c04c.otf) format("truetype");
    font-weight: 200
}

@font-face {
    font-family: 'Montserrat';
    src: url(Montserrat-Light-6754a6bbc036bf4569a429a3659f10c61fa471e55bcd7d5379a1e2d39ab7e267.otf) format("truetype");
    font-weight: 300
}

@font-face {
    font-family: 'Montserrat';
    src: url(Montserrat-ExtraBold-17ae49f737f0b36ce87dd587a7fda35a7d95eb330d175f27e70062905894b486.otf) format("truetype");
    font-weight: 800
}

.freight_text {
    font-family: 'freight-text-pro';
    font-size: 1.2rem;
    line-height: 1.9rem;
    margin-bottom: 1.71rem
}

.freight_text p {
    font-size: 1.2rem;
    line-height: 1.9rem;
    margin-bottom: 1.71rem;
    color: rgba(46, 48, 58, 0.96)
}

.freight_text h1,
.freight_text h2,
.freight_text h3,
.freight_text h4 {
    font-family: 'freight-sans-pro';
    font-weight: 100
}

.montserrat {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem
}

.montserrat th {
    color: #999 !important
}

.montserrat p,
.montserrat td {
    font-size: 16px;
    font-weight: 300 !important;
    color: rgba(46, 48, 58, 0.96)
}

.montserrat strong {
    color: #808997
}

.montserrat h1,
.montserrat h2,
.montserrat h3,
.montserrat h4 {
    font-family: 'Montserrat';
    font-weight: 300
}

.montserrat h1,
.montserrat h2 {
    color: #222
}

.montserrat h3,
.montserrat h4 {
    color: #808997
}

.montserrat h2 {
    font-size: 26px
}

.u-full-width {
    width: 100%;
    box-sizing: border-box
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box
}

.u-pull-right {
    float: right
}

.u-pull-left {
    float: left
}

.u-cf {
    content: "";
    display: table;
    clear: both
}

.u-align-center {
    text-align: center
}

.p-r-5 {
    padding-right: 5px
}

.u-display-none {
    display: none !important
}

.green,
.green_text {
    color: #57ad68
}

.u-display-block {
    display: block;
    width: 100%
}

.light_blue_text {
    color: #77d7ff
}

.light_green_text {
    color: #00FF7F
}

.red_text {
    color: #da552f
}

.steel_blue_text {
    color: #808997
}

.purple_text {
    color: #4e2a8e
}

.pink_text {
    color: #f5a7c5
}

.no-top-padding {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important
}

.no-bottom-padding {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.align_left {
    text-align: left
}

.out_of_stock {
    color: #da552f
}

.small_right_sidebar_text {
    font-size: 16px;
    color: #999
}

.img_max_width {
    max-width: 100%
}

.u-vertical-link-list li {
    margin: 5px 0
}

@media screen and (max-width: 768px) {
    .show-on-desktop-only {
        display: none !important
    }
}

@media screen and (min-width: 769px) {
    .hide-on-desktop {
        display: none
    }
}

.show-on-mobile-only {
    display: none
}

@media screen and (max-width: 768px) {
    .show-on-mobile-only {
        display: block
    }
}

.no_underline {
    text-decoration: none
}

.black_underline {
    -webkit-transition: none;
    transition: none;
    color: #222 !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#a2a2a2, #a2a2a2);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#a2a2a2, #a2a2a2);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.black_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.black_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.black_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.black_underline:before,
.black_underline:after,
.black_underline *,
.black_underline *:before,
.black_underline *:after {
    text-shadow: none
}

.black_underline:visited {
    color: #222 !important
}

.black_underline:hover {
    color: #222 !important
}

.white_link_on_dark {
    -webkit-transition: none;
    transition: none;
    color: #fff !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #111, -0.03em 0 #111, 0 0.03em #111, 0 -0.03em #111, 0.06em 0 #111, -0.06em 0 #111, 0.09em 0 #111, -0.09em 0 #111, 0.12em 0 #111, -0.12em 0 #111, 0.15em 0 #111, -0.15em 0 #111;
    background-image: -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(#111, #111), -webkit-linear-gradient(gray, gray);
    background-image: linear-gradient(#111, #111), linear-gradient(#111, #111), linear-gradient(gray, gray);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.white_link_on_dark::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.white_link_on_dark::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.white_link_on_dark::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.white_link_on_dark:before,
.white_link_on_dark:after,
.white_link_on_dark *,
.white_link_on_dark *:before,
.white_link_on_dark *:after {
    text-shadow: none
}

.white_link_on_dark:visited {
    color: #fff !important
}

.white_link_on_dark:hover {
    color: #77d7ff !important
}

.column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px
}

.column img {
    max-width: 100%
}

.columns.is-mobile>.column.is-half {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-third {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-quarter {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile>.column.is-offset-third {
    margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-quarter {
    margin-left: 25%
}

.columns.is-mobile>.column.is-1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 8.33333%
}

.columns.is-mobile>.column.is-offset-1 {
    margin-left: 8.33333%
}

.columns.is-mobile>.column.is-2 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16.66667%
}

.columns.is-mobile>.column.is-offset-2 {
    margin-left: 16.66667%
}

.columns.is-mobile>.column.is-3 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33333%
}

.columns.is-mobile>.column.is-offset-4 {
    margin-left: 33.33333%
}

.columns.is-mobile>.column.is-5 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 41.66667%
}

.columns.is-mobile>.column.is-offset-5 {
    margin-left: 41.66667%
}

.columns.is-mobile>.column.is-6 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 58.33333%
}

.columns.is-mobile>.column.is-offset-7 {
    margin-left: 58.33333%
}

.columns.is-mobile>.column.is-8 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.66667%
}

.columns.is-mobile>.column.is-offset-8 {
    margin-left: 66.66667%
}

.columns.is-mobile>.column.is-9 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 83.33333%
}

.columns.is-mobile>.column.is-offset-10 {
    margin-left: 83.33333%
}

.columns.is-mobile>.column.is-11 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 91.66667%
}

.columns.is-mobile>.column.is-offset-11 {
    margin-left: 91.66667%
}

@media screen and (max-width: 768px) {
    .column.is-half-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }
    .column.is-third-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }
    .column.is-quarter-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }
    .column.is-offset-half-mobile {
        margin-left: 50%
    }
    .column.is-offset-third-mobile {
        margin-left: 33.3333%
    }
    .column.is-offset-quarter-mobile {
        margin-left: 25%
    }
    .column.is-1-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }
    .column.is-offset-1-mobile {
        margin-left: 8.33333%
    }
    .column.is-2-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }
    .column.is-offset-2-mobile {
        margin-left: 16.66667%
    }
    .column.is-3-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }
    .column.is-offset-3-mobile {
        margin-left: 25%
    }
    .column.is-4-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }
    .column.is-offset-4-mobile {
        margin-left: 33.33333%
    }
    .column.is-5-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }
    .column.is-offset-5-mobile {
        margin-left: 41.66667%
    }
    .column.is-6-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }
    .column.is-offset-6-mobile {
        margin-left: 50%
    }
    .column.is-7-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }
    .column.is-offset-7-mobile {
        margin-left: 58.33333%
    }
    .column.is-8-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }
    .column.is-offset-8-mobile {
        margin-left: 66.66667%
    }
    .column.is-9-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }
    .column.is-offset-9-mobile {
        margin-left: 75%
    }
    .column.is-10-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }
    .column.is-offset-10-mobile {
        margin-left: 83.33333%
    }
    .column.is-11-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }
    .column.is-offset-11-mobile {
        margin-left: 91.66667%
    }
}

@media screen and (min-width: 769px) {
    .column.is-half,
    .column.is-half-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }
    .column.is-third,
    .column.is-third-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }
    .column.is-quarter,
    .column.is-quarter-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }
    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%
    }
    .column.is-offset-third,
    .column.is-offset-third-tablet {
        margin-left: 33.3333%
    }
    .column.is-offset-quarter,
    .column.is-offset-quarter-tablet {
        margin-left: 25%
    }
    .column.is-1,
    .column.is-1-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }
    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.33333%
    }
    .column.is-2,
    .column.is-2-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }
    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.66667%
    }
    .column.is-3,
    .column.is-3-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }
    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%
    }
    .column.is-4,
    .column.is-4-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }
    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.33333%
    }
    .column.is-5,
    .column.is-5-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }
    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.66667%
    }
    .column.is-6,
    .column.is-6-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }
    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%
    }
    .column.is-7,
    .column.is-7-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }
    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.33333%
    }
    .column.is-8,
    .column.is-8-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }
    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.66667%
    }
    .column.is-9,
    .column.is-9-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }
    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%
    }
    .column.is-10,
    .column.is-10-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }
    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.33333%
    }
    .column.is-11,
    .column.is-11-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }
    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.66667%
    }
}

@media screen and (min-width: 980px) {
    .column.is-half-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }
    .column.is-third-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }
    .column.is-quarter-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }
    .column.is-offset-half-desktop {
        margin-left: 50%
    }
    .column.is-offset-third-desktop {
        margin-left: 33.3333%
    }
    .column.is-offset-quarter-desktop {
        margin-left: 25%
    }
    .column.is-1-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }
    .column.is-offset-1-desktop {
        margin-left: 8.33333%
    }
    .column.is-2-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }
    .column.is-offset-2-desktop {
        margin-left: 16.66667%
    }
    .column.is-3-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }
    .column.is-offset-3-desktop {
        margin-left: 25%
    }
    .column.is-4-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }
    .column.is-offset-4-desktop {
        margin-left: 33.33333%
    }
    .column.is-5-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }
    .column.is-offset-5-desktop {
        margin-left: 41.66667%
    }
    .column.is-6-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }
    .column.is-offset-6-desktop {
        margin-left: 50%
    }
    .column.is-7-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }
    .column.is-offset-7-desktop {
        margin-left: 58.33333%
    }
    .column.is-8-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }
    .column.is-offset-8-desktop {
        margin-left: 66.66667%
    }
    .column.is-9-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }
    .column.is-offset-9-desktop {
        margin-left: 75%
    }
    .column.is-10-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }
    .column.is-offset-10-desktop {
        margin-left: 83.33333%
    }
    .column.is-11-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }
    .column.is-offset-11-desktop {
        margin-left: 91.66667%
    }
}

.columns {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px
}

.columns:last-child {
    margin-bottom: -10px
}

.columns:not(:last-child) {
    margin-bottom: 10px
}

.columns.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.columns.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 20px
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0
}

.columns.is-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns.is-vcentered {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.columns.is-bottom-aligned {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    -ms-grid-row-align: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.columns.justify-space-around {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 769px) {
    .columns.is-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .columns.is-grid>.column {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        padding: 10px;
        width: 33.3333%
    }
    .columns.is-grid>.column+.column {
        margin-left: 0
    }
}

@media screen and (min-width: 769px) {
    .columns:not(.is-desktop) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 980px) {
    .columns.is-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.card-image {
    display: block;
    position: relative
}

.card-image img {
    display: block
}

.card-image.is-square img,
.card-image.is-4x3 img,
.card-image.is-3x2 img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.card-image.is-square {
    padding-top: 100%
}

.card-image.is-4x3 {
    position: relative;
    padding-top: 75%;
    z-index: 1000
}

.card-image.is-4x3 img {
    max-width: 100%
}

.card-image.is-3x2 {
    padding-top: 66.6666%
}

.card-content {
    padding: 20px
}

.card-content .title+.subtitle {
    margin-top: -20px
}

.card-footer {
    background: #f5f7fa;
    display: block;
    padding: 10px
}

.big-card {
    background: white;
    max-width: 100%;
    position: relative;
    border-radius: 2px
}

.card {
    background: white;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    position: relative;
    width: 300px;
    border-radius: 4px
}

.card .media:not(:last-child) {
    margin-bottom: 10px
}

.card figure {
    background: transparent
}

.card.is-rounded {
    border-radius: 5px
}

.media-image.is-32 {
    width: 32px
}

.media-image.is-40 {
    width: 40px
}

@media screen and (max-width: 768px) {
    .media-image {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 769px) {
    .media-image {
        margin-right: 10px;
        width: 60px
    }
}

.media-number {
    background: #f5f7fa;
    border-radius: 290486px;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 24px;
    min-width: 32px;
    padding: 4px 8px;
    text-align: center;
    vertical-align: top
}

@media screen and (max-width: 768px) {
    .media-number {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 769px) {
    .media-number {
        margin-right: 10px
    }
}

@media screen and (max-width: 768px) {
    .media-left {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 769px) {
    .media-left {
        margin-right: 20px
    }
}

@media screen and (max-width: 768px) {
    .media-right {
        margin-top: 20px
    }
}

@media screen and (min-width: 769px) {
    .media-right {
        margin-left: 20px
    }
}

.media-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.media-content .textarea {
    min-height: 60px
}

.media {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left
}

.media .content:not(:last-child) {
    margin-bottom: 10px
}

.media .media {
    border-top: 1px solid rgba(211, 214, 219, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px
}

.media .media .media-image {
    margin-bottom: 0;
    margin-right: 10px;
    width: 40px
}

.media .media .textarea {
    border-radius: 2px;
    font-size: 11px;
    height: 24px;
    line-height: 16px;
    padding: 3px 6px
}

.media .media .button {
    border-radius: 2px;
    font-size: 11px;
    height: 24px;
    line-height: 16px;
    padding: 3px 6px
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
    margin-bottom: 5px
}

.media .media .media {
    font-size: 12px;
    padding-top: 5px
}

.media .media .media+.media {
    margin-top: 5px
}

.media+.media {
    border-top: 1px solid rgba(211, 214, 219, 0.5);
    margin-top: 10px;
    padding-top: 10px
}

.media.is-large+.media {
    margin-top: 20px;
    padding-top: 20px
}

@media screen and (min-width: 769px) {
    .media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .media.is-large .media-number {
        margin-right: 20px
    }
}

.tabs {
    line-height: 24px;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.tabs .fa {
    font-size: 14px;
    line-height: 20px;
    margin: 2px -2px;
    width: 20px
}

.tabs a {
    border-bottom: 1px solid #d3d6db;
    color: #69707a;
    display: block;
    margin-bottom: -1px;
    padding: 5px 0;
    vertical-align: top
}

.tabs a:hover {
    border-bottom-color: #222324;
    color: #222324
}

.tabs li {
    display: block;
    vertical-align: top
}

.tabs li+li {
    margin-left: 20px
}

.tabs li.is-active a {
    border-bottom-color: #1fc8db;
    color: #1fc8db
}

.tabs ul {
    border-bottom: 1px solid #d3d6db;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabs.is-centered a {
    padding: 5px 10px
}

.tabs.is-centered li+li {
    margin-left: 0
}

.tabs.is-centered ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.tabs.is-right ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
    padding: 5px 15px;
    text-decoration: none
}

.tabs.is-boxed a:hover {
    background: #f5f7fa;
    border-bottom-color: #d3d6db
}

.tabs.is-boxed li+li {
    margin-left: 5px
}

.tabs.is-boxed li.is-active a {
    background: white;
    border-color: #d3d6db;
    border-bottom-color: transparent
}

.tabs.is-boxed.is-centered li,
.tabs.is-boxed.is-centered li+li {
    margin: 0 2px
}

.tabs.is-toggle a {
    border: 1px solid #d3d6db;
    margin-bottom: 0;
    padding: 5px 10px;
    position: relative
}

.tabs.is-toggle a:hover {
    background: #f5f7fa;
    border-color: #aeb1b5;
    z-index: 2
}

.tabs.is-toggle li+li {
    margin-left: -1px
}

.tabs.is-toggle li:first-child a {
    border-radius: 3px 0 0 3px
}

.tabs.is-toggle li:last-child a {
    border-radius: 0 3px 3px 0
}

.tabs.is-toggle li.is-active a {
    background: #1fc8db;
    border-color: #1fc8db;
    color: white;
    z-index: 1
}

.tabs.is-toggle ul {
    border-bottom: none
}

@media screen and (min-width: 769px) {
    .tabs.is-fullwidth li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .tabs.is-fullwidth li+li {
        margin-left: 0
    }
    .tabs.is-fullwidth ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

.menu-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    padding: 5px 10px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-tabs:not(:last-child) {
    border-bottom: 1px solid #d3d6db
}

.menu-tabs a {
    border-bottom: 1px solid #d3d6db;
    margin-bottom: -1px;
    padding: 5px
}

.menu-tabs a.is-active {
    border-bottom-color: #222324;
    color: #222324
}

.header {
    background: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 24px;
    position: relative;
    text-align: center;
    z-index: 2
}

.header:after {
    clear: both;
    content: " ";
    display: table
}

.header .container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    box-shadow: 0 1px 0 rgba(211, 214, 219, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media screen and (min-width: 769px) {
    .header {
        height: 50px
    }
}

@media screen and (min-width: 769px) {
    .header-toggle {
        display: none
    }
}

.header-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.header-item img {
    max-height: 24px
}

.header-item a {
    color: #69707a
}

.header-item a:hover {
    color: #222324
}

.header-item a.is-active {
    color: #222324
}

.header-item .fa {
    font-size: 21px;
    line-height: 24px
}

.header-icon {
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    width: 24px;
    color: #69707a;
    margin: 0 5px
}

.header-icon:hover {
    color: #222324
}

.header-tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    color: #69707a;
    display: block;
    height: 50px;
    line-height: 24px;
    padding: 13px 15px
}

.header-tab:hover {
    border-bottom: 1px solid #1fc8db
}

.header-tab.is-active {
    border-bottom: 3px solid #1fc8db;
    color: #1fc8db
}

.header-left {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

@media screen and (min-width: 980px) {
    .header-left .header-item:first-child {
        padding-left: 0
    }
}

.header-center {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header-right {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch
}

@media screen and (min-width: 769px) {
    .header-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 980px) {
    .header-right .header-item:last-child {
        padding-right: 0
    }
}

.header-full {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

.header-full>.header-item {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.header-full>.header-item>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media screen and (max-width: 768px) {
    .header-menu {
        background: white;
        box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
        display: none;
        min-width: 120px;
        position: absolute;
        right: 0;
        top: 50px;
        z-index: 100
    }
    .header-menu .header-item {
        border-top: 1px solid rgba(211, 214, 219, 0.5);
        padding: 10px
    }
    .header-menu.is-active {
        display: block
    }
}

.header.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header.is-centered .header-left,
.header.is-centered .header-center,
.header.is-centered .header-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header.is-small {
    background: #f5f7fa;
    box-shadow: none;
    height: 40px;
    z-index: 1
}

.header.is-small .container {
    height: 40px
}

.header.is-small .header-tab {
    font-size: 13px;
    height: 40px;
    padding: 8px 10px
}

.header.is-small .header-tab:hover,
.header.is-small .header-tab.is-active {
    border-bottom-width: 2px
}

.hero-video {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden
}

.hero-video.is-transparent {
    opacity: 0.3
}

.hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

@media screen and (max-width: 768px) {
    .hero-video {
        display: none
    }
}

.hero-content {
    padding: 40px 20px
}

@media screen and (min-width: 980px) {
    .hero-content {
        padding: 40px 0
    }
}

.hero-buttons {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .hero-buttons .button {
        display: block
    }
    .hero-buttons .button:not(:last-child) {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 769px) {
    .hero-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .hero-buttons .button:not(:last-child) {
        margin-right: 20px
    }
}

.hero {
    background: white;
    text-align: center
}

.hero .header {
    background: none;
    box-shadow: none
}

.hero .tabs a {
    border: none
}

.hero .tabs ul {
    border-bottom: none
}

.hero .tabs.is-boxed a {
    padding: 8px 15px
}

.hero.is-alt {
    background: #f5f7fa;
    color: #aeb1b5
}

.hero.is-dark {
    background: #222324;
    color: white
}

.hero.is-dark .title {
    color: white
}

.hero.is-dark .title a,
.hero.is-dark .title strong {
    color: inherit
}

.hero.is-dark .subtitle {
    color: rgba(255, 255, 255, 0.7)
}

.hero.is-dark .subtitle strong {
    color: white
}

.hero.is-dark .header .container {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}

.hero.is-dark .header-icon,
.hero.is-dark .header-item>a:not(.button) {
    color: white;
    opacity: 0.5
}

.hero.is-dark .header-icon:hover,
.hero.is-dark .header-icon.is-active,
.hero.is-dark .header-item>a:not(.button):hover,
.hero.is-dark .header-item>a:not(.button).is-active {
    opacity: 1
}

.hero.is-dark .tabs a {
    color: white;
    opacity: 0.5
}

.hero.is-dark .tabs a:hover {
    opacity: 1
}

.hero.is-dark .tabs li.is-active a {
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
    color: white
}

.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background: white;
    color: #222324
}

.hero.is-dark.is-bold {
    background-image: -webkit-linear-gradient(309deg, #080a0b 0%, #222324 71%, #2c2e34 100%);
    background-image: linear-gradient(141deg, #080a0b 0%, #222324 71%, #2c2e34 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-dark .header-toggle span {
        background: white
    }
    .hero.is-dark .header-toggle:hover {
        background: rgba(0, 0, 0, 0.1)
    }
    .hero.is-dark .header-toggle.is-active span {
        background: white
    }
    .hero.is-dark .header-menu {
        background: #222324
    }
    .hero.is-dark .header-menu .header-item {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
}

.hero.is-primary {
    background: #1fc8db;
    color: white
}

.hero.is-primary .title {
    color: white
}

.hero.is-primary .title a,
.hero.is-primary .title strong {
    color: inherit
}

.hero.is-primary .subtitle {
    color: rgba(255, 255, 255, 0.7)
}

.hero.is-primary .subtitle strong {
    color: white
}

.hero.is-primary .header .container {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}

.hero.is-primary .header-icon,
.hero.is-primary .header-item>a:not(.button) {
    color: white;
    opacity: 0.5
}

.hero.is-primary .header-icon:hover,
.hero.is-primary .header-icon.is-active,
.hero.is-primary .header-item>a:not(.button):hover,
.hero.is-primary .header-item>a:not(.button).is-active {
    opacity: 1
}

.hero.is-primary .tabs a {
    color: white;
    opacity: 0.5
}

.hero.is-primary .tabs a:hover {
    opacity: 1
}

.hero.is-primary .tabs li.is-active a {
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
    color: white
}

.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background: white;
    color: #1fc8db
}

.hero.is-primary.is-bold {
    background-image: -webkit-linear-gradient(309deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%);
    background-image: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-primary .header-toggle span {
        background: white
    }
    .hero.is-primary .header-toggle:hover {
        background: rgba(0, 0, 0, 0.1)
    }
    .hero.is-primary .header-toggle.is-active span {
        background: white
    }
    .hero.is-primary .header-menu {
        background: #1fc8db
    }
    .hero.is-primary .header-menu .header-item {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
}

.hero.is-info {
    background: #42afe3;
    color: white
}

.hero.is-info .title {
    color: white
}

.hero.is-info .title a,
.hero.is-info .title strong {
    color: inherit
}

.hero.is-info .subtitle {
    color: rgba(255, 255, 255, 0.7)
}

.hero.is-info .subtitle strong {
    color: white
}

.hero.is-info .header .container {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}

.hero.is-info .header-icon,
.hero.is-info .header-item>a:not(.button) {
    color: white;
    opacity: 0.5
}

.hero.is-info .header-icon:hover,
.hero.is-info .header-icon.is-active,
.hero.is-info .header-item>a:not(.button):hover,
.hero.is-info .header-item>a:not(.button).is-active {
    opacity: 1
}

.hero.is-info .tabs a {
    color: white;
    opacity: 0.5
}

.hero.is-info .tabs a:hover {
    opacity: 1
}

.hero.is-info .tabs li.is-active a {
    opacity: 1
}

.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
    color: white
}

.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
    background: white;
    color: #42afe3
}

.hero.is-info.is-bold {
    background-image: -webkit-linear-gradient(309deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%);
    background-image: linear-gradient(141deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-info .header-toggle span {
        background: white
    }
    .hero.is-info .header-toggle:hover {
        background: rgba(0, 0, 0, 0.1)
    }
    .hero.is-info .header-toggle.is-active span {
        background: white
    }
    .hero.is-info .header-menu {
        background: #42afe3
    }
    .hero.is-info .header-menu .header-item {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
}

.hero.is-success {
    background: #97cd76;
    color: white
}

.hero.is-success .title {
    color: white
}

.hero.is-success .title a,
.hero.is-success .title strong {
    color: inherit
}

.hero.is-success .subtitle {
    color: rgba(255, 255, 255, 0.7)
}

.hero.is-success .subtitle strong {
    color: white
}

.hero.is-success .header .container {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}

.hero.is-success .header-icon,
.hero.is-success .header-item>a:not(.button) {
    color: white;
    opacity: 0.5
}

.hero.is-success .header-icon:hover,
.hero.is-success .header-icon.is-active,
.hero.is-success .header-item>a:not(.button):hover,
.hero.is-success .header-item>a:not(.button).is-active {
    opacity: 1
}

.hero.is-success .tabs a {
    color: white;
    opacity: 0.5
}

.hero.is-success .tabs a:hover {
    opacity: 1
}

.hero.is-success .tabs li.is-active a {
    opacity: 1
}

.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
    color: white
}

.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
    background: white;
    color: #97cd76
}

.hero.is-success.is-bold {
    background-image: -webkit-linear-gradient(309deg, #8ecb45 0%, #97cd76 71%, #96d885 100%);
    background-image: linear-gradient(141deg, #8ecb45 0%, #97cd76 71%, #96d885 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-success .header-toggle span {
        background: white
    }
    .hero.is-success .header-toggle:hover {
        background: rgba(0, 0, 0, 0.1)
    }
    .hero.is-success .header-toggle.is-active span {
        background: white
    }
    .hero.is-success .header-menu {
        background: #97cd76
    }
    .hero.is-success .header-menu .header-item {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
}

.hero.is-warning {
    background: #fce473;
    color: rgba(0, 0, 0, 0.5)
}

.hero.is-warning .title {
    color: rgba(0, 0, 0, 0.5)
}

.hero.is-warning .title a,
.hero.is-warning .title strong {
    color: inherit
}

.hero.is-warning .subtitle {
    color: rgba(0, 0, 0, 0.7)
}

.hero.is-warning .subtitle strong {
    color: rgba(0, 0, 0, 0.5)
}

.hero.is-warning .header .container {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}

.hero.is-warning .header-icon,
.hero.is-warning .header-item>a:not(.button) {
    color: rgba(0, 0, 0, 0.5);
    opacity: 0.5
}

.hero.is-warning .header-icon:hover,
.hero.is-warning .header-icon.is-active,
.hero.is-warning .header-item>a:not(.button):hover,
.hero.is-warning .header-item>a:not(.button).is-active {
    opacity: 1
}

.hero.is-warning .tabs a {
    color: rgba(0, 0, 0, 0.5);
    opacity: 0.5
}

.hero.is-warning .tabs a:hover {
    opacity: 1
}

.hero.is-warning .tabs li.is-active a {
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
    color: rgba(0, 0, 0, 0.5)
}

.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background: rgba(0, 0, 0, 0.5);
    color: #fce473
}

.hero.is-warning.is-bold {
    background-image: -webkit-linear-gradient(309deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%);
    background-image: linear-gradient(141deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-warning .header-toggle span {
        background: rgba(0, 0, 0, 0.5)
    }
    .hero.is-warning .header-toggle:hover {
        background: rgba(0, 0, 0, 0.1)
    }
    .hero.is-warning .header-toggle.is-active span {
        background: rgba(0, 0, 0, 0.5)
    }
    .hero.is-warning .header-menu {
        background: #fce473
    }
    .hero.is-warning .header-menu .header-item {
        border-top-color: rgba(0, 0, 0, 0.2)
    }
}

.hero.is-danger {
    background: #ed6c63;
    color: white
}

.hero.is-danger .title {
    color: white
}

.hero.is-danger .title a,
.hero.is-danger .title strong {
    color: inherit
}

.hero.is-danger .subtitle {
    color: rgba(255, 255, 255, 0.7)
}

.hero.is-danger .subtitle strong {
    color: white
}

.hero.is-danger .header .container {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}

.hero.is-danger .header-icon,
.hero.is-danger .header-item>a:not(.button) {
    color: white;
    opacity: 0.5
}

.hero.is-danger .header-icon:hover,
.hero.is-danger .header-icon.is-active,
.hero.is-danger .header-item>a:not(.button):hover,
.hero.is-danger .header-item>a:not(.button).is-active {
    opacity: 1
}

.hero.is-danger .tabs a {
    color: white;
    opacity: 0.5
}

.hero.is-danger .tabs a:hover {
    opacity: 1
}

.hero.is-danger .tabs li.is-active a {
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
    color: white
}

.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background: white;
    color: #ed6c63
}

.hero.is-danger.is-bold {
    background-image: -webkit-linear-gradient(309deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%);
    background-image: linear-gradient(141deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-danger .header-toggle span {
        background: white
    }
    .hero.is-danger .header-toggle:hover {
        background: rgba(0, 0, 0, 0.1)
    }
    .hero.is-danger .header-toggle.is-active span {
        background: white
    }
    .hero.is-danger .header-menu {
        background: #ed6c63
    }
    .hero.is-danger .header-menu .header-item {
        border-top-color: rgba(255, 255, 255, 0.2)
    }
}

@media screen and (min-width: 769px) {
    .hero.is-fullheight .tabs,
    .hero.is-large .tabs {
        font-size: 18px
    }
}

@media screen and (min-width: 769px) {
    .hero.is-medium .hero-content {
        padding: 70px 20px
    }
}

@media screen and (min-width: 980px) {
    .hero.is-medium .hero-content {
        padding: 70px 0
    }
}

.hero.is-large .tabs a {
    padding: 10px 15px
}

@media screen and (min-width: 769px) {
    .hero.is-large .hero-content {
        padding: 240px 20px
    }
}

@media screen and (min-width: 980px) {
    .hero.is-large .hero-content {
        padding: 240px 0
    }
}

.hero.is-fullheight {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh
}

.hero.is-fullheight .tabs a {
    padding: 15px 20px
}

.hero.is-fullheight .hero-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero.is-left {
    text-align: left
}

.hero.is-right {
    text-align: right
}

.tabs ul {
    margin-bottom: 0
}

.table {
    border-collapse: collapse;
    border-spacing: 0
}

.table th {
    font-weight: bold;
    vertical-align: bottom
}

.table td {
    font-weight: normal;
    vertical-align: top
}

.table {
    width: 100%
}

.table th,
.table td {
    text-align: left;
    vertical-align: top
}

.table th {
    color: #222324
}

.table {
    background: white;
    color: #222324;
    margin-bottom: 20px;
    width: 100%
}

.table th,
.table td {
    border: 1px solid #eee;
    border-width: 0 0 1px;
    padding: 8px 10px;
    vertical-align: top
}

.table th.table-narrow,
.table td.table-narrow {
    white-space: nowrap;
    width: 1%
}

.table th.table-link,
.table td.table-link {
    padding: 0
}

.table th.table-link>a,
.table td.table-link>a {
    display: block;
    padding: 8px 10px
}

.table th.table-link>a:hover,
.table td.table-link>a:hover {
    background: #1fc8db;
    color: white
}

.table th.table-icon,
.table td.table-icon {
    padding: 5px;
    text-align: center;
    white-space: nowrap;
    width: 1%
}

.table th.table-icon .fa,
.table td.table-icon .fa {
    display: inline-block;
    font-size: 21px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    width: 24px
}

.table th.table-icon.table-link,
.table td.table-icon.table-link {
    padding: 0
}

.table th.table-icon.table-link>a,
.table td.table-icon.table-link>a {
    padding: 5px
}

.table th {
    color: #222324;
    text-align: left
}

.table tr:hover {
    background: rgba(245, 247, 250, 0.5);
    color: #222324
}

.table tr:last-child td {
    border-bottom-width: 0
}

.table thead th,
.table thead td {
    border-width: 0 0 1px;
    color: #aeb1b5
}

.table tfoot th,
.table tfoot td {
    border-width: 1px 0 0;
    color: #aeb1b5
}

.table.is-bordered th,
.table.is-bordered td {
    border-width: 1px
}

.table.is-bordered tr:last-child td {
    border-bottom-width: 1px
}

.table.is-narrow th,
.table.is-narrow td {
    padding: 5px 10px
}

.table.is-narrow th.table-link,
.table.is-narrow td.table-link {
    padding: 0
}

.table.is-narrow th.table-link>a,
.table.is-narrow td.table-link>a {
    padding: 5px 10px
}

.table.is-narrow th.table-icon,
.table.is-narrow td.table-icon {
    padding: 2px
}

.table.is-narrow th.table-icon.table-link,
.table.is-narrow td.table-icon.table-link {
    padding: 0
}

.table.is-narrow th.table-icon.table-link>a,
.table.is-narrow td.table-icon.table-link>a {
    padding: 2px
}

.table.is-striped tbody tr:nth-child(2n) {
    background: rgba(245, 247, 250, 0.5)
}

.table.is-striped tbody tr:nth-child(2n):hover {
    background: #f5f7fa
}

.navbar:not(:last-child) {
    margin-bottom: 20px
}

.navbar-item .title,
.navbar-item .subtitle {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .navbar-item:not(: last-child) {
        margin-bottom: 10px
    }
}

.navbar code {
    border-radius: 3px
}

.navbar img {
    display: inline-block;
    vertical-align: top
}

.navbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar>.navbar-item:not(.is-narrow) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.navbar-left .navbar-item.is-flexible,
.navbar-right .navbar-item.is-flexible {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.navbar-left .navbar-item:not(:last-child),
.navbar-right .navbar-item:not(:last-child) {
    margin-right: 10px
}

.environment_footer p {
    color: #888888 !important;
    font-size: 16px !important
}

.block_container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.block_container::after {
    clear: both;
    content: "";
    display: table
}

.block_row {
    display: block
}

.block_row::after {
    clear: both;
    content: "";
    display: table
}

.block_12 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.block_12:last-child {
    margin-right: 0
}

.block_11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 91.4702%
}

.block_11:last-child {
    margin-right: 0
}

.block_10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
}

.block_10:last-child {
    margin-right: 0
}

.block_9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%
}

.block_9:last-child {
    margin-right: 0
}

.block_8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
}

.block_8:last-child {
    margin-right: 0
}

.block_7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.block_7:last-child {
    margin-right: 0
}

.block_6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.block_6:last-child {
    margin-right: 0
}

@media screen and (max-width: 850px) {
    .block_6 {
        float: none;
        width: 95%;
        display: block
    }
}

.block_5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
}

.block_5:last-child {
    margin-right: 0
}

.block_4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.block_4:last-child {
    margin-right: 0
}

.block_3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.block_3:last-child {
    margin-right: 0
}

.block_2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}

.block_2:last-child {
    margin-right: 0
}

.block_1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%
}

.block_1:last-child {
    margin-right: 0
}

@media screen and (max-width: 850px) {
    .block_1 {
        float: none;
        display: block;
        width: 95%
    }
}

.shift_2 {
    margin-left: 17.05961%
}

.shift_1 {
    margin-left: 8.5298%
}

.shift_3 {
    margin-left: 25.58941%
}

.shift_4 {
    margin-left: 34.11922%
}

.level_row {
    width: 100%
}

.level_row img {
    max-width: 100%
}

.level_column {
    float: left
}

.two_thirds {
    width: 58.333333333333336%
}

.one_third {
    margin-left: 8.333333333333332%;
    width: 33.33333333333333%
}

.one_half {
    width: 42%;
    margin-left: 3%
}

.dark_header {
    color: #eee;
    background-color: #3c3d41
}

.logged_in_upper_nav {
    padding: 15px 15px 15px 15px
}

.logged_in_upper_nav li {
    margin: 0 15px
}

.logged_in_upper_nav a {
    color: #999
}

.user-buttons li {
    margin: 0 5px
}

.top_nav {
    position: relative;
    padding-top: 1.6rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-bottom: 2rem
}

.top_nav img {
    display: inline-block
}

.top_nav ul,
.top_nav li {
    display: inline-block;
    vertical-align: middle
}

.top_nav ul {
    margin-bottom: 0
}

.top_nav a {
    text-decoration: none;
    color: #111
}

.second_nav {
    padding-top: 20px
}

.second_nav ul {
    margin-bottom: 10px
}

.top_nav a {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 15px;
    text-decoration: none;
    letter-spacing: .16rem;
    text-transform: uppercase;
    color: #999
}

.second_nav a {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 20px;
    text-decoration: none;
    letter-spacing: .16rem;
    text-transform: uppercase;
    color: #777
}

.bg-gradient-tint {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 5%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 5%, rgba(0, 0, 0, 0.85) 100%)
}

.page_wrapper {
    margin: 0 auto;
    width: 980px;
    position: relative;
    height: 100%;
    padding-top: 60px
}

.page_wrapper_no_padding {
    margin: 0 auto;
    width: 980px;
    position: relative;
    height: 100%
}

.mobile_page_wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px
}

.mobile_page_wrapper li {
    list-style-type: none
}

.home_mobile_page_wrapper {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 20px
}

.home_mobile_page_wrapper li {
    list-style-type: none
}

.blog_page_wrapper {
    margin: 0 auto;
    width: 940px;
    position: relative;
    height: 100%
}

.wall {
    position: relative
}

.campaign_wall {
    padding-top: 40px
}

.zen_wall {
    padding-top: 40px;
    height: auto;
    padding-bottom: 30px
}

.zen_new_wall {
    padding-top: 20px;
    position: relative;
    height: 100%;
    padding-bottom: 80px
}

.container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px
}

.container::after {
    clear: both;
    content: "";
    display: table
}

.members_container {
    padding: 0 30px;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 1100px
}

.top-container-spacing {
    padding-top: 70px
}

.bottom-container-spacing {
    padding-bottom: 80px
}

.m-bottom-large {
    margin-bottom: 80px
}

.m-bottom-medium {
    margin-bottom: 40px
}

.m-bottom-small {
    margin-bottom: 20px
}

.section_top_padding {
    padding-top: 60px
}

.no_top_spacing {
    margin-top: 0;
    padding-top: 0
}

.no_bottom_spacing {
    margin-bottom: 0;
    padding-bottom: 0
}

.text_width {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

.m-top-5 {
    margin-top: 5px
}

.m-top-10 {
    margin-top: 10px
}

.m-top-15 {
    margin-top: 15px
}

.m-top-20 {
    margin-top: 20px
}

.m-top-25 {
    margin-top: 25px
}

.m-top-30 {
    margin-top: 30px
}

.m-top-35 {
    margin-top: 35px
}

.m-top-40 {
    margin-top: 40px
}

.m-top-45 {
    margin-top: 45px
}

.m-top-50 {
    margin-top: 50px
}

.m-top-55 {
    margin-top: 55px
}

.m-top-60 {
    margin-top: 60px
}

.m-top-65 {
    margin-top: 65px
}

.m-top-70 {
    margin-top: 70px
}

.m-top-75 {
    margin-top: 75px
}

.m-top-80 {
    margin-top: 80px
}

.m-top-85 {
    margin-top: 85px
}

.m-top-90 {
    margin-top: 90px
}

.m-top-95 {
    margin-top: 95px
}

.m-top-100 {
    margin-top: 100px
}

.m-top-105 {
    margin-top: 105px
}

.m-top-110 {
    margin-top: 110px
}

.m-top-115 {
    margin-top: 115px
}

.m-top-120 {
    margin-top: 120px
}

.m-top-125 {
    margin-top: 125px
}

.m-top-130 {
    margin-top: 130px
}

.m-top-135 {
    margin-top: 135px
}

.m-top-140 {
    margin-top: 140px
}

.m-top-145 {
    margin-top: 145px
}

.m-top-150 {
    margin-top: 150px
}

.m-bottom-5 {
    margin-bottom: 5px
}

.m-bottom-10 {
    margin-bottom: 10px
}

.m-bottom-15 {
    margin-bottom: 15px
}

.m-bottom-20 {
    margin-bottom: 20px
}

.m-bottom-25 {
    margin-bottom: 25px
}

.m-bottom-30 {
    margin-bottom: 30px
}

.m-bottom-35 {
    margin-bottom: 35px
}

.m-bottom-40 {
    margin-bottom: 40px
}

.m-bottom-45 {
    margin-bottom: 45px
}

.m-bottom-50 {
    margin-bottom: 50px
}

.m-bottom-55 {
    margin-bottom: 55px
}

.m-bottom-60 {
    margin-bottom: 60px
}

.m-bottom-65 {
    margin-bottom: 65px
}

.m-bottom-70 {
    margin-bottom: 70px
}

.m-bottom-75 {
    margin-bottom: 75px
}

.m-bottom-80 {
    margin-bottom: 80px
}

.m-bottom-85 {
    margin-bottom: 85px
}

.m-bottom-90 {
    margin-bottom: 90px
}

.m-bottom-95 {
    margin-bottom: 95px
}

.m-bottom-100 {
    margin-bottom: 100px
}

.m-bottom-105 {
    margin-bottom: 105px
}

.m-bottom-110 {
    margin-bottom: 110px
}

.m-bottom-115 {
    margin-bottom: 115px
}

.m-bottom-120 {
    margin-bottom: 120px
}

.m-bottom-125 {
    margin-bottom: 125px
}

.m-bottom-130 {
    margin-bottom: 130px
}

.m-bottom-135 {
    margin-bottom: 135px
}

.m-bottom-140 {
    margin-bottom: 140px
}

.m-bottom-145 {
    margin-bottom: 145px
}

.m-bottom-150 {
    margin-bottom: 150px
}

.p-top-5 {
    padding-top: 5px
}

.p-top-10 {
    padding-top: 10px
}

.p-top-15 {
    padding-top: 15px
}

.p-top-20 {
    padding-top: 20px
}

.p-top-25 {
    padding-top: 25px
}

.p-top-30 {
    padding-top: 30px
}

.p-top-35 {
    padding-top: 35px
}

.p-top-40 {
    padding-top: 40px
}

.p-top-45 {
    padding-top: 45px
}

.p-top-50 {
    padding-top: 50px
}

.p-top-55 {
    padding-top: 55px
}

.p-top-60 {
    padding-top: 60px
}

.p-top-65 {
    padding-top: 65px
}

.p-top-70 {
    padding-top: 70px
}

.p-top-75 {
    padding-top: 75px
}

.p-top-80 {
    padding-top: 80px
}

.p-top-85 {
    padding-top: 85px
}

.p-top-90 {
    padding-top: 90px
}

.p-top-95 {
    padding-top: 95px
}

.p-top-100 {
    padding-top: 100px
}

.p-top-105 {
    padding-top: 105px
}

.p-top-110 {
    padding-top: 110px
}

.p-top-115 {
    padding-top: 115px
}

.p-top-120 {
    padding-top: 120px
}

.p-top-125 {
    padding-top: 125px
}

.p-top-130 {
    padding-top: 130px
}

.p-top-135 {
    padding-top: 135px
}

.p-top-140 {
    padding-top: 140px
}

.p-top-145 {
    padding-top: 145px
}

.p-top-150 {
    padding-top: 150px
}

.p-bottom-5 {
    padding-bottom: 5px
}

.p-bottom-10 {
    padding-bottom: 10px
}

.p-bottom-15 {
    padding-bottom: 15px
}

.p-bottom-20 {
    padding-bottom: 20px
}

.p-bottom-25 {
    padding-bottom: 25px
}

.p-bottom-30 {
    padding-bottom: 30px
}

.p-bottom-35 {
    padding-bottom: 35px
}

.p-bottom-40 {
    padding-bottom: 40px
}

.p-bottom-45 {
    padding-bottom: 45px
}

.p-bottom-50 {
    padding-bottom: 50px
}

.p-bottom-55 {
    padding-bottom: 55px
}

.p-bottom-60 {
    padding-bottom: 60px
}

.p-bottom-65 {
    padding-bottom: 65px
}

.p-bottom-70 {
    padding-bottom: 70px
}

.p-bottom-75 {
    padding-bottom: 75px
}

.p-bottom-80 {
    padding-bottom: 80px
}

.p-bottom-85 {
    padding-bottom: 85px
}

.p-bottom-90 {
    padding-bottom: 90px
}

.p-bottom-95 {
    padding-bottom: 95px
}

.p-bottom-100 {
    padding-bottom: 100px
}

.p-bottom-105 {
    padding-bottom: 105px
}

.p-bottom-110 {
    padding-bottom: 110px
}

.p-bottom-115 {
    padding-bottom: 115px
}

.p-bottom-120 {
    padding-bottom: 120px
}

.p-bottom-125 {
    padding-bottom: 125px
}

.p-bottom-130 {
    padding-bottom: 130px
}

.p-bottom-135 {
    padding-bottom: 135px
}

.p-bottom-140 {
    padding-bottom: 140px
}

.p-bottom-145 {
    padding-bottom: 145px
}

.p-bottom-150 {
    padding-bottom: 150px
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 1px 1px;
    padding: 0;
    box-sizing: border-box;
    min-width: 0
}

.row--gutters {
    margin: -20px 0 20px -30px
}

.row--gutters>.col {
    padding: 10px 30px
}

.row .row,
.row--nested {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: -0.5em
}

.row--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row--align-items-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row--align-items-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row--align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col--center {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.col--vertical-align-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.col--vertical-align-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.col--vertical-align-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.col-span-1 {
    -ms-flex-preferred-size: 8.3333%;
    flex-basis: 8.3333%
}

.col-span-2 {
    -ms-flex-preferred-size: 16.6666%;
    flex-basis: 16.6666%
}

.col-span-3 {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%
}

.col-span-4 {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%
}

.col-span-5 {
    -ms-flex-preferred-size: 41.6666%;
    flex-basis: 41.6666%
}

.col-span-6 {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%
}

.col-span-7 {
    -ms-flex-preferred-size: 58.3333%;
    flex-basis: 58.3333%
}

.col-span-8 {
    -ms-flex-preferred-size: 66.6666%;
    flex-basis: 66.6666%
}

.col-span-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
}

.col-span-10 {
    -ms-flex-preferred-size: 83.3333%;
    flex-basis: 83.3333%
}

.col-span-11 {
    -ms-flex-preferred-size: 91.6666%;
    flex-basis: 91.6666%
}

.col-span-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.col--fixed-width {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 500px;
    flex: 0 0 500px;
    background-color: rgba(255, 0, 0, 0.1) !important
}

@media all and (max-width: 568px) {
    .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .col-span-1,
    .col-span-2,
    .col-span-3,
    .col-span-4,
    .col-span-5 {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%
    }
    .col-span-6,
    .col-span-7,
    .col-span-8,
    .col-span-9,
    .col-span-10,
    .col-span-11 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .row--nested .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.flex_page_wrapper {
    box-sizing: border-box;
    width: 85%;
    max-width: 980px;
    margin: 0 auto
}

.flex_main_column {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    margin: 0 0 1px 1px;
    padding: 0;
    box-sizing: border-box
}

.flex_minor_column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 1px 1px;
    padding: 0;
    box-sizing: border-box
}

.row--small_gutters {
    margin: -2px 0px 2px -4px
}

.flex_col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 75px;
    flex-basis: 75px
}

.row--small_gutters>.flex_col {
    padding: 2px 4px
}

.row--small_gutters>.col {
    padding: 2px 4px
}

.row--medium_gutters {
    margin: -10px 0 10px -20px
}

.row--medium_gutters>.col {
    padding: 5px 20px
}

.flex_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: -60px
}

.flex_container_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flex_vertical_align_middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex_container_space_around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.flex_item {
    margin-left: 60px;
    padding-top: 30px;
    padding-bottom: 60px
}

.flex_item h2 {
    margin-top: 0
}

.yc_flex_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.yc_flex_item img {
    width: 100%
}

.yc_flex_item_1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 280px;
    flex-basis: 280px;
    border: 1px solid #fff;
    padding: 15px;
    max-width: 400px
}

.yc_flex_item_1:hover {
    border: 1px solid #eee
}

.flex_item_1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 2;
    flex-shrink: 2;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px
}

.flex_item_2 {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px
}

.flex_item_3 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 2;
    flex-shrink: 2;
    -ms-flex-preferred-size: 98%;
    flex-basis: 98%
}

.flex_item_4 {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    -ms-flex-negative: 2;
    flex-shrink: 2;
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px
}

.flex_item_5 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 4;
    flex-shrink: 4;
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px
}

@font-face {
    font-family: "linea-arrows-10";
    src: url(linea-arrows-10-aa8e1eb60b7087dfcfd7deae68aff3611f810fb7aa451cc580bbdd170875e962.eot);
    src: url(linea-arrows-10-aa8e1eb60b7087dfcfd7deae68aff3611f810fb7aa451cc580bbdd170875e962d41d.eot?#iefix) format("embedded-opentype"), url(linea-arrows-10-6afa35b78426b95a66db9b63f809862d72b6533b2a0a6a6dfba706e354ba823e.woff) format("woff"), url(linea-arrows-10-bf63aba41a0b2ef0a5c0aea64ec9d16284c3655447b1bfed2a3c5b6eae795286.ttf) format("truetype"), url(linea-arrows-10-3022aeacbfb8f5fdb7ffd49fc2cfa47ea950fc8f6afc3a7fcea0784fb89ed173.svg#linea-arrows-10) format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: "linea-arrows-10" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "linea-arrows-10" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrows-anticlockwise:before {
    content: "\e000"
}

.icon-arrows-anticlockwise-dashed:before {
    content: "\e001"
}

.icon-arrows-button-down:before {
    content: "\e002"
}

.icon-arrows-button-off:before {
    content: "\e003"
}

.icon-arrows-button-on:before {
    content: "\e004"
}

.icon-arrows-button-up:before {
    content: "\e005"
}

.icon-arrows-check:before {
    content: "\e006"
}

.icon-arrows-circle-check:before {
    content: "\e007"
}

.icon-arrows-circle-down:before {
    content: "\e008"
}

.icon-arrows-circle-downleft:before {
    content: "\e009"
}

.icon-arrows-circle-downright:before {
    content: "\e00a"
}

.icon-arrows-circle-left:before {
    content: "\e00b"
}

.icon-arrows-circle-minus:before {
    content: "\e00c"
}

.icon-arrows-circle-plus:before {
    content: "\e00d"
}

.icon-arrows-circle-remove:before {
    content: "\e00e"
}

.icon-arrows-circle-right:before {
    content: "\e00f"
}

.icon-arrows-circle-up:before {
    content: "\e010"
}

.icon-arrows-circle-upleft:before {
    content: "\e011"
}

.icon-arrows-circle-upright:before {
    content: "\e012"
}

.icon-arrows-clockwise:before {
    content: "\e013"
}

.icon-arrows-clockwise-dashed:before {
    content: "\e014"
}

.icon-arrows-compress:before {
    content: "\e015"
}

.icon-arrows-deny:before {
    content: "\e016"
}

.icon-arrows-diagonal:before {
    content: "\e017"
}

.icon-arrows-diagonal2:before {
    content: "\e018"
}

.icon-arrows-down:before {
    content: "\e019"
}

.icon-arrows-down-double:before {
    content: "\e01a"
}

.icon-arrows-downleft:before {
    content: "\e01b"
}

.icon-arrows-downright:before {
    content: "\e01c"
}

.icon-arrows-drag-down:before {
    content: "\e01d"
}

.icon-arrows-drag-down-dashed:before {
    content: "\e01e"
}

.icon-arrows-drag-horiz:before {
    content: "\e01f"
}

.icon-arrows-drag-left:before {
    content: "\e020"
}

.icon-arrows-drag-left-dashed:before {
    content: "\e021"
}

.icon-arrows-drag-right:before {
    content: "\e022"
}

.icon-arrows-drag-right-dashed:before {
    content: "\e023"
}

.icon-arrows-drag-up:before {
    content: "\e024"
}

.icon-arrows-drag-up-dashed:before {
    content: "\e025"
}

.icon-arrows-drag-vert:before {
    content: "\e026"
}

.icon-arrows-exclamation:before {
    content: "\e027"
}

.icon-arrows-expand:before {
    content: "\e028"
}

.icon-arrows-expand-diagonal1:before {
    content: "\e029"
}

.icon-arrows-expand-horizontal1:before {
    content: "\e02a"
}

.icon-arrows-expand-vertical1:before {
    content: "\e02b"
}

.icon-arrows-fit-horizontal:before {
    content: "\e02c"
}

.icon-arrows-fit-vertical:before {
    content: "\e02d"
}

.icon-arrows-glide:before {
    content: "\e02e"
}

.icon-arrows-glide-horizontal:before {
    content: "\e02f"
}

.icon-arrows-glide-vertical:before {
    content: "\e030"
}

.icon-arrows-hamburger1:before {
    content: "\e031"
}

.icon-arrows-hamburger-2:before {
    content: "\e032"
}

.icon-arrows-horizontal:before {
    content: "\e033"
}

.icon-arrows-info:before {
    content: "\e034"
}

.icon-arrows-keyboard-alt:before {
    content: "\e035"
}

.icon-arrows-keyboard-cmd:before {
    content: "\e036"
}

.icon-arrows-keyboard-delete:before {
    content: "\e037"
}

.icon-arrows-keyboard-down:before {
    content: "\e038"
}

.icon-arrows-keyboard-left:before {
    content: "\e039"
}

.icon-arrows-keyboard-return:before {
    content: "\e03a"
}

.icon-arrows-keyboard-right:before {
    content: "\e03b"
}

.icon-arrows-keyboard-shift:before {
    content: "\e03c"
}

.icon-arrows-keyboard-tab:before {
    content: "\e03d"
}

.icon-arrows-keyboard-up:before {
    content: "\e03e"
}

.icon-arrows-left:before {
    content: "\e03f"
}

.icon-arrows-left-double-32:before {
    content: "\e040"
}

.icon-arrows-minus:before {
    content: "\e041"
}

.icon-arrows-move:before {
    content: "\e042"
}

.icon-arrows-move2:before {
    content: "\e043"
}

.icon-arrows-move-bottom:before {
    content: "\e044"
}

.icon-arrows-move-left:before {
    content: "\e045"
}

.icon-arrows-move-right:before {
    content: "\e046"
}

.icon-arrows-move-top:before {
    content: "\e047"
}

.icon-arrows-plus:before {
    content: "\e048"
}

.icon-arrows-question:before {
    content: "\e049"
}

.icon-arrows-remove:before {
    content: "\e04a"
}

.icon-arrows-right:before {
    content: "\e04b"
}

.icon-arrows-right-double:before {
    content: "\e04c"
}

.icon-arrows-rotate:before {
    content: "\e04d"
}

.icon-arrows-rotate-anti:before {
    content: "\e04e"
}

.icon-arrows-rotate-anti-dashed:before {
    content: "\e04f"
}

.icon-arrows-rotate-dashed:before {
    content: "\e050"
}

.icon-arrows-shrink:before {
    content: "\e051"
}

.icon-arrows-shrink-diagonal1:before {
    content: "\e052"
}

.icon-arrows-shrink-diagonal2:before {
    content: "\e053"
}

.icon-arrows-shrink-horizonal2:before {
    content: "\e054"
}

.icon-arrows-shrink-horizontal1:before {
    content: "\e055"
}

.icon-arrows-shrink-vertical1:before {
    content: "\e056"
}

.icon-arrows-shrink-vertical2:before {
    content: "\e057"
}

.icon-arrows-sign-down:before {
    content: "\e058"
}

.icon-arrows-sign-left:before {
    content: "\e059"
}

.icon-arrows-sign-right:before {
    content: "\e05a"
}

.icon-arrows-sign-up:before {
    content: "\e05b"
}

.icon-arrows-slide-down1:before {
    content: "\e05c"
}

.icon-arrows-slide-down2:before {
    content: "\e05d"
}

.icon-arrows-slide-left1:before {
    content: "\e05e"
}

.icon-arrows-slide-left2:before {
    content: "\e05f"
}

.icon-arrows-slide-right1:before {
    content: "\e060"
}

.icon-arrows-slide-right2:before {
    content: "\e061"
}

.icon-arrows-slide-up1:before {
    content: "\e062"
}

.icon-arrows-slide-up2:before {
    content: "\e063"
}

.icon-arrows-slim-down:before {
    content: "\e064"
}

.icon-arrows-slim-down-dashed:before {
    content: "\e065"
}

.icon-arrows-slim-left:before {
    content: "\e066"
}

.icon-arrows-slim-left-dashed:before {
    content: "\e067"
}

.icon-arrows-slim-right:before {
    content: "\e068"
}

.icon-arrows-slim-right-dashed:before {
    content: "\e069"
}

.icon-arrows-slim-up:before {
    content: "\e06a"
}

.icon-arrows-slim-up-dashed:before {
    content: "\e06b"
}

.icon-arrows-square-check:before {
    content: "\e06c"
}

.icon-arrows-square-down:before {
    content: "\e06d"
}

.icon-arrows-square-downleft:before {
    content: "\e06e"
}

.icon-arrows-square-downright:before {
    content: "\e06f"
}

.icon-arrows-square-left:before {
    content: "\e070"
}

.icon-arrows-square-minus:before {
    content: "\e071"
}

.icon-arrows-square-plus:before {
    content: "\e072"
}

.icon-arrows-square-remove:before {
    content: "\e073"
}

.icon-arrows-square-right:before {
    content: "\e074"
}

.icon-arrows-square-up:before {
    content: "\e075"
}

.icon-arrows-square-upleft:before {
    content: "\e076"
}

.icon-arrows-square-upright:before {
    content: "\e077"
}

.icon-arrows-squares:before {
    content: "\e078"
}

.icon-arrows-stretch-diagonal1:before {
    content: "\e079"
}

.icon-arrows-stretch-diagonal2:before {
    content: "\e07a"
}

.icon-arrows-stretch-diagonal3:before {
    content: "\e07b"
}

.icon-arrows-stretch-diagonal4:before {
    content: "\e07c"
}

.icon-arrows-stretch-horizontal1:before {
    content: "\e07d"
}

.icon-arrows-stretch-horizontal2:before {
    content: "\e07e"
}

.icon-arrows-stretch-vertical1:before {
    content: "\e07f"
}

.icon-arrows-stretch-vertical2:before {
    content: "\e080"
}

.icon-arrows-switch-horizontal:before {
    content: "\e081"
}

.icon-arrows-switch-vertical:before {
    content: "\e082"
}

.icon-arrows-up:before {
    content: "\e083"
}

.icon-arrows-up-double-33:before {
    content: "\e084"
}

.icon-arrows-upleft:before {
    content: "\e085"
}

.icon-arrows-upright:before {
    content: "\e086"
}

.icon-arrows-vertical:before {
    content: "\e087"
}

.nav_drawer_bottom {
    position: fixed;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background: #222;
    width: 100%;
    z-index: 700;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: .25px;
    font-size: 16px
}

.nav_drawer_bottom p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    text-decoration: none;
    font-weight: 300;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.bottom_nav_drawer_close {
    position: absolute;
    right: 15px;
    margin-top: 10px;
    font-size: 22px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #777 !important
}

.bottom_nav_drawer_close:hover {
    color: #5ba4e5 !important
}

.bottom_nav_drawer_wrapper {
    background: #f4f5f9;
    z-index: 700;
    padding: 15px 25px 5px 25px;
    box-shadow: 0 0 3px 0 rgba(43, 52, 62, 0.75)
}

.bottom_drawer_content {
    max-width: 600px;
    margin: 0 auto
}

.signup_drawer_submit {
    text-decoration: none;
    background-color: #5ba4e5;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: .25px;
    font-size: 16px;
    line-height: 38px;
    font-weight: 600;
    height: 38px;
    vertical-align: middle;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: -5px;
    margin-top: -4px;
    padding: 0 15px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.signup_drawer_submit:hover {
    color: #fff;
    background-color: #1e72bc
}

.signup_drawer_email {
    padding: 9px;
    width: 62%;
    max-width: 200px;
    border: 1px solid #5ba4e5;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.signup_drawer_email:focus {
    outline: none
}

.drawer_error_message p {
    color: red !important;
    font-size: 12px !important
}

.max-drawer-text-width p {
    max-width: 450px;
    margin: 10px auto
}

.button--outline-green {
    color: #8ad592 !important;
    border-color: #8ad592
}

.circle-button {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4rem !important;
    line-height: 30px
}

.blue-circle-button {
    background: #5ba4e5;
    color: #fff !important
}

.pink-circle-button {
    background: #ee81ff;
    color: #fff !important
}

.notification-button {
    display: inline-block;
    background: #ee81ff;
    border: 1px solid #ee81ff;
    color: #fff !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4rem !important;
    line-height: 30px
}

.v2-btn {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    color: #555;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #bbb;
    padding: 12px 30px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
    box-sizing: border-box
}

.v2-btn:hover,
.v2-btn:focus {
    border-color: #888;
    color: #333;
    outline: 0;
    text-decoration: none
}

.v2-btn:active {
    top: 2px
}

@media screen and (max-width: 450px) {
    .v2-btn {
        font-size: 12px !important;
        padding: 12px 20px
    }
}

.v2-btn--primary {
    color: #FFF;
    border-color: #5ba4e5;
    background-color: #5ba4e5
}

.v2-btn--primary:hover,
.v2-btn--primary:focus {
    background-color: #2f8cde;
    border-color: #2f8cde;
    color: #FFF
}

.v2-btn--secondary {
    color: #FFF;
    border-color: #222;
    background-color: #222
}

.v2-btn--secondary:hover,
.v2-btn--secondary:focus {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
    color: #FFF
}

.v2-btn--orange {
    color: #FFF;
    border-color: orange;
    background-color: orange
}

.v2-btn--orange:hover,
.v2-btn--orange:focus {
    background-color: #ffb733;
    border-color: #ffb733;
    color: #FFF
}

.v2-btn--white {
    color: #444;
    border-color: #999;
    background-color: #fff
}

.v2-btn--white:hover,
.v2-btn--white:focus {
    background-color: #fafafa;
    border-color: #333;
    color: #222
}

.v2-btn--green {
    color: #fff;
    border-color: #57ad68;
    background-color: #57ad68
}

.v2-btn--green:hover,
.v2-btn--green:focus {
    background-color: #52a863;
    border-color: #52a863;
    color: #fff
}

.v2-btn--light-green {
    color: #fff;
    border: none;
    background-color: #00bd5e
}

.v2-btn--light-green:hover,
.v2-btn--light-green:focus {
    background-color: #00cc66;
    color: #fff
}

.v2-btn--purple {
    color: #fff;
    border-color: #825dc0;
    background-color: #825dc0
}

.v2-btn--purple:hover,
.v2-btn--purple:focus {
    background-color: #7c56bd;
    border-color: #7c56bd;
    color: #fff
}

.v2-btn--circular {
    border-radius: 30px
}

.is-loading:after {
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    position: absolute !important;
    -webkit-animation: spin-around 500ms infinite linear;
    animation: spin-around 500ms infinite linear;
    border: 2px solid #fafafa;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 14px;
    position: relative;
    width: 14px
}

@-webkit-keyframes spin-around {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin-around {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.huge_square_btn {
    display: block;
    padding: 22px;
    width: 285px;
    text-align: center;
    font-size: 16px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    outline: none;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12)
}

@media screen and (max-width: 860px) {
    .huge_square_btn {
        width: 255px
    }
}

.huge_square_btn--blue {
    color: #fff !important;
    background: #4598e2;
    border: 1px solid #3890df;
    box-shadow: 0 3px 0 #1f77c5
}

.huge_square_btn--blue:hover {
    background-color: #217fd2;
    border: 1px solid #217fd2;
    color: #fff
}

.huge_square_btn--green {
    width: 255px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff !important;
    font-weight: 600;
    background: #57ad68;
    border: 1px solid #489357;
    box-shadow: 0 3px 0 #377143
}

.huge_square_btn--green:hover {
    background-color: #3c7b49;
    border: 1px solid #3c7b49;
    color: #fff
}

.huge_square_btn--purple {
    color: #fff !important;
    background: #825dc0
}

.huge_square_btn--purple:hover {
    background-color: #5d3a96;
    color: #fff
}

.small_square_btn {
    display: inline-block;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 22px !important;
    letter-spacing: .04rem !important;
    padding: 5px 15px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    border: none;
    margin-bottom: 2px
}

.small_square_btn--purple {
    color: #fff !important;
    background-color: #825dc0;
    border: 1px solid #744bb9;
    box-shadow: 0 3px 0 #191028
}

.small_square_btn--purple:hover {
    background-color: #5d3a96;
    border: 1px solid #5d3a96;
    color: #fff
}

.small_square_btn--grey {
    color: #555;
    background-color: #f7f7f7;
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 0 #d4d4d4
}

.small_square_btn--grey:hover {
    background-color: #e6e6e6;
    border: 1px solid #e1e1e1;
    color: #222
}

.blue_finalize_frame_btn {
    display: block;
    color: #fff !important;
    padding: 22px;
    width: 285px;
    background: #4598e2;
    text-align: center;
    font-size: 16px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    border-radius: 2px;
    border: none;
    outline: none;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.blue_finalize_frame_btn:hover {
    background-color: #217fd2;
    color: #fff
}

@media screen and (max-width: 860px) {
    .blue_finalize_frame_btn {
        width: 255px
    }
}

.green_huge_btn--regular {
    display: block;
    color: #fff !important;
    padding: 22px;
    width: 285px;
    background: #61b271;
    text-align: center;
    font-size: 16px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    border-radius: 2px;
    margin-bottom: 4px
}

.green_huge_btn--regular:hover {
    background-color: #3c7b49;
    color: #fff
}

@media screen and (max-width: 860px) {
    .green_huge_btn--regular {
        width: 100%
    }
}

.green_huge_btn {
    display: block;
    color: #fff !important;
    padding: 22px;
    min-width: 49%;
    background: #61b271;
    text-align: center;
    font-size: 16px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    border-radius: 2px;
    margin-bottom: 4px
}

.green_huge_btn:hover {
    background-color: #3c7b49;
    color: #fff
}

@media screen and (max-width: 860px) {
    .green_huge_btn {
        width: 100%
    }
}

.blue_huge_btn {
    display: block;
    color: #fff;
    padding: 22px;
    width: 49%;
    background: #4598e2;
    text-align: center;
    font-size: 16px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    border-radius: 2px;
    margin-bottom: 4px
}

.blue_huge_btn:hover {
    background-color: #217fd2;
    color: #fff
}

@media screen and (max-width: 860px) {
    .blue_huge_btn {
        width: 100%
    }
}

.hatch_checkout_nav_5fb6c6 .nav {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .16rem;
    text-transform: uppercase
}

.hatch_checkout_nav_5fb6c6 .nav li {
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px
}

.hatch_checkout_nav_5fb6c6 .nav a {
    text-decoration: none
}

@media (max-width: 750px) {
    .hatch_checkout_nav_5fb6c6 .nav .desktop-nav {
        display: none
    }
}

.hatch_checkout_nav_5fb6c6 .regular-nav {
    padding: 20px 15px 20px 15px
}

.hatch_checkout_nav_5fb6c6 .regular-nav li {
    margin: 0 15px
}

.hatch_checkout_nav_5fb6c6 .regular-nav a {
    color: #999
}

#error_explanation p {
    font-size: 16px
}

#error_explanation h2 {
    display: none
}

.flash {
    margin: 20px 0 20px 0
}

.flash_success {
    color: #57ad68;
    font-weight: bold
}

.flash_error {
    color: #ff0000;
    font-weight: bold
}

.order_flash {
    position: absolute;
    display: block;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    padding: 25px;
    font-size: 18px;
    opacity: 0.99;
    z-index: 1000
}

.order_flash li {
    margin: 10px
}

.order_flash_success {
    background: #fff;
    color: #111;
    border-bottom: 1px solid #eee
}

.order_flash_error {
    background: #fff;
    color: #111;
    border-bottom: 1px solid #eee
}

.order_flash_alert {
    background: #fff;
    color: #111;
    border-bottom: 1px solid #eee
}

.order_flash_notice {
    background: #fff;
    color: #111;
    border-bottom: 1px solid #eee
}

form select {
    color: #555;
    height: 30px;
    line-height: 15px;
    width: 100%;
    padding: 5px 0px 5px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    background: #FBFBFB;
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
    background: url("../../d29mtkonxnc5fw.cloudfront.net/down-arrow.png") no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url("../../d29mtkonxnc5fw.cloudfront.net/down-arrow.png") no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(100%, #E9E9E9));
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 100%;
    height: 30px
}

form select:focus {
    outline: 1px solid #ccc
}

input {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.simple_clean_form input[type="email"],
.simple_clean_form input[type="number"],
.simple_clean_form input[type="search"],
.simple_clean_form input[type="text"],
.simple_clean_form input[type="tel"],
.simple_clean_form input[type="url"],
.simple_clean_form input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: 1px solid #d1d1d1;
    width: 100%;
    max-width: 500px;
    padding: 15px;
    font-size: 18px;
    background: #fafafa
}

.simple_clean_form input[type="email"]:focus,
.simple_clean_form input[type="number"]:focus,
.simple_clean_form input[type="search"]:focus,
.simple_clean_form input[type="text"]:focus,
.simple_clean_form input[type="tel"]:focus,
.simple_clean_form input[type="url"]:focus,
.simple_clean_form input[type="password"]:focus {
    border: 1px solid #999;
    outline: 0
}

.simple_clean_form input[type="checkbox"],
.simple_clean_form input[type="radio"] {
    display: inline
}

.simple_clean_form select {
    max-width: 300px
}

.simple_clean_form input[type="submit"] {
    max-width: 500px
}

.form_field_wrapper {
    margin-bottom: 15px
}

.form_section_title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

.form_section_spacing {
    margin: 20px 0 50px 0
}

form.fieldset_styles {
    font-family: "HelveticaNeue", Helvetica, Arial
}

form.fieldset_styles fieldset {
    border: 1px solid #eee;
    font-weight: bold;
    background: -webkit-radial-gradient(top center, circle, #fff, #fcfcfd);
    background: radial-gradient(circle at top center, #fff, #fcfcfd)
}

form.fieldset_styles legend {
    border: 0;
    padding: 3px;
    white-space: normal;
    font-weight: 400;
    color: #888;
    font-size: 12px
}

form.fieldset_styles input[type='text'] {
    padding: 0px 10px;
    width: 100%;
    outline: none;
    border-radius: 5px;
    border: none;
    background: -webkit-radial-gradient(top center, circle, #fff, #fcfcfd);
    background: radial-gradient(circle at top center, #fff, #fcfcfd)
}

.hatch_frame_6adfe3 .overlay_gradient {
    position: absolute;
    background: -webkit-gradient(linear, center top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.3, rgba(255, 255, 255, 0.06)), color-stop(0.301, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
    background: -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06) 46%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0));
    z-index: 1000;
    height: 100%;
    width: 100%
}

.hatch_frame_6adfe3 .overlay_gradient {
    position: absolute;
    background: -webkit-gradient(linear, center top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.3, rgba(255, 255, 255, 0.06)), color-stop(0.301, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
    background: -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06) 46%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0));
    opacity: 0.7;
    z-index: 1000;
    height: 100%;
    width: 100%
}

.hatch_frame_6adfe3 .level_frame {
    position: relative;
    opacity: 0;
    background-color: #444;
    background-repeat: no-repeat;
    -webkit-transition: all 0.30s ease;
    transition: all 0.30s ease
}

.hatch_frame_6adfe3 .angled_shadows:after {
    position: absolute;
    content: '';
    bottom: -13px;
    right: 12px;
    height: 55px;
    width: 35px;
    z-index: -1 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.1) 95%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 95%)
}

.hatch_frame_6adfe3 .angled_shadows:before {
    position: absolute;
    content: '';
    margin-top: 5px;
    margin-left: -18px;
    height: 55px;
    width: 35px;
    z-index: -1 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.05) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.05) 100%)
}

.hatch_frame_6adfe3 .frame_container {
    display: inline-block;
    z-index: 0
}

.three_d_box_container {
    position: relative
}

.frame_editor_wrapper {
    position: relative;
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 50px
}

@media screen and (max-width: 800px) {
    .frame_editor_wrapper {
        padding-right: 30px;
        padding-left: 30px
    }
}

.box_container {
    position: relative;
    margin: 20px auto;
    -webkit-perspective: 1200px;
    perspective: 1200px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.three_d_box_container {
    position: relative;
    margin: 20px auto;
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    opacity: 0
}

.three_d_box_container figure {
    position: absolute;
    z-index: 100;
    opacity: 1
}

.three_d_box_container .front {
    background: #333
}

.three_d_box_container .back {
    background: #222
}

.back_frame_logo img {
    width: 50px
}

.three_d_box_container.vertical-orientation {
    -webkit-transform: rotateZ(90deg) rotateX(25deg);
    transform: rotateZ(90deg) rotateX(25deg)
}

.three_dimensional_frame {
    position: relative;
    margin: 0 auto;
    background-color: #444;
    background-repeat: no-repeat;
    -webkit-transition: all 0.40s ease;
    transition: all 0.40s ease;
    z-index: 1000
}

.three_d_face,
.three_dimensional_frame {
    outline: 1px solid transparent
}

.back_frame_shadows {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0px 5px 7px 5px rgba(0, 0, 0, 0.13), 0px 14px 22px 12px rgba(0, 0, 0, 0.35);
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.back_float_mount_shadows {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.1), 0 2px 15px rgba(0, 0, 0, 0.2), -15px 2px 20px -2px rgba(0, 0, 0, 0.1), 0px 2px 5px -2px rgba(0, 0, 0, 0.2), 0px 0px 4px -2px rgba(0, 0, 0, 0.1)
}

.three_dimensional_frame_shadows {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 10px 25px rgba(0, 0, 0, 0.4), -15px 10px 30px -2px rgba(0, 0, 0, 0.1), 0px 2px 5px -2px rgba(0, 0, 0, 0.4), 0px 0px 4px -2px rgba(0, 0, 0, 0.4)
}

.rotation_full_spin {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: -webkit-transform 3s;
    transition: -webkit-transform 3s;
    transition: transform 3s;
    transition: transform 3s, -webkit-transform 3s
}

.editor_footer_spacing {
    margin-top: 130px
}

.frame_editor_presale_price {
    font-size: 18px;
    font-weight: 800;
    text-decoration: line-through
}

.frame_editor_discount_percentage {
    font-weight: 700
}

.frame_editor_price_discount_area {
    display: none
}

.pre_discount_price {
    color: red;
    text-decoration: line-through
}

.lf_button {
    position: relative;
    margin: 1em;
    font-weight: 300;
    padding: 1em 1.25em;
    text-align: center;
    width: 200px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none
}

.lf_button:hover {
    color: #fff
}

.lf_button.blue {
    -webkit-transition: 0.1s all;
    transition: 0.1s all;
    background: #5ba4e5;
    box-shadow: 0px 2px 2px #217fd2
}

.lf_button.blue:active {
    background: #509ee3;
    box-shadow: 0px 1px 1px #1a64a6
}

.lf_button.dark_blue {
    -webkit-transition: 0.1s all;
    transition: 0.1s all;
    background: #5d697e;
    box-shadow: 0px 2px 1px #3d4452
}

.lf_button.dark_blue:active {
    background: #586377;
    box-shadow: 0px 2px 2px #272c35
}

.arrow_btn {
    display: inline-block;
    background: #5d697e;
    padding: 5px;
    font-size: 30px;
    line-height: 30px;
    text-align: middle;
    color: #fff;
    text-decoration: none;
    border-radius: 5px
}

.new_controls_block img {
    max-width: 100%
}

.active_collection_thumb {
    border: 1px solid #5d697e
}

.profile_control_arrows {
    width: 8% !important;
    text-align: center
}

.profile_control_arrows a {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 13px;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    color: #5ba4e5
}

.profile_control_arrows img {
    max-height: 20px
}

.profile_thumb_block img {
    padding: 8px 2px 0 0;
    border: 2px solid #eee;
    border-radius: 5px;
    width: 96%;
    max-width: 130px
}

.profile_thumb_block img.active_profile_thumb {
    border: 2px solid #5ba4e5
}

.profile_button_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    max-width: 150px
}

.profile_button_block img {
    max-width: 100%
}

.profile_label {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-align: center
}

.profile_label span {
    font-size: 12px
}

h2.frame_collection_title {
    font-weight: 200;
    font-size: 22px
}

.frame_collections_links {
    margin-top: 25px
}

.frame_collections_links a {
    display: inline-block;
    padding: 5px 15px;
    color: #999;
    font-weight: 400;
    text-decoration: none;
    margin: 5px;
    border: 1px solid #fff;
    border-radius: 45px
}

.frame_collections_links a.active_collection {
    border: 1px solid #5ba4e5;
    border-radius: 45px;
    color: #5ba4e5
}

.frame_collection_controls_wrapper .zen_control_column {
    font-size: 15px;
    font-weight: 300
}

.frame_collection_controls_wrapper .zen_control_column p {
    font-size: 15px;
    font-weight: 300
}

.frame_control_title {
    font-weight: 400;
    font-size: 14px;
    color: #999
}

.swiper-container {
    position: relative;
    width: 95%;
    height: 130px;
    padding: 50px
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.swiper-button-next {
    right: -30px !important
}

.swiper-button-prev {
    left: -35px !important
}

.profile_arrow_previous {
    cursor: pointer;
    position: absolute;
    margin-top: 25px;
    margin-left: -40px;
    display: inline-block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235ba4e5'%2F%3E%3C%2Fsvg%3E") no-repeat;
    width: 45px;
    height: 45px
}

.profile_arrow_previous:active {
    margin-top: 27px
}

@media screen and (max-width: 800px) {
    .profile_arrow_previous {
        display: none
    }
}

.profile_arrow_next {
    cursor: pointer;
    position: absolute;
    margin-top: 25px;
    right: 5px;
    display: inline-block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235ba4e5'%2F%3E%3C%2Fsvg%3E") no-repeat;
    width: 45px;
    height: 45px
}

.profile_arrow_next:active {
    margin-top: 27px
}

@media screen and (max-width: 800px) {
    .profile_arrow_next {
        display: none
    }
}

.frame_editor_more_info_link {
    display: inline-block;
    margin-left: 15px;
    font-size: 13px !important
}

@media screen and (max-width: 800px) {
    .frame_editor_more_info_link {
        display: none
    }
}

.frame_render_block {
    float: left;
    width: 48%
}

@media screen and (max-width: 800px) {
    .frame_render_block {
        float: none;
        display: block;
        width: 100%
    }
}

.frame_collection_controls_block {
    float: right;
    width: 48%
}

@media screen and (max-width: 800px) {
    .frame_collection_controls_block {
        float: none;
        display: block;
        width: 100%
    }
}

.new_cycle_button {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 70px;
    width: 70px
}

.new_cycle_button_previous {
    position: relative;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235ba4e5'%2F%3E%3C%2Fsvg%3E") no-repeat;
    width: 100%;
    height: 100%;
    padding: 20px 20px;
    line-height: 50px;
    vertical-align: middle
}

.new_cycle_button_next {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235ba4e5'%2F%3E%3C%2Fsvg%3E") no-repeat;
    width: 50px;
    height: 50px
}

.mobile_control_wrapper {
    display: none
}

@media screen and (max-width: 800px) {
    .mobile_control_wrapper {
        display: block
    }
}

.desktop_control_wrapper {
    display: inline-block
}

@media screen and (max-width: 800px) {
    .desktop_control_wrapper {
        display: none
    }
}

.mobile_center_block {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.mobile_center_value {
    padding: 0 80px
}

.mobile_control_label {
    padding-right: 5px
}

#mat_slider {
    margin-bottom: 25px !important
}

@media screen and (max-width: 800px) {
    .desktop_mat_slider_value {
        display: none
    }
}

@media screen and (max-width: 800px) {
    .frame_editor_quality_section .columns {
        text-align: center
    }
    .frame_editor_quality_section ul li {
        list-style-type: none
    }
}

.profile_slider {
    margin: 0 auto;
    text-align: center;
    width: 90%
}

@media screen and (max-width: 800px) {
    .frame_width_controls {
        margin-bottom: -20px !important;
        background-color: #fafafa;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 40px
    }
}

p.frame_options_profile_description {
    padding-top: 0;
    margin-top: 0;
    font-size: 13px !important;
    line-height: 18px
}

@media screen and (max-width: 800px) {
    p.frame_options_profile_description {
        display: none
    }
}

.flexbox_frame_editor_columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex_col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 1px 1px;
    padding: 0;
    box-sizing: border-box;
    min-width: 0
}

.new_frame_editor_wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 0px;
    border-top: 1px solid #eee
}

.lower_frame_editor_page_area {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px
}

.frame_screenshot_bg {
    background: -webkit-radial-gradient(top left, circle, #fafafa, #e9e9e9);
    background: radial-gradient(circle at top left, #fafafa, #e9e9e9)
}

.frame_controls_wrapper {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    padding-left: 20px
}

.frame_controls_wrapper p,
.frame_controls_wrapper td,
.frame_controls_wrapper strong,
.frame_controls_wrapper span,
.frame_controls_wrapper li,
.frame_controls_wrapper h1,
.frame_controls_wrapper h2,
.frame_controls_wrapper h3,
.frame_controls_wrapper h4,
.frame_controls_wrapper h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width: 800px) {
    .frame_controls_wrapper {
        text-align: center;
        padding-left: 0;
        padding-top: 20px
    }
}

.frame_control_row {
    margin-top: 10px
}

.top_editor_description p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important
}

@media screen and (max-width: 800px) {
    .top_editor_description {
        text-align: center
    }
}

.finalize_frame_editor_area {
    margin-top: 20px
}

.finalize_frame_editor_area .levle_btn {
    padding: 0 30px !important
}

.frame_editor_current_setup_text p {
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important
}

@media screen and (max-width: 800px) {
    .golden_ratio_button_area .golden_ratio_description {
        display: none
    }
}

.generate_frame_color_controls {
    display: inline-block
}

.editor_control_selection {
    font-weight: bold
}

.editor_control_item_text {
    padding-left: 15px
}

.user_image_upload_link {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    margin-top: 15px;
    text-align: center;
    font-size: 14px
}

.user_image_upload_link p,
.user_image_upload_link td,
.user_image_upload_link strong,
.user_image_upload_link span,
.user_image_upload_link li,
.user_image_upload_link h1,
.user_image_upload_link h2,
.user_image_upload_link h3,
.user_image_upload_link h4,
.user_image_upload_link h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.frame_3d_camera_links {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    text-align: center;
    margin-top: 15px;
    font-size: 14px
}

.frame_3d_camera_links p,
.frame_3d_camera_links td,
.frame_3d_camera_links strong,
.frame_3d_camera_links span,
.frame_3d_camera_links li,
.frame_3d_camera_links h1,
.frame_3d_camera_links h2,
.frame_3d_camera_links h3,
.frame_3d_camera_links h4,
.frame_3d_camera_links h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.frame_3d_camera_links a {
    margin-left: 8px
}

.frame_3d_camera_links .active_3D_view {
    color: rgba(46, 48, 58, 0.96) !important
}

.corner_shots_area--show-all a {
    display: inline-block !important
}

.corner_shots_area {
    text-align: center;
    margin-top: 45px
}

.corner_shots_area a img {
    border-radius: 4px;
    padding: 5px;
    width: 80px;
    height: 80px;
    border: 1px solid #eee
}

.corner_shots_area a img:hover {
    border: 1px solid #ccc
}

.corner_shots_area a:active,
.corner_shots_area a:focus {
    outline: none
}

.corner_shots_area .corner-shot {
    display: none
}

@media screen and (max-width: 600px) {
    .corner_shots_area a img {
        width: 65px;
        height: 65px
    }
}

@media screen and (max-width: 800px) {
    .desktop_below_frame_items {
        display: none
    }
}

.mobile_control_item {
    display: none
}

@media screen and (max-width: 800px) {
    .mobile_control_item {
        display: block
    }
}

.mobile_control_option_selection {
    display: inline-block;
    padding: 0 10px;
    font-size: 14px
}

.mobile_cycle_controls .levle_btn {
    padding-left: 50px !important;
    padding-right: 50px !important
}

@media screen and (max-width: 800px) {
    .frame_control_title {
        display: none
    }
}

.mobile_selection_title {
    margin-top: -20px
}

.mobile_selection_title p {
    font-size: 16px;
    font-weight: 300
}

@media screen and (min-width: 800px) {
    .mobile_category_name {
        display: none
    }
}

@media screen and (max-width: 800px) {
    .frame_editor_column {
        margin-bottom: -15px;
        padding-bottom: 0
    }
}

.frame_price_savings_area p,
.frame_price_savings_area span {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 300 !important;
    letter-spacing: -0.01rem !important
}

.frame_options_mat_color_text2 {
    font-weight: 400
}

.frame_controls_sidebar {
    position: fixed;
    right: 0px;
    top: 71px;
    bottom: 0;
    width: 235px;
    height: 100%;
    background: #fff;
    padding: 30px 20px 20px 40px
}

.frame_controls_sidebar ul {
    margin-left: 0;
    padding-left: 0
}

.frame_controls_sidebar ul li {
    margin-bottom: 20px
}

.frame_controls_sidebar ul li a {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .05rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #333;
    color: #616a85
}

span.frame_controls_sidebar_price {
    font-weight: 800
}

.golden_ratio_link_divider {
    border-top: 1px solid #363b4a;
    border-bottom: 1px solid #363b4a;
    padding-bottom: 20px;
    padding-top: 20px
}

.choose_options_divider {
    border-bottom: 1px solid #363b4a;
    padding-bottom: 20px
}

.choose_options_box {
    border: 1px solid #eee;
    padding: 20px
}

.frame_controls_sidebar_detail {
    border-top: 1px solid #575e76;
    position: fixed;
    right: 230px;
    top: 70px;
    bottom: 0;
    width: 300px;
    height: 100%;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    background: #fff
}

.frame_controls_sidebar_detail p {
    color: #4c5367;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 26px
}

.frame_controls_sidebar_detail .sidebar_control_section {
    border-bottom: 1px solid #eee
}

.frame_controls_sidebar_detail .sidebar_control_section_padding {
    padding: 0px 25px 40px 25px
}

.frame_controls_sidebar_detail .sidebar_detail_control_selection_text {
    margin-top: 30px
}

.frame_controls_sidebar_detail .sidebar_detail_control_selection_text p {
    text-transform: uppercase;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: .05rem
}

.frame_controls_sidebar_detail .rangeslider__fill {
    background: #80a8cc
}

.outer-circle-swatch {
    width: 25px;
    height: 25px;
    position: relative;
    display: inline-block;
    border: 1px solid #999;
    border-radius: 50%
}

.inner-circle-swatch {
    background-color: #989fb4;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    position: relative;
    border-radius: 50%
}

.outer-square-swatch {
    width: 25px;
    height: 25px;
    position: relative;
    display: inline-block;
    border: 1px solid #eee;
    border-radius: 2px
}

.outer-square-swatch:hover {
    border: 1px solid #999
}

.outer-square-swatch:focus {
    border: 1px solid #999
}

.inner-square-swatch {
    display: inline-block;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 1px
}

.active_mat_color_swatch {
    border: 1px solid #999
}

.white-swatch {
    background: #fafafa;
    border: 1px solid #999
}

.black-swatch {
    background: #333
}

.frame_option_circle {
    position: relative;
    display: inline-block;
    box-sizing: content-box !important;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    border: 1px solid #989fb4
}

.active_frame_option {
    width: 95%;
    height: 95%;
    padding: 3%;
    top: 2%;
    left: 2%;
    background-color: #c4c8d4;
    border-radius: 50%
}

.frame_text_controls_wrapper p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 22px;
    line-height: 40px
}

.text_control {
    display: inline-block;
    background: #222;
    padding: 0px 5px;
    color: #fff;
    border-radius: 2px
}

a.detail_chat_with_us {
    color: #77d7ff
}

.finalize_divider {
    padding-top: 20px
}

.frame_controls_sidebar_overview {
    background: #efefef;
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 350px;
    height: auto;
    padding: 50px;
    padding-top: 100px
}

.frame_controls_sidebar_overview p {
    color: #333;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px
}

.your_frame_underline_text {
    text-decoration: underline
}

.sidebar_control_title {
    text-align: center
}

.sidebar_control_title p {
    text-transform: uppercase;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: .05rem
}

.new_profile_thumb_block {
    text-decoration: none
}

.new_profile_thumb_block img {
    max-width: 40px;
    padding: 2px
}

.new_profile_thumb_block .active_profile_thumb {
    border: 1px solid #999
}

.control_label {
    font-weight: 300;
    color: #6c7693
}

.left_frame_thumb {
    position: absolute;
    top: 100px;
    left: 50px
}

.left_frame_thumb img {
    width: 50px
}

.column.align-item-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.frame_controls_white_sidebar {
    position: fixed;
    right: 0px;
    top: 71px;
    bottom: 0;
    width: 500px;
    height: 100%;
    border-left: 1px solid #eee;
    background: #fff
}

.white_sidebar_padding {
    padding: 30px 40px
}

.white_sidebar_section_label {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .02rem;
    color: #888
}

.profile_swatches a {
    text-decoration: none;
    display: inline-block;
    border-radius: 50%
}

.profile_swatches a img {
    border-radius: 2px;
    width: 36px;
    height: 36px;
    padding: 2px;
    border: 1px solid #ddd
}

.profile_swatches a:hover img {
    border: 1px solid #999
}

.profile_swatches a.active_profile_swatch img {
    border: 1px solid #888
}

.small_profile_thumbs {
    margin-top: 10px
}

.small_profile_thumbs a {
    text-decoration: none
}

.small_profile_thumbs a img {
    max-width: 50px
}

.under_frame_controls {
    text-align: center
}

.under_frame_controls a {
    display: inline-block;
    text-decoration: none
}

.small_profile_thumbs_new_editor {
    text-align: center
}

.small_profile_thumbs_new_editor a {
    display: inline-block;
    text-decoration: none
}

.small_profile_thumbs_new_editor a img,
.small_profile_thumbs_new_editor a span {
    width: 55px;
    height: 55px;
    border-radius: 2px;
    padding: 4px;
    background: #fff;
    border: 1px solid #ddd
}

.frame_container_arrow {
    text-decoration: none;
    color: #999;
    font-size: 15px
}

.frame_container_left_arrow {
    position: absolute;
    top: 50%;
    margin-left: 50px
}

.frame_container_right_arrow {
    position: absolute;
    top: 50%;
    right: 50px
}

.circular_upload_preview_btn {
    display: inline-block;
    background: #111;
    color: #fff;
    height: 55px;
    width: 55px;
    line-height: 47px;
    vertical-align: top;
    border-radius: 50%;
    border: 4px solid #fff
}

.square_upload_preview_btn {
    display: inline-block;
    background: #111;
    color: #fff;
    height: 55px;
    width: 55px;
    line-height: 47px;
    vertical-align: top;
    border-radius: 4px;
    border: 4px solid #fff
}

.circular_change_profile_btn {
    display: inline-block;
    color: #aaaaaa;
    line-height: 55px;
    font-size: 30px;
    vertical-align: top;
    padding: 0 10px
}

h2.frame_profile_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #363b4a;
    margin-bottom: 10px;
    font-weight: 200;
    font-size: 30px
}

.below_finalize_text p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    padding-top: 0;
    color: #333;
    margin-bottom: 4px
}

p.frame_editor_summary {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    padding-top: 0;
    color: #333
}

.white_sidebar_bg {
    background: #fff;
    padding-bottom: 0
}

.frame_editor_wall_bg {
    background: #fff url("../../d29mtkonxnc5fw.cloudfront.net/site_assets/wall-texture-white.jpg") repeat center center;
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0
}

.tabletop_frame_editor_wall_bg {
    background: #fff url("../../d29mtkonxnc5fw.cloudfront.net/site_assets/wall-texture-white.jpg") repeat center center;
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0
}

.product_window_bg {
    background: -webkit-radial-gradient(top left, circle, #fff, #f5f5f5);
    background: radial-gradient(circle at top left, #fff, #f5f5f5);
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0
}

.mat_color_swatches a {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-top: 3px
}

.mat_color_swatches a img {
    width: 30px;
    height: 30px;
    padding: 2px;
    border: 1px solid #eee
}

.mat_color_text_label {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    padding-right: 10px;
    color: #555
}

.frame_and_drawer_column {
    position: relative;
    height: 100%;
    min-height: 100%
}

.frame_and_arrows_container {
    position: relative;
    padding-top: 30px;
    padding-bottom: 110px
}

.thumb_white_bottom_drawer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 10px 5px 10px;
  //  border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
  //  background: #fafafa
}

.Off-White_swatch {
    background: -webkit-linear-gradient(top, #fff, #fbfbfb);
    background: linear-gradient(to bottom, #fff, #fbfbfb)
}

.Black_swatch {
    background: -webkit-linear-gradient(top, #666, #333);
    background: linear-gradient(to bottom, #666, #333)
}

.mat_swatch_controls_wrapper {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px
}

@media screen and (max-width: 910px) {
    .mat_swatch_controls_wrapper {
        display: block;
        margin-left: 0;
        margin-bottom: 15px
    }
}

.frame_collection_tag {
    display: inline-block;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    border: 1px solid #5ba4e5;
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #5ba4e5
}

.frame_width_editor_select {
    max-width: 80px;
    display: inline-block;
    font-size: 16px
}

.frame_width_subset_area {
    padding-left: 15px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300
}

.golden_ratio_button_area a {
    display: inline-block
}

.share_frame_modal {
    text-align: center
}

.share_frame_modal h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 29px
}

.share_frame_modal .share_link_text_box {
    width: 100%;
    max-width: 400px !important;
    border: 1px solid #77d7ff;
    background: #eee;
    padding: 10px;
    color: #2980b9;
    font-size: 18px;
    text-align: center
}

.share_frame_modal p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px
}

.upload_preview_image_reminder_block {
    display: none
}

span.preview_modal_span {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px
}

.link_new_feature_tag {
    position: absolute;
    margin-top: -7px;
    font-size: 8px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 10px;
    color: purple !important
}

.share_link_and_screenshot_content {
    display: none
}

.screenshot_img {
    margin-top: 20px
}

.screenshot_img img {
    width: 100%;
    max-width: 200px
}

.frame_control_btn {
    display: inline-block;
    background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
    text-transform: uppercase;
    padding: 10px 10px !important;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    font-size: 11px;
    font-weight: 400;
    color: #444 !important;
    text-decoration: none !important;
    margin: 0 5px 5px 0
}

p.tabletop_frame_dimensions {
    font-size: 13px
}

.mounting_controls_link {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300
}

.mounting_controls_area {
    display: none;
    margin-bottom: 30px
}

.mounting_controls_area label {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    padding: 5px;
    cursor: pointer;
    display: inline-block
}

.your-frame-table td {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300
}

.spacers_select_form {
    padding-left: 10px;
    margin-top: 5px;
    display: none
}

.spacers_select {
    max-width: 80px;
    display: inline-block;
    font-size: 14px
}

.spacers_area {
    display: none
}

.admin_only_option,
label.admin_only_option {
    display: none
}

.float_table_popup {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    letter-spacing: -0.01rem
}

.float_table_popup h1,
.float_table_popup h2,
.float_table_popup h3,
.float_table_popup h4 {
    font-family: 'Montserrat';
    font-weight: 100
}

.float_table_popup h2 {
    font-size: 26px;
    text-align: center
}

.float_table_popup td {
    font-weight: 300
}

.float_table_popup p {
    font-size: 13px;
    font-weight: 300
}

@media screen and (max-width: 600px) {
    .float_table_popup p {
        font-size: 12px
    }
}

.float_table_popup tr {
    cursor: pointer
}

.float_table_popup .float_popup_description p {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

@media screen and (max-width: 650px) {
    .float_table_popup .float_popup_description p {
        font-size: 12px;
        font-weight: 500
    }
}

@media screen and (max-width: 550px) {
    .float_table_popup .float_popup_description {
        display: none
    }
}

.float_table_popup .float_popup_image {
    margin: 0 auto;
    text-align: center;
    width: 190px
}

.float_table_popup .float_popup_image img {
    width: 100%
}

.float_table_popup .float_popup_title {
    font-weight: 400 !important;
    min-width: 130px;
    font-size: 16px
}

.glaze_table_popup {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem
}

.glaze_table_popup h1,
.glaze_table_popup h2,
.glaze_table_popup h3,
.glaze_table_popup h4 {
    font-family: 'Montserrat';
    font-weight: 100
}

.glaze_table_popup h2 {
    font-size: 26px;
    text-align: center
}

.glaze_table_popup td {
    font-weight: 300
}

.glaze_table_popup p {
    font-size: 14px;
    font-weight: 300
}

@media screen and (max-width: 600px) {
    .glaze_table_popup p {
        font-size: 12px
    }
}

.glaze_table_popup tr {
    cursor: pointer
}

.glaze_table_popup .glaze_popup_description p {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

@media screen and (max-width: 650px) {
    .glaze_table_popup .glaze_popup_description p {
        font-size: 12px;
        font-weight: 500
    }
}

@media screen and (max-width: 550px) {
    .glaze_table_popup .glaze_popup_description {
        display: none
    }
}

.glaze_table_popup .glaze_popup_image {
    margin: 0 auto;
    text-align: center;
    width: 190px
}

.glaze_table_popup .glaze_popup_image img {
    width: 100%
}

.glaze_table_popup .glaze_popup_title {
    font-weight: 400 !important;
    min-width: 130px;
    font-size: 16px
}

.glaze_table_popup .glaze_td_checkmark {
    display: none;
    color: #68b577;
    font-size: 22px
}

.glaze_table_popup .selected_glaze_row {
    background-color: #f5f7fa;
    outline: 1px solid #ddd !important
}

.glaze_table_popup .selected_glaze_row .glaze_td_checkmark {
    display: block
}

.glaze_popup {
    font-weight: 400
}

.glaze_popup p {
    font-size: 18px
}

.glaze_radios {
    box-sizing: border-box;
    padding: 1px 1px;
    background-color: #eee
}

.glaze_radios h3 {
    margin-top: 10px
}

.glaze_radios img {
    max-width: 100%
}

.glaze_column {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    cursor: pointer;
    padding: 20px 20px 20px 20px;
    margin: 10px;
    background-color: #fff
}

.glaze_selection {
    opacity: 0;
    font-family: 'fontAwesome' !important;
    font-weight: normal !important;
    font-size: 18px !important
}

.active_glaze_checkmark {
    color: #94c6e7;
    opacity: 1
}

.glaze_price_difference {
    font-weight: 700;
    padding-right: 20px
}

.glaze_row {
    cursor: pointer;
    background-color: #fff;
    padding: 10px;
    margin: 10px;
    margin-bottom: 10px;
    border: 2px solid #fff
}

.glaze_row:hover {
    border: 2px solid #6ab0de
}

.active_glaze_row {
    border: 2px solid #94c6e7
}

.glaze_picture {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    margin-bottom: 5px
}

.glaze_picture img {
    width: 100%;
    border-radius: 5px
}

.glaze_description_block {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    margin-left: 30px;
    margin-right: 20px
}

.glaze_description_block h3 {
    margin-top: 0px;
    margin-bottom: 2px;
    padding-bottom: 0
}

.glaze_description_block p {
    margin-top: 0;
    margin-bottom: 2px
}

.glaze_modal {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.glaze_modal p,
.glaze_modal td,
.glaze_modal strong,
.glaze_modal span,
.glaze_modal li,
.glaze_modal h1,
.glaze_modal h2,
.glaze_modal h3,
.glaze_modal h4,
.glaze_modal h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.glaze_modal h2 {
    font-weight: 300;
    font-size: 24px;
    text-align: center
}

.glaze_modal h3 {
    font-weight: 300 !important
}

.glaze_modal p {
    font-weight: 300;
    font-size: 14px
}

.isometric_wrapper {
    position: relative;
    display: block
}

.isometric_wrapper .regular-nav a {
    color: #fff
}

@media screen and (max-width: 650px) {
    .isometric_wrapper .lp_landing_header_padding {
        text-align: center
    }
}

.section_bg {
    background-color: #414958;
    background: -webkit-radial-gradient(top right, circle, #79758a, #0b0c0e);
    background: radial-gradient(circle at top right, #79758a, #0b0c0e);
    position: relative
}

@media screen and (max-width: 650px) {
    .section_bg {
        background: -webkit-linear-gradient(bottom, #79758a, #0b0c0e);
        background: linear-gradient(to top, #79758a, #0b0c0e)
    }
}

.level_press_nav_position {
    z-index: 1000
}

.section {
    overflow: hidden;
    position: relative;
    min-height: 750px;
    max-height: 800px;
    z-index: 0
}

@media screen and (max-width: 650px) {
    .section {
        min-height: auto;
        max-height: auto
    }
}

.section--intro {
    background-color: #414958;
    background: -webkit-radial-gradient(top right, circle, #fff, #414958);
    background: radial-gradient(circle at top right, #fff, #414958)
}

.isolayer {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

@media screen and (max-width: 650px) {
    .isolayer {
        display: none
    }
}

.js .grid,
.js .grid__item,
.js .grid__link {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.grid {
    position: relative;
    margin: 0 auto;
    padding: 0;
    list-style: none
}

.js .grid__item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.grid__link {
    position: relative;
    z-index: 1;
    display: block
}

.grid__img {
    display: block;
    max-width: 100%;
    z-index: 1000 !important;
    width: 319px;
    height: 301px
}

.grid__title {
    font-size: 0.65em;
    font-weight: 600;
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    color: #fff;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s
}

.grid__item:hover .grid__title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.layer {
    position: relative;
    display: block
}

.layer:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0
}

.isolayer--shadow .grid__link::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8);
    -webkit-transform: translateZ(-1px) scale(0.95);
    transform: translateZ(-1px) scale(0.95);
    -webkit-transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s;
    -webkit-transition: opacity 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.isolayer--shadow .grid__item:hover .grid__link::before {
    opacity: 0.2;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.8);
    -webkit-transform: translateZ(0px) scale(1);
    transform: translateZ(0px) scale(1)
}

.isolayer--shadow .grid__item .grid__link::before {
    opacity: 0.2;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.8);
    -webkit-transform: translateZ(0px) scale(1);
    transform: translateZ(0px) scale(1)
}

.isolayer--deco1 {
    width: 900px;
    height: 1000px
}

.isolayer--deco1 .grid__link .layer:first-child:not(img) {
    background: #ac5cf5;
    z-index: -1
}

.isolayer--deco1 .grid__link .layer:nth-child(2):not(img) {
    background: #5db4eb;
    z-index: -1
}

.isolayer--deco1 .grid__link .layer:nth-child(3):not(img) {
    background: #5debb4;
    z-index: -1
}

.isolayer--deco1 .grid__link div.layer {
    width: 319px;
    height: 301px;
    opacity: 0.4;
    z-index: -1
}

.isolayer--deco1 .grid__item {
    width: 350px;
    height: 332px;
    padding: 15px
}

.js .grid {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.js .grid.grid--loaded {
    opacity: 1
}

.js body.grid-loaded::after {
    opacity: 0
}

.isolayer--mobile {
    width: 400px;
    text-align: center;
    display: none
}

@media screen and (max-width: 650px) {
    .isolayer--mobile {
        display: block
    }
}

.isolayer--mobile .grid__link .layer:first-child:not(img) {
    background: #ac5cf5
}

.isolayer--mobile .grid__link .layer:nth-child(2):not(img) {
    background: #5db4eb
}

.isolayer--mobile .grid__link .layer:nth-child(3):not(img) {
    background: #5debb4
}

.isolayer--mobile .grid__img {
    display: block;
    max-width: 100%;
    z-index: 1000 !important;
    width: 170px;
    height: 153px
}

.isolayer--mobile .grid__link div.layer {
    width: 170px;
    height: 153px;
    opacity: 0.4
}

.isolayer--mobile .grid__item {
    width: 200px;
    height: 182px;
    padding: 15px
}

.lp_header_text_wrapper {
    padding: 140px 0 50px 0
}

@media screen and (max-width: 650px) {
    .lp_header_text_wrapper {
        padding: 100px 0 40px 0
    }
}

.level_press_main_title {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 44px !important;
    line-height: 50px !important;
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff
}

@media screen and (max-width: 650px) {
    .level_press_main_title {
        font-size: 38px !important
    }
}

.level_press_main_subtitle {
    margin-top: 0;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 28px !important;
    margin-top: 0;
    padding-top: 0;
    max-width: 500px
}

.level_press_main_subtitle p,
.level_press_main_subtitle td,
.level_press_main_subtitle strong,
.level_press_main_subtitle span,
.level_press_main_subtitle li,
.level_press_main_subtitle h1,
.level_press_main_subtitle h2,
.level_press_main_subtitle h3,
.level_press_main_subtitle h4,
.level_press_main_subtitle h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width: 650px) {
    .level_press_main_subtitle {
        max-width: 100%
    }
}

.lp_landing_header_padding {
    padding-left: 60px
}

@media screen and (max-width: 650px) {
    .lp_landing_header_padding {
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto
    }
}

.mobile-lp-header-img-area {
    display: none;
    margin: 0 auto;
    margin-bottom: -5px;
    max-width: 450px
}

.mobile-lp-header-img-area img {
    text-align: center;
    width: 100%
}

@media screen and (max-width: 650px) {
    .mobile-lp-header-img-area {
        display: block
    }
}

.link_underline_section a:not(.without-underline) {
    color: #2980b9;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
    color: #2980b9 !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#bddbf1, #bddbf1);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#bddbf1, #bddbf1);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.link_underline_section a:not(.without-underline)::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.link_underline_section a:not(.without-underline)::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.link_underline_section a:not(.without-underline)::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.link_underline_section a:not(.without-underline):before,
.link_underline_section a:not(.without-underline):after,
.link_underline_section a:not(.without-underline) *,
.link_underline_section a:not(.without-underline) *:before,
.link_underline_section a:not(.without-underline) *:after {
    text-shadow: none
}

.link_underline_section a:not(.without-underline):visited {
    color: #2980b9 !important
}

.link_underline_section a:not(.without-underline):hover {
    color: #111111 !important
}

.link_underline {
    color: #2980b9;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
    color: #2980b9 !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#bddbf1, #bddbf1);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#bddbf1, #bddbf1);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.link_underline:before,
.link_underline:after,
.link_underline *,
.link_underline *:before,
.link_underline *:after {
    text-shadow: none
}

.link_underline:visited {
    color: #2980b9 !important
}

.link_underline:hover {
    color: #111111 !important
}

.black_link_underline {
    color: #111;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
    color: #000 !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#ddd, #ddd);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#ddd, #ddd);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.black_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.black_link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.black_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.black_link_underline:before,
.black_link_underline:after,
.black_link_underline *,
.black_link_underline *:before,
.black_link_underline *:after {
    text-shadow: none
}

.black_link_underline:visited {
    color: #000 !important
}

.black_link_underline:hover {
    color: #2980b9 !important
}

.regular_white_link {
    color: #fff !important;
    text-decoration: none
}

.regular_white_link:hover {
    color: #4285f4 !important;
    text-decoration: underline
}

.level_press_link_underline {
    color: #4a5568;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
    color: #6436b5 !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#818998, #818998);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#818998, #818998);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.level_press_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.level_press_link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.level_press_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.level_press_link_underline:before,
.level_press_link_underline:after,
.level_press_link_underline *,
.level_press_link_underline *:before,
.level_press_link_underline *:after {
    text-shadow: none
}

.level_press_link_underline:visited {
    color: #6436b5 !important
}

.level_press_link_underline:hover {
    color: #818998 !important
}

.list-horizontal {
    margin: 0
}

.list-horizontal li {
    display: inline
}

.bullet_list {
    margin-left: 5px;
    list-style: disc inside
}

.bullet_list li {
    margin-bottom: 10px
}

.loader-text {
    text-align: center;
    margin-top: 10px
}

.loader-walk {
    width: 100px;
    height: 40px;
    position: relative;
    margin-top: 80px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}



@-webkit-keyframes loader-animate {
    0% {
        left: 100px;
        top: 0
    }
    80% {
        left: 0;
        top: 0
    }
    85% {
        left: 0;
        top: -20px;
        width: 20px;
        height: 20px
    }
    90% {
        width: 40px;
        height: 15px
    }
    95% {
        left: 100px;
        top: -20px;
        width: 20px;
        height: 20px
    }
    100% {
        left: 100px;
        top: 0
    }
}

@keyframes loader-animate {
    0% {
        left: 100px;
        top: 0
    }
    80% {
        left: 0;
        top: 0
    }
    85% {
        left: 0;
        top: -20px;
        width: 20px;
        height: 20px
    }
    90% {
        width: 40px;
        height: 15px
    }
    95% {
        left: 100px;
        top: -20px;
        width: 20px;
        height: 20px
    }
    100% {
        left: 100px;
        top: 0
    }
}

.spin_loader {
    position: relative;
    display: none;
    margin: 30px auto;
    font-size: 10px;
    text-indent: -9999em;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #5ba4e5 70%, #fff 100%);
    background: linear-gradient(to right, #5ba4e5 70%, #fff 100%);
    -webkit-animation: load3 1s infinite linear;
    animation: load3 1s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.spin_loader:after {
    background: #fff;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.order_status_change_spin_loader {
    position: relative;
    display: none;
    font-size: 10px;
    text-indent: -9999em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #5ba4e5 70%, #175790 100%);
    background: linear-gradient(to right, #5ba4e5 70%, #175790 100%);
    -webkit-animation: load3 1s infinite linear;
    animation: load3 1s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.order_status_change_spin_loader:after {
    background: #fff;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.gift_card_spin_loader {
    position: relative;
    display: none;
    font-size: 10px;
    text-indent: -9999em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #5ba4e5 70%, #175790 100%);
    background: linear-gradient(to right, #5ba4e5 70%, #175790 100%);
    -webkit-animation: load3 1s infinite linear;
    animation: load3 1s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.gift_card_spin_loader:after {
    background: #282b34;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fulfillments_loader {
    position: relative;
    display: none;
    font-size: 10px;
    text-indent: -9999em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #5ba4e5 70%, #fafafa 100%);
    background: linear-gradient(to right, #5ba4e5 70%, #fafafa 100%);
    -webkit-animation: load3 1s infinite linear;
    animation: load3 1s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fulfillments_loader:after {
    background: #fafafa;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.gyroscope_loader {
    position: absolute;
    top: 30%;
    left: calc(50% - 17px);
    display: inline-block;
    border: none;
    background: none;
    overflow: visible;
    -webkit-transition: color 0.7s;
    transition: color 0.7s;
    -webkit-tap-highlight-color: transparent;
    z-index: 1000
}

.gyroscope_loader::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
    z-index: 0
}

.gyroscope_loader--rings::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    -webkit-animation-name: anim-effect-milan-3, anim-effect-milan-2;
    animation-name: anim-effect-milan-3, anim-effect-milan-2;
    -webkit-animation-duration: 1s, 2s;
    animation-duration: 1s, 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease, linear;
    animation-timing-function: ease, linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.gyroscope_loader--rings::after {
    -webkit-animation-name: anim-effect-milan-3, anim-effect-milan-1;
    animation-name: anim-effect-milan-3, anim-effect-milan-1;
    -webkit-animation-duration: 1s, 2s;
    animation-duration: 1s, 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease, linear;
    animation-timing-function: ease, linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.gyroscope_loader--rings::after,
.gyroscope_loader--rings::before {
    border: 4px solid rgba(111, 148, 182, 0.2)
}

@-webkit-keyframes anim-effect-milan-1 {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 1, 1, 0deg);
        transform: perspective(1000px) rotate3d(1, 1, 1, 0deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotate3d(1, 1, 1, 360deg);
        transform: perspective(1000px) rotate3d(1, 1, 1, 360deg)
    }
}

@keyframes anim-effect-milan-1 {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 1, 1, 0deg);
        transform: perspective(1000px) rotate3d(1, 1, 1, 0deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotate3d(1, 1, 1, 360deg);
        transform: perspective(1000px) rotate3d(1, 1, 1, 360deg)
    }
}

@-webkit-keyframes anim-effect-milan-2 {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(-1, -1, -1, 0deg);
        transform: perspective(1000px) rotate3d(-1, -1, -1, 0deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotate3d(-1, -1, -1, 360deg);
        transform: perspective(1000px) rotate3d(-1, -1, -1, 360deg)
    }
}

@keyframes anim-effect-milan-2 {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, -1, 1, 0deg);
        transform: perspective(1000px) rotate3d(1, -1, 1, 0deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotate3d(1, -1, 1, 360deg);
        transform: perspective(1000px) rotate3d(1, -1, 1, 360deg)
    }
}

@-webkit-keyframes anim-effect-milan-3 {
    0%,
    100% {
        opacity: 0
    }
    25%,
    75% {
        opacity: 1
    }
}

@keyframes anim-effect-milan-3 {
    0%,
    100% {
        opacity: 0
    }
    25%,
    75% {
        opacity: 1
    }
}

.logo_with_circle {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    border: 1px solid #eee;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    background: #fff
}

.hatch_mobile_menu_18e2b92011 {
    position: relative
}

.hatch_mobile_menu_18e2b92011 .cbp-spmenu {
    background: #47a3da;
    position: fixed;
    z-index: 10000;
    width: 100%;
    overflow-y: scroll
}

.hatch_mobile_menu_18e2b92011 .mobile_menu_header {
    position: relative;
    width: 100%;
    padding: 20px;
    background: #0d77b6
}

.hatch_mobile_menu_18e2b92011 .mobile_menu_header h3 {
    float: left;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0
}

.hatch_mobile_menu_18e2b92011 .close_mobile_dropdown {
    position: relative;
    float: right;
    right: 10px;
    top: 5px;
    z-index: 10000;
    color: #fff;
    font-size: 25px;
    text-decoration: none !important
}

.hatch_mobile_menu_18e2b92011 .mobile_menu_vertical_links li {
    list-style-type: none
}

.hatch_mobile_menu_18e2b92011 .mobile_menu_vertical_links a {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    text-decoration: none !important
}

.hatch_mobile_menu_18e2b92011 .mobile_menu_vertical_links a:hover {
    background: #258ecd
}

.hatch_mobile_menu_18e2b92011 .mobile_menu_vertical_links a:active {
    background: #afdefa;
    color: #47a3da
}

.hatch_mobile_menu_18e2b92011 .cbp-spmenu-top {
    top: -150%
}

.hatch_mobile_menu_18e2b92011 .cbp-spmenu-top.cbp-spmenu-open {
    top: 0px
}

.hatch_mobile_menu_18e2b92011 .cbp-spmenu,
.hatch_mobile_menu_18e2b92011 .cbp-spmenu-push {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.nav {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .16rem;
    text-transform: uppercase;
    position: relative
}

.nav li {
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px
}

.nav li.responsive_mobile_icon {
    font-size: 20px;
    display: none
}

.nav a {
    text-decoration: none
}

@media screen and (max-width: 1000px) {
    .nav .responsive_priority_4 {
        display: none
    }
}

@media screen and (max-width: 850px) {
    .nav .responsive_priority_3 {
        display: none
    }
}

@media screen and (max-width: 700px) {
    .nav .responsive_priority_2 {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .nav .responsive_priority_1 {
        display: none
    }
    .nav li.responsive_mobile_icon {
        display: inline-block
    }
}

@media screen and (max-width: 1100px) {
    .nav .non-essential-responsive-link {
        display: none
    }
}

@media screen and (max-width: 700px) {
    .nav .mobile-nav {
        display: inline-block
    }
    .nav .desktop-nav {
        display: none
    }
}

.white_background_nav {
    background: #fff
}

.regular-nav {
    padding: 20px 15px 20px 15px
}

.regular-nav li {
    margin: 0 15px
}

.regular-nav a {
    color: #999
}

.mobile_menu_link {
    font-size: 20px
}

.mobile-nav {
    display: none
}

.logged_in_upper_nav {
    background: #3c3d41;
    padding-top: 22px;
    padding-bottom: 22px
}

.menu_link_new_tag {
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    font-size: 10px;
    font-weight: 700;
    background-color: #57ad68;
    text-transform: none;
    color: #fff;
    padding: 3px 3px;
    line-height: 10px;
    border-radius: 2px
}

.menu_link_inline_new_tag {
    color: #57ad68 !important
}

.og-grid {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.og-grid li>a,
.og-grid li>a img {
    border: none;
    outline: none;
    display: block;
    position: relative
}

.og-grid li.og-expanded>a::after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 15px;
    left: 50%;
    margin: -25px 0 0 -15px
}

.og-expander {
    position: absolute;
    background: -webkit-radial-gradient(top left, circle, #5e646e, #16181d);
    background: radial-gradient(circle at top left, #5e646e, #16181d);
    top: auto;
    left: 0;
    width: 100%;
    margin-top: 15px;
    text-align: left;
    height: 0;
    overflow: hidden
}

.og-expander-inner {
    padding: 50px 50px;
    height: 100%
}

.og-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.og-close::before,
.og-close::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.og-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.og-close:hover::before,
.og-close:hover::after {
    background: #5ba4e5
}

.og-fullimg,
.og-details {
    width: 50%;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative
}

.og-details {
    padding: 0 40px 0 40px
}

.og-fullimg {
    text-align: center
}

.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    padding: 3px;
    background: #fff
}

.og-details h3 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 36px;
    line-height: 46px;
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (max-width: 830px) {
    .og-details h3 {
        font-size: 28px;
        line-height: 38px
    }
}

.og-details p {
    color: #fff;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 20px;
    line-height: 30px
}

@media screen and (max-width: 830px) {
    .og-details p {
        font-size: 17px;
        line-height: 27px
    }
}

.lp_preview_meta {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: .04rem !important;
    text-decoration: none;
    color: #999
}

.og-details a {
    line-height: 28px;
    cursor: pointer
}

.preview_full_details_btn {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 15px
}

.og-loading {
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    display: block
}

@media screen and (max-width: 600px) {
    .og-fullimg {
        display: none
    }
    .og-details {
        float: none;
        width: 100%
    }
}

.onboarding_tutorial_step_2,
.onboarding_tutorial_step_3 {
    display: none
}

.onboarding_tutorial_wrapper {
    margin-bottom: 100px
}

.onboarding_tutorial_next_button_area {
    padding-left: 20px
}

.pulse-dot,
.pulse-dot-step2,
.pulse-dot-step3 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background-color: #fff;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7)
}

.upload-pulse-dot {
    width: 2px;
    height: 2px;
    margin-left: 15px;
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7)
}

.pulse-animation {
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
    }
}

.typed-cursor {
    display: none;
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite
}

@keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.onboarding_tutorial_wrapper .onboarding_p {
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 30px !important
}

.onboarding_tutorial_wrapper .home_dimensions_area {
    max-width: 640px;
    margin: 0 auto;
    display: none
}

.tutorial_section_content_reveal {
    display: none
}

.tutorial_frame_controls_column strong {
    color: rgba(46, 48, 58, 0.96)
}

.tutorial_credits_text {
    font-weight: 400
}

.onboarding_animation_text_1,
.onboarding_animation_first_sentence,
.onboarding_animation_first_title,
.onboarding_animation_second_title,
.onboarding_animation_text_3,
.onboarding_tutorial_step_2_frame_editor {
    display: none
}

.tutorial_resources_section {
    border-top: 1px solid #eee;
    padding-top: 50px;
    margin-top: 80px
}

.thin_border_box {
    padding: 30px;
    border: 1px solid #e5eff5;
    background-color: #f8fafc
}

@media screen and (max-width: 450px) {
    .thin_border_box {
        padding: 30px 15px
    }
}

.thin_border_box_title {
    font-weight: 400;
    font-size: 22px;
    text-align: center;
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    margin: 0;
    padding: 0
}

.thin_border_box_line {
    border-bottom: 1px solid #eee
}

.thin_border_box_line_margins {
    margin: 20px 0
}

.thin_border_box_line_items p,
.thin_border_box_line_items span {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px
}

.thin_border_box_line_items span.with_coupon {
    font-size: 14px
}

div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    background: #fff;
    z-index: 100;
    width: 100%;
    max-width: 500px;
    padding: 10px 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.cs-select:focus {
    outline: none
}

.cs-select select {
    display: none
}

.cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cs-select>span {
    padding-right: 3em
}

.cs-select>span::after,
.cs-select .cs-selected span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cs-select>span::after {
    font-family: 'linea-arrows-10';
    content: "\e006";
    right: 1em
}

.cs-select .cs-selected span::after {
    font-family: 'linea-arrows-10';
    content: '\e006';
    margin-left: 1em
}

.cs-select.cs-active>span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

div.cs-active {
    z-index: 200
}

.cs-select .cs-options {
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    visibility: hidden
}

.cs-select.cs-active .cs-options {
    visibility: visible
}

.cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.cs-select ul span {
    padding: 1em;
    font-weight: 200;
    color: #222
}

.cs-select ul li.cs-focus span {
    background-color: #ddd
}

.cs-select li.cs-optgroup ul {
    padding-left: 1em
}

.cs-select li.cs-optgroup>span {
    cursor: default
}

div.cs-skin-elastic {
    background: transparent;
    font-size: 22px;
    font-weight: 300;
    color: #555f72
}

@media screen and (max-width: 30em) {
    div.cs-skin-elastic {
        font-size: 1em
    }
}

.cs-skin-elastic>span {
    border: 1px dashed #c0c6c4;
    z-index: 100
}

.cs-skin-elastic>span::after {
    font-family: 'linea-arrows-10';
    content: "\e019";
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-skin-elastic .cs-options {
    overflow: visible;
    background: transparent;
    opacity: 1;
    visibility: visible;
    padding-top: 15px;
    padding-bottom: 15px;
    pointer-events: none
}

.cs-skin-elastic.cs-active .cs-options {
    pointer-events: auto
}

.cs-skin-elastic .cs-options>ul::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    background: #fafafa;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

.cs-skin-elastic.cs-active .cs-options>ul::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: none;
    transition: none;
    -webkit-animation: expand 0.6s ease-out;
    animation: expand 0.6s ease-out
}

.cs-skin-elastic .cs-options ul li {
    opacity: 0;
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
    transition: opacity 0.15s, -webkit-transform 0.15s;
    transition: opacity 0.15s, transform 0.15s;
    transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
    color: #555f72
}

.cs-skin-elastic.cs-active .cs-options ul li {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    -webkit-animation: bounce 0.6s ease-out;
    animation: bounce 0.6s ease-out
}

.cs-skin-elastic .cs-options span {
    background-repeat: no-repeat;
    background-position: 1.5em 50%;
    background-size: 2em auto;
    padding: 0.8em 1em 0.8em 1.5em
}

.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
    color: #1e4c4a
}

.cs-skin-elastic .cs-options .cs-selected span::after {
    content: '\e006'
}

@-webkit-keyframes expand {
    0% {
        -webkit-transform: scale3d(1, 0, 1)
    }
    25% {
        -webkit-transform: scale3d(1, 1.2, 1)
    }
    50% {
        -webkit-transform: scale3d(1, 0.85, 1)
    }
    75% {
        -webkit-transform: scale3d(1, 1.05, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@keyframes expand {
    0% {
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1)
    }
    25% {
        -webkit-transform: scale3d(1, 1.2, 1);
        transform: scale3d(1, 1.2, 1)
    }
    50% {
        -webkit-transform: scale3d(1, 0.85, 1);
        transform: scale3d(1, 0.85, 1)
    }
    75% {
        -webkit-transform: scale3d(1, 1.05, 1);
        transform: scale3d(1, 1.05, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translate3d(0, -25px, 0);
        opacity: 0
    }
    25% {
        -webkit-transform: translate3d(0, 10px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, -6px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 2px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
        opacity: 0
    }
    25% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

div.cs-skin-rotate {
    background: transparent;
    font-size: 22px;
    font-weight: 200;
    font-family: Montserrat, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif;
    width: 100%;
    max-width: 500px;
    padding: 10px 30px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    color: #222
}

.cs-skin-rotate>span,
.cs-skin-rotate .cs-options li {
    background: transparent;
    -webkit-transform-origin: 50% 50% 0px;
    transform-origin: 50% 50% 0px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s
}

.cs-skin-rotate>span {
    border: 1px dashed #c0c6c4
}

.cs-skin-rotate.cs-active>span {
    opacity: 0;
    -webkit-transform: rotate3d(0, 1, 0, -90deg);
    transform: rotate3d(0, 1, 0, -90deg)
}

.cs-skin-rotate>span::after,
.cs-skin-rotate .cs-selected span::after {
    font-family: 'linea-arrows-10'
}

.cs-skin-rotate>span::after,
.cs-skin-rotate.cs-active>span::after {
    content: "\e019";
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -90deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -90deg)
}

.cs-skin-rotate ul span::after {
    content: '';
    opacity: 0
}

.cs-skin-rotate .cs-selected span::after {
    content: '\e006';
    font-size: 1.5em;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.cs-skin-rotate .cs-options {
    position: absolute;
    background: transparent;
    margin-top: -75px;
    overflow: visible;
    visibility: visible;
    pointer-events: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cs-skin-rotate .cs-options ul {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cs-skin-rotate .cs-options li {
    opacity: 0;
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg)
}

.cs-skin-rotate.cs-active .cs-options {
    position: relative
}

.cs-skin-rotate.cs-active .cs-options li {
    opacity: 1;
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
    pointer-events: auto
}

.cs-skin-rotate .cs-options li:nth-child(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s
}

.cs-skin-rotate .cs-options li:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.cs-skin-rotate .cs-options li:nth-child(4) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.cs-skin-rotate .cs-options li:nth-child(5) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.cs-skin-rotate.cs-active .cs-options ul li {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cs-skin-rotate .cs-options li span {
    background: #fff
}

.cs-skin-rotate .cs-options li span:hover {
    background: #825dc0;
    color: #fff
}

.hatch_shipping_address_9ba0a3 p {
    font-size: 16px
}

.hatch_shipping_address_9ba0a3 .hidden_shipping_fields {
    display: none
}

.signup_overlay {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    position: relative;
    padding: 30px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045;
    border: 2px solid #fff;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.45) 100%), url(../../d29mtkonxnc5fw.cloudfront.net/site_assets/overlay_bg_image2.jpg) no-repeat center center !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.45) 100%), url(https://d29mtkonxnc5fw.cloudfront.net/site_assets/overlay_bg_image2.jpg) no-repeat center center !important;
    background-size: cover !important;
    width: 100% !important;
    max-width: 750px !important;
    min-height: 500px;
    text-align: center
}

.signup_overlay h1,
.signup_overlay h2,
.signup_overlay h3,
.signup_overlay h4,
.signup_overlay p {
    color: #fff
}

.signup_overlay h2 {
    font-size: 35px;
    font-weight: 200
}

.signup_overlay .ajax_create_user_error_message p {
    font-weight: 300
}

.decline_offer_link {
    color: #fff;
    font-weight: 400;
    font-size: 18px
}

.decline_offer_link:hover {
    color: #eee
}

.responsive_tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.responsive_tabs nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block
}

.responsive_tabs nav ul li {
    border-bottom: none;
    margin: 0;
    display: block;
    position: relative;
    width: 100%
}

.responsive_tabs nav li.tab-current a:before,
.responsive_tabs nav li.tab-current a:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none
}

.responsive_tabs nav li.tab-current a:before {
    margin-left: -11px;
    border-width: 11px;
    border-top-color: #d5d5d5
}

.responsive_tabs nav li.tab-current a:after {
    margin-left: -10px;
    border-width: 10px;
    border-top-color: #fff
}

.responsive_tabs nav a {
    text-decoration: none;
    color: rgba(46, 48, 58, 0.96);
    text-align: center;
    font-size: 15px
}

.responsive_tabs nav li.tab-current a {
    color: #000;
    font-weight: 400;
    -webkit-transition: none;
    transition: none
}

.responsive_tab_content {
    border-radius: 4px;
    margin-top: 10px;
    background: rgba(245, 247, 250, 0.5);
    border: 1px solid #e1e1e1;
    margin-bottom: 50px;
    text-align: left
}

@media screen and (max-width: 768px) {
    .responsive_tab_content {
        display: none
    }
}

.responsive_tab_content section {
    padding: 25px 30px;
    display: none
}

.responsive_tab_content section p {
    font-size: 16px
}

.responsive_tab_content section:before,
.responsive_tab_content section:after {
    content: '';
    display: table
}

.responsive_tab_content section:after {
    clear: both
}

.responsive_tab_content section.content-current {
    display: block
}

.blocks_wall {
    text-align: center
}

.blocks_logo_area {
    margin-top: 50px
}

.blocks_logo_area img {
    width: 150px
}

.blocks_content {
    padding-top: 80px;
    text-align: center;
    margin-bottom: 0
}

.blocks_description h2 {
    font-size: 24px;
    font-weight: normal
}

.blocks_url {
    margin-top: 40px
}

.blocks_url label {
    font-size: 12px
}

.blocks_url input {
    width: 400px
}

#filepicker_drop_pane {
    position: relative;
    z-index: 100
}

.drop_container {
    width: 400px;
    height: 200px;
    margin: 0 auto;
    background-color: #fafafa;
    line-height: 200px;
    border: 1px dashed #666;
    border-radius: 3px
}

.block_image {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    display: none
}

.uploaded_block_image img {
    max-width: 100% !important;
    max-height: 600px !important
}

.sell_block {
    display: none;
    text-align: left
}

.sell_block_field {
    margin-bottom: 20px
}

.sell_block_field label {
    font-size: 16px
}

.sell_block_field input {
    width: 100%
}

.sell_block_field .print_price {
    color: #222
}

#sell_permission {
    font-size: 16px;
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.block_more_info {
    font-size: 14px;
    color: #777
}

.image_blocks_content {
    vertical-align: top;
    float: left;
    width: 42%
}

.print_size_display {
    text-align: left;
    margin-top: -1em;
    margin-bottom: 7px;
    border-bottom: 1px solid #eee
}

.select_buy_or_sell {
    text-align: left
}

.buy_or_sell_btns {
    padding: 20px;
    border-radius: 3px;
    background-color: #fafafa
}

.buy_or_sell_btns a {
    color: #477b96;
    font-weight: bold
}

.blocks_content_reveal {
    display: none
}

.size_select_and_paper_info {
    text-align: left
}

.blocks_choose_file_area {
    margin-top: 20px
}

.blocks_choose_file {
    cursor: pointer
}

.change_upload_link_area {
    margin-top: 20px
}

.change_upload_link_area a {
    font-size: 18px
}

.upload_new_image {
    color: #2980b9
}

.photo_size_select_btn {
    display: inline-block;
    background: #fff;
    padding: 3px 10px;
    border: 2px solid #fff;
    color: #111;
    margin: 4px;
    border-radius: 3px;
    text-decoration: none;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.8)
}

.photo_size_select_btn:hover {
    border: 2px solid #111;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.9);
    color: #111
}

.photo_size_select_btn--selected {
    background: #5ba4e5;
    border: 2px solid #fff;
    color: #fff !important
}

.print_thumbtack {
    position: absolute;
    width: 35px;
    margin: -15px auto
}

.image_too_small_message {
    display: none
}

.image_too_small_message p {
    color: red
}

.paper_type_info_link {
    font-size: 16px
}

.paper_type_info {
    display: none;
    margin-left: 0;
    border: 2px solid #eee;
    padding: 15px 20px 10px 20px;
    margin-bottom: 15px;
    border-radius: 5px
}

.paper_type_info a img {
    max-width: 100%
}

.paper_type_info p {
    margin-top: 0;
    padding-top: 0;
    font-size: 13px
}

.paper_type_select_image_block {
    display: inline-block;
    text-align: center
}

.paper_type_select_image_block p {
    margin-top: 5px;
    padding-top: 0;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .12rem;
    text-transform: uppercase
}

.paper_type_select_image_block .paper_type_image {
    display: block;
    border: 1px solid #eee;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 5px
}

.paper_type_select_image_block .paper_type_image img {
    display: block;
    max-width: 150px;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 450px) {
    .paper_type_select_image_block .paper_type_image img {
        max-width: 115px
    }
}

.paper_type_select_image_block .paper_type_image:hover {
    border: 1px solid #5ba4e5
}

.paper_type_select_image_block .active_paper_type {
    border: 1px solid #fff;
    background: #5ba4e5
}

.border_select_block {
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.border_select_block p {
    margin-top: 5px;
    padding-top: 0;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .12rem;
    text-transform: uppercase
}

.border_select_block span.full_bleed {
    margin-top: -10px !important;
    padding-top: 0px !important;
    font-size: 8px !important;
    font-weight: 400 !important;
    letter-spacing: .12rem;
    text-transform: uppercase
}

.border_select_block .print_border_image {
    display: block;
    border: 1px solid #eee;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 5px
}

.border_select_block .print_border_image img {
    display: block;
    max-width: 150px;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 450px) {
    .border_select_block .print_border_image img {
        max-width: 115px
    }
}

.border_select_block .print_border_image:hover {
    border: 1px solid #5ba4e5
}

.border_select_block .active_print_border {
    border: 1px solid #fff;
    background: #5ba4e5
}

p.also_add_frame {
    font-style: italic
}

.fine_print_quantity {
    display: inline-block;
    font-weight: 300 !important;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif
}

.fine_print_quantity_field {
    display: inline-block;
    max-width: 70px;
    vertical-align: middle;
    font-weight: 400;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
    padding: 5px 10px;
    border: 1px solid #bbbbbb;
    background: #fafafa
}

.print_price_text {
    font-weight: 300
}

.fine_print_under_image_description p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #888
}

.btn {
    position: relative;
    display: inline-block
}

.btn:active {
    top: 2px
}

.frame_btn {
    margin-top: 20px;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    font-weight: 100
}

.frame_btn p {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.frame_btn p a {
    z-index: 1000;
    color: #fff;
    padding: 10px 30px 10px 30px;
    text-decoration: none;
    border-radius: 3px
}

.frame_btn p a:hover {
    background-color: #222
}

.skimm_btn {
    margin-top: 20px
}

.blue_skimm_btn {
    font-weight: 100;
    color: #fff;
    padding: 10px 30px 10px 30px;
    background-color: #2980b9;
    text-decoration: none;
    border-radius: 3px
}

.blue_skimm_btn:hover {
    background-color: #20638f
}

.purple_btn {
    font-weight: 100;
    color: #fff;
    padding: 10px 30px 10px 30px;
    background-color: #875F9A;
    text-decoration: none;
    border-radius: 3px
}

.purple_btn:hover {
    color: #fff !important;
    background-color: #6b4c7a
}

.orange_btn {
    font-weight: 100;
    color: #fff;
    padding: 10px 30px 10px 30px;
    background-color: #da552f;
    text-decoration: none;
    border-radius: 3px
}

.orange_btn:hover {
    background-color: #cc4824
}

.regular_btn {
    display: inline-block;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #fff;
    border: none
}

.magenta_btn {
    font-weight: 100;
    color: #fff;
    padding: 10px 30px 10px 30px;
    background-color: #BD6F74;
    text-decoration: none;
    border-radius: 3px;
    color: #fff !important
}

.magenta_btn:hover,
.magenta_btn:focus {
    background-color: rgba(189, 111, 116, 0.9);
    color: #FFF !important
}

.devise_btn {
    margin-top: 40px
}

.light_blue_btn {
    font-weight: 400;
    color: #fff;
    padding: 10px 30px 10px 30px;
    background-color: #222;
    text-decoration: none;
    border-radius: 3px
}

.light_blue_btn:hover {
    background-color: #cc4824
}

.subscription_submit {
    font-weight: 400;
    z-index: 1000;
    border: none;
    color: #fff;
    padding: 7px 20px 6px 20px;
    background-color: #57ad68;
    text-decoration: none;
    border-radius: 3px
}

.subscription_submit:hover {
    background-color: #222
}

.subscribe_btn {
    text-align: center;
    position: relative;
    z-index: 1;
    font-weight: 100
}

.subscribe_btn a {
    z-index: 1000;
    color: #fff;
    padding: 10px 30px 10px 30px;
    background-color: #222;
    text-decoration: none;
    border-radius: 3px
}

.subscribe_btn a:hover {
    background-color: #555
}

#cycle_options_btn_2 {
    background-color: #da552f
}

#cycle_options_btn_2:hover {
    background-color: #000
}

.finalize_btn_2 {
    background-color: #4285f4
}

.finalize_btn_2:hover {
    background-color: #000
}

.save_frame_btn {
    border: none;
    font-weight: 400;
    font-size: 18px;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    background-color: #57ad68;
    -webkit-transition: .5s;
    transition: .5s
}

.save_frame_btn:hover {
    background-color: #000
}

#cycle_options_btn {
    margin-right: 0px;
    margin-top: 0px;
    display: inline-block;
    background-color: #da552f;
    padding: 5px 10px 5px 10px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 9px 0px #db1f05, 0px 9px 5px rgba(0, 0, 0, 0.7)
}

#cycle_options_btn:active {
    box-shadow: 0px 3px 0px #db1f05, 0px 3px 6px rgba(0, 0, 0, 0.9);
    position: relative;
    top: 2px;
    background-color: #db1f05
}

#recommended_options_btn {
    margin-right: 0px;
    margin-top: 0px;
    display: inline-block;
    background-color: #4285f4;
    padding: 5px 10px 5px 10px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 9px 0px #111, 0px 9px 5px rgba(0, 0, 0, 0.7)
}

#recommended_options_btn:active {
    box-shadow: 0px 3px 0px #535a6c, 0px 3px 6px rgba(0, 0, 0, 0.9);
    position: relative;
    top: 2px;
    background-color: #111
}

#finalize_btn {
    margin-right: 0px;
    margin-top: 0px;
    display: inline-block;
    background-color: #535a6c;
    padding: 5px 10px 5px 10px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 9px 0px #0a0a01, 0px 9px 5px rgba(0, 0, 0, 0.7)
}

#finalize_btn:active {
    box-shadow: 0px 3px 0px #db1f05, 0px 3px 6px rgba(0, 0, 0, 0.9);
    position: relative;
    top: 2px;
    background-color: #111
}

.frame_it_btn {
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    position: relative
}

.frame_it_btn span,
.frame_it_btn a {
    color: #fff;
    padding: 10px 30px 10px 30px;
    text-decoration: none;
    border-radius: 3px
}

.frame_it_btn a {
    display: none
}

.disabled_btn {
    opacity: 0.3;
    background-color: #555
}

.active_btn {
    display: none;
    cursor: pointer !important;
    background-color: #da552f
}

.active_btn:hover {
    background-color: #dc543b
}

.active_frame_it_btn {
    z-index: 100;
    cursor: pointer;
    background-color: #da552f
}

.active_frame_it_btn:hover {
    background-color: #dc543b
}

.recommend_btn {
    background-color: #535a6c;
    color: #fff !important;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    font-size: 14px;
    margin-left: -5px
}

.blue_3d_btn {
    background: #006da3;
    color: #fff;
    font-weight: 800 !important;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    cursor: pointer;
    border: none;
    padding: 14px;
    border-radius: 5px;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    font-size: 12px;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase
}

.blue_3d_btn:hover {
    text-decoration: none
}

.blue_gradient_btn {
    color: #fff;
    letter-spacing: 0px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 18px;
    text-decoration: none;
    background-color: #32CDFB;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    border-radius: .25rem;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35)
}

.black_embed_button {
    color: #fff;
    background-color: #111
}

.black_embed_button:hover {
    background-color: #111
}

.purple_embed_button {
    color: #fff;
    background-color: #4d4989
}

.purple_embed_button:hover {
    background-color: #111
}

.rounded_black_embed_button {
    width: 200px;
    border-radius: 3px
}

.level_embed_button {
    padding: 10px 15px 10px 30px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 600;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2)
}

.smart-green .button {
    background-color: #9DC45F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494
}

.smart-green .button:hover {
    background-color: #80A24A
}

.action-button {
    position: relative;
    padding: 10px 30px;
    margin: 0px 10px 10px 0px;
    border-radius: 8px;
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    border: none
}

.blue-action-button {
    background-color: #3498DB;
    border-bottom: 3px solid #2980B9
}

.red-action-button {
    background-color: #E74C3C;
    border-bottom: 5px solid #BD3E31;
    text-shadow: 0px -2px #BD3E31
}

.green-action-button {
    background-color: #82BF56;
    border-bottom: 5px solid #669644;
    text-shadow: 0px -1px #669644
}

.action-button:active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    border-bottom: 1px solid
}

.btn_behavior {
    position: relative
}

.btn_behavior:hover,
.btn_behavior:focus {
    outline: 0
}

.btn_behavior:active {
    top: 2px
}

.levle_btn {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border-radius: 4px;
    color: #555;
    text-align: center;
    font-size: 11px;
    font-weight: 800 !important;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #bbb;
    height: 38px;
    line-height: 38px;
    padding: 0 30px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
    box-sizing: border-box
}

.levle_btn:hover,
.levle_btn:focus {
    border-color: #888;
    color: #333;
    outline: 0
}

.levle_btn:active {
    top: 2px
}

.v2_btn {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    color: #555;
    text-align: center;
    font-size: 14px;
    line-height: 24px !important;
    font-weight: 600 !important;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #bbb;
    padding: 12px 30px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
    box-sizing: border-box;
    font-family: freight-sans-pro, "HelveticaNeue", Helvetica, Arial !important
}

.v2_btn:hover,
.v2_btn:focus {
    border-color: #888;
    color: #333;
    outline: 0;
    text-decoration: none !important
}

.v2_btn:active {
    top: 2px
}

.blue_v2_btn {
    color: #FFF !important;
    border-color: #5ba4e5;
    background-color: #5ba4e5
}

.blue_v2_btn:hover,
.blue_v2_btn:focus {
    background-color: #2f8cde;
    border-color: #2f8cde;
    color: #FFF !important
}

.black_v2_btn {
    color: #FFF !important;
    border-color: #000;
    background-color: #000
}

.black_v2_btn:hover,
.black_v2_btn:focus {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #FFF !important
}

.white_v2_btn {
    color: #000 !important;
    border-color: #eee;
    background-color: #fff
}

.white_v2_btn:hover,
.white_v2_btn:focus {
    background-color: #fff;
    border-color: #e6e6e6;
    color: #333 !important
}

.green_v2_btn {
    color: #fff !important;
    border-color: #57ad68;
    background-color: #57ad68
}

.green_v2_btn:hover,
.green_v2_btn:focus {
    background-color: #4d9e5d;
    border-color: #4d9e5d;
    color: #fff !important
}

.blue_levle_btn {
    color: #FFF !important;
    border-color: #5ba4e5;
    background-color: #5ba4e5
}

.blue_levle_btn:hover,
.blue_levle_btn:focus {
    background-color: #2f8cde;
    border-color: #2f8cde;
    color: #FFF !important
}

.purple_levle_btn {
    color: #FFF;
    border-color: #7e52cc;
    background-color: #7e52cc
}

.purple_levle_btn:hover,
.purple_levle_btn:focus {
    background-color: #4e2a8e;
    border-color: #4e2a8e;
    color: #FFF
}

.link_blue_levle_btn {
    color: #FFF !important;
    border-color: #2980b9;
    background-color: #2980b9
}

.link_blue_levle_btn:hover,
.link_blue_levle_btn:focus {
    background-color: #20638f;
    border-color: #20638f;
    color: #FFF !important
}

.yellow_upload_btn {
    color: #FFF !important;
    font-size: 16px;
    padding: 20px 30px;
    border-color: #2980b9;
    background-color: #2980b9;
    height: 48px;
    line-height: 16px
}

.yellow_upload_btn:hover,
.yellow_upload_btn:focus {
    background-color: #108ACB;
    border-color: #108ACB;
    color: #FFF !important
}

.pink_levle_btn {
    color: #FFF;
    border-color: #BD6F74;
    background-color: #BD6F74
}

.pink_levle_btn:hover,
.pink_levle_btn:focus {
    border-color: rgba(189, 111, 116, 0.9);
    background-color: rgba(189, 111, 116, 0.9);
    color: #FFF
}

.reduced_padding_levle_btn {
    height: 32px;
    line-height: 32px;
    padding: 0 20px
}

.red_levle_btn {
    color: #FFF !important;
    border-color: #da552f;
    background-color: #da552f
}

.red_levle_btn:hover,
.red_levle_btn:focus {
    background-color: #e2785a;
    border-color: #e2785a;
    color: #FFF
}

.black_levle_btn {
    color: #FFF !important;
    border-color: #000;
    background-color: #000
}

.black_levle_btn:hover,
.black_levle_btn:focus {
    background-color: #222;
    border-color: #222;
    color: #FFF !important
}

.dark_levle_btn {
    color: #FFF !important;
    border-color: #222;
    background-color: #222
}

.dark_levle_btn:hover,
.dark_levle_btn:focus {
    background-color: #333;
    border-color: #333;
    color: #FFF !important
}

.sky_blue_levle_btn {
    color: #FFF !important;
    border-color: #5ba4e5;
    background-color: #5ba4e5
}

.sky_blue_levle_btn:hover,
.sky_blue_levle_btn:focus {
    background-color: #2f8cde;
    border-color: #2f8cde;
    color: #FFF !important
}

.olive_green_levle_btn {
    color: #FFF !important;
    border-color: #9fbb58;
    background-color: #9fbb58
}

.olive_green_levle_btn:hover,
.olive_green_levle_btn:focus {
    background-color: #849f41;
    border-color: #849f41;
    color: #FFF !important
}

.white_levle_btn {
    background-color: #fafafa
}

.white_levle_info_btn {
    border-radius: 50%;
    background-color: #fafafa;
    border: 1px solid #999;
    font-size: 14px;
    margin-top: 1px
}

.levle_info_btn {
    border-radius: 50%;
    background-color: #efefef;
    border: 1px solid #999;
    font-size: 14px
}

.levle_info_btn:hover {
    background-color: #111;
    border: 1px solid #111;
    color: #fff
}

.black_levle_btn {
    color: #FFF;
    border-color: #000;
    background-color: #000
}

.black_levle_btn:hover,
.black_levle_btn:focus {
    background-color: #222;
    border-color: #222;
    color: #FFF
}

.green_levle_btn {
    color: #FFF !important;
    border-color: #57ad68;
    background-color: #57ad68
}

.green_levle_btn:hover,
.green_levle_btn:focus {
    background-color: #458c53;
    border-color: #458c53;
    color: #FFF !important
}

.order_btn {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-size: 18px;
    font-weight: 200;
    display: inline-block;
    background-color: transparent;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 30px;
    white-space: nowrap;
    box-sizing: border-box;
    border: none
}

.order_btn:active {
    top: 2px
}

.green_order_btn {
    color: #FFF;
    background-color: #57ad68
}

.green_order_btn:hover,
.green_order_btn:focus {
    background-color: #444;
    color: #fff
}

.finalize_levle_btn {
    color: #fff !important
}

.mobile_finalize_btn {
    display: none
}

.campaign_buy_btn {
    color: #FFF;
    border-color: #33C3F0;
    background-color: #33C3F0
}

.golden_ratio_btn:hover {
    background-color: #0FA0CE;
    border: 1px solid #0FA0CE
}

.customize_frame_btn {
    margin-top: 60px
}

.block_btn,
.block_grey_btn,
.block_green_btn,
.block_black_btn {
    display: inline-block;
    color: #fff;
    padding: 15px 25px 15px 25px;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    border-radius: 3px
}

.block_grey_btn {
    background-color: #fafafa;
    color: #111;
    border: 1px solid #bbb
}

.block_green_btn {
    background-color: #57ad68
}

.block_black_btn {
    background-color: #111
}

.glaze_popup h2 {
    font-weight: 700;
    font-size: 28px
}

.circular_btn {
    font-family: freight-sans-pro, "HelveticaNeue", Helvetica, Arial !important;
    font-size: 14px;
    font-weight: 600 !important;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    padding: 9px 20px;
    text-align: center;
    border: 1px solid #222;
    border-radius: 20px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #999999;
    color: #fff !important
}

.circular_btn:hover {
    color: #79be87 !important
}

.big_circular_btn {
    display: inline-block;
    padding: 12px 25px;
    text-align: center;
    border-radius: 35px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 22px !important;
    letter-spacing: .04rem !important;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border: none;
    margin-bottom: 2px
}

.big_hero_btn {
    font-family: freight-sans-pro, "HelveticaNeue", Helvetica, Arial !important;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    line-height: 24px !important;
    font-weight: 600 !important;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 30px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
    outline: none;
    border: none;
    margin-bottom: 2px
}

.blue_hero_btn {
    background-color: #5ba4e5;
    color: #fff
}

.blue_hero_btn:hover {
    color: #fff !important;
    background-color: #71b0e8
}

.dark_blue_hero_btn {
    padding: 15px 30px;
    background: #5d697e;
    color: #fff
}

.dark_blue_hero_btn:hover {
    color: #fff !important;
    background: #4a5364
}

.green_hero_btn {
    background-color: #57ad68;
    color: #fff
}

.green_hero_btn:hover {
    color: #fff !important;
    background-color: #68b577
}

.bigger_action_btn {
    font-size: 13px !important;
    padding: 14px 25px
}

.medium_circular_btn {
    display: inline-block;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 22px !important;
    letter-spacing: .04rem !important;
    display: inline-block;
    padding: 10px 25px;
    text-align: center;
    border-radius: 35px;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    border: none;
    margin-bottom: 2px
}

.medium_rectangular_btn {
    display: inline-block;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 22px !important;
    letter-spacing: .04rem !important;
    display: inline-block;
    padding: 10px 25px;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    border: none;
    margin-bottom: 2px
}

.green_big_circular_btn {
    background-color: #57ad68;
    color: #fff
}

.green_big_circular_btn:hover {
    color: #fff;
    background-color: #68b577
}

.blue_big_circular_btn {
    background-color: #5ba4e5;
    color: #fff
}

.blue_big_circular_btn:hover {
    color: #fff;
    background-color: #71b0e8
}

.white_big_circular_btn {
    background-color: #fff;
    border: 1px solid #e1e1e1
}

.white_big_circular_btn:hover {
    color: #000
}

.purple_circular_btn {
    background-color: #363d49;
    background: -webkit-linear-gradient(top, #5d697e 0%, #555f72 100%);
    background: linear-gradient(to bottom, #5d697e 0%, #555f72 100%);
    color: #fff
}

.purple_circular_btn:hover {
    color: #fff;
    background-color: #71b0e8
}

.black_circular_btn {
    background-color: #222;
    color: #fff
}

.black_circular_btn:hover {
    color: #fff;
    background-color: #2f2f2f
}

.green_circular_btn {
    background-color: #57ad68;
    color: #fff
}

.green_circular_btn:hover {
    color: #fff;
    background-color: #68b577
}

.grey_outline_circular_btn {
    border: 1px solid #e1e1e1;
    color: #5b6370
}

.grey_outline_circular_btn:hover {
    color: #727c8c
}

.circular_share_btn {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 16px
}

.white_outline_circular_btn {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%);
    border: 1px solid #fff;
    color: #fff
}

.white_outline_circular_btn:hover {
    color: #fff
}

.green_outline_circular_btn {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, transparent 100%);
    border: 1px solid #bcdaf4;
    color: #bcdaf4
}

.green_outline_circular_btn:hover {
    color: #bcdaf4
}

.campaign_show_circular_btn {
    background-color: #363d49;
    background: -webkit-linear-gradient(top, #5b677b 0%, #5d697e 100%);
    background: linear-gradient(to bottom, #5b677b 0%, #5d697e 100%);
    color: #fff;
    border: 1px solid #5b677b
}

.campaign_show_circular_btn:hover {
    color: #fff;
    background-color: #71b0e8
}

.vibrant_purple_circular_btn {
    background-color: #825dc0;
    color: #fff
}

.vibrant_purple_circular_btn:hover,
.vibrant_purple_circular_btn:focus {
    color: #fff;
    background-color: #7c56bd
}

.blue_circular_btn {
    background-color: #5ba4e5;
    color: #fff
}

.blue_circular_btn:hover,
.blue_circular_btn:focus {
    color: #fff;
    background-color: #2282d7
}

.light_blue_circular_btn {
    background-color: #808897;
    color: #fff
}

.light_blue_circular_btn:hover,
.light_blue_circular_btn:focus {
    color: #fff;
    background-color: #7b8393
}

.stripe-connect-btn {
    display: inline-block
}

.stripe-connect-btn img {
    width: 190px
}

.cbutton {
    position: relative;
    display: inline-block;
    padding: 0;
    border: none;
    background: none;
    color: #da552f;
    font-size: 1.4em;
    overflow: visible;
    -webkit-transition: color 0.7s;
    transition: color 0.7s;
    -webkit-tap-highlight-color: transparent
}

.cbutton.cbutton--click,
.cbutton:focus {
    outline: none;
    color: #b64220
}

.cbutton__icon {
    display: block
}

.cbutton__text {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.cbutton::after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
    z-index: 0
}

.cbutton_container {
    padding: 1em;
    min-height: 240px;
    text-align: center;
    background-color: #111
}

.console_sidebar_btn {
    position: relative;
    display: block;
    border-radius: 2px;
    text-align: center;
    font-size: 11px;
    font-family: 'HelveticaNeue', Helvetica, Arial;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer;
    padding: 10px 20px;
    margin-bottom: 2px;
    letter-spacing: .1rem;
    text-transform: uppercase
}

.console_sidebar_btn:active {
    top: 2px
}

.console_sidebar_btn--blue {
    background: #5ba4e5;
    color: #fff !important
}

.console_sidebar_btn--blue:hover {
    background: #2f8cde;
    text-decoration: none !important
}

.console_sidebar_btn--red {
    background: #da552f;
    color: #fff !important
}

.console_sidebar_btn--red:hover {
    background: #b64220;
    text-decoration: none !important
}

.console_sidebar_btn--dark_blue {
    background: #555f72;
    color: #fff !important
}

.console_sidebar_btn--dark_blue:hover {
    background: #3f4755;
    text-decoration: none !important
}

.console_sidebar_btn--black {
    background: #222;
    color: #fff !important
}

.console_sidebar_btn--black:hover {
    background: #090909;
    text-decoration: none !important
}

.console_sidebar_btn--white {
    background: #fff;
    color: #222 !important;
    border: 1px solid #999
}

.console_sidebar_btn--white:hover {
    background: #e6e6e6;
    text-decoration: none !important
}

.card_container {
    position: relative;
    -webkit-perspective: 900px;
    perspective: 900px
}

.card_block {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.card_block figure {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.card_block .card_front {
    position: relative;
    z-index: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.card_block .card_back {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.ie_card_container figure {
    -webkit-transition: 0.8s;
    transition: 0.8s
}

.ie_card_container>.card_block.flip .card_back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.ie_card_container>.card_block.flip .card_front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.campaign_product_select_form input.radio:empty {
    margin-left: -9999px
}

.campaign_product_select_form input.radio:empty ~ label {
    position: relative;
    float: left;
    line-height: 2.5em;
    margin-top: 2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.campaign_product_select_form input.radio span {
    text-indent: 3.25em
}

.campaign_product_select_form input.radio:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px
}

.campaign_product_select_form input.radio:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em
}

.campaign_product_select_form input.radio:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #fff;
    background-color: #33C3F0
}

.level_logo_gloss {
    height: 30px;
    margin-top: 5px;
    padding-bottom: 0;
    margin-left: 10px
}

.artist_name li {
    margin-top: 2px
}

.nav_a,
.campaign_nav_links li a,
.nav_link_style a,
.artist_name li a,
.new_nav_links li a,
.mobile_new_nav_links li a,
.white_new_nav_links li a,
.zen_editor_nav_links li a {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .16rem;
    text-decoration: none;
    color: #999
}

.nav_a:hover,
.campaign_nav_links li a:hover,
.nav_link_style a:hover,
.artist_name li a:hover,
.new_nav_links li a:hover,
.mobile_new_nav_links li a:hover,
.white_new_nav_links li a:hover,
.zen_editor_nav_links li a:hover {
    color: #0FA0CE
}

.campaign_nav_links {
    position: relative;
    float: right;
    margin-top: 0;
    padding-top: 8px
}

.campaign_nav_links li {
    display: inline-block;
    margin-left: 30px
}

.new_nav_wrapper {
    position: relative;
    width: 980px;
    margin: 0 auto
}

.new_nav_header {
    display: block;
    width: 100%;
    background: #fff;
    padding: 15px 0 10px 0;
    position: relative;
    z-index: 10
}

.vinyl_nav_header {
    display: block;
    width: 100%;
    background: #fff;
    padding: 0 0 10px 0;
    position: fixed;
    z-index: 1000
}

.nav_top_padding {
    padding-top: 15px
}

.transparent_new_nav_header {
    display: block;
    width: 100%;
    padding: 15px 0 10px 0;
    z-index: 100
}

.nav_link_style,
.artist_name li {
    display: inline-block;
    margin-left: 30px
}

.artist_name {
    float: left;
    margin-top: 9px
}

.new_nav_links,
.mobile_new_nav_links {
    position: relative;
    float: right;
    margin-top: 0;
    padding-top: 8px;
    margin-right: 0
}

.new_nav_links li,
.mobile_new_nav_links li {
    display: inline-block;
    margin-left: 30px
}

.white_new_nav_links {
    position: relative;
    float: right;
    margin-top: 0;
    padding-top: 8px;
    margin-right: 0
}

.white_new_nav_links li {
    display: inline-block;
    margin-left: 30px
}

.white_new_nav_links li a {
    color: #ccc
}

.white_new_nav_links li a:hover {
    color: #0FA0CE
}

.discover_links {
    margin-right: 20px !important;
    padding-top: 11px
}

.checkout_nav_padding {
    padding: 7px 0 0 0 !important;
    margin-bottom: 5px
}

.new_nav_logo {
    float: left
}

.new_nav_logo a {
    font-size: 24px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #111 !important;
    text-decoration: none;
    -webkit-font-smoothing: subpixel-antialiased
}

.transparent_nav {
    background: none;
    border: none;
    position: relative
}

.transparent_nav .new_nav_links li a,
.transparent_nav .mobile_new_nav_links li a {
    color: #fff
}

.transparent_nav .new_nav_links li a:hover,
.transparent_nav .mobile_new_nav_links li a:hover {
    color: #0FA0CE
}

.transparent_nav .new_nav_logo a {
    color: #fff !important
}

.dark_nav_links .new_nav_links li a,
.dark_nav_links .mobile_new_nav_links li a {
    color: #555
}

.dark_nav_links .new_nav_links li a:hover,
.dark_nav_links .mobile_new_nav_links li a:hover {
    color: #0FA0CE
}

.dark_nav_links .new_nav_logo a {
    color: #111 !important
}

.mobile_new_nav_links {
    padding-right: 10px;
    margin-top: 0;
    padding-top: 5px;
    display: none
}

.mobile_new_nav_links li a {
    font-size: 20px
}

.zen_editor_nav_links {
    position: relative;
    float: right;
    margin-top: 0;
    margin-right: 40px;
    padding-top: 0
}

.zen_editor_nav_links li {
    padding-top: 0;
    margin-top: 0;
    display: inline-block;
    margin-left: 30px
}

.campaign_logo {
    float: left
}

.campaign_logo a {
    font-weight: 700 !important;
    color: #111 !important;
    font-size: 24px !important;
    text-decoration: none;
    -webkit-font-smoothing: subpixel-antialiased
}

.v2_nav {
    padding-top: 10px;
    position: relative;
    z-index: 100;
    padding-left: 20px
}

.v2_nav_brand {
    float: left;
    margin: 0;
    padding: 5px 0 0 0
}

.v2_nav_brand img {
    height: 35px
}

.logo_brand_name_text {
    float: left;
    margin-left: 30px;
    margin-top: 10px
}

.logo_brand_name_text li a {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .16rem;
    text-decoration: none;
    color: #fff
}

.dark_logo_text {
    margin-top: 11px
}

.dark_logo_text li a {
    color: #999
}

@media screen and (max-width: 1200px) {
    .social-link {
        display: none !important
    }
}

.top_banner_center_text a {
    text-decoration: underline !important;
    color: #00FF7F !important
}

.top_nav_wrapper {
    z-index: 800;
    position: relative
}

.nav_drawer {
    position: absolute;
    margin-top: 0;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background: #f4f5f9;
    width: 100%;
    z-index: 700;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.nav_drawer a {
    text-decoration: none
}

.nav_drawer a span {
    display: inline-block;
    padding-left: 5px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 300;
    max-width: 170px;
    margin: 0 auto;
    line-height: 16px;
    color: #333;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.nav_drawer a p {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .14rem;
    text-transform: uppercase;
    color: #444;
    padding-left: 5px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.nav_drawer a:hover p,
.nav_drawer a:hover span {
    color: #2980b9
}

.open_top_nav_drawer {
    margin-top: 0px
}

.nav_drawer_wrapper {
    background: #f4f5f9;
    z-index: 700;
    padding: 30px 20px 30px 20px;
    border-top: 1px solid #eee;
    box-shadow: 0 0 3px 0 rgba(43, 52, 62, 0.75)
}

.nav_drawer_darken_page {
    display: none;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 600;
    position: fixed;
    background: rgba(43, 52, 62, 0.75)
}

.nav_drawer_open_darken_page {
    display: block;
    opacity: 1
}

.nav_drawer_close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #777 !important
}

.nav_drawer_close:hover {
    color: #5ba4e5 !important
}

.active-dropdown-nav-link {
    color: #5ba4e5 !important
}

.text-only-drawer {
    max-width: 890px;
    margin: 0 auto
}

.text-only-drawer a {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .14rem;
    text-transform: uppercase;
    color: #444;
    padding-left: 5px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.text-only-drawer a:hover {
    color: #2980b9
}

@media screen and (max-width: 700px) {
    .text-only-drawer {
        text-align: left
    }
    .text-only-drawer .column {
        margin-bottom: 15px
    }
}

.mobile_back_link,
.mobile_link_category {
    display: none
}

@media screen and (max-width: 600px) {
    .mobile_back_link,
    .mobile_link_category {
        display: block
    }
}

.mobile_back_link a,
.mobile_back_link a span {
    color: #999 !important
}

.mobile_back_link a:hover,
.mobile_back_link a span:hover {
    color: #2980b9 !important
}

.mobile_link_category {
    margin-top: -30px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .14rem;
    text-transform: uppercase;
    color: #b7b7b7;
    font-size: 12px
}

.mobile_all_product_block {
    margin-bottom: 25px;
    text-align: left
}

.mobile_all_product_block img {
    display: inline-block;
    width: 60px;
    vertical-align: middle
}

.mobile_all_product_block a span {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    padding-left: 20px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .14rem;
    text-transform: uppercase;
    color: #444
}

.mobile_link_chevron {
    color: #e2e2e2
}

span.follow-us-drawer-text {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .14rem;
    text-transform: uppercase;
    color: #444
}

.social-drawer-links a {
    padding-right: 10px;
    font-size: 13px
}

.drawer-content {
    max-width: 1150px;
    margin: 0 auto;
    padding: 10px 20px 10px 20px
}

.mobile_all_products_wrapper {
    display: none
}

@media screen and (max-width: 500px) {
    .mobile_all_products_wrapper {
        display: block
    }
}

.desktop_all_products_wrapper {
    display: block
}

@media screen and (max-width: 500px) {
    .desktop_all_products_wrapper {
        display: none
    }
}

.all-products-drawer-content img {
    max-height: 160px
}

@media screen and (max-width: 770px) {
    .all-products-drawer-content .columns {
        display: block
    }
    .all-products-drawer-content .column {
        display: inline-block;
        vertical-align: top;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 30%;
        padding: 0 5px 40px 5px
    }
}

.pygments_code {
    background-color: #fafafa;
    padding: 10px 20px
}

.pygments_code span,
.pygments_code p {
    font-family: Monaco, Consolas, 'Courier New', Courier !important;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 14px !important
}

.pygments_code::before {
    position: absolute;
    content: '</>';
    left: -80px;
    color: #999;
    font-size: 20px
}

.pygments_code:hover::before {
    color: #4e2a8e
}

.github_theme pre * {
    white-space: nowrap
}

.github_theme pre {
    overflow-x: scroll !important
}

.github_theme pre {
    white-space: pre
}

.github_theme .c {
    color: #999988;
    font-style: italic
}

.github_theme .k {
    font-weight: bold
}

.github_theme .o {
    font-weight: bold
}

.github_theme .cm {
    color: #999988;
    font-style: italic
}

.github_theme .cp {
    color: #999999;
    font-weight: bold
}

.github_theme .c1 {
    color: #999988;
    font-style: italic
}

.github_theme .cs {
    color: #999999;
    font-weight: bold;
    font-style: italic
}

.github_theme .gd {
    color: #000000;
    background-color: #ffdddd
}

.github_theme .gd .x {
    color: #000000;
    background-color: #ffaaaa
}

.github_theme .ge {
    font-style: italic
}

.github_theme .gr {
    color: #aa0000
}

.github_theme .gh {
    color: #999999
}

.github_theme .gi {
    color: #000000;
    background-color: #ddffdd
}

.github_theme .gi .x {
    color: #000000;
    background-color: #aaffaa
}

.github_theme .go {
    color: #888888
}

.github_theme .gp {
    color: #555555
}

.github_theme .gs {
    font-weight: bold
}

.github_theme .gu {
    color: #800080;
    font-weight: bold
}

.github_theme .gt {
    color: #aa0000
}

.github_theme .kc {
    font-weight: bold
}

.github_theme .kd {
    font-weight: bold
}

.github_theme .kn {
    font-weight: bold
}

.github_theme .kp {
    font-weight: bold
}

.github_theme .kr {
    font-weight: bold
}

.github_theme .kt {
    color: #445588;
    font-weight: bold
}

.github_theme .m {
    color: #009999
}

.github_theme .s {
    color: #dd1144
}

.github_theme .n {
    color: #333333
}

.github_theme .na {
    color: teal
}

.github_theme .nb {
    color: #0086b3
}

.github_theme .nc {
    color: #445588;
    font-weight: bold
}

.github_theme .no {
    color: teal
}

.github_theme .ni {
    color: purple
}

.github_theme .ne {
    color: #990000;
    font-weight: bold
}

.github_theme .nf {
    color: #990000;
    font-weight: bold
}

.github_theme .nn {
    color: #555555
}

.github_theme .nt {
    color: navy
}

.github_theme .nv {
    color: teal
}

.github_theme .ow {
    font-weight: bold
}

.github_theme .w {
    color: #bbbbbb
}

.github_theme .mf {
    color: #009999
}

.github_theme .mh {
    color: #009999
}

.github_theme .mi {
    color: #009999
}

.github_theme .mo {
    color: #009999
}

.github_theme .sb {
    color: #dd1144
}

.github_theme .sc {
    color: #dd1144
}

.github_theme .sd {
    color: #dd1144
}

.github_theme .s2 {
    color: #dd1144
}

.github_theme .se {
    color: #dd1144
}

.github_theme .sh {
    color: #dd1144
}

.github_theme .si {
    color: #dd1144
}

.github_theme .sx {
    color: #dd1144
}

.github_theme .sr {
    color: #009926
}

.github_theme .s1 {
    color: #dd1144
}

.github_theme .ss {
    color: #990073
}

.github_theme .bp {
    color: #999999
}

.github_theme .vc {
    color: teal
}

.github_theme .vg {
    color: teal
}

.github_theme .vi {
    color: teal
}

.github_theme .il {
    color: #009999
}

.github_theme .gc {
    color: #999;
    background-color: #EAF2F5
}

.mat_slider_value_text {
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
    margin-top: 0px
}

.zen_editor_customizing_description {
    font-size: 20px
}

.mat_slider--reduced_margin {
    margin-left: 20px !important
}

.current_setup {
    margin-top: 0px;
    margin-bottom: 0;
    padding: 5px;
    background-color: #fff
}

.current_setup_p {
    font-size: 16px;
    color: #555
}

.frame_options_total_price_text--modified {
    font-weight: 800 !important;
    padding-left: 0px;
    font-size: 18px
}

.zen_editor_controls_area--outlined {
    box-sizing: border-box;
    margin-top: 0;
    margin-right: 20px !important;
    overflow: hidden
}

.controls_outlined_box {
    padding: 10px 30px 30px 30px;
    border-radius: 6px;
    border: 1px solid #eee
}

.golden_ratio_description {
    font-size: 14px;
    font-style: italic;
    padding-left: 15px
}

.zen_control_title {
    padding-right: 15px;
    display: inline-block;
    width: 90px
}

.zen_control_title--matting_adjustment {
    vertical-align: top;
    padding-top: 5px
}

.frame_profile_control_thumb {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #bbb;
    background-color: #fafafa
}

.levle_btn--mat_color_btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 2px;
    height: 37px;
    width: 37px;
    box-sizing: border-box
}

.levle_btn--mat_color_btn:hover,
.levle_btn--mat_color_btn:focus {
    border-color: #999;
    outline: 0
}

.levle_btn--mat_color_btn:active {
    top: 2px
}

.mat_color_swatch {
    position: absolute;
    height: 35px;
    width: 35px
}

.zen_control_column {
    margin-bottom: 10px
}

.zen_control_column input[type="radio"] {
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 0;
    position: relative;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    height: 1.25em;
    width: 1.25em;
    background-color: #eee;
    vertical-align: middle
}

.zen_control_column input[type="radio"]:checked:before {
    content: "\2713";
    position: absolute;
    font-size: 0.85em;
    left: 1px;
    text-align: center;
    width: 1.25em;
    color: #ff5a5f
}

.zen_control_checkbox_block {
    border: 1px solid #eee;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin-right: 10px;
    border-radius: 2px;
    margin-bottom: 10px
}

.zen_control_checkbox_label {
    padding-left: 8px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer
}

.zen_control_colum--greater_bottom_margin {
    margin-bottom: 20px
}

.profile_swatch {
    display: none
}

.finalize_indent {
    padding: 0 20px 0 20px
}

.zen_controls--indented {
    margin-top: 20px;
    background-color: #fff;
    padding: 10px
}

.current_setup_block {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
    margin-bottom: 25px;
    margin-right: 20px
}

.finalize_button_block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    margin-bottom: 25px
}

.all_profile_shots {
    margin-top: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.all_profile_shots img {
    max-width: 100px
}

.profile_shot_thumb {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    text-align: center
}

.profile_shot_thumb a img {
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #eee
}

.profile_shot_thumb a img:hover {
    border: 1px solid #ccc
}

.profile_shot_thumb a:active,
.profile_shot_thumb a:focus {
    outline: none
}

.flex_profile_thumb {
    width: 100%
}

.mobile_finalize_button {
    display: none;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px
}

.levle_frame_bg {
    position: relative;
    margin: 20px 80px 10px 40px;
    
    float: left
}

.levle_frame_container {
    float: left;
    width: 50%
}

.overlay_gradient {
    position: absolute;
    background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06) 20%, rgba(255, 255, 255, 0) 37%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06) 20%, rgba(255, 255, 255, 0) 37%);
    z-index: 1000;
    height: 100%;
    width: 100%;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.levle_frame {
    position: relative;
    margin: 0 auto;
    background-color: #444;
    background-repeat: no-repeat;
    -webkit-transition: all 0.30s ease;
    transition: all 0.30s ease
}

.levle_frame:after {
    position: absolute;
    content: '';
    bottom: -13px;
    right: 12px;
    height: 55px;
    width: 35px;
    z-index: -1 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.1) 95%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 95%)
}

.levle_frame:before {
    position: absolute;
    content: '';
    margin-top: 4px;
    margin-left: -18px;
    height: 55px;
    width: 35px;
    z-index: -1 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.05) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.05) 100%)
}

.zen_control_column .levle_btn {
    padding: 0 15px
}

.zen_finalize_area {
    margin-top: 20px
}

.zen_editor_content {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 20px
}

.zen_editor_popup {
    line-height: 25px
}

.zen_editor_popup .mfp-close {
    display: none
}

.zen_editor_controls_area {
    float: left;
    width: 43%;
    margin-right: 5px;
    margin-top: 0px;
    padding-top: 0;
    margin-left: 60px
}

.zen_mobile_controls {
    display: none;
    text-align: center;
    margin: 0 30px 50px 30px
}

.zen_editor_main_description {
    font-weight: 400;
    color: #333;
    font-size: 16px;
    line-height: 22px
}

.zen_editor_main_description p {
    margin: 0;
    padding: 0px
}

.zen_controls a {
    margin-bottom: 5px
}

.zen_controls p {
    font-size: 15px
}

.zen_editor_top_btns {
    margin-top: 20px
}

.zen_editor_top_btns a {
    margin-bottom: 5px
}

.zen_info {
    color: #888;
    padding: 3px;
    font-style: normal;
    border: 1px solid #bbb;
    border-radius: 4px;
    line-height: 14px;
    text-align: center
}

.active_thumbnail {
    display: inline-block !important
}

.corner_image_large_container {
    position: fixed;
    top: 37%;
    left: 50%;
    margin-top: -174px;
    margin-left: -174px;
    z-index: 1000
}

.corner_image_large_container .mfp-close {
    display: none
}

.corner_image_large_container img {
    display: none;
    width: 349px;
    height: 349px;
    border-radius: 1px;
    z-index: 1000;
    cursor: no-drop;
    box-shadow: 0 0 0 17px rgba(255, 255, 255, 0.85), 0 5px 27px 37px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25)
}

.hidden_controls {
    display: none
}

.close_icon img {
    width: 35px
}

.right_action_icons {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 35px;
    height: 41px;
    z-index: 1000
}

.loading {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 800ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 800ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 800ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(3600deg)
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.hidden_thumbnails {
    display: none
}

#mat_slider {
    position: relative;
    display: inline-block;
    margin-left: 35px;
    width: 100%;
    cursor: pointer;
    margin-bottom: 15px;
    margin-top: 10px;
    max-width: 180px
}

.mat_slider_value_area {
    display: inline-block;
    margin-left: 30px;
    vertical-align: top;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 600 !important;
    letter-spacing: .1rem;
    text-transform: uppercase;
    margin-bottom: 20px
}

#slider-toggle {
    position: relative;
    display: inline-block;
    margin-left: 35px;
    margin-top: 10px;
    width: 60px;
    cursor: pointer;
    margin-bottom: 15px
}

.mat_color_value_area {
    display: inline-block;
    margin-top: 10px;
    margin-left: 30px;
    vertical-align: top
}

.mat_color_value_area span {
    font-size: 12px;
    font-weight: 600 !important;
    letter-spacing: .1rem;
    text-transform: uppercase
}

.hidden_top_items {
    display: none
}

.zen_content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-top: 80px
}

.zen_frame_loader {
    position: relative;
    top: 200px;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    -webkit-perspective: 400px;
    perspective: 400px;
    -webkit-transform-type: preserve-3d
}

.zen_frame_loader .frame_loader_message {
    position: absolute;
    margin-top: -180px
}

.frame_square {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-transform-type: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-type: preserve-3d;
    -moz-transform-origin: 50% 50%
}

.square--mini {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 25%;
    margin-top: 0;
    margin-left: 0;
    -webkit-perspective: 400px;
    perspective: 400px;
    -webkit-transform-type: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: translateZ(200px) rotateX(20deg) rotateY(-10deg);
    -moz-transform-type: preserve-3d;
    -moz-transform-origin: 50% 50%;
    -moz-transform: translateZ(200px) rotateX(20deg) rotateY(-10deg);
    background-color: #1e3f57;
    -webkit-animation: squaremini 4s cubic-bezier(0.38, 0.04, 0.38, 0.99) infinite;
    animation: squaremini 4s cubic-bezier(0.38, 0.04, 0.38, 0.99) infinite
}

.square--mini:nth-child(4n+2) {
    left: 25%
}

.square--mini:nth-child(4n+3) {
    left: 50%
}

.square--mini:nth-child(4n+4) {
    left: 75%
}

.square--mini:nth-child(5),
.square--mini:nth-child(6),
.square--mini:nth-child(7),
.square--mini:nth-child(8) {
    top: 25%
}

.square--mini:nth-child(9),
.square--mini:nth-child(10),
.square--mini:nth-child(11),
.square--mini:nth-child(12) {
    top: 50%
}

.square--mini:nth-child(13),
.square--mini:nth-child(14),
.square--mini:nth-child(15),
.square--mini:nth-child(16) {
    top: 75%
}

.square--mini:nth-child(2),
.square--mini:nth-child(5) {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms
}

.square--mini:nth-child(3),
.square--mini:nth-child(6),
.square--mini:nth-child(9) {
    -webkit-animation-delay: 200ms;
    -moz-animation-delay: 200ms
}

.square--mini:nth-child(4),
.square--mini:nth-child(7),
.square--mini:nth-child(10),
.square--mini:nth-child(13) {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms
}

.square--mini:nth-child(8),
.square--mini:nth-child(11),
.square--mini:nth-child(14) {
    -webkit-animation-delay: 400ms;
    -moz-animation-delay: 400ms
}

.square--mini:nth-child(12),
.square--mini:nth-child(15) {
    -webkit-animation-delay: 500ms;
    -moz-animation-delay: 500ms
}

.square--mini:nth-child(16) {
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms
}

@-webkit-keyframes squaremini {
    0%,
    100% {
        -webkit-transform: translateZ(200px) rotateX(20deg) rotateY(-10deg) rotateZ(10deg);
        background-color: #1e3f57
    }
    12.5%,
    62.5% {
        -webkit-transform: translateZ(0) rotateX(0) rotateY(0);
        background-color: #3c617d
    }
    25%,
    75% {
        -webkit-transform: translateZ(200px) rotateX(-20deg) rotateY(10deg) rotateZ(-10deg);
        background-color: #3c617d
    }
    37.5% {
        -webkit-transform: translateZ(0) rotateX(0) rotateY(0);
        background-color: #6bb2cd
    }
    50% {
        -webkit-transform: translateZ(200px) rotateX(20deg) rotateY(-10deg) rotateZ(5deg);
        background-color: #6bb2cd
    }
    87.5% {
        -webkit-transform: translateZ(0) rotateX(0) rotateY(0);
        background-color: #1e3f57
    }
}

@keyframes squaremini {
    0%,
    100% {
        -moz-transform: translateZ(200px) rotateX(20deg) rotateY(-10deg) rotateZ(10deg);
        -webkit-transform: translateZ(200px) rotateX(20deg) rotateY(-10deg) rotateZ(10deg);
        background-color: #1e3f57
    }
    12.5%,
    62.5% {
        -moz-transform: translateZ(0) rotateX(0) rotateY(0);
        -webkit-transform: translateZ(0) rotateX(0) rotateY(0);
        background-color: #3c617d
    }
    25%,
    75% {
        -moz-transform: translateZ(200px) rotateX(-20deg) rotateY(10deg) rotateZ(-10deg);
        -webkit-transform: translateZ(200px) rotateX(-20deg) rotateY(10deg) rotateZ(-10deg);
        background-color: #3c617d
    }
    37.5% {
        -moz-transform: translateZ(0) rotateX(0) rotateY(0);
        -webkit-transform: translateZ(0) rotateX(0) rotateY(0);
        background-color: #6bb2cd
    }
    50% {
        -moz-transform: translateZ(200px) rotateX(20deg) rotateY(-10deg) rotateZ(5deg);
        -webkit-transform: translateZ(200px) rotateX(20deg) rotateY(-10deg) rotateZ(5deg);
        background-color: #6bb2cd
    }
    87.5% {
        -moz-transform: translateZ(0) rotateX(0) rotateY(0);
        -webkit-transform: translateZ(0) rotateX(0) rotateY(0);
        background-color: #1e3f57
    }
}

.user_image_upload_div {
    line-height: 26px
}

.info_slider {
    vertical-align: top
}

.mobile_zen_editor_menu {
    display: none
}

.mobile_zen_editor_menu li a {
    font-size: 26px;
    color: #111
}

.frame_loading_spinner {
    position: absolute;
    margin: 20px;
    margin-left: -50px;
    width: 100px !important
}

.frame_editor_quality_section {
    margin-top: 100px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.frame_editor_quality_section p,
.frame_editor_quality_section td,
.frame_editor_quality_section strong,
.frame_editor_quality_section span,
.frame_editor_quality_section li,
.frame_editor_quality_section h1,
.frame_editor_quality_section h2,
.frame_editor_quality_section h3,
.frame_editor_quality_section h4,
.frame_editor_quality_section h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.frame_editor_quality_section h3 {
    font-weight: 700;
    font-size: 15px;
    color: #aaaaaa
}

.frame_editor_quality_section ul {
    margin-left: 20px
}

.frame_editor_quality_section li {
    font-size: 13px;
    color: #848484;
    list-style-type: disc
}

.frame_editor_quality_section p {
    font-weight: 300;
    font-size: 13px;
    color: #848484
}

@media screen and (max-width: 900px) {
    .frame_editor_quality_section .columns {
        display: block
    }
}

.frame_editor_quality_small_column {
    margin-left: 60px;
    padding: 25px 25px 25px 25px;
    border-radius: 10px;
    background-color: #fafafa
}

.frame_editor_quality_small_column h3 {
    color: #333;
    font-weight: 400
}

.frame_editor_quality_small_column p {
    color: #515151
}

@media screen and (max-width: 900px) {
    .frame_editor_quality_small_column {
        margin-left: 0
    }
}

.quality_ribbon {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto
}

.quality_badge_section {
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 100px
}

.quality_badge_section h3 {
    color: #333;
    font-weight: 400
}

.quality_badge_section_homepage {
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 100px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.quality_badge_section_homepage p,
.quality_badge_section_homepage td,
.quality_badge_section_homepage strong,
.quality_badge_section_homepage span,
.quality_badge_section_homepage li,
.quality_badge_section_homepage h1,
.quality_badge_section_homepage h2,
.quality_badge_section_homepage h3,
.quality_badge_section_homepage h4,
.quality_badge_section_homepage h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.quality_badge_section_homepage h3 {
    color: #333;
    font-weight: 400;
    font-size: 16px !important
}

.quality_badge_section_summary_page {
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.quality_badge_section_summary_page p,
.quality_badge_section_summary_page td,
.quality_badge_section_summary_page strong,
.quality_badge_section_summary_page span,
.quality_badge_section_summary_page li,
.quality_badge_section_summary_page h1,
.quality_badge_section_summary_page h2,
.quality_badge_section_summary_page h3,
.quality_badge_section_summary_page h4,
.quality_badge_section_summary_page h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.quality_badge_section_summary_page h3 {
    color: #333;
    font-weight: 400;
    font-size: 14px
}

.quality_badge_section_summary_page p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 300 !important;
    font-size: 13px !important;
    line-height: 28px !important;
    color: #848484 !important
}

.shipping_info_quality_column {
    margin-left: 60px
}

@media screen and (max-width: 900px) {
    .shipping_info_quality_column {
        margin-left: 0
    }
}

.hidden_tabletop_finalize_btn {
    display: none
}

.tabletop_price p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-transform: uppercase
}

.tabletop_yourframe_text p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 300 !important;
    font-size: 13px !important;
    color: #333 !important
}

.tabletop_yourframe_text strong {
    font-weight: 300
}

.tabletop_post_upload_content {
    display: none;
    margin-top: 20px;
    background: #f6f6f6;
    padding: 15px 15px 2px 15px
}

.tabletop_post_upload_content p {
    font-weight: 400
}

.tabletop_post_upload_content p a {
    cursor: pointer !important
}

.tabletop_content img {
    width: 100px
}

.tabletop_content p.landscape_portrait_subtext {
    letter-spacing: 0.05rem
}

.tabletop_content .tgl-ios+.tgl-btn {
    background: #68b577;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.tabletop_content .tgl-ios+.tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08)
}

.tabletop_content .tgl-ios+.tgl-btn:hover:after {
    will-change: padding
}

.tabletop_content .tgl-ios+.tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9
}

.tabletop_content .tgl-ios+.tgl-btn:active:after {
    padding-right: .8em
}

.tabletop_content .tgl-ios:checked+.tgl-btn {
    background: #4598e2
}

.tabletop_content .tgl-ios:checked+.tgl-btn:active {
    box-shadow: none
}

.tabletop_content .tgl-ios:checked+.tgl-btn:active:after {
    margin-left: -.8em
}

.tabletop_frame_style span.white_sidebar_section_label {
    letter-spacing: 0.05rem;
    font-size: 11px;
    font-weight: 600
}

.tabletop_frame_style .profile_swatches a img {
    width: 50px !important;
    height: 50px !important
}

.tabletop_profile_title {
    font-weight: 300 !important;
    text-transform: uppercase;
    font-size: 13px !important
}

.tabletop_image_too_small_message,
.tabletop_image_orientation_wrong {
    display: none
}

.tabletop_image_too_small_message p,
.tabletop_image_orientation_wrong p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 300 !important;
    color: red;
    font-size: 14px;
    line-height: 22px
}

p.tabletop_remote_editor_text {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 200 !important;
    font-size: 17px;
    line-height: 30px;
    padding-top: 0;
    margin-top: 0
}

.light_blue_number {
    background-color: #4598e2 !important
}

.tabletop_how_it_works ul li {
    margin-bottom: 5px !important;
    padding: 0 15px 0 15px
}

@media screen and (max-width: 740px) {
    .tabletop_how_it_works ul li .lp_how_it_works_number {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 740px) {
    .tabletop_how_it_works ul li .lp_how_it_works_list_text {
        margin-top: 0;
        margin-bottom: 30px
    }
}

.line-through-price {
    color: #dc543b;
    text-decoration: line-through
}

.discount-tabletop-price {
    color: #4d9e5d;
    font-weight: 400
}

.frame_editor_discount_price {
    margin-top: 25px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px
}

.frame_editor_discount_price_line_through {
    color: #dc543b;
    font-weight: 400;
    text-decoration: line-through;
    font-size: 16px
}

.frame_editor_discount_price_at_checkout {
    color: #4d9e5d;
    font-weight: 400;
    font-size: 16px
}

.frame_editor_credits_available {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px
}

.frame_editor_credits {
    color: #50a461;
    font-weight: 600;
    font-size: 13px
}

.frame_editor_button_price_line_through {
    text-decoration: line-through;
    color: #ddd
}

.illustrator_post_upload_content {
    display: none;
    background: #fafafa;
    padding: 15px 15px 1px 15px
}

.screenshot_and_save_content,
.download_screenshot_content {
    display: none
}

.made_by_level_link a {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 300
}

.illustrator_made_by_text_description {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    color: #333;
    font-weight: 300
}

.illustrator_download_preview {
    max-width: 400px;
    max-height: 350px
}

.render_frame_for_screenshot {
    position: relative
}

.large_screenshot_with_padding .box_container {
    -webkit-perspective: 2400px;
    perspective: 2400px;
    margin: 0 0;
    padding: 160px 40px 160px 40px
}

.left_side_out_shadows .back_frame_shadows {
    box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.08), 6px 14px 22px 12px rgba(0, 0, 0, 0.3) !important
}

.right_side_out_shadows .back_frame_shadows {
    box-shadow: 4px 2px 5px 0px rgba(0, 0, 0, 0.08), -6px 14px 22px 12px rgba(0, 0, 0, 0.3) !important
}

.hide_back_shadows .back_frame_shadows {
    box-shadow: none !important
}

.illustrator_wall_container {
    background: #f2f2f2;
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
   /* border-right: 1px solid #ddd*/
}

.illustrator_wall_container .thumb_white_bottom_drawer {
    border-right: none
}

.drywall_wall_bg {
    background: #fff url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/wall-texture-white.jpg") repeat center center;
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0
}

.white_wall_bg {
    background: #fff;
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
    border-right: 1px solid #eee
}

span.solid_bg_color_swatch {
    display: inline-block
}

#rotation_slider {
    cursor: pointer
}

#rotation_slider .noUi-value {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 11px;
    padding-top: 5px;
    color: #555
}

.illustrator_terms {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 13px;
    font-style: italic;
    color: #999;
    padding-top: 10px
}

.illustrator_how_it_works {
    padding: 0 40px
}

.illustrator_how_it_works h2 {
    margin-top: 0;
    padding-top: 0;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 28px;
    margin-bottom: 10px
}

.illustrator_how_it_works img {
    width: 100%;
    max-width: 850px
}

.illustrator_how_it_works p {
    padding-top: 0;
    margin-top: 0
}

.made-by-heart {
    color: #da552f
}

.level_press_print_banner {
    position: relative;
    width: 100%;
    color: #222;
    padding: 2px 30px;
    margin-top: 48px
}

.level_press_print_banner a {
    color: #777;
    font-size: 12px;
    letter-spacing: 0.16rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600
}

.level_press_print_banner ul {
    margin-top: 0
}

.level_press_print_banner ul li {
    display: inline-block;
    list-style-type: none;
    margin-right: 40px
}

.level_press_print_banner ul li:last-of-type {
    margin-right: 0
}

.level_press_print_container {
    padding: 0 30px;
    padding-top: 80px;
    margin: 0 auto;
    max-width: 1050px
}

.level_press_small_print_container {
    padding: 0 30px;
    margin: 0 auto;
    margin-top: 80px;
    max-width: 900px
}

.campaign_comments_icon {
    margin-left: 10px;
    color: #5d697e !important
}

.level_press_print_image_container {
    position: relative;
    text-align: center;
    display: inline-block;
    margin-bottom: 40px
}

.level_press_print_image_container a {
    overflow: visible;
    position: relative;
    display: inline-block;
    max-width: 100%;
    box-shadow: 0 0 1px 0 #d6d6d6, 0px 5px 40px 5px #efefef
}

.level_press_print_image_container a img {
    display: block;
    max-height: 570px;
    padding: 10px !important;
    background-color: #fff
}

.level_press_print_image_container_large {
    position: relative;
    text-align: center;
    display: inline-block;
    margin-bottom: 0px
}

.level_press_print_image_container_large a {
    overflow: visible;
    position: relative;
    display: inline-block;
    max-width: 100%
}

.level_press_print_image_container_large a img {
    display: block;
    max-width: 100%;
    max-height: 700px
}

.print_angled_shadows {
    position: relative;
    opacity: 0;
    display: inline-block
}

.poster_body_text {
    font-family: 'freight-text-pro';
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.campaign_detail_meta_column {
    padding-left: 80px
}

.campaign_detail_meta_column p {
    margin-top: 0;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 13px !important;
    font-weight: 300 !important;
    font-style: italic
}

.campaign_detail_meta_column p p,
.campaign_detail_meta_column p td,
.campaign_detail_meta_column p strong,
.campaign_detail_meta_column p span,
.campaign_detail_meta_column p li,
.campaign_detail_meta_column p h1,
.campaign_detail_meta_column p h2,
.campaign_detail_meta_column p h3,
.campaign_detail_meta_column p h4,
.campaign_detail_meta_column p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_detail_meta_column_alt p {
    margin-top: 0;
    font-family: 'freight-sans-pro';
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: italic
}

.campaign_frame_and_paper_meta p {
    font-family: "freight-text-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    margin-top: 0;
    line-height: 30px
}

.frame_and_paper_meta_title {
    font-family: "freight-text-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    color: #999;
    font-style: normal
}

.campaign_detail_meta_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 14px
}

.campaign_detail_meta_title p,
.campaign_detail_meta_title td,
.campaign_detail_meta_title strong,
.campaign_detail_meta_title span,
.campaign_detail_meta_title li,
.campaign_detail_meta_title h1,
.campaign_detail_meta_title h2,
.campaign_detail_meta_title h3,
.campaign_detail_meta_title h4,
.campaign_detail_meta_title h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_upload_new_image_area {
    color: #777
}

.campaign_upload_new_image_area strong,
.campaign_upload_new_image_area span {
    color: #777
}

.level_press_frame_thumbs img {
    max-width: 40px
}

.level_press_lowest_print_price {
    margin: 30px 0
}

.level_press_lowest_print_price p {
    font-style: italic;
    font-size: 14px !important
}

.level_press_lowest_print_price_alt p {
    font-style: italic;
    font-size: 18px !important
}

.fixed_level_press_banner_wrapper {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0
}

.fixed_level_press_banner_wrapper .hide_on_desktop {
    display: none
}

@media screen and (max-width: 770px) {
    .fixed_level_press_banner_wrapper .hide_on_mobile {
        display: none !important
    }
    .fixed_level_press_banner_wrapper .hide_on_desktop {
        display: block
    }
}

.relative_level_press_banner_wrapper {
    position: relative;
    z-index: 1000;
    width: 100%;
    opacity: 1
}

@media screen and (max-width: 770px) {
    .relative_level_press_banner_wrapper .hide_on_mobile {
        display: none !important
    }
}

.show_level_press_nav {
    top: 0;
    opacity: 1
}

.level_press_light_banner {
    background-color: #fff;
    position: relative;
    margin-top: 0;
    z-index: 1000;
    width: 100%;
    color: #888;
    text-align: center;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 30px;
    opacity: 1
}

.level_press_light_banner a {
    color: #888;
    font-size: 12px;
    letter-spacing: 0.16rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600
}

.level_press_light_banner ul {
    margin: 0
}

.level_press_light_banner ul li {
    display: inline-block;
    margin-right: 30px;
    line-height: 30px
}

.level_press_light_banner ul li:last-of-type {
    margin-right: 0
}

.level_press_light_banner .navbar-item {
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (max-width: 770px) {
    .level_press_light_banner .navbar-right {
        margin-top: 0
    }
    .level_press_light_banner ul li {
        display: block;
        margin: 0 !important
    }
}

.level_press_logo {
    height: 30px
}

.level_press_print_top_banner--no_button .navbar-item {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.level_press_banner {
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 100;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    opacity: 0.99
}

.level_press_banner a,
.level_press_banner p {
    color: #555;
    font-size: 12px;
    letter-spacing: 0.16rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600
}

.level_press_banner ul {
    margin: 0
}

.level_press_banner ul li {
    display: inline-block;
    margin-right: 30px
}

.level_press_banner ul li:last-of-type {
    margin-right: 0
}

.level_press_banner .navbar-item {
    margin-top: 10px;
    margin-bottom: 10px
}

.center_navbar_item {
    position: relative;
    left: -50%
}

@media screen and (max-width: 770px) {
    .level_press_logged_in_banner .center_navbar_item {
        display: none
    }
}

.campaign_print_top_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    color: #fff;
    font-weight: 200 !important;
    font-size: 28px !important;
    line-height: 38px;
    letter-spacing: 0.02rem !important;
    margin-bottom: 0
}

.campaign_print_top_title p,
.campaign_print_top_title td,
.campaign_print_top_title strong,
.campaign_print_top_title span,
.campaign_print_top_title li,
.campaign_print_top_title h1,
.campaign_print_top_title h2,
.campaign_print_top_title h3,
.campaign_print_top_title h4,
.campaign_print_top_title h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_print_top_title--dark-text {
    color: #222
}

.campaign_print_top_title_alt {
    font-family: "freight-text-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #444;
    font-weight: 400 !important;
    font-size: 25px !important;
    letter-spacing: 0.02rem !important;
    margin-bottom: 0px
}

.campaign_artist_name_title_alt {
    font-family: "freight-text-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    margin-top: 0;
    color: #444;
    font-weight: 200 !important;
    font-size: 16px !important;
    letter-spacing: 0.02rem !important;
    margin-bottom: 20px;
    font-style: italic
}

.campaign_print_top_title_alt2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    color: #444;
    font-weight: 200 !important;
    font-size: 32px !important;
    letter-spacing: 0.02rem !important;
    margin-bottom: 10px
}

.campaign_print_top_title_alt2 p,
.campaign_print_top_title_alt2 td,
.campaign_print_top_title_alt2 strong,
.campaign_print_top_title_alt2 span,
.campaign_print_top_title_alt2 li,
.campaign_print_top_title_alt2 h1,
.campaign_print_top_title_alt2 h2,
.campaign_print_top_title_alt2 h3,
.campaign_print_top_title_alt2 h4,
.campaign_print_top_title_alt2 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_artist_name_title_alt2 {
    font-family: "freight-text-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    margin-top: 0;
    color: #444;
    font-weight: 200 !important;
    font-size: 18px !important;
    letter-spacing: 0.02rem !important;
    margin-bottom: 20px;
    font-style: italic
}

.navbar-page-centered {
    position: absolute;
    left: 50%;
    z-index: 10
}

.level_press_full_banner_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0.55) 40%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0.55) 40%)
}

.level_press_cover_image_content {
    position: relative;
    padding: 70px 20px 190px 20px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    z-index: 1;
    opacity: 0
}

.level_press_cover_image_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 44px;
    line-height: 54px;
    margin-bottom: 0
}

.level_press_cover_image_title p,
.level_press_cover_image_title td,
.level_press_cover_image_title strong,
.level_press_cover_image_title span,
.level_press_cover_image_title li,
.level_press_cover_image_title h1,
.level_press_cover_image_title h2,
.level_press_cover_image_title h3,
.level_press_cover_image_title h4,
.level_press_cover_image_title h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_cover_image_title a {
    color: #fff !important;
    text-decoration: none
}

.level_press_cover_image_short_description {
    font-size: 20px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #d9d9d9;
    font-weight: 300;
    letter-spacing: -.01rem;
    text-decoration: none;
    max-width: 900px;
    width: 100%;
    margin: 0 auto
}

.level_press_cover_image_subtitle {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    color: #adadad;
    letter-spacing: .10rem;
    text-decoration: none
}

.level_press_cover_image_subtitle p,
.level_press_cover_image_subtitle td,
.level_press_cover_image_subtitle strong,
.level_press_cover_image_subtitle span,
.level_press_cover_image_subtitle li,
.level_press_cover_image_subtitle h1,
.level_press_cover_image_subtitle h2,
.level_press_cover_image_subtitle h3,
.level_press_cover_image_subtitle h4,
.level_press_cover_image_subtitle h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_footer_banner_short_description {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: .10rem;
    text-decoration: none;
    color: #b7b7b7
}

.campaign_footer_banner_short_description p,
.campaign_footer_banner_short_description td,
.campaign_footer_banner_short_description strong,
.campaign_footer_banner_short_description span,
.campaign_footer_banner_short_description li,
.campaign_footer_banner_short_description h1,
.campaign_footer_banner_short_description h2,
.campaign_footer_banner_short_description h3,
.campaign_footer_banner_short_description h4,
.campaign_footer_banner_short_description h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_footer_banner_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 38px;
    line-height: 54px;
    margin-bottom: 0;
    color: #fff
}

.campaign_footer_banner_h1 p,
.campaign_footer_banner_h1 td,
.campaign_footer_banner_h1 strong,
.campaign_footer_banner_h1 span,
.campaign_footer_banner_h1 li,
.campaign_footer_banner_h1 h1,
.campaign_footer_banner_h1 h2,
.campaign_footer_banner_h1 h3,
.campaign_footer_banner_h1 h4,
.campaign_footer_banner_h1 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width: 500px) {
    .campaign_footer_banner_h1 {
        font-size: 30px;
        line-hgith: 40px
    }
}

.campaign_footer_banner {
    display: block;
    color: #fff !important;
    text-decoration: none !important
}

.campaign_footer_banner:hover {
    color: #fff;
    text-decoration: none
}

.campaign_artist_name_cover_color {
    color: #fff;
    font-weight: 500;
    text-decoration: none
}

.campaign_artist_name_cover_color:hover {
    color: #d9d9d9
}

.level_press_cover_learn_more_link {
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    color: #fcfcfc;
    letter-spacing: .02rem;
    text-decoration: none;
    text-transform: uppercase
}

.level_press_cover_learn_more_link:hover {
    text-decoration: underline;
    color: #fff
}

.level_press_cover_image_purchase_btn {
    font-style: normal !important
}

.level_press_white_title_link {
    padding-left: 25px
}

.level_press_dashboard_lower_area {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.level_press_dashboard_lower_area p,
.level_press_dashboard_lower_area td,
.level_press_dashboard_lower_area strong,
.level_press_dashboard_lower_area span,
.level_press_dashboard_lower_area li,
.level_press_dashboard_lower_area h1,
.level_press_dashboard_lower_area h2,
.level_press_dashboard_lower_area h3,
.level_press_dashboard_lower_area h4,
.level_press_dashboard_lower_area h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_dashboard_lower_area img {
    max-width: 100%
}

.level_press_dashboard_lower_area h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    font-size: 26px;
    line-height: 33px;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200
}

.level_press_dashboard_lower_area th {
    font-size: 15px;
    font-weight: 400;
    padding: 5px 15px 5px 10px
}

.level_press_dashboard_lower_area td {
    font-size: 15px;
    padding: 10px;
    font-weight: 300
}

.level_press_dashboard_section {
    margin-bottom: 60px
}

.level_press_dashboard_banner_background {
    background-color: #414958;
    background: -webkit-radial-gradient(top right, circle, #5e646e, #16181d);
    background: radial-gradient(circle at top right, #5e646e, #16181d)
}

.level_press_dashboard_banner_background .nav a {
    color: #babec5
}

.level_press_landing_background {
    position: relative;
    background-color: #576275;
    background: -webkit-radial-gradient(top right, circle, #5f6c81, #363d49);
    background: radial-gradient(circle at top right, #5f6c81, #363d49)
}

.level_press_landing_background .nav a {
    color: #babec5
}

.level_press_home_landing_background {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-radial-gradient(top right, circle, #232d3f, #0a0c11);
    background: radial-gradient(circle at top right, #232d3f, #0a0c11);
    opacity: 0.95
}

.background_geometry_pattern {
    background-color: #269;
    background-image: -webkit-linear-gradient(#fff 2px, transparent 2px), -webkit-linear-gradient(left, #fff 2px, transparent 2px), -webkit-linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
    background-image: linear-gradient(#fff 2px, transparent 2px), linear-gradient(90deg, #fff 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px
}

.level_press_sidebar h3 {
    color: #9ca3ae !important;
    font-size: 16px !important;
    font-weight: 400 !important
}

.white_dash_number {
    color: #fff
}

.white_dash_number:hover {
    color: #ebebeb !important
}

.light_blue_dash_number {
    color: #fff
}

.light_blue_dash_number:hover {
    color: #ebebeb !important
}

.level_press_stat_block_subtext {
    margin-top: 5px
}

.level_press_stat_block_subtext a {
    color: #9ba3b0 !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px !important;
    font-weight: 600 !important
}

.level_press_stat_block_subtext a:hover {
    color: #9aa3b1 !important
}

.freight-sans-buttons a {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important
}

.gallery_cover_image_form_area {
    margin-bottom: 15px;
    display: none
}

.gallery_cover_image_form_area img {
    max-width: 300px
}

.campaign_edit_page_link_style {
    font-weight: 300 !important;
    font-size: 14px !important
}

.hidden_campaign_title_artist_form {
    display: none
}

.level_press_pictures_icon {
    max-width: 400px !important;
    position: absolute;
    margin-top: -420px;
    left: 80px
}

.campaigns_index_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    color: #fff;
    font-size: 45px
}

.campaigns_index_h1 p,
.campaigns_index_h1 td,
.campaigns_index_h1 strong,
.campaigns_index_h1 span,
.campaigns_index_h1 li,
.campaigns_index_h1 h1,
.campaigns_index_h1 h2,
.campaigns_index_h1 h3,
.campaigns_index_h1 h4,
.campaigns_index_h1 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_banner_spinner_circle {
    position: relative;
    text-align: center;
    font-size: 10px;
    text-indent: -9999em;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    box-shadow: 1px 1px 1px 1px #737373;
    z-index: -1;
    -webkit-animation: levelpressanimation 2.5s infinite linear;
    animation: levelpressanimation 2.5s infinite linear;
    -webkit-transition: none;
    transition: none;
    margin: 30px auto
}

.level_press_banner_spinner_circle:before {
    width: 50%;
    height: 50%;
    background: transparent;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

@-webkit-keyframes levelpressanimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes levelpressanimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.level_press_index_subtitle a {
    color: #5c749c !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px !important;
    font-weight: 400 !important
}

.level_press_index_frame_container {
    position: absolute;
    margin-top: -420px;
    left: 680px;
    width: 370px
}

.level_press_poster_campaign_end p {
    color: #bfbfbf;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 22px !important;
    letter-spacing: .04rem !important;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0
}

.level_press_countdown_string {
    font-family: 'freight-text-pro';
    font-size: 18px;
    margin: 0px 0 0 0px
}

.level_press_campaign_time_word {
    font-size: 14px !important
}

#level_press_admin_dashboard_canvas {
    position: absolute;
    display: block;
    margin: 0;
    z-index: 0;
    opacity: 0.4;
    bottom: 0
}

#level_press_index_canvas {
    position: absolute;
    display: block;
    margin: 0;
    z-index: 100;
    bottom: 0;
    opacity: 1
}

.level_press_landing_h1 {
    color: #fff;
    font-size: 40px
}

.level_press_landing_light_container {
    display: block;
    height: 500px;
    border-radius: 5px;
    background-color: rgba(123, 136, 157, 0.5)
}

.level_press_index_image {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/level_press_index_bg.jpg") no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    min-width: 100%;
    min-height: 100%
}

.level_press_index_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(18, 24, 33, 0.9) 0%, rgba(41, 48, 61, 0.7) 95%);
    background: linear-gradient(to bottom, rgba(18, 24, 33, 0.9) 0%, rgba(41, 48, 61, 0.7) 95%)
}

.active-prints-table tr {
    cursor: pointer
}

.level_press_dashboard_banner_spacing {
    padding-bottom: 70px
}

.level_press_stat_block {
    display: inline-block;
    padding: 0 45px 0 45px;
    vertical-align: middle;
    text-align: center
}

@media screen and (max-width: 800px) {
    .level_press_stat_block {
        padding: 0 25px 0 25px
    }
}

.level_press_dash_number {
    font-size: 85px;
    font-weight: 800;
    text-decoration: none
}

@media screen and (max-width: 900px) {
    .level_press_dash_number {
        font-size: 70px
    }
}

@media screen and (max-width: 600px) {
    .level_press_dash_number {
        font-size: 60px
    }
}

.level_press_admin_title_block {
    text-align: center;
    padding: 50px 20px 50px 20px
}

.level_press_admin_title_block h1 {
    padding: 0;
    margin: 0;
    font-size: 43px;
    color: #fff;
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    margin-bottom: 10px
}

@media screen and (max-width: 500px) {
    .level_press_admin_title_block h1 {
        font-size: 35px
    }
}

.level_press_admin_index_print_img {
    max-width: 250px !important
}

.print_detail_pages_example_title {
    color: #fff !important;
    font-size: 30px !important
}

.dashboard_metrics_h1 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    color: #fff !important;
    font-size: 40px !important
}

@media screen and (max-width: 700px) {
    .dashboard_metrics_h1 {
        font-size: 30px !important
    }
}

.dashboard_metrics_bg {
    background-color: #414958;
    background: -webkit-radial-gradient(top center, circle, #464450, #0b0c0f);
    background: radial-gradient(circle at top center, #464450, #0b0c0f);
    position: relative
}

.dashboard_section_description_p {
    margin-bottom: 60px
}

.dashboard_section_description_p p {
    margin-top: 0;
    padding-top: 0;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 26px;
    color: #111;
    font-weight: 200
}

.level_press_admin_subtitle {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    color: #fff !important;
    font-size: 19px;
    line-height: 25px;
    margin-top: 5px;
    padding-top: 0
}

.level_press_admin_subtitle p,
.level_press_admin_subtitle td,
.level_press_admin_subtitle strong,
.level_press_admin_subtitle span,
.level_press_admin_subtitle li,
.level_press_admin_subtitle h1,
.level_press_admin_subtitle h2,
.level_press_admin_subtitle h3,
.level_press_admin_subtitle h4,
.level_press_admin_subtitle h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.dashboard_dollar_sign {
    font-size: 35px;
    line-height: 35px;
    display: inline-block !important;
    vertical-align: middle;
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    padding-right: 2px
}

.campaigns_index_section {
    margin-top: 60px
}

.gallery_img_meta_block {
    background-color: #f1f2f3;
    background: -webkit-radial-gradient(top center, circle, #fff, #fcfcfd);
    background: radial-gradient(circle at top center, #fff, #fcfcfd);
    position: relative;
    padding: 0px 5px 0px 5px;
    margin-top: -50px;
    border: 1px solid #efefef
}

.lp_tile_img_link {
    display: block;
    position: relative;
    border-radius: 2px;
    line-height: 0;
    text-decoration: none !important
}

.lp_tile_img_link img {
    border-radius: 2px
}

.lp_tile_img_link:visited {
    text-decoration: none !important
}

.lp_meta_inner {
    display: block;
    position: absolute;
    padding: 20px 0 5px 0;
    margin: 0;
    bottom: 0px;
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, transparent 100%)
}

.lp_tile_img_title {
    display: inline-block;
    float: left;
    margin-left: 10px;
    padding-bottom: 0;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: .04rem !important;
    color: #fafafa !important;
    line-height: 22px;
    text-shadow: 0 1px #333
}

.lp_tile_img_title p,
.lp_tile_img_title td,
.lp_tile_img_title strong,
.lp_tile_img_title span,
.lp_tile_img_title li,
.lp_tile_img_title h1,
.lp_tile_img_title h2,
.lp_tile_img_title h3,
.lp_tile_img_title h4,
.lp_tile_img_title h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_tile_img_heart {
    display: inline-block;
    float: right;
    margin-right: 10px;
    padding-bottom: 0px;
    cursor: pointer;
    color: #fff
}

.lp_tile_img_heart .gallery_heart_icon {
    color: #fff !important;
    text-shadow: 0 1px #333
}

.gallery_img_title {
    float: left;
    margin-left: 10px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-family: "Montserrat" !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: .04rem !important;
    color: #acb1b9 !important;
    line-height: 22px;
    vertical-align: middle
}

.gallery_img_title p,
.gallery_img_title td,
.gallery_img_title strong,
.gallery_img_title span,
.gallery_img_title li,
.gallery_img_title h1,
.gallery_img_title h2,
.gallery_img_title h3,
.gallery_img_title h4,
.gallery_img_title h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.gallery_meta_icons {
    float: right;
    display: inline-block;
    margin-right: 10px
}

.gallery_meta_icons a {
    font-size: 18px
}

.gallery_heart_icon {
    color: #da552f !important;
    font-size: 16px !important;
    line-height: 16px !important
}

.gallery_heart_icon i {
    line-height: 0 !important;
    vertical-align: bottom;
    padding-bottom: 4px
}

.dashboard_sold_icon_color {
    color: #757d8a !important;
    text-decoration: none;
    font-size: 14px !important;
    vertical-align: top !important;
    line-height: 14px !important
}

.publication_toggle_text {
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    margin-top: 25px;
    font-style: italic
}

.delete_print_text {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px
}

.gallery_h1 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 50px;
    margin-bottom: 15px;
    color: #fff
}

.gallery_h1 a {
    color: #fff;
    text-decoration: none
}

@media screen and (max-width: 500px) {
    .gallery_h1 {
        font-size: 40px;
        line-height: 50px
    }
}

.lp_campaign_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: .0rem;
    margin-bottom: 20px
}

.lp_campaign_h1 p,
.lp_campaign_h1 td,
.lp_campaign_h1 strong,
.lp_campaign_h1 span,
.lp_campaign_h1 li,
.lp_campaign_h1 h1,
.lp_campaign_h1 h2,
.lp_campaign_h1 h3,
.lp_campaign_h1 h4,
.lp_campaign_h1 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width: 500px) {
    .lp_campaign_h1 {
        font-size: 32px
    }
}

.lp_campaign_h1_poster {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 10px
}

.portfolio_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 44px;
    line-height: 58px;
    margin-bottom: 15px;
    letter-spacing: -0.01rem;
    color: #fff
}

.portfolio_h1 p,
.portfolio_h1 td,
.portfolio_h1 strong,
.portfolio_h1 span,
.portfolio_h1 li,
.portfolio_h1 h1,
.portfolio_h1 h2,
.portfolio_h1 h3,
.portfolio_h1 h4,
.portfolio_h1 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.portfolio_h1 a {
    color: #fff;
    text-decoration: none
}

.connected_stripe_span {
    display: inline-block;
    color: #57ad68;
    border: 1px solid #57ad68;
    padding: 10px 15px;
    border-radius: 25px;
    font-weight: 300
}

.stripe_connected_arrow {
    font-size: 23px;
    line-height: 23px;
    display: inline-block;
    vertical-align: middle
}

.payout_admin_popup {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.payout_admin_popup p,
.payout_admin_popup td,
.payout_admin_popup strong,
.payout_admin_popup span,
.payout_admin_popup li,
.payout_admin_popup h1,
.payout_admin_popup h2,
.payout_admin_popup h3,
.payout_admin_popup h4,
.payout_admin_popup h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.payout_admin_popup p {
    font-size: 16px;
    font-weight: 300
}

.lp_form_select {
    color: #555;
    height: 30px;
    line-height: 15px;
    width: 100%;
    padding: 5px 0px 5px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    background: #FBFBFB;
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
    background: url(https://d29mtkonxnc5fw.cloudfront.net/down-arrow.png) no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url(https://d29mtkonxnc5fw.cloudfront.net/down-arrow.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(100%, #E9E9E9));
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 100%;
    height: 30px
}

.payouts-table-loader {
    display: none
}

.payouts-table tr {
    cursor: pointer
}

.level_press_blocks {
    opacity: 0
}

.lp_top_banner_bg_color {
    position: relative;
    background-color: #414958;
    background: -webkit-radial-gradient(top center circle, #232529 60%, #252a32);
    background: radial-gradient(circle at top center, #232529 60%, #252a32)
}

.gallery_index_banner_content {
    opacity: 0;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    position: relative;
    height: 100%;
    padding: 120px 20px 180px 20px
}

.campaign_show_banner_content {
    padding-top: 20px;
    padding-bottom: 10px
}

@media screen and (max-width: 500px) {
    .campaign_show_banner_content {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.collection_banner_content_padding {
    padding-top: 180px;
    padding-bottom: 300px
}

@media screen and (max-width: 500px) {
    .collection_banner_content_padding {
        padding-top: 120px;
        padding-bottom: 200px
    }
}

.lp_banner_intermediate_layer {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: #414958;
    background: -webkit-radial-gradient(top center circle, #232529 60%, #252a32);
    background: radial-gradient(circle at top center, #232529 60%, #252a32);
    opacity: 0.7
}

.campaign_details_arrow_down {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    vertical-align: middle
}

.low_res_preview_cover {
    -webkit-filter: blur(50px);
    filter: blur(50px);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.gallery_cover_img_container img,
.campaign_cover_img_container img {
    position: fixed;
    z-index: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery_footer_cover_img_container {
    margin-top: 100px;
    margin-bottom: 100px
}

.gallery_footer_cover_img_container img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.high_res_gallery_cover_img,
.high_res_campaign_cover_img {
    opacity: 0
}

.lp_user_gallery_banner_footer {
    position: relative;
    padding: 70px 20px 90px 20px;
    max-width: 980px;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    z-index: 1000
}

@media screen and (max-width: 500px) {
    .lp_user_gallery_banner_footer {
        padding-top: 40px;
        padding-bottom: 60px
    }
}

.lp_gallery_banner_footer_link {
    color: #fff !important;
    text-decoration: none
}

.gallery_h2 {
    margin-top: 5px;
    font-family: 'freight-text-pro';
    font-weight: 400;
    font-size: 26px;
    line-height: 34px;
    color: #fff
}

.gallery_h2 a {
    color: #fff;
    text-decoration: none
}

.gallery_h2 a:hover {
    color: #77d7ff
}

@media screen and (max-width: 500px) {
    .gallery_h2 {
        font-size: 22px;
        line-height: 32px
    }
}

.portfolio_h2 {
    font-size: 22px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #fff;
    font-weight: 200;
    letter-spacing: -.01rem;
    margin-top: 5px
}

.green_money_bold {
    font-weight: 400 !important
}

.active-prints-table td {
    vertical-align: middle
}

.lp_admin_section_divider_and_padding {
    border-top: 1px solid #efefef;
    padding-top: 50px
}

.campaign_print_detail_image {
    position: relative
}

.campaign_print_show_white_bg {
    position: relative;
    z-index: 100;
    height: 100%;
    background-color: #fff
}

.campaign_show_edit_cog {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1000
}

.campaign_show_edit_cog a {
    display: block;
    position: relative;
    color: #cccccc;
    cursor: pointer;
    z-index: 1000
}

.view_print_link_style {
    font-family: 'freight-sans-pro';
    font-weight: 600;
    font-size: 13px
}

.dashboard_active_prints {
    display: inline-block;
    width: 30%;
    margin: 10px
}

@media screen and (max-width: 768px) {
    .dash_half_ipad_full_mobile {
        width: 45%
    }
}

@media screen and (max-width: 600px) {
    .dash_half_ipad_full_mobile {
        width: 100%
    }
}

.half_ipad_full_mobile {
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width: 768px) {
    .half_ipad_full_mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 49%;
        box-sizing: border-box;
        display: inline-block;
        text-align: center
    }
}

@media screen and (max-width: 600px) {
    .half_ipad_full_mobile {
        width: 100%;
        text-align: center
    }
}

.campaign_edit_page_image_area {
    text-align: center
}

.campaign_edit_page_image_area img {
    max-height: 600px
}

.frame_over_room {
    position: absolute;
    margin-top: 20px;
    margin-left: 50px
}

.paper_section_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.25) 80%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.25) 80%)
}

.paper_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 45px
}

.paper_h1 p,
.paper_h1 td,
.paper_h1 strong,
.paper_h1 span,
.paper_h1 li,
.paper_h1 h1,
.paper_h1 h2,
.paper_h1 h3,
.paper_h1 h4,
.paper_h1 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.collection_manage_popup_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 28px;
    text-align: center
}

.collection_manage_popup_h2 p,
.collection_manage_popup_h2 td,
.collection_manage_popup_h2 strong,
.collection_manage_popup_h2 span,
.collection_manage_popup_h2 li,
.collection_manage_popup_h2 h1,
.collection_manage_popup_h2 h2,
.collection_manage_popup_h2 h3,
.collection_manage_popup_h2 h4,
.collection_manage_popup_h2 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.collection_manage_popup_p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 20px;
    text-align: center
}

.collection_manage_popup_p p,
.collection_manage_popup_p td,
.collection_manage_popup_p strong,
.collection_manage_popup_p span,
.collection_manage_popup_p li,
.collection_manage_popup_p h1,
.collection_manage_popup_p h2,
.collection_manage_popup_p h3,
.collection_manage_popup_p h4,
.collection_manage_popup_p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.collection_membership_table {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.collection_membership_table p,
.collection_membership_table td,
.collection_membership_table strong,
.collection_membership_table span,
.collection_membership_table li,
.collection_membership_table h1,
.collection_membership_table h2,
.collection_membership_table h3,
.collection_membership_table h4,
.collection_membership_table h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.collection_membership_table th,
.collection_membership_table tr,
.collection_membership_table td {
    font-size: 15px;
    color: #222324
}

.collection_membership_table th {
    font-weight: 400
}

.collection_membership_table td {
    font-weight: 300
}

.collection_membership_table_body tr {
    cursor: move
}

.unpublished_subtext {
    color: #999;
    font-size: 12px;
    font-style: italic
}

.add_to_collections_link {
    font-size: 12px
}

.lp_flex_container_space_around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.lp_collection_item_wrapper {
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow: visible
}

.lp_collection_item_wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: -webkit-linear-gradient(top, #e3dcef 80%, #c7b9df 100%);
    background: linear-gradient(to bottom, #e3dcef 80%, #c7b9df 100%);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.lp_collection_item_wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: -webkit-linear-gradient(top, #c7b9df 80%, #734fb0 100%);
    background: linear-gradient(to bottom, #c7b9df 80%, #734fb0 100%);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.lp_collection_item_wrapper:hover:before {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.lp_collection_item_wrapper:hover:after {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
}

.collection_text_append {
    color: #d5d5d5;
    font-weight: 600
}

.add_gallery_cover_image_link {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 300 !important;
    font-size: 18px !important;
    color: #fff;
    text-decoration: none
}

.add_gallery_cover_image_link p,
.add_gallery_cover_image_link td,
.add_gallery_cover_image_link strong,
.add_gallery_cover_image_link span,
.add_gallery_cover_image_link li,
.add_gallery_cover_image_link h1,
.add_gallery_cover_image_link h2,
.add_gallery_cover_image_link h3,
.add_gallery_cover_image_link h4,
.add_gallery_cover_image_link h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.add_gallery_cover_image_link:hover {
    color: #fafafa
}

.lp_purchase_popup {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.lp_purchase_popup p,
.lp_purchase_popup td,
.lp_purchase_popup strong,
.lp_purchase_popup span,
.lp_purchase_popup li,
.lp_purchase_popup h1,
.lp_purchase_popup h2,
.lp_purchase_popup h3,
.lp_purchase_popup h4,
.lp_purchase_popup h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_purchase_popup_title_area {
    margin-bottom: 20px
}

.lp_purchase_popup_title {
    font-size: 26px;
    font-weight: 200;
    margin-bottom: 0;
    margin-top: 5px
}

.lp_purchase_popup_artist {
    font-weight: 200;
    font-size: 16px;
    margin-top: 5px
}

.buy_framed_button_label {
    color: #999;
    font-size: 14px;
    font-weight: 300;
    margin-top: 0px;
    padding-top: 0;
    font-style: italic;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.buy_framed_button_label:hover {
    color: #777
}

.lp_purchase_buttons {
    display: none
}

.campaign_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.25) 95%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.25) 95%)
}

.campaign_tint_2 {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 15%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 15%)
}

.campaign_meta_vertical_divider {
    display: inline-block;
    vertical-align: top;
    padding-top: 0 !important;
    margin-top: 0;
    font-size: 12px;
    line-height: 28px !important;
    padding-left: 3px;
    padding-right: 2px
}

.new_lp_item_modal {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    max-width: 600px !important;
    min-height: 300px
}

.new_lp_item_modal p,
.new_lp_item_modal td,
.new_lp_item_modal strong,
.new_lp_item_modal span,
.new_lp_item_modal li,
.new_lp_item_modal h1,
.new_lp_item_modal h2,
.new_lp_item_modal h3,
.new_lp_item_modal h4,
.new_lp_item_modal h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_new_item_popup_title {
    font-size: 30px;
    font-weight: 200;
    margin-bottom: 10px
}

.lp_new_item_popup_second_title {
    font-size: 18px;
    font-weight: 200
}

.hidden_lp_upload_area {
    display: none;
    margin-top: 50px
}

.hidden_invite_fields {
    display: none
}

.lp_new_item_page_wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 50px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.lp_new_item_page_wrapper p,
.lp_new_item_page_wrapper td,
.lp_new_item_page_wrapper strong,
.lp_new_item_page_wrapper span,
.lp_new_item_page_wrapper li,
.lp_new_item_page_wrapper h1,
.lp_new_item_page_wrapper h2,
.lp_new_item_page_wrapper h3,
.lp_new_item_page_wrapper h4,
.lp_new_item_page_wrapper h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_new_item_h1 {
    font-weight: 200;
    font-size: 30px
}

.lp_new_builder_wrapper {
    padding-bottom: 150px
}

.lp_new_builder_wrapper_form_focus {
    background-color: #fafafa
}

.lp_new_item_text_fields input[type="text"] {
    margin: 0 auto;
    outline: none;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px 5px 20px;
    text-align: center;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 28px;
    font-weight: 200;
    width: 100%;
    max-width: 600px
}

.lp_new_item_text_fields input[type="text"] p,
.lp_new_item_text_fields input[type="text"] td,
.lp_new_item_text_fields input[type="text"] strong,
.lp_new_item_text_fields input[type="text"] span,
.lp_new_item_text_fields input[type="text"] li,
.lp_new_item_text_fields input[type="text"] h1,
.lp_new_item_text_fields input[type="text"] h2,
.lp_new_item_text_fields input[type="text"] h3,
.lp_new_item_text_fields input[type="text"] h4,
.lp_new_item_text_fields input[type="text"] h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_collection_short_description p {
    font-family: 'freight-text-pro';
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: rgba(46, 48, 58, 0.96)
}

.lp_collection_short_description p a {
    color: #2980b9 !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#bddbf1, #bddbf1);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#bddbf1, #bddbf1);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.lp_collection_short_description p a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.lp_collection_short_description p a::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.lp_collection_short_description p a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.lp_collection_short_description p a:before,
.lp_collection_short_description p a:after,
.lp_collection_short_description p a *,
.lp_collection_short_description p a *:before,
.lp_collection_short_description p a *:after {
    text-shadow: none
}

.lp_collection_short_description p a:visited {
    color: #2980b9 !important
}

.lp_collection_short_description p a:hover {
    color: #111111 !important
}

@media screen and (max-width: 500px) {
    .lp_collection_short_description p {
        font-size: 20px;
        line-height: 30px
    }
}

.lp_pagination {
    padding-top: 20px
}

.lp_pagination em,
.lp_pagination span {
    color: #bfbfbf
}

.lp_pagination em,
.lp_pagination span,
.lp_pagination a {
    font-size: 16px;
    padding: 5px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase
}

.lp_pagination a {
    cursor: pointer;
    color: #5ba4e5 !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#bddbf1, #bddbf1);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#bddbf1, #bddbf1);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.lp_pagination a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.lp_pagination a::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.lp_pagination a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.lp_pagination a:before,
.lp_pagination a:after,
.lp_pagination a *,
.lp_pagination a *:before,
.lp_pagination a *:after {
    text-shadow: none
}

.lp_pagination a:visited {
    color: #5ba4e5 !important
}

.lp_pagination a:hover {
    color: #111111 !important
}

.lp_new_title {
    display: none;
    width: 100%
}

.lp_new_title input[type="text"] {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 800 !important;
    font-size: 40px;
    border: none
}

.lp_new_short_description {
    display: none;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.lp_new_short_description input[type="text"] {
    font-family: 'freight-text-pro' !important;
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    color: rgba(46, 48, 58, 0.9);
    width: 100%;
    max-width: 750px;
    outline: none;
    border: none;
    padding: 15px 20px 5px 20px;
    text-align: center
}

.lp_builder_title_wrapper {
    margin-bottom: 20px
}

.lp_new_builder_tutorial_helper_text {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 26px;
    font-weight: 200;
    margin-bottom: 10px
}

.lp_new_builder_tutorial_helper_text p,
.lp_new_builder_tutorial_helper_text td,
.lp_new_builder_tutorial_helper_text strong,
.lp_new_builder_tutorial_helper_text span,
.lp_new_builder_tutorial_helper_text li,
.lp_new_builder_tutorial_helper_text h1,
.lp_new_builder_tutorial_helper_text h2,
.lp_new_builder_tutorial_helper_text h3,
.lp_new_builder_tutorial_helper_text h4,
.lp_new_builder_tutorial_helper_text h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_title_helper_text,
.lp_short_description_helper_text {
    display: none
}

.lp_next_step_save_btn_area {
    margin-top: 40px;
    margin-bottom: 40px
}

.lp_field_builder_label {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 5px;
    color: #cccccc
}

.lp_field_builder_label p,
.lp_field_builder_label td,
.lp_field_builder_label strong,
.lp_field_builder_label span,
.lp_field_builder_label li,
.lp_field_builder_label h1,
.lp_field_builder_label h2,
.lp_field_builder_label h3,
.lp_field_builder_label h4,
.lp_field_builder_label h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_new_builder_explanation_title_label,
.lp_new_builder_short_description_label {
    opacity: 0
}

.lp_builder_save_and_finalize_label {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    color: #999;
    margin-top: 20px
}

.lp_builder_save_and_finalize_label p,
.lp_builder_save_and_finalize_label td,
.lp_builder_save_and_finalize_label strong,
.lp_builder_save_and_finalize_label span,
.lp_builder_save_and_finalize_label li,
.lp_builder_save_and_finalize_label h1,
.lp_builder_save_and_finalize_label h2,
.lp_builder_save_and_finalize_label h3,
.lp_builder_save_and_finalize_label h4,
.lp_builder_save_and_finalize_label h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.focused_lp_text_field input[type="text"] {
    border-bottom: 1px solid #eee
}

.lp_step1_save {
    opacity: 0;
    font-size: 14px
}

.lp_next_btn_arrows {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    font-size: 14px
}

.lp_tile_wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px !important;
    padding-right: 30px !important
}

.lp_campaign_show_wrapper {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

.white_gallery_bg_banner {
    background: #fff
}

.white_gallery_bg_banner .gallery_index_banner_content .gallery_h1 a {
    color: #222 !important
}

.white_gallery_bg_banner .level_press_cover_image_subtitle {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .10rem;
    text-transform: uppercase;
    font-weight: 300;
    color: #999;
    margin-top: 5px
}

.white_gallery_bg_banner .campaign_artist_name_cover_color {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .12rem;
    text-transform: uppercase;
    font-weight: 300 !important;
    color: #999
}

.white_gallery_bg_banner .level_press_detail_bread_crumb {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 22px;
    letter-spacing: .04rem !important;
    text-decoration: none;
    color: #adadad
}

.white_gallery_bg_banner .level_press_detail_bread_crumb a {
    color: #adadad !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#dcdcdc, #dcdcdc);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#dcdcdc, #dcdcdc);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.white_gallery_bg_banner .level_press_detail_bread_crumb a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.white_gallery_bg_banner .level_press_detail_bread_crumb a::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.white_gallery_bg_banner .level_press_detail_bread_crumb a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.white_gallery_bg_banner .level_press_detail_bread_crumb a:before,
.white_gallery_bg_banner .level_press_detail_bread_crumb a:after,
.white_gallery_bg_banner .level_press_detail_bread_crumb a *,
.white_gallery_bg_banner .level_press_detail_bread_crumb a *:before,
.white_gallery_bg_banner .level_press_detail_bread_crumb a *:after {
    text-shadow: none
}

.white_gallery_bg_banner .level_press_detail_bread_crumb a:visited {
    color: #adadad !important
}

.white_gallery_bg_banner .level_press_detail_bread_crumb a:hover {
    color: #444 !important
}

.level_press_poster_bread_crumb {
    margin-top: 0px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 12px;
    line-height: 22px;
    font-weight: 300;
    color: #bfbfbf;
    padding-top: 0
}

.lp_white_campaign_short_description {
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.lp_white_campaign_short_description p {
    text-align: center;
    font-family: 'freight-text-pro';
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: rgba(46, 48, 58, 0.96)
}

.lp_campaign_text_block p {
    font-family: 'freight-text-pro' !important;
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    color: rgba(46, 48, 58, 0.96)
}

@media screen and (max-width: 500px) {
    .lp_campaign_text_block p {
        font-size: 19px;
        line-height: 31px
    }
}

.lp_max_text_width {
    width: 100%;
    max-width: 850px;
    margin: 0 auto
}

.lp_short_description_section {
    text-align: center
}

.lp_section_divider {
    width: 50px;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    border-top: 1px solid #d5d5d5
}

.poster_title_divider {
    width: 100%;
    display: block;
    margin-top: 0px;
    margin-bottom: 20px;
    border-top: 1px solid #e1e1e1
}

.lp_flex_tile {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 320px;
    flex-basis: 320px;
    max-width: 355px;
    min-width: 320px;
    margin: 10px
}

.lp_builder_img_section {
    margin-top: 30px
}

.lp_new_builder_image {
    opacity: 0;
    max-width: 100%;
    max-height: 600px;
    padding: 10px !important;
    background-color: #fff;
    box-shadow: 0 0 1px 0 #d6d6d6, 0px 5px 40px 5px #efefef
}

.lp_launch_page_image {
    max-width: 400px;
    max-height: 300px;
    padding: 10px !important;
    background-color: #fff;
    box-shadow: 0 0 1px 0 #d6d6d6, 0px 5px 40px 5px #efefef
}

.campaign_artist_name_builder_text {
    color: #222;
    font-weight: 500
}

.lp_builder_artist_name {
    margin-top: 30px
}

.lp_step_lower_content {
    display: none;
    margin-top: 50px;
    margin-bottom: 150px
}

.lp_builder_save_and_finalize_btn_area {
    display: none;
    margin-top: 50px
}

.toggle_subtext {
    display: inline-block;
    margin-left: 20px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    color: #999 !important
}

.toggle_subtext p,
.toggle_subtext td,
.toggle_subtext strong,
.toggle_subtext span,
.toggle_subtext li,
.toggle_subtext h1,
.toggle_subtext h2,
.toggle_subtext h3,
.toggle_subtext h4,
.toggle_subtext h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_launch_lower_area p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 18px;
    line-height: 28px;
    font-weight: 200
}

.lp_launch_lower_area p p,
.lp_launch_lower_area p td,
.lp_launch_lower_area p strong,
.lp_launch_lower_area p span,
.lp_launch_lower_area p li,
.lp_launch_lower_area p h1,
.lp_launch_lower_area p h2,
.lp_launch_lower_area p h3,
.lp_launch_lower_area p h4,
.lp_launch_lower_area p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.launch_lower_area_title p {
    margin-top: 0
}

.launch_divider {
    padding-bottom: 50px;
    margin-top: 50px
}

.launch_campaign_title {
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #999 !important
}

.launch_campaign_fieldset {
    display: none;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 40px !important;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.launch_campaign_fieldset p,
.launch_campaign_fieldset td,
.launch_campaign_fieldset strong,
.launch_campaign_fieldset span,
.launch_campaign_fieldset li,
.launch_campaign_fieldset h1,
.launch_campaign_fieldset h2,
.launch_campaign_fieldset h3,
.launch_campaign_fieldset h4,
.launch_campaign_fieldset h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.launch_campaign_fieldset p {
    font-weight: 200
}

.visible_lp_edit_item {
    opacity: 1
}

.edit_lp_campaign_price_table .campaign_fieldset .save_sale_price_changes_btn {
    display: none
}

.sell_this_print_edit_description_text {
    font-size: 14px !important;
    color: #777;
    font-weight: 300 !important;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 20px
}

.level_press_next_steps_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 25px
}

.level_press_next_steps_h2 p,
.level_press_next_steps_h2 td,
.level_press_next_steps_h2 strong,
.level_press_next_steps_h2 span,
.level_press_next_steps_h2 li,
.level_press_next_steps_h2 h1,
.level_press_next_steps_h2 h2,
.level_press_next_steps_h2 h3,
.level_press_next_steps_h2 h4,
.level_press_next_steps_h2 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_launch_next_steps_title {
    padding-bottom: 20px;
    margin: 0 auto;
    font-weight: 700 !important
}

.lp_register_modal_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200
}

.lp_register_modal_title p,
.lp_register_modal_title td,
.lp_register_modal_title strong,
.lp_register_modal_title span,
.lp_register_modal_title li,
.lp_register_modal_title h1,
.lp_register_modal_title h2,
.lp_register_modal_title h3,
.lp_register_modal_title h4,
.lp_register_modal_title h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_user_register_top_message {
    margin-top: 10px;
    font-size: 16px !important;
    font-weight: 300 !important
}

.portfolio_admin_cover_image_link {
    color: #fff !important;
    text-decoration: none
}

.portfolio_admin_cover_image_link:hover {
    color: #ccc
}

.portfolio_cover_link_font {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.portfolio_cover_link_font p,
.portfolio_cover_link_font td,
.portfolio_cover_link_font strong,
.portfolio_cover_link_font span,
.portfolio_cover_link_font li,
.portfolio_cover_link_font h1,
.portfolio_cover_link_font h2,
.portfolio_cover_link_font h3,
.portfolio_cover_link_font h4,
.portfolio_cover_link_font h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_image_too_small_area {
    display: none
}

.lp-navbar-left-padding {
    padding-left: 20px
}

.lp-navbar-right-padding {
    padding-right: 20px
}

.new_lp_user_loading_area {
    display: none
}

.lp_content_page_footer {
    position: relative;
    background-color: #fff;
    height: 100%;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 30px
}

.lp_home_login_link {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 22px;
    letter-spacing: .04rem !important;
    text-decoration: none;
    color: #999
}

.lp_home_login_link:hover {
    color: #cccccc
}

.lp_poster_login_link {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 22px;
    letter-spacing: .04rem !important;
    text-decoration: none;
    color: #555
}

.lp_poster_login_link:hover {
    color: #000
}

.heart_btn_font_regular_nav {
    font-size: 16px !important;
    color: #222 !important
}

.heart_btn_font_dropdown_nav {
    font-size: 16px !important;
    color: #222 !important
}

@media screen and (max-width: 650px) {
    .gallery_bg_banner,
    .campaign_footer_banner {
        background-attachment: scroll !important
    }
}

.lp_footer_collection_title_color {
    color: #fff
}

.lp_user_setting_form .campaign_fieldset {
    margin-bottom: 20px
}

.lp_user_admin_row {
    cursor: pointer
}

.white_heart {
    color: #ccc !important
}

.invite_text_box {
    margin-bottom: 10px
}

.invite_text_box input[type="text"] {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 22px;
    font-weight: 200;
    width: 100%;
    max-width: 440px;
    padding: 1em;
    outline: none;
    border: 1px dashed #c0c6c4
}

.invite_text_box input[type="text"] p,
.invite_text_box input[type="text"] td,
.invite_text_box input[type="text"] strong,
.invite_text_box input[type="text"] span,
.invite_text_box input[type="text"] li,
.invite_text_box input[type="text"] h1,
.invite_text_box input[type="text"] h2,
.invite_text_box input[type="text"] h3,
.invite_text_box input[type="text"] h4,
.invite_text_box input[type="text"] h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.invite_text_box input[type="text"]:focus {
    border: 1px dashed #9070c7
}

.new_invitation_success_wrapper {
    display: none
}

.new_invitation_error {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    color: #da552f;
    font-size: 20px;
    line-height: 30px
}

.new_invitation_error p,
.new_invitation_error td,
.new_invitation_error strong,
.new_invitation_error span,
.new_invitation_error li,
.new_invitation_error h1,
.new_invitation_error h2,
.new_invitation_error h3,
.new_invitation_error h4,
.new_invitation_error h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.success_invite_check {
    margin-top: 30px;
    color: #57ad68;
    font-size: 80px;
    margin-bottom: 30px;
    padding-bottom: 30px
}

#new_level_press_invite_modal label {
    font-weight: 200;
    font-size: 18px;
    display: block;
    max-width: 370px;
    margin: 0 auto
}

.lp_how_it_works {
    text-align: left;
    margin: 0 auto;
    margin-top: 40px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.lp_how_it_works ul li {
    margin-bottom: 60px;
    font-size: 20px;
    font-weight: 200;
    line-height: 30px !important
}

@media screen and (max-width: 740px) {
    .lp_how_it_works ul {
        margin: 0 auto;
        text-align: center
    }
    .lp_how_it_works ul li {
        font-size: 19px
    }
}

.lp_how_it_works_number {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-weight: 300;
    margin-bottom: 10px;
    background-color: #4c5667
}

@media screen and (max-width: 740px) {
    .lp_how_it_works_number {
        display: block;
        margin: 0 auto;
        margin-bottom: 30px
    }
}

.lp_how_it_works_list_text {
    display: inline-block;
    float: right;
    margin-left: 0px;
    padding-left: 20px;
    width: 90%;
    margin-top: 5px
}

@media screen and (max-width: 740px) {
    .lp_how_it_works_list_text {
        float: none;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.lp_index_page {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #111
}

h2.lp_white_section_h2 {
    font-weight: 200;
    font-size: 30px;
    line-height: 38px;
    color: #333
}

@media screen and (max-width: 550px) {
    h2.lp_white_section_h2 {
        font-size: 26px;
        line-height: 36px
    }
}

.lp_white_section_paragraph p {
    font-weight: 200;
    font-size: 19px;
    line-height: 33px
}

.level_press_subsection_subtitle {
    margin-top: 0;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 28px !important;
    padding-top: 0
}

.level_press_subsection_subtitle p,
.level_press_subsection_subtitle td,
.level_press_subsection_subtitle strong,
.level_press_subsection_subtitle span,
.level_press_subsection_subtitle li,
.level_press_subsection_subtitle h1,
.level_press_subsection_subtitle h2,
.level_press_subsection_subtitle h3,
.level_press_subsection_subtitle h4,
.level_press_subsection_subtitle h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width: 700px) {
    .level_press_subsection_subtitle {
        font-size: 19px !important
    }
}

.automation_section_text {
    padding-top: 60px;
    padding-bottom: 200px;
    max-width: 850px;
    margin: 0 auto
}

@media screen and (max-width: 700px) {
    .automation_section_text {
        padding-bottom: 0px
    }
}

p.lp_example_artist_pages_text {
    font-size: 16px;
    font-style: italic
}

.lp_portfolio_card_item_wrapper {
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow: visible;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    display: block;
    line-height: 0
}

.lp_portfolio_card_item_wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: -webkit-linear-gradient(top, #1985c9 80%, #5db4eb 100%);
    background: linear-gradient(to bottom, #1985c9 80%, #5db4eb 100%);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.4
}

.lp_portfolio_card_item_wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: -webkit-linear-gradient(top, #734fb0 80%, #734fb0 100%);
    background: linear-gradient(to bottom, #734fb0 80%, #734fb0 100%);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.6
}

.lp_portfolio_card_item_wrapper:hover:before {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.lp_portfolio_card_item_wrapper:hover:after {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
}

.portfolio_card_flex_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px;
    max-width: 350px;
    min-width: 250px;
    margin: 10px
}

.portfolio_card_flex_item img {
    max-width: 350px;
    width: 100%
}

.artist_portfolio_name {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #c4c4c4
}

.lp_about_modal_text p {
    font-weight: 200
}

.regular_tooltip {
    cursor: pointer
}

.lp_price_table_tooltips {
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    color: #999;
    vertical-align: middle
}

.lp_price_table_tooltips:hover {
    color: #222
}

.dark_hover_title_inner {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #111;
    opacity: 0
}

.dark_hover_title_inner_text {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    line-height: 300px !important
}

.dark_hover_title_inner_text .dark_hover_img_text {
    padding: 0;
    text-align: center;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: .04rem !important;
    color: #fafafa !important;
    line-height: 22px !important;
    text-shadow: 0 1px #333
}

.dark_hover_title_inner_text .dark_hover_img_text p,
.dark_hover_title_inner_text .dark_hover_img_text td,
.dark_hover_title_inner_text .dark_hover_img_text strong,
.dark_hover_title_inner_text .dark_hover_img_text span,
.dark_hover_title_inner_text .dark_hover_img_text li,
.dark_hover_title_inner_text .dark_hover_img_text h1,
.dark_hover_title_inner_text .dark_hover_img_text h2,
.dark_hover_title_inner_text .dark_hover_img_text h3,
.dark_hover_title_inner_text .dark_hover_img_text h4,
.dark_hover_title_inner_text .dark_hover_img_text h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.dark_hover_img_heart {
    margin-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    color: #fff
}

.dark_hover_img_heart .gallery_heart_icon {
    color: #fff !important;
    text-shadow: 0 1px #333
}

.press_title_dark_hover_state {
    border: 1px solid #eee !important
}

.press_title_dark_hover_state:hover .dark_hover_title_inner {
    opacity: 0.7
}

.campaign_print_size_out_of_stock_text {
    font-weight: 200
}

.campaign_active_toggle_value {
    font-weight: 300;
    font-size: 16px
}

@media screen and (max-width: 470px) {
    .lp_continue_shopping_column img {
        max-width: 200px !important
    }
}

.nikon_case_study_banner {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/images/EP0Zz31Hr54o-DUqJlBoNg_large_cover.jpg") no-repeat top center;
    color: #fff;
    background-size: cover;
    background-attachment: fixed;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.nikon_case_study_banner h1 {
    font-size: 40px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

@media screen and (max-width: 700px) {
    .nikon_case_study_banner {
        background-attachment: scroll !important
    }
    .nikon_case_study_banner h1 {
        font-size: 30px
    }
    .nikon_case_study_banner p {
        font-size: 19px !important
    }
}

.enceladus_banner {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/level_press_assets/enceladus_large_cover.jpg") no-repeat top center;
    color: #fff;
    background-size: cover;
    background-attachment: fixed;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.enceladus_banner h1 {
    font-size: 40px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

@media screen and (max-width: 700px) {
    .enceladus_banner {
        background-attachment: scroll !important
    }
    .enceladus_banner h1 {
        font-size: 30px
    }
    .enceladus_banner p {
        font-size: 19px !important
    }
}

.nikon_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 10%, transparent 95%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 10%, transparent 95%)
}

.poster_builder_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 10%, rgba(0, 0, 0, 0.3) 95%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 10%, rgba(0, 0, 0, 0.3) 95%)
}

.level_press_main_title_brands {
    margin-top: 0;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    color: #222 !important;
    font-size: 38px !important;
    line-height: 28px !important;
    margin-top: 0;
    padding-top: 0
}

.level_press_main_title_brands p,
.level_press_main_title_brands td,
.level_press_main_title_brands strong,
.level_press_main_title_brands span,
.level_press_main_title_brands li,
.level_press_main_title_brands h1,
.level_press_main_title_brands h2,
.level_press_main_title_brands h3,
.level_press_main_title_brands h4,
.level_press_main_title_brands h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_main_subtitle_brands {
    margin-top: 0;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    color: #fff !important;
    font-size: 22px;
    line-height: 28px;
    margin-top: 0;
    padding-top: 0
}

.level_press_main_subtitle_brands p,
.level_press_main_subtitle_brands td,
.level_press_main_subtitle_brands strong,
.level_press_main_subtitle_brands span,
.level_press_main_subtitle_brands li,
.level_press_main_subtitle_brands h1,
.level_press_main_subtitle_brands h2,
.level_press_main_subtitle_brands h3,
.level_press_main_subtitle_brands h4,
.level_press_main_subtitle_brands h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width: 1120px) {
    .level_press_main_subtitle_brands {
        font-size: 19px
    }
}

.poster_index_top_padding {
    margin-top: 40px
}

@media screen and (max-width: 770px) {
    .poster_index_top_padding {
        margin-top: 30px
    }
}

.lp_brands_section_bg {
    background: -webkit-linear-gradient(bottom, #615e6e, #0b0c0e);
    background: linear-gradient(to top, #615e6e, #0b0c0e);
    padding-bottom: 430px
}

.brands_frame_landing {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: -420px;
    text-align: center;
    min-height: 400px
}

.brands_left_frame,
.brands_right_frame {
    display: inline-block;
    margin: 20px
}

.lp_landing_header_padding_brands {
    padding-top: 90px
}

.level_press_free {
    font-weight: 300
}

.poster_header_bg {
    height: 100%;
    background: -webkit-linear-gradient(bottom, #fafafa, #fff);
    background: linear-gradient(to top, #fafafa, #fff)
}

.poster_main_title {
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 200;
    font-size: 36px
}

@media screen and (max-width: 1150px) {
    .poster_main_title {
        font-size: 38px;
        line-height: 45px
    }
}

.poster_header_bg_show {
    height: 100%;
    background: -webkit-linear-gradient(bottom, #f5f5f5, #ebebeb);
    background: linear-gradient(to top, #f5f5f5, #ebebeb)
}

.campaign_floor_bg {
    position: absolute;
    margin-top: 0px;
    z-index: -1;
    height: 50px;
    width: 100%;
    background: -webkit-linear-gradient(bottom, #fff, #fafafa);
    background: linear-gradient(to top, #fff, #fafafa)
}

.lp_lowest_print_price_value {
    color: #57ad68;
    font-weight: 500
}

.poster_frame_thumbs {
    margin-top: 20px
}

.poster_frame_thumbs a {
    text-decoration: none
}

.poster_frame_thumbs a img {
    display: inline-block;
    width: 45px;
    margin: 2px;
    border: 1px solid #fff;
    outline: none
}

.poster_frame_thumbs a img:hover {
    border: 1px solid #77d7ff
}

a.active_poster_swatch img {
    border: 1px solid #eee;
    outline: none
}

.poster_buy_and_info_block {
    border-radius: 3px;
    background: #f6f6f9;
    border: 1px solid #edeff3
}

.poster_buy_block_text_padding {
    padding: 10px 30px 30px 30px
}

.poster_purchase_btn {
    background-color: #6fb97e;
    display: inline-block;
    padding: 12px 25px;
    text-align: center;
    border-radius: 35px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    letter-spacing: .04rem !important;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border: none;
    color: #fff
}

.poster_purchase_btn:hover {
    color: #fff;
    background-color: #4d9e5d
}

.poster_frame_swatches {
    position: absolute;
    margin-left: 0
}

.poster_frame_swatches li {
    list-style-type: none
}

.poster_frame_swatches li a img {
    width: 45px
}

.change_poster_frame_style {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    font-size: 14px;
    height: 14px;
    color: #555;
    text-transform: uppercase
}

.change_poster_frame_style i {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px
}

.lp_text_meta_style,
p.lp_text_meta_style {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 22px !important;
    letter-spacing: .04rem !important;
    text-decoration: none;
    text-transform: uppercase
}

.poster_frame_control_links {
    padding: 10px;
    color: #5ba4e5
}

.poster_frame_control_links i {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px
}

.poster_detail_left_column,
.poster_detail_right_column {
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width: 800px) {
    .poster_detail_left_column,
    .poster_detail_right_column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width: 800px) {
    .poster_detail_right_column .lp_campaign_h1_poster {
        padding-top: 50px
    }
}

.purple_link {
    color: #825dc0
}

.light_blue_link_underline {
    color: #5ba4e5;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
    color: #5ba4e5 !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#b3d5f3, #b3d5f3);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#b3d5f3, #b3d5f3);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.light_blue_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.light_blue_link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.light_blue_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.light_blue_link_underline:before,
.light_blue_link_underline:after,
.light_blue_link_underline *,
.light_blue_link_underline *:before,
.light_blue_link_underline *:after {
    text-shadow: none
}

.light_blue_link_underline:visited {
    color: #5ba4e5 !important
}

.light_blue_link_underline:hover {
    color: #111111 !important
}

.poster_lower_section_title {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
    padding-bottom: 0
}

.smaller_poster_body_text {
    font-size: 15px;
    line-height: 28px
}

.smaller_poster_body_text p {
    font-size: 15px;
    line-height: 28px
}

.poster_lower_section_title_divider {
    width: 100%;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    border-top: 1px solid #eeeeee
}

.lower_poster_detail_section {
    margin-bottom: 40px
}

.light_meta_color {
    color: #bfbfbf
}

.poster_share_buttons {
    margin-top: 20px
}

.campaign_poster_frame_wrapper .three_dimensional_frame {
    cursor: zoom-in
}

a.dark_header_link {
    color: #555
}

.poster_index_frame {
    margin-top: -70px
}

@media screen and (max-width: 770px) {
    .poster_index_frame {
        margin-top: 0
    }
}

.poster_index_white_bg {
    background: #fff;
    margin-top: -80px
}

@media screen and (max-width: 770px) {
    .poster_index_white_bg {
        margin-top: -60px
    }
}

.poster_framing_preview_text {
    color: #bfbfbf
}

.mobile_poster_title_and_description {
    display: none
}

@media screen and (max-width: 800px) {
    .mobile_poster_title_and_description {
        display: block
    }
}

.desktop_poster_title_and_description {
    display: block
}

@media screen and (max-width: 800px) {
    .desktop_poster_title_and_description {
        display: none
    }
}

@media screen and (max-width: 500px) {
    .lp_hide_on_mobile {
        display: none !important
    }
}

.campaign_edit_artwork_select {
    max-width: 400px
}

.change_artwork_type {
    display: none
}

.powered_by_bold_text {
    color: #555
}

@media screen and (max-width: 500px) {
    table .medium_circular_btn {
        display: block;
        border-radius: 2px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 2px
    }
}

.mobile_lp_list {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    padding-top: 40px
}

@media screen and (max-width: 450px) {
    .mobile_lp_list .lp_mobile_action_btns {
        display: block
    }
    .mobile_lp_list .medium_circular_btn {
        display: block;
        width: 100%;
        border-radius: 2px;
        margin: 5px
    }
}

.first_mobile_lp_list_item {
    padding-top: 0
}

p.mobile_lp_list_disable_text {
    padding-bottom: 0;
    color: #999;
    font-size: 10px;
    font-style: italic;
    font-weight: 300
}

span.mobile_lp_list_print_title {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 38px
}

.lp_mobile_table {
    display: none
}

@media screen and (max-width: 550px) {
    .lp_mobile_table {
        display: block
    }
}

@media screen and (max-width: 550px) {
    .lp_desktop_table {
        display: none
    }
}

.lp_flex_tile_featured_tile {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 230px;
    flex-basis: 230px;
    max-width: 230px;
    min-width: 200px;
    margin: 10px
}

.dark_hover_title_inner_text_featured {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    line-height: 220px !important
}

.dark_hover_title_inner_text_featured .dark_hover_img_text {
    padding: 0;
    text-align: center;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: .04rem !important;
    color: #fafafa !important;
    line-height: 22px !important;
    text-shadow: 0 1px #333
}

.dark_hover_title_inner_text_featured .dark_hover_img_text p,
.dark_hover_title_inner_text_featured .dark_hover_img_text td,
.dark_hover_title_inner_text_featured .dark_hover_img_text strong,
.dark_hover_title_inner_text_featured .dark_hover_img_text span,
.dark_hover_title_inner_text_featured .dark_hover_img_text li,
.dark_hover_title_inner_text_featured .dark_hover_img_text h1,
.dark_hover_title_inner_text_featured .dark_hover_img_text h2,
.dark_hover_title_inner_text_featured .dark_hover_img_text h3,
.dark_hover_title_inner_text_featured .dark_hover_img_text h4,
.dark_hover_title_inner_text_featured .dark_hover_img_text h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_launch_container {
    padding: 0 30px;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 980px
}

.level_press_admin_container {
    padding: 0 30px;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 1080px
}

.level_press_admin_container--no-top-margin {
    margin-top: 0
}

.level_press_admin_page_wrapper {
    padding: 0 30px;
    margin: 0 auto;
    max-width: 1070px;
    padding-top: 50px
}

.level_press_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 35px;
    font-weight: 200;
    line-height: 40px
}

.level_press_h1 p,
.level_press_h1 td,
.level_press_h1 strong,
.level_press_h1 span,
.level_press_h1 li,
.level_press_h1 h1,
.level_press_h1 h2,
.level_press_h1 h3,
.level_press_h1 h4,
.level_press_h1 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 20px;
    font-weight: 200
}

.level_press_p p,
.level_press_p td,
.level_press_p strong,
.level_press_p span,
.level_press_p li,
.level_press_p h1,
.level_press_p h2,
.level_press_p h3,
.level_press_p h4,
.level_press_p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_admin_index_p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 16px;
    font-weight: 300
}

.level_press_admin_index_p p,
.level_press_admin_index_p td,
.level_press_admin_index_p strong,
.level_press_admin_index_p span,
.level_press_admin_index_p li,
.level_press_admin_index_p h1,
.level_press_admin_index_p h2,
.level_press_admin_index_p h3,
.level_press_admin_index_p h4,
.level_press_admin_index_p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_smaller_p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 18px;
    font-weight: 200
}

.level_press_smaller_p p,
.level_press_smaller_p td,
.level_press_smaller_p strong,
.level_press_smaller_p span,
.level_press_smaller_p li,
.level_press_smaller_p h1,
.level_press_smaller_p h2,
.level_press_smaller_p h3,
.level_press_smaller_p h4,
.level_press_smaller_p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 28px;
    font-weight: 200
}

.level_press_h2 p,
.level_press_h2 td,
.level_press_h2 strong,
.level_press_h2 span,
.level_press_h2 li,
.level_press_h2 h1,
.level_press_h2 h2,
.level_press_h2 h3,
.level_press_h2 h4,
.level_press_h2 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.rocket_launch_icon {
    width: 150px
}

.level_press_admin_sidebar {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.level_press_admin_sidebar p,
.level_press_admin_sidebar td,
.level_press_admin_sidebar strong,
.level_press_admin_sidebar span,
.level_press_admin_sidebar li,
.level_press_admin_sidebar h1,
.level_press_admin_sidebar h2,
.level_press_admin_sidebar h3,
.level_press_admin_sidebar h4,
.level_press_admin_sidebar h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_dashboard_icon {
    width: 75px;
    display: inline-block;
    margin-right: 15px
}

.dashboard_h1 {
    display: inline-block;
    vertical-align: top
}

.level_press_admin_dash_links {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 300
}

.level_press_admin_dash_links p,
.level_press_admin_dash_links td,
.level_press_admin_dash_links strong,
.level_press_admin_dash_links span,
.level_press_admin_dash_links li,
.level_press_admin_dash_links h1,
.level_press_admin_dash_links h2,
.level_press_admin_dash_links h3,
.level_press_admin_dash_links h4,
.level_press_admin_dash_links h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_admin_dash_links ul {
    margin-top: 30px
}

.level_press_admin_dash_links ul li {
    display: inline-block;
    font-size: 16px;
    margin: 10px 35px
}

.level_press_admin_dash_links ul li img {
    padding-bottom: 10px
}

.level_press_admin_h3 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    color: #bfbfbf !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px !important;
    font-weight: 600 !important
}

.level_press_admin_h3 p,
.level_press_admin_h3 td,
.level_press_admin_h3 strong,
.level_press_admin_h3 span,
.level_press_admin_h3 li,
.level_press_admin_h3 h1,
.level_press_admin_h3 h2,
.level_press_admin_h3 h3,
.level_press_admin_h3 h4,
.level_press_admin_h3 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_admin_dash_prints img {
    margin: 5px;
    max-width: 100%;
    border: 1px solid #ddd;
    padding: 5px
}

.level_press_admin_payment_icon {
    height: 55px;
    display: block;
    margin: 0 auto
}

.level_press_admin_prints_icon {
    height: 55px;
    display: block;
    margin: 0 auto
}

.level_press_admin_account_icon {
    height: 55px;
    display: block;
    margin: 0 auto
}

.level_press_admin_sidebar_icon {
    height: 25px;
    display: block;
    margin: 0 auto
}

.level_press_admin_index_print {
    max-width: 160px !important;
    display: inline-block;
    vertical-align: top;
    margin: 5px
}

.level_press_admin_dash_print {
    max-width: 100px !important;
    display: inline-block;
    vertical-align: top;
    margin: 5px
}

.level_press_admin_print_show_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 26px;
    margin-bottom: 10px
}

.level_press_admin_print_show_h1 p,
.level_press_admin_print_show_h1 td,
.level_press_admin_print_show_h1 strong,
.level_press_admin_print_show_h1 span,
.level_press_admin_print_show_h1 li,
.level_press_admin_print_show_h1 h1,
.level_press_admin_print_show_h1 h2,
.level_press_admin_print_show_h1 h3,
.level_press_admin_print_show_h1 h4,
.level_press_admin_print_show_h1 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.level_press_admin_print_show_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 16px;
    margin-top: 0;
    padding-top: 0
}

.level_press_admin_print_show_h2 p,
.level_press_admin_print_show_h2 td,
.level_press_admin_print_show_h2 strong,
.level_press_admin_print_show_h2 span,
.level_press_admin_print_show_h2 li,
.level_press_admin_print_show_h2 h1,
.level_press_admin_print_show_h2 h2,
.level_press_admin_print_show_h2 h3,
.level_press_admin_print_show_h2 h4,
.level_press_admin_print_show_h2 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_active_toggle_area {
    display: inline-block;
    vertical-align: middle
}

.level_press_admin_print_show_image {
    max-width: 100% !important
}

.level_press_admin_sidebar_ul li {
    text-align: center;
    margin-bottom: 45px
}

.level_press_admin_prints_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 26px
}

.level_press_admin_prints_h1 p,
.level_press_admin_prints_h1 td,
.level_press_admin_prints_h1 strong,
.level_press_admin_prints_h1 span,
.level_press_admin_prints_h1 li,
.level_press_admin_prints_h1 h1,
.level_press_admin_prints_h1 h2,
.level_press_admin_prints_h1 h3,
.level_press_admin_prints_h1 h4,
.level_press_admin_prints_h1 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.white-page-body a {
    color: #ee81ff !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#f5b4ff, #f5b4ff);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#f5b4ff, #f5b4ff);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.white-page-body a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.white-page-body a::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.white-page-body a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.white-page-body a:before,
.white-page-body a:after,
.white-page-body a *,
.white-page-body a *:before,
.white-page-body a *:after {
    text-shadow: none
}

.white-page-body a:visited {
    color: #ee81ff !important
}

.white-page-body a:hover {
    color: #111111 !important
}

.gray-body {
    padding-top: 50px;
    height: 500px
}

.level-widget {
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
    padding: 10px
}

.level-widget-text {
    padding: 10px 20px
}

.members_font {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    line-height: 25px
}

.members_font p,
.members_font li {
    font-size: 16px;
    line-height: 20px
}

.framing_project_item_description {
    font-size: 14px;
    padding: 5px 20px;
    text-align: center
}

.dash_framing_project_item_description {
    padding: 5px 8px;
    text-align: center
}

.framing_project_choices img {
    max-height: 130px
}

.members_index_section {
    margin: 80px 0
}

.is-members-sidebar {
    font-size: 14px
}

.is-members-sidebar h3 {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    margin-left: -5px
}

.is-members-sidebar a {
    color: rgba(46, 48, 58, 0.96);
    text-decoration: none
}

.members-sidebar-section {
    margin-bottom: 30px
}

.members-section {
    margin-bottom: 50px
}

.members-section h2 {
    color: #222;
    margin-bottom: 40px
}

.members-stat-block {
    display: inline-block;
    padding: 0 55px 40px 15px;
    vertical-align: middle;
    text-align: center
}

.members-stat-block p {
    margin-bottom: 0;
    padding-bottom: 0
}

.members-stat-block:last-of-type {
    padding: 0 0 40px 15px
}

.stat-number {
    font-size: 80px;
    font-weight: 700;
    text-decoration: none
}

.order-history-summary-number {
    font-size: 50px;
    font-weight: 700
}

.members-stat-block .stat-block-subtext,
.stat-block-subtext a {
    color: #bfbfbf !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px !important;
    font-weight: 600 !important
}

.stat-block-subtext a:hover {
    color: #111 !important
}

.circles-text {
    font-size: 35px !important;
    font-weight: 700;
    color: #808997
}

.circles-percent {
    font-size: 15px;
    vertical-align: top
}

.members-graphs {
    margin-top: 50px
}

.members_index_section {
    margin: 50px 0
}

.members_icons {
    fill: #aab0ba;
    display: block;
    width: 50%;
    height: 50%;
    margin: 0 auto;
    max-width: 70px;
    max-height: 70px
}

.dash_members_icons {
    fill: #aab0ba;
    display: block;
    width: 40%;
    height: 40%;
    margin: 0 auto;
    max-width: 70px;
    max-height: 70px
}

.stats_icon {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 70px;
    max-height: 70px
}

.account_icon {
    fill: #57ad68
}

.referral_icon {
    fill: #aab0ba
}

.members_processing {
    color: #5ba4e5 !important
}

.members_shipped {
    color: #57ad68 !important
}

.members_refunded {
    color: #da552f !important
}

.members_void {
    color: #999 !important
}

.members-table tr {
    cursor: pointer
}

.members-table a {
    text-decoration: none;
    color: rgba(46, 48, 58, 0.96)
}

.order-history-status {
    text-transform: uppercase
}

.order_history_attributes p {
    margin: 5px;
    font-size: 16px
}

.track_package_icon {
    fill: #c4c4c4;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.new_framing_project_title {
    margin-bottom: 70px;
    line-height: 40px
}

.members_pagination {
    font-size: 16px
}

.members_pagination a,
.members_pagination span,
.members_pagination em {
    margin-right: 10px
}

.members_pagination a {
    color: #2980b9 !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#bddbf1, #bddbf1);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#bddbf1, #bddbf1);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.members_pagination a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.members_pagination a::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.members_pagination a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.members_pagination a:before,
.members_pagination a:after,
.members_pagination a *,
.members_pagination a *:before,
.members_pagination a *:after {
    text-shadow: none
}

.members_pagination a:visited {
    color: #2980b9 !important
}

.members_pagination a:hover {
    color: #111111 !important
}

.referral_link_box {
    background: rgba(245, 247, 250, 0.5);
    padding: 20px 30px;
    border-radius: 4px;
    border: 1px solid #eee
}

.referral_link_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: 1px solid #d1d1d1;
    width: 100%;
    padding: 15px;
    font-size: 18px
}

.referral_link_input:focus {
    border: 1px solid #999;
    outline: 0
}

.members_tabs ul li {
    max-width: 180px
}

.members_more_resources li {
    margin-bottom: 10px
}

.members_more_resources a {
    color: #2980b9 !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#bddbf1, #bddbf1);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#bddbf1, #bddbf1);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.members_more_resources a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.members_more_resources a::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.members_more_resources a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.members_more_resources a:before,
.members_more_resources a:after,
.members_more_resources a *,
.members_more_resources a *:before,
.members_more_resources a *:after {
    text-shadow: none
}

.members_more_resources a:visited {
    color: #2980b9 !important
}

.members_more_resources a:hover {
    color: #111111 !important
}

.members_tab_btn_area {
    text-align: center;
    margin-top: 30px
}

.members_tab_btn_area a {
    font-family: "freight-sans-pro"
}

.members_banner {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 0;
    padding: 2px 30px
}

.members_banner p {
    font-size: 12px;
    letter-spacing: 0.16rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600
}

.members_banner a {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.16rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600
}

.members_banner ul li {
    margin-right: 20px
}

.members_banner ul li:last-of-type {
    margin-right: 0
}

.dark_members_banner {
    background: -webkit-radial-gradient(top center, circle, #464450, #0b0c0f);
    background: radial-gradient(circle at top center, #464450, #0b0c0f)
}

.member_banner_link_underline {
    color: #fff !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #808997, -0.03em 0 #808997, 0 0.03em #808997, 0 -0.03em #808997, 0.06em 0 #808997, -0.06em 0 #808997, 0.09em 0 #808997, -0.09em 0 #808997, 0.12em 0 #808997, -0.12em 0 #808997, 0.15em 0 #808997, -0.15em 0 #808997;
    background-image: -webkit-linear-gradient(#808997, #808997), -webkit-linear-gradient(#808997, #808997), -webkit-linear-gradient(#a6a6a6, #a6a6a6);
    background-image: linear-gradient(#808997, #808997), linear-gradient(#808997, #808997), linear-gradient(#a6a6a6, #a6a6a6);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.member_banner_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.member_banner_link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.member_banner_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.member_banner_link_underline:before,
.member_banner_link_underline:after,
.member_banner_link_underline *,
.member_banner_link_underline *:before,
.member_banner_link_underline *:after {
    text-shadow: none
}

.member_banner_link_underline:visited {
    color: #fff !important
}

.member_banner_link_underline:hover {
    color: #ddd !important
}

.dark_banner_link_underline {
    color: #fff !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #222, -0.03em 0 #222, 0 0.03em #222, 0 -0.03em #222, 0.06em 0 #222, -0.06em 0 #222, 0.09em 0 #222, -0.09em 0 #222, 0.12em 0 #222, -0.12em 0 #222, 0.15em 0 #222, -0.15em 0 #222;
    background-image: -webkit-linear-gradient(#222, #222), -webkit-linear-gradient(#222, #222), -webkit-linear-gradient(#737373, #737373);
    background-image: linear-gradient(#222, #222), linear-gradient(#222, #222), linear-gradient(#737373, #737373);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.dark_banner_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.dark_banner_link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.dark_banner_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.dark_banner_link_underline:before,
.dark_banner_link_underline:after,
.dark_banner_link_underline *,
.dark_banner_link_underline *:before,
.dark_banner_link_underline *:after {
    text-shadow: none
}

.dark_banner_link_underline:visited {
    color: #fff !important
}

.dark_banner_link_underline:hover {
    color: #ddd !important
}

.dark_banner_green_link_underline {
    color: #77d7ff !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #222, -0.03em 0 #222, 0 0.03em #222, 0 -0.03em #222, 0.06em 0 #222, -0.06em 0 #222, 0.09em 0 #222, -0.09em 0 #222, 0.12em 0 #222, -0.12em 0 #222, 0.15em 0 #222, -0.15em 0 #222;
    background-image: -webkit-linear-gradient(#222, #222), -webkit-linear-gradient(#222, #222), -webkit-linear-gradient(#737373, #737373);
    background-image: linear-gradient(#222, #222), linear-gradient(#222, #222), linear-gradient(#737373, #737373);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.dark_banner_green_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.dark_banner_green_link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.dark_banner_green_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.dark_banner_green_link_underline:before,
.dark_banner_green_link_underline:after,
.dark_banner_green_link_underline *,
.dark_banner_green_link_underline *:before,
.dark_banner_green_link_underline *:after {
    text-shadow: none
}

.dark_banner_green_link_underline:visited {
    color: #77d7ff !important
}

.dark_banner_green_link_underline:hover {
    color: #ddd !important
}

.dark_banner_blue_link_underline {
    color: #00FF7F !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #222, -0.03em 0 #222, 0 0.03em #222, 0 -0.03em #222, 0.06em 0 #222, -0.06em 0 #222, 0.09em 0 #222, -0.09em 0 #222, 0.12em 0 #222, -0.12em 0 #222, 0.15em 0 #222, -0.15em 0 #222;
    background-image: -webkit-linear-gradient(#222, #222), -webkit-linear-gradient(#222, #222), -webkit-linear-gradient(#737373, #737373);
    background-image: linear-gradient(#222, #222), linear-gradient(#222, #222), linear-gradient(#737373, #737373);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.dark_banner_blue_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.dark_banner_blue_link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.dark_banner_blue_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.dark_banner_blue_link_underline:before,
.dark_banner_blue_link_underline:after,
.dark_banner_blue_link_underline *,
.dark_banner_blue_link_underline *:before,
.dark_banner_blue_link_underline *:after {
    text-shadow: none
}

.dark_banner_blue_link_underline:visited {
    color: #00FF7F !important
}

.dark_banner_blue_link_underline:hover {
    color: #ddd !important
}

.members_banner_top {
    position: absolute;
    margin-top: -100px
}

.members_banner.members_banner_top_open {
    position: relative;
    margin-top: 0
}

.members_banner_top,
.banner_push {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.dashboard_frame_project li {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px
}

.dashboard_frame_project li a {
    text-decoration: none;
    color: rgba(46, 48, 58, 0.96)
}

@media screen and (max-width: 768px) {
    .dashboard_frame_project .column {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        float: left;
        width: 50%
    }
}

@media screen and (max-width: 768px) {
    .dashboard_frame_project .column:last-of-type {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }
}

.members_banner .navbar-item {
    margin-top: 15px;
    margin-bottom: 15px !important
}

.social_referral_share li {
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    line-height: 30px
}

.members_welcome_header h1 {
    font-weight: 200;
    font-size: 28px
}

.members_welcome_header h2 {
    font-weight: 200;
    font-size: 20px
}

.members_welcome_header h3 {
    font-weight: 200;
    font-size: 17px;
    color: #222;
    font-style: italic
}

.members_welcome_header .members_added_15 {
    color: #57ad68
}

.members_welcome_section {
    text-align: center
}

.members_welcome_section h2 {
    font-size: 25px;
    font-weight: 200
}

.members_welcome_section p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 200 !important
}

.members_welcome_section figcaption p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400 !important
}

.onboarding_tutorial_wrapper .join_what_we_do_at_glance p {
    text-transform: none;
    font-size: 17px;
    font-weight: 300 !important
}

.mothers_day_banner {
    background-color: #000;
    color: #fff;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/mothers-day-bg.jpg") no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    min-width: 100%;
    min-height: 100%
}

.mothers_day_photos {
    max-width: 100%
}

.mothers_day_h1 {
    color: #fff;
    font-size: 54px;
    margin-bottom: 0;
    line-height: 60px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

@media screen and (max-width: 500px) {
    .mothers_day_h1 {
        font-size: 35px;
        line-height: 50px
    }
}

.order_box {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.order_box::after {
    clear: both;
    content: "";
    display: table
}

.left_box {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.left_box:last-child {
    margin-right: 0
}

.right_box {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
    margin-left: 8.5298%
}

.right_box:last-child {
    margin-right: 0
}

.order_details_block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
}

.order_details_block:last-child {
    margin-right: 0
}

.order_summary_block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.order_summary_block:last-child {
    margin-right: 0
}

.cart_item_row {
    display: block;
    margin-bottom: 40px
}

.cart_item_row::after {
    clear: both;
    content: "";
    display: table
}

.cart_item {
    float: left;
    display: block;
    margin-right: 4.11092%;
    width: 70.25402%;
    margin-left: 14.87299%
}

.cart_item:last-child {
    margin-right: 0
}

.cart_item_controls {
    float: left;
    display: block;
    margin-right: 4.11092%;
    width: 10.76207%
}

.cart_item_controls:last-child {
    margin-right: 0
}

.middle_column2 {
    margin-top: 50px
}

.two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
}

.two-thirds:last-child {
    margin-right: 0
}

.two-thirds-inner {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 100%
}

.two-thirds-inner:last-child {
    margin-right: 0
}

.one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.one-third:last-child {
    margin-right: 0
}

.one-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
}

.one-half:last-child {
    margin-right: 0
}

.span12 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.span12::after {
    clear: both;
    content: "";
    display: table
}

.cart-frames {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.cart-frames:last-child {
    margin-right: 0
}

.order-summary {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.order-summary:last-child {
    margin-right: 0
}

.span8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.span8:last-child {
    margin-right: 0
}

.span7 {
    float: left;
    display: block;
    margin-right: 4.11092%;
    width: 100%
}

.span7:last-child {
    margin-right: 0
}

.span4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.span4:last-child {
    margin-right: 0
}

.span3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.span3:last-child {
    margin-right: 0
}

.product_attribute_styles {
    font-size: 12px;
    text-decoration: none;
    letter-spacing: .16px;
    text-transform: uppercase
}

.product_detail_attributes p {
    margin: 5px
}

.product_image_area {
    margin-bottom: 40px
}

.summary_image_product {
    margin-left: 20px;
    margin-right: 20px
}

@media screen and (max-width: 850px) {
    .summary_image_product {
        text-align: center
    }
}

.summary_image_product img {
    width: 100%;
    max-width: 370px;
    padding: 10px !important;
    background-color: #fff;
    box-shadow: 0 0 1px 0 #d6d6d6, 0px 5px 40px 5px #efefef
}

.summary_image_product_no_border {
    margin-left: 20px;
    margin-right: 20px
}

@media screen and (max-width: 850px) {
    .summary_image_product_no_border {
        text-align: center
    }
}

.summary_image_product_no_border img {
    width: 100%;
    max-width: 370px;
    padding: 0px !important;
    box-shadow: 0 0 1px 0 #d6d6d6, 0px 5px 40px 5px #efefef
}

.product_title_area {
    margin-bottom: 20px
}

.product_title_area p {
    font-size: 16px !important
}

.gray_box {
    padding: 25px;
    border-radius: 4px;
    background: #eee
}

.m-top-20 {
    margin-top: 20px
}

.cart_line_items {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}

.btn_highlight_box {
    display: inline-block;
    background: #f3f3f3;
    padding: 20px 50px;
    border-radius: 4px;
    margin-top: 30px
}

.order_summary_items_section p {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px
}

.summary_bg_box {
    border-radius: 4px;
    border: 1px solid #eee;
    max-width: 450px;
    margin: 0 auto;
    padding: 40px 50px
}

.box_btn_styles p,
.box_btn_styles a,
.box_btn_styles span {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.cart_items_title {
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    margin-bottom: 30px
}

@media screen and (max-width: 850px) {
    .cart_item_btns_desktop {
        display: none
    }
}

@media screen and (max-width: 850px) {
    .product_image_area {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin: 0 auto !important
    }
    .product_image_area:last-child {
        margin-right: 0
    }
}

.product_detail_attributes p {
    font-size: 14px;
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width: 850px) {
    .product_detail_attributes {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-top: 30px
    }
    .product_detail_attributes:last-child {
        margin-right: 0
    }
}

.cart_item_btns_mobile {
    display: none
}

@media screen and (max-width: 850px) {
    .cart_item_btns_mobile {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-top: 30px
    }
    .cart_item_btns_mobile:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 850px) {
    .cart_items_area .hatch_frame_6adfe3 {
        margin: 0 auto !important;
        text-align: center !important
    }
}

.green_checkout_lock {
    color: #57ad68;
    font-size: 38px
}

.admin_wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 15px;
    color: #34495e;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

.admin_wrapper p {
    font-size: 15px;
    color: #34495e
}

.admin_wrapper input[type='text'],
.admin_wrapper input[type='email'],
.admin_wrapper input[type='password'] {
    width: 100%;
    max-width: 500px;
    font-size: 18px;
    padding: 10px;
    outline: none;
    border: 1px solid #ddd
}

.admin_wrapper input[type='text']:focus,
.admin_wrapper input[type='email']:focus,
.admin_wrapper input[type='password']:focus {
    border: 1px solid #c4c4c4
}

.admin_wrapper input[type='checkbox'] {
    width: 15px;
    height: 15px
}

.admin_wrapper select {
    max-width: 520px;
    line-height: 20px
}

.admin_wrapper label {
    cursor: pointer
}

.admin_wrapper textarea {
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    height: 100px;
    padding: 10px;
    outline: none;
    border: 1px solid #ddd
}

.admin_wrapper textarea:focus {
    border: 1px solid #c4c4c4
}

.admin_wrapper .table th {
    font-weight: 600
}

.admin_wrapper .table th,
.admin_wrapper .table tr,
.admin_wrapper .table td {
    color: #34495e
}

.admin_wrapper .table td {
    padding: 10px 10px
}

.admin_wrapper .table td.bold_console_table_text {
    font-weight: 600
}

.admin_wrapper .table td.console_order_status_td {
    font-weight: 600
}

.admin_wrapper .table td.hidden_td_overflow {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.admin_wrapper a {
    color: #2973b7;
    text-decoration: none
}

.admin_wrapper a:hover {
    text-decoration: underline
}

.admin_wrapper h1 {
    font-size: 24px
}

.new_admin_wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 15px;
    color: #34495e;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

.new_admin_wrapper p {
    font-size: 15px;
    color: #34495e
}

.new_admin_wrapper fieldset {
    border: 1px solid #eee;
    font-weight: bold;
    background: -webkit-radial-gradient(top center, circle, #fff, #fcfcfd);
    background: radial-gradient(circle at top center, #fff, #fcfcfd)
}

.new_admin_wrapper input[type='text'],
.new_admin_wrapper input[type='email'],
.new_admin_wrapper input[type='password'] {
    padding: 15px 10px;
    width: 100%;
    outline: none;
    border-radius: 5px;
    border: none;
    background: -webkit-radial-gradient(top center, circle, #fff, #fcfcfd);
    background: radial-gradient(circle at top center, #fff, #fcfcfd)
}

.new_admin_wrapper input[type='checkbox'] {
    width: 15px;
    height: 15px
}

.new_admin_wrapper select {
    max-width: 520px;
    line-height: 20px
}

.new_admin_wrapper label {
    cursor: pointer
}

.new_admin_wrapper textarea {
    width: 100%;
    max-width: 100%;
    height: 100px;
    padding: 15px 10px;
    outline: none;
    border: none;
    background: transparent
}

.new_admin_wrapper .table th {
    font-weight: 600
}

.new_admin_wrapper .table th,
.new_admin_wrapper .table tr,
.new_admin_wrapper .table td {
    color: #34495e
}

.new_admin_wrapper .table td {
    padding: 10px 10px
}

.new_admin_wrapper .table td.bold_console_table_text {
    font-weight: 600
}

.new_admin_wrapper .table td.console_order_status_td {
    font-weight: 600
}

.new_admin_wrapper .table td.hidden_td_overflow {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.new_admin_wrapper a {
    color: #2973b7;
    text-decoration: none
}

.new_admin_wrapper a:hover {
    text-decoration: underline
}

.new_admin_wrapper h1 {
    font-size: 24px
}

.compact_tables_wrapper td {
    padding: 5px 15px !important;
    border: none
}

.admin_print_wrapper {
    font-size: 14px
}

.admin_print_wrapper .console_order_block {
    min-width: 150px
}

.admin_print_wrapper .console_order_detail {
    margin-top: 50px
}

.gift_order_message_box {
    padding: 15px 15px;
    background: rgba(245, 247, 250, 0.5)
}

.fulfillment_top_tables_wrapper td {
    padding: 5px 15px 5px 0 !important;
    border: none
}

.solid_header {
    background: #fff;
    padding: 7px 0 5px 0;
    border-bottom: 1px solid #eee
}

.solid_header a {
    color: #333
}

.admin_container {
    padding: 0 35px
}

.nav_brand {
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 8px
}

.nav_brand img {
    height: 40px
}

.nav_brand a:hover {
    text-decoration: none
}

.admin_body_container {
    padding: 30px 35px
}

.admin_body_container--center {
    padding-left: 50px;
    padding-right: 50px
}

.admin_body_container--center a {
    color: #2973b7
}

.admin_body_container--center .admin_pagination a,
.admin_body_container--center .admin_pagination em,
.admin_body_container--center .admin_pagination span {
    margin-bottom: 5px;
    font-size: 16px !important;
    padding: 5px
}

.admin_body_container--center .admin_pagination a {
    display: inline-block;
    background: #fff;
    padding: 2px 13px;
    border: 1px solid #eee;
    text-align: center
}

.admin_body_container--center .admin_pagination a:hover {
    text-decoration: none;
    background: whitesmoke
}

.admin_flex_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.left_admin_column {
    width: 220px;
    font-size: 13px;
    min-width: 180px
}

.left_admin_column a {
    color: #364c61;
    text-decoration: none
}

.left_admin_column a:hover,
.left_admin_column a:active {
    color: #34495e
}

.left_admin_column li {
    margin-bottom: 10px
}

.center_admin_column {
    background: #fff;
    color: #34495e;
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: 500px;
    height: auto
}

.center_admin_column--white {
    background: #fff;
    border-bottom: none;
    border-top: none
}

.center_admin_column--white a {
    color: #2980b9
}

.center_admin_column--form_contrast {
    border-left: 1px solid #e5eff5;
    border-right: 1px solid #e5eff5;
    background: #f8fafc;
    color: #222;
    border-bottom: none;
    border-top: none
}

.center_admin_column--form_contrast a {
    color: #2980b9
}

.console_dashboard_bg {
    background: -webkit-radial-gradient(top center, circle, #464450, #0b0c0f);
    background: radial-gradient(circle at top center, #464450, #0b0c0f)
}

.right_admin_column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 195px;
    background: #fff;
    background: -webkit-radial-gradient(bottom right, circle, #fff, #fafafa);
    background: radial-gradient(circle at bottom right, #fff, #fafafa)
}

.right_admin_column p {
    font-size: 13px
}

.right_admin_column input[type='text'] {
    width: 100%;
    max-width: 100% !important
}

.right_admin_column input[type='submit'] {
    display: block;
    background-color: #5ba4e5;
    border: none;
    outline: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    font-weight: 800 !important;
    text-decoration: none;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
    box-sizing: border-box;
    width: 100%
}

.right_admin_column input[type='submit']:hover {
    background: #4598e2
}

.right_admin_column .filter_search_input {
    margin-top: 5px
}

.right_admin_column .console_search_btn {
    display: block;
    width: 100%
}

.right_admin_column .sidebar_tags {
    font-size: 13px
}

.right_admin_column .sidebar_tags li {
    margin-bottom: 5px
}

.right_admin_column .customer_downloads {
    font-size: 13px
}

.right_admin_column .customer_downloads li {
    margin-bottom: 5px
}

.right_admin_column p.right_sidebar_title {
    font-size: 14px
}

.right_admin_column .levle_btn {
    margin-bottom: 3px;
    padding: 0 20px;
    border-radius: 2px
}

.admin_page_title {
    margin-top: 0;
    padding-top: 0
}

.admin_footer_row {
    font-size: 14px;
    border-top: 1px solid #eee
}

.admin_footer_row ul li {
    margin: 15px
}

.admin_footer_row a {
    color: #333;
    text-decoration: none
}

.second_level_vertical_nav {
    margin-left: 5px !important;
    margin-bottom: 25px !important
}

.nav_section_title {
    font-weight: bold;
    font-size: 16px
}

.console_title_link {
    float: left;
    margin-left: 25px;
    margin-top: 10px
}

.console_title_link a {
    text-decoration: none
}

.active_console_nav_item {
    color: #34495e !important;
    font-weight: 600
}

.console_top_nav_links {
    position: relative;
    float: right;
    margin-right: 15px;
    padding-right: 0;
    margin-top: 15px;
    color: #34495e;
    font-size: 14px;
    font-weight: 600
}

.console_top_nav_links a {
    text-decoration: none;
    color: #34495e
}

.console_top_nav_links li {
    display: inline;
    margin-left: 20px
}

.console_title {
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 600
}

.console_ul {
    margin-top: 0
}

.admin_footer_content {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.console_logout_link {
    margin-left: 25px
}

.console_logout_link a {
    background: rgba(0, 0, 0, 0.55);
    border-radius: 5px;
    padding: 6px 10px
}

.console_actions {
    margin-top: 20px
}

.console_more_links {
    margin-top: 20px
}

.console_show_page p {
    margin-bottom: 7px;
    margin-top: 0
}

.console_show_value {
    color: #333
}

.console_label {
    margin-right: 15px;
    color: #777
}

.console_print_image {
    display: inline-block;
    max-width: 400px
}

.console_artist_prints {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.console_print {
    margin-right: 15px;
    margin-bottom: 15px;
    max-width: 300px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.console_print a img {
    max-width: 300px;
    width: 100%
}

.console_order_top_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.console_order_block {
    margin-right: 15px;
    margin-bottom: 15px;
    min-width: 300px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.console_full_width_block {
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 30px;
    width: 100%
}

.console_order_details {
    margin-top: 30px
}

.console_order_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.console_detail_block {
    margin-right: 15px;
    margin-bottom: 20px;
    min-width: 250px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.console_detail_block img {
    max-width: 100%
}

.order_items_title {
    border-bottom: 1px solid #efefef;
    padding-bottom: 40px;
    margin-bottom: 0
}

.console_subsection {
    margin-top: 20px;
    margin-bottom: 50px
}

.console_filter_area {
    margin-top: 20px
}

.order_status_tag_area {
    float: right;
    margin-bottom: 30px;
    margin-top: 15px
}

.order_status_tag {
    padding: 10px;
    border-radius: 5px;
    color: #fff
}

.order_status_awaiting_fulfillment {
    background-color: #08c;
    padding: 10px;
    border-radius: 5px;
    color: #fff
}

.console_detail_image img {
    max-width: 125px !important
}

.order_status_tags {
    font-size: 16px;
    float: right;
    margin-top: 5px
}

.console_geneology {
    margin-top: 40px
}

.console_dashboard_row .row {
    border-top: 1px solid #555;
    padding-top: 10px
}

.console_dashboard_row h2 {
    font-size: 30px
}

.datetime_select select {
    max-width: 100px !important
}

#new_order_status_history select {
    width: 100%;
    margin: 20px 0
}

#new_order_status_history textarea {
    width: 100%;
    margin: 2px 0 10px 0
}

#console_order_comments {
    margin-top: 20px
}

.console_order_comment {
    padding: 10px 0
}

.console_order_comment span.bold {
    font-weight: bold
}

.console_comment_header {
    display: inline;
    margin-bottom: 10px
}

.console_comment_header div:first-child {
    font-weight: bold;
    float: left;
    color: #5ba4e5
}

.console_comment_header div:last-child {
    float: right;
    color: #555
}

.console_comment_content {
    clear: both;
    padding-top: 5px
}

.console_order_status_verify {
    color: #df6400
}

.console_order_status_open {
    color: #2973b7
}

.console_order_status_priority {
    color: #e8957d
}

.console_order_status_incoming {
    color: #8d4eff
}

.console_order_status_received {
    color: #6c1bff
}

.console_order_status_shipped {
    color: #3fb17e
}

.console_order_status_void {
    color: #999
}

.console_order_status_refund {
    color: #ff0000
}

.console_order_status_test {
    color: #b06e0f
}

.admin_order_tag.order_status_verify {
    background: #df6400 !important;
    color: #fff !important;
    border: 1px solid #fff
}

.admin_order_tag.order_status_open {
    background-color: #5ba4e5;
    color: #fff !important;
    border: 1px solid #fff
}

.admin_order_tag.order_status_priority {
    background-color: #d94e26;
    color: #fff !important;
    border: 1px solid #fff
}

.admin_order_tag.order_status_incoming {
    background-color: #8d4eff;
    color: #fff !important;
    border: 1px solid #fff
}

.admin_order_tag.order_status_received {
    background-color: #6c1bff;
    color: #fff !important;
    border: 1px solid #fff
}

.admin_order_tag.order_status_shipped {
    background-color: #57ad68;
    color: #fff !important;
    border: 1px solid #fff
}

.admin_order_tag.order_status_void {
    background-color: #999;
    color: #fff !important;
    border: 1px solid #fff
}

.admin_order_tag.order_status_refund {
    background-color: #ff0000;
    color: #fff !important;
    border: 1px solid #fff
}

.admin_order_tag.order_status_test {
    background-color: #b06e0f;
    color: #fff !important;
    border: 1px solid #fff
}

.admin_order_tag.order_status_started {
    background-color: #333;
    color: #fff !important;
    border: 1px solid #fff
}

.console_detail_block_right_padding {
    padding-right: 30px
}

.console_table_bottom_margin {
    margin-bottom: 50px
}

.console_image_detail_top_padding {
    margin-top: 40px
}

.console_cost_detail {
    display: block;
    padding: 40px;
    padding-left: 0;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    border-radius: 3px;
    margin-top: -70px
}

.edit_order_fulfillment select {
    max-width: 120px
}

.console_order_deadline_block {
    margin-top: 20px;
    margin-bottom: 20px
}

.console_deadline_changed_area {
    display: none;
    margin-top: 30px
}

.console_dark_link_underline {
    color: #77d7ff !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #45474b, -0.03em 0 #45474b, 0 0.03em #45474b, 0 -0.03em #45474b, 0.06em 0 #45474b, -0.06em 0 #45474b, 0.09em 0 #45474b, -0.09em 0 #45474b, 0.12em 0 #45474b, -0.12em 0 #45474b, 0.15em 0 #45474b, -0.15em 0 #45474b;
    background-image: -webkit-linear-gradient(#45474b, #45474b), -webkit-linear-gradient(#45474b, #45474b), -webkit-linear-gradient(#aae6ff, #aae6ff);
    background-image: linear-gradient(#45474b, #45474b), linear-gradient(#45474b, #45474b), linear-gradient(#aae6ff, #aae6ff);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.console_dark_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.console_dark_link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.console_dark_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.console_dark_link_underline:before,
.console_dark_link_underline:after,
.console_dark_link_underline *,
.console_dark_link_underline *:before,
.console_dark_link_underline *:after {
    text-shadow: none
}

.console_dark_link_underline:visited {
    color: #77d7ff !important
}

.console_dark_link_underline:hover {
    color: #fff !important
}

.order_sort_links a {
    margin: 5px
}

.console-table-loader {
    display: none
}

.deadline_order_links {
    display: inline-block;
    margin-right: 10px
}

.deadline_order_links a {
    margin: 5px
}

.order_filter_btn {
    position: relative;
    display: inline-block;
    border-radius: 2px;
    color: #555;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #bbb;
    padding: 5px 10px;
    letter-spacing: .05rem;
    white-space: nowrap;
    box-sizing: border-box
}

.order_filter_btn:hover,
.order_filter_btn:focus {
    border-color: #888;
    color: #333;
    outline: 0;
    text-decoration: none
}

.order_filter_btn:active {
    top: 2px
}

@media screen and (max-width: 450px) {
    .order_filter_btn {
        font-size: 12px !important;
        padding: 12px 20px
    }
}

.order_filter_btn--white {
    color: #111 !important;
    border-color: #ddd;
    background-color: #fafafa;
    -webkit-transition: none;
    transition: none
}

.order_filter_btn--white:hover,
.order_filter_btn--white:focus {
    background-color: #ededed;
    border-color: #c4c4c4;
    color: #FFF
}

.active_order_filter_btn {
    color: #fff !important;
    border-color: #5ba4e5;
    background-color: #5ba4e5
}

.active_order_filter_btn:hover,
.active_order_filter_btn:focus {
    background-color: #5ba4e5;
    border-color: #5ba4e5;
    color: #FFF
}

.order_fulfillment_pagination_link {
    margin-right: 10px;
    font-size: 16px
}

.clear_order_fulfillment_filters {
    color: #ff4d4d !important;
    text-decoration: none
}

.clear_order_fulfillment_filters:hover {
    text-decoration: underline
}

.order_fulfillment_pagination_btn {
    margin-right: 10px;
    margin-bottom: 15px
}

.deadline_text_color {
    color: #ff6666
}

.console_order_status_started {
    color: #333
}

.console_order_status_all {
    color: #222
}

.order_filter_contains_block {
    display: inline-block;
    padding: 10px
}

.tracking_save_success,
.cost_save_success {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px
}

.fulfillments-table-loader {
    display: none
}

.fulfillment_partner_select select {
    max-width: 300px !important
}

.cohort_page {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px
}

.cohort_page h2,
.cohort_page h3,
.cohort_page h4,
.cohort_page h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 200
}

.cohort_page p {
    font-size: 20px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    line-height: 25px;
    font-weight: 300
}

h1.cohort_h1 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 50px
}

h2.cohort_h2 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 40px
}

.admin_order_tag {
    display: inline-block;
    background: #fafafa;
    text-transform: uppercase;
    padding: 5px 10px !important;
    border-radius: 3px;
    border: 1px solid #eee;
    font-size: 11px;
    font-weight: 600;
    color: #34495e !important
}

.admin_order_tag:hover {
    text-decoration: none !important
}

.delete_admin_comment_btn {
    color: #999 !important
}

.delete_admin_comment_btn:hover {
    color: red !important
}

.console_row_link {
    cursor: pointer;
    padding-left: 5px !important;
    padding-right: 5px
}

.console_row_link:hover {
    background-color: #2b2b2b
}

.order_status_area_wrapper {
    background: #fafafa;
    border: 1px solid #eee;
    padding: 20px 35px;
    border-radius: 3px
}

.admin_order_comments_area {
    background: #f5f9fd;
    padding: 10px 20px
}

.order_item_columns {
    padding-bottom: 50px
}

.order_item_columns table {
    margin-top: 15px
}

.order_item_columns td {
    font-size: 14px;
    padding: 5px 10px 5px 0 !important;
    border: none
}

.order_item_number {
    position: absolute;
    margin-left: -100px;
    font-size: 22px;
    font-weight: 600;
    background: #fafafa;
    border: 1px solid #eee;
    padding: 15px 25px;
    border-radius: 2px
}

.console_dashboard_bg {
    text-align: center
}

.console_dashboard_bg p {
    color: #888;
    font-style: italic;
    margin-top: 2px;
    font-size: 12px
}

.console_dashboard_bg .columns {
    margin-bottom: 20px
}

.console_dashboard_bg .light_green_text {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    margin-top: 0;
    margin-bottom: 0
}

.console_dashboard_bg .light_blue_text {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 70px;
    line-height: 70px;
    margin-top: 0;
    margin-bottom: 0
}

.console_dashboard_bg h4 {
    color: #999;
    font-size: 16px;
    display: inline-block;
    border-bottom: 1px solid #333;
    margin-bottom: 0;
    padding-bottom: 5px
}

.console_dashboard_bg ul li {
    margin-bottom: 5px
}

.console_dashboard_bg ul li a {
    color: #77d7ff
}

.order_status_td_wrapper {
    font-weight: 600 !important
}

.dash_revenue_block {
    display: inline-block;
    padding: 10px 50px 10px 30px;
    text-align: center
}

h1.dash_revenue_text {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 70px;
    margin-bottom: 0;
    padding-bottom: 0
}

h1.month_revenue_text {
    color: #2b86c1
}

.dash_light_table td {
    font-size: 22px
}

.dash_light_table tr.month_row td {
    color: #277ab1
}

td.console_dash_y_axis_field {
    font-size: 15px;
    font-weight: bold
}

.dash_revenue_label {
    font-size: 11px;
    font-weight: bold;
    font-family: 'HelveticaNeue', 'Helvetica', 'Arial';
    color: #b3b3b3;
    text-transform: uppercase
}

.console_dash_table td {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 65px;
    line-height: 30px;
    padding: 30px 50px 30px 50px;
    margin-bottom: 0
}

.console_dash_table td.console_dash_y_axis_field,
.console_dash_table th {
    font-family: 'HelveticaNeue', 'Helvetica', 'Arial';
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #ccc;
    padding: 30px 20px
}

.console_dash_table th {
    padding-top: 0px
}

.console_dash_table td.console_dash_y_axis_field {
    text-align: right
}

.console_dash_table td.dash_white_text {
    margin-bottom: 0;
    text-align: center
}

.console_dash_table td.dash_white_text span {
    text-align: center;
    margin-top: 0;
    font-size: 15px;
    font-weight: normal;
    font-family: 'HelveticaNeue', 'Helvetica', 'Arial';
    color: #555
}

.console_dash_table td.dash_light_blue_text {
    color: #77d7ff
}

.console_dash_table td.dash_referring_websites ul {
    margin: 0
}

.console_dash_table td.dash_referring_websites li {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    font-weight: normal;
    font-family: 'HelveticaNeue', 'Helvetica', 'Arial'
}

.console_table {
    border-collapse: collapse;
    border-spacing: 0
}

.console_table th {
    font-weight: bold;
    vertical-align: bottom
}

.console_table td {
    font-weight: normal;
    vertical-align: top
}

.console_table {
    width: 100%
}

.console_table th,
.console_table td {
    text-align: left;
    vertical-align: top
}

.console_table th {
    color: #222324
}

.console_table {
    background: white;
    color: #222324;
    margin-bottom: 20px;
    width: 100%
}

.console_table th,
.console_table td {
    border: 1px solid #eee;
    border-width: 0 0 1px;
    padding: 8px 10px;
    vertical-align: top
}

.console_table th.table-narrow,
.console_table td.table-narrow {
    white-space: nowrap;
    width: 1%
}

.console_table th.table-link,
.console_table td.table-link {
    padding: 0
}

.console_table th.table-link>a,
.console_table td.table-link>a {
    display: block;
    padding: 8px 10px
}

.console_table th.table-link>a:hover,
.console_table td.table-link>a:hover {
    background: #1fc8db;
    color: white
}

.console_table th.table-icon,
.console_table td.table-icon {
    padding: 5px;
    text-align: center;
    white-space: nowrap;
    width: 1%
}

.console_table th.table-icon .fa,
.console_table td.table-icon .fa {
    display: inline-block;
    font-size: 21px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    width: 24px
}

.console_table th.table-icon.table-link,
.console_table td.table-icon.table-link {
    padding: 0
}

.console_table th.table-icon.table-link>a,
.console_table td.table-icon.table-link>a {
    padding: 5px
}

.console_table th {
    color: #222324;
    text-align: left
}

.console_table tr:hover {
    background: rgba(245, 247, 250, 0.5);
    color: #222324
}

.console_table tr:last-child td {
    border-bottom-width: 0
}

.console_table thead th,
.console_table thead td {
    border-width: 0 0 1px;
    color: #aeb1b5
}

.console_table tfoot th,
.console_table tfoot td {
    border-width: 1px 0 0;
    color: #aeb1b5
}

.console_table.is-bordered th,
.console_table.is-bordered td {
    border-width: 1px
}

.console_table.is-bordered tr:last-child td {
    border-bottom-width: 1px
}

.console_table.is-narrow th,
.console_table.is-narrow td {
    padding: 5px 10px
}

.light_dashboard_block {
    display: inline-block;
    padding-right: 70px;
    vertical-align: top
}

.reorder_modal {
    font-family: "HelveticaNeue", Helvetica, Arial
}

.reorder_modal h2 {
    font-size: 20px
}

.admin_shared_frame_block {
    display: inline-block;
    vertical-align: top
}

.admin_shared_frame_block img {
    max-width: 200px
}

.refund_error_message,
.charge_error_message {
    color: red;
    padding-bottom: 20px
}

.user_admin_comments {
    background: #f5f9fd;
    padding: 10px 20px
}

.admin_print_gift_message {
    padding: 20px;
    width: 400px;
    font-family: 'Courgette', cursive;
    color: #222;
    font-size: 18px;
    line-height: 28px
}

.new_product_wrapper {
    background: #f5f9fd;
    display: none;
    padding: 5px 20px;
    border: 1px solid #eee
}

.admin_orders_top_info p {
    padding: 0;
    margin-bottom: 5px;
    margin-top: 0
}

#select_existing_product {
    max-width: 300px
}

.save_existing_product_btn {
    display: none
}

.option_text_field {
    max-width: 100px !important
}

.option_form_block {
    display: inline-block;
    margin-right: 20px
}

.product_options_box {
    border: 1px solid #eee;
    padding: 20px;
    background: #fff;
    margin-left: 20px
}

tr.fulfillment_only_option {
    background-color: #f5f9fd
}

.product_form_image img {
    max-width: 500px
}

.api_landing_links li a {
    color: #999
}

.api_landing_body h1 {
    color: #000;
    font-size: 55px
}

.api_landing_body p {
    font-size: 22px
}

.api_landing_body h2 {
    font-weight: 100;
    font-size: 24px
}

.page_wrapper--bigger {
    width: 1150px
}

.landing_api_section {
    margin-bottom: 150px
}

.landing_api_section p {
    font-size: 18px
}

.img_33 {
    max-width: 33%
}

.api_landing_body_content {
    margin-top: 50px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px
}

.api_landing_body_content p {
    font-size: 18px;
    color: #555;
    line-height: 25px
}

.api_landing_body_content h2 {
    font-family: "freight-sans-pro";
    font-weight: 400;
    font-size: 34px
}

.api_landing_body_content img {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 40px
}

.api_right_sidebar {
    font-size: 16px;
    color: #999
}

.api_right_sidebar ul {
    margin-top: 0;
    padding-top: 0
}

.api_right_sidebar ul li {
    margin-bottom: 10px
}

.api_right_sidebar a {
    text-decoration: none;
    color: #999
}

.api_right_sidebar a:hover {
    color: #000
}

.blog_article_header {
    padding-bottom: 80px
}

.blog_article_title_area {
    padding-top: 90px;
    padding-bottom: 100px
}

.block_letters_title,
.blog_article_title_h1,
.blog_h1,
.blog_index_title {
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.meta_text,
.blog_article_meta {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .15rem
}

.blog_article_title_h1 {
    font-size: 48px;
    line-height: 52px;
    color: #fff
}

.blog_article_author {
    text-decoration: none;
    color: #fff
}

.blog_article_date {
    color: #fff
}

.blog_h1 {
    font-size: 54px;
    line-height: 50px;
    color: #000
}

.blog_body_text p,
.blog_body_text li,
.blog_body_text a,
.blog_body_text span {
    font-family: "freight-text-pro";
    color: rgba(46, 48, 58, 0.96)
}

.blog_body_text a {
    text-decoration: none
}

.blog_body_text a:not(.without-underline) {
    color: #2980b9;
    cursor: pointer;
    font-weight: 500;
    -webkit-transition: none;
    transition: none;
    color: #2980b9 !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#bddbf1, #bddbf1);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#bddbf1, #bddbf1);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.blog_body_text a:not(.without-underline)::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.blog_body_text a:not(.without-underline)::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.blog_body_text a:not(.without-underline)::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.blog_body_text a:not(.without-underline):before,
.blog_body_text a:not(.without-underline):after,
.blog_body_text a:not(.without-underline) *,
.blog_body_text a:not(.without-underline) *:before,
.blog_body_text a:not(.without-underline) *:after {
    text-shadow: none
}

.blog_body_text a:not(.without-underline):visited {
    color: #2980b9 !important
}

.blog_body_text a:not(.without-underline):hover {
    color: #111111 !important
}

.blog_body_text a.popup_blog_image {
    cursor: zoom-in;
    box-shadow: none
}

.blog_body_text a.popup_blog_image:hover {
    box-shadow: none
}

.blog_main {
    padding-right: 80px
}

.blog_main p {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-bottom: 1.71rem
}

.blog_main li {
    font-size: 1.3rem;
    line-height: 1.4rem;
    margin-bottom: 10px
}

.blog_main ol li {
    list-style-type: decimal
}

.blog_main ul {
    padding-left: 40px !important
}

.blog_main ul li {
    list-style-type: disc
}

.blog_main hr {
    margin: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.blog_main h1,
.blog_main h2,
.blog_main h3,
.blog_main h4,
.blog_main h5 {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.04rem;
    color: rgba(46, 48, 58, 0.96);
    letter-spacing: 0
}

.blog_main h1 {
    font-size: 29px
}

.blog_main h2 {
    font-size: 27px
}

.blog_main h3 {
    font-size: 25px
}

.blog_main h4 {
    font-size: 24px
}

.blog_main h5 {
    font-size: 23px
}

.blog_main table a:link {
    color: #666;
    font-weight: bold;
    text-decoration: none
}

.blog_main table a:visited {
    color: #999999;
    font-weight: bold;
    text-decoration: none
}

.blog_main table a:active,
.blog_main table a:hover {
    color: #bd5a35;
    text-decoration: underline
}

.blog_main table {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 16px;
    text-shadow: 1px 1px 0px #fff;
    background: #eaebec;
    border: #ddd 1px solid
}

.blog_main table th {
    padding: 21px 25px 22px 25px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fff
}

.blog_main table th {
    text-align: left;
    padding-left: 20px
}

.blog_main table tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.blog_main table tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.blog_main table tr {
    text-align: center;
    padding-left: 20px
}

.blog_main table td {
    text-align: left;
    padding-left: 20px;
    border-left: 0
}

.blog_main table td {
    padding: 18px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa)
}

.blog_main table tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6)
}

.blog_main table tr:last-child td {
    border-bottom: 0
}

.blog_main table tr:last-child td:first-child {
    border-bottom-left-radius: 3px
}

.blog_main table tr:last-child td:last-child {
    border-bottom-right-radius: 3px
}

.blog_main table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0)
}

.blog_main img {
    max-width: 100%
}

.blog_main a img {
    max-width: 100%
}

.blog_sidebar {
    font-size: 17px !important;
    line-height: 25px !important
}

.blog_sidebar>h3 {
    font-size: 20px;
    font-family: "freight-text-pro";
    font-weight: 400
}

.blog_ol {
    margin-left: 0;
    padding-left: 0;
    margin-left: 20px
}

.blog_ol li {
    margin-bottom: 10px;
    list-style-type: decimal
}

.blog_ul {
    margin-left: 10px
}

.blog_ul li {
    margin-bottom: 10px;
    list-style-type: none
}

.blog_index_title {
    font-size: 58px;
    margin-bottom: 0;
    color: #fff
}

.dark_blog_title {
    color: #000
}

.blog_index_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.95) 100%)
}

.article_index_container {
    margin-bottom: 50px
}

.index_article {
    border-bottom: 1px solid #eee;
    padding: 40px 0
}

.index_article_h1 {
    margin-top: 0;
    margin-bottom: 5px
}

.index_article_h1 a {
    font-family: 'freight-sans-pro';
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.04rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 31px;
    text-decoration: none;
    -webkit-transition: none;
    transition: none
}

.index_article_h1 a:hover {
    color: rgba(46, 48, 58, 0.96) !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#eee, #eee);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#eee, #eee);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.index_article_h1 a:hover::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.index_article_h1 a:hover::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.index_article_h1 a:hover::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.index_article_h1 a:hover:before,
.index_article_h1 a:hover:after,
.index_article_h1 a:hover *,
.index_article_h1 a:hover *:before,
.index_article_h1 a:hover *:after {
    text-shadow: none
}

.index_article_h1 a:hover:visited {
    color: rgba(46, 48, 58, 0.96) !important
}

.index_article_h1 a:hover:hover {
    color: rgba(46, 48, 58, 0.96) !important
}

.short_article_description {
    font-size: 16px !important;
    color: #999 !important
}

.article_index_meta {
    margin-top: 0px;
    margin-bottom: 30px
}

.article_index_meta p {
    margin-top: 0;
    font-size: 16px;
    color: #999
}

.read_more_btn {
    background-color: #222;
    padding: 5px 25px 5px 25px;
    border-radius: 50px;
    color: #fff !important
}

.blog_index_subtitle {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .16rem;
    text-decoration: none;
    color: #fff
}

.latest_post {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .16rem;
    text-decoration: none;
    color: #999;
    font-family: "freight-sans-pro";
    display: inline-block;
    background-color: #fafafa;
    padding: 5px 10px
}

.glossy_hover {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.glossy_hover img {
    max-width: 100%
}

.glossy_hover::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    background: -webkit-linear-gradient(left, transparent, #fff);
    background: linear-gradient(to right, transparent, #fff);
    -webkit-transform: skewX(-45deg) translateX(-50%);
    transform: skewX(-45deg) translateX(-50%)
}

.glossy_hover:hover::before {
    opacity: 0.06
}

.blog_read_next_block {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    max-width: 200px !important;
    margin: 10px 10px 15px 10px;
    color: #111
}

.blog_read_next_block img {
    max-width: 200px !important;
    padding-bottom: 5px
}

.blog_subscribe_button p {
    font-family: "freight-text-pro";
    font-size: 22px;
    line-height: 32px;
    padding-bottom: 15px
}

.campaign_builder_wrapper {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    padding: 40px;
    background-color: #fff;
    z-index: 1000 !important
}

.campaign_builder,
.campaign_builder_modal {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.campaign_builder p,
.campaign_builder td,
.campaign_builder strong,
.campaign_builder span,
.campaign_builder li,
.campaign_builder h1,
.campaign_builder h2,
.campaign_builder h3,
.campaign_builder h4,
.campaign_builder h5,
.campaign_builder_modal p,
.campaign_builder_modal td,
.campaign_builder_modal strong,
.campaign_builder_modal span,
.campaign_builder_modal li,
.campaign_builder_modal h1,
.campaign_builder_modal h2,
.campaign_builder_modal h3,
.campaign_builder_modal h4,
.campaign_builder_modal h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_builder h2,
.campaign_builder_modal h2 {
    font-size: 24px;
    font-weight: 200
}

.campaign_builder h3,
.campaign_builder_modal h3 {
    font-weight: 200
}

.campaign_builder p,
.campaign_builder_modal p {
    font-size: 18px;
    font-weight: 200
}

.campaign_builder_modal {
    width: 700px !important;
    max-width: 700px !important
}

.campaign_builder--white_text {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.campaign_builder--white_text p,
.campaign_builder--white_text td,
.campaign_builder--white_text strong,
.campaign_builder--white_text span,
.campaign_builder--white_text li,
.campaign_builder--white_text h1,
.campaign_builder--white_text h2,
.campaign_builder--white_text h3,
.campaign_builder--white_text h4,
.campaign_builder--white_text h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_builder--white_text h2 {
    font-weight: 300;
    color: #fff
}

.campaign_builder--white_text p {
    font-weight: 300;
    color: #fff
}

.campaign_columns {
    margin-left: -50px;
    margin-right: -50px
}

.campaign_columns .column {
    margin-left: 50px;
    margin-right: 50px
}

.campaign_left_column {
    position: relative
}

.campaign_builder_fields {
    margin-top: 25px
}

.mandatory_campaign_field {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 16px;
    padding: 10px;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    max-width: 350px;
    outline: none;
    border: none;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fafafa
}

.mandatory_campaign_field p,
.mandatory_campaign_field td,
.mandatory_campaign_field strong,
.mandatory_campaign_field span,
.mandatory_campaign_field li,
.mandatory_campaign_field h1,
.mandatory_campaign_field h2,
.mandatory_campaign_field h3,
.mandatory_campaign_field h4,
.mandatory_campaign_field h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_print_price_field {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 14px;
    padding: 2px 5px;
    max-width: 60px;
    margin-left: 5px;
    outline: none;
    border-radius: 5px;
    border: 3px solid #fff;
    background-color: #fff;
    font-weight: 500
}

.campaign_print_price_field p,
.campaign_print_price_field td,
.campaign_print_price_field strong,
.campaign_print_price_field span,
.campaign_print_price_field li,
.campaign_print_price_field h1,
.campaign_print_price_field h2,
.campaign_print_price_field h3,
.campaign_print_price_field h4,
.campaign_print_price_field h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_print_price_field:focus {
    border: 3px solid #5ba4e5
}

.white_bg_table .campaign_print_price_field {
    border: 3px solid #ddd;
    background-color: #fafafa;
    font-weight: 500
}

.white_bg_table .campaign_print_price_field:focus {
    border: 3px solid #c4c4c4
}

.campaign_add_new_size_field {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 16px;
    padding: 10px;
    display: inline-block;
    margin-bottom: 10px;
    max-width: 350px;
    outline: none;
    border: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #eee
}

.campaign_add_new_size_field p,
.campaign_add_new_size_field td,
.campaign_add_new_size_field strong,
.campaign_add_new_size_field span,
.campaign_add_new_size_field li,
.campaign_add_new_size_field h1,
.campaign_add_new_size_field h2,
.campaign_add_new_size_field h3,
.campaign_add_new_size_field h4,
.campaign_add_new_size_field h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_index_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 100;
    font-size: 32px
}

.campaign_index_title p,
.campaign_index_title td,
.campaign_index_title strong,
.campaign_index_title span,
.campaign_index_title li,
.campaign_index_title h1,
.campaign_index_title h2,
.campaign_index_title h3,
.campaign_index_title h4,
.campaign_index_title h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

#add_new_print_size_modal {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

#add_new_print_size_modal p,
#add_new_print_size_modal td,
#add_new_print_size_modal strong,
#add_new_print_size_modal span,
#add_new_print_size_modal li,
#add_new_print_size_modal h1,
#add_new_print_size_modal h2,
#add_new_print_size_modal h3,
#add_new_print_size_modal h4,
#add_new_print_size_modal h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

#add_new_print_size_modal h2 {
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 0;
    padding-bottom: 0
}

#add_new_print_size_modal p {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px
}

.campaign_image_resolution {
    border-radius: 10px;
    padding: 5px 15px;
    margin: 0 auto
}

.campaign_image_resolution p {
    font-size: 14px;
    font-weight: 300
}

.campaign_image_resolution strong {
    font-weight: 400
}

.campaign_detail_column .campaign_print_name {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 0;
    padding-top: 0
}

.campaign_detail_column .campaign_artist_name {
    font-size: 16px;
    margin-top: 0;
    padding-top: 0;
    font-style: italic
}

.campaign_detail_column .calculated_campaign_sizes_message {
    padding-top: 0;
    font-size: 14px;
    font-weight: 300;
    color: #777
}

.print_sizes_pricing_padding {
    padding: 20px;
    padding-top: 0
}

.campaign_print_sizes_area th {
    font-weight: 300;
    font-size: 14px
}

.campaign_print_sizes_area td {
    font-weight: 300;
    font-size: 14px
}

.price_minimum_error {
    color: #e47a66 !important;
    font-size: 14px !important;
    display: none
}

.print_detail_shadow_container {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 10;
    box-shadow: -7px 10px 30px -2px rgba(0, 0, 0, 0.1), 0px 2px 5px -2px rgba(0, 0, 0, 0.4), 0px 0px 4px -2px rgba(0, 0, 0, 0.4)
}

.print_detail_shadow_container a,
.print_detail_shadow_container img {
    display: block;
    padding: 0;
    z-index: 100 !important
}

.print_detail_shadow_container:before {
    position: absolute;
    content: '';
    margin-top: 5px;
    margin-left: -18px;
    height: 55px;
    width: 35px;
    -webkit-transform: rotate(-30deg) translateZ(0);
    transform: rotate(-30deg) translateZ(0);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    z-index: -1 !important
}

.print_detail_shadow_container:after {
    content: '';
    position: absolute;
    bottom: -13px;
    right: 12px;
    height: 55px;
    width: 35px;
    -webkit-transform: rotate(-30deg) translateZ(0);
    transform: rotate(-30deg) translateZ(0);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.1) 95%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 95%);
    z-index: -1 !important
}

.color_extract_bg_gradient {
    width: 100%;
    height: 300px;
    text-align: center;
    position: relative;
    overflow-y: hidden;
    margin-top: 100px;
    background-color: #222
}

.print_rounded_corners {
    border-radius: 1px
}

.campaign_builder_bg {
    padding-bottom: 70px
}

.campaign_builder_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(225deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(-135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 100%)
}

.campaign_builder_tint_2 {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(225deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(-135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 100%)
}

.tinted_table_bg {
    padding: 15px;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 100%);
    border-radius: 5px
}

.transparent_bg_table {
    background: transparent;
    width: 100%;
    color: #fff
}

.transparent_bg_table th,
.transparent_bg_table td {
    color: #fff;
    border: none
}

.transparent_bg_table tr:hover {
    background: transparent
}

.campaign_page_link {
    color: #9dc9ef;
    text-decoration: none;
    font-size: 14px
}

.campaign_page_link:hover {
    color: #5ba4e5
}

.campaign_add_new_size_button {
    margin-left: 5px;
    height: 49px;
    line-height: 49px;
    vertical-align: top
}

.campaign_print_size_add_error_message,
.campaign_print_size_greater_than_recommendation {
    color: #da552f;
    display: none;
    font-size: 14px
}

.campaign_link_bar_divider {
    color: #555;
    padding: 0 5px;
    font-size: 12px
}

.white_campaign_link_bar_divider {
    color: #cccccc;
    padding: 0 5px;
    font-size: 12px
}

.campaign_save_button_padding {
    margin-top: 20px
}

.campaign_short_description_area {
    display: none;
    margin-bottom: 20px
}

.campaign_short_description_area p {
    color: #fff;
    font-size: 14px
}

.campaign_short_description_field {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 14px;
    line-height: 24px;
    padding: 10px 10px;
    width: 100%;
    outline: none;
    border-radius: 5px;
    border: 3px solid #fff;
    background-color: #fff;
    font-weight: 500
}

.campaign_short_description_field p,
.campaign_short_description_field td,
.campaign_short_description_field strong,
.campaign_short_description_field span,
.campaign_short_description_field li,
.campaign_short_description_field h1,
.campaign_short_description_field h2,
.campaign_short_description_field h3,
.campaign_short_description_field h4,
.campaign_short_description_field h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_short_description_field:focus {
    border: 3px solid #5ba4e5
}

.white_campaign_short_description_field {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 14px;
    line-height: 24px;
    padding: 10px 10px;
    width: 100%;
    height: 80px;
    outline: none;
    border-radius: 5px;
    border: none;
    background: -webkit-radial-gradient(top center, circle, #fff, #fcfcfd);
    background: radial-gradient(circle at top center, #fff, #fcfcfd);
    font-weight: 300
}

.white_campaign_short_description_field p,
.white_campaign_short_description_field td,
.white_campaign_short_description_field strong,
.white_campaign_short_description_field span,
.white_campaign_short_description_field li,
.white_campaign_short_description_field h1,
.white_campaign_short_description_field h2,
.white_campaign_short_description_field h3,
.white_campaign_short_description_field h4,
.white_campaign_short_description_field h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.white_campaign_input_field {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 14px;
    line-height: 24px;
    padding: 10px 10px;
    width: 100%;
    outline: none;
    border-radius: 5px;
    border: none;
    background: -webkit-radial-gradient(top center, circle, #fff, #fcfcfd);
    background: radial-gradient(circle at top center, #fff, #fcfcfd);
    font-weight: 300
}

.white_campaign_input_field p,
.white_campaign_input_field td,
.white_campaign_input_field strong,
.white_campaign_input_field span,
.white_campaign_input_field li,
.white_campaign_input_field h1,
.white_campaign_input_field h2,
.white_campaign_input_field h3,
.white_campaign_input_field h4,
.white_campaign_input_field h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_long_description_field {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 14px;
    line-height: 24px;
    padding: 10px 10px;
    width: 100%;
    height: 150px;
    outline: none;
    border-radius: 5px;
    border: 3px solid #fff;
    background-color: #fff;
    font-weight: 500
}

.campaign_long_description_field p,
.campaign_long_description_field td,
.campaign_long_description_field strong,
.campaign_long_description_field span,
.campaign_long_description_field li,
.campaign_long_description_field h1,
.campaign_long_description_field h2,
.campaign_long_description_field h3,
.campaign_long_description_field h4,
.campaign_long_description_field h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_long_description_field:focus {
    border: 3px solid #5ba4e5
}

.white_campaign_long_description_field {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 14px;
    line-height: 24px;
    padding: 10px 10px;
    width: 100%;
    height: 150px;
    outline: none;
    border: none;
    background: -webkit-radial-gradient(top center, circle, #fff, #fcfcfd);
    background: radial-gradient(circle at top center, #fff, #fcfcfd);
    font-weight: 300
}

.white_campaign_long_description_field p,
.white_campaign_long_description_field td,
.white_campaign_long_description_field strong,
.white_campaign_long_description_field span,
.white_campaign_long_description_field li,
.white_campaign_long_description_field h1,
.white_campaign_long_description_field h2,
.white_campaign_long_description_field h3,
.white_campaign_long_description_field h4,
.white_campaign_long_description_field h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.print_size_data_dropdown {
    max-width: 150px
}

.print_size_data_dropdown:focus {
    border: none !important;
    outline: none !important
}

.campaign_fieldset {
    border: 1px solid #eee;
    background: -webkit-radial-gradient(top center, circle, #fff, #fcfcfd);
    background: radial-gradient(circle at top center, #fff, #fcfcfd)
}

.campaign_fieldset legend {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 16px;
    font-weight: 300;
    padding: 0 10px
}

.campaign_fieldset legend p,
.campaign_fieldset legend td,
.campaign_fieldset legend strong,
.campaign_fieldset legend span,
.campaign_fieldset legend li,
.campaign_fieldset legend h1,
.campaign_fieldset legend h2,
.campaign_fieldset legend h3,
.campaign_fieldset legend h4,
.campaign_fieldset legend h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.white_campaign_fieldset {
    background-color: #fff
}

.campaign_box_title_no_top_padding {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 5px
}

.campaign_advaned_stuff_area {
    margin-top: 10px
}

.campaign_long_description {
    display: none;
    margin-bottom: 20px
}

.campaign_end_date {
    display: none
}

.campaign_add_advanced_btn {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 10px !important;
    font-weight: 400 !important;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #bbb;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
    box-sizing: border-box;
    margin-bottom: 10px
}

.campaign_add_advanced_btn:hover,
.campaign_add_advanced_btn:focus {
    border-color: #888;
    color: #cccccc;
    outline: 0
}

.campaign_add_advanced_btn:active {
    top: 2px
}

.white_campaign_add_advanced_btn {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border-radius: 4px;
    color: #555;
    text-align: center;
    font-size: 10px !important;
    font-weight: 400 !important;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #bbb;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
    box-sizing: border-box;
    margin-bottom: 10px
}

.white_campaign_add_advanced_btn:hover,
.white_campaign_add_advanced_btn:focus {
    border-color: #888;
    color: #222222;
    outline: 0
}

.white_campaign_add_advanced_btn:active {
    top: 2px
}

.campaign_remove_end_date_link {
    display: none;
    color: #da552f;
    text-decoration: none;
    font-size: 14px
}

.campaign_remove_end_date_link:hover {
    color: #a03a1c
}

.campaign_table_link {
    font-size: 14px
}

.campaign_edit_modal_image {
    width: 690px;
    border-radius: 2px;
    margin-left: -25px;
    margin-top: -25px
}

.optional_advanced_stuff_list {
    margin-left: 25px;
    list-style-type: disc;
    font-size: 14px
}

.optional_advanced_stuff_title {
    margin-bottom: 0
}

.campaign_user_register_field {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 16px;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    outline: none;
    border: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #eee
}

.campaign_user_register_field p,
.campaign_user_register_field td,
.campaign_user_register_field strong,
.campaign_user_register_field span,
.campaign_user_register_field li,
.campaign_user_register_field h1,
.campaign_user_register_field h2,
.campaign_user_register_field h3,
.campaign_user_register_field h4,
.campaign_user_register_field h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_banner_title_artist {
    position: relative;
    text-align: center;
    color: #fff;
    z-index: 100;
    padding: 20px 10px
}

.campaign_banner_title_artist h1 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #fff;
    font-size: 40px;
    margin-bottom: 0
}

.campaign_banner_title_artist h2 {
    font-weight: 400 !important;
    padding: 0;
    margin-top: 5px;
    font-size: 20px;
    font-style: italic
}

.campaign_upload_new_image_area {
    margin-top: 15px
}

.campaign_upload_new_image_area p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0
}

.campaign_top_color_banner {
    position: relative;
    overflow-y: hidden
}

.campaign_user_modal_error_message {
    font-size: 14px;
    color: #da552f;
    margin-top: 20px
}

.campaign_register_user_button {
    display: block
}

#campaign_user_register_modal h1 {
    font-size: 28px
}

#campaign_user_register_modal p {
    font-size: 14px;
    font-weight: 300
}

.level_press_login_card {
    display: none
}

.campaign_detail_column p {
    margin-top: 0;
    padding-top: 0;
    font-size: 16px
}

.print_detail_shadow_container {
    opacity: 0
}

.campaign_loading_spinner_block {
    position: absolute;
    width: 90px;
    margin-left: calc(50% - 45px)
}

.campaign_image_loading_spinner {
    width: 90px;
    padding-top: 100px
}

.campaign_wrapper {
    position: relative;
    width: 980px;
    margin: 0 auto;
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.campaign_header {
    display: block;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 15px 0 10px 0;
    position: fixed;
    z-index: 100
}

.discover_wrapper {
    width: 100%
}

.discover_logo {
    margin-left: 15px !important;
    margin-top: 3px
}

.discover_prints {
    position: relative;
    padding-top: 1px;
    margin-left: 2px
}

.art_image {
    margin: 0px;
    margin-right: 1px;
    margin-bottom: -5px;
    padding-bottom: 0;
    padding: 0 !important
}

.art_image img {
    width: 100%;
    padding: 0;
    margin: 0
}

.discover_meta {
    position: absolute;
    bottom: 7px;
    left: 0px;
    margin-right: 10px;
    margin: 0 auto;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    display: inline-block;
    padding: 5px 15px 5px 15px;
    border-radius: 3px;
    display: none
}

.discover_footer {
    display: block;
    margin-top: 50px
}

.discover_left {
    float: left;
    left: 0
}

.discover_right {
    float: right;
    margin-right: 20px
}

.top_shadow {
    width: 400px;
    height: 1px;
    margin: 0 auto;
    box-shadow: 0 30px 100px 10px black
}

.corner-ribbon {
    font-weight: 700 !important;
    font-weight: 600;
    width: 200px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.corner-ribbon.sticky {
    position: fixed
}

.corner-ribbon-shadow {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3)
}

.corner-ribbon.top-left {
    top: 25px;
    left: -50px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.corner-ribbon.top-right {
    top: 25px;
    right: -50px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.corner-ribbon-blue {
    background: #000
}

.campaign_content {
    padding-top: 50px;
    margin-bottom: 80px
}

.wood_floor {
    margin-bottom: 0;
    min-height: 100px;
    min-width: 100%;
    width: 100%;
    height: 100px;
    background-color: #111
}

.bottom_frame_bg {
    position: absolute;
    bottom: -40px;
    left: 0;
    background: url("/images/wood_floor.jpg") no-repeat;
    width: 100%;
    height: 40px;
    border-top: 1px solid #111
}

.campaign_checkout {
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 14px;
    font-family: "anonymous-pro", sans-serif;
    font-weight: 600
}

.campaign_title {
    text-align: center;
    font-weight: 800;
    margin-bottom: 80px
}

.campaign_title strong {
    text-transform: uppercase;
    font-size: 22px;
    color: #222
}

.right_campaign_content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 120px
}

.right_campaign_content p {
    color: #666;
    font-size: 15px
}

.right_campaign_content strong {
    text-transform: uppercase;
    font-size: 26px;
    color: #111;
    font-weight: 800
}

.customize_campaign_btn_text {
    display: inline-block;
    font-size: 14px;
    padding-left: 15px;
    padding-top: 20px;
    vertical-align: middle
}

.customize_campaign_btn_text a {
    color: #fff;
    text-decoration: none
}

.campaign_divider {
    margin-top: 80px;
    border-bottom: 1px solid #eee
}

.campaign_end {
    margin-top: 60px
}

.campaign_end span {
    color: #888;
    font-size: 14px;
    text-transform: uppercase
}

.campaign_end p {
    margin-top: 0;
    padding-top: 5px;
    font-weight: 400;
    font-size: 25px;
    color: #111
}

.time_left {
    margin-top: 45px
}

.time_left span {
    font-size: 12px !important
}

.limited_edition_text {
    font-size: 11px;
    text-transform: uppercase;
    color: #888;
    display: inline-block;
    padding-top: 15px
}

.campaign_price {
    margin-top: 60px
}

.campaign_price span {
    font-size: 14px;
    text-transform: uppercase;
    color: #888
}

.campaign_price p {
    margin-top: 0;
    padding-top: 0;
    font-size: 25px;
    font-weight: 800;
    color: #111
}

.campaign_artist_title {
    margin-top: -10px;
    padding-top: 0;
    color: #888 !important;
    text-transform: uppercase;
    font-size: 14px !important
}

.bold_top_bar {
    position: relative;
    z-index: 100;
    width: 100%;
    top: -15px !important;
    padding-top: 25px;
    border-bottom: 1px solid #eee
}

.bold_top_background_container {
    height: 65px;
    width: 980px;
    margin: 0 auto
}

.bold_text_logo {
    position: relative;
    margin-left: 20px;
    margin-top: 10px
}

.bold_text_logo a {
    font-weight: 700;
    font-size: 29px;
    color: #000;
    text-decoration: none;
    font-weight: bold
}

.cog_customize {
    display: inline-block;
    margin-top: 20px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: #dc543b;
    text-align: center;
    padding: 0 !important
}

.cog_customize a {
    color: #fff !important;
    text-align: center;
    line-height: 45px;
    font-size: 32px
}

.cog_customize:hover {
    background-color: #dc543b;
    color: #fff !important
}

.vert_editor_menu {
    position: absolute;
    margin-top: 0;
    margin-left: 20px !important
}

.vert_editor_menu li a {
    font-size: 14px !important;
    color: #333;
    text-decoration: none;
    font-weight: 600
}

.bold_nav {
    margin-right: 20px
}

.bold_white_bar_links {
    position: relative;
    float: right;
    margin-top: -55px;
    font-weight: 700
}

.bold_white_bar_links a {
    font-size: 22px;
    color: #666;
    text-decoration: none
}

.bold_white_bar_links a:hover {
    color: #222;
    text-decoration: underline
}

.bold_white_bar_links ul {
    list-style-type: none;
    padding-left: 0;
    display: inline-block
}

.bold_white_bar_links ul li {
    color: #ddd;
    display: inline-block;
    margin-right: 20px
}

.bold_white_bar_links ul li a {
    font-size: 16px
}

.new_frame_color_switcher {
    text-align: center;
    margin-top: 70px;
    padding-bottom: 30px
}

.new_frame_color_switcher a {
    padding: 15px;
    color: #999 !important;
    text-decoration: underline
}

.bottom_campaign_area {
    width: 100%;
    padding-top: 00px;
    padding-bottom: 80px;
    color: #444;
    background-color: #fff
}

.bottom_campaign_area h3 {
    text-transform: uppercase
}

.bottom_campaign_area p {
    line-height: 18px
}

.campaign_bottom_column {
    float: left;
    width: 20%;
    margin-right: 0px;
    margin-bottom: 40px;
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 4px;
    background: #fafafa
}

.campaign_bottom_column h3 {
    padding-top: 0;
    margin-top: 0;
    font-size: 12px;
    color: #222
}

.campaign_bottom_column p {
    font-size: 12px
}

.campaign_bottom_column_2x {
    float: left;
    width: 40%;
    margin-right: 60px
}

.campaign_bottom_column_2x h3 {
    font-size: 12px;
    color: #222
}

.campaign_bottom_column_2x p {
    font-size: 12px
}

.campaign_bottom_column_4x {
    float: left;
    width: 65%;
    margin-right: 60px
}

.campaign_bottom_column_4x h3 {
    font-size: 12px;
    color: #222
}

.campaign_bottom_column_4x p {
    font-size: 12px
}

.last_campaign_column {
    margin-right: 0 !important
}

.recommended_campaign_frame_text p {
    margin: 0;
    padding: 1px 0 1px 0
}

.new_cart .mfp-close {
    display: none
}

.number_font {
    font-family: Arial, Helvetica, sans-serif
}

.editor_bold_selection {
    font-weight: 600
}

.levle_editor_logo {
    margin-bottom: 20px;
    position: absolute;
    left: 20px
}

.levle_editor_logo a {
    text-decoration: none
}

.levle_editor_logo a:visited {
    color: #111
}

.levle_editor_logo_first {
    text-transform: uppercase;
    font-weight: 700;
    color: #111;
    font-size: 24px;
    padding-right: 10px
}

.levle_editor_logo_second {
    font-style: italic;
    color: #111 !important
}

.limited_footer {
    position: relative;
    background-color: #000;
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 90px;
    margin-bottom: 0;
    color: #fff;
    text-align: center
}

.limited_footer .limited_nav_links {
    margin-top: 60px
}

.limited_footer .limited_nav_links a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2rem;
    padding: 30px
}

.limited_footer .limited_nav_links a:hover {
    color: #0FA0CE
}

.limited_footer .limited_nav_links .limited_logo {
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    font-size: 35px
}

.white_version {
    background-color: #FFFFFF;
    color: #111
}

.white_version .limited_nav_links a {
    color: #111
}

.white_version .limited_nav_links a:hover {
    color: #0FA0CE
}

.white_version .limited_nav_links .limited_logo {
    color: #111
}

.top_order_summary {
    text-align: center;
    padding: 140px 0 80px 0
}

.top_order_summary h1 {
    font-size: 36px
}

.order_header {
    color: #fff;
    background: -webkit-linear-gradient(#2580cb, #348fda) !important
}

.order_header ul li a {
    color: #fff
}

.order_summary_content {
    background-color: #fff;
    text-align: center;
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.order_page_form {
    margin-top: 100px
}

.order_page_form input[type="text"] {
    color: #555;
    height: 30px;
    line-height: 15px;
    width: 70%;
    display: block;
    padding: 5px 0px 5px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    background: #FBFBFB;
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif
}

.summary_print_area {
    width: 48%;
    float: left
}

.summary_details_area {
    float: left;
    margin-left: 50px;
    width: 45%;
    margin-top: 0px;
    text-align: center
}

.order_subheader_section {
    margin-bottom: 100px;
    text-align: center
}

.order_subheader_section h2 {
    font-size: 34px
}

.order_subheader_section p {
    margin-top: -10px
}

.continue_shopping {
    margin-top: 60px;
    text-align: center
}

.hidden_black_footer {
    display: none
}

.art_detail {
    background-color: #fff;
    width: 100%;
    position: fixed;
    height: auto;
    top: 0;
    overflow-y: auto !important;
    display: none;
    box-shadow: 1px 2px 20px 20px rgba(0, 0, 0, 0.5)
}

.detail_large_image {
    float: left;
    margin-right: 50px
}

.detail_info {
    padding-top: 30px
}

.art_detail_container {
    margin: 30px;
    position: static;
    overflow-y: scrollbar !important;
    height: auto
}

.new_campaign_font {
    font-size: 30px !important;
    text-transform: none !important
}

.yc_campaign_title {
    font-size: 30px !important;
    font-weight: 700
}

.yc_campaign {
    margin-left: 40px;
    width: 90%
}

.yc_campaign h3 {
    font-size: 18px !important;
    font-weight: 700
}

.yc_campaign h4 {
    font-size: 16px !important;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px
}

.yc_campaign p {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    color: #333332
}

.yc_columns {
    margin-top: 50px;
    margin-bottom: 50px
}

.yc_column {
    float: left;
    width: 32%;
    text-align: center
}

.yc_campaign_end {
    margin-top: 30px;
    display: inline-block
}

.yc_campaign_end span {
    color: #888;
    font-size: 14px;
    text-transform: uppercase
}

.yc_campaign_end p {
    margin-top: 0;
    padding-top: 5px;
    font-weight: 400;
    font-size: 30px !important;
    color: #111
}

.countdown_string {
    font-weight: 400;
    font-size: 24px !important;
    color: #111;
    margin: 10px 0 0 0px
}

.campaign_time_word {
    font-size: 11px !important
}

.yc_campaign_price {
    margin-top: 0px
}

.yc_campaign_price span {
    font-size: 14px;
    text-transform: uppercase;
    color: #888
}

.yc_campaign_price p {
    margin-top: 0;
    padding-top: 0;
    font-size: 25px;
    font-weight: 800;
    color: #111
}

.yc_campaign_bottom_column {
    float: left;
    width: 20%;
    margin-right: 0px;
    margin-bottom: 40px;
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 4px
}

.yc_campaign_bottom_column h3 {
    padding-top: 0;
    margin-top: 0;
    font-size: 12px;
    color: #222
}

.yc_campaign_title_description {
    margin-top: 40px
}

.yc_campaign_bottom_column_4x {
    float: left;
    width: 65%;
    margin-right: 60px
}

.yc_campaign_wall {
    background-color: #000;
    color: #fff
}

.yc_campaign_bottom_area {
    background-color: #fff;
    color: #222
}

.block_campaign_bottom_area {
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 60px;
    font-family: 'Open Sans', sans-serif
}

.block_campaign_bottom_area p {
    font-size: 16px;
    line-height: 22px
}

.block_campaign_bottom_area h2,
.block_campaign_bottom_area h3,
.block_campaign_bottom_area h4 {
    font-family: "freight-sans-pro", "Raleway";
    font-weight: 700
}

.block_campaign_bottom_area a {
    color: #467995
}

.block_campaign_bottom_area a:hover {
    color: #2e4f61
}

.block_campaign_title_and_description h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 60px;
    color: #111
}

.block_campaign_title_and_description p {
    font-size: 16px;
    line-height: 22px
}

.campaign_product_select_form label {
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #eee
}

.campaign_product_select_form .campaign_product_select {
    margin-bottom: 40px
}

.yc_column_2 {
    padding: 40px 0px 40px 0px;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px
}

.campaign_product_select_area {
    background-color: #fff;
    padding: 10px 20px 20px 20px;
    border-radius: 3px
}

.charity_shoutout {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 40px;
    padding: 20px;
    font-size: 16px;
    line-height: 22px
}

.charity_shoutout_img {
    float: left;
    margin-right: 20px
}

.select_campaign_title {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

.hide_advanced_controls {
    display: none
}

.advanced_zen_controls a {
    text-decoration: none;
    font-size: 14px;
    color: #000
}

.advanced_zen_controls a:hover {
    text-decoration: underline
}

.block_title {
    margin-top: -40px;
    z-index: 10000;
    position: absolute;
    text-align: center;
    color: #fff;
    display: inline-block;
    background-color: #000;
    padding-left: 20px;
    padding-right: 20px
}

.block_title h1 {
    font-weight: 700 !important;
    font-size: 25px
}

.popup_image {
    cursor: zoom-in
}

.radio_description {
    margin-top: 0px;
    margin-left: 55px;
    text-indent: 0;
    line-height: 22px;
    padding-top: 10px;
    padding-right: 10px
}

.campaign_left_block {
    float: left;
    width: 50%;
    margin-right: 70px
}

.campaign_left_block a img {
    outline: none;
    border: none
}

.campaign_left_block a:visited,
.campaign_left_block a:focus {
    outline: none;
    border: none
}

@media screen and (max-width: 954px) {
    .campaign_left_block {
        float: none;
        width: 100%
    }
    .image_blocks_content {
        width: 100%;
        float: none;
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.customize_frame_campaign_message {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.ship_to_home {
    display: none
}

.free_shipping_message {
    color: #57ad68;
    display: none
}

.fine_print {
    margin-top: 40px
}

.fine_print p {
    font-size: 14px;
    font-style: italic
}

.twitter_display_block a:hover {
    opacity: 0.8
}

.twitter_section {
    margin-top: 40px
}

.change_option {
    font-weight: bold !important
}

.frame_options_explanation {
    margin-top: 20px
}

.frame_options_explanation p {
    font-size: 12px;
    color: #555
}

.collage_index_padding {
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 30px
}

.flex_changeable_order_cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (max-width: 700px) {
    .flex_changeable_order_cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.flex_changeable_order_col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vertical_collage_controls_columns {
    display: block
}

.vertical_collage_controls_columns .custom_collage_controls_padding {
    padding-top: 40px
}

@media screen and (max-width: 800px) {
    .vertical_collage_controls_columns {
        text-align: center
    }
    .vertical_collage_controls_columns .custom_collage_controls_padding {
        padding-top: 0px
    }
}

.horizontal_collage_controls_columns {
    max-width: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: 20px
}

.horizontal_collage_controls_columns .custom_collage_controls_padding {
    padding-left: 30px
}

@media screen and (max-width: 800px) {
    .horizontal_collage_controls_columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .horizontal_collage_controls_columns .custom_collage_controls_padding {
        padding-left: 0px
    }
}

.collage_title_section {
    margin-top: 40px
}

@media screen and (max-width: 700px) {
    .collage_title_section {
        text-align: center;
        margin-top: 10px
    }
}

@media screen and (max-width: 700px) {
    .stack_orientation_1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

@media screen and (max-width: 700px) {
    .stack_orientation_2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.admin_collage_controls_table {
    display: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 400px
}

.admin_collage_table_horizontal {
    margin: 35px auto
}

.admin_controls_active {
    display: block
}

.horizontal_collage_orientation {
    display: block
}

.horizontal_collage_orientation .collage_title_section {
    text-align: center;
    margin-top: 0
}

.collage_frame_area {
    padding: 20px 0px
}

.collage_h1 {
    color: #222;
    font-size: 42px;
    margin-bottom: 0;
    line-height: 60px;
    font-weight: 100 !important;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: -.08rem
}

.montserrat .top_collage_instruction_text {
    font-size: 20px !important;
    font-weight: 200 !important
}

@media screen and (max-width: 700px) {
    .montserrat .top_collage_instruction_text {
        font-size: 18px !important
    }
}

.montserrat .top_collage_title {
    font-size: 43px;
    line-height: 53px
}

@media screen and (max-width: 700px) {
    .montserrat .top_collage_title {
        font-size: 35px;
        line-height: 45px
    }
}

.montserrat .frame_editor_title {
    font-size: 30px;
    line-height: 40px
}

@media screen and (max-width: 700px) {
    .montserrat .frame_editor_title {
        font-size: 28px;
        line-height: 38px
    }
}

.collage_builder_area {
    margin-top: 80px
}

.collage_mat_opening {
    background: #333;
    box-shadow: inset 0px 0px 0px 2px #dedede
}

.collage_mat_opening_horizontal_layout {
    display: inline-block
}

.collage_mat_upload {
    cursor: pointer
}

.collage_mat_upload:hover {
    background: #000 url("/assets/icons/upload-collage-6c9548393f58828a67cb8ab38366976e58ce274450029135423e50f18b64710f.svg") no-repeat center center;
    background-size: 30px auto
}

.collage_mat_windows {
    position: absolute
}

.collage_mat_opening.flipped {
    top: 80px;
    left: 0px;
    width: 240px;
    height: 160px;
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg)
}

.collage_photo_bg_box {
    border-radius: 4px;
    background: rgba(245, 247, 250, 0.5);
    border: 1px solid #e1e1e1;
    padding: 20px
}

.collage_detail_area_title {
    margin-top: 0;
    font-weight: 100 !important
}

.collage_h2 {
    font-weight: 100 !important
}

.collage_index_section h2 {
    font-weight: 200 !important;
    font-size: 30px !important;
    line-height: 40px;
    margin-bottom: 40px
}

@media screen and (max-width: 700px) {
    .collage_index_section h2 {
        font-size: 23px !important;
        line-height: 37px
    }
}

.collage_index_section p {
    font-size: 20px !important;
    line-height: 35px;
    font-weight: 200 !important
}

@media screen and (max-width: 700px) {
    .collage_index_section p {
        font-size: 18px !important;
        line-height: 33px
    }
}

.collage_frame_options,
.photo_details_section {
    margin-top: 40px
}

.collage_photo_detail_thumb {
    display: block;
    width: 130px;
    height: 100px;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 2px
}

.collage_photo_detail_thumb:hover {
    border: 1px solid #ccc
}

.empty_photo_collage_detail {
    display: block;
    width: 130px;
    height: 100px;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 2px;
    background: #fff url("/assets/icons/upload-adc289fc3596c9cab15029aeb5f7486c2c0367dc0400e77511efa0fd0e2b1478.svg") no-repeat center center
}

.empty_photo_collage_detail:hover {
    border: 1px solid #ccc
}

.collage_photo_detail_text {
    font-size: 15px !important
}

.cube_rotate_icon {
    width: 60px
}

.rotate_frame_buttons a {
    margin: 5px
}

.rotate_frame_buttons .active_3D_view {
    color: rgba(46, 48, 58, 0.96) !important
}

.collage_photo_details {
    display: none
}

.collage_photo_details_table {
    max-width: 800px;
    margin: 0 auto
}

.collage_photo_details_table tr {
    cursor: move
}

.collage_photo_thumb_td {
    width: 30%
}

.first_collage_content {
    padding-left: 20px !important
}

.hidden_collage_attribute {
    display: none
}

.collage_price {
    font-weight: 800;
    color: #57ad68
}

.collage_arrows {
    background-color: rgba(245, 247, 250, 0.5);
    width: 35px !important;
    padding: 5px 8px 5px 8px !important
}

.collage_arrows a {
    display: inline-block;
    color: #999 !important
}

.collage_arrows a:hover {
    color: #5ba4e5 !important
}

.collage_list_upload {
    cursor: pointer
}

.collage_list_upload a {
    text-decoration: none;
    color: #333 !important
}

.collage_list_upload a:hover {
    color: #5ba4e5 !important
}

.collage_glaze_add_to_cart {
    margin-right: 15px
}

.collage_selected_label {
    color: #999
}

.disabled_finalize_btn {
    background-color: #999 !important;
    border-color: #999 !important
}

.disabled_finalize_btn:hover,
.disabled_finalize_btn:visited {
    background-color: #888 !important;
    border-color: #888 !important
}

.frame_selection_thumbs img {
    border-radius: 4px;
    padding: 5px;
    width: 80px;
    height: 80px;
    border: 1px solid #eee
}

.frame_selection_thumbs img:hover {
    border: 1px solid #ccc
}

.frame_selection_thumbs .active_profile img {
    border: 1px solid #ccc
}

.collage_selection_text {
    text-align: center;
    font-size: 12px !important
}

.collage_selection_columns {
    padding: 0 40px 0 40px
}

.collage_selection_columns h3 {
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #2980b9;
    padding-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px
}

.collage_selection_columns a,
.collage_selection_columns a:visited {
    text-decoration: none;
    display: inline-block;
    margin: 0 auto
}

.collage_selection_columns a:hover p,
.collage_selection_columns a:visited:hover p {
    text-decoration: underline;
    color: #5ba4e5 !important
}

@media screen and (max-width: 400px) {
    .collage_selection_columns {
        padding: 0 5px
    }
}

.collage_selection_orientation {
    margin-top: 10px
}

.horizontal_frame_selection_block {
    margin-bottom: 40px
}

.collage_selection_column {
    text-align: center
}

.horizontal_collage_column_less_padding {
    margin-top: -16px
}

#collage_selection_popup h2 {
    color: #333 !important;
    font-weight: 200 !important
}

.collage_how_it_works {
    margin: 0 auto
}

.collage_how_it_works ul li {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 200
}

.collage_how_it_works .how_it_works_number {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    line-height: 43px
}

@media screen and (max-width: 850px) {
    .collage_how_it_works .how_it_works_number {
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px
    }
    .collage_how_it_works .collage_how_it_works_list_text {
        display: block;
        float: none;
        width: 100%;
        text-align: center
    }
}

.collage_how_it_works_list_text {
    display: inline-block;
    float: right;
    margin-left: 0px;
    width: 90%;
    margin-top: 8px
}

.collage_index_frame {
    margin-left: -100px
}

@media screen and (max-width: 700px) {
    .collage_index_frame {
        margin: 0 auto
    }
}

.collage_index_hero_text {
    margin-left: -70px
}

@media screen and (max-width: 950px) {
    .collage_index_hero_text {
        margin: 0 auto
    }
}

.collage_style_select_description {
    font-style: italic;
    color: #555 !important
}

.collage_type_subtext {
    font-size: 14px !important;
    max-width: 275px;
    display: inline-block;
    margin: 0 auto
}

.collage_builder_controls_section h3 {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    width: 120px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    vertical-align: top
}

.collage_slider {
    position: relative;
    display: inline-block;
    margin-left: 15px;
    width: 40%;
    cursor: pointer;
    margin-bottom: 15px;
    margin-top: 6px
}

@media screen and (max-width: 700px) {
    .collage_slider {
        width: 30%
    }
}

.collage_slider_value_text {
    display: inline-block;
    margin-left: 25px;
    vertical-align: top;
    margin-top: 0px
}

.collage_exceeds_max_error {
    color: #da552f;
    font-size: 14px !important;
    margin-bottom: 20px;
    display: none
}

.reduce_dimensions_message {
    color: #da552f !important;
    font-size: 14px !important;
    display: none
}

.finalize_custom_collage_link {
    margin-top: 20px
}

.custom_collage_orientation_links {
    display: inline-block;
    margin-bottom: 15px
}

.custom_collage_orientation_links a {
    margin-right: 15px
}

.custom_collage_orientation_links .active_orientation_view {
    color: rgba(46, 48, 58, 0.96) !important
}

.collage_step_loader {
    text-align: center;
    display: none
}

.standalone_collage_step_page h2 {
    margin-bottom: 30px;
    font-weight: 200;
    font-size: 26px;
    line-height: 30px
}

.collage_slider_spacing {
    margin-bottom: 25px
}

.blueprint_spec {
    font-size: 14px !important;
    color: #999 !important;
    position: absolute
}

.blueprint_frame_width {
    left: 50%;
    margin-top: 40px
}

.blueprint_frame_height {
    margin-left: -20px;
    margin-top: -50%
}

.collage_presale_price {
    text-decoration: line-through
}

.collection_body_area h2 {
    font-weight: 200;
    font-size: 30px
}

.collection_body_area p {
    font-size: 18px;
    font-weight: 400
}

.collection_body_area strong {
    font-weight: 600
}

.story_collection_body_area {
    margin-top: 50px
}

.collection_header_image {
    padding: 10px;
    border-radius: 3px;
    color: #333;
    font-size: 18px;
    border: 1px solid #fff;
    text-align: center
}

.collection_header_image img {
    max-width: 100%
}

.collection_header_image:hover {
    border: 1px solid #94c6e7
}

.collection_item {
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    font-size: 18px;
    padding: 10px;
    position: relative;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    max-height: 571px
}

@media screen and (max-width: 600px) {
    .collection_item {
        width: 50% !important
    }
}

.collection_item a {
    display: block;
    overflow: hidden;
    max-height: 500px;
    border-radius: 2px;
    position: relative;
    z-index: 2
}

.collection_item a:before {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 70px;
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3))
}

.collection_item a:after {
    content: '';
    border-radius: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05)
}

.collection_item a:hover:before,
.collection_item a:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.collection_item img {
    width: 100%;
    vertical-align: middle
}

.collection_item p {
    display: block;
    bottom: 0;
    left: 10px;
    right: 10px;
    margin: 0;
    font-size: 16px;
    padding-bottom: 12px;
    position: absolute;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.collection_flex_item--bottom_margin_30 {
    margin-bottom: 10px
}

.collection_effects figure {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    cursor: pointer
}

.collection_effects figure img {
    position: relative;
    display: block;
    max-width: 100%
}

.collection_effects figure figcaption {
    color: #fff;
    font-size: 12px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.collection_effects figure figcaption::before,
.collection_effects figure figcaption::after {
    pointer-events: none
}

.collection_effects figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

figure.level_hover_reveal {
    width: 100%;
    overflow: hidden
}

figure.level_hover_reveal img.collection_effect_image {
    width: 100%;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.level_hover_reveal:hover .image_tint {
    opacity: 1
}

figure.level_hover_reveal:hover img.collection_effect_image {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

figure.level_hover_reveal figcaption {
    -webkit-transition: 0.35s;
    transition: 0.35s;
    opacity: 0;
    width: 100%
}

figure.level_hover_reveal figcaption img {
    margin: 0 auto;
    margin-bottom: 15px
}

figure.level_hover_reveal p {
    padding: 20px 30px;
    text-align: center;
    color: #fff !important
}

figure.level_hover_reveal:hover figcaption {
    opacity: 1
}

.image_tint {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.95) 100%)
}

.mobile_collection_hover_text {
    display: none
}

@media screen and (max-width: 1060px) {
    .collection_description_hover_text {
        display: none
    }
    .mobile_collection_hover_text {
        display: block
    }
}

@media screen and (min-width: 601px) {
    .columns_ .collection_item {
        width: 25% !important
    }
    .columns_ .collection_item:nth-last-child(2):first-child,
    .columns_ .collection_item:nth-last-child(2):first-child ~ .collection_item,
    .columns_ .collection_item .two-columns,
    .columns_ .collection_item .two-columns ~ .collection_item {
        width: 50% !important
    }
    .columns_ .collection_item:nth-last-child(3):first-child,
    .columns_ .collection_item:nth-last-child(3):first-child ~ .collection_item,
    .columns_ .collection_item:nth-last-child(5):first-child,
    .columns_ .collection_item:nth-last-child(5):first-child ~ .collection_item,
    .columns_ .collection_item:nth-last-child(6):first-child,
    .columns_ .collection_item:nth-last-child(6):first-child ~ .collection_item {
        width: 33.33% !important
    }
    .columns_2 .collection_item {
        width: 50% !important
    }
    .columns_3 .collection_item {
        width: 33.33% !important
    }
    .columns_4 .collection_item {
        width: 25% !important
    }
}

.collection_body_text {
    font-family: 'freight-text-pro'
}

.collection_body_text h1,
.collection_body_text h2,
.collection_body_text h3,
.collection_body_text h4,
.collection_body_text h5,
.collection_body_text h6 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 700;
    color: #000
}

.collection_body_text h1 {
    font-size: 50px
}

.collection_body_text h2 {
    font-size: 40px
}

.collection_body_text h3 {
    font-size: 30px
}

.collection_body_text h4 {
    font-size: 25px
}

.collection_body_text h5 {
    font-size: 22px
}

.collection_body_text h6 {
    font-size: 21px
}

.collection_body_text p {
    font-size: 20px;
    font-weight: 400
}

.collection_body_text strong {
    font-weight: 600
}

.collection_body_text img {
    max-width: 100%
}

.collection_body_text em {
    font-size: 16px
}

.collection_body_text--white_text h1,
.collection_body_text--white_text h2,
.collection_body_text--white_text h3,
.collection_body_text--white_text h4,
.collection_body_text--white_text h5,
.collection_body_text--white_text h6 {
    color: #fff
}

.collection_body_text--white_text p {
    color: #fff
}

.collection_body_text--sidebar_text p {
    font-size: 18px
}

.collections_header {
    position: relative;
    background-color: #000
}

.collections_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: rgba(0, 1, 1, 0.65)
}

.collections_footer_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: rgba(0, 1, 1, 0.45)
}

.collection_curator {
    color: #fff
}

.collection_meta_area {
    margin-top: 0px;
    font-family: 'freight-sans-pro'
}

.collection_meta_area p {
    vertical-align: top;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: .10rem;
    text-decoration: none;
    color: #999
}

.collection_meta_area a {
    color: #f9f9f9;
    text-decoration: none
}

.collection_meta_area a:hover {
    color: #77d7ff
}

.collection_meta_area img {
    margin-top: 10px;
    max-width: 25px !important
}

.collections_thumbs {
    margin-top: 20px
}

.collections_thumbs a {
    margin: 5px;
    cursor: pointer !important;
    display: inline-block
}

.collections_thumbs a img {
    width: 100px;
    border-radius: 1px
}

.collection_description_area {
    margin-bottom: 0px
}

.collection_description_area p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300
}

.collection_description_area a {
    color: #fff;
    text-decoration: underline
}

.collection_icon {
    width: 20px
}

.collection_image_caption {
    font-style: italic;
    font-size: 16px
}

.collection_prints_list li {
    font-size: 18px
}

.more_collection_items ul li {
    display: inline-block;
    margin: 5px
}

.more_collection_items a {
    border-radius: 2px
}

.more_collection_items a:hover img {
    border: 1px solid #333
}

.more_collection_items img {
    -webkit-transition: .5s;
    transition: .5s;
    border: 1px solid #ddd;
    padding: 2px;
    max-width: 150px;
    border-radius: 2px
}

.more_collections_area {
    margin-top: 80px;
    vertical-align: top
}

.more_collections_area ul li {
    display: inline-block;
    margin: 10px
}

.more_collection_item {
    vertical-align: top
}

.more_collections_title {
    font-size: 20px;
    font-weight: 600
}

.more_collections_names {
    font-size: 16px;
    max-width: 155px;
    margin-top: 2px;
    text-decoration: none !important;
    color: #333
}

.footer_full_image_collection {
    position: relative;
    min-height: auto;
    overflow-y: hidden
}

.faq_section--reduced-bottom-margin {
    margin-bottom: 45px
}

.faq_section--reduced-bottom-margin strong {
    margin-bottom: 15px
}

.collection_title_area {
    text-align: center;
    padding-top: 90px;
    padding-bottom: 120px
}

.collection_title_area h1 {
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 800 !important;
    font-size: 54px;
    line-height: 50px;
    margin-top: 0px;
    color: #fff;
    letter-spacing: -1px;
    margin-bottom: 15
}

.artist_title_area h1 {
    font-family: "freight-sans-pro", "HelveticaNeue", Helvetica, Arial;
    color: #fff;
    font-weight: 100 !important;
    font-size: 54px;
    line-height: 50px;
    margin-top: 0px;
    text-rendering: optimizeLegibility;
    letter-spacing: -.03rem
}

.recommended_collections img,
.more_artwork_by_author img {
    max-width: 280px !important
}

.recommended_collections_padding {
    margin-top: 150px
}

.collection_tag {
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05rem;
    text-decoration: none
}

.collection_tag--top_right {
    position: absolute;
    top: 20px;
    right: 120px
}

.featured_collection_banner {
    text-decoration: none !important
}

.collection_tag--featured_collection_tag {
    margin-top: 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #77d7ff;
    padding: 6px 15px;
    border: 2px solid #77d7ff;
    border-radius: 4px
}

.collection_tag--artist_spotlight_tag {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 15px;
    border: 2px solid #b9a1e3;
    border-radius: 4px
}

.collection_tag--artist_spotlight_tag a {
    color: #b9a1e3 !important;
    text-decoration: none !important
}

.collection_tag--bottom_right {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px
}

.full_page_wrapper {
    width: 90%;
    margin: 0 auto
}

.collection_index_body {
    position: relative;
    z-index: 1 !important;
    background-color: #fff;
    padding: 60px 0 0 0
}

.collection_index_body p {
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 14px;
    color: #7d878a;
    line-height: 20px
}

.collection_flex_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.collection_flex_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 376px;
    min-width: 150px
}

.collection_flex_item p {
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
    text-decoration: none
}

.collection_flex_item a {
    text-decoration: none
}

.collection_flex_item:hover p {
    color: #5ba4e5
}

.collection_index_flex_item {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    margin-bottom: 30px !important
}

.collection_item_one_quarter {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    margin-bottom: 30px !important;
    max-width: 281px
}

.one_quarter_flex_item {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    max-width: 281px;
    margin-bottom: 8px
}

.collection_section_meta {
    margin-bottom: 10px
}

.collection_section_meta p,
.collection_section_meta a {
    font-family: "freight-sans-pro", "HelveticaNeue", Helvetica, Arial;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    color: #a6a6a6 !important
}

.collection_section_meta a:hover {
    color: #5ba4e5
}

.collection_section_meta--more_margin {
    margin-bottom: 25px
}

.collection_section_title {
    float: left
}

.collection_section_view_more {
    float: right
}

.collection_section_view_more i {
    font-size: 10px
}

.collection_flex_row--gutters {
    margin: 0px 0px 0px -4px
}

.collection_flex_row--gutters>.collection_flex_item {
    padding: 0px 4px
}

.collection_flex_row--big-gutters {
    margin: 0px 0px 0px -12px
}

.collection_flex_row--big-gutters>.collection_flex_item {
    padding: 0px 12px
}

.collection_section {
    margin-bottom: 70px
}

.featured_artists_area {
    text-align: center
}

.collection_profile_small_pic {
    margin: 20px 30px;
    display: inline-block;
    text-align: center
}

.collection_profile_small_pic img {
    width: 150px;
    height: 150px;
    padding: 5px;
    background-color: #eee;
    border-radius: 50%
}

.collection_profile_small_pic a {
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 14px;
    color: #7d878a;
    line-height: 20px;
    text-decoration: none !important;
    cursor: pointer
}

.collection_profile_small_pic p {
    -webkit-transition: .5s;
    transition: .5s
}

.collection_profile_small_pic:hover p {
    color: #77d7ff !important
}

.featured_artist_bio p {
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 15px !important;
    line-height: 22px
}

.featured_collection_author {
    margin-top: 0;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .1rem;
    text-decoration: none;
    color: #e3e3e3 !important;
    text-decoration: none
}

.featured_collection_author a {
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .1rem;
    text-decoration: none;
    color: #e3e3e3 !important;
    text-decoration: none
}

.semi_transparent_image {
    width: 400px
}

.semi_transparent_fade {
    position: absolute;
    width: 400px;
    height: 240px;
    margin-top: -240px;
    background: transparent;
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.collections_index_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 5%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 5%, rgba(0, 0, 0, 0.85) 100%)
}

.frame_faq_shots_area img {
    width: 24%
}

.optin_link {
    text-align: center;
    margin-bottom: 80px
}

.optin_link p {
    font-size: 15px
}

.optin_link a {
    font-family: "HelveticaNeue", Helvetica, Arial
}

.collection_faq_section {
    margin-bottom: 20px
}

.collection_faq_section p {
    font-family: "HelveticaNeue", Helvetica, Arial;
    color: #7d878a;
    font-size: 15px
}

.collection_faq_section p strong {
    font-size: 18px;
    font-family: "freight-sans-pro", "HelveticaNeue", Helvetica, Arial;
    line-height: 50px !important
}

.find_more_great_collections a {
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 15px;
    color: #2980b9 !important
}

@media screen and (max-width: 750px) {
    .collection_flex_item {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        max-width: 50%
    }
}

@media screen and (max-width: 600px) {
    .collection_title_area h1 {
        font-size: 44px
    }
    .collection_title_area p {
        font-size: 18px;
        line-height: 22px
    }
    .collection_title_area img {
        max-width: 25px !important
    }
    .collection_description_area p {
        font-size: 13px !important;
        line-height: 18px
    }
    .collection_meta_area p {
        font-size: 11px
    }
}

.curated_collections_title {
    display: inline-block;
    background-color: #eee;
    padding: 15px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #eee;
    margin-top: 10px;
    margin-bottom: 0
}

.our_curated_collections>li {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 16px
}

.our_curated_collections>li>a {
    text-decoration: none
}

.our_curated_collections>li>a:hover {
    text-decoration: underline
}

.gift_guide_link_underline {
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    color: #fff !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #414b56, -0.03em 0 #414b56, 0 0.03em #414b56, 0 -0.03em #414b56, 0.06em 0 #414b56, -0.06em 0 #414b56, 0.09em 0 #414b56, -0.09em 0 #414b56, 0.12em 0 #414b56, -0.12em 0 #414b56, 0.15em 0 #414b56, -0.15em 0 #414b56;
    background-image: -webkit-linear-gradient(#414b56, #414b56), -webkit-linear-gradient(#414b56, #414b56), -webkit-linear-gradient(#fafafa, #fafafa);
    background-image: linear-gradient(#414b56, #414b56), linear-gradient(#414b56, #414b56), linear-gradient(#fafafa, #fafafa);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.gift_guide_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.gift_guide_link_underline::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.gift_guide_link_underline::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.gift_guide_link_underline:before,
.gift_guide_link_underline:after,
.gift_guide_link_underline *,
.gift_guide_link_underline *:before,
.gift_guide_link_underline *:after {
    text-shadow: none
}

.gift_guide_link_underline:visited {
    color: #fff !important
}

.gift_guide_link_underline:hover {
    color: #eee !important
}

.gift_card_select {
    margin-top: 20px
}

.radio_gift_description {
    vertical-align: middle;
    display: block;
    margin-top: 0px;
    margin-left: 35px;
    text-indent: 0;
    border: 1px solid #eee;
    padding: 10px 20px;
    border-radius: 4px
}

.gift_card_section {
    margin-top: 50px
}

.gift_card_section h3 {
    font-size: 25px;
    font-weight: 100 !important
}

.ui-datepicker {
    width: 90%
}

.ll-skin-lugo {
    font-size: 100%;
    box-sizing: padding-box !important
}

.ll-skin-lugo .ui-widget {
    font-family: "Helvetica", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    background: #1c1c1c;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 3px #292c32
}

.ll-skin-lugo .ui-datepicker {
    padding: 0
}

.ll-skin-lugo .ui-datepicker-header {
    margin-top: 5px;
    font-size: 80%;
    border: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: #333;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.1)
}

.ll-skin-lugo .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer
}

.ll-skin-lugo .ui-datepicker .ui-datepicker-next span {
    background-image: url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/ui-icons_ffffff_256x240.png");
    background-position: -32px -16px
}

.ll-skin-lugo .ui-datepicker .ui-datepicker-prev span {
    background-image: url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/ui-icons_ffffff_256x240.png");
    background-position: -96px -16px
}

.ll-skin-lugo .ui-datepicker table {
    margin: 0
}

.ll-skin-lugo .ui-datepicker th {
    color: #b7b7b7;
    font-size: 9px;
    text-transform: uppercase
}

.ll-skin-lugo .ui-datepicker td {
    border-top: 1px solid #2c2c2c;
    border-right: 1px solid #2c2c2c;
    padding: 0;
    background: #eee
}

.ll-skin-lugo .ui-datepicker td:last-child {
    border-right: none
}

.ll-skin-lugo td .ui-state-default {
    border: none;
    text-align: center;
    padding: .7em 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #e7e7e7;
    text-shadow: 0 1px 2px #000;
    background-color: #373737;
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.2);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MzczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -webkit-linear-gradient(top, #373737 0%, #424242 100%);
    background-image: linear-gradient(to bottom, #373737 0%, #424242 100%)
}

.ll-skin-lugo td.ui-state-disabled .ui-state-default {
    background: #666;
    color: #ccc;
    text-shadow: none
}

.ll-skin-lugo td .ui-state-hover {
    background-color: #373737;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3MzczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -webkit-linear-gradient(top, #424242 0%, #373737 100%);
    background-image: linear-gradient(to bottom, #424242 0%, #373737 100%)
}

.ll-skin-lugo td .ui-state-active {
    background: #3f6b8a;
    box-shadow: inset 0 0 5px rgba(7, 15, 21, 0.9)
}

.gift_to {
    float: left;
    width: 40%
}

.gift_from {
    float: left;
    width: 40%
}

.gift_card_details input[type="text"] {
    padding: 10px;
    width: 90%;
    margin-bottom: 15px;
    border: 1px solid #ddd
}

.gift_card_details textarea {
    padding: 10px;
    width: 76%;
    margin-bottom: 15px;
    border: 1px solid #ddd
}

.gift_card_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 40px;
    color: #000;
    font-weight: 100 !important
}

.gift_card_title p,
.gift_card_title td,
.gift_card_title strong,
.gift_card_title span,
.gift_card_title li,
.gift_card_title h1,
.gift_card_title h2,
.gift_card_title h3,
.gift_card_title h4,
.gift_card_title h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.gift_card_subtitle {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 25px;
    color: #111;
    font-weight: 100 !important
}

.gift_card_subtitle p,
.gift_card_subtitle td,
.gift_card_subtitle strong,
.gift_card_subtitle span,
.gift_card_subtitle li,
.gift_card_subtitle h1,
.gift_card_subtitle h2,
.gift_card_subtitle h3,
.gift_card_subtitle h4,
.gift_card_subtitle h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.gift_cards_body {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.gift_cards_body p,
.gift_cards_body td,
.gift_cards_body strong,
.gift_cards_body span,
.gift_cards_body li,
.gift_cards_body h1,
.gift_cards_body h2,
.gift_cards_body h3,
.gift_cards_body h4,
.gift_cards_body h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.gift_cards_body p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 18px;
    font-weight: 200;
    color: #111;
    line-height: 33px
}

.gift_cards_body p p,
.gift_cards_body p td,
.gift_cards_body p strong,
.gift_cards_body p span,
.gift_cards_body p li,
.gift_cards_body p h1,
.gift_cards_body p h2,
.gift_cards_body p h3,
.gift_cards_body p h4,
.gift_cards_body p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width: 900px) {
    .gift_card_title {
        display: none
    }
}

@media screen and (max-width: 550px) {
    .gift_to,
    .gift_from {
        float: none;
        width: 100%
    }
    .gift_card_details input[type="text"],
    .gift_card_details textarea {
        width: 100%
    }
}

#custom_gift_card_amount {
    padding: 5px
}

.gift_card_values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    box-sizing: border-box
}

.gift_card_box {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 250px;
    padding: 0 0.5rem 1rem;
    overflow: hidden;
    box-sizing: border-box
}

.gift_card_box>.gift_card_value {
    padding: 50px;
    cursor: pointer;
    background-color: #fafafa;
    color: #111;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    border-radius: 4px;
    border: 10px solid #eee
}

.gift_card_box>.gift_card_value:hover {
    background-color: #77d7ff;
    border: 10px solid #77d7ff
}

.gift_card_box>.gift_card_value:active {
    border: 10px solid #111
}

.selected_gift_card>.gift_card_value {
    border: 10px solid #77d7ff;
    box-sizing: border-box
}

.gift_card_terms {
    margin-top: 50px;
    font-size: 14px
}

#gift_card_popup {
    background: -webkit-radial-gradient(top right, circle, #b64235, #be4537);
    background: radial-gradient(circle at top right, #b64235, #be4537)
}

#gift_card_popup h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 40px;
    font-weight: 200;
    color: #fff
}

#gift_card_popup h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 200;
    color: #fff
}

#gift_card_popup p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 200;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0
}

#gift_card_popup input[type="text"] {
    margin: 10px 0;
    width: 100%;
    padding: 12px;
    font-size: 18px;
    border: none;
    outline: none;
    border-radius: 5px
}

#gift_card_popup textarea {
    margin: 10px 0;
    width: 100%;
    padding: 12px;
    font-size: 18px;
    border: none;
    outline: none;
    border-radius: 5px;
    height: 100px
}

.gift_box {
    font-size: 60px;
    color: #fff;
    text-align: center
}

.gift_popup_error_area {
    display: none;
    margin-top: 15px
}

.gift_popup_error_area p {
    color: #ff6666 !important
}

.gift_card_success,
.gift_card_spin_loader {
    display: none
}

.gift_card_render {
    position: relative;
    background: -webkit-radial-gradient(top right, circle, #b64235, #be4537);
    background: radial-gradient(circle at top right, #b64235, #be4537);
    display: inline-block;
    padding: 40px 65px;
    border-radius: 5px
}

.gift_card_money_text {
    display: none;
    position: absolute;
    top: 2px;
    right: 10px;
    font-size: 13px
}

.custom_gift_card_error {
    display: none
}

.custom_gift_card_error p {
    color: #da552f;
    font-weight: 300
}

.gifts_page {
    margin-top: 60px
}

.gifts_page h1,
.gifts_page h2,
.gifts_page h3 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200
}

.gifts_page h1 p,
.gifts_page h1 td,
.gifts_page h1 strong,
.gifts_page h1 span,
.gifts_page h1 li,
.gifts_page h1 h1,
.gifts_page h1 h2,
.gifts_page h1 h3,
.gifts_page h1 h4,
.gifts_page h1 h5,
.gifts_page h2 p,
.gifts_page h2 td,
.gifts_page h2 strong,
.gifts_page h2 span,
.gifts_page h2 li,
.gifts_page h2 h1,
.gifts_page h2 h2,
.gifts_page h2 h3,
.gifts_page h2 h4,
.gifts_page h2 h5,
.gifts_page h3 p,
.gifts_page h3 td,
.gifts_page h3 strong,
.gifts_page h3 span,
.gifts_page h3 li,
.gifts_page h3 h1,
.gifts_page h3 h2,
.gifts_page h3 h3,
.gifts_page h3 h4,
.gifts_page h3 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.gifts_page h2 {
    font-size: 26px;
    line-height: 36px
}

.gifts_page h3 {
    font-size: 23px;
    line-height: 32px;
    font-weight: 200
}

.gifts_page p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 19px
}

.gifts_page p p,
.gifts_page p td,
.gifts_page p strong,
.gifts_page p span,
.gifts_page p li,
.gifts_page p h1,
.gifts_page p h2,
.gifts_page p h3,
.gifts_page p h4,
.gifts_page p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.gifts_page a.v2-btn {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important
}

.gifts_page img {
    max-width: 100%
}

.half-right-column-spacing {
    margin-left: 50px
}

@media screen and (max-width: 770px) {
    .half-right-column-spacing {
        margin-left: 0;
        text-align: center
    }
}

.gift_rendered_frame_half {
    display: inline-block;
    max-width: 300px
}

.gift_rendered_frame_half2 {
    display: inline-block;
    max-width: 400px
}

.clear {
    clear: both
}

.gift_content_section {
    margin-top: 120px
}

.first_gift_content_section {
    margin-top: 70px
}

.gift_album_name p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 200
}

.gift_page_vinyl_search_section {
    background-color: #fff !important;
    padding: 0 !important
}

.gift_page_vinyl_search_section label {
    color: #333 !important
}

.gifts_our_picks p {
    font-size: 16px;
    text-transform: uppercase
}

.e-gift-card-section {
    max-width: 1000px;
    margin: 0 auto
}

.gift_content_title_description_section {
    margin-bottom: 40px !important
}

.gift_page_featured_collections p,
.gift_page_featured_collections a,
.gift_page_featured_collections span {
    font-size: 14px
}

.gift_page_featured_collections p.collection_section_title {
    color: #333 !important
}

.gift_page_featured_collections figcaption span {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px !important
}

.gifts_page_e_gift_card {
    width: 100%;
    max-width: 450px !important
}

p.sale_ends_text {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    color: #fff
}

.guide_background {
    background: -webkit-radial-gradient(top left, circle, #707db1, #092238) no-repeat center center;
    background: radial-gradient(circle at top left, #707db1, #092238) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%
}

.guide_page_wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 40px 80px 40px
}

.guide_content_reveal {
    display: none
}

h1.guide_text_1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 200;
    line-height: 38px;
    margin-bottom: 0
}

@media screen and (max-width: 480px) {
    h1.guide_text_1 {
        font-size: 22px;
        line-height: 30px
    }
}

.guide_content_wrapper {
    position: relative;
    max-width: 550px;
    margin: 0 auto;
    text-align: center
}

.guide_content_wrapper a {
    color: #333;
    text-decoration: none
}

h2.guide_h2 {
    margin-top: 0px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px
}

@media screen and (max-width: 480px) {
    h2.guide_h2 {
        font-size: 18px;
        line-height: 28px
    }
}

p.guide_p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

p.guide_title_subtext {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 200;
    line-height: 26px;
    margin-top: 0;
    padding-top: 0
}

.guide_p_max_width {
    max-width: 200px;
    margin: 0 auto;
    padding-bottom: 5px;
    border-bottom: 5px solid #fff
}

@media screen and (max-width: 480px) {
    .guide_p_max_width {
        display: none
    }
}

.guide_step_2,
.guide_step_3,
.guide_loader {
    display: none
}

.guide_columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 500px) {
    .guide_columns {
        display: block
    }
}

.guide_column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.guide_column img {
    max-width: 100%
}

.guide_column a {
    color: #222;
    text-decoration: none
}

.guide_column:hover .guide_p_max_width {
    border-bottom: 2px solid #5ba4e5
}

@media screen and (max-width: 500px) {
    .guide_column {
        display: block
    }
    .guide_column img {
        max-width: 150px
    }
}

.is-baligned .column {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.guide_picture_block {
    display: block;
    height: 200px
}

.hidden_artwork_selection_message {
    display: none
}

@media screen and (max-width: 480px) {
    .artwork_type_select {
        margin-left: -10px;
        font-size: 12px !important;
        padding: 5px 15px
    }
    .artwork_type_select .cs-options li span {
        font-weight: 600 !important
    }
}

.artwork_type_select>span {
    background: #5d697e !important;
    color: #fff;
    border: none;
    font-weight: 300
}

.artwork_type_select .cs-options li {
    background: #fff
}

.artwork_type_select .cs-options li span {
    font-weight: 300
}

.artwork_type_select .cs-options li span:hover {
    background: #5d697e
}

p.digital_selection_p {
    font-size: 14px !important
}

.frame_center_text input {
    background-color: #fafafa;
    color: #333
}

.reduced_page_padding {
    padding-top: 60px !important
}

.hidden_scroll_based_nav {
    display: none
}

.mobile_menu {
    display: none;
    background-color: #222;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666
}

.mobile_menu li {
    margin-bottom: 10px
}

.mobile_menu li a {
    color: #fff !important;
    font-size: 16px;
    text-decoration: none;
    padding: 10px
}

.mobile_menu li a:hover {
    text-decoration: underline
}

.mobile_menu_close {
    float: right;
    margin-right: 25px;
    top: 0
}

.mobile_menu_close a {
    text-decoration: none !important;
    color: #fff !important;
    font-size: 25px
}

.mobile_menu_icon {
    display: none !important;
    margin-top: -20px
}

.mobile_menu_icon a {
    font-size: 25px !important;
    padding-top: 0
}

.bg_cover_wrapper {
    width: 600px;
    height: 650px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0
}

.subpage_cover_wrapper {
    width: 650px;
    height: 430px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0
}

.bg_cover_tint {
    overflow: hidden;
    display: none
}

.bg_cover_tint_skimm {
    overflow: hidden;
    display: block;
    position: absolute;
    height: 720px;
    width: 100%;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    z-index: 1;
    border-bottom: 1px solid #eee
}

.skimm_hero_content {
    text-align: center
}

.skimm_hero_area {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    border-bottom: 1px solid #eee
}

.hero_gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    border-bottom: 1px solid #eee
}

.api_hero_area {
    background-image: -webkit-radial-gradient(top right, circle, #2C3E50, #34495E);
    background-image: radial-gradient(circle at top right, #2C3E50, #34495E);
    background-color: #34495E;
    border-bottom: 1px solid #eee
}

.skimm_cover_img {
    text-align: center;
    width: 75%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: -7px
}

.skimm_cover_img img {
    width: 100%;
    max-width: 800px
}

.mobile_home_img {
    display: none;
    text-align: center;
    width: 75%;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: -7px
}

.mobile_home_img img {
    width: 100%;
    max-width: 800px
}

.mobile_bg {
    text-align: center
}

.mobile_bg img {
    width: 100%;
    max-width: 700px
}

.bg_cover {
    background: url("/walnut-cover3.jpg");
    height: 100%;
    width: 100%;
    right: 0px
}

#mobile_background_image {
    position: absolute;
    top: 420px;
    display: none;
    background: url("/walnut-top.png") no-repeat center center;
    width: 100%;
    height: auto;
    z-index: 2
}

.subpage_cover_image {
    background: url("/black-cover-subpage.jpg") no-repeat center center;
    background-size: cover;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="image_path('desk-gradient.jpg')", sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" "/assets/desk-gradient-938007480d67667f747413d8c4146f9de475d89b55f5c3f8c8a5cee27c194651.jpg" ", sizingMethod='scale')";
    z-index: 0;
    height: 100%;
    width: 100%
}

#background_image {
    background: url("/walnut-cover8.jpg") no-repeat center center;
    background-size: cover;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="image_path('https://d29mtkonxnc5fw.cloudfront.net/walnut-cover8.jpg')", sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" "/walnut-cover8.jpg" ", sizingMethod='scale')";
    z-index: 0;
    height: 100%;
    width: 100%
}

#background_image_artists {
    position: relative;
    background: url("/cameras-small.jpg") no-repeat center center fixed;
    background-size: cover;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="image_path('https://d29mtkonxnc5fw.cloudfront.net/cameras-small.jpg')", sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" "/cameras-small.jpg" ", sizingMethod='scale')";
    z-index: 0;
    min-width: 100%;
    min-height: 100%
}

#background_image2 {
    background-position: center 0%;
    background-size: cover;
    background-repeat: no-repeat;
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    z-index: 0;
    background-color: #5b687b
}

.page {
    width: 100%;
    margin: 0 auto;
    z-index: 1
}

.mesh_grid {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/assets/mesh-grid-60d4c54e5d253460197149368c4d612241389e6c43f724aaa7186957e14753ae.png");
    background-repeat: repeat;
    background-color: rgba(44, 62, 80, 0.1);
    z-index: 0
}

.mesh_grid2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/assets/mesh-grid-60d4c54e5d253460197149368c4d612241389e6c43f724aaa7186957e14753ae.png");
    background-repeat: repeat;
    z-index: 0
}

.section1_frame {
    position: relative;
    float: left;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-right: 100px;
    width: 400px;
    margin-left: 0px;
    border: 15px solid #222;
    box-shadow: 2px 2px 4px #888, inset 1px 1px 3px 1px #555;
    background: url("/images/alleyway-small.jpg");
    background-repeat: no-repeat;
    height: 350px
}

.section1_frame h1 {
    text-align: center;
    position: relative;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 60px;
    z-index: 100
}

.section2_frame {
    position: relative;
    float: right;
    margin-top: 0px;
    margin-bottom: 40px;
    width: 400px;
    margin-left: 20px;
    border: 15px solid #222;
    box-shadow: 2px 2px 4px #888, inset 1px 1px 3px 1px #555;
    background: url("/assets/locks-f017dadde1acaaffb60590d3796dbafe5270299051c0ed12dc9c4d9c0865227c.jpg");
    background-repeat: no-repeat;
    height: 250px
}

.section2_frame h1 {
    text-align: center;
    position: relative;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 60px;
    z-index: 100
}

.section3_frame {
    position: relative;
    float: left;
    margin-top: 0px;
    margin-bottom: 40px;
    width: 350px;
    margin-right: 100px;
    border: 15px solid #222;
    box-shadow: 2px 2px 4px #888, inset 1px 1px 3px 1px #555;
    background: url("/images/sweden.jpg");
    background-repeat: no-repeat;
    height: 300px
}

.section3_frame h1 {
    text-align: center;
    position: relative;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 60px;
    z-index: 100
}

.home_subsection h2 {
    font-weight: 400
}

.home_subsection p {
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 16px;
    line-height: 22px
}

.subsection_btn {
    margin-top: 45px
}

.home_subsection_btn {
    border-radius: 30px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #da552f;
    color: #da552f;
    text-decoration: none
}

.home_description {
    margin: 0 auto;
    position: relative
}

.home_description p {
    text-align: center;
    color: #fff;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 400
}

.left_text_section {
    position: relative;
    float: left;
    width: 400px
}

.home_section {
    margin-top: 100px
}

.social_subscribe_area a {
    text-decoration: none
}

#email_subscription input[type="email"] {
    font-size: 16px;
    padding: 4px;
    outline: none
}

#email_subscription input[type="email"]:focus {
    outline: 1px solid #ddd
}

.frame_wrapper {
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    width: 500px;
    height: 400px;
    z-index: 10
}

.frame_wrapper h2 {
    margin-bottom: 40px;
    padding: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-align: center
}

.frame_wrapper h2 span {
    background-color: #dc5b3b;
    color: #fff;
    padding: 5px 30px 5px 30px;
    border-radius: 30px
}

.print_resizer input {
    border: 1px solid #fff;
    cursor: copy;
    width: 35px;
    outline: none;
    border: none
}

.print_resizer input:hover {
    border: 1px solid #ddd;
    background-color: #eee
}

.frame_editor {
    position: absolute;
    width: 500px;
    height: 400px;
    background-color: #eee;
    border: 5px solid #fff;
    box-shadow: 1px 1px 5px #999;
    margin-bottom: 100px
}

.matting {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.matting_exterior {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    box-shadow: inset 1px 1px 2px 1px #000 !important
}

.frame_center_text {
    padding-top: 30px;
    color: #222
}

.frame_center_text p {
    text-align: center;
    font-size: 30px
}

.dimensions_subtext {
    font-size: 16px;
    color: #999
}

.dark_logo {
    position: fixed;
    z-index: 100;
    top: 0;
    margin-left: 10px
}

.dark_logo a {
    color: #111;
    border: 1px solid #111;
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    font-weight: bold
}

.top_bar {
    position: relative;
    z-index: 1000;
    width: 100%;
    top: -15px !important;
    padding-top: 10px;
    border-bottom: 1px solid #efefef;
    background-color: #fff
}

.fixed_white_top_nav {
    position: fixed
}

.top_background_container {
    margin: 0 auto;
    background: url("gradient-bar.jpg") no-repeat;
    width: 980px;
    height: 45px
}

.home_nav_bar {
    z-index: 1;
    position: relative;
    height: 50px
}

.home_nav_bar .home_nav_container {
    width: 980px;
    margin: 0 auto
}

.home_nav_bar .home_logo {
    padding-top: 8px;
    float: left
}

.home_nav_bar .home_logo a {
    font-weight: 700;
    font-size: 24px;
    margin-top: 10px;
    color: #fff;
    text-decoration: none
}

.home_nav_bar .home_links {
    float: right;
    font-weight: 400;
    padding-top: 15px
}

.home_nav_bar .home_links a {
    font-size: 22px;
    color: #fff;
    text-decoration: none
}

.home_nav_bar .home_links a:hover {
    color: #ccc;
    text-decoration: underline
}

.home_nav_bar .home_links ul {
    list-style-type: none;
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    display: inline-block
}

.home_nav_bar .home_links ul li {
    color: #777;
    display: inline-block;
    padding-top: 0;
    margin-top: 0;
    margin-right: 20px
}

.home_nav_bar .home_links ul li a {
    font-size: 16px
}

.home_wrapper {
    z-index: 10;
    width: 100%;
    height: 100
}

.gradient_divider {
    clear: both;
    text-align: center;
    width: 980px;
    height: 45px;
    opacity: 0.5
}

.home_center_logo {
    color: #fff;
    z-index: 1;
    font-weight: 100;
    font-size: 24px;
    position: absolute;
    text-decoration: none
}

.text_logo {
    position: relative;
    z-index: 100
}

.text_logo a {
    text-shadow: 1px 1px 1px #fff;
    font-weight: 700;
    font-size: 24px;
    color: #111;
    text-decoration: none;
    font-weight: bold
}

.subpage_header_content {
    padding-bottom: 180px;
    position: relative;
    z-index: 10
}

.subpage_header_content h2 {
    font-weight: 100;
    font-size: 50px;
    margin-bottom: 0;
    color: #000
}

.artist_header_content {
    text-align: center;
    padding-bottom: 150px;
    position: relative;
    color: #fff;
    z-index: 10
}

.artist_header_content h2 {
    font-weight: 100;
    font-size: 50px;
    margin-bottom: 0;
    color: #fff
}

.hero_content {
    margin-top: 0;
    position: relative;
    z-index: 10
}

.hero_content h1 {
    font-weight: 100;
    font-size: 65px;
    margin-bottom: 0;
    color: #000
}

.hero_content h2 {
    font-weight: 100;
    font-size: 50px;
    margin-bottom: 0;
    color: #000
}

.hero_content p {
    margin-top: 0;
    font-weight: 100;
    font-size: 23px;
    color: #000
}

.hero_content .home_titles {
    margin-top: 40px;
    border-radius: 5px
}

.hero_content .home_titles h1 {
    margin-top: 0
}

.hero_desktop_height {
    height: 530px
}

.order_info {
    margin-top: 40px;
    border: 10px solid #eee;
    padding: 30px 40px 30px 40px
}

.order_info h1 {
    font-weight: 100;
    font-size: 38px
}

.order_summary_hero {
    margin-top: 0;
    position: relative;
    z-index: 100
}

.order_summary_hero h1 {
    margin-bottom: 0
}

.order_summary_hero h2 {
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 0;
    color: #fff
}

.order_summary_hero p {
    margin-top: 0;
    font-weight: 100;
    font-size: 23px
}

.payment_details h1 {
    font-weight: 100
}

.order_total p {
    font-weight: 100;
    padding: 0;
    margin: 0
}

.number_font,
.order_summary_stats p,
.cart_item_price {
    font-family: 'Arial Monospace', 'Arial', 'Helvetica'
}

.order_summary_stats {
    padding-top: 7px
}

.order_summary_stats p {
    font-size: 16px !important;
    line-height: 25px !important
}

.total_price {
    color: #4285f4;
    font-weight: 600;
    font-size: 17px
}

.payment_next_btn {
    right: 0;
    float: right;
    margin-top: 40px
}

.summary_header_link {
    background-color: #4285f4;
    display: inline-block;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 16px;
    color: #fff
}

.summary_header_link:hover {
    background-color: #222
}

.button_and_totals p {
    font-size: 18px
}

.product_details {
    float: left;
    margin-right: 30px
}

.product_details h3 {
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 0;
    padding-bottom: 0
}

.product_details p {
    margin-top: 5px;
    margin-bottom: 5px
}

.cart_btns_area {
    margin-top: 20px;
    margin-bottom: 10px
}

.cart_item {
    padding-bottom: 40px;
    margin-bottom: 40px
}

.last_cart_item {
    border: none;
    margin-bottom: 0
}

.cart_btns {
    display: inline-block;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #fff
}

.delete_cart_item {
    background-color: #da552f
}

.delete_cart_item:hover {
    background-color: #4285f4
}

.cart_item_price {
    color: #333;
    font-weight: bold
}

.edit_cart_item {
    background-color: #222
}

.edit_cart_item:hover {
    background-color: #4285f4
}

.duplicate_cart_item {
    background-color: #777
}

.duplicate_cart_item:hover {
    background-color: #4285f4
}

.browse_artist_header_content {
    text-align: center;
    margin-top: 0;
    position: relative;
    z-index: 100;
    padding-bottom: 90px
}

.browse_artist_header_content h1 {
    font-weight: 100;
    font-size: 70px;
    margin-bottom: 0;
    color: #fff
}

.browse_artist_header_content h2 {
    font-weight: 100;
    font-size: 50px;
    margin-bottom: 0;
    color: #fff
}

.browse_artist_header_content p {
    margin-top: 0;
    font-weight: 100;
    font-size: 23px;
    color: #fff
}

.dark_bg h1 {
    color: #fff
}

.dark_bg p {
    color: #888
}

.white_text_logo {
    position: relative;
    z-index: 100;
    margin-left: 20px
}

.white_text_logo a {
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: bold
}

.frame_arrows {
    position: absolute;
    z-index: 100;
    width: 52px;
    height: 52px;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s
}

.frame_arrows i {
    font-size: 25px;
    line-height: 52px
}

.right_arrow {
    background-color: #535a6c;
    right: 0px;
    margin-top: 0px;
    color: #fff
}

.right_arrow:hover {
    background-color: #000
}

.right_arrow:active {
    background-color: #000
}

.bottom_arrow {
    background-color: #535a6c;
    bottom: 0px;
    margin-left: 0px;
    color: #fff
}

.bottom_arrow:hover {
    background-color: #000
}

.bottom_arrow:active {
    background-color: #000
}

.diagonal_arrow {
    bottom: 0px;
    right: 0px;
    color: #888
}

.diagonal_arrow:hover {
    background-color: #000;
    color: #fff
}

.diagonal_arrow:active {
    background-color: #000;
    color: #fff
}

.frame_controls {
    position: fixed;
    border-right: 1px solid #ddd;
    padding-right: 50px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    top: 0px
}

.frame_controls ul {
    margin-left: 0;
    padding-left: 10px;
    margin-top: 80px;
    list-style-type: none;
    display: inline-block
}

.frame_controls ul li {
    display: inline-block
}

.frame_controls ul li a {
    color: #222;
    text-decoration: none
}

.logo {
    padding-left: 15px !important;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #777;
    padding: 10px 0 10px 0;
    background-color: #333
}

.logo a {
    color: #fff;
    text-decoration: none;
    font-weight: bold
}

.control_info {
    color: #999;
    background-color: #fff;
    z-index: 100;
    border: 1px solid #999;
    padding: 2px 9px 2px 9px;
    border-radius: 50%;
    font-style: italic;
    -webkit-transition: .5s;
    transition: .5s
}

.control_info:hover {
    background-color: #4285f4;
    color: #fff;
    border: 1px solid #4285f4
}

.controls {
    position: relative;
    float: right;
    display: none;
    right: 0;
    top: 0;
    border-left: 1px solid #e9eff0;
    background-color: #fff;
    padding: 15px;
    padding-left: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
    margin-top: -60px;
    width: 160px;
    z-index: 100;
    color: #1111
}

.controls ul {
    list-style-type: none;
    margin-top: 5px
}

.controls ul li a {
    color: #777;
    text-decoration: none
}

.controls ul li a:hover {
    color: #111
}

.control_category {
    font-weight: 700;
    font-size: 16px
}

.control_spacing {
    margin-top: 20px
}

#dimensions_title {
    font-weight: 400;
    font-size: 18px
}

.active_option {
    text-decoration: underline !important;
    color: #111 !important
}

.control_options {
    margin-left: 15px
}

.cycle_options {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
    margin-bottom: 20px
}

.cycle_options_2 {
    z-index: 100;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-top: 0
}

.cycle_options_2 a {
    font-weight: 400;
    font-size: 18px;
    display: inline-block;
    padding: 12px 15px 12px 15px;
    color: #fff;
    text-decoration: none
}

#recommend_options {
    background-color: #111
}

.mobile_finalize {
    display: none !important
}

.box_logo {
    position: fixed;
    z-index: 100;
    top: 0;
    margin-left: 10px;
    margin-top: 10px
}

.box_logo a {
    margin-top: 0;
    display: inline-block;
    background-color: #333;
    padding: 5px 15px 5px 15px;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0px 9px 0px #000, 0px 9px 5px rgba(0, 0, 0, 0.7)
}

.box_logo a:active {
    box-shadow: 0px 3px 0px #db1f05, 0px 3px 6px rgba(0, 0, 0, 0.9);
    position: relative;
    top: 2px;
    background-color: #db1f05
}

.cat_items {
    margin-left: 5px
}

.gears {
    font-size: 30px;
    text-align: center
}

.frame_dimensions {
    text-align: center;
    font-weight: bold;
    color: #000;
    padding: 0;
    margin-bottom: 15px
}

.frame_dimensions span {
    display: inline-block
}

.frame_top_text {
    position: relative;
    z-index: 100;
    text-align: center;
    color: #222;
    margin-bottom: 35px;
    margin-top: -60px
}

.frame_top_text p {
    text-align: center;
    font-size: 30px
}

.loading_area {
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    top: 20%;
    margin-top: -30px
}

.loading_area p {
    font-weight: 400;
    margin-bottom: 50px;
    font-size: 22px
}

.loader {
    padding-left: 0;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    list-style: none
}

@keyframes 'loadbars' {
    0% {
        height: 10px;
        margin-top: 25px
    }
    50% {
        height: 50px;
        margin-top: 0px
    }
    100% {
        height: 10px;
        margin-top: 25px
    }
}

@-webkit-keyframes 'loadbars' {
    0% {
        height: 10px;
        margin-top: 25px
    }
    50% {
        height: 50px;
        margin-top: 0px
    }
    100% {
        height: 10px;
        margin-top: 25px
    }
}

.loader li {
    background-color: #222;
    width: 10px;
    height: 10px;
    float: right;
    margin-right: 5px
}

.loader li:first-child {
    -webkit-animation: loadbars 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s;
    animation: loadbars 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s
}

.loader li:nth-child(2) {
    -webkit-animation: loadbars 0.6s ease-in-out infinite -0.2s;
    animation: loadbars 0.6s ease-in-out infinite -0.2s
}

.loader li:nth-child(3) {
    -webkit-animation: loadbars 0.6s ease-in-out infinite -0.4s;
    animation: loadbars 0.6s ease-in-out infinite -0.4s
}

.main_editor_interface {
    float: left;
    width: 710px;
    margin: 0 auto;
    display: none;
    z-index: 100;
    margin-top: -20px
}

.resized_print {
    background-color: #eee;
    background: url("/images/bright_squares.png") repeat;
    margin: 0 auto;
    margin-top: 30px;
    color: #222;
    position: relative;
    text-align: center;
    font-size: 30px;
    border: 15px solid #222;
    box-shadow: -2px 2px 7px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 2px 1px #888
}

.resized_print p {
    margin-top: 50px
}

.resized_print a {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #4285f4
}

.resized_print a:hover {
    color: #222
}

.order_summary_print {
    text-align: left;
    margin-left: 0
}

.natural_walnut {
    -o-border-image: url("/walnut2.jpg") 200 stretch !important;
    border-image: url("/walnut2.jpg") 200 stretch !important;
    box-shadow: -2px 2px 7px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 2px 1px #888
}

.natural_maple {
    -o-border-image: url("/maple.jpg") 200 stretch !important;
    border-image: url("/maple.jpg") 200 stretch !important;
    box-shadow: -2px 2px 7px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 2px 1px #888
}

.white_maple {
    -o-border-image: url("/white.jpg") 200 stretch !important;
    border-image: url("/white.jpg") 200 stretch !important;
    box-shadow: -2px 2px 7px 0px rgba(50, 50, 50, 0.75), inset 1px 1px 2px 1px #888
}

.main_editor_controls ul {
    list-style-type: none;
    padding-left: 0;
    display: inline-block;
    margin: 0 30px 0 30px
}

.main_editor_controls a {
    color: #4285f4
}

.main_editor_controls a:hover {
    color: #222
}

.inner_print_dimensions {
    position: relative;
    z-index: 100;
    text-shadow: 1px 1px 1px #fff
}

#example_artwork {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-repeat: no-repeat;
    display: none
}

.print_image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-repeat: no-repeat;
    display: none
}

.product_title_line {
    margin-bottom: 15px;
    font-size: 16px
}

.product_title_line a {
    color: #4285f4
}

.example_art_link {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px !important;
    color: #222
}

.example_art_link:hover {
    color: #4285f4
}

.lock_icon {
    background-color: #57ad68;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #fff
}

#remove_example_art_link {
    display: none
}

.example_art_responsive_block {
    font-weight: 400
}

.example_art_responsive_block a {
    color: #000
}

.example_art_responsive_block a:hover {
    color: #4285f4
}

#example_art_link_bottom {
    display: none
}

#remove_example_art_link_bottom {
    display: none
}

.home_matting {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 42px solid #fff;
    z-index: 0;
    box-shadow: inset 1px 2px 3px 1px #000
}

.white_bar_links {
    position: relative;
    float: right;
    margin-top: -55px;
    z-index: 100;
    font-weight: 400
}

.white_bar_links a {
    font-size: 22px;
    color: #111;
    text-decoration: none
}

.white_bar_links a:hover {
    color: #222;
    text-decoration: underline
}

.white_bar_links ul {
    list-style-type: none;
    padding-left: 0;
    display: inline-block
}

.white_bar_links ul li {
    color: #ddd;
    display: inline-block;
    margin-right: 20px
}

.white_bar_links ul li a {
    font-size: 16px
}

.transparent_nav_links {
    float: right;
    margin-top: -30px;
    z-index: 100;
    font-weight: 400
}

.transparent_nav_links a {
    font-size: 22px;
    color: #fff;
    text-decoration: none
}

.transparent_nav_links a:hover {
    color: #eee;
    text-decoration: underline
}

.transparent_nav_links ul {
    list-style-type: none;
    padding-left: 0;
    display: inline-block
}

.transparent_nav_links ul li {
    display: inline-block;
    margin-right: 20px
}

.transparent_nav_links ul li a {
    font-size: 16px
}

.white_promote {
    position: absolute;
    margin-top: -60px;
    right: 20px;
    z-index: 100
}

.white_promote a {
    font-size: 22px;
    color: #fff;
    text-decoration: none
}

.white_promote a:hover {
    color: #ccc;
    text-decoration: underline
}

.white_promote ul {
    list-style-type: none;
    padding-left: 0;
    display: inline-block
}

.white_promote ul li {
    display: inline-block;
    margin-right: 20px
}

.white_promote ul li a {
    font-size: 16px
}

.tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: rgba(0, 1, 1, 0.65)
}

.shade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.4;
    z-index: 0
}

.print_fraction {
    color: #555;
    font-size: 18px;
    line-height: 18px;
    display: none
}

.resized_fraction {
    color: #555;
    font-size: 18px;
    line-height: 18px
}

.print_length {
    padding: 0 5px 0 5px
}

.footer {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px
}

.current_setup_text {
    font-size: 18px;
    margin-top: -10px;
    margin-bottom: 0;
    padding-bottom: 0
}

.current_setup_text p {
    font-weight: 400
}

.current_setup_text span {
    font-weight: bold
}

.help_question_icon {
    font-size: 18px;
    color: #4285f4;
    text-decoration: none;
    cursor: help
}

.help_question_icon:hover {
    color: #222
}

.cat_info {
    color: #4285f4 !important;
    margin-left: 10px;
    font-size: 14px
}

.price {
    font-weight: bold;
    color: #4285f4;
    text-decoration: none !important
}

.recommended_options li a {
    color: #57ad68 !important
}

.left_top {
    position: absolute;
    height: 50px;
    width: 50px;
    border-top: 1px solid #999;
    border-left: 1px solid #999
}

.right_top {
    position: absolute;
    right: 0;
    height: 50px;
    width: 50px;
    border-top: 1px solid #999;
    border-right: 1px solid #999
}

.left_bottom {
    position: absolute;
    margin-bottom: 0;
    height: 50px;
    width: 50px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999
}

.right_bottom {
    position: absolute;
    margin-bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999
}

.resize_screen_text {
    color: #222;
    width: 800px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 0;
    font-size: 18px
}

.enter_dimensions {
    margin-top: 20px
}

.control_options_title {
    margin-bottom: 15px;
    font-size: 14px;
    font-style: italic
}

.responsive_dimensions_text {
    display: none;
    font-size: 30px;
    color: #222;
    margin-bottom: 10px
}

.info_bubble {
    margin-left: -67px;
    padding-right: 42px
}

.mobile_info {
    display: none
}

.editor_tooltip {
    max-width: 500px
}

.print_size_available {
    display: none
}

.print_size_available p {
    text-align: center;
    margin-top: -25px;
    font-size: 22px
}

.print_size_available p i {
    color: #57ad68
}

.print_size_available a {
    text-decoration: underline
}

.print_size_available a:hover {
    color: #4285f4
}

.close_message {
    color: #fff;
    font-size: 22px
}

.enter_frame_dimensions {
    color: #fff;
    margin: 0 auto;
    text-align: center
}

.enter_frame_dimensions input[type="text"] {
    height: 30px;
    border-radius: 3px;
    outline: 1px solid #ddd;
    border: none;
    padding-left: 5px;
    margin-top: 1px
}

.enter_frame_dimensions input[type="text"]:focus {
    outline: 1px solid #ddd
}

::-webkit-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

.print_width_input {
    width: 60px;
    float: left;
    display: inline-block;
    background-color: #fafafa;
    color: #da552f !important
}

.print_height_input {
    width: 60px;
    float: left;
    display: inline-block;
    background-color: #fafafa;
    outline: none;
    color: #da552f !important
}

.active_input {
    border: 1px solid #ddd !important;
    background-color: #fafafa
}

.enter_fraction {
    background-color: #535a6c;
    color: #fff;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
    margin-right: 20px
}

.dimensions_x {
    font-weight: bold;
    margin-left: 25px;
    margin-right: 25px;
    color: #555;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px
}

.fraction_adjust {
    padding: 5px
}

.fraction_adjust a {
    text-decoration: none;
    color: #535a6c
}

.fraction_adjust a:hover {
    color: #222
}

.fraction_choice {
    border: 1px solid #ddd;
    background-color: #fafafa;
    padding: 3px 5px 2px 5px;
    margin-right: 10px;
    color: #999
}

.colored_text {
    color: #da552f
}

.selected_fraction {
    background-color: #fff !important;
    color: #333 !important
}

.learn_more a,
.get_started_learn_more a {
    color: #000
}

.dimension_warnings {
    width: 300px
}

.example_artwork_controls_area {
    margin-top: 10px;
    text-align: center
}

.magnify {
    position: absolute;
    margin-top: -182px;
    right: 160px;
    z-index: 1000
}

.mobile_magnify {
    position: relative;
    margin-top: 100px;
    margin-left: 0
}

.magnify_large {
    width: 349px;
    height: 349px;
    position: absolute;
    border-radius: 100%;
    z-index: 1000;
    cursor: no-drop;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25)
}

.corner_shot_1 {
    background: url("/assets/corner_test-957218c80fe12911ac451e7131dc26e4a0c48a068365065914128b7d77ee06ba.jpg") no-repeat
}

.magnify_hover_position {
    position: absolute;
    right: -50px;
    top: -50px;
    z-index: 100
}

.magnify_hover_position i {
    font-size: 22px
}

.pulse {
    display: block;
    position: absolute;
    margin-top: -25px;
    margin-left: -7px;
    z-index: 1000;
    border: 1px solid #da552f;
    -webkit-border-radius: 30px;
    height: 23px;
    width: 23px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

.magnify_hover {
    font-size: 22px;
    color: #111 !important
}

.magnify_hover:hover {
    color: #4285f4 !important
}

.zoom_text {
    font-size: 14px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #888
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0
    }
    50% {
        opacity: 1.0
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0
    }
}

.homepage_dimensions_box {
    display: inline-block;
    width: 195px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #da552f;
    text-decoration: none;
    background-color: #fff;
    border-radius: 3px
}

.home_dimensions_area {
    margin-top: 20px;
    display: inline-block;
    background-color: #eee;
    padding: 15px 25px 15px 25px
}

.dimensions_popup {
    display: none;
    width: 170px;
    padding: 7px 15px 7px 15px
}

.initial_width_text,
.initial_height_text {
    padding: 12px 15px 12px 15px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.bottom_editor_btns {
    margin-top: 15px;
    display: inline-block
}

#wall_color {
    cursor: pointer
}

.inner_print_dimensions_description {
    margin-top: 40px;
    font-size: 14px
}

.control_print_size {
    margin-bottom: 15px
}

.control_print_size .resized_fraction {
    margin-left: 2px;
    font-size: 10px
}

#recommend_options:hover {
    background-color: #222
}

.more_control_options {
    display: none
}

.finalize_fraction {
    font-size: 12px
}

.frame_setup_box {
    border: 5px solid #eee;
    padding: 0 20px 0 20px;
    margin-top: -10px
}

.home_feature_image {
    position: relative;
    margin-top: 0px;
    margin-bottom: 40px;
    padding-bottom: 40px
}

.home_feature_image img {
    width: 450px
}

.home_feature_image_left {
    float: left;
    margin-right: 80px;
    margin-left: 0px
}

.home_feature_image_right {
    float: right;
    margin-right: 0px;
    margin-left: 80px;
    border: 1px solid #fff
}

.hero {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0
}

.hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: none
}

.hero_height {
    position: relative
}

.hero__title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 5em;
    color: white
}

.get_started_content {
    position: absolute;
    margin: 0 auto;
    z-index: 100;
    text-align: center;
    margin-top: 20px;
    display: none;
    color: #fff;
    border-radius: 3px;
    background-color: rgba(0, 1, 1, 0.6);
    padding: 20px 20px 20px 20px
}

.white_get_started_content h1 {
    color: #333 !important
}

.white_get_started_content p {
    color: #333 !important;
    font-weight: 400;
    font-size: 20px !important
}

.white_get_started_content .inputs_wrapper {
    margin-top: 0;
    padding-bottom: 10px
}

.white_get_started_content .get_started_description {
    width: 70%;
    margin: 0 auto
}

.editor_title {
    margin-top: 15px;
    margin-bottom: -5px
}

.editor_title p {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 0
}

.get_started_description {
    width: 80%;
    color: #fff !important;
    margin: 0 auto
}

.editor_footer {
    display: none;
    text-align: center;
    padding-bottom: 40px
}

.editor_footer .page_wrapper {
    padding-top: 20px
}

.white_page_title h1 {
    font-weight: 100
}

.artist_list {
    display: inline-block;
    width: 100%
}

.artist_list img {
    border-radius: 2px
}

.artist_list h3 {
    margin-top: 0;
    font-size: 22px;
    font-weight: 400
}

.browse_artist_list h3 {
    font-size: 18px
}

.artist_print {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: center
}

.artist_print a {
    -webkit-transition: .5s;
    transition: .5s;
    color: #222 !important;
    text-decoration: none;
    font-weight: 200;
    text-align: center
}

.artist_print a:hover {
    color: #222 !important;
    text-decoration: underline
}

.bordered_artist_image img {
    border: 1px solid #ddd
}

.last_artist_image {
    margin-right: 0 !important
}

.artist_breadcrumb {
    margin-top: -30px;
    margin-bottom: 50px
}

.artist_breadcrumb a {
    -webkit-transition: .5s;
    transition: .5s;
    font-weight: normal;
    color: #333;
    text-decoration: none
}

.artist_breadcrumb a:hover {
    color: #000;
    text-decoration: underline
}

.artist_breadcrumb_divider {
    color: #ccc
}

.artist_print_list {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 100%
}

.artist_print_list img {
    border-radius: 2px
}

.artist_print_list h3 {
    text-align: center;
    margin-top: 0;
    font-size: 22px;
    font-weight: 400
}

.artist_print_list a {
    -webkit-transition: .5s;
    transition: .5s;
    color: #222 !important;
    text-decoration: none
}

.artist_print_list a:hover {
    color: #222 !important;
    text-decoration: underline
}

.artist_print_item a {
    -webkit-transition: .5s;
    transition: .5s;
    color: #222 !important;
    text-decoration: none
}

.artist_print_item a:hover {
    color: #222 !important;
    text-decoration: underline
}

.regular_blue_link,
.print_size_select a {
    color: #4285f4 !important;
    text-decoration: none
}

.regular_blue_link:hover,
.print_size_select a:hover {
    color: #222 !important;
    text-decoration: underline
}

.print_size_span {
    color: #999
}

.your_artwork_dimensions {
    padding-bottom: 10px
}

.frame_description_link {
    color: #4285f4
}

.right_order_total {
    border-top: 1px solid #eee;
    padding-top: 5px;
    margin-top: 20px
}

.right_order_total p {
    font-weight: bold;
    color: #4285f4
}

.order_summary {
    border: 1px solid #eee
}

.order_thanks {
    color: #57ad68
}

.order_prices {
    float: right;
    background: #fff;
    width: 180px;
    padding: 30px 30px 20px 30px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.order_prices h1 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 20px 0px 20px 0px;
    display: block;
    margin: -30px -30px 30px -30px;
    color: #333;
    background: #efefef;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #eee;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fafafa));
    background: -webkit-linear-gradient(top, #fff, #fafafa);
    background: -o-linear-gradient(top, #fff, #fafafa)
}

.order_prices h1 span {
    display: block;
    font-size: 16px;
    color: #555;
    font-weight: 400
}

.order_prices p {
    font-size: 14px
}

.shipping_form_description_label {
    font-style: italic;
    color: #999 !important;
    font-size: 14px
}

.form_discrete_label_text {
    font-style: italic;
    color: #999 !important;
    font-size: 14px
}

.fedex_icon {
    margin-top: 10px;
    margin-bottom: 25px
}

.smart-green {
    width: 650px;
    padding: 30px 30px 20px 30px;
    font: 14px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    float: left
}

.smart-green h1 {
    font-size: 22px;
    font-weight: 600;
    padding: 20px 0px 20px 40px;
    display: block;
    margin: -30px -30px 30px -30px;
    color: #333;
    background: #efefef;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border: 1px solid #eee;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fafafa));
    background: -webkit-linear-gradient(top, #fff, #fafafa);
    background: -o-linear-gradient(top, #fff, #fafafa)
}

.smart-green h1>span {
    display: block;
    font-size: 16px;
    color: #555;
    font-weight: 400
}

.smart-green label {
    display: block;
    color: #333;
    margin: 0px 0px 5px
}

.smart-green label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E
}

.smart-green input[type="text"],
.smart-green input[type="email"],
.smart-green textarea,
.smart-green select {
    color: #555;
    height: 30px;
    line-height: 15px;
    width: 100%;
    padding: 5px 0px 5px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    background: #FBFBFB;
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif
}

.smart-green input[type="text"]:focus,
.smart-green input[type="email"]:focus,
.smart-green textarea:focus,
.smart-green select:focus {
    outline: 1px solid #ccc
}

.smart-green textarea {
    height: 100px;
    padding-top: 10px
}

.smart-green select {
    background: url("https://d29mtkonxnc5fw.cloudfront.net/down-arrow.png") no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url("https://d29mtkonxnc5fw.cloudfront.net/down-arrow.png") no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(100%, #E9E9E9));
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 30px
}

.confirmation_shipping_address {
    margin-bottom: 40px;
    margin-top: 40px
}

.confirmation_shipping_address span {
    font: 14px Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 22px !important
}

.order_form_notification_message {
    display: none;
    color: #4285f4
}

.regular_white_link,
.devise_box a,
.artist_header a {
    color: #fff !important;
    text-decoration: none
}

.regular_white_link:hover,
.devise_box a:hover,
.artist_header a:hover {
    color: #4285f4 !important;
    text-decoration: underline
}

.devise_box {
    position: relative;
    width: 400px;
    margin: 0 auto;
    color: #fff;
    border-radius: 3px;
    background-color: #222;
    padding: 20px 20px 60px 20px
}

.devise_box h2 {
    color: #fff;
    font-size: 34px;
    margin-bottom: 50px
}

.devise_box a {
    font-size: 18px !important
}

.devise_remember {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer
}

.user_field {
    margin-bottom: 20px;
    font-size: 18px
}

.user_field input {
    font-size: 18px;
    margin-top: 10px
}

.user_field label {
    display: inline-block;
    line-height: 18px
}

#error_explanation h2 {
    color: #da552f;
    font-size: 25px
}

#error_explanation ul {
    color: #da552f
}

.footer_twitter {
    color: #333 !important;
    text-decoration: none
}

.home_flash_notice {
    color: #fff
}

.home_flash_success {
    color: #57ad68
}

.home_flash_error {
    color: #da552f
}

.order_history_item {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px
}

.order_history_item p {
    margin-top: 5px;
    margin-bottom: 5px
}

.summary_print_area {
    width: 50%;
    float: right
}

.summary_details_area {
    float: left;
    width: 50%
}

.popup_print_name_and_artist {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px
}

.popup_print_name_and_artist h3 {
    margin-top: 0;
    font-weight: 200;
    margin-bottom: 10px;
    font-size: 25px;
    font-style: italic
}

.popup_print_name_and_artist p {
    margin-top: 0;
    padding-top: 0;
    font-weight: 100
}

.popup_option h2 {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700
}

.popup_option_subtitle {
    margin-top: 0;
    padding-top: 0
}

.purchase_print_option {
    margin-top: 30px
}

.purchase_print_option h2 {
    margin-bottom: 20px
}

.artist_header a {
    font-size: 18px;
    text-decoration: underline
}

.artist_header p {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px
}

.order_summary_print {
    float: right;
    margin-top: 10px
}

.secure_connection {
    color: #57ad68
}

.tabbed_arrow_input {
    color: #dc543b;
    border: 1px solid #dc543b
}

.new_frame *:focus {
    outline: none
}

.fulfillment_table {
    border-spacing: 0.5rem !important;
    border-collapse: collapse !important
}

.fulfillment_table td {
    border: 1px solid #ddd !important
}

.admin_pagination {
    font-style: normal
}

.faq_section {
    margin-bottom: 60px
}

.faq_section strong {
    font-weight: 400;
    font-size: 1.5em
}

.faq_section h2 {
    font-weight: 200;
    font-size: 29px
}

.faq_section p {
    line-height: 26px !important
}

.home_feature_image a img {
    border: 1px solid #fff
}

.home_feature_image a img:hover {
    border: 1px solid #ddd
}

.glaze_tooltip {
    margin-left: 20px;
    list-style-type: square
}

.glaze_tooltip li {
    padding-bottom: 5px
}

#hellobar {
    border-radius: none !important
}

.dimensions_tooltip {
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
    font-weight: normal;
    font-size: 16px
}

.dimensions_tooltip:hover {
    color: #4285f4
}

.red_error {
    color: #da552f
}

.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0
}

.clear {
    clear: both
}

#product_hunt p {
    font-weight: 400;
    font-size: 18px
}

.product_hunt_discount {
    color: #4285f4;
    font-weight: bold
}

.product_hunt_kitty {
    width: 200px;
    float: left;
    margin-right: 20px
}

.example_artwork_controls {
    padding-top: 30px
}

.frame_loader {
    display: none
}

#user_image_upload h3 {
    font-weight: 700;
    font-size: 20px
}

#filepicker_area {
    width: 100%;
    height: 520px;
    margin-left: -30px
}

.remove_user_image {
    color: #da552f
}

.order_btn_controls a {
    margin-top: 5px;
    display: inline-block
}

.add_another_frame {
    display: inline-block;
    padding: 15px;
    border: 5px solid #ddd;
    margin-top: 40px
}

.onoffswitch {
    position: relative;
    width: 90px;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #FFFFF;
    border-radius: 5px
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 40px;
    padding: 0;
    line-height: 40px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box
}

.onoffswitch-inner:before {
    content: "Color";
    padding-left: 11px;
    background-color: #DDDDDD;
    color: #222222
}

.onoffswitch-inner:after {
    content: "Color";
    padding-right: 11px;
    background-color: #121212;
    color: #FFFFFF;
    text-align: right
}

.onoffswitch-switch {
    display: block;
    width: 27px;
    margin: 6.5px;
    background: #FFFFFF;
    border: 2px solid #FFFFF;
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0px
}

.logo_style {
    font-weight: 700;
    font-size: 60px;
    -webkit-font-smoothing: subpixel-antialiased;
    letter-spacing: -1px;
    text-decoration: none
}

.black_logo {
    color: #000
}

.black_bg {
    background-color: #000;
    padding: 100px;
    margin-top: 100px
}

.white_logo {
    color: #fff
}

.align_center {
    text-align: center
}

#get_started_choice_popup h1 {
    font-weight: 200;
    font-size: 26px
}

#get_started_choice_popup h3 {
    font-weight: 400;
    font-size: 23px
}

#get_started_choice_popup h3 a {
    color: #477b96;
    text-decoration: none
}

#get_started_choice_popup h3 a:hover {
    text-decoration: underline
}

.get_started_number {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    background-color: #477b96;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    line-height: 40px;
    margin-right: 20px;
    font-size: 18px
}

.admin_body {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    padding-top: 100px;
    margin-left: 30px;
    padding-bottom: 150px
}

.admin_body a {
    color: #2980b9
}

.admin_column {
    float: left;
    width: 40%;
    margin-bottom: 20px
}

.big_admin_column {
    float: left;
    width: 60%;
    margin-bottom: 20px
}

.wall_order li {
    cursor: move;
    float: left;
    display: block;
    width: 100%;
    margin: 20px;
    padding: 15px;
    border: 1px solid #eee
}

.wall_order li:hover {
    border: 1px solid #4285f4
}

.quick_admin_field {
    margin-bottom: 20px
}

.quick_admin_field h3 {
    margin-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.quick_admin_field input[type='text'] {
    width: 95%
}

.quick_admin_field input[type='checkbox'] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    font-size: 30px;
    margin-left: 5px
}

.quick_admin_field span {
    font-size: 12px;
    color: #999
}

.quick_admin_description_field {
    margin-bottom: 20px
}

.description_span {
    font-size: 12px;
    color: #999
}

.quick_admin_form_section {
    border: 1px solid #eee;
    background-color: #fafafa;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 40px
}

.quick_admin_print_size {
    margin-bottom: 50px
}

.print_detail_content {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 14px
}

.print_detail_content h1 {
    margin-top: 0;
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200
}

.print_detail_left_column {
    float: left;
    margin-right: 40px;
    max-width: 500px
}

.print_detail_main_image a {
    cursor: copy
}

.print_detail_main_image img {
    width: 100%
}

.print_detail_description h3 {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 22px
}

.print_detail_thumbs ul {
    list-style-type: none
}

.print_detail_thumbs ul li {
    display: inline-block
}

.print_detail_thumbs ul li a img {
    width: 100px
}

.zoomin {
    cursor: copy
}

.zoomout {
    cursor: nw-resize !important
}

.print_detail_frame_btn {
    margin-top: 40px
}

.thumb_large_container {
    position: absolute;
    top: 50px;
    margin-left: 50px
}

.thumb_large_container img {
    display: none;
    max-width: 850px;
    max-height: 600px;
    border-radius: 1px;
    z-index: 1000;
    cursor: no-drop;
    box-shadow: 0 0 0 17px rgba(255, 255, 255, 0.85), 0 5px 27px 37px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25)
}

.thumb_expand_area img {
    max-width: 100%
}

.main_image_thumb a {
    display: none
}

.main_image_thumb a img {
    width: 100px;
    height: 100px
}

.size_select_and_paper_info {
    padding-bottom: 80px
}

.upload_cover_area {
    width: 80%;
    margin: 0 auto
}

.upload_page_cover_shot {
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

.upload_page_cover_shot img {
    width: 100%
}

.email_subscribe_div {
    margin-top: 50px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #fafafa;
    padding: 15px
}

.email_subscribe_div a {
    font-size: 18px;
    text-decoration: none
}

.skimm_titles p {
    font-size: 19px
}

.footer_full_image {
    position: relative;
    background: url("/site_assets/footer_full_image_progressive.jpg") no-repeat center center fixed;
    background-size: cover;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="image_path('https://d29mtkonxnc5fw.cloudfront.net/site_assets/footer_full_image_progressive.jpg')", sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" "/site_assets/footer_full_image_progressive.jpg" ", sizingMethod='scale')";
    z-index: 0;
    min-width: 100%;
    min-height: 100%
}

.footer_full_image p {
    text-align: center;
    padding-top: 50px;
    color: #fff;
    font-size: 22px
}

.footer_full_image_unboxing {
    position: relative;
    background: url("/site_assets/level_unboxing.jpg") no-repeat center center fixed;
    background-size: cover;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="image_path('https://d29mtkonxnc5fw.cloudfront.net/site_assets/level_unboxing.jpg')", sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" "/site_assets/level_unboxing.jpg" ", sizingMethod='scale')";
    z-index: 0;
    min-width: 100%;
    min-height: 100%
}

.footer_full_image_living_room {
    position: relative;
    background: url("/site_assets/living_room.jpg") no-repeat center center fixed;
    background-size: cover;
    z-index: 0;
    min-width: 100%;
    min-height: 100%
}

.footer_full_image_astronaut {
    position: relative;
    background: url("/site_assets/astronaut.jpg") no-repeat center center fixed;
    background-size: cover;
    z-index: 0;
    width: 100%;
    height: 100%
}

.landing_page_section_padding {
    padding-top: 90px
}

.block_image .zen_frame_loader {
    top: 80px
}

.jobs h1 {
    font-weight: 200
}

.vertical_bar_divider {
    color: #ddd;
    padding-left: 10px;
    padding-right: 10px
}

.product_hunt_titles p {
    font-size: 20px
}

.full_nav_page_body {
    padding-top: 130px;
    margin-bottom: 80px
}

.lets_get_started {
    font-weight: 700 !important;
    font-size: 36px !important
}

.get_started_popup_content h2 {
    font-weight: 400;
    margin-bottom: 15px;
    padding-bottom: 0
}

.get_started_popup_content img {
    max-width: 250px;
    max-height: 250px
}

.get_started_popup_content a {
    text-decoration: none;
    color: #111
}

.get_started_popup_content p {
    font-weight: 400;
    margin-top: 0;
    padding-top: 0;
    color: #777
}

.get_started_popup_content .btn {
    color: #fff;
    font-weight: 400
}

#get_started_choice_popup h1 {
    font-size: 40px
}

.order_page_type {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.order_page_type label {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px
}

.order_page_type input[type="text"],
.order_page_type input[type="email"],
.order_page_type input[type="password"] {
    width: 80%;
    padding: 5px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.order_page_type input[type="submit"] {
    outline: none
}

.order_page_type h1 {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700
}

.order_page_type .summary_details_area {
    margin-left: 20px;
    margin-top: 30px;
    width: 100%
}

.order_page_type .summary_details_area p {
    font-size: 14px
}

.order_summary_box {
    background: #eee;
    border-radius: 3px;
    padding: 20px
}

.order_summary_box h2 {
    padding-top: 0;
    margin-top: 0;
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px
}

.order_block_spacing {
    margin-top: 20px
}

.order_field {
    margin-bottom: 20px
}

.order_summary_lines {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px
}

.order_summary_lines p {
    font-size: 16px
}

.cart_btns_area a {
    text-decoration: none
}

.error_area {
    color: #ff0000;
    margin-bottom: 15px
}

.permanent_active_button_state {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    border-bottom: 1px solid
}

.no_items_in_cart {
    text-align: center
}

.no_items_in_cart h2 {
    font-weight: 200;
    font-size: 30px
}

.uploading_image_api_title h1 {
    text-align: center;
    font-weight: 200;
    font-size: 30px
}

.frame_api_paragraph {
    font-size: 22px;
    font-weight: 400;
    text-align: center
}

.dot-loader {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 60px auto
}

.levle_dot {
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #2980b9;
    position: absolute;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite
}

.levle_dot1,
.levle_dot2 {
    left: 0
}

.levle_dot3 {
    left: 1.5em
}

.levle_dot4 {
    left: 3em
}

@keyframes reveal {
    from {
        -webkit-transform: scale(0.001);
        transform: scale(0.001)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes slide {
    to {
        -webkit-transform: translateX(1.5em);
        transform: translateX(1.5em)
    }
}

@-webkit-keyframes reveal {
    from {
        -webkit-transform: scale(0.001)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes slide {
    to {
        -webkit-transform: translateX(1.5em)
    }
}

.levle_dot1 {
    -webkit-animation-name: reveal;
    animation-name: reveal
}

.levle_dot2,
.levle_dot3 {
    -webkit-animation-name: slide;
    animation-name: slide
}

.levle_dot4 {
    -webkit-animation-name: reveal;
    animation-name: reveal;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.get_started_page p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200 !important;
    font-size: 18px;
    color: #111
}

.get_started_page p p,
.get_started_page p td,
.get_started_page p strong,
.get_started_page p span,
.get_started_page p li,
.get_started_page p h1,
.get_started_page p h2,
.get_started_page p h3,
.get_started_page p h4,
.get_started_page p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.get_started_lower_content {
    border-top: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 0px;
    margin-top: 60px;
    margin-bottom: 40px
}

.get_started_lower_content p {
    font-size: 18px
}

.get_started_top_image {
    margin-bottom: 20px
}

.get_started_top_image img {
    max-width: 200px
}

.get_started_main_description {
    font-size: 20px
}

.custom_dimensions_box {
    display: inline-block
}

.custom_dimensions_box input[type="text"] {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
    width: 100px;
    height: 54px;
    text-align: center;
    font-size: 25px;
    background-color: #fff;
    border: 1px solid #ddd
}

.custom_dimensions_box input[type="text"]:focus {
    outline: 1px solid #2980b9
}

.fraction_adjust input[type="text"] {
    width: 50px
}

.custom-select {
    position: relative;
    display: block;
    margin-top: 0px;
    padding: 0;
    vertical-align: top;
    background: #fff
}

.custom-select select {
    width: 100%;
    margin: 0;
    background: #fff;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 0;
    box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    color: #666;
    padding: .6em 1.9em .6em .8em;
    line-height: 2.1;
    height: 54px
}

.custom-select::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 8px;
    top: 50%;
    right: 1em;
    margin-top: -4px;
    background-image: url(https://d29mtkonxnc5fw.cloudfront.net/site_assets/select-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
    pointer-events: none
}

.custom-select select:focus {
    outline: none;
    background-color: transparent;
    color: #333;
    outline: 1px solid #4285f4
}

.custom-select option {
    font-weight: normal
}

x:-o-prefocus,
.custom-select::after {
    display: none
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .custom-select select::-ms-expand {
        display: none
    }
    .custom-select select:focus::-ms-value {
        background: transparent;
        color: #222
    }
}

@-moz-document url-prefix() {
    .custom-select {
        overflow: hidden
    }
    .custom-select select {
        width: 120%;
        width: calc(100% + em);
        height: 54px
    }
}

.custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.address_fields label {
    font-size: 16px;
    padding-right: 15px
}

.subpage_hero_titles_and_description h1 {
    font-size: 42px
}

.white_text h1 {
    color: #fff
}

.white_text p {
    color: #fff
}

.bottom_section_styles h1,
.bottom_section_styles h2 {
    font-weight: 400
}

.bottom_section_styles h2 {
    font-size: 26px
}

.api_box {
    background-color: #eee;
    border-radius: 3px;
    padding: 20px
}

.dark_code_sample {
    padding: 20px;
    background: #002b36;
    color: #ccc;
    border-radius: 6px;
    font-size: .85em;
    margin-bottom: 15px
}

.dark_code_sample pre {
    white-space: pre-wrap;
    margin: 0.3em 0
}

.tag {
    color: #2aa198
}

.attribute-value {
    color: #b58900
}

.code_sample {
    padding: 12px 0 12px 12px;
    margin-top: 22px;
    background: #fff;
    border: 1px solid rgba(182, 196, 209, 0.4);
    border-top-color: rgba(182, 196, 209, 0.6);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    font-size: .85em;
    color: #2d353f;
    margin-bottom: 60px
}

.second_api_section {
    background-color: #fafafa
}

.new_key_submit_area {
    margin-top: 15px
}

.button_embed_field {
    width: 80%;
    height: 100px;
    padding: 5px;
    background-color: #fafafa;
    font-size: 14px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.button_builder p {
    font-size: 14px
}

.frame_button_browser {
    margin-top: 40px;
    margin-bottom: -5px
}

.frame_button_browser img {
    width: 800px
}

.frame_example_pic img {
    width: 90%;
    border: 1px solid #ddd;
    padding: 3px
}

._70x50 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1987px;
    height: 3000px;
    z-index: 37
}

.Mock_Up__Your_Image_Here_ {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1987px;
    height: 3000px;
    z-index: 16
}

.Mock_Up {
    background-image: url("Mock-Up.png");
    position: absolute;
    left: 387px;
    top: 630px;
    width: 1214px;
    height: 1695px;
    z-index: 14
}

.print_detail_body {
    padding-top: 0px
}

.print_detail_body h2 {
    font-weight: 200;
    font-size: 55px
}

.print_detail_body p {
    font-size: 18px;
    font-weight: 400
}

.print_detail_title {
    font-size: 32px;
    margin-top: 0;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700;
    color: #000
}

.order_page_type form select {
    width: 50%
}

.print_detail_sizes form select {
    max-width: 200px
}

.main_detail_image img {
    border-radius: 1px;
    max-width: 100%;
    max-height: 500px
}

.print_detail_collections_meta a {
    text-decoration: none
}

#coupon_overlay {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

#coupon_overlay h3 {
    font-size: 25px;
    text-align: center;
    font-weight: 200
}

#coupon_overlay p {
    font-weight: 200;
    line-height: 28px
}

.size_select_field select {
    max-width: 200px
}

.paper_select_field select {
    max-width: 350px
}

.register_p p {
    font-size: 16px
}

.level_page_body {
    z-index: 1
}

.white_body {
    background-color: #fff
}

.home_index_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 10%, transparent 95%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 10%, transparent 95%)
}

.home_index_tint--lighter {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.63) 10%, transparent 85%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.63) 10%, transparent 85%)
}

@media screen and (max-width: 600px) {
    .home_index_tint--lighter {
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.69) 10%, rgba(0, 0, 0, 0.25) 85%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.69) 10%, rgba(0, 0, 0, 0.25) 85%)
    }
}

.home_section_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85) 10%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 10%, rgba(0, 0, 0, 0.3) 100%)
}

.subpage_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.93) 10%, rgba(0, 0, 0, 0.35) 95%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.93) 10%, rgba(0, 0, 0, 0.35) 95%)
}

.subpage_tint--lighter {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.63) 10%, rgba(0, 0, 0, 0.35) 95%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.63) 10%, rgba(0, 0, 0, 0.35) 95%)
}

.subpage_tint--prints {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.69) 10%, rgba(0, 0, 0, 0.1) 85%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.69) 10%, rgba(0, 0, 0, 0.1) 85%)
}

.subpage_tint_darker {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.4) 100%)
}

.about_level p {
    text-align: center;
    font-size: 20px !important;
    line-height: 20px;
    font-style: italic;
    color: #333
}

.home_featured_name {
    font-size: 23px !important;
    font-family: freight-sans-pro !important;
    font-weight: 200 !important;
    color: #333 !important
}

.home_interlude p {
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 18px !important;
    line-height: 24px
}

.big_home_quote {
    margin-top: 40px;
    margin-bottom: 30px
}

.big_home_quote h1,
.big_home_quote h3 {
    color: #333;
    font-size: 24px;
    line-height: 36px;
    font-weight: 200;
    margin: 0;
    padding-bottom: 25px
}

.home_flex_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    max-width: 386px;
    min-width: 150px;
    margin: 10px
}

.home_flex_item img {
    max-width: 386px;
    width: 100%
}

.home_flex_item p {
    text-align: center;
    text-decoration: none
}

.home_flex_item a {
    text-decoration: none
}

.gallery_block {
    position: relative;
    display: inline-block;
    margin: 10px;
    width: 40%
}

.gallery_block img {
    width: 100%;
    max-width: 450px
}

@media screen and (max-width: 450px) {
    .gallery_block {
        display: block;
        width: 100%;
        margin: 0
    }
    .gallery_block img {
        margin: 10px;
        width: 95%
    }
}

.tabletop_block {
    position: relative;
    display: inline-block;
    margin: 10px;
    width: 40%
}

.tabletop_block img {
    width: 100%;
    max-width: 650px
}

@media screen and (max-width: 450px) {
    .tabletop_block {
        display: block;
        width: 100%;
        margin: 0
    }
    .tabletop_block img {
        margin: 10px;
        width: 95%
    }
}

.half_flex_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    min-width: 350px;
    margin: 10px
}

.half_flex_item img {
    width: 100%;
    max-width: 400px
}

.half_flex_item p {
    text-align: center;
    text-decoration: none
}

.half_flex_item a {
    text-decoration: none
}

.how_it_works_flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    max-width: 500px;
    min-width: 200px;
    margin: 10px
}

.how_it_works_flex img {
    max-width: 300px;
    width: 100%
}

.how_it_works_flex p {
    text-align: left;
    font-size: 22px !important;
    color: #555 !important;
    font-weight: 200
}

.home_index_body {
    position: relative;
    z-index: 10 !important;
    background-color: #fff;
    padding: 60px 0 0 0
}

.home_index_body p {
    font-family: "freight-sans-pro", "HelveticaNeue", Helvetica, Arial;
    font-size: 18px;
    color: #333;
    line-height: 20px
}

.full_width_background_image_section {
    position: relative;
    color: #fff
}

.twitter_background_section {
    background: -webkit-radial-gradient(top center, circle, #464450, #0b0c0f);
    background: radial-gradient(circle at top center, #464450, #0b0c0f);
    position: relative
}

.subscribe_background_section {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative
}

.twitter-carousel-logo {
    width: 50px;
    display: inline-block !important
}

.slick_slide h4 {
    font-size: 25px;
    line-height: 32px;
    color: #fafafa;
    font-weight: 300;
    margin-top: 0 !important
}

.slick_slide p {
    -webkit-transition: .5s;
    transition: .5s;
    color: #999 !important
}

.slick_slide a:hover {
    text-decoration: none !important
}

.slick_slide a:hover p {
    color: #fff !important
}

.footer_logo {
    height: 30px
}

.how_it_works_section_pic {
    max-width: 300px;
    border-radius: 50%;
    border: 5px solid #eee;
    width: 100%
}

.how_it_works_number {
    border-radius: 50%;
    color: #333;
    display: inline-block;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 0.125rem solid #e5e0d1;
    margin-bottom: 10px;
    font-family: "HelveticaNeue", Helvetica, Arial
}

.how_it_works_list_text {
    display: inline-block;
    float: right;
    margin-left: 10px;
    width: 85%
}

.max_width_50 {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%
}

.home_hero_padding {
    padding-top: 100px;
    padding-bottom: 150px
}

.subpage_hero_padding {
    padding-top: 20px;
    padding-bottom: 70px
}

.nyc-bg {
    margin-top: 0px
}

.homepage_half_image {
    background: #fff url("https://d29mtkonxnc5fw.cloudfront.net/black-frame-test.jpg") no-repeat -50% 40%;
    max-width: 100%;
    min-height: 400px
}

.home_page_hero_banner {
    text-align: center;
    padding: 20px
}

.home_page_hero_banner h1 {
    color: #fff;
    font-size: 45px;
    margin-bottom: 0;
    line-height: 72px;
    font-weight: 100;
    font-family: montserrat
}

.subpage_hero_banner {
    text-align: center
}

.subpage_hero_banner h1 {
    font-size: 55px;
    margin-bottom: 0;
    line-height: 62px;
    font-weight: 100;
    font-family: freight-sans-pro
}

.homepage_hero_description p {
    font-size: 20px !important;
    color: #fff;
    font-weight: 200
}

.get_started_popup_content {
    padding-bottom: 30px
}

.top_main_description {
    font-size: 22px !important
}

.big_body_text p {
    font-size: 22px;
    line-height: 36px;
    font-weight: 400
}

.home_second_text p {
    font-size: 22px;
    line-height: 34px;
    font-weight: 200
}

.tweets_area {
    position: relative;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    z-index: 1000;
    padding-bottom: 100px
}

.tweets_area h3 {
    font-weight: 100;
    font-size: 30px
}

.tweets_area h2 {
    color: #fff
}

.tweets_area p {
    font-size: 18px
}

.tweets_area h4 {
    font-size: 19px
}

.tweets_area a {
    text-decoration: none;
    color: #fff
}

.tweets_area a:hover {
    text-decoration: underline
}

.home_text_width {
    width: 80%;
    margin: 0 auto
}

.subscribe_interlude {
    color: #333;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 70px
}

.subscribe_interlude h4 {
    font-size: 22px;
    font-weight: 400
}

.subscribe_interlude a {
    font-size: 20px;
    color: #333 !important;
    text-decoration: none
}

.subscribe_interlude a:hover {
    text-decoration: underline
}

.custom_frame_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/footer_full_image_progressive.jpg") no-repeat center center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.vinyl_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/vinyl_interlude_progressive.jpg") no-repeat center center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.vinyl_interlude h2 {
    font-size: 26px;
    font-weight: 300
}

.vinyl_interlude h1 {
    font-size: 45px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.fine_prints_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/flower-cover.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: scroll;
    min-width: 100%;
    min-height: 100%;
    color: #fff;
    z-index: 0
}

.fine_prints_interlude h2 {
    font-size: 26px;
    font-weight: 300
}

.fine_prints_interlude p {
    font-size: 24px !important
}

.fine_prints_interlude h1 {
    font-size: 50px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.tabletop_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/tabletop-banner2.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: scroll;
    min-width: 100%;
    min-height: 100%;
    color: #fff;
    z-index: 0
}

.tabletop_interlude h2 {
    font-size: 26px;
    font-weight: 300
}

.tabletop_interlude p {
    font-size: 24px !important
}

.tabletop_interlude h1 {
    font-size: 50px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.collages_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/collage_interlud_bg.jpg") no-repeat center center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.collages_interlude h1 {
    font-size: 45px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.one_week_sale_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/one-week-banner.jpg") no-repeat top center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.one_week_sale_interlude h1 {
    font-size: 45px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px;
    line-height: 55px
}

.gift_card_holiday_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/holiday_gift_banner_interlude.jpg") no-repeat center center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.gift_card_holiday_interlude h1 {
    font-size: 55px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px;
    line-height: 55px
}

.gift_card_holiday_interlude p {
    font-size: 22px !important
}

a.more_git_ideas_btn:hover {
    text-decoration: none !important
}

.poster_frame_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/poster-frame-cover.jpg") no-repeat center center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.poster_frame_interlude h1 {
    font-size: 45px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.frames_for_pictures_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/footer_full_image_progressive.jpg") no-repeat;
    background-position: 50% 85%;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.frames_for_pictures_interlude h1 {
    font-size: 45px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.ai_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/ai-filters-interlude-banner.jpg") no-repeat top center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.ai_interlude h1 {
    font-size: 45px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.gifts_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/gift_page/gift-wrapping-header.jpg") no-repeat top center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.gifts_interlude h1 {
    font-size: 45px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.mothers_day_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/mothers-day-index-banner.jpg") no-repeat center center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.mothers_day_interlude h1 {
    font-size: 45px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.fathers_day_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/fathers-day-banner.jpg") no-repeat center center;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.fathers_day_interlude h1 {
    font-size: 45px;
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -1px
}

.new_banner_tag {
    position: absolute;
    margin-top: 5px;
    margin-left: 20px;
    color: #5ba4e5;
    font-size: 20px;
    font-style: italic
}

.full_banner_link {
    text-decoration: none !important
}

.photos_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/footer_full_image_progressive.jpg") no-repeat;
    background-position: 50% 85%;
    color: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    z-index: 0
}

.materials_banner {
    background-color: #000;
    color: #fff;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/living_room.jpg") no-repeat center center fixed;
    background-size: cover;
    min-width: 100%;
    min-height: 100%
}

.photos_banner {
    background-color: #000;
    color: #fff;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/photos_cover_bamboo.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    min-width: 100%;
    min-height: 100%
}

@media screen and (max-width: 869px) {
    .photos_banner {
        background-attachment: scroll
    }
}

.fine_prints_banner {
    background-color: #000;
    color: #fff;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/flower-cover.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: scroll;
    min-width: 100%;
    min-height: 100%
}

.ai_page_banner {
    background-color: #000;
    color: #fff;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/deimos-cover-photo.jpg") no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    background-attachment: fixed;
    min-width: 100%;
    min-height: 100%
}

@media screen and (max-width: 869px) {
    .ai_page_banner {
        background-attachment: scroll
    }
}

.our_frames_header_image {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/our_frames_header4.jpg") no-repeat;
    background-size: cover;
    background-position: 0% 14%;
    background-attachment: scroll;
    min-width: 100%;
    min-height: 100%;
    color: #fff
}

.weathered_header_image {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/weathered-spread2.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    min-width: 100%;
    min-height: 100%;
    color: #fff
}

.tabletop_header_image {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/tabletop-frame-header.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 55%;
    background-attachment: scroll;
    min-width: 100%;
    min-height: 100%;
    color: #fff
}

.level_press_page_banner {
    background-color: #000;
    color: #fff;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/level_press_index_bg.jpg") no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    background-attachment: fixed;
    min-width: 100%;
    min-height: 100%
}

@media screen and (max-width: 869px) {
    .level_press_page_banner {
        background-attachment: scroll
    }
}

.custom_frames_banner {
    background-color: #333;
    color: #fff;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/living-room-angle2.jpg") no-repeat;
    background-size: cover;
    min-width: 100%;
    min-height: 100%
}

.office_page_banner {
    background-color: #333;
    color: #fff;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/office_page_pics_web/office-page-cover2.jpg") no-repeat;
    background-position: 50% 40%;
    background-size: cover;
    min-width: 100%;
    min-height: 100%
}

.white_banner_area {
    background-color: #fff;
    color: #333;
    background-position: 50% 50%;
    background-size: cover;
    min-width: 100%;
    min-height: 100%
}

.gallery_twitter_icon {
    padding-bottom: 20px
}

@media screen and (max-width: 780px) {
    .how_it_works_list_text {
        float: none;
        width: 90%
    }
    .how_it_works_section ul {
        text-align: center
    }
    .how_it_works_section ul li {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 680px) {
    .materials_subtitle {
        text-align: center
    }
}

@media screen and (max-width: 570px) {
    .max_width_50 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .how_it_works_section_pic {
        max-width: 250px
    }
    .mobile_order_1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .mobile_order_2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 50px
    }
    .mobile_order_3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .mobile_order_4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .how_it_works_section h2 {
        margin-bottom: 30px
    }
    .home_flex_item {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }
    .home_hero_padding {
        padding-top: 0px;
        padding-bottom: 20px
    }
    .subpage_hero_padding {
        padding-top: 0px;
        padding-bottom: 50px
    }
    .home_page_hero_banner h1 {
        font-size: 50px;
        line-height: 60px
    }
    .home_page_hero_banner p {
        font-size: 18px !important
    }
    .subpage_hero_banner h1 {
        font-size: 45px;
        line-height: 55px
    }
    .subpage_hero_banner p {
        font-size: 18px !important
    }
    .top_main_description {
        font-size: 18px !important;
        line-height: 28px !important
    }
}

.summary_print_area {
    position: relative;
    z-index: 0
}

.offer {
    color: #5ba4e5;
    font-size: 22px
}

.workspace_features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0
}

.workspace_feature {
    box-sizing: border-box;
    margin: 18px auto;
    padding: 0 12px
}

.workspace_feature h3 {
    font-weight: 600;
    margin: 0
}

.workspace_feature p {
    font-size: 14px;
    line-height: 1.5;
    margin: 6px 0 0
}

@media screen and (min-width: 375px) {
    .workspace_feature {
        width: 50%
    }
}

@media screen and (min-width: 680px) {
    .workspace_feature {
        padding: 0 24px;
        width: 33.33%
    }
    .workspace_feature p {
        font-size: 16px
    }
}

.materials_section {
    clear: both;
    padding: 60px 0
}

.materials_section h3 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    margin: 12px 0 18px
}

.materials_section p {
    line-height: 1.5;
    margin-bottom: 1em
}

.materials_section img {
    margin-top: 12px;
    max-width: 100%
}

.materials_section li {
    font-size: 18px;
    line-height: 1.5
}

.materials_glaze_column {
    text-align: center
}

.order_gift_message {
    display: none
}

#order_gift_message {
    width: 80%;
    height: 100px;
    padding: 5px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.level_footer {
    margin-top: 40px;
    margin-bottom: 40px
}

.level_footer a {
    color: #888 !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #ffffff, -0.03em 0 #ffffff, 0 0.03em #ffffff, 0 -0.03em #ffffff, 0.06em 0 #ffffff, -0.06em 0 #ffffff, 0.09em 0 #ffffff, -0.09em 0 #ffffff, 0.12em 0 #ffffff, -0.12em 0 #ffffff, 0.15em 0 #ffffff, -0.15em 0 #ffffff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#ddd, #ddd);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#ddd, #ddd);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.level_footer a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.level_footer a::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.level_footer a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.level_footer a:before,
.level_footer a:after,
.level_footer a *,
.level_footer a *:before,
.level_footer a *:after {
    text-shadow: none
}

.level_footer a:visited {
    color: #888 !important
}

.level_footer a:hover {
    color: #111 !important
}

.footer_section_title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2rem;
    text-decoration: none;
    color: #999;
    margin-bottom: 40px
}

@media screen and (max-width: 800px) {
    .level_footer_col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 40px
    }
}

.cities_links ul li {
    font-size: 20px
}

.cities_links ul li a {
    color: #777;
    text-decoration: none
}

.pinterest_page p {
    line-height: 1.5
}

.pinterest_page .materials_images img {
    vertical-align: middle;
    width: 100%
}

.pinterest_page_section {
    padding-top: 60px
}

.top_banner {
    position: relative;
    display: block;
    z-index: 1000;
    background-color: #414b56;
    padding: 13px 20px;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    font-weight: 600
}

.no_stripe_pay_button {
    display: none
}

.home_gift_section_area {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.home_gift_section_area p,
.home_gift_section_area td,
.home_gift_section_area strong,
.home_gift_section_area span,
.home_gift_section_area li,
.home_gift_section_area h1,
.home_gift_section_area h2,
.home_gift_section_area h3,
.home_gift_section_area h4,
.home_gift_section_area h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.home_gift_section_area h2 {
    font-weight: 100;
    letter-spacing: -.01rem;
    font-size: 26px;
    line-height: 36px
}

.home_gift_section_area p {
    color: #111;
    font-size: 19px;
    line-height: 29px;
    font-weight: 200
}

@media screen and (max-width: 550px) {
    .home_gift_section_area p {
        font-size: 17px;
        line-height: 27px
    }
}

p.footer_telephone {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #888
}

.museum_quality_icon_and_text p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 19px;
    line-height: 29px;
    font-weight: 200
}

.museum_quality_icon_and_text p p,
.museum_quality_icon_and_text p td,
.museum_quality_icon_and_text p strong,
.museum_quality_icon_and_text p span,
.museum_quality_icon_and_text p li,
.museum_quality_icon_and_text p h1,
.museum_quality_icon_and_text p h2,
.museum_quality_icon_and_text p h3,
.museum_quality_icon_and_text p h4,
.museum_quality_icon_and_text p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.white_hero_text_pading {
    max-width: 630px;
    margin: 0 auto;
    padding: 120px 30px 30px 100px
}

@media screen and (max-width: 960px) {
    .white_hero_text_pading {
        padding: 80px 20px 20px 80px
    }
}

@media screen and (max-width: 770px) {
    .white_hero_text_pading {
        padding: 80px 20px 80px 20px;
        text-align: center
    }
}

.white_hero_text_padding_right_column {
    max-width: 980px;
    margin: 0 auto;
    padding: 120px 30px 30px 30px
}

@media screen and (max-width: 960px) {
    .white_hero_text_padding_right_column {
        padding: 80px 20px 20px 80px
    }
}

@media screen and (max-width: 770px) {
    .white_hero_text_padding_right_column {
        padding: 80px 20px 80px 20px;
        text-align: center
    }
}

.home_h1 {
    color: #222;
    font-size: 45px;
    margin-bottom: 0;
    line-height: 60px;
    font-weight: 100;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: -.08rem
}

@media screen and (max-width: 900px) {
    .home_h1 {
        font-size: 40px;
        line-height: 50px
    }
}

.home_h2 {
    font-size: 20px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #222;
    font-weight: 200;
    letter-spacing: -.01rem
}

.no-right-margin {
    margin-right: 0
}

.no-right-padding {
    padding-right: 0
}

.landing_page_content h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #222;
    font-size: 24px;
    line-height: 36px;
    font-weight: 200;
    margin: 0;
    padding-bottom: 25px
}

.landing_page_content h3 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #111;
    font-size: 20px;
    line-height: 32px;
    font-weight: 200
}

@media screen and (max-width: 550px) {
    .landing_page_content h3 {
        font-size: 17px;
        line-height: 27px
    }
}

.home_small_text_title {
    margin-bottom: 40px
}

.home_small_text_title h2 {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #cfc7ab;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600
}

.how_it_works_section h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: -.01rem;
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 60px
}

.how_it_works_section ul li {
    padding: 10px;
    overflow: auto;
    font-size: 18px !important;
    line-height: 30px;
    color: #333;
    font-weight: 400;
    margin-bottom: 10px
}

.home_index_banner {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/footer_full_image_progressive.jpg") no-repeat top center;
    background-attachment: absolute;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 0
}

.home_index_banner_human {
    background-color: #000;
    background-image: url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/susan-homepage-banner.jpg");
    background-repeat: no-repeat;
    background-attachment: absolute;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position-x: center;
    background-position-y: top
}

@media screen and (max-width: 600px) {
    .home_index_banner_human {
        background-image: url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/footer_full_image_progressive.jpg")
    }
}

h1.home_human_h1 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 0
}

@media screen and (max-width: 600px) {
    h1.home_human_h1 {
        font-size: 60px;
        line-height: 60px
    }
}

h2.home_human_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 21px
}

.home_human_hero_padding {
    padding: 140px 20px 220px 20px
}

@media screen and (max-width: 600px) {
    .home_human_hero_padding {
        padding: 90px 20px 100px 20px
    }
}

.mobile_hero_padding {
    padding: 70px 20px 70px 20px
}

.home_h1--mobile {
    color: #fff;
    font-size: 40px
}

.home_h2--mobile {
    font-size: 20px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #ccc;
    font-weight: 300
}

.gif_area {
    text-align: center;
    margin-bottom: 50px
}

.typeform-share {
    color: #fff
}

.typeform-share:hover {
    color: #5ba4e5
}

.dark_banner_signup_input,
.signup_overlay_email {
    margin-top: 20px;
    background: #fff;
    border: none;
    outline: none;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    color: #222;
    padding: 20px 20px 20px 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-right: -5px;
    margin-bottom: 15px
}

.dark_banner_signup_input:focus,
.signup_overlay_email:focus {
    box-shadow: 0 0 20px 1px #57ad68
}

@media screen and (max-width: 500px) {
    .dark_banner_signup_input,
    .signup_overlay_email {
        width: 100%;
        border-radius: 0
    }
}

.dark_banner_signup_input_btn {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    display: inline-block;
    background: #57ad68;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 30px 20px 20px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    text-decoration: none
}

.dark_banner_signup_input_btn:hover {
    background: #4d9e5d;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 500px) {
    .dark_banner_signup_input_btn {
        display: block;
        width: 100%;
        border-radius: 0
    }
}

.form_circular_inline_submit_btn {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    display: inline-block;
    background: #57ad68;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 30px 20px 20px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    text-decoration: none
}

.form_circular_inline_submit_btn:hover {
    background: #4d9e5d;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 500px) {
    .form_circular_inline_submit_btn {
        display: block;
        width: 100%;
        border-radius: 0
    }
}

.ajax_create_user_error_message {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #f9e3dc
}

.ajax_create_user_error_message p {
    font-size: 21px;
    line-height: 30px;
    font-weight: 400
}

.ajax_create_user_error_message a {
    color: #77d7ff;
    text-decoration: none
}

.homepage_signup_section {
    position: relative
}

.gyroscope_loader_signup_section {
    display: none
}

@media screen and (max-width: 450px) {
    .frame_your_life_buttons .medium_circular_btn {
        padding: 10px 15px;
        border-radius: 4px
    }
}

.email_title_text {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.email_title_text h1 {
    color: #111 !important
}

.only_sale_h1 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 60px;
    color: #fff;
    margin-bottom: 10px
}

@media screen and (max-width: 550px) {
    .only_sale_h1 {
        font-size: 50px
    }
}

.only_sale_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 30px
}

@media screen and (max-width: 550px) {
    .only_sale_h2 {
        font-size: 24px
    }
}

h2.sale_overlay_h2 {
    padding-top: 40px;
    font-size: 43px;
    margin-bottom: 0;
    padding-bottom: 0
}

.sale_subheader_text {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: 300 !important;
    line-height: 35px;
    margin-top: 5px
}

.sale_overlay {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    position: relative;
    padding: 30px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045;
    border: 2px solid #fff;
    background: -webkit-linear-gradient(top, #000 0%, transparent 100%), url(https://d29mtkonxnc5fw.cloudfront.net/site_assets/susan-overlay-bg.jpg) no-repeat center center !important;
    background: linear-gradient(to bottom, #000 0%, transparent 100%), url(https://d29mtkonxnc5fw.cloudfront.net/site_assets/susan-overlay-bg.jpg) no-repeat center center !important;
    background-size: cover !important;
    width: 100% !important;
    max-width: 750px !important;
    min-height: 500px;
    text-align: center
}

.sale_overlay h1,
.sale_overlay h2,
.sale_overlay h3,
.sale_overlay h4,
.sale_overlay p {
    color: #fff;
    font-weight: 200
}

.vinyl_sale_overlay {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    position: relative;
    padding: 30px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045;
    border: 2px solid #fff;
    background: -webkit-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.35) 100%), url(https://d29mtkonxnc5fw.cloudfront.net/site_assets/vinyl_overlay_bg.jpg) no-repeat center center !important;
    background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.35) 100%), url(https://d29mtkonxnc5fw.cloudfront.net/site_assets/vinyl_overlay_bg.jpg) no-repeat center center !important;
    background-size: cover !important;
    width: 100% !important;
    max-width: 750px !important;
    min-height: 500px;
    text-align: center
}

.vinyl_sale_overlay h1,
.vinyl_sale_overlay h2,
.vinyl_sale_overlay h3,
.vinyl_sale_overlay h4,
.vinyl_sale_overlay p {
    color: #fff;
    font-weight: 200
}

.sale_overlay_close_modal {
    color: #fff;
    font-weight: 300
}

.sale_overlay_close_modal:hover {
    color: #ddd
}

.sale_decline_offer_link {
    color: #fff;
    font-weight: 300
}

.sale_decline_offer_link:hover {
    color: #ddd
}

.line_through {
    text-decoration: line-through
}

h1.gift_card_popop_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 50px
}

.gift_card_cart_promotion_block {
    width: 100%
}

.gift_card_cart_promotion_block p {
    padding-top: 5px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 15px;
    font-style: italic
}

.gift_card_cart_promotion_block img {
    width: 80px;
    float: left;
    padding-right: 10px;
    vertical-align: top
}

.shipping_deadline_map_summary_page {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid white
}

.shipping_deadline_map_summary_page:hover {
    border: 1px solid #77d7ff
}

h3.christmas_order_deadlines {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 26px
}

.new_footer {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 30px 30px 30px
}

.new_footer ul {
    padding: 0
}

.new_footer li,
.new_footer a,
.new_footer p,
.new_footer span {
    font-size: 16px;
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
    color: #888
}

.new_footer li {
    margin-bottom: 15px
}

.new_footer a:not(.without-underline) {
    color: #888 !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #ffffff, -0.03em 0 #ffffff, 0 0.03em #ffffff, 0 -0.03em #ffffff, 0.06em 0 #ffffff, -0.06em 0 #ffffff, 0.09em 0 #ffffff, -0.09em 0 #ffffff, 0.12em 0 #ffffff, -0.12em 0 #ffffff, 0.15em 0 #ffffff, -0.15em 0 #ffffff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#ddd, #ddd);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#ddd, #ddd);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.new_footer a:not(.without-underline)::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.new_footer a:not(.without-underline)::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.new_footer a:not(.without-underline)::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.new_footer a:not(.without-underline):before,
.new_footer a:not(.without-underline):after,
.new_footer a:not(.without-underline) *,
.new_footer a:not(.without-underline) *:before,
.new_footer a:not(.without-underline) *:after {
    text-shadow: none
}

.new_footer a:not(.without-underline):visited {
    color: #888 !important
}

.new_footer a:not(.without-underline):hover {
    color: #111 !important
}

.new_footer h3.footer_section_title {
    color: #111;
    padding-bottom: 0;
    margin-bottom: 30px;
    letter-spacing: normal;
    font-size: 17px;
    text-transform: none;
    font-weight: 400
}

.footer_flex_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media screen and (max-width: 550px) {
    .footer_flex_container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer_help_column {
    margin-left: 20px
}

.new_footer_lower {
    border-top: 1px solid #eee;
    padding: 0 40px 0 40px
}

.new_footer_lower li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    min-height: 35px
}

.new_footer_lower li a,
.new_footer_lower li span {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 35px;
    min-height: 35px;
    font-weight: 600;
    letter-spacing: .15rem;
    text-decoration: none;
    color: #999
}

.need_help_icons {
    margin-top: 20px
}

.need_help_icons a {
    font-size: 20px;
    text-decoration: none;
    padding: 10px;
    color: #111
}

.need_help_icons a:hover {
    color: #77d7ff
}

@media screen and (max-width: 850px) {
    li.sustainable {
        display: block;
        text-align: center
    }
}

h2.join_now_title_footer {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    display: inline-block;
    margin-right: 20px;
    font-size: 18px
}

.new_footer_column {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    max-width: 200px;
    min-width: 190px;
    margin: 10px
}

@media screen and (max-width: 550px) {
    .new_footer_column {
        text-align: center
    }
    .new_footer_column .lower_social_footer_icons {
        margin: 0 auto !important
    }
}

.new_footer_lower_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: 0px
}

.new_lower_footer_column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 390px
}

.new_lower_footer_right_column {
    text-align: right !important
}

.new_footer_social_icons a {
    font-size: 20px;
    text-decoration: none;
    padding: 10px;
    color: #111
}

.new_footer_social_icons a:hover {
    color: #77d7ff
}

.new_footer_lower_left {
    float: left
}

@media screen and (max-width: 850px) {
    .new_footer_lower_left {
        margin-top: 25px;
        float: none;
        text-align: center
    }
}

.new_footer_lower_right {
    float: right
}

@media screen and (max-width: 850px) {
    .new_footer_lower_right {
        float: none;
        text-align: center
    }
}

.frame_editor_more_info_link {
    color: #999;
    font-size: 14px
}

.dimensions_slider {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 980px;
    cursor: -webkit-grab !important;
    cursor: grab !important;
    margin-bottom: 15px;
    margin-top: 10px
}

.dimensions_slider .noUi-handle {
    cursor: -webkit-grab;
    cursor: grab;
	z-index:5;
}

.dimensions_slider .noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0)
}

.dimensions_slider .noUi-value-large {
    font-size: 14px
}

.dimensions_slider .noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.dimensions_value_text {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 70px;
    font-weight: 800
}

@media screen and (max-width: 700px) {
    .dimensions_value_text {
        font-size: 50px
    }
}

a.dimension_link {
    color: #777;
    text-decoration: none
}

a.dimension_link:hover {
    color: #2980b9;
    text-decoration: underline
}

a.active_dimensions_link {
    color: #111 !important;
    color: #111 !important;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#c4c4c4, #c4c4c4);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#c4c4c4, #c4c4c4);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

a.active_dimensions_link::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

a.active_dimensions_link::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

a.active_dimensions_link::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

a.active_dimensions_link:before,
a.active_dimensions_link:after,
a.active_dimensions_link *,
a.active_dimensions_link *:before,
a.active_dimensions_link *:after {
    text-shadow: none
}

a.active_dimensions_link:visited {
    color: #111 !important
}

a.active_dimensions_link:hover {
    color: #111 !important
}

a.active_dimensions_link:hover {
    text-decoration: none
}

.slider_value_wrapper {
    display: inline-block
}

.dimension_number_block {
    display: inline-block;
    width: 48%
}

.dimension_unit_block {
    position: absolute;
    left: 46.5%;
    text-align: center;
    margin-top: 40px;
    font-weight: 600
}

@media screen and (max-width: 700px) {
    .dimension_unit_block {
        left: 50%
    }
}

@media screen and (max-width: 600px) {
    .dimension_unit_block {
        margin-top: 25px
    }
}

@media screen and (max-width: 500px) {
    .dimension_unit_block {
        font-size: 12px;
        padding-top: 5px;
        left: 50%
    }
}

.mobile_inches_cm {
    display: none
}

@media screen and (max-width: 700px) {
    .mobile_inches_cm {
        display: block;
        margin-bottom: 20px
    }
}

.dimensions_x_divider {
    padding-top: 30px;
    color: #999;
    font-size: 30px
}

@media screen and (max-width: 600px) {
    .dimensions_x_divider {
        font-size: 14px;
        padding-top: 10px
    }
}

.decimal_label {
    position: absolute;
    font-family: 'HelveticaNeue', 'Helvetica', 'Arial';
    font-size: 12px;
    line-height: 12px;
    padding-left: 10px;
    color: #888;
    display: inline-block;
    margin-top: 5px
}

.dimension_label {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    color: #999;
    margin-left: -20px
}

@media screen and (max-width: 770px) {
    .dimension_label {
        margin-left: -60px
    }
}

.artwork_width_slider_value_integer {
    color: #5d697e;
    margin-left: -10px
}

@media screen and (max-width: 700px) {
    .artwork_width_slider_value_integer {
        margin-left: -20px
    }
}

.artwork_height_slider_value_integer {
    color: #57ad68;
    margin-left: -10px
}

@media screen and (max-width: 700px) {
    .artwork_height_slider_value_integer {
        margin-left: -20px
    }
}

@media screen and (max-width: 500px) {
    .artwork_height_slider_value_integer {
        margin-left: -20px
    }
}

.cm_spacing_correction {
    margin-left: 20px !important
}

.dimensions_numbers_columns {
    margin-left: -20px
}

.slider_value_fraction {
    font-family: 'HelveticaNeue', 'Helvetica', 'Arial';
    position: absolute;
    font-size: 35px;
    padding-top: 20px;
    padding-left: 5px
}

@media screen and (max-width: 700px) {
    .slider_value_fraction {
        font-size: 22px;
        padding-top: 15px
    }
}

@media screen and (max-width: 500px) {
    .slider_value_fraction {
        font-size: 18px;
        padding-top: 18px
    }
}

.fraction_arrows {
    position: absolute;
    margin-left: 65px;
    padding-top: 20px;
    padding-left: 1px
}

@media screen and (max-width: 700px) {
    .fraction_arrows {
        margin-left: 45px;
        padding-top: 5px
    }
}

@media screen and (max-width: 500px) {
    .fraction_arrows {
        margin-top: 2px;
        margin-left: 35px
    }
    .fraction_arrows a {
        margin-left: 1px;
        font-size: 12px;
        line-height: 12px;
        display: inline-block
    }
}

.fraction_arrows a {
    cursor: pointer;
    font-size: 12px;
    line-height: 12px
}

.fraction_width_arrows a {
    color: #b0b7c4
}

.fraction_width_arrows a:hover {
    color: #1c2026
}

.fraction_height_arrows {
    display: none
}

.fraction_height_arrows a {
    color: #bedfc4
}

.fraction_height_arrows a:hover {
    color: #23482a
}

.dimension_units {
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    color: #999
}

.dimensions_text_area {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase
}

@media screen and (max-width: 700px) {
    .desktop_dimensions_text_area {
        display: none
    }
}

h2.measuring_tips {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    font-weight: 200;
    font-size: 30px
}

.cd-dropdown,
.cd-select {
    position: relative;
    width: 300px;
    margin: 20px auto;
    display: block
}

.cd-dropdown>span {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #999;
    font-weight: 700;
    font-size: 16px;
    background: #fafafa;
    display: block;
    padding: 0 50px 0 30px;
    position: relative;
    cursor: pointer;
    z-index: 1000
}

.cd-dropdown>span:after {
    content: '\25BC';
    position: absolute;
    right: 0px;
    top: 0;
    width: 50px;
    text-align: center;
    font-size: 12px;
    padding: 10px;
    height: 70%;
    line-height: 40px;
    border-left: 1px solid #ddd
}

.cd-dropdown.cd-active>span:after {
    content: '\25B2'
}

.cd-dropdown ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    z-index: 1000
}

.cd-dropdown ul li {
    display: block;
    z-index: 1000
}

.cd-dropdown ul li span {
    width: 100%;
    background: #fafafa;
    line-height: 60px;
    padding: 0 30px 0 75px;
    display: block;
    color: #bcbcbc;
    cursor: pointer;
    font-weight: 700;
    z-index: 1000
}

.cd-dropdown>span,
.cd-dropdown ul li span {
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1000
}

.cd-dropdown>span span[class^="icon-"],
.cd-dropdown>span span[class*=" icon-"] {
    padding: 0 30px 0 45px
}

.cd-select {
    border: 1px solid #ddd
}

.cd-dropdown {
    -webkit-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    z-index: 1000
}

.cd-dropdown>span {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    z-index: 1000
}

.cd-dropdown>span:active {
    -webkit-transform: rotateX(60deg);
    transform: rotateX(60deg)
}

.cd-dropdown>span,
.cd-dropdown ul li:nth-last-child(-n+3) span {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.cd-dropdown ul {
    position: absolute;
    top: 0px;
    width: 100%
}

.cd-dropdown ul li {
    position: absolute;
    width: 100%
}

.cd-active.cd-dropdown>span {
    color: #f8b161
}

.cd-active.cd-dropdown>span,
.cd-active.cd-dropdown ul li span {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.cd-active.cd-dropdown ul li span {
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}

.cd-active.cd-dropdown ul li span:hover {
    background: #f8b161;
    color: #fff
}

.big_homepage_quote h3 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 24px
}

.frame_collections_banner {
    min-height: 80px;
    border-bottom: 2px solid #999
}

.frame_collections_banner img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    width: 100%;
    position: absolute
}

.frame_collections_banner p {
    text-align: center;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    max-width: 50%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (max-width: 780px) {
    .frame_collections_banner {
        display: none
    }
}

span.collection_description_hover_text {
    font-size: 12px
}

h1.subpage_bold_h1 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    color: #fff;
    font-size: 48px;
    line-height: 50px;
    margin-bottom: 10px
}

@media screen and (max-width: 600px) {
    h1.subpage_bold_h1 {
        font-size: 43px !important
    }
}

h2.subpage_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: 300;
    max-width: 850px;
    margin: 0 auto;
    padding-top: 0
}

.dark_blue_gradient_background {
    background: -webkit-radial-gradient(top center, circle, #464450, #0b0c0f);
    background: radial-gradient(circle at top center, #464450, #0b0c0f)
}

.diy_video_container {
    max-width: 600px;
    margin: 0 auto
}

.play_around_editor_desktop_only .frame_collection_controls_block {
    width: 47%;
    margin-right: 30px
}

.play_around_editor_desktop_only .profile_arrow_next {
    right: 30px
}

@media screen and (max-width: 800px) {
    .play_around_editor_desktop_only {
        display: none !important
    }
}

.alexis_quote {
    padding: 50px;
    line-height: 30px
}

.alexis_quote a {
    color: #111;
    text-decoration: none
}

.alexis_quote a:hover {
    color: #2980b9
}

@media screen and (max-width: 800px) {
    .alexis_quote h3 {
        font-size: 20px !important
    }
}

.show_quote_on_mobile {
    display: none;
    padding: 50px
}

@media screen and (max-width: 800px) {
    .show_quote_on_mobile {
        display: block
    }
    .show_quote_on_mobile h3 {
        font-size: 20px !important
    }
}

p.new_way_to_frame_p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 200
}

h2.about_our_frames_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 200
}

p.about_our_frames_p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 200
}

.about_our_frames_lower_section {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 40px 100px 40px;
    display: none;
    border-top: 1px solid #eee
}

.about_our_frames_columns p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300
}

@media screen and (max-width: 770px) {
    .about_our_frames_columns p {
        font-size: 15px;
        line-height: 25px;
        font-weight: 200
    }
}

.no_link_underline {
    text-decoration: none !important
}

.pricing_table_bg {
    position: relative;
    background: -webkit-linear-gradient(90deg, #a5a2ef, #87aed5);
    background: -webkit-linear-gradient(left, #a5a2ef, #87aed5);
    background: linear-gradient(90deg, #a5a2ef, #87aed5);
    background-position: top center;
    background-size: cover;
    background-attachment: scroll;
    min-width: 100%;
    min-height: 100%
}

.pricing_table_bg h1 {
    color: #fff;
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-size: 35px !important;
    margin-bottom: 10px
}

.pricing_table_bg p {
    color: #fff;
    font-size: 19px
}

.pricing_table_bg .table {
    border-color: #ddd;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 30px;
    background-color: rgba(0, 0, 0, 0.15)
}

.pricing_table_bg .table th {
    border: #ddd;
    color: #fff
}

.pricing_table_bg .table tr,
.pricing_table_bg .table td {
    color: #fff;
    border: 1px solid #ddd
}

.pricing_table_bg .table tr:hover {
    background-color: rgba(0, 0, 0, 0.2)
}

.pricing_table_bg .table td,
.pricing_table_bg .table th {
    padding: 10px 35px
}

.subpage_tint--pricing {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 85%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 85%)
}

.pricing_table_get_started_link {
    color: #fff;
    text-decoration: underline
}

.pricing_table_get_started_link:hover {
    color: #ccc
}

.trade_corporate_popup h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 30px
}

.trade_corporate_popup p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 22px
}

.trade_corporate_links .column {
    margin-bottom: 20px
}

.trade_corporate_links a {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 17px;
    line-height: 28px;
    color: #222;
    text-decoration: none
}

.trade_corporate_links a:hover {
    color: #2980b9;
    text-decoration: underline
}

.trade_corporate_links a span {
    display: block;
    padding-top: 15px
}

.trade_corporate_popup_row {
    margin-top: 20px;
    background: #e0ecf9;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.trade_corporate_popup_row img {
    width: 100%;
    max-width: 150px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px
}

.trade_corporate_popup_row a {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 22px;
    color: #222 !important;
    text-decoration: none !important
}

.trade_corporate_popup_row:hover {
    background: #c6ddf4
}

.three_collections_section a.collection_square_link {
    color: #111;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 33px;
    font-weight: 300
}

.three_collections_section a.collection_square_link:hover {
    text-decoration: underline
}

.twitter_handle_ref {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 22px
}

.when_in_doubt_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 17px;
    font-style: italic
}

p.unique_frame_builder_text {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 20px;
    font-style: italic
}

.frame_color_guide_paragraphs strong {
    font-weight: 300
}

.cant_decide_section h2 {
    font-size: 22px !important;
    font-weight: 300 !important
}

.cant_decide_section img {
    max-width: 100%
}

.frame_colors_cant_decide_padding .landing_white_section {
    padding-left: 25px;
    padding-right: 25px
}

.twitter-timeline-area {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 50px
}

.happy_guarantee_badge_cart_page {
    width: 100%;
    max-width: 140px
}

.happy_guarantee_badge {
    width: 100%;
    max-width: 140px
}

.header_wrapper {
    margin: 0 auto;
    max-width: 980px;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 20px
}

.landing_page_title_area {
    padding-top: 130px;
    padding-bottom: 150px
}

.landing_page_title_area h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 45px;
    line-height: 60px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0px;
    color: #fff
}

.landing_page_title_area h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #ccc;
    font-weight: 300;
    margin-top: 0;
    padding-top: 0
}

@media all and (max-width: 500px) {
    .landing_page_title_area {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .landing_page_title_area h1 {
        font-size: 40px !important;
        line-height: 50px
    }
    .landing_page_title_area h2 {
        font-size: 25px !important
    }
}

.black_titles {
    padding-top: 80px;
    padding-bottom: 80px
}

.black_titles h1 {
    font-size: 45px
}

.black_titles h1,
.black_titles h2 {
    color: #222
}

.black_titles p {
    color: #111
}

.landing_header_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.85) 100%)
}

.gallery_page_link_quote {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 23px !important;
    line-height: 32px !important;
    font-weight: 100 !important
}

.gallery_page_link_quote a {
    color: #111 !important;
    text-decoration: none !important
}

.gallery_page_link_quote a:hover {
    color: #2980b9 !important
}

@media all and (max-width: 500px) {
    .gallery_page_link_quote {
        font-size: 18px !important;
        line-height: 27px !important
    }
}

.landing_page_content_section {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.landing_page_content_section h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 26px !important;
    line-height: 33px !important;
    font-weight: 200;
    margin-top: 0;
    padding-top: 0
}

.landing_page_content_section p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 300;
    color: #333
}

.frames_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/earnest-hallway.jpg") no-repeat;
    background-size: cover;
    background-position: 0% 30%;
    z-index: 0;
    min-width: 100%;
    min-height: 100%
}

.mat_interlude {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/white-mat-maple-frame.jpg") no-repeat;
    background-size: cover;
    background-position: 0% 30%;
    z-index: 0;
    min-width: 100%;
    min-height: 100%
}

.landing_page_section {
    padding-top: 60px;
    padding-bottom: 20px
}

@media all and (max-width: 500px) {
    .landing_page_section {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.landing_page_section--reduced_padding {
    padding-top: 20px;
    padding-bottom: 20px
}

@media all and (max-width: 500px) {
    .landing_page_section--reduced_padding {
        padding-top: 50px;
        padding-bottom: 20px
    }
}

.landing_page_interlude_content_area {
    padding-top: 80px;
    padding-bottom: 100px
}

@media all and (max-width: 500px) {
    .landing_page_interlude_content_area {
        padding-top: 50px;
        padding-bottom: 60px
    }
}

.interlude_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 30px !important;
    line-height: 44px !important;
    font-weight: 200 !important;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 15px;
    color: #111 !important
}

.interlude_paragraph {
    font-size: 18px !important;
    line-height: 33px !important;
    color: #111 !important;
    font-weight: 200 !important;
    margin-top: 0;
    padding-top: 0
}

.landing_white_section {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.landing_white_section h2 {
    color: #222;
    font-size: 30px;
    line-height: 36px;
    font-weight: 200
}

.landing_white_section p {
    color: #111 !important;
    font-size: 18px;
    line-height: 33px;
    font-weight: 200
}

.dark_interlude {
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #fff 100%);
    background: linear-gradient(to bottom, #f8f8f8 0%, #fff 100%)
}

.landing_page_pricing_control_column {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.landing_page_pricing_control_column p,
.landing_page_pricing_control_column td,
.landing_page_pricing_control_column strong,
.landing_page_pricing_control_column span,
.landing_page_pricing_control_column li,
.landing_page_pricing_control_column h1,
.landing_page_pricing_control_column h2,
.landing_page_pricing_control_column h3,
.landing_page_pricing_control_column h4,
.landing_page_pricing_control_column h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.landing_page_pricing_control_column p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.landing_page_pricing_control_column p p,
.landing_page_pricing_control_column p td,
.landing_page_pricing_control_column p strong,
.landing_page_pricing_control_column p span,
.landing_page_pricing_control_column p li,
.landing_page_pricing_control_column p h1,
.landing_page_pricing_control_column p h2,
.landing_page_pricing_control_column p h3,
.landing_page_pricing_control_column p h4,
.landing_page_pricing_control_column p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.landing_page_pricing_control_column .levle_btn {
    margin: 5px
}

.pricing_mat_toggle_control {
    display: inline-block;
    margin-right: 15px
}

.pricing_mat_toggle_value {
    display: inline-block;
    vertical-align: top
}

.tgl {
    display: none
}

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl+.tgl-btn {
    box-sizing: border-box
}

.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl+.tgl-btn::-moz-selection {
    background: none
}

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl+.tgl-btn::selection {
    background: none
}

.tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%
}

.tgl+.tgl-btn:after {
    left: 0
}

.tgl+.tgl-btn:before {
    display: none
}

.tgl:checked+.tgl-btn:after {
    left: 50%
}

.tgl-ios+.tgl-btn {
    background: #999;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.tgl-ios+.tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08)
}

.tgl-ios+.tgl-btn:hover:after {
    will-change: padding
}

.tgl-ios+.tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9
}

.tgl-ios+.tgl-btn:active:after {
    padding-right: .8em
}

.tgl-ios:checked+.tgl-btn {
    background: #68b577
}

.tgl-ios:checked+.tgl-btn:active {
    box-shadow: none
}

.tgl-ios:checked+.tgl-btn:active:after {
    margin-left: -.8em
}

.active_example_print_size {
    border: 2px solid #555 !important;
    -webkit-transition: none !important;
    transition: none !important
}

.frame_price_savings_area span {
    font-weight: 600 !important
}

.framed_starting_at_price {
    color: #5ba4e5
}

.custom_shop_average_price {
    color: #da552f
}

.projected_savings {
    color: #57ad68
}

.landing_page2_content .v2-btn--primary {
    background-color: #71b0e8;
    border: 1px solid #fff;
    font-size: 20px;
    padding: 15px
}

.landing_page2_description p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    color: #fff;
    font-size: 20px;
    line-height: 33px
}

.landing_page2_description p p,
.landing_page2_description p td,
.landing_page2_description p strong,
.landing_page2_description p span,
.landing_page2_description p li,
.landing_page2_description p h1,
.landing_page2_description p h2,
.landing_page2_description p h3,
.landing_page2_description p h4,
.landing_page2_description p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.join_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #fff !important;
    font-size: 50px;
    line-height: 60px;
    font-weight: 200
}

@media screen and (max-width: 500px) {
    .join_h1 {
        font-size: 35px;
        line-height: 45px
    }
}

.join1_h1 {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #fff !important;
    font-size: 55px;
    line-height: 60px;
    font-weight: 800
}

@media screen and (max-width: 500px) {
    .join1_h1 {
        font-size: 40px;
        line-height: 45px
    }
}

.join_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #fff !important;
    font-size: 22px;
    line-height: 28px;
    font-weight: 300
}

@media screen and (max-width: 500px) {
    .join_h2 {
        font-size: 20px;
        line-height: 26px
    }
}

.join_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85) 15%, transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 15%, transparent)
}

.join_hero {
    position: relative;
    z-index: 10
}

.join_hero_padding {
    padding: 70px 20px 200px 20px
}

@media screen and (max-width: 500px) {
    .join_hero_padding {
        padding: 40px 20px 100px 20px
    }
}

.join_hero_width {
    max-width: 900px;
    margin: 0 auto
}

.landing_page_header {
    padding-top: 60px;
    padding-bottom: 150px
}

.landing_page_header h1 {
    margin-top: 0;
    padding-top: 0;
    color: #fff;
    font-size: 45px;
    margin-bottom: 10px;
    line-height: 60px;
    font-weight: 100;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: -.08rem
}

.landing_page_header h2 {
    font-size: 22px;
    line-height: 32px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #ccc;
    font-weight: 300;
    letter-spacing: -.01rem
}

@media screen and (max-width: 600px) {
    .landing_page_header {
        padding-top: 0px;
        padding-bottom: 80px
    }
    .landing_page_header h1 {
        font-size: 40px;
        line-height: 50px
    }
}

.landing_page_fonts_and_styles {
    margin-top: 60px
}

.landing_page_fonts_and_styles h1,
.landing_page_fonts_and_styles h2,
.landing_page_fonts_and_styles h3 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200
}

.landing_page_fonts_and_styles h1 p,
.landing_page_fonts_and_styles h1 td,
.landing_page_fonts_and_styles h1 strong,
.landing_page_fonts_and_styles h1 span,
.landing_page_fonts_and_styles h1 li,
.landing_page_fonts_and_styles h1 h1,
.landing_page_fonts_and_styles h1 h2,
.landing_page_fonts_and_styles h1 h3,
.landing_page_fonts_and_styles h1 h4,
.landing_page_fonts_and_styles h1 h5,
.landing_page_fonts_and_styles h2 p,
.landing_page_fonts_and_styles h2 td,
.landing_page_fonts_and_styles h2 strong,
.landing_page_fonts_and_styles h2 span,
.landing_page_fonts_and_styles h2 li,
.landing_page_fonts_and_styles h2 h1,
.landing_page_fonts_and_styles h2 h2,
.landing_page_fonts_and_styles h2 h3,
.landing_page_fonts_and_styles h2 h4,
.landing_page_fonts_and_styles h2 h5,
.landing_page_fonts_and_styles h3 p,
.landing_page_fonts_and_styles h3 td,
.landing_page_fonts_and_styles h3 strong,
.landing_page_fonts_and_styles h3 span,
.landing_page_fonts_and_styles h3 li,
.landing_page_fonts_and_styles h3 h1,
.landing_page_fonts_and_styles h3 h2,
.landing_page_fonts_and_styles h3 h3,
.landing_page_fonts_and_styles h3 h4,
.landing_page_fonts_and_styles h3 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.landing_page_fonts_and_styles h2 {
    font-size: 26px;
    line-height: 36px
}

.landing_page_fonts_and_styles h3 {
    font-size: 23px;
    line-height: 32px;
    font-weight: 200
}

.landing_page_fonts_and_styles p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 19px
}

.landing_page_fonts_and_styles p p,
.landing_page_fonts_and_styles p td,
.landing_page_fonts_and_styles p strong,
.landing_page_fonts_and_styles p span,
.landing_page_fonts_and_styles p li,
.landing_page_fonts_and_styles p h1,
.landing_page_fonts_and_styles p h2,
.landing_page_fonts_and_styles p h3,
.landing_page_fonts_and_styles p h4,
.landing_page_fonts_and_styles p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.landing_page_fonts_and_styles a.v2-btn {
    font-family: "freight-sans-pro", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important
}

.landing_page_fonts_and_styles img {
    max-width: 100%
}

.picture_frame_sizes_list {
    display: inline-block;
    margin-top: 0
}

.picture_frame_sizes_list li {
    display: inline-block;
    margin: 10px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 17px
}

.picture_frame_sizes_list li p,
.picture_frame_sizes_list li td,
.picture_frame_sizes_list li strong,
.picture_frame_sizes_list li span,
.picture_frame_sizes_list li li,
.picture_frame_sizes_list li h1,
.picture_frame_sizes_list li h2,
.picture_frame_sizes_list li h3,
.picture_frame_sizes_list li h4,
.picture_frame_sizes_list li h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

p.join_page_p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 19px;
    line-height: 28px
}

p.join_page_p p,
p.join_page_p td,
p.join_page_p strong,
p.join_page_p span,
p.join_page_p li,
p.join_page_p h1,
p.join_page_p h2,
p.join_page_p h3,
p.join_page_p h4,
p.join_page_p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.apt_testimonial_bg_section {
    background-color: #414958;
    background: -webkit-radial-gradient(top right, circle, #5e646e, #16181d);
    background: radial-gradient(circle at top right, #5e646e, #16181d)
}

.framed_wedding_photos_header_bg {
    background-color: #000;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%), url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/wedding_header2.jpg") no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%), url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/wedding_header2.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 869px) {
    .framed_wedding_photos_header_bg {
        background-attachment: scroll
    }
}

.wedding_photos_banner {
    background-color: #000;
    color: #fff;
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/wedding_header_bg_web.jpg") no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    background-attachment: fixed;
    height: 100%
}

@media screen and (max-width: 869px) {
    .wedding_photos_banner {
        background-attachment: scroll
    }
}

.framed_wedding_photos_title {
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 44px;
    line-height: 50px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff
}

@media screen and (max-width: 1150px) {
    .framed_wedding_photos_title {
        font-size: 40px;
        line-height: 48px
    }
}

.join3_header_bg {
    color: #222;
    background: -webkit-radial-gradient(top right, circle, #fbfbfb, #fff);
    background: radial-gradient(circle at top right, #fbfbfb, #fff)
}

.join3_white_bg {
    background: #fff;
    margin-top: -80px
}

@media screen and (max-width: 900px) {
    .join3_signup_area {
        text-align: center
    }
}

.join3_signup_input {
    border: 1px solid #57ad68
}

@media screen and (max-width: 1050px) {
    .join3_signup_input {
        width: 100%;
        border-radius: 0
    }
}

.join3_signup_input_btn {
    border: 1px solid #57ad68
}

@media screen and (max-width: 1050px) {
    .join3_signup_input_btn {
        display: block;
        width: 100%;
        border-radius: 0;
        text-align: center
    }
}

.join3_top_padding {
    padding-top: 100px
}

@media screen and (max-width: 1050px) {
    .join3_top_padding {
        padding-top: 80px
    }
}

@media screen and (max-width: 600px) {
    .join3_top_padding {
        padding-top: 70px
    }
}

.join1_signup_input {
    border: 1px solid #57ad68
}

@media screen and (max-width: 800px) {
    .join1_signup_input {
        width: 100%;
        border-radius: 0
    }
}

.join1_signup_input_btn {
    border: 1px solid #57ad68
}

@media screen and (max-width: 800px) {
    .join1_signup_input_btn {
        display: block;
        width: 100%;
        border-radius: 0;
        text-align: center
    }
}

.frame_corners_banner {
    background: #000 url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/frame_corners_header_new.jpg") no-repeat top center;
    background-attachment: absolute;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 0
}

.decline_offer_btn {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    display: inline-block;
    background: #da552f;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    text-decoration: none
}

.decline_offer_btn:hover {
    background: #cb4924;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 500px) {
    .decline_offer_btn {
        display: block;
        width: 100%;
        border-radius: 0
    }
}

.join_reviews_area {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.join_reviews_area h4 {
    color: #222;
    font-size: 20px;
    font-weight: 200
}

.join_reviews_area p {
    font-weight: 300
}

.landing_page_line_divider {
    border-top: 1px solid #eee
}

.section_3_landing_text p {
    font-size: 20px !important;
    line-height: 30px !important;
    font-weight: 200
}

.section_3_landing_text strong {
    font-weight: 400
}

p.join_review_author {
    font-weight: 200;
    color: #333 !important;
    font-size: 16px
}

.join_hero--white_background h1,
.join_hero--white_background h2,
.join_hero--white_background h3,
.join_hero--white_background p,
.join_hero--white_background span {
    color: #333 !important
}

.join_with_email_instead {
    font-size: 15px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 200
}

.join_with_email_border_light_border {
    display: inline-block;
    padding: 8px 20px 20px 20px;
    max-width: 400px;
    width: 100%;
    border: 1px solid #999;
    background: rgba(0, 0, 0, 0.5)
}

.join_what_we_do_at_glance p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #333
}

.slick_slide_white_background .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: #222 !important;
    padding: 5px;
    cursor: pointer
}

.slick_slide_white_background .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 30px;
    line-height: 20px;
    text-align: center;
    color: #111 !important;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.half_slick_column {
    float: left;
    width: 48%;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width: 750px) {
    .half_slick_column {
        float: none;
        display: block;
        width: 100%
    }
}

h2.see_our_frame_styles {
    font-weight: 600 !important;
    color: #999 !important;
    font-size: 15px !important;
    text-transform: uppercase
}

.last_slick_column {
    float: right
}

@media screen and (max-width: 750px) {
    .last_slick_column {
        padding-top: 20px
    }
}

.last_slick_column img {
    display: inline-block;
    padding: 2px;
    width: 48%
}

.landing_how_it_works li {
    margin-bottom: 80px
}

.landing_how_it_works li img {
    margin-top: 15px;
    width: 100%
}

.landing_how_it_works li p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px
}

.join_improved_signup_wrapper {
    display: inline-block;
    max-width: 600px;
    min-width: 300px;
    margin: 0 auto
}

.half-column-text {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    padding: 0
}

p.smaller_subtext {
    font-size: 13px !important;
    line-height: 15px !important;
    font-weight: 300 !important
}

.new_landing_page_text_styles p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 17px;
    line-height: 28px
}

@media screen and (max-width: 700px) {
    .new_landing_page_text_styles p {
        font-size: 13px;
        font-weight: 300
    }
}

.new_landing_page_text_styles h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 22px
}

.new_landing_page_text_styles h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 28px;
    line-height: 45px
}

@media screen and (max-width: 600px) {
    .new_landing_page_text_styles h1 {
        font-size: 24px;
        line-height: 34px
    }
}

h1.new_join_h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 40px;
    line-height: 45px
}

h2.new_join_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 19px;
    line-height: 35px;
    color: #000;
    max-width: 700px
}

h2.new_join_product_title {
    font-weight: 300;
    font-size: 19px
}

span.join_improved_account_credits_text {
    font-weight: 800;
    color: #4598e2
}

.new_way_to_frame_join_bg {
    background: -webkit-radial-gradient(bottom center, circle, #fdfcfc, #f5f3ef);
    background: radial-gradient(circle at bottom center, #fdfcfc, #f5f3ef)
}

.half-column-padding {
    padding: 20px 30px
}

.hero_rendered_frame {
    position: absolute;
    left: 50px;
    top: 500px
}

.hero_rendered_frame2 {
    position: absolute;
    left: 150px;
    top: 500px
}

.hero_rendered_frame3 {
    position: absolute;
    left: 250px;
    top: 500px
}

.hero_rendered_frame4 {
    position: absolute;
    left: 350px;
    top: 500px
}

.hero_rendered_frame5 {
    position: absolute;
    left: 450px;
    top: 500px
}

.hero_rendered_frame6 {
    position: absolute;
    left: 600px;
    top: 500px
}

.hero_rendered_frame7 {
    position: absolute;
    left: 700px;
    top: 500px
}

.hero_rendered_frame8 {
    position: absolute;
    left: 800px;
    top: 500px
}

.hero_rendered_frame9 {
    position: absolute;
    left: 900px;
    top: 500px
}

.hero_rendered_frame10 {
    position: absolute;
    left: 1000px;
    top: 500px
}

.new_join_hero_padding {
    padding-left: 80px;
    padding-right: 30px;
    max-width: 590px
}

@media screen and (max-width: 600px) {
    .new_join_hero_padding {
        padding-left: 30px;
        padding-right: 30px;
        text-align: center
    }
}

h2.meet_the_cast {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 30px
}

.nyc_landing_banner {
    background: url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/nyc-join-cover.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: absolute;
    background-size: cover
}

@media screen and (max-width: 600px) {
    .nyc_landing_banner {
        background: url("https://d29mtkonxnc5fw.cloudfront.net/site_assets/mobile-white-frame.jpg");
        background-repeat: no-repeat;
        background-position: 20% 70%;
        background-attachment: absolute
    }
}

@media screen and (max-width: 600px) {
    .hide_top_hero_text_on_mobile {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .desktop_new_join_h2 {
        display: none
    }
}

.mobile_new_join_h2 {
    display: none
}

@media screen and (max-width: 600px) {
    .mobile_new_join_h2 {
        display: block
    }
}

.artwork_photos_image {
    max-width: 575px !important;
    width: 100%
}

p.artwork_photos_p {
    font-size: 16px
}

@media screen and (max-width: 1000px) {
    p.artwork_photos_p,
    p.other_frame_items_p {
        font-size: 15px;
        font-weight: 200;
        line-height: 20px
    }
}

.join_learn_more_link {
    color: #5ba4e5 !important;
    font-weight: 600 !important
}

h2.bigger_join_product_title {
    font-size: 22px;
    margin-top: 0
}

@media screen and (max-width: 880px) {
    h2.bigger_join_product_title {
        margin: 0.83em 0
    }
}

@media screen and (max-width: 800px) {
    .desktop_artwork_photos_section {
        display: none
    }
}

.show_cards_on_mobile {
    display: none
}

@media screen and (max-width: 800px) {
    .show_cards_on_mobile {
        display: block
    }
}

h2.what_can_you_frame_plus {
    font-weight: 200
}

.new_join_flex_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 270px;
    flex-basis: 270px;
    min-width: 270px;
    margin: 10px
}

.new_join_flex_item img {
    max-width: 386px;
    width: 100%;
    margin: 0 auto
}

.new_join_flex_item p {
    text-align: center;
    text-decoration: none
}

.new_join_flex_item a {
    text-decoration: none
}

.what_can_you_frame_section {
    padding-top: 30px
}

@media screen and (max-width: 560px) {
    .what_can_you_frame_section {
        padding-top: 10px
    }
}

.flex_container_space_around.is-vcentered {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.new_way_to_frame_join_bg_homepage {
    border-top: 1px solid #e5eff5;
    border-bottom: 1px solid #e5eff5;
    background: #f8fafc
}

.new_way_to_frame_join_bg_homepage h1 {
    font-size: 27px;
    font-weight: 300
}

@media screen and (max-width: 500px) {
    .new_way_to_frame_join_bg_homepage h1 {
        font-size: 25px !important
    }
}

.new_way_to_frame_join_bg_homepage h2 {
    font-size: 18px !important;
    line-height: 25px;
    font-weight: 200
}

@media screen and (max-width: 500px) {
    .new_way_to_frame_join_bg_homepage h2 {
        font-size: 16px !important
    }
}

.landing_page_body_wrapper {
    position: relative;
    z-index: 100;
    max-width: 780px !important;
    margin: 0 auto;
    padding-left: 20px !important;
    padding-right: 20px !important
}

h1.tabletop_h1 {
    font-size: 55px
}

@media screen and (max-width: 550px) {
    h1.tabletop_h1 {
        font-size: 42px;
        line-height: 48px
    }
}

.tabletop_landing_header_padding {
    padding-top: 50px;
    padding-bottom: 180px
}

@media screen and (max-width: 550px) {
    .tabletop_landing_header_padding {
        padding-top: 0px;
        padding-bottom: 80px
    }
}

.product_feature_image {
    padding: 45px 45px
}

h3.product_page_h3 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 10px
}

.product_attributes_table {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.product_attributes_table td {
    font-weight: 300;
    font-size: 14px
}

.make_photo_collage_link {
    color: #fff;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    cursor: pointer
}

.make_photo_collage_link:hover {
    color: #ddd
}

.h_one {
    width: 3.75%
}

.h_one .h_column,
.h_one .h_columns {
    margin-right: 133.33333%
}

.h_two {
    width: 12.5%
}

.h_two .h_column,
.h_two .h_columns {
    margin-right: 40%
}

.h_three {
    width: 21.25%
}

.h_three .h_column,
.h_three .h_columns {
    margin-right: 23.52941%
}

.h_four {
    width: 30%
}

.h_four .h_column,
.h_four .h_columns {
    margin-right: 16.66667%
}

.h_five {
    width: 38.75%
}

.h_five .h_column,
.h_five .h_columns {
    margin-right: 12.90323%
}

.h_six {
    width: 47.5%
}

.h_six .h_column,
.h_six .h_columns {
    margin-right: 10.52632%
}

.h_seven {
    width: 56.25%
}

.h_seven .h_column,
.h_seven .h_columns {
    margin-right: 8.88889%
}

.h_eight {
    width: 65%
}

.h_eight .h_column,
.h_eight .h_columns {
    margin-right: 7.69231%
}

.h_nine {
    width: 73.75%
}

.h_nine .h_column,
.h_nine .h_columns {
    margin-right: 6.77966%
}

.h_ten {
    width: 82.5%
}

.h_ten .h_column,
.h_ten .h_columns {
    margin-right: 6.06061%
}

.h_eleven {
    width: 91.25%
}

.h_eleven .h_column,
.h_eleven .h_columns {
    margin-right: 5.47945%
}

.h_twelve {
    width: 100%
}

.h_twelve .h_column,
.h_twelve .h_columns {
    margin-right: 5%
}

.h_columns,
.h_column {
    margin-right: 5%;
    box-sizing: border-box;
    float: left
}

.h_columns:last-child,
.h_column:last-child {
    margin-right: 0
}

.h_last {
    margin-right: 0 !important
}

.h_last+* {
    clear: both
}

.h_push-one {
    margin-left: 8.75%
}

.h_push-two {
    margin-left: 17.5%
}

.h_push-three {
    margin-left: 26.25%
}

.h_push-four {
    margin-left: 35%
}

.h_container {
    max-width: 1120px;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    width: 100%
}

.h_container.h_full {
    box-sizing: content-box;
    margin-left: -18px !important;
    max-width: none;
    padding-left: 18px;
    padding-right: 18px
}

.h_container.h_one {
    max-width: 42px
}

.h_container.h_two {
    max-width: 140px
}

.h_container.h_three {
    max-width: 238px
}

.h_container.h_four {
    max-width: 336px
}

.h_container.h_five {
    max-width: 434px
}

.h_container.h_six {
    max-width: 532px
}

.h_container.h_seven {
    max-width: 630px
}

.h_container.h_eight {
    max-width: 728px
}

.h_container.h_nine {
    max-width: 826px
}

.h_container.h_ten {
    max-width: 924px
}

.h_container.h_eleven {
    max-width: 1022px
}

.h_container.h_twelve {
    max-width: 1120px
}

@media screen and (max-width: 620px) {
    .h_one,
    .h_two,
    .h_three,
    .h_four,
    .h_five,
    .h_six,
    .h_seven,
    .h_eight,
    .h_nine,
    .h_ten,
    .h_eleven {
        margin-right: 0;
        width: 100% !important
    }
    .h_push-one {
        margin: 0
    }
}

.city-neighborhood-link a {
    font-size: 20px
}

.delete-city-link a {
    color: red
}

#neighborhoods-batch-input {
    width: 500px;
    height: 200px
}

.neural_photos_page {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.neural_photos_page p,
.neural_photos_page td,
.neural_photos_page strong,
.neural_photos_page span,
.neural_photos_page li,
.neural_photos_page h1,
.neural_photos_page h2,
.neural_photos_page h3,
.neural_photos_page h4,
.neural_photos_page h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.neural_photos_index_h1 {
    font-weight: 200;
    font-size: 23px;
    margin-bottom: 25px;
    margin-top: 0;
    padding-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.neural_photo_display_image {
    width: 100%
}

.neural_photo_column {
    margin-right: 50px
}

@media screen and (max-width: 770px) {
    .neural_photo_column {
        margin-right: 0
    }
}

.neural_photo_block {
    display: inline-block;
    vertical-align: middle
}

.neural_photo_arrow {
    font-size: 30px;
    color: #5ba4e5
}

.neural_style_selection_thumbs a {
    margin-bottom: 0;
    padding-bottom: 0
}

.neural_style_selection_thumbs a img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    max-width: 160px;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 0
}

.neural_style_selection_thumbs a img:hover {
    border: 1px solid #5ba4e5
}

@media screen and (max-width: 770px) {
    .neural_controls_column {
        text-align: center;
        margin: 0 auto
    }
}

@media screen and (max-width: 850px) {
    .hide_on_smaller_display {
        display: none !important
    }
}

.active_neural_style img {
    border: 1px solid #111 !important
}

.neural_style_selection_thumb {
    display: inline-block;
    width: 160px;
    text-align: center;
    margin: 0 5px 20px 5px
}

.selection_thumb_label {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 10px;
    color: gray
}

.empty_neural_image_placeholder {
    display: none
}

.tetrominos_wrapper {
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-top: 5%;
    z-index: 1000;
    display: none
}

.tetrominos_wrapper p {
    font-weight: 200;
    font-size: 18px
}

.tetrominos {
    position: absolute;
    margin-left: 50%;
    margin-top: 150px;
    -webkit-transform: translate(-112px, -96px);
    transform: translate(-112px, -96px)
}

.tetromino {
    width: 96px;
    height: 112px;
    position: absolute;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    background: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 684"%3E%3Cpath fill="%23010101" d="M305.7 0L0 170.9v342.3L305.7 684 612 513.2V170.9L305.7 0z"/%3E%3Cpath fill="%23fff" d="M305.7 80.1l-233.6 131 233.6 131 234.2-131-234.2-131"/%3E%3C/svg%3E') no-repeat top center
}

.box1 {
    -webkit-animation: tetromino1 1.5s ease-out infinite;
    animation: tetromino1 1.5s ease-out infinite
}

.box2 {
    -webkit-animation: tetromino2 1.5s ease-out infinite;
    animation: tetromino2 1.5s ease-out infinite
}

.box3 {
    -webkit-animation: tetromino3 1.5s ease-out infinite;
    animation: tetromino3 1.5s ease-out infinite;
    z-index: 2
}

.box4 {
    -webkit-animation: tetromino4 1.5s ease-out infinite;
    animation: tetromino4 1.5s ease-out infinite
}

@-webkit-keyframes tetromino1 {
    0%,
    40% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(48px, -27px);
        transform: translate(48px, -27px)
    }
    60%,
    100% {
        -webkit-transform: translate(96px, 0);
        transform: translate(96px, 0)
    }
}

@keyframes tetromino1 {
    0%,
    40% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(48px, -27px);
        transform: translate(48px, -27px)
    }
    60%,
    100% {
        -webkit-transform: translate(96px, 0);
        transform: translate(96px, 0)
    }
}

@-webkit-keyframes tetromino2 {
    0%,
    20% {
        -webkit-transform: translate(96px, 0px);
        transform: translate(96px, 0px)
    }
    40%,
    100% {
        -webkit-transform: translate(144px, 27px);
        transform: translate(144px, 27px)
    }
}

@keyframes tetromino2 {
    0%,
    20% {
        -webkit-transform: translate(96px, 0px);
        transform: translate(96px, 0px)
    }
    40%,
    100% {
        -webkit-transform: translate(144px, 27px);
        transform: translate(144px, 27px)
    }
}

@-webkit-keyframes tetromino3 {
    0% {
        -webkit-transform: translate(144px, 27px);
        transform: translate(144px, 27px)
    }
    20%,
    60% {
        -webkit-transform: translate(96px, 54px);
        transform: translate(96px, 54px)
    }
    90%,
    100% {
        -webkit-transform: translate(48px, 27px);
        transform: translate(48px, 27px)
    }
}

@keyframes tetromino3 {
    0% {
        -webkit-transform: translate(144px, 27px);
        transform: translate(144px, 27px)
    }
    20%,
    60% {
        -webkit-transform: translate(96px, 54px);
        transform: translate(96px, 54px)
    }
    90%,
    100% {
        -webkit-transform: translate(48px, 27px);
        transform: translate(48px, 27px)
    }
}

@-webkit-keyframes tetromino4 {
    0%,
    60% {
        -webkit-transform: translate(48px, 27px);
        transform: translate(48px, 27px)
    }
    90%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes tetromino4 {
    0%,
    60% {
        -webkit-transform: translate(48px, 27px);
        transform: translate(48px, 27px)
    }
    90%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.image-is-loading {
    position: relative;
    line-height: 24px
}

.image-is-loading:after {
    left: 50%;
    margin-left: -12px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    position: absolute !important;
    -webkit-animation: spin-around 500ms infinite linear;
    animation: spin-around 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 50%;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 24px;
    position: relative;
    width: 24px;
    z-index: 1000
}

.neural_choose_size_step {
    display: none
}

.back_to_neural_style_select_link {
    font-size: 14px;
    font-weight: 300;
    margin-top: 0;
    padding-top: 0
}

.neural_print_size_calculation_message p {
    font-size: 14px;
    font-weight: 300
}

.neural_paper_type_info_link {
    font-size: 14px;
    font-weight: 300
}

.neural_paper_type_info {
    display: none;
    border: 1px solid #eee;
    padding: 0 15px;
    border-radius: 5px;
    margin-bottom: 15px
}

.neural_paper_type_info p {
    font-size: 14px;
    font-weight: 300
}

.neural_paper_type_info_sentence p {
    font-size: 14px;
    font-weight: 300;
    color: #777;
    font-style: italic
}

.neural_choose_print_size_btn {
    display: none
}

.new_neural_photo_upload {
    display: inline-block;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 20px
}

.neural_photo_popup_image {
    cursor: zoom-in
}

.neural_index_h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 24px;
    text-align: center;
    margin-bottom: 70px;
    line-height: 40px
}

.neural_index_h2 p,
.neural_index_h2 td,
.neural_index_h2 strong,
.neural_index_h2 span,
.neural_index_h2 li,
.neural_index_h2 h1,
.neural_index_h2 h2,
.neural_index_h2 h3,
.neural_index_h2 h4,
.neural_index_h2 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.neural_index_content p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 22px !important;
    text-align: center;
    line-height: 35px !important
}

.neural_index_content p p,
.neural_index_content p td,
.neural_index_content p strong,
.neural_index_content p span,
.neural_index_content p li,
.neural_index_content p h1,
.neural_index_content p h2,
.neural_index_content p h3,
.neural_index_content p h4,
.neural_index_content p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.neural_content_section {
    margin-top: 50px;
    margin-bottom: 70px !important
}

.neural_index_h3 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 26px !important;
    line-height: 35px !important;
    margin-bottom: 40px
}

.neural_index_h3 p,
.neural_index_h3 td,
.neural_index_h3 strong,
.neural_index_h3 span,
.neural_index_h3 li,
.neural_index_h3 h1,
.neural_index_h3 h2,
.neural_index_h3 h3,
.neural_index_h3 h4,
.neural_index_h3 h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.artwork_bottom_message p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 18px
}

.artwork_bottom_message p p,
.artwork_bottom_message p td,
.artwork_bottom_message p strong,
.artwork_bottom_message p span,
.artwork_bottom_message p li,
.artwork_bottom_message p h1,
.artwork_bottom_message p h2,
.artwork_bottom_message p h3,
.artwork_bottom_message p h4,
.artwork_bottom_message p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.login_bg {
    max-width: 500px;
    margin: 0 auto
}

.simple_form_bg_box {
    border-radius: 4px;
    border: 1px solid #eee;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 40px 50px 60px 50px;
    border-radius: 4px
}

@media screen and (max-width: 450px) {
    .simple_form_bg_box {
        padding: 40px 30px 60px 30px
    }
}

.new_order_page_box {
    padding: 30px;
    border-radius: 4px;
    max-width: 600px;
    border: 1px solid #eee;
    margin: 0 auto;
    margin-top: 20px;
    padding: 40px 50px;
    border-radius: 4px
}

.smaller_titles_page h1 {
    font-size: 26px
}

.order_main_block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
    padding: 30px
}

.order_main_block:last-child {
    margin-right: 0
}

.order_minor_block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-left: 8.5298%;
    padding: 30px
}

.order_minor_block:last-child {
    margin-right: 0
}

.already_have_account {
    font-size: 14px;
    color: #999;
    font-weight: 700 !important;
    text-decoration: none;
    letter-spacing: .16px;
    text-transform: uppercase
}

.order_minor_box {
    padding: 30px
}

.secure_connection_text {
    font-size: 16px;
    color: #57ad68
}

.stripe_secure_text {
    font-size: 14px;
    color: #999
}

.minimal_arrow_nav {
    position: absolute;
    margin: 20px
}

.minimal_arrow_nav a {
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    font-size: 15px;
    color: #888;
    text-decoration: none
}

.order_summary_line_items p {
    font-size: 16px
}

span.with_coupon {
    font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    color: #777
}

.major_column {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.major_column:last-child {
    margin-right: 0
}

@media screen and (max-width: 850px) {
    .major_column {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .major_column:last-child {
        margin-right: 0
    }
}

.minor_column {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-left: 8.5298%
}

.minor_column:last-child {
    margin-right: 0
}

@media screen and (max-width: 850px) {
    .minor_column {
        display: none
    }
}

.mobile_summary {
    display: none;
    margin-bottom: 60px;
    text-align: center
}

.mobile_summary h2 {
    font-weight: 700;
    font-size: 28px
}

.mobile_summary .thin_border_box_line {
    display: none
}

@media screen and (max-width: 850px) {
    .mobile_summary {
        display: block
    }
}

.minimal_checkout_nav {
    margin: 20px
}

.minimal_checkout_nav a {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .16rem;
    text-transform: uppercase;
    color: #999
}

@media screen and (max-width: 850px) {
    .minimal_nav_brand {
        margin-top: 40px
    }
}

#payment-errors {
    margin-top: 30px;
    color: #ff0000;
    font-weight: bold
}

#payment-errors p,
#payment-errors span,
#payment-errors li {
    color: #ff0000;
    font-weight: bold
}

.checkout-label {
    margin-bottom: 5px
}

.checkout-row {
    margin-bottom: 20px
}

.payment_box {
    background: #f8fafc;
    padding: 30px 40px 30px 40px;
    border-radius: 5px;
    margin-bottom: 5px;
    max-width: 500px;
    border: 1px solid #e5eff5
}

.payment_box input[type="tel"],
.payment_box input[type="text"] {
    background-color: #fff;
    border: 1px solid #ddd
}

.payment_top_lock {
    float: left;
    margin-right: 15px;
    margin-bottom: 0
}

.payment_top_lock img {
    width: 60px
}

.payment-input {
    border: 1px solid #eee
}

#cc-exp {
    padding: 15em/4 15em/2 !important
}

.credit-card-input {
    padding-left: 80px !important
}

@media screen and (max-width: 450px) {
    .credit-card-input {
        padding-left: 15px !important
    }
}

.has-error {
    border: 1px solid #ff6666 !important
}

.has_contact_info_errors input,
.has_contact_info_errors select {
    border: 1px solid #ff6666 !important
}

.has_contact_info_errors::before {
    position: absolute;
    margin-left: -80px;
    margin-top: 5px;
    content: 'Required';
    color: #ff6666 !important;
    font-style: italic
}

@media screen and (max-width: 1200px) {
    .has_contact_info_errors::before {
        content: ''
    }
}

.cvc_pic {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
    width: 85px;
    margin-top: 0
}

.client_side_validation_errors {
    display: none
}

#payment-errors,
.client_side_validation_errors {
    color: #ff6666
}

#payment-errors p,
#payment-errors span,
#payment-errors li,
.client_side_validation_errors p,
.client_side_validation_errors span,
.client_side_validation_errors li {
    color: #ff6666
}

.credit_card_icon {
    display: none !important
}

.active_credit_card {
    display: inline-block !important
}

.credit_card {
    position: absolute;
    margin-top: 8px;
    margin-left: 10px;
    z-index: 2
}

.credit_card img {
    width: 60px
}

@media screen and (max-width: 450px) {
    .credit_card {
        display: none
    }
}

.expiration_column {
    margin-bottom: 20px
}

#spinner-button {
    display: none
}

#spinner-button p {
    color: #999;
    font-style: italic
}

.loading_svg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.loading_svg rect {
    fill: #5ba4e5
}

.free_order_box {
    display: none;
    margin-bottom: 40px
}

.confirmation_referral_form {
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
    border: none;
    outline: none;
    color: #000;
    border-radius: 3px;
    width: 100%;
    max-width: 370px;
    text-align: center
}

.order_confirmation_header_padding {
    padding: 40px 30px 190px 30px
}

@media screen and (max-width: 600px) {
    .order_confirmation_header_padding {
        padding: 20px 30px 80px 30px;
        text-align: center
    }
}

.confirmation_view_order_details_link {
    color: #fff;
    text-decoration: underline;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 300
}

.confirmation_view_order_details_link:hover {
    color: #ddd !important
}

.confirmation_social_share li {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle
}

.confirmation_social_share li a {
    color: #fff !important
}

.confirmation_social_image {
    width: 35px
}

.confirmation_h2 {
    line-height: 35px
}

.shipping_times_badge {
    text-align: center
}

.shipping_times_badge h3 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #2980b9
}

.shipping_times_badge p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 300
}

.shipping_times_subtext p {
    font-style: italic
}

.more_expensive_shipping_message {
    display: none;
    color: #4285f4
}

.tabletop_promotion_message {
    background: #e0f0e3;
    padding: 1px 15px;
    margin-bottom: 20px
}

.photos_padding {
    padding: 100px 30px 190px 30px
}

@media screen and (max-width: 600px) {
    .photos_padding {
        padding: 20px 30px 80px 30px;
        text-align: center
    }
}

.photos_h1 {
    color: #fff;
    font-size: 45px;
    margin-bottom: 0;
    line-height: 60px;
    font-weight: 100;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: -.08rem
}

@media screen and (max-width: 500px) {
    .photos_h1 {
        font-size: 35px;
        line-height: 50px
    }
}

.photos_h2 {
    font-size: 20px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #ccc;
    font-weight: 300;
    letter-spacing: -.01rem
}

.photo_btn_area {
    margin-top: 40px
}

.homepage_black_frame img {
    max-width: 100%;
    max-height: 570px
}

.make_a_collage_link {
    color: #fff !important
}

.photos_btns_padding {
    margin: 10px
}

.photos_or_text {
    font-size: 18px
}

@media screen and (max-width: 820px) {
    .photos_or_text {
        display: block
    }
}

.photos_page_text_styles {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.photos_page_text_styles p,
.photos_page_text_styles td,
.photos_page_text_styles strong,
.photos_page_text_styles span,
.photos_page_text_styles li,
.photos_page_text_styles h1,
.photos_page_text_styles h2,
.photos_page_text_styles h3,
.photos_page_text_styles h4,
.photos_page_text_styles h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.photos_page_text_styles h1,
.photos_page_text_styles h2 {
    font-weight: 200 !important;
    font-size: 26px !important;
    line-height: 40px;
    margin-bottom: 40px
}

@media screen and (max-width: 700px) {
    .photos_page_text_styles h1,
    .photos_page_text_styles h2 {
        font-size: 23px !important;
        line-height: 37px
    }
}

.photos_page_text_styles p {
    font-size: 20px !important;
    line-height: 35px;
    font-weight: 200 !important
}

@media screen and (max-width: 700px) {
    .photos_page_text_styles p {
        font-size: 18px !important;
        line-height: 33px
    }
}

.photo_size_tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 1em 0 2em;
    font-weight: 300
}

.photo_size_tabs nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block
}

.photo_size_tabs nav ul li {
    border: 1px solid #becbd2;
    border-bottom: none;
    margin: 15px 3px;
    display: block;
    float: left;
    position: relative
}

.photo_size_tabs nav li.tab-current {
    border: 1px solid #47a3da;
    box-shadow: inset 0 2px #47a3da;
    border-bottom: none;
    z-index: 100
}

.photo_size_tabs nav li.tab-current:before,
.photo_size_tabs nav li.tab-current:after {
    content: '';
    position: absolute;
    height: 1px;
    right: 100%;
    bottom: 0;
    background: #47a3da
}

.photo_size_tabs nav li.tab-current:after {
    right: auto;
    left: 100%;
    width: 4000px
}

.photo_size_tabs nav a {
    color: #becbd2;
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 15px;
    white-space: nowrap
}

.photo_size_tabs nav a:hover {
    color: #768e9d
}

.photo_size_tabs nav li.tab-current a {
    color: #47a3da
}

.responsive_tab_content section.content-current {
    display: block
}

@media screen and (max-width: 32em) {
    .photo_size_tabs nav ul,
    .photo_size_tabs nav ul li a {
        width: 100%
    }
    .photo_size_tabs nav ul li {
        margin: 0 0 0 2px
    }
}

.photo_size_tabs .responsive_tab_content {
    background: #fff;
    border: none
}

.photo_size_tabs .responsive_tab_content section {
    padding: 0px 20px
}

.photo_tabs_wrapper {
    margin-bottom: 30px
}

.photo_tabs_wrapper .ui-widget-content {
    border: none
}

.photo_tabs_wrapper p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px
}

.photo_tabs_wrapper .ui-widget-header {
    background: #fff;
    border: none
}

.photo_tabs_wrapper a {
    font-size: 16px !important;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important;
    font-weight: 300 !important
}

@media screen and (max-width: 500px) {
    .photo_tabs_wrapper a {
        font-size: 13px !important
    }
}

.photo_tabs_wrapper .ui-state-default {
    background: #fff !important
}

.photo_tabs_wrapper .ui-state-active {
    background: #fafafa !important
}

.photo_tabs_wrapper .ui-tabs-panel {
    background: #fafafa !important;
    border: 1px solid #aaaaaa !important
}

.zoom_photo_control {
    text-decoration: none
}

.choose_paper_type_title,
.choose_border_style_title {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px
}

.choose_paper_type_title p,
.choose_border_style_title p {
    font-weight: 500 !important;
    adding-bottom: 0;
    margin-bottom: 2px
}

.zoom_photo_wrapper {
    text-align: left
}

.photo_meta_info {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

p.print_resolution_p {
    font-size: 11px;
    line-height: 19px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .16rem;
    text-transform: uppercase;
    color: #999
}

p.final_print_resolution_message {
    font-size: 10px;
    line-height: 15px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: .10rem;
    color: #a6a6a6
}

a.new_upload_link_style {
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .16rem;
    text-transform: uppercase;
    color: #999
}

.print_resolution_error {
    display: none;
    color: red;
    font-size: 14px
}

.excellent_print_quality {
    color: #57ad68
}

.good_print_quality {
    color: #5ba4e5
}

.ok_print_quality {
    color: #333
}

.low_print_quality {
    color: #da552f
}

.level_photo_circle_control {
    color: #fff
}

.level_photo_circle_control i {
    background: #111;
    padding: 10px;
    border-radius: 50%
}

.level_photo_circle_control:hover {
    color: #fff
}

.level_photo_circle_control:hover i {
    background: #373737
}

.active_landscape_portrait {
    text-decoration: underline;
    color: #333
}

p.landscape_portrait_subtext {
    font-family: 'freight-sans-pro' !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .12rem;
    text-transform: uppercase;
    color: #999
}

.landscape_portrait_toggle .tgl-btn {
    background: #a2a2a2
}

.landscape_portrait_toggle .tgl-ios:checked+.tgl-btn {
    background: #959595
}

#phone-outer {
    box-shadow: 0 1px 0.7px 1px #777, 0 -3px rgba(0, 0, 0, 0.4) inset;
    height: 500px;
    width: 500px;
    margin: 0 auto;
    background-image: -webkit-linear-gradient(right, #111 11%, #333 76%)
}

#phone-inner {
    margin: 0 auto;
    background-color: #FFF;
    width: 440px;
    height: 460px
}

.mat_shadow {
    position: absolute;
    margin-left: 340px;
    margin-top: 58px;
    height: 1px;
    width: 100px;
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: 1000
}

.shadow_box {
    position: relative;
    z-index: 1;
    height: 500px;
    width: 100%;
    bottom: 0
}

.outer_shadows {
    height: 100%;
    width: 100%;
    top: 50%
}

.outer_shadows:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 100px / 10px;
    margin-left: 550px;
    box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.8)
}

.bg_gradient {
    overflow: auto;
    color: #fff;
    padding: 50px 10px
}

.playground_body {
    position: relative
}

.playground_body h1 {
    font-weight: 100;
    color: #fafafa;
    font-size: 45px;
    line-height: 60px;
    margin-bottom: 0
}

.playground_body p {
    font-family: "freight-text-pro";
    color: #fafafa;
    font-weight: 100;
    font-size: 22px;
    line-height: 35px
}

.playground_body a {
    font-weight: 500
}

.blue_bio_link {
    color: #f07e2b;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 1px 0 0 #e7f2fa
}

.blue_bio_link:hover {
    box-shadow: 0 1px 0 0 #94c6e7
}

.light_blue_link {
    color: #59adeb;
    text-decoration: none;
    box-shadow: 0 1px 0 0 #F0F5F9
}

.light_blue_link:hover {
    box-shadow: 0 1px 0 0 #F0F5F9
}

.twitter_bio_link {
    color: #bd77b4;
    text-decoration: none;
    box-shadow: 0 1px 0 0 #F0F5F9
}

.twitter_bio_link:hover {
    box-shadow: 0 1px 0 0 #F0F5F9
}

.github_bio_link {
    color: #ac55a1;
    text-decoration: none;
    box-shadow: 0 1px 0 0 #F0F5F9
}

.github_bio_link:hover {
    box-shadow: 0 1px 0 0 #F0F5F9
}

.makerpages_description {
    margin-top: 50px
}

.makerpages_description p {
    font-size: 16px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 18px
}

.makerpages_description a {
    color: #fafafa;
    font-size: 16px;
    text-decoration: none
}

.big_elephant {
    margin-top: -50px;
    width: 400px
}

.big_elephant svg path {
    fill: #fff
}

.frog_icon {
    text-align: center;
    padding: 8px 8px
}

.frog_icon svg path {
    fill: #fff
}

.blinking-cursor {
    font-weight: 100;
    font-size: 16px;
    color: #fff;
    -webkit-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite
}

@keyframes "blink" {
    from,
    to {
        color: transparent
    }
    50% {
        color: white
    }
}

@-webkit-keyframes "blink" {
    from,
    to {
        color: transparent
    }
    50% {
        color: white
    }
}

.level_loader {
    width: 179px;
    height: 104px
}

.loader_left_blocks {
    display: inline-block;
    vertical-align: top;
    width: 108.15822px;
    height: 100px
}

.loader_right_blocks {
    display: inline-block;
    vertical-align: top;
    width: 66.84178px;
    height: 100px
}

.loader_right_top_blocks {
    display: inline-block;
    vertical-align: top;
    width: 66.84178px;
    height: 48px
}

.loader_right_bottom_blocks {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    width: 66.84178px;
    height: 48px
}

.loader_right_bottom_right_blocks {
    display: inline-block;
    vertical-align: top;
    width: 39.31136px;
    height: 48px
}

.loader_right_bottom_left_blocks {
    display: inline-block;
    vertical-align: top;
    width: 23.53042px;
    height: 48px
}

.loader_block {
    display: inline-block;
    vertical-align: top;
    background: #222;
    width: 100%;
    height: 100%
}

.block_size_4 {
    display: inline-block;
    vertical-align: top;
    background: #222;
    width: 100%;
    height: 22px
}

.level_page_body img {
    max-width: 100%
}

.print_detail_page img {
    border-radius: 2px
}

.print_detail_page p {
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 14px;
    color: #7d878a;
    line-height: 20px
}

.print_tech_info {
    margin-top: 0px
}

.col--print_detail {
    margin-bottom: 30px
}

.print_detail_effects {
    position: relative
}

.print_detail_effects figure {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    cursor: pointer
}

.print_detail_effects figure img {
    position: relative;
    display: block;
    max-width: 100%
}

.print_detail_effects figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.print_detail_effects figure figcaption::before,
.print_detail_effects figure figcaption::after {
    pointer-events: none
}

.print_detail_effects figure figcaption,
.print_detail_effects figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.print_detail_effects figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.print_detail_effects figure h2 {
    word-spacing: -0.15em;
    font-weight: 300
}

.print_detail_effects figure h2 span {
    font-weight: 800
}

.print_detail_effects figure h2,
.print_detail_effects figure p {
    margin: 0
}

.print_detail_effects figure p {
    letter-spacing: 1px;
    font-size: 68.5%
}

.print_detail_thumbs a:hover img {
    opacity: 0.85;
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.print_detail_buy_button_and_price {
    margin-top: 20px
}

.print_detail_page_price {
    padding-left: 15px
}

.buy_unframed_print_link {
    padding-left: 15px;
    font-size: 14px
}

.more_artwork_by_author {
    margin-top: 50px;
    margin-bottom: 100px
}

.print_detail_page a {
    color: #5ba4e5
}

.print_detail_title {
    font-weight: 100 !important;
    font-size: 40px;
    line-height: 45px;
    margin-top: 0px;
    font-family: "freight-sans-pro";
    text-rendering: optimizeLegibility;
    color: #242628;
    letter-spacing: .02rem
}

.gallery_link {
    padding: 5px 15px;
    border: 1px solid #5ba4e5;
    color: #5ba4e5 !important;
    font-size: 12px;
    border-radius: 2px
}

.artist_name--print_detail li a {
    color: #999 !important
}

.user_profile_pic {
    color: #fff;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 180px;
    z-index: 1000
}

.user_profile_pic img {
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 10px #fff
}

.user_profile_pic h3 {
    font-weight: 100;
    font-size: 40px
}

.user_profile_pic p {
    font-size: 20px
}

.user_profile_pic a {
    text-decoration: none;
    color: #fff
}

.user_profile_pic a:hover {
    text-decoration: underline
}

.print_detail_lower_title_area {
    color: #fff;
    text-align: center;
    margin-top: 70px;
    padding-bottom: 150px;
    z-index: 1000;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.print_detail_lower_title_area h3 {
    font-weight: 100;
    font-size: 40px
}

.print_detail_lower_title_area h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #fff
}

.print_detail_lower_title_area p {
    font-size: 20px
}

.print_detail_lower_title_area a {
    text-decoration: none;
    color: #fff
}

.print_detail_lower_title_area a:hover {
    text-decoration: underline
}

.print_detail_collection_icon {
    margin-right: 25px;
    width: 30px
}

.lower_artist_artwork_section {
    padding-top: 50px;
    margin: 0 auto;
    text-align: center;
    display: block
}

.artist_h2_style {
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2rem;
    text-decoration: none;
    color: #999;
    margin-bottom: 50px
}

.level_collage {
    display: border-box;
    text-align: center;
    margin-left: 40px
}

.level_collage img {
    vertical-align: top;
    float: left;
    margin-top: 0;
    margin-bottom: 4px;
    margin-right: 4px
}

.artist_page_footer {
    text-align: center;
    padding-bottom: 50px
}

.artist_page_footer img {
    height: 30px
}

.perfect_frame_link a {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2rem;
    text-decoration: none;
    color: #999
}

.print_detail_main_image {
    max-height: 500px
}

.main_print_col {
    box-sizing: border-box;
    float: left;
    max-width: 65% !important;
    min-width: 250px !important;
    margin-bottom: 40px
}

.side_print_col {
    box-sizing: border-box;
    float: left;
    min-width: 250px !important
}

.print_detail_thumb {
    max-width: 150px
}

.print_detail_gutters {
    margin: 0 0 0 -50px
}

.print_detail_gutters>.print_detail_col {
    padding: 0 50px
}

figure.effect-apollo {
    position: relative
}

figure.effect-apollo img {
    margin: 0 auto
}

figure.effect-apollo figcaption {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    content: '';
    -webkit-transform: scale3d(1.9, 2, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -55%, 0);
    transform: scale3d(1.9, 2, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -55%, 0)
}

.print_detail_thumb_wrapper {
    display: inline-block;
    margin: 4px;
    width: 230px;
    height: 150px;
    overflow: hidden !important
}

.print_detail_thumb_wrapper img {
    width: 100%
}

.print_detail_select_table td {
    min-width: 150px;
    font-size: 18px;
    color: #555;
    line-height: 20px
}

.print_detail_select_table td {
    padding-bottom: 10px
}

.print_detail_select_table td select {
    margin-left: 0
}

.print_popup_select_btn_area {
    margin-top: 20px
}

.paper_type_info--print_detail_popup p {
    font-size: 14px !important
}

.print_detail_collection_meta p {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .15rem;
    text-decoration: none;
    color: #999
}

.print_detail_collection_meta img {
    max-width: 25px;
    margin-top: 10px
}

.print_detail_lower_title_link {
    line-height: 30px !important;
    padding-bottom: 0px !important
}

.print_detail_lower_title_link a {
    padding: 0
}

.print_detail_lower_title_link a:hover {
    text-decoration: none !important;
    border-bottom: 1px solid #fff
}

.level_print_hover_icon {
    width: 35px;
    margin-bottom: 0 !important;
    margin-top: -5px !important
}

@media all and (max-width: 1050px) {
    .col--print_detail {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .print_detail_thumb {
        max-width: 150px
    }
    .flex_page_wrapper {
        width: 85%
    }
    .print_detail_title {
        font-size: 33px
    }
    .print_detail_collection_icon {
        width: 22px
    }
}

@media all and (max-width: 700px) {
    .print_detail_lower_title_area {
        margin-top: 30px;
        padding-bottom: 100px
    }
}

.prints_index_container {
    width: 80%;
    float: left;
    margin-right: 30px
}

.print_index_body {
    position: relative;
    z-index: 1 !important;
    background-color: #fff;
    padding: 60px 0 0 0
}

.print_index_body p {
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 14px;
    line-height: 20px
}

@media all and (max-width: 900px) {
    .prints_index_container {
        width: 100%;
        float: none;
        margin-right: 0
    }
    .prints_index_side_container {
        display: none
    }
    .print_index_pagination a,
    .print_index_pagination em {
        display: none !important
    }
    .print_index_pagination .previous_page,
    .print_index_pagination .next_page {
        display: inline-block !important
    }
}

.print_index_pagination span,
.print_index_pagination em,
.print_index_pagination a {
    font-size: 18px;
    margin: 5px
}

.digg_pagination {
    background: white;
    cursor: default;
    font-family: "HelveticaNeue", Helvetica, Arial
}

.digg_pagination a,
.digg_pagination span,
.digg_pagination em {
    padding: 0.3em 0.6em;
    display: inline-block;
    border-radius: 3px;
    font-size: 18px;
    margin-right: 1px
}

.digg_pagination .disabled {
    color: #999999;
    border: 1px solid #dddddd
}

.digg_pagination .current {
    font-style: normal;
    font-weight: bold;
    background: #000;
    color: white;
    border: 1px solid #000
}

.digg_pagination a {
    text-decoration: none;
    color: #000;
    border: 1px solid #000
}

.digg_pagination a:hover,
.digg_pagination a:focus {
    background-color: #000;
    color: #fff;
    border-color: #000
}

.digg_pagination .page_info {
    background: #2980b9;
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center
}

.digg_pagination .page_info b {
    color: #000033;
    background: #2980b9;
    padding: 0.1em 0.25em
}

.digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .digg_pagination {
    height: 1%
}

*:first-child+html .digg_pagination {
    overflow: hidden
}

.print_only {
    margin-top: 25px
}

.print_only p {
    font-size: 16px
}

.new_print_long_description {
    color: #222;
    font-size: 13px
}

.new_print_long_description p,
.new_print_long_description b,
.new_print_long_description strong,
.new_print_long_description span {
    color: #848484;
    font-size: 13px;
    line-height: 28px
}

.new_print_description {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300
}

.new_print_description p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300
}

#print_size_popup {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif !important
}

#print_size_popup td {
    font-weight: 300;
    font-size: 15px
}

h3.print_detail_artist_name {
    font-weight: 200;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    margin-top: 0;
    padding-top: 0;
    font-size: 18px
}

.chat_ui_page_wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 30px
}

.chat_ui_background {
    background: #fff;
    min-height: 900px
}

.chat_row {
    display: block;
    margin-bottom: 10px
}

.chat_profile_bubble {
    display: none;
    width: 50px;
    margin-right: 15px;
    vertical-align: bottom
}

@media screen and (max-width: 540px) {
    .chat_profile_bubble {
        display: none !important
    }
}

.level_chat_message {
    display: none;
    width: 85%;
    background: #f6f8fc;
    padding: 30px 40px;
    border-radius: 10px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 24px
}

.level_chat_message p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300
}

@media screen and (max-width: 540px) {
    .level_chat_message {
        width: 100%;
        padding: 20px 20px
    }
}

.chat_ui_form_lower_bg {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: none;
    margin-top: -50px
}

.chat_ui_form {
    background: #fff;
    padding: 40px 50px
}

.chat_ui_form input[type="number"],
.chat_ui_form input[type="text"],
.chat_ui_form input[type="email"],
.chat_ui_form textarea {
    background: #f6f8fc !important
}

.lower_oversize_form_section {
    display: none
}

.fields_after_oversize_dimensions,
.customer_mail_in_field,
.customer_packaged_field,
.customer_rolled_up_field,
.value_of_artwork,
.oversize_shipping_zip,
.oversize_extra_info,
.oversize_email,
.submit_oversize_btn_area {
    display: none
}

.oversize_error_message_area,
.artwork_inputs_not_present_error {
    color: red;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    display: none
}

.customer_rolled_up_field {
    display: none
}

.project_attributes {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300
}

.project_attributes li {
    margin-bottom: 8px
}

.project_attributes li strong {
    font-weight: 400
}

.project_attributes p {
    font-size: 16px;
    font-weight: 300
}

.projects_table td {
    font-family: "HelveticaNeue", Helvetica, Arial;
    padding: 5px;
    font-size: 15px
}

.projects_table tr,
.projects_table td,
.projects_table th {
    border: none
}

.project_notes p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px
}

.select_project_option:hover {
    color: #eee !important
}

.premium_glaze_addon_price {
    font-weight: bold;
    color: #57ad68
}

.project_show_page h1,
.project_show_page h2,
.project_show_page p,
.project_show_page span {
    font-family: "HelveticaNeue", Helvetica, Arial
}

.canvas_stretched_field,
.canvas_stretched_depth_field,
.customer_packaged_field {
    display: none
}

.new_customer_project_form p {
    padding-bottom: 15px
}

.new_customer_project_form span {
    font-weight: 200
}

.project_status_Review {
    font-weight: bold;
    color: orangered !important
}

.project_status_Ordered {
    font-weight: bold;
    color: #4d9e5d !important
}

.project_status_Inquiry {
    color: #08c;
    font-weight: bold
}

.project_status_Priority {
    font-weight: bold;
    color: purple !important
}

h1.project_h1 {
    color: #fff;
    font-family: "canada-type-gibson", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 42px
}

@media screen and (max-width: 600px) {
    h1.project_h1 {
        font-size: 35px
    }
}

h2.project_h2 {
    color: #fff;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    max-width: 800px;
    margin: 0 auto
}

.typing-indicator {
    display: none;
    background-color: #fff;
    will-change: transform;
    width: auto;
    border-radius: 100px;
    padding: 20px 25px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    -webkit-animation: 2s bulge infinite ease-out;
    animation: 2s bulge infinite ease-out;
    z-index: 10
}

.typing-indicator span {
    height: 15px;
    width: 15px;
    float: left;
    margin: 0 1px;
    background-color: #5ba4e5;
    display: block;
    border-radius: 50%;
    opacity: 1;
    -webkit-animation: mercuryTypingAnimation 1s infinite ease-in-out;
    animation: mercuryTypingAnimation 1s infinite ease-in-out
}

@-webkit-keyframes mercuryTypingAnimation {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }
    28% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0.9
    }
    44% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0.8
    }
}

@keyframes mercuryTypingAnimation {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }
    28% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0.9
    }
    44% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0.8
    }
}

.tidot:nth-child(1) {
    -webkit-animation-delay: 200ms
}

.tidot:nth-child(2) {
    -webkit-animation-delay: 300ms
}

.tidot:nth-child(3) {
    -webkit-animation-delay: 400ms
}

@-webkit-keyframes blink {
    50% {
        opacity: 1
    }
}

@keyframes blink {
    50% {
        opacity: 1
    }
}

@-webkit-keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.project_quote_success {
    display: none
}

.calculating_project_price_text,
.freight_message,
.project_quote_error_message {
    display: none;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding-bottom: 10px
}

.freight_message,
.project_quote_error_message {
    color: #dc543b
}

.quote_success_text {
    line-height: 22px
}

.suggested_options {
    display: none
}

.suggested_options p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    margin-top: 0;
    margin-bottom: 4px
}

@media screen and (max-width: 1150px) {
    .registration_landing_right_column {
        display: none
    }
}

.registration_landing_text_pading {
    max-width: 630px;
    margin: 0 auto;
    padding: 60px 30px 30px 100px
}

@media screen and (max-width: 960px) {
    .registration_landing_text_pading {
        padding: 60px 20px 20px 80px
    }
}

@media screen and (max-width: 770px) {
    .registration_landing_text_pading {
        padding: 60px 20px 80px 20px;
        text-align: center
    }
}

.register_landing_page_images img {
    max-width: 100%
}

.reviews_lower_section {
    max-width: 950px;
    margin: 0 auto;
    padding: 0 40px
}

.review_stars .fa-star,
.review_stars .fa-star-half-full,
.review_stars .fa-star-o {
    color: #f5d060;
    line-height: 25px
}

.aggregate_rating_top {
    font-size: 20px;
    display: inline-block
}

.total_reviews_text {
    display: inline-block;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    color: #fff
}

.total_reviews_text p,
.total_reviews_text td,
.total_reviews_text strong,
.total_reviews_text span,
.total_reviews_text li,
.total_reviews_text h1,
.total_reviews_text h2,
.total_reviews_text h3,
.total_reviews_text h4,
.total_reviews_text h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.review_policy_area {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.review_policy_area p,
.review_policy_area td,
.review_policy_area strong,
.review_policy_area span,
.review_policy_area li,
.review_policy_area h1,
.review_policy_area h2,
.review_policy_area h3,
.review_policy_area h4,
.review_policy_area h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.review_policy_area p {
    font-weight: 200;
    font-size: 17px
}

.review_page_fonts h2,
.review_page_fonts h3,
.review_page_fonts h4,
.review_page_fonts p,
.review_page_fonts a {
    font-family: Helvetica, sans-serif !important
}

.review_page_fonts h1 {
    font-weight: 200 !important;
    font-size: 30px
}

.review_page_fonts p {
    font-weight: 200 !important;
    font-size: 16px !important;
    line-height: 25px !important
}

.review_page_fonts strong {
    font-weight: 400 !important
}

.review_policy_title {
    font-weight: 200;
    font-size: 26px;
    text-align: center;
    margin-top: 20px;
    padding-top: 0
}

.header_review_policy {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.header_review_policy p,
.header_review_policy td,
.header_review_policy strong,
.header_review_policy span,
.header_review_policy li,
.header_review_policy h1,
.header_review_policy h2,
.header_review_policy h3,
.header_review_policy h4,
.header_review_policy h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.header_review_policy p {
    font-weight: 300;
    font-size: 16px;
    color: #fff
}

.review_body_description {
    margin-left: 50px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width: 770px) {
    .review_body_description {
        margin-left: 0
    }
}

.review_body_description p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    margin-top: 0;
    font-weight: 200 !important;
    font-size: 18px
}

.user_rating_value_meta {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-size: 14px !important;
    line-height: 24px !important;
    color: #999
}

.user_rating_value_meta p,
.user_rating_value_meta td,
.user_rating_value_meta strong,
.user_rating_value_meta span,
.user_rating_value_meta li,
.user_rating_value_meta h1,
.user_rating_value_meta h2,
.user_rating_value_meta h3,
.user_rating_value_meta h4,
.user_rating_value_meta h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.user_rating_value_meta a {
    font-size: 14px !important;
    line-height: 24px !important;
    color: #999
}

.verified_customer_check_area {
    color: #999 !important
}

.verified_check {
    color: #999
}

.customer_review_media_area {
    vertical-align: top
}

.customer_review_media_area h3 {
    color: #999;
    font-size: 16px;
    text-transform: uppercase
}

.customer_review_media_area img {
    width: 100%;
    max-width: 300px !important
}

.customer_review_media_area a {
    text-decoration: none;
    border: 1px solid #eee;
    padding: 4px;
    display: inline-block
}

.customer_review_media_area a:hover {
    border: 1px solid #000
}

.customer_review_media_area .reviews_media_image {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0
}

.customer_review_media_area .reviews_media_author {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px
}

.customer_review_media_area .reviews_media_author a {
    color: #999 !important;
    font-size: 14px;
    text-decoration: none;
    font-weight: 300
}

.customer_review_media_area .reviews_media_author a:hover {
    color: #222 !important
}

.review_row {
    margin-top: 50px;
    border-bottom: 1px solid #eee;
    padding-bottom: 50px
}

.new_review_text_area {
    width: 100%;
    max-width: 500px;
    height: 100px;
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    outline: none
}

.new_review_text_area:focus {
    border: 1px solid #777
}

.review_required_fields {
    color: #da552f;
    margin-bottom: 15px;
    display: none
}

.review_pagination {
    font-size: 23px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96)
}

.review_pagination p,
.review_pagination td,
.review_pagination strong,
.review_pagination span,
.review_pagination li,
.review_pagination h1,
.review_pagination h2,
.review_pagination h3,
.review_pagination h4,
.review_pagination h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.review_pagination span,
.review_pagination em,
.review_pagination a {
    margin: 5px
}

.vinyl_page {
    position: relative;
    z-index: 0
}

.vinyl_page img {
    max-width: 100%
}

.vinyl_header {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px
}

.vinyl_header h1 {
    vertical-align: top;
    display: inline-block;
    font-size: 40px;
    line-height: 50px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: 'Nothing You Could Do', cursive;
    color: #000
}

.vinyl_header h1 .vinyl_icon {
    margin-right: 20px;
    padding-top: 5px;
    float: left
}

.vinyl_header h1 img {
    height: 50px
}

.vinyl_header p {
    font-size: 14px;
    margin-top: 0;
    font-style: italic;
    color: #999
}

.vinyl_hero {
    position: relative;
    display: inline-block;
    margin-bottom: 80px;
    background-color: transparent !important;
    height: auto
}

.vinyl_hero img {
    position: relative;
    z-index: 10;
    height: 400px;
    padding: 0;
    margin: 0;
    box-shadow: -7px 10px 30px -2px rgba(0, 0, 0, 0.3), 0px 2px 5px -2px rgba(0, 0, 0, 0.4), 0px 0px 4px -2px rgba(0, 0, 0, 0.4)
}

.vinyl_slide:after {
    position: absolute;
    content: '';
    bottom: -25px;
    right: 17px;
    height: 100px;
    width: 100px;
    z-index: 0 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.05) 95%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.05) 95%)
}

.vinyl_slide:before {
    position: absolute;
    content: '';
    top: 14px;
    left: -48px;
    height: 70px;
    width: 70px;
    z-index: 0 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.02) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.02) 100%)
}

.vinyl_slide:first-child {
    display: inline-block
}

.vinyl_classics {
    position: relative
}

.vinyl_arrow {
    position: absolute;
    top: calc(50% - 25px);
    font-size: 35px;
    line-height: 35px
}

.vinyl_arrow a {
    text-decoration: none;
    color: #555
}

.vinyl_arrow_left {
    margin-left: -80px
}

.vinyl_arrow_right {
    right: -70px
}

.vinyl_hero_title {
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .16rem;
    text-decoration: none;
    color: #999
}

.vinyl_wrapper p {
    font-size: 20px;
    line-height: 30px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200
}

.vinyl_title_section {
    text-align: center
}

.vinyl_title_section h1 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    color: #333;
    font-size: 32px;
    line-height: 32px;
    font-weight: 200;
    margin: 0;
    padding-bottom: 25px;
    text-align: center
}

.vinyl_title_section h2 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .12rem;
    text-decoration: none;
    color: #999;
    margin-bottom: 40px
}

.vinyl_title_section p {
    margin-top: 0
}

.sb-slider {
    margin: 10px auto;
    position: relative;
    display: block;
    width: 100%;
    list-style-type: none;
    padding: 0;
    z-index: 1
}

.sb-slider-shadow-box-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    box-shadow: -7px 10px 30px -2px rgba(0, 0, 0, 0.3), 0px 2px 5px -2px rgba(0, 0, 0, 0.4), 0px 0px 4px -2px rgba(0, 0, 0, 0.4);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sb-slider-shadow-top {
    position: absolute;
    bottom: 43px;
    right: 17px;
    height: 100px;
    width: 100px;
    z-index: 1 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.05) 95%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.05) 95%)
}

.sb-slider-shadows {
    display: block
}

.sb-slider-shadows:after {
    position: absolute;
    content: '';
    bottom: -25px;
    right: 17px;
    height: 100px;
    width: 100px;
    z-index: 1 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.05) 95%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.05) 95%)
}

.sb-slider-shadows:before {
    position: absolute;
    content: '';
    top: 14px;
    left: -48px;
    height: 70px;
    width: 70px;
    z-index: 1 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.02) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.02) 100%)
}

.sb-slider li {
    margin: 0;
    padding: 0;
    display: none
}

.sb-slider li>a {
    outline: none
}

.sb-slider li>a img {
    border: none
}

.sb-slider img {
    max-width: 100%;
    display: block
}

.sb-description {
    position: absolute;
    bottom: 0;
    right: 50%;
    color: #000;
    z-index: 1000;
    -webkit-transition: all 200ms;
    transition: all 200ms
}

.sb-slider li.sb-current .sb-description {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 1
}

.sb-slider li.sb-current .sb-description:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
    background: rgba(190, 176, 155, 0.7)
}

.sb-perspective {
    position: relative
}

.sb-perspective>div {
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sb-side {
    margin: 0;
    display: block;
    position: absolute;
    -moz-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.custom_shadow {
    width: 100%;
    height: 400px;
    position: relative;
    margin-top: -410px;
    box-shadow: -7px 10px 30px -2px rgba(0, 0, 0, 0.3), 0px 2px 5px -2px rgba(0, 0, 0, 0.4), 0px 0px 4px -2px rgba(0, 0, 0, 0.4);
    z-index: 0;
    display: none
}

.custom_shadow:after {
    position: absolute;
    content: '';
    bottom: -32px;
    right: 17px;
    height: 100px;
    width: 100px;
    z-index: 1 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.05) 95%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.05) 95%)
}

.custom_shadow:before {
    position: absolute;
    content: '';
    top: 14px;
    left: -48px;
    height: 70px;
    width: 70px;
    z-index: 1 !important;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.03) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.03) 100%)
}

.vinyl_banner_tint {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.08) 15%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 15%, rgba(0, 0, 0, 0.6) 100%)
}

.vinyl_search {
    width: 70%;
    margin: 0 auto
}

.vinyl_search_section {
    margin-top: 80px;
    background-color: #222;
    padding: 40px 0
}

.vinyl_search--lower {
    margin-top: 0;
    margin: 0 auto;
    width: 70%;
    border: none
}

.float_left {
    float: left
}

.vinyl_search_box {
    padding: 20px;
    border-radius: 5px;
    margin: 0 auto
}

.vinyl_search_div {
    padding: 20px;
    border-radius: 5px;
    margin: 0 auto
}

.vinyl_search_box--lower {
    background: #fff
}

.vinyl_search_label {
    font-size: 14px;
    line-height: 50px !important;
    font-weight: 600 !important;
    padding: 12px 0;
    letter-spacing: .1rem;
    text-transform: uppercase;
    font-family: freight-sans-pro, "HelveticaNeue", Helvetica, Arial !important
}

.vinyl_search_box {
    outline: none;
    width: 100%;
    font-size: 14px;
    line-height: 24px !important;
    font-weight: 600 !important;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #bbb;
    padding: 12px 30px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
    box-sizing: border-box;
    font-family: freight-sans-pro, "HelveticaNeue", Helvetica, Arial !important
}

.vinyl_search_submit {
    width: 122px
}

.float_right {
    float: right
}

.vinyl_titles {
    padding-top: 50px;
    padding-bottom: 100px
}

.vinyl_titles h1 {
    font-family: "canada-type-gibson", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 800 !important;
    letter-spacing: -1px;
    font-size: 75px !important;
    line-height: 75px;
    margin-bottom: 15px;
    color: #fff
}

.vinyl_titles h2 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 26px;
    color: #fff;
    font-weight: 200;
    margin-top: 0;
    padding-top: 0
}

.vinyl_section {
    margin-top: 80px
}

.vinyl_search_results {
    display: none
}

.vinyl_search_results li {
    list-style-type: none;
    display: inline-block;
    padding: 15px
}

.vinyl_search_results li h2 {
    font-weight: 200;
    color: rgba(46, 48, 58, 0.96);
    font-size: 16px
}

.vinyl_search_results li img {
    max-width: 180px
}

.apple_results {
    margin-top: 50px;
    display: none
}

.vinyl_browse_text {
    color: #fff !important;
    font-family: 'freight-sans-pro' !important;
    font-weight: 600;
    font-size: 16px !important;
    text-transform: uppercase
}

.album_frame_color {
    max-width: 250px;
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 15px
}

.vinyl_color_select_title {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

.vinyl_color_select_title p,
.vinyl_color_select_title td,
.vinyl_color_select_title strong,
.vinyl_color_select_title span,
.vinyl_color_select_title li,
.vinyl_color_select_title h1,
.vinyl_color_select_title h2,
.vinyl_color_select_title h3,
.vinyl_color_select_title h4,
.vinyl_color_select_title h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.vinyl_long_description {
    margin-top: 50px
}

.vinyl_long_description p {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.01rem;
    color: rgba(46, 48, 58, 0.96);
    font-weight: 200;
    font-size: 17px;
    line-height: 28px
}

.vinyl_long_description p p,
.vinyl_long_description p td,
.vinyl_long_description p strong,
.vinyl_long_description p span,
.vinyl_long_description p li,
.vinyl_long_description p h1,
.vinyl_long_description p h2,
.vinyl_long_description p h3,
.vinyl_long_description p h4,
.vinyl_long_description p h5 {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}

.vinyl_detail_page img {
    border-radius: 2px
}

.vinyl_detail_page p {
    font-family: "HelveticaNeue", Helvetica, Arial;
    font-size: 15px;
    color: #666;
    line-height: 26px
}

.hidden_frame_color {
    display: none
}

.vinyl_detail_image {
    position: relative;
    text-align: center;
    display: inline-block;
    margin-right: 80px;
    width: 65%
}

.vinyl_detail_side_col {
    display: inline-block;
    width: 25%;
    vertical-align: top
}

.vinyl_main_detail_images {
    display: block;
    position: relative
}

@media all and (max-width: 1150px) {
    .vinyl_detail_side_col {
        width: 100% !important;
        margin-top: 30px;
        text-align: center
    }
    .vinyl_detail_image {
        width: 100% !important;
        margin-right: 0
    }
}

.vinyl_slider {
    margin: -10px
}

.slider_product {
    margin: 10px
}

.slider_product a {
    text-decoration: none;
    font-weight: 200;
    color: rgba(46, 48, 58, 0.96);
    font-size: 16px
}

.level_vinyl_result img {
    max-width: 180px
}

.second_slider a,
.third_slider a {
    font-size: 14px;
    font-weight: 400
}

.vinyl_arrows {
    color: #555;
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    display: block;
    cursor: pointer;
    top: 40%;
    margin-top: -10px\9;
    -webkit-transform: translate(0, -45%);
    transform: translate(0, -45%);
    padding: 0;
    border: none;
    outline: none
}

.vinyl-prev {
    left: -45px
}

.vinyl-next {
    right: -45px
}

.vinyl_carousel_name {
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    display: inline-block;
    padding-top: 5px;
    margin-top: 5px;
    text-decoration: none;
    font-weight: 300;
    color: rgba(46, 48, 58, 0.96);
    font-size: 14px
}

.vinyl_detail_lower_banner_title {
    font-weight: 200 !important;
    font-size: 40px;
    line-height: 45px;
    margin-top: 0px;
    font-family: "Montserrat", HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
    text-rendering: optimizeLegibility;
    letter-spacing: .02rem;
    line-height: 45px !important;
    padding-bottom: 0
}

.vinyl_detail_lower_banner_title a {
    text-decoration: none
}

.vinyl_detail_lower_banner_title a:hover {
    text-decoration: none;
    color: #ddd
}

.underline_link_styles a {
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    color: #2980b9 !important;
    transition: none;
    text-decoration: none;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
    background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#bddbf1, #bddbf1);
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#bddbf1, #bddbf1);
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%
}

.underline_link_styles a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.underline_link_styles a::selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.underline_link_styles a::-moz-selection {
    text-shadow: 0.03em 0 #e7f2fa, -0.03em 0 #e7f2fa, 0 0.03em #e7f2fa, 0 -0.03em #e7f2fa, 0.06em 0 #e7f2fa, -0.06em 0 #e7f2fa, 0.09em 0 #e7f2fa, -0.09em 0 #e7f2fa, 0.12em 0 #e7f2fa, -0.12em 0 #e7f2fa, 0.15em 0 #e7f2fa, -0.15em 0 #e7f2fa;
    background: #e7f2fa
}

.underline_link_styles a:before,
.underline_link_styles a:after,
.underline_link_styles a *,
.underline_link_styles a *:before,
.underline_link_styles a *:after {
    text-shadow: none
}

.underline_link_styles a:visited {
    color: #2980b9 !important
}

.underline_link_styles a:hover {
    color: #111111 !important
}

@media all and (max-width: 500px) {
    .vinyl_titles {
        padding-top: 50px;
        padding-bottom: 60px
    }
    .vinyl_titles h1 {
        font-size: 40px !important;
        line-height: 55px
    }
    .vinyl_titles h2 {
        font-size: 25px !important
    }
    .vinyl_wrapper {
        width: 85% !important
    }
    .mobile_vinyl_search_col {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important
    }
    .vinyl_search_label {
        line-height: 20px !important
    }
}

@media all and (max-width: 1100px) {
    .vinyl_arrows {
        position: absolute;
        display: inline-block;
        top: -45px;
        padding: 0;
        border: none;
        outline: none;
        margin: 0 auto
    }
    .vinyl-prev {
        left: 10px
    }
    .vinyl-next {
        right: 10px
    }
}

.price_discount {
    color: #57ad68 !important
}

.collection_flex_item--bottom_margin_40 {
    margin-bottom: 40px
}

.album_out_stock_message {
    font-size: 24px !important;
    font-weight: 200 !important
}

.vinyl-as-seen-in img {
    padding: 0 20px
}

.workspace_case_study {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 40px 0
}

.workspace_case_study p {
    font-size: 22px;
    line-height: 34px;
    font-weight: 200
}


/*!
 * Cropper.js v1.3.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-05-20T07:56:44.346Z
 */

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-wrap-box,
.cropper-canvas {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline-color: rgba(51, 153, 255, 0.75);
    outline: 1px solid #39f;
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:before,
.cropper-center:after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}

.yui3-cssreset html {
    color: #000;
    background: #FFF
}

.yui3-cssreset body,
.yui3-cssreset div,
.yui3-cssreset dl,
.yui3-cssreset dt,
.yui3-cssreset dd,
.yui3-cssreset ul,
.yui3-cssreset ol,
.yui3-cssreset li,
.yui3-cssreset h1,
.yui3-cssreset h2,
.yui3-cssreset h3,
.yui3-cssreset h4,
.yui3-cssreset h5,
.yui3-cssreset h6,
.yui3-cssreset pre,
.yui3-cssreset code,
.yui3-cssreset form,
.yui3-cssreset fieldset,
.yui3-cssreset legend,
.yui3-cssreset input,
.yui3-cssreset textarea,
.yui3-cssreset p,
.yui3-cssreset blockquote,
.yui3-cssreset th,
.yui3-cssreset td {
    margin: 0;
    padding: 0
}

.yui3-cssreset table {
    border-collapse: collapse;
    border-spacing: 0
}

.yui3-cssreset fieldset,
.yui3-cssreset img {
    border: 0
}

.yui3-cssreset address,
.yui3-cssreset caption,
.yui3-cssreset cite,
.yui3-cssreset code,
.yui3-cssreset dfn,
.yui3-cssreset em,
.yui3-cssreset strong,
.yui3-cssreset th,
.yui3-cssreset var {
    font-style: normal;
    font-weight: normal
}

.yui3-cssreset ol,
.yui3-cssreset ul {
    list-style: none
}

.yui3-cssreset caption,
.yui3-cssreset th {
    text-align: left
}

.yui3-cssreset h1,
.yui3-cssreset h2,
.yui3-cssreset h3,
.yui3-cssreset h4,
.yui3-cssreset h5,
.yui3-cssreset h6 {
    font-size: 100%;
    font-weight: normal
}

.yui3-cssreset q:before,
.yui3-cssreset q:after {
    content: ''
}

.yui3-cssreset abbr,
.yui3-cssreset acronym {
    border: 0;
    font-variant: normal
}

.yui3-cssreset sup {
    vertical-align: text-top
}

.yui3-cssreset sub {
    vertical-align: text-bottom
}

.yui3-cssreset input,
.yui3-cssreset textarea,
.yui3-cssreset select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

.yui3-cssreset input,
.yui3-cssreset textarea,
.yui3-cssreset select {
    *font-size: 100%
}

.yui3-cssreset legend {
    color: #000
}

#yui3-css-stamp.cssreset-context {
    display: none
}


/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: ns-resize
}

.ui-resizable-e {
    cursor: ew-resize
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222
}

.ui-widget-content a {
    color: #222222
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc;
    color: #222222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 5
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-stacking+.noUi-origin {
    *z-index: -1
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle 
z-index:5;
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-horizontal.noUi-extended {
    padding: 0 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-vertical.noUi-extended {
    padding: 15px 0
}

.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px
}

.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
	z-index:5;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:after,
.noUi-handle:before {
	z-index:5;
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
	z-index:5;
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
	z-index:5;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
	z-index:5;
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
	z-index:5;
    background: #B8B8B8
}

[disabled] .noUi-handle {
    cursor: not-allowed;
	z-index:5;
}

.noUi-state-blocked .noUi-connect,
.noUi-state-blocked.noUi-connect {
    background: #4FDACF
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 5
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base,
.noUi-handle {
	z-index:5;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
	z-index:5;
}

.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB
}

.noUi-draggable {
    cursor: w-resize
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
	z-index:5;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:before,
.noUi-handle:after {
	z-index:5;
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
	z-index:5;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
	z-index:5;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
	z-index:5;
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
    cursor: not-allowed;
	z-index:5;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    background: #fafafa;
    padding: 3px 7px;
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    color: #222;
    font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, sans-serif !important
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    top: -132%
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 8px
}

.noUi-value-large {
    font-size: 8px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub {
    background: #AAA
}

.noUi-marker-large {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 10%, 0);
    transform: translate3d(-50%, 10%, 0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 1px;
    height: 3px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 10px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 3px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 5px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 10px
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #fff;
    opacity: 0.95;
    filter: alpha(opacity=95)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #333;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #333;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    background: #000
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    background: #444
}

.mfp-figure {
    line-height: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 30px;
    width: auto;
    max-width: 450px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045
}

.limited_faq_popup {
    position: relative;
    background: #FFF;
    padding: 30px;
    width: auto;
    max-width: 650px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045
}

.get_started_popup {
    position: relative;
    background: #FFF;
    padding: 30px;
    width: auto;
    max-width: 550px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045
}

.big_get_started_popup {
    position: relative;
    background: #FFF;
    padding: 30px;
    width: auto;
    max-width: 850px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045
}

.user_image_upload_popup {
    position: relative;
    background: #FFF;
    padding: 30px;
    width: auto;
    max-width: 880px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045
}

.zen_editor_popup {
    position: relative;
    background-color: #fff;
    padding: 20px;
    margin: 20px 10px 10px 20px;
    border-radius: 3px;
    z-index: 1045
}

.print_detail_popup {
    position: relative;
    background-color: #fff;
    padding: 20px;
    width: auto;
    max-width: 900px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045
}

.collection_print_manage_popup {
    position: relative;
    background-color: #fff;
    padding: 20px;
    width: auto;
    max-width: 750px;
    min-height: 500px;
    margin: 20px auto;
    border-radius: 3px;
    z-index: 1045
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.2
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-quad;
    transition: all 0.3s ease-in-quad
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.zen-editor-animate.mfp-bg {
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.zen-editor-animate.mfp-bg.mfp-ready {
    opacity: 0.3
}

.zen-editor-animate.mfp-bg.mfp-removing {
    opacity: 0
}

.zen-editor-animate.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.zen-editor-animate.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transition: all 5s cubic-bezier(0.85, 0, 1, 1);
    -webkit-transition: all 1s ease-in-circ;
    transition: all 1s ease-in-circ
}

.zen-editor-animate.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-3d-unfold .mfp-content {
    -webkit-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
    width: 100%;
    height: 100%
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(-60deg);
    transform-style: preserve-3d;
    transform: rotateY(-60deg)
}

.mfp-3d-unfold.mfp-bg {
    background: #0b0b0b;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg)
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.5
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    -webkit-transform: rotateY(60deg);
    opacity: 0
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0
}

.rangeslider,
.rangeslider__fill {
    display: block;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 10px
}

.rangeslider {
    background: #e6e6e6;
    position: relative;
    box-sizing: content-box !important
}

.rangeslider--horizontal {
    height: 20px;
    width: 100%;
    box-sizing: content-box !important
}

.rangeslider--vertical {
    width: 20px;
    min-height: 400px;
    max-height: 100%
}

.rangeslider--disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4
}

.rangeslider__fill {
    background: #5d697e;
    position: absolute
}

.purple_slider_fill .rangeslider__fill {
    background: #57ad68
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%
}

.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%
}

.rangeslider__handle {
    box-sizing: content-box !important;
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    text-decoration: none
}

.rangeslider__handle:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    border-radius: 50%;
    text-decoration: none
}

.rangeslider__handle:active,
.rangeslider--active .rangeslider__handle {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12))
}

.rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y
}

.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x
}

input[type="range"]:focus+.rangeslider .rangeslider__handle {
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9)
}

.artwork_width_slider {
    width: 100%;
    max-width: 500px !important
}

@font-face {
    font-family: 'RedactorFont';
    src: url(/assets/redactor-font-848ba2b7d8790dbab60172637f1b0dcc07a89480a4f8c687d3a9f7ae5d61be4f.eot)
}

@font-face {
    font-family: 'RedactorFont';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/NUAAAC8AAAAYGNtYXAaVcx2AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zm8dIFkAAAFwAAATSGhlYWQACVb9AAAUuAAAADZoaGVhA+ECBQAAFPAAAAAkaG10eEEBA94AABUUAAAAkGxvY2FVlFE8AAAVpAAAAEptYXhwAC8AkgAAFfAAAAAgbmFtZRHEcG0AABYQAAABZnBvc3QAAwAAAAAXeAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYf//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAACUCAAGSAAQACQANAAA3EQURBQEFEQURATUXBwACAP4AAdv+SgG2/tySkiUBbgH+lAEBSgH+3AEBJv7/3G9sAAAGAAAASQIAAW4ABAAJAA4AEwAYAB0AABMhFSE1FSEVITUVIRUhNSczFSM1FTMVIzUVMxUjNZIBbv6SAW7+kgFu/pKSSUlJSUlJAW5JSW5JSW5JSdxJSW5JSW5JSQAAAAACAAAAJQH3AZIAFgAuAAAlLgMnBzIuAic+AyMXNh4CByUnMg4CBx4DIxcnHgMXNi4CBwH3Dik/XUABAR04Vjg+WDUYAQFNeEcZEv7MAQENHDMlHzIfEQEBASZUTDYHCSBIZj4lGCQaEARqFi5HLzJFKhJqDC1RZSzVPQoWIxkbJBQID0wCCQ4VDxo4KA8PAAACAG4AJQGSAZIABAAzAAA3IQchJzceAzMyPgI3PgMnNyMXDgMHDgMjIi4CJy4DNycjBx4DF24BJQH+3QFABRIUGg0QGBUQCAYKBgQBAUABAQEEBAQCCAgKBQYJCQcEAgUCAwEBPwEBAwcJCEkkJD8HCgYEBAYKBwcRFRkPtcMGCQkHAwMFAwEBAwUDAwcJCQbDtQ8ZFREHAAUAAP//AgABtwAGAA4AFgBHAF8AAAEzFTMVIzUfAQc1IzUzNS8BNxUzFSMVFx4DFRwBDgEHDgMHMh4CFx4DHwEjJzwBJjQjLgMrARUjNTMyHgIXBzMyPgI3PgM1NC4CJy4DKwEVAUkjS24mkZFvb96RkW9vDAMFAwECAwICBQUGBAECAgIBAQICAgEbIBMBAQIEBQUCCh0qCAwKCQM3DgMFBQMCAQIBAQEBAgECAwQGAw4BtpYgtv9cXEolSUhcXEklSlUDCAoNBwQJBwcCAwUDAgEBAQIBAQMEBANCLgEBAQIGBwYCSLYBAwUDRAECAgECBAQGAwQFBQQBAgIBATIAAAAAAwBtAAABkgGTAAMADAARAAAlIzcXBzM3MxczAyMDFyEVITUBI0YjI7ZKF2MXSmVbZQEBJP7c5nh4eUlJASb+2iRJSQAKAAAAJQIAAZIABAAJAA4AEwAYAB0AIgAnACwAMQAANxEFEQU3FzUHFTU3NScVJwcVFzUVJxU3NRUHFRc1NxUXNQclBxUXNRUnFTc1FQcVFzUAAgD+ALeSkpKSJW1tbW1tbSWSkgEkbW1tbW1tJQFuAf6UASUBSgFIbQFIAUq4AUgBSm8BSgFIbQFIAUrbSAFKAQEBSAFKbwFKAUhtAUgBSgAAAAIACQAlAgABkgAWAC4AACUOAxU1DgMHJj4CFzU0HgIXBT4DNxU1FD4CNy4DNRUmDgIXAgA5VTkcQVxAKA8RGEh3Thc2Vz/+PAY3S1UlECAxICYyHQw9Z0chCt8wRi8VAWsFDxsjGS1kUiwLaQETKUYxYBAUDwgDTRABCRMlGhoiFwkBPhAQJzkZAAAAAgBJAEkBtwFuAEcAjwAAAQ4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYHNAYmIicwLgE0NTQ+Ajc+Azc1DgMHJw4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYVJgYmIjUiJjQmNTQ+Ajc+Azc1DgMHATkJDQkEAwYKBgcOEBAJCA4NDAUGCAUDAwQHBQUKCgwGBQoICAMBAgIBAQEBAQEBAQMGCgYGDxITCxMhHBYJzQkNCQQDBwkHBg4QEQgIDg0MBgUIBQMCBQcFBAoLDAYFCQkIAwECAgEBAQEBAQEBAwcJBgcPERQLEyEcFwkBIgwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAQwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAAT//wBJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNQcXAAIA/gC3AUn+twFJ/rclk5MBbklJbklJbklJSbdcWwAAAAUAAABJAgABbgAEAAkADgAaAG0AABMhFSE1FSEVITUVIRUhNSczNSM1IwcVNxUjFRc+Azc+Azc0PgE0NTQuAicuAyMiBioBByIOAiMVPgM3Mj4BMjM6AR4BFx4CFBUcAQYUBw4DBw4DDwEVMzUjPgM3MZIBbv6SAW7+kgFu/pKNRBgUFhYYIAUHBQMBAgICAQEBAQEDBAICBgcHBQEEAwQCAgMEBAICBAQDAgIDAwMCAgMDAwEBAgEBAQEBAgICAQQGCQULRC0BAwQEAgFuSUluSUluSUlrFF0GFAZJFJEFBwYEAQIDBAMBAgMDAwIDBwUFAgIEAgEBAQEBAhUBAgIBAQEBAQIBAQIDBAIBAgMCAQICAwMCAQUHCQYNExQBBAMFAgADAAAASQIAAW4ALAAxAGwAACUiLgInNTMeAzMyPgI1NC4CIyIOAgcjNT4DMzIeAhUUDgIjJzMVIzUnIg4CByMVDgMVFB4CFxUzHgMzMj4CNzMVDgMjIi4CNTQ+AjMyHgIXFSMuAyMBbgoUEhEIHgUKCwsGEyEZDg4ZIRMGCwsKBR4IERIUCh41KBcXKDUet5KSJQYLCwoFHgQHBQICBQcEHgUKCwsGBgsLCgUeCBESFAoeNSgXFyg1HgoUEhEIHgUKCwsGSQMGBwU0AgQDAQ0XHhESHhcNAQMEAjQFBwYDFyg1Hx41KBe3SUkvAQMEAhgFCw0OBwcNDQsGFwIEAwEBAwQCNAUHBgMXKDUeHzUoFwMGBwU0AgQDAQAAAAEAAAC3AgABAAAEAAATIRUhNQACAP4AAQBJSQABAJIASQGSAZIADAAAAQ8CFzcHNxc3DwEXAQcpQQvBC0ApQAvBC0EBWdYBOAE6AdgBOgE4AQAAAAQAAABJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNRcHAAIA/gC3AUn+twFJ/re3k5MBbklJbklJbklJSbdcWwAAAAMAAAAlAgABkgAEAAkAEgAANxEFEQUBBREFEQc/ARcVJTU3FwACAP4AAdv+SgG2tiQwPv6Sbm4lAW4B/pQBAUoB/twBASa4AV5eSgFIk5MABAAlAAAB2wG3AAMAGgAeADUAAAEVJzMHHgIGDwEOAS4BJy4BNDY/AT4BHgEXARcnFTceATI2PwE+AS4BJy4CBg8BDgEeARcB29vbKgMDAQICcwIGBgYCAwMBAnQCBQYGAv5029sqAwYGBQJzAgEBAgMCBgYGAnICAgEDAgG33NwrAgYGBgJzAgEBAgMDBQYGAnMCAQECA/51AdvaKgMDAQJzAgUGBgMCAwECAnMCBQYGAgAABAAA/9sCAAHbAAMAGgAeADUAACU1Fwc3LgI2PwE+AR4BFx4BFAYPAQ4BIiYnBycXNQcuASIGDwEOAR4BFx4CNj8BPgEuAScBJdvbKgMDAQICcwIGBgYCAwMBAnQCBQYGAnTb2yoDBgYFAnMCAQECAwIGBgYCcgICAQMC/9zbASwCBgYGAnICAgEDAgMGBgUCcwIBAwN1AdzbKgMDAQJzAgUGBgMCAwECAnICBgYGAgABAG4AJQFuAZIAEgAAJREjESM1Ii4CNTQ+AjsBESMBSSRKFigeEREeKBaTJSUBSf63khEeKBcWKB4R/pMAAAAAAwAlAAEB3AG2AAoAVwB4AAAlMwcnMzUjNxcjFQcOAwcOAyMiLgInLgM1ND4CNz4DOwE1NC4CJy4DIyIOAgcOAwc1PgM3PgIyMzIeAhceAx0BIzU1IyIOAgcOAxUUHgIXHgMzMj4CNz4DPQEBkkpcXEpKXFxK6wIGBgcEAwgICQUIDw4LBQUHBQIDBQkGBQ8SFAwlAQMDAgMFBwgFBAoJCQQFCQkJBQQJCQkEBQkKCQUNFRENBQUIBQI0FQgMCggDAwUDAQECAwICBQUHAwUJCQcCAwUCApKRkZORkZMHBAYFBQECAwIBAgUHBQULDQ8JCRANCwQFBgUCCQMGBQQCAgICAQEBAgEBAwQFAy8CAwMCAQEBAQIFCAUGDhIXDXgYSwECAwICBgYIBQQGBgUCAgMCAQIEBgQECgsOBwQAAAAEACUASgHbAW4AAwAMAC0AegAANyM3FwczNzMXMwMjAyUVFA4CBw4DIyIuAicuAzU0PgI3PgM7ATcuAyMqAQ4BBw4DBxU+Azc+AzMyHgIXHgMdASMiDgIHDgMVFB4CFx4DMzI+Ajc+AzcVMzU0LgInrjUbGok4EUsSOE1ETQF/AQMFAwMHCQoFBAYGBQIDAwIBAgMEAwMJCw0IFiIFDhIWDQYKCgoFBAoJCgQFCgoJBQUJCgoFBAkHBgIDAwMBJg0WEw8GBgkGAwIFCAUFDA4QCQUJCQgEBAcHBgI3AgUIBsV1dXZHRwEf/uFlBAcOCwsEBAYEAwICAwICBQYHAwUJBwUCAgMCAWIFCAYCAQEBAQMCBAIwAwUEAwIBAgEBAQIDAQIEBgYDCQMEBwQFCw4QCgkPDgsFBQcFAgEBAwICBQUHAxh7DhcTDwUAAAIASQBJAbcBkwAEAIEAABMhFSE1Fx4DFx4DFRQOAgcOAyMiLgInLgMnFR4DFx4DMzI+Ajc+AzU0LgInLgMvAS4DJy4DNTQ+Ajc+AzMyHgIXHgMXNS4DJy4DIyIOAgcOAxUUHgIXHgMfAUkBbv6SvwQIBgYCAgMDAQIDBQQDCAkLBgYNDAwGBg0NDQYGCwwNBgYNDAwHDxoXEggHCwgDAgUHBAUMDxIKHAcNCQcDAgMDAQIDBQMDCAkKBgYLCgsGBQsLCgYGCwwLBgYLDAsGDBcUEQcICwcDAgQHBAUMERUNIAEAJSUxAgMFBAMDBgYHAwUICAYDAgQDAQECAwMCBQcIBEEDBAUDAgECAQEDBgkGBQ8SFQwJEA8NBgYKCggDCwIFBQQDAgUFBgMFBwcFAwIDAwEBAgMCAgQGBgM9AgUDBAEBAgEBAwcJBgYPERMLCA8ODAQFCgoJBQsAAAQAAABJAgABbgAEAAkADgATAAA/ARcHJxc3FwcnJScHFzcXJwcXNwAltiO4AbYluCMB/yO4JbYBuCO2Jdsdkh6TAZQekhwBHZIekwGUHpIcAAAAAAUAAP/bAgAB2wAEAAkADgATABgAABcRIREhASERIREHITUhFRUhNSEVFSE1IRUAAgD+AAHb/koBtkn+3AEk/twBJP7cASQlAgD+AAHc/kkBt5JJSW5JSW5JSQAAAwCTAEkBbQGSABcALwBbAAA3Mh4CFx4DFwYUDgEHDgMrATczNzIeAhceAhQXBhQOAQcOAysBNzMDMzI+Ajc+Ayc2LgInLgMnPgM3PgMnNi4CJy4DKwED+AcNCQkDBAMEAQEBBAQEAgkKDQcqASgBBQsIBwIDAwQBAQQCBAEICAsFKgEoZGQRGRgRCAYLBgQBAQMEBwQGCg8OCggMDQgFAwcDAwEBBAYLBgcQFBcOZAHeAQMEAwMICQwHBgsJCAIDBAMBYYECAgMDAgYHCQUFCQcGAgIEAgFN/uoDBQgGBQ4RFQsKEQ8NBgUJBgQBAQMFBwUECwwOCAsSDw0FBggFAv63AAADACUAAAHbAbcABAANABEAADcRIREhEyMDMzczFzMDBxcjNyUBtv5K/URMOBBLETdLIho0GgABt/5JAW7+20hIASU1eHgAAAACAEIAHwG8AZkAIQBLAAAlBycOAS4BJwcXBw4BIiYvAS4BNDY/AT4BMhYfAR4BFAYHJy4BIgYPAQ4BFBYXHgE+AT8BLgMnLgI2PwE+AhYXBxc3PgE0JicBvJQEBQsMCwYhHg8PJygnDw8PDw8P1w8nKCcPDw8QEA8lCxscHAvFCwwLCgsbHRsLJwMFBgUCCgwDBQhSBg8QEgl+JoYLCwoL9pQEAQECAwMgHg8PDw8PDxAmKCcP1w8QEA8PDycoJw9+CwoLC8YLGx0bCwoLAQsLJgIDBAUCChcXFQhSBgYBBAV9JYYLHBwbCwAAAAMAAABJAgABbgAEAAkADgAAEyEVITUXIRUhNRczFSM1AAIA/gCSAW7+kpPb2wFuSUluSUluSUkAAwAAAEkCAAFuAAQACQAOAAATIRUhNRUhFSE1FTMVIzUAAgD+AAFt/pPc3AFuSUluSUluSUkAAAADAAAASQIAAW4ABAAJAA4AABMhFSE1FSEVITUVIRUhNQAB//4BAf/+AQIA/gABbklJbklJbklJAAMAAABJAgABbgAEAAkADgAAEyEHIScHIRchNxchByEnbgElAf7dAW0B/wH9/wFtASUB/t0BAW5JSW5JSW5JSQAGAAAAJwIAAZUACAANABQAGAAdACEAADc1IxEhFTMRIQEhFSE1FyMVIRUhNQcjNxcXITUhFScXIzdJSQG3Sf5JAUn+kwFtSiX+twFu27hcXG3+2wElKSlJICdJASVK/twBSdzcSbcl3EltbSUlJW5JSQAAAAEAAAABAADCHXSvXw889QALAgAAAAAAz3WLJQAAAADPdYsl////2wIAAdsAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgD//wAAAgAAAQAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAbgIAAAACAABtAgAAAAIAAAkCAABJAgD//wIAAAACAAAAAgAAAAIAAJICAAAAAgAAAAIAACUCAAAAAgAAbgIAACUCAAAlAgAASQIAAAACAAAAAgAAkwIAACUCAABCAgAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAoAFAAeAEAAcAC4AQQBhgGoAfoCQAMCAyYDuARGBFQEcASUBLwFFgVuBY4GLgbUB4IHrAfaCFwIgAj2CRIJLglKCWoJpAAAAAEAAAAkAJAACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
    font-weight: normal;
    font-style: normal
}

.redactor-box {
    position: relative;
    overflow: visible;
    margin-bottom: 24px
}

.redactor-box textarea {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: auto;
    outline: none;
    border: none;
    background-color: #111;
    box-shadow: none;
    color: #ccc;
    font-size: 13px;
    font-family: Menlo, Monaco, monospace, sans-serif;
    resize: none
}

.redactor-box textarea:focus {
    outline: none
}

.redactor-editor,
.redactor-box {
    background: #fff
}

.redactor-editor,
.redactor-box,
.redactor-box textarea {
    z-index: auto !important
}

.redactor-box-fullscreen {
    z-index: 1052 !important
}

.redactor-toolbar,
.redactor-dropdown {
    z-index: 100 !important
}

#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
    z-index: 1054 !important
}

.redactor-resize {
    background: #f4f4f4;
    padding: 4px 0 3px 0;
    cursor: move;
    border: 1px solid #e3e3e3;
    border-top: none
}

.redactor-resize div {
    width: 30px;
    margin: auto;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #fff
}

body .redactor-box-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.body-redactor-hidden {
    overflow: hidden
}

.redactor-editor {
    position: relative;
    overflow: auto;
    margin: 0 !important;
    padding: 20px;
    outline: none;
    white-space: normal;
    border: 1px solid #eee;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    line-height: 1.6em
}

.redactor-editor:focus {
    outline: none
}

.redactor-placeholder {
    position: relative
}

.redactor-placeholder:after {
    position: absolute;
    top: 20px;
    left: 20px;
    content: attr(placeholder);
    color: #999 !important;
    font-weight: normal !important
}

.redactor-linebreaks.redactor-placeholder:after {
    top: 20px;
    left: 20px
}

.redactor-toolbar {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background: #fff;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.redactor-toolbar:after {
    content: "";
    display: table;
    clear: both
}

.redactor-toolbar.redactor-toolbar-overflow {
    overflow-y: auto;
    height: 29px;
    white-space: nowrap
}

.redactor-toolbar.redactor-toolbar-external {
    z-index: 999;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.redactor-toolbar li {
    vertical-align: top;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    outline: none;
    list-style: none !important;
    box-sizing: content-box
}

.redactor-toolbar li a {
    display: block;
    color: #333;
    text-align: center;
    padding: 9px 10px;
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    zoom: 1;
    box-sizing: content-box
}

.redactor-toolbar li a:hover {
    outline: none;
    background-color: #1f78d8;
    color: #fff
}

.redactor-toolbar li a:hover i:before {
    color: #fff
}

.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
    outline: none;
    background-color: #ccc;
    color: #444
}

.redactor-toolbar li a.redactor-btn-image {
    width: 14px;
    height: 14px;
    background-position: center center;
    background-repeat: no-repeat
}

.redactor-toolbar li a.fa-redactor-btn {
    display: inline-block;
    padding: 9px 10px 8px 10px;
    line-height: 1
}

.redactor-toolbar li a.redactor-button-disabled {
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3
}

.redactor-toolbar li a.redactor-button-disabled:hover {
    color: #333;
    outline: none;
    background-color: transparent !important;
    cursor: default
}

.re-icon {
    font-family: 'RedactorFont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none !important
}

.re-icon i:before {
    position: relative;
    font-size: 14px
}

.re-video:before {
    content: "\e600"
}

.re-unorderedlist:before {
    content: "\e601"
}

.re-undo:before {
    content: "\e602"
}

.re-underline:before {
    content: "\e603"
}

.re-textdirection:before {
    content: "\e604"
}

.re-fontcolor:before {
    content: "\e605"
}

.re-table:before {
    content: "\e606"
}

.re-redo:before {
    content: "\e607"
}

.re-quote:before {
    content: "\e608"
}

.re-outdent:before {
    content: "\e609"
}

.re-orderedlist:before {
    content: "\e60a"
}

.re-link:before {
    content: "\e60b"
}

.re-horizontalrule:before {
    content: "\e60c"
}

.re-italic:before {
    content: "\e60d"
}

.re-indent:before {
    content: "\e60e"
}

.re-image:before {
    content: "\e60f"
}

.re-fullscreen:before {
    content: "\e610"
}

.re-normalscreen:before {
    content: "\e611"
}

.re-formatting:before {
    content: "\e612"
}

.re-fontsize:before {
    content: "\e613"
}

.re-fontfamily:before {
    content: "\e614"
}

.re-deleted:before {
    content: "\e615"
}

.re-html:before {
    content: "\e616"
}

.re-clips:before {
    content: "\e617"
}

.re-bold:before {
    content: "\e618"
}

.re-backcolor:before {
    content: "\e619"
}

.re-file:before {
    content: "\e61a"
}

.re-alignright:before {
    content: "\e61b"
}

.re-alignment:before,
.re-alignleft:before {
    content: "\e61c"
}

.re-alignjustify:before {
    content: "\e61d"
}

.re-aligncenter:before {
    content: "\e61e"
}

.re-gallery:before {
    content: "\e61f"
}

.redactor-toolbar-tooltip {
    position: absolute;
    z-index: 1054;
    text-align: center;
    top: 0;
    left: 0;
    background: #000;
    color: #fff;
    padding: 5px 8px;
    line-height: 1;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 12px;
    border-radius: 2px
}

.redactor-dropdown {
    position: absolute;
    top: 28px;
    left: 0;
    padding: 0;
    min-width: 220px;
    max-height: 254px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    line-height: 1.6em
}

.redactor-dropdown a {
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07)
}

.redactor-dropdown a:last-child {
    border-bottom: none
}

.redactor-dropdown a:hover {
    background-color: #1f78d8;
    color: #fff !important;
    text-decoration: none
}

#redactor-image-box {
    position: relative;
    max-width: 100%;
    display: inline-block;
    line-height: 0;
    outline: 1px dashed rgba(0, 0, 0, 0.6)
}

#redactor-image-editter {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -18px;
    line-height: 1;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    padding: 7px 10px;
    cursor: pointer
}

#redactor-image-resizer {
    position: absolute;
    z-index: 2;
    line-height: 1;
    cursor: nw-resize;
    bottom: -4px;
    right: -5px;
    border: 1px solid #fff;
    background-color: #000;
    width: 8px;
    height: 8px
}

.redactor-link-tooltip {
    position: absolute;
    z-index: 49999;
    padding: 10px;
    line-height: 1;
    display: inline-block;
    background-color: #000;
    color: #555 !important
}

.redactor-link-tooltip,
.redactor-link-tooltip a {
    font-size: 12px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif
}

.redactor-link-tooltip a {
    color: #ccc;
    margin: 0 5px;
    text-decoration: none
}

.redactor-link-tooltip a:hover {
    color: #fff
}

#redactor-droparea {
    position: relative;
    overflow: hidden;
    padding: 140px 20px;
    border: 3px dashed rgba(0, 0, 0, 0.1)
}

#redactor-droparea.drag-hover {
    background: rgba(200, 222, 250, 0.75)
}

#redactor-droparea.drag-drop {
    background: rgba(250, 248, 200, 0.5)
}

#redactor-droparea-placeholder {
    text-align: center;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7)
}

#redactor-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    height: 10px
}

#redactor-progress span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #3d58a8;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    background-size: 40px 40px
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

#redactor-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #000 !important;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3
}

#redactor-modal-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto
}

#redactor-modal {
    position: relative;
    margin: auto;
    margin-bottom: 20px;
    padding: 0;
    background: #fff;
    color: #000;
    font-size: 14px !important;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5)
}

#redactor-modal header {
    padding: 30px 40px 5px 40px;
    font-size: 18px;
    font-weight: bold
}

#redactor-modal section {
    padding: 30px 40px 50px 40px
}

#redactor-modal label {
    display: block;
    float: none !important;
    margin: 15px 0 3px 0 !important;
    padding: 0
}

#redactor-modal input[type="radio"],
#redactor-modal input[type="checkbox"] {
    position: relative;
    top: -1px
}

#redactor-modal select {
    width: 100%
}

#redactor-modal input[type="text"],
#redactor-modal input[type="password"],
#redactor-modal input[type="email"],
#redactor-modal input[type="url"],
#redactor-modal textarea {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 5px 4px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 1px;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    color: #333;
    width: 100%;
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    -webkit-transition: border 0.3s ease-in;
    transition: border 0.3s ease-in
}

#redactor-modal input[type="text"]:focus,
#redactor-modal input[type="password"]:focus,
#redactor-modal input[type="email"]:focus,
#redactor-modal input[type="url"]:focus,
#redactor-modal textarea:focus {
    outline: none;
    border-color: #5ca9e4;
    box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset
}

#redactor-modal input[type="text"].redactor-input-error,
#redactor-modal input[type="password"].redactor-input-error,
#redactor-modal input[type="email"].redactor-input-error,
#redactor-modal input[type="url"].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
    border-color: #e82f2f;
    box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset
}

#redactor-modal textarea {
    display: block;
    margin-top: 4px;
    line-height: 1.4em
}

#redactor-modal-tabber {
    margin-bottom: 15px;
    font-size: 12px
}

#redactor-modal-tabber a {
    border: 1px solid #ddd;
    line-height: 1;
    padding: 8px 15px;
    margin-right: -1px;
    text-decoration: none;
    color: #000
}

#redactor-modal-tabber a:hover {
    background-color: #1f78d8;
    border-color: #1f78d8;
    color: #fff
}

#redactor-modal-tabber a.active {
    cursor: default;
    background-color: #ddd;
    border-color: #ddd;
    color: rgba(0, 0, 0, 0.6)
}

#redactor-modal #redactor-modal-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    max-height: 250px;
    overflow-x: scroll
}

#redactor-modal #redactor-modal-list li {
    border-bottom: 1px solid #ddd
}

#redactor-modal #redactor-modal-list li:last-child {
    border-bottom: none
}

#redactor-modal #redactor-modal-list a {
    padding: 10px 5px;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    display: block;
    position: relative
}

#redactor-modal #redactor-modal-list a:hover {
    background-color: #eee
}

#redactor-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    text-align: right;
    color: #bbb;
    font-size: 30px;
    font-weight: 300;
    cursor: pointer
}

#redactor-modal-close:hover {
    color: #000
}

#redactor-modal footer button {
    position: relative;
    width: 100%;
    padding: 14px 16px;
    margin: 0;
    outline: none;
    border: none;
    background-color: #ddd;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    line-height: 1;
    cursor: pointer
}

#redactor-modal footer button:hover {
    color: #777;
    background: none;
    background: #bbb;
    text-decoration: none
}

#redactor-modal footer button.redactor-modal-delete-btn {
    background: none;
    color: #fff;
    background-color: #b52525
}

#redactor-modal footer button.redactor-modal-delete-btn:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #881b1b
}

#redactor-modal footer button.redactor-modal-action-btn {
    background: none;
    color: #fff;
    background-color: #2461b5
}

#redactor-modal footer button.redactor-modal-action-btn:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1a4580
}

.redactor-dropdown .redactor-formatting-blockquote {
    color: rgba(0, 0, 0, 0.4);
    font-style: italic
}

.redactor-dropdown .redactor-formatting-pre {
    font-family: monospace, sans-serif
}

.redactor-dropdown .redactor-formatting-h1 {
    font-size: 36px;
    line-height: 36px;
    font-weight: bold
}

.redactor-dropdown .redactor-formatting-h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: bold
}

.redactor-dropdown .redactor-formatting-h3 {
    font-size: 21px;
    line-height: 30px;
    font-weight: bold
}

.redactor-dropdown .redactor-formatting-h4 {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold
}

.redactor-dropdown .redactor-formatting-h5 {
    font-size: 16px;
    line-height: 23px;
    font-weight: bold
}

.redactor-editor code,
.redactor-editor pre {
    font-family: Menlo, Monaco, monospace, sans-serif
}

.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
    font-size: 14px;
    line-height: 1.6em
}

.redactor-editor a {
    color: #15c;
    text-decoration: underline
}

.redactor-editor object,
.redactor-editor embed,
.redactor-editor video,
.redactor-editor img {
    max-width: 100%;
    width: auto
}

.redactor-editor video,
.redactor-editor img {
    height: auto
}

.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor blockquote,
.redactor-editor pre {
    margin: 0;
    margin-bottom: 15px;
    border: none;
    background: none;
    box-shadow: none
}

.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
    margin-bottom: 15px
}

.redactor-editor blockquote {
    margin-left: 1.6em !important;
    padding-left: 0;
    color: #777;
    font-style: italic
}

.redactor-editor ul,
.redactor-editor ol {
    padding-left: 2em
}

.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
    margin: 2px;
    padding: 0;
    padding-left: 2em;
    border: none
}

.redactor-editor dl dt {
    font-weight: bold
}

.redactor-editor dd {
    margin-left: 1em
}

.redactor-editor table {
    border-collapse: collapse;
    font-size: 1em;
    width: 100%
}

.redactor-editor table td,
.redactor-editor table th {
    padding: 5px;
    border: 1px solid #ddd;
    vertical-align: top
}

.redactor-editor table thead td,
.redactor-editor table th {
    font-weight: bold;
    border-bottom-color: #888
}

.redactor-editor code {
    background-color: #d8d7d7
}

.redactor-editor pre {
    overflow: auto;
    padding: 1em;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f8f8f8;
    white-space: pre;
    font-size: 90%
}

.redactor-editor hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}

.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
    font-weight: bold;
    color: #000;
    padding: 0;
    background: none;
    text-rendering: optimizeLegibility;
    margin: 0 0 .5em 0
}

.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
    line-height: 1.3
}

.redactor-editor h1 {
    font-size: 36px
}

.redactor-editor h2 {
    font-size: 24px;
    margin-bottom: .7em
}

.redactor-editor h3 {
    font-size: 21px
}

.redactor-editor h4 {
    font-size: 18px
}

.redactor-editor h5 {
    font-size: 16px
}

.redactor-editor h6 {
    font-size: 12px;
    text-transform: uppercase
}

.slick-loading .slick-list {
    background: #000
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px\9;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    margin-bottom: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 30px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 0.75
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-slide:focus {
    outline: none !important
}

.slick-arrow.slick-hidden {
    display: none
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    -webkit-transition: .2s transform, .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    -webkit-transition: .2s transform, .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    -webkit-transition: .2s transform, .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

ul.token-input-list {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 100%;
    border: none;
    cursor: text;
    font-size: 12px;
    font-family: HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif;
    z-index: 1050;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left
}

ul.token-input-list li {
    list-style-type: none
}

ul.token-input-list li input {
    border: 0;
    width: 90%;
    padding: 3px 8px;
    background-color: white;
    -webkit-appearance: caret
}

li.token-input-token {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #d0efa0;
    color: #000;
    font-weight: normal;
    cursor: default;
    display: block
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
    font-size: 16px
}

li.token-input-token span {
    float: right;
    color: #333;
    cursor: pointer
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff
}

li.token-input-selected-token span {
    color: #bbb
}

div.token-input-dropdown {
    position: absolute;
    width: 150px;
    margin-top: 10px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    z-index: 1050 !important;
    font-family: HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    color: #777;
    font-size: 12px
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
    font-size: 12px
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #d0efa0
}

div.TokenizeMeasure,
div.Tokenize ul li span,
div.Tokenize ul.TokensContainer li.TokenSearch input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

div.Tokenize {
    position: relative;
    display: inline-block;
    zoom: 1
}

div.Tokenize ul {
    list-style: none;
    padding: 0;
    margin: 0
}

div.Tokenize ul li {
    white-space: nowrap
}

div.Tokenize ul.TokensContainer {
    cursor: text;
    padding: 0 5px 5px 0;
    height: 55px;
    overflow-y: auto;
    background-color: white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.Tokenize ul.TokensContainer.Autosize {
    height: auto
}

div.Tokenize.Disabled ul.TokensContainer,
div.Tokenize.Disabled ul.TokensContainer input {
    cursor: not-allowed
}

div.Tokenize ul.TokensContainer li.Token {
    border: 1px solid #ccd5e3;
    background-color: #eff2f7;
    padding: 5px 10px !important;
    line-height: 18px;
    box-sizing: content-box;
    vertical-align: top
}

div.Tokenize ul.TokensContainer.ui-sortable:not(.ui-sortable-disabled) li.Token {
    cursor: move
}

div.Tokenize ul.TokensContainer li.Token.MovingShadow {
    border: 1px solid #fcefa1;
    background-color: #fbf9ee
}

div.Tokenize ul.TokensContainer li.Token.PendingDelete {
    opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50)
}

div.Tokenize ul.TokensContainer li.Token,
div.Tokenize ul.TokensContainer li.TokenSearch {
    margin: 5px 5px 10px 10px;
    height: 18px;
    float: left
}

div.Tokenize ul.TokensContainer li.TokenSearch input {
    margin: 0;
    padding: 1px 0;
    background-color: transparent;
    line-height: 18px;
    border: none;
    outline: none
}

div.Tokenize ul.TokensContainer li.Placeholder {
    color: #ddd;
    position: absolute;
    line-height: 20px;
    padding: 5px 0 0 15px;
    display: none;
    margin: 0 auto
}

div.Tokenize ul.TokensContainer,
div.Tokenize ul.Dropdown {
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 5px
}

div.Tokenize ul.TokensContainer li.Token a.Close {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 18px;
    float: right;
    margin: 1px 0 0 5px;
    padding: 0;
    cursor: pointer;
    color: #a6b4ce
}

div.Tokenize.Disabled ul.TokensContainer li.Token a.Close {
    display: none
}

div.Tokenize ul.TokensContainer li.Token a.Close:hover {
    background: transparent;
    text-decoration: none
}

div.Tokenize ul.Dropdown {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    width: 100%;
    padding: 5px 0;
    margin: -1px 0 0 0;
    position: absolute;
    background-color: white;
    overflow-y: auto;
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    border-radius: 0 0 6px 6px;
    z-index: 20
}

div.Tokenize ul.Dropdown li {
    padding: 5px 20px;
    overflow: hidden;
    cursor: pointer
}

div.Tokenize ul.Dropdown li.Hover {
    color: white;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #08c, #0077b3);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

li.Token {
    display: none !important
}

.tooltipster-punk {
    border-radius: 5px;
    border-bottom: 3px solid #4285f4;
    background: #2a2a2a;
    color: #fff
}

.tooltipster-punk .tooltipster-content {
    font-size: 16px;
    line-height: 18px;
    padding: 8px 20px 10px 20px
}

.tooltipster-white {
    border-radius: 5px;
    background: #fff;
    color: #222
}

.tooltipster-white .tooltipster-content {
    font-size: 16px;
    line-height: 18px;
    padding: 8px 20px 10px 20px
}

.tooltipster-shadow {
    border-radius: 5px;
    border: 2px solid #eee;
    color: #2c2c2c;
    max-width: 400px;
    background: #fff
}

.tooltipster-shadow .tooltipster-content {
    font-size: 13px;
    line-height: 25px;
    font-weight: 300;
    padding: 8px 10px;
    background: #fff -webkit-linear-gradient(bottom, #fff, #f7f7f7);
    background: #fff linear-gradient(to top, #fff, #f7f7f7);
    color: #555;
    border-radius: 5px;
    font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, sans-serif !important
}

.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff
}

.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

@media screen and (max-width: 1200px) {
    .zen_content {
        width: 95%
    }
    .zen_editor_controls_area--outlined {
        min-width: 38%
    }
    .page_wrapper--bigger {
        width: 93%
    }
}

@media screen and (max-width: 1100px) {
    .levle_frame_bg {
        width: 390px;
        margin-left: 20px
    }
}

@media screen and (max-width: 1050px) {
    .page_wrapper,
    .page_wrapper_no_padding {
        width: 93%
    }
    .blog_page_wrapper {
        width: 90%;
        padding-left: 25px
    }
    .home_nav_container {
        width: 90% !important
    }
    .top_background_container {
        width: 90% !important
    }
    .gradient_divider {
        width: 100%
    }
    .gradient_divider img {
        margin-left: 0;
        margin-right: 0;
        max-width: 100% !important;
        height: auto;
        width: auto\9
    }
    .home_feature_image_left {
        margin-right: 50px
    }
    .home_feature_image_right {
        margin-left: 50px
    }
    .main_editor_interface {
        width: 70%
    }
    #finalize_btn_2 .fa {
        display: none
    }
    .controls {
        border-left: none
    }
    .info_bubble {
        display: none;
        position: absolute;
        margin-left: -45px
    }
    .mobile_info {
        display: inline-block
    }
    .recommended_options_text {
        margin-top: 20px;
        margin-left: 0
    }
    .order_prices {
        float: none;
        width: 90%;
        margin-bottom: 20px
    }
    .smart-green {
        float: none;
        width: 90%
    }
    .artist_list {
        text-align: center
    }
    .artist_breadcrumb {
        text-align: center
    }
    .new_nav_wrapper {
        width: 100%
    }
    .new_nav_logo {
        margin-left: 20px
    }
    .new_nav_links {
        margin-right: 20px
    }
    .new_nav_links {
        display: none
    }
    .mobile_new_nav_links {
        display: block
    }
}

@media screen and (max-width: 1010px) {
    .zen_editor_controls_area {
        width: 40%
    }
    .main_editor_interface {
        width: 95%
    }
    .controls {
        display: none !important
    }
    .mobile_finalize {
        display: inline-block !important;
        margin-top: 5px
    }
    .zen_mobile_controls {
        display: block
    }
    .levle_frame_bg {
        width: 100%;
        float: none;
        margin: 0 auto
    }
    .description_and_btns {
        display: none
    }
    .zen_editor_controls_area {
        display: block;
        float: none;
        width: 100% !important;
        margin: 0 auto;
        text-align: center
    }
    .zen_controls {
        display: none
    }
    .zen_finalize_area {
        margin-top: 50px
    }
    .zen_editor_controls_area--outlined {
        display: none
    }
    .mobile_finalize_button {
        display: block
    }
}

@media screen and (max-width: 950px) {
    .learn_more {
        display: none
    }
    .bg_cover_wrapper {
        display: none
    }
    .bg_cover_tint {
        display: block;
        position: absolute;
        height: 650px;
        width: 100%;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
        z-index: 1;
        border-bottom: 1px solid #eee
    }
    .hero_desktop_height {
        height: auto
    }
    .mobile_home_img {
        display: block
    }
    .index_wrapper {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
        border-bottom: 1px solid #eee
    }
    .home_top_content {
        text-align: center
    }
}

@media screen and (max-width: 850px) {
    .section3_frame {
        margin-right: 50px
    }
    .subpage_cover_wrapper {
        display: none
    }
    .subpage_header_content {
        text-align: center;
        margin-top: -50px;
        margin-bottom: -100px
    }
    .frame_button_browser img {
        width: 100%
    }
    .yc_flex_item_1 {
        margin: 0 auto;
        text-align: center
    }
}

@media screen and (max-width: 795px) {
    .summary_details_area {
        width: 42%
    }
    .print_detail_left_column {
        float: none;
        display: block;
        margin-right: 0
    }
}

@media screen and (max-width: 785px) {
    .limited_nav_link {
        display: block;
        padding: 15px 20px 15px 20px !important
    }
    .lets_frame_it {
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px !important
    }
}

@media screen and (max-width: 735px) {
    .get_started_content {
        position: relative
    }
}

@media screen and (max-width: 720px) {
    .hero_content h1 {
        font-size: 50px
    }
    .hero_content p {
        font-size: 17px
    }
    .bg_cover_tint {
        height: 600px
    }
    .bg_cover_tint_skimm {
        height: 580px
    }
    .section3_frame {
        float: none;
        margin: 0 auto;
        margin-bottom: 40px
    }
    .tooltipster-punk {
        width: 60% !important
    }
    .editor_tooltip {
        width: 100%
    }
    .homepage_dimensions_box {
        display: block;
        width: 100%
    }
    .dimensions_popup {
        margin: 0 auto
    }
    .two_thirds {
        width: 95%;
        float: none
    }
    .one_third {
        margin-left: 0;
        width: 95%;
        float: none
    }
    .home_feature_image_left {
        display: block;
        float: none;
        margin: 0 auto
    }
    .home_feature_image_right {
        display: block;
        float: none;
        margin: 0 auto
    }
    .home_subsection {
        float: none
    }
    .home_subsection h2 {
        text-align: center
    }
    .subsection_btn {
        text-align: center
    }
    .home_section {
        margin-top: 30px
    }
    .collection_title_area {
        text-align: center
    }
}

@media screen and (max-width: 610px) {
    .dimensions_x {
        display: none
    }
    .integer_dimension {
        text-align: left;
        width: 55%
    }
    .integer_dimension input[type="text"] {
        width: 100%
    }
    .custom-select {
        margin-left: 25px
    }
    .lets_frame_it {
        margin: 0 auto;
        margin-top: 10px !important
    }
    .orange_btn {
        font-weight: 400
    }
}

@media screen and (max-width: 600px) {
    .social_nav {
        display: none
    }
    .desktop_nav {
        display: none !important
    }
    .mobile_menu_icon {
        display: inline-block !important
    }
    .summary_print_area {
        width: 100%;
        float: none
    }
    .summary_details_area {
        width: 100%;
        float: none;
        margin-top: 40px;
        text-align: left;
        margin-left: 20px
    }
    .flex_item_5 {
        display: none
    }
    .glaze_column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media screen and (max-width: 470px) {
    .drop_container {
        display: none
    }
    .one_half {
        width: 100%;
        float: none;
        margin-left: 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 30px;
        padding-top: 30px
    }
    .one_half img {
        max-width: 100px
    }
    .lets_get_started {
        font-size: 28px !important;
        margin-bottom: 0;
        padding-bottom: 0
    }
    .skimm_cover_img {
        display: none
    }
    .skimm_hero_content {
        margin-bottom: 80px
    }
    .initial_blocks_content {
        width: 80%;
        margin: 0 auto
    }
    .skimm_titles h1 {
        font-size: 40px
    }
    .subpage_hero_titles_and_description h1 {
        font-size: 40px
    }
    .desktop_footer_image {
        display: none
    }
    .home_feature_image {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }
    .home_feature_image img {
        max-width: 80% !important;
        height: auto;
        width: auto\8
    }
    .section3_frame {
        width: 90%;
        height: 200px
    }
    #background_image {
        background-attachment: scroll
    }
    .block_image .zen_frame_loader {
        top: 60px
    }
    .fraction_choice {
        margin-right: 3px
    }
    .order_prices {
        width: 80%
    }
    .smart-green {
        width: 80%
    }
    .secure_connection {
        position: relative;
        margin-left: 25px
    }
    .devise_box {
        width: 90%;
        text-align: left
    }
    .devise_box input {
        width: 90%
    }
    .magnify_hover_position {
        display: none
    }
    .mobile_profile_shots {
        display: block
    }
    .artist_name {
        display: none
    }
    .zen_controls .control_btn {
        display: block;
        width: 60%;
        margin: 0 auto;
        margin-bottom: 5px
    }
    #mat_slider,
    #slider-toggle {
        display: block;
        margin: 0 auto;
        width: 60%;
        margin-top: 5px;
        margin-bottom: 5px
    }
    .change_option {
        display: block;
        width: 70%;
        margin: 0 auto
    }
    .learn_more {
        display: none
    }
    .hero_content .home_titles {
        margin-top: 0
    }
    .corner_image_large_container img {
        width: 80%;
        height: auto;
        margin-left: 20px
    }
    .fa-arrow-down {
        display: none
    }
    .fa-arrow-up {
        margin-left: 15px
    }
    .integer_dimension {
        text-align: left;
        width: 40%
    }
    .integer_dimension input[type="text"] {
        width: 100%
    }
    .flex_item {
        padding-top: 40px;
        padding-bottom: 60px
    }
    .flex_item h2 {
        margin-top: 0
    }
    .frame_button_browser {
        display: none
    }
    .get_the_button {
        margin-bottom: 100px
    }
    .api_titles h1 {
        font-size: 32px
    }
}
/*! nouislider - 14.0.2 - 6/28/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

t;}