/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
button,
textarea {
	font-family: inherit;
 	font-size: 15px;
 	color: inherit;
 	-webkit-appearance: none;
}

input, label, select, button, textarea {
	margin: 0;
	border: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	background: none;
}

input:focus {
	outline: 0;
}

input[type=checkbox], input[type=radio] {
	width: 13px;
	height: 13px;
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
}

::-webkit-search-decoration {
	display:none;
}

input[type="reset"], input[type="button"], input[type="submit"] {
	overflow: visible;
	width: auto;
}

::-webkit-file-upload-button {
	padding: 0;
	border: 0;
	background: none;
}

textarea  {
	vertical-align:top;
	overflow: auto;
	outline: none;
}

select[multiple] {
	vertical-align:top;
}

button {
	cursor: pointer;
}

img {
	width: 100%;
	float: left;
}



/* General */

html, body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    margin: 0;
    padding: 0;
}

body {
	background: #fff;
	font-family: proxima-nova;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: #333957;
}

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

b {
	font-weight: bold;
}



/* Marges */

.marge-8 {
	margin-top: 8px !important;
}

.marge-16 {
	margin-top: 16px !important;
}

.marge-24 {
	margin-top: 24px !important;
}

	.column-33 .marge-24 {
		margin-top: 8px !important;
	}

.marge-32 {
	margin-top: 32px !important;
}

.marge-40 {
	margin-top: 40px !important;
}

.marge-48 {
	margin-top: 48px !important;
}

.marge-64 {
	margin-top: 64px !important;
}

.marge-80 {
	margin-top: 80px !important;
}

.center {
	text-align: center;
}

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

.discount {
	font-weight: bold;
	color: #FF8721;
}

.addition {
	font-weight: bold;
	color: #FF2121;
}

@media only screen and (max-width: 768px) {
	.nomob {
		display: none;
	}
}



/* Elements */

.container {
	width: 100%;
	float: left;
}


/* Content */

.header-container {
	width: 100%;
	float: left;
}

	.header-container-fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}

	.main-header {
		height: calc(82px - 32px);
		width: calc(100% - 80px);
		float: left;
		padding: 16px 40px;
		border-bottom: 2px solid #FAFBFD;
		background: #fff;
		position: relative;
	}

		@media only screen and (max-width: 768px) {
			.main-header {
				height: calc(72px - 32px);
				width: calc(100% - 64px);
				padding: 16px 32px;
			}
		}

		.main-header-left {
			width: 160px;
			float: left;
		}

			.back {
				position: absolute;
				top: 25px;
				left: 24px;
			}

				.back-icon {
					float: left;
					font-size: 21px;
				}

					@media only screen and (max-width: 768px) {
						.back-icon {
							font-size: 18px;
						}
					}

				.back-text {
					float: left;
					margin: 3px 0 0 8px;
					font-weight: bold;
				}

					@media only screen and (max-width: 768px) {
						.back-text {
							margin-top: 1px;
							font-size: 16px;
						}
					}

			.brand-box {
				width: 100px;
				float: left;
				margin-top: 10px;
			}

				.brand-box-center {
					float: none;
					margin: auto;
					margin-top: 10px;
				}

				.brand {
					width: 100px;
					float: left;
				}

					@media only screen and (max-width: 768px) {
						.brand {
							width: 90px;
						}
					}

		.main-header-middle {
			width: calc(100% - 160px - 160px);
			float: left;
		}

			@media only screen and (max-width: 768px) {
				.main-header-middle {
					width: 100%;
					background: #fff;
					top: calc(72px + 2px);
					left: 0;
					position: fixed;
					display: none;
				}
			}

			@media only screen and (min-width: 769px) {
				.main-header-middle {
					display: initial !important;
				}
			}

			.navigator-box {
				display: table;
				margin: auto;
			}

				.navigator-button {
					display: table-cell;
					float: left;
					padding: 16px 32px;
					border-radius: 100px;
					text-decoration: none !important;
					margin-right: 16px;
					line-height: 1;
				}

					@media only screen and (max-width: 768px) {
						.navigator-button {
							width: 100%;
							display: initial;
							padding: 32px;
							border-radius: 0;
							font-size: 21px;
							margin-right: 0;
							border-bottom: 2px solid #FAFBFD;
						}
					}

					a:last-child .navigator-button {
						margin-right: 0;
					}

					.navigator-button:hover {
						background: #FAFBFD;
					}

					.navigator-button:active {
						background: #D9E1F2;
					}

						.mobile-navigation-button {
							display: none;
						}

							@media only screen and (max-width: 768px) {
								.mobile-navigation-button {
									display: initial;
								}
							}

							.mobile-cta-button {
								width: calc(100% - 128px);
								float: left;
								padding: 16px 32px;
								border-radius: 100px;
								text-decoration: none !important;
								background: #0C1243;
								color: #fff;
								font-weight: bold;
								line-height: 1;
								text-align: center;
							}

		.main-header-right {
			width: 160px;
			float: left;
		}

			@media only screen and (max-width: 768px) {
				.main-header-right {
					display: none;
				}
			}

			.cta-box {
				width: 100%;
				float: left;
			}

				.cta-button {
					float: right;
					padding: 16px 32px;
					border-radius: 100px;
					text-decoration: none !important;
					background: #0C1243;
					color: #fff;
					font-weight: bold;
					line-height: 1;
				}

					.cta-button:hover {
						background: #090E34;
					}

					.cta-button:active {
						background: #04071F;
					}

		.main-header-mobile-nav-button {
			position: fixed;
			top: 16px;
			right: 32px;
			font-size: 24px;
			color: #0C1243;
			cursor: pointer;
			display: none;
		}

			@media only screen and (max-width: 768px) {
				.main-header-mobile-nav-button {
					display: initial;
				}
			}

	.sub-header {
		height: calc(50px - 16px);
		width: calc(100% - 80px);
		float: left;
		padding: 8px 40px;
		border-bottom: 2px solid #FAFBFD;
		background: #fff;
	}

		@media only screen and (max-width: 768px) {
			.sub-header {
				height: calc(50px - 16px);
				width: calc(100% - 32px);
				padding: 8px 16px;
				overflow: auto;
				white-space: nowrap;
			}
		}

		.sub-navigator-box {
			display: table;
			margin: auto;
		}

			@media only screen and (max-width: 768px) {
				.sub-navigator-box {
					width: 100%;
					float: left;
					display: initial;
				}
			}

			.sub-navigator-button {
				display: table-cell;
				float: left;
				padding: 8px 16px;
				border-radius: 100px;
				text-decoration: none !important;
				margin-right: 16px;
				line-height: 1;
			}

				@media only screen and (max-width: 768px) {
					.sub-navigator-button {
						display: inline-block;
						float: initial;
						background: #FAFBFD;
						margin-right: 0px;
						font-size: 16px;
					}
				}

				a:last-child .sub-navigator-button {
					margin-right: 0;
				}

				.sub-navigator-button:hover {
					background: #FAFBFD;
				}

				.sub-navigator-button:active {
					background: #D9E1F2;
				}

