@import url(bootstrap-min.psp.css);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600);@import url("https://fonts.googleapis.com/css?family=Quicksand:400,500|Roboto:400,700");.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-1-5 {
    width: 20%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width:20%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width:20%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width:20%;
        float: left
    }
}

img.iconic {
    display: none
}

.iconic-property-fill,.iconic-property-text {
    stroke: none !important
}

.iconic-property-stroke {
    fill: none !important
}

.slabtexted .slabtext {
    display: -moz-inline-box;
    display: inline-block;
    white-space: nowrap
}

.slabtextinactive .slabtext {
    display: inline;
    white-space: normal;
    font-size: 1em !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
    *letter-spacing: 0 !important;
    *word-spacing: 0 !important
}

.slabtextdone .slabtext {
    display: block;
    line-height: 0.9
}

.relative {
    position: relative
}

.block {
    display: block
}

.clip {
    overflow: hidden
}

img,iframe {
    max-width: 100%
}

body {
    position: relative;
    background: #fff
}

.equal-heights {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.equal-heights li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.container {
    max-width: 1250px;
    width: 100%;
}

.container.slim {
    max-width: 680px
}

.container.thin {
    max-width: 980px
}

@media screen and (max-width: 1350px) {
    .container {
        width:90%;
        margin: 0px auto
    }
}

.jumbotron {
    margin-bottom: 0px;
    padding: 40px 0px;
    text-align: center;
    background: #f3f3f3
}

.jumbotron .jumbotron-title,.jumbotron .jumbotron-subtitle {
    font-weight: 300
}

.jumbotron .jumbotron-title {
    font-weight: 300;
    line-height: 46px;
    font-size: 36px
}

.jumbotron .jumbotron-title small {
    display: block;
    font-size: 50%;
    font-weight: 100;
    color: #292929;
    margin-bottom: 20px
}

.jumbotron .jumbotron-subtitle {
    font-size: 26px
}

.jumbotron .jumbotron-text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #919191
}

.jumbotron .customer-logo-imgs {
    margin-top: 30px
}

.jumbotron-white {
    background: #fff
}

.jumbotron-pb-none {
    padding-bottom: 0px !important
}

.jumbotron-customers {
    padding: 60px 0px 50px;
    background: #fff url("/images/map-bg-7c7ef1e7.png") no-repeat center bottom
}

.jumbotron-customers .jumbotron-text {
    margin-bottom: 60px
}

.jumbotron-customers .customer-logo-imgs .col-md-2 {
    padding: 0px 30px
}

@media screen and (max-width: 980px) {
    .jumbotron-customers {
        padding:30px 0px 0px
    }
}

.jumbotron-light {
    padding: 115px 0px 140px;
    background-size: cover
}

.jumbotron-light .jumbotron-title,.jumbotron-light .jumbotron-subtitle {
    color: #fff
}

.jumbotron-light .jumbotron-title small {
    color: #fff
}

.jumbotron-light .jumbotron-text {
    color: #ddd
}

.jumbotron-panel {
    margin-top: 30px;
    padding: 30px;
    border-radius: 3px;
    background: #fff
}

.jumbotron-panel .jumbotron-panel-title {
    margin-top: 0px;
    font-size: 20px
}

.jumbotron-panel p {
    font-size: 18px;
    font-weight: 300
}

.jumbotron-overview {
    padding-top: 40px;
    background-image: url("/images/bg-tour-lighter-72ac79ba.jpg")
}

.jumbotron-overview .jumbotron-text {
    color: #bff7c0
}

.jumbotron-overview .img-frame {
    max-width: 600px;
    width: 100%;
    margin: 0 auto 15px
}

.jumbotron-resources {
    padding: 40px 0px 60px;
    background-image: url("/images/guy-on-laptop-365dfb49.jpg")
}

@media screen and (max-width: 980px) {
    .jumbotron h1 {
        font-size:50px
    }

    .jumbotron-light {
        padding: 65px 0px 70px
    }

    .jumbotron-enterprise-cta .col-md-2 {
        width: 33.33%;
        float: left
    }
}

@media screen and (max-width: 600px) {
    .jumbotron-enterprise-cta .col-md-2 {
        width:50%;
        float: left
    }
}

.masonry-wrap {
    text-align: center
}

.masonry-container {
    display: inline-block;
    position: relative;
    text-align: left
}

.masonry-item {
    width: 357px;
    margin-bottom: 30px;
    padding: 20px;
    display: inline-block;
    float: left;
    background: #fff;
    transition: none;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1)
}

.masonry-item a:not(.psp-button) {
    color: #179540
}

.masonry-item__logo {
    display: block;
    text-align: center;
    margin-bottom: 15px
}

.masonry-item .labels {
    padding-left: 0px
}

.masonry-item .labels .label {
    margin-top: 10px;
    padding-top: 5px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #f3f3f3;
    font-weight: 300;
    text-transform: uppercase;
    color: #848484
}

@media screen and (max-width: 445px) {
    .masonry-container {
        width:100% !important
    }

    .masonry-item {
        max-width: 357px;
        width: 100%
    }
}

.center {
    text-align: center
}

.iconic * {
    fill: #292929;
    stroke: #292929
}

.btn .iconic {
    margin-bottom: -2px;
    margin-left: 5px
}

.btn .iconic * {
    fill: #fff;
    stroke: #fff
}

.iconic .iconic-property-accent {
    fill: #434343;
    stroke: #434343
}

.modal {
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.live-chat {
    visibility: hidden;
    position: fixed;
    bottom: 0;
    right: 2em;
    z-index: 1000
}

.live-chat>a {
    padding: 12px 18px;
    border-radius: 4px 4px 0 0;
    background-color: #292929;
    color: #fff
}

.live-chat>a:hover {
    text-decoration: none
}

.live-chat>a:hover>.glyphicon {
    color: #47c486
}

.live-chat>a>.glyphicon {
    position: relative;
    top: 2px;
    left: -8px;
    color: #848484
}

.support-number {
    position: absolute;
    z-index: 1;
    right: 15px;
    color: #fff;
    line-height: 2em;
    font-size: 15px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
}

.support-number>em {
    color: #d9d9d9
}

.affix-list-nav .affix {
    max-width: 263px;
    width: 100%;
    position: fixed;
    top: 170px
}

.affix-list-nav li {
    font-size: 18px
}

.affix-list-nav li>a {
    color: #626262
}

.affix-list-nav li.active>a {
    color: #47c486
}

.affix-list-nav li li {
    font-size: 15px
}

.affix-list-nav ul ul {
    padding-left: 15px
}

.affix-list h2 {
    margin: 0px 0px 20px;
    color: #47c486
}

.affix-list h2:not(:first-child):before {
    display: block;
    content: " ";
    margin-top: -170px;
    height: 170px;
    visibility: hidden
}

.affix-list h2:first-child {
    margin-top: 0
}

.affix-list h3 {
    margin: 32px 0 16px
}

.affix-list h3:before {
    display: block;
    content: " ";
    margin-top: -150px;
    height: 150px;
    visibility: hidden
}

.affix-list .row {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e2e2e2
}

.affix-list section .row {
    border-bottom: 0;
    padding: 0;
    margin: 0
}

@media screen and (max-width: 1130px) {
    .affix-list-nav .affix {
        max-width:200px
    }
}

@media screen and (max-width: 980px) {
    .affix-list-nav {
        display:none
    }

    .affix-list {
        width: 100%
    }
}

.logos {
    margin-top: 30px
}

.logos .logo {
    padding: 0px 15px;
    float: left
}

.logos .logo1 {
    width: 16%
}

.logos .logo2 {
    width: 9%
}

.logos .logo3 {
    width: 14%
}

.logos .logo4 {
    width: 15%
}

.logos .logo5 {
    width: 15%
}

.headline-text .amp,.headline .amp,.section header>h1 .amp,.section-white header>h1 .amp,.section-gray header>h1 .amp,.section-gray-paper header>h1 .amp,.section-darkblue header>h1 .amp,.section-avatars header>h1 .amp,.section-stats header>h1 .amp,.marquee header>h1 .amp,.marquee-green header>h1 .amp,.marquee-white header>h1 .amp,.marquee-gray header>h1 .amp,#site-footer header>h1 .amp,.section header>h2 .amp,.section-white header>h2 .amp,.section-gray header>h2 .amp,.section-gray-paper header>h2 .amp,.section-darkblue header>h2 .amp,.section-avatars header>h2 .amp,.section-stats header>h2 .amp,.marquee header>h2 .amp,.marquee-green header>h2 .amp,.marquee-white header>h2 .amp,.marquee-gray header>h2 .amp,#site-footer header>h2 .amp,.section header>h3 .amp,.section-white header>h3 .amp,.section-gray header>h3 .amp,.section-gray-paper header>h3 .amp,.section-darkblue header>h3 .amp,.section-avatars header>h3 .amp,.section-stats header>h3 .amp,.marquee header>h3 .amp,.marquee-green header>h3 .amp,.marquee-white header>h3 .amp,.marquee-gray header>h3 .amp,#site-footer header>h3 .amp,#site-footer h5 .amp,#secure-pane h3 .amp {
    font-family: "Baskerville", "Times New Roman", Georgia, serif
}

.headline,.section header>h1,.section-white header>h1,.section-gray header>h1,.section-gray-paper header>h1,.section-darkblue header>h1,.section-avatars header>h1,.section-stats header>h1,.marquee header>h1,.marquee-green header>h1,.marquee-white header>h1,.marquee-gray header>h1,#site-footer header>h1,.section header>h2,.section-white header>h2,.section-gray header>h2,.section-gray-paper header>h2,.section-darkblue header>h2,.section-avatars header>h2,.section-stats header>h2,.marquee header>h2,.marquee-green header>h2,.marquee-white header>h2,.marquee-gray header>h2,#site-footer header>h2,.section header>h3,.section-white header>h3,.section-gray header>h3,.section-gray-paper header>h3,.section-darkblue header>h3,.section-avatars header>h3,.section-stats header>h3,.marquee header>h3,.marquee-green header>h3,.marquee-white header>h3,.marquee-gray header>h3,#site-footer header>h3 {
    margin: 0 0 1em 0
}

.marquee-small-cta {
    padding: 0px !important
}

.marquee-small-cta p,.marquee-small-cta li {
    color: #666
}

span.spacer.or {
    padding: 0 10px
}

.btn {
    margin-bottom: 3px;
    padding: 8px 12px;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-weight: 100
}

.btn.btn-link {
    color: #47c486;
    text-align: inherit;
    padding: 8px 0
}

.btn.btn-link:hover {
    color: #37ab72;
    text-decoration: none
}

.btn.btn-link.btn-link--purple {
    color: #B72BD0
}

.btn.btn-link.btn-link--purple:hover {
    color: #9924ae
}

.btn.btn-link.btn-link--orange {
    color: #fc6901
}

.btn.btn-link.btn-link--orange:hover {
    color: #d35801
}

.btn.btn-link.btn-link--green {
    color: #47c486
}

.btn.btn-link.btn-link--green:hover {
    color: #37ab72
}

.btn:hover,.btn:active,.btn:focus {
    color: #fff
}

.btn>.glyphicon-chevron-right {
    position: relative;
    top: 1px;
    right: -5px;
    font-size: 0.9em
}

.btn>.glyphicon-envelope {
    position: relative;
    left: -3px;
    right: auto;
    margin-right: 5px;
    font-size: 1em
}

.btn-lg {
    padding: 12px 16px
}

.btn-round {
    border-radius: 50px
}

.green-btn {
    background: #47c486;
    border: 1px solid #47c486
}

.green-btn:hover,.green-btn:active,.green-btn:focus {
    background: #3cbb7c;
    border: 1px solid #34a46c
}

.orange-btn {
    background: #fc6901;
    border: 1px solid #fc6901;
    color: #FFF
}

.orange-btn.ghost {
    background: none;
    color: #fc6901
}

.orange-btn:hover,.orange-btn:active,.orange-btn:focus {
    color: #FFF;
    background: #e86101;
    border: 1px solid #c95401
}

.orange-btn:hover.ghost,.orange-btn:active.ghost,.orange-btn:focus.ghost {
    background: #fc6901;
    border: 1px solid #fc6901
}

.gray-btn {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #292929
}

.gray-btn:hover,.gray-btn:active,.gray-btn:focus {
    background: #e8e8e8;
    border: 1px solid #101010;
    color: #292929
}

.red-btn {
    background: #FF4949;
    border: 1px solid #FF4949
}

.red-btn:hover,.red-btn:active,.red-btn:focus {
    background: #ff3535;
    border: 1px solid #ff1616
}

.blue-btn {
    background: #439aea;
    border: 1px solid #439aea
}

.blue-btn:hover,.blue-btn:active,.blue-btn:focus {
    background: #3190e8;
    border: 1px solid #1981e1
}

.ghost-btn {
    background: none;
    color: #aaa
}

.ghost-btn:hover,.ghost-btn:active,.ghost-btn:focus {
    background: none
}

.white-box {
    background-color: #fff;
    padding: 1em
}

.white-border {
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    border: 5px solid #fff;
    margin-bottom: 4px
}

.section,.section-white,.section-gray,.section-gray-paper,.section-darkblue,.section-avatars,.section-stats,.marquee,.marquee-green,.marquee-white,.marquee-gray,#site-footer {
    position: relative;
    padding: 3em 0
}

.section header>h1,.section-white header>h1,.section-gray header>h1,.section-gray-paper header>h1,.section-darkblue header>h1,.section-avatars header>h1,.section-stats header>h1,.marquee header>h1,.marquee-green header>h1,.marquee-white header>h1,.marquee-gray header>h1,#site-footer header>h1,.section header>h2,.section-white header>h2,.section-gray header>h2,.section-gray-paper header>h2,.section-darkblue header>h2,.section-avatars header>h2,.section-stats header>h2,.marquee header>h2,.marquee-green header>h2,.marquee-white header>h2,.marquee-gray header>h2,#site-footer header>h2,.section header>h3,.section-white header>h3,.section-gray header>h3,.section-gray-paper header>h3,.section-darkblue header>h3,.section-avatars header>h3,.section-stats header>h3,.marquee header>h3,.marquee-green header>h3,.marquee-white header>h3,.marquee-gray header>h3,#site-footer header>h3 {
    text-align: center;
    line-height: 1.5em
}

.section header>h1.no-padding-btm,.section-white header>h1.no-padding-btm,.section-gray header>h1.no-padding-btm,.section-gray-paper header>h1.no-padding-btm,.section-darkblue header>h1.no-padding-btm,.section-avatars header>h1.no-padding-btm,.section-stats header>h1.no-padding-btm,.marquee header>h1.no-padding-btm,.marquee-green header>h1.no-padding-btm,.marquee-white header>h1.no-padding-btm,.marquee-gray header>h1.no-padding-btm,#site-footer header>h1.no-padding-btm,.section header>h2.no-padding-btm,.section-white header>h2.no-padding-btm,.section-gray header>h2.no-padding-btm,.section-gray-paper header>h2.no-padding-btm,.section-darkblue header>h2.no-padding-btm,.section-avatars header>h2.no-padding-btm,.section-stats header>h2.no-padding-btm,.marquee header>h2.no-padding-btm,.marquee-green header>h2.no-padding-btm,.marquee-white header>h2.no-padding-btm,.marquee-gray header>h2.no-padding-btm,#site-footer header>h2.no-padding-btm,.section header>h3.no-padding-btm,.section-white header>h3.no-padding-btm,.section-gray header>h3.no-padding-btm,.section-gray-paper header>h3.no-padding-btm,.section-darkblue header>h3.no-padding-btm,.section-avatars header>h3.no-padding-btm,.section-stats header>h3.no-padding-btm,.marquee header>h3.no-padding-btm,.marquee-green header>h3.no-padding-btm,.marquee-white header>h3.no-padding-btm,.marquee-gray header>h3.no-padding-btm,#site-footer header>h3.no-padding-btm {
    margin-bottom: 10px
}

@media screen and (max-width: 400px) {
    .section header>h1,.section-white header>h1,.section-gray header>h1,.section-gray-paper header>h1,.section-darkblue header>h1,.section-avatars header>h1,.section-stats header>h1,.marquee header>h1,.marquee-green header>h1,.marquee-white header>h1,.marquee-gray header>h1,#site-footer header>h1,.section header>h2,.section-white header>h2,.section-gray header>h2,.section-gray-paper header>h2,.section-darkblue header>h2,.section-avatars header>h2,.section-stats header>h2,.marquee header>h2,.marquee-green header>h2,.marquee-white header>h2,.marquee-gray header>h2,#site-footer header>h2,.section header>h3,.section-white header>h3,.section-gray header>h3,.section-gray-paper header>h3,.section-darkblue header>h3,.section-avatars header>h3,.section-stats header>h3,.marquee header>h3,.marquee-green header>h3,.marquee-white header>h3,.marquee-gray header>h3,#site-footer header>h3 {
        text-align:left
    }
}

.section header>h1>small,.section-white header>h1>small,.section-gray header>h1>small,.section-gray-paper header>h1>small,.section-darkblue header>h1>small,.section-avatars header>h1>small,.section-stats header>h1>small,.marquee header>h1>small,.marquee-green header>h1>small,.marquee-white header>h1>small,.marquee-gray header>h1>small,#site-footer header>h1>small,.section header>h2>small,.section-white header>h2>small,.section-gray header>h2>small,.section-gray-paper header>h2>small,.section-darkblue header>h2>small,.section-avatars header>h2>small,.section-stats header>h2>small,.marquee header>h2>small,.marquee-green header>h2>small,.marquee-white header>h2>small,.marquee-gray header>h2>small,#site-footer header>h2>small,.section header>h3>small,.section-white header>h3>small,.section-gray header>h3>small,.section-gray-paper header>h3>small,.section-darkblue header>h3>small,.section-avatars header>h3>small,.section-stats header>h3>small,.marquee header>h3>small,.marquee-green header>h3>small,.marquee-white header>h3>small,.marquee-gray header>h3>small,#site-footer header>h3>small {
    display: block;
    font-size: 35%;
    font-weight: 100;
    color: #292929
}

.section header h1,.section-white header h1,.section-gray header h1,.section-gray-paper header h1,.section-darkblue header h1,.section-avatars header h1,.section-stats header h1,.marquee header h1,.marquee-green header h1,.marquee-white header h1,.marquee-gray header h1,#site-footer header h1 {
    font-size: 4em
}

.section header h2,.section-white header h2,.section-gray header h2,.section-gray-paper header h2,.section-darkblue header h2,.section-avatars header h2,.section-stats header h2,.marquee header h2,.marquee-green header h2,.marquee-white header h2,.marquee-gray header h2,#site-footer header h2 {
    font-size: 2.5em
}

.section header .subtitle,.section-white header .subtitle,.section-gray header .subtitle,.section-gray-paper header .subtitle,.section-darkblue header .subtitle,.section-avatars header .subtitle,.section-stats header .subtitle,.marquee header .subtitle,.marquee-green header .subtitle,.marquee-white header .subtitle,.marquee-gray header .subtitle,#site-footer header .subtitle {
    margin-top: -40px;
    margin-bottom: 40px;
    font-size: 20px;
    text-align: center;
    color: #777
}

.section .narrow,.section-white .narrow,.section-gray .narrow,.section-gray-paper .narrow,.section-darkblue .narrow,.section-avatars .narrow,.section-stats .narrow,.marquee .narrow,.marquee-green .narrow,.marquee-white .narrow,.marquee-gray .narrow,#site-footer .narrow {
    max-width: 640px;
    margin: 0 auto
}

.section .x-narrow,.section-white .x-narrow,.section-gray .x-narrow,.section-gray-paper .x-narrow,.section-darkblue .x-narrow,.section-avatars .x-narrow,.section-stats .x-narrow,.marquee .x-narrow,.marquee-green .x-narrow,.marquee-white .x-narrow,.marquee-gray .x-narrow,#site-footer .x-narrow {
    max-width: 480px;
    margin: 0 auto
}

.section h3,.section-white h3,.section-gray h3,.section-gray-paper h3,.section-darkblue h3,.section-avatars h3,.section-stats h3,.marquee h3,.marquee-green h3,.marquee-white h3,.marquee-gray h3,#site-footer h3 {
    font-size: 1.3em;
    line-height: 1.5em
}

.section-testimonial {
    padding: 70px 0px 55px;
    background: #28B22C
}

.section-testimonial.blue {
    background: #008CDD
}

.section-testimonial.blue a:hover {
    color: #FFF
}

.section-testimonial.blue .ghost-btn:hover {
    color: #008CDD
}

.section-testimonial * {
    color: #fff
}

.section-testimonial blockquote {
    padding: 0px;
    border-left: none
}

.section-testimonial blockquote>p {
    font-size: 36px;
    font-weight: 100;
    line-height: 140%
}

.section-testimonial blockquote>p:before,.section-testimonial blockquote>p:after {
    content: '\0022'
}

.section-testimonial blockquote.text-medium>p {
    font-size: 24px;
    line-height: 140%
}

.section-testimonial blockquote footer:before {
    display: none
}

.section-testimonial blockquote footer .customer-info {
    width: 350px;
    display: inline-block
}

.section-testimonial blockquote footer .see-more {
    float: right
}

@media screen and (max-width: 690px) {
    .section-testimonial blockquote footer .see-more {
        float:none;
        margin-top: 20px
    }
}

.section-testimonial blockquote footer img {
    width: 70px;
    margin-right: 15px;
    float: left;
    border-radius: 1000px
}

.section-testimonial blockquote footer p {
    margin-top: 5px;
    font-size: 26px;
    text-align: left;
    line-height: 110%
}

.section-testimonial blockquote footer span {
    display: block;
    font-size: 20px;
    font-style: italic
}

