/*==================================================
 Universal Styles
 ==================================================*/
html, body {
	font-family: Lato;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.33;
	letter-spacing: 0.4px;
	color: #2a2f36;
	overflow-x: hidden !important;
}

.container {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

.container--overflow-y-fix {
	overflow-y: hidden !important;
}

.cta-link {
	font-family: Lato;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	color: #5BC45E;
}

.cta-link:hover {
	color: #5BC45E;
}

.refersion__btn {
	font-weight: 700;
	font-family: Lato;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	padding: 12px 26px;
	background-color: #5BC45E;
	border: 1px solid #5BC45E;
	color: #fff;
	top: 0;
}

.refersion__btn:hover,
.refersion__btn:active,
.refersion__btn:focus,
.refersion__btn:active:focus,
.refersion__btn:active:hover {
	color: white;
	background-color: #5BC45E;
	border: 1px solid #5BC45E;
}

.container-overflow-visible-reset {
	overflow: visible !important;
}

.secondary-container {
	padding: 48px 0;
	background-color:  #ECF0F6;
}

.refersion-link {
	font-family: Lato;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	color: #5BC45E;
}

.refersion-link:hover {
	text-decoration: underline;
}

/*==================================================
 Header Nav
 ==================================================*/
#nav-header-container {
	background-color: #2A2F36;
	padding-bottom: 10px;
	padding-top: 10px;
	/*transition: all 0.5s ease-in-out;*/
}

#nav-header-container.navbar-lg {
	/*height: 106px;*/
}

#nav-header-container.navbar-sm {
	height: 85px;
}

#nav-header-container > .container-fluid {
	overflow:hidden;
	line-height: 2;
	margin: 0px 35px;
}

#nav-header-container.navbar-lg > .container-fluid {
	transition: all 0.65s ease-in-out;
	/*margin-top: 10px;*/
}

#nav-header-container.navbar-sm > .container-fluid {
	transition: all 0.65s ease-in-out;
	margin-top: 0px;
}


#nav-header {
	display: inline-block;
	margin-top: 2px;
}

#nav-header button {
	font-size: 22px;
}

#nav-header button.offcanvas-toggle {
	top: -12px;
	left: -15px;
	padding: 0px;
	margin: 14px 8px 0px 26px;
	float: left;
}

#nav-header button.navbar-toggle > img {
	width: 20px;
	height: 16px;
	margin-top: -19px;
}

#nav-header-container #navbar-brand {
	padding-top: 0;
	height: 32px;
}

#nav-header-container .navbar-offcanvas {
	line-height: 3;
}

.navbar {
	margin-bottom: 0px;
}

.navbar-brand {
	padding: 8px 0px 0px 16px;
}
.navbar-brand>img {
	margin-top: -10px;
	height: 20px;
	line-height: 50px;
	display: inline-block;
	margin-top: 3px;
}

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}

.navbar-nav.navbar-left ul::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #000;
	/*transition: width .3s;*/
}

.navbar-default .navbar-nav>li {
	position: static;
}

.navbar-default .navbar-nav>li>span,
.navbar-default .navbar-nav>li>a {
	font-family: Lato;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	line-height: 12px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
}

.navbar-default .navbar-nav>li>a:visited,
.navbar-default .navbar-nav>li>a:focus {
  color: #fff;
}

.navbar-default .navbar-nav>li>a.green,
.navbar-default .navbar-nav>li>a.green:hover {
	color: #5bc45e;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #2A2F36;
	color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
}

.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li>a:not(.no-hover):hover {
	font-family: Lato;
	color: #E5E5E5;
	padding-bottom: 3px;
	border-bottom: 2px solid #96dd45;
}

.navbar-default .navbar-nav>li>a.btn.button {
	color: #fff;
	background-color: #5bc45e;
	border-color: #5bc45e;
	margin: 0px;
	margin-bottom: 12px;
}

.navbar-default .navbar-nav>li>a.btn.link {
	color: #5bc45e;
	margin-bottom: 12px;
}

#navbar-right ul li.cta:last-child {
	position: relative;
	height: 52px;
}

#navbar-right ul li.cta:last-child a:last-child {
	position: relative;
	top: 1px;
}

#navbar-right .navbar-nav>li>.dropdown-menu {
	top: 86px;
	border-radius: 5px;
	border: 1px solid #d8d8d8;
	right: auto !important;
	margin-top: -10px;
	transform: translate(-35%, 0) !important;
	padding: 15px 26px;
	box-shadow: 0 6px 12px rgba(0,0,0,.095);
}

#navbar-right .navbar-nav .dropdown-menu>li {
	padding-top: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid #d8d8d8;
}

#navbar-right .navbar-nav .dropdown-menu>li:last-child {
	border-bottom: none;
}

#navbar-right .navbar-nav .dropdown-menu>li a {
	color: #909AA8;
	font-weight: 400;
	padding: 0px;
}

#navbar-right .navbar-nav .dropdown-menu>li.green>a {
	color: #5bc45e;
}

.navbar-default .navbar-toggle {
	border: none;
	margin-right: 0px;
}

.navbar-left {
	margin-left: 20px;
}

#nav-header .navbar-nav>li>.dropdown-menu {
	top: 90px;
	border-radius: 5px;
	border: 1px solid #d8d8d8;
	left: 218px;
	margin-top: -10px;
	transform: translate(-35%, 0) !important;
	padding: 1px 12px;
	box-shadow: 0 6px 12px rgba(0,0,0,.095);
	font-size: 12px;
	color: #8B9AAB;

}

#nav-header .navbar-nav .dropdown-menu>li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8d8d8;
	color: #8B9AAB;
}

#nav-header .navbar-nav .dropdown-menu>li:last-child {
	border-bottom: none;
}

#nav-header .navbar-nav .dropdown-menu>li a {
	color: #909AA8;
	font-weight: 700;
	padding: 0px;
}

#nav-header .navbar-nav .dropdown-menu>li.green>a {
	color: #5bc45e;
}

.dropdown-toggle {
	cursor: pointer;
}

#navbar-left > ul {
	transition: all 0.5s ease-in-out;
}

#navbar-right > ul {
	transition: all 0.5s ease-in-out;
}

#navbar-left > ul.slideUp,
#navbar-right > ul.slideUp {
	/*transform: translateY(-56px);*/
}


#navbar-right li span,
#navbar-right li a {
	font-weight: 400;
}

#navbar-right > ul > li:last-child{
	margin-top: 2px;
}

#cta2 {
	margin: 4px 0px 0px 0px;
	padding: 14px 26px;
	font-weight: 400;
	line-height: 15px;
}

.navbar-offcanvas.offcanvas-transform.in {
	background-color: #2A2F36;
	margin-bottom: 0px;
}
.navbar-offcanvas.offcanvas-transform.in .navbar-nav {
	float: none;
}
.navbar-offcanvas.offcanvas-transform.in > ul {
	margin-bottom: 0px;
	position: relative;
}

#close-menu {
	text-align: left;
	color: #fff;
	padding-top: 0px;
	padding-left: 20px;
	font-size: 20px;
	border: none;
	background-color: transparent;
	position: absolute;
	top: -5px;
	left: -10px;
}

#close-menu img {
	height: auto;
	width: auto;
	max-width: 18px;
	max-height: 18px;
}

.navbar-offcanvas.offcanvas-transform::-webkit-scrollbar,
.navbar-offcanvas.offcanvas-transform.in::-webkit-scrollbar {
	display: none;
}

.navbar-offcanvas.offcanvas-transform a,
.navbar-offcanvas.offcanvas-transform.in a,
.navbar-offcanvas.offcanvas-transform.in a:hover,
.navbar-offcanvas.offcanvas-transform.in a:focus, {
	color: #fff;
	text-decoration: none;
	outline: none;
}

.navbar-offcanvas.offcanvas-transform a > span,
.navbar-offcanvas.offcanvas-transform.in a > span {
	display: inline-block;
	margin-left: 12px;
	margin-top: -5px;
	line-height: 10px;
	font-size: 10px;
	vertical-align: middle;
}
.navbar-offcanvas.offcanvas-transform .top,
.navbar-offcanvas.offcanvas-transform.in .top {
	margin-top: 25%;
	text-align: center;
}
.navbar-offcanvas.offcanvas-transform .top a ,
.navbar-offcanvas.offcanvas-transform.in .top a {
	color: #fff;
	text-transform: uppercase;
}
.navbar-offcanvas.offcanvas-transform .top a.active,
.navbar-offcanvas.offcanvas-transform.in .top a.active {
	text-transform: uppercase;
	font-weight: 400;
	padding-bottom: 3px;
	border-bottom: 2px solid #96dd45;
	text-decoration: none;
}
.navbar-offcanvas.offcanvas-transform .top li,
.navbar-offcanvas.offcanvas-transform.in .top li {
	padding-bottom: 5px;
	font-size: 14px;
}
.navbar-offcanvas.offcanvas-transform .bottom,
.navbar-offcanvas.offcanvas-transform.in .bottom {
	color: #fff;
	margin-top: 150px;
	text-align: center;
}
.navbar-offcanvas.offcanvas-transform .bottom li,
.navbar-offcanvas.offcanvas-transform.in .bottom li {
	padding-top: 24px;
	color:#2d2d2d;
	font-weight: 200;
	font-size: 16px;
	line-height: 24px;
}
.navbar-offcanvas.offcanvas-transform .bottom li a,
.navbar-offcanvas.offcanvas-transform.in .bottom li a {
	color: #fff;
	font-weight: 300;
}

.navbar-offcanvas.offcanvas-transform.in .bottom li a:focus,
.navbar-offcanvas.offcanvas-transform.in .bottom li a:active,
.navbar-offcanvas.offcanvas-transform.in .bottom li a:hover {
	text-decoration: none;
	outline: none;
}
.navbar-offcanvas.offcanvas-transform .signup,
.navbar-offcanvas.offcanvas-transform.in .signup {
	margin-top: 20px;
	height: 300px;
	background-color: #fff;
	text-align: center;

}
.navbar-offcanvas.offcanvas-transform .signup li a,
.navbar-offcanvas.offcanvas-transform.in .signup li a {
	color: grey;
	text-transform: uppercase;
	font-weight: 400;
}
.navbar-offcanvas.offcanvas-transform .signup li a.green,
.navbar-offcanvas.offcanvas-transform.in .signup li a.green {
	color: #5bc45e;
}

.integrations-mobile-toggle {
	cursor: pointer;
}

.integration-mobile-subdirectory {
	list-style: none;
	display: none;
	padding-left: 0;
	background: white;
}

.navbar-offcanvas.offcanvas-transform .integration-mobile-subdirectory a,
.navbar-offcanvas.offcanvas-transform.in .integration-mobile-subdirectory a {
	color: grey;
	font-weight: 400;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}

/*==================================================
 Intro
 ==================================================*/
.intro-container {
	background-color: #2A2F36;
	padding-top: 48px;
	padding-bottom: 48px;
}

.intro-container .header {
	font-family: Lora, serif;
	font-weight: 400;
	font-size: 40px;
	color: #FFFFFF;
	letter-spacing: 0;
	margin-top: 0;
}

.intro-container .sub-header {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
	color: #FFFFFF;
	letter-spacing: 0;
	margin-top: 0;
}

.intro-container .sub-header--large {
	font-family: Lora, serif;
	font-weight: 300;
	font-size: 26px;
	color: #FFFFFF;
	letter-spacing: 0;
	margin-top: 10px;
	line-height: 1.33;
}

.intro-container .btn {
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #5BC45E;
	color: #fff;
	border: 1px solid #5BC45E;
	padding: 15px 26px;
	margin-top: 30px;
	margin-bottom: 55px;
	width: 200px;
}

.intro-container .img-wrapper {
	position: relative;
	padding-top: 0;
	padding-bottom: 67.5%;
	height: 0;
}

.intro-container .img-wrapper > p,
.intro-container .img-wrapper > img {
	width: 100%;
}

.intro-container .img-wrapper video {
	box-sizing: border-box;
	background: url('../../../../site/v3/images/HeroGIFbg.png') center center no-repeat;
	background-size: contain;
	padding: 3% 3.7% 1.6%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 105.2%;
}

.intro-container .cta {
	padding-top: 80px;
	padding-bottom: 90px;
}

