body {
	font-family: 'proxima-nova', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.7;
}
.wf-loading,
.wf-loading .nav.navbar-nav.navbar-right {
/*	visibility: hidden;
	opacity: 0;*/
}
.wf-active {
/*	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;*/
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
}
p {
	color: #656565;
}
.container {
	max-width: none;
}
.btn {
	border: 0;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
}

/***********************************************
	LIGHTBOX
***********************************************/
/* Preload images */
body:after {
  content: url(../img/lb_close.png) url(../img/lb_loading.gif) url(../img/lb_prev.png) url(../img/lb_next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/lb_loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/lb_prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/lb_next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/lb_close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/***********************************************
	NAVBAR
***********************************************/
.navbar {
	padding: 25px 0;
	margin: 0;
	/*background: #fff;*/
	/*box-shadow: 0 6px 20px rgba(0,0,0,0.1);*/
	-webkit-transition: padding 0.4s, background-color 0.2s;
	-o-transition: padding 0.4s, background-color 0.2s;
	transition: padding 0.4s, background-color 0.2s;
}
.navbar-right {
	margin: 0;
}
.navbar-nav > li > a {
	color: #fff;
	font-size: 13px;
	margin: 6px 0 0 40px;
	padding: 4px 0px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
}
.nav > li > a:hover, .nav > li > a:focus {
	background: none;
	/*border: 0 none;*/
	text-decoration: none;
	color: #fff;
	border-bottom: 2px solid #fff;
}
.navbar-nav > li > a.loginbtn {
	margin-left: 60px;
}
.navbar .navbar-nav > li > a.signupbtn,
.navbar .navbar-nav > li > a.dashboardbtn {
	padding: 10px 28px;
	margin: 0 0 0 30px;
	border: 0;
	background: #F4AA0B;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
}
.navbar .navbar-nav > li > a.signupbtn:hover,
.navbar .navbar-nav > li > a.signupbtn:focus,
.navbar .navbar-nav > li > a.dashboardbtn:hover,
.navbar .navbar-nav > li > a.dashboardbtn:focus {
	background: #F5B324;
}
.navbar .navbar-nav > li > a.signupbtn:active,
.navbar .navbar-nav > li > a.dashboardbtn:active {
	background: #DB990A;
}
.nav > li > a.sign-in {
	border: 1px solid #c5c5c5;
	border-radius: 4px;
	padding: 9px 14px;
}
.nav > li > a.sign-in:hover, .nav > li > a.sign-in:focus {
	background: #3498db;
	border-color: #3498db;
	color: #fff;
}
.nav > li > a.btn-primary {
	color: #fff;
}
.nav > li > a.btn-outline {

}
.nav > li > a.btn-primary:hover,
.nav > li > a.btn-primary:focus {
	background: #5dade2;
	color: #fff;
}
.nav > li > a.btn-primary:active {
  background: #2c81ba;
}
.nav > li > a.btn-outline:hover, .nav > li > a.btn-outline:focus {
	border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3) !important;
	color: #444;
}
.navbar .logo {
  margin: 0;
  padding: 0;
  height: auto;
  float: left;
}
.navbar .logo {
	display: block;
	height: 32px;
	background: url('../img/snappa_logo_dual.png');
	width: 145px;
	margin-top: 5px;
	background-position: top left;
	background-size: 145px auto;
	background-repeat: no-repeat;
}
.navbar .logo:hover,
.navbar .logo:focus,
.navbar .logo:active {
	text-decoration: none;
}
.navbar.white {
	background: #fff;
	padding: 15px 0;
	box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.navbar.white .logo {
	background-position: bottom left;
}
.navbar.white .navbar-nav > li > a:not(.signupbtn) {
	color: #656565;
}
.navbar.white .nav > li > a:not(.signupbtn):hover,
.navbar.white .nav > li > a:not(.signupbtn):focus {
	border-bottom: 2px solid #656565;
}

/***********************************************
	STATIC PAGE TITLE
***********************************************/
.static-page-title {
	background: #343e51;
	background: -moz-linear-gradient(top,  #343e51 0%, #45526b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343e51), color-stop(100%,#45526b));
	background: -webkit-linear-gradient(top,  #343e51 0%,#45526b 100%);
	background: -o-linear-gradient(top,  #343e51 0%,#45526b 100%);
	background: -ms-linear-gradient(top,  #343e51 0%,#45526b 100%);
	background: linear-gradient(to bottom,  #343e51 0%,#45526b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343e51', endColorstr='#45526b',GradientType=0 );
	background: linear-gradient(25deg, #16528D 15%, #26A7D5 97%);
	/*	background: #356693;
	background: -moz-linear-gradient(top,  #356693 0%, #417bb5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#356693), color-stop(100%,#417bb5));
	background: -webkit-linear-gradient(top,  #356693 0%,#417bb5 100%);
	background: -o-linear-gradient(top,  #356693 0%,#417bb5 100%);
	background: -ms-linear-gradient(top,  #356693 0%,#417bb5 100%);
	background: linear-gradient(to bottom,  #356693 0%,#417bb5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356693', endColorstr='#417bb5',GradientType=0 );
	*/
	box-shadow: 0 10px 10px rgba(0,0,0,0.06) inset;
	color: #fff;
	margin-bottom: 40px;
}
.static-page-title h1 {
	margin: 40px 0;
}

/***********************************************
	404 PAGE
***********************************************/
#notFoundPage {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

#notFoundPage .jumbo {
	background: #00658A;
	color: #fff;
	padding: 60px 0;
	text-align: center;
}
#notFoundPage .jumbo h1 {
	font-size: 42px;
	font-weight: 300;
	margin: 0;
	line-height: 1.25;
}
#notFoundPage p {
	text-align: center;
	margin: 60px 0 300px;
}

/***********************************************
	GRADIENT JUMBO
***********************************************/

.gradient-jumbo {
	color: #fff;
	margin-bottom: 40px;
	position: relative;
	background: #356FA3; /* Old browsers */
	background: -moz-linear-gradient(25deg,  #223c65 1%, #2d5d96 30%, #4390bb 97%); /* FF3.6+ */
	background: -webkit-linear-gradient(25deg,  #223c65 1%,#2d5d96 30%,#4390bb 97%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(25deg,  #223c65 1%,#2d5d96 30%,#4390bb 97%); /* Opera 11.10+ */
	background: -ms-linear-gradient(25deg,  #223c65 1%,#2d5d96 30%,#4390bb 97%); /* IE10+ */
	background: linear-gradient(25deg,  #223c65 1%,#2d5d96 30%,#4390bb 97%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223c65', endColorstr='#4390bb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background: linear-gradient(25deg, #16528D 15%, #26A7D5 97%);
}


/***********************************************
	HOME PAGE
***********************************************/
.small-underline {
	
}
#homePage {
	overflow-x: hidden;
}
#homePage .jumbo {
	/*	background-image: url(../img/home-bg.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:50% 50%;*/
	position: relative;
	padding: 157px 0 100px;

/*	background: #0096cc; /* Old browsers 
	background: -moz-radial-gradient(center, ellipse cover,  #0096cc 0%, #11406e 100%); /* FF3.6+ 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0096cc), color-stop(100%,#11406e)); /* Chrome,Safari4+ 
	background: -webkit-radial-gradient(center, ellipse cover,  #0096cc 0%,#11406e 100%); /* Chrome10+,Safari5.1+ 
	background: -o-radial-gradient(center, ellipse cover,  #0096cc 0%,#11406e 100%); /* Opera 12+ 
	background: -ms-radial-gradient(center, ellipse cover,  #0096cc 0%,#11406e 100%); /* IE10+ 
	background: radial-gradient(ellipse at center,  #0096cc 0%,#11406e 100%); /* W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096cc', endColorstr='#11406e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	background: #16528d;
	background: -moz-linear-gradient(25deg,  #16528d 15%, #26a7d5 97%);
	background: -webkit-linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	background: linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16528d', endColorstr='#26a7d5',GradientType=1 );

/*	background: linear-gradient(25deg, #223C65 1%, #2D5D96 35%, #4390BB 97%);
	background: linear-gradient(25deg, #16528D 15%, #26A7D5 97%);*/

}
#homePage .jumbo .banner-overlay {
	background-image: url(../img/bg_03.jpg);
	background-size: cover;
	background-position: 50% 35%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.2;
	display: none;
}
#homePage .jumbo .logo {
	color: #fff;
}
#homePage .jumbo .navbar .logo .fa,
#homePage .jumbo .navbar .logo .fa.second {
	opacity: .3;
	color: #fff;
}
#homePage .jumbo .navbar .logo .name-logo {
	color: #fff;
}
#homePage .jumbo .navbar-nav > li > a {
	color: #fff;
}
#homePage .jumbo .navbar-nav > li > a.btn {
	box-shadow: none;
}
#homePage .jumbo .navbar-nav > li > a.btn-outline {
	border-color: rgba(255,255,255,0.4);
}
#homePage .jumbo .navbar-nav > li > a.btn-outline:hover,
#homePage .jumbo .navbar-nav > li > a.btn-outline:focus {
	border-color: #fff !important;
}
#homePage .jumbo .navbar-nav > li > a.btn-primary {
	color: #3498db;
	border-color: #fff;
	background: rgba(255,255,255,0.85);
}
#homePage .jumbo .navbar-nav > li > a.btn-primary:hover,
#homePage .jumbo .navbar-nav > li > a.btn-primary:focus {
	border-color: #fff !important;
	background: #fff;
}
#homePage .jumbo .cta {
	z-index: 100;
	position: relative;
}
#homePage .jumbo .cta h1 {
	color: #fff;
	font-size: 44px;
	margin: 0 0 20px;
	font-weight: 700;
	padding-top: 24px;
	line-height: 1.2;
	letter-spacing: 1px;
}
#homePage .jumbo .cta h1 span {
	display: block;
}
#homePage .jumbo .cta p {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	padding-right: 80px;
}
#homePage .jumbo .cta #cta-home-top.btn {
	margin-top: 30px;
	padding: 14px 32px;
	font-size: 18px;
	background: #F4AA0B;
	color: #fff;
	font-weight: 500;
	box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
	border: 0;
	letter-spacing: 1px;
	width: 275px;
}
#homePage .jumbo .cta .no-credit {
	color: rgba(255,255,255,0.7);
	display: block;
	font-size: 12px;
	width: 275px;
	/*text-align: center;*/
	margin-left: 4px;
	margin-top: 4px;
}
#homePage .jumbo .cta #cta-home-top.btn:hover,
#homePage .jumbo .cta #cta-home-top.btn:focus {
	background: #F5B324;
}
#homePage .jumbo .cta #cta-home-top.btn:active {
	background: #DB990A;
}
#homePage .jumbo .videoHolder {
	border: 4px solid rgba(255,255,255,0.4);
	box-shadow: rgba(0, 0, 0, 0.45) 0px 42px 98px 0px;
	height: 370px;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}
