/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;800&display=swap');

/*Global*/
html {scroll-behavior: smooth;}
body {font-family: 'Montserrat', sans-serif;background:#fafafa;overflow-x:hidden;letter-spacing:-.5px;}
.clearfix {clear: both}
a {transition: .3s all; color:#5bcbf5}
a:hover,a:active,a:focus {opacity:.8;color:#555;text-decoration: none;outline:0}
p,ul li,ol li {font-weight: 400; line-height: 1.5; margin: 0 0 40px;font-size: 1.1em}
ul li {margin:0 0 5px}
img {max-width: 100%}
.imgc {display:block; margin: 0px auto 50px}
.nope {position: absolute; left: -9999px;}
h1,h2,h3,h4,h5,h6 {}
.contain {max-width: 1600px; margin: 0 auto; box-shadow: 0 1px 40px rgb(0,0,0,.05); overflow: hidden;}
.hide {display: none!important}

/*Bootstrap*/
.row {margin: 0 auto; max-width: 1100px;}
.tain {background:#fff; width: 100%; position: relative; max-width: 1600px; min-height: 500px; margin: 0px auto; box-shadow: 0 1px 3px rgba(0,0,0,.02); overflow: hidden;}
.fullw {width: 100%; max-width: 100%; max-width: 1320px;margin:0 auto}
.nopad {padding: 0}
.nopadl {padding-left: 0}
.dropdown-menu.show {display: block;}

/*Header*/
header {padding: 30px 0; position: fixed; top:0; width: 100%; max-width: 1600px; margin: 0 auto; left:0; right:0; z-index:9999; background:#fafafa;transition: .2s all;}
header .logo {}
header .logo img {padding: 0; transition: .2s all;max-height: 55px}
header.scroll {padding: 15px 0;position: fixed;box-shadow: 0 1px 100px rgba(0,0,0,.05)}
header.scroll .logo img {width: auto; max-height: 50px;}

/*Nav*/
.menu-b {font-size: 2.2em; color:#434344 }
.menu-b:hover {color: #ddd; }

/*Nav*/
.dnav {text-align: left;padding:0}
.dnav ul {margin: 10px 0 0; padding: 0;text-align: center}
.dnav li {list-style:none; display:inline-block; margin:0}
.dnav li a {color: #434344; padding: 7px 0; margin: 0 10px; font-size: .8em;text-transform: uppercase;display: inline-block; font-weight: 500;}
.dnav li a:hover {color:rgba(0,0,0,.5); }

/*Dropdown*/
header .dropdown-menu {background:#434344;margin: 0px;border:0;border-radius: 4px;padding: 0;min-width: 220px}
header li .dropdown-menu li {display:block}
header li .dropdown-menu a {background:transparent; margin: 0; padding: 15px 20px; color:#fff;font-weight: 500;}
header li .dropdown-menu a:hover {background:rgba(0,0,0,.1); color:#5bcbf5;opacity:1}
header .dropdown-toggle:after {border-width: .2em .2em 0}
header li .dropdown-menu a i {color: #f3f4f8; width: 25px; font-size: 1.3em; vertical-align: middle;}
header .tcta {text-align: right;}
header .tcta .cta {margin: 8px 3px; padding:7px 12px; border-radius: 3px;display: inline-block;text-transform: uppercase; font-weight: 600;font-size: .8em;background:#5bcbf5;color:#fff;border:1px solid transparent}
header .tcta .cta i {color:#434344;margin-left:5px}
header .tcta .ctact {border:1px solid #5bcbf5;color:#434344;background:Transparent}
.signin {font-size: .9em; text-transform: uppercase; font-weight: 600; color: #555; margin: 0 8px 0 0;display: none}

/*Home*/
.hbanner {padding: 250px 0 150px; width: 100%; margin: 0 auto; }
.hbanner h1 {font-size: 2.9em; color:#434344; margin: 0 0 30px; line-height: 1.1;font-weight: 600}
.hbanner h1 span {color: #5bcbf5;}
.hbanner p {font-size: 1.2em; color:#434344;font-weight: 300}
.hbanner em {font-weight: 500;color:#5bcbf5;margin-right: 3px}
.hbanner img {max-width: 90%; float:right;margin-top: -50px}
.hbanner .lmo {color:#fff; text-transform: uppercase; padding: 10px 25px; font-size: 1.1em; background:#5bcbf5; border-radius: 3px;display: inline-block;font-weight: 400;margin: 10px 0 150px}
.hbanner .lmo i {margin-left: 10px; color:#434344;transition: .4s all}
.hbanner .lmo:hover i {margin-left: 15px;}

.hbanner .zilla {font-size: 1.5em; text-align: center}
.zilla strong {color:#5bcbf5}

/*Home New*/
.pbanner {padding: 210px 15px 100px; min-height: 700px;text-align: left; color:#fff;position: relative;margin: 0 auto 80px;overflow: hidden}
.pbanner:before {left:0; top:0; width: 100%; height: 100%; content: ''; background:rgba(67,67,68,.7);position: absolute;z-index: 1}
.pbanner:after {left:0; bottom:0; width: 100%; height: 100%; content: ''; background:url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/dot.png) repeat;position: absolute;z-index: 2}
.pbanner .row {position: relative; z-index: 10}
.pbanner h1 {color: #fff; font-size: 4em; font-weight: 800;margin: 0 0 25px;line-height: 1}
.pbanner h1 span {color: #5bcbf5;}
.pbanner p {font-size: 1.2em;font-weight: 600}
.pbanner a {display: inline-block; padding: 15px 30px; background: #5bcbf5; border-radius: 4px; font-size: 1.2em; color: #fff;margin: 5px 0 0;font-weight: 700}
.pbanner a i {margin-right: 8px;}
.pbanner img {border-radius: 3px; padding: 8px;max-width: 90%; display: block; margin: 0 auto 50px;box-shadow: 15px 20px 10px rgb(0 0 0 / 20%); background: rgba(255,255,255,.1);}
.atz {font-size: 1.2em;margin: 0 auto 75px; text-align: center}

.hvid {width: 100%;max-width: 1800px; min-height: 700px; position: absolute; overflow: hidden; z-index: 5; top:0; left: 0; right:0;margin: 0 auto; background: rgba(0,0,0,.8);}
video#bgvid {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background: #000;background-size: cover; opacity:.5;}
.hvid:after {content: ''; height: 100%; width: 100%; left:0; top: 0;position: absolute; z-index:1}

/*VA Home*/
.va {background:url(https://8blocks.s3.us-west-1.amazonaws.com/neo/va/banner.jpg) top center no-repeat; padding:250px 0 60px}
.va img {display: none}
.va .fullw {background:#fafafa}
.va h1,.va p {color:#fff}
.va .fullw {padding: 75px 0 10px;}
.va .fullw p {color:#333}

.hques {margin-top: 100px}
.hques .hque {padding: 0 40px 0 0}
.hque h3 {position: relative; padding-top: 25px;font-size: 1.4em;font-weight: 600}
.hque h3:after {width: 60px; top: 0; left: 0; height: 2px; background:#5bcbf5; position: absolute; content: ''}
.hque a {color:#434344;text-transform: uppercase;font-size: .9em}
.hque a i {color:#5bcbf5; margin-left: 10px}

/*NEO Net*/
.neonet {width: 100%; height: 100vh;border:0}

.process {background: #0a2540 url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/pattern.webp) top center no-repeat; background-size: 100%; padding: 100px 0 100px;color:#fff;position: relative; margin: 0 auto}
.process:before {position: absolute; bottom: -50%; right: -20%; background: #0a2540; content: ''; z-index:-1; width: 150%;height: 75%; transform: rotate(-30deg)}
.process:after {position: absolute; bottom: -60%; left: -16%; background: #0a2540; content: ''; z-index:-1; width: 50%;height: 75%;transform: rotate(-30deg) }
.process img {float:right; max-width: 85%;margin-top: -50px}
.process .row {position: relative; z-index: 99}
.process h2 {color:#5bcbf5;font-size: 1.2em;text-transform: uppercase;letter-spacing: 2px;}
.process h2 span {color:#5bcbf5;font-size: 2.4em;letter-spacing: -1px;display: block;font-weight: 800;margin: 20px 0 0; }
.process p {font-size: 1.4em;font-weight: 300}
.process a {border-radius: 3px; color:#fff; font-size: 1.7em; font-weight: 800; display: inline-block; margin: 15px 0 0; }
.process a i {margin-left: 10px; color:#5bcbf5}


/*Not*/
.steps {background:#fff; padding: 100px 0 125px;overflow: hidden;position: relative}
.steps.first:before,.steps.third:before {background:#5bcbf5; width: 100%; transform:rotate(-70deg);content: ''; position: absolute; left: -250px; top:-150px;height: 1000px; }
.steps.second:before,.steps.fourth:before {background:#fff; width: 100%; transform:rotate(72deg);content: ''; position: absolute; left: -153px; top:0;height: 1000px; }
.steps.fourth:before {left: -185px; }
.steps p {font-size: 1.2em;font-weight: 300; margin: 0 0 60px}
.steps a {text-transform: uppercase; font-weight: 800; font-size: 1.3em;color: #333}
.steps h3 {font-size: 2.2em}
.first h3, .third h3,.first h3 span, .third h3 span {color:#fff;}
.steps h3 span {font-size: 1.4em;font-weight: 800;display: block}
.first p, .third p, .first a, .third a {color:#fff}
.first .row div, .third .row div {background:#5bcbf5; position: relative; z-index: 99}
.second .row div, .fourth .row div {background:#fff; position: relative; z-index: 99}

.first {background:#5bcbf5 url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/steps-discovery.webp) right center no-repeat;}
.second {background:#fff url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/steps-wealth.webp) right center no-repeat;}
.third {background:#5bcbf5 url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/steps-execution.webp) right center no-repeat;}
.fourth {background:#fff url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/steps-max.webp) right center no-repeat;}

/*Good*/
.step {padding: 50px; background: rgba(255,255,255,.99); border-radius: 5px;margin: 0 0 30px;position: relative;overflow: hidden;box-shadow: 15px 25px 20px rgb(0,0,0,.1)}
.step:before {width: 150px; height: 100px; transform: rotate(-30deg);position: absolute; content: ''; background: #5bcbf5; top: -60px; left: -75px; }
.step h3 {font-size: 1em;}
.step h3 span {font-size: 2em; display: block; color: #5bcbf5;margin: 10px 0 0;font-weight: 800}
.step p {font-size: 1em;min-height: 150px;}
.step a {color:#434344; text-transform: uppercase;}
.step a i {margin-left: 10px; color:#5bcbf5;}

/*Inner Steps*/
.steps-top {margin: 175px auto 75px; background-size: 50%!important;background:no-repeat}
.steps-top .tbox {background: #fff; padding: 50px 75px; border-radius: 5px; box-shadow: -20px 30px 25px rgb(0 0 0 / 5%); margin: 40px 0;}
.steps-top h1 {font-size: 2em;margin: 0 0 35px}
.steps-top h1 span {font-size: 1.5em; font-weight: 700; display: block}
.steps-top a {background: #5bcbf5; color: #fff; display: inline-block; text-transform: uppercase; padding: 12px 25px; font-weight: 600; border-radius: 3px;}

.page-id-63 .steps-top {background:url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/steps-discovery.webp) left no-repeat}
.page-id-66 .steps-top {background:url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/steps-wealth.webp) left no-repeat}
.page-id-69 .steps-top {background:url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/steps-execution.webp) left no-repeat}
.page-id-72 .steps-top {background:url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/steps-wealth2.jpg) left no-repeat}

.steps-stripe {background: #0a2540; color: #fff; text-align: center;  max-width: 100%; padding: 65px 0 40px;  font-size: 1.3em;margin: 0 auto 100px}
.steps-stripe p {max-width: 900px; margin: 0 auto 35px;font-weight: 300}
.steps-stripe p strong {color: #5bcbf5}
.steps-stripe.light-blue {background:#5bcbf5;margin: 75px auto;font-weight: 500}
.steps-stripe.light-blue p {font-weight: 600}
.steps-tain {max-width: 1000px; margin: 0 auto;font-size: 1.2em}
.steps-tain strong {color:#5bcbf5}
.steps-tain .centa,.inner .centa {font-size: 1.4em; margin: 0; padding: 50px 0; text-align: center;}
.steps-tain h4 {font-weight: 800; font-size: 1.6em; max-width: 700px; text-align: center; margin: 0 auto;  padding: 50px 0 0;}
.steps-tain.mtop {margin-top: 100px;}
.steps-tain p {font-size: 1em}

.steps-tain h3 {font-weight: 800}
.steps-tain h3 span {font-weight: 300}

/*Why Template*/
.page-template-page-lp-why .steps-top .tbox {padding: 60px}
.page-template-page-lp-why .steps-top h1 {font-size: 1.5em;margin:0 0 15px}
.page-template-page-lp-why .steps-top h1 span {font-size: 1.3em; color: #5bcbf5;}
.page-template-page-lp-why .steps-top a {display: block; text-align: center}
.wphlf-box {background: #fff; padding: 50px 40px 40px; border-radius: 10px; box-shadow: -10px 15px 30px rgb(0 0 0 / 2%); margin: -20px auto 75px;}
.wphlf-box h3 {font-weight: 700; position: relative; padding-bottom: 25px;}
.wphlf-box h3:after {position: absolute; bottom: 0; left: 0; width: 150px; background: #5bcbf5; height: 8px; content: '';}
.wphlf-form input[type=submit] {width: calc(100% - 15px);}
    
.icons {margin: 50px auto 0; padding:0}
.icons li {list-style: none; background:url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/icon.png) top left no-repeat;background-size: 40px; padding-left: 60px;margin: 0 0 20px}

.steps-form form {max-width: 700px; margin: 30px auto 150px; background: #fff; padding: 75px; border-radius: 5px; box-shadow: 20px 30px 20px rgb(0 0 0 / 3%);}
.steps-form h3 {font-weight: 700; text-align: center; font-size: 2em; margin: 0 0 50px;}
.steps-form input, .steps-form textarea,.steps-form select {border: 1px solid #ddd; padding: 10px 15px; border-radius: 3px; margin: 0 0 15px;width: 100%}
.steps-form input[type=submit] {background: #5bcbf5; color:#fff;border-color:rgba(0,0,0,.1);text-transform: uppercase; font-weight: 700; padding: 15px; font-size: 1.2em}

.analysis {display: block; background: #5bcbf5; color: #fff;  padding: 15px; border-radius: 4px;  margin: 0 auto 100px; text-align: center;}

.arrow {padding: 60px 0 30px; max-width: 250px;}

.vidbox {display: block; text-align: center; margin: 30px auto 80px}

/*LP Guide*/
.guide-top {background: url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/home-buying-guide.png) no-repeat; background-size: 300px!important;background-position: -20px;max-width: 1070px}

/*Blog Form*/
.blog-form form {max-width: calc(100% + 30px);margin: 75px -15px 0;}

/*Cookies*/
#consent_blackbar {position: fixed; bottom: 100px; left: 50%; z-index: 9999; margin: 0; max-width: 1000px;}
#truste-consent-track {background-color: #8b8c8c !important; border: 1px solid #333 !important; padding: 10px 20px !important;}
#truste-consent-text {color: white !important; font-size: 14px !important;}
#truste-consent-text a {color: white !important; font-weight: bold; text-decoration: underline;}
.truste-messageColumn {margin: 0 !important;}
.truste-buttonsColumn {margin: 0px !important;}
#truste-consent-button {border-radius: 3px !important; color: white !important; background-color: #5bcbf5 !important; border: 1px solid #cccccc !important; cursor: pointer !important;}
#truste-consent-required {border-radius: 3px !important; color: #434344 !important; background-color: white !important; border: 1px solid #0c234b !important; cursor: pointer !important;}
#truste-show-consent {border-radius: 3px !important; color: #434344 !important; background-color: white !important; border: 1px solid #0c234b !important; cursor: pointer !important;}

/*Buydown*/
.table {margin: 0 auto 100px}
.table thead {background:#5bcbf5;color:#fff}
.table tbody tr:nth-child(even) {background:#fff;}

/*Reviews*/
.reviews {margin: 150px auto}
.reviews h3 {margin: 0 15px 35px; text-align: center; color: #5bcbf5; text-transform: uppercase; font-size: 1.4em;}
.reviews h3 span {text-transform: none; font-size: 2.2em; color:#5bcbf5; display: block; margin: 5px 0px;font-weight: 700}
.reviews p {font-size: 1.6em; text-align: center;font-weight: 300; margin: 0 0 75px}
body #ss-widget-container .ss-widget-opt-cont,body #ss-widget-container .ss-widget-rating-detils-container,.reviews #ss-widget-container .ss-widget-rev-head {display: none;}
body #ss-widget-container .ss-widget-rating,body #ss-widget-container .widget-btns, .reviews #ss-widget-container .ss-widget-rev-date, .reviews #ss-widget-container .ss-widget-rev-prof-name, .reviews #ss-widget-container .ss-widget-rev-cust-name, .reviews #ss-widget-container .ss-widget-rev-cust-addr, .reviews #ss-widget-container .ss-widget-review-text,.reviews #ss-widget-container .ss-widget-rev-count {font-family: 'Heebo', sans-serif!important; color:#434344!important}
body #ss-widget-container .widget-contact-us-btn {display: none;}
body #ss-widget-container .widget-btns,.reviews #ss-widget-container .ss-widget-load-more-btn {height: 40px!important;line-height: 40px!important;box-shadow: 0 0!important; background:#5bcbf5!important;font-size: 1em!important;color:#fff!important}
body #ss-widget-container .ss-widget-full-stars {color:#5bcbf5!important}
body #ss-widget-rating-stars .ss-widget-full-stars:before {-webkit-text-stroke: 0!important}
.reviews .bootstrap-ss-widget,.reviews #ss-widget-container .ss-widget-options-container {background:transparent!important}

.reviews #ss-widget-container .ss-widget-rev-cont {width: 100%!important;background:transparent!important; margin-top: 30px}
.reviews #ss-widget-container .ss-widget-rev, .reviews #ss-widget-container .ss-widget-review-div-container {border:0!important}
.reviews #ss-widget-review-div .ss-widget-full-stars:before {-webkit-text-stroke: 0px!important;}
.reviews #ss-widget-container .ss-widget-rev {width: calc(33.3% - 24px); padding: 35px 40px 40px!important; background: #fff; border-radius: 5px; margin: 20px 12px 10px; box-shadow: 0 1px 3px rgb(0 0 0 / 3%);}
.reviews #ss-widget-container .ss-widget-options-container {margin: 0 auto; float:none;display: none;}
.reviews #ss-widget-container .ss-widget-rev-prof-name, .reviews #ss-widget-container .ss-widget-review-text {font-size: 1em}
.reviews #ss-widget-container .ss-widget-rev-cust-name, .reviews #ss-widget-container .ss-widget-rev-cust-addr,.reviews #ss-widget-container .ss-widget-rev-count {font-size: 1em}

.reviews #ss-widget-container .ss-widget-rev:nth-child(3n+1) {clear:left}

.reviews #ss-widget-container .ss-widget-load-more-btn {width: 150px!important}

/*Images*/
.imgr {float: right; max-width: 450px; margin: -50px 0 0px;}
.imgblock {display: block; margin: 75px auto;}
.imgb {margin-bottom: 75px;}

/*Guides*/
.guides {margin: 0 auto 250px}
.guide {padding: 40px 30px; background:#fff; border-radius: 4px; box-shadow: 0 1px 25px rgba(0,0,0,.03); max-width: 96%}
.guide h4 {text-align: center; font-size: 1.6em; font-weight: 600;}
.guide h4 span {color:#5bcbf5}
.guide form {display: block; text-align: right; margin: 25px 0 0;}
.guide input[type=email] {padding: 0 10px; height: 40px; border: 1px solid #ddd; border-width: 1px 0 1px 1px; background:#fafafa; border-radius: 3px 0 0 3px; width: 50%;font-size: .9em}
.guide input[type=submit] {padding: 0 10px; color:#fff; font-size: .8em; text-transform: uppercase; font-weight: 600; background: #5bcbf5; height: 40px; border: 1px solid rgba(0,0,0,.1);border-radius: 0px 3px 3px 0px;margin-left: -3px;position: relative; top: -1px; left: -4px}
.dguide {padding: 15px 10px;background: #5bcbf5;color: #fff; display: block; text-align: center; border-radius: 3px; text-transform: uppercase; font-weight: 700;}

/*Vidz*/
.vidz {background:#5bcbf5 url(https://8blocks.s3-us-west-1.amazonaws.com/drmtg/images/vidz.png) bottom center no-repeat; background-size: 100%; padding: 150px 0 250px; text-align: center;margin: 0 auto 100px;position: relative;overflow: hidden}
.vidz i {font-size: 20em; position: absolute; top: 140px; left: 15px; opacity: .3;}
.vidz h3 {text-transform: uppercase; font-size: 1.3em; font-weight: 400; margin: 0 0 80px;line-height: 1.1}
.vidz span {color: #fff; display: block; font-weight: 600; font-size: 4em;}
.vidz .youtube-container {margin:0 auto 50px;border-radius: 0 0 3px 3px;padding:10px; background:#f3f4f8}
.vidz .youtube-container .youtube-player {height: 270px}
.vidz iframe {width:100%; display: block;}
.vidz h4 {color: #fff; font-weight: 500; width: 90%; display: block; margin: 0 auto; font-size: 1.4em; background: #f3f4f8; border-radius: 4px 4px 0 0; padding: 15px 10px 5px;}
.vidz a {display: block; background: #f3f4f8; max-width: 330px; margin: 50px auto 0; padding: 15px 0; font-size: 1.1em; text-transform: uppercase;   border-radius: 3px;}

.vid-faq h4 {font-weight: 600; text-align: center; margin: 20px auto; font-size: 1.4em; max-width: 90%;position: relative}
.vid-faq h4:before {width: 110%; height: 150px; position: absolute; bottom: -250px; left: -25px; background: #5bcbf5; transform: rotate(-5deg); content: '';}
.vid-faq iframe {margin:0 auto;display: block; width: 100%; position: relative; z-index: 99}

.youtube-container { display: block;margin: 20px auto 75px;width: 90%;	max-width: 600px;}
.youtube-container .youtube-player { display: block;width: 100%;overflow: hidden;position: relative;height: 300px;cursor: hand;	cursor: pointer;}
img.youtube-thumb { bottom: 0;display: block;left: 0;margin: auto;max-width: 100%;width: 100%;position: absolute;right: 0;top: 0;height: auto}
div.play-button { height: 75px;	width: 75px;left: 50%;	top: 50%;margin-left: -36px;margin-top: -36px;	position: absolute;	background: url("https://8blocks.s3-us-west-1.amazonaws.com/drmtg/images/play.png") no-repeat;}

/*Thank You*/
.thanks {font-size: 1.5em; padding: 15px; text-align: center;}

.info-vidz {margin: 0 auto 100px}
.info-vidz h3 {text-align: center; font-weight: 400; padding-bottom: 30px; margin: 0 0 75px;position: relative}
.info-vidz h3:before {height: 7px; width: 100px; position: absolute; left: calc(50% - 50px); background: #5bcbf5;content: '';bottom:0}
.info-vidz iframe {width: 100%;margin: 0 auto 15px; display: block;height: 220px}
.info-vidz .youtube-container {margin: 0 auto; width: 100%; max-width: 600px;}
.info-vidz .youtube-container .youtube-player {height: 190px;margin: 0 auto 20px}
.info-vidz h4 {font-size: 1.2em; text-align: center; line-height: 1.5;}

/*Content*/
.inner article {padding: 60px 50px 30px; margin: 0px auto 100px;max-width: 1100px}
.inner p {line-height: 1.6;font-size: 1.1em}
.inner strong {color:#5bcbf5}

article .imgr {float: right; max-width: 300px; box-shadow: 0px 1px 100px rgba(0,0,0,.05); margin: 0 0 25px 25px; border-radius: 3px;}
article ul, article ol {line-height: 1.8; margin: 0 0 60px;font-weight:300}
article ul li {list-style:square; margin-bottom: 10px;}
article ol li {margin-bottom: 10px;}
article ul li strong {color:#5bcbf5}
article .imgfull {display:block; margin: 40px auto; padding: 8px; background: #fff; border: 1px solid #ddd;}
article .pagecta {display: block; margin: 30px 0 0; color: #fff; text-align: center; padding: 15px;font-size: 1.5em;border-radius: 100px}
article .pagecta .fa {margin-left: 10px;}
article small {display:block; margin: 0 0 30px; }

/*Jobs*/
.job-frame {width: 100%; min-height: 1200px; border: 0;}

ol ul li {list-style: none; margin: 8px 0}
ol ul li:before {content: '\f058'; font-weight: 900; font-family: 'Font Awesome 5 Free'; left:-12px; top: 0px; color:#c9405a; position: relative}

/*Images*/
.imgfull {margin: 50px auto 95px; box-shadow: 0 1px 250px rgba(0,0,0,.5); padding: 15px 0;}

/*Full Width Fixes*/
.fullw article {padding:0;}

/*Headings*/
.page-header {margin:0 auto; padding: 200px 15px 75px; background:url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/header.jpg) top center no-repeat; background-size: 100%;text-align: center}
.page-header .page-title {font-size: 3.9em; margin: 0 0 20px; line-height: 1.3; color:#5bcbf5;font-weight: 200;}
.page-header p {font-size: 1.4em; color:#434344;font-weight: 300}
.page-header a i {margin-left:6px}

h2, h3 {line-height: 1.3; font-weight: 500; font-size: 1.7em; margin: 0 0 40px; }
h4 {line-height: 1.4; font-weight: 400; font-size: 1.4em; margin: 0 0 40px;}


.included {margin:100px auto 0;background:#fafafa;padding:150px 0 100px}
.included h4 {text-align: center; color: #5bcbf5; font-size: 3.5em; font-weight: 800; margin: 0 0 25px}
.included img {max-width: 200px;}
.included h3 {font-weight: 800; font-size: 1.3em; margin: 0 0 30px;}


/*Single Posts*/
.single-post header {display: none;}
.single-post .sing-logo {display: block; margin: 15px auto}
.single-post .page-title {max-width: 800px; margin: 0 auto;font-size: 2.1em; line-height: 1.5;font-weight: 700}
.single-post .page-header {padding: 75px 15px}
.page-header .small,.page-header .small a {color:#434344; font-weight: 300; font-size: 1em; display:block; margin: 20px 0;z-index: 6; position: relative}
.page-header i {margin-right: 8px;color:#5bcbf5;}
.page-header .small a {font-size: 1.2em}
.blog-post a:hover {opacity:1}
.blog-post article {background: #fff; padding: 0 75px 75px; border-radius: 5px;box-shadow: 0 1px 50px rgb(0 0 0 / 5%); }
.blog-post article h2 {font-size: 2em; font-weight: 800}
.blog-post article h3 {font-size: 1.8em; font-weight: 800;color:#5bcbf5}
.blog-post article h4 {font-size: 1.3em; font-weight: 800; margin: 0 0 25px}
.blog-post blockquote {font-size: 1.2em; padding: 40px 40px 5px; background: #fff; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.05); margin: 65px 0;}
.blog-post blockquote p {font-weight:800;}
.blog-post p {font-size: 1.1em}
.type-post img {margin: 50px auto; display:block;border-radius: 2px;height: auto}
.type-post img.nob {background:transparent;box-shadow: 0 0;}
.type-post #share-buttons {margin: 0px -75px 10px; background: #fff;  box-shadow: 0 1px 4px rgba(0,0,0,.1); line-height: 40px;}
.type-post #share-buttons a {text-align:center;font-size: 1.5em; color:#fff;padding: 10px 5px;}
.type-post #share-buttons a:hover {opacity: .8;}
.type-post #share-buttons .sfb {background: #3b5998}
.type-post #share-buttons .stw {background: #00aced}
.type-post #share-buttons .sg {background: #4875B4}
	
/*Blog*/
.blog-feed {margin: 125px auto}
.blog-feed a:hover {opacity: 1}
.blog-feed .hpost .small {display: block; margin: 0}
.blog-feed .hpost .small i {margin-right: 6px;color:#5bcbf5}
.blog-feed .spost {background:#fff; border-radius: 3px; overflow: hidden;margin: 0 auto 30px;box-shadow:  0 1px 3px rgba(0,0,0,.1);max-width: 950px;}
.blog-feed .spost img {margin: 0 -15px;max-width: calc(100% + 30px)}
.blog-feed .hpost h3 {margin: 0 0 25px;font-weight: 600;font-size: 1.1em; color:#333;line-height: 1.5}
.blog-feed .hpost h3 a {color:#333;font-weight: 700}
.blog-feed .spost p {margin: 0}
.blog-feed .hpost {padding: 0px 40px 30px; margin: 0 0 25px; text-align: center; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 1px 3px rgb(0 0 0 / 5%);}
.blog-feed .icon {max-width: 50px; margin: -20px auto 25px;}
.blog-feed .col-lg-4:nth-child(3n+1) {clear:left}
.related-posts .col-lg-4:nth-child(3n+1) {clear:none}

.prev-next-posts {clear: both;}
.prev-next-posts div {width: 48%; margin: 1%;display: inline-block}
.prev-next-posts a {border: 1px solid #333; display: block; text-align: center; padding: 15px; border-radius: 3px;  color: #333; width: calc(100% - 30px); margin: 15px}

/*Newsroom*/
.nroom {margin: 0 auto 75px}
.nroom h2 {margin: 0 15px 30px; font-weight: 700; color: #5bcbf5; border-bottom: 1px solid #ccc; padding: 0 0 15px;}
.nroom-next a {color:#333; text-align: center; text-transform: uppercase; margin:0 auto; display: block;padding-top: 10px;clear: both}

/*Home Blog*/
.hblog h2 {font-size: 1.4em; font-weight: 400; margin: 0 0 75px; text-align: center;line-height: 1.1;text-transform: uppercase}
.hblog h2 a span {display: block;font-size: 2.5em;color:#5bcbf5;font-weight: 600;text-transform: none;margin-top: 10px}
.hblog h2 a {color:#333}

/*Search Results*/
.search-form {border: 10px solid rgba(0,0,0,.1); width: 100%; max-width: 650px; margin: 0 auto; border-radius: 3px;}
#search {padding: 10px 15px; border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.05); border-radius: 2px; width:100%; text-align: center;}
.page-header .serp {margin-top: -30px}
.search-result-title {font-size: .7em;font-weight: 100; margin-top: -50px;line-height: 1}
.search-result-title em {font-size: 1.2em; display: block;font-weight: 800}
.serp-results article {margin-top: 0px; max-width: 800px;text-align: center;font-size: 1.2em}

/*Related Posts*/
.related-posts {text-align: center; margin: 50px auto; padding: 75px 0 }
.related-posts .hpost {max-width: 400px; margin: 0 auto 30px}
.related-posts img {width: 100%;max-width: 400px;}
.related-posts h4 {color: #555; font-weight: 300; font-size: 1.6em; text-transform: uppercase; margin: 0 0 75px;}
.related-posts h3 a {color:#333;display: block;}

/*Calcs*/
.calcs .mcalc {margin:0 auto;border: 1px solid rgba(255,255,255,.1);border-width: 0 1px 1px}
.calcs .mcalc-conventional {margin: -210px auto 0; border: 1px solid rgba(255,255,255,.1); border-radius: 5px 5px 0 0}
.mort-calcs h2.top-calc {color: #434344; text-align: center; margin: 0 auto 75px; padding: 100px 0 50px; position: relative; font-weight: 300; font-size: 3em;clear:both}
.mort-calcs h2.top-calc:after {height:7px; width: 150px; left: calc(50% - 75px); position: absolute; content: ''; background:#5bcbf5; bottom: 0;}
body .mcalc .mcalc-percent {color:#fff}

/*Careers*/
.careers {background:#fafafa url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/careers-bg.jpg) bottom left repeat-x; position: relative}
.careers:before {position: absolute; top: 0%; left: -20%; background: #5bcbf5; content: ''; z-index:3; width: 50%;height: 75%; transform: rotate(30deg)}
.careers .row {position: relative;z-index:10}
.careers h4 {margin: 215px 0 20px;font-size: 2.2em; color:#fff;font-weight: 600}
.careers p {font-size: 1.2em; color:#fff;}
.careers img {float: right; max-width: 500px;}
.careers a {color: #333; font-size: 1.2em; text-transform: uppercase; font-weight: 700;}
.careers a i {margin-left:10px}

.cpage h3 {text-align: center; font-weight: 700; font-size: 2em; margin: 0 0 75px;}
.cpage img {width: 75%; float:right}
.cpage h5 {text-align: center; margin: -25px 0 75px; font-size: 1.4em;}
.cpage iframe {width: 100%; height: 546px; margin: 0 auto 150px}

.mission {background: url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/cpage.jpg) center no-repeat; padding: 150px 0 135px; text-align: center; color: #fff; margin: 100px auto 50px;overflow-x: hidden;}
.mission h3 {font-weight: 700; font-size: 2.7em; max-width: 1000px; margin: 0 auto 75px;}
.mission a {background: #434344; color: #fff; text-transform: uppercase; padding: 15px 40px; font-weight: 600; border-radius: 3px;}

.now-hiring {background: url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/hiring.jpg) center no-repeat; background-size: cover; padding: 175px 0 125px; color:#fff;margin:100px auto 75px;overflow-x:hidden}
.now-hiring .row {max-width: 900px; margin: 0 auto}
.now-hiring h5 {font-size: 3.5em; font-weight: 700; text-align: center; margin: 0 15px 75px;}
.now-hiring h5 span {display: block; font-size: .5em; font-weight: 300;margin-top:20px}
.now-hiring h6 {font-size: 1.8em; font-weight: 600; border-left: 3px solid #5bcbf5; padding-left: 25px; margin: 0 0 15px;}
.now-hiring h6 span {font-weight: 400; font-style:italic; font-size: .7em;display: block;margin-top: 10px;}
.now-hiring a {background: #5bcbf5; display: block; color: #333; text-align: center; border-radius: 3px; font-weight: 700; text-transform: uppercase; padding: 15px;}

/*Footer*/
footer {padding: 150px 0 100px; font-size: .9em; background-size: 100%;position: relative; z-index: 99; background:#fafafa url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/horizon.jpg) bottom center no-repeat}
footer .phone {display: block; font-size: 1.5em; margin: 25px 0 10px;}

footer .ficons {padding:0}
footer .ficons li {margin: 0 5px;display: inline-block}
footer .ficons li a {color:#434344;margin:0 10px; font-size: 1.5em; display: block}
footer .ficons li a:hover {border:0}

footer h3 {color:#434344;font-weight: 300; font-size: 1em; margin: 0 0 25px 40px; padding: 0; max-width: 80%;text-transform: uppercase}
footer ul {padding:0 0 0 40px;margin:0}
footer li {list-style: none; padding:0; display:block;font-size: 1em;}
footer li a {color:#434344; margin: 10px 0; font-weight: 300;}
footer li a:hover {border-bottom:1px solid #5bcbf5;color:#111}

.copyright {padding: 50px 10px; color: #aaa; border-top: 1px solid rgba(255,255,255,.2); box-shadow: 0 -1px 0 rgba(0,0,0,.05); max-width: 1024px; margin: 50px auto 0; font-size: .9em;letter-spacing: 0}

.logos img {max-height: 60px; margin:0 15px 0 0;}

.fb-share-button {position: fixed!important; bottom: 5px; left: 5px;}

/*404*/
.fof {text-align: center;font-size: 1.2em}

/*Contact Modal*/
.contact {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:#fafafa url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/contact.png) top right no-repeat; background-size: 100%; z-index: 99999; opacity:0;-webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; pointer-events: none;}
.contact:target { opacity:1; pointer-events: auto;}
.contact .toppy {margin: 0px auto 0; max-width: 1024px;position: relative}
.contact img {margin: 75px auto 50px; display: block;}
.contact p {font-size: 1.3em}
.contact .phone {font-size: 2.2em;display: block;float:right;margin:10px -15px 50px 0}
.contact .ficons {margin: 0 auto; padding-left: 0; font-size: 1.6em;text-align: center;padding-top: 55px;float:left; width: 100%}
.contact .ficons li {display: inline-block;list-style: none;margin: 0 20px 0 0}
.contact .ficons li a {color:rgba(0,0,0,.6);}

.contact .cbox {padding: 40px; background: #fff; border-radius: 0 4px 4px 0px; box-shadow: 0 1px 3px rgb(0 0 0 / 3%); margin: 0 0 15px;border-left:3px solid #5bcbf5}
.contact .cbox h5 {font-size: 1.2em;margin: 0 0 25px;font-weight: 700}
.contact .cbox a {font-size: 1em;}
.contact .cbox a i {margin-left: 10px; color:#434344}
.contact form label {text-align: center; display: block; font-weight: 600; margin: 10px 0 0;}
.contact form {margin: 0 -15px;clear:both}
.contact input::placeholder,.contact textarea::placeholder {color:rgba(0,0,0,.5)}
.contact input[type=text],.contact input[type=email],.contact textarea,.contact select {width: 100%; margin: 10px 0; padding: 12px 20px;max-height: 110px;background:#fff;border:0;border-radius:2px; color:#333;box-shadow: 0 1px 3px rgba(0,0,0,.05);}
.contact input[type=submit] {font-size: 1.2em; text-transform: uppercase; border-radius: 3px; color:#fff; width: 100%; padding: 15px 5px; border:0;background:#5bcbf5;font-weight: 700}
.contact .close {color:#333;line-height:25px;margin:25px 25px 0 0px;opacity:.7;position: absolute; right: 10px; font-weight: 400; z-index:10}
.nope {display:none;}

#menya.contact {background:#333;padding:35px;}
#menya .dnav li {margin: 5px 0; display:block; }
#menya .dnav li a {color: #fff; font-size: .9em;width:100%;font-weight: 600;margin:0; padding: 10px 0;letter-spacing: 0}
#menya .dnav li .dropdown-menu a {padding-left: 50px}
#menya .dnav .top-cta {float:none; margin: 15px 0 0;text-align: center}
#menya img {margin: 0px 0 10px;}
header #menya .dropdown-menu {position: relative!important; transform:none!important; width: calc(100% + 80px); margin: 0 0 15px -40px; border-radius: 0;}
#menya .close {color:#aaa;text-shadow: 0 0;margin:0 15px 0 0}

/*Apply*/
.app-modal {background:#fafafa!important;text-align: center}
.app-modal .toppy {max-width: 500px!important; }
.app-modal h2 {margin: 20px 0 10px;font-size: 1.3em; font-weight: 600}

/*Calc Fixes*/
.afford {background: #434344; padding: 175px 0 100px;margin: 150px auto}
.afford h3 {text-align: center; color: #5bcbf5; text-transform: uppercase; margin: 0 0 75px;font-size: 1.4em}
.afford h3 span {font-weight: 800; display: block; text-transform: none; color: #fff; font-size: 2.5em;}
.calc {padding: 125px 0 20px; margin: 0px auto 100px;max-width: 1350px;}
.calc h3 {font-size: 1.4em; text-transform: uppercase; color:#5bcbf5; font-weight: 300;margin: 0 15px 75px; text-align: center}
.calc h3 span {font-size: 2.5em; font-weight: 600; text-transform: none; display: block;color:#fff}
body .mcalc {box-shadow: 0 0}
body .mcalc .mcalc-results p {font-weight: 300}
body .mcalc .mcalc-values {background: rgba(0,0,0,.1)}
body .mcalc .mcalc-main {background:transparent;}
body .mcalc label,body .mcalc input[type=text], body .mcalc select {color:#fff}
body .mcalc input[type=text], body .mcalc select {border-bottom: 1px solid rgba(255,255,255,.1)}
body .mcalc .slider-handle.round,body .mcalc .slider.slider-horizontal .slider-selection,body .mcalc .mcwp-submit {background:#5bcbf5!important}
.mcalc .mcalc-results h3 {text-align: left}

/*Support*/
.support-head {padding: 50px 0 0px; text-align: center; margin: 0 auto 50px}
.support-head img {max-height: 110px}

/*Body*/
.support {text-align:center; padding: 15px; max-width: 725px; margin: 0 auto}

/*Sign Up*/
.support .gform_wrapper ul li.gfield {clear:none;margin-bottom: 25px}
.support .start {text-align:center; font-size: 1.4em}
.support .gform_wrapper .gsection {padding: 0!important; font-size: 1.4em!important; box-shadow: 0 1px 0 rgba(255,255,255,.6); width: calc(100% - 30px); margin-left: 15px!important}
.support .gform_wrapper li.gfield.field_description_below+li.gsection {margin:-10px 15px 20px!important}
.support .gform_wrapper h2.gsection_title {padding: 0 0 10px!important; margin: 0px 0 10px!important}
.support .gform_wrapper .top_label select.large,.support .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select,.support .gform_wrapper textarea, .support .gform_wrapper select {border-radius: 2px; padding: 10px!important; border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.1);margin-top:0!important; max-height: 125px;background:#fff}
.support .gform_wrapper .top_label input[type=file].medium{width: 100%}
.support .gform_wrapper label.gfield_label {margin:0}
.support .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {padding: 7px 10px;border-radius: 2px; border: 0; box-shadow: 0 1px 5px rgba(0,0,0,.05);transition:.3s all}
.support input:focus {outline:0; box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.support .gform_wrapper .gform_page_footer {width: calc(100% - 15px); margin: 15px;border:0}
.support .hidden {display:none!important}
.support .gform_wrapper .gform_footer input.button, .support .gform_wrapper .gform_footer input[type=submit], .support .gform_wrapper .gform_page_footer input.button, .support .gform_wrapper .gform_page_footer input[type=submit] {width: calc(100% - 30px); margin: 0 15px 100px; background: #19bc9d; color: #fff; border: 0; border-radius: 3px; padding: 15px 0; font-size: 1.3em;}
.support .gform_wrapper span.gform_drop_instructions,.support input[type=button] {color:#333}

/*Radio Buttons*/
.support .gform_wrapper .gfield_radio li label { margin: 0; max-width: 100%; height: 78px;}
.support .ginput_container_radio li {width: 30%; margin-right: 3.3333%!important;display: inline-block;}
.support .ginput_container_radio li img {width:100%; max-width: 800px;padding: 20px;background: #fff; margin: 0 0 25px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.05);}
.support [type="radio"]:checked,[type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.support [type="radio"]:checked + label:after,.support [type="radio"]:not(:checked) + label:after {width: 100%; height: 100%; border: 3px solid #19bc9d; position: absolute; bottom: 0; left: 0; border-radius: 3px;content:''}
.support [type="radio"]:not(:checked) + label:after { opacity: 0;transform: scale(0);}
.support [type="radio"]:checked + label:after {opacity: 1;transform: scale(1);}

/*Thank You Message*/
.billing-note {background: #19bc9d; color: #fff;padding: 30px; clear:both; border-radius: 3px;font-size: 1.1em; box-shadow: 0 1px 4px rgba(0,0,0,.1);text-align:center;}
.gform_wrapper .billing-note h3 {font-weight: 800;font-size: 1.4em; margin: 0 0 15px;}
.billing-note p {color:rgba(255,255,255,.7);margin:0;font-size: 1em}
.lo-signup-complete {background: #19bc9d; color: #fff;padding: 50px; clear:both; border-radius: 3px;font-size: 1.1em; box-shadow: 0 1px 4px rgba(0,0,0,.1);text-align:center;}
.lo-signup-complete p,.lo-signup-complete h4,.lo-signup-complete h3,.lo-signup-complete a {color:#fff;}
.lo-signup-complete h3 {font-weight: 800; margin: 0 0 15px;}
.lo-signup-complete a {font-weight: 800}

/*Premium Lists*/
.demo {float: left; width: 100%; margin: 20px 15px 50px; padding: 0 15px;}
body .support .gform_wrapper form div.gform_body ul.gform_fields li.demo div ul {margin: 0 10px!important;font-size: .9em; padding: 25px 0}
body .support .gform_wrapper form div.gform_body ul.gform_fields li.demo div ul li {list-style: none!important;position: relative}
body .support .gform_wrapper form div.gform_body ul.gform_fields li.demo div ul li:before {content: '\f058'; font-family: 'Font Awesome 5 Free'; color:#5bcbf5; position: absolute;left:-25px;font-weight: 900}
body .support .gform_wrapper form div.gform_body ul.gform_fields li.demo h3 {font-weight: 800; font-size: 1.5em; text-align: center;}

/*Training Page*/
.training h2 {font-weight: 700; font-size: 2.5em; margin: 0 0 20px;}
.training p {font-size: 1.4em; margin: 0 0 50px;}
.training a {width: 47%; display: inline-block; margin: 1%; background: #5bcbf5; color: #fff; border-radius: 3px; padding: 12px 5px; font-size: 1.1em; font-weight: 600;}

/*Search*/
.eightb_smartsheet_search {margin: -50px 0 50px}
.eightb_smartsheet_search input {margin: 0px auto 50px; width: 100%; padding: 20px; max-width: 600px; border-radius: 3px; border: 0; box-shadow: 0 1px 3px rgb(0 0 0 / 5%); display: block;}
.column_search_not_empty {display: none}
.lo-result {padding: 25px; margin: 0 0 25px; border-radius: 5px;transition: .3s all;text-align: center}
.lo-result:hover {background:#fff; box-shadow: 15px 20px 20px rgba(0,0,0,.05);}
.lo-result h3 {font-weight: 600; font-size: 1.4em;margin:15px 0 3px}
.lo-result h5 {color: #5bcbf5; font-weight: 600; font-size: 1.4em;}
.lo-result span {font-size: .8em;display: block; margin: 0 0 15px}
.lo-result a {width: 49%; float: left; margin: 15px 1% 0 0;text-align: center;background: #5bcbf5; padding: 10px 0; border-radius: 3px; font-size: .8em;
 letter-spacing: 0; color: #fff; font-weight: 600; text-transform: uppercase;}
.lo-result a:nth-child(2) {margin-right: 0;width: 50%}
.lo-result .website.wide {width: 100%}

/*Landing Page*/
.lp {padding: 50px 0;color:#fff}
.lp p {line-height: 1.7}
.lp .phone {text-align: right; font-size: 1.5em; font-weight: 300; padding: 15px 0 0;}
.lp .phone span {font-weight: 600; color:#5bcbf5;}
.lp h1 {color: #5bcbf5;font-weight: 700; font-size: 3.5em; margin: 75px 0 35px;}
.lp .hinfo {background: rgba(0,0,0,.4); padding: 40px; border-radius: 4px;}
.lp .hinfo h3 {margin: -40px -40px 35px; background: #5bcbf5; border-radius: 4px 4px 0 0; padding: 15px 25px; text-align: center; font-size: 1.5em;font-weight: 700; color: #333;}
.lp .hinfo ul {padding: 0 0 0 30px}
.lp .hinfo ul li {list-style: none; position: relative}
.lp .hinfo ul li:before {content: '\f058';font-family: 'Font Awesome 5 Free'; font-weight: 800; position: absolute; left: -35px; color:#5bcbf5;}
.lp .hinfo h4 {margin:15px 0;font-size: 1.2em; font-weight: 600}

.lp .lp-form {margin: 50px auto 0; background: rgba(255,255,255,.9); padding: 30px; border-radius: 3px;color:#333;box-shadow: 20px 25px 15px rgba(0,0,0,.5);}
.lp .lp-form h3 {text-align: center;font-weight: 700; font-size: 2.2em; margin: 0 0 20px;}
.lp .lp-form input, .lp .lp-form select {width: 100%; max-width: 100%; height: 40px; padding: 0 12px; font-size: .9em; border: 0; background: #333; border-radius: 2px; color: #efefef; margin: 0 0 10px;}
.lp .lp-form input::placeholder {color:#efefef}
.lp .lp-form div {padding: 0 5px;}
.lp .lp-form input[type=submit] {background:#5bcbf5; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 1.3em;padding:10px;height: auto}
.lp .lp-form input[type=checkbox] {float:left; margin: 5px 5px 5px 0; font-size: 1em;height: auto; width: auto;padding:2px;}


/*Landing Page Light*/
.lp-light,.lp-light h1 {color:#333}
.lp-light h1 {font-size: 2.7em;}
.lp-light h1 span {color: #5bcbf5}
.lp-light .temp-content h3 {font-weight: 700}
.lp-light .temp-content h4 {font-weight: 700;margin: 0 0 15px}
.lp-light .temp-content img {margin: 0 0 40px}
.lp .hinfo {background: #444; color:#fff}
.lp-light .hinfo h3 {color:#5bcbf5; margin:0 0 30px; background: transparent;text-align: left;padding:0;font-size: 1.8em}
.lp-light .hinfo h4 {font-weight: 700}
.lp-light .lp-form {box-shadow: 20px 25px 15px rgb(0 0 0 / .05)}

/*Download Thanks*/
.download-thanks {margin: 200px auto; text-align: center; max-width: 700px;}
.download-thanks h2 {font-size: 3.2em; font-weight: 300;}
.download-thanks p {font-size: 1.4em; font-weight: 300; line-height: 1.7;}
.download-thanks a {background: #5bcbf5; color: #fff; padding: 15px 25px; border-radius: 3px; text-transform: uppercase; font-weight: 600; font-size: 1.1em;}

/*Bulletproof*/
.lp-bulletproof em {font-size: 1.4em; text-align: center; margin: 20px 0 0;display: block;font-weight: 300}
.lp-bulletproof h1 {text-align: center;font-size: 2.2em;line-height: 1.2;margin: 10px 0 60px}
.lp-bulletproof h1 span {display: block;font-size: 1.5em}
.lp-bulletproof .gstart {background: #5bcbf5; color:#fff; padding: 10px 35px; border-radius: 3px;text-transform: uppercase}
.lp-bulletproof .gstart i {margin-left: 8px;color:#333}
.lp-bulletproof iframe {width: 100%; display: block;text-align: center;height: 250px}
.lp-bulletproof .hiw {margin: 50px auto 0;}
.lp-bulletproof .hiw h3 {text-align: center; font-weight: 700; color: #5bcbf5; font-size: 2.2em; margin: 50px 0 70px;}
.lp-bulletproof .hiw h4 {font-weight: 600; margin: 25px 0 15px;}
.lp-bulletproof .hiw img {margin:0 auto; display: block; max-width: 80%}

/*Heroes*/
.lp-heroes {padding: 25px 0;overflow:hidden;position: relative}
.lp-heroes h1 {font-size: 3.2em; font-weight: 100; margin: 40px 0 20px}
.lp-heroes h3 {font-size: 1.3em; font-weight: 400; margin: 0px 0 20px}
.lp-heroes h5 {text-align: center; font-size: 1.5em; font-weight: 700; margin: 50px auto 20px;}
.lp-heroes h5 i {color:#5bcbf5}
.hero-icons {text-align: center;margin: 0px auto}
.hero-icons img {max-width: 75px; margin: 0 0 15px;}
.hero-icons h4 {font-size: 1em}
.lp-heroes .lp-form {margin: 20px auto 0; padding: 25px;}
.page-template-page-neo-heroes footer {padding: 50px 0 75px;}

/*Neo Experience*/
.neo-exp {padding: 230px 0 175px;background-size: cover!important;position: relative;color:#fff;text-align: center}
.neo-exp:before {background:rgba(0,0,0,.6); position: absolute; left: 0; top:0; width: 100%; height: 100%; content: ''}
.neo-exp h1 {font-size: 4em;font-weight: 700; margin: 0 0 20px;color:#5bcbf5}
.neo-exp p {font-size: 1.7em;}
.neo-exp a {display: inline-block; background: #5bcbf5; color: #fff; text-align: center;padding: 15px 35px; font-size: 1.3em; font-weight: 700; border-radius: 5px; max-width: 350px; margin: 0 5px 15px;}

.mum-top {margin: 125px auto 40px; text-align: center}
.mum-top h2 {font-size: 2.6em; font-weight: 700;color:#5bcbf5}
.mum-top p {font-size: 1.3em; }

.mum {background:#fff;border-bottom: 1px solid #ddd; max-width: 1000px; margin: 0 auto 100px;border-radius: 0 0 10px 10px}
.mum .nav-tabs {text-align: center;background:#fafafa}
.mum .nav-tabs .nav-item {float:none; display: inline-block}
.mum .nav-tabs .nav-item a {font-size: 1em;font-weight: 600}
.mum .nav-tabs .nav-item a:focus {opacity: 1}
.mum .nav-tabs .nav-item b {display: block; background: #5bcbf5; width: 25px; height: 25px; font-size: .9em; color: #fff; border-radius: 100px;line-height: 25px; margin: -22px auto 5px;}
.mum .tab-content {padding: 0px; border: 1px solid #ddd; border-width: 0 1px;border-radius: 0 0 10px 10px;overflow: hidden}
.mum .tab-content p {padding: 50px; margin:0}

.exp-app-top {text-align: center; font-size: 1.2em; margin: 125px auto 55px}
.exp-app-top h3 {color:#5bcbf5; font-weight: 800; font-size: 2.2em; margin: 0 0 15px}
.exp-fea {border-bottom: 1px dotted #ddd; padding: 0px 0px 30px; display: block; margin: 0 0 30px;}
.exp-fea i {font-size: 1.8em; color: #5bcbf5; display: block; margin: 0 0 20px;}
.exp-fea h4 {font-weight: 700; margin: 0 0 10px;}
.exp-fea p {margin: 0px;}

.exp-dload {max-width: 700px;margin: 100px auto 150px;}
.exp-dload a {background:#333; color:#fff; border-radius: 5px;display: block; text-align: center; font-size: 1.2em; font-weight: 600;padding: 15px 0}
.exp-dload a i {color:#5bcbf5;margin-right: 6px}

.exp-con {background: #0f263f url(https://8blocks.s3.us-west-1.amazonaws.com/neo/images/exp-concierge.png) bottom left no-repeat; padding: 100px 0; color:#fff; margin: 0 auto 150px}
.exp-con h3 {text-align: center;color:#5bcbf5;font-weight: 700;font-size: 3em;margin: 0 0 20px}
.exp-con-top p {text-align: center;font-size: 1.3em;margin: 0 0 60px}
.exp-con iframe {width: 100%; height: 500px; padding: 10px; box-shadow: 0 1px 25px rgba(0,0,0,.4); border-radius: 10px;display: block; margin: 0 auto 75px}
.exp-con h4 {margin: 0 0 10px;font-weight: 700;color:#5bcbf5}
.exp-boxes div {margin-bottom: 75px; border-left: 5px solid #5bcbf5}
.exp-boxes p {margin:0}

.exp-hbot {text-align: center; margin: 0 auto}
.exp-hbot h3 {color:#5bcbf5;font-size: 3em;font-weight: 700;margin: 0 0 25px}
.exp-hbot p {font-size: 1.4em}
.exp-hbot img {border-radius: 30px 30px 0 0;display: block; margin: 50px auto 0}

.exp-review {background:url(https://8blocks.s3.us-west-1.amazonaws.com/neo/images/exp-review.png) bottom center no-repeat; background-size: 100% 100%;padding: 120px 0 0;margin: 0 auto 100px;color:#fff}
.exp-review h3 {font-weight: 700; color: #5bcbf5;font-size: 2.3em; margin: 30px 0;}

/*Accordions*/
#accordion {border-bottom: 1px solid #ddd; }
#accordion .card {padding: 15px 0 20px;border:0;margin:0;border-top: 1px solid #ddd;border-width: 1px 0 0; }
#accordion img {margin: 10px 0 20px; display: block; border-radius: 5px; }
#accordion button {display: block; border:0; width: 100%; text-align: left; padding: 10px 0 5px; background: transparent; font-size: 1.4em; font-weight: 600;}
#accordion button i {float:right;transition: .3s all;color:#5bcbf5;margin: 5px}
#accordion button .fa-arrow-up, #accordion button[aria-expanded="true"] .fa-arrow-down {display: none}
#accordion button[aria-expanded="true"] .fa-arrow-up {display: block}
.inner #accordion p {font-size: 1em;margin:0;transition:.1s all; }
#accordion .collapse.show {display: block}


/*Slider*/
#stage {margin: 0 auto;position: absolute; z-index:-1; width: 1600px; height: 1000px; top: 0;}
#stage div {position: absolute;}
#stage div img {position:relative;padding: 0px;margin: 0 auto;width: 100%; height: auto}
#stage div:nth-of-type(1) {animation-name: fader;animation-delay: 4s;animation-duration: .8s;z-index: 20;}
#stage div:nth-of-type(2) {z-index: 10;}
#stage div:nth-of-type(n+3) {display: none;}
@keyframes fader {
from { opacity: 1.0; }
to   { opacity: 0.0; }
}


/*Experience Page*/
.lp-experience {padding-bottom: 0}
.lp-experience h2 {text-align: center; font-weight: 700; font-size: 3.2em; margin: 50px auto;}
.lp-experience h2 span {color:#5bcbf5}

.exp-top p {font-size: 1.6em; line-height: 1.3; max-width: 90%;}

.exp-buttons {margin:75px auto 150px}
.exp-buttons a {background: #5bcbf5; display: block; border-radius: 3px; text-align: center; color: #fff;  padding: 25px 15px; font-size: 1.8em; text-transform: uppercase; font-weight: 700; margin:15px auto}
.exp-buttons a span {font-size: .8em;display: block;text-transform: none; font-weight: 400;margin-top:10px;line-height: 1.4}

.exp-process {margin: 0 auto 40px;}
.exp-process h3 {text-transform: uppercase; font-weight: 700; font-size: 2.5em; text-align: center; margin: 0 auto 75px;}
.exp-process h4 {font-size: 2em;font-weight: 300;}
.exp-process h4 span {font-size: 1.2em;font-weight: 700;display: block}
.exp-process p {font-size: 1.3em;font-style: italic;line-height: 1.5}

.exp-sec {background: #11263e; text-align: center; color: #fff; margin: 150px auto 0; text-transform: uppercase; font-weight: 700; font-size: 2.5em; padding: 75px 0;}
.exp-sec span {text-transform: none; font-weight: 300; font-size: .8em; display: block; font-style:italic}

.exp-gen h4 {text-align: center; font-weight: 700; font-size: 2.3em;margin: 100px auto 75px}
.exp-gen h4 span {font-size: 1.2em;display: block; color:#5bcbf5;}
.exp-gen p {font-size: 1.3em; line-height: 1.5; font-weight: 300;}
.exp-gen img {max-width: 90%; margin: 0 auto 25px; display: block;}

.exp-full {background:#5bcbf5;text-align: center; padding: 80px 0;color:#fff}
.exp-full h4 {text-transform: uppercase; font-weight: 700; font-size: 2.5em; margin: 50px 0;}
.exp-full p {font-size: 1.6em}

/*Join New*/
.jus {background:url(https://8blocks.s3.us-west-1.amazonaws.com/neo/images/join-header.jpg) center no-repeat; padding: 175px 0; margin: 80px auto;text-align: center}
.jus h1 {text-transform: uppercase; color:#fff;font-size: 3em;font-weight: 800;margin: 0 auto 40px;}
.jus a {display: inline-block;background:#5bcbf5;color:#fff;border-radius: 100px; padding: 12px 35px;text-transform: uppercase;font-weight: 600}
.jus-top {margin: 0 auto 100px;text-align: left}
.jus-top h2 {font-size: 3.2em; margin: 0 0 30px}
.jus-top h2 span {display: block}
.jus-top p {font-size: 1.1em}
.jus-top a {font-size: 1.1em;text-transform: uppercase; border-radius: 100px; border: 1px solid #5bcbf5;padding: 10px 40px; display: inline-block; margin: 0 5px;font-weight: 600}
.jus-top .blu {background:#5bcbf5; color:#fff}
.jus-top iframe {width: 400px; height: 510px;margin:0 auto; display: block;max-width: 100%}

.jboxes .row {max-width: 100%; margin: 0 auto 100px}
.jbox {position: relative;overflow: hidden;transition: .3s all;}
.jbox img {position: absolute;left:0; top:0;}
.jbox .jtent {position: relative;z-index:9;visibility: hidden; background:rgba(0,0,0,.7); color:#fff;margin: 0 -15px;padding: 50px;text-align: center;min-height: 475px}
.jtent h3 {color:#5bcbf5;font-weight: 700;margin: 0 0 25px;}
.jbox p {font-size: 1em}
.jbox:hover .jtent {visibility: visible;animation: fadeIn 1s;}
.jbox a {text-transform: uppercase; font-weight: 800}
.jbox a:hover {color:#fff}
.jbox a i {color:#fff;margin-left:7px}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.jrevs {margin: 0 auto 100px}
.jrevs .row {margin: 0px auto 75px}
.jrevs h3 {font-weight: 800;color:#5bcbf5;margin: 0 15px 50px;font-size: 2em}
.jrevs iframe {width: 400px; height: 710px;}
.jrev {background:#fff; border-radius: 30px;padding: 0 50px 50px;box-shadow: 0 1px 3px rgba(0,0,0,.05)}
.jrev img {margin: -100px auto 30px; max-width: 200px;border-radius: 200px;box-shadow: 0 1px 3px rgba(0,0,0,.05)}
.jrev p {font-size: 1em}
.jrevs form {margin: 15px auto;text-align: center;}
.jrevs input {border:0; border: 1px solid #ddd; border-radius: 3px; padding: 6px 8px}
.jrevs input[type=submit] {display: block;max-width: 320px;width: 100%; background:#5bcbf5;text-align: center;border-radius: 4px; margin: 15px auto 30px;color:#fff;font-weight: 700;padding: 12px 0;border:0}


.seeking {text-align: center;margin: 0 auto 50px}
.seeking h3 {font-size: 2.2em; font-weight: 800; color:#5bcbf5;}

.jvids {margin: 0 auto 100px; }
.jvids iframe {width: 100%; padding: 10px;}

.jsix {background:#5bcbf5; padding: 50px 0 100px;margin: 0 auto;}
.jsix p {font-size: 1.4em; color:#fff; margin: 20px 0}
.jsix .jupimg {display: block; margin: -75px auto}

.jsixx {margin: -50px auto 100px;position: relative;z-index: 99999}
.jsixx span {font-size: 7em; font-weight: 600; color:#000; opacity: .03; position: absolute; right:35px; top: 15px}
.jsixx h3 {font-weight: 700;color: #5bcbf5; margin: 0 0 15px;font-size: 1.5em}
.jsixx ul {padding:0; margin:0}
.jsixx ul li {list-style: none;position: relative;display: inline-block}
.jsixx ul li:before {position: relative; width: 25px; height: 25px; margin: 0 8px; content: '\f105';font-family: 'Font Awesome 5 Free';font-weight: 800;color:#5bcbf5}
.jin {padding: 30px 40px; border-radius: 20px; box-shadow: 0 1px 50px rgba(0,0,0,.05);margin: 0px auto 15px;width: 100%;background:#fff}

.jform {background:rgba(0,0,0,.6);}
.jform .row {max-width: 1000px;margin:100px auto;padding:0 50px 50px; background: #efefef;border-radius: 20px;box-shadow: 15px 20px 30px rgba(0,0,0,.1);position: relative}
.jform h3 {color:#5bcbf5;text-align: center; font-weight: 700;margin:40px 0 20px;font-size: 2.5em}

/*Simple LP*/
.simple-lp {background:url(https://8blocks.s3.us-west-1.amazonaws.com/mettle/landers/images/wave.png) top no-repeat; background-size: 100%}
.simple-lp .logo {margin: 0 auto 25px; max-width: 200px;display: block}
.simple-lp-content {margin: 25px auto 75px; background: #fff; border-radius: 25px; box-shadow: 10px 20px 15px rgba(0,0,0,.05);padding: 50px}
.simple-lp-content h1 {font-size: 2.3em;font-weight: 700; color: #5bcbf5; text-align: center; margin: 0 auto 30px;}
.simple-lp-content .sform {margin-top:-40px}
.simple-lp-cta {font-size: 1.8em; text-align: center; margin: 0 auto 200px; display: block; clear: both; font-weight: 600;}

.lp-sform {padding:0;}
.lp-sform .lp-form {margin:0;box-shadow: 0 0;padding: 25px 0 0;}
.page-id-193 .simple-lp-content {padding-bottom: 0}
.simple-lp-content iframe {width: 100%; height: 400px;border:0}

/************************************
Media Queries
************************************/

@media (min-width: 768px) {
	/*Global*/
	.nopad {padding: 0;}
	.nopadl {padding-left: 0;}
	.nopadr {padding-right: 0;}
}

@media (max-width: 1199px) {
	/*Global*/
	body {font-size: .9em}
    
	.dnav ul {margin-top: 10px}
	.dnav li a {margin: 0 12px;}
	
	header .tcta .cta {margin: 8px 1px; padding: 7px 10px}
    
	/*Home*/
	.hbanner {font-size: .9em;}
    .va {background-size: 1199px}
	
	.process h2 span {margin: 10px 0 0; font-size: 2em}
	
	.steps {font-size: .9em;background-size: 50% 100%}
	.steps.first:before,.steps.third:before {top: -300px}
	.steps.second:before,.steps.fourth:before {top: -200px;left: -290px}
	
	.steps-top {background-size: 60%!important}
	
    /*Join Stuff*/
    .jbox img {max-width: 140%}
    .jbox .jtent {padding: 30px;}
	
	/*Reviews*/
	.reviews {margin: 100px auto 150px}
	.reviews h3 span {font-size: 2.2em;}
	.reviews p {font-size: 1.7em; margin: 0 15px 60px}
	.reviews #ss-widget-container .ss-widget-rev {width: calc(50% - 24px);}
	.reviews #ss-widget-container .ss-widget-rev:nth-child(3n+1) {clear:none}
	.reviews #ss-widget-container .ss-widget-rev:nth-child(2n+1) {clear:left}
	
	/*Guides*/
	body .guide-top {background: url(https://8blocks.s3-us-west-1.amazonaws.com/neo/images/home-buying-guide.png) no-repeat; background-size: 300px!important;background-position: -20px;max-width: 1070px}

	/*LP*/
	.lp-head {padding: 200px 0 0;}
	.lp-head:after {background-size: 1920px 250px}
	
	/*Calc*/
	.afford {padding: 125px 0 50px}
	
	/*Careers*/
	.cpage iframe {height: 485px}
    
	/*Footer*/
	footer .ftop h4 {margin-top: 100px;}
	footer .ftop p {font-size: 1.5em;}
}

@media (max-width: 991px) {
	/*Header*/
    header {}
    header .logo img {max-height: 55px;}
    header .phone {color: #5bcbf5; display:inline-block;font-size: 1.7em; position: relative; top: -3px;margin-right: 20px}

	header .dropdown-menu {background:rgba(0,0,0,.1);}
	header .tcta-mob {margin-top: 20px; text-align: left}
	header .tcta .cta {float: none; margin: 10px 0; display: block; text-align: center; padding: 12px;color:#fff;font-size: 1em}
	.dnav ul {text-align: left}
    .signin {font-size: 1.1em;position: relative; top: -5px; margin-right: 12px}
    
    #menya .dnav li a {font-size: 1em;margin:3px 0}
    #menya .dnav li .dropdown-menu a {font-size: .8em}
    
	/*Home*/
    .hbanner {padding: 180px 0 0px; font-size: .8em; }
	.hbanner h1 {font-size: 3em; line-height: 1.3}
	.hbanner img {margin-top: -25px;}
    
    /*Home New*/
    .hvid, .pbanner {min-height: 600px}
    
    .va {background-size: 991px}
    .va .fullw {padding: 45px 0 10px;}
    .va .lmo {margin-bottom: 90px;}
	
	.hques .hque {padding: 0 40px 0 0; margin: 0 0 50px;}
	.hque a {font-size: 1.1em}
	
	.process {text-align: center}
	.process:before,.process:after {height: 25%; bottom: -15%}
	.process .col-lg-5 {padding: 0 12%; text-align: center}
	.process img {float: none; width: 75%; margin: 70px auto 0; display: block; max-width: 350px;}
	.process h2 span {font-size: 2.5em}
	
	.steps {background-position: bottom; background-size: auto; padding: 75px 0 90px}
	.steps.first:before, .steps.third:before {top:-325px; left: -375px}
	.steps.second:before, .steps.fourth:before {top:-180px; left: -380px}
	.steps h3 {margin: 0 0 30px}
	.steps h3 span {font-size: 1.1em}
	.steps a {font-size: 1.3em}
	.steps p {margin: 0 0 30px}
	
	.step h3 span {font-size: 1.5em}
	.step p {font-size: .9em}
	
	.steps-top {background-size: 100%!important;margin-top: 130px}
	.steps-top .tbox {padding: 50px}
	
	.steps-tain .centa,.inner .centa {font-size: 1.2em; padding: 30px 0;}
	
	.ex-steps {text-align: center}
	.ex-steps .imgblock {margin: 25px auto; width: 350px; max-width: 90%}
	
	/*Images*/
	.imgb {display: block; margin: 50px auto; float: none; max-width: 90%}
	.imgblock {margin: 50px auto; max-width: 90%}
	
	/*Reviews*/
	.reviews h3 {font-size: 1.2em}
	.reviews #ss-widget-container .ss-widget-rev {padding: 45px 40px 40px!important}
	
	/*Guides*/
	.guide {margin: 0 auto 30px; text-align: center; width: 100%; max-width: 550px}
	.guide img {margin: 0 auto 35px; display: block}
	.guide input[type=email] {width: 60%}
	
	/*Calc*/
	body .mcalc .mcalc-main {padding: 0}
	body .mcalc .mcalc-values {padding: 30px;}
	
	.vidz iframe {height: 200px} 
	.vidz h4 {font-size: 1em;padding: 10px 5px 3px;width: 100%;}
	.vidz .youtube-container {height: auto}
	.vidz .youtube-container .youtube-player {height: 170px}
	.vidz a {font-size: 1em; margin: 0 auto 40px;}
	
	.vid-faq h4 {font-size: 1.2em}
	.vid-faq h4:before {bottom: -180px; left:-15px}
	.vid-faq .youtube-container .youtube-player {height: 170px}
	
	.types a {padding: 25px 15px;}
	
	.faq h4 {font-size: 1.6em}
	
	.hblog h2 {font-size: 1.2em}
	.hblog h2 a span {font-size: 2.7em}
	
	.blog-feed .spost h3 {font-size: 1.3em}
	.blog-feed .hpost {padding: 20px 30px;}
	.blog-feed .hpost .small {margin: 0 0 10px;}
	.blog-feed .spost p {line-height: 1.6; font-size: .9em;}
	.blog-feed .icon {margin-top: -40px}
	
	/*Single Post*/
	body .single-post .page-title {font-size: 1.8em}
	.type-post #share-buttons a {padding: 5px;}
	
    /*Interior*/
	.page-header {padding: 150px 15px 60px;}
	.page-header .page-title {font-size: 4em}
	.page-header p {font-size: 1.3em}
	
	.info-vidz .youtube-container {max-width: 400px}
	
	/*Careers*/
	.cpage h3 {font-size: 1.6em; margin: 0 0 45px}
	.cpage iframe {height: 360px;}
	
	.mission {padding: 85px 0 50px;margin:25px auto 185px}
	.mission h3 {font-size: 1.4em}
	
	.now-hiring {padding: 125px 0 100px}
	.now-hiring h6 {font-size: 1.6em}
	.now-hiring a {font-size: .9em}
    
    /*Join Stuff*/
    .jus {padding: 125px 0 100px}
    .jbox .jtent {padding: 20px;min-height: 485px}
    .jbox img {max-width: 180%;left:-15%}
    .jrev {padding: 0 30px 30px}
    .jform .row {border-radius: 0; margin: 50px auto;padding: 0 20px 40px;}
    .jform input[type=text], .jform input[type=email], .jform textarea, .jform select {padding: 8px;margin:5px 0}
    .jform input[type=submit] {margin-top: 10px;}
    
    .jrevs {text-align: center}
    .jrevs img {display: block; margin: 0 auto 10px;max-width: 500px;width: 100%}
	
	/*Footer*/
	.careers h4 {margin-top: 75px; font-size: 1.9em}
	.careers p {font-size: 1.1em}
	.careers img {max-width: 300px;}
	
	footer {padding: 120px 0 75px}

	
	footer h5 {font-size: .85em}
	.copyright {font-size: .9em}
	
	.contact {background-position: bottom}
	.contact img {margin: 50px auto}
	.contact .cbox {padding: 30px}
	.contact .cbox h5 {line-height: 1.5;margin: 0 0 15px}
	.contact p {font-size: 1.1em}
	
	/*Landing Page*/
	.lp {padding: 30px 0 0}
	.lp h1 {font-size: 2.8em;}
	.lp .hinfo {padding:15px 30px;font-size: .9em}
	.lp .hinfo h3 {padding:10px;font-size: 1.3em;margin:-30px -30px 30px;}
	.lp img {max-width: 180px; margin: 0 auto; display: block;}
	.lp .phone {text-align: center; font-size: 1.3em}
	
	.lp-light h1 {font-size: 2.2em;margin: 30px 0}
	.lp-light img {max-width: 100%}
	.lp-light .hinfo h3 {padding:10px 0 0; font-size: 1.8em; margin:0 0 20px}
    
    /*Bulletproof*/
    .lp-bulletproof h1 {margin: 10px 0 60px; font-size: 1.9em}
    .lp-bulletproof iframe {height: 200px}
    .lp-bulletproof .lp-form h3 {font-size: 1.6em}
    
    /*Heroes*/
    #stage {left: -700px}
    .lp-heroes #stage img {max-width: 100%}
    .lp-heroes .hero-icons img {max-width: 60px;margin: 0 auto 10px}
    .hero-icons h4 {font-size: .9em}
    .lp-heroes .phone {margin: 0 0 10px}
    .lp-heroes .lp-form {margin: 50px auto 0}
    
    /*NEO Exp*/
    .neo-exp {font-size: .9em;padding: 185px 0 75px}
    .mum .nav-tabs .nav-item a {font-size: .9em;padding: 5px 10px}
    .exp-fea {margin: 0 auto 30px; max-width: 500px}
    .exp-app img {max-width: 500px;margin: 0 auto; display: block}
    .exp-dload {margin: 50px auto 100px}
    .exp-review {padding: 70px 0 0;margin: 0 auto 50px}
    .exp-review img {display: block; margin: 0 auto; max-width: 500px}
}
	
@media (max-width: 767px) {
    body {}
	p,ul li {font-size: 1em}
	p {margin: 0 0 25px}
    
	/*Header*/
	header {padding: 20px 0}
	header .logo img {max-height: 45px}
    header.scroll {padding: 8px 0}
    header.scroll .logo img {max-height: 45px}
    
	/*Home*/
	.hbanner {padding:125px 0 25px; text-align: center}
	.hbanner h1 {margin: 0 0 20px; font-size: 2.4em}
	.hbanner h1 span {}
	.hbanner img {float: none; width: 90%;  max-width: 350px; margin: 30px auto 60px;  display: block;}
	.hbanner p {font-size: 1.1em;margin:0 0 25px;line-height: 1.6}
	.hbanner .lmo {padding: 10px 20px;margin: 0 0 50px}
	.hbanner .zilla {font-size: 1.3em}
    
    .hvid,.pbanner {min-height: 550px}
    .pbanner {padding: 150px 15px 50px;}
    .pbanner h1 {font-size: 2.4em; line-height: 1.2}
    .pbanner p {font-size: 1.1em;}
    .pbanner a {display: block; text-align: center; max-width: 300px;font-size: 1.2em; padding: 15px 0}
    
    .va img {display: none;}
	
	.hques .hque {padding: 0 30px}
	.hques h3 {margin: 0 0 25px;}
	.hques h3:after {left:calc(50% - 30px)}
		
	.process {padding: 80px 0;margin-top: 10px}
	.process .col-lg-5 {text-align: left; padding: 0 30px}
	.process h2 {font-size: 1em; }
	.process h2 span {font-size: 1.6em; line-height: 1.4}
	.process p {font-size: 1.1em}
	.process a {margin: 15px 0 0; font-size: 1.6em}
	.process img {width: 85%; margin: 75px auto 0;}
	
	.steps {padding: 0; background:transparent!important}
	.steps .row div {padding: 60px 20px 70px}
	.steps h3 {font-size: 2em; }
	.steps p {font-size: 1.1em; }
	.steps a {font-size: .95em}
	
	.step h3 {margin: 0 0 25px}
	.step h3 span {margin: 5px 0 0;}
	.step a {font-size: .9em}
	
	.steps-top {background-size: 768px!important;margin-top: 90px;}
	.steps-top .tbox {padding: 30px;}
	.steps-top h1 {font-size: 1.4em}
	.steps-top a {font-size: .85em; padding: 12px 20px}
    
    /*Guide*/
    body .guide-top {background-size: 120px!important; background-position: right bottom}
    .guide-top .tbox {background:transparent}
    .guide-top h1 span  {font-size: 1.2em}
	
	.steps-stripe {font-size: 1.1em}
	
	.icons li {background-size: 30px; padding-left: 40px; font-size: .9em}
	
	.steps-stripe.light-blue p {line-height: 1.7}
	
	.steps-tain .centa,.inner .centa {font-size: 1.1em;}
	.steps-tain h4 {font-size: 1.3em}
	.steps-tain.mtop {margin-top: 0}
	
	.steps-form form {margin: 0 auto 100px;padding: 30px;}
	.steps-form h3 {font-size: 1.4em; margin: 0 0 30px;}
	.steps-form input[type=submit] {font-size: 1.1em; padding: 10px}
    
    .single-post .steps-form form {margin: 15px -15px}
    .single-post .page-header {padding: 25px 15px 125px}
    .single-post .sing-logo {max-width: 180px}
	
	.pp_pic_holder.pp_default iframe {width: 100%; max-width: 500px; height: 200px}
	div.pp_default .pp_close {display: none!important}
	
	.reviews {margin: 50px auto 0}
	.reviews h3 {font-size: .9em;margin: 30px 0 25px}
	.reviews p {font-size: 1.2em}
	
	.guides {margin: 0 auto 100px}
	.guide {margin: 50px auto 0; padding: 30px;}
	.guide h4 {font-size: 1.4em}
	.guide img {margin: 0 auto 25px; max-width: 200px}
	.guide form {font-size: .9em}
	.guide input[type=submit] {width: 100%;border-radius: 0 0 3px 3px;border-width: 0 1px 1px;top:0; left:0}
	.guide input[type=email] {width: 100%; border-width: 1px 1px 0; border-radius: 3px 3px 0 0;}
	
	body #ss-widget-container .widget-btns, .reviews #ss-widget-container .ss-widget-load-more-btn {font-size: .9em}
	.reviews #ss-widget-container .ss-widget-rev { width: 100%; margin: 0 0 15px; font-size: .9em;}
	
	.afford h3 {font-size: 1em;margin: 0 0 50px}
	.afford h3 span {font-size: 2em}
	
		
	.vidz {padding: 75px 0 50px;}
	.vidz h3 {font-size: 1em;position: relative;z-index: 8;margin: 0 0 30px}
	.vidz iframe {height: 185px;margin: 0 auto 20px}
	.vidz i {font-size: 10em; top: 100px; left: 10px;}
	
	.types a {font-size: 1.4em}
	
	.info blockquote {padding: 40px; font-size: 1.2em}
	.info-calc .mcalc {margin: 0}
	
	.hblog h2 {font-size: 1em}
	.hblog h2 a span {font-size: 2.2em}
	.spost {width: 90%; max-width: 760px; margin: 0 auto 25px;}
	.advice {margin-top: -10px}
	
	
	/*LP*/
	.lp-head {padding: 130px 0}
	.lp-head h1 {font-size: 1.1em;margin: 0 0 20px}
	.lp-head .cta {font-size: 1.1em}
	.stars {max-width: 100px}
	.youtube-container {width:100%;margin: 0 auto 40px}
	.info .youtube-container .youtube-player {height: 150px}
	
	.info {padding: 80px 30px}
	.info h2 {font-size: 1em}
	.info h2 span {font-size: 3.5em}
	.info h3 {font-size: 1.5em}
	
	.calc h3 {font-size: 1.1em;margin: 0 0 50px}
	.calc h3 span {font-size: 1.9em}
	body .mcalc .mcalc-values {padding: 40px;margin-top: 15px;}
	.inner.calcs .mcalc-conventional {margin-top: -125px}
	.calcs h2.top-calc {font-size: 1.7em; padding: 75px 0px 30px;}
       
	/*Interior*/
    .page-template-default .page-header,.page-template-page-simple .simple-header {}
    .page-header .page-title {font-size: 2em}
	.page-header {font-size: .9em;padding:120px 15px;min-height:0}
	.page-header p {font-size: 1.2em; line-height: 1.7; font-weight: 400;}
    .inner article {padding: 40px 0px; margin-top: -125px;font-size: .9em}
	article .imgr {margin:0 auto 25px; float:none; display: block;max-width: 100%}
	
	.info-cta {font-size: 1.1em}
    
    .training h2 {font-size: 1.8em}
    .training a {width: 100%;}
    .training p {font-size: 1.2em;margin: 0 0 30px}

    /*Blog*/
	.blog-feed {}
    .blog-feed .hpost {padding:0px 30px 25px}
	.blog-feed .spost h3 {font-size: 1.2em; line-height: 1.3;}
	.blog-feed .hpost .small {margin:0 0 5px}
	.type-post #share-buttons {margin: 0 -25px}
	.type-post #share-buttons a {font-size: 1em;padding:0;}
	
	.related-posts h3 {font-size: 1em; padding:5px 20px}
	.related-posts h4 {font-size: 1.2em; margin: 0 0 30px}
    
    .serp-results {margin-top: 60px; max-width: 90%;}
    .serp-results .col-md-6 {margin:-100px -5% 150px}
    
    .single-post .page-title {font-size: 1.5em}
    .blog-post {margin-top: -100px}
    .blog-post article {padding: 0 25px 25px;}
    .blog-post article h2 {font-size: 1.6em}
	.blog-post p {font-size: 1em}
    
    .nroom-head {padding: 120px 15px 40px}
    
    /*Thank You*/
    .thanks {padding: 0; font-size: 1.2em;}
	
	/*Careers*/
	.cpage h3 {font-size: 1.4em; margin: 0 0 45px}
	.cpage h5 {line-height: 1.6;margin-bottom: 45px}
	.cpage iframe {height: 185px;margin: 0 auto 50px}
	
	.now-hiring {padding: 100px 0 90px; font-size: .9em;margin: 50px auto 175px}
	.now-hiring h5 {font-size: 2.8em}
	.now-hiring h6 {marign: 0 0 25px; }
	.now-hiring a {margin: 0 0 50px}
	
	/*Footer*/
	.careers {overflow-x: hidden;}
	.careers:before {top: 10%; left: -50%; width: 140%}
	.careers h4 {margin-top: 175px}
	.careers a {margin: 0 0 50px; display: block}
	.careers img {float:none; margin: 0 auto; display: block;}
	
    footer {}
	footer .col-md-5 {padding-left: 55px}
	footer h3 {margin: 35px 0 10px 40px;font-weight: 600 }
    footer li a {letter-spacing: 0}
	
	footer h5 {margin:0 0 15px 10px; max-width: 100%;font-size: .9em;line-height: 1.5;text-align: left}
	
	footer .fnav {padding: 0;margin: 0 0 0 10px; text-align: left;font-size: .9em; }
	
	.contact {overflow-y:scroll}
	.contact .row {margin: 0 auto;}
	.contact .cleft {border-radius: 0; margin: 0 auto}
	.contact .cright {padding: 50px;border-radius: 0}
	.contact .close {margin: 15px 15px 0 0;}
	.contact img {max-width: 190px}
	.contact .cbox {padding: 20px 30px;}
	.contact .cbox h5 {font-size: 1.1em}
	.contact p {font-size: 1em; margin: 50px 0;}
	.contact input[type=text], .contact input[type=email], .contact textarea {font-size: .9em;}
	.contact input[type=submit] {font-size: 1.1em}
	
	/*Support*/
	.support {padding: 5px}
    
    /*Sign Up*/
    .support .start {font-size: 1.1em}
    .support .ginput_container_radio li {width: 48%; margin-right: 2%!important; margin-bottom:0!important}
    .support .gform_wrapper .gfield_radio li label {width: 100%;height: 55px}
    .support .ginput_container_radio li img {padding: 15px;}
    .support .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {padding: 3px 8px;}
    .support .gform_wrapper ul li.gfield {margin-bottom: 30px;}
    
    /*Thank you*/
    .billing-note {padding: 30px 20px;font-size: .9em}
    .gform_wrapper .billing-note h3 {font-size: 1.2em}
	
	/*Search*/
	.eightb_smartsheet_search {margin: -75px 0 35px}
	.eightb_smartsheet_search input {margin: 0 15px 25px;width: calc(100% - 30px);padding: 15px}
	
	/*Landing Page*/
	.lp h1 {font-size: 2em; margin: 20px 0}
	.lp .hinfo {margin: 50px auto 0;}
	.lp .lp-form h3 {font-size: 1.6em;}
	.lp .lp-form input[type=submit] {font-size: 1.1em}
	
	.lp-light h1 {margin: 20px 0; font-size: 1.8em; line-height: 1.3}
	.lp-light {text-align: center; }
	.lp-light .temp-content img {max-width: 150px;display: block; margin: 0 auto 25px}
	.lp-light .hinfo h3 {text-align: center}
	.lp-light .lp-form input[type=submit] {font-size: .9em}
    
    /*Bulletproof*/
    .lp-bulletproof em {margin:0; font-size: 1em;}
    .lp-bulletproof h1 {margin:5px 0 15px; font-size: 1.1em;}
    .lp-bulletproof h1 span {font-size: 1.4em;}
    .lp-bulletproof iframe {height: 180px;}
    .lp-bulletproof .hiw h3 {font-size: 1.8em;margin: 20px 0;}
    .lp-bulletproof .hiw img {max-width: 125px;}
    .lp-bulletproof .hiw h4 {margin: 10px 0; font-size: 1.2em;}
    
    /*Experience*/
    .lp-experience {font-size: .8em}
    .lp-experience h2 {font-size: 3em;margin: 20px 0}
    .exp-top p {max-width: 100%}
    .exp-process h4 {margin: 20px 0}
    .exp-sec span {font-size: .7em}
    .exp-gen img {margin: 0 auto 25px}
    
    .exp-full {font-size: .8em}
    .exp-full img {max-width: 250px;}
    
    /*Why Template*/
    .page-template-page-lp-why .steps-top h1 {font-size: 1.4em}
    .page-template-page-lp-why .steps-top {background-size:500px!important;background-position: top center!important;}
    .page-template-page-lp-why .steps-top .tbox {padding: 30px; margin: 200px 0 30px;}
    .wphlf-box {padding: 30px 30px 5px; margin: 25px auto;}
    .wphlf-box h3 {font-size: 1.2em; margin: 0 0 25px;}
    .wphlf-box h3:after {height: 5px;}
    .wphlf-form input[type=submit] {width: calc(100% - 30px); margin: 0 0 20px 15px;}
    
    /*NEO Exp*/
    .neo-exp h1 {font-size: 3em}
    .neo-exp p {font-size: 1.3em}
    
    .mum {border-radius: 0}
    .mum-top h2 {font-size: 1.8em;margin: 0 0 20px}
    .mum-top p {font-size: 1.2em}
    .mum .nav-tabs .nav-item {display: block; max-width: 340px; margin: 0 auto 10px;text-align: left}
    .mum .nav-tabs .nav-item a {font-size: 1.1em;padding: 8px 20px;}
    .mum .nav-tabs .nav-link.active {border-radius: 5px;border-color:#ddd}
    .mum .nav-tabs .nav-item b {display: inline-block;margin: 0 8px 0 0;text-align: center}
    .mum .tab-content p {padding: 30px;}
    .mum .tab-content {border-radius: 0; border:0;}
    
    .exp-app-top h3 {font-size: 1.4em}
    .exp-app-top p {font-size: .9em}
    .exp-app img {max-width: 100%}
    .exp-dload a {margin: 0 auto 15px}
    
    .exp-con {background-size: 1200px; padding: 75px 0 15px}
    .exp-con h3,.exp-hbot h3,.exp-review h3 {font-size: 2em}
    .exp-con iframe {height: 180px; padding: 5px;}
    
    .exp-hbot p {font-size: 1.1em}
    .exp-hbot img {border-radius: 10px 10px 0 0}
    
    .exp-review img {max-width: 90%}
    
    /*Join Stuff*/
    .jus-top p {font-size: 1em}
    .jus-top a {display: block; max-width: 300px;margin: 0 auto 10px;text-align: center}
    .jus-top iframe {max-width: 300px; margin: 25px auto;display: block}
    .jbox img {max-width: 190%;   left: -20%;}
    .jrevs {margin: 0 auto}
    .jrevs h3 {font-size: 2em}
    .jrev {margin: 0 auto 130px}
    .seeking h3 {font-size: 1.6em}
    .jvids iframe {height: 210px}
    .jform h3 {font-size: 1.8em}
    
    .jrevs input[type=text],.jrevs input[type=email] {width: 47%; margin: 1%;}
    .jsix .jupimg {margin: -25px auto 0}
    
    /*Simple LP*/
    .simple-lp-content {margin: 15px auto 50px;padding: 20px;}
    .simple-lp .logo {max-width: 160px;}
    .simple-lp-content h1 {font-size: 1.6em;margin: 0 0 20px}
    .simple-lp-content .sform {margin: -20px -20px 20px;}
    .simple-lp-cta {font-size: 1.6em}
    .simple-lp-cta a {display: block}
    .simple-lp-content iframe {height: 190px;}
}

/*Flex*/
.flex-direction-nav a,.flex-direction-nav a:before{color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{padding:0;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider .slides{zoom:1}.flexslider .slides img{width:100%;display:block;height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:50px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:'Font Awesome 5 Free';font-weight: 800; font-size:2em;display:inline-block;content:'\f053'}.flex-direction-nav a.flex-next:before{content:'\f054'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;left:0;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}