.intro-container .cta img {
	display: inline-block;
	padding-right: 12px;
}

.intro-container .cta p {
	font-family: Lato;
	font-weight: 400;
	font-size: 12px;
	color: #FFF;
	letter-spacing: 0;
	display: inline-block;
	text-transform: uppercase;
}

.intro-container .cta .btn {
	text-transform: uppercase;
	background-color: transparent;
	color: #fff;
	border: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 200px;
	text-decoration: none;
}

.intro-container .cta .btn:focus {
	border: none;
	outline: none;
}

.intro-container.enterprise-intro {
	text-align: center;
}

.intro-container.enterprise-intro .btn {
	background-color: #72488B;
	border-color: #72488B;
	margin-top: 6px;
}

/*==================================================
 Main features
 ==================================================*/
#main-features-container {
	padding-top: 64px;
	padding-bottom: 44px;
}

#main-features-container .feature img {
	padding-top: 32px;
	padding-bottom: 21px;
}

#main-features-container .feature .header {
	font-family: 'Lora', serif;
	font-size: 28px;
	color: #2A2F36;
	letter-spacing: 0.26px;
	padding-bottom: 24px;
	line-height: 34px;
}

#main-features-container .feature ul {
	text-align: center;
	padding: 0px;
}

#main-features-container .feature li {
	font-family: Lato;
	font-weight: 300;
	font-size: 16px;
	color: #373F49;
	letter-spacing: 0;
	line-height: 25px;
	list-style: none;
}

#main-features-container .feature li hr {
	border-color: #5BC45E;
	width: 16px;
	margin-top: 12px;
	margin-bottom: 12px;
}

/*==================================================
 Testimonials
 ==================================================*/
#testimonials-container {
	background-color: rgba(236, 240, 246, 0.35);
	padding-top: 96px;
	padding-bottom: 48px;
	background-image: url(../../../../site/v3/images/quotes.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#testimonials-container .item {

}

#testimonials-container .item .text{
	font-family: 'Lora', serif;
	font-size: 40px;
	color: #909AA8;
	letter-spacing: 0;
	line-height: 52px;
	font-style: italic;
	font-weight: 100;
}

#testimonials-container .item img {
	width: 33px;
	height: 33px;
	display: inline-block;
}

#testimonials-container .item .suffix {
	display: inline-block;
}

#testimonials-container .owl-theme .owl-dots {
	line-height: 16px;
}

#testimonials-container .owl-theme .owl-dots .owl-dot {
	vertical-align: middle;
}

#testimonials-container .owl-theme .owl-dots .owl-dot span,
#testimonials-container .owl-theme .owl-dots .owl-dot span:hover {
	width: 5px;
	height: 5px;
	background: #5BC45E;
	border: 1px solid #5BC45E;
}

#testimonials-container .owl-theme .owl-dots .owl-dot.active span,
#testimonials-container .owl-theme .owl-dots .owl-dot.active span:hover {
	width: 12px;
	height: 12px;
}

/*==================================================
 Other features
 ==================================================*/
#other-features-container {
	background-color: #5BC45E;
}

#other-features-container .col {
	padding: 0px;
}

#other-features-container .img-wrapper {
	position: relative;
	height: 600px;
}

#other-features-container img {
	background-image: url(../../../../site/v3/images/browser-green-lg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 107% 95%;
	float: right;
	display: inline-block;
	max-height: 550px;
	padding: 45px 0px 0px 22px;
	bottom: 25px;
}

#vid-container-1 {
	border: 1px solid blue;
	display: table-cell;
	vertical-align: middle;
}

#other-features-container .features-wrapper {
	background-color: #2A2F36;
	height: 600px;
}

#other-features-container .features-wrapper .header {
	font-family: 'Lora', serif;
	font-weight: 200;
	font-size: 32px;
	color: #ECF0F6;
	letter-spacing: 0.43px;
	line-height: 39px;
	margin-left: 52px;
	padding-top: 42px;
	width: 60%;
}

#other-features-container .features-wrapper ol {
	padding: 0px;
	padding-top: 23px;
}

#other-features-container .features-wrapper li {
	font-family: Lato;
	font-weight: 200;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 25px;
	list-style: none;
	padding-bottom: 30px;
}

#other-features-container .features-wrapper li>span {
	width: 20px;
	margin-left: 16px;
	margin-right: 16px;
	color: #2A2F36;
}

#other-features-container .features-wrapper li.active,
#other-features-container .features-wrapper li.active > span,
#other-features-container .features-wrapper.mobile li.active,
#other-features-container .features-wrapper.mobile li.active > span,
#other-features-container .features-wrapper li:hover,
#other-features-container .features-wrapper li:hover > span
#other-features-container .features-wrapper.mobile li:hover,
#other-features-container .features-wrapper.mobile li:hover > span {
	color: #96DD45;
	font-weight: 400;
}

.video-responsive {
	position:relative;
}

.video-responsive iframe {
	box-sizing: border-box;
	background: url('../../../../site/v3/images/browser-green.png') center top no-repeat;
	background-size: 109% auto;
	position: absolute;
	display: inline-block;
	padding: 60px 0% 0% 0%;
	margin: 0px;
	right: -10px;
	margin-top: 50px;
}

.mobile .video-responsive > div {
	text-align: center;
}
.mobile .video-responsive iframe {
	position: static;
	display: inline-block;
	width: 90%;
	margin: 50px auto -10px;
}

#other-features-container .mobile .features-wrapper {
	color: #fff;
}

#other-features-container .mobile .features-wrapper li {
	padding: 0px;
	text-align: center;
}

#other-features-container .mobile .features-wrapper li > span {
	display: block;
	width: 18px;
	margin: 0px auto;
}

/*==================================================
 Plans
 ==================================================*/
#plans-container {
	padding-top: 73px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ECF0F6;
}

#plans-container .header {
	font-family: 'Lora', serif;
	font-size: 40px;
	font-weight: 400;
	color: #2A2F36;
	letter-spacing: -0.75px;
	line-height: 52px;
}

#plans-container .subheader {
	font-family: Lato;
	font-weight: 300;
	font-size: 20px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 25px;
	margin-bottom: 17px;
}

#plans-container .cta {
	font-family: Lato;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 17px;
	margin-bottom: 43px;
}

#plans-container .cta a {
	color: #5BC45E;
	text-decoration: none;
}

#plans-container .purple a {
	color: #72488B;
}

#plans-container .green a {
	color: #5BC45E;
}

#plans-container .blue a {
	color: #175992;
}

#plans-container .img-wrapper {
	width: 100%;
	max-width: 600px;
	position: relative;
}

#plans-container img {
	max-width: 627px;
}

#plans-container video,
#plans-container img.background {
	max-width: 415px;
	position: relative;
	top: 0%;
	left: 0%;
	z-index: 5;
}

#plans-container img.foreground {
	max-width: 390px;
	position: absolute;
	top: 60%;
	left: 50%;
	z-index: 10;
}

#plans-container div.plans.owl-carousel  {
	padding-top: 0px;
	padding-bottom: 130px;
}

#plans-container .owl-carousel .item {
	padding-right: 30px;
}

#plans-container .owl-carousel .item .category {
	font-family: Lato;
	font-size: 10px;
	letter-spacing: 0.62px;
	line-height: 25px;
	text-transform: uppercase;
	margin-top: 50px;
}

#plans-container .owl-carousel .item .title {
	font-family: 'Lora', serif;
	font-size: 28px;
	letter-spacing: 0.26px;
	line-height: 34px;
	margin-top: 5px;
	margin-bottom: 12px;
}

#plans-container .owl-carousel .item .text {
	font-family: Lato;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 25px;
}

#plans-container .owl-carousel .item .cta {
	font-family: Lato;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 0.75px;
	line-height: 25px;
	padding-top: 16px;
	padding-bottom: 16px;
}

#plans-container .owl-carousel .owl-dots {
	text-align: left;
}

#plans-container .owl-theme .owl-dots .owl-dot {
	vertical-align: middle;
}

#plans-container .owl-theme .owl-dots .owl-dot span,
#plans-container .owl-theme .owl-dots .owl-dot span:hover {
	width: 5px;
	height: 5px;
}

#plans-container .owl-theme .owl-dots .owl-dot.active span,
#plans-container .owl-theme .owl-dots .owl-dot.active span:hover {
	width: 12px;
	height: 12px;
	border-radius: 6px;
}

/*==================================================
 Getting started
 ==================================================*/
#home-getting-started-container {
	padding-top: 50px;
	padding-bottom: 64px;

}

#home-getting-started-container .header {
	font-family: 'Lora', serif;
	font-size: 40px;
	color: #2A2F36;
	letter-spacing: 0.38px;
	line-height: 49px;
}
#home-getting-started-container .cta a{
	font-family: Lato;
	font-weight: 400;
	font-size: 12px;
	color: #5BC45E;
	letter-spacing: 0.75px;
	line-height: 25px;
	text-transform: uppercase;
	padding-top: 11px;
	text-decoration: none;
	margin-left: 22px;
}

#home-getting-started-container img {
	max-width: 561px;

}
#home-getting-started-container .steps {
	padding-left: 22px;
}
#home-getting-started-container .steps:first-child {
	padding-top: 48px;
}
#home-getting-started-container .steps + .cta {
	margin-left: 62px;
}
#home-getting-started-container .steps .number {
	display: inline-block;
	background-color: #7CDE08;
	font-family: 'Lora', serif;
	font-weight: 200;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	height: 36px;
	width: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 18px;
	margin-right: 20px;
}
#home-getting-started-container .steps .action {
	font-family: 'Lora', serif;
	font-style: italic;
	font-size: 28px;
	line-height: 35px;
	letter-spacing: 0.26px;
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
}
#home-getting-started-container .steps .text {
	font-family: Lato;
	font-weight: 300;
	font-size: 16px;
	line-height: 25px;
	width: 60%;
	color: #373F49;
	margin: 0px;
	margin-left: 60px;
	margin-bottom: 27px;
}

#home-getting-started-container area:focus{
  border: none;
  outline-style: none;
  -moz-outline-style:none;
}
/*==================================================
 Trial
 ==================================================*/
#trial-container {
	padding-top: 68px;
	padding-bottom: 0px;
	background-color:  #ECF0F6;
}

#trial-container .col {
	padding-bottom: 1px;
}

#trial-container .header {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 40px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 49px;
}

#trial-container .btn {
	color: #fff;
	background-color: #5BC45E;
	text-transform: uppercase;
	font-family: Lato;
	font-size: 12px;
	font-weight: 700;
	padding: 15px 26px;
	margin-top: 30px;
	margin-bottom: 55px;
	width: 200px;
	border-color:#5BC45E;
}

#trial-container .img-wrapper {
	width: 100%;
	max-height: 325px;
	float: right;
}

#trial-container img {
	display: inline-block;
}

#trial-container .event .intro {
	/* See it in action: */
	font-family: Lato;
	font-weight: 400;
	font-size: 10px;
	color: #909AA8;
	letter-spacing: 0.75px;
	line-height: 25px;
	text-transform: uppercase;
	margin-top: 48px;
}

#trial-container .event .title {
	/* Refersion: Getting S: */
	font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 32px;
	color: #2A2F36;
	letter-spacing: 0.3px;
	line-height: 39px;
	margin-top: 15px;
	width: 350px;
}

#trial-container .event .date {
	font-family: Lato;
	font-weight: 300;
	font-size: 16px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 25px;
	margin-top: 15px;
	width: 330px;
}

#trial-container .event .cta a {
	font-family: Lato;
	font-weight: 400;
	font-size: 12px;
	color: #5BC45E;
	letter-spacing: 0.75px;
	line-height: 25px;
	text-transform: uppercase;
	margin-top: 16px;
	text-decoration: none;

}
/*==================================================
 Integrations
 ==================================================*/
#integrations-certifications-container {
	padding: 48px 0;
	background-color:  #ECF0F6;
}

.integrations-partners-container {
	padding-top: 30px;
}

.integrations-partners-container .header {
	font-family: 'Lora', serif;
	font-size: 40px;
	font-weight: 400;
	color: #2A2F36;
	letter-spacing: -0.75px;
	line-height: 52px;
	margin-bottom: 53px;
}

