@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');


.navbar {
    background-position: 20% 0%;
}

.navbar {
    box-shadow: 0 1px 5px rgb(0 0 0 / 30%);
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    min-height: 50px;
    margin-bottom: 20px;
}
.star-container {
    position: relative; 
    height: 20px; 
    width: 100%; 
    margin-bottom: 1em !important; 
    max-width: 420px; 
    height: 20px; 
    overflow: hidden;
}
.flag-container {
    width: 100%;
    height: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    list-style-type: none;
}
.flag-container>li {
    margin: 0px;
    margin-left: 3px;
    padding-left: 0.5%;
    padding-top: 0.3%;
    height: 20px;
    width: 20px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    float: left;
}
.flag {
    padding: 0px;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    list-style-type: none;
}
.flag>li {
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 33.33%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    float: left;
}
.flag>li:first-child {
    background: rgb(16,135,87);
}
.flag>li:first-child+li {
    background: rgb(235,0,0);
    width: 33.34%;
}
.flag li:first-child+li+li {
    background: rgb(255,190,0);
}
.et_checkout_form {
    margin-top: 16px
}

.align-middle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh
}

.align-middle section {
    max-width: 100%
}

#checkout-cards .column-container:first-of-type {
    flex: .75
}

#checkout-form,
.pricing-details {
    min-height: 100vh;
    padding: 6vw
}

.et_marketplace_disclaimer {
    margin-bottom: 32px
}

.checkout-form-inner {
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}

.et_manage_input_wrap {
    display: flex;
    flex-wrap: wrap
}

.et_manage_input_wrap .et_manage_input {
    display: flex;
    flex-direction: column
}

.et_manage_input_wrap .et_manage_input:first-child {
    padding-right: 16px
}

.et_manage_input_wrap .et_manage_input:last-child {
    padding-left: 16px
}

.et_manage_input_wrap .et_manage_input:last-child label {
    left: 16px
}

#card-errors {
    font-weight: 700;
    font-size: 14px;
    color: #ff4c00
}

.et_correct.et_manage_input input,
.et_correct.et_manage_input input:focus,
#card-element.StripeElement--complete,
#card-element.StripeElement--complete.StripeElement--focus {
    border: 2px solid #46e097 !important;
    background: 0 0
}

.et_correct.et_manage_input label,
.et_correct.et_manage_input:focus label,
#card-element label,
#card-element.StripeElement--focus label {
    color: #46e097 !important
}

.et_validation_error.et_manage_input input,
.et_validation_error.et_manage_input input:focus,
#card-element.StripeElement--invalid,
#card-element.StripeElement--invalid.StripeElement--focus {
    border: 2px solid #ff4c00 !important;
    background: 0 0
}

.et_validation_error.et_manage_input label {
    color: #ff4c00
}

.et_validation_error.et_manage_input input::-moz-placeholder {
    color: rgba(231, 43, 74, .5);
    opacity: 1
}

.et_validation_error.et_manage_input input:-ms-input-placeholder {
    color: rgba(231, 43, 74, .5);
    opacity: 1
}

.et_validation_error.et_manage_input input::placeholder {
    color: rgba(231, 43, 74, .5);
    opacity: 1
}

.et_validation_error.et_manage_input input:-ms-input-placeholder {
    color: rgba(231, 43, 74, .5)
}

.et_validation_error.et_manage_input input::-ms-input-placeholder {
    color: rgba(231, 43, 74, .5)
}

section.checkout,
.row-container.checkout,
.row.checkout {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    max-width: 100%
}

.row.checkout .column-container {
    padding: 0
}

.row.checkout .button {
    margin-bottom: 0
}

.button.primary-button.paypal-submit-button {
    background: linear-gradient(120deg, rgba(52, 221, 135, 0) 0%, #fca53a 100%) !important;
    background-color: #ffc439 !important;
    color: #0a2365 !important
}

.paypal-submit-button img {
    margin-right: 10px
}

.et_payment_settings .et_filled.et_manage_input label,
.payment-cycle-buttons .payment-cycle-button-active.et_manage_input label {
    opacity: 1;
    top: -2px;
    color: #3776ff
}

.payment-cycle-buttons .et_manage_input label {
    opacity: 1
}

#payment_type span,
.payment-cycle-button>span {
    background: #f5f6f7;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    cursor: pointer;
    margin: 16px 0 32px
}

#payment_type span {
    border: 2px solid #f5f6f7;
    height: 44px;
    padding: 7px
}

.payment-cycle-button .payment-cycle-button-card {
    padding: 16px;
    text-align: center;
    border: 2px solid transparent;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

.payment-cycle-button:hover .payment-cycle-button-card {
    border-color: #3776ff
}

.payment-cycle-button-price {
    display: flex;
    justify-content: center
}

.payment-cycle-button-price span:last-child {
    align-self: flex-end
}

.payment-cycle-button-price-number {
    font-weight: 700;
    font-size: 2.8em;
    line-height: 1em
}

.payment-cycle-button-subheading {
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px
}

.payment-cycle-button.payment-cycle-button-active .payment-cycle-button-card {
    background: linear-gradient(120deg, rgba(55, 118, 255, 0) 0%, #1e65ff 100%);
    background-color: #374eff
}

.payment-cycle-button.payment-cycle-button-active {
    color: rgba(255, 255, 255, .8)
}

.payment-cycle-button.payment-cycle-button-active .payment-cycle-button-price-number,
.payment-cycle-button.payment-cycle-button-active .payment-cycle-button-subheading {
    color: #fff;
    -webkit-text-fill-color: #fff
}

.et_one_payment {
    display: none !important
}

.et_divi_cloud_total {
    border: 2px solid #f1f4f5;
    padding: 8px 12px;
    border-radius: 5px;
    display: none;
    font-size: .9em;
    margin-bottom: 32px
}

.et_divi_cloud_total strong {
    color: #20292f
}

#payment_type .et_active_payment_type span {
    border: 2px solid #3776ff
}

.pricing-details {
    background-color: #f0f5ff
}

.checkout-image {
    border-radius: 5px;
    margin-bottom: 32px
}

.lifetime-checkout-wrapper .pricing-details {
    background-color: #f9f0ff
}

.checkout .trustpilot-widget>iframe~iframe {
    height: calc(100vh - 370px) !important
}

.checkout .package {
    max-width: 420px
}

.lifetime-checkout-wrapper .package .package_price {
    color: rgb(132 109 144/50%)
}

.et_validation_error {
    border-color: red;
    border-style: double
}

.et_validation_error {
    border-color: #ffd9df
}

.et_validation_error label {
    color: #ff4c00 !important
}

.price-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em;
    color: rgba(109, 124, 144, .5)
}

.row.checkout .et_failed_message_description {
    margin-bottom: 24px
}

.row.checkout .et_failed_message .button {
    margin-bottom: 16px
}

.row.checkout .et_failed_message .button:last-of-type {
    margin-bottom: 0
}

.et_vat_mismatch {
    margin-bottom: 3px
}

#business_logos {
    text-align: center;
    margin: 30px 0 0
}

.et_subscription_settings {
    margin: 32px 0
}

.et_checkout_checkbox {
    margin-bottom: 10px
}

.et_checkout_checkbox_wrapper {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 5px;
    float: left;
    margin-right: 20px;
    background: rgba(109, 124, 144, .1)
}

.et_checkout_checkbox>span {
    position: relative
}

.et_checkout_checkbox_wrapper label {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0
}

.et_checkout_checkbox_wrapper label:after {
    content: '';
    width: 19px;
    height: 16px;
    position: absolute;
    top: 7px;
    left: 6px;
    background: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDExIiBzdHlsZT0iZmlsbDojNDZFMDk3Ij48cGF0aCBkPSJNMTIuMi4yYy0uMy0uMy0uNy0uMy0xIDBMNS41IDYuMSAyLjcgMy4yYy0uMy0uMy0uNy0uMy0xIDBMLjIgNC43Yy0uMy4zLS4zLjcgMCAxbDQuOCA1Yy4zLjMuNy4zIDEgMGw3LjctNy45Yy4zLS4zLjMtLjcgMC0xTDEyLjIuMnoiLz48L3N2Zz4=) no-repeat center center;
    opacity: 0;
    transition: opacity .3s ease
}

.et_checkout_checkbox_wrapper label:hover::after {
    opacity: .3
}

.et_checkout_checkbox_wrapper input[type=checkbox] {
    visibility: hidden
}

.et_checkout_checkbox_wrapper input[type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.et_checkout_select {
    overflow: hidden;
    height: 100%
}

.et_renew_checkout_select,
.et_checkout_subscription_type {
    width: 90%
}

.et_checkout_subscription_type~.et_payment_settings {
    border-top: 2px solid #e9eff5
}

.et_checkout_subscription_type.et_correct:before {
    display: none
}

.et_checkout_subscription_type.et_correct .et_checkout_select:after {
    display: initial
}

.et_manage_input.et_checkout_vat_number {
    display: none;
    border-bottom: none;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.et_checkout_help {
    content: '';
    position: absolute;
    top: 31px;
    right: 16px;
    background-image: url(/img/help.png);
    background-size: 8px 11px;
    background-position: 6px 4px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background-color: #2c93f9;
    cursor: pointer
}

.et_checkout_vat_details {
    display: block;
    margin: -30px 0 40px !important;
    width: 100%;
    text-align: center
}

.price-savings {
    text-decoration: none !important
}

.et_correct .et_checkout_help {
    display: none
}

.et_checkout_tooltip {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    line-height: 2em;
    font-size: 12px;
    background: #fff;
    font-weight: 600;
    width: 300px;
    padding: 20px;
    position: absolute;
    right: -35px;
    top: -142px;
    box-shadow: 0 10px 50px #d6dee4;
    display: none
}

.et_checkout_show_tooltip {
    display: block;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.et_checkout_hide_tooltip {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.et_checkout_tooltip:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 230px;
    width: 0;
    height: 0;
    border-color: #fff transparent;
    border-width: 10px 10px 0;
    border-style: solid
}

.et_checkout_tooltip p {
    padding-bottom: 0
}

.et_show_vat_number .et_checkout_vat_number {
    display: flex
}

.et_show_vat_number #payment_credit_card {
    border: none
}

.et_checkout_success_message {
    text-align: center;
    padding: 55px 45px 0
}

.et_checkout_success_message>h2 {
    font-size: 18px;
    margin-bottom: 9px
}

.et_checkout_success_message>p {
    color: #71818c;
    font-size: 14px;
    line-height: 19px
}

.checkout-trustpilot {
    margin-top: 64px;
    margin-bottom: 0 !important
}

.checkout-icons {
    margin-top: 2vw
}

@-webkit-keyframes bounceIn {

    from,
    50%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.9, .9, .9)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    from,
    50%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.9, .9, .9)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 5%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -10%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.et_preloader_active {
    overflow-y: hidden
}

.et-fb-loader-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    box-shadow: 0 5px 30px rgba(43, 135, 218, .15);
    margin: -50px auto auto -50px;
    -webkit-animation: et-fb-loader-wrapper ease infinite 1.5s;
    animation: et-fb-loader-wrapper ease infinite 1.5s;
    display: none;
    z-index: 100
}

.et_preloader_active .et-fb-loader-wrapper {
    display: block
}

.et-fb-loader {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    box-shadow: 0 -17px #7e3bd0, 17px 0 #7e3bd0, 0 17px #7e3bd0, -17px 0 #7e3bd0;
    margin: -6px auto auto -6px;
    -webkit-animation: et-fb-loader ease infinite 3s;
    animation: et-fb-loader ease infinite 3s
}

@-webkit-keyframes et-fb-loader {
    0% {
        box-shadow: 0 -17px #7e3bd0, 17px 0 #29c4a9, 0 17px #7e3bd0, -17px 0 #29c4a9
    }

    25% {
        box-shadow: 17px 0 #2b87da, 0 17px #29c4a9, -17px 0 #2b87da, 0 -17px #29c4a9
    }

    50% {
        box-shadow: 0 17px #2b87da, -17px 0 #ff9232, 0 -17px #2b87da, 17px 0 #ff9232
    }

    75% {
        box-shadow: -17px 0 #7e3bd0, 0 -17px #ff9232, 17px 0 #7e3bd0, 0 17px #ff9232
    }

    100% {
        box-shadow: 0 -17px #7e3bd0, 17px 0 #29c4a9, 0 17px #7e3bd0, -17px 0 #29c4a9
    }
}

@keyframes et-fb-loader {
    0% {
        box-shadow: 0 -17px #7e3bd0, 17px 0 #29c4a9, 0 17px #7e3bd0, -17px 0 #29c4a9
    }

    25% {
        box-shadow: 17px 0 #2b87da, 0 17px #29c4a9, -17px 0 #2b87da, 0 -17px #29c4a9
    }

    50% {
        box-shadow: 0 17px #2b87da, -17px 0 #ff9232, 0 -17px #2b87da, 17px 0 #ff9232
    }

    75% {
        box-shadow: -17px 0 #7e3bd0, 0 -17px #ff9232, 17px 0 #7e3bd0, 0 17px #ff9232
    }

    100% {
        box-shadow: 0 -17px #7e3bd0, 17px 0 #29c4a9, 0 17px #7e3bd0, -17px 0 #29c4a9
    }
}

@-webkit-keyframes et-fb-loader-wrapper {

    0%,
    100% {
        width: 100px;
        height: 100px;
        box-shadow: 0 5px 30px rgba(43, 135, 218, .15);
        margin: -50px auto auto -50px
    }

    50% {
        width: 70px;
        height: 70px;
        box-shadow: 0 5px 15px rgba(43, 135, 218, .3);
        margin: -35px auto auto -35px
    }
}

@keyframes et-fb-loader-wrapper {

    0%,
    100% {
        width: 100px;
        height: 100px;
        box-shadow: 0 5px 30px rgba(43, 135, 218, .15);
        margin: -50px auto auto -50px
    }

    50% {
        width: 70px;
        height: 70px;
        box-shadow: 0 5px 15px rgba(43, 135, 218, .3);
        margin: -35px auto auto -35px
    }
}

@media only screen and (max-width:769px) {
    #checkout-form {
        min-height: initial
    }

    .row.checkout .column-container:first-of-type {
        max-width: 100%;
        min-width: 100%
    }

    .row.checkout .column-container:last-of-type {
        margin: 0;
        max-width: 100%;
        min-width: 100%
    }

    #checkout-form,
    .pricing-details {
        min-height: initial
    }

    #checkout-cards .column-container:first-of-type {
        flex: 1
    }

    .checkout-icons {
        margin-top: 32px
    }

    .et_divi_cloud_total.et_divi_cloud_should_show {
        display: block;
        margin: -20px 0 20px
    }
}