#homePage .jumbo .videoHolder .snappa-gif {
	max-width: 100%;
	width: 100%;
}
#homePage .jumbo .videoHolder .playFull {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
}
#homePage .jumbo .videoHolder .playFull .btn {
	color: #fff;
	background: rgba(0,0,0,0.75);
	box-shadow: none;
	border: 2px solid #fff;
	font-size: 18px;
	margin-top: 138px;
	border-radius: 5px;
	padding: 20px 54px;
}
#homePage .jumbo .videoHolder .playFull .btn:hover,
#homePage .jumbo .videoHolder .playFull .btn:focus {
	border: 2px solid #fff !important;
	background: rgba(0,0,0,0.95);
}
#homePage .jumbo .videoHolder .playFull .btn:active {
	border: 2px solid #fff;
	background: rgba(0,0,0,0.65);
}
#homePage .jumbo .videoHolder .playFull .plyr {
	
}
#homePage .jumbo .browser-window {
	text-align: left;
	width: 100%;
	display: inline-block;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 42px 98px 0px;
	overflow: hidden;
}
#homePage .jumbo .browser-window .top-bar {
	height: 30px;
	border-radius: 5px 5px 0 0;
	border-top: thin solid #eaeae9;
	border-bottom: thin solid #dfdfde;
	background: linear-gradient(#e7e7e6, #e2e2e1);
}
#homePage .jumbo .browser-window .circle {
	height: 8px;
	width: 8px;
	display: inline-block;
	border-radius: 50%;
	background-color: white;
	margin-right: 4px;
}
#homePage .jumbo .browser-window .circles {
	margin: -1px 11px 0;
}
#homePage .jumbo .browser-window .content {
	margin: 0;
	width: 100%;
	display: inline-block;
	border-radius: 0 0 5px 5px;
	background-color: #fafafa;
}
#homePage .jumbo .browser-window .content img {
	width: 100%;
}
#homePage .jumbo .clear {
	clear: both;
}

#homePage .jumbo .featuredIn {
    color: #fff;
    background: rgba(0,0,0,0.12);
    margin-top: 110px;
    padding: 20px 0 30px;
}
#homePage .jumbo .featuredIn p {
	text-align: center;
	color: rgba(255,255,255,0.4);
	margin-bottom: 25px;
}
#homePage .jumbo .featuredIn .companyLogo {
	float: left;
	width: 20%;
	text-align: center;
	font-weight: 700;
	color: rgba(255,255,255,0.4);
	font-size: 28px;
}
#homePage .jumbo .featuredIn .companyLogo img {
	max-height: 25px;
	display: inline-block;
	opacity: 0.6;
}
#homePage .example-section {
	padding: 120px 0;
	/*background: #f0f3f5;*/
}
#homePage .example-section .longform {
	padding-left: 20px;
}
#homePage .example-section h3 {
	font-size: 32px;
	margin-bottom: 30px;
	line-height: 1.25;
}
#homePage .example-section .snappa-screen {
	width: 100%;
	height: auto;
}
.fake-browser-ui {
	/*padding: 20px 0 0;*/
	border-radius: 3px;
	border: 1px solid #d5d5d5;
	/*background: #ddd;*/
	display: inline-block;
	position: relative;
	line-height: 0;
	overflow: hidden;
}
.fake-browser-ui .frame {
	/*display: block;*/
	height: 15px;
	position: absolute;
	top: 5px;
	left: 1px;

	display: none;
}
.fake-browser-ui img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.fake-browser-ui span {
	height: 8px;
	width: 8px;
	border-radius: 8px;
	background-color: #eee;
	border: 1px solid #dadada;
	float: left;
	margin: 0 0 0 4px;
}
.hexagon {
  position: relative;
  width: 246px; 
  height: 142.03px;
  background-color: #0e99cc;
  margin: 71.01px 0;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 123px solid transparent;
  border-right: 123px solid transparent;
}

