/*
 Theme Name:   InkSoft Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     inksoft
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child

	Colors Used:	

	- Gray 1 : #262A2E
	- Gray 2 : #3F454A
	- Gray 3 : #585F66
	- Gray 4 : #79828C
	- Gray 5 : #D4DCE4
	- Gray 6 : #F3F5F8
	- Gray 7 : #FEFEFE
	
	- Brand Red		 : #FF5B59
	- Brand Blue	 : #46ADEB
	- Brand Green	 : #48C585
	- Brand Yellow : #FFBA41

*/


/*=================================
	Global
	---------------------------------*/
	
	
* {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	border: none;
	overflow-x: hidden;
	/* padding-top: 83px; */
}

@media screen and (max-width: 767px){
	body {
		padding-bottom: 64px;
	}
}

.svg-container {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%; 
	vertical-align: middle; 
	overflow: hidden; 
}

.svg-container svg {
	display: inline-block;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.img-container img {
	width: 100%;
}

#no-title-divider {
	border: none;
}

@media screen and (min-width: 768px) {
	.col-container {
		max-width: 1170px;
    width: 95%;
	}
}


/*=================================
	Typography
	---------------------------------*/

/*

	*** DEVELOPER NOTE ***
	
	The following typography CSS styles are added in the 
	Custom CSS section on the INVADO Theme Options page. 
	
	http://inksoft.com/wp-admin/themes.php?page=optionsframework
	
	This is because the theme options from INVADO are 
	injected as inline styles after the css file is 
	loaded into the page.

	body {
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		font-size: 16px;
	  font-weight: 400;
	}
	
	h1, h2, h3, h4, h5, h6 {
		color: #262A2E;
	  font-family: 'Roboto', Arial, Helvetica, sans-serif;
	  font-weight: 500;
	  line-height: 1.5;
	}
	
	li, p, a {
		color: #3F454A;
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		font-weight: 400;
		line-height: 1.5;
	}
	
	*** END DEVELOPER NOTE ***

*/

a {
	color: #FF5B59;
}

strong {
	font-weight: 500;
}

::selection {
  background: #46ADEB !important;
}

::-moz-selection {
  background: #46ADEB !important;
}

.heading-1 {
	color: #262A2E;
	font-size: 1.9rem;
}

.heading-2 {
	color: #262A2E;
	font-size: 1.5rem;
}

.heading-3 {
	color: #585F66;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.7;
}


/*=================================
	Buttons
	---------------------------------*/
	
.btn {
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 			border-radius: 3px;
	-webkit-transition: all .2s ease;
		 -moz-transition: all .2s ease;
		 			transition: all .2s ease;
	font-size: .9rem;
	font-weight: 500;
	display: inline-block;
	letter-spacing: .075em;
	line-height: 1.6;
	padding: 8px 16px;
	text-align: center;
	text-transform: uppercase;
}

.btn-primary {
	background: #FF5B59;
	color: #FFF;
}

.btn-primary:visited,
.btn-primary:focus {
	color: #FFF;
}

.btn-primary:hover {
	background: #E93D3A;
	color: #FFF;
}

.btn-primary:active {
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
		 			box-shadow: none;
	background: #FF7573;
	color: #FFF;
}

.btn-secondary {
	-webkit-box-shadow: 0 8px 30px rgba(0,0,0,.3);
		 -moz-box-shadow: 0 8px 30px rgba(0,0,0,.3);
		 			box-shadow: 0 8px 30px rgba(0,0,0,.3);
	background: #FFF;
	color: #FF5B59;
	font-size: 1.1em;
}

.btn-secondary:hover {
	-webkit-box-shadow: 0 4px 15px rgba(0,0,0,.3);
		 -moz-box-shadow: 0 4px 15px rgba(0,0,0,.3);
		 			box-shadow: 0 4px 15px rgba(0,0,0,.3);
	color: #FF5B59;
}

.btn-secondary:active {
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
		 			box-shadow: none;
	background: #FFF;
	color: #FF5B59;
}

.btn-secondary:visited,
.btn-secondary:focus {
	color: #FF5B59;
}

.btn-ghost,
.btn-ghost:visited {
  -webkit-transition: all .2s ease;
  box-shadow: inset 0 0 0 2px #ff5b59;
  color: #ff5b59;
}

.btn-ghost:hover {
  background: #ff5b59;
  color: #fff;
}

.btn--large {
	padding: 12px 32px;
}

.btn--blue {
	background: #2196F3;
	color: #fff;
}

.btn--blue:hover {
	background: #0b7ad5;
}

.btn-link {
	color: #46ADEB;
	display: inline-block;
	font-size: .9em;
	letter-spacing: .075em;
	padding: 8px 16px;
	text-transform: uppercase;
}

.btn-link:hover {
	color: #46ADEB;
	opacity: .7;
	text-decoration: underline;
}

.btn-link:hover .btn-link_arrow {
	left: 8px;
}

.btn-link_arrow {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	left: 0;
	position: relative;
	top: 6px;
}

.btn-link--white,
.btn-link--white:hover,
.btn-link--white:visited {
	color: #fff;
}

#back-to-top {
	display: none !important;
}


/*=================================
	Global: Form Styles
-----------------------------------*/

.form-instructions {
	color: #5B666D;
	font-weight: 600;
	margin-bottom: 10px;
	padding-left: 15px;
}

.form-group {
	margin-bottom: 20px;
	position: relative;
}

.form-group label {
	color: #262A2E;
	display: block;
	float: none;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 4px;
	width: 100%;
}

.symbol-required {
	color: #FF5B59;
}

.form-group .invalid-msg {
	color: #FA0000;
	display: none;
	font-size: .9em;
	position: absolute;
	right: 15px;
  top: 3px;
}

.form-group input,
.form-group textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 2px;
		 -moz-border-radius: 2px;
		 			border-radius: 2px;
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
		 			box-shadow: none;
	border: 1px solid #e0e0e0;
	color: #3C3F40;
	margin: 0;
	width: 100%;
}

.form-group input:focus,
.form-group textarea:focus {
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
		 			box-shadow: none;
	border: 1px solid #46ADEB;
}

.form-group textarea {
	min-height: 150px;
}

.form-group .icon-input-status {
	display: none;
	position: absolute;
  right: 33px;
  top: 37px;
}

.form-group .icon-input-status:before {
	font-size: 21px;
}

.form-group .icon-valid:before {
	color: #6BB421;
	top: 38px;
}

.form-group .icon-invalid:before {
	color: #FA0000;
}

.form-group .input-instructions {
	color: #5B666D;
	display: block;
	font-size: .9em;
	margin-top: 5px;
}

.form-group .input-instructions a {
	font-weight: 600;
}

.form-section {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.form-group input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
		 			border-radius: 4px;
	-webkit-transition: all .2s ease;
		 -moz-transition: all .2s ease;
		 			transition: all .2s ease;
	-webkit-box-shadow: 0 8px 30px rgba(0,0,0,.3);
		 -moz-box-shadow: 0 8px 30px rgba(0,0,0,.3);
		 			box-shadow: 0 8px 30px rgba(0,0,0,.3);
	background: #FF5B59;
	border: none;
	color: #FFF;
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	margin: 0 auto;
	width: 230px;
	padding: 20px 30px;
	text-align: center;
}

.form-group input[type="submit"]:hover {
	-webkit-box-shadow: 0 4px 15px rgba(0,0,0,.3);
		 -moz-box-shadow: 0 4px 15px rgba(0,0,0,.3);
		 			box-shadow: 0 4px 15px rgba(0,0,0,.3);
	color: #FFF;
}

.form-group input[type="submit"]:active {
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
		 			box-shadow: none;
	background: #FF7573;
	color: #FFF;
}

