.footer /*---------------------------------------*/
    /*------------ mgm-banner-------------------*/
    /*--------------------------------------*/
    /*---------------------*/
.custom-nav.stickyadd .navbar-toggler {

    color: #055cc6;
}

.mgm-banner {

    padding-top: 140px;

    background: linear-gradient(90deg, #006aea 0%, #642ba2 100%) !important;

    /*background-image: url("../images-salekit/banner-bg-2.png") !important;*/

    background-image: transparent !important;

    background-position: center bottom;

    background-repeat: no-repeat;

    position: relative;

    margin-bottom: 70px;

    padding-bottom: 0px !important;

}


.mgm-banner .container {

    z-index: 99;

    position: relative;

}


canvas.particles-js-canvas-el {

    z-index: 0;

}


.mgm-banner::before {

    background-image: url(../images-salekit/bg-shape-5.png);

    position: absolute;

    content: '';

    background-size: contain;

    background-position: bottom center;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    background-repeat: no-repeat;

}


.mgm-banner h1 {

    color: #fff;

    line-height: 50px;

    font-size: 36px;

}


.banner-img img {

    max-width: 900px;

}


.introduce-mgm {

    padding: 0px 0px 80px 0px;

}


.introduce-mgm p {

    font-size: 20px;

    line-height: 30px;

}


.mgm-banner h1 {

    font-weight: 700;

}


.mt-120 {

    margin-top: 120px;

}


.mgm-banner .txt-2 {

    font-size: 22px;

    margin-bottom: 0rem;

}


/*---------------------------------------*/

/*------------ deployment-mgm-------------------*/

/*--------------------------------------*/

.deployment-mgm {

    background: #f7f7f7 url("../images-salekit/analytics-background.png") bottom center no-repeat;

}


.deployment-mgm .section-item {

    -ms-flex: 0 0 19%;

    flex: 0 0 19%;

    max-width: 19%;

}


.deployment-mgm .img-thumb {

    /*display: none;*/

}


.deployment-mgm .section-item {

    background: #fff;

    margin: 30px 5px 0 5px;

    border: 1px solid #fff;

    padding: 0 15px 27px 15px;

    border-radius: 8px;

    position: relative;

    transition: all 0.4s ease-in;

    box-shadow: 5px 7px 27px rgb(0 0 0 / 10%);

}


.deployment-mgm .section-item:hover {

    transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);

    -moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.45);

    -webkit-box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);

    transform: translate(0, -3px);

    z-index: 999;

    background: #fff;

}


.deployment-mgm .img-thumb {

    height: 94px;

}


.deployment-mgm .item {

    padding: 40px 0px 0px 0px;

}


.deployment-mgm .section-text {

    margin-top: 25px;

}


.content {

    font-size: 16px;

    line-height: 24px;

}


/*---------------------------------------*/

/*------------step-member-introduction-------------------*/

/*--------------------------------------*/

.step-member-introduction {

    background: url("../images-salekit/bg-map.png") center center no-repeat;

    background-size: contain;

    margin-top: 25px;

    margin-bottom: 25px;

}


.step-member-introduction .section-item {

    background: url("../images-salekit/circle-step1.png") center center no-repeat;

    height: 200px;

    width: 244px;

    display: inline-flex;

}


.step-member-introduction .section-item:last-child {

    background: url("../images-salekit/circle-step.png") center center no-repeat;

    height: 200px;

    width: 200px;

}


.step-member-introduction .section-item .item {

    background: #fff;

    border-radius: 120px !important;

    width: 170px;

    height: 170px;

    box-shadow: 0 0 40px 0 rgb(0 0 0 / 15%);

    -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);

    -webkit-box-shadow: 0 0 40px 0 rgb(0 0 0 / 15%);

    -o-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);

    -ms-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);

    margin-top: 15px;

    margin-left: 15px;

    position: relative;

}


.step-member-introduction .section-item .img-thumb {

    max-height: 54px;

    margin-bottom: 10px;

}


.step-member-introduction .section-item .item .step {

    height: 40px;

    width: 40px;

    border-radius: 30px;

    display: inline-block;

    font-size: 24px;

    color: #fff;

    line-height: 40px;

    text-align: center;

    align-items: flex-start;

    font-weight: 900;

    position: absolute;

    top: 0px;

    right: -6px;

}


.step-member-introduction .section-item .item .step1 {

    background: #159ce4;

}


.step-member-introduction .section-item .item .step2 {

    background: #ef2648;

}


.step-member-introduction .section-item .item .step3 {

    background: #7eb457;

}


.section-text .text {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

}


.section-text .text h3 {

    font-size: 18px;

    line-height: 24px;

}


.step-member-introduction-list {

    margin: 30px auto 0px auto;

    display: table;

}


.step-member-introduction .section-item .item:hover,
.salekit-ceo .item:hover {

    transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);

    -moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.45);

    -webkit-box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);

    transform: translate(0, -3px);

    z-index: 999;

    background: #fff;

}


