/*
	Theme Name: LearnerVerified
	Theme URI: http://learnerverified.com
	Version: 1.0
	Author: Yardstick
*/




/*
general
******************************/
.side-c2a {
    position: fixed;
    background-color: #26d07c;
    z-index: 9999999;
    padding: 10px 15px 25px 15px;
    border-radius: 5px 5px 0 0;
    transform: rotate(90deg);
    left: -55px;
    top: calc(50vh - 20px);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    text-transform: uppercase;
}
.side-c2a a {
    color:#1d428a;
}
.side-c2a:hover {
    left:-50px;
    box-shadow:0 0 15px rgba(0,0,0,0.2);
}
.contact .side-c2a {
    display:none;
}
html, body {
	margin:0;
	padding:0;
	transition:0.3s;
    overflow-x:hidden !important;
}
a {
	text-decoration:none;
	transition-duration:0.3s;
}
a img {
	transition-duration:0.3s;
}
img {
	max-width:100%;
    position:relative;
}
.features .w-40 img {
    max-width: 50px;
}
.app .w-60 img {
    max-height: 800px;
}
.feature-bk {
    position: relative;
    width: 100%;
    height: 100%;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.blue-bg .s-1-2 .img-bk {
    margin: -100px 0;
    height: calc(100% + 200px);
}
.img-bk.sm {
	height:450px;
	margin-bottom:25px;
}
.intro .img-bk {
	position:static;
}
.intro .img-bk div {
    top: 0;
    left: auto;
    width: 100%;
    right: 0;
}
.home .intro .img-bk div {
	width:100%;
}
.app .img-bk,
.why .img-bk {
	color:white;
}
.app .img-bk h6,
.why .img-bk h6 {
	color:white;
}
.app .img-bk h6:after,
.why .img-bk h6:after {
	background-color:#fff;
}
.intro .img-bk:before {
    position: absolute;
    opacity: 0.8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    z-index: 5;
    background: -moz-linear-gradient(top, rgba(39,39,39,0) 0%, rgba(39,39,39,1) 100%);
    background: -webkit-linear-gradient(top, rgba(39,39,39,0) 0%,rgba(39,39,39,1) 100%); 
    background: linear-gradient(to bottom, rgba(39,39,39,0) 0%,rgba(39,39,39,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00272727', endColorstr='#272727',GradientType=0 );
}
.home .intro .img-bk:before {
	content:none;
}
span#scroll-to {
    position: absolute;
    width: 1px;
    height: 1px;
    top: -150px;
}
p a {
	color:#1d428a;
	border-bottom:2px solid #26d07c;
}
.app p a {
    border:0;
}
p a:hover {
	color:#9f9f9f;
	border-color:#9f9f9f;
}
.how_app {
    background-position: top right;
    background-repeat: no-repeat;
}
.how_app img {
    margin-top: -75px;
}
.blue-bg {
    background-color:#1d428a;
    padding:75px 0;
}
.grey-bg {
    background-color: #f0f0f0;
    padding: 150px 0;
    position: relative;
}
.above-footer-screen {
    max-height: 325px;
    overflow: hidden;
    margin-top: 50px;
}
.features .grey-bg {
    padding-bottom:0;
}
.why .grey-bg {
    padding:0;
}
.how-it-works .grey-bg {
    margin:50px 0 0;
}
.grey-bg-half:before {
    background-color: #efefef;
    position: absolute;
    left: 50%;
    width: 150%;
    height: 120%;
    top: -8%;
    content: " ";
}
.page-template-casestudy .grey-bg-half:before {
    max-height: 100%;
    top: 5%;
}
.page-id-487 .grey-bg-half:before {
    content:none;
}
.gradient-bg-half:before {
    background: #1d428a;
    background: -moz-linear-gradient(left, #1d428a 0%, #218583 57%, #26d07c 100%);
    background: -webkit-linear-gradient(left, #1d428a 0%,#218583 57%,#26d07c 100%);
    background: linear-gradient(to right, #1d428a 0%,#218583 57%,#26d07c 100%);
    position: absolute;
    left: 50%;
    width: 150%;
    height: 120%;
    top: -8%;
    content: " ";
}
.gradient-bg-half-rev:before {
    background: #1d428a;
    background: -moz-linear-gradient(left, #1d428a 0%, #218583 57%, #26d07c 100%);
    background: -webkit-linear-gradient(left, #1d428a 0%,#218583 57%,#26d07c 100%);
    background: linear-gradient(to right, #1d428a 0%,#218583 57%,#26d07c 100%);
    position: absolute;
    left: -100%;
    width: 150%;
    height: 120%;
    top: -8%;
    content: " ";
}
.gradient-bg-half, .gradient-bg-half-rev, .grey-bg-half {
    position: relative;
}
.green-bg {
	background-color:#26d07c;
	padding:75px 0;
	color:#fff;
}
.intro-desc {
    margin-top:-35px;
}
.center .intro-desc {
	margin:-35px auto 75px;
	max-width:700px;
}
.intro-desc p {
    margin: 5px 0;
    font-size: 19px;
}
.intro-desc a {
	text-decoration:none;
	border-bottom:2px solid;
	color:#26d07c;
}
.intro-desc a:hover {
	color:white;
}
.left-edge {
	margin-left:-25px;
}
.blog .intro a {
    color: #26d07c;
}
.blog .intro a:hover {
	color:#1d428a;
}
.blog .intro a {
    color: #26d07c;
}
html body hr {
    background-color: #cfcfcf;
    border: 0;
    margin: 50px 0 75px;
    height: 1px;
    width: 100%;
}
.contact .feature-text hr ,
.signup .feature-text hr {
    margin: 35px 0 25px;
}
hr.content-end {
    background: #26d07c;
    height: 5px;
    margin: 75px 0 0 0;
}
.pricing .content-end {
    background-color: #fff;
}
.pricing .gradient h4 {
    color: #fff;
    margin-top: 65px;
}
html body .gradient .rpt_style_basic .rpt_plan .rpt_title {
    color: #fff;
    font-size: 22px;
}
html body hr.l {
    margin:100px 0 150px;
}
img.shadow {
	box-shadow:0 15px 55px rgba(0,0,0,0.25);
	border-radius:10px;
}
.shadow {
    box-shadow:0 15px 45px rgba(0,0,0,0.1);
    border-radius:4px;
}
.shadow-lrg {
    box-shadow:25px 25px 75px rgba(0,0,0,0.15);
}
.shadow-lrg-left {
    box-shadow:-25px 25px 75px rgba(0,0,0,0.15);
}
.blue-bg img.shadow {
	box-shadow:0 15px 55px rgba(0,0,0,0.35);
}
img.neg-bot {
	margin-bottom:-225px;
}
.s-3-5:first-child img {
	right:0;
	left:-20%;
	max-width:105%;
}
.s-3-5 img {
	position:relative;
	right:-20%;
	max-width:105%;
}
.has-c2a p a,
.img-bk.app-client a {
    padding: 14px 55px;
    background-color: white;
    box-shadow: 0 0 6px rgba(22,32,32,.1), 0 3px 6px rgba(22,32,32,.15);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
    top: 25px;
    transition-duration: 0.3s;
}
.has-c2a p a:hover,
.img-bk.app-client a:hover {
    top:22px;
}
.home .pageWrap .w-30 h6 {
    margin-bottom:50px;
    color:#26d07c;
}
.box-shadow {
    border-bottom: 5px solid #1d428a;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    padding: 35px;
    border-radius: 0 0;
}
.gradient {
    position:relative;
    color: white;
    padding: 150px 0 175px;
    background: #1d428a;
    background: -moz-linear-gradient(left, #1d428a 0%, #218583 57%, #26d07c 100%);
    background: -webkit-linear-gradient(left, #1d428a 0%,#218583 57%,#26d07c 100%);
    background: linear-gradient(to right, #1d428a 0%,#218583 57%,#26d07c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d428a', endColorstr='#26d07c',GradientType=1 );
}
.how-it-works .gradient {
    padding-bottom: 0;
}
.contact .gradient,
.signup .gradient {
    padding-top: 75px;
}
.app .gradient {
    padding: 175px 0;
}
.app .intro .gradient {
    padding: 0;
    height: 100%;
}
.intro .gradient {
    margin: 0 35px;
}
.intro .gradient h1 {
    color:white;
}




/*
fonts
******************************/
.feature-text a,
.how-it-works .w-40 a {
    padding: 14px 55px;
    background-color: white;
    box-shadow: 0 0 6px rgba(22,32,32,.1), 0 3px 6px rgba(22,32,32,.15);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
    top: 25px;
    transition-duration:0.3s;
}
.app .feature-text a {
    padding: 0;
    background: none;
    box-shadow: 0 0;
    border: 0 !important;
    top:0 !important;
}
.feature-text a:hover,
.how-it-works .w-40 a:hover {
    top:22px;
}
.contact .feature-text a,
.request-a-demo .feature-text a ,
.signup .feature-text a {
    padding: 0;
    box-shadow: 0 0;
    background: transparent;
    top: 0;
    font-size: inherit;
    text-transform: none;
    font-weight:100;
    
}
.contact .feature-text a:hover,
.signup .feature-text a:hover {
    color:#9f9f9f;
}

canvas {
  display: block;
  vertical-align: bottom;
} /* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
} /* ---- stats.js ---- */
.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13e8e9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.js-count-particles {
  font-size: 1.1em;
}
#stats,
.count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}
#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.count-particles {
  border-radius: 0 0 3px 3px;
}
body {
    font-family: 'Lato', sans-serif;
    font-size:16px;
    color:#5f5f5f;
    line-height:1.6;
}
.font-l {
	font-size:20px;
}
h1 {
    color: #1d428a;
    font-size: 40px;
    line-height: 45px;
    
    font-weight: 100;
    margin: 20px 0 25px -2px;
}
.home .feature-text h1 {
    font-size: 45px;
    line-height: 55px;
}
.blog .feature-text h1 {
    margin-top: 45px !important;
}
h2 {
    color: #26d07c;
    font-size: 34px;
    line-height: 41px;
    
    font-weight: 100;
    margin: 50px 0 40px;
}
.gradient h2 {
    color: #fff;
}
h3 {
    font-size: 30px;
    font-weight: 100;
    line-height: 40px;
}
h4 {
    font-size: 25px;
    line-height: 1.4;
    font-weight: 400;
    color: #1d428a;
    position: relative;
}
.blue-bg h4 {
	color:#26d07c;
}
h5 {
    font-size: 28px;
    line-height: 1.4;
    font-weight: 100;
    color: #1d428a;
    position: relative;
    margin: 25px 0;
    letter-spacing: 1px;
}
.blue-bg {
	color:#fff;
    font-weight: 100;
    position: relative;
}
.checkmark {
    position: absolute;
    top: -100%;
    max-width: 1000px;
    right: -40%;
    opacity: 0.05;
}
.why .blue-bg .checkmark {
    right:auto;
    top:auto;
    left:-2.5%;
    bottom:-100px;
    opacity:0.15;
    max-width:850px;
}
.check_wrapper {
	position:relative;
}
.green-checkmark {
    position: absolute;
    left: -5%;
    top: -25%;
    max-width: 40%;
    z-index: -1;
}
.features .checkmark {
    top: -135px;
    right: 5%;
}
.blue-bg:after {
	height: 4px;
    background-color: #1d428a;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -10px;
    content: " ";
    z-index:-1;
}
.blue-bg h4 strong {
	color:#fff;
}
h4 strong {
	position: absolute;
    font-weight: 100;
    
    left: -45px;
    color: #26d07c;
}
.blue-bg h3 {
	color:white;
}
.icon-sm strong {
    font-size: 18px;
    font-weight: 400;
    color: #1d428a;
}
.why .icon-sm strong {
    font-size: 20px;
    color: #4f4f4f;
}
.gray-bk-3-4, .gray-bk-3-4-reverse, .green-bk-3-4 {
	position:relative;
}
.client-experience .gray-bk-3-4-reverse {
	margin-top:200px;
}
.gray-bk-3-4:before {
	position:absolute;
	background-color:#f0f0f0;
	height:115%;
	width:85%;
	top:-9%;
	left:0;
	content:" ";
	z-index:-1;
}
.green-bk-3-4:before {
	position:absolute;
	background-color:#26d07c;
	height:115%;
	width:85%;
	top:-9%;
	left:0;
	content:" ";
	z-index:-1;
}
.gray-bk-3-4-reverse:before {
	position:absolute;
	background-color:#f0f0f0;
	height:115%;
	width:75%;
	top:-9%;
	right:0;
	content:" ";
	z-index:-1;
}

.client-experience .gray-bk-3-4-reverse:after {
	position:absolute;
	background-color:#26d07c;
	height:10px;
	width:75%;
	top:-9%;
	right:0;
	content:" ";
	z-index:-1;
}




/*
shortcodes
******************************/
.wcp-content-wrap h3 a.rpc-title {
    color: white;
    
    font-weight: 100;
    font-size: 20px;
    line-height: 30px;
}
.wcp-content-wrap .wcp-post-contents {
    text-indent: -9999px;
}
.post-carousel-title {
	margin-left:57px;
}
.post-carousel h3 {
    color: #26d07c;
}
.blue-bg .post-carousel-title h6 {
	color:white;
}
.blue-bg .post-carousel-title h6:before {
	background-color:white;
}
html body .slick-dots {
    border-top: 2px solid #26d07c;
    left: 60px;
    width: calc(100% - 60px);
    bottom: -100px;
}
html body .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #26d07c;
}
html body .slick-dots li button:before {
	color:white;
	font-size:12px;
}
html body .slick-dots li {
    margin: 0;
}
html body .wcp-carousel-main-wrap .slick-track .wcp-post-contents a {
    position: relative;
    top: -15px;
    z-index: 99999;
    color: white;
    border-bottom: 2px solid #26d07c;
}
html body .su-spoiler-icon {
	display:none;
}
html body .su-spoiler-style-default.su-spoiler-closed > .su-spoiler-title {
    font-weight: 100;
    
    color:#7f7f7f;
}
html body .su-spoiler-style-default > .su-spoiler-title {
    padding: 0;
    font-size: 18px;
    
    font-weight: 400;
    color: #1d428a;
}
.w-30 .su-spoiler-content p {
    margin: 0;
}
html body .blue-bg .su-spoiler-style-default > .su-spoiler-title {
	color:#26d07c;
	font-size:22px;
}
html body .blue-bg .su-spoiler-style-default.su-spoiler-closed > .su-spoiler-title {
	color:#fff;
}
html body .su-spoiler-style-default > .su-spoiler-content {
    padding-left: 0;
}
html body .blue-bg .su-spoiler-style-default > .su-spoiler-content {
    color: #fff;
    
    font-weight: 100;
    border-bottom: 2px solid #fff;
    padding-bottom:35px;
    padding-top:0;
}
html body .blue-bg .su-spoiler-style-default.su-spoiler-closed > .su-spoiler-content {
    padding:0;
    border:0;
}
.contact-form {
    background-color: #fff;
    box-shadow: 0 15px 65px rgba(0,0,0,0.15);
    padding: 50px;
    float: left;
    width: calc(100% - 150px);
    border-top: 7px solid #26d07c;
    text-align: left;
    position: relative;
    z-index: 10;
    height:85%;
}
html body .wpforms-confirmation-container-full {
    background-color: transparent;
    border: 0;
    font-size: 23px;
    font-style: italic;
    font-weight: 300;
    color: #1d428a;
}
.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-label {
    color: #4f4f4f;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 6px;
}
.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
    color: #4f4f4f;
}
.intro-right div#rpt_pricr {
    max-width: 500px;
    margin: 0 10% -175px 0;
    position: relative;
    z-index: 50;
    float: right;
}
html body div#rpt_pricr, html body .rpt_2_plans .rpt_plan {
    box-shadow: 0 15px 55px rgba(0,0,0,0.15);
    border-radius: 10px;
}
.pageWrap-sm div#rpt_pricr {
    width: 500px;
    position:relative;
    z-index: 50;
    margin:0 auto;
}
.pricing .pageWrap-sm p {
    margin:0 auto;
    max-width:600px;
}
.pricing .gradient {
    margin-top: -60px;
}
html body .rpt_style_basic .rpt_plan .rpt_head {
    background: #fff;
    border-top: 0;
    padding: 25px 0;
}
html body .rpt_style_basic .rpt_plan .rpt_head .rpt_price .rpt_currency {
    top: -25px;
}
html body .rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence {
    color: #272727;
    font-weight: 900;
    
    font-size: 17px;
    padding-bottom: 0;
}
html body .rpt_style_basic .rpt_plan .rpt_title {
    background-color: #1d428a;
    border-bottom: 0;
    color: #26d07c;
    text-align: center !important;
}
html body .rpt_style_basic .rpt_plan .rpt_head .rpt_price {
    text-shadow: 0 0;
    color: #000;
}
html body .rpt_style_basic .rpt_plan .rpt_features .rpt_feature {
    font-size: inherit;
    border-bottom: 1px solid #cfcfcf;
    padding: 10px 16px;
}
html body .rpt_style_basic .rpt_plan .rpt_head .rpt_description {
    font-size: 16px;
    font-weight: 100;
    
    line-height: 1.6;
    color: #4f4f4f;
    max-width: 75%;
    margin: 0 auto;
}
html body .rpt_style_basic .rpt_plan .rpt_foot {
    background-color: #26d07c;
    color: white;
    padding: 12px 25px 10px;
    display: block;
    margin-top: -7px;
    position: relative;
    z-index: 1;
    border-radius:0 0 10px 10px;
    overflow:hidden;
}
html body .rpt_style_basic .rpt_plan .rpt_foot:hover {
	opacity:1.0;
}
html body .rpt_style_basic .rpt_plan .rpt_foot:after {
	border:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#26d07c;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
html body .rpt_style_basic .rpt_plan .rpt_foot:hover:after {
	width:0;
}
html body .rpt_style_basic .rpt_plan .rpt_foot:before {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#1d428a;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
html body .rpt_style_basic .rpt_plan .rpt_foot:hover:before {
	width:100%;
}





/*
frame
******************************/
.feature-col-wrap {
    border-bottom: 1px solid #26d07c;
    margin: 0 15px 25px;
    padding-bottom: 20px;
    width: calc(100% - 30px);
    text-align:center;
}
.signup strong {
    color:#1d428a;
    font-size:18px;
}
.feature-col-wrap img {
    max-width: 50px;
}
.mw-80 p {
    max-width:80%;
}
.centered {
    width:100%;
    text-align:center;
    position:relative;
}
.w-25 {
    width: 25%;
}
.w-30 {
    width: 30%;
}
.w-33 {
    width: 33.333%;
}
.w-40 {
    width: 40%;
    position:relative;
}
.w-50 {
    width: 50%;
    position:relative;
}
.w-60 {
    width: 60%;
    position:relative;
}
.w-70 {
    width: 70%;
}
.w-75 {
    width: 60%;
}
.pageWrap {
    width: 1350px;
    margin: 0 auto;
    position:relative;
}
.pageWrap-md {
    max-width: 1100px;
    margin: 0 auto;
}
.pageWrap-sm {
    width: 900px;
    margin: 0 auto;
    position:relative;
}
.pageWrap-xsm {
    width: 700px;
    margin: 0 auto;
    position:relative;
}
.white-frame {
    background-color: #fff;
    padding: 20px 35px 20px;
    margin: 25px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.25);
    color: #4f4f4f;
    border-radius: 4px;
}
.white-frame strong {
    color: #1d428a;
    font-size: 22px;
    font-weight: 100;
}
.white-frame img {
    margin: -36px -35px 10px -35px;
    max-width: calc(100% + 70px);
    border-radius: 4px 4px 0 0;
}
.pricing .pageWrap-sm.centered p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
}
body.pricing {
    background-image:url(img/lvicon_black.svg) no-repeat top right transparent;
}
.pad {
    padding:75px;
}
.pad-sm {
    padding:35px;
}
.signup .pad-sm img {
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
}
.pricing .pad {
    border-bottom:2px solid #26d07c;
    padding:75px 0;
    margin:0 75px;
}
.faq-title {
    margin:0 0 0 75px;
}
.pad-l {
    padding:100px;
}
.pad-xl {
    padding:125px 150px;
}
.app .w-50 .pad-xl {
    padding: 25vh 150px;
}
.pad-xxl {
    padding:200px;
}
.pad-left-l {
    padding-left:100px;
}
.pad-left-xl {
    padding-left:150px;
}
.pad-left {
    padding-left:75px;
}
.pad-right {
    padding-right:75px;
}
.pad-leftRight {
    padding-left:75px;
    padding-right:75px;
}
.pad-leftRight-xl {
    padding-left:125px;
    padding-right:125px;
}
.pad-left-xl {
    padding-left:150px;
}
.pad-right-xl {
    padding-right:150px;
}
.pad-leftRight-xl {
    padding-left:150px;
    padding-right:150px;
}
.p-col-2 {
    column-count:2;
    column-gap:75px;
}
.p-col-2 p {
    margin-top:0;
    margin-bottom:25px;
}
.icon-sm img {
    max-width:50px;
}
.icon-sm p {
    max-width:85%;
}
.img-bk {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.img-bk.neg-30 {
    margin-top:-30px;
}
.img-bk div {
    width: 100%;
    height: 100%;
    background-size: cover;
    display: block;
    position: absolute;
    background-position: bottom center;
}
.img-bk.cent-left div {
    background-position:center left;
}
.white-box {
    padding: 6% 7%;
    background-color: white;
    box-shadow: 0 25px 55px rgba(0,0,0,0.15);
    margin: 75px 0 0;
    color: #272727;
    border-bottom: 5px solid #1d428a;
    position: relative;
}
.white-box:before {
    width: calc(100% - 40px);
    height: calc(100% + 40px);
    border: 2px solid #26d07c;
    content: " ";
    position: absolute;
    top: -20px;
    left: 20px;
    z-index: 1;
}
.gradient .white-box:last-child {
    margin-bottom: -225px;
}
.features-intro-content {
    width: 20vw;
}
.features-col img {
    max-width: 55px;
}
.features-col strong {
    color: #1d428a;
    font-size: 21px;
    font-weight: 400;
    
    margin: 20px 0;
    display: block;
}
.container-blog {
    margin: 0 auto;
    max-width: 850px;
    position: relative;
    z-index: 25;
    font-size: 18px;
}
.intro .container-blog {
    padding: 17.5vh 0 7.5vh 0;
}
.clear {
	display:block;
	clear:both;
}
.space-sm {
    width:100%;
    margin:50px 0;
}
.space {
    width:100%;
    margin:100px 0;
}
.space-xl {
    width:100%;
    margin:200px 0;
}
.space-l {
    width:100%;
    margin:150px 0;
}
.spacer {
	display:block;
	clear:both;
	margin:125px 0;
}
.spacer-top-25 {
    margin-top:25px;
}
.spacer-neg-25 {
	margin-top:-25px;
}
.spacer-lrg {
    display:block;
    clear:both;
    margin:175px 0;
}
.spacer-xlrg {
    display:block;
    clear:both;
    margin:225px 0;
}
.spacer-md {
    display:block;
    clear:both;
    margin:75px 0;
}
.spacer-sm {
	display:block;
	clear:both;
	margin:50px 0;
}
.icon {
    position:relative;
}
.icon img {
    max-width: 40px;
    position: absolute;
    top: 18px;
    left: -10px;
}
.icon p {
    padding: 0 50px;
}
.feature-col img {
    max-width: 60px;
}
.feature-col {
    padding: 0 9%;
    margin: 9% -2.5%;
}
.feature-col p:last-child {
    max-width: 80%;
}
.s-2-5,
.intro-content {
	flex:0 0 calc(40% - 50px);
}
.s-3-5,
.intro-image {
	flex:0 0 calc(60% - 50px);
}
.ul-flex ul {
	flex:0 0 calc(33.333% - 100px);
	margin:;
}
.ul-flex > ul {
	margin:25px 50px 0px;
	padding:0 0 50px;
	border-bottom:2px solid #26d07c;
}
.ul-flex li {
	list-style:none;
}
.ul-flex li:first-child {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    color: #1d428a;
    position: relative;
    margin-bottom: 20px;
}




/*
header & nav
******************************/
.header {
    padding: 20px 20px 20px 25px;
    position: fixed;
    z-index: 150;
    top: 0;
    width: calc(100% - 45px);
    left: 0;
    transition-duration: 0.3s;
}
.contact-form h4 {
    margin-top:0;
}
html body.signup #PopupSignupForm_0,
html body.contact #PopupSignupForm_0 {
    display: none !important;
}
.logo {
    max-width: 225px;
}
.logo-col {
    display:none;
}
.pricing .logo-col,
.home .logo-col,
.contact .logo-col,
.privacy-policy .logo-col,
.error404 .logo-col,
.signup .logo-col,
.tracking .logo-col {
    display:block;
}
.pricing .logo-inv,
.home .logo-inv,
.contact .logo-inv,
.privacy-policy .logo-inv,
.error404 .logo-inv,
.signup .logo-inv,
.tracking .logo-inv {
    display:none;
}
nav.nav {
    position: absolute;
    right: 20px;
    top: 25px;
    text-align: right;
}
nav ul,
.footer-nav ul {
	margin:0;
	padding:0;
}
nav li, .footer-nav li {
    display: inline-block;
    margin: 0 12px;
    position: relative;
}
nav a {
    text-decoration: none;
    color: #1d428a;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.blog nav a,
.single.single-post nav a,
.home nav a {
    color:#fff;
}
.blog .nav-scroll nav a,
.single.single-post .nav-scroll nav a ,
.home .nav-scroll nav a {
    color:inherit;
}
nav a:after {
  content: "";
  border: 1px solid rgba(255, 255, 255, 0);
  display: block;
  width: 0;
  transition: .3s;
}
nav a:hover:after {
  border-color: #26d07c;
  width: 100%;
}
li.current-menu-item a:after {
  border-color: #26d07c;
  width: 100%;
}
li#menu-item-19 {
    float: right;
    margin-right: 0;
}
li#menu-item-19 a {
    background-color: #26d07c;
    color: white;
    padding: 5px 20px 5px;
    display: block;
    margin-top: -4px;
    position: relative;
    z-index: 1;
}
.nav-scroll li#menu-item-19 a {
    padding: 16px 20px 16px;
    margin-top: -15px;
    margin-right: -10px;
}
li#menu-item-19 a:after {
	border:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#26d07c;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
li#menu-item-19 a:hover:after {
	width:0;
}
li#menu-item-19 a:before {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#1d428a;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
li#menu-item-19 a:hover:before {
	width:100%;
}
.mobile-menu {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 35px;
    height: 19px;
    cursor: pointer;
    z-index: 999;
    display: none;
    transition-duration: 0.25s;
}
.mobile-menu.scrolling {
	position:fixed;
	top:22px;
	right:5%;
}
.bar, .bar:after, .bar:before {
    width: 35px;
    height: 3px;
}
.bar {
    position: relative;
    transform: translateY(8px);
    background: #26d07c;
    transition: all 0ms 300ms;
}
.bar.animate {
  background: rgba(255, 255, 255, 0);
}
.bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 8px;
  background: #26d07c;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: #26d07c;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