/* --- [ Invalid State ] --- */

.form-group.valid .icon-valid {
	display: block;
}

.form-group.invalid label {
	color: #FA0000;
}

.form-group.invalid input {
	background: #FFF8F8;
	border-color: #FA0000;
}

.form-group.invalid .invalid-msg {
	display: block;
}


/*=================================
	Page Overlay
	---------------------------------*/

.page-overlay {
	background: rgba(0,0,0,.54);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9996;
}


/*=================================
	Page Callout
	---------------------------------*/
	
.page-callout {
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 			border-radius: 3px;
	background: #F7F8FA;
	border: 1px solid #E8EBEB;
	margin-bottom: 60px;
	margin-top: 60px;
	padding: 25px 30px;
	position: relative;
}

.page-callout-heading {
	color: #686F73;
	font-size: 1.1em;
	font-weight: 600;
}

.page-callout p {
	color: #686F73;
}

.page-callout p:last-of-type {
	margin-bottom: 0;
}


/*=================================
	Page Section
	---------------------------------*/

.page-section {
	background: #F7F8FA;
	border-top: 1px solid #EBEEEE;
	padding: 70px 0;
	position: relative;
}

.page-section-light {
	background: #fff;
	border: none;
}

.page-section-header {
	text-align: center;
}

.page-section-header h3 {
	font-size: 1.9em;
	font-weight: 700;
	line-height: 1.3;
}

.page-section-header p {
	margin-bottom: 0;
}

.page-section-copyright {
	color: #d0d0d0;
	font-size: .65em;
	font-style: italic;
	position: absolute;
	bottom: 0;
	right: 5%;
}

.page-section-copyright a,
.page-section-copyright a:visited {
	color: #b0b0b0;
}

.page-section-divider {
	background: #eaeaea;
	clear:both;
	height: 3px;
}


/*=================================
	Content Callouts
-----------------------------------*/

.content-callouts,
.content-callouts li {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.content-callouts {
	margin-bottom: 40px;
}

.content-callouts li {
	border-bottom: 1px solid #EAEAEA;
}

.content-callouts a {
	display: block;
	padding: 25px 70px 25px 20px;
	position: relative;
}

.content-callout-heading {
	color: #3C3F40;
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom: 5px;
}

.content-callout-desc {
	color: #5B666D;
	margin: 0;
	max-width: 400px;
}

.content-callouts .arrow-icon {
	color: #FF5B59;
	font-size: 28px;
	margin-top: -20px;
	position: absolute;
	right: 30px;
	top: 50%;
}

.content-callouts a:hover,
.content-callouts a:hover .content-callout-heading, 
.content-callouts a:hover .content-callout-desc {
	color: #FF5B59;
}

	
/*=================================
	SITE HEADER
---------------------------------*/

.site-header {
	-webkit-transition: all .2s ease;
		 -moz-transition: all .2s ease;
		 			transition: all .2s ease;
	left: 0;
	padding: 24px 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 9000;
}

.site-header.fixed {
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16);
		 -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16);
		 			box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16);
	background: #fff;
	padding: 8px 0;
	position: fixed;
}

.site-header ul {
  margin: 0;
  padding: 0;
}

.site-header li {
  list-style: none;
  float: left;
  margin: 0 4px;
  padding: 0;
  position: relative;
}

.site-header .sub-menu li {
	float: none;
}

.site-header a {
	color: #3F454A;
  display: block;
  font-size: 1rem;
  font-weight: 400;
}

.site-header a:visited {
  color: #3F454A;
}

.site-header a:hover {
  color: #FF5B59;
}


/* --- [ Main Nav ] --- */

.site-header-main-nav {
	margin-left: 8px;
  margin-top: 10px;
}


.site-header-main-nav li:hover .sub-menu {
  display: block;
}

.site-header-main-nav a {
  padding: 10px 15px;
}

.menu-item-new a:before {
	content: ' ';
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent; 
  border-right: 12px solid #ff5b59;
  height: 0;
  margin-top: -12px; 
  position: absolute;
  left: 100%;
  top: 50%;
  width: 0; 
}

.menu-item-new a:after {
	background: #ff5b59;
	border-radius: 3px;
	color: #fff;
	content: 'NEW VERSION!';
	display: block;
	font-size: .8rem;
	font-weight: 500;
	height: 24px;
	left: 100%;
	line-height: 26px;
	margin-left: 11px;
	margin-top: -12px;
	padding: 0 8px;
	position: absolute;
	text-transform: uppercase;
	top: 50%;
	width: 90px;
}


/* --- [ Utility Nav ] --- */

.site-header-utility-nav {
  margin: 10px 0;
}

.site-header-contact-link a {
	color: #3F454A;
	margin-right: 4px;
	padding: 10px 15px;
}

.site-header .btn-get-started a {
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 			border-radius: 3px;
	background: #FF5B59;
	color: #FFF;
	font-size: .95em;
	font-weight: 500;
	margin: 0;
	padding: 10px 24px;
}

.btn-get-started a:visited {
	background: #FF5B59;
	color: #FFF;
}

.btn-get-started a:hover {
	background: #E93D3A;
	color: #FFF;
}


/* --- [ Mobile Menu Button ] --- */

a.btn-mobile-menu {
	display: none;
	font-size: 1rem;
	font-weight: 400;
	line-height: 24px;
	margin: 8px 0;
	padding: 8px 16px 8px 32px;
	position: relative;
}

.btn-mobile-menu .menu-icon {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 7px;
}


@media screen and (max-width: 1050px){	
	
	.site-header {
		padding: 8px 0;
	}

	.site-header-contact-link {
		display: none;
	}
	
	.site-header-main-nav {
		width: 54%;
	}

}

@media screen and (max-width: 850px) {	

	.site-header-main-nav {
		display: none;
	}
	
	a.btn-mobile-menu {
		display: block;
	}
	
	.site-header-logo {
    left: 50%;
    margin-left: -87px;
    position: absolute;
    top: 8px;
    width: 174px;
	}
	
	.site-header.fixed {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		position: relative;
	}
	
	.site-header .btn-get-started a {
		font-size: .85rem;
		padding: 8px 16px;
	}
}

@media screen and (max-width: 520px){	
	
	.site-header {
		height: 180px;
		padding: 0;
	}
	
	.site-header-logo {
		bottom: 24px;
		top: auto;
	}
}


/*=================================
	MOBILE CONTACT US BUTTON
---------------------------------*/

.site-contact-callout-mobile {
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

.site-contact-callout-mobile .btn-primary {
	border-radius: 0;
	display: block;
	
}

@media screen and (max-width: 767px){
	.site-contact-callout-mobile {
		display: none;
	}
}

/*--------------------------------------------------------------
## MOBILE NAV
--------------------------------------------------------------*/

#mobile-nav-wrap {
  -webkit-transform: translate3d(-320px,0,100px);
  		    transform: translate3d(-320px,0,100px);
  -webkit-transition: -webkit-transform 0.4s;
  				transition: transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  				transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: #fff;
  font-size: 1.1em;
  height: 100%;
  position: fixed;
  top: 0;
  overflow: auto;
  width: 300px;
  z-index: 9998;
}

.ie #mobile-nav-wrap { 
  left: -320px;
}

#mobile-nav-wrap ul {
  margin: 0;
  padding: 0;
}

#mobile-nav-wrap li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#mobile-nav-wrap a {
  -webkit-transition: all .2s ease;
  	 -moz-transition: all .2s ease;
  	 			transition: all .2s ease;
  color: #262A2E;
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1;
  outline: none;
  padding: 16px 5%;
  position: relative;
  text-decoration: none;
}

