/** Defaults **/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat;
	cursor: default;
	color: #325053;
}

h1 {
	font-size: 40px;
	font-weight: 700;
	text-align: center;
}

h2 {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
}

h3 {
	margin-top: 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

body {
	height: 100vh;
	font-family: Consolas, Courier, monospace;
	font-size: 16px;
	text-rendering: optimizelegibility;
}

a {
	color: #3dc1ce;
	text-decoration: none;
	transition: all 200ms;
}

a:hover,
a:focus,
a:active {
	color: #308e98;
	text-decoration: none;
}

input,
textarea {
	border: 1px solid #ddd;
	transition: all 200ms;
	box-shadow: none;
	border-radius: 0;
}

input:hover,
textarea:hover {
	border: 1px solid rgba(61,193,206,0.4);
	box-shadow: 0 0 5px 0 rgba(61,193,206,0.25)
}

input:focus,
textarea:focus,
input:active,
textarea:active {
	border: 1px solid rgba(61,193,206,0.6);
	box-shadow: 0 0 5px 0 rgba(61,193,206,0.25);
}

button {
	position: relative;
	border: none;
	box-shadow: none;
	font-size: 20px;
	font-family: Montserrat;
	font-weight: 500;
	color: #ffffff;
	background-color: #3dc1ce;
	transition: all 200ms;

	background: -webkit-linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
	background: -moz-linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
	background: -ms-linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
	background: -o-linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
	background: linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
}

button.btn-orange {
	background: -webkit-linear-gradient(left, #d0302a 0%, #f37043 100%);
	background: -moz-linear-gradient(left, #d0302a 0%, #f37043 100%);
	background: -ms-linear-gradient(left, #d0302a 0%, #f37043 100%);
	background: -o-linear-gradient(left, #d0302a 0%, #f37043 100%);
	background: linear-gradient(left, #d0302a 0%, #f37043 100%);
}

button,
button::before,
button::after {
	border-radius: 60px;
	background-clip: border-box;
}

button::before,
button::after {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: all 200ms;
}

button::before {
	background: -webkit-linear-gradient(left, #3d58ce 0%, #37abb7 100%);
	background: -moz-linear-gradient(left, #3d58ce 0%, #37abb7 100%);
	background: -ms-linear-gradient(left, #3d58ce 0%, #37abb7 100%);
	background: -o-linear-gradient(left, #3d58ce 0%, #37abb7 100%);
	background: linear-gradient(left, #3d58ce 0%, #37abb7 100%);
}

button::after {
	background: -webkit-linear-gradient(left, #3d58ce 0%, #308e98 100%);
	background: -moz-linear-gradient(left, #3d58ce 0%, #308e98 100%);
	background: -ms-linear-gradient(left, #3d58ce 0%, #308e98 100%);
	background: -o-linear-gradient(left, #3d58ce 0%, #308e98 100%);
	background: linear-gradient(left, #3d58ce 0%, #308e98 100%);
}

button.btn-orange::before {
	background: -webkit-linear-gradient(left, #d0302a 0%, #dd633c 100%);
	background: -moz-linear-gradient(left, #d0302a 0%, #dd633c 100%);
	background: -ms-linear-gradient(left, #d0302a 0%, #dd633c 100%);
	background: -o-linear-gradient(left, #d0302a 0%, #dd633c 100%);
	background: linear-gradient(left, #d0302a 0%, #dd633c 100%);
}

button.btn-orange::after {
	background: -webkit-linear-gradient(left, #d0302a 0%, #c95d33 100%);
	background: -moz-linear-gradient(left, #d0302a 0%, #c95d33 100%);
	background: -ms-linear-gradient(left, #d0302a 0%, #c95d33 100%);
	background: -o-linear-gradient(left, #d0302a 0%, #c95d33 100%);
	background: linear-gradient(left, #d0302a 0%, #c95d33 100%);
}

button:hover::before,
button:focus::after,
button:active::after {
	opacity: 1;
}

.bodyContent {
	margin-bottom: 50px;
}

/** Header **/

.navbar {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 100%;
	padding-top: 10px;
	transform: translateX(-50%);
	background-image: linear-gradient(black 25%, transparent ); 
	border: none;
	transition: all 200ms;
	z-index: 4;
}

.navbar-brand {
	height: auto;
	padding: 15px 25px;
}

.navbar-brand > img {
	height: 32px;
}

.navbar-nav li {
	padding-top: 12px;
	padding-bottom: 15px;
}

.navbar-nav li.navHome {
	display: none;
}

.navbar-nav li a {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #ffffff;
	padding: 10px 20px;
}

.navbar-nav li a:hover,
.navbar-nav li a:focus {
	background-color: transparent;
	color: #377379;
}

.navbar-nav > li > a > i,
.navbar-nav ul {
	display: none;
}

.navbar #openNav {
	display: block;
	position: absolute;
	top: 17px;
	left: 15px;
	height: 30px;
	width: 30px;
	z-index: 2;
	cursor: pointer;
}

.navbar #openNav:hover,
.navbar #openNav:focus,
.navbar #openNav:active {
	color: #3dc1ce;
}

.navbar #openNav i {
	display: block;
	line-height: 28px;
	font-size: 22px;
}

.navbar-left li a {
	border-left: 2px solid rgba(255,255,255,0.2);
}

.navbar-right {
	margin-right: 30px;
}

.navbar-right li:last-child a {
	margin-left: 22px;
	background-color: #3dc1ce;
	color: #ffffff;
}

.navbar-right li a:hover,
.navbar-right li a:focus {
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.1) inset;
	color: #fff;
	text-shadow: 0 0 5px rgba(255,255,255,0.75);
}

.navbar-right li:last-child a:hover,
.navbar-right li:last-child a:focus {
	color: #ffffff;
}

.navbar-left li a:hover,
.navbar-left li a:focus {
	color: #3dc1ce;
	text-shadow: 0 0 5px rgba(61,193,206,0.5);
}

.navbar-right li:first-child a {
	outline: 2px solid #ffffff;
	outline-offset: -2px;
}

.navbar-right li a:hover,
.navbar-right li a:focus {
	box-shadow: 0 0 15px 0 rgba(255,255,255,0.2) inset;
}

.navbar-right li:last-child a:hover,
.navbar-right li:last-child a:focus {
	box-shadow: 0 0 15px 0 rgba(255,255,255,0.5) inset;
}

/** Contact form sent message **/

.contactPopup {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100vh;
	width: 100vw;
	z-index: 99;
	background-color: rgba(0,0,0,0.85);
}

.contactPopup > div {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	transform: translate(-50%,-50%);
	text-align: center;
}

.contactPopup img {
	opacity: 0;
	visibility: hidden;
}

.contactPopup p {
	margin-bottom: 0;
	font-size: 28px;
	color: white;
	cursor: default;
	transition: all 200ms;
}

/** GDPR notice **/

.gdpr {
	padding: 15px;
	margin: 0 auto;
	max-width: 400px;
	background-color: #323232;
	text-align: center;
	border: 1px solid #555;
	box-shadow: 0 3px 6px 0px rgba(0,0,0,0.25);
}

.gdpr p {
	color: #ffffff;
	font-size: 14px;
}

.gdpr a {
	font-weight: 700;
	color: #ffffff;
	background-color: #3dc1ce;
	border-color: transparent;
	border-radius: 0;
	border-width: 0;
	transition: all 200ms;
}

.gdpr a:hover {
	color: #ffffff;
	background-color: #37abb7;
	border-color: transparent;
}

.gdpr a:focus,
.gdpr a:active {
	color: #ffffff;
	background-color: #308e98;
	border-color: transparent;
	box-shadow: none;
}

/** General **/

.content {
	overflow-y: scroll;
	height: 100vh;
	scroll-snap-type: mandatory;
	webkit-scroll-snap-type: mandatory;
	scroll-snap-points-y: repeat(100vh);
	webkit-scroll-snap-points-y: repeat(100vh);
	scroll-snap-type: y mandatory;
	scroll-behavior: smooth;
}

#contactButton {
	cursor: pointer;
}

/** Pano background **/

#panoSlider {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	min-height: 120vh;
	width: 100%;
	z-index: 1;
}

#panoMask {
	position: fixed;
	top: 0px;
	height: 100%;
	min-height: 120vh;
	width: 100%;
	background-color: rgba(0,0,0,0.75);
	background-image: url(../img/repeatingDots.png);
	z-index: 2;
}

/** Arrow circle **/

.arrowCircle {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 50px;
	height: 60px;
	width: 60px;
	transform: translateX(-50%);
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	border-radius: 50%;
	cursor: pointer;
	transition: box-shadow 200ms, opacity 500ms, visibility 500ms, bottom 500ms;
	z-index: 3;
}

.section .arrowCircle.bounceUp {
	bottom: 54px;
}

.arrowCircle span {
	transition: opacity 800ms, visibility 800ms, box-shadow 200ms;
	box-shadow: 0 0 6px 0 rgba(255,255,255,0.25);
}

.arrowCircle:hover span {
	box-shadow: 0 0 6px 0 rgba(255,255,255,0.75);
}

.arrowCircle:focus span {
	box-shadow: 0 0 6px 0 rgba(255,255,255,0.5);
}

.arrowCircle .leftBar1,
.arrowCircle .rightBar1 {
	top: 15px;
}

.arrowCircle .leftBar2,
.arrowCircle .rightBar2 {
	top: 25px;
}

.arrowCircle .leftBar,
.arrowCircle .rightBar {
	display: block;
	position: absolute;
	height: 20px;
	width: 2px;
	background-color: #3dc1ce;
}

.arrowCircle .leftBar {
	left: 20px;
	transform: rotate(135deg);
}

.arrowCircle .rightBar {
	right: 20px;
	transform: rotate(45deg);
}

/** Index **/

/** Sections **/

.section {
	display: flex;
	position: relative;
	min-height: 100vh;
	padding: 50px 0;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	z-index: 3;
	scroll-snap-align: start;
	justify-content: center;
	align-items: center;
}

.section > div {

}

.section h2 {
	font-size: 54px;
	font-weight: 500;
	color: #3dc1ce;
	line-height: 58px;
	background: -webkit-linear-gradient(45deg, #3dc1ce 0%, #ffffff 50%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.section h3 {
	margin-bottom: 20px;
	font-size: 34px;
	font-weight: 500;
	color: #ffffff;
	letter-spacing: 1px;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.section p,
.section ol li {
	line-height: 1.5;
	font-size: 20px;
	letter-spacing: 1px;
	color: #eeeeee;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.section p:last-child {
	margin-bottom: 0;
}

.section a {
	font-weight: 700;
}

.section .btn {
	position: relative;
	font-family: Consolas, Courier, monospace;
	color: #ffffff;
	border-radius: 30px;
	border: 2px solid #3dc1ce;
	text-shadow: 0 0 5px rgba(255,255,255,0.3);
	letter-spacing: 2px;
	transition: all 200ms;
	z-index: 3;
}

.section .btn-sm {
	padding: 4px 10px;
	font-size: 14px;
}

.section .btn-md {
	padding: 8px 24px;
	font-size: 18px;
}

.section .btn-lg {
	padding: 10px 30px;
	font-size: 22px;
}

.section .btn:hover {
	color: #323232;
	text-shadow: 0 0 8px rgba(255,255,255,0.5);
	background-color: #3dc1ce;
}

.section .btn:focus {
	background-color: #3dc1ce;
	color: #323232;
	text-shadow: 0 0 8px rgba(255,255,255,0.3);
}

.section .btn::before,
.section .btn::after {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: 0;
	content: ' ';
	border-radius: 34px;
	z-index: -1;
	background: -webkit-linear-gradient(60deg, #3dc1ce 0%, #ffffff 100%);
	background: -moz-linear-gradient(60deg, #3dc1ce 0%, #ffffff 100%);
	background: -ms-linear-gradient(60deg, #3dc1ce 0%, #ffffff 100%);
	background: -o-linear-gradient(60deg, #3dc1ce 0%, #ffffff 100%);
	background: linear-gradient(60deg, #3dc1ce 0%, #ffffff 100%);
	transition: opacity 300ms ease-in;
}

.section .btn::after {
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.25) inset;
}

.section .btn:hover::before,
.section .btn:focus::after {
	opacity: 1;
}

.section h2 {
	margin-top: 0px;
	transition: opacity 200ms, visibility 200ms;
}

.section h1,
.section h2,
.section .dataBlock,
.section .sectionImg,
.section .btnWrapper,
.section .arrowCircle,
.section ol li {
	opacity: 0;
	visibility: hidden;
}

/** Index hero section **/

.section.heroSection {
	position: relative;
	height: 100vh;
	scroll-snap-align: start;
}

.section.heroSection .container {
	position: relative;
	height: auto;
	z-index: 3;
}

.section.heroSection .container > div {
	text-align: center;
}

.section.heroSection p, 
.section.heroSection .btn, 
.section.heroSection .heroVertLine, 
.section.heroSection .heroCircle {
	opacity: 0;
	visibility: hidden;
	transition: opacity 500ms, visibility 500ms;
}

.section.heroSection h1 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 160px;
	font-weight: 700;
	text-align: center;
	color: #3dc1ce;
	line-height: 1;
	background: -webkit-linear-gradient(45deg, #3dc1ce 30%, #ffffff 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 10px rgba(255,255,255,0.3);
}

.section.heroSection h1 span:first-child {
	display: block;
	margin: 0 0 -210px -320px;
	font-size: 88px;
	color: #ffffff;
	background: -webkit-linear-gradient(45deg, #3dc1ce 30%, #ffffff 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section.heroSection p {
	margin: 0 auto 30px;
	padding: 0 170px;
	font-size: 24px;
	color: #ffffff;
	line-height: 1.5;
	letter-spacing: 1px;
	text-shadow: 0 0 5px rgba(255,255,255,0.5);
	cursor: default;
}

.section.heroSection .btn {
	transition: all 200ms;
}

.section.heroSection .btn:hover {
	box-shadow: 0 0 15px 0 rgba(255,255,255,0.3) inset;
}

.section.heroSection .btn:focus {
	box-shadow: 0 0 15px 0 rgba(255,255,255,0.1) inset;
}

.section.heroSection .heroVertLine,
.section.heroSection .heroVertLineLight {
	display: block;
	position: absolute;
	z-index: 2;
}

.section.heroSection .heroVertLine {
	left: 50%;
	bottom: 125px;
	width: 2px;
	transform: translateX(-50%);
	background-color: #3dc1ce;
	overflow: hidden;
}

.section.heroSection .heroVertLineLight {
	position: relative;
	top: -145px;
	height: 145px;
	width: 2px;
	background-color: rgba(255,255,255,0.75);
	transition: top 2000ms linear;
}

.section.heroSection .heroCircle {
	bottom: 50px;
	border-color: #3dc1ce;
}

.section.heroSection .heroVertLine, 
.section.heroSection .heroCircle {
	transition: opacity 800ms, visibility 800ms, bottom 500ms, box-shadow 200ms;
}

.section.heroSection .heroCircle:hover {
	box-shadow: 0 0 15px 0 rgba(255,255,255,0.3) inset;
}

.section.heroSection .heroCircle:focus {
	box-shadow: 0 0 15px 0 rgba(255,255,255,0.1) inset;
}

/** Index empower section **/

.section.empowerSection .empowerBlock,
.section.empowerSection .btnWrapper {
	transition: opacity 500ms, visibility 500ms;
}

.section.empowerSection h2 {
	margin-bottom: 50px;
}

.section.empowerSection .empowerIcon {
	margin: 0 0 50px;
}

.section.empowerSection .empowerBlock:nth-child(2) {
	padding-left: 0px;
	padding-right: 100px;
}

.section.empowerSection .empowerBlock:nth-child(3) {
	padding-left: 50px;
	padding-right: 50px;
}

.section.empowerSection .empowerBlock:nth-child(4) {
	padding-left: 100px;
	padding-right: 0px;
}

.section.empowerSection .btnWrapper {
	padding-top: 35px;
	text-align: center;
}

/** Index enhance section **/

.section.enhanceSection .enhanceIcon,
.section.enhanceSection p {
	opacity: 0;
	visibility: hidden;
}

.section.enhanceSection h2 {
	display: block;
	width: 100%;
	padding-right: 35px;
	text-align: right;
	background: -webkit-linear-gradient(45deg, #3dc1ce 30%, #ffffff 80%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.section.enhanceSection .enhanceIcon,
.section.enhanceSection p,
.section.enhanceSection .btnWrapper {
	transition: opacity 500ms, visibility 500ms;
}

.section.enhanceSection > div {
	display: flex;
}

.section.enhanceSection .enhanceBlock:first-child {
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	align-items: center;
}

.section.enhanceSection .enhanceIconWrapper {
	text-align: left;
	margin: 0 auto 25px;
}

.section.enhanceSection .enhanceIcon {
	margin-right: 75px;
	display: inline-block;
}

.section.enhanceSection .enhanceIcon:nth-child(1) {
	margin-right: 60px;
}

.section.enhanceSection .enhanceIcon:nth-child(2) {
	margin-right: 75px;
}

.section.enhanceSection .enhanceIcon:nth-child(3) {
	margin-right: 0;
}

.section.enhanceSection .btnWrapper {
	padding-top: 25px;
	text-align: left;
}

/** Index integrate section **/

.section.integrateSection .integrateBlock {
	padding-left: 0;
	padding-right: 100px;
	transition: opacity 500ms, visibility 500ms;
}

.section.integrateSection h2 {
	margin-bottom: 50px;
}

.section.integrateSection .integrateIcon {
	margin: 0 0 50px;
}

.section.integrateSection .btnWrapper {
	padding-top: 25px;
	text-align: center;
	transition: opacity 500ms, visibility 500ms;
}

/** Index feedback section **/

.section.feedbackSection > div {
	display: flex;
}

.section.feedbackSection .feedbackIcon,
.section.feedbackSection .feedbackCarousel,
.section.feedbackSection .carousel-indicators {
	opacity: 0;
	visibility: hidden;
	transition: opacity 500ms, visibility 500ms;
}

.section.feedbackSection .feedbackBlock:nth-child(1) {
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	align-items: center;
}

.section.feedbackSection h2 {
	width: 100%;
	padding-right: 35px;
	text-align: right;
	background: -webkit-linear-gradient(45deg, #3dc1ce 30%, #ffffff 80%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.section.feedbackSection .feedbackIcon {
	margin: 20px 0 25px;
}

.section.feedbackSection .carousel-indicators {
	display: block;
	position: relative;
	top: 0;
	left: unset;
	width: 100%;
	margin: 0;
}

.section.feedbackSection .carousel-indicators li {
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	border-width: 2px;
	border-style: solid;
	border-color: #3dc1ce;
	background-color: transparent;
	border-radius: 16px;
	transition: all 200ms;
	box-shadow: 0 0 5px 0 rgba(255,255,255,0.35);
}

.section.feedbackSection .carousel-indicators li.active {
	width: 36px;
	background-color: #3dc1ce;
	background: -webkit-linear-gradient(60deg, #3dc1ce 0%, #ffffff 80%);
}

.section.feedbackSection .feedbackBox {
	margin-bottom: 35px;
}

.section.feedbackSection .feedbackMessage {
	margin-bottom: 25px;
	font-size: 32px;
	line-height: 1.5;
	letter-spacing: 1.5px;
	text-shadow: 0 0 5px rgba(255,255,255,0.35);
}

.section.feedbackSection .feedbackClient {
	margin-bottom: 5px;
	font-family: Montserrat;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	background: -webkit-linear-gradient(45deg, #3dc1ce 20%, #ffffff 80%);
    background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.section.feedbackSection .feedbackClientTitle {
	font-size: 24px;
	line-height: 1;
	text-align: center;
}

/** Index about section **/

.section.aboutSection p,
.section.aboutSection .btnWrapper {
	opacity: 0;
	visibility: hidden;
	transition: opacity 500ms, visibility 500ms;
}

.section.aboutSection {
	/*background-image: url('../img/footerShape.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;*/
}

.section.aboutSection h2 {
	margin-bottom: 50px;
}

.section.aboutSection p {
	margin-bottom: 20px;
}

/** Contact section **/

.section.contactSection .contactIcon,
.section.contactSection .form-group {
	opacity: 0;
	visibility: hidden;
	transition: opacity 500ms, visibility 500ms;
}

.section.contactSection > div {
	display: flex;
}

.section.contactSection .contactBlock:first-child {
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	align-items: center;
}

.section.contactSection h2 {
	display: block;
	width: 100%;
	padding-right: 35px;
	text-align: right;
	background: -webkit-linear-gradient(45deg, #3dc1ce 50%, #ffffff 90%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.section.contactSection .contactIcon {
	margin: 0 0 25px;
}

.section.contactSection .form-group {
	position: relative;
	margin: 0 0 25px;
}

.section.contactSection label {
	margin-bottom: 10px;
	font-size: 20px;
	color: #ffffff;
	letter-spacing: 2px;
}

.section.contactSection input,
.section.contactSection textarea {
	height: auto;
	padding: 0 0 0 20px;
	font-size: 26px;
	font-weight: 500;
	color: #ffffff;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #3dc1ce;
	border-radius: 0;
	transition: all 200ms;
}

.section.contactSection input[name="website"] {
	display: none;
}

.section.contactSection i {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	bottom: 14px;
	left: 0px;
	font-size: 14px;
	color: #ffffff;
	transition: all 200ms;
	background: -webkit-linear-gradient(45deg, #3dc1ce 50%, #ffffff 90%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.checkContainer {
	display: inline;
	position: relative;
	padding-left: 40px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.section.contactSection .checkContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.section.contactSection .checkmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: #ffffff;
	transition: all 200ms;
	border-radius: 4px;
	transition: all 200ms;
}

.section.contactSection .checkContainer:hover input ~ .checkmark {
	background-color: #ffffff;
}

.section.contactSection .checkContainer input:checked ~ .checkmark {
	background-color: #3dc1ce;
}

.section.contactSection .checkmark:after {
	content: "";
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.section.contactSection .checkContainer input:checked ~ .checkmark:after {
	opacity: 1;
	visibility: visible;
}

.section.contactSection .checkContainer .checkmark:after {
	top: -9px;
	left: 7px;
	height: 32px;
	width: 12px;
	border: solid #ffffff;
	border-width: 0 6px 6px 0;
	box-shadow: 6px 6px 6px 0 rgba(0,0,0,0.5);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 300ms;
}

.section.contactSection textarea {
	height: 100px;
	resize: none;
}

.section.contactSection input:hover,
.section.contactSection input:focus,
.section.contactSection textarea:hover,
.section.contactSection textarea:focus {
	box-shadow: none;
}

.section.contactSection input:hover + i,
.section.contactSection input:focus + i,
.section.contactSection textarea:hover + i,
.section.contactSection textarea:focus + i {
	opacity: 1;
	visibility: visible;
}

/** Features page **/

.features .section > div {
	display: flex;
}

.features .section > div > div:first-child {
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	align-items: center;
}

.features .section h2 {
	margin: 0 0 25px;
	font-size: 32px;
	line-height: 34px;
	background: -webkit-linear-gradient(45deg, #3dc1ce 10%, #ffffff 70%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.features .section .featuresImg,
.features .section .detailBlock p,
.features .section .detailBlock .btnWrapper {
	opacity: 0;
	visibility: hidden;
	transition: opacity 500ms, visibility 500ms;
}

.features .section .featuresImg {
	max-width: 240px;
	margin: 0 auto;
}

.features .section .detailBlock .btnWrapper {
	padding-top: 25px;
}

.features .section.contactSection h2 {
	text-align: right;
	background: -webkit-linear-gradient(45deg, #3dc1ce 50%, #ffffff 90%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

/** Integrate page **/

.integrate .section > div {
	display: flex;
}

.integrate .section > div > div:first-child {
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	align-items: center;
}

.integrate .section h2 {
	margin: 0 0 25px;
	font-size: 32px;
	line-height: 34px;
	background: -webkit-linear-gradient(45deg, #3dc1ce 10%, #ffffff 70%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.integrate .section .integrateImg,
.integrate .section .detailBlock p,
.integrate .section .detailBlock ol li,
.integrate .section .detailBlock .btnWrapper {
	opacity: 0;
	visibility: hidden;
	transition: opacity 500ms, visibility 500ms;
}

.integrate .section .integrateImg {
	max-width: 240px;
	margin: 0 auto;
}

.integrate .section .detailBlock .btnWrapper {
	padding-top: 25px;
}

.integrate .section.contactSection h2 {
	text-align: right;
	background: -webkit-linear-gradient(45deg, #3dc1ce 50%, #ffffff 90%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

/** Terms page **/

.terms {
	font-family: Lato;
}

.terms .container {
	position: relative;
	padding: 120px 0;
	z-index: 3;
}

.terms .container h1,
.terms .container h2,
.terms .container h3 {
	color: #3dc1ce;
}

.terms .container h1 {
	font-size: 30px;
	text-align: left;
}

.terms .container h2 {
	font-size: 24px;
}

.terms .container h3 {
	font-size: 18px;
}

.terms .container p {
	color: #ffffff;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.25px;
}

.terms .container b {
	color: #ffffff;
}

.terms .container ul {
	list-style-type: none;
}

.terms .container ul li {
	color: #ffffff;
	line-height: 1.5;
	letter-spacing: 0.25px;
}

.terms .container ul li strong {
	position: absolute;
	display: block;
	left: 10px;
}

.terms .footerBar {
	position: fixed;
}

/** Footer **/

.footerBar {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 20px 25px 15px;
	z-index: 3;
	overflow: auto;
	background-image: linear-gradient(transparent, black);
}

.footerBar hr {
	border-color: rgba(0,0,0,0.5);
}

.footerBar ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0px;
	text-align: right;
	line-height: 1;
}

.footerBar ul li {
	display: inline-block;
}

.footerBar p {
	font-family: Consolas, Courier, monospace;
	letter-spacing: 0.5px;
	text-align: left;
	color: #ffffff;
}

.footerBar a {
	color: #ffffff;
	font-size: 12px !important;
	font-weight: 500 !important;
	transition: all 200ms;
	border-bottom: 1px solid transparent;
}

.footerBar a:hover,
.footerBar a:focus {
	border-bottom: 1px solid #3dc1ce;
}

.footerRight .footerNav a {
	margin-left: 10px;
}

/** Terms & conditions page **/

.termsPage h1 {
	margin-top: 50px;
	font-size: 28px;
	text-align: left;
}

.termsPage h2 {
	font-size: 24px;
	margin-top: 30px;
}

.termsPage h3 {
	margin-top: 20px;
	font-size: 20px;
}

.termsPage ul {
	list-style-type: none;
}

.termsPage ul li {
	position: relative;
}

.termsPage ul li strong {
	position: absolute;
	left: -36px;
}

/** Knowledge base **/

.kbPages .bodyContent {
	padding-top: 50px;
}

.kbPages h1 {
	border-bottom: 1px solid #eee;
	padding-bottom: 50px;
	margin-bottom: 0;
}

.kbPages h2 {
	margin-top: 25px;
	font-size: 24px;
	font-weight: 500;
}

.kbPages h3 {
	font-weight: 500;
	font-size: 20px;
	margin-top: 25px;
}

.kbPages .kbContent img {
	display: block;
	margin: 0 auto 10px;
}

.kbPages .kbMenu h2 {
	font-size: 18px;
	margin-bottom: 0;
	padding-left: 14px;
}

.kbPages .kbMenu .betaTag {
	top: -8px;
	margin-left: -2px;
	margin-right: -2px;
	font-size: 8px;
	letter-spacing: 1px;
}

.kbPages .kbMenu ul {
	list-style-type: none;
	padding: 10px 0;
	border-right: 1px solid #eee;
}

.kbPages .kbMenu ul li {
	padding: 5px 10px 5px;
	font-size: 14px;
	transition: all 200ms;
	border-left: 3px solid transparent;
}

.kbPages .kbMenu ul li:hover {
	background-color: #eee;
}

.kbPages .kbMenu ul a {
	color: #323232;
}

.kbPages .kbMenu .currentMenuItem {
	border-left-color: #3dc1ce;
}

.kbPages .kbContent hr {
	display: inline-block;
	width: 60px;
	margin-top: 5px;
	margin-bottom: 20px;
	border-width: 4px;
	border-color: #3dc1ce;
}

.kbPages .kbContent h3:nth-child(3) {
	margin-top: 0;
}

.kbPages .kbContent ol li {
	padding-left: 10px;
}

.kbAdBanner {
	margin-top: 25px;
}

/** Public form styles **/

.authPages .authBgMask {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.0);
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 0 0 100px 0px rgba(0,0,0,0.5) inset;
}

.authPages {
	padding: 0;
	background-color: #323232 !important;
	background-image: url(../img/authBgApi.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.authPages .container {
	position: relative;
	min-height: 100vh;
}
 
.authPages h1 {
	margin: 0px 0px 5px;
	padding: 0;
	font-size: 24px;
	font-weight: 500;
	font-family: Consolas, Courier, monospace;
}

.authPages a {
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 14px;
}

.authPages p {
	font-size: 14px;
}

.authForms {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: rgba(255,255,255,0.95);
	border-radius: 2px;
	padding: 0 25px 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	overflow: hidden;
}

.authForms .alert {
	margin-top: 15px;
}

.authForms .alert ul {
	padding-left: 0px;
}

.authForms .alert ul li {
	list-style: none;
}

.authLogo {
	display: block;
	margin: 0 -25px 25px;
	padding: 20px 0px 15px;
	background-color: #323232;
}

.authLogo img {
	margin: 0 auto;
	max-width: 150px;
}

.authForms form {
	margin-top: 20px;
}

.authForms .form-group {
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

.authForms input {
	background-color: transparent;
	border: 1px dotted #787878;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
}

.authForms input:focus {
	box-shadow: none;
}

.authForms textarea {
	background-color: transparent;
	border: 1px dotted #787878;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
}

.authForms textarea:focus {
	box-shadow: none;
}

.authForms .checkbox label,
.authForms .radio label {
	font-size: 14px;
}

.authForms .beforeRemember {
	margin-bottom: 6px;
}

.authForms .notesLink {
	margin-left: 5px;
}

.authForms .checkContainer {
	display: inline;
	position: relative;
	padding-top: 8px;
	padding-left: 22px;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.authForms .checkContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.authForms .checkmark {
	position: absolute;
	top: 9px;
	left: 0;
	height: 14px;
	width: 14px;
	background-color: #ffffff;
	transition: all 200ms;
	border: 1px solid #3dc1ce;
	border-radius: 4px;
	transition: all 200ms;
}

.authForms .checkContainer:hover input ~ .checkmark {
	background-color: #ffffff;
}

.authForms .checkContainer input:checked ~ .checkmark {
	background-color: #3dc1ce;
}

.authForms .checkmark:after {
	content: "";
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.authForms .checkContainer input:checked ~ .checkmark:after {
	opacity: 1;
	visibility: visible;
}

.authForms .checkContainer .checkmark:after {
	top: -9px;
	left: 3px;
	height: 22px;
	width: 8px;
	border: solid #323232;
	border-width: 0 3px 3px 0;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.25);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 300ms;
}

.authForms .btn-primary {
	margin-top: 5px;
	border-radius: 0px;
	border: none;
	background-color: #3a3a3a;
}

.authForms .btn-primary:hover {
	background-color: #444444;
}

.authForms .btn-primary:focus {
	background-color: #333333;
}

.authForms button i {
	margin-right: 10px;
}

/** Error pages **/

.errorPages .errorBgMask {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.0);
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 0 0 100px 0px rgba(0,0,0,0.5) inset;
}

.errorPages {
	padding: 0;
	background-color: #ffffff;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.errorPages .container {
	position: relative;
	min-height: 100vh;
}

.errorPages .container > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}

.errorPages .container img {
	display: inline;
	margin-bottom: 15px;
}

.errorPages .container .errorAdBanner1 {
	margin-top: 25px;
}

.errorPages .container .errorAdSquare1 {
	margin-top: 25px;
}

/* Responsive rules */
@media only screen and (min-width: 1601px) {
	.section > div { width: 1440px; }
	/* Features page */
	.features .section.contactSection h2 { margin-bottom: 10px; font-size: 54px; line-height: 58px; }
	/* Integrate page */
	.integrate .section.contactSection h2 { margin-bottom: 10px; font-size: 54px; line-height: 58px; }
	/* Footer section */
	.footerBar p { font-size: 12px !important; margin-bottom: 0px !important; }
	.footerBar a { font-size: 12px; }
}

@media only screen and (max-width: 1600px) {
	.section > div { width: 90vw; }
	.content .section h2 { margin-bottom: 20px; font-size: 38px; line-height: 44px; }
	.content .section h3 { font-size: 28px; margin-bottom: 10px; }
	.content .section .dataIcon { max-width: 80px; margin: 0 0 20px; }
	.content .section p,
	.content .section ol li { font-size: 18px; }
	.content .section .btn-lg { padding: 8px 26px; font-size: 20px; }
	.content .section .btn-md { padding: 8px 24px; font-size: 18px; }
	.content .section .btn-sm { padding: 8px 22px; font-size: 16px; }
	.content .section.empowerSection .empowerBlock:nth-child(2) { padding-right: 60px; }
	.content .section.empowerSection .empowerBlock:nth-child(3) { padding-left: 30px; padding-right: 30px; }
	.content .section.empowerSection .empowerBlock:nth-child(4) { padding-left: 60px; }
	.content .section.empowerSection .btnWrapper { padding-top: 20px; }
	.content .section.enhanceSection .enhanceIconWrapper { margin: 0; }
	.content .section.feedbackSection .feedbackBox {  }
	.content .section.feedbackSection .feedbackMessage { margin-bottom: 15px; font-size: 28px; }
	.content .section.feedbackSection .feedbackClient { font-size: 28px; }
	.content .section.feedbackSection .feedbackClientTitle { font-size: 20px; }
	.content .section.contactSection .form-group { margin-bottom: 10px; }
	.content .section.contactSection label { font-size: 16px; }
	.content .section.contactSection input,
	.content .section.contactSection textarea { font-size: 22px; }
	.content .section.contactSection i { bottom: 12px; }
	.content .section.contactSection .checkmark { top: 10px; }
	.content .section.contactSection .checkContainer { padding-top: 10px; }
	/* Footer section */
	.footerBar p { font-size: 12px !important; line-height: 1.25 !important; margin-bottom: 0px !important; }
	.footerBar a { font-size: 12px; }
}

@media only screen and (max-width: 1440px) {
	.content .section h2 { margin-bottom: 20px; font-size: 38px; line-height: 44px; }
	.content .section h3 { font-size: 20px; }
	.content .section p,
	.content .section ol li { letter-spacing: 0.5px; }
	.content .section .btn-lg { padding: 6px 24px; font-size: 18px; }
	.content .section .btn-md { padding: 6px 22px; font-size: 16px; }
	.content .section .btn-sm { padding: 6px 20px; font-size: 14px; }
	.content .section .dataIcon { max-width: 60px; margin: 0 0 30px; }
	.content .section .btnWrapper { padding-top: 10px; }
	.content .section.heroSection h1 { font-size: 130px; }
	.content .section.heroSection h1 span:first-child { margin: 0 0 -168px -258px; font-size: 72px; }
	.content .section.integrateSection .integrateBlock { padding-right: 60px; }
	.content .section.feedbackSection .feedbackBox { margin-bottom: 25px; }
	.content .section.feedbackSection .feedbackMessage { font-size: 22px; }
	.content .section.feedbackSection .feedbackClient { font-size: 28px; line-height: 32px; }
	.content .section.feedbackSection .feedbackClientTitle { font-size: 20px; }
	.content .section.contactSection .dataIcon { display: none; }
	.content .section.contactSection .form-group { margin: 0 0 15px; }
	.content .section.contactSection label { font-size: 14px; }
	.content .section.contactSection input,
	.content .section.contactSection textarea { font-size: 18px; }
	.content .section.contactSection i { bottom: 8px; }
}

@media only screen and (max-width: 1366px) {
	.navbar { padding-top: 0px; }
	.navbar-nav li a { font-size: 14px; padding-bottom: 17px; }
	.navbar-right li a { padding-bottom: 12px; }
	.navbar-brand { padding: 17px 15px; }
	.navbar-brand > img { height: 28px; }
	.content .section p,
	.content .section ol li { font-size: 18px; }
	.content .section .arrowCircle { bottom: 26px; }
	.content .section .arrowCircle.bounceUp { bottom: 30px; }
	.content .section.heroSection .container { width: 820px; }
	.content .section.heroSection h1 { font-size: 100px; }
	.content .section.heroSection h1 span:first-child { margin: 0 0 -130px -195px; font-size: 56px; }
	.content .section.heroSection p { font-size: 20px; margin-bottom: 20px; padding: 0 20px; }
	.content .section.heroSection .heroCircle { bottom: 50px; }
	.content .section.empowerSection .empowerBlock:nth-child(2) { padding-right: 40px; }
	.content .section.empowerSection .empowerBlock:nth-child(3) { padding-left: 20px; padding-right: 20px; }
	.content .section.empowerSection .empowerBlock:nth-child(4) { padding-left: 40px; }
	.content .section.integrateSection .integrateBlock:nth-child(2) { padding-left: 0px; padding-right: 20px; }
	.content .section.integrateSection .integrateBlock:nth-child(3) { padding-left: 20px; padding-right: 0px; }
	.content .section.integrateSection .btnWrapper { padding-top: 5px; }
}

@media only screen and (max-width: 1280px) {
	.content .section .dataIcon { max-width: 60px; margin: 0 0 15px; }
	.content .section .btn-lg { padding: 6px 20px; font-size: 16px; }
	.content .section .btn-md { padding: 6px 18px; font-size: 14px; }
	.content .section h2 { margin-bottom: 15px; font-size: 32px; line-height: 36px; }
	.content .section h3 { margin-bottom: 5px; font-size: 18px; }
	.content .section p,
	.content .section ol li { font-size: 16px; letter-spacing: 0; line-height: 1.3; }
	.content .section.heroSection p { font-size: 16px; }
	.content .section.enhanceSection .btnWrapper { padding-top: 10px; }
	.content .section.feedbackSection .feedbackMessage { margin-bottom: 15px; }
	.content .section.feedbackSection .feedbackClient { font-size: 24px; line-height: 28px; }
	.content .section.feedbackSection .feedbackClientTitle { font-size: 18px; }
	.content .section.aboutSection p { margin-bottom: 10px; }
	.content .section.contactSection .form-group { margin: 0 0 10px; }
	.content .section.contactSection label { margin-bottom: 5px; }
	.content .section.contactSection .checkmark { height: 22px; width: 22px; }
	.content .section.contactSection .checkContainer { padding-left: 34px; }
	.content .section.contactSection .checkContainer .checkmark::after { top: 4px; left: 8px; }
	/* Features page */
	.features .section .featuresImg { max-width: 180px; }
	.features .section p { font-size: 18px; line-height: 1.5; }
	.features .section .detailBlock .btnWrapper { padding-top: 10px; }
	/* Integrate page */
	.integrate .section .integrateImg { max-width: 180px; }
	.integrate .section p { font-size: 18px; line-height: 1.5; }
	.integrate .section .detailBlock .btnWrapper { padding-top: 10px; }
	/*.features .section.contactSection h2 { margin-top: 0; margin-bottom: 15px; font-size: 32px; line-height: 36px; }*/
}

@media only screen and (max-width: 1023px) {
	.navbar { position: relative; margin-bottom: 0; border: none; }
	.navbar-nav li { padding-bottom: 10px; }
	.navbar-nav li a { padding: 10px 8px 12px }
	.navbar-nav.navbar-right { float: right; margin: 5px 15px 0 0; }
	.navbar-nav.navbar-right li a { padding: 6px 14px 8px; letter-spacing: 0; }
	.navbar-nav.navbar-right li:last-child a { margin-left: 14px; }
	/* Sections */
	.content { position: relative; scroll-snap-type: y proximity; }
	.content .section { width: 100%; padding: 0; }
	.content .section h2 { margin-bottom: 25px; padding-right: 0; font-size: 34px; line-height: 1.2; text-align: center; background: -webkit-linear-gradient(45deg, #3dc1ce 10%, #ffffff 80%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
	.content .section h3 { font-size: 24px; text-align: center; }
	.content .section .dataIcon { margin: 0 auto 20px; }
	.content .section p { font-size: 18px; text-align: center; }
	.content .section ol li { font-size: 18px; }
	.content .section > div {  width: calc(100vw - 60px); margin: 0 auto; }
	.content .section .dataBlock { width: 100%; margin-bottom: 30px; padding-left: 0; padding-right: 0; }
	.content .section .arrowCircle { display: none; }
	.content .section.heroSection .container { width: unset; }
	.content .section.heroSection h1 { margin-bottom: 8px; font-size: 80px; }
	.content .section.heroSection h1 span:first-child { margin: 0 0 -102px -154px; font-size: 44px; }
	.content .section.heroSection p { margin-bottom: 14px; padding: 0 10px; font-size: 18px; }
	.content .section.heroSection .heroCircle { display: block; }
	.content .section.empowerSection .empowerBlock { padding-left: 0px !important; padding-right: 0px !important;  }
	.content .section.empowerSection .dataIcon { margin: 10px 0 0 20px; float: left; }
	.content .section.empowerSection h3 { width: calc(100vw - 150px); padding: 0 20px; text-align: left; float: right; }
	.content .section.empowerSection p { width: calc(100vw - 150px); padding: 0 20px; text-align: left; float: right; }
	.content .section.enhanceSection > div { display: block; }
	.content .section.enhanceSection .enhanceBlock { width: 100%; padding: 0 25px; }
	.content .section.enhanceSection .enhanceIconWrapper { text-align: center; }
	.content .section.enhanceSection .btnWrapper { text-align: center; }
	.content .section.integrateSection .integrateBlock { width: 100%; padding-left: 0px !important; padding-right: 0px !important; }
	.content .section.integrateSection .dataIcon { margin: 10px 0 0 20px; float: left; }
	.content .section.integrateSection h3 { width: calc(100vw - 150px); padding: 0 20px; text-align: left; float: right; }
	.content .section.integrateSection p { width: calc(100vw - 150px); padding: 0 20px; text-align: left; float: right; }
	.content .section.integrateSection .btnWrapper { width: calc(100vw - 150px); text-align: left; padding: 5px 20px 0; margin-bottom: 20px; float: right; }
	.content .section.feedbackSection > div { display: block; }
	.content .section.feedbackSection .feedbackBlock { width: 100%; padding: 0 25px; }
	.content .section.feedbackSection .feedbackMessage { font-size: 20px; letter-spacing: 0px; }
	.content .section.aboutSection p { padding: 0 25px; }
	.content .section.contactSection { margin-bottom: 0px; padding: 0 0 110px; }
	.content .section.contactSection > div { display: block; padding: 0 25px; overflow: auto; }
	.content .section.contactSection .contactBlock { width: 100%; }
	.content .section.contactSection h2 br { display: none; }
	.content .section.contactSection label { font-size: 16px; }
	.content .section.contactSection .btnWrapper { text-align: center; }
	/* Features page */
	.features .section .featuresImg { max-width: 150px; margin: 0 auto 35px; }
	.features .section h2 { margin-bottom: 10px; font-size: 26px; text-align: center; }
	.features .section h2 br { display: none; }
	.features .section p { font-size: 18px; line-height: 1.5; text-align: left; }
	.features .section .arrowCircle { display: block; }
	.features .section .detailBlock .btnWrapper { padding-top: 10px; text-align: center; }
	.features .section > div,
	.features .section > div > div:first-child { display: block; }
	.features .section.contactSection h2 { margin-bottom: 25px; font-size: 26px; line-height: 1.2; text-align: center; }
	/* Integrate page */
	.integrate .section .integrateImg { max-width: 150px; margin: 0 auto 35px; }
	.integrate .section h2 { margin-bottom: 10px; font-size: 26px; text-align: center; }
	.integrate .section h2 br { display: none; }
	.integrate .section p { font-size: 18px; line-height: 1.5; text-align: left; }
	.integrate .section .arrowCircle { display: block; }
	.integrate .section .detailBlock .btnWrapper { padding-top: 10px; text-align: center; }
	.integrate .section > div,
	.integrate .section > div > div:first-child { display: block; }
	.integrate .section.contactSection h2 { margin-bottom: 25px; font-size: 26px; line-height: 1.2; text-align: center; }
	/* Footer */
	.footerBar { position: relative; bottom: 120px; padding: 0 25px 20px; }
	.footerBar p { font-size: 12px !important; line-height: 1.25 !important; margin-bottom: 0px !important; }
}

@media only screen and (max-height: 720px) and (max-width: 767px) {
	.integrate .content .section,
	.features .content .section { padding: 0 0 100px; }
}

@media only screen and (max-width: 767px) {
	/* Navbar */
	.navbar { height: 62px; text-align: center; min-height: unset; margin: 0; }
	.navbar { position: absolute; z-index: 99; }
	.navbar.navbar-sticky { position: absolute; }
	.navbar-nav { display: none; left: -100vw; width: 100%; margin: 3px 0 0; z-index: 9;}
	.navbar-nav > li { padding: 0 25px; }
	.navbar-nav > li > a > i { display: block; color: #377379; left: 18px; position: absolute; top: 20px; }
	.navbar-nav > li a { font-size: 18px; padding-top: 18px !important; padding-bottom: 16px !important; }
	.navbar-nav > li::before { content: " "; position: absolute; right: 25px; height: 0; width: 0; margin-top: 20px; border-left-color: #ddd !important; border: 10px solid transparent; pointer-events: none; }
	.navbar-nav > li:hover::before { border-left-color: #3dc1ce !important; }
	.navbar-nav > li:hover a { border-left-color: #3dc1ce; }
	.navbar-nav ul { display: block; list-style-type: none; margin: 15px 0 0px; padding: 0; }
	.navbar-nav ul li { display: inline-block; margin: 0 10px; padding: 0; }
	.navbar-nav li.navHome { display: block; }
	.navbar-nav ul li a { font-size: 25px; text-decoration: none; border: none; }
	.navbar-nav p { margin-top: 12px; font-size: 12px; line-height: 1.2; }
	.navbar-brand { padding: 18px 0 5px; float: none; display: inline-block; }
	.navbar-left li a,
	.navbar-right li a { border-left: 2px solid transparent; }
	.navbar-nav.navbar-right { width: 100%; margin: 0; }
	.navbar-right li:first-child a { outline: none; }
	.navbar-right li:last-child a { margin-left: 0 !important; background-color: transparent; }
	.navbar-right li a:hover,
	.navbar-right li a:focus { box-shadow: none !important; color: #3dc1ce !important; text-shadow: 0 0 5px rgba(61,193,206,0.5); }
	/* Sections */
	.content { scroll-snap-type: unset; }
	.section h1,
	.section h2,
	.section h3,
	.section p,
	.section .dataBlock,
	.section .dataIcon,
	.section .btnWrapper,
	.section .arrowCircle,
	.content .section.feedbackSection .feedbackIcon,
	.content .section.feedbackSection .feedbackCarousel,
	.content .section.feedbackSection .carousel-indicators,
	.content .section.contactSection .form-group { opacity: 1 !important; visibility: visible !important; }
	.content .section .arrowCircle { display: none; }
	.content .section.heroSection .heroVertLine { display: none; }
	.content .section { display: block; width: 100%; min-height: unset; margin-bottom: 50px; padding: 0; scroll-snap-align: unset; }
	.content .section h2 { margin-bottom: 40px; padding: 0 25px; font-size: 26px; line-height: 1.2; text-align: center; background: -webkit-linear-gradient(45deg, #3dc1ce 10%, #ffffff 80%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
	.content .section h2 br { display: none; }
	.content .section h3 { font-size: 22px; text-align: center; }
	.content .section .dataIcon { margin: 0 auto 15px; max-width: 60px; }
	.content .section p { text-align: center; }
	.content .section > div { width: unset; }
	.content .section .dataBlock { margin-bottom: 30px; padding-left: 25px; padding-right: 25px; }
	.content .section .arrowCircle { display: none; }
	.content .section.heroSection .container { top: 50%; width: unset; transform: translateY(calc(-50% - 15px)); }
	.content .section.heroSection h1 { margin-bottom: 0px; font-size: 64px; }
	.content .section.heroSection h1 span:first-child { font-size: 36px; margin: 0 0 -82px 14px; }
	.content .section.heroSection h1 span:last-child { display: block; margin-top: -20px; font-size: 120px; }
	.content .section.heroSection p { padding: 0; }
	.content .section.heroSection .heroVertLine { display: none; }
	.content .section.empowerSection .empowerBlock { padding-left: 25px !important; padding-right: 25px !important; }
	.content .section.enhanceSection .enhanceIcon:nth-child(1) { margin-right: 15px; }
	.content .section.enhanceSection .enhanceIcon:nth-child(2) { margin-left: 7.5px; margin-right: 7.5px; }
	.content .section.enhanceSection .enhanceIcon:nth-child(3) { margin-left: 15px; }
	.content .section.enhanceSection .enhanceIconWrapper { text-align: center; }
	.content .section.enhanceSection .btnWrapper { text-align: center; padding-top: 5px; }
	.content .section.integrateSection .integrateBlock { padding-left: 25px !important; padding-right: 25px !important; }
	.content .section.integrateSection .btnWrapper { padding-top: 5px; }
	.content .section.aboutSection h2 { margin-bottom: 20px; }
	.content .section.aboutSection p { padding-left: 25px; padding-right: 25px; }
	.content .section.contactSection { margin-bottom: 0px; }
	.content .section.contactSection h2 { margin-bottom: 20px; }
	/* Features page */
	.features .section { margin-bottom: 50px; }
	.features .section .featuresImg { opacity: 1; visibility: visible; }
	.features .section h2 { margin-bottom: 10px; padding: 0 25px; font-size: 22px; text-align: left; }
	.features .section p { padding: 0 25px; text-align: left; font-size: 16px; }
	.features .section.featureSection1 { margin-top: 150px; }
	/*.features .section.contactSection h2 { margin-bottom: 25px; font-size: 34px; line-height: 1.2; text-align: center; }*/
	/* Integrate page */
	.integrate .section { margin-bottom: 50px; }
	.integrate .section .integrateImg,
	.integrate .section ol li { opacity: 1; visibility: visible; }
	.integrate .section h2 { margin-bottom: 10px; padding: 0 25px; font-size: 22px; text-align: left; }
	.integrate .section p { padding: 0 25px; text-align: left; font-size: 16px; }
	.integrate .section ol { padding-left: 60px; }
	.integrate .section ol li { font-size: 16px; }
	.integrate .section.integrateSection1 { margin-top: 150px; }
	/* Footer section */
	.footerBar { bottom: 0px; padding-bottom: 20px; }
	.footerBar ul { margin-bottom: 10px; text-align: center; }
	.footerBar p { text-align: center; }
	/** Login form **/
	.publicLogin .btn-primary { margin-top: 4px }
}

@media only screen and (max-width: 479px) {
	body { height: auto !important; overflow: scroll; }
	.content { top: 0; height: auto; margin: 0; scroll-snap-type: unset; overflow: scroll; }
	.content .section { scroll-snap-align: unset; }
	.content .section.heroSection .heroCircle { display: none; }
	.content .section.empowerSection .dataIcon { margin: 0 auto 20px; float: none; }
	.content .section.empowerSection h3 { text-align: center; width: unset; float: none; }
	.content .section.empowerSection p { text-align: center; width: unset; padding: 0; float: none; }
	.content .section.integrateSection .dataIcon { margin: 0 auto 20px; float: none; }
	.content .section.integrateSection h3 { text-align: center; width: unset; float: none; }
	.content .section.integrateSection p { text-align: center; width: unset; padding: 0; float: none; }
	.content .section.integrateSection .btnWrapper { width: 100%; text-align: center; float: none; }
	/** Error pages **/
	.errorPages .container > div { padding: 20px; }
	.errorPages .container > div h1 { font-size: 30px; }
	.errorPages .container > div p { font-size: 14px; }
}

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