/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
input, select {
    vertical-align:middle;
}


html #client {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: #fff;
    color: #555;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #b8b8b8 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #b8b8b8 !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #b8b8b8 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b8b8b8 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #b8b8b8 !important;
}

::placeholder {
    /* Most modern browsers support this now. */
    color: #b8b8b8 !important;
}

.form-control::placeholder{
    font-size: 14px;
    color: #939393;
}

/* Microsoft Edge */
#client .header {
    box-shadow: 0px 0px 15px #c5bfbf;
    background: white;
    padding: 0;
    border-radius: 0px 0px 15px 15px;
    position: relative;
    height: 88px;
    background: url(../img/corner-block.png) no-repeat;
    background-position: top right;
    z-index: 1001;
}

#client .header .logo-client {
    /* #background: url(../img/logo-color.svg) no-repeat; */
    text-indent: -999em;
    -width: 251px;
    height: 79px;
    margin: 0;
    position: relative;
    z-index: 1;
    margin-top: 5px;
}

#client .header .logo-client a {
    display: block;
    height: 100%;
}

#client .header .logo-client-wp {
    /* #background: url(../img/logo-wp.svg) no-repeat; */
    width: 541px;
    height: 87px;
    margin: 0;
    position: relative;
    z-index: 1;
    background-position-y: 8px;
}
#client .header .logo-client-wp a {
    height: 100%;
    width: 100%;
    display: block;
    font-size: 0px;
}

.top-nav ul {
    margin: 0;
}

.top-nav li {
    display: inline-block;
}
#client .top-nav li{
    margin: 25px 25px 0px 0px;
}

#client .top-nav li a {
    text-transform: uppercase;
    display: block;
    padding: 8px 0;
    border-radius: 6px;
    transition: all 0.3s ease-in-out 0s;
    position: relative;
    text-decoration: none;
    color: #3e3acc;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

#client .top-nav li a:hover {
    text-decoration: none;
}

.top-nav li a:after {
    background: #fff;
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translateY(2px);
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

.top-nav li a:hover:after {
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.3s ease-in-out 0s;
}


.top-nav li .btn-signup {
    border: solid 2px #4c72fa;
}

#client .footer {
    clear: both;
    background: #e1e1e1;
    margin: 0;
    position: absolute;
    top: 6980px;
    width: 100%;
    padding-bottom: 50px;
}

#client .footer .footer-container {
    margin: 0 auto;
    width: 1024px;
}

#client .footer .primary {
    color: #fff;
    font-size: 12px;
    padding: 50px 0 0 0;
}

#client .footer .col-about {
    border-right: solid 1px #373833;
}

#client .footer li {
    list-style: none;
}

.row-footer {
    display: -webkit-box;
    font:400 20px/27px 'Open Sans', sans-serif;
    color: #fefefe;
}
.row-footer .cols{
    padding:0 63px;
}

.row-footer .col1{
    width: 39%;
}
.row-footer .cols:first-child{
    padding-left: 0;
}
.row-footer .cols:last-child{
    padding-right: 0;
}

.ic-social{
    display: inline-block;
    vertical-align: middle;
    width: 43px;
    height: 43px;
    margin: 15px 30px 0 0;
}

.ic-fb{
    background: url(../img/facebook.png) no-repeat;
}
.ic-instagram{
    background: url(../img/instagram.png) no-repeat;
}
.ic-linkedin{
    background: url(../img/linkedin.png) no-repeat;
}
#client .footer ul{ padding: 0;}
#client .footer li{ margin: 0 0 25px 0;}
#client .footer li:last-child{ margin: 0;}
#client .footer li a {
    color: #3e4040;
    display: inline-block;
    font: 400 17px 'Open Sans', sans-serif;
}

#client .footer h4 {
    font: 600 30px 'Open Sans', sans-serif;
    color: #3e4040;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

#client .footer p{
    font: 400 17px/30px 'Open Sans', sans-serif;
    color: #3e4040;
}
#client .footer .txt-muted {
    font: 400 17px 'Open Sans', sans-serif;
    color: #3e4040;
    line-height: 19px;
    padding-bottom: 15px;
    line-height: 37px;
}

.footer .footer-separator{
    border-top: solid 2px #a1a1a1;
    margin: 50px 0 50px 0;
    padding: 50px 0 0 0;
    overflow: hidden;
}

#client .footer .secondary {
    background: #c4c3c3;
    color: #393939;
    font-size: 15px;
    clear: both;
    padding: 25px 0;
}

#client .footer .ic-socials a {
    margin-left: 15px;
    display: inline-block;
}

#client .footer .text-cp {
    font-size: 11px;
    color: #959595;
}

.social-login-buttons{
    height: 50px;
}

.social-button-google, .social-button-facebook{
    display: inline-block;
    width: 201px;
    vertical-align: top;
    margin-right: 25px;
}

.activate-webpro-plan .compare-plans #product2 .formats, 
.activate-webpro-plan#order-premium_comparison .compare-plans .list-wrp-without-aff
{
    display: none;
}
.activate-webpro-plan#order-premium_comparison .compare-plans .plans-3 .list-wrp-with-aff    {
    display: block;
}
.activate-webpro-plan#order-premium_comparison .compare-plans .plans-3 #product2{
    /* width: 30%; */
    width: 330px;
}
.activate-webpro-plan .list-box1 .two-cols{ 
    display: block;
    border:none;
}

.activate-webpro-plan#order-premium_comparison .compare-plans .list-wrp .list-box1{
    margin: 0;
}
.activate-webpro-plan#order-premium_comparison .compare-plans .plans-3 #product3{
    display: block;
}

.activate-webpro-plan#order-premium_comparison .two-cols .list{
    margin: 0;
    width: 100%;
}

.activate-webpro-plan#order-premium_comparison .main-container.price-01 h3, .activate-webpro-plan#order-premium_comparison .main-container.price-01 h5{
    font-weight: 600;
}

.footer-branding img{
    width: 140px;
}

/* home page design */

@media (min-width: 980px){
    .banner-1 .opaque-background {
        background: #EBF5FF;
        /* background-size: 100%; */
        height: 659px;
        position: absolute;
        width: 100%;
        margin-top: -30px;
        max-width: 1600px;
    }

    section#main-body {
        min-height: 650px;
        max-width: 1400px;
        margin: 0px auto;
    }

    .banner-container{
        width: 1120px !important;
        margin-left: 0px;
    }

    .home .form-custom {
        padding: 15px 0 35px 0;
    }
    .content-wrp .form-custom.banner-1{padding-bottom: 0;}

    .home #logo_name, .home #slogan{
        padding: 15px 20px;
        width: 410px;
        border: none;
        font-size: 25px;
        transition: all 0.4s ease-in-out;
        opacity: 1;
        font-family: 'Montserrat', sans-serif;
        box-shadow: 0px 0px 15px #c5bfbf;
        color: #292929;
        border-radius: 5px;
    }

    .home #logo_name{
        font-weight: 600;
    }

    .home #slogan{
        font-weight: 400;
    }

    .home #slogan::placeholder{
        font-size: 20px;
    }

    .home .form-hidden{
        display: none;
    }

    .home .row{
        transition: all 1s ease 0s;
    }

    .home .state-1  .shortlisted_logos_link a {
        color: #3e3acc;
        font-size: 20px;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        text-decoration: underline;
    }

    #form-get-logos {
        z-index: 1001;
    }

    .home .state-1 .input-brandname{
        margin-top: 215px;
        transition: all 0.2s ease-in-out;
    }

    .home .input-brandname{
        margin-top: 75px;
    }

    .home #form-get-logos label {
        color: #acacab;
        position: absolute;
        width: 100%;
        top: 20px;
        left: 36px;
        transition: all 0.5s ease 0s;
        cursor: auto;
        margin: 0;
        font: 600 35px 'Montserrat', sans-serif;
        padding: 0px;
        opacity: 1;
        font-weight: 600;
        color: #d0d0d0;
    }

    .home .state-1 #form-get-logos label{
        left: 45px;
        top: 36px;
        font: 600 35px 'Montserrat', sans-serif;
    }

    .home #form-get-logos label.active {
        color: #fff;
    }

    .home #form-get-logos .form-control:focus {
        -background: transparent;
    }

    .home .state-1 #slogan, .home .banner-1 .state-1 #form-get-logos #btn-get-logos, .home .state-1 #label-slogan{
        opacity: 0;
        transition: all 0.2s ease;
    }

    .home .state-1 #logo_name{
        width: 800px;
        padding: 20px;
        font-size: 48px;
        transition: all 0.2s ease-in-out;
    }

    .home #form-get-logos #btn-get-logos{
        font-size: 18px;
        padding: 7px 40px 9px 40px;
        transition: all 0.1s ease;
        opacity: 1;
        letter-spacing: 1px;
        font-weight: 300;
    }

    .home .state-1 #label-logo_name{
        font-size: 76px;
    }

    .home .state-1 #label-logo_name.quick-hide{
        font-size: 0px;
    }

    .home #form-get-logos input:focus+label, .home #form-get-logos input.focus+label {
        font-size: 0;
        transition: all 0.1s ease 0s;
        top: 6px;
        left: 30px;
        font-weight: 400;
        color: #fff;
    }

    .home .banner-1 .state-1 #form-get-logos input:focus+label{
        font-size: 76px;
        top: 27px;
        left: 45px;
        color: #d0d0d0;
        font-weight: 400;
    }

    .home .banner-1 .state-1 .shortlisted_logos_link{
        display: block;
    }

    .home .banner-1 .shortlisted_logos_link{
        display: none;
    }

    .home #form-get-logos .form-control.focus {
        transition: all 0.3s ease 0s;
    }

    .home #form-get-logos .autofocus:focus+label {
        top: 0;
        color: #acacab;
        font: 300 21px 'Open Sans', sans-serif;
    }

    .home #form-get-logos .form-control {
        margin-bottom: 30px;
    }

    .home .banner-heading{
        margin-bottom: 25px;
    }

    .home .banner-heading{
        opacity: 0;
        transition: all 0.3s ease 0s;
        position: absolute;
    }

    .home .state-1 .banner-heading{
        display: block;
        transition: all 0.2s ease 0s;
        position: absolute;
        opacity: 1;
    }

    .home .top-heading, .home .sub-heading{
        color: #3e3acc;
    }

    .home .top-heading{
        font: bold 37px/45px 'Montserrat', sans-serif;
        text-transform: uppercase;
        margin-top: 75px;
        width: 100%;
    }

    .home .sub-heading{
        text-transform: uppercase;
        font-weight: normal;
        font-size: 27px;
        margin-top: -5px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
    }

    .home .demo-logos{
        opacity: 1;
        transition: all 3s ease 0s;
        margin-top: 15px;
        display: none;
    }

    .home .demo-logos.no-show{
        opacity: 0;
        transition: all 2s ease 0s;
    }

    .home .state-1 #label-logo_name {
        font-size: 0;
        letter-spacing: 2px;
    }


    .home .state-1 #label-logo_name {
        font-size: 0;
        letter-spacing: 2px;
    }

    .home .banner-1 .state-1 #form-get-logos input:focus+label{
        font-size: 0;
        top: 25px;
        left: 40px;
        font-weight: 600;
        letter-spacing: 2px;
    }

    .banner-1 .logo-card {
        width: 400px;
    }

    .banner-1 .slogan-line, .banner-1 .brand-name-line{
        width: 635px;
        display: none;
    }
}

@media (min-width: 200px) and (max-width: 980px){
    .home .form-custom {
        padding: 15px 0 35px 0;
    }

    #form-get-logos{
        width: 100%;
    }

    .home #logo_name, .home #slogan{
        padding: 20px;
        border: none;
        font-size: 18px;
        transition: all 1s ease-in-out;
        opacity: 1;
        width: 300px;
        box-shadow: 0px 0px 15px #c5bfbf;
        font-family: 'Montserrat', sans-serif;
    }

    .home #logo_name{
        font-weight: 600;
    }

    .home #logo_slogan{
        font-weight: 400;
    }

    .home .form-hidden{
        display: none;
    }

    .home .row{
        transition: all 1s ease 0s;
    }

    .home .state-1 .shortlisted_logos_link div{
        z-index: 1001;
    }

    .shortlisted_logos_link a {
        color: #3e3acc;
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        text-decoration: underline;
    }

    .home .state-1 .input-brandname{
        margin-top: 150px;
        transition: all 0.2s ease-in-out;
    }

    .home .input-brandname{
        margin-top: 20px;
    }

    .home #form-get-logos label {
        color: #acacab;
        position: absolute;
        width: 100%;
        top: 8px;
        left: 24px;
        transition: all 0.5s ease 0s;
        cursor: auto;
        margin: 0;
        font: 300 20px 'Open Sans', sans-serif;
        padding: 0px;
        opacity: 1;
        margin-left: 25px;
    }

    .home #form-get-logos label.active {
        color: #fff;
    }

    .home #form-get-logos .form-control:focus {
        -background: transparent;
    }

    .home .state-1 #slogan, .home .banner-1 .state-1 #form-get-logos #btn-get-logos, .home .state-1 #label-slogan{
        opacity: 0;
    }

    .home .state-1 #logo_name{
        padding: 10px;
        font-size: 40px;
        transition: all 1s ease-in-out;
    }

    .home #form-get-logos #btn-get-logos{
        font-size: 17px;
        padding: 12px;
        transition: all 1s ease-in-out;
        opacity: 1;
        letter-spacing: 1px;
        font-weight: 500;
        width: 100%;
        margin: 10px auto 0px;
    }

    .home #form-get-logos input:focus+label, .home #form-get-logos input.focus+label {
        font-size: 10px;
        transition: all 0.3s ease 0s;
        top: 2px;
        color: #fff;
    }

    .home .state-1 #label-logo_name, .home .banner-1 .state-1 #form-get-logos input:focus+label{
        font: 600 22px 'Montserrat', sans-serif;
        top: 24px;
        color: #acacab;
        margin-left: 19px;
    }

    .home #form-get-logos .form-control:focus {
        border-bottom: solid 1px #1a73e8;
        transition: all 0.3s ease 0s;
    }

    .home #form-get-logos .form-control.focus {
        transition: all 0.3s ease 0s;
        border: none !important;
    }

    .home #form-get-logos .autofocus:focus+label {
        top: 0;
        color: #acacab;
        font: 300 21px 'Open Sans', sans-serif;
    }

    .home #form-get-logos .form-control {
        margin-bottom: 10px;
    }

    .home .banner-heading{
        margin-bottom: 25px;
    }

    .home .banner-heading{
        opacity: 0;
        transition: all 0.3s ease 0s;
        position: absolute;
        display: none;
    }

    .home .state-1 .banner-heading{
        display: block;
        transition: all 0.3s ease 0s;
        position: absolute;
        opacity: 1;
    }

    .home .top-heading, .home .sub-heading{
        color: #3e3acc;
    }

    .home .top-heading{
        font-weight: bold;
        font-size: 28px;
        text-transform: uppercase;
        line-height: 38px;
        margin-top: 30px;
        width: 300px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-align: center;
    }

    .banner-1 {
        background: #fff url(../../../modules/addons/logomaker/templates/client/mobile/images/home-bg-banner-1-mobile.jpg) no-repeat center bottom;
        background-size: 100%;
        height: 608px;
    }

    .home .sub-heading{
        text-transform: uppercase;
        font-weight: normal;
        font-size: 19px;
        margin-top: 15px;
        width: 300px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400px;
    }

    .home .demo-logos{
        opacity: 1;
        transition: all 0.3s ease 0s;
        margin-top: 20px;
        display: none;
    }

    .home .demo-logos.no-show{
        opacity: 0;
        transition: all 0.3s ease 0s;
        margin-top: 20px;
    }

    #order-premium_comparison .thumb-mobile {
        display: none;
    }

    .promo_banner{
        display: none;
    }

    .footer-branding img{
        width: 100px;
    }

}
/* custom rules */
@media (min-width: 980px) and (max-width: 1920px){
    .home .state-1 #logo_name{
        height: 112px;
    }

    #logo_name::-webkit-input-placeholder {
        font-size: 22px;
        font-weight: 300;
    }

    .home #logo_name, .home #slogan{
        height: 65px;
    }
}

@media (min-width: 200px) and (max-width: 980px){
    #logo_name::-webkit-input-placeholder {
        font-size: 0px;
    }
}
/* home page design ends */

section#main-body {
    padding: 0;
    max-width: 100%;
}