@media only screen and (max-width:424px) {
    .et_payment_settings {
        padding-top: 20px
    }

    .et_payment_settings .et_filled.et_manage_input label {
        margin-top: -15px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .align-middle {
        display: block
    }

    .column.centered,
    .column .centered {
        align-items: stretch !important
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: rgb(255, 255, 255, .7);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    -webkit-animation: et_pb_fade_in_small .5s 1 cubic-bezier(.77, 0, .175, 1);
    animation: et_pb_fade_in_small .5s 1 cubic-bezier(.77, 0, .175, 1)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    -webkit-animation: et_pb_fade_in_scale .5s 1 cubic-bezier(.77, 0, .175, 1);
    animation: et_pb_fade_in_scale .5s 1 cubic-bezier(.77, 0, .175, 1)
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #454545;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    box-shadow: 0 0 100px rgba(0, 160, 210, .2);
    -moz-box-shadow: 0 0 100px rgba(0, 160, 210, .2)
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 100px rgba(0, 160, 210, .2);
    -moz-box-shadow: 0 0 100px rgba(0, 160, 210, .2);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@-webkit-keyframes et_pb_fade_in_small {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes et_pb_fade_in_small {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes et_pb_fade_in_scale {
    0% {
        opacity: 0;
        transform: scale(.9, .9)
    }

    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@keyframes et_pb_fade_in_scale {
    0% {
        opacity: 0;
        transform: scale(.9, .9)
    }

    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.comment-meta span.fn {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

html {
    overflow-x: hidden
}

body {
    padding: 0;
    line-height: 1.75em;
    font-family: lato, sans-serif;
    font-size: 17px;
    text-align: left;
    color: #6d7c90;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden
}

body.preload * {
    transition: all 0s linear !important
}

@media(max-width:1024px) {
    body {
        font-size: 15px
    }
}

* {
	box-sizing: border-box !important;
}

.accent-gray .headline-1,
.accent-gray .headline-2,
.accent-gray .headline-3,
.accent-gray .headline-4,
.accent-gray .colored-header,
.accent-gray .colored-text,
.accent-gray.colored-text,
.accent-gray .subhead,
.accent-gray .subhead-small,
.accent-gray a,
.accent-gray .current-item,
.tab-navigation .accent-gray a:hover,
.accent-gray.tab-navigation a:hover {
    color: #6d7c90
}

.accent-gray .icon-container{
    border: 11px solid #6d7c90; 
}

.accent-gray .button,
.button.accent-gray,
.accent-gray.tab-navigation .current-item:after {
    background-color: #6d7c90
}

.dark-background .accent-gray .button,
.dark-background.accent-gray .button {
    color: #6d7c90 !important
}

.accent-gray .button:hover,
.button.accent-gray:hover {
    background-color: #788699;
    box-shadow: 0 12px 24px -6px rgba(109, 124, 144, .2)
}

.accent-gray .button.play-button,
.button.accent-gray.play-button {
    background-color: #6d7390
}

.accent-gray .button.play-button:hover,
.button.accent-gray.play-button:hover {
    background-color: #787e99
}

.accent-gray .button.primary-button,
.button.primary-button.accent-gray,
.accent-gray .category-circle,
.category-circle.accent-gray {
    background: linear-gradient(120deg, rgba(109, 124, 144, 0) 0%, #627081 100%);
    background-color: #6d7590
}

.accent-gray .button.primary-button:hover,
.button.primary-button.accent-gray:hover,
.accent-gray .category-circle:hover,
.category-circle.accent-gray:hover {
    background-color: #757b97
}

.accent-gray .tertiary-button,
.tertiary-button.accent-gray {
    color: #6d7c90 !important
}

.accent-gray .headline-1,
.accent-gray .headline-2,
.accent-gray .headline-3,
.accent-gray .headline-4,
.accent-gray .gradient-text,
.accent-gray .subhead,
.accent-gray .subhead-small,
.accent-gray.dark-background .button.primary-button span,
.accent-gray.dark-background.button.primary-button span,
.dark-background .accent-gray.button.primary-button span,
.accent-gray .card-title,
.accent-gray .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #6d7590 0%, #627081 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-gray.gradient-background,
.accent-gray .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #6d7590 0%, #627081 100%)
}

.accent-gray .icon-small,
.accent-gray .icon-big,
.accent-gray .card-button:hover svg,
.accent-gray .current-item svg {
    fill: #6d7c90
}

.accent-gray svg .transparent,
.accent-gray .card-button:hover svg .transparent,
.accent-gray .current-item svg .transparent {
    fill: rgba(109, 124, 144, .4)
}

.accent-gray .border-highlight {
    border-color: #6d7c90
}

.accent-yellow .headline-1,
.accent-yellow .headline-2,
.accent-yellow .headline-3,
.accent-yellow .headline-4,
.accent-yellow .colored-header,
.accent-yellow .colored-text,
.accent-yellow.colored-text,
.accent-yellow .subhead,
.accent-yellow .subhead-small,
.accent-yellow a,
.accent-yellow .current-item,
.tab-navigation .accent-yellow a:hover,
.accent-yellow.tab-navigation a:hover {
    color: #ffad00
}

.accent-yellow .icon-container{
    border: 11px solid #ffad00; 
}

.accent-yellow .button,
.button.accent-yellow,
.accent-yellow.tab-navigation .current-item:after {
    background-color: #ffad00
}

.dark-background .accent-yellow .button,
.dark-background.accent-yellow .button {
    color: #ffad00 !important
}

.accent-yellow .button:hover,
.button.accent-yellow:hover {
    background-color: #ffb414;
    box-shadow: 0 12px 24px -6px rgba(255, 173, 0, .2)
}

.accent-yellow .button.play-button,
.button.accent-yellow.play-button {
    background-color: #ffed00
}

.accent-yellow .button.play-button:hover,
.button.accent-yellow.play-button:hover {
    background-color: #ffee14
}

.accent-yellow .button.primary-button,
.button.primary-button.accent-yellow,
.accent-yellow .category-circle,
.category-circle.accent-yellow {
    background: linear-gradient(120deg, rgba(255, 173, 0, 0) 0%, #e69c00 100%);
    background-color: #ffe000
}

.accent-yellow .button.primary-button:hover,
.button.primary-button.accent-yellow:hover,
.accent-yellow .category-circle:hover,
.category-circle.accent-yellow:hover {
    background-color: #ffee0f
}

.accent-yellow .tertiary-button,
.tertiary-button.accent-yellow {
    color: #ffad00 !important
}

.accent-yellow .headline-1,
.accent-yellow .headline-2,
.accent-yellow .headline-3,
.accent-yellow .headline-4,
.accent-yellow .gradient-text,
.accent-yellow .subhead,
.accent-yellow .subhead-small,
.accent-yellow.dark-background .button.primary-button span,
.accent-yellow.dark-background.button.primary-button span,
.dark-background .accent-yellow.button.primary-button span,
.accent-yellow .card-title,
.accent-yellow .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #ffe000 0%, #e69c00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-yellow.gradient-background,
.accent-yellow .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #ffe000 0%, #e69c00 100%)
}

.accent-yellow .icon-small,
.accent-yellow .icon-big,
.accent-yellow .card-button:hover svg,
.accent-yellow .current-item svg {
    fill: #ffad00
}

.accent-yellow svg .transparent,
.accent-yellow .card-button:hover svg .transparent,
.accent-yellow .current-item svg .transparent {
    fill: rgba(255, 173, 0, .4)
}

.accent-yellow .border-highlight {
    border-color: #ffad00
}

.accent-teal .headline-1,
.accent-teal .headline-2,
.accent-teal .headline-3,
.accent-teal .headline-4,
.accent-teal .colored-header,
.accent-teal .colored-text,
.accent-teal.colored-text,
.accent-teal .subhead,
.accent-teal .subhead-small,
.accent-teal a,
.accent-teal .current-item,
.tab-navigation .accent-teal a:hover,
.accent-teal.tab-navigation a:hover {
    color: #00b5e6
}

.accent-teal .icon-container{
    border: 11px solid #00b5e6; 
}

.accent-teal .button,
.button.accent-teal,
.accent-teal.tab-navigation .current-item:after {
    background-color: #00b5e6
}

.dark-background .accent-teal .button,
.dark-background.accent-teal .button {
    color: #00b5e6 !important
}

.accent-teal .button:hover,
.button.accent-teal:hover {
    background-color: #00c5fa;
    box-shadow: 0 12px 24px -6px rgba(0, 181, 230, .2)
}

.accent-teal .button.play-button,
.button.accent-teal.play-button {
    background-color: #007ce6
}

.accent-teal .button.play-button:hover,
.button.accent-teal.play-button:hover {
    background-color: #0086fa
}

.accent-teal .button.primary-button,
.button.primary-button.accent-teal,
.accent-teal .category-circle,
.category-circle.accent-teal {
    background: linear-gradient(120deg, rgba(0, 181, 230, 0) 0%, #00a1cd 100%);
    background-color: #0087e6
}

.accent-teal .button.primary-button:hover,
.button.primary-button.accent-teal:hover,
.accent-teal .category-circle:hover,
.category-circle.accent-teal:hover {
    background-color: #0084f5
}

.accent-teal .tertiary-button,
.tertiary-button.accent-teal {
    color: #00b5e6 !important
}

.accent-teal .headline-1,
.accent-teal .headline-2,
.accent-teal .headline-3,
.accent-teal .headline-4,
.accent-teal .gradient-text,
.accent-teal .subhead,
.accent-teal .subhead-small,
.accent-teal.dark-background .button.primary-button span,
.accent-teal.dark-background.button.primary-button span,
.dark-background .accent-teal.button.primary-button span,
.accent-teal .card-title,
.accent-teal .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #0087e6 0%, #00a1cd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-teal.gradient-background,
.accent-teal .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #0087e6 0%, #00a1cd 100%)
}

.accent-teal .icon-small,
.accent-teal .icon-big,
.accent-teal .card-button:hover svg,
.accent-teal .current-item svg {
    fill: #00b5e6
}

.accent-teal svg .transparent,
.accent-teal .card-button:hover svg .transparent,
.accent-teal .current-item svg .transparent {
    fill: rgba(0, 181, 230, .4)
}

.accent-teal .border-highlight {
    border-color: #00b5e6
}

.accent-teal .button.play-button,
.button.accent-teal.play-button {
    background-color: #00e6dd
}

.accent-teal .button.play-button:hover,
.button.accent-teal.play-button:hover {
    background-color: #00faf1
}

.accent-teal .button.primary-button,
.button.primary-button.accent-teal,
.accent-teal .category-circle,
.category-circle.accent-teal {
    background: linear-gradient(120deg, rgba(0, 181, 230, 0) 0%, #00a1cd 100%);
    background-color: #00e3e6
}

.accent-teal .button.primary-button:hover,
.button.primary-button.accent-teal:hover,
.accent-teal .category-circle:hover,
.category-circle.accent-teal:hover {
    background-color: #00f5ec
}

.accent-teal .headline-1,
.accent-teal .headline-2,
.accent-teal .headline-3,
.accent-teal .headline-4,
.accent-teal .gradient-text,
.accent-teal .subhead,
.accent-teal .subhead-small,
.accent-teal.dark-background .button.primary-button span,
.accent-teal.dark-background.button.primary-button span,
.dark-background .accent-teal.button.primary-button span,
.accent-teal .card-title,
.accent-teal .package_price .price {
    background: linear-gradient(120deg, rgba(0, 181, 230, 0) 0%, #00a1cd 100%);
    background: linear-gradient(120deg, #00e3e6 0%, #00a1cd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-light-blue .headline-1,
.accent-light-blue .headline-2,
.accent-light-blue .headline-3,
.accent-light-blue .headline-4,
.accent-light-blue .colored-header,
.accent-light-blue .colored-text,
.accent-light-blue.colored-text,
.accent-light-blue .subhead,
.accent-light-blue .subhead-small,
.accent-light-blue a,
.accent-light-blue .current-item,
.tab-navigation .accent-light-blue a:hover,
.accent-light-blue.tab-navigation a:hover {
    color: #6797ff
}

.accent-light-blue .icon-container{
    border: 11px solid #6797ff; 
}

.accent-light-blue .button,
.button.accent-light-blue,
.accent-light-blue.tab-navigation .current-item:after {
    background-color: #6797ff
}

.dark-background .accent-light-blue .button,
.dark-background.accent-light-blue .button {
    color: #6797ff !important
}

.accent-light-blue .button:hover,
.button.accent-light-blue:hover {
    background-color: #7ba5ff;
    box-shadow: 0 12px 24px -6px rgba(103, 151, 255, .2)
}

.accent-light-blue .button.play-button,
.button.accent-light-blue.play-button {
    background-color: #6771ff
}

.accent-light-blue .button.play-button:hover,
.button.accent-light-blue.play-button:hover {
    background-color: #7b84ff
}

.accent-light-blue .button.primary-button,
.button.primary-button.accent-light-blue,
.accent-light-blue .category-circle,
.category-circle.accent-light-blue {
    background: linear-gradient(120deg, rgba(103, 151, 255, 0) 0%, #4d86ff 100%);
    background-color: #6779ff
}

.accent-light-blue .button.primary-button:hover,
.button.primary-button.accent-light-blue:hover,
.accent-light-blue .category-circle:hover,
.category-circle.accent-light-blue:hover {
    background-color: #767fff
}

.accent-light-blue .tertiary-button,
.tertiary-button.accent-light-blue {
    color: #6797ff !important
}

.accent-light-blue .headline-1,
.accent-light-blue .headline-2,
.accent-light-blue .headline-3,
.accent-light-blue .headline-4,
.accent-light-blue .gradient-text,
.accent-light-blue .subhead,
.accent-light-blue .subhead-small,
.accent-light-blue.dark-background .button.primary-button span,
.accent-light-blue.dark-background.button.primary-button span,
.dark-background .accent-light-blue.button.primary-button span,
.accent-light-blue .card-title,
.accent-light-blue .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #6779ff 0%, #4d86ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-light-blue.gradient-background,
.accent-light-blue .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #6779ff 0%, #4d86ff 100%)
}

.accent-light-blue .icon-small,
.accent-light-blue .icon-big,
.accent-light-blue .card-button:hover svg,
.accent-light-blue .current-item svg {
    fill: #6797ff
}

.accent-light-blue svg .transparent,
.accent-light-blue .card-button:hover svg .transparent,
.accent-light-blue .current-item svg .transparent {
    fill: rgba(103, 151, 255, .4)
}

.accent-light-blue .border-highlight {
    border-color: #6797ff
}

.accent-light-blue .button.play-button,
.button.accent-light-blue.play-button {
    background-color: #67bdff
}

.accent-light-blue .button.play-button:hover,
.button.accent-light-blue.play-button:hover {
    background-color: #7bc6ff
}

.accent-light-blue .button.primary-button,
.button.primary-button.accent-light-blue,
.accent-light-blue .category-circle,
.category-circle.accent-light-blue {
    background: linear-gradient(120deg, rgba(103, 151, 255, 0) 0%, #4d86ff 100%);
    background-color: #67b5ff
}

.accent-light-blue .button.primary-button:hover,
.button.primary-button.accent-light-blue:hover,
.accent-light-blue .category-circle:hover,
.category-circle.accent-light-blue:hover {
    background-color: #76c4ff
}

.accent-light-blue .headline-1,
.accent-light-blue .headline-2,
.accent-light-blue .headline-3,
.accent-light-blue .headline-4,
.accent-light-blue .gradient-text,
.accent-light-blue .subhead,
.accent-light-blue .subhead-small,
.accent-light-blue.dark-background .button.primary-button span,
.accent-light-blue.dark-background.button.primary-button span,
.dark-background .accent-light-blue.button.primary-button span,
.accent-light-blue .card-title,
.accent-light-blue .package_price .price {
    background: linear-gradient(120deg, rgba(103, 151, 255, 0) 0%, #4d86ff 100%);
    background: linear-gradient(120deg, #67b5ff 0%, #4d86ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-blue .headline-1,
.accent-blue .headline-2,
.accent-blue .headline-3,
.accent-blue .headline-4,
.accent-blue .colored-header,
.accent-blue .colored-text,
.accent-blue.colored-text,
.accent-blue .subhead,
.accent-blue .subhead-small,
.accent-blue a,
.accent-blue .current-item,
.tab-navigation .accent-blue a:hover,
.accent-blue.tab-navigation a:hover {
    color: #3776ff
}

.accent-blue .icon-container{
    border: 11px solid #3776ff; 
}

.accent-blue .button,
.button.accent-blue,
.accent-blue.tab-navigation .current-item:after {
    background-color: #3776ff
}

.dark-background .accent-blue .button,
.dark-background.accent-blue .button {
    color: #3776ff !important
}

.accent-blue .button:hover,
.button.accent-blue:hover {
    background-color: #4b84ff;
    box-shadow: 0 12px 24px -6px rgba(55, 118, 255, .2)
}

.accent-blue .button.play-button,
.button.accent-blue.play-button {
    background-color: #3744ff
}

.accent-blue .button.play-button:hover,
.button.accent-blue.play-button:hover {
    background-color: #4b57ff
}

.accent-blue .button.primary-button,
.button.primary-button.accent-blue,
.accent-blue .category-circle,
.category-circle.accent-blue {
    background: linear-gradient(120deg, rgba(55, 118, 255, 0) 0%, #1e65ff 100%);
    background-color: #374eff
}

.accent-blue .button.primary-button:hover,
.button.primary-button.accent-blue:hover,
.accent-blue .category-circle:hover,
.category-circle.accent-blue:hover {
    background-color: #4652ff
}

.accent-blue .tertiary-button,
.tertiary-button.accent-blue {
    color: #3776ff !important
}

.accent-blue .headline-1,
.accent-blue .headline-2,
.accent-blue .headline-3,
.accent-blue .headline-4,
.accent-blue .gradient-text,
.accent-blue .subhead,
.accent-blue .subhead-small,
.accent-blue.dark-background .button.primary-button span,
.accent-blue.dark-background.button.primary-button span,
.dark-background .accent-blue.button.primary-button span,
.accent-blue .card-title,
.accent-blue .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #374eff 0%, #1e65ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-blue.gradient-background,
.accent-blue .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #374eff 0%, #1e65ff 100%)
}

.accent-blue .icon-small,
.accent-blue .icon-big,
.accent-blue .card-button:hover svg,
.accent-blue .current-item svg {
    fill: #3776ff
}

.accent-blue svg .transparent,
.accent-blue .card-button:hover svg .transparent,
.accent-blue .current-item svg .transparent {
    fill: rgba(55, 118, 255, .4)
}

.accent-blue .border-highlight {
    border-color: #3776ff
}

.accent-blue .button.play-button,
.button.accent-blue.play-button {
    background-color: #37a8ff
}

.accent-blue .button.play-button:hover,
.button.accent-blue.play-button:hover {
    background-color: #4bb1ff
}

.accent-blue .button.primary-button,
.button.primary-button.accent-blue,
.accent-blue .category-circle,
.category-circle.accent-blue {
    background: linear-gradient(120deg, rgba(55, 118, 255, 0) 0%, #1e65ff 100%);
    background-color: #379eff
}

.accent-blue .button.primary-button:hover,
.button.primary-button.accent-blue:hover,
.accent-blue .category-circle:hover,
.category-circle.accent-blue:hover {
    background-color: #46afff
}

.accent-blue .headline-1,
.accent-blue .headline-2,
.accent-blue .headline-3,
.accent-blue .headline-4,
.accent-blue .gradient-text,
.accent-blue .subhead,
.accent-blue .subhead-small,
.accent-blue.dark-background .button.primary-button span,
.accent-blue.dark-background.button.primary-button span,
.dark-background .accent-blue.button.primary-button span,
.accent-blue .card-title,
.accent-blue .package_price .price {
    background: linear-gradient(120deg, rgba(55, 118, 255, 0) 0%, #1e65ff 100%);
    background: linear-gradient(120deg, #379eff 0%, #1e65ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-dark-blue .headline-1,
.accent-dark-blue .headline-2,
.accent-dark-blue .headline-3,
.accent-dark-blue .headline-4,
.accent-dark-blue .colored-header,
.accent-dark-blue .colored-text,
.accent-dark-blue.colored-text,
.accent-dark-blue .subhead,
.accent-dark-blue .subhead-small,
.accent-dark-blue a,
.accent-dark-blue .current-item,
.tab-navigation .accent-dark-blue a:hover,
.accent-dark-blue.tab-navigation a:hover {
    color: #262eeb
}

.accent-dark-blue .icon-container{
    border: 11px solid #262eeb; 
}

.accent-dark-blue .button,
.button.accent-dark-blue,
.accent-dark-blue.tab-navigation .current-item:after {
    background-color: #262eeb
}

.dark-background .accent-dark-blue .button,
.dark-background.accent-dark-blue .button {
    color: #262eeb !important
}

.accent-dark-blue .button:hover,
.button.accent-dark-blue:hover {
    background-color: #3940ed;
    box-shadow: 0 12px 24px -6px rgba(38, 46, 235, .2)
}

.accent-dark-blue .button.play-button,
.button.accent-dark-blue.play-button {
    background-color: #4f26eb
}

.accent-dark-blue .button.play-button:hover,
.button.accent-dark-blue.play-button:hover {
    background-color: #5e39ed
}

.accent-dark-blue .button.primary-button,
.button.primary-button.accent-dark-blue,
.accent-dark-blue .category-circle,
.category-circle.accent-dark-blue {
    background: linear-gradient(120deg, rgba(38, 46, 235, 0) 0%, #151de3 100%);
    background-color: #4526eb
}

.accent-dark-blue .button.primary-button:hover,
.button.primary-button.accent-dark-blue:hover,
.accent-dark-blue .category-circle:hover,
.category-circle.accent-dark-blue:hover {
    background-color: #5b34ec
}

.accent-dark-blue .tertiary-button,
.tertiary-button.accent-dark-blue {
    color: #262eeb !important
}

.accent-dark-blue .headline-1,
.accent-dark-blue .headline-2,
.accent-dark-blue .headline-3,
.accent-dark-blue .headline-4,
.accent-dark-blue .gradient-text,
.accent-dark-blue .subhead,
.accent-dark-blue .subhead-small,
.accent-dark-blue.dark-background .button.primary-button span,
.accent-dark-blue.dark-background.button.primary-button span,
.dark-background .accent-dark-blue.button.primary-button span,
.accent-dark-blue .card-title,
.accent-dark-blue .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #4526eb 0%, #151de3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-dark-blue.gradient-background,
.accent-dark-blue .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #4526eb 0%, #151de3 100%)
}

.accent-dark-blue .icon-small,
.accent-dark-blue .icon-big,
.accent-dark-blue .card-button:hover svg,
.accent-dark-blue .current-item svg {
    fill: #262eeb
}

.accent-dark-blue svg .transparent,
.accent-dark-blue .card-button:hover svg .transparent,
.accent-dark-blue .current-item svg .transparent {
    fill: rgba(38, 46, 235, .4)
}

.accent-dark-blue .border-highlight {
    border-color: #262eeb
}

.accent-dark-blue .button.play-button,
.button.accent-dark-blue.play-button {
    background-color: #265feb
}

.accent-dark-blue .button.play-button:hover,
.button.accent-dark-blue.play-button:hover {
    background-color: #396ded
}

.accent-dark-blue .button.primary-button,
.button.primary-button.accent-dark-blue,
.accent-dark-blue .category-circle,
.category-circle.accent-dark-blue {
    background: linear-gradient(120deg, rgba(38, 46, 235, 0) 0%, #151de3 100%);
    background-color: #2655eb
}

.accent-dark-blue .button.primary-button:hover,
.button.primary-button.accent-dark-blue:hover,
.accent-dark-blue .category-circle:hover,
.category-circle.accent-dark-blue:hover {
    background-color: #346aec
}

.accent-dark-blue .headline-1,
.accent-dark-blue .headline-2,
.accent-dark-blue .headline-3,
.accent-dark-blue .headline-4,
.accent-dark-blue .gradient-text,
.accent-dark-blue .subhead,
.accent-dark-blue .subhead-small,
.accent-dark-blue.dark-background .button.primary-button span,
.accent-dark-blue.dark-background.button.primary-button span,
.dark-background .accent-dark-blue.button.primary-button span,
.accent-dark-blue .card-title,
.accent-dark-blue .package_price .price {
    background: linear-gradient(120deg, rgba(38, 46, 235, 0) 0%, #151de3 100%);
    background: linear-gradient(120deg, #2655eb 0%, #151de3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-indigo .headline-1,
.accent-indigo .headline-2,
.accent-indigo .headline-3,
.accent-indigo .headline-4,
.accent-indigo .colored-header,
.accent-indigo .colored-text,
.accent-indigo.colored-text,
.accent-indigo .subhead,
.accent-indigo .subhead-small,
.accent-indigo a,
.accent-indigo .current-item,
.tab-navigation .accent-indigo a:hover,
.accent-indigo.tab-navigation a:hover {
    color: #4a42ec
}

.accent-indigo .icon-container{
    border: 11px solid #4a42ec; 
}

.accent-indigo .button,
.button.accent-indigo,
.accent-indigo.tab-navigation .current-item:after {
    background-color: #4a42ec
}

.dark-background .accent-indigo .button,
.dark-background.accent-indigo .button {
    color: #4a42ec !important
}

.accent-indigo .button:hover,
.button.accent-indigo:hover {
    background-color: #5c55ee;
    box-shadow: 0 12px 24px -6px rgba(74, 66, 236, .2)
}

.accent-indigo .button.play-button,
.button.accent-indigo.play-button {
    background-color: #7542ec
}

.accent-indigo .button.play-button:hover,
.button.accent-indigo.play-button:hover {
    background-color: #8255ee
}

.accent-indigo .button.primary-button,
.button.primary-button.accent-indigo,
.accent-indigo .category-circle,
.category-circle.accent-indigo {
    background: linear-gradient(120deg, rgba(74, 66, 236, 0) 0%, #342bea 100%);
    background-color: #6c42ec
}

.accent-indigo .button.primary-button:hover,
.button.primary-button.accent-indigo:hover,
.accent-indigo .category-circle:hover,
.category-circle.accent-indigo:hover {
    background-color: #7f50ed
}

.accent-indigo .tertiary-button,
.tertiary-button.accent-indigo {
    color: #4a42ec !important
}

.accent-indigo .headline-1,
.accent-indigo .headline-2,
.accent-indigo .headline-3,
.accent-indigo .headline-4,
.accent-indigo .gradient-text,
.accent-indigo .subhead,
.accent-indigo .subhead-small,
.accent-indigo.dark-background .button.primary-button span,
.accent-indigo.dark-background.button.primary-button span,
.dark-background .accent-indigo.button.primary-button span,
.accent-indigo .card-title,
.accent-indigo .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #6c42ec 0%, #342bea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-indigo.gradient-background,
.accent-indigo .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #6c42ec 0%, #342bea 100%)
}

.accent-indigo .icon-small,
.accent-indigo .icon-big,
.accent-indigo .card-button:hover svg,
.accent-indigo .current-item svg {
    fill: #4a42ec
}

.accent-indigo svg .transparent,
.accent-indigo .card-button:hover svg .transparent,
.accent-indigo .current-item svg .transparent {
    fill: rgba(74, 66, 236, .4)
}

.accent-indigo .border-highlight {
    border-color: #4a42ec
}

.accent-indigo .button.play-button,
.button.accent-indigo.play-button {
    background-color: #4264ec
}

.accent-indigo .button.play-button:hover,
.button.accent-indigo.play-button:hover {
    background-color: #5574ee
}

.accent-indigo .button.primary-button,
.button.primary-button.accent-indigo,
.accent-indigo .category-circle,
.category-circle.accent-indigo {
    background: linear-gradient(120deg, rgba(74, 66, 236, 0) 0%, #342bea 100%);
    background-color: #425cec
}

.accent-indigo .button.primary-button:hover,
.button.primary-button.accent-indigo:hover,
.accent-indigo .category-circle:hover,
.category-circle.accent-indigo:hover {
    background-color: #5070ed
}

.accent-indigo .headline-1,
.accent-indigo .headline-2,
.accent-indigo .headline-3,
.accent-indigo .headline-4,
.accent-indigo .gradient-text,
.accent-indigo .subhead,
.accent-indigo .subhead-small,
.accent-indigo.dark-background .button.primary-button span,
.accent-indigo.dark-background.button.primary-button span,
.dark-background .accent-indigo.button.primary-button span,
.accent-indigo .card-title,
.accent-indigo .package_price .price {
    background: linear-gradient(120deg, rgba(74, 66, 236, 0) 0%, #342bea 100%);
    background: linear-gradient(120deg, #425cec 0%, #342bea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-pink .headline-1,
.accent-pink .headline-2,
.accent-pink .headline-3,
.accent-pink .headline-4,
.accent-pink .colored-header,
.accent-pink .colored-text,
.accent-pink.colored-text,
.accent-pink .subhead,
.accent-pink .subhead-small,
.accent-pink a,
.accent-pink .current-item,
.tab-navigation .accent-pink a:hover,
.accent-pink.tab-navigation a:hover {
    color: #ff4a9e
}

.accent-pink .icon-container{
    border: 11px solid #ff4a9e; 
}

.accent-pink .button,
.button.accent-pink,
.accent-pink.tab-navigation .current-item:after {
    background-color: #ff4a9e
}

.dark-background .accent-pink .button,
.dark-background.accent-pink .button {
    color: #ff4a9e !important
}

.accent-pink .button:hover,
.button.accent-pink:hover {
    background-color: #ff5ea9;
    box-shadow: 0 12px 24px -6px rgba(255, 74, 158, .2)
}

.accent-pink .button.play-button,
.button.accent-pink.play-button {
    background-color: #ff4a71
}

.accent-pink .button.play-button:hover,
.button.accent-pink.play-button:hover {
    background-color: #ff5e81
}

.accent-pink .button.primary-button,
.button.primary-button.accent-pink,
.accent-pink .category-circle,
.category-circle.accent-pink {
    background: linear-gradient(120deg, rgba(255, 74, 158, 0) 0%, #ff3190 100%);
    background-color: #ff4a7a
}

.accent-pink .button.primary-button:hover,
.button.primary-button.accent-pink:hover,
.accent-pink .category-circle:hover,
.category-circle.accent-pink:hover {
    background-color: #ff597d
}

.accent-pink .tertiary-button,
.tertiary-button.accent-pink {
    color: #ff4a9e !important
}

.accent-pink .headline-1,
.accent-pink .headline-2,
.accent-pink .headline-3,
.accent-pink .headline-4,
.accent-pink .gradient-text,
.accent-pink .subhead,
.accent-pink .subhead-small,
.accent-pink.dark-background .button.primary-button span,
.accent-pink.dark-background.button.primary-button span,
.dark-background .accent-pink.button.primary-button span,
.accent-pink .card-title,
.accent-pink .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #ff4a7a 0%, #ff3190 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-pink.gradient-background,
.accent-pink .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #ff4a7a 0%, #ff3190 100%)
}

.accent-pink .icon-small,
.accent-pink .icon-big,
.accent-pink .card-button:hover svg,
.accent-pink .current-item svg {
    fill: #ff4a9e
}

.accent-pink svg .transparent,
.accent-pink .card-button:hover svg .transparent,
.accent-pink .current-item svg .transparent {
    fill: rgba(255, 74, 158, .4)
}

.accent-pink .border-highlight {
    border-color: #ff4a9e
}

.accent-pink .button.play-button,
.button.accent-pink.play-button {
    background-color: #ff4acb
}

.accent-pink .button.play-button:hover,
.button.accent-pink.play-button:hover {
    background-color: #ff5ed1
}

.accent-pink .button.primary-button,
.button.primary-button.accent-pink,
.accent-pink .category-circle,
.category-circle.accent-pink {
    background: linear-gradient(120deg, rgba(255, 74, 158, 0) 0%, #ff3190 100%);
    background-color: #ff4ac2
}

.accent-pink .button.primary-button:hover,
.button.primary-button.accent-pink:hover,
.accent-pink .category-circle:hover,
.category-circle.accent-pink:hover {
    background-color: #ff59d0
}

.accent-pink .headline-1,
.accent-pink .headline-2,
.accent-pink .headline-3,
.accent-pink .headline-4,
.accent-pink .gradient-text,
.accent-pink .subhead,
.accent-pink .subhead-small,
.accent-pink.dark-background .button.primary-button span,
.accent-pink.dark-background.button.primary-button span,
.dark-background .accent-pink.button.primary-button span,
.accent-pink .card-title,
.accent-pink .package_price .price {
    background: linear-gradient(120deg, rgba(255, 74, 158, 0) 0%, #ff3190 100%);
    background: linear-gradient(120deg, #ff4ac2 0%, #ff3190 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-purple .headline-1,
.accent-purple .headline-2,
.accent-purple .headline-3,
.accent-purple .headline-4,
.accent-purple .colored-header,
.accent-purple .colored-text,
.accent-purple.colored-text,
.accent-purple .subhead,
.accent-purple .subhead-small,
.accent-purple a,
.accent-purple .current-item,
.tab-navigation .accent-purple a:hover,
.accent-purple.tab-navigation a:hover {
    color: #8f42ec
}

.accent-purple .icon-container{
    border: 11px solid #8f42ec; 
}

.accent-purple .button,
.button.accent-purple,
.accent-purple.tab-navigation .current-item:after {
    background-color: #8f42ec
}

.dark-background .accent-purple .button,
.dark-background.accent-purple .button {
    color: #8f42ec !important
}

.accent-purple .button:hover,
.button.accent-purple:hover {
    background-color: #9a55ee;
    box-shadow: 0 12px 24px -6px rgba(143, 66, 236, .2)
}

.accent-purple .button.play-button,
.button.accent-purple.play-button {
    background-color: #ba42ec
}

.accent-purple .button.play-button:hover,
.button.accent-purple.play-button:hover {
    background-color: #c055ee
}

.accent-purple .button.primary-button,
.button.primary-button.accent-purple,
.accent-purple .category-circle,
.category-circle.accent-purple {
    background: linear-gradient(120deg, rgba(143, 66, 236, 0) 0%, #812bea 100%);
    background-color: #b142ec
}

.accent-purple .button.primary-button:hover,
.button.primary-button.accent-purple:hover,
.accent-purple .category-circle:hover,
.category-circle.accent-purple:hover {
    background-color: #bf50ed
}

.accent-purple .tertiary-button,
.tertiary-button.accent-purple {
    color: #8f42ec !important
}

.accent-purple .headline-1,
.accent-purple .headline-2,
.accent-purple .headline-3,
.accent-purple .headline-4,
.accent-purple .gradient-text,
.accent-purple .subhead,
.accent-purple .subhead-small,
.accent-purple.dark-background .button.primary-button span,
.accent-purple.dark-background.button.primary-button span,
.dark-background .accent-purple.button.primary-button span,
.accent-purple .card-title,
.accent-purple .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #b142ec 0%, #812bea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-purple.gradient-background,
.accent-purple .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #b142ec 0%, #812bea 100%)
}

.accent-purple .icon-small,
.accent-purple .icon-big,
.accent-purple .card-button:hover svg,
.accent-purple .current-item svg {
    fill: #8f42ec
}

.accent-purple svg .transparent,
.accent-purple .card-button:hover svg .transparent,
.accent-purple .current-item svg .transparent {
    fill: rgba(143, 66, 236, .4)
}

.accent-purple .border-highlight {
    border-color: #8f42ec
}

.accent-green .headline-1,
.accent-green .headline-2,
.accent-green .headline-3,
.accent-green .headline-4,
.accent-green .colored-header,
.accent-green .colored-text,
.accent-green.colored-text,
.accent-green .subhead,
.accent-green .subhead-small,
.accent-green a,
.accent-green .current-item,
.tab-navigation .accent-green a:hover,
.accent-green.tab-navigation a:hover {
    color: #34dd87
}

.accent-green .icon-container{
    border: 11px solid #34dd87; 
}

.accent-green .button,
.button.accent-green,
.accent-green.tab-navigation .current-item:after {
    background-color: #34dd87
}

.dark-background .accent-green .button,
.dark-background.accent-green .button {
    color: #34dd87 !important
}

.accent-green .button:hover,
.button.accent-green:hover {
    background-color: #45e091;
    box-shadow: 0 12px 24px -6px rgba(52, 221, 135, .2)
}

.accent-green .button.play-button,
.button.accent-green.play-button {
    background-color: #34ddb1
}

.accent-green .button.play-button:hover,
.button.accent-green.play-button:hover {
    background-color: #45e0b8
}

.accent-green .button.primary-button,
.button.primary-button.accent-green,
.accent-green .category-circle,
.category-circle.accent-green {
    background: linear-gradient(120deg, rgba(52, 221, 135, 0) 0%, #24d47a 100%);
    background-color: #34dda9
}

.accent-green .button.primary-button:hover,
.button.primary-button.accent-green:hover,
.accent-green .category-circle:hover,
.category-circle.accent-green:hover {
    background-color: #41dfb6
}

.accent-green .tertiary-button,
.tertiary-button.accent-green {
    color: #34dd87 !important
}

.accent-green .headline-1,
.accent-green .headline-2,
.accent-green .headline-3,
.accent-green .headline-4,
.accent-green .gradient-text,
.accent-green .subhead,
.accent-green .subhead-small,
.accent-green.dark-background .button.primary-button span,
.accent-green.dark-background.button.primary-button span,
.dark-background .accent-green.button.primary-button span,
.accent-green .card-title,
.accent-green .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #34dda9 0%, #24d47a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-green.gradient-background,
.accent-green .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #34dda9 0%, #24d47a 100%)
}

.accent-green .icon-small,
.accent-green .icon-big,
.accent-green .card-button:hover svg,
.accent-green .current-item svg {
    fill: #34dd87
}

.accent-green svg .transparent,
.accent-green .card-button:hover svg .transparent,
.accent-green .current-item svg .transparent {
    fill: rgba(52, 221, 135, .4)
}

.accent-green .border-highlight {
    border-color: #34dd87
}

.accent-red .headline-1,
.accent-red .headline-2,
.accent-red .headline-3,
.accent-red .headline-4,
.accent-red .colored-header,
.accent-red .colored-text,
.accent-red.colored-text,
.accent-red .subhead,
.accent-red .subhead-small,
.accent-red a,
.accent-red .current-item,
.tab-navigation .accent-red a:hover,
.accent-red.tab-navigation a:hover {
    color: #ff4c00
}

.accent-red .icon-container{
    border: 11px solid #ff4c00; 
}

.accent-red .button,
.button.accent-red,
.accent-red.tab-navigation .current-item:after {
    background-color: #ff4c00
}

.dark-background .accent-red .button,
.dark-background.accent-red .button {
    color: #ff4c00 !important
}

.accent-red .button:hover,
.button.accent-red:hover {
    background-color: #ff5a14;
    box-shadow: 0 12px 24px -6px rgba(255, 76, 0, .2)
}

.accent-red .button.play-button,
.button.accent-red.play-button {
    background-color: #ff8c00
}

.accent-red .button.play-button:hover,
.button.accent-red.play-button:hover {
    background-color: #ff9514
}

.accent-red .button.primary-button,
.button.primary-button.accent-red,
.accent-red .category-circle,
.category-circle.accent-red {
    background: linear-gradient(120deg, rgba(255, 76, 0, 0) 0%, #e64400 100%);
    background-color: #ff7f00
}

.accent-red .button.primary-button:hover,
.button.primary-button.accent-red:hover,
.accent-red .category-circle:hover,
.category-circle.accent-red:hover {
    background-color: #ff930f
}

.accent-red .tertiary-button,
.tertiary-button.accent-red {
    color: #ff4c00 !important
}

.accent-red .headline-1,
.accent-red .headline-2,
.accent-red .headline-3,
.accent-red .headline-4,
.accent-red .gradient-text,
.accent-red .subhead,
.accent-red .subhead-small,
.accent-red.dark-background .button.primary-button span,
.accent-red.dark-background.button.primary-button span,
.dark-background .accent-red.button.primary-button span,
.accent-red .card-title,
.accent-red .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #ff7f00 0%, #e64400 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-red.gradient-background,
.accent-red .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #ff7f00 0%, #e64400 100%)
}

.accent-red .icon-small,
.accent-red .icon-big,
.accent-red .card-button:hover svg,
.accent-red .current-item svg {
    fill: #ff4c00
}

.accent-red svg .transparent,
.accent-red .card-button:hover svg .transparent,
.accent-red .current-item svg .transparent {
    fill: rgba(255, 76, 0, .4)
}

.accent-red .border-highlight {
    border-color: #ff4c00
}

.accent-orange .headline-1,
.accent-orange .headline-2,
.accent-orange .headline-3,
.accent-orange .headline-4,
.accent-orange .colored-header,
.accent-orange .colored-text,
.accent-orange.colored-text,
.accent-orange .subhead,
.accent-orange .subhead-small,
.accent-orange a,
.accent-orange .current-item,
.tab-navigation .accent-orange a:hover,
.accent-orange.tab-navigation a:hover {
    color: #ff7b2b
}

.accent-orange .icon-container{
    border: 11px solid #ff7b2b; 
}

.accent-orange .button,
.button.accent-orange,
.accent-orange.tab-navigation .current-item:after {
    background-color: #ff7b2b
}

.dark-background .accent-orange .button,
.dark-background.accent-orange .button {
    color: #ff7b2b !important
}

.accent-orange .button:hover,
.button.accent-orange:hover {
    background-color: #ff883f;
    box-shadow: 0 12px 24px -6px rgba(255, 123, 43, .2)
}

.accent-orange .button.play-button,
.button.accent-orange.play-button {
    background-color: #ffb02b
}

.accent-orange .button.play-button:hover,
.button.accent-orange.play-button:hover {
    background-color: #ffb83f
}

.accent-orange .button.primary-button,
.button.primary-button.accent-orange,
.accent-orange .category-circle,
.category-circle.accent-orange {
    background: linear-gradient(120deg, rgba(255, 123, 43, 0) 0%, #ff6b12 100%);
    background-color: #ffa52b
}

.accent-orange .button.primary-button:hover,
.button.primary-button.accent-orange:hover,
.accent-orange .category-circle:hover,
.category-circle.accent-orange:hover {
    background-color: #ffb63a
}

.accent-orange .tertiary-button,
.tertiary-button.accent-orange {
    color: #ff7b2b !important
}

.accent-orange .headline-1,
.accent-orange .headline-2,
.accent-orange .headline-3,
.accent-orange .headline-4,
.accent-orange .gradient-text,
.accent-orange .subhead,
.accent-orange .subhead-small,
.accent-orange.dark-background .button.primary-button span,
.accent-orange.dark-background.button.primary-button span,
.dark-background .accent-orange.button.primary-button span,
.accent-orange .card-title,
.accent-orange .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #ffa52b 0%, #ff6b12 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-orange.gradient-background,
.accent-orange .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #ffa52b 0%, #ff6b12 100%)
}

.accent-orange .icon-small,
.accent-orange .icon-big,
.accent-orange .card-button:hover svg,
.accent-orange .current-item svg {
    fill: #ff7b2b
}

.accent-orange svg .transparent,
.accent-orange .card-button:hover svg .transparent,
.accent-orange .current-item svg .transparent {
    fill: rgba(255, 123, 43, .4)
}

.accent-orange .border-highlight {
    border-color: #ff7b2b
}

.accent-navy .headline-1,
.accent-navy .headline-2,
.accent-navy .headline-3,
.accent-navy .headline-4,
.accent-navy .colored-header,
.accent-navy .colored-text,
.accent-navy.colored-text,
.accent-navy .subhead,
.accent-navy .subhead-small,
.accent-navy a,
.accent-navy .current-item,
.tab-navigation .accent-navy a:hover,
.accent-navy.tab-navigation a:hover {
    color: #293038
}

.accent-navy .icon-container{
    border: 11px solid #293038; 
}

.accent-navy .button,
.button.accent-navy,
.accent-navy.tab-navigation .current-item:after {
    background-color: #293038
}

.dark-background .accent-navy .button,
.dark-background.accent-navy .button {
    color: #293038 !important
}

.accent-navy .button:hover,
.button.accent-navy:hover {
    background-color: #323a44;
    box-shadow: 0 12px 24px -6px rgba(41, 48, 56, .2)
}

.accent-navy .button.play-button,
.button.accent-navy.play-button {
    background-color: #292c38
}

.accent-navy .button.play-button:hover,
.button.accent-navy.play-button:hover {
    background-color: #323644
}

.accent-navy .button.primary-button,
.button.primary-button.accent-navy,
.accent-navy .category-circle,
.category-circle.accent-navy {
    background: linear-gradient(120deg, rgba(41, 48, 56, 0) 0%, #1e2329 100%);
    background-color: #292d38
}

.accent-navy .button.primary-button:hover,
.button.primary-button.accent-navy:hover,
.accent-navy .category-circle:hover,
.category-circle.accent-navy:hover {
    background-color: #2f3341
}

.accent-navy .tertiary-button,
.tertiary-button.accent-navy {
    color: #293038 !important
}

.accent-navy .headline-1,
.accent-navy .headline-2,
.accent-navy .headline-3,
.accent-navy .headline-4,
.accent-navy .gradient-text,
.accent-navy .subhead,
.accent-navy .subhead-small,
.accent-navy.dark-background .button.primary-button span,
.accent-navy.dark-background.button.primary-button span,
.dark-background .accent-navy.button.primary-button span,
.accent-navy .card-title,
.accent-navy .package_price .price {
    background-image: -webkit-linear-gradient(120deg, #292d38 0%, #1e2329 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accent-navy.gradient-background,
.accent-navy .gradient-background {
    background-image: -webkit-linear-gradient(120deg, #292d38 0%, #1e2329 100%)
}

.accent-navy .icon-small,
.accent-navy .icon-big,
.accent-navy .card-button:hover svg,
.accent-navy .current-item svg {
    fill: #293038
}

.accent-navy svg .transparent,
.accent-navy .card-button:hover svg .transparent,
.accent-navy .current-item svg .transparent {
    fill: rgba(41, 48, 56, .4)
}

.accent-navy .border-highlight {
    border-color: #293038
}

.gradient-background-green {
    background: radial-gradient(circle at top left, #34dd87 0%, #34ddbf 100%);
    background-color: #34dd87;
    box-shadow: 0 48px 48px -32px rgba(52, 221, 135, .12), 0 96px 96px -64px rgba(52, 221, 135, .48)
}

.gradient-background-dark-blue {
    background-image: linear-gradient(60deg, #1c2bf7 10%, #061c59 90%)
}

.card.background-local-green {
    background-color: #51bb7c
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.comment-meta span.fn {
    margin: .2em 0 .4em;
    line-height: 1.6em;
    color: #20292f;
    max-width: 850px;
    font-weight: 700;
    width: 100%
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0
}

.centered h1,
.centered h2,
.centered h3,
.centered h4,
.centered h5,
.centered h6 {
    margin-right: auto;
    margin-left: auto
}

h1 {
    font-size: 2.3em;
    line-height: 1.4em;
    max-width: 800px
}

h2 {
    font-size: 1.8em;
    line-height: 1.25em
}

@media(max-width:768px) {
    h2 {
        font-size: 1.5em
    }
}

@media(max-width:480px) {
    h2 {
        font-size: 1.3em;
        line-height: 1.4em
    }
}

.card-featured h2:not(.headline-2) {
    font-size: 2.2em
}

@media(max-width:670px) {
    .card-featured h2:not(.headline-2) {
        font-size: 1.7em
    }
}

@media(max-width:480px) {
    .card-featured h2:not(.headline-2) {
        font-size: 1.3em;
        line-height: 1.4em
    }
}

h3 {
    line-height: 1.3em;
    font-size: 1.5em
}

@media(max-width:768px) {
    h3 {
        font-size: 1.4em
    }
}

@media(max-width:480px) {
    h3 {
        font-size: 1.2em
    }
}

h4,
.blurb h3,
.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.comment-meta span.fn {
    font-size: 1.1em;
    line-height: 1.4em
}

@media(max-width:480px) {

    h4,
    .blurb h3,
    .wp-pagenavi a,
    .wp-pagenavi .current,
    .wp-pagenavi .extend,
    .comment-meta span.fn {
        font-size: 1em
    }
}

body.et-documentation article h4,
body.blog article h4 {
    font-size: 1.3em
}

h5 {
    font-size: 1em
}

em {
    font-style: italic
}

p {
    color: #6d7c90;
    width: 100%
}

p.lead {
    font-size: 1.1em;
    max-width: 850px
}

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

p strong,
p b {
    color: #20292f;
    font-weight: 600
}

.hidden {
    display: none !important
}

.body-small {
    font-size: .85em
}

.body-small strong {
    color: #20292f;
    font-weight: 600
}

.body-small li {
    line-height: 1em
}

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

a:hover,
.link-list a:hover {
    color: #3776ff
}

.dark-background a:hover {
    color: #fff
}

p,
ol,
ul,
ol li,
ul li {
    margin-bottom: 1em
}

p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p:not(.subhead-small)+p,
ul+p,
ol+p {
    margin-top: 1em
}

article p+h1,
article p+h2,
article p+h3,
article p+h4,
article p+h5,
article p:not(.subhead-small)+p,
article ul+p,
article ol+p {
    margin-top: 2em
}

ul.centered a {
    justify-content: center
}

ul.link-list {
    color: #6d7c90
}

ul.link-list .link-list-header {
    color: #20292f;
    font-weight: 600;
    background: #fff;
    border-top: 2px solid #edf1f3;
    border-bottom: 2px solid #edf1f3;
    padding: 10px;
    margin: -24px -32px 20px
}

.card-medium ul.link-list .link-list-header {
    margin-right: -24px;
    margin-left: -24px
}

.card-small ul.link-list .link-list-header {
    margin-right: -16px;
    margin-left: -16px
}

ul.link-list a {
    color: #6d7c90
}

ul.link-list.with-link-icon a {
    display: flex;
    transform: translateX(14px)
}

ul.link-list.with-link-icon a svg {
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

ul.link-list.with-link-icon a:hover svg {
    transform: translateX(4px)
}

pre,
code {
    background: rgba(109, 124, 144, .1);
    padding: 16px
}

blockquote,
blockquote p {
    margin: 1em auto 1.4em;
    line-height: 1.8em;
    color: #20292f;
    max-width: 850px;
    font-weight: 700;
    font-size: 1.4em
}

i {
    font-style: italic
}

.no-wrap {
    white-space: nowrap
}

iframe {
    max-width: 100%
}

iframe.e-embed-frame {
    width: 100% !important;
    max-width: 540px !important;
    min-width: initial !important
}

img:not(.img-responsive) {
    display: block;
    max-width: 100%;
    align-self: center;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    visibility: visible;
    opacity: 1
}

img:not(.lazy) {
    height: auto
}

img.lazy {
    visibility: hidden;
    opacity: 0
}

img.image-offset-right {
    width: 160%;
    max-width: 160%;
    align-self: flex-start
}

img.image-offset-left {
    width: 160%;
    max-width: 160%;
    margin-left: -60%
}

img.image-offset-big-right {
    width: 187%;
    max-width: 187%;
    align-self: flex-start
}

img.image-offset-big-left {
    width: 187%;
    max-width: 187%;
    margin-left: -87%
}

img.fullwidth-image {
    width: 100%;
    max-width: none
}

img.border-highlight {
    border: 4px solid;
    padding: 10px;
    border-radius: 8px
}

video {
    max-width: 100%;
    background: linear-gradient(120deg, #e8ebee 0%, #c7ccd3 100%);
    visibility: visible;
    opacity: 1;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

video:not(.lazy) {
    height: auto
}

video.lazy {
    visibility: hidden;
    opacity: 0
}

.inline-element {
    display: inline
}

.dark-background h1,
.dark-background h2,
.dark-background h3,
.dark-background h4,
.dark-background h5,
.dark-background h6,
.dark-background .headline-1,
.dark-background .headline-2,
.dark-background .headline-3,
.dark-background .headline-4,
.dark-background p,
.dark-background p a {
    color: #fff;
    background: 0 0;
    -webkit-text-fill-color: #fff
}

.dark-background strong {
    color: #fff
}

.dark-background p a {
    font-weight: 800;
    text-decoration: underline
}

.headline-1 {
    font-size: 120px;
    font-weight: 900;
    line-height: 1em;
    margin-bottom: .2em
}

@media(max-width:1300px) {
    .headline-1 {
        font-size: 10vw
    }
}

@media(max-width:1024px) {
    .headline-1 {
        font-size: 13vw
    }
}

@media(max-width:768px) {
    .headline-1 {
        font-size: 16vw
    }
}

.headline-2 {
    font-size: 80px;
    font-weight: 900;
    line-height: 1.2em;
    margin-bottom: .2em
}

@media(max-width:1300px) {
    .headline-2 {
        font-size: 7vw
    }
}

@media(max-width:1024px) {
    .headline-2 {
        font-size: 9vw
    }
}

@media(max-width:768px) {
    .headline-2 {
        margin-bottom: .4em
    }
}

.headline-3 {
    font-weight: 900;
    font-size: 50px;
    line-height: 1.2em
}

@media(max-width:1024px) {
    .headline-3 {
        font-size: 6vw
    }
}

.headline-4 {
    font-weight: 900;
    font-size: 40px;
    line-height: 1.2em
}

@media(max-width:1024px) {
    .headline-4 {
        font-size: 5vw
    }
}

.subhead,
.tab-navigation a,
.subhead-small,
nav a.menu-item,
#footer-menu h3,
.tab-navigation-narrow,
.card-title {
    font-size: .85em;
    letter-spacing: 2px;
    margin-bottom: .6em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.7em
}

.subhead-small,
nav a.menu-item,
#footer-menu h3,
.tab-navigation-narrow {
    font-size: .7em
}

.card-title {
    font-size: 15px
}

.button {
    font-family: lato, sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 28px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 6px;
    padding: 8px 20px;
    justify-content: center;
    align-self: flex-start;
    border: none;
    margin-bottom: 16px;
    cursor: pointer;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

.button:active:focus,
.button:focus {
    outline: none
}

.button.right-aligned-button {
    align-self: flex-end
}

.button:hover {
    transform: translateY(-1px)
}

.button.tertiary-button,
.button.chip {
    background-color: #f2f4f5
}

.button.tertiary-button:hover,
.button.chip:hover {
    background-color: #eceef1;
    box-shadow: none
}

.button.chip {
    color: #6d7c90 !important
}

.button.primary-button {
    font-size: 13px;
    padding: 12px 32px
}

.dark-background .button,
.dark-background .button:hover,
.dark-background .button.primary-button,
.dark-background .button.primary-button:hover,
.button.dark-background.primary-button,
.button.dark-background.primary-button:hover {
    background: #fff
}

.button.fullwidth-button {
    width: 100%
}

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

.right-align-items.button {
    margin-right: 0
}

p+.button {
    margin-top: 1.5em
}

.button svg {
    fill: #fff !important
}

.dark-background .button svg {
    fill: #000 !important
}

.button.play-button {
    padding-left: 8px
}

.dark-background .button.play-button {
    background: #fff !important
}

.centered .button {
    align-self: center
}

.tab-navigation {
    margin: 0
}

.tab-navigation li {
    display: flex;
    margin: 0 !important;
    position: relative;
    text-align: center
}

.tab-navigation li a {
    position: relative;
    padding: 16px 24px;
    margin: 0 !important;
    color: #6d7c90
}

.tab-navigation-narrow.tab-navigation li a {
    padding-left: 16px;
    padding-right: 16px;
    letter-spacing: 1px
}

.tab-navigation li a.callout {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: #34dd87;
    color: #fff;
    display: block;
    border-radius: 8px;
    width: 210px;
    font-size: 12px;
    padding: 8px 16px;
    bottom: -46px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 300ms ease-in-out;
    z-index: 9
}

.tab-navigation li a.callout:hover {
    color: #fff;
    transform: translateX(-50%) scale(1.1)
}

.tab-navigation li a.callout:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #34dd87;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: 0 0
}

.tab-navigation li a.callout:after {
    display: none
}

.tab-navigation li a.current-item:after {
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    border-radius: 10px
}

.tab-navigation li a:before,
.tab-navigation li a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0
}

.tab-navigation li a:before {
    background: #e1e4e8;
    margin-right: 0;
    margin-left: 0
}

.tab-navigation:hover li a.callout {
    opacity: 1;
    visibility: visible;
    bottom: -36px
}

.icon-tabs li a {
    display: flex;
    align-items: center
}

.icon-tabs li a svg {
    margin-right: 10px
}

.rounded-corners {
    border-radius: 8px
}

.card {
    border-radius: 8px;
    background-color: #fff;
    padding: 32px;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    margin-top: 24px;
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11)
}

.card:first-of-type {
    margin-top: 0
}

.card.transparent-card {
    background: 0 0
}

.card.card-medium {
    padding: 24px
}

.card.card-small {
    padding: 16px
}

.card.card-full-bleed,
img.card {
    padding: 0
}

.card .card-full-bleed-inset-container,
.card .card-inset-container {
    align-self: stretch;
    margin: 32px -32px
}

.card .card-full-bleed-inset-container:first-child,
.card .card-inset-container:first-child {
    margin-top: -32px
}

.card .card-full-bleed-inset-container:last-child,
.card .card-inset-container:last-child {
    margin-bottom: -32px !important
}

.card .card-full-bleed-inset-container>:last-child,
.card .card-inset-container>:last-child {
    margin-bottom: 0
}

.card-medium.card .card-full-bleed-inset-container,
.card-medium.card .card-inset-container {
    margin: 16px -24px
}

.card-medium.card .card-full-bleed-inset-container:first-child,
.card-medium.card .card-inset-container:first-child {
    margin-top: -24px
}

.card-medium.card .card-full-bleed-inset-container:last-child,
.card-medium.card .card-inset-container:last-child {
    margin-bottom: -24px !important
}

.card-small.card .card-full-bleed-inset-container,
.card-small.card .card-inset-container {
    margin: 24px -16px
}

.card-small.card .card-full-bleed-inset-container:first-child,
.card-small.card .card-inset-container:first-child {
    margin-top: -24px
}

.card-small.card .card-full-bleed-inset-container:last-child,
.card-small.card .card-inset-container:last-child {
    margin-bottom: -24px !important
}

.card .card-inset-container {
    padding: 24px 32px;
    background: rgba(109, 124, 144, .04)
}

.card-medium.card .card-inset-container {
    padding: 16px 24px
}

.card-small.card .card-inset-container {
    padding: 16px
}

.border-card {
    border: 2px solid rgba(109, 124, 144, .12);
    box-shadow: none
}

.card-featured {
    background: radial-gradient(circle at top left, #4A42EC 0%, #521d91 100%);
    background-color: #521d91;
    box-shadow: 0 48px 48px -32px rgba(23, 16, 159, .2), 0 96px 96px -64px rgba(23, 16, 159, .4);
    margin-bottom: 64px
}

.et-highlighted .card-featured {
    box-shadow: 0 48px 48px -32px rgba(23, 16, 159, .2), 0 96px 96px -64px rgba(3, 2, 20, .6)
}

.card-featured.card-featured-fullwidth {
    width: 100%;
    max-width: 100%;
    border-radius: 0
}

.card-featured .hero-logo {
    width: 300px;
    margin: 0 auto
}

.elipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card-button {
    padding: 16px;
    background-color: #fff;
    color: #20292f !important;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-weight: 900
}

.card-button svg {
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    fill: rgba(109, 124, 144, .5)
}

.card-button svg .transparent {
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    fill: rgba(109, 124, 144, .25)
}

.card-button:hover,
.card-button.current-item {
    background-color: #fff;
    margin-right: -6px;
    margin-left: -6px;
    box-shadow: 0 10px 70px 0 rgba(103, 151, 255, .22), 0 15px 105px 0 rgba(103, 151, 255, .22)
}

.table {
    display: flex;
    flex-direction: column
}

.table .table-header h5 {
    font-size: .75em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0
}

#payment-history-table.table .table-header {
    padding-right: 60px
}

#payment-history-table.table .table-header {
    padding-right: 60px
}

.table .table-row {
    display: flex;
    border-bottom: 1px solid rgba(109, 124, 144, .12);
    padding: 16px 0
}

.table .table-cell {
    padding: 0 16px
}

.table .table-cell:first-child {
    padding-left: 0
}

.table .table-cell:last-child {
    padding-right: 0
}

#payment-history-table.table .table-cell:first-child {
    flex: 1
}

#payment-history-table.table .table-cell:nth-child(2) {
    text-align: right
}

.badge {
    font-size: 14px;
    border-radius: 8px;
    color: #fff;
    padding: 0 8px;
    font-weight: 800;
    display: inline-block
}

#legacy-themes-table:first-child {
    flex: 1
}

#speed-comparison-table .table-cell {
    font-weight: 700;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    text-align: center
}

#speed-comparison-table .table-cell .button {
    margin: 0
}

#speed-comparison-table .table-cell:first-child {
    width: 260px;
    flex: none;
    justify-content: start;
    text-align: left
}

#speed-comparison-table .table-cell:nth-child(2) {
    width: 220px;
    flex: none
}

#speed-comparison-table:first-child {
    flex: 1
}

.bottom-border {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(109, 124, 144, .12)
}

.button,
.card-button {
    display: flex;
    align-items: center;
    text-decoration: none
}

.button svg,
.card-button svg {
    width: 28px;
    height: 28px;
    margin: 0 12px 0 0
}

.row.product-feature {
    margin-top: 13%;
    margin-bottom: 13%
}

.row.product-feature:first-child {
    margin-top: 4%
}

.row.product-feature:last-child {
    margin-bottom: 4%
}

.icon-container {
    box-shadow: 0 4px 24px 0 rgba(103, 151, 255, .1), 0 12px 64px 0 rgba(103, 151, 255, .1);
    border-radius: 100px;
    padding: 24px
}

.icon-container img {
    margin: 0 !important
}

.icon-container,
.icon-small,
.icon-big {
    flex-shrink: 0;
    display: flex
}

.icon-container svg,
.icon-small svg,
.icon-big svg {
    display: flex
}

svg.icon-small,
.icon-small svg {
    width: 28px;
    height: 28px
}

svg.icon-big,
.icon-big svg {
    width: 64px;
    height: 64px
}

section {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 48px;
    margin-bottom: 48px
}

#main-nav+section {
    margin-top: 0;
    padding-top: 100px
}

.row-container {
    width: 1120px;
    max-width: 90%;
    margin: auto;
    position: relative
}

.row-container.wide-width {
    width: 1440px
}

.row-container.medium-width {
    width: 1200px
}

.row-container.narrow {
    width: 960px
}

.row-container.thin {
    width: 560px
}

.row-container.skinny {
    width: 480px
}

.row-container.small-width {
    width: 800px
}

.row-container.fullwidth,
.row-container.fullwidth {
    width: 100%;
    max-width: 100%
}

.row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 4% -2.5%;
    max-width: 105%
}

.row.small-gutters {
    margin-right: -1.5%;
    margin-left: -1.5%;
    max-width: 103%
}

.row.centered {
    justify-content: center
}

.row.card {
    margin-top: 4%;
    margin-bottom: 4%
}

.row.card,
.card .row {
    margin-right: 0;
    margin-left: 0
}

.row.narrow {
    width: 960px;
    align-self: center
}

.column-container {
    padding: 0 2.5%;
    flex-direction: column;
    display: flex
}

.small-gutters .column-container {
    padding: 0 1.5%
}

.tiny-gutters .column-container {
    padding: 0 .75%
}

.column-container .no-gutters {
    padding: 0
}

.wide-gutters .column-container {
    padding: 0 3.5%
}

.bottom-align-columns .column-container {
    justify-content: flex-end
}

.column-container.column-width-auto,
.column-width-auto .column-container {
    flex: none
}

.column {
    display: flex;
    flex-direction: column;
    min-width: 100%
}

.column>div,
.column>img,
.column>object {
    margin-bottom: 2em
}

.hosting-card .column>img {
    margin-bottom: 1em
}

.column.small-spacing>div,
.column.small-spacing>img,
.column.small-spacing>object {
    margin-bottom: 1em
}

.equal-column-heights .column {
    flex: 1
}

.bottom-align-last-items.equal-column-heights .column>:last-child {
    margin-top: auto
}

.center-align-last-items.equal-column-heights .column>:last-child {
    margin-top: auto;
    margin-bottom: auto
}

.column:not(.inline-elements)>:last-child {
    margin-bottom: 0
}

.column.centered,
.column .centered {
    text-align: center;
    align-items: center !important
}

.centered {
    text-align: center;
    align-items: center !important
}

.inline-elements {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%
}

.inline-elements>* {
    margin-right: 5%
}

.inline-elements>*:last-child {
    margin-right: 0
}

.inline-elements.small-gutters>* {
    margin-right: 3%
}

.right-align-items.inline-elements.small-gutters>* {
    margin-left: 3%
}

.inline-elements.tiny-gutters>* {
    margin-right: 1.5%
}

.right-align-items.inline-elements.tiny-gutters>* {
    margin-left: 1.5%
}

.inline-elements.centered {
    justify-content: center;
    align-items: flex-start
}

.inline-elements.centered>* {
    margin-right: 2.5%;
    margin-left: 2.5%
}

.inline-elements.centered.small-gutters>* {
    margin-right: 1.5%;
    margin-left: 1.5%
}

.inline-elements.centered.tiny-gutters>* {
    margin-right: .75%;
    margin-left: .75%
}

.inline-elements.right-align-items {
    justify-content: flex-end
}

.right-align-items.inline-elements.right-align-items>* {
    margin-right: 0 !important
}

p+.inline-elements {
    margin-top: 1.5em
}

.flex {
    display: flex
}

.flex.flex-column {
    flex-direction: column
}

.overflow-hidden {
    overflow: hidden
}

@media only screen and (min-width:769px) {
    .column-container {
        flex: 1
    }

    body.single-post .article-container .column-container {
        flex: auto
    }

    .center-align-columns .column-container {
        justify-content: center
    }

    .two-column .column-container {
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    .two-column .column-container:nth-of-type(-n+2) {
        margin-top: 0 !important
    }

    .three-column .column-container {
        flex: 0 0 33.33333333% !important;
        max-width: 33.33333333% !important
    }

    .three-column .column-container:nth-of-type(-n+3) {
        margin-top: 0 !important
    }

    .four-column .column-container {
        flex: 0 0 25% !important;
        max-width: 25% !important
    }

    .four-column .column-container:nth-of-type(-n+4) {
        margin-top: 0 !important
    }

    .five-column .column-container {
        flex: 0 0 20% !important;
        max-width: 20% !important
    }

    .five-column .column-container:nth-of-type(-n+5) {
        margin-top: 0 !important
    }

    .product-feature-river .row.product-feature:nth-child(even) {
        flex-direction: row-reverse
    }

    .product-feature-river-reverse .row.product-feature:nth-child(odd) {
        flex-direction: row-reverse
    }

    .product-feature-reverse .row.product-feature {
        flex-direction: row-reverse
    }
}

.column-1 {
    flex: 0 0 8.33333333% !important;
    max-width: 8.33333333% !important
}

.column-2 {
    flex: 0 0 16.66666667% !important;
    max-width: 16.66666667% !important
}

.column-2_4 {
    flex: 0 0 20% !important;
    max-width: 20% !important
}

.column-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important
}

.column-4 {
    flex: 0 0 33.33333333% !important;
    max-width: 33.33333333% !important
}

.column-5 {
    flex: 0 0 41.66666667% !important;
    max-width: 41.66666667% !important
}

.column-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important
}

.column-7 {
    flex: 0 0 58.33333333% !important;
    max-width: 58.33333333% !important
}

.column-8 {
    flex: 0 0 66.66666667% !important;
    max-width: 66.66666667% !important
}

.column-9 {
    flex: 0 0 75% !important;
    max-width: 75% !important
}

.column-10 {
    flex: 0 0 83.33333333% !important;
    max-width: 83.33333333% !important
}

.column-11 {
    flex: 0 0 91.66666667% !important;
    max-width: 91.66666667% !important
}

.column-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important
}

.two-column .column-container,
.three-column .column-container,
.four-column .column-container,
.five-column .column-container {
    margin-top: 5%
}

.small-gutters.two-column .column-container,
.small-gutters.three-column .column-container,
.small-gutters.four-column .column-container,
.small-gutters.five-column .column-container {
    margin-top: 3%
}

.tiny-gutters.two-column .column-container,
.tiny-gutters.three-column .column-container,
.tiny-gutters.four-column .column-container,
.tiny-gutters.five-column .column-container {
    margin-top: 1.5%
}

@media only screen and (max-width:960px) and (min-width:671px) {

    .column-container:not(.retain-width-on-mobile),
    .product-feature .column-container:not(.retain-width-on-mobile) {
        flex: 1;
        max-width: none
    }
}

@media only screen and (max-width:768px) and (min-width:671px) {
    .column-1-tablet {
        flex: 0 0 8.33333333% !important;
        max-width: 8.33333333% !important
    }

    .column-2-tablet {
        flex: 0 0 16.66666667% !important;
        max-width: 16.66666667% !important
    }

    .column-2_4-tablet {
        flex: 0 0 20% !important;
        max-width: 20% !important
    }

    .column-3-tablet {
        flex: 0 0 25% !important;
        max-width: 25% !important
    }

    .column-4-tablet {
        flex: 0 0 33.33333333% !important;
        max-width: 33.33333333% !important
    }

    .column-5-tablet {
        flex: 0 0 41.66666667% !important;
        max-width: 41.66666667% !important
    }

    .column-6-tablet {
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    .column-7-tablet {
        flex: 0 0 58.33333333% !important;
        max-width: 58.33333333% !important
    }

    .column-8-tablet {
        flex: 0 0 66.66666667% !important;
        max-width: 66.66666667% !important
    }

    .column-9-tablet {
        flex: 0 0 75% !important;
        max-width: 75% !important
    }

    .column-10-tablet {
        flex: 0 0 83.33333333% !important;
        max-width: 83.33333333% !important
    }

    .column-11-tablet {
        flex: 0 0 91.66666667% !important;
        max-width: 91.66666667% !important
    }

    .column-12-tablet {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .four-column .column-container,
    .five-column .column-container {
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    .four-column .column-container:nth-of-type(-n+2),
    .five-column .column-container:nth-of-type(-n+2) {
        margin-top: 0
    }

    .hide-on-tablet {
        opacity: 0;
        visibility: hidden
    }

    .two-column .column-container,
    .three-column .column-container,
    .four-column .column-container {
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    .two-column .column-container:nth-of-type(-n+2),
    .three-column .column-container:nth-of-type(-n+2),
    .four-column .column-container:nth-of-type(-n+2) {
        margin-top: 0
    }

    .three-column-tablet .column-container {
        flex: 0 0 33.33333333% !important;
        max-width: 33.33333333% !important;
        margin-top: 5%
    }

    .three-column-tablet .column-container:nth-of-type(-n+3) {
        margin-top: 0
    }

    .three-column-tablet .column-container {
        margin-top: 5%
    }

    .small-gutters.three-column-tablet .column-container {
        margin-top: 3%
    }

    .tiny-gutters.three-column-tablet .column-container {
        margin-top: 1.5%
    }
}

@media only screen and (max-width:670px) {
    .row .column-container {
        padding: 0 2.5%;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 30px
    }

    .row .column-container:first-child {
        margin-top: 0
    }

    .two-column-phone .column-container {
        margin-top: 5%;
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    .two-column-phone .column-container:nth-of-type(-n+2) {
        margin-top: 0
    }
}

.arrow-section-divider {
    max-height: 300px;
    fill: #fff
}

.bottom-border {
    border-bottom: 1px solid rgba(109, 124, 144, .12)
}

.mfp-iframe-scaler {
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11)
}

#divi-builder-compatible {
    margin-top: 10%;
    margin-bottom: 10%
}

#divi-builder-compatible svg {
    width: 100%;
    bottom: -20%;
    margin-left: -20%;
    transform: rotate(10deg);
    position: absolute;
    z-index: -1
}

#divi-builder-compatible .row-container:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 440px;
    height: 440px;
    border-radius: 2000px;
    background: #ff4a9e;
    right: -100px;
    top: -80px
}

#divi-builder-compatible .row-container:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 32px;
    height: 32px;
    border-radius: 2000px;
    background: rgba(55, 118, 255, .5);
    top: 100px;
    left: -10%
}

#divi-builder-compatible video {
    margin-bottom: -8%
}

#divi-cta {
    padding-bottom: 18vw;
    background: radial-gradient(circle at top left, rgba(57, 47, 255, 0.86) 0%, rgba(56, 0, 124, 0.9) 100%), url(../images/divi/divi-cta-bg.jpg);
    background-size: cover
}

#builder-preview {
    margin-top: 20px;
    margin-bottom: 14%
}

#builder-preview svg.svg-shape {
    opacity: .5;
    width: 55%;
    bottom: -35%;
    left: 13%;
    transform: rotate(10deg);
    position: absolute;
    z-index: -1
}

#builder-preview:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 96px;
    height: 96px;
    border-radius: 2000px;
    background: rgba(0, 181, 230, .5);
    left: -30px;
    top: 310px
}

#builder-preview:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 96px;
    height: 96px;
    border-radius: 2000px;
    background: rgba(143, 66, 236, .15);
    right: 20%;
    top: -20px
}

#builder-preview video {
    margin: 0;
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

#builder-preview video.current-item {
    visibility: visible;
    opacity: 1;
    display: initial
}

#builder-preview .column-container:first-of-type {
    order: 2
}

#builder-preview .column-container:nth-of-type(2) {
    order: 1
}

#builder-preview .column-container:last-of-type {
    order: 3
}

.cloud-blurb {
    z-index: 2
}

.cloud-blurb h3 {
    font-size: 2.5vw
}

.cloud-blurb>a,
.cloud-blurb>img {
    margin-bottom: 12px
}

#cloud-blurb-1 {
    margin-top: -3vw
}

#cloud-blurb-2 {
    width: 80%;
    margin-top: 10vw
}

#cloud-blurb-2 h3 {
    text-align: left;
    font-size: 1.5vw
}

#cloud-blurb-3 {
    margin-top: -5vw
}

#cloud-blurb-3 h3 {
    text-align: right
}

#cloud-blurb-4 {
    margin-top: -5vw
}

#cloud-blurb-4 h3 {
    font-size: 1.5vw
}

#cloud-blurb-5 {
    margin-top: 8vw
}

#cloud-blurb-5 h3 {
    font-size: 1.5vw
}

#cloud-blurb-6 {
    margin-top: -6vw
}

.feature-blurb-grid {
    margin-bottom: 80px
}

.feature-blurb-grid svg.svg-shape {
    width: 100%;
    bottom: -20%;
    left: -10%;
    transform: rotate(-10deg);
    position: absolute;
    z-index: -1
}

.feature-blurb-grid:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 800px;
    height: 800px;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(255, 74, 158, 0) 45%, rgba(255, 74, 158, 0.4) 100%);
    right: -140px;
    top: -210px
}

.website-pack-preview {
    position: relative;
    align-items: center;
    justify-content: center
}

.website-pack-preview span {
    margin: 0;
    padding: 0;
    overflow: hidden;
    transform: rotate(0deg)
}

.website-pack-preview span:first-child {
    width: 220px;
    height: 240px;
    z-index: 3
}

.website-pack-preview span:nth-child(2),
.website-pack-preview span:nth-child(3) {
    position: absolute;
    top: 12px;
    width: 180px;
    height: 200px;
    opacity: .8;
    z-index: 2
}

.website-pack-preview span:nth-child(2) {
    left: 25px
}

.website-pack-preview span:nth-child(3) {
    right: 25px
}

.website-pack-preview:hover span {
    padding: 0;
    overflow: hidden
}

.website-pack-preview:hover span:first-child {
    width: 160px
}

.website-pack-preview:hover span:nth-child(2),
.website-pack-preview:hover span:nth-child(3) {
    width: 160px;
    height: 220px;
    opacity: 1
}

.website-pack-preview:hover span:nth-child(2) {
    left: 0;
    transform: rotate(-5deg)
}

.website-pack-preview:hover span:nth-child(3) {
    right: 0;
    transform: rotate(5deg)
}

#layout-collage-fullwidth-bottom {
    background: linear-gradient(180deg, #6100d6 20%, #330070 100%);
    box-shadow: 150px -250px 200px #6100d6;
    padding: 0
}

#layout-collage-fullwidth-bottom .row-container:first-child {
    margin-top: -5vw
}

#divi-everywhere h2 {
    background: linear-gradient(120deg, #8F42EC 0%, #FF4A9E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#divi-everywhere-plugin img {
    margin: -4px auto
}

#divi-everywhere-plugin video {
    margin: 0
}

#divi-everywhere-plugin svg {
    z-index: 2;
    margin: -7px auto
}

body.join .toast-outer,
body.discount .toast-outer {
    cursor: pointer !important
}

.trustpilot-widget {
    width: 100%
}

.package .trustpilot-widget {
    margin-bottom: 1em !important
}

.trustpilot-widget iframe~iframe {
    filter: drop-shadow(0 10px 10px rgba(103, 151, 255, 0.2))
}

.trustpilot-widget-subhead {
    margin-bottom: 1em !important;
    max-width: 420px;
    height: 20px;
    overflow: hidden
}

#pricing-model,
.row-with-card-column {
    margin-bottom: 144px
}

#pricing-model .column-container,
.row-with-card-column .column-container {
    padding-top: 24px
}

#pricing-model .column-container.card,
.row-with-card-column .column-container.card {
    padding-bottom: 80px;
    margin-bottom: -144px
}

#pricing-model svg,
.row-with-card-column svg {
    width: 65%;
    bottom: -35%;
    margin-left: -10%;
    position: absolute;
    z-index: -1
}

#divi-is-for-everyone.card {
    margin-top: 60px;
    margin-bottom: 60px
}

#divi-is-for-everyone.card:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 440px;
    height: 440px;
    border-radius: 2000px;
    background: #ffad00;
    right: -100px;
    bottom: -80px
}

