@import "https://use.fontawesome.com/releases/v5.6.3/css/all.css";
* {
    margin: 0;
    padding: 0;
}

body{min-height: 100vh !important;
    /* overflow-y: scroll!important; */
}
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot);
    src: local('Material Icons'), local('materialIcons-Regular'), url(../fonts/materialIcons-Regular.woff2) format('woff2'), url(../fonts/materialIcons-Regular.woff) format('woff'), url(../fonts/materialIcons-Regular.ttf) format('truetype')
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga'
}
.editor-modal .modal-dialog {margin: 80px auto}
.editor-modal .modal-header {padding: 11px 15px;background: #fb5f66;border-top-left-radius: 5px;border-top-right-radius: 5px}
.editor-modal .modal-title {margin: 0;line-height: 1.42857143;font-size: 13px;text-transform: uppercase;color: #fff}
.editor-modal button.close {color: #d7dbdd;opacity: 1;position: absolute;top: 10px;right: 10px;font-family: "Material Icons";content: "close";text-shadow: none;transition: all .3s ease 0s !important;cursor: pointer;z-index: 9;margin-top: 0px !important;}
.editor-modal button.close:hover {color: #62696d;opacity: .7;}
.editor-modal .modal-footer {padding: 15px;border-top: none;padding-top: 0px;}

.editor-modal .modal-body {
    font-size: 13px;
    color: #62696d
}

.editor-modal .btn.btn-basic {
    color: #fff;
    background: #fb5f66;
    font-size: 12px;
    width: 105px;
    border: 1px solid #fb5f66;
    transition: all .5s ease
}

.editor-modal .btn.btn-basic:hover {
    background: #fff;
    color: #fb5f66;
    border-color: #fb5f66;
}

.editor-modal .btn.btn-basic:first-child {
    color: #8e989f;
    border-color: #8e989f;
    background: #fff
}

.editor-modal .btn.btn-basic:first-child:hover {
    background: #8e989f;
    color: #fff;
    border: none
}

.editor-modal .btn.btn-basic:only-child {
    color: #fff;
    background: #fb5f66;
    border-color: #fb5f66
}

.editor-modal .btn.btn-basic:only-child:hover {
    background: #fff;
    color: #fb5f66;
    border: 1px solid #fb5f66;
}

.editor-modal .live-subhead i.material-icons {
    font-size: 38px;
    color: #fb5f66;
    float: left;
    text-align: center;
    display: block
}

.editor-modal .live-url {
    font-size: 13px;
    line-height: 15px;
    /*color: #fb5f66;*/
    color: #62696d;
    display: inline-flex;
    margin-bottom: 0;
    text-transform: none;
    cursor: pointer
}

.editor-modal .live-url:hover {
    text-decoration: none;
    cursor: default;
}

.editor-modal .live-subhead .url-style {
    color: #a9a9a9;
    cursor: pointer;
    text-transform: none;
    /*background: #ceebff;*/
    padding: 0 5px
}

.editor-modal .live-subhead {
    font-size: 16px;
    margin: 0 auto;
    display: block;
    background: #fff;
    border: 1px solid #ededed;
    border-top: 0;
    padding: 8px 10px;
    text-align: left
}

.editor-modal .live-subhead.link-style {
    background: #f9f9f9;
    border: 1px solid #ededed;
    padding: 0;
    width: 100%;
    float: left;
}

.cpy-txt {
    padding: 11px 15px;
    display: flex;
    vertical-align: middle;
    align-items: left;
    justify-content: left;
}

.cpy-btn {
    text-align: right;
    border-left: 1px solid #ededed;
    padding: 0;
    font-size: 11px;
    color: #62696d;
    cursor: pointer;
}

.editor-modal span {
    display: inline-block;
    font-size: 13px;
    color: #4d5052;
    vertical-align: text-bottom;
}

.editor-modal span.share-head {
    font-size: 12px;
    color: #62696d;
    text-transform: uppercase;
}

.preview_copy a.live-url {
    /*float: right;
    margin-top: 2px*/
    color: #62696d;
    font-size: 11px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    text-transform: uppercase;
    cursor: pointer !important;
}

.editor-modal .modal .form-group .form-control, .editor-modal.modal .form-control {
    width: 100%;
    float: left;
    height: 27px;
    border: 1px solid rgba(93, 104, 110, .4);
    color: #61686e !important;
    font-size: 14px;
    background: #f8f8f8;
    font-family: montserratlight;
    padding: 0 10px
}

.editor-modal .form-control[disabled], .editor-modal .form-control[readonly], .editor-modal .form-group .form-control[disabled], .editor-modal .form-group .form-control[readonly], fieldset[disabled] .editor-modal .form-control, fieldset[disabled] .editor-modal .form-group .form-control {
    background-color: #f8f8f8;
    border: 1px solid rgba(97, 104, 110, .3);
    padding: 0 10px
}

.live-head {
    font-size: 22px;
    font-weight: normal;
    margin: 1px 0 25px;
    font-family: montserratregular;
    color: #2ebf27;
}

.live-subhead {
    font-size: 18px;
}

.live-url {
    font-size: 14px;
    font-family: "montserratlight";
    margin-bottom: 30px;
    color: #fb5f66;
}

.icon-play-next i.material-icons {
    font-size: 47px;
    color: #2ebf27 !important;
    margin-top: 10px
}

.live-modal {
    padding: 0;
    padding-top: 25px;
    width: 100%;
    position: relative;
}

.live-modal td, .live-modal th {
    padding: 0 !important;
    border-bottom: 0 !important
}

.live-modal th {
    width: 100%;
    font-weight: 100
}

.selected-link {
    white-space: nowrap;
    overflow: auto;
    overflow: hidden
}

.bootbox .modal-content {
    float: left;
    width: 100%
}

.bootbox .modal-body {
    border-radius: 5px
}

.bootbox-body {
    display: flex;
}

.bootbox-body-left {
    float: left;
    width: 37px;
    background: #fb5f66;
    border-radius: 5px 0 0 5px;
    display: inline-flex;
    margin: -15px 20px -59px -15px;
    justify-content: center;
    align-items: center;
}

.bootbox-body .bootbox-body-left .mat-icon i.material-icons {
    padding-left: 0px;
    color: #fff;
    font-size: 24px
}

.bootbox-body .bootbox-body-right {
    float: left;
    width: 85%;
    color: #626983;
    font-size: 14px;
    font-family: montserratlight;
    padding: 5px 0 10px
}

/* .btn.btn-cancel,
.btn.btn-ok {
    border: 2px solid #fb5f66;
    border-radius: 4px;
    color: #fff !important;
    padding: 4px 28px;
    background: #fb5f66;
    margin-left: 7px !important;
} */

.one-line-bootbox .bootbox-body-left {
    height: 102px
}

.bootbox-config .bootbox-body-left {
    height: 142px
}

.btn.btn-ok {
    border: 2px solid #fb5f66;
    border-radius: 4px;
    color: #fff !important;
    padding: 5px 20px;
    background: #fb5f66;
    margin-left: 7px !important;
    font-size: 11px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    font-family: montserratregular !important;
}

.btn.btn-cancel {
    border: 2px solid #b0b4b6;
    border-radius: 4px;
    color: #fff!important;
    padding: 5px 25px;
    margin-right: 0px;
    background: #b0b4b6 !important;
    text-transform: uppercase;
    font-size: 11px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-family: montserratregular !important;
}

.btn.btn-cancel.btn-cancel-hover:hover {
    opacity: 0.7;
}

.btn-hover:hover {
    background: #fdb6b9 !important;
    color: #fb5f66 !important;
    border-color: #fdb6b9 !important
}

.btn-hover:focus {
    background: #fdb6b9 !important;
    color: #fb5f66 !important;
    border-color: #fdb6b9 !important
}

.btn-grey-hover:hover {
    background: #bdc5c8 !important;
    color: #fff !important;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.alert-success {
    color: #fff;
    background-color: #00c853;
    border-color: #00c853;
    font-size: 12px;
    font-family: montserratregular;
    text-transform: capitalize;
    padding: 7px 13px 10px;
    margin-bottom: 0;
    float: left
}

.alert-success i.material-icons {
    font-size: 16px !important;
    color: #fff;
    position: relative;
    top: 3px;
    margin-left: 5px
}

.outcome-style p {
    margin-bottom: 0px;
}

.outcome-style strong {
    font-weight: normal;
}

.outcome-style em {
    font-style: normal;
}

.head p, .formula-item p {
    margin-bottom: 0px;
    display: inline-block;
}
.head p{
    display: block;
}

.head strong, .formula-item strong {
    font-weight: normal;
}

.card-layout strong {
    font-weight: normal;
}

@media (min-width:768px) {
    .editor-modal .modal-dialog {
        width: 580px;
        margin: 80px auto !important
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    /* .editor-modal .modal-dialog {
        margin-left: 20px;
    } */
    .bootbox-body .bootbox-body-right {
        width: 80%;
    }
    .one-line-bootbox .bootbox-body-left {
        height: 122px;
    }
    .cal-days .cld-day .cld-number.eventday {
        margin: 5px 14% !important;
    }
    .cld-days .cld-day.today .cld-number {
        margin: 5px 14% !important;
    }
}

@media (min-width:480px) and (max-width:767px) {
    .cld-day .cld-number.eventday {
        margin: 5px 35% !important;
    }
    /* .cld-days .cld-day.today .cld-number{ margin: 5px 35% !important;} */
}

:focus {
    outline: none !important;
    box-shadow: none;
}

/*intro css*/

.left-button-outer .intro-text-left {
    float: left;
    color: #fff;
    padding-top: 10px;
    position: relative;
    padding-left: 20px;
}

.left-button-outer .intro-text-left span {
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 2px;
}

/* .left-button-outer-t2 {
    top: 54.5%;
    width: 450px;
} */

.left-button-outer-t2 .intro-text-left {
    float: left;
    color: #fff;
    margin-left: 10px;
    padding-top: 10px;
    position: relative;
    padding-left: 20px;
}

.left-button-outer-t2 .intro-text-left span {
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 2px;
}

.left-button-outer-t3 {
    position: absolute;
    top: 62.5%;
    width: 450px;
    left: 20px;
}

.left-button-outer-t3 img {
    float: left;
    margin-left: 10px;
}

.left-button-outer-t3 .intro-text-left {
    float: left;
    color: #fff;
    margin-left: 10px;
    padding-top: 10px;
    position: relative;
    padding-left: 20px;
}

.left-button-outer-t3 .intro-text-left span {
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 2px;
}

.left-button-outer-t4 {
    position: absolute;
    top: 66%;
    width: 450px;
    left: 20px;
}

.left-button-outer-t4 img {
    float: left;
    margin-left: 10px;
}

.left-button-outer-t4 .intro-text-left {
    float: left;
    color: #fff;
    margin-left: 10px;
    padding-top: 10px;
    position: relative;
    padding-left: 20px;
}

.left-button-outer-t4 .intro-text-left span {
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 2px;
}

.left-button-outer-t5 {
    position: absolute;
    top: 85.5%;
    width: 450px;
    left: 20px;
}

.left-button-outer-t5 img {
    float: left;
    margin-left: 10px;
}

.left-button-outer-t5 .intro-text-left {
    float: left;
    color: #fff;
    margin-left: 10px;
    padding-top: 10px;
    position: relative;
    padding-left: 20px;
}

.left-button-outer-t5 .intro-text-left span {
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 2px;
}

.left-button-outer-t6 {
    position: absolute;
    top: 62%;
    width: 450px;
    left: 20px;
}

.promo-tip .red-bar i {
    font-size: 27px;
    color: #fb5f66;
}

.promo-tip .red-bar span {
    color: #fff;
    font-size: 11px;
    padding-top: 3px;
    text-align: center;
    line-height: 12px;
}

.promo-tip span {
    font-size: 13px;
    color: #62696d;
    font-family: montserratlight;
    line-height: 20px;
}

.left-button-outer-t6 img {
    float: left;
    margin-left: 10px;
}

.left-button-outer-t6 .intro-text-left {
    float: left;
    color: #fff;
    margin-left: 10px;
    padding-top: 10px;
    position: relative;
    padding-left: 5px;
}

.promo-tip a.text-red {
    text-transform: uppercase;
    padding-top: 7px;
    display: block;
    color: #fb5f66;
    font-family: montserratregular;
    font-size: 12px;
}

.left-button-outer-t6 .intro-text-left span {
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 2px;
}

/* .left-button-outer-t8 {
    position: absolute;
    top: 62%;
    width: 450px;
    left: 20px;
}

.left-button-outer-t8 img {
    float: left;
    margin-left: 10px;
} */

/*.hello-bar-outer{ float: left; width:100%; min-height: 30px; color: #fff; background: #fb5f66; padding: 5px;}*/

.hello-bar-outer {
    background: #174a68;
    color: #fff;
    float: left;
    width: 100%;
    padding: 8px 15px;
    font-family: montserratlight;
    font-size: 12px;
    box-shadow: 2px 2px 13px 1px rgba(0, 0, 0, .2);
    height: 34px;
    position: relative;
    z-index: 99;
}

.hello-bar-outer a {
    background: #fb5f66;
    color: #fff;
    text-decoration: none;
    font-size: 9px;
    padding: 3px 4px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-left: 8px;
}

.hello-bar-outer a:hover {
    background: #fb5f66;
    color: #fff;
    text-decoration: none;
}

.hello-bar-outer span {
    display: inline-flex;
}

.builder-parent {
    top: 84px !important;
}

.template-section.builder-parent {
    top: 117px !important;
}

.no-analytics-overlay.builder-parent {
    top: 70px;
}

a.btn-done {
    color: #fff !important;
    background-color: #fb5f66;
    border-radius: 4px;
    float: right;
    padding: 10px 30px;
    font-size: 12px;
    font-family: montserratregular;
    cursor: pointer;
    text-transform: uppercase;
}

.left-button-outer-t8 .intro-text-left {
    float: left;
    color: #fff;
    margin-left: 10px;
    padding-top: 10px;
    position: relative;
    padding-left: 5px;
}

.left-button-outer-t8 .intro-text-left span {
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 2px;
}

/* .intro-overlay.builder-parent .left-button-outer-t7 {
    top: 415px;
} */

.left-button-outer-t7 {
    position: absolute;
    width: 450px;
    left: 20px;
    top: 325px;
}

.left-button-outer-t7 img {
    float: left;
    margin-left: 10px;
}

.left-button-outer-t7 .intro-text-left {
    float: left;
    color: #fff;
    margin-left: 10px;
    padding-top: 10px;
    position: relative;
    padding-left: 20px;
}

.left-button-outer-t7 .intro-text-left span {
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 2px;
}

.left-button-outer-t9 .intro-text-left {
    float: left;
    color: #fff;
    margin-left: 10px;
    padding-top: 10px;
    position: relative;
    padding-left: 20px;
}

.left-button-outer-t9 .intro-text-left span {
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 2px;
}

.text-box {
    float: right;
    width: 245px;
}

.top-outer .top-text {
    float: left;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-left: 7px;
}

.top-outer-help {
    position: absolute;
    right: 140px;
    width: 150px;
    height: 80px;
    top: 12px;
    color: #fff;
    text-align: right;
}

.top-outer-help img {
    margin-right: 12px;
}

.top-outer-help i {
    background: #fff;
    font-size: 25px;
    border-radius: 20px;
    color: #5c6165;
}

.top-outer-help .text {
    position: absolute;
    top: 80px;
    right: 30px;
}

/* .intro-overlay.builder-parent .top-outer {
    top: 46px;
    right: 160px;
} */

.intro-overlay.builder-parent .top-outer-help {
    top: 47px;
}

/* .intro-overlay.builder-parent .left-button-outer {
    top: 450px !important;
} */

/* .intro-overlay.builder-parent .left-button-outer-t2 {
    top: 425px !important;
} */

/* .intro-overlay.builder-parent .left-button-outer-t3 {
    top: 465px !important;
} */

@media (min-width: 1420px) and (max-width: 1440px) {
    /* .right-button-outer {
        right: 21%;
    } */
    /* .left-button-outer {
        top: 59%;
    } */
    /* .left-button-outer-t2 {
        top: 55.5%;
    } */
    /* .left-button-outer-t3 {
        top: 63.8%;
    }
    .left-button-outer-t4 {
        top: 56.5%;
    }
    .left-button-outer-t5 {
        top: 59.5%;
    }
    .left-button-outer-t6 {
        top: 80%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer {
        top: 61%;
    } */
}

@media (min-width:1420px) and (max-width:1440px) and (orientation:landscape) {
    /* .left-button-outer {
        top: 77.5%;
    }
    .left-button-outer-t2 {
        top: 82%;
    }
    .left-button-outer-t3 {
        top: 85%;
    }
    .left-button-outer-t4 {
        top: 63%;
    }
    .left-button-outer-t5 {
        top: 70.5%;
    }
    .left-button-outer-t6 {
        top: 85.8%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer {
        top: 82.5%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t2 {
        top: 88%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t3 {
        top: 90%;
    }
    .intro-overlay.builder-parent .left-button-outer-t4 {
        top: 87%;
    }
    .intro-overlay.builder-parent .left-button-outer-t6 {
        top: 83%;
    } */
}

@media (min-width: 1441px) and (max-width: 1600px) {
    /* .right-button-outer {
        right: 19.5%;
    }
    .left-button-outer {
        top: 72%;
    }
    .left-button-outer-t2 {
        top: 76.5%;
    }
    .left-button-outer-t3 {
        top: 82.8%;
    }
    .left-button-outer-t4 {
        top: 56.5%;
    }
    .left-button-outer-t6 {
        top: 57.8%;
    } */
}

@media (min-width: 1601px) and (max-width: 1680px) {
    /* .right-button-outer {
        right: 18%;
    }
    .left-button-outer {
        top: 59%;
    }
    .left-button-outer-t2 {
        top: 61%;
    }
    .left-button-outer-t3 {
        top: 74.5%;
    }
    .left-button-outer-t4 {
        top: 56.5%;
    }
    .left-button-outer-t5 {
        top: 58.5%;
    }
    .left-button-outer-t6 {
        top: 57.2%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer {
        top: 60.5%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t2 {
        top: 64%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t3 {
        top: 67%;
    } */
    .intro-overlay.builder-parent .left-button-outer-t4 {
        top: 56.5%;
    }
    .intro-overlay.builder-parent .left-button-outer-t6 {
        top: 80%;
    }
    /* .btn-content{ left:33% !important} */
    .cld-day .cld-number.eventday {
        margin: 5px 20% !important;
    }
}

@media (min-width: 1681px) and (max-width: 1920px) {
    /* .right-button-outer {
        right: 15.7%;
    }
    .left-button-outer {
        top: 59%;
    }
    .left-button-outer-t2 {
        position: absolute;
        top: 61%;
        width: 450px;
        left: 20px;
    }
    .left-button-outer-t3 {
        position: absolute;
        top: 63.5%;
        width: 450px;
        left: 20px;
    }
    .left-button-outer-t4 {
        position: absolute;
        top: 55.5%;
        width: 450px;
        left: 20px;
    }
    .left-button-outer-t5 {
        top: 57.5%;
    }
    .left-button-outer-t6 {
        top: 78%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t2 {
        top: 63%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t3 {
        top: 66%;
    } */
    .intro-overlay.builder-parent .left-button-outer-t4 {
        top: 56%;
    }
    .intro-overlay.builder-parent .left-button-outer-t6 {
        top: 81%;
    }
    /* .btn-content{ left:33% !important} */
    .cld-number.eventday.eventday {
        margin: 5px 18% !important;
    }
}

@media (max-width: 1366px) {
    /* .right-button-outer {
        right: 22%;
    }
    .left-button-outer {
        top: 65%;
    }
    .left-button-outer-t2 {
        top: 59%;
    }
    .left-button-outer-t3 {
        top: 65%;
    }
    .left-button-outer-t5 {
        top: 66%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer {
        top: 450px !important;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t2 {
        top: 425px !important ;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t3 {
        top: 92%;
    } */
    .new-webpage-design-wrapper {
        max-width: 860px !important;
    }
    /* .btn-content{ left:50% !important} */
}

@media (min-width: 1367px) and (max-width: 1419px) {
    /* .right-button-outer {right: 22%;}
    .left-button-outer {top: 61%;}
    .left-button-outer-t2 {top: 56%;}
    .left-button-outer-t3 {top: 62.5%;}
    .left-button-outer-t4 {top: 63%;}
    .left-button-outer-t5 {top: 63%;}
    .left-button-outer-t6 {top: 58.5%;}
    .left-button-outer-t8 {top: 58.5%;} */
}

@media (max-width: 1280px) {
    /* .right-button-outer {
        right: 23.7%;
    }
    .left-button-outer {
        top: 61%;
    }
    .left-button-outer-t2 {
        top: 56%;
    }
    .left-button-outer-t3 {
        top: 62%;
    }
    .left-button-outer-t4 {
        top: 63%;
    }
    .left-button-outer-t5 {
        top: 62.5%;
    }
    .left-button-outer-t6 {
        top: 58.5%;
    }
    .left-button-outer-t8{
        top: 58%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer {
        top: 70.5%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t2 {
        top: 87%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t3 {
        top: 90%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t4 {
        top: 77.5%;
    } */
    /* .btn-content{ left:53% !important} */
    .cld-day .cld-number.eventday {
        margin: 5px 14% !important;
    }
}

@media (max-width: 1024px) {
    .right-button-outer {
        right: 29.3%;
    }
    /* .intro-overlay.builder-parent .left-button-outer {
        top: 75.5%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t2 {
        top: 80%;
    } */
    /* .intro-overlay.builder-parent .left-button-outer-t3 {
        top: 83.5%;
    } */
    .intro-overlay.builder-parent .left-button-outer-t4 {
        top: 72%;
    }
    .hello-bar-demo span {
        width: 80.5% !important;
    }
}

@media (min-width: 1024px) and (max-width: 1024px) {
    .cld-day .cld-number.eventday {
        margin: 5px 40% !important;
    }
    .cld-day.today .cld-number {
        margin: 5px 40% !important;
    }
}

@media (min-width: 320px) and (max-width: 1023px) {
    .intro-overlay {
        display: none !important;
    }
    .cld-days .cld-day .cld-number.eventday {
        margin: 5px 22% !important;
    }
    /* .cld-day.today .cld-number{ margin: 5px 38% !important;} */
    /* .btn-content{ left:34% !important} */
}

.template-outer-main .selectize-control.single .selectize-input input {
    visibility: visible !important;
    width: 100% !important;
}

.promo-tip {
    background: #fbfbbd;
    padding: 20px 13px;
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.left-sec .promo-tip {
    margin-bottom: 20px;
}

.promo-tip .red-bar {
    float: left;
    width: auto;
    margin-right: 5px;
    margin-top: 2px;
}

.promo-tip .red-bar i {
    font-size: 27px;
    color: #fb5f66;
}

.promo-tip .red-bar span {
    color: #fff;
    font-size: 11px;
    padding-top: 3px;
    text-align: center;
    line-height: 12px;
}

.promo-tip span {
    font-size: 13px;
    color: #62696d;
    font-family: montserratlight;
    line-height: 20px;
    float: left;
    width: 85%;
}

.promo-tip span i.material-icons {
    color: #4a8fb7;
    position: relative;
    top: 8px;
    font-size: 22px;
}

.promo-tip span b {
    font-family: montserratregular;
    font-weight: normal;
}

.promo-tip a.text-red {
    text-transform: uppercase;
    padding-top: 7px;
    display: block;
    color: #fb5f66;
    font-family: montserratregular;
    font-size: 12px;
}

.live-modal iframe {
    height: 28px;
    float: left;
    margin-top: 25px;
}

.live-modal .footer-border {
    border: 1px solid #dfe3e4;
    position: absolute;
    bottom: 56px;
    left: -15px;
    right: -15px;
}

.like-button-outer {
    float: left;
    width: 100%;
}

.like-button-outer .small-sec:nth-child(1) {
    width: 85%;
    float: left;
    text-align: right;
    padding-top: 31px;
    padding-right: 10px;
}

.like-button-outer .small-sec:nth-child(2) {
    width: 15%;
    float: left;
    text-align: right;
}

/*.hello-bar-outer{ float: left; width:100%; min-height: 30px; color: #fff; background: #fb5f66; padding: 5px;}*/

.hello-bar-outer {
    background: #174a68;
    color: #fff;
    float: left;
    width: 100%;
    padding: 8px 15px;
    font-family: montserratlight;
    font-size: 12px;
    box-shadow: 2px 2px 13px 1px rgba(0, 0, 0, .2);
    height: 34px;
    position: relative;
    z-index: 99;
}

.hello-bar-outer a {
    background: #fb5f66;
    color: #fff;
    text-decoration: none;
    font-size: 9px;
    padding: 3px 4px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-left: 8px;
}

.hello-bar-outer a:hover {
    background: #fb5f66;
    color: #fff;
    text-decoration: none;
}

.hello-bar-outer span {
    display: inline-flex;
}

.builder-parent {
    top: 84px !important;
}

.template-section.builder-parent {
    top: 117px !important;
}

.no-analytics-overlay.builder-parent {
    top: 70px;
}

a.btn-done {
    color: #fff !important;
    background-color: #fb5f66;
    border-radius: 4px;
    float: right;
    padding: 10px 30px;
    font-size: 12px;
    font-family: montserratregular;
    cursor: pointer;
    text-transform: uppercase;
}

button.btn-done {
    color: #fff !important;
    background-color: #fb5f66;
    border-radius: 4px;
    float: right;
    padding: 10px 30px;
    font-size: 12px;
    font-family: montserratregular;
    cursor: pointer;
    text-transform: uppercase;
}

/*.builder-parent1 .tab-pane { padding-top:30px;}*/

.builder-parent1 .config-template-tabs.setting-parent {
    padding-top: 65px;
}

.builder-parent1 .email-tabs {
    top: 127px;
}

/*.builder-parent1 .new-email-outr.my-emailsetting{ padding-top:65px;}*/

/*.builder-parent1 .email-parent{ padding-top:65px;}*/

/*.builder-parent1 .og-chat-editor.custom-popover{ padding-top:65px;}*/

.builder-parent1 .launch-popup-parent {
    padding-top: 65px;
}

.builder-parent1 .share-calculator-parent {
    padding-top: 65px;
}

.builder-parent1 .new-js-outr {
    padding-top: 65px;
}

/*.builder-parent1 .prom-checklist{padding-top:65px !important;}*/

.builder-parent1 .no-analytics-overlay {
    top: 29px;
}

.builder-parent .prop-arrow {
    bottom: 0px;
}

.builder-parent .general-helppanel {
    top: 90px;
}

.builder-parent1 .general-helppanel {
    top: 90px;
}

/*new upgrade popup*/

#publish-upgrade .modal-dialog {
    width: 840px;
}

#publish-upgrade .modal-content {
    width: 100%;
    height: 100%;
    float: left;
    background: #4a8fb7;
    border-radius: 8px;
    border: 0px !important;
}

#publish-upgrade button.close {
    color: #fff;
    opacity: 0.7;
    position: absolute;
    top: 13px;
    right: 13px;
    font-family: "Material Icons";
    content: "close";
    text-shadow: none;
    transition: all .3s ease 0s !important;
    z-index: 9;
}

#publish-upgrade button.close i.material-icons {
    font-size: 22px;
}

#publish-upgrade button.close:hover {
    opacity: 1;
}

#publish-upgrade .modal-header {
    width: 100%;
    float: left;
    border: none;
}