.banner-hero {
    height: 500px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#client .home .heading {
    font: 700 46px 'Open Sans', sans-serif;
    color: #282828;
    padding: 40px 0;
    margin: 0;
}

#client .form-client {
    width: 400px;
    margin: 0 auto;
}

#client .form-client .form-group {
    padding-bottom: 30px;
    margin: 0;
    position: relative;
}

#client .form-client .form-control {
    border: none;
    display: block;
    border-bottom: solid 1px #999;
    box-shadow: none;
    padding: 2px 15px;
    font-size: 21px;
    font-weight: 500;
    height: initial;
    color: #adadac;
    background: transparent;
    color: #434343;
    border-radius: 0;
}

#client .form-client label {
    color: #888;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 15px;
    transition: all 0.3s ease 0s;
    cursor: auto;
    margin: 0;
    font: 300 18px 'Open Sans', sans-serif;
}

#client .form-client label.active {
    color: #fff;
}

#client #custom_label {
    opacity: 0;
    top: 30px;
    transition: all 0.3s ease 0s;
}

#client #custom_label.active {
    position: absolute;
    font-size: 14px;
    transition: all 0.3s ease 0s;
    top: 38px;
    color: #888;
}

#client .form-client .form-control:focus {
    background: transparent;
}

#client .form-client input:focus+label {
    font-size: 14px;
    transition: all 0.3s ease 0s;
    top: 38px;
    color: #2725b5;
}

#client .form-client input.focus+label {
    font:300 14px 'Open Sans', sans-serif;
    opacity: 0.7;
    transition: all 0.3s ease 0s;
    top: 38px;
    color: #888;
}

#client .form-client .form-control:focus {
    box-shadow: none;
    color: #282828;
    border-bottom: solid 1px #2725b5;
    transition: all 0.3s ease 0s;
}

#client .form-client .form-control.focus {
    color: #282828;
    transition: all 0.3s ease 0s;
}

#client .form-client .autofocus:focus+label {
    top: 0;
    color: #888;
    font: 300 18px 'Open Sans', sans-serif;
}


#client .form-client .btn-black,
.form-custom .btn-black,
.action-btn-group .btn-black {
    background: #161616;
    color: #282828;
    text-transform: uppercase;
    font-weight: 700;
}

.form-dropdown .form-select {
    display: block;
    cursor: pointer;
    color: #282828;
    width: 100%;
    height: 30px;
    position: relative;
    z-index: 1;
}

.form-dropdown .form-select:hover .ic-dd {
    color: #282828;
}

.form-dropdown .form-select .ic-dd {
    color: #aaa;
    font-size: 18px;
    margin-top: 6px;
}

.dd-options {
    background: #111;
    position: absolute;
    width: 100%;
    top: 35px;
    left: 0;
    z-index: 12;
    height: 128px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.dd-options ul {
    padding: 0;
}

.dd-options li {
    font: 400 14px 'Open Sans', sans-serif;
    color: #9c9c9c;
    padding: 6px 20px;
    cursor: pointer;
    list-style: none;
}

.dd-options li:hover {
    background: #303030;
    color: #fff;
}


.action-btn-group .btn-black {
    font-size: 19px;
    padding: 5px 30px;
}

.btn-blue {
    background-color: #503de3;
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
    transition: all 0.3s ease 0s;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
    background: #2726b6;
    color: #fff;
    -moz-box-shadow: 0 1px 1px 0 rgba(66, 133, 244, 0.45), 0 1px 3px 1px rgba(66, 133, 244, 0.3);
    box-shadow: 0 1px 1px 0 rgba(66, 133, 244, 0.45), 0 1px 3px 1px rgba(66, 133, 244, 0.3);
    transition: all 0.3s ease 0s;
}

#client .form-client .btn-big {
    font-size: 16px;
    padding: 12px 60px;
    margin: 5px 0 10px 0;
    height: inherit;
    text-transform: uppercase;
    width: inherit;
    font-weight: 600;
}

#client .form-client .btn-big:hover {
    color: #ffff;
}

.toggle-form .down-arrow {
    color: #aba9a9;
}

.toggle-form.ic-btn-wrp {
    display: block;
    margin-top: -8px;
    padding-bottom: 20px;
}

.toggle-form .down-arrow .ic-down-arrow {
    font-size: 25px;
    cursor: pointer;
    position: relative;
    z-index: 5;
    transition: all 0.3s ease 0s;
}

.toggle-form .down-arrow:hover {
    color: #282828;
    transition: all 0.3s ease 0s;
}

.main-content {
    margin: 0;
}

.client-cart {
    background: #fff;
    color: #282828;
}

.blurb-with-shadow {
    background: #fff;
    box-shadow: 0 0 15px #ccc;
    padding: 30px 40px;
    margin: 35px 0;
}

.customer-dashboard{
    border: 1px solid #503de3;
    border-radius: 5px;
    padding: 0px;
}

.blurb-with-shadow-cart {
    background: #fff;
    box-shadow: 0 0 15px #ccc;
    padding: 0px;
    margin: 35px 0;
    display: flex;
}

.view-cart .cart-v-spacer {
    padding-top: 0;
    padding-bottom: 25px;
}

.cart-left{
    padding: 50px 55px;
}

#client .form-group-wrp .form-group {
    margin-bottom: 35px;
}

#client .form-group-wrp .form-control {
    background: transparent;
    border: none;
    border: solid 1px #ddd;
    font-size: 16px;
    color: #282828;
    box-shadow: none;
    border-radius: 2px;
}

#client .form-group-wrp .form-control:focus, #client .form-group-wrp .form-control.valid{
    border-color: #5145e3;
}

#order-standard_cart .order-summary {
    margin: 0 !important;
}

#client #order-standard_cart .view-cart-items {
    border: none;
}

.btn-custom-blue {
    background-color: #5948e3;
    border-color: #5948e3;
}

.btn-outline-custom-blue {
    border-color: #5948e3;
    color: #5948e3;
}

.btn-custom-blue:hover {
    background-color: #5948e3 !important;
    border-color: #5948e3;
    color: white;
}

.btn-custom-dashboard {
    width: 110px;
    height: 30px;
    font-size: 12px;
    padding: 5px;
    text-transform: uppercase;
}

.btn-fgt-passwd{
    margin-top: -55px;
    font-size: 12px;
}

#client .google-btn {
    font-weight: 600;
    background: #e03e51;
    border: solid 1px #e03e51;
    font-size: 17px;
    padding: 9px 30px;
    text-transform: uppercase;
    color: #fff;
    height: inherit;
    opacity: 0.9;
    transition: all 0.3s ease 0s;
}

#client .fb-btn {
    font-weight: 500;
    background: #1a73e8;
    font-size: 14px;
    padding: 1px 10px 0px 1px;
    color: #fff;
    height: 33px;
    transition: all 0.3s ease 0s;
    font-family: "Google Sans",arial,sans-serif;
    letter-spacing: 0.25px;
    vertical-align: middle;
}

#client .fb-btn-logo{
    background: white url(../img/fb-logo.png);
    height: 29px;
    width: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 6px 5.5px;
    margin-right: 15px;
    border-radius: 3px 0px 0px 3px;
}

#client .fb-btn-text{
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

#client .google-btn:hover, #client .fb-btn:hover {
    opacity: 1;
    transition: all 0.3s ease 0s;
}

.or-sep{ margin: 15px 0 0 0;}
#client .login-tabs {
    margin-bottom: 35px;
    display: block;
}

#client .login-tabs ul {
    display: -webkit-box;
    display: flex;
}

#client .login-tabs ul li {
    font-size: 18px;
    font-weight: 400;
    border: solid 1px #5145e3;
    padding: 8px 30px;
    cursor: pointer;
}

#toggle-signup{
    border-radius: 4px 0px 0px 4px;
}

#toggle-login{
    border-radius: 0px 4px 4px 0px;
}

#client .login-tabs .active {
    color: white;
    background-color: #5145e3;
}

.remove-cart-item {
    margin: 98px 0 0 0;
}

#client #order-standard_cart .btn-remove-from-cart {
    color: #e9c42a;
    padding: 0;
    text-transform: uppercase;
}

#client #order-standard_cart .btn-remove-from-cart .fa-trash-alt {
    padding: 10px 15px;
    font-size: 14px;
    background: #ebebeb;
    color: #6352e4;
}

.logo-thumb {
    background: url(../img/logo-placeholder.png) no-repeat;
    height: 200px;
    display: flex;
    align-items: center;
    color: #777;
    justify-content: center;
    width: 330px;
}

.logo-thumb div{
    display: flex;
        align-items: center;
        justify-content: center;
}

.logo-thumb.active {
    background: none;
}

#client #order-standard_cart .view-cart-items .item-title,
#client #order-standard_cart .view-cart-items .item-group,
#client #order-standard_cart .view-cart-items .item-price,
#client #order-standard_cart .view-cart-items .item-price .cycle,
#client #order-standard_cart .view-cart-items .item-price span {
    color: #888;
    font-size: 14px;
}

#client .view-cart h2 {
    font: 600 20px 'Open Sans', sans-serif;
    color: #503de3;
    margin: 0 0 40px 0;
}

#client .btn-block {

    font-size: 12px;
    padding: 5px 10px;
    display: block;
}

.view-cart-total-wrp>div {
    margin: 0 0 10px 0;
    color: #282828;
}

.view-cart-total-wrp .pull-left {
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
}

.view-cart-total-wrp .pull-right {
    font-size: 15px;

}
.view-cart-total-wrp .table-title{
    text-transform: uppercase;

    font-size: 15px;
    font-weight: 600;
}

#client #order-standard_cart .btn-checkout {
    margin-top: 15px;
    display: block;
}

.row-spacer {
    padding: 30px 40px;
}

.fas.hide-pass{
    display: none;
    margin-top: 3px;
    margin-right: -1px;
}

.view-cart-items h2{
    margin-left: 13px;
    padding-bottom: 10px;
}
.font-bml{
    color: #503de3;
    font-family: 'Open Sans', sans-serif;
}

#client .heading {
    font-size: 27px;
    color: #70706e;
    margin-bottom: 25px;
}

.pg-total-text {
    margin: 0px 0 15px 0;
    color: #503de3;
    font-size: 25px;
    text-transform: uppercase;
}

.pg-total-text .total-heading{
    font-size: 20px;
    font-weight: 400;
}

.pg-total-text .total-amount{
    font-size: 28px;
    font-weight: 700;
}

#modalClientLogin{
    z-index: 100001;
}

.text-meta{
    margin-top: 35px;
}

.static-discounted-price{
    text-align: right;
    font-size: 17px;
    color: #503de3;
    text-decoration: line-through;
    display: none;
}

#client #paymentGatewaysContainer .pg-title label {
    font-size: 20px;
    color: #555;
    margin: 20px 0;
}

#client #paymentGatewaysContainer{
    margin-bottom: 0px;
}

#userInformationForm .row-devider {
    padding: 0px;
    margin-bottom: 35px;
}

#client .pg-btn-group .btn, #client .checkout-btn-wrp .btn {
    border-radius: 4px;
    font: 400 20px 'Open Sans', sans-serif;
    padding: 15px 40px;
    background: #39b54a;
    transition: all 0.3s ease 0s;
}
#client .pg-btn-group .btn:hover, #client .checkout-btn-wrp .btn:hover{
    background: #2d8b3a;
    transition: all 0.3s ease 0s;
}

#client .open>.dropdown-menu {
    display: block;
}

#client #order-standard_cart #inputPromotionCode {
    color: #111;
    background: #fff;
    box-shadow: 2px 0 2px #bdbdbd inset;
    padding: 5px 20px 5px 10px;
    height: inherit;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px;
    width: 70%;
}

#client #order-standard_cart #inputPromotionCode:focus {
    background: #fff;
}

#client #order-standard_cart #inputPhone {
    background: transparent;
    padding: 15px 15px 15px 85px;
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
    color: #000;
}

#client #order-standard_cart #creditCardType {
    background: transparent;
    border: none;
    border-bottom: solid 1px #53534f;
    padding: 15px;
    color: #fff;
    text-align: left
}

#order-standard_cart .modal-title,
#order-standard_cart .modal-body,
#order-standard_cart .modal-footer {
    color: #000;
    font-size: 15px;
}

#client .fade.in {
    opacity: 1;
}

.mylogo {
}

.mylogo .navtabs li:first-child a {
    border-right: solid 1px #858582;
    padding-left: 0;
}

.mylogo .navtabs {
    margin-bottom: 15px;
    padding: 0;
}

.mylogo .navtabs li {
    display: inline-block;
    font-size: 15px;
}

.mylogo .navtabs li a {
    color: #858582;
    padding: 1px 20px;
}

.mylogo .navtabs li a:hover,
.mylogo .navtabs .active a {
    color: #fff;
    text-decoration: none;
}

.mylogo .listtable {
    width: 100%;
}

.mylogo #tableServicesList_filter,
.mylogo #tableServicesList_info {
    display: none;
}

.mylogo #tableServicesLis {
    margin: 25px 0;
}

.mylogo #tableServicesList th {
    background: transparent;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    padding: 15px;
    border: none;
}

.mylogo .table .table {
    background: transparent;
}

.mylogo #tableServicesList td {
    background: transparent;
    font-size: 15px;
    color: #777;
    padding: 15px;
    border: none;
    font-size: 14px;
    text-align: left;
}

.mylogo #tableServicesList .even td {

}

.mylogo #tableServicesList .odd td {
    background: #f3f1f1;
}

.mylogo #tableServicesList .sorting_2 .status{display: inline-block;}

.mylogo #tableServicesList_length {
    display: none;
}

.mylogo #tableServicesList_paginate {
    padding: 25px 0;
}

.tabs-custom .navtabs {
    margin: 25px 0;
    padding: 0;
}

.navtabs li  { list-style: none; display: inline-block;}
.navtabs li a {
    color: #503de3;
    font-size: 15px;
    padding: 0px 20px;
    text-decoration: none;
    border-right: solid 1px #282828;
}

.navtabs li:first-child a {
    padding-left: 0;
}
.navtabs li:last-child a {
    border: none;
}

.navtabs li a:hover,
.navtabs li.active a {
    background: none;
}

#client .black-box .heading {
    margin: 0 0 25px 0;
    font: 600 25px 'Open Sans', sans-serif;
    color: #503de3;
}

.black-box .product-status .product-icon {
    padding: 10px;
    font-size: 20px;
    background: #b5b4b4;
}

.black-box .pera h4 {
    color: #777;
    margin: 0 0 2px 0;
    font: 400 15px 'Open Sans', sans-serif;
}

.black-box .pera {
    margin-bottom: 20px;
    color: #282828;
    font: 400 14px 'Open Sans', sans-serif;
}

.back-to-top {
    display: none;
}

#client #order-standard_cart {
    padding: 0;
}

.cart-item-meta .text-meta {
    font-size: 13px;
}

.cart-item-meta .text-meta ul {
    list-style: none;
    padding: 0;
    font-size: 14px;
    margin-top: 10px;
}

.view-cart-footer-wrp {
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.view-cart-discount{
    width: 100%;
}

.view-cart-footer-wrp.with-sidebar{
    display: block;
}

.view-cart-footer-wrp.with-sidebar .view-cart-discount, .view-cart-footer-wrp.with-sidebar .view-cart-total, .view-cart-footer-wrp.with-sidebar .checkout-btn-wrp{
    padding-left: 25px;
}

.checkout-btn-wrp{
    margin: 50px 0 10px 0;
}

#applyPromo {
    position: relative;
    height: 83px;
}

#applyPromo .btn-abs {
    position: absolute;
    top: 35px;
    background: #4eba45;
    color: #fff;
    border: none;
    right: 90px;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 0 4px 4px 0;
}

#client .modal-backdrop {
    background: rgba(0, 0, 0, 0.7);
}

#client .modal-content {
    background: rgba(255, 255, 255, 0.97);
}

#client .modal-title {
    font-size: 20px;
    text-transform: uppercase;
}

#client .modal-header p {
    font-size: 13px;
    color: #8a8a89;
}

#client .modal-footer .btn-model {
    padding: 8px 40px;
}

#client .modal-header .close i {
    color: #503de3;
    font-size: 1.7rem;
}

#client .modal-header .close {
    position: absolute;
    top: 7px;
    right:5px;
    color: #fff;
    opacity: 0.8;
}

.blurb-checkout h2 {
    font: 600 25px 'Open Sans', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #282828;
    margin: 0;
}