.section-testimonial .ghost-btn {
    padding: 16px 26px;
    box-shadow: inset 0px 0px 0px 1px #fff;
    font-size: 18px
}

.section-testimonial .ghost-btn:hover {
    background: #fff;
    color: #28B22C
}

@media screen and (max-width: 980px) {
    .section,.section-white,.section-gray,.section-gray-paper,.section-darkblue,.section-avatars,.section-stats,.marquee,.marquee-green,.marquee-white,.marquee-gray,#site-footer {
        padding:2em 0px
    }

    .section .container,.section-white .container,.section-gray .container,.section-gray-paper .container,.section-darkblue .container,.section-avatars .container,.section-stats .container,.marquee .container,.marquee-green .container,.marquee-white .container,.marquee-gray .container,#site-footer .container {
        width: 90%
    }

    .section header h2,.section-white header h2,.section-gray header h2,.section-gray-paper header h2,.section-darkblue header h2,.section-avatars header h2,.section-stats header h2,.marquee header h2,.marquee-green header h2,.marquee-white header h2,.marquee-gray header h2,#site-footer header h2 {
        font-size: 30px
    }

    .section header .subtitle,.section-white header .subtitle,.section-gray header .subtitle,.section-gray-paper header .subtitle,.section-darkblue header .subtitle,.section-avatars header .subtitle,.section-stats header .subtitle,.marquee header .subtitle,.marquee-green header .subtitle,.marquee-white header .subtitle,.marquee-gray header .subtitle,#site-footer header .subtitle {
        margin-top: -30px
    }

    .section .narrow,.section-white .narrow,.section-gray .narrow,.section-gray-paper .narrow,.section-darkblue .narrow,.section-avatars .narrow,.section-stats .narrow,.marquee .narrow,.marquee-green .narrow,.marquee-white .narrow,.marquee-gray .narrow,#site-footer .narrow {
        max-width: 100%
    }
}

.section-white {
    background-color: #fff
}

.section-gray {
    background-color: #fafafa
}

.section-gray-paper {
    background-color: #fafafa;
    position: relative;
    z-index: 5
}

.section-gray-paper .container {
    background: #FFF;
    margin-top: -100px;
    padding: 40px;
    border: 1px solid #F1F1F1
}

@media screen and (max-width: 900px) {
    .section-gray-paper .container {
        margin-top:-75px
    }

    .section-gray-paper .container h1:first-child {
        margin-top: 0
    }
}

.section-darkblue {
    background-color: #004B76
}

.section-faq {
    padding-top: 2em
}

.section-faq .container {
    max-width: 900px
}

.section-faq .section-title {
    color: #777777;
    text-align: center;
    margin-bottom: 50px
}

.section-avatars {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #fafafa url("/images/avatars-bg-9bf22059.jpg") repeat;
    background-size: contain
}

.section-stats {
    background: #f7f7f7;
    color: #FFF;
    padding: 15px 0;
    text-align: center
}

.section-stats p {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
    color: #8c8c8c
}

.section-stats h2 {
    margin: 0;
    font-size: 22px
}

@media screen and (max-width: 960px) {
    .section-stats h2 {
        margin-bottom:1em
    }
}

.section.section-padless,.section-padless.section-white,.section-padless.section-gray,.section-padless.section-gray-paper,.section-padless.section-darkblue,.section-padless.section-avatars,.section-padless.section-stats,.section-padless.marquee,.section-padless.marquee-green,.section-padless.marquee-white,.section-padless.marquee-gray,.section-padless#site-footer {
    padding-top: 0;
    padding-bottom: 0
}

.marquee,.marquee-green,.marquee-white,.marquee-gray {
    padding-bottom: 0;
    background-color: #292929;
    color: #fff;
    text-align: center
}

.marquee header,.marquee-green header,.marquee-white header,.marquee-gray header {
    max-width: none
}

.marquee header>h1,.marquee-green header>h1,.marquee-white header>h1,.marquee-gray header>h1 {
    margin: 0;
    font-size: 4em;
    line-height: 1
}

.marquee p,.marquee-green p,.marquee-white p,.marquee-gray p {
    margin: 1.5em 0;
    color: darkgray;
    text-align: center;
    font-size: 1.2em
}

.marquee-green {
    background-color: #28B22C
}

.marquee-green p {
    color: #ccf4cd
}

.marquee-white {
    background-color: #fff;
    color: #626262
}

.marquee-gray {
    background-color: #fafafa;
    color: #626262
}

.code {
    font-family: Consolas, Menlo, Courier, monospace;
    font-size: 13px;
    color: #848484
}

.polaroid {
    width: 100%;
    display: inline-block;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.4)
}

.polaroid>img,.polaroid>video {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    display: block
}

.polaroid>.caption {
    display: block;
    padding: 5px 0 0 5px;
    letter-spacing: 2px;
    color: #848484
}

.polaroid>.caption>a {
    color: inherit
}

.endorsement .polaroid {
    width: 100px
}

.endorsement p:before {
    content: "“";
    position: absolute;
    z-index: -1;
    top: 35px;
    left: -30px;
    color: #fafafa;
    font-size: 9em;
    text-shadow: 0 0 5px rgba(0,0,0,0.07)
}

.endorsement p {
    position: relative;
    z-index: 0;
    margin: 0 2em 0 0;
    line-height: 1.5em;
    font-size: 1.1em;
    color: #292929
}

.endorsement span {
    text-align: right;
    display: block;
    color: #848484;
    font-size: 1.1em
}

.endorsement span a {
    color: #848484
}

.endorsement span a:hover {
    color: #292929;
    text-decoration: none
}

.col-boxes {
    margin: 0 15px;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}

.col-boxes a {
    color: #3cbb7c;
    font-weight: 500
}

.col-boxes a:hover {
    color: #3cbb7c
}

.col-boxes a:visited {
    color: #329c67
}

.col-boxes li:first-child {
    margin-left: -13px
}

.col-boxes li:last-child {
    margin-right: -15px
}

.col-boxes .col-box {
    background-color: #fff;
    padding: 1em;
    padding: 1em;
    margin-bottom: 2em;
    overflow: hidden
}

.col-boxes .col-box h5 {
    float: left;
    margin-top: 15px;
    font-size: 1.1em
}

.col-boxes .col-box .contact-info {
    font-size: 0.85em;
    clear: both
}

.col-boxes .col-box .contact-info strong {
    font-size: 1em;
    color: #292929
}

.col-boxes .col-box .price,.col-boxes .col-box .label {
    float: right;
    background: #47c486;
    padding: 0.2em 0.6em;
    margin-top: 13px;
    font-size: 1em;
    line-height: 1em;
    border-radius: 5px
}

.col-boxes .col-box .price em,.col-boxes .col-box .price strong,.col-boxes .col-box .label em,.col-boxes .col-box .label strong {
    color: #fff;
    font-size: 0.75em;
    display: inline-block;
    line-height: 1.5em
}

.col-boxes .col-box .price em,.col-boxes .col-box .label em {
    color: #b3f8b4;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-style: normal;
    word-spacing: 0;
    margin-right: 5px;
    line-height: 1.4em
}

.col-boxes .col-box .price strong,.col-boxes .col-box .label strong {
    margin-right: 0
}

.col-boxes .col-box blockquote {
    clear: both;
    margin: 1em 0 0;
    line-height: 1.6em;
    padding: 0.25em 0;
    border-left: 0;
    text-indent: 0;
    font-size: 1em;
    color: #848484;
    font-weight: 100
}

.col-boxes .col-box blockquote small {
    display: block;
    margin-top: 0.5em
}

.col-boxes .col-box blockquote:before {
    content: none
}

.col-boxes .col-box img {
    border-radius: 50px;
    height: 75px;
    width: 75px;
    float: none;
    display: block;
    margin: 1em auto 0
}

.col-boxes .col-box img+h5 {
    float: none;
    clear: both;
    text-align: center;
    margin-bottom: 0
}

.col-boxes .col-box .twitter-btn {
    margin: 1em auto 0;
    float: none;
    display: block;
    text-align: center
}

.col-boxes .col-box em {
    font-weight: 100;
    text-align: center;
    display: block;
    color: #848484;
    font-size: 1em;
    font-weight: 300
}

.col-boxes .labels {
    padding: 0 15px;
    margin-top: 0.5em;
    line-height: 1.25em
}

.col-boxes .labels .label {
    background: #fafafa;
    border: 1px solid #dddddd;
    float: none;
    display: inline-block;
    color: #848484;
    font-size: 0.75em;
    line-height: 1em;
    padding: 0.3em 0.5em 0.15em;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase
}

.col-boxes .col-md-4 {
    display: inline-block
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.no-gutters>[class^="col-"],.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0
}

.vimeo-player-overlay {
    opacity: 0.9;
    background: #000
}

.vimeo-player-overlay:hover {
    cursor: pointer;
    opacity: 1
}

.modal-content {
    box-shadow: none;
    border-radius: 0
}

.panel {
    background: #FAFAFA;
    border: 1px solid #F1F1F1;
    padding: 20px
}

.panel p {
    margin-bottom: 1em
}

.panel p:last-child {
    margin-bottom: 0
}

.panel img.icon {
    float: left;
    height: 40px;
    margin-right: 10px;
    position: relative;
    width: auto;
    top: 5px
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility
}

.ie8-below-alert {
    padding-top: 20px;
    background: #f7e591
}

.ie8-below-alert img {
    float: left;
    margin-right: 20px
}

.btn-french-quote {
    font-size: 130%
}

.modal {
    bottom: auto;
    overflow-x: auto;
    overflow-y: auto
}

.modal-dialog {
    max-width: 600px;
    width: 90%;
    margin-top: 0px;
    margin-bottom: 0px
}

dl.list-info dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px
}

dl.list-info dd {
    margin-bottom: 30px
}

.no-padding {
    padding: 0
}

.no-padding-btm {
    padding-bottom: 0
}

.no-margin {
    margin: 0
}

.no-margin-btm {
    margin-bottom: 0
}

.chargify-logo {
    margin-right: 20px
}

.chargify-logo img {
    height: 40px;
    width: auto
}

.chargify-logo.fixed {
    display: none
}

#logo-share .modal-body img {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px;
    width: 100%
}

#logo-share .modal-body img.dark {
    background: #000
}

.top-bar {
    width: 100%;
    padding: 0px 25px;
    position: fixed;
    top: 0px;
    z-index: 800;
    background: #f7f7f7
}

.top-bar-inner {
    width: 100%;
    max-width: 1140px;
    margin: 0px auto
}

.site-nav-secondary {
    float: right
}

.site-nav-secondary li {
    margin: 13px 10px 13px 0px;
    padding-right: 10px;
    border-right: 1px solid #9e9e9e;
    line-height: 100%
}

.site-nav-secondary li:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none
}

.site-nav-secondary a {
    padding: 0px !important;
    font-size: 14px;
    color: #9e9e9e;
    line-height: 100% !important
}

.site-nav-secondary .is-active,.site-nav-secondary a:hover {
    text-decoration: underline !important
}

@media screen and (max-width: 900px) {
    .top-bar {
        display:none
    }
}

.site-header {
    transition: background-color 250ms ease-out;
    background: none;
    box-shadow: none;
    border: 0;
    position: absolute;
    padding: 15px 0 18px;
    width: 100%;
    z-index: 10
}

.site-header .container {
    width: inherit;
    padding: 0 10px
}

.site-header .site-nav-main li a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 500;
    transition: 0ms
}

@media screen and (max-width: 1000px) {
    .site-header .site-nav-main li a {
        font-size:14px;
        padding: 14px 10px
    }
}

.site-header .site-nav-main>li:not(.btn):hover .dropdown-toggle {
    background: #FFF;
    color: #414141;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.site-header .site-nav-main>li:not(.dropdown) a:not(.btn),.site-header .site-nav-main>li>a.dropdown-toggle {
    color: #FFF
}

.site-header .site-nav-main>li:not(.dropdown) a:not(.btn):hover,.site-header .site-nav-main>li>a.dropdown-toggle:hover {
    background: #FFF;
    color: #2DC833;
    border-radius: 4px
}

.site-header .site-nav-main .ghost-btn {
    background-color: #fc7500;
    border-radius: 50px;
    font-weight: 500;
    padding-left: 14px;
    padding-right: 14px;
    color: #FFF
}

.site-header .site-nav-main .ghost-btn:hover {
    background-color: #c95d00
}

.site-header.affix .site-nav-main>li:not(.dropdown) a:not(.btn),.site-header.affix .site-nav-main>li>a.dropdown-toggle,.site-header.nav-dark .site-nav-main>li:not(.dropdown) a:not(.btn),.site-header.nav-dark .site-nav-main>li>a.dropdown-toggle {
    color: #414141
}

.site-header.affix .site-nav-main>li:not(.dropdown) a:not(.btn):hover,.site-header.affix .site-nav-main>li>a.dropdown-toggle:hover,.site-header.nav-dark .site-nav-main>li:not(.dropdown) a:not(.btn):hover,.site-header.nav-dark .site-nav-main>li>a.dropdown-toggle:hover {
    color: #2DC833
}

.site-header.affix .site-nav-main .ghost-btn,.site-header.nav-dark .site-nav-main .ghost-btn {
    background-color: #fc7500;
    border-radius: 50px;
    color: #FFF
}

.site-header.affix .site-nav-main .ghost-btn:hover,.site-header.nav-dark .site-nav-main .ghost-btn:hover {
    background-color: #c95d00
}

.site-header.affix {
    transition: background-color 250ms ease-in;
    background: #FFF;
    border-bottom: 1px solid #CCC;
    padding: 10px 0;
    top: 0
}

.site-header.affix .chargify-logo {
    display: none
}

.site-header.affix .chargify-logo.fixed {
    display: block
}

.site-header-inner {
    width: 100%;
    max-width: 1140px;
    margin: 0px auto
}

.site-header-inner .chargify-logo {
    float: left
}

.toggle-menu {
    width: 50px;
    height: 45px;
    padding-top: 3px;
    float: right;
    display: none;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    background: url("/images/toggle-menu-icon-0dffb756.png") no-repeat;
    text-indent: -9999px;
    z-index: 5
}

.toggle-menu.active {
    height: 50px;
    background-color: #FFF;
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0
}

.site-nav-wrap {
    float: right;
    display: inline-block
}

.site-nav-wrap a:not(.btn) {
    padding: 3px 0px 0px
}

.site-nav-main {
    float: none;
    display: block;
    clear: both
}

.site-nav-main a {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

.site-nav-main a:not(.btn) {
    padding: 10px 10px;
    margin-right: 0;
    color: #777
}

.site-nav-main a.is-active,.site-nav-main a:not(.btn):hover {
    color: #47c486
}

.site-nav-main .btn {
    padding: 10px 15px
}

.site-nav-main .dropdown .dropdown-menu {
    border: 0;
    border-top-right-radius: 4px;
    padding: 5px
}

.site-nav-main .dropdown .dropdown-menu li a {
    margin: 0;
    padding: 5px 10px
}

.site-nav-main .dropdown .dropdown-menu li:hover a {
    background: none;
    text-decoration: none
}

.site-nav-main .dropdown:hover .dropdown-menu {
    display: block;
    z-index: 10
}

.site-nav-mobile {
    display: none
}

.mobile-sub-nav {
    display: none
}

@media screen and (max-width: 900px) {
    .site-header .chargify-logo,.site-header.affix .chargify-logo {
        margin-top:-3px
    }

    .site-header .toggle-menu,.site-header.affix .toggle-menu {
        width: 40px;
        height: 40px;
        background-position: center center
    }

    .site-header {
        position: absolute;
        max-height: 100%;
        overflow-y: auto
    }

    .site-header-inner-top,.toggle-menu {
        display: inline-block
    }

    .site-nav-wrap.mobile-hide {
        display: none
    }

    .site-nav-wrap.mobile-show {
        display: block
    }

    .site-nav-wrap {
        padding-bottom: 5px;
        float: none;
        clear: both
    }

    .site-nav-main {
        display: none
    }

    .site-nav-mobile {
        background: #fff;
        border: 1px solid #e2e2e2;
        width: 100%;
        display: inline-block;
        padding: 20px;
        float: none;
        clear: both
    }

    .site-nav-mobile>li {
        width: 40%;
        margin: 0 5%
    }

    .site-nav-mobile .btn-item {
        width: 100%;
        margin: 0
    }

    .site-nav-mobile a {
        display: block
    }

    .site-nav-mobile a:not(.btn) {
        margin: 0px;
        padding: 10px 0px;
        font-size: 17px;
        font-weight: 600;
        color: #444
    }

    .site-nav-mobile .btn {
        margin-top: 30px
    }

    .mobile-sub-nav {
        padding: 0px;
        display: block
    }

    .mobile-sub-nav li {
        list-style: none
    }

    .mobile-sub-nav a:not(.btn) {
        padding: 5px 0px;
        font-size: 15px;
        font-weight: 400;
        text-transform: none;
        line-height: 100%;
        color: #888
    }

    .mobile-sub-nav a:not(.btn):before {
        content: '- '
    }

    .mobile-sub-nav a.active,.mobile-sub-nav a:hover {
        text-decoration: none;
        color: #47c486
    }

    .mobile-secondary-nav {
        width: 100% !important;
        padding-top: 10px;
        text-align: center;
        line-height: 100%;
        margin: 0 !important
    }

    .mobile-secondary-nav a:not(.btn) {
        padding: 0px !important;
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
        text-transform: none;
        color: #888
    }
}

@media screen and (max-width: 400px) {
    .site-nav-mobile>li {
        width:100%;
        margin-right: 0% !important
    }

    .site-nav-mobile a:not(.btn) {
        padding: 5px 0px
    }

    .site-nav-mobile .btn {
        margin-top: 10px
    }
}

.site-sub-nav-wrap {
    width: 100%;
    padding: 0px;
    top: 116px;
    z-index: 100;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    background: #fff;
    transition: top ease 250ms
}

.site-sub-nav-wrap.affix {
    top: 0px
}

.site-sub-nav-inner {
    width: 100%;
    max-width: 1140px;
    margin: 0px auto;
    border-top: 1px solid #ebebeb
}

.site-sub-nav {
    float: none;
    text-align: center
}

.site-sub-nav li {
    float: none;
    display: inline-block
}

.site-sub-nav li a {
    padding: 20px 18px !important;
    font-size: 16px;
    font-weight: 400;
    color: #777
}

.site-sub-nav .active,.site-sub-nav a:hover {
    color: #47c486
}

.site-sub-nav li:last-child a {
    padding-right: 0px
}

@media screen and (max-width: 900px) {
    .site-sub-nav-wrap {
        display:none
    }
}

#content-pane section.no-padding-btm {
    padding-bottom: 0 !important
}

#content-pane section.block {
    color: #FFF;
    padding: 50px 0 75px;
    text-align: center
}

#content-pane section.block.gradient {
    background: #77c2ad;
    background: -moz-linear-gradient(-45deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #77c2ad), color-stop(29%, #6cb8a9), color-stop(40%, #68b5a8), color-stop(100%, #49989d));
    background: -webkit-linear-gradient(-45deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    background: -o-linear-gradient(-45deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    background: -ms-linear-gradient(-45deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    background: linear-gradient(135deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c2ad', endColorstr='#49989d',GradientType=1 )
}

#content-pane section.block.dark {
    background: #414141
}

#content-pane section.block.green {
    background: #47c486
}

#content-pane section.block .cta {
    border-radius: 4px;
    padding: 12px 15px 11px;
    color: #FFF
}

#content-pane section.block .cta:hover {
    text-decoration: none
}

#content-pane section.section-info-block .block {
    padding: 40px 0
}

@media screen and (max-width: 900px) {
    #content-pane section.section-info-block .block {
        padding:20px 0
    }
}

#content-pane section.section-info-block .block h2 {
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    line-height: 1em
}

@media screen and (max-width: 900px) {
    #content-pane section.section-info-block .block h2 {
        margin-bottom:20px
    }
}

#content-pane section.section-info-block .block p.note {
    font-style: italic
}

#content-pane section.section-info-block .block p:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 480px) {
    #content-pane section img {
        margin-bottom:25px
    }
}

.jumbotron {
    padding-top: 150px;
    padding-bottom: 75px;
    position: relative
}

.jumbotron.padding-btm-medium {
    padding-bottom: 110px
}

.jumbotron.padding-btm-large {
    padding-bottom: 150px
}

.jumbotron.dark {
    background: #414141
}

.jumbotron.dark small {
    color: #CCC
}

.jumbotron.dark .jumbotron-title {
    color: #FFF
}

.jumbotron .jumbotron-text {
    max-width: 800px;
    margin: 0 auto
}

.jumbotron>.container {
    z-index: 5;
    position: relative
}

.jumbotron.tint:before {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    position: absolute
}

#cta-free-trial {
    background: #77c2ad;
    background: -moz-linear-gradient(-45deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #77c2ad), color-stop(29%, #6cb8a9), color-stop(40%, #68b5a8), color-stop(100%, #49989d));
    background: -webkit-linear-gradient(-45deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    background: -o-linear-gradient(-45deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    background: -ms-linear-gradient(-45deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    background: linear-gradient(135deg, #77c2ad 0%, #6cb8a9 29%, #68b5a8 40%, #49989d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c2ad', endColorstr='#49989d',GradientType=1 );
    color: #FFF;
    padding: 50px 0 75px;
    text-align: center
}

#cta-free-trial.dark {
    background: #414141
}

#cta-free-trial h3 {
    font-weight: 200
}

#cta-free-trial form {
    margin-top: 30px
}

#cta-free-trial form input {
    border: 0;
    display: inline-block;
    height: 50px;
    padding: 0 25px
}