.bt-use-free {

    background: rgb(69, 161, 217);

    /*box-shadow: 0px 10px 30px -8px #122f53 !important;*/

    font-size: 20px;

    font-weight: bold;

    text-align: center;

    padding: 10px 30px 9px 30px;

    min-width: 220px;

    margin-top: 32px;

    border-radius: 80px;

    color: #fff;

    border: 1px solid rgb(69, 161, 217);

}


.bt-use-free:hover {

    background: rgb(2, 92, 198);

    color: #fff !important;

    border: 1px solid #fff;

}


/*---------------------------------------*/

/*--ct-mgm-success-------------------------*/

/*---------------------------------------*/

.ct-mgm-success .section-item .item {

    background: url("../images-salekit/bg-step.png");

    /*box-shadow: 0px 0px 15px 6px rgb(154 161 171 / 25%);*/

    /*-webkit-box-shadow: 0px 0px 15px 6px rgb(154 161 171 / 25%);*/

    padding: 48px 18px;

    /*border-radius: 12px;*/

    min-height: 320px;

    width: 280px;

}


.ct-mgm-success .section-item .item:before {

    /*background: url("../images-salekit/arr-step-01.png") center left no-repeat;*/

    position: absolute;

    left: 40px;

    bottom: 25px;

    height: 135px;

    width: 285px;

    content: "";

}


.ct-mgm-success .section-item:last-child .item:before {

    /*background: url("../images-salekit/arr-step-02.png") center left no-repeat;*/

    position: absolute;

    left: 40px;

    bottom: 25px;

    height: 135px;

    width: 285px;

    content: "";

}


/*.ct-mgm-success .section-item .item:hover {*/

/*    transition: all ease 0.3s;*/

/*    -webkit-transition: all ease 0.3s;*/

/*    -moz-transition: all ease 0.3s;*/

/*    box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);*/

/*    -moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.45);*/

/*    -webkit-box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);*/

/*    transform: translate(0, -3px);*/

/*    z-index: 999;*/

/*    background: #fff;*/

/*}*/


.ct-mgm-success .section-item .step {

    border-radius: 67px;

    color: #fff;

    background: #45a1d9;

    font-size: 28px;

    position: absolute;

    margin-bottom: 20px;

    width: 50px;

    height: 50px;

    display: inline-block;

    line-height: 50px;

    font-weight: 700;

    left: 10px;

    top: 50px;

}


.ct-mgm-success .section-item .step:before {

    position: absolute;

    border-right: 0px solid #e1e1e1;

    border-left: 0px solid #e1e1e1;

    border-top: 10px solid #e1e1e1;

    bottom: -10px;

    left: 50%;

    content: "";


}


.ct-mgm-success .ultra-img {

    max-width: 100%;

    text-align: center;

    margin: 0px auto;

}


.ct-mgm-success .section-text {

    margin-top: 10px;

}


.ct-mgm-success .section-text p {

    font-size: 18px;

    line-height: 26px;

    margin: 15px 30px;

}


.ct-mgm-success .item img {

    height: 68px;

}


/*----------*/

.saleKit-msm {

    padding: 100px 0px !important;

}


.saleKit-msm-list {

    position: relative;

}


.saleKit-msm-list:before {

    position: absolute;

    width: 6px;

    height: 100%;

    background: #eee;

    border-radius: 30px;

    left: 50%;

    transform: translateX(-50%);

    content: "";

}


.saleKit-msm-list .item-sms {

    max-height: 100px;

}


.saleKit-msm-list .item-sms .step {

    position: absolute;

    width: 46px;

    height: 46px;

    background: #eee;

    border-radius: 46px;

    line-height: 38px;

    color: #45a1d9;

    text-align: center;

    font-size: 22px;

    font-weight: 500;

    border: 5px solid #fff;

    top: 50%;

    transform: translateY(-50%);

}


.saleKit-msm-list .item-sms .img-thumb {

    height: 84px;

}


.saleKit-msm-list .item-sms .text {

    display: flex;

    position: relative;

    height: 90px;

}


.saleKit-msm-list .item-sms p {

    font-size: 18px;

    margin-bottom: 0rem;

    line-height: 26px;

}


.saleKit-msm-list .item-left {

    margin-top: 10px;

}


.saleKit-msm-list .item-left .step {

    right: -22px;

}


.saleKit-msm-list .item-right .step {

    left: -23px;

}


.saleKit-msm-list .item-right {

    padding-left: 50px;

}


.saleKit-msm-list .item-right p {

    padding-left: 110px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    max-width: 420px;

}


.saleKit-msm-list .item-left p {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    text-align: right;

    padding-right: 0px;

    right: 160px;

}


.saleKit-msm-list .item-left .img-thumb {

    float: right;

    position: absolute;

    right: 50px;

}


/*-----------------*/


.footer .container {

    position: relative;

    padding-top: 0px;

    display: block;

    z-index: 122;
    margin-bottom: 25px;

}


.content-ft {

    padding-top: 30px;

}


