@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?y28lz7");
	src: url("../fonts/icomoon.eot?y28lz7#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?y28lz7") format("truetype"), url("../fonts/icomoon.woff?y28lz7") format("woff"), url("../fonts/icomoon.svg?y28lz7#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-sound-off:before {
	content: "\e904";
}

.icon-sound-on:before {
	content: "\e905";
}

.icon-instagram:before {
	content: "\ea92";
}

.icon-twitter:before {
	content: "\ea96";
}

.icon-linkedin:before {
	content: "\eac9";
}

.icon-check:before {
	content: "\e901";
}

.icon-list:before {
	content: "\e902";
}

.icon-off:before {
	content: "\e903";
}

.icon-facebook:before {
	content: "\e900";
}


@font-face {
	font-family: "Lato";
	src: url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("../fonts/Lato-Medium.woff") format("woff"), url("../fonts/Lato-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

#header .contact-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

/* header styles */

#header {
	padding: 1.1875rem 0;
	position: relative;
	font-family: "Source Sans Pro", Roboto, "Helvetica Neue", Arial, "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background: #f2f2f2; /* page logo styles */
}

#header .container {
	max-width: 1365px;
	width: auto;
}

#header .logo {
	width: 7.8125rem;
	line-height: normal;
}

#header .logo img {
	width: 100%;
}

#header .row {
	margin: 0;
}

#header .contact-list li {
	padding: .5rem .625rem;
}

#header .contact-list li:last-child {
	padding-right: 0;
}

#header .contact-list .tel {
	color: #ec1c4c;
	font-weight: 900;
	padding-left: .625rem;
}

#header .contact-list .tel:hover {
	color: #23c2f3;
}

#header .contact-list .btn-primary {
	min-width: 10rem;
}

#header .menu-drop {
	-webkit-transition: opacity .3s linear, visibility .3s linear;
	transition: opacity .3s linear, visibility .3s linear;
	background: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1rem;
}

.nav-active #header .menu-drop {
	opacity: 1;
	visibility: visible;
}

#header .nav {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	letter-spacing: 0;
	width: 100%;
}

#header .nav li {
	position: relative;
	padding: .5rem .625rem;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

#header .nav li.active a,
#header .nav li:hover a {
	color: #23c2f3;
}

#header .nav li a {
	display: block;
	color: #000;
	text-decoration: none;
}

#header .nav li a:hover {
	color: #23c2f3;
}

#header .nav-opener {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 2.9375rem;
	height: 2.75rem;
	margin-top: -7px;
}

#header .nav-opener:hover {
	opacity: .9;
}

.nav-active #header .nav-opener .opener-icon {
	opacity: 0;
}

.nav-active #header .nav-opener:before,
.nav-active #header .nav-opener:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 0;
	right: 0;
}

.nav-active #header .nav-opener:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#header .nav-opener .opener-icon,
#header .nav-opener:before,
#header .nav-opener:after {
	background: #b3b3b3;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: .6875rem;
	margin-top: -.0625rem;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

#header .nav-opener:before,
#header .nav-opener:after {
	content: "";
	top: .25rem;
}

#header .nav-opener:after {
	top: 2.5rem;
}

/* footer styles */

#footer {
	background-color: #f2f2f2;
	padding: 3rem 0;
}

#footer .container {
	max-width: 43.75rem;
}

.social-list a,
.footer-nav a {
	color: #000;
}

.social-list a:hover,
.footer-nav a:hover {
	color: #23c2f3;
}

/* social networks styles */

.social-list {
	line-height: 1;
	margin-bottom: 1.375rem;
}

.social-list li {
	margin: 0 1.375rem .625rem;
}

.social-list li a {
	letter-spacing: .6px;
}

.social-list li a:hover {
	color: #23c2f3;
}

.social-list li a i {
	font-size: 2.875rem;
}

.social-list li a .icon-facebook,
.social-list li a .icon-twitter {
	font-size: 3.3125rem;
}

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

.footer-nav li {
	display: inline-block;
	vertical-align: top;
	padding: 0 .4375rem;
	position: relative;
}

.footer-nav li:before {
	background-color: #000;
	content: "";
	height: 1.125rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 101%;
	width: 1px;
}

.footer-nav li:last-child:before {
	display: none;
}

.footer-nav li a {
	text-transform: capitalize;
}

.footer-nav a {
	font-weight: 300;
	font-size: 1.25rem;
	letter-spacing: .5px;
}

#wrapper {
	overflow: hidden;
	position: relative;
}

body {
	min-width: 320px;
	color: #000;
	font-size: 1.375rem;
	line-height: 1.88;
	font-weight:300;
}

.container {
	width: auto;
	max-width: 100%;
	padding: 0 .9375rem;
}

.resize-active * {
	-webkit-transition: none !important;
	transition: none !important;
}

