/* ---------------------------------------------------------
	1. General reset
	2. Embedded fonts styles
	3. icomoon fonts styles
	4. Common site styles
	5. Print style
	---------------------------------------------------------*/

/*** Colors ***/

/*** Badges ***/

/*** Buttons ***/

/*** Cards ***/

/*** Collapsible ***/

/*** Dropdown ***/

/*** Fonts ***/

/*** Forms ***/

/*** Global ***/

/*** Navbar ***/

/*** SideNav ***/

/*** Photo Slider ***/

/*** Tabs ***/

/*** Tables ***/

/*** Toasts ***/

/*** Typography ***/

/*** Collections ***/

/* Progress Bar */

.breadcrumbs,
.detail-nav ol,
.range-slider .amount-range,
.age-group ul,
.offer-info .radio-buttons,
.recommendation .bullet-list,
.recommendation .bullet-list ul,
.recommendation .buttons,
.slick-dots,
.aside .values,
.contact-popup ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

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

a,
.btn,
.breadcrumbs,
.progress-bar,
.progress-bar .determinate,
.detail-opener,
#nav,
#nav ul,
#nav ul img,
.prev-page,
.next-page,
.detail-nav,
.services .slide a,
.services .graph,
.services .graph svg,
.services .graph .status strong,
.services .graph .status span,
.services .title,
.aside,
.aside .circle,
.aside .common-graph .circle-part,
.jcf-scrollbar-handle,
.fancybox-close-small:before,
.fancybox-close-small:after {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

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

/*  ---------------------------------------------------------
	1. General reset
	---------------------------------------------------------*/

html {
	height: 100%;
	font-size: 100%;
}

html.resize-active *,
html.resize-active *:before,
html.resize-active *:after {
	-webkit-transition: none !important;
	transition: none !important;
}

body {
	height: 100%;
	min-width: 320px;
	overflow-y: hidden;
	color: #95989a;
	position: relative;
	font: 15px/1.3333 "frutiger", Arial, sans-serif;
	background: -webkit-radial-gradient(center, ellipse, white 0%, #d2d2d2 100%);
	background: radial-gradient(ellipse at center, white 0%, #d2d2d2 100%);
}

a:hover,
.btn:hover {
	color: #0192ff;
}

a:focus,
.btn:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.166;
	margin: 0 0 .5em;
}

h1 {
	font-size: 18px;
	margin: 0 0 20px;
}

p {
	margin: 0 0 1.2em;
}

p:last-child {
	margin: 0;
}

.btn {
	height: auto;
	padding: 8px 12px;
	line-height: inherit;
	letter-spacing: normal;
	background: #0066b3;
	text-transform: none;
	box-shadow: none;
	border-radius: 0;
}

.btn:hover {
	color: #fff;
	background: #004980;
	box-shadow: none;
}

.btn.error {
	background: #f76300;
}

.btn.error:hover {
	background: #c44f00;
}

.bg-stretch {
	background-size: cover;
	background-position: 50% 100%;
	position: relative;
}

.bg-stretch:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	opacity: .7;
	z-index: 1;
}

.bg-stretch.visual {
	background-position: center;
}

.bg-stretch.visual:after {
	display: none;
}

.bg-stretch > * {
	position: relative;
	z-index: 2;
}

.bg-img {
	opacity: .7;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-position: 50% 100%;
	overflow: hidden;
	z-index: 1;
}

.bg-img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	opacity: .7;
}

/* custom checkbox styles */

label.custom-checkbox,
.custom-checkbox label {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 25px;
	position: relative;
}

.custom-checkbox input[type=checkbox] {
	margin: 10px 0 0;
}

.custom-checkbox input[type=checkbox]:checked ~ .custom-input:after {
	display: block;
}

.custom-checkbox .custom-input {
	width: 15px;
	height: 15px;
	background: #fff;
	border: 1px solid #95989a;
	box-shadow: 0 0 10px rgba(149, 152, 154, .5);
	border-radius: 3px;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 0;
}

.custom-checkbox .custom-input:after {
	width: 14px;
	height: 8px;
	content: "";
	position: absolute;
	top: -4px;
	left: 2px;
	right: auto;
	bottom: auto;
	margin: 3px 0 0;
	border-width: 0 0 3px 3px;
	border-style: solid;
	border-color: #0066b3;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: none;
}

/* breadcrumbs styles */

.breadcrumbs {
	font-size: 14px;
	letter-spacing: -.23em;
	position: fixed;
	top: 117px;
	left: 70px;
	right: 0;
	z-index: 99;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
}

.breadcrumbs li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	text-transform: capitalize;
}

.breadcrumbs li:first-child:before {
	display: none;
}

.breadcrumbs li:before {
	content: ">";
	color: #0066b3;
	padding: 0 5px;
	display: inline-block;
	vertical-align: top;
}

.breadcrumbs li a,
.breadcrumbs li span {
	max-width: 68px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.page-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.page-container .page-mask {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.page-container .content-wrap {
	height: 300px;
}

.page-container .nav-link * {
	pointer-events: none;
}

.page-container .steps {
	min-height: auto !important;
}

.page-container .tab {
	opacity: 0 !important;
}

.page-container .tab.active {
	opacity: 1 !important;
}

.page-container .tab > h2 {
	display: none;
}

.js-tab-hidden,
.description-holder {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

.tabset img {
	pointer-events: none;
}

.progress-bar {
	opacity: 0;
	visibility: hidden;
}

.progress-bar .text {
	text-transform: capitalize;
}

.detail-opener {
	opacity: 0;
	visibility: hidden;
}

.btn-continue {
	min-width: 150px;
	margin: 30px 0 0;
}

/* main container styles */

#wrapper {
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 9;
}

#wrapper > .jcf-scrollable-wrappers {
	height: calc(100% - 87px) !important;
	margin: 87px 0 0;
	overflow: hidden;
}

#wrapper .progress-bar ~ .jcf-scrollable-wrappers {
	height: calc(100% - 87px - 32px) !important;
	margin: 87px 0 32px;
}

/*! jQuery UI - v1.12.1 - 2017-10-12
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	pointer-events: none;
	white-space: nowrap;
	font-size: 10px;
}

.ui-slider .ui-slider-handle.ui-state-default {
	font-family: "Segoe UI", Arial, sans-serif;
	color: inherit;
	background: none;
	border: none;
}

.ui-slider .ui-slider-handle:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
}

.ui-slider .ui-slider-handle:after {
	width: 19px;
	height: 19px;
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	right: auto;
	bottom: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 1px solid #96999b;
	box-shadow: 0 0 10px rgba(149, 152, 154, .5);
	margin: 5px 0 0;
	border-radius: 100%;
	background: #fff;
	pointer-events: auto;
	cursor: pointer;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 1px;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -28px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget.ui-widget-content {
	border: none;
	background: #b2b4b6;
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
}

.ui-widget-header {
	border: 1px solid #ddd;
	background: #e9e9e9;
	font-weight: bold;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #ccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #fff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_777777_256x240.png");
}

/* positioning */

.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-caret-1-n {
	background-position: 0 0;
}

.ui-icon-caret-1-ne {
	background-position: -16px 0;
}

.ui-icon-caret-1-e {
	background-position: -32px 0;
}

.ui-icon-caret-1-se {
	background-position: -48px 0;
}

.ui-icon-caret-1-s {
	background-position: -65px 0;
}

.ui-icon-caret-1-sw {
	background-position: -80px 0;
}

.ui-icon-caret-1-w {
	background-position: -96px 0;
}

.ui-icon-caret-1-nw {
	background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
	box-shadow: 0 0 5px #666;
}

/*  ---------------------------------------------------------
	2. Embedded fonts styles
	---------------------------------------------------------*/

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

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

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

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

/* header styles */

#header {
	min-width: 320px;
	height: 87px;
	position: fixed;
	display: block;
	overflow: hidden;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	background: #fff;
	padding: 15px 11px;
	box-shadow: 0 0 10px rgba(149, 152, 154, .5); /* page logo styles */
}

#header .row {
	margin: 0;
}

#header .logo {
	max-width: 82px;
}

#header .logo img {
	width: 100%;
	max-width: inherit;
	height: auto;
	display: block;
}

#header .logo img.large {
	display: none;
}

#header .logo img.print {
	display: none;
}

#header .btn-question {
	font-size: 16px;
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* nav opener */

.nav-opener {
	width: 45px;
	height: 45px;
	display: block;
	border-radius: 100%;
	background: #fff;
	position: relative;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, .15);
	visibility: visible;
	opacity: 1;
}

.nav-active .nav-opener {
	visibility: hidden;
	opacity: 0;
}