#divi-is-for-everyone.card:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 32px;
    height: 32px;
    border-radius: 2000px;
    background: #ff4a9e;
    top: -16px;
    left: 64px
}

#divi-call-to-action {
    padding-bottom: 10%;
    margin-bottom: -13%
}

.testimonial .review-logo {
    align-self: start;
    max-width: 94px;
    max-height: 40px
}

.testimonial svg {
    width: 100%;
    max-width: 118px
}

.testimonial-big.testimonial svg {
    fill: #ffad00;
    margin: 24px auto 40px
}

.testimonial-wide.testimonial svg {
    fill: #34dd87
}

.testimonial .icon-blurb {
    margin-bottom: 1em
}

.testimonial .blurb img {
    border-radius: 100%
}

.testimonial-big.testimonial .blurb img {
    margin-top: -32px
}

.testimonial-wide.testimonial .blurb img {
    width: 40px
}

.testimonial .subhead {
    line-height: 1.4em
}

.testimonial.testimonial-big {
    box-shadow: 0 64px 104px 0 rgba(103, 151, 255, .09)
}

.testimonial.testimonial-big h4 {
    margin-bottom: 0
}

.testimonial.testimonial-wide {
    margin-bottom: 2em
}

.review-site-logo-button img {
    width: 100%
}