/* 508 section styles */

.hidden {
	position: absolute;
	left: -624.9375rem;
	top: auto;
	width: .0625rem;
	height: .0625rem;
	overflow: hidden;
}

.accessibility {
	position: absolute;
	left: -625rem;
	top: auto;
	width: .0625rem;
	height: .0625rem;
	overflow: hidden;
}

.accessibility:focus {
	position: static;
	width: auto;
	height: auto;
}

/* end */

/* styles for default page links */

a {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
}

/* buttons styles */

.btn {
	-webkit-transition: color .3s linear, background-color .3s linear, border-color .3s linear;
	transition: color .3s linear, background-color .3s linear, border-color .3s linear;
	white-space: normal;
	font-family: "Source Sans Pro", Roboto, "Helvetica Neue", Arial, "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 1.44px;
	padding: .5625rem .9375rem;
	text-transform: uppercase;
	letter-spacing: .028125rem;
	min-width: 15.625rem;
	text-decoration: none;
	color: #fff;
	margin: 0 auto;
}

.btn.btn-primary {
	background: #23c2f3;
	border-color: transparent;
	color: #fff;
}

.btn.btn-primary:hover {
	background: #ec1c4c;
}

.btn:focus,
.btn:not(:disabled):not(.disabled):active:focus {
	box-shadow: none;
	border-color: transparent;
}

h1 {
	font-size: 3.4375rem;
	letter-spacing: .03125rem;
	line-height: 1;
	font-weight: 400;
}

h3 {
	font-size: 1.625rem;
}

.btn-holder {
	text-align: center;
}

.animate-holder {
	opacity: 0;
	visibility: hidden;
}

.visible-block,
.move-effect {
	-webkit-transition: opacity .3s linear, visibility .3s linear, background .3s linear;
	transition: opacity .3s linear, visibility .3s linear, background .3s linear;
	opacity: 0;
}

.viewport-section.in-viewport .glow {
	-webkit-animation: glow 1.5s linear 3;
	animation: glow 1.5s linear 3;
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}