.nav-opener:before,
.nav-opener:after,
.nav-opener span {
	width: 20px;
	height: 3px;
	background: #0066b3;
	border-radius: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.nav-opener:before,
.nav-opener:after {
	content: "";
	margin: -7px 0 0;
}

.nav-opener:after {
	margin: 7px 0 0;
}

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

/* main nav styles */

#nav {
	width: 45px;
	height: 45px;
	text-align: center;
	background: none;
	box-shadow: none;
	position: absolute;
	top: 100px;
	left: 15px;
	z-index: 998;
}

#nav ul {
	width: 12.228vh;
	padding: 1.35vh 1.63vh;
	background: #fff;
	box-shadow: 0 0 10px rgba(149, 152, 154, .5);
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}

.nav-active #nav ul {
	opacity: 1;
	visibility: visible;
}

#nav ul li {
	float: none;
}

#nav ul li + li {
	margin: 1px 0 0;
}

#nav ul li a {
	height: 10.326vh;
	padding: 0;
	display: block;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

#nav ul li a:hover {
	color: #fff;
}

#nav ul li a:hover img {
	opacity: 1;
}

#nav ul li.active img {
	opacity: 1;
	visibility: visible;
}

#nav ul li.active img.gray {
	visibility: hidden;
}

#nav ul img {
	opacity: .5;
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	visibility: hidden;
}

#nav ul img.gray {
	visibility: visible;
}

#nav ul strong {
	font-size: 1.11vh;
	position: absolute;
	right: 2px;
	left: 2px;
	bottom: .833vh;
}

#nav ul span.grayscale-fix {
	display: inline-block;
	vertical-align: top;
}

/*  ---------------------------------------------------------
	4. Сommon site styles
	---------------------------------------------------------*/

/* visual styles */

.visual {
	min-height: 214px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.visual .container {
	width: 86.5%;
	max-width: inherit;
}

.visual .heading {
	display: inline-block;
	vertical-align: top;
	padding: 7px 14px;
	margin: 18px 0 5px;
	font-size: 19px;
	line-height: 1.21;
	color: #fff;
	background: #005caa;
}

.visual .subhead {
	display: inline-block;
	vertical-align: top;
	padding: 5px 14px 5px 17px;
	margin: 0 0 0 50px;
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	background: #f36f21;
}

/* main informative part styles */

#main {
	height: calc(100% - 87px);
	margin: 87px 0 0;
}

.has-progressbar #main {
	height: calc(100% - 119px);
	margin: 87px 0 32px;
}

/* inroduction styles */

.intro {
	padding: 20px 0;
	text-align: center;
}

.intro h1 {
	font-size: 1.75rem;
	margin: 0 0 15px;
}

/* terms approval styles */