#mobile-nav-wrap .current-menu-item > a {
  background: #F3F5F8;
}

#mobile-nav-wrap #menu-mobile-menu {
	margin-bottom: 80px;
}

#mobile-nav-wrap .btn-mobile-nav-close {
	color: #79828C;
	font-size: 1rem;
	font-weight: 500;
	line-height: 24px;
	margin: 8px 0 24px 5%;
	padding: 8px 16px 8px 32px;
	position: relative;
}

#mobile-nav-wrap .btn-mobile-nav-close .close-icon  {
	color: #79828C;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 7px;
}

#mobile-overlay {
  background: rgba(0,0,0,.54);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9997;
}


/* --- [ Nav Open ] --- */

.nav-open {
  overflow: hidden;
}

.nav-open #mobile-nav-wrap {
  -webkit-transform: translate3d(0,0,100px);
  		    transform: translate3d(0,0,100px);
  -webkit-transition: -webkit-transform 0.8s;
  				transition: transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.nav-open #mobile-overlay {
  display: block;
}

.ie .nav-open #mobile-nav-wrap {
  left: 0;
}


/*=================================
	HEROSPACE SHARED STYLES
---------------------------------*/

.herospace {
	padding: 80px 0;
	position: relative;
	width: 100%;
}

.herospace-heading {
	line-height: 1.3;
	margin-bottom: 1em;
}

.herospace-subheading {
	line-height: 1.7;
	margin-bottom: 2em;
}



/*=================================
	HEROSPACE HOME
---------------------------------*/

.herospace-home {
	padding: 40px 0 0;
}

.herospace-home-content {
	margin-top: 40px;
	position: relative;
	text-align: center;
	z-index: 2;
}

.herospace-home .herospace-heading {
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 0.75rem;
}

.herospace-home .herospace-heading span {
	display: inline-block;
}

.herospace-home .herospace-heading .underline {
	display: none;
}

/* Shows Yellow Underline
	
.herospace-home .herospace-heading .underline .animated {
	background: url(images/highlight-underline-2.png) repeat-x -20px 100%; 
	position: relative;
}

*/

.herospace-home .herospace-subheading {
	color: rgba(0,0,0,.87);
	font-size: 1.3rem;
	line-height: 1.4;
	margin: 2rem auto 2.5rem;
	max-width: 650px;
}

.herospace-home .btn-herospace {
	margin: 0 4px;
	min-width: 180px;
}

.herospace-home-img {
  border-bottom: 1px solid #D4DCE4;
	margin: 0 auto -138px;
	min-height: 200px;
	max-width: 1400px;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: -130px;
	width: 95%;
}

.herospace-home-img img {
	display: block;
	min-width: 600px;
	width: 100%;
}

.herospace-home-footer {
	margin-top: 80px;
	text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .herospace-home-svg .svg-container {
    height: 500px; 
  }
}

@media screen and (max-width: 900px) {
	
	.herospace-home-img {
		height: 321px;
    margin-bottom: -88px;
    top: -80px;
		width: 100%;
	}

	.herospace-home-img img {
		left: 50%;
		margin-left: -450px;
		position: absolute;
		top: 0;
		width: 900px;
	}

}

@media screen and (max-width: 800px) {

	.herospace-home .herospace-heading {
		font-size: 2.8rem;
	}

}

@media screen and (max-width: 680px) {
	
	.herospace-home {
		padding-top: 0;
	}

	.herospace-home .herospace-heading {
		font-size: 2.25rem;
	}

	.herospace-home-img {
		margin-bottom: -108px;
		top: -100px;
	}
	
}

@media screen and (max-width: 440px) {
	
	.herospace-home .herospace-heading {
		font-size: 2.15rem;
	}
	
	.herospace-home .herospace-subheading {
		font-size: 1.15rem;
	}
	
	.herospace-home .btn-herospace {
		display: block;
		margin-bottom: .75rem;
		width: 100%;
	}
	
}


/*=================================
	SECTION SHARED STYLES
---------------------------------*/

.section {
	padding: 150px 0;
}

.section--gray {
	background: #F3F5F8;
}

.section--blue {
	background: #2196F3;
}


.section--light h1,
.section--light h2,
.section--light h3,
.section--light h4,
.section--light h5,
.section--light .heading-1 {
	color: #FFF;
}

.section--light .section-header_subheading,
.section--light p {
	color: rgba(255,255,255,.8);
}

.section-header {
	margin-bottom: 80px;
	position: relative;
	text-align: center;
	z-index: 5;
}

.section-header_heading .eyebrow {
	color: #79828C;
	display: block;
	font-size: 1rem;
	text-transform: uppercase;
}

.section-header_btn {
	margin-top: 32px;
}

.section-svg--bg {
	position: absolute;
	z-index: 1;
}

@media screen and (max-width: 991px) {
	
	.section {
		padding: 80px 0;
	}

}

@media screen and (max-width: 768px) {
	
	.section-header_heading {
		line-height: 1.3;
	}
}


/*=================================
	SECTION: Home > Solutions
---------------------------------*/

.section-solutions {
	padding-bottom: 0;
}

.section-solutions .section-header {
	margin-bottom: 48px;
}

.section-solutions .solution {
	padding: 100px 0;
}

.section-solutions .solution:last-child {
	padding-bottom: 0;
}

.solution_svg {
	float: left;
	margin-top: -150px;
	position: relative;
	text-align: center;
	width: 50%;
}

.solution_svg svg {
	height: auto;
	max-width: 500px;
	width: auto;
}

.solution:nth-child(2n+1) .solution_svg {
	float: right;
}

.solution_img {
	float: left;
	margin-top: -40px;
	position: relative;
	text-align: center;
	width: 50%;
}

.solution:nth-child(2n+1) .solution_img {
	float: right;
}


.solution_content-wrap {
	float: right;
	max-width: 500px;
	width: 40%;
}

.solution:nth-child(2n+1) .solution_content-wrap {
	float: left
}

.solution_heading {
	margin-bottom: 1.5rem;
}

.solution_desc {
	max-width: 420px;
}