.viewport-section.in-viewport .move-effect {
	-webkit-animation: moveEffect 1s linear forwards;
	animation: moveEffect 1s linear forwards;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.viewport-section.in-viewport .visible-block {
	-webkit-animation: visibleBlock 1.5s linear forwards;
	animation: visibleBlock 1.5s linear forwards;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.viewport-section.in-viewport .zoomIn {
	-webkit-animation: zoomIn 1s linear;
	animation: zoomIn 1s linear;
}

.viewport-section.in-viewport .glowDarkBlue {
	-webkit-animation: glowDarkBlue 1s;
	animation: glowDarkBlue 1s;
}

.viewport-section.in-viewport .glow-2 {
	-webkit-animation: glow 1s;
	animation: glow 1s;
}

.viewport-section.in-viewport .visible-block-2 {
	-webkit-animation: visibleBlock 1s linear forwards;
	animation: visibleBlock 1s linear forwards;
}

.viewport-section.in-viewport .visible-block-3 {
	-webkit-animation: visibleBlock 1s linear forwards;
	animation: visibleBlock 1s linear forwards;
}

.viewport-section.in-viewport .slideUp {
	-webkit-animation: slideUp 1s linear forwards;
	animation: slideUp 1s linear forwards;
}

.viewport-section.in-viewport .move-right {
	-webkit-animation: moveRight 1s linear forwards;
	animation: moveRight 1s linear forwards;
}

.viewport-section.in-viewport .move-effect-2 {
	-webkit-animation: moveEffect 1s linear forwards;
	animation: moveEffect 1s linear forwards;
}

.viewport-section.in-viewport .animate-holder {
	-webkit-transition: opacity .3s linear, visibility .3s linear;
	transition: opacity .3s linear, visibility .3s linear;
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

/* intro section styles */

.intro {
	position: relative;
	min-height: 51.6875rem;
	color: #fff;
	padding: 1.625rem 0 3.125rem;
	font-size: 1.6875rem;
	font-weight: 400;
}

.intro .bg-intro-holder {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("../images/intro-sm-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	z-index: -1;
}

.intro .text-holder {
	width: 100%;
}

.intro .text-block {
	letter-spacing: .08125rem;
}

.intro .text-block.visible-block {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.intro h1 {
	font-weight: 300;
	letter-spacing: .0625rem;
	margin-bottom: 1.6875rem;
	font-size: 2.8125rem;
}

/* trial section styles */

.trial-section {
	position: relative;
	padding: 1.9375rem 0 3.125rem;
}

.trial-section .img-block {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	min-height: 31.25rem;
	width: 100%;
	overflow: hidden;
	display: none;
}

.trial-section .img-block .decor-block {
	width: 100vw;
	height: 100vh;
	background: #fff;
	position: absolute;
	right: 0;
	width: 600px;
	top: 0;
	-webkit-transform: skewX(29deg);
	-ms-transform: skewX(29deg);
	transform: skewX(29deg);
	display: none;
	border-left: 0px solid #283b91;
}

.trial-section .text-box {
	letter-spacing: .043125rem;
}

.trial-section .text-box p {
	margin-bottom: 2.3125rem;
	font-size:1.7rem;
}

.trial-section .text-box .btn {
	letter-spacing: 1.44px;
}

.trial-section.in-viewport .visible-block {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}

/* video section styles */

.video-section {
	background: #283b91;
	padding: 0 0 4.25rem;
	color: #fff; /* video block styles */
}

.video-section .video-container {
	position: relative;
	padding-top: 56.2%;
	overflow: hidden;
	background: #fff;
}

.video-section .video-container.playing .play-video:after {
	content: "| |";
	border: none;
	color: #fff;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
}

.video-section .video-container.muted .icon-sound-on {
	display: none;
}

.video-section .video-container.muted .icon-sound-off {
	display: block;
}

.video-section .video-container .icon-sound-off {
	display: none;
}

.video-section .video-container iframe,
.video-section .video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.video-section .video-block {
	width: 100%;
	max-width: 56.25rem;
	margin: 0 auto 2.125rem;
	position: relative;
}

.video-section .video-block img {
	width: 100%;
}

.video-section .text-block {
	letter-spacing: .0375rem;
	max-width: 32.875rem;
	margin: 0 auto;
	max-width: 100%;
}

.video-section .text-block p {
	margin-bottom: 2.3125rem;
}

.video-section .h3 {
	font-size: 1.625rem;
	line-height: 1.3928571;
	margin-bottom: 1.625rem;
}

.play-sound {
	position: absolute;
	left: .9375rem;
	top: .9375rem;
	z-index: 5;
}

.play-sound:hover i {
	color: #23c2f3;
}

.play-sound i {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	color: #283b91;
	position: absolute;
}

.touch-device .play-video {
	display: block;
}

.touch-device .play-sound {
	display: none;
}

.play-video {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(40, 59, 145, .7);
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 5;
}

.play-video:after {
	height: 0;
	width: 0;
	border-bottom: 15px solid transparent;
	border-left: 15px solid white;
	border-top: 15px solid transparent;
	content: "";
	position: absolute;
	left: 1.5625rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* advanteges section styles */

.advanteges-section {
	position: relative;
	padding: 3.5rem 0 6.875rem;
	overflow: hidden;
}

.advanteges-section.viewport-section.in-viewport .advanteges-list .visible-block {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.advanteges-section.viewport-section.in-viewport .advanteges-list .visible-block-2 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.advanteges-section.viewport-section.in-viewport .advanteges-list .visible-block-3 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.advanteges-section h2 {
	font-size: 4rem;
	font-weight: 300;
	letter-spacing: .08125rem;
	margin-bottom: 4.25rem;
}

.advanteges-section .laptop {
	width: 100%;
	z-index: 999;
}

.advanteges-section .animation-lines {
	display: none;
}

.advanteges-section #animation_container {
	float: right;
}

.advanteges-list li {
	font-size: 1.375rem;
	max-width: 90%;
	letter-spacing: .06875rem;
	margin-bottom: 3.6875rem;
	line-height: 1.91304;
}

.advanteges-list li:last-child {
	margin-bottom: 5.4375rem;
}

.advanteges-list h3 {
	font-weight: 500;
	margin-bottom: .6875rem;
	line-height: 1.5;
	letter-spacing: .06875rem;
}

/* features section styles */

.features-section {
	background-color: rgba(40, 59, 145, .2);
	color: #283b91;
	padding: 3rem 0 2.375rem;
	overflow: hidden;
}

.features-section.viewport-section.in-viewport .move-effect {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.features-section.viewport-section.in-viewport .slideUp {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.features-section .features-item {
	margin-bottom: 1.875rem;
	letter-spacing: .0625rem;
	line-height: 1.875;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.features-section h2 {
	font-size: 1.75rem;
	font-weight: 500;
	line-height: 1.357142;
	margin-bottom: 3.25rem;
}

.features-section i {
	font-size: 10.4375rem;
	display: block;
	margin-bottom: 1.9375rem;
	min-height: 11.4375rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.features-section .icon-list {
	font-size: 10.8125rem;
}

.features-section .icon-off {
	font-size: 9.3125rem;
}

.features-section h3 {
	font-size: 1.625rem;
	font-weight: 500;
	letter-spacing: .09375rem;
	line-height: 1.53846;
	word-spacing: .1875rem;
	margin-bottom: 1.375rem;
}

.features-section h2,
.features-section h3,
.features-section i {
	color: #283b91;
}

.form-section {
	padding: 2.875rem 0 2.375rem;
	background: #f2f2f2;
}

.form-section.viewport-section.in-viewport .text.visible-block {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.form-section.viewport-section.in-viewport .map-holder.visible-block {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.form-section .text-holder {
	font-size: 1.375rem;
	letter-spacing: .09375rem;
	line-height: 2;
	padding-right: .9375rem;
}

.form-section .text-holder p {
	margin-bottom: 2.875rem;
}

.form-section h2 {
	font-size: 3rem;
	font-weight: 300;
	letter-spacing: .05625rem;
	line-height: 1.22916;
	margin-bottom: 1.375rem;
	padding-right: .9375rem;
}

.form-section .map-holder {
	background-image: url(../images/map-2.svg);
	background-size: cover;
	background-position: 50%, 50%;
	background-repeat: no-repeat;
	text-align: center;
	margin-bottom: 1.625rem;
	min-height: 10.3125rem;
	position: relative;
}

.form-section .map-holder .pin {
	position: absolute;
	width: 17.375rem;
	top: -2.5625rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
}

.form-section .form-holder h3 {
	font-size: 1.375rem;
	color: #283b91;
	letter-spacing: .1rem;
	margin-bottom: 1.1875rem;
	text-transform: capitalize;
}

.form-section .form-group,
.form-section .input-holder {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.form-section .form-group {
	background-color: #d2d7ea;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .1875rem .1875rem .1875rem .6875rem;
	margin-bottom: .8125rem;
}

.form-section .form-group label {
	color: #283b91;
	letter-spacing: .03125rem;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: .625rem;
	width: 38%;
}

.form-section .input-holder {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 55%;
}

.form-section small {
	color: #283b91;
	font-size: .625rem;
	padding-right: .625rem;
}

.form-section .to {
	padding: 0 .6875rem;
}

.form-section .btn-holder {
	margin-top: 2.5rem;
}

.form-section .btn-holder .btn.btn-primary.glow {
	-webkit-animation: glow 1.5s linear 3;
	animation: glow 1.5s linear 3;
}

/* filter form styles */

.form-control {
	font-size: .75rem;
	text-transform: uppercase;
	height: 2rem;
	padding-left: .375rem;
	width: 8.1875rem;
}

.form-control::-webkit-input-placeholder {
	color: #b5b5b5;
}

.form-control::-moz-placeholder {
	opacity: 1;
	color: #b5b5b5;
}

.form-control:-moz-placeholder {
	color: #b5b5b5;
}

.form-control:-ms-input-placeholder {
	color: #b5b5b5;
}

.form-control.placeholder {
	color: #b5b5b5;
}

.form-control.narrow-input {
	width: 3.0625rem;
}

/* review section styles */

.reviews-section {
	background-color: #23c2f3;
	color: #fff;
	padding: 1.25rem 0 6.625rem;
}

.reviews-section.viewport-section.in-viewport .move-effect {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.reviews-section.viewport-section.in-viewport .move-right {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.reviews-section.viewport-section.in-viewport .move-effect-2 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.reviews-section h2 {
	font-size: 1.625rem;
	color: #fff;
	letter-spacing: .09375rem;
	line-height: 1.538461;
	margin-bottom: 6.75rem;
}

blockquote {
	font-size: 2.5625rem;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: .125rem;
	text-align: center;
	margin: 0 auto 13.375rem;
	position: relative;
}

blockquote:last-of-type {
	margin-bottom: 1.75rem;
}

blockquote p {
	margin-bottom: .4375rem;
	position: relative;
}

blockquote p:before {
	width: 86px;
	height: 80px;
	content: "";
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	background-image: url(../images/quote.png);
	margin-top: -2.625rem;
}

blockquote span {
	font-size: 1.125rem;
	display: inline;
	position: absolute;
	bottom: -2.5rem;
	right: 6.625rem;
	letter-spacing: .05rem;
	width: 240px;
	text-align: right;
}

blockquote span:before {
	content: "-";
	margin-right: .3125rem;
}

blockquote cite {
	position: absolute;
	bottom: 0;
	display: inline-block;
	width: 98px;
	height: 92px;
}

blockquote cite:before {
	width: 86px;
	height: 80px;
	content: "";
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../images/quote-2.png);
	line-height: 1;
	position: absolute;
	bottom: 0;
	right: 0;
}

.request-demo {
	padding: 2.4375rem 0 1.5625rem;
}

.request-demo h3 {
	letter-spacing: .05rem;
	margin-bottom: 3.25rem;
}

.request-demo .btn {
	letter-spacing: .075rem;
	margin-bottom: 1.875rem;
}

.request-demo .btn.glow {
	opacity: 1;
}

.request-demo.viewport-section.in-viewport .glow {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.request-demo.viewport-section.in-viewport .glowDarkBlue {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.request-demo.viewport-section.in-viewport .glow-2 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.visible-block-2,
.visible-block-3,
.slideUp,
.move-right,
.move-effect-2 {
	opacity: 0;
}

.pin-drop {
	position: relative;
}

.pin-drop img {
	-webkit-animation: pin-bounce 2s 1.5s forwards;
	animation: pin-bounce 2s 1.5s forwards;
}

body {
	min-width: 320px;
}

@media (min-width: 414px) {
	.container {
		width: 25.875rem;
	}

	.intro h1 {
		font-size: 3.4375rem;
	}
}

@media (min-width: 415px) {
	.advanteges-section h2 {
		font-size: 5.0625rem;
	}
}

@media (min-width: 576px) {
	#header .logo {
		width: 10.3125rem;
		margin-top: -.1875rem;
	}

	.container {
		width: 35rem;
	}

	.intro {
		height: calc(100vh - 97px);
		padding: 1.875rem 0;
		min-height: auto;
	}

	.intro .bg-intro-holder {
		background-position: 50% 0;
		background-image: url("../images/intro-md-bg.jpg");
	}

	.intro .text-block {
		max-width: 11.625rem;
	}

	.intro h1 {
		
	}

	.trial-section {
		padding: 0 0 3.125rem;
	}

	.trial-section .text-box {
		padding-top: 1.875rem;
		padding-right: 1.875rem;
		margin: 0;
	}

	.advanteges-list li {
		max-width: 95%;
	}

	.features-section .features-item {
		margin-bottom: 2.8125rem;
	}

	blockquote span {
		min-width: 15.8125rem;
		width: auto;
	}
}

@media (min-width: 768px) {
	#header {
		padding: 1.9375rem 0 1.6875rem;
		background: #fff;
	}

	#header .nav-opener {
		margin-top: -4px;
	}

	.footer-nav li {
		padding: 0 1.125rem;
	}

	.footer-nav li:before {
		left: 100%;
	}

	body {
		font-size: 1.375rem;
	}

	.container {
		width: 45rem;
	}

	.btn-holder {
		text-align: left;
	}

	.intro .text-block {
		max-width: 100%;
	}

	.intro h1 {
		margin-bottom: .8125rem;
		max-width: 100%;
	}

	.video-section {
		padding: 4.4375rem 0 3.125rem;
		text-align: center;
	}

	.video-section .btn-holder {
		text-align: center;
	}

	.video-section .text-block {
		max-width: 80%;
	}

	.features-section .features-item {
		padding: 0 .75rem;
	}

	.features-section h2 {
		margin-bottom: 5.125rem;
	}

	.features-list li {
		padding: 0 .9375rem;
		width: 50%;
	}

	.form-section h2 {
		padding-right: 4.75rem;
	}

	.form-section .form-group label {
		font-size: .875rem;
		letter-spacing: .0625rem;
		width: 44%;
	}

	.form-section .btn-holder {
		margin-top: 3.1875rem;
	}

	.reviews-section {
		padding: 1.25rem 0 2.5rem;
	}

	.reviews-section h2 {
		margin-bottom: 5.75rem;
		max-width: 33.125rem;
		margin: 0 auto 5.5625rem;
	}

	blockquote {
		line-height: 1.20987;
		margin-left: 0;
		margin-right: auto;
		margin-bottom: 12.25rem;
		width: 50%;
	}

	blockquote:nth-child(odd) {
		margin-left: auto;
		margin-right: 0;
	}

	blockquote span {
		letter-spacing: .06875rem;
	}

	.request-demo {
		padding: 4rem 0 4.375rem;
	}

	.request-demo .btn {
		margin: 0 .625rem 1.875rem;
	}
}

@media (min-width: 992px) {
	#header {
		position: fixed;
		width: 100%;
		z-index: 1000;
	}
	
	#header .main-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		width: calc(100% - 165px);
	}

	#header .contact-list {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 24.875rem;
	}

	#header .contact-list li {
		display: inline-block;
		vertical-align: top;
		padding: 0 .625rem;
	}

	#header .menu-drop {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#header .nav {
		width: auto;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 0 0 0 .8125rem;
		/*width: calc(100% - 404px);*/
	}

	#header .nav li {
		padding: 0 .5rem;
	}

	#header .nav li a {
		color: #000;
		font-size:.8rem;
	}

	#header .nav-opener {
		display: none;
	}

	#footer {
		padding: 5.1875rem 0;
	}

	.social-list {
		margin-bottom: 0;
	}

	.social-list li {
		margin: 0 1.9375rem .625rem;
	}

	body {
		line-height: 2.1875;
	}

	.container {
		width: 62.5rem;
	}

	.btn {
		min-width: 15.625rem;
		width: auto;
		margin: 0;
	}

	h1 {
		font-size: 5.0625rem;
		font-weight: 300;
		letter-spacing: .050625rem;
		line-height: 1.2;
	}

	h3 {
		font-size: 2.125rem;
	}

	.intro {
		height: calc(100vh - 107px);
		padding: 1.25rem 0 3.125rem;
		font-size: 1.7rem;
	}

	.intro .bg-intro-holder {
		background-position: 77% 0;
		background-image: url("../images/intro-bg.jpg");
	}

	.intro .container {
		white-space: nowrap;
		text-align: center;
		text-align: left;
	}

	.intro .container:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 0;
		min-height: 100vh;
	}

	.intro .container > * {
		white-space: normal;
		display: inline-block;
		vertical-align: middle;
		max-width: 85%;
	}

	.intro .container:before {
		min-height: calc(100vh - 265px);
	}

	.intro h1 {
		font-size: 3.2rem;
		width:85%;
	}

	.trial-section {
		padding: 6.25rem 0 3.125rem;
		height: 100vh;
	}

	.trial-section .img-block {
		position: absolute;
		top: 0;
		background-position: 100% 0;
		width: 81%;
		background-position-x: -233px;
		display: block;
	}

	.trial-section .img-block .decor-block {
		right: -24.6875rem;
		width: 46.625rem;
		display: block;
	}

	.trial-section .text-box {
		padding-top: 0;
		padding-left: 2.3125rem;
		padding-right: 3rem;
		margin-left: 50%;
	}

	.video-section .video-block {
		margin: 0 auto 4.25rem;
	}

	.video-section .text-block {
		max-width: 47.125rem;
	}

	.video-section .h3 {
		font-size: 2.125rem;
		font-weight: 500;
		letter-spacing: .1rem;
		margin-bottom: 0;
	}

	.advanteges-section {
		padding: 9.5rem 0 25.8125rem;
	}

	.advanteges-section h2 {
		font-size: 7.6875rem;
		letter-spacing: .1375rem;
		line-height: 1.024390;
		margin-bottom: 6.125rem;
	}

	.advanteges-section .laptop {
		bottom: -22.8125rem;
		position: absolute;
		right: -2.8125rem;
	}

	.advanteges-section .animation-lines {
		min-height: 93.75rem;
		position: absolute;
		top: -59px;
		right: 0;
		left: 0;
		pointer-events: none;
		display: block;
	}

	.advanteges-list li {
		line-height: 1.7;
		margin-bottom: 5.625rem;
		max-width: 98%;
	}

	.advanteges-list h3 {
		line-height: 1.263157;
		margin-bottom: 1.4375rem;
	}

	.features-section {
		padding-top: 5rem;
	}

	.features-section .features-item {
		line-height: 1.7083333;
		margin-bottom: 1.25rem;
	}

	.features-section h2 {
		font-size: 2.125rem;
		letter-spacing: .03125rem;
		word-spacing: .09375rem;
		margin-bottom: 4.1875rem;
	}

	.features-section i {
		margin-bottom: 2.625rem;
	}

	.features-section h3 {
		margin-bottom: 1.0625rem;
	}

	.form-section {
		padding: 3.25rem 0 0;
	}

	.form-section .text-holder {
		line-height: 1.590909;
		padding-right: 0;
	}

	.form-section .text-holder p {
		margin-bottom: 2.1875rem;
	}

	.form-section h2 {
		font-size: 5.625rem;
		line-height: 1.11111;
		margin-bottom: 1.5625rem;
		padding-right: 2.5rem;
	}

	.form-section .map-holder {
		min-height: 29.375rem;
		text-align: right;
	}

	.form-section .map-holder .pin {
		width: 44.875rem;
		right: -14.1875rem;
		left: auto;
		top: -17rem;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.form-section .form-holder {
		padding-left: 2.75rem;
		padding-top: .8125rem;
	}

	.form-section .form-holder h3 {
		font-size: 1.125rem;
		letter-spacing: .075rem;
		text-transform: uppercase;
	}

	.form-section .form-group {
		padding-left: .9375rem;
		margin-bottom: 1.25rem;
	}

	.form-section .form-group label {
		font-size: 1.125rem;
		width: 34%;
	}

	.form-section small {
		font-size: .8125rem;
		padding-right: .9375rem;
	}

	.form-section .to {
		padding: 0 1.375rem;
	}

	.form-control {
		font-size: 1.125rem;
		height: 3.375rem;
		padding-left: .75rem;
		width: 12.8125rem;
	}

	.form-control.narrow-input {
		width: 4.625rem;
	}

	.reviews-section {
		padding: 4.5625rem 0;
	}

	.reviews-section h2 {
		font-size: 2.125rem;
		max-width: 59.0625rem;
		line-height: 1.23529;
	}

	blockquote {
		font-size: 5.0625rem;
	}

	blockquote p {
		margin-bottom: 0;
	}

	blockquote p:before {
		width: 98px;
		height: 92px;
		margin-top: -3.75rem;
		margin-left: -.9375rem;
	}

	blockquote cite:before {
		width: 98px;
		height: 92px;
	}

	.request-demo {
		padding: 4rem 0 6.25rem;
	}

	.pin-drop img {
		-webkit-animation: pin-bounce-desktop 2s 1.5s forwards;
		animation: pin-bounce-desktop 2s 1.5s forwards;
	}
}

@media (min-width: 1200px) {
	#header .logo {
		width: 11.5625rem;
	}

	#header .main-nav {
		width: calc(100% - 195px);
	}

	#header .contact-list {
		max-width: 26.8125rem;
	}

	#header .menu-drop {
		font-size: 1.125rem;
	}

	#header .nav {
		padding: 0 1.125rem 0 3.5625rem;
		/*width: calc(100% - 498px);*/
	}
	
	#header .nav li {
		padding: 0 .8rem;
	}

	
	#header .nav li a {
		font-size:1rem;
	}

	.container {
		width: 74.375rem;
	}

	
	.intro h1 {
		font-size: 3.5rem;
		width:80%;
	}
	
	
	.intro .text-block p {
		font-size: 1.8rem;
	}
	
	.trial-section {
		padding: 14.625rem 0 3.125rem;
	}

	.trial-section .img-block {
		width: 64%;
		background-position-x: -290px;
	}

	.trial-section .img-block .decor-block {
		right: -21.8125rem;
		width: 43.75rem;
	}

	.trial-section .text-box {
		padding-right: 9rem;
	}

	.advanteges-list h3 {
		padding-right: 5.375rem;
	}

	.features-section .features-item {
		padding: 0 .9375rem;
	}

	.form-section h2 {
		padding-right: 7.75rem;
	}

	.form-section .form-holder {
		padding-left: 5.5rem;
	}

	.form-section .form-group label {
		width: 45%;
	}

	.request-demo .btn {
		margin: 0 2.625rem 1.875rem;
	}
}