.content-container {
	width: 100%;
	float: left;
}

	.main-header-marge {
		height: calc(82px + 2px);
		width: 100%;
		float: left;
	}

		@media only screen and (max-width: 768px) {
			.main-header-marge {
				height: calc(72px + 2px);
			}
		}

	.sub-header-marge {
		height: calc(50px + 2px);
		width: 100%;
		float: left;
	}

		@media only screen and (max-width: 768px) {
			.sub-header-marge {
				height: calc(50px + 2px);
			}
		}

	.element-default {
		width: 100%;
		float: left;
		padding: 120px 0;
		border-bottom: 2px solid #FAFBFD;
	}

		@media only screen and (max-width: 768px) {
			.element-default {
				padding: 48px 0;
			}
		}

	.element-accent {
		width: 100%;
		float: left;
		padding: 120px 0;
		background: #FAFBFD;
		border-bottom: 2px solid #fff;
	}

		@media only screen and (max-width: 768px) {
			.element-accent {
				padding: 48px 0;
			}
		}

	.element-orange {
		width: 100%;
		float: left;
		padding: 120px 0;
		background: #0C1243;
		border-bottom: 2px solid #fff;
		color: #fff;
	}

		@media only screen and (max-width: 768px) {
			.element-orange {
				padding: 48px 0;
			}
		}

	.element-banner {
		min-height: calc(420px - 240px);
		width: 100%;
		float: left;
		padding: 120px 0;
		border-bottom: 2px solid #FAFBFD;
	}

		@media only screen and (max-width: 768px) {
			.element-banner {
				min-height: calc(200px - 160px);
				padding: 80px 0;
			}
		}

		.content-default {
			width: calc(100% - 32px);
			max-width: 1100px;
			padding: 0 16px;
			margin: auto;
		}

			@media only screen and (max-width: 1024px) {
				.content-default {
					width: calc(100% - 64px);
					max-width: 900px;
					padding: 0 32px;
				}
			}

		.content-medium {
			width: calc(100% - 32px);
			max-width: 750px;
			padding: 0 16px;
			margin: auto;
		}

			@media only screen and (max-width: 1024px) {
				.content-medium {
					width: calc(100% - 64px);
					padding: 0 32px;
				}
			}

		.content-small {
			width: calc(100% - 32px);
			max-width: 550px;;
			padding: 0 16px;
			margin: auto;
		}

			@media only screen and (max-width: 1024px) {
				.content-small {
					width: calc(100% - 64px);
					padding: 0 32px;
				}
			}

			.inside-element {
				width: 100%;
				float: left;
			}

			.accent-box {
				width: calc(100% - 160px);
				float: left;
				padding: 80px;
				background: #FAFBFD;
				border-radius: 5px;
			}

				@media only screen and (max-width: 768px) {
					.accent-box {
						width: calc(100% - 80px);
						padding: 40px;
					}
				}

			.accent-box-small {
				width: calc(100% - 112px);
				float: left;
				padding: 56px;
				background: #FAFBFD;
				border-radius: 5px;
			}

				@media only screen and (max-width: 1024px) {
					.accent-box-small {
						width: calc(100% - 80px);
						padding: 40px;
					}
				}

			.columns {
				width: 100%;
				float: left;
				display: flex;
				align-items: top;
				flex-wrap: wrap;
			}

				.column-50 {
					flex-basis: calc(50% - 40px);
					margin: 0 80px 80px 0;
				}

					.column-50:nth-of-type(2n) {
						margin-right: 0;
					}

					.column-50:nth-last-child(-n+2) {
						margin-bottom: 0;
					}

						@media only screen and (max-width: 768px) {
							.column-50 {
								flex-basis: 100%;
								margin: 64px 0 0 0;
								float: left;
							}

								.column-50:first-child {
									margin-top: 0;
								}
						}

				.column-33 {
					flex-basis: calc(33% - 42.6666px);
					margin: 0 64px 64px 0;
				}

					.column-33:nth-of-type(3n) {
						margin-right: 0;
					}

					.column-33:nth-last-child(-n+3) {
						margin-bottom: 0;
					}

						@media only screen and (max-width: 768px) {
							.column-33 {
								flex-basis: 100%;
								margin: 80px 0 0 0;
								float: left;
							}

								.column-33:first-child {
									margin-top: 0;
								}
						}

				.column-25 {
					flex-basis: calc(25% - 30px);
					margin: 0 40px 40px 0;
				}

					.column-25:nth-of-type(4n) {
						margin-right: 0;
					}

					.column-25:nth-last-child(-n+4) {
						margin-bottom: 0;
					}

						@media only screen and (max-width: 768px) {
							.column-25 {
								flex-basis: 100%;
								margin: 40px 0 0 0;
								float: left;
							}

								.column-25:first-child {
									margin-top: 0;
								}
						}

			.header-1 {
				width: 100%;
				float: left;
				font-size: 67px;
				line-height: 1.2;
				font-weight: bold;
				color: #0C1243;
			}

				@media only screen and (max-width: 1024px) {
					.header-1 {
						font-size: 60px;
					}
				}

					@media only screen and (max-width: 768px) {
						.header-1 {
							font-size: 32px;
						}
					}

			.header-2 {
				width: 100%;
				float: left;
				font-size: 38px;
				line-height: 1.2;
				font-weight: bold;
				color: #0C1243;
			}

				@media only screen and (max-width: 768px) {
					.header-2 {
						font-size: 24px;
					}
				}

			.header-3 {
				width: 100%;
				float: left;
				font-size: 28px;
				line-height: 1.2;
				font-weight: bold;
				color: #0C1243;
			}

				@media only screen and (max-width: 768px) {
					.header-3 {
						font-size: 24px;
					}
				}

			.header-4 {
				width: 100%;
				float: left;
				font-size: 21px;
				line-height: 1.2;
				font-weight: bold;
				color: #0C1243;
			}

				@media only screen and (max-width: 768px) {
					.header-4 {
						font-size: 18px;
					}
				}

			.text {
				width: 100%;
				float: left;
				font-size: 21px;
			}

				@media only screen and (max-width: 768px) {
					.text {
						font-size: 18px;
					}
				}

			.text-small {
				width: 100%;
				float: left;
				font-size: 18px;
			}

				@media only screen and (max-width: 768px) {
					.text-small {
						font-size: 16px;
					}
				}

				.text a, .text-small a {
					text-decoration: underline;
				}

			.button-box {
				width: 100%;
				float: left;
			}

				.button {
					display: inline-block;
					padding: 16px 32px;
					border-radius: 100px;
					text-decoration: none !important;
					background: #0C1243;
					color: #fff;
					font-family: proxima-nova;
					font-weight: bold;
					font-size: 21px;
					cursor: pointer;
					-webkit-appearance: none;
				}

					@media only screen and (max-width: 768px) {
						.button {
							font-size: 18px;
						}
					}

						.button:hover {
							background: #090E34;
						}

						.button:active {
							background: #04071F;
						}

				.small-button {
					display: inline-block;
					padding: 8px 24px;
					border-radius: 100px;
					text-decoration: none !important;
					background: #0C1243;
					color: #fff;
					font-weight: bold;
					cursor: pointer;
				}

					.small-button:hover {
						background: #090E34;
					}

					.small-button:active {
						background: #04071F;
					}

				.big-button {
					min-width: 33%;
					display: inline-block;
					padding: 16px 32px;
					border-radius: 5px;
					text-decoration: none !important;
					background: #0EAA3E;
					color: #fff;
					font-weight: bold;
					font-size: 21px;
					text-align: center;
					cursor: pointer;
				}

					.big-button:hover {
						background: #0F8E36;
					}

					.big-button:active {
						background: #0B6E29;
					}

						@media only screen and (max-width: 768px) {
							.big-button {
								font-size: 18px;
							}
						}

				.full-button {
					height: 48px;
					width: 100%;
					display: inline-block;
					line-height: 48px;
					border-radius: 5px;
					text-decoration: none !important;
					background: #0C1243;
					color: #fff;
					font-weight: bold;
					text-align: center;
					cursor: pointer;
				}

					.full-button:hover {
						background: #090E34;
					}

					.full-button:active {
						background: #04071F;
					}

				.half-button {
					height: 48px;
					width: calc(50% - 4px);
					margin-right: 8px;
					float: left;
					line-height: 48px;
					border-radius: 5px;
					text-decoration: none !important;
					background: #0C1243;
					color: #fff;
					font-weight: bold;
					text-align: center;
					cursor: pointer;
				}

					a:last-child .half-button {
						margin-right: 0;
					}

						.half-button:hover {
							background: #090E34;
						}

						.half-button:active {
							background: #04071F;
						}

			.video-box {
				width: 100%;
				float: left;
			}

			.numbered-list {
				width: calc(100% - 40px);
				float: left;
				font-size: 21px;
				margin-left: 40px;
			}

				@media only screen and (max-width: 768px) {
					.numbered-list {
						font-size: 18px;
					}
				}

			.quote {
				font-size: 38px;
				line-height: 1.5;
				font-weight: bold;
			}

				@media only screen and (max-width: 768px) {
					.quote {
						font-size: 24px;
					}
				}

			.side-image-big {
				height: 400px;
				width: 100%;
				float: left;
				border-radius: 5px;
				object-fit: cover;
			}

				@media only screen and (max-width: 768px) {
					.side-image-big {
						height: 200px;
					}
				}

			.side-image-small {
				height: 320px;
				width: 100%;
				float: left;
				border-radius: 5px;
				object-fit: cover;
			}

				@media only screen and (max-width: 768px) {
					.side-image-small {
						height: 184px;
					}
				}

			.side-image-xsmall {
				height: 240px;
				width: 100%;
				float: left;
				border-radius: 5px;
				object-fit: cover;
			}

			.countdown-box {
				width: 100%;
				float: left;
			}

				.countdown {
					display: inline-block;
					padding: 8px 24px;
					background: #FF2121;
					border-radius: 100px;
					color: #fff;
				}

					.countdown-icon {
						width: 24px;
						float: left;
					}

					.countdown-timer {
						float: left;
						font-weight: bold;
						font-size: 21px;
						line-height: 1;
						margin-top: 3px;
					}

			.icon-small {
				width: 100%;
				float: left;
				font-size: 40px;
				color: #0C1243;
				margin-bottom: 16px;
			}

			.icon-big {
				width: 100%;
				float: left;
				font-size: 48px;
				color: #0C1243;
				margin-bottom: 8px;
			}

			.phone-box {
				width: 100%;
				float: left;
			}

				.phone {
					display: inline-block;
					background: #fff;
					-webkit-box-shadow: 8px 8px 32px 0px rgba(0,0,0,0.08);
					-moz-box-shadow: 8px 8px 32px 0px rgba(0,0,0,0.08);
					box-shadow: 8px 8px 32px 0px rgba(0,0,0,0.08);
					border-radius: 100px;
					padding: 16px 32px 16px 56px;
					text-align: center;
					position: relative;
				}

					.phone-icon {
						position: absolute;
						top: 12px;
						left: 24px;
						font-size: 21px;
					}

					.phone-number {
						font-weight: bold;
					}

			.note {
				width: 100%;
				float: left;
				font-size: 17px;
			}

			.carousel-box {
				width: 100%;
				float: left;
			}

				.carousel-item {
					width: 100%;
					float: left;
					margin-bottom: 4px;
				}

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

					.carousel-header {
						width: calc(100% - 80px);
						float: left;
						background: #FAFBFD;
						padding: 24px 40px;
						border-radius: 5px;
						font-weight: bold;
						line-height: 1.25;
						cursor: pointer;
					}

						@media only screen and (max-width: 768px) {
							.carousel-header {
								width: calc(100% - 64px);
								padding: 16px 32px;
							}
						}

						.carousel-header-text {
							width: calc(100% - 24px);
							float: left;
							margin-top: 3px;
						}
							@media only screen and (max-width: 768px) {
								.carousel-header-text {
									font-size: 16px;
								}
							}

						.carousel-header-icon {
							width: 24px;
							float: left;
							text-align: right;
							font-size: 24px;
						}

					.carousel-content {
						width: calc(100% - 80px - 4px);
						float: left;
						background: #fff;
						padding: 24px 40px;
						border-bottom-left-radius: 5px;
						border-bottom-right-radius: 5px;
						border: 2px solid #FAFBFD;
						display: none;
					}

						@media only screen and (max-width: 768px) {
							.carousel-content {
								width: calc(100% - 64px - 4px);
								padding: 24px 32px;
								font-size: 16px;
							}
						}

			.packages {
				width: 100%;
				float: left;
			}

				.big-package {
					width: calc(100% - 80px);
					float: left;
					padding: 40px;
					background: #fff;
					-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
					-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
					box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
					border-radius: 5px;
				}

					@media only screen and (max-width: 768px) {
						.big-package {
							width: calc(100% - 48px);
							padding: 24px;
						}
					}

				.package {
					width: calc(50% - 80px - 40px);
					float: left;
					padding: 40px;
					background: #fff;
					-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
					-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
					box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
					border-radius: 5px;
					margin-right: 80px;
					margin-bottom: 80px;
				}

					.package:nth-of-type(2n) {
						margin-right: 0;
					}

					.package:nth-last-child(-n+2) {
						margin-bottom: 0;
					}

					@media only screen and (max-width: 768px) {
						.package {
							width: calc(100% - 32px);
							padding: 16px;
							margin-right: 0;
							margin-top: 40px;
						}

							.package:first-child {
								margin-top: 0;
							}
					}

					.package-list {
						width: 100%;
						float: left;
						margin-top: 16px;
					}

						.package-item {
							width: 100%;
							float: left;
							line-height: 1;
							margin-top: -4px;
						}

							@media only screen and (max-width: 768px) {
								.package-item {
									margin-top: -2px;
								}
							}

							.package-item-icon {
								width: 28px;
								float: left;
								font-size: 28px;
								color: #0C1243;
								margin-top: 4px;
							}

								@media only screen and (max-width: 768px) {
									.package-item-icon {
										width: 24px;
										font-size: 24px;
									}
								}

							.package-item-content {
								width: calc(100% - 28px - 4px);
								float: left;
								margin: 6px 0 0 4px;
								line-height: 1.25;
							}

								@media only screen and (max-width: 768px) {
									.package-item-content {
										font-size: 16px;
									}
								}

					.pricing-box {
						width: 100%;
						float: left;
						margin-top: 16px;
					}

						.pricing-column {
							width: calc(50% - 16px);
							float: left;
							border-width: 2px 0;
							border-style: solid;
							border-color: #FAFBFD;
							margin-right: 16px;
							padding: 16px 0;
						}

							.pricing-column:last-child {
								margin-right: 0;
							}

							.pricing-title {
								width: 100%;
								float: left;
								line-height: 1;
							}

								@media only screen and (max-width: 768px) {
									.pricing-title {
										font-size: 16px;
									}
								}

							.pricing {
								width: 100%;
								float: left;
								margin-top: 8px;
								line-height: 1;
							}

								.pricing-amount {
									float: left;
									margin-right: 8px;
									font-size: 28px;
									font-weight: bold;
								}

									@media only screen and (max-width: 768px) {
										.pricing-amount {
											font-size: 24px;
										}
									}

						.pricing-description {
							width: 100%;
							float: left;
							margin-top: 8px;
							font-size: 15px;
							font-weight: bold;
						}

			.customer-logo-box {
				width: 100%;
				float: left;
			}

				.customer-logo-item {
					width: calc(25% - 48px);
					float: left;
					padding: 48px 24px;
					position: relative;
				}

					.customer-logo {
						max-width: 150px;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}

						@media only screen and (max-width: 768px) {
							.customer-logo-item {
								width: calc(50% - 48px);
							}

								.customer-logo {
									max-width: 100px;
								}
						}

			.banner-box {
				width: 100%;
				float: left;
			}
				.banner-header {
					float: left;
					font-size: 50px;
					background: #0C1243;
					color: #fff;
					line-height: 1;
					border-radius: 100px;
					padding: 24px 40px;
					font-weight: bold;
				}

					@media only screen and (max-width: 1024px) {
						.banner-header {
							font-size: 45px;
						}
					}

						@media only screen and (max-width: 768px) {
							.banner-header {
								font-size: 30px;
								padding: 16px 32px;
							}
						}

				.banner-description {
					float: left;
					margin-top: 16px;
					font-size: 21px;
					background: #fff;
					border-radius: 100px;
					padding: 8px 24px;
				}

					@media only screen and (max-width: 768px) {
						.banner-description {
							margin-top: 8px;
							font-size: 16px;
						}
					}

			.contact-details {
				width: calc(50% - 80px);
				float: left;
				padding: 40px;
				background: #fff;
				border-radius: 5px;
			}

				@media only screen and (max-width: 768px) {
					.contact-details {
						width: calc(100% - 80px);
					}
				}

			.announcement-box {
				width: 100%;
				float: left;
				background: #FAFBFD;
				padding: 16px 0 8px 0;
				border-bottom: 2px solid #FAFBFD;
			}

				.announcement {
					display: inline-block;
					line-height: 1.25;
				}

					.announcement-icon {
						width: 24px;
						float: left;
					}

					.announcement-content {
						float: left;
						margin-top: 1px;
					}

						@media only screen and (max-width: 768px) {
							.announcement-content {
								width: calc(100% - 24px - 8px);
								padding-left: 8px;
								font-size: 14px;
								text-align: left;
							}
						}

			.form {
				width: 100%;
				float: left;
			}

				.field-1 {
					width: calc(100% - 48px - 4px);
					float: left;
					background: #fff;
					border: 2px solid #333957;
					padding: 16px 24px;
					border-radius: 5px;
					font-family: proxima-nova;
					font-size: 18px;
					-webkit-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
					-moz-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
					box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
					color: #333957;
					-webkit-appearance: none;
				}

				.field-2 {
					width: 100%;
					float: left;
					background: #fff;
					border-bottom: 2px solid #D8D8D8;
					padding: 16px 0 8px 0;
					font-family: proxima-nova;
					font-size: 21px;
					color: #333957;
					border-radius: 0;
					-webkit-appearance: none;
				}

					.field-2:focus {
						border-color: #9F9F9F;
					}

					@media only screen and (max-width: 768px) {
						.field-2 {
							font-size: 18px;
						}
					}

				.field-note {
					width: 100%;
					float: left;
				}

					.field-note-icon {
						width: 32px;
						float: left;
						font-size: 24px;
					}

						.blue-icon {
							color: #0E5CAA;
						}

						.green-icon {
							color: #0EAA3E;
						}

					.field-note-content {
						width: calc(100% - 32px);
						float: left;
						font-size: 16px;
						font-weight: bold;
						margin-top: 7px;
					}

				.package-option-box {
					width: 100%;
					float: left;
				}

					.package-option {
						width: calc(50% - 64px - 8px);
						float: left;
						padding: 24px 32px;
						background: #fff;
						border-radius: 5px;
						-webkit-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
						-moz-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
						box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
						margin: 0 16px 16px 0;
					}

						.package-option:nth-of-type(2n) {
							margin-right: 0;
						}

						.package-option:nth-last-child(-n+2) {
							margin-bottom: 0;
						}



						.package-row {
							width: 100%;
							float: left;
						}

							.package-input {
								width: 24px;
								float: left;
							}

				.option-box {
					width: 100%;
					float: left;
				}

					.option {
						display: block;
						position: relative;
						cursor: pointer;
						-webkit-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}

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

						.checkmark {
							position: absolute;
							top: 0;
							left: 0;
							height: 24px;
							width: 24px;
							background-color: #fff;
							border: 2px solid #707070;
							border-radius: 100px;
						}

						.option:hover input ~ .checkmark {
							background-color: #fff;
						}

						.option input:checked ~ .checkmark {
							background-color: #fff;
						}

						.checkmark:after {
							content: "";
							position: absolute;
							display: none;
						}

						.option input:checked ~ .checkmark:after {
							display: block;
						}

						.checkmark:after {
							top: 6px;
							left: 6px;
							width: 12px;
							height: 12px;
							border-radius: 100px;
							background: #333957;
						}

						.option-button {
							width: calc(50% - 32px - 8px - 4px);
							border-radius: 5px;
							padding: 16px;
							background: #fff;
							float: left;
							margin: 0 16px 16px 0;
							text-align: left;
							border: 2px solid #333957;
							-webkit-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
							-moz-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
							box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
						}

							@media only screen and (max-width: 768px) {
								.option-button {
									width: calc(100% - 32px - 4px);
									margin: 0 0 4px 0;
								}
							}

							.option:nth-of-type(2n) .option-button {
								margin-right: 0;
							}

							.option:nth-last-child(-n+2) .option-button {
								margin-bottom: 0;
							}

								@media only screen and (max-width: 768px) {
									.option:nth-last-child(-n+2) .option-button {
										margin-bottom: 4px;
									}
								}

							.option-button-left {
								width: 32px;
								float: left;
								position: relative;
							}

							.option-button-right {
								width: calc(100% - 32px - 16px);
								margin-left: 40px;
								float: left;
								font-weight: bold;
							}

								.option-button-right-left {
									width: calc(100% - 64px);
									float: left;
								}

								.option-button-right-right {
									width: 64px;
									float: left;
									text-align: right;
								}

						.option-package-button {
							width: calc(50% - 48px - 8px - 4px);
							border-radius: 5px;
							padding: 24px;
							background: #fff;
							float: left;
							margin-right: 16px;
							text-align: left;
							border: 2px solid #333957;
							-webkit-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
							-moz-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
							box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
						}

							.option:last-child .option-package-button {
								margin-right: 0;
							}

								@media only screen and (max-width: 768px) {
									.option-package-button {
										width: calc(100% - 48px - 4px);
										margin-bottom: 8px;
										float: left;
										margin-right: 0;
									}

										option:last-child .option-package-button {
											margin-bottom: 0;
										}
								}

							.option-package-row {
								width: 100%;
								float: left;
							}

								.option-package-selector {
									width: 40px;
									float: left;
									position: relative;
								}

								.option-package-name {
									width: calc(100% - 80px);
									float: left;
									margin-left: 40px;
									font-weight: bold;
									font-size: 21px;
								}

								.option-package-price {
									width: 40px;
									float: left;
									text-align: right;
									font-weight: bold;
									font-size: 21px;
								}

								.option-package-description {
									width: 100%;
									float: left;
									margin-top: 8px;
								}

				.dropdown-box {
					width: 100%;
					float: left;
				}

					.dropdown-box .dropdown {
						position: relative;
						width: 100%;
						float: left;
					}

						.dropdown-box .dropdown .select-bar {
							border: 2px solid #333957;
							width: calc(100% - 48px - 4px);
							padding: 16px 24px;
							border-radius: 5px;
							overflow: hidden;
							background: #fff url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//") no-repeat 90% 50%;
							-webkit-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
							-moz-box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
							box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.08);
						}

							.dropdown-box .dropdown .select-bar:after {
							    top: 50%;
							    right: 24px;
							    border: solid transparent;
							    content: " ";
							    height: 0;
							    width: 0;
							    position: absolute;
							    pointer-events: none;
							    border-color: rgba(0, 0, 0, 0);
							    border-top-color: #333957;
							    border-width: 5px;
							    margin-top: -2px;
							    z-index: 100;
							}

							.dropdown-box .dropdown .select-bar .select {
								width: 100%;
								border: none;
								box-shadow: none;
								background: transparent;
								background-image: none;
								-webkit-appearance: none;
								font-family: inherit;
								font-size: 18px;
								color: #333957;
								position: relative;
							}

								.dropdown-box .select-bar .select:focus {
									outline: none;
								}

				.overview-section {
					width: 100%;
					float: left;
					margin-top: 24px;
				}

					.overview-row {
						width: 100%;
						float: left;
						border-bottom: 2px solid #D8D8D8;
						padding: 16px 0;
					}

						.overview-row:last-child {
							border-bottom: 0;
						}

						.overview-amount {
							width: 40px;
							float: left;
						}

						.overview-description {
							width: calc(100% - 40px - 80px);
							float: left;
						}

						.overview-price {
							width: 80px;
							float: left;
							text-align: right;
						}

				.discount-rule {
					display: none;
				}

				.error {
					width: 100%;
					float: left;
					display: none;
				}

					.error-icon {
						width: 32px;
						float: left;
						font-size: 24px;
						color: #DE0D0D;
					}

					.error-content {
						width: calc(100% - 32px);
						float: left;
						font-size: 21px;
						color: #DE0D0D;
						margin-top: 3px;
					}

						@media only screen and (max-width: 768px) {
							.error-content {
								font-size: 18px;
								margin-top: 5px;
							}
						}