#cta-free-trial form input[type="text"] {
    color: #666;
    width: 35%;
    margin-right: -5px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

#cta-free-trial form input[type="text"]:focus {
    outline: none
}

#cta-free-trial form input[type="submit"] {
    background: #FC7500;
    color: #FFF;
    margin-left: 0;
    width: 15%;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#cta-free-trial form input[type="submit"]:hover {
    background-color: #D66400
}

@media screen and (max-width: 960px) {
    #cta-free-trial form input[type="text"] {
        width:50%
    }

    #cta-free-trial form input[type="submit"] {
        width: 25%
    }
}

@media screen and (max-width: 500px) {
    #cta-free-trial form input[type="text"] {
        width:60%
    }

    #cta-free-trial form input[type="submit"] {
        width: 40%
    }
}

#site-footer {
    min-height: 514px;
    background-color: #292929;
    padding-bottom: 0
}

#site-footer h5 {
    font-size: 1.1em
}

#site-footer h5,#site-footer h5>a {
    color: #dddddd
}

#site-footer li {
    padding: 5px 0
}

#site-footer a {
    color: #848484
}

#site-footer p {
    color: #848484
}

#site-footer .inset {
    padding: 12px 18px
}

#site-footer .chargify-logo {
    margin-top: 10px
}

#site-footer .site-footer-text p {
    margin-bottom: 0px
}

#site-footer .site-footer-text .made-remotely {
    color: #FFF;
    opacity: 0.6;
    transition: all 250ms ease
}

#site-footer .site-footer-text .made-remotely:hover {
    opacity: 0.9;
    text-decoration: none
}

#site-footer .site-footer-text .made-remotely img {
    height: 18px;
    width: 18px;
    margin-top: -5px
}

#site-footer hr {
    margin: 40px 0px 30px;
    height: 1px;
    border: none;
    border-bottom: 1px solid #373737;
    background: #131313
}

#site-footer .social-icons li:before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 2px;
    content: '';
    background: url("../images/social-icons-4e0d34bc.png") no-repeat
}

#site-footer .social-icons .twitter:before {
    background-position: -25px 0px
}

#site-footer .social-icons .facebook:before {
    background-position: -50px 0px
}

#site-footer .social-icons .linkedin:before {
    background-position: -75px 0px
}

#site-footer .social-icons .google:before {
    background-position: -100px 0px
}

#site-footer .social-icons .flickr:before {
    background-position: -125px 0px
}

@media screen and (max-width: 900px) {
    #site-footer .col-md-3 {
        width:48%;
        float: left
    }

    #site-footer .site-footer-text:last-child {
        padding-top: 10px;
        text-align: left
    }
}

@media screen and (max-width: 550px) {
    #site-footer .col-md-3 {
        width:100%;
        margin-top: 30px;
        float: none
    }
}

.jumbotron-resources .jumbotron-panel {
    min-height: 310px;
    padding-bottom: 60px;
    position: relative
}

.jumbotron-resources .jumbotron-panel .btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

@media screen and (max-width: 900px) {
    .jumbotron-resources .jumbotron-panel {
        min-height:100%
    }
}

.free-service {
    background: #fff
}

.x404,.x404 .jumbotron {
    background: #fff
}

.x404 .container,.x404 .jumbotron .container {
    padding-bottom: 60px
}

.x404 .jumbotron .container,.x404 .jumbotron .jumbotron .container {
    padding-bottom: 0px
}

.x404 #site-footer,.x404 .jumbotron #site-footer {
    height: 544px
}

.overview-section-graph {
    background-image: url("/images/graph-bg-b053522d.png");
    background-size: cover;
    background-position: bottom
}

.overview-company-logos .mobile-sep {
    display: none
}

@media screen and (max-width: 1220px) {
    .overview-section-lifecycle .col-md-7 {
        width:100%
    }

    .overview-section-lifecycle .overview-section-lifecycle-img {
        display: none
    }
}

@media screen and (max-width: 980px) {
    .overview-company-logos .col-md-2 {
        width:33.33%;
        margin-bottom: 20px;
        float: left
    }
}

@media screen and (max-width: 900px) {
    .overview-cta-buttons .col-md-6 {
        margin-top:10px;
        display: block;
        clear: both;
        text-align: center
    }

    .overview-cta-buttons .col-md-6 a {
        float: none !important
    }
}

@media screen and (max-width: 500px) {
    .overview-company-logos .col-md-2 {
        width:50%
    }

    .overview-company-logos .mobile-sep {
        display: block;
        clear: both
    }
}

#payment-gateways {
    padding: 0;
    overflow: hidden;
    font-size: 1rem;
    font-weight: normal
}

#payment-gateways .free-plan {
    border-top: none;
    padding: 2rem 15px
}

.payment-gateway-table {
    min-width: 1140px
}

.payment-gateway-table img {
    margin-bottom: 10px;
    display: block
}

.payment-gateways-container {
    text-align: center
}

.payment-gateways-container img,.payment-gateways-container p {
    margin-bottom: 12px
}

.payment-gateways-container p {
    color: #777;
    text-align: left
}

.payment-gateways-container strong {
    color: #262626
}

@media screen and (max-width: 900px) {
    .payment-gateways-buttons {
        text-align:center
    }

    .payment-gateways-buttons .col-md-6 {
        float: none;
        display: block;
        clear: both
    }

    .payment-gateways-buttons .col-md-6 .btn {
        margin-bottom: 20px;
        float: none !important
    }
}

@media screen and (max-width: 500px) {
    .payment-gateways-buttons .col-md-6 .btn {
        display:block;
        font-size: 13px
    }

    .payment-gateways-buttons .col-md-6 .iconic {
        display: none
    }

    .payment-gateways-buttons .col-md-6 .btn-mobile-hide {
        display: none
    }
}

.integrations .integration-img {
    width: 350px;
    max-width: 113%;
    height: 90px;
    margin: -15px -15px 0px;
    display: inline-block;
    background: url("../images/integrations-sprite-e3545af0.png") no-repeat;
    background-size: 100%
}

.integrations .integration-img.shopify {
    background-position: 0px 0px
}

.integrations .integration-img.xero {
    background-position: 0px -100px
}

.integrations .integration-img.salesforce {
    background-position: 0px -200px
}

.integrations .integration-img.zapier {
    background-position: 0px -300px
}

.integrations .integration-img.wufoo {
    background-position: 0px -400px
}

.integrations .integration-img.formstack {
    background-position: 0px -500px
}

.integrations .integration-img.ambassador {
    background-position: 0px -600px
}

.integrations .integration-img.drip {
    background-position: 0px -700px
}

.integrations .integration-img.leaddyno {
    background-position: 0px -800px
}

.integrations .integration-img.chargely {
    background-position: 0px -900px
}

.integrations .integration-img.clickdesk {
    background-position: 0px -1000px
}

.integrations .integration-img.cloudwork {
    background-position: 0px -1100px
}

.integrations .integration-img.geckoboard {
    background-position: 0px -1200px
}

.integrations .integration-img.ininbox {
    background-position: 0px -1300px
}

.integrations .integration-img.leftronic {
    background-position: 0px -1400px
}

.integrations .integration-img.pipeliner {
    background-position: 0px -1500px
}

.integrations .integration-img.mailchimp {
    background-position: 0px -1600px
}

.integrations .integration-img.chartmogul {
    background-position: 0px -1700px
}

.integrations .integration-img.twilio {
    background-position: 0px -1800px
}

.integrations .integration-img.workato {
    background-position: 0px -1900px
}

.integrations .integration-img.iduzzit {
    background-position: 0px -2000px
}

.integrations .integration-img.wordpress {
    background-position: 0px -2100px
}

.integrations .integration-img.churnbuster {
    background-position: 0px -2200px
}

.integrations .integration-img.webmerge {
    background-position: 0px -2300px
}

.integrations .integration-img.klipfolio {
    background-position: 0px -2400px
}

.integrations .integration-img.zendesk {
    background-position: 0px -2500px
}

.integrations .integration-img.amity {
    background-position: 0px -2600px
}

.integrations .integration-img.pirateship {
    background-position: 0px -2700px
}

.integrations .integration-img.qbo {
    background-position: 0px -2800px
}

.integrations .integration-img.natero {
    background-position: 0px -2900px
}

.integrations .integration-img.baremetrics {
    background-position: 0px -3000px
}

.integrations .integration-img.growsumo {
    background-position: 0px -3100px
}

.integrations h2 {
    margin-top: 0px;
    font-size: 24px
}

.jumbotron-about {
    background-image: url("/images/bg-about-2e534674.jpg");
    background-position: center
}

.about-team-member-wrap {
    max-width: 300px;
    text-align: center
}

.about-team-member-wrap h5 {
    margin: 10px 0px 0px;
    font-size: 18px;
    color: #292929
}

.about-team-member-wrap p {
    font-size: 16px
}

.about-team-member {
    position: relative
}

.about-team-member img {
    padding: 4px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #fff
}

.about-team-member:hover .about-team-member-overlay {
    opacity: 1
}

.about-team-member-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: opacity linear 0.15s;
    transition: opacity linear 0.15s;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: rgba(255,255,255,0.9)
}

.about-team-social {
    width: 100%;
    padding: 0px 30px;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%)
}

.about-team-social a {
    width: 42px;
    height: 42px;
    margin: 0px 3px;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    background: url("/images/about-team-social-icons-d4334235.png") no-repeat
}

.about-team-social .about-team-social-linkedin {
    background-position: -50px 0px
}

.about-team-social .about-team-social-bio {
    background-position: -102px 0px
}

@media screen and (max-width: 900px) {
    .about-polaroids .col-md-3 {
        width:50%;
        margin-top: 4%;
        float: left
    }

    .about-team-member-wrap {
        width: 50%;
        float: left
    }
}

@media screen and (max-width: 680px) {
    .about-polaroids .col-md-3 {
        width:100%;
        float: none
    }

    .about-team-member-wrap {
        width: 50%
    }
}

@media screen and (max-width: 550px) {
    .about-team {
        text-align:center
    }

    .about-team-member-wrap {
        width: 100%;
        float: none;
        display: inline-block
    }
}

.about-team-member-wrap-clearfix {
    width: 100%;
    display: none;
    clear: both;
    content: ''
}

@media screen and (min-width: 901px) {
    .about-team-member-wrap-clearfix:nth-of-type(4n) {
        display:block
    }
}

@media screen and (max-width: 900px) and (min-width: 681px) {
    .about-team-member-wrap-clearfix:nth-of-type(3n) {
        display:block
    }
}

@media screen and (max-width: 680px) and (min-width: 551px) {
    .about-team-member-wrap-clearfix:nth-of-type(2n) {
        display:block
    }
}

@media screen and (max-width: 550px) {
    .about-team-member-wrap-clearfix {
        display:none
    }
}

.about-team .col-box {
    padding-bottom: 66px;
    position: relative
}

.about-team .col-box .btn {
    width: 90%;
    position: absolute;
    bottom: 15px;
    left: 15px
}

#home-customers #amount-managed {
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1;
    margin: 0 18px 0 0
}

#home-customers #amount-managed>span {
    font-family: Helvetica, Arial, sans-serif
}

#home-customers #amount-managed>.intro {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 400;
    text-transform: uppercase
}

#home-customers #amount-managed>.dollars {
    margin: 5px 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 200;
    color: #47c486
}

#home-customers #amount-managed>.outro {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 400;
    color: #848484
}

#home-customers .endorsements {
    margin-top: 4em
}

#home-confidence {
    font-size: 16px;
    position: relative;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    margin-top: -7%;
    padding-top: 6em;
    background-color: #fff
}

#home-confidence h3 {
    margin: 0
}

#home-confidence .tab {
    height: 6em;
    position: relative;
    margin: 0;
    padding: 1.5em;
    position: absolute;
    top: 0;
    border-top: 5px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background-color: #f7f7f7;
    font-size: 1em;
    cursor: pointer
}

#home-confidence .tab.active {
    background-color: #fff;
    height: 7em;
    top: -1em;
    border-bottom: none;
    border-right: 1px solid #c4c4c4
}

#home-confidence .tab#customers-tab {
    width: 25%;
    left: 0
}

#home-confidence .tab#experience-tab {
    width: 25%;
    left: 25%
}

#home-confidence .tab#secure-tab {
    width: 25%;
    left: 50%
}

#home-confidence .tab#developer-tab {
    width: 25%;
    left: 75%;
    border-right: none
}

#home-confidence .tab .tab-icon,#home-confidence .tab .tab-icon-building {
    width: 30px;
    height: 36px;
    margin: 0px 20px 0px 5px;
    float: left;
    display: inline-block;
    background-image: url("../images/tab-icon-sprite-a8330b81.png")
}

#home-confidence .tab .tab-icon-building {
    background-position: 0px 0px
}

#home-confidence .tab .callout {
    font-family: Helvetica, Arial, sans-serif;
    color: #47c486;
    font-weight: 400;
    float: left;
    margin-right: 0.3em;
    margin-top: -0.1em;
    line-height: 1;
    font-size: 2.9em
}

#home-confidence .tab .callout .iconic * {
    fill: #47c486;
    stroke: #47c486
}

#home-confidence .tab .normal {
    display: block;
    font-size: 1.2em;
    line-height: 1
}

#home-confidence .tab-pane {
    min-height: 255px;
    padding: 1.5em;
    font-size: 1em
}

#home-confidence .tab-pane.open {
    display: block
}

#home-confidence .tab-pane.closed {
    display: none
}

#home-confidence .customer-logos {
    width: 67%;
    margin: 20px 0px 0px 20px;
    float: left
}

#home-confidence .customer-logos img {
    max-width: 100%
}

#home-confidence .mark-cuban-pic {
    width: 238px;
    float: right;
    overflow: hidden;
    border-radius: 3px;
    background: #f7f7f7
}

#home-confidence .mark-cuban-pic span {
    display: block;
    text-align: center
}

#home-confidence .mark-cuban-pic .name {
    padding-top: 10px;
    font-size: 20px;
    text-transform: uppercase
}

#home-confidence .mark-cuban-pic .text {
    padding: 0px 10px 15px;
    font-size: 15px;
    color: #666
}

#home-confidence #customers-pane:after {
    content: "";
    display: table;
    clear: both
}

#home-confidence #customers-pane .logo {
    float: left;
    padding: 0 2%
}

#secure-pane {
    background: transparent url("/images/pci-visa-badge-509e5b98.png") no-repeat 74px 58px;
    background-size: 180px 180px
}

#developer-pane {
    background: transparent url("/images/chargify-editor@2x-025716eb.png") no-repeat 94% 22px;
    background-size: 460px auto
}

#developer-cta .btn {
    margin-top: 3em
}

.jumbotron-home {
    background-image: url("/images/bg-home-2-9b98fa77.jpg")
}

.jumbotron-home .btn {
    margin: 2em 15px 0px
}

.jumbotron-home .ghost-btn {
    border: 1px solid #FFF;
    color: #FFF
}

.jumbotron-home .ghost-btn:hover {
    background: #FFF;
    color: #777
}

@media screen and (min-width: 901px) {
    .c-panels-top {
        border-bottom:1px solid #eee
    }

    .c-panels-top .c-panel:first-child {
        padding-right: 40px;
        padding-bottom: 40px;
        border-right: 1px solid #eee
    }

    .c-panels-top .c-panel:nth-child(2) {
        margin-left: -1px;
        padding-left: 40px;
        padding-bottom: 40px;
        border-left: 1px solid #eee
    }

    .c-panels-bottom .c-panel:first-child {
        padding-top: 30px;
        border-right: 1px solid #eee;
        padding-right: 40px
    }

    .c-panels-bottom .c-panel:nth-child(2) {
        margin-left: -1px;
        padding-left: 40px;
        padding-top: 30px;
        border-left: 1px solid #eee
    }
}

@media screen and (max-width: 900px) {
    .c-panels-top,.c-panels-bottom {
        text-align:center
    }
}

[class^="c-panel-icon-"] {
    height: 44px;
    display: inline-block;
    background: url("/images/panel-icons-77069f5a.png") no-repeat
}

[class^="c-panel-icon-"].c-panel-icon-trophy {
    width: 41px;
    background-position: 0px 0px
}

[class^="c-panel-icon-"].c-panel-icon-padlock {
    width: 29px;
    background-position: 0px -48px
}

[class^="c-panel-icon-"].c-panel-icon-building {
    width: 44px;
    background-position: 0px -94px
}

[class^="c-panel-icon-"].c-panel-icon-code {
    width: 44px;
    background-position: 0px -138px
}

.c-panels-wrap {
    max-width: 1170px;
    margin: 0px auto
}

.c-panels-wrap .headline,.c-panels-wrap .section header>h1,.section .c-panels-wrap header>h1,.c-panels-wrap .section-white header>h1,.section-white .c-panels-wrap header>h1,.c-panels-wrap .section-gray header>h1,.section-gray .c-panels-wrap header>h1,.c-panels-wrap .section-gray-paper header>h1,.section-gray-paper .c-panels-wrap header>h1,.c-panels-wrap .section-darkblue header>h1,.section-darkblue .c-panels-wrap header>h1,.c-panels-wrap .section-avatars header>h1,.section-avatars .c-panels-wrap header>h1,.c-panels-wrap .section-stats header>h1,.section-stats .c-panels-wrap header>h1,.c-panels-wrap .marquee header>h1,.marquee .c-panels-wrap header>h1,.c-panels-wrap .marquee-green header>h1,.marquee-green .c-panels-wrap header>h1,.c-panels-wrap .marquee-white header>h1,.marquee-white .c-panels-wrap header>h1,.c-panels-wrap .marquee-gray header>h1,.marquee-gray .c-panels-wrap header>h1,.c-panels-wrap #site-footer header>h1,#site-footer .c-panels-wrap header>h1,.c-panels-wrap .section header>h2,.section .c-panels-wrap header>h2,.c-panels-wrap .section-white header>h2,.section-white .c-panels-wrap header>h2,.c-panels-wrap .section-gray header>h2,.section-gray .c-panels-wrap header>h2,.c-panels-wrap .section-gray-paper header>h2,.section-gray-paper .c-panels-wrap header>h2,.c-panels-wrap .section-darkblue header>h2,.section-darkblue .c-panels-wrap header>h2,.c-panels-wrap .section-avatars header>h2,.section-avatars .c-panels-wrap header>h2,.c-panels-wrap .section-stats header>h2,.section-stats .c-panels-wrap header>h2,.c-panels-wrap .marquee header>h2,.marquee .c-panels-wrap header>h2,.c-panels-wrap .marquee-green header>h2,.marquee-green .c-panels-wrap header>h2,.c-panels-wrap .marquee-white header>h2,.marquee-white .c-panels-wrap header>h2,.c-panels-wrap .marquee-gray header>h2,.marquee-gray .c-panels-wrap header>h2,.c-panels-wrap #site-footer header>h2,#site-footer .c-panels-wrap header>h2,.c-panels-wrap .section header>h3,.section .c-panels-wrap header>h3,.c-panels-wrap .section-white header>h3,.section-white .c-panels-wrap header>h3,.c-panels-wrap .section-gray header>h3,.section-gray .c-panels-wrap header>h3,.c-panels-wrap .section-gray-paper header>h3,.section-gray-paper .c-panels-wrap header>h3,.c-panels-wrap .section-darkblue header>h3,.section-darkblue .c-panels-wrap header>h3,.c-panels-wrap .section-avatars header>h3,.section-avatars .c-panels-wrap header>h3,.c-panels-wrap .section-stats header>h3,.section-stats .c-panels-wrap header>h3,.c-panels-wrap .marquee header>h3,.marquee .c-panels-wrap header>h3,.c-panels-wrap .marquee-green header>h3,.marquee-green .c-panels-wrap header>h3,.c-panels-wrap .marquee-white header>h3,.marquee-white .c-panels-wrap header>h3,.c-panels-wrap .marquee-gray header>h3,.marquee-gray .c-panels-wrap header>h3,.c-panels-wrap #site-footer header>h3,#site-footer .c-panels-wrap header>h3 {
    margin-top: 30px
}

.c-panel-title {
    margin-top: 10px
}

.c-panel-link {
    margin-top: 20px;
    display: block;
    text-transform: uppercase
}

.c-customer-logos {
    padding: 3em 0em
}

.c-customer-logos .col-md-2 {
    min-height: 48px
}

.section-payment-gateways ul.gateway-list {
    display: table;
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.section-payment-gateways ul.gateway-list li {
    display: table-cell
}

.section-payment-gateways ul.gateway-list li img {
    max-width: 200px
}

@media screen and (max-width: 980px) {
    ul.gateway-list {
        display:block !important
    }

    ul.gateway-list li {
        display: inline-block !important;
        vertical-align: middle
    }
}

@media screen and (max-width: 900px) {
    .c-customer-logos .col-md-2 {
        width:33.33%;
        margin-bottom: 40px;
        padding-left: 5%;
        padding-right: 5%;
        float: left
    }
}

@media screen and (min-width: 901px) and (max-width: 601px) {
    .c-customer-logos .col-md-2:nth-last-child(1),.c-customer-logos .col-md-2:nth-last-child(2),.c-customer-logos .col-md-2:nth-last-child(3) {
        margin-bottom:0px
    }
}

@media screen and (max-width: 600px) {
    .c-customer-logos .col-md-2 {
        width:50%;
        margin-bottom: 20px !important
    }
}

@media screen and (max-width: 400px) {
    .c-customer-logos {
        text-align:center
    }

    .c-customer-logos .col-md-2 {
        max-width: 250px;
        width: 100%;
        float: none;
        display: inline-block
    }

    .c-customer-logos .col-md-2:last-child {
        margin-bottom: 0px !important
    }
}

.chargify-is-simple .col-sm-3 {
    text-align: center
}

.chargify-is-simple .col-sm-3:before {
    height: 102px;
    display: inline-block;
    content: '';
    background: url("/images/chargify-is-simple-icons-ea411ef5.png") no-repeat
}

.chargify-is-simple .col-sm-3.chargify-is-simple-cogs:before {
    width: 115px;
    background-position: 0px 2px
}

.chargify-is-simple .col-sm-3.chargify-is-simple-envelope:before {
    width: 102px;
    background-position: 0px -125px
}

.chargify-is-simple .col-sm-3.chargify-is-simple-users:before {
    width: 109px;
    background-position: 0px -264px
}

.chargify-is-simple .col-sm-3.chargify-is-simple-stats:before {
    width: 116px;
    background-position: 0px -381px
}

.chargify-is-simple .col-sm-3 p {
    text-align: left
}

@media screen and (max-width: 1050px) {
    .chargify-is-simple .col-sm-3 {
        width:50%
    }
}

@media screen and (max-width: 900px) {
    .chargify-is-simple .col-sm-3 {
        width:100%
    }

    .chargify-is-simple .col-sm-3 p {
        text-align: center
    }
}

#cta-signup h2 {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 1em 0;
    font-size: 36px
}