.integrations-partners-container .subheader {
	font-family: 'Lora', serif;
	font-size: 20px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 24px;
	margin: 15px 0;
}

.integrations-partners-container .logo {
	margin-bottom: 15px;
	min-height: 52px;
}

.integrations-partners-container .partner {
	border: 1px solid #ECF0F6;
	padding: 30px;
	line-height: 24px;
	margin-bottom: 30px;
	min-height: 290px;
}

@media only screen and (max-width: 768px) {
	.integrations-partners-container .partner {
		min-height: 310px;
	}
}

.integrations-partners-container .partner:hover {
	cursor: pointer;
}

.integrations-partners-container .partner {
	z-index: 90;
	position: relative;
	display: inline-block;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	overflow: hidden;
}

.integrations-partners-container .partner::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.integrations-partners-container .partner:hover {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.integrations-partners-container .partner:hover::after {
	opacity: 1;
}

.integrations-partners-container .cta {
	min-height: 26px;
}

.integrations-partners-container .cta a,
.integrations-partners-container .cta .link {
	font-family: Lato;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	color: #5BC45E;
	display: none;
}

.integrations-partners-container .cta a:hover,
.integrations-partners-container .cta .link:hover {
	text-decoration: underline;
}

#integrations-partners-terms p {
	text-align: center;
	font-size: 12px;
	padding-bottom: 63px;
}

/*==================================================
 Integrations Search
 ==================================================*/
.integration-search__container {
	width: 100%;
	max-width: 500px;
	margin: auto;
	position: relative;
}

#integration-search {
	width: 100%;
	display: block;
	margin: 30px auto 0;
	border: none;
	font-size: 18px;
	padding: 13px 20px 15px;
	border-radius: 40px;
	border: 2px solid white;
	border-bottom-width: 0;
}

#integration-search:focus {
	outline: 0;
	border: 2px solid #5BC45E;
	border-radius: 26px 26px 0 0;
	border-bottom-width: 0;
}

.integration-search__magnifying-glass {
	position: absolute;
	top: 22px;
	right: 24px;
}

.integration-search__list-container {
	display: none;
	background-color: white;
	border-radius: 0 0 26px 26px;
	border: 2px solid #5BC45E;
	border-top-color:#ECF0F6;
	border-top-width: 1px;
	margin: 0 auto;
	padding: 0 0 20px;
	position: absolute;
	width: 500px;
	max-width: 100%;
	z-index: 95;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
}

#integration-search:focus ~ .integration-search__list-container {
	display: block;
}

.integration-search__list-container:active,
.integration-search__list-container:focus {
	display: block;
}

.integration-search__list {
	text-align: left;
	font-size: 14px;
	list-style: none;
	width: 100%;
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 10px;
}

.integration-search__list-container a {
	padding-left: 40px;
	line-height: 1.8;
	color: #2A2F36;
}

.integration-search__list-container a:hover,
.integration-search__list-container .selected a {
	color: white;
	font-weight: 400;
	text-decoration: none;
	background-color: #5BC45E;
}

.integration-search__list-container a {
	color: #2A2F36;
	display: block;
	width: 100%;
}

.integration-search__list-container .integration-search__type {
	text-transform: uppercase;
	color: #909AA8;
	font-weight: 700;
	display: block !important;
}

.integration-search__list-container .integration-search__type a {
	padding-left: 20px;
	color: #909AA8;
	font-weight: 700;
}

.integration-search__list-container .integration-search__type a:hover,
.integration-search__list-container .integration-search__type.selected a {
	background-color: #5BC45E;
	color: white;
	font-weight: 700;
}

.integration-search__list-container .no-results {
	display: none !important;
}

/*==================================================
 Integrations Detail Page
 ==================================================*/
#integrations-detail-header,
.integrations-detail-header {
	padding-top: 64px;
	padding-bottom: 64px;
	border-top: 1px solid #ECF0F6;
}

#integrations-detail-header .main-text,
.integrations-detail-header .main-text {
	font-family: 'Lora', serif;
	font-size: 40px;
	color: #2a2f36;
}

#integrations-detail-header .secondary-text,
.integrations-detail-header .secondary-text {
	font-family: Lato;
	font-size: 20px;
	color: #4a4a4a;
	width: 70%;
	margin: 0 auto;
	font-weight: 300;
}

#integrations-detail-header .btn,
.integrations-detail-header .btn {
	font-family: Lato;
	font-size: 12px;
	font-weight: 400;
	background-color: #5BC45E;
	color: #fff;
	padding: 15px 26px;
	border-color: #5BC45E;
	margin-top: 35px;
}

#integrations-detail-description {
	border-top: 1px #EDF0F7 solid;
}

#integrations-detail-description .row, #integrations-detail-features .row, #integrations-detail-container .row {
	padding: 0 160px;
}

#integrations-detail-features ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#integrations-detail-features li {
	padding-left: 0.55em;
	margin-bottom: 45px;
	text-indent: -.7em;
	list-style-position: outside;
}

#integrations-detail-features li span {
	position: relative;
	left: 15px;
}

#integrations-detail-features li.last-item {
	margin-bottom: 0px;
}

#integrations-detail-features li div {
	margin-left: 15px;
}

#integrations-detail-features li::before {
	content: "•";
	color: #5AC35C;
}

#integrations-detail-features, #integrations-detail-description {
	padding: 30px 0;
	margin: 30px 0;
	text-align: justify;
	font-size: 20px;
	color: #4A4A4A;
	letter-spacing: 0;
	line-height: 30px;
}

#integrations-detail-features .heading, #integrations-detail-description .heading {
	color: #9EA6B1;
	font-size: 11px;
	text-transform: uppercase;
}

/* Screenshots */
#integrations-detail-screenshots {
	background-color: rgba(236, 240, 246, 0.35);
	padding-top: 96px;
	padding-bottom: 48px;
	background-repeat: no-repeat;
	background-position: center center;
}

#integrations-detail-screenshots .item {
	padding-bottom: 10px;
}

#integrations-detail-screenshots .item p {
	padding-top: 30px;
	width: 850px;
	margin: 0 auto;
	background: #909AA8 url(../../../../site/v3/images/integrations/window-buttons.png) 10px 8px no-repeat;
	/*height: 700px;*/
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border: 0px solid #000000;
	-webkit-box-shadow: 0px 3px 7px -1px rgba(179,179,179,1);
	-moz-box-shadow: 0px 3px 7px -1px rgba(179,179,179,1);
	box-shadow: 0px 3px 7px -1px rgba(179,179,179,1);

}

#integrations-detail-screenshots .item img {
	display: inline-block;
	/*padding: 48px 0 0 0;*/
	width: 850px;
	height: 500px;
}

#integrations-detail-screenshots .owl-theme .owl-dots {
	line-height: 16px;
}

#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot {
	vertical-align: middle;
}

#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot span,
#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot span:hover {
	width: 5px;
	height: 5px;
	background: #5BC45E;
	border: 1px solid #5BC45E;
}

#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot.active span,
#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot.active span:hover {
	width: 12px;
	height: 12px;
}

#integrations-detail-container {
	padding-top: 64px;
	padding-bottom: 64px;
	border-top: 1px solid #ECF0F6;
}

#integrations-detail-container .review {
	overflow: hidden;
}

#integrations-detail-container .review span {
	font-family: 'Lora', serif;
	font-size: 32px;
	padding-bottom: 12px;
	letter-spacing: 0.3px;
}
#integrations-detail-container .review .stars {
	color: #FAC300;
	margin-right: 25px;
}

#integrations-detail-container .btn {
	font-family: Lato;
	font-size: 12px;
	font-weight: 400;
	background-color: #5BC45E;
	color: #fff;
	padding: 15px 26px;
	border-color:#5BC45E;
	float: right;
}

#integrations-detail-container .no-reviews .btn {
	float: none;
}

/*==================================================
 Pricing
 ==================================================*/
#pricing-table-container {
	background-image: url(../../../../site/v3/images/line-chart_2048x424.png);
	background-repeat: no-repeat;
	background-position: left 110px;
	background-size: 105% auto;
}

#pricing-table-header {
	margin-top: 60px;
	margin-bottom: 180px;
}

#pricing-table-header .main-text {
	font-family: 'Lora', serif;
	font-size: 40px;
	color: #2a2f36;
}

#pricing-table-header .secondary-text {
	font-family: Lato;
	font-size: 20px;
	color: #4a4a4a;
	width: 70%;
	margin: 0 auto;
	font-weight: 300;
}

.panel-pricing {
	padding-left: 36px;
	padding-right: 36px;
	border-radius: 4%;
	text-align: left;
	margin-bottom:30px;
}

.panel-pricing .head {
	font-family: 'Lora', serif;
	font-style: italic;
	font-size: 22px;
	padding-top: 30px;
	padding-bottom: 16px;
	line-height: 27px;
}

.panel-pricing .body {
	font-family: Lato;
	font-size: 16px;
	font-weight: 300;
	color: #2A2F36;
	letter-spacing: 0.38px;
	line-height: 22px;
	min-height: 100px;
}

.panel-pricing .price {
	font-family: 'Lora', serif;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 40px;
	line-height: 18px;
	font-weight: 300;
}

.panel-pricing .contact-us {
	font-family: 'Lora', serif;
	height: 18px;
	font-size: 26px;
	/*font-weight: 300;*/
	letter-spacing: -0.9;
}

.panel-pricing sup,
.panel-pricing sub {
	font-size: 14px;
	font-weight: 300;
}

.panel-pricing sup {
	top: -14px;
	font-size: 22px;
	font-weight: 300;
	padding-right: 2px;

}

.panel-pricing sub {
	font-family: Lato;
	bottom: 0em;
}

.panel-pricing.starter {
	border: 1px solid #5BC45E;
}

.plan-details-group .glyphicon-question-sign {
	color: #5BC45E;
	font-size: 18px;
}

.panel-pricing.starter .head,
.panel-pricing.starter .price {
	color: #5BC45E;
}

.outer-border.professional {
	margin: 0 auto;
}

.panel-pricing.professional {
	border: 1px solid #175992;
}

.panel-pricing.professional .head,
.panel-pricing.professional .price {
	color: #175992;
}

.panel-pricing.enterprise {
	border: 1px solid #72488B;
}

.panel-pricing.enterprise .head,
.panel-pricing.enterprise .price {
	color: #72488B;
}

.panel-pricing .btn {
	font-family: Lato;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 28px;
	width: 100%;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: inherit
}

.panel-pricing.starter .btn {
	background-color: #5BC45E;
	border-color: #5BC45E;
}

.panel-pricing.professional .btn {
	background-color: #175992;
	border-color: #175992;
}

.panel-pricing.enterprise .btn {
	background-color: #72488B;
	border-color: #72488B;
}

.plan-details-group>li {
	color: #2A2F36;
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	list-style: none;
	border-bottom: 1px solid #ECF0F6;
}

.plan-details-group>li.title {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 700;
	border-bottom: none;
}

.plan-details-group>li:last-child, .plan-feature-no-border {
	border-bottom: none!important;
}

.plan-title-subtitle {
	margin-top:22px;
}

.plan-details-group {
	text-align: left;
	padding: 0px 36px;
}

@media (min-width: 1200px) {
	.plan--professional {
		padding-right: 50px;
	}

	.plan--enterprise {
		padding-left: 50px;
	}
}

.plan__features-row {
	margin-bottom: 40px;
}

/*==================================================
 Popular Pricing questions
 ==================================================*/
#learn-pricing-questions-container {
	padding-top: 72px;
	padding-bottom: 36px;
}

#pricing-questions-container p.header,
#learn-pricing-questions-container p.header {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 32px;
	color: #2A2F36;
	line-height: 39px;
	margin-bottom: 31px;
}

#pricing-questions-container .panel-title > a.accordion-toggle,
#learn-pricing-questions-container .panel-title > a.accordion-toggle,
#pricing-questions-container .panel-title > a.accordion-toggle.collapsed,
#learn-pricing-questions-container .panel-title > a.accordion-toggle.collapsed {
	font-family: Lato;
	font-weight: 300;
	font-size: 20px;
	color: #2a2f36;
	letter-spacing: 0;
	line-height: 24px;
	text-decoration: none;
	padding:28px 42px 28px 30px;
	display: block;
	background-color:#ECF0F6;
}