@media (min-width: 1440px) {
	#header .row {
		margin: 0 -.9375rem;
	}

	#header .contact-list li {
		padding: 0 1.75rem;
	}

	#header .nav li {
		padding: 0 1.2rem;
	}

	.container {
		width: 86.875rem;
	}

	.intro h1 {
		max-width: 85%;
		font-size:4.3rem;
	}
	.intro .text-block p {
		font-size: 2rem;
	}
	
	.trial-section .img-block .decor-block {
		width: 52.9375rem;
		right: -22.3125rem;
	}
	
	.trial-section .img-block {

		width:90%;
		background-position-x: -324px;
	}

	.trial-section .text-box {
		padding-right: 6rem;
	}
	
	.trial-section .text-box p {
        font-size:2rem; } 
	
	.trial-section .img-block .decor-block {
        border-left: 0px solid #283b91; } 
		
	.features-section .container {
		width: 94.75rem;
	}

	.form-section .container {
		width: 88rem;
	}

	.form-section h2 {
		padding-right: 1.5rem;
	}
}

@media (max-width: 991px) {
	#header .menu-drop {
		position: absolute;
		top: 99%;
		left: 0;
		right: 0;
		opacity: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		visibility: hidden;
		text-align: center;
		z-index: 9999;
		padding: 1.25rem 0 1.5625rem;
		overflow: hidden;
		overflow-y: auto;
	}

	blockquote p:before {
		position: absolute;
		left: -1.25rem;
	}
}