.solution_link {
	border-bottom: 2px solid #46ADEB;
	display: inline-block;
	font-size: .75rem;
	margin-bottom: 1.75rem;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.solution_link--blue,
.solution_link--blue:visited {
	color: #46ADEB;
	border-bottom-color: #46ADEB;
}

.solution_link--red,
.solution_link--red:visited {
	color: #FF5B59;
	border-bottom-color: #FF5B59;
}

.solution_link--green,
.solution_link--green:visited {
	color: #48C585;
	border-bottom-color: #48C585;
}

.solution_link--yellow,
.solution_link--yellow:visited {
	color: #FFBA41;
	border-bottom-color: #FFBA41;
}

.solution_btn,
.solution_btn:visited {
	background: #ff5b59;
	color: #fff;
	margin-top: 16px;
}

.solution_btn:hover {
	color: #fff;
	opacity: .8;
}

.solution_btn--blue,
.solution_btn--blue:visited {
	background: #46ADEB;
}

.solution_btn--green,
.solution_btn--green:visited {
	background: #48C585;
}

.solution_btn--yellow,
.solution_btn--yellow:visited {
	background: #FFBA41;
}

.solution_btn--red,
.solution_btn--red:visited {
	background: #FF5B59;
}

@media screen and (max-width: 991px) {
	
	.solution_svg {
		margin-top: -80px;
	}
}

@media screen and (max-width: 850px) {

	.solution_content-wrap {
		width: 50%;
	}
	
	.solution_svg {
		margin-top: -24px;
		width: 40%;
	}

	.solution_img {
		margin-top: -24px;
		width: 40%;
	}

}

@media screen and (max-width: 767px) {
	

	.section-solutions .solution,
	.section-solutions .solution:last-child {
		padding: 64px 0 80px;
	}
	
	.solution--blue {
		background: #46ADEB;
	}
	
	.solution--red {
		background: #FF5B59;
	}
	
	.solution--green {
		background: #48C585;
	}
	
	.solution--yellow {
		background: #FFBA41;
	}
	
	.solution_link {
		margin-bottom: 32px;
	}
	
	.solution_link--blue,
	.solution_link--blue:visited,
	.solution_link--red,
	.solution_link--red:visited,
	.solution_link--green,
	.solution_link--green:visited,
	.solution_link--yellow,
	.solution_link--yellow:visited {
		border: none;
		color: rgba(0,0,0,.38);
		font-size: .85rem;
		font-weight: 500;
	}
	
	.section-solutions .section-header {
		margin-bottom: 80px;
	}
	
	.solution_content-wrap {
		float: none;
		max-width: none;
		width: 100%;
	}
	
	.solution_heading {
		color: #fff;
		line-height: 1.4;
	}
	
	.solution_desc {
		color: #fff;
		max-width: none;
	}
	
	.solution_svg {
		display: none;
		float: none;
		margin: 0 auto;
		max-width: 360px;
		text-align: center;
		top: 0;
		width: 100%;
	}

	.solution_img {
		float: none;
		margin: 0 auto 16px;
		text-align: center;
		width: 100%;
	}
	
	.solution_btn {
		background: rgba(0,0,0,.1) !important;
		display: inline-block;
	}

}


/*=================================
	SECTION: Home > Features
---------------------------------*/


/* --- [ FEATURE TABS ] --- */

@media screen and (max-width: 1000px) {
	.feature-tabs-wrap {
		display: none;
	}
}

.feature-tabs-wrap ul,
.feature-tabs-wrap li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.feature-tab {
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	transition: all .1s ease;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #3F454A;
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
	margin: 16px 0;
	padding: 24px 16px 24px 72px;
	position: relative;
}

.feature-tab:visited {
	color: #3F454A;
}

.feature-tab:hover {
	box-shadow: -10px 2px 10px 0 rgba(50,78,92,0.10);
	color: #3F454A;
	cursor: pointer;
	opacity: 1;
}

.feature-tab:hover .feature-tab_icon {
	opacity: 1;
}

.feature-tab.active {
	-webkit-box-shadow: -10px 2px 10px 0 rgba(50,78,92,0.10);
	-moz-box-shadow: -10px 2px 10px 0 rgba(50,78,92,0.10);
	box-shadow: -10px 2px 10px 0 rgba(50,78,92,0.10);
	color: #3F454A;
	font-weight: 500;
	opacity: 1;
}

.feature-tab_icon {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	color: #46ADEB;
	font-size: 32px;
	left: 24px;
	margin-top: -18px;
	opacity: .5;
	position: absolute;
	top: 50%;
}

.feature-tab.active .feature-tab_icon {
	color: #46ADEB;
	opacity: 1;
}

.feature-tabs-wrap li:nth-child(2n) .feature-tab_icon {
	color: #48C585;
}

.feature-tabs-wrap li:nth-child(3n) .feature-tab_icon {
	color: #FF5B59;
}

.feature-tabs-wrap li:nth-child(4n) .feature-tab_icon {
	color: #FFBA41;
}

/* --- [ FEATURE TAB CONTENT ] --- */

.feature-tab-content {
	display: none;
	text-align: center;
}

.feature-tab-content.active {
	display: block;
}

.feature-svg {
	height: 400px;
	margin: 0 auto -40px;
	position: relative;
	top: -40px;
	width: 400px;
}

.feature-svg svg {
	display: inline-block;
	height: 100%;
	max-width: 100%;
	width: 100%;
}

.feature-heading {
	font-size: 1.2rem;
}

.feature-desc {
	margin: 0 auto;
	max-width: 460px;
}


@media screen and (max-width: 1000px) {
	
	.feature-tab-content {
		display: block;
		margin-bottom: 80px;
	}
	
	.feature-svg {
		height: auto;
		margin-bottom: 0;
		max-width: 300px;
    top: 0;
		width: auto;
	}
	
	.feature-heading {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	
	.feature-tab-content {
		margin-bottom: 40px;
	}
}


/*=================================
	PAGE WIDGET: Contact Us
---------------------------------*/

.section-contact-us {
	padding-top: 175px;
	padding-bottom: 100px;
}


/*=================================
	MODAL SHARED STYLES
---------------------------------*/

.modal {
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 			border-radius: 3px;
	-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.26), 0 14px 28px 0 rgba(0,0,0,0.25);
		 -moz-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.26), 0 14px 28px 0 rgba(0,0,0,0.25);
	 				box-shadow: 0 10px 10px 0 rgba(0,0,0,0.26), 0 14px 28px 0 rgba(0,0,0,0.25);
	background: #fff;
	display: none;
	left: 0;
	margin: auto;
	max-width: 768px;
	padding: 50px 90px;
	position: fixed;
	right: 0;
	top: 10%;
	width: 95%;
	z-index: 9999;
}

.btn-modal-close {
	color: #5B666D;  
	font-size: 1.1em;
	padding-left: 30px;
	position: absolute;
	right: 24px;
	top: 24px;
}

.btn-modal-close .ink-icon-close {
	font-size: 1.8em;
	left: 2px;
	line-height: 1;
	position: absolute;
	top: -2px;
}

.btn-modal-close:visited {
	color: #5B666D;
}

.btn-modal-close:hover {
	color: #FF5B59;
}

.modal-header {
	margin-bottom: 30px;
	text-align: center;
}

.modal-heading {
	font-size: 1.9em;
	font-weight: 500;
}

.modal-footer {
	margin-top: 30px;
	text-align: center;
}

.modal-footer .btn {
	margin-bottom: 40px;
}

.modal-footer p {
	margin: 0;
}

@media screen and (max-width: 620px) {
	
	.modal {
		padding: 50px 30px;
	}
}

@media screen and (max-height: 700px) {
	
	.modal {
		position: absolute;
	}
}

/*=================================
	MODAL: API Features
---------------------------------*/

.api-feature-list-header {
	border-bottom: 2px solid #e0e0e0;
}

.api-feature-list-header h4 {
	float: left;
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0;
	position: relative;
	top: -4px;
}

.api-feature-list-header p {
	float: right;
	font-size: .85rem;
	margin: 0;
}

.api-feature-list {
	margin: 40px 0;
}

.api-feature-list table {
	width: 100%;
}

.api-feature-list table td {
	border-bottom: 1px solid #e0e0e0;
	font-size: .9rem;
	font-weight: 500;
	height: 40px;
	padding: 0;
	position: relative;
	vertical-align: middle;
}

.api-feature-list .checkmark-icon {
	color: #58B682;
	left: 50%;
	margin-left: -12px;
	margin-top: -13px;
	position: absolute;
	top: 50%;
}

.col-feature-label {
	width: 65%;
}

.col-feature-value {
	background: #F7F8FA;
	text-align: center;
	width: 35%;
}

.api-feature-footnotes {
	margin-top: 5px;
}

.api-feature-footnotes p {
	color: #808080;
	font-size: .8em;
	font-style: italic;
	margin: 0;
}


/*=================================
	SITE FOOTER
---------------------------------*/

.site-footer {
	padding-top: 64px;
}

.footer-col {
	margin-bottom: 20px;
	position: relative;
}

.footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-col li {
	list-style: none;
	margin: 0;
	padding: 6px 0;
}

.footer-col li a,
.footer-col li a:visited {
	color: #3F454A;
	display: inline-block;
	font-size: .9rem;
	padding-right: 8px;
	position: relative;
}