.hexagon:before {
  bottom: 100%;
  border-bottom: 71.01px solid #0e99cc;
}

.hexagon:after {
  top: 100%;
  width: 0;
  border-top: 71.01px solid #0e99cc;
}
#homePage .why {
	/*background: #f0f3f5;*/
	padding: 80px 0 40px;
}
#homePage .why h2 {
	text-align: center;
	margin: 0 0 30px;
	font-size: 36px;
}
#homePage hr {
	border-width: 4px;
	margin-bottom: 80px;
	width: 170px;
	border-color: rgba(0,0,0,0.1);
}
#homePage .why h3 {
	font-size: 28px;
	margin-bottom: 15px;
}
#homePage .why img {
	max-width: 380px;
}
#homePage .why img.graphics {
	max-width: 80%;
	padding-top: 20px;
}
#homePage .why img.resize {
	max-width: 90%;
	padding-top: 50px;
}
#homePage .why .row {
	margin-bottom: 100px;
}
#homePage .why .subexp {
	text-align: center;
	color: #888;
	margin-bottom: 60px;
	font-size: 20px;
}
#homePage .why .feature {
	margin-bottom: 40px;
	text-align: center;
}
#homePage .why .feature .icn {
	display: block;
}
#homePage .why .feature .icn img {
	border-radius: 50%;
	border: 5px solid #fff;
	width: 120px;
	height: 120px;
	position: relative;
	box-shadow: 0 3px 6px rgba(0,0,0,0.12);
}
#homePage .why .feature .type h4 {
	margin: 40px 0 10px;
	font-size: 22px;
	font-weight: 500;
}
#homePage .why .feature .type p {
	margin: 0;
	color: #656565;
}
#homePage .why .btn {
	margin-top: 40px;
	padding: 18px 40px;
	font-size: 18px;
	text-transform: uppercase;
    font-weight: 500;
}
#homePage .cta-section {
	background: #16528d;
	background: -moz-linear-gradient(25deg,  #16528d 15%, #26a7d5 97%);
	background: -webkit-linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	background: linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16528d', endColorstr='#26a7d5',GradientType=1 );
	color: #fff;
	text-align: center;
}
#homePage .cta-section h2 {
	font-size: 36px;
	margin: 80px auto 50px;
	max-width: 848px;
}
#homePage .cta-section .btn {
	padding: 18px 40px;
	font-size: 18px;
	margin-bottom: 80px;
}
#homePage .cta-section .no-credit {
	color: rgba(255,255,255,0.7);
	display: block;
	font-size: 12px;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 100px;
}
#homePage .templates {
	text-align: center;
}
#homePage .templates .shadow,
#homePage .templates .shadow-alt {
	background-image: url('../img/shadow.png');
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 0;
	height: 60px;
	line-height: 10px;
	overflow: hidden;
	opacity: 0.05;
}
#homePage .templates .shadow-alt {
	background-image: url('../img/shadow-alt.png');
}
#homePage .templates h2 {
	margin: 0 0 80px;
	font-size: 36px;
	text-align: center;
}
#homePage .templates h4 {
	font-size: 24px;
	margin: 40px 0 10px;
}
#homePage .templates img.svg {
	max-width: 150px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.12);
	border-radius: 50%;
	border: 5px solid #fff;
}
#homePage .templates .subexp {
	text-align: center;
	margin: 0 auto 60px;
	max-width: 600px;
}
#homePage .templates .shadow-pad {
	padding: 80px 0;
}
#homePage .templates .templatesJumbo {
	width: 100%;
}
#homePage .templates .templates-grid {

}
#homePage .templates .templates-grid .gridimg {

}
#homePage .templates .templates-grid img {
	width: 100%;
	border-radius: 3px;
	margin-bottom: 30px;
	display: block;
}
#homePage .features {
	/*color: #fff;*/
	/*background: #00658A;*/
	background: #fff;
	padding: 80px 0 60px;
	/*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
#homePage .features h2 {
	text-align: center;
	margin-top: 0;
	font-size: 36px;
}
#homePage .features .subexp {
	text-align: center;
	margin: 0 auto 80px;
	max-width: 700px;
}
#homePage .features img {
	max-height: 42px;
	display: block;
	margin: 0 auto 20px;
}
#homePage .features i {
	font-size: 42px;
	color: #EAB32A;
	display: block;
	text-align: center;
	margin-bottom: 20px;
	height: 42px;
}
#homePage .features h4 {
	font-weight: 400;
	margin: 0 0 80px;
	text-align: center;
}
#homePage .features .more-features {
	font-weight: 500;
	font-size: 16px;
	padding: 14px 40px;
	text-transform: uppercase;
}
#homePage .features .all-features {
	text-align: center;
}
#homePage .features .all-features .btn-outline {
	text-transform: uppercase;
	color: #fff;
	border: 2px solid #fff;
	box-shadow: none;
	font-size: 18px;
	font-weight: 500;
	padding: 14px 40px;
}
#homePage .beny {
	padding: 80px 0 100px;
	position: relative;
	color: #fff;
	background: #16528d;
	background: -moz-linear-gradient(25deg,  #16528d 15%, #26a7d5 97%);
	background: -webkit-linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	background: linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16528d', endColorstr='#26a7d5',GradientType=1 );
}
#homePage .beny img {
	max-width: 80%;
}
#homePage .beny .banner-overlay {
	background-size: cover;
	background-position: 50% 35%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.12;
}
#homePage .beny .container {
	z-index: 100;
	position: relative;
}
#homePage .beny h2 {
	text-align: center;
	margin: 0 0 60px;
	font-size: 36px;
}
#homePage .beny ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	max-width: 720px;
	margin: 0 auto;
}
#homePage .beny ul li {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 300;
	font-size: 18px;
}
#homePage .beny ul li strong {
	text-decoration: underline;
	font-weight: 500;
}
#homePage .beny ul li i {
	float: left;
	width: 10%;
	line-height: 30px;
	text-align: center;
	font-size: 22px;
	color: #00D632;
}
#homePage .beny ul li span.fact {
	float: left;
	width: 90%;
}
#homePage .beny ul li span.source {
	font-size: 12px;
	position: relative;
	color: rgba(255,255,255,0.5);
}
#homePage .beny ul li span.source a {
	color: rgba(255,255,255,0.5);
}
#homePage .testimonial {
	padding: 80px 0;
	background: #F2F4F7;
}
#homePage .testimonial.alternate {
	border: 0;
}
#homePage .testimonial .usr {
	padding: 34px 0;
	border-right: 1px solid rgba(0,0,0,0.15);
}
#homePage .testimonial.alternate .usr {
	padding: 8px 0;
}
#homePage .testimonial .usr img {
	float: left;
	margin-right: 30px;
	width: 100px;
	height: 100px;
	background-color: #1C658D;
	border: 2px solid rgba(0,0,0,0.15);
	border-radius: 50%;

	border-radius: 50%;
    border: 5px solid #fff;
    width: 120px;
    height: 120px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.12);
}
#homePage .testimonial .usr .name {
	float: left;
	margin: 0;
	padding-top: 30px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	text-transform: uppercase;
}
#homePage .testimonial.alternate .usr .name {
	font-size: 22px;
}
#homePage .testimonial .usr .name span {
	font-size: 13px;
	font-weight: 300;
	font-style: italic;
	text-transform: none;
}
#homePage .testimonial.alternate .usr .name span {
	font-size: 16px;
}
#homePage .testimonial .usr .name span a {
	color: #656565;
	text-decoration: underline;
}
#homePage .testimonial .quote {
	padding: 20px 0 0 0;
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
}
#homePage .testimonial .quote p {
	margin: 0;
}
#homePage .facts h2 {
	text-align: center;
	margin-top: 0;
	font-size: 36px;
}
#homePage .facts .subexp {
	text-align: center;
	margin: 0 auto 40px;
	max-width: 700px;
}
#homePage .facts .credit {
	display: inline-block;
	margin: 0 30px 80px;
	color: #aaa;
	font-style: italic;
}
#homePage .facts {
	text-align: center;
	padding: 80px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	background: #F2F4F7;
}
#homePage .facts .banner-overlay {
	background-image: url(../img/bg_03.jpg);
	background-size: cover;
	background-position: 50% 35%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.12;
}
#homePage .facts .container {
	z-index: 100;
	position: relative;
}
#homePage .facts .quote {

	font-size: 36px;
	font-weight: 500;
	margin: 0;
}
#homePage .facts .btn {
	padding: 14px 40px;
	font-size: 16px;
	background: #F4AA0B;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}
#homePage .facts a {
	display: inline-block;
	margin: 0 30px 80px;
}
#homePage .join-section {
	color: #fff;
	background: #16528d;
	background: -moz-linear-gradient(25deg,  #16528d 15%, #26a7d5 97%);
	background: -webkit-linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	background: linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16528d', endColorstr='#26a7d5',GradientType=1 );
	text-align: center;
}
#homePage .join-section h2 {
	font-size: 36px;
	margin: 80px auto 50px;
}
#homePage .join-section .btn {
	margin-bottom: 80px;
	padding: 18px 40px;
	font-size: 18px;
}
#homePage .join-section .companyLogo {
	float: left;
	width: 20%;
	text-align: center;
	font-weight: 700;
	color: rgba(255,255,255,0.4);
	font-size: 28px;
}
#homePage .join-section .darker {
	background: rgba(0,0,0,0.12);
	padding: 20px 0 30px;
}
#homePage .join-section p {
	color: rgba(255,255,255,0.4);
	margin-bottom: 25px;
}
#homePage .join-section .companyLogo img {
	max-height: 25px;
	display: inline-block;
	opacity: 0.6;
}

/***********************************************
	FEATURES PAGE
***********************************************/
#featuresPage .jumbo {
	padding: 140px 0 60px;
	text-align: center;
}
#featuresPage .jumbo h1 {
	margin: 0 0 5px;
	font-size: 46px;
}
#featuresPage .jumbo .subexp {
	margin: 0;
	color: rgba(255,255,255,0.65);
}
#featuresPage .quick {
	padding: 60px 0 0;
}
#featuresPage .quick h2 {
	text-align: center;
	margin: 0 0 60px;
	font-size: 34px;
	font-weight: 400;
}
#featuresPage .quick .feature {
	margin-bottom: 40px;
}
#featuresPage .quick .feature i {
	width: 20%;
	float: left;
	text-align: center;
	font-size: 42px;
	color: #EAB32A;
}
#featuresPage .quick .feature img {
	max-height: 42px;
	display: inline-block;
	float: left;
	margin-right: 20px;
}
#featuresPage .quick .feature .type {
	float: left;
	width: 80%;
}
#featuresPage .quick .feature .type h4 {
	margin: 0 0 5px;
	font-size: 20px;
	font-weight: 400;
}
#featuresPage .quick .feature .type p {
	margin: 0;
	color: #656565;
}
#featuresPage .full hr {

}
#featuresPage .full .feature-row {
	padding: 60px 0;
}
#featuresPage .full .feature {
	text-align: center;
	padding: 48px 0;
}
#featuresPage .full .feature.alt {
	background: #F2F4F7;
}
#featuresPage .full .feature p {
	max-width: 800px;
	margin: 0 auto;
}
#featuresPage .full .feature h4 {
	font-size: 32px;
	margin: 0 0 20px;
}
#featuresPage .full .feature-img {
	text-align: center;
}
#featuresPage .full img {
	width: 100%;
	max-width: 700px;
	border: 2px solid rgba(0,0,0,0.15);
	border-radius: 4px;
	margin-top: 30px;
}
#featuresPage .full .feature-img img.upload {
	max-width: 280px;
}
#featuresPage .full .cta-row {
	padding: 80px 0 100px;
	text-align: center;
}
#featuresPage .full .cta-row .cta {
	font-size: 24px;
	font-weight: 500;
	margin-right: 30px;
	line-height: 44px;
}
#featuresPage .full .cta-row .cta-getstarted {

}
#featuresPage .full .cta-row .or {
	line-height: 44px;
	display: inline-block;
	margin: 0 10px;
}
#featuresPage .full .cta-row .btn-pricing {

}
#featuresPage .dark-cta {
	background: #16528d;
	background: -moz-linear-gradient(25deg,  #16528d 15%, #26a7d5 97%);
	background: -webkit-linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	background: linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16528d', endColorstr='#26a7d5',GradientType=1 );
	color: #fff;
	margin-top: 60px;
}

