@import url(reset.css);
@import url(grids.css);

@font-face {
	font-family: 'Attentica';
	src: url('subset-Attentica4F-UltraLight.eot');
	src: url('subset-Attentica4F-UltraLight.eot?#iefix') format('embedded-opentype'),
		url('subset-Attentica4F-UltraLight.woff2') format('woff2'),
		url('subset-Attentica4F-UltraLight.woff') format('woff'),
		url('subset-Attentica4F-UltraLight.ttf') format('truetype'),
		url('subset-Attentica4F-UltraLight.svg#Attentica4F-UltraLight') format('svg');
	font-weight: 200;
	font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('lato-black_0-webfont.eot');
    src: url('lato-black_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-black_0-webfont.svg#latoblack') format('svg'),
         url('lato-black_0-webfont.woff2') format('woff2'),
         url('lato-black_0-webfont.woff') format('woff'),
         url('lato-black_0-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('subset-Lato-Heavy.eot');
	src: url('subset-Lato-Heavy.eot?#iefix') format('embedded-opentype'),
		url('subset-Lato-Heavy.woff2') format('woff2'),
		url('subset-Lato-Heavy.woff') format('woff'),
		url('subset-Lato-Heavy.ttf') format('truetype'),
		url('subset-Lato-Heavy.svg#Lato-Heavy') format('svg');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('subset-Lato-Bold.eot');
	src: url('subset-Lato-Bold.eot?#iefix') format('embedded-opentype'),
		url('subset-Lato-Bold.woff2') format('woff2'),
		url('subset-Lato-Bold.woff') format('woff'),
		url('subset-Lato-Bold.ttf') format('truetype'),
		url('subset-Lato-Bold.svg#Lato-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('lato-regular_0-webfont.eot');
    src: url('lato-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-regular_0-webfont.svg#latoregular') format('svg'),
         url('lato-regular_0-webfont.woff2') format('woff2'),
         url('lato-regular_0-webfont.woff') format('woff'),
         url('lato-regular_0-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('lato-italic_0-webfont.eot');
    src: url('lato-italic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-italic_0-webfont.svg#latoitalic') format('svg'),
         url('lato-italic_0-webfont.woff2') format('woff2'),
         url('lato-italic_0-webfont.woff') format('woff'),
         url('lato-italic_0-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('subset-Lato-Light.eot');
	src: url('subset-Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('subset-Lato-Light.woff2') format('woff2'),
		url('subset-Lato-Light.woff') format('woff'),
		url('subset-Lato-Light.ttf') format('truetype'),
		url('subset-Lato-Light.svg#Lato-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

/*----------------------------------------------------------*/

.fluid-img img, .fluid-img svg {
	display: inline-block;
	width: 100%;
	height: auto;
}
.contain-img img, .contain-img svg {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.btn, input[type=submit], input[type=button], button, .justify > li, .justify:after, label, ul li:before {
	display: inline-block;
}
::-webkit-input-placeholder {color:#111f36;text-overflow:ellipsis;}
::-moz-placeholder          {color:#111f36;text-overflow:ellipsis;}
:-moz-placeholder           {color:#111f36;text-overflow:ellipsis;}
:-ms-input-placeholder      {color:#111f36;text-overflow:ellipsis;}
/*----------------------------------------------------------*/


html, body {
	background: #fff;
	font-family: "Lato", "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	color: #00122f;
}
body {
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}
body.overflow {
	overflow: hidden;
}
html * {
	max-height: 1000000px;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #1e4e9d;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	outline: none;
}
.noTouch a:hover {
	color: #acacac;
}
.action {
	border-bottom: 1px dashed #1e4e9d;
}
ul {
	padding: 0;
	list-style: disc outside;
	margin-left: 20px;
}
ul li {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
}
ol {
	margin-left: 20px;
	padding: 0;
	list-style: decimal outside;
}
ol.rome {
	margin-left: 20px;
	padding: 0;
	list-style: upper-roman outside;
}
ol li {
	padding: 0 0 15px 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
}
blockquote {
	padding: 30px 50px;
	display: block;
	margin-bottom: 30px;
	line-height: 25px;
	color: #666;
	font-size: 20px;
}
.title {
	display: block;
}
h1, h2, h3, h4, h5, p, ul, ol, table, div.error, div.correct, .title {
	margin-bottom: 25px;
}
h1, .h1, h2, .h2 {
	font-size: 28px;
	margin-bottom: 40px;
	font-weight: 900;
	letter-spacing: 6px;
	text-transform: uppercase;
}
h3, .h3 {
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 700;
	line-height: 30px;
}
h4, .h4 {
	font-size: 20px;
	line-height: 36px;
	color: #acacac;
	margin: 0 0 70px;
}
h5, .h5 {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
}
p + h2, p + h3, p + h4, p + h5, ul + h2, ul + h3, ul + h4, ul + h5, ol + h2, ol + h3, ol + h4, ol + h5, ul + p, ol + p {
	padding-top: 20px;
}
p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
}
hr {
	border-top: 1px solid #d7dbe1;
	margin: 10px auto 40px;
}
.blue {
	font-weight: 700;
	color: #1e4e9d;
}
.border {
	display: block;
	width: 58px;
	height: 2px;
	background: #1e4e9d;
	margin: 0 auto 50px;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
.baseline {
	vertical-align: baseline;
}
.top {
	vertical-align: top;
}
.colored {
	color: #a16023;
}
table td {
	padding: 10px 10px 10px 0;
	border-top: 1px solid #b2b2b2;
}
table th {
	padding: 10px 10px 10px 0;
	border-bottom: 2px solid #b2b2b2;
	font-style: italic;
	text-align: left;
	vertical-align: bottom;
}
.no-border {
	border: 0 !important;
}
.no-marg {
	margin: 0 0 5px;
}
.no-padd {
	padding: 0;
}
.error {
	color: #ff4c4c;
}
div.error, .correct {
	padding: 10px;
	background: #ffeded;
}
.correct {
	color: #2e992e;
	background: #e0f0e0;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], textarea, select {
	vertical-align: middle;
	background: #fff;
	border: 2px solid #dde3ee;
	padding: 16px 20px 17px;
	font-family: "Lato", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 100%;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #111f36;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.photo input[type="text"], .photo input[type="password"], .photo input[type="tel"], .photo input[type="email"], .photo input[type="search"], .photo textarea, .photo select {
	border: 2px solid #fff;
}
.photo textarea {
	height: 461px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
	box-shadow: 0 0 30px rgba(30,78,157,.2);
}
input.error, textarea.error {
	border-color: #ff4d4d
}
input[type="file"] {
	display: none;
}
input[type="file"] {
	display: none;
}
input[type="file"] + span {
	display: inline-block;
	cursor: pointer;
	min-height: 20px;
	vertical-align: middle;
	position: relative;
	margin-left: 30px;
}
input[type="file"] + span:before {
	display: inline-block;
	width: 19px;
	height: 20px;
	content: '';
	margin: 0 0 0 -30px;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.781%22%20height%3D%2219.687%22%20viewBox%3D%220%200%2018.781%2019.687%22%3E%3Cpath%20d%3D%22M8.6%2018.047l9.92-9.92c.348-.347.348-.674%200-.98-.346-.307-.68-.3-1%20.02l-9.92%209.88c-.986.854-1.926%201.268-2.82%201.24-.892-.026-1.672-.366-2.34-1.02-.666-.653-1.012-1.427-1.04-2.32-.026-.893.4-1.846%201.28-2.86l9.88-9.88c.72-.666%201.44-.906%202.16-.72.8.214%201.308.714%201.52%201.5.214.787-.012%201.514-.68%202.18l-9.48%209.48c-.292.294-.6.467-.92.52-.16.027-.32-.013-.48-.12-.32-.346-.186-.812.4-1.4l6.64-6.64c.348-.32.348-.652%200-1s-.68-.346-1%200l-6.64%206.68c-.586.562-.9%201.175-.94%201.84-.04.668.14%201.16.54%201.48.427.428.96.607%201.6.54.64-.065%201.228-.366%201.76-.9l9.48-9.478c1.067-1.067%201.428-2.24%201.08-3.522-.16-.586-.473-1.113-.94-1.58-.466-.466-.993-.78-1.58-.94-1.252-.346-2.413.015-3.48%201.08l-9.92%209.92C.535%2012.383-.025%2013.65%200%2014.93c.027%201.28.52%202.388%201.48%203.32.908.96%202.04%201.44%203.4%201.44%201.388%200%202.627-.548%203.72-1.64z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: 19px;
	cursor: pointer;
	vertical-align: middle;
	position: absolute;
}
select {

}
textarea {
	overflow: auto;
	line-height: normal;
	height: auto;
	resize: none;
}
.btn, input[type="submit"], input[type="button"], button {
	border: 0;
	background: #1e4e9d;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	padding: 20px 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 900;
	text-decoration: none;
	width: 100%;
	outline: none;
	-webkit-transition: all 0.3s;
	-ms-transition:  all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 60px;
	height: 61px;
	line-height: 20px;
	font-family: "Lato", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-indent: -3px;
}
input[type="submit"], input[type="button"], button {
	padding: 0;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn svg {
	margin: -4px 15px 0 0;
}
.btn svg path {
	fill: currentColor;
}
.auto {
	width: auto !important;
	padding: 20px 80px 0;
}
input[type="submit"].auto, input[type="button"].auto, button.auto {
	padding: 0 80px;
}
.noTouch .btn:hover, .noTouch input[type="submit"]:hover, .noTouch input[type="button"]:hover , button:hover{
	background: #184080;
	text-decoration: none;
	color: #fff;
}
input[disabled] {
	border: 1px solid #eee;
	color: #ccc !important;
	background: #f5f5f5;
	cursor: default;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}
.btn:active, input[type="button"]:active, input[type="submit"]:active {
	-webkit-box-shadow: 0 0 0 #252525;
	-moz-box-shadow: 0 0 0 #252525;
	box-shadow: 0 0 0 #252525;
}
.invert {
	color: #00122f;
	background: #fff;
}
.noTouch .invert:hover {
	color: #00122f;
	background: #eee;
}
.bordered {
	color: #111f36;
	border: 2px solid #dee5f1;
	background: #fff;
	padding: 18px 0 0;
}
.bordered.auto {
	padding: 18px 80px 0;
}
.noTouch .bordered:hover {
	color: #111f36;
	border: 2px solid #dee5f1;
	background: #dee5f1;
}
label {
	margin: 0 0 5px 0;
	font-size: inherit;
	font-weight: inherit;
}
input[type="checkbox"]:not(:checked), input[type="checkbox"]:checked, input[type="radio"]:not(:checked), input[type="radio"]:checked {
	position: absolute;
	left: -9999px;
}
input[type="checkbox"]:not(:checked) + label, input[type="checkbox"]:checked + label, input[type="radio"]:not(:checked) + label, input[type="radio"]:checked + label {
	padding-left: 35px;
	position: relative;
}
input[type=checkbox]:not(:checked) + label:after, input[type=radio]:not(:checked) + label:after {
	display: none;
}
input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {
	display: block;
}
/* checkbox aspect */
input[type="checkbox"]:not(:checked) + label:before, input[type="checkbox"]:checked + label:before, input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: #fff;
	border: 2px solid #dde3ee;
	-webkit-transition: all 0.3s;
	-ms-transition:  all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
	background: none;
	border-color: #c4ccd9;
}
input[type="checkbox"]:checked + label:before {
	background: #1e4e9d;
	border-color: #1e4e9d;
}
input[type="radio"]:checked + label:before {
	background: #fff;
	border-color: #1e4e9d;
}
.noTouch input[type="checkbox"]:not(:checked) + label:hover:before, .noTouch input[type="checkbox"]:checked + label:hover:before, .noTouch input[type="radio"]:not(:checked) + label:hover:before, .noTouch input[type="radio"]:checked + label:hover:before {
}
/* checked mark aspect */
input[type="checkbox"]:not(:checked) + label:after, input[type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 6px;
	width: 9px;
	height: 6px;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%226%22%20viewBox%3D%220%200%209%206%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.1%205.7c-.4.4-1.1.4-1.5%200l-2.3-2c-.4-.4-.4-1%200-1.3.4-.4%201.1-.4%201.5%200l1.4%201.2c.1.1.3.1.4%200L7.3.3c.4-.4%201.1-.4%201.5%200%20.1.1.2.4.2.6s-.1.5-.3.7L4.1%205.7z%22%2F%3E%3C%2Fsvg%3E') no-repeat left top;
	background-size: 9px
}
input[type="radio"]:not(:checked) + label:after, input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 5px;
	width: 10px;
	height: 10px;
	background: #1e4e9d;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
/* disabled checkbox */
input[type="checkbox"]:disabled:not(:checked) + label:before, input[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
input[type="checkbox"]:disabled + label {
	color: #aaa;
}
/* accessibility */
input[type="checkbox"]:checked:focus + label:before, input[type="checkbox"]:not(:checked):focus + label:before {
	border-color: #1e4e9d;
}
.justify, .justify > li {
	padding: 0 !important;
	margin: 0 !important;
}
.justify {
	list-style: none;
	text-align: justify;
	text-align-last: justify;
	text-justify: distribute;
	width: 100%;
}
.justify > li {
	position: relative;
	text-align: left;
	text-align-last: left;
	vertical-align: top;
}
.justify > li:before {
	display: none;
}
.justify:after {
	width: 100%;
	height: 0;
	content: '\00a0'
}
.popup {
	position: fixed;
	left: 0;
	top: -100%;
	background: rgba(255,255,255,0);
	z-index: 11000;
	width: 100%;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: -webkit-transform .5s 0s, opacity .5s 0s, top 0s .5s, background .5s 0s;
	transition: transform .5s 0s, opacity .5s 0s, top 0s .5s, background .5s 0s;
	overflow: hidden;
	height: 100%;
	-webkit-transform: scale(.8,.8);
	transform: scale(.8,.8);
}
.popup.opened {
	opacity: 1;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	top: 0;
	-webkit-transition: -webkit-transform .5s 0s, opacity .5s 0s, background .5s 0s;
	transition: transform .5s 0s, opacity .5s 0s, background .5s 0s;
	background: rgba(255,255,255,1);
}
.close {
	position: absolute;
	top: 30px;
	right: 60px;
	display: block;
	border: 0;
	-webkit-transition: all 0.3s;
	-ms-transition:  all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.close svg path {
	fill: currentColor;
}
.popup > div {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	max-height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 40px 0;
}
.page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
header {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	-webkit-transition: all .5s;
	transition: all .5s;
	background: #fff;
	padding: 25px 0 0;
	box-sizing: border-box;
	box-shadow: 0 10px 40px rgba(30,78,157,.2);
}
.logo svg + svg, .logo a + svg {
	margin: 0 0 0 5%;
}
.top-links {
	right: 75px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.top-links a {
	font-weight: 900;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #1e2d45;
	display: inline-block;
	position: relative;
	margin: 0 0 0 50px;
	padding: 0 0 0 40px;
}
.top-links a.products {
	padding: 0 0 0 25px;
}
.top-links a svg {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.top-links a svg path {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .top-links a:hover svg path {
	fill: currentColor;
	-webkit-transition: all 0s;
	transition: all 0s;
}
.menu-btn-box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	overflow: visible;
	z-index: 10000;
}
.menu-btn {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 0;
	right: -20px;
	cursor: pointer;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .menu-btn:hover {
	opacity: .5;
}
.menu-btn span {
	width: 26px;
	display: inline-block;
	height: 2px;
	background: #1e4e9d;
	cursor: pointer;
	-webkit-transition: height 0s;
	transition: height 0s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	position: absolute;
	border-radius: 2px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.menu-btn span:before, .menu-btn span:after {
	position: absolute;
	content: '';
	width: 26px;
	display: inline-block;
	height: 2px;
	background: #1e4e9d;
	left: 0;
	border-radius: 2px;
}
.menu-btn span:before {
	top: -7px;
	-webkit-transition-property: top, -webkit-transform, background;
	transition-property: top, transform, background;
	-webkit-transition-duration: 0.3s, 0.3s, .3s;
	transition-duration: 0.3s, 0.3s, .3s;
	-webkit-transition-delay: 0.3s, 0s, .3s;
	transition-delay: 0.3s, 0s, .3s;
}
.menu-btn span:after {
	bottom: -7px;
	-webkit-transition-property: bottom, -webkit-transform, background;
	transition-property: bottom, transform, background;
	-webkit-transition-duration: 0.3s, 0.3s, .3s;
	transition-duration: 0.3s, 0.3s, .3s;
	-webkit-transition-delay: 0.3s, 0s, .3s;
	transition-delay: 0.3s, 0s, .3s;
}
.menu-btn.opened span {
	height: 0;
}
.menu-btn.opened span:before {
	top: -1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.3s, 0s;
	transition-delay: 0s, 0.3s, 0s;
	background: #fff;
}
.menu-btn.opened span:after {
	bottom: -1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.3s, 0s;
	transition-delay: 0s, 0.3s, 0s;
	background: #fff;
}
.menu {
	position: fixed;
	left: 0;
	top: -150%;
	z-index: 999;
	line-height: normal;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
	-webkit-transition: all 0s 1s;
	transition: all 0s 1s;
}
.menu > div:first-child {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.menu > div:first-child div {
	position: absolute;
	top: 35px;
	right: 3px;
	width: 20px;
	height: 20px;
}
.menu > div:first-child div:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
	margin: -150px 0 0 -150px;
	-webkit-transform: scale(1,1);
	transform: scale(0,0);
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #1e4e9d;
	-webkit-transition: all .5s .3s;
	transition: all .5s .3s;
}
.menu.opened > div:first-child div:before {
	-webkit-transition: all .5s 0s;
	transition: all .5s 0s;
	-webkit-transform: scale(20,20);
	transform: scale(20,20);
}
.menu.opened {
	top: 0;
	-webkit-transition: all 0s 0s;
	transition: all 0s 0s;
}
.menu-items {
	position: absolute;
	top: 70%;
	left: 0;
	width: 100%;
	height: auto;
	max-height: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	-webkit-transition: all .5s 0s;
	transition: all .5s 0s;
}
.menu.opened .menu-items {
	opacity: 1;
	top: 50%;
	-webkit-transition: all .5s 0s;
	transition: all .5s 0s;
}
.menu-item {
	padding: 0 0 2vh;
}
.menu-items .menu-item a {
	color: #fff;
	font-size: 4vh;
	font-weight: 300;
	display: inline-block;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.noTouch .menu-items .menu-item a:hover {
	color: #acacac;
	border-bottom: 1px solid #acacac;
}
.menu-items .current a {
	color: #6283bb;
	border-bottom-color: transparent;
}

.menu .social-box {
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	white-space: nowrap;
	padding: 3vh 0 0;
	-webkit-transition: all .5s 0s;
	transition: all .5s 0s;
}
.menu.opened .social-box {
	opacity: 1;
	-webkit-transition: all .5s .3s;
	transition: all .5s .3s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.social-box a {
	color: #6283bb;
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 0 0;
}
.menu .social-box a {
	margin: 0 15px;
}
.noTouch .social-box a:hover {
	color: #fff;
}
.social-box a svg path {
	fill: currentColor;
}
.top-box {
	position: relative;
	overflow: hidden;
	height: 100vh;
}
.main-carousel {
	padding: 90px 0 0;
	height: 100%;
	box-sizing: border-box;
}
.main-carousel .slick-slide {
	height: 100%;
}
.main-carousel .slick-slide > div:first-child {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}
.main-carousel .slick-slide > div:first-child:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
}
.main-carousel .slick-slide > div:first-child + div {
	-webkit-transform: translateX(200px);
	transform: translate(200px);
	opacity: 0;
	-webkit-transition: all .7s .3s;
	transition: all .7s .3s;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.main-carousel .slick-active > div:first-child + div {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.main-carousel .slick-slide > div:first-child + div > svg {
	display: none
}
.main-carousel .slick-slide > div:first-child + div > div {
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	max-height: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.main-carousel .slider-text {
	padding: 0 0 20px 40px;
}
.main-carousel .slick-slide span {
	font-size: 7vh;
	font-weight: 800;
	line-height: 7vh;
	color: #fff;
	outline: none;
}
.main-carousel .slick-slide span strong {
	text-transform: uppercase;
	letter-spacing: 9px;
	font-weight: 900;
	display: inline-block;
	position: relative;
}
.main-carousel .slick-slide span strong svg {
	position: absolute;
	bottom: -10px;
	left: 2%;
	width: 100%;
	height: auto;
	z-index: -1;
}
.main-carousel .slick-slide p {
	font-size: 3vh;
	line-height: 150%;
	padding: 2vh 0 5vh;
	color: #fff;
	outline: none;
	margin: 0;
}
.main-carousel .slick-slide a {
	margin: 0 20px 10px 0;
}
.main-carousel .slick-slide .reg {
	color: #fff;
}
.main-carousel .slider-img {
	position: relative;
}
.main-carousel .slider-img img:first-child  {
	height: 60vh;
	width: auto;
	max-height: 590px;
}
.main-carousel .slider-img img:first-child + img  {
	position: absolute;
	right: 55%;
	bottom: -4vh;
	max-height: 134px;
	width: auto;
	height: 15vh;
}
.line {
	padding: 125px 0 100px;
	position: relative;
}
.line.arrow-left {
	padding: 165px 0;
	position: relative;
}
.line.grey {
	background: #f5f7fb;
}
.arrow-left > svg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	max-width: 1100px;
	height: auto;
}
.video-youtube {
	box-shadow: 0 10px 70px rgba(30,78,157,.3);
	width: 100%;
	height: 0;
	padding: 0 0 56.25%;
	position: relative;
}
.video-youtube iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
footer {
	background: #eef2f8;
	box-shadow: 0 -10px 50px rgba(30,78,157,.15);
	position: relative;
}
.bottom-menu {
	background: #fff;
	padding: 30px 0;
	margin: 0 0 50px;
}
.bottom-menu ul {
	height: 30px;
	max-width: 1024px;
}
.bottom-menu ul a {
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.bottom-menu ul a svg path {
	fill: currentColor;
}
.footer-text-box {
	position: fixed;
	width: 100%;
	overflow: hidden;
	left: 0;
	bottom: 0;
	background: #eef2f8;
	z-index: 997;
}
.footer-text-box > div {
	padding: 5px 0;
}
.footer-text {
	display: block;
	font-family: 'Attentica', Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	color: #bbc3d3;
	font-size: 70px;
	line-height: 60px;
	text-transform: uppercase;
	font-weight: 200;
	margin: 0 190px 0 10px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.footer-text-hide {
	position: absolute;
	right: 10px;
	top: 0;
	height: 100%;
	width: 190px;
}
.footer-text-hide > a {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	padding: 20px 30px 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	white-space: nowrap;
}
.footer-text-hide div {
	position: absolute;
	right: 100%;
	top: 0;
	background: #eef2f8;
	padding: 0;
	height: 100%;
	white-space: nowrap;
	width: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.footer-text-hide div span {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.footer-text-hide:hover div {
	padding: 0 0 0 40px;
	width: 300px;
	opacity: 1;
}
.footer-text-hide:hover + .footer-text {
	transform: translateX(-300px);
}
.footer-text-fixed {
	display: none;
	font-family: 'Attentica', Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	color: #bbc3d3;
	font-size: 3.45vw;
	line-height: 3vw;
	text-transform: uppercase;
	font-weight: 200;
	text-align: center;
}
.footer-icon-box {
	display: inline-block;
	width: 50%;
	max-width: 260px;
	vertical-align: top;
	margin: 0 0 60px;
}
.footer-icon-box div {
	position: relative;
	padding: 0 0 0 25px;
	line-height: 24px;
}
.footer-icon-box div svg {
	position: absolute;
	left: 0;
	top: 5px;
}
.footer-icon-box a {
	color: #00122f;
}
.footer-logos a img {
	margin: 0 10% 0 0;
}
.footer-logos a + img {
	margin: 0 3% 0 0;
}
.copyrights p {
	color: #959caa;
	font-size: 13px;
	line-height: 15px;
	font-weight: 400;
}
.clear {
	clear: both;
}
.hide-on-desktop {
	display: none;
}
nav {
	color: #8a8f9a;
	margin: 0 0 50px;
}
nav svg {
	margin: -2px 15px 0;
}
.tab {
	display: inline-block;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	padding: 0 45px;
	border: 2px solid #dee5f1;
	border-radius: 30px;
	font-weight: 700;
	position: relative;
	margin: 0 7px 40px;
}
.tab:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	border-color: transparent;
	border-width: 0 9px 0 9px;
	border-style: solid;
	margin: 0 0 0 -9px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.tab:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	border-color: transparent;
	border-width: 0 9px 0 9px;
	border-style: solid;
	margin: -3px 0 0 -9px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.tab.active, .noTouch .tab.active:hover {
	border: 2px solid #1e4e9d;
	background: #fff;
	cursor: default;
}
.tab.active:before, .noTouch .tab.active:hover:before {
	border-color: #1e4e9d transparent transparent transparent;
	border-width: 9px 9px 0 9px;
}
.tab.active:after, .noTouch .tab.active:hover:after {
	border-color: #fff transparent transparent transparent;
	border-width: 9px 9px 0 9px;
}
.noTouch .tab:hover {
	background: #dee5f1;
	color: #1e4e9d;
}
.product-boxes.slick-slider {
	margin: -30px 0 0;
}
.product-boxes .slick-slide {
	overflow: visible;
}
.product-boxes .slick-list {
	padding: 30px 40px 50px;
	margin: 0 -40px;
}
.product-boxes .slick-prev, .product-boxes .slick-next {
	color: #1e4e9d;
	margin: 0;
}
.product-boxes .slick-prev {
	left: 0;
}
.product-boxes .slick-next {
	right: 0;
}
.product-box {
	text-align: center;
	margin: 0 0 20px;
}
.product-box > div {
	padding: 40px 30px 1px;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 30px;
	position: relative;
}
.product-box:hover > div {
	box-shadow: 0 15px 50px rgba(30,78,157,.2);
}
.product-box-img {
	position: relative;
	margin: 0 0 30px;
}
.product-box-img a {
	display: block;
	width: 100%;
}
.product-box-img a img {
	width: auto;
	height: 440px;
}
.product-box-img a + img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -67px 0 0 10px; 
	height: 130px;
	width: auto;
}
.product-box-img span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 40px;
	line-height: 40px;
	color: #dee5f1;
	font-weight: 800;
	opacity: 0;
}
.product-box:hover .product-box-img span {
	opacity: 1;
}
.product-box .h3 {
	position: relative;
}
.product-box .h3 strong {
	position: relative;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.product-box .h3 * {
	position: relative;
	z-index: 2;
}
.product-box .h3 svg {
	position: absolute;
	width: 163px;
	height: 12px;
	top: 20px;
	left: 7px;
	z-index: 1;
}
.product-box span {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.product-box:hover > div > span {
	opacity: 0;
}
.product-box-btn {
	position: absolute;
	bottom: 50px;
	left: 10px;
	right: 10px;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	z-index: -1;
}
.product-box:hover .product-box-btn {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	z-index: 1;
}
.product-box-btn .btn {
	width: 45%;
	margin: 0 1.5%;
}
.product-box-btn .reg {
	padding: 15px 0 0;
}
.product-title {
	position: relative;
	font-size: 50px;
	text-transform: none;
	letter-spacing: 1px;
}
.product-title strong {
	position: relative;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: inherit;
}
.product-title * {
	position: relative;
	z-index: 2;
}
.product-title svg {
	position: absolute;
	width: 280px;
	height: 22px;
	top: 50px;
	left: 7px;
	z-index: 1;
}
.product-description {
	font-weight: 300;
	margin: -30px 0 70px;
}
.product-gallery-sidebar {
	width: 110px;
	float: left;
}
.product-gallery-nav {
	height: 350px;
}
.product-gallery-nav .slick-slide {
	margin: 0 0 50px;
}
.product-gallery-nav .slick-current {
	opacity: .5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.product-gallery-nav img {
	height: auto;
	width: auto;
	max-width: 40px;
	margin: 0 auto;
	display: block;
	cursor: pointer;
}
.product-gallery-sidebar a {
	display: block;
	font-size: 14px;
	margin: 0 0 50px;
	text-align: center;
	font-weight: 700;
	position: relative;
}
.product-gallery-sidebar a svg {
	display: block;
	margin: 0 auto 10px;
}
.product-gallery-sidebar a svg path {
	fill: currentColor;
}
.product-gallery-box {
	width: calc(100% - 110px);
	float: right;
}
.product-gallery {
	width: 100%;
	max-width: 395px;
	text-align: center;
}
.product-img {
	position: relative;
}
.product-img img:first-child {
	width: auto;
	height: auto;
	max-height: 540px;
}
.product-img img:first-child + img {
	position: absolute;
	right: 5%;
	bottom: 30%;
}
.product-img span {
	position: absolute;
	display: block;
	right: 5%;
	width: 150px;
	top: 165px;
	font-size: 40px;
	line-height: 40px;
	color: #dee5f1;
	font-weight: 800;
}
.product-info {
	font-size: 24px;
	font-weight: 300;
	text-transform: none;
	letter-spacing: normal;
	line-height: 44px;
	margin: 0 0 80px;
}
.round-icons-box {
	text-align: justify;
	text-align-last: justify;
	text-justify: distribute;
	width: 100%;
	margin: 0 0 60px;
}
.round-icons-box > div {
	text-align: left;
	text-align-last: left;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	padding: 0 0 0 75px;
	width: 170px;
	box-sizing: border-box;
	
}
.round-icons-box > div span {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 58px;
	height: 58px;
	border-radius: 100%;
	border: 6px solid;
	box-sizing: border-box;
	font-size: 14px;
}
.round-icons-box > div span.icon-orange {
	background: #ffc45c;
	border-color: #f7b04f;
}
.round-icons-box > div span.icon-blue {
	background: #4dc6e1;
	border-color: #26b1d0;
}
.round-icons-box > div span.icon-green {
	background: #7fc241;
	border-color: #6aaa2e;
}
.round-icons-box > div span.icon-pink {
	background: #ffb3c7;
	border-color: #f09eb3;
}
.round-icons-box > div span svg {
	position: absolute;
	left: -6px;
	top: -6px;
}
.round-icons-box > div span svg path {
	fill: #fff;
}
.round-icons-box:after {
	display: block;
	width: 100%;
	height: 0;
	content: '\00a0'
}
.product-bg {
	width: 100%;
	padding: 0 0 35%;
}
.reg {
	color: #8a8f9a;
	font-size: 12px;
	letter-spacing: 1px;
}
.map {
	height: 60vh;
	margin: -60px 0 0;
}
.map.contacts-map {
	height: 600px;
	margin: -60px 0 0;
}
.map:after {
	content: '';
	display: block;
	width: 100%;
	height: 20px;
	box-shadow: 0 10px 40px rgba(30,78,157,.3);
	position: absolute;
	left: 0;
	top: -20px;
	z-index: 1;
}
.video-box {
	text-align: center;
	margin: 0 0 20px;
}
.video-box > div {
	width: 20vw;
	height: 20vw;
	max-width: 240px;
	max-height: 240px;
	position: relative;
	overflow: hidden;
	margin: 0 auto 30px;
}
.video-box video {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.video-box div > svg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.video-box div > span {
	width: 55px;
	height: 55px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border-radius: 100%;
	background:  rgba(255,255,255,.3);
	-webkit-transition: all .5s;
	transition: all .5s;
}
.noTouch .video-box:hover div > span {
	opacity: 0;
}
.video-box div > span svg {
	position: absolute;
	left: 19px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.video-box span {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	position: relative;
}
.video-box > span svg {
	position: absolute;
	width: 145px;
	height: auto;
	top: 18px;
	left: 7px;
	z-index: 1;
}
.video-box span span {
	position: relative;
	z-index: 2;
}
.article-box .h3 {
	margin: 0 0 15px;
}
.article-box p {
	color: #8a8f9a;
	line-height: 24px;
	margin: 0 0 60px;
}
.article-box a {
	color: #111f36;
}
.noTouch .article-box a:hover .article-img-box {
	opacity: .8;
}
.article-img-box {
	border-radius: 30px;
	margin: 0 0 40px;
	width: 100%;
	padding: 0 0 75%;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.faq {
	margin: 0 0 100px;
}
.faq-box {
	border-radius: 30px;
	background: #eef2f8;
	margin: 0 0 10px;
	padding: 40px 40px 25px 100px;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s;
	cursor: pointer;
}
.faq-box.opened {
	background: #fff;
}
.faq-box span {
	font-size: 20px;
	font-weight: 700;
	display: block;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.faq-box.opened span, .noTouch .faq-box:hover span {
	color: #1e4e9d;
}
.faq-box div {
	margin: 15px 0 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	max-height: 0;
	overflow: hidden;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
}
.faq-box div * {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
}
.faq-box.opened div {
	max-height: 2000px;
	margin: 15px 0;
}
.faq-box svg {
	position: absolute;
	left: 45px;
	top: 35px;
}
.faq-box svg path {
	-webkit-transition: all .5s;
	transition: all .5s;
}
.faq-box svg path.a, .faq-box.opened svg path.q {
	opacity: 0;
}
.faq-box.opened svg path.a {
	opacity: 1;
}
.faq-box.opened svg path {
	fill: #7ec63c;
}
.video-youtube-box {
	margin: 0 0 30px;
}
.video-youtube-box a {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 0 0 0 30px;
	position: relative;
}
.video-youtube-box a svg {
	position: absolute;
	left: 0;
	top: -2px;
}
.video-youtube-box a svg path {
	fill: currentColor;
}
.video-youtube-box div {
	margin: 0 0 15px;
	position: relative;
	padding: 0 0 56.25%;
	height: 0;
	width: 100%;
}
.video-youtube-box div iframe {
	width: 100%;
	height: 100%;
	position: absolute;
}
.contact-box {
	position: relative;
	padding: 65px 30px 30px;
	font-size: 20px;
	text-align: center;
	margin: 30px 0 0;
}
.contact-box:before {
	display: block;
	content: '';
	width: 1px;
	height: 145px;
	background: #d9dfe7;
	position: absolute;
	right: -10px;
	top: 0;
}
.contact-box.no-border:before {
	display: none;
}
.contact-box span {
	position: absolute;
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background: #1e4e9d;
	top: -20px;
	left: 50%;
	margin: 0 0 0 -32px;
}
.contact-box span svg path {
	fill: #fff;
}
.contact-box span svg {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.contact-box span svg + svg {
	display: none;
}
.contact-box a {
	font-weight: 700;
}
.error-text {
	font-size: 190px;
	color: #fff;
	font-weight: 900;
	line-height: 100%;
	letter-spacing: 5px;
}
.not-found .h2 {
	color: #fff;
}
.not-found p {
	font-size: 20px;
	line-height: 34px;
	font-weight: 300;
}
.not-found p a {
	font-weight: 400;
}
.not-found ~ footer {
	background: #eef2f8;
}
.not-found ~ footer > div:first-child {
	padding: 30px 0 10px;
}
.rounded-box {
	border-radius: 30px;
	box-shadow: 0 15px 50px rgba(30,78,157,.2);
	padding: 50px 60px 60px;
	text-align: center;
}
.rounded-box > span {
	border-radius: 100%;
	display: inline-block;
	width: 124px;
	height: 124px;
	margin: 0 0 30px;
	background: #1e4e9d;
	position: relative;
}
.rounded-box > span svg {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.test-option {
	margin: 0 0 5px;
	padding: 15px 20px;
	border-radius: 5px;
	background: #f3f5f9;
	text-align: left;
}
.test-option label {
	margin: 0;
	box-sizing: border-box;
	display: block;
	font-size: 18px;
	letter-spacing: 1px;
}
.test-option input[type="radio"]:not(:checked) + label:before {
	background: none;
	border-color: #c4ccd9;
}
.question-title {
	font-size: 30px;
	font-weight: 700;
	display: inline-block;
	margin: 0 0 40px;
	position: relative;
}
.question-title span {
	position: relative;
	z-index: 2;
}
.question-title svg {
	position: absolute;
	width: 195px;
	height: auto;
	top: .9em;
	left: 7px;
	z-index: 1;
}
.test-results {
	background: #f3f5f9;
	padding: 30px;
}
.test-results .product-img {
	width: 260px
}
.test-results .product-img + div {
	width: calc(100% - 260px);
}
.test-results .product-img img:first-child {
	max-height: 400px;
}
.test-results .product-img img:first-child + img {
    position: absolute;
    right: 5%;
    bottom: 30%;
	width: 134px;
	height: 134px;
}
.test-results .product-img span {
    width: 134px;
    top: 100px;
	text-align: center;
	color: #d5ddea;
}
#bx-panel {
	z-index: 9999 !important;
}
.hide {
	display: none;
}
.js-form-error {
	color: #db220b;
}
.success-send {
	color: #00122f;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	padding: 100px 0;
}
.success-send span {
	display: block;
	width: 130px;
	height: 130px;
	background: #fff;
	border-radius: 100%;
	margin: 0 auto 30px;
	position: relative;
}
.success-send span svg {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 5px 0 0;
}
.languages {
	padding: 0 0 30px;
	font-size: 16px;
}
.languages span {
	font-weight: 700;
	color: #fff;
	margin: 0 10px;
	display: inline-block;
}
.languages a {
	color: #6283BB;
	margin: 0 10px;
	display: inline-block;
}
.logo-box p {
	margin: 0 0 80px;
}
@media screen and (max-width: 767px) { 
	.grid_1_xs {
		width:8.333%;
	}
	
	.grid_2_xs {
		width:16.667%;
	}
	
	.grid_3_xs {
		width:25%;
	}
	
	.grid_4_xs {
		width:33.333%;
	}
	
	.grid_5_xs {
		width:41.667%;
	}
	
	.grid_6_xs {
		width:50%;
	}
	
	.grid_7_xs {
		width:58.333%;
	}
	.grid_8_xs {
		width:66.667%;
	}
	
	.grid_9_xs {
		width:75%;
	}
	
	.grid_10_xs {
		width:83.333%;
	}
	
	.grid_11_xs {
		width:91.667%;
	}
	
	.grid_12_xs {
		width:100%;
	}
	.alpha, .omega {
		padding: 0;
	}
	.hide-on-mobile {
		display: none !important;
	}
	.show-on-mobile {
		display: inline-block;
	}
	.left-on-mobile {
		text-align: left;
	}
	.center-on-mobile {
		text-align: center;
	}
	.right-on-mobile {
		text-align: right;
	}
	.auto {
		width: 100% !important;
		padding: 20px 0 0;
	}
	.container_12 {
		width: 100%;
	}
	h1, .h1, h2, .h2 {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 20px;
		letter-spacing: 2px;
	}
	h5, .h5 {
		font-size: 13px;
		line-height: 20px;
		font-weight: 400;
	}
	form p {
		margin: 0 0 15px;
	}
	.border {
		margin-bottom: 30px;
	}
	.page {
		min-height: 1px;
	}
	header {
		height: 60px;
		padding: 15px 0 0;
		box-sizing: border-box;
		box-shadow: 0 10px 40px rgba(30,78,157,.2);
	}
	.menu-btn {
		position: absolute;
		width: 60px;
		height: 60px;
		top: 0;
		right: 0px;
		cursor: pointer;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.menu > div:first-child div {
		top: 20px;
		right: 20px;
	}
	.menu-item {
		padding: 0 0 4vh;
	}
	.menu-items .menu-item a {
		font-weight: 400;
	}
	.logo svg {
		width: 90px;
		height: 30px;
	}
	.logo svg + svg, .logo a + svg {
		display: none;
	}
	.top-links {
		height: 30px;
		line-height: 30px;
		right: 65px;
	}
	.top-links a {
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		padding: 0;
		margin: 0 0 0 20px;
	}
	.top-box {
		height: auto;
	}
	.main-carousel {
		padding: 60px 0 0;
	}
	.main-carousel .slick-slide > div:first-child {
		position: relative;
		height: 155px;
	}
	.main-carousel .slick-slide > div:first-child:before {
		display: none;
	}
	.main-carousel .slick-slide > div:first-child + div {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		padding: 30px 0 0;
	}
	.main-carousel .slick-slide > div:first-child + div > svg {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
	}
	.main-carousel .slick-slide > div:first-child + div > div {
		position: relative;
		-webkit-transform: none;
		transform: none;
		left: auto;
		top: auto;
	}
	.main-carousel .slider-img {
		margin: 0 0 30px;
		text-align: left;
	}
	.main-carousel .slider-img img:first-child {
		height: 35vh;
		min-height: 280px;
		left: 50%;
		position: relative;
	}
	.main-carousel .slider-img img:first-child + img {
		right: 40%;
		bottom: 20%;
		max-height: 110px;
		height: 20vh;
	}
	.main-carousel .slider-text {
		padding: 0;
	}
	.main-carousel .slick-slide span {
		font-size: 22px;
		font-weight: 700;
		line-height: 24px;
		color: #00122f;
		outline: none;
	}
	.main-carousel .slick-slide span strong {
		letter-spacing: 3px;
		font-weight: inherit;
	}
	.main-carousel .slick-slide p {
		font-size: 14px;
		line-height: 18px;
		padding: 10px 0 20px;
		color: #959caa;
	}
	.main-carousel .slick-next, .main-carousel .slick-prev {
		top: 125px;
		margin: 0;
		-webkit-transform: none;
		transform: none; 
	}
	.main-carousel .slick-next {
		right: 20px;
	}
	.main-carousel .slick-prev {
		left: 20px;
	}
	.slick-next svg, .slick-prev svg {
		width: 14px;
		height: 26px;
	}
	.main-carousel .slick-slide a {
		margin: 0 0 20px;
	}
	.main-carousel .btn {
		width: 100%;
	}
	.invert {
		background: #eef2f8;
	}
	.line.arrow-left {
		padding: 40px 0 0;
		border-top: 1px solid #dee5f1;
	}
	.line.arrow-left > svg {
		display: none;
	}
	.video-youtube {
		box-shadow: none;
		width: auto;
		margin: 0 -10px;
		height: 0;
		padding: 0 0 62%;
		position: relative;
	}
	.bottom-menu {
		margin: 0 0 30px;
	}
	.bottom-menu ul {
		text-align: left;
		text-align-last: left;
		height: auto;
		display: block;
		position: relative;
		width: auto;
		padding: 0 0 30px !important;
	}
	.bottom-menu .vk-icon {
		position: absolute;
		left: 0;
		bottom: -10px;
		margin: 0 !important;
	}
	.bottom-menu .vk-icon a {
		display: inline-block;
		width: 40px;
		height: 40px;
		background: #eef2f8;
		position: relative;
		border-radius: 100%;
	}
	.bottom-menu .vk-icon a svg {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.bottom-menu ul li {
		margin: 0 0 5px !important;
		display: block;
	}
	.footer-icon-box {
		max-width: none;
		margin: 0;
		width: 100%;
	}
	.footer-logos {
		margin: 30px -10px 30px;
		padding: 30px 20px 0;
		border-top: 1px solid #cdd7e7;
	}
	.footer-logos a img {
		float: left;
		width: 80px;
		height: auto;
		margin: -3px 0 0;
	}
	.footer-logos a + img {
		width: 80px;
		height: auto;
	}
	.footer-logos svg {
		width: 75px;
		height: 25px;
	}
	.footer-text {
		font-size: 24px;
		line-height: 100%;
		margin: 0 60px 0 10px;
	}
	.footer-text-hide {
		background: none;
		padding: 0;
		width: 60px;
	}
	.footer-text-hide > a {
		text-indent: -9999px;
		padding: 0;
		position: relative;
		background: none;
		color: #1e4e9d;
	}
	.footer-text-hide > a svg {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin: 0;
	}
	.footer-text-hide:hover + .footer-text {
		transform: none;
	}
	.footer-text-hide div {
		right: 120%;
	}
	.footer-text-fixed {
		font-size: 25px;
		line-height: 25px;
		padding: 0 0 20px;
	}
	.footer-spacer {
		height: auto !important;
	}
	.es-copyrights {
		padding: 20px 0 1px;
		text-align: center;
		background: #fff;
		width: 100%;
		color: #959caa;
	}
	.es-copyrights p {
		font-size: 13px;
		line-height: 15px;
		font-weight: 400;
	}
	.line {
		padding: 100px 0 40px;
	}
	nav {
		display: none;
	}
	.tab {
		height: 27px;
		line-height: 27px;
		font-size: 12px;
		padding: 0 13px;
		margin: 0 3px 20px;
	}
	.product-box > div {
		padding: 20px 20px 1px;
	}
	.product-box-img a img {
		height: 300px;
		width: auto;
	}
	.product-box-img a + img {
		width: 110px;
		height: auto;
		left: 0;
		margin: -55px 0 0;
	}
	.product-box-btn {
		bottom: 15px;
	}
	.product-box-btn .btn {
		width: 100%;
		margin: 0 0 10px;
	}
	.product-box-btn .reg {
		padding: 0;
	}
	.product-title {
		font-size: 22px;
		font-weight: 700;
		text-align: center;
	}
	.product-title strong {
		letter-spacing: 2px;
	}
	.product-title svg {
		display: none;
	}
	.product-description {
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		margin: -10px 0 30px;
		text-align: center;
	}
	.product-gallery-sidebar {
		width: auto;
		margin: 0 -13px;
		float: none;
		background: #1e4e9d;
		text-align: center;
	}
	.product-gallery-nav {
		position: fixed !important;
		left: -9999px;
	}
	.product-gallery-sidebar a {
		display: inline-block;
		font-size: 12px;
		margin: 0;
		text-align: center;
		font-weight: 700;
		position: relative;
		color: #fff;
		padding: 20px 15px 20px 60px;
	}
	.product-gallery-sidebar a + a {
		padding: 20px 15px 20px 50px;
		border-left: 1px solid #6283bb;
	}
	.product-gallery-sidebar a svg {
		position: absolute;
		left: 15px;
		margin: 0;
		-webkit-transform: translateY(-50%) scale(.7) ;
		transform: translateY(-50%) scale(.7);
		top: 50%;
	}
	.product-gallery-sidebar a svg path {
		fill: currentColor;
	}
	.product-gallery-box {
		width: 100%;
		float: none;
	}
	.product-gallery {
		margin: 0 0 30px;
		max-width: none;
	}
	.product-img {
		position: relative;
	}
	.product-img img:first-child {
		width: auto;
		height: auto;
		max-height: 310px;
	}
	.product-img img:first-child + img {
		position: absolute;
		right: 10%;
		bottom: 30%;
		height: 110px;
		width: auto;
	}
	.product-img span {
		width: 110px;
		right: 10%;
		top: 60px;
		font-size: 30px;
		line-height: 30px;
	}
	.product-gallery .slick-prev, .product-gallery .slick-next {
		color: #1e4e9d;
		margin: 0;
	}
	.product-gallery .slick-prev {
		left: 0;
	}
	.product-gallery .slick-next {
		right: 0;
	}
	.product-info {
		font-size: 18px;
		line-height: 28px;
		margin: 0 0 30px;
		letter-spacing: normal;
	}
	.round-icons-box {
		margin: 0 0 30px;
	}
	.round-icons-box > div {
		padding: 70px 0 0;
		width: 90px;
		text-align: center;
		text-align-last: center;
		vertical-align: top;
		font-size: 11px;
	}
	.round-icons-box > div span {
		left: 50%;
		top: 0;
		-webkit-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
	}
	.product-bg {
		width: calc(100% + 26px);
		margin: 0 -13px 30px;
		padding: 0 0 35%;
	}
	.reg {
		font-size: 11px;
	}
	.map {
		margin: -20px 0 0;
		height: 400px;
	}
	.video-box > div {
		width: 240px;
		height: 240px;
	}
	.faq {
		margin: 0 0 40px;
	}
	.faq-box {
		border-radius: 0;
		margin: 0 -10px 5px;
		padding: 25px 25px 15px 70px;
	}
	.faq-box.opened {
		background: #fff;
	}
	.faq-box span {
		font-size: 14px;
		line-height: 20px;
	}
	.faq-box.opened span, .noTouch .faq-box:hover span {
		color: #1e4e9d;
	}
	.faq-box div {
		font-size: 14px;
		line-height: 22px;
		margin: 10px 0 0;
	}
	.faq-box div * {
		font-size: 14px;
		line-height: 22px;
	}
	.faq-box.opened div {
		margin: 10px 0;
	}
	.faq-box svg {
		position: absolute;
		left: 20px;
		top: 20px;
	}
	.map.contacts-map {
		height: 300px;
		margin: 0;
	}
	.contact-box {
		padding: 10px 0 20px 55px;
		font-size: 14px;
		text-align: left;
		margin: 0;
	}
	.contact-box:before {
		display: none;
	}
	.contact-box span {
		width: 38px;
		height: 38px;
		top: 0;
		left: 5px;
		margin: 0;
	}
	.contact-box span svg path {
		fill: #fff;
	}
	.contact-box span svg:first-child {
		display: none
	}
	.contact-box span svg + svg {
		display: inline-block;
	}
	.contact-box a {
		font-weight: 400;
	}
	.error-text {
		font-size: 80px;
	}
	.not-found ~ footer {
		background: #fff;
	}
	.not-found ~ span {
		background: #fff;
		display: block;
		padding: 25px;
		line-height: 20px;
		text-align: center;
	}
	.rounded-box {
		border-radius: 20px;
		box-shadow: 0 15px 50px rgba(30,78,157,.2);
		padding: 45px 30px 50px;
		text-align: center;
	}
	.rounded-box > span {
		width: 80px;
		height: 80px;
		margin: 0 0 20px;
	}
	.rounded-box > span svg {
		width: 45px;
		height: auto;
	}
	.rounded-box .h3 {
		font-size: 16px;
		line-height: 24px;
	}
	.photo {
		background: none !important;
		padding: 30px 0 60px;
	}
	.photo input[type="text"], .photo input[type="password"], .photo input[type="tel"], .photo input[type="email"], .photo input[type="search"], .photo textarea, .photo select {
		border: 2px solid #dde3ee;
	}
	.photo textarea {
		height: 150px;
	}
	.photo .selectboxit-list, .photo .selectboxit-container .selectboxit {
		border: 2px solid #dde3ee !important;
	}
	.question-title {
		font-size: 20px;
		margin: 0 0 20px;
	}
	.test-option label {
		font-size: 14px;
		letter-spacing: normal;
	}
	.test-results {
		padding: 20px;
		margin: 0 -10px;
	}
	.test-results .product-img {
		width: 100%;
		margin: 0 0 10px;
	}
	.test-results .product-img img:first-child {
		max-height: 280px;
	}
	.test-results .product-img img:first-child + img {
		width: 110px;
		height: 110px;
	}
	.test-results .product-img span {
		width: 110px;
		right: 5%;
		top: 40px;
	}
	.test-results .product-img + div {
		width: 100%;
	}
	.test-results .invert {
		background: #fff;
	}
	.test-results p {
		margin: 0 0 10px;
	}
	.close {
		top: 20px;
		right: 20px;
	}
	.logo-box p {
		margin: 0 20px 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) { 
	.grid_1_sm {
		width:8.333%;
	}
	
	.grid_2_sm {
		width:16.667%;
	}
	
	.grid_3_sm {
		width:25%;
	}
	
	.grid_4_sm {
		width:33.333%;
	}
	
	.grid_5_sm {
		width:41.667%;
	}
	
	.grid_6_sm {
		width:50%;
	}
	
	.grid_7_sm {
		width:58.333%;
	}
	
	.grid_8_sm {
		width:66.667%;
	}
	
	.grid_9_sm {
		width:75%;
	}
	
	.grid_10_sm {
		width:83.333%;
	}
	
	.grid_11_sm {
		width:91.667%;
	}
	
	.grid_12_sm {
		width:100%;
	}
	.hide-on-tablet {
		display: none !important;
	}
	.show-on-tablet {
		display: inline-block;
	}
	.left-on-tablet {
		text-align: left;
	}
	.center-on-tablet {
		text-align: center;
	}
	.right-on-tablet {
		text-align: right;
	}
	.top-links {
		height: 30px;
		line-height: 30px;
		right: 65px;
	}
	.top-links a {
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		padding: 0;
		margin: 0 0 0 25px;
	}
	.top-box {
		height: auto;
	}
	.main-carousel .slick-slide > div:first-child {
		position: relative;
		height: 400px;
	}
	.main-carousel .slick-slide > div:first-child:before {
		display: none;
	}
	.main-carousel .slick-slide > div:first-child + div {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		padding: 60px 0 0;
	}
	.main-carousel .slick-slide > div:first-child + div > svg {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
	}
	.main-carousel .slick-slide > div:first-child + div > div {
		position: relative;
		-webkit-transform: none;
		transform: none;
		left: auto;
		top: auto;
	}
	.main-carousel .slider-img {
		margin: 0 0 30px;
	}
	.main-carousel .slider-img img:first-child {
		height: 35vh;
	}
	.main-carousel .slider-img img:first-child + img {
		right: 50%;
		bottom: 30%;
		max-height: 110px;
	}
	.main-carousel .slick-slide span {
		font-size: 40px;
		font-weight: 700;
		line-height: 40px;
		color: #00122f;
		outline: none;
	}
	.main-carousel .slick-slide span strong {
		letter-spacing: 3px;
		font-weight: inherit;
	}
	.main-carousel .slick-slide p {
		font-size: 25px;
		line-height: 30px;
		padding: 20px 0;
		color: #959caa;
	}
	.main-carousel .slick-next, .main-carousel .slick-prev {
		top: 250px;
		margin: 0;
		-webkit-transform: none;
		transform: none; 
	}
	.invert {
		background: #eef2f8;
	}
	.line.arrow-left {
		padding: 100px 0;
	}
	.line.arrow-left > svg {
		display: none;
	}
	.bottom-menu ul {
		text-align: left;
		text-align-last: left;
		height: 80px;
		display: block;
		position: relative;
		padding: 0 0 0 60px !important;
		width: auto;
	}
	.bottom-menu .vk-icon {
		position: absolute;
		left: 0;
		top: 0;
	}
	.bottom-menu ul li {
		margin: 0 40px 10px 0 !important;
	}
	.bottom-menu ul a {
		font-size: 12px;
	}
	.footer-icon-box {
		max-width: none;
		margin: 0 0 30px;
	}
	.footer-logos {
		margin: 0 0 30px;
	}
	.footer-logos a img {
		float: left;
	}
	.footer-text {
		font-size: 36px;
		line-height: 100%;
	}
	.footer-text-fixed {
		font-size: 45px;
		line-height: 100%;
		padding: 0 20px 20px;
	}
	.product-gallery-box {
		margin: 0 0 80px;
	}
	.product-gallery {
		max-width: none;
	}
	.product-bg {
		margin: 0 0 50px;
	}
	.contact-box {
		padding: 65px 0 30px;
		font-size: 14px;
	}
	.contact-box:before {
		display: none;
	}
	.test-results .invert {
		background: #fff;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1280px) { 
	.grid_1_md {
		width:8.333%;
	}
	
	.grid_2_md {
		width:16.667%;
	}
	
	.grid_3_md {
		width:25%;
	}
	
	.grid_4_md {
		width:33.333%;
	}
	
	.grid_5_md {
		width:41.667%;
	}
	
	.grid_6_md {
		width:50%;
	}
	
	.grid_7_md {

		width:58.333%;
	}
	
	.grid_8_md {
		width:66.667%;
	}
	
	.grid_9_md {
		width:75%;
	}
	
	.grid_10_md {
		width:83.333%;
	}
	
	.grid_11_md {
		width:91.667%;
	}
	
	.grid_12_md {
		width:100%;
	}
	.hide-on-laptop {
		display: none !important;
	}
	.show-on-laptop {
		display: inline-block;
	}
	.left-on-laptop {
		text-align: left;
	}
	.right-on-laptop {
		text-align: right;
	}
	.center-on-laptop {
		text-align: center;
	}
	.logo svg + svg, .logo a + svg {
		margin: 0 0 0 3%;
	}
	.product-box-btn {
		bottom: 0;
	}
	.product-box-btn .btn {
		width: 100%;
		margin: 0 0 10px;
	}
	.footer-text {
		font-size: 54px;
		line-height: 45px;
	}
}