.footer-col li a:hover {
  color: #FF5B59;
}

.footer-col .social-icons ul {
	margin: 0;
}

.footer-col-contact li {
	padding: 2px 0;
}

.footer-col .footer-col-heading {
	padding: 0;
}

.footer-col-contact .highlight-link a,
.footer-col-contact .highlight-link a:visited {
	color: #FF5B59;
}

.footer-col-contact a:hover {
	text-decoration: underline;
}

.footer-col-heading a,
.footer-col-heading a:visited {
	color: #79828C;
	cursor: default;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 16px;
	pointer-events: none;
}

.footer-col-callout a {
	display: inline-block;
}

.site-footer .social-media-links {
	margin-top: 32px;
}

.site-footer .social-media-links ul {
	margin: 0;
	padding: 0;
}

.site-footer .social-media-links li {
	display: inline-block;
	list-style: none;
	margin: 0 8px 0 0;
	padding: 0;
}

.social-media-link {
	display: block;
	height: 32px;
	width: 32px;
}

.social-media-link_icon {
	width: 100%;
}

.site-copyright {
	clear: both;
	margin: 80px 0 32px;
	text-align: center;
}

#copyright p {
	color: #79828C;
	font-size: .75em;
	margin: 0;
	padding: 0;
}

#copyright p a {
	color: #79828C;
	text-decoration: underline;
}

#copyright p a:hover {
	color: #FF5B59;
}

#copyright .copyright-text {
	padding: 0;
}

.hiring-callout {
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 			border-radius: 3px;
	background: #ff5b59;
	color: #fff;
	display: inline-block;
	font-size: .8rem;
	font-weight: 500;
	height: 32px;
	letter-spacing: .05em;
	line-height: 34px;
	margin-top: 4px;
	padding: 0 16px;
	position: relative;
	text-transform: uppercase;
}

.hiring-callout:visited,
.hiring-callout:hover {
	color: #fff;
}

.hiring-callout .arrow {  
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FF5B59;
  height: 0; 
  position: absolute;
  left: 8px;
  top: -8px;
  width: 0;
}

@media screen and (max-width: 990px) {
	
	.footer-col {
		margin-bottom: 64px;
	}
	
	.footer-col-callout {
		margin-bottom: 0;
		text-align: center;
	}
}


@media screen and (max-width: 767px){
	
	.footer-col {
		text-align: center;
	}
	
	.footer-col a {
		display: inline-block;
	}
	
	.footer-col-callout img {
		width: 90px;
	}
	
	.hiring-callout .arrow {
		left: 50%;
		margin-left: -8px;
	}
	
}


/*=================================
	PAGE WIDGET: Tools
---------------------------------*/

.section-tools {
	background: #2196f3;
	color: #fff;
}

.section-tools-svg {
	margin-top: 56px;
	text-align: center;
}

.section-tools-svg .svg-container {
	margin-bottom: 32px;
	max-width: 500px;
	padding: 0;
}

.section-tools-svg svg {
	margin: 0;
	
	position: relative;
}

.tool {
	margin-bottom: 40px;
	padding-left: 80px;
	position: relative;
}

.tool a:hover h4 {
	color: #fff;
	text-decoration: underline;
}

.tool_icon {
	left: 8px;
	position: absolute;
	top: -8px;
	width:48px;
}

.section-tools-link,
.section-tools-link:visited {
	margin-top: 16px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .section-tools-svg .svg-container {
    height: 450px; 
  }
}

@media screen and (max-width: 991px) {
	
	.tool {
		margin-left: auto;
		margin-right: auto;
		max-width: 640px;
	}
	
	.section-tools .btn {
		display: block;
		margin: 0 auto;
		width: 240px;
	}
	
}

@media screen and (max-width: 680px) {

}


/*=================================
	PAGE WIDGET: Partners & Suppliers
---------------------------------*/

.page-widget-partners {
	padding-bottom: 50px;
}

.page-widget-partners .page-widget-header {
	text-align: center;
}

.page-widget-partners .page-widget-heading {
	font-weight: 300;
}

.partner-tabs-wrap {
	position: relative;
}

.partner-tabs-wrap .divider {
	background: #D0D0D0;
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	top: 100px;
	width: 100%;
	z-index: 1;
}

.partner-tabs {
  display: inline-block;
	margin: 0 0 60px;
	padding: 0;
	position: relative;
	text-align: center;
	z-index: 2;
}

.partner-tabs li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.partner-tabs a {
	background: #F7F8FA;
	border: 1px solid #D0D0D0;
	border-right: none;
	color: #5B666D;
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	margin-right: -4px;
	min-width: 140px;
	padding: 11px 30px;
}

.partner-tabs a:visited {
	color: #5B666D;
}

.partner-tabs a.active {
	background: #FF5B59;
	border-color: #FF5B59;
	color: #FFF;
}

.partner-tabs li:first-child a {
	-webkit-border-top-left-radius: 100px;
 		 -moz-border-top-left-radius: 100px;
 	 	 			border-top-left-radius: 100px; 
  -webkit-border-bottom-left-radius: 100px;
 	   -moz-border-bottom-left-radius: 100px;
 	 			  border-bottom-left-radius: 100px;
}

.partner-tabs li:last-child a {
	-webkit-border-top-right-radius: 100px;
		 -moz-border-top-right-radius: 100px;
		 			border-top-right-radius: 100px; 
	-webkit-border-bottom-right-radius: 100px;
		 -moz-border-bottom-right-radius: 100px;
		 			border-bottom-right-radius: 100px;
	border-right: 1px solid #D0D0D0;
}

.partner-tabs-content {
	text-align: center;
}

.partner-tabs-content .category-item-wrap {
	display: none;
	margin-bottom: 30px;
	padding: 0 20px;
}

.partner-tabs-content .category-item-wrap.active {
	display: inline-block;
}

.partner-tabs-content .category-item-wrap img {
	max-width: 160px;
}

@media screen and (max-width: 700px){
	.partner-tabs-wrap .divider {
		display: none;
	}
	
	.partner-tabs {
		display: block;
		margin: 0 auto 60px;
		max-width: 360px;
		width: 100%;
	}
	
	.partner-tabs li {
		display: block;
		margin-bottom: 5px;
	}
	
	.partner-tabs a,
	.partner-tabs li:first-child a,
	.partner-tabs li:last-child a {
		-webkit-border-radius: 40px;
			 -moz-border-radius: 40px;
						border-radius: 40px;
		border: 1px solid #d0d0d0;
	}
}


/*=================================
	PAGE WIDGET: Support
---------------------------------*/

.section-support {
	padding-bottom: 100px;
}

.home .section-support {
	border-bottom: 1px solid #D4DCE4;
}

.support-img-wrap {
	text-align: center;
	margin-bottom: 40px;
}

.support-img-wrap img {
	display: inline-block;
	max-width: 1172px;
}

.support-features-wrap ul {
	margin: 0;
	padding: 0;
}

.support-features-wrap li {
	list-style: none;
	margin: 0 0 56px;
	padding: 0 32px;
	text-align: center;
}

.support-feature-icon {
	height: 80px;
  margin: 0 auto 16px;
  width: 80px;
}

.support-feature-heading {
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 8px;
}

.support-feature-desc {
	margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
	.support-img-wrap img {
		width: 100%;
	}
}

@media screen and (max-width: 1000px) {
		
	.support-features-wrap {
		margin-left: 5%;
		width: 90%;
	}
}


/*=================================
	PAGE WIDGET: FAQ's
---------------------------------*/

.section-faqs .section-header {
	margin-bottom: 40px;
}

.faq-tabs {
	margin: 0;
	padding: 0;
	text-align: center;
}