.blurb-checkout h3 {
    font: 600 25px 'Open Sans', sans-serif;
    color: #282828;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 2px solid #5145e3;
}

#order-premium_comparison .one_time_payment{
    color: #000000;
    font-size: 12px;
    margin: 5px 0px 20px 0px;
    font-weight: 600;
    font-style: italic;
}

#order-premium_comparison .toggleContent {
    display: none;
}

.activate-webpro-plan#order-premium_comparison #product2-description h5,
.activate-webpro-plan#order-premium_comparison .compare-plans h3{
    color: #09a2c3;
}

.row-devider {
    clear: both;
    height:1px;
    position: relative;
    padding: 40px 0;
}

.row-devider span {
    border-bottom: solid 3px #503de3;
    position: absolute;
    top:50%;
    left: 0;
    margin-top: -1px;
    display: inline-block;
    width: 99%;
    height: 1px;
}

.pointer {
    cursor: pointer;
}

#main-body .header-lined,
#main-body .sidebar {
    display: none;
}

#main-body .main-content {
    width: 100%;
    display: block;
    clear: both;
    padding: 0;
    margin: 0;
    float: none;
    overflow-x: hidden;
}

#main-body .col-md-9.pull-md-right {
    display: none;
}

#main-body .col-md-9.pull-md-right.main-content {
    display: block;
}

.mylogo table.dataTable thead .sorting::after,
.mylogo table.dataTable thead .sorting_asc::after,
.mylogo table.dataTable thead .sorting_desc::after {
    position: static;
    top: 8px;
    right: 12px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
    display: inline;
    margin-left: 8px;
    font-size: 10px;
}

.mylogo #tableServicesList {
    border-collapse: separate;
    border-spacing: 0px;
    padding: 0px 10px;
}

.mylogo #tableServicesList .odd td, .mylogo #tableServicesList .even td {
    background-color: white;
    border-bottom: 1px solid #f3f1f1;
}

.mylogo #tableServicesList th {
    border-bottom: 1px solid #503de3;
}

.mylogo #tableServicesList th, .mylogo #tableServicesList td {
    text-align: center;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    content: none;
}

#client .form-client .form-control.error {
    border-color: #fd3333;
}

#client .form-client label.error,
#client .form-client input:focus+label.error,
#client .form-client input.focus+label.error {
    font-size: 13px;
    color: #fd3333;
    top: 38px;
    transition: all 0.3s ease 0s;
}

#client .form-client label.error+label {
    display: none;
}


#client .form-cart .form-group{
    position: relative;
}
#client .form-cart label{
    position: absolute;
    margin: 0;
    top: 8px;
    left: 12px;
    font:400 14px 'Open Sans', sans-serif;
    color: #888;
    transition: all 0.3s ease 0s;
    cursor: auto;
}

#client .form-cart .form-select label{
    top:38px;
    font: 400 13px 'Open Sans', sans-serif;
    color: #888;
}

#client .form-cart input.focus+label {
    font-size: 13px;
    transition: all 0.3s ease 0s;
    top: 38px;
    color: #888;
}
#client .form-cart input:focus+label {
    font-size: 13px;
    transition: all 0.3s ease 0s;
    top: 38px;
    color: #503de3;
}

#client .form-cart .form-control.focus {
    color: #282828;
    transition: all 0.3s ease 0s;
}
#client .form-cart .form-control:focus {
    box-shadow: none;
    color: #282828;
    transition: all 0.3s ease 0s;
}

#client .form-cart .form-control.error {
    border-color: #fd3333;
}

#client .form-cart label.error,
#client .form-cart input:focus+label.error,
#client .form-cart input.focus+label.error {
    font-size: 13px;
    color: #fd3333;
    top: 38px;
    transition: all 0.3s ease 0s;
}

#client .form-cart label.error+label {
    display: none;
}

#client #paymentGatewaysContainer .pg-title label, #client #creditCardInputFields label{
    position: inherit;
}

.tooltip-inner {
    padding: 10px 30px 20px 30px;
    color: black;
    text-align: center;
    background-color: #f0f0f0;
    font-weight: 400;
    border-radius: .25rem;
    border: 1px solid #5145e3;
    max-width: 100% !important;
}

.tooltip-inner li{
    text-align: left;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    color: #5145e3;
}

.pg-title{
    padding: 0px 0 10px 0;
    -width: 700px;
}
.pg-title label{
    display: block;
    font-size: 0px;
}

#clientSignup, #clientLogin{
    text-align: center;
}

#order-standard_cart .view-cart-items {
    padding: 30px 0px 0px 0px;
}

#order-standard_cart .upgrade_summary_page .view-cart-items {
    padding: 0px;
}

#order-standard_cart .upgrade_summary_page .text-meta {
    margin-top: 0px;
}

#order-premium_comparison .compare-plans .plans-3 .list-wrp-with-aff{
    display: none;
}

#order-premium_comparison.page_upgrade .one_time_payment {
    margin: 5px 0px 20px 0px;
}

#order-premium_comparison.page_upgrade .plans-container .plans-box {
    padding: 20px 25px 0px 25px;
}

.compare-plans .plans-container .plans-box{
    width: 360px;
    border: solid 1px #503de3;
    border-radius: 5px;
    margin: 0px 40px;
    text-align: left;
    padding: 10px 25px;
}

#order-premium_comparison .buy-flow .plans-container .plans-box{
    width: 360px;
    border: solid 2px #c6c6c6;
    border-radius: 5px;
    margin: 0px 10px;
    text-align: left;
    padding: 10px 25px;
    background-color: white;
    display: none;
}

#order-premium_comparison .buy-flow .plans-container .plans-box:hover{
    border: solid 2px #503de3;
}

.sub-points{
    font-size: 12px;
    margin-top: -8px !important;
}

@media (max-width: 900px) {
    .icheckbox_square-blue, .iradio_square-blue {
        margin-top: 7px !important;
    }

    #client .header .logo-client-wp {
        background-size: 280px;
        width: 280px;
    }

    .legalClauseContainer.form-group-terms {
        font-size: 14px;
    }

    .pg-title .pg-paypal {
        background-image: url('../img/pg-paypal-mob.jpg');
        background-position: 45px -10px;
        background-repeat: no-repeat;
        font-size: 0px !important;
        height: 70px;
    }

    .pg-title .pg-ccavenue {
        background-image: url('../img/pg-ccavenue-mob.png');
        background-position: 45px 0px;
        background-repeat: no-repeat;
        font-size: 0px !important;
        height: 90px;
    }

    .pg-title .pg-razorpay {
        background-image: url('../img/pg-razorpay-mob.jpg');
        background-position: 45px 0px;
        background-repeat: no-repeat;
        font-size: 0px !important;
        height: 90px;
    }

    .pg-title .pg-stripe {
        background-image: url('../img/pg-stripe-mob.png');
        background-position: 45px -5px;
        background-repeat: no-repeat;
        font-size: 0px !important;
        height: 70px;
    }

    .prev-logo-container {
        top: -400px;
        margin: -68px auto;
        width: 215px;
        position: relative;
    }

    .prev-logo-container svg {
        height: 140px;
    }

    .mob-hide {
        -visibility: hidden;
        display: none;
    }

    #client .form-client .btn-big {
        margin: 0px !important;
    }

    .desktop-specific{
        display: none;
    }
}

@media (min-width: 900px) {

    .mobile-specific{
        display: none;
    }

    .icheckbox_square-blue, .iradio_square-blue {
        margin-top: 7px !important;
    }

    .brandLiveHeading {
        text-align: center;
        padding: 25px 0px 0px 0px;
        text-transform: uppercase;
        color: #503de3;
        font-size: 22px;
        font-weight: 600;
    }

    .brandLiveHeading #userName {
        font-weight: bold;
        color: #0e0079;
    }

    .legalClauseContainer.form-group-terms {
        font-size: 12px;
        padding-top: 5px;
    }

    .pg-title label{
        border: 1px solid #e9eefa;
        border-radius: 4px;
    }

    .pg-title .hover, .pg-title .active {
        background-color: #e9eefa;
    }

    .pg-title .hover {
        background-color: #ebebeb;
        border-radius: 4px;
    }


    #client #paymentGatewaysContainer .pg-title label, #client #creditCardInputFields label {
        padding: 10px;
        /*
        background-color: lightblue;
        border-radius: 5px;
        */

    }

    .pg-title .pg-paypal {
        background-image: url('../img/pg-paypal-desk.png');
        background-position: 26px -8px;
        background-repeat: no-repeat;
        font-size: 0px !important;
        height: 60px;
    }

    .pg-title .pg-ccavenue {
        background-image: url('../img/pg-ccavenue-desk.png');
        background-position: 26px -8px;
        background-repeat: no-repeat;
        font-size: 0px !important;
        height: 60px;
    }

    .pg-title .pg-razorpay {
        background-image: url('../img/pg-razorpay-desk.png');
        background-position: 26px -8px;
        background-repeat: no-repeat;
        font-size: 0px !important;
        height: 60px;
    }

    .pg-title .pg-stripe {
        background-image: url('../img/pg-stripe-desk.png');
        background-position: 26px -8px;
        background-repeat: no-repeat;
        font-size: 0px !important;
        height: 60px;
    }

    .prev-logo-container {
        top: -175px;
        margin: -102px auto;
        width: 310px;
        position: relative;
        left: 370px;
    }

    #client .form-client .form-group.submit-button {
        padding-bottom: 10px;
    }

}



.hero-wall{
    position: absolute;
    width: 120%;
    left: -10%;
}
.hero-wall .frames{
    width: 364px;
    height: 188px;
    list-style: none;
    margin: 20px;
}
.hero-wall .frames div
{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.frames
{
    position: relative;
    box-shadow: 0 0 3px #c3c3c3;
}
.frames:before, .frames:after
{
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.frames:after
{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.hero-wall ul {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;
}
.hero-wall .frame1 div{
    background:#babac6 url(../img/client-logo1.jpg)
}
.hero-wall .frame2 div{
    background: #bdbdc9 url(../img/client-logo2.jpg)
}
.hero-wall .frame3 div{
    background: #cccccc url(../img/client-logo3.jpg)
}
.hero-wall .frame4 div{
    background:#fcfcfc url(../img/client-logo4.jpg)
}
.hero-wall .frame5 div{
    background: #d7dae1 url(../img/client-logo5.jpg)
}
.hero-wall .frame6 div{
    background: #d6cdc4 url(../img/client-logo6.jpg)
}
.hero-wall .frame7 div{
    background: #d3d3d3 url(../img/client-logo7.jpg)
}

.social-login-btn{
    margin-top: 15px;
}

.social-login-btn button{
    margin: 0px 35px;
}

.your-logo-kit{
    font-weight: 600;
    border-bottom: 2px dashed #5145e3;
    text-decoration: none;
    font-size: 16px;
    padding-top: 8px;
    text-transform: none;
}

#totalDueToday{
    font-size: 26px;
    font-weight: 700;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #b8b8b8;
}

#btn_client_presignup, #btn_client_login{
    margin-bottom: 30px;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #b8b8b8;
}

.cart-right{
    background-color: #e9eefa;
    padding: 20px 30px;
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}

.social_media_msg{
    margin: 10px 0px 25px 0px;
    color: #777;
    font-size: 18px;
}

.toggle-passwd{
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
    z-index: 1;
}

.hide-pass{
    display: none;
}
.eshow .show-pass{
    display: none;
}
.eshow .hide-pass{
    display: block;
}
.intl-tel-input .selected-flag .iti-arrow{
    border-top-color: #fff;
}

#order-standard_cart #applyPromo label{
    font: 600 13px 'Open Sans', sans-serif;
    margin-bottom: 12px;
    display: inline-block;
    text-align: left;
    color: #777;
    position: relative;
    padding: 2px 0;
    cursor: pointer;
}
#order-standard_cart #applyPromo label:after{
    content: "";
    height: 1px;
    background: #777;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#order-standard_cart #applyPromo label.active:after{
    display: none;
}

#order-standard_cart #applyPromo label .fa-minus{
    display: none;
}

#order-standard_cart #applyPromo label.active .fa-minus{
    display: inline-block;
}
#order-standard_cart #applyPromo label .fa-plus{
    display: inline-block;
}

#order-standard_cart #applyPromo label.active .fa-plus{
    display: none;
}

#tableServicesList .status{
    border: none;
    background: transparent;
    color: #777;
}

.pera-intro .lead{
    font: 400 15px 'Open Sans', sans-serif;
    color: #555;
}
.pera-intro ul{
    padding: 0 0 0 15px;
    list-style: none;
}
.pera-intro li:before {
    content: "\2022";
    color:#555;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.pera-intro ul li{
    color: #555;
    font-size: 15px;
}

.btn-download{
    font: 400 15px 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #0089fd;
    border: solid 1px #0089fd;
    padding: 10px 60px;
}

.btn-download:hover, .btn-download:active, .btn-download:focus{
    color: #0089fd;
}
.btn-download i{
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    border-right: solid 1px #0089fd;
    padding-right: 20px;
    margin-right: 20px;

}

.product-logo .product-status-text{
    display: none;
}

.product-logo h3, .product-logo h4, .product-logo .fas{
    visibility: hidden;
}
.modal-footer{
    text-align: left;
}
@media (min-width: 1200px){
    #header .container-fluid, .footer .container-fluid{
        padding: 0px 22px;
    }
    .btn-download-ct {
        margin-right: 40px;
    }
}
.logo_img_block img{
    max-width: 100%;
}

.ic-with-border{
    border: solid 1px #606060;
    padding: 5px 25px;
    border-radius: 4px;
    color: #878787;
    text-shadow: 0 0 4px #555;
}

.small, small{
    font-size: 95%;
}

.btn-link{
    color: #282828;
    /* text-decoration: underline; */
}
.btn-link:hover{
    text-decoration: none;
    color: #282828;
}

.form-group-terms{
    font-size: 18px;
    color: #777;
}
.form-group-terms a{
    text-decoration: underline;
    color: #777;
}

.form-group-terms a:hover{
    text-decoration: none;
    color: #777;
}
#client #pg_tos-error{
    min-width: 200px;
    top:27px;
    left: 40px;
}

.text-lead{
    font: 700 14px 'Open Sans', sans-serif;
    color: #4280c2;
    margin: 0 0 11px 0;
}

.text-meta li{
    color: #282828;
    position: relative;
    padding: 0 0 2px 20px;
    font-size: 13px;
    font-weight: 600;
    background: url(../img/tick.gif) no-repeat 0  5px;
}
/* .text-meta li::before{
    content: "";
    width: 4px;
    height: 4px;
    background: #7f7e7e;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 50%;
} */

.form-control option{
    color: #333;
}
.modal-body .form-group-wrp{
    width: 40%;
    padding: 25px 0;
    margin: 0 auto;
}
.modal-body #btn_client_login_header{
    width: 100%;
}
.form-group-text{
    margin: 10px 0;
}
.modal-body .fb-btn, .modal-body .google-btn{
    width: 48%;
}
.modal-body .fb-btn{ margin-right: 2.8%;}
.modal-header.header-custom{
    border: 0;

}
#client .header-custom .modal-title{
    font: 700 25px 'Open Sans', sans-serif;
    color: #503de3;
    padding-top: 20px;
}

.section-spacer{
    padding: 70px 0;
}
.section-spacer2{
    padding: 65px 0;
}
.section-spacer3{
    padding: 75px 0
}
.section-spacer-m{
    padding: 50px 0;
}
.page-section .text-xxl{
    font: 300 50px/50px 'Open Sans', sans-serif;
    color: #282828;
}
.page-section .text-white{
    color: #fff;
}
.page-section ul{ margin: 0 0 20px 20px;}
.page-section ul li{ list-style-position: inside;}
.page-section .text-xl{
    font: 300 19px/28px 'Open Sans', sans-serif;
    color: #585858;
}
.page-section ul li{
    font: 400 14px 'Open Sans', sans-serif;
    color: #fff;
}
.page-section .plan1 ul li{
    color: #282828;
}
.page-section .list li{
    font: 300 19px 'Open Sans', sans-serif;
    color: #585858;
    list-style: outside;
    margin-bottom: 10px;
}

