.designers-sprite,
.designers-bob-r,
.designers-brad-c,
.designers-desiree-l,
.designers-eric-c,
.designers-jessica-i,
.designers-julie-j,
.designers-kelsey-p,
.designers-mikee-s,
.designers-scott-r {
    background-image: url('/img/../img/sprites/designers-s4a274634ec.png');
    background-repeat: no-repeat
}

.designers-bob-r {
    background-position: 0 0;
    height: 150px;
    width: 150px
}

.designers-brad-c {
    background-position: 0 -150px;
    height: 150px;
    width: 150px
}

.designers-desiree-l {
    background-position: 0 -300px;
    height: 150px;
    width: 150px
}

.designers-eric-c {
    background-position: 0 -450px;
    height: 150px;
    width: 150px
}

.designers-jessica-i {
    background-position: 0 -600px;
    height: 150px;
    width: 150px
}

.designers-julie-j {
    background-position: 0 -750px;
    height: 150px;
    width: 150px
}

.designers-kelsey-p {
    background-position: 0 -900px;
    height: 150px;
    width: 150px
}

.designers-mikee-s {
    background-position: 0 -1050px;
    height: 150px;
    width: 150px
}

.designers-scott-r {
    background-position: 0 -1200px;
    height: 150px;
    width: 150px
}

.graphics-sprite,
.graphics-facebook,
.graphics-twitter {
    background-image: url('/img/../img/sprites/graphics-s4015ece849.png');
    background-repeat: no-repeat
}

.graphics-facebook {
    background-position: 0 0;
    height: 33px;
    width: 43px
}

.graphics-twitter {
    background-position: 0 -33px;
    height: 33px;
    width: 43px
}

body {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
p {
    margin: 0;
    padding: 0
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local("Source Sans Pro Light"), local("SourceSansPro-Light");
    src: url("../fonts/source-sans-pro/light/SourceSansPro-Light.otf.woff") format("woff"), url("../fonts/source-sans-pro/light/SourceSansPro-Light.ttf.woff") format("truetype"), url("../fonts/source-sans-pro/light/SourceSansPro-Light.svg") format("svg")
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local("Source Sans Pro"), local("SourceSansPro-Regular");
    src: url("../fonts/source-sans-pro/regular/SourceSansPro-Regular.otf.woff") format("woff"), url("../fonts/source-sans-pro/regular/SourceSansPro-Regular.ttf.woff") format("truetype"), url("../fonts/source-sans-pro/regular/SourceSansPro-Regular.svg") format("svg")
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold");
    src: url("../fonts/source-sans-pro/semibold/SourceSansPro-Semibold.otf.woff") format("woff"), url("../fonts/source-sans-pro/semibold/SourceSansPro-Semibold.ttf.woff") format("truetype"), url("../fonts/source-sans-pro/semibold/SourceSansPro-Semibold.svg") format("svg")
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold");
    src: url("../fonts/source-sans-pro/bold/SourceSansPro-Bold.otf.woff") format("woff"), url("../fonts/source-sans-pro/bold/SourceSansPro-Bold.ttf.woff") format("truetype"), url("../fonts/source-sans-pro/bold/SourceSansPro-Bold.svg") format("svg")
}

@font-face {
    font-family: 'aw-icons';
    src: url("../fonts/aw-icons/aw-icons.eot");
    src: url("../fonts/aw-icons/aw-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/aw-icons/aw-icons.woff") format("woff"), url("../fonts/aw-icons/aw-icons.ttf") format("truetype"), url("../fonts/aw-icons/aw-icons.svg#aw-icons") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'aw-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: center;
    text-transform: none;
    line-height: 1
}

.icon-pause:before {
    content: "\e678"
}

.icon-speakers:before {
    content: "\e677"
}

.icon-archive:before {
    content: "\e674"
}

.icon-labs:before {
    content: "\e670"
}

.icon-news:before {
    content: "\e671"
}

.icon-segments:before {
    content: "\e666"
}

.icon-cart:before {
    content: "\e667"
}

.icon-experience:before {
    content: "\e668"
}

.icon-expert:before {
    content: "\e669"
}

.icon-html:before {
    content: "\e66a"
}

.icon-moving:before {
    content: "\e66b"
}

.icon-snippet:before {
    content: "\e66c"
}

.icon-shopping:before {
    content: "\e614"
}

.icon-sharing:before {
    content: "\e615"
}

.icon-settings:before {
    content: "\e616"
}

.icon-sent:before {
    content: "\e617"
}

.icon-send:before {
    content: "\e618"
}

.icon-search:before {
    content: "\e619"
}

.icon-schedule:before {
    content: "\e61a"
}

.icon-save:before {
    content: "\e61b"
}

.icon-refresh:before {
    content: "\e61c"
}

.icon-publish:before {
    content: "\e61d"
}

.icon-privacy:before {
    content: "\e61e"
}

.icon-pricing:before {
    content: "\e61f"
}

.icon-preview:before {
    content: "\e620"
}

.icon-press:before {
    content: "\e621"
}

.icon-play:before {
    content: "\e622"
}

.icon-personalize:before {
    content: "\e623"
}

.icon-partners:before {
    content: "\e624"
}

.icon-opens:before {
    content: "\e625"
}

.icon-numbered:before {
    content: "\e626"
}

.icon-mobile:before {
    content: "\e627"
}

.icon-login:before {
    content: "\e628"
}

.icon-layout:before {
    content: "\e62c"
}

.icon-kb:before {
    content: "\e62d"
}

.icon-justified:before {
    content: "\e62e"
}

.icon-italic:before {
    content: "\e62f"
}

.icon-info:before {
    content: "\e630"
}

.icon-import:before {
    content: "\e631"
}

.icon-images:before {
    content: "\e632"
}

.icon-guides:before {
    content: "\e633"
}

.icon-groups:before {
    content: "\e634"
}

.icon-font:before {
    content: "\e635"
}

.icon-features:before {
    content: "\e636"
}

.icon-faq:before {
    content: "\e637"
}

.icon-export:before {
    content: "\e638"
}

.icon-email:before {
    content: "\e639"
}

.icon-drag:before {
    content: "\e63a"
}

.icon-draft:before {
    content: "\e63b"
}

.icon-divider:before {
    content: "\e63c"
}

.icon-design:before {
    content: "\e63d"
}

.icon-deliverability:before {
    content: "\e63e"
}

.icon-delete:before {
    content: "\e63f"
}

.icon-dashboard:before {
    content: "\e640"
}

.icon-clicks:before {
    content: "\e644"
}

.icon-chevU:before {
    content: "\e645"
}

.icon-chevR:before {
    content: "\e646"
}

.icon-chevL:before {
    content: "\e647"
}

.icon-chevD:before {
    content: "\e648"
}

.icon-check:before {
    content: "\e649"
}

.icon-careers:before {
    content: "\e64a"
}

.icon-calendar:before {
    content: "\e64b"
}

.icon-button:before {
    content: "\e64c"
}

.icon-bullets:before {
    content: "\e64d"
}

.icon-broadcasts:before {
    content: "\e64e"
}

.icon-bounces:before {
    content: "\e64f"
}

.icon-bold:before {
    content: "\e650"
}

.icon-blog:before {
    content: "\e651"
}

.icon-billing:before {
    content: "\e652"
}

.icon-autoresponders:before {
    content: "\e653"
}

.icon-apps:before {
    content: "\e654"
}

.icon-api:before {
    content: "\e655"
}

.icon-analytics:before {
    content: "\e656"
}

.icon-alignR:before {
    content: "\e657"
}

.icon-alignL:before {
    content: "\e658"
}

.icon-splittest:before {
    content: "\e611"
}

.icon-signature:before {
    content: "\e613"
}

.icon-lists:before {
    content: "\e62a"
}

.icon-link:before {
    content: "\e62b"
}

.icon-contact:before {
    content: "\e642"
}

.icon-close:before {
    content: "\e643"
}

.icon-spam:before {
    content: "\e612"
}

.icon-loading:before {
    content: "\e629"
}

.icon-coupon:before {
    content: "\e641"
}

.icon-alignC:before {
    content: "\e659"
}

.icon-alert:before {
    content: "\e65a"
}

.icon-affiliates:before {
    content: "\e65b"
}

.icon-strikethrough:before {
    content: "\e610"
}

.icon-subscribers:before {
    content: "\e60f"
}

.icon-support:before {
    content: "\e60e"
}

.icon-templates:before {
    content: "\e60d"
}

.icon-testimonial:before {
    content: "\e60c"
}

.icon-trash:before {
    content: "\e60b"
}

.icon-underline:before {
    content: "\e60a"
}

.icon-unlimited:before {
    content: "\e609"
}

.icon-unsecure:before {
    content: "\e608"
}

.icon-unsubscribe:before {
    content: "\e607"
}

.icon-user:before {
    content: "\e606"
}

.icon-videos:before {
    content: "\e605"
}

.icon-warn:before {
    content: "\e604"
}

.icon-webforms:before {
    content: "\e603"
}

.icon-webinars:before {
    content: "\e602"
}

.icon-aweber:before {
    content: "\e601"
}

.icon-widget:before {
    content: "\e600"
}

.icon-logo:before {
    content: "\e65f"
}

.icon-chat:before {
    content: "\e65e"
}

.icon-address:before {
    content: "\e65c"
}

.icon-add:before {
    content: "\e65d"
}

.icon-heart:before {
    content: "\e665"
}

.icon-website:before {
    content: "\e676"
}

.icon-vimeo:before {
    content: "\e675"
}

.icon-rss2:before {
    content: "\e673"
}

.icon-pinterest:before {
    content: "\e672"
}

.icon-github:before {
    content: "\e66e"
}

.icon-googleplus:before {
    content: "\e66f"
}

.icon-dribbble:before {
    content: "\e66d"
}

.icon-youtube:before {
    content: "\e660"
}

.icon-twitter:before {
    content: "\e661"
}

.icon-linkedin:before {
    content: "\e662"
}

.icon-instagram:before {
    content: "\e663"
}

.icon-facebook:before {
    content: "\e664"
}

.block-button {
    border: solid 2px #000;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    font-size: 22px;
    margin: 40px 0;
    padding: 20px 35px;
    text-align: center
}

.block-button.coral {
    border-color: #FF623D;
    color: #FF623D;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.coral:hover {
    background-color: #FF623D;
    color: #fff
}

.block-button.coral-bg {
    background-color: #FF623D;
    border-color: #FF623D;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.coral-bg:hover {
    background-color: transparent;
    color: #FF623D
}

.block-button.lime {
    border-color: #D1CA05;
    color: #D1CA05;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.lime:hover {
    background-color: #D1CA05;
    color: #fff
}

.block-button.lime-bg {
    background-color: #D1CA05;
    border-color: #D1CA05;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.lime-bg:hover {
    background-color: transparent;
    color: #D1CA05
}

.block-button.yellow {
    border-color: #FFB500;
    color: #FFB500;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.yellow:hover {
    background-color: #FFB500;
    color: #fff
}

.block-button.yellow-bg {
    background-color: #FFB500;
    border-color: #FFB500;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.yellow-bg:hover {
    background-color: transparent;
    color: #FFB500
}

.block-button.yellow-highlight-bg {
    background-color: #FDD982;
    border-color: #FDD982;
    color: #B58309;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.yellow-highlight-bg:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.block-button.cyan {
    border-color: #00ADEF;
    color: #00ADEF;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.cyan:hover {
    background-color: #00ADEF;
    color: #fff
}

.block-button.cyan-bg {
    background-color: #00ADEF;
    border-color: #00ADEF;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.cyan-bg:hover {
    background-color: transparent;
    color: #00ADEF
}

.block-button.turquoise {
    border-color: #00BEBE;
    color: #00BEBE;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.turquoise:hover {
    background-color: #00BEBE;
    color: #fff
}

.block-button.turquoise-bg {
    background-color: #00BEBE;
    border-color: #00BEBE;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.turquoise-bg:hover {
    background-color: transparent;
    color: #00BEBE
}

.block-button.blue {
    border-color: #0C7AC0;
    color: #0C7AC0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.blue:hover {
    background-color: #0C7AC0;
    color: #fff
}

.block-button.blue-bg {
    background-color: #0C7AC0;
    border-color: #0C7AC0;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.blue-bg:hover {
    background-color: transparent;
    color: #0C7AC0
}

.block-button.sage-bg {
    background-color: #2d9f62;
    border-color: #2d9f62;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.sage-bg:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.block-button.sage2-bg {
    background-color: #2d9f62;
    border-color: #2d9f62;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    margin-bottom: 0
}

.block-button.sage2-bg:hover {
    background-color: transparent;
    border-color: #2d9f62;
    color: #2d9f62
}

.block-button.white {
    border-color: white;
    color: white;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.white:hover {
    background-color: white;
    color: #505E67
}

.block-button.white-bg {
    background-color: white;
    border-color: white;
    color: #505E67;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.white-bg:hover {
    background-color: transparent;
    color: white
}

.block-button.purple {
    border-color: #8670C2;
    color: #8670C2;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.purple:hover {
    background-color: #8670C2;
    color: #fff
}

.block-button.purple-bg {
    background-color: #8670C2;
    border-color: #8670C2;
    color: #505E67;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.purple-bg:hover {
    background-color: transparent;
    color: #8670C2
}

.block-button.red {
    border-color: #EA7880;
    color: #EA7880;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.red:hover {
    background-color: #EA7880;
    color: #fff
}

.block-button.red-bg {
    background-color: #EA7880;
    border-color: #EA7880;
    color: #505E67;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.red-bg:hover {
    background-color: transparent;
    color: #EA7880
}

.block-button.steel {
    border-color: #505E67;
    color: #505E67;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.steel:hover {
    background-color: #505E67;
    color: #fff
}

.block-button.sage {
    border-color: #2d9f62;
    color: #2d9f62;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.sage:hover {
    background-color: #2d9f62;
    color: #fff
}

.block-button.lime-highlight {
    border-color: #EBE785;
    color: #EBE785;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.block-button.lime-highlight:hover {
    background-color: #EBE785;
    color: #206f45
}

.block-button.button-inline {
    dislay: inline-block;
    margin: 40px 10px
}

body {
    background: #DBDCDE
}

.site-main {
    background: #fff
}

.site-main.paged {
    margin-top: 33px
}

header.featured-header {
    min-height: 340px
}

header.featured-header .featured-content h2 {
    line-height: 40px;
    margin: 60px 0 0
}

header.featured-header .featured-image {
    padding: 0 20px 20px
}

header.featured-header .featured-image img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 60px 0 0
}

.bump {
    margin-top: 33px
}

.search-bar {
    background: #29343B
}

.search-bar .row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 44px;
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 88px 0 10px;
    position: relative;
    width: 100%
}