#cta-signup p {
    margin: 2em 0 0 0
}

#cta-signup .btn+p {
    margin-top: 10px
}

@media screen and (max-width: 900px) {
    #cta-signup {
        text-align:center
    }

    #cta-signup .fitvids-container {
        max-width: 458px;
        margin-top: 40px
    }
}

.customers-marquee {
    padding-bottom: 2em;
    background-image: url(../images/avatars-bg-9bf22059.jpg)
}

.customers-marquee h1 {
    margin-bottom: 40px !important
}

.customers-marquee .lead {
    font-size: 1.6em;
    color: #888
}

.customers-section {
    padding: 60px 0px 20px
}

.customers-section img {
    max-width: 100%;
    margin-bottom: 50px
}

.customers-testimonials img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    border-radius: 0px !important
}

.customers-testimonials h4 {
    line-height: 140%
}

.customer-logo-imgs .col-md-2 {
    margin-bottom: 40px
}

.customer-logo-imgs .mobile-sep {
    display: none
}

@media screen and (max-width: 980px) {
    .customer-logo-imgs {
        display:none
    }
}

@media screen and (max-width: 500px) {
    .customer-logo-imgs .col-md-2 {
        width:100%
    }

    .customer-logo-imgs .col-md-2:nth-child(n+4) {
        display: none
    }
}

.consultants h2 {
    float: left;
    font-size: 1.1em
}

.consultants .price {
    background: none repeat scroll 0 0 #1fca23;
    border-radius: 5px;
    float: right;
    font-size: 1em;
    line-height: 1em;
    margin-top: 13px;
    padding: 0.2em 0.6em
}

.consultants .price em,.consultants .price strong {
    font-size: 0.75em;
    line-height: 1.5em
}

.consultants .price em {
    font-style: normal;
    text-transform: uppercase;
    color: #b3f8b4
}

.consultants .price strong {
    color: #fff
}

.consultants .contact-info {
    display: block;
    clear: both;
    font-size: 0.85em
}

.consultants blockquote {
    border-left: 0 none;
    color: #848484;
    font-size: 1em;
    font-weight: 100;
    line-height: 1.6em;
    margin: 1em 0 0;
    padding: 0.25em 0;
    text-indent: 0
}

.jumbotron-sign-up {
    padding-bottom: 0;
    margin-bottom: 50px;
    background: #F9F9F9;
    border-bottom: 1px solid #EEE
}

.sign-up-marquee {
    padding: 30px 0px
}

.sign-up-marquee p,.sign-up-marquee li {
    margin: 0px;
    font-size: 16px
}

.sign-up-marquee .btn {
    float: right
}

.sign-up-test-cta p {
    margin-bottom: 0px
}

.sign-up-test-cta .btn {
    margin-right: -15px
}