#pricing-questions-container .panel-title > a.accordion-toggle:not(.collapsed),
#learn-pricing-questions-container .panel-title > a.accordion-toggle:not(.collapsed) {
	font-weight: 400;
	color: #2A2F36;
}

#pricing-questions-container .panel-title > i,
#learn-pricing-questions-container .panel-title > i {
	font-size: 10px;
	color: #2a2f36;
	position: absolute;
	top: 50%;
	right: 30px;
}

#pricing-questions-container .panel-heading,
#learn-pricing-questions-container .panel-heading {
	padding: 0px;
	position: relative;
}

#pricing-questions-container .panel-body,
#learn-pricing-questions-container .panel-body {
	background-color: #ECF0F6;
	border-top: 0px;
}


#pricing-questions-container .panel-body p,
#learn-pricing-questions-container .panel-body p {
	font-family: Lato;
	font-weight: 300;
	font-size: 16px;
	color: #2a2f36;
	letter-spacing: 0;
	padding-left: 16px;
	padding-right: 36px;
}

#pricing-questions-container .panel-body ul,
#learn-pricing-questions-container .panel-body ul {
	margin-left: 16px;
}

#pricing-questions-container .panel-body li,
#learn-pricing-questions-container .panel-body li {
	padding-bottom: 5px;
}

#pricing-questions-container .panel-body a,
#learn-pricing-questions-container .panel-body a,
#pricing-questions-container .panel-body a:hover,
#learn-pricing-questions-container .panel-body a:hover {
	margin-top: 32px;
	display: inline-block;
	text-decoration: none;
}

#pricing-questions-container .panel-default,
#learn-pricing-questions-container .panel-default {
	margin-bottom: 10px;
}

#pricing-questions-container .panel-default,
#learn-pricing-questions-container .panel-default {
	background-color: #ECF0F6;
}

/*==================================================
 Carousel
 ==================================================*/
#learn-intro-container {
	padding-top: 49px;
}

#learn-intro-container .header {
	font-family: 'Lora', serif;
	font-size: 40px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 49px;
	width: 50%;
	margin: 0 auto;
	font-weight: 400;
}

#learn-intro-container .sub-header {
	font-family: Lato;
	font-size: 20px;
	font-weight: 300;
	color: #4A4A4A;
	letter-spacing: 0;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 44px;
	margin-top: 0;
}

#learn-intro-container .owl-carousel .item .duration {
	text-transform: uppercase;
	font-family: Lato;
	font-weight: 400;
	font-size: 10px;
	color: #909AA8;
	letter-spacing: 0.62px;
	line-height: 25px;
	padding-left: 30px;
	margin: 0px;
	margin-top: 20px;
}

#learn-intro-container .owl-carousel .item .title {
	font-family: Lato;
	font-weight: 300;
	font-size: 20px;
	color: #4A4A4A;
	letter-spacing: 0;
	line-height: 24px;
	padding-left: 30px;
	margin: 0px;
}

#learn-intro-container .owl-carousel.owl-drag .owl-item.center img {
	display: inline-block;
}

#learn-intro-container .owl-carousel .owl-dots {
	padding-top: 32px;
	padding-bottom: 39px;
}

#learn-intro-container .owl-theme .owl-dots {
	line-height: 16px;
}

#learn-intro-container .owl-theme .owl-dots .owl-dot {
	vertical-align: middle;
}

#learn-intro-container .owl-theme .owl-dots .owl-dot span,
#learn-intro-container .owl-theme .owl-dots .owl-dot span:hover {
	width: 5px;
	height: 5px;
	background: #5BC45E;
	border: 1px solid #5BC45E;
}

#learn-intro-container .owl-theme .owl-dots .owl-dot.active span,
#learn-intro-container .owl-theme .owl-dots .owl-dot.active span:hover {
	width: 12px;
	height: 12px;
	transition: all 500ms;
}

#learn-intro-container .owl-carousel .owl-video-wrapper {
	background-color: #fff;
}

/*==================================================
 Section 2
 ==================================================*/
#section2-container {
	background-color: #2A2F36;
	padding-top: 49px;
	padding-bottom: 52px;
	color: #fff;
}

#section2-container .img-wrapper {
	text-align: right;
}

#section2-container img{
	height: auto;
	width: auto;
	max-width: 229px;
	max-height: 140px;
}


#section2-container .head {
	font-family: Lato;
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.6px;
	color: #ECF0F6;
	text-transform: uppercase;
}

#section2-container .text {
	font-family: Lato;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	letter-spacing: 0.6px;
}

#section2-container .cta a{
	font-family: Lato;
	font-size: 14px;
	color: #5BC45E;
	letter-spacing: 0.75px;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: 400;
	text-decoration: none;
}

/*==================================================
 Section 3
 ==================================================*/
#section3-container {
	padding-top: 114px;
	padding-bottom: 41px;
	border-bottom: 1px solid #ECF0F6;
}

#section3-container img {
	width: 60px;
}

#section3-container .lead {
	font-family: 'Lora', serif;
	font-size: 32px;
	color: #2A2F36;
	letter-spacing: 0.3px;
	line-height: 39px;
	font-weight: 300;
	margin-top: 28px;
	margin-bottom: 12px;
}

#section3-container .text {
	font-family: Lato;
	font-size: 18px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 28px;
	padding-left: 10%;
	padding-right: 10%;
	font-weight: 300;
}

#section3-container .cta a{
	font-family: Lato;
	font-size: 14px;
	color: #5BC45E;
	letter-spacing: 0.75px;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: 400;
	padding-top: 15px;
	text-decoration: none;
}

/*==================================================
 Affiliate Marketing Resources
 ==================================================*/
#marketing-resources-container {
	padding-top: 36px;
	padding-bottom: 36px;
}

#marketing-resources-container .col {
	min-height: 450px;
}

#marketing-resources-container .header {
	padding-top: 16px;
	color: #4a4a4a;
	font-family: 'Lora', serif;
	font-size: 40px;
	letter-spacing: 0.6px;
	font-weight: 200;
}

#marketing-resources-container .footer a{
  font-family: Lato;
  font-size: 14px;
  color: #5BC45E;
  letter-spacing: 0.75px;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: 400;
  padding-top: 15px;
  text-decoration: none;
  padding-bottom: 36px;
}
#marketing-resources-container .footer{
	padding-bottom: 36px;
}

#marketing-resources-container img {
	width: 100%;
}

#marketing-resources-container img {
	width: 100%;
}

#marketing-resources-container .meta {
	margin-top: 18px;
	text-transform: uppercase;
	font-size: 12px;
	color: #2A2F36;
	letter-spacing: 0.62px;
	line-height: 25px;
}

#marketing-resources-container .text a{
	font-family: 'Lora', serif;
	font-size: 26px;
	color: #4a4a4a;
	font-weight: 100;
}
#marketing-resources-container .text a:hover{
  text-decoration: none;
  color: #909AAB;
}

#marketing-resources-container .cta {
	text-transform: uppercase;
	color: #175992;
	font-size: 13px;
	font-weight: 400;
	padding-top: 16px;
	padding-bottom: 36px;
}

/*==================================================
 Support hub
 ==================================================*/
#support-hub-container {
	background-color: #2A2F36;
	padding-top: 72px;
	padding-bottom: 36px;
	color: #fff;
}

#support-hub-container .header {
	color: rgba(236,240,246,1);
	font-family: 'Lora', serif;
	font-size: 32px;
	font-weight: 400;
	font-size: 40px;
	line-height: 39px;
	font-weight: 200;
}

#support-hub-container .subheader {
	font-family: Lato;
	font-weight: 300;
	font-size: 15px;
	color: #ECF0F6;
	letter-spacing: 0;
	line-height: 25px;
	margin-bottom: 50px;
}

#support-hub-container ul.topics {
	list-style: none;
	text-align: center;
	padding-left: 10px;
}

#support-hub-container ul.topics li {
	display: inline-block;
}

#support-hub-container ul.topics li a {
	display: block;
	border: 1px solid #fff;
	border-radius: 25px;
	padding: 12px 17px;
	margin-right: 12px;
	margin-bottom: 12px;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ECF0F7;
}

#support-hub-container ul.topics li a:hover {
	color: #2A2F36;
	background-color: #fff;
}

#support-hub-container .footer {
}

#support-hub-container .footer a {
	font-family: Lato;
	font-weight: 400;
	font-size: 14px;
	display: inline-block;
	color: #5BC45E;
	letter-spacing: 0.75px;
	line-height: 25px;
	padding-top: 36px;
	text-transform: uppercase;
	text-decoration: none;
}

/*==================================================
 Our team
 ==================================================*/
#team-container {
	padding-top: 48px;
	padding-bottom: 64px;
	border-bottom: 1px solid #ECF0F6;
}
#team-container.integrations {
	border-bottom: none!important;
	margin-top: 70px;
}

#team-container .team-info,
#team-container .team-image {
}

#team-container .team-info .header {
	font-family: 'Lora', serif;
	padding-bottom: 18px;
	font-size: 32px;
	line-height: 40px;
	color: #2A2F36;
	letter-spacing: 0.6px;
}

#team-container .team-info .body-text {
	font-size: 16px;
	line-height: 28px;
	color: #2A2F36;
	font-weight: 300;
	padding-bottom: 24px;
	letter-spacing: 0.6;
}

#team-container .team-info a {
	font-size: 13px;
}

#team-container .team-image .img-wrapper {
	max-width: 439px;
}

#team-container .cta {
  font-family: Lato;
  font-size: 14px;
  letter-spacing: 0.75px;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: 400;
  padding-top: 15px;
  text-decoration: none;
}

/*==================================================
 Getting Started
 ==================================================*/
#learn-getting-started-container {
	padding-top: 42px;
	padding-bottom: 72px;
}
#learn-getting-started-container .text-center{
	padding-bottom: 80px;
}

#learn-getting-started-container .headline-text {
	font-family: 'Lora', serif;
	font-size: 32px;
	color: #2A2F36;
	padding-bottom: 28px;
	letter-spacing: 0.3px;
	line-height: 39px;
	padding-top: 64px;
}

#learn-getting-started-container .btn {
	font-family: Lato;
	font-size: 12px;
	font-weight: 400;
	padding: 15px 26px;
	/*width: 35%;*/
	background-color: #5BC45E;
	border: 1px solid #5BC45E;
	color: #fff;
}

/*==================================================
 Getting Started
 ==================================================*/
#getting-started2-container {
	padding-top: 64px;
	padding-bottom: 64px;
	border-top: 1px solid #ECF0F6;
}

#getting-started2-container .headline-text {
	font-family: 'Lora', serif;
	font-size: 32px;
	color: #2A2F36;
	padding-bottom: 12px;
	letter-spacing: 0.3px;
}

#getting-started2-container .btn {
	font-family: Lato;
	font-size: 12px;
	font-weight: 400;
	background-color: #5BC45E;
	color: #fff;
	padding: 15px 26px;
	border-color:#5BC45E;
}

/*==================================================
 Contact Form
 ==================================================*/
#contact-form-container form {
	padding-top: 36px;
	padding-bottom: 62px;
}

#contact-form-container form .row > div {
	font-family: Lato;
	padding-bottom: 24px;
}

#contact-form-container .header {
	font-family: 'Lora', serif;
	font-size: 40px;
	color: #2A2F36;
	letter-spacing: 0;
	text-align: center;
	padding-top: 48px;
}

#contact-form-container .sub-header {
	/* Please submit your i: */
	font-family: Lato;
	font-weight: 300;
	font-size: 20px;
	color: #4A4A4A;
	letter-spacing: 0;
	padding-left: 20%;
	padding-right: 20%;
	text-align: center;
}

#contact-form-container .material .material-input label {
	font-family: Lato;
	font-size: 24px;
	font-weight: 300;
	line-height: 46px;
	padding-bottom: 10px;
	color: #9099A9;
}

#contact-form-container .material .material-input label:hover {
	color: #2A2E36;
	font-weight: 300;
}

#contact-form-container .material .material-input :focus ~ label,
#contact-form-container .material .material-input .filled ~ label,
#contact-form-container .material .error:focus ~ label {
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	top: -16px;
	color: #73458C;
}