.faq-tabs li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.faq-tabs a,
.faq-tabs a:visited {
	border-bottom: 3px solid #fff;
	color: rgba(0,0,0,.38);
	display: block;
	font-size: .9rem;
	font-weight: 500;
	letter-spacing: .075em;
	padding: 8px 16px;
	text-transform: uppercase;
}

.faq-tabs a.active {
	border-bottom-color: #FF5B59;
	color: #FF5B59;
}

.faq-tabs a:hover {
	color: #FF5B59;
}

.faq-tabs-content {
	margin-top: 64px;
}

.faq-tabs-content > ul,
.faq-tabs-content > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.faq-question-wrap {
	border-bottom: 1px solid #EAEAEA;
	display: none;
	margin-bottom: -1px;
}

.faq-question-wrap.active {
	display: block;
}

.faq-question-wrap.active:last-child {
	border: none;
}

.faq-question {
	display: block;
	padding: 24px 16px 21px;
	position: relative;
}

.faq-question.active .faq-icon-arrow {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg); 
  		 -o-transform: rotate(180deg);      
  		-ms-transform: rotate(180deg);       
  				transform: rotate(180deg);
}

.faq-icon-arrow {
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
					transition: all .3s ease;
	color: rgba(0,0,0,.38);
	display: block;
	margin-top: -12px;
	position: absolute;
	right: 16px;
	top: 50%;
}

.faq-question h5 {
	color: #262A2E;
	font-size: 1.15rem;
	font-weight: 500;
	margin: 0;
	padding-right: 60px;
}

.faq-question:hover h5 {
	color: #FF5B59;
}

.faq-answer-wrap {
	display: none;
	padding: 0 64px 32px 16px;
}

.faq-answer-wrap ul {
	margin-bottom: 16px;
}

.faq-answer-wrap p,
.faq-answer-wrap li {
	color: #585F66;
	line-height: 1.7;
}

.faq-answer-wrap p:last-of-type {
	margin-bottom: 0;
}


.faq-answer-wrap strong {
	color: #262A2E;
}

.faq-answer-wrap a,
.faq-answer-wrap a:visited {
	color: #FF5B59;
	font-weight: 500;
}

@media screen and (max-width: 700px) {
	.faq-tabs {
		border: none;
	}
	
	.faq-tabs li {
		display: block;
		border-bottom: 1px solid #EAEAEA;
		text-align: left;
	}
	
	.faq-tabs a {
		padding-left: 20px;
		text-align: center;
	}
	
	.faq-question {
		padding: 16px 0 12px;
	}
}

/*=================================
	PAGE WIDGET: Testimonials
---------------------------------*/

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

.section-testimonials .bx-wrapper .bx-viewport {
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
		 			box-shadow: none;
	background: none;
	border: none;
}

.section-testimonials .slider-control {
	color: #E1E1E1;
	display: block;
	font-size: 50px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	z-index: 1000;
}

.section-testimonials .slider-control:before {
	position: absolute;
	z-index: 1005;
}

.section-testimonials .slider-control a {
	display: block;
	height: 50px;
	position: relative;
	text-indent: -9999px;
	width: 50px;
	z-index: 1010;
}

.section-testimonials .slider-control:hover {
	color: #FF5B59;
}

.section-testimonials .slider-control-next {
	right: 15px;
}

.section-testimonials .slider-control-prev {
	left: 15px;
}

.testimonial-img-wrap img {
	height: 100%;
	width: 100%;
}

.testimonial-img-wrap {
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,.3);
		 -moz-box-shadow: 0 10px 30px rgba(0,0,0,.3);
		 			box-shadow: 0 10px 30px rgba(0,0,0,.3);
	-webkit-border-radius: 100%;
		 -moz-border-radius: 100%;
		 			border-radius: 100%;
	height: 150px;
	margin-bottom: 20px;
	padding: 0;
	width: 150px;
}

.testimonial-excerpt-wrap {
	font-size: 1.2em;
	min-height: 200px;
	font-weight: 300;
	padding: 20px 60px 20px 30px;
}

.testimonial-citation {
	margin: 0;
}

.testimonials-slider .image-false .testimonial-excerpt-wrap {
	text-align: center;
	width: 100%;
}

@media screen and (max-width: 767px) {
	
	.section-testimonials {
		padding-top: 50px;
	}
	
	.testimonials-slider {
		text-align: center;
	}
	
	.testimonial-img-wrap {
		left: -15px;
    margin: 0 auto 15px;
    position: relative;
    width: 150px;
	}
}


/*=================================
	PAGE: Features
---------------------------------*/

.features-sidebar {
	max-width: 290px;
	padding-top: 56px;
	position: relative;
}

.features-sidebar.sticky {
	position: fixed;
	top: 0;
}

.features-sidebar.bottom-reached {
	bottom: 0;
	position: absolute;
	top: initial;
}

.features-sidebar_nav {
	border-left: 1px solid #D4DCE4;
	margin: 0;
	padding: 0;
}

.features-sidebar_nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.features-sidebar_nav li a,
.features-sidebar_nav li a:visited  {
	border-left: 4px solid #fff;
	color: #585F66;
	display: block;
	padding: 8px 16px 8px 24px;
}

.features-sidebar_nav li a:hover {
	background: #F3F5F8;
	border-left-color: #2196F3;
	color: #262A2E;
	font-weight: 500;
}

.features-sidebar_nav li a.active {
	color: #262A2E;
	font-weight: 500;
}

.features-sidebar_nav li a.active {
	border-left-color: #2196F3;
}

.features-sidebar_callout {
	box-shadow: 0 10px 25px 0 rgba(49,77,91,0.10);
	border-radius: 3px;
	background: #FFF;
	margin: 32px 0;
	width: 100%;
}

.features-sidebar_callout-img-wrap img {
	height: auto;
	width: 100%;
}

.features-sidebar_callout-content {
	padding: 16px 24px;
}

.features-sidebar_callout-content-heading {
	font-size: 1.05rem;
}

.features-sidebar_callout-content-desc {
	font-size: .9rem;
	margin: 0;
}

.features-sidebar_callout a {
	color: #2196F3;
	display: block;
	font-weight: 500;
	margin-top: 16px;
}

.feature-section-wrap {
	float: right !important;
}

.feature-section {
	border-top: 1px solid #D4DCE4;
	padding: 128px 0 32px; 
	
	/* 
		Doubled Top Padding so that id anchors will not be 
		covered up by the fixed header.
		
		Set negative margin on feature-section-heading to
		maintian the consistent whitespace between the dividers		
	*/
}

.feature-section:first-child {
	border: none;
}

.feature-section_heading-block {
	margin-bottom:24px;
}

.feature-section_heading {
/* 	margin-bottom: 24px; */
	margin-top: -48px;
	
	/* 
		Negative top margin used for id anchor fix
	*/
}
.feature-section_heading.heading-2 {
	font-size:2rem;
}
.feature-section_subheading {
	font-size:1.3rem;
	margin-top:0;
	margin-bottom:8px;
}
.feature-section-wrap .section-header_btn {
	margin-top:16px;
	margin-bottom:32px;
}
.feature-section-video-embed-wrap {
	margin-bottom: 48px;
    position: relative;
    padding-bottom: 52.5%;
    padding-top: 25px;
    height: 0;
}