.content-ft p {

    margin-bottom: 5px;

}


.content-ft .fa {

    /* float: left; */

    font-size: 16px !important;

    /* padding-bottom: 20px; */

    margin-right: 10px;

    /* opacity: 0.5; */

    width: 24PX;

    text-align: center;

}


.footer {

    position: relative;

    padding: 0px 0px 0px 0px;

    overflow: hidden;

    color: #fff;

    z-index: 1;

    background: transparent;

}


.footer-bottom a {

    color: #ccc;

    padding: 0px 5px;

}


.webpush-logo img {

    height: 44px;

}


.footer-content-in {
}


.footer:before {

    background: #fff url(../images/images-salekit/f-bg.png) center top no-repeat !important;

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    display: block;

    z-index: 1;

    height: 630px;

    top: -150px;

}


.txt-color {

    background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #3743f9), color-stop(60%, red));

    background-image: linear-gradient(to right, #3743f9 40%, red 60%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}


.footer .container {

    padding-top: 60px !important;

}


.footer .col-lg-8 {

    margin-left: 0px;

}


.footer h5 {

    font-size: 18px !important;

    color: #fff;

    line-height: 30px;

    margin-bottom: 0px;

}


.footer-content-in li {

    color: #ccc;

    list-style: none;

    margin-bottom: 5px;

}


.footer-content-in li a {

    color: #ccc;

    list-style: none;

}


.footer-content-in li a:hover {

    color: #fff;

    list-style: none;

}


.content-ft ul li {

    float: left;

    margin-right: 20px;

    text-align: center;

}


hr.bg-03 {

    border: none;

    height: 1px;

    border-radius: 20px;

    width: 60px;

    display: inline-block;

    opacity: 0.5;

    margin: 0px;

    background: #ccc;

    margin-bottom: 10px;

    margin-top: 10px;

}


.content-ft {

    padding-top: 0px !important;

}


.content-ft .offset-2,
.webpush-community .offset-2 {

    margin-left: 0px;

}


.content-ft .col-md-4 {

    margin-top: 30px;

}


.footer-logo img {

    height: 44px;

}


.footer-logo p {

    padding-bottom: 0px;

    margin-bottom: 0px;

}


.footer-logo .fa {

    width: 25px;

    text-align: center;

}


@media (max-width: 768px) {

    .custom-nav > .container {

        width: 100% !important;

        padding-right: 15px !important;

        padding-left: 15px !important;

    }


    .custom-nav .navbar-toggler {

        color: #fff;

    }


    .footer:before {

        height: 820px;

    }


    .home_page .section {
        margin-bottom: 50px;
        padding-top: 30PX !important;

        padding-bottom: 30PX !important;

    }


    .salekit-sales-platform-list {

        margin-top: 30px !important;

        padding: 0px 0px;

    }


    .salekit-sales-platform-list .section-item {

        background-size: contain !important;

        margin-bottom: 30px;

    }


    .salekit-banner img,
    .salekit-sales-platform img,
    .salekit-affiliate-marketing .img-thumb {
        width: 100%;
    }

    img.nav-user-photo {
        width: 30px;
    }

    .salekit-banner .container {

        padding-top: 60px !important;

    }


    .home_page .salekit-banner {

        padding-bottom: 0px !important;

    }


    .saleKit-endow {

        padding-bottom: 0px !important;

    }


    .custom-nav.stickyadd .sign_btn {

        background-color: rgba(255, 255, 255, 1);

        color: #006afe !important;

        border: 1px solid #006afe !important;

        font-size: 18px !important;

    }


    .salekit-banner .section_title h1 {

        line-height: 46px !important;

        font-size: 34px !important;

    }


    .show .navbar-nav {

        margin-bottom: 10px !important;

    }


    .footer {


        margin-top: -80px !important;

    }


    .saleKit-endow .img-thumb {

        height: auto !important;

        padding: 20px 0px !important;

    }


    .salekit-ceo .mt-40 {

        margin-top: 0px !important;

    }


    .saleKit-dpds .section-text:before,
    .saleKit-dpds .step:after,
    .saleKit-dpds .step:before {

        display: none;

    }


    .saleKit-dpds .section-item {

        margin-top: 30px;

    }


    .saleKit-dpds .content-text {

        padding: 15px 20px 25px 20px;

        min-height: auto;

    }


    .saleKit-dpds .mt-40 {

        margin-top: 0px;

    }


    .footer-link .footer-content-in {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

        margin: 20px 0px;

    }


    .footer-follow {

        display: flex;

    }


    .footer-follow ul li {

        float: left;

        margin-left: 0px;

        font-size: 18px;

        margin-right: 20px;

    }


    .footer-bottom {

        line-height: 30px;

        height: auto;

        font-size: 16px;

        margin-top: 10px;

        padding: 20px 10px 10px 10px;

    }


    .footer-content-in li {

        margin-bottom: 10px;

    }

}


@media (max-width: 599px) {

    .footer-follow {

        display: block !important;

    }

}


/*----------------------*/

.saleKit-registration {

    padding-bottom: 40px !important;

}


.registration-left .img-thumb {

    width: 100%;

}


.saleKit-registration .btn-registration {

    background-color: transparent;

    background-image: linear-gradient(90deg, #006afe 0%, #055cc6 90%);

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    padding: 12px 30px 8px 30px;

    border-radius: 50px;

    margin-top: 15px;

    min-width: 280px;

}


.saleKit-registration .form-group .fa {

    position: absolute;

    top: 15px;

    left: 20px;

    color: #888;

    font-size: 18px;

    z-index: 2;

}


.form-all .form-group {

    position: relative;

}


.form-all .form-control {

    width: 100%;

    padding: 10px 20px 10px 50px;

    transition: .3s;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    box-shadow: 3px 4px 15px #0000001a;

    border-radius: 6px;

    border: 1px solid #f6f7f9;

    height: 48px;

    position: relative;

}


.form-all .form-control-textarea {

    width: 100%;

    padding: 10px 20px 10px 50px;

    transition: .3s;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    box-shadow: 3px 4px 15px #0000001a;

    border-radius: 6px;

    border: 1px solid #f6f7f9;

    position: relative;

}


.form-all .form-control:focus {

    border: 1px solid rgb(69, 161, 217) !important;

}


/*-----------------------*/

.page-login {

    background-color: transparent;

    background-image: linear-gradient(90deg, #006aea 0%, #642ba2 100%);

    position: relative;

}


.page-login::before,
. {

    /*background-image: url(../images-salekit/bg-shape-5.png);*/

    position: absolute;

    content: '';

    background-size: contain;

    background-position: bottom center;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    background-repeat: no-repeat;

}


.saleKit-login {

    background: url(../images-salekit/bg-shape-5.png) bottom center no-repeat;

    height: 100vh;

}


.saleKit-login .title {

    color: #122f53;

}


.saleKit-login .img-thumb {

    max-height: 48px;

}


.saleKit-login .saleKit-login-form {

    box-shadow: 0px 10px 13px -6px rgb(0 0 0 / 8%), 0px 20px 31px 3px rgb(0 0 0 / 9%), 0px 8px 20px 7px rgb(0 0 0 / 2%);

    background-color: #fff;

    margin: 5px;

    padding: 50px 60px;

    border-radius: 10px;

}


.btn-login {

    background-color: transparent;

    background-image: linear-gradient(90deg, rgb(13, 71, 213) 0%, rgb(21, 156, 228) 90%);

    color: rgb(255, 255, 255);

    font-size: 18px;

    font-weight: bold;

    padding: 12px 30px 8px;

    border-radius: 6px;

    width: 100%;

    text-transform: uppercase;

}


.btn-login:hover {

    background-image: linear-gradient(90deg, rgb(21, 156, 228) 0%, rgb(13, 71, 213) 90%);

    color: rgb(255, 255, 255);

}


.saleKit-login-form .form-all .form-control {

    position: relative;

    width: 100%;

    padding: 10px 20px 10px 52px;

    transition: .3s;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    box-shadow: 0px 0px 0px #0000001a;

    border-radius: 6px;

    border: 1px solid #e1e1e1;

    height: 48px;

}


.form-control:focus {

    border: 1px solid #45a1d9 !important;

}


.saleKit-login-form .form-group {

    position: relative;

}


.saleKit-login-form .form-group .fa {

    position: absolute;

    top: 15px;

    left: 20px;

    color: #888;

    font-size: 18px;

    z-index: 2;

}


.or-login {

    color: #666;

    position: relative;

}


.or-login:before {

    content: "";

    height: 1px;

    background: #e1e1e1;

    width: 30%;

    position: absolute;

    top: 11px;

    left: 0px;

}


.or-login:after {

    content: "";

    height: 1px;

    background: #e1e1e1;

    width: 30%;

    position: absolute;

    top: 11px;

    right: 0px;

}


.btn-or-login {

    width: 100%;

    display: block;

    color: #fff;

}


.btn-facebook {

    background: #3b5998;

    width: 48%;

    color: #fff;

    float: left;

    font-size: 18px;

    font-weight: bold;

    padding: 12px 30px 8px;

    border-radius: 6px;

}


.btn-facebook:hover {

    background: rgb(33 57 107);

    color: #fff;

}


.btn-google {

    background: #e53935;

    width: 48%;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    padding: 12px 30px 8px;

    border-radius: 6px;

    float: right;

}


.btn-google:hover {

    background: rgb(165 24 21);

    color: #fff;

}


.saleKit-login-form .row {

    width: 100%;

    padding: 20px 0px;

    margin: 0px;

}


.saleKit-login-form .col-md-8 {

    padding-right: 0px;

}


.saleKit-login-form .col-md-4 {

    padding-left: 0px;

}


/*-----------------------------*/

@media screen and (max-width: 360px) {

    .saleKit-login .title {

        margin-top: 0px !important;

    }


    .or-login:before,
    .or-login:after {

        width: 20%;

    }


    .saleKit-login-form .row {

        padding: 20px 0px 0px 0px;

    }

}


@media screen and (min-width: 700px) and (max-width: 1024px) {

    .salekit-ceo .item {

        min-height: 390px;

    }


    .section {

        padding-top: 50px !important;

        padding-bottom: 50px !important;

    }


    .saleKit-dpds .content-text:before {

        left: 45% !important;

    }


    .salekit-ceo .mt-40 {

        margin-top: 20px;

    }


    .saleKit-login .offset-3 {

        margin-left: 0% !important;

    }


    .img-sales-platform .img-thumb,
    .salekit-affiliate-marketing .img-thumb {

        width: 100%;

    }


    .saleKit-login .col-sm-6 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 600px;

        width: 600px;

        position: absolute;

        left: 50%;

        margin-left: 0px;

        transform: translateX(-50%);

    }

}


@media screen and (min-width: 600px) and (max-width: 768px) {


    .salekit-sales-platform-list .section-item {

        flex: 0 0 33.333% !important;

        max-width: 33.333% !important;

        -ms-flex: 0 0 33.333% !important;

        min-height: 180px !important;

    }


    .salekit-sales-platform-list .section-item p {

        padding-right: 26px !important;

    }


    .footer-link {

        -ms-flex: 0 0 60% !important;

        flex: 0 0 60% !important;

        max-width: 60% !important;

    }


    .footer-logo {

        text-align: left !important;

    }


    .footer .col-md-5 {

        -ms-flex: 0 0 36%;

        flex: 0 0 36%;

        max-width: 36%;

    }


    .footer .container {

        max-width: 100% !important;

    }


    .footer-logo {

        margin-top: 110px !important;

    }


    .footer-link {

        margin-top: 90px !important;

    }


    .footer-follow ul li {

        margin-left: 20px;

    }


    .footer-follow {

        ms-flex: 0 0 100% !important;

        flex: 0 0 100% !important;

        max-width: 100% !important;

    }


    .saleKit-dpds .section-item {

        padding-right: 10px;

        padding-left: 10px;

    }


    .salekit-ceo .item {

        min-height: 425px !important;

    }


    .saleKit-dpds .content-text:before {

        left: 44% !important;

    }


    .saleKit-dpds .content-text {

        padding: 15px !important;

        min-height: 200px !important;

    }


    .saleKit-login .offset-3 {

        margin-left: 12% !important;

    }


    .saleKit-login .col-sm-6 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 400px;

        width: 400px;

    }


    .registration-left .img-thumb {

        display: none;

    }


    .registration-right {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        width: 100%;

    }


    .ct-mgm-success .section-item {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }


    .ct-mgm-success .section-item .item {

        display: block !important;

    }


    .ct-mgm-success .item img {

        margin-bottom: 15px;

    }


    .ct-mgm-success .section-item .step {

        left: -7px !important;

        top: 36px !important;

    }


    section.section h2 {

        font-size: 28px !important;

        line-height: 40px !important;

    }


    section .container {

        max-width: 100%;

    }


    .saleKit-registration .mt-50 {

        padding-top: 40px !important;

    }

}


@media (max-width: 768px) {

    .salekit-sales-platform-list .col-md-2 {

        -ms-flex: 0 0 100% !important;

        flex: 0 0 100% !important;

        max-width: 100% !important;

    }


    #navbarCollapse {

        padding: 20px;

        margin-left: -21px;

        margin-right: -21px;

        margin-top: 5px;

    }


    .mgm-banner {

        padding-top: 100px !important;

    }


    .banner-img img {

        max-width: 100%;

    }


    .mgm-banner h1 {

        line-height: 40px;

        font-size: 28px;

    }


    .mgm-banner .section_title br {

        display: none;

    }


    .mgm-banner .txt-2 {

        font-size: 18px;

        line-height: 26px;

    }


    .banner-img {

        margin-bottom: 160px;

    }


    .introduce-mgm-salekit {

        padding: 0px 15px;

        margin-top: -30px;

    }


    .deployment-mgm .section-item {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }


    .deployment-mgm .item {

        padding: 30px 0px 0px 0px;

    }


    .deployment-mgm .section-item {

        margin: 8px 5px 0 5px;

        padding: 0 15px 10px 15px;

        border-radius: 0px;

        box-shadow: 5px 7px 27px rgb(0 0 0 / 0%);

    }


    .deployment-mgm {

        padding-bottom: 10PX !important;

    }


    .saleKit-msm {

        padding: 50px 0px !important;

    }


    .saleKit-msm-list {

        margin-top: 30px !important;

    }


    .saleKit-msm-list:before {

        left: 30px;

    }


    .saleKit-msm-list .item-left .step {

        right: auto;

        left: 6px;

    }


    .saleKit-msm-list .item-right p {

        padding-left: 18px !important;

        position: relative;

        top: 0%;

        transform: translateY(0%);

    }


    .saleKit-msm-list .item-left p {

        padding-left: 126px;

        text-align: left;

        padding-right: 0px;

        right: auto;

        top: 0%;

        transform: translateY(0%);

        position: relative;

        min-height: 64px;

    }


    .saleKit-msm-list .item-sms .text {

        height: auto;

    }


    .saleKit-msm-list .item-left .img-thumb {

        float: left;

        right: auto;

        left: 46px;

    }


    .saleKit-msm-list .item-sms .img-thumb {

        height: 64px;

        margin-top: 10px;

    }


    .saleKit-msm-list .item-right .step {

        left: 5px;

    }


    .saleKit-msm-list .item-right .img-thumb {

        margin-left: 10px;

    }


    .saleKit-msm-list .item-sms {

        max-height: 100%;

    }


    .saleKit-msm-list .item-right,
    .saleKit-msm-list .item-left {

        margin-top: 30px;

    }


    section.section h2 {

        font-size: 24px;

        line-height: 34px;

    }


    section.section h5 {

        font-weight: 400;

        color: #666;

        font-size: 18px;

        line-height: 28px;

        margin-bottom: 0rem;

    }


    .saleKit-registration .mt-50 {

        margin-top: 0px !important;

    }


    .registration-right .form-group {

        margin-bottom: 10px;

    }


    .saleKit-registration .btn-registration {

        margin-top: 10px;

        min-width: 100%;

    }


    .saleKit-registration {

        padding-bottom: 0px !important;

    }


    .footer-logo {

        text-align: center;

        margin-top: 100px;

    }


    .footer {

        padding: 10px 0px 0px 0px;

    }


    .footer-logo p {

        text-align: left;

    }


    .footer-link .footer-about {

        -ms-flex: 0 0 40%;

        flex: 0 0 40%;

        max-width: 40%;

    }


    .footer-link .footer-faq {

        -ms-flex: 0 0 60%;

        flex: 0 0 60%;

        max-width: 60%;

    }


    .footer {

        background: #040507;

        padding: 0px 0px 0px 0px;

        margin-top: -1px;

    }


    .saleKit-registration {

        z-index: 20;

    }


    .footer .container {

        padding-top: 15px !important;

    }


    .ct-mgm-success .section-item {

        margin-top: 20px;

        /*-ms-flex: 0 0 50%;*/

        /*flex: 0 0 50%;*/

        /*max-width: 50%;*/

    }


    .ct-mgm-success .section-item .item {

        /*background: url(../images-salekit/bg-step.png);*/

        box-shadow: 0px 0px 15px 6px rgb(154 161 171 / 25%);

        -webkit-box-shadow: 0px 0px 15px 6px rgb(154 161 171 / 25%);

        padding: 30px 20px;

        min-height: initial;

        display: flex;

        width: 100%;

    }


    .ct-mgm-success .section-item .item {

        background: #fff;

        border-top-right-radius: 20px !important;

        border-bottom-left-radius: 20px !important;

    }


    .ct-mgm-success .section-text {

        margin-top: 0px;

    }


    .ct-mgm-success .section-item .step {

        left: 0px;

        top: -15px;

    }


    .ct-mgm-success .section-text p {

        font-size: 18px;

        line-height: 26px;

        margin: 0px 10px;

        text-align: left;

    }


    .step-member-introduction .section-item {

        margin-bottom: 15px;

    }


    .step-member-introduction-list {

        max-width: 210px;

    }


    .ct-mgm-success h2 {

        margin: 0px;

    }


    .saleKit-login .offset-3 {

        margin-left: 0%;

    }


    .saleKit-login .mt-50 {

        margin-top: 30px;

    }


    .saleKit-login .saleKit-login-form {

        padding: 20px;

    }


    .saleKit-login-form .col-md-4 {

        text-align: center;

        margin-bottom: 15px;

        font-size: 18px;

    }


    .saleKit-login-form .col-md-8 {

        text-align: center !important;

        font-size: 18px;

    }


    .salekit-sales-platform-list .section-item {

        min-height: auto !important;

        padding-bottom: 20px;

    }

}


/*---------------------------------------*/

/*------------ salekit-banner -------------------*/

/*--------------------------------------*/

/*---------------------*/

.salekit-banner {

    background-color: transparent;

    background-image: linear-gradient(90deg, #006aea 0%, #642ba2 100%) !important;

    position: relative;

    padding-bottom: 0px !important;

    padding-top: 140px !important;

}


.salekit-banner .banner-img {

    margin-bottom: 50px;

}


.salekit-banner .section_title {

    z-index: 99;

    position: relative;

}


.saleKit-login {

    background: url(../images/images-salekit/bg-shape-5.png) bottom center no-repeat;

    height: 100vh;

}


.salekit-banner .section_title h1 {

    color: #fff;

    line-height: 50px;

    font-size: 36px;

}


.salekit-banner .txt-2 {

    font-size: 22px;

    margin-bottom: 0rem;

}


.salekit-banner .banner-img img {

    max-width: 100% !important;

}


.salekit-banner .img-thumb {

    width: 100%;

}


.salekit-sales-platform-list {

    margin-top: 90px;

}


.home_page .section_title h2 {

    color: #122f53;

}


.salekit-sales-platform-list .col-md-2 {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

}


.salekit-sales-platform-list .section-item {

    /*background: url(../images/images-salekit/arr-step.png) left center no-repeat;*/

    background: #FFFFFF;

    /* box-shadow: 3px 4px 15px #0000001a; */

    border-radius: 6px;

    border: 1px solid #f1f1f1;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}


.salekit-sales-platform-list .section-item {

    font-size: 18px;

    min-height: 190px;

    position: relative;

}


.salekit-sales-platform-list .section-item .number {

    font-size: 24px;

    width: 80px;

    border-radius: 30px;

    text-align: center;

    font-weight: 600;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: -23px;

    color: #006afe;

    border: 1px solid #e1e1e1;

    background: #fff;

}


.salekit-sales-platform-list .section-item p {

    font-size: 18px;

    padding: 30px 20px 0px 20px;

    text-align: center;

    margin-bottom: 0px;

}


.section_title p {

    font-size: 18px;

    color: #666;

}


/*--------salekit-ceo----*/

.salekit-ceo .section-item {

    padding-bottom: 20px;

    padding-left: 10px;

    padding-right: 10px;

}


.salekit-ceo .item {

    width: 100%;

    padding: 30px 25px 30px 25px;

    background: #FFFFFF;

    /*box-shadow: 3px 4px 15px #0000001a;*/

    border-radius: 6px;

    border: 1px solid #f1f1f1;

}


.salekit-sales-platform-list .section-item:hover {

    transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);

    -moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.45);

    -webkit-box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);

    transform: translate(0, -3px);

    z-index: 999;

    background: #fff;

}


