@import url("jquery/jquery.boxy.css");

@font-face {
	font-family: "webly";
	src: url("../font/webly/webly-light.woff2") format("woff2"), url("../font/webly/webly-light.woff") format("woff");
	font-weight: 300;
}

@font-face {
	font-family: "webly";
	src: url("../font/webly/webly-regular.woff2") format("woff2"), url("../font/webly/webly-regular.woff") format("woff");
	font-weight: 400;
}

@font-face {
	font-family: "webly";
	src: url("../font/webly/webly-bold.woff2") format("woff2"), url("../font/webly/webly-bold.woff") format("woff");
	font-weight: 600;
}

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body,
button,
input,
optgroup,
select,
textarea {
	font-family: webly, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

input {
	-moz-appearance: none;
	-webkit-appearance: none;
}

body {
	background-color: #fff;
	color: #343a40;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	font-size: 15px;
	line-height: 1.5;
	margin: 0;
	min-height: 100vh;
	padding: 0;
}

main {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

a {
	color: inherit;
	text-decoration: underline;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: 0;
}

p {
	margin: 15px 0;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

svg {
	max-width: 100%;
	transform: scale(1);
}

hr {
	border: 0;
	border-top: 1px solid #ddd;
	box-sizing: content-box;
	height: 0;
	margin: 15px 0;
}

.header,
.footer {
	background: #212529;
	color: #e5e5e5;
}

.header {
	max-height: 64px;
	overflow: hidden;
	transition: max-height .3s;
}

.jumbotron::before {
	background-image: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, 0));
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.jumbotron {
	background: url("../img/intro/index_lander_v1.jpg") no-repeat center center / cover;
	color: #fff;
	position: relative;
}

.jumbotron-v2 {
	background: url("../img/intro/index_lander_v2.jpg") no-repeat left top / cover;
}

.jumbotron-v3 {
	background: url("../img/intro/index_lander_v3.jpg") no-repeat center top / cover;
}

.jumbotron .container {
	height: calc(100vh - 64px);
	padding-bottom: 0;
	padding-top: 35px;
	position: relative;
}

.jumbotron .col-quote {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	margin-bottom: 110px;
	margin-left: -16px;
	margin-right: 64px;
	padding-left: 0;
	padding-right: 0;
	text-align: right;
}

.section-light {
	background-color: #f1f3f5;
}

.section-highlight {
	background: #fff linear-gradient(#f9fbfe, #fff);
}

.section-highlight .title {
	color: #329af0;
}

.section-white {
	background: #fff;
}

.container,
.container-header {
	margin: auto;
	max-width: 100%;
	padding: 30px 15px;
	width: 1140px;
}

.container-header {
	padding: 0 15px;
}

.container-header .btn {
	font-size: 12px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.container .col {
	padding-bottom: 15px;
	padding-top: 15px;
}

.col {
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	margin: auto;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.col:empty {
	padding: 0;
}

.col-blur::before,
.col-blur::after {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.col-blur::before {
	filter: blur(5px);
}

.col-blur::after {
	background: rgba(0, 0, 0, .5);
}

.col-blur {
	color: #fff;
	overflow: hidden;
	padding: 30px 15px;
	position: relative;
	z-index: 0;
}

.trans-white {
	background-color: rgba(255, 255, 255, .85);
}

.bg-white {
	background-color: #fff;
}

.color-white {
	color: #fff;
}

.trans-black {
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
}

.row.flex-wrap > .col:nth-last-child(n+2),
.row.flex-wrap > .col:nth-last-child(n+2) ~ .col {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
}

.row.flex-wrap > .col:nth-last-child(n+3),
.row.flex-wrap > .col:nth-last-child(n+3) ~ .col {
	-webkit-flex-basis: calc(100% / 3);
	flex-basis: calc(100% / 3);
	max-width: calc(100% / 3);
}

.row.flex-wrap > .col:nth-last-child(n+4),
.row.flex-wrap > .col:nth-last-child(n+4) ~ .col {
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}

.row.flex-wrap > .col:nth-last-child(n+6),
.row.flex-wrap > .col:nth-last-child(n+6) ~ .col {
	-webkit-flex-basis: calc(100% / 3);
	flex-basis: calc(100% / 3);
	max-width: calc(100% / 3);
}

.row.flex-wrap > .col:nth-last-child(n+8),
.row.flex-wrap > .col:nth-last-child(n+8) ~ .col {
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}

.title,
.subtitle {
	font-weight: 300;
	line-height: 1.3;
	margin: 0 0 10px;
}

.title {
	font-size: 32px;
}

.subtitle {
	font-size: 24px;
}

.desc {
	font-size: 18px;
	font-weight: 300;
}

.desc strong {
	font-weight: 600;
}

.desc:last-child {
	margin-bottom: 0;
}

.row,
.menu,
.menu-item,
.menu-link {
	display: -webkit-flex;
	display: flex;
}

.btn {
	background: #fff;
	border: 0;
	border-radius: 50px;
	box-shadow: 0 -1px rgba(0, 0, 0, .1) inset;
	color: #343a40;
	cursor: pointer;
	display: inline-block;
	font-family: webly, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0;
	padding: 8px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
	z-index: 0;
}

.btn + .btn {
	margin-left: 15px;
}

.btn::after {
	background: rgba(0, 0, 0, .05);
	border-radius: inherit;
	bottom: 0;
	box-shadow: 0 -1px rgba(0, 0, 0, .075) inset;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .15s;
	z-index: -1;
}

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

.btn:active::after,
.btn.active::after {
	box-shadow: 0 4px 8px rgba(0, 0, 0, .15) inset;
}

.btn:hover,
.btn:focus {
	outline: 0;
}

.btn-register,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
	color: #fff;
}

.btn-register {
	background: linear-gradient(160deg, #4dadf7, #329af0);
}

.btn-primary {
	background: linear-gradient(160deg, #5c7cfa, #4c6ef5);
}

.btn-secondary {
	background: linear-gradient(160deg, #ced4da, #adb5bd);
}

.btn-success {
	background: linear-gradient(160deg, #94d82d, #82c91e);
}

.btn-info {
	background: linear-gradient(160deg, #22b8cf, #15aabf);
}

.btn-warning {
	background: linear-gradient(160deg, #ff922b, #fd7e14);
}

.btn-danger {
	background: linear-gradient(160deg, #ff6b6b, #fa5252);
}

.btn-register::after {
	background: #329af0;
}

.btn-primary::after {
	background: #4c6ef5;
}

.btn-secondary::after {
	background: #adb5bd;
}

.btn-success::after {
	background: #82c91e;
}

.btn-info::after {
	background: #15aabf;
}

.btn-warning::after {
	background: #fd7e14;
}

.btn-danger::after {
	background: #fa5252;
}

.btn-link {
	background: none;
	border-radius: 0;
	box-shadow: none;
	color: #329af0;
}

.btn-link::after {
	content: none;
}

.btn-link:hover,
.btn-link:focus {
	color: #1c7cd6;
}

.btn-link:active {
	color: #1862ab;
}

.btn-edge {
	border-radius: 3px;
}

.btn-block {
	display: block;
	width: 100%;
}

.btn-jumbotron {
	font-size: 20px;
	font-weight: 400;
	min-width: 266px;
	padding-left: 30px;
	padding-right: 30px;
	white-space: normal;
}

.menu,
.menu-item,
.menu-link {
	display: -webkit-flex;
	display: flex;
}

.menu {
	list-style: none;
	margin: 0 -15px 0 0;
	padding: 0;
}

.menu-link {
	-webkit-align-items: center;
	align-items: center;
	background-color: #212529;
	color: #adb5bd;
	font-size: 14px;
	padding: 20px 15px;
	text-decoration: none;
	transition: color .2s ease-in-out;
	white-space: nowrap;
}

.menu-link.btn-link {
	line-height: 2;
}

.menu-item.on > .menu-link,
.menu-link:hover,
.menu-link:focus {
	color: #fff;
}

.menu-toggle {
	display: none;
	font-size: 30px;
	font-weight: 400;
	line-height: 0;
	margin: 0 -15px 0 0;
	padding: 30px 15px 34px;
}

.menu .menu-toggle.text-right {
	position: absolute;
	right: 15px;
	top: 0;
	width: auto;
	z-index: 0;
}

.header .logo {
	margin: -5px 0;
	transition: filter .2s ease-in-out;
}

.header .logo-item:hover .logo {
	filter: grayscale(1);
}

.logo {
	display: inline-block;
}

.logo-biz-small,
.menu-toggle,
.mbl-register {
	display: none;
}

.logo-item {
	margin-left: -15px;
	z-index: 1;
}

.testimonial-image {
	border-radius: 50%;
	margin-bottom: 20px;
}

.testimonial-name {
	font-weight: 600;
	text-transform: uppercase;
}

.testimonial-site {
	color: #666;
}

.testimonial-text::before {
	background: #ddd;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: -50px;
	position: absolute;
	top: 0;
	width: 100px;
}

.testimonial-text {
	color: #999;
	margin-top: 20px;
	padding-top: 20px;
	position: relative;
}

.section-plans > .container,
.section-form > .container {
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}

.section-plans .col {
	padding-left: 5px;
	padding-right: 5px;
}

.section-plans .position-sticky::after {
	background-color: #fff;
	content: "";
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
	z-index: -1;
}

.period-switch {
	background-color: #f8f9fa;
	border: 3px solid #fff;
	border-radius: 50px;
	box-shadow: 0 1px #e9ecef;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: -20px;
	width: 270px;
	z-index: 1;
}

.period-switch label,
.period-background {
	width: calc(100% / 3);
}

.period-switch label {
	color: #343a40;
	cursor: pointer;
	font-size: 13px;
	margin: 0;
	padding: 8px;
	text-align: center;
	transition: color .2s ease-in-out;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.period-switch input:checked + label {
	cursor: default;
	font-weight: 600;
}

.period-background {
	background-color: #dee2e6;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: transform .2s ease-in-out;
	z-index: -1;
}

.period-switch input ~ input:checked ~ .period-background {
	transform: translateX(100%);
}

.period-switch input ~ input ~ input:checked ~ .period-background {
	transform: translateX(200%);
}

.plan {
	background: #fff;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	color: #868e96;
	padding: 10px 20px;
}

.plan hr {
	border-color: #f1f3f5;
	margin: 15px -20px;
}

.plan .title {
	display: inline-block;
}

.plan .subtitle {
	font-size: 28px;
	font-weight: 300;
}

.plan .plan-format {
	line-height: 2;
}

.plan .list-trim {
	color: #495057;
}

.period-switch input,
.plan-price:not(.plan-price-12) {
	display: none;
}

.plan .btn {
	margin: 15px auto 10px;
}

.plan-premium.plan-highlight .plan {
	border-color: #72c3fc;
}

.plan-premium.plan-highlight hr {
	border-color: #ccedff;
}

.plan-vip.plan-highlight .plan {
	border-color: #ffc078;
}

.plan-vip.plan-highlight hr {
	border-color: #ffe8cc;
}

.plan-enterprise.plan-highlight .plan {
	border-color: #8ce99a;
}

.plan-enterprise.plan-highlight hr {
	border-color: #d3f9d8;
}

.plan-basic .title,
.plan-basic .subtitle,
.plan-basic .icon-check-circled {
	color: #868e96;
}

.plan-premium .title,
.plan-premium .subtitle,
.plan-premium .icon-check-circled {
	color: #5c7cfa;
}

.plan-vip .title,
.plan-vip .subtitle,
.plan-vip .icon-check-circled {
	color: #ff922b;
}

.plan-enterprise .title,
.plan-enterprise .subtitle,
.plan-enterprise .icon-check-circled {
	color: #94d82d;
}

.plan .icon-check-circled {
	height: 16px;
	margin-right: 8px;
	width: 16px;
}

.faq .col {
	margin: 0;
}

.faq-box {
	background-color: #f8f9fa;
	height: 100%;
	padding: 15px 30px;
}

.faq-box a {
	color: #329af0;
	text-decoration: none;
}

.faq-box a:hover,
.faq-box a:focus {
	text-decoration: underline;
}

.table {
	max-width: 100%;
	width: 100%;
}

.table-responsive {
	display: block;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-x: auto;
	width: 100%;
}

.table-plans th,
.table-plans td {
	background-color: #fff;
	border-bottom: 1px solid #e4e7ed;
	font-size: 14px;
	line-height: 1.5;
	padding: 15px 10px;
	text-align: center;
	width: 12.5%;
}

.table-plans th {
	color: #868e96;
	font-size: 22px;
	font-weight: 400;
}

.table-plans td {
	color: #adb5bd;
}

.table-plans th:first-child,
.table-plans td:first-child {
	color: #000;
	text-align: left;
	width: 50%;
}

.table-plans td:first-child {
	font-size: 15px;
}

.table-plans .table-plans-header th {
	padding-top: 20px;
}

.table-plans .icon-check {
	color: #329af0;
	height: 20px;
	width: 20px;
}

.popover {
	background: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 640 640%22 xmlns=%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Ccircle fill=%27%23ccc%27 cx=%27320%27 cy=%27320%27 r=%27288%27%2F%3E%3Cpath fill=%27%23fff%27 d=%27M346.135 394H287.989q-.23-12.538-.229-15.278 0-28.271 9.35-46.518t37.4-41.045q28.047-22.8 33.52-29.871a39.94 39.94 0 0 0 8.438-24.627q0-18.694-14.936-32.038t-40.247-13.34q-24.4 0-40.817 13.91t-22.574 42.413l-58.831-7.3q2.506-40.815 34.774-69.32t84.711-28.5q55.181 0 87.79 28.846t32.608 67.154a73.829 73.829 0 0 1-11.972 40.133Q415 297.548 375.779 330.152q-20.3 16.878-25.2 27.135T346.135 394ZM288 480V416h64v64Z%27%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50% / 20px 20px;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	vertical-align: middle;
	width: 20px;
}

.boot-popover {
	background-clip: padding-box;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	box-shadow: 10px 10px rgba(0, 0, 0, .05);
	display: none;
	font-family: sans-serif;
	font-size: 12px;
	left: 0;
	padding: 1px;
	position: absolute;
	text-align: left;
	top: 0;
	white-space: normal;
	width: 270px;
	z-index: 10;
}

.boot-popover-content {
	color: #787878;
	font-weight: 400;
	line-height: 1.5;
	padding: 9px 14px;
	word-break: hyphenate;
	word-wrap: break-word;
}

.promo {
	padding-bottom: 45px;
}

.position-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 11;
}

.txt-compare {
	color: #329af0;
	font-size: 22px;
	padding: 15px 10px;
	position: absolute;
	top: 30px;
	z-index: 12;
}

.section-feature-tabs {
	border-bottom: 1px solid #f1f3f5;
}

.section-feature-tabs .col {
	margin: 0;
	padding: 0;
}

.section-feature-tabs .col:not(:last-child) .feature-tab::after {
	background-color: #f1f3f5;
	bottom: 20px;
	content: "";
	position: absolute;
	right: 0;
	top: 20px;
	width: 1px;
}

.section-feature-tabs .feature-tab {
	display: block;
	padding: 15px 5px;
	position: relative;
	text-decoration: none;
	transform: rotate(0);
	transition: color .2s ease-in-out;
}

.section-feature-tabs .col.active .feature-tab,
.section-feature-tabs .feature-tab:hover {
	color: #329af0;
}

.section-feature-tabs .feature-tab > svg {
	color: inherit;
	fill: currentcolor;
	height: 40px;
	width: 40px;
}

.section-feature-tabs .feature-tab > strong {
	display: block;
	margin-top: 10px;
}

.overflow-hidden {
	overflow: hidden;
}

.section-feature-marketing,
.section-feature-marketing .col-blur::before {
	background: url("../img/intro/marketing.jpg") no-repeat fixed center top / cover;
}

.section-feature-hosting {
	background: url("../img/intro/hosting.png") no-repeat fixed center center / cover;
	color: #fff;
}

.section-feature-hosting svg {
	fill: #4dadf7;
	height: 30px;
	margin: 0 10px 0 0;
	transform: none;
	width: 30px;
}

.section-feature-orders > .container {
	position: relative;
}

.orders-iphone {
	position: absolute;
	right: 200px;
	top: -100px;
}

.orders-ipad {
	bottom: -250px;
	position: absolute;
	right: 0;
}

.section-feature-security,
.section-feature-security .col-blur::before {
	background: url("../img/intro/security.jpg") no-repeat fixed center center / cover;
}

.section-scalability {
	background: url("../img/intro/index_scalability.jpg") no-repeat fixed center top / cover;
}

.section-wow::before,
.section-wow::after {
	content: "";
	height: 100px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1;
}

.section-wow::before {
	background-image: linear-gradient(#fff 15%, rgba(0, 0, 0, 0));
	top: 0;
}

.section-wow::after {
	background-image: linear-gradient(rgba(0, 0, 0, 0) 15%, #fff);
	bottom: 0;
}

.section-wow .col-shot {
	max-height: 800px;
	padding: 0 7px;
	transition: transform .2s linear;
}

.section-wow .col-shot img + img {
	margin-top: 25px;
}

.section-cloud-header {
	background: url("../img/intro/cloud_header.jpg") no-repeat fixed center top / cover;
}

.section-cloud-scalability,
.section-cloud-scalability .col-blur::before {
	background: url("../img/intro/cloud_4.jpg") no-repeat fixed center center / cover;
}

.section-cloud-scalability .col-blur {
	padding-bottom: 60px;
	padding-top: 60px;
}

.section-cloud-header .row {
	height: 30vh;
	min-height: 250px;
}

.circle-250 {
	background-color: rgba(255, 255, 255, .33);
	border-radius: 50%;
	height: 250px;
	width: 250px;
}

iframe[height="13"] {
	display: none;
}

.padded-text {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display: inline;
	line-height: 45px;
	padding: 5px 10px;
}

.devices {
	position: relative;
}

.device {
	left: 0;
	position: absolute;
	top: 0;
}

.device-products,
.device-seo {
	animation: 12s linear infinite fade;
}

.device-products-2,
.device-seo-1 {
	animation-delay: 4s;
}

.device-products-3,
.device-seo-2 {
	animation-delay: 8s;
}

.animated {
	animation-duration: .5s;
	animation-fill-mode: both;
	opacity: 0;
}

.animation-delay-1 {
	animation-delay: .2s;
}

.animation-delay-2 {
	animation-delay: .4s;
}

.from-transparent.in-view {
	animation-name: from-transparent;
}

.from-top.in-view {
	animation-name: from-top;
}

.from-right.in-view {
	animation-name: from-right;
}

.from-bottom.in-view {
	animation-name: from-bottom;
}

.from-left.in-view {
	animation-name: from-left;
}

.from-top-rotate.in-view {
	animation-name: from-top-rotate;
}

.from-right-rotate.in-view {
	animation-name: from-right-rotate;
}

.from-bottom-rotate.in-view {
	animation-name: from-bottom-rotate;
}

.from-left-rotate.in-view {
	animation-name: from-left-rotate;
}

.footer-heading {
	color: #ced4da;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.footer-menu::after {
	background-color: #343a40;
	bottom: 0;
	content: "";
	height: 1px;
	left: 15px;
	position: absolute;
	right: 15px;
}

.footer-menu {
	padding-bottom: 20px;
	position: relative;
}

.footer-menu a,
.footer-link,
.country-select > svg,
.country-select > select {
	transition: color .2s ease-in-out;
}

.footer-menu a {
	color: #868e96;
	display: inline-block;
	font-size: 14px;
	padding: 5px 0;
	text-decoration: none;
}

.footer-menu a:hover,
.footer-menu a:focus,
.footer-link:hover,
.footer-link:focus,
.country-select:hover > svg,
.country-select > svg:focus,
.country-select > select:hover {
	color: #ced4da;
}

.social {
	color: #868e96;
	font-size: 13px;
}

.social svg {
	fill: currentcolor;
}

.footer-link {
	color: #868e96;
	text-decoration: none;
}

.country-select > select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	border: 0;
	border-left: 30px solid rgba(0, 0, 0, 0);
	border-radius: 3px;
	box-shadow: 0 0 0 1px #343a40;
	color: #868e96;
	cursor: pointer;
	font-size: 13px;
	margin: 0 0 0 -25px;
	padding: 5px;
	vertical-align: middle;
}

.country-select > select:hover,
.country-select > select:focus {
	box-shadow: 0 0 0 1px #495057;
	outline: 0;
}

.country-select option {
	background: #fff;
	color: initial;
}

@-moz-document url-prefix() { 
	.country-select > select {
		text-indent: -2px;
	}
}

.contact-info {
	margin: 10px 0 -10px;
}

.contact-info > span {
	color: #adb5bd;
	max-width: 140px;
}

.signup-modal {
	background: #191919;
	background: rgba(0, 0, 0, .98);
	bottom: 0;
	color: #f8f9fa;
	display: none;
	font-weight: 300;
	left: 0;
	padding-top: 100px;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 20000;
}

.signup-modal h2,
.signup-modal h3 {
	font-weight: 300;
	margin: 0;
}

.signup-modal h2 {
	font-size: 36px;
}

.signup-modal h3 {
	font-size: 18px;
	margin-top: 12px;
}

.signup-modal-process,
.signup-modal-success,
.signup-modal-error {
	display: none;
}

.signup-modal-process span,
.signup-modal-success span,
.signup-modal-error span {
	background: url(/img/img_intro/signup-status.png) no-repeat 0 0;
	display: block;
	height: 74px;
	margin: 43px auto;
	width: 74px;
}

.signup-modal-process span {
	background: url(/img/img_intro/cloud_v2.png) no-repeat 50% 50%;
	height: 104px;
	text-align: left;
	width: 142px;
}

.signup-modal-process i {
	background: url(/img/img_intro/gears_v2.gif) no-repeat 50% 50%;
	display: inline-block;
	height: 64px;
	margin-left: 25px;
	margin-top: 30px;
	width: 64px;
}

.signup-modal-error span {
	background-position: -74px 0;
}

.signup-modal-button:link,
.signup-modal-button:visited {
	background-color: #00a8ec;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	line-height: 35px;
	margin-bottom: 10px;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	transition: background-color .25s;
}

.signup-modal-button:hover,
.signup-modal-button:focus {
	background-color: #28b5fa;
	color: #fff;
}

.signup-modal-steps {
	position: relative;
}

.signup-modal-steps p {
	font-size: 16px;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 10px;
	width: 100%;
}

.section-form {
	background: #f8f9fa url("../img/intro/popup.jpg") no-repeat right top / contain;
	position: relative;
}

.section-form .alert-wrap > .alert-error {
	display: none;
}

.col.col-form {
	background-color: #f8f9fa;
	margin: 0 auto 0 0 ;
	max-width: 420px;
	min-height: 100vh;
	min-width: 30%;
	padding: 30px;
	position: relative;
	text-align: left;
	z-index: 1;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.boxy-content .col.col-form {
	max-width: none;
	min-height: 0;
	min-width: 0;
}

.boxy-content .logo {
	display: none;
}

.boxy-content .btn-register-quick {
	width: 100%;
}

.form-group {
	margin-bottom: 15px;
}

label {
	color: #495057;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	margin-bottom: 5px;
	max-width: 100%;
}

label a {
	vertical-align: top;
}

.checkbox-label {
	display: inline;
}
.fr-error .checkbox-label {
	color: #c92a2a;
}

.form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0;
	color: #555;
	display: block;
	font-size: 14px;
	padding: 10px;
	transition: border-color .15s ease-in-out;
	width: 100%;
}

.form-control:focus {
	border-color: #4dadf7;
	outline: 0;
}

.fr-error .form-control {
	border-color: #c92a2a;
}

.inline_error_mark + .password-hint {
	display: none;
}

.inline_error_mark,
.inline_error_mark_js {
	color: #c92a2a;
	font-size: 14px;
}

.alert {
	border: 1px solid;
	border-radius: 3px;
	color: #555;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 10px 40px 10px 10px;
	position: relative;
}

.alert,
.alert-warning {
	background-color: #fff9db;
	border-color: #ffe8cc;
	color: #e67700;
}

.alert-success {
	background-color: #f4fce3;
	border-color: #d8f5a2;
	color: #5c940d;
}

.alert-info {
	background-color: #e3fafc;
	border-color: #c5f6fa;
	color: #0b7285;
}

.alert-danger,
.alert-error {
	background-color: #fff5f5;
	border-color: #ffe3e3;
	color: #c92a2a;
}

.alert .close,
.boxy-hide {
	background: none;
	border: 0;
	color: #ccc;
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
	padding: 10px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	transition: color .15s ease-in-out;
}

.alert .close:hover,
.boxy-hide:hover {
	color: #999;
}

.section-form .boxy-hide,
.section-apps > .container:last-child hr {
	display: none;
}

.cat-description {
	-webkit-flex-basis: 30%;
	flex-basis: 30%;
}

.cat-description hr {
	margin-left: -15px;
	margin-right: -15px;
}

.content-list {
	-webkit-flex-basis: 70%;
	flex-basis: 70%;
}

.content-thumb {
	display: inline-block;
	position: relative;
}

.content-thumb img,
.overlay-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 5px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 5px 5px -5px rgba(0, 0, 0, .25);
	transition: transform .3s ease-in-out, margin .3s ease-in-out;
}

.content-thumb img {
	height: auto;
	max-width: 160px;
	width: 100%;
	transform: perspective(480px) rotateY(0);
}

.overlay-content {
	background-color: #495057;
	bottom: 0;
	color: #fff;
	line-height: 18px;
	left: 0;
	overflow: hidden;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0;
	transform: perspective(480px) rotateY(-180deg);
}

.content-thumb:hover .overlay-content {
	margin: -10px;
	transform: perspective(480px) rotateY(0);
	transition: transform .3s ease-in-out;
}

.content-thumb:hover img {
	transform: perspective(480px) rotateY(180deg);
}

@keyframes fade {
	0%, 37.5%, 100% {
		opacity: 0;
	}
	
	4.16667%, 33.33333%{
		opacity: 1;
	}
}

@keyframes from-top {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes from-right {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes from-bottom {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes from-left {
	0% {
		opacity: 0;
		transform: translateX(-100%);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes from-top-rotate {
	0% {
		opacity: 0;
		transform: translateY(-100%) rotate(-45deg);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes from-right-rotate {
	0% {
		opacity: 0;
		transform: translateX(100%) rotate(45deg);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes from-bottom-rotate {
	0% {
		opacity: 0;
		transform: translateY(100%) rotate(45deg);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes from-left-rotate {
	0% {
		opacity: 0;
		transform: translateX(-100%) rotate(-45deg);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes from-transparent {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

.list-inside {
	list-style-position: inside;
	list-style-type: none;
}

.list-square {
	list-style-type: square;
}

.list-trim {
	margin: 0;
	padding: 0;
}

.flex {
	display: -webkit-flex;
	display: flex;
}

.flex,
.flex-wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-nowrap {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.flex-row {
	-webkit-flex-direction: row;
	flex-direction: row;
}

.flex-column {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.justify-start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.justify-end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.justify-center {
	-webkit-justify-content: center;
	justify-content: center;
}

.items-start {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.items-center {
	-webkit-align-items: center;
	align-items: center;
}

.items-end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.flex-auto {
	-webkit-flex-basis: auto;
	flex-basis: auto;
}

.flex-grow-1 {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.flex-shrink-0 {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

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

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

.text-right.text-right {
	text-align: right;
}

.text-upper {
	text-transform: uppercase;
}

.light {
	font-weight: 300;
}

.normal {
	font-weight: 400;
}

.bold {
	font-weight: 600;
}

.mt-1.mt-1 {
	margin-top: 10px;
}

.mr-1.mr-1 {
	margin-right: 10px;
}

.mb-1.mb-1 {
	margin-bottom: 10px;
}

.mb-15.mb-15 {
	margin-bottom: 15px;
}

.mb-2.mb-2 {
	margin-bottom: 20px;
}

.mb-3.mb-3 {
	margin-bottom: 30px;
}

.ml-1.ml-1 {
	margin-left: 10px;
}

.mt-0.mt-0 {
	margin-top: 0;
}

.mr-0.mr-0 {
	margin-right: 0;
}

.mb-0.mb-0 {
	margin-bottom: 0;
}

.ml-0.ml-0 {
	margin-left: 0;
}

.m-0.m-0 {
	margin: 0;
}

.mt-a.mt-a {
	margin-top: auto;
}

.mr-a.mr-a {
	margin-right: auto;
}

.mb-a.mb-a {
	margin-bottom: auto;
}

.ml-a.ml-a {
	margin-left: auto;
}

.m-a.m-a {
	margin: auto;
}

.pt-1.pt-1 {
	padding-top: 10px;
}

.pr-1.pr-1 {
	padding-right: 10px;
}

.pb-1.pb-1 {
	padding-bottom: 10px;
}

.pl-1.pl-1 {
	padding-left: 10px;
}

.pt-0.pt-0 {
	padding-top: 0;
}

.pr-0.pr-0 {
	padding-right: 0;
}

.pb-0.pb-0 {
	padding-bottom: 0;
}

.pl-0.pl-0 {
	padding-left: 0;
}

.p-0.p-0 {
	padding: 0;
}

.relative {
	position: relative;
}

.static {
	position: static;
}

.hide {
	visibility: hidden;
}

.none {
	display: none;
}

.min-width-0 {
	min-width: 0;
}

.gray-light {
	color: #ced4da;
}

.gray {
	color: #adb5bd;
}

.gray-dark {
	color: #868e96;
}

.align-middle {
	vertical-align: middle;
}

.sans-serif {
	font-family: sans-serif;
}

.font-size-12 {
	font-size: 12px;
}

.font-size-13 {
	font-size: 13px;
}

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

.font-size-20 {
	font-size: 20px;
}

.font-size-40 {
	font-size: 40px;
}

@media (max-width: 1200px) {
	.jumbotron .container {
		height: auto;
		padding-top: 10px;
	}
	
	.col:empty {
		display: none;
	}
	
	.jumbotron .col-quote {
		text-align: center;
		margin: 0;
	}
	
	.container {
		padding-bottom: 30px;
		padding-top: 30px;
		text-align: center;
	}
	
	.section-plans > .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.section-plans .col {
		margin: 0;
	}
	
	.container .justify-start,
	.container .justify-end {
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.container .row {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.row.flex-wrap > .col:nth-last-child(n+2),
	.row.flex-wrap > .col:nth-last-child(n+2) ~ .col {
		-webkit-flex-basis: auto;
		flex-basis: auto;
		max-width: 100%;
	}
	
	.row > .col.col {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.row > .col-form.col {
		padding: 20px 30px;
	}
	
	.text-right {
		text-align: center;
	}
	
	.table-plans {
		margin-bottom: 20px;
	}
	
	.table-plans th,
	.table-plans td {
		padding: 15px 10px;
	}
	
	.section-feature-tabs {
		position: static;
	}
	
	.section-feature-tabs .col {
		flex-basis: 25%;
	}
	
	.section-form {
		background-position: right -200px top;
		background-size: cover ;
	}
	
	.orders-iphone {
		display: none;
	}
	
	.orders-ipad {
		margin-bottom: -250px;
		position: static;
	}
	
	.col-blur {
		margin: 0 -15px;
	}
	
	.will-reorder {
		order: 1;
	}
	
	.will-reorder-first {
		order: -1;
	}
	
	.will-text-center.will-text-center {
		text-align: center;
	}
	
	.section-wow::before,
	.section-wow::after {
		content: none;
	}
	
	.section-wow .col-shot {
		max-height: none;
	}
}

@media (max-width: 900px) {
	.content-list,
	.cat-description,
	.section-feature-tabs .col {
		-webkit-flex-basis: auto;
		flex-basis: auto;
		max-width: 100%;
	}
	
	.section-apps > .container > .flex-nowrap {
		-webkit-flex-flow: column wrap;
		flex-flow: column wrap;
	}
	
	.menu {
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -64px;
		opacity: 0;
		position: relative;
		z-index: -1;
	}
	
	.menu,
	.menu .menu-item,
	.menu .menu-link {
		width: 100vw;
	}
	
	.menu-toggle,
	.mbl-register {
		display: block;
	}
	
	.header-flex {
		-webkit-flex: auto;
		flex: auto;
	}
	
	.menu-input:checked + .header {
		max-height: 370px;
	}
	
	.menu-input:checked + .header .menu {
		opacity: 1;
		transition: opacity .15s ease-in-out;
		z-index: 1;
	}
	
	.header .col.col-btns {
		padding-left: 0;
		position: absolute;
		right: 0;
		z-index: 0;
	}
	
	.header .btn-register {
		display: none;
	}
	
	.logo-biz,
	.section-apps > .container hr {
		display: none;
	}
	
	.logo-biz-small {
		display: block;
	}
	
	.logo-item .menu-link {
		padding-left: 15px;
	}
	
	.boxy-hide {
		font-size: 30px;
	}
	
	.txt-compare {
		position: static;
	}
}

@media (max-width: 600px) {
	.jumbotron {
		background-position: -200px center;
	}
	
	.jumbotron-v2 {
		background-position: left center;
	}
	
	.jumbotron-v3 {
		background-position: right -100px top;
	}
	
	.boxy-wrapper,
	.boxy-content {
		max-width: 100%;
	}
	
	.row.flex-wrap {
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 0;
	}
	
	.row.flex-wrap > .content-item.col.col {
		-webkit-flex-basis: auto;
		flex-basis: auto;
	}
	
	.table-plans {
		margin-bottom: 10px;
	}
	
	.table-plans th,
	.table-plans td {
		padding: 10px 5px;
	}
	
	.period-switch {
		left: auto;
		margin-bottom: -40px;
		position: relative;
		right: auto;
		top: -50px;
	}
	
	.faq {
		padding-top: 0;
	}
	
	.container-form {
		margin-left: 10px;
		margin-right: 10px;
		padding: 20px;
	}
	
	.section-form {
		background: none;
	}
	
	.row > .col.col-form {
		padding: 15px;
		min-width: 100%;
	}
	
	.from-transparent-mbl.in-view {
		animation-name: from-transparent;
	}
	
	.boot-popover {
		left: 15px !important;
		width: calc(100vw - 30px);
	}
}

/* LAYOUT */
#loading_layer,
#loading_page_layer {
	display: none;
	height: 100%;
	height: auto !important;
	left: 0;
	min-height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 11000;
}

#loading_layer_bg {
	background-color: #fff;
	height: 100%;
	left: 0;
	opacity: .2;
	position: absolute;
	top: 0;
	width: 100%;
}

.js #loading_layer,
.js #loading_page_layer {
	display: block;
}

#loading_layer_msg {
	left: 210px;
	padding: 18px 0 0 0;
	position: absolute;
	top: 0;
	width: 24px;
}

#loading_layer_msg_center {
	left: 50%;
	margin-left: -60px;
	padding: .5em 0;
	position: absolute;
	top: 5px;
	width: 120px;
}

.spinner {
	animation: 1s linear infinite spin;
}

@keyframes spin {
	from {
		transform: rotate(0);
	}
	
	to {
		transform: rotate(360deg);
	}
}

.disabled,
.loading {
	cursor: not-allowed;
}

.disabled {
	opacity: .65;
	pointer-events: none;
}

.loading {
	overflow: hidden;
	position: relative;
}

.loading-absolute {
	position: absolute;
}

.loading::after,
.loading-transparent::after {
	background: url("../img/img_main/loading.svg") no-repeat center center / contain;
}

.loading::after {
	background-color: rgba(255, 255, 255, .7);
	border-radius: inherit;
	border: 5px solid rgba(0, 0, 0, 0);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10001;
}

.loading-transparent::after {
	background-color: rgba(255, 255, 255, 0);
}

body.loading::after,
.loading-max::after {
	background-size: 192px 192px;
}

body.loading::after {
	position: fixed;
}

.loading-md {
	min-height: 64px;
	min-width: 64px;
}

body.loading-md::after,
.loading-md::after {
	background-size: 64px 64px;
}

.loading-sm {
	min-height: 32px;
	min-width: 32px;
}

body.loading-sm::after,
.loading-sm::after {
	background-size: 32px 32px;
}