/***********************************************
	PRICING PAGE
***********************************************/
#pricingPage {

}
#pricingPage .jumbo {
	padding: 140px 0 60px;
	text-align: center;
}
#pricingPage .jumbo h1 {
	margin: 0 0 5px;
	font-size: 46px;
}
#pricingPage .jumbo .subexp {
	margin: 0;
	color: rgba(255,255,255,0.65);
}
#pricingPage .jumbo .btn {
	margin-top: 30px;
	padding: 14px 32px;
	font-size: 18px;
	background: #F4AA0B;
	color: #fff;
	font-weight: 500;
}
#pricingPage .toggle-holder {

}
#pricingPage .nopadding {
	padding: 0 !important;
}
#pricingPage .planselect {
	margin: 20px 0;
}
#pricingPage .plantype-cta {
	float: left;
	line-height: 50px;
	margin: 0;
	font-size: 20px;
	font-weight: 400;
}
#pricingPage .plantype-cta span {
/*	border-bottom: 2px solid rgba(0,0,0,0.15);
	padding-bottom: 2px;*/
}
#pricingPage .price-switch {
	text-align: right;
	float: right;
}
#pricingPage .price-switch .billing-freq {
	display: inline-block;
	font-size: 13px;
	position: relative;
	line-height: 20px;
	float: left;
}
#pricingPage .price-switch .billing-freq.mth {
	margin-right: 6px;
}
#pricingPage .price-switch .billing-freq.yr {
	margin-left: 6px;
}
#pricingPage .price-switch .switch {
	float: left;
	display: inline-block;
	border: 2px solid #d5d5d5;
	border-radius: 40px;
	padding: 0px;
	text-align: center;
	background: #00bd6e;
	position: relative;
	height: 20px;
	width: 32px;
	cursor: pointer;
}
#pricingPage .price-switch .switch span {
	position: relative;
	z-index: 1;
	display: inline-block;
	float: left;
	width: 12px;
	height: 16px;
	line-height: 16px;
	/*cursor: pointer;*/
	font-size: 13px;
	margin: 0;
}
#pricingPage .price-switch .switch span.active {
	background: #fff;
	border-radius: 50%;
	font-weight: 400;
	width: 18px;
	border: 2px solid #d5d5d5;
	position: absolute;
	left: -1px;
	height: 18px;
	top: -1px;
}
#pricingPage .price-switch .switch span[data-price-type="yearly"].active {
	left: auto;
	right: -1px;
}
#pricingPage .pricingtables {
	/*padding: 40px 0 60px;*/
}
#pricingPage .pricingtables .plan {
	text-align: center;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 0 4px 4px 0;
	overflow: hidden;
}
#pricingPage .pricingtables .plan.first {
	margin-top: 60px;
	border-radius: 4px 0 0 4px;
	border-right: 0;
}
#pricingPage .pricingtables .plan.recommended {
	/*box-shadow: 0 5px 20px rgba(0,0,0,0.1);*/
	border: 1px solid #356FA3;
}
#pricingPage .pricingtables .plan .head {
	padding: 0 0 40px;
}
#pricingPage .pricingtables .plan .head h2 {
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 28px;
	letter-spacing: 2px;
	padding: 30px 0;
	background: rgba(0,0,0,0.04);
}
#pricingPage .pricingtables .plan.recommended .head h2 {
	background: #16528d;
	background: -moz-linear-gradient(25deg,  #16528d 15%, #26a7d5 97%);
	background: -webkit-linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	background: linear-gradient(25deg,  #16528d 15%,#26a7d5 97%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16528d', endColorstr='#26a7d5',GradientType=1 );
	color: #fff;
}
#pricingPage .pricingtables .price-wrap {
	text-align: center;
	border: 1px solid rgba(0,0,0,0.12);
	border-radius: 0 4px 4px 0;
	padding: 0px 0 60px 0;
	box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}