#trustpilot .review-site-logo-button svg {
    fill: #00b67a
}

#reviewsio .review-site-logo-button svg {
    fill: #5cd3cb
}

#capterra .review-site-logo-button svg {
    fill: #ff9d28
}

#g2 .review-site-logo-button svg {
    fill: #f06a22
}

#sitejabber .review-site-logo-button svg {
    fill: #ff492c
}

.review-site-logo-button~.button {
    margin-top: 15px
}

.video-popup {
    z-index: 3
}

.video-popup .video-play-icon {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px
}

.featured-video {
    margin-bottom: 64px
}

.featured-video a.video-popup .image-container {
    position: relative
}

.featured-video a.video-popup .image-container:after {
    border-radius: 8px;
    content: "";
    width: 100%;
    height: 100%;
    background-color: red;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(120deg, rgba(103, 151, 255, 0.5) 0%, #8F42EC 100%)
}

.monarch-video.featured-video a.video-popup .image-container:after {
    background: linear-gradient(120deg, rgba(255, 173, 0, 0) 0%, #FF7B2B 100%)
}

.featured-video a.video-popup>svg {
    width: 70%;
    bottom: -30%;
    left: -15%;
    transform: rotate(10deg);
    position: absolute;
    z-index: -1
}

.featured-video a.video-popup:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 160px;
    height: 160px;
    border-radius: 2000px;
    background: rgba(255, 74, 158, .5);
    right: -50px;
    top: -60px
}

.monarch-video.featured-video a.video-popup:before {
    background: rgba(255, 173, 0, .5)
}

.featured-video a.video-popup:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 24px;
    height: 24px;
    border-radius: 2000px;
    right: 20%;
    bottom: -60px;
    background: #4a42ec
}

.monarch-video.featured-video a.video-popup:after {
    background: #ff4c00
}

.testimonial-video {
    margin-top: 48px;
    margin-bottom: 100px !important
}

.testimonial-video a.video-popup:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 500px;
    height: 500px;
    border-radius: 2000px;
    background: linear-gradient(120deg, #E9F4FF 0%, rgba(233, 244, 255, 0) 60%);
    left: -150px;
    top: -150px
}

.testimonial-video a.video-popup:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 14px;
    height: 14px;
    border-radius: 2000px;
    right: -32px;
    bottom: -32px;
    background: #3776ff
}

.et-db #et-boc .et-fb-checkboxes-category-wrap p {
    margin-top: 0
}

#contact-cards {
    margin-bottom: 80px
}

#contact-cards:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 860px;
    height: 860px;
    border-radius: 2000px;
    bottom: -80px;
    background: linear-gradient(45deg, #E9F4FF 0%, rgba(233, 244, 255, 0) 70%)
}

#login-card:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 560px;
    height: 560px;
    border-radius: 2000px;
    bottom: -80px;
    right: -80px;
    background: linear-gradient(225deg, #E9F4FF 0%, rgba(233, 244, 255, 0) 70%)
}

.et_divi_cloud_progress {
    background-color: #6c97ff;
    border-radius: 7px;
    width: 60%;
    height: 10px;
    margin-bottom: 2em
}

.et_divi_cloud_progress::-webkit-progress-bar {
    background-color: #6c97ff;
    border-radius: 7px
}

.et_divi_cloud_progress::-webkit-progress-value {
    background-color: #fff;
    border-radius: 7px
}

.et_divi_cloud_progress::-moz-progress-bar {
    background-color: #fff;
    border-radius: 7px
}

.et_popup_content section {
    margin-top: 4%;
    margin-bottom: 0
}

.et_popup_content .row {
    margin: 2% -2.5%
}

.et_popup_content #login-card {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0
}