#publish-upgrade .modal-body {
    width: 100%;
    float: left;
    padding: 0;
    border-radius: 8px;
    display: flex;
    box-shadow: 0 7px 50px 18px rgba(0, 0, 0, 0.41);
}

#publish-upgrade .link-style {
    background: #f9f9f9;
    border: 1px solid #ededed;
    padding: 0;
    width: 100%;
    float: left;
}

#publish-upgrade span.share-head {
    font-size: 12px;
    color: #62696d;
    text-transform: uppercase;
}

#publish-upgrade .preview_copy a.live-url {
    color: #62696d;
    font-size: 11px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 15px;
}

#publish-upgrade .left-sec {
    /*background: linear-gradient(#f9f9f9, #fff);*/
    border-radius: 5px 0 0 5px;
    padding: 25px 0;
    padding-bottom: 0;
    width: 67%;
    float: left;
    background: rgba(249, 249, 249, 1);
    background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(47%, rgba(249, 249, 249, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0);
}

#publish-upgrade .right-sec {
    background: #4a8fb7;
    padding-top: 25px;
    color: #fff;
    border-radius: 0px 8px 8px 0px;
    width: 33%;
    float: left;
    position: relative;
}

#publish-upgrade .right-sec-inner {
    padding: 0px 0 25px 0;
}

#publish-upgrade .icon-block {
    background: #fff;
    border: 1px solid #98bad0;
    border-radius: 50px;
    width: 90px;
    height: 90px;
    text-align: center;
    margin: 0 auto;
    box-shadow: inset 2px 5px 5px rgba(0, 0, 0, .14);
}

#publish-upgrade .icon-block i {
    color: #8a928c;
    font-size: 52px;
    position: relative;
    top: 18px;
    left: 0;
}

#publish-upgrade .offer-text {
    font-size: 13px;
    text-align: center;
    font-family: montserratlight;
    padding-bottom: 40px;
}

#publish-upgrade .dis-text {
    text-align: center;
    padding-bottom: 20px;
    width: 100%;
    float: left;
}

#publish-upgrade .dis-text span {
    font-size: 14px;
    font-family: montserratlight;
    text-align: center;
    width: 100%;
    float: left;
    padding: 0 35px;
    margin-bottom: 20px;
    line-height: 24px;
}

#publish-upgrade .btn-outer {
    width: 100%;
    float: left;
    padding: 26px 40px;
    z-index: 99;
    position: relative;
}

#publish-upgrade a.btn-up {
    font-size: 12px;
    color: #fb5f66;
    width: 100%;
    background: #fff;
    float: left;
    /*padding: 10px 15px;*/
    border-radius: 0px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    border: none;
    border: 1px dashed #00598d;
    padding: 12px 15px;
}

#publish-upgrade .live-modal {
    padding: 0;
}

#publish-upgrade .live-subhead.selected-link {
    font-size: 16px;
    margin: 0 auto;
    display: block;
    background: #fff;
    border: 1px solid #ededed;
    border-top: 0;
    padding: 8px 10px;
    text-align: left;
}

#publish-upgrade .live-url {
    color: #a9a9a9;
    cursor: pointer;
    text-transform: none;
    padding: 0 5px;
    margin-bottom: 0;
}

#publish-upgrade .icon-play-next i.material-icons {
    margin-top: 0px;
}

#publish-upgrade span.icon-play-next {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

#publish-upgrade .icon-block img {
    position: relative;
    top: 25px;
}

#publish-upgrade .dis-text h1 {
    font-size: 22px;
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    padding: 0 20px;
}

a.btn-done:hover {
    transition: .5s ease-in-out;
    background: #fdb6b9!important;
    color: #fb5f66!important;
    border-color: #fdb6b9!important;
}

button.btn-done:hover {
    transition: .5s ease-in-out;
    background: #fdb6b9!important;
    color: #fb5f66!important;
    border-color: #fdb6b9!important;
}

#publish-upgrade a.btn-up:hover {
    transition: .5s ease-in-out;
    background: #fb5f66;
    color: #fff;
}

.cpy-btn.preview_copy a.live-url:hover {
    transition: .5s ease-in-out;
    background: #ededed;
    color: #fb5f66 !important;
}

#publish-upgrade .p-code {
    width: 100%;
    float: left;
    margin-top: 20px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: montserratregular;
    background: #b7d9ed;
    position: absolute;
    bottom: -28px;
    z-index: 0;
    padding-bottom: 75px;
    border-radius: 0 0 8px 0;
}

#publish-upgrade .top-border {
    background-image: url(https://cdn.filestackcontent.com/KftYffjRr2HCyP9qmUKo);
    background-repeat: repeat-x;
    height: 5px;
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

#publish-upgrade .p-text {
    float: left;
    padding: 5px 10px 10px 10px;
    color: #3e4347;
    font-size: 13px;
    text-align: left;
}

#publish-upgrade .p-code .p-text i {
    float: left;
    color: #4a8fb7;
    margin-right: 5px;
}

#publish-upgrade .code-outer {
    float: left;
    color: #3e4347;
    font-size: 13px;
    text-align: left;
    width: 80%;
    font-weight: 700;
}

#publish-upgrade .code-outer span {
    font-size: 12px;
    float: left;
    width: 100%;
    opacity: .5;
    font-family: montserratlight;
}

#publish-upgrade .code-outer span span {
    color: #000;
    opacity: 1!important;
    float: none;
}



/* new design css  */
.link-full-sec{ float: left; width: 100%; padding: 0 35px;}
#publish-upgrade .link-full-sec .input-s-outer{ float: left; width: 100%; margin-top: 20px;background: #f4f4f4;  position: relative; margin-bottom: 40px; min-height: 43px; border: 1px dashed #00598d;}
#publish-upgrade .link-full-sec .input-s-outer span { float: left; font-size: 11px; font-family: montserratlight; color:rgba(255,255,255,0.5); padding: 0 3px;
    width: 100%; line-height: 20px; text-transform: lowercase;position: absolute; bottom: -61px; left: 0;  margin-bottom: 40px;}
#publish-upgrade .link-full-sec .input-s-outer input { float: left;  width: 70%; background: #fff; border: none; padding: 0px 13px; font-size: 12px; color: #a9a9a9;    font-family: montserratlight;
    min-height: 43px;}  