#contact-form-container .material .material-input :focus ~ label {
	color: #73458C;
}

#contact-form-container .material .material-input .filled ~ label {
	color: #000;
}

#contact-form-container .material .material-input .filled.error ~ label,
#contact-form-container .material .error:focus ~ label {
	color: red;
}

#contact-form-container .material .material-input :active ~ label {
	color: #73458C;
}

#contact-form-container .material .material-input input,
#contact-form-container .material .material-input input .filled {
	font-family: Lato;
	font-size: 24px;
	font-weight: 300;
	line-height: 46px;
	height: auto;
	color: #000;
}

#contact-form-container .material .material-input input.filled,
#contact-form-container .material .material-input textarea.filled,
#contact-form-container .material .material-select.filled > label
{
	border-bottom: 1px solid #000;
}

#contact-form-container .material .material-select > input:checked ~ ul {
	top: 66px;
}

#contact-form-container .material .material-input textarea {
	height: auto;
	padding: 7px 7px 16px 0px;
	font-size: 24px;
}

#contact-form-container .material .material-select {
	padding-bottom: 6px;
}

#contact-form-container .material .material-select > label {
	font-family: Lato;
	font-size: 24px;
	font-weight: 300;
	color: #2A2F36;
	padding-bottom: 46px;
	border-bottom: 1px dotted lightgray;
	overflow: hidden;
}

#contact-form-container .material .material-select > label > span {
	color: #9099A9;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#contact-form-container .material .material-input.textarea > label {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#contact-form-container .material .material-select.filled:not(.active) > .material-title {
	/*border: 1px solid red;*/
	color: #000;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 10px;
	top: -5px;
}

#contact-form-container .material .material-input.textarea.filled > label {
	color: #000;
}


#contact-form-container .material .material-select.filled:not(.active) > label > span {
	color: #000;
}

#contact-form-container .material .material-select.active > .material-title,
#contact-form-container .material .material-select.active > label > span {
	color: #73458C;
}

#contact-form-container .material .material-select ul {
	list-style-type: none;
	padding: 0px;
}

#contact-form-container .material .material-select ul li label {
	padding: 10px 10px 10px 15px;
	font-size: 20px;
	font-weight: 200;
	margin: 5px 15px;
}

#contact-form-container .material .material-select ul li label:hover {
	background-color: #ECF0F6;
}

#contact-form-container .pt-title p {
	margin-top: 36px;
	font-family: Lato;
	font-size: 20px;
	color: #909AA8;
	font-weight: 300;
	padding: 0px;
	padding-bottom: 10px;
	border-bottom: 2px solid #909AA8;
}
.material .material-select{
	z-index: auto;
}

#contact-form-container .material .material-group label {
	font-family: Lato;
	font-weight: 300;
	font-size: 20px;
	text-transform: none;
	line-height: 30px;
	padding-left: 40px;
	color: #9099A9;
}

.material .material-group label{
  z-index: auto;
}

#contact-form-container .pt-action .material-checkbox {
	border: 1px solid #5BC45E;
	font-family: Lato;
	font-weight: 300;
	font-size: 30px;
	text-transform: none;
	width: 24px;
	height: 24px;
	top: 12px;
}

#contact-form-container .pt-action {
	margin-top: 29px;
}

#contact-form-container .material .material-checkbox:before {
	font-size: 17px;
	padding-top: 6px;
	color: #5BC45E;
	background: #fff;
}

#contact-form-container .cta {
	margin-top: 27px;
	margin-bottom: 55px;
}

#contact-form-container .g-recaptcha {
	margin-left: -15px;
	margin-top: 44px;
}

#contact-form-container .cta img {
	display: inline-block;
	padding-right: 12px;
}

#contact-form-container .cta-wrapper.right {
	text-align: right;
}

#contact-form-container .cta-wrapper.center {
	text-align: center;
}

#contact-form-container .cta button {
	font-family: Lato;
	font-weight: 400;
	font-size: 12px;
	color: #2A2F36;
	letter-spacing: 0;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
}

#contact-form-container .cta button:focus {
	border: none;
	outline: none;
}

#contact-form-container .cta a.btn {
	font-family: Lato;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #72488B;
	color: #fff;
	border: 1px solid ##72488B;
	padding: 15px 26px;
	width: 200px;
}

.material-long-select-container .material-select ul {
	max-height: 360px;
	overflow-y: scroll;
}

/*==================================================
 Support chat
 ==================================================*/
#customer-chat-container {
	padding-top: 72px;
	padding-bottom: 48px;
	border-top: 1px solid #ECF0F6;
}

#customer-chat-container .header {
	font-family: 'Lora', serif;
	font-weight: 200;
	font-size: 32px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 39px;
	padding-top: 36px;
}

#customer-chat-container .text {
	font-family: Lato;
	font-weight: 300;
	font-size: 20px;
	color: #4A4A4A;
	letter-spacing: 0;
	line-height: 24px;
}

#customer-chat-container .cta {
	/* Open Chat: */
	font-family: Lato;
	font-size: 12px;
	font-weight: 400;
	color: #5BC45E;
	letter-spacing: 0;
	line-height: 15px;
	text-transform: uppercase;
	padding-top: 24px;
}

#customer-chat-container .cta a {
	text-decoration: none;
	color: #5BC45E;

}

/*==================================================
 Contact Form Map
 ==================================================*/
#about-map-container,
#contact-map-container {
	text-align: center;
}

#about-map-container .img-wrapper,
#contact-map-container .img-wrapper {
	background-image:url(../../../../site/v3/images/refersion-office-location-map.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
}

#about-map-container img,
#contact-map-container img {
	width: 100%;
}


/*==================================================
 About us - Intro
 ==================================================*/
#about-us-intro {
	background-color: #2A2F36;
	padding-top: 66px;
	padding-bottom: 66px;
}

#about-us-intro .header {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 40px;
	color: #ECF0F6;
	letter-spacing: 0;
	line-height: 49px;
	margin-top: 0;
}


#imageset-1 {

}

#imageset-1 .img-wrapper {
	text-align: center;
	height: 400px;
	/*background-image:url(../../../../site/v3/images/headshots/Founders.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: center center;*/
}

#imageset-2 .img-wrapper {
	text-align: center;
	height: 419px;
	background-image:url(../../../../site/v3/images/imageset-2-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*==================================================
 About us - Our Story
 ==================================================*/
#our-story {
	padding-top: 58px;
	padding-bottom: 62px;
	border-bottom: 1px solid #ECF0F6;
}

#our-story .body > img {

}

#our-story .body .title {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 32px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 39px;
	margin-top: 20px;
}

#our-story .body .text {
	font-family: Lato;
	font-weight: 300;
	font-size: 20px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 30px;
	margin-top: 10px;
	padding-bottom: 20px;
}

/*==================================================
 About us - Stats
 ==================================================*/
#stats {
	padding-top: 95px;
	padding-bottom: 95px;
	position: relative;
}

#stats p {
	Font-family: 'Lora', serif;
	font-weight: 100;
	font-size: 27px;
	color: #909AA8;
	letter-spacing: 0;
	line-height: 86px;
}

#stats p.fg {
	z-index: 10;
	border: 1px solid red;
}

#stats p.bg {
	z-index: 5;
	border: 1px solid blue;
}

#stats .left-col img{
	margin-top: 30px;
	width: 80%;
	display: block;
}

#stats .right-col img {
	width: 100%;
	display: block;
}

/*==================================================
 About us - Section 1
 ==================================================*/
#section-1 {
	padding-top: 98px;
	padding-bottom: 102px;
	border-bottom: 1px solid #ECF0F6;
}

#section-1 p {
	font-family: 'Lora', serif;
	font-style: italic;
	font-size: 32px;
	color: #5BC45E;
	letter-spacing: 0.2px;
	line-height: 44px;
}

/*==================================================
 About us - Leadership team
 ==================================================*/
#leadership-team {
	padding-top: 72px;
	padding-bottom: 52px;
}

#leadership-team .header {
	font-family: 'Lora', serif;
	font-size: 32px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 39px;
	margin-bottom: 52px;
}

#leadership-team .img-wrapper {
	width: 100%;
	text-align: center;
}

#leadership-team img {
	display: block;
	margin: 0 auto;
	width: 238px;
	height: 236px;
}

#leadership-team .position {
	font-family: Lato;
	font-weight: 400;
	font-size: 10px;
	color: #909AA8;
	letter-spacing: 0.62px;
	line-height: 25px;
	text-transform: uppercase;
	margin: 0px;
}

#leadership-team .name a{
	font-family: 'Lora', serif;
	font-size: 28px;
	color: #5BC45E;
	letter-spacing: 0.26px;
	line-height: 34px;
	margin-bottom: 37px;
	text-decoration: none;

}

#leadership-team .cta {
	font-family: Lato;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #5BC45E;
	color: #fff;
	border: 1px solid #5BC45E;
	padding: 15px 26px;
	margin-top: 30px;
	margin-bottom: 55px;
	width: 200px;
}

/*==================================================
 About us - Section 2
 ==================================================*/
#section-2 {
	padding-top: 70px;
	padding-bottom: 50px;
}

#section-2 .header {
	font-family: 'Lora', serif;
	font-size: 32px;
	color: #2A2F36;
	letter-spacing: 0;
	line-height: 39px;
	margin-bottom: 100px;
}

#section-2 .img-wrapper {
	margin-bottom: 30px;
	text-align: center;
}

#section-2 img {
	max-width: 150px;
	width: 100%;
	display: inline-block;

}

#section-2 .eq img{
	margin-top: -20px;
}

#section-2 .tk img{
	/*margin-top:5%*/
}
/*==================================================
 Checkbox and radio buttons -- http://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs
 ==================================================*/
.checkbox label:after,
.radio label:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: 6px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}

.radio .cr {
	border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
	position: absolute;
	font-size: 15px;
	line-height: 0;
	top: 50%;
	left: 10%;
	color: #5BC45E;
}

.radio .cr .cr-icon {
	margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
	display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
	transform: scale(3) rotateZ(-20deg);
	opacity: 0;
	transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
	transform: scale(1) rotateZ(0deg);
	opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
	opacity: .5;
}

/*==================================================
 Accordion
 ==================================================*/



/*==================================================
 Footer
 ==================================================*/
#footer {
	background-color: #2A2F36;
	color: #ECF0F6;
	padding-top: 46px;
	padding-bottom: 64px;
	font-size: 14px;
	letter-spacing: 1.4px;
}

#footer .footer-links li {
	font-family: Lato;
	font-size: 14px;
	list-style: none;
	padding-bottom: 16px;
}

#footer .footer-links li.heading {
	font-weight: 800;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 12px;
	text-transform: uppercase;
	color: #ECF0F6;
}

#footer img {
	text-align: right;
	width: 121px;
}

#footer .footer-links a{
  color:inherit;
  text-decoration: none;
}

/*==================================================
 Popover content
 ==================================================*/
 .popover {
	max-width:350px;
}
.popover-content {
	padding: 24px;
}

.popover-content .text {
	color: #999;
	font-size: 14px;
	line-height: 30px;
	font-weight: 200;
	letter-spacing: 1px;
}

.popover-content .cta {
	color: #5BC45E;
	padding-top: 18px;
}

.popover-content .cta a {
	color: #5BC45E;
	padding-top: 18px;
	text-decoration: none;
	cursor: pointer;
}

/*==================================================
 Round Buttons
 ==================================================*/
.btn-round-lg{
	border-radius: 28.5px;
}
.btn-round{
	border-radius: 17px;
}
.btn-round-sm{
	border-radius: 15px;
}
.btn-round-xs{
	border-radius: 11px;
	padding-left: 10px;
	padding-right: 10px;
}

/*==================================================
 Pagination dots
 ==================================================*/
.dot-nav ul {
	list-style: none;
	margin:0;
	padding: 0;
	display: inline-block;
}

.dot-nav li {
	background-color: #bdc3c7;
	border-radius: 15px 15px 15px 15px;
	cursor: pointer;
	padding: 5px;
	height: 2px;
	margin: 10px 10px 0px 0px;
	width: 2px;
	float: left;
}
.dot-nav li.active {
	margin-top: 7px;
	background-color: #bbb;
	border:3px solid #bdc3c7;
}