#pricingPage .pricingtables .price.monthly {
	display: none;
}
#pricingPage .pricingtables .price h3 span.symbol {
	font-size: 18px;
	vertical-align: top;
	position: relative;
	margin: 3px 0 0 -18px;
	display: inline-block;
}
#pricingPage .pricingtables .price h3 span.cents {
	font-size: 24px;
	vertical-align: top;
	position: relative;
	margin: 6px -14px 0 2px;
	display: inline-block;
}
#pricingPage .pricingtables .price h3 {
	font-size: 32px;
	vertical-align: top;
	line-height: 1;
	font-weight: 400;
	margin-top: 0;
	/*font-size: 10px;*/
}
#pricingPage .pricingtables .price h4 {
	color: #777;
	font-size: 13px;
	font-weight: 300;
	margin: 12px 0 40px;
}
#pricingPage .pricingtables .splash {
	font-size: 16px;
	padding-right: 40px;
	margin-bottom: 20px;
}
#pricingPage .pricingtables ul {
	padding: 0;
	list-style-type: none;
	margin: 0;
	text-align: left;
	padding: 0 0 0 60px;
}
#pricingPage .pricingtables ul li {
	margin-bottom: 8px;
}
#pricingPage .pricingtables ul li i {
	color: #00D632;
	margin-right: 15px;
}
#pricingPage .pricingtables ul li span {
	font-weight: 700;
}
#pricingPage .pricingtables .btn {
	width: 200px;
	padding: 12px 30px;
}
#pricingPage .pricingtables .no-credit {
	display: block;
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}
#pricingPage .pricingtables .btn.btn-default {

}
#pricingPage .features {
	padding: 40px 0 40px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#pricingPage .features h2 {
	text-align: center;
	margin: 0 0 80px;
	font-size: 34px;
	font-weight: 400;
}
#pricingPage .features i {
	font-size: 30px;
	color: #4581BE;
	display: block;
	text-align: center;
	margin-bottom: 15px;
}
#pricingPage .features h4 {
	font-weight: 300;
	margin: 0 0 80px;
	text-align: center;
}
#pricingPage .pricingFaq {

}
#pricingPage .pricingFaq hr {
	margin: 40px 0;
	border-top: 1px solid rgba(0,0,0,0.12);
}
#pricingPage .pricingFaq h2 {
	text-align: center;
	margin: 60px 0 30px;
	border-top: 2px dashed rgba(0,0,0,0.2);
	padding-top: 60px;
}
#pricingPage .pricingFaq .underline {
	width: 170px;
	border-top: 4px solid rgba(0,0,0,0.1);
	margin: 0 auto 50px;
}
#pricingPage .pricingFaq h4 {
	font-size: 20px;
}
#pricingPage .pricingFaq p {
	margin-bottom: 40px;
}
#pricingPage .testimonial {
	margin: 30px 0;
	text-align: center;
}
#pricingPage .testimonial img {
	width: 92px;
	border-radius: 50%;
	border: 3px solid #DCE0E4;
}
#pricingPage .testimonial .nametw {
	color: #292F33;
	font-weight: 500;
	font-size: 16px;
	margin-top: 30px;
}
#pricingPage .testimonial .quote {
	color: #5C6066;
	line-height: 1.8;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	min-height: 140px;
}
#pricingPage .bottom-cta {
	text-align: center;
}
#pricingPage .bottom-cta h2 {
	margin: 80px 0 30px;
}
#pricingPage .bottom-cta .btn {
	margin-bottom: 80px;
	padding: 14px 40px;
	font-size: 18px;
	background: #F4AA0B;
}


/***********************************************
	AFFILIATE PAGE
***********************************************/