header .sub-menu {
    display: none;
    position: absolute;
    margin: 0;
    padding: 15px 0;
    width: 260px;
    left: 0;
    top: 45px;
    background-color: #fff;
    z-index: 5;
    transition-duration: 0s;
    box-shadow:0 2px 6px rgba(22,32,32,.05), 0 3px 8px rgba(22,32,32,.075);
}
header .sub-menu li {
    margin:0;
    display:block;
    text-align:left;
}
header .sub-menu a {
    display: block;
    padding: 6px 25px;
}
header .sub-menu a:hover {
	opacity:0.5;
}
header .sub-menu a:after {
	content:none;
}
.blog nav .sub-menu a,
.single.single-post nav .sub-menu a,
.home nav .sub-menu a {
    color:#1d428a;
}
.nav-scroll {
    background-color: #fff;
    box-shadow:0 5px 10px rgba(0,0,0,0.05)
}
.nav-scroll .logo {
    max-width: 175px;
}
div.logo {
    position:relative;
}
.nav-scroll .logo-col {
    display:block;
}
.nav-scroll .logo-inv {
    display:none;
}
.nav-scroll nav a {
    font-size: 14px;
}
.header {
    padding: 15px 0px 17px 20px;
    width: calc(100% - 20px);
}
.header * {
    transition-duration:0.3s;
}
.nav-scroll nav.nav {
    right: 10px;
    top:15px;
}