/*==================================================
 Helper classes
 ==================================================*/
.nav-fixed {
  position: fixed;
  top: 0;
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
}

.no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}

.padding-top {
	padding-top: 16px;
}

.padding-right-lg {
	padding-right: 64px;
}

.red-border {
	border: 1px solid red;
}

.blue-border {
	border: 1px solid blue;
}

.green-border {
	border: 1px solid green;
}

.green {
	color: #5bc45e;
}

.blue {
	color: #175992;
}

.purple {
	color: #72488B;
}

.white {
	color: #fff;
}

.overlay {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.65);
	z-index:5;
	width:100%;
	height:100%;
	display:none;
	pointer-events:none;
}


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



/*less than or equal to 767px*/
@media only screen and (max-width : 767px) {
	#nav-header-container > .container {
		height: 60px;
	}

	#nav-header-container #navbar-brand {
		padding-top: 8px;
	}

	#nav-header-container,
	#navbar-left > ul,
	#navbar-right > ul,
	#nav-header-container.navbar-lg > .container-fluid,
	#nav-header-container.navbar-sm > .container-fluid {
		transition: none;
		max-height: 51px;
		padding-top: 0px!important;
	}

	#nav-header button.offcanvas-toggle {
		top: -5px;
		left: 0;
	}

	#close-menu {
		top: -10px;
		left: 5px;
	}

	#navbar-right a.button {
		right: 10px;
		top: -4px;
		padding: 10px 20px;
		line-height: 22px;
	}

	#pricing-table-container {
		background-position: right 185px;
		background-size: 140% auto;
	}

	#pricing-table-header {
		margin-top: 40px;
		margin-bottom: 120px;
	}

	#navbar-right {
		margin-right: 4px;
		float: right;
	}

	#navbar-bottom ul.animated {
		top: -70px;
		right: 10px;
		opacity: 1;
		transform: scale(1.0) translate3d(0,0,0);
	}

	.outer-border {
		border-radius: 10px;
		margin-bottom: 16px;
		background-color: #fff;
	}

	.plan-details-group>li {
		font-size: 13px;
	}

	.outer-border.starter {
		border: 1px solid #5BC45E;
		padding: 5px;
	}
	.panel-pricing.starter {
		border: none;
		box-shadow: none;
	}

	.outer-border.professional {
		width: auto;
		margin-bottom: 16px;
	}

	.outer-border.professional {
		border: 1px solid #175992;
		padding: 5px;
	}

	.panel-pricing.professional {
		border: none;
		box-shadow: none;
	}

	.outer-border.enterprise {
		border: 1px solid #72488B;
		padding: 5px;
	}
	.panel-pricing.enterprise {
		border: none;
		box-shadow: none;
	}

	.panel-pricing {
		height: auto;
	}

	.panel-pricing .body {
		min-height: 60px;
	}

	#team-container .team-image {
		text-align: center;
		padding-top: 48px;
	}

	#team-container {
		padding-top: 0px;
	}

	#getting-started2-container .btn {
		font-size: 11px;
		width: 50%;
	}

	#footer .footer-links {
		padding-bottom: 36px;
	}

	#footer .footer-links li {
		font-size: 12px;
		font-weight: 300;
	}

	#footer img {
		text-align: left;
		margin-left: 35px;
	}

	#getting-started-container .steps {
		text-align: center;
		padding-bottom: 40px;
	}

	#getting-started-container .steps .text {
		width: 80%;
		margin: 0 auto;
	}

	#trial-container .img-wrapper {
		text-align: center;
		width: 100%;
	}
	#trial-container .img-wrapper img {
		text-align: center;
	}

	#trial-container .event {
		text-align: center;
	}
	#trial-container .event .title,
	#trial-container .event .date {
		width: 100%;
	}

	#plans-container .img-wrapper {
		text-align: center;
		display: inline-block;
		width: 90%;
		margin: 0 auto;

	}

	#plans-container div.plans.owl-carousel  {
		padding-bottom: 0px;
		padding-top: 40px;
	}

	#plans-container .owl-carousel .item {
		padding-right: 0px;
		text-align: center;
	}
	#plans-container .owl-carousel .owl-dots {
		text-align: center;
		padding-bottom: 36px;
	}
	#other-features-container .img-wrapper {
		float: none;
		text-align: center;
		bottom: -5px;
		height: auto;
		position: relative;
		display: inherit;
	}
	#other-features-container img {
		float: none;
		padding: 6% 0% 0% 2.9%;
		right: 5px;
		width: 90%;
		margin-top: 30px;
		background-size: 103.1%;
	}

	#other-features-container .features-wrapper .header {
		text-align: center;
		width: 100%;
		margin: 0px;
	}

	#other-features-container .mobile .features-wrapper .header {
		text-align: center;
		width: 90%;
		margin: 0px auto;
	}

	#other-features-container .features-wrapper {
		height: 200px;
	}

	#other-features-container .mobile .features-wrapper {
		height: 250px;
	}

	#home-getting-started-container .img-wrapper {
		text-align: center;
	}

	#home-getting-started-container img {
		max-width: 428px;
		display: inline-block;
	}

	#home-getting-started-container .steps .number {
		text-align: center;

		height: 30px;
		width: 30px;
		line-height: 30px;
		border-radius: 15px;
		margin-right: 15px;
		font-size: 18px;
	}

	#home-getting-started-container .steps + .cta {
		margin-left: 50px;
	}

	#home-getting-started-container .steps .text{

	  margin-left: 50px;
	}

	#section2-container .img-wrapper {
		text-align: center;
		margin-bottom: 30px;
	}

	#section2-container .webinar-content {
		text-align: center;
	}

	#contact-form-container .sub-header {
		padding-left: 10%;
		padding-right: 10%;
	}

	#contact-form-container .cta-wrapper.left {
		text-align: center;
		padding-bottom: 50px;
	}

	#contact-form-container .cta-wrapper.right {
		text-align: center;
	}

	#contact-form-container .cta-wrapper.right .btn {
		text-align: center;
		width: 90%;
	}

	#customer-chat-container .col {
		padding-bottom: 53px;
	}

	#plans-container video,
	#plans-container img.background {
		width: 80%;
		left: 20%;
	}
	#plans-container img.foreground {
		top: 60%;
	}

	#marketing-resources-container .col {
	  min-height: 100%;
	  margin-top: 30px;
	  margin-bottom: 30px;
	}

	#customer-chat-container .cta {
	  padding-bottom: 30px;
	}

	#learn-getting-started-container .btn {
		font-weight: 400;
		padding: 15px 30px;
	}

	#section3-container {
		padding-top: 50px;
	}

	#section2-container .cta a {
		font-weight: 400;
	}

	#plans-container div.plans.owl-carousel {
		padding-bottom: 0px;
	}

	#plans-container .cta {
		padding-bottom: 0px
	}
	#testimonials-container {
		background-position: 50% 40%
	}

	#imageset-2 .img-wrapper {
		 background-image:url(../../../../site/v3/images/InOffice-Working.png);
		 background-size: contain;
	}

	.video-responsive iframe {
		height: 100%;
		min-height: 400px;
		padding: 8% 0% 0% 0%;
	}

	#stats .left-col img{
		margin-left: 10%;
	}

	#section-2 .eq img {
	   margin-top: -30px;
	}

	#integrations-certifications-container img {
		width: 100%;
	}

	.integrations-partners-container .partner {
		padding: 20px 10px;
	}

	#integrations-detail-container .review {
		/*text-align: center;*/
	}

	#integrations-detail-container .review span {
		display: block;
	}

	#integrations-detail-container .review .btn {
		margin-top: 10px;
		float: none;
	}

	#integrations-detail-container .review .stars {
		margin-right: 0px;
	}

	#integrations-detail-features li span {
		left: 10px;
	}

	#integrations-detail-screenshots .item p {
		height: inherit;
		width: 95%;
	}

	#integrations-detail-screenshots .item img {
		height: inherit;
		width: 100%;
	}

}

/*greater than or equal to 1025 (iPad Pro) px*/
@media only screen and (max-width : 1025px) {

	#navbar-right span.phone-number {
		display: none;
	}

	#integrations-detail-description .row, #integrations-detail-features .row, #integrations-detail-container .row {
		padding: 0 40px;
	}

}

/*less than or equal to 767px*/
@media only screen and (max-width : 768px) {

	#integrations-detail-description .row, #integrations-detail-features .row, #integrations-detail-container .row {
		padding: 0 15px;
	}

}

/*less than or equal to 414px*/
@media only screen and (max-width : 991px) {

	#nav-header-container > .container-fluid {
		margin: 0px;
	}

	.intro-container .cta {
		padding-bottom: 0px;
	}

	#testimonials-container {
		padding-top: 46px;
	}

	#home-getting-started-container img {
		max-width: 96%;
	}

	#trial-container .event {
		padding-top: 0px;
	}

	#trial-container .event .cta {
		margin-bottom: 30px;
	}

	#trial-container .btn {
		margin-bottom: 30px;
	}

	#learn-intro-container .header {
		width: 90%;
	}

	#other-features-container .features-wrapper .header {
		margin: 0px;
		padding: 10px 15px;
		width: 100%;
	}

	#other-features-container img {
		max-width: 450px;
		margin: 0px;
		margin-top: 10px;
		margin-right: 8px;
		width: 90%;
	}

	#pricing-table-container {
		background-image: url(../../../../site/v3/images/pricing-graph-sm.png);
		background-position: left 180px;
		background-size: 100% auto;
	}

	#pricing-table-header .secondary-text {
		width: 90%;
	}

	.panel-pricing .body {
		margin-bottom: 30px;
	}

	#getting-started2-container .btn {
		width: 62%;
		font-size: 9px;
	}

	.question-list dt:before {
		margin-right: 10px;
		border-radius: 100%;
		padding-top: 5px;
		font-size: 18px;
		width: 30px;
		height: 30px;

	}

	#stats {
		padding-top: 53px;
		padding-bottom: 53px;
	}

	#stats.left-col p {
		margin-bottom: 53px;
	}

	#stats .left-col,
	#stats .right-col {
		background-size: 90%;
	}

	#section-2 .img-wrapper {
		text-align: center;
	}
	#section-2 .img-wrapper img {
		display: inline-block;
	}

	#plans-container video,
	#plans-container img.background {
		width: 90%;
		left: 10%;
	}
	#plans-container img.foreground {
		width: 90%;
	}
	.mobile .video-responsive iframe {
		height: 100%;
		min-height: 270px;
	}

}

/*769px to 992px*/
@media only screen and (min-width : 768px) and (max-width : 992px) {
	.navbar-default .navbar-nav>li>a.green {
		margin-top: 8px;
	}

	#navbar-right a.button {
		right: 10px;
		padding: 10px 20px;
		line-height: 22px;
	}

	#home-getting-started-container img {
		max-width: 468px;
	}

	#home-getting-started-container .steps .text {
		width: 80%;
	}

	#other-features-container img {
		max-width: 635px;
		width: auto;
		position: relative;
		right: -25%;
	}

	#trial-container .event {
		padding: 0px;
	}

	#trial-container .event .intro,
	#trial-container .event .title,
	#trial-container .event .date {
		margin: 0px;
	}

	#trial-container .event .intro {
		margin-top: 10px;
	}

	#section2-container .head {
		font-size: 10px;
	}

	#section2-container .text {
		font-size: 16px;
	}

	#section3-container .text {
		font-size: 15px;
		line-height: 26px;
	}

	#section3-container .cta {
		font-size: 12px;
	}

	#support-hub-container .footer {
		padding-bottom: 32px;
	}


	#pricing-table-container {
		background-position: left 160px;
		background-size: 105% auto;
	}

	.panel-pricing .body {
		min-height: 130px;
	}

	.panel-pricing .btn {
		font-size: 12px;
	}

	#getting-started-container .steps {
		text-align: center;
		padding-bottom: 40px;
	}

	#getting-started-container .steps .text {
		width: 80%;
		margin: 0 auto;
	}

	#other-features-container .features-wrapper li>span {
		margin-left: 10px;
		margin-right: 10px;
	}

	#other-features-container img{
		bottom: 0px;
		padding: 45px 0px 0px 19px;
	}

	#other-features-container .features-wrapper li {
		padding-bottom: 20px;
		font-size: 14px;
	}

	#other-features-container .features-wrapper ol {
		padding-top: 20px;
	}

	#other-features-container .features-wrapper .header {
		font-size: 32px;
		letter-spacing: 0.43px;
		padding-top: 28px;
		padding-right: 30px;
		padding-top: 42px;
		margin-left: 32px;
		width: 90%;
	}

	#other-features-container .img-wrapper {
		float: right;
		padding-top: 40px;
	}
	#vid-container-1 {
		padding: 20px 0px;
	}
	#other-features-container iframe {
		right: -15%;
		left: 50px;
	}

	#integrations-detail-screenshots .item img {
		width: 720px;
		display: block;
	}

	#integrations-detail-container .review a {
		float: left;
	}

	#integrations-detail-container .review span {
		display: block;
	}

}