.sign-up-plans {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sign-up-plans .col-md-3 {
    width: 24.97%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.single-plan {
    width: 100%;
    position: relative;
    padding-bottom: 40px
}

.single-plan .panel-body {
    padding: 22px 22px 70px
}

.single-plan .plan-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.single-plan .plan-title-green {
    color: #1fc922
}

.single-plan .plan-title-purple {
    color: #b72bd0
}

.single-plan .plan-title-orange {
    color: #e08b1d
}

.single-plan .plan-title-blue {
    color: #50a7de
}

.single-plan .plan-title,.single-plan .plan-price {
    margin: 0px;
    text-align: center
}

.single-plan .plan-title {
    font-size: 18px;
    text-transform: uppercase
}

.single-plan .plan-price {
    margin: 15px 0px 20px;
    font-size: 46px;
    font-weight: 500
}

.single-plan .plan-price span {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #ababab;
    line-height: 120%
}

.single-plan .plan-intro {
    display: block;
    font-size: 18px;
    color: #777777;
    margin: 15px 0px 15px;
    line-height: 1em
}

.single-plan .plan-intro.phone {
    font-size: 32px;
    margin-bottom: 20px
}

.single-plan .plan-features-primary,.single-plan .plan-features-secondary {
    margin: 30px 0px;
    padding: 0px;
    list-style: none
}

.single-plan .plan-features-primary li,.single-plan .plan-features-secondary li {
    margin: 10px 0px
}

.single-plan .plan-features-primary li {
    font-size: 18px
}

.single-plan .plan-features-primary span {
    font-size: 14px;
    color: #ababab
}

.single-plan .plan-features-primary .plan-feature-price {
    display: block
}

.single-plan .plan-features-secondary li {
    font-size: 14px;
    color: #777
}

.single-plan .btn {
    width: 70%;
    position: absolute;
    bottom: 40px;
    left: 15%
}

@media screen and (max-width: 1000px) {
    .sign-up-plans .col-md-3 {
        width:49.8%;
        margin-bottom: 10px;
        text-align: center
    }
}

@media screen and (max-width: 900px) {
    .sign-up-test-cta {
        text-align:center
    }

    .sign-up-test-cta .btn {
        margin-top: 10px;
        float: none !important
    }
}

@media screen and (max-width: 600px) {
    .sign-up-plans .col-md-3 {
        width:100%
    }
}

.features-content {
    padding-bottom: 2em
}

.features-content .container {
    max-width: 1100px
}

.features-list {
    border: 1px solid #E9E9E9;
    margin-top: 20px
}

.features-list h3 {
    background: #FFF;
    border: 1px solid #E9E9E9;
    border-radius: 50px;
    font-size: 18px;
    padding: 4px 10px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase
}

.features-list .column ul {
    list-style-type: none;
    padding: 0
}

.features-list .column ul li {
    margin-top: 30px
}

.features-list .column ul li .icon img,.features-list .column ul li .icon svg {
    width: 100%;
    max-width: 40px;
    margin-bottom: 10px;
    height: auto
}

.features-list .column ul li .content h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
    text-transform: uppercase
}

.features-list .column ul li .content p {
    font-size: 15px
}

@media screen and (min-width: 1000px) {
    .features-list .column ul li {
        display:flex
    }

    .features-list .column ul li .icon {
        width: 60px
    }

    .features-list .column ul li .icon img,.features-list .column ul li .icon svg {
        max-width: 100px
    }

    .features-list .column ul li .content {
        padding-left: 15px;
        width: calc(100% - 60px)
    }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
    .features-list .column h3 {
        font-size:16px
    }

    .features-list .column ul li {
        text-align: center
    }
}

@media screen and (min-width: 900px) {
    .features-list .column h3 {
        margin-top:-20px
    }
}

@media screen and (max-width: 900px) {
    .features-list h3 {
        margin-top:20px;
        z-index: 2;
        position: relative
    }

    .features-list .column {
        width: 100%;
        position: relative
    }

    .features-list .column:before {
        content: "";
        border-bottom: 1px solid #E9E9E9;
        width: 100%;
        position: absolute;
        top: 20px;
        left: 0;
        z-index: 1
    }

    .features-list .column:first-child h3 {
        margin-top: -20px
    }

    .features-list .column ul li {
        display: flex
    }

    .features-list .column ul li .icon {
        width: 60px
    }

    .features-list .column ul li .icon img,.features-list .column ul li .icon svg {
        max-width: 100px
    }

    .features-list .column ul li .content {
        padding-left: 15px;
        width: calc(100% - 60px)
    }
}

.free-trial .top-bar,.sign-up .top-bar,.pricing .top-bar,.pricing1 .top-bar {
    display: none
}

.free-trial .site-header .site-nav-main .dropdown-menu li a,.sign-up .site-header .site-nav-main .dropdown-menu li a,.pricing .site-header .site-nav-main .dropdown-menu li a,.pricing1 .site-header .site-nav-main .dropdown-menu li a {
    margin: 0
}

.free-trial .jumbotron-sign-up,.sign-up .jumbotron-sign-up,.pricing .jumbotron-sign-up,.pricing1 .jumbotron-sign-up {
    position: relative
}

.free-trial .jumbotron-sign-up .jumbotron-title,.sign-up .jumbotron-sign-up .jumbotron-title,.pricing .jumbotron-sign-up .jumbotron-title,.pricing1 .jumbotron-sign-up .jumbotron-title {
    font-weight: 400;
    margin: 0
}

.free-trial .jumbotron-sign-up .jumbotron-subtitle,.sign-up .jumbotron-sign-up .jumbotron-subtitle,.pricing .jumbotron-sign-up .jumbotron-subtitle,.pricing1 .jumbotron-sign-up .jumbotron-subtitle {
    margin-top: 10px
}

.free-trial .jumbotron-sign-up form,.sign-up .jumbotron-sign-up form,.pricing .jumbotron-sign-up form,.pricing1 .jumbotron-sign-up form {
    margin-top: 30px
}

.free-trial .jumbotron-sign-up form input,.sign-up .jumbotron-sign-up form input,.pricing .jumbotron-sign-up form input,.pricing1 .jumbotron-sign-up form input {
    border: 0;
    display: inline-block;
    height: 50px;
    padding: 0 25px
}

.free-trial .jumbotron-sign-up form input[type="text"],.sign-up .jumbotron-sign-up form input[type="text"],.pricing .jumbotron-sign-up form input[type="text"],.pricing1 .jumbotron-sign-up form input[type="text"] {
    width: 35%;
    margin-right: -5px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.free-trial .jumbotron-sign-up form input[type="text"]:focus,.sign-up .jumbotron-sign-up form input[type="text"]:focus,.pricing .jumbotron-sign-up form input[type="text"]:focus,.pricing1 .jumbotron-sign-up form input[type="text"]:focus {
    outline: none
}

.free-trial .jumbotron-sign-up form input[type="submit"],.sign-up .jumbotron-sign-up form input[type="submit"],.pricing .jumbotron-sign-up form input[type="submit"],.pricing1 .jumbotron-sign-up form input[type="submit"] {
    background: #FC7500;
    color: #FFF;
    margin-left: 0;
    width: 15%;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.free-trial .jumbotron-sign-up form input[type="submit"]:hover,.sign-up .jumbotron-sign-up form input[type="submit"]:hover,.pricing .jumbotron-sign-up form input[type="submit"]:hover,.pricing1 .jumbotron-sign-up form input[type="submit"]:hover {
    background-color: #D66400
}

@media screen and (max-width: 960px) {
    .free-trial .jumbotron-sign-up form input[type="text"],.sign-up .jumbotron-sign-up form input[type="text"],.pricing .jumbotron-sign-up form input[type="text"],.pricing1 .jumbotron-sign-up form input[type="text"] {
        width:50%
    }

    .free-trial .jumbotron-sign-up form input[type="submit"],.sign-up .jumbotron-sign-up form input[type="submit"],.pricing .jumbotron-sign-up form input[type="submit"],.pricing1 .jumbotron-sign-up form input[type="submit"] {
        width: 25%
    }
}

@media screen and (max-width: 500px) {
    .free-trial .jumbotron-sign-up form input[type="text"],.sign-up .jumbotron-sign-up form input[type="text"],.pricing .jumbotron-sign-up form input[type="text"],.pricing1 .jumbotron-sign-up form input[type="text"] {
        width:60%
    }

    .free-trial .jumbotron-sign-up form input[type="submit"],.sign-up .jumbotron-sign-up form input[type="submit"],.pricing .jumbotron-sign-up form input[type="submit"],.pricing1 .jumbotron-sign-up form input[type="submit"] {
        width: 40%
    }
}

.free-trial .sign-up-content,.sign-up .sign-up-content,.pricing .sign-up-content,.pricing1 .sign-up-content {
    color: #8C8C8C;
    padding-top: 35px;
    padding-bottom: 0
}

.free-trial .sign-up-content--overlap,.sign-up .sign-up-content--overlap,.pricing .sign-up-content--overlap,.pricing1 .sign-up-content--overlap {
    padding-top: 0
}

.free-trial .sign-up-content .text-upper,.sign-up .sign-up-content .text-upper,.pricing .sign-up-content .text-upper,.pricing1 .sign-up-content .text-upper {
    text-transform: uppercase
}

.free-trial .faqs,.sign-up .faqs,.pricing .faqs,.pricing1 .faqs {
    padding-top: 2em
}

.free-trial .faqs .section-title,.sign-up .faqs .section-title,.pricing .faqs .section-title,.pricing1 .faqs .section-title {
    color: #777777;
    text-align: center;
    margin-bottom: 50px
}

@media screen and (max-width: 400px) {
    .free-trial .faqs .section-title,.sign-up .faqs .section-title,.pricing .faqs .section-title,.pricing1 .faqs .section-title {
        text-align:left;
        margin: 0 0 40px
    }
}

.free-trial .sign-up-plans,.sign-up .sign-up-plans,.pricing .sign-up-plans,.pricing1 .sign-up-plans {
    padding-top: 15px
}

.free-trial .sign-up-plans .single-plan .btn,.sign-up .sign-up-plans .single-plan .btn,.pricing .sign-up-plans .single-plan .btn,.pricing1 .sign-up-plans .single-plan .btn {
    position: relative;
    left: inherit;
    bottom: inherit
}

.free-trial .sign-up-plans .single-plan .sign-up-tooltip,.sign-up .sign-up-plans .single-plan .sign-up-tooltip,.pricing .sign-up-plans .single-plan .sign-up-tooltip,.pricing1 .sign-up-plans .single-plan .sign-up-tooltip {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border-bottom: 1px dashed #8C8C8C
}

.free-trial .sign-up-plans .single-plan .plan-title-blue,.sign-up .sign-up-plans .single-plan .plan-title-blue,.pricing .sign-up-plans .single-plan .plan-title-blue,.pricing1 .sign-up-plans .single-plan .plan-title-blue {
    color: #50A7DE
}

.free-trial .sign-up-plans .single-plan .plan-title-purple,.sign-up .sign-up-plans .single-plan .plan-title-purple,.pricing .sign-up-plans .single-plan .plan-title-purple,.pricing1 .sign-up-plans .single-plan .plan-title-purple {
    color: #B72BD0
}

.free-trial .sign-up-plans .single-plan .plan-title-orange,.sign-up .sign-up-plans .single-plan .plan-title-orange,.pricing .sign-up-plans .single-plan .plan-title-orange,.pricing1 .sign-up-plans .single-plan .plan-title-orange {
    color: #FC7500
}

.free-trial .sign-up-plans .single-plan .plan-title-green,.sign-up .sign-up-plans .single-plan .plan-title-green,.pricing .sign-up-plans .single-plan .plan-title-green,.pricing1 .sign-up-plans .single-plan .plan-title-green {
    color: #1FC922
}

.free-trial .sign-up-plans .single-plan .plan-header,.sign-up .sign-up-plans .single-plan .plan-header,.pricing .sign-up-plans .single-plan .plan-header,.pricing1 .sign-up-plans .single-plan .plan-header {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 10px 0
}

.free-trial .sign-up-plans .single-plan .plan-header .plan-title,.sign-up .sign-up-plans .single-plan .plan-header .plan-title,.pricing .sign-up-plans .single-plan .plan-header .plan-title,.pricing1 .sign-up-plans .single-plan .plan-header .plan-title {
    font-size: 24px;
    font-weight: 400;
    text-align: left
}

.free-trial .sign-up-plans .single-plan .plan-header .plan-price,.sign-up .sign-up-plans .single-plan .plan-header .plan-price,.pricing .sign-up-plans .single-plan .plan-header .plan-price,.pricing1 .sign-up-plans .single-plan .plan-header .plan-price {
    color: #777777;
    font-size: 42px;
    font-weight: 400;
    margin: 0;
    text-align: left
}

.free-trial .sign-up-plans .single-plan .plan-header .plan-features-primary,.sign-up .sign-up-plans .single-plan .plan-header .plan-features-primary,.pricing .sign-up-plans .single-plan .plan-header .plan-features-primary,.pricing1 .sign-up-plans .single-plan .plan-header .plan-features-primary {
    margin: 0
}

.free-trial .sign-up-plans .single-plan .plan-header .plan-features-primary li,.sign-up .sign-up-plans .single-plan .plan-header .plan-features-primary li,.pricing .sign-up-plans .single-plan .plan-header .plan-features-primary li,.pricing1 .sign-up-plans .single-plan .plan-header .plan-features-primary li {
    color: #8C8C8C;
    font-size: 16px;
    margin: 0
}

.free-trial .sign-up-plans .single-plan .plan-header .plan-features-primary li .plan-feature-price,.sign-up .sign-up-plans .single-plan .plan-header .plan-features-primary li .plan-feature-price,.pricing .sign-up-plans .single-plan .plan-header .plan-features-primary li .plan-feature-price,.pricing1 .sign-up-plans .single-plan .plan-header .plan-features-primary li .plan-feature-price {
    font-size: 12px
}

.free-trial .sign-up-plans .single-plan .plan-body .plan-features-secondary li,.sign-up .sign-up-plans .single-plan .plan-body .plan-features-secondary li,.pricing .sign-up-plans .single-plan .plan-body .plan-features-secondary li,.pricing1 .sign-up-plans .single-plan .plan-body .plan-features-secondary li {
    color: #8C8C8C;
    font-weight: 200;
    margin: 0 0 5px
}

.free-trial .sign-up-plans .single-plan.blue .plan-header,.sign-up .sign-up-plans .single-plan.blue .plan-header,.pricing .sign-up-plans .single-plan.blue .plan-header,.pricing1 .sign-up-plans .single-plan.blue .plan-header {
    border-color: #50A7DE
}

.free-trial .sign-up-plans .single-plan.blue .plan-header .plan-title,.sign-up .sign-up-plans .single-plan.blue .plan-header .plan-title,.pricing .sign-up-plans .single-plan.blue .plan-header .plan-title,.pricing1 .sign-up-plans .single-plan.blue .plan-header .plan-title {
    color: #50A7DE
}

.free-trial .sign-up-plans .single-plan.blue .btn-plan-color,.sign-up .sign-up-plans .single-plan.blue .btn-plan-color,.pricing .sign-up-plans .single-plan.blue .btn-plan-color,.pricing1 .sign-up-plans .single-plan.blue .btn-plan-color {
    background: #50A7DE;
    border: 1px solid #50A7DE;
    color: #FFF
}

.free-trial .sign-up-plans .single-plan.blue .btn-plan-color:hover,.sign-up .sign-up-plans .single-plan.blue .btn-plan-color:hover,.pricing .sign-up-plans .single-plan.blue .btn-plan-color:hover,.pricing1 .sign-up-plans .single-plan.blue .btn-plan-color:hover {
    border: 1px solid #50A7DE;
    background: transparent;
    color: #50A7DE
}

.free-trial .sign-up-plans .single-plan.purple .plan-header,.sign-up .sign-up-plans .single-plan.purple .plan-header,.pricing .sign-up-plans .single-plan.purple .plan-header,.pricing1 .sign-up-plans .single-plan.purple .plan-header {
    border-color: #B72BD0
}

.free-trial .sign-up-plans .single-plan.purple .plan-header .plan-title,.sign-up .sign-up-plans .single-plan.purple .plan-header .plan-title,.pricing .sign-up-plans .single-plan.purple .plan-header .plan-title,.pricing1 .sign-up-plans .single-plan.purple .plan-header .plan-title {
    color: #B72BD0
}

.free-trial .sign-up-plans .single-plan.purple .btn-plan-color,.sign-up .sign-up-plans .single-plan.purple .btn-plan-color,.pricing .sign-up-plans .single-plan.purple .btn-plan-color,.pricing1 .sign-up-plans .single-plan.purple .btn-plan-color {
    background: #B72BD0;
    border: 1px solid #B72BD0;
    color: #FFF
}

.free-trial .sign-up-plans .single-plan.purple .btn-plan-color:hover,.sign-up .sign-up-plans .single-plan.purple .btn-plan-color:hover,.pricing .sign-up-plans .single-plan.purple .btn-plan-color:hover,.pricing1 .sign-up-plans .single-plan.purple .btn-plan-color:hover {
    background: transparent;
    color: #B72BD0
}

.free-trial .sign-up-plans .single-plan.orange .plan-header,.sign-up .sign-up-plans .single-plan.orange .plan-header,.pricing .sign-up-plans .single-plan.orange .plan-header,.pricing1 .sign-up-plans .single-plan.orange .plan-header {
    border-color: #FC7500
}

.free-trial .sign-up-plans .single-plan.orange .plan-header .plan-title,.sign-up .sign-up-plans .single-plan.orange .plan-header .plan-title,.pricing .sign-up-plans .single-plan.orange .plan-header .plan-title,.pricing1 .sign-up-plans .single-plan.orange .plan-header .plan-title {
    color: #FC7500
}

.free-trial .sign-up-plans .single-plan.orange .btn-plan-color,.sign-up .sign-up-plans .single-plan.orange .btn-plan-color,.pricing .sign-up-plans .single-plan.orange .btn-plan-color,.pricing1 .sign-up-plans .single-plan.orange .btn-plan-color {
    background: #FC7500;
    border: 1px solid #FC7500;
    color: #FFF
}

.free-trial .sign-up-plans .single-plan.orange .btn-plan-color:hover,.sign-up .sign-up-plans .single-plan.orange .btn-plan-color:hover,.pricing .sign-up-plans .single-plan.orange .btn-plan-color:hover,.pricing1 .sign-up-plans .single-plan.orange .btn-plan-color:hover {
    background: transparent;
    color: #FC7500
}

.free-trial .sign-up-plans .single-plan.green .plan-header,.sign-up .sign-up-plans .single-plan.green .plan-header,.pricing .sign-up-plans .single-plan.green .plan-header,.pricing1 .sign-up-plans .single-plan.green .plan-header {
    border-color: #1FC922
}

.free-trial .sign-up-plans .single-plan.green .plan-header .plan-title,.sign-up .sign-up-plans .single-plan.green .plan-header .plan-title,.pricing .sign-up-plans .single-plan.green .plan-header .plan-title,.pricing1 .sign-up-plans .single-plan.green .plan-header .plan-title {
    color: #1FC922
}

.free-trial .sign-up-plans .single-plan.green .btn-plan-color,.sign-up .sign-up-plans .single-plan.green .btn-plan-color,.pricing .sign-up-plans .single-plan.green .btn-plan-color,.pricing1 .sign-up-plans .single-plan.green .btn-plan-color {
    background: #1FC922;
    border: 1px solid #1FC922;
    color: #FFF
}

.free-trial .sign-up-plans .single-plan.green .btn-plan-color:hover,.sign-up .sign-up-plans .single-plan.green .btn-plan-color:hover,.pricing .sign-up-plans .single-plan.green .btn-plan-color:hover,.pricing1 .sign-up-plans .single-plan.green .btn-plan-color:hover {
    background: transparent;
    color: #1FC922
}

.free-trial .sign-up-plans .single-plan.enterprise .plan-header,.sign-up .sign-up-plans .single-plan.enterprise .plan-header,.pricing .sign-up-plans .single-plan.enterprise .plan-header,.pricing1 .sign-up-plans .single-plan.enterprise .plan-header {
    border-color: #49989D
}

.free-trial .sign-up-plans .single-plan.enterprise .plan-header .plan-title,.sign-up .sign-up-plans .single-plan.enterprise .plan-header .plan-title,.pricing .sign-up-plans .single-plan.enterprise .plan-header .plan-title,.pricing1 .sign-up-plans .single-plan.enterprise .plan-header .plan-title {
    color: #49989D
}

.free-trial .sign-up-plans .single-plan.enterprise .plan-features-primary p,.sign-up .sign-up-plans .single-plan.enterprise .plan-features-primary p,.pricing .sign-up-plans .single-plan.enterprise .plan-features-primary p,.pricing1 .sign-up-plans .single-plan.enterprise .plan-features-primary p {
    font-size: 14px;
    margin-bottom: 7px
}

.free-trial .sign-up-plans .single-plan.enterprise .btn,.sign-up .sign-up-plans .single-plan.enterprise .btn,.pricing .sign-up-plans .single-plan.enterprise .btn,.pricing1 .sign-up-plans .single-plan.enterprise .btn {
    background: #49989D;
    border: 1px solid #49989D;
    color: #FFF;
    margin-top: 15px
}

.free-trial .sign-up-plans .single-plan.enterprise .btn:hover,.sign-up .sign-up-plans .single-plan.enterprise .btn:hover,.pricing .sign-up-plans .single-plan.enterprise .btn:hover,.pricing1 .sign-up-plans .single-plan.enterprise .btn:hover {
    background: none;
    border: 1px solid #49989D;
    color: #49989D
}

.free-trial .sign-up-plans .single-plan.enterprise .btn-plan-color,.sign-up .sign-up-plans .single-plan.enterprise .btn-plan-color,.pricing .sign-up-plans .single-plan.enterprise .btn-plan-color,.pricing1 .sign-up-plans .single-plan.enterprise .btn-plan-color {
    background: #49989D;
    border: 1px solid #49989D;
    color: #FFF
}

.free-trial .sign-up-plans .single-plan.enterprise .btn-plan-color:hover,.sign-up .sign-up-plans .single-plan.enterprise .btn-plan-color:hover,.pricing .sign-up-plans .single-plan.enterprise .btn-plan-color:hover,.pricing1 .sign-up-plans .single-plan.enterprise .btn-plan-color:hover {
    background: transparent;
    color: #49989D
}

.free-trial .sign-up-plans--boxed,.sign-up .sign-up-plans--boxed,.pricing .sign-up-plans--boxed,.pricing1 .sign-up-plans--boxed {
    padding-top: 0
}

.free-trial .sign-up-plans--boxed .single-plan,.sign-up .sign-up-plans--boxed .single-plan,.pricing .sign-up-plans--boxed .single-plan,.pricing1 .sign-up-plans--boxed .single-plan {
    background: #FFF;
    border: 1px solid #e9e9e9;
    border-top: 0;
    padding-bottom: 200px
}

.free-trial .sign-up-plans--boxed .single-plan .plan-header,.sign-up .sign-up-plans--boxed .single-plan .plan-header,.pricing .sign-up-plans--boxed .single-plan .plan-header,.pricing1 .sign-up-plans--boxed .single-plan .plan-header {
    padding: 10px 20px;
    border-top-width: 4px;
    border-bottom: 0;
    margin: 0 -1px
}

.free-trial .sign-up-plans--boxed .single-plan .plan-header .plan-title,.free-trial .sign-up-plans--boxed .single-plan .plan-header .plan-price,.sign-up .sign-up-plans--boxed .single-plan .plan-header .plan-title,.sign-up .sign-up-plans--boxed .single-plan .plan-header .plan-price,.pricing .sign-up-plans--boxed .single-plan .plan-header .plan-title,.pricing .sign-up-plans--boxed .single-plan .plan-header .plan-price,.pricing1 .sign-up-plans--boxed .single-plan .plan-header .plan-title,.pricing1 .sign-up-plans--boxed .single-plan .plan-header .plan-price {
    font-size: 24px;
    line-height: 2.5em
}

.free-trial .sign-up-plans--boxed .single-plan .plan-header .plan-title,.sign-up .sign-up-plans--boxed .single-plan .plan-header .plan-title,.pricing .sign-up-plans--boxed .single-plan .plan-header .plan-title,.pricing1 .sign-up-plans--boxed .single-plan .plan-header .plan-title {
    display: inline-block
}

.free-trial .sign-up-plans--boxed .single-plan .plan-header .plan-price,.sign-up .sign-up-plans--boxed .single-plan .plan-header .plan-price,.pricing .sign-up-plans--boxed .single-plan .plan-header .plan-price,.pricing1 .sign-up-plans--boxed .single-plan .plan-header .plan-price {
    display: inline-block;
    float: right
}

.free-trial .sign-up-plans--boxed .single-plan .plan-header .plan-summary,.sign-up .sign-up-plans--boxed .single-plan .plan-header .plan-summary,.pricing .sign-up-plans--boxed .single-plan .plan-header .plan-summary,.pricing1 .sign-up-plans--boxed .single-plan .plan-header .plan-summary {
    clear: both;
    margin: 0;
    font-size: 14px
}

.free-trial .sign-up-plans--boxed .single-plan .plan-body,.sign-up .sign-up-plans--boxed .single-plan .plan-body,.pricing .sign-up-plans--boxed .single-plan .plan-body,.pricing1 .sign-up-plans--boxed .single-plan .plan-body {
    padding: 10px 20px
}

.free-trial .sign-up-plans--boxed .single-plan .plan-footer,.sign-up .sign-up-plans--boxed .single-plan .plan-footer,.pricing .sign-up-plans--boxed .single-plan .plan-footer,.pricing1 .sign-up-plans--boxed .single-plan .plan-footer {
    padding: 0 20px 20px
}

.free-trial .sign-up-plans--boxed .single-plan .plan-footer .btn,.sign-up .sign-up-plans--boxed .single-plan .plan-footer .btn,.pricing .sign-up-plans--boxed .single-plan .plan-footer .btn,.pricing1 .sign-up-plans--boxed .single-plan .plan-footer .btn {
    width: 100%;
    border-radius: 0;
    margin-top: 20px
}

.free-trial .sign-up-plans--boxed .single-plan h4,.sign-up .sign-up-plans--boxed .single-plan h4,.pricing .sign-up-plans--boxed .single-plan h4,.pricing1 .sign-up-plans--boxed .single-plan h4 {
    font-size: 14px;
    text-transform: uppercase
}

.free-trial .sign-up-plans--boxed .single-plan .plan-features-secondary,.sign-up .sign-up-plans--boxed .single-plan .plan-features-secondary,.pricing .sign-up-plans--boxed .single-plan .plan-features-secondary,.pricing1 .sign-up-plans--boxed .single-plan .plan-features-secondary {
    margin: 10px 0
}

.free-trial .section-enterprise-dev,.sign-up .section-enterprise-dev,.pricing .section-enterprise-dev,.pricing1 .section-enterprise-dev {
    padding: 20px 0
}

.free-trial .section-enterprise-dev .panel,.sign-up .section-enterprise-dev .panel,.pricing .section-enterprise-dev .panel,.pricing1 .section-enterprise-dev .panel {
    padding: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.free-trial .section-enterprise-dev .panel h2,.free-trial .section-enterprise-dev .panel p,.sign-up .section-enterprise-dev .panel h2,.sign-up .section-enterprise-dev .panel p,.pricing .section-enterprise-dev .panel h2,.pricing .section-enterprise-dev .panel p,.pricing1 .section-enterprise-dev .panel h2,.pricing1 .section-enterprise-dev .panel p {
    color: #8C8C8C;
    font-size: 14px;
    font-weight: 200;
    margin: 0
}

.free-trial .section-enterprise-dev .panel h2,.sign-up .section-enterprise-dev .panel h2,.pricing .section-enterprise-dev .panel h2,.pricing1 .section-enterprise-dev .panel h2 {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase
}

.free-trial .section-enterprise-dev .panel .divider,.sign-up .section-enterprise-dev .panel .divider,.pricing .section-enterprise-dev .panel .divider,.pricing1 .section-enterprise-dev .panel .divider {
    border-top: 1px solid #D8D8D8;
    display: block;
    margin: 10px 0;
    width: 25px
}

.free-trial .section-enterprise-dev .panel .btn,.sign-up .section-enterprise-dev .panel .btn,.pricing .section-enterprise-dev .panel .btn,.pricing1 .section-enterprise-dev .panel .btn {
    font-size: 17px;
    font-weight: 200;
    margin-top: 20px
}

.free-trial .section-enterprise-dev .enterprise-plans h2,.sign-up .section-enterprise-dev .enterprise-plans h2,.pricing .section-enterprise-dev .enterprise-plans h2,.pricing1 .section-enterprise-dev .enterprise-plans h2 {
    color: #49989D
}

.free-trial .section-enterprise-dev .enterprise-plans .btn,.sign-up .section-enterprise-dev .enterprise-plans .btn,.pricing .section-enterprise-dev .enterprise-plans .btn,.pricing1 .section-enterprise-dev .enterprise-plans .btn {
    background: #49989D;
    border: 1px solid transparent
}

.free-trial .section-enterprise-dev .enterprise-plans .btn:hover,.sign-up .section-enterprise-dev .enterprise-plans .btn:hover,.pricing .section-enterprise-dev .enterprise-plans .btn:hover,.pricing1 .section-enterprise-dev .enterprise-plans .btn:hover {
    background: transparent;
    border: 1px solid #49989D;
    color: #49989D
}

.free-trial .section-enterprise-dev .developer-plan .btn,.sign-up .section-enterprise-dev .developer-plan .btn,.pricing .section-enterprise-dev .developer-plan .btn,.pricing1 .section-enterprise-dev .developer-plan .btn {
    border: 1px solid #CCCCCC;
    color: #8C8C8C
}

.free-trial .section-enterprise-dev .developer-plan .btn:hover,.sign-up .section-enterprise-dev .developer-plan .btn:hover,.pricing .section-enterprise-dev .developer-plan .btn:hover,.pricing1 .section-enterprise-dev .developer-plan .btn:hover {
    background: transparent;
    border-color: #49989D;
    color: #49989D
}

@media screen and (max-width: 1000px) {
    .free-trial .sign-up-plans .col-md-3,.sign-up .sign-up-plans .col-md-3,.pricing .sign-up-plans .col-md-3,.pricing1 .sign-up-plans .col-md-3 {
        text-align:left
    }
}

.pricing1 .jumbotron-sign-up .jumbotron-title {
    font-size: 45px
}

@media screen and (min-width: 901px) {
    .sign-up-table table {
        width:100%;
        border-collapse: collapse;
        border-spacing: 0px
    }

    .sign-up-table table th {
        padding-bottom: 20px;
        font-weight: normal;
        text-align: center
    }

    .sign-up-table table td {
        padding: 20px 15px;
        border-bottom: 1px solid #e2e2e2
    }

    .sign-up-table table td:not(:first-child) {
        text-align: center
    }

    .sign-up-table table td:first-child {
        width: 20%;
        font-weight: bold
    }

    .sign-up-table table .glyphicon {
        color: #ABABAB
    }

    .sign-up-table table .plan-1 {
        color: #50a7e3
    }

    .sign-up-table table .plan-2 {
        color: #e08b42
    }

    .sign-up-table table .plan-3 {
        color: #b72be0
    }

    .sign-up-table table .plan-4 {
        color: #e02b38
    }

    .sign-up-table table .plan-5 {
        color: #1fc922
    }

    .sign-up-table table .plan-price {
        margin-top: 12px;
        display: block;
        font-size: 32px;
        color: #262626
    }

    .sign-up-table table .per-month {
        font-weight: normal;
        color: #ababab
    }
}

@media screen and (max-width: 900px) {
    .sign-up-table table,.sign-up-table thead,.sign-up-table tbody,.sign-up-table th,.sign-up-table td,.sign-up-table tr {
        display:block
    }

    .sign-up-table .table-headers {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .sign-up-table td {
        padding: 15px;
        border: none;
        position: relative
    }

    .sign-up-table td:before {
        width: 80%;
        padding-right: 20px;
        padding-left: 5px;
        display: inline-block;
        border-left: 2px solid
    }

    .sign-up-table td:nth-of-type(2):before {
        content: "Large Business 1 | $1,299 /month";
        border-color: #50a7e3
    }

    .sign-up-table td:nth-of-type(3):before {
        content: "Large Business 2 | $2,499 /month";
        border-color: #e08b42
    }

    .sign-up-table td:nth-of-type(4):before {
        content: "Large Business 3 | $3,999 /month";
        border-color: #b72be0
    }

    .sign-up-table td:nth-of-type(5):before {
        content: "Large Business 4 | $6,999 /month";
        border-color: #e02b38
    }

    .sign-up-table td:nth-of-type(6):before {
        content: "Large Business 5 | $29,999 /month";
        border-color: #1fc922
    }

    .sign-up-table .plan-features {
        border: 1px solid #ddd;
        border-bottom: none
    }

    .sign-up-table .plan-features .plan-feature-title {
        font-size: 20px;
        font-weight: 600;
        color: #333
    }

    .sign-up-table .plan-features td {
        border-bottom: 1px solid #eee;
        font-style: italic;
        color: #777
    }

    .sign-up-table .plan-features td:last-child {
        border-bottom: none
    }

    .sign-up-table .plan-features td:before {
        font-weight: 600;
        font-style: normal;
        color: #555
    }

    .sign-up-table .plan-features:nth-child(2) {
        border-radius: 3px 3px 0px 0px
    }

    .sign-up-table .plan-features:last-child {
        border-radius: 0px 0px 3px 3px;
        border-bottom: 1px solid #ccc
    }
}

.pricing_index .jumbotron .jumbotron-title,.sign-up_index .jumbotron .jumbotron-title {
    font-size: 45px
}

.pricing_index .jumbotron .jumbotron-subtitle,.sign-up_index .jumbotron .jumbotron-subtitle {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .pricing_index .jumbotron,.sign-up_index .jumbotron {
        padding:125px 0 20px
    }

    .pricing_index .jumbotron .jumbotron-title,.sign-up_index .jumbotron .jumbotron-title {
        font-size: 30px
    }
}

.pricing_index .notification,.sign-up_index .notification {
    text-align: center;
    margin-bottom: 40px
}

.pricing_index .notification__enterprise,.sign-up_index .notification__enterprise {
    background: #FFF;
    border: 1px solid #DDD;
    padding: 10px
}

.pricing_index .notification p,.sign-up_index .notification p {
    margin: 0
}

@media screen and (min-width: 768px) {
    .pricing_index .notification,.sign-up_index .notification {
        display:none;
        position: fixed !important;
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10;
        background: #414141;
        border: none;
        border-top: 1px solid #272727;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .pricing_index .notification p,.sign-up_index .notification p {
        color: #FFF
    }
}

.pricing_index .plan_toggle_wrapper,.sign-up_index .plan_toggle_wrapper {
    display: none;
    align-items: center;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-bottom: 20px;
    width: 100%
}

.pricing_index .plan_toggle_wrapper .plan_toggle,.sign-up_index .plan_toggle_wrapper .plan_toggle {
    background: #FFF;
    border-radius: 0;
    border-top: 2px solid transparent;
    color: #8c8c8c;
    margin: 0;
    text-align: center;
    width: 100%
}

.pricing_index .plan_toggle_wrapper .plan_toggle:first-child,.sign-up_index .plan_toggle_wrapper .plan_toggle:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pricing_index .plan_toggle_wrapper .plan_toggle:last-child,.sign-up_index .plan_toggle_wrapper .plan_toggle:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pricing_index .plan_toggle_wrapper .plan_toggle:active#toggle_plan__essential,.pricing_index .plan_toggle_wrapper .plan_toggle:focus#toggle_plan__essential,.pricing_index .plan_toggle_wrapper .plan_toggle:hover#toggle_plan__essential,.pricing_index .plan_toggle_wrapper .plan_toggle.active#toggle_plan__essential,.sign-up_index .plan_toggle_wrapper .plan_toggle:active#toggle_plan__essential,.sign-up_index .plan_toggle_wrapper .plan_toggle:focus#toggle_plan__essential,.sign-up_index .plan_toggle_wrapper .plan_toggle:hover#toggle_plan__essential,.sign-up_index .plan_toggle_wrapper .plan_toggle.active#toggle_plan__essential {
    border-color: #B72BD0;
    color: #B72BD0
}

.pricing_index .plan_toggle_wrapper .plan_toggle:active#toggle_plan__advanced,.pricing_index .plan_toggle_wrapper .plan_toggle:focus#toggle_plan__advanced,.pricing_index .plan_toggle_wrapper .plan_toggle:hover#toggle_plan__advanced,.pricing_index .plan_toggle_wrapper .plan_toggle.active#toggle_plan__advanced,.sign-up_index .plan_toggle_wrapper .plan_toggle:active#toggle_plan__advanced,.sign-up_index .plan_toggle_wrapper .plan_toggle:focus#toggle_plan__advanced,.sign-up_index .plan_toggle_wrapper .plan_toggle:hover#toggle_plan__advanced,.sign-up_index .plan_toggle_wrapper .plan_toggle.active#toggle_plan__advanced {
    border-color: #239F27;
    color: #239F27
}

.pricing_index .plan_toggle_wrapper .plan_toggle:active#toggle_plan__managed,.pricing_index .plan_toggle_wrapper .plan_toggle:focus#toggle_plan__managed,.pricing_index .plan_toggle_wrapper .plan_toggle:hover#toggle_plan__managed,.pricing_index .plan_toggle_wrapper .plan_toggle.active#toggle_plan__managed,.sign-up_index .plan_toggle_wrapper .plan_toggle:active#toggle_plan__managed,.sign-up_index .plan_toggle_wrapper .plan_toggle:focus#toggle_plan__managed,.sign-up_index .plan_toggle_wrapper .plan_toggle:hover#toggle_plan__managed,.sign-up_index .plan_toggle_wrapper .plan_toggle.active#toggle_plan__managed {
    border-color: #FC7500;
    color: #FC7500
}

@media screen and (max-width: 768px) {
    .pricing_index .plan_toggle_wrapper,.sign-up_index .plan_toggle_wrapper {
        display:flex
    }
}

@media screen and (max-width: 768px) {
    .pricing_index .container,.sign-up_index .container {
        width:100%
    }

    .pricing_index .jumbotron .container,.sign-up_index .jumbotron .container {
        padding: 0 30px
    }
}

.jumbotron-enterprise.jumbotron-light {
    padding: 50px 0
}

.jumbotron-enterprise,.jumbotron-enterprise-cta {
    background-image: url("/images/sign-up-enterprise-bg-2-c1502057.jpg")
}

.jumbotron-enterprise-cta {
    padding: 65px 0 90px
}

.jumbotron-enterprise-cta .jumbotron-title {
    font-size: 53px
}

.jumbotron-enterprise-cta .jumbotron-subtitle {
    font-size: 26px
}

.jumbotron-enterprise-cta .btn {
    margin-top: 20px
}

.jumbotron-enterprise-cta img {
    max-width: 100%;
    margin-top: 70px
}

.sign-up-enterprise-marquee {
    margin-top: 140px;
    padding: 30px 0px !important;
    background: rgba(0,0,0,0.5)
}

.sign-up-enterprise-marquee .glyphicon {
    color: #47c486
}

.sign-up-enterprise-marquee p {
    color: #fff
}

.sign-up-enterprise-marquee .col-md-4 p,.sign-up-enterprise-marquee .col-md-5 p {
    margin-bottom: 6px;
    text-align: left
}

.enterprise-btn {
    margin-top: 10px;
    padding-left: 60px;
    padding-right: 60px
}

@media screen and (max-width: 900px) {
    .sign-up-enterprise-marquee {
        margin-top:80px
    }

    .sign-up-enterprise-marquee .col-md-12 p {
        text-align: left
    }
}

.jumbotron-security {
    padding-top: 82px;
    padding-bottom: 82px;
    background-image: url("/images/bg-security-1b39f7b8.jpg");
    background-position: center
}

.landing-page-hero {
    margin-top: -125px;
    position: relative;
    z-index: 5
}

@media screen and (max-width: 900px) {
    .landing-page-hero {
        margin-top:-85px
    }
}

.jumbotron-xero-landing {
    padding-top: 60px;
    padding-bottom: 220px
}

.jumbotron-xero-landing .jumbotron-title small {
    color: #666
}

.jumbotron-xero-landing img {
    width: 200px
}

.xero-landing-intro {
    padding: 0px 0px 80px;
    text-align: center
}

.xero-landing-intro img {
    margin: 0 0px 40px;
    position: relative;
    right: -28px
}

.xero-landing-intro li {
    width: 47.5%;
    margin-top: 20px;
    float: left;
    text-align: left
}

.xero-landing-intro li:nth-child(2n) {
    float: right
}

.xero-landing-intro .clear {
    margin-top: 20px;
    display: block;
    clear: both
}

.xero-landing-about {
    text-align: center
}

.xero-landing-about img {
    margin-top: 30px
}

.xero-landing-about p,.xero-landing-about li {
    text-align: left
}

.xero-landing-about p {
    margin: 30px 0px
}

.xero-landing-about li {
    margin-top: 20px
}

.xero-landing-cta .btn {
    margin-top: 52px
}

@media screen and (max-width: 900px) {
    .xero-landing-intro img {
        right:0px
    }

    .xero-landing-intro ul {
        margin: 0px;
        padding: 0px
    }

    .xero-landing-intro li {
        width: 100%;
        margin-top: 30px;
        float: none;
        list-style: none;
        text-align: center
    }

    .xero-landing-intro li:nth-child(2n) {
        float: none
    }

    .xero-landing-intro .clear {
        display: none
    }

    .xero-landing-cta {
        width: 100%;
        text-align: center
    }

    .xero-landing-cta .btn {
        max-width: 250px;
        display: inline-block
    }
}

.contact-us-section .contact-form-wrap {
    margin-left: 12.393162393162394%
}

.contact-us-section .cta {
    border-radius: 4px;
    padding: 12px 15px 11px
}

.contact-us-section .cta:hover {
    text-decoration: none
}

@media screen and (max-width: 980px) {
    .contact-us-section .contact-form-wrap {
        margin-left:0%
    }

    .contact-us-section .contact-form-wrap,.contact-us-section .secondary-contact-info {
        width: 100%;
        float: none
    }
}

.jumbotron-rocketship {
    padding: 85px 0px 110px;
    background-image: url("/images/bg-home-dark-443b1ef7.jpg")
}

.jumbotron-rocketship .btn {
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px
}

.trusted-by-section {
    max-width: 780px;
    margin: 0px auto;
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #e2e2e2;
    text-align: center
}

.trusted-by-section h2 {
    text-transform: uppercase
}

.trusted-by-section p {
    font-size: 18px
}

.authorize-landing-logo {
    margin-top: 70px
}

.authorize-offer-title h2 {
    text-transform: none !important
}

.rocketship-cta {
    padding: 40px 0px;
    background: #dc553a
}

.rocketship-cta * {
    color: #fff
}

.rocketship-cta .col-md-4 {
    text-align: center
}

.rocketship-cta h2 {
    text-transform: uppercase
}

.rocketship-cta p a {
    text-decoration: underline
}

.rocketship-cta p a:hover {
    color: #ddd
}

.rocketship-cta .btn {
    padding: 15px 25px;
    box-shadow: inset 0px 0px 0px 1px #fff
}

.rocketship-cta .btn:hover {
    background: #fff;
    color: #dc553a
}

@media screen and (max-width: 900px) {
    .rocketship-cta .authorize-landing-logo {
        margin:0px;
        text-align: left
    }
}

@media screen and (max-width: 400px) {
    .integrations .integration-img {
        background-size:auto;
        background-position-x: center !important
    }

    #cta-free-trial form input {
        padding: 0 15px
    }
}

body.landing-page #content-pane .jumbotron {
    background: #47c486;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 100px
}