.search-bar .row h2 {
    float: left;
    font-size: 24px;
    font-weight: 400;
    line-height: 44px
}

.search-bar .row h2 a {
    color: #fff
}

.search-bar.paged,
.search-bar.fixed {
    position: fixed;
    top: 64px;
    width: 100%;
    z-index: 2
}

.search-bar .meta-button {
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    position: absolute;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    width: 44px
}

.search-bar .meta-rss {
    background: #FF623D;
    overflow: hidden;
    right: 44px
}

.search-bar .meta-rss a {
    display: block;
    height: 44px;
    margin: -44px 0 0;
    text-indent: -8675309px
}

.search-bar .meta-rss:hover {
    background: #B5391C
}

.search-bar .meta-tab {
    float: right;
    font-size: 18px;
    font-weight: 400;
    padding: 0 15px;
    position: relative;
    width: auto
}

.search-bar .meta-tab .icon-chevD {
    font-size: 10px;
    font-weight: bold;
    margin: 0 3px
}

.search-bar .meta-tab ul {
    background: #000;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 44px;
    left: 0;
    width: 195px
}

.search-bar .meta-tab ul li {
    display: block;
    font-size: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

.search-bar .meta-tab ul li a {
    color: #fff;
    display: block;
    padding: 0 0 0 15px;
    -webkit-tap-highlight-color: transparent
}

.search-bar .meta-tab ul li a:hover {
    background: #FFB500;
    -webkit-tap-highlight-color: transparent
}

.search-bar .meta-tab:hover {
    background: #000
}

.search-bar .meta-tab:hover ul {
    display: block
}

.search-bar form {
    position: absolute;
    right: 0
}

.search-bar form .search-wrap {
    position: relative
}

.search-bar form .search-button {
    background: #000;
    right: 0;
    top: 0
}

.search-bar form .search-button.icon-close {
    background: #F5F5F5;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #505E67
}

.search-bar form input[type="text"] {
    background: #F5F5F5;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 44px;
    margin: 0;
    transition: width 200ms;
    width: 44px
}

.search-bar form input[type="text"].search-on {
    width: 300px
}

.search-bar form input[type="submit"] {
    display: none
}

.feature-post {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0 0 30px;
    padding: 0 20px
}

.feature-post.feature-large {
    padding: 0 20px;
    width: 66.6%;
    height: 410px
}

.feature-post.feature-large img {
    display: block;
    height: auto;
    width: 100%
}

.feature-post.feature-thin {
    background: url("/wp-content/themes/aweber6-1/img/featured/ad-bg-guides.png") center center no-repeat;
    background-size: cover;
    height: 130px;
    margin: 40px 0 40px;
    padding: 0;
    position: relative;
    width: 100%
}

.feature-post.feature-thin h3 {
    font-size: 38px;
    line-height: 130px;
    text-align: center
}

.feature-post.feature-thin h3 a {
    color: #fff;
    display: block;
    height: 130px
}

.feature-post.feature-thin h3 span {
    color: #fff;
    bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    position: absolute;
    right: 15px
}

.sign-up-form {
    overflow: hidden;
    margin: 15px 0 0;
    position: relative
}

.sign-up-form #subscribetoblog {
    position: absolute;
    top: 110px
}

.sign-up-form h3 strong {
    font-size: 36px;
    font-weight: 600
}

.sign-up-form h3 span {
    font-size: 26px
}

.sign-up-form form {
    background: #F5F5F5;
    border: 1px solid #DBDCDE;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    padding: 15px
}

.sign-up-form form input {
    float: left;
    margin: 0;
    -webkit-appearance: none
}

.sign-up-form form input[type="text"] {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-right: 1%;
    width: 36%
}

.sign-up-form form input[type="submit"] {
    font-family: "Source Sans Pro";
    font-weight: 600;
    background: #2d9f62;
    padding: 10px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    text-align: center;
    width: 26%
}

.sign-up-form form input[type="submit"]:hover {
    background: #206f45
}

.content-search h1 {
    font-size: 43px;
    line-height: 1.15;
    margin: 0 0 20px
}

.search-in-page {
    max-width: 560px
}

.search-in-page .search-in-page-wrap .meta-button {
    display: none
}

.search-in-page .search-in-page-wrap input {
    float: left;
    margin: 0;
    -webkit-appearance: none
}

.search-in-page .search-in-page-wrap input[type="text"] {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-right: 1%;
    width: 71%
}

.search-in-page .search-in-page-wrap input[type="submit"] {
    font-family: "Source Sans Pro";
    font-weight: 600;
    background: #2d9f62;
    padding: 10px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    text-align: center;
    width: 25%
}

.search-in-page .search-in-page-wrap input[type="submit"]:after {
    content: "Search"
}

.pagination {
    margin: 30px 0;
    text-align: center
}

.pagination .page-numbers {
    background: #0C7AC0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 34px;
    line-height: 34px;
    margin: 0 2px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    width: 34px
}

.pagination .current {
    background: #ABABAB
}

.pagination .dots {
    background: none;
    color: #505E67
}

.pagination .next,
.pagination .prev {
    background: #505E67
}

#popForm-1257185573 {
    background: #085586 !important;
    max-width: 320px !important;
    width: 100% !important
}

#af-form-1257185573 .af-header {
    padding: 20px 20px 0 !important
}

#af-form-1257185573 .af-header,
#af-form-1257185573 .af-body {
    background-image: none !important;
    font-family: 'Source Sans Pro' !important;
    color: #fff !important
}

#af-form-1257185573 .af-header {
    background: none !important;
    border: none !important
}

#af-form-1257185573 .af-body .af-textWrap {
    float: inherit !important;
    display: inherit !important;
    width: inherit !important
}

#af-form-1257185573 .af-footer {
    display: none !important
}

#af-form-1257185573 .bodyText {
    font-family: inherit !important
}

#af-form-1257185573 {
    background: none !important;
    border: none !important
}

#af-form-1257185573 .bodyText p {
    margin: 0 0 10px !important;
    padding: 0 !important
}

#af-form-1257185573 .bodyText p span {
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 26px
}

#af-form-1257185573 .bodyText p+p span {
    font-size: 18px !important;
    font-weight: 400 !important
}

#af-form-1257185573 .af-element .previewLabel {
    display: none !important
}

#af-form-1257185573 .af-body input.text {
    border: inherit !important;
    background-color: #0C7AC0 !important;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff !important;
    font-size: 16px !important;
    font-family: inherit !important;
    height: 46px;
    padding-left: 10px !important;
    -webkit-appearance: none !important
}

#af-form-1257185573 .af-element {
    padding: 0 20px 15px !important
}

#af-form-1257185573 .buttonContainer input.submit {
    background: #FF623D !important;
    border: none !important;
    color: #fff !important;
    display: block;
    font-size: 18px !important;
    font-family: 'Source Sans Pro' !important;
    font-weight: 400 !important;
    margin: 0 auto;
    min-width: 130px !important;
    -webkit-appearance: none !important;
    padding: 11px !important
}

.af-element.privacyPolicy p,
.af-element.powered-by p {
    font-family: 'Source Sans Pro' !important;
    font-size: 14px !important;
    color: #fff !important
}

.af-element.privacyPolicy p a,
.af-element.powered-by p a {
    color: #fff !important
}

.dropShadowR1257185573,
.dropShadowBottom1257185573,
.dropShadowTop1257185573,
.dropShadowL1257185573 {
    background: none !important
}

.post-item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.post-item .img-wrap {
    border: 1px solid #DBDCDE;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    overflow: hidden
}

.post-item .img-wrap img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%
}

.post-item .img-wrap a {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 186px
}

.post-item h3 {
    font-size: 26px;
    line-height: 26px
}

.post-item h3 a {
    color: #0C7AC0
}

.post-item h3 a:hover {
    color: #085586
}

.post-item span {
    color: #FF623D;
    display: block;
    margin: 0 0 5px;
    padding: 5px 0
}

.post-item p {
    font-size: 16px
}

.post-item a {
    color: #0C7AC0
}

.post-item a:hover {
    color: #085586
}

.post-box {
    float: left;
    height: 410px;
	margin-bottom: 30px;
    padding: 0 20px;
    width: 33.3%
}

.post-box .img-wrap {
    overflow: hidden;
    height: 186px
}

.post-box span {
    border-bottom: 1px solid #DBDCDE
}

.post-box-list {
    border-bottom: 1px solid #DBDCDE;
    clear: both;
    margin: 25px 0 0;
    overflow: hidden;
    padding: 0 10px 25px
}

.post-box-list .img-wrap {
    float: left;
    height: 186px;
    margin: 0 20px 0 0;
    width: 331px
}

.content-page {
    margin: 0 auto;
    max-width: 900px
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    color: #0C7AC0;
    margin: 0 0 15px
}

.entry-content h1 {
    font-size: 43px;
    font-weight: 600;
    line-height: 1.15;
    font-family: "Source Sans Pro", Helvetica, sans-serif
}

.entry-content h2 {
    font-size: 33px;
    font-weight: 400;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    margin: 50px 0 20px
}

.entry-content h3 {
    font-size: 24px;
    font-weight: 600;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    margin: 0 0 10px
}

.entry-content h4 {
    font-weight: 600
}

.entry-content center .alignnone {
    height: auto;
    margin: 50px 0;
    max-width: 100%
}

.entry-content .aligncenter,
.entry-content .img-center {
    clear: both;
    display: block;
    height: auto;
    margin: 50px auto;
    max-width: 100%
}

.entry-content .img-left,
.entry-content .alignleft {
    float: left;
    margin: 0 10px 10px 0
}

.entry-content .img-right,
.entry-content .alignright {
    float: right;
    margin: 0 0 10px 10px
}

.entry-content p {
    color: #29343B;
    font-size: 19px;
    line-height: 1.75;
    margin: 0 0 24px
}

.entry-content a {
    color: #0C7AC0
}

.entry-content a:hover {
    color: #085586
}

.entry-content blockquote {
    border-left: 2px solid #FF623D;
    color: #000;
    font-size: 16px;
    font-style: italic;
    margin: 0 0 20px;
    padding: 0 20px
}

.entry-content iframe {
    display: block;
    margin: 0 auto
}

.entry-content ul li {
    color: #29343B;
    line-height: 1.75;
    font-size: 19px
}

.entry-content .bctt-click-to-tweet {
    border: none;
    padding: 25px 0;
    margin: 25px 0
}

.entry-content .bctt-ctt-text a {
    color: #0C7AC0 !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 24;
    font-weight: 200;
    display: block;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 0px;
    text-align: center
}

.entry-content .bctt-ctt-text a:hover {
    color: #085586 !important
}

.entry-content a.bctt-ctt-btn {
    color: #8598A5 !important;
    float: none;
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    width: 90px;
    margin: 0 auto
}

.entry-content a.bctt-ctt-btn:hover {
    color: #505E67 !important
}