#affiliatePage {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#affiliatePage .container {
	max-width: 970px;
}
#affiliatePage .jumbo {
	padding: 140px 0 60px;
	text-align: center;
}
#affiliatePage .jumbo h1 {
	margin: 0 0 5px;
	font-size: 46px;
}
#affiliatePage .jumbo p {
	margin: 0;
	color: rgba(255,255,255,0.65);
}
#affiliatePage h3 {
	margin: 60px 0 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
}
#affiliatePage .join-btn {
	font-size: 16px;
	padding: 20px 40px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 25px 0 0;
}
#affiliatePage ul,
#affiliatePage ol {
	padding: 15px 0 0 30px;
	margin: 0;
}
#affiliatePage ol {
	margin-bottom: 30px;
}
#affiliatePage ul.checklist {
	list-style-type: none;
}
#affiliatePage ul li {
	line-height: 42px;
}
#affiliatePage ul.checklist li i {
	color: #00bf6f;
	margin-right: 12px;
}
#affiliatePage .faq h4 {

}
#affiliatePage .faq p {
	margin-bottom: 30px;
}
#affiliatePage .cta-bottom {
	padding: 10px 0 60px;
}

/***********************************************
	ABOUT PAGE
***********************************************/
#aboutPage .jumbo {
	padding: 140px 0 60px;
	text-align: center;
}
#aboutPage .jumbo h1 {
	margin: 0 0 5px;
	font-size: 46px;
}
#aboutPage .jumbo p {
	margin: 0;
	color: rgba(255,255,255,0.65);
}
#aboutPage .container {
	max-width: 970px;
}
#aboutPage h3 {
	margin: 60px 0 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
}
#aboutPage .team {
	margin: 60px 0 200px;
}
#aboutPage .member {
	text-align: center;
}
#aboutPage .member img {
	border-radius: 50%;
	border: 2px solid #fff;
	width: 120px;
	height: 120px;
	text-align: center;
	margin-bottom: 15px;
	position: relative;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
#aboutPage .member p {
	font-size: 16px;
	margin: 15px 0 10px;
	white-space: nowrap;
}
#aboutPage .member span {
	display: block;
}
#aboutPage .member .name {
	font-weight: 500;
	white-space: normal;
	font-size: 16px;
	color: #444;
}
#aboutPage .member .title {
	font-size: 14px;
}
#aboutPage .member .btn {

}
#aboutPage .member .btn i {
	margin-right: 3px;
}
#aboutPage .values {
	margin-top: 30px;
}
#aboutPage .values p {

}
#aboutPage .values p strong {
	font-weight: 500;
}
#aboutPage hr {
	margin: 40px 0;
}
#aboutPage .try {
	text-align: center;
	padding-bottom: 60px;
}
#aboutPage .try p {
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 30px;
}
#aboutPage .try .btn {
	padding: 14px 30px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
}

/***********************************************
	TERMS PAGE
***********************************************/
#termsPage .jumbo h1 {
	padding: 140px 0 60px;
	text-align: center;
	font-size: 46px;
}

/***********************************************
	PRIVACY PAGE
***********************************************/
#privacyPage .jumbo h1 {
	padding: 140px 0 60px;
	text-align: center;
	font-size: 46px;
}

/***********************************************
	CONTACT PAGE
***********************************************/
#contactPage .jumbo {
	color: #fff;
	padding: 140px 0 60px;
	text-align: center;
}
#contactPage .jumbo h1 {
	font-size: 48px;
	margin: 0 0
}
#contactPage .container {
	max-width: 700px;
}
#contactPage .q {
	margin: 40px 0;
	text-align: center;
	font-size: 22px;
}
#contactPage textarea {
	min-height: 160px;
}
#contactPage .captcha-img {
	max-height: 46px;
	border: 1px solid #ccc;
	border-radius: 3px;
	float: left;
}
#contactPage .input-captcha {
	float: left;
	width: 140px;
	margin-right: 15px;
}
#contactPage .btn {
	padding: 12px 26px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	margin: 10px 0 60px;
}
#contactPage form label.error {
	padding: 0 6px;
	margin-bottom: 20px;
}
#contactPage .send-success {
	margin: 80px 0 220px;
	text-align: center;
	font-size: 22px;
}
#contactPage .send-success strong {
	font-weight: 500;
}

/***********************************************
	LEADPAGES PROMO PAGE
***********************************************/

#promo {
	padding-top: 60px;
}
#promo form label.error {
	margin-top: 0;
}
#promo .logos {
	margin-bottom: 30px;
}
#promo .logos img {
	width: 225px;
	float: left;
	display: inline;
}
#promo .logos img.promoLogo {
	padding: 5px 0;
}
#promo .logos img.snappaLogo {
	width: 169px;
}
#promo .logos span {
	float: left;
	font-weight: 700;
	font-size: 60px;
	line-height: 38px;
	margin: 0 40px;
}
#promo .intro {
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
}
#promo .help-block {
	font-size: 16px;
}
#promo .btn {
	margin: 30px 0 120px;
	padding: 12px 42px;
	font-size: 16px;
	font-weight: 500;
}
#promoModal .modal-body {
	padding: 40px;
}
#promoModal p {
	margin-bottom: 30px;
}
#promoModal .btn-holder {
	text-align: center;
}
#promoModal .btn {
	padding: 12px 30px;
	font-size: 16px;
}

/***********************************************
	PROMO PAGE WRAP
***********************************************/