.salekit-ceo .img-thumb {

    height: 68px;

    /*display: none;*/

}


.salekit-ceo h2 {

    text-transform: uppercase;

    font-size: 24px;

    font-weight: 700;

}


.btn-view {

    border: 1px solid #006afe;

    color: #006afe;

    padding: 7px 20px 5px 20px !important;

    border-radius: 30px;

}


.btn-view:hover {

    background: #006afe;

    color: #fff;

}


.salekit-ceo .content {

    min-height: 100px;

    color: #666;

}


.salekit-ceo .content span {

    width: 100%;

    display: block;

    font-weight: bold;

    font-size: 16px;

    margin-bottom: 5px;

    color: #333;

}


.mt-40 {

    margin-top: 40px;

}


/*----------------------*/

.salekit-affiliate-marketing .btn-view-1 {

    background: #006afe;

    border: 1px solid #006afe;

    color: #fff;

    font-size: 18px;

    padding: 10px 60px 10px 60px !important;

    border-radius: 30px;

}


.salekit-affiliate-marketing .btn-view-1:hover {

    background: #055cc6;

    border: 1px solid #055cc6;

}


/*---------*/

.saleKit-dpds .img-thumb {

    height: 80px;

}


.saleKit-dpds .step {

    border: 2px solid #d1d1d1;

    padding: 6px 30px;

    border-radius: 40px;

    font-size: 18px;

    color: #666;

    position: relative;

    z-index: 15;

    background: #fff;

    position: relative;

}


