/*Flow Page*/

.flow h3 a,
.edit_flow h3 a,
.edit_flow .btn {
    padding: 6px 12px;
}

#import .thumbnail .caption .btn,
#import-1 .thumbnail .caption .btn {
    padding: 4px 8px;
    display: none;
}

#import .thumbnail:hover .caption .btn,
#import-1 .thumbnail:hover .caption .btn {
    display: inline-block;
    position: absolute;
    right: 15px;
}

.modal-dialog .thumbnail {
    border: 1px solid #ddd;
    border-radius: 3px;
}

.input-group .form-control {
    z-index: 0;
}

.btnremove {
    display: none !important;
}

#import-1 .modal-body,
#import .modal-body {
    overflow: auto;
}

.border-bottom {
    border-bottom-color: #ddd;
}

.border-top {
    border-top-color: #ddd;
}

#import .thumbnail .caption,
#import-1 .thumbnail .caption {
    padding: 12px 4px 12px 9px;
}

#sortable,
#sortable1,
#sortable2 {
    cursor: all-scroll;
}

    #sortable li h6 {
        font-size: 13px;
    }

/*/Flow Page*/

/*Custom CheckBox Start*/
/*.customSwitch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
}

    .customSwitch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .customSwitch .slider {
        position: absolute;
        cursor: pointer;
        top: 2px;
        left: 0;
        right: 0;
        bottom: -2px;
        border-radius: 34px;
        border: 1px solid rgb(221, 221, 221);
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .customSwitch .slider:before {
            position: absolute;
            content: "";
            height: 14px;
            width: 14px;
            left: 1px;
            bottom: 0px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
            border-radius: 50%;
        }

    .customSwitch input:checked + .slider {
        box-shadow: rgb(100, 189, 99) 0px 0px 0px 8px inset;
        border-color: rgb(100, 189, 99);
        background-color: rgb(100, 189, 99);
    }

        .customSwitch input:checked + .slider:before {
            -webkit-transform: translateX(13px);
            -ms-transform: translateX(13px);
            transform: translateX(13px);
        }*/

/*Custom CheckBox End*/

.bg-indigo-400 {
    background-color: #5C6BC0;
    border-color: #5C6BC0;
    color: #fff;
}


.bg-brown-400 {
    background-color: #8D6E63;
    border-color: #8D6E63;
    color: #fff;
}

.bg-primary-400 {
    background-color: #42A5F5;
    border-color: #42A5F5;
    color: #fff;
}

.bg-pink-400 {
    background-color: #ec407a;
    border-color: #ec407a;
    color: #fff;
}


.bg-warning {
    background-color: #FF5722;
    border-color: #FF5722;
    color: #fff;
}

.bg-success {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: #fff;
}

.bg-danger {
    background-color: #F44336;
    border-color: #F44336;
    color: #fff;
}

.bg-danger-600 {
    background-color: #d63d39;
    border-color: #d63d39;
    color: #fff;
}

.bg-orange {
    background-color: #ff5e00;
    border-color: #ff5e00;
    color: #fff;
}

.bg-blue {
    background-color: #00a6f1;
    border-color: #00a6f1;
    color: #fff;
}

.bg-grey-700 {
    background-color: #555;
    border-color: #555;
    color: #fff;
}

.bg-violet-400 {
    background-color: #ab47bc;
    border-color: #ab47bc;
    color: #fff;
}

.bg-violet-700 {
    background-color: #7b1fa2;
    border-color: #7b1fa2;
    color: #fff;
}

.bg-violet-800 {
    background-color: #6a1b9a;
    border-color: #6a1b9a;
    color: #fff;
}

.bg-violet-600 {
    background-color: #8e24aa;
    border-color: #8e24aa;
    color: #fff;
}

.bg-warning-700 {
    background-color: #e64a19;
    border-color: #e64a19;
    color: #fff;
}

.bg-warning-400 {
    background-color: #ff7043;
    border-color: #ff7043;
    color: #fff;
}

.bg-indigo-700 {
    background-color: #303f9f;
    border-color: #303f9f;
    color: #fff;
}

.bg-indigo-800 {
    background-color: #283593;
    border-color: #283593;
    color: #fff;
}

.bg-green-700 {
    background-color: #689f38;
    border-color: #689f38;
    color: #fff;
}

.bg-green-800 {
    background-color: #558b2f;
    border-color: #558b2f;
    color: #fff;
}

.bg-green-600 {
    background-color: #7cb342;
    border-color: #7cb342;
    color: #fff;
}

.bg-grey-800 {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

.bg-teal-400 {
    background-color: #26a69a;
    border-color: #26a69a;
    color: #fff;
}

.bg-grey-400 {
    background-color: #888;
    border-color: #888;
    color: #fff;
}

.bg-orange-700 {
    background-color: #f57c00;
    border-color: #f57c00;
    color: #fff;
}

.bg-orange-400 {
    background-color: #ff9800;
    border-color: #ff9800;
    color: #fff;
}

.bg-slate-700 {
    background-color: #455a64;
    border-color: #455a64;
    color: #fff;
}

.bg-slate-400 {
    background-color: #78909c;
    border-color: #78909c;
    color: #fff;
}

.bg-teal {
    background-color: #009688;
    border-color: #009688;
    color: #fff;
}

.bg-teal-600 {
    background-color: #00897b;
    border-color: #00897b;
    color: #fff;
}

.bg-teal-700 {
    background-color: #00796b;
    border-color: #00796b;
    color: #fff;
}

.bg-teal-800 {
    background-color: #00695c;
    border-color: #00695c;
    color: #fff;
}

.bg-teal-300 {
    background-color: #4db6ac;
    border-color: #4db6ac;
    color: #fff;
}

.bg-blue-800 {
    background-color: #0277bd;
    border-color: #0277bd;
    color: #fff;
}

.bg-blue-300 {
    background-color: #4fc3f7;
    border-color: #4fc3f7;
    color: #fff;
}

.bg-blue-400 {
    background-color: #29b6f6;
    border-color: #29b6f6;
    color: #fff;
}

.bg-pink-600 {
    background-color: #d81b60;
    border-color: #d81b60;
    color: #fff;
}

.bg-pink-800 {
    background-color: #ad1457;
    border-color: #ad1457;
    color: #fff;
}

.bg-primary-800 {
    background-color: #1565c0;
    border-color: #1565c0;
    color: #fff;
}

.bg-primary-400 {
    background-color: #42a5f5;
    border-color: #42a5f5;
    color: #fff;
}

.bg-purple-800 {
    background-color: #4527a0;
    border-color: #4527a0;
    color: #fff;
}

.bg-purple-400 {
    background-color: #7e57c2;
    border-color: #7e57c2;
    color: #fff;
}

.bg-danger-800 {
    background-color: #c62828;
    border-color: #c62828;
    color: #fff;
}

.bg-danger-700 {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #fff;
}

.bg-danger-400 {
    background-color: #ef5350;
    border-color: #ef5350;
    color: #fff;
}

.bg-info-800 {
    background-color: #00838f;
    border-color: #00838f;
    color: #fff;
}

.bg-info-300 {
    background-color: #4dd0e1;
    border-color: #4dd0e1;
    color: #fff;
}

.bg-info-700 {
    background-color: #0097a7;
    border-color: #0097a7;
    color: #fff;
}

.bg-info-400 {
    background-color: #26c6da;
    border-color: #26c6da;
    color: #fff;
}

.bg-success-800 {
    background-color: #2e7d32;
    border-color: #2e7d32;
    color: #fff;
}

.bg-success-700 {
    background-color: #388e3c;
    border-color: #388e3c;
    color: #fff;
}

.bg-success-300 {
    background-color: #81c784;
    border-color: #81c784;
    color: #fff;
}

.bg-success-600 {
    background-color: #43a047;
    border-color: #43a047;
    color: #fff;
}

.bg-slate {
    background-color: #607d8b;
    border-color: #607d8b;
    color: #fff;
}

.border-white {
    border-color: #fff;
}

.text-default,
.text-default:hover,
.text-default:focus {
    color: #333333 !important;
}

.text-white,
.text-white:hover,
.text-white:focus {
    color: #fff !important;
}

.border-info {
    border-color: #00bcd4;
}

.text-info,
.text-info:focus,
.text-info:hover {
    color: #00bcd4 !important;
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #00bcd4;
    color: #ffffff !important;
}



/*Checkbox*/
/*customcheckbox*/
/*.customcheckbox input {
    opacity: 0;
    position: absolute;
}*/

.trbg {
    background: #dddd;
}
/*.customcheckbox input:checked + span:before {
    opacity: 1;
}*/

/*/Checkbox*/

/*edit step*/
.edit-step {
    position: relative;
    height: calc(100vh - 250px);
    overflow: auto;
}

.update_btn {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: white;
}

/*/edit step*/

.dropDownOpenCustom .table-responsive,
.dropDownOpenCustom .datatable-scroll-wrap {
    overflow: visible;
}


a.bg-success:focus,
a.bg-success:hover {
    background-color: #4caf50 !important;
    color: white !important;
}

a.bg-success:not(:hover) {
    background: transparent;
    color: #4caf50;
}

#sortable li {
    padding: 15px !important;
}

/*landing Page*/
.landing {
    background: #71863c;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2;
}

    .landing .navbar-brand {
        padding: 15px 20px;
    }


/*/landing Page*/

/*checkout*/


/*.billing{
    padding: 20px 12rem;
}

.bg-grey-400 {
  background-color: #0DA1ED;
  border-color: #0DA1ED;
  color: #fff;
}*/

.template-header {
    background-color: #f3f3e4;
    position: relative;
}


.template-header-content {
    display: flex;
    /*max-width: 1200px;
    margin-right: auto;
    margin-left: auto;*/
    position: relative;
}

    .template-header-content .row {
        align-items: center;
        display: flex;
    }

        .template-header-content .row h1 {
            font-weight: 600;
            color: #71863c;
            font-size: 30px;
        }

        .template-header-content .row h4 {
            color: #917953;
        }

.header-img {
    max-width: 400px;
    width: 100%;
}