.terms-approval {
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.terms-approval .box {
	padding: 15px 20px;
	background: #fff;
	box-shadow: 0 0 10px rgba(149, 152, 154, .5);
}

.terms-approval .heading {
	display: block;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 0 0 10px;
}

.terms-approval label {
	text-align: left;
}

.content-wrap {
	overflow: hidden;
}

.content-wrap .jcf-scrollable-wrapper {
	height: 100% !important;
}

.content-wrap .jcf-scrollable {
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
}

.content-wrap .jcf-scrollbar-vertical {
	height: 100% !important;
}

.content-wrap .flex-box {
	height: 100%;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.content-align {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

.align-top .content-align {
	vertical-align: top;
}

/* steps styles */

.steps {
	padding: 16.3vh 0 10vh;
}

.prev-page,
.next-page {
	color: #ccc9c6;
	font-size: 6vh;
	position: absolute;
	left: 50%;
	z-index: 98;
	-webkit-transform: rotate(90deg) translate(-50%, 36%);
	-ms-transform: rotate(90deg) translate(-50%, 36%);
	transform: rotate(90deg) translate(-50%, 36%);
	opacity: 0;
	visibility: hidden;
}

.prev-page:hover,
.next-page:hover {
	color: #0066b3;
}

.prev-page {
	top: 12vh;
}

.next-page {
	bottom: 0;
}

/* progress-bar styles */

.progress-bar {
	height: 32px;
	font-size: 14px;
	line-height: 18px;
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 999;
}

.progress-bar .progress {
	border-radius: 0;
	height: auto;
	margin: 0;
	background: rgba(184, 184, 184, .6);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.progress-bar .determinate {
	overflow: hidden;
	z-index: 2;
}

.progress-bar .determinate span.text {
	color: #fff;
}

.progress-bar span.text {
	color: #0066b3;
	position: absolute;
	top: 50%;
	left: 7px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.progress-bar .detail-opener {
	padding: 0 19px 0 0;
	position: absolute;
	top: 50%;
	right: 9px;
	z-index: 9;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.progress-bar .detail-opener:before,
.progress-bar .detail-opener:after,
.progress-bar .detail-opener span:before {
	width: 13px;
	height: 2px;
	content: "";
	position: absolute;
	top: 50%;
	left: auto;
	right: 0;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #0066b3;
}

.progress-bar .detail-opener:before {
	margin: -5px 0 0;
}

.progress-bar .detail-opener:after {
	margin: 5px 0 0;
}

.progress-bar .detail-nav .detail-opener {
	width: 30px;
	height: 30px;
	padding: 5px;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	position: absolute;
	right: 13px;
	bottom: 9px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	top: auto;
}

.progress-bar .detail-nav .detail-opener:before,
.progress-bar .detail-nav .detail-opener:after {
	display: none;
}

.progress-bar .detail-nav .detail-opener:hover {
	color: #fff;
	background: rgba(0, 0, 0, .1);
}

/* detail nav styles */

.detail-nav {
	width: 283px;
	padding: 38px 0 50px;
	background: #0066b3;
	font: 20px/26px "Segoe UI", Arial, sans-serif;
	position: fixed;
	top: 87px;
	bottom: 0;
	right: 0;
	z-index: 100;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
}

.detail-nav-active .detail-nav {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}

.detail-nav ol {
	max-height: 100%;
	overflow-y: auto;
	counter-reset: items;
}

.detail-nav ol li {
	pointer-events: none;
}

.detail-nav ol li.passed {
	pointer-events: auto;
}

.detail-nav ol li.passed span:after {
	display: block;
}

.detail-nav ol a {
	padding: 5px 20px 5px 65px;
	display: block;
}

.detail-nav ol a:hover {
	color: #fff;
	background: rgba(0, 0, 0, .1);
}

.detail-nav ol a:before {
	width: 21px;
	float: left;
	content: counters(items, "") ".";
	counter-increment: items;
	margin: 0 0 0 -21px;
}

.detail-nav ol span {
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 0 20px 0 0;
	position: relative;
	pointer-events: none;
}

.detail-nav ol span:after {
	width: 14px;
	height: 16px;
	content: "";
	position: absolute;
	top: 7px;
	left: auto;
	right: 0;
	bottom: auto;
	background: url(../images/ico-check.png) no-repeat;
	display: none;
}

/* account finder styles */

.account-finder {
	margin: 0;
}

.account-finder h1 {
	margin: 0 0 30px;
}

/* range slider styles */

.range-slider {
	max-width: 329px;
	padding: 28px 70px 28px 30px;
	margin: 0 auto;
	position: relative;
}

.range-slider .start-amount,
.range-slider .end-amount {
	font-size: 18px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.range-slider .start-amount {
	left: 0;
}

.range-slider .end-amount {
	right: 0;
}

.range-slider .end-amount:after {
	content: "€";
}

.range-slider .amount-range {
	font-size: 10px;
	font-family: "Segoe UI", Arial, sans-serif;
	position: absolute;
	bottom: 1px;
	left: 30px;
	right: 70px;
}

.range-slider .amount-range li {
	position: absolute;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.range-slider .amount-range li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	right: auto;
	bottom: auto;
	content: "€";
	padding: 0 0 0 3px;
}

.range-slider .amount-range li.end {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

/* age group styles */

.age-group {
	padding: 20px 0 0;
}

.age-group ul {
	margin: 0 -5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	font: 16px/20px "Segoe UI", Arial, sans-serif;
}

.age-group ul li {
	width: 50%;
	padding: 5px;
}

.age-group ul label {
	cursor: pointer;
	display: block;
}

.age-group ul label input[type="radio"]:checked ~ span,
.age-group ul label:hover span {
	color: #fff;
	background: #0066b3;
}

.age-group ul label span {
	display: block;
	padding: 5px;
	background: #fff;
	border: 1px solid #95989a;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

/* offer info styles */

.offer-info {
	padding: 0 20px;
}

.offer-info .radio-buttons {
	max-width: 400px;
	margin: 0 auto;
	font: 16px/20px "Segoe UI", Arial, sans-serif;
}

.offer-info .radio-buttons li {
	padding: 5px 0;
}

.offer-info .radio-buttons li.hidden {
	display: none;
}

.offer-info .radio-buttons input[type="radio"]:checked + label,
.offer-info .radio-buttons label:hover {
	color: #fff;
	background: #0066b3;
}

.offer-info .radio-buttons label {
	height: auto;
	display: block;
	padding: 5px;
	background: #fff;
	border: 1px solid #95989a;
	font-size: inherit;
	line-height: inherit;
	color: #818181;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.offer-info .radio-buttons label:before,
.offer-info .radio-buttons label:after {
	display: none;
}

.offer-info input[type="radio"]:checked ~ .offer-box {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.offer-info .offer-box {
	width: 280px;
	padding: 21px 15px 15px;
	font-size: 16px;
	line-height: 21px;
	text-align: left;
	background: #fff;
	position: fixed;
	top: 160px;
	right: 30px;
	display: none;
	-webkit-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
	-webkit-transform: translateX(150%);
	-ms-transform: translateX(150%);
	transform: translateX(150%);
	opacity: 0;
	visibility: hidden;
}

.offer-info .offer-box p {
	margin: 0 0 11px;
}

.offer-info .offer-box h3 {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #95989a;
	margin: 0;
	padding: 9px 0;
}

.offer-info .offer-box .price {
	display: block;
	color: #ff781e;
	font-size: 30px;
	line-height: 1;
	text-align: center;
}

/* recommendation styles */

.recommendation {
	padding: 10px 0;
	margin: 0 -8px 0 -3px;
}

.recommendation .text {
	padding: 28px 23px 17px;
	background: rgba(255, 255, 255, .77);
	box-shadow: 0 0 10px rgba(149, 152, 154, .5);
	font: 13px/1.318 "Segoe UI", Arial, sans-serif;
}

.recommendation .heading {
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 10px;
}

.recommendation h1 {
	font-size: 20px;
	color: #0066b3;
	margin: 0 0 14px;
}

.recommendation .bullet-list {
	margin: 0 0 30px;
}

.recommendation .bullet-list li {
	padding: 0 0 0 12px;
	margin: 9px 0 0;
	position: relative;
}

.recommendation .bullet-list li:before {
	width: 6px;
	height: 6px;
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	right: auto;
	bottom: auto;
	border-radius: 100%;
	background: #0066b3;
}

.recommendation .bullet-list ul {
	padding: 8px 0 0 10px;
}

.recommendation .bullet-list ul li {
	margin: 9px 0 0;
}

.recommendation .buttons {
	max-width: 186px;
	margin: 0 auto;
}

.recommendation .buttons li {
	margin: 0 0 11px;
}

.recommendation .buttons .btn {
	display: block;
	font-size: 14px;
	line-height: 19px;
	padding: 6px 12px;
}

.recommendation .cards {
	width: 41%;
	margin: 0 0 14px;
	position: relative;
	left: 33px;
	-webkit-animation: cardMove 2s;
	animation: cardMove 2s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	display: none;
}

.recommendation .cards img {
	width: 100%;
	max-width: inherit;
	height: auto;
	display: block;
}

/* Slick slider styles */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	padding: 10px 0;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	vertical-align: top;
	padding: 0 3px;
}

.slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	border-radius: 100%;
	border: none;
	background: #95989a;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button {
	background: #0066b3;
}

/* services slider styles */

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

.services .slick-list {
	max-width: 331px;
	margin: 0 auto;
	padding: 0 30px;
	overflow: visible;
}

.services .slick-track {
	padding: 30px 0;
	text-align: center;
}

.services .slide {
	padding: 0 18px;
}

.services .slide a {
	padding: 18px 14px 10px;
	border-radius: 5px;
	display: block;
	background: #fff;
	position: relative;
	box-shadow: 0 0 10px rgba(149, 152, 154, .5);
}

.services .slide a:hover .graph svg {
	width: 150px;
	height: 150px;
}

.services .slide a:hover .title {
	font-size: 17px;
	bottom: 18px;
}

.services .circle {
	fill: none;
	stroke: #0066b3;
	stroke-width: 1;
}

.services .base-circle {
	stroke-width: 2;
	fill: none;
	stroke: #dbdbdb;
}

.services .graph {
	width: 106px;
	margin: 0 auto 8px;
	position: relative;
}

.services .graph svg {
	width: 137px;
	height: 137px;
}

.services .graph .status {
	position: absolute;
	top: -6%;
	left: 0;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #595858;
}

.services .graph .status strong {
	display: block;
	font-size: 1.3em;
	line-height: 1.2;
	margin: 0 0 2px;
}

.services .graph .status span {
	display: block;
	font-size: .9em;
	line-height: 1;
}

.services .img-holder {
	overflow: hidden;
	border-radius: 5px;
	opacity: .8;
}

.services .img-holder img {
	width: 100%;
	max-width: inherit;
	height: auto;
	display: block;
}

.services .title {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	bottom: 15px;
	right: 10px;
	left: 10px;
}

/* chosen plan styles */

.chosen-plan {
	width: 111%;
	margin: 0 -5.5%;
	position: relative;
	overflow: hidden;
}

.chosen-plan .slick-list {
	max-width: 280px;
	margin: 0 auto;
	overflow: visible;
}

.chosen-plan .slick-track {
	padding: 10px 0 0;
}

.chosen-plan .slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: normal;
	padding: 0 10px 80px;
}

.chosen-plan .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.chosen-plan .box {
	width: 100%;
	padding: 29px 25px 8px;
	background: #fff;
	border: 1px solid #ededed;
	box-shadow: 0 0 10px rgba(149, 152, 154, .5);
	position: relative;
}

.chosen-plan h2 {
	font-size: 20px;
	padding: 0 40px 0 0;
	margin: 0 0 22px;
}

.chosen-plan h2 + h2 {
	margin: 0;
	padding: 0;
}

.chosen-plan h3 {
	font-size: 17px;
	color: #ec6707;
	margin: 0 0 11px;
}

.chosen-plan .product-name {
	display: block;
	font-weight: normal;
	line-height: 1;
	font-family: "Segoe UI", Arial, sans-serif;
	margin: 0 0 25px;
}

.chosen-plan p {
	margin: 0;
}

.chosen-plan .custom-checkbox {
	position: static;
}

.chosen-plan .custom-checkbox input[type=checkbox]:checked ~ .custom-input {
	background: #fff;
}

.chosen-plan .custom-checkbox input[type=checkbox]:checked ~ .btns .btn .checked {
	display: block;
}

.chosen-plan .custom-checkbox input[type=checkbox]:checked ~ .btns .btn .unchecked {
	display: none;
}

.chosen-plan .custom-checkbox .btns .btn .checked {
	display: none;
}

.chosen-plan .custom-checkbox .custom-input {
	width: 31px;
	height: 31px;
	top: 20px;
	right: 16px;
	left: auto;
	border-radius: 5px;
	background: #e5e5e5;
	border-color: #cacbcc;
	pointer-events: none;
}

.chosen-plan .custom-checkbox .custom-input:after {
	width: 30px;
	height: 20px;
	left: 4px;
	margin: 1px 0 0;
	border-width: 0 0 8px 8px;
}

.chosen-plan .custom-checkbox .btn {
	font-family: "Segoe UI", Arial, sans-serif;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transform: translate(-50%, -55px);
	-ms-transform: translate(-50%, -55px);
	transform: translate(-50%, -55px);
	box-shadow: 2px 5px 5px rgba(0, 0, 0, .15);
	margin-bottom: 5px;
	/*background: gray;*/
	background: #0066b3;
}
.chosen-plan .custom-checkbox .btn.active {
	background: #0066b3;
}

.chosen-plan .btns {
	position: absolute;
	top: 100%;
	left: 50%;
}

.chosen-plan .btn {
	width: 207px;
	/*max-width: 90%;*/
	-webkit-transform: translate(-50%, 40px);
	-ms-transform: translate(-50%, 40px);
	transform: translate(-50%, 40px);
}

/* aside styles */

.aside {
	width: 191px;
	background: #fff;
	font-size: 12px;
	line-height: 1.333;
	text-align: center;
	position: fixed;
	top: 90px;
	bottom: 35px;
	right: 0;
	z-index: 99;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
}

.aside .offer-tabs {
	display: none;
}

.aside .offer-tabs .offer-box {
	display: none;
}

.aside-active .aside {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	box-shadow: 0 0 10px rgba(149, 152, 154, .5);
}

.aside.aside-active {
	opacity: 1;
	visibility: visible;
}

.aside-opener {
	position: absolute;
	top: 85%;
	right: 100%;
	-webkit-transform: translate(3px, -58%);
	-ms-transform: translate(3px, -58%);
	transform: translate(3px, -58%);
}

.aside-opener span {
	position: relative;
	display: block;
	width: 23px;
	height: 86px;
	background: url(../images/aside-opener.png) no-repeat;
	background-size: 100% auto;
}

.aside-opener:hover {
	opacity: .8;
}

.aside .jcf-scrollable-wrapper {
	height: 100% !important;
}

.aside .jcf-scrollable {
	width: 100% !important;
	height: 100% !important;
	padding: 10px;
}

.aside .info {
	margin: 0 -10px;
	padding: 0 10px 16px;
	border-bottom: 1px solid #bfbfbf;
}

.aside .circle {
	fill: none;
	stroke: #0066b3;
	stroke-width: 1;
}

.aside .graph-holder {
	margin: 0 15px 31px;
	position: relative;
	left: 2px;
}

.aside .base-circle {
	stroke-width: 2;
	fill: none;
	stroke: #c8c8c8;
}

.aside .graph {
	position: absolute;
	top: 19%;
	bottom: 19%;
	left: 18%;
	right: 19%;
	z-index: 2;
}

.aside .graph svg {
	width: 89px;
	height: 89px;
}

.aside .graph .circle {
	stroke-width: 16 !important;
}

.aside .graph .status {
	position: absolute;
	top: -4%;
	left: 0;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: black;
}

.aside .graph .status strong {
	display: block;
	font-size: 1.05em;
	line-height: 1.2;
	color: #575656;
}

.aside .graph .status span {
	display: block;
	font-size: .65em;
	line-height: 1;
	color: #9d9d9c;
}

.aside .graph .base-bar.gray {
	stroke: #d3d3d3;
}

.aside .graph .base-bar.blue {
	stroke: #005caa;
}

.aside .graph .base-bar.silver-gray {
	stroke: #c0c0c0;
}

.aside .graph .base-bar.golden {
	stroke: #ffd700;
}

.aside .common-graph svg {
	width: 141px;
	height: 141px;
}

.aside .common-graph .circle-part {
	stroke: #f0f0f0;
	fill: none;
	stroke-width: 36;
}

.aside .common-graph .chart {
	z-index: 2;
	stroke-width: 36 !important;
}

.aside .common-graph .chart01 {
	stroke: #d7dfc7;
}

.aside .common-graph .chart02 {
	stroke: #79addd;
}

.aside .common-graph .chart03 {
	stroke: #f4d9bb;
}

.aside .common-graph .chart04 {
	stroke: #e3bfd4;
}

.aside .common-graph .chart05 {
	stroke: #cfcce0;
}

.aside .common-graph .chart06 {
	stroke: rgb(91, 188, 187);
}

.aside h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 13px;
}

.aside h3 {
	font-size: 16px;
	line-height: 1.31;
	font-weight: normal;
	margin: 0 0 10px;
}

.aside h3 span {
	display: block;
	color: #0066b3;
}

.aside .values li {
	margin: 0 0 8px;
}

.aside .values .heading {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 3px;
}

.aside .values .value {
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #f60;
}

.aside .required-fields {
	padding: 16px 0;
	font-family: "Segoe UI", Arial, sans-serif;
}

.aside .required-fields ul {
	margin: 0 0 10px;
}

.aside .logo-area {
	padding: 0 6px 0 0;
}

.aside .logo-area .logo {
	height: 67px;
}

.aside .logo-area .logo img {
	width: auto;
	height: 100%;
	display: block;
	margin: 0 auto;
}

.aside .price-info,
.aside .offer-box {
	padding: 21px 0 15px;
	font-size: 12px;
	line-height: 16px;
	position: relative;
}

.aside .price-info:before,
.aside .offer-box:before {
	height: 1px;
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	right: -10px;
	bottom: auto;
	background: #bfbfbf;
}

.aside .price-info p,
.aside .offer-box p {
	margin: 0 0 11px;
}

.aside .price-info h3,
.aside .offer-box h3 {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	border-top: 1px solid #95989a;
	margin: 0;
	padding: 9px 0;
}

.aside .price-info .price,
.aside .offer-box .price {
	display: block;
	color: #ff781e;
	font-size: 25px;
}

/* custom scrollbars styles */

.jcf-scrollable-wrapper {
	width: 100% !important;
	position: relative;
}

.jcf-scrollbar-dec,
.jcf-scrollbar-inc {
	width: 5px;
	height: 5px;
	background: #005caa;
	display: none;
}

.jcf-scrollbar-handle {
	cursor: pointer;
	background: #0066b3;
	opacity: .5;
}

.jcf-scrollbar {
	background: rgba(0, 92, 170, .3);
}

.jcf-scrollbar-vertical {
	position: absolute;
	cursor: default;
	width: 5px;
	bottom: 0;
	right: 0;
	top: 0;
}

.jcf-scrollbar-vertical:hover .jcf-scrollbar-handle {
	opacity: 1;
}

.jcf-scrollbar-vertical .jcf-scrollbar-slider {
	height: 100% !important;
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
	left: 0;
	top: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
	top: auto;
	bottom: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
	width: 5px;
	height: 1px;
}

.jcf-scrollbar-horizontal {
	width: 1px;
	height: 5px;
	position: absolute;
	right: auto;
	top: auto;
	left: 0;
	bottom: 0;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
	left: auto;
	right: 0;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
	height: 14px;
	display: inline-block;
	position: relative;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
	height: 14px;
	position: absolute;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
	visibility: hidden;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
	background: #e3e3e3;
}

/* common custom form elements styles */

.jcf-disabled {
	background: #ddd !important;
}

.jcf-focus,
.jcf-focus * {
	border-color: #f00 !important;
}

/* lightbox styles */

.popup-holder {
	position: relative;
	overflow: hidden;
	height: 0;
}

.lightbox-demo {
	padding: 5px;
	width: 300px;
}

.contact-popup {
	font-size: 12px;
	line-height: 16px;
	color: #373737;
}

.contact-popup h2 {
	font-size: 20px;
	font-weight: normal;
	color: #95989a;
	margin: 0 0 16px;
}

.contact-popup .img-holder {
	width: 134px;
	margin: 0 0 17px;
}

.contact-popup .img-holder img {
	width: 100%;
	max-width: inherit;
	height: auto;
	display: block;
}

.contact-popup .title {
	display: block;
	font-weight: normal;
	padding: 0 3px;
}

.contact-popup ul {
	padding: 0 3px;
}

.contact-popup ul a:hover {
	color: inherit;
}

.contact-popup ul a[href*="tel"] {
	color: inherit;
}

.contact-popup ul a[href*="tel"]:hover {
	color: #0066b3;
}

.fancybox-enabled {
	overflow: hidden;
}

.fancybox-enabled body {
	overflow: visible;
	-ms-touch-action: none;
	touch-action: none;
}

.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99993;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Make sure that the first one is on the top */

.fancybox-container ~ .fancybox-container {
	z-index: 99992;
}

.fancybox-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #4d4d4d;
	opacity: 0;
	-webkit-transition-timing-function: cubic-bezier(.55, .06, .68, .19);
	transition-timing-function: cubic-bezier(.55, .06, .68, .19);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.fancybox-container--ready .fancybox-bg {
	opacity: .56;
	-webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
	transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-controls {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	z-index: 99994;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	direction: ltr;
}

.fancybox-show-controls .fancybox-controls {
	opacity: 1;
}

.fancybox-infobar {
	display: none;
}

.fancybox-show-infobar .fancybox-infobar {
	display: inline-block;
	pointer-events: all;
}

.fancybox-infobar__body {
	display: inline-block;
	width: 70px;
	line-height: 44px;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #ddd;
	background-color: rgba(30, 30, 30, .7);
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-buttons {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	pointer-events: all;
}

.fancybox-show-buttons .fancybox-buttons {
	display: block;
}

.fancybox-slider-wrap {
	overflow: hidden;
	direction: ltr;
}

.fancybox-slider-wrap,
.fancybox-slider {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	z-index: 99993;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: none;
	white-space: normal;
	box-sizing: border-box;
	text-align: center;
	z-index: 99994;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
}

.fancybox-slide::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}

.fancybox-slide > * {
	width: 290px;
	display: inline-block;
	position: relative;
	padding: 30px 15px;
	margin: 30px 0;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	border: 1px solid #d7d7d8;
	overflow: auto;
	border-radius: 10px;
}

.fancybox-slide > *:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	opacity: .5;
	background: url(../../../input/Final_PSD2HTML/Final_PSD2HTML/Converted/PNG/24%20Web%201920%20%E2%80%93%20Contact-01.png) no-repeat 50% -301px;
	display: none;
}

.fancybox-slide--image {
	overflow: hidden;
}

.fancybox-slide--image::before {
	display: none;
}

.fancybox-content {
	display: inline-block;
	position: relative;
	margin: 44px auto;
	padding: 0;
	border: 0;
	width: 80%;
	height: calc(100% - 88px);
	vertical-align: middle;
	line-height: normal;
	text-align: left;
	white-space: normal;
	outline: none;
	font-size: 16px;
	font-family: Arial, sans-serif;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
}

.fancybox-iframe {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
	background: transparent;
}

.fancybox-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 99995;
	background: transparent;
	cursor: default;
	overflow: visible;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.fancybox-image,
.fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	max-height: none;
	background: transparent;
	background-size: 100% 100%;
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
	cursor: zoom-out;
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
	cursor: zoom-in;
}

.fancybox-controls--canGrab .fancybox-placeholder {
	cursor: grab;
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
	cursor: grabbing;
}

.fancybox-spaceball {
	z-index: 1;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden;
}

.fancybox-error {
	position: absolute;
	margin: 0;
	padding: 40px;
	top: 50%;
	left: 50%;
	width: 380px;
	max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	cursor: default;
}

.fancybox-error p {
	margin: 0;
	padding: 0;
	color: #444;
	font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fancybox-close-small {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
	margin: 0;
	font-weight: 300;
	text-align: center;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	border-width: 0;
	cursor: pointer;
	background: none;
	-webkit-transition: background .2s;
	transition: background .2s;
	z-index: 2;
}

.fancybox-close-small:before,
.fancybox-close-small:after {
	height: 7px;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: auto;
	border-radius: 1px;
	background: #95989a;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: -3px 0 0;
}

.fancybox-close-small:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.fancybox-close-small:hover:before,
.fancybox-close-small:hover:after {
	background: #0066b3;
}

.fancybox-close-small:focus {
	outline: 1px dotted #888;
}

.fancybox-slide--video .fancybox-close-small {
	top: -36px;
	right: -36px;
	background: transparent;
}

/* Caption */

.fancybox-caption-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 30px 0 30px;
	z-index: 99998;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8) 100%);
	opacity: 0;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	pointer-events: none;
}

.fancybox-show-caption .fancybox-caption-wrap {
	opacity: 1;
}

.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, .4);
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button {
	pointer-events: all;
}

.fancybox-caption a {
	color: #fff;
	text-decoration: underline;
}

/* Buttons */

.fancybox-button {
	display: inline-block;
	position: relative;
	width: 44px;
	height: 44px;
	line-height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	background: transparent;
	color: #fff;
	box-sizing: border-box;
	vertical-align: top;
	outline: none;
}

.fancybox-button--disabled {
	cursor: default;
	pointer-events: none;
}

.fancybox-infobar__body,
.fancybox-button {
	background: rgba(30, 30, 30, .6);
}

.fancybox-button:hover {
	background: rgba(0, 0, 0, .8);
}

.fancybox-button::before,
.fancybox-button::after {
	content: "";
	pointer-events: none;
	position: absolute;
	border-color: #fff;
	background-color: currentColor;
	color: currentColor;
	opacity: .9;
	box-sizing: border-box;
	display: inline-block;
}

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
	opacity: .5;
}

.fancybox-button--left::after {
	left: 20px;
	top: 18px;
	width: 6px;
	height: 6px;
	background: transparent;
	border-top: solid 2px currentColor;
	border-right: solid 2px currentColor;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.fancybox-button--right::after {
	right: 20px;
	top: 18px;
	width: 6px;
	height: 6px;
	background: transparent;
	border-top: solid 2px currentColor;
	border-right: solid 2px currentColor;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fancybox-button--left {
	border-bottom-left-radius: 5px;
}

.fancybox-button--right {
	border-bottom-right-radius: 5px;
}

.fancybox-button--close {
	float: right;
}

.fancybox-button--close::before,
.fancybox-button--close::after {
	content: "";
	display: inline-block;
	position: absolute;
	height: 2px;
	width: 16px;
	top: calc(50% - 1px);
	left: calc(50% - 8px);
}

.fancybox-button--close::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fancybox-button--close::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Loading spinner */

.fancybox-loading {
	border: 6px solid rgba(100, 100, 100, .4);
	border-top: 6px solid rgba(255, 255, 255, .6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: fancybox-rotate .8s infinite linear;
	animation: fancybox-rotate .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 99999;
}

/* Styling for Small-Screen Devices */

/* Fullscreen  */

.fancybox-button--fullscreen::before {
	width: 15px;
	height: 11px;
	left: 15px;
	top: 16px;
	border: 2px solid;
	background: none;
}

/* Slideshow button */

.fancybox-button--play::before {
	top: 16px;
	left: 18px;
	width: 0;
	height: 0;
	border-top: 6px inset transparent;
	border-bottom: 6px inset transparent;
	border-left: 10px solid;
	border-radius: 1px;
	background: transparent;
}

.fancybox-button--pause::before {
	top: 16px;
	left: 18px;
	width: 7px;
	height: 11px;
	border-style: solid;
	border-width: 0 2px 0 2px;
	background: transparent;
}

/* Thumbs */

.fancybox-button--thumbs span {
	font-size: 23px;
}

.fancybox-button--thumbs::before {
	top: 20px;
	left: 21px;
	width: 3px;
	height: 3px;
	box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
}

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
	right: 220px;
}

.fancybox-thumbs {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: 220px;
	margin: 0;
	padding: 5px 5px 0 0;
	background: #fff;
	z-index: 99993;
	word-break: normal;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
}

.fancybox-thumbs > ul {
	list-style: none;
	position: absolute;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0;
}

.fancybox-thumbs > ul > li {
	float: left;
	overflow: hidden;
	max-width: 50%;
	padding: 0;
	margin: 0;
	width: 105px;
	height: 75px;
	position: relative;
	cursor: pointer;
	outline: none;
	border: 5px solid #fff;
	border-top-width: 0;
	border-right-width: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
}

li.fancybox-thumbs-loading {
	background: rgba(0, 0, 0, .1);
}

.fancybox-thumbs > ul > li > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	max-height: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fancybox-thumbs > ul > li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 2px;
	border: 4px solid #4ea7f9;
	z-index: 99991;
	opacity: 0;
	-webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
	transition: all .2s cubic-bezier(.25, .46, .45, .94);
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
	opacity: 1;
}

/* Styling for Small-Screen Devices */

/*  ---------------------------------------------------------
	5. Print style
	---------------------------------------------------------*/

@media (min-width: 400px) {
	body {
		font-size: 18px;
	}

	.breadcrumbs {
		font-size: 16px;
		font-size: 17px;
		top: 134px;
		left: 106px;
	}

	.breadcrumbs li:before {
		padding: 0 8px 0 9px;
	}

	.breadcrumbs li a,
	.breadcrumbs li span {
		max-width: 78px;
	}

	#header {
		padding: 15px 23px 15px 11px;
	}

	#header .btn-question {
		right: 24px;
	}

	.nav-opener {
		width: 65px;
		height: 65px;
	}

	.nav-opener:before,
	.nav-opener:after,
	.nav-opener span {
		width: 26px;
		height: 4px;
	}

	.nav-opener:before,
	.nav-opener:after {
		margin: -9px 0 0;
	}

	.nav-opener:after {
		margin: 9px 0 0;
	}

	#nav {
		width: 65px;
		height: 65px;
		top: 109px;
		left: 20px;
	}

	.intro {
		width: 75%;
		padding: 38px 0;
	}

	.intro h1 {
		font-size: 1.875rem;
		margin: 0 0 23px;
	}

	.steps {
		padding: 100px 0 12vh;
	}

	.prev-page {
		top: 14.87vh;
	}

	.next-page {
		bottom: 7px;
	}

	.range-slider {
		padding: 28px 91px 28px 47px;
	}

	.range-slider .start-amount,
	.range-slider .end-amount {
		font-size: 26px;
	}

	.range-slider .amount-range {
		left: 47px;
		right: 91px;
	}

	.chosen-plan .slick-list {
		max-width: 318px;
	}

	.chosen-plan .slide {
		padding: 0 17px 90px;
	}

	.aside {
		top: 94px;
		bottom: 41px;
	}

	.aside-opener {
		top: 92%;
	}

	.fancybox-slide > * {
		width: 344px;
		padding: 34px 26px 40px;
	}

	.fancybox-close-small {
		top: 15px;
		right: 12px;
	}
}