.input-s-outer .btn-link{ float: left; font-size: 11px; font-family: montserratlight; color: #ffffff; background:rgba(28,79,110,1); padding: 14px 13px;  position: absolute; right: 0px; min-height: 43px; letter-spacing: 0.5px;}
.input-s-outer .btn-link:hover{ float: left; font-size: 11px; font-family: montserratlight; color: #ffffff; background:#357499; text-decoration: none;}       
#publish-upgrade .social-icon-outer{ float: left;  margin-right: 10px; }
#publish-upgrade .social-icon-outer a{ float: left; text-align: center; width: 34px; height: 34px;  position: relative; background: rgba(92,154,190,1) ; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;  }
#publish-upgrade .social-icon-outer a i{ font-size: 13px;  margin-top: 10px; color: #fff;  
       /* -webkit-transition: all 0.5s;-moz-transition: all 0.5s;	-o-transition: all 0.5s;	transition: all 0.5s; */
    }
#publish-upgrade .social-icon-outer a.space{margin-left:41px;}    
#publish-upgrade .social-icon-outer a:hover { background: rgba(92,154,190,.5) ;}
#publish-upgrade .shareable-link{ float: left; width: 100%; text-transform: none; margin-top: 30px; line-height: 20px;font-family: montserratlight; font-size: 12px; padding:0 40px; }
#publish-upgrade .shareable-link a {color: #fff;  text-decoration: underline;}  
#publish-upgrade .shareable-link a:hover { text-decoration: underline;} 

.promo-link.with-rf {padding: 13px 0 13px; margin-top:178px;}



/* new design css end */

#build .common-result-space {
    padding-top: 100px;
}

p.promo-code {
    float: left;
    width: 100%;
    margin: 8px 0 0;
    text-align: center;
    font-size: 11px;
}

p.promo-code span {
    text-transform: uppercase;
    margin-right: 5px;
}

/*fix analytics issue*/

.analytics-icon {
    width: auto;
    float: left;
}

.ed-sidebar .gen-setting .analytics-icon i {
    font-size: 24px;
    margin-top: -1px;
}

.gen-setting .heading {
    float: left;
    width: 77%;
    margin-left: 2px;
}

.gen-setting .heading .main {
    font-size: 11px;
    color: #62696d;
    font-family: montserratregular;
    text-transform: uppercase;
    margin: 0 0 6px;
    display: inline-block;
}

.gen-setting .heading.active .main {
    color: #fb5f66;
}

.gen-setting .heading .sub {
    display: inline-block;
    text-transform: capitalize;
    color: #62696d;
    color: #8e989f;
    font-size: 11px;
    font-family: "montserratlight";
    line-height: 15px;
    margin-bottom: 0;
}

/*fix analytics issue*/

/*demo builder topbar*/

.hello-bar-demo {
    background: #174a68;
    color: #fff;
    float: left;
    width: 100%;
    padding: 8px 20px;
    font-family: montserratlight;
    font-size: 16px;
    box-shadow: 2px 2px 13px 1px rgba(0, 0, 0, .2);
    height: 53px;
    position: relative;
    z-index: 99;
}

.hello-bar-demo a.st-btn {
    float: right;
    font-family: montserratregular;
    background: #fb5f66;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    padding: 8px 15px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-left: 8px;
    display: inline-flex;
    line-height: 20px;
    transition: all 0.5s ease;
}

.hello-bar-demo a.st-btn:hover {
    background: #fb5f66;
    color: #fff;
    text-decoration: none;
}

.hello-bar-demo a.st-btn i {
    font-size: 20px;
    display: inline;
}

.hello-bar-demo span {
    display: inline-block;
    width: 83.5%;
    text-align: center;
    line-height: 35px;
}

.hello-bar-demo span b {
    font-weight: normal;
    font-family: montserratregular
}

.hello-bar-demo .back-text-p .back-link {
    float: left;
    opacity: 0.6;
    transition: all 0.5s ease;
    height: 25px;
    width: 26px;
    margin-top: 6px;
}

.hello-bar-demo .back-text-p .back-link:hover {
    opacity: 1;
}

.hello-bar-demo .back-text-p {
    transition: all 0.5s ease;
}

.hello-bar-demo .back-text {
    font-size: 13px;
    color: #fff;
    display: none;
}

.hello-bar-demo .back-text-p:hover .back-text {
    display: block;
    position: absolute;
    top: 9px;
    left: 30px;
}

/* .builder-parent-demo {top: 113px !important;} */
/* .builder-parent-demo.editor-template-tabs {margin-top: 30px !important;} */
/* .builder-parent-demo .prop-arrow {bottom: 53px;} */
/* .builder-parent-demo .email-tabs {top: 150px;} */
.template-section.builder-parent-demo {top: 83px !important;}
.builder-parent-demo .template-section {height: calc(100% - 83px) !important;}
.builder-parent-demo .general-helppanel {top: 112px;}

.live-modal a.text-cancel {
    font-size: 12px;
    text-transform: uppercase;
    color: #62696d;
    opacity: 0.7;
    margin-right: 17px;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease 0s!important
}

.live-modal a.text-cancel:hover {
    opacity: 1 !important;
}

/************* new web page design ***********/

.new-webpage-design-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

ul.custom-tab-part.nav.nav-tabs {
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.custom-tab-part.nav.nav-tabs>li {
    /* flex: 1; */
    flex: auto;
    text-align: center;
    margin: 0
}

ul.custom-tab-part.nav.nav-tabs>li>a {
    border: 1px solid #ccc;
    margin: 0;
    border-radius: 0;
    color: #62696d;
    text-transform: uppercase;
    font-size: 11px;
    background: #fff;
    font-family: montserratlight;
    padding: 10px;
    border-right: 0px;
}

ul.custom-tab-part.nav.nav-tabs>li:first-child>a {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

ul.custom-tab-part.nav.nav-tabs>li:last-child>a {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-right: 1px solid #ccc;
}

ul.custom-tab-part.nav.nav-tabs>li.active>a {
    background: #f6f8f9
}

ul.custom-tab-part.nav.nav-tabs>li:nth-child(2) .help-tip.tabs-helptip {
    left: inherit !important;
    right: 10% !important;
}

.web-page-header {
    float: left;
    width: 100%;
    padding: 6px;
    border-bottom: 1px solid #ccc;
}

.web-page-design {
    float: left;
    background: #fff;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.tab-content.tab-content-part {
    float: left;
    width: 100%;
    margin-top: 30px;
    max-width: 825px !important;
    margin: 30px auto !important;
    float: none !important;
}

.web-page-content {
    float: left;
    width: 100%;
    padding: 20px;
    position: relative;
}

.web-page-content .left-part, .web-page-content .right-part {
    float: left;
    width: 125px;
    max-width: 100%;
}

.web-page-content .center-part {
    float: left;
    width: calc(100% - 250px);
    max-width: 100%;
    padding: 18.5%;
    position: relative;
    height: 520px;
}

.web-page-content .center-part iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    left: 15px;
    width: calc(100% - 30px)!important;
    border: 0px !important
}

.web-page-content .center-part.full-part iframe {
    left: 0;
    right: 0;
    width: 100% !important
}

.strips {
    float: left;
    width: 100%;
    background: #ebedef;
    height: 20px;
    margin-bottom: 10px;
}

.big-strip.strips {
    height: 100px;
    margin-bottom: 20px;
}

.large-strip.strips {
    height: 230px
}

.web-page-content .center-part figure {
    float: left;
    width: 100%
}

.web-page-content .center-part figure img {
    max-width: 100%;
    width: 100%;
    height: 320px;
}

.strips:last-child {
    margin: 0;
    height: 10px;
}

ul.three-dots {
    float: left;
    margin: 0;
    padding: 0;
    display: flex;
    height: 22px;
    align-items: center;
}

ul.three-dots>li {
    width: 10px;
    float: left;
    height: 10px;
    margin-right: 7px;
    border-radius: 50%
}

ul.three-dots>li.red {
    background: #cb7128
}

ul.three-dots>li.yellow {
    background: #e4b83a
}

ul.three-dots>li.green {
    background: #8ab95f
}

.url-space {
    float: left;
    width: calc(100% - 55px);
    background: #ebedef;
    height: 22px;
    border-radius: 3px;
    padding: 0 10px;
    align-items: center;
    display: flex;
}

.url-space>p {
    color: #62696d;
    margin: 0;
    float: left;
    font-size: 11px;
    font-family: montserratlight;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.custom-row {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    float: left;
    width: calc(100% + 30px);
}

.web-page-sub-section-left {
    float: left;
    width: 310px;
    padding: 0 15px;
}

.web-page-sub-section-right {
    float: left;
    width: calc(100% - 310px);
    padding: 0 15px;
}

.web-page-sub-section {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 3px;
    min-height: 100%;
}

.web-page-sub-section h4 {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: montserratlight;
    color: #333;
}

config-amp .web-page-sub-section-full:nth-child(1) {
    margin-bottom: 25px;
    display: inline-block;
}

.emebed-code-part pre {
    float: left;
    width: 100%;
    border: 1px solid #f6f8f9;
    background: #f6f8f9;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    border-radius: 1px;
    min-height: 140px;
    padding: 15px;
    margin-bottom: 17px !important;
    margin-top: 0px !important;
    color: #333 !important;
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: center;
}

.emebed-code-part {
    float: left;
    width: 100%;
}

.emebed-code-part pre code {
    color: #62696d;
    font-size: 12px;
    font-weight: 100;
    float: left;
    white-space: normal;
    line-height: 25px;
    font-family: montserratlight;
}

.sub-section-footer {
    float: left;
    width: 100%;
}

a.custom-btn {
    float: right;
    background: #fb5f66;
    color: #fff;
    transition: 0.5s;
    opacity: 1;
    font-size: 11px;
    font-family: montserratlight;
    text-transform: uppercase;
    min-width: 71px;
    text-align: center;
    min-height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 6px 10px;
    border: 1px solid #fb5f66;
}

a.custom-btn:hover, a.custom-btn:focus {
    transition: 0.5s;
    color: #fff;
}

.center-part.full-part {
    width: 100%;
    padding: 0;
}

.center-part.full-part figure img {
    height: 370px
}

/* #full_page .web-page-sub-section{min-height: auto;}
#full_page .web-page-sub-section pre{height: auto; min-height: auto;} */

input.custom-input {
    float: left;
    width: 100%;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #62696d;
    font-size: 12px;
    font-family: montserratlight;
    padding: 0 10px;
}

.web-page-sub-section-content ul li select {
    float: left;
    width: 55px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #62696d;
    font-size: 12px;
    font-family: montserratlight;
    padding: 0 10px;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-left: 10px;
    background-image: url('https://cdn.filestackcontent.com/45omaqleS6YEZE2E8G11');
    background-position: 85% center;
    background-repeat: no-repeat
}

.web-page-sub-section-content ul {
    float: left;
    width: 100%;
    margin: 0;
}

.web-page-sub-section-content ul li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.web-page-sub-section-content ul li:last-child {
    margin: 0
}

.web-page-sub-section-content ul li label {
    float: left;
    font-size: 12px;
    color: #62696d;
    font-family: montserratlight;
    display: flex;
    min-height: 30px;
    align-items: center;
}

.web-page-sub-section-content ul li span {
    float: right
}

.seamless.logo-branding-outer {
    float: left;
    width: 100%;
    margin: 0px 0 15px 0;
}

.seamless.logo-branding-outer>label {
    float: left;
    font-size: 12px;
    color: #62696d;
    font-family: montserratlight;
    display: flex;
    min-height: 20px;
    align-items: center;
}

.seamless.logo-branding-outer .switch .onoffswitch {
    margin: 0
}

.webpage-info {
    margin-left: 6px;
    cursor: pointer;
    position: relative
}

.input-sec {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.web-page-content .left-part.width50, .web-page-content .right-part.width50 {
    float: left;
    width: 50%;
    padding: 0 15px;
}

.xx-large-strip.strips {
    height: 320px;
}

.launch-outer {
    display: inline-block;
    text-align: center;
}

.popover-part a.btn.btn-basic {
    font-family: montserratlight
}

span.webpage-info::after {
    content: attr(data-content);
    max-width: 150px;
    position: absolute;
    width: 150px;
    background: #62696d;
    left: 50%;
    transform: translateX(-50%);
    top: 25px;
    padding: 8px 10px;
    font-size: 10px;
    color: #fff;
    font-family: montserratlight;
    border-radius: 3px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .24);
    display: none;
    z-index: 10;
    text-align: left;
}

span.webpage-info:hover::before, span.webpage-info:hover::after {
    display: block
}

span.webpage-info::before {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #62696d;
    border-left: 10px solid transparent;
    border-bottom-color: #62696d;
    content: '';
    display: none;
    z-index: 10;
}

.launch-btn-box {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}

button.launch-btn {
    display: inline-block;
    background: #1483b6;
    border: 1px solid #1483b6;
    color: #fff;
    text-transform: uppercase;
    font-family: montserratlight;
    font-size: 14px;
    min-height: 38px;
    padding: 10px;
    line-height: 1;
    min-width: 133px;
    border-radius: 3px;
}

.launch-btn-box p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 12px;
    margin: 8px 0 0;
    color: #62696d;
    font-family: montserratlight;
}

.custom-popover {
    width: 400px;
    position: absolute;
    background: #fff;
    box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    padding: 20px;
    left: 100%;
    z-index: 1;
    margin-left: 12px;
    border-radius: 5px;
    margin-top: -35px;
}
.custom-popover input[type=range]::-webkit-slider-runnable-track {
    background: none !important;
    height: 20px !important;
    margin-top: 0 !important;
}

.custom-popover input[type=range]::-webkit-slider-thumb {
    width: 20px !important;
    height: 20px !important;
    margin-top: 0 !important;
}
#greetBar .popup-mode>ul {
    justify-content: inherit;
}
#greetBar .popup-mode>ul>li.ripple-dark {
    width: 85px !important;
}
#greetBar .popup-mode>ul>li.ripple-dark:nth-child(2) {
    margin-left: 20px !important;
}

#greetBar .left-part {
    float: left;
    width: 34%;
    max-width: 100%;
}
#greetBar .right-part {
    float: right;
    width: 48%;
    max-width: 100%;
}
#greetBar .custom-popover {
    width: 400px;
    position: absolute;
    background: #fff;
    box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    padding: 20px;
    z-index: 1;
    margin-left: 12px;
    border-radius: 5px;
    margin-top: -35px;
    top: 25px;
    right: 0px;
    left: inherit;
}
#greetBar .custom-popover::before {
    top: -24px;
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    right: 48%;
    left: inherit;
    transform: translatex(-48%);
}
#greetBar .custom-popover::after {
    top: -21px;
    border-bottom: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    right: 48%;
    left: inherit;
    transform: translatex(-48%);
}
#greetBar .launch-outer {
    width: 100%;
}
#greetBar .popover-part {
    margin: 0;
    margin-bottom: 20px;
}

#greetBar section.barEmbed {
    background: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.2);
}

#greetBar section.barEmbed p {
    color: #fff;
    font-size: 16px;
    font-family: montserratregular;
    display: inline-block;
    max-width: 80%;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 300;
    margin: 0;
    width: auto;
}

#greetBar section.barEmbed button {
    border: none;
    background: #fff;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 12px;
    /* text-transform: uppercase; */
    color: #666;
    max-width: calc(100% - 80%);
    margin-right: 20px;
    /* box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.2); */
    cursor: pointer;
    transition: 0.5s ease;
}
#greetBar section.barEmbed button:focus {
    outline: none;
}
#greetBar section.barEmbed button:hover {
    opacity: 0.9;
}
#greetBar .greetbar-popupClose{
    background: url(https://dlvkyia8i4zmz.cloudfront.net/dzKrK0jIRVe7nYrjG158_np_close_85663_FFFFFF.svg);
    position: fixed;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 99 !important;
    background-size: 18px;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px !important;
    right: 0 !important;
}



/* floating rectangle */
#floatingRectangle .web-page-content {
    position: relative;
}
#floatingRectangle .left-part {
    float: left;
    width: 45%;
    max-width: 100%;
}

#floatingRectangle .right-part {
    float: right;
    width: 50%;
    max-width: 100%;
}

#floatingRectangle .floating-outr {
    display: flex !important;
    width: 100%;
    justify-content: center !important;
    float: left;
    position: absolute;
    bottom: 11px;
    left: 0;
}
#floatingRectangle section.barEmbed {
    width: 60%;
    z-index: 9;
    margin: 0 auto;
    display: inline-block;
    float: none;
    left: 0;
    padding: 15px;
    box-shadow: 0 0 7px 3px rgba(0,0,0,0.1);
    border-radius: 5px;
    position: relative;
}
#floatingRectangle section.barEmbed p {
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 95%;
}
#floatingRectangle section.barEmbed span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 100%;
}
#floatingRectangle .custom-popover {
    width: 400px;
    position: absolute;
    background: #fff;
    box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    padding: 20px;
    z-index: 1;
    margin-left: 0;
    border-radius: 5px;
    margin-top: 0;
    top: -25px;
    left: inherit;
}
#floatingRectangle .custom-popover::before {
    border-top: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    left: 45%;
    top: 100.3%;
    z-index: 9999;
}
#floatingRectangle .custom-popover:after {
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    left: 45%;
    top: 100%;
    z-index: 9999;
}