.content-single .post,
.content-single .press,
.content-single .comments {
    margin: 0 auto;
    max-width: 700px
}

.content-single .entry-content h2 {
    color: #FF623D
}

.content-single .entry-content h3 {
    color: #505E67
}

h4.entry-byline {
	color: #666;
  font-size: 18px;
  font-weight: 900;
	padding: 0 0 30px;
	text-align: left;
  text-transform: uppercase;
	width: 100%;
}

h3.entry-excerpt p {
  color: #666;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
}

h4.entry-byline a {
  color: #666;
  font-weight: 900;
  text-decoration: none;
}

span.entry-date {
  color: #888;
  font-weight: 400;
}

.post-footer .post-meta {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 30px 0;
    padding: 10px 0;
    width: 50%
}

.post-footer .posted-by .author-photo {
    background: #DBDCDE;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0 15px 0 10px;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.post-footer .posted-by .author-photo img {
    display: block
}

.post-footer .posted-by .author-info {
    float: left;
    position: relative;
    width: 65%
}

.post-footer .posted-by .author-info h4 {
    border-bottom: 1px solid #8598A5;
    color: #505E67;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px
}

.post-footer .posted-by .author-info h3 {
    color: #29343B;
    font-weight: 600;
    line-height: 32px;
    margin: 0
}

.post-footer .posted-by .author-info p {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0
}

.post-footer .posted-by .author-info span {
    border-bottom: 1px solid #8598A5;
    display: block;
    font-size: 14px;
    padding: 0 0 5px
}

.post-footer .posted-by .author-info span a {
    color: #FF623D
}

.post-footer .post-info {
    padding: 0 10px 0 0
}

.post-footer .post-info h4 {
    font-size: 18px;
    font-weight: 400
}

.post-footer .post-info p {
    margin: 0 0 10px
}

.post-footer .post-info p,
.post-footer .post-info a {
    color: #FF623D;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize
}

.post-footer .post-info .share-button {
    float: left;
    margin: 5px 0 0
}

.post-footer .post-info .share-button.linkedin .IN-widget .IN-right {
    top: -7px
}

.comments {
    padding: 25px 0 0
}

.comments h3 {
    font-weight: 400;
    margin: 0
}

.comments input,
.comments textarea {
    -webkit-appearance: none
}

.comment-list {
    margin: 20px 0;
    padding: 0
}

.comment-list .administrator,
.comment-list .editor,
.comment-list .author {
    background: #F5F5F5
}

.comment-list li {
    border-bottom: 1px solid #DBDCDE;
    clear: left;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 20px 0
}

.comment-list li a {
    color: #0C7AC0
}

.comment-list li .comment-photo {
    background: #F5F5F5;
    border: 1px solid #DBDCDE;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    float: left;
    height: 65px;
    margin: 0 15px;
    overflow: hidden;
    position: relative;
    width: 65px
}

.comment-list li .comment-photo img {
    display: block
}

.comment-list li .comment-body {
    float: left;
    position: relative;
    max-width: 80%
}

.comment-list li .comment-body h4 {
    color: #0C7AC0;
    display: inline;
    font-weight: 600;
    text-transform: capitalize
}

.comment-list li .comment-body span {
    color: #FF623D;
    margin: 0 0 0 5px;
    font-size: 14px
}

.comment-list li .comment-body a {
    color: #0C7AC0
}

.comment-list li .comment-body a:hover {
    color: #085586
}

.comment-list li .comment-body .awaiting-moderation {
    color: #FF623D;
    font-size: 16px;
    font-style: italic
}

.comments-form {
    max-width: 560px
}

.comments-form a {
    color: #0C7AC0
}

.comments-form .subscribe-to-comments label:before {
    top: 3px
}

.blue .icon,
.blue h1,
.blue h2,
.blue h3 {
    color: #0C7AC0
}

.blue form,
.blue .button-block {
    border-color: #0C7AC0
}

.blue p a,
.blue ul a,
.blue li a {
    color: #0C7AC0
}

.blue-highlight .icon,
.blue-highlight h1,
.blue-highlight h2,
.blue-highlight h3 {
    color: #76A9E5
}

.blue-highlight form,
.blue-highlight .button-block {
    border-color: #76A9E5
}

.blue-highlight p a,
.blue-highlight ul a,
.blue-highlight li a {
    color: #00ADEF
}

.blue-shadow .icon,
.blue-shadow h1,
.blue-shadow h2,
.blue-shadow h3 {
    color: #085586
}

.blue-shadow form,
.blue-shadow .button-block {
    border-color: #085586
}

.blue-shadow p a,
.blue-shadow ul a,
.blue-shadow li a {
    color: #085586
}

.cyan .icon,
.cyan h1,
.cyan h2,
.cyan h3 {
    color: #00ADEF
}

.cyan form,
.cyan .button-block {
    border-color: #00ADEF
}

.cyan p a,
.cyan ul a,
.cyan li a {
    color: #00ADEF
}

.cyan-highlight .icon,
.cyan-highlight h1,
.cyan-highlight h2,
.cyan-highlight h3 {
    color: #8DDBF9
}

.cyan-highlight form,
.cyan-highlight .button-block {
    border-color: #8DDBF9
}

.cyan-highlight p a,
.cyan-highlight ul a,
.cyan-highlight li a {
    color: #8DDBF9
}

.cyan-shadow .icon,
.cyan-shadow h1,
.cyan-shadow h2,
.cyan-shadow h3 {
    color: #0175C6
}

.cyan-shadow form,
.cyan-shadow .button-block {
    border-color: #0175C6
}

.cyan-shadow p a,
.cyan-shadow ul a,
.cyan-shadow li a {
    color: #0175C6
}

.sage .icon,
.sage h1,
.sage h2,
.sage h3 {
    color: #2d9f62
}

.sage form,
.sage .button-block {
    border-color: #2d9f62
}

.sage p a,
.sage ul a,
.sage li a {
    color: #2d9f62
}

.sage-highlight .icon,
.sage-highlight h1,
.sage-highlight h2,
.sage-highlight h3 {
    color: #8FE8BD
}

.sage-highlight form,
.sage-highlight .button-block {
    border-color: #8FE8BD
}

.sage-highlight p a,
.sage-highlight ul a,
.sage-highlight li a {
    color: #8FE8BD
}

.sage-shadow .icon,
.sage-shadow h1,
.sage-shadow h2,
.sage-shadow h3 {
    color: #206f45
}

.sage-shadow form,
.sage-shadow .button-block {
    border-color: #206f45
}

.sage-shadow p a,
.sage-shadow ul a,
.sage-shadow li a {
    color: #206f45
}

.yellow .icon,
.yellow h1,
.yellow h2,
.yellow h3 {
    color: #FFB500
}

.yellow form,
.yellow .button-block {
    border-color: #FFB500
}

.yellow p a,
.yellow ul a,
.yellow li a {
    color: #FFB500
}

.yellow-highlight .icon,
.yellow-highlight h1,
.yellow-highlight h2,
.yellow-highlight h3 {
    color: #FDD982
}

.yellow-highlight form,
.yellow-highlight .button-block {
    border-color: #FDD982
}

.yellow-highlight p a,
.yellow-highlight ul a,
.yellow-highlight li a {
    color: #FDD982
}

.yellow-shadow .icon,
.yellow-shadow h1,
.yellow-shadow h2,
.yellow-shadow h3 {
    color: #B58309
}

.yellow-shadow form,
.yellow-shadow .button-block {
    border-color: #B58309
}

.yellow-shadow p a,
.yellow-shadow ul a,
.yellow-shadow li a {
    color: #B58309
}

.coral .icon,
.coral h1,
.coral h2,
.coral h3 {
    color: #FF623D
}

.coral form,
.coral .button-block {
    border-color: #FF623D
}

.coral p a,
.coral ul a,
.coral li a {
    color: #FF623D
}

.coral-highlight .icon,
.coral-highlight h1,
.coral-highlight h2,
.coral-highlight h3 {
    color: #FFB48F
}

.coral-highlight form,
.coral-highlight .button-block {
    border-color: #FFB48F
}

.coral-highlight p a,
.coral-highlight ul a,
.coral-highlight li a {
    color: #FFB48F
}

.coral-shadow .icon,
.coral-shadow h1,
.coral-shadow h2,
.coral-shadow h3 {
    color: #B5391C
}

.coral-shadow form,
.coral-shadow .button-block {
    border-color: #B5391C
}

.coral-shadow p a,
.coral-shadow ul a,
.coral-shadow li a {
    color: #B5391C
}

.steel .icon,
.steel h1,
.steel h2,
.steel h3 {
    color: #505E67
}

.steel form,
.steel .button-block {
    border-color: #505E67
}

.steel p a,
.steel ul a,
.steel li a {
    color: #00ADEF
}

.steel-highlight .icon,
.steel-highlight h1,
.steel-highlight h2,
.steel-highlight h3 {
    color: #8598A5
}

.steel-highlight form,
.steel-highlight .button-block {
    border-color: #8598A5
}

.steel-highlight p a,
.steel-highlight ul a,
.steel-highlight li a {
    color: #8598A5
}

.steel-shadow .icon,
.steel-shadow h1,
.steel-shadow h2,
.steel-shadow h3 {
    color: #29343B
}

.steel-shadow form,
.steel-shadow .button-block {
    border-color: #29343B
}

.steel-shadow p a,
.steel-shadow ul a,
.steel-shadow li a {
    color: #29343B
}

.grey .icon,
.grey h1,
.grey h2,
.grey h3 {
    color: #DBDCDE
}

.grey form,
.grey .button-block {
    border-color: #DBDCDE
}

.grey p a,
.grey ul a,
.grey li a {
    color: #DBDCDE
}

.grey-highlight .icon,
.grey-highlight h1,
.grey-highlight h2,
.grey-highlight h3 {
    color: #F5F5F5
}

.grey-highlight form,
.grey-highlight .button-block {
    border-color: #F5F5F5
}

.grey-highlight p a,
.grey-highlight ul a,
.grey-highlight li a {
    color: #F5F5F5
}

.grey-shadow .icon,
.grey-shadow h1,
.grey-shadow h2,
.grey-shadow h3 {
    color: #ABABAB
}

.grey-shadow form,
.grey-shadow .button-block {
    border-color: #ABABAB
}

.grey-shadow p a,
.grey-shadow ul a,
.grey-shadow li a {
    color: #ABABAB
}

.purple .icon,
.purple h1,
.purple h2,
.purple h3 {
    color: #583E9E
}

.purple form,
.purple .button-block {
    border-color: #583E9E
}

.purple p a,
.purple ul a,
.purple li a {
    color: #583E9E
}

.purple-highlight .icon,
.purple-highlight h1,
.purple-highlight h2,
.purple-highlight h3 {
    color: #8670C2
}

.purple-highlight form,
.purple-highlight .button-block {
    border-color: #8670C2
}

.purple-highlight p a,
.purple-highlight ul a,
.purple-highlight li a {
    color: #8670C2
}

.purple-shadow .icon,
.purple-shadow h1,
.purple-shadow h2,
.purple-shadow h3 {
    color: #3A2279
}

.purple-shadow form,
.purple-shadow .button-block {
    border-color: #3A2279
}

.purple-shadow p a,
.purple-shadow ul a,
.purple-shadow li a {
    color: #3A2279
}

.red .icon,
.red h1,
.red h2,
.red h3 {
    color: #BB0613
}

.red form,
.red .button-block {
    border-color: #BB0613
}

.red p a,
.red ul a,
.red li a {
    color: #BB0613
}

.red-highlight .icon,
.red-highlight h1,
.red-highlight h2,
.red-highlight h3 {
    color: #EA7880
}

.red-highlight form,
.red-highlight .button-block {
    border-color: #EA7880
}

.red-highlight p a,
.red-highlight ul a,
.red-highlight li a {
    color: #EA7880
}

.red-shadow .icon,
.red-shadow h1,
.red-shadow h2,
.red-shadow h3 {
    color: #71040C
}

.red-shadow form,
.red-shadow .button-block {
    border-color: #71040C
}

.red-shadow p a,
.red-shadow ul a,
.red-shadow li a {
    color: #71040C
}

.turquoise .icon,
.turquoise h1,
.turquoise h2,
.turquoise h3 {
    color: #00BEBE
}

.turquoise form,
.turquoise .button-block {
    border-color: #00BEBE
}

.turquoise p a,
.turquoise ul a,
.turquoise li a {
    color: #00BEBE
}

.turquoise-highlight .icon,
.turquoise-highlight h1,
.turquoise-highlight h2,
.turquoise-highlight h3 {
    color: #9DEEEE
}

.turquoise-highlight form,
.turquoise-highlight .button-block {
    border-color: #9DEEEE
}

.turquoise-highlight p a,
.turquoise-highlight ul a,
.turquoise-highlight li a {
    color: #9DEEEE
}