.et_popup_content #login-card:after {
    display: none
}

.cloud-terms {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 2% 4%;
    border-top: 2px solid #eff2f3;
    background: #fff;
    text-align: center
}

.cloud-terms a {
    color: #6d7c90
}

.login-logo img {
    width: 50px;
    position: fixed;
    left: 15px;
    bottom: 12px
}

#careers-hero {
    padding-bottom: 5vw;
    background: #f5f5f5 url(../images/shapes/section-divider-asymmetric-bottom.svg) no-repeat bottom;
    background-size: contain
}

.gallery-hero {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    /*padding-top: 10vw;*/
    padding-bottom: 12vw;
    transform-origin: 50% 85%
}

.gallery-hero .lead a {
    color: rgba(255, 255, 255, .75)
}

.gallery-hero .lead a:hover {
    color: #fff
}

.gallery-hero:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -2px;
    background: #fff;
    z-index: 1
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

#landing-hero {
    background-image: linear-gradient(rgba(255, 74, 158, 0.2) 0%, rgba(255, 74, 158, 0) 50%), url(../images/home/landing-hero-background.jpg), linear-gradient(60deg, #5c00c3 16%, #FF4A9E 85%);
    padding-bottom: 8vw
}

#landing-hero .row-container:first-child {
    z-index: 2
}

#landing-hero .overlay {
    background: linear-gradient(-8deg, transparent 35%, #130e87 75%)
}

@media(max-width:768px) {
    #landing-hero {
        padding-bottom: 18vw
    }
}

#divi4-hero {
    background-image: url(../images/divi/four/divi4-01.jpg);
    background-size: cover;
    padding-bottom: 8vw
}

#divi4-hero .row-container:first-child {
    z-index: 2
}

#divi4-hero .overlay {
    background: linear-gradient(-8deg, #130e87 0%, transparent 75%)
}

@media(max-width:768px) {
    #divi4-hero {
        padding-bottom: 18vw
    }
}

#divi-hero {
    background-image: linear-gradient(#00561B 4%, rgba(69, 0, 202, 0) 50%), url(../images/bg_tresorsPublic_4_1.jpg), linear-gradient(60deg, #28005f 16%, #8300e5 64%, #0f3bff 100%);
    /*background-position-y: -200px;*/
}

#marketplace-hero {
    background-image: linear-gradient(rgba(255, 74, 158, 0.2) 0%, rgba(255, 74, 158, 0) 50%), linear-gradient(60deg, #5c00c3 16%, #ff4a9e 85%);
    margin-bottom: 0;
    padding-bottom: 61px
}

#marketplace-hero .overlay {
    background: linear-gradient(-8deg, transparent 25%, #130e87 75%)
}

#marketplace-hero .row-container {
    z-index: 3
}

#extra-hero {
    background-image: linear-gradient(#05055f 4%, rgba(47, 10, 53, 0) 60%), url(../images/extra/extra-gallery-hero-background.jpg), linear-gradient(60deg, #05055f 10%, #34dd87 90%)
}

#bloom-hero {
    background-image: linear-gradient(#4500CA 4%, rgba(69, 0, 202, 0) 50%), url(../images/bloom/bloom-gallery-hero-background.jpg), linear-gradient(60deg, #28005f 16%, #8300e5 64%, #0f3bff 100%)
}

#monarch-hero {
    background-image: linear-gradient(#2f0a35 4%, rgba(47, 10, 53, 0) 60%), url(../images/monarch/monarch-gallery-hero-background.jpg), linear-gradient(60deg, #05055f 16%, #fd5803 100%)
}

#pressable-hero {
    background-image: linear-gradient(#202a3c 4%, rgba(47, 10, 53, 0) 60%), url(../images/hosting/pressable-hosting-hero-background.jpg), linear-gradient(60deg, #202a3c 10%, #78a0d2 90%)
}

#flywheel-hero {
    background-image: linear-gradient(#47b2c5 4%, rgba(92, 233, 255, 0) 60%), url(../images/hosting/flywheel-hosting-hero-background.jpg), linear-gradient(60deg, #47b2c5 10%, #5ce6ff 90%)
}

#siteground-hero {
    background-image: linear-gradient(#4a7742 4%, rgba(75, 88, 44, 0) 60%), url(../images/hosting/siteground-hosting-hero-background-2.jpg), linear-gradient(60deg, #d7e9c0 10%, #98ad68 90%)
}

#cloudways-hero {
    background-image: linear-gradient(#061c59 4%, rgba(6, 28, 89, 0) 60%), url(../images/hosting/cloudways-hosting-hero-background.jpg), linear-gradient(60deg, #1c2bf7 10%, #061c59 90%)
}

#divi-cloud-hero {
    background-image: linear-gradient(#061c59 4%, rgba(6, 28, 89, 0) 60%), url(../images/divi-cloud/divi-cloud-hero-background.jpg), linear-gradient(60deg, #1c2bf7 10%, #061c59 90%)
}

#discount-hero {
    background-color: #ff4c00;
    margin-bottom: 0;
    padding-bottom: 48px
}

.play-button-container {
    width: 164px;
    height: 164px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: 0 24px 72px 0 rgba(0, 0, 0, .5);
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

.play-button-container.play-button-container-small {
    width: 134px;
    height: 134px
}

.play-button-container:hover {
    cursor: pointer;
    transform: scale(.96)
}

.play-button-container:hover .play-button {
    transform: scale(1.16)
}

@media(max-width:960px) {
    .play-button-container {
        transform: scale(.8)
    }
}

@media(max-width:670px) {
    .play-button-container {
        margin: 0 auto -20%
    }
}

.play-button-container .play-button {
    z-index: 2;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

.play-button-container .play-button svg {
    width: 34px;
    height: 34px
}

.video .play-button-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.video .play-button-container:hover {
    transform: translate(-50%, -50%) scale(.96)
}

.video .video-popup {
    position: relative
}

#landing-hero-collage {
    perspective: 320px;
    perspective-origin: right;
    position: relative
}

#hero-video-container {
    margin: 0;
    transform: translate3d(0, 0, 0)
}

#landing-hero-video {
    transform: rotateY(0deg) rotateX(-16deg) rotateX(24deg) skewY(-16deg) skewX(32deg);
    box-shadow: -96px 96px 96px -64px rgba(23, 16, 159, .5), -200px 160px 160px -100px rgba(23, 16, 159, .1);
    width: 150%;
    margin-left: 20%;
    margin-top: -115%;
    max-width: none
}

@media(max-width:1024px) {
    #landing-hero-video {
        width: 180%;
        margin-top: -140%
    }
}

#landing-hero-02 {
    position: absolute;
    transform: rotateY(0deg) rotateX(-16deg) rotateX(24deg) skewY(-16deg) skewX(32deg);
    max-width: 35%;
    right: 8%;
    margin-top: -14%;
    z-index: 1
}

#landing-hero-03 {
    position: absolute;
    transform: rotateY(0deg) rotateX(-16deg) rotateX(24deg) skewY(-16deg) skewX(32deg);
    right: -30%;
    margin-top: -18%;
    max-width: 30%
}

.elevation-4,
a.elevation-3:hover,
a.card:hover,
a .card:hover,
.website-pack-preview span,
.video-popup .video-play-icon {
    box-shadow: 0 10px 70px 0 rgba(103, 151, 255, .22), 0 15px 105px 0 rgba(103, 151, 255, .22)
}

.elevation-1-hover,
.elevation-2-hover,
.elevation-3-hover {
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent
}

.elevation-1,
a.elevation-1-hover:hover {
    box-shadow: 0 2px 8px 0 rgba(103, 151, 255, .09), 0 4px 32px 0 rgba(103, 151, 255, .09)
}

.elevation-2,
a.elevation-2-hover:hover,
a.elevation-1:hover {
    box-shadow: 0 4px 24px 0 rgba(103, 151, 255, .1), 0 12px 64px 0 rgba(103, 151, 255, .1)
}

.elevation-3,
a.elevation-3-hover:hover,
a.elevation-2:hover {
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11)
}

.guarantee {
    color: #34dd87;
    font-weight: 700
}

.guarantee .tooltip_hover {
    background: #34dd87;
    color: #fff
}

.guarantee .tooltip_hover:after {
    background: #34dd87
}

.blurb>img,
.blurb>svg,
.blurb .icon-container {
    margin-bottom: 16px
}

.blurb .circle-image {
    max-width: 120px;
    border-radius: 120px
}

.icon-blurb {
    display: flex;
    text-align: left
}

.icon-blurb svg,
.icon-blurb img {
    margin-bottom: 0
}

.icon-blurb svg+*,
.icon-blurb img+* {
    margin-left: 16px
}

.icon-blurb.icon-blurb-title-only {
    align-items: center
}

.icon-list {
    position: relative
}

.icon-list svg {
    margin-bottom: -4px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.icon-list svg+* {
    margin-left: 4px;
    display: inline-block
}

.rellax {
    transition: none
}

#modules-collage {
    margin-bottom: -56%
}

#layout-collage-fullwidth {
    margin-bottom: -48px
}

.quote-icon {
    fill: #e9f4ff
}

#intercom-modal {
    position: relative
}

#intercom-modal:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 1000px;
    height: 1000px;
    border-radius: 2000px;
    background: linear-gradient(25deg, #E9F4FF 0%, rgba(233, 244, 255, 0) 60%);
    bottom: -40px;
    left: -100px
}

#help-modal {
    position: relative
}

#help-modal:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 16px;
    height: 16px;
    border-radius: 2000px;
    background: #ffad00;
    top: -70px;
    right: -70px
}

#help-modal:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 160px;
    height: 160px;
    border-radius: 2000px;
    background: #ff4a9e;
    top: -40px;
    right: -40px
}

#divi-cta-ui-collage {
    margin-top: -21vw;
    z-index: 1
}

#divi-cta-ui-collage img {
    margin: auto
}

.image-collage {
    width: 100%;
    height: auto;
    position: relative
}

.image-collage img {
    position: absolute
}

#design-image-collage img:first-of-type {
    max-width: 88%;
    right: 0
}

#design-image-collage img:last-of-type {
    position: relative;
    max-width: 73%;
    margin-top: 40%
}

#design-image-collage:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 860px;
    height: 860px;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(55, 118, 255, 0) 45%, rgba(55, 118, 255, 0.1) 100%);
    right: -10%;
    top: -14%
}

#marketing-image-collage svg {
    width: 80%;
    margin-top: -15%;
    left: 15%;
    position: absolute;
    z-index: -1
}

#marketing-image-collage img:first-of-type {
    max-width: 66%;
    box-shadow: 0 12px 58px 0 rgba(0, 136, 225, .4), 0 12px 90px 0 rgba(0, 136, 225, .09)
}

#marketing-image-collage img:nth-of-type(2) {
    max-width: 49%;
    left: 20%;
    bottom: 9%
}

#marketing-image-collage img:nth-of-type(3) {
    max-width: 17%;
    bottom: 0
}

#marketing-image-collage img:last-of-type {
    position: relative;
    float: right;
    max-width: 51%;
    margin-top: 31%;
    margin-bottom: 30%;
    box-shadow: 0 12px 58px 0 rgba(0, 31, 52, .23), -50px 12px 90px 0 rgba(0, 136, 225, .22)
}

#marketing-image-collage:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(255, 173, 0, 0) 45%, rgba(255, 173, 0, 0.4) 100%);
    right: 10%;
    bottom: 0
}

#showcase-image-collage svg {
    width: 80%;
    margin-top: -15%;
    left: 15%;
    position: absolute;
    z-index: -1
}

#showcase-image-collage img:first-of-type {
    position: relative;
    float: right;
    max-width: 64%;
    margin-bottom: 7%
}

#showcase-image-collage img:nth-of-type(2) {
    max-width: 88%;
    top: 12%
}

#showcase-image-collage img:last-of-type {
    max-width: 41%;
    bottom: 0;
    left: 7%
}

#showcase-image-collage:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 700px;
    height: 700px;
    border-radius: 2000px;
    background: linear-gradient(145deg, rgba(0, 181, 230, 0) 55%, rgba(0, 181, 230, 0.2) 100%);
    right: -50%;
    bottom: -10%
}

#woo-image-collage img:first-of-type {
    position: relative;
    max-width: 93%;
    margin-bottom: 33%
}

#woo-image-collage img:last-of-type {
    max-width: 74%;
    bottom: 0;
    right: 0
}

#woo-image-collage:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 800px;
    height: 800px;
    border-radius: 2000px;
    background: linear-gradient(145deg, rgba(52, 221, 135, 0) 55%, rgba(52, 221, 135, 0.5) 100%);
    right: 0;
    bottom: -60px
}

#translated-image-collage img:first-of-type {
    position: relative;
    max-width: 91%;
    margin-bottom: 5%
}

#translated-image-collage img:last-of-type {
    max-width: 36%;
    bottom: 0;
    right: 0
}

#translated-image-collage:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 800px;
    height: 800px;
    border-radius: 2000px;
    background: linear-gradient(145deg, rgba(52, 221, 135, 0) 55%, rgba(52, 221, 135, 0.5) 100%);
    right: -100px;
    bottom: -60px
}

#portfolio-image-collage img:first-of-type {
    position: relative;
    max-width: 93%;
    margin-bottom: 33%
}

#portfolio-image-collage img:last-of-type {
    max-width: 74%;
    bottom: 0;
    right: 0
}

#post-formats-image-collage img:first-of-type {
    position: relative;
    max-width: 75%;
    margin-bottom: 6%
}

#post-formats-image-collage img:last-of-type {
    max-width: 50%;
    bottom: 0;
    right: 0
}

#responsive-lockup-image-collage img:first-of-type {
    max-width: 17%;
    bottom: 0
}

#responsive-lockup-image-collage img:nth-child(2) {
    max-width: 62%;
    bottom: 0;
    right: 0
}

#responsive-lockup-image-collage img:last-of-type {
    position: relative;
    max-width: 36%;
    margin-left: 15%;
    box-shadow: 0 10px 70px 0 rgba(103, 151, 255, .22), 0 15px 105px 0 rgba(103, 151, 255, .22)
}

#extra-reviews-image-collage img:first-of-type {
    max-width: 58%;
    top: 11%
}

#extra-reviews-image-collage img:last-of-type {
    position: relative;
    max-width: 58%;
    float: right;
    box-shado: 0 10px 70px 0 rgba(103, 151, 255, .22), 0 15px 105px 0 rgba(103, 151, 255, .22)
}

#storytell-image-collage img:first-of-type {
    max-width: 33%;
    top: 3%
}

#storytell-image-collage img:nth-of-type(2) {
    position: relative;
    float: right;
    right: 3%;
    margin-top: 9%;
    margin-bottom: 8%;
    max-width: 74%
}

#storytell-image-collage img:nth-of-type(3) {
    right: 0
}

#storytell-image-collage img:last-of-type {
    max-width: 43%;
    bottom: 0;
    right: 17%
}

#third-party-image-collage img:first-of-type {
    position: relative;
    margin-bottom: 20%;
    max-width: 84%
}

#third-party-image-collage img:last-of-type {
    max-width: 84%;
    bottom: 0;
    right: 0
}

#design-efficiency-image-collage svg {
    width: 80%;
    margin-top: -15%;
    left: 15%;
    position: absolute;
    z-index: -1
}

#design-efficiency-image-collage img:first-of-type {
    max-width: 23%;
    bottom: 30%;
    left: 0
}

#design-efficiency-image-collage img:nth-of-type(2) {
    max-width: 11%;
    top: 19%;
    right: 0
}

#design-efficiency-image-collage img:nth-of-type(3) {
    max-width: 27%;
    top: 8%;
    right: 13%;
    box-shadow: -48px 48px 56px -24px rgba(55, 118, 255, .2), -40px 40px 88px -48px rgba(55, 118, 255, .1)
}

#design-efficiency-image-collage img:nth-of-type(4) {
    position: relative;
    max-width: 32%;
    margin-top: 4%;
    margin-bottom: 13%;
    margin-left: 14%
}

#design-efficiency-image-collage img:nth-of-type(5) {
    max-width: 31%;
    top: 0;
    right: 22%;
    box-shadow: 16px 48px 56px 0 rgba(55, 118, 255, .2), 0 32px 24px 0 rgba(55, 118, 255, .1)
}

#design-efficiency-image-collage img:last-of-type {
    max-width: 18%;
    bottom: 0;
    left: 41%
}

#contact-form-image-collage img:first-of-type {
    position: relative;
    max-width: 73%;
    float: right;
    margin-bottom: 28%
}

#contact-form-image-collage img:nth-of-type(2) {
    max-width: 63%;
    bottom: 13%
}

#contact-form-image-collage img:last-of-type {
    max-width: 67%;
    bottom: 0;
    right: 8%
}

#pricing-table-image-collage img:first-of-type {
    position: relative;
    max-width: 61%;
    margin-bottom: 18%
}

#pricing-table-image-collage img:nth-of-type(2) {
    max-width: 47%;
    top: 11%;
    right: 0
}

#pricing-table-image-collage img:last-of-type {
    max-width: 67%;
    bottom: 0;
    left: 27%
}

#history-image-collage img:first-of-type {
    max-width: 77%;
    bottom: 0;
    right: 0
}

#history-image-collage img:last-of-type {
    position: relative;
    max-width: 77%;
    margin-bottom: 25%
}

#portability-image-collage img:first-of-type {
    position: relative;
    max-width: 77%;
    margin-bottom: 35%
}

#portability-image-collage img:last-of-type {
    max-width: 77%;
    bottom: 0;
    right: 0
}

#divi-leads-image-collage img:first-of-type {
    position: relative;
    max-width: 89%;
    margin-bottom: 42%;
    float: right
}

#divi-leads-image-collage img:nth-of-type(2) {
    max-width: 70%;
    top: 30%;
    left: 0;
    background: #fff;
    box-shadow: 4px -40px 56px -26px rgba(55, 118, 255, .2)
}

#divi-leads-image-collage img:nth-of-type(3) {
    max-width: 20%;
    bottom: 0;
    left: 35%
}

#divi-leads-image-collage img:last-of-type {
    max-width: 46%;
    right: 6%;
    bottom: 10%
}

#support-center-image-collage img:first-of-type {
    position: relative;
    max-width: 71%;
    margin-bottom: 24%
}

#support-center-image-collage img:last-of-type {
    max-width: 71%;
    bottom: 0;
    right: 0
}

#shortcodes-image-collage img:first-of-type {
    max-width: 25%;
    top: 12%
}

#shortcodes-image-collage img:nth-of-type(2) {
    max-width: 58%;
    right: 0
}

#shortcodes-image-collage img:nth-of-type(3) {
    position: relative;
    max-width: 68%;
    margin-left: 10%;
    margin-top: 20%;
    margin-bottom: 14%
}

#shortcodes-image-collage img:last-of-type {
    max-width: 22%;
    bottom: 0;
    left: 5%
}

#shortcodes-image-collage:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(52, 221, 135, 0) 45%, rgba(52, 221, 135, 0.4) 100%);
    right: 10%;
    bottom: 0
}

#page-templates-image-collage img:first-of-type {
    position: relative;
    max-width: 52%;
    margin-right: 45%;
    margin-bottom: 31%;
    margin-left: 3%
}

#page-templates-image-collage img:nth-of-type(2) {
    max-width: 32%;
    top: 30%
}

#page-templates-image-collage img:last-of-type {
    max-width: 52%;
    bottom: 10%;
    right: 10%
}

#page-templates-image-collage:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(55, 118, 255, 0) 45%, rgba(55, 118, 255, 0.4) 100%);
    right: 10%;
    bottom: 0
}

#hover-options {
    position: relative
}

#hover-options video {
    margin-top: 20%
}

#hover-options img {
    position: absolute;
    right: 0
}

#customer-showcase a:hover img {
    transform: scale(1.05)
}

#customer-showcase img {
    margin-bottom: 16px
}

#company-stats .headline-2 {
    margin-bottom: 0
}

.portrait-grid img {
    border-radius: 100%;
    margin-top: 16px;
    max-width: 180px
}

#pricing-table-top {
    margin: 32px auto 64px
}

#pricing-table-top.pricing-table-overlap {
    margin-top: -120px
}

#pricing-table-top svg {
    width: 60%;
    margin-top: -15%;
    margin-left: -32%;
    transform: rotate(10deg);
    position: absolute;
    z-index: -1
}

#pricing-table-top #package-lifetime {
    transform: scale(1.11)
}

body.members_logged_in #pricing-table-top #package-lifetime {
    transform: none
}

#pricing-table-top:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(143, 66, 236, 0) 45%, rgba(143, 66, 236, 0.7) 100%);
    right: -64px;
    bottom: -32px
}

#pricing-table-top:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 60px;
    height: 60px;
    border-radius: 2000px;
    background: #34dd87;
    right: -80px;
    top: -80px
}

.package.et-highlighted .trustpilot-widget,
#package-lifetime .trustpilot-widget {
    transform: scale(.901)
}

#pricing-tables-bottom {
    margin-top: 32px 0
}

#pricing-tables-bottom:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 600px;
    height: 600px;
    border-radius: 2000px;
    background: linear-gradient(120deg, rgba(55, 118, 255, 0) 0%, rgba(55, 118, 255, 0.1) 100%);
    right: -100px;
    top: -150px
}

#pricing-tables-bottom:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 2000px;
    background: #00c9ff;
    left: -100px;
    top: 100px
}

.package {
    position: relative;
    transition: all 500ms ease-in-out;
    border: 0 solid #8f42ec
}

.package.et-highlighted {
    transform: scale(1.11);
    border: 4px solid #8f42ec
}

.package .billing-term {
    color: #20292f;
    font-weight: 700
}

.package .billing-term span {
    -webkit-text-decoration: line-through solid rgba(109, 124, 144, .8);
    text-decoration: line-through solid rgba(109, 124, 144, .8)
}

.package .discount-label {
    color: #34dd87;
    border: 2px solid #34dd87;
    background: rgba(52, 221, 135, .1);
    width: 50%;
    padding: 3px 10px;
    font-weight: 700;
    border-radius: 100px;
    margin: 0 0 20px;
    display: inline-block
}

.package .package-logo {
    display: block;
    overflow: hidden;
    border-radius: 200px;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -20px;
    left: -20px
}

.package.pricing-recommended {
    transform: scale(1.11)
}

.package .package_price {
    display: flex;
    color: rgba(109, 124, 144, .5);
    margin: 16px 0 40px;
    justify-content: center
}

#package-yearly.package .package_price {
    margin-right: -32px
}

.package .package_price.price-discount {
    margin-bottom: 16px;
    margin-right: 0 !important;
    margin-left: 50%;
    transform: translatex(-50%)
}

#package-lifetime.package .package_price {
    margin-right: -48px
}

.package .package_price .price {
    font-weight: 700;
    font-size: 72px;
    line-height: 1em
}

.package .package_price .price.price-discount {
    font-size: 36px;
    color: #ff4c00 !important;
    -webkit-text-decoration: line-through solid rgba(109, 124, 144, .5);
    text-decoration: line-through solid rgba(109, 124, 144, .5)
}

.package .package_price span:last-child {
    align-self: flex-end
}

.package .package-price-wrap {
    margin-bottom: 0
}

.package .not-included {
    text-decoration: line-through;
    color: rgba(109, 124, 144, .4)
}

li .tooltip_hover {
    color: #fff;
    font-weight: 400;
    width: 320px;
    padding: 24px;
    margin-top: -24px;
    background: #20292f;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    z-index: 10000;
    position: absolute;
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    transform: scale(.94, .96);
    text-align: left
}

li .tooltip_hover:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 2000px;
    border-radius: 6px;
    background: #20292f;
    top: 22px;
    transform: rotate(45deg);
    left: -6px
}

#package-yearly li .tooltip_hover {
    margin-left: 32px;
    text-align: left;
    transform-origin: top left
}

#package-lifetime li .tooltip_hover,
.hosting-card:nth-last-of-type(-n+2) li .tooltip_hover {
    margin-left: -528px;
    text-align: right;
    transform-origin: top right
}

#package-lifetime li .tooltip_hover:after,
.hosting-card:nth-last-of-type(-n+2) li .tooltip_hover:after {
    right: -6px;
    left: initial
}

li:hover .tooltip_hover {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1)
}

.button-toggle {
    background-color: #f2f4f5;
    padding: 8px;
    border-radius: 100px;
    width: auto;
    align-self: center
}

.button-toggle .button {
    margin: 0;
    padding: 8px 16px
}