.footer-banner {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #fff;
	-webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.16);
	padding: 40px 0;
	z-index: 999;
}

	@media only screen and (max-width: 1024px) {
		.footer-banner {
			padding: 24px 0;
		}
	}

	.less-important {
		-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
		-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
		box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
	}

	.footer-banner-content {
		width: calc(100% - 32px);
		max-width: 1100px;
		padding: 0 16px;
		margin: auto;
	}

		@media only screen and (max-width: 1024px) {
			.footer-banner-content {
				max-width: 900px;
			}
		}

		.footer-banner-icon {
			float: left;
			font-size: 24px;
		}

		.footer-banner-text {
			float: left;
			margin: 2px 0 0 8px;
			font-size: 21px;
		}

			@media only screen and (max-width: 768px) {
				.footer-banner-text {
					font-size: 18px;
					margin-top: 6px;
				}
			}

		.footer-banner-button {
			width: calc(50% - 8px - 64px);
			float: left;
			margin-right: 16px;
			padding: 16px 32px;
			border-radius: 5px;
			background: #0C1243;
			-webkit-box-shadow: 16px 16px 32px 0px rgba(255,93,33,0.08);
			-moz-box-shadow: 16px 16px 32px 0px rgba(255,93,33,0.08);
			box-shadow: 16px 16px 32px 0px rgba(255,93,33,0.08);
			font-weight: bold;
			text-align: center;
			color: #fff;
			line-height: 1;
		}

			@media only screen and (max-width: 768px) {
				.footer-banner-button {
					width: calc(100% - 8px - 64px);
					margin-right: 0;
					margin-bottom: 8px;
				}

					a:last-child .footer-banner-button {
						margin-bottom: 0;
					}
			}

			a:last-child .footer-banner-button {
				margin-right: 0;
			}

			.footer-banner-button:hover {
				background: #090E34;
			}

			.footer-banner-button:active {
				background: #04071F;
			}

			.secundary {
				background: #fff;
				color: #0C1243;
				-webkit-box-shadow: inset 0px 0px 0px 2px rgba(12, 18, 67, 1);
				-moz-box-shadow: inset 0px 0px 0px 2px rgba(12, 18, 67, 1);
				box-shadow: inset 0px 0px 0px 2px rgba(12, 18, 67, 1);
				background: #fff !important;
			}

				.secundary:hover {
					-webkit-box-shadow: inset 0px 0px 0px 2px rgba(9, 14, 52, 1);
					-moz-box-shadow: inset 0px 0px 0px 2px rgba(9, 14, 52, 1);
					box-shadow: inset 0px 0px 0px 2px rgba(9, 14, 52, 1);
				}

				.secundary:active {
					-webkit-box-shadow: inset 0px 0px 0px 2px rgba(4, 7, 31, 1);
					-moz-box-shadow: inset 0px 0px 0px 2px rgba(4, 7, 31, 1);
					box-shadow: inset 0px 0px 0px 2px rgba(4, 7, 31, 1);
				}