#floatingRectangle a.greetbar-popupClose {
    background: url(https://dlvkyia8i4zmz.cloudfront.net/dzKrK0jIRVe7nYrjG158_np_close_85663_FFFFFF.svg);
    position: absolute;
    top: 5px !important;
    right: 5px;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 99999 !important;
    background-size: 14px;
    background-repeat: no-repeat;
    box-shadow: none !important;
    border: none !important;
    background-color: #dedede;
    padding-right: 0;
    background-position: center;
}

#floatingRectangle .popup-mode>ul>li.ripple-dark{ width :75px !important;}

div#floatingRectangle .custom-popover ul { z-index: auto;}

/* floating rectangle */

/* sidenote */

div#sidenote .web-page-content .left-part {
    float: left;
    width: 290px;
    max-width: 100%;
    margin-right: 15px;
}
div#sidenote .web-page-content .right-part {
    margin-right: 0;
    float: right;
    width: 50%;
}
div#sidenote .launch-btn-box .custom-popover ul li span.small-txt {
    font-size: 10px;
    width: 88%;
    color: #62696d;
    opacity: 0.3;
}
div#sidenote .launch-btn-box .custom-popover::before {
    border-left: 12px solid #ccc;
    border-right: none;
    left: 100%;
    top: 40%;
}
div#sidenote .launch-btn-box .custom-popover::after {
    left: 100%;
    border-left: 10px solid #fff;
    border-right: none;
    top: 40%;
}

div#sidenote .launch-btn-box {
    position: absolute;
    width: 40%;
}
div#sidenote .launch-btn-box .custom-popover {
    left: 0;
    top: -20px;
}
@-moz-document url-prefix() {
    div#sidenote .launch-btn-box .custom-popover {
        left: 0;
        top: 40px;
    }
  }
div#sidenote section.barEmbed {
    position: absolute;
    right: -60px;
    z-index: 9;
    top: 40%;
    height: 55px;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
    transform: rotate(90deg);
    -webkit-transform-origin: 50%  51%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    padding-right: 15px;
    padding-left: 9px;
    width: 174px;
}
div#sidenote section.barEmbed p {
    transform: rotate(-180deg);
    max-width: 130px;
    text-transform: uppercase;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 6px;
}
div#sidenote section.barEmbed i.material-icons {
    transform: rotate(-180deg);
    margin-left: 6px;
}
div#sidenote .custom-row .popup-mode ul {
    justify-content: inherit;
}
div#sidenote .custom-row .popup-mode ul li.ripple-dark {
    width: 100px !important;
    margin-right: 20px !important;
}
div#sidenote .custom-row .popup-mode ul li.ripple-dark label img {
    height: auto;
}

/* sidenote */


.popover-part {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: left;
    margin-top: 15px;
    vertical-align: middle;
    flex: 1 1 0;
}

.custom-popover h4 {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: montserratlight;
    color: #333;
}

.custom-popover ul li>label {
    font-size: 12px;
    color: #62696d;
    font-family: montserratlight;
    float: left;
    width: calc(100% - 160px);
}

.custom-popover ul {
    float: left;
    /*padding:26px  20px 20px;*/
    padding: 0;
    z-index: 99;
    position: relative;
    width: 100%;
}

#publish-upgrade a.btn-up {
    font-size: 12px;
    color: #fb5f66;
    width: 100%;
    margin: 0px;
}

.custom-popover ul>li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.custom-popover ul>li:last-child {
    margin: 0
}

.popup-mode label {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 5px;
    color: #62696d;
    font-family: montserratlight;
}

.custom-iframee .popup-mode label {
    font-family: montserratregular;
}

.custom-popover ul li>span, .custom-popover ul li>div.buttonlink {
    float: right;
    width: 160px;
}

.custom-popover .logo-branding-outer, .custom-popover .logo-branding-outer .onoffswitch {
    margin: 0
}

.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (50px)) !important;
    height: 5px !important;
    border-radius: 50px;
    background: #dadcdd !important;
    outline: none;
    padding: 0;
    margin: 0;
    float: left;
}

a.btn-done:hover {
    transition: .5s ease-in-out;
    background: #fdb6b9!important;
    color: #fb5f66!important;
    border-color: #fdb6b9!important;
}

button.btn-done:hover {
    transition: .5s ease-in-out;
    background: #fdb6b9!important;
    color: #fb5f66!important;
    border-color: #fdb6b9!important;
}

#publish-upgrade a.btn-up:hover {
    transition: .5s ease-in-out;
    background: #fb5f66;
    color: #fff;
}

.cpy-btn.preview_copy a.live-url:hover {
    transition: .5s ease-in-out;
    background: #ededed;
    color: #fb5f66 !important;
}

.range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff !important;
    border: 1px solid #dadcdd !important;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb:hover {
    background: #1483b6 !important;
}

.range-slider__range:active::-webkit-slider-thumb {
    background: #1483b6 !important;
}

.range-slider__range::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border: 0;
    border-radius: 50%;
    background: #fff !important;
    border: 1px solid #dadcdd !important;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
    background: #1483b6 !important;
}

.range-slider__range:active::-moz-range-thumb {
    background: #1483b6 !important;
}

.range-slider.custom-slider {
    width: 100%;
    position: relative;
    top: 6px
}

.range-slider.custom-slider span.thumb, span.thumb.active {
    display: none !important;
    position: absolute;
    top: -7px !important;
    margin: 0 0 0 0 !important;
    left: 135px !important;
    background: #fff;
    z-index: 1;
    font-size: 12px;
    color: #62696d;
    font-family: montserratlight;
    height: auto !important;
    width: auto !important;
    padding: 0 5px;
}

/* span.thumb.active + .range-slider__value {    visibility: hidden;    } */

.range-slider.custom-slider span.range-slider__value {
    float: right;
    position: relative;
    top: -7px;
    font-size: 12px;
    color: #62696d;
    font-family: montserratlight;
}

.popup-mode {
    float: left;
    width: 100%;
}

.popup-mode>ul {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 5px 0 15px;
}

.popup-mode>ul>li input[type="radio"] {
    position: absolute;
    left: -99999px
}

.popup-mode>ul>li input[type="radio"]+label {
    border: 1px solid #ccc;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    border-radius: 5px;
    padding: 10px 6px 10px;
}

.popup-mode>ul>li.ripple-dark {
    float: left !important;
    width: 70px !important;
    margin: 0 !important;
    padding: 0 !important
}

.popup-mode>ul>li input[type="radio"]:checked+label {
    border-color: #1483b6
}

.popup-mode li label img {
    height: 18px
}

.popup-mode li label p {
    float: left;
    width: 100%;
    margin: 12px 0 0px;
    text-align: center;
    font-size: 10px;
}

.custom-popover::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: "";
    border-right: 10px solid #fff;
    position: absolute;
    left: -10px;
    z-index: 10;
    top: 60%;
    /*transform: translateY(-65%);*/
    transition: all 0.2s ease;
}

.custom-popover::before {
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    content: "";
    border-right: 12px solid #ccc;
    position: absolute;
    left: -12px;
    z-index: 10;
    top: 59.5%;
    /*transform: translateY(-65%);*/
    transition: all 0.2s ease;
}

.ripple-dark:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
    transition: opacity 1s, -webkit-transform .5s;
    transition: transform .5s, opacity 1s;
    transition: transform .5s, opacity 1s, -webkit-transform .5s;
}

.new-webpage-outer-part .ripple-dark {
    position: relative;
    overflow: hidden !important;
    outline: none;
}

.slider-color .cp-popover-container {
    width: auto !important;
    position: absolute;
    background: #fff;
    z-index: 10000000000;
    border: 1px solid #ccc;
    padding: 10px 4px 5px;
    right: 4px;
    bottom: 5px;
}

.input-sec label {
    float: left;
    width: 100%;
    font-size: 12px;
    font-family: montserratlight;
    color: #62696d;
    margin: 0 0 10px 0;
}

.new-webpage-outer-part .logo-branding-outer .onoffswitch-inner:after, .new-webpage-outer-part .logo-branding-outer .onoffswitch-inner:before {
    font-size: 12px;
    font-family: montserratlight;
}

.web-page-sub-section a.custom-btn {
    float: right !important
}

.custom-popover .btn-color-picker {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    margin: 0
}

.custom-popover .get-btn {
    margin-left: 0
}

input.disabled.custom-input {
    float: right;
    width: 100px;
}

.web-page-sub-section-full .emebed-code-part pre {
    min-height: auto;
}

.custom-popover .btn-color {
    height: 30px;
    width: 50px;
    background: #fff;
    display: inline-block;
    border: 1px solid #ddd;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

/*congratulations on publishing animation*/

.pyro {
    margin: 0;
    padding: 0;
    /*background: #000;*/
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    opacity: 0.7;
}

.pyro>.before, .pyro>.after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro>.after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

#canvas {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

@-webkit-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-moz-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-o-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-ms-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(300px);
        -moz-transform: translateY(300px);
        -webkit-transform: translateY(300px);
        -o-transform: translateY(300px);
        -ms-transform: translateY(300px);
        opacity: 0;
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(300px);
        -moz-transform: translateY(300px);
        -webkit-transform: translateY(300px);
        -o-transform: translateY(300px);
        -ms-transform: translateY(300px);
        opacity: 0;
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(300px);
        -moz-transform: translateY(300px);
        -webkit-transform: translateY(300px);
        -o-transform: translateY(300px);
        -ms-transform: translateY(300px);
        opacity: 0;
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(300px);
        -moz-transform: translateY(300px);
        -webkit-transform: translateY(300px);
        -o-transform: translateY(300px);
        -ms-transform: translateY(300px);
        opacity: 0;
    }
}

@keyframes gravity {
    to {
        transform: translateY(300px);
        -moz-transform: translateY(300px);
        -webkit-transform: translateY(300px);
        -o-transform: translateY(300px);
        -ms-transform: translateY(300px);
        opacity: 0;
    }
}

@-webkit-keyframes position {
    0%, 13.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 99.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

/*opinion scale email*/

.opinion-email-outer {
    padding: 40px 30px;
    max-width: 990px;
    margin: 0 auto;
}

.opinion-email-head {
    color: #62696d;
    font-family: "montserratlight";
    font-size: 22px;
    display: block;
    margin-bottom: 3px;
    margin-top: 0px;
}

.opinion-email-head span {
    text-transform: uppercase;
    color: #fb5f66;
    font-size: 12px;
}

.opinion-email-section {
    padding: 0;
    width: 100%;
    float: left;
}

.opinion-email-sub-section {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px 15%;
    border-radius: 3px;
    min-height: 100%;
    padding-bottom: 0;
}

.email-info {
    font-family: montserratregular;
    color: #999 !important;
    text-transform: uppercase;
    font-size: 11px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 5px;
}

.email-form {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.email-form .form-group {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: left;
}

.email-form .form-control, .email-form .form-group .form-control {
    background: none !important;
    padding: 0;
    margin: 0 !important;
}

.email-demo {
    width: 100%;
    float: left;
    max-width: 480px;
    overflow: auto;
}

.opinion-email-alert {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: 0px -5px 8px -4px rgba(0, 0, 0, .1);
    position: relative;
    top: -2px;
}

.alert-msg-outer {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 18px 15%;
    align-items: center;
}

.alert-msg-outer i.material-icons {
    font-size: 36px;
    color: #fb5f66;
}

.alert-msg-outer span {
    margin-left: 5px;
    font-size: 11px;
    color: #62696d;
    opacity: 0.7;
    font-family: montserratlight;
}

.alert-msg-outer span span {
    font-family: montserratregular;
    margin-left: 0;
    font-weight: 600;
}

.alert-msg-outer span p {
    margin-bottom: 3px;
    font-size: 12px;
}

.email-form label {
    font-size: 13px;
    color: #62696d;
    opacity: 0.7;
    text-align: left !important;
    width: auto !important;
    float: left;
    padding-top: 13px !important;
    padding-bottom: 10px !important;
}

.email-form .form-control[disabled], .email-form .form-group .form-control[disabled], .email-form fieldset[disabled] .form-control, .email-form fieldset[disabled] .form-group .form-control {
    border-bottom: none;
    background: #f5f5f5 !important;
    border-radius: 20px !important;
    margin: 10px 0 !important;
    width: 50% !important;
    height: 10px !important;
    cursor: default;
}

.opinion-email-sub-section.code-outer {
    padding: 20px 4% !important;
    margin-bottom: 25px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.opinion-email-subheading {
    color: #8e989f;
    font-family: montserratlight;
    font-size: 13px;
    display: block;
    line-height: 22px;
    margin-bottom: 15px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.opinion-email-code .opinion-email-subheading {
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px;
}

.mb30 {
    margin-bottom: 30px;
}

h4.opinion-email-head {
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #62696d;
}

.outer {
    /*width: calc(100% - 220px);
    float: left;*/
    padding: 25px;
    padding-top: 40px;
    max-width: 990px;
    margin: 0 auto;
}

.msg-outer {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 20px 15%;
    border-radius: 3px;
    display: flex;
    width: 100%;
    min-height: 400px;
    justify-content: center;
    align-items: center;
}

.msg-outer .alert-msg-outer {
    padding: 0;
    justify-content: center;
    align-items: center;
}

.opinion-email-outer a.custom-btn:after {
    content: none;
}

.opinion-email-section a.custom-btn {
    min-width: 80px;
    text-align: center;
    min-height: 35px;
    width: auto !important;
    float: right !important;
}

.opinion-email-section .emebed-code-part pre {
    padding: 20px !important;
    margin-top: 20px !important;
    max-height: 300px;
}
.opinion-email-section .emebed-code-part pre::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #f5f5f5;
}

.opinion-email-section .emebed-code-part pre::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0, 0, 0, 0.2);
}

.opinion-email-section .emebed-code-part pre::-webkit-scrollbar:horizontal {
    height: 6px;
    background-color: rgba(0, 0, 0, 0.2);
}

.opinion-email-section .emebed-code-part pre::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.2);
}
.opinion-email-code {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

/*svg check animation*/

@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }
    100% {
        stroke-dashoffset: 480px
    }
}

@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }
    100% {
        stroke-dashoffset: 480px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }
    100% {
        stroke-dashoffset: 480px
    }
}

/* other styles */

/* .svg svg {
    display: none
}
 */

.inlinesvg .svg svg {
    display: inline
}

/* .svg img {
    display: none
} */

.icon--order-success svg path {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards
}

.custom-popover .webpage-info i {
    font-size: 17px;
    color: #8e989f;
    opacity: .5;
    position: relative;
    top: 4px;
}

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

.editor-modal .bootbox-body-right.new-des p {
    font-size: 13px;
    margin: 0;
    line-height: 20px;
    opacity: 0.7;
    color: #62696d;
    float: left;
    width: 100%
}

.editor-modal .bootbox-body-right.new-des h5 {
    font-size: 14px;
    color: #62696d;
    float: left;
    width: 100%;
    margin: 0 0 12px 0;
    font-family: montserratlight;
}

.bootbox-body-right.new-des {
    width: 100%;
    padding: 5px 0 0 0;
    background: #fff;
    position: relative;
    z-index: 100;
}

@-moz-document url-prefix() {
    #popup-block .one-line-bootbox .bootbox-body-left {
        margin: -15px 20px -60px -15px;
    }
    .bootbox-body-left {
        margin: -15px 20px -60px -15px !important;
    }
    .custom-popover {
        margin-top: -75px;
    }
}

.mt20 {
    margin-top: 20px;
}

.web-page-content .center-part.seo {
    float: left;
    max-width: 100%;
    padding: 0;
    position: relative;
    margin: 0 15px;
    height: auto;
}

.web-page-content .left-part.seo, .web-page-content .right-part.seo {
    width: 110px;
}

.web-page-content .left-part.seo .strips:last-child, .web-page-content .right-part.seo .strips:last-child {
    margin: 0;
    height: 24px;
}

.web-page-content .left-part.seo .strips, .web-page-content .right-part.seo .strips {
    background: #f5f5f5;
}

.seamless.logo-branding-outer .switch {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}

.custom-popover ul li>label.label-convert {
    width: calc(100% - 110px);
}

.custom-popover ul li>label.label-convert .switch {
    margin-top: 2px;
}

.logo-branding-outer.SCHEDULING-block {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
}

.logo-branding-outer.SCHEDULING-block h4 {
    float: left;
    width: calc(100% - 60px)
}

.logo-branding-outer.SCHEDULING-block .switch.right {
    margin: 0;
}

.scheduling:last-child, .scheduling:last-child .show-exact {
    margin-bottom: 0px
}

.scheduling {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.scheduling input[type="radio"] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #279fd8;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #fff;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    margin-top: 3px;
}

.scheduling input[type="radio"]+label::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    margin-left: -17px;
    top: 6.5px;
    background: #279fd8;
    z-index: 10;
    transform: scale(0);
    transition: tranform 0.5s;
}

.scheduling input[type="radio"]:checked+label::before {
    transform: scale(1);
    transition: tranform 0.5s;
}

/* .scheduling input[type="radio"]+label::after {
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #279fd8;
    position: absolute;
    left: -20px;
    top: 2px;
    background: #fff;
} */