.turquoise-shadow .icon,
.turquoise-shadow h1,
.turquoise-shadow h2,
.turquoise-shadow h3 {
    color: #008C8C
}

.turquoise-shadow form,
.turquoise-shadow .button-block {
    border-color: #008C8C
}

.turquoise-shadow p a,
.turquoise-shadow ul a,
.turquoise-shadow li a {
    color: #008C8C
}

.lime .icon,
.lime h1,
.lime h2,
.lime h3 {
    color: #D1CA05
}

.lime form,
.lime .button-block {
    border-color: #D1CA05
}

.lime p a,
.lime ul a,
.lime li a {
    color: #D1CA05
}

.lime-highlight .icon,
.lime-highlight h1,
.lime-highlight h2,
.lime-highlight h3 {
    color: #EBE785
}

.lime-highlight form,
.lime-highlight .button-block {
    border-color: #EBE785
}

.lime-highlight p a,
.lime-highlight ul a,
.lime-highlight li a {
    color: #EBE785
}

.lime-shadow .icon,
.lime-shadow h1,
.lime-shadow h2,
.lime-shadow h3 {
    color: #938F1E
}

.lime-shadow form,
.lime-shadow .button-block {
    border-color: #938F1E
}

.lime-shadow p a,
.lime-shadow ul a,
.lime-shadow li a {
    color: #938F1E
}

.white .icon,
.white h1,
.white h2,
.white h3 {
    color: #fff
}

.white form,
.white .button-block {
    border-color: #fff
}

.black .icon,
.black h1,
.black h2,
.black h3 {
    color: #000
}

.black form,
.black .button-block {
    border-color: #000
}

.blue-bg {
    background-color: #0C7AC0
}

.blue-bg p {
    color: #fff
}

.blue-highligh-bg {
    background-color: #76A9E5
}

.blue-highligh-bg p {
    color: #fff
}

.blue-shadow-bg {
    background-color: #085586
}

.blue-shadow-bg p {
    color: #fff
}

.cyan-bg {
    background-color: #00ADEF
}

.cyan-bg p {
    color: #fff
}

.cyan-highligh-bg {
    background-color: #8DDBF9
}

.cyan-highligh-bg p {
    color: #fff
}

.cyan-shadow-bg {
    background-color: #0175C6
}

.cyan-shadow-bg p {
    color: #fff
}

.sage-bg {
    background-color: #206f45
}

.sage-bg p {
    color: #fff
}

.sage-highligh-bg {
    background-color: #8FE8BD
}

.sage-highligh-bg p {
    color: #fff
}

.sage-shadow-bg {
    background-color: #206f45
}

.sage-shadow-bg p {
    color: #fff
}

.yellow-bg {
    background-color: #FFB500
}

.yellow-bg p {
    color: #fff
}

.yellow-highligh-bg {
    background-color: #FDD982
}

.yellow-highligh-bg p {
    color: #fff
}

.yellow-shadow-bg {
    background-color: #B58309
}

.yellow-shadow-bg p {
    color: #fff
}

.coral-bg {
    background-color: #FF623D
}

.coral-bg p {
    color: #fff
}

.coral-highligh-bg {
    background-color: #FFB48F
}

.coral-highligh-bg p {
    color: #fff
}

.coral-shadow-bg {
    background-color: #B5391C
}

.coral-shadow-bg p {
    color: #fff
}

.steel-bg {
    background-color: #505E67
}

.steel-bg p {
    color: #fff
}

.steel-bg p a {
    color: #00ADEF
}

.steel-highligh-bg {
    background-color: #8598A5
}

.steel-highligh-bg p {
    color: #fff
}

.steel-shadow-bg {
    background-color: #29343B
}

.steel-shadow-bg p {
    color: #fff
}

.grey-bg {
    background-color: #DBDCDE
}

.grey-bg p {
    color: #fff
}

.grey-highlight-bg {
    background-color: #F5F5F5
}

.grey-highlight-bg p {
    color: #505E67
}

.grey-shadow-bg {
    background-color: #ABABAB
}

.grey-shadow-bg p {
    color: #fff
}

.purple-bg {
    background-color: #583E9E
}

.purple-bg p {
    color: #fff
}

.purple-highligh-bg {
    background-color: #8670C2
}

.purple-highligh-bg p {
    color: #fff
}

.purple-shadow-bg {
    background-color: #3A2279
}

.purple-shadow-bg p {
    color: #fff
}

.turquoise-bg {
    background-color: #00BEBE
}

.turquoise-bg p {
    color: #fff
}

.turquoise-highligh-bg {
    background-color: #9DEEEE
}

.turquoise-highligh-bg p {
    color: #fff
}

.turquoise-shadow-bg {
    background-color: #008C8C
}

.turquoise-shadow-bg p {
    color: #fff
}

.lime-bg {
    background-color: #D1CA05
}

.lime-bg p {
    color: #fff
}

.lime-highligh-bg {
    background-color: #EBE785
}

.lime-highligh-bg p {
    color: #fff
}

.lime-shadow-bg {
    background-color: #938F1E
}

.lime-shadow-bg p {
    color: #fff
}

.grid {
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 1.15% 2.3%;
    padding: 10px;
    float: left
}

.grid p {
    font-size: 16px
}

.grid.full {
    width: 98%
}

.grid.half {
    width: 47.7%
}

.grid.half div.icon {
    float: left;
    height: 140px;
    margin: 10px 20px 0 0
}

.grid.third {
    width: 31%
}

.grid.two-third {
    width: 64.4%
}

.grid.quarter {
    width: 22.7%
}

.grid.three-quarter {
    width: 72.7%
}

footer {
    background-color: #246BE8;
    border-bottom: 5px solid #085586;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    position: relative;
    width: 100%;
    z-index: 1
}

footer .row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    max-width: 1140px;
    overflow: auto;
    padding: 20px 10px;
    width: 100%
}

footer .blog {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #76A9E5;
    float: left;
    padding: 0 50px 0 0;
    position: relative;
    width: 36%
}

footer .blog h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
}

footer .post {
    clear: left;
    margin: 0 0 10px
}

footer .post .date {
    border-right: 1px solid #fff;
    color: #fff;
    float: left;
    margin: 4px 7px 0 0;
    padding: 0 8px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 18px
}

footer .post .date .mon {
    color: #DBDCDE;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px
}

footer .post .date .day {
    font-size: 18px;
    font-weight: 600;
    line-height: 14px
}

footer .post-group a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

footer .post-group a:hover {
    color: #8DDBF9
}

footer .post-group small {
    color: #DBDCDE;
    display: block;
    font-size: 12px;
    line-height: 12px
}

footer .col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #76A9E5;
    float: left;
    min-height: 135px;
    padding: 0 0 0 25px;
    position: relative;
    width: 20%
}

footer .col.last {
    border-right: none
}

footer .col h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    margin: 0 0 5px
}

footer .col h5 a {
    color: #fff;
}

footer .col ul {
    margin: 0;
    padding: 0
}

footer .col ul li {
    font-size: 14px;
    line-height: 2;
    list-style: none
}

footer .col ul a {
    color: #fff;
    font-weight: 400;
}

form.border {
    border-width: 2px;
    border-style: solid;
    padding: 25px 35px
}