.page-section b{
    font-weight: 600;
}
.row-bg-blue{
    background: #1868c4;
}
.row-bg-black{
    background: #503de3;
}
.row-bg-white{
    background: #f7f7f7;
}
.row-bg-gray{
    background: #c4c3c3;
}
.hero-aboutus-image{
    background: url(../img/about-us-bg.jpg) no-repeat center center;
    background-size: cover;
    height: 508px;
    background-attachment: fixed;
}
.dflex{
    display: -webkit-box;
    display: flex;
}
.justify-content-f-end{
    justify-content: end;
}
.justify-content-f-center{
    justify-content: center
}
.align-items-f-end{
    align-items: end;
}
.mt-85{
    margin-top: 85px;
}
.mt-10{
    margin-top: 10px;
}
.align-items-f-center{
    align-items: center;
}
.form-small .form-group{
    margin-bottom: 25px;
}
.form-small .form-control{
    border: solid 1px #fff;
    padding: 12px;
    color: #fff;
    height: inherit;
    background: transparent;
}
.btn-blue-glow{
    background: #fff;
    font: bold 15px 'Open Sans', sans-serif;
    color: #503de3;
    text-shadow:0px 0px 20px #fff;
    transition: all 0.3s ease-in-out 0s;
}
.btn-blue-glow:hover{
    box-shadow: 0 0 5px #fff;
    color: #503de3;
    transition: all 0.3s ease-in-out 0s;
}

.btn-blue-glow.btn-big{
    padding: 15px 70px;
}

.plans-section{
    background: url(../img/plans-bg.jpg) no-repeat  center 125px;
}

.page-section .section-title{
    font: 600 40px 'Open Sans', sans-serif;
    color: #282828;
}

.plans_container {
    background-color: white;
    border-radius: 10px;
    width: 380px;
    box-shadow: 0 5px 15px 7px rgba(0,0,0,0.2);
    display: inline-block;
    margin-right: 35px;
}

.plan_name{
    color: #5245e4;
    padding: 10px 0px;
    font-size: 24px;
    font-weight: 600;
}

.pricing-blurb{ text-align: center;}
.pricing-blurb .plans{
    display: inline-block;
    padding: 30px;
    text-align: center;
    border-radius: 4px;
    width: 380px;
    vertical-align: middle;
    margin: 0px;
}
.pricing-blurb ul{ margin: 0; padding: 0;}
.pricing-blurb li{
    list-style: none;
    font: 400 17px 'Open Sans', sans-serif;
    padding-bottom: 15px;
}

.pricing-blurb h3{ font: 400 42px 'Open Sans', sans-serif; margin: 0 0 30px 0; padding-bottom: 20px;}
.pricing-blurb .plan1 h3{ border-bottom: solid 3px #503de3; color: #282828; }
.pricing-blurb .plan2 h3{border-bottom: solid 3px #fff; color: #fff;}

.pricing-blurb .plan1{ background: #d2dbfc;}
.pricing-blurb .plan2{ background: #503de3;}

.pricing-blurb .btn{
    padding: 12px 0;
    width: 60%;
    text-align: center;
    text-transform: uppercase;
}

.pricing-blurb .plan1 .btn{
    font: 600 16px 'Open Sans', sans-serif;
    border: solid 2px #503de3;
    color: #282828;
    margin: 15px 0;
    background: transparent;
    transition: all 0.3s ease-in-out 0s;
}

.pricing-blurb .plan1 .btn:hover{
    background: #503de3;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
}
.pricing-blurb .plan2 .btn{
    font: 700 19px 'Open Sans', sans-serif;
    background: #fff;
    color: #2055c5;
    margin: 15px 0;
    border: solid 2px #fff;
    transition: all 0.3s ease-in-out 0s;
}
.pricing-blurb .plan2 .btn:hover{
    background: #2055c5;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
}

.pricing-blurb h2{ margin:0 0 50px 0;}

.pricing-blurb i{
    display: inline-block;
    margin: 10px 0 10px 0;
}
.pricing-blurb .plan1 i{
    background: url(../img/ic-plan-1.png) no-repeat;
    width: 44px;
    height: 44px;
}
.pricing-blurb .plan2 i{
    background: url(../img/ic-plan-2.png) no-repeat;
    width: 51px;
    height: 47px;
}
.testimonial{
    display: flex;
    align-items: center;
}
.testimonial .text{
    color: #503de3;
    font: 400 20px/40px 'Open Sans', sans-serif;
    padding: 0;
    border: none;
    position: relative;
    margin: 0;
}
.testimonial .author{
    color: #503de3;
    font: italic 400 28px 'Open Sans', sans-serif;
}
.testimonial .author strong{
    font-style: normal;
    font-size: 45px;
    color: #503de3;
    font-weight: 600;
}
.testimonial .quote-start{ position: absolute; left: -30px; top: -25px;}
.testimonial .quote-start, .testimonial .quote-end{
    color: #004a9b;
    font: 400 55px 'Open Sans', sans-serif;
    display: inline-block;
    vertical-align: top;
}
.testimonial .quote-end{
    position: relative;
    top: -10px;
    left: 7px;
    height: 38px;
}

.section-compare h2{
    font: 600 40px 'Open Sans', sans-serif;
    color: #503de3;
    text-align: center;
    margin-bottom: 40px;
}

.row-headlines{
    /* background: #343434; */
    color: #f0f0f0;
    padding: 25px 0 0 0;
    font: 700 28px 'Open Sans', sans-serif;
}
.row-headlines .container{
    border-bottom: solid 10px #503de3;
    padding-bottom: 25px;
}

.row-headlines p{ margin: 0; text-align: center; font:inherit; color: #282828;}
.row-content table td{
    font: 400 20px 'Open Sans', sans-serif;
    color: #fff;
    padding: 35px 40px 35px 70px;
    border-bottom: solid 1px #949494;
    border-right: solid 1px #949494;
}
.row-content table td:nth-child(2){
    border-right: none;
}

.row-content table tr:last-child td{
    border-bottom: none;
}
.row-content:last-child{
    border: none;
    padding-bottom: 20px;
}
.row-content p{
    margin: 0;
}
.section-compare .ic{
    display: inline-block;
    vertical-align: middle;
    width: 19%;
}
.section-compare span{
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    color: #585858;
}
.ic-watch{
    background: url(../img/3pricing_06.gif) no-repeat;
    width: 37px;
    height: 37px;
}
.ic-watch2{
    background: url(../img/3pricing_03.gif) no-repeat;
    width: 43px;
    height: 43px;
}

.ic-img{
    background: url(../img/3pricing_14.gif) no-repeat;
    width: 38px;
    height: 31px;
}
.ic-img2{
    background: url(../img/3pricing_11.gif) no-repeat;
    width: 37px;
    height: 33px;
}
.ic-pay{
    background: url(../img/3pricing_21.gif) no-repeat;
    width: 35px;
    height: 35px;
}
.ic-pay2{
    background: url(../img/3pricing_18.gif) no-repeat;
    width: 54px;
    height: 54px;
}
.ic-chart{
    background: url(../img/3pricing_26.gif) no-repeat;
    width: 45px;
    height: 44px;
}
.ic-chart2{
    background: url(../img/3pricing_29.gif) no-repeat;
    width: 45px;
    height: 45px;
}
.ic-man{
    background: url(../img/3pricing_34.gif) no-repeat;
    width: 24px;
    height: 46px;
}
.ic-man2{
    background: url(../img/3pricing_37.gif) no-repeat;
    width: 48px;
    height: 45px;
}

.faqs .q{
    margin: 0 0 10px 0;
    padding-right: 30px;
    position: relative;
    cursor: pointer;
    color: #484848;
    font-family: "Montserrat", Helvetica;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
}

.faqs .active .fa-plus{ display: none;}
.faqs .fa-minus{ display: none;}
.faqs .active .fa-minus{ display: block;}

.faqs .q i{
    position: absolute;
    right: 0;
    top: 14%;
}

.faqs .a{
    font: 400 14px/30px 'Open Sans', sans-serif;
    color: #616060;
    margin: 0 0 0 10px;
    padding-right: 10px;
    display: none;
    line-height: 24px;
}

.faqs .a li {
    margin-left: 30px;
}
.faqs .faq-list {
    margin-left: 444px;
    position: absolute;
    top: 38px;
    width: 525px;
    line-height: 42px;
    height: 1932px;
    overflow: hidden;
}

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

.faqs .list{
    border-bottom: solid 1px #444;
    padding: 30px 0px 20px 0px;
    border-bottom: 1px solid #B9B9B9;
}

.lead-text span{
    display: block;
    text-transform: uppercase;
}
.lead-text .font1:first-child{
    margin-top: 90px;
}
.lead-text .font1{
    font: 600 40px 'Open Sans', sans-serif;
    color: #282828;
}
.lead-text .font2{
    font: 700 39px 'Open Sans', sans-serif;
    color: #282828;
}
.lead-text-affi span{ display: block;}
.lead-text-affi .font2{
    font: 600 21px 'Open Sans', sans-serif;
    color: #282828;
    letter-spacing: 1px;
}
.lead-text-affi .font1{
    font: 700 52px 'Open Sans', sans-serif;
    color: #282828;
}

.btn-outline-blue{
    display: inline-block;
    font: 600 20px 'Open Sans', sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: #503de3;
    border: 0;
    padding: 18px 42px;
    border-radius: 4px;
    margin-top: 15px;
    transition: all 0.3s ease-in-out 0s;
}
.btn-outline-blue:hover{
    background: #2d1bbd;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
}

.hero-img{
    background: url(../img/how-it-works_03.jpg) no-repeat;
    width: 529px;
    height: 337px;
}
.hero-img-form{
    /* background: url(../img/from.jpg) no-repeat; */
    width: 443px;
    height: 207px;
}
.hero-img-merchandise{
    background: url(../img/merchandise.jpg) no-repeat;
    width: 540px;
    height: 322px;
}
.hero-img-shortlist{
    /* background: url(../img/shortlist.jpg) no-repeat; */
    width: 515px;
    height: 303px;
}
.hero-img-edit{
    /* background: url(../img/logo-edit.jpg) no-repeat; */
    width: 862px;
    height: 492px;
    margin:0 auto;
}
.title-img{
    background: url(../img/how-it-works.png) no-repeat;
    width: 633px;
    height: 53px;
    margin: 0 auto 50px auto;
}

.lead-text2 .font1{
    font: 700 51px 'Open Sans', sans-serif;
    color: #787777;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}
.lead-text2 .font2{
    font: 400 20px/30px 'Open Sans', sans-serif;
    color: #979797;
}


.form-with-animation {
    height: 235px;
    overflow: hidden;
    padding-top: 25px;
}

.form-with-animation .form-control{
    background: transparent;
    font: 600 21px 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #4ddcbe;
    border: solid 1px #898989;
    padding: 20px 30px;
    border-radius: 30px;
    height: inherit;
}
.form-with-animation .form-group{
    margin-bottom: 35px;
}
.form-with-animation .form-group{
    position: relative;
}
.form-with-animation label{
    position: absolute;
    top: 25px;
    left: 30px;
    font: 400 14px 'Open Sans', sans-serif;
    color: #3c9481;
    transition: all 0.3s ease-in-out 0s;
    margin: 0;
}
.form-with-animation .form-control:focus{
    box-shadow: none;
    transition: all 0.3s ease-in-out 0s;
}
.form-with-animation .form-control:focus + label, .form-with-animation .form-control.focus + label{
    top: 75px;
    transition: all 0.3s ease-in-out 0s;
}
.form-with-animation .layer{
    position: relative;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
}
.form-with-animation .layer.step1-complete{
    top: -100px;
    transition: all 0.2s ease-in-out 0s;
}
.block-title .minus{
    display: none;
}
.block-title i{
    color: #878787;
    margin-top: 9px;
    margin-right: 25px;
}

.block-title.active .plus{
    display: none;
}
.block-title.active .minus{
    display: inline-block;
    color: #fff;
}

#client #form_reset_client_password .form-control{
    background: transparent;
}

/* animation */
.layer .form-group:first-child{ opacity: 1;}
.layer .form-group{ opacity: 0.4;}

.form-control p {
    border-right: .15em solid #fff;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    opacity: 0;
}

.active .filed1-label{
    animation: position 0.3s linear;
    animation-fill-mode: forwards;
}

.active .filed1 p {
    width: 170px;
    opacity: 0;
    animation: type 2s steps(40, end);
    animation-fill-mode: forwards;
    animation-delay: 0.25s;
}

.active .layer{
    animation: positionTop 0.3s linear;
    animation-fill-mode: forwards;
    animation-delay: 2.1s;
}

.active .layer .form-group:nth-child(2){
    animation: opacity 0.3s linear;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}

.active .filed2-label{
    animation: position 0.3s linear;
    animation-fill-mode: forwards;
    animation-delay: 2.2s;
}

.active .filed2 p {
    width: 79px;
    opacity: 0;
    animation: type 2s steps(40, end);
    animation-delay: 2.3s;
    animation-fill-mode: forwards;
}

.active .layer .form-group:nth-child(3){
    animation: opacity 0.3s linear;
    animation-fill-mode: forwards;
    animation-delay: 4.2s;
}
.active .filed3-label{
    animation: position 0.3s linear;
    animation-fill-mode: forwards;
    animation-delay: 4.2s;
}

.active .filed3 p {
    width: 210px;
    opacity: 0;
    animation: type 3s steps(40, end);
    animation-delay: 4.4s;
    animation-fill-mode: forwards;
}

@keyframes type {
    0% {
        width: 0;
    }
    1% {
        opacity: 1;
    }
    99.9% {
        border-right: .15em solid #fff;
    }
    100% {
        opacity: 1;
        border: none;
    }
}

@keyframes position {
    0% {
        top: 25px;
    }
    100% {
        top: 80px;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes positionTop {
    0% {
        top: 0;
    }
    100% {
        top: -135px;
    }
}

@keyframes blink {
    50% {
        border-color: transparent;
    }
}

.hero-img-shortlist{
    position: relative;
}
.hero-img-shortlist > div{
    position: absolute;
}
.hero-img-shortlist > i{
    position: absolute;
}
.hero-img-shortlist .ic1{
    top:1;
    left: 1;
}
.hero-img-shortlist .ic2{
    top:1;
    left: 1;
}
.hero-img-shortlist .img1{
    background: url(../img/logo-sm-1.png) no-repeat;
    width: 269px;
    height: 148px;
    top:10px;
    left: 0;
}
.hero-img-shortlist .img2{
    background: url(../img/logo-sm-2.png) no-repeat;
    width: 215px;
    height: 118px;
    top:0;
    left: 300px;

}
.hero-img-shortlist .img3{
    background: url(../img/logo-sm-3.png) no-repeat;
    width: 215px;
    height: 118px;
    top:184px;
    left: 54px;

}
.hero-img-shortlist .img4{
    background: url(../img/logo-sm-4.png) no-repeat;
    width: 215px;
    height: 118px;
    top:152px;
    left: 300px;
}

.active .hero-img-shortlist .img1{
    animation: scale 0.8s linear;
    animation-fill-mode: forwards;
}
.active .hero-img-shortlist .img2{
    animation: scale 0.8s linear;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
.active .hero-img-shortlist .img3{
    animation: scale 0.8s linear;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
.active .hero-img-shortlist .img4{
    animation: scale 0.8s linear;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
}



@keyframes scale {
    0% {
        transform: scale(1);
    }
    50%{
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.password-reset-panel h2{
    font: 600 25px 'Open Sans', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 20px 0;
}

.password-reset-panel p{
    font: 400 15px 'Open Sans', sans-serif;
    color: #7c7c7c;
    margin: 20px 0;
}

.password-reset-panel label{
    font: 400 15px 'Open Sans', sans-serif;
    color: #fff;
    margin: 0 0 10px 0;
}
.password-reset-panel .form-control{
    background: transparent;
    border:none;
    border-bottom: solid 1px #c0c1c0;
    font-size: 17px;
    color: #fff;
    height: inherit;
    box-shadow: none;
    border-radius: 0;
}
.password-reset-panel .form-group{
    margin-bottom: 20px;
}

.affi-page-wrp{
    background: #fff;
    padding: 30px 0;
    color: #000;
}

.affi-page-wrp .h1{
    font: 400 20px 'Open Sans', sans-serif;
    color: #525251;
    border-bottom: solid 1px #e7e6e9;
    margin: 0 0 40px 0;
    padding: 0 0 20px 0;
}
.affi-page-wrp .h2{
    font: 400 27px 'Open Sans', sans-serif;
    color: #111;
    margin:20px 0;;
}
.affi-page-wrp .h1 b{ font-size: 30px; font-weight: 400; color: #111;}

.affi-page-wrp h3{
    font-size: 25px;
    color: #1f1f1f;
}

.affiliate-referral-link span{
    border:none;
    background: #e7e6e9;
    color: #383838;
    font-size: 21px;
    margin: 10px 0;
    border-radius: 0;
}
.affi-page-wrp p{ margin: 15px 0;}
.affi-page-wrp .text-muted{
    font-size: 15px;
    color: #5a5a5a;
}
.affi-page-wrp table td{
    text-align: center;
    font-size: 15px;
    color: #000;

}

.aff-blurbs .alert-warning{
    background: #fbf9ea;
    color: #a4920d;
    font-size: 22px;
    text-align: right;
}
.aff-blurbs .alert-warning i{
    color: #8e7a51;
}
.aff-blurbs .alert-warning span{
    color: #c3ad09;
    font-size: 44px;
}

.aff-blurbs .alert-info{
    background: #e2eef6;
    color: #1676b9;
    font-size: 22px;
    text-align: right;
}

.aff-blurbs .alert-info i{
    color: #557b96;
}
.aff-blurbs .alert-info span{
    color: #0971b7;
    font-size: 44px;
}

.aff-blurbs .alert-success{
    background: #e8f0e1;
    color: #397902;
    font-size: 22px;
    text-align: right;
}
.aff-blurbs .alert-success i{
    color: #5d7d51;
}
.aff-blurbs .alert-success span{
    color: #397902;
    font-size: 44px;
}

.blurb-checkout .custom-field{
    -margin: 35px 0 0 0;
}

.blurb-checkout .checkbox{
    font: 400 17px 'Open Sans', sans-serif;
    margin: 0 0 25px 0;
}
.logincontainer{
    margin: 0 auto;
    padding: 100px 0;
}
.logincontainer h2{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
}
#tableTicketsList_wrapper{
    border: solid 1px #d7d7d7;
}
#tableTicketsList_info{ color:#4f5360 }
#tableTicketsList th{
    font: 600 13px 'Open Sans', sans-serif;
    color: #292929;
    background: #eae9e9;
}
#tableTicketsList td{
    font: 400 13px 'Open Sans', sans-serif;
    color: #4f5360;
    background: #eae9e9;
}
#tableTicketsList .ticket-number{
    font: 400 14px 'Open Sans', sans-serif;
    color: #4f5360;
}
#tableTicketsList .status{
    border: solid 1px #b4b5ba;
    max-width: 65%;
    margin: 0 auto;
    background: transparent;
}
.ticket-reply .user, .ticket-reply{
    background: transparent;
}
.dataTables_wrapper .dataTables_length{
    padding: 5px 0;
}
.dataTables_wrapper .dataTables_length label{
    padding: 5px 10px 4px 30px;
}

.form-profile .control-label{
    color: #777;
    font-size: 15px;
}
.form-profile .form-control{
    border-radius: 0;
}
.form-profile .form-control:focus{
    box-shadow: none;
}
.marketing-email-optin{
    background: #d7d7d7;
    font-size: 15px;
    color: #dfdfdf;
    padding: 15px;
}
.marketing-email-optin p{
    font-size: 14px;
    color: #575757;
}
.marketing-email-optin h4{
    font-weight: 600;
    margin-bottom: 3px;
    color: #282828;
}
.mt-17{
    margin-top: 17px;
}
.row-with-border{
    border-right: solid 3px #373737;
    padding: 0 115px 0 0;
}
.form-change-password .alert-info{
    background: #959595;
    color: #282828;
    border: none;
    font-size: 14px;
}
.dd-menu{
    position: relative;
}
.dd-menu .dd-menu-items{
    position: absolute;
    background: #f1f1f1;
    border: solid 1px #ccc;
    width: 150px;
    border-radius: 3px;
    padding: 5px 0;
    top: 27px;
    left: 20px;
    display: none;
}
.dd-menu.open .dd-menu-items{
    display: block;
}
.dd-menu .dd-menu-items li{
    width: 100%;
}
.dd-menu .dd-menu-items li a{
    color: #333;
    padding: 4px 10px;
    display: block;
    font-size: 13px;
}
.dd-menu .dd-menu-items li a:hover{
    background: #f8f9fa;
}
.alert > p, .alert > ul{
    margin-left: 15px;
    font-size: 15px;
}
#client #order-standard_cart .view-cart-promotion-code{
    font-size: 13px;
    border: 1px dashed #4280c2;
    color: #4280c2;
}

.hero-affi-img {
    background: url(../img/affiliate-bg.jpg) no-repeat;
    width: 529px;
    height: 522px;
}
#client .btn-fat{
    font: 700 24px 'Open Sans', sans-serif;
    padding:15px 50px;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    min-width: 200px;
    display: inline-block;
    text-decoration: none;
}

.btn-fat-blue, .btn-fat-white:hover{
    background: #503de3;
    color: #fff;
}
.btn-fat-white, .btn-fat-blue:hover{
    background: #503de3;
    color: #fff;
}
.text-big{
    font: 700 30px 'Open Sans', sans-serif;
    color: #282828;
    text-transform: uppercase;
}
.form_affiliate_signup .br:after{
    position: absolute;
    border-right: solid 2px #373737;
    height: 100%;
    top:0;
    right:-104px;
    content: "";
}

.btn.btn-orange {
    font-size: 18px;
    color: #fff;
    background: #fe4b00;
    padding: 9px 25px;
    transition: all 0.3s ease-in-out 0s;
}

.btn.btn-orange:hover{
    background: #ff743a;
    transition: all 0.3s ease-in-out 0s;
}

#client .intl-tel-input .country-list{
    max-height: 111px;
}

#client .invoice-summary{
    background: transparent;
}
#client .invoice-summary-table td.total-row{
    background: transparent;
}
.currency-switcher{
    margin: 0 0 30px 0;
}
.currency-switcher h3{
    font: 400 14px 'Open Sans', sans-serif;
    margin: 0 0 10px 0;
    color: #2e55a6;
}
.currency-switcher select{
    color: #111;
    font: 400 14px 'Open Sans', sans-serif;
    background: #eaeaea;
    padding: 5px;
    border: none;
    border-radius: 3px;
}
.intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent;
    display: table;
    box-shadow: 0 0 6px #aaa inset;
    color: #282828;
}
.btn-primary {
    color: #fff;
    background-color: #503de3;
    border-color: #503de3;
}
.btn-primary:hover{
    background-color: #2d1bbd;
}
.dataTables_wrapper table.table-list thead th, .dataTables_wrapper table.table-list thead th:nth-child(2n){
    border-bottom: 4px solid #7cc576;
}
.dataTables_wrapper table.table-list{
    margin: 0 !important;
    border-bottom: 0px;
}
.section-spacer-shadow .container{
    box-shadow: 0 0 20px #ccc;
    padding: 90px 60px;
}
#frmPayment{
    padding: 50px;
}
#orderSummary {
    border-bottom: 1px solid #ebebeb;
    margin: 10px 0px 30px 0px;
}