.display-flex {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.template-header .panel.row {
    width: 100%;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

    .template-header .panel.row i {
        font-size: 50px;
        color: #d4d4d4;
    }

.template-header .display-flex {
    position: absolute;
    width: 97.5%;
    bottom: -16%;
}

.border-right {
    border-right: 1px solid #ddd;
}

.bg-grey {
    background-color: #71863c;
    color: white;
}

.width60 {
    width: 60%;
}

.text-secondary {
    color: #6c757d !important;
}

@media (min-width: 1200px) {
    .template-content .container {
        /*width: 768px;*/
    }
}

@media (max-width: 768px) {

    .checkout1 .template-body {
        margin-top: 130px !important;
    }

    .checkout1 .col-sm-6 .col-sm-6,
    .checkout1 .col-sm-6 .col-lg-6,
    .checkout1 .col-lg-6 .col-lg-6,
    .checkout1 .col-lg-6 .col-sm-6,
    .checkout-3 .col-sm-6 .col-sm-6,
    .checkout-3 .col-sm-6 .col-lg-6,
    .checkout-3 .col-lg-6 .col-lg-6,
    .checkout-3 .col-lg-6 .col-sm-6,
    .checkout_5 .col-sm-6 .col-sm-6,
    .checkout_5 .col-sm-6 .col-lg-6,
    .checkout_5 .col-lg-6 .col-lg-6,
    .checkout_5 .col-lg-6 .col-sm-6 {
        width: 100% !important;
    }

    .template-content .col-sm-4 {
        width: 33.33333333%;
        float: left;
    }

    .template-content .col-sm-10 {
        width: 90%;
        float: left;
    }

    .template-content .col-sm-2 {
        width: 10%;
        float: left;
    }

    .landing_page .header-logo {
        text-align: center;
    }

        .landing_page .header-logo img {
            text-align: center;
            height: 150px !important;
            margin-bottom: 25px;
        }

        .landing_page .header-logo .pull-right {
            float: none !important;
        }

    .template-header-content .row {
        display: block;
    }

    .landing_page .header-img {
        width: 400px !important;
        margin-top: 0px !important;
    }

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

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

    .landing_page .col-sm-6 {
        text-align: center;
    }

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

        .combo_offer .text-left .pl-20 {
            padding-left: 0px !important;
        }

    .text_center {
        text-align: center;
    }

    .landing_page_2 .template-header-content h1,
    .landing_page_2 .template-header-content h4,
    .landing_page_2 .template-header-content a {
        text-align: center;
    }

    .landing_page_2 .display-flex .col-sm-3 {
        width: 50%;
        float: left;
        padding: 10px;
    }

    .landing_page_2 .text_center a {
        margin: 20px 0px;
    }

    .checkout_2 .template-header-content img {
        width: 80px;
    }

    .checkout_2 .template-header-content .text-center {
        text-align: left;
    }

    .checkout_2 .template-header-content h1 {
        font-size: 28px;
    }

    .checkout_2 .template-header-content .col-sm-4 {
        width: 100%;
    }

    .thankyou_2 .template-header-content h1 {
        font-size: 30px !important;
    }

    .landing_page_3 .template-header-content .text-left {
        text-align: center;
    }

        .landing_page_3 .template-header-content .text-left.width100 {
            text-align: left;
        }

    .landing_page_3 .template-header-content a {
        margin-bottom: 20px;
    }

    .landing_page_3 .template-header-content .text-center img {
        height: 260px !important;
        margin: 0 !important;
    }

    .landing_page_3 .display-flex.container {
        display: block !important;
    }

        .landing_page_3 .display-flex.container .col-sm-2 {
            width: 33.33%;
            float: left;
            padding: 10px;
        }

        .landing_page_3 .display-flex.container .col-sm-4 {
            width: 100%;
            float: left;
            padding: 10px;
        }

    .checkout_3 .template-header-content .col-sm-4,
    .checkout_3 .template-header-content .col-sm-8 {
        width: 100% !important;
        float: left;
    }

    .checkout_3 .template-header-content h1,
    .checkout_3 .template-header-content h4 {
        text-align: center;
    }

    .thankyou_3 .template-content .col-sm-4 {
        width: 100% !important;
        float: left;
        text-align: center;
        padding: 10px;
    }

        .thankyou_3 .template-content .col-sm-4 .display-flex,
        .checkout_5 .display-flex {
            display: block !important;
        }

    .thankyou .template-header-content .row h1 {
        font-size: 28px !important;
    }

    .landing_page_4 .template-header-content .col-sm-5 {
        text-align: center;
    }

        .landing_page_4 .template-header-content .col-sm-5 a {
            margin-bottom: 20px;
        }

    .landing_page_4 .template-header-content .col-sm-7.text-right {
        text-align: center;
    }

    .landing_page_7.template-content .col-sm-2 {
        width: 33.33% !important;
        float: left;
    }

    .landing_page_4.template-content .col-sm-2 {
        width: 33.33% !important;
        float: left;
    }

    .landing_page_4.template-content .col-sm-4,
    .checkout_4 .template-header-content .col-sm-4,
    .landing_page_5 .col-sm-4,
    .checkout_4 .col-sm-4,
    .checkout_5 .col-sm-4,
    .landing_page_6 .col-sm-4,
    .checkout_7 .col-sm-4.text-right {
        width: 100% !important;
        float: left;
    }

    .landing_page_4 .center-alligned.col-sm-10 {
        width: 100% !important;
        float: left;
        padding-bottom: 20px;
    }

    .checkout_4 .template-header-content .text-left {
        text-align: center;
    }

    .checkout_4 .template-header-content h1,
    .checkout_4 .template-header-content h4,
    .checkout_4 .template-header-content .text-right,
    .checkout_7 .template-header-content .col-sm-3 {
        text-align: center;
    }

    .landing_page_5 .template-header-content,
    .checkout_7 .col-sm-4.text-right {
        text-align: center;
    }

        .landing_page_5 .template-header-content h5 i {
            display: none;
        }

        .landing_page_5 .template-header-content .text-right,
        .landing_page_5 .template-header-content .text-left {
            text-align: center;
        }

    .checkout_5 .template-header-content .col-sm-6 {
        text-align: center;
    }

    .checkout_5 .media-left.media-middle {
        display: block;
        padding-right: 0;
    }

    .thank_you_5 .col-sm-6 {
        width: 50%;
        float: left;
    }

    .landing_page_6 .template-header-content .text-left,
    .landing_page_6 .template-header-content h1,
    .landing_page_6 .template-header-content p {
        text-align: center;
    }

    .landing_page_6 .display-flex.panel-body {
        display: block !important;
        text-align: center;
        padding: 20px;
        width: 100% !important;
    }

    .checkout_6 .template-header-content .col-sm-2 {
        width: 100% !important;
        float: left;
    }

    .checkout_6 .template-header-content .text-left {
        text-align: center;
    }

    .checkout_6 .template-header-content {
        text-align: center;
    }

    .landing_page_3 .template-header-content .text-left.width100 p {
        font-size: 16px !important;
    }

    .landing_page_3 .col-sm-4 h3 {
        font-size: 18px;
    }

    .landing_page_3 .col-sm-4 h6 {
        font-size: 12px;
    }
}


/*/checkout*/

/*Thank you*/
.thankyou .template-header-content .row h1 {
    font-size: 50px;
}

.thankyou .border-right {
    border-right: 1px dashed #bbb;
}

.order_details tbody tr td,
.order_details tfoot tr th {
    border-top: 0;
}

.order_details thead tr th {
    border-bottom: 0;
}

.border_top_bottom {
    border-bottom: 1px dashed #bbb;
    border-top: 1px dashed #bbb;
}

.follow a {
    border: 1px solid;
    border-radius: 50%;
}

    .follow a:hover {
        background: #333333;
        color: white;
    }

        .follow a:hover i {
            color: white;
        }

/*/Thank you*/

/*Upsell*/
.combo_offer:hover {
    border: 5px solid #71863c;
}

.combo_offer {
    border: 5px solid #dddd;
    background: whitesmoke;
}

/*/Upsell*/


/*Lnading*/
@media (min-width: 1200px) {

    .landing_page.template-content .container,
    .container.footer,
    .checkout_page .container,
    .checkout-2 .container,
    .thankyou_3 .template-content .container,
    .upsell_3 .container {
        width: 1200px;
    }

    .checkout_3 .container.footer {
        width: 768px;
    }
}

.landing_page .header-img {
    width: 100%;
    max-width: unset;
}

.landing_page .template-header-content .row h1 {
    font-size: 65px;
    color: #333;
}

.landing_page .template-header-content .row h5 {
    font-size: 18px;
}

@media (min-width: 1200px) {
    .landing_page .body-content.container {
        width: 768px;
    }
}

.rating i.icon-star-full2 {
    color: #71863c;
}

/*Landing*/

/*Landing 2*/
.bg-orange {
    background: #f16334;
    color: white;
}

/*/Landing 2*/

/*Thank You 2*/
.footer a {
    border: 1px solid;
    border-radius: 9px;
    padding: 10px 11px;
}

/*/Thank you 2*/

/*orders*/
.table {
    font-size: 13px;
}

#order p {
    font-size: 13px;
}

/*/orders*/

.dataTable td.text-right,
.dataTable td.text-center {
    padding-right: 40px;
}

    .dataTable td.text-center.no-sorting {
        padding-right: 20px;
    }

@media (min-width: 769px) {
    .templates .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 9%;
        float: none;
    }
}

label {
    font-size: 13px;
}


.templates .thumnail {
    box-shadow: 1px -2px 6px 0px rgba(0, 0, 0, 0.21);
}

.uploader .action {
    z-index: 0;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 1px;
}

