@font-face {
    font-family: 'light';
    src:  url('../fonts/Roboto-Light.ttf') format('truetype')
}

@font-face {
    font-family: 'regular';
    src:  url('../fonts/Roboto-Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'bold';
    src:  url('../fonts/Roboto-Bold.ttf') format('truetype')
}

:root {
    --font-family: 'regular';
    --font-style: normal;
    --font-weight: normal;
    --font-size: 17px;
    --line-height: 155%;
    --brand-color: #33D871;
    --title-color: #202A37;
    --color: #5E666F;
    --section-background-color: #F8F9F9;
}

* {
    font-family: var(--font-family);
    font-style: var(--font-style);
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
    color: var(--color);
}

.wrapper {
    /* max-width: 1440px !important; */
    width: 100% !important;
    height: 100% !important;
    padding: 110px 30px;
}

.wrapper.readable {
    max-width: 800px;
}

.wrapper.logged-out {
    padding: 0;
    max-width: initial;
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce {
    display: flex;
    flex-direction: column;
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div {
    flex: 1;
    max-width: initial;
    padding: 0;
    background-color: var(--section-background-color);
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div:not(.active) {
    cursor: pointer;
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div .hide {
    display: none;
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div.active .hide {
    display: block;
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div .fields {
    margin-bottom: 0;
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div.active {
    background-color: white;
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login .u-column2 {
    background-color: var(--section-background-color);
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div .wrapper,
.wrapper-narow {
    max-width: 370px !important;
}

.container {
    padding: 0;
    max-width: initial;
    width: initial;
}

strong,
.my-account .woocommerce-MyAccount-content .page-title span,
.page-title span {
    font-family: 'bold' !important;
}

a:hover {
    text-decoration: none;
}

p,
section.mailer-directory .content .paragraph {
    margin-bottom: 30px;
}

p:last-child {
    margin-bottom: 0;
}

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

body mark {
    background: initial;
    color: var(--color);
    padding: initial;
}

header {
    z-index: 10 !important;
}

body > header + *,
body > main,
body > section:first-of-type:not(.featured) {
    /* padding-top: 48px; */
    padding-top: 106px;
}

body.search-mailer-form-in-header > main {
    padding-top: 183px;
}

body > main {
    min-height: calc(100vh - 529px);
}

body.home > main,
body.page-template-page-onelinks > main,
body.page-template-page-affiliate > main,
body.page-template-page-mailer-directory > main,
body.page-template-page-3-steps-to-inbox-zero > main {
    padding-top: 0;
}

body .hero {
    /* height: calc(100vh - 106px); */
}

.list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* margin-left: -10px; */
    /* margin-right: -10px; */
    overflow: hidden;
}

.list .item.third {
    flex-basis: 33.333333333333336%;
}

.list .item.fourth {
    flex-basis: 25%;
}

.list .item.sixth {
    flex-basis: 16.666666666666668%;
}

.list .row {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    min-width: 1330px !important;
}

.list .row .item.sixth {
    flex-basis: 10.8%;
    flex-basis: unset;
}

.list .row .item.sixth .container {padding: 10px;}

.list .item .container {
    display: flex;
    justify-content: center;
}

.list.mailer-list {
    flex-direction: column;
}

.list.mailer-list .item:not(:last-child) {
    margin-bottom: 16px;
}

.list.mailer-list .item .container {
    justify-content: space-between;
    padding: 20px;
    background-color: var(--section-background-color);
    border-radius: 2px;
}

.list.mailer-list .name,
.list.mailer-list .name * {
    color: var(--title-color);
}

body > header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

body:not(.home):not(.page-template-page-onelinks-php):not(.page-template-page-affiliate):not(.page-template-template-partner) > header{
    background-color: white;
}

body > header .wrapper {
    padding: 30px;
    height: auto !important;
}

.general-button,
.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div.active .general-button,
table.sv-wc-payment-gateway-my-payment-methods-table td.sv-wc-payment-gateway-payment-method-actions .button,
.woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-manage-payment-methods {
    background: #202A37;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    color: #FFFFFF !important;
    font-size: 18px;
    line-height: 135%;
    padding: 15px 40px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border: 0;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    overflow: hidden;
    position: relative;
}

nav .support .general-button.logout {
    background: #202A37;
}

nav .support .general-button.call {
    background-color: var(--brand-color);
}

table.sv-wc-payment-gateway-my-payment-methods-table td.sv-wc-payment-gateway-payment-method-actions .button {
    padding: 5px 10px;
}

.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div.active .general-button {
    border: 1px solid #202A37;
}

nav {
    padding: 0 !important;
}

nav .general-button.call span {
    color: white;
}

nav .general-button {
    padding: 10px 20px;
    border-radius: 20px;
    width: fit-content;
}

nav .navbar-collapse {
    justify-content: flex-end;
}

nav .navbar-collapse a {
    margin: 0 10px;
    position: relative;
    color: var(--title-color);
}

.logo .navbar-brand {
    display: flex;
    align-items: center;
    padding: 0;
}

.logo .text,
.logo .text * {
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--title-color);
}

.logo .text {
    margin-top: 5px;
    margin-left: 16px;
}

.logo .text .bold {
    font-family: 'bold';
}

nav .support {
    display: flex;
    align-items: center;
}

.my-account-sidenav svg {
    margin-right: 6px;
}

nav .support .general-button:last-of-type,
.general-button.cta {
    background: var(--brand-color);
}

.general-button.cancel {
    background: #DE7B8C;
}

.general-button.outline,
.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div .general-button {
    background: white;
    color: var(--brand-color) !important;
    border: 1px solid var(--brand-color);
}

.general-button:hover,
.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div.active .general-button:hover,
table.sv-wc-payment-gateway-my-payment-methods-table td.sv-wc-payment-gateway-payment-method-actions .button:hover,
.woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-manage-payment-methods:hover,
nav .support .general-button:hover,
.general-button.outline:hover,
.woocommerce-account.my-account .wrapper.logged-out .woocommerce #customer_login > div .general-button:hover {
    transition: all .3s;
    background: #2BC163 !important;
    color: white !important;
    border-color: #2BC163 !important;
}

.woocommerce-checkout #billing_phone_field,
.woocommerce-checkout .billing-address-1,
.woocommerce-checkout .billing-address-2,
.woocommerce-checkout #billing_city_field,
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #billing_state_field {
    display: none !important;
}

.general-button.cancel:hover {
    background: #cd6e7f !important;
    border-color: #cd6e7f !important;
}

nav .navbar-nav .separator {
    width: 2px;
    height: 32px;
    background-color: #E6EAED;
    margin: 0 15px;
}

.navbar-expand-lg .nav-link {
    padding: 10px 0;
}

.navbar-light .navbar-toggler {
    border: 0;
    margin-right: -10px;
}

.navbar-light .navbar-toggler .navbar-toggler-icon {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-image: none;
}

.navbar-light .navbar-toggler .navbar-toggler-icon .line {
    width: 20px;
    height: 2px;
    background: var(--brand-color);
    border-radius: 2px;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}

.navbar-light .navbar-toggler .navbar-toggler-icon .line:last-of-type {
    margin-bottom: 0;
}

.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon .line:first-child {
    transform: rotate(45deg);
    transform-origin: 5px;
    margin-left: 3px;
}

.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon .line:last-child {
    transform: rotate(-45deg);
    transform-origin: 5px;
    margin-left: 3px;
}

.hero {
    height: 750px;
    background-position: center;
    background-size: cover!important;
    overflow: hidden;
    height: 850px;
}

.hero .wrapper {
    display: flex;
    align-items: center;
    padding: 30px;
    position: relative;
}

.hero .wrapper .item {
    flex: 1;
    position: relative;
}

.hero .wrapper .item:first-child {
    z-index: 9;
}

.hero .wrapper .item.devices .image {
    position: absolute;
    right: -428px;
    bottom: -715px;
    width: 255%;
}

.hero .wrapper .item.devices .image .device-2 {
    position: relative;
    top: 650px;
    z-index: 1;
}

.hero .wrapper .item.devices .image .device-1 {
    position: relative;
    bottom: 42px;
}

.hero .wrapper .container {
    max-width: 670px;
    margin: 0;
}

.hero .title {
    margin-bottom: 60px;
}

.hero .title .impact,
.greeting span,
.my-account .page-title.large span,
.page-title.large span {
    font-family: 'bold';
}

.greeting {
    margin-bottom: 60px;
}

.hero .title .description {
    font-family: 'light';
}

.hero .title *,
.hero.affilliate .title,
.greeting,
.greeting *,
.my-account .page-title.large,
.my-account .page-title.large *,
.page-title.large,
.page-title.large * {
    font-size: 74px !important;
    line-height: 106% !important;
    color: var(--title-color);
    font-family: 'light';
    margin-top: 0;
}

.my-account .page-title,
.my-account .page-title span,
.page-title,
.page-title span {
    color: var(--title-color);
}

section.mailer-directory .title .impact {
    display: inline-block;
}

.featured .list {
    margin-left: -12px;
    margin-right: -12px;
}
.featured .list .item .container {
    padding: 12px;
}
.featured .list .item.sixth .image-wrapper {
    display: flex;
    align-items: center;
}
.featured .list .item.sixth {
    display: flex;
}

.section-label,
.my-account .woocommerce-MyAccount-content .back,
.ufaq-faq-category-title h4 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.17em;
    opacity: 0.5;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: var(--title-color);
}

.my-account .woocommerce-MyAccount-content .back {
    letter-spacing: 0.1em;
    display: block;
    cursor: pointer;
}

.section-title {
    margin-bottom: 60px;
}

body main > section:nth-of-type(even),
body main > div.oscar-awards,
body main  > .scrollmagic-pin-spacer section,
body #primary #main > section:nth-of-type(even) {
    background-color: var(--section-background-color);
}

body > section:nth-child(even) .perks .icon,
body #primary #main > section:nth-of-type(even) .perks .icon {
    background-color: white;
}

section.blog.posts {
    background-color: white;
}

section.mailer-directory .content {
    display: flex;
    margin: -30px;
}
section.mailer-directory .content .container {
    padding: 30px;
}
section.mailer-directory .wrapper > .image {
    width: 100%;
    margin-bottom: 30px;
}
section.mailer-directory .wrapper >  .image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
section.mailer-directory .content .title {
    font-size: 24px;
    line-height: 140%;
}
section.mailer-directory .content .item {
    flex: 1;
}
section.mailer-directory .content .item.image-wrapper {
    flex: 2;
    overflow: hidden;
}
section.mailer-directory .content .item.hero-image-wrapper {
    overflow: visible;
}

section.mailer-directory .image-wrapper .image {
    transform: translate3d(0px, 100px, 0px);
}

.section-title span,
.section-title,
.faqs-section .page-title {
    font-size: 60px;
    line-height: 70px;
    letter-spacing: -0.02em;
    font-family: 'light';
    color: var(--title-color);
}

.section-title span,
.section-title span.brand-color {
    font-family: 'bold' !important;
}

.brand-color {
    color: var(--brand-color) !important;
}

#customer_login .section-title,
#customer_login .section-title span,
.wrapper-narow .section-title,
.wrapper-narow .section-title span,
body.contact-us .section-title,
body.contact-us .section-title span,
body.woocommerce-lost-password .section-title,
body.woocommerce-lost-password .section-title span {
    font-size: 26px !important;
    line-height: 135% !important;
    margin-bottom: 20px;
}

.our-database .list .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.our-database .container {
    padding: 6px;
}

.our-database .wrapper {
    padding-bottom: 1px;
}

.our-database .list {
    padding-bottom: 110px;
    max-width: 1500px;
    margin: 0 auto;
}

.app-rating .stars {
    justify-content: initial;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 4px;
}

.app-rating .stars .container {
    padding: 6px;
}

.app-rating .cards {
    margin: -15px;
}

.app-rating .cards .item .container {
    padding: 15px;
}

.app-rating .custom-card {
    padding: 30px;
    background-color: white;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.app-rating .custom-card .quote {
    margin-bottom: 20px;
}

.app-rating .custom-card p {
    margin-bottom: 40px;
}

.app-rating .reviewer {
    display: flex;
    align-items: center;
}

.app-rating .reviewer img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.app-rating .reviewer .image {
    margin-right: 12px;
    width: 40px;
    height: 40px;
}

.app-rating .reviewer .name {
    color: #AFB3B7;
}

.call-to-action .item {
    border-bottom: 1px solid #F0F0F0;
}
.call-to-action .item:last-child {
    border-bottom: 0;
}
.call-to-action .item .wrapper,
.blog.posts .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog.posts .container {
    padding-top: 30px;
    margin: -30px;
    position: relative;
}

.blog.posts .container > * {
    flex: 1;
}

.call-to-action .item .header,
.blog.posts .container .header {
    display: flex;
}

.blog.posts .container .header {
    flex-direction: column;
    padding: 30px;
}

.blog .content .title,
.blog.single-post .content .editor h2 strong,
.blog.single-post .content .editor span,
.blog.single-post .content .editor h2,
.blog.single-post .content .editor h4,
body.single-post .blog.posts article:first-child .container .header h2 .title {
    font-size: 26px;
    line-height: 125%; /* or 32px */
    color: #202A37 !important;
    font-weight: initial;
    font-family: 'regular';
}

.blog.single-post .content .editor strong,
.blog.single-post .content .editor span,
.blog.single-post .content .editor h2,
.blog.single-post .content .editor h4 {
    margin-bottom: 30px;
}

.blog.single-post .content .editor p {
    width: 100%;
    word-break: break-word;
}

.blog.single-post .content .editor p img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.blog.single-post .content .editor ul,
section.mailer-directory .content ul,
.custom-ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.blog.single-post .content .editor ul li,
section.mailer-directory .content ul li,
.custom-ul li {
    display: flex;
    margin-bottom: 20px;
}

section.mailer-directory .content ul li,
.custom-ul li {
    margin-bottom: 0;
}

.blog.single-post .content .editor ul li:before,
section.mailer-directory .content ul li:before,
.custom-ul li:before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--brand-color); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
     /* Needed to add space between the bullet and the text */
    min-width: 24px; /* Also needed for space (tweak if needed) */
     /* Also needed for space (tweak if needed) */
    font-size: 34px;
    display: flex;
}

.custom-ul li:not(:last-child) {
    margin-bottom: 8px;
}

.custom-ul a {
    color: var(--brand-color);
}

.blog.single-post .content .editor blockquote {
    margin-bottom: 30px;
}

.blog.single-post .content .editor blockquote p {}

.blog.single-post .content .editor .card {
    padding: 30px;
    background-color: var(--section-background-color);
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
}

.blog.single-post .content .editor .card a,
.blog.single-post .content .editor .card a * {
    color: var(--brand-color) !important;
}

.blog.single-post .content .editor .card:last-child {
    margin-bottom: 0;
}
.blog.single-post .content .editor .card p {
    margin-bottom: 20px;
}
.blog.single-post .content .editor .card p:last-child {
    margin-bottom: 0;
}
.blog.single-post .content .editor .card .list-content ol {
    padding-left: 20px;
    margin-bottom: 0;
}
.blog.single-post .content .editor .card .list-content li {
    margin-bottom: 20px;
}
.blog.single-post .content .editor .card .list-content li:last-child {
    margin-bottom: 0;
}
.blog.single-post .content .editor .card strong,
.blog.single-post .content .editor ol li strong,
.blog.single-post .content .editor ul li strong {
    font-size: inherit;
    margin-bottom: 0;
}
.blog.single-post .content .editor ul li * {
    display: contents;
}
.blog.single-post .content .editor .card .text-link strong {
    color: inherit !important;
}

.blog.single-post .content .editor .screenshot {
    width: initial;
}

.blog.single-post .content .editor .list-content {
    margin-bottom: 30px;
}

.blog.single-post .content .editor .list-content:last-child {
    margin-bottom: 0;
}

.blog.single-post .date {
    margin-bottom: 30px;
    display: block;
}

.blog.single-post .wrapper.readable {
    padding: 30px;
}

article .date {
    color: #AFB3B7;
}

.call-to-action .item .header .icon {
    width: 69px;
    height: 69px;
    background-color: #EBFBF1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}
.call-to-action .item .header .section-title,
.call-to-action .item .header .section-title span,
.my-account .woocommerce-MyAccount-content .page-title,
.my-account .woocommerce-MyAccount-content .page-title span,
.page-title,
.page-title span {
    font-size: 32px;
    line-height: 135%;
    margin-bottom: 0;
    font-family: 'light';
}
.call-to-action .item .wrapper > p,
.blog.posts .container > p {
    max-width: 440px;
    padding: 0 30px;
    margin-bottom: 0;
}

.call-to-action .item .wrapper > div {
    flex: 1;
}

.call-to-action .item .wrapper .header {
        flex: 1.3;
}

.call-to-action .item .wrapper .button-wrapper {
    text-align: right;
}

.blog.posts .container > p {
    padding: 0 60px;
    padding: 30px;
}

.blog.posts .container .image {
    text-align: right;
    padding: 30px;
}

.blog.posts .container .image .image-wrapper,
body.single-post .blog.posts article:first-child .container .image .image-wrapper {
    width: 270px;
    height: 150px;
    display: flex;
    margin-left: auto;
}

.blog.posts .container .image .image-wrapper img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.blog.posts .container .image img.attachment-full {
    display: none;
}

.blog.posts article:first-child .container {
    padding-top: 0;
}

.blog.posts article:first-child .container .image img.attachment-full {
    display: block;
}

.blog.posts article:first-child .container .image {
    flex: 1.2;
}

.blog.posts article:first-child .container .image .image-wrapper {
    width: initial;
    height: 376px;
}

.blog.posts article:first-child .container .image img.attachment-medium,
.blog.posts article:first-child .container > p {
    display: none;
}

.blog.posts article:first-child .container .header h2 .title,
.blog.single-post .post-title {
    font-size: 60px;
    line-height: 106%;
    color: #202A37;
    font-family: 'light';
}

.blog.posts article:first-child .container .header h2,
.blog.single-post .post-title {
    margin: 0;
    margin-bottom: 30px;
}

.blog.posts article:first-child .container {
    align-items: flex-start;
}

.blog.posts article:last-child .border {
    display: none;
}

.blog.posts .post:hover .title,
body.single-post .blog.posts article:hover:first-child .container .header h2 .title {
    color: var(--brand-color) !important;
    text-decoration: underline;
}

body.single-post .blog.posts article:first-child {
    padding-top: initial;
}

body.single-post .blog.posts article:first-child .container .image img.attachment-full {
    display: none;
}

body.single-post .blog.posts article:first-child .container .image img.attachment-medium,
body.single-post .blog.posts article:first-child .container > p {
    display: initial;
}

body.single-post .blog.posts article:first-child .container .header h2 {
    margin-bottom: .5rem;
}

body.single-post .blog.posts article:first-child .container {
    align-items: center;
}

body.single-post .blog.posts article:first-child .container .image {
    flex: 1;
}

.border {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #EBECED;
    height: 1px;
    right: 0;
    margin-left: 30px;
    margin-right: 30px;
    border: 0 !important;
}

.blog.single-post article {
    margin: -30px;
}

.blog.single-post article .featured-image {
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    justify-content: center;
}

.blog.single-post article .featured-image a {
    width: 920px;
    height: 488px;
    display: flex;
}

.blog.single-post article .featured-image a img {
    width: 100%;
    height: auto;
    object-fit: cover;
    vertical-align: initial;
}

.blog.single-post h1 a {
    font-size: 60px;
    line-height: 106%;
    color: #202A37;
    font-family: 'light';
}

.share-social {
    display: flex;
    margin: -10px;
}
.share-social .item {
    background-color: #F6F6F6;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}
.share-social svg {}

.my-account .woocommerce,
#affwp-affiliate-dashboard {
    display: flex;
}

.my-account .woocommerce > *,
#affwp-affiliate-dashboard > * {
    flex: 1;
}

.my-account .woocommerce-MyAccount-content,
#affwp-affiliate-dashboard .affwp-tab-content {
    flex: 1.8;
}

.my-account-sidenav {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.my-account-sidenav .item {
    display: flex !important;
    padding: 0 !important;
}

.my-account-sidenav .item:not(:last-child) {
    margin-bottom: 30px !important;
}

.my-account-sidenav a {
    color: #898E95;
    margin-left: 10px;
}

.my-account-sidenav .item.is-active a {
    color: var(--title-color);
}

.my-account-sidenav .item:before {
    line-height: 1;
}

.my-account-sidenav .item.woocommerce-MyAccount-navigation-link--orders:before {
    content: url(../img/icons/ic_orders.svg);
}

.my-account-sidenav .item.woocommerce-MyAccount-navigation-link--subscriptions:before {
    content: url(../img/icons/ic_subscriptions.svg);
}

.my-account-sidenav .item.woocommerce-MyAccount-navigation-link--edit-address:before {
    content: url(../img/icons/ic_addresses.svg);
}

.my-account-sidenav .item.woocommerce-MyAccount-navigation-link--payment-methods:before {
    content: url(../img/icons/ic_payment.svg);
}

.my-account-sidenav .item.woocommerce-MyAccount-navigation-link--affiliate-area:before {
    content: url(../img/icons/ic_affiliate_dashboard.svg);
}

.my-account-sidenav .item.woocommerce-MyAccount-navigation-link--edit-account:before {
    content: url(../img/icons/ic_account.svg);
}

.my-account-sidenav .item.woocommerce-MyAccount-navigation-link--opt-out-requests:before {
    content: url(../img/icons/ic_opt_out.svg);
}

.my-account-sidenav .item.woocommerce-MyAccount-navigation-link--customer-logout:before {
    content: url(../img/icons/ic_log_out.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.my-account:before {
    content: url(../img/icons/ic_my_account.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.urls:before {
    content: url(../img/icons/ic_urls.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.easy-setup-guide:before {
    content: url(../img/icons/ic_easy_setup_guide.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.direct-links:before {
    content: url(../img/icons/ic_direct_links.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.banner-downloads:before {
    content: url(../img/icons/ic_banner_downloads.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.stats:before {
    content: url(../img/icons/ic_stats.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.graphs:before {
    content: url(../img/icons/ic_graphs.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.referrals:before {
    content: url(../img/icons/ic_referrals.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.payouts:before {
    content: url(../img/icons/ic_payouts.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.visits:before {
    content: url(../img/icons/ic_visits.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.w-9w-8-forms:before {
    content: url(../img/icons/ic_forms.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.settings:before {
    content: url(../img/icons/ic_settings.svg);
}

.my-account-sidenav .item.affwp-affiliate-dashboard-tab.logout:before {
    content: url(../img/icons/ic_log_out.svg);
}

.boxes {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.boxes .item {
    flex: 1;
    background-color: var(--section-background-color);
    border-radius: 2px;
    margin-bottom: 13px;
}

.boxes .item:last-child {
    margin-bottom: 0;
}

.boxes .container {
    padding: 20px;
    display: block;
}

.boxes .row-custom {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.boxes .row-custom * {
    color: #898E95;
}

.boxes .row-custom:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.boxes .number {
    color: var(--brand-color);
    font-family: 'bold';
}

.boxes .amount,
.boxes .woocommerce-Price-currencySymbol {
    font-family: 'bold';
}

.boxes .name {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.02em;
    font-family: 'bold';
    color: #202A37;
}

.boxes.subscription-details .status,
.boxes.address-details .status {
    font-family: 'bold';
    color: var(--title-color);
}

.boxes.subscription-details .additional-info .row-custom,
.boxes.order-details .totals .row-custom,
.boxes.order-details .additional-info .row-custom,
.boxes.address-details .additional-info .row-custom {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.boxes.address-details .additional-info .row-custom:first-child {
    margin-bottom: 8px;
}

.boxes.subscription-details .additional-info .row-custom:last-child,
.boxes.order-details .totals .row-custom:last-child,
.boxes.order-details .additional-info .row-custom:last-child,
.boxes.address-details .additional-info .row-custom:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.boxes.order-details .subscriptions .row-custom .status,
.boxes.subscription-details .additional-info .row-custom .label,
.boxes.order-details .totals .row-custom .label,
.boxes.order-details .additional-info .row-custom .label {
    flex: 1;
    font-family: 'bold';
}

.boxes.order-details .subscriptions .row-custom .value,
.boxes.subscription-details .additional-info .row-custom .value,
.boxes.order-details .totals .row-custom .value,
.boxes.order-details .additional-info .row-custom .value {
    flex: 2;
}

.boxes.subscription-details .item {
    margin-bottom: 0;
}

.boxes.subscription-details .actions {
    background: transparent;
    margin-top: 15px;
}

.boxes.subscription-details .actions .container {
    margin: -7px;
    padding: 0;
}

.boxes.subscription-details .actions .row-custom {
    justify-content: unset;
}

.boxes.subscription-details .actions .general-button {
    margin: 7px;
}

.boxes.order-details {}

.boxes.order-details .subscriptions,
.boxes.order-details .totals {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.boxes.order-details .status {
    font-family: 'bold';
    color: var(--title-color);
}

.boxes.order-details .item.actions {
    background-color: transparent;
}

.my-account .woocommerce-MyAccount-content .page-title,
.page-title {
    line-height: 1;
}

.my-account .woocommerce-MyAccount-content .page-title,
.page-title,
.my-account .woocommerce-MyAccount-content .orders {
    margin-bottom: 20px;
}

.my-account .woocommerce-MyAccount-content .section-label {
    letter-spacing: 0.1em;
    margin-bottom: 15px;
}

.my-account .woocommerce-MyAccount-content > header {
    margin-bottom: 30px;
}

.hero.affilliate {
    background-image: none;
}
.hero.affilliate .image-wrapper {
    position: absolute;
    right: 0;
}
.hero.affilliate .item > .container {
    max-width: 800px;
}

.perks {
}
.perks .wrapper {
    padding-top: 30px;
}
.perks .list {
    display: flex;
    flex-wrap: wrap;
    margin: -30px;
}
.perks .item {
    flex: 1;
    flex-basis: 33.3%;
}
.perks .list .item .container {
    padding: 30px;
    justify-content: initial;
}
.perks .icon-wrapper {
    margin-right: 40px;
}
.perks .icon {
    background: #EBFBF1;
    width: 51px;
    height: 51px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.perks svg {}
.perks .content {}
.perks .title,
.target-groups .list .title {
    font-size: 24px;
    line-height: 135%;
    color: #202A37;
    margin-bottom: 20px;
}

.perks .title a {
    font-size: inherit;
    color: var(--brand-color);
}

.perks .description {}

.target-groups .list {
    justify-content: initial;
    margin: -30px;
}

.target-groups .list .item {
    flex: 1;
    flex-basis: 50%;
}

.target-groups .list .item .container {
    padding: 30px;
    justify-content: initial;
    flex-direction: column;
}

.target-groups .list .title {
    margin-bottom: 30px;
}

.target-groups .bullet-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.target-groups .bullet-wrapper:last-child {
    margin-bottom: 0;
}

.target-groups .bullet-wrapper .bullet {
    margin-right: 10px;
    width: 8px;
    height: 2px;
    background-color: var(--brand-color);
}

.become-affilliate-partner .wrapper {
    display: flex;
    align-items: center;
}

.become-affilliate-partner .section-title {
    margin-bottom: 0;
    margin-right: 60px;
}

footer {
    background-color: var(--section-background-color);
    border-top: 1px solid #e8e8e8;
}

footer * {
    color: #868C93 !important;
}

footer .content {
    display: flex;
    flex-wrap: wrap;
    margin: -30px;
}

footer .content .item {
    flex: 1;
}

footer .content .links-wrapper {
    flex: 1.7;
}

footer .content .item > .container {
    padding: 30px;
}

footer .links {
    display: flex;
    flex-wrap: wrap;
    margin: -30px;
}

footer .links .group {
    flex: 1;
}

footer .links .container {
    padding: 30px;
    margin: 0;
}

footer .links li {
    list-style: none;
}

footer .links > li > a {
    padding-bottom: 6px;
    color: #AFB3B7 !important;
}

footer .links a {
    display: block;
    padding: 6px 0;
}

footer .links {
    margin: -30px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

footer .links .sub-menu {
    padding: 0;
}

footer .links > li {
    padding: 30px;
    flex: 1;
}

.sub-footer {
	background-color: var(--section-background-color);
}

.sub-footer .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 60px;
}

.sub-footer .social-media {
	display: flex;
	margin: -25px;
}

.sub-footer .social-media .container {
    padding: 25px;
}

.sub-footer .copyright {
    font-size: 14px;
    color: #868C93;
    margin-top: 10px;
}

.sub-footer .wrapped-elements {
    display: flex;
    align-items: center;
}

.sub-footer .wrapped-elements .general-button {
    margin-left: 50px;
}

.faqs {
    margin-bottom: 60px;
}

.faqs:last-child {
    margin-bottom: 0;
}

.faqs .faq {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.faqs .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faqs .answer {
    display: none;
}

.faqs .faq.active {
    padding-top: 24px;
    padding-bottom: 40px;
}

.faqs .faq.active:first-child {
    padding-top: 0;
}

.faqs .faq.active .answer {
    display: block;
    padding-top: 40px;
}

.faqs .faq.active .icon svg {
    transform: rotate(180deg);
}

.faqs .question,
.privacy .menu-content-wrapper .content .title,
.ewd-ufaq-faqs .ufaq-faq-title-text h4,
.news .item h2,
.news .item h2 a,
.affwp-tab-content .block .title,
.my-account .woocommerce-MyAccount-content .account-activity-tab-content .block .title {
    font-size: 24px !important;
    line-height: 135%;
    color: #202A37;
}

.faqs-section .page-title,
.press .page-title {
    font-size: 74px;
    line-height: 106%;
    font-family: 'light';
    margin: 0;
    margin-bottom: 60px;
}

.woocommerce .woocommerce-EditAccountForm > .content {
    display: flex;
}

.woocommerce .woocommerce-EditAccountForm > .content fieldset > .content,
.woocommerce .woocommerce-EditAccountForm .save-account-details-wrapper {
    display: none;
}

.woocommerce .woocommerce-EditAccountForm fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.woocommerce .woocommerce-EditAccountForm .general-button.outline {
    margin-right: 30px;
}

.fields {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -15px;
    margin-bottom: 20px;
    flex-direction: column;
    padding: 0;
}

.fields .item,
.custom-slug-wrapper {
    flex: 1;
    flex-basis: 50%;
}

.fields .container,
.custom-slug-wrapper .affwp-custom-slug-wrap {
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.fields label {
    margin-bottom: 4px;
    color: #202A37;
}

.fields label,
.disclaimer,
.disclaimer * {
    font-size: 15px;
    line-height: 145% !important;
}

.fields input:not([type="submit"]),
.fields textarea,
.fields select,
.woocommerce #payment div.payment_method_braintree_credit_card .wc-braintree-hosted-field,
.fields #billing_country_field span strong,
.select2-container--default .select2-selection--single {
    margin: 0;
    padding: 10px !important;
    background: #FFFFFF;
    border: 1px solid #AFB3B7 !important;
    border-radius: 2px !important;
    width: 100%;
    display: block;
    line-height: normal;
}

.fields select:hover {
    cursor: pointer;
}

.select2-container--default .select2-selection--single {
    height: auto !important;
}

.fields select,
.select2-selection.select2-selection--single {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

/*To remove button from IE11, thank you Matt */
.fields select::-ms-expand,
.select2-selection.select2-selection--single::-ms-expand {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    line-height: initial !important;
    height: 20px;
    display: flex !important;
    align-items: center;
}

.fields .affwp-wrap {
    margin-bottom: 0;
}

.woocommerce-address-fields .fields {
    flex-direction: row;
}

.woocommerce-address-fields .fields .billing-address-1,
.woocommerce-address-fields .fields .billing-address-2 {
    flex-basis: 100%;
}

::placeholder {
  color: #AFB3B7;;
}

.fields .disclaimer {
    line-height: 1;
    margin-top: 4px;
}

.fields em {
    font-size: 12px;
}

.fields .form-row {
    flex: 1;
    flex-basis: 50%;
    margin: 0;
}

.fields.payment_methods .item {
    flex-basis: 100%;
    list-style-type: none;
    border-bottom: 1px solid #AFB3B7;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

.fields.payment_methods .item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.fields.payment_methods .item input {
    display: none;
}

.fields .item label {
    width: 100%;
}

.fields a {
    text-align: center;
    font-size: 15px;
    line-height: 140%;
    color: #797F87;
    margin-bottom: 10px;
}

.fields a:last-child {
    margin-bottom: 0;
}

.fields abbr.required,
.fields label .required {
	display: none;
}

.edit-account-active main > .wrapper {
	position: relative;
}

.edit-account-active .woocommerce .woocommerce-EditAccountForm {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.edit-account-active > header,
.edit-account-active .woocommerce .woocommerce-MyAccount-navigation,
.edit-account-active footer,
.edit-account-active .sub-footer,
.edit-account-active .woocommerce .woocommerce-EditAccountForm .content .edit,
.edit-account-active .woocommerce .woocommerce-EditAccountForm .content fieldset,
.edit-account-active .greeting {
    display: none;
}

.edit-account-active .woocommerce .woocommerce-EditAccountForm .content fieldset {
    flex: 1;
}

.edit-account-active .woocommerce .woocommerce-EditAccountForm .content fieldset.active {
    display: block;
}

.edit-account-active .woocommerce .woocommerce-EditAccountForm > .content {
    background-color: white;
}

body.edit-account-active > header + * {
	padding-top: 0;
}

body > header {
    background-color: transparent;
}

body > header.fade-in,
body.search-mailer-form-in-header > header {
    background-color: white;
    border-bottom: 1px solid #F0F0F0;
}

nav ul.navbar-nav a {
    color: #202A37 !important;
    margin: 0 !important;
    padding: 13px;
}

.navbar-nav::after {
    content: '';
    width: 2px;
    height: 32px;
    background-color: #E6EAED;
    margin: 0 13px;
}

body.logged-in .navbar-nav::after {
    display: none;
}

.navbar-nav .current-menu-item a {
    color: var(--brand-color) !important;
}

.order-summary {
    padding: 30px;
    background-color: var(--section-background-color);
}

.order-summary > .container {
    max-width: 369px;
    margin: 0 auto;
}

.order-summary .boxes.order-details .subscriptions {
    border-top: 1px solid #E5E5E5;
    padding-top: 10px;
}

.order-summary .boxes.order-details .totals {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.order-summary .success-message {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.order-summary .success-message .check {
    width: 48px;
    height: 48px;
    background-color: var(--brand-color);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.order-summary .success-message .check svg {
    height: 20px;
    width: 100%;
}

.order-summary .success-message .check svg rect {
    fill: white;
}

.order-summary .boxes.order-details {
    margin-bottom: 0;
}

.order-summary.account-created {
    margin-top: 10px;
}

.order-summary.account-created .success-message {
    margin-bottom: 0;
}

.download-app {
    background-color: transparent;
}

.download-app .buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    max-width: 370px;
}

.download-app .buttons .item {
    flex: 1;
    flex-basis: 50%;
}

.download-app .buttons .item .container {
    display: flex;
}

.download-app .buttons .item:nth-child(odd) .container {
    justify-content: flex-start;
}

.download-app .buttons .item:nth-child(even) .container {
    justify-content: flex-end;
}

.download-app .buttons .item .image-wrapper {
    width: 170px;
}

.download-app .buttons .item .image-wrapper img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

.woocommerce-page.woocommerce-order-received main > .wrapper {
    padding-left: initial;
    padding-right: initial;
    padding-top: 0;
    max-width: initial;
}

.woocommerce-page.woocommerce-order-received form {
    max-width: 369px;
    margin: 0 auto;
}

.woocommerce-page.woocommerce-order-received form .item {
    flex-basis: 100%;
}

.woocommerce-page.woocommerce-order-received .account-created form .general-button {
    width: 100%;
}

.woocommerce-page.woocommerce-order-received .create-account {
    padding: 30px;
}

.woocommerce-page.woocommerce-order-received .woocommerce-order .button-wrapper {
    padding: 30px;
}

.woocommerce-checkout-payment {
    /* border: 1px solid red; */
}

body.checkout:not(.woocommerce-order-received) .woocommerce {
    max-width: 370px;
    margin: 0 auto;
}

.woocommerce-form-login-wrapper {
    margin-bottom: 30px;
}

.checkout-form-wrapper .general-button {
    width: 100%;
}

.checkout-form-wrapper .general-button .charged-full-amount {
    color: white;
    font-size: 13px;
}

.checkout-form-wrapper .form-row {
    margin: 0;
}

.checkout-form-wrapper .woocommerce-terms-and-conditions-wrapper {
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.checkout-form-wrapper .payment_methods {
    padding: 0;
    padding-bottom: 15px;
    margin: 0;
    margin-bottom: 15px;
}

.checkout-form-wrapper .payment_method_braintree_credit_card > p:not(.form-row-wide) {
    display: none;
}

.checkout-form-wrapper .payment_method_braintree_credit_card > p.form-row-wide {
    margin-bottom: 23px;
}

.checkout-form-wrapper .payment_method_braintree_credit_card > p.form-row-wide > br {
    display: none;
}

.checkout-form-wrapper .payment_method_braintree_credit_card > p.form-row-wide > label {
    padding: 8px 15px;
    margin: 0;
    cursor: pointer;
}

.checkout-form-wrapper .payment_method_braintree_credit_card > p.form-row-wide > label:last-child {
    margin-bottom: 0;
}

#wc-braintree-credit-card-credit-card-form {
    padding: 0;
    margin: 0;
    border: 0;
}

#wc-braintree-credit-card-credit-card-form .wc-braintree-hosted-field-parent {
    padding: 0 !important;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    flex-basis: 50%;
    /* margin: -10px -15px; */
}

#wc-braintree-credit-card-credit-card-form .wc-braintree-credit-card-new-payment-method-form {
    display: flex;
    flex-wrap: wrap;
    margin: -4px;
}

#wc-braintree-credit-card-credit-card-form .wc-braintree-hosted-field-parent.wc-braintree-hosted-field-card-number-parent {
    flex-basis: 100%;
}

#wc-braintree-credit-card-credit-card-form .wc-braintree-hosted-field-parent > label {
    display: none;
}

#wc-braintree-credit-card-credit-card-form .wc-braintree-hosted-field-parent > div {
    margin: 4px !important;
    background-image: none !important;
    padding: 0 !important;
}

#wc-braintree-credit-card-credit-card-form .wc-braintree-hosted-field-parent > div > iframe {
    margin: 0 !important;
}

.checkout-form-wrapper .coupon-login-forms-wrapper {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #AFB3B7;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.checkout-form-wrapper .coupon-login-forms-wrapper > div {
    width: 100%;
}

.checkout-form-wrapper .coupon-login-forms-wrapper .woocommerce-info .wrapper,
.woocommerce-form-login-toggle .wrapper,
.woocommerce-form-coupon-toggle .wrapper {
    padding: 0;
}

.checkout-form-wrapper .coupon-login-forms-wrapper .woocommerce-info .wrapper > a,
.woocommerce-form-login-toggle .wrapper a,
.woocommerce-form-coupon-toggle .wrapper a {
    color: #797F87;
    display: flex;
    justify-content: center;
}

.woocommerce-form-login {
    display: block;
    margin-top: 15px;
}

.woocommerce-form-login .fields {
    margin-bottom: 0;
}

.woocommerce-form-login .item {
    flex-basis: 100%;
}

.woocommerce-form-login input[type="checkbox"] {
    display: none;
}

.woocommerce-form-login .remember-me-lost-password-wrapper .container {
    display: flex;
    flex-direction: row;
}

.woocommerce-form-login .remember-me-lost-password-wrapper .remember-me-wrapper {
    flex: 1;
}

.woocommerce-form-login .remember-me-lost-password-wrapper a {
    font-size: 15px !important;
    color: inherit !important;
}

.checkbox-label {
    display: flex;
    margin: 0;
    align-items: center;
}

.checkbox-label[for="terms"] .text {color: var(--title-color);}

.checkbox-label .icons {
    margin-right: 15px;
}

.remember-me-wrapper input {
    display: none !important;
}

.remember-me-wrapper label {
    margin-bottom: 0;
}

.checkbox-label {
    cursor: pointer;
}
.checkbox-label .text,
.checkbox-label .text a {
    font-size: 15px;
    line-height: initial;
    color: var(--title-color);
    position: relative;
}

.checkbox-label .text a,
.text-link,
.editor a,
.editor a * {
    color: var(--brand-color) !important;
    position: relative;
}

.checkbox-label .text a:after,
.text-link:after {
    content: '';
    border-bottom: 1px solid var(--brand-color);
    height: 2px;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
}

.editor a {
    text-decoration: underline;
}

.secure-payment {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 27px;
}

.secure-payment img {
    margin-right: 13px;
}

.secure-payment span {
    font-size: 15px;
    line-height: 126%;
    color: #D7B888;
    font-family: bold;
}

.icons .box {
    width: 22px;
    height: 22px;
    border: 1px solid #33D871;
    border-radius: 2px;
    background-color: white;
}

input[type="checkbox"] + label .icons .checked,
input[type="checkbox"]:checked + label .icons .unchecked,
input[type="radio"] + label .icons .checked,
input[type="radio"]:checked + label .icons .unchecked {
    display: none;
}

input[type="checkbox"]:checked + label .icons .checked,
input[type="radio"]:checked + label .icons .checked {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

#terms {
    display: none;
}

.woocommerce-terms-and-conditions {
    margin-bottom: 12px;
}

.pricing-subscriptions,
.pricing-gifting {
    display: flex;
    margin: -30px;
}

.pricing-subscriptions .item,
.pricing-gifting .item {
    flex: 1;
}

.pricing-subscriptions > .item > .container,
.pricing-gifting > .item > .container {
    padding: 30px;
}

.pricing-subscriptions .pricing-variations-wrapper {
    flex: 2.1;
}

.pricing-subscriptions .pricing-variations {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

.pricing-subscriptions .pricing-variations .item {
    flex-basis: 25%;
}

.pricing-subscriptions .pricing-variations > .item > .container {
    padding: 15px;
}

.pricing-subscriptions .pricing-variations > .item > .container > .box {
    background-color: var(--section-background-color);
    word-break: break-word;
    height: 248px;
    border: 2px solid var(--section-background-color);
}

.pricing-subscriptions .pricing-variations > .item > .container > .box.selected {
    border: 2px solid var(--brand-color);
    border-radius: 2px;
}

.pricing-subscriptions .pricing-variations > .item > .container > .box input {
    display: none;
}

.pricing-subscriptions .pricing-variations label {
    width: 100%;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    cursor: pointer;
}

.pricing-subscriptions .pricing-variations label .box {
    margin: 0 auto;
}

.pricing-subscriptions .pricing-variations .info {
    text-align: center;
    font-size: 16px;
    line-height: 145%;
    color: #898E95;
    min-height: 25px;
}

.pricing-subscriptions .pricing-variations .info .most-popular,
.pricing-subscriptions .pricing-variations .info .best-value {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: bold;
    color: white;
    background-color: #D83351;
    border-radius: 20px;
    display: inline-block;
    padding: 6px 10px;
    line-height: 1;
}

.pricing-subscriptions .pricing-variations .info .best-value {
    background-color: #202A37;
}

.pricing-subscriptions .pricing-variations .price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pricing-subscriptions .pricing-variations .price .amount {
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.02em;
    font-family: bold;
    color: var(--title-color);
}

.pricing-subscriptions .pricing-variations .price .attribute-type {
    font-size: 24px;
    line-height: 151%;
    color: var(--title-color);
}

.pricing-subscriptions .pricing-variations .general-button {
    width: 100%;
    margin-top: 20px;
}

.pricing-subscriptions .variation-features {
    display: none;
}

.pricing-subscriptions .variation-features.selected,
.pricing-gifting .gifting-features.selected {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.pricing-subscriptions .variation-features li,
.pricing-subscriptions .variation-features li .label,
.pricing-gifting .gifting-features li, 
.pricing-gifting .gifting-features li .label {
    display: flex;
    font-size: 22px;
    line-height: 150%;
    align-items: center;
    margin-bottom: 15px;
    color: var(--title-color);
}

.pricing-subscriptions .variation-features li .label,
.pricing-gifting .gifting-features li .label {
    margin-bottom: 0;
}

.pricing-subscriptions .variation-features li:last-child,
.pricing-gifting .gifting-features li:last-child {
    margin-bottom: 0;
}

.pricing-subscriptions .variation-features li .icon,
.pricing-gifting .gifting-features li .icon {
    content: '';
    border-radius: 100%;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    margin-right: 20px;
    align-items: center;
    justify-content: center;
}

.pricing-subscriptions .variation-features li.active .icon,
.pricing-gifting .gifting-features li.active .icon {
    background-color: #EBFBF1;
}

.pricing-subscriptions .variation-features li.inactive .icon,
.pricing-gifting .gifting-features li.inactive .icon {
    background-color: var(--section-background-color);
}

.pricing-subscriptions .variation-features li.inactive svg path,
.pricing-gifting .gifting-features li.inactive svg path {
    fill: #565656
}

.pricing-subscriptions .variation-features li.inactive,
.pricing-subscriptions .variation-features li.inactive .labe,
.pricing-gifting .gifting-features li.inactive,
.pricing-gifting .gifting-features li .inactive .label {
    color: #BBBEC2;
}

.pricing-subscriptions .pricing-variations-wrapper .link-to-gift {
    display: inline-flex;
    align-items: center;
    margin-bottom: 21px;
}

.pricing-gifting .gifting-product-wrapper form {
    max-width: 400px;
}

.pricing-gifting .gifting-product-wrapper form input,
.pricing-gifting .gifting-product-wrapper form textarea {
    width: 100%;
    outline: none;
    height: 50px;
    padding: 8px 12px;
    border: 1px solid #BBBEC2;
}

.pricing-gifting .gifting-product-wrapper form textarea {
    height: 120px;
}
.pricing-gifting .gifting-product-wrapper form .mwb_delivery_method > label ,
.pricing-gifting form #wc_braintree_paypal_container,
.pricing-gifting .gifting-product-wrapper form input[type='radio'],
.pricing-gifting .gifting-product-wrapper form input[type='number'] {
    display: none!important;
}

.woocommerce-form-coupon-wrapper a.showcoupon {
    color: var(--brand-color)!important;
    text-decoration: underline;
    font-size: 15px;
    margin-bottom: 12px;
    display: block;
}

.pricing-gifting .gifting-product-wrapper form .mwb_wgm_delivery_method {
    border: none;
    box-shadow: none;
    margin-bottom: 25px;
    padding: 0;
}

#order_review .add_gift_card_form #wc_gc_cart_redeem_form input {
    width: 100%;
    outline: none;
    height: 50px;
    padding: 8px 12px;
    border: 1px solid #BBBEC2;
}

#order_review .add_gift_card_form #wc_gc_cart_redeem_form button {
    background: var(--brand-color);
    box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
    color: #FFFFFF !important;
    font-size: 18px;
    line-height: 135%;
    padding: 15px 40px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border: 0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    overflow: hidden;
    position: relative;
}

#order_review .add_gift_card_form #wc_get_cart_redeem_form button:hover {
    transition: all .3s;
    background: #2BC163 !important;
    color: white !important;
    border-color: #2BC163 !important;
}

.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message[role='alert'] {
    display: none;
}

.pricing-gifting-space-top {
    margin-top: 108px;
}

.single-product .woocommerce-error ul {
    margin-top: 0;
    margin-bottom: 1rem;
    margin-bottom: -110px;
    max-width: 500px;
    background-color: rgb(251 213 213);
    list-style: none;
    padding-left: 0;
    margin-left: 40px;
    padding: 12px 21px;
}
.single-product .woocommerce-error ul li,
.single-product .woocommerce-error ul li b {
    color: rgba(157, 28, 28, 0.5);
}
.radio-label .box {
    border-radius: 100%;
    border-width: 2px;
}

.radio-label .box .dot {
    width: 12px;
    height: 12px;
    background-color: var(--brand-color);
    border-radius: 100%;
}

.first-payment-date,
.product_meta {
	display: none;
}

.price,
.woocommerce-product-details__short-description {
    display: none;
}

.woocommerce-lost-password .woocommerce {
    flex-direction: column;
    max-width: 370px;
    margin: 0 auto;
}

.woocommerce-notices-wrapper,
.affwp-errors,
.woocommerce-form-coupon-wrapper .woocommerce-error,
.checkout .woocommerce .woocommerce-info {
    /* position: fixed;
    top: 71px;
    left: 0;
    z-index: 9;
    right: 0; */
}

.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup-checkout {
    margin-bottom: 30px;
}

.woocommerce-form-coupon-wrapper .woocommerce-error {
    margin-bottom: 30px !important;
}

.woocommerce-notices-wrapper a,
.woocommerce-NoticeGroup-checkout a,
.woocommerce-form-coupon-wrapper .woocommerce-error a {
    text-decoration: underline;
}

.woocommerce-notices-wrapper a:hover,
.woocommerce-NoticeGroup-checkout a:hover,
.woocommerce-form-coupon-wrapper .woocommerce-error a:hover {
    color: white;
}

.narrow-notices-wrapper {
    max-width: 370px;
    margin: 0 auto;
    padding: 30px;
}

.narrow-notices-wrapper .woocommerce-notices-wrapper {
    margin: 0;
}

.create-account .narrow-notices-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.edit-page .woocommerce-notices-wrapper {
    top: 0;
}

.woocommerce-notices-wrapper *,
.affwp-errors *,
.woocommerce-form-coupon-wrapper .woocommerce-error *,
.checkout .woocommerce .woocommerce-info *,
.woocommerce-NoticeGroup-checkout .woocommerce-error *,
.woocommerce-form-coupon-wrapper .woocommerce-error * {
    color: white;
}

.woocommerce-notices-wrapper .woocommerce-error,
.affwp-errors .affwp-error,
.woocommerce-form-coupon-wrapper .woocommerce-error,
.woocommerce-NoticeGroup-checkout .woocommerce-error,
.woocommerce-form-coupon-wrapper .woocommerce-error {
    background-color: #DE7B8C;
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-NoticeGroup-checkout .woocommerce-message,
.woocommerce-form-coupon-wrapper .woocommerce-message {
    background-color: var(--brand-color);
}

.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-NoticeGroup-checkout .woocommerce-info,
.woocommerce-form-coupon-wrapper .woocommerce-info,
.checkout .woocommerce .woocommerce-info {
    background-color: #21b5d3;
}

.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.affwp-errors .wrapper,
.woocommerce-NoticeGroup-checkout .woocommerce-error,
.woocommerce-form-coupon-wrapper .woocommerce-error {
    padding: 15px !important;
    list-style: none;
    margin-bottom: 0;
    line-height: 1;
    border-radius: 2px;
}

.woocommerce-notices-wrapper .woocommerce-error li,
.woocommerce-NoticeGroup-checkout .woocommerce-error li,
.woocommerce-form-coupon-wrapper .woocommerce-error li {
    line-height: 1;
    margin-bottom: 10px;
}

.woocommerce-notices-wrapper .woocommerce-error li:last-child,
.woocommerce-NoticeGroup-checkout .woocommerce-error li:last-child,
.woocommerce-form-coupon-wrapper .woocommerce-error li:last-child {
    margin-bottom: 0;
}

.woocommerce-notices-wrapper .wrapper,
.affwp-errors .wrapper,
.woocommerce-form-coupon-wrapper .woocommerce-error .wrapper,
.checkout .woocommerce .woocommerce-info .wrapper {
    margin: 0 auto;
    padding: 10px 30px;
}

.woocommerce-notices-wrapper ul.wrapper,
.woocommerce-form-coupon-wrapper .woocommerce-error ul.wrapper {
    padding-left: 48px;
}

.woocommerce-form-coupon-wrapper .woocommerce-message .wrapper {
    padding: 0;
    text-align: center;
}

.checkout .woocommerce .woocommerce-form-login-toggle .woocommerce-info,
.checkout .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: initial;
    position: initial;
    top: initial;
    left: initial;
    z-index: initial;
    right: initial;
    text-align: center;
}

.checkout .woocommerce .woocommerce-form-login-toggle .woocommerce-info *,
.checkout .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info * {
    color: inherit;
    padding: 0;
}

.menu-content-wrapper {
    display: flex;
}

.menu-content-wrapper .item.menu {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-right: 60px;
}

.menu-content-wrapper .item.menu div {
    margin-bottom: 15px;
    cursor: pointer;
}

.menu-content-wrapper .item.menu div:not(.active) {
    color: #AFB3B7;
}

.menu-content-wrapper .item.content {
    flex: 3;
}

.menu-content-wrapper .item.content a {
    color: var(--brand-color);
}

.menu-content-wrapper .item.content div {
    display: block;
    margin-bottom: 50px;
}

.scroll-into-view-offset-1:before {
    display: block;
    content: "";
    height: 150px;
    margin-top: -150px;
    visibility: hidden;
}

.privacy .notice {
    background-color: var(--section-background-color);
    padding: 25px;
    margin-bottom: 40px;
}

.privacy .notice > p:first-child {
    font-family: bold;
    margin-bottom: 10px;
}

.single-product .product_title.entry-title {
    display: none;
}

.woocommerce-privacy-policy-text {
	display: none;
}

.ewd-ufaq-faqs .ewd-ufaq-post-margin-symbol,
.ewd-ufaq-faqs .ewd-ufaq-author-date,
.ewd-ufaq-faqs .ufaq-faq-categories,
.ewd-ufaq-faqs .ufaq-permalink {
    display: none !important;
}

.ewd-ufaq-faqs .ufaq-faq-div,
.news .item {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-top: 0 !important;
}

.ufaq-faq-title {
    background: transparent !important;
}

.ewd-ufaq-faqs .ufaq-faq-title-text h4 {
    color: #202A37 !important;
}

.ufaq-faq-display-style-Contemporary .ufaq-faq-title {
    padding: 0 !important;
}

.ewd-ufaq-faqs .ufaq-faq-title-text {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

.ewd-ufaq-faqs .ufaq-faq-title-text:after {
    content: url(../img/icons/carret.png);
}

.ewd-ufaq-faqs .ufaq-faq-title-text h4 {
    margin: 0 !important;
    padding-right: 20px;
}

.ewd-ufaq-faqs div.ufaq-faq-body {
    padding: 0;
    padding-top: 40px;
}

.ewd-ufaq-faqs .ewd-ufaq-post-active {
    padding-top: 24px;
    padding-bottom: 40px;
}

.ewd-ufaq-faqs .ewd-ufaq-post-active .ufaq-faq-title-text:after {
    transform: rotate(180deg);
}

.news .item .embed-youtube {
    text-align: left !important;
}

.news .item .embed-youtube span,
.news .item iframe {
    margin-top: 10px;
}

#add_payment_method .woocommerce-PaymentMethod.active .general-button.dummy,
#add_payment_method .woocommerce-PaymentMethod .woocommerce-Button {
    display: none;
}

#add_payment_method .woocommerce-PaymentMethod.active .woocommerce-Button {
    display: block;
}

#add_payment_method .payment_methods {
    padding: 0;
    margin: 0;
}

#add_payment_method .payment_methods li {
    margin-bottom: 40px;
}

#add_payment_method .payment_methods li:last-child {
    margin-bottom: 0;
}

#add_payment_method .payment_methods li input {
    display: none;
}

#add_payment_method .payment_methods li > label {
    margin: 0;
    width: 100%;
    cursor: pointer;
}

#add_payment_method .wc-braintree-credit-card-new-payment-method-form {
    max-width: 370px;
}

#add_payment_method .woocommerce-PaymentMethod .button-wrapper {
    margin-top: 20px;
}

#add_payment_method .payment_method_braintree_credit_card > p {
    display: none;
}

#add_payment_method .payment_method_braintree_credit_card > label > label {
    display: none;
}

#add_payment_method .payment_method_braintree_credit_card.active > label > label {
    display: block;
}

.payment_method_braintree_paypal > p {
    display: none;
}

.payment_method_braintree_paypal #wc-braintree-paypal-paypal-form {
    margin: 0;
    padding: 0;
    border: 0;
}

.my-account .woocommerce-MyAccount-content .page-title.large .subtitle,
.my-account .woocommerce-MyAccount-content .page-title.large .subtitle * {
    font-size: initial !important;
    margin-top: 20px;
}

.edit-page .back,
.edit-page .page-title.large {
    margin-bottom: 60px !important;
}

.edit-page {
    padding-top: 0;
}

.sv-wc-payment-gateway-my-payment-methods-table {
    background: var(--section-background-color);
    border-radius: 2px;
    margin-top: 30px;
}

.sv-wc-payment-gateway-my-payment-methods-table thead {
    display: none;
}

.sv-wc-payment-gateway-my-payment-methods-table tbody td {
    padding: 20px;
}

#affwp-generate-ref-url {
    max-width: 370px;
}

#affwp-affiliate-dashboard-direct-links .affwp-wrap {
    margin-bottom: 0 !important;
}

#affwp-affiliate-dashboard-direct-links .affwp-wrap:not(.item) {
    padding: 10px 15px;
}

.custom-slug-wrapper h4 {
    display: none;
}

.affwp-tab-content {}

#affwp-affiliate-dashboard .affwp-tab-content .page-title,
.affwp-tab-content .block,
.my-account .woocommerce-MyAccount-content .account-activity-tab-content .page-title,
.my-account .woocommerce-MyAccount-content .account-activity-tab-content .block {
    margin-bottom: 50px;
}

.affwp-tab-content .block:last-of-type,
.my-account .woocommerce-MyAccount-content .account-activity-tab-content .block:last-of-type {
    margin-bottom: 0;
}

.affwp-tab-content .block .sample-image {
    max-width: 234px;
    margin-bottom: 30px;
}

.affwp-tab-content .block .sample-image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.affwp-tab-content .block ul {
    margin-bottom: 30px;
}

#affwp-affiliate-dashboard-profile-form {
    max-width: 370px;
}

#affwp-affiliate-dashboard-sharing {
    padding: 10px 15px;
    margin: 0 !important;
}

#affwp-affiliate-dashboard-sharing h2 {
    margin-bottom: 11px;
}

#affwp-affiliate-dashboard-sharing .affwp-sharing {
    display: flex;
    flex-direction: column;
}

#affwp-affiliate-dashboard-sharing .affwp-sharing .share {
    padding: 0 !important;
}

#affwp-affiliate-dashboard-sharing .affwp-sharing .share.email {
    margin-top: 10px;
}

.affwp-errors {
    border: 0 !important;
    background: transparent !important;
}

.affwp-errors .affwp-error {
    padding: 0;
}

#post-404 {
    text-align: center;
}

.woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-manage-payment-methods {
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.steps {
    display: flex;
    margin-top: 140px;
}

.steps > .item {
    flex: 1;
    position: relative;
}

.steps .item.images {
    flex: 2.5;
    position: relative;
}

.steps .item:not(.images) {
    z-index: 1;
}

.steps .step {
    display: block;
    position: relative;
    padding-left: 36px;
    margin-bottom: 50px;
    /* cursor: pointer; */
}

.steps .step:last-child {
    margin-bottom: 0;
}

.steps .step label {
    color: var(--brand-color);
    margin-bottom: 4px;
}

.steps .step p {
    font-size: 24px;
    line-height: 140%;
}

.steps .step.active:before {
    content: '';
    width: 4px;
    height: 100%;
    background-color: var(--brand-color);
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
}

.steps .indicator-active {
    width: 4px;
    height: 0;
    background-color: var(--brand-color);
    border-radius: 10px;
    position: absolute;
    top: 0px;
}

.steps .images-wrapper {
    position: absolute;
/*     bottom: -150px; */
    bottom: -320px;
    right: 0;
    width: 140%;
/*     height: 640px; */
    height: 1040px;
    overflow: visible;
    z-index: 0;
}

.steps .images-wrapper .image-wrapper {
    display: none;
}

.steps .images-wrapper .image-wrapper.active {
    display: block;
}

.steps .images-wrapper .image-wrapper {
    position: relative;
    right: -26%;
    margin: 0 auto;
}

.app-rating .slider {}

.app-rating .slider .item:focus,
.navbar-light .navbar-toggler {
    outline: 1px solid transparent;
}

.slider > button {
    visibility: hidden !important;
    display: none !important;
}

.slider .slick-dots {
    display: flex !important;
    padding-left: 20px;
    align-items: center;
    height: 20px;
    width: 100%;
}

.slider .slick-dots li {
    list-style-type: none;
}

.slider .slick-dots li {
    background-color: #D7D9DB;
    border-radius: 100%;
    border: 0;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin-right: 6px;
}

.slider .slick-dots li.slick-active {
    background-color: var(--brand-color);
}

.slider .slick-dots li button {
    display: none;
}

.slider .slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}

.slick-slide .container {
    height: 100%;
}

.slick-slide .custom-card {
    justify-content: space-between
}

.scrollmagic {
    padding: 0 !important;
}

body.home .app-rating .slider .slick-list .slick-slide {
    opacity: 0;
    -webkit-transform: translateY(-30px);
			 -moz-transform: translateY(-30px);
				-ms-transform: translateY(-30px);
				 -o-transform: translateY(-30px);
						transform: translateY(-30px);
    -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
                -o-transition: all 0.6s ease-out;
                    transition: all 0.6s ease-out;
}

body.home .digit.visible,
body.home .app-rating .slider .slick-list .slick-slide.visible{
    opacity: 1;
    -webkit-transform: none;
         -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                    transform: none;
}
/* .digit:nth-child(2),
body.home .app-rating .slider .slick-list .slick-slide:nth-child(2) {
    margin-top: 50px;
}
.digit:nth-child(3),
body.home .app-rating .slider .slick-list .slick-slide:nth-child(3) {
    margin-top: 100px;
}
.digit:nth-child(4),
body.home .app-rating .slider .slick-list .slick-slide:nth-child(4) {
    margin-top: 150px;
}
.digit:nth-child(5),
body.home .app-rating .slider .slick-list .slick-slide:nth-child(5) {
    margin-top: 200px;
}

body.home .app-rating .slider .slick-list .slick-slide:nth-child(6) {
    margin-top: 250px;
}

body.home .app-rating .slider .slick-list .slick-slide:nth-child(7) {
    margin-top: 300px;
}

body.home .app-rating .slider .slick-list .slick-slide:nth-child(8) {
    margin-top: 350px;
}

body.home .app-rating .slider .slick-list .slick-slide:nth-child(9) {
    margin-top: 400px;
}

body.home .app-rating .slider .slick-list .slick-slide:nth-child(10) {
    margin-top: 450px;
}

body.home .app-rating .slider .slick-list .slick-slide:nth-child(11) {
    margin-top: 500px;
}

body.home .app-rating .slider .slick-list .slick-slide:nth-child(12) {
    margin-top: 550px;
}

body.home .app-rating .slider .slick-list .slick-slide:nth-child(13) {
    margin-top: 600px;
}
*/

body.home .app-rating .slider .slick-list .slick-slide {
    margin-top: 100px;
}

body.home .app-rating .slider .slick-list .slick-slide.visible {
    transition:margin-top 0.3s ease-out;
    margin-top: 0;
}

.animation-opacity {
    animation-duration: 2s;
    animation-name: opacity;
    /* animation-delay: 0.5s; */
}

@keyframes opacity {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
}

.animate-opacity-add {
    animation-duration: 1s;
    animation-name: animate-opacity-add;
}

@keyframes animate-opacity-add {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate-opacity-remove {
    animation-duration: 1s;
    animation-name: animate-opacity-remove;
}

@keyframes animate-opacity-remove {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.usage,
.call-to-action {
    background-color: white !important;
}

.app-rating {
    background-color: var(--section-background-color);
}

.wpcf7-form {
    max-width: 370px;
    margin: 0 auto;
}

.wpcf7-form .submit-wrapper .container {
    display: flex;
    align-items: center;
}
.wpcf7-form .submit-wrapper input {
    width: 100%;
}
.wpcf7-form .submit-wrapper .ajax-loader {
    margin-top: 20px;
}
.wpcf7-form .ajax-loader {
    display: none !important;
}
.wpcf7-form .ajax-loader.is-active {
    display: block !important;
}
.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-mail-sent-ok {
    margin: 0;
    border: none;
    background-color: #DE7B8C;
    color: white;
    padding: 0;
    padding: 10px 16px;
    font-size: 14px;
    margin-top: -10px;
    border-radius: 4px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
    background-color: var(--brand-color);
}
.wpcf7-form span.wpcf7-not-valid-tip {
    color: #DE7B8C;
    font-size: 14px;
    margin-top: 7px;
}

.select-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.select-wrapper svg {
    position: absolute;
    transform: rotate(90deg);
    display: flex;
    align-self: flex-end;
    right: 14px;
}
.select-wrapper .wpcf7-form-control-wrap {
	z-index: 1;
}
.select-wrapper .wpcf7-form-control-wrap select {
    background: transparent;
}

.wrapper-narow.page-content {
    margin: 0 auto;
}

.page-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    width: 100%;
    z-index: 999;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-loading .logo-wrapper {
    border-radius: 100%;
    padding: 50px;
    background-color: var(--brand-color);
    z-index: 1;
}

.page-loading .logo-wrapper svg {
    width: 100px;
    height: 100px;
}

.page-loading .circle {
    border-radius: 50%;
    background-color: var(--brand-color);
    width: 270px;
    height: 270px;
    position: absolute;
    opacity: 0;
    animation: scaleIn 1s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes scaleIn {
    from {
        transform: scale(.5, .5);
        opacity: .5;
    }
    to {
        transform: scale(2.5, 2.5);
        opacity: 0;
    }
}

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

.lost-password-confirmation .wrapper {
    padding: 0;
    margin-bottom: 30px;
}

.text-me-app-form {
    max-width: 370px;
}

.text-me-app-form .fields {
    margin-bottom: 30px;
}

.text-me-app-form:last-of-type .fields {
    margin-bottom: 0;
}

.text-me-app-form .input-button-row-wrapper {
    display: flex;
}

.text-me-app-form .input-button-row-wrapper input {flex: 1;}

.text-me-app-form .input-button-row-wrapper button {
    padding: 0 16px;
}

.select-wrapper .wpcf7-form-control-wrap,
.select2-selection.select2-selection--single {
  position: relative;
}

.select-wrapper .wpcf7-form-control-wrap:before,
.select2-selection.select2-selection--single:before {
  content: '';
  position: absolute;
  top: 18px;
  right: 12px;
  border-top: 7px solid var(--brand-color);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.select-wrapper .wpcf7-form-control-wrap:after,
.select2-selection.select2-selection--single:after {
  content: '';
  position: absolute;
  right: 14px;
  top: 17px;
  border-top: 5px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.woocommerce .blockUI.blockOverlay::before {
    height: 1em;
    width: 1em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    content: '';
    -webkit-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
    background: url(../img/loader.svg) center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0,0,0,.75);
}

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

.checkout-form-wrapper .woocommerce-checkout-review-order {
    display: none;
}

#password-strength {
    padding: 0 15px;
    margin-top: -6px;
}

#password-strength,
#password-strength span {
    font-size: 13px;
}

#password-strength.short span,
#password-strength.bad span {
    color: #DE7B8C;
}

#password-strength.good span {
    color: orange;
}

#password-strength.strong span {
    color: var(--brand-color);
}

[type="submit"][disabled] {
    background-color: #949494;
    opacity: 0.3;
}

body.checkout .woocommerce > * {
    /* width: 370px; */
    /* margin: 0 auto; */
}

.wrapper.padding-top-compensate-nav {
    padding-top: 52px;
}

#customer_login > div:not(.active) .wrapper.padding-top-compensate-nav {
    padding-top: 110px;
}

/* Affiliate pages */
body.affiliates section.wrapper.padding-top-compensate-nav,
body.registration section.wrapper.padding-top-compensate-nav,
body.dashboard:not(.logged-in) section.wrapper.padding-top-compensate-nav,
/* My account login */
body.my-account section.wrapper.padding-top-compensate-nav.logged-out {
    padding-top: 0;
}

.fields .wc_payment_method label {
    display: flex;
    align-items: center;
}

.fields .wc_payment_method label[for="payment_method_braintree_paypal"] img {
    width: 68px;
    margin-left: 6px;
}

.fields .wc_payment_method label:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 10px;
    background-color: var(--brand-color);
    border: 2px solid var(--brand-color);
    background-color: white;
}

.fields .wc_payment_method.active label:before {
    background-color: var(--brand-color);
    border: 2px solid var(--brand-color);
}

.embed-video {
    display: flex;
}

.embed-video .video {
    max-width: 100%;
}

.promo-box {
	background: #FFFFFF;
	border: 1px solid #33D871;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	max-width: 501px;
}

.promo-box a {
    display: inline-block;
}

.promo-box .content {
    padding: 45px;
}

.promo-box .image {
    margin-bottom: 34px;
}

.promo-box .text {
    margin-bottom: 89px;
    font-size: 32px;
    line-height: 135%;
    color: #202A37;
    font-family: light;
}

.promo-box .text .code {
    background-color: #C2F3D4;
    border-radius: 4px;
    padding: 0px 6px;
}

.promo-box .text * {
    font-size: 32px;
    line-height: 135%;
    color: #202A37;
}

/* pre.xdebug-var-dump {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f3f3f3;
    z-index: 999999;
    padding: 30px;
    bottom: 0;
    overflow-y: scroll;
    max-width: 600px;
    margin-bottom: 0;
} */

.page-template-template-partner .hero .wrapper {
    padding: 0;
}

.page-template-template-partner .hero .item .container {
    padding: 30px;
    max-width: initial;
}

.how-to-unsubscribe .list {
    flex-direction: column;
}

.how-to-unsubscribe .list .item {
    flex: 1;
}

.how-to-unsubscribe .step {
    display: flex;
    align-items: center;
    flex: 1;
}

.how-to-unsubscribe .step:not(:first-child) {
    margin-top: -90px;
}

.how-to-unsubscribe .step:nth-child(odd) {
    margin-left: 30px;
}

.how-to-unsubscribe .step:nth-child(even) {
    margin-right: 30px;
    justify-content: flex-end;
}

.how-to-unsubscribe .step:nth-child(even) img {
    transform: rotate(10deg);
}

.how-to-unsubscribe .device {
    width: 423px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.how-to-unsubscribe video {
    position: absolute;
    width: 54%;
    top: 6.4%;
    z-index: 1;
}

.how-to-unsubscribe .step:nth-child(odd) video {
    transform: rotate(-5deg);
}

.how-to-unsubscribe .step:nth-child(even) video {
    transform: rotate(5deg);
    left: 24%;
}

.how-to-unsubscribe .step:nth-child(even) .device {
    order: 2;
}

.how-to-unsubscribe .step:nth-child(even) .info {
    order: 1;
    margin-left: 0;
    margin-right: 105px;
}

.how-to-unsubscribe .info {
    margin-left: 105px;
    max-width: 320px;
}

.how-to-unsubscribe .info p:not(.title) {
    font-size: 24px;
    line-height: 140%;
    color: #4A535D;
}

.how-to-unsubscribe .info .title {
    margin-bottom: 90px;
    color: var(--brand-color);
    display: flex;
    align-items: center;
}

.how-to-unsubscribe .info .title:before {
    content: '';
    display: inline-block;
    height: 2px;
    width: 46px;
    background-color: var(--brand-color);
    margin-right: 23px;
}

.opened-menu-mobile .navbar {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

form.search-mailer {
	background: #FFFFFF;
	border: 1px solid #CAF1D9;
	box-sizing: border-box;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1), 0px 0px 4px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	padding: 13px 20px;
	padding-right: 13px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

form.search-mailer .autocomplete .autocomplete-suggestions {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    margin-top: 58px;
    padding: 13px 0;
    background-color: white;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1), 0px 0px 4px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    width: 100% !important;
    max-height: initial !important;
}

form.search-mailer .actions {
    display: flex;
    align-items: center;
}

form.search-mailer .actions .loading {
    display: none;
    height: 26px;
    position: relative;
    margin-right: 8px;
}

form.search-mailer .actions .loading svg {
    height: 130%;
    width: initial;
    /* margin-top: -4px; */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

body.page-template-page-mailer-directory-homepage .hero {
    overflow: initial;
}

form.search-mailer .autocomplete .autocomplete-suggestions > * {
    padding: 9px 20px;
}

form.search-mailer .autocomplete .autocomplete-suggestions > *,
form.search-mailer .autocomplete .autocomplete-suggestions > * * {
    color: var(--title-color);
}

form.search-mailer .autocomplete .autocomplete-suggestions > *:hover {
    background-color: #f6f6f6;
}

.search-mailer-form-in-header form.search-mailer {
	border-color: white;
}

form.search-mailer input:not([type="hidden"]) {
	font-size: 17px;
    line-height: 145%;
    border: 0;
    padding-right: 13px;
    flex: 1;
    color: var(--title-color);
}

form.search-mailer button {
    font-size: 17px;
    background: var(--brand-color);
    border-radius: 20px;
    padding: 8px 15px;
    box-shadow: none;
}

form.search-mailer > div:first-child {
    display: flex;
    flex: 1;
}

form.search-mailer input {
    width: 100%;
}

.search-mailer-form-in-header > header,
.single-mailer > header {
    background-color: var(--section-background-color) !important;
}

.mailer-single .content {
	display: flex;
	margin: -15px;
}

.mailer-single .content > .item {
	flex: 1;
}

.mailer-single .content > .item:first-child {
    flex: 2.3;
}

.mailer-single .content > .item:first-child > .container > *:not(:last-child) {
    margin-bottom: 30px;
}

.mailer-single .content > .item > .container {
    padding: 15px;
}

.opt-outs .list {
    flex-direction: column;
    align-items: flex-start;
    margin: -15px;
}

.opt-outs .list .item {
    width: 100%;
}

.opt-outs .list .item .container {
    padding: 15px;
    justify-content: flex-start;
}

.opt-outs .list .item .container .details {
    flex: 1;
}

.opt-outs .list .item .container .icon {
    background: #EBFBF1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    border-radius: 100%;
    margin-right: 20px;
}

.opt-outs .list .item.empty .container .icon {
    background: #F8F9F9;
}

.opt-outs .list .item.empty .container .icon svg path {
    fill: var(--title-color);
}

.opt-outs .empty .details {
    display: flex;
}

.opt-outs .empty .details .message {
    color: #8C9198 !important;
}

.opt-outs .empty .details .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

.opt-outs .empty .details .general-button {
    padding: 5px 10px;
}

.mailer-single .basic-info .container > *:not(:last-child) {
    margin-bottom: 24px;
}

.mailer-single .basic-info .delay-notice {
    background: #EBFBF1;
    border-radius: 10px;
    padding: 20px;
}

.mailer-single .featured-image {
    background-color: var(--section-background-color);
    padding: 30px;
    border-radius: 4px;
}

.mailer-single .featured-image .image {
    width: 100%;
    height: 188px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mailer-single .featured-image .image img {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}

.mailer-single .basic-info .verified-status svg {
    margin-right: 10px;
}

.mailer-single .basic-info .verified-status span {
    text-decoration: underline;
}

.mailer-single .basic-info * {
    color: var(--title-color) !important;
}

.mailer-single .content > .item:first-child,
.mailer-single .content > .item:first-child * {
    color: var(--title-color);
}

.mailer-single .amazon-account-required {
    background: rgba(235, 251, 241, 0.5);
    border: 1px solid #33D871;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 30px;
}

.mailer-single .amazon-account-required a {
    color: var(--brand-color) !important;
    font-weight: bold;
}

.mailer-single .amazon-account-required ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding: 0;
}

.mailer-single .amazon-account-required ol li {
  counter-increment: my-awesome-counter;
}

.mailer-single .amazon-account-required ol li:not(:last-child) {
    margin-bottom: 10px;
}

.mailer-single .amazon-account-required ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: var(--brand-color);
  font-weight: bold;
  margin-right: 17px;
}

.mailer-single .amazon-account-required > *:not(:last-child) {
    margin-bottom: 30px;
}

.accent-text,
.accent-text * {
    font-size: 24px;
    line-height: 140%;
    color: var(--title-color);
}

body > header .wrapper .group-wrapper {
    padding: 30px;
    -webkit-transition: padding 0.3s ease-out;
    -moz-transition: padding 0.3s ease-out;
    -ms-transition: padding 0.3s ease-out;
    -o-transition: padding 0.3s ease-out;
    transition: padding 0.3s ease-out;
}

body > header .wrapper .group-wrapper.slide-in {
    padding: 12px 30px;
}

body .header.opened-menu-mobile .wrapper .group-wrapper {
    padding: 30px;
}

body > header .wrapper .search-mailer {
    margin-bottom: 30px;
    -webkit-transition: margin-bottom 0.3s ease-out;
    -moz-transition: margin-bottom 0.3s ease-out;
    -ms-transition: margin-bottom 0.3s ease-out;
    -o-transition: margin-bottom 0.3s ease-out;
    transition: margin-bottom 0.3s ease-out;
}

body > header .wrapper .search-mailer.slide-in {
    margin-bottom: 12px;
}

body.popular-mailers .group {display: flex;margin: -30px;}
body.popular-mailers .group .item {
    /* flex: 1; */
}
body.popular-mailers .group .item.alphabet {
    max-width: 296px;
}
.alphabet-list {
    display: flex;
    flex-wrap: wrap;
    margin: -7px;
}
.alphabet-list .item {
    flex-basis: 20%;
}
.alphabet-list .container {
    /* flex-basis: 20%; */
    padding: 7px;
    /* margin-left: 0; */
}
.alphabet-list .container:not(last-child) {
    margin-bottom: 10px;
}
.alphabet-list a {
    background-color: #EBFBF1;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-color) !important;
    cursor: pointer;
}
.alphabet-list a.selected {
    background-color: var(--brand-color);
    color: white !important;
}
body.popular-mailers .group .item.content {
    flex: 1;
}
body.popular-mailers .group .item.content > .container > *:not(:last-child) {
    margin-bottom: 60px;
}
body.popular-mailers .group .item .mailers-list .content,
body.popular-mailers .group .item .mailers-list .loading {
    display: flex;
    flex-wrap: wrap;
    margin: -6px -30px;
}
body.popular-mailers .group .item .mailers-list .content .item {
    flex-basis: 33%;
}
body.popular-mailers .group .item .mailers-list .content .item .container,
body.popular-mailers .group .item .mailers-list .loading .item .container {
    padding: 6px 30px;
}
body.popular-mailers .group .item .mailers-list a {word-break: break-word;color: var(--brand-color);}
body.popular-mailers .group > .item > .container {
    padding: 30px;
}

body.popular-mailers .section-title .letter {
    margin-left: 15px;
}

body.search-mailer-form-in-header form.search-mailer {
    margin-left: 30px;
    margin-right: 30px;
}

body.page-template-page-mailer-directory-homepage .alphabet-list .item {
    flex-basis: 8.33%;
}

.list.popular-mailers {
	justify-content: initial;
	margin: -20px;
}

/* .list.popular-mailers > button,
.list.popular-mailers > ul {
    display: none !important;
} */

.list.popular-mailers .item .container {
	padding: 20px;
	justify-content: initial;
}

.list.popular-mailers .custom-card {
    background-color: var(--section-background-color);
    padding: 20px;
    width: 100%;
    min-height: 226px;
}

.list.popular-mailers .custom-card * {
    color: var(--title-color);
}

.list.popular-mailers.no-number-of-requests .custom-card {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.list.popular-mailers .image {
    margin-bottom: 45px;
    height: 50px;
}

.list.popular-mailers .image img {
    object-fit: contain;
    height: 100%;
}

.list.popular-mailers .name {
    font-size: 24px;
    line-height: 140%;
}

.list.popular-mailers .number-of-requests {
    font-size: 17px;
    line-height: 155%;
}

.list.popular-mailers .number-of-requests span {
    font-weight: bold;
    color: var(--title-color);
}

main > section > section:not(:first-child) .wrapper {
    padding-top: 0;
}

.page-template-page-3-steps-to-inbox-zero main > section > section > .wrapper {
    padding-top: 0;
}

.page-template-page-3-steps-to-inbox-zero .perks .icon {
    color: var(--brand-color);
    font-family: 'bold';
    font-size: 26px;
}

.hero.mailer-directory .description {
	font-size: 24px;
	line-height: 140%;
	color: var(--title-color);
}

.hero.mailer-directory .container {
	max-width: 570px !important;
}

.hero.mailer-directory .container > *:not(:last-child) {
    margin-bottom: 30px;
}

.verified-status path {
    fill: var(--brand-color);
}

.mailer-directory-text-me-app-section .fields {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: -10px;
    flex-wrap: initial;
}

.mailer-directory-text-me-app-section .fields .item {
    flex: 1;
}

.mailer-directory-text-me-app-section .fields .item:first-child {
    flex: 2.3;
}

.mailer-directory-text-me-app-section .fields .container {
    padding: 10px;
}

.mailer-directory-text-me-app-section [type="submit"] {
    padding: 15px;
}

.mailer-directory-text-me-app-section input:not([type="hidden"]) {
    padding: 15px !important;
}

.mailer-directory-text-me-app-section label {
    margin-bottom: 15px;
    font-family: 'bold';
}

.mailer-directory-text-me-app-section .input-svg-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.mailer-directory-text-me-app-section .input-svg-wrapper svg {
	position: absolute;
	left: -50px;
}

.mailer-directory-text-me-app-section > *:not(:last-child) {
    margin-bottom: 30px;
}

.mailer-directory-text-me-app-section p,
.mailer-directory-text-me-app-section p strong {
    font-size: 24px;
    line-height: 140%;
    color: var(--title-color);
}

.mailer-directory-text-me-app-section ul {
    padding: 0;
    margin: 0;
}

.mailer-directory-text-me-app-section ul li {
    list-style-type: none;
    color: var(--title-color);
}

.mailer-directory-text-me-app-section ul li:before {
    content: url(../img/icons/checkmark.svg);
    margin-right: 15px;
}

.mailer-directory-text-me-app-section .features {
    margin: -30px;
}
.mailer-directory-text-me-app-section .features .container {
    margin: 0;
    position: relative;
    /* max-width: 664px; */
    padding: 30px;
}

.mailer-directory-text-me-app-section ul li:not(:last-child) {
    margin-bottom: 10px;
}

.mailer-directory-text-me-app-section .features .image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 360px;
    z-index: -1;
}

.mailer-directory-text-me-app-section .text-me-app-form {
    max-width: initial;
}

.mailer-directory-text-me-app-section .text-me-app-form .button-item {
    flex: initial;
}

.text-me-form-with-teaser {
    display: flex;
    margin: 0 -40px;
}

.text-me-form-with-teaser > .item {
    flex: 1;
}

.text-me-form-with-teaser > .item > .container {
    padding: 0 40px;
}

.mailer-directory-text-me-app-section {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1), 0px 0px 4px rgba(0, 0, 0, 0.05);
    padding: 30px;
}

.mailer-directory-text-me-app-section .input-svg-wrapper svg {
    display: none;
}

.text-me-form-with-teaser .section-title,
.text-me-form-with-teaser .section-title * {
    font-size: 40px;
    line-height: 50px;
}

.text-me-form-with-teaser .section-title {
    margin-bottom: 30px;
}

.text-me-form-with-teaser .teaser p {
    font-size: 24px;
    line-height: 140%;
    color: var(--title-color);
}

.text-me-form-with-teaser .teaser .custom-ul {
    margin-bottom: 0;
}

.text-me-form-with-teaser .teaser .custom-ul li,
.text-me-form-with-teaser .teaser .custom-ul li strong {
    color: var(--title-color);
}

.oscar-awards {}

.oscar-awards .list {
    justify-content: space-between;
    margin: -20px;
}

.oscar-awards .list .item .container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.oscar-awards .list .item .text {
    text-align: center;
    margin: 0 10px;
    max-width: 220px;
}

.oscar-awards .list .item .text .title {
    font-family: bold;
    color: black;
    margin-bottom: 2px;
}

@media (min-width: 992px) {
    .navbar-nav {
        align-items: center;
    }

    nav .navbar-collapse a:last-of-type {
        margin-right: 0;
    }

    section.mailer-directory .wrapper > .image,
    header .border,
    .my-account-sidenav svg {
        display: none;
    }

    .steps.mobile {
        display: none;
    }

    .how-to-unsubscribe {
        overflow: hidden;
    }

    .hero {
        height: 100vh;
    }

    .how-to-unsubscribe .wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .how-to-unsubscribe .wrapper > * {
        width: 100%;
    }

    .navbar-nav .menu-item:hover a:after {
        content: '';
        height: 1px;
        background-color: var(--brand-color);
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
        margin-left: 12px;
        margin-right: 12px;
    }

    .pricing-subscriptions .pricing-variations .price-info-wrapper {
        order: 1;
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .pricing-subscriptions .pricing-variations .price-info-wrapper .price {
        order: 2;
        margin-top: 30px;
    }

    .pricing-subscriptions .pricing-variations .price-info-wrapper .info {
        order: 1;
    }

    .pricing-subscriptions .pricing-variations .icons {
        order: 2;
    }

    .promo-box-wrapper .container {
        display: flex;
        justify-content: flex-end;
    }

    .steps .images-wrapper {
        bottom: -260px;
    }

    body #navbarSupportedContent > .container {
        background-color: initial;
        margin-left: initial;
        margin-right: initial;
        margin-bottom: 0;
        padding: initial;
        display: flex;
        margin-right: 0;
    }

    body > header .wrapper {
        padding: 0;
        -webkit-transition: padding 0.3s ease-out;
        -moz-transition: padding 0.3s ease-out;
        -ms-transition: padding 0.3s ease-out;
        -o-transition: padding 0.3s ease-out;
        transition: padding 0.3s ease-out;
    }

    body > header .wrapper.slide-in {
        padding: 12px 30px;
    }

    .mailer-single .content .item.basic-info .section-title {
        display: none;
    }

    form.search-mailer {
        max-width: 570px;
    }

    body.page-template-page-mailer-directory-homepage .hero {
        height: calc(100vh - 96px);
    }

    .mailer-single .item:not(.basic-info) .banner {
        display: none;
    }

    body.page-template-page-mailer-directory-homepage form.search-mailer .autocomplete .autocomplete-suggestions {
        margin-top: 66px;
    }

    .mailer-directory .hero-image {
        margin-top: -160px;
    }
}

@media (max-width: 991px) {
    :root {
        --wrapper-modifier: 2.38;
        --section-label-modifier: 1.6;
        --section-title-modifier: 1.9;
    }

    .header {
        background-color: white;
    }

    body.home .header .border {
        display: none;
    }

    body.home .header {
        top: initial;
        bottom: initial;
        overflow: initial;
    }

    body .header.opened-menu-mobile {
        top: 0;
        bottom: 0;
        overflow: hidden scroll;
        background-color: transparent !important;
    }

    body .header.opened-menu-mobile .wrapper {
        background-color: white;
    }

    .navbar-nav {
        margin-top: 15px;
    }

    nav .nav-item,
    nav .support {
        /* margin-left: -14px; */
        /* margin-right: -14px; */
        display: flex;
        flex-direction: column;
        align-items: initial;
    }

    body.logged-in nav .support {
        margin-top: 10px;
    }

    nav .support ul {
        padding: 0;
    }

    nav .nav-item.active .nav-link:after {
        content: '';
        position: absolute;
        top: 18px;
        right: 27px;
        border-radius: 100%;
        width: 6px;
        height: 6px;
        background: var(--brand-color);
    }

    nav .navbar-nav .separator {
        width: 100%;
        height: 2px;
        background-color: #E6EAED;
        margin: 15px 0;
    }

    nav .support .general-button {
        margin: 0;
        margin-bottom: 20px;
    }

    nav .support > a {
        margin: 0;
        margin-bottom: 10px;
    }

    nav .support .nav-link {
        margin-bottom: 10px;
    }

    nav .support .general-button:last-of-type {
        margin-bottom: 0;
    }

    .hero {
        height: auto;
    }

    .hero .title {
        margin-bottom: 20px;
    }

    .hero .title .impact {
        margin-right: 10px;
    }

    .hero .wrapper {
        flex-direction: column;
    }

    .hero .title *,
    .hero.affilliate .title {
        display: inline;
        font-size: 32px !important;
        line-height: 135% !important;
    }

    .hero.affilliate .title {
        display: block;
    }

    .hero .wrapper .container {
        max-width: 100%;
    }

    .hero .wrapper .item:first-child {
        order: 2;
    }

    .hero .wrapper .item.devices .image {
        width: 690px;
        height: 298px;
        position: relative;
        top: -70px;
        right: initial;
        bottom: initial;
    }

    .hero .wrapper .item.devices .image .device-2 {top: 3px;}

    .hero .wrapper .item.devices .image .device-1 {
        bottom: 304px;
    }

    .section-title span,
    .section-title,
    .blog.posts article:first-child .container .header h2 .title,
    .faqs-section .page-title,
    .press .page-title,
    .my-account .woocommerce-MyAccount-content .page-title.large,
    .my-account .woocommerce-MyAccount-content .page-title.large *,
    .page-title,
    .page-title.large,
    .page-title.large * {
        font-size: 34px !important;
        line-height: 40px;
        letter-spacing: -0.02em;
    }

    body #navbarSupportedContent .section-title span,
    body #navbarSupportedContent .section-title {
        font-size: 24px !important;
        line-height: 135%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0;
        word-break: break-word;
    }

    .blog.posts article:first-child .container .header h2 .title,
    .blog.single-post .post-title {
        font-family: 'regular';
    }

    .blog.posts article:first-child .container {
        flex-direction: column;
    }

    body.single-post .blog.posts article:first-child .container {
        flex-direction: initial;
    }

    .blog.posts article:first-child .container .image {
        order: 1;
        padding-bottom: 0;
    }

    body.single-post .blog.posts article:first-child .container .image {
        order: initial;
        padding-bottom: 30px;
    }

    .blog.posts article:first-child .container .header {
        order: 2;
    }

    body.single-post .blog.posts article:first-child .container .header {
        order: initial;
    }

    body.single-post .blog.posts article:first-child .container > p {
        display: none;
    }

    .blog.single-post .post-title {
        margin-bottom: 5px;
        line-height: 0;
    }

    .blog .content .title,
    .blog.single-post .content .editor strong,
    .blog.single-post .content .editor span,
    .blog.single-post .content .editor h2,
    .blog.single-post .content .editor h4,
    body.single-post .blog.posts article:first-child .container .header h2 .title {
        font-size: var(--font-size) !important;
    }

    .blog.posts article .container > p {
        display: none;
    }

    .blog.posts article:not(:first-child) .container .header {
        flex: 2;
    }

    .blog.posts .container .header .date {
        font-size: 15px;
        line-height: 135%;
    }

    .blog.posts article:not(:first-child) .container .image {
        padding-left: 0;
    }

    section.mailer-directory .content {
        flex-direction: column;
    }

    section.mailer-directory .content .item.image-wrapper {
        display: none;
    }

    .wrapper {
        padding: calc(112px / var(--wrapper-modifier)) 30px;
    }

    .our-database .list {
        padding-bottom: calc(112px / var(--wrapper-modifier))
    }

    .section-label,
    .my-account .woocommerce-MyAccount-content .back {
        margin-bottom: calc(40px / var(--section-label-modifier));
    }

    .section-title,
    .faqs-section .page-title,
    .press .page-title,
    .page-title {
        margin-bottom: calc(60px / var(--section-title-modifier));
    }

    .faqs-section .faqs:last-child {
        margin-bottom: 0;
    }

    .faqs .question,
    .privacy .menu-content-wrapper .content .title {
        font-size: 20px;
    }

    .blog.single-post .post-title a {
        font-size: calc(60px / var(--section-title-modifier));
    }

    .app-rating .stars svg {
        width: 28px;
    }

    .blog.posts .container .image .image-wrapper,
    body.single-post .blog.posts article:first-child .container .image .image-wrapper {
        width: 105px;
        height: 60px;
    }

    .blog.posts article:first-child .container .image .image-wrapper {
        height: 400px;
    }

    .greeting {
        display: none;
    }

    .perks .item {
        flex-basis: 100%;
    }

    .perks .title {
        margin-bottom: 10px;
    }

    .perks .icon-wrapper {
        margin-right: 20px
    }

    .hero.affilliate .image-wrapper {
        position: initial;
        right: initial;
    }

    .hero.affilliate .image-wrapper .image {
        height: 202px;
        display: flex;
        margin-bottom: 30px;
    }

    .hero.affilliate .image-wrapper .image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .target-groups .list {
        flex-direction: column;
    }

    .become-affilliate-partner .wrapper {
        background-color: white;
        display: flex;
        justify-content: center;
    }

    .become-affilliate-partner .section-title {
        display: none;
    }

    footer .content {
        flex-direction: column;
    }

    footer .content .item > .container,
    footer .links .container,
    footer .links > li {
        padding: 20px 30px;
        /* margin: 0; */
    }


    .sub-footer .social-media {
        margin: -10px;
    }

    .sub-footer .social-media .container {
        padding: 10px
    }

    .sub-footer .social-media svg {
        width: 26px;
        height: 26px;
    }

    .sub-footer .wrapper {
        padding-bottom: 70px;
    }

    .my-account-sidenav .item {
        padding: 10px 0;
        margin-bottom: 0;
        justify-content: space-between;
        align-items: center;
    }

    .my-account-sidenav .item:not(:last-child) {
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 16px !important;
        margin-bottom: 16px !important;
    }

    .my-account-sidenav a {
        margin-right: auto !important;
    }

    .my-account .woocommerce {
        flex-direction: column;
    }

    .boxes.order-details .row-custom .value,
    .boxes.subscription-details .additional-info .row-custom .value,
    .boxes.order-details .totals .row-custom .value,
    .boxes.order-details .additional-info .row-custom .value {
        flex: 1;
        text-align: right;
    }

    nav ul.navbar-nav a {
        padding: 10px 0;
        display: block;
    }

    nav ul.navbar-nav li:first-child a {
        padding-top: 0;
    }

    .navbar-nav::after {
        width: 100%;
        height: 1px;
        margin: 10px 0;
    }

    .pricing-subscriptions,
    .pricing-gifting {
        flex-direction: column;
    }

    .pricing-subscriptions .pricing-variations .item {
        flex-basis: 100%;
    }

    .pricing-subscriptions .pricing-variations label {
        flex-direction: row;
        align-items: center;
        padding: 16px;
    }

    .pricing-subscriptions .pricing-variations > .item > .container > .box {
        height: auto;
    }

    .pricing-subscriptions .pricing-variations .info {
        order: 3;
        flex: 1;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .pricing-subscriptions .pricing-variations .price {
        order: 2;
        flex: 1.3;
        margin-left: 12px;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .pricing-subscriptions .pricing-variations .price .amount,
    .pricing-subscriptions .pricing-variations .price .attribute-type {
        font-size: 18px;
        line-height: 21px;
        font-family: bold;
        letter-spacing: -0.02em;
    }

    .pricing-subscriptions .pricing-variations .price .amount:after {
        content: '/';
        margin: 0 5px;
    }

    .pricing-subscriptions .variation-features li,
    .pricing-gifting .gifting-features li {
        margin-bottom: 10px;
    }

    .pricing-subscriptions .variation-features li .label,
    .pricing-gifting .gifting-features li .label {
        font-size: 17px;
    }

    .pricing-subscriptions .pricing-variations > .item > .container {
        padding: 7px 15px;
    }

    .pricing-subscriptions .attributes .container {
        padding-bottom: 0;
    }

    .pricing-subscriptions .pricing-variations .general-button {
        width: initial;
        margin-top: 14px;
    }

    .pricing-subscriptions .pricing-variations .price-info-wrapper {
        flex: 1.3;
        margin-left: 12px;
        display: flex;
    }

    .pricing-subscriptions .pricing-variations .price-info-wrapper .price {
        margin-left: 0;
    }

    .pricing-subscriptions .pricing-variations .price-info-wrapper .info {
        justify-content: flex-end;
        margin-top: 6px;
    }

    body > main {
        min-height: calc(100vh - 473px);
    }

    .woocommerce-notices-wrapper,
    .affwp-errors {
        /* top: 61px; */
    }

    .menu-content-wrapper .item.menu {
        display: none;
    }

    .woocommerce-address-fields .fields .item {
        flex-basis: 100%;
    }

    .woocommerce-view-order main {
        padding: 0;
    }

    .call-to-action .item .wrapper {
        flex-direction: column;
    }

    .call-to-action .item .wrapper > div {
        width: 100%;
    }

    .call-to-action .item .wrapper .header {
        display: flex;
        flex-direction: column;
    }

    .call-to-action .item .wrapper .subtitle {
        font-size: 24px;
        line-height: 140%;
        margin-bottom: 11px;
    }

    .call-to-action .item .wrapper .button-wrapper {
        text-align: initial;
        margin-top: 16px;
    }

    .call-to-action .item .header .icon {
        margin-bottom: 17px;
    }

    .call-to-action .item .header .section-title {
        margin-bottom: 11px;
    }

    .faqs .question,
    .privacy .menu-content-wrapper .content .title,
    .ewd-ufaq-faqs .ufaq-faq-title-text h4,
    .news .item h2,
    .news .item h2 a,
    .affwp-tab-content .block .title,
    .my-account .woocommerce-MyAccount-content .account-activity-tab-content .block .title {
        font-size: initial !important;
    }

    .news .item .embed-youtube iframe {
        object-fit: contain;
        width: 100%;
    }

    .edit-page .back,
    .edit-page .page-title.large {
        margin-bottom: 30px !important;
    }

    .my-account-sidenav {
        margin-bottom: 0;
    }

    .download-app .buttons {
        margin: -7px;
        margin-top: 15px;
    }

    .download-app .buttons .item .container {
        padding: 7px;
        justify-content: center !important;
    }

    .list .row {
        min-width: 1330px !important;
    }

    .list .row .item.sixth {
        flex-basis: unset;
    }

    .steps.desktop {
        display: none;
    }

    .steps.mobile {
        flex-direction: column;
        margin-top: 0px;
    }

    .steps .step {
        padding: 0;
    }

    .steps.mobile .item {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        align-items: center;
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 0;
        padding-bottom: 60px;
    }

    .steps.mobile .item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .steps.mobile .item .image-wrapper-mobile {
        min-width: 400px;
        flex: 999999;
        overflow: visible;
    }

    .steps.mobile .item .image-wrapper-mobile img {
        position: relative;
        bottom: -40px;
    }

    .sub-footer .wrapped-elements .general-button {
        margin-left: 20px;
    }

    body.home > main,
    body.page-template-page-onelinks > main,
    body.page-template-page-affiliate > main,
    body.page-template-page-3-steps-to-inbox-zero > main {
        padding-top: 106px;
    }

    .wrapper.padding-top-compensate-nav {
        padding-top: 0;
        margin-top: -11px;
    }

    .my-account .wrapper.padding-top-compensate-nav {
        margin-top: -7px;
    }

    .edit-page .wrapper.padding-top-compensate-nav {
        padding-top: calc(112px / var(--wrapper-modifier));
        margin-top: initial;
    }

    .blog.single-post article .featured-image {
        display: block;
    }

    .page-template-template-partner .hero .wrapper {
        padding: calc(112px / var(--wrapper-modifier)) 30px;
    }

    .promo-box .text,
    .promo-box .text * {
    font-size: 22px;
    line-height: 1.4;
}

    .promo-box .content {
        padding: 30px;
    }

    .promo-box .content > *:not(:last-child) {
        margin-bottom: 30px
    }

    .promo-box .image {
        width: 120px;
    }

    .page-template-template-partner .hero .item .container {
        padding-left: 0;
        padding-right: 0;
        padding: 0;
    }

    .promo-box-wrapper {
        order: 2;
        margin-top: 30px;
    }

    .promo-box-wrapper .container {
        padding: 0 !important;
    }

    .navbar .group-wrapper {
        width: 100%;
    }

    body > header .wrapper {
        padding: 0;
    }

    body:not(.logged-in) #navbarSupportedContent {
        margin-top: -30px;
    }

    body #navbarSupportedContent > * {
        padding: 30px !important;
    }

    body.logged-in #navbarSupportedContent > .container {
        background-color: #F8F9F9;
        padding: 30px;
    }

    body #navbarSupportedContent .navbar-nav {
        margin: 0;
    }

    .navbar .group-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .mailer-single .content {
        flex-direction: column;
    }

    .mailer-single .content > .item {
        order: 2;
    }

    .mailer-single .content .basic-info {
        order: 1;
    }

    .mailer-single .content > .item:first-child .section-title {
        display: none;
    }

    .mailer-single .featured-image .image {
        height: 98px;
    }

    body.search-mailer-form-in-header .navbar .group-wrapper {
        padding-bottom: 12px;
    }

    body.search-mailer-form-in-header form.search-mailer .clear-button svg {
        width: 20px;
    }

    form.search-mailer {
        padding: 7px 14px;
    }

    form.search-mailer .autocomplete-suggestion {
        padding: 0px 14px !important;
    }

    body.search-mailer-form-in-header .opened-menu-mobile form.search-mailer {
        display: none;
    }

    body.search-mailer-form-in-header > main {
        padding-top: 153px;
    }

    form.search-mailer .autocomplete .autocomplete-suggestions {
        margin-top: 43px;
    }

    .hero.mailer-directory {
        margin-bottom: 30px;
    }

    .hero.mailer-directory .wrapper {
        padding-top: 0;
    }

    .hero.mailer-directory .wrapper .image {
        width: 363px;
        margin-top: 2%;
        position: relative;
        /* top: 94px; */
    }

    .hero.mailer-directory .title .impact {
        margin: 0;
    }

    .hero.mailer-directory .description {
        font-size: 15px;
    }

    .hero.mailer-directory .container > *:not(:last-child) {
        margin-bottom: 10px;
    }

    .accent-text,
    .accent-text * {
        font-size: inherit;
        line-height: inherit;
    }

    .mailer-single .amazon-account-required {
        padding: 10px 14px;
    }

    .mailer-single .amazon-account-required ol li::before {
        margin-right: 6px;
    }

    .opt-outs .empty .details {
        flex-direction: column;
    }

    .opt-outs .empty .details .button-wrapper {
        margin-left: 0;
        justify-content: flex-start;
        margin-top: 5px;
    }

    body.popular-mailers .group {
        flex-direction: column;
    }

    body.popular-mailers .alphabet-list {
        flex-wrap: initial;
        overflow-x: scroll;
    }

    body.popular-mailers .group .item.alphabet {
        max-width: initial;
    }

    body.popular-mailers .group .item .mailers-list .content .item {
        flex-basis: 100%;
    }

    .mailer-directory-text-me-app-section .fields .input-svg-wrapper svg {
        display: none;
    }

    .text-me-form-with-teaser {
        flex-direction: column;
    }

    .text-me-form-with-teaser > .item:not(:last-child) {
        margin-bottom: 30px;
    }

    .section-group {
        padding: 30px 0;
    }

    .app-rating .slider .slick-dots {
        margin-left: 45px;
    }

    .list.popular-mailers.slider .slick-dots {
        margin-left: 11px;
    }

    .mailer-single .basic-info .banner {
        display: none;
    }

    .mailer-directory .hero-image {
        width: 30% !important;
        margin: 0 auto !important;
        margin-bottom: 30px !important;
    }

    .oscar-awards .list {
        justify-content: center;
    }
}

@media (max-width: 740px) {
    .how-to-unsubscribe .list .item {
        flex-direction: column;
        margin: initial;
    }

    .how-to-unsubscribe .device {
        width: initial;
        max-width: 300px;
    }

    .how-to-unsubscribe .info {
        margin: initial !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .how-to-unsubscribe .info .title {
        margin-bottom: 10px;
    }

    .how-to-unsubscribe .info p:not(.title) {
        font-size: 20px;
    }

    .how-to-unsubscribe .step:nth-child(even) .device,
    .how-to-unsubscribe .step:nth-child(even) .info {
        order: initial
    }

    .how-to-unsubscribe .step:not(:first-child) {
        margin-top: 60px;
        border-top: 1px solid #e9e9e9;
        padding-top: 60px;
    }
}

@media (min-width: 641px) and (max-width: 990px) {
    .hero .wrapper .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .list .item.third {
        flex-basis: 50%;
    }

    .list .item.sixth {
        flex-basis: 20%;
    }
}

@media (max-width: 640px) {
    .general-button,
    .woocommerce-checkout #payment div.payment_box .sv-wc-payment-gateway-payment-form-manage-payment-methods {
        display: block;
        text-align: center;
        width: 100%;
    }

    .opt-outs .empty .details .general-button {
        width: initial;
    }

    .list .item.third {
        flex-basis: 100%;
    }

    .list .item.sixth {
        flex-basis: 33.333333333333336%;
    }

    .blog.single-post article .featured-image a {
        height: 177px;
    }

    .blog.posts article:first-child .container .image .image-wrapper {
        height: 170px;
    }

    .hero.affilliate .image-wrapper .image {
        height: 202px;
        margin-top: 0;
    }

    footer .links {
        flex-direction: column;
    }

    .sub-footer .navbar-brand svg {
        width: 24px;
    }

    .sub-footer .logo .text,
    .sub-footer .logo .text * {
        font-size: 16px;
    }

    .sub-footer .copyright {
        margin-top: 4px;
    }

    .woocommerce .woocommerce-EditAccountForm > .content {
        flex-direction: column;
        align-items: center;
        margin: -10px;
    }

    .woocommerce .woocommerce-EditAccountForm .general-button.outline {
        margin-right: 0;
    }

    .woocommerce .woocommerce-EditAccountForm fieldset {
        padding: 10px;
        width: 100%;
    }

    .boxes.subscription-details .actions .row-custom {
        flex-direction: column;
    }

    .boxes.subscription-details .actions .container {
        margin: 0;
    }

    .boxes.subscription-details .actions .general-button {
        margin: 0;
        margin-bottom: 17px;
    }

    .boxes.subscription-details .actions .general-button:last-child {
        margin-bottom: 0;
    }

    body > main {
        min-height: calc(100vh - 781px);
    }

    .news .item .video iframe {
        width: 100%;
    }

    .affwp-tab-content .block .sample-image {
        max-width: 100%;
    }

    .sub-footer .wrapped-elements {
        flex-direction: column;
    }

    .sub-footer .wrapped-elements .general-button {
        padding: 14px;
        margin-left: 0;
        margin-top: 10px
    }

    .blog.single-post .content .editor p iframe {
        min-width: initial !important;
        width: 100% !important;
    }

    .app-rating .cards {
        margin: -15px -30px;
    }

    .app-rating .cards .item .container {
        padding: 15px 7px;
    }

    .list.popular-mailers .item .container {
        padding: 10px;
    }

    .list.popular-mailers {
        margin: -30px;
        margin-top: calc(40px / var(--section-label-modifier));
    }

    .hero.mailer-directory .general-button {
        display: none;
    }

    .mailer-directory-text-me-app-section .fields .item:first-child {
        flex: 1.4;
    }

    .mailer-directory-text-me-app-section .features .image {
        display: none;
    }

    .mailer-directory .hero-image {
        width: 60% !important;
    }
}

@media (max-width: 413px) {
    .pricing-subscriptions .pricing-variations .price-info-wrapper {
        display: initial;
    }

    .pricing-subscriptions .pricing-variations .price-info-wrapper .info {
        justify-content: flex-start;
    }

    .pricing-subscriptions .pricing-variations .price-info-wrapper .info.empty {
        display: none;
    }

    .oscar-awards .list .item svg {
        width: 34px;
    }

}

@media (max-width: 360px) {
    .boxes.subscription-details .additional-info .row-custom,
    .boxes.order-details .totals .row-custom,
    .boxes.order-details .additional-info .row-custom {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .boxes.order-details .totals .row-custom {
        flex-direction: row;
    }

    .boxes.subscription-details .additional-info .row-custom:last-child,
    .boxes.order-details .totals .row-custom:last-child,
    .boxes.order-details .additional-info .row-custom:last-child {
        margin-bottom: 0;
    }

    .boxes.subscription-details .additional-info .row-custom .value,
    .boxes.order-details .totals .row-custom .value,
    .boxes.order-details .additional-info .row-custom .value {
        text-align: initial;
    }

    .boxes.order-details .totals .row-custom {
        margin-bottom: 0;
    }

    .boxes.order-details .totals .row-custom .value {
        text-align: right;
    }
}

@media (max-height: 900px) {
    .steps {
        margin-top: -20px;
    }
    .steps .images-wrapper {
        width: 75%;
        bottom: -474px;
        right: 130px;
    }
}