/*
footer
******************************/
footer {
	background-color:#26d07c;
	color:white;
	padding-top:100px;
	padding-bottom:100px;
    position:relative;
}
footer:before {
    height:3px;
    background-color:#fff;
    width:100%;
    position:absolute;
    top:5px;
    left:0;
    content:" ";
}
.footer-contact {
	display:inline-block;
	vertical-align:top;
}
.footer-contact p {
	margin:0 0 25px;
	font-size:22px;
    
}
.footer-contact a {
    
    display:block;
    color:#fff;
}
footer img {
	max-width:65px;
	display:inline-block;
	margin-right:65px;
}
.footer-action {
	position:absolute;
	top:0;
	right:0;
	color:#fff;
	padding:15px 65px;
	text-transform:uppercase;
	font-size:20px;
    z-index: 1;
}
.footer-action:hover {
	color:#1d428a;
}
.footer-action:after {
	border:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#1d428a;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
.footer-action:hover:after {
	width:0;
}
.footer-action:before {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#fff;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
.footer-action:hover:before {
	width:100%;
}
.footer-social {
	margin:0 0 0 132px;
	padding:0;
	display:inline-block;
}
.footer-social li {
	display:inline-block;
}
.footer-social .svg-inline--fa.fa-w-14 {
	width:35px;
	height:35px;
	color:#1d428a;
	transition-duration:0.3s;
}
.footer-social .svg-inline--fa.fa-w-14:hover {
	color:#fff;
}
.copyright {
    font-size: 12px;
    color: #1d428a;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: -6px;
    float: right;
}
.copyright a {
    border-bottom:2px solid;
}
.copyright a:hover {
    color:white;
    border-color:white;
}




/*
homepage
******************************/
.home .intro .feature-text .su-lightbox {
    position: relative;
    display: block;
    transition-duration: 0.3s;
    margin: 25px 0 0;
    font-size: 19px;
    font-weight: 300;
}
.home .intro .feature-text .su-lightbox:hover {
    opacity:0.5;
    cursor:pointer;
}
.home .intro .feature-text .su-lightbox img {
    display: inline-block;
    margin: 0 0 0 -10px;
}
.home .intro {
    position: relative;
    color: #4f4f4f;
    margin-bottom:100px;
}
.home .intro .feature-text p {
    font-size: 19px;
    font-weight: 300;
}
.home .intro .feature-image {
    background: #1d428a;
    background: -moz-linear-gradient(left, #1d428a 0%, #218583 57%, #26d07c 100%);
    background: -webkit-linear-gradient(left, #1d428a 0%,#218583 57%,#26d07c 100%);
    background: linear-gradient(to right, #1d428a 0%,#218583 57%,#26d07c 100%);
}
.home .intro .feature-image img {
    position: absolute;
    right: -125px;
    bottom: -2px;
    max-width: 65vw;
    width: 65vw;
}
.follow-up {
    max-width: 800px;
    margin:225px 0 175px 30%;
}
.follow-up p {
	max-width:600px;
}
.home .blue-bg {
	position:relative;
}
.home .blue-bg:before {
    background-color: white;
    height: 100%;
    width: calc(30% + 12.5px);
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
}
.tech-features h3 {
	margin-top:0;
}
html body .w-30 .su-accordion .su-spoiler {
    border-bottom: 2px solid #26d07c;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    transition-duration: 0.3s;
}
html body .w-30 .su-accordion .su-spoiler.su-spoiler-closed {
    border-color: #cfcfcf;
}
html body .w-30 .su-accordion .su-spoiler:hover {
    border-color: #26d07c;
}
html body .w-30 .su-accordion .su-spoiler:after {
    height: 2px;
    background-color: #26d07c;
    width: 100%;
    left: 100%;
    position: absolute;
    bottom: -2px;
    content: " ";
    transition-duration: 0.5s;
}
html body .w-30 .su-accordion .su-spoiler.su-spoiler-closed:after {
    width: 0;
}
.w-30 .su-accordion {
    margin-top: 40px;
}
.tab-image-switch {
    position: relative;
    width: 100%;
    height: 695px;
    margin-bottom: -30px;
}
.tab-image-switch img {
    float: right;
    box-shadow: 0 15px 75px rgba(0,0,0,0.15);
    opacity: 0;
    transition-duration: 0.3s;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 4px;
    z-index: 5;
    max-height: 100%;
}
.tab-image-switch img.tab-image-active {
	opacity:1.0;
}
.tech-features a {
	color:#fff;
	padding:15px 65px;
	text-transform:uppercase;
	position:relative;
    z-index: 1;
    top:35px;
    font-size:18px;
}
.tech-features a:hover {
	color:#1d428a;
}
.tech-features a:after {
	border:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#26d07c;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
.tech-features a:hover:after {
	width:0;
}
.tech-features a:before {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#fff;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
.tech-features a:hover:before {
	width:100%;
}
.client-list {
    margin: 175px 0 150px;
    font-size: 30px;
    color: #7f7f7f;
    font-weight: 100;
}
.client-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    justify-content: center;
}
.client-list li {
	list-style:none;
    margin:0 40px;
	filter:grayscale(100%);
	opacity:0.65;
}
.benefits .img-bk {
	margin-left:-25px;
}
.benefits .row > div {
    margin-bottom: -12.5px;
}
.benefits h2 {
	margin:0 0 10px;
}
.benefits strong {
	font-size:22px;
	color:#1d428a;
}
.benefits .box-padding {
	padding:25% 12.5% 37.5%;
	position:relative;
}
.benefits hr {
    background-color: #26d07c;
    width: 20px;
    height: 50%;
    margin: 0;
    position: absolute;
    top: 22%;
    border: 0;
    left: -85px;
}
.credential-app {
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 50px;
    margin: 0 0 25px;
    display: block;
    color:#fff;
    font-weight:300;
}
.credential-app ul {
	margin:30px 0 0;
	padding:0;
}
.credential-app li {
	list-style:none;
	border-bottom:1px solid #26d07c;
	margin-bottom:5px;
	padding-bottom:5px;
    
}
.credential-app img {
    margin: 0 auto;
    display: block;
}




/*
blog styles
******************************/
.blog .gradient {
    padding-bottom: 0;
    position:relative;
}
.blog .gradient:after {
    height: 2px;
    position: absolute;
    bottom: -5px;
    right: auto;
    left: 0;
    z-index: 10;
    width: 100%;
    content:" ";
    background: #1d428a;
    background: -moz-linear-gradient(left, #1d428a 0%, #218583 57%, #26d07c 100%);
    background: -webkit-linear-gradient(left, #1d428a 0%,#218583 57%,#26d07c 100%);
    background: linear-gradient(to right, #1d428a 0%,#218583 57%,#26d07c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d428a', endColorstr='#26d07c',GradientType=1 );
}
.blog .gradient .w-50 h1 {
    color: white;
    margin-top:50px;
}
.blog .gradient .w-50:first-child > * {
    max-width: 75%;
}
.blog .w-50 a.btn {
    padding: 14px 55px;
    background-color: white;
    box-shadow: 0 0 6px rgba(22,32,32,.1), 0 3px 6px rgba(22,32,32,.15);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
    top: 25px;
    transition-duration: 0.3s;
    border-bottom: 2px solid #26d07c;
    color:#1d428a;
}
.blog .w-50 a.btn:hover {
    top: 22px;
    color: #9f9f9f;
    border-color: #9f9f9f;
}
.w-50.blog-image {
    height: 50vh;
    min-height: 600px;
    margin-right: -7.5vw;
    width: calc(50% + 7.5vw);
}
.blog-image .bk {
    position: absolute;
    z-index: 50;
    top: 30px;
    box-shadow: 0 10px 65px rgba(0,0,0,0.15);
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.blog-posts {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.blog-posts.image-col {
    margin-top: 40px;
}
.image-col .date {
    position: absolute;
    left: 30px;
    bottom: 15px;
    font-size: 13px;
}
a.post-image {
    display: block;
    height: 200px;
    width: 100%;
    margin-bottom:25px;
    background-size: cover;
    background-position: center;
    margin-botom:;
}
.blog-posts li {
    list-style: none;
}
.blog-posts li:hover a {
	color:#fff;
}
.blog-sidebar-wrap {
    margin-left:75px;
}
ul.blog-categories {
    padding:0;
    margin:0 0 75px;
}
.blog-categories li {
    border-bottom:2px solid #f0f0f0;
    margin-bottom:15px;
    padding-bottom:15px;
	list-style:none;
    font-size:18px;
}
.blog-categories a {
	color:#1d428a;
    
    font-weight:100;
}
.blog-categories a:hover {
	color:#9f9f9f;
}
.container-blog h1 {
    text-align: center;
    margin-top: 125px;
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    text-shadow: 0 0 25px rgba(0,0,0,0.25);
}
.post-meta {
	border-top:2px solid #26d07c;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	display:block;
	margin:-35px 0 0;
	padding:15px 0 50px;
    color:#fff;
}
.single.single-post .post-meta {
    margin-top: 0px;
}
.post-meta a {
	color:#fff;
	border-bottom:2px solid;
}
.post-meta a:hover {
	color:#26d07c;
}
blockquote {
	margin:75px 0;
	font-size:35px;
    
    font-weight:100;
    color:#26d07c;
    border-bottom:1px solid #26d07c;
    border-top:5px solid #26d07c;
    padding:35px 0;
}
.container-blog h3 {
	margin-top:65px;
}
.next-prev-posts {
	text-align:center;
	border-top:1px solid #dfdfdf;
	font-size:28px;
    
    font-weight:100;
}
.next-prev-posts .s-1-2:first-child {
	position:relative;
}
.next-prev-posts .s-1-2:first-child:after {
	height:100%;
	width:1px;
	background-color:#dfdfdf;
	position:absolute;
	right:0;
	top:0;
	content:" ";
}
.row.next-prev-posts {
	margin:0;
}
.next-prev-posts .s-1-2 {
    margin: 0;
    flex: 0 0 50%;
    position:relative;
}
.next-prev-posts a {
    padding: 75px 50px;
    display: block;
    color:#1d428a;
    position:relative;
}
.next-prev-posts a:hover {
	background-color:#1d428a;
	color:#26d07c;
}
.next-prev-posts span {
    position: absolute;
    top: 20px;
    text-align: center;
    width: 100%;
    left: 0;
    font-size: 13px;
    text-transform: uppercase;
    z-index:100;
    transition-duration:0.3s;
}
.next-prev-posts div:hover span {
	color:#fff;
}




/*
general inner styles
******************************/
body.error404 .feature-image .bk {
    background-image:url(img/page-bg/bg-404.jpg);
    background-color:#f0f0f0;
}
body.error404 .intro {
    margin-bottom:0;
}
body.error404 .intro:after,
body.error404 .intro:before {
    content:none;
}
.app .feature-col-wrap {
    font-size: 18px;
}
.by-the-numbers svg.svg-inline--fa {
    font-size: 25px;
    display: block;
    color: #1d428a;
    margin: 5px 0 15px;
}
.features .by-the-numbers li {
    border-top: 0;
    width: calc(20% - 20px);
    text-align: center;
    border-bottom-width: 2px;
    margin: 0 10px;
}
.by-the-numbers svg.svg-inline--fa {
    font-size: 35px;
    display: block;
    color: #1d428a;
    margin: 5px auto 15px;
}
.by-the-numbers ul {
    margin:75px -25px 0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
}
.by-the-numbers li {
    width: calc(33.333% - 50px);
    margin: 0 25px -3px;
    list-style: none;
    border-bottom: 3px solid #26d07c;
    border-top: 3px solid #26d07c;
    padding: 15px 0 50px;
}
.by-the-numbers li strong {
    display:block;
    color:#26d07c;
    font-size:30px;
}
.in-the-news ul {
    margin:75px -25px 0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
}
.in-the-news li {
    width: calc(33.333% - 50px);
    margin: 0 25px -3px;
    list-style: none;
    border-bottom: 3px solid #26d07c;
    border-top: 3px solid #26d07c;
    padding: 15px 0 100px;
    font-size:20px;
    position:relative;
}
.in-the-news li a {
    color:#1d428a;
    border-bottom:2px solid #1d428a;
    font-size:16px;
    position:absolute;
    bottom:35px;
    left:0;
}
.by-the-numbers.icon-sm img {
    display: block;
    height: auto;
    max-width: 45px;
    margin: 15px 0;
}
.w-33.icon-sm {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.w-33.icon-sm:after {
    position: absolute;
    height: 3px;
    width: 90%;
    background-color: #26d07c;
    bottom: 0;
    left: 0;
    content: " ";
}
.pageWrap.image-col {
    width: auto;
    padding: 0 12.5vw;
    margin-bottom: 125px;
}
.image-col {
    margin-top:75px;
}
.image-col > div {
    position: relative;
    top:0;
    box-shadow:0 0;
    transition-duration:0.3s;
}
.image-col-wrap {
    margin:0 25px 25px 0;
    position: relative;
    padding: 25px 0 0;
    height: 350px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.blog-posts .image-col-wrap {
    height: 350px;
}
.image-col * {
    transition-duration:0.3s;
}
.image-col .img-bk {
    width: 100%;
    background-color: #1d428a;
}
.blog-posts.image-col > div:nth-child(2n) .img-bk {
    background-color:#26d07c;
}
.image-col .img-bk div {
    opacity: 0.5;
    filter: grayscale(100%);
}
.blog-posts.image-col .img-bk div {
    opacity:0.25;
}
.image-col > div:hover {
    top:-10px;
}
.image-col > div .image-col-wrap {
    box-shadow:0 22px 25px rgba(0,0,0,0.15);
}
.image-col > div:hover .img-bk div {
    opacity: 0.75;
    filter: grayscale(0%);
}
.image-col > div p em {
    color:white;
    border-color:#1d428a;
}
.image-col h5 {
    color: white;
    margin: 0 30px 0;
    max-width: 75%;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 400;
}
.blog-posts.image-col h5 {
    max-width: 75%;
    line-height: 1.35;
    color: #fff;
    font-size: 23px;
    text-shadow: 0 0 35px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.2);
}
.image-col .w-25 p, .image-col .w-33 p {
    position: absolute;
    bottom: -16px;
    left: 0;
    padding: 30px;
    background-color: #26d07c;
    width: calc(100% - 60px);
    color: white;
}
.image-col .w-25 p:last-child, .image-col .w-33 p:last-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 99%;
    width: 100%;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.image-col .w-25 p:last-child a, .image-col .w-33 p:last-child a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    border: 0;
}
.blog-posts.image-col a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    border: 0;
}
.image-col .w-25 p em, .image-col .w-33 p em {
    font-style:normal;
    border-bottom:2px solid white;
    color:#1d428a;
    padding-bottom:2px;
}
.case-studies {
    margin-top: 55px;
}
.why-news ul {
    margin:75px 0 0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
}
.why-news li {
    flex: 0 0 calc(33.333% - 70px);
    list-style: none;
    padding: 25px 25px 125px;
    margin: 0 20px 20px 0;
    position: relative;
    transition-duration: 0.3s;
    background-color: #26d07c;
    top: 0;
    border-bottom: 4px solid #26d07c;
    color: white;
    font-size: 20px;
    line-height:1.35;
}
.why-news li:hover {
    background-color: #26d07c;
    border-color: #26d07c;
    box-shadow: 0 10px 35px rgba(0,0,0,0.2);
    top: -10px;
}
.why-news li a {
    position:absolute;
    right:30px;
    bottom:30px;
    font-size:16px;
    color:#1d428a;
    border-bottom:2px solid #fff;
}
.why-news li a:hover {
    color:#fff;
}
span.date {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: #fff;
    display: block;
    margin-bottom: 15px;
}
.single-post span.date {
    display: inline;
    font-size: inherit;
    color:#fff;
}
.case-study-title {
    color: #fff;
    display: block;
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 400;
    
    line-height: 28px;
}
.case-study-block:hover .case-study-title,
.case-study-block:hover .date {
    color:#fff;
}
.case-study-more {
    color: #1d428a;
    position: absolute;
    bottom: 20px;
    right: 25px;
    border-bottom: 2px solid #1d428a;
}
.case-study-block:hover .case-study-more {
    color:#fff;
    border-color:#fff;
}
a.case-study-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
}
.fraud-list ul {
    margin: 50px auto 0;
    padding: 0;
    max-width: 650px;
}
.fraud-list li {
    list-style: none;
    border-bottom: 2px solid #26d07c;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.phone-bk {
    background-color: #26d07c;
    text-align: center;
    width: 100%;
    overflow: hidden;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center 50px;
}
.phone-bk.grey {
	background-color:#f0f0f0;
}
.phone-bk.blue {
	background-color:#1d428a;
}
.phone-bk img {
    margin: 50px auto 0;
    display: block;
    float: none !important;
}
.c2a {
    text-align: center;
    font-size: 40px;
    font-weight: 100;
    
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    padding:75px 0;
}
.gradient .c2a {
    border-bottom: 0;
    border-top: 0;
    padding: 0;
    margin: -60px 0 -45px;
}
.c2a.no-bord {
	border:0;
	padding:175px 0 125px;
}
.signup .c2a.no-bord {
    padding-top: 0;
}
.grey-bg .c2a.no-bord {
    padding: 100px 0 25px;
}
.c2a p {
	margin:0 0 15px;
}
.c2a a {
    color: white;
    padding: 14px 45px 16px;
    margin-top: -4px;
    position: relative;
    z-index: 1;
    font-size: 20px;
    border:0;
}
.c2a a:hover {
    color:white;
}
.c2a a:after {
    border:0;
    margin:0;
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#26d07c;
    transition-duration:0.4s;
    content:" ";
    z-index:-1;
}
.c2a a:hover:after {
    width:0;
}
.c2a a:before {
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#1d428a;
    transition-duration:0.4s;
    content:" ";
    z-index:-1;
}
.c2a a:hover:before {
    width:100%;
}
.img-with-bk {
    background-color: #26d07c;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.img-with-bk img {
    position: absolute;
    bottom: 0;
    width: 85%;
    right: 0;
    box-shadow: 0 15px 65px rgba(0,0,0,0.35);
    border-radius: 5px 0 0 0;
}
.post-carousel {
	overflow:hidden;
}
html body .wcp-carousel-main-wrap .post-style-1 .wcp-img-wrap {
	display:none !important;
}
.highlight-features {
	margin-top:200px;
}
.app .highlight-features {
	margin-top:-100px;
}
.highlight-features img,
.feature-icon img {
    max-width: 50px;
}
.highlight-features h5 {
	margin:25px 0 30px;
}
.how-it-works-features strong {
	font-size:22px;
	color:#1d428a;
    
	font-weight:400;
}
.s-1-2 ul {
    padding: 0;
    margin: 25px 0 35px;
}
.s-1-2 li {
    list-style:none;
}
.s-1-2 li img {
    max-width: 50px;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    top: 20px;
}
.learner-experience .intro-left p a,
.client-experience .intro-left p a {
    color: #fff;
    padding: 15px 65px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-size: 18px;
    border-bottom: 0;
    position: relative;
    top: -35px;
}
.learner-experience .intro-left a:hover,
.client-experience .intro-left a:hover {
	color:#1d428a;
}
.learner-experience .intro-left a:after,
.client-experience .intro-left a:after {
	border:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#26d07c;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
.learner-experience .intro-left a:hover:after,
.client-experience .intro-left a:hover:after {
	width:0;
}
.learner-experience .intro-left a:before,
.client-experience .intro-left a:before {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#fff;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
.learner-experience .intro-left a:hover:before,
.client-experience .intro-left a:hover:before {
	width:100%;
}
.intro-right img {
    margin-left: 5%;
    max-width:105%;
    margin-bottom: -200px;
    position: relative;
    z-index: 50;
    box-shadow: 0 15px 55px rgba(0,0,0,0.15);
    border-radius: 10px;
}
.intro.plain .intro-right img {
    box-shadow: 0 0;
    margin: 0 auto -350px;
    display: block;
}
.intro.plain .intro-desc p:first-child {
	margin-bottom:45px;
}
.intro.center img {
    position: relative;
    z-index: 50;
    box-shadow: 0 15px 55px rgba(0,0,0,0.15);
    border-radius: 10px;
    right: 0;
    max-width: 100%;
    margin: 0 auto -150px;
}
.intro.center ul {
	margin:175px 0 0;
	padding:0;
}
.intro.center .s-1-5:first-child ul {
	margin-right:7.5%;
}
.intro.center .s-1-5:last-child ul {
	margin-left:7.5%;
}
.intro.center li {
    text-align: left;
    display: block;
    list-style: none;
    border-bottom: 2px solid #26d07c;
    font-weight: 100;
    
    margin-bottom: 20px;
    padding-bottom: 20px;
    line-height: 25px;
    font-size: 20px;
}
.faq h2 {
	margin-bottom:65px;
}
.faq strong {
	font-size:18px;
}
.faq p {
	font-size:15px;
	border-bott
}
.faq hr {
	margin:45px 0;
	border:0;
	background-color:#26d07c;
	height:2px;
}
.faq .box-padding {
	padding-right:0;
	padding-top:0;
}
.support-callout {
    margin: 60px 0 -25px;
    font-size: 20px;
    font-weight: 100;
    
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 30px;
}
.support-callout a {
	color:#26d07c;
	border-bottom:2px solid;
}
.support-callout a:hover {
	color:#9f9f9f;
}
html body div.wpforms-container-full .wpforms-form button[type=submit] {
	color:#fff;
	text-transform:uppercase;
	position:relative;
    z-index: 1;
    font-size:18px;
    border: 0;
    font-size: 20px;
    padding: 10px 35px;
}
html body div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    border: 0;
}
html body div.wpforms-container-full .wpforms-form button[type=submit]:after {
	border:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#26d07c;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
html body div.wpforms-container-full .wpforms-form button[type=submit]:hover:after {
	width:0;
}
html body div.wpforms-container-full .wpforms-form button[type=submit]:before {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#1d428a;
	transition-duration:0.4s;
	content:" ";
	z-index:-1;
}
html body div.wpforms-container-full .wpforms-form button[type=submit]:hover:before {
	width:100%;
}




/*
page intro styles
******************************/
.contact .w-25 strong {
    font-size:18px;
    color:#272727;
}
.contact .svg-inline--fa {
    font-size: 40px;
    color: #26d07c;
}
.looking-for {
    font-size:25px;
    font-weight:300;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap:wrap;
}
.flex-c {
    align-items: center;
}
.flex.end {
    justify-content:flex-end;
}
.features-intro-content {
    width:20vw;
}
.intro {
    position: relative;
    width: 100vw;
    margin-bottom: 175px;
}
.intro.plain {
    margin: 75px 0 125px;
    background-color: #f0f0f0;
    padding: 125px 0;
}
.contact .intro,
.request-a-demo .intro,
.signup .intro {
    margin-bottom:100px;
}
.contact .intro,
.signup .intro {
    margin-top: 250px;
}
.intro:before {
    position: absolute;
    bottom: -5px;
    right: auto;
    left: -675px;
    z-index: 10;
    width: 1350px;
    margin-left: 50%;
    height: 2px;
    content: " ";
    background: #1d428a;
    background: -moz-linear-gradient(left, #1d428a 0%, #218583 57%, #26d07c 100%);
    background: -webkit-linear-gradient(left, #1d428a 0%,#218583 57%,#26d07c 100%);
    background: linear-gradient(to right, #1d428a 0%,#218583 57%,#26d07c 100%);
}
.intro:after {
    position: absolute;
    bottom: 0;
    right: auto;
    left: -675px;
    z-index: 10;
    width: 1350px;
    margin-left: 50%;
    height: 25px;
    content: " ";
    background: #1d428a;
    background: -moz-linear-gradient(left, #1d428a 0%, #218583 57%, #26d07c 100%);
    background: -webkit-linear-gradient(left, #1d428a 0%,#218583 57%,#26d07c 100%);
    background: linear-gradient(to right, #1d428a 0%,#218583 57%,#26d07c 100%);
}
.contact .intro:before,
.contact .intro:after,
.signup .intro:after,
.signup .intro:before {
    content:none;
}
.app .intro:before {
    background: #26d07c;
    background: -moz-linear-gradient(left, #26d07c 0%, #1d428a 100%);
    background: -webkit-linear-gradient(left, #26d07c 0%,#1d428a 100%);
    background: linear-gradient(to right, #26d07c 0%,#1d428a 100%);
}
.app .intro:after {
    background: #26d07c;
    background: -moz-linear-gradient(left, #26d07c 0%, #1d428a 100%);
    background: -webkit-linear-gradient(left, #26d07c 0%,#1d428a 100%);
    background: linear-gradient(to right, #26d07c 0%,#1d428a 100%);
}
.intro.bord-bot:after {
    height: 10px;
    width: 100vw;
    position: absolute;
    bottom: 100px;
    left: 12.5vw;
    content: " ";
    background-color: #26d07c;
    z-index: 50;
}
.contact .intro.plain,
.signup .intro.plain,
.pricing .intro.plain,
.request-a-demo .intro.plain {
    overflow:visible;
}
.feature-text {
    width: 25vw;
    max-width: 550px;
    position: relative;
    z-index: 50;
    margin-top: -30px;
    padding: 0 12.5vw;
}
.contact .feature-text p,
.signup .feature-text p {
    font-size: 18px;
}
.contact .feature-text strong,
.signup .feature-text strong {
    color: #26d07c;
    font-weight: 400;
}
.home .feature-text {
    margin-top: 30px;
}
.pricing .feature-text {
    margin-top:0;
}
.contact .intro.plain .feature-text,
.pricing .intro.plain .feature-text,
.signup .intro.plain .feature-text,
.request-a-demo .intro.plain .feature-text {
    padding-right: 0;
}
.feature-text p:last-child {
    margin-bottom: 0;
}
.intro .feature-image {
    width: 50vw;
    height: 100vh;
    text-align: center;
    position: relative;
    z-index: 5;
}
.contact .intro .feature-image,
.signup .intro .feature-image {
    height: auto;
    text-align: left;
}
.pricing .intro .feature-image {
    background-color: #f0f0f0;
    max-height: 75vh;
}
.pricing .intro {
    margin-bottom: 0;
}
.blog .intro .feature-image {
    height: 75vh;
}
.intro.plain .feature-image {
    box-shadow: 0 0;
    height: 90vh;
    max-height: 900px;
}
.contact .intro.plain .feature-image,
.pricing .intro.plain .feature-image,
.signup .intro.plain .feature-image,
.request-a-demo .intro.plain .feature-image {
    width: 50%;
    max-height: 800px;
}
.feature-image .bk {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.intro.plain .feature-image img {
    position: relative;
    top: 80px;
    float: right;
    margin-right: 75px;
    min-height: 110%;
}
.intro.center {
    text-align: center;
}
/*.intro:after {
    height: 335px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -300px;
    content: " ";
    background: #1d428a;
    background: -moz-linear-gradient(-45deg, #25c37d 40%, #1d428a 98%);
    background: -webkit-linear-gradient(-45deg, #25c37d 40%,#1d428a 98%);
    background: linear-gradient(135deg, #25c37d 40%,#1d428a 98%);
    z-index: -1;
}*/
.intro .page-title {
    font-size: 16px;
    letter-spacing: 1px;
    color: #26d07c;
    display: block;
    text-transform: lowercase;
    position:relative;
}
.blog .intro .page-title {
    margin-top: -100px;
}
.intro .page-title-big {
    font-size: 225px;
    line-height: 100px;
    letter-spacing: 1px;
    color: rgba(0,0,0,0.05);
    display: block;
    text-transform: lowercase;
    position: relative;
    font-weight: bold;
    letter-spacing: -7px;
    position: absolute;
    left: 5%;
    bottom: 90%;
}
.intro .page-title:after {
    display: inline-block;
    height: 1px;
    width: 40px;
    background-color: #26d07c;
    margin-left: 15px;
    content: " ";
    position: relative;
    top: -4px;
}
h6 {
    font-size: 14px;
    letter-spacing: 4px;
    color: #1d428a;
    margin-top: 0;
    display: block;
    text-transform: lowercase;
    position: relative;
    margin-bottom: -30px;
    font-variant-ligatures: none;
}
.features .w-40 h6 {
    color: #26d07c;
    margin-bottom:0;
}
.gradient h6 {
    color:#26d07c;
}
.gradient h6:after {
    background-color:#26d07c;
}
.blue-bg h2 {
	color:#fff;
}
.blue-bg h6 {
	color:#26d07c;
}
.blue-bg h6:after {
	background-color:#26d07c;
}
.intro.center .page-title {
    margin-top: 0;
}




/*
responsive shit
******************************/
@media only screen and (max-width:1500px) {
    .feature-text {
        width: 30vw;
        padding-left: 10vw;
        padding-right: 10vw;
        margin-top: -5%;
    }
    .pageWrap {
        width: auto;
        margin: 0 7.5%;
    }
    .intro.bord-bot:after {
        left: 10vw;
        bottom: 50px;
    }
    .w-60.centered img {
        max-width: 65%;
    }
    .rpt_style_basic .rpt_plan .rpt_title {
        font-size: 20px;
    }
    .blog .pageWrap {
        padding: 0 10vw;
        margin: 0;
    }
    .blog-posts .image-col-wrap {
        height: 350px;
    }
    .home .intro .feature-text p, .home .intro .feature-text .su-lightbox {
        font-size: 19px;
    }
    .home .intro .feature-text .su-lightbox {
        margin: 20px 0 40px;
    }
}
@media only screen and (max-width:1300px) {
    nav.nav {
        width: auto;
        right: 0;
        left: auto;
    }
    nav a {
        letter-spacing:1px;
    }
    li#menu-item-25 {
        float: none;
    }
}
@media only screen and (max-width:1200px) {
	.mobile-menu {
		display:block;
	}
	nav.nav {
		position:fixed;
		top:0;
		left:-100vw;
		width:100vw;
		height:100vh;
		background-color:#1d428a;
		margin-top:0;
		display:table;
		transition-duration:0.5s;
		pointer-events:none;
		z-index:999;
	}
    nav.nav.mobile-nav-open {
        left: 0;
        pointer-events: auto;
        top: 0;
    }
	nav.nav ul {
		display:table-cell;
		vertical-align:middle;
		padding-left:7.5%;
		opacity:0;
	}
	nav.nav ul.nav-ul-show {
		opacity:1;
		transition-duration:0.5s;
	}
    nav.nav li {
        display: block;
        margin: 0 40px 5px 0;
    }
    nav.nav a {
        font-size: 25px;
        font-weight: 100;
        color: #fff !important;
        text-transform: none;
        text-align: right;
        padding: 0;
    }
	nav.nav a:hover {
		color:rgba(255,255,255,0.4);
	}
	nav.nav a:after,
	nav.nav .current-menu-item a:after,
	nav.nav a:hover:after {
		content:none !important;
	}
	nav.nav .current-menu-item a {
		color:#26d07c;
	}
    li#menu-item-19 {
        float: none;
        margin-right: 40px;
    }
    li#menu-item-19 a {
        margin-top: 0;
        padding: 0;
        display: inline-block;
        background-color: transparent;
        color: #26d07c !important;
        font-weight: 700;
    }
    nav.nav ul ul li {
        margin-right: 0;
    }
    header ul.sub-menu {
        display: block !important;
        position: static;
        text-align: right;
        background-color: transparent;
        box-shadow: 0 0;
        width: auto;
        margin: 0;
        padding: 0;
    }
    .w-30 {
        width:35%;
    }
    .w-70 {
        width:65%;
    }
    .pad-leftRight {
        padding-left: 50px;
        padding-right: 50px;
    }
    .feature-text a, .how-it-works .w-40 a {
        padding: 12px 20px;
    }
    .app .w-50 .pad-xl {
        padding: 20vh 100px;
    }
    .contact-form {
        width: calc(100% - 70px);
        padding: 35px;
    }
    .w-50 .w-50 {
        width: 100%;
    }
    .w-33 {
        width: 50%;
    }
    .pad-xl {
        padding: 100px 100px;
    }
    .pad-l {
        padding: 75px;
    }
}
@media only screen and (max-width:1000px) {
    .pageWrap-sm {
        width: auto;
    }
    .pad-leftRight {
        padding-left: 0px;
        padding-right: 0px;
    }
    .space {
        margin: 25px;
    }
    .w-25 {
        width:50%;
    }
    .w-60, .w-40, .w-70, .w-50, .w-30 {
        width: 100%;
    }
    .wrapper {
        text-align: center;
        margin: 0 5%;
    }
    .intro .page-title {
        font-size: 14px;
    }
    .pad-left-l {
        padding-left: 0;
    }
    .case-studies {
        margin: 75px -45px 0 -30px;
    }
    h1 {
        font-size: 32px;
        line-height: 37px;
    }
    .feature-text {
        width: calc(100% - 10%);
        padding-left: 0;
        padding-right: 0;
    }
    .intro .feature-image {
        width: 110%;
        height: 75vw;
        margin: 54px 0 75px;
    }
    .feature-text {
        width: 85vw;
        padding-right: 7.5vw;
        padding-left: 7.5vw;
        max-width: inherit;
    }
    .intro:after {
        bottom: auto;
        top: calc(75vw - -40px);
    }
    .intro:before {
        content:none;
    }
    .c2a {
        font-size: 25px;
    }
    .c2a a {
        display: block;
        margin-bottom: 10px;
        margin: 0 35px 10px;
        padding: 10px 35px 12px;
        font-size: 18px;
    }
    .above-footer-screen {
        display:none;
    }
    .pad-left {
        padding-left:0;
    }
    footer {
        text-align: center;
        padding: 70px 0 40px;
        margin: 0 -5%;
    }
    footer img {
        max-width: 35px;
        display: block;
        margin: 0 auto 15px;
    }
    .footer-contact {
        display: block;
    }
    .footer-contact p {
        font-size: 17px;
    }
    .image-col .w-25, .image-col .image-col-wrap {
        width: 100%;
        margin-bottom: 25px;
        overflow: hidden;
    }
    .footer-nav, .footer-action {
        display:none;
    }
    .grey-bg {
        margin: 0 -5%;
        padding:50px 25px;
    }
    .intro {
        width: auto;
        margin:0 -20px 125px;
    }
    .app .w-50 .pad-xl {
        padding: 0 5vw;
    }
    .pad-right {
        padding-right: 0;
    }
    .img-bk {
        height: 50vh;
        position: relative;
        margin-bottom: 50px;
    }
    .single.single-post .img-bk {
        height: 100%;
        position: absolute;
        left: -5%;
        width:105%;
    }
    .image-col-wrap .img-bk {
        position: absolute;
        height: 100%;
    }
    .pad-xl {
        padding: 35px;
    }
    .icon-sm p {
        max-width: 100%;
    }
    h2, h6 {
        text-align:center !important;
    }
    .p-col-2 {
        column-count: 1;
        column-gap: 0;
    }
    p {
        text-align:center !important;
    }
    .gradient-bg-half:before {
        content:none;
    }
    .case-study-title {
        font-size: 20px;
        line-height: 26px;
    }
    .grey-bg h6:first-child {
        padding-top: 75px;
    }
    .spacer {
        margin: 75px 0;
    }
    .w-60.centered img {
        margin-top: 75px;
        max-width: 100%;
    }
    .c2a.no-bord, .grey-bg .c2a.no-bord {
        padding: 100px 0;
    }
    .w-60.gradient-bg-half-rev, .w-60.gradient-bg-half {
        margin: 25px 0;
    }
    .pageWrap-sm div#rpt_pricr {
        width: 100%;
        margin-top: 50px;
    }
    .faq-title {
        margin: 0;
    }
    .pricing .pad {
        margin: 0;
        padding: 25px 0;
    }
    .contact-form {
        position: static;
        top: 0;
        width: 100%;
        display: block;
        float: none;
        margin-bottom: 75px;
    }
    .pricing .gradient {
        margin-top: 50px;
        padding: 50px 0;
    }
    .pricing div .rpt_plan:nth-child(2) {
        margin-bottom: 75px !important;
    }
    .space-l {
        margin: 75px 0;
    }
    .contact .w-25 {
        width: 100%;
        margin: 0 0 35px;
    }
    html body hr {
        margin: 15px 0 50px;
    }
    .contact hr,
    .signup hr {
        display: none;
    }
    .blog-posts .w-33 {
        width: 100%;
    }
    .image-col .date {
        width: calc(100% - 60px);
        text-align: center;
    }
    .blog-sidebar-wrap {
        margin: 50px 0 0;
    }
    .blog .gradient .blog-image {
        display: none;
    }
    .blog .gradient {
        padding-bottom: 100px;
        margin:0 -20px;
    }
    .blog .gradient .w-50:first-child > * {
        max-width: 100%;
    }
    .container-blog h1 {
        font-size: 35px;
        margin: 0 35px;
        line-height: 40px;
    }
    .single.single-post .post-meta {
        margin: 35px 35px -15px;
        padding-bottom: 0;
        font-size: 12px;
    }
    .single.single-post .intro:after {
        top: auto;
        bottom: -25px;
    }
    .home .feature-text {
        margin-top: 150px;
    }
    .home .feature-text h1 {
        font-size: 40px;
    }
    .home .intro:after {
        top: auto;
        bottom: 0;
    }
    .home .feature-image .bk, .home .intro .feature-image {
        background: none !important;
        background-image: none !important;
    }
    .home .intro .feature-image img, .home .intro .feature-image {
        display:none;
    }
    .home .intro:after {
        content:none;
    }
    .client-list li img {
        max-width: 150px;
        margin-bottom: 25px;
    }
    .client-list {
        margin: 75px 0;
    }
    .pad-l {
        padding: 25px 0;
    }
    .credential-app img {
        margin-top: 75px;
        max-width: 150%;
        left: -25%;
    }
    .tab-image-switch {
        display: none;
    }
    html body .w-30 .su-accordion .su-spoiler:after {
        content:none;
    }
    hr.content-end {
        display:none;
    }
    .credential-app {
        background:none !important;
        color:#272727;
    }
    .how_app {
        background: none !important;
        margin-top: 50px;
    }
    .space-sm {
        margin: 10px 0;
    }
    .intro .feature-image:before {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        content:" ";
        opacity:0.75;
        background: -moz-linear-gradient(top, rgba(39,39,39,1) 0%, rgba(39,39,39,1) 1%, rgba(39,39,39,0) 100%);
        background: -webkit-linear-gradient(top, rgba(39,39,39,1) 0%,rgba(39,39,39,1) 1%,rgba(39,39,39,0) 100%);
        background: linear-gradient(to bottom, rgba(39,39,39,1) 0%,rgba(39,39,39,1) 1%,rgba(39,39,39,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#00272727',GradientType=0 );
    }
    .case-study-block {
        padding: 10px 10px 125px;
        margin: 0 10px 0px 0;
        height: calc(100% - 148px);
    }
    .case-study-more {
        text-align: center;
        width: calc(100% - 40px);
        right: 20px;
    }
    .logo-inv {
        display:none !important;
    }
    .logo-col {
        display:block !important;
    }
    .logo {
        max-width: 175px;
    }
    .mobile-menu.scrolling {
        top: 20px;
        right: 20px;
    }
    header {
        background-color: #fff;
        box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    }
    .why-news li {
        flex: 0 0 calc(100% - 50px);
    }
    .by-the-numbers li {
        width: calc(50% - 50px);
        padding: 20px 0;
    }
    .features .by-the-numbers li {
        width:calc(50% - 20px);
    }
    .by-the-numbers li svg {
        margin:0 auto;
        display:block;
    }
    .by-the-numbers.icon-sm img {
        margin:0 auto;
    }
    .pageWrap-xsm {
        width: auto;
    }
    .in-the-news li {
        width: calc(100% - 50px);
        text-align: center;
        border: 0;
        background-color: #f0f0f0;
        margin: 0 25px 15px;
        padding: 30px;
    }
    .in-the-news li a {
        border: 0;
        position: static;
        display: block;
        margin: 10px 0 0 0;
        font-weight: 700;
    }
    .has-c2a p a, .img-bk.app-client a {
        padding: 14px 25px;
        font-size:14px;
    }
    .feature-text a {
        display:none;
    }
    .contact .feature-text a,
    .signup .feature-text a {
        display: block;
        border: 0;
    }
    .why-news h6 {
        margin-top:50px;
    }
    .in-the-news h6 {
        margin-top:75px;
    }
    html body hr.l {
        margin: -25px 0 100px;
    }
    .contact .gradient-bg-half:before,
    .signup .gradient-bg-half:before {
        content:none !important;
    }
    .contact-form {
        width: calc(100% - 70px);
        padding: 35px;
        max-width: 650px;
        margin: 0 auto;
        box-shadow:0 0;
    }
    .contact .intro,
    .signup .intro {
        margin-top: 175px;
        margin-bottom: 0;
    }
    .contact .intro .feature-image,
    .signup .intro .feature-image {
        margin-bottom: 0;
    }
    .copyright {
        float:none;
    }
    .footer-social {
        margin:0;
    }
    .home .intro {
        margin-bottom: 0;
    }
    .space-xl {
        margin: 100px 0;
    }
}