.scheduling input[type="radio"]+label {
    float: left;
    font-size: 12px;
    color: #62696d;
    font-family: montserratlight;
    margin: 0;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.scheduling p {
    float: left;
    font-size: 11px;
    color: #62696d;
    font-family: montserratlight;
    margin: 0;
    width: 100%;
    color: #62696d;
    opacity: 0.8;
}

.div-drop {
    float: right;
}

.show-exact p.full {
    width: 100% !important;
}

.div-drop select, .def-lab {
    float: left;
    width: 50px;
    border: 0px;
    background: #f6f8f9;
    color: #62696d;
    font-size: 10px;
    font-family: montserratlight;
    padding: 6px 4px;
    border: 1px solid #ccc;
    text-align: left;
    box-sizing: border-box;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-bottom: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 28px;
}

.div-drop select {
    background-image: url(../images/icon-arrow-down-s.png);
    background-position: 88% 50%;
    background-repeat: no-repeat;
    background-size: 7px;
}

.div-drop input[type="number"] {
    float: left;
    width: 40px;
    border: 1px solid #ccc;
    font-size: 10px;
    color: #62696d;
    font-family: montserratlight;
    padding: 6px 5px;
    border-radius: 3px;
    border-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none !important;
    height: 28px;
}

.show-exact {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.show-exact-row:last-child {
    margin-bottom: 0px
}

.show-exact-row {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.show-exact .show-exact-row p {
    margin-bottom: 0;
    padding: 0;
    display: flex;
    align-items: center;
    min-height: 25px;
}

.show-exact p {
    float: left;
    width: calc(100% - 90px) !important;
    margin-bottom: 10px;
    padding: 0px 0 0 0;
}

.show-exact .show-exact-row .def-lab, .show-exact .show-exact-row .div-drop select {
    margin-bottom: 0
}

.show-exact-row.mb0 {
    margin-bottom: 0px;
}

.embed-p-style {
    margin-bottom: 0;
    padding: 0;
    display: flex;
    align-items: center;
    min-height: 25px;
    width: calc(100% - 90px) !important;
    font-family: montserratlight;
    font-size: 11px;
    color: #62696d;
    opacity: 0.8;
    float: left;
}

#publish-upgrade.mac-compatible .modal-dialog {
    width: 600px !important
}

#publish-upgrade.mac-compatible .modal-content {
    background-color: #fff !important;
}

#publish-upgrade.mac-compatible .modal-content .left-sec {
    width: 100% !important;
    border-radius: 5px;
}

#publish-upgrade.mac-compatible .modal-content i {
    color: #888 !important
}

#publish-upgrade .icon.icon--order-success.svg {
    height: auto;
    width: auto;
}

.web-page-sub-section-right .web-page-sub-section h4 {
    width: 79%;
}

.web-page-sub-section-right .emebed-code-part pre {
    margin-top: 20px;
    margin-bottom: 0px;
}

.web-page-sub-section-full .web-page-sub-section h4 {
    width: 79%;
}

.web-page-sub-section-full .emebed-code-part pre {
    margin-top: 20px;
    margin-bottom: 0px;
}

.top-outer-help i.book {
    background: #fff;
    font-size: 18px;
    border-radius: 20px;
    color: #5c6165;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 3px;
}

.bootbox-heading {
    color: #fb5f66;
    font-size: 17px;
    font-family: montserratlight;
    margin-bottom: 10px;
    padding-right: 25px;
}

.bootbox-subheading {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    font-family: montserratlight;
}

.btn.btn-cancel.bootbox-cancel {
    background: #fff !important;
    border: none;
    color: #8e989e !important;
    font-size: 13px;
    font-family: montserratlight;
}

.modal-footer .btn+.btn.btn-ok.bootbox-success {
    margin-left: 5px !important;
    padding: 10px 30px;
    font-size: 13px;
    line-height: normal;
    font-family: montserratlight;
}

.b-close {
    color: #62696d;
}

.full-width {
    width: 100% !important;
}

/* login section */

.builder-login-overlay {
    position: fixed;
    z-index: 9999;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 13px;
}

.builder-login-overlay .main {
    width: 100%;
    height: 100%;
    display: table;
}

.builder-login-overlay .main .inner {
    display: table-cell;
    vertical-align: middle;
}

.builder-login-overlay .main .inner .login-outer {
    width: 460px;
    margin: 0 auto;
}

.builder-login-overlay .main .inner .login-outer .outer {
    float: left;
    width: 100%;
    padding: 30px;
    background: #f3f8fb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 540px;
}

.builder-login-overlay h1 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-family: montserratlight;
    margin-bottom: 20px;
}

.builder-login-overlay .social-icons {
    margin-top: 60px;
    margin-bottom: 40px;
    text-align: center;
    float: left;
    width: 100%;
}

.builder-login-overlay .social-icons img {
    margin-right: 20px;
    cursor: pointer;
    transition: all .5s ease 0s;
}

.builder-login-overlay .border-overlay {
    background: #d7d7d7;
    min-height: 1px;
    position: relative;
    width: 210px;
    text-align: center;
    float: left;
    text-align: center;
    margin: 10px 21%;
    margin-bottom: 45px;
}

.builder-login-overlay .border-overlay span {
    position: absolute;
    top: -8px;
    left: 90px;
    background: #f3f8fb;
    padding: 0px 8px;
    color: #8e989f;
    font-size: 12px;
    font-family: montserratlight;
}

.builder-login-overlay .main .inner .login-outer .email-login {
    float: left;
    width: 100%;
}

.builder-login-overlay .main .inner .login-outer .login {
    float: left;
    width: 100%;
}

.builder-login-overlay .main .inner .login-outer .signup {
    float: left;
    width: 100%;
}

.builder-login-overlay .main .inner .login-outer .outer input {
    height: 46px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    color: #444;
    font-family: montserratlight;
    box-shadow: none;
    font-size: 14px;
    float: left;
}

.builder-login-overlay .main .inner .login-outer .outer .form-group {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 20px;
    margin-bottom: 20px;
}

.builder-login-overlay .main .inner .login-outer .outer .row-outer {
    float: left;
    width: 100%;
    text-align: center;
}

/* validation msg ui  */

.builder-login-overlay .main .inner .login-outer .outer .form-group.input-danger-msg input {
    border: 1px solid #fe0000 !important;
}

.builder-login-overlay .main .inner .login-outer .outer .form-group.input-success-msg input {
    border: 1px solid #3cb878 !important;
}

.builder-login-overlay .main .inner .login-outer .outer .form-group.input-danger-msg span.input-icon-msg {
    color: #fe0000;
    text-transform: uppercase;
    position: absolute;
    right: -10px;
    top: 12px;
    font-size: 16px;
    cursor: pointer;
}

.builder-login-overlay .main .inner .login-outer .outer .form-group.input-success-msg span.input-icon-msg {
    color: #3cb878;
    text-transform: uppercase;
    position: absolute;
    right: -10px;
    top: 12px;
    font-size: 16px;
    pointer-events: none;
}

.builder-login-overlay .main .inner .login-outer .outer .form-group.input-danger-msg .input-icon-msg:after {
    font-family: "Material Icons";
    content: "\E5CD";
    text-rendering: optimizeLegibility;
}

.builder-login-overlay .main .inner .login-outer .outer .form-group.input-success-msg .input-icon-msg:after {
    font-family: "Material Icons";
    content: "\E5CA";
    text-rendering: optimizeLegibility;
}

/* popover */

.builder-login-overlay .input-icon-msg:hover .popover-block {
    display: block;
}

.builder-login-overlay .input-icon-msg .popover-block {
    position: absolute;
    min-width: 150px;
    padding: 13px 15px;
    font-size: 12px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 99;
    text-transform: none;
    color: #fff;
    font-family: montserratlight;
    bottom: 125%;
    right: -380%;
}

.builder-login-overlay .input-icon-msg .popover-block:before {
    position: absolute;
    display: inline-block;
    border-right: 6px solid transparent;
    border-top: 8px solid #000;
    border-left: 6px solid transparent;
    border-bottom-color: #000;
    content: '';
    opacity: 0.7;
    top: 100%;
    left: 50%;
}

/* end: popover */

.builder-login-overlay .btn-red-filled {
    background: #fb5f66;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 30px;
    transition: all .5s ease 0s;
    font-family: montserratregular;
}

.builder-login-overlay .btn-hover:focus, .btn-hover:hover {
    background: #fdb6b9!important;
    color: #fb545b!important;
    border-color: #fdb6b9!important;
    box-shadow: none;
}

.builder-login-overlay .already-signedUp {
    color: #62696d;
    font-size: 12px;
    font-family: montserratlight;
    margin-bottom: 0px;
    padding-top: 10px;
    margin-top: 5px;
}

.builder-login-overlay .text-red {
    color: #fb545b;
}

.builder-login-overlay .tc-outr {
    float: left;
    width: 100%;
    text-align: center;
}

.builder-login-overlay .tc-outr span.toc-text {
    color: #62696d;
    font-size: 11px;
    font-family: montserratlight;
    margin-bottom: 0px;
    margin-top: 60px;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    opacity: 0.6;
}

.builder-login-overlay .tc-outr span.toc-text a {
    color: #62696d;
    font-family: montserratregular;
    transition: all .5s ease;
}

.builder-login-overlay .tc-outr span.toc-text a:hover {
    color: #7d868c;
    text-decoration: underline;
}

.builder-login-overlay .outgrow-domain {
    font-size: 14px !important;
    position: absolute;
    right: 21px;
    top: 1px;
    padding: 12px 12px 12px 12px;
    color: #269fd8 !important;
    font-family: montserratlight;
    background: #f0f4f7;
    border-radius: 0px 4px 4px 0px;
    border-left: 1px solid #d7d7d7;
    margin: 0px;
    z-index: 1;
    cursor: text;
}

.builder-login-overlay .er-msg {
    position: absolute;
    font-size: 10px;
    bottom: -15px;
    color: #fe0000;
    font-family: montserratlight;
}

.builder-login-overlay .main .inner .login-outer .signup .outer {
    padding: 45px 30px;
    padding-bottom: 40px;
}

.builder-login-overlay .main .inner .login-outer .signup .outer .tc-outr span.toc-text {
    margin-top: 35px;
}

a.forgot-link {
    position: absolute;
    right: 30px;
    top: 15px;
    z-index: 9;
    color: #fb545b!important;
    font-size: 12px;
    text-transform: uppercase;
    font-family: montserratregular;
    opacity: 1;
}

.builder-login-overlay .main .inner .login-outer .email-login .social-icons {
    margin-top: 80px;
}

.builder-login-overlay .main .inner .login-outer .email-login .tc-outr span.toc-text {
    margin-top: 90px;
}

.builder-login-overlay span.input-icon {
    color: #fb545b;
    text-transform: uppercase;
    position: absolute;
    right: 31px;
    top: 15px;
    font-size: 14px;
    z-index: 9;
    cursor: pointer;
}

.builder-login-overlay span.input-icon i {
    font-size: 14px;
}

.builder-login-overlay .check-icon {
    cursor: pointer;
    float: left;
    font-family: montserratlight;
    font-size: 11px;
    font-weight: normal;
    width: auto;
    text-align: left;
    color: #8e989f;
    line-height: 18px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.builder-login-overlay .check-icon input[type="checkbox"], .builder-login-overlay .check-icon input[type="radio"] {
    left: -9999px;
    position: absolute;
}

.builder-login-overlay .check-icon label {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin: 0 auto;
    cursor: pointer;
    background: transparent;
    float: left;
    padding: 0px;
    font-weight: normal;
    margin-right: 5px;
}

.builder-login-overlay .check-icon input[type=checkbox]:checked+label:after {
    font-family: Material Icons;
    content: "\E5CA";
}

.builder-login-overlay .check-icon input[type=checkbox]:checked+label {
    background-color: #fff;
    border: 1px solid #228fc2;
    color: #228fc2;
    line-height: 16px;
    font-size: 16px;
    margin-right: 5px;
}

.builder-login-overlay .sugUrls-box {
    float: left;
    width: 100%;
    font-size: 11px;
    text-align: left;
    color: #8e989f;
    font-family: montserratlight;
    /* margin-bottom: 10px; */
}

.builder-login-overlay span.sugUrls-title {
    float: left;
    width: auto;
    padding-top: 4px;
}

.builder-login-overlay span.urls-list {
    float: left;
    width: 73%;
    margin-left: 8px;
}

.builder-login-overlay .sugUrls-box label {
    background: #deeef6;
    color: #228fc2;
    padding: 4px 6px;
    border-radius: 5px;
    margin-right: 3px;
    font-weight: normal;
    font-size: 11px;
    cursor: pointer;
}

.overlay-close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    color: #fff;
    z-index: 99;
}