@media (max-width: 767px) {
	.intro .text-block {
		line-height: 1.4;
	}

	.video-section p {
		margin-bottom: 2.3125rem;
	}
}

@media (max-width: 576px) {
	.trial-section .text-box {
		max-width: 100%;
		margin: 0 auto;
	}
}

@media (max-width: 575px) {
	#header .container {
		padding: 0 1.5625rem;
	}
}

@media (max-width: 320px) {
	.trial-section .text-box {
		max-width: 95%;
		margin: 0 auto;
	}
}

@-webkit-keyframes zoomIn {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes zoomIn {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes glowDarkBlue {
	0% {
		background-color: #283b91;
		-webkit-box-shadow: 0 0 9px #fff;
	}

	50% {
		background-color: #283b91;
		-webkit-box-shadow: 0 0 18px #283b91;
	}

	100% {
		background-color: #283b91;
		-webkit-box-shadow: 0 0 9px #fff;
	}
}

@keyframes glowDarkBlue {
	0% {
		background-color: #283b91;
		-webkit-box-shadow: 0 0 9px #fff;
	}

	50% {
		background-color: #283b91;
		-webkit-box-shadow: 0 0 18px #283b91;
	}

	100% {
		background-color: #283b91;
		-webkit-box-shadow: 0 0 9px #fff;
	}
}

@-webkit-keyframes glowRed {
	0% {
		background-color: #ec1c4c;
		-webkit-box-shadow: 0 0 9px #fff;
	}

	50% {
		background-color: #ec1c4c;
		-webkit-box-shadow: 0 0 18px #ec1c4c;
	}

	100% {
		background-color: #ec1c4c;
		-webkit-box-shadow: 0 0 9px #fff;
	}
}

@keyframes glowRed {
	0% {
		background-color: #ec1c4c;
		-webkit-box-shadow: 0 0 9px #fff;
	}

	50% {
		background-color: #ec1c4c;
		-webkit-box-shadow: 0 0 18px #ec1c4c;
	}

	100% {
		background-color: #ec1c4c;
		-webkit-box-shadow: 0 0 9px #fff;
	}
}

@-webkit-keyframes slideUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes moveRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes moveRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes pin-bounce-desktop {
	0% {
		top: -10.75rem;
		opacity: 0;
	}

	10% {
		top: -4.5rem;
		opacity: 1;
	}

	15% {
		top: -3.25rem;
		opacity: 1;
	}

	20% {
		top: -4.5rem;
		opacity: 1;
	}

	25% {
		top: -3.25rem;
		opacity: 1;
	}

	30% {
		top: -3.875rem;
		opacity: 1;
	}

	35% {
		top: -4.5rem;
		opacity: 1;
	}

	40% {
		top: -3.875rem;
		opacity: 1;
	}

	100% {
		top: -4.5rem;
		opacity: 1;
	}
}

@keyframes pin-bounce-desktop {
	0% {
		top: -10.75rem;
		opacity: 0;
	}

	10% {
		top: -4.5rem;
		opacity: 1;
	}

	15% {
		top: -3.25rem;
		opacity: 1;
	}

	20% {
		top: -4.5rem;
		opacity: 1;
	}

	25% {
		top: -3.25rem;
		opacity: 1;
	}

	30% {
		top: -3.875rem;
		opacity: 1;
	}

	35% {
		top: -4.5rem;
		opacity: 1;
	}

	40% {
		top: -3.875rem;
		opacity: 1;
	}

	100% {
		top: -4.5rem;
		opacity: 1;
	}
}

@-webkit-keyframes pin-bounce {
	0% {
		top: -10.75rem;
		opacity: 0;
	}

	10% {
		top: -4.5rem;
		opacity: 1;
	}

	15% {
		top: -2.625rem;
		opacity: 1;
	}

	20% {
		top: -3.25rem;
		opacity: 1;
	}

	25% {
		top: -2.625rem;
		opacity: 1;
	}

	30% {
		top: -3.25rem;
		opacity: 1;
	}

	35% {
		top: -3.25rem;
		opacity: 1;
	}

	40% {
		top: -2.5625rem;
		opacity: 1;
	}

	100% {
		top: -2.5625rem;
		opacity: 1;
	}
}

@keyframes pin-bounce {
	0% {
		top: -10.75rem;
		opacity: 0;
	}

	10% {
		top: -4.5rem;
		opacity: 1;
	}

	15% {
		top: -2.625rem;
		opacity: 1;
	}

	20% {
		top: -3.25rem;
		opacity: 1;
	}

	25% {
		top: -2.625rem;
		opacity: 1;
	}

	30% {
		top: -3.25rem;
		opacity: 1;
	}

	35% {
		top: -3.25rem;
		opacity: 1;
	}

	40% {
		top: -2.5625rem;
		opacity: 1;
	}

	100% {
		top: -2.5625rem;
		opacity: 1;
	}
}

@-webkit-keyframes glow {
	0% {
		background-color: #23c2f3;
		box-shadow: 0 0 .5625rem #fff;
	}

	50% {
		background-color: #42d3ff;
		box-shadow: 0 0 .875rem #42d3ff;
	}

	75% {
		background-color: #23c2f3;
		box-shadow: 0 0 .5625rem #fff;
	}

	100% {
		background-color: #23c2f3;
		box-shadow: none;
	}
}

@keyframes glow {
	0% {
		background-color: #23c2f3;
		box-shadow: 0 0 .5625rem #fff;
	}

	50% {
		background-color: #42d3ff;
		box-shadow: 0 0 .875rem #42d3ff;
	}

	75% {
		background-color: #23c2f3;
		box-shadow: 0 0 .5625rem #fff;
	}

	100% {
		background-color: #23c2f3;
		box-shadow: none;
	}
}

@-webkit-keyframes moveEffect {
	0% {
		-webkit-transform: translate(-500px, 0px);
		transform: translate(-500px, 0px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
		opacity: 1;
	}
}

@keyframes moveEffect {
	0% {
		-webkit-transform: translate(-500px, 0px);
		transform: translate(-500px, 0px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
		opacity: 1;
	}
}

@-webkit-keyframes visibleBlock {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes visibleBlock {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}