.saleKit-dpds .step:after {

    width: 10px;

    height: 10px;

    position: absolute;

    top: 13px;

    background: #d1d1d1;

    right: -6px;

    content: "";

    z-index: 60;

    border-radius: 30px;

}


.saleKit-dpds .step:before {

    width: 10px;

    height: 10px;

    position: absolute;

    top: 5px;

    left: -10px;

    font: normal normal normal 25px/1 FontAwesome;

    content: "\f105";

    z-index: 60;

    border-radius: 30px;

    color: #d1d1d1;

    font-weight: 700;

}


.num1 .step:before {

    display: none !important;;

}


.num1 .step:before,
.num3 .step:after {

    display: none;

}


.saleKit-dpds .section-text {

    position: relative;

    margin-top: 25px;

}


.saleKit-dpds .section-text:before {

    border-top: 2px dotted #d1d1d1;

    width: 327px;

    position: absolute;

    top: 14px;

    left: 210px;

    content: "";

    z-index: 1;

}


.saleKit-dpds .section-item:last-child .section-text:before {

    display: none;

}


.saleKit-dpds .section-text h4 {

    padding: 10px 0px;

    margin-bottom: 0px;

}


.saleKit-dpds .section-text .content-text p {

    padding-bottom: 0px;

    margin-bottom: 0rem;

}