.feature-section-video-embed-wrap iframe {
    background: rgba(0,0,0,.12);
    box-shadow: 0 6px 6px 0 rgba(0,0,0,0.26), 0 10px 20px 0 rgba(0,0,0,0.19);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.feature-section_overview-list {
	margin: 0;
	padding: 0;
}

.feature-section_overview-list li {
	list-style: none;
	margin: 0 0 32px;
	padding: 0 24px 0 15px;
}

.feature-section_overview-list li a {
	color: #FF5B59;
	font-weight: 500;
}

.feature-section_overview-list li:nth-child(2n+1) {
	clear: left;
}

.feature-section_overview-heading {
	font-size: 1.1rem;
}

.feature-section_overview-actions {
	margin: 16px 0;
	text-align: center;
}

.feature-section_overview-actions .btn {
	margin: 0 4px;
	min-width: 160px;
}

.feature-overview_logo-list ul {
	margin: 0;
	width: 100%;
}

.feature-overview_logo-list li {
	display: inline-block;
	padding: 0;
	text-align: center;
	width: 24%;
}

.feature-overview_logo-list li:nth-child(2n+1) {
	clear: none;
}

.mobile-features-menu {
	background: #FFFFFF;
	border-bottom: 1px solid #D4DCE4;
	display: none;
	margin-bottom: -64px;
	padding: 8px 0;
	position: relative;
	width: 100%;
	z-index: 2000;
}

.mobile-features-menu.sticky {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16); 
	position: fixed;
	top: 0;
}

.mobile-features-menu-btn {
	color: #585F66;
	display: block;
	padding: 10px 16px 8px 56px;
	position: relative;
	text-align: left;
}

.mobile-features-menu-btn:visited {
	color: #585F66;
}

.mobile-features-menu-btn .icon-features,
.mobile-features-menu-btn .icon-arrow {
	margin-top: -12px;
	position: absolute;
	top: 50%;
}

.mobile-features-menu-btn .icon-features {
	left: 16px;
}

.mobile-features-menu-btn .icon-arrow {
	right: 24px;
}

.mobile-features-menu ul {
	display: none;
	padding: 16px 0 0;
}

.mobile-features-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mobile-features-menu li a {
	color: #585F66;
	display: block;
	padding: 8px 16px;
}

@media screen and (max-width: 960px) {
	
	.features-sidebar_nav li a {
		padding-left: 16px;
	}
	
	.feature-overview_logo-list li {
		width: 32%;
	}
	
}

@media screen and (max-width: 835px) {
	
	.feature-section-wrap {
		float: none !important;
		margin-top: 56px;
		width: 100%;
	}
	
	.features-sidebar {
		display: none;
	}
	
	.mobile-features-menu {
		display: block;
	}
}

@media screen and (max-width: 768px){
	
	.feature-section_overview-list li {
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 560px){

	.feature-overview_logo-list li {
		width: 49%;
	}
}

@media screen and (max-width: 395px){

	.feature-overview_logo-list li {
		width: 100%;
	}
}


/*=================================
	PAGE WIDGET: Footer Callout
---------------------------------*/

.section-contact-us .section-svg {
	left: 50%;
	margin-left: -254px;
	top: -64px;
	width: 507px;
}

.section-contact-us .section-header_btn {
	margin-top: 16px;
}


/*=================================
	PGAE TEMPLATE: Content Shadow Box
-----------------------------------*/

.page-herospace {
	padding: 64px 0;
	text-align: center;
}

.page-template-page-form-template .page-herospace,
.page-template-page-thank-you .page-herospace {
	padding-bottom: 24px;
}

.page-herospace_icon {
	height: 96px;
	margin: 0 auto;
	width: 96px;
}

.page-herospace_heading {
	font-weight: 500;
}

.page-herospace_subheading {
	font-size: 1.2rem;
	font-weight: 400;
	opacity: .87;
}

.page-herospace-contact-methods {
	margin: 24px 0 0;
	padding: 0;
	text-align: center;
}

.page-herospace-contact-methods li {
	display: inline-block;
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
}

.page-herospace-contact-methods a {
	color: #FF5B59;
	font-size: 1.1em;
	font-weight: 600;
	padding: 5px 20px;
}

.page-herospace-contact-icon:before {
	font-size: 24px;
	margin-right: 5px;
	position: relative;
	top: 4px;
}

.page-content-wrap {
	position: relative;
}

.content-shadow-box {
	-webkit-box-shadow: 0 20px 40px rgba(0,0,0,.3);
		 -moz-box-shadow: 0 20px 40px rgba(0,0,0,.3);
		 			box-shadow: 0 20px 40px rgba(0,0,0,.3);
	-webkit-border-radius: 7px;
		 -moz-border-radius: 7px;
		 			border-radius: 7px;
	background: #fff;
	border: 1px solid #EAEAEA;
	margin-bottom: 64px;
	padding: 60px 20px 40px;
}

.content-shadow-box-inner {
	min-height: 500px;
	position: relative;
	z-index: 15;
}

.btn-content-shadow-box {
	display: block;
	margin: 0 auto;
	width: 230px;
}

.faded-edge {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+99&0+0,1+39 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 99%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 99%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	bottom: 0;
	height: 500px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}

@media screen and (max-width: 767px){
	.content-shadow-box {
		margin-left: 5%;
		padding-top: 40px;
		width: 90%;
	}
	
	.page-herospace-contact-methods li {
		margin-bottom: 10px;
	}
}


/*=================================
	PAGE: Plans & Pricing
	---------------------------------*/

.section-plan-overview {
	padding: 100px 0;
	text-align: center;
	vertical-align: bottom;
}

.plan-wrap {
  float: none;
  margin: 0 auto;
  max-width: 1110px;
}

.plan {
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
		 			border-radius: 5px;
	background: #fff;
	border: none;
	float: left;
  margin: 0 1%;
	min-height: 600px;
	overflow: hidden;
	padding: 32px 24px;
	position: relative;
	text-align: center;
	width: 30%;
	z-index: 10;
}

.plan.most-popular {
  margin-top: -40px;
  padding-top: 72px;
}

.plan .coming-soon-tag {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16);
	-moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16);
	transform: rotate(-29deg);
	background: #ff5b59;
	color: #fff;
	display: block;
	font-weight: 500;
	left: -35px;
	letter-spacing: .05em;
	padding: 4px 54px 4px 44px;
	position: absolute;
	text-transform: uppercase;
	top: 23px;
}