label {
    color: #505E67;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 5px;
    position: relative
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"] {
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px #DBDCDE;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #505E67;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    margin: 0 0 15px;
    padding: 4px 10px;
    transition: box-shadow 200ms;
    vertical-align: top;
    width: 100%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="url"]:hover {
    box-shadow: inset 0 0 0 2px #8DDBF9
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus {
    box-shadow: inset 0 0 0 2px #00ADEF;
    outline: none
}

textarea {
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px #DBDCDE;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #505E67;
    font-size: 16px;
    height: auto;
    line-height: 28px;
    margin: 0 0 15px;
    padding: 4px 10px;
    transition: box-shadow 200ms;
    vertical-align: top;
    width: 100%
}

textarea:hover {
    box-shadow: inset 0 0 0 2px #8DDBF9
}

textarea:focus {
    box-shadow: inset 0 0 0 2px #00ADEF;
    outline: none
}

.input-icon {
    position: relative
}

.input-icon span {
    border-right: 1px solid #DBDCDE;
    color: #0C7AC0;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    left: 10px;
    padding: 0 5px 0 0;
    position: absolute;
    top: 10px;
    width: 25px;
    z-index: 1
}

.input-icon input {
    padding-left: 50px;
    position: relative
}

.check,
.radio,
.subscribe-to-comments {
    margin: 5px 0 15px;
    padding: 0 0 0 5px
}

.check label,
.radio label,
.subscribe-to-comments label {
    cursor: pointer;
    margin: 0 15px 5px 0;
    padding: 0 0 0 25px
}

.check label:before,
.radio label:before,
.subscribe-to-comments label:before {
    background: #fff;
    bottom: 1px;
    box-shadow: inset 0 0 0 2px #505E67;
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin: 0 10px 0 0;
    position: absolute;
    width: 16px
}

.radio input[type="radio"] {
    display: none
}

.radio input[type="radio"]:checked+label:before {
    color: #505E67;
    content: "\2022";
    font-size: 30px;
    line-height: 10px;
    text-align: center
}

.radio label:before {
    border-radius: 100%
}

.radio .third {
    border: solid 2px #DBDCDE;
    border-radius: 6px;
    padding: 20px 20px 0
}

.radio .third em {
    color: #0C7AC0;
    font-weight: normal;
    font-size: 16px
}

.radio .third p {
    font-size: 18px
}

.radio .third label:before {
    margin-bottom: 35px
}

.subscribe-to-comments input[type="checkbox"],
.check input[type="checkbox"] {
    display: none
}

.subscribe-to-comments input[type="checkbox"]:checked+label:before,
.check input[type="checkbox"]:checked+label:before {
    color: #505E67;
    content: "\00D7";
    font-size: 26px;
    line-height: 16px;
    text-align: center
}

a.button,
input[type="button"],
input[type="submit"],
button {
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin: 0 0 15px;
    padding: 11px;
    min-width: 100px;
    text-align: center;
    -webkit-transition: background 200ms;
    -moz-transition: background 200ms;
    transition: background 200ms
}

a.button.grey,
input[type="button"].grey,
input[type="submit"].grey,
button.grey {
    background: #505E67
}

a.button.grey:hover,
input[type="button"].grey:hover,
input[type="submit"].grey:hover,
button.grey:hover {
    background: #000
}

a.button.sage,
input[type="button"].sage,
input[type="submit"].sage,
button.sage {
    background: #2d9f62
}

a.button.sage:hover,
input[type="button"].sage:hover,
input[type="submit"].sage:hover,
button.sage:hover {
    background: #206f45
}

a.button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
button:focus {
    outline: none
}

body {
    color: #505E67;
    font-family: 'Source Sans Pro';
    padding-top: 75px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    text-rendering: optimizeLegibility
}

p,
ul,
ol {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px
}

p.subhead,
ul.subhead,
ol.subhead {
    margin-top: -40px
}

a {
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

h1 {
    font-size: 55px;
    font-weight: 300
}

h2 {
    font-size: 42px;
    font-weight: 300
}

h3 {
    font-size: 30px;
    font-weight: 300
}

h4 {
    font-size: 22px;
    font-weight: 700
}

h1.center,
h2.center,
h3.center,
h4.center {
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase
}

h1.left,
h2.left,
h3.left,
h4.left {
    text-align: left
}

h1.right,
h2.right,
h3.right,
h4.right {
    text-align: right
}

.left {
    float: left
}

.right {
    float: right
}

.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important
}

header {
    color: #fff;
    margin-top: -11px;
    overflow: hidden
}

header .row {
    margin: auto;
    max-width: 1080px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

header .headline {
    margin-top: 130px;
    opacity: 1;
    position: relative;
    z-index: 1;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

header .headline p {
    font-size: 22px;
    max-width: 520px;
    position: absolute;
    width: 100%
}

header.bg-space {
    background: #505E67 url(/img/space-1.png) 50% 0 no-repeat fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

header.bg-space p {
    color: #fff
}

header.bg-space form,
header.bg-space .button-block {
    border-color: #0C7AC0
}

header.bg-stars {
    background: #505E67 url(/img/stars.png)
}

header.bg-stars p {
    color: #fff
}

header.bg-stars form,
header.bg-stars .button-block {
    border-color: #0C7AC0
}

header.mini {
    min-height: 190px
}

header.mini .headline {
    margin-top: 45px;
    opacity: 1;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

header.mini .headline p {
    font-size: 18px;
    max-width: none
}

header .right {
    float: right
}

header .image {
    margin-top: 0;
    max-width: 1100px;
    position: absolute;
    width: 100%;
    z-index: 0
}

header .image.img-bg {
    margin-left: -240px
}

header.icons-bg {
    background-image: url(/img/icon-grid.png)
}

header .full {
    opacity: 0;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

header .teaser {
    opacity: 1;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

header.video-full .headline {
    opacity: 0 !important;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

header.video-full .full {
    display: block;
    opacity: 1;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

header.video-full .teaser {
    opacity: 0;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

header.video-bg {
    height: 455px;
    padding: 0
}

header.video-bg video {
    height: 450px;
    margin: -194px 0 0;
    position: absolute;
    z-index: 0;
    width: 100%;
    max-width: 1100px
}

.login-box {
    background: #FFB500;
    padding: 15px 15px 30px
}

.login-box h3 {
    color: #fff;
    margin: 0 0 10px
}

.login-box h3 span {
    font-weight: 400
}

.icon.small {
    font-size: 24px
}

.icon.medium {
    font-size: 80px
}

.icon.large {
    font-size: 120px
}

main {
    margin: auto
}

.customer {
    border: 1px solid #DBDCDE;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: auto;
    overflow: hidden;
    width: 25%
}

.customer img {
    display: block;
    height: auto;
    width: 100%
}

.quote {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    width: 75%
}

.quote small,
.quote a {
    border-bottom: 1px solid #DBDCDE;
    clear: left;
    color: #FF623D;
    display: block;
    margin: 0 0 5px;
    padding: 5px 0
}

.quote small {
    font-size: 18px
}

.quote h3 {
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 20px
}

.quote h3 span {
    float: left;
    font-weight: 300
}

.quote p {
    height: auto
}

.cool-customers h2 {
    color: #0C7AC0;
    margin: 0 0 55px;
    text-align: center
}

.cool-customers .customer-grid ul {
    width: 80%;
    margin: 0 auto;
    padding: 0
}

.cool-customers .customer-grid ul:first-child li {
    border-top: none
}

.cool-customers .customer-grid ul li {
    border: 1px solid #DBDCDE;
    border-bottom: none;
    border-right: none;
    box-sizing: border-box;
    float: left;
    height: 160px;
    list-style: none;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 25%
}

.cool-customers .customer-grid ul li:first-child {
    border-left: none
}

.cool-customers .customer-grid ul li img {
    display: block;
    height: auto;
    width: 100%
}

.grid-features {
    min-height: 200px;
    margin: 0 1.15% 30px
}

.grid-features span {
    color: #00ADEF;
    float: left;
    font-size: 32px;
    margin: 0 5px 0 0
}

.grid-features h3 {
    border-bottom: 1px solid #DBDCDE;
    font-weight: 400;
    margin: 0 0 5px;
    text-align: left;
    text-transform: none
}

.grid-features h3 a {
    color: #00ADEF
}

.grid-features h3 a:hover {
    color: #23c2ff
}

.grid-features p {
    margin: 0 0 10px;
    padding: 0;
    width: auto
}

.grid-features ul {
    margin: 0 0 15px;
    padding: 0 0 0 25px
}

.heading-box.half p {
    margin-bottom: 5px
}

.heading-box.third div {
    padding: 0 10px
}

.heading-box.third p {
    font-size: 15px;
    margin: auto
}

.heading-box.third h3 {
    font-weight: 700;
    margin: 30px 0 0;
    text-align: center;
    text-transform: uppercase
}

.heading-box.quarter h3 {
    font-size: 24px;
    text-align: center
}

.heading-box.quarter p {
    font-size: 14px;
    margin-bottom: 5px
}

.heading-box.quarter .icon {
    font-size: 90px
}

nav {
    background: #246BE8;
    height: 64px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4
}

nav div {
    box-sizing: border-box;
    margin: auto;
    max-width: 1140px;
    width: 100%
}

nav .logo,
nav .logo-hamburger {
    border: none;
    color: #fff;
    display: block;
    float: left;
    font-size: 60px;
    height: 39px;
    line-height: 39px;
    margin-top: 14px;
    padding: 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 151px
}

nav .logo:hover,
nav .logo-hamburger:hover {
    background-color: transparent;
    opacity: 0.7
}

nav ul {
    float: right;
    margin: 0;
    padding: 0
}

nav ul li {
    float: left;
    list-style: none
}

nav ul li.active a {
    background: #085586
}

nav ul li.hidden {
    display: none
}

nav ul li a {
    background: #246BE8;
    color: white;
    display: block;
    font-size: 18px;
    font-weight: 600;
    height: 44px;
    padding: 20px 20px 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
}

nav ul li a:hover {
    background: #00539B
}

nav ul li a.order-in {
    background: #ffaf62;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color:#333333;
    height: 44px;
    width: auto;
    padding: 0 20px;
    line-height: 44px;
    margin: 10px 7px 0
}

nav ul li a.order-in:hover {
    background-color: #ff952f!important;
}

nav ul li:hover a {
    background: #00539B
}

nav ul li:hover .sub-menu {
    opacity: 1;
    width: 320px;
    z-index: 4
}

nav ul li:hover .sub-menu.features {
    height: 379px
}

nav ul li:hover .sub-menu.affiliates {
    height: 110px;
    width: 200px
}

nav ul li:hover .sub-menu.support {
    height: 275px;
    width: 200px
}

nav ul li.order-in:hover {
    background: none
}

nav ul li.order-in:hover a {
    background: #206f45
}

nav ul li.order-in:hover a:hover {
    background: #206f45
}

nav ul li.nav-div {
    border-left: 1px solid rgba(255, 255, 255, 0.22);
    height: 44px;
    margin: 10px 0 0
}

nav ul li .sub-menu {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0;
    border-radius: 0 0 4px 4px;
    -moz-box-shadow: 0 4px 6px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 4px 6px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 6px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 6px 3px rgba(0, 0, 0, 0.2);
    height: 0;
    overflow: hidden;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
    opacity: 0;
    position: absolute;
    width: 100px
}

nav ul li .sub-menu li {
    display: inline;
    float: none
}

nav ul li .sub-menu li .icon {
    display: inline-block;
    float: left;
    font-size: 24px;
    line-height: 55px;
    margin: 0 10px 0 -10px;
    padding: 0;
    width: 24px
}

nav ul li .sub-menu li a {
    background: #085586;
    background: #085586 -webkit-linear-gradient(transparent 0%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$top', endColorstr='$bottom');
    background: #085586 -moz-linear-gradient(top, transparent, transparent);
    border-bottom-width: 1px;
    border-color: #0b74b6;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 55px;
    line-height: 55px;
    padding: 0 0 0 30px;
    text-align: left;
    text-transform: none;
    width: 100%
}

nav ul li .sub-menu li a.more {
    font-weight: 400;
    height: 45px;
    line-height: 45px;
    padding: 0;
    text-align: center
}

nav ul li .sub-menu li a:hover {
    background: #0C7AC0
}

nav ul li.hamburger-button {
    cursor: pointer;
    background: #246BE8;
    color: white;
    display: block;
    font-size: 18px;
    font-weight: 600;
    height: 44px;
    padding: 20px 20px 0 42px;
    position: relative;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
}

nav ul li.hamburger-button:hover {
    background: #00539B
}

nav ul li.hamburger-button:after {
    content: "Menu"
}

nav ul li.hamburger-button.active:after {
    content: "Close"
}

nav ul li.hamburger-button.active {
    background: #00539B
}

.hamburger-wrapper {
    background: #F5F5F5;
    -moz-box-shadow: 0 -7px 5px 6px #000;
    -ms-box-shadow: 0 -7px 5px 6px #000;
    -webkit-box-shadow: 0 -7px 5px 6px #000;
    box-shadow: 0 -7px 5px 6px #000;
    left: 0;
    padding: 74px 0 25px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3
}

.hamburger-wrapper .hamburger-nav {
    margin: 0 auto;
    max-width: 1100px
}

.hamburger-wrapper .hamburger-nav .hamburger-block {
    width: 296px;
    float: left;
    margin: 10px 5.45% 0 10px
}

.hamburger-wrapper .hamburger-nav .hamburger-block h4 {
    color: #0C7AC0;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #DBDCDE;
    margin-bottom: 10px;
    padding: 0 0 5px;
    -webkit-font-smoothing: antialiased
}

.hamburger-wrapper .hamburger-nav .hamburger-block h4 a {
    color: #0C7AC0;
    font-size: 18px;
    font-weight: 600;
    margin: 0
}

.hamburger-wrapper .hamburger-nav .hamburger-block a {
    color: #505E67;
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px
}

.hamburger-wrapper .hamburger-nav .hamburger-block a:hover {
    color: #0C7AC0
}

.hamburger-wrapper .hamburger-nav .hamburger-block span {
    display: block;
    margin: 0 0 20px
}

.hamburger-wrapper .hamburger-nav .hamburger-block.account-sign-in {
    display: none;
    margin: 0;
    padding: 5px 10px;
    width: 100%
}

.hamburger-wrapper .hamburger-nav .hamburger-block.account-sign-in h4 {
    margin: 0
}

.hamburger-button .hamburger-icon {
    position: absolute;
    top: 31px;
    left: 20px
}

.hamburger-button span,
.hamburger-button span:after,
.hamburger-button span:before {
    cursor: pointer;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    height: 2px;
    width: 18px;
    background: white;
    position: absolute;
    display: block;
    content: ''
}

.hamburger-button span:before {
    top: -5px
}

.hamburger-button span:after {
    bottom: -5px
}

.hamburger-button span,
.hamburger-button span:after,
.hamburger-button span:before {
    transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out
}

.hamburger-button.active span {
    background-color: transparent
}

.hamburger-button.active span:after,
.hamburger-button.active span:before {
    top: 0
}

.hamburger-button.active span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

.hamburger-button.active span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg)
}

.tabs {
    cursor: pointer;
    position: fixed;
    bottom: 110px;
    right: 0;
    width: 44px;
    z-index: 3;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

.tabs .tab {
    clear: right;
    color: #fff;
    float: right;
    font-size: 22px;
    font-weight: 600;
    height: 44px;
    position: relative;
    line-height: 44px;
    text-align: center;
    width: 44px;
    z-index: 1
}

.tabs .tab .slide {
    background: #2d9f62;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 44px;
    line-height: 14px;
    right: -130px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    -webkit-transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    width: 174px;
    z-index: 0
}

.tabs .tab .slide span {
    display: block;
    font-size: 9px;
    line-height: 10px
}

.tabs .tab.tab-live-chat {
    background: #2d9f62
}

.tabs .tab .icon-chat {
    background: #2d9f62;
    display: block;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    width: 44px;
    position: relative;
    transition: all 200ms;
    z-index: 1
}

.tabs .tab:hover .slide {
    right: 0
}

.wp-block-image img {
	border-radius: 20px;
    background: #fff;
    box-shadow: -30px 23px 66px rgba(25, 46, 118, 0.12);
    margin: 20px 0 30px 0;
}

body .SnapABug_Button img {
    right: -130px !important;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    transition: 0.8s
}

body .SnapABug_Button img:hover {
    right: 0 !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

#note-bar {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
    position: fixed;
    top: 75px;
    width: 100%;
    z-index: 2;
    transition: all 200ms;
    -webkit-transform: translateY(-70px);
    -webkit-animation: slideDown 0.5s 1.0s 1 ease forwards;
    -moz-transform: translateY(-70px);
    -moz-animation: slideDown 0.5s 1.0s 1 ease forwards
}

#note-bar.error #note {
    background-color: #BB0613;
    border: 2px solid #71040C
}

#note-bar.success #note {
    background-color: #2d9f62;
    border: 2px solid #206f45
}

#note-bar #note {
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    line-height: 20px;
    margin: 0 auto;
    max-width: 1140px;
    position: relative;
    padding: 10px;
    width: 100%
}

#note-bar #note #note-message {
    display: block;
    font-weight: 600;
    text-align: center;
    width: 100%
}

@keyframes slideDown {
    0% {
        transform: translateY(-70px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-70px)
    }
    100% {
        -webkit-transform: translateY(0px)
    }
}

@-moz-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-70px)
    }
    100% {
        -webkit-transform: translateY(0px)
    }
}

.new-features {
    border-collapse: separate;
    border-spacing: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.new-features h1.page-title {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0 25px
}

.new-features h1.page-title+p {
    padding: 0 25px
}

.new-features article:first-of-type {
    border: none;
    border-bottom: 1px solid #DBDCDE;
    border-radius: 0;
    display: flex;
    height: auto;
    margin: 50px 0;
    min-width: 100%;
    padding: 0 25px;
    width: 100%
}

.new-features article:first-of-type:hover {
    box-shadow: none;
    cursor: auto
}

.new-features article:first-of-type .img-wrap {
    height: auto;
    margin: 0 20px 0 0;
    width: 47%
}

.new-features article:first-of-type .img-wrap a {
    border-radius: 0;
    height: 206px
}

.new-features article:first-of-type .post-item-content {
    align-self: center;
    margin-left: 20px;
    width: 50%
}

.new-features article:first-of-type .post-item-content h3 {
    margin-bottom: 10px
}

.new-features article:first-of-type .post-item-content h3 a {
    color: #505E67;
    font-size: 24px;
    font-weight: 600
}

.new-features article:first-of-type .post-item-content span {
    display: none
}

.new-features article {
    border: 1px solid #DBDCDE;
    border-radius: 4px;
    display: table-cell;
    flex-grow: 1;
    height: auto;
    margin: 20px 25px;
    padding: 0;
    max-width: 42%;
    vertical-align: top
}

.new-features article:hover {
    box-shadow: 0 0 5px 0 rgba(42, 53, 60, 0.4);
    cursor: pointer
}

.new-features article .img-wrap {
    height: auto;
    margin: 0;
    width: 100%
}

.new-features article .img-wrap a {
    border-radius: 2px 2px 0 0;
    height: 200px
}

.new-features article .post-item-content {
    margin: 15px
}

.new-features article .post-item-content h3 {
    display: inline-block;
    margin: 15px 0 5px
}

.new-features article .post-item-content h3 a {
    color: #505E67;
    font-size: 20px;
    font-weight: 600;
    width: 100%
}

.new-features article .post-item-content span {
    display: none
}

.sign-up-form {
    display: none
}

.new-features--trial {
    margin: 100px 0 40px;
    text-align: center
}

.new-features--trial h3 {
    font-weight: 600;
    margin-bottom: 20px
}

.new-features--trial button.trial-cta {
    background: #2d9f62;
    color: #fff;
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.375rem;
    line-height: 1.25;
    padding: 16px 25px 17px;
    text-decoration: none;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    position: relative;
    width: fit-content;
    text-align: center;
    transition: background 250ms, color 250ms
}

.new-features--trial button.trial-cta:hover {
    background: #206f45
}

@media (max-width: 650px) {
    .new-features {
        margin: 0 15px 100px
    }
    .new-features h1.page-title,
    .new-features h1.page-title+p {
        padding: 0
    }
    .new-features article:first-of-type {
        border: 1px solid #DBDCDE;
        border-radius: 4px;
        display: block;
        margin-bottom: 25px;
        padding: 0
    }
    .new-features article:first-of-type:hover {
        box-shadow: 0 0 5px 0 rgba(42, 53, 60, 0.4);
        cursor: pointer
    }
    .new-features article:first-of-type .img-wrap {
        margin: 0;
        width: 100%
    }
    .new-features article:first-of-type .img-wrap a {
        border-radius: 2px 2px 0 0;
        height: 150px;
        width: 100%
    }
    .new-features article:first-of-type .post-item-content {
        margin: 0 15px;
        width: auto
    }
    .new-features article:first-of-type .post-item-content h3 a {
        font-size: 20px
    }
    .new-features article {
        margin: 25px 0;
        max-width: 100%;
        width: 100%
    }
    .new-features article .img-wrap a {
        height: 150px
    }
}

@media (max-width: 1100px) {
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        margin: 10px 4.5% 0 10px
    }
}

@media (max-width: 1080px) {
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        margin: 10px 3.2% 0 10px
    }
}

@media (max-width: 990px) {
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        margin: 10px 3.75% 0 10px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.pricing,
    .hamburger-wrapper .hamburger-nav .hamburger-block.support,
    .hamburger-wrapper .hamburger-nav .hamburger-block.resource {
        width: 190px
    }
    .nav-toggler {
        display: none
    }
    .mobile-aweber {
        display: none
    }
    nav .pricing {
        display: none
    }
    .grid.third h3 {
        font-size: 26px
    }
}

@media (max-width: 960px) {
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        margin: 10px 3.75% 0 10px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.pricing,
    .hamburger-wrapper .hamburger-nav .hamburger-block.support,
    .hamburger-wrapper .hamburger-nav .hamburger-block.resource {
        width: 170px
    }
}

@media (max-width: 933px) {
    .grid.third h3 {
        font-size: 26px
    }
    header.featured-header {
        min-height: 300px
    }
    header.featured-header .featured-content h2 {
        font-size: 36px;
        font-weight: 400;
        line-height: 36px;
        margin: 30px 0 0
    }
    header.featured-header .featured-image {
        padding: 20px
    }
    header.featured-header .featured-image img {
        margin: 20px 0 0
    }
    .post-footer .posted-by .author-photo {
        margin: 10px 15px
    }
    .post-footer .posted-by .author-photo img {
        height: 90px;
        width: 90px
    }
    .post-footer .posted-by .author-info h3 {
        font-size: 26px;
        line-height: 26px
    }
    .post-footer .posted-by .author-info p {
        font-size: 22px;
        line-height: 24px
    }
}

@media (min-width: 990px) {
    .nav-toggler {
        display: none
    }
    .mobile-aweber {
        display: none
    }
}

@media (max-width: 900px) {
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        margin: 10px 3.75% 0 10px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.support,
    .hamburger-wrapper .hamburger-nav .hamburger-block.resource {
        width: 160px
    }
}

@media (max-width: 865px) {
    html {
        -webkit-transition: 200ms
    }
    nav .partners {
        display: none
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        margin: 10px 3.75% 0 10px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.pricing {
        width: 160px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.support {
        width: 125px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.resource {
        width: 150px
    }
    header.featured-header {
        min-height: 300px
    }
    header.featured-header .featured-content h2 {
        font-size: 32px;
        font-weight: 400;
        line-height: 30px;
        margin: 30px 0 0
    }
    header.featured-header .featured-image {
        padding: 20px
    }
    header.featured-header .featured-image img {
        margin: 10px 0 0
    }
    article.post-box h3 {
        font-size: 22px;
        line-height: 22px
    }
    article.post-box span,
    article.post-box p {
        font-size: 14px
    }
}

@media (max-width: 800px) {
    nav .blog {
        display: none
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        margin: 10px 6% 25px;
        height: 200px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.features,
    .hamburger-wrapper .hamburger-nav .hamburger-block.pricing,
    .hamburger-wrapper .hamburger-nav .hamburger-block.support,
    .hamburger-wrapper .hamburger-nav .hamburger-block.resource {
        width: 250px
    }
}

@media (max-width: 768px) {
    header {
        overflow: hidden
    }
    header.featured-header {
        min-height: 250px
    }
    header.featured-header .featured-content {
        width: 100%
    }
    header.featured-header .featured-image {
        display: none
    }
    header .row {
        box-sizing: border-box
    }
    section.templates {
        height: 440px
    }
    .grid.third h3 {
        font-size: 20px
    }
    .grid.third p {
        width: 100%
    }
    .grid.quarter {
        width: 100%
    }
    .grid.quarter .icon {
        float: left;
        height: 140px;
        margin: 10px 20px 0 0
    }
    .grid.quarter h3 {
        font-size: 30px;
        text-align: left
    }
    .grid.half {
        width: 100%
    }
    .grid.half img {
        height: auto;
        width: 100%
    }
    article.post-box {
        width: 50%
    }
    .feature-post.feature-large {
        height: auto
    }
    .sign-up-form h3 strong {
        font-size: 32px;
        font-weight: 600
    }
    .sign-up-form h3 span {
        font-size: 22px
    }
    .sign-up-form form input[type="text"] {
        width: 33.5%
    }
    .sign-up-form form input[type="submit"] {
        width: 31%
    }
    .feature-post.feature-large {
        width: 100%
    }
    .feature-post.feature-thin {
        display: none
    }
    .tabs {
        display: none
    }
    .post-footer .posted-by .author-photo {
        margin: 10px
    }
    .post-footer .posted-by .author-photo img {
        height: 75px;
        width: 75px
    }
    .post-footer .posted-by .author-info h3 {
        font-size: 26px;
        line-height: 26px
    }
    .post-footer .posted-by .author-info p {
        font-size: 24px;
        line-height: 24px
    }
    .post-footer .post-info {
        padding: 10px 10px 0
    }
    .post-footer .post-info h4 {
        font-size: 16px;
        font-weight: 400
    }
}

@media (max-width: 660px) {
    nav .pricing,
    nav .support {
        display: none
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        margin: 10px 5.75% 25px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.features,
    .hamburger-wrapper .hamburger-nav .hamburger-block.pricing,
    .hamburger-wrapper .hamburger-nav .hamburger-block.support,
    .hamburger-wrapper .hamburger-nav .hamburger-block.resource {
        width: 220px
    }
    .grid.half {
        width: 100%
    }
    .grid.third {
        margin-bottom: 20px;
        padding: 0;
        width: 100%
    }
    .grid.third .icon {
        float: left;
        font-size: 80px;
        height: 140px;
        margin: 10px 20px 0 0
    }
    .grid.third h3 {
        text-align: left;
        font-size: 30px;
        font-weight: 300;
        margin: 0;
        text-transform: none
    }
    .grid.third p {
        width: 100%
    }
    .grid.quarter {
        width: 100%
    }
    .search-bar .row h2 {
        font-size: 22px
    }
    .sign-up-form {
        margin: 15px 40px 0
    }
    .sign-up-form h3 {
        line-height: 28px;
        margin: 0 0 10px
    }
    .sign-up-form h3 strong {
        font-size: 28px;
        font-weight: 600
    }
    .sign-up-form h3 span {
        font-size: 24px;
        display: block
    }
    .sign-up-form form input[type="text"] {
        margin: 0 0 10px;
        width: 100%
    }
    .sign-up-form form input[type="submit"] {
        width: 55%
    }
    .content-single .comments {
        max-width: 540px
    }
    .post-footer .posted-by {
        margin: 30px 0 0;
        width: 100%
    }
    .post-footer .posted-by .author-photo {
        margin: 0 10px
    }
    .post-footer .posted-by .author-photo img {
        height: 120px;
        width: 120px
    }
    .post-footer .posted-by .author-info h3 {
        font-size: 32px;
        line-height: 32px
    }
    .post-footer .posted-by .author-info p {
        font-size: 26px;
        line-height: 30px
    }
    .post-footer .post-info {
        margin: 0 0 30px;
        padding: 10px 0 0 140px;
        width: 100%
    }
    .post-footer .post-info h4 {
        font-size: 16px;
        font-weight: 400
    }
    footer .row {
        padding: 0
    }
    footer div div:nth-child(2) {
        border-top: none
    }
    footer .blog {
        display: none
    }
    footer .col {
        width: 100%;
        border-right: none;
        min-height: 110px;
        padding-top: 15px
    }
    footer .col h5 {
        font-size: 22px
    }
    footer .col ul li {
        font-size: 13px;
        float: left;
        line-height: 30px;
        margin-right: 15px
    }
    
    .sub-footer ul {
        clear: left;
        float: left
    }
    .sub-footer .search-box {
        float: left
    }
    .sub-footer .copy {
        clear: left;
        float: left;
        font-size: 11px;
        text-align: left;
        width: 270px
    }
}

@media (max-width: 575px) {
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        margin: 10px 5.25% 25px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.features,
    .hamburger-wrapper .hamburger-nav .hamburger-block.pricing,
    .hamburger-wrapper .hamburger-nav .hamburger-block.support,
    .hamburger-wrapper .hamburger-nav .hamburger-block.resource {
        width: 205px
    }
}

@media (max-width: 520px) {
    body {
        padding-top: 66px
    }
    .nav-toggler {
        display: block
    }
    nav .mobile-aweber {
        color: white;
        font-size: 35px;
        display: block;
        position: absolute;
        width: 100px;
        left: 50%;
        margin: auto;
        margin-left: -50px;
        margin-top: 7px
    }
    nav .features,
    nav .sign-in,
    nav .nav-div {
        display: none
    }
    nav .logo {
        display: none
    }
    nav .logo-hamburger {
        font-size: 50px;
        margin-top: 6px
    }
    nav .order-in a.order-in {
        height: 40px;
        width: auto;
        padding: 0 10px;
        line-height: 40px;
        margin: 5px 5px 0 0;
        font-size: 16px
    }
    nav .my-account {
        height: 50px
    }
    nav .my-account a {
        font-size: 16px;
        height: 36px;
        padding: 14px 10px 0
    }
    nav ul li.hamburger-button {
        font-size: 16px;
        height: 36px;
        padding: 14px 10px 0 32px
    }
    nav ul li.hamburger-button .hamburger-icon {
        top: 24px;
        left: 11px
    }
    .site-main.paged {
        margin-top: 18px
    }
    .hamburger-wrapper {
        height: 100vh;
        overflow: scroll;
        box-sizing: border-box;
        padding: 64px 0 25px
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block {
        box-sizing: border-box;
        margin: 10px 0 25px;
        padding: 0 10px;
        height: auto
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.features,
    .hamburger-wrapper .hamburger-nav .hamburger-block.pricing,
    .hamburger-wrapper .hamburger-nav .hamburger-block.support,
    .hamburger-wrapper .hamburger-nav .hamburger-block.resource {
        width: 100%
    }
    .hamburger-wrapper .hamburger-nav .hamburger-block.account-sign-in {
        display: block
    }
    .search-bar h2 {
        display: none
    }
    .search-bar .row {
        padding: 0
    }
    .search-bar .row .meta-tab {
        float: left
    }
    article.post-box {
        float: none;
        height: auto;
        margin: 0 auto 30px;
        width: 100%;
    }
    article.post-item h3 {
        font-size: 20px;
        line-height: 20px
    }
    .feature-post {
        display: none
    }
    .sign-up-form {
        margin: 15px 0 0
    }
    .post-footer .post-meta {
        width: 100%
    }
    .post-footer .posted-by .author-photo img {
        height: 90px;
        width: 90px
    }
    .post-footer .posted-by .author-info {
        width: 60%
    }
    .post-footer .posted-by .author-info h3 {
        font-size: 28px;
        font-weight: 28px
    }
    .post-footer .posted-by .author-info p {
        font-size: 24px;
        font-weight: 28px
    }
    .post-footer .post-info {
        padding: 0 0 0 110px
    }
    .comment-list li .comment-photo {
        height: 50px;
        margin: 0 10px 0 0;
        width: 50px
    }
    .comment-list li .comment-photo img {
        height: 50px;
        width: 50px
    }
    .comment-list li .comment-body {
        max-width: 70%
    }
}

@media (max-width: 430px) {
    body .SnapABug_Button img {
        display: none
    }
    button.video-button {
        display: none
    }
    iframe {
        display: none
    }
    form.border {
        padding: 15px 20px;
        margin: auto;
        width: 75%
    }
    form input [type="text"],
    form input[type="password"] {
        font-size: 12px
    }
    section {
        padding: 20px 5px 0
    }
    section.feature {
        min-height: 150px
    }
    section.feature p {
        font-size: 16px
    }
    section #headshot-grid h3 {
        font-size: 20px
    }
    section #headshot-grid p {
        font-size: 12px
    }
    section .effects {
        padding-left: 0px
    }
    section .effects .headshot-img {
        width: 155px
    }
    .site-main.paged {
        margin-top: 30px
    }
    .entry-content h1 {
        font-size: 30px;
        line-height: 32px
    }
    .entry-content h2 {
        font-size: 24px;
        line-height: 26px
    }
    .entry-content .aligncenter {
        height: auto;
        max-width: 100%
    }
    .row {
        padding: 4px
    }
    .row p {
        font-size: 16px
    }
    .block-button {
        box-sizing: border-box;
        font-size: 18px;
        margin: 20px auto;
        position: relative;
        text-align: center;
        top: 0;
        width: 100%
    }
    header {
        min-height: 120px
    }
    header .row {
        padding: 0 20px
    }
    header .image {
        display: none
    }
    header .headline {
        margin-top: 15px;
        width: 100%
    }
    header .headline h1 {
        font-size: 26px;
        text-align: center
    }
    header .headline p {
        font-size: 16px;
        position: relative;
        margin-bottom: 15px;
        width: 100%
    }
    .2020-logo {
        max-width:80px!important;
    }
    h2 {
        font-size: 26px;
        margin-bottom: 20px
    }
    .grid.quarter {
        padding-bottom: 20px
    }
    .grid.two-third {
        margin: auto;
        width: 100%
    }
    .grid.half {
        border-bottom: none
    }
    .grid.grid-features {
        border-bottom: none;
        min-height: 100px;
        margin-bottom: 40px
    }
    .grid.third,
    .grid.half,
    .grid.quarter {
        margin-bottom: 20px;
        overflow: auto;
        padding: 0;
        width: 100%;
        height: auto;
        border-right: none
    }
    .grid.third h3,
    .grid.half h3,
    .grid.quarter h3 {
        border-bottom: none;
        text-align: left;
        font-size: 18px;
        font-weight: 300;
        line-height: 35px;
        margin-bottom: 0;
        overflow: auto
    }
    .grid.third p,
    .grid.half p,
    .grid.quarter p {
        font-size: 14px;
        margin-bottom: 5px;
        width: 100%
    }
    .grid.third p a,
    .grid.half p a,
    .grid.quarter p a {
        display: inline
    }
    .grid.third .sprite,
    .grid.half .sprite,
    .grid.quarter .sprite {
        float: none;
        margin: 0 auto;
        transform: scale(0.7)
    }
    .grid.third div.icon,
    .grid.half div.icon,
    .grid.quarter div.icon {
        float: left;
        font-size: 40px;
        height: inherit;
        margin: 10px 15px 15px 0;
        padding: 0;
        width: auto
    }
    .circle-link {
        margin-left: 0;
        padding: 0 9px 0;
        width: 55px
    }
    .circle-link .link-content {
        width: auto
    }
    .circle-link p {
        font-size: 13px
    }
    .circle-link .icon {
        font-size: 40px;
        margin: 0 0 -19px
    }
    .check label:before,
    .radio label:before {
        left: 5px;
        top: 18px;
        margin: 0
    }
    .radio .third label:before {
        margin-bottom: 0
    }
    .radio h4 {
        margin-bottom: 0
    }
    .radio .third {
        border-right: solid 2px #0175C6;
        box-sizing: border-box;
        padding: 15px 10px;
        width: 95%
    }
    .radio .third:last-child {
        border-right: solid 2px #206f45
    }
    .radio .third p {
        margin-top: 0px
    }
    #page-404 row {
        max-width: 450px
    }
    .sign-up-form h3 span {
        display: none
    }
    .sign-up-form form input[type="submit"] {
        width: 70%
    }
}

@media (max-width: 330px) {
    article.post-box {
        padding: 0 10px;
        width: 100%
    }
    .sign-up-form form input[type="submit"] {
        width: 100%
    }
}

section {
    padding: 40px 0
}

section.templates {
    background: url(/img/templates.png) bottom center no-repeat;
    background-size: contain;
    height: 610px;
    overflow: auto
}

section.video {
    padding: 0
}

section.feature {
    padding-bottom: 0
}

section.feature img {
    display: block;
    height: auto;
    margin: auto;
    margin-top: 100px;
    max-width: 1100px;
    overflow: hidden;
    width: 100%
}

section.feature p {
    font-size: 22px;
    text-align: center;
    margin: -40px auto 0;
    width: 75%
}

section .row {
    box-sizing: border-box;
    margin: auto;
    max-width: 1140px;
    overflow: hidden;
    padding: 0 10px;
    width: 100%
}

section .row.center {
    text-align: center
}

.mobile-menu.menu {
    background-color: #29343B;
    overflow: hidden;
    position: fixed;
    z-index: 3;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.mobile-menu.menu:after {
    display: none
}

.mobile-menu.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.mobile-button {
    border-right: solid 1px #0d83ce;
    color: white;
    height: 34px;
    left: 0;
    padding-top: 16px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 90px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.mobile-button:hover {
    background-color: #085586
}

.slide-menu-top {
    height: 2080px;
    left: 0;
    top: -2100px;
    width: 100%
}

.slide-menu-top ul {
    text-align: center;
    padding: 25px 0 0 0
}

.slide-menu-top li {
    border-bottom: solid 1px #505E67;
    display: block;
    margin: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.slide-menu-top li a {
    color: #fff;
    display: block;
    font-size: 26px;
    font-weight: 300;
    padding: 8px 0 9px 15px;
    text-align: left
}

.slide-menu-top li a:hover {
    color: #fff
}

.slide-menu-top li a .icon {
    padding-right: 15px
}

.close-menu {
    margin: 0;
    position: absolute;
    margin-top: -50px;
    opacity: 0
}

body.smt-open .mobile-menu.slide-menu-top {
    top: 50px
}

body.smt-open {
    overflow: hidden
}

body.smt-open .close-menu {
    opacity: 1;
    margin: 0
}

body.smt-open .nav-toggler {
    opacity: 0;
    margin-top: -33px
}

.smt-open .live-chat {
    display: none
}

body.pmt-open #wrapper {
    top: 100px
}

body.pmb-open #wrapper {
    top: -100px
}

span.sprite {
    display: inline-block
}

.sub-footer {
    background-color: #f0f3f5;
    bottom: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: 1
}

.sub-footer .row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1140px;
    overflow: auto;
    padding: 20px 10px
}

.sub-footer .row .col {
  float: left;
  width: 50%;
}

.sub-footer .address {
    clear: left;
    float: left;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.sub-footer .address a {
    color: #0c7ac0;
    font-weight: 500;
}

.sub-footer .address span {
    font-weight: 400;
  }

.sub-footer ul {
    float: right;
    margin: 0 10px 0 0;
    padding: 10px 0;
    position: relative;
}

.sub-footer ul li {
    float: left;
    height: 20px;
    list-style: none;
    margin: 0 0 0 6px;
    position: relative;
    width: 20px
}

.sub-footer ul a {
    color: #ABABAB;
    text-decoration: none
}

.sub-footer ul a:hover {
    color: #505E67
}

.sub-footer .search-box {
    float: right;
    height: 40px;
    position: relative;
    width: 300px
}

.sub-footer .search-box input[type='search'] {
    box-shadow: inset 0 0 0 2px #ABABAB;
    position: relative;
    background: #fff;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #879dab;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    margin: 0 0 20px;
    padding: 4px 10px;
    max-width: 560px;
    transition: box-shadow 200ms;
    vertical-align: top;
    width: 100%;
    -webkit-appearance: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.sub-footer .search-box input[type='search']:focus {
    box-shadow: inset 0 0 0 2px #505E67;
}

.sub-footer .search-box .search-submit {
    background: url("//www.aweber.com/assets/img/search.png") 10px 10px no-repeat;
    border: none;
    height: 36px;
    margin: 0;
    min-width: 36px;
    padding: 0;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 36px
}

.sub-footer .copy {
    clear: right;
    float: left;
    font-size: 13px;
    margin: 5px 0;
    text-align: left;
}

.sub-footer .aw-links {
    clear: right;
    float: right;
    font-size: 13px;
    font-weight: 300;
    margin: 5px 0;
    text-align: right;
}

.sub-footer .aw-links a {
    color: #0C7AC0;
}

.body-webinar-page .site-main.paged {
    margin-top: 0px
}

.body-webinar-page .site-main.paged section {
    padding: 0
}

.body-webinar-page .site-main.paged section .row {
    max-width: none;
    padding: 0
}

.webinars-thankyou {
    max-width: none
}

section .webinars-thankyou {
    padding: 0
}

section .row .webinars-thankyou {
    max-width: none;
    padding: 0
}

.webinars-thankyou .header {
    background-color: #fff;
    padding: 50px 0
}

.webinars-thankyou .header .content {
    max-width: 900px;
    margin: 10px auto 80px
}

.webinars-thankyou .header .content h1 {
    color: #505E67;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 50px;
    font-weight: 400;
    text-align: center
}

.webinars-thankyou .header .content .webinar-description {
    color: #29343B;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin: 30px 0
}

.webinars-thankyou .header.free-trial {
    background-color: #F5F5F5;
    padding: 50px 0;
    text-align: center
}

.webinars-thankyou .header.free-trial .content {
    max-width: 900px;
    margin: 0 auto
}

.webinars-thankyou .header.free-trial .content h2 {
    color: #505E67;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 33px;
    font-weight: 400;
    line-height: 1.25
}

.webinars-thankyou .header.free-trial .content .block-button {
    margin-top: 20px
}

@media (max-width: 750px) {
    .header .content {
        margin: 0 30px !important
    }
    .header .content h1 {
        font-size: 32px !important;
        line-height: 1 !important;
        padding: 10px 0 !important
    }
    .header .content h2 {
        font-size: 24px !important;
        line-height: 1 !important;
        margin-bottom: 5px !important
    }
    .header .content h3 {
        font-size: 20px !important
    }
}

@media (max-width: 950px) {
    .body-webinar-page .site-main.paged {
        margin-top: -20px !important
    }
}

.video-button {
    background: #fff;
    border-radius: 100%;
    color: #00ADEF;
    display: block;
    font-size: 90px;
    left: 50%;
    margin: auto;
    margin-left: -55px;
    margin-top: -90px;
    min-width: 0;
    padding: 10px;
    position: absolute;
    width: 110px
}

.video-button:hover {
    color: #8DDBF9
}

.video-button .icon-close {
    display: none
}

.video-button .icon-play {
    display: block
}

.video-button.close .icon-close {
    display: block !important
}

.video-button.close .icon-play {
    display: none !important
}

.body-webinar-page .site-main.paged {
    margin-top: 0px
}

.body-webinar-page .site-main.paged section {
    padding: 0
}

.body-webinar-page .site-main.paged section .row {
    max-width: none;
    padding: 0
}

.body-webinar-page .site-main.paged section .row .webinars-main {
    max-width: none
}

.body-webinar-page .site-main.paged section .row .webinars-main .header {
    background-color: #DBDCDE;
    padding: 50px 30px;
    text-align: center;
    min-height: 280px
}

.body-webinar-page .site-main.paged section .row .webinars-main .header .content {
    max-width: 900px;
    margin: 0 auto
}

.body-webinar-page .site-main.paged section .row .webinars-main .header .content h1 {
    color: #0C7AC0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 55px;
    font-weight: 600
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header {
    margin-top: -260px
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row {
    box-sizing: border-box
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured {
    display: block;
    margin: 50px auto 0;
    max-width: 900px;
    background: #F5F5F5;
    overflow: hidden
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-left {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 100%;
    position: absolute
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-left .image-container {
    height: 100%
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-left .image-container .image-anchor {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 561px;
    min-width: 495px
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right {
    display: inline-block;
    float: right
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right .featured-content {
    margin: 8% 20px;
    width: auto;
    max-width: 370px;
    display: inline-block
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right .featured-content span {
    color: #8598A5;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 5px 0 10px
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right .featured-content h2 {
    margin-top: 0
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right .featured-content h2 a {
    color: #29343B;
    font-size: 33px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    line-height: 33px;
    margin: 0
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right .featured-content p {
    color: #0C7AC0;
    font-size: 16px;
    margin: 15px 0 10px;
    font-weight: 600
}

.body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right .featured-content #webinarregistration {
    color: #e80011;
    font-weight: 600
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider {
    padding: 70px 30px 50px
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider:last-child {
    padding: 30px 30px 100px
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content {
    max-width: 900px;
    margin: 0 auto
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content h1 {
    color: #29343B;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 26px;
    font-weight: 600;
    text-align: left
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content h6 {
    color: #0C7AC0;
    padding-top: 15px;
    text-align: right;
    margin: 10px 25px 0 0;
    text-decoration: underline;
    font-weight: 600;
    font-size: 16px
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar {
    background-color: #F5F5F5;
    display: inline-block;
    margin-right: 15px;
    margin-top: 30px;
    vertical-align: top;
    width: 31%
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar:last-child {
    margin-right: 0
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar img {
    height: auto;
    width: 100%
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar .webinar-content {
    min-height: 220px
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar .webinar-content h3 {
    color: #29343B;
    font-size: 20px;
    font-weight: 600;
    padding: 10px
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar .webinar-content h4 {
    color: #0C7AC0;
    font-size: 16px;
    font-weight: 600;
    padding: 0 10px
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar .webinar-content p {
    font-size: 16px;
    padding: 10px
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar .button {
    display: block;
    margin: 10px 10px 25px
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar .button.blue-bg:hover {
    background-color: #085586
}

.body-webinar-page .site-main.paged section .row .webinars-main .webinar-slider .content .webinar .button.blue-shadow-bg:hover {
    background-color: #0b2e57
}

@media (max-width: 600px) {
    .webinar-slider .content .webinar {
        margin-bottom: 20px !important;
        width: 100% !important
    }
    .webinar-slider .content .webinar .webinar-content {
        min-height: 140px !important
    }
}

@media (max-width: 730px) and (min-width: 600px) {
    .webinar-slider .content .webinar {
        margin-bottom: 20px !important;
        width: 46% !important
    }
}

@media (max-width: 750px) {
    .featured-header {
        margin-top: -290px !important
    }
}

@media (max-width: 960px) {
    .body-webinar-page .site-main.paged {
        margin-top: -20px !important
    }
    .content-featured {
        margin: 50px 30px 0 !important
    }
}

@media (max-width: 945px) and (min-width: 840px) {
    #webinarregistration .gotowp-input-text {
        min-width: 255px
    }
    .body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-left .image-container .image-anchor {
        min-width: 280px !important
    }
    .body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right .featured-content {
        max-width: 460px !important
    }
}

@media (max-width: 840px) and (min-width: 735px) {
    #webinarregistration .gotowp-input-text {
        min-width: 255px
    }
    .body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-left .image-container .image-anchor {
        min-width: 280px !important
    }
    .body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right .featured-content {
        max-width: 360px !important
    }
}

@media (max-width: 735px) {
    .body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-left {
        float: none;
        position: initial;
        width: 100%
    }
    .body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-left .image-container .image-anchor {
        height: 231px;
        min-width: 680px !important;
        width: 100% !important
    }
    .body-webinar-page .site-main.paged section .row .webinars-main .featured-header .row .content-featured .featured-right .featured-content {
        margin: 20px 50px 20px 35px;
        max-width: 630px !important
    }
}

@media (max-width: 735px) and (min-width: 600px) {
    #webinarregistration .gotowp-input-text {
        min-width: 480px !important
    }
}

@media (max-width: 900px) {
    .content-featured .featured-right .featured-content {
        margin-top: 16%
    }
    .content-featured .featured-right .featured-content h2 {
        font-size: 28px;
        line-height: 28px;
        margin: 0
    }
    .content-featured .featured-right .featured-content p {
        font-size: 16px
    }
}

@media (max-width: 800px) {
    .content-featured .featured-right {
        padding: 0 15px
    }
    .content-featured .featured-right .featured-content {
        margin-top: 15%
    }
    .content-featured .featured-right .featured-content h2 {
        font-size: 22px;
        line-height: 22px;
        margin: 0
    }
    .content-featured .featured-right .featured-content p {
        font-size: 14px
    }
}

@media (max-width: 600px) {
    .content-featured .featured-right .featured-content {
        margin-top: 13%
    }
    .content-featured .featured-right .featured-content span {
        display: none
    }
    .content-featured .featured-right .featured-content h2 {
        font-size: 18px;
        line-height: 20px;
        margin: 0
    }
    .content-featured .featured-right .featured-content p {
        font-size: 14px
    }
    .content-featured .featured-right {
        clear: both;
        float: none;
        width: 100%
    }
    .content-featured .featured-right .featured-content {
        margin-top: 15px
    }
    .content-featured .featured-right .featured-content span {
        display: block
    }
    .content-featured .featured-right .featured-content h2 {
        font-size: 18px;
        line-height: 20px;
        margin: 0
    }
    .content-featured .featured-right .featured-content p {
        font-size: 14px
    }
}

#webinarregistration .gotowp-subject {
    display: none
}

#webinarregistration .tableborder {
    border: none !important;
    padding-top: 10px
}

#webinarregistration .gotowp-date {
    display: none
}

#webinarregistration thead tr:first-child {
    display: none
}

#webinarregistration tr[class^='gotowp'] td {
    color: #505E67;
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    width: 100%
}

#webinarregistration tr td {
    display: block
}

#webinarregistration .gotowp-input-text {
    width: 100%;
    min-width: 335px
}

#webinarregistration input[name=submit] {
    background: #0C7AC0 !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    margin-top: 20px
}

#webinarregistration input[name=submit]:hover {
    background-color: #085586 !important
}

@media (max-width: 600px) and (min-width: 550px) {
    #webinarregistration .gotowp-input-text {
        min-width: 450px
    }
}

@media (max-width: 550px) and (min-width: 500px) {
    #webinarregistration .gotowp-input-text {
        min-width: 400px
    }
}

@media (max-width: 500px) and (min-width: 350px) {
    #webinarregistration .gotowp-input-text {
        min-width: 250px
    }
}

@media (max-width: 350px) {
    #webinarregistration .gotowp-input-text {
        min-width: 220px
    }
}

.body-webinar-page .site-main.paged {
    margin-top: 0px
}

.body-webinar-page .site-main.paged section {
    padding: 0
}

.body-webinar-page .site-main.paged section .row {
    max-width: none;
    padding: 0
}

.body-webinar-page .site-main.paged section .row .content-page {
    max-width: none
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .header {
    background-color: #F5F5F5;
    padding: 50px 0;
    text-align: center
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .header .content {
    max-width: 900px;
    margin: 0 auto;
    padding-top: 30px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .header .content span {
    color: #29343B;
    font-weight: 600
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .header .content h1 {
    color: #0C7AC0;
    font-family: "Bree Serif", "Source Sans Pro", sans-serif;
    font-size: 50px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .header .content h2 {
    color: #0C7AC0;
    font-family: "Bree Serif", "Source Sans Pro", sans-serif;
    font-size: 32px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .header .content h3 {
    color: #29343B;
    font-size: 25px;
    font-weight: 400;
    padding: 15px 0
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details {
    background-color: #fff;
    margin: 70px 0;
    min-height: 350px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details .content {
    max-width: 900px;
    margin: 0 auto
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details .content .webinar-details {
    display: inline-block;
    float: none;
    width: 64.4%
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details .content .webinar-details h3 {
    color: #0C7AC0;
    font-family: "Bree Serif", "Source Sans Pro", sans-serif;
    font-size: 26px;
    margin-bottom: 10px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details .content .webinar-details .webinar-description {
    line-height: 1.5;
    padding-right: 35px;
    font-size: 16px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details .content .signup-form {
    background-color: #F5F5F5;
    display: inline-block;
    float: right;
    padding: 20px 15px;
    width: 32%
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details .content .signup-form h4 {
    font-size: 21px;
    font-weight: 600;
    padding-bottom: 5px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details .content .signup-form p {
    line-height: 1.5;
    font-size: 15px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details .content .signup-form span {
    font-size: 12px;
    font-style: italic
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration {
    color: #e80011;
    font-weight: bold
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration .gotowp-subject {
    display: none
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration .tableborder {
    border: none
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration .gotowp-date {
    display: none
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration .gotowp-firstName td,
.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration .gotowp-lastName td,
.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration .gotowp-email td {
    color: #505E67;
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    width: 100%
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration tr td {
    display: block
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration .gotowp-input-text {
    width: 100%;
    min-width: 270px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration thead {
    display: none
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration input[type="submit"] {
    background: #0C7AC0 !important;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 17px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration tr td {
    color: #505E67;
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    width: 100%
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .details #webinarregistration tr td:last-child {
    display: block;
    margin-bottom: 20px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter {
    background-color: #F5F5F5;
    padding: 70px 0 0;
    margin: 0 auto
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter .content {
    display: table;
    margin: 0 auto;
    width: 900px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter .content .bio {
    display: table-cell;
    float: right;
    padding-bottom: 30px;
    vertical-align: middle;
    width: 60%
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter .content .bio h3 {
    color: #0C7AC0;
    font-family: "Bree Serif", "Source Sans Pro", sans-serif;
    font-size: 26px;
    margin-bottom: 10px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter .content .bio h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter .content .bio h4 span {
    font-style: italic;
    font-weight: 400
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter .content .bio p {
    line-height: 1.5;
    font-size: 16px
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter .content.presenter2 {
    padding: 50px 0
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter .content .headshot {
    display: table-cell;
    float: left;
    vertical-align: bottom
}

.body-webinar-page .site-main.paged section .row .content-page .webinar-page .presenter .content .headshot img {
    max-width: 320px;
    margin: 0 40px -5px 0px
}

.body-webinar-page .site-main.paged .jedi-dashboard {
    max-width: 900px;
    display: -webkit-inline-box;
    margin-top: 30px;
    display: flex;
    width: 100%;
    justify-content: center
}

.body-webinar-page .site-main.paged .jedi-dashboard .jedi-dash {
    text-align: center;
    max-width: 44px;
    padding: 10px;
    margin-left: 4px
}

.body-webinar-page .site-main.paged .jedi-dashboard .jedi-dash:first-child {
    margin-left: 0px
}

.body-webinar-page .site-main.paged .jedi-dashboard .jedi-dash .jedi-dash_title {
    position: static;
    text-align: center;
    width: 100%
}

@media (max-width: 430px) {
    ul li {
        font-size: 16px
    }
}

@media (max-width: 750px) {
    .header .content {
        margin: 0 30px !important
    }
    .header .content h1 {
        font-size: 32px !important;
        line-height: 1 !important;
        padding: 10px 0 !important
    }
    .header .content h2 {
        font-size: 24px !important;
        line-height: 1 !important;
        margin-bottom: 5px !important
    }
    .header .content h3 {
        font-size: 20px !important
    }
    .presenter .content {
        margin: 0 30px !important;
        overflow: auto;
        width: auto !important
    }
    .presenter .content .bio {
        width: 100% !important
    }
    .presenter .content .headshot {
        display: block !important;
        margin-bottom: 50px;
        width: 100% !important
    }
}

@media (max-width: 950px) {
    .body-webinar-page .site-main.paged {
        margin-top: -20px !important
    }
    .details {
        margin: 70px 30px !important
    }
    .details .content .webinar-details {
        float: none !important;
        width: 100% !important
    }
    .details .content .webinar-details .webinar-description {
        padding: 0 0 30px 0 !important
    }
    .details .content .signup-form {
        display: block !important;
        float: none !important;
        width: 90% !important
    }
}