.saleKit-dpds .content-text {

    background: #f6f6f6;

    border-radius: 8px;

    padding: 15px 25px;

    min-height: 155px;

}


.saleKit-dpds .content-text:before {

    position: absolute;

    top: 34px;

    left: 50%;

    transform: translateX(-50%);

    content: "";

    width: 0;

    height: 0;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-bottom: 15px solid #f6f6f6;

    z-index: 333;

    margin-top: -5px;

}


/*-------------------*/

.saleKit-endow .img-thumb {

    height: 440px;

}


/*---------------*/

.saleKit-endow {

    background: url(../images/images-salekit/bg-map.png) center center no-repeat;

}


/*--------------*/

.footer {

    background-image: -webkit-gradient(linear, left top, right bottom, from(#143356), to(#0f2741));

    background-image: -o-linear-gradient(top left, #143356, #0f2741);

    background-image: linear-gradient(to bottom right, #143356, #0f2741);

    background-color: #0f2741;

    color: #fff;

    padding-bottom: 30px !important;

}


.footer h5 {

    margin-bottom: 10px !important;

    text-transform: uppercase;

    color: #fff !important;

}


.footer-bottom .container {

    padding-top: 0px !important;

}


.footer-bottom {
    background: #061a2a;

    line-height: 48px;

    height: 48px;

    font-size: 14px;

    z-index: 99;

    position: absolute;

    width: 100%;

    bottom: 0px;

}


.footer-bottom a:hover {

    color: #fff;

}


.salekit-bct {

    height: 44px;

}


.footer-follow i {
    width: 30px;
    text-align: center;
    font-size: 24px;
}


.saleKit-endow .form-all {

    max-width: 440px;

    margin: 0px auto;

}


.saleKit-endow .registration-right h2 {

    font-weight: 700;

    color: #222;

    margin-bottom: 20px;

}


.saleKit-endow .registration-left {

    /*text-align: right;*/

}


.footer {

    background-color: #050608;

}

.alert_trial {

    width: 100%;

    position: relative;

    text-align: center;

    cursor: pointer;

    background: #00d860;

    padding: 5px 0px;

}

.alert_trial .alert_cont {

    padding: 8px 40px;

}

.alert_msg {

    color: rgb(255, 255, 255);

    flex: 3 1 auto;

    text-align: center;

}

.msg_sp {

    flex: 1 1 auto;

    font-size: 25px

}

.alert_content {

    color: rgb(255, 255, 255);

}

.alert_content span {

    font-size: 20px;

}


.stickyadd {

    top: 0px;

}

.social li {
    display: inline;

}
.social ul i {
    font-size: 20px;
    margin-right: 20px;
}
.footer-follow ul {
    padding: 0;
}
@media screen and (max-width: 768px) {

    .alert_trial .alert_cont {

        padding: 0px;

    }

    .msg_sp {

        font-size: 13px;

    }

    .alert_content span {

        font-size: 13px;

    }


    .stickyadd {

        top: 0px;

    }

}
@media (max-width: 600px) {
    .footer {
        padding: 0 !important;
        margin: 0 !important;
    }
    .footer:before {
        top: 0px;
    }
    .trial-botton {
        min-height: 200px;
    }
    .footer-logo, .footer-link {
        margin-top: 20px;
    }
    .footer-link .footer-content-in {
        margin: 0;
    }
    .footer-content-in li {
        margin-bottom: 0px;
    }
    .footer .company-info p {
        display: inline-block;
        width: 49.5%;
    }
    .footer-bottom {
        padding: 1px;
        line-height: 22px;
        height: auto;
        position: relative;
    }
    .footer-bottom .social ul, .footer-follow ul {
        float: initial !important;
        display: flex;
        justify-content: center;
    }
    /*.footer .container {
        margin-bottom: 70px;
    }*/
    .footer-logo .fa {
        width: 15px;
    }
    .company-info p:nth-child(2),.company-info p:nth-child(4) {
        padding-left: 9px;
    }
   
    .footer-about ul {
        padding: 0;
    }
    .footer-follow ul 
    .footer ul {
        padding: 0;
        margin-top: 10px !important;
        display: block;
        /*margin-bottom: 63px !important;*/
    }
    .footer-bottom a {
        display: inline-block;
    }
    .social {
        margin-top: 10px;
    }
    .footer .follow_us {
        display: block;
        width: 100%;
        clear: both;
        margin-top: 70px;
    }
    .social ul {
        margin: 0 !important;
        display: flex;
        align-items: center;
    }
    .footer-bottom .col-md-8 {
        text-align: center;
        margin-top: 6px;
    }
    .footer-bottom .col-md-4 a {
       /* position: absolute;
        top: -116px;
        right: 7px*/
    }
}

@media (max-width: 450px) {
    .footer-content-in li, .footer-logo p {
        margin-bottom: 3px;
    }
    .footer-follow ul {
        display: flex;
    }
    
    .footer .follow_us {
        margin-top: 0px;
    }
    /*.footer .container {
        margin-bottom: 35px;
    }*/
    .footer-follow h5 {
        text-align: center;
    }
}
@media (max-width: 360px) {
    .footer .company-info p {
        width: 49%;
    }
    .company-info p:nth-child(2), .company-info p:nth-child(4) {
         padding-left: 11px; 
    }
}