.view-cart-total{
    margin-top: 10px;
}

.strike-through {
    text-decoration: line-through;
}
#orderSummary hr {
    margin: 5px 0px 12px 0px;
}
.payment-heading {
    margin-top: 65px;
    margin-left: 25px;
}
.menu-item-shortlisted{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.menu-item-shortlisted a{
    color:#3842c4;
    font-weight: 600;
    text-decoration: underline;
}
.menu-item-shortlisted a:hover{
    text-decoration: none;
}
.menu-item-shortlisted i{
    color: #ce0000;
}
.cart-item-image { overflow: hidden;}

#order-premium_comparison .main-container #headline{
    font: 700 25px 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #4f71ee;
    margin: 30px 0px 20px 0px;
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    align-items: flex-end;
}
#order-premium_comparison .headline-plans b{
    font-size: 26px;
    font-weight: 700;
    margin-right: 5px;
}

#order-premium_comparison .price-table-container{
    padding: 0;
}

.compare-plans .plan-wrp{
    display: flex;
    justify-content: center;
    border-radius: 6px;
    margin-top: 50px;
}

.home .error-msg {
    margin: 5px 0px 0px 25px;
}

.error-msg {
    background: #fff url(../images/ic-error.png) no-repeat 10px 10px;
    border: 1px solid #e4e7eb;
    font-size: 12px;
    padding: 10px 10px 10px 20px;
    margin: 10px 0;
    position: absolute;
    width: 90%;
    color: #ea7373;
    z-index: 1;
    width: 360px;
}

.compare-plans .upgrade-heading{
    width: 800px;
    margin: 40px auto;
    display: block;
    height: 190px;
    border-bottom: 1px solid #d8d8d8;
}

.compare-plans .upgrade-heading .heading-text {
    float: left;
    width: 550px;
    padding: 35px 0px;
}

.compare-plans .upgrade-heading .heading-color {
    color: #4f43e6;
    font-size: 19px;
}

.compare-plans .upgrade-heading .heading-preview {
    height: 150px;
    width: 250px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.compare-plans .upgrade-heading .heading-preview .logo-svg, .compare-plans .upgrade-heading .heading-preview .logo-svg div {
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-premium_comparison .tab_plans {
    font-size: 14px;
    display: none;
    margin: 0px 0px 30px 0px;
}

#order-premium_comparison .tab_plans div {
    display: inline-block;
    -width: 200px;
    cursor: pointer;
}

#order-premium_comparison .tab_plans .tab_retail {
    padding: 6px 45px;
    border: 2px solid #c6c6c6;
    background-color: white;
    margin-right: -2px;
    border-radius: 5px 0px 0px 5px;
}

#order-premium_comparison .tab_plans .tab_wholesale {
    padding: 6px 30px;
    border: 2px solid #c6c6c6;
    background-color: white;
    margin-left: -2px;
    border-radius: 0px 5px 5px 0px;
}

#order-premium_comparison .tab_plans .tab_retail.active, #order-premium_comparison .tab_plans .tab_wholesale.active {
    border: 2px solid #503de3;
}

#order-premium_comparison .plans-heading{
    width: 800px;
    margin: 40px auto 10px;
    display: block;
    height: 190px;
}

#order-premium_comparison .plans-heading .heading-text {
    float: left;
    width: 550px;
    padding: 32px 0px;
}

#order-premium_comparison .plans-heading .heading-color .heading-line-1 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 8px;
}

#order-premium_comparison .plans-heading .heading-color {
    color: #1c3c6e;
    font-size: 19px;
    line-height: 24px;
}

#order-premium_comparison .plans-heading .heading-preview {
    height: 150px;
    width: 250px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#order-premium_comparison .plans-heading .heading-preview .logo-svg, #order-premium_comparison .plans-heading .heading-preview .logo-svg div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy-flow .logo-preview {
    height: 0px;
    width: 0px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.buy-flow .logo-preview .logo-svg, .buy-flow .logo-preview .logo-svg div {
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-premium_comparison .buy-flow .order-button {
    width: 80%;
    margin: auto 30px;
    font-size: 14px;
}

#order-premium_comparison .buy-flow .description-bottom h4 {
    font-size: 14px;
    padding: 12px 0px 5px 0px;
    margin: 0px;
}

#order-premium_comparison .buy-flow .description-bottom {
    background-color: #efefef;
    margin: -20px -24px -9px -25px;
    padding: 40px 28px;
}

.compare-plans ul li{
    list-style: none;
    text-align: left;
}

#order-premium_comparison .compare-plans .description-bottom ul {
    line-height: 28px;
    margin-left: 20px;
    font-size: 13px;
}

.compare-plans .description-bottom ul li {
    list-style: disc;
}

.compare-plans .description-top{
    padding: 20px 0px 0px 0px;
    margin: -5px 0px 0px 0px !important;
    color: #4f3ee6;
    font-weight: 600;
    font-size: 14px;
}
.compare-plans .description-bottom{
    margin: 20px 0px 10px 0px;
}

.compare-plans .description-bottom h4{
    padding: 20px 0px 5px 0px;
}

.compare-plans .description-bottom li{
    color: #808080;
    padding: 1px 0px 1px 0px;
}

-.compare-plans .description-bottom li::before{
    content: "";
    display: inline-block;
    background: url(../img/tick-green.png) no-repeat;
    width: 14px;
    height: 10px;
    margin: 6px 1.5px 5px 0;
    background-size: 10px auto;
    vertical-align: middle;
}

.compare-plans .description-bottom h4{
    font-weight: bold;
}

.plans-box .product-name{
    color: #000000;
    font: bold 23px 'Open Sans', sans-serif;
    position: relative;
}

#order-premium_comparison .compare-plans h3{
    font: bold 14px 'Open Sans', sans-serif;
    color: #3e3acc;
    text-transform: uppercase;
    margin: 18px 0;
    position: relative;
}

.compare-plans .list-items br{
    display: none;
}

.compare-plans .thumb .svg-top{
    /* box-shadow: 0 0 3px #bebebe; */
    border-radius: 3px;
}

.thumb{
    overflow: hidden;
}

#order-premium_comparison .list-box{
    width: 210px;
    margin: 0 auto;
}

#order-premium_comparison .line-break{
    display: block !important;
}

#order-premium_comparison .list-box li, #order-premium_comparison .list-box h5 {
    text-align: left !important;
}

#order-premium_comparison .line-separator{
    width: 0.5px;
    border-left: 1px solid #3e3acc;
}

#order-premium_comparison .compare-plans .price-area .center-price{
    padding: 20px 0px 28px 0px;
}

.design-subscription-container {
    width: 45%; */
    width: 495px;
    border: solid 2px #503de3;
    border-radius: 6px;
    border-top: solid 10px #503de3;
    margin-left: 2px;
    margin-right: 10px;
    display: none;
}

.activate-webpro-plan .compare-plans .plans-3 #product1{
    width: 275px;
}

#order-premium_comparison .plans-3 #product2-description .list li{
    text-align: center;
}


.thumb .svg-top, .thumb .group-block, .thumb .icon-block, .thumb .text-block, .logo-thumb .svg-top, .logo-thumb .group-block, .logo-thumb .icon-block, .logo-thumb .text-block  {
    overflow: visible;
}

.thumb .logo-svg div, .thumb .logo-svg{
    width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thumb .logo-svg div, .thumb .logo-svg{
    width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-premium_comparison .basic-logo-plan-container, #order-premium_comparison .web-only-plan-container, #order-premium_comparison .complete-logo-kit-plan-container, #order-premium_comparison .web-pro-plan-plan-container, #order-premium_comparison .design-subscription-plan-container {
    display: none;
}

#order-premium_comparison .basic-logo-plan-container {
    height: 429px;
}

#order-premium_comparison .web-only-plan-container {
    height: 453px;
}

#order-premium_comparison .complete-logo-kit-plan-container {
    height: 689px;
}

#order-premium_comparison .web-pro-plan-plan-container {
    height: 637px;
}

#order-premium_comparison .design-subscription-plan-container {
    height: 777px;
}

#order-premium_comparison #product0-description h5,
#order-premium_comparison #product1-description h5,
#order-premium_comparison #product2-description h5,
#order-premium_comparison #product3-description h5,
#order-premium_comparison #product3-feature1 h5{
    font: 700 14px 'Open Sans', sans-serif;
    color: #3e3acc;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
#order-premium_comparison #product0-description h5{
    color: #09a2c3;
}
#order-premium_comparison #product0-description h5,
#order-premium_comparison #product3-description h5,
#order-premium_comparison #product3-feature1 h5{
    -min-height: 40px;
}


#order-premium_comparison #product1-description h5,
#order-premium_comparison #product3-description h5{
    color: #09a2c3;
}

#order-premium_comparison #product1-description .heading, #order-premium_comparison #product2-description .heading{
    font: 700 15px 'Open Sans', sans-serif;
    color: #3e3acc;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

.compare-plans .list-items br.line-break{
    display: block;
}

#order-premium_comparison #product2-description h5{
    text-align: center;
}

.activate-webpro-plan#order-premium_comparison .compare-plans .list-box2 .list{
    border-left: solid 1px #3e3acc;
}


#order-premium_comparison .compare-plans .list{
    margin: 0 0 20px 0;
    padding-top: 1px;
}
#order-premium_comparison .compare-plans .list li{
    font: 600 13px 'Open Sans', sans-serif;
    color: #888888;
    margin: 7px 0 0 0;
}
.compare-plans .list li::before{
    content: "";
    display: inline-block;
    background: url(../img/tick-green.png) no-repeat;
    width: 14px;
    height: 10px;
    margin: 6px 1.5px 5px 0;
    background-size: 10px auto;
    vertical-align: middle;
}