.footer-banner-text-marge {
	height: 118px;
	width: 100%;
	float: left;
}

	@media only screen and (max-width: 768px) {
		.footer-banner-text-marge {
			height: 85px;
		}
	}

.footer-banner-navigation-marge {
	height: 130px;
	width: 100%;
	float: left;
}

	@media only screen and (max-width: 768px) {
		.footer-banner-navigation-marge {
			height: 157px;
		}
	}

.footer-container {
	width: 100%;
	float: left;
	background: #FAFBFD;
	z-index: 2;
}

	.footer-bullet {
		height: 32px;
		width: 32px;
		background: #0C1243;
		border-radius: 100px;
		margin: auto;
		margin-top: -16px;
	}

	.footer-content {
		width: calc(100% - 32px);
		max-width: 1100px;
		padding: 0 16px;
		margin: auto;
	}

		@media only screen and (max-width: 1024px) {
			.footer-content {
				width: calc(100% - 64px);
				max-width: 900px;
				padding: 0 32px;
			}
		}

		.footer-navigation {
			width: 100%;
			float: left;
			margin-top: 120px;
		}

			.footer-navigation-column {
				width: calc(25% - 30px);
				float: left;
				margin-right: 40px;
			}

				.footer-navigation-column:last-child {
					margin-right: 0;
				}

				@media only screen and (max-width: 768px) {
					.footer-navigation-column {
						width: 100%;
						margin-right: 0;
						margin-bottom: 40px;
					}

						.footer-navigation-column:last-child {
							margin-bottom: 0;
						}
				}

				.footer-navigation-title-box {
					width: 100%;
					float: left;
				}

					@media only screen and (max-width: 768px) {
						.footer-navigation-title-box {
							border-bottom: 2px solid #fff;
						}
					}

					.footer-navigation-title {
						width: 100%;
						float: left;
						font-weight: bold;
						margin-bottom: 24px;
						line-height: 1;
					}

						@media only screen and (max-width: 768px) {
							.footer-navigation-title {
								width: calc(100% - 32px);
							}
						}

					.footer-navigation-title-icon {
						width: 32px;
						float: left;
						font-size: 24px;
						margin-top: -8px;
						display: none;
					}

						@media only screen and (max-width: 768px) {
							.footer-navigation-title-icon {
								display: initial;
							}
						}

				.footer-navigation-buttons-box {
					width: 100%;
					float: left;
				}

					@media only screen and (max-width: 768px) {
						.footer-navigation-buttons-box {
							padding: 24px 0;
							display: none;
						}
					}

					@media only screen and (min-width: 769px) {
						.footer-navigation-buttons-box {
							display: initial !important;
						}
					}

					.footer-navigation-button {
						width: 100%;
						float: left;
						margin-bottom: 24px;
						font-size: 16px;
						line-height: 1;
					}

						a:last-child .footer-navigation-button {
							margin-bottom: 0;
						}

						.footer-navigation-button:hover {
							text-decoration: underline;
						}

		.footer-bottom {
			width: 100%;
			float: left;
			margin: 64px 0 120px 0;
		}

			.footer-bottom-left {
				width: calc(100% - 120px);
				float: left;
			}

				@media only screen and (max-width: 768px) {
					.footer-bottom-left {
						width: 100%;
					}
				}

				.footer-copyright {
					width: 100%;
					float: left;
					font-size: 15px;
					line-height: 1.5;
				}

				.footer-bottom-navigation {
					width: 100%;
					float: left;
					margin-top: 24px;
				}

					.footer-bottom-navigation-button {
						float: left;
						display: inline-block;
						font-size: 15px;
						font-weight: bold;
						line-height: 1;
						margin-right: 24px;
					}

						@media only screen and (max-width: 768px) {
							.footer-bottom-navigation-button {
								width: 100%;
								margin-bottom: 16px;
							}

								a:last-child .footer-bottom-navigation-button {
									margin-bottom: 0;
								}
						}

						.footer-bottom-navigation-button:hover {
							text-decoration: underline;
						}

			.footer-bottom-right {
				width: 120px;
				float: left;
			}

				@media only screen and (max-width: 768px) {
					.footer-bottom-right {
						width: 100%;
						margin-top: 32px;
					}
				}

				.footer-socials {
					width: 100%;
					float: left;
				}

					.footer-socials-button {
						height: 48px;
						width: 48px;
						float: left;
						background: #333957;
						color: #fff;
						border-radius: 100px;
						font-size: 24px;
						line-height: 48px;
						text-align: center;
						margin-right: 8px;
					}

						a:last-child .footer-socials-button {
							margin-right: 0;
						}

						.footer-socials-button:hover {
							background: #212643;
						}