body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	background-color: #f4f4f4;
}

a { color: #3dbcb2; outline: none; }

h1, h2, h3, h4, h5 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 300; }

.button, .top-bar-section ul li > a.button { font-family: "Roboto", Helvetica, Arial, sans-serif; }

h2 {
	color: #353b44;
}

h3, h4 {
	color: #454d59;
}

h3.subheader {
	font-weight: 300;
}

h4.upper {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

strong {
	font-weight: 400;
}

p {
	font-weight: 300;
	line-height: 1.8;
	color: #454d59;
}

input, select, textarea {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-mox-border-radius: 5px;
	-o-border-radius: 5px;
}

span.preloader-small {
	width: auto;
	height: 32px;
	background: url(../images/preloader_small.gif) center center no-repeat;
	display: block;
}

.content-section {
	margin-top: 30px;
	padding-bottom: 30px;
}

.content-section.dark {
	background: #454d59;
	border-top: 10px solid #1cbbb4;
	border-bottom: 10px solid #1cbbb4;
}

.content-section.dark h3, .content-section.dark p {
	color: #f4f4f4;
	line-height: 36px;
}

.content-section.dark a {
	color: #f4f4f4;
	text-decoration: underline;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	text-align: center;
	font-size: 1.375rem;
	line-height: 46px;
}

.content-section.dark a:hover {
	text-decoration: none;
}

.large-message {
	margin: 50px 0;
	text-align: center;
}

.large-message h1 {
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-size: 56px;
}

.large-message p {
	font-size: 28px;
}

.large-message p small {
	display: block;
}

button, a.button, .top-bar-section ul li > a.button, input[type=submit] {
	background-color: #3dbcb2;
	border-bottom: 2px solid #309a92;
	border-top: 1px solid #46d6cb;
	outline: none;
}

button:hover, button:focus, a.button:hover, a.button:focus, .top-bar-section ul li > a.button:hover, input[type=submit]:hover,
		input[type=submit]:focus, input[type=submit]:active,
		.top-bar-section ul li > a.button:focus {
	background-color: #383e48;
	border-bottom: 2px solid #383e48;
	border-top: 1px solid #383e48;
	outline: none;
}

.button, .button strong, .top-bar-section ul li > a.button { font-weight: 600; }

.top-bar-section ul li > a.button {
	font-size: 0.6875rem;
}

.controls {
	width: 100%;
	text-align: center;
}

.contain-to-grid, .top-bar, .top-bar-section ul, .top-bar-section li:not(.has-form) a:not(.button){
	background: none;
	/* font-family: "Roboto", "Helvetica", "Arial", sans-serif; */
	/* font-weight: 400; */
	color: #fff;
	text-transform: none;
	/* font-size: 0.85rem; */
}

.contain-to-grid.sticky {
	padding: 10px;
	background-color: rgba(69, 77, 89, 1);
	-webkit-transition: background-color linear 0.2s;
}

.contain-to-grid.sticky.solid {
	background-color: rgba(69, 77, 89, 1);
}

.contain-to-grid.sticky.fixed {
	background-color: rgba(69, 77, 89, 0.9);
}

.contain-to-grid .top-bar {
	max-width: 72rem;
}

.topbar-bg {
	background-color: #454d59;
	border-bottom: 3px solid #2e353f;
}

.top-bar .title-area .logo {
	width: 84px;
	display: inline-block;
	margin-right: 20px;
}

.top-bar-section .left{
	margin: 0 15px;
}

.top-bar-section .mainav li a:not(.button) {
	border-right: 1px solid #586372;
	font-weight: 600;
	font-size: 0.75rem;
	text-transform: uppercase;
	padding: 0 15px;
}

.top-bar-section ul li > a{
	font-weight: 600;
	font-size: 0.6875rem;
	text-transform: uppercase;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.top-bar-section ul li:hover > a {
    background: transparent;
    color: #3dbcb2;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
 	background: transparent;
 	/*color: #3dbcb2;*/
}

.top-bar-section li:not(.has-form) a.signup-btn {
	border: 1px solid #1cbbb4;
	color: #fff;
	border-radius: 1000px;
	text-decoration: none;
	transition: background 300ms ease;
	font-weight: 300;
}

.top-bar-section li:not(.has-form) a.signup-btn:hover {
	background: #1cbbb4;
	color: #454d59;
}

.top-bar-section ul li.active > a {
    background: #353b44;
    color: #fff;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover,
	.top-bar-section li.active:not(.has-form) a:not(.button) {
	background: #353b44;
    color: #fff;
}

.top-bar-section ul li.active > a:hover {
    background: #353b44;
}

.subnav_bg { background: #353b44; padding-top: 10px; border-bottom: 2px solid #3dbcb2; }

.sub-nav {
	margin-bottom: 0;
}

.sub-nav dt, .sub-nav dd, .sub-nav li {
	font-weight: 600;
	font-size: 0.6875rem;
	text-transform: uppercase;
	padding: 6px 0;
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
	color: #b6bfcb;
	border: 1px solid #353b44;
	border-radius: 115px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
	color: #3dbcb2;
	cursor: pointer;
}

.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
    border:1px solid #3dbcb2;
   	border-radius: 115px;
    color: #fff;
    background: none;
    font-weight: 800;
    cursor: default;
}

.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
    background: transparent;
}

@media only screen and (min-width: 40.063em){
	.newlanding .row {
		max-width: 72rem;
	}

	.top-bar-section li:not(.has-form) a:not(.button){
		padding: 0 20px;
	}

	.top-bar-section ul li:hover:not(.has-form) > a {
		background: transparent;
	}

	.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
		background-color: transparent;
	}

	.top-bar-section .left li .dropdown {
		right: auto;
		/* left: 0; */
		background: #293946;
		/* border:2px solid #1cbbb4; */
		border-radius: 10px;
		color: #f4f4f4;
	}

	.top-bar-section .left li .dropdown li a{
		margin-bottom: 0px!important;
	}

	.top-bar-section .left li .dropdown li a:not(.button){
		/* color: #a6aebb; */
		/* font-size: 1rem!important; */
		/* font-weight: 400; */
	}

	.top-bar-section .left li .dropdown li a:hover{
		color: #f4f4f4!important;
		background: none!important;
	}


}

.get-started-sign {
	background-color: #f9f9f9;
	padding: 20px 0 0 0;
	margin-top: -10px;
}

.get-started-sign h4 { padding-top: 10px; }

section.heading ul {
	list-style: none;
}

section.signup {
/* 	background-color: rgb(250, 250, 250); */
	padding: 30px 0;
}

section.heading h1 { font-family: "bree-serif", "Helvetica", "Arial", sans-serif; }
section.heading h3:not(.subhead), section.heading p, section.heading h1 { color: #fff; }
section.heading h3.subheader,
	section.heading h1 > sup { color: #14dbdb; }

section.heading h5 a { color: #fff; }
section.heading h5 a:hover { color: #14dbdb; }

section.heading a.button.special {
	background: none;
	border: 1px solid #3dbcb2;
	color: #fff;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 300;
}

section.heading a.button.special:hover {
	color: #333;
	border: 1px solid #3dbcb2;
	background: #3dbcb2;
}

section.heading .get-started {
	background-color: rgba(256,256,256,0.9);
	padding:20px 0 0 0;
}

section .more-txt {
	font-size: 1.5rem;
	color: #454d59;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-weight: bold;
}

section.quicklist {
	padding-top: 40px;
}

section.clients {
	margin: 30px 0;
}

section.clients h4 {
	margin-bottom: 30px;
	text-align: center;
}

section.blog {
	padding: 40px 0;
	background-color: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

section.blog .news-icon {
	background-image: url(../images/news.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 50%;
}

section.featured {
	margin: 30px 0;
}

section.featured img, section.partner img {
	margin: 30px 40px;
}

section.partner {
	background: #202425;
	padding: 40px 0;
}

section.partner h4 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

section.testimonials {
	padding: 40px 0 80px 0;
}

section.testimonials blockquote {
	border: 0 none;
}

section.testimonials .quote {
	background-color: #454d59;
	border-radius: 20px;
	padding-top: 7px;
	-mox-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
}

section.testimonials .quote .arrow-left {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #454d59;
}

section.testimonials .quote blockquote {
	font-weight: 300;
	color: #fff;
	border: 0 none;
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .8);
	z-index: 999;
	display: none;
}

.overlay .preload {
	width: 64px;
	height: 64px;
	background: url(../images/preload.gif) center center no-repeat;
	background-size: contain;
	margin: 0 auto;
	position: relative;
	top: 40%;
}

.overlay .message {
	top: 45%;
	position: relative;
	text-align: center;
}

/* --------- Begin footer style --------------- */

.footer {
	background-color: #454d59;
	padding: 0 0;
}


.footer .action-bar{
	background: #393e46;
	border-top:10px solid #1cbbb4;
}
	.footer .action-bar a{
		font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
		color: #f8f8f8;
		font-size: 1.375rem;
		padding: 30px 0 30px 0;
		display: block;
		text-align: center;
	}

.footer .action-bar .border-lr{
	border-left:2px solid #454b55;

}

.footer p{
	color: #ccc;
	font-size: 1rem;
}

.footer hr {
	border-color: #333
}

.footer h4 {
	color: #6f6f6f;
}

.footer p.lead{
	color: #FFF;
	font-weight: 300;
	margin-top: 30px;
	font-size: 1.125rem;
}

.footer a {
	font-size: 1rem;
	color: #a6aebb;
	display: inline;
	line-height: 24px;
	font-weight: 300;
}

.footer a:hover { color: #FFF; }


.social a {
	display: block;
	width: 36px;
	height: 36px;
	float: left;
	text-indent: -9999px;
	margin-right: 0;
}

.footer .social-icon { background-size: 36px 36px; opacity: 0.6; -webkit-transition: opacity 0.6s ease-in-out; background-repeat: no-repeat; }
.footer .social-icon:hover { background-size: 36px 36px; opacity: 1; background-repeat: no-repeat; }

.footer .social-icon.facebook { background-image: url(../images/facebook.svg); }
.footer .social-icon.facebook:hover { background-image: url(../images/facebook_h.svg); }

.footer .social-icon.twitter { background-image: url(../images/twitter.svg); }
.footer .social-icon.twitter:hover { background-image: url(../images/twitter_h.svg); }

.footer .social-icon.google { background-image: url(../images/google.svg); }
.footer .social-icon.google:hover { background-image: url(../images/google_h.svg); }

.footer .social-icon.angelist { background-image: url(../images/angelist.svg); }
.footer .social-icon.angelist:hover { background-image: url(../images/angelist_h.svg); }

.footer .social-icon.crunchbase { background-image: url(../images/crunchbase.svg); }
.footer .social-icon.crunchbase:hover { background-image: url(../images/crunchbase_h.svg); }

.footer .social-icon.f6s { background-image: url(../images/f6s.svg); }
.footer .social-icon.f6s:hover { background-image: url(../images/f6s_h.svg); opacity: 1; }



/* --------- Begin solutions style ----------- */

strong {
	font-weight: 400;
}

.section-heading {
	font-size: 2.25rem;
	font-weight: 300;
	text-align: center;
	color: #454d59;
	margin: 0 auto 30px auto;
	text-transform: none;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
}

section.heading ul { margin: 0; }

section.solution ul li div {
	height: 300px;
	padding-top: 3%;
	padding-left: 20px;
	padding-right:20px;
}

section.case-study {
/* 	background: #b5bdc8; */
	padding: 30px 20px 30px 0px;
/*
	background: #f2f5f6;
	background: -moz-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc));
	background: -webkit-linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: -o-linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: -ms-linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: linear-gradient(135deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 );
*/
}

section.case-study blockquote {
	font-weight: 300;
	line-height: 1.8;
	color: #000;
	border-left: 1px solid #3dbcb2;
}

button, .button strong {
	font-weight: 600;
}

.row.pricing-table-box {
	max-width: 72rem;
	margin-bottom: 60px;
}

.floating-panel {
	position: fixed;
	top: 10%;
	left: 30px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 100;
	padding: 10px 0;
}

.floating-panel .pricing-table-box {
	margin-bottom: 0;
}

.pricing-table-box h3, .new-pricing-table-box h3 {
	margin-bottom: 60px;
	font-size: 2.25rem;
	font-weight: 300;
	margin-top: 60px;
	color: #454d59;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	text-align: center;
}

.pricing-table-box h3 strong, .new-pricing-table-box h3 strong {
	font-weight: 600;
}

.new-pricing-table-box h3 span{
	font-size: 1.75rem;
	text-decoration: underline;
	display: block;
}

.pricing-table {
	border: none;
	margin-right: -2px;
}

.pricing-table.inactive {
	opacity: .4;
}

.pricing-table .title, .subscription-preview .subscription-title, .pricing-table .pt-title {
	font-size: 2.125rem;
	font-weight: 600;
	color: #0f80bb;
	background:url(../images/ptbl_title_icon_blue.png) no-repeat left top;
	background-size: 50px;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	line-height: 2.4rem;
	padding-top: 30px;
	text-align: center;
}

.subscription-preview .subscription-title {
	margin: 25px 0;
	width: 100%;
}

.subscription-preview .subscription-price {
	font-size: 2rem;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	color: #454d59;
	margin-top: 50px;
	text-align: center;
	padding: 20px 0;
	border-left: 2px solid #ccc;
}

.subscription-preview .subscription-price small {
	font-size: 1.3rem;
	font-weight: 100;
}

.free .title {
	color: #1cbbb4;
	background:url(../images/ptbl_title_icon.png) no-repeat left top;
	background-size: 50px;
}

.pricing-table .title small, .subscription-title small {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #454d59;
	display: block;

}


a.grey-btn {
	background: #f9f9fb;
	border-radius: 1000px;
	border: 2px solid #1cbbb4;
	color: #454d59;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	display: block;
	padding: 10px 10px;
	transition: background 300ms ease;
	text-align: center;
	text-decoration: none!important;
	outline: none;
	width: 40%;
	margin: 0 auto;
}

a:hover.grey-btn{
	background: #1cbbb4;
	color: #fff;
}



/* ----------- NEW Pricing table styles -------------- */


.new-pricing-table-box, .free-plan-section{
	max-width: 72rem;
}

.new-pricing-table-box ul.pricing-table li{
	line-height: normal;
}


.new-pricing-table-box h4, .free-plan-section h4, .pricing-faq h4{
	margin-bottom: 60px;
	font-size: 2rem;
	font-weight: 300;
	margin-top: 40px;
	color: #454d59;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	text-align: center;

}

.free-plan-section h4 span{
	font-size: 1.2rem;
	font-weight: 200;
	display: block;
}

.free-plan-section{
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-weight: 200;
}

.free-plan-section a.big-link{font-weight: 400;}

.new-pricing-table-box .pricing-add{
	border:2px solid #e4e4e4;
	border-radius: 6px;
	padding: 30px;
	text-align: center;
	margin: 0 5px;
	width: 32.4444%;
}

.new-pricing-table-box .pricing-add p.title{
	font-size: 1.5rem;
	font-weight: 400;
	color: #454d59;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	text-align: center;

}

.dev .pt-title {
	color: #00c0ff;
	background:url(../images/ptbl_title_icon_skyblue.png) no-repeat left top;
	background-size: 50px;
}

.dev .pt-limits{
	background-color: #beefff;
}

a.dev-blue-btn {
  background: #00c0ff;
  border-radius: 1000px;
  border: 3px solid #00c0ff;
  color: #FFF;
  font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  display: block;
  padding: 15px 0px;
  transition: background 300ms ease;
  text-align: center;
  text-decoration: none!important;
}

a:hover.dev-blue-btn{
	background: #0f80bb;
}

.pricing-table .pt-title small{
	font-size: 1rem;
	font-weight: 300;
	color: #454d59;
	display: block;
}

.pt-api, .pt-api-s, .pt-limits, .pt-include{
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-weight: 200;

}

.pt-api, .pt-api-s, .pt-include{
	text-align: center;
}

.pt-api{
	padding: 35px 0 17px 0;
	font-size: 1.2rem
}

.pt-api-s{
	padding-top: 35px;
	width: 95%;
	margin: 0 auto;
}


.pt-limits{
	padding: 20px 20px 45px 20px;
	background-color: #f0f0f0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	width: 95%;
	margin: 0 auto;
	font-size: 1.2rem;
	font-weight: 400;
}

.pt-limits span{
	font-size: 1rem;
	font-weight: 200;
}

.pt-cta{
	position: relative;
	margin-top: -25px;
}

.pt-api-s label {
	font-size: 16px;
	font-weight: 400;
	color: rgb(34, 34, 34);
	padding-bottom: 17px;
	display: block;
}

.pt-api-s select{
  -webkit-appearance: none !important;
  background-color: #fff;
  border: 2px solid #e4e4e4;
  padding: 0.5rem;
  font-size: 1rem;
  margin-bottom: 5px !important;
}

.pt-include{
	border:2px solid #e4e4e4;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 40px 20px 0px 20px;
	font-weight: 400;
	line-height: 18px!important;
	height: 120px;
	width: 95%;
	margin: -20px auto 0 auto;

}

.pt-include small{
	font-weight: 200;
}

.grey-section{
	background-color: #f7f7f7;
	border-top: 2px solid #e4e4e4;
	margin-top: 60px;
	padding-bottom: 40px;
}


/* ----------- END NEW Pricing table styles -------------- */

.pricing-table .price {
	font-size: 2.5rem;
	font-weight: 100;
	color: #454d59;
	background: transparent;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.pricing-table .cta-button {
	background: none;
}

.pricing-table .bullet-item {
	background: none;
	border-bottom: none;
	font-weight: 400;
	font-size: 1rem;
	color: #454d59;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	line-height: 24px;
	height: 150px;
}

.pricing-table .bullet-item label {
    margin-bottom: 3px;
    font-weight: 300;
}

.pricing-table .bullet-item .available-apis {
    margin-bottom: 15px;
}

.pricing-table .bullet-item span.b-title{
	display: block;
	text-align: center;
	font-size: 0.9375rem;
	margin-bottom: 15px;
	background: url(../images/ptbl_separator@2x.png) no-repeat center;
	background-size: 200px 5px;
}

.pricing-table small{
	font-size: 80%;
	display: block;
}
.pricing-table .bullet-item small{
	font-size: 90%;
	font-weight: 300;
	line-height: 24px;
}

.pricing-table .price sup, .pricing-table .price span,
		.pricing-table-active .price sup, .pricing-table-active .price span {
	font-size: 1.8rem;
}

.pricing-table .price sub,
		.pricing-table-active .price sub {
	top: 20px;
}

.pricing-table .bullet-item span {
	font-size: 1.85rem;
	font-weight: 100;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.pricing-table-active {
	margin-left: 0;
	margin-bottom: 1.25rem;
	margin-right: 15px;
	border: 0 none;
}

.pricing-table-active * {
	list-style: none;
	line-height: 1;
}

.pricing-table-active .title {
	padding: 0.9375rem 1.25rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 100;
	color: #3dbcb2;
	background: #3e588c;
	padding-top: 30px;
}

.pricing-table-active .price {
	font-size: 2.5rem;
	font-weight: 100;
	padding: 0.9375rem 1.25rem;
	text-align: center;
	color: #fff;
	background: #3e588c;
}

.pricing-table-active .bullet-item {
	background: #3e588c;
	font-weight: 300;
	font-size: 1rem;
	line-height: 26px;
	color: #fff;
	border-bottom: none;
	padding: 0.9375rem;
	text-align: center;
}

.pricing-table-active .bullet-item span {
	font-size: 1.85rem;
	font-weight: 100;
}

.pricing-table-active .cta-button{
	background: #3e588c;
	padding: 0;
	line-height: 75px;
	height: 72px;
	text-align: center;
}

.pricing-table-active .cta-button .button{
	height: 52px;
	line-height: 16px;
}


button, a.button, .top-bar-section ul li > a.button, input[type=submit] {
	background-color: #3dbcb2;
	border-bottom: 2px solid #309a92;
	border-top: 1px solid #46d6cb;
	outline: none;
}

button:hover, button:focus, a.button:hover, a.button:focus, .top-bar-section ul li > a.button:hover, input[type=submit]:hover,
		input[type=submit]:focus, input[type=submit]:active,
		.top-bar-section ul li > a.button:focus {
	background-color: #383e48;
	border-bottom: 2px solid #383e48;
	border-top: 1px solid #383e48;
	outline: none;
}

input[type=submit].blue-btn, a.blue-btn, button.blue-btn {
	background: #FFF;
	border-radius: 1000px;
	border: 3px solid #0f80bb;
	color: #0f80bb;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	display: block;
	padding: 15px 0px;
	transition: background 300ms ease;
	text-align: center;
	text-decoration: none!important;
	outline: none;
	width: 100%;
}

button.blue-btn i {
	font-size: 16px;
	vertical-align: middle;
	margin: 3px;
}

a.blue-btn span{
	font-weight: 300;
}

input[type=submit].blue-btn:hover, a:hover.blue-btn, button.blue-btn:hover{
	background: #0f80bb;
	color: #fff;
}

input.green-btn, a.green-btn {
	background: #1cbbb4;
	border-radius: 1000px;
	border: 3px solid #1cbbb4;
	color: #FFF;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	display: block;
	padding: 15px 0px;
	transition: background 300ms ease;
	text-align: center;
	text-decoration: none!important;
}

input.green-btn {
	display: block;
  	width: 100%;
  	padding: 10px 0;
  	font-weight: 400;
  	outline: none;
  	box-shadow: none;
  	height: auto;
}

input:hover.green-btn, a:hover.green-btn{
	background: #0f80bb;
	border: 3px solid #1cbbb4;
	color: #fff;
}

input.green-btn.disabled:hover, a.green-btn.disabled:hover {
	background-color: #1cbbb4;
}

a.green-btn span{
	font-weight: 300;
}

.has-tip {
	font-weight: 400;
}

.mb20 {
	margin-bottom: 20px;
}

.need-more-bar {
	background: #f4f4f4;
	border-radius: 20px;
	padding: 20px 20px;
	font-weight: 400;
	font-size: 1.125rem;
	color: #6c7584;
}

/* --------- Begin success stories style ----------- */

section.sstory {
	margin-top: 40px;
}

/* --------- Begin company style ----------- */

p.lead {
	font-size: 1.21875rem !important;
	line-height: 1.6;
	font-weight: 400;
}

/* Bottom boxes styles */
section.documentation { margin-bottom: 20px; }

.doc-box, .demo-box {
	background: #454d59;
	background-position-x: 15px;
	border-radius: 3px;
	padding: 25px 25px 25px 25px;
	color: #fff;
	width: 49%;
}

.doc-box { line-height: 140px; }

.doc-box h3, .demo-box h3 { color: #fff; font-size: 1.375rem; font-weight: 200; }
.doc-box h3 span, .demo-box h3 span { font-weight: 300; }
.doc-box p, .demo-box p { color: white; font-size: 1rem; }

.doc-box a { color: #3dbcb2; }
.doc-box a:hover { color: #ccc;}

.documentation a.button { background: none; border: 1px solid #3dbcb2; color: #3dbcb2; }
.documentation a.button:hover { color: #ccc; border: 1px solid #666; }

.signin-container {
	margin-top: 40px;
}

.signin-container h1 {
	font-family: 'bree-serif', Helvetica, Arial, sans-serif;
	color: #454d59;
}

/* Terms of service modal styles */

#terms li{list-style-type: decimal;margin-left: 30px; font-weight: 300;}
#terms .fixedh{height: 500px; overflow-y: scroll;}

/* --- User Dashboard styles --- */

/* --------------- TODO ------------------ */
.signout p.right { color: #b6bfcb!important; font-size: 14px; margin-right: 15px; width: 100%; text-align: right; margin-bottom: 10px; }
.signout p.left { color: #3dbcb2!important; margin-left: 15px; font-weight: 400!important; margin-bottom: 0; }

.dashboard-user{padding-top: 20px;background: #f1f1f1}
.dashboard-user h4 small{display: block;margin-top: 10px;margin-bottom: 10px;}
.dashboard-user h4{font-weight: 400!important;}
.dashboard-user .plan{background: #fff; border: 4px solid #FFF; box-shadow: 0px 0px 2px #ccc; margin-top: 10px;margin-bottom: 20px; padding-left:10px; padding-right: 10px; }
.dashboard-user .last{opacity: 0.5}
.dashboard-user .plan:hover{background: #e2efee!important;}
.dashboard-user .plan span.price{display: block;background: #3dbcb2;padding-left: 10px; width: 60%; color: #FFF; font-weight: 400;}
.dashboard-user .plan span.usage{display: block;background: #3dbcb2;padding-left: 10px; width: 60%; color: #FFF; font-weight: 400;}
.kits a{display:block;margin-bottom: 5px;margin-top: 5px; padding-top: 10px; padding-bottom: 5px; font-size: 14px; font-weight: 400;border-bottom: 1px dotted #ccc;}

.keyinfo .elmnt {
	margin: 5px 0;
	border-bottom: 1px dotted #ccc;
	padding-top: 10px;
	font-size: 14px;
	padding-bottom: 5px;
}

.keyinfo .elmnt:last-child {
	border-bottom: 0 none;
}

.keyinfo .elmnt .title {
	font-size: 14px;
	font-weight: 100;
}

.keyinfo .elmnt pre {
	margin-top: -7px;
}

.keyinfo p strong{font-weight: 500;}

/* --- Pricing page:::All solutions styles--- */

/* .pricing-all {margin-top: 60px;} */

.pricing-all h1{font-family: "bree-serif", "Helvetica", "Arial", sans-serif;font-size: 2.75rem;color: #454d59;}
.pricing-all h1 strong{font-weight: 400}

.solutions-list{
	background: #b5bdc8;
	padding: 30px 20px 30px 0px;
	background: #f2f5f6;
	background: -moz-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc));
	background: -webkit-linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: -o-linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: -ms-linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: linear-gradient(135deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 );
	margin-top: 30px;
}

.solutions-list h4{line-height: normal; margin-bottom: 20px;}
.solutions-list h4 small{line-height: normal;}

.box-over:hover{cursor: pointer; background: #fff;}


.button.tiny.upgrade {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: .7rem;
	padding-right: .7rem;
	margin-left: 10px;
	vertical-align: text-top;
}

.reveal-modal h2 { margin-bottom: 35px; font-family: "bree-serif", "Helvetica", "Arial", sans-serif; }
.transaction .info-field .heading { padding: 15px; font-weight: 300; }
.transaction .info-field .heading i.fa { margin: 0 10px; }
.transaction .info-field .heading.gray-field { background-color: rgb(250, 250, 250); }
.transaction .info-field .content { padding: 20px; font-size: 14px; }
.transaction .info-field .content .row { margin-bottom: 10px; }
.transaction .info-field .content .row:last-child { margin-bottom: 0; }
.transaction .info-field .content strong { font-weight: 500; }




/* --- New design styles added after 09.12.2014 ---- */

section.heading .get-started {
	background-color: rgba(256,256,256,0.9);
	padding:20px 0 20px 0;
}

section.heading .get-started a.green-btn{width: 200px;}

.solution a.blue-btn{width: 200px;padding: 8px 0;color: #FFF;font-size: 1.4rem;font-weight: 400;margin-top: 20px;}

.apidoc-btn{
	width:35%;
	margin:0 auto;
}


h3 {
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-weight: 300;
	color: #454d59;

}

.promocode-error {
	color: #ff0000;
}

.promocode-container {
	display: none;
}

.promocode {
	position: relative;
	padding: 20px;
	background-color: #454d59;
	color: #fff;
	font-size: 18px;
	font-family: 'Roboto', 'Helvetica', sans-serif;
}

.promocode .remove {
	float: right;
	top: 7px;
	right: 10px;
	position: absolute;
	color: #fff;
	text-decoration: none;
}

.hidden {
	display: none;
}

.alert-box {
    line-height: 20px;
}

.alert-box a {
    color: #fff;
    text-decoration: underline;
}


.custrain{padding-bottom: 30px;}

.custrain h4{
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-weight: 300;
	color: #454d59;
	margin: 0 0;
	padding: 0 0;
	font-size: 2rem;
	text-align: right;
	padding-bottom: 20px;
	padding-top: 20px;
}

.custrain h4 span{
	font-weight: 600;
	color: #454d59;
	font-size: 2rem;
	text-align: right
}

.custrain p.lead{
	font-weight: 600;
	color: #454d59;
	font-size: 1.8rem;
	text-align: right
}

.contact_link{
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	color: #454d59;
}

.brdr{border-right: 2px solid #454d59}

.brdt{border-top: 1px solid #ccc;padding-top: 30px; padding-bottom: 30px; }




h3.action-tech-page{background:#FFF; border-radius:100px;padding:15px 30px; width:75%; margin:0 auto 60px auto; }




/* ----------- Case-Study page styles -------------- */

.seedpost{
		background: url(https://imagga.com/static/images/success/seedpost/seedpost-main-bgnd.jpg) no-repeat top;
		background-size: 100%;}
.tavisca{
		background: url(https://imagga.com/static/images/success/tavisca/tavisca_main_bgnd.jpg) no-repeat top;
		background-size: 100%;}

.unsplash{
		background: url(https://imagga.com/static/images/success/unsplash/unsplash_bgnd.jpg) no-repeat top;
		background-size: 100%;}
		
.edenphotos{
		background: url(https://imagga.com/static/images/success/eden/eden_main_bg.jpg) no-repeat top;
		background-size: 100%;}
		
.swisscom{
		background: url(https://imagga.com/static/images/success/swisscom/swisscom_main.jpg) no-repeat top;
		background-size: 100%;}
		
.intelligencebank{
		background: url(https://imagga.com/static/images/success/intelligencebank/intelligencebank_main_bg.jpg) no-repeat top;
		background-size: 100%;}

.cspt{
	padding-top: 80px;
}

.cspt .row{max-width: 72rem}

.cspt h2{
	font-family: 'Bree serif', sans-serif;
	line-height: 2.45rem;
}

.cspt h2 small{
	font-size: 0.75rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.cspt blockquote{
	font-family: 'Bree serif', sans-serif;
	font-style: normal;
	font-weight: 200;
	border:none;
	padding-right: 80px;
	padding-left: 50px;
	font-size: 1.2rem;
	color: #454d59;
	line-height: 2.2rem;

}

.cspt ul li{
	font-weight: 300;
	line-height: 1.8;
	color: #454d59;
	margin-left: 20px;
}

.focus-quote {padding: 30px 20px 0 80px;}
.focus-quote blockquote{font-size: 1.6rem;font-style: normal; padding: 0 0;}
.focus-quote span{font-size: 4rem;display: block; margin-right: 10px;margin-bottom:40px;}
.cspt .sub-ttl{
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	}

.cspt p{font-weight: 300;}

.client-info p small{display: block;font-size: 80%;text-transform: uppercase;font-weight: 700;color:#454d59 }
.client-info p{color: #454d59;}
.client-info p strong, .cta-box p strong{font-weight: 700;}
.cta-box p a{text-decoration: underline;}

a.cta-small-light{
	border: 2px solid #454d59;
	color: #454d59;
	text-transform: uppercase;
	font-size: 0.75rem;
	border-radius: 1000px;
	width: 90%;
	font-weight: 700;
	padding: 12px 24px;
	display: block;
	text-align:center;
	margin: 10px auto;
}

a.cta-small-focus{
	border: 2px solid #1cbbb4;
	color: #FFF;
	background: #1cbbb4;
	text-transform: uppercase;
	font-size: 0.75rem;
	border-radius: 1000px;
	width: 90%;
	font-weight: 700;
	padding: 12px 24px;
	display: block;
	text-align:center;
	margin: 10px auto;
}


/* ----------- FAQ page styles -------------- */

.pricing-faq p.question strong{
/* 	font-family: 'Bree serif', sans-serif; */
	font-size: 1.2rem;
	font-weight: 500!important;
	line-height: normal;

}

.pricing-faq a{text-decoration: underline;}
.pricing-faq a:hover{text-decoration: none;}

.pricing-faq .qa-box{
	padding: 0px 40px;

	}


/* ----------- Custom training page styles -------------- */


.ct-page h1{margin-top: 80px;}
.ct-page h1 strong{font-weight: 700;}
.ct-page h3{font-size: 1.4rem}
.ct-page a.blue-btn{background: #0f80bb;width: auto;padding:15px 0;border: 3px solid #0f80bb;margin-top: 0px;}
.ct-page a.blue-btn, .ct-page a.green-btn{width: 320px;margin: 10px auto; font-size: 1.2rem; font-weight: 300;}
.ct-page a.blue-btn strong, .ct-page a.green-btn strong{font-weight: 700}
.ct-cs-banner{background:#FFF; padding: 20px 0px 0px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.ct-page h4{text-transform: uppercase;font-size: 1rem; font-weight: 700;margin-bottom: 30px;}

a.cta-small-blue{
	border: 2px solid #0f80bb;
	color: #0f80bb;
	text-transform: uppercase;
	font-size: 0.75rem;
	border-radius: 1000px;
	width: 215px;
	font-weight: 700;
	padding: 12px 24px;
	display: block;
	text-align:center;
	line-height: normal;
}

.ct-page ul li{margin: 20px 10px; color:#454d59; line-height: 1.8; font-weight: 300;}


/* Media for mobile START -------------*/

@media only screen and (max-width: 40em){


.custrain h4{
	text-align: left!important;
}

.custrain h4 span{
	text-align: left!important;
}

.ct-page h3{font-size: 1rem}

} /* Media END -------------*/


/* Code snippet styles START -------------*/

.hljs{
	border-radius: 10px;
	padding: 1.5em!important;
	background: #444!important;
	font-size: 0.875rem;
	border:2px solid #3dbcb2;
	font-weight: 100;
}

.hljs.dashboard{
	border-radius: 0px;
	padding: .6em 1em !important;
	background: inherit;
	font-size: 0.875rem;
	border: 0px;
	font-weight: 100;
}

/* Code snippet styles END -------------*/

.alert-box.notice {
	background-color: #3dbcb2;
	border: 0 none;
}

.label.new-item {
	position: absolute;
	height: 12px;
	padding-right: 6px;
	padding-left: 6px;
	top: 35px;
	left: 12px;
}

.referral-link {
	position: relative;
}

#generate-new-secret,
#activate-new-secret {
	background: #3dbcb2;
	border-radius: 0.7rem;
	color: #fff;
	font-size: 0.8rem;
	margin-left: 0.3rem;
	padding: 0.1rem 0.5rem;
	transition: 300ms ease;
}

a#generate-new-secret:hover,
a#activate-new-secret:hover {
	background: none;
	border: 1px solid #3dbcb2;
	color: #3dbcb2;
	font-size: 0.8rem;
}

.generate-new-secret-warning {
	padding: 0.7rem 1rem 2rem;
	color: #424242;
	line-height: 1.4;
}

.generate-new-secret-warning strong {
	font-weight: 900;
}

#generate-new-secret-confirm,
#generate-new-secret-abort {
	background: #3dbcb2;
	border-radius: 1rem;
	color: #fff;
	font-size: 1rem;
	margin-left: 1rem;
	padding: 0.25rem 0.8rem;
	transition: 300ms ease;
}

#generate-new-secret-confirm {
	background: #e87f0e;
}

a#generate-new-secret-confirm:hover,
a#generate-new-secret-abort:hover {
	background: none;
	border: 1px solid #3dbcb2;
	color: #3dbcb2;
	font-size: 1rem;
}

a#generate-new-secret-confirm:hover {
	background: none;
	border: 1px solid #d66403;
	color: #d66403;
	font-size: 1rem;
}

/* ----------- Google 2FA styles start -------------- */

.reveal-modal {
	position: absolute;
	top: 1rem !important;
}

#change-google2fa {
	border: none;
	display: block;
	font-size: 0.75rem;
	padding: 0.5rem 0.75rem;
}

.reveal-modal h3 {
	color: #4e5c6b !important;
	font-family: 'bree-serif';
	font-weight: 500;
	text-align: center;
	line-height: 1.75rem;
	margin-bottom: 1.5rem;
}

.reveal-modal h4 {
	font-family: 'bree-serif';
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.25 !important;
}

.google2fa-data h4 {
	font-family: 'bree-serif';
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.25 !important;
}

.google2fa-data p {
	color: #4e5c6b !important;
	font-family: 'bree-serif';
	font-size: 1rem !important;
	font-weight: 300 !important;
	line-height: 1.25 !important;
	margin-bottom: 0.5rem;
}

.google2fa-data img {
	display: block;
	margin: 0 auto 0.5rem;
}

.google2fa-data h5 {
	font-family: 'bree-serif';
	font-size: 1rem;
	font-weight: 300;
	margin-top: 1rem;
	text-align: center;
}

button#confirm-google2fa-secret,
.reveal-modal button {
	background-color: #3dbcb1 !important;
	border: none;
	margin: 0.5rem 0 0 !important;
}

button#confirm-google2fa-secret:hover,
.reveal-modal button:hover {
	background-color: #34a79d !important;
}

span#google2fa-code,
span#change-google2fa-code {
	font-size: 1.25rem;
}

/* ----------- Google 2FA styles end -------------- */