.nm-ma-n,.nm-mv-n,.nm-mt-n{
    margin-top:0 !important
}
.nm-ma-n,.nm-mh-n,.nm-ml-n{
    margin-left:0 !important
}
.nm-ma-n,.nm-mh-n,.nm-mr-n{
    margin-right:0 !important
}
.nm-ma-n,.nm-mv-n,.nm-mb-n{
    margin-bottom:0 !important
}
.nm-ma-xs,.nm-mv-xs,.nm-mt-xs{
    margin-top:20px !important
}
.nm-ma-xs,.nm-mh-xs,.nm-ml-xs{
    margin-left:20px !important
}
.nm-ma-xs,.nm-mh-xs,.nm-mr-xs{
    margin-right:20px !important
}
.nm-ma-xs,.nm-mv-xs,.nm-mb-xs{
    margin-bottom:20px !important
}
.nm-ma-sm,.nm-mv-sm,.nm-mt-sm{
    margin-top:30px !important
}
.nm-ma-sm,.nm-mh-sm,.nm-ml-sm{
    margin-left:30px !important
}
.nm-ma-sm,.nm-mh-sm,.nm-mr-sm{
    margin-right:30px !important
}
.nm-ma-sm,.nm-mv-sm,.nm-mb-sm{
    margin-bottom:30px !important
}
.nm-ma-md,.nm-mv-md,.nm-mt-md{
    margin-top:50px !important
}
.nm-ma-md,.nm-mh-md,.nm-ml-md{
    margin-left:50px !important
}
.nm-ma-md,.nm-mh-md,.nm-mr-md{
    margin-right:50px !important
}
.nm-ma-md,.nm-mv-md,.nm-mb-md{
    margin-bottom:50px !important
}
.nm-ma-lg,.nm-mv-lg,.nm-mt-lg{
    margin-top:80px !important
}
.nm-ma-lg,.nm-mh-lg,.nm-ml-lg{
    margin-left:80px !important
}
.nm-ma-lg,.nm-mh-lg,.nm-mr-lg{
    margin-right:80px !important
}
.nm-ma-lg,.nm-mv-lg,.nm-mb-lg{
    margin-bottom:80px !important
}
.nm-ma-xl,.nm-mv-xl,.nm-mt-xl{
    margin-top:100px !important
}
.nm-ma-xl,.nm-mh-xl,.nm-ml-xl{
    margin-left:100px !important
}
.nm-ma-xl,.nm-mh-xl,.nm-mr-xl{
    margin-right:100px !important
}
.nm-ma-xl,.nm-mv-xl,.nm-mb-xl{
    margin-bottom:100px !important
}
.nm-pa-n,.nm-pv-n,.nm-pt-n{
    padding-top:0 !important
}
.nm-pa-n,.nm-ph-n,.nm-pl-n{
    padding-left:0 !important
}
.nm-pa-n,.nm-ph-n,.nm-pr-n{
    padding-right:0 !important
}
.nm-pa-n,.nm-pv-n,.nm-pb-n{
    padding-bottom:0 !important
}
.nm-pa-xs,.nm-pv-xs,.nm-pt-xs{
    padding-top:20px !important
}
.nm-pa-xs,.nm-ph-xs,.nm-pl-xs{
    padding-left:20px !important
}
.nm-pa-xs,.nm-ph-xs,.nm-pr-xs{
    padding-right:20px !important
}
.nm-pa-xs,.nm-pv-xs,.nm-pb-xs{
    padding-bottom:20px !important
}
.nm-pa-sm,.nm-pv-sm,.nm-pt-sm{
    padding-top:30px !important
}
.nm-pa-sm,.nm-ph-sm,.nm-pl-sm{
    padding-left:30px !important
}
.nm-pa-sm,.nm-ph-sm,.nm-pr-sm{
    padding-right:30px !important
}
.nm-pa-sm,.nm-pv-sm,.nm-pb-sm{
    padding-bottom:30px !important
}
.nm-pa-md,.nm-pv-md,.nm-pt-md{
    padding-top:50px !important
}
.nm-pa-md,.nm-ph-md,.nm-pl-md{
    padding-left:50px !important
}
.nm-pa-md,.nm-ph-md,.nm-pr-md{
    padding-right:50px !important
}
.nm-pa-md,.nm-pv-md,.nm-pb-md{
    padding-bottom:50px !important
}
.nm-pa-lg,.nm-pv-lg,.nm-pt-lg{
    padding-top:80px !important
}
.nm-pa-lg,.nm-ph-lg,.nm-pl-lg{
    padding-left:80px !important
}
.nm-pa-lg,.nm-ph-lg,.nm-pr-lg{
    padding-right:80px !important
}
.nm-pa-lg,.nm-pv-lg,.nm-pb-lg{
    padding-bottom:80px !important
}
.row.no-gutter{
    margin-left:0;
    margin-right:0
}
.row.no-gutter [class*='col-']:not(:first-child),.row.no-gutter [class*='col-']:not(:last-child){
    padding-right:0;
    padding-left:0
}
.row,.form-horizontal .form-group,.navbar-nav,.navbar-form,.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{
    margin-left:-20px;
    margin-right:-20px
}
@media (min-width: 768px){
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
        margin-left:-20px
    }
}
.form-horizontal .has-feedback .form-control-feedback{
    right:20px
}
.container,.container-fluid,.navbar-collapse{
    padding-left:20px;
    padding-right:20px
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
    padding-left:20px;
    padding-right:20px
}
.nm-mw-sm{
    max-width:400px
}
.nm-mw-md{
    max-width:600px
}
@media all and (max-width: 47.99em){
    .nm-mw-md-for-tablet{
        max-width:400px
    }
}
.section-block{
    margin-top:50px;
    margin-bottom:50px
}
@media all and (max-width: 47.99em){
    .section-block{
        margin-top:30px;
        margin-bottom:30px
    }
}
.section-block--xs{
    margin-top:20px;
    margin-bottom:20px
}
.section-block--footer{
    margin-bottom:0;
    padding-top:50px;
    padding-bottom:50px
}
.section-block--large{
    margin-top:80px;
    margin-bottom:80px
}
.section-block--xlarge{
    margin-top:100px;
    margin-bottom:100px
}
.section-block-pad--large{
    padding-top:80px;
    padding-bottom:80px
}
@media all and (max-width: 47.99em){
    .section-block-pad--large{
        padding-top:50px;
        padding-bottom:50px
    }
}
@media screen and (min-width: 0\0) and (min-resolution: 72dpi){
    .section-block{
        overflow:hidden
    }
    .hash{
        overflow:hidden
    }
}
.height-spacer{
    padding:40px 0px
}
body{
    font:normal 400 16px / 1.7 Open Sans,"Helvetica Neue",Helvetica,Arial,Sans-serif;
    color:#3f3f3f;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:100vh;
    padding-top:70px
}
@media all and (max-width: 47.99em){
    body{
        padding-top:60px
    }
}
p{
    margin-bottom:30px
}
a{
    color:#277fc2;
    text-decoration:none;
    -o-transition:color 0.3s;
    -ms-transition:color 0.3s;
    -moz-transition:color 0.3s;
    -webkit-transition:color 0.3s;
    transition:color color 0.3s
}
a:hover,a:focus,a:active{
    color:#069;
    text-decoration:none
}
.nm-block--footer a,.nm-block--footer-alt a{
    color:#fff;
    text-decoration:none;
    margin-bottom:10px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.nm-block--footer a:hover,.nm-block--footer a:focus,.nm-block--footer a:active,.nm-block--footer-alt a:hover,.nm-block--footer-alt a:focus,.nm-block--footer-alt a:active{
    text-decoration:none;
    color:#ededed
}
.nm-block--featured a{
    color:#fff;
    text-decoration:underline
}
.nm-block--featured a:hover,.nm-block--featured a:focus,.nm-block--featured a:active{
    color:#fff
}
.nm-block--featured a.nm-button{
    text-decoration:none
}
a.fa{
    color:gray;
    text-decoration:none
}
b,strong{
    font-weight:900
}
small{
    font-size:88.88%;
    line-height:1.1875
}
iframe{
    border:none
}
pre,.nav-pills>li>a{
    border-radius:2px;
    text-decoration:none
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-family:Open Sans,"Helvetica Neue",Helvetica,Arial,Sans-serif;
    font-weight:700;
    line-height:1.3;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    margin-bottom:20px
}
.h1--alt,.h2--alt,.h3--alt,.h4--alt,.h5--alt,.h6--alt{
    color:#fff
}
h1,.h1{
    font-size:42px;
    margin-top:60px
}
@media all and (max-width: 47.99em){
    h1,.h1{
        font-size:32px
    }
}
h2,.h2{
    font-size:24px;
    margin-top:45px
}
h3,.h3{
    font-size:20px;
    margin-top:40px
}
.nm-block--footer h3,.nm-block--footer .h3{
    font-size:16px;
    margin-bottom:10px;
    margin-top:0
}
h4,.h4,h5,.h5,h6,.h6{
    font-size:20px;
    margin-top:40px
}
.sub-header{
    font-weight:300
}
.form-control{
    height:44px;
    padding:10px 10px;
    background-color:#fff;
    border:1px solid #ededed;
    border-radius:4px;
    box-shadow:none
}
.nm-block--alt .form-control,.nm-block--alternative .form-control{
    background-color:#fff
}
.nm-block--featured .form-control{
    color:#ededed;
    background-color:#fff
}
.nm-block--featured .form-group label.error{
    color:#fff;
    font-style:italic
}
label{
    font-weight:normal
}
.nm-pos-s{
    position:static !important
}
.nm-pos-a{
    position:absolute !important
}
.nm-pos-r{
    position:relative !important
}
.nm-pos-t{
    top:0
}
.nm-pos-l{
    left:0
}
.nm-pos-ri{
    right:0
}
.nm-pos-b{
    bottom:0
}
.nm-pos-offcanvas-t{
    bottom:100%
}
.nm-pos-offcanvas-l{
    right:100%
}
.nm-pos-offcanvas-r{
    left:100%
}
.nm-pos-offcanvas-b{
    top:100%
}
.nm-pos-hcenter{
    left:0;
    right:0;
    margin:auto
}
.nm-pos-vcenter{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto
}
.nm-pos-center{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
.bg-muted{
    background-color:#ededed
}
.row-flex{
    display:flex;
    flex-wrap:wrap;
    margin-left:-20px;
    margin-right:-20px;
    justify-content:center
}
.row-flex--spacearound{
    display:flex;
    flex-wrap:wrap;
    margin-left:-20px;
    margin-right:-20px;
    justify-content:space-around
}
.col-flex,.nm-timeline-story{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:center
}
.col-flex--spacebetween{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:space-between
}
.center-on-mobile{
    text-align:center
}
@media all and (min-width: 48em){
    .center-on-mobile{
        text-align:left
    }
}
.left-on-mobile{
    text-align:left
}
@media all and (min-width: 48em){
    .left-on-mobile{
        text-align:center
    }<img src="" width="2880" height="836" alt=""/>
}
.anchor-offset-for-fixed-nav-80{
    display:block;
    position:relative;
    top:-105px;
    visibility:hidden
}
.error{
    color:#b94a48
}
img.pull-left{
    float:left;
    margin-right:20px;
    margin-bottom:20px
}
img.pull-right{
    float:right;
    margin-left:20px;
    margin-bottom:20px
}
.split-section{
    background:url(Images/nm-diagonal-background.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100%;
    margin-top:50px;
    overflow:hidden
}
@media all and (max-width: 47.99em){
    .split-section{
        margin-top:30px
    }
}
.split-section li{
    margin-bottom:10px
}
img.icon{
    max-height:80px;
    max-width:80px
}
.nm-background-container{
    height:300px
}
@media all and (max-width: 47.99em){
    .nm-background-container{
        height:30px
    }
    .nm-background-container .background-image{
        display:none
    }
}
.nm-background-container .background-image{
    background-image:url("../Images/nm-hero.png");
    background-repeat:no-repeat;
    background-position:right top;
    background-size:cover;
    width:100%;
    height:300px
}
.light-grey{
    background-color:#fbfbfb
}
.widget-example{
    width:80%;
    margin:10%;
    border-radius:5px;
    box-shadow:0 5px 10px 0 rgba(155,155,155,0.5)
}
@media screen and (min-width: 0\0) and (min-resolution: 72dpi){
    .img-responsive{
        min-height:1px
    }
}
#home-hero .nm-container>h1{
    margin-top:50px
}
@media all and (max-width: 47.99em){
    #home-hero .nm-container>h1{
        margin-top:0
    }
}
.nm-block--alt,.nm-block--alternative{
    color:#3f3f3f;
    background-color:#f8f8f8;
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed
}
a.nm-block--alt,a.nm-block--alternative{
    transition:background-color .3s
}
a.nm-block--alt:hover,a.nm-block--alt:focus,a.nm-block--alt:active,a.nm-block--alternative:hover,a.nm-block--alternative:focus,a.nm-block--alternative:active{
    background-color:#f8f8f8
}
.nm-block--featured{
    color:#fff;
    background-color:#069
}
.nm-block--footer{
    font-size:13px;
    line-height:1.7;
    color:#fff;
    background-color:#3f3f3f
}
.nm-block--footer-alt{
    font-size:14px;
    line-height:1.7;
    color:#ededed;
    background-color:gray
}
.nm-block-link{
    padding:0;
    margin:0 10px 20px 10px;
    width:250px;
    color:#fff;
    text-decoration:none;
    transition:transform .1s ease-in-out
}
.nm-block-link:hover{
    color:#fff;
    text-decoration:none;
    transform:scale(1.03)
}
.nm-block-link img{
    max-width:100%;
    margin:0 auto
}
.nm-block-link h3{
    padding:20px 20px 0 20px
}
.nm-block-link-header{
    text-transform:uppercase;
    text-align:left;
    color:#fff
}
.nm-block-link-subtitle{
    font-weight:normal;
    text-align:left;
    color:#fff
}
.nm-block-link--candycorn{
    background-color:#f69722
}
.nm-block-link--blueberry{
    background-color:#277fc2
}
.nm-block-link--cottoncandy{
    background-color:#f66
}
.nm-block--customize-program{
    width:512.5px;
    height:284px;
    background:no-repeat url("//cdn.referralcandy.com/webimages/home/custom-campaign-laptop.png");
    background-size:300%;
    animation:shiftScreen 12s ease-in-out 2s infinite
}
@keyframes shiftScreen{
    10%, 30%{
        background-position:-512.5px
    }
    40%, 60%{
        background-position:-1025px
    }
    70%{
        background-position:0
    }
}
.nm-button{
    border-radius:4px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    font:normal 400 16px / 1 Open Sans,"Helvetica Neue",Helvetica,Arial,Sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    padding:8px 16px;
    -o-transition:color .3s, background-color .3s;
    -ms-transition:color .3s, background-color .3s;
    -moz-transition:color .3s, background-color .3s;
    -webkit-transition:color .3s, background-color .3s;
    transition:color .3s, background-color .3s;
    line-height:1.7
}
.nm-button:hover,.nm-button:focus,.nm-button:active{
    text-decoration:none
}
.nm-button{
    background-color:#277fc2;
    border:0;
    color:#fff
}
.nm-button.nm-button--secondary{
    background-color:#ededed;
    border:0;
    color:#3f3f3f
}
.nm-button:hover,.nm-button:focus{
    background-color:#069;
    color:#fff
}
.nm-button:hover.nm-button--secondary,.nm-button:focus.nm-button--secondary{
    background-color:#d8d8d8;
    color:#3f3f3f
}
.nm-button:active{
    background-color:#069;
    color:#fff
}
.nm-button:active.nm-button--secondary{
    background-color:#ededed;
    color:#3f3f3f
}
.nm-button[disabled]{
    background-color:#4dc4ff;
    color:#f2f2f2
}
.nm-button[disabled].nm-button--secondary{
    background-color:#fff;
    color:#323232
}
.nm-button--large{
    font-size:16px;
    padding:15px 45px
}
.nm-button--small{
    font-size:13px
}
.nm-button--block{
    width:100%
}
.shopify-app-store-btn{
   /* background:url("//cdn.referralcandy.com/webimages/logos/shopify-app-store-btn.481516.png"); */
    display:block;
    width:189px;
    height:37px;
    background-size:100%;
    text-indent:-9999px;
    overflow:hidden
}
.shopify-app-store-btn:hover{
    background-position:0 37px
}
.nm-container{
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px
}
@media all and (min-width: 48em){
    .nm-container{
        padding-left:20px;
        padding-right:20px
    }
}
@media all and (min-width: 62em){
    .nm-container{
        padding-left:20px;
        padding-right:20px
    }
}
.nm-container--small{
    max-width:600px
}
.nm-container--mid{
    max-width:700px
}
@media all and (min-width: 48em){
    .nm-content{
        padding-left:30px;
        padding-right:30px
    }
}
@media all and (min-width: 48em){
    .nm-content{
        padding-left:80px;
        padding-right:80px
    }
}
@media all and (min-width: 48em){
    .nm-article-content{
        padding-left:30px;
        padding-right:30px
    }
}
@media all and (min-width: 48em){
    .nm-article-content{
        padding-left:130px;
        padding-right:130px
    }
}
.nm-article-content--head{
    padding-top:50px;
    padding-bottom:20px
}
.nm-article-content--body{
    padding-top:30px;
    padding-bottom:20px
}
.nm-article-content--foot{
    padding-top:50px;
    padding-bottom:30px
}
.revenue-counter{
    line-height:55px;
    font-size:42px;
    border-bottom:4px solid #277fc2
}
@media all and (max-width: 47.99em){
    .revenue-counter{
        font-size:32px
    }
}
.revenue-counter .dollar-char{
    margin:0;
    letter-spacing:-8px
}
@media all and (max-width: 47.99em){
    .revenue-counter .dollar-char{
        letter-spacing:-4px
    }
}
.revenue-counter .number-wrapper .number-char{
    color:#3f3f3f;
    margin:0 -4px
}
@media all and (max-width: 47.99em){
    .revenue-counter .number-wrapper .number-char{
        margin:0 -2px
    }
}
.nm-divider{
    width:100%;
    max-width:400px;
    height:1px;
    background-color:#ededed;
    margin-left:auto;
    margin-right:auto
}
.nm-block--alt .nm-divider,.nm-block--alternative .nm-divider{
    background-color:#f8f8f8
}
.nm-text-divider{
    position:relative;
    display:block;
    font-size:90%;
    margin-top:5px;
    margin-bottom:5px
}
.nm-text-divider:before,.nm-text-divider:after{
    background-color:#ededed;
    content:'';
    height:1px;
    width:20%;
    display:inline-block;
    position:relative;
    top:-5px
}
.nm-text-divider:before{
    margin-right:10px
}
.nm-text-divider:after{
    margin-left:10px
}
.nm-pricetable--plan-xs .nm-text-divider:before,.nm-pricetable--plan-xs .nm-text-divider:after,.nm-pricetable--plan-sm .nm-text-divider:before,.nm-pricetable--plan-sm .nm-text-divider:after,.nm-pricetable--plan-md .nm-text-divider:before,.nm-pricetable--plan-md .nm-text-divider:after,.nm-pricetable--plan-lg .nm-text-divider:before,.nm-pricetable--plan-lg .nm-text-divider:after,.nm-block--featured .nm-text-divider:before,.nm-block--featured .nm-text-divider:after{
    background-color:#fff
}
.nm-dropdown>li>a{
    padding:5px 20px;
    font-size:16px;
    text-decoration:none
}
.img-thumbnail{
    padding:0
}
@media all and (min-width: 48em){
    .img-thumbnail{
        border-width:5px
    }
}
.img-thumbnail-slider{
    border-color:white !important;
    padding:3px;
    background-color:#eee
}
.nm-linkbox{
    text-align:left
}
@media all and (max-width: 47.99em){
    .nm-linkbox{
        padding-bottom:30px;
        text-align:center
    }
}
.nm-linkbox img{
    max-width:100%;
    max-height:200px;
    margin-left:auto;
    margin-right:auto
}
.nm-linkbox--logo-row{
    height:125px;
    display:flex;
    display:-moz-inline-box;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.nm-linkbox--logo-row img{
    max-width:150px;
    max-height:125px;
    padding-top:20px;
    padding-bottom:20px;
    margin-left:0
}
@media all and (max-width: 47.99em){
    .nm-linkbox--logo-row img{
        margin-left:auto
    }
}
.nm-link-list a{
    display:block
}
.nm-link-list a .fa{
    padding-right:20px
}
.nm-logo__platforms{
    height:60px;
    width:130px;
    display:inline-block;
    text-indent:-9999px;
    background-image:url("//cdn.referralcandy.com/webapp/images/logos/platforms/platformlogosprite-130px-60px.98887838c.png");
    background-repeat:no-repeat
}
@media all and (-webkit-min-device-pixel-ratio: 2){
    .nm-logo__platforms{
        background-size:200%;
        background-image:url("//cdn.referralcandy.com/webapp/images/logos/platforms/platformlogosprite-130px-60px%402x.c322644f7.png")
    }
}
@media all and (min-device-pixel-ratio: 2){
    .nm-logo__platforms{
        background-size:200%;
        background-image:url("//cdn.referralcandy.com/webapp/images/logos/platforms/platformlogosprite-130px-60px%402x.c322644f7.png")
    }
}
.nm-logo__platforms.logo-shopify{
    background-position:0 0px
}
.nm-logo__platforms.logo-woocommerce{
    background-position:0 -60px
}
.nm-logo__platforms.logo-magento{
    background-position:0 -120px
}
.nm-logo__platforms.logo-bigcommerceoauth{
    background-position:0 -180px
}
.nm-logo__platforms.logo-yahoo{
    background-position:0 -240px
}
.nm-logo__platforms.logo-celery{
    background-position:0 -300px
}
.nm-logo__platforms.logo-volusion{
    background-position:0 -360px
}
.nm-logo__platforms.logo-3dcart{
    background-position:0 -420px
}
.nm-logo__platforms.logo-otherplatforms{
    background-position:0 -480px
}
.nm-conversion-box{
    max-width:630px
}
.nm-select-platforms{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-left:-5px;
    margin-right:-5px
}
.nm-select-platforms>li{
    margin-left:5px;
    margin-right:5px;
    padding-bottom:10px;
    text-align:center;
    flex-grow:1
}
.nm-select-platforms input[type=radio]{
    position:absolute;
    top:-9999px;
    left:-9999px
}
.nm-select-platforms label{
    position:relative;
    height:60px;
    padding:0 10px;
    background-color:#fff;
    border-radius:4px
}
.nm-select-platforms label:hover{
    background-color:#f8f8f8
}
.nm-select-platforms :checked+label{
    background-color:#277fc2
}
.nm-select-platforms :checked+label .logo-shopify{
    background-position:-130px 0px
}
.nm-select-platforms :checked+label .logo-woocommerce{
    background-position:-130px -60px
}
.nm-select-platforms :checked+label .logo-magento{
    background-position:-130px -120px
}
.nm-select-platforms :checked+label .logo-bigcommerceoauth{
    background-position:-130px -180px
}
.nm-select-platforms :checked+label .logo-yahoo{
    background-position:-130px -240px
}
.nm-select-platforms :checked+label .logo-celery{
    background-position:-130px -300px
}
.nm-select-platforms :checked+label .logo-volusion{
    background-position:-130px -360px
}
.nm-select-platforms :checked+label .logo-3dcart{
    background-position:-130px -420px
}
.nm-select-platforms :checked+label .logo-otherplatforms{
    background-position:-130px -480px
}
.nm-select-platforms>li a{
    padding:0
}
.nm-select-platforms>li a:hover{
    background-color:transparent
}
.nm-select-platforms>li a label{
    margin-bottom:0;
    padding-bottom:5px;
    cursor:pointer;
    border:1px solid #ededed;
    transition:background-color .3s;
    width:100%
}
.logo-recharge{
    background-image:url(/assets/images/features/logos/recharge.png);
    background-repeat:no-repeat;
    background-size:contain
}
.logo-paywhirl{
    background-image:url(/assets/images/features/logos/paywhirl.png);
    background-repeat:no-repeat;
    background-size:contain
}
.logo-bold{
    background-image:url(/assets/images/features/logos/bold.png);
    background-repeat:no-repeat;
    background-size:contain
}
.logo-chargebee{
    background-image:url(/assets/images/features/logos/chargebee.png);
    background-repeat:no-repeat;
    background-size:contain
}
.logo-limelight{
    background-image:url(/assets/images/features/logos/limelight.png);
    background-repeat:no-repeat;
    background-size:contain
}
.logo-mailchimp{
    background-image:url(/assets/images/features/logos/mailchimp.png);
    background-repeat:no-repeat;
    background-size:contain
}
.logo-fomo{
    background-image:url(/assets/images/features/logos/fomo.png);
    background-repeat:no-repeat;
    background-size:contain
}
.nm-navbar {
    color: #3f3f3f;
    background-color: #fff;
    border: 0;
    border-bottom: 0px solid #ededed
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
    max-height:400px
}
.nm-navbar .navbar-brand{
    height:auto;
    padding:20.5px 0px
}
@media all and (max-width: 47.99em){
    .nm-navbar .navbar-brand{
        padding:15.5px 0px
    }
}
.nm-navbar .navbar-toggle{
    margin:13px 0px;
    background-color:transparent;
    padding:9px 0
}
.nm-navbar .navbar-toggle .icon-bar{
    background-color:gray
}
.nm-navbar .navbar-collapse,.nm-navbar .navbar-form{
    border-color:#ededed
}
.nm-navbar .navbar-nav>li.nm-li-button-group{
    margin-left:20px
}
@media all and (max-width: 47.99em){
    .nm-navbar .navbar-nav>li.nm-li-button-group{
        margin-left:0
    }
}
.nm-navbar .navbar-nav>li>a{
    color:#000;
    transition:color .3s;
    text-decoration:none;
    padding:12.5px 0;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all color 0.3s
}
@media all and (min-width: 48em){
    .nm-navbar .navbar-nav>li>a{
        padding:25px 14px
    }
}
.nm-navbar .navbar-nav>li>a:hover,.nm-navbar .navbar-nav>li>a:focus{
    color:#069;
    background-color:#f8f8f8
}
.nm-navbar .navbar-nav>.active>a{
    color:#3f3f3f;
    background-color:#f8f8f8
}
.navbar .nm-button{
    font-size:13px;
    margin:12.5px 0
}
@media all and (min-width: 48em){
    .navbar .nm-button{
        margin:13.5px 12.5px
    }
}
.nav-platforms li{
    margin:2px;
    border:1px solid #DDD
}
.nav-platforms li a{
    padding:6px
}
.nav-platforms li:hover,.nav-platforms li:hover .platform{
    background-color:#EEE
}
.nav-platforms li.active{
    border:1px solid #CDCD00
}
.nav-platforms li.active a{
    background-color:#FFFF7E
}
.nm-subnav{
    font-size:13px;
    background-color:#069;
    text-align:center
}
@media all and (min-width: 48em){
    .nm-subnav{
        padding-top:0;
        padding-bottom:0
    }
}
.nm-subnav a{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all color 0.3s;
    padding:15px 25px
}
.nm-subnav a:hover,.nm-subnav a:focus{
    text-decoration:none;
    background-color:#277fc2
}
@media all and (max-width: 47.99em){
    .nm-subnav a{
        padding:10px 20px
    }
}
.nm-subnav .active{
    color:#fff;
    text-decoration:none;
    background-color:#277fc2
}
.nm-pricetable{
    margin-bottom:30px
}
@media all and (max-width: 47.99em){
    .nm-pricetable{
        width:300px
    }
}
.nm-pricetable-block{
    padding:30px 20px 20px;
    margin-bottom:20px;
    text-align:center;
    flex-grow:1
}
.nm-pricetable-block .spacing{
    margin:50px 0
}
.nm-pricetable-block .spacing:last-child{
    margin-bottom:0
}
@media all and (max-width: 47.99em){
    .nm-pricetable-block .spacing{
        margin:30px 0
    }
}
.nm-pricetable-block--price{
    border:1px solid #ededed;
    border-radius:4px
}
.nm-pricetable-block--features p{
    margin:0
}
.nm-pricetable-price{
    position:relative
}
.nm-pricetable-dollar,.nm-pricetable-percent{
    font-size:85%
}
.nm-pricetable-dollar{
    position:absolute;
    top:5px;
    margin-left:-10px
}
.nm-pricetable-percent{
    position:absolute;
    margin-right:-10px
}
.nm-pricetable-number{
    line-height:1em
}
.nm-pricetable-or{
    margin:20px;
    font-style:italic
}
@media all and (max-width: 47.99em){
    .nm-pricetable-or{
        margin:10px
    }
}
.pricetable-tiered{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-around;
    flex-wrap:wrap;
    margin:0 auto;
    max-width:740px
}
.pricetable-tiered__item{
    width:320px;
    border:1px solid #d8d8d8;
    border-radius:5px;
    min-height:320px;
    margin:10px
}
.pricetable-tiered__header{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background:#ededed;
    color:#a9a9a9;
    text-align:center;
    font-weight:bold;
    font-size:22px;
    text-transform:uppercase;
    padding:13px 25px
}
.pricetable-tiered__main{
    padding:30px 25px
}
.pricetable-tiered__amount{
    font-size:42px;
    text-align:center;
    line-height:1.2
}
.pricetable-tiered__breakdown{
    text-align:center;
    font-size:16px
}
.pricetable-tiered__plus{
    display:block;
    font-size:42px;
    font-weight:bold
}
.pricetable-tiered__summary{
    font-size:13px;
    padding:10px 35px;
    cursor:pointer
}
#pricetable-tiered__details{
    display:none
}
.pricetable-tiered__details{
    font-size:13px;
    padding:5px 35px 0px 35px
}
.pricetable-tiered__summary{
    text-align:center;
    text-decoration:underline;
    padding-bottom:5px
}
.pricetable-tiered__commission-list{
    list-style:none;
    padding-left:0;
    margin-left:-10px
}
.pricetable-tiered__commission-list li{
    padding-left:10px;
    position:relative
}
.pricetable-tiered__item--tiered{
    border:1px solid #277fc2
}
.pricetable-tiered__item--tiered .pricetable-tiered__header{
    background:#1a96e2;
    color:white;
    letter-spacing:4px
}
.pricetable-tiered__item--tiered .pricetable-tiered__amount{
    font-size:80px;
    font-weight:600;
    -webkit-font-smoothing:antialiased
}
.pricetable-tiered__item--enterprise .pricetable-tiered__breakdown{
    margin-bottom:30px
}
.nm-ratio{
    position:relative
}
.nm-ratio-16-9{
    padding-top:56.25%
}
.nm-ratio-content{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%
}
.nm-triangle{
    border:0;
    border-color:#3f3f3f;
    line-height:0;
    display:inline-block;
    position:relative
}
.nm-triangle:before{
    content:'';
    display:inline-block;
    border-style:solid;
    border-color:transparent;
    border-width:7px;
    width:0;
    top:-5px;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    position:absolute;
    z-index:1
}
.nm-triangle--medium:before{
    border-width:14px
}
.nm-triangle--large:before{
    border-width:30px
}
.nm-triangle--top:before{
    border-top-width:0;
    border-bottom-color:inherit
}
.nm-triangle--left:before{
    border-left-width:0;
    border-right-color:inherit
}
.nm-triangle--right:before{
    border-right-width:0;
    border-left-color:inherit
}
.nm-triangle--bottom:before{
    border-bottom-width:0;
    border-top-color:inherit
}
.nm-triangle--white{
    border-color:#fff
}
.nm-triangle--blue{
    border-color:#069
}
.table-docs td{
    font-family:Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size:12px;
    line-height:1.3
}
.nm-testimonial-container{
    padding:100px 0
}
@media all and (max-width: 61.99em){
    .nm-testimonial-container{
        padding:0
    }
}
.nm-testimonial-container img.ipad{
    position:absolute;
    max-width:300px;
    top:50%;
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.nm-testimonial,.nm-testimonial--inverse{
    padding:0;
    width:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.nm-testimonial img.logo,.nm-testimonial--inverse img.logo{
    max-height:125px;
    max-width:150px;
    margin-left:auto;
    margin-right:auto
}
.nm-testimonial blockquote,.nm-testimonial--inverse blockquote{
    border-left:none;
    padding:0;
    margin-bottom:0
}
.nm-testimonial blockquote .small:before,.nm-testimonial blockquote footer:before,.nm-testimonial blockquote small:before,.nm-testimonial--inverse blockquote .small:before,.nm-testimonial--inverse blockquote footer:before,.nm-testimonial--inverse blockquote small:before{
    content:none
}
.nm-testimonial{
    background-color:#277fc2;
    color:#fff
}
.nm-testimonial .nm-testimonial-quote,.nm-testimonial .nm-testimonial-cite{
    color:#fff
}
@media all and (max-width: 61.99em){
    .nm-testimonial .nm-testimonial-quote,.nm-testimonial .nm-testimonial-cite{
        color:#3f3f3f;
        text-align:center
    }
}
@media all and (max-width: 61.99em){
    .nm-testimonial{
        background-color:transparent
    }
}
.nm-testimonial--inverse{
    background-color:#f8f8f8;
    color:#3f3f3f
}
.nm-testimonial--inverse .nm-testimonial-quote,.nm-testimonial--inverse .nm-testimonial-cite{
    color:#3f3f3f
}
.nm-testimonial-quote{
    font:400 24px / 1.3 Open Sans,"Helvetica Neue",Helvetica,Arial,Sans-serif;
    margin-bottom:20px
}
@media all and (max-width: 61.99em){
    .nm-testimonial-quote{
        margin-bottom:20px
    }
}
.nm-testimonial-quote:before{
    content:open-quote
}
.nm-testimonial-quote:after{
    content:close-quote
}
.nm-testimonial-cite{
    display:block;
    font-size:13px;
    font-style:normal
}
@media screen and (min-width: 0\0) and (min-resolution: 72dpi){
    .nm-testimonial-container img.ipad{
        left:0
    }
}
.tooltip{
    font-family:Open Sans,"Helvetica Neue",Helvetica,Arial,Sans-serif;
    font-size:14px;
    line-height:2
}
.tooltip.in{
    filter:alpha(opacity=100);
    opacity:1
}
.tooltip.top{
    padding:14px 0
}
.tooltip.right{
    padding:0 14px
}
.tooltip.bottom{
    padding:14px 0
}
.tooltip.left{
    padding:0 14px
}
.tooltip-inner{
    min-width:250px;
    max-width:320px;
    padding:14px;
    text-align:left;
    border-radius:0;
    background-color:#3f3f3f
}
.tooltip.top .tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-14px;
    border-width:14px 14px 0;
    border-top-color:#3f3f3f
}
.tooltip.top-left .tooltip-arrow{
    right:14px;
    bottom:0;
    margin-bottom:-14px;
    border-width:14px 14px 0;
    border-top-color:#3f3f3f
}
.tooltip.top-right .tooltip-arrow{
    bottom:0;
    left:14px;
    margin-bottom:-14px;
    border-width:14px 14px 0;
    border-top-color:#3f3f3f
}
.tooltip.right .tooltip-arrow{
    margin-top:-14px;
    border-width:14px 14px 14px 0
}
.tooltip.left .tooltip-arrow{
    margin-top:-14px;
    border-width:14px 0 14px 14px
}
.tooltip.bottom .tooltip-arrow{
    margin-left:-14px;
    border-width:0 14px 14px;
    border-bottom-color:#3f3f3f
}
.tooltip.bottom-left .tooltip-arrow{
    right:14px;
    margin-top:-14px;
    border-width:0 14px 14px;
    border-bottom-color:#3f3f3f
}
.tooltip.bottom-right .tooltip-arrow{
    left:14px;
    margin-top:-14px;
    border-width:0 14px 14px;
    border-bottom-color:#3f3f3f
}
.nm-timeline{
    position:relative
}
.nm-timeline:before{
    display:none
}
@media all and (min-width: 48em){
    .nm-timeline:before{
        display:block;
        top:-30px;
        bottom:0;
        left:50%;
        position:absolute;
        content:"";
        width:2px;
        background-color:#277fc2;
        margin-left:-1px;
        z-index:1
    }
}
.nm-timeline-row,.nm-timeline-row--inverse{
    display:flex;
    flex-wrap:wrap;
    margin-left:-20px;
    margin-right:-20px;
    justify-content:center;
    position:relative;
    padding-bottom:30px
}
@media all and (max-width: 47.99em){
    .nm-timeline-row,.nm-timeline-row--inverse{
        padding-bottom:50px
    }
}
@media all and (max-width: 47.99em){
    .nm-timeline-row:last-child,.nm-timeline-row--inverse:last-child{
        padding-bottom:0
    }
}
.nm-timeline-image{
    padding-bottom:20px
}
@media all and (min-width: 48em){
    .nm-timeline-image{
        padding-bottom:0
    }
    .nm-timeline-row .nm-timeline-image{
        padding-right:50px
    }
    .nm-timeline-row--inverse .nm-timeline-image{
        padding-left:50px
    }
}
@media all and (max-width: 47.99em){
    .nm-timeline-image{
        max-width:500px;
        margin-left:0
    }
}
.nm-timeline-image img{
    max-width:100%
}
.nm-timeline-story{
    text-align:left;
    padding-left:50px
}
@media all and (max-width: 47.99em){
    .nm-timeline-story{
        padding-left:20px
    }
}
.nm-timeline-story.right{
    padding-left:20px;
    padding-right:50px
}
@media all and (max-width: 47.99em){
    .nm-timeline-story.right{
        padding-right:20px
    }
    .nm-timeline-story.right h2{
        text-align:left
    }
}
.nm-timeline-indicator{
    display:none
}
@media all and (min-width: 48em){
    .nm-timeline-indicator{
        display:block;
        top:50%;
        left:50%;
        position:absolute;
        width:20px;
        height:20px;
        background-color:#277fc2;
        border-radius:50%;
        margin-top:-25px;
        margin-left:-10px;
        z-index:2
    }
}
.team-mate{
    margin:20px 0;
    display:inline-block;
    width:230px;
    vertical-align:top
}
@media all and (min-width: 30em){
    .team-mate{
        margin:30px 40px
    }
}
.team-mate .team-mate-pic{
    background-image:url("//cdn.referralcandy.com/webimages/redesign/team-sprite-may2018-2.jpg");
    background-repeat:no-repeat;
    background-size:200%;
    width:230px;
    height:230px;
    background-color:#f8f8f8;
    margin-bottom:5px
}
.team-mate .team-mate-pic.dinesh-raju-pic{
    background-position:0px 0px
}
.team-mate .team-mate-pic.dinesh-raju-pic:hover{
    background-position:-230px 0px
}
.team-mate .team-mate-pic.zach-cheng-pic{
    background-position:0px -230px
}
.team-mate .team-mate-pic.zach-cheng-pic:hover{
    background-position:-230px -230px
}
.team-mate .team-mate-pic.migz-ginete-pic{
    background-position:0px -460px
}
.team-mate .team-mate-pic.migz-ginete-pic:hover{
    background-position:-230px -460px
}
.team-mate .team-mate-pic.pradeep-palani-pic{
    background-position:0px -690px
}
.team-mate .team-mate-pic.pradeep-palani-pic:hover{
    background-position:-230px -690px
}
.team-mate .team-mate-pic.aditi-kulkarni-pic{
    background-position:0px -920px
}
.team-mate .team-mate-pic.aditi-kulkarni-pic:hover{
    background-position:-230px -920px
}
.team-mate .team-mate-pic.lloyd-tan-pic{
    background-position:0px -1150px
}
.team-mate .team-mate-pic.lloyd-tan-pic:hover{
    background-position:-230px -1150px
}
.team-mate .team-mate-pic.chethan-anil-pic{
    background-position:0px -1380px
}
.team-mate .team-mate-pic.chethan-anil-pic:hover{
    background-position:-230px -1380px
}
.team-mate .team-mate-pic.karen-manuel-pic{
    background-position:0px -1610px
}
.team-mate .team-mate-pic.karen-manuel-pic:hover{
    background-position:-230px -1610px
}
.team-mate .team-mate-pic.visakan-veerasamy-pic{
    background-position:0px -1840px
}
.team-mate .team-mate-pic.visakan-veerasamy-pic:hover{
    background-position:-230px -1840px
}
.team-mate .team-mate-pic.maythee-anegboonlap-pic{
    background-position:0px -2070px
}
.team-mate .team-mate-pic.maythee-anegboonlap-pic:hover{
    background-position:-230px -2070px
}
.team-mate .team-mate-pic.bryan-briones-pic{
    background-position:0px -2300px
}
.team-mate .team-mate-pic.bryan-briones-pic:hover{
    background-position:-230px -2300px
}
.team-mate .team-mate-pic.eleanor-tay-pic{
    background-position:0px -2530px
}
.team-mate .team-mate-pic.eleanor-tay-pic:hover{
    background-position:-230px -2530px
}
.team-mate .team-mate-pic.jared-tong-pic{
    background-position:0px -2760px
}
.team-mate .team-mate-pic.jared-tong-pic:hover{
    background-position:-230px -2760px
}
.team-mate .team-mate-pic.desmond-chua-pic{
    background-position:0px -2990px
}
.team-mate .team-mate-pic.desmond-chua-pic:hover{
    background-position:-230px -2990px
}
.team-mate .team-mate-pic.clark-pan-pic{
    background-position:0px -3220px
}
.team-mate .team-mate-pic.clark-pan-pic:hover{
    background-position:-230px -3220px
}
.team-mate .team-mate-pic.dexter-tan-pic{
    background-position:0px -3450px
}
.team-mate .team-mate-pic.dexter-tan-pic:hover{
    background-position:-230px -3450px
}
.team-mate .team-mate-pic.daniel-goh-pic{
    background-position:0px -3680px
}
.team-mate .team-mate-pic.daniel-goh-pic:hover{
    background-position:-230px -3680px
}
.team-mate .team-mate-pic.jaime-ricasata-pic{
    background-position:0px -3910px
}
.team-mate .team-mate-pic.jaime-ricasata-pic:hover{
    background-position:-230px -3910px
}
.team-mate .team-mate-pic.tippy-destacamento-pic{
    background-position:0px -4140px
}
.team-mate .team-mate-pic.tippy-destacamento-pic:hover{
    background-position:-230px -4140px
}
.team-mate .team-mate-pic.jon-dolor-pic{
    background-position:0px -4370px
}
.team-mate .team-mate-pic.jon-dolor-pic:hover{
    background-position:-230px -4370px
}
.team-mate .team-mate-pic.tomas-koetz-pic{
    background-position:0px -4600px
}
.team-mate .team-mate-pic.tomas-koetz-pic:hover{
    background-position:-230px -4600px
}
.team-mate .team-mate-pic.adam-tolliday-pic{
    background-position:0px -4830px
}
.team-mate .team-mate-pic.adam-tolliday-pic:hover{
    background-position:-230px -4830px
}
.team-mate .team-mate-pic.benz-jalali-pic{
    background-position:0px -5060px
}
.team-mate .team-mate-pic.benz-jalali-pic:hover{
    background-position:-230px -5060px
}
.team-mate .team-mate-pic.benjamin-george-pic{
    background-position:0px -5290px
}
.team-mate .team-mate-pic.benjamin-george-pic:hover{
    background-position:-230px -5290px
}
.team-mate .team-mate-pic.si-quan-ong-pic{
    background-position:0px -5520px
}
.team-mate .team-mate-pic.si-quan-ong-pic:hover{
    background-position:-230px -5520px
}
.team-mate .team-mate-pic.raul-galera-pic{
    background-position:0px -5750px
}
.team-mate .team-mate-pic.raul-galera-pic:hover{
    background-position:-230px -5750px
}
.team-mate .team-mate-pic.melvin-mok-pic{
    background-position:0px -5980px
}
.team-mate .team-mate-pic.melvin-mok-pic:hover{
    background-position:-230px -5980px
}
.team-mate .team-mate-pic.jason-nulla-pic{
    background-position:0px -6210px
}
.team-mate .team-mate-pic.jason-nulla-pic:hover{
    background-position:-230px -6210px
}
.team-mate .team-mate-pic.pham-thanh-ha-pic{
    background-position:0px -6440px
}
.team-mate .team-mate-pic.pham-thanh-ha-pic:hover{
    background-position:-230px -6440px
}
.team-mate .team-mate-pic.toivo-annus-pic{
    background-position:0px -6670px
}
.team-mate .team-mate-pic.toivo-annus-pic:hover{
    background-position:-230px -6670px
}
.team-mate .team-mate-pic.william-klippgen-pic{
    background-position:0px -6900px
}
.team-mate .team-mate-pic.william-klippgen-pic:hover{
    background-position:-230px -6900px
}
.team-mate .team-mate-pic.piyush-chaplot-pic{
    background-position:0px -7130px
}
.team-mate .team-mate-pic.piyush-chaplot-pic:hover{
    background-position:-230px -7130px
}
.team-mate .team-mate-pic.john-kim-pic{
    background-position:0px -7360px
}
.team-mate .team-mate-pic.john-kim-pic:hover{
    background-position:-230px -7360px
}
.team-mate .team-mate-pic.ramanan-raghavendran-pic{
    background-position:0px -7590px
}
.team-mate .team-mate-pic.ramanan-raghavendran-pic:hover{
    background-position:-230px -7590px
}
.team-mate .team-mate-pic.tom-clayton-pic{
    background-position:0px -7820px
}
.team-mate .team-mate-pic.tom-clayton-pic:hover{
    background-position:-230px -7820px
}
.team-mate .team-mate-pic.lorraine-garcia-pic{
    background-position:0px -8050px
}
.team-mate .team-mate-pic.lorraine-garcia-pic:hover{
    background-position:-230px -8050px
}
.team-mate .team-mate-pic.sherwin-jason-ang-pic{
    background-position:0px -8280px
}
.team-mate .team-mate-pic.sherwin-jason-ang-pic:hover{
    background-position:-230px -8280px
}
.roi-calculator{
    display:flex;
    width:100%;
    flex-wrap:wrap
}
.roi-calculator .column{
    display:flex;
    flex-direction:column;
    align-content:center;
    align-items:center;
    justify-content:center;
    width:50%
}
.roi-calculator .form{
    width:100%
}
.roi-calculator .form .form-row{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center
}
.roi-calculator .form .form-row .form-input{
    margin-left:auto
}
.roi-calculator .image-display{
    display:flex;
    justify-content:center
}
.roi-calculator .image-display .image-placeholder img{
    width:100%;
    max-width:296px
}
@media (max-width: 768px){
    .roi-calculator .column{
        width:100%;
        align-content:center
    }
    .roi-calculator .form{
        margin-bottom:40px
    }
}
.roi-calculator .form{
    background-color:#f8f8f8;
    border-radius:4px
}
.roi-calculator .form .form-row{
    border-bottom:1px solid #d8d8d8;
    padding:10px 20px;
    width:100%
}
.roi-calculator .form .form-row.input-field--button{
    padding:0
}
.roi-calculator .form .form-row:last-child{
    border-bottom:0
}
.roi-calculator .form .form-row .form-input{
    width:80px
}
.roi-calculator .form .form-row .form-input input{
    height:40px;
    background-color:white;
    border:1px solid #d8d8d8;
    border-radius:4px
}
.roi-calculator .form .form-row button{
    width:100%;
    border-radius:0 0 4px 4px;
    padding-top:25px;
    padding-bottom:25px
}
.roi-calculator .form .form-row button.nm-button.nm-button--secondary{
    background-color:#277fc2
}
.roi-calculator .form .form-row button.nm-button.nm-button--secondary:hover{
    background-color:#069
}
.roi-calculator .results-display{
    padding:8px 15px
}
.roi-calculator .results-display .calculated-sales-box{
    color:#26b47f;
    border:2px dashed #26B47F;
    padding:13px 0;
    margin:15px 0;
    width:100%;
    text-align:center
}
.roi-calculator .results-display .cost-box{
    background-color:#f8f8f8;
    border:solid 1px #d8d8d8;
    padding:15px
}
.roi-calculator .results-display .cost-box a{
    font-size:0.8em;
    text-decoration:none;
    color:#999999
}
.roi-calculator .results-display .cost-box a.highlight{
    font-size:1.1em;
    font-weight:700;
    color:#277fc2
}
.roi-calculator .referral-rate-help-display .referral-rate-info-box{
    background-color:#FBFBFB;
    border:solid 1px #f0f0f0;
    padding:13px;
    margin:15px
}
.roicalculator-tiered{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-around
}
.roicalculator-tiered .rangeslider__fill{
    background:#277fc2
}
.roicalculator-tiered .rangeslider__handle{
    width:40px;
    height:40px;
    background:#277fc2;
    box-shadow:none;
    border:0px
}
.roicalculator-tiered .rangeslider--horizontal{
    height:10px
}
.roicalculator-tiered .rangeslider--horizontal .rangeslider__handle{
    top:-15px
}
.roicalculator-tiered .rangeslider--vertical{
    width:10px
}
.roicalculator-tiered .rangeslider--vertical .rangeslider__handle{
    left:-10px
}
.roicalculator-tiered__controls{
    flex:1 1 435px;
    max-width:435px;
    margin:20px 30px
}
.roicalculator-tiered__graphic{
    flex:0 0 332px;
    margin:20px 30px
}
.roicalculator-tiered__chart{
    position:relative;
    width:100%;
    height:80px;
    overflow:hidden
}
.roicalculator-tiered__chart:after{
    display:block;
    content:'';
    width:2px;
    position:absolute;
    left:0;
    height:80px;
    top:0;
    background:#808080
}
.roicalculator-tiered__chart-bar{
    position:relative;
    margin:10px 0;
    height:60px;
    background:#277fc2;
    transition:width 0.1s ease-out
}
.roicalculator-tiered__chart-text{
    font-size:20px;
    font-weight:600;
    -webkit-font-smoothing:antialiased;
    height:60px;
    line-height:60px;
    position:absolute;
    white-space:nowrap
}
.roicalculator-tiered__chart-text--inside-left,.roicalculator-tiered__chart-text--inside-right{
    color:white
}
.roicalculator-tiered__chart-text--inside-left{
    left:17px
}
.roicalculator-tiered__chart-text--inside-right{
    right:17px
}
.roicalculator-tiered__chart-text--outside-left{
    left:calc(100% + 17px)
}
.video-wrapper{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    margin-top:22px;
    margin-bottom:22px;
    width:calc(100% - 40px);
    max-width:700px;
    margin:auto
}
.video-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}