#order-premium_comparison #product2-description .list li{
    text-align: left;
}
#order-premium_comparison .compare-plans .price-area .price{
    font: bold 28px 'Open Sans', sans-serif;
    color: #000000;
    margin: 0px;
    display: block;
    width: 100%;
    text-align: left;
}

#order-premium_comparison .compare-plans .price-area .slashed-price, #order-premium_comparison .compare-plans .price-area .plan-price {
    height: 38px;
}

#order-premium_comparison .compare-plans .price-area .slashed-price {
    color: #ed3836;
    text-decoration: line-through;
}


.compare-plans .order-button{
    font: bold 18px 'Open Sans', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    padding: 8px 0;
    display: inline-block;
    width: 132px;
    text-align: center;
    margin: 15px 0px 0px 0px;
    box-shadow: 7px 7px 7px #dcdcdc;
    border-radius: 5px;
    background-color: #58b946;
}

.page_upgrade .compare-plans .description-top {
    padding: 15px 0px 0px 0px;
    font-size: 14px;
}

.btn-success:hover{
    background: #2d8b3a;
    transition: all 0.3s ease 0s;
}

#order-premium_comparison .compare-plans .list-wrp{
    display: flex;
    justify-content: center;
    margin: 0px 0 0 0;
}
#order-premium_comparison .compare-plans .list-wrp .list-box1{
    margin: 0 35px 0 0;
}

#order-premium_comparison .two-cols .list{
    margin: 0 30px 0 0;
}

.upgrade-blurb {
    text-align: center;
    width: 290px;
    border-left: solid 1px #838282;
    padding-left: 40px;
}
.upgrade-blurb .features{
    border: solid 2px #503de3;
    background: url(../img/banner-upgrade.jpg) no-repeat;
    padding-top: 175px;
    padding-bottom:15px;
    margin-bottom: 20px;
    text-align:center;
}
.upgrade-blurb .features .lead{
    font-size: 15px;
    font-weight: bold;
    color:#503de3;
    margin: 15px 0;
    text-transform: uppercase;
}
.upgrade-blurb .features ul{
    display:inline-block;
}
.upgrade-blurb .features li{
    font-size: 13px;
    color:#7e7d80;
    text-align: left;
    list-style: none inside;
    background: url(../img/tick-blue.png) no-repeat 0 center;
    padding: 2px 0 2px 15px;
}
#client .pera-intro-upgrade .button-lg {
    font: 700 19px 'Open Sans', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    height: inherit;
    padding: 12px;
}
.pera-intro-upgrade{
    margin: -50px 0 -75px 0;
}

.view-cart-total-wrp .table-price-summary td{
    background: #f6f5f5;
    font: 600 14px 'Open Sans', sans-serif;
    color: #282828;
    border: none;
    padding: 9px 0px;
}
#order-standard_cart .prepend-icon {
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    font-weight: 400;
}

#client .promo-form  h2{
    display: none;
}
.gray-bg-blurb{
    background: #f6f5f5;
    padding: 10px 20px;
}
.table-price-summary{
    margin: 0;
}
.table-price-summary .footer td{
    border-top:solid 1px #bebdbd;
}
.payment-option-dd{
    margin-top: 30px;
}
.payment-option-dd h2{ display: none;}

#order-premium_comparison .images-wrp{
    display: flex;
    justify-content: center;
    align-items: center;
}

#order-premium_comparison #product1 .images-wrp{
    background: url(../img/plan-1-bg.png) no-repeat center 50px;
    background-size: 179px;
}
#order-premium_comparison #product2 .images-wrp{
    background: url(../img/plan-2-bg.png) no-repeat 52px 38px;    
    background-size: 233px;

}
#order-premium_comparison #product3 .images-wrp{
    background: url(../img/plan-3-bg.png) no-repeat 19px 29px;    
    display: flex;
    background-size: 260px;   
}

#order-premium_comparison #product3 .formats{
    padding-left: 15px;
    font-size: 20px;
    color: #434349;
    line-height: 25px;
    font-weight: 600;
    border-left: solid 1px #3e3acc;
}


#product3 .formats .product3-price{
    font-style: normal;
    font-weight: bold;
}

#product3 .formats .slash-price,
#product3 .formats .price{
    font: 600 24px/20px 'Open Sans', sans-serif;
    color: #3e3acc;
    margin: 5px 0 15px 0;
    display: block;
    width: 100%;
    text-align: center;
    font-style: normal;
}

#product3 .formats .slash-price{
    font-size: 21px;
    text-decoration: line-through;
    color: #434349;
    margin-bottom: 5px;
}

.activate-webpro-plan#order-premium_comparison .list-box1 .two-cols{
    border: none;
}

#order-premium_comparison .list-box1 .two-cols{
    display:flex;
    border-right: solid 1px #5551d2;
    margin-bottom: 35px;
}
#order-premium_comparison .buy-flow .plans-container .price.slash-price {
    text-decoration: line-through;
    font-size: 28px;
    line-height: 1px;
    margin: -19px 0px 8px 0px;
    font-weight: 700;
    display: block;
    width: 95%;
    text-align: left;
    color: #eb3836;
}

.web-pro-plan-container .web-pro-plan-price, .web-pro-plan-container .web-pro-plan-slashed-price{
    display: block !important;
    text-align: center !important;
}

.web-pro-plan-container .web-pro-plan-slashed-price{
    text-decoration: line-through !important;
    font-size: 25px !important;
    margin: -19px 0px 8px 0px !important;
}

#order-premium_comparison .price-area{
    padding: 15px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: left;
    position: relative;
    width: 100%;
}

#order-premium_comparison .plans-box .top-area {
    height: 100%;
}

#order-premium_comparison .images-wrp {
    height: 200px;
    margin: -10px 0px 8px 0px;
}

#order-standard_cart .checkout-security-msg{
    font-size: 12px;
}

.offer-blurb, .offer-blurb .offer-text, .offer-blurb .count-down-blurb{
    display: inline-block;
}

#headline .offer-blurb .offer-text {
    background: #ea2893;
    color: #fff;
    padding: 4px 10px;
    border-radius: 3px;
    font: 600 20px 'Open Sans', sans-serif;
    margin:0 12px;
}

#headline .offer-blurb .offer-text i{
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top:-3px;
}

#headline .count-down-blurb{
    font:bold 13px 'Open Sans', sans-serif;
}
#order-premium_comparison .offer-badge{
    position: absolute;
    background: #ea2893;
    color: #fff;
    border-radius: 4px;
    font: 600 13px/16px 'Open Sans', sans-serif;
    padding: 4px 0;
    text-align: center;
    width: 55px;
    right:0;
    top:10px;
    text-transform: uppercase;
}
#order-premium_comparison .offer-badge b{
    font-size: 15px;
}
#order-premium_comparison .offer-badge::after{
    content: "";
    width: 4px;
    height: 4px;
    background: url(../img/badge-before.png) no-repeat;
    position: absolute;
    left: 2px;
    bottom: -4px;
}
#order-premium_comparison .offer-badge.product-1{
    height: 50px;
    width: 70px;
    padding: 6px 0px;
}
#order-premium_comparison .offer-badge.product-2{
    height: 50px;
    width: 70px;
    padding: 6px 0px;
}
#order-premium_comparison .offer-badge.product-2 .text, #order-premium_comparison .offer-badge.product-2 .percent, #order-premium_comparison .offer-badge.product-1 .text, #order-premium_comparison .offer-badge.product-1 .percent{
    display: block;
    letter-spacing: 1px;
}
#order-premium_comparison .offer-badge.product-2 .text{
    font-size: 18px;
    padding-bottom: 4px;
}
#order-premium_comparison .offer-badge.product-2 .percent{
    font-size: 22px;
}
#order-premium_comparison .offer-badge.product-1 .text{
    font-size: 18px;
    padding-bottom: 4px;
}
#order-premium_comparison .offer-badge.product-1 .percent{
    font-size: 22px;
}
.count-down-blurb > span{
    color: #0e0079;
    display: block;
    margin-bottom: 8px;
    font: bold 13px 'Open Sans', sans-serif;
}
#count_down_timer span{
    background: #ea2893;
    color: #fff;
    border-radius: 4px;
    font: 600 15px 'Open Sans', sans-serif;
    padding: 4px 6px;
}
.price-area-wrp {
    display: flex;
    justify-content: left;
}

.modal-google-from{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;

}
.modal-google-from .text1{
    background: #ea2893;
    color: #fff;
    border-radius: 4px;
    font: bold 18px/21px 'Open Sans', sans-serif;
    padding: 10px 45px;
    text-align: center;
    text-transform: uppercase;
}
.modal-google-from .text2{
    color:#503de3;
    font: 600 16px/21px 'Open Sans', sans-serif;
    padding: 10px;
    text-align: center;
}
.modal-google-from .btn-sm{
    font-size: 1.1rem;
    padding: 3px 35px;
}
.modal-google-from .form-group{
    width: 350px;
    margin: 15px 0;
}
.popup-modal .modal-body{
    background: #e4e4e4;
}
.popup-modal .form-control{
    height: 45px;
}
.popup-modal button.close{
    opacity: 0.3;
    font-size: 30px;
    padding-right: 10px;
    padding-top: 5px;
    cursor: pointer;
    position: relative;
    z-index: 11;
}

@media (max-width: 900px) {
    #order-premium_comparison .offer-badge{
        display: none;
    }
    #order-premium_comparison .txt-center{
        display: flex;
        flex-direction: column-reverse;
    }
    #order-premium_comparison .thumb-mobile{margin: 35px 0 !important;}
    .offer-blurb{
        display: flex;
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    #order-premium_comparison .headline-plans b{font-size: 19px !important;}
    .count-down-blurb > span{ margin-bottom: 7px; font-size: 13px;}
    #headline .offer-blurb .offer-text{padding: 4px 20px; font-size: 13px;}
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
    cursor: pointer;
}