.accordion>li {
    border-bottom: 1px solid rgba(109, 124, 144, .12);
    position: relative;
    max-width: 800px;
    margin: 0 auto
}

.accordion>li:first-of-type p {
    display: block
}

.accordion h5 {
    margin: 0
}

.accordion a,
.subscription-card .more-details {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 16px 0;
    display: block;
    padding-right: 48px;
    margin-bottom: 0
}

.accordion svg {
    position: absolute;
    content: " ";
    right: 0;
    z-index: -1;
    top: 14px;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    transform: rotate(-90deg)
}

.accordion svg.accordion-expand {
    opacity: 1
}

.accordion svg.accordion-collapse {
    opacity: 0;
    fill: rgba(109, 124, 144, .3)
}

.accordion a.active~svg {
    transform: rotate(0deg)
}

.accordion a.active~svg.accordion-expand {
    opacity: 0
}

.accordion a.active~svg.accordion-collapse {
    opacity: 1
}

.accordion p {
    display: none;
    padding-bottom: 24px;
    margin-bottom: 0
}

.menu-item svg {
    position: absolute;
    content: " ";
    right: 24px;
    z-index: -1;
    top: 14px;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    transform: rotate(-90deg)
}

.menu-item svg.menu-expand {
    opacity: 1
}

.menu-item svg.menu-collapse {
    opacity: 0;
    fill: rgba(109, 124, 144, .3)
}

.active .menu-item svg {
    transform: rotate(0deg)
}

.active .menu-item svg.menu-expand {
    opacity: 0
}

.active .menu-item svg.menu-collapse {
    opacity: 1
}

#bottom-call-to-action {
    margin-bottom: 100px;
    margin-top: 15%;
    z-index: 5;
    cursor: pointer
}

#bottom-call-to-action svg {
    width: 60%;
    margin-top: -20%;
    margin-left: -15%;
    transform: rotate(10deg);
    position: absolute;
    z-index: -1
}

.et-highlighted#bottom-call-to-action svg {
    opacity: .2
}

#bottom-call-to-action .row-container:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 440px;
    height: 440px;
    border-radius: 2000px;
    background: #34dd87;
    right: -100px;
    bottom: -80px;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

.et-highlighted#bottom-call-to-action .row-container:after {
    background: #60e4a1
}

#bottom-call-to-action .row-container:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 32px;
    height: 32px;
    border-radius: 2000px;
    background: rgba(255, 123, 43, .5);
    top: -80px;
    right: 30%
}

.et-highlighted#bottom-call-to-action .row-container:before {
    background: #ffad00
}

#main-footer {
    background: linear-gradient(0deg, #FAFBFD 0%, rgba(255, 255, 255, 0) 100%);
    margin: 0
}

#social-accounts a {
    font-size: .85em;
    color: rgba(109, 124, 144, .5)
}

#social-accounts a span {
    font-weight: 700;
    color: #414a56;
    letter-spacing: 2.5px
}

#footer-menu {
    margin-top: 32px;
    margin-bottom: 32px
}

#footer-menu h3 {
    color: #576373
}

#footer-menu li,
#footer-menu ol {
    font-size: .85em;
    margin-bottom: .3em
}

#footer-trust-icons {
    justify-content: center
}

#footer-trust-icons .column-container {
    flex: none;
    margin: 0
}

#main-nav {
    position: fixed;
    z-index: 99999999;
    top: 0;
    width: 100%;
    padding: 8px 0;
    background-color: #fff;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

#main-nav .row-container {
    width: 1440px;
    display: flex;
    align-items: center
}

#main-nav #logo {
    margin: 0;
    opacity: 1;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    max-height: 80px;
    width: 109px
}

#main-nav #logo img {
    max-width: 100%
}

#main-nav .hamburger {
    display: none;
    border-radius: 3px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#main-nav .hamburger span {
    display: block;
    background: #ff4a9e;
    width: 24px;
    height: 3px;
    border-radius: 3px;
    transform-origin: center;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

#main-nav .hamburger span:nth-child(2) {
    margin: 4px 0
}

#main-nav .hamburger.toggled span {
    background: #ff4a9e !important
}

#main-nav .hamburger.toggled span:first-child {
    transform: translateY(6px) rotate(45deg)
}

#main-nav .hamburger.toggled span:last-child {
    transform: translateY(-8px) rotate(-45deg)
}

#main-nav .hamburger.toggled span:nth-child(2) {
    opacity: 0
}

#main-nav .menu-bg-wrapper {
    position: absolute;
    left: 0;
    top: 105%;
    visibility: hidden;
    opacity: 0;
    will-change: opacity;
    transition: all 200ms ease-in-out
}

#main-nav .menu-bg-wrapper.is-visible {
    visibility: hidden;
    opacity: 1;
    top: 100%
}

#main-nav .menu-bg-wrapper .menu-bg {
    width: 304px;
    height: 304px;
    background: #fff;
    transform-origin: left top;
    will-change: transform;
    border-radius: 5px;
    z-index: 999;
    box-shadow: 0 12px 40px 0 rgba(23, 16, 159, .4), 0 70px 100px -60px rgba(23, 16, 159, .6)
}

#main-nav .menu-bg-wrapper .menu-arrow {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 2000px;
    border-radius: 6px;
    background: #fff;
    transform: rotate(45deg) translateX(-70%);
    top: -12px;
    left: -20px;
    z-index: 9
}

#main-nav .menu-bg-wrapper .is-animatable {
    transition: all 200ms ease-in-out
}

#main-nav nav>ul {
    margin: 0
}

#main-nav nav>ul a,
#main-nav nav>ul li {
    margin: 0
}

#main-nav nav {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center
}

#main-nav nav>ul {
    position: relative;
    display: flex;
    align-items: center
}

#main-nav nav>ul li {
    position: relative
}

#main-nav nav>ul li:hover>a {
    color: #20292f
}

#main-nav nav a.menu-item {
    padding: 0 24px;
    color: rgba(32, 41, 47, .6);
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#main-nav nav #pricing-button,
#main-nav nav #accounts-button {
    margin: 0 0 0 24px;
    min-width: 160px;
    align-self: center
}

#main-nav.transparent-header,
.transparent-header #main-nav {
    background: 0 0;
    padding:0
}

#main-nav.transparent-header a.menu-item,
.transparent-header #main-nav a.menu-item {
    color: rgba(32, 41, 47, .6);
}

#main-nav.transparent-header #pricing-button,
.transparent-header #main-nav #pricing-button {
    background: #fff;
    color: #ff4a9e !important
}

#main-nav.transparent-header .hamburger span,
.transparent-header #main-nav .hamburger span {
    background: #fff
}

#main-nav.transparent-header-dark {
    background: 0 0
}

#main-nav .sub-menu {
    background: 0 0;
    box-shadow: none;
    position: absolute;
    visibility: hidden;
    z-index: 9999;
    top: 80px;
    left: 50%;
    opacity: 0;
    width: 320px;
    transform: translateX(-50%);
    transition: all 150ms ease-in-out;
    transition-delay: 0
}

#main-nav .sub-menu.sub-menu-wide {
    width: 464px
}

#main-nav .sub-menu ul>li,
#main-nav .sub-menu ul>a {
    margin: 0;
    transition: all 200ms ease-in-out
}

#main-nav .sub-menu ul>li:hover,
#main-nav .sub-menu ul>a:hover {
    transform: translateX(5px)
}

#main-nav .sub-menu ul p {
    font-size: .85em;
    line-height: 1.4em
}

#main-nav .sub-menu ul.menu-items div {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

#main-nav .sub-menu ul.menu-items h3 {
    margin: 0 12px 0 0
}

#main-nav .sub-menu ul.menu-items a {
    padding: 6px 0
}

#main-nav .sub-menu ul.primary-menu-items h3 {
    font-size: 1em;
    margin: -.3em 0 0
}

#main-nav .sub-menu ul.primary-menu-items a {
    padding: .6em 0
}

#main-nav .sub-menu>.card-inset-container {
    margin-top: 0
}

#main-nav.et_fixed_nav {
    padding: 0;
    box-shadow: 0 4px 24px 0 rgba(103, 151, 255, .1), 0 12px 64px 0 rgba(103, 151, 255, .1)
}

#main-nav.et_fixed_nav #logo {
    max-height: 60px;
    width: 80px
}

#main-nav.et_fixed_nav a.menu-item {
    padding: 0 15px;
    color: rgba(32, 41, 47, .6);
    height: 60px;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    text-transform: none;
}

#main-nav.et_fixed_nav .sub-menu {
    top: 60px
}

#main-nav.et_fixed_nav nav>ul li:hover>a {
    color: #20292f
}

#main-nav.et_fixed_nav #pricing-button {
    color: #fff !important;
    background: linear-gradient(120deg, rgba(255, 74, 158, 0) 0%, #ff3190 100%);
    background-color: #ff4ac2
}

#main-nav.et_fixed_nav #pricing-button:hover {
    background-color: #ff59d0
}

#main-nav.et_fixed_nav #pricing-button,
#main-nav.et_fixed_nav #accounts-button {
    padding-top: 8px;
    padding-bottom: 8px
}

.language-button{
    margin: 0 0 0 15px;
    min-width: 80px;
    align-self: center;
    font-size: 11px !important;
    padding: 5px 19px !important;
    color: #fff !important;
    background-color: #b6c8e0;
    display: inline-block;
}

.language-active{
    background-color: #4d86ff !important;
}

#main-nav.et_fixed_nav .hamburger span {
    background: #ff4a9e
}

#main-nav .et-main-account-menu .et_account_login_form {
    width: 100%
}

#main-nav .et-main-account-menu>.menu-items,
#main-nav .et-main-account-menu .et_account_login_form,
#main-nav .et-main-account-menu #account-downloads-button {
    display: none;
    float: left;
    text-align: center
}

#main-nav .et-main-account-menu p,
#main-nav .et-main-account-menu span {
    font-size: 15px
}

.js-ready #main-nav nav>ul li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transition-delay: 100ms
}

.button.highlight-pricing-button {
    color: #fff !important;
    background: linear-gradient(120deg, rgba(52, 221, 135, 0) 0%, #24d47a 100%) !important;
    background-color: #34dd65 !important
}

.button.highlight-pricing-button:hover {
    background-color: #41df67 !important
}

.pricing-button-wrapper {
    position: relative
}

.pricing-button-wrapper.et-highlighted {
    transform: none
}

.menu-callout {
    width: 340px;
    text-align: center;
    position: absolute;
    bottom: -80px;
    right: 0;
    padding: 16px 32px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.menu-callout:hover {
    transform: scale(1.1)
}

.et-highlighted .menu-callout {
    opacity: 1;
    visibility: visible;
    bottom: -70px
}

.et-highlighted-hidden .menu-callout {
    visibility: hidden;
    opacity: 0;
    bottom: -80px
}

.menu-callout:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    top: -16px;
    right: 30px
}

.wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.wp-pagenavi .pages {
    flex-basis: 100%;
    margin-bottom: 24px
}

.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .extend {
    text-transform: uppercase;
    line-height: 40px;
    margin: 8px
}

.wp-pagenavi .first,
.wp-pagenavi .last {
    width: auto
}

.wp-pagenavi .smaller,
.wp-pagenavi .larger,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    width: 40px;
    height: 40px;
    border-radius: 100px
}

.wp-pagenavi .smaller,
.wp-pagenavi .larger,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    background-color: rgba(109, 124, 144, .1)
}

.wp-pagenavi .current {
    background-color: #6797ff;
    color: #fff
}

.wp-pagenavi .extend {
    letter-spacing: 2px;
    margin-top: -2px;
    color: #6d7c90;
    width: auto
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    line-height: 37px
}

.category-circle {
    display: block;
    position: absolute;
    top: -16px;
    right: -16px;
    border-radius: 100px;
    width: 76px;
    height: 76px;
    color: #fff;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 600;
    text-align: center;
    padding-top: 22px
}

body.admin-bar #wpadminbar {
    z-index: 99999999999
}

body.admin-bar #landing-hero {
    margin-top: -32px
}

body.admin-bar #main-nav {
    top: 32px
}

#search-form {
    position: relative;
    display: flex;
    width: 400px;
    max-width: 100%
}

#search-form .search-icon {
    height: 28px;
    width: auto;
    right: 8px;
    z-index: 2;
    top: 24px;
    position: absolute
}

.article-container .column-container {
    width: 100%
}

.et_bloom .et_bloom_form_container .et_bloom_form_content .et_bloom_popup_input input {
    margin: 0
}

article.entry,
article.entry p {
    color: #375174
}

article.entry.entry.et_box {
    padding: 0 5%;
    width: 100%
}

article.entry video {
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto
}

article.entry iframe {
    display: block;
    margin-left: auto;
    margin-right: auto
}

article.entry iframe.e-embed-frame {
    width: 100% !important;
    max-width: 540px !important;
    min-width: initial !important
}

article.entry img {
    border-radius: 8px;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

article.entry ol {
    list-style-type: decimal
}

article.entry ul {
    list-style-type: disc
}

article.entry li {
    margin-left: 3em;
    padding-left: .5em
}

article.entry .wp-caption {
    width: 100% !important
}

article.entry .wp-caption p.wp-caption-text {
    padding: 16px 0 40px;
    margin: 0;
    color: rgba(109, 124, 144, .7);
    font-style: italic;
    font-weight: 300
}

article.entry .button.inline-button {
    display: table;
    margin-left: auto;
    margin-right: auto
}

article.entry blockquote {
    position: relative;
    margin: 64px auto;
    padding: 0 80px
}

article.entry blockquote p {
    font-size: inherit
}

article.entry blockquote:after {
    color: #8f42ec;
    content: '\201C';
    display: block;
    font-size: 100px;
    position: absolute;
    left: 24px;
    top: 16px
}

article.entry .notecard,
article.entry .syntaxhighlighter {
    background-color: rgba(32, 41, 47, .03) !important;
    padding: 32px !important;
    border-radius: 8px !important;
    margin: 2em 0 3em !important
}

article.entry .syntaxhighlighter table td.code .line {
    padding: 6px 1em !important
}

article.entry .syntaxhighlighter table td.gutter .line {
    padding: 6px 1em !important
}

article.entry .syntaxhighlighter div {
    font-size: 14px !important
}

article.entry .syntaxhighlighter .line.alt1 {
    background-color: transparent !important
}

article.entry .syntaxhighlighter .line.alt2 {
    background-color: rgba(32, 41, 47, .03) !important
}

.blog-disclosure {
    padding-top: 32px;
    border-top: 2px solid #eff2f3
}

.post-thumbnail {
    margin: -32px -32px 28px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    max-width: initial !important
}

.post-thumbnail img {
    max-width: 100%;
    width: 100%;
    border-radius: 8px 8px 0 0 !important
}

.blog-index article h3 a,
.blog-index article h3 {
    color: #20292f;
    font-size: 1.1em;
    line-height: 1.4em
}

.blog-index article p {
    font-size: .9em
}

.blog-index article .blog-meta a {
    color: #6d7c90;
    font-weight: 600
}

.blog-index article p+.button {
    margin-bottom: 0
}

.legacy-post.row-container {
    width: 1080px
}

.legacy-post .feature-header .et_manage_submit {
    margin: 0 !important;
    max-width: initial !important
}

@media(min-width:1100px) {
    .legacy-post .post-thumbnail {
        margin-top: 0
    }
}

.legacy-post .post-thumbnail img {
    width: auto;
    margin: auto
}

.legacy-post article {
    max-width: 880px;
    margin: auto
}

.legacy-post article.entry.et_box {
    padding: 0
}

.legacy-post .et_manage_submit {
    background-color: #ff4a9e;
    color: #fff;
    display: flex;
    display: block;
    max-width: 100% !important;
    text-align: center;
    margin: 32px auto !important
}

body.product-update video {
    background: 0 0;
    margin-bottom: 6%
}

.featured-heading {
    margin: 64px auto
}

.feature-header {
    background: radial-gradient(circle at top left, #4A42EC 0%, #521d91 100%);
    background-color: #521d91;
    box-shadow: 0 48px 48px -32px rgba(23, 16, 159, .2), 0 96px 96px -64px rgba(23, 16, 159, .4);
    text-align: center;
    padding: 32px;
    border-radius: 8px;
    z-index: 2;
    position: relative;
    margin: 64px -112px;
    padding-top: 64px;
    padding-bottom: 64px;
    max-width: initial !important
}

.feature-header-last {
    margin-bottom: -32px
}

article .feature-header:first-child {
    margin-top: -40px !important
}

.feature-header h2 {
    font-size: 2.2em;
    color: #fff;
    max-width: 680px;
    margin: .7em auto .5em
}

.feature-header p {
    color: #fff !important;
    max-width: 637.5px;
    margin: auto;
    font-size: 1.1em
}

.feature-header p:first-child {
    margin-bottom: 0
}

.post-author-avatar {
    margin-bottom: 8px !important
}

.post-author-avatar img {
    border-radius: 100px
}

.post-author-bio {
    max-width: 850px
}

.marketplace-box {
    background: rgba(109, 124, 144, .04);
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 40px;
    text-align: center
}

.avatar-box {
    border-radius: 100px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-top: -8px
}

.comment-author-admin .avatar-box,
.bypostauthor .avatar-box {
    border: 4px solid #ff4a9e
}

.comment-author-admin .avatar-box img,
.bypostauthor .avatar-box img {
    border: 4px solid #fff;
    border-radius: 100px
}

body.blog.single .entry img.with-border {
    border-radius: 8px;
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11)
}

.comment-meta {
    display: inline-block;
    vertical-align: top
}

.comment-meta span {
    display: block
}

.comment-meta span.fn {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.1em
}

.comment-meta span.fn .url {
    color: #20292f
}

.comment-author-admin .comment-meta span.fn,
.bypostauthor .comment-meta span.fn {
    color: #ff4a9e
}

.comment-meta span.comment_date {
    font-size: .8em;
    font-weight: 600
}

.comment-content {
    margin-top: 16px;
    margin-left: 64px
}

.comment-author-admin .comment-content {
    margin-left: 72px
}

.reply-container {
    text-align: right
}

#cancel-comment-reply-link {
    float: right;
    font-size: .5em
}

.form-submit {
    text-align: right
}

.moderation {
    font-weight: 600;
    font-style: normal;
    color: #ff7b2b;
    margin-top: 8px
}

#reply-title {
    max-width: 100%
}

.et-highlightable {
    transition: all 500ms ease-in-out
}

.et-highlighted {
    transform: scale(1.2)
}

.mfp-iframe-holder .mfp-content {
    border-radius: 8px;
    box-shadow: 0 10px 70px 0 rgba(103, 151, 255, .22), 0 15px 105px 0 rgba(103, 151, 255, .22)
}

.video-popup-join-button {
    display: none;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
    z-index: 9999999;
    min-width: 300px;
    text-align: center
}

.video-popup-join-button:hover {
    transform: translateX(-50%) translateY(-1px)
}

html body .e-widget-wrapper {
    width: 540px;
    max-width: 100% !important
}

.addeventatc.button,
.addeventatc.button:hover {
    border-radius: 100px;
    border-width: 0;
    font-size: 15px;
    color: #fff !important;
    box-shadow: none;
    line-height: 28px;
    font-weight: 900;
    font-family: lato, sans-serif;
    visibility: hidden
}

.addeventatc .addeventatc_icon {
    display: none
}

#DIV_TO_PLACE_COUNTDOWN,
#DIV_TO_PLACE_COUNTDOWN2 {
    transform: scale(.8);
    text-align: center
}

.offer-countdown {
    background-color: #cc3d00;
    margin-top: 0;
    margin-bottom: 64px
}

.offer-countdown .countdown-period {
    color: #fff
}

.offer-countdown .is-countdown {
    padding: 0;
    margin: 0
}

.offer-countdown .countdown-amount {
    font-size: 2.8em;
    font-weight: 700
}

.offer-countdown h4 {
    display: inline-block;
    width: auto;
    border-radius: 100px;
    margin: -56px auto 32px;
    background-color: #992e00;
    font-size: .85em;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 16px
}

.is-countdown {
    background-color: #cc3d00;
    border-radius: 4px;
    padding: 4px;
    display: inline-block;
    width: 100%;
    max-width: 400px
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center
}

.countdown-show1 .countdown-section {
    width: 98%
}

.countdown-show2 .countdown-section {
    width: 48%
}

.countdown-show3 .countdown-section {
    width: 32.5%
}

.countdown-show4 .countdown-section {
    width: 24.5%
}

.countdown-show5 .countdown-section {
    width: 19.5%
}

.countdown-show6 .countdown-section {
    width: 16.25%
}

.countdown-show7 .countdown-section {
    width: 14%
}

.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center
}

.countdown-amount {
    font-size: 24px;
    font-weight: 900;
    color: #fff
}

.countdown-period {
    display: block;
    color: #9e2f00;
    font-weight: 900;
    margin-top: -10px
}

.countdown-descr {
    display: block;
    width: 100%
}

#countdown-popup {
    display: none
}

.with-countdown.promo-slide-in h2,
.with-countdown.cover-popup .card h2,
.with-countdown #flyin h2,
#bottom-call-to-action.with-countdown .card-featured h2,
.with-countdown.promo-slide-in h3,
.with-countdown.cover-popup .card h3,
.with-countdown #flyin h3,
#bottom-call-to-action.with-countdown .card-featured h3,
.with-countdown.promo-slide-in h4,
.with-countdown.cover-popup .card h4,
.with-countdown #flyin h4,
#bottom-call-to-action.with-countdown .card-featured h4,
.with-countdown.promo-slide-in .card-title,
.with-countdown.cover-popup .card .card-title,
.with-countdown #flyin .card-title,
#bottom-call-to-action.with-countdown .card-featured .card-title {
    color: #fff
}

.with-countdown.promo-slide-in h4,
.with-countdown.cover-popup .card h4,
.with-countdown #flyin h4,
#bottom-call-to-action.with-countdown .card-featured h4 {
    margin-bottom: 8px;
    margin-top: 0
}

.with-countdown.promo-slide-in p,
.with-countdown.cover-popup .card p,
.with-countdown #flyin p,
#bottom-call-to-action.with-countdown .card-featured p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600
}

.with-countdown.promo-slide-in p strong,
.with-countdown.cover-popup .card p strong,
.with-countdown #flyin p strong,
#bottom-call-to-action.with-countdown .card-featured p strong {
    color: #fff
}

.with-countdown.promo-slide-in .button {
    padding: 0 20px;
    border-radius: 0 8px 8px 0;
    margin: 10px 0 0;
    line-height: 1.2em;
    height: 60px;
    padding-top: 10px
}

.with-countdown.promo-slide-in .button:hover {
    transform: none
}

.with-countdown.promo-slide-in .promo-slide-in-close-promo {
    top: 29px
}

.with-countdown.promo-slide-in h6 {
    font-size: 21px;
    line-height: 1.2em
}

#flyinwrapper.with-countdown {
    height: 362px;
    bottom: 0
}

#flyinwrapper.with-countdown.minimize {
    bottom: -306px !important
}

#flyinwrapper.with-countdown.minimize:hover {
    bottom: -296px !important
}

.limited-offer#flyinwrapper:before,
.limited-offer#flyinwrapper:after {
    display: none
}

.limited-offer#flyinwrapper #flyin {
    background-color: #ff4c00
}

.limited-offer#flyinwrapper .countdown-period {
    color: #6f2100
}

form#et_manage_form {
    width: 100%
}

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
select,
textarea,
#card-element,
.et_card_number {
    position: relative;
    display: block;
    border: none;
    border-radius: 5px;
    background: rgba(109, 124, 144, .1);
    width: 100%;
    margin: 16px 0;
    padding: 8px 12px;
    text-align: left;
    border: 2px solid transparent;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    font-size: .9em;
    font-family: lato, sans-serif;
    line-height: 1.8em;
    letter-spacing: .5px;
    font-weight: 700;
    color: #20292f;
    outline: none
}

#card-element {
    padding: 12px;
    min-height: 47px
}

.et_update_billing_page_container .et_update_billing {
    margin-top: 16px
}

.et_stripe_card_exists #et-stripe-elements {
    display: none
}

#checkout-form .et_update_billing {
    margin-bottom: 16px
}

input[type=submit] {
    font-family: lato, sans-serif
}

#card-element.StripeElement--focus {
    border: 2px solid #3776ff;
    background: transparent
}

#card-element:hover {
    border: 2px solid #3776ff
}

.et_manage_input {
    display: flex;
    flex: 1;
    position: relative
}

