dl, ol, ul {
    margin: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Spartan",Arial,Helvetica,sans-serif!important;
	    font-weight: 600 !important;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
    zoom: 1
}

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

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal;
    font-weight: normal
}

a {
    text-decoration: none;
    outline: none;
    cursor: pointer
}

b,
strong {
    font-weight: bold
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    border: none;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto
}

ul,
li {
    display: list-item;
    list-style: none
}

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

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left
}

svg {
    overflow: hidden
}

input[type=checkbox] {
    margin: 0 4px 0 0;
    width: 13px;
    height: 13px;
    padding: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden
}

input,
textarea,
select {
    outline: none;
    margin: 0;
    font-family: inherit
}

textarea {
    overflow: auto;
    resize: none
}

@font-face {
    font-family: "Museo-700";
    font-display: fallback;
    src: url("webfonts/32985D_0_00f18.eot?v=4cIrc4UCjM_wStBwoOfLYuXwzmU");
    src: url("webfonts/32985D_0_00841.eot?v=4cIrc4UCjM_wStBwoOfLYuXwzmU&#iefix") format("embedded-opentype"), url("webfonts/32985D_0_00f18.woff2?v=4cIrc4UCjM_wStBwoOfLYuXwzmU") format("woff2"), url("webfonts/32985D_0_00f18.woff?v=4cIrc4UCjM_wStBwoOfLYuXwzmU") format("woff"), url("webfonts/32985D_0_00f18.ttf?v=4cIrc4UCjM_wStBwoOfLYuXwzmU") format("truetype"), url("webfonts/32985D_0_0.svg#wf") format("svg")
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    height: 100%;
    font-size: 16px
}