.index {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.index .div {
    background-color: #ffffff;
    height: 7400px;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}


.index .overlap {
  height: 6700px;
  position: absolute;
  top: 700px;
  width: 1018px;
}

.index .rectangle {
  background-color: #ffffff;
  border-radius: 0px 0px 75px 75px;
  height: 529px;
  left: 9px;
  transform: rotate(180deg);
  width: 1000px;
}

.index .text-wrapper {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 438px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index .LOGO-MAKER {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 438px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .BUSINESS-CARDS {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 438px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .text-wrapper-2 {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 752px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index .WHY-BML {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 752px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .HOW-IT-WORKS {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 752px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .WHO-WE-ARE {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 752px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .text-wrapper-3 {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 438px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index .SUPPORT-buildmylogo {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 438px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .text-wrapper-4 {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 438px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .text-wrapper-5 {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 752px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.index .TERMS-OF-SERVICE {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 752px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .PRIVACY-POLICY {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 752px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .AFFILIATE {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 752px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .PURCHASED-LOGOS {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 752px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .POLICIES {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 752px;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.index .group {
  background-image: url(https://cdn.animaapp.com/projects/65017e5e0c64719c07eb3a09/releases/650302a4563939b650df923b/img/group-8-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 45px;
  left: 53px;
  width: 237px;
}

.index .group-2 {
  height: 53px;
  left: 53px;
  width: 118px;
}

.index .text-wrapper-6 {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 23px;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 23px;
  white-space: nowrap;
}

.index .icon-zocial-facebook {
  height: 20px;
  left: 0;
  object-fit: cover;
  width: 11px;
}

.index .icon-simple {
  height: 20px;
  left: 34px;
  object-fit: cover;
  width: 20px;
}

.index .icon-zocial-linkedin {
  height: 20px;
  left: 78px;
  object-fit: cover;
  width: 21px;
}

.index .group-3 {
  left: 53px;
}

.index .group-4 {
  height: 28px;
  left: 0;
  width: 171px;
}

.index .icon-metro-visa {
  height: 28px;
  left: 129px;
  object-fit: cover;
  width: 42px;
}

.index .icon-awesome-cc {
  height: 28px;
  left: 0;
  object-fit: cover;
  width: 36px;
}

.index .img {
  height: 28px;
  left: 43px;
  object-fit: cover;
  width: 36px;
}

.index .icon-awesome-cc-2 {
  height: 28px;
  left: 86px;
  object-fit: cover;
  width: 36px;
}

.index .copyright {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 11px;
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: 11px;
  white-space: nowrap;
}

.index .div-wrapper {
  background-color: #000000;
  border: 1px solid;
  border-color: #707070;
  height: 50px;
  left: 9px;
  position: absolute;
  top: 7576px;
  width: 1000px;
}

.index .p {
  -webkit-text-stroke: 0.5px #ffffff;
  color: #ffffff;
  font-family: "Montserrat", Helvetica;
  font-size: 18px;
  font-weight: 400;
  left: 314px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 15px;
  white-space: nowrap;
}

.index .rectangle-2 {
  border-radius: 0px 0px 50px 50px;
  height: 2188px;
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 3526px;
  width: 1000px;
}

.index .ellipse {
  background-color: #ffffff;
  border-radius: 288px;
  height: 576px;
  left: 407px;
  position: absolute;
  top: 4244px;
  width: 576px;
}

.index .rectangle-3 {
  border-radius: 0px 0px 50px 50px;
  height: 1434px;
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 2198px;
  width: 1000px;
}

.index .rectangle-4 {
  height: 1295px;
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 972px;
  width: 1000px;
  border-radius: 50px;
}

.index .rectangle-5 {
  border-radius: 0px 0px 50px 50px;
  height: 1095px;
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1000px;
}

.index .text-wrapper-7 {
  color: #191847;
  font-family: "Montserrat", Helvetica;
  font-size: 30px;
  font-weight: 700;
  left: 51px;
  letter-spacing: -0.15px;
  line-height: 30px;
  position: absolute;
  top: 131px;
  white-space: nowrap;
}

.index .text-wrapper-8 {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 16px;
  font-weight: 700;
  height: 87px;
  left: 51px;
  letter-spacing: 0;
  line-height: 22px;
  opacity: 0.6;
  position: absolute;
  top: 300px;
  width: 386px;
}

.index .buildmylogo-s-logo {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 30px;
  font-weight: 400;
  height: 112px;
  left: 51px;
  letter-spacing: -0.15px;
  line-height: 35px;
  opacity: 0.8;
  position: absolute;
  top: 177px;
  width: 410px;
}

.index .overlap-wrapper {
  height: 298px;
  left: 509px;
  position: absolute;
  top: 46px;
  width: 450px;
}

.index .overlap-group {
  background-image: url('./templates/six/img/section-diy-1.png');
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 30px;
  height: 298px;
  position: relative;
}

.index .mask-group {
  height: 276px;
  left: 16px;
  overflow: hidden;
  position: absolute;
  top: 11px;
  width: 419px;
}

.index .mask-group-wrapper {
  background-image: url(https://cdn.animaapp.com/projects/65017e5e0c64719c07eb3a09/releases/650302a4563939b650df923b/img/screenshot-2023-08-04-at-1-44-21-pm-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 327px;
  left: -16px;
  position: relative;
  top: -43px;
  width: 459px;
}

.index .mask-group-2 {
    left: 45px;
    object-fit: cover;
    position: absolute;
    top: 55px;
    width: 450px;
}

.index .icon-ionic-md-play {
  height: 73px;
  left: 194px;
  object-fit: cover;
  position: absolute;
  top: 115px;
  width: 73px;
}

.index .rectangle-6 {
  height: 47px;
  left: 479px;
  object-fit: cover;
  position: absolute;
  top: 539px;
  width: 69px;
}

.index .rectangle-7 {
  height: 47px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 539px;
  width: 96px;
}

.index .ellipse-2 {
  border-radius: 35px;
  height: 70px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 452px;
  width: 70px;
}

.index .ellipse-3 {
  border-radius: 35px;
  height: 70px;
  left: 479px;
  object-fit: cover;
  position: absolute;
  top: 452px;
  width: 70px;
}

.index .create {
  height: 24px;
  left: 63px;
  object-fit: cover;
  position: absolute;
  top: 551px;
  width: 69px;
}

.index .element {
  height: 37px;
  left: 83px;
  object-fit: cover;
  position: absolute;
  top: 469px;
  width: 12px;
}

.index .enter-your-business {
  height: 63px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 604px;
  width: 363px;
}

.index .edit {
  height: 24px;
  left: 489px;
  object-fit: cover;
  position: absolute;
  top: 551px;
  width: 42px;
}

.index .customize-text-color {
  height: 63px;
  left: 479px;
  object-fit: cover;
  position: absolute;
  top: 604px;
  width: 363px;
}

.index .element-2 {
  height: 37px;
  left: 505px;
  object-fit: cover;
  position: absolute;
  top: 469px;
  width: 18px;
}

.index .rectangle-8 {
  height: 47px;
  left: 479px;
  object-fit: cover;
  position: absolute;
  top: 807px;
  width: 134px;
}

.index .rectangle-9 {
  height: 47px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 807px;
  width: 113px;
}

.index .ellipse-4 {
  border-radius: 35px;
  height: 70px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 720px;
  width: 70px;
}

.index .ellipse-5 {
  border-radius: 35px;
  height: 70px;
  left: 479px;
  object-fit: cover;
  position: absolute;
  top: 720px;
  width: 70px;
}

.index .preview {
  height: 24px;
  left: 66px;
  object-fit: cover;
  position: absolute;
  top: 818px;
  width: 85px;
}

.index .download {
  height: 24px;
  left: 489px;
  object-fit: cover;
  position: absolute;
  top: 818px;
  width: 108px;
}

.index .use-the-preview {
  height: 63px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 873px;
  width: 363px;
}

.index .download-your-logo {
  height: 41px;
  left: 479px;
  object-fit: cover;
  position: absolute;
  top: 873px;
  width: 363px;
}

.index .element-3 {
  height: 37px;
  left: 79px;
  object-fit: cover;
  position: absolute;
  top: 737px;
  width: 19px;
}

.index .element-4 {
  height: 37px;
  left: 503px;
  object-fit: cover;
  position: absolute;
  top: 737px;
  width: 21px;
}

.index .free-and-friendly {
  color: #191847;
  font-family: "Montserrat", Helvetica;
  font-size: 35px;
  font-weight: 700;
  left: 54px;
  letter-spacing: -0.35px;
  line-height: 35px;
  position: absolute;
  top: 1193px;
  white-space: nowrap;
}

.index .text-wrapper-9 {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 25px;
  font-weight: 400;
  height: 70px;
  left: 54px;
  letter-spacing: -0.25px;
  line-height: 30px;
  opacity: 0.8;
  position: absolute;
  top: 1275px;
  width: 433px;
}

.index .ellipse-6 {
  background-color: #2b44ff;
  border-radius: 101.5px/102px;
  height: 204px;
  left: 647px;
  position: absolute;
  top: 1048px;
  width: 203px;
}

.index .group-5 {
  height: 265px;
  left: 378px;
  object-fit: cover;
  position: absolute;
  top: 1517px;
  width: 265px;
}

.index .group-6 {
  height: 264px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 1386px;
  width: 264px;
}

.index .group-7 {
  height: 264px;
  left: 702px;
  object-fit: cover;
  position: absolute;
  top: 1650px;
  width: 264px;
}

.index .pay-only-pay-when {
  height: 85px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 1752px;
  width: 264px;
}

.index .pay-only-when-youre {
  height: 62px;
  left: 51px;
  object-fit: cover;
  position: absolute;
  top: 1679px;
  width: 270px;
}

.index .your-logo-within {
  height: 62px;
  left: 378px;
  object-fit: cover;
  position: absolute;
  top: 1807px;
  width: 266px;
}

.index .it-s-an-easy-to-use {
  color: #191847;
  font-family: "Montserrat", Helvetica;
  font-size: 16px;
  font-weight: 400;
  left: 378px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 1877px;
  width: 266px;
}

.index .export-options-for {
  height: 62px;
  left: 701px;
  object-fit: cover;
  position: absolute;
  top: 1940px;
  width: 266px;
}

.index .text-wrapper-10 {
  color: #191847;
  font-family: "Montserrat", Helvetica;
  font-size: 16px;
  font-weight: 400;
  left: 702px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 2010px;
  width: 266px;
}

.index .ellipse-7 {
  background-color: #ebf5ff;
  border-radius: 129.5px/130px;
  height: 260px;
  left: 119px;
  position: absolute;
  top: 2056px;
  width: 259px;
}

.index .choose-a-pricing {
    text-align: center;
    height: 43px;
    left: 314px;
    object-fit: cover;
    position: absolute;
    top: 2370px;
    width: 392px;
    font-size: 35px;
    font-family: 'Montserrat';
    font-weight: bold;  color: #2F3676;
}

.index .we-do-not-have-a {
  height: 19px;
  left: 361px;
  object-fit: cover;
  position: absolute;
  top: 2497px;
  width: 264px;
}

.index .our-complete-logo {
  color: #2f3676;
  font-family: "Montserrat", Helvetica;
  font-size: 16px;
  font-weight: 700;
  left: 195px;
  letter-spacing: 0;
  line-height: 22px;
  opacity: 0.8;
  position: absolute;
  text-align: center;
  top: 2422px;
  width: 631px;
}

.index .group-8 {
  background-color: #f2f2f2;
  border-radius: 30px;
  height: 56px;
  left: 320px;
  position: absolute;
  top: 2547px;
  width: 356px;
  text-align: center;
}

.index .group-9 {
    display: inline-block;
    margin-top: 9px;
    cursor: pointer;
}

.index .text-wrapper-11, .index .text-wrapper-12 {
    padding: 5px 20px;
}

.index .text-wrapper-11 {
  color: #363636;
  font-family: "Montserrat", Helvetica;
  font-size: 16px;
  font-weight: 400;
  left: 0;
  letter-spacing: -0.24px;
  line-height: 28px;
  white-space: nowrap;
}

.index .group-10 {
    display: inline-block;
    cursor: pointer;
}

.tab-retail.active, .tab-wholesale.active {
  background-color: #ffffff;
  border-radius: 30px;
}

.index .text-wrapper-12 {
  color: #363636;
  font-family: "Montserrat", Helvetica;
  font-size: 16px;
  font-weight: 400;
  left: 21px;
  letter-spacing: -0.24px;
  line-height: 28px;
  white-space: nowrap;
}

.index .group-11 {
  height: 19px;
  left: 332px;
  position: absolute;
  top: 18px;
  width: 107px;
}

.index .rectangle-10 {
  border-radius: 25px;
  height: 710px;
  left: 369px;
  object-fit: cover;
  position: absolute;
  top: 2692px;
  width: 250px;
}

.index .plan-web-only, .index .plan-complete-logo-kit, .index .plan-design-subscription, .index .plan-web-pro {
    border-radius: 25px;
    object-fit: cover;
    position: absolute;
    top: 2692px;
    width: 300px;
    background-color: #f2f2f2;
}

.index .plan-web-only {
    left: 0px;
}

.index .plan-complete-logo-kit {
    left: 340px;
}

.index .plan-design-subscription {
    left: 680px;
}

.index .plan-web-only .plan-image, .index .plan-complete-logo-kit .plan-image, .index .plan-design-subscription .plan-image, .index .plan-web-pro .plan-image {
    text-align: center;
    margin-top: 60px;
}

.index .plan-web-pro .plan-features {
    color: #555555;
    font-family: "Montserrat", Helvetica;
    font-size: 11px;
}

.index .plan-web-pro .plan-features h4{
    font-family: "Montserrat", Helvetica;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
}

.index .plan-web-pro .plan-features ul {
    margin-left: 16px;
    line-height: 20px;
}

.index .rectangle-11 {
  border-radius: 25px;
  height: 815px;
  left: 689px;
  object-fit: cover;
  position: absolute;
  top: 2692px;
  width: 276px;
}

.index .group-12 {
  height: 229px;
  left: 692px;
  object-fit: cover;
  position: absolute;
  top: 2692px;
  width: 274px;
}

.index .group-13 {
  height: 208px;
  left: 369px;
  object-fit: cover;
  position: absolute;
  top: 2692px;
  width: 250px;
}

.index .rectangle-12 {
  height: 111px;
  left: 369px;
  object-fit: cover;
  position: absolute;
  top: 2900px;
  width: 250px;
}

.index .rectangle-13 {
  border-radius: 31px;
  height: 41px;
  left: 387px;
  object-fit: cover;
  position: absolute;
  top: 2992px;
  width: 112px;
}

.index .rectangle-14 {
  height: 111px;
  left: 692px;
  object-fit: cover;
  position: absolute;
  top: 2900px;
  width: 274px;
}

.index .for-every-business {
    -webkit-text-stroke: 1px #191847;
    color: #191847;
    font-family: "Montserrat", Helvetica;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}

.index .rectangle-15 {
  border-radius: 31px;
  height: 41px;
  left: 706px;
  object-fit: cover;
  position: absolute;
  top: 2992px;
  width: 113px;
}

.index .buy-now {
  height: 16px;
  left: 730px;
  object-fit: cover;
  position: absolute;
  top: 3004px;
  width: 64px;
}

.index .group-14 {
  height: 20px;
  left: 777px;
  object-fit: cover;
  position: absolute;
  top: 3010px;
  width: 12px;
}

.index .group-15 {
  background-position: 50% 50%;
  background-size: cover;
  height: 816px;
  left: 688px;
  position: absolute;
  top: 2692px;
  width: 277px;
  border: 1px solid #d9d9d9;
  border-radius: 25px;
}

.index .rectangle-16 {
  border-radius: 25px;
  height: 493px;
  left: 53px;
  object-fit: cover;
  position: absolute;
  top: 2692px;
  width: 248px;
}

.index .group-16 {
  height: 208px;
  left: 53px;
  object-fit: cover;
  position: absolute;
  top: 2692px;
  width: 248px;
}

.index .rectangle-17 {
  height: 111px;
  left: 53px;
  object-fit: cover;
  position: absolute;
  top: 2900px;
  width: 248px;
}

.index .rectangle-18 {
  border-radius: 31px;
  height: 41px;
  left: 69px;
  object-fit: cover;
  position: absolute;
  top: 2990px;
  width: 112px;
}

.index .text-wrapper-13 {
  -webkit-text-stroke: 1px #ffffff;
  color: #ffffff;
  font-family: "Montserrat", Helvetica;
  font-size: 12px;
  font-weight: 400;
  left: 93px;
  letter-spacing: 0.12px;
  line-height: 35px;
  position: absolute;
  top: 2993px;
  white-space: nowrap;
}

.index .text-wrapper-14 {
  color: #303676;
  font-family: "Montserrat", Helvetica;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.54px;
  line-height: 39px;
  white-space: nowrap;
  text-align: center;
  width: 100%;

}

.index .text-wrapper-14, .index .complete-logo-kit, .index .complete-logo-kit-2, .index .plan-web-pro .plan-title {
    margin-top: 35px;
    color: #303676;
    font-family: "Montserrat", Helvetica;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.54px;
    line-height: 39px;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.index .for-website-headers, .index .for-every-possible, .index .for-every-business, .index .plan-web-pro .plan-description {
    margin-top: 15px;
    -webkit-text-stroke: 1px #191847;
    color: #191847;
    font-family: "Montserrat", Helvetica;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}

.index .WHAT-YOU-GET, .index .WHAT-YOU-GET-2, .index .WHAT-YOU-GET-3, .index .plan-web-pro .plan-features {
    margin-top: 40px;
    padding: 0px 20px;
}

.index .plan-complete-logo-kit.wholesale {
    left: 180px;
}

.index .plan-web-pro {
    left: 530px;
}

.index .text-wrapper-15 {
  color: #303676;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 700;
  left: 69px;
  letter-spacing: -0.45px;
  line-height: 39px;
  position: relative;
  white-space: nowrap;
}

.index .text-wrapper-16 {
  color: #555555;
  font-family: "Montserrat", Helvetica;
  font-size: 53px;
  font-weight: 700;
  left: 69px;
  letter-spacing: -1.59px;
  line-height: 42px;
  position: absolute;
  top: 2782px;
  white-space: nowrap;
}

.index .complete-logo-kit {
  color: #303676;
  font-family: "Montserrat", Helvetica;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.54px;
  line-height: 39px;
  white-space: nowrap;
  text-align: center;
  width: 100%;


}

.index .text-wrapper-17 {
  color: #555555;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.45px;
  line-height: 39px;
  position: absolute;
  top: 2832px;
  white-space: nowrap;
}

.index .text-wrapper-18 {
  color: #555555;
  font-family: "Montserrat", Helvetica;
  font-size: 53px;
  font-weight: 700;
  left: 392px;
  letter-spacing: -1.59px;
  line-height: 42px;
  position: absolute;
  top: 2782px;
  white-space: nowrap;
}

.index .complete-logo-kit-2 {
  color: #303676;
  font-family: "Montserrat", Helvetica;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.54px;
  line-height: 39px;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}
.index .ul-disc {
    font-size: 22px;
    vertical-align: -2px;
}

.index .text-wrapper-19 {
  color: #555555;
  font-family: "Montserrat", Helvetica;
  font-size: 15px;
  font-weight: 400;
  left: 712px;
  letter-spacing: -0.45px;
  line-height: 39px;
  position: absolute;
  top: 2832px;
  white-space: nowrap;
}

.index .text-wrapper-20 {
  color: #555555;
  font-family: "Montserrat", Helvetica;
  font-size: 53px;
  font-weight: 700;
  left: 712px;
  letter-spacing: -1.59px;
  line-height: 42px;
  position: absolute;
  top: 2782px;
  white-space: nowrap;
}

.index .for-website-headers {
  -webkit-text-stroke: 1px #191847;
  color: #191847;
  font-family: "Montserrat", Helvetica;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 19px;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}

.index .for-every-possible {
  -webkit-text-stroke: 1px #191847;
  color: #191847;
  font-family: "Montserrat", Helvetica;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 19px;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}

.index .WHAT-YOU-GET {
  color: #555555;
  font-family: "Montserrat", Helvetica;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.index .span {
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
}

.index .text-wrapper-21 {
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
}

.index .WHAT-YOU-GET-2 {
  color: #555555;
  font-family: "Montserrat", Helvetica;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.index .text-wrapper-22 {
  -webkit-text-stroke: 1px #ffffff;
  color: #ffffff;
  font-family: "Montserrat", Helvetica;
  font-size: 12px;
  font-weight: 400;
  left: 410px;
  letter-spacing: 0.12px;
  line-height: 35px;
  position: absolute;
  top: 2994px;
  white-space: nowrap;
}

.index .WHAT-YOU-GET-3 {
  color: #555555;
  font-family: "Montserrat", Helvetica;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.index .group-17 {
  height: 68px;
  left: 73px;
  position: absolute;
  top: 3070px;
  width: 4px;
}

.index .ellipse-8 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}

.index .ellipse-9 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 21px;
  width: 4px;
}

.index .ellipse-10 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 64px;
  width: 4px;
}

.index .ellipse-11 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 42px;
  width: 4px;
}

.index .line {
  height: 1px;
  left: 575px;
  object-fit: cover;
  position: absolute;
  top: 3323px;
  width: 58px;
}

.index .group-18 {
  height: 278px;
  left: 390px;
  position: absolute;
  top: 3070px;
  width: 4px;
}

.index .ellipse-12 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 63px;
  width: 4px;
}

.index .ellipse-13 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 43px;
  width: 4px;
}

.index .ellipse-14 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 85px;
  width: 4px;
}

.index .ellipse-15 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 105px;
  width: 4px;
}

.index .ellipse-16 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 126px;
  width: 4px;
}

.index .ellipse-17 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 168px;
  width: 4px;
}

.index .ellipse-18 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 190px;
  width: 4px;
}

.index .ellipse-19 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 210px;
  width: 4px;
}

.index .ellipse-20 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 230px;
  width: 4px;
}

.index .ellipse-21 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 251px;
  width: 4px;
}

.index .ellipse-22 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 274px;
  width: 4px;
}

.index .group-19 {
  height: 361px;
  left: 715px;
  position: absolute;
  top: 3070px;
  width: 4px;
}

.index .ellipse-23 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 149px;
  width: 4px;
}

.index .ellipse-24 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 294px;
  width: 4px;
}

.index .ellipse-25 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 314px;
  width: 4px;
}

.index .ellipse-26 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 337px;
  width: 4px;
}

.index .ellipse-27 {
  background-color: #707070;
  border-radius: 2px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 357px;
  width: 4px;
}

.index .text-wrapper-23 {
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-size: 16px;
  font-weight: 400;
  height: 67px;
  left: 53px;
  letter-spacing: 0.08px;
  line-height: 22px;
  opacity: 0.8;
  position: absolute;
  top: 130px;
  width: 318px;
}

.index .text-wrapper-24 {
  color: #2f3676;
  font-family: "Montserrat", Helvetica;
  font-size: 35px;
  font-weight: 700;
  left: 53px;
  letter-spacing: -0.53px;
  line-height: 40px;
  position: absolute;
  width: 374px;
}

.index .text-wrapper-25 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 3786px;
  white-space: nowrap;
  width: 424px;
}

.index .text-wrapper-26 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 4002px;
  white-space: nowrap;
  width: 424px;
}

.index .text-wrapper-27 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 4210px;
  width: 424px;
}

.index .text-wrapper-28 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 3880px;
  width: 424px;
}