.et_manage_input input::-webkit-input-placeholder,
.et_manage_input select::-webkit-input-placeholder,
.et_manage_input textarea::-webkit-input-placeholder {
    color: rgba(109, 124, 144, .6)
}

.et_manage_input input:hover:not(.no-edit),
.et_manage_input select:hover:not(.no-edit),
.et_manage_input textarea:hover:not(.no-edit),
.et_manage_input input:focus:not(.no-edit),
.et_manage_input select:focus:not(.no-edit),
.et_manage_input textarea:focus:not(.no-edit) {
    border: 2px solid #3776ff
}

.et_manage_input input:focus,
.et_manage_input select:focus,
.et_manage_input textarea:focus {
    background: transparent
}

.et_manage_input input:focus+label,
.et_manage_input select:focus+label,
.et_manage_input textarea:focus+label {
    color: #3776ff
}

.et_manage_input input:focus+label,
.et_manage_input select:focus+label,
.et_manage_input textarea:focus+label,
.et_filled.et_manage_input input+label,
.et_filled.et_manage_input select+label,
.et_filled.et_manage_input textarea+label {
    opacity: 1;
    top: -.2em
}

.et_manage_input input:focus::-webkit-input-placeholder,
.et_manage_input select:focus::-webkit-input-placeholder,
.et_manage_input textarea:focus::-webkit-input-placeholder,
.et_filled.et_manage_input input::-webkit-input-placeholder,
.et_filled.et_manage_input select::-webkit-input-placeholder,
.et_filled.et_manage_input textarea::-webkit-input-placeholder {
    color: transparent
}

.et_manage_input label,
.et_manage_input .et_filled,
.et_manage_input .et-stripe-cancel-card-change {
    text-align: left;
    font-size: 10px;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    top: -.2em;
    left: 0;
    pointer-events: none;
    transition: all, .4s;
    opacity: 0;
    color: rgba(109, 124, 144, .6)
}

.et_manage_input .et_card_number {
    width: 72%;
    border-color: rgba(109, 124, 144, .1);
    background: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.et_manage_input .et_card_number span {
    color: #6d7c90;
    text-transform: uppercase
}

.et_manage_input .et_card_number span span {
    color: #3776ff
}

.et_manage_input .et-stripe-cancel-card-change {
    opacity: 1;
    color: #3776ff;
    right: 28%;
    left: auto;
    pointer-events: initial
}

.et_manage_input .et-stripe-cancel-card-change+label {
    opacity: 1
}

.et_manage_input .et-stripe-cancel-card-change.without-save-button {
    right: 0
}

.et_manage_input #card-element {
    width: 72%
}

.et_manage_input #card-element.without-save-button {
    width: 100%
}

.et_manage_input .et_card_button {
    width: 25%;
    margin: 16px 0 16px 3%;
    padding: 9px 20px;
    text-align: center;
    border-radius: 5px;
    color: #6d7c90 !important
}

.et_manage_input .et_card_button.et_update_billing_save_button {
    color: #fff !important
}

.et_manage_input .et_card_button+label {
    opacity: 1
}

.et_manage_input select {
    height: 44px;
    border-radius: 8px
}

.et_manage_input select+label {
    opacity: 1;
    top: -2px
}

.help-tooltip {
    position: relative
}

.help-tooltip-icon {
    background: #1e65ff;
    padding: 2px 7px;
    border-radius: 50px;
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    margin-left: 5px
}

.help-tooltip-icon:hover+.help-tooltip-tooltip {
    opacity: 1
}

.help-tooltip-tooltip {
    background: #fff;
    border-radius: 4px;
    padding: 24px;
    opacity: 0;
    position: absolute;
    z-index: 10;
    bottom: 30px;
    left: -135px;
    min-width: 300px;
    transition: opacity 200ms ease-in-out;
    transition-delay: 500ms;
    pointer-events: none
}

.help-tooltip-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: #fff;
    bottom: -10px;
    transform: rotate(45deg);
    left: 135px
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=submit] {
    margin: 16px 0;
    cursor: pointer
}

input[type=number] {
    -moz-appearance: textfield
}

input.click-to-copy {
    cursor: pointer
}

input.no-edit {
    border-color: rgba(109, 124, 144, .1);
    background: #fff
}

.click-to-copy-wrapper {
    position: relative;
    display: block
}

.copy-status {
    display: block;
    padding: 4px 8px;
    border-radius: 8px;
    background: #ff4a9e;
    color: #fff;
    font-weight: 600;
    font-size: .9em;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 500ms ease-in-out;
    width: 120px;
    text-align: center;
    -webkit-animation: fade-in 500ms;
    animation: fade-in 500ms
}

.copy-status:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ff4a9e;
    position: absolute;
    bottom: -10px;
    right: 50%;
    transform: translateX(50%);
    transition: all 500ms ease-in-out
}

.copy-status.copy-success {
    background: #34dd87;
    width: 86px
}

.copy-status.copy-success:after {
    border-top: 10px solid #34dd87
}

#captcha {
    display: flex
}

#captcha img {
    margin-top: 16px;
    margin-left: 20px;
    max-width: none
}

.subscription-card .subscription-summary {
    display: flex;
    grid-column-gap: 5%
}

.subscription-card .subscription-summary .subscription-details {
    flex: 1
}

.subscription-card .more-details {
    position: relative;
    background: #f2f4f5;
    margin: 16px -16px -16px;
    padding-left: 16px
}

.subscription-card .more-details .accordion-title {
    font-size: .7em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px
}

.subscription-card .more-details svg {
    z-index: 1;
    top: 18px;
    right: 16px
}

.et_subscription_banner {
    padding: 15px 20px;
    width: 1120px;
    max-width: 90%;
    margin: 0 auto;
    position: relative
}

.et_subscription_banner h4 {
    display: block;
    float: left;
    width: auto;
    margin-right: 20px;
    margin-bottom: 0
}

.et_subscription_banner .button {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    padding: 0 15px
}

.et_subscription_banner .et_banner_close {
    color: #fff;
    float: right
}

.et_api_key {
    padding-left: 32px;
    position: relative;
    text-align: right;
    margin-bottom: 0 !important
}

.et_api_key .et_manage_input {
    margin-bottom: 0
}

.et_api_key .et_manage_input input {
    padding: 0 8px;
    margin-bottom: 0;
    max-width: 320px;
    font-size: .8em
}

.et_api_key:after {
    content: '';
    display: block;
    background: #34dd87;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 75px;
    border-radius: 30px;
    transition: all 500ms ease-in-out
}

.et_api_key.et_deactivated_key .click-to-copy {
    color: rgba(109, 124, 144, .6);
    cursor: not-allowed
}

.et_api_key.et_deactivated_key .copy-status {
    background: #ff4c00;
    width: 140px
}

.et_api_key.et_deactivated_key .copy-status:after {
    border-top: 10px solid #ff4c00
}

.et_api_key.et_deactivated_key .copy-status.copy-success {
    background: #ff7b2b;
    width: 86px
}

.et_api_key.et_deactivated_key .copy-status.copy-success:after {
    border-top: 10px solid #ff7b2b
}

.et_api_key.et_deactivated_key:after {
    background: #ff7b2b
}

#et_overlay_password_container {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center
}

#et_overlay_password_container #et_overlay_password {
    text-align: center;
    background: #fff;
    padding: 30px
}

.modal-fixed:after {
    content: "";
    background-color: rgba(255, 255, 255, .8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    -webkit-animation: fade-in .5s 1 cubic-bezier(.77, 0, .175, 1);
    animation: fade-in .5s 1 cubic-bezier(.77, 0, .175, 1)
}

.modal-small .modal-card {
    width: 360px;
    max-width: 90%;
    text-align: center;
    position: absolute;
    z-index: 999999999;
    bottom: 14px;
    visibility: hidden;
    opacity: 0;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    transform: scale(.9)
}

.modal-visible .modal-card {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.modal-hidden .modal-card {
    opacity: 0;
    visibility: hidden
}

.modal-fixed .modal-card {
    position: fixed;
    left: 50%;
    top: 50%;
    bottom: initial;
    right: initial;
    transform: translateX(-50%) translateY(-50%)
}

.modal-right .modal-card {
    right: 0
}

.modal-left .modal-card {
    left: 0
}

@-webkit-keyframes color-button {
    0% {
        background: #8f42ec;
        transform: scale(1)
    }

    33% {
        background: #34dd87;
        transform: scale(1)
    }

    40% {
        transform: scale(1.1)
    }

    47% {
        transform: scale(1)
    }

    66% {
        background: #ffad00;
        transform: scale(1)
    }

    100% {
        background: #8f42ec
    }
}

@keyframes color-button {
    0% {
        background: #8f42ec;
        transform: scale(1)
    }

    33% {
        background: #34dd87;
        transform: scale(1)
    }

    40% {
        transform: scale(1.1)
    }

    47% {
        transform: scale(1)
    }

    66% {
        background: #ffad00;
        transform: scale(1)
    }

    100% {
        background: #8f42ec
    }
}

@media only screen and (min-width:1025px) {
    .perspective-right {
        perspective: 600px;
        perspective-origin: right;
        margin-bottom: 16%
    }

    .product-feature .perspective-right {
        margin-top: 8%
    }

    .skew-right {
        transform: rotateY(-16deg) rotateX(8deg) skew(-10deg, 8deg) scale(1.1) translateX(-8%)
    }

    .perspective-left {
        perspective: 600px;
        perspective-origin: left;
        margin-bottom: 16%
    }

    .product-feature .perspective-left {
        margin-top: 8%
    }

    .skew-left {
        transform: rotateY(16deg) rotateX(8deg) skew(10deg, -8deg) scale(1.1) translateX(8%)
    }
}

@media only screen and (min-width:1024px) {
    #main-nav .sub-menu {
        display: initial !important
    }

    svg.menu-expand {
        visibility: hidden;
        display: none;
        opacity: 0
    }

    svg.menu-collapse {
        visibility: hidden;
        display: none;
        opacity: 0
    }
}

@media only screen and (max-width:1024px) {
    article.entry.et_box {
        padding: 0
    }

    article .feature-header {
        margin-left: -48px;
        margin-right: -48px
    }

    html.mobile-menu {
        overflow: hidden;
        height: 100vh
    }

    #main-nav .et-main-account-menu>.menu-items,
    #main-nav .et-main-account-menu .et_account_login_form,
    #main-nav .et-main-account-menu #account-downloads-button {
        float: initial
    }

    #main-nav .et-main-account-menu #account-downloads-button {
        display: none !important
    }

    #main-nav,
    #main-nav.transparent-header,
    #main-nav.et_fixed_nav {
        height: 80px
    }

    #main-nav .row-container,
    #main-nav.transparent-header .row-container,
    #main-nav.et_fixed_nav .row-container {
        justify-content: space-between
    }

    body.mobile-menu #main-nav,
    body.mobile-menu #main-nav.transparent-header,
    body.mobile-menu #main-nav.et_fixed_nav {
        background: #fff
    }

    #main-nav .menu-bg-wrapper,
    #main-nav.transparent-header .menu-bg-wrapper,
    #main-nav.et_fixed_nav .menu-bg-wrapper,
    #main-nav .menu-bg-wrapper.is-visible,
    #main-nav.transparent-header .menu-bg-wrapper.is-visible,
    #main-nav.et_fixed_nav .menu-bg-wrapper.is-visible {
        visibility: hidden;
        opacity: 0
    }

    #main-nav nav,
    #main-nav.transparent-header nav,
    #main-nav.et_fixed_nav nav {
        visibility: hidden;
        opacity: 0;
        display: none;
        transition: 300ms all cubic-bezier(.4, 0, .2, 1)
    }

    #main-nav nav.toggled,
    #main-nav.transparent-header nav.toggled,
    #main-nav.et_fixed_nav nav.toggled {
        display: flex;
        visibility: visible;
        opacity: 1
    }

    #main-nav nav .pricing-button-wrapper,
    #main-nav.transparent-header nav .pricing-button-wrapper,
    #main-nav.et_fixed_nav nav .pricing-button-wrapper {
        position: fixed;
        width: 100%;
        padding: 24px;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        background: #fff
    }

    #main-nav nav .pricing-button-wrapper #pricing-button,
    #main-nav.transparent-header nav .pricing-button-wrapper #pricing-button,
    #main-nav.et_fixed_nav nav .pricing-button-wrapper #pricing-button {
        color: #fff !important;
        background: #ff4a9e
    }

    #main-nav nav .pricing-button-wrapper #pricing-button,
    #main-nav.transparent-header nav .pricing-button-wrapper #pricing-button,
    #main-nav.et_fixed_nav nav .pricing-button-wrapper #pricing-button,
    #main-nav nav .pricing-button-wrapper #pricing-button #accounts-button,
    #main-nav.transparent-header nav .pricing-button-wrapper #pricing-button #accounts-button,
    #main-nav.et_fixed_nav nav .pricing-button-wrapper #pricing-button #accounts-button {
        margin: 0
    }

    #main-nav nav .menu,
    #main-nav.transparent-header nav .menu,
    #main-nav.et_fixed_nav nav .menu {
        width: 100%;
        padding: 0;
        overflow-y: auto;
        padding-bottom: 100px
    }

    #main-nav nav a.menu-item,
    #main-nav.transparent-header nav a.menu-item,
    #main-nav.et_fixed_nav nav a.menu-item {
        color: rgba(32, 41, 47, .6);
        height: 60px
    }

    #main-nav nav>ul,
    #main-nav.transparent-header nav>ul,
    #main-nav.et_fixed_nav nav>ul {
        position: fixed
    }

    #main-nav nav ul,
    #main-nav.transparent-header nav ul,
    #main-nav.et_fixed_nav nav ul {
        background: #f2f4f5;
        bottom: 0;
        left: 0;
        margin: 0;
        top: 80px;
        flex-direction: column;
        transition: 300ms all cubic-bezier(.4, 0, .2, 1)
    }

    body.with_promo_slide_in #main-nav nav ul,
    body.with_promo_slide_in #main-nav.transparent-header nav ul,
    body.with_promo_slide_in #main-nav.et_fixed_nav nav ul {
        top: 120px
    }

    #main-nav nav ul li,
    #main-nav.transparent-header nav ul li,
    #main-nav.et_fixed_nav nav ul li {
        width: 100%;
        flex-direction: column;
        cursor: pointer
    }

    #main-nav nav ul li .sub-menu,
    #main-nav.transparent-header nav ul li .sub-menu,
    #main-nav.et_fixed_nav nav ul li .sub-menu,
    #main-nav nav ul li .sub-menu-wide,
    #main-nav.transparent-header nav ul li .sub-menu-wide,
    #main-nav.et_fixed_nav nav ul li .sub-menu-wide,
    #main-nav nav ul li #divi-sub-menu.sub-menu,
    #main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu,
    #main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu {
        display: none;
        visibility: visible;
        opacity: 1;
        position: initial;
        width: 100% !important;
        left: initial;
        z-index: initial;
        transform: initial;
        padding-top: 0;
        padding-bottom: 0;
        top: initial;
        transition-delay: 0ms !important;
        transition: none;
        background: #fff;
        border-radius: 0;
        padding: 16px
    }

    #main-nav nav ul li .sub-menu .menu-items,
    #main-nav.transparent-header nav ul li .sub-menu .menu-items,
    #main-nav.et_fixed_nav nav ul li .sub-menu .menu-items,
    #main-nav nav ul li .sub-menu-wide .menu-items,
    #main-nav.transparent-header nav ul li .sub-menu-wide .menu-items,
    #main-nav.et_fixed_nav nav ul li .sub-menu-wide .menu-items,
    #main-nav nav ul li #divi-sub-menu.sub-menu .menu-items,
    #main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu .menu-items,
    #main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu .menu-items {
        background: #fff
    }

    #main-nav nav ul li .sub-menu ul,
    #main-nav.transparent-header nav ul li .sub-menu ul,
    #main-nav.et_fixed_nav nav ul li .sub-menu ul,
    #main-nav nav ul li .sub-menu-wide ul,
    #main-nav.transparent-header nav ul li .sub-menu-wide ul,
    #main-nav.et_fixed_nav nav ul li .sub-menu-wide ul,
    #main-nav nav ul li #divi-sub-menu.sub-menu ul,
    #main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu ul,
    #main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu ul {
        margin-bottom: 0 !important;
        margin-right: 0
    }

    #main-nav nav ul li .sub-menu li,
    #main-nav.transparent-header nav ul li .sub-menu li,
    #main-nav.et_fixed_nav nav ul li .sub-menu li,
    #main-nav nav ul li .sub-menu-wide li,
    #main-nav.transparent-header nav ul li .sub-menu-wide li,
    #main-nav.et_fixed_nav nav ul li .sub-menu-wide li,
    #main-nav nav ul li #divi-sub-menu.sub-menu li,
    #main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu li,
    #main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu li {
        -webkit-animation: fade-in;
        animation: fade-in
    }

    #main-nav nav .card-inset-container,
    #main-nav.transparent-header nav .card-inset-container,
    #main-nav.et_fixed_nav nav .card-inset-container {
        display: none !important
    }

    #main-nav nav .button,
    #main-nav.transparent-header nav .button,
    #main-nav.et_fixed_nav nav .button {
        margin-top: 16px
    }

    #main-nav nav #pricing-button,
    #main-nav.transparent-header nav #pricing-button,
    #main-nav.et_fixed_nav nav #pricing-button,
    #main-nav nav #accounts-button,
    #main-nav.transparent-header nav #accounts-button,
    #main-nav.et_fixed_nav nav #accounts-button {
        display: block !important;
        margin-top: 0
    }

    #main-nav .hamburger,
    #main-nav.transparent-header .hamburger,
    #main-nav.et_fixed_nav .hamburger {
        display: block;
        padding: 22px 0
    }

    #main-nav.et_fixed_nav {
        height: 60px
    }

    #main-nav.et_fixed_nav nav ul {
        top: 60px
    }

    #builder-preview .column-container:first-of-type {
        order: 1;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 2em
    }

    #builder-preview .column-container:nth-of-type(n+2) {
        order: 2;
        margin-top: 0;
        margin-bottom: 0
    }

    .website-pack-preview span:nth-child(n) {
        width: 180px;
        max-width: 100%
    }

    .website-pack-preview span:nth-child(n):nth-child(2),
    .website-pack-preview span:nth-child(n):nth-child(3) {
        visibility: hidden;
        display: none
    }

    .website-pack-preview:hover span:first-child {
        width: 180px
    }
}

@media screen and (max-height:768px) and (min-width:1024px) {
    #main-nav #divi-sub-menu.sub-menu {
        width: 800px;
        display: flex !important;
        flex-wrap: wrap
    }

    #main-nav #divi-sub-menu.sub-menu>ul {
        margin-right: 32px
    }

    #main-nav #divi-sub-menu.sub-menu>ul,
    #main-nav #divi-sub-menu.sub-menu>div {
        margin-bottom: 24px !important
    }

    #main-nav #divi-sub-menu.sub-menu>ul {
        flex: 4
    }

    #main-nav #divi-sub-menu.sub-menu>div {
        flex: 3
    }

    #main-nav #divi-sub-menu.sub-menu .card-inset-container {
        margin: 0;
        padding: 0;
        background: 0 0
    }

    #main-nav #divi-sub-menu.sub-menu .button {
        flex-basis: 100%
    }
}

@media only screen and (max-width:960px) {
    .card-button-navigation {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 4%
    }

    .card-button-navigation .column {
        flex-direction: row
    }

    .card-button-navigation .column .card {
        flex: 1;
        margin: 8px
    }
}

@media only screen and (max-width:768px) {
    blockquote {
        font-size: 1.1em
    }

    article.entry blockquote {
        padding: 0 0 0 32px
    }

    article.entry blockquote:after {
        left: -10px;
        font-size: 70px
    }

    .card-button-navigation .column {
        flex-wrap: wrap
    }

    .card-button-navigation .column .card {
        flex-basis: 40%;
        padding: 8px
    }

    .blurb-cloud .column-container {
        justify-content: flex-end
    }

    .blurb-cloud .cloud-blurb {
        margin: 0 !important
    }

    .blurb-cloud .cloud-blurb h3 {
        font-size: 1em !important;
        text-align: left !important
    }

    .tab-navigation li a.callout {
        display: none !important
    }
}

@media only screen and (max-width:670px) {
    .tooltip_hover {
        display: none !important
    }
}

@media only screen and (max-width:480px) {
    .card {
        padding: 16px
    }

    .card .card-inset-container {
        padding: 16px;
        margin: 16px -16px
    }

    .card .card-inset-container:first-child {
        margin-top: -16px
    }

    .card .card-inset-container:last-child {
        margin-bottom: -16px !important
    }

    #footer-trust-icons .column-container {
        flex: 1;
        flex-basis: 50%
    }

    #footer-trust-icons .column-container .column {
        align-items: center;
        margin: 16px 0
    }

    .post-thumbnail {
        margin: -16px -16px 28px
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .headline-1,
    .headline-2,
    .headline-3,
    .headline-4,
    .subhead,
    .subhead-small,
    .button.primary-button span,
    .card-title,
    .package_price .price,
    .subhead-small,
    nav a.menu-item,
    #footer-menu h3,
    .tab-navigation-narrow,
    .card-title {
        background-image: none !important
    }
}

.et_errors,
.et_reset_form_errors,
.errors,
.et_warning,
.et_success,
.et_info {
    background: #e0466f12;
    color: #ff4c00;
    padding: 20px !important;
    border-radius: 4px;
    border: 2px solid #ff4c00;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    margin: 24px 0 !important;
    line-height: 1.4em;
    font-weight: 600;
    font-size: .8em;
    display: block
}

.et_warning {
    background: rgba(255, 173, 0, .1);
    color: #ffad00;
    border: 2px solid #ffad00
}

.et_info {
    background: rgba(5, 201, 255, .1);
    color: #05c9ff;
    border: 2px solid #05c9ff
}

.et-marketplace-container .et_info {
    margin-top: 0 !important
}

.et_success {
    background: rgba(52, 221, 135, .1);
    color: #34dd87;
    border: 2px solid #34dd87
}

.et_errors a,
.et_errors a:hover,
.errors a,
.errors a:hover,
.et_warning a,
.et_warning a:hover,
.et_success a,
.et_success a:hover,
.et_info a,
.et_info a:hover {
    color: #ff4c00;
    text-decoration: underline
}

.et_warning a,
.et_warning a:hover {
    color: #ffad00
}

.et_info a,
.et_info a:hover {
    color: #05c9ff
}

.et_success a,
.et_success a:hover {
    color: #34dd87
}

.et_errors strong,
.errors strong,
.et_errors p,
.errors p,
.et_warning strong,
.et_success strong,
.et_warning p,
.et_success p {
    color: #ff4c00;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0
}

.et_warning strong,
.et_warning p {
    color: #ffad00
}

.et_success strong,
.et_success p {
    color: #34dd87
}

.et_api_key.et_deactivated_key .et_deactivate_key {
    display: none !important
}

.et_api_key.et_deactivated_key .et_activate_key {
    display: inline-block !important
}

.et_activate_key {
    display: none !important;
    margin-bottom: 0 !important
}

.et_deactivate_key {
    display: inline-block !important;
    margin-bottom: 0 !important
}

#divAuthorizeNetPopup {
    z-index: 99999 !important
}

#divAuthorizeNetPopupScreen {
    z-index: 9999 !important
}

.guarantee-checkout {
    width: 360px !important
}

.et_bloom_locked_container .et_bloom_subscribe_email {
    padding-top: 0 !important
}

.et_bloom_locked_container .et_bloom_form_text p {
    padding-top: 0 !important
}

.et_bloom_locked_container .et_bloom_form_text h2,
.et_bloom_locked_container img {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

body.blog.single .entry iframe,
body.blog.single .entry div,
body.blog.single .entry img,
body.blog.single .entry .wp-caption,
body.blog.single .entry>* {
    max-width: 100%
}

body.blog.single .entry iframe {
    width: 880px;
    height: 495px
}

.divi_cta_red {
    color: #fff !important
}

body.blog.single .entry .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    text-align: center;
    padding-top: 4px;
    margin-bottom: 10px
}

.wp-caption.alignleft {
    margin: 0 10px 10px 0
}

.wp-caption.alignright {
    margin: 0 0 10px 10px
}

.wp-caption img {
    margin: 0;
    padding: 0
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px
}

img.alignright {
    display: inline;
    float: right;
    margin-left: 15px
}

#comment-wrap ul {
    list-style: none !important;
    padding: 0 !important
}