body.landing-page #content-pane .jumbotron .jumbotron-title {
    font-size: 54px;
    text-transform: none
}

@media screen and (max-width: 900px) {
    body.landing-page #content-pane .jumbotron .jumbotron-title {
        font-size:32px
    }
}

body.landing-page #content-pane .jumbotron .jumbotron-subtitle {
    color: #FFF;
    font-size: 20px;
    line-height: 1.5em;
    max-width: 85%;
    margin: 0 auto
}

@media screen and (max-width: 900px) {
    body.landing-page #content-pane .jumbotron .jumbotron-subtitle {
        font-size:16px
    }
}

body.landing-page #content-pane .jumbotron .btn {
    margin-top: 50px;
    padding: 10px 40px
}

body.landing-page #content-pane .jumbotron a:not(.btn) {
    color: #FFF;
    border-bottom: 2px solid transparent;
    font-weight: bold
}

body.landing-page #content-pane .jumbotron a:not(.btn):hover,body.landing-page #content-pane .jumbotron a:not(.btn):focus {
    text-decoration: none;
    border-bottom: 2px solid #FFF;
    cursor: pointer;
    cursor: hand
}

body.landing-page #content-pane .jumbotron.stripe {
    background: #008CDD url("/images/landing-page/stripe_header_chart-d90c99d5.png") no-repeat bottom center;
    background-size: contain
}

body.landing-page #content-pane .jumbotron.labs {
    background: url("/images/landing-page/labs_bg-832e3430.png") no-repeat center center;
    background-size: cover
}

body.landing-page #content-pane h2 {
    font-size: 36px;
    color: #626262;
    line-height: 45px
}

@media screen and (max-width: 900px) {
    body.landing-page #content-pane h2 {
        font-size:28px;
        line-height: 36px
    }
}

body.landing-page #content-pane h3 {
    font-size: 16px;
    color: #6F6F6F;
    line-height: 20px
}

body.landing-page #content-pane .container.slim {
    max-width: 680px
}

body.landing-page #content-pane .container.thin {
    max-width: 980px
}

body.landing-page #content-pane .section,body.landing-page #content-pane .section-white,body.landing-page #content-pane .section-gray,body.landing-page #content-pane .section-gray-paper,body.landing-page #content-pane .section-darkblue,body.landing-page #content-pane .section-avatars,body.landing-page #content-pane .section-stats,body.landing-page #content-pane .marquee,body.landing-page #content-pane .marquee-green,body.landing-page #content-pane .marquee-white,body.landing-page #content-pane .marquee-gray,body.landing-page #content-pane #site-footer {
    padding: 50px 0
}

@media screen and (max-width: 900px) {
    body.landing-page #content-pane .section,body.landing-page #content-pane .section-white,body.landing-page #content-pane .section-gray,body.landing-page #content-pane .section-gray-paper,body.landing-page #content-pane .section-darkblue,body.landing-page #content-pane .section-avatars,body.landing-page #content-pane .section-stats,body.landing-page #content-pane .marquee,body.landing-page #content-pane .marquee-green,body.landing-page #content-pane .marquee-white,body.landing-page #content-pane .marquee-gray,body.landing-page #content-pane #site-footer {
        padding:20px 0
    }
}

body.landing-page #content-pane .section-blue {
    background: #F3F7FA;
    border-top: #E3EAF2
}

body.landing-page #content-pane section.section-features .feature-block {
    padding: 25px 0
}

@media screen and (min-width: 900px) {
    body.landing-page #content-pane section.section-features .feature-block.flex {
        display:flex;
        align-items: center;
        justify-content: center
    }

    body.landing-page #content-pane section.section-features .feature-block.flex .col-md-6 {
        vertical-align: middle
    }
}

body.landing-page #content-pane section.section-features h2 {
    font-size: 28px;
    color: #626262;
    line-height: 31px;
    margin-top: 0
}

body.landing-page #content-pane .block-title {
    margin-bottom: 50px;
    text-align: center
}

body.landing-page #content-pane .block-title p {
    font-size: 16px;
    color: #6F6F6F
}

@media screen and (min-width: 900px) {
    body.landing-page #content-pane .block-title {
        padding:0 150px
    }
}

@media screen and (max-width: 900px) {
    body.landing-page #content-pane .block-title {
        margin-bottom:0;
        text-align: left
    }
}

body.landing-page #content-pane #features .container .feature-list {
    text-align: center
}

body.landing-page #content-pane #features .container .feature-list .feature {
    margin: 15px 0
}

body.landing-page #content-pane #features .container .feature-list p {
    font-size: 14px;
    color: #6F6F6F;
    line-height: 18px
}

body.landing-page #content-pane #features .container .feature-list.left {
    text-align: left
}

body.landing-page #content-pane #features .container .feature-list.left h3 {
    margin-top: 0
}

body.landing-page #content-pane #billing-scenarios .block-title {
    max-width: 960px;
    margin: 0 auto 50px
}

@media screen and (max-width: 900px) {
    body.landing-page #content-pane #billing-scenarios .block-title {
        margin:0
    }
}

body.landing-page #content-pane #billing-scenarios .block-scenario {
    padding: 40px 0
}

body.landing-page #content-pane #billing-scenarios .block-scenario a.more-examples {
    background: url("/images/billing-scenarios/arrow-right-c505bf08.png") no-repeat right;
    padding-right: 15px
}

body.landing-page #content-pane #billing-scenarios .block-scenario a.more-examples.open {
    background-image: url("/images/billing-scenarios/arrow-down-fe7a601b.png")
}

body.landing-page #content-pane #billing-scenarios h2 {
    font-size: 24px;
    color: #626262;
    line-height: 31px;
    margin-top: 0
}

body.landing-page.stripe .section-testimonial {
    background: transparent url("/images/landing-page/stripe_dnsimple_team-5f235e3e.jpg") fixed center center no-repeat;
    background-size: cover;
    position: relative !important
}

body.landing-page.stripe .section-testimonial:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #008CDD;
    opacity: .8
}

body.landing-page.demo #content-pane form.services-lead-form, body.landing-page.demo #content-pane .demo-lead-form, body.landing-page.services #content-pane form.services-lead-form, body.landing-page.services #content-pane form.demo-lead-form {
    margin-top: 40px;
    background: #FFF;
    border: 1px solid #F1F1F1;
    padding: 40px
}

body.landing-page.demo #content-pane form .form-group,body.landing-page.services #content-pane form .form-group {
    padding: 10px 0
}

body.landing-page.demo #content-pane .section-services .service,body.landing-page.services #content-pane .section-services .service {
    padding: 40px 0
}

body.landing-page.demo #content-pane .section-services .service h2,body.landing-page.services #content-pane .section-services .service h2 {
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    line-height: 1em
}

@media screen and (max-width: 900px) {
    body.landing-page.demo #content-pane .section-services .service h2,body.landing-page.services #content-pane .section-services .service h2 {
        margin-bottom:20px
    }
}

body.landing-page.demo #content-pane .section-services .service p.note,body.landing-page.services #content-pane .section-services .service p.note {
    font-style: italic
}

body.landing-page.demo #content-pane .section-services .service p:last-child,body.landing-page.services #content-pane .section-services .service p:last-child {
    margin-bottom: 0
}

body.landing-page.services #content-pane .wufoo #Field4 {
    width: 250px
}

body.landing-page.demo #content-pane .jumbotron {
    color: #FFF;
    border-bottom: 1px solid #F1F1F1
}

@media screen and (max-width: 900px) {
    body.landing-page.demo #content-pane .jumbotron {
        padding-top:100px
    }
}

@media screen and (min-width: 900px) {
    body.landing-page.demo #content-pane .jumbotron .flex-content {
        display:flex;
        align-items: center
    }
}

body.landing-page.demo #content-pane .jumbotron .flex-content .column {
    display: block;
    width: 100%
}

@media screen and (min-width: 900px) {
    body.landing-page.demo #content-pane .jumbotron .flex-content .column {
        padding:10px
    }
}

body.landing-page.demo #content-pane .jumbotron .flex-content .column-aside {
    padding-bottom: 0
}

@media screen and (min-width: 900px) {
    body.landing-page.demo #content-pane .jumbotron .flex-content .column-half {
        width:50%
    }
}

body.landing-page.demo #content-pane .jumbotron .jumbotron-title {
    font-size: 30px;
    text-transform: uppercase
}

@media screen and (min-width: 1000px) {
    body.landing-page.demo #content-pane .jumbotron .jumbotron-title {
        font-size:44px
    }
}

body.landing-page.demo #content-pane .jumbotron ul {
    margin: 0 0 20px
}

body.landing-page.demo #content-pane .jumbotron ul li {
    color: #FFF;
    font-size: 18px
}

@media screen and (max-width: 900px) {
    body.landing-page.demo #content-pane .jumbotron ul li {
        font-size:16px
    }
}

body.landing-page.demo #content-pane #schedule-demo {
    padding-top: 0
}

body.landing-page.demo #content-pane #schedule-demo h2 {
    font-size: 24px;
    font-weight: bold;
    margin-top: -10px;
    margin-bottom: 20px
}

body.landing-page.demo #content-pane #schedule-demo .demo-lead-form {
    margin-top: -50px;
    box-shadow: 0px 0px 1px 0 #CCC;
    padding-bottom: 0
}

body.landing-page.features_dunning #content-pane .jumbotron {
    padding-bottom: 150px
}

header#header {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 7rem;
    padding: 0 15px;
    position: fixed;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    width: 100%;
    z-index: 20
}

header#header .site-logo {
    transition: color 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    color: #30acff;
    font-size: 3rem
}

header#header .ok-header__logo:hover {
    color: #546edb
}

header#header .okayNav-header {
    height: 7rem;
    background-color: #fff
}

header#header .okayNav a {
    color: #2e2e33;
    font-size: 1.4rem;
    font-weight: 700
}

header#header .okayNav__nav--visible a:hover,header#header .okayNav a:hover {
    color: #546edb
}

header#header .okayNav__nav--invisible {
    background: #fff
}

header#header .okayNav__menu-toggle span {
    background: #2e2e33
}

header#header .okayNav__menu-toggle.icon--active span {
    background: #546edb
}

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont-ad0c05135b62.eot?v=4.6.3");
    src: url("../fonts/fontawesome-webfont-ad0c0513d41d.eot?#iefix&v=4.6.3") format("embedded-opentype"),url("../fonts/fontawesome-webfont-7f2f3c555b62.html?v=4.6.3") format("woff2"),url("../fonts/fontawesome-webfont-7f2f3c555b62.woff?v=4.6.3") format("woff"),url("../fonts/fontawesome-webfont-c59792c05b62.ttf?v=4.6.3") format("truetype"),url("../fonts/fontawesome-webfont-28a0cd125b62.svg?v=4.6.3#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before,.fa-close:before,.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before,.fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before,.fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before,.fa-image:before,.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before,.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before,.fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before,.fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before,.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before,.fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before,.fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,.fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before,.fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before,.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before,.fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before,.fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before,.fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before,.fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before,.fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before,.fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before,.fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,.fa-usd:before {
    content: "\f155"
}

.fa-rupee:before,.fa-inr:before {
    content: "\f156"
}

.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
    content: "\f158"
}

.fa-won:before,.fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before,.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before,.fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before,.fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before,.fa-bank:before,.fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before,.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before,.fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before,.fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,.fa-resistance:before,.fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before,.fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,.fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before,.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before,.fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before,.fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before,.fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before,.fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before,.fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before,.fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before,.fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,.fa-font-awesome:before {
    content: "\f2b4"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.section--tutorials .container {
    background: #FFF;
    border: 1px solid #CCC;
    margin-top: -100px;
    padding: 40px
}

.section__pricing-table {
    padding-top: 0
}

.section__legal-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.section__legal-text p,.section__legal-text li {
    color: #414141
}

.section__legal-text ul {
    margin-bottom: 1.5em
}

.section__legal-text b {
    font-weight: 700
}

@media (max-width: 600px) {
    .section--tutorials .container {
        padding:10px
    }
}

.logo-block--home .logo-block__item {
    background: url("../images/customers/sprite_home-375a7104.png") no-repeat;
    display: block;
    height: 40px;
    min-width: 175px;
    color: transparent
}

.logo-block--home .logo-block__item--addthis {
    background-position: center 0px
}

.logo-block--home .logo-block__item--citrix {
    background-position: center -50px
}

.logo-block--home .logo-block__item--shavekit {
    background-position: center -100px
}

.logo-block--home .logo-block__item--grasshopper {
    background-position: center -150px
}

.logo-block--home .logo-block__item--rackspace {
    background-position: center -200px
}

.logo-block--home .logo-block__item--newscorp {
    background-position: center -250px
}

.logo-block--payment-gateways-home .logo-block__item {
    background: url("../images/payment-gateways-logos-2/sprite_home-da4cf3b0.png") no-repeat;
    display: block;
    height: 70px;
    min-width: 200px;
    color: transparent
}

.logo-block--payment-gateways-home .logo-block__item--authorizenet {
    background-position: center 0px
}

.logo-block--payment-gateways-home .logo-block__item--braintree {
    background-position: center -70px
}

.logo-block--payment-gateways-home .logo-block__item--eway {
    background-position: center -140px
}

.logo-block--payment-gateways-home .logo-block__item--paymentexpress {
    background-position: center -210px
}

.logo-block--payment-gateways-home .logo-block__item--stripe {
    background-position: center -280px
}

.logo-block--payment-gateways .logo-block__item {
    background: url("../images/payment-gateways-logos-2/sprite-57babb65.png") no-repeat;
    display: block;
    height: 70px;
    min-width: 200px;
    color: transparent
}

.logo-block--payment-gateways .logo-block__item--authorizenet {
    background-position: 0px 0px
}

.logo-block--payment-gateways .logo-block__item--beanstream {
    background-position: 0px -70px
}

.logo-block--payment-gateways .logo-block__item--braintree {
    background-position: 0px -140px
}

.logo-block--payment-gateways .logo-block__item--chasepaymentech {
    background-position: 0px -210px
}

.logo-block--payment-gateways .logo-block__item--cybersource {
    background-position: 0px -280px
}

.logo-block--payment-gateways .logo-block__item--elavon {
    background-position: 0px -350px
}

.logo-block--payment-gateways .logo-block__item--eway {
    background-position: 0px -420px
}

.logo-block--payment-gateways .logo-block__item--firstdata {
    background-position: 0px -490px
}

.logo-block--payment-gateways .logo-block__item--vantiv {
    background-position: 0px -560px
}

.logo-block--payment-gateways .logo-block__item--moneris {
    background-position: 0px -630px
}

.logo-block--payment-gateways .logo-block__item--paymentexpress {
    background-position: 0px -700px
}

.logo-block--payment-gateways .logo-block__item--paymill {
    background-position: 0px -770px
}

.logo-block--payment-gateways .logo-block__item--pinpayments {
    background-position: 0px -840px
}

.logo-block--payment-gateways .logo-block__item--quickpay {
    background-position: 0px -910px
}

.logo-block--payment-gateways .logo-block__item--stripe {
    background-position: 0px -980px
}

.logo-block--payment-gateways .logo-block__item--trustcommerce {
    background-position: 0px -1050px
}

.logo-block--payment-gateways .logo-block__item--wirecard {
    background-position: 0px -1120px
}

.logo-block--payment-gateways .logo-block__item--bpoint {
    background-position: 0px -1190px
}

.logo-block--payment-gateways .logo-block__item--nmi {
    background-position: 0px -1260px
}

.video {
    height: 0;
    margin-bottom: .88889rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    position: relative
}

.video.widescreen {
    padding-bottom: 56.34%
}

.video.vimeo {
    padding-top: 0
}

.video iframe,.video object,.video embed,.video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

.wistia-postroll {
    background: #2DC833 !important
}

.wistia-postroll .postroll-link a {
    text-decoration: none
}

.wistia-postroll .postroll-link--next {
    top: 50%;
    position: absolute;
    right: 40px;
    margin-top: -50px
}

.wistia-postroll .postroll-link--next a span {
    background: rgba(255,255,255,0.4);
    border-radius: 50%;
    display: inline-block;
    height: 125px;
    width: 125px;
    position: relative
}

.wistia-postroll .postroll-link--next a span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 40px solid #FFF;
    margin-left: -13px;
    margin-top: -30px
}

.wistia-postroll .postroll-link--subtitle {
    color: #FFF;
    font-size: 28px;
    margin-bottom: 0;
    text-align: left;
    padding-left: 20px
}

.wistia-postroll .postroll-link--title {
    text-align: left;
    padding-left: 20px;
    margin-right: 30%;
    margin-bottom: 0
}

.wistia-postroll .postroll-link--title a {
    font-size: 50px;
    text-decoration: none;
    color: #FFF;
    line-height: 1em;
    display: block
}

@media (max-width: 1200px) {
    .wistia-postroll .postroll-link--next a span {
        height:100px;
        width: 100px
    }

    .wistia-postroll .postroll-link--title a {
        font-size: 36px
    }
}