#promoWrap #homePage .jumbo {
	padding-top: 60px;
}
#promoWrap #homePage .logos {
	text-align: center;
	margin-bottom: 100px;
}
#promoWrap #homePage .logos img {
	max-height: 66px;
	max-width: 300px;
	vertical-align: top;
}
#promoWrap #homePage .logos span {
	line-height: 66px;
	color: #fff;
	font-size: 68px;
	font-weight: 700;
	margin: 0 52px;
}
#promoWrap #homePage .jumbo .videoHolder {

}
#promoWrap #homePage .jumbo .jumbo-heading {
	text-align: center;
	margin-bottom: 80px;
	display: none;
}
#promoWrap #homePage .jumbo .jumbo-heading h1 {
	color: #fff;
	font-size: 48px;
	margin: 0 0 8px;
	font-weight: 700;
	padding-top: 30px;
	line-height: 1.2;
	letter-spacing: 1px;
}
#promoWrap #homePage .jumbo .jumbo-heading p {
	color: rgba(255,255,255,0.6);
	font-size: 19px;
	line-height: 1.4;
	padding-right: 0;
}
#promoWrap #homePage .right-col-wrap {
	margin-left: 30px;
	border-radius: 6px;
}
#promoWrap #homePage .right-col-wrap h1 {
	padding-top: 0;
}
#promoWrap #homePage .right-col-wrap h3 {
	margin-top: 0;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 6px;
	color: #fff;
}
#promoWrap #homePage .right-col-wrap .no-credit {
	margin: 0 0 20px;
	padding: 0;
	font-size: 16px;
	font-weight: 100;
}
#promoWrap #homePage .right-col-wrap .has-feedback-left .form-control {
	padding-left: 56px;
	border: 0;
	line-height: 48px;
	height: 46px;
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 4px 2px rgba(0,0,0,0.08) inset;
	color: #fff;
}
#promoWrap #homePage .right-col-wrap i.form-control-feedback {
	left: 0;
	line-height: inherit;
	color: rgba(255,255,255,0.5);
	line-height: 46px;
	padding-left: 14px;
}
#promoWrap #homePage .right-col-wrap .promo-signup-btn {
	padding: 14px 30px;
	font-size: 16px;
	font-weight: 500;
	margin: 10px 0 0;
	width: 220px;
}
#promoWrap #homePage .right-col-wrap .terms {
	font-size: 12px;
	padding: 0;
	color: rgba(255,255,255,0.55);
}
#promoWrap #homePage .right-col-wrap .terms a {
	color: rgba(255,255,255,0.55);
	text-decoration: underline;
}
#promoWrap #homePage .right-col-wrap .has-feedback-left .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(255,255,255,0.5);
}
#promoWrap #homePage .right-col-wrap .has-feedback-left .form-control::-moz-placeholder { /* Firefox 19+ */
	color: rgba(255,255,255,0.5);
}
#promoWrap #homePage .right-col-wrap .has-feedback-left .form-control:-ms-input-placeholder { /* IE 10+ */
	color: rgba(255,255,255,0.5);
}
#promoWrap #homePage .right-col-wrap .has-feedback-left .form-control:-moz-placeholder { /* Firefox 18- */
	color: rgba(255,255,255,0.5);
}
#promoWrap .pricing-intro {
	margin: 80px 0 30px;
	font-size: 36px;
	text-align: center;
}
#promoWrap .underline {
	width: 170px;
	border-top: 4px solid rgba(0,0,0,0.1);
	margin: 0 auto 50px;
}
#promoWrap #promoModal .modal-x-close {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 100;
	font-size: 28px;
	font-weight: 400;
}
#promoWrap #promoModal .email-confirm-btns {
	text-align: center;
	margin-top: 40px;
}
#promoWrap #promoModal .email-confirm-btns .btn {
	min-width: 140px;
}

/***********************************************
	CONFIRM EMAIL PAGE
***********************************************/
#confirmEmailPage {
	text-align: center;
	padding-bottom: 200px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#confirmEmailPage .jumbo {
	padding: 140px 0 60px;
	text-align: center;
	margin-bottom: 100px;
}
#confirmEmailPage .jumbo h1 {
	margin: 0 0 5px;
	font-size: 46px;
}
#confirmEmailPage .jumbo p {
	margin: 0;
	color: rgba(255,255,255,0.65);
}
#confirmEmailPage p {
	font-size: 18px;
	margin-bottom: 30px;
}
#confirmEmailPage .btn {
	text-transform: uppercase;
	font-weight: 500;
	padding: 15px 40px;
}
/***********************************************
	RESET PASSWORD PAGE
***********************************************/
#resetPasswordPage {
	text-align: center;
	padding: 40px 0 200px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#resetPasswordPage p {
	font-size: 18px;
	margin-bottom: 30px;
}
#resetPasswordPage form {
	margin: 0 auto;
	max-width: 440px;
	padding: 0 20px;
	text-align: left;
}
#resetPasswordPage .form-control {
	height: 46px;
}
#resetPasswordPage i.form-control-feedback {
	font-size: 18px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	width: 42px;
}
#resetPasswordPage .reset-btn {
	width: 100%;
	padding: 16px 30px;
	font-size: 16px;
	margin-top: 10px;
	font-weight: 500;
	text-transform: uppercase;
}
#resetPasswordPage .success-password {
	
}
/***********************************************
	Landing pages
***********************************************/
.landing-page .lp-col {
	margin: 0 auto;
	max-width: 780px;
	padding: 0 15px;
}
.landing-page .jumbo {
	padding: 157px 0 100px;
}
.landing-page .jumbo h1 {
	font-size: 42px;
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.25;
	padding-right: 15px;
}
.landing-page .jumbo p {
	color: #fff;
}
.landing-page .jumbo .cta h1 {
	color: #fff;
	font-size: 38px;
	margin: 0 0 15px;
	font-weight: 700;
	padding-top: 5px;
	line-height: 1.2;
	letter-spacing: 1px;
}
.landing-page .jumbo .cta h1 span {
	display: block;
}
.landing-page .jumbo .cta p {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	margin: 0;
}
.landing-page .jumbo .cta .jumbo-sinup.btn {
	margin-top: 30px;
	padding: 14px 32px;
	font-size: 18px;
	background: #F4AA0B;
	color: #fff;
	font-weight: 500;
	box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
	border: 0;
	letter-spacing: 1px;
	/*width: 275px;*/
}
.landing-page .jumbo .cta .jumbo-sinup.btn:hover,
.landing-page .jumbo .cta .jumbo-sinup.btn:focus {
	background: #F5B324;
}
.landing-page .jumbo .cta .jumbo-sinup.btn:active {
	background: #DB990A;
}
.landing-page .jumbo .videoHolder {
	border: 4px solid rgba(255,255,255,0.4);
	box-shadow: rgba(0, 0, 0, 0.45) 0px 42px 98px 0px;
	/*height: 316px;*/
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}
.landing-page .jumbo .videoHolder img {
	max-width: 100%;
	width: 100%;
}
.landing-page .video-holder {
	border: 4px solid rgba(255,255,255,0.4);
	box-shadow: rgba(0, 0, 0, 0.45) 0px 42px 98px 0px;
	width: 800px;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	height: 454px;
	margin: 0 auto;
}
.landing-page .jumbo .landing-page-main-vid {
	display: none;
	max-width: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}