/*greater than or equal to 992px*/
@media only screen and (min-width : 992px) {
	.navbar-default .navbar-nav>li>a.green {
		margin-top: 8px;
	}

	#other-features-container .img-wrapper {
		float: right;
		padding-top: 40px;
	}
	#vid-container-1 {
		padding: 20px 0px;
	}
	#other-features-container iframe {
		right: 0px;
	}

	#other-features-container img {
		width: auto;
		position: relative;
	}

	.intro-container.enterprise-intro {
		text-align: left;
	}

	.intro-container .subheader__border {
		height: 200px;
		border-left: 1px solid #fff;
	}

}

/*greater than or equal to 1200px*/
@media only screen and (min-width : 1200px) {

	.navbar-default .navbar-nav>li>a.green {
		margin-top: 8px;
	}

	#trial-container .img-wrapper {
		max-width: 520px;
	}
	#pricing-table-container {
		background-position: left 150px;
		background-size: 100% auto;
	}

	#pricing-table-header {
		margin-bottom: 180px;
	}

	#other-features-container img {
		width: auto;
	}

	#other-features-container iframe {
		right: 0px;
	}

}

#contact-form-container form ul li label {
	color: #000;
	font-weight: 300 !important;
}

@media only screen and (max-width:1136px) {
	#rfsn-phone {
		display: none !important;
	}
}

.corner-stripe {
	width: 175px;
	height: 23px;
	top: 15px;
	right: -60px;
	background: #5BC45E;
	color: #FFF;
	position: absolute;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	font-weight: 400;
	font-size: 12px;
}

/*==================================================
 Enterprise
 ==================================================*/
 .intro-container .enterprise__main-header {
	 font-size: 50px;
	 line-height: 1.33;
 }

.enterprise__section {
	text-align: center;
	margin-top: 60px;
}

.enterprise__section-header {
	font-weight: bold;
	font-size: 10px;
}

.enterprise__section-subheader {
	font-size: 32px;
	font-family: 'Lora', serif;
	margin-bottom: 0;
}

.enterprise-section-inner {
	margin-top: 60px;
}

.enterprise__link {
	color: #72488B;
	font-weight: bold;
}

/*==================================================
 Key Stats
 ==================================================*/
.key-stats__number {
	color: #72488B;
	font-size: 80px;
	font-family: 'Lora', serif;
	margin-bottom: 0;
	line-height: 1;
}

.key-stats__dollar-sign {
	font-size: 48px;
	position: relative;
	top: 6px;
	font-weight: bold;
	vertical-align: top;
}

.key-stats__description {
	font-size: 24px;
	margin-bottom: 40px;
}

/*==================================================
 Enterprise Features
 ==================================================*/
.enterprise-features__feature-container {
	height: 160px;
}

.enterprise-features__icon-container {
	height: 60px;
}

.enterprise-features__icon {
	width: 50px;
	padding-top: 8px;
}

.enterprise-features__icon--larger {
	width: 58px;
}

.enterprise-features__icon--smaller {
	width: 42px;
}

.enterprise-features__icon--centered {
	padding-top: 0;
}

/*==================================================
 Security
 ==================================================*/
.security__feature-container {
	margin-bottom: 60px;
}

.security__icon-container {
	height: 70px;
}

.security__icon--centered {
	padding-top: 10px;
}

.security__title {
	font-family: 'Lora', serif;
	font-size: 18px;
}

/*==================================================
 Merchants
 ==================================================*/
.merchants__custom-row {
	margin: 0;
}

.merchants__logo-container {
	margin: 20px 0;
}

.merchants__logo--pura-vida {
	margin: -7px 0;
}

.merchants__logo {
	max-width: 100%;
	padding-top: 0;
}

.merchants__logo--webflow {
	max-width: 160px;
}

.merchants__logo--steelseries {
	max-width: 220px;
}
.merchants__logo--dxracer {
	max-width: 220px;
}

@media (min-width: 500px) {
	.merchants__logo--webflow {
		max-width: 168px;
	}

	.merchants__logo--steelseries {
		max-width: 230px;
	}
	.merchants__logo--dxracer {
		max-width: 230px;
	}
}

@media (min-width: 991px) {
	.merchants__custom-col {
		width: 20%;
		padding: 15px;
		float: left;
	}

	.merchants__logo-container {
		height: 90px;
	}

	.merchants__logo--performix {
		padding-top: 12%;
		width: 100%;
		max-width: 218px;
	}

	.merchants__logo--de-beers {
		padding-top: 14%;
		width: 74%;
		max-width: 160px;
	}

	.merchants__logo--pura-vida {
		width: 38%;
		max-width: 83px;
		margin: 0;
	}

	.merchants__logo--ofra-logo {
		padding-top: 11%;
		width: 68%;
		max-width: 149px;
	}

	.merchants__logo--bosch {
		padding-top: 11%;
		width: 80%;
		max-width: 160px;
	}

	.merchants__logo--webflow {
		padding-top: 9%;
		width: 85%;
		max-width: 160px;
	}

	.merchants__logo--steelseries {
		padding-top: 14%;
		width: 90%;
		max-width: 200px;
	}
	.merchants__logo--dxracer {
		padding-top: 15%;
		width: 98%;
		max-width: 218px;
	}
}

@media (min-width: 1255px) {
	.merchants__logo--performix {
		padding-top: 27px;
	}

	.merchants__logo--ofra-logo {
		padding-top: 26px;
	}
}

/*==================================================
 Testimonials
 ==================================================*/
.testimonials__logo {
	margin-bottom: 30px;
}

.testimonials__headline {
	font-size: 28px;
	font-family: 'Lora', serif;
}

.testimonials__description {
	line-height: 1.5;
	margin-bottom: 20px;
}

#testimonials .row {
	padding-bottom: 60px;
}

#testimonials .testimonials__last-row {
	padding-bottom: 20px;
}

#testimonials .img-wrapper {
	width: 100%;
	max-width: 600px;
	padding-bottom: 100px;
	position: relative;
	margin: 0 0 0 auto;
}

#testimonials img {
	max-width: 100%;
}

#testimonials video,
#testimonials img.background {
	max-width: 100%;
	position: relative;
	top: 0%;
	left: 0%;
	z-index: 5;
}

#testimonials img.foreground {
	max-width: 80%;
	position: absolute;
	top: 40%;
	left: 20%;
	z-index: 10;
}

@media (min-width: 550px) {
	#testimonials img {
 	   max-width: 627px;
	}

	#testimonials video,
	#testimonials img.background {
		max-width: 415px;
	}

	#testimonials img.foreground {
		max-width: 390px;
		position: absolute;
		top: 42%;
	 left: 30%;
	}
}

@media (min-width: 768px) {
   #testimonials {
	   text-align: left;
   }
}

/*==================================================
 Case Studies
 ==================================================*/
.case-study {
	text-align: center;
}

.case-study img {
	max-width: 100%;
}

.case-study__header {
	font-size: 40px;
	font-family: 'Lora', serif;
	margin-bottom: 40px;
}

.case-study__section {
	margin-top: 60px;
}

#case-study .key-stats__number {
	color: #5BC45E;
}

.case-study__link {
	color: #5BC45E;
	font-weight: bold;
	font-size: 10px;
	margin: 0 10px;
	display: inline-block;
	cursor: pointer;
}

.case-study__link:hover,
.case-study__link:focus {
	color: #5BC45E;
	text-decoration: none;
}

.case-study__link--minor {
	color: #5BC45E;
	text-decoration: underline;
}

.case-study__link--minor:hover {
	color: #5BC45E;
}

.case-study__link-icon-span {
	position: relative;
	bottom: 1px;
}

.case-study__link:hover .case-study__link-text {
	color: #5BC45E;
	text-decoration: underline;
}

/*==================================================
 Case Study Body
 ==================================================*/
.cs-body {
	font-size: 20px;
	line-height: 1.5;
}

.cs-body__hr {
	margin: 40px 0;
}

.cs-body__header {
	color: #909AA8;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.cs-body__quote {
	color: #5BC45E;
	font-family: 'Lora', serif;
	font-style: italic;
	font-size: 32px;
	margin-top: 40px;
}

.cs-body__quote-author {
	color: #909AA8;
	font-size: 18px;
	margin: 10px 0 60px;
}

.cs-body__quote-author--end-section {
	margin-bottom: 0;
}

.cs-body__bullets {
	text-align: left;
}

.cs-body__bullets-item {
	color: #5BC45E;
	margin-bottom: 40px;
}

.cs-body__bullets-text {
	color: #2a2f36;
}

.cs-body__paragraph {
	text-align: left;
}

/*==================================================
 Case Study Chart
 ==================================================*/
.cs-chart__header {
	font-size: 18px;
	color: #909AA8;
	text-align: left;
	margin-bottom: 40px;
}

/*==================================================
 Case Study Banner Images
 ==================================================*/
.cs-banner-images {
	width: 100%;
}

.cs-banner-images__container {
	max-width: 1800px;
	margin: 0 auto;
}

.cs-banner-images .row {
	margin: 0 -5px;
}

.cs-banner-images .col-xs-6 {
	padding: 0 5px;
}

@media (min-width: 550px) {
	.cs-banner-images .row {
		margin: 0 -10px;
	}

	.cs-banner-images .col-xs-6 {
		padding: 0 10px;
	}
}

.cs-banner-images__img {
	width: 100%;
}

/*==================================================
 Case Study Modal
 ==================================================*/
.pv-modal .tingle-modal-box {
	max-width: 560px;
}

.pv-copy-btn {
	font-weight: 400;
	font-family: Lato;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 12px 26px;
	background-color: #5BC45E;
	border: 1px solid #5BC45E;
	color: #fff;
	top: 0;
	margin-bottom: 6px;
	margin-left: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
	transition: opacity 0.2s ease-in, top 0.2s ease-in;
}

.pv-copy-btn:hover,
.pv-copy-btn:active,
.pv-copy-btn:focus,
.pv-copy-btn:active:focus,
.pv-copy-btn:active:hover {
	color: white;
	background-color: #5BC45E;
	border: 1px solid #5BC45E;
	opacity: .8;
	top: -4px;
}

#st-1 .st-btn {
	font-family: Lato;
	text-transform: uppercase;
	font-weight: bold;
}

.case-study__copy-container {
	text-align: center;
	margin-bottom: 16px;
}

.case-study__copy-input {
	width: 330px;
	max-width: 100%;
	padding: 20px 5px;
	margin-bottom: 10px;
	height: 36px;
}

/*==================================================
 Integrations: Overview
 ==================================================*/
.integrations-partners-container .integrations-overview__header {
	margin-bottom: 10px;
}

.integrations-partners-container .integrations-overview__see-all-cta {
	margin-bottom: 40px;
}

.integrations-partners-container .integrations-overview__see-all-cta a {
	font-family: Lato;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	color: #5BC45E;
}

.integrations-overview__third-box {
	display: none;
}

@media (min-width: 1200px) {
	.integrations-overview__third-box {
		display: block;
	}
}

.bubble {
	display: block;
	background-color: white;
	max-width: 60px;
	height: 60px;
	width: 60px;
	margin: 10px auto;
	border-radius: 100px;
	padding: 5px;
	overflow: hidden;
	transition: all .2s ease-in-out;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}

.bubble:hover {
	transform: scale(1.06);
}

@media (min-width: 520px) {
	.bubble {
		max-width: 120px;
		height: 120px;
		width: 120px;
		padding: 10px;
	}
}