@media (max-width: 600px) {
    .wistia-postroll .postroll-link--next {
        margin-top:-30px
    }

    .wistia-postroll .postroll-link--next a span {
        height: 60px;
        width: 60px
    }

    .wistia-postroll .postroll-link--next a span:before {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 20px solid #FFF;
        margin-left: -6px;
        margin-top: -15px
    }

    .wistia-postroll .postroll-link--subtitle {
        font-size: 18px
    }

    .wistia-postroll .postroll-link--title a {
        font-size: 20px
    }
}

.jumbotron--tutorials {
    background: #414141
}

.jumbotron--tutorials .jumbotron-title,.jumbotron--tutorials .jumbotron-subtitle {
    color: #FFF
}

.jumbotron__legal-text .jumbotron-subtitle {
    color: #CCC
}

@media (max-width: 600px) {
    .jumbotron--tutorials {
        padding-top:100px
    }
}

.menu--aside header {
    display: none
}

.menu--aside li a {
    color: #47c486
}

.menu--aside li a:hover,.menu--aside li a.is-active {
    background: #47c486;
    color: #fff;
    border-left: 3px solid #287d53;
    padding: 10px 15px 10px 12px
}

.menu--aside.open--mobile {
    background: #FFF;
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow-x: hidden;
    z-index: 20;
    display: block !important
}

.menu--aside.open--mobile header {
    display: block
}

.menu--aside.open--mobile header .menu--aside-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    color: #626262
}

.mobile-nav {
    margin-bottom: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #FFF;
    padding: 10px;
    z-index: 9;
    margin-bottom: 0;
    border-top: 1px solid #CCC
}

.mobile-nav .menu--aside-toggle .fa {
    margin-right: 10px
}

.mobile-nav .btn {
    background: #2DC833;
    color: #FFF
}

.banner--hero {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    background-size: cover;
    min-height: 400px;
    width: 100%;
    padding: 80px 30px 60px 30px
}

.banner--hero h1 {
    font-size: 36px;
    color: white;
    line-height: 46px;
    font-weight: 400;
    margin: 0 0 30px 0
}

.banner--hero p {
    font-size: 20px;
    color: white;
    line-height: 30px;
    margin: 0 auto;
    max-width: 700px
}

.banner--small {
    text-align: center;
    padding: 10px;
    position: relative;
    background: #414141;
    color: rgba(255,255,255,0.7);
    font-weight: 300
}

.banner--small a {
    color: white;
    text-decoration: underline
}

.banner--small a:hover {
    color: #2DC833
}

.banner--small .icon--tada {
    margin-right: 5px
}

.banner--small .icon--tada img {
    height: auto;
    width: 20px
}

@media (max-width: 600px) {
    .banner--small {
        font-size:14px
    }

    .banner__content h1 {
        font-size: 26px;
        color: white;
        line-height: 36px;
        margin: 0 0 30px 0
    }
}

.panel {
    padding: 40px 0;
    background: white;
    border: none;
    box-shadow: none;
    text-align: center;
}

.panel h2 {
    font-size: 32px;
    line-height: 42px;
    margin: 0 0 20px 0;
    color: #292929
}

.panel h2:before {
    content: '';
    height: 3px;
    width: 60px;
    background: #47c486;
    display: block;
    margin: 0 auto 30px auto
}

.panel h2.blue-divider:before {
    content: '';
    height: 3px;
    width: 60px;
    background: #439aea;
    display: block;
    margin: 0 auto 30px auto
}

.panel--gray-bg {
    background: #F7F7F7
}

.panel__content {
    width: 100%;
    position: relative;
    padding: 10px
}

.panel__content pre {
    position: relative;
    z-index: 1;
    top: 24px;
    left: 112px;
    padding: 0;
    max-height: 370px;
    overflow-y: scroll;
    max-width: calc(100% - 144px);
    background: white;
    border: none;
    line-height: 23px
}

.panel__content pre code {
    font-size: 10px
}

.panel__content pre+.editor-background {
    position: absolute;
    top: 0
}

.panel__content dl {
    padding: 40px;
    margin: 0;
    text-align: left
}

.panel__content dl dt {
    display: inline-block
}

.panel__content dl dd {
    display: block;
    margin: 10px 0
}

.panel .content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin: 0 auto;
    max-width: 1170px
}

.panel--split {
    text-align: left
}

.panel--split .panel__content {
    width: 50%
}

.panel--split .panel__content h2:before {
    content: '';
    height: 3px;
    width: 60px;
    background: #47c486;
    display: block;
    margin: 0 0 30px 0
}

.panel--split .panel__content img {
    margin: 0 auto
}

.panel__cta {
    margin: 20px 0 0 0;
    font-weight: 500;
    display: inline-block
}

.panel__cta:after {
    content: '>';
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size: 16px;
    font-weight: bold;
    margin-left: 8px
}

.panel--four-column {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.panel--four-column article {
    margin: 50px 0 0 0;
    text-align: left;
    width: 25%;
    padding: 0 15px
}

.panel--four-column article h4 {
    font-size: 18px;
    color: #292929;
    font-weight: 500
}

.panel--four-column article object {
    min-height: 40px
}

@media (max-width: 1120px) {
    .panel {
        padding:40px 20px
    }

    .panel__content pre {
        left: 0;
        width: 100%;
        border: 1px solid #ddd;
        max-width: 100%
    }

    .panel__content .editor-background {
        display: none
    }
}

@media (max-width: 768px) {
    .panel {
        padding:40px 20px
    }

    .panel__content pre {
        left: 0;
        width: 100%;
        border: 1px solid #ddd;
        max-width: 100%
    }

    .panel__content .editor-background {
        display: none
    }
}

@media (max-width: 600px) {
    .panel {
        padding:20px 0
    }

    .panel__content pre {
        top: 0;
        left: 0;
        width: 100%;
        border: 1px solid #ddd;
        padding: 10px
    }

    .panel__content pre+img {
        display: none
    }

    .panel h2 {
        font-size: 22px;
        line-height: 32px
    }

    .panel .content-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        padding: 10px;
        text-align: center
    }

    .panel--split .panel__content {
        width: 100%;
        text-align: center !important
    }

    .panel--split .panel__content h2:before {
        margin: 0 auto 30px auto
    }

    .panel--split .panel__content img {
        margin: 30px auto 0 auto
    }

    .panel--split .panel__content--image {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        -ms-flex-order: 2
    }

    .panel--four-column {
        display: block
    }

    .panel--four-column article {
        margin: 50px 0 0 0;
        text-align: left;
        width: 100%;
        padding: 0 15px
    }

    .panel--four-column article h4 {
        font-size: 18px;
        color: #292929;
        font-weight: 500
    }
}

.pricing-features {
    margin: 60px 0 -50px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pricing-features p,.pricing-features li {
    color: #414141;
    font-size: 14px;
    font-weight: normal
}

.pricing-features .plans__core,.pricing-features .plans__enterprise {
    width: 100%
}

.pricing-features .plans__core .purple .plan-header .plan-title,.pricing-features .plans__enterprise .purple .plan-header .plan-title {
    color: #7049a3
}

.pricing-features .plans__core .purple .btn-plan-color,.pricing-features .plans__enterprise .purple .btn-plan-color {
    background: white;
    border: 1px solid #7049a3;
    color: #7049a3
}

.pricing-features .plans__core .purple .btn-plan-color:hover,.pricing-features .plans__enterprise .purple .btn-plan-color:hover {
    background: #7049a3;
    color: white
}

.pricing-features .plans__core .orange .plan-header .plan-title,.pricing-features .plans__enterprise .orange .plan-header .plan-title {
    color: #fc6901
}

.pricing-features .plans__core .orange .btn-plan-color,.pricing-features .plans__enterprise .orange .btn-plan-color {
    background: #fc6901;
    border: 1px solid #fc6901;
    color: #FFF
}

.pricing-features .plans__core .orange .btn-plan-color:hover,.pricing-features .plans__enterprise .orange .btn-plan-color:hover {
    background: transparent;
    color: #fc6901
}

.pricing-features .plans__core .green .plan-header .plan-title,.pricing-features .plans__enterprise .green .plan-header .plan-title {
    color: #47c486
}

.pricing-features .plans__core .green .btn-plan-color,.pricing-features .plans__enterprise .green .btn-plan-color {
    background: #47c486;
    border: 1px solid #47c486;
    color: #FFF
}

.pricing-features .plans__core .green .btn-plan-color:hover,.pricing-features .plans__enterprise .green .btn-plan-color:hover {
    background: #34a46c;
    color: white;
    border: 1px solid #34a46c
}

.pricing-features .plans__core .blue .plan-header .plan-title,.pricing-features .plans__enterprise .blue .plan-header .plan-title {
    color: #439aea
}

.pricing-features .plans__core .blue .btn-plan-color,.pricing-features .plans__enterprise .blue .btn-plan-color {
    background: white;
    border: 1px solid #439aea;
    color: #439aea
}

.pricing-features .plans__core .blue .btn-plan-color:hover,.pricing-features .plans__enterprise .blue .btn-plan-color:hover {
    background: #439aea;
    color: white
}

.pricing-features .plans__core .enterprise .plan-header .plan-title,.pricing-features .plans__enterprise .enterprise .plan-header .plan-title {
    color: #439aea
}

.pricing-features .plans__core .enterprise .plan-features-primary p,.pricing-features .plans__enterprise .enterprise .plan-features-primary p {
    font-size: 14px;
    margin-bottom: 7px
}

.pricing-features .plans__core .enterprise .btn,.pricing-features .plans__enterprise .enterprise .btn {
    background: #439aea;
    border: 1px solid #439aea;
    color: #FFF;
    margin-top: 20px
}

.pricing-features .plans__core .enterprise .btn:hover,.pricing-features .plans__enterprise .enterprise .btn:hover {
    background: none;
    border: 1px solid #439aea;
    color: #439aea
}

.pricing-features .plans__core .enterprise .btn-plan-color,.pricing-features .plans__enterprise .enterprise .btn-plan-color {
    background: #439aea;
    border: 1px solid #439aea;
    color: #FFF
}

.pricing-features .plans__core .enterprise .btn-plan-color:hover,.pricing-features .plans__enterprise .enterprise .btn-plan-color:hover {
    background: transparent;
    color: #439aea
}

.pricing-features .plans__core ul,.pricing-features .plans__enterprise ul {
    padding-left: 20px;
    margin-bottom: 0
}

.pricing-features .plans__core ul.plain,.pricing-features .plans__enterprise ul.plain {
    padding-left: 0
}

.pricing-features .plans__core ul.plain li,.pricing-features .plans__enterprise ul.plain li {
    list-style-type: none
}

.pricing-features .plans__core ul.has-icons li,.pricing-features .plans__enterprise ul.has-icons li {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center
}

.pricing-features .plans__core ul.has-icons li:not(:last-child),.pricing-features .plans__enterprise ul.has-icons li:not(:last-child) {
    margin-bottom: 10px
}

.pricing-features .plans__core ul.has-icons li .icon,.pricing-features .plans__enterprise ul.has-icons li .icon {
    height: .75em;
    width: .75em;
    margin-right: .75em
}

.pricing-features .plans__core ul.has-icons li .text .title,.pricing-features .plans__core ul.has-icons li .text .subtext,.pricing-features .plans__enterprise ul.has-icons li .text .title,.pricing-features .plans__enterprise ul.has-icons li .text .subtext {
    display: block
}

.pricing-features .plans__core ul.has-icons li .text .title,.pricing-features .plans__enterprise ul.has-icons li .text .title {
    font-weight: bold;
    margin-bottom: 5px
}

.pricing-features .plans__core ul.has-icons li .text .subtext,.pricing-features .plans__enterprise ul.has-icons li .text .subtext {
    line-height: 1.25em
}

.pricing-features .plans__core--single,.pricing-features .plans__enterprise--single {
    display: block;
    position: relative
}

.pricing-features .plans__core--single .plan-footer,.pricing-features .plans__enterprise--single .plan-footer {
    padding: 20px
}

.pricing-features .plans__core--single .plan-header .plan-title,.pricing-features .plans__enterprise--single .plan-header .plan-title {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    padding: 20px 20px 0 20px;
    text-align: center
}

.pricing-features .plans__core--single .plan-price,.pricing-features .plans__enterprise--single .plan-price {
    text-align: center;
    padding: 20px 20px 0 20px
}

.pricing-features .plans__core--single .plan-price .price_amount,.pricing-features .plans__core--single .plan-price .price_amount_sub,.pricing-features .plans__enterprise--single .plan-price .price_amount,.pricing-features .plans__enterprise--single .plan-price .price_amount_sub {
    display: block
}

.pricing-features .plans__core--single .plan-price .price_amount,.pricing-features .plans__enterprise--single .plan-price .price_amount {
    font-weight: 500;
    margin-bottom: 5px
}

.pricing-features .plans__core--single .plan-price .price_amount strong,.pricing-features .plans__enterprise--single .plan-price .price_amount strong {
    font-weight: 500;
    font-size: 36px;
    color: #414141
}

.pricing-features .plans__core--single .plan-price .price_amount_sub small,.pricing-features .plans__enterprise--single .plan-price .price_amount_sub small {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    display: inline-block
}

.pricing-features .plans__core--single .plan-content,.pricing-features .plans__enterprise--single .plan-content {
    font-size: 14px;
    padding: 15px 20px 0 20px
}

.pricing-features .plans__core--single .plan-content li,.pricing-features .plans__enterprise--single .plan-content li {
    color: #747474;
    font-size: 14px
}

.pricing-features .plans__core--single .plan-content p,.pricing-features .plans__enterprise--single .plan-content p {
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.pricing-features .plans__core--single .plan-footer,.pricing-features .plans__enterprise--single .plan-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center
}

.pricing-features .plans__core--single .plan-footer .btn,.pricing-features .plans__enterprise--single .plan-footer .btn {
    border-radius: 0;
    display: block;
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .pricing-features .plans__core--single,.pricing-features .plans__enterprise--single {
        background:#FFF;
        border: 1px solid #DDD;
        display: block;
        position: relative;
        padding-bottom: 80px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 768px) {
    .pricing-features {
        display:flex;
        display: -ms-flexbox;
        justify-content: space-between
    }

    .pricing-features .plans__core,.pricing-features .plans__enterprise {
        display: flex;
        display: -ms-flexbox
    }

    .pricing-features .plans__core--single,.pricing-features .plans__enterprise--single {
        padding-bottom: 80px
    }

    .pricing-features .plans__core--single:not(:last-child),.pricing-features .plans__enterprise--single:not(:last-child) {
        border-right: 1px solid #DDD
    }

    .pricing-features .plans__core--single {
        position: relative;
        width: calc(100% / 3);
        background: white
    }

    .pricing-features .plans__core .green {
        border: 1px solid #ddd;
        -webkit-box-shadow: 0px 10px 13px -7px rgba(0,0,0,0.07);
        -moz-box-shadow: 0px 10px 13px -7px rgba(0,0,0,0.07);
        box-shadow: 0px 10px 13px -7px rgba(0,0,0,0.07)
    }

    .pricing-features .plans__core .purple {
        border-right: 0;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        -webkit-box-shadow: inset -19px 0px 53px -35px rgba(0,0,0,0.39);
        -moz-box-shadow: inset -19px 0px 53px -35px rgba(0,0,0,0.39);
        box-shadow: inset -19px 0px 53px -35px rgba(0,0,0,0.39)
    }

    .pricing-features .plans__core .blue {
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        -webkit-box-shadow: inset 19px 0px 53px -35px rgba(0,0,0,0.39);
        -moz-box-shadow: inset 19px 0px 53px -35px rgba(0,0,0,0.39);
        box-shadow: inset 19px 0px 53px -35px rgba(0,0,0,0.39)
    }

    .pricing-features .plans__enterprise {
        margin-left: 20px;
        width: 40%
    }

    .pricing-features .plans__enterprise--single {
        display: block;
        position: relative;
        width: 100%
    }
}

.pricing-table {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid #DDD;
    width: 100%
}

.pricing-table thead #plan__essential,.pricing-table thead #plan__advanced,.pricing-table thead #plan__managed {
    background: #FFF;
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    position: relative;
    width: 30%
}

.pricing-table thead #plan__essential .plan__heading,.pricing-table thead #plan__advanced .plan__heading,.pricing-table thead #plan__managed .plan__heading {
    display: inline-block;
    float: left;
    text-align: left;
    margin: 5px 0 0 0
}

.pricing-table thead #plan__essential .btn,.pricing-table thead #plan__advanced .btn,.pricing-table thead #plan__managed .btn {
    border-radius: 0;
    display: inline-block;
    float: right
}

.pricing-table thead #plan__essential {
    border-left: 1px solid #DDD
}

.pricing-table thead #plan__essential .plan__heading {
    color: #7049a3
}

.pricing-table thead #plan__essential .btn {
    background: white;
    border: 1px solid #7049a3;
    color: #7049a3;
    font-weight: 500
}

.pricing-table thead #plan__essential .btn:hover,.pricing-table thead #plan__essential .btn:active,.pricing-table thead #plan__essential .btn:focus {
    background: #583980;
    color: white
}

.pricing-table thead #plan__advanced .plan__heading {
    color: #47c486
}

.pricing-table thead #plan__advanced .btn {
    background: white;
    border: 1px solid #47c486;
    color: #47c486;
    font-weight: 500
}

.pricing-table thead #plan__advanced .btn:hover,.pricing-table thead #plan__advanced .btn:active,.pricing-table thead #plan__advanced .btn:focus {
    background: #34a46c;
    color: white
}

.pricing-table thead #plan__managed .plan__heading {
    color: #fc6901
}

.pricing-table thead #plan__managed .btn {
    background: #fc6901
}

.pricing-table thead #plan__managed .btn:hover,.pricing-table thead #plan__managed .btn:active,.pricing-table thead #plan__managed .btn:focus {
    background: #c95401
}

.pricing-table thead th {
    padding: 10px 15px;
    text-align: center;
    font-weight: normal
}

.pricing-table thead th .plan__description {
    font-size: 13px;
    line-height: 1.5em
}

.pricing-table thead th .plan-heading {
    margin-top: 0
}

.pricing-table tbody {
    font-size: 14px
}

.pricing-table tbody #feature__monthly-price {
    border-top: 1px solid #DDD
}

.pricing-table tbody .price span {
    display: block
}

.pricing-table tbody .price .price_amount {
    font-weight: 500
}

.pricing-table tbody tr {
    background: #FFF
}

.pricing-table tbody tr:hover {
    background: #FBFBFB
}

.pricing-table tbody tr th {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    font-weight: normal
}

.pricing-table tbody tr th span {
    display: block;
    padding: 10px 20px
}

.pricing-table tbody tr th span>span {
    padding: 0
}

.pricing-table tbody tr td {
    border-right: 1px solid #DDD;
    padding: 15px 20px
}

.pricing-table tbody tr td>span {
    padding: 0
}

.pricing-table.fixed {
    top: 0;
    position: fixed;
    width: auto;
    border: none;
    z-index: 5
}

.pricing-table.fixed thead #plan__feature-name {
    background: #FBFBFB;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD
}

.pricing-table.fixed thead #plan__essential,.pricing-table.fixed thead #plan__advanced,.pricing-table.fixed thead #plan__managed {
    padding: 10px 10px !important;
    text-align: left !important
}

.pricing-table.fixed thead th .plan__description {
    display: none
}

.pricing-table.fixed thead th .plan__heading {
    display: inline-block;
    margin: 0 !important
}

.pricing-table.fixed thead th .btn {
    float: right !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    padding: 5px 10px !important;
    bottom: inherit !important;
    top: inherit !important;
    right: inherit !important;
    left: inherit !important
}

.pricing-table>span {
    display: block
}

.pricing-table__feature-additional-info {
    display: inline-block
}

.pricing-table__feature-additional-info img {
    height: 1em;
    width: 1em
}

.pricing-table__section-heading {
    background: #FBFBFB;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    color: #414141;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px !important
}

.pricing-table__feature-value {
    display: block;
    text-align: center
}

.pricing-table__feature-value .checkmark {
    width: 1em;
    height: 1em
}

.pricing-table__tooltip {
    display: inline-block;
    border-bottom: 1px dashed #a7a7a7
}

@media screen and (max-width: 768px) {
    .pricing-table thead #plan__essential,.pricing-table thead #plan__advanced,.pricing-table thead #plan__managed {
        width:50%;
        border: 1px solid #DDD
    }

    .pricing-table thead .plan__heading {
        font-size: 16px
    }

    .pricing-table.fixed thead #plan__essential,.pricing-table.fixed thead #plan__advanced,.pricing-table.fixed thead #plan__managed {
        column-span: all
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: gray
}

@media screen and (min-width: 800px) {
    body {
        font-size:16px;
        line-height: 26px
    }
}

strong {
    font-weight: 500
}

p.psp-sub-heading {
    font-size: 16px;
    line-height: 26px
}

@media screen and (min-width: 800px) {
    p.psp-sub-heading {
        font-size:20px;
        line-height: 30px
    }
}

h1 {
    color: #414141;
    line-height: 40px;
    font-size: 30px;
    font-weight: 400
}

@media screen and (min-width: 800px) {
    h1 {
        line-height:46px;
        font-size: 36px;
        font-weight: 400
    }
}

h2 {
    color: #414141;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px
}

@media screen and (min-width: 800px) {
    h2 {
        line-height:40px;
        font-size: 30px;
        font-weight: 400
    }
}