.landing-page .underline {
	width: 170px;
	border-top: 4px solid rgba(0,0,0,0.1);
	margin: 0 auto 50px;
}
.landing-page .s1-section {
	padding-bottom: 60px;
}
.landing-page .s1-section h3 {
	margin: 40px 0 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
}
.landing-page .s2-section {
	background: #F2F4F7;
	padding-bottom: 60px;
}
.landing-page .s2-section h2 {
	text-align: center;
	margin: 60px 0 30px;
}
.landing-page .s2-section ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.landing-page .s2-section ul li {
	line-height: 1.8;
	margin-bottom: 15px;
}
.landing-page .s2-section ul li i {
	color: #00bf6f;
	display: table-cell;
}
.landing-page .s2-section ul li span {
	padding-left: 20px;
	display: table-cell;
}
.landing-page .s3-section,
.landing-page .s7-section,
.landing-page .s9-section,
.landing-page .s11-section {
	text-align: center;
	margin-bottom: 0;
}
.landing-page .s3-section h3,
.landing-page .s7-section h3,
.landing-page .s9-section h3,
.landing-page .s11-section h3 {
	font-size: 30px;
	max-width: 900px;
	margin: 80px auto 30px;
}
.landing-page .s3-section .btn,
.landing-page .s7-section .btn,
.landing-page .s9-section .btn,
.landing-page .s11-section .btn {
	padding: 16px 30px;
	font-size: 18px;
	margin-bottom: 80px;
}
.landing-page .s4-section {
	padding-bottom: 60px;
}
.landing-page .s4-section h2 {
	text-align: center;
	margin: 60px 0 30px;
}
.landing-page .s4-section img {
	border: 4px solid rgba(255,255,255,0.4);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px 0px;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	max-width: 100%;
	margin-bottom: 30px;
}
.landing-page .s5-section {
	background: #F2F4F7;
}
.landing-page .s5-section .testimonial {
	margin: 80px 0;
	text-align: center;
}
.landing-page .s5-section .testimonial img {
	width: 92px;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.landing-page .s5-section .testimonial .nametw {
	color: #292F33;
	font-weight: 500;
	font-size: 16px;
	margin-top: 30px;
}
.landing-page .s5-section .testimonial .quote {
	color: #5C6066;
	line-height: 1.8;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	min-height: 140px;
}
.landing-page .s6-section {
	padding-bottom: 60px;
}
.landing-page .s6-section h2 {
	text-align: center;
	margin: 60px 0 30px;
}
.landing-page .s6-section img {
	max-width: 100%;
	margin-bottom: 60px;
	border: 3px solid rgba(0,0,0,0.15);
	border-radius: 3px;
}
.landing-page .s6-section p {
	margin: 5px 0 60px;
}
.landing-page .s8-section h2 {
	text-align: center;
	margin: 60px 0 30px;
}
.landing-page .s8-section h3 {
	margin: 40px 0 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
}
.landing-page .s8-section h4 {
	margin: 30px 0 5px;
	color: #444;
}
.landing-page .s8-section strong {
	font-weight: 500;
	color: #444;
}
.landing-page .s8-section {
	padding-bottom: 60px;
}

.landing-page .s10-section h2 {
	text-align: center;
	margin: 60px 0 30px;
}
.landing-page .s10-section h3 {
	margin: 40px 0 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
}
.landing-page .s10-section {
	padding-bottom: 60px;
}

/***********************************************
	FOOTER
***********************************************/
footer {
	font-size: 14px;
	background: #092139;
	color: #fff;
}
footer .footer-wrap {
	padding-top: 30px;
	padding-bottom: 25px;
}
footer .footer-wrap .logo {
	display: block;
	height: 32px;
	background: url(../img/snappa_logo_dual.png);
	width: 145px;
	margin-top: 10px;
	background-position: top left;
	background-size: 145px auto;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
footer .footer-wrap .soc-icns a {
	color: rgba(255,255,255,0.5);
	font-size: 24px;
	margin-right: 12px;
	width: 24px;
	display: inline-block;
	text-align: center;
}
footer .footer-wrap .soc-icns a:last-child {
	margin-right: 0;
}
footer .footer-wrap .soc-icns a:hover,
footer .footer-wrap .soc-icns a:focus {
	color: rgba(255,255,255,0.8);
}
footer .footer-wrap p {
	color: #fff;
	margin: 30px 0;
	float: left;
}
footer .footer-wrap ul.links {
	float: right;
	padding: 30px 0;
	margin: 0;
	list-style: none;
}
footer .footer-wrap ul.list-unstyled li {
	line-height: 26px;
	font-size: 13px;
	font-weight: 400;
}
footer .footer-wrap ul.list-unstyled li a {
	color: rgba(255,255,255,0.5);
}
footer .footer-wrap ul.list-unstyled li a:hover,
footer .footer-wrap ul.list-unstyled li a:focus {
	color: rgba(255,255,255,0.8);
}
footer .subfooter {
	background: rgba(0,0,0,0.2);
	text-align: center;
	padding: 15px 0;
	font-size: 12px;
}
footer .subfooter .copy {
	opacity: 0.4;
	letter-spacing: 1px;
}
/***********************************************
	SIGNUP MODAL
***********************************************/
.signupModal button.close.modal-close {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 100;
	font-size: 28px;
	font-weight: 400;
}
.signupModal .modal-dialog {
	width: 460px;
}
.signupModal .modal-content {
	overflow: hidden;
}
.signupModal .modal-body {
	padding: 60px 50px;
}
.signupModal h3 {
	font-size: 26px;
	margin: 0 0 36px;
	text-align: center;
}
.signupModal .signup-form h3{
	margin-bottom: 5px;
}
.signupModal .signup-form .free-forever {
	color: #656565;
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
}
.signupModal .text {
	color: #656565;
	margin-bottom: 20px;
}
.signupModal .form-control {
	height: 46px;
}
.signupModal .form-group.action {
	margin-top: 30px;
	margin-bottom: 40px;
}
.signupModal .btn {
	padding: 12px 30px;
	font-weight: 500;
	text-transform: uppercase;
}
.signupModal span.error {
	color: #f25454;
	display: block;
	left: 2px;
	position: relative;
	top: -16px;
}
.signupModal span.error label {
	margin: 0;
	font-family: "Karla";
}
.signupModal span.beta-error {
	top: 3px;
}
.signupModal .beta-btn {
	margin-top: 15px;
}
.signupModal i.form-control-feedback {
	line-height: 44px;
	height: 44px;
	text-align: center;
	width: 42px;
	font-size: 18px;
	background: rgba(0,0,0,0.04);
	border-radius: 4px 0 0 4px;
	border-right: 1px solid #d0d0d0;
	margin-top: 1px;
}
.signupModal .checkbox span {
	position: relative;
	display: block;
	line-height: 17px;
	color: #555;
}
.signupModal .signup-btn {
	width: 100%;
	padding: 16px 30px;
	font-size: 15px;
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: 500;
}
.signupModal .no-account {
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 25px 50px 25px;
	margin: 0 -50px -60px;
	font-size: 14px;
	background: #f7f7f7;
}
.signupModal .no-account span {
	cursor: pointer;
	color: #3498db;
	float: right;
}
.signupModal span.forgot-modal {
	cursor: pointer;
	color: #3498db;
	line-height: 42px;
	font-size: 14px;
}
.signupModal .loginBtn {
	width: 120px;
}
.signupModal .loginBtn i {
	font-size: 14px;
}
.signupModal .no-account span:hover,
.signupModal .no-account span:focus,
.signupModal span.forgot-modal:hover,
.signupModal span.forgot-modal:focus {
	color: #217dbb;
	text-decoration: underline;
}
.signupModal .terms {
	font-size: 11px;
	margin-bottom: 30px;
	text-align: center;
}
.signupModal .forgot-password-form h3 {
	margin-bottom: 15px;
}
.signupModal .forgot-password-form .note {
	color: #777;
	margin-bottom: 20px;
}
.signupModal .forgot-password-form .reset-btn {
	width: 100%;
	padding: 16px 30px;
	font-size: 16px;
	margin: 10px 0 30px;
}
.signupModal .forgot-password-form .no-account span {
	float: left;
}
.signupModal .forgot-password-form .success-reset {
	color: #656565;
}
.signupModal .confirm-text {
	text-align: center;
}
.signupModal .email-confirm-btns {
	text-align: center;
	margin-top: 40px;
}
.signupModal .email-confirm-btns .btn {
	min-width: 140px;
}