@media (max-width: 479px) and (min-width: 768px) {
	.services .slide.slick-current .graph svg {
		width: 120px;
		height: 120px;
	}
}

@media (min-width: 480px) {
	.services .slide a:hover {
		margin: -19px -10px;
		padding-top: 20px;
	}

	.services .slide a:hover .graph {
		width: 120px;
		margin-bottom: 10px;
	}

	.services .slide a:hover .graph .status strong {
		font-size: 1.1em;
	}

	.services .slide a:hover .graph .status span {
		font-size: .75em;
	}

	.services .slide a:hover .title {
		font-size: 17px;
		bottom: 18px;
	}
}

@media (min-width: 768px) {
	h1 {
		font-size: 28px;
		margin: 0 0 40px;
	}

	.bg-stretch.bg-img-mobile {
		background: none !important;
	}

	.bg-stretch.bg-img-mobile:after {
		display: none;
	}

	.bg-img.show-on-mobile {
		display: none;
	}

	label.custom-checkbox,
	.custom-checkbox label {
		padding: 0 0 0 30px;
	}

	.breadcrumbs {
		font-size: 16px;
		background: #fff;
		top: 57px;
		left: auto;
		right: 50px;
	}

	.breadcrumbs li a,
	.breadcrumbs li span {
		max-width: inherit;
	}

	.container {
		width: 70%;
	}

	.btn-continue {
		min-width: 200px;
		margin: 50px 0 0;
	}

	#wrapper > .jcf-scrollable-wrappers {
		height: calc(100% - 122px) !important;
		margin: 122px 0 0;
	}

	#wrapper .progress-bar ~ .jcf-scrollable-wrappers {
		height: calc(100% - 157px) !important;
		margin: 122px 0 35px;
	}

	.ui-slider .ui-slider-handle {
		font-size: 16px;
	}

	.ui-slider .ui-slider-handle:after {
		width: 24px;
		height: 24px;
	}

	.ui-slider-horizontal .ui-slider-handle {
		top: -38px;
	}

	#header {
		height: 122px;
		padding: 35px 38px;
	}

	#header .logo {
		max-width: 263px;
		margin: 2px 0 0;
	}

	#header .logo img.small {
		display: none;
	}

	#header .logo img.large {
		display: block;
	}

	#header .btn-question {
		top: 56%;
		right: 50px;
	}

	.nav-opener {
		display: none;
	}

	#nav {
		width: 9.53vh;
		position: fixed;
		top: 143px;
		left: 15px;
	}

	#nav ul {
		padding: 0;
		width: auto;
		opacity: 1;
		visibility: visible;
		position: static;
	}

	#nav ul li a {
		height: 11.29vh;
	}

	.visual-large {
		height: calc(100vh - 122px);
	}

	.visual .container {
		width: 82.29%;
	}

	.visual .heading {
		font-size: 4vh;
		line-height: 1.078;
		padding: 2vh 4vh;
		margin: 0 0 7px;
		box-shadow: 2px 5px 5px rgba(0, 0, 0, .15);
	}

	.visual .subhead {
		padding: 1.5vh 4vh;
		margin: 0 0 0 12vh;
		font-size: 3.5vh;
		line-height: 1.117;
		box-shadow: 2px 5px 5px rgba(0, 0, 0, .15);
	}

	#main {
		height: calc(100% - 122px);
		margin: 122px 0 0;
	}

	.has-progressbar #main {
		height: calc(100% - 157px);
		margin: 122px 0 35px;
	}

	.intro {
		width: 82%;
		padding: 35px 0;
	}

	.intro .btn {
		display: none;
	}

	.terms-approval .box {
		width: 625px;
		padding: 59px 95px 71px 100px;
	}

	.terms-approval .heading {
		font-size: 24px;
		margin: 0 0 19px;
	}

	.steps {
		padding: 9.25vh 0;
	}

	.prev-page {
		top: 3.333vh;
	}

	.progress-bar {
		height: 35px;
		font-size: 17px;
		line-height: 22px;
	}

	.progress-bar span.text {
		left: 24px;
	}

	.progress-bar .detail-opener {
		right: 22px;
		padding: 0 24px 0 0;
	}

	.progress-bar .detail-opener:before,
	.progress-bar .detail-opener:after,
	.progress-bar .detail-opener span:before {
		width: 17px;
	}

	.progress-bar .detail-opener:before {
		margin: -6px 0 0;
	}

	.progress-bar .detail-opener:after {
		margin: 6px 0 0;
	}

	.progress-bar .detail-nav .detail-opener {
		width: 34px;
		height: 34px;
		font-size: 24px;
	}

	.detail-nav {
		width: 300px;
		top: 122px;
		padding: 59px 0 50px;
		line-height: 27px;
	}

	.detail-nav ol a {
		padding: 5px 20px 5px 50px;
	}

	.account-finder h1 {
		margin: 0 0 50px;
	}

	.range-slider {
		max-width: 619px;
		padding: 35px 109px 35px 66px;
	}

	.range-slider .amount-range {
		font-size: 16px;
		left: 66px;
		right: 109px;
	}

	.range-slider .amount-range li:after {
		padding: 0 0 0 6px;
	}

	.age-group {
		max-width: 1006px;
		margin: 0 auto;
		padding: 0;
	}

	.age-group ul {
		font-size: 20px;
		line-height: 24px;
		margin: 0;
	}

	.age-group ul li {
		width: 50%;
		padding: 10px;
	}

	.age-group ul label span {
		padding: 8px;
	}

	.offer-info h1 {
		margin: 0 0 30px;
	}

	.offer-info .radio-buttons {
		font-size: 20px;
		line-height: 24px;
	}

	.offer-info .radio-buttons li {
		padding: 10px 0;
	}

	.offer-info .radio-buttons label {
		padding: 8px;
	}

	.offer-info .offer-box {
		padding: 30px 20px 25px;
	}

	.offer-info .offer-box p {
		margin: 0 0 38px;
	}

	.offer-info .offer-box h3 {
		font-size: 17px;
		line-height: 20px;
		padding: 25px 10px 10px;
		margin: 0 -10px;
	}

	.offer-info .offer-box .price {
		font-size: 40px;
		margin: 0 0 10px;
	}

	.recommendation {
		margin: 0;
	}

	.recommendation .text {
		padding: 25px;
		margin: 0 15px;
		font-size: 18px;
	}

	.recommendation .heading {
		font-size: inherit;
		margin: 0 0 13px;
	}

	.recommendation h1 {
		font-size: 30px;
		margin: 0 0 20px;
	}

	.recommendation .bullet-list {
		margin: 0 0 45px;
	}

	.recommendation .bullet-list li {
		padding: 0 0 0 18px;
		margin: 10px 0 0;
	}

	.recommendation .bullet-list li:before {
		width: 9px;
		height: 9px;
		top: 8px;
	}

	.recommendation .bullet-list ul {
		padding: 8px 0 0 19px;
	}

	.recommendation .bullet-list ul li {
		margin: 12px 0 0;
	}

	.recommendation .buttons {
		max-width: 347px;
	}

	.recommendation .buttons li {
		margin: 0 0 17px;
	}

	.recommendation .buttons .btn {
		font-size: 18px;
		line-height: inherit;
		padding: 8px 12px;
	}

	.services {
		padding: 10px 0;
	}

	.services .slick-list {
		max-width: inherit;
		padding: 0 40px;
	}

	.services .slide {
		padding: 0 18px;
	}

	.services .slide a {
		padding: 18px 10px 10px;
	}

	.services .slide a:hover .graph svg {
		width: 120px;
		height: 120px;
	}

	.services .graph svg {
		width: 106px;
		height: 106px;
	}

	.services .graph .status strong {
		font-size: .9em;
	}

	.services .graph .status span {
		font-size: .65em;
	}

	.chosen-plan {
		width: auto;
		margin: 0;
	}

	.chosen-plan .slick-list {
		width: auto;
		max-width: 984px;
	}

	.chosen-plan .slick-track {
		padding: 20px 0;
	}

	.chosen-plan .slide {
		padding: 0 17px 80px;
	}

	.chosen-plan .box {
		padding: 27px 24px 35px;
	}

	.chosen-plan h2 {
		margin: 0 0 23px;
	}

	.chosen-plan .custom-checkbox .custom-input {
		right: 29px;
	}

	.chosen-plan .custom-checkbox .btns.btn {
		-webkit-transform: translate(-50%, -42px);
		-ms-transform: translate(-50%, -42px);
		transform: translate(-50%, -42px);
	}

	.chosen-plan .btn {
		-webkit-transform: translate(-50%, 35px);
		-ms-transform: translate(-50%, 35px);
		transform: translate(-50%, 35px);
	}

	.aside {
		width: 267px;
		top: 137px;
		bottom: 57px;
		font-size: 16px;
		line-height: 1.312;
	}

	.aside-opener {
		top: 50%;
		-webkit-transform: translate(3px, -58%);
		-ms-transform: translate(3px, -58%);
		transform: translate(3px, -58%);
	}

	.aside-opener span {
		width: 33px;
		height: 118px;
	}

	.aside .jcf-scrollable {
		padding: 15px;
	}

	.aside .info {
		margin: 0 -15px;
		padding: 26px 15px 33px;
	}

	.aside .graph-holder {
		max-width: 192px;
		margin: 0 auto 31px;
	}

	.aside .graph svg {
		width: 121px;
		height: 121px;
	}

	.aside .common-graph svg {
		width: 192px;
		height: 192px;
	}

	.aside h2 {
		font-size: 24px;
		margin: 0 0 33px;
	}

	.aside h3 {
		font-size: 20px;
		line-height: 1.35;
		margin: 0 0 16px;
	}

	.aside .values li {
		margin: 0 0 14px;
	}

	.aside .values .heading {
		font-size: inherit;
		margin: 0 0 4px;
	}

	.aside .values .value {
		font-size: inherit;
	}

	.aside .required-fields {
		padding: 18px 0 18px 10px;
	}

	.aside .required-fields ul {
		margin: 0 0 25px;
	}

	.aside .logo-area .logo {
		height: 80px;
	}

	.aside .price-info,
	.aside .offer-box {
		padding: 25px 10px;
	}

	.aside .price-info:before,
	.aside .offer-box:before {
		left: -15px;
		right: -15px;
	}

	.aside .price-info p,
	.aside .offer-box p {
		margin: 0 0 13px;
	}

	.aside .price-info h3,
	.aside .offer-box h3 {
		font-size: 16px;
		line-height: 19px;
		padding: 13px 10px;
		margin: 0 -10px 12px;
	}

	.aside .price-info .price,
	.aside .offer-box .price {
		font-size: 30px;
		margin: 0 0 10px;
	}

	.contact-popup {
		font-size: 26px;
		line-height: 24px;
	}

	.contact-popup h2 {
		font-size: 30px;
		margin: 0 0 30px;
	}

	.contact-popup .img-holder {
		width: 248px;
		margin: 0 0 32px;
	}

	.contact-popup .title {
		padding: 0 5px;
	}

	.contact-popup ul {
		padding: 0 5px;
	}

	.fancybox-slide > * {
		width: 637px;
		padding: 50px;
		margin: 44px 0;
	}

	.fancybox-close-small {
		top: 24px;
		right: 43px;
	}
}