h3 {
    color: #414141;
    margin: 10px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

@media screen and (min-width: 800px) {
    h3 {
        line-height:35px;
        font-size: 25px;
        font-weight: 400
    }
}

h4 {
    color: #414141;
    margin: 20px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px
}

.psp-heading {
    position: relative
}

.psp-heading:before {
    content: '';
    position: absolute;
    background: #47c486;
    width: 60px;
    height: 3px;
    display: block;
    top: -15px
}

@media screen and (min-width: 800px) {
    .psp-heading:before {
        top:-30px
    }
}

.psp-heading--blue:before {
    content: '';
    position: absolute;
    background: #439aea
}

a {
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    transition: all, 0.3s;
    color: #439aea;
    text-decoration: none;
    font-weight: 500
}

a:hover {
    color: #1774ca;
    text-decoration: none
}

a.psp-link {
    position: relative
}

a.psp-link--with-arrow:after {
    content: '\f105';
    color: #439aea;
    position: absolute;
    font-family: 'FontAwesome';
    margin-left: 0.625rem
}

a.psp-link--block {
    display: block;
    margin-bottom: 0.625rem
}

a.psp-link-title {
    font-size: 20px
}

br.psp-desktop__break {
    display: none
}

@media screen and (min-width: 1070px) {
    br.psp-desktop__break {
        display:inline-block
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes moveTop {
    from {
        margin-bottom: -200px
    }

    to {
        margin-bottom: 0px
    }
}

@-moz-keyframes moveTop {
    from {
        margin-bottom: -200px
    }

    to {
        margin-bottom: 0px
    }
}

@keyframes moveTop {
    from {
        margin-bottom: -200px
    }

    to {
        margin-bottom: 0px
    }
}

.psp-chargify-logo--green path {
    fill: #47c486
}

.psp-chargify-logo--white path {
    fill: #ffffff
}

.psp-icon--green .psp-analytics-icon rect[fill='#4CC287'] {
    fill: #47c486
}

.psp-icon--green .psp-money-icon path[fill='#47C486'] {
    fill: #47c486
}

.psp-icon--green .psp-user-icon path[fill='#4CC287'] {
    fill: #47c486
}

.psp-icon--green .psp-user-icon ellipse[fill='#4CC287'] {
    fill: #47c486
}

.psp-icon--green .psp-recurring-icon polygon[fill='#4CC287'] {
    fill: #47c486
}

.psp-icon--green .psp-recurring-icon path[stroke='#4CC287'] {
    stroke: #47c486
}

.psp-icon--green .psp-credit-card-icon rect[fill='#4CC287'] {
    fill: #47c486
}

.psp-icon--green .psp-credit-card-icon rect[stroke='#4CC287'] {
    stroke: #47c486
}

.psp-icon--gray .psp-analytics-icon rect[fill='#4CC287'] {
    fill: gray
}

.psp-icon--gray .psp-money-icon path[fill='#47C486'] {
    fill: gray
}

.psp-icon--gray .psp-user-icon path[fill='#4CC287'] {
    fill: gray
}

.psp-icon--gray .psp-user-icon ellipse[fill='#4CC287'] {
    fill: gray
}

.psp-icon--gray .psp-recurring-icon polygon[fill='#4CC287'] {
    fill: gray
}

.psp-icon--gray .psp-recurring-icon path[stroke='#4CC287'] {
    stroke: gray
}

.psp-icon--gray .psp-credit-card-icon rect[fill='#4CC287'] {
    fill: gray
}

.psp-icon--gray .psp-credit-card-icon rect[stroke='#4CC287'] {
    stroke: gray
}

.psp-icon--blue .psp-pie-chart-icon path[fill='#4CC287'] {
    fill: #439aea
}

.psp-icon--blue .psp-analytics-icon rect[fill='#4CC287'] {
    fill: #439aea
}

.psp-icon--blue .psp-money-icon path[fill='#47C486'] {
    fill: #439aea
}

.psp-icon--blue .psp-user-icon path[fill='#4CC287'] {
    fill: #439aea
}

.psp-icon--blue .psp-user-icon ellipse[fill='#4CC287'] {
    fill: #439aea
}

.psp-icon--blue .psp-recurring-icon polygon[fill='#4CC287'] {
    fill: #439aea
}

.psp-icon--blue .psp-recurring-icon path[stroke='#4CC287'] {
    stroke: #439aea
}

.psp-icon--blue .psp-credit-card-icon rect[fill='#4CC287'] {
    fill: #439aea
}

.psp-icon--blue .psp-credit-card-icon rect[stroke='#4CC287'] {
    stroke: #439aea
}

.psp-icon--blue .psp-percent-icon path[fill='#47C486'] {
    fill: #439aea
}

.psp-icon--blue .psp-coupon-icon circle[fill='#4CC287'] {
    fill: #439aea
}

.psp-icon--all-gray .psp-credit-card-icon rect[fill='#4CC287'] {
    fill: #dddddd
}

.psp-icon--all-gray .psp-credit-card-icon rect[stroke='#4CC287'] {
    stroke: #dddddd
}

.psp-icon--all-gray .psp-code-icon path[fill='#4CC287'] {
    fill: #dddddd
}

.psp-icon--all-gray .psp-chat-icon path[fill='#999999'] {
    fill: #dddddd
}

.psp-icon--red .psp-lock-icon path[fill='#4CC287'] {
    fill: #FF4949
}

.psp-icon--red .psp-lock-icon ellipse[fill='#4CC287'] {
    fill: #FF4949
}

.psp-icon--purple .psp-pie-chart-icon path[fill='#4CC287'] {
    fill: #7049a3
}

.psp-icon--purple .psp-analytics-icon rect[fill='#4CC287'] {
    fill: #7049a3
}

.psp-icon--orange .psp-analytics-icon rect[fill='#4CC287'] {
    fill: #fc6901
}

.psp-icon--orange .psp-pie-chart-icon path[fill='#4CC287'] {
    fill: #fc6901
}

.psp-icon--yellow .psp-money-icon path[fill='#47C486'] {
    fill: #ffc12d
}

ul.psp-list {
    margin: 0 0 0.9375rem 1.25rem;
    padding: 0
}

ul.psp-list li {
    margin: 0 0 0.3125rem 0
}

ul.psp-list i {
    color: #414141;
    margin-right: 0.625rem
}

ul.psp-list--split {
    margin: 1.25rem 0;
    padding: 0;
    -webkit-columns: 0;
    -moz-columns: 0;
    columns: 0
}

ul.psp-list--no-bullets {
    list-style: none
}

@media screen and (min-width: 800px) {
    ul.psp-list--split {
        -webkit-columns:2;
        -moz-columns: 2;
        columns: 2
    }
}

dl.psp-list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 0;
    padding: 0
}

dl.psp-list dt,dl.psp-list dd {
    margin: 0
}

.psp-button {
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    transition: all, 0.3s;
    height: 35px;
    padding: 0 15px;
    text-decoration: none;
    display: inline-block;
    line-height: 35px;
    border-radius: 4px;
    font-weight: 500;
    -webkit-box-shadow: inset 0px 0px 0px 1px #eaeaea;
    -moz-box-shadow: inset 0px 0px 0px 1px #eaeaea;
    box-shadow: inset 0px 0px 0px 1px #eaeaea
}

.psp-button:hover {
    color: white;
    cursor: pointer
}

.psp-button--primary {
    color: white;
    background: #47c486;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.psp-button--primary:hover {
    background: #34a46c;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.psp-button--transparent {
    background: transparent;
    color: white;
    -webkit-box-shadow: inset 0px 0px 0px 1px white;
    -moz-box-shadow: inset 0px 0px 0px 1px white;
    box-shadow: inset 0px 0px 0px 1px white
}

.psp-button--transparent:hover {
    background: #439aea;
    color: #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 1px #439aea;
    -moz-box-shadow: inset 0px 0px 0px 1px #439aea;
    box-shadow: inset 0px 0px 0px 1px #439aea
}

.psp-button--secondary {
    background: #fc6901;
    color: white
}

.psp-button--secondary:hover {
    background: #c95401;
    -webkit-box-shadow: inset 0px 0px 0px 1px #c95401;
    -moz-box-shadow: inset 0px 0px 0px 1px #c95401;
    box-shadow: inset 0px 0px 0px 1px #c95401
}

.psp-button--ghost {
    background: transparent;
    color: gray
}

.psp-button--ghost:hover {
    color: #439aea;
    -webkit-box-shadow: inset 0px 0px 0px 1px #439aea;
    -moz-box-shadow: inset 0px 0px 0px 1px #439aea;
    box-shadow: inset 0px 0px 0px 1px #439aea
}

.psp-button--large {
    height: 45px;
    line-height: 45px;
    padding: 0 40px
}

.psp-select {
    width: 100%;
    height: 35px;
    padding: 0 15px;
    outline: none
}

.psp-nav {
    padding: 20px 10px;
    background: #414141;
    z-index: 1000
}

.psp-nav--transparent {
    padding: 20px 10px;
    background: transparent;
    position: absolute;
    width: 100%
}

.psp-nav--fixed {
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,0.98);
    padding: 15px 10px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
    z-index: 1000
}

.psp-nav--fixed .psp-nav__link {
    color: gray
}

.psp-nav--fixed .psp-nav__link:hover {
    color: #414141
}

.psp-nav--fixed .psp-chargify-logo path {
    fill: #414141
}

@media screen and (min-width: 1070px) {
    .psp-nav--fixed {
        position:fixed
    }
}

.psp-nav__logo {
    width: 20%
}

.psp-nav__container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.psp-nav__links__container {
    display: none
}

@media screen and (min-width: 1070px) {
    .psp-nav__links__container {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        width: 80%
    }
}

.psp-nav__link {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 40px;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    font-weight: 500;
    line-height: 35px;
    position: relative
}

.psp-nav__link:after {
    content: '';
    padding: 50px;
    position: absolute;
    left: -25px;
    top: -25px
}

.psp-nav__link:hover {
    color: white;
    cursor: pointer
}

.psp-nav__link i {
    margin-left: 10px
}

.psp-nav span.psp-nav__link:hover {
    cursor: default
}

@media screen and (min-width: 1070px) {
    .psp-nav {
        padding:40px 0
    }

    .psp-nav--fixed {
        padding: 25px 0
    }
}

.psp-nav__dropdown {
    position: relative;
    display: inline-block
}

.psp-nav__dropdown__links {
    -webkit-animation: fadeIn 0.5s ease-in-out;
    -moz-animation: fadeIn 0.5s ease-in-out;
    animation: fadeIn 0.5s ease-in-out;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ffffff;
    border-radius: 4px;
    padding: 15px;
    min-width: 230px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2)
}

.psp-nav__dropdown__links li:not(:last-of-type) {
    margin-bottom: 5px
}

.psp-nav__dropdown__links a {
    color: gray
}

.psp-nav__dropdown__links a:hover {
    color: #47c486;
    cursor: pointer
}

.psp-nav__dropdown__links:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -5px;
    left: calc(50% - 5px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ffffff
}

.psp-nav__dropdown__links--product {
    left: -37px
}

.psp-nav__dropdown__links--contact-us {
    left: -12px
}

.psp-nav__dropdown__links--resources {
    left: -18px
}

.psp-nav__dropdown--product:hover .psp-nav__dropdown__links--product {
    display: block
}

.psp-nav__dropdown--contact-us:hover .psp-nav__dropdown__links--contact-us {
    display: block
}

.psp-nav__dropdown--resources:hover .psp-nav__dropdown__links--resources {
    display: block
}

.psp-mobile-nav {
    display: none;
    position: fixed;
    background: #414141;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    text-align: left;
    padding: 60px 20px
}

.psp-mobile-nav .psp-list {
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    bottom: -60px;
    right: 0
}

.psp-mobile-nav .psp-list li {
    font-weight: 500;
    font-size: 16px
}

.psp-mobile-nav .psp-list li.psp-mobile-nav__title {
    margin: 10px 0
}

.psp-mobile-nav a {
    color: #ffffff;
    font-size: 16px
}

.psp-mobile-nav__link {
    display: inline-block;
    height: auto;
    padding: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 6
}

.psp-mobile-nav__link:hover {
    cursor: pointer
}

.psp-mobile-nav__link__bar {
    background: #ffffff;
    display: block;
    height: 3px;
    margin: 0 0 4px;
    transition: all 0.3s ease-in-out;
    width: 20px
}

.psp-mobile-nav__link.open {
    position: fixed
}

.psp-mobile-nav__link.open .psp-mobile-nav__link__bar {
    margin: 0 0 4px
}

.psp-mobile-nav__link.open .psp-mobile-nav__link__bar:first-child {
    transform: rotate(45deg);
    transform-origin: 0
}

.psp-mobile-nav__link.open .psp-mobile-nav__link__bar:nth-child(2) {
    opacity: 0
}

.psp-mobile-nav__link.open .psp-mobile-nav__link__bar:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: 0
}

@media screen and (min-width: 1070px) {
    .psp-mobile-nav__link {
        display:none
    }
}

.psp-mobile-nav__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    position: absolute;
    background: #414141;
    width: 100%;
    left: 0;
    padding: 0 60px 10px 20px;
    top: 20px;
    text-align: center
}

.psp-mobile-nav__header .psp-button {
    width: calc(50% - 10px)
}

body.pricing .psp-nav__link,body.customers .psp-nav__link,body.x404 .psp-nav__link {
    color: gray
}

body.pricing .psp-nav--fixed,body.customers .psp-nav--fixed,body.x404 .psp-nav--fixed {
    position: absolute
}

body.pricing .psp-button--transparent,body.customers .psp-button--transparent,body.x404 .psp-button--transparent {
    -webkit-box-shadow: inset 0px 0px 0px 1px gray;
    -moz-box-shadow: inset 0px 0px 0px 1px gray;
    box-shadow: inset 0px 0px 0px 1px gray;
    color: gray
}

body.pricing .psp-button--transparent:hover,body.customers .psp-button--transparent:hover,body.x404 .psp-button--transparent:hover {
    -webkit-box-shadow: inset 0px 0px 0px 1px #439aea;
    -moz-box-shadow: inset 0px 0px 0px 1px #439aea;
    box-shadow: inset 0px 0px 0px 1px #439aea;
    color: white
}

body.pricing .psp-chargify-logo--white path,body.customers .psp-chargify-logo--white path,body.x404 .psp-chargify-logo--white path {
    fill: #414141
}

body.pricing .psp-mobile-nav__link__bar,body.customers .psp-mobile-nav__link__bar,body.x404 .psp-mobile-nav__link__bar {
    background: gray
}

body.pricing .psp-mobile-nav__header .psp-button--transparent,body.customers .psp-mobile-nav__header .psp-button--transparent,body.x404 .psp-mobile-nav__header .psp-button--transparent {
    color: #ffffff
}

.psp-banner {
    padding: 15px 0
}

.psp-banner .psp-banner__container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.psp-banner--small {
    background: #f7f7f7;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    text-align: center;
    color: #414141;
    font-weight: 500
}

.psp-banner--small span {
    margin: 0 auto
}

.psp-banner--light-gray {
    background: #f7f7f7;
    border-bottom: none
}

.psp-banner--logos {
    padding: 0;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    position: relative
}

.psp-banner--logos .psp-banner__container {
    height: 60px
}

.psp-banner--logos .psp-banner__container img {
    padding: 0 10px;
    max-height: 30px;
    width: calc(100% / 3)
}

.psp-banner--logos .psp-banner__container img:nth-of-type(even) {
    display: none
}

@media screen and (min-width: 900px) {
    .psp-banner--logos .psp-banner__container {
        height:80px
    }

    .psp-banner--logos .psp-banner__container img {
        width: auto;
        max-width: 150px;
        padding: 0 5px
    }

    .psp-banner--logos .psp-banner__container img:nth-of-type(even) {
        display: inline-block
    }
}

.psp-banner--three-column {
    background: #f7f7f7;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    padding: 0
}

.psp-banner--three-column strong {
    color: #414141;
    font-weight: 500
}

.psp-banner--three-column .psp-banner__container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    height: auto;
    padding: 15px 10px
}

.psp-banner--three-column .psp-list {
    display: block;
    text-align: center;
    margin: 0 0 15px 0
}

.psp-banner--three-column .psp-list dt {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .psp-banner--three-column .psp-list {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        text-align: left;
        margin: 0
    }

    .psp-banner--three-column .psp-list dt {
        margin-right: 20px
    }
}

@media screen and (min-width: 800px) {
    .psp-banner--three-column {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .psp-banner--three-column .psp-banner__container {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        height: 100px;
        padding: 0 10px;
        margin: 0 auto
    }
}

.psp-banner--four-column {
    background: #f7f7f7;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    padding: 0
}

.psp-banner--four-column p {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin-right: 0
}

.psp-banner--four-column strong {
    color: #414141;
    font-weight: 500
}

.psp-banner--four-column .psp-banner__container {
    display: block;
    height: 216px;
    padding: 15px 10px
}

.psp-banner--four-column .psp-list {
    display: block;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 20px;
    width: 50%;
    float: left
}

.psp-banner--four-column .psp-list dt {
    margin-right: 0
}

.psp-banner--four-column .psp-list dd {
    font-size: 14px
}

.psp-banner--four-column .psp-list dd>strong {
    display: block;
    font-size: 20px
}

@media screen and (min-width: 800px) {
    .psp-banner--four-column .psp-list {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        float: none;
        text-align: left;
        margin: 0
    }

    .psp-banner--four-column .psp-list dt {
        margin-right: 20px
    }
}

@media screen and (min-width: 800px) {
    .psp-banner--four-column {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .psp-banner--four-column p {
        margin-right: 10px
    }

    .psp-banner--four-column .psp-banner__container {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100px;
        padding: 0 10px;
        margin: 0 auto
    }
}

.psp-banner--white {
    background: #ffffff;
    border-bottom: 0
}

.psp-banner--dark-gray {
    background: #373737
}

.psp-banner--dark-gray h2 {
    color: #ffffff
}

.psp-banner--dark-gray .psp-button {
    padding: 0;
    text-align: center;
    width: 100%
}

.psp-banner--dark-gray .psp-button:nth-of-type(2) {
    margin: 10px 0 20px 0
}

@media screen and (min-width: 800px) {
    .psp-banner--dark-gray .psp-button {
        padding:0;
        width: 190px
    }

    .psp-banner--dark-gray .psp-button:nth-of-type(2) {
        margin: 0 0 0 30px
    }
}

.psp-banner--dark-gray .psp-banner__container {
    display: block;
    text-align: center
}

@media screen and (min-width: 800px) {
    .psp-banner--dark-gray .psp-banner__container {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: left
    }
}

.psp-foot-note {
    top: auto;
    bottom: 0;
    position: absolute
}

@media screen and (min-width: 800px) {
    .psp-foot-note {
        top:0;
        right: 10px;
        font-size: 12px
    }
}

.psp-hero {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    background-color: #414141;
    color: white;
    height: 350px
}

.psp-hero h1 {
    color: white;
    text-align: center
}

.psp-hero p {
    text-align: center;
    font-size: 18px;
    line-height: 28px
}

.psp-hero__container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    padding-top: 60px;
    width: 100%
}

.psp-hero--transparent {
    background-color: transparent;
    color: #414141
}

.psp-hero--main {
    background: url("../images/Home/mainhero.jpg") no-repeat center;
    background-size: cover;
    background-color: #414141;
    text-align: left;
    height: 500px
}

.psp-hero--main h1 {
    text-align: center
}

.psp-hero--main p {
    text-align: center
}

.psp-hero--main .psp-hero__container {
    padding-top: 40px;
    text-align: center
}

.psp-hero--main .psp-button {
    width: 100%;
    text-align: center
}

.psp-hero--main .psp-button:nth-of-type(2) {
    margin-top: 10px
}

@media screen and (min-width: 800px) {
    .psp-hero--main .psp-button {
        padding:0;
        width: 190px
    }

    .psp-hero--main .psp-button:nth-of-type(2) {
        margin-left: 30px
    }
}

.psp-hero--about-us {
    background: url("../images/AboutUs/AboutUsBG.jpg") no-repeat center;
    background-size: cover;
    background-color: #414141;
    height: 500px
}

.psp-hero--small {
    height: 300px
}

.psp-hero--small .psp-hero__container h1 {
    margin: 0
}

@media screen and (min-width: 800px) {
    .psp-hero h1 {
        margin:0;
        color: white;
        font-size: 40px
    }

    .psp-hero p {
        margin: 0;
        font-size: 20px;
        line-height: 30px
    }

    .psp-hero h1+p {
        margin-top: 25px
    }

    .psp-hero--main p {
        margin: 0 0 30px 0;
        font-size: 24px;
        line-height: 34px
    }
}

.psp-footer {
    background: #414141;
    padding: 30px 0
}

.psp-footer__container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.psp-footer__company-info {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    width: 100%
}

.psp-footer__links {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    display: block;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500
}

.psp-footer__links .psp-list {
    margin-left: 0
}

.psp-footer__links .psp-list li {
    margin: 0 0 10px 0
}

.psp-footer__links a {
    color: rgba(255,255,255,0.5);
    font-size: 15px
}

.psp-footer__links a:hover {
    color: #ffffff
}

.psp-footer .psp-logo {
    margin-bottom: 15px
}

.psp-footer .psp-social-links {
    margin-top: 20px
}

@media screen and (min-width: 900px) {
    .psp-footer {
        padding:60px 0
    }

    .psp-footer__container {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }

    .psp-footer__company-info {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
        -ms-flex-order: 1;
        width: 25%
    }

    .psp-footer__links {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 75%
    }

    .psp-footer__links .psp-list {
        margin-left: 50px
    }
}

.psp-social-links a {
    border: 3px solid rgba(255,255,255,0.5);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: rgba(255,255,255,0.5);
    margin: 0 5px 0 0
}

.psp-social-links a i {
    padding-top: 8px
}

.psp-social-links a:hover {
    color: #ffffff;
    border: 3px solid #ffffff
}