.index .text-wrapper-29 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  width: 424px;
}

.index .text-wrapper-30 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  width: 424px;
}

.index .line-2 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 3845px;
  width: 541px;
}

.index .line-3 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 3970px;
  width: 541px;
}

.index .line-4 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 4062px;
  width: 541px;
}

.index .line-5 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 4179px;
  width: 541px;
}

.index .line-6 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 4296px;
  width: 541px;
}

.index .line-7 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 4438px;
  width: 541px;
}

.index .line-8 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 4555px;
  width: 541px;
}

.index .line-9 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 4698px;
  width: 541px;
}

.index .line-10 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 4819px;
  width: 541px;
}

.index .line-11 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 4915px;
  width: 541px;
}

.index .line-12 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 5035px;
  width: 541px;
}

.index .line-13 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 5130px;
  width: 541px;
}

.index .line-14 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 5249px;
  width: 541px;
}

.index .line-15 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 5370px;
  width: 541px;
}

.index .line-16 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 5490px;
  width: 541px;
}

.index .line-17 {
  height: 1px;
  left: 425px;
  object-fit: cover;
  position: absolute;
  top: 5587px;
  width: 541px;
}

.index .text-wrapper-31 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 4472px;
  white-space: nowrap;
  width: 424px;
}

.index .is-my-logo-package {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 4732px;
  width: 424px;
}

.index .text-wrapper-32 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 4854px;
  white-space: nowrap;
  width: 424px;
}

.index .text-wrapper-33 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 5068px;
  white-space: nowrap;
  width: 424px;
}

.index .what-are-the-file {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 5284px;
  width: 424px;
}

.index .text-wrapper-34 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 4588px;
  width: 424px;
}

.index .text-wrapper-35 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 4948px;
  width: 424px;
}

.index .text-wrapper-36 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 5164px;
  width: 424px;
}

.index .text-wrapper-37 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 5404px;
  width: 424px;
}

.index .text-wrapper-38 {
  color: #484848;
  font-family: "Montserrat", Helvetica;
  font-size: 20px;
  font-weight: 700;
  left: 445px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 5524px;
  white-space: nowrap;
  width: 424px;
}

.index .group-20 {
  height: 1760px;
  left: 925px;
  object-fit: cover;
  position: absolute;
  top: 3789px;
  width: 20px;
}

.index .rectangle-19 {
  height: 598px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 5676px;
  width: 1018px;
}

.index .ask-us-anything {
  height: 99px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 5919px;
  width: 455px;
}

.index .questions-concerns {
  color: #2f3676;
  font-family: "Montserrat", Helvetica;
  font-size: 35px;
  height: 95px;
  left: 54px;
  letter-spacing: -0.7px;
  line-height: 40px;
  position: absolute;
  top: 5812px;
  width: 572px;
}

.index .group-21 {
  height: 342px;
  left: 584px;
  object-fit: cover;
  position: absolute;
  top: 5757px;
  width: 342px;
}

.index .overlap-group-wrapper {
  height: 47px;
  left: 54px;
  position: absolute;
  top: 6053px;
  width: 163px;
}

.index .contact-us-wrapper {
  background-image: url(https://cdn.animaapp.com/projects/65017e5e0c64719c07eb3a09/releases/650302a4563939b650df923b/img/rectangle-616-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 40px;
  height: 47px;
  position: relative;
}

.index .contact-us {
  height: 19px;
  left: 42px;
  object-fit: cover;
  position: absolute;
  top: 14px;
  width: 81px;
}

.index .ellipse-28 {
  background-color: #2b44ff;
  border-radius: 66px;
  height: 132px;
  left: 835px;
  position: absolute;
  top: 6046px;
  width: 132px;
}

.index .rectangle-20 {
  border-radius: 0px 0px 50px 50px;
  height: 873px;
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 6262px;
  width: 1000px;
}

.index .group-22 {
  background: linear-gradient(156.34deg, #eee7b7 21.09%, #b2ae8e 187.87%);
  border-radius: 25px;
  height: 275px;
  left: 509px;
  position: absolute;
  top: 6389px;
  width: 458px;
}

.index .logo-design-trends {
  height: 95px;
  left: 29px;
  object-fit: cover;
  position: absolute;
  top: 41px;
  width: 372px;
}

.index .lorem-ipsum-dolor {
  height: 66px;
  left: 29px;
  object-fit: cover;
  position: absolute;
  top: 173px;
  width: 307px;
}

.index .icon-awesome-arrow {
  height: 23px;
  left: 401px;
  object-fit: cover;
  position: absolute;
  top: 217px;
  width: 23px;
}

.index .read-all-articles {
  color: #e00a8f;
  font-family: "Montserrat", Helvetica;
  font-size: 18px;
  font-weight: 700;
  left: 55px;
  letter-spacing: 0.27px;
  line-height: 18px;
  position: absolute;
  text-decoration: underline;
  top: 6535px;
  white-space: nowrap;
}

.index .read-topics-that {
  -webkit-text-stroke: 1px #2f3676;
  color: #2f3676;
  font-family: "Montserrat", Helvetica;
  font-size: 35px;
  font-weight: 400;
  height: 146px;
  left: 56px;
  letter-spacing: -0.35px;
  line-height: 40px;
  position: absolute;
  top: 6386px;
  width: 390px;
}

.index .rectangle-21 {
  background: linear-gradient(166.11deg, #8991dc 7.52%, #45496e 150.84%);
  border-radius: 25px;
  height: 288px;
  left: 525px;
  position: absolute;
  top: 6733px;
  width: 206px;
}

.index .rectangle-22 {
  background: linear-gradient(170.53deg, #2f3676 5.33%, #181b3b 170.81%);
  border-radius: 25px;
  height: 288px;
  left: 289px;
  position: absolute;
  top: 6733px;
  width: 206px;
}

.index .rectangle-23 {
  background: linear-gradient(175.26deg, #191847 2.8%, #05050e 131.67%);
  border-radius: 25px;
  height: 288px;
  left: 53px;
  position: absolute;
  top: 6733px;
  width: 206px;
}

.index .rectangle-24 {
  background: linear-gradient(161.77deg, #f2f2f2 9.53%, #797979 257.34%);
  border-radius: 25px;
  height: 288px;
  left: 761px;
  position: absolute;
  top: 6733px;
  width: 206px;
}

.index .lorem-ipsum-dolor-2 {
  height: 91px;
  left: 74px;
  object-fit: cover;
  position: absolute;
  top: 6920px;
  width: 114px;
}

.index .how-to-create-a-logo {
  height: 47px;
  left: 65px;
  object-fit: cover;
  position: absolute;
  top: 6861px;
  width: 174px;
}

.index .icon-awesome-arrow-2 {
  height: 39px;
  left: 205px;
  object-fit: cover;
  position: absolute;
  top: 6967px;
  width: 39px;
}

.index .lorem-ipsum-dolor-3 {
  height: 91px;
  left: 309px;
  object-fit: cover;
  position: absolute;
  top: 6920px;
  width: 114px;
}

.index .icon-awesome-arrow-3 {
  height: 39px;
  left: 444px;
  object-fit: cover;
  position: absolute;
  top: 6967px;
  width: 39px;
}

.index .lorem-ipsum-dolor-4 {
  height: 91px;
  left: 548px;
  object-fit: cover;
  position: absolute;
  top: 6920px;
  width: 114px;
}

.index .icon-awesome-arrow-4 {
  height: 39px;
  left: 684px;
  object-fit: cover;
  position: absolute;
  top: 6967px;
  width: 39px;
}

.index .lorem-ipsum-dolor-5 {
  height: 91px;
  left: 783px;
  object-fit: cover;
  position: absolute;
  top: 6920px;
  width: 114px;
}

.index .icon-awesome-arrow-5 {
  height: 39px;
  left: 920px;
  object-fit: cover;
  position: absolute;
  top: 6967px;
  width: 39px;
}

.index .how-much-does-it {
  height: 71px;
  left: 309px;
  object-fit: cover;
  position: absolute;
  top: 6839px;
  width: 162px;
}

.index .color-psychology-for {
  height: 65px;
  left: 548px;
  object-fit: cover;
  position: absolute;
  top: 6845px;
  width: 158px;
}

.index .online-vs-offline {
  height: 71px;
  left: 783px;
  object-fit: cover;
  position: absolute;
  top: 6839px;
  width: 174px;
}

.index .overlap-2 {
    display: flex;
        flex-direction: row;
        justify-content: center;
    height: 700px;
    position: absolute;
    top: 0;
    width: 100%;
}

.index .overlap-2-content {
  height: 700px;
  position: absolute;
  top: 0;
  width: 1025px;
}

.index .rectangle-25 {
    height: 665px;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.index .ellipse-29 {
    background-color: #2b44ff;
    border-radius: 24.5px;
    height: 49px;
    left: -30px;
    position: absolute;
    top: 90px;
    width: 49px;
}

.index .text-wrapper-39 {
  color: #191847;
  font-family: "Montserrat", Helvetica;
  font-size: 16px;
  font-weight: 400;
  height: 93px;
  left: 57px;
  letter-spacing: -0.16px;
  line-height: 22px;
  opacity: 0.9;
  position: absolute;
  top: 280px;
  width: 458px;
  z-index: 1001;
  transition: all 0.2s ease 0s;
}

.index .input-active .text-wrapper-39 {
    overflow: hidden;
    height: 0px;
    transition: all 0.3s ease 0s;
}

.index .input-active .group-23 {
    top: 280px;
    transition: all 0.3s ease 0s;
}

.index .group-23 {
  height: 64px;
  left: 57px;
  position: absolute;
  top: 350px;
  width: 457px;
}

.index .enter-brand-name-wrapper {
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 53px;
  height: 64px;
  position: relative;
}

.index .enter-brand-name {
  height: 22px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 19px;
  width: 161px;
}

.index .overlap-2 .enter-slogan-wrapper {
    display: none;
}

.index .enter-slogan-wrapper {
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 53px;
  height: 64px;
  position: relative;
  margin-top: 18px;
}

.index .overlap-2.input-active .enter-slogan-wrapper {
    display: block;
}

.index .group-24 {
  height: 57px;
  left: 57px;
  position: absolute;
  top: 440px;
  width: 196px;
}

.index .create-now-wrapper button {
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 5px;
  height: 57px;
  position: relative;
  background-color: #2B44FF;
}

.index .create-now {
  height: 23px;
  left: 43px;
  object-fit: cover;
  position: absolute;
  top: 17px;
  width: 108px;
}

.index .create-your-logo {
  color: #191847;
  font-family: "Montserrat", Helvetica;
  font-size: 45px;
  height: 147px;
  left: 57px;
  letter-spacing: -1.35px;
  line-height: 45px;
  position: absolute;
  top: 130px;
  width: 430px;
  z-index: 1001;
}

.index .text-wrapper-40 {
  font-family: "Montserrat", Helvetica;
  font-style: italic;
  font-weight: 700;
}

.index .ellipse-30 {
    background-color: #ffffff;
    border-radius: 135.5px;
    height: 120px;
    left: 433px;
    position: absolute;
    top: 150px;
    width: 120px;
    z-index: 1000;
}

.index .path {
  height: 80px;
  left: 7px;
  object-fit: cover;
  position: absolute;
  top: 25px;
  width: 1018px;
}

.index .group-25 {
  background-image: url(https://cdn.animaapp.com/projects/65017e5e0c64719c07eb3a09/releases/650302a4563939b650df923b/img/group-8-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 27px;
  left: 64px;
  position: absolute;
  top: 49px;
  width: 144px;
}

.index .rectangle-26 {
  background-color: #000000;
  border: 1px solid;
  border-color: #707070;
  height: 31px;
  left: 13px;
  position: absolute;
  top: 0;
  width: 1000px;
}

.index .text-wrapper-41 {
  -webkit-text-stroke: 0.5px #ffffff;
  color: #ffffff;
  font-family: "Montserrat", Helvetica;
  font-size: 9px;
  font-weight: 400;
  left: 314px;
  letter-spacing: 0;
  line-height: 9px;
  position: absolute;
  top: 9px;
  white-space: nowrap;
}

.index .how-it-works-about {
  color: #020202;
  font-family: "Montserrat", Helvetica;
  font-size: 12px;
  font-weight: 400;
  left: 396px;
  letter-spacing: 0;
  line-height: 40px;
  opacity: 0.7;
  position: absolute;
  top: 42px;
  white-space: nowrap;
}

.index .icon-feather-heart {
  height: 16px;
  left: 933px;
  object-fit: cover;
  position: absolute;
  top: 56px;
  width: 18px;
}

.index .ellipse-31 {
  background-color: #efc30c;
  border-radius: 5px;
  height: 10px;
  left: 945px;
  position: absolute;
  top: 51px;
  width: 10px;
}

.index .text-wrapper-42 {
  color: #121111;
  font-family: "Montserrat", Helvetica;
  font-size: 6px;
  font-weight: 400;
  left: 948px;
  letter-spacing: -0.12px;
  line-height: 6px;
  position: absolute;
  top: 53px;
  white-space: nowrap;
}

.index .scroll-group {
  height: 562px;
  left: 633px;
  position: absolute;
  top: 104px;
  width: 320px;
}

.index .overlap-3 {
  height: 100%;
  width: 100%;
}

.index .juicebottle {
    height: 450px;
    left: -60px;
    object-fit: cover;
    position: absolute;
    top: 32px;
    width: 601px;
}

.index .bottle {
  height: 562px;
  left: 531px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 765px;
}

.index .bc-png {
  height: 478px;
  left: 1179px;
  object-fit: cover;
  position: absolute;
  top: 42px;
  width: 508px;
}

.index .coffee {
  height: 373px;
  left: 2191px;
  object-fit: cover;
  position: absolute;
  top: 95px;
  width: 523px;
}

.index .soda {
  height: 502px;
  left: 1588px;
  object-fit: cover;
  position: absolute;
  top: 30px;
  width: 628px;
}

.index .overlap-4 {
  height: 472px;
  left: 2863px;
  position: absolute;
  top: 45px;
  width: 1292px;
}

.index .ipad {
  height: 472px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 707px;
}

.index .macbook {
  height: 409px;
  left: 679px;
  object-fit: cover;
  position: absolute;
  top: 32px;
  width: 613px;
}

.index .eg {
  height: 480px;
  left: 4193px;
  object-fit: cover;
  position: absolute;
  top: 41px;
  width: 546px;
}

.pic-ctn {
  width: 100vw;
  height: 200px;
  margin-top: 20px;
}

@keyframes display {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }
  10% {
    transform: translateX(0);
    opacity: 1;
  }
  20% {
    transform: translateX(0);
    opacity: 1;
  }
  30% {
    transform: translateX(-200px);
    opacity: 0;
  }
  100% {
    transform: translateX(-200px);
    opacity: 0;
  }
}

.pic-ctn {
  position: relative;
  width: 100%;
  height: 100%;
}

.pic-ctn > img {
  position: absolute;
  top: 0;
  left: calc(50% - 100px);
  opacity: 0;
  animation: display 15s infinite;
}

img:nth-child(2) {
  animation-delay: 3s;
}
img:nth-child(3) {
  animation-delay: 6s;
}
img:nth-child(4) {
  animation-delay: 9s;
}
img:nth-child(5) {
  animation-delay: 12s;
}

.section.faqs {
    top: 3742px;
    position: absolute;
}

.footer-section-1, .footer-section-2, .footer-section-3 {
    float: left;
    margin-top: 50px;
}

.footer-section-1 {
    margin-left: 60px;
}

.footer-section-2 {
    margin-left: 180px;
}

.footer-section-3 {
    margin-left: 70px;
}

.footer-section-1 .p2, .footer-section-1 .p3, .footer-section-2 .p2, .footer-section-3 .p2 {
    margin-top: 30px;
}

.p1 div, .p2 div, .p3 div {
    margin-top: 10px;
}

.index .footer a {
    color: rgb(0, 0, 0);
}