.comment {
    word-break: break-word
}

.comment.depth-2,
.comment.depth-3,
.comment.depth-4,
.comment.depth-4,
.comment.depth-5,
.comment.depth-6,
.comment.depth-6,
.comment.depth-8,
.comment.depth-9,
.comment.depth-10 {
    margin-bottom: 0;
    margin-top: 20px
}

.comment.depth-2 {
    margin-left: 40px
}

.comment.depth-3 {
    margin-left: 80px
}

.comment.depth-4,
.comment.depth-5,
.comment.depth-6,
.comment.depth-7,
.comment.depth-8,
.comment.depth-9,
.comment.depth-10 {
    margin-left: 120px
}

.cover-popup #limited-offer-countdown {
    margin: 16px 0
}

.cover-popup form {
    padding: 0;
    margin: 0
}

.cover-popup>div {
    padding: 64px;
    width: 840px;
    max-width: 90%;
    position: fixed;
    z-index: 999999999;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-animation: zoom-in 1s 1 cubic-bezier(.77, 0, .175, 1);
    animation: zoom-in 1s 1 cubic-bezier(.77, 0, .175, 1);
    transform-origin: top center
}

.cover-popup .popup-image {
    position: absolute;
    top: -60px;
    left: -40px
}

.cover-popup:after {
    content: "";
    background-color: rgba(255, 255, 255, .9);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    -webkit-animation: fade-in 1s 1 cubic-bezier(.77, 0, .175, 1);
    animation: fade-in 1s 1 cubic-bezier(.77, 0, .175, 1)
}

.cover-popup-dark.cover-popup:after {
    background-color: rgba(0, 0, 0, .9)
}

.cover-popup .privacy-statement {
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    margin: 0
}

.exit_warning {
    display: none;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    top: -56px;
    right: -25px;
    z-index: 2;
    background-color: #ff4c00;
    padding: 8px 16px;
    font-size: .9em;
    font-weight: 700
}

.exit_warning:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ff4c00;
    position: absolute;
    bottom: -10px;
    right: 10px
}

.cover-popup {
    display: none;
    text-align: center
}

.cover-popup.with-icon h2,
.cover-popup.with-icon h2+p {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
}

.cover-popup img {
    display: inline-block
}

.cover-popup p:last-of-type {
    margin-bottom: 0
}

.exit-button,
.modal-exit {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: #fff;
    border-radius: 100px
}

.exit-button:after,
.modal-exit:after,
.exit-button:before,
.modal-exit:before {
    transform: rotate(45deg);
    position: absolute;
    content: "";
    height: 18px;
    width: 3px;
    border-radius: 4px;
    background-color: #20292f;
    right: 14px;
    top: 7px
}

.exit-button:after,
.modal-exit:after {
    transform: rotate(-45deg)
}

#flyin {
    border-radius: 0 10px 0 0;
    width: 320px;
    margin: 0;
    padding: 30px
}

#flyin #limited-offer-countdown {
    margin: 16px 0
}

#flyin p {
    line-height:0
}

#flyin h4 {
    margin-bottom: 150px;
    pointer-events: none
}

#flyinwrapper {
    width: 320px;
    height: 460px;
    position: fixed;
    left: 0;
    bottom: -37px;
    z-index: 9999999;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: flipInY 1s cubic-bezier(.77, 0, .175, 1);
    animation: flipInY 1s cubic-bezier(.77, 0, .175, 1);
    transition: all .5s ease
}

#flyinwrapper:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 300px;
    height: 300px;
    border-radius: 2000px;
    background: #46e097;
    right: -90px;
    bottom: -150px;
    transition: all .5s ease
}

#flyinwrapper:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100px;
    height: 100px;
    border-radius: 2000px;
    background: #ff499e;
    top: -30px;
    left: -50px;
    transition: all .5s ease
}

#flyin .flyingift {
    position: absolute;
    opacity: 1;
    left: 140px;
    top: 125px;
    z-index: 3;
    -webkit-animation: float 3s infinite;
    animation: float 3s infinite;
    transition: all 1s ease
}

#flyin .flyingift:nth-of-type(n+2) {
    z-index: 2;
    left: 60px;
    top: 150px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

#flyin .flyingift:nth-of-type(n+3) {
    z-index: 1;
    left: 80px;
    top: 105px;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.minimize #flyin .flyingift {
    opacity: 0;
    top: 110px;
    left: 170px
}

.minimize #flyin .flyingift:nth-of-type(n+2) {
    opacity: 0;
    top: 134px;
    left: 30px
}

.minimize #flyin .flyingift:nth-of-type(n+3) {
    opacity: 0;
    top: 150px
}

#flyin #flying_subscribe {
    width: 100%;
    cursor: pointer
}

#flyin .exit-button {
    transition: opacity .5s ease, top .5s ease .2s;
    transition: transform .5s ease .2s, opacity .5s ease, top .5s ease .2s
}

#flyin .flyinbutton {
    margin: -30px;
    height: 65px;
    opacity: 0;
    position: absolute;
    width: 100%;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding: 18px 0 0
}

#flyin .et_manage_input input {
    margin-bottom: 0
}

#flyin .flyinbutton:hover {
    box-shadow: none;
    transform: none
}

#flyin .privacy-statement {
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    margin: 0
}

.hide {
    opacity: 0;
    transition: opacity 1s ease
}

.hide div {
    top: 60% !important;
    transition: top 1s ease
}

#flyinwrapper.minimize {
    bottom: -406px !important;
    background-position: 320px 127px !important;
    cursor: pointer
}

#flyinwrapper.minimize:hover {
    bottom: -396px !important
}

.minimize:before {
    opacity: 0 !important;
    left: -100px !important
}

.minimize:after {
    opacity: 0 !important;
    right: 0 !important
}

.minimize #exit_emailinput,
.minimize .exit-button,
.minimize h4 {
    opacity: 0 !important
}

.minimize .flyin-man {
    top: -300px !important;
    opacity: 0 !important
}

.minimize .flyinbutton {
    opacity: 1 !important
}

.minimize .exit-button {
    top: 15px !important;
    transform: rotate(180deg)
}

.stopanimate {
    -webkit-animation: none !important;
    animation: none !important
}

body.with_promo_slide_in {
    padding-top: 40px;
    transition: padding-top 300ms cubic-bezier(.4, 0, .2, 1)
}

body.with_promo_slide_in #main-nav {
    top: 40px
}

body.with_promo_slide_in.large-slide-in {
    padding-top: 80px
}

body.with_promo_slide_in.large-slide-in #main-nav {
    top: 80px
}

body.without_promo_slide_in {
    padding-top: 0;
    transition: padding-top 300ms cubic-bezier(.4, 0, .2, 1);
    -moz-transition: padding-top 300ms cubic-bezier(.4, 0, .2, 1)
}

.promo-slide-in {
    overflow: hidden !important;
    position: fixed;
    margin: 0 !important;
    padding: 0 !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    height: 40px;
    width: 100%;
    overflow: hidden;
    transition: all 300ms cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: promo-slide-in 300ms cubic-bezier(.4, 0, .2, 1);
    animation: promo-slide-in 300ms cubic-bezier(.4, 0, .2, 1)
}

.large-slide-in .promo-slide-in {
    height: 80px;
    -webkit-animation: promo-slide-in-large 300ms cubic-bezier(.4, 0, .2, 1);
    animation: promo-slide-in-large 300ms cubic-bezier(.4, 0, .2, 1)
}

.promo-slide-in #limited-offer-countdown {
    border-radius: 4px 0 0 4px;
    max-width: 300px;
    height: 60px;
    margin-top: 10px;
    vertical-align: middle
}

body.et-highlighted-hidden .promo-slide-in {
    top: -40px
}

body.et-highlighted-hidden.large-slide-in .promo-slide-in {
    top: -80px
}

.promo-slide-in-closed {
    -webkit-animation: promo-slide-out 300ms cubic-bezier(.4, 0, .2, 1);
    animation: promo-slide-out 300ms cubic-bezier(.4, 0, .2, 1)
}

.large-slide-in .promo-slide-in-closed {
    -webkit-animation: promo-slide-out-large 300ms cubic-bezier(.4, 0, .2, 1);
    animation: promo-slide-out-large 300ms cubic-bezier(.4, 0, .2, 1)
}

.promo-slide-in-content {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    -webkit-animation: promo-fade-in 300ms cubic-bezier(.4, 0, .2, 1);
    animation: promo-fade-in 300ms cubic-bezier(.4, 0, .2, 1);
    position: relative
}

.promo-slide-in-content-inner {
    margin: 0 auto
}

.promo-slide-in-content h6 {
    color: #fff;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: auto;
    vertical-align: middle
}

.promo-slide-in-content .button {
    padding: 1px 20px;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.promo-slide-in-icon {
    vertical-align: middle;
    display: inline-block;
    margin-right: 8px
}

.promo-slide-in-close-promo {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    clear: both;
    cursor: pointer;
    -webkit-animation: promo-fade-in 300ms cubic-bezier(.4, 0, .2, 1);
    animation: promo-fade-in 300ms cubic-bezier(.4, 0, .2, 1)
}

.promo-slide-in-close-promo:after,
.promo-slide-in-close-promo:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 2px;
    border-radius: 4px;
    background-color: #fff;
    right: 14px
}

.promo-slide-in-close-promo:before {
    transform: rotate(45deg)
}

.promo-slide-in-close-promo:after {
    transform: rotate(-45deg)
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        transform: translateY(-50%) translateX(-50%) scale(.9)
    }

    100% {
        opacity: 1;
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        transform: translateY(-50%) translateX(-50%) scale(.9)
    }

    100% {
        opacity: 1;
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes float {
    0% {
        transform: translatey(10px)
    }

    50% {
        transform: translatey(-10px)
    }

    100% {
        transform: translatey(10px)
    }
}

@keyframes float {
    0% {
        transform: translatey(10px)
    }

    50% {
        transform: translatey(-10px)
    }

    100% {
        transform: translatey(10px)
    }
}

@-webkit-keyframes promo-slide-in {
    0% {
        top: -40px
    }

    100% {
        top: 0
    }
}

@keyframes promo-slide-in {
    0% {
        top: -40px
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes promo-slide-out {
    0% {
        top: 0
    }

    100% {
        top: -40px
    }
}

@keyframes promo-slide-out {
    0% {
        top: 0
    }

    100% {
        top: -40px
    }
}

@-webkit-keyframes promo-slide-in-large {
    0% {
        top: -80px
    }

    100% {
        top: 0
    }
}

@keyframes promo-slide-in-large {
    0% {
        top: -80px
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes promo-slide-out-large {
    0% {
        top: 0
    }

    100% {
        top: -80px
    }
}

@keyframes promo-slide-out-large {
    0% {
        top: 0
    }

    100% {
        top: -80px
    }
}

@-webkit-keyframes promo-fade-in {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes promo-fade-in {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes slide-up {
    0% {
        bottom: -60px;
        opacity: 0
    }

    100% {
        bottom: 0;
        opacity: 1
    }
}

@keyframes slide-up {
    0% {
        bottom: -60px;
        opacity: 0
    }

    100% {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

body #intercom-container .intercom-launcher-frame,
body #intercom-container .intercom-launcher-discovery,
body #intercom-container .intercom-launcher-discovery-frame,
body #intercom-container .intercom-launcher-badge-frame {
    transition: bottom .8s ease !important
}

body #intercom-container .intercom-messenger-frame,
body #intercom-container .intercom-notifications-frame {
    transition: width 200ms ease 0s, height ease 0s, max-height ease 0s, right .8s ease !important
}

body.et-highlighted-hidden #intercom-container .intercom-launcher-discovery,
body.et-highlighted-hidden #intercom-container .intercom-launcher-discovery-frame,
body.et-highlighted-hidden #intercom-container .intercom-launcher-frame,
body.et-highlighted-hidden #intercom-container .intercom-launcher-badge-frame {
    bottom: -70px !important
}

body.et-highlighted-hidden #intercom-container .intercom-messenger-frame,
body.et-highlighted-hidden #intercom-container .intercom-notifications-frame {
    right: -400px !important
}

body.et-highlighted-hidden:not(mobile-menu) #main-nav {
    top: -60px
}

body.et-highlighted-hidden:not(mobile-menu).large-slide-in #main-nav {
    top: -100px
}

body.et-highlighted-hidden #flyinwrapper {
    left: -410px
}

body.et-highlighted-hidden #flyinwrapper.minimize {
    bottom: -460px !important;
    left: 0
}

.et-highlighted-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(78, 47, 188, .8);
    transition: all 500ms ease-in-out;
    z-index: 4
}

body.et-highlighted-hidden .et-highlighted-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: initial
}

.et_cookie_consent {
    position: fixed;
    border-radius: 8px 0 0 8px;
    bottom: 0;
    left: 0;
    width: 360px;
    padding: 30px;
    z-index: 100000;
    -webkit-animation: slide-up 1s cubic-bezier(.77, 0, .175, 1);
    animation: slide-up 1s cubic-bezier(.77, 0, .175, 1)
}

.et_cookie_consent p {
    font-size: 15px;
    line-height: 25px
}

.et_cookie_consent .button {
    width: 142px;
    margin-bottom: 0
}

#et_cookie_consent_manage {
    background: #fff;
    color: #19c1e6 !important;
    border: 2px solid #19c1e6;
    margin-right: 15px
}

.et_cookie_consent_option {
    margin: 2px 0 0
}

.et_cookie_consent_option_description {
    float: right;
    width: 258px
}

.et_cookie_consent_option_description strong {
    color: #000
}

.et_cookie_consent_option_description p {
    font-size: 12px
}

.et_cookie_consent_buttons {
    margin-top: 10px;
    display: flex;
    flex-direction: row
}

.et_hide {
    display: none
}

@media only screen and (max-width:959px) {
    .cover-popup>div {
        max-height: 90% !important;
        overflow-y: auto;
        overflow-x: hidden;
        min-width: 256px !important;
        box-sizing: border-box;
        width: 90% !important;
        max-width: 90%;
        padding: 10%;
        text-align: center
    }

    .cover-popup .exit-button {
        top: 10px;
        right: 10px
    }

    .cover-popup .popup-image {
        display: none
    }

    .cover-popup.with-icon h2,
    .cover-popup.with-icon h2+p {
        max-width: 100%
    }

    .cover-popup.summer h2 {
        font-size: 48px
    }
}

@media only screen and (max-width:768px) {
    body.blog.single .entry iframe {
        height: 320px
    }

    .promo-slide-in-content h6 span {
        display: none
    }

    .promo-slide-in #limited-offer-countdown {
        display: none
    }

    .sale.promo-slide-in .button {
        border-radius: 4px
    }
}

@media only screen and (max-width:420px) {
    #flyinwrapper {
        display: none !important
    }

    body.blog.single .entry iframe {
        height: 169px
    }
}

label.obligatoire:after {
    content: "*";
    color: red;
}

.detail_line{
    position: relative;
    display: block;
    border: none;
    border-radius: 5px;
    background: rgba(109, 124, 144, .1);
    width: 100%;
    margin: 16px 0;
    padding: 8px 12px;
    text-align: left;
    border: 2px solid transparent;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1);
    font-size: .9em;
    font-family: lato, sans-serif;
    line-height: 1.8em;
    letter-spacing: .5px;
    font-weight: 700;
    color: #20292f;
    outline: none;
    border: 0px solid #3776ff;
}

.detail_label {
    text-align: left;
    font-size: 10px;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    top: -0.2em;
    left: 0;
    pointer-events: none;
    transition: all, .4s;
    opacity: 1 !important;
    color: #3776ff !important;
}

.form-group {
    display: flex;
    width: 100%;
    padding-left: 30px;
}

.input-group {
    display: block;
    /*padding: 15px;*/
}
.input-group {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    /*margin-left: 60px;
    width: 717px;*/
}

.alert-danger, .alert-error {
    background: #f7e7e4;
    border-color: #ecbeb6;
    color: #b55351;
}

.alert {
    background: #fffaef;
    border-color: #ecdcb6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
    box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
    color: #b68b53;
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.alert, .alert h4 {
    color: #c09853;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.asterix{
    color: rgb(235,0,0);
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
}

.print-button{
    width: 631px;
    display: block;
}

.edit-button{
    width: 315px;
}

.pay-button{
    width: 315px;
}

.home_space{
    z-index: 1; 
}

.slogan{
    font-size: 100%;
    line-height: 18px;
    text-align: center;
    margin-top:5px;
    /*box-shadow: 0px 15px 10px -15px #111;
    background-color: #f5f5f5;*/
}

@media only screen and (max-width:360px) {

    .package .package_price .price {
        font-size: 25px;
    }

    .card-title {
        font-size: 13px;
    }

    h1 {
        font-size: 1.7em;
    }

    .et_manage_input_wrap {
        display: block;
        flex-wrap: wrap;
    }

    .et_manage_input_wrap .et_manage_input:last-child {
        padding-left: 0px;
    }

    .et_manage_input_wrap .et_manage_input:last-child label {
        left: 0px;
    }

    .et_manage_input_wrap .et_manage_input:first-child {
        padding-right: 0px;
    }

    .print-button{
        width: 245px;
        font-size: 11px;
        padding: 2px 23px;
    }

    .et_manage_input_wrap .et_manage_input:first-child {
        padding-right: 0px;
    }

    .form-group {
        display: block;
        width: 100%;
        padding-left: 30px;
    }

    .edit-button{
        width: 245px;
        font-size: 11px;
        padding: 10px 20px;
    }

    .pay-button{
        width: 245px;
        font-size: 11px;
        padding: 10px 20px;
    }

    .input-group {
        /*width: 245px;*/
        margin-left: 0px;
    }

    /*.home_space{
        margin-top: -200px
    }*/

}

@media only screen and (max-width:424px) and (min-width:361px){

    .package .package_price .price {
        font-size: 25px;
    }

    .card-title {
        font-size: 13px;
    }

    h1 {
        font-size: 1.9em;
    }

    .et_manage_input_wrap {
        display: block;
        flex-wrap: wrap;
    }

    .et_manage_input_wrap .et_manage_input:last-child {
        padding-left: 0px;
    }

    .et_manage_input_wrap .et_manage_input:last-child label {
        left: 0px;
    }

    .et_manage_input_wrap .et_manage_input:first-child {
        padding-right: 0px;
    }

    .print-button{
        width: 245px;
        font-size: 12px;
        padding: 2px 23px;
    }

    .et_manage_input_wrap .et_manage_input:first-child {
        padding-right: 0px;
    }

    .form-group {
        display: block;
        width: 100%;
        padding-left: 30px;
    }

    .edit-button{
        width: 245px;
        font-size: 12px;
        padding: 10px 20px;
    }

    .pay-button{
        width: 245px;
        font-size: 12px;
        padding: 10px 20px;
    }

    /*.home_space{
        margin-top: -200px
    }*/

}

@media only screen and (max-width: 600px) and (min-width:425px){

    /*.home_space{
        margin-top: -200px
    }*/

} 

@media only screen and (min-width: 768px) and (min-width:601px){

    .slogan{
        margin-left: 290px;
    }

} 

@media only screen and (min-width:768px) {

    .print-button{
        width: 255px;
        font-size: 12px;
        padding: 2px 23px;
    }

    .form-group {
        display: block;
        width: 100%;
        padding-left: 5px;
    }

    .edit-button{
        width: 255px;
        font-size: 12px;
        padding: 10px 20px;
    }

    .pay-button{
        width: 255px;
        font-size: 12px;
        padding: 10px 20px;
    }

    .input-group {
        /*width: 320px;*/
        margin-left: 35px;
        display: inline-block;
    }

    .slogan{
        margin-left: 290px;
    }

}

/*.panel {
    position: fixed;
    z-index: 99999999;
    top: 0;
    width: 100%;
    padding: 8px 0;
    background: #fff;
    transition: 300ms all cubic-bezier(.4, 0, .2, 1)
}

.panel .row-container {
    width: 1440px;
    display: flex;
    align-items: center
}*/

.capacity-lab{
    background: rgba(109, 124, 144, .1);
    margin-bottom: 20px;
    color: rgb(235,0,0);
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.capacity-lab span{
    display: block;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

*:disabled {
	background-color: #dfdfdf !important;
	color: linen !important;
	opacity: 1;
}

/*input:invalid*/
.inputError{
	background: rgba(109, 124, 144, .1) !important;
	border: none !important;
	outline: 1px solid red !important;
	border-radius: 5px !important;
}

.ajax-loader {
  visibility: hidden;
  background-color: rgba(255,255,255,0.7);
  position: absolute;
  z-index: +100 !important;
  width: 100%;
  height:100%;
}

.ajax-loader .img-responsive {
  position: relative;
  top:50%;
  left:50%;
}

i[class^="icon-"]:last-child, i[class*=" icon-"]:last-child {
  *margin-left: 0;
}

i[class^="icon-"], i[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

.icon-arrow-right {
	background-position: -264px -96px !important;
}

.icon-arrow-left {
	background-position: -240px -96px !important;
}

.icon-submit{
	background-position: -264px -96px !important;
	margin-right: 10px;
}

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

.table-condensed th, .table-condensed td {
  padding: 4px 5px;
}

.dropdown-menu {
  list-style: none;
}

/** TabView **/
.tabes {
  display: flex;
  flex-wrap: wrap;
  background: #e5e5e5;
  box-shadow: 0 48px 80px -32px rgba(0,0,0,0.3);
  width: 100%;
}
.input {
  position: absolute;
  opacity: 0;
}
.label {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  transition: background 0.1s, color 0.1s;
  font-family: 'Source Sans Pro', sans-serif;
}
.label:hover {
  background: #d8d8d8;
}
.label:active {
  background: #ccc;
}
.input:focus + .label {
  z-index: 1;
}
.input:checked + .label {
  background: #fff;
  color: #000;
}
@media (min-width: 600px) {
  .label {
    width: auto;
  }
}
.panel {
  display: none;
  padding: 20px 30px 30px;
  background: #fff;
  width: 100%;
  margin: 1px;
}
@media (min-width: 600px) {
  .panel {
    order: 99;
  }
}
.input:checked + .label + .panel {
  display: block;
}

.panel h1{
  margin: 0;
  font-family: 'Bree Serif', serif;
  font-size: 28px;
}

.panel p{
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0;
  font-size: 20px;
  line-height: 1.5;
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: 1px;
  --bs-card-border-color: rgba(0, 0, 0, 0.175);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.25rem - (1px));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(222, 226, 230, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: ;
  color: #212529;
  word-wrap: break-word;
  background-color: transparent;
  background-clip: border-box;
  border: 1px solid rgb(0, 0, 0, 0.175);
  border-radius: 0.375rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header:first-child {
  border-radius: calc(0.375rem-(1px)) calc(0.375rem-(1px)) 0 0;
}
.card-header {
  border: none;
  position: relative;
  padding: 18px;
  background-color: #fff;
}

.card-header h4, .card-header .h4 {
  text-transform: capitalize;
}

.card-header p.desc {
  display: block;
  color: #767676;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}

.card-header p.desc code {
  margin: 0 4px;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table {
  margin-bottom: 0;
  --bs-table-color: #3D3D47;
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: #212529;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: #dee2e6;
}

.table > thead {
  vertical-align: bottom;
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: #3D3D47;
  background-color: #fff;
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px transparent;
}
table > :not(caption) > * > * {
  border-bottom: 1px dashed rgba(106, 113, 133, 0.3);
}
thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
    border-bottom-color: inherit;
  border-style: solid;
    border-bottom-style: solid;
  border-width: 0;
    border-bottom-width: 0px;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

.table > tbody {
  vertical-align: inherit;
}

.table-hover tbody tr {
  vertical-align: middle;
  display: block;
}


table tbody tr th, table tbody tr td {
  vertical-align: middle;
}

table tbody tr th {
  font-weight: 600;
}


.align-items-center {
  align-items: center !important;
}
.d-flex {
  display: flex !important;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: none !important;
}
.table th, .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: none !important;
}

.smallbutton {
  font-family: lato, sans-serif;
  font-size: 12px;
  line-height: 24px;
  color: #fff !important;
  letter-spacing: 1px;
  border-radius: 2px;
  padding: 5px 10px;
  justify-content: center;
  align-self: flex-start;
  border: none;
  cursor: pointer;
  transition: 300ms all cubic-bezier(.4, 0, .2, 1);
  background: linear-gradient(120deg, rgba(109, 124, 144, 0) 0%, #627081 100%);
    background-color: rgba(0, 0, 0, 0);
  background-color: #292b31;
}