.bubble__row {
	padding-top: 10px;
	padding-bottom: 10px;
}

.bubble__img {
	width: 100%;
	max-width: 100%;
}

.bubble__img--rectangular {
	position: relative;
	top: 6px;
}

@media (min-width: 520px) {
	.bubble__img--rectangular {
		top: 12px;
	}
}

/*==================================================
 Integrations: Specialists
 ==================================================*/
.specialist,
.integrations-partners-container .specialist {
	width: 90%;
	padding: 10px;
}

.specialist__info-container,
.specialist__image-container {
	width: 100%;
}

.specialist__info-container {
	padding: 10px;
}

.specialist__image-container {
	padding-bottom: 58.5%;
	height: 0;
	background-size: cover;
	background-position: center;
}

@media (min-width: 768px) {
	.specialist__info-container,
	.specialist__image-container {
		width: 50%;
		display: inline-block;
		float: left;
	}

	.specialist__image-container {
		height: 294px;
		padding-bottom: 0;
	}
}

.specialist__description {
	margin-bottom: 0;
}

.specialist__min-price {
	font-weight: 700;
}

.specialist__container-link {
	color: inherit;
}

.specialist__container-link:hover {
	color: inherit;
}

/*==================================================
 Specialist Specialties
 ==================================================*/

.specialist__specialty {
	color: #909AA8;
	text-decoration: none;
	background-color: #ECF0F6;
	border-radius: 10px;
	padding: 4px 8px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
}

.specialist__specialty:hover {
	color: #909AA8;
	text-decoration: none;
}

.specialist__specialty--more {
	padding: 4px 7px;
}

/*==================================================
 Specialist Details
 ==================================================*/
 .specialist-message-button:hover,
 .specialist-message-button:active,
 .specialist-message-button:focus,
 .specialist-message-button:active:focus,
 .specialist-message-button:active:hover {
 	color: white;
 	background-color: #5BC45E;
 	border: 1px solid #5BC45E;
 }

.specialist__external-link {
	margin: 10px auto;
}

.integrations-partners-container .logo {
	margin-bottom: 15px;
	min-height: 52px;
}

.specialist__detail-header {
	padding-bottom: 0;
}

.specialist__specialties-container--details {
	line-height: 1.8;
}

.specialist__specialties-header {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 2px;
}

.specialist__min-budget {
	font-size: 12px;
}

.specialist__budget-container {
	margin-top: 10px;
}

@media (min-width: 992px) {
	.specialist__budget-container {
		margin-top: 0;
		text-align: right;
	}
}

.specialist__screenshot {
	margin-top: 40px;
	width: 100%;
	max-width: 800px;
}

.specialist__screenshot-duo-container {
	margin: 0 auto;
	width: 100%;
}

.specialist__screenshot:first-of-type {
	margin-top: 0;
}

.specialist__screenshot--owl {
	margin: 0 auto;
}

.specialist__link-section,
.specialist__link-section:hover,
.specialist__link-section:active,
.specialist__link-section:focus {
	color: inherit;
	text-decoration: inherit;
}

.specialist__body-info-block {
	margin: 40px 10px 80px;
}

@media (min-width: 992px) {
	.specialist__body-info-block {
		margin: 40px 10% 70px;
	}
}

.specialist__body-header {
	font-weight: 700;
}

.specialist__body-description {
	line-height: 1.8;
}

/*==================================================
 Specialist Contact Form
 ==================================================*/
.specialist-modal .tingle-modal-box {
	max-width: 500px;
}

.specialist-modal .tingle-modal-box__content {
	padding: 0;
}

.specialist-modal .row {
	padding: 1.5rem 2rem;
}

.specialist-modal .specialist-contact__form-row {
	padding: 0 2rem 2rem;
}

.specialist-modal hr {
	margin: 0;
}

.specialist__modal-header-container {
	position: relative;
}

.specialist__modal-header {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	color: #8B9AAB;
	margin-bottom: 0;
}

.specialist__modal-custom-close {
	position: absolute;
	top: -24px;
	right: -26px;
	font-size: 24px;
	font-weight: 700;
	color: #5BC45E;
	padding: 5px 10px;
	cursor: pointer;
}

.specialist-contact .material-input input,
.specialist-contact .material-input textarea {
	font-size: 24px;
}

.specialist-contact .material-input input {
	line-height: 46px;
	height: auto;
}

.specialist-contact .material-input label {
	font-size: 24px;
}

.specialist-contact .btn {
	margin-top: 10px;
}

.specialist-contact .material-input :focus ~ label {
	color: #5BC45E;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 400;
}

.specialist-contact .material-input .filled ~ label {
	color: #000;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 400;
}

.specialist-contact .material-input .filled.error ~ label,
.specialist-contact .error:focus ~ label {
	color: red;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 400;
}

.specialist-contact .material-bar:before, .specialist-contact .material-bar:after {
	background: #5BC45E;
}

.specialist-contact .material-input input.filled,
.specialist-contact .material-input textarea.filled,
.specialist-contact .material-select.filled > label {
	border-bottom: 1px solid #000;
}

.specialist-contact__error {
	font-size: 10px;
	text-transform: uppercase;
	color: red;
	text-align: center;
	padding: 10px 0 6px;
	font-weight: 400;
}

.specialist-contact__success-message {
	padding: 20px;
	margin: 20px 0;
	display: none;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
}

/*==================================================
 Specialist Contact Form
 ==================================================*/
.shuffle__filters-container {
	background-color:  #ECF0F6;
	font-size: 12px;
	position: relative
}

.shuffle__filter-dropdown-toggle {
	color: #2A2F36;
	text-transform: uppercase;
	font-weight: 700;
	padding: 20px 20px;
	display: block;
	width: 100%;
	text-align: center;
}

.shuffle__filter-dropdown-toggle--small {
	width: 100%;
}

@media (min-width: 768px) {
	.shuffle__filter-dropdown-toggle {
		display: inline-block;
		width: 219px;
		text-align: left;
	}

	.shuffle__filter-dropdown-toggle--small {
		width: 170px;
	}

	.shuffle__filter-dropdown-toggle--large {
		width: 250px;
	}
}

.shuffle__filters-row .shuffle__filter.open .shuffle__filter-dropdown-toggle {
	background-color: white;
	-webkit-box-shadow: 0 8px 12px rgba(0,0,0,.175);
	-moz-box-shadow: 0 8px 12px rgba(0,0,0,.175);
	box-shadow: 0 8px 12px rgba(0,0,0,.175);
}

.shuffle__filters-row .shuffle__dropdown-container.open .shuffle__filter-dropdown-toggle {
	background-color: white;
	-webkit-box-shadow: 0 8px 12px rgba(0,0,0,.175);
	-moz-box-shadow: 0 8px 12px rgba(0,0,0,.175);
	box-shadow: 0 8px 12px rgba(0,0,0,.175);
}

.shuffle__filter-dropdown-toggle:hover {
	color: #2A2F36;
	text-decoration: none;
}

.shuffle__sort-dropdown-text,
.shuffle__filter-dropdown-caret {
	color: #909AA8;
}

.shuffle__filter-dropdown-caret {
	margin-left: 12px;
}

.shuffle__filters-dropdown {
	position: absolute;
	border-radius: 0;
	border: 0;
	-webkit-box-shadow: 0 8px 12px rgba(0,0,0,.175);
	-moz-box-shadow: 0 8px 12px rgba(0,0,0,.175);
	box-shadow: 0 8px 12px rgba(0,0,0,.175);
	padding-bottom: 20px;
	z-index: 95;
}

.shuffle__platforms-options {
	top: 53px;
	left: 15px;
	width: calc(100% - 30px);
}

.shuffle__locations-options {
	top: 106px;
	left: 15px;
	width: calc(100% - 30px);
}

.shuffle__budget-options {
	top: 159px;
	left: 15px;
	width: calc(100% - 30px);
}

.shuffle__platforms-options--small {
	width: calc(100% - 30px);
}

@media (min-width: 768px) {
	.shuffle__platforms-options {
		top: 53px;
		left: 15px;
		width: 219px;
	}

	.shuffle__platforms-options--small {
		width: 170px;
	}

	.shuffle__platforms-options--large {
		width: 250px;
	}

	.shuffle__locations-options {
		top: 53px;
		left: 187px;
		width: 170px;
	}

	.shuffle__budget-options {
		width: 170px;
		top: 53px;
		left: 360px;
	}
}

.filter-option input[type="checkbox"] {
	position: absolute;
	left: 22px;
}


.filter-option label {
	padding-left: 52px;
	display: block;
	font-weight: 400;
}

.shuffle__platforms-options--small .filter-option input[type="checkbox"] {
	position: absolute;
	left: 18px;
}


.shuffle__platforms-options--small .filter-option label {
	padding-left: 46px;
}

.filter-option input[type="checkbox"]:checked ~ label {
	font-weight: 700;
}

.shuffle__budget-search-label {
	display: block;
}

.shuffle__budget-search {
	display: block;
	width: 80%;
	margin: auto;
	border: 2px solid #909AA8;
	border-radius: 11px;
	padding-left: 22px;
	padding-right: 12px;
	outline: none;
	-moz-appearance:textfield;
}

.shuffle__budget-search::-webkit-inner-spin-button,
.shuffle__budget-search::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.shuffle__budget-dollar-sign {
	position: absolute;
	left: calc(10% + 15px);
	top: 8px;
}

@media (min-width: 768px) {
	.shuffle__budget-dollar-sign {
		left: 30px;
	}
}

.shuffle__budget-search:focus,
.shuffle__budget-search:active {
	border: 2px solid #5BC45E;
}

.shuffle__sort-options {
	width: calc(100% - 30px);
	top: 53px;
	left: 15px;
	text-align: center;
}

@media (min-width: 768px) {
	.shuffle__sort-options {
		width: 219px;
		top: 53px;
		right: 15px;
		text-align: center;
		left: auto;
	}
}

.shuffle__sort-option-label {
	display: block;
	margin: 0;
	padding: 3px 0;
	font-weight: 400;
}

.shuffle__sort-option-label.active {
	font-weight: 700;
}

.shuffle__sort-option-label:hover {
	color: white;
	background-color: #5BC45E;
}

.shuffle__sort-option {
	clip: rect(0,0,0,0);
	pointer-events: none;
	position: absolute;
	display: block;
}

.shuffle__filters_spacer {
	display: block;
	margin-top: 20px;
}

.js-tools-container .partner,
.js-specialist-container .partner,
.partner {
	margin-bottom: 15px;
	margin-top: 15px;
}

/*==================================================
 FormStack
 ==================================================*/
.fsLabel {
	font-weight: 700;
}

#refersion-fs-form .fsSubmitButton {
	font-family: Lato, sans-serif !important;
	font-weight: 700 !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	background-color: #5BC45E !important;
	color: #fff !important;
	border: 1px solid #5BC45E !important;
	padding: 15px 26px !important;
	margin-top: 30px !important;
	margin-bottom: 55px !important;
	width: 200px !important;
	border-radius: 30px !important;
}

#refersion-fs-form .fsSubmitButton.fsSubmitMultipage {
	font-family: Lato, sans-serif !important;
	font-weight: 700 !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	background-color: #5BC45E !important;
	color: #fff !important;
	border: 1px solid #5BC45E !important;
	padding: 9px 10px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	width: 120px !important;
	border-radius: 30px !important;
}

#refersion-fs-form .fsSubmitButton:hover,
#refersion-fs-form .fsSubmitButton:active,
#refersion-fs-form .fsSubmitButton:focus,
#refersion-fs-form .fsSubmitButton:active:focus,
#refersion-fs-form .fsSubmitButton:active:hover {
	color: white !important;
	background-color: #5BC45E !important;
	border: 1px solid #5BC45E !important;
}

#refersion-fs-form .fsProgressBar {
	background-color: #96dd45;
}

.header-section__black-on-white {
	margin-top: 60px;
}

.header-section__black-on-white .main-text {
	text-align: center;
	font-family: Lora;
	font-size: 40px;
	color: #2a2f36;
}

.header-section__black-on-white .secondary-text {
	font-family: Lato;
	font-size: 20px;
	color: #4a4a4a;
	width: 70%;
	margin: 0 auto;
	font-weight: 300;
}