body {
    font: 16px/1.5 "Spartan", Arial, Helvetica, sans-serif !important;
    background: #fff;
    color: #606062;
    text-align: left;
    padding: 0 !important;
    overflow-x: hidden;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.ternary-font {
    font-family: "Museo-700"
}

a,
img,
input,
select,
textarea,
._transition,
button,
.button,
:before,
:after {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a {
    color: #267778
}

a:hover {
    text-decoration: none !important;
    color: #181819
}

a:active,
a:focus {
    outline: none
}

a[disabled] {
    color: #c8c8c8 !important
}

a.xs-small {
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #606062
}

a.xs-small:hover {
    color: #000
}

a.paragraph-link {
    font-size: .875em;
    text-decoration-line: underline;
    color: #606062
}

a.paragraph-link:hover {
    color: #000
}

a.-secondary {
    font-size: .875em;
    font-weight: 600;
    color: #606062
}

a.-secondary:hover {
    color: #000
}

._d-block {
    display: block
}

._d-inline-block {
    display: inline-block
}

._d-flex {
    display: flex
}

._d-flex._justify-space-between {
    justify-content: space-between
}

._d-flex._justify-space-around {
    justify-content: space-around
}

._no-wrap {
    white-space: nowrap
}

p.small,
span.small,
ul.small,
ol.small,
label.small {
    font-size: .875em
}

p.xs-small,
span.xs-small,
ul.xs-small,
ol.xs-small,
label.xs-small {
    font-size: .75em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 20px;
    line-height: 1.2;
    color: #000
}

h1 {
    font-size: 2.25em;
    font-family: "Museo-700";
    margin-bottom: 30px
}

h1.large {
    font-size: 3.75em;
    line-height: 1
}

h1.x-small {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: inherit
}

h2 {
    font-size: 2.25em;
    font-family: "Museo-700"
}

h2.medium,
h2 .medium {
    font-size: 2em
}

h2.small,
h2 .small {
    font-size: 1.5em
}

h2.x-small {
    font-size: 1.25em;
    font-weight: normal;
    margin-bottom: 20px;
    font-family: inherit
}

h2.xs-small,
h2 .xs-small {
    font-size: 1em;
    margin-bottom: 20px;
    font-family: inherit
}

h2 small {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

h3 {
    font-size: 1.5em;
    font-family: "Museo-700"
}

h3.small {
    font-size: 1.125em
}

h3.medium {
    font-size: 1.5em
}

h3.large,
h3 .large {
    font-size: 2.25em;
    font-family: "Museo-700"
}

h3.label {
    font-size: 100%;
    color: inherit;
    font-family: inherit
}

h4 {
    font-size: 1.25em;
    font-weight: 500;
    font-family: "Museo-700"
}

h5 {
    font-family: "Museo-700";
    font-size: 18px;
    margin-bottom: 20px
}

h6 {
    font-size: 1.25em;
    font-weight: normal;
    margin-bottom: 20px
}

p {
    margin-bottom: 1.56rem
}

.border-img {
    border: 1px solid #ececec
}

img.autowidth {
    width: auto
}

img.lazyload.fix-src:not([src]) {
    visibility: hidden
}

.simple-list {
    margin-bottom: 20px
}

.simple-list li {
    padding-left: 16px;
    margin-bottom: 4px;
    position: relative
}

.simple-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    background: #acacac
}

.check-list.small {
    font-size: 14px
}

.check-list li {
    margin-bottom: 5px;
    position: relative;
    background: url(https://static.greetingsisland.com/images/theme/filters-check.svg) no-repeat left 7px;
    padding-left: 20px
}

.check-list.white-check li {
    background: url(https://static.greetingsisland.com/images/theme/check-light.svg) no-repeat left 7px
}

.check-list.black-check li {
    background: url(https://static.greetingsisland.com/images/theme/check-dark.svg) no-repeat left 7px
}

ol.decimal li {
    list-style-type: decimal
}

ol.bullet li {
    list-style-type: circle
}

.primary {
    color: #000
}

.secondary {
    color: #606062
}

.tertiary {
    color: #c8c8c8
}

.white {
    color: #fff !important
}

.black {
    color: #000 !important
}

.medium-grey {
    color: #acacac !important
}

.light-grey {
    color: #e8e8e8 !important
}

.dark-grey {
    color: #606062 !important
}

.dark-grey2 {
    color: #666 !important
}

.pink {
    color: #ebb7f5
}

.gradient-text {
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.gradient-text1,
.view-more-link.gradient-text1 {
    background-image: linear-gradient(90deg, #b123ef 0%, #fd5195 100%)
}

.gradient-text1 .more-arrow,
.view-more-link.gradient-text1 .more-arrow {
    fill: #d24abf
}

.gradient-text2,
.view-more-link.gradient-text2 {
    background-image: linear-gradient(90deg, #a5c0ee 0%, #df83a0 100%)
}

.gradient-text2 .more-arrow,
.view-more-link.gradient-text2 .more-arrow {
    fill: #e4aabd
}

.gradient-text3,
.view-more-link.gradient-text3 {
    background-image: linear-gradient(90deg, #6a9ba0 0%, #96d4dd 78.97%, #a0e1eb 100%)
}

.gradient-text3 .more-arrow,
.view-more-link.gradient-text3 .more-arrow {
    fill: #89bdc5
}

.gradient-text4,
.view-more-link.gradient-text4 {
    background-image: linear-gradient(90deg, #ff9a44 0%, #ff4e50 100%)
}

.gradient-text4 .more-arrow,
.view-more-link.gradient-text4 .more-arrow {
    fill: #f95a54
}

.gradient-text5,
.view-more-link.gradient-text5 {
    background-image: linear-gradient(90deg, #fe5196 0%, #f77062 100%)
}

.gradient-text5 .more-arrow,
.view-more-link.gradient-text5 .more-arrow {
    fill: #f77062
}

.gradient-text6,
.view-more-link.gradient-text6 {
    background-image: linear-gradient(90deg, #ff9a44 0%, #ff4e50 100%)
}

.gradient-text6 .more-arrow,
.view-more-link.gradient-text6 .more-arrow {
    fill: #f77062
}

.gradient-text7,
.view-more-link.gradient-text7 {
    background-image: linear-gradient(90deg, #ff0844 0%, #d22626 100%)
}

.gradient-text7 .more-arrow,
.view-more-link.gradient-text7 .more-arrow {
    fill: #d22626
}

.pink-text-gradient {
    background-color: #3023ae;
    background-image: linear-gradient(45deg, #3023ae, #c86dd7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media all and (-ms-high-contrast:none) {
    .pink-text-gradient {
        background: none
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .gradient-text,
    .view-more-link,
    .more-arrow {
        background-image: none !important;
        fill: black !important
    }
}

.white-bg {
    background-color: #fff
}

.very-light-grey2-bg {
    background-color: #f9f9fb
}

.blue-grey-gradient {
    background: #006daa;
    background: linear-gradient(135deg, #006daa 0%, #00af95 100%)
}

.green-gradient {
    background: #03bca1;
    background: linear-gradient(135deg, #03bca1 0%, #01df7c 100%)
}

.dark-blue-gradient {
    background: linear-gradient(135.42deg, #3e4572 0%, #101316 100%)
}

.dark-blue-gradient-vertical {
    background: #3e4572;
    background: linear-gradient(to bottom, #3e4572 0%, #101316 100%)
}

.orange-red-gradient {
    background: #ffad7b;
    background: linear-gradient(135deg, #ffad7b 0%, #d9497a 100%)
}

.pink-purple-gradient {
    background: #df5abc;
    background: linear-gradient(135deg, #df5abc 0%, #952dc6 100%)
}

.pink-purple-gradient2 {
    background: #bc22c9;
    background: linear-gradient(135deg, #bc22c9 0%, #6670b0 100%)
}

.pink-purple-gradient3 {
    background: #ff4e97;
    background: linear-gradient(135deg, #ff4e97 0%, #b401f3 100%)
}

.pink-gradient,
.banner.birthday:before,
.banner.birthday-milestone:before,
.banner.birthday-family:before {
    background: #dfa1fa;
    background: linear-gradient(120deg, #b123ef 0%, #fd5195 100%)
}

.yellow-gradient {
    background: #ff8d00;
    background: linear-gradient(120deg, #ff8d00 0%, #ffcb00 100%)
}

.orange-gradient,
.banner.christmas.halloween:before,
.banner.holidays.halloween:before {
    background: #ff6900;
    background: linear-gradient(120deg, #ff6900 0%, #ed9f09 100%)
}

.pink-peach-gradient,
.banner.events-and-occasions:before,
.banner.thank-you:before,
.banner.baby-shower.baby-shower-girl:before,
.banner.bridal-shower:before,
.banner.invitations.housewarming:before {
    background: #f76f61;
    background: linear-gradient(-45deg, #f77062 0%, #fe5196 100%)
}

.fancy-pink-gradient,
.banner.invitations.summer-party.luau:before {
    background: #f3b6a2;
    background: linear-gradient(61deg, #f3b6a2 4%, #fb6470 98%)
}

.soft-purple-gradient,
.banner.get-well:before {
    background: #a6a1c0;
    background: linear-gradient(135deg, #a6a1c0 0%, #5f7aea 100%)
}

.turquoise-gradient,
.banner.bar-mitzvah:before,
.banner.thank-you.wedding-thank-you:before,
.banner.announcements.save-the-date-announcements:before,
.banner.announcements:before,
.banner.wedding:before,
.banner.rsvp:before,
.banner.christmas.new-year:before,
.banner.holidays.new-year:before,
.banner.invitations.professional-events:before,
.banner.invitations.graduation-party:before,
.banner.anniversary:before,
.banner.upload-your-own:before {
    background: #6a9ba0;
    background: linear-gradient(132deg, #6a9ba0 0%, #96d4dd 80%, #a0e1eb 100%)
}

.bordo-peach-gradient,
.banner.love-and-romance:before,
.banner.communion:before,
.banner.christmas.mothers-day:before,
.banner.holidays.mothers-day:before,
.banner.christmas.valentines-day:before,
.banner.holidays.valentines-day:before {
    background: #b12a5b;
    background: linear-gradient(90deg, #b12a5b 0%, #ff8177 75%)
}

.lilac-pink-gradient,
.banner.miss-you:before,
.banner.thoughts-and-feelings.hugs:before,
.banner.thoughts-and-feelings.sorry:before,
.banner.new-baby:before,
.banner.thank-you.baby-thank-you:before,
.banner.baby-shower.gender-reveal:before,
.banner.baby-shower:before,
.banner.announcements.pregnancy-announcement:before {
    background: #a5c0ee;
    background: linear-gradient(90deg, #a5c0ee 0%, #df83a0 96%)
}

.green-spring-gradient,
.banner.congratulations:before,
.banner.thank-you.baptism-thank-you:before,
.banner.baptism:before,
.banner.announcements.wedding-announcements:before,
.banner.announcements.birth-announcements:before,
.banner.christmas.easter:before,
.banner.holidays.easter:before,
.banner.invitations.retirement:before,
.banner.invitations.cocktail-party:before {
    background: #71dda6;
    background: linear-gradient(233deg, #71dda6 9%, #4b8aac 100%)
}

.pink-peach-gradient2 {
    background: #f76f61;
    background: linear-gradient(120deg, #f76f61 0%, #fd5195 100%)
}

.red-gradient,
.banner.christmas.chinese-new-year:before,
.banner.holidays.chinese-new-year:before,
.banner.christmas:before,
.banner.holidays:before {
    background: #ff0743;
    background: linear-gradient(-45deg, #d22626 0%, #ff0844 100%)
}

.peachy-red-gradient,
.banner.cheer-up:before,
.banner.thoughts-and-feelings:before,
.banner.christmas.grandparents-day:before,
.banner.holidays.grandparents-day:before,
.banner.christmas.thanksgiving:before,
.banner.holidays.thanksgiving:before,
.banner.christmas.rosh-hashanah:before,
.banner.holidays.rosh-hashanah:before,
.banner.christmas.kwanzaa:before,
.banner.holidays.kwanzaa:before,
.banner.invitations.family-reunion:before,
.banner.invitations.brunch:before,
.banner.invitations.bbq:before,
.banner.party:before,
.banner.invitations-general:before {
    background: #f76f61;
    background: linear-gradient(-45deg, #ff4e50 0%, #ff9a44 100%)
}

.yellow-red-gradient,
.banner.friendship:before,
.banner.events-and-occasions.exam:before,
.banner.christmas.ramadan:before,
.banner.holidays.ramadan:before,
.banner.christmas.diwali:before,
.banner.holidays.diwali:before {
    background: #ff4d4f;
    background: linear-gradient(120deg, #ff4d4f 0%, #f9d323 100%)
}

.yellow-green-gradient {
    background: #ffcb00;
    background: linear-gradient(120deg, #ffcb00 0%, #63f38b 100%)
}

.yellow-blue-gradient,
.banner.christmas.cinco-de-mayo:before,
.banner.holidays.cinco-de-mayo:before {
    background: #eddd03;
    background: linear-gradient(120deg, #eddd03 0%, #00dbdd 100%)
}

.blue-green-gradient,
.banner.good-luck:before,
.banner.announcements.engagement-announcements:before,
.banner.engagement-party:before,
.banner.christmas.fathers-day:before,
.banner.holidays.fathers-day:before,
.banner.christmas.st-patricks-day:before,
.banner.holidays.st-patricks-day:before,
.banner.birthday-boys:before,
.banner.birthday.birthday-mens:before,
.banner.birthday-milestone.birthday-mens:before,
.banner.birthday-family.birthday-mens:before,
.banner.invitations.summer-party:before,
.banner.invitations-featured,
.banner.cards-featured {
    background: #009dfd;
    background: linear-gradient(45deg, #2af598 0%, #009efd 100%)
}

.blue-gradient,
.banner.announcements.graduation-announcements:before,
.banner.invitations.sports-party:before,
.banner.graduation:before,
.banner.events-and-occasions.graduation:before {
    background: #2575f2;
    background: linear-gradient(120deg, #2575f2 0%, #00f1fd 100%)
}

.blue-purple-gradient,
.banner.teacher-appreciation:before,
.banner.christmas.boss-day:before,
.banner.holidays.boss-day:before,
.banner.christmas.hanukkah:before,
.banner.holidays.hanukkah:before,
.banner.invitations.birthday.\31st-birthday:before,
.banner.invitations.birthday.birthday-babies:before,
.banner.birthday.brother-birthday:before,
.banner.birthday.father-birthday:before,
.banner.birthday.grandfather-birthday:before,
.banner.birthday.husband-birthday:before,
.banner.birthday.uncle-birthday:before,
.banner.birthday.son-birthday:before,
.banner.birthday-milestone.brother-birthday:before,
.banner.birthday-milestone.father-birthday:before,
.banner.birthday-milestone.grandfather-birthday:before,
.banner.birthday-milestone.husband-birthday:before,
.banner.birthday-milestone.uncle-birthday:before,
.banner.birthday-milestone.son-birthday:before,
.banner.birthday-family.brother-birthday:before,
.banner.birthday-family.father-birthday:before,
.banner.birthday-family.grandfather-birthday:before,
.banner.birthday-family.husband-birthday:before,
.banner.birthday-family.uncle-birthday:before,
.banner.birthday-family.son-birthday:before,
.banner.invitations.house-party:before {
    background: #7b71ed;
    background: linear-gradient(120deg, #7b71ed 0%, #00dbdd 100%)
}

.purple-gradient,
.banner.birthday-girls:before,
.banner.invitations.sleepover:before {
    background: #9733ed;
    background: linear-gradient(120deg, #b123ef 0%, #fd5195 100%)
}

.dark-gradient,
.banner.sympathy:before,
.banner.announcements.memorial-announcements:before,
.banner.rehearsal-dinner:before,
.banner.christmas.veterans-day:before,
.banner.holidays.veterans-day:before,
.banner.christmas.\34th-of-july:before,
.banner.holidays.\34th-of-july:before,
.banner.invitations.dinner-party:before,
.banner.invitations.gala:before,
.banner.invitations.bachelor-party:before {
    background: #101316;
    background: linear-gradient(225deg, #3e4572 0%, #101316 100%)
}

.gray-gradient {
    background: #101316;
    background: linear-gradient(225deg, #757f9a 0%, #d7dde8 100%)
}

.-gradient-overlay {
    position: relative
}

.-gradient-overlay:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.orange-red-gradient-overlay:before,
.banner.announcements.moving-announcements:before {
    background: #ffad7b;
    background: linear-gradient(135deg, #d9497a 0%, #ffad7b 100%)
}

button,
button:active,
button:focus {
    cursor: pointer;
    outline: none;
    font-family: inherit
}

.button {
    height: 36px;
    line-height: 34px;
    padding: 0 25px;
    border: none;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: .5px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none
}

.button.-arrow-next {
    padding-left: 25px;
    padding-right: 30px;
    display: flex;
    align-items: center
}

.button.-arrow-next:after {
    background: url(/images/theme/arrow-next.svg?v=jbsPkIBplbp9CU1XwIm5w2uPShY) no-repeat;
    content: "";
    width: 8px;
    height: 12px;
    margin-left: 16px
}

.button.-margin-left {
    margin-left: 16px
}

.button.-margin-right {
    margin-right: 16px
}

.button.-size-sm {
    height: 32px;
    line-height: 32px;
    font-size: .9em;
    border-radius: 28px
}

.button.-size-sm.-narrower {
    padding: 0 35px
}

.button.-size-sm.-wider {
    padding: 0 36px
}

.button.-size-sm-md {
    height: 40px;
    line-height: 40px;
    border-radius: 40px
}

.button.-size-sm-md.-wider {
    padding: 0 35px
}

.button.-size-md {
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    font-size: 1.25em;
    padding: 0 28px
}

.button.-size-lg {
    height: 54px;
    line-height: 54px;
    padding: 0 20px;
    font-weight: 400;
    border-radius: 54px;
    font-size: 1.25em;
    padding: 0 35px
}

.button.-size-lg.-wider {
    padding: 0 46px
}

.button.-size-lg.-narrower {
    padding: 0 20px
}

.button.-plain {
    background: none;
    padding: 0;
    color: #606062;
    font-weight: bold;
    letter-spacing: unset
}

.button.-plain:hover {
    color: #000
}

.button.-plain:hover svg {
    fill: #000
}

.button.-plain svg {
    fill: #606062
}

.button.-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #267778;
    font-weight: bold;
    border: 3px solid #ccf6e7;
    box-sizing: border-box;
    border-radius: 50px;
    background-color: #fff;
    height: 40px
}

.button.-secondary:hover {
    border-color: #267778
}

.button.-secondary:active {
    background: #ccf6e7;
    border-color: #ccf6e7
}

.button.-primary {
    background-color: #01df7c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#01df7c), to(#03bca1));
    background-image: -webkit-linear-gradient(top, #01df7c, #03bca1);
    background-image: linear-gradient(top, #01df7c, #03bca1);
    box-shadow: 0 2px 10px 0 rgba(2, 200, 148, .4);
    font-weight: bold;
    color: #fff
}

.button.-primary:hover {
    background-color: #03bca1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#03bca1), to(#01df7c));
    background-image: -webkit-linear-gradient(top, #03bca1, #01df7c);
    background-image: linear-gradient(top, #03bca1, #01df7c)
}

.button.-primary:active {
    background-color: #01df7c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#01df7c), to(#03bca1));
    background-image: -webkit-linear-gradient(top, #01df7c, #03bca1);
    background-image: linear-gradient(top, #01df7c, #03bca1);
    box-shadow: none
}

.button.-invert {
    border: 3px solid rgba(255, 255, 255, .5);
    color: #fff;
    font-weight: bold
}

.button.-invert:hover {
    border-color: #fff;
    color: #fff
}

.button.-invert:active {
    background-color: rgba(255, 255, 255, .1)
}

.button.-invert.-size-sm {
    border-radius: 28px;
    line-height: 24px;
    border-width: 2px
}

.button.-invert.-size-md {
    border-radius: 50px;
    line-height: 44px;
    padding: 0 26px
}

.button.-invert.-size-lg {
    border-radius: 54px;
    line-height: 48px
}

.button.-invert.-wider {
    padding: 0 30px
}

.button.-ternary {
    border: 3px solid #ecedef;
    color: #606062;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.button.-ternary:hover {
    border-color: #a3a3a3
}

.button.-ternary:active {
    border-color: #e8e8e8;
    background: #e8e8e8
}

.button.-ternary.-green {
    border-color: #ccf6e7;
    color: #267778
}

.button.-ternary.-green:hover {
    border-color: #267778
}

.button.-ternary.-green:active {
    background-color: #ccf6e7;
    border-color: #ccf6e7
}

.button.-quaternary {
    background-color: #aa62ca;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#aa62ca), to(#7348ba));
    background-image: -webkit-linear-gradient(top, #aa62ca, #7348ba);
    background-image: linear-gradient(top, #aa62ca, #7348ba);
    font-weight: bold;
    box-shadow: -2px 3px 10px 0 rgba(189, 16, 224, .3);
    color: #fff;
    border-radius: 36px
}

.button.-quaternary:hover {
    background-color: #7348ba;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7348ba), to(#aa62ca));
    background-image: -webkit-linear-gradient(top, #7348ba, #aa62ca);
    background-image: linear-gradient(top, #7348ba, #aa62ca)
}

.button.-quaternary:active {
    box-shadow: none;
    background-color: #aa62ca;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#aa62ca), to(#7348ba));
    background-image: -webkit-linear-gradient(top, #aa62ca, #7348ba);
    background-image: linear-gradient(top, #aa62ca, #7348ba)
}

.button.-quaternary-light {
    border: 3px solid #af86d4;
    color: #9253c9;
    border-radius: 40px;
    line-height: 34px;
    font-weight: bold
}

.button.-quaternary-light:hover {
    border-color: #9865c8
}

.button.-quaternary-light:active {
    border-color: #e8ccff;
    background: #e8ccff
}

.button.-with-icon {
    display: inline-flex;
    align-items: center;
    justify-content: left
}

.button.-with-icon svg {
    margin: 0 12px 0 42px
}

.button.-fb {
    background-color: #fff;
    color: #3a5897;
    font-weight: bold;
    border: 2px solid #3a5897;
    margin-bottom: 20px
}

.button.-fb .symbol g path {
    fill: #3a5897
}

.button.-fb:active,
.button.-fb:hover {
    color: #fff;
    background-color: #3a5897
}

.button.-fb:active svg g path,
.button.-fb:hover svg g path {
    fill: #fff
}

.button.-gl {
    background-color: #fff;
    color: #dc4b3e;
    font-weight: bold;
    border: 2px solid #dc4b3e;
    margin-bottom: 20px
}

.button.-gl:active,
.button.-gl:hover {
    color: #fff;
    background-color: #dc4b3e
}

.button.-gl:hover svg g path {
    fill: #fff !important
}

.button.-apl {
    background-color: #fff;
    color: #17262a;
    font-weight: bold;
    border: 2px solid #17262a;
    margin-bottom: 20px
}

.button.-apl:active,
.button.-apl:hover {
    color: #fff;
    background-color: #17262a
}

.button.-apl:hover svg g path {
    fill: #fff !important
}

.button.-email {
    background-color: #fff;
    color: #267778;
    font-weight: bold;
    border: 2px solid #267778;
    margin-bottom: 20px
}

.button.-email:active,
.button.-email:hover {
    color: #fff;
    background-color: #267778
}

.button.-email:hover svg g path {
    fill: #fff !important
}

.button.-wider {
    padding: 0 60px
}

.button.-full-width {
    width: 100%;
    padding: 0
}

.button.-min-width1 {
    min-width: 200px
}

.button.-min-width2 {
    min-width: 224px
}

.button .premium-icon {
    position: relative;
    vertical-align: middle;
    top: -1px
}

button.button,
input[type=button] {
    line-height: normal
}

.go-back-arrow {
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    background: none;
    border: none;
    color: #b2b2b2;
    margin: 18px 0 0 18px
}

.go-back-arrow svg {
    fill: #b2b2b2;
    position: relative;
    top: 3px;
    margin-right: 6px
}

.go-back-arrow:hover {
    color: #666
}

.go-back-arrow:hover svg {
    fill: #666
}

.go-back-arrow:active {
    color: #000
}

.go-back-arrow:active svg {
    fill: #000
}

form {
    margin: 0 auto 40px
}

label {
    font-weight: normal;
    color: #606062
}

label.-field-label {
    line-height: 40px
}

label.-uppercase-label2 {
    display: inline-block;
    text-transform: uppercase;
    color: #4a4a4a;
    margin-bottom: 6px;
    margin-top: 12px;
    font-size: .75em;
    font-weight: 600;
    padding-left: 5px
}

label.check-label,
label.radio-label {
    cursor: pointer
}

label.block-label {
    display: block
}

label.inline-label {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0
}

label.-bold {
    color: #606062;
    font-weight: 600
}

label.error {
    color: #e5697a !important;
    margin-top: 5px;
    font-size: .875em;
    display: block
}

form .form-row {
    display: block;
    margin-bottom: 20px;
    overflow: hidden
}

form .form-row * {
    margin-bottom: 0 !important
}

form .form-row .form-element {
    overflow: hidden
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
select,
textarea,
.hosted-payment-field {
    background: #f8f8fa;
    color: #181819;
    border: 1px solid #e7e8ee;
    border-radius: 4px;
    padding: 5px 10px;
    height: 40px;
    max-width: 100%;
    width: 100%;
    font-size: 1em;
    margin-bottom: 2px;
    vertical-align: top;
    -webkit-appearance: none
}

input[type=text]:hover,
input[type=tel]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=number]:hover,
select:hover,
textarea:hover,
.hosted-payment-field:hover {
    background: #f1f1f5
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus,
textarea:focus,
.hosted-payment-field:focus {
    background: #f9f9fb;
    border-color: #919193
}

input[type=text].inline-field,
input[type=tel].inline-field,
input[type=email].inline-field,
input[type=password].inline-field,
input[type=number].inline-field,
select.inline-field,
textarea.inline-field,
.hosted-payment-field.inline-field {
    width: 290px;
    display: inline-block
}

input[type=text].error,
input[type=tel].error,
input[type=email].error,
input[type=password].error,
input[type=number].error,
select.error,
textarea.error,
.hosted-payment-field.error {
    border-color: #e5697a
}

select {
    cursor: pointer
}

select[multiple] {
    height: 150px
}

::placeholder {
    font-style: italic;
    color: #606062
}

:hover::placeholder {
    font-style: italic;
    color: #666
}

.select2 {
    width: 100% !important;
    margin-bottom: 15px
}

body>.select2 {
    z-index: 20000
}

.select2 .select2-selection--single {
    height: 40px;
    outline: none;
    background: #f8f8fa;
    color: #606062;
    border: 1px solid #e7e8ee;
    border-radius: 4px !important
}

.select2 .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 36px;
    top: 0;
    right: 0;
    background: url(https://static.greetingsisland.com/images/theme/custom-select-arrow.svg) no-repeat center center
}

.select2 .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2 .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-right: 30px;
    color: inherit
}

.select2 .select2-selection--single:hover {
    background: #f1f1f5;
    color: #000
}

.select2.select2-container--open .select2-selection--single {
    background: #f9f9fb;
    color: #181819;
    border-color: #919193
}

.select2 .select2-results__group {
    padding: 0;
    color: #000
}

.select2 .select2-selection--multiple {
    cursor: pointer;
    position: relative;
    color: #606062;
    border: 1px solid #e7e8ee;
    border-radius: 4px !important;
    background: #f8f8fa;
    padding-right: 30px;
    min-height: 40px
}

.select2 .select2-selection--multiple:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 36px;
    top: 0;
    right: 0;
    background: url(https://static.greetingsisland.com/images/theme/custom-select-arrow.svg) no-repeat center center
}

.select2 .select2-selection--multiple:hover {
    background: #f1f1f5;
    color: #000
}

.select2 .select2-selection--multiple .select2-search--inline {
    display: none
}

.select2 .select2-selection--multiple .select2-search__field {
    margin: 0;
    height: 38px;
    width: 100% !important;
    color: inherit;
    background: transparent
}

.select2 .select2-selection--multiple .select2-selection__choice {
    margin-top: 6px;
    border-radius: 26px;
    background: #e8e8e8;
    border-color: #e8e8e8;
    color: #606062;
    font-size: 14px;
    height: 26px;
    line-height: 26px
}

.select2 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    position: relative;
    top: -2px
}

.select2 .select2-selection--multiple .select2-selection__rendered {
    padding: 0 8px
}

.select2 .select2-selection--multiple .select2-search--inline {
    display: none
}

.select2.select2-container--focus .select2-selection--multiple {
    background: #f9f9fb;
    color: #181819;
    border-color: #919193
}

.select2.select2-container--simple .select2-selection {
    background: none;
    border: none;
    height: 24px
}

.select2.select2-container--simple .select2-selection .select2-selection__rendered {
    line-height: 24px
}

.select2-container .select2-results__option[aria-selected=true] {
    background: none;
    color: #267778
}

.select2-container .select2-results__option--highlighted[aria-selected] {
    background: #f9f9fb;
    color: #267778
}

.select2-container .select2-dropdown {
    margin-top: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    border: none;
    overflow: hidden
}

.select2-container .select2-dropdown .select2-results__option {
    line-height: 20px;
    padding: 10px;
    white-space: nowrap
}

.select2-container.select2-container--simple .select2-dropdown {
    margin-top: 12px
}

.select2-container.select2-container--simple .select2-dropdown--above {
    margin-top: 0
}

.select2-container--multiple .select2-dropdown .select2-results__option {
    position: relative;
    padding-left: 30px
}

.select2-container--multiple .select2-dropdown .select2-results__option:before {
    content: "";
    display: inline-block;
    border: 1px solid #cfcfcf;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -8px;
    background: url(https://static.greetingsisland.com/images/theme/filters-check.svg) no-repeat -500px 0
}

.select2-container--multiple .select2-dropdown .select2-results__option[aria-selected=true]:before {
    background-position: center center
}

.custom-checkbox input,
.custom-radio input {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.custom-checkbox span,
.custom-radio span {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    border: 1px solid #cfcfcf;
    position: relative;
    top: 2px;
    margin-right: 3px
}

.custom-checkbox span:after,
.custom-radio span:after {
    content: "";
    position: absolute;
    background: transparent;
    opacity: 0
}

.custom-checkbox span {
    border-radius: 2px
}

.custom-checkbox span:after {
    width: 10px;
    height: 6px;
    top: 3px;
    left: 2px;
    border: 2px solid #267778;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.custom-checkbox.checked span:after,
.custom-checkbox input[type=checkbox]:checked+span:after {
    opacity: 1
}

.custom-radio span {
    border-radius: 100%
}

.custom-radio span:after {
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
    background: #267778;
    border-radius: 100%
}

.custom-radio input[type=radio]:checked+span:after {
    opacity: 1
}

.custom-dropdown {
    display: inline-block;
    white-space: nowrap;
    position: relative
}

.custom-dropdown .dropdown-title {
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
    height: 24px
}

.custom-dropdown .dropdown-title .dropdown-arrow {
    position: relative;
    top: -2px;
    margin-left: 5px;
    fill: currentColor
}

.custom-dropdown .dropdown-title:hover {
    color: #666
}

.custom-dropdown .dropdown-list {
    display: none;
    margin-top: 12px;
    padding: 5px 0;
    background: #fff;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    min-width: 200px;
    position: absolute;
    z-index: 10;
    left: -20px
}

.custom-dropdown .dropdown-list li {
    cursor: pointer;
    display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    color: #606062
}

.custom-dropdown .dropdown-list li:hover {
    color: #267778;
    background: #f9f9fb
}

.custom-dropdown.-align-list-right .dropdown-list {
    right: 0;
    left: auto
}

[class*=icon] {
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    position: relative;
    margin-right: 5px;
    border: none;
    background-color: none;
    background-repeat: no-repeat;
    cursor: pointer
}

.social-icon {
    background: url(https://static.greetingsisland.com/images/theme/social-icons.svg) no-repeat;
    display: inline-block;
    vertical-align: top;
    height: 24px;
    margin: 0 7px
}

.social-icon.-pinterest {
    width: 15px;
    background-position: 0 center
}

.social-icon.-facebook {
    width: 15px;
    background-position: -30px center
}

.social-icon.-instagram {
    width: 18px;
    background-position: -93px center;
    margin-right: 18px
}

.social-icon:hover {
    opacity: .6
}

.social-icon:active {
    opacity: 1
}

.not-clickable {
    cursor: default
}

.icon-trash {
    background-image: url(https://static.greetingsisland.com/images/theme/icon-trash.svg);
    background-position: 0 0;
    width: 15px;
    height: 19px;
    top: -3px
}

.icon-back {
    background-image: url(https://static.greetingsisland.com/images/theme/icon-back.svg);
    background-position: 0 -1px;
    width: 24px;
    height: 18px
}

.icon-logout {
    background-image: url(https://static.greetingsisland.com/images/theme/icon-logout.svg);
    width: 24px;
    height: 18px
}

.icon-note {
    background-image: url(https://static.greetingsisland.com/images/theme/icon-note.svg);
    width: 25px;
    height: 27px
}

.icon-send-email {
    background-image: url(https://static.greetingsisland.com/images/theme/icon-send-email.svg);
    width: 21px;
    height: 17px
}

.icon-link {
    background-image: url(https://static.greetingsisland.com/images/theme/icon-link.svg);
    width: 21px;
    height: 9px
}

.icon-check {
    background-image: url(https://static.greetingsisland.com/images/theme/filters-check.svg);
    background-position: left 2px;
    width: 12px;
    height: 12px
}

.icon-play {
    width: 54px;
    height: 55px;
    background: url(https://static.greetingsisland.com/images/theme/icon-play.png) no-repeat 0 0;
    background-size: auto 55px;
    -webkit-transition: none;
    transition: none
}

.icon-play:hover {
    background-position: -54px 0
}

.icon-play:active {
    background-position: -108px 0
}

.note {
    font-style: italic;
    margin: 30px 0 30px 18px
}

.modal {
    min-width: 320px;
    z-index: 11000;
    text-align: center;
    padding: 0
}

.modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.modal textarea {
    height: 90px
}

.modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.modal .modal-header {
    border: none
}

.modal .modal-header.-border-bottom {
    border-bottom: 1px solid #e8e8e8
}

.modal .modal-header .close {
    position: absolute;
    z-index: 100;
    right: 20px;
    top: 20px
}

.modal .modal-header .close svg {
    fill: #b6b6b6;
    display: inline-block;
    vertical-align: middle
}

.modal .modal-header .close svg:hover {
    fill: #666
}

.modal .modal-header .close svg:active {
    fill: #000
}

.modal.-simple-modal .modal-header,
.modal.-full-screen-modal .modal-header {
    padding: 0
}

.modal .modal-content {
    border-radius: 10px
}

.modal .modal-content .modal-inner-padding {
    padding: 30px
}

.modal .modal-content .modal-inner-padding2 {
    padding: 40px 30px
}

.modal .modal-content .modal-inner-padding3 {
    padding: 22px 30px 40px
}

.modal .modal-content .modal-form-container {
    max-width: 336px;
    margin: 0 auto
}

.modal .modal-content .premium-congrats {
    position: relative;
    top: -9px
}

.modal .modal-content .congrats-top-gap {
    height: 30vw
}

.modal .modal-body {
    padding: 0;
    overflow: hidden;
    border-radius: 9px
}

.modal .modal-primary {
    padding: 29px 30px 35px
}

.modal .auth-form.step-2 {
    margin-bottom: 8px
}

.modal .form-footer {
    padding: 16px 0;
    border-top: 1px solid #e8e8e8;
    margin: 0 -30px
}

.modal .modal-footer {
    border: none;
    background: #f9f9fb;
    color: #a2a7b1;
    padding: 30px 35px
}

.modal .modal-footer .icon-note {
    top: -3px
}

.modal.-full-screen-modal {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.modal.-full-screen-modal .modal-dialog {
    display: block;
    width: auto;
    height: 100%;
    margin: auto auto
}

.modal.-full-screen-modal .modal-content {
    box-shadow: none;
    height: 100%
}

.modal.-full-screen-modal:before {
    display: none
}

.modal-backdrop.in {
    opacity: .6;
    background: #000;
    z-index: 10000
}

.tabs .tabs-nav {
    position: relative;
    overflow: hidden;
    padding: 0 35px
}

.tabs .tabs-nav:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e8e8e8
}

.tabs .tabs-nav li {
    float: left;
    display: inline-block;
    cursor: pointer;
    height: 54px;
    line-height: 54px;
    position: relative;
    padding: 0 10px;
    font-size: 1.125em;
    font-family: "Museo-700";
    color: #000
}

.tabs .tabs-nav li:first-child {
    margin-left: 0
}

.tabs .tab-content {
    display: none
}

.tabs .tab-content.active {
    display: block
}

.page {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden
}

.wrap {
    position: relative;
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1920px
}

.wrap.-size-xxs {
    max-width: 344px;
    padding: 0 15px
}

.wrap.-size-xxsm {
    max-width: 510px;
    padding: 0 15px
}

.wrap.-size-xs {
    max-width: 650px
}

.wrap.-size-sm {
    max-width: 760px
}

.wrap.-size-md {
    max-width: 1028px
}

.wrap.-size-lg {
    max-width: 1200px
}

.wrap.-size-xl {
    max-width: 1400px
}

.wrap.-size-auto {
    max-width: none
}

.block {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative
}

.block.-padding-top {
    padding-bottom: 0
}

.block.-padding-bottom {
    padding-top: 0
}

.gap-10 {
    height: 10px
}

.gap-20 {
    height: 20px
}

.gap-30 {
    height: 30px
}

.gap-40 {
    height: 40px
}

.gap-50 {
    height: 50px
}

.gap-60 {
    height: 60px
}

.gap-70 {
    height: 70px
}

.gap-80 {
    height: 80px
}

.gap-90 {
    height: 80px
}

.gap-100 {
    height: 80px
}

._full-width {
    width: 100%
}

.horizontal-divider {
    height: 1px;
    background: #e8e8e8;
    margin: 32px 0
}

.modal-divider {
    height: 1px;
    background: #91918d;
    margin: 20px auto;
    opacity: .2
}

.modal-divider.-inverted {
    background: #fff;
    opacity: .3
}

.modal-divider.-spacing-sm {
    margin: 14px auto
}

@media only screen and (max-width:599px) {
    .modal-divider {
        max-width: 210px
    }
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:before,
.clearfix:after,
.grid:before,
.grid:after,
.wrap:before,
.wrap:after {
    content: " ";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after,
.grid:after,
.wrap:after {
    clear: both
}

.clearfix,
.grid,
.wrap {
    zoom: 1
}

._center-block {
    margin-left: auto;
    margin-right: auto
}

._align-left {
    text-align: left
}

._align-center {
    text-align: center
}

._align-right {
    text-align: right
}

._uppercase {
    text-transform: uppercase
}

._normalcase {
    text-transform: none
}

._lowercase {
    text-transform: lowercase
}

._underline {
    text-decoration: underline
}

._underline:hover {
    text-decoration: none
}

._thin-weight {
    font-weight: thin
}

._normal-weight {
    font-weight: normal
}

._semi-bold-weight {
    font-weight: 600
}

._bold-weight {
    font-weight: bold
}

._vertical-align {
    display: table;
    width: 100%;
    height: 100%
}

._vertical-align>* {
    display: table-cell;
    vertical-align: middle;
    float: none !important
}

._vertical-align.-top>* {
    vertical-align: top
}

._vertical-align.-bottom>* {
    vertical-align: bottom
}

._justify-content {
    text-align: justify
}

._justify-content>* {
    display: inline-block;
    position: relative
}

._justify-content:before {
    content: "";
    display: block;
    width: 100%
}

._justify-content:after {
    content: "";
    display: inline-block;
    width: 100%
}

._overflow-hidden {
    overflow: hidden
}
._mg-b-0 {
    margin-bottom: 0px !important
}
.no-padding {
    padding: 0 !important;
}
._mg-b-xxs {
    margin-bottom: 7px !important
}

._mg-b-xs {
    margin-bottom: 10px !important
}

._mg-b-sm {
    margin-bottom: 30px !important
}

._mg-b-md {
    margin-bottom: 40px !important
}

._mg-b-lg {
    margin-bottom: 75px !important
}

._mg-b-xl {
    margin-bottom: 120px !important
}

._mg-t-xxs {
    margin-top: 7px !important
}

._mg-t-xs {
    margin-top: 10px !important
}

._mg-t-sm {
    margin-top: 30px !important
}

._mg-t-md {
    margin-top: 40px !important
}

._mg-t-lg {
    margin-top: 75px !important
}

._mg-t-xl {
    margin-top: 120px !important
}

._no-mg {
    margin: 0 !important
}

._no-mg-b {
    margin-bottom: 0 !important
}

._no-mg-t {
    margin-top: 0 !important
}

._pd-xxs {
    padding: 7px !important
}

._pd-xs {
    padding: 10px !important
}

._pd-sm {
    padding: 30px !important
}

._pd-md {
    padding: 40px !important
}

._pd-b-xxs {
    padding-bottom: 7px !important
}

._pd-b-xs {
    padding-bottom: 10px !important
}

._pd-b-sm {
    padding-bottom: 30px !important
}

._pd-b-md {
    padding-bottom: 40px !important
}

._pd-b-lg {
    padding-bottom: 75px !important
}

._pd-b-xl {
    padding-bottom: 120px !important
}

._pd-t-xxs {
    padding-top: 7px !important
}

._pd-t-xs {
    padding-top: 10px !important
}

._pd-t-sm {
    padding-top: 30px !important
}

._pd-t-md {
    padding-top: 40px !important
}

._pd-t-lg {
    padding-top: 75px !important
}

._pd-t-xl {
    padding-top: 120px !important
}

._no-pd {
    padding: 0 !important
}

._no-pd-b {
    padding-bottom: 0 !important
}

._no-pd-t {
    padding-top: 0 !important
}

._line-height-normal {
    line-height: normal
}

.validation-summary-errors {
    color: #e5697a;
    margin: 10px;
    text-align: center
}

.field-validation-error {
    color: #e5697a;
    font-size: .8em
}

.grid {
    position: relative
}

.grid.-spacing-sm {
    margin-left: -2px;
    margin-right: -2px
}

.grid.-spacing-sm>[class*=grid_] {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 4px
}

.grid.-spacing-xs {
    margin-left: -4px;
    margin-right: -4px
}

.grid.-spacing-xs>[class*=grid_] {
    padding-left: 4px;
    padding-right: 4px
}

.grid.-spacing-sm-md {
    margin-left: -9px;
    margin-right: -9px
}

.grid.-spacing-sm-md>[class*=grid_] {
    padding-left: 9px;
    padding-right: 9px
}

.grid.-spacing-md {
    margin-left: -14px;
    margin-right: -14px
}

.grid.-spacing-md>[class*=grid_] {
    padding-left: 14px;
    padding-right: 14px
}

.grid.-spacing-lg {
    margin-left: -25px;
    margin-right: -25px
}

.grid.-spacing-lg>[class*=grid_] {
    padding-left: 25px;
    padding-right: 25px
}

.grid.-spacing-xl {
    margin-left: -36px;
    margin-right: -36px
}

.grid.-spacing-xl>[class*=grid_] {
    padding-left: 36px;
    padding-right: 36px
}

[class*=grid_] {
    float: left;
    position: relative
}

.float-right[class*=grid_] {
    float: right
}

.grid_1 {
    width: 100%
}

.grid_1-2 {
    width: 50%
}

.grid_1-3 {
    width: 33.33%
}

.grid_2-3 {
    width: 66.66%
}

.grid_1-4 {
    width: 25%
}

.grid_3-4 {
    width: 75%
}

.grid_1-5 {
    width: 20%
}

.grid_4-5 {
    width: 80%
}

.grid_1-6 {
    width: 16.66%
}

.grid_1-7 {
    width: 14.28%
}

._invisible {
    display: none !important
}

._hidden {
    display: none
}

@media only screen and (max-width:1500px) {
    .grid_1-xl {
        width: 100%;
        display: block !important
    }
    .grid_1-2-xl {
        width: 50%
    }
    .grid_1-3-xl {
        width: 33.33%
    }
    .grid_2-3-xl {
        width: 66.66%
    }
    .grid_1-4-xl {
        width: 25%
    }
    .grid_3-4-xl {
        width: 75%
    }
    .grid_1-5-xl {
        width: 20%
    }
    .grid_4-5-xl {
        width: 80%
    }
    .grid_1-6-xl {
        width: 16.66%
    }
    ._invisible-xl {
        display: none !important
    }
    ._visible-xl {
        display: block !important
    }
    ._visible-xl-inline {
        display: inline-block !important
    }
    ._no-pd-xl {
        padding: 0 !important
    }
    ._no-mg-xl {
        margin: 0 !important
    }
}

@media only screen and (max-width:1350px) {
    .grid_1-lg {
        width: 100%;
        display: block !important
    }
    .grid_1-2-lg {
        width: 50%
    }
    .grid_1-3-lg {
        width: 33.33%
    }
    .grid_2-3-lg {
        width: 66.66%
    }
    .grid_1-4-lg {
        width: 25%
    }
    .grid_3-4-lg {
        width: 75%
    }
    .grid_1-5-lg {
        width: 20%
    }
    .grid_4-5-lg {
        width: 80%
    }
    .grid_1-6-lg {
        width: 16.66%
    }
    ._invisible-lg {
        display: none !important
    }
    ._visible-lg {
        display: block !important
    }
    ._visible-lg-inline {
        display: inline-block !important
    }
    ._no-pd-lg {
        padding: 0 !important
    }
    ._no-mg-lg {
        margin: 0 !important
    }
}

@media only screen and (max-width:1024px) {
    .grid_1-md {
        width: 100%;
        display: block !important
    }
    .grid_1-2-md {
        width: 50%
    }
    .grid_1-3-md {
        width: 33.33%
    }
    .grid_2-3-md {
        width: 66.66%
    }
    .grid_1-4-md {
        width: 25%
    }
    .grid_3-4-md {
        width: 75%
    }
    .grid_1-5-md {
        width: 20%
    }
    .grid_4-5-md {
        width: 80%
    }
    .grid_1-6-md {
        width: 16.66%
    }
    ._invisible-md {
        display: none !important
    }
    ._visible-md {
        display: block !important
    }
    ._visible-md-inline {
        display: inline-block !important
    }
    ._no-pd-md {
        padding: 0 !important
    }
    ._no-mg-md {
        margin: 0 !important
    }
}

@media only screen and (max-width:1000px) {
    .grid_1-md-sm {
        width: 100%;
        display: block !important
    }
    .grid_1-2-md-sm {
        width: 50%
    }
    .grid_1-3-md-sm {
        width: 33.33%
    }
    .grid_2-3-md-sm {
        width: 66.66%
    }
    .grid_1-4-md-sm {
        width: 25%
    }
    .grid_3-4-md-sm {
        width: 75%
    }
    .grid_1-5-md-sm {
        width: 20%
    }
    .grid_4-5-md-sm {
        width: 80%
    }
    .grid_1-6-md-sm {
        width: 16.66%
    }
    ._invisible-md-sm {
        display: none !important
    }
    ._visible-md-sm {
        display: block !important
    }
    ._visible-md-sm-inline {
        display: inline-block !important
    }
    ._no-pd-md-sm {
        padding: 0 !important
    }
    ._no-mg-md-sm {
        margin: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .grid_1-sm {
        width: 100%;
        display: block !important
    }
    .grid_1-2-sm {
        width: 50%
    }
    .grid_1-3-sm {
        width: 33.33%
    }
    .grid_2-3-sm {
        width: 66.66%
    }
    .grid_1-4-sm {
        width: 25%
    }
    .grid_3-4-sm {
        width: 75%
    }
    .grid_1-5-sm {
        width: 20%
    }
    .grid_4-5-sm {
        width: 80%
    }
    .grid_1-6-sm {
        width: 16.66%
    }
    ._invisible-sm {
        display: none !important
    }
    ._visible-sm {
        display: block !important
    }
    ._visible-sm-inline {
        display: inline-block !important
    }
    ._no-pd-sm {
        padding: 0 !important
    }
    ._no-mg-sm {
        margin: 0 !important
    }
}

@media only screen and (max-width:599px) {
    .grid_1-xs {
        width: 100%;
        display: block !important
    }
    .grid_1-2-xs {
        width: 50%
    }
    .grid_1-3-xs {
        width: 33.33%
    }
    .grid_2-3-xs {
        width: 66.66%
    }
    .grid_1-4-xs {
        width: 25%
    }
    .grid_3-4-xs {
        width: 75%
    }
    .grid_1-5-xs {
        width: 20%
    }
    .grid_4-5-xs {
        width: 80%
    }
    .grid_1-6-xs {
        width: 16.66%
    }
    ._invisible-xs {
        display: none !important
    }
    ._visible-xs {
        display: block !important
    }
    ._visible-xs-inline {
        display: inline-block !important
    }
    ._no-pd-xs {
        padding: 0 !important
    }
    ._no-mg-xs {
        margin: 0 !important
    }
    ._mg-b-xs {
        margin-bottom: 7px !important
    }
    ._mg-b-sm {
        margin-bottom: 15px !important
    }
    ._mg-b-md {
        margin-bottom: 25px !important
    }
    ._mg-b-lg {
        margin-bottom: 40px !important
    }
    ._mg-b-xl {
        margin-bottom: 60px !important
    }
    ._mg-t-xs {
        margin-top: 7px !important
    }
    ._mg-t-sm {
        margin-top: 15px !important
    }
    ._mg-t-md {
        margin-top: 25px !important
    }
    ._mg-t-lg {
        margin-top: 40px !important
    }
    ._mg-t-xl {
        margin-top: 60px !important
    }
    ._pd-b-xs {
        padding-bottom: 7px !important
    }
    ._pd-b-sm {
        padding-bottom: 15px !important
    }
    ._pd-b-md {
        padding-bottom: 25px !important
    }
    ._pd-b-lg {
        padding-bottom: 40px !important
    }
    ._pd-b-xl {
        padding-bottom: 60px !important
    }
    ._pd-t-xs {
        padding-top: 7px !important
    }
    ._pd-t-sm {
        padding-top: 15px !important
    }
    ._pd-t-md {
        padding-top: 25px !important
    }
    ._pd-t-lg {
        padding-top: 40px !important
    }
    ._pd-t-xl {
        padding-top: 60px !important
    }
    .wrap {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width:450px) {
    .grid_1-xxs {
        width: 100%;
        display: block !important
    }
    .grid_1-2-xxs {
        width: 50%
    }
    .grid_1-3-xxs {
        width: 33.33%
    }
    .grid_2-3-xxs {
        width: 66.66%
    }
    .grid_1-4-xxs {
        width: 25%
    }
    .grid_3-4-xxs {
        width: 75%
    }
    .grid_1-5-xxs {
        width: 20%
    }
    .grid_4-5-xxs {
        width: 80%
    }
    .grid_1-6-xxs {
        width: 16.66%
    }
    ._invisible-xxs {
        display: none !important
    }
    ._visible-xxs {
        display: block !important
    }
    ._visible-xxs-inline {
        display: inline-block !important
    }
    ._no-pd-xxs {
        padding: 0 !important
    }
    ._no-mg-xxs {
        margin: 0 !important
    }
}

.loader {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .7;
    overflow-x: hidden;
    z-index: 11001
}

.loader .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #267778;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes ellipsis {
    to {
        width: 23px
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 23px
    }
}

.site {
    min-width: 320px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    min-height: 100%
}

body._premium-user .header-secondary-menu .-item-premium {
    display: none !important
}

body._premium-user .ad-placeholder {
    display: none !important
}

.site-header {
    padding: 0;
    position: relative;
    z-index: 1200;
    background: rgba(255, 255, 255, .95);
    -webkit-transition: background .2s ease-out;
    transition: background .2s ease-out
}

.site-header:hover,
body.open-nav .site-header,
body.open-user-nav .site-header,
.site-header.show-search {
    background: #fff
}

.site-header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e8e8e8
}

.site-header .mobile-search-form {
    display: none
}

.site-header.show-mobile-search .header-left,
.site-header.show-mobile-search .header-right,
.site-header.show-mobile-search .site-logo {
    display: none
}

.site-header.show-mobile-search .wrap {
    padding: 0
}

.site-header.show-mobile-search .mobile-search-form {
    display: block;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.site-header.show-mobile-search .mobile-search-form .grey-line {
    top: 66px
}

.site-header.show-mobile-search .mobile-search-form .popular-text {
    top: 88px;
    left: 24px
}

.site-header.show-mobile-search .mobile-search-form form {
    padding: 14px 22px;
    margin: 0
}

.site-header.show-mobile-search .mobile-search-form form input[type=text] {
    width: calc(100% - 70px);
    border-radius: 8px;
    background-color: #e7e8ee;
    padding-left: 34px;
    height: 38px
}

.site-header.show-mobile-search .mobile-search-form form input[type=text]:focus {
    background-color: #e7e8ee
}

.site-header.show-mobile-search .mobile-search-form form input[type=submit] {
    position: absolute;
    left: 24px;
    top: 33px
}

.site-header.show-mobile-search .mobile-search-form form .cancel-search {
    font-weight: bold;
    margin: 6px 20px 0 4px;
    display: inline-block;
    position: absolute;
    right: 0
}

.site-header .header-left {
    float: left;
    display: flex;
    align-items: flex-start;
    padding-left: 14px
}

.site-header .header-left .header-search {
    margin-top: 22px
}

.site-header .site-logo {
    margin-right: 37px;
    margin-top: 15px
}

.site-header .header-primary-menu {
    transition: all .35s ease-out;
    height: 76px;
    overflow: hidden;
    width: 240px
}

.site-header .header-primary-menu .wrap {
    margin-left: 214px
}

.site-header .header-primary-menu #nav {
    display: block
}

.site-header .header-primary-menu #nav>li {
    float: left
}

.site-header .header-primary-menu #nav>li>a {
    color: #000;
    display: block;
    height: 76px;
    line-height: 76px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    padding: 0 20px
}

.site-header .header-primary-menu #nav>li>a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #267778
}

body.not-mobile .site-header .header-primary-menu #nav>li:hover>a:before {
    height: 4px
}

.site-header .header-primary-menu #nav>li.open-drop>a:before {
    height: 4px
}

.site-header .header-primary-menu #nav>li.open-drop .drop {
    pointer-events: auto
}

.site-header .header-primary-menu #nav .has-drop>a {
    position: relative
}

.site-header .header-primary-menu #nav .has-drop .drop {
    display: block;
    pointer-events: none;
    -webkit-transition: max-height .35s ease-in-out, min-height .35s ease-in-out, opacity .35s ease-in-out;
    transition: max-height .35s ease-in-out, min-height .35s ease-in-out, opacity .35s ease-in-out;
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    padding: 30px 0;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    opacity: 0;
    min-height: 0;
    max-height: 0;
    overflow: hidden
}

.site-header .header-primary-menu #nav .has-drop .drop-col {
    width: 16%;
    float: left
}

.site-header .header-primary-menu #nav .has-drop .drop-col:first-child ul {
    padding-left: 0
}

.site-header .header-primary-menu #nav .has-drop .drop-col .category-name a {
    font-weight: bold;
    position: relative
}

.site-header .header-primary-menu #nav .has-drop .drop-col.pic-col {
    width: 20%;
    max-width: 194px
}

.site-header .header-primary-menu #nav .has-drop .drop-col.pic-col a {
    font-size: 24px;
    color: #000;
    font-family: "Museo-700"
}

.site-header .header-primary-menu #nav .has-drop ul {
    margin-top: 20px;
    padding-left: 10px
}

.site-header .header-primary-menu #nav .has-drop ul:first-child {
    margin-top: 0
}

.site-header .header-primary-menu #nav .has-drop ul li {
    color: #000;
    margin-bottom: 3px
}

.site-header .header-primary-menu #nav .has-drop ul li a:not(.color-link) {
    color: #606062;
    display: block
}

.site-header .header-primary-menu #nav .has-drop ul li a:not(.color-link):hover {
    color: #267778
}

.site-header .header-primary-menu #nav .has-drop ul li.category-name a {
    color: #000
}

.site-header .header-primary-menu #nav .has-drop ul li.category-name a:hover {
    color: #267778
}

.site-header .header-primary-menu #nav .has-drop ul li.envelopes,
.site-header .header-primary-menu #nav .has-drop ul li.upload_your_own {
    font-size: .875em
}

.site-header .header-primary-menu #nav .has-drop ul li.envelopes svg,
.site-header .header-primary-menu #nav .has-drop ul li.upload_your_own svg {
    fill: currentColor;
    vertical-align: middle;
    display: inline-block
}

.site-header .header-primary-menu #nav .has-drop ul li.envelopes a,
.site-header .header-primary-menu #nav .has-drop ul li.upload_your_own a {
    color: #267778;
    font-weight: 600
}

.site-header .header-primary-menu #nav .has-drop ul li.envelopes a:hover,
.site-header .header-primary-menu #nav .has-drop ul li.upload_your_own a:hover {
    color: #000
}

.site-header .header-primary-menu.hovered .drop {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.site-header.-transparent-bg {
    background: none
}

.site-header.-transparent-bg .user-icon path,
.site-header.-transparent-bg .mobile-nav-btn path {
    fill: #fff
}

.site-header.-transparent-bg .mobile-search path {
    fill: #fff
}

.site-header.-transparent-bg .search-form input[type=text] {
    color: #fff
}

.site-header.-transparent-bg .search-form input[type=text]::placeholder {
    color: #fff;
    opacity: 1
}

.site-header.-transparent-bg .search-form input[type=submit] {
    background-image: url(https://static.greetingsisland.com/images/theme/search-icon-light.svg)
}

.site-header.-transparent-bg .header-primary-menu #nav>li>a {
    color: #fff
}

.site-header.-transparent-bg .header-secondary-menu>a {
    color: #fff
}

.site-header.-transparent-bg .header-secondary-menu>a.-item-premium {
    color: #fff
}

.site-header.-transparent-bg .header-secondary-menu>a.-item-premium svg linearGradient stop {
    stop-color: #fff !important
}

.site-header.-transparent-bg .header-secondary-menu .user-authentication a,
.site-header.-transparent-bg .header-secondary-menu .user-authentication .small-divider {
    color: #fff
}

.site-header.-transparent-bg .header-secondary-menu .user-authentication .small-divider {
    opacity: .6
}

.site-header.-transparent-bg .header-secondary-menu .premium-badge .stop-first {
    stop-color: #fff
}

.site-header.-transparent-bg .header-secondary-menu .premium-badge .stop-second {
    stop-color: #fff
}

.site-header.-transparent-bg .header-secondary-menu span.user-name {
    color: #fff
}

.site-header.-transparent-bg:hover,
body.open-nav .site-header.-transparent-bg,
body.scroll-top .site-header.-transparent-bg,
body.open-user-nav .site-header.-transparent-bg,
.site-header.-transparent-bg.show-search {
    background: #fff
}

.site-header.-transparent-bg:hover .site-logo .logo-green,
.site-header.-transparent-bg:hover .site-logo .logo-symbol-green,
body.open-nav .site-header.-transparent-bg .site-logo .logo-green,
body.open-nav .site-header.-transparent-bg .site-logo .logo-symbol-green,
body.scroll-top .site-header.-transparent-bg .site-logo .logo-green,
body.scroll-top .site-header.-transparent-bg .site-logo .logo-symbol-green,
body.open-user-nav .site-header.-transparent-bg .site-logo .logo-green,
body.open-user-nav .site-header.-transparent-bg .site-logo .logo-symbol-green,
.site-header.-transparent-bg.show-search .site-logo .logo-green,
.site-header.-transparent-bg.show-search .site-logo .logo-symbol-green {
    width: auto;
    display: inline-block;
    height: 60px;
}

.site-header.-transparent-bg:hover .site-logo .logo-white,
.site-header.-transparent-bg:hover .site-logo .logo-symbol-white,
body.open-nav .site-header.-transparent-bg .site-logo .logo-white,
body.open-nav .site-header.-transparent-bg .site-logo .logo-symbol-white,
body.scroll-top .site-header.-transparent-bg .site-logo .logo-white,
body.scroll-top .site-header.-transparent-bg .site-logo .logo-symbol-white,
body.open-user-nav .site-header.-transparent-bg .site-logo .logo-white,
body.open-user-nav .site-header.-transparent-bg .site-logo .logo-symbol-white,
.site-header.-transparent-bg.show-search .site-logo .logo-white,
.site-header.-transparent-bg.show-search .site-logo .logo-symbol-white {
    width: 0;
    display: none
}

.site-header.-transparent-bg:hover .site-logo .logo-mobile path,
body.open-nav .site-header.-transparent-bg .site-logo .logo-mobile path,
body.scroll-top .site-header.-transparent-bg .site-logo .logo-mobile path,
body.open-user-nav .site-header.-transparent-bg .site-logo .logo-mobile path,
.site-header.-transparent-bg.show-search .site-logo .logo-mobile path {
    fill: #267778
}

.site-header.-transparent-bg:hover .user-icon path,
.site-header.-transparent-bg:hover .mobile-nav-btn path,
body.open-nav .site-header.-transparent-bg .user-icon path,
body.open-nav .site-header.-transparent-bg .mobile-nav-btn path,
body.scroll-top .site-header.-transparent-bg .user-icon path,
body.scroll-top .site-header.-transparent-bg .mobile-nav-btn path,
body.open-user-nav .site-header.-transparent-bg .user-icon path,
body.open-user-nav .site-header.-transparent-bg .mobile-nav-btn path,
.site-header.-transparent-bg.show-search .user-icon path,
.site-header.-transparent-bg.show-search .mobile-nav-btn path {
    fill: #000
}

.site-header.-transparent-bg:hover .mobile-search path,
body.open-nav .site-header.-transparent-bg .mobile-search path,
body.scroll-top .site-header.-transparent-bg .mobile-search path,
body.open-user-nav .site-header.-transparent-bg .mobile-search path,
.site-header.-transparent-bg.show-search .mobile-search path {
    fill: #000
}

.site-header.-transparent-bg:hover .search-form input[type=submit],
body.open-nav .site-header.-transparent-bg .search-form input[type=submit],
body.scroll-top .site-header.-transparent-bg .search-form input[type=submit],
body.open-user-nav .site-header.-transparent-bg .search-form input[type=submit],
.site-header.-transparent-bg.show-search .search-form input[type=submit] {
    background-image: url(https://static.greetingsisland.com/images/theme/search-icon-dark.svg)
}

.site-header.-transparent-bg:hover .search-form input[type=text],
body.open-nav .site-header.-transparent-bg .search-form input[type=text],
body.scroll-top .site-header.-transparent-bg .search-form input[type=text],
body.open-user-nav .site-header.-transparent-bg .search-form input[type=text],
.site-header.-transparent-bg.show-search .search-form input[type=text] {
    color: #000
}

.site-header.-transparent-bg:hover .search-form input[type=text]::placeholder,
body.open-nav .site-header.-transparent-bg .search-form input[type=text]::placeholder,
body.scroll-top .site-header.-transparent-bg .search-form input[type=text]::placeholder,
body.open-user-nav .site-header.-transparent-bg .search-form input[type=text]::placeholder,
.site-header.-transparent-bg.show-search .search-form input[type=text]::placeholder {
    color: #d3d3d3;
    opacity: 1
}

.site-header.-transparent-bg:hover .header-primary-menu #nav>li>a,
body.open-nav .site-header.-transparent-bg .header-primary-menu #nav>li>a,
body.scroll-top .site-header.-transparent-bg .header-primary-menu #nav>li>a,
body.open-user-nav .site-header.-transparent-bg .header-primary-menu #nav>li>a,
.site-header.-transparent-bg.show-search .header-primary-menu #nav>li>a {
    color: #000
}

.site-header.-transparent-bg:hover .header-secondary-menu>a:not(.-item-premium),
body.open-nav .site-header.-transparent-bg .header-secondary-menu>a:not(.-item-premium),
body.scroll-top .site-header.-transparent-bg .header-secondary-menu>a:not(.-item-premium),
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu>a:not(.-item-premium),
.site-header.-transparent-bg.show-search .header-secondary-menu>a:not(.-item-premium) {
    color: #000
}

.site-header.-transparent-bg:hover .header-secondary-menu .-item-premium,
body.open-nav .site-header.-transparent-bg .header-secondary-menu .-item-premium,
body.scroll-top .site-header.-transparent-bg .header-secondary-menu .-item-premium,
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu .-item-premium,
.site-header.-transparent-bg.show-search .header-secondary-menu .-item-premium {
    color: #8a4fc6
}

.site-header.-transparent-bg:hover .header-secondary-menu .-item-premium svg linearGradient stop.start,
body.open-nav .site-header.-transparent-bg .header-secondary-menu .-item-premium svg linearGradient stop.start,
body.scroll-top .site-header.-transparent-bg .header-secondary-menu .-item-premium svg linearGradient stop.start,
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu .-item-premium svg linearGradient stop.start,
.site-header.-transparent-bg.show-search .header-secondary-menu .-item-premium svg linearGradient stop.start {
    stop-color: #c86dd7 !important
}

.site-header.-transparent-bg:hover .header-secondary-menu .-item-premium svg linearGradient stop.stop,
body.open-nav .site-header.-transparent-bg .header-secondary-menu .-item-premium svg linearGradient stop.stop,
body.scroll-top .site-header.-transparent-bg .header-secondary-menu .-item-premium svg linearGradient stop.stop,
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu .-item-premium svg linearGradient stop.stop,
.site-header.-transparent-bg.show-search .header-secondary-menu .-item-premium svg linearGradient stop.stop {
    stop-color: #3023ae !important
}

.site-header.-transparent-bg:hover .header-secondary-menu .premium-badge .stop-first,
body.open-nav .site-header.-transparent-bg .header-secondary-menu .premium-badge .stop-first,
body.scroll-top .site-header.-transparent-bg .header-secondary-menu .premium-badge .stop-first,
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu .premium-badge .stop-first,
.site-header.-transparent-bg.show-search .header-secondary-menu .premium-badge .stop-first {
    stop-color: #c86dd7
}

.site-header.-transparent-bg:hover .header-secondary-menu .premium-badge .stop-second,
body.open-nav .site-header.-transparent-bg .header-secondary-menu .premium-badge .stop-second,
body.scroll-top .site-header.-transparent-bg .header-secondary-menu .premium-badge .stop-second,
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu .premium-badge .stop-second,
.site-header.-transparent-bg.show-search .header-secondary-menu .premium-badge .stop-second {
    stop-color: #3023ae
}

.site-header.-transparent-bg:hover .header-secondary-menu span.user-name,
body.open-nav .site-header.-transparent-bg .header-secondary-menu span.user-name,
body.scroll-top .site-header.-transparent-bg .header-secondary-menu span.user-name,
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu span.user-name,
.site-header.-transparent-bg.show-search .header-secondary-menu span.user-name {
    color: #000
}

.site-header.-transparent-bg:hover .header-secondary-menu .user-authentication a,
.site-header.-transparent-bg:hover .header-secondary-menu .user-authentication .small-divider,
body.open-nav .site-header.-transparent-bg .header-secondary-menu .user-authentication a,
body.open-nav .site-header.-transparent-bg .header-secondary-menu .user-authentication .small-divider,
body.scroll-top .site-header.-transparent-bg .header-secondary-menu .user-authentication a,
body.scroll-top .site-header.-transparent-bg .header-secondary-menu .user-authentication .small-divider,
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu .user-authentication a,
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu .user-authentication .small-divider,
.site-header.-transparent-bg.show-search .header-secondary-menu .user-authentication a,
.site-header.-transparent-bg.show-search .header-secondary-menu .user-authentication .small-divider {
    color: #000
}

.site-header.-transparent-bg:hover .header-secondary-menu .user-authentication:hover,
body.open-nav .site-header.-transparent-bg .header-secondary-menu .user-authentication:hover,
body.scroll-top .site-header.-transparent-bg .header-secondary-menu .user-authentication:hover,
body.open-user-nav .site-header.-transparent-bg .header-secondary-menu .user-authentication:hover,
.site-header.-transparent-bg.show-search .header-secondary-menu .user-authentication:hover {
    color: #267778
}

.site-header.-floating,
.site-header.-fixed {
    position: absolute;
    left: 0;
    right: 0;
    margin-bottom: 0
}

.site-header.-floating:before,
.site-header.-fixed:before {
    display: none
}

.site-header.-floating .site-logo .logo-green,
.site-header.-floating .site-logo .logo-symbol-green,
.site-header.-fixed .site-logo .logo-green,
.site-header.-fixed .site-logo .logo-symbol-green {
    width: 0;
    display: none
}

.site-header.-floating .site-logo .logo-white,
.site-header.-fixed .site-logo .logo-white {
    height: 60px;
    width: auto;
    display: inline-block;
}

.site-header.-fixed {
    position: fixed
}

body.open-nav .site-header.-fixed {
    bottom: 0;
    top: 0
}

.site-header .header-right {
    position: absolute;
    right: 30px;
    top: 0
}

.site-header .header-search {
    position: relative;
    float: right;
    width: min(10vw, 320px)
}

.site-header .popular-text {
    position: absolute;
    top: 68px;
    left: 33px;
    width: 330px;
    display: none
}

.site-header.typeahead-open {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2)
}

.site-header.typeahead-open .grey-line {
    width: 100%;
    background-color: #e8e8e8;
    height: 1px;
    position: absolute;
    top: 68px;
    display: block
}

.site-header.typeahead-open .search-form.popular .popular-text {
    display: block
}

.site-header.typeahead-open .search-form.popular ul {
    margin-top: 38px
}

.site-header.typeahead-open .search-form.popular .popular-text {
    display: block
}

.site-header.typeahead-open .search-form.popular ul {
    margin-top: 38px
}

.site-header .typeahead {
    margin-bottom: 8px;
    text-transform: capitalize;
    margin: 19px 0 0 0;
    padding: 30px 0;
    background: #fff;
    width: 320px
}

.site-header .typeahead li {
    padding: 3px
}

.site-header .typeahead a {
    color: #000
}

.site-header .typeahead li:hover a,
.site-header .typeahead .active a {
    color: #267778
}

.site-header .typeahead.dropdown-menu .popular {
    text-transform: none
}

.site-header .search-form {
    margin-bottom: 0;
    position: relative;
    padding-left: 30px
}

.site-header .search-form .search-trigger {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    background: url(https://static.greetingsisland.com/images/theme/search-trigger-transparent-bg.png)
}

.site-header .search-form input[type=text] {
    background: #fff;
    color: #525252;
    border: none;
    border-radius: 0;
    height: 30px;
    width: 100%;
    padding: 5px;
    margin-bottom: 0;
    background: transparent;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.site-header .search-form input[type=text]:focus {
    background: #fff;
    color: #000
}

.site-header .search-form input[type=submit] {
    background: url(https://static.greetingsisland.com/images/theme/search-icon-dark.svg) no-repeat center center transparent;
    width: 30px;
    height: 30px;
    border: none;
    position: absolute;
    left: 0;
    top: 15px;
    margin-top: -15px;
    cursor: pointer
}

.site-header.show-search .search-trigger {
    display: none
}

.site-header .-item-premium svg {
	margin-right: 4px;
    vertical-align: unset;
}

.site-header .header-secondary-menu {
    font-weight: 600
}

.site-header .header-secondary-menu .menu-item {
    margin-right: 26px;
    padding: 0 10px;
    color: #000;
    display: block;
    height: 76px;
    line-height: 76px;
    font-weight: 600;
    position: relative;
    overflow: hidden
}

.site-header .header-secondary-menu .menu-item.-item-premium {
    color: #267778;
}

.site-header .header-secondary-menu .menu-item.-item-premium:before {
    display: none
}

.site-header .header-secondary-menu .menu-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #267778
}

.site-header .header-secondary-menu .menu-item:hover:before {
    height: 4px
}

.site-header .header-secondary-menu .menu-item,
.site-header .header-secondary-menu .user-authentication>a {
    display: inline-block;
    height: 76px;
    line-height: 76px;
    color: #000
}

.site-header .header-secondary-menu .small-divider {
    font-weight: normal;
    color: #000
}

.site-header .header-secondary-menu a {
    color: #000
}

.site-header .header-secondary-menu a:hover {
    color: #267778
}

.site-header .header-secondary-menu .user-menu {
    padding-top: 22px
}

.site-header .header-secondary-menu .user-menu a {
    color: #000
}

.site-header .header-secondary-menu .user-menu a:hover {
    color: #267778
}

.site-header .header-secondary-menu .user-id {
    position: relative;
    padding-bottom: 20px
}

.site-header .header-secondary-menu .user-id img.user-thumb {
    display: none
}

.site-header .header-secondary-menu .user-id.social .user-thumb.-user-letter {
    display: none
}

.site-header .header-secondary-menu .user-id.social img.user-thumb {
    display: inline-block
}

.site-header .header-secondary-menu .user-id:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 10px;
    display: block
}

body.not-mobile .site-header .header-secondary-menu .user-id:hover .user-name {
    color: #606062
}

body.not-mobile .site-header .header-secondary-menu .user-id:hover .user-drop {
    display: block;
    visibility: visible;
    opacity: 1
}

.site-header .header-secondary-menu .premium-badge {
    position: absolute;
    left: 24px;
    top: 0
}

.site-header .header-secondary-menu .user-drop {
    padding: 5px 0;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    min-width: 200px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    right: 0;
    top: 50px;
    background: #fff;
    transition: visibility 0s, opacity .2s ease
}

body.open-user-nav .site-header .header-secondary-menu .user-drop {
    visibility: visible;
    opacity: 1
}

.site-header .header-secondary-menu .user-drop li a {
    display: block;
    padding: 9px 18px;
    line-height: 30px;
    white-space: nowrap;
    font-family: Lato, sans-serif;
    font-weight: normal;
    transition: visibility 0s, opacity .2s ease
}

.site-header .header-secondary-menu .user-drop li a svg {
    display: inline-block;
    vertical-align: middle;
    fill: #606062;
    position: relative;
    top: -1px;
    margin-right: 8px;
    background: none;
    width: 26px;
    height: 26px
}

.site-header .header-secondary-menu .user-drop li a:hover svg {
    fill: currentColor
}

.user-thumb {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    font-weight: bold;
    font-size: 14px
}

.user-thumb.-user-letter {
    background: #afafb0;
    color: #fff
}

.user-name {
    display: inline-block;
    height: 30px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    margin-left: 5px;
    vertical-align: top;
    white-space: nowrap;
    color: #000;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.full-width-header {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 7px;
    margin-bottom: 0
}

.below-header {
    padding-bottom: 1px;
    position: relative
}

.banner {
    position: relative;
    margin-bottom: 40px;
    background-position: center center;
    background-size: cover
}

.banner .banner-image-container {
    width: 400px;
    position: relative
}

.banner .banner-image-container .banner-image {
    height: 300px;
    margin-left: -50px;
    margin-right: -100px;
    position: relative;
    top: -50px
}

.banner .banner-image-container .banner-image.envelope-botton-left {
    position: absolute;
    left: -30px;
    right: 0;
    bottom: 0;
    margin: 0;
    top: auto
}

.banner .banner-image-container .banner-image.envelope-botton-left img {
    position: absolute;
    left: 0;
    bottom: 0
}

.banner.-featured-banner .graphic-top-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 216px
}

@media(max-width:767px) {
    .banner.-featured-banner .graphic-top-right {
        width: 120px
    }
}

.banner.-featured-banner .banner-image-container {
    width: 475px
}

.banner.-featured-banner .banner-image.graphic-bottom-left {
    position: absolute;
    left: -30px;
    right: 0;
    bottom: 0;
    margin: 0;
    top: auto
}

.banner.-featured-banner .banner-image.graphic-bottom-left img {
    position: absolute;
    left: 0;
    bottom: 0
}

.banner.-featured-banner .banner-image.graphic-bottom-left img.lazyloading {
    opacity: 0
}

.banner.-featured-banner .banner-image.graphic-bottom-left img.lazyloaded {
    opacity: 1
}

.banner.-featured-banner .banner-content {
    padding-left: 75px
}

@media(max-width:1024px) {
    .banner.-featured-banner .banner-image-container {
        width: 50%
    }
    .banner.-featured-banner .banner-content {
        padding-left: 10px
    }
}

@media(max-width:767px) {
    .banner.-featured-banner {
        padding-bottom: 0 !important
    }
    .banner.-featured-banner .banner-content {
        padding-top: 40px;
        padding-left: 0
    }
    .banner.-featured-banner .banner-image-container {
        width: auto;
        margin: 0;
        top: auto;
        margin-top: -20px
    }
    .banner.-featured-banner .banner-image.graphic-bottom-left {
        position: relative;
        min-width: 266px;
        min-height: 159px;
        width: 65%
    }
    .banner.-featured-banner .banner-image.graphic-bottom-left img {
        position: static
    }
}

.banner .banner-content {
    padding-left: 150px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.banner .banner-content p.headline {
    font-size: 1.375em;
    font-weight: normal
}

.banner.-fixed-height .wrap {
    height: 300px
}

.banner.-dont-offset {
    top: auto;
    padding-top: 68px
}

.banner.-home-banner {
    min-height: 550px
}

.banner.-home-banner.balloons {
    background: linear-gradient(45deg, #be29e1 0%, #df41b4 100%)
}
.banner.-home-banner {
    background-image: url(../assets/images/banner-scan.jpg);
}
.banner.-home-banner.easter,
.banner.-home-banner.spring {
    background: linear-gradient(45deg, #cadf87 0%, #3098e3 100%)
}

.banner.-home-banner.summer {
    background: linear-gradient(45deg, #55c7e9 0%, #95e6fd 100%)
}

.banner.-home-banner.halloween {
    background: linear-gradient(45deg, #004ea4 0%, #012e5d 100%)
}

.banner.-home-banner.Christmas {
    background: linear-gradient(45deg, #86a4bc 0%, #31576f 100%)
}

.banner.-home-banner.valentines {
    background: linear-gradient(45deg, #b3a2ff 0%, #5384ff 100%)
}

.banner.-home-banner video {
    width: 100%;
    top: 0;
    display: block
}

.banner.-home-banner .banner-content {
    padding-left: 0;
    position: absolute;
    top: 33%;
    right: 0;
    left: 0;
    width: 100% !important;
    max-width: 50%;
    margin: 0 auto
}

.banner.-home-banner .banner-content h2 {
    text-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.banner.-home-banner .scroll {
    position: absolute;
    display: flex;
    top: 90%;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.banner.-home-banner .scroll div {
    cursor: pointer;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .5);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.banner.-search-banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(https://static.greetingsisland.com/images/theme/banners/banner-search-pattern.png)
}

.banner.-invitation-banner .wrap {
    height: 300px
}

.banner.-invitation-banner .wrap h1 {
    text-transform: capitalize
}

.banner .banner-steps {
    padding: 22px 0;
    margin: 0 auto
}

.banner .banner-steps.-envelope-steps {
    text-align: center;
    max-width: 510px
}

.banner .banner-steps h1 {
    margin-bottom: 18px
}

.banner .banner-steps .step {
    font-size: 1.5em;
    line-height: 1;
    font-family: "Museo-700"
}

.banner .banner-steps .step-name {
    font-size: 1.5em;
    margin-bottom: 11px;
    font-family: "Museo-700"
}

.banner .banner-steps .step-description {
    font-size: .875em
}

.banner.-about-banner .banner-image {
    background: url(https://static.greetingsisland.com/images/theme/about/about-header-thumb.png) no-repeat center top;
    background-size: cover;
    height: 318px;
    margin-bottom: -5.7%
}

.banner.-no-bottom-space {
    margin-bottom: -24px
}

.banner>.wrap {
    height: 100%;
    position: relative;
    z-index: 100
}

.main-content {
    min-height: 650px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px
}

.main-content.-autowidth {
    max-width: none
}

.main-content .breadcrumbs {
    border-bottom: 1px solid #e8e8e8;
    color: #000;
    padding: 15px 0;
    margin-bottom: 32px;
    line-height: 24px
}

.main-content .breadcrumbs a {
    color: #606062
}

.main-content .breadcrumbs a:hover {
    color: #267778
}

.main-content .breadcrumbs li {
    display: inline-block;
    font-size: .875em
}

.main-content .breadcrumbs .breadcrumbs-divider {
    display: inline-block;
    margin: 0 4px
}

.main-content .breadcrumbs .current-item {
    font-weight: 600
}

.main-content .breadcrumbs .select2 {
    margin-bottom: 0
}

.main-content .drop-sort-by {
    margin: 0 0 0 20px
}

.main-content .footer-description {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font-size: .875em
}

.ad-placeholder.square-ad {
    height: 300px
}

.ad-placeholder.square-ad .adsbygoogle {
    display: inline-block;
    width: 336px !important;
    height: 280px !important
}

.ad-placeholder.-horizontal-ad-xs {
    height: 30px
}

.ad-placeholder.-horizontal-ad-xs .adsbygoogle {
    min-height: 15px;
    max-height: 30px;
    width: 100%;
    display: inline-block
}

.ad-placeholder.-horizontal-ad-sm {
    max-height: 100px;
    min-height: 90px;
    height: 90px
}

.ad-placeholder.-horizontal-ad-sm .adsbygoogle {
    min-height: 90px;
    max-height: 100px;
    width: 100%;
    display: inline-block
}

.ad-placeholder.-vertical-ad {
    width: 160px;
    height: 600px
}

.ad-placeholder.-vertical-ad.-position-left {
    position: absolute;
    left: 0
}

.ad-placeholder.-vertical-ad.-position-left#div-gpt-ad-Designer_Vertical {
    top: 12%;
    z-index: 1
}

.ad-placeholder.-vertical-ad.fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1
}

.ad-placeholder.-vertical-ad .adsbygoogle {
    width: 160px;
    display: inline-block
}

.ad-placeholder.-border-bottom {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 24px
}

.ad-placeholder.-border-top {
    border-top: 1px solid #e8e8e8;
    padding-top: 24px
}

.ad-placeholder.-padding-bottom {
    padding-bottom: 24px
}

@media only screen and (max-width:1200px) {
    .banner .banner-image-container {
        width: 300px
    }
    .banner .banner-image-container .banner-image {
        top: -5px
    }
    .banner .banner-content {
        padding-left: 75px
    }
}

@media only screen and (max-width:767px) {
    .main-content .breadcrumbs {
        margin-bottom: 0;
        padding: 17px 0 0 0
    }
    .main-content.preview-content .breadcrumbs {
        padding: 0;
        border-bottom: none
    }
    .banner.-invitation-banner {
        padding-bottom: 20px
    }
    .banner.-invitation-banner ._vertical-align,
    .banner.-invitation-banner ._vertical-align>* {
        display: block
    }
    .banner.-invitation-banner .wrap {
        height: auto
    }
    .banner .banner-image-container {
        width: auto;
        margin-bottom: -100px;
        top: -65px;
        position: relative
    }
    .banner .banner-image-container .banner-image {
        margin: 0 auto -25px;
        height: auto;
        max-width: 320px
    }
    .banner .banner-content {
        padding: 0 15px;
        text-align: center
    }
}

@media only screen and (max-width:500px) {
    .ad-placeholder.-horizontal-ad-xs {
        display: none !important
    }
}

.search-form.-big-search {
    margin-bottom: 15px;
    position: relative;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto
}

.search-form.-big-search input[type=text] {
    font-size: 16px;
    background: #fff;
    border: 1px solid #e7e8ee;
    height: 40px;
    border-radius: 19px;
    padding: 0 20px;
    margin: 0;
    -webkit-appearance: none
}

.search-form.-big-search input[type=text]::-ms-clear {
    display: none
}

.search-form.-big-search input[type=submit] {
    background: url(https://static.greetingsisland.com/images/theme/search-icon-grey.svg) no-repeat center center;
    width: 38px;
    height: 38px;
    border: none;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer
}

.search-filters {
    padding: 17px 0;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 38px
}

.search-filters .search-filters-masonry {
    margin-left: 30px
}

.search-filters p {
    margin-bottom: 0;
    line-height: 30px
}

.search-filters strong {
    color: #000
}

.search-filters-masonry button {
    height: 30px;
    border-radius: 15px;
    padding: 0 16px;
    color: #000;
    background: none;
    border: none;
    font-size: 1em
}

.search-filters-masonry button:hover,
.search-filters-masonry button.active {
    background: #f1f1f5
}

.category-tree {
    padding: 0;
    list-style-type: none
}

.category-tree li {
    padding-left: 10px
}

.category-tree li>a {
    display: inline-block;
    color: #606062;
    margin: 6px 0
}

.category-tree li>a span {
    padding: 2px 4px;
    margin-right: 4px
}

.category-tree li>a:hover {
    color: #000
}

.category-tree .top>a {
    font-weight: 600;
    color: #000
}

.category-tree .top .hassubs ul {
    display: none
}

.category-tree .top .hassubs>a i {
    display: inline-block;
    margin-left: 20px;
    height: 8px;
    width: 8px;
    background: url(/images/theme/category-tree-closed-arrow.svg?v=4cIrc4UCjM_wStBwoOfLYuXwzmU) no-repeat
}

.category-tree .top .hassubs.open ul {
    display: list-item
}

.category-tree .top .hassubs.open>a i {
    height: 7px;
    width: 8px;
    background: url(/images/theme/category-tree-open-arrow.svg?v=4cIrc4UCjM_wStBwoOfLYuXwzmU) no-repeat
}

.category-tree .current>a span {
    font-weight: 600;
    color: #000;
    border-bottom: 2px solid #267778
}

.category-tree>li,
.category-tree>li>ul>li {
    padding: 0
}

.es .keywords-list>li>a {
    font-size: 14px
}

.matching-categories .keywords-list {
    font-size: .875em
}

.matching-categories .keywords-list .keywords-description {
    font-weight: bold;
    margin-right: 10px
}

.matching-categories .keywords-list>li {
    display: inline-block;
    margin: 0 3px 9px
}

.matching-categories .keywords-list>li>a {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    text-transform: capitalize;
    padding: 0 12px;
    border-radius: 17px
}

.matching-categories .keywords-list>li>a:hover {
    background: #fff;
    color: #000
}

.slick-slide img {
    margin: 0 auto
}

.content-left-side .wrap {
    margin-right: 0
}

@media(max-width:1024px) {
    .content-right-side {
        text-align: center
    }
}

.cards-slider-wide {
    visibility: hidden;
    height: 220px
}

.cards-slider-wide.slick-initialized {
    visibility: visible;
    height: auto
}

.cards-slider-wide .slick-slide {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.cards-slider-wide .slide {
    text-align: center
}

.cards-slider-wide .slide .item-thumbnail {
    margin: 0 5px;
    box-shadow: none
}

.cards-slider-wide .slide a {
    display: block
}

.cards-slider-wide .slide a img {
    width: 145px;
    border: 1px solid #ececec
}

.cards-slider-wide .slide .card-pricing {
    display: block;
    text-align: center;
    width: 100%;
    height: 18px
}

.cards-slider-wide .slick-arrow {
    margin-top: 0
}

.cards-slider-wide .slick-next {
    right: -5px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 80%)
}

.cards-slider-wide .slick-prev {
    left: -5px;
    background: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0) 100%)
}

.-home-section2 .wrap {
    padding: 25px 0;
    min-height: 620px
}

.home-section p {
    line-height: 22px
}

.home-section h3 {
    margin-bottom: 10px
}

.home-section img.lazyload {
    opacity: .001;
    transition: opacity 700ms
}

.home-section img.lazyloading {
    opacity: 0
}

.home-section img.lazyloaded {
    opacity: 1
}

.card-details-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.card-details-wrapper .right-holder {
    max-width: 425px;
    padding-left: 30px
}

.card-details-wrapper .left-holder .card-holder {
    position: relative;
    width: 520px;
    height: 548px;
    margin: 0 auto -10px
}

.card-details-wrapper .left-holder .card-holder .card-icons {
    float: right;
    margin-top: 16px
}

.card-details-wrapper .left-holder .card-holder .card-icons li {
    display: inline-block;
    margin: 2px;
    width: 40px;
    height: 40px;
    position: relative;
    background: url(/images/theme/preview-icon-background.svg?v=4cIrc4UCjM_wStBwoOfLYuXwzmU) no-repeat center center;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .1))
}

.card-details-wrapper .left-holder .card-holder .card-icons li:active {
    background: none
}

.card-details-wrapper .left-holder .card-holder .card-icons li.card-favorite #icon-favorite {
    visibility: visible;
    opacity: 1;
    transition: 900ms opacity
}

.card-details-wrapper .left-holder .card-holder .card-icons li.card-favorite #icon-favorite-added {
    visibility: hidden;
    opacity: 0
}

.card-details-wrapper .left-holder .card-holder .card-icons li.card-favorite.added #icon-favorite {
    visibility: hidden;
    opacity: 0
}

.card-details-wrapper .left-holder .card-holder .card-icons li.card-favorite.added #icon-favorite-added {
    transition: 900ms opacity;
    visibility: visible;
    opacity: 1
}

.card-details-wrapper .left-holder .card-holder .card-icons li svg {
    position: absolute;
    top: 21%;
    right: 20%
}

.card-details-wrapper .left-holder .card-holder .card-icons li svg.i-share {
    right: 26%
}

@media(max-width:768px) {
    .card-details-wrapper .left-holder .card-holder .card-icons {
        position: absolute;
        top: 0;
        right: 16px
    }
}

.card-details-wrapper .left-holder .card-holder .envelope-wrap {
    background-color: #f8f8fa
}

.card-details-wrapper .left-holder .card-holder .envelope {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    right: 0;
    padding-bottom: 98%;
    background-image: url(https://static.greetingsisland.com/images/theme/envelope_back@2x.png?auto=format,compress);
    transform: rotate(-30deg);
    left: 15%;
    top: 14px;
    width: 376px
}

.card-details-wrapper .left-holder .card-holder .card-img {
    position: absolute;
    z-index: 10;
    text-align: center;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.card-details-wrapper .left-holder .card-holder .card-img img {
    box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, .2), 3px 3px 12px 0 rgba(0, 0, 0, .2);
    width: 100%
}

.card-details-wrapper .left-holder .card-holder .card-img img.fade {
    opacity: 0;
    transition: 500ms opacity
}

.card-details-wrapper .left-holder .card-holder .card-img img.fade.lazyloaded {
    opacity: 1
}

.card-details-wrapper .left-holder .card-holder.-card-portrait .card-img {
    width: 264px
}

.card-details-wrapper .left-holder .card-holder.-card-landscape .card-img {
    width: 369px
}

.card-details-wrapper .left-holder .card-holder.-card-square .card-img {
    width: 350px
}

.card-title {
    font-size: 1.5em
}

.-card-envelope {
    margin-bottom: 50px;
    margin-left: 0
}

.-card-envelope .card-img {
    position: relative;
    padding-right: 20px;
    margin-bottom: 40px;
    text-align: left
}

.-card-envelope .card-img img {
    width: 375px;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .2)
}

.-card-envelope .extra-images .img-thumb {
    margin-left: 30px;
    display: inline-block
}

.-card-envelope .extra-images .img-thumb:first-child {
    margin-left: 0
}

.-card-envelope .extra-images .img-thumb img {
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .2)
}

.-card-envelope .extra-images .img-thumb .thumb-desc {
    display: block;
    margin-top: 10px
}

@media(max-width:768px) {
    .card-controls {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #e8e8e8;
        background-color: #fff;
        padding: 16px 0;
        text-align: center;
        z-index: 1
    }
}

.card-details {
    color: #606062;
    padding-top: 10px
}

.card-details p {
    margin-bottom: 4px
}

.card-details select {
    max-width: 286px
}

.card-details .details-item {
    margin-top: 20px
}

.card-details .details-item .simple-list {
    margin-bottom: 10px
}

.card-details .details-item .details-label {
    font-size: .85em;
    line-height: 1.3;
    color: #000;
    display: block
}

.card-details .details-item .details-label.-field-label {
    line-height: 40px
}

.card-details .details-item .details-label.float-left {
    width: 140px;
    margin-right: 20px;
    display: inline-block
}

.card-details .details-item .details-desc {
    overflow: hidden
}

.card-details .details-item .details-desc .matching-response-card img {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .25);
    margin: 6px
}

.card-details .details-divider {
    height: 1px;
    background: #e8e8e8;
    margin: 20px 0
}

.card-details .details-desc .radio-label,
.card-details .details-desc .check-label {
    margin-bottom: 5px;
    margin-left: 20px
}

.card-details .details-desc .radio-label:first-child,
.card-details .details-desc .check-label:first-child {
    margin-left: 0
}

.available-buttons .details-label.float-left {
    display: inline-block;
    line-height: 70px;
    position: relative
}

.available-buttons ul {
    margin-top: 16px
}

.available-buttons ul li {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    padding: 5px
}

.available-buttons ul li>div {
    display: inline-block;
    margin: 12px 10px 10px 5px;
    vertical-align: top;
    text-align: left
}

.available-buttons ul li:first-child {
    padding-left: 0
}

.available-buttons ul li .link {
    cursor: pointer;
    color: #4dd1a2;
    text-decoration: underline
}

.available-buttons ul li svg {
    margin-top: 7px;
    display: inline-block
}

.available-buttons ul li .preview {
    font-size: .85em;
    margin-top: 6px;
    text-decoration: none
}

.available-buttons ul li .preview svg {
    display: inline-block;
    height: 10px;
    margin: -1px 0
}

.available-buttons ul li .preview svg path {
    fill: #267778
}

.available-buttons ul li .learn-more {
    font-size: .85em;
    margin-top: 4px
}

.available-buttons ul li .learn-more svg {
    display: inline-block;
    height: 7px;
    width: 8px;
    fill: #267778;
    margin: 1px
}

.available-buttons ul li .learn-more.open svg {
    transform: rotate(90deg)
}

.available-buttons ul li .learn-more:hover svg {
    fill: #606062
}

@media(max-width:768px) {
    .available-buttons ul li svg {
        display: block;
        margin: 0 auto
    }
}

.available-buttons .rborder {
    border-right: 1px solid #e8e8e8
}

.learn-more-panel .learn-more-list li {
    margin-bottom: 14px;
    display: flex
}

.learn-more-panel .learn-more-list li svg {
    margin-top: 3px;
    margin-right: 12px
}

.card-colors .card-color {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin-right: 2px;
    margin-left: 3px;
    border: 1px solid
}

.card-colors .card-color.-color-white {
    border-color: #cfcfcf
}

.card-colors .card-color:after {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border: 1px solid;
    border-radius: 100%;
    opacity: 0
}

.card-colors .card-color:hover:after,
.card-colors .card-color.active:after {
    opacity: 1
}

#preview-ecard-modal .modal-header,
#preview-invitation-modal .modal-header,
#preview-online-invitation .modal-header {
    height: 8%;
    min-height: 70px;
    background-color: #2d3b4a;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 40px
}

#preview-ecard-modal .modal-header span,
#preview-invitation-modal .modal-header span,
#preview-online-invitation .modal-header span {
    margin-right: 20px
}

#preview-ecard-modal .modal-header .close,
#preview-invitation-modal .modal-header .close,
#preview-online-invitation .modal-header .close {
    color: #fff
}

#preview-ecard-modal .modal-body,
#preview-invitation-modal .modal-body,
#preview-online-invitation .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 92%
}

#preview-ecard-modal .modal-body div.wrap,
#preview-invitation-modal .modal-body div.wrap,
#preview-online-invitation .modal-body div.wrap {
    width: 100%
}

#preview-online-invitation {
    overflow: hidden
}

#preview-invitation-modal {
    overflow: hidden
}

#preview-invitation-modal .modal-header a {
    color: #fff
}

#preview-invitation-modal .modal-body iframe {
    height: 100%
}

.envelopes-list .envelope-link {
    display: block;
    padding: 20px 0
}

.envelopes-list .envelope-link img {
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .2);
    max-width: 218px
}

.pagination {
    margin: 30px 0;
    text-align: center;
    font-size: 1.25em
}

.pagination .thumb {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
    height: 31px;
    line-height: 28px;
    min-width: 31px;
    text-align: center;
    color: #000;
    border-radius: 3px
}

.pagination .thumb.-current {
    background-color: #267778;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .13)
}

.pagination .thumb.-dots {
    min-width: 22px
}

.pagination .thumb.-prev,
.pagination .thumb.-next {
    position: relative
}

.pagination .thumb.-prev svg,
.pagination .thumb.-next svg {
    content: "";
    fill: #b2b2b2;
    width: 18px;
    height: 13px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -8px
}

.pagination .thumb.-prev:hover svg,
.pagination .thumb.-next:hover svg {
    fill: #267778
}

.pagination .thumb.-prev {
    margin-right: 14px
}

.pagination .thumb.-next {
    margin-left: 14px
}

.pagination a:hover {
    color: #267778;
    cursor: pointer
}

.category-page .category-tabs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 64px;
    width: 100%;
    margin: 0 auto;
    z-index: 101;
    justify-content: center;
    white-space: nowrap
}

.category-page .category-tabs a {
    background: rgba(45, 59, 74, .1);
    color: #fff;
    width: 50%;
    max-width: 216px;
    font-size: 18px;
    transition: none
}

.category-page .category-tabs a small {
    font-size: 12px;
    display: block
}

.category-page .category-tabs a>div {
    margin: 10px;
    text-align: center
}

.category-page .category-tabs a>div div {
    text-align: left
}

.category-page .category-tabs a.active {
    background: #fff;
    color: #000
}

.category-page .category-tabs a.active small {
    color: #606062
}

.category-page .category-tabs.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #2d3b4a;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.category-page .category-tabs.fixed a {
    background: #2d3b4a;
    display: inline-block;
    color: #fff
}

.category-page .category-tabs.fixed a small {
    color: #fff
}

.category-page .category-tabs.fixed .active::after {
    content: "";
    height: 4px;
    background-color: #267778;
    margin-top: -7px;
    display: block
}

@media(max-width:767px) {
    .category-page .category-tabs a {
        max-width: none
    }
}

@media(max-width:767px) {
    .has-flat-cards .banner.-invitation-banner {
        padding-bottom: 84px
    }
}

.category-top-line {
    border-bottom: 1px solid #e8e8e8
}

.category-top-line .breadcrumbs {
    display: inline-block;
    margin-bottom: 0
}

.category-top-line .results-count {
    color: #606062;
    display: inline-block;
    font-size: .875em
}

.category-top-line .results-count span {
    color: #515151;
    margin: 0 8px;
    display: inline-block
}

.category-top-line .filter-items {
    display: block;
    margin-left: 20px
}

.category-top-line .filter-items li {
    display: inline-block;
    margin: 0 0 20px 0
}

.category-top-line .filter-items li a.item {
    padding: 5px 0 5px 10px;
    background: #ececec;
    color: #606062;
    margin-right: 5px;
    font-size: .85em
}

.category-top-line .filter-items li a.item::after {
    content: "x";
    padding: 5px 10px 5px 5px
}

.category-top-line .filter-items li a.item:hover {
    color: #606062
}

.category-top-line .filter-items li a.reset {
    color: #267778;
    font-size: .85em
}

.filters-title {
    display: none
}

.filters-sidebar {
    float: left;
    width: 235px;
    font-size: .875em;
    position: relative;
    z-index: 99
}

.filters-sidebar .sidebar-widget {
    border-bottom: 1px solid #e8e8e8;
    padding: 20px
}

.filters-sidebar .sidebar-widget.last {
    border-bottom: 0
}

.filters-sidebar .sidebar-widget h4 {
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 8px;
    font-size: .875rem;
    font-family: "Raleway", Arial, Helvetica, sans-serif
}

.filters-sidebar .sidebar-widget ul.list li .item,
.filters-sidebar .sidebar-widget ul.list li a {
    line-height: 34px;
    height: 34px;
    color: #606062;
    cursor: pointer
}

.filters-sidebar .sidebar-widget ul.list li .item:hover,
.filters-sidebar .sidebar-widget ul.list li a:hover {
    color: #267778
}

.filters-sidebar .sidebar-widget .select2.select2-container {
    margin-bottom: 0
}

.filters-sidebar .sidebar-widget .select2 .select2-selection__arrow {
    background: url(/images/theme/custom-select-arrow-small.svg?v=4cIrc4UCjM_wStBwoOfLYuXwzmU) no-repeat center center
}

.filters-sidebar .sidebar-widget .select2 .select2-selection__rendered {
    padding-left: 0
}

.filters-sidebar .sidebar-widget .custom-checkbox {
    cursor: pointer
}

.filters-sidebar .sidebar-widget .custom-checkbox span {
    top: 3px
}

.filters-sidebar .sidebar-widget .custom-checkbox:hover,
.filters-sidebar .sidebar-widget .custom-checkbox.checked {
    color: #267778
}

.filters-sidebar .sidebar-widget ol.card-sizes {
    padding-top: 9px
}

.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    margin-right: 17px
}

.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation rect {
    stroke: #e8e8e8
}

.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation path,
.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation circle {
    fill: #e8e8e8
}

.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation.active rect,
.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation:hover rect {
    stroke: #267778
}

.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation.active path,
.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation.active circle,
.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation:hover path,
.filters-sidebar .sidebar-widget ol.card-sizes .card-orientation:hover circle {
    fill: #267778
}

.filters-sidebar .sidebar-widget .icon-settings {
    margin-left: 6px
}

.filters-sidebar .select2-container .select2-results__option[aria-selected=true],
.filters-sidebar .select2-container .select2-results__option--highlighted[aria-selected] {
    color: #606062
}

.filters-sidebar .select2-container .select2-dropdown {
    margin-left: -9px
}

.filters-sidebar .ad-placeholder {
    display: block;
    margin: 0 auto
}

.primary-content {
    overflow: hidden;
    border-left: 1px solid #e8e8e8;
    padding-bottom: 40px
}

.primary-content.category-content .breadcrumbs {
    padding-left: 20px;
    position: relative;
    z-index: 100;
    border: none
}

.primary-content.category-content .breadcrumbs>div {
    position: relative;
    margin: 0 auto;
    max-width: 1920px
}

.masonry.script {
    min-height: 500px;
    overflow: hidden;
    margin: 0 auto
}

.masonry.script:before {
    content: "Loading...";
    display: block;
    text-align: center;
    padding-top: 100px;
    color: #606062;
    letter-spacing: 2px
}

.masonry.script.masonry-init {
    height: auto
}

.masonry.script.masonry-init:before {
    opacity: 0;
    color: #fff
}

.masonry.script.masonry-init .grid-item {
    opacity: 1
}

.masonry.script .grid-sizer,
.masonry.script .grid-item {
    width: 270px
}

.masonry.script .grid-sizer.small,
.masonry.script .grid-item.small {
    width: 193px
}

.masonry.script .grid-item {
    opacity: 0;
    padding: 25px;
    text-align: center
}

.masonry.script .grid-item .item-thumbnail {
    box-shadow: 0 0 5px rgba(0, 0, 0, .25)
}

.masonry.script .grid-item>* {
    width: 220px;
    margin-left: auto;
    margin-right: auto
}

.masonry.script.favorites .grid-item {
    padding: 25px 10px
}

.cards-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 1px;
    justify-content: space-evenly;
    align-items: end;
    grid-template-columns: repeat(auto-fill, 250px)
}

.cards-grid.preview {
    grid-template-columns: repeat(auto-fill, 220px)
}

@media only screen and (max-width:599px) {
    .cards-grid.preview {
        grid-template-columns: repeat(2, 45%)
    }
}

.cards-grid .grid-item {
    padding-bottom: 40px
}

.cards-grid .grid-item.item-portrait {
    margin: 0 20px
}

.cards-grid .grid-item.ad-placeholder {
    grid-column-start: span 2;
    text-align: center;
    margin: 0 auto;
    align-self: baseline
}

@media only screen and (min-width:2500px) {
    .cards-grid {
        grid-template-columns: repeat(auto-fill, 14%)
    }
}

@media only screen and (min-width:1280px) and (max-width:1680px) {
    .cards-grid:not(.search) {
        justify-content: center;
        grid-template-columns: repeat(auto-fill, 23%)
    }
}

@media only screen and (min-width:768px) and (max-width:1279px) {
    .cards-grid {
        justify-content: center;
        grid-template-columns: repeat(3, 30%)
    }
    .cards-grid.search {
        grid-template-columns: repeat(auto-fill, 23%)
    }
}

@media only screen and (max-width:1024px) {
    .cards-grid .grid-item {
        padding-bottom: 10px
    }
}

@media only screen and (max-width:599px) {
    .cards-grid {
        justify-content: space-between;
        grid-template-columns: repeat(2, 45%)
    }
    .cards-grid .grid-item {
        padding-bottom: unset
    }
    .cards-grid .grid-item.item-portrait {
        margin: 0
    }
}

.grid-item {
    position: relative
}

.grid-item .wishlist-message._visible-md {
    position: relative;
    opacity: 1
}

.grid-item .wishlist-message.hide {
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    opacity: 0
}

.grid-item.-added-wishlist .wishlist-message:before {
    content: "Added"
}

.grid-item.-added-wishlist .wishlist-message._visible-md:before {
    color: #267778
}

.grid-item.-removed-wishlist .wishlist-message:before {
    content: "Removed"
}

.grid-item.-removed-wishlist .wishlist-message._visible-md:before {
    color: #606062
}

.grid-item img {
    display: block;
    width: 100%
}

.grid-item .card-footer {
    text-align: left;
    position: relative;
    height: 60px
}

@media(max-width:1024px) {
    .grid-item .card-footer {
        min-height: 120px
    }
}

.grid-item .card-footer .card-colors {
    height: 16px;
    padding: 16px 0;
    text-align: center
}

.grid-item .card-footer .card-pricing {
    display: flex;
    margin-left: auto;
    margin-right: auto
}

.badge {
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap
}

.badge.card-pricing {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 11px
}

.badge.card-pricing.-premium {
    font-size: 12px;
    align-items: baseline;
    padding-top: 2px;
    width: 100px;
    justify-content: center
}

.badge.card-pricing.-premium:before {
    content: "";
    width: 16px;
    height: 12px;
    background: url(https://static.greetingsisland.com/images/theme/premium-small.svg) no-repeat;
    display: inline-block;
    margin-right: 3px
}

.badge.card-pricing.-premium:after {
    content: "PREMIUM";
    display: inline-block;
    color: #9253c9
}

.badge.card-pricing.-free {
    width: 28px
}

.badge.card-pricing.-free::after {
    content: "FREE";
    display: inline-block;
    color: #565656;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    line-height: 16px
}

.badge.card-pricing.-preview {
    width: auto;
    margin: 0;
    padding: 0;
    display: inline-block
}

@media(max-width:768px) {
    .badge.card-pricing.-preview {
        display: block;
        text-align: center
    }
}

.share-icons {
    white-space: nowrap
}

.share-icons a {
    margin: 10px;
    display: inline-block
}

.share-icons a svg {
    display: inline-block
}

.item-thumbnail {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, .25)
}

.item-thumbnail:hover .item-details {
    bottom: 0
}

.item-thumbnail .item-details {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    bottom: -70px;
    left: 0;
    right: 0;
    max-height: 70px;
    padding: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
    font-weight: 600
}

.item-thumbnail .item-details .item-name {
    color: #fff
}

.cards.folded .grid-item:not(.ad-placeholder):before {
    content: "";
    height: 14px;
    position: absolute;
    left: 0;
    right: 8px;
    top: 0;
    z-index: -1;
    background: linear-gradient(198.85deg, rgba(177, 177, 177, .3) .47%, #9e9e9e 76.88%), #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, .08);
    transform: rotate(-3deg);
    transform-origin: top left
}

.cards.folded .grid-item:not(.ad-placeholder).item-landscape::before {
    width: 12px;
    height: calc(95% - 100px);
    background: linear-gradient(14deg, rgba(177, 177, 177, .3) .47%, #9e9e9e 76.88%), #fff;
    transform: rotate(3.5deg);
    transform-origin: 0 top
}

@media(max-width:1024px) {
    .cards.folded .grid-item:not(.ad-placeholder).item-landscape::before {
        height: calc(95% - 120px)
    }
}

.add-to-wishlist {
    background: url(https://static.greetingsisland.com/images/theme/icon-heart-category-white.svg) no-repeat;
    width: 22px;
    height: 20px;
    display: inline-block;
    float: right;
    margin-left: 10px
}

.add-to-wishlist.-inverted {
    background-image: url(https://static.greetingsisland.com/images/theme/icon-heart-category-grey.svg);
    float: none;
    margin-top: 12px;
    margin-left: 0
}

.add-to-wishlist.-active {
    background-image: url(https://static.greetingsisland.com/images/theme/icon-heart-category-green.svg)
}

.cards-slider-wide .item-name {
    font-size: 12px;
    padding-top: 3px
}

.bottom-pull-up {
    margin-bottom: -3%
}

.box-gradient-border {
    border: 4px solid transparent;
    padding: 70px 25px;
    -moz-border-image: -moz-linear-gradient(top left, #d9497a 0%, #ffad7b 100%);
    -webkit-border-image: -webkit-linear-gradient(top left, #d9497a 0%, #ffad7b 100%);
    border-image: linear-gradient(to bottom right, #d9497a 0%, #ffad7b 100%);
    border-image-slice: 1
}

.box-gradient {
    padding: 11px;
    background: #d9497a;
    background: -moz-linear-gradient(-45deg, #d9497a 0%, #ffad7b 100%);
    background: -webkit-linear-gradient(-45deg, #d9497a 0%, #ffad7b 100%);
    background: linear-gradient(135deg, #d9497a 0%, #ffad7b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9497a", endColorstr="#ffad7b", GradientType=1)
}

.about-us-block {
    padding-top: 80px;
    padding-bottom: 80px
}

.about-us-block p {
    max-width: 475px
}

.user-account {
    height: 100%
}

.account-bar {
    position: relative;
    margin-bottom: 35px
}

.account-bar:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #e8e8e8
}

.account-bar .user-id {
    padding-top: 13px
}

.account-bar .account-nav li {
    display: inline-block;
    margin-left: 30px
}

@media(max-width:599px) {
    .account-bar .account-nav li:not(.active) {
        display: none
    }
}

.account-bar .account-nav li a {
    position: relative;
    display: block;
    height: 56px;
    line-height: 56px;
    font-weight: bold;
    color: #000
}

.account-bar .account-nav li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #267778
}

.account-bar .account-nav li a:hover:before {
    height: 4px
}

.account-bar .account-nav li.active a:before {
    height: 4px
}

.account-form {
    margin-left: 0;
    max-width: 455px
}

.account-form .account-email {
    height: 40px;
    line-height: 40px;
    display: inline-block
}

.account-form label {
    min-width: 160px;
    color: #000;
    font-weight: 600
}

.account-form .form-buttons {
    margin-left: 160px
}

.account-delete {
    border: solid #e8e8e8;
    border-width: 1px 0;
    padding: 9px 0
}

.saved-item {
    border-top: 1px solid #e8e8e8;
    padding-top: 40px;
    position: relative
}

.saved-item:first-child {
    border-top: none;
    padding-top: 0
}

.saved-item:first-child .item-remove {
    top: 0
}

.saved-item .item-remove {
    position: absolute;
    right: 0;
    top: 40px;
    border: none;
    background: none;
    color: #a1a8b0;
    font-size: 1em
}

.saved-item .item-remove span {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.saved-item .item-remove .x {
    font-size: 36px;
    line-height: 26px;
    top: -4px
}

.saved-item .item-remove .x+span {
    margin-left: 3px
}

.saved-item .item-remove:hover {
    color: #181819
}

.saved-item .item-thumb {
    float: left;
    padding-bottom: 40px;
    cursor: pointer
}

.saved-item .item-thumb img {
    width: 188px;
    border: 1px solid #ececec
}

.saved-item .item-details {
    overflow: hidden;
    padding-bottom: 40px;
    padding-left: 50px
}

.saved-item .item-name {
    margin-bottom: 5px;
    padding-right: 95px
}

.saved-item .item-name .text {
    cursor: pointer
}

.saved-item .item-name .icon-edit {
    position: relative;
    margin-left: 10px;
    cursor: pointer
}

.saved-item .saved-date {
    margin-bottom: 25px
}

.saved-item .item-properties {
    margin-bottom: 6px
}

.saved-item .item-properties .details-label {
    color: #000;
    font-weight: bold;
    min-width: 86px;
    display: inline-block
}

.saved-item .item-properties .details-label.wide {
    min-width: 120px
}

.saved-item .item-buttons {
    margin-top: 75px
}

.saved-item a {
    color: #000
}

.qtip {
    font-size: 16px;
    line-height: inherit;
    background: #fff;
    border: none;
    border-radius: 7px;
    z-index: 15000;
    max-width: 350px
}

.qtip.tooltip-simple {
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .2);
    padding: 5px 12px;
    font-size: 14px;
    z-index: 17000 !important
}

.qtip.tooltip-simple .qtip-content {
    box-shadow: none
}

.qtip.tooltip-simple-dark {
    padding: 5px 12px;
    font-size: 14px;
    background: #2d3b4a;
    color: #b2b2b2
}

.qtip.tooltip-simple-dark .qtip-content {
    border-color: #2d3b4a
}

.qtip .qtip-content {
    padding: 0;
    border-color: #b9b9b9;
    border-width: 0;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .2);
    border-radius: 7px;
    overflow: hidden
}

.qtip .tooltip-pricing-list {
    max-height: 248px;
    overflow-x: hidden;
    overflow-y: auto
}

.qtip .tooltip-pricing-list li {
    margin: 12px 15px
}

.qtip .tooltip-payment-methods {
    background: #f9f9fb;
    padding: 14px 15px
}

.tooltip-content {
    display: none
}

.modal-backdrop+.tooltip-simple,
.modal-backdrop+.tooltip-simple-dark {
    z-index: 12000 !important
}

.preview-buttons {
    padding: 10px
}

.preview-buttons .button {
    margin: 0 8px
}

.pickup-bottom {
    position: relative;
    background-color: #fff
}

hr.pickup-seprator {
    border-top: 1px solid #e8e8e8;
    position: relative
}

._\33 dhide {
    opacity: 0
}

.drag {
    position: absolute;
    top: 50%;
    z-index: 0;
    right: 0
}

.preview3d .layout {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.preview3d .drag {
    right: 18vw
}

.loading {
    text-align: center;
    font-size: 16px;
    background: rgba(255, 255, 255, .95);
    position: absolute;
    top: 30vh;
    transform: translateX(-50%);
    left: 50%
}

.loading.pickup {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: none
}

.loading.pickup .box {
    text-align: center;
    font-size: 16px;
    background: rgba(255, 255, 255, .95);
    position: absolute;
    top: 30vh;
    transform: translateX(-50%);
    left: 50%
}

.loading img {
    display: block;
    margin: auto
}

.loading span {
    font-weight: bolder;
    display: block;
    background: linear-gradient(to bottom right, #01df7c, #03bda0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .loading span {
        background: none;
        color: #02cc90
    }
}

.loading--is-loaded {
    display: none
}

.pickup-holder {
    background: linear-gradient(135.42deg, #fff 0%, #eee6f3 100%);
    padding-top: 100px;
    height: 831px;
    margin-bottom: 163px
}

@media(max-width:900px) {
    .pickup-holder {
        margin-bottom: 60px
    }
}

@media(max-width:800px) {
    .pickup-holder {
        height: 700px
    }
}

@media(max-width:599px) {
    .pickup-holder {
        height: 800px
    }
}

@media(max-width:539px) {
    .pickup-holder {
        height: 750px
    }
}

@media(max-width:479px) {
    .pickup-holder {
        height: 650px
    }
}

@media(max-width:340px) {
    .pickup-holder {
        height: 460px
    }
}

@media(max-width:900px) {
    .pickup-holder.flatCard_landscape {
        margin-bottom: 80px
    }
}

@media(max-width:800px) {
    .pickup-holder.flatCard_landscape {
        margin-bottom: 120px
    }
}

@media(max-width:700px) {
    .pickup-holder.flatCard_landscape {
        margin-bottom: 70px
    }
}

@media(max-width:599px) {
    .pickup-holder.flatCard_landscape {
        height: 545px;
        margin-bottom: 20px
    }
}

@media(max-width:500px) {
    .pickup-holder.flatCard_landscape {
        height: 485px
    }
}

@media(max-width:400px) {
    .pickup-holder.flatCard_landscape {
        height: 450px
    }
}

@media(max-width:950px) {
    .pickup-holder.flatCard_square {
        margin-bottom: 100px
    }
}

@media(max-width:850px) {
    .pickup-holder.flatCard_square {
        margin-bottom: 50px
    }
}

@media(max-width:800px) {
    .pickup-holder.flatCard_square {
        height: 760px
    }
}

@media(max-width:700px) {
    .pickup-holder.flatCard_square {
        height: 680px
    }
}

@media(max-width:599px) {
    .pickup-holder.flatCard_square {
        height: 645px
    }
}

@media(max-width:500px) {
    .pickup-holder.flatCard_square {
        height: 560px
    }
}

@media(max-width:450px) {
    .pickup-holder.flatCard_square {
        height: 500px
    }
}

.flat-card-animation-container {
    max-width: 878px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 100;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0
}

.flat-card-animation-container.show-preview {
    opacity: 1
}

.flat-card-animation-container .card-container {
    position: absolute;
    overflow: hidden;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2)
}

.flat-card-animation-container img {
    width: 100%
}

.flat-card-animation-container.flatCard_portrait.init-step2 .card-container {
    z-index: 100;
    -webkit-transform: translateY(-18%);
    transform: translateY(-18%)
}

.flat-card-animation-container.flatCard_landscape.init-step2 .card-container {
    z-index: 100;
    -webkit-transform: translateY(-12%);
    transform: translateY(-12%)
}

.flat-card-animation-container.flatCard_square.init-step2 .card-container {
    z-index: 100;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-transform: translateY(1%);
    transform: translateY(1%)
}

.flat-card-animation-container:before,
.flat-card-animation-container:after {
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://static.greetingsisland.com/images/theme/envelopes/envelope_back.png?auto=format,compress)
}

.flat-card-animation-container:after {
    background-image: url(https://static.greetingsisland.com/images/theme/envelopes/envelope_front.png?auto=format,compress)
}

.flat-card-animation-container .preview-image {
    padding-bottom: 99.57%;
    position: relative
}

.flat-card-animation-container.flatCard_landscape .card-container {
    width: 82%;
    height: 53%;
    top: 40%;
    left: 8.6%
}

.flat-card-animation-container.flatCard_portrait .card-container {
    width: 50.1%;
    max-height: 56%;
    top: 28.8%;
    left: 50%;
    margin-left: -25.05%
}

.flat-card-animation-container.flatCard_square:before {
    background-image: url(https://static.greetingsisland.com/images/theme/envelopes/envelope_square_back.png)
}

.flat-card-animation-container.flatCard_square:after {
    background-image: url(https://static.greetingsisland.com/images/theme/envelopes/envelope_square_front.png)
}

.flat-card-animation-container.flatCard_square .preview-image .card-container {
    width: 59.6%;
    left: 19.8%;
    top: 33.3%
}

.flat-card-animation-container.init-intro {
    -webkit-transition: all 1.5s cubic-bezier(.22, .61, .36, 1);
    transition: all 1.5s cubic-bezier(.22, .61, .36, 1);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.flat-card-animation-container.init-step1 .card-container {
    max-height: 100%;
    -webkit-transition: all .4s ease-out .5s;
    transition: all .4s ease-out .5s;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%)
}

.flat-card-animation-container.init-step1:before,
.flat-card-animation-container.init-step1:after {
    -webkit-transform: translateY(45%);
    transform: translateY(45%);
    -webkit-transition: all .4s ease-out .5s;
    transition: all .4s ease-out .5s
}

.flat-card-animation-container.init-step2 .card-container {
    overflow: visible;
    z-index: 100;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    box-shadow: none
}

.flat-card-animation-container.init-step2 .card-container img {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2);
    image-rendering: -webkit-optimize-contrast
}

.flat-card-animation-container.init-step2:before,
.flat-card-animation-container.init-step2:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.invitation-action-buttons-container {
    text-align: right;
    max-width: 734px;
    width: 100%;
    margin: -30px auto 0;
    z-index: 200;
    font-size: 19px;
    position: relative
}

@media(max-width:767px) {
    .invitation-action-buttons-container.flatCard_portrait {
        margin: 0 auto
    }
}

.invitation-action-buttons-container a {
    color: #b5b5b5;
    padding-left: 5px
}

.invitation-action-buttons-container a svg {
    height: 19px
}

.invitation-action-buttons-container a svg path {
    fill: currentColor
}

.invitation-action-buttons-container a.btn-ico {
    display: inline-block
}

.invitation-action-buttons-container a.btn-ico:hover {
    color: #000
}

.invitation-action-buttons-container a.btn-ico.btn-print {
    font-size: 21px
}

.invitation-action-buttons-container.flatCard_square {
    max-width: 730px
}

.sitemap-group {
    padding-top: 35px;
    border-top: 1px solid #e8e8e8;
    margin-top: 15px
}

.sitemap-group:first-child {
    padding-top: 0;
    margin-top: 0;
    border: none
}

.sitemap-group ul {
    margin-bottom: 21px
}

.sitemap-group ul li {
    margin-bottom: 6px
}

.sitemap-group .category-name a,
.sitemap-group h2 a {
    color: #000
}

.sitemap-group a {
    color: #666
}

.sitemap-group a:hover {
    color: #267778
}

.view-more-link {
    font-family: "Museo-700";
    font-size: 16px;
    font-weight: 500;
    color: #000
}

.view-more-link .more-arrow {
    display: inline-block;
    position: relative;
    left: 0;
    margin-left: 6px;
    fill: #000
}

.view-more-link:hover .more-arrow {
    left: 3px
}

.featured-category.-top-spacing {
    margin-top: 48px
}

.featured-category .category-name {
    margin-left: -30px;
    margin-bottom: 57px;
    position: relative;
    z-index: 90;
    font-size: 3.75em;
    line-height: 1.2
}

@media(max-width:767px) {
    .featured-category .category-name {
        margin-left: -20px
    }
}

@media(max-width:599px) {
    .featured-category .category-name {
        margin-left: 0;
        text-align: center;
        padding-top: 25px !important;
        margin-bottom: 45px !important
    }
}

.featured-category .category-name .category-text {
    opacity: .7;
    display: inline-block
}

.featured-category .category-name .view-more-link {
    position: absolute;
    height: 20px;
    line-height: 20px;
    right: 88px;
    top: 50%;
    margin-top: 3px
}

@media(min-width:1921px) {
    .featured-category .category-name .view-more-link {
        right: 202px
    }
}

.section-graphics {
    margin-left: -30px;
    margin-right: -30px;
    -webkit-user-select: none;
    pointer-events: none
}

.section-graphics .image-left,
.section-graphics .image-left2,
.section-graphics .image-right,
.section-graphics .image-right2 {
    position: absolute;
    z-index: 100;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-user-select: none
}

.section-graphics .image-left {
    left: 0
}

.section-graphics .image-right {
    right: 0
}

.featured-category.-category-birthday .image-left {
    top: 34px;
    width: 180px;
    height: 177px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/birthday-left@2x.png?auto=format,compress)
}

@media(max-width:599px) {
    .featured-category.-category-birthday .image-left {
        top: 62px
    }
}

@media(max-width:1024px) {
    .send-online-section {
        padding-bottom: 0
    }
}

.send-online-section .image-right {
    width: 141px;
    height: 181px;
    top: -50px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/congrats@2x.png?auto=format,compress)
}

@media(max-width:599px) {
    .send-online-section .image-right {
        top: -80px;
        right: -30px
    }
}

.send-online-section .text-items {
    text-align: left
}

.send-online-section .flex-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.blog-posts .ideas {
    width: 120px;
    height: 46px;
    margin-top: -16px
}

.blog-posts .wrap-posts {
    display: grid;
    grid-template-columns: 50% 50%
}

@media only screen and (max-width:767px) {
    .blog-posts .wrap-posts {
        grid-template-columns: 100%
    }
    .blog-posts .wrap-posts .post {
        text-align: center
    }
}

.blog-posts .wrap-posts .post {
    padding: 16px
}

.featured-category.-category-thank-you .image-right {
    width: 303px;
    height: 298px;
    top: 45px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/memorial_nnouncements@2x.png?auto=format,compress);
    background-position: right top
}

.featured-category.-category-wedding .image-left {
    top: 10px;
    left: 267px;
    width: 104px;
    height: 100px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/ring@2x.png?auto=format,compress)
}

@media(max-width:599px) {
    .featured-category.-category-wedding .image-left {
        left: -42px;
        top: 82px
    }
}

.featured-category.-category-wedding .image-left2 {
    top: 59px;
    width: 229px;
    height: 139px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/ribbon@2x.png?auto=format,compress)
}

.featured-category.-category-wedding .image-right {
    width: 272px;
    height: 334px;
    top: 63px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/bouquet@2x.png?auto=format,compress)
}

.featured-category.-category-occasions .image-left {
    top: -45px;
    left: 0;
    width: 182px;
    height: 466px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/champagne-glass@2x.png?auto=format,compress)
}

@media(max-width:599px) {
    .featured-category.-category-occasions .image-left {
        top: -55px
    }
}

.featured-category.-category-occasions .image-right {
    width: 200px;
    height: 306px;
    top: 50px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/events_occasions@2x.png?auto=format,compress);
    background-position: right top
}

.your-designs-section {
    padding: 25px 0
}

@media(max-width:599px) {
    .your-designs-section {
        padding-bottom: 230px !important
    }
}

.your-designs-section .image-left {
    width: 206px;
    height: 366px;
    top: 40px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/watercolor@2x.png?auto=format,compress)
}

@media(max-width:1350px) {
    .your-designs-section .image-left {
        top: 160px
    }
}

@media(max-width:1350px) {
    .your-designs-section .image-left {
        top: auto;
        bottom: -90px
    }
}

.your-designs-section .image-right {
    width: 100px;
    height: 122px;
    top: auto;
    bottom: 40px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/brush@2x.png?auto=format,compress)
}

@media(max-width:1350px) {
    .your-designs-section .image-right {
        bottom: auto;
        top: 0
    }
}

.your-designs-section .upload-design-img {
    text-align: right;
    margin-left: -30px;
    margin-right: -30px
}

@media(max-width:1350px) {
    .your-designs-section .upload-design-img {
        margin: 0 auto 0 200px;
        text-align: center
    }
}

@media(max-width:599px) {
    .your-designs-section .upload-design-img {
        max-width: 90%;
        margin-left: 0;
        margin-top: 40px
    }
}

.featured-category.-category-party .image-left {
    height: 263px;
    top: 47px;
    max-width: 252px;
    min-width: 150px;
    width: 20vw;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/party@2x.png?auto=format,compress)
}

@media(max-width:599px) {
    .featured-category.-category-party .image-left {
        bottom: auto;
        top: 40px
    }
}

.featured-category.-category-thoughts-feelings .image-right {
    width: 255px;
    height: 328px;
    top: 50px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/sympathy@2x.png?auto=format,compress);
    background-position: right top
}

.featured-category.-category-holidays .image-left {
    width: 200px;
    height: 306px;
    top: 40px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/holidays@2x.png?auto=format,compress);
    background-position: right top
}

.easily-print-section {
    padding: 18px 0
}

.featured-category.-announcements-cards .image-left {
    width: 180px;
    height: 260px;
    top: 40px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/bouquet-flatlay@2x.png?auto=format,compress);
    background-position: right top
}

.featured-category.-announcements-cards .image-right {
    width: 114px;
    height: 148px;
    top: -40px;
    background-image: url(https://static.greetingsisland.com/images/theme/featured-cards/section-graphics/announcements@2x.png?auto=format,compress);
    background-position: right top
}

.flex-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

@media(max-width:1024px) {
    .flex-row {
        flex-wrap: wrap;
        justify-content: space-around
    }
}

.flex-row .grid-item {
    display: inline-block
}

@media(max-width:1024px) {
    .flex-row .grid-item {
        margin-bottom: 50px;
        margin-top: 20px
    }
}

.flex-row .flex-rows-break {
    flex-basis: 100%;
    height: 0;
    margin: 0;
    display: none
}

@media(max-width:1024px) {
    .flex-row .flex-rows-break {
        display: block
    }
}

.featured-category-grid .grid-item {
    text-align: center
}

.featured-category-grid .grid-item:hover {
    z-index: 10
}

.featured-category-grid .grid-item .item-content {
    display: inline-block
}

.featured-category-grid .grid-item.-item-2-thumbs .item-content {
    width: 200px
}

.featured-category-grid .grid-item.-item-2-thumbs .thumb1 {
    left: 0;
    top: 7px;
    transform: translateX(7px) rotate(-1deg)
}

.featured-category-grid .grid-item.-item-2-thumbs .thumb2 {
    left: 66px;
    top: 0;
    transform: translateX(-7px) rotate(6deg)
}

@media(min-width:600px) {
    .featured-category-grid .grid-item.-item-2-thumbs:hover .thumb1 {
        transform: rotate(-3deg)
    }
    .featured-category-grid .grid-item.-item-2-thumbs:hover .thumb2 {
        transform: rotate(8deg)
    }
}

.featured-category-grid .grid-item.-item-2-thumbs-mixed .item-content {
    width: 200px
}

.featured-category-grid .grid-item.-item-2-thumbs-mixed .thumb1 {
    left: 0;
    top: 7px;
    transform: translateX(7px) rotate(-1deg)
}

.featured-category-grid .grid-item.-item-2-thumbs-mixed .thumb2 {
    left: 42px;
    top: 69px;
    transform: translateX(-7px) rotate(6deg)
}

.featured-category-grid .grid-item.-item-2-thumbs-mixed .thumb2.square {
    top: 37px;
    left: 70px
}

@media(min-width:600px) {
    .featured-category-grid .grid-item.-item-2-thumbs-mixed:hover .thumb1 {
        transform: rotate(-3deg)
    }
    .featured-category-grid .grid-item.-item-2-thumbs-mixed:hover .thumb2 {
        transform: rotate(8deg)
    }
}

.featured-category-grid .grid-item.-item-3-thumbs .item-content {
    width: 270px
}

.featured-category-grid .grid-item.-item-3-thumbs .thumb1 {
    left: 0;
    top: 17px;
    transform: translateX(7px) rotate(-9deg)
}

.featured-category-grid .grid-item.-item-3-thumbs .thumb2 {
    left: 66px;
    top: 0
}

.featured-category-grid .grid-item.-item-3-thumbs .thumb3 {
    left: 142px;
    top: 14px;
    transform: translateX(-7px) rotate(9deg)
}

@media(min-width:600px) {
    .featured-category-grid .grid-item.-item-3-thumbs:hover .thumb1 {
        transform: rotate(-11deg)
    }
    .featured-category-grid .grid-item.-item-3-thumbs:hover .thumb2 {
        transform: translateY(-4px)
    }
    .featured-category-grid .grid-item.-item-3-thumbs:hover .thumb3 {
        transform: rotate(11deg)
    }
}

.featured-category-grid .grid-item.-item-4-thumbs .item-content {
    width: 330px
}

.featured-category-grid .grid-item.-item-4-thumbs .thumb1 {
    left: 0;
    top: 17px;
    transform: translateX(9px) rotate(-9deg)
}

.featured-category-grid .grid-item.-item-4-thumbs .thumb2 {
    left: 66px;
    top: 0;
    transform: translateX(6px)
}

.featured-category-grid .grid-item.-item-4-thumbs .thumb3 {
    transform: translateX(-6px) rotate(9deg);
    left: 142px;
    top: 14px
}

.featured-category-grid .grid-item.-item-4-thumbs .thumb4 {
    left: 205px;
    top: 17px;
    transform: translateX(-9px) rotate(6deg)
}

@media(min-width:600px) {
    .featured-category-grid .grid-item.-item-4-thumbs:hover .thumb1 {
        transform: rotate(-11deg)
    }
    .featured-category-grid .grid-item.-item-4-thumbs:hover .thumb2 {
        transform: translateX(0)
    }
    .featured-category-grid .grid-item.-item-4-thumbs:hover .thumb3 {
        transform: rotate(11deg)
    }
    .featured-category-grid .grid-item.-item-4-thumbs:hover .thumb4 {
        transform: rotate(8deg)
    }
}

.featured-category-grid .grid-item.-item-4-thumbs-mixed .item-content {
    width: 330px
}

.featured-category-grid .grid-item.-item-4-thumbs-mixed .thumb1 {
    left: 0;
    top: 17px;
    transform: translateX(9px) rotate(-9deg)
}

.featured-category-grid .grid-item.-item-4-thumbs-mixed .thumb2 {
    left: 66px;
    top: 0;
    transform: translateX(6px)
}

.featured-category-grid .grid-item.-item-4-thumbs-mixed .thumb3 {
    left: 135px;
    top: 32px;
    transform: translateX(-6px) rotate(9deg)
}

.featured-category-grid .grid-item.-item-4-thumbs-mixed .thumb4 {
    left: 179px;
    top: 90px;
    transform: translateX(-9px) rotate(6deg)
}

@media(min-width:600px) {
    .featured-category-grid .grid-item.-item-4-thumbs-mixed:hover .thumb1 {
        transform: rotate(-11deg)
    }
    .featured-category-grid .grid-item.-item-4-thumbs-mixed:hover .thumb2 {
        transform: translateX(0)
    }
    .featured-category-grid .grid-item.-item-4-thumbs-mixed:hover .thumb3 {
        transform: rotate(11deg)
    }
    .featured-category-grid .grid-item.-item-4-thumbs-mixed:hover .thumb4 {
        transform: rotate(8deg)
    }
}

.featured-category-grid .grid-item .item-thumbnails {
    position: relative;
    height: 210px;
    margin-bottom: 20px
}

@media(max-width:599px) {
    .featured-category-grid .grid-item .item-thumbnails {
        margin-bottom: 0
    }
}

.featured-category-grid .grid-item .item-thumbnails img {
    width: 129px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    position: absolute
}

.featured-category-grid .grid-item .item-thumbnails img.lazyloading {
    opacity: 0
}

.featured-category-grid .grid-item .item-thumbnails img.lazyloaded {
    opacity: 1
}

.featured-category-grid .grid-item .item-thumbnails img.landscape {
    width: 160px
}

.featured-category-grid .grid-item .item-name {
    font-size: 1.125em;
    text-align: center;
    color: #000;
    font-weight: 700
}

@media(max-width:599px) {
    .featured-category-grid .grid-item .item-thumbnails {
        height: 180px
    }
    .featured-category-grid .grid-item .item-thumbnails img {
        width: 106px
    }
    .featured-category-grid .grid-item .item-thumbnails img.landscape {
        width: 147px
    }
    .featured-category-grid .grid-item.-item-2-thumbs .thumb1,
    .featured-category-grid .grid-item.-item-2-thumbs-mixed .thumb1 {
        transform: rotate(4deg)
    }
    .featured-category-grid .grid-item.-item-2-thumbs .thumb2,
    .featured-category-grid .grid-item.-item-2-thumbs-mixed .thumb2 {
        display: none !important
    }
    .featured-category-grid .grid-item.-item-2-thumbs .item-content,
    .featured-category-grid .grid-item.-item-2-thumbs-mixed .item-content {
        width: 106px
    }
    .featured-category-grid .grid-item.-item-3-thumbs .item-content,
    .featured-category-grid .grid-item.-item-4-thumbs .item-content,
    .featured-category-grid .grid-item.-item-4-thumbs-mixed .item-content {
        width: 165px
    }
    .featured-category-grid .grid-item.-item-3-thumbs .thumb1,
    .featured-category-grid .grid-item.-item-4-thumbs .thumb1,
    .featured-category-grid .grid-item.-item-4-thumbs-mixed .thumb1 {
        transform: rotate(-3deg);
        top: 6px
    }
    .featured-category-grid .grid-item.-item-3-thumbs .thumb2,
    .featured-category-grid .grid-item.-item-4-thumbs .thumb2,
    .featured-category-grid .grid-item.-item-4-thumbs-mixed .thumb2 {
        transform: rotate(8deg);
        top: 0;
        left: 53px
    }
    .featured-category-grid .grid-item.-item-3-thumbs .thumb3,
    .featured-category-grid .grid-item.-item-3-thumbs .thumb4,
    .featured-category-grid .grid-item.-item-4-thumbs .thumb3,
    .featured-category-grid .grid-item.-item-4-thumbs .thumb4,
    .featured-category-grid .grid-item.-item-4-thumbs-mixed .thumb3,
    .featured-category-grid .grid-item.-item-4-thumbs-mixed .thumb4 {
        display: none !important
    }
    .featured-category-grid .grid-item.-item-4-thumbs-mixed .thumb2.square {
        top: 30px
    }
}

.browser-video {
    max-width: 480px;
    margin: 0 auto;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    box-shadow: -4px 8px 24px 0 rgba(0, 0, 0, .15)
}

@media(max-width:1024px) {
    .browser-video {
        max-width: 440px;
        border-radius: 5px 5px 0 0
    }
    .browser-video .browser-header {
        display: none
    }
}

@media(max-width:599px) {
    .browser-video {
        max-width: 220px
    }
}

.browser-video .browser-header img {
    width: 100%;
    display: block
}

.browser-video .browser-window {
    position: relative;
    overflow: hidden
}

.browser-video .browser-window video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width:768px) {
    #offer-modal-dialog .modal-body {
        border-radius: 0
    }
}

.modal .purchase-image {
    margin: 0 auto;
    position: relative
}

.modal .purchase-image.-portrait {
    width: 71px
}

.modal .purchase-image.-square {
    width: 93px
}

.modal .purchase-image.-landscape {
    width: 115px
}

.modal .purchase-image figure {
    position: relative
}

.modal .purchase-image figure:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -35px;
    right: -35px;
    z-index: 10;
    background: url(https://static.greetingsisland.com/images/theme/purchase/congrats.png) no-repeat;
    width: 67px;
    height: 69px
}

.modal .purchase-image img {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .26)
}

.modal .purchase-price {
    font-weight: normal;
    font-size: 2.25em;
    line-height: 1.25;
    font-family: "Museo-700";
    padding-top: 10px;
    padding-bottom: 4px;
    min-height: 76px
}

.modal .purchase-price .small {
    font-size: 14px;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-weight: normal
}

.modal .purchase-price+p {
    height: 30px;
    margin-bottom: 0
}

.modal .purchase-price+.billed {
    padding-top: 6px
}

@media only screen and (min-width:767px) {
    .modal-purchase.mobile {
        display: none;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -40%);
        min-width: 50vw;
        min-height: 825px;
        margin-bottom: -40px
    }
    .modal-purchase.mobile form {
        height: 90%
    }
    .modal-purchase.mobile #offer-modal-dialog {
        overflow-y: hidden
    }
}

.modal-purchase .purchase-image {
    height: 165px
}

.modal-purchase .purchase-image.-portrait {
    padding-top: 46px
}

.modal-purchase .purchase-image.-square {
    padding-top: 54px
}

.modal-purchase .purchase-image.-landscape {
    padding-top: 54px
}

@media only screen and (min-width:600px) {
    .modal-purchase .check-list {
        min-height: 144px
    }
}

@media only screen and (max-width:599px) {
    .modal-purchase .check-list {
        padding-bottom: 18px
    }
}

.purchase-container .billed .yearly {
    margin-left: 5px;
    display: inline-block
}

.purchase-container checkbox-switch {
    float: none
}

@media only screen and (max-width:599px) {
    .purchase-container {
        padding: 28px 0
    }
}

.modal.-modal-has-left-sidebar .modal-left-sidebar {
    width: 300px;
    float: left;
    padding: 48px 30px 38px
}

.modal.-modal-has-left-sidebar .modal-right-primary {
    overflow: hidden;
    padding: 48px 40px 38px
}

.modal.-modal-has-left-sidebar .modal-right-primary.method {
    padding: 20px 40px
}

@media only screen and (max-width:767px) {
    .modal.-modal-has-left-sidebar .modal-right-primary.method {
        padding: 20px 16px
    }
}

.modal-total-payment .modal-body {
    display: flex
}

.modal-total-payment .modal-right-primary {
    flex-grow: 2
}

.modal-total-payment .modal-right-primary .secure-lock-icon {
    position: relative;
    top: -1px
}

.modal-total-payment .modal-right-primary .payment-selector {
    margin-bottom: 20px
}

.modal-total-payment .modal-right-primary .payment-selector .payment-selector-container {
    text-align: center
}

.modal-total-payment .modal-right-primary .payment-selector .payment-method {
    padding: 0 10px;
    display: inline-block
}

.modal-total-payment .modal-right-primary .payment-selector .payment-method .payment-icon {
    opacity: .4;
    margin-right: 0
}

.modal-total-payment .modal-right-primary .payment-selector .payment-method .payment-icon img {
    vertical-align: top;
    position: relative;
    top: 2px
}

.modal-total-payment .modal-right-primary .payment-selector .payment-method.-checked .payment-check:after {
    background-color: #267778
}

.modal-total-payment .modal-right-primary .payment-selector .payment-method.-checked .payment-icon {
    opacity: 1
}

.modal-total-payment .modal-right-primary .payment-selector .payment-method.-checked .payment-name {
    color: #000
}

.modal-total-payment .modal-right-primary .payment-selector.card-only .payment-selector-container {
    text-align: left
}

.modal-total-payment .modal-right-primary .payment-selector.card-only .payment-method {
    width: 100%
}

.modal-total-payment .modal-right-primary .payment-selector.card-only .payment-icon {
    float: right
}

.modal-total-payment .modal-right-primary .payment-selector.card-only .hide-for-card-only {
    display: none !important
}

.modal-total-payment .modal-right-primary .payment-selector.card-only .for-card-only {
    display: inline-block !important
}

.modal-total-payment .modal-right-primary .payment-selector .payment-method-container {
    min-height: 252px
}

.modal-total-payment .modal-right-primary .payment-selector .payment-options {
    padding: 17px 0 0;
    overflow: hidden;
    display: none
}

.modal-total-payment .modal-right-primary .payment-selector .payment-options.active {
    display: block
}

.modal-total-payment .modal-right-primary .payment-selector .payment-options.paypal {
    padding-top: 18%
}

.modal-total-payment .modal-right-primary .payment-selector .payment-options.paypal p {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.modal-total-payment .modal-right-primary .payment-selector .payment-options form {
    margin-bottom: 0
}

.modal-total-payment .modal-right-primary .payment-selector .payment-check {
    box-sizing: border-box;
    height: 16px;
    width: 16px;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    display: inline-block;
    border-radius: 100%;
    margin-right: 8px;
    position: relative;
    top: 2px;
    cursor: pointer
}

.modal-total-payment .modal-right-primary .payment-selector .payment-check:after {
    content: "";
    height: 8px;
    width: 8px;
    position: absolute;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    margin-top: -4px;
    margin-left: -4px
}

.modal-total-payment .modal-right-primary .payment-selector .payment-name {
    font-weight: 600;
    color: #a3a3a3;
    cursor: pointer
}

.modal-total-payment .modal-right-primary .modal-form-container .payment-button {
    padding: 20px 23px
}

@media only screen and (max-width:599px) {
    .modal-total-payment .modal-right-primary .modal-form-container {
        max-width: 500px
    }
}

.modal-total-payment .modal-left-sidebar {
    min-height: 620px
}

@media only screen and (max-width:700px) {
    .modal-total-payment .modal-payment-sidebar {
        padding: 25px 15px
    }
    .modal-total-payment .modal-payment-primary {
        padding: 25px 15px
    }
}

#modal-update-payment-method .modal-right-primary {
    min-height: initial
}

.modal-premium-membersip-offer .modal-left-sidebar {
    padding-top: 129px;
    max-width: 35%
}

@media only screen and (max-width:599px) {
    .modal-premium-membersip-offer {
        background-color: #3e4572;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3e4572), to(#101316));
        background-image: -webkit-linear-gradient(top, #3e4572, #101316);
        background-image: linear-gradient(top, #3e4572, #101316)
    }
}

.plan-selector-container {
    max-width: 440px
}

.plan-selector .plan-box {
    border: 1px solid #f2f2f2;
    line-height: 1.4;
    padding: 20px 10px 10px;
    min-height: 160px;
    cursor: pointer
}

@media only screen and (max-width:1024px) {
    .plan-selector .plan-box {
        padding: 20px 0 10px
    }
}

.plan-selector .plan-box .plan-duration {
    color: #5f5f5f;
    font-family: "Museo-700";
    font-size: 2em;
    margin-bottom: -10px;
    display: inline-block
}

.plan-selector .plan-box .plan-pricing .amount {
    font-family: "Museo-700";
    font-size: 29px
}

.plan-selector .plan-box .plan-pricing .amount-description {
    font-size: 14px
}

.plan-selector .plan-box .plan-pricing .yearly-cost {
    font-size: 14px
}

.plan-selector .plan-box .plan-pricing .price {
    display: inline-block
}

.plan-selector .plan-box .plan-pricing .plan-save {
    background: #5f5f5f;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 2px;
    margin-top: 4px
}

.plan-selector .plan-box.-selected {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    border-color: #4932ad
}

.plan-selector .plan-box.-selected .plan-duration,
.plan-selector .plan-box.-selected .price {
    background-color: #3023ae;
    background-image: linear-gradient(45deg, #3023ae, #c86dd7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media all and (-ms-high-contrast:none) {
    .plan-selector .plan-box.-selected .plan-duration,
    .plan-selector .plan-box.-selected .price {
        background: none
    }
}

.plan-selector .plan-box.-selected .plan-save {
    background-color: #8d51c7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8d51c7), to(#ae61d0));
    background-image: -webkit-linear-gradient(top, #8d51c7, #ae61d0);
    background-image: linear-gradient(top, #8d51c7, #ae61d0)
}

.premium-subscription-modal.-upgrade .-change {
    display: none
}

.premium-subscription-modal.-change .-upgrade {
    display: none
}

.premium-subscription-modal>form {
    display: inline-block;
    width: 99%
}

.premium-subscription-modal .step1,
.premium-subscription-modal .step2,
.premium-subscription-modal .step3 {
    display: inline-block
}

.premium-subscription-modal .step3 .modal-body {
    display: flex;
    flex-direction: column;
    height: 100%
}

.premium-subscription-modal .step3 .modal-body div {
    flex: 1
}

@media only screen and (max-width:1024px) {
    .premium-subscription-modal .modal-content {
        padding-top: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .premium-subscription-modal>form {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        display: inline
    }
    .premium-subscription-modal .modal-content {
        padding-top: 0 !important;
        height: 100%
    }
}

@media only screen and (max-width:767px) and (min-width:599px) {
    .premium-subscription-modal .modal-body,
    .premium-subscription-modal .grid_1-2,
    .premium-subscription-modal .grid {
        height: 100%
    }
}

@media only screen and (max-width:767px) {
    .premium-subscription-modal .step1,
    .premium-subscription-modal .step2,
    .premium-subscription-modal .step3 {
        width: 100%;
        height: 100%
    }
}

@media only screen and (max-width:767px) {
    .premium-subscription-modal .step1 {
        background-color: #fff
    }
}

.hosted-field-focus {
    background: #f9f9fb;
    color: #181819;
    border-color: #919193
}

.hosted-field-invalid {
    border-color: #e5697a
}

.hosted-field-valid {
    background: #f8f8fa;
    color: #181819
}

.modal-premium-membersip-offer .modal-left-sidebar {
    height: 590px
}

.modal-premium-membersip-offer .modal-right-primary {
    height: 590px
}

@media only screen and (max-width:767px) {
    .modal-unlock-premium-success {
        background-color: #3e4572;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3e4572), to(#101316));
        background-image: -webkit-linear-gradient(top, #3e4572, #101316);
        background-image: linear-gradient(top, #3e4572, #101316)
    }
    .modal-unlock-premium-success .modal-content,
    .modal-unlock-premium-success .dark-blue-gradient-vertical {
        background: none
    }
}

.footer-top {
    border-top: 1px solid #e7e8ee;
    padding: 35px 0 50px
}

.footer-top .footer-top-nav li {
    display: inline-block;
    margin-left: 35px
}

.footer-top .footer-top-nav li:first-child {
    margin-left: 0
}

.footer-top .footer-top-nav .nav-label {
    display: inline-block;
    margin-right: 10px;
    color: #000;
    font-weight: bold
}

.footer-top .footer-top-nav a {
    color: #606062;
    text-decoration: underline
}

.footer-top .footer-top-nav a:hover {
    text-decoration: none
}

.site-footer {
    background: #f9f9fb;
    color: #606062;
    padding: 35px 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.site-footer a {
    color: #606062
}

.site-footer a:hover {
    color: #000
}

.site-footer .footer-nav li {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin-right: 38px
}

.site-footer .footer-right {
    font-size: .875em;
    margin-right: 120px
}

.site-footer .footer-right a {
    margin-left: 25px;
    display: inline-block
}

.site-footer .footer-app {
    border-left: #e8e8e8 solid 1px;
    padding-left: 18px;
    line-height: 18px
}

.site-footer .footer-app .app-icon {
    margin: 0 7px
}

#contactus-form {
    max-width: 464px
}

#contactus-form textarea {
    height: 90px
}

.holidays-wrap .select2-selection .placeholder {
    margin: 7px 9px;
    display: inline-block;
    position: absolute;
    z-index: 1
}

.holidays-wrap .select2-selection ul {
    position: relative;
    z-index: 2
}

.rsvp-dialog {
    width: 100%;
    padding: 0 10px;
    border-top: 1px solid #e7e8ee;
    border-bottom: 1px solid #e7e8ee;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
    display: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center
}

.rsvp-dialog .form-row {
    max-width: 290px;
    margin: 0 auto;
    padding: 10px
}

.rsvp-dialog label {
    text-align: left
}

.rsvp-dialog .input-wrap {
    position: relative;
    margin-bottom: 20px
}

.rsvp-dialog .input-wrap input {
    margin-bottom: 0;
    font-size: 16px
}

.rsvp-dialog .input-wrap input.required {
    color: #000
}

.rsvp-dialog .input-wrap>svg {
    position: absolute;
    left: 1px;
    top: 1px
}

.rsvp-dialog .input-wrap.name svg {
    margin: 11px
}

.rsvp-dialog .input-wrap.email svg {
    margin: 11px 6px
}

.rsvp-dialog input {
    padding-left: 40px
}

.rsvp-dialog input::-webkit-input-placeholder {
    font-style: italic
}

.rsvp-dialog input:-moz-placeholder {
    font-style: italic
}

.rsvp-dialog input::-moz-placeholder {
    font-style: italic
}

.rsvp-dialog input:-ms-input-placeholder {
    font-style: italic
}

.rsvp-dialog .close {
    position: absolute;
    right: 40px;
    font-size: 36px;
    cursor: pointer;
    color: #606062;
    font-weight: normal
}

.rsvp-dialog .bringing {
    position: relative
}

.rsvp-dialog .bringing i {
    cursor: pointer;
    position: absolute;
    top: 0;
    padding: 7px 10px
}

.rsvp-dialog .bringing i.plus {
    right: 4px
}

.rsvp-dialog .bringing i.minus {
    left: 4px
}

.rsvp-dialog .bringing i.minus svg {
    margin: 3px 0
}

.rsvp-dialog .bringing input {
    -moz-appearance: textfield;
    text-align: center;
    padding: 0 40px
}

.rsvp-dialog .bringing input::-webkit-outer-spin-button,
.rsvp-dialog .bringing input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.rsvp-dialog .bringing .question {
    font-size: .8em
}

.rsvp-dialog .decision {
    width: 100%;
    margin: 0;
    padding: 0
}

.rsvp-dialog .decision li {
    display: inline-block;
    width: 33.3%;
    height: 70px;
    border: 1px solid #e7e8ee;
    color: #000;
    font-size: 18px;
    margin: 0 -3px;
    cursor: pointer
}

.rsvp-dialog .decision li.selected,
.rsvp-dialog .decision li:hover {
    font-weight: bolder
}

.rsvp-dialog .decision li svg {
    display: block;
    height: 35px;
    margin: 0 auto
}

.rsvp-dialog .decision li i {
    display: block;
    height: 4px
}

.rsvp-dialog .decision li.no {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.rsvp-dialog .decision li.no.selected i,
.rsvp-dialog .decision li.no:hover i {
    background-color: #e5697a;
    border-top-right-radius: 4px
}

.rsvp-dialog .decision li.maybe {
    border-right: none;
    border-left: none
}

.rsvp-dialog .decision li.maybe i {
    margin: 0 1px
}

.rsvp-dialog .decision li.maybe.selected i,
.rsvp-dialog .decision li.maybe:hover i {
    background-color: #f3c06b
}

.rsvp-dialog .decision li.yes {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rsvp-dialog .decision li.yes.selected i,
.rsvp-dialog .decision li.yes:hover i {
    background-color: #03d388;
    border-top-left-radius: 4px
}

.rsvp-dialog .decision-wrap label.required-error {
    display: none;
    color: #e5697a;
    margin-top: 5px;
    font-size: .875em
}

.rsvp-dialog .decision-wrap.error li {
    border-color: #e5697a
}

.rsvp-dialog .decision-wrap.error li.no {
    border-left-color: #e7e8ee
}

.rsvp-dialog .decision-wrap.error li.maybe {
    border-left-color: #e7e8ee;
    border-right-color: #e7e8ee
}

.rsvp-dialog .decision-wrap.error li.yes {
    border-right-color: #e7e8ee
}

.rsvp-dialog .decision-wrap.error label.required-error {
    display: block
}

.guest-list h3 {
    text-align: center;
    margin-bottom: 15px
}

.guest-list .tabs {
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #e7e8ee;
    margin-bottom: 10px
}

.guest-list .tabs li {
    display: inline-block;
    border-bottom: 3px solid #fff;
    cursor: pointer;
    padding: 0 10px 5px 10px;
    width: 155px
}

.guest-list .tabs li:hover,
.guest-list .tabs li.selected {
    border-bottom-color: #03d388;
    color: #000;
    font-weight: bold
}

.guest-list .tabs-wrap {
    border-bottom: 1px solid #e7e8ee;
    text-align: center;
    display: none
}

.guest-list .tabs-wrap .tabs-holder {
    display: inline-block;
    margin: 0 auto
}

.guest-list .tabs-wrap .tabs-holder .select2 {
    margin-bottom: 5px
}

.guest-list .tabs-wrap .tabs-holder .select2 .select2-selection {
    font-weight: bold;
    color: #000
}

.guest-list .list {
    margin: 0 auto;
    text-align: center;
    display: none;
    flex-flow: row wrap;
    min-height: 64px
}

.guest-list .list.empty {
    padding: 20px
}

.guest-list .list li {
    display: inline-block;
    padding: 5px;
    width: 33.3%;
    overflow: hidden;
    text-overflow: ellipsis
}

.guest-list .list a {
    color: #666
}

#sign-in-modal .form-row.-with-icon input,
#sign-up-modal .form-row.-with-icon input {
    padding-left: 44px
}

#sign-in-modal .form-row.-with-icon svg,
#sign-up-modal .form-row.-with-icon svg {
    position: absolute;
    top: 9px;
    left: 9px
}

form.auth-form label.back {
    font-weight: 600;
    margin-bottom: 20px
}

form.auth-form label.back svg {
    margin-bottom: -3px
}

.members-content .user-thumb {
    width: 32px;
    height: 32px
}

.members-content .user-name {
    line-height: 32px;
    font-weight: 600;
    margin-left: 4px
}

.members-content .account-nav {
    padding-top: 1px;
    font-weight: normal
}

@media(max-width:767px) {
    .members-content .account-nav ul {
        display: flex;
        justify-content: space-between
    }
}

.members-content .account-nav li {
    margin-left: 0;
    margin-right: 36px
}

@media(max-width:767px) {
    .members-content .account-nav li {
        margin: 0;
        padding: 0 10px
    }
}

@media(max-width:600px) {
    .members-content .account-nav li {
        padding: 0
    }
}

.members-content .account-nav li a {
    color: #606062;
    font-weight: normal;
    height: 52px
}

@media(max-width:767px) {
    .members-content .account-nav li a {
        height: 47px;
        line-height: 45px
    }
}

.members-content .account-nav li a:before {
    left: -8px;
    right: -8px
}

.members-content .account-nav li.active a {
    color: #000;
    font-weight: 600
}

.members-content .current-plan {
    display: flex;
    flex-wrap: wrap;
    background-color: #f9f9fb;
    padding: 32px 32px 0 32px;
    border-radius: 10px;
    margin-bottom: 25px
}

.members-content .current-plan>div {
    flex-grow: 1;
    min-width: 384px;
    padding-bottom: 32px
}

.members-content .current-plan>div .premium-label {
    color: #9253c9
}

.members-content .current-plan>div h3 .premium-title {
    height: 22px;
    padding-right: 5px;
    vertical-align: unset
}

.members-content .current-plan .small-divider {
    display: inline-block;
    margin: 0 12px;
    line-height: 34px
}

.members-content .current-plan .small-divider.-narrow {
    margin: 0 4px
}

.members-content .billing-details {
    width: 100%
}

.members-content .billing-details>tbody>tr>th,
.members-content .billing-details>tbody>tr>td {
    border-top: 1px solid #ececec;
    display: block;
    width: 100%;
    padding-left: 32px
}

@media only screen and (max-width:599px) {
    .members-content .billing-details>tbody>tr>th,
    .members-content .billing-details>tbody>tr>td {
        padding-left: 20px
    }
}

.members-content .billing-details>tbody>tr:first-child>th {
    border-top: none;
    padding-top: 0
}

.members-content .billing-details>tbody>tr>th {
    padding-top: 25px;
    padding-bottom: 0;
    color: #000
}

.members-content .billing-details>tbody>tr>th span {
    display: inline-block;
    min-width: 150px
}

@media only screen and (max-width:599px) {
    .members-content .billing-details>tbody>tr>th a {
        float: right
    }
}

.members-content .billing-details>tbody>tr>td {
    border: none;
    padding-top: 15px;
    padding-bottom: 15px
}

.members-content .billing-details .button {
    vertical-align: top;
    height: auto;
    line-height: inherit
}

.members-content .billing-details .plan-details {
    line-height: 1.7;
    margin-bottom: 25px
}

.members-content .billing-details .plan-details .billing-period {
    color: #515151
}

.members-content .billing-details .plan-details .plan-actions {
    display: inline-block;
    margin-left: 25px
}

@media only screen and (max-width:599px) {
    .members-content .billing-details .plan-details .plan-actions {
        margin-left: 0
    }
}

.members-content .billing-details .plan-payment-method {
    margin-bottom: 6px
}

.members-content .billing-details .plan-payment-method .payment-icon {
    margin-right: 12px
}

.members-content .billing-details .plan-receipt-details {
    color: #515151
}

.members-content .billing-details .plan-receipt-details .button {
    margin-left: 12px
}

.members-content .billing-details .receipts-list {
    color: #515151
}

.members-content .billing-details .receipts-list td {
    padding-bottom: 15px;
    padding-left: 60px
}

.members-content .billing-details .receipts-list td:first-child {
    padding-left: 0
}

.members-content .billing-details .receipts-list a {
    color: #606062;
    text-decoration: underline
}

.members-content .billing-details .receipts-list a:hover {
    text-decoration: none
}

.members-content .billing-details .charges-list.hide-more .more {
    display: none
}

.members-content .single-purchases .purchased-item {
    border-top: 1px solid #ececec
}

.members-content .single-purchases .purchased-item:first-child {
    border-top: none
}

.members-content .single-purchases .purchased-item:first-child td {
    padding-top: 0
}

.members-content .single-purchases .purchased-item td {
    padding: 25px 0
}

.members-content .single-purchases .item-photo {
    text-align: center
}

.members-content .single-purchases .item-photo figure {
    padding-right: 30px
}

@media(max-width:767px) {
    .members-content .single-purchases .item-photo figure {
        padding-right: 20px
    }
}

.members-content .single-purchases .item-photo img {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .26)
}

.members-content .single-purchases .item-photo.-square img {
    width: 80px
}

.members-content .single-purchases .item-photo.-landscape img {
    width: 115px
}

.members-content .single-purchases .item-photo.-portrait img {
    width: 80px
}

.members-content .single-purchases .item-details {
    color: #515151;
    font-weight: 500
}

.members-content .single-purchases .item-details .item-actions {
    display: inline-block;
    margin-left: 25px;
    float: right
}

@media(max-width:767px) {
    .members-content .single-purchases .item-details .item-actions {
        margin-left: 0;
        display: block;
        float: none
    }
}

#cookiesList {
    border: 1px solid #000;
    text-align: left
}

#cookiesList td,
#cookiesList th {
    border: 1px solid #000;
    padding: 5px 4px
}

#cookiesList th {
    font-weight: bold
}

.g-recaptcha.dialog .grecaptcha-badge {
    display: none
}

.g-recaptcha.dialog.show .grecaptcha-badge {
    display: inline-block
}

.zdeskWidget {
    height: 44px;
    width: 120px;
    font-size: 14px;
    border-radius: 24px;
    bottom: 30px;
    right: 20px;
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1300
}

.zdeskWidget label {
    cursor: pointer
}

.pickup .zdeskWidget {
    bottom: 20px
}

.main-content.page404 {
    min-height: calc(100vh - 195px);
    display: flex;
    flex-direction: column;
    padding-bottom: unset
}

.main-content.page404 .title404 {
    font-family: "Museo-700";
    font-style: normal;
    font-weight: 300;
    font-size: 7.5em;
    color: #ececec;
    line-height: 1em
}

.main-content.page404 h1 {
    font-family: "Museo-700";
    font-style: normal;
    font-weight: 500;
    font-size: 3.25em
}

.main-content.page404 p {
    font-size: 1.375em
}

.main-content.page404 .boat {
    margin-bottom: -25%;
    margin-top: -4%
}

.main-content.page404 .sea {
    position: relative;
    z-index: -1;
    min-height: 300px;
    height: 100%;
    background: linear-gradient(168.86deg, #17ead9 0%, #6078ea 100%);
    flex: 1;
    margin-left: 5px
}

.main-content.page404 .sea .water {
    position: absolute;
    min-height: 100%;
    width: 100%
}

.main-content.page404 .sea .water rect {
    width: 100%
}

.main-content.page404 .sea .wave1 {
    position: absolute;
    left: 10%;
    top: 65%
}

.main-content.page404 .sea .wave2 {
    position: absolute;
    top: 55%;
    right: 15%
}

.checkbox-alt-color checkbox-switch {
    margin-left: 5px
}

.checkbox-alt-color checkbox-switch .slider {
    background-color: #aa62ca;
    background-image: -webkit-gradient(linear, left top, right top, from(#aa62ca), to(#7348ba));
    background-image: -webkit-linear-gradient(left, #aa62ca, #7348ba);
    background-image: linear-gradient(left, #aa62ca, #7348ba)
}

.scroll-animate .scroll-animate_top,
.scroll-animate .scroll-animate_bottom {
    transition: transform 1.8s cubic-bezier(0, 0, .2, 1), opacity 1.8s cubic-bezier(0, 0, .2, 1);
    opacity: 0
}

.scroll-animate .scroll-zoom_out {
    transition: transform 2s cubic-bezier(.55, .09, .36, .88), opacity 2s cubic-bezier(.42, .46, .49, .95);
    opacity: 0
}

.scroll-animate .scroll-animate_bottom {
    transform: translate3d(0, 0, 0)
}

.scroll-animate .scroll-animate_bottom {
    transform: translateY(30px)
}

.scroll-animate .scroll-zoom_out {
    transform: scale(1.05) translateY(-30px)
}

.scroll-animate.init-animate .scroll-animate_bottom {
    transform: translateY(0);
    opacity: 1
}

.scroll-animate.init-animate .scroll-zoom_out {
    transform: scale(1) translateY(0);
    opacity: 1
}

.scroll-animate .scroll-animate_delay1 {
    transition-delay: .2s
}

@media only screen and (max-width:1650px) {
    .main-content {
        padding-bottom: 175px
    }
	.site-footer .float-left { 
        float: none !important;
    }
    .footer-left {
        float: none;
        text-align: center
    }
    .footer-left .footer-nav {
        float: none;
        display: inline-block
    }
    .footer-left .footer-social,
    .footer-left .footer-app {
        float: none;
        display: inline-block
    }
    .site-footer .footer-right {
    text-align: center;
    float: none !important;
    clear: both;
    border-top: 1px solid #ededef;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 30px;
    padding-top: 25px;
}
}

@media only screen and (max-width:1550px) {
    .site-header .wrap {
        max-width: none;
        position: static
    }
    .site-header .site-logo {
        position: relative;
        left: auto
    }
    .site-header .header-right {
        float: right;
        position: relative;
        right: auto;
        top: auto;
        z-index: 2000
    }
    .zdeskWidget {
        bottom: 20px
    }
}

@media only screen and (max-width:1480px) {
    .site-footer {
        padding-bottom: 25px
    }
    .site-footer .footer-nav li {
        margin: 0 12px
    }
    .zdeskWidget {
        bottom: 15px
    }
}

@media only screen and (max-width:1450px) {
    .site-header .site-logo {
        margin-right: 30px
    }
    .site-header .header-primary-menu .wrap {
        margin-left: 220px
    }
    .site-header .header-primary-menu #nav>li {
        padding-left: 0
    }
    .envelopes-list .envelope-link {
        padding: 15px 0
    }
    .envelopes-list .envelope-link img {
        width: 100%
    }
    .masonry.script .grid-item {
        padding: 20px
    }
    .banner.-home-banner {
        min-height: 42vw
    }
    .banner.-home-banner video {
        height: 50vw;
        margin: 0% -20vw;
        width: unset
    }
    _:-ms-fullscreen,
    :root .banner.-home-banner {
        min-height: 0
    }
    _:-ms-fullscreen,
    :root .banner.-home-banner video {
        height: 100%;
        margin: 0
    }
}

@media only screen and (max-width:1360px) {
    .-invisible-1360 {
        display: none
    }
    .banner.-home-banner .banner-content {
        max-width: 650px
    }
}

@media only screen and (max-width:1300px) {
    .masonry.script .grid-item {
        padding: 20px
    }
}

@media only screen and (max-width:1200px) {
    .site-header .header-primary-menu #nav>li>a {
        padding: 0 15px
    }
    .site-header .header-primary-menu .wrap {
        margin-left: auto
    }
    .site-header .header-search {
        width: 30px
    }
    .site-header.show-search .header-primary-menu {
        width: 0
    }
    .site-header.show-search .header-search {
        width: 350px
    }
    .site-header .header-secondary-menu .user-name {
        max-width: 110px
    }
    .site-header .header-secondary-menu .menu-item {
        margin-right: 2px
    }
    .primary-content .cards-container {
        padding-left: 0
    }
    .dragMob {
        height: 31px;
        margin: 15px auto;
        z-index: 0
    }
}

@media only screen and (max-width:1024px) {
    .site-header.-transparent-bg:hover,
    body.open-nav .site-header.-transparent-bg,
    body.scroll-top .site-header.-transparent-bg,
    body.open-user-nav .site-header.-transparent-bg,
    .site-header.-transparent-bg.show-search,
    .site-header.-see-thru:hover,
    body.open-nav .site-header.-see-thru,
    body.scroll-top .site-header.-see-thru,
    body.open-user-nav .site-header.-see-thru,
    .site-header.-see-thru.show-search {
        background: none
    }
    .site-header.-transparent-bg:hover>.wrap,
    body.open-nav .site-header.-transparent-bg>.wrap,
    body.scroll-top .site-header.-transparent-bg>.wrap,
    body.open-user-nav .site-header.-transparent-bg>.wrap,
    .site-header.-transparent-bg.show-search>.wrap,
    .site-header.-see-thru:hover>.wrap,
    body.open-nav .site-header.-see-thru>.wrap,
    body.scroll-top .site-header.-see-thru>.wrap,
    body.open-user-nav .site-header.-see-thru>.wrap,
    .site-header.-see-thru.show-search>.wrap {
        background: #fff
    }
    h1 {
        font-size: 2em
    }
    h2 {
        font-size: 1.8em
    }
    .slick-prev,
    .slick-next {
        opacity: 1
    }
    .primary-content.category-content .breadcrumbs {
        padding-top: 15px;
        padding-left: 0
    }
    .filters-sidebar {
        float: none;
        margin-right: 0;
        width: auto;
        font-size: 14px
    }
    .filters-sidebar>*:first-child {
        padding-top: 14px
    }
    .filters-sidebar .sidebar-widget ul.list li a:hover {
        color: #606062
    }
    .filters-sidebar .custom-checkbox span {
        border: none;
        top: 4px
    }
    .filters-title {
        border-bottom: 1px solid #e8e8e8;
        text-align: right;
        display: flex
    }
    .filters-title>h4 {
        display: inline-block;
        margin: 10px 0;
        color: #267778;
        cursor: pointer;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 16px;
        flex: 1 0 auto
    }
    .filters-title>h4 svg {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px
    }
    .filters-title>h4 svg path {
        fill: #267778
    }
    .filters-title #categories-toggle-mobile {
        min-width: 49%;
        text-align: left;
        padding: 5px 5px 5px 20px;
        border-right: 1px solid #e8e8e8
    }
    .filters-title #filters-toggle-mobile {
        text-align: right;
        padding: 5px 20px 5px 5px
    }
    .filters-dialog,
    .categories-dialog {
        height: 100%;
        -webkit-overflow-scrolling: touch !important;
        overflow: auto;
        background-color: #fff
    }
    .filters-dialog .filters-sidebar .sidebar-widget,
    .categories-dialog .filters-sidebar .sidebar-widget {
        margin: 0 14px
    }
    .filters-dialog .filters-sidebar .sidebar-widget>h4,
    .categories-dialog .filters-sidebar .sidebar-widget>h4 {
        margin-bottom: 12px
    }
    .filters-dialog .filters-sidebar .sidebar-widget.title,
    .categories-dialog .filters-sidebar .sidebar-widget.title {
        margin: 0
    }
    .filters-dialog .filters-sidebar .sidebar-widget:last-child,
    .categories-dialog .filters-sidebar .sidebar-widget:last-child {
        border-bottom: none
    }
    .filters-dialog .filters-sidebar .sidebar-widget ul.list li .item,
    .filters-dialog .filters-sidebar .sidebar-widget ul.list li a,
    .categories-dialog .filters-sidebar .sidebar-widget ul.list li .item,
    .categories-dialog .filters-sidebar .sidebar-widget ul.list li a {
        line-height: 40px;
        height: 40px
    }
    .filters-dialog .filters-sidebar .sidebar-widget .custom-checkbox.photoonly,
    .categories-dialog .filters-sidebar .sidebar-widget .custom-checkbox.photoonly {
        line-height: 40px;
        height: 40px
    }
    .filters-dialog .title,
    .categories-dialog .title {
        padding: 20px 28px
    }
    .filters-dialog .title h3,
    .categories-dialog .title h3 {
        margin: 0
    }
    .filters-dialog .title h3 svg,
    .categories-dialog .title h3 svg {
        margin: -4px 4px
    }
    .filters-dialog .category-tree .top ul,
    .categories-dialog .category-tree .top ul {
        margin-left: 14px
    }
    .filters-dialog .category-tree .top ul li,
    .categories-dialog .category-tree .top ul li {
        padding-left: 0
    }
    .filters-dialog .category-tree .top ul li a,
    .categories-dialog .category-tree .top ul li a {
        margin: 10px 0
    }
    .filters-dialog .modal-footer,
    .categories-dialog .modal-footer {
        width: 100%;
        position: absolute;
        z-index: 100;
        bottom: 0;
        text-align: left;
        padding: 12px 12px 12px 22px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
        background-color: #fff
    }
    .filters-dialog .modal-footer .modal-filter-reset,
    .categories-dialog .modal-footer .modal-filter-reset {
        font-size: 16px;
        font-weight: bold
    }
    .filters-dialog .modal-body {
        height: 80vh;
        overflow-y: auto
    }
    .filters-dialog .filters-sidebar {
        padding-bottom: 75px
    }
    .grid-item {
        text-align: center
    }
    .grid-item .wishlist-message._visible-md:before {
        right: 0;
        left: 0;
        text-align: center;
        top: -2px
    }
    .grid-item .item-name {
        color: #000;
        display: block;
        font-weight: bold;
        font-size: 14px;
        line-height: 16px
    }
    .grid-item .item-details {
        background: none;
        padding: 12px 10px 0;
        text-align: center;
        position: static;
        min-height: 72px
    }
    .grid-item .card-footer .card-pricing {
        position: absolute;
        top: -35px;
        width: 100%;
        border-radius: 0;
        background: rgba(255, 255, 255, .9);
        float: none;
        line-height: 24px;
        height: 24px;
        text-align: center;
        border: none;
        font-size: 12px
    }
    .grid-item .card-footer .card-pricing:before {
        height: 12px
    }
    .available-buttons ul {
        display: inline-block
    }
    .invitation-action-buttons-container {
        width: 90%;
        max-width: none
    }
    .invitation-action-buttons-container.flatCard_square {
        width: 80%
    }
    .banner.-home-banner .scroll {
        display: none
    }
    .banner.-home-banner .scroll {
        display: none
    }
}

@media(min-width:767px) {
    .modal-md {
        width: 500px
    }
}

@media(min-width:992px) {
    .modal-dialog.modal-lg {
        width: 836px
    }
    .modal-dialog.modal-lg {
        width: 836px
    }
}

@media only screen and (max-width:992px) {
    .site-header .header-primary-menu #nav>li>a {
        padding: 0 20px
    }
    .site-header .header-primary-menu .has-drop .drop-col {
        width: 20% !important
    }
    .site-header .header-primary-menu .has-drop .drop-col.pic-col {
        display: none
    }
    .site-header .header-secondary-menu .user-authentication .user-id .user-icon {
        margin-top: 4px
    }
    .site-header .header-secondary-menu .user-authentication .user-drop {
        top: 43px
    }
    .card-details .details-label {
        display: block;
        float: none;
        margin-bottom: 5px;
        width: auto
    }
    .card-details .details-label.-field-label {
        line-height: inherit !important
    }
    .available-buttons .details-label {
        font-size: .85em;
        line-height: 1.3;
        color: #000;
        display: block
    }
    .available-buttons .details-label.float-left {
        line-height: 1.3
    }
    .available-buttons ul {
        text-align: center;
        float: left
    }
    .bottom-pull-up {
        margin-bottom: 50px
    }
    .home-section .wrap,
    .home-section .home-img {
        margin-left: auto;
        margin-right: auto;
        display: block;
		padding: 60px 0;
    }
    .home-section.-home-section1 {
        padding-top: 40px
    }
	._vertical-align.mobile_reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
}

@media only screen and (min-width:768px) {
    .site-header .header-primary-menu #nav .has-drop:hover .drop,
    .site-header .header-primary-menu #nav .has-drop.hover .drop {
        opacity: 1;
        visibility: visible;
        min-height: 350px;
        max-height: 600px;
        pointer-events: auto
    }
    #nav {
        display: block !important
    }
    .modal-sm {
        width: 380px
    }
    .modal-lg {
        width: 90%;
        margin: 30px auto
    }
}

@media only screen and (max-width:768px) {
    .masonry.script .grid-item,
    .masonry.script .grid-sizer {
        width: 320px
    }
}

@media only screen and (max-width:767px) {
    body.home-page.open-nav {
        overflow: hidden
    }
    body.open-nav .site-header.-fixed {
        top: 0
    }
    .wrap {
        padding: 0 20px
    }
    .main-content {
        padding-bottom: 250px
    }
    .banner.-dont-offset {
        padding-top: 62px
    }
    .banner.-about-banner .banner-image {
        margin-bottom: 25px;
        height: 250px
    }
    .site-header .search-form .search-trigger {
        display: none !important
    }
    .site-header {
        font-size: 16px;
        height: 64px
    }
    body.open-nav .site-header.-fixed .header-primary-menu>.nav-container {
        border-top: 1px solid #e8e8e8;
        bottom: 0
    }
    .site-header .header-primary-menu {
        width: auto;
        float: none
    }
    .site-header .user-icon {
        position: relative;
        z-index: 100;
        margin-top: 3px !important
    }
    .site-header .header-primary-menu>.nav-container {
        position: absolute;
        top: 63px;
        left: 0;
        right: 0;
        bottom: auto;
        border-top: 1px solid transparent
    }
    .site-header .header-primary-menu #nav {
        float: none;
        display: none
    }
    body.home-page .site-header .header-primary-menu #nav {
        height: 100%;
        overflow: scroll;
        position: fixed;
        width: 100%
    }
    .site-header .header-primary-menu #nav>li {
        float: none;
        margin-left: 0;
        border-top: 1px solid #e8e8e8;
        background: #fff
    }
    .site-header .header-primary-menu #nav>li:first-child {
        border-top: none
    }
    .site-header .header-primary-menu #nav>li:last-child {
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2)
    }
    .site-header .header-primary-menu #nav>li>a {
        height: 48px;
        line-height: 48px
    }
    .site-header .header-primary-menu #nav>li>a:before {
        display: none
    }
    .site-header .header-primary-menu #nav>li>a.-item-premium {
        color: #9253c9 !important
    }
    .site-header .header-primary-menu #nav .has-drop>a:after {
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -5px;
        background: url(https://static.greetingsisland.com/images/theme/drop-arrow.svg) no-repeat center center;
        width: 10px;
        height: 10px
    }
    .site-header .header-primary-menu #nav .has-drop.open-drop>a:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .site-header .header-primary-menu #nav .has-drop .drop {
        position: relative;
        box-shadow: none;
        padding: 10px 15px 10px 35px;
        min-height: inherit;
        opacity: 1;
        max-height: none;
        overflow: visible;
        display: none
    }
    .site-header .header-primary-menu #nav .has-drop .drop-col {
        width: 100% !important;
        float: none
    }
    .site-header .header-primary-menu #nav .has-drop .drop-col a {
        height: 30px;
        line-height: 30px
    }
    .site-header .header-primary-menu #nav .has-drop ul {
        margin: 0;
        padding-right: 0;
        padding-left: 0
    }
    .site-header .header-primary-menu #nav .has-drop .pic-col {
        display: none
    }
    .site-header.typeahead-open .grey-line {
        top: 48px
    }
    .site-header.typeahead-open .grey-line.desktop {
        display: none
    }
    .site-header.typeahead-open .popular-text {
        top: 66px;
        left: 48px
    }
    .site-header .header-left {
        height: 64px;
        padding-left: 5px
    }
    .site-header .header-right {
        position: relative;
        left: 15px;
        height: 64px
    }
    .site-header .header-right .header-secondary-menu {
        height: 100%;
        display: flex;
        align-items: center;
        width: 140px;
        justify-content: space-around
    }
    .site-header .header-right .header-secondary-menu .premium-badge {
        left: 78px;
        top: 16px
    }
    .site-header .header-right .user-authentication .user-menu {
        padding-top: unset
    }
    .site-header .header-right .user-authentication .user-id {
        padding-bottom: unset;
        position: unset
    }
    .site-header .header-right .user-authentication .user-id .user-drop {
        width: 100vw;
        position: absolute;
        top: 64px
    }
    .card-title {
        margin-top: 25px;
        text-align: center
    }
    .card-controls {
        text-align: center
    }
    .card-details-wrapper .right-holder {
        padding-left: 0
    }
    .card-details-wrapper .left-holder .card-holder {
        position: relative;
        width: 335px;
        height: 391px;
        margin: 0 auto 26px
    }
    .card-details-wrapper .left-holder .card-holder .envelope-wrap {
        height: 100%
    }
    .card-details-wrapper .left-holder .card-holder .card-img {
        top: 55.5%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .card-details-wrapper .left-holder .card-holder .envelope {
        margin-bottom: 15px;
        left: -7px;
        top: 28px;
        background-size: 81%;
        width: unset
    }
    .card-details-wrapper .left-holder .card-holder.-card-portrait .card-img {
        width: 195px
    }
    .card-details-wrapper .left-holder .card-holder.-card-landscape {
        height: 379px
    }
    .card-details-wrapper .left-holder .card-holder.-card-landscape .envelope {
        left: -15px;
        top: 35px
    }
    .card-details-wrapper .left-holder .card-holder.-card-landscape .card-img {
        width: 290px
    }
    .card-details-wrapper .left-holder .card-holder.-card-square {
        height: 372px
    }
    .card-details-wrapper .left-holder .card-holder.-card-square .envelope {
        left: -10px
    }
    .card-details-wrapper .left-holder .card-holder.-card-square .card-img {
        width: 245px
    }
    .-about-content ._vertical-align {
        display: block;
        width: auto
    }
    .modal {
        padding-right: 0 !important
    }
    .modal:before {
        display: none
    }
    .modal .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal .modal-body {
        overflow-y: auto
    }
    .saved-item .item-details {
        padding-left: 30px
    }
    .saved-item .item-name {
        padding-right: 40px
    }
    .saved-item .item-buttons {
        margin-top: 20px;
        clear: both;
        text-align: right
    }
    .saved-item .item-thumb {
        max-width: 140px
    }
    .card-details .details-item .details-label.float-left {
        width: auto;
        float: none;
        margin-right: 0
    }
    .available-buttons {
        text-align: center
    }
    .available-buttons .details-label {
        text-align: center
    }
    .available-buttons ul {
        text-align: center;
        margin: 10px 0;
        float: none
    }
    .search-filters .float-left,
    .search-filters .float-right {
        float: none
    }
    .search-filters .search-filters-masonry {
        margin-left: 0;
        margin-top: 10px
    }
    #preview-ecard-modal .modal-header {
        justify-content: space-around
    }
    #preview-ecard-modal .modal-header span {
        margin-right: 0
    }
    .rsvp-dialog {
        height: 100%;
        z-index: 1300;
        margin: 0;
        left: 0
    }
    .site-footer .footer-nav li {
        margin-bottom: 8px;
        display: inline-block
    }
    .site-footer .footer-social {
        margin: 28px auto
    }
    .site-footer .footer-right {
        font-size: 1em;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 0
    }
    .site-footer .footer-right .copyright {
        display: block;
        margin-bottom: 15px
    }
    .banner-image .scroll-zoom_out {
        padding-top: 55px;
        padding-bottom: 20px;
        min-height: 320px
    }
    .invitation-action-buttons-container {
        display: none
    }
    .zdeskWidget {
        height: 50px;
        width: 50px;
        bottom: 10px;
        right: 10px
    }
    .zdeskWidget label {
        border: #000;
        border-style: solid;
        border-radius: 15px;
        border-width: 2px;
        width: 24px;
        height: 24px;
        text-align: center
    }
    .send-online-section .flex-container {
        flex-direction: column
    }
    .send-online-section .text-items {
        text-align: center
    }
    .main-content.page404 {
        padding-bottom: 300px
    }
    .main-content.page404 .title404 {
        font-size: 5em
    }
    .main-content.page404 h1 {
        font-size: 2.4em
    }
    .main-content.page404 p {
        font-size: 1em
    }
    .main-content.page404 .sea {
        min-height: 190px
    }
    .main-content.page404 .sea .wave1,
    .main-content.page404 .sea .wave2 {
        width: 40%
    }
    .premium-subscription-modal .step3 .with-action {
        background-color: #fff
    }
    .members-content .current-plan {
        padding: 24px 20px 14px 20px
    }
}

@media only screen and (max-width:699px) {
    .masonry.script .grid-item,
    .masonry.script .grid-sizer {
        width: 270px;
        padding: 30px
    }
    .flat-card-animation-container {
        margin-bottom: 0
    }
    .flat-card-animation-container.-invitation-square {
        margin-left: -20px;
        margin-right: -35px
    }
    .banner.-home-banner .banner-content {
        max-width: 500px
    }
    .banner.-home-banner .banner-content.es {
        top: 20%
    }
}

@media only screen and (max-width:620px) {
    .masonry.script .grid-item {
        padding: 15px;
        width: 200px
    }
    .masonry.script .grid-item>* {
        width: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:599px) {
    .site-notifications-placeholder {
        display: none
    }
    .site-notifications {
        position: static
    }
    body.home-page .site-notifications {
        display: none
    }
    .select2-container {
        z-index: 100000
    }
    .wrap {
        padding: 0 15px
    }
    .button.-wider {
        padding: 0 40px
    }
    .block {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .pagination .thumb {
        min-width: 21px;
        height: 26px;
        line-height: 26px
    }
    .pagination .thumb.-prev {
        margin-right: 8px
    }
    .pagination .thumb.-next {
        margin-left: 8px
    }
    .account-bar .float-left,
    .account-bar .float-right {
        float: none
    }
    .account-bar .account-nav li {
        margin-left: 8px
    }
    .account-bar .account-nav li:first-child {
        margin-left: 0
    }
    .banner.-envelope-banner .step-name {
        font-size: 1.2em
    }
    .account-form {
        max-width: 100%
    }
    .account-form label {
        float: none;
        display: block;
        padding-bottom: 4px
    }
    .account-form .form-buttons {
        margin-left: 0
    }
    .saved-item .item-thumb {
        width: 20%
    }
    .saved-item .item-thumb {
        top: -26px
    }
    .saved-item .item-name {
        font-size: 1.3em;
        padding-right: 0
    }
    .saved-item .item-name .icon-edit {
        top: 1px
    }
    .saved-item .item-name .icon-edit svg {
        width: 14px
    }
    .saved-item .item-remove {
        top: 10px;
        right: -5px
    }
    .saved-item.saved-item:first-child .item-remove {
        top: -26px
    }
    .saved-item .item-thumb {
        margin-right: 20px
    }
    .saved-item .item-details {
        padding-left: 0;
        overflow: visible
    }
    .saved-item .button {
        margin-left: 5px
    }
    .cards-slider-wide .slide {
        padding: 0 5px
    }
    .cards-slider-wide .slide .item-thumbnail {
        max-width: 145px;
        margin-left: auto;
        margin-right: auto
    }
    .cards-slider-wide .slide .item-thumbnail a img {
        min-width: initial;
        width: auto
    }
    .cards-slider-wide .card-pricing.-premium {
        position: relative;
        float: right;
        width: 100%
    }
    .card-details select {
        max-width: 100%
    }
    .main-content .flat-card-animation-container.mobile-step3 .preview-image {
        margin-top: 20px;
        margin-bottom: 30px;
        padding-bottom: 100%;
        -webkit-transition: all .7s ease-out;
        transition: all .7s ease-out
    }
    .main-content .flat-card-animation-container.mobile-step3 .card-container {
        -webkit-transition: all .7s ease-out;
        transition: all .7s ease-out
    }
    .main-content .flat-card-animation-container.mobile-step3:before,
    .main-content .flat-card-animation-container.mobile-step3:after {
        opacity: 0
    }
    .main-content .flat-card-animation-container.mobile-step3.flatCard_square .card-container {
        left: 0;
        width: 100%;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .main-content .flat-card-animation-container.mobile-step3.flatCard_landscape .preview-image {
        padding-bottom: 73%
    }
    .main-content .flat-card-animation-container.mobile-step3.flatCard_landscape .card-container {
        left: 0;
        width: 100%;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .main-content .flat-card-animation-container.mobile-step3.flatCard_portrait .preview-image {
        padding-bottom: 133%
    }
    .main-content .flat-card-animation-container.mobile-step3.flatCard_portrait .card-container {
        left: 28%;
        width: 94%;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .-home-section2 .wrap {
        min-height: inherit
    }
    .guest-list .tabs {
        display: none
    }
    .guest-list .tabs-wrap {
        display: block
    }
    .guest-list .tabs-wrap .tabs-holder {
        display: block;
        padding: 0 5px
    }
    .guest-list .tabs-wrap .tabs-holder .select2-container {
        z-index: 100
    }
    .guest-list .tabs-wrap .tabs-holder .select2-selection__rendered {
        display: inline-block;
        padding-right: 0
    }
    .guest-list .tabs-wrap .tabs-holder .select2-selection__arrow {
        display: inline-block;
        position: inherit
    }
    .guest-list .list li {
        width: 100%
    }
    .modal .purchase-price {
        min-height: unset;
        padding-top: 0
    }
    .modal .purchase-price+p {
        height: auto
    }
}

@media only screen and (max-width:510px) {
    .masonry.script .grid-item,
    .masonry.script .grid-sizer {
        width: 200px
    }
    .masonry.script .grid-item {
        padding: 15px
    }
    .masonry.script .grid-item>* {
        width: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:500px) {
    .pickup .layout.layout--horizontal {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:470px) {
    .slick-prev {
        left: -30px
    }
    .slick-next {
        right: -30px
    }
    .modal .modal-primary {
        padding: 20px 10px
    }
    .search-filters .search-filters-masonry button {
        font-size: .875em;
        padding: 0 12px
    }
    .footer-top .footer-top-nav li {
        margin-left: 0;
        margin-top: 15px
    }
    .footer-top .footer-top-nav .nav-label {
        margin-right: 0;
        display: block
    }
    .preview-buttons .button {
        min-width: 250px;
        margin-bottom: 15px
    }
    .modal .form-footer {
        padding: 8px 0
    }
    .main-content {
        padding-bottom: 300px
    }
}

@media only screen and (max-width:413px) {
    .masonry.script .grid-item,
    .masonry.script .grid-sizer {
        width: 173px
    }
    .masonry.script .grid-item.small,
    .masonry.script .grid-sizer.small {
        width: 173px
    }
    .masonry.script .grid-item {
        padding: 10px
    }
}

@media only screen and (max-width:374px) {
    .masonry-items .grid-item,
    .masonry-items .grid-sizer {
        width: 157px
    }
    .banner.-home-banner h1 {
        font-size: 2em
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #sign-up-modal input,
    #sign-in-modal input {
        font-size: 16px
    }
    .premium-subscription-modal input[type=text] {
        font-size: 16px
    }
}

.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 22px;
    margin: 2px;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 27px;
    width: 27px;
    left: 0;
    bottom: -3px;
    background-color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid #eaebf0;
    box-sizing: border-box
}

.switch input:checked+.slider {
    background-color: #267778
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.switch .slider.round {
    border-radius: 34px
}

.switch .slider.round:before {
    border-radius: 50%
}

.switch.checkbox-alt-color {
    margin-left: 5px
}

.switch.checkbox-alt-color .slider {
    background-color: #aa62ca;
    background-image: -webkit-gradient(linear, left top, right top, from(#aa62ca), to(#7348ba));
    background-image: -webkit-linear-gradient(left, #aa62ca, #7348ba);
    background-image: linear-gradient(left, #aa62ca, #7348ba)
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(150vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #fff;
    color: #333;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .1))
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #fff
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 10px
}

body.home-page {
    overflow: unset !important;
}

.site-header .site-logo img {
    height: 60px;
    width: auto;
}
.site-header .header-secondary-menu .user-id.loggedin {
    display: none;
}
.alltabcontent {
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 3px #ccc;
    width: 100%;
    display: block;
}
.tabcontent h3 {
    font-size: 20px;
}
.tabcontent label {
    margin-bottom: 8px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}
.tabcontent input {
    border: 1px solid #ccc;
    padding: 10px;
    color: #333;
    font-size: 1rem;
}
.form-main-group .form-group {
    margin-bottom: 12px;
}
.qr-scan-block {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    padding: 30px;
	text-align: center;
}
.scaner-img img {
    width: 290px;
}
.scaner-footer-content h2 {
    font-size: 28px;
    text-transform: uppercase;
}
.scaner-footer-content p {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 4px;
}
.file-upload{display:block;text-align:center;font-size: 14px;}
.file-upload .file-select{display:block;border: 2px solid #f8f8fa;color: #34495e;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#f8f8fa;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #f8f8fa;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#f8f8fa;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
@media only screen and (min-width:992px) {
.qr-scan-block {
    width: 33.33333333%;
    float: right;
}
.alltabcontent {
    width: 66.66666667%;
    float: left;
}
}
@media only screen and (max-width:767px) {
.site-header .site-logo {
    margin-top: 7px;
}
}
/*AK STYLE*/
.mycards tr th, .mycards tr td {
    font-size: 14px;
}
.qrcode{
	font-size: 12px;
    padding: 8px 19px;
    text-decoration: none;
	display:inline-block;
	margin: 2px 6px;
}
.update{
    font-size: 12px;
    padding: 8px 19px;
    text-decoration: none;
    background-color: blue;
    display: inline-block;
    margin: 2px 6px;
    color: #ffffff;
    font-weight: 600;
    line-height: 12px;
    border-radius: 4px;
}
.preview{
    font-size: 12px;
    padding: 8px 19px;
    text-decoration: none;
    background-color: red;
    display: inline-block;
    margin: 2px 6px;
    color: #ffffff;
    font-weight: 600;
    line-height: 12px;
    border-radius: 4px;
}
.update:hover,.preview:hover{
	color: #ffffff;
}
.popupBtn input[type="submit"] {
    padding: 0.8em 1.8em;
    border: 1px solid #000;
    background: transparent;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 0 0 4em #fbfbfb inset, 0 5px 15px rgb(0 0 0 / 10%);
    transition: all .5s;
    font-size: 1rem;
    margin-top: 18px;
}
.popupBtn input[type="submit"]:hover {
    box-shadow: 0 0 0 4em #000000 inset, 0 5px 15px rgb(0 0 0 / 10%);
    transform: translateY(-3px);
    color: #fff;
}