@media print and (min-width: 768px) {
	.services .slick-list {
		max-width: inherit;
		padding: 0 40px;
	}
}

@media (min-width: 900px) {
	h1 {
		font-size: 36px;
		margin: 0 0 50px;
	}

	.ui-slider .ui-slider-handle {
		font-size: 18px;
	}

	.ui-slider .ui-slider-handle:after {
		width: 27px;
		height: 27px;
	}

	.ui-slider-horizontal .ui-slider-handle {
		top: -42px;
	}

	#nav {
		left: 23px;
	}

	.account-finder h1 {
		margin: 0 0 73px;
	}

	.range-slider .start-amount,
	.range-slider .end-amount {
		-webkit-transform: translateY(-59%);
		-ms-transform: translateY(-59%);
		transform: translateY(-59%);
	}

	.range-slider .start-amount:after {
		content: "€";
	}

	.range-slider .amount-range {
		font-size: 18px;
		bottom: -1px;
	}

	.age-group h1 {
		margin: 0 0 52px;
	}
}

@media (min-width: 1024px) {
	.breadcrumbs {
		background: none;
		top: 147px;
		left: 29px;
		right: auto;
	}

	.btn-continue {
		margin: 70px 0 0;
	}

	#header .btn-question {
		font-size: 20px;
		top: 50%;
		right: 37px;
	}

	#nav {
		top: 192px;
		left: 29px;
	}

	.visual .heading {
		font-size: 5.92vh;
		padding: 2.77vh 4.62vh;
	}

	.visual .subhead {
		padding: 1.851vh 5vh;
		margin: 0 0 0 27.12vh;
		font-size: 4.72vh;
	}

	.intro {
		max-width: 910px;
		padding: 55px 0;
	}

	.intro h1 {
		font-size: 2.25rem;
		margin: 0 0 31px;
	}

	.progress-bar {
		font-size: 21px;
		line-height: 24px;
	}

	.progress-bar .detail-opener {
		padding: 0 20px 0 0;
	}

	.progress-bar .detail-opener:before,
	.progress-bar .detail-opener:after,
	.progress-bar .detail-opener span:before {
		width: 13px;
		height: 1px;
	}

	.progress-bar .detail-opener:before {
		margin: -3px 0 0;
	}

	.progress-bar .detail-opener:after {
		margin: 3px 0 0;
	}

	.detail-nav {
		font-size: 21px;
		line-height: 29px;
	}

	.age-group ul {
		font-size: 22px;
		line-height: 26px;
	}

	.age-group ul li {
		width: 33.333%;
	}

	.age-group ul label span {
		padding: 10px;
	}

	.offer-info {
		max-width: 1300px;
		padding: 0 180px;
		margin: 0 auto;
	}

	.offer-info .radio-buttons {
		font-size: 22px;
		line-height: 26px;
	}

	.offer-info .radio-buttons label {
		padding: 10px;
	}

	.offer-info .offer-box {
		display: block;
	}

	.offer-info .offer-box h3 {
		font-size: 19px;
		line-height: 22px;
	}

	.offer-info .offer-box .price {
		font-size: 48px;
	}

	.services .slick-list {
		padding: 0 15px;
	}

	.services .slick-track {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.services .slide {
		width: auto !important;
		padding: 0 11px;
	}

	.services .slide a {
		width: 175px;
	}

	.services .slide a:hover {
		width: 195px;
		margin: -19px 0;
	}

	.aside .offer-tabs .offer-box {
		display: none !important;
	}

	.aside .logo-area {
		padding: 0 0 0 4px;
	}

	.aside .price-info h3,
	.aside .offer-box h3 {
		font-size: 18px;
		line-height: 21px;
	}

	.aside .price-info .price,
	.aside .offer-box .price {
		font-size: 35px;
	}

	.contact-popup {
		font-size: 22px;
		line-height: 29px;
	}

	.contact-popup h2 {
		font-size: 37px;
	}

	.fancybox-slide > * {
		padding: 63px 48px 79px;
	}
}