.plan .most-popular-tag {
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
  background: #FFEB3B;
  height: 40px;
  position: absolute;
  left: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

.most-popular-tag h3 {
  color: rgba(0,0,0,.54);
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 40px;
  text-transform: uppercase;
}

.most-popular-tag .icon-star {
  background: none;
  color: rgba(0,0,0,.38);
  font-size: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
}

.most-popular-tag .icon-star-left {
  left: 16px;
}

.most-popular-tag .icon-star-right {
  right: 16px;
}

/* --- [ Plan Description ] --- */

.plan-icon {
	height: 120px;
	margin: 16px auto 24px;
	width: 150px;
}

.plan-name {
	color: #262A2E;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.plan-desc {
	min-height: 70px;
}

/* --- [ Plan Pricing ] --- */

.plan-pricing {
	border: 1px solid #ECEFF3;
	border-width: 1px 0;
	margin: 16px 0;
	padding: 16px 0;
}

.plan-pricing p {
	margin: 0;
}

.plan-activation-fee {
	color: #262A2E;
	font-size: 2.1rem;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 8px;
}

.plan-activation-fee sup {
	font-size: 1.5rem;
	margin-right: 2px;
	position: relative;
	top: -2px;
}

.plan-hosting-fee {
	position: relative;
}

.plan-hosting-fee:hover {
	cursor: help;
}

.plan-hosting-fee:hover .plan-hosting-fee-tooltip {
	display: block;
}

.plan-hosting-fee .help-icon {
	color: #79828C;
	font-size: 20px;
	position: relative;
	top: 4px;
}

.plan-hosting-fee-tooltip {
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
					border-radius: 3px;
	background: #3F454A;
	display: none;
	font-size: .8rem;
	padding: 8px 16px;
	position: absolute;
	top: 130%;
	width: 100%;
	z-index: 100;
}

.plan-hosting-fee-tooltip p {
	color: #fff;
	line-height: 1.4;
}

.plan-hosting-fee-tooltip .arrow {
	border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #3F454A;
  height: 0;
  margin-left: -8px; 
  position: absolute;
  left: 50%;
  top: -8px;
  width: 0;
}

@media screen and (max-width: 767px) {

	
	.plan-hosting-fee-tooltip {
		left: 50%;
		margin-left: -150px;
		width: 300px;
	}
}

/* --- [ Plan Features ] --- */

.plan-features {
	margin-top: 24px;
}

.plan-features ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.plan-features li {
	background: none;
	color: #262A2E;
	font-size: .9rem;
	margin: 4px 0;
	padding: 4px 0 4px 32px;
	position: relative;
	text-align: left;
}

.plan-features li span {
	color: #585F66;
	display: block;
	font-size: .8em;
	font-weight: 400;
}

.plan-features .checkmark-icon {
	color: #58B682;
	left: 0;
	position: absolute;
	top: 4px;
}

.plan-features a {
	color: #FF5B59;
	font-weight: 500;
}

.plan-features a:visited {
	color: #ff5b59;
}

.plan-features a:hover {
	color: #ff5b59;
	text-decoration: none;
}

/* --- [ Hosting Fee Description ] --- */

.hosting-fee-desc {
	margin-top: 48px;
	position: relative;
}

.hosting-fee-desc p {
	color: #fff;
	margin: 0;
}

.hosting-fee-desc .help-icon {
	margin-right: 2px;
	position: relative;
	top: 5px;
}

@media screen and (max-width: 835px) {
	
	.plan-hosting-fee {
		font-size: .9rem;
	}
	
}

@media screen and (max-width: 767px) {

	.section-plan-overview {
		padding: 72px 0;
	}
	
	.plan,
	.plan.most-popular {
		float: none;
		margin: 0 5% 32px;
		min-height: 0;
		transform: scale(1);
		width: 90%;
	}
	
	.plan-desc {
		margin-bottom: 32px;
		min-height: 0;
	}
	
	.plan-hosting-fee {
		font-size: 1rem;
	}
	
	.hosting-fee-desc {
		padding: 0 5% 0 10%;
		text-align: left;
	}
	
	.hosting-fee-desc .help-icon {
		left: 5%;
		position: absolute;
		top: 0;
	}
	
	.hosting-fee-desc strong:after {
		content: ' ';
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 580px) {
	
	.hosting-fee-desc {
		margin-top: 24px;
		padding-left: 15%;
	}
}

/* --- [ Plan Callouts ] --- */

.plan-callout-wrap {
	margin: 48px auto 32px;
}

.plan-callout {
	background: rgba(0,0,0,.12);
	border-radius: 3px;
	float: left;
	margin: 0 1%;
	min-height: 150px;
	padding: 24px;
	text-align: left;
	width: 47%;

	/* --- Single Callout Overrides --*/

	float: none;
	margin: 0 auto;
	max-width: 580px;
	width: 100%;
}

.plan-callout-heading {
	color: #fff;
	font-size: 1rem;
}

.plan-callout-desc {
	color: rgba(255,255,255,.8);
	font-size: .95rem;
	margin-bottom: 8px;
}

.plan-callout-btn,
.plan-callout-btn:visited {
	background: rgba(0,0,0,.2);
	color: #FFF;
	font-size: .8rem;
	font-weight: 500;
	margin-top: 8px;
}

.plan-callout-btn:hover {
	background: rgba(0,0,0,.15);
	color: #fff;
}

@media screen and (max-width: 767px) {
	
	.plan-callout-wrap {
		margin-top: 0;
	}
	
	.plan-callout {
		float: none;
		margin: 48px 5% 16px;
		min-height: 0;
		width: 90%;
	}

}


/* --- [ Shared Features Section ] --- */

.shared-features-wrap {
	padding: 100px 0;
	text-align: center;
}

.shared-features-wrap h3 {
	margin-bottom: 50px;
}

.shared-features-wrap ul {
	list-style: none;
}

.shared-features-wrap li {
	list-style: none;
	padding: 8px 0 8px 32px;
	position: relative;
	text-align: left;
}

.shared-features-wrap .checkmark-icon {
	color: #58B682;
	left: 0;
	margin-top: -12px;
	position: absolute;
  top: 19px;
}

@media screen and (max-width: 767px) {
	
	
}

/* --- [ USA Callout ] --- */

.usa-callout {
	margin-top: 64px;
	text-align: center;
}

.usa-callout p {
	color: #79828C;
}

@media screen and (max-width: 767px) {
	
	.usa-callout {
		margin-left: 30px;
    margin-right: 30px;
		margin-top: 32px;
	}
	
}

/* --- [ Add Ons Section ] --- */

.section-add-ons {
	padding: 100px 0;
}

.section-add-ons .section-header {
	margin-bottom: 40px;
}

.add-on {
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 			border-radius: 3px;
	-webkit-box-shadow: 0 6px 6px 0 rgba(0,0,0,0.26), 0 10px 20px 0 rgba(0,0,0,0.19);
		 -moz-box-shadow: 0 6px 6px 0 rgba(0,0,0,0.26), 0 10px 20px 0 rgba(0,0,0,0.19);
		 			box-shadow: 0 6px 6px 0 rgba(0,0,0,0.26), 0 10px 20px 0 rgba(0,0,0,0.19);
	background: #fff;
	margin-bottom: 24px;
	margin-top: 16px;
	padding: 24px 32px;
	position: relative;
}

.add-on-name {
	margin-bottom: 8px;
}

.add-on-desc {
	margin: 0;
	max-width: 60%;
}

.add-on-price {
	color: #2196F3;
	font-size: 3rem;
	font-weight: 400;
	position: absolute;
	right: 30px;
	top: 15px;
}

.add-on-price sup {
	font-size: .6em;
	position: relative;
	top: -8px;
}

.add-on-price span {
	color: #808080;
	font-size: .35em;
	font-weight: 400;
	position: relative;
	top: -8px;
}

.add-on-footnote {
	bottom: 15px;
	color: #808080;
	font-size: .7em;
	margin: 0;
	position: absolute;
	right: 30px;
	text-align: right;
}

@media screen and (max-width: 480px) {
	
	.add-on-desc {
		max-width: none;
	}
	
	.add-on-price {
		margin: 10px 0 0;
		position: relative;
		right: 0;
		top: 0;
	}
	
	.add-on-footnote {
		bottom: 0;
		position: relative;
		right: 0;
		text-align: left;
		width: 100%;
	}
}

/* --- [ Why InkSoft isn't Free Section --- */

.page-section-why {
	padding-bottom: 0;
}

.why-list-item-wrap {
	margin-bottom: 60px;
	margin-top: 40px;
}

.why-list-item-wrap ul {
	margin: 0;
	padding: 0;
}

.why-list-item-wrap li {
	list-style: none;
	margin: 0;
	padding: 15px 0 15px 70px;
	position: relative;
}

.why-list-item-wrap li {
	margin-bottom: 1.5em;
}

.why-list-item-icon {
	height: 60px;
	left: 0;
	position: absolute;
	top: -4px;
	width: 60px;
}


.why-list-item-icon img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	position: absolute;
  right: 0;
  top: 0;
}

.why-list-item-label {
  font-size: 1.2em;
  font-weight: 600;
  margin: 0;
}

.why-list-item-wrap .btn-primary {
	clear: both;
	display: block;
	margin: 40px auto 20px;
	width: 180px;
}