.thumbnail:hover .thumb > .caption-overflow {
    background-color: rgba(0, 0, 0, 0.7);
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.select2-container {
    font-size: 12px
}

.label-info {
    background-color: #00bcd4;
    border-color: #00bcd4;
}

/*Custom Checkbox and Radio Start*/
/*.customCheckBox,
.customRadio {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    margin: 0;
    color: #333;
}

.input-group-addon .customCheckBox,
.input-group-addon .customRadio {
    width: 18px;
    height: 18px;
    padding-left: 0;
}

.customCheckBox input,
.customRadio input {
    opacity: 0;
    left: 0;
    z-index: -1;
    position: absolute;
}

.customCheckBox .customCheckSpan,
.customRadio .customRadioSpan {
    color: #455a64;
    border: 2px solid #607d8b;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
}

.customRadio .customRadioSpan {
    border-radius: 100%;
}

.customCheckSpan:before,
.customRadioSpan:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 2px;
    opacity: 0;
    border-width: 0 0 2px 2px;
    border-color: #455a64;
    border-style: solid;
    width: 9px;
    height: 5px;
    transform: rotate(-45deg);
    transition: all ease-in-out .15s;
}

.customRadioSpan:before {
    left: 3px;
    border: 4px solid;
    border-color: inherit;
    width: 0;
    height: 0;
    border-radius: 100%;
}

.customCheckBox input:checked + .customCheckSpan:before,
.customRadio input:checked + .customRadioSpan:before {
    opacity: 1;
}*/

/*/custom checkbox, radio btn*/

.bg-red {
    background: #e6271b;
    color: white;
}

.checkout-3 .customCheckBox .customCheckSpan {
    border: 2px solid white;
}

.checkout-3 .customCheckSpan:before {
    border-color: white;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    z-index: 0;
}

.bg-green_blue {
    background: transparent;
    border: 2px solid #28b979;
    color: #28b979;
    font-weight: 600;
}

    .bg-green_blue:hover,
    .bg-green_blue:focus {
        background: #28b979;
        border: 2px solid #28b979;
        color: white;
        font-weight: 600;
    }

.br-blue_green {
    background: transparent;
    border: 2px solid #16a1bf;
    color: #16a1bf;
    font-weight: 600;
    font-family: "Poppins", Sans-serif;
}

.bg-blue_green {
    background: #16a1bf;
    border: 2px solid #16a1bf;
    color: white;
    font-weight: 600;
    font-family: "Poppins", Sans-serif;
}

.br-blue_green:hover,
.br-blue_green:focus {
    background: #16a1bf;
    border: 2px solid #16a1bf;
    color: white;
    font-weight: 600;
    font-family: "Poppins", Sans-serif;
}

.bg-white {
    background: transparent;
    border: 2px solid white;
    color: white;
    font-weight: 600;
}

.bg-green {
    background: #28b979;
    border: 2px solid #28b979;
    color: white;
    font-weight: 600;
}

.bg-white:hover,
.bg-white:focus {
    background: white;
    border: 2px solid white;
    color: #0077f9 !important;
    font-weight: 600;
}

.color.bg-white:hover,
.color.bg-white:focus {
    background: white;
    border: 2px solid white;
    color: #18a567 !important;
    font-weight: 600;
}

.background-overlay,
.background-overlay1,
.background-overlay2,
.background-overlay4,
.background-overlay5,
.background-overlay7,
.background-overlay6,
.background-overlay8 {
    background-attachment: fixed;
    background-color: #ffffff;
    background-image: url(../images/bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.background-overlay1 {
    background-image: linear-gradient(45deg, #10314db8 35%, #55a9ca6b 83%), url(../images/1bg.jpeg);
    opacity: 1;
}

.background-overlay2 {
    background-image: url(../images/bg-graphics.png);
}

.background-overlay4 {
    background-image: url(../images/bg-graphics2.png);
    background-color: transparent;
}

.background-overlay5 {
    background-image: linear-gradient(45deg, #112c4573 35%, #103150d1 50%), url(../images/1bg.jpeg);
    opacity: 1;
}

.background-overlay7,
.background-overlay6 {
    background-image: url(../images/bg-graphics3.png);
    background-attachment: initial;
    background-position: initial;
    opacity: 1;
    top: 130px;
}

.background-overlay8 {
    background-color: transparent;
    background-image: linear-gradient(135deg, #f2eadc 60%, #ffffff 50%);
    opacity: 0.85;
    mix-blend-mode: color;
    background-attachment: initial;
}

.background-overlay6 {
    top: 0px;
}

.panel-radius {
    border-radius: 10px;
    box-shadow: 0px 1px 7px 4px rgba(0, 0, 0, 0.08);
}

.width100 {
    width: 100%;
}

.font500 {
    font-weight: 500;
}

.font600 {
    font-weight: 600;
}


.text-white {
    color: #ffffff;
}

.position-relative {
    position: relative !important;
}

.margin-auto {
    margin: auto;
}

.bg-lgblue {
    background-color: #18b6e9;
    color: white;
}

.br-lgblue {
    border: 1px solid #18b6e9;
    color: #18b6e9;
    background-color: #122d46;
}

    .br-lgblue:hover {
        border: 1px solid #18b6e9;
        color: white;
        background-color: #18b6e9;
    }

.bg-drblue {
    background-color: #10314d;
    color: white;
}

.text-black {
    color: black;
}

.font400 {
    font-weight: 400;
}

.landing_page_4 {
    font-family: "Poppins", Sans-serif;
}

.landing_page_5 {
    font-family: sans-serif;
}

.landing {
    padding: 0 20px !important;
}

@media (min-width: 320px) and (max-width: 450px) {
    .checkout1 .template-body {
        margin-top: 382px !important;
    }

    .checkout1 .col-sm-6 .col-sm-6,
    .checkout1 .col-sm-6 .col-lg-6,
    .checkout1 .col-lg-6 .col-lg-6,
    .checkout1 .col-lg-6 .col-sm-6,
    .checkout-3 .col-sm-6 .col-sm-6,
    .checkout-3 .col-sm-6 .col-lg-6,
    .checkout-3 .col-lg-6 .col-lg-6,
    .checkout-3 .col-lg-6 .col-sm-6,
    .checkout_5 .col-sm-6 .col-sm-6,
    .checkout_5 .col-sm-6 .col-lg-6,
    .checkout_5 .col-lg-6 .col-lg-6,
    .checkout_5 .col-lg-6 .col-sm-6 {
        width: 100% !important;
        margin: 0;
        padding: 0;
    }

    .template-content .col-sm-4 {
        width: 100%;
        text-align: center;
        padding: 0;
    }


    .checkout_3 .footer.container .col-sm-6.text-right {
        text-align: center;
    }

    .landing_page .header-img {
        width: 100% !important;
        margin-top: 0px !important;
    }

    .landing_page .template-header-content .row .header-text h1 {
        font-size: 27px;
    }

    .landing_page .template-header-content .row .header-text h4 {
        font-size: 16px;
    }

    .landing_page .body-content h1 {
        font-size: 26px !important;
    }

    .landing_page .body-content h4 {
        font-size: 16px !important;
    }

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

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

        .landing_page .center-alligned h2 {
            font-size: 28px;
        }

        .landing_page .center-alligned h4 {
            font-size: 16px;
        }

    .upsell_img,
    .downsell_img {
        width: 240px;
    }

    .upsell h1 {
        font-size: 28px !important;
    }

    .combo_offer .ml-20 {
        margin-left: 0px !important;
    }

    .combo_offer p {
        text-align: left !important;
    }

    .template-header .display-flex {
        width: 94.5%;
        bottom: -64%;
        /* margin: auto; */
    }

    .form-group label {
        float: left;
    }

    /*.billing{
margin-top: 134% !important;
}*/

    .border-right {
        border: 0px;
    }

    .thankyou .display-flex {
        display: block !important;
    }

        .thankyou .display-flex .pl-20 {
            padding-left: 0 !important;
        }

    .thankyou .template-header-content .row h1 {
        font-size: 28px !important;
    }

    .thankyou .template-header-content h1 {
        font-size: 28px !important;
    }

    .order {
        font-size: 18px;
    }

    .thankyou .template-header-content h4,
    .template-header-content .row h4 {
        font-size: 16px;
    }

    .landing_page_2 .display-block .pull-right,
    .landing_page_5 .display-block .pull-right,
    .landing_page_6 .display-block .pull-right {
        float: none !important;
        padding-top: 20px;
    }

    .landing_page_2 .display-block,
    .landing_page_5 .display-block,
    .landing_page_6 .display-block {
        text-align: center;
    }

    .landing_page_2 .template-header-content h1,
    .landing_page_3 h1 {
        font-size: 28px !important;
    }

    .landing_page_2 .template-header-content img {
        max-width: 400px !important;
        width: 100% !important;
    }

    .landing_page_2 .template-header .display-flex img {
        height: 20px !important;
    }

    .checkout_2 .template-header-content h1 {
        font-size: 20px !important;
    }

    .checkout_2 .template-header-content h4 {
        font-size: 14px !important;
    }

    .checkout_2 .template-header-content h5 {
        font-size: 18px !important;
    }

    .checkout_2 .template-header-content .col-sm-4 {
        text-align: left !important;
    }

    .checkout_2 .footer h2 {
        font-size: 18px !important;
    }

    .checkout_2 .footer h4 {
        font-size: 15px !important;
    }

    .checkout_2 .footer img {
        width: 100px !important;
    }

    .landing_page_7 .col-sm-2 img {
        width: 90px !important;
    }

    .checkout-2.template-body h1 {
        font-size: 18px !important;
    }

    .checkout-2.template-body h5 {
        font-size: 15px !important;
    }

    .thankyou_2 .template-body h1 {
        font-size: 20px;
    }

    .thankyou_2 .footer,
    .thankyou_3 .footer {
        text-align: center;
    }

        .thankyou_2 .footer .mr-20,
        .thankyou_3 .footer .mr-20 {
            margin-right: 0 !important;
            padding: 10px;
        }

    .landing_page_3 .template-header-content h3 {
        font-size: 20px !important;
    }

    .landing_page_3 .display-flex.container .col-sm-2 img {
        height: 20px;
    }

    .landing_page_3 .review .p-20 {
        padding: 0 !important;
    }

    .landing_page_3 .review h5 {
        font-size: 12px;
    }

    .landing_page_3 .center-alligned h2 {
        font-size: 24px !important;
    }

    .landing_page_3 .template-header-content .text-left.width100 p {
        font-size: 16px;
    }

    .upsell_2 .template-body .display-flex {
        display: block !important;
        text-align: center;
    }

        .upsell_2 .template-body .display-flex img {
            height: 200px !important;
        }

    .upsell_2 .template-header-content h1 {
        font-size: 20px !important;
    }

    .checkout_3 .template-header-content img {
        height: 200px !important;
    }

    .checkout_3 .footer.display-flex {
        display: block !important;
        text-align: center;
    }

    .thankyou_3 .template-body h1 {
        font-size: 20px;
    }

    .thankyou_3 .col-sm-4 .display-flex i {
        margin-right: 0 !important;
    }

    .landing_page_4 .template-header-content img {
        width: 250px !important;
    }

    .landing_page_4 .template-header-content h1 {
        font-size: 28px !important;
        letter-spacing: -2px !important;
    }

    .landing_page_4 h1,
    .thank_you_5 h3 {
        font-size: 28px !important;
    }

    .landing_page_4 h2,
    .thank_you_5 .col-sm-6 h4 {
        font-size: 22px !important;
    }

    .landing_page_4 h2,
    .thank_you_5 h4 {
        font-size: 14px !important;
    }

    .landing_page_4 .col-sm-2 img {
        width: 90px;
    }

    .landing_page_4 .footer .template-header-content {
        width: 300px !important;
        height: 300px !important;
        padding: 20px 10px !important;
    }

    .checkout_4 h1 {
        font-size: 24px !important;
    }

    .checkout_4 img {
        width: 100px !important;
    }

    .landing_page_5 .template-header-content,
    .landing_page_6 .template-header-content {
        padding-top: 20px !important;
    }

    .landing_page_5 h1,
    .landing_page_6 h1 {
        font-size: 28px !important;
        letter-spacing: 0 !important;
    }

    .landing_page_6 h1,
    .landing_page_6 p,
    .landing_page_6 h5 {
        line-height: 1.5384616 !important;
    }

    .landing_page_5 .template-header-content h5,
    .landing_page_6 p,
    .landing_page_6 h5 {
        font-size: 16px !important;
    }

    .landing_page_5 a {
        font-size: 12px !important;
    }

    .landing_page_5 img {
        width: 280px !important;
        padding-top: 10px;
    }

    .landing_page_6 .template-header-content img {
        width: 255px !important
    }

    .landing_page_6 .display-flex.panel-body {
        padding: 20px !important;
    }

    .landing_page_5 .text-right,
    .landing_page_6 .text-right {
        text-align: center !important;
    }

    .landing_page_5 .template-header .display-block img,
    .landing_page_6 .template-header .display-block img {
        width: auto !important;
    }

    .landing_page_5 .rush .template-header {
        padding: 10px !important;
    }

    .landing_page_5 .rush .template-header-content {
        padding: 0 !important;
    }

    .landing_page_5 .rush img {
        width: 240px !important;
    }

    .landing_page_5 .col-sm-4 img {
        width: 100px !important
    }

    .landing_page_5 .protein h1 {
        font-size: 80px !important;
    }

    .checkout_5 .template-header-content img {
        width: 210px !important;
    }

    .checkout_5 .template-header-content .row {
        padding: 0 !important;
    }

        .checkout_5 .template-header-content .row .col-sm-6 {
            padding-left: 10px !important;
            padding-bottom: 10px;
        }

    .upsell_3 .save {
        margin: auto !important;
    }

        .upsell_3 .save img {
            width: 230px !important;
        }

        .upsell_3 .save .row .width100 {
            width: auto !important;
        }

    .thank_you_5 .col-sm-6 {
        width: 100% !important;
        float: left;
        text-align: center;
        padding: 10px;
        color: #000525 !important;
    }

        .thank_you_5 .col-sm-6 h4 {
            color: #000525 !important;
        }

    .thank_you_5 .template-body h3 {
        font-size: 22px !important;
    }
}

.overflow_hidden {
    overflow: hidden;
}

.landing_page_6 {
    font-family: 'Playfair Display', Sans-serif;
}

.btn-lggrey {
    background-color: #9094a4;
    color: white !important;
}

.landing_page_5 .background,
.thankyou .background {
    position: relative;
    background-image: url(../images/leaf2.png);
    background-attachment: fixed;
    background-color: unset;
}

.landing_page_7 {
    font-family: "Playfair Display", Sans-serif !important;
}

.bg-yellow {
    background-color: #d2bc2a;
    color: white;
}

.landing_page_3 .course {
    background: #000525;
}

    .landing_page_3 .course .template-header-content h1 {
        font-size: 60px;
    }

    .landing_page_3 .course .template-header-content h3.text-white {
        font-size: 28px;
    }

    .landing_page_3 .course .template-header-content h3 i {
        color: #FFB016;
        font-size: 22px;
    }

    .landing_page_3 .course .template-header-content p {
        font-size: 13px;
    }

        .landing_page_3 .course .template-header-content p i {
            color: #e6271b;
        }

    .landing_page_3 .course .template-header-content a {
        padding: 8px 24px;
    }

    .landing_page_3 .course .template-header-content .book img {
        height: 620px;
        margin-bottom: -65px;
    }

.landing_page_3 .sponser {
    background: #f3f3f3;
}

    .landing_page_3 .sponser .container {
        padding: 30px 10px;
    }

        .landing_page_3 .sponser .container .col-sm-5 h6 {
            font-family: 'Lato', Sans-serif;
            font-weight: 300;
            line-height: 1.8em;
        }

        .landing_page_3 .sponser .container .col-sm-5 .display-flex h6 {
            color: #e6271b;
        }

        .landing_page_3 .sponser .container .col-sm-2 img {
            opacity: 0.59
        }

.landing_page_3 .feature {
    padding: 50px 0px;
}

    .landing_page_3 .feature h1 {
        font-size: 35px;
    }

.landing_page_3 .pdf {
    background: #f5f5f5;
}

    .landing_page_3 .pdf .template-header-content {
        background: #000525;
        padding: 20px 50px;
    }

        .landing_page_3 .pdf .template-header-content h2 {
            font-size: 30px;
        }

        .landing_page_3 .pdf .template-header-content h4 {
            color: #dedede;
        }

        .landing_page_3 .pdf .template-header-content a {
            padding: 8px 24px;
        }

.landing_page_3 .review {
    background: #f5f5f5;
}

    .landing_page_3 .review h5 {
        font-family: 'Lato', Sans-serif;
        font-weight: 300;
        line-height: 1.8em;
    }

    .landing_page_3 .review h3 {
        color: #e6271b;
    }

.landing_page_3 .author {
    background: #ffffff;
}

    .landing_page_3 .author h2 {
        font-size: 30px;
    }

.landing_page_3 .footer1 {
    background: #000525;
}

    .landing_page_3 .footer1 .template-content {
        padding: 50px 0px;
    }

        .landing_page_3 .footer1 .template-content .forpadding {
            padding: 50px 20px;
        }

            .landing_page_3 .footer1 .template-content .forpadding h3 i {
                color: #FFB016;
                font-size: 22px;
            }

            .landing_page_3 .footer1 .template-content .forpadding h3 {
                font-size: 30px;
            }

            .landing_page_3 .footer1 .template-content .forpadding h1 {
                font-size: 40px;
            }

            .landing_page_3 .footer1 .template-content .forpadding h4 {
                font-size: 16px;
            }

            .landing_page_3 .footer1 .template-content .forpadding a {
                padding: 8px 24px;
            }

.checkout_3 .template-header {
    background: #000525;
}

    .checkout_3 .template-header .template-header-content .row {
        padding: 20px 0px 90px 0px;
    }

        .checkout_3 .template-header .template-header-content .row .col-sm-8 h1 {
            font-size: 25px;
        }

        .checkout_3 .template-header .template-header-content .row .col-sm-8 h4 {
            font-size: 16px;
            color: #cccccc;
        }

.checkout_3 .template-body {
    margin-top: -40px;
}

    .checkout_3 .template-body .row.panel {
        box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
    }

        .checkout_3 .template-body .row.panel h3 i {
            color: #FFB016;
            font-size: 22px;
        }

        .checkout_3 .template-body .row.panel .text-center h6 {
            color: #e6271b;
        }

.checkout_3 .billing {
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

.checkout_3 .order {
    padding-bottom: 20px;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

.checkout_3 .bump .check {
    background: #656361;
}

.checkout_3 .bump .offer {
    background: #eee;
}

    .checkout_3 .bump .offer .copy {
        color: #e6271b;
    }

.thankyou_3 .template-header {
    background: #000525;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
}

    .thankyou_3 .template-header .row {
        padding: 50px 0px 100px 0px;
    }

        .thankyou_3 .template-header .row i {
            font-size: 50px;
        }

.thankyou_3 .template-body {
    background: #f9f9f9;
}

    .thankyou_3 .template-body .template-content {
        background: #e6271b;
    }

        .thankyou_3 .template-body .template-content i {
            font-size: 30px;
        }

        .thankyou_3 .template-body .template-content h4 span {
            font-size: 14px;
        }

    .thankyou_3 .template-body .info h1 {
        color: #333333;
    }

    .thankyou_3 .template-body .info .display-flex {
        justify-content: left;
        background: #eee;
    }

    .thankyou_3 .template-body .info .detail {
        background-color: #eee;
    }

        .thankyou_3 .template-body .info .detail h4 {
            color: #9c7f56;
        }

.thankyou_3 .footer {
    color: #9c7f56;
}

.thankyou_3 .share {
    background: #f9f9f9;
}

    .thankyou_3 .share .panel {
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
        border-color: transparent;
    }

    .thankyou_3 .share a {
        background-color: #3B5998;
    }

.checkout_4 .checkout_page {
    background: #18a567;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

    .checkout_4 .checkout_page .template-header-content {
        padding: 40px 0px;
    }

        .checkout_4 .checkout_page .template-header-content .col-sm-3 img {
            background: #18a567;
        }

        .checkout_4 .checkout_page .template-header-content h1 {
            font-size: 34px;
        }

        .checkout_4 .checkout_page .template-header-content h4 {
            color: #eee;
        }

.checkout_4 .checkout-2 .row.panel {
    box-shadow: 0 -3px 26px rgba(0, 0, 0, 0.09);
}

    .checkout_4 .checkout-2 .row.panel h1 {
        color: #333333;
    }

.checkout_5 .checkout_page {
    background: #10314d;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
    padding-bottom: 100px;
    background-image: url(../images/bg-graphics.png);
    background-position: center;
    background-size: cover;
}

    .checkout_5 .checkout_page .template-header-content .col-sm-6 {
        padding-left: 40px;
    }

        .checkout_5 .checkout_page .template-header-content .col-sm-6 p {
            color: #d2d2d2;
            font-size: 16px;
        }

    .checkout_5 .checkout_page .template-header-content h5 {
        font-size: 22px;
    }

    .checkout_5 .checkout_page .template-header-content p {
        color: #d2d2d2;
    }

        .checkout_5 .checkout_page .template-header-content p i {
            color: #18b6e9;
        }

.checkout_5 .row.panel {
    box-shadow: 0 -3px 26px rgba(0, 0, 0, 0.09);
    margin-top: -100px;
    align-items: flex-start;
}

.checkout_5 .coupon .bg-lgblue {
    padding: 5px 21px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.8px;
}

.checkout_5 .bump .p-20,
.checkout_2 .bump .p-20,
.checkout_3 .bump .p-20,
.checkout_4 .bump .p-20 {
    border: 1.5px dashed red;
}

.checkout1 .bump .p-20 {
    border: 1.5px dashed #ce9f53;
}

.checkout_6 .bump .p-20 {
    border: 1.5px dashed #d88b1d;
}

.checkout_7 .bump .p-20 {
    border: 1.5px dashed #a77100;
}

.checkout_5 .place_order {
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.8px;
}

.checkout_5 .money_refund {
    background: #edeef2;
}

    .checkout_5 .money_refund .back {
        border-bottom: 1px dashed #10314d;
    }

        .checkout_5 .money_refund .back h5 {
            color: #10314d;
        }

.checkout_5 .story {
    border-bottom: 1px dashed #10314d;
}

    .checkout_5 .story h5 {
        color: #10314d;
    }

    .checkout_5 .story h3 i {
        color: #18b6e9;
        font-size: 16px;
    }

    .checkout_5 .story .media-body {
        vertical-align: bottom;
    }

.checkout_5 .secure {
    border-bottom: 1px dashed #10314d;
}

    .checkout_5 .secure img {
        opacity: 0.5;
    }

.checkout_5 .faq h5 {
    color: #10314d;
}

.checkout_5 .faq h6 {
    color: #10314d;
}

.checkout_6 {
    background: #f8f9fe;
}

    .checkout_6 .template-header {
        background: #f8f9fe;
    }

        .checkout_6 .template-header .template-header-content {
            padding: 40px 0px;
        }

            .checkout_6 .template-header .template-header-content .col-sm-2 img {
                background: #C7CCE0;
            }

            .checkout_6 .template-header .template-header-content .col-sm-5 h1 {
                font-family: 'Poppins', Sans-serif;
                color: #263238;
                font-size: 25px;
                font-weight: 600;
            }

            .checkout_6 .template-header .template-header-content .col-sm-5 h4 {
                color: #8e93a9;
                font-family: 'Poppins', Sans-serif;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.8em;
            }

    .checkout_6 .template-body .row.panel {
        box-shadow: 0 -3px 26px rgba(0, 0, 0, 0.09);
    }

.checkout_7 .template-header {
    background: #f9f8f6;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

    .checkout_7 .template-header .template-header-content {
        padding: 40px 0px;
    }

        .checkout_7 .template-header .template-header-content .col-sm-5 h1 {
            font-size: 28px;
            color: #54595f;
        }

.checkout_7 .template-body .row.panel {
    box-shadow: 0 -3px 26px rgba(0, 0, 0, 0.09);
}

    .checkout_7 .template-body .row.panel h1 {
        color: #333333;
    }

.downsell_1 .template-header {
    background-color: #f5f5f5;
}

    .downsell_1 .template-header h1 {
        font-size: 40px;
    }

    .downsell_1 .template-header p i {
        color: #71863c;
    }

.downsell_1 .bg-grey {
    padding: 8px 24px;
}

.downsell_2 .template-header {
    background: #000525;
    position: unset;
}

    .downsell_2 .template-header .template-header-content .row {
        padding: 50px 0px 90px 0px;
    }

        .downsell_2 .template-header .template-header-content .row h1 {
            font-size: 30px;
        }

        .downsell_2 .template-header .template-header-content .row h4 {
            font-size: 16px;
            color: #cccccc;
        }

.downsell_2 .template-body {
    margin-top: -40px;
}

    .downsell_2 .template-body h4 span {
        color: #b4262b;
    }

.downsell_2 .bg-red {
    padding: 8px 24px;
}

.landing_page_1 .header-logo {
    height: auto;
    padding: 20px;
    padding-bottom: 0;
    background-color: #f3f3e4;
}

    .landing_page_1 .header-logo .btn {
        padding: 8px 24px;
    }

.landing_page_1 .header-text h3 {
    color: #b19663;
    font-size: 30px;
}

.font35 {
    font-size: 35px;
}

.pbpt {
    padding: 50px 20px;
}

.font30 {
    font-size: 30px !important;
}

.landing_page_1 .bg-grey {
    padding: 8px 24px;
}

.landing_page_1 .skin img {
    width: 400px;
    margin-top: -120px;
}

.landing_page_1 .shadow {
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

.landing_page_1 .faq {
    padding: 50px 0px;
}

.landing_page_2 .hr-img {
    height: auto;
    padding: 20px 50px;
    background-color: #013d46;
}

.landing_page_2 .bg-orange {
    padding: 8px 24px;
}

.font50 {
    font-size: 50px;
}

.landing_page_2 .mangim img {
    width: 510px;
}

.landing_page_4 .pre {
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: 600;
}

.landing_page_4 .main {
    color: #18a567;
    line-height: 1.1em;
    letter-spacing: -3px;
    font-family: 'Poppins', Sans-serif;
    font-size: 3.5em;
    font-weight: 500 !important;
}

.landing_page_4 .lorem {
    color: #7a7a7a;
    font-size: 15px;
    line-height: 2em;
}

.landing_page_4 .featr {
    font-size: 40px;
    font-family: 'Poppins', Sans-serif;
}

.landing_page_4 .trust {
    font-size: 40px;
    color: #0099ff;
    font-family: 'Poppins', Sans-serif;
}

.landing_page_4 .exprt {
    font-size: 40px;
    font-family: 'Poppins', Sans-serif;
}

.landing_page_4 .sint {
    font-size: 30px;
    font-family: 'Poppins', Sans-serif;
}

.landing_page_4 .faq {
    font-size: 40px;
    color: #0077f9;
    font-family: 'Poppins', Sans-serif;
}

.landing_page_4 .footer {
    background: #ffffff;
    background-image: url(../images/background2.png);
    background-position: center;
    background-repeat: no-repeat;
}

    .landing_page_4 .footer .template-header-content {
        padding: 120px 50px;
        border-radius: 50% 50% 50% 50%;
        width: 500px;
        height: 500px;
        background: #18a567;
    }

        .landing_page_4 .footer .template-header-content h1 {
            font-size: 55px;
            line-height: normal;
            font-family: 'Poppins', Sans-serif;
            font-weight: 700;
            letter-spacing: -2px;
        }

.landing_page_5 .trans {
    font-size: 3.5em;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-family: 'Squada One', Sans-serif;
    font-weight: 500 !important;
}

.landing_page_5 .transfrm h5 i {
    color: #18b6e9;
}

.landing_page_5 .transfrm a {
    padding: 10px 24px;
    letter-spacing: 1.2px;
    font-size: 15px;
}

.landing_page_5 .change {
    font-size: 3.5em;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-family: 'Squada One', Sans-serif;
    color: #10314d;
    font-weight: 500 !important;
}

.landing_page_5 .proteinx {
    font-size: 3.5em;
    color: #10314d;
    font-family: 'Squada One', Sans-serif;
    font-weight: 500 !important;
}

.landing_page_5 .protein h1 {
    font-size: 7em;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.075);
    font-family: 'Squada One', Sans-serif;
}

.landing_page_5 .rush {
    background-image: url(../images/bg-graphics.png), linear-gradient(-45deg, #f5f5f5 66%, #18b6e9 45%);
    background-size: cover;
    background-position: center;
}

    .landing_page_5 .rush .template-header {
        background: none;
        padding: 60px;
    }

        .landing_page_5 .rush .template-header .template-header-content {
            padding: 40px;
            box-shadow: 0px 0px 60px -5px rgba(64, 84, 178, 0.22);
        }

            .landing_page_5 .rush .template-header .template-header-content h1 {
                color: #10314d;
                font-size: 3.5em;
                line-height: 1.2em;
                letter-spacing: -1px;
                font-family: 'Squada One', Sans-serif;
                font-weight: 500;
            }

.landing_page_5 .custm {
    border: 1px solid #bbbbbb;
    border-radius: 6px;
    background-color: #ffffff;
    padding: 60px 35px 60px 35px;
}

.landing_page_5 .custm2 {
    border-radius: 6px;
    background-color: #10314d;
    box-shadow: 0px 20px 50px -20px #000000;
    padding: 60px 35px 60px 35px;
}

.landing_page_5 .gain {
    color: #18b6e9;
    font-size: 3.5em;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-family: 'Squada One', Sans-serif;
    font-weight: 500 !important;
}

.bg-ffffff {
    background-color: white;
}

.height-auto {
    height: auto;
}

.landing_page_4 .template-header .display-block .btn {
    padding: 10px 24px;
}

.landing_page_4 .btn {
    padding: 10px 24px;
}

.landing_page_4 .faqs {
    padding: 50px 0px;
}

    .landing_page_4 .faqs h3 {
        color: #333;
    }

.landing_page_4 .trustd .col-sm-2 {
    width: 20%;
}

.checkout1 .template-header .template-header-content .row {
    padding: 20px 0px 90px 0px;
}

.checkout1 .billing {
    margin-top: 105px;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

.checkout1 .your_order {
    margin: 20px auto;
    padding-bottom: 20px;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

.checkout_2 .template-header {
    background: #013d46;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

    .checkout_2 .template-header .template-header-content .col-sm-3 img {
        background: #013d46;
    }

    .checkout_2 .template-header .template-header-content .col-sm-5 h1 {
        font-size: 34px;
    }

    .checkout_2 .template-header .template-header-content .col-sm-5 h4 {
        color: #d2d2d2;
    }

    .checkout_2 .template-header .template-header-content .col-sm-4 h4,
    .checkout_2 .template-header .template-header-content p {
        color: #d2d2d2;
    }

        .checkout_2 .template-header .template-header-content p i {
            color: #f16334;
        }

    .checkout_2 .template-header .template-header-content h5 {
        font-size: 22px;
    }

.checkout_2 .panel-body {
    box-shadow: 0 -3px 26px rgba(0, 0, 0, 0.09);
}

.checkout_2 .template-body h1 {
    color: #333333;
}

.background-f3f3e4 {
    background: #f3f3e4;
}

.background-f5f5f5 {
    background: #f5f5f5;
}

.background-green {
    background: #013d46;
}

.background-18a567 {
    background: #18a567;
}

.background-whitesmoke {
    background: whitesmoke;
}

.landing_page_2 .panel.panel-body {
    box-shadow: 0 -3px 26px rgba(0, 0, 0, 0.09);
}

.landing_page_5 .template-header .display-block {
    padding: 40px 0px;
}

    .landing_page_5 .template-header .display-block .pull-right a {
        padding: 10px 24px;
        font-style: 15px;
    }

.landing_page_5 .template-header .template-header-content {
    padding: 60px 0px;
}

.border-bottompx {
    border-bottom: 1px solid #dddddd;
}


.landing_page_5 .reviews h1 {
    font-size: 3.5em;
    color: #10314d;
    font-family: 'Squada One', Sans-serif;
}

.landing_page_6 a.btn {
    padding: 8px 24px;
}

.landing_page_6 .template-header .template-header-content {
    padding: 100px 0px;
}

.font20 {
    font-size: 20px;
}

.fontpop {
    font-family: 'Poppins', Sans-serif;
}

.landing_page_6 .template-header-content .col-sm-6 h1 {
    font-size: 75px;
    line-height: 86px;
}

.landing_page_6 .template-header-content .col-sm-6 p {
    color: #16a1bf;
    font-size: 18px;
    line-height: 33px;
}

.width600 {
    width: 600px;
}

.landing_page_6 .project {
    padding: 100px 0px;
    background-color: #f7f7fe;
}

    .landing_page_6 .project h1 {
        font-size: 45px;
        line-height: 59px;
    }

    .landing_page_6 .project p {
        color: #16a1bf;
        font-size: 18px;
        line-height: 33px;
    }

.landing_page_6 .works .container h1 {
    font-size: 40px;
    color: black;
}

.landing_page_6 .works .container i {
    font-size: 50px;
    color: #16a1bf;
}

.landing_page_6 .works .container h3 {
    color: #263238;
    font-size: 26px;
    line-height: 36px;
}

.landing_page_6 .works .container h6 {
    color: #8e93a9;
}

.landing_page_6 .manage_project .container {
    padding: 150px 0px 30px 0px;
}

.landing_page_6 .manage_project .panel.panel-body {
    align-items: initial;
    padding: 70px 63px 70px 63px;
    box-shadow: 0px 0px 30px 2px rgba(31, 55, 104, 0.14);
}

    .landing_page_6 .manage_project .panel.panel-body i {
        font-size: 50px;
        color: #16a1bf;
    }

    .landing_page_6 .manage_project .panel.panel-body h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .landing_page_6 .manage_project .panel.panel-body p {
        color: #263238;
        font-size: 15px;
        line-height: 28px;
    }

.landing_page_6 .quotes {
    background-image: linear-gradient(180deg, #ffffff 0%, #f8f9fe 100%);
}

    .landing_page_6 .quotes h1 {
        color: #16a1bf;
    }

        .landing_page_6 .quotes h1 i {
            font-size: 80px;
        }

    .landing_page_6 .quotes h5 {
        font-size: 22px;
        line-height: 38px;
        letter-spacing: 0.7px;
    }

    .landing_page_6 .quotes .media-body a {
        font-size: 20px;
    }

    .landing_page_6 .quotes .media-body div {
        font-size: 15px;
    }

.landing_page_6 .pricing {
    background-image: linear-gradient(180deg, #ffffff 0%, #f8f9fe 100%);
}

    .landing_page_6 .pricing h1 {
        color: #263238;
        font-size: 50px;
        line-height: 59px;
    }

    .landing_page_6 .pricing h5 {
        color: #263238;
        font-size: 15px;
        line-height: 28px;
    }

.landing_page_6 #price .container {
    padding: 100px 0px 30px 0px;
}

    .landing_page_6 #price .container .col-sm-4 {
        z-index: 1;
    }

        .landing_page_6 #price .container .col-sm-4 .panel.panel-body {
            align-items: initial;
            padding: 50px 30px 70px 30px;
            box-shadow: 0px 0px 30px 2px rgba(31, 55, 104, 0.14);
        }

            .landing_page_6 #price .container .col-sm-4 .panel.panel-body h1.font400 {
                font-size: 42px;
                line-height: 59px;
            }

            .landing_page_6 #price .container .col-sm-4 .panel.panel-body p {
                color: rgba(38, 50, 56, 0.6);
                font-size: 15px;
                line-height: 25px;
            }

            .landing_page_6 #price .container .col-sm-4 .panel.panel-body h1.font600 {
                font-size: 45px;
            }

            .landing_page_6 #price .container .col-sm-4 .panel.panel-body h5 {
                font-size: 13px;
                color: rgba(38, 50, 56, 0.63);
            }

            .landing_page_6 #price .container .col-sm-4 .panel.panel-body span {
                font-size: 16px;
                padding-bottom: 10px;
            }

                .landing_page_6 #price .container .col-sm-4 .panel.panel-body span i {
                    padding-right: 5px;
                }

            .landing_page_6 #price .container .col-sm-4 .panel.panel-body a {
                font-size: 14px;
                padding: 15px 50px 15px 50px;
            }


    .landing_page_6 #price .container .col-sm-8 h5 {
        font-size: 42px;
        font-weight: 400;
        color: #263238;
    }

    .landing_page_6 #price .container .col-sm-8 h6 {
        color: #10314d;
    }

    .landing_page_6 #price .container .col-sm-8 .panel-body {
        color: rgba(0, 0, 0, 0.64);
        font-size: 15px;
        line-height: 1.8em;
    }

.landing_page_6 .purchase {
    background: #22435b;
}

    .landing_page_6 .purchase .template-content {
        padding: 50px 0px;
    }

        .landing_page_6 .purchase .template-content .content_text {
            padding: 50px 20px;
        }

            .landing_page_6 .purchase .template-content .content_text h1 {
                font-size: 50px;
                line-height: 59px;
            }

            .landing_page_6 .purchase .template-content .content_text p {
                color: rgba(255, 255, 255, 0.69);
                font-size: 15px;
                line-height: 28px;
            }

.thankyou_6 .template-header .template-header-content .row {
    padding: 50px 0px 100px 0px;
}

    .thankyou_6 .template-header .template-header-content .row i {
        font-size: 40px;
    }

    .thankyou_6 .template-header .template-header-content .row p {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.55);
        font-weight: 400;
        line-height: 1.8em;
    }

    .thankyou_6 .template-header .template-header-content .row h1 {
        font-weight: 600;
        color: #263238;
        font-family: 'Playfair Display', Sans-serif;
        font-size: 34px;
    }

.thankyou_6 .template-body .panel.panel-body {
    margin-top: -50px;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

.thankyou_6 .template-body .display-flex.p-20 {
    justify-content: left;
    background: #eee;
}

.thankyou_6 .follow_us h2 {
    font-size: 26px;
    font-weight: 700;
}

.thankyou_6 .follow_us .follow a {
    padding: 10px 12px;
}

.landing_page_7 .organic .template-header-content {
    padding: 100px 0px;
}

    .landing_page_7 .organic .template-header-content h1 {
        font-size: 3.7em;
        font-weight: 600;
        text-transform: capitalize;
        line-height: 1.1em;
    }

    .landing_page_7 .organic .template-header-content h5 {
        color: #645c4e;
        font-family: 'Roboto', Sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.8em;
    }

    .landing_page_7 .organic .template-header-content a {
        padding: 10px 24px;
        letter-spacing: 1.2px;
        font-size: 15px;
        font-family: 'Roboto', Sans-serif;
    }

.landing_page_7 .excellence {
    border-bottom: 1px solid #dddddd;
}

    .landing_page_7 .excellence .template-header-content {
        padding: 60px 0px;
    }

        .landing_page_7 .excellence .template-header-content h2 {
            font-size: 28px;
            font-weight: 600;
        }

        .landing_page_7 .excellence .template-header-content h1 {
            font-size: 2.5em;
            line-height: 1.2em;
            letter-spacing: -1px;
            color: #10314d;
        }


        .landing_page_7 .excellence .template-header-content p {
            font-family: 'Roboto', Sans-serif;
        }

        .landing_page_7 .excellence .template-header-content a {
            padding: 10px 24px;
            letter-spacing: 1.2px;
            font-size: 15px;
            font-family: 'Roboto', Sans-serif;
        }

.landing_page_7 .featured_in {
    background: #f5f5f5;
    border-bottom: 1px solid #dddddd;
}

    .landing_page_7 .featured_in .container .col-sm-2 {
        width: 20%;
    }

        .landing_page_7 .featured_in .container .col-sm-2 h2 {
            font-size: 1.7em;
            margin-top: 30px;
        }

.landing_page_7 .hand_picked .container {
    padding: 100px 10px;
}

    .landing_page_7 .hand_picked .container p {
        font-size: 1.25em;
        font-weight: normal;
        font-style: italic;
        line-height: 2em;
        letter-spacing: 1px;
    }

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.landing_page_7 .lyf_style .container {
    background-color: #563b14;
}

    .landing_page_7 .lyf_style .container img {
        width: 400px;
        margin-top: -120px;
    }

    .landing_page_7 .lyf_style .container h4 {
        color: #e2e2e2;
    }

    .landing_page_7 .lyf_style .container a {
        padding: 10px 24px;
        letter-spacing: 1.2px;
        font-size: 15px;
        font-family: 'Roboto', Sans-serif;
    }

.landing_page_7 .customer_reviews .background-overlay8 {
    background-image: linear-gradient(135deg, #ffffff 60%, #ffffff 50%) !important;
}

.landing_page_7 .customer_reviews h1 {
    font-size: 2.5em;
}

.landing_page_7 .customer_reviews .review_s {
    color: #54595f;
    font-family: 'Roboto', Sans-serif;
    font-size: 1em;
    line-height: 1.8em;
}

.landing_page_7 .customer_reviews .container h5 {
    font-size: 1.15em;
    font-style: italic;
    line-height: 2em;
    letter-spacing: 1px;
}

.landing_page_7 .customer_reviews .container .text-size-small {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
}

.landing_page_7 .customer_reviews .container a.text-bold {
    font-size: 20px;
    font-style: normal;
    font-family: 'Poppins', Sans-serif;
    font-weight: 400;
}

.landing_page_7 .order_bag {
    background: #563b14;
}

    .landing_page_7 .order_bag .container h4 {
        color: #d2d2d2;
    }

    .landing_page_7 .order_bag .container a {
        padding: 10px 24px;
        letter-spacing: 1.2px;
        font-size: 15px;
        font-family: 'Roboto', Sans-serif;
    }

.thank_you_1 .template-header .template-header-content .row {
    padding: 50px 0px 100px 0px;
}

.thank_you_1 .template-body .panel.panel-body {
    margin-top: -50px;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

    .thank_you_1 .template-body .panel.panel-body .order {
        color: #9c7f56;
    }

    .thank_you_1 .template-body .panel.panel-body .order_no {
        justify-content: left;
        background: #eee;
    }

.background-eee {
    background-color: #eee;
}

.thank_you_1 .follow a {
    padding: 10px 12px;
}

.thank_you_1 .template-body h2 {
    font-size: 26px;
    font-weight: 700;
}

.thankyou_2 .template-header {
    background: #013d46;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
}

    .thankyou_2 .template-header .template-header-content .row {
        padding: 50px 0px 100px 0px;
    }

.font50 {
    font-size: 50px;
}

.background-greish {
    background: #f9f9f9;
}

.justify-left {
    justify-content: left !important;
}

.thankyou_2 .footer .panel.panel-body {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
    border-color: transparent;
}

    .thankyou_2 .footer .panel.panel-body a.fb,
    .thank_you_5 .template-body .row .container .col-sm-6 .follow a.fb {
        background-color: #3B5998;
    }

    .thankyou_2 .footer .panel.panel-body a.tweet,
    .thank_you_5 .template-body .row .container .col-sm-6 .follow a.tweet {
        background-color: #1DA1F2;
    }

    .thankyou_2 .footer .panel.panel-body a.insta,
    .thank_you_5 .template-body .row .container .col-sm-6 .follow a.insta {
        background-color: #3f729b;
    }

.thankyou_4 .template-header .template-header-content .row {
    padding: 50px 0px 100px 0px;
}

.font40 {
    font-size: 40px;
}

.thankyou_4 .template-header .template-header-content .row h1 {
    font-size: 2em;
    font-weight: 400;
    color: #18a567;
}

.thankyou_4 .template-header .template-header-content .row p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.55);
    font-weight: 400;
    line-height: 1.8em;
}

.thankyou_4 .template-body .panel.panel-body {
    margin-top: -50px;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

.thankyou_4 h2 {
    font-size: 26px;
    font-weight: 700;
}

.thankyou_4 .follow a {
    padding: 10px 12px;
}

.thank_you_5 .template-header {
    background: #10314d;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
}

    .thank_you_5 .template-header .template-header-content .row {
        padding: 50px 0px 100px 0px;
        margin-top: 100px !important;
    }

        .thank_you_5 .template-header .template-header-content .row i {
            font-size: 50px;
            color: #63d374;
        }

        .thank_you_5 .template-header .template-header-content .row h3 {
            color: #242f6b;
            font-size: 40px;
            font-family: 'Squada One', Sans-serif;
        }

        .thank_you_5 .template-header .template-header-content .row h4 {
            color: rgba(36, 47, 107, 0.8);
        }

.thank_you_5 .template-body .row {
    background-image: linear-gradient(135deg, #18b6e9 49%, #ffffff 49%);
    box-shadow: 0px 0px 10px 1px rgba(64, 84, 178, 0.22);
}

    .thank_you_5 .template-body .row .container .col-sm-6 h4 {
        font-family: 'Squada One', Sans-serif;
        font-size: 25px;
    }

    .thank_you_5 .template-body .row .container .col-sm-6 .follow a,
    .thankyou_7 .follow a {
        padding: 10px 12px;
    }

.thankyou_7 .template-header .template-header-content .row {
    padding: 50px 0px 100px 0px;
}

    .thankyou_7 .template-header .template-header-content .row i {
        color: #917953;
    }

    .thankyou_7 .template-header .template-header-content .row h1 {
        font-size: 2em;
        color: #333333;
    }

    .thankyou_7 .template-header .template-header-content .row p {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.55);
        line-height: 1.8em;
    }

.thankyou_7 .template-body .panel.panel-body {
    margin-top: -50px;
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

    .thankyou_7 .template-body .panel.panel-body h2 {
        font-size: 26px;
        font-weight: 700;
    }

.upsell_1 p i {
    color: #71863c;
}

.upsell_1 a.btn {
    padding: 8px 24px;
}

.upsell2 .template-header {
    background: #000525;
    position: unset;
}

    .upsell2 .template-header .template-header-content .row {
        padding: 50px 0px 90px 0px;
    }

.upsell2 h4 {
    font-size: 16px;
    color: #cccccc;
}

.upsell2 .template-body {
    margin-top: -40px;
}

.upsell2 h5 span {
    color: #b4262b;
}

.upsell2 h4 span {
    color: #b4262b;
}

.upsell2 a.btn {
    padding: 8px 24px;
}

.upsell_3 .template-header {
    background-image: linear-gradient(45deg, #10101000 35%, #18b6e96b 50%), url(../images/1bg.jpeg);
    background-position: left;
    background-size: cover;
    height: calc(100vh - 50px);
}

    .upsell_3 .template-header h1 {
        font-size: 36px;
        font-family: 'Squada One', Sans-serif;
    }

    .upsell_3 .template-header .save {
        background-image: url(../images/bg-graphics.png), linear-gradient(-45deg, #ffffff 66%, #18b6e9 45%);
        background-position: center;
        background-size: cover;
        margin: auto 100px;
    }

        .upsell_3 .template-header .save h2 {
            color: #10314d;
            font-size: 30px;
            font-family: 'Squada One', Sans-serif;
        }

        .upsell_3 .template-header .save p {
            color: #10314d;
        }

            .upsell_3 .template-header .save p i {
                color: #18b6e9;
            }

    .upsell_3 .template-header a.btn {
        padding: 8px 24px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.8px;
    }


.status {
    position: absolute;
    right: 40px;
    top: 20px;
    z-index: 1;
}

.dataTables_length {
    float: left;
    margin-right: 10px;
}

.dataTables_info {
    float: right;
}

.select2-dropdown {
    z-index: 0;
}


.desktop iframe {
    width: 100% !important;
    height: calc(100vh - 60px);
    margin-top: 50px;
}

.tablet {
    position: relative;
    width: 798px;
    height: 1143px;
    margin: 70px auto;
    border: 16px black solid;
    border-top-width: 60px;
    border-bottom-width: 60px;
    border-radius: 36px;
}

    .tablet:before {
        content: '';
        display: block;
        width: 60px;
        height: 5px;
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #333;
        border-radius: 10px;
    }

    .tablet iframe {
        width: 768px;
        height: 1024px;
        background: white;
        margin: -1px;
        padding: 0;
        border: 0;
    }

    .tablet:after {
        content: '';
        display: block;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 50%;
        bottom: -65px;
        transform: translate(-50%, -50%);
        background: #333;
        border-radius: 50%;
    }

.smartphone {
    position: relative;
    width: 369px;
    height: 640px;
    margin: 70px auto;
    border: 16px black solid;
    border-top-width: 60px;
    border-bottom-width: 60px;
    border-radius: 36px;
}

    .smartphone:before {
        content: '';
        display: block;
        width: 60px;
        height: 5px;
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #333;
        border-radius: 10px;
    }

    .smartphone:after {
        content: '';
        display: block;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 50%;
        bottom: -65px;
        transform: translate(-50%, -50%);
        background: #333;
        border-radius: 50%;
    }

    .smartphone iframe {
        width: 337px;
        height: 520px;
        background: white;
        padding: 0;
        margin: 0;
        border: 0;
    }

.desktop iframe {
    border: 0;
}

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

    .edit_flow h6 span.pull-right {
        float: none !important;
        display: block;
        margin-top: 10px;
    }
}

.orderbumpDefaultHide {
    display: none;
}


.media-top {
    vertical-align: top;
}



.checkout-2 .btn {
    background-color: #ff5e00;
    border-color: #ff5e00;
    color: #fff;
}


.checkout_3 .btn {
    background: #e6271b;
    color: white;
}

.checkout_4 .btn {
    background: #28b979;
    border-color: #28b979;
    color: white;
}

.checkout_5 .btn {
    background-color: #18b6e9;
    border-color: #18b6e9;
    color: white;
}

.checkout_6 .btn {
    background: #16a1bf;
    border: 2px solid #16a1bf;
    color: white;
}

.checkout_7 .btn {
    background-color: #d2bc2a;
    border-color: #d2bc2a;
    color: white;
}

.checkout1 .btn {
    background-color: #71863c;
    border-color: #71863c;
    color: white;
}

.inputErrorMsg {
    color: red;
}

.fan {
    position: relative;
    margin: 0 60px 40px;
    margin-top: 0px;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-left: 30px;
}

.wcf-no-product-badge {
    color: #FFFFFF;
    background-color: #f16334;
    padding: 0.3em .6em 0.3em;
    font-size: 0.7em;
    font-weight: 600;
    border-radius: 0px;
    line-height: 0.7em;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
    text-shadow: 0 0 black;
}

.alreadyAddedFlow {
    pointer-events: none;
    opacity: 0.5;
}

@media (min-width: 769px) {
    .nav-tabs.nav-tabs-bottom.text-right > li {
        margin-bottom: 0;
        width: 100%;
        max-width: 150px;
        text-align: center;
    }
}

.checkout1 .col-sm-6,
.checkout1 .col-lg-6,
.checkout-3 .col-sm-6,
.checkout-3 .col-lg-6,
.checkout_5 .col-sm-6,
.checkout_5 .col-lg-6 {
    width: 100%;
}

    .checkout1 .col-sm-6 .col-sm-6,
    .checkout1 .col-sm-6 .col-lg-6,
    .checkout1 .col-lg-6 .col-lg-6,
    .checkout1 .col-lg-6 .col-sm-6,
    .checkout-3 .col-sm-6 .col-sm-6,
    .checkout-3 .col-sm-6 .col-lg-6,
    .checkout-3 .col-lg-6 .col-lg-6,
    .checkout-3 .col-lg-6 .col-sm-6,
    .checkout_5 .col-sm-6 .col-sm-6,
    .checkout_5 .col-sm-6 .col-lg-6,
    .checkout_5 .col-lg-6 .col-lg-6,
    .checkout_5 .col-lg-6 .col-sm-6 {
        width: 50%;
    }

.checkout-3 .info .col-lg-6,
.checkout-3 .info .col-sm-6 {
    width: 50%;
}

.checkout1 .template-body {
    margin-top: 100px;
}

.checkout1 .panel.container {
    box-shadow: 0 0px 15px rgba(119, 119, 119, 0.28);
}

.checkout_5 .billingProductInfo {
    width: 100%;
}

.checkout_5 .template-header-content .col-sm-6 {
    width: 50%
}

.thankyou_7 .order_no,
.thankyou_7 .order_details {
    background: #f3ece0;
}

    .thankyou_7 .order_details h4,
    .thank_you_6 .order_details h4,
    .thank_you_5 .order_details h4,
    .thank_you_4 .order_details h4,
    .thank_you_2 .order_details h4,
    .thank_you_1 .order_details h4 {
        color: #9c7f56;
    }


.order_details table tbody tr td,
.order_details table tfoot tr th {
    border-top: 0;
}

.order_details table thead tr th {
    border-bottom: 0;
}

/*Time Counter*/
.timeCounterExpired #divpreview {
    display: none;
}

.timeCounterExpired {
    background-color: #ffd54f;
    align-items: center;
    display: flex;
    height: 100vh;
}

.timeCounter {
    text-align: center;
    background: #ffd54f;
    margin: auto;
}

    .timeCounter h5,
    .timeCounter h6 {
        font-size: 12px;
        font-weight: 400;
    }

    .timeCounter div {
        display: inline-block;
        font-size: 15px;
        text-align: center;
        padding: 10px 50px;
        text-transform: uppercase;
    }

        .timeCounter div span {
            display: block;
            font-size: 30px;
            min-height: 40px;
            font-weight: 700;
        }




.tableExtraButtons {
    position: absolute;
    right: 20px;
    top: 20px;
}


.orderDetailsSide table tr td:first-child {
    width: 50px;
    padding: 0px;
    text-align: center;
}

.orderDetailsSide table tr td:last-child {
    padding-left: 0px;
}

.orderDetailsHead ul li {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .orderDetailsHead ul li span {
        display: table-cell;
        vertical-align: top;
    }

        .orderDetailsHead ul li span:first-child {
            width: 110px;
        }

        .orderDetailsHead ul li span:last-child {
            word-break: break-word;
        }

.orderDetailsHeadpanel .table > thead > tr > th {
    border-bottom: 0px solid #bbb;
}

.orderDetailsHeadpanel .table > tbody + tbody {
    border-top: 1px solid #ddd;
}


/*Upgrade page design*/
.btn.upgradeSubscription {
    padding: 10px 20px;
    margin-top: 8px;
    margin-right: 20px;
    border-radius: 1px;
}

.activePlan,
.activePlan .btn:not(.cancelSubscriptionBtn) {
    cursor: not-allowed;
}

.activePlan {
    background: #e8e8e8;
}


.pricing.panel-heading {
    padding: 5px 0px 15px 0px !important;
}

.pricing .heading-elements {
    height: auto;
    top: 0;
    margin: 0;
    right: 0;
}

.pricing li {
    margin-left: 5px;
}

    .pricing li.active a {
        color: white;
        background-color: rgb(0, 188, 212);
        border-color: rgb(0, 188, 212);
    }

.pricing a:not(.active) {
    color: black;
}

.pricing-table ul > li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.ribbon-container {
    width: 104px;
    height: 106px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 1;
}

.ribbon {
    text-align: center;
    font-size: 12px;
    line-height: 1.6666667;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    padding: 5px 0;
    left: -11px;
    top: 25px;
    width: 150px;
    /*background-color: #ffffff;
    color: #333333;*/
    letter-spacing: 0.25px;
    z-index: 999;
    transform: rotate(45deg);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}



/*Product Rating Start*/
.productRating {
    display: inline-block;
}

    .productRating > input {
        display: none;
    }

    .productRating > .half:before {
        content: "\ece1";
        position: absolute;
    }

    .productRating > label:before {
        margin: 0 5px;
        font-size: 22px;
        font-family: icomoon !important;
        display: inline-block;
        content: "\ece2";
    }

    .productRating > label {
        color: #e6e6e6;
        float: right;
        margin-bottom: 0;
        line-height: 1;
    }

    .productRating > input:checked ~ label,
    .productRating.addRating:not(:checked) > label:hover,
    .productRating.addRating:not(:checked) > label:hover ~ label {
        color: #4db748;
    }

/*Product Rating End*/


/*Eror Page*/
.errorpage {
    padding: 30px 0;
}

    .errorpage h4 {
        font-size: 90px;
        font-weight: 900;
        text-shadow: rgba(0, 0, 0, 0.3) 5px 1px, rgba(0, 0, 0, 0.2) 12px 3px, rgba(0, 0, 0, 0.1) 6px 4px;
        margin: 20px 0;
    }

    .errorpage h5 {
        font-size: 18px;
        font-weight: 600;
        margin: 20px 0;
    }

    .errorpage h6 {
        font-size: 14px;
        max-width: 600px;
        margin: 20px auto;
        line-height: 24px;
    }

    .errorpage .returnHome {
        background: #00acc1;
        color: #fff;
        font-weight: 600;
        padding: 8px 25px;
        margin-bottom: 20px;
        border-radius: 2px;
        display: inline-block;
        transition: all .2s ease-in-out;
        border: 2px solid #00acc1;
    }

        .errorpage .returnHome:hover,
        .errorpage .returnHome:active,
        .errorpage .returnHome:focus {
            text-decoration: none;
            background: transparent;
            color: #333;
        }

.checkoutOrderBtn #btnPaypal,
.checkoutOrderBtn.paypalShow #btnPaypal ~ .btn,
.upDownSellOrderBtn #btnPaypal,
.upDownSellOrderBtn.paypalShow #btnPaypal ~ .btn {
    display: none;
}

.checkoutOrderBtn.paypalShow #btnPaypal,
.upDownSellOrderBtn.paypalShow #btnPaypal {
    display: block;
}

.checkoutOrderBtn .zoid-outlet,
.upDownSellOrderBtn .zoid-outlet {
    width: 100% !important;
    max-width: 100% !important;
}



.abTestSubChildsArrow {
    position: absolute;
    top: 0;
    left: 0;
}

    .abTestSubChildsArrow:after {
        content: "";
        width: 29px;
        position: absolute;
        height: 29px;
        background: #fff;
        transform: rotate(45deg);
        top: -22px;
        left: 30px;
        box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
    }

/*New*/

/*Sidebar changes*/

.sidebar-default {
    color: #333333;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .sidebar-default .sidebar-content {
        background-color: #fff;
        box-shadow: none;
        border: 0px solid transparent;
    }

/*/Sidebar changes*/

.width-110 {
    width: 110px;
}

table thead tr th.text-center:last-child {
    padding-right: 40px;
}

/*Integration Start*/
.integrations-img {
    width: 100px;
    height: 100px;
    border-radius: 12px;
    box-shadow: -1px -1px 10px 0px rgba(4, 4, 4, 0.12) !important;
    filter: grayscale(100);
    object-fit: cover;
}

.integrationLogos a:not(.collapsed) .integrations-img {
    filter: grayscale(0);
}

.integrationLogos {
    padding: 10px;
    text-align: center;
    overflow-y: auto;
    max-height: 255px;
}

#integration .integrationModulesHolder {
    max-height: 280px;
    overflow-y: auto;
}

.integrationModules .appear {
    display: table-cell;
    vertical-align: middle;
    width: 130px;
}

.integrationModules {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 20px;
}

.integrationLogos a {
    display: inline-block;
    padding: 10px;
}

/*editor*/
.integrationdiv {
    border: 1px solid #ddd;
    border-radius: 3px;
}

.integrationimg {
    position: relative;
    display: inline-block;
}

    .integrationimg i {
        border-radius: 50%;
        color: white;
        position: absolute;
        top: -6px;
    }

    .integrationimg img {
        width: 50px;
        border-radius: 3px;
        border: 1px solid #ddd;
    }

/*Integration End*/

.modalmargin {
    margin: -20px;
}

/*/New*/

/*Custom Checkbox and Radio Start*/
.customCheckBox, .customRadio {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    margin: 0;
    color: #333;
}

.input-group-addon .customCheckBox, .input-group-addon .customRadio {
    width: 18px;
    height: 18px;
    padding-left: 0;
}

.customCheckBox input, .customRadio input {
    opacity: 0;
    left: 0;
    z-index: -1;
    position: absolute;
}

.customCheckBox .customCheckSpan, .customRadio .customRadioSpan {
    color: #455a64;
    border: 2px solid #607d8b;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
}

.customRadio .customRadioSpan {
    border-radius: 100%;
}

.customCheckSpan:before, .customRadioSpan:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 2px;
    opacity: 0;
    border-width: 0 0 2px 2px;
    border-color: #455a64;
    border-style: solid;
    width: 9px;
    height: 5px;
    transform: rotate(-45deg);
    transition: all ease-in-out .15s;
}

.customRadioSpan:before {
    left: 3px;
    border: 4px solid;
    border-color: inherit;
    width: 0;
    height: 0;
    border-radius: 100%;
}

.customCheckBox input:checked + .customCheckSpan:before, .customRadio input:checked + .customRadioSpan:before {
    opacity: 1;
}
/*Custom Checkbox and Radio End*/


.loaderVisible {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100000;
}

    .loaderVisible:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.65);
        z-index: 1;
    }

    .loaderVisible .loader {
        margin: 0 auto;
        width: 60px;
        height: 50px;
        text-align: center;
        font-size: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        z-index: 11;
    }

        .loaderVisible .loader > div {
            height: 100%;
            width: 8px;
            display: inline-block;
            float: left;
            margin-left: 2px;
            -webkit-animation: loader-delay 0.8s infinite ease-in-out;
            animation: loader-delay 0.8s infinite ease-in-out;
        }

        .loaderVisible .loader .bar1 {
            background-color: #754fa0;
        }

        .loaderVisible .loader .bar2 {
            background-color: #09b7bf;
            -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s;
        }

        .loaderVisible .loader .bar3 {
            background-color: #90d36b;
            -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s;
        }

        .loaderVisible .loader .bar4 {
            background-color: #f2d40d;
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
        }

        .loaderVisible .loader .bar5 {
            background-color: #fcb12b;
            -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s;
        }

        .loaderVisible .loader .bar6 {
            background-color: #ed1b72;
            -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
        }