@media print and (min-width: 1024px) {
	.services .slick-list {
		padding: 0 15px;
	}
}

@media (min-width: 1200px) {
	.detail-nav {
		width: 384px;
	}

	.detail-nav ol a {
		padding: 5px 30px 5px 71px;
	}

	.age-group ul {
		font-size: 26px;
		line-height: 28px;
	}

	.age-group ul li {
		padding: 18px;
	}

	.offer-info .radio-buttons {
		font-size: 26px;
		line-height: 28px;
	}

	.offer-info .radio-buttons li {
		padding: 18px 0;
	}

	.offer-info .offer-box {
		width: 322px;
		padding: 42px 34px 25px;
		top: 173px;
		right: 50px;
	}

	.offer-info .offer-box h3 {
		padding: 31px 20px 11px;
		margin: 0 -20px;
	}

	.recommendation {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.recommendation .text {
		width: 60%;
		margin: 0;
		font-size: 22px;
	}

	.recommendation h1 {
		font-size: 41px;
		margin: 0 0 26px;
	}

	.recommendation .bullet-list li {
		padding: 0 0 0 22px;
	}

	.recommendation .bullet-list li:before {
		width: 11px;
		height: 11px;
		top: 9px;
	}

	.recommendation .buttons {
		max-width: 347px;
		margin: 0 0 0 43px;
	}

	.recommendation .buttons li {
		margin: 0 0 23px;
	}

	.recommendation .buttons .btn {
		font-size: 20px;
	}

	.recommendation .cards {
		display: block;
	}

	.services .slide a {
		width: 185px;
	}

	.services .slide a:hover {
		width: 204px;
	}
}

@media (min-width: 1400px) {
	.recommendation .text {
		width: 55.6%;
		padding: 52px 46px 26px;
	}
}

@media (max-width: 1023px) {
	.breadcrumbs li:nth-last-child(n+4) {
		display: none;
	}

	.breadcrumbs li:nth-last-child(n+3):before {
		display: none;
	}

	.services .slide.slick-current a {
		margin: -19px -10px;
		padding-top: 20px;
	}

	.services .slide.slick-current .graph {
		width: 122px;
		margin-bottom: 15px;
	}

	.services .slide.slick-current .title {
		font-size: 17px;
		bottom: 18px;
	}
}

@media all and (max-width: 800px) {
	.fancybox-controls {
		text-align: left;
	}

	.fancybox-button--left,
	.fancybox-button--right,
	.fancybox-buttons button:not(.fancybox-button--close) {
		display: none !important;
	}

	.fancybox-caption {
		padding: 20px 0;
		margin: 0;
	}

	.fancybox-thumbs {
		display: none !important;
	}

	.fancybox-container--thumbs .fancybox-controls,
	.fancybox-container--thumbs .fancybox-slider-wrap,
	.fancybox-container--thumbs .fancybox-caption-wrap {
		right: 0;
	}
}

@media (max-width: 479px) {
	.services .slide.slick-current a {
		margin: -23px -10px;
		padding: 25px 14px 12px;
	}

	.services .slide.slick-current .graph {
		width: 150px;
		margin-bottom: 12px;
	}

	.services .slide.slick-current .graph svg {
		width: 150px;
		height: 150px;
	}

	.services .slide.slick-current .title {
		font-size: 20px;
		bottom: 24px;
	}

	.services .graph {
		width: 137px;
	}
}

@media (max-width: 399px) {
	.steps.add {
		padding: 9vh 0 15px;
	}
}

@media print {
	* {
		color: #000 !important;
		background: none !important;
		border-color: #c7c7c7 !important;
		box-shadow: none !important;
	}

	body {
		overflow-y: auto;
	}

	html,
	body,
	#wrapper,
	.page-container,
	.page-mask,
	.page-slideset,
	.content-wrap,
	.jcf-scrollable-wrapper,
	.jcf-scrollable {
		width: 100% !important;
		height: auto !important;
	}

	.nav-opener,
	#nav,
	.btn-question,
	.bread,
	.popup-holder,
	.prev-page,
	.next-page,
	.progress-bar,
	.aside,
	.jcf-scrollbar,
	.visual,
	.terms-approval,
	.breadcrumbs,
	.description-holder,
	.fancybox-container,
	.offer-info {
		display: none !important;
	}

	.container {
		max-width: inherit !important;
		width: 100% !important;
	}

	#header {
		height: auto;
		position: static;
		display: block;
		padding: 15px 11px;
		box-shadow: none; /* page logo styles */
	}

	#header .logo {
		max-width: 263px;
		margin: 0 auto 10px;
	}

	#header .logo img.small,
	#header .logo img.large {
		display: none;
	}

	#header .logo img.print {
		display: block;
	}

	#main {
		margin: 0 !important;
	}

	.page-slideset {
		margin: 0 !important;
	}

	.content-wrap .flex-box {
		display: block;
	}

	.intro {
		padding: 20px 0 0;
		text-align: center;
	}

	.intro h1 {
		font-size: 26px;
	}

	.intro.hide-on-med-and-up,
	.intro .btn {
		display: none !important;
	}

	.services {
		overflow: hidden;
		position: relative;
		margin: 0 0 30px;
	}

	.services .slick-list {
		max-width: 296px;
		margin: 0 auto;
		padding: 0 30px;
		overflow: visible;
	}

	.services .slick-track {
		width: 100% !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
		padding: 0;
	}

	.services .slide {
		max-width: 20%;
		letter-spacing: normal;
		padding: 0 5px;
	}

	.services .slide a {
		width: auto !important;
		padding: 10px !important;
		border: 1px solid #000;
		margin: 0 !important;
	}

	.services .circle {
		stroke: #95989a !important;
	}

	.services .graph {
		width: auto !important;
		max-width: 106px;
		margin: 0 auto !important;
	}

	.services .graph .status strong {
		font-size: .9em !important;
	}

	.services .graph .status span {
		font-size: .65em !important;
	}

	.services .img-holder {
		display: none;
	}

	.services .title {
		display: block;
		position: static;
		font-size: 16px !important;
	}

	.steps {
		padding: 0;
	}

	.page-container {
		height: auto;
	}

	.page-container .page-mask {
		height: auto;
	}

	.page-container .content-wrap {
		height: auto;
	}

	.page-container .tab {
		opacity: 1 !important;
	}

	.page-container .tab > h2 {
		font-size: 24px;
		display: block;
		text-align: center;
		margin: 0;
	}

	.js-tab-hidden {
		display: block !important;
		position: static !important;
	}

	.chosen-plan {
		width: auto;
		margin: 0;
	}

	.chosen-plan .slick-list {
		max-width: inherit;
	}

	.chosen-plan .slick-track {
		width: auto !important;
		max-width: 900px;
		padding: 10px 0;
		margin: 0 auto;
		display: block;
	}

	.chosen-plan .slide {
		width: 100% !important;
		padding: 0 10px 20px;
	}

	.chosen-plan .box {
		padding: 15px 15px 0;
		border-width: 2px;
	}

	.chosen-plan h2 {
		margin: 0 0 10px;
	}

	.chosen-plan h2 + h2 {
		margin: 0;
		padding: 0;
	}

	.chosen-plan .product-name {
		margin: 0 0 15px;
	}

	.chosen-plan .custom-checkbox .custom-input:after {
		border-color: #000;
	}

	.chosen-plan .custom-checkbox .custom-input {
		width: 25px;
		height: 25px;
		top: 15px;
		right: 15px;
	}

	.chosen-plan .custom-checkbox .custom-input:after {
		width: 24px;
		height: 16px;
		left: 4px;
		margin: 1px 0 0;
		border-width: 0 0 6px 6px;
	}

	.chosen-plan .custom-checkbox .btn {
		display: none !important;
	}

	.chosen-plan .btn {
		display: none;
	}

	.account-finder {
		padding: 40px 0;
	}

	.account-finder h1 {
		font-size: 26px;
		margin: 0 0 20px;
	}

	.ui-widget.ui-widget-content {
		height: 5px;
		background: #000 !important;
		border: 2px solid;
	}

	.offer-info {
		page-break-after: always;
		max-width: inherit;
		padding: 0;
	}

	.offer-info h1 {
		font-size: 26px;
		margin: 0 0 10px;
	}

	.offer-info .radio-buttons li {
		padding: 0;
	}

	.offer-info .radio-buttons label {
		display: none;
	}

	.offer-info input[type="radio"]:checked ~ .offer-box {
		display: block;
	}

	.offer-info .offer-box {
		width: auto;
		padding: 10px;
		font-size: 16px;
		line-height: 21px;
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		visibility: visible;
		display: none;
	}

	.offer-info .offer-box p {
		margin: 0 0 11px;
	}

	.offer-info .offer-box h3 {
		font-size: 20px;
		line-height: 26px;
		margin: 0;
		padding: 10px 0 0;
	}

	.offer-info .offer-box .price {
		font-size: 40px;
	}

	.recommendation {
		padding: 10px 0;
		margin: 0;
		display: block;
	}

	.recommendation .text {
		width: auto;
		max-width: 500px;
		margin: 0 auto;
		padding: 15px;
		font: 13px/1.318 "Segoe UI", Arial, sans-serif;
		border: 2px solid #95989a;
	}

	.recommendation .heading {
		font-size: 14px;
		margin: 0 0 5px;
	}

	.recommendation h1 {
		font-size: 24px;
		margin: 0 0 14px;
	}

	.recommendation .bullet-list {
		margin: 0 0 10px;
	}

	.recommendation .bullet-list li {
		padding: 0 0 0 12px;
		margin: 9px 0 0;
		position: relative;
	}

	.recommendation .bullet-list li:before {
		width: 6px;
		height: 6px;
		content: "";
		position: absolute;
		top: 6px;
		left: 0;
		right: auto;
		bottom: auto;
		background: #000 !important;
	}

	.recommendation .bullet-list ul {
		padding: 0 0 0 5px;
	}

	.recommendation .bullet-list ul li {
		margin: 9px 0 0;
	}

	.recommendation .buttons,
	.recommendation .cards {
		display: none;
	}
}

@-webkit-keyframes cardMove {
	from {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
		visibility: hidden;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
	}
}

@keyframes cardMove {
	from {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
		visibility: hidden;
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
	}
}

@-webkit-keyframes fancybox-rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes fancybox-rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}