.bootbox-success i {
    font-size: 13px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.cld-day.today .cld-number {
    background: none !important;
    min-height: 32px;
    color: #333 !important;
    border-radius: 50%;
    height: 29px;
    width: 30px;
    padding: 9px 4px !important;
    margin: 2px 12%;
    font-weight: normal!important;
    font-size: 10px;
}

.cld-day.currMonth p.cld-number.eventday.selected span {
    border: 1px solid #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 3px;
}

.cld-day.currMonth p.cld-number.eventday.selected {
    background: #45be75 !important;
    min-height: 28px;
    color: #fff !important;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    padding: 7px 4px !important;
    margin: 4px 12%;
    font-weight: normal!important;
    font-size: 10px;
}

/* .cld-day.today .cld-number{background: #3688c0 !important; min-height: 29px; color: #fff !important; border-radius: 50%; height: 29px;  width: 30px; padding: 6px 4px !important; margin: 5px 12%; font-weight: normal!important; font-size: 1.2rem;} */

/* .cld-day.today p.cld-number span{    border: 1px solid #fff;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  padding: 3px;} */

.cld-number.eventday {
    background: #e9f2f9 !important;
    min-height: 28px;
    color: #999 !important;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    padding: 7px 4px !important;
    margin: 4px 12%;
    font-weight: normal!important;
    font-size: 10px;
}

.cld-number.eventday:hover {
    background: #45be75 !important;
    color: #fff !important;
}

.cld-day.currMonth.today .cld-number.eventday:hover {
    background: #fff !important;
    color: #333 !important;
    cursor: default;
}

.cld-main {
    width: 100% !important;
}

.cld-labels {
    margin-bottom: 0 !important
}

.cld-labels li.cld-label {
    padding: 8px !important;
    background: #fff;
    font-size: 10px;
}

.cld-day {
    border: none !important;
    border-right: 1px solid #d9e0e4 !important;
    border-bottom: 1px solid #d9e0e4 !important;
}

.cld-labels li.cld-label {
    border-right: 1px solid #d9e0e4;
    border-bottom: 1px solid #d9e0e4;
}

.cld-labels, .cld-days {
    border-left: 1px solid #d9e0e4;
}

ul.cld-days {
    margin-bottom: 0 !important;
}

.cld-datetime {
    width: 100%!important;
    max-width: 100%!important;
    border: 1px solid #d4e1e7!important;
    min-height: 32px;
}

.cld-datetime .today {
    width: 100% !important;
    text-align: center !important;
    padding: 6px !important;
    font-size: 12px;
    text-transform: uppercase;
    color: #539cee !important;
    background-color: #fff;
}

.cld-main a:nth-child(1) {
    position: absolute;
    left: 4px;
    top: 3px;
    background: #e9f2f9;
    height: 20px;
    width: 20px;
    z-index: 9;
}

.cld-main i {
    font-size: 16px;
    padding: 2px !important;
}

.cld-fwd.cld-nav {
    position: absolute;
    right: 4px;
    top: 3px;
    background: #e9f2f9;
    height: 20px;
    width: 20px;
}

.cld-main a {
    color: #555555 !important;
    z-index: 99;
}

.cld-number {
    font-size: 10px;
    padding: 11px !important;
}

.calendar-outer {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.calendar-outer .head-section {
    border: 1px solid #d9e0e4;
    padding: 12px 15px;
    float: left;
    width: 100%;
    border-bottom: 0;
    background: #fff;
}

.calendar-outer .head-section .heading {
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    float: left;
    padding: 0;
    font-family: 'montserratregular' !important;
}

.cld-day.nextMonth, .cld-day.prevMonth {
    color: #fff;
    opacity: 1 !important;
}

.popover {
    background: #45be75 !important;
    border-color: #45be75 !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    max-width: 150px !important;
}

.popover-title {
    padding: 8px;
    margin: 0;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
    float: right;
    width: 100%;
    background: none;
    font-size: 11px;
    padding: 4px 4px !important;
    color: #fff !important;
    line-height: 16px;
    border: none;
    padding-left: 15px;
}

.popover-content {
    padding: 8px;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 11px;
    background: none !important;
    border: none;
    padding: 4px 4px !important;
}

.popover.top>.arrow:after {
    border-top-color: #45be75 !important;
}

.popover-content img {width: 45px !important;height: 45px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#calendar .popover-title {color: #fff !important;}
.event-template-outer {background: #45be75 !important;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border-color: #3688c0 !important;float: left;width: 100%;margin-top: 10px;}
.event-template-outer .template-event {float: left;padding: 5px 10px;width: 100%;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.event-template-outer .template-event .img-outer {float: left;width: 60px;max-height: 60px;}
.event-template-outer .template-event .img-outer img {width: 100%;min-height: 45px;max-height: 45px;}
.event-template-outer .template-event .content-outer {float: left;width: calc(100% - 73px);margin-left: 13px;position: relative;min-height: 50px;display: table;}
.event-template-outer .template-event .content-outer h2 {width: 160px;font-size: 12px;color: #fff;margin-top: 0;white-space: nowrap;font-family: montserratlight;overflow: hidden;text-overflow: ellipsis;display: table-cell;vertical-align: middle;}
.event-template-outer .template-event .content-outer .btn-outer {float: left;width: 100%;}
.event-template-outer .template-event .content-outer .btn-outer a {background: #fff;color: #fb5f66;padding: 3px 6px;float: left;font-size: 8px;text-transform: uppercase;margin-right: 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom: 8px;}
.event-template-outer .border-b {border-bottom: 1px solid #fff;}
.event-template-outer .template-event .content-outer .temp-name {width: 100%;font-size: 12px;color: #fff;line-height: 16px;text-align: left;font-family: montserratlight;display: table-cell;vertical-align: middle;}
.event-template-outer .template-event .content-outer .btn-outer a i {font-size: 9px;vertical-align: middle;}
.event-template-outer .template-event .h-div {position: absolute;bottom: 0;left: 0;right: 0;background-color: #45be75;overflow: hidden;width: 100%;height: 0;transition: .5s ease;}
.event-template-outer .template-event:hover .h-div {height: 100%;}
.btn-content {position: absolute;top: 50%;left: 0px;transform: translateY(-50%);-ms-transform: translateY(-50%);text-align: center;text-align: left;}
.btn-content h2 {margin-bottom: 8px;padding-top: 5px !important;float: left;display: block !important;}
#publish-upgrade .referal-heading {font-size: 18px;font-family: montserratregular;color: #fff;padding: 20px 35px;padding-bottom: 0;text-align: center;}
.referal-img {background: url(https://cdn.filestackcontent.com/BmDVWUfQqa8khdEb2O91);width: 80px;height: 52px;margin: 0 auto;margin-bottom: 25px;background-repeat: no-repeat;}
li.cld-day {background: #fff;}
.custom-tabs-outer {width: 100%;float: left;}
.custom-tabs-outer .nav-tabs>li>a {font-size: 11px;line-height: 20px;padding: 12px 25px;text-transform: uppercase;color: #a4a4a4;border: 1px solid transparent;border-top: 2px solid transparent;background: transparent;margin: 0;display: flex;align-items: center;}
.custom-tabs-outer .nav-tabs>li>a:hover {color: #fb5f66;}
.custom-tabs-outer .nav-tabs>li.active>a {color: #fb5f66;border: none;border-top: 2px solid #fb5f66;background: #fff;box-shadow: 0px -7px 8px 0 rgba(113, 92, 92, 0.05);}
.custom-tabs-outer ul.nav-tabs {background: #f9f9f9;border: none;}
.tab-icons {width: 15px;height: 16px;display: inline-block;margin-right: 5px;background-repeat: no-repeat;}
.web-icon .tab-icons {background: url(https://cdn.filestackcontent.com/8fZQAK5nQ7O0sgKZforw) 0px 0px;}
.active .web-icon .tab-icons, .custom-tabs-outer .nav-tabs>li>a.web-icon:hover .tab-icons {background: url(https://cdn.filestackcontent.com/8fZQAK5nQ7O0sgKZforw) 0px -25px;}
.article-icon .tab-icons {background: url(https://cdn.filestackcontent.com/8fZQAK5nQ7O0sgKZforw) 0px 160px;}
.active .article-icon .tab-icons, .custom-tabs-outer .nav-tabs>li>a.article-icon:hover .tab-icons {background: url(https://cdn.filestackcontent.com/8fZQAK5nQ7O0sgKZforw) 0px 135px;}
.amp-icon .tab-icons {background: url(https://cdn.filestackcontent.com/8fZQAK5nQ7O0sgKZforw) 0px 101px;}
.active .amp-icon .tab-icons, .custom-tabs-outer .nav-tabs>li>a.amp-icon:hover .tab-icons {background: url(https://cdn.filestackcontent.com/8fZQAK5nQ7O0sgKZforw) 0px 76px;}
.share-icon .tab-icons {background: url(https://cdn.filestackcontent.com/8fZQAK5nQ7O0sgKZforw) 0px 42px;}
.active .share-icon .tab-icons, .custom-tabs-outer .nav-tabs>li>a.share-icon:hover .tab-icons {background: url(https://cdn.filestackcontent.com/8fZQAK5nQ7O0sgKZforw) 0px 18px;}
.tab-content.custom-tab-content {padding: 25px;padding-bottom: 0px;width: 100%;float: left;background: #fff;}
.custom-tab-content .tab-pane {margin-bottom: 10px !important;width: 100%;float: left;}
.custom-tab-content h3 {font-size: 14px;color: #62656d;font-family: montserratregular;text-align: left;margin-top: 5px;margin-bottom: 9px;width: 97%;float: left;}
a.help-link {width: 19px;height: 19px;float: right;border: 1px solid #cdcdcd;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-top: -5px;}
a.help-link:hover {border-color: #fb5f66;}
a.help-link:hover span {color: #fb5f66;}
a.help-link span {font-size: 12px;color: #cdcdcd;position: relative;top: -1px;}
.custom-tabs-outer .embed-code-outer {width: 100%;float: left;text-align: left;background: #f4f4f4;padding: 13px 20px;font-size: 13px;line-height: 20px;font-family: montserratlight;color: #888;}
.promo-link {width: calc(100% - 50px);margin: 0 25px;float: left;padding: 10px 0 13px;border-radius: 0 0 8px;border-top: 1px solid #f4f4f4;}
.promo-link a {color: #fb5f66;text-decoration: underline;font-family: montserratlight;text-transform: uppercase;font-size: 12px;line-height: 20px;}
.promo-link a:hover {text-decoration: none;color: #e8020d;}
.copy-btn-new {width: 100%;float: left;padding: 0px 25px;display: flex;align-items: center;margin-bottom: 23px;}
.help-outer {text-align: left;font-size: 12px;line-height: 20px;font-family: montserratlight;color: #888;display: inline-flex;align-items: flex-start;justify-content: flex-start;}
.help-outer a {color: #fb5f66;margin-left: 5px;text-decoration: underline;}
.help-outer a:hover {text-decoration: none;color: #e8020d;}
.copy-new {display: inline-flex;justify-content: flex-end;}
.head-top {width: 100%;float: left;display: flex;align-items: center;}
li.cld-day {background: #fff;}
.pt10 {padding-top: 10px !important;}
.event-template-outer .event-name {float: left;width: 100%;padding: 8px 10px;margin-bottom: 3px;font-size: 12px;text-transform: uppercase;color: #fff;border-color: rgba(255, 255, 255, 0.4) !important;word-wrap: break-word;}
.custom-width {
    margin: -15px;
    margin-bottom: -35px;
    width: 580px;
    border-radius: 8px;
    background: rgba(249, 249, 249, 1);
    background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(47%, rgba(249, 249, 249, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 47%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0);
}
.copy-new .live-url {color: #fff !important;float: right;font-size: 11px;min-width: 75px;border-radius: 3px;display: flex;vertical-align: middle;align-items: center;justify-content: center;margin-bottom: 0;text-transform: uppercase;cursor: pointer;padding: 12px 15px;background: #fb5f66;transition: all 0.5s ease;}
.copy-new .live-url:hover {background: #fdb6b9;color: #fb5f66 !important;border-color: #fdb6b9;text-decoration: none;}
.noTransition {-moz-transition: none !important;-webkit-transition: none !important;-o-transition: none !important;transition: none !important;}
.mobile-tt {background: #45be75 !important;border-color: #45be75 !important;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important;max-width: 150px !important;position: absolute;padding: 5px 8px;top: -27px;left: -2px;}
.live-link-help {width: 55px !important;top: 20px !important;left: -15px !important;right: 0 !important;text-align: center !important;background: #61696C !important;border: none !important;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) !important;padding: 5px 10px !important;}
.live-link-help:before {border-bottom: 6px solid #61696C !important;border-right: 6px solid transparent !important;border-left: 6px solid transparent !important;border-top: none !important;top: -40% !important;}
.share-space {margin-bottom: 58px;}
.modal-backdrop.in {opacity: 0.7 !important;}
.golive-popup .modal-dialog {width: 560px !important;}
.golive-popup .modal-body {box-shadow: 0 7px 50px 18px rgba(0, 0, 0, 0.41);}
.tabs-helptip.help-tip {position: absolute !important;left: 50%;top: 20px;}
.tabs-helptip.help-tip i {font-size: 14px !important;color: #aaa !important;}
.tabs-helptip .help-checktip:before {position: absolute;top: -5px;left: 47%;display: inline-block;border-right: 5px solid transparent;border-bottom: 5px solid #62696d;border-left: 5px solid transparent;border-bottom-color: #62696d;content: '';border-top: transparent;height: 5px;}
/******* ecom intro ********/
.ecom-tour {position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 999;}
.ecom-tour-overlay {background: rgba(0, 0, 0, 0.7);float: left;width: calc(100% - 275px);position: absolute;top: 0;left: 0;bottom: 0;}
.ecom-tour-overlay.rightside {right: 0 !important;bottom: inherit;position: relative;width: 275px;left: inherit;height: 50px;float: right;}
.ecomtour-gotobuild-outr {position: absolute;right: 19px;top: 56px;}
.ecomtour-gotobuild {float: right;width: auto;background: #fb5f66;color: #fff;padding: 10px 11px;font-size: 11px;text-transform: uppercase;border-radius: 3px;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;margin-top: 6px;cursor: pointer;}
.ecomtour-addpro-outr {position: absolute;right: 36px;top: 125px;}
.ecomtour-addpro {max-width: 130px;border: 1px solid #d9e0e4;width: auto;cursor: pointer;background: #fff;padding: 7px 10px;line-height: 10px;margin-left: 0px;float: right;margin-right: 0;position: relative;}
.ecomtour-addpro i.material-icons {font-size: 20px;top: 0;color: #444;}
.ecomtour-gotobuild-info {float: left;width: auto;}
.ecomtour-gotobuild-info p {float: left;width: auto;color: #fff;font-size: 14px;font-family: montserratlight;margin-top: 12px;margin-right: -10px;letter-spacing: 1px;}
.ecomtour-gotobuild-info span {border-right: 2px solid #ffffffb8;height: 15px;float: left;margin-top: 3px;margin-right: 10px;}
.ecomtour-gotobuild-info span::before {content: "";border-right: 2px solid #ffffffb8;position: relative;left: 26px;height: 15px;float: left;bottom: -25px;opacity: 0.8;}
.ecomtour-gotobuild-info span i {color: #fff;left: 10px;position: relative;top: 9px;z-index: 999;opacity: 0.8;}
.ecomtour-gotobuild-info.addpro {position: relative;top: -4px;}
.ecomtour-gotobuild-info.editor-info {position: absolute;right: 0;bottom: 0;top: 0;}
.ecomtour-gotobuild-info.editor-info p {top: 50%;position: absolute;width: 235px;right: 0;margin-top: -6px;}
.ecomtour-gotobuild-info.editor-info span {height: 42%;margin-top: 50px;}
.ecomtour-gotobuild-info.editor-info span::before {height: 48%;bottom: 2px;position: absolute;right: 10px;margin-left: -2px;border-right: 2px solid #fff;}
.ecomtour-gotobuild-info.editor-info span i.material-icons {top: 98%;}
@media (min-width: 1681px) and (max-width: 1920px) {
    .ecomtour-gotobuild-info.editor-info span {height: 45%;}
    .ecomtour-gotobuild-info.editor-info span::before {height: 49%;bottom: 0px;}
}
.top-outer-help .help-sec {width: 28px;height: 28px;display: inline-block;position: relative;}
.top-outer-help .help-sec svg {position: absolute;left: 50%;top: 50%;width: 28px;transform: translate(-50%, -50%);height: 12px;}
.intro-overlay-1 {position: absolute;left: auto;right: 360px;width: auto;float: right;text-align: right;top: 185px !important;box-shadow: -5.86px 17.019px 18px rgba(0, 0, 0, 0.18);border-radius: 7px;}
.intro-overlay-inner {background: #fff;z-index: 999;padding: 15px 20px;position: relative;line-height: normal;font-family: montserratbold;border-radius: 7px;}
.intro-overlay-inner div {color: #555555;font-size: 14px;margin-bottom: 5px;font-weight: 700;}
.intro-overlay-inner a {font-size: 14px;color: #fb5f66 !important;cursor: pointer;font-family: montserratregular;}
.intro-overlay-1 img {position: absolute;z-index: 99;top: -20px;width: 55px;}
/* *********onboarding overlay************* */
.intro-overlay{position:fixed;z-index:9999;background:rgba(0,0,0,0.9);transition:all .3s ease-out;top:0;bottom:0;left:0;right:0;cursor:pointer;font-size:13px;letter-spacing: 0.3px;}
/* new onboarding screen */
img.t7-ques{display:none!important}
.add-btn{padding:12px;color:#1483b7;width:202px;text-align:center;font-size:11px;background:#e9eef0;border:1px solid #fff;text-transform:uppercase;font-family:montserratlight;float:left;position:relative}
.add-btn i{font-size:14px;line-height:normal;top:2px;position:relative}
.btn-position{position:absolute;top:370px;width:202px;left:16px}
.btn-position img{float:left;margin-left:10px;width:40px;position:absolute;left:80px;top:55px}
.btn-position ul.text-box{position: absolute;left: 140px;text-align: left;top: 70px;margin: 0;border-radius: 5px;padding: 15px;color: #fff;}
.btn-position ul.text-box li{text-align:left;padding-top:0;justify-content:flex-start}
.btn-position ul.text-box li:last-child{padding-bottom:0}
.btn-position ul.text-box li i{float:left;margin-left:0;margin-right:10px}
.btn-position.left-button-outer-t2 ul.text-box {left: 10px;top: 110px;}
ul.text-box h6{font-size:14px;font-family:montserratregular;line-height:normal;margin:0}
.text-box li i{font-size:15px;color:#1483b7;float:right;margin-left:10px}
/* go live button */
.right-button-outer{position:absolute;width:auto;right:300px;top:51px}
.icon-box{float:right;width:40px;margin: 0;}
.icon-box li{padding:7px 10px;color:#fff;width:40px;text-align:center;font-size:11px;background:#fbfdfc;text-transform:uppercase;font-family:montserratlight;float:left;position:relative;border-bottom:1px solid #bec5c9}
.icon-box li i{font-size:15px;color:#5c6165}
.icon-box li.active i{font-size:15px;color:#5c6165}
.right-button-outer img{float:right;margin-right:10px;position:relative;top:40px;width:40px}
.right-button-outer ul.text-box{position:relative;margin:0 10px 0 0;border-radius:5px;padding:15px;/* box-shadow:0px 0px 20px 5px rgba(0,0,0,0.2) */}
.text-box li{padding:8px 0;padding-top:0;color:#fff;width:100%;text-align:right;float:left;position:relative;font-size:12px;font-family:montserratlight;display:flex;align-items:center;justify-content:flex-end}
.text-box li:last-child{padding-bottom:0}
.top-outer{position:absolute;top:6px;right:182px;width:auto;background:#fff;padding:4px}
.red-button{border:none;background:#fb5f66;color:#fff;text-transform:uppercase;border-radius:4px;width:auto;padding:6px 10px;font-size:11px;float:left;margin-left:0;display:flex;align-items:center}
.tip-outer{width:100%;float:left;position:absolute}
.top-outer img{position:relative;top:40px;left:30px;width:40px}
.top-outer ul.text-box{position:absolute;left:20px;text-align:left;top:55px;margin-left:0;width:215px;border-radius:5px;padding:15px;}
.top-outer .text-box li{text-align:left;justify-content:flex-start}
.top-outer .text-box li:last-child{padding-bottom:0}
/* overlay mid section  */
.mid-sec{position:relative;left:0;width:100%;top:260px;display: flex;align-items: center;flex-direction: column;}
.mid-sec img{max-width:45px;position:absolute;left:30vw;top: -30px;}
.mid-sec-info{position:relative;top:0px;left:30px;width:auto;float: left;text-align:center;margin:0;border-radius:5px;padding:30px;color: #fff;}
.mid-sec-info h3{font-size:25px;font-family:montserratregular;margin-top:0;margin-bottom:10px}
.mid-sec-info h6{font-size:21px;line-height:1.3;font-family:montserratlight;margin:0}
/* .mid-sec img.left-arrow{left:auto;top:230px;right: 350px;} */
/* overlay right section */
.right-sec-info{width:auto;float:left;position:absolute;top:320px;right:6px}
.right-sec-info img{max-width:100%;position:relative}
.intro-overlay.t9-temp .right-sec-info{top:275px}
/* .left-button-outer-t9~.mid-sec img.left-arrow{top:20px} */
.btn-position.left-button-outer-t2{top:390px}
.btn-position.left-button-outer-t3{top:395px}
.btn-position.left-button-outer-t5{top:452px;}
.btn-position.left-button-outer-t4{top:435px;}
.btn-position.left-button-outer-t6{top:375px}
.btn-position.left-button-outer-t7{top:305px;}
/* .btn-position.left-button-outer-t4~.right-sec-info{top:385px} */
/* .intro-overlay.t6-temp .right-sec-info{top:385px;} */
.red-button i{font-size:14px}
.intro-overlay.t2-temp .mid-sec img{display:none;top: 39vh;left: 32vw;}
.intro-overlay.t2-temp .mid-sec svg:first-child{top: 32vh;left: 32vw;transform: rotate(120deg);}
/* .intro-overlay.t2-temp .mid-sec img.left-arrow{display:block;top:90px;left: auto;} */
.intro-overlay.t2-temp .right-sec-info,
.intro-overlay.t8-temp .right-sec-info{background-image:url(https://dlvkyia8i4zmz.cloudfront.net/EKA7C2swSy6zBR0UUNzs_button_img.PNG);background-size:cover;width:293px;height:83px;max-width:100%;top:305px}
.intro-overlay.t2-temp .right-sec-info img{display:none}
/* .intro-overlay.t2-temp.builder-parent .mid-sec img.left-arrow,
.intro-overlay.t8-temp.builder-parent .mid-sec img.left-arrow {top: 50px;} */
.intro-overlay.t2-temp.builder-parent .mid-sec img {top: 36vh;}
.intro-overlay.t8-temp .mid-sec svg.btn-arrow-position {left: 52vw;top: 34vh;transform: rotateY(170deg) rotate(-200deg);}
/* t7 overlay */
.intro-overlay.t7-temp img.t7-ques{position:absolute;left:325px;top:265px;display:block!important}
.intro-overlay.t7-temp .right-sec-info{background:url(https://dlvkyia8i4zmz.cloudfront.net/UsNTM8vDTnKQ40wMA0WB_question_title.PNG);width:290px;float:right;height:100%;background-repeat:no-repeat;position:absolute;right:10px;top:210px}
.intro-overlay.t7-temp .right-sec-info img{display:none}
/* .intro-overlay.t7-temp .mid-sec img.left-arrow{left:auto;} */
.intro-overlay.t7-temp .mid-sec img{display:none;left:440px;top:-70px}
.intro-overlay.t7-temp svg.btn-arrow-position {left: 440px;top: -70px;}
.intro-overlay.t7-temp .mid-sec {top: 340px;}
.intro-overlay.t7-temp svg.right-arrow {top: -120px;}
/* t8 overlay */
.intro-overlay.t8-temp .mid-sec-info{left:-20px;}
.intro-overlay.t8-temp .mid-sec img{display:none;left: 53vw;top: 40vh;}
/* .intro-overlay.t8-temp .mid-sec img.left-arrow{top:60px;left:auto;right: 325px;} */
.intro-overlay.t8-temp .right-sec-info img {display: none;}
.intro-overlay.t9-temp .mid-sec-info{left:-15px;}
.intro-overlay.t9-temp .btn-position{top:230px}
.intro-overlay.t2-temp .mid-sec .mid-sec-info{left:-40px;top: 60px;}
.btn-position.left-button-outer-t2 svg {transform: rotate(80deg);top: 50px;left: 70px;}
.btn-position.left-button-outer-t8 ul.text-box,
.btn-position.left-button-outer-t9 ul.text-box {left: 60px;}
.intro-overlay.builder-parent{top: 0px !important;}
.intro-overlay.builder-parent .left-button-outer{top:390px!important;}
.intro-overlay.builder-parent .top-outer{top:40px;}
.intro-overlay.builder-parent .mid-sec{top:300px;}
.intro-overlay.builder-parent .right-button-outer{top:85px;}
.intro-overlay.builder-parent .right-sec-info {top: 445px;}
.intro-overlay.builder-parent svg.right-arrow {top: 130px;}
.intro-overlay.t9-temp.builder-parent .btn-position{top:251px;}
.intro-overlay.t8-temp.builder-parent .right-sec-info{top:413px;}
.intro-overlay.t8-temp.builder-parent .mid-sec{top:320px;}
/* .intro-overlay.t9-temp.builder-parent .mid-sec img.left-arrow{top:40px;} */
.intro-overlay.t9-temp.builder-parent .right-sec-info{top:336px;}
.intro-overlay.t7-temp.builder-parent img.t7-ques{top:300px;}
.intro-overlay.t7-temp.builder-parent .right-sec-info{top:245px}
.intro-overlay.builder-parent .left-button-outer-t2{top:425px!important}
.intro-overlay.builder-parent .left-button-outer-t3{top:430px!important}
.intro-overlay.builder-parent .btn-position.left-button-outer-t4~.right-sec-info{top:420px}
.intro-overlay.t2-temp.builder-parent .right-sec-info,
.intro-overlay.t8-temp.builder-parent .right-sec-info{top:335px}
.intro-overlay.builder-parent .left-button-outer-t4 {top: 470px !important;}
.intro-overlay.builder-parent .left-button-outer-t5 {top: 485px !important;}
.intro-overlay.builder-parent .left-button-outer-t6,
.intro-overlay.t6-temp.builder-parent .right-sec-info {top: 410px !important;}
.intro-overlay.builder-parent .left-button-outer-t7 {top: 335px !important;}
.intro-overlay.builder-parent .left-button-outer-t8 {top: 408px !important;}
.intro-overlay.builder-parent .left-button-outer-t5 ul.text-box {top: 50px;left: 120px;}
.intro-overlay.builder-parent .left-button-outer-t4 ul.text-box {left: 110px;top: 60px;}
.intro-overlay.t4-temp.builder-parent .mid-sec {top: 300px;}
.btn-position.left-button-outer-t5 .text-box {top: 60px;left: 120px;}
.intro-overlay.t10-temp .btn-position {top: 380px;}
.intro-overlay.t4-temp .btn-position ul.text-box {top: 60px;left: 120px;}
.intro-overlay.t7-temp.builder-parent svg.btn-arrow-position {top: -50px;}
.intro-overlay.t7-temp.builder-parent svg.right-arrow {top: -100px;}
.intro-overlay.t7-temp.builder-parent .mid-sec {top: 350px;}
/* overlay without banner */
.intro-overlay.without-banner .mid-sec img {top: -130px;}
.intro-overlay.t2-temp.without-banner .mid-sec {top: 200px;}
.intro-overlay.t2-temp.without-banner .mid-sec img {top: 34vh;}
.intro-overlay.t7-temp.without-banner img.t7-ques {top: 195px;}
.intro-overlay.t7-temp.without-banner .mid-sec img {top: -60px;}
.intro-overlay.t7-temp.without-banner .mid-sec {top: 260px;}
/* contest overlay */
.t11-temp.builder-parent .btn-position {top: 340px;}
.t11-temp.intro-overlay.builder-parent .mid-sec {top: 340px;}
.t11-temp .btn-position {top: 305px;}
.t11-temp.intro-overlay .mid-sec {top: 310px;}
.t11-temp .right-sec-info {top: 415px;}
.intro-overlay.t11-temp .mid-sec {top: 310px;}

@media (min-width: 1024px) and (max-width: 1200px) {
    .quote-banner {padding: 15px !important;}
    .left-part {width: calc(100% - 94px) !important;padding-right: 0 !important;}
    .left-part h5 {font-size: 13px !important;margin-bottom: 5px !important;line-height: 1.2;}
    .left-part h3 {font-size: 14px !important;} 
    .right-part {width: 94px !important;}
    button.quote-btn.btn {min-width: auto !important;padding: 5px 10px !important;margin-top: 8px !important;}
    .quote-banner span.cross{top: 5px !important; right: 5px !important;}
    .red-button {padding: 6px;}
    .top-outer {right: 95px;}
    .mid-sec-info{padding: 25px;left: 0;}
    .mid-sec img{left:360px}
    .mid-sec-info h3{font-size:22px}
    .mid-sec-info h6{font-size:21px}
    #build .V_3_5.inline-temp-new .landing-page-header{left:40px!important}
    .intro-overlay.t2-temp .right-sec-info{top:360px}
    .intro-overlay.t2-temp .mid-sec .mid-sec-info{left:-30px;top:0}
    .intro-overlay.t7-temp img.t7-ques{left:260px;top:275px}
    .intro-overlay.t7-temp .mid-sec img{left:390px;}
    .intro-overlay.t8-temp .mid-sec img{left:535px;top:-60px;}
    .intro-overlay.t9-temp .mid-sec img{top:-50px}
    .top-outer ul.text-box{left: -73px;}
    .mid-sec{top: 49vh;}
    .btn-position.left-button-outer-t7 ul.text-box,
    .btn-position.left-button-outer-t9 ul.text-box {left: 0;}
    .intro-overlay.builder-parent .mid-sec {top: 325px;}
    .intro-overlay.t9-temp.builder-parent .mid-sec{top:318px}
    .intro-overlay.t9-temp.builder-parent .mid-sec img {top: -60px;left: 35px;}
    .intro-overlay.t7-temp.builder-parent img.t7-ques{top:315px}
    .intro-overlay.t7-temp.builder-parent .mid-sec{top:390px}
    .intro-overlay.t2-temp.builder-parent .right-sec-info,
    .intro-overlay.t8-temp.builder-parent .right-sec-info{top:395px}
    .intro-overlay.t2-temp .mid-sec img {top: 23vh;left: 370px;}
    .template-section.scrollbar {overflow-x: hidden;}
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .top-outer{right: 160px;}   
    .intro-overlay.t2-temp .mid-sec-info{left:-30px}
    .intro-overlay.t7-temp img.t7-ques{left:285px}
    .intro-overlay.t8-temp .mid-sec img{top:33vh}
    .mid-sec img{top: -60px;left: 33vw;}
    .btn-position.left-button-outer-t7 ul.text-box,
    .btn-position.left-button-outer-t9 ul.text-box {left: 0;}
    .intro-overlay.t2-temp .mid-sec img{left: 440px;}  
}
@media(min-width: 1367px){
    .intro-overlay.t7-temp img.t7-ques{left: 26%;}
    .intro-overlay.t7-temp svg.btn-arrow-position{left: 34%;}
}
@media (min-width: 1400px) and (max-width: 1440px) {
    .intro-overlay.t7-temp img.t7-ques{left:360px}
    .intro-overlay.t7-temp svg.btn-arrow-position {left: 500px;}
    .intro-overlay.t7-temp .mid-sec img{left:480px;}
    .intro-overlay.t8-temp .mid-sec{top:280px}
    .mid-sec{top:310px}
    .intro-overlay.t8-temp .mid-sec img {left: 53vw;top: 36vh;}
}

@media (min-width: 1600px) and (max-width: 1700px) {
    .intro-overlay.t7-temp img.t7-ques{left:480px;}
    .intro-overlay.t7-temp svg.btn-arrow-position {left: 600px;}
    .intro-overlay.t7-temp .mid-sec img{left:600px;}
    .intro-overlay.t8-temp .mid-sec img{top:32vh;}
    .mid-sec img {left: 490px;}
    .intro-overlay.t2-temp .mid-sec img {top: 34vh;left: 480px;}
    .mid-sec{top:330px}
}

@media (min-width: 1900px) {
    .top-outer{right: 217px;}
    .intro-overlay .mid-sec{top:300px;}
    .intro-overlay.t7-temp img.t7-ques{left:600px;}
    .intro-overlay.t7-temp .mid-sec{top:340px;}
    .intro-overlay.t7-temp .mid-sec img{left:740px;top:-65px}
    .mid-sec img {left: 550px;}
    .intro-overlay.builder-parent .mid-sec{top:370px}
    .intro-overlay.t9-temp.builder-parent .mid-sec img{top:-70px}
    .intro-overlay.t7-temp.builder-parent .mid-sec img{top:-60px;}
    .intro-overlay.t2-temp .mid-sec img {top: 35vh;left: 480px;}
    .intro-overlay.t2-temp.without-banner .mid-sec img {top: 37vh;}
    .intro-overlay.t7-temp svg.btn-arrow-position{left: 740px;}
    .intro-overlay.t7-temp.without-banner img.t7-ques {left: 610px;}
}
.graph-outer #container svg {
    width: 100%;
    height: 100%;
}
.collapse.panel-open {
    display: block;
}

/* CALCULATOR GRADER CSS START */

/* @import "https://use.fontawesome.com/releases/v5.6.3/css/all.css";  */

 
.performance-container { padding-right: 3%; padding-left: 3%; margin-right: auto;  margin-left: auto;  padding-top: 30px; margin-top: 27px;  padding-bottom: 30px; float: left; background: #f4f6f7; }
.prof-card{ float: left; width: 100%; padding: 20px 30px; background: #fff;-webkit-border-radius: 5px;height: 100%;  -moz-border-radius: 5px;  border-radius: 5px; box-shadow: 0 0 25px 1px rgba(0, 0, 0, .1);  }
.semi-circle-outer{ float: left; width: 100%;}
.semi-circle-outer #container { width: 200px; height: 160px; margin: 0 auto;  }
#container svg { height: 160px; width: 200px ; fill: none; stroke-width: 10;  stroke-linecap: round; }
.prof-card-head{ font-size: 12px; font-weight: bold; color: rgba(85,85,85,0.5); float: left; width:100%; letter-spacing: 0.5px;}
.prof-card-head span{ font-size: 14px; font-weight: bold; color: #3589c0;  margin-left:8px; letter-spacing: 0.5px;}
#container .progressbar-text{ top: 30px !important; font-size: 3em !important;  color: #555555 !important;  font-weight: 700; bottom: 60px !important; border-bottom: 1px solid #ccc; line-height:75px;}
.prof-card h5{ font-size: 16px; color: #666; float: left; width: 100%; text-align: center; margin-bottom: 50px; }
.prof-head{ float: left; width: 100%; margin-bottom: 8px; font-size: 11px;  position: relative;color: #666; text-transform: uppercase; line-height: 16px; letter-spacing: 0.2px; }
.prof-head i{ color: rgba(85,85,85,0.5); font-size: 14px; float: left; margin-right: 7px; }
.prof-head i.success {color: #42c07e !important;  }
.box-sec-row {display: flex;float: left;width: 100%;}

.prof-card-mid{ float: left; width: 100%; background: #fff;-webkit-border-radius: 5px;height: 100%;  -moz-border-radius: 5px; overflow:hidden; border-radius: 5px; box-shadow: 0 0 25px 1px rgba(0, 0, 0, .1);  }
.prof-card-mid .top-sec{ float: left; width: 100%; padding: 20px 30px;}
.prof-card-mid .top-sec .sec-part{ float: left; width: 100%; padding-left:45px; position: relative; margin-top:20px;}
.prof-card-mid .top-sec .sec-part i{  font-size: 30px; position: absolute; left:0; top:10px; color: #888888; }
.prof-card-mid .top-sec .sec-part h3{ float: left; font-size: 21px; color: #555555; margin-top:10px !important; font-family: 'montserratlight'; line-height: 1.3}
.prof-card-mid .top-sec .sec-part .mw250{ max-width: 250px;}
.prof-card-mid .box-sec{ float: left; width: 100%;}
.prof-card-mid .box-sec .small-part{ float: left; width: 50%; justify-content: center; padding:25px 15px; min-height: 250px;display: flex; align-items: center; text-align: center; font-size: 14px; color: #555; line-height: 1.4;}
.small-part.success{background:#f9fdfb; }
.prof-card-mid .top-sec .sec-part i.fas.fa-user-plus {
    left: -4px;
}
.prof-card-mid .box-sec .small-part{ border-top: 1px solid #f1f3f4;  border-right: 1px solid #f1f3f4;}
.prof-card-mid .box-sec .small-part i{ display: block;font-size: 35px;margin-bottom: 20px; color: #888888;}
.prof-card-mid .box-sec .small-part a{ float: left;    color: #337ab7; width: 100%; text-decoration: none; font-size: 12px; letter-spacing: 0.5px; text-align: center; text-transform: uppercase;  font-family: 'montserratBold'; margin-top:15px; margin-bottom: 0;}
.prof-card-mid .box-sec .small-part.success i, .prof-card-mid .box-sec .small-part.success a {color: #42c07e !important;  }
.prof-card-mid .box-sec .small-part.danger a {color: #ec4e52 !important;  }
/* .prof-card-mid .box-sec .small-part a:hover{ opacity: 0.6;} */
.prof-card-mid .box-sec .small-part p {margin: 0;font-size: 12px;color: #666;line-height: 1.6;float: left;width: 100%;font-family: 'montserratlight';}
.prof-card-end{ float: left; padding:20px; width: 100%; background: #fff;-webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px; box-shadow: 0 0 25px 1px rgba(0, 0, 0, .1); margin-bottom:32px;  }
.prof-card-end .outer-c{ float: left; width: 100%; padding-left:40px; position: relative; margin-top: 20px;}
.prof-card-end .outer-c i{ font-size: 25px; position: absolute; left:0; top:2px; color: #888888;}
.prof-card-end .heading{ float: left; width: 100%;  font-size: 13px; color: #666; margin-bottom:15px; line-height: 1.4; }
.prof-card-end .heading span{  font-weight: normal;  color: rgba(0,0,0,0.5); font-size: 11px;}
.prof-card-end .outer-c .prog-main-o{ float: left; width: 100%;}
.prof-card-end .outer-c .prog-main-o .inner{ float: left; width: 60%;}
.prof-card-end .outer-c .prog-main-o a.inner-r{ float: left; width: 40%; font-size: 12px; text-align: right; text-transform: uppercase; letter-spacing: 0.5px;  font-family: 'montserratBold';line-height: 3px; padding-right: 10px; }
.prof-card-end .outer-c .prog-main-o a.inner-r:hover{opacity: 0.6;}
.prof-card-end .outer-c .prog-main-o a.inner-r.danger {color: #ec4e52 !important;  }
.prof-card-end .success {color: #42c07e !important;  }
.prof-card-end .danger {color: #ec4e52 !important;  }

.prof-card .cssProgress:last-child{margin-bottom: 10px !important; }

.cssProgress {
	width: 100%;
	margin-bottom: 30px; float: left;
	}
	
	.cssProgress.b5 {
		width: 100%;
		margin-bottom: 5px; float: left;
		}
  .cssProgress .progress1,
  .cssProgress .progress2,
  .cssProgress .progress3 {
	position: relative;
	overflow: hidden;
	width: 100%;
	font-family: "Roboto", sans-serif;
  }
  .cssProgress .cssProgress-bar {
	display: block;
	float: left;
	width: 0%;
	height: 100%;
	background: #3589c0;
	box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: width 0.8s ease-in-out;
			transition: width 0.8s ease-in-out;
  }
  .cssProgress .cssProgress-label {
	position: absolute;
	overflow: hidden;
	right: 0px;
	top:2px;
	color: rgba(85, 85, 85, 0.5);
	font-size: 13px; 
	
  }
  .cssProgress .cssProgress-info {
	background-color: #9575cd !important;
  }
  .cssProgress .cssProgress-danger {
	background-color: #ec4e52 !important;
  }
  .cssProgress .cssProgress-success {
	background-color: #42c07e !important;
  }
  .cssProgress .cssProgress-warning {
	background-color: #ffb74d !important;
  }
  .cssProgress .cssProgress-right {
	float: right !important;
  }
  .cssProgress .cssProgress-label-left {
	margin-left: 10px;
	text-align: left !important;
  }
  .cssProgress .cssProgress-label-right {
	margin-right: 10px;
	text-align: right !important;
  }
  .cssProgress .cssProgress-label2 {
	display: block;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 0.8em;
  }
  .cssProgress .cssProgress-label2.cssProgress-label2-right {
	text-align: right;
  }
  .cssProgress .cssProgress-label2.cssProgress-label2-center {
	text-align: center;
  }
  .cssProgress .cssProgress-stripes,
  .cssProgress .cssProgress-active,
  .cssProgress .cssProgress-active-right {
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.125) 50%, rgba(255, 255, 255, 0.125) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.125) 50%, rgba(255, 255, 255, 0.125) 75%, transparent 75%, transparent);
	background-size: 35px 35px;
  }
  .cssProgress .cssProgress-active {
	-webkit-animation: cssProgressActive 2s linear infinite;
	-ms-animation: cssProgressActive 2s linear infinite;
	animation: cssProgressActive 2s linear infinite;
  }
  .cssProgress .cssProgress-active-right {
	-webkit-animation: cssProgressActiveRight 2s linear infinite;
	-ms-animation: cssProgressActiveRight 2s linear infinite;
	animation: cssProgressActiveRight 2s linear infinite;
  }
  @-webkit-keyframes cssProgressActive {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: 35px 35px;
	}
  }
  @-ms-keyframes cssProgressActive {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: 35px 35px;
	}
  }
  @keyframes cssProgressActive {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: 35px 35px;
	}
  }
  @-webkit-keyframes cssProgressActiveRight {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: -35px -35px;
	}
  }
  @-ms-keyframes cssProgressActiveRight {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: -35px -35px;
	}
  }
  @keyframes cssProgressActiveRight {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: -35px -35px;
	}
  }

  .progress1 {
	background-color: #EEE;
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  }
  .progress1 .cssProgress-bar {
	height: 6px;
  }
  .progress1 .cssProgress-label {
	line-height: 18px;
  }
  
  .progress2 {
	background-color: #EEE;
	border-radius: 9px;
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  }
  .progress2 .cssProgress-bar {
	height: 4px;
	border-radius: 9px;
  }
  .progress2 .cssProgress-label {
	line-height: 6px;
	}
	.progress2 .cssProgress-bar.small {
		height: 4px;
		border-radius: 9px;
		}
  
  .progress3 {
	width: auto !important;
	padding: 4px;
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
  }
  .progress3 .cssProgress-bar {
	height: 16px;
	border-radius: 3px;
  }
  .progress3 .cssProgress-label {
	line-height: 16px;
  }
	

	.performance-container .col-md-3{ width: 30%;}
	.performance-container .col-md-9{ width: 70%;}
	
	
	@media (max-width:768px) {
		.prof-card{padding: 25px;}
		.prof-card,.prof-card-mid{ margin-bottom:25px;}
		.prof-card-mid .box-sec .small-part{ width:100%;} 
		.prof-card-mid .top-sec .sec-part {padding-left: 34px;margin-top: 15px;	}
		.prof-card-mid .top-sec .sec-part i {	font-size: 25px;top: 14px;}
		.prof-card-mid .top-sec, .prof-card-end {	padding: 25px;}
		.prof-card-mid .top-sec .sec-part h3 {font-size: 16px; line-height: 22px;	}
		

	}
	@media (min-width:1000px) and (max-width:1024px) { 	
   
		#container svg { height: 160px; width: 188px !important; }
		#container .progressbar-text {left: 48% !important;}
		.prof-card-mid .box-sec .small-part{ font-size: 13px;}
		.prof-card-mid .top-sec .sec-part h3{ font-size: 20px;}
		.prof-card-mid .box-sec .small-part a{ font-size: 11px;}
	
	}
	@media (max-width:1365px) {

        .row.flex-row .col-md-6, .row.flex-row .col-md-3 , .row.flex-row .col-md-7 , .row.flex-row .col-md-5 {
            padding: 0 7px !important;
        }
        .prof-card-mid .top-sec .sec-part i{font-size: 28px}
        .prof-card-mid .top-sec .sec-part {padding-left: 42px;}
        .prof-card-mid .top-sec .sec-part h3 {font-size: 17px;}
	.prof-card-end .outer-c{ margin-top: 10px;}
	.prof-card-end{ margin-bottom:15px !important; }


	}


	@media (max-width:1280px) {

	.prof-card-end {  padding: 15px;  margin-bottom: 22px;}

	}

	@media (max-width:1440px) {


	.prof-card-end .outer-c { padding-left: 26px;}
	.prof-card-end .outer-c i { font-size: 16px;  top: 5px;}
	.prof-card-end .outer-c .prog-main-o .inner-r { font-size: 11px;}
	.performance-container { padding-right: 2.5%; padding-left: 2.5%; overflow: hidden; }
	.prof-card-end{ margin-bottom: 24px ;}


}



@media (min-width:1600px) {

.prof-card-end .heading span {font-family: montserratlight;}
.prof-card-mid .box-sec .small-part{font-family: montserratlight; }
.prof-card-end .heading span {font-size: 13px;}

}

@media (min-width:1900px) {
	/* .prof-card-mid .box-sec .small-part {padding: 30px 58px;	min-height: 216px;} */
	.prof-card-end .heading {  font-size: 14px;}
	.prof-card-mid .box-sec .small-part{ font-size: 15px !important; }
	.prof-card .cssProgress:last-child { margin-bottom: 58px !important;}
	.prof-card-mid .box-sec .small-part i {   margin-top: 12px;}

} 

/* CALCULATOR GRADER CSS END */
.box-sec.flex-box {
    display: flex;
}
.col-md-7.custom-left-block {
    width: 65%;
    margin-top: 30px;
}
.col-md-5.custom-right-block {
    width: 35%;
    margin-top: 30px;
}
.box-sec.flex-box  .small-part{flex: 1; width: 100%; min-height: auto}

.prof-card-head.danger span {
    color: #ec4e52 !important;
}
.prof-card-head.success span {
    color: #42c07e !important;
}
.semi-circle-outer.cssProgress-success svg path + path {
    stroke: #42c07e !important;
}
.semi-circle-outer.cssProgress-danger svg path + path {
    stroke: #ec4e52 !important;
}

 
/* launch in email  */
.email-integrations-outer {
    width: 100%;
    float: left;
}
.email-integrations:first-child {
    margin: 0;
}
.email-integrations {
    width: auto;
    float: left;
    margin-left: 30px;
    min-width: 95px !important;
}
.email-integrations input[type=radio], 
.email-integrations input[type=checkbox] {
    position: absolute;
    left: -999px;
}
.email-integrations-inner {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.email-integrations-inner:last-child {
    margin-bottom: 0;
}

label.checkbox-label label, label.radio-label label {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 auto;
    cursor: pointer;
    background: 0 0;
    text-align: center;
    color: #62696d;
    float: left;
    padding: 0;
    margin-right: 6px;
}
.checkbox-label input[type=checkbox]:checked+label, .radio-label input[type=radio]:checked+label {
    background-color: #23a0d6;
    border-color: #23a0d6;
    color: #fff;
}
.checkbox-label input[type=checkbox]:checked+label::after {
    font-family: "Material Icons";
    content: "\e5ca";
}
.checkbox-label label::after {
    display: inline-block;
    top: -2px;
    color: #fff;
    position: relative;
    font-size: 14px;
    left: 0px;
    padding-right: 0;
}
label.checkbox-label, label.radio-label {
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    color: #666;
}
.checkbox-label span, .radio-label span {
    opacity: 0.5;
}
.checkbox-label input[type=checkbox]:checked+label ~ span, 
.radio-label input[type=radio]:checked+label ~ span {
    opacity: 1;
}
label.radio-label label {
    border-radius: 50%;
}
label.radio-label label:after {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: '';
    display: block;
    position: relative;
}
.radio-label input[type=radio]:checked+label::after {
    background: #ffffff;
} 
.label-caps{text-transform: capitalize !important;}
.row.flex-row {
    display: flex;
}
.small-part.danger {
    background: transparent !important;
}
.prof-card-head.success , .prof-card-head.danger{
    background: transparent !important;
    color: rgba(85,85,85,0.5);
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.form-group input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
}
@-moz-document url-prefix() {
    input[type=number] {
        -moz-appearance:textfield; /* Firefox */
    }
}

.mid-sec img.t2-cta, .mid-sec img.t8-cta {display: none;}
.mid-sec svg {position: absolute;left: 32vw;top: -45px;}
.intro-overlay svg {max-width: 65px;height: 75px;transform: rotate(-15deg);}
.right-button-outer img {float: right;margin-right: 10px;position: relative;top: 40px;width: 40px;}
.top-outer svg {position: relative;top: 5px;left: 88px;max-width: 60px;height: 60px;}
.btn-position svg {float: left;margin-left: 10px;position: absolute;top: 10px;}
.right-button-outer svg {float: right;/* transform: rotateY(180deg); transform: rotateY(180deg) rotate(-15deg);*/transform: rotate(120deg);top: 30px;right: 10px;position: relative;}
.intro-overlay svg.right-arrow {left: auto;top: 80px;right: 350px;transform: rotate(120deg);}
.intro-overlay svg g {stroke: #fff;}
.intro-overlay.t8-temp svg.right-arrow{top: 50px;}
.mid-sec img.overlay-logo {max-width: 140px;max-height: 55px;left: 20vw;top: -60px;}
.intro-overlay.t2-temp .mid-sec svg.btn-arrow-position {top: 29vh;left: 32vw;transform: rotateY(170deg) rotate(-200deg);}
.intro-overlay.t7-temp svg.right-arrow {top: -120px;transform: rotateY(180deg) rotate(-360deg);}
.intro-overlay.t7-temp.without-banner svg.right-arrow {top: -40px;}
.intro-overlay.t2-temp .mid-sec img.t2-cta {width: 156px !important;max-width: 100% !important;position: absolute;height: auto;top: 35.5vh !important;left: 20vw !important;display: block !important;border: 2px solid #000;}
.intro-overlay.t2-temp svg.right-arrow {top: 50px;}
.intro-overlay.t2-temp.without-banner svg.right-arrow {top: 110px;}
.intro-overlay.t8-temp.without-banner .mid-sec svg.btn-arrow-position {top: 22vh;}
.intro-overlay.t2-temp.without-banner .mid-sec img.t2-cta {top: 33vh !important;}
.intro-overlay.t8-temp .mid-sec img.t8-cta{width: 80px !important;max-width: 100% !important;position: absolute;height: auto;top: 36.5vh !important;left: 44vw !important;display: block !important;}
.intro-overlay.t8-temp.without-banner .mid-sec img.t8-cta {top: 24.5vh !important;}
.reports-img{float: left;}
.plswait-btn-loading:after {
  content: ' .';
  animation: plsdots 1s steps(5, end) infinite;
color:#fb5f66;
}

@keyframes plsdots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: #fb5f66;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 #fb5f66,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 #fb5f66,
      .5em 0 0 #fb5f66;}}

      .disabled-link{
        cursor: not-allowed !important;
    }

.head-number + span h1,.head-number + span h2, .head-number + span h3,.head-number + span h4,.head-number + span h5, .head-number + span h6 {
    font-size: 11px;
    margin: 0;
    font-family: "montserratlight";
    line-height: 14px;
}


.intro-overlay.contest {background: rgba(0, 0, 0, 0.7) !important;display: flex;align-items: center;justify-content: center;}
.intro-overlay.contest .choose-contest {background: #fff;border-radius: 5px;width: 100%;max-width: 870px;min-height: 400px;margin: 0 auto;padding: 30px;}
.intro-overlay.contest .choose-contest h3 {font-size: 24px;margin: 0;font-family: montserratlight;color: #fb5f66;text-align: center;}
.intro-overlay.contest .choose-contest .options {width: 100%;float: left;padding-top: 25px;font-size: 12px;font-family: montserratlight;line-height: 20px;color: #666666;}
.intro-overlay.contest .choose-contest .options .options-inner {width: 48%;float: left;margin-right: 30px;padding: 32px 20px;transition: all 0.5s ease;}
.intro-overlay.contest .choose-contest .options .options-inner:last-child{margin-right: 0px !important;}
.intro-overlay.contest .choose-contest .options .options-inner.active {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);border-radius: 5px;}
.intro-overlay.contest .choose-contest .options input[type="radio"]:checked, 
.intro-overlay.contest .choose-contest .options input[type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.intro-overlay.contest .choose-contest .options input[type="radio"]:checked + label, 
.intro-overlay.contest .choose-contest .options input[type="radio"]:not(:checked) + label {position: relative;padding-left: 35px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;font-family: montserratsemibold;font-size: 16px;}
.intro-overlay.contest .choose-contest .options input[type="radio"]:checked + label:before, 
.intro-overlay.contest .choose-contest .options input[type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #eaeaea;border-radius: 100%;background: #fff;}
.intro-overlay.contest .choose-contest .options input[type="radio"]:checked + label:after, 
.intro-overlay.contest .choose-contest .options input[type="radio"]:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: #3589c0;position: absolute;top: 5px;left: 5px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.intro-overlay.contest .choose-contest .options input[type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.intro-overlay.contest .choose-contest .options input[type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.intro-overlay.contest .choose-contest .options input + label p {font-size: 12px;line-height: 20px;font-family: montserratlight;margin-bottom: 0;}
.intro-overlay.contest .choose-contest .options input + label p:first-of-type {margin: 15px 0;}
.intro-overlay.contest .choose-contest .options .options-inner .img {width: 35px;height: 33px;float: left;background-repeat: no-repeat !important;display: flex;position: relative;top: -8px;margin-right: 5px;background-image: url(https://dlvkyia8i4zmz.cloudfront.net/uZBgX5V3TTa37hw6b7eM_choose_contest_sprite_image.png);}
.intro-overlay.contest .choose-contest .options .options-inner .img.img-contest {background-position-x: -3px;}
.intro-overlay.contest .choose-contest .options .options-inner.active .img.img-contest,
.intro-overlay.contest .choose-contest .options .options-inner:hover .img.img-contest {background-position-x: -39px;}
.intro-overlay.contest .choose-contest .options .options-inner .img.img-random {background-position-x: -76px;}
.intro-overlay.contest .choose-contest .options .options-inner.active .img.img-random,
.intro-overlay.contest .choose-contest .options .options-inner:hover .img.img-random {background-position-x: -108px;}
.intro-overlay.contest .choose-contest .options .options-inner:hover {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);border-radius: 5px;}

.overlay-logicJump::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
  }
  .tabs-helptip.help-tip{
    left:0!important;
    top:0!important;
}