@-webkit-keyframes loader-delay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.05);
    }

    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes loader-delay {
    0%, 40%, 100% {
        transform: scaleY(0.05);
        -webkit-transform: scaleY(0.05);
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

.bg-yellow {
    background-color: #d2bc2a;
    color: white;
}
.bg-warning-800 {
    background-color: #D84315;
    border-color: #D84315;
    color: #fff;
}


.bg-orange-800 {
    background-color: #EF6C00;
    border-color: #EF6C00;
    color: #fff;
}

.border-left-pink {
    border-left-color: #E91E63;
}

.bg-brown-800 {
    background-color: #4E342E;
    border-color: #4E342E;
    color: #fff;
}

.bg-slate-800 {
    background-color: #37474F;
    border-color: #37474F;
    color: #fff;
}


.text-violet-800,
.text-violet-800:hover,
.text-violet-800:focus {
    color: #6A1B9A !important;
}

.text-orange-800,
.text-orange-800:hover,
.text-orange-800:focus {
    color: #EF6C00 !important;
}

.text-slate-800,
.text-slate-800:hover,
.text-slate-800:focus {
    color: #37474F !important;
}

.text-pink-800,
.text-pink-800:hover,
.text-pink-800:focus {
    color: #AD1457 !important;
}

.text-brown-800,
.text-brown-800:hover,
.text-brown-800:focus {
    color: #4E342E !important;
}

.text-primary-800,
.text-primary-800:hover,
.text-primary-800:focus {
    color: #1565C0 !important;
}

.text-success-800,
.text-success-800:hover,
.text-success-800:focus {
    color: #2E7D32 !important;
}

.text-warning-800,
.text-warning-800:hover,
.text-warning-800:focus {
    color: #D84315 !important;
}

.text-info-800,
.text-info-800:hover,
.text-info-800:focus {
    color: #00838F !important;
}

.text-danger-600,
.text-danger-600:hover,
.text-danger-600:focus {
    color: #E53935 !important;
}

.btn-analytic {
    border-radius: 3px;
    text-align: center;
    padding: 6px 11px;
    font-size: 12px;
    line-height: 1.6666667;
    background-color: #7FAACB !important;
    color: white !important;
    display: block;
    width: auto;
}