.jspContainer {
	overflow: hidden;
	position: relative
}

.jspPane {
	position: absolute
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red
}

.sm-popup__wrapper .jspVerticalBar {
	width: 9px
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red
}

.jspCap {
	display: none
}

.jspHorizontalBar .jspCap {
	float: left
}

.jspTrack {
	background: #ffffff;
	position: relative
}

.jspDrag {
	background: #000000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d
}

.jspVerticalBar .jspArrow {
	height: 16px
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%
}

.jspVerticalBar .jspArrow:focus {
	outline: none
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%
}

* html .jspCorner {
	margin: 0 -3px 0 0
}

html {
	font-size: 1.15em !important
}

@font-face {
	font-family: "Roboto-normal";
	font-style: normal;
	font-weight: 400;
	src: local("Roboto Regular"), local("RobotoRegular"), url("../fonts/FuturaBook.woff2") format("woff2"), url("../fonts/FuturaBook.woff") format("woff")
}

@font-face {
	font-family: "Futura-bold";
	font-style: normal;
	font-weight: 400;
	src: local("Futura Bold"), local("FuturaBold"), url("../fonts/FuturaPTDemi.woff2") format("woff2"), url("../fonts/FuturaPTDemi.woff") format("woff")
}

#main,
.mask {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

#main.openSubNav,
.openSubNav #main,
.openSubNav header div#topNav,
header div#topNav.openSubNav {
	-webkit-transform: translate(300px, 0);
	-moz-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	-o-transform: translate(300px, 0)
}

.mask,
div.bx-has-controls-direction .bx-prev {
	left: 0
}

div#mainNav div#mainNavCTA,
div#tools {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff500', GradientType=0)
}

.c3-tooltip,
.datagrid,
table {
	border-collapse: collapse;
	border-spacing: 0
}

.gridSystem .grid {
	float: left
}

.gridSystem .grid.floatr {
	float: right
}

.gridSystem .gridModule {
	float: left
}

.gridSystem .gridModule.floatr {
	float: right
}

.gridSystem .grid.x0 {
	display: none
}

.gridSystem .grid.x1 {
	width: 8.33333%;
	display: block
}

.gridSystem .grid.x1 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x1 .gridModule.x1 {
	width: 75%;
	margin-right: 12.5%;
	padding-right: 0;
	margin-left: 12.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x2 {
	width: 16.66667%;
	display: block
}

.gridSystem .grid.x2 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x2 .gridModule.x1 {
	width: 37.5%;
	margin-right: 6.25%;
	padding-right: 0;
	margin-left: 6.25%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x2 .gridModule.x2 {
	width: 87.5%;
	margin-right: 6.25%;
	padding-right: 0;
	margin-left: 6.25%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x3 .gridModule.x1,
.gridSystem .grid.x3 .gridModule.x2,
.gridSystem .grid.x3 .gridModule.x3 {
	margin-right: 4.16667%;
	padding-right: 0;
	margin-left: 4.16667%;
	padding-left: 0
}

.gridSystem .grid.x3 {
	width: 25%;
	display: block
}

.gridSystem .grid.x3 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x3 .gridModule.x1 {
	width: 25%;
	display: block
}

.gridSystem .grid.x3 .gridModule.x2 {
	width: 58.33333%;
	display: block
}

.gridSystem .grid.x3 .gridModule.x3 {
	width: 91.66667%;
	display: block
}

.gridSystem .grid.x4 .gridModule.x1,
.gridSystem .grid.x4 .gridModule.x2,
.gridSystem .grid.x4 .gridModule.x3,
.gridSystem .grid.x4 .gridModule.x4 {
	margin-right: 3.125%;
	padding-right: 0;
	margin-left: 3.125%
}

.gridSystem .grid.x4 {
	width: 33.33333%;
	display: block
}

.gridSystem .grid.x4 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x4 .gridModule.x1 {
	width: 18.75%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x4 .gridModule.x2 {
	width: 43.75%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x4 .gridModule.x3 {
	width: 68.75%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x4 .gridModule.x4 {
	width: 93.75%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x5 .gridModule.x1,
.gridSystem .grid.x5 .gridModule.x2,
.gridSystem .grid.x5 .gridModule.x3,
.gridSystem .grid.x5 .gridModule.x4,
.gridSystem .grid.x5 .gridModule.x5 {
	margin-right: 2.5%;
	padding-right: 0;
	margin-left: 2.5%;
	padding-left: 0
}

.gridSystem .grid.x5 {
	width: 41.66667%;
	display: block
}

.gridSystem .grid.x5.banking {
	width: auto
}

.gridSystem .grid.x5 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x5 .gridModule.x1 {
	width: 15%;
	display: block
}

.gridSystem .grid.x5 .gridModule.x2 {
	width: 35%;
	display: block
}

.gridSystem .grid.x5 .gridModule.x3 {
	width: 55%;
	display: block
}

.gridSystem .grid.x5 .gridModule.x4 {
	width: 75%;
	display: block
}

.gridSystem .grid.x5 .gridModule.x5 {
	width: 95%;
	display: block
}

.gridSystem .grid.x6 .gridModule.x1,
.gridSystem .grid.x6 .gridModule.x2,
.gridSystem .grid.x6 .gridModule.x3,
.gridSystem .grid.x6 .gridModule.x4,
.gridSystem .grid.x6 .gridModule.x5,
.gridSystem .grid.x6 .gridModule.x6 {
	margin-right: 2.08333%;
	padding-right: 0;
	margin-left: 2.08333%
}

.gridSystem .grid.x6 {
	width: 50%;
	display: block
}

.gridSystem .grid.x6 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x6 .gridModule.x1 {
	width: 12.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x6 .gridModule.x2 {
	width: 29.16667%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x6 .gridModule.x3 {
	width: 45.83333%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x6 .gridModule.x4 {
	width: 62.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x6 .gridModule.x5 {
	width: 79.16667%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x6 .gridModule.x6 {
	width: 95.83333%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x7 .gridModule.x1,
.gridSystem .grid.x7 .gridModule.x2,
.gridSystem .grid.x7 .gridModule.x3,
.gridSystem .grid.x7 .gridModule.x4,
.gridSystem .grid.x7 .gridModule.x5,
.gridSystem .grid.x7 .gridModule.x6,
.gridSystem .grid.x7 .gridModule.x7 {
	margin-right: 1.78571%;
	padding-right: 0;
	margin-left: 1.78571%;
	padding-left: 0
}

.gridSystem .grid.x7 {
	width: 58.33333%;
	display: block
}

.gridSystem .grid.x7 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x7 .gridModule.x1 {
	width: 10.71429%;
	display: block
}

.gridSystem .grid.x7 .gridModule.x2 {
	width: 25%;
	display: block
}

.gridSystem .grid.x7 .gridModule.x3 {
	width: 39.28571%;
	display: block
}

.gridSystem .grid.x7 .gridModule.x4 {
	width: 53.57143%;
	display: block
}

.gridSystem .grid.x7 .gridModule.x5 {
	width: 67.85714%;
	display: block
}

.gridSystem .grid.x7 .gridModule.x6 {
	width: 82.14286%;
	display: block
}

.gridSystem .grid.x7 .gridModule.x7 {
	width: 96.42857%;
	display: block
}

.gridSystem .grid.x8 .gridModule.x1,
.gridSystem .grid.x8 .gridModule.x2,
.gridSystem .grid.x8 .gridModule.x3,
.gridSystem .grid.x8 .gridModule.x4,
.gridSystem .grid.x8 .gridModule.x5,
.gridSystem .grid.x8 .gridModule.x6,
.gridSystem .grid.x8 .gridModule.x7,
.gridSystem .grid.x8 .gridModule.x8 {
	margin-right: 1.5625%;
	padding-right: 0;
	margin-left: 1.5625%
}

.gridSystem .grid.x8 {
	width: 66.66667%;
	display: block
}

.gridSystem .grid.x8 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x8 .gridModule.x1 {
	width: 9.375%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x8 .gridModule.x2 {
	width: 21.875%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x8 .gridModule.x3 {
	width: 34.375%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x8 .gridModule.x4 {
	width: 46.875%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x8 .gridModule.x5 {
	width: 59.375%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x8 .gridModule.x6 {
	width: 71.875%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x8 .gridModule.x7 {
	width: 84.375%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x8 .gridModule.x8 {
	width: 96.875%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x9 .gridModule.x1,
.gridSystem .grid.x9 .gridModule.x2,
.gridSystem .grid.x9 .gridModule.x3,
.gridSystem .grid.x9 .gridModule.x4,
.gridSystem .grid.x9 .gridModule.x5,
.gridSystem .grid.x9 .gridModule.x6,
.gridSystem .grid.x9 .gridModule.x7,
.gridSystem .grid.x9 .gridModule.x8,
.gridSystem .grid.x9 .gridModule.x9 {
	margin-right: 1.38889%;
	padding-right: 0;
	margin-left: 1.38889%;
	padding-left: 0
}

.gridSystem .grid.x9 {
	width: 75%;
	display: block
}

.gridSystem .grid.x9 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x9 .gridModule.x1 {
	width: 8.33333%;
	display: block
}

.gridSystem .grid.x9 .gridModule.x2 {
	width: 19.44444%;
	display: block
}

.gridSystem .grid.x9 .gridModule.x3 {
	width: 30.55556%;
	display: block
}

.gridSystem .grid.x9 .gridModule.x4 {
	width: 41.66667%;
	display: block
}

.gridSystem .grid.x9 .gridModule.x5 {
	width: 52.77778%;
	display: block
}

.gridSystem .grid.x9 .gridModule.x6 {
	width: 63.88889%;
	display: block
}

.gridSystem .grid.x9 .gridModule.x7 {
	width: 75%;
	display: block
}

.gridSystem .grid.x9 .gridModule.x8 {
	width: 86.11111%;
	display: block
}

.gridSystem .grid.x9 .gridModule.x9 {
	width: 97.22222%;
	display: block
}

.gridSystem .grid.x10 .gridModule.x1,
.gridSystem .grid.x10 .gridModule.x10,
.gridSystem .grid.x10 .gridModule.x2,
.gridSystem .grid.x10 .gridModule.x3,
.gridSystem .grid.x10 .gridModule.x4,
.gridSystem .grid.x10 .gridModule.x6,
.gridSystem .grid.x10 .gridModule.x7,
.gridSystem .grid.x10 .gridModule.x8,
.gridSystem .grid.x10 .gridModule.x9 {
	margin-right: 1.25%;
	padding-right: 0;
	margin-left: 1.25%
}

.gridSystem .grid.x10 {
	width: 83.33333%;
	display: block
}

.gridSystem .grid.x10 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x10 .gridModule.x1 {
	width: 7.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x10 .gridModule.x2 {
	width: 17.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x10 .gridModule.x3 {
	width: 27.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x10 .gridModule.x4 {
	width: 37.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x10 .gridModule.x5 {
	width: 47.5%;
	margin-right: 1.25%;
	padding-right: 0;
	margin-left: 1.25%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x10 .gridModule.x6 {
	width: 57.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x10 .gridModule.x7 {
	width: 67.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x10 .gridModule.x8 {
	width: 77.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x10 .gridModule.x9 {
	width: 87.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x10 .gridModule.x10 {
	width: 97.5%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x11 .gridModule.x1,
.gridSystem .grid.x11 .gridModule.x10,
.gridSystem .grid.x11 .gridModule.x11,
.gridSystem .grid.x11 .gridModule.x2,
.gridSystem .grid.x11 .gridModule.x3,
.gridSystem .grid.x11 .gridModule.x4,
.gridSystem .grid.x11 .gridModule.x5,
.gridSystem .grid.x11 .gridModule.x7,
.gridSystem .grid.x11 .gridModule.x8,
.gridSystem .grid.x11 .gridModule.x9 {
	margin-right: 1.13636%;
	padding-right: 0;
	margin-left: 1.13636%;
	padding-left: 0
}

.gridSystem .grid.x11 {
	width: 91.66667%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x11 .gridModule.x1 {
	width: 6.81818%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x2 {
	width: 15.90909%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x3 {
	width: 25%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x4 {
	width: 34.09091%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x5 {
	width: 43.18182%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x6 {
	width: 52.27273%;
	margin-right: 1.13636%;
	padding-right: 0;
	margin-left: 1.13636%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x11 .gridModule.x7 {
	width: 61.36364%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x8 {
	width: 70.45455%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x9 {
	width: 79.54545%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x10 {
	width: 88.63636%;
	display: block
}

.gridSystem .grid.x11 .gridModule.x11 {
	width: 97.72727%;
	display: block
}

.gridSystem .grid.x12 {
	width: 100%;
	display: block
}

.gridSystem .grid.x12.flex {
	display: flex;
	flex-wrap: wrap
}

.gridSystem .grid.x12.flex .banking {
	flex-grow: 1
}

.gridSystem .grid.x12.flex .banking .banking-flex {
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	max-width: 700px
}

.discounts__margin-bottom {
	height: 100px;
	clear: both
}

@media (max-width: 480px) {
	.gridSystem .grid.x12.flex .banking .banking-flex {
		flex-wrap: wrap
	}
	.gridSystem .grid.x12.flex .banking .banking-flex .keysItem {
		padding: 5px 10px 5px 35px;
		background-position: 1px 1px
	}
	.gridSystem .grid.x12.flex .banking .banking-flex .keysItem p {
		min-width: 29.5vw
	}
}

.gridSystem .grid.x12 .gridModule.x0 {
	display: none
}

.gridSystem .grid.x12 .gridModule.x1,
.gridSystem .grid.x12 .gridModule.x10,
.gridSystem .grid.x12 .gridModule.x11,
.gridSystem .grid.x12 .gridModule.x12,
.gridSystem .grid.x12 .gridModule.x2,
.gridSystem .grid.x12 .gridModule.x3,
.gridSystem .grid.x12 .gridModule.x4,
.gridSystem .grid.x12 .gridModule.x5,
.gridSystem .grid.x12 .gridModule.x7,
.gridSystem .grid.x12 .gridModule.x8,
.gridSystem .grid.x12 .gridModule.x9 {
	margin-right: 1.04167%;
	padding-right: 0;
	margin-left: 1.04167%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x12 .gridModule.x1 {
	width: 6.25%
}

.gridSystem .grid.x12 .gridModule.x2 {
	width: 14.58333%
}

.gridSystem .grid.x12 .gridModule.x3 {
	width: 22.91667%
}

.gridSystem .grid.x12 .gridModule.x4 {
	width: 31.25%
}

.gridSystem .grid.x12 .gridModule.x5 {
	width: 39.58333%
}

.gridSystem .grid.x12 .gridModule.x6 {
	width: 47.91667%;
	margin-right: 1.04167%;
	padding-right: 0;
	margin-left: 1.04167%;
	padding-left: 0;
	display: block
}

.gridSystem .grid.x12 .gridModule.x7 {
	width: 56.25%
}

.gridSystem .grid.x12 .gridModule.x8 {
	width: 64.58333%
}

.gridSystem .grid.x12 .gridModule.x9 {
	width: 72.91667%
}

.gridSystem .grid.x12 .gridModule.x10 {
	width: 81.25%
}

.gridSystem .grid.x12 .gridModule.x11 {
	width: 89.58333%
}

.gridSystem .grid.x12 .gridModule.x12 {
	width: 97.91667%
}

.gridSystem .grid.x12 .gridModule.x12.mobileApp {
	width: 95.5%
}

@media (min-width: 960px) {
	.gridSystem .grid.x12 .gridModule.x12.not-margin {
		display: flex;
		flex-wrap: wrap
	}
	.gridSystem .grid.x12 .gridModule.x12.not-margin .grid.x3 {
		display: flex
	}
	.gridSystem .grid.x12 .gridModule.x12.not-margin .grid.x3 .singleTeaserModule {
		display: flex
	}
	.gridSystem .grid.x12 .gridModule.x12.not-margin .grid.x3 .singleTeaserModule .grid.x12 {
		display: flex;
		flex-direction: column
	}
	.gridSystem .grid.x12 .gridModule.x12.not-margin .grid.x3 .singleTeaserModule .grid.x12 .moduleContent {
		flex-grow: 1;
		display: flex;
		flex-direction: column
	}
	.gridSystem .grid.x12 .gridModule.x12.not-margin .grid.x3 .singleTeaserModule .grid.x12 .moduleContent p {
		flex-grow: 1
	}
}

@media screen and (min-width: 481px) and (max-width: 959px),
screen and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) and (max-device-width: 1279px) {
	.gridSystem .grid.y2 .gridModule.y1,
	.gridSystem .grid.y2 .gridModule.y2 {
		padding-right: 0;
		margin-right: 6.25652%;
		margin-left: 6.25652%;
		display: block
	}
	.gridSystem .grid.y0,
	.gridSystem .grid.y0 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y1 {
		width: 8.33333%;
		display: block
	}
	.gridSystem .grid.y1 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y1 .gridModule.y1 {
		width: 74.97393%;
		margin-right: 12.51303%;
		padding-right: 0;
		margin-left: 12.51303%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y2 {
		width: 16.66667%;
		display: block
	}
	.gridSystem .grid.y2 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y2 .gridModule.y1 {
		width: 37.48697%;
		padding-left: 0
	}
	.gridSystem .grid.y2 .gridModule.y2 {
		width: 87.48697%;
		padding-left: 0
	}
	.gridSystem .grid.y3 .gridModule.y1,
	.gridSystem .grid.y3 .gridModule.y2,
	.gridSystem .grid.y3 .gridModule.y3 {
		margin-right: 4.17101%;
		padding-right: 0;
		margin-left: 4.17101%;
		padding-left: 0
	}
	.gridSystem .grid.y3 {
		width: 25%;
		display: block
	}
	.gridSystem .grid.y3 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y3 .gridModule.y1 {
		width: 24.99131%;
		display: block
	}
	.gridSystem .grid.y3 .gridModule.y2 {
		width: 58.32464%;
		display: block
	}
	.gridSystem .grid.y3 .gridModule.y3 {
		width: 91.65798%;
		display: block
	}
	.gridSystem .grid.y4 .gridModule.y1,
	.gridSystem .grid.y4 .gridModule.y2,
	.gridSystem .grid.y4 .gridModule.y3,
	.gridSystem .grid.y4 .gridModule.y4 {
		margin-right: 3.12826%;
		padding-right: 0;
		margin-left: 3.12826%
	}
	.gridSystem .grid.y4 {
		width: 33.33333%;
		display: block
	}
	.gridSystem .grid.y4 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y4 .gridModule.y1 {
		width: 18.74348%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y4 .gridModule.y2 {
		width: 43.74348%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y4 .gridModule.y3 {
		width: 68.74348%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y4 .gridModule.y4 {
		width: 93.74348%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y5 .gridModule.y1,
	.gridSystem .grid.y5 .gridModule.y2,
	.gridSystem .grid.y5 .gridModule.y3,
	.gridSystem .grid.y5 .gridModule.y4,
	.gridSystem .grid.y5 .gridModule.y5 {
		margin-right: 2.50261%;
		padding-right: 0;
		margin-left: 2.50261%;
		padding-left: 0
	}
	.gridSystem .grid.y5 {
		width: 41.66667%;
		display: block
	}
	.gridSystem .grid.y5 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y5 .gridModule.y1 {
		width: 14.99479%;
		display: block
	}
	.gridSystem .grid.y5 .gridModule.y2 {
		width: 34.99479%;
		display: block
	}
	.gridSystem .grid.y5 .gridModule.y3 {
		width: 54.99479%;
		display: block
	}
	.gridSystem .grid.y5 .gridModule.y4 {
		width: 74.99479%;
		display: block
	}
	.gridSystem .grid.y5 .gridModule.y5 {
		width: 94.99479%;
		display: block
	}
	.gridSystem .grid.y6 .gridModule.y1,
	.gridSystem .grid.y6 .gridModule.y2,
	.gridSystem .grid.y6 .gridModule.y3,
	.gridSystem .grid.y6 .gridModule.y4,
	.gridSystem .grid.y6 .gridModule.y5,
	.gridSystem .grid.y6 .gridModule.y6 {
		margin-right: 2.08551%;
		padding-right: 0;
		margin-left: 2.08551%
	}
	.gridSystem .grid.y6 {
		width: 50%;
		display: block
	}
	.gridSystem .grid.y6 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y6 .gridModule.y1 {
		width: 12.49566%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y6 .gridModule.y2 {
		width: 29.16232%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y6 .gridModule.y3 {
		width: 45.82899%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y6 .gridModule.y4 {
		width: 62.49566%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y6 .gridModule.y5 {
		width: 79.16232%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y6 .gridModule.y6 {
		width: 95.82899%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y7 .gridModule.y1,
	.gridSystem .grid.y7 .gridModule.y2,
	.gridSystem .grid.y7 .gridModule.y3,
	.gridSystem .grid.y7 .gridModule.y4,
	.gridSystem .grid.y7 .gridModule.y5,
	.gridSystem .grid.y7 .gridModule.y6,
	.gridSystem .grid.y7 .gridModule.y7 {
		margin-right: 1.78758%;
		padding-right: 0;
		margin-left: 1.78758%;
		padding-left: 0
	}
	.gridSystem .grid.y7 {
		width: 58.33333%;
		display: block
	}
	.gridSystem .grid.y7 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y7 .gridModule.y1 {
		width: 10.71056%;
		display: block
	}
	.gridSystem .grid.y7 .gridModule.y2 {
		width: 24.99628%;
		display: block
	}
	.gridSystem .grid.y7 .gridModule.y3 {
		width: 39.28199%;
		display: block
	}
	.gridSystem .grid.y7 .gridModule.y4 {
		width: 53.5677%;
		display: block
	}
	.gridSystem .grid.y7 .gridModule.y5 {
		width: 67.85342%;
		display: block
	}
	.gridSystem .grid.y7 .gridModule.y6 {
		width: 82.13913%;
		display: block
	}
	.gridSystem .grid.y7 .gridModule.y7 {
		width: 96.42485%;
		display: block
	}
	.gridSystem .grid.y8 .gridModule.y1,
	.gridSystem .grid.y8 .gridModule.y2,
	.gridSystem .grid.y8 .gridModule.y3,
	.gridSystem .grid.y8 .gridModule.y4,
	.gridSystem .grid.y8 .gridModule.y5,
	.gridSystem .grid.y8 .gridModule.y6,
	.gridSystem .grid.y8 .gridModule.y7,
	.gridSystem .grid.y8 .gridModule.y8 {
		margin-right: 1.56413%;
		padding-right: 0;
		margin-left: 1.56413%
	}
	.gridSystem .grid.y8 {
		width: 66.66667%;
		display: block
	}
	.gridSystem .grid.y8 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y8 .gridModule.y1 {
		width: 9.37174%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y8 .gridModule.y2 {
		width: 21.87174%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y8 .gridModule.y3 {
		width: 34.37174%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y8 .gridModule.y4 {
		width: 46.87174%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y8 .gridModule.y5 {
		width: 59.37174%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y8 .gridModule.y6 {
		width: 71.87174%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y8 .gridModule.y7 {
		width: 84.37174%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y8 .gridModule.y8 {
		width: 96.87174%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y1,
	.gridSystem .grid.y9 .gridModule.y2,
	.gridSystem .grid.y9 .gridModule.y3,
	.gridSystem .grid.y9 .gridModule.y4,
	.gridSystem .grid.y9 .gridModule.y5,
	.gridSystem .grid.y9 .gridModule.y6,
	.gridSystem .grid.y9 .gridModule.y7,
	.gridSystem .grid.y9 .gridModule.y8,
	.gridSystem .grid.y9 .gridModule.y9 {
		margin-right: 1.39034%;
		padding-right: 0;
		margin-left: 1.39034%;
		padding-left: 0
	}
	.gridSystem .grid.y9 {
		width: 75%;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y9 .gridModule.y1 {
		width: 8.33044%;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y2 {
		width: 19.44155%;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y3 {
		width: 30.55266%;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y4 {
		width: 41.66377%;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y5 {
		width: 52.77488%;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y6 {
		width: 63.88599%;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y7 {
		width: 74.9971%;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y8 {
		width: 86.10821%;
		display: block
	}
	.gridSystem .grid.y9 .gridModule.y9 {
		width: 97.21933%;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y1,
	.gridSystem .grid.y10 .gridModule.y10,
	.gridSystem .grid.y10 .gridModule.y2,
	.gridSystem .grid.y10 .gridModule.y3,
	.gridSystem .grid.y10 .gridModule.y4,
	.gridSystem .grid.y10 .gridModule.y6,
	.gridSystem .grid.y10 .gridModule.y7,
	.gridSystem .grid.y10 .gridModule.y8,
	.gridSystem .grid.y10 .gridModule.y9 {
		margin-right: 1.2513%;
		padding-right: 0;
		margin-left: 1.2513%
	}
	.gridSystem .grid.y10 {
		width: 83.33333%;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y10 .gridModule.y1 {
		width: 7.49739%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y2 {
		width: 17.49739%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y3 {
		width: 27.49739%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y4 {
		width: 37.49739%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y5 {
		width: 47.49739%;
		margin-right: 1.2513%;
		padding-right: 0;
		margin-left: 1.2513%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y6 {
		width: 57.49739%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y7 {
		width: 67.49739%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y8 {
		width: 77.49739%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y9 {
		width: 87.49739%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y10 .gridModule.y10 {
		width: 97.49739%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y1,
	.gridSystem .grid.y11 .gridModule.y10,
	.gridSystem .grid.y11 .gridModule.y11,
	.gridSystem .grid.y11 .gridModule.y2,
	.gridSystem .grid.y11 .gridModule.y3,
	.gridSystem .grid.y11 .gridModule.y4,
	.gridSystem .grid.y11 .gridModule.y5,
	.gridSystem .grid.y11 .gridModule.y7,
	.gridSystem .grid.y11 .gridModule.y8,
	.gridSystem .grid.y11 .gridModule.y9 {
		margin-right: 1.13755%;
		padding-right: 0;
		margin-left: 1.13755%;
		padding-left: 0
	}
	.gridSystem .grid.y11 {
		width: 91.66667%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y11 .gridModule.y1 {
		width: 6.81581%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y2 {
		width: 15.90672%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y3 {
		width: 24.99763%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y4 {
		width: 34.08854%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y5 {
		width: 43.17945%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y6 {
		width: 52.27036%;
		margin-right: 1.13755%;
		padding-right: 0;
		margin-left: 1.13755%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y7 {
		width: 61.36127%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y8 {
		width: 70.45218%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y9 {
		width: 79.54308%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y10 {
		width: 88.63399%;
		display: block
	}
	.gridSystem .grid.y11 .gridModule.y11 {
		width: 97.7249%;
		display: block
	}
	.gridSystem .grid.y12 {
		width: 100%;
		display: block
	}
	.gridSystem .grid.y12 .gridModule.y0 {
		display: none
	}
	.gridSystem .grid.y12 .gridModule.y1,
	.gridSystem .grid.y12 .gridModule.y10,
	.gridSystem .grid.y12 .gridModule.y11,
	.gridSystem .grid.y12 .gridModule.y12,
	.gridSystem .grid.y12 .gridModule.y2,
	.gridSystem .grid.y12 .gridModule.y3,
	.gridSystem .grid.y12 .gridModule.y4,
	.gridSystem .grid.y12 .gridModule.y5,
	.gridSystem .grid.y12 .gridModule.y7,
	.gridSystem .grid.y12 .gridModule.y8,
	.gridSystem .grid.y12 .gridModule.y9 {
		margin-right: 1.04275%;
		padding-right: 0;
		margin-left: 1.04275%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y12 .gridModule.y1 {
		width: 6.24783%
	}
	.gridSystem .grid.y12 .gridModule.y2 {
		width: 14.58116%
	}
	.gridSystem .grid.y12 .gridModule.y3 {
		width: 22.91449%
	}
	.gridSystem .grid.y12 .gridModule.y4 {
		width: 31.24783%
	}
	.gridSystem .grid.y12 .gridModule.y5 {
		width: 39.58116%
	}
	.gridSystem .grid.y12 .gridModule.y6 {
		width: 47.91449%;
		margin-right: 1.04275%;
		padding-right: 0;
		margin-left: 1.04275%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.y12 .gridModule.y7 {
		width: 56.24783%
	}
	.gridSystem .grid.y12 .gridModule.y8 {
		width: 64.58116%
	}
	.gridSystem .grid.y12 .gridModule.y9 {
		width: 72.91449%
	}
	.gridSystem .grid.y12 .gridModule.y10 {
		width: 81.24783%
	}
	.gridSystem .grid.y12 .gridModule.y11 {
		width: 89.58116%
	}
	.gridSystem .grid.y12 .gridModule.y12 {
		width: 97.91449%
	}
}

@media screen and (max-width: 480px) {
	.gridSystem .grid.z2 .gridModule.z1,
	.gridSystem .grid.z2 .gridModule.z2 {
		padding-right: 0;
		margin-right: 4.16667%;
		margin-left: 4.16667%;
		display: block
	}
	.gridSystem .grid.z0,
	.gridSystem .grid.z0 .gridModule.z0 {
		display: none
	}
	.gridSystem .grid.z1 {
		width: 25%;
		display: block
	}
	.gridSystem .grid.z1 .gridModule.z0 {
		display: none
	}
	.gridSystem .grid.z1 .gridModule.z1 {
		width: 83.33333%;
		margin-right: 8.33333%;
		padding-right: 0;
		margin-left: 8.33333%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.z2 {
		width: 50%;
		display: block
	}
	.gridSystem .grid.z2 .gridModule.z0 {
		display: none
	}
	.gridSystem .grid.z2 .gridModule.z1 {
		width: 41.66667%;
		padding-left: 0
	}
	.gridSystem .grid.z2 .gridModule.z2 {
		width: 91.66667%;
		padding-left: 0
	}
	.gridSystem .grid.z3 .gridModule.z1,
	.gridSystem .grid.z3 .gridModule.z2,
	.gridSystem .grid.z3 .gridModule.z3 {
		margin-right: 2.77778%;
		padding-right: 0;
		margin-left: 2.77778%;
		padding-left: 0
	}
	.gridSystem .grid.z3 {
		width: 75%;
		display: block
	}
	.gridSystem .grid.z3 .gridModule.z0 {
		display: none
	}
	.gridSystem .grid.z3 .gridModule.z1 {
		width: 27.77778%;
		display: block
	}
	.gridSystem .grid.z3 .gridModule.z2 {
		width: 61.11111%;
		display: block
	}
	.gridSystem .grid.z3 .gridModule.z3 {
		width: 94.44444%;
		display: block
	}
	.gridSystem .grid.z4 {
		width: 100%;
		display: block
	}
	.gridSystem .grid.z4 .gridModule.z0 {
		display: none
	}
	.gridSystem .grid.z4 .gridModule.z1,
	.gridSystem .grid.z4 .gridModule.z2,
	.gridSystem .grid.z4 .gridModule.z3,
	.gridSystem .grid.z4 .gridModule.z4 {
		margin-right: 2.08333%;
		padding-right: 0;
		margin-left: 2.08333%;
		padding-left: 0;
		display: block
	}
	.gridSystem .grid.z4 .gridModule.z1 {
		width: 20.83333%
	}
	.gridSystem .grid.z4 .gridModule.z2 {
		width: 45.83333%
	}
	.gridSystem .grid.z4 .gridModule.z3 {
		width: 70.83333%
	}
	.gridSystem .grid.z4 .gridModule.z4 {
		width: 95.83333%
	}
}

#main,
.wrapper {
	width: 100%;
	overflow: hidden
}

#main.custom-select-container,
.wrapper.custom-select-container {
	overflow: visible
}

#main.main.gridSystem {
	/*overflow: visible;*/
	/*overflow: hidden !important;*/
}

@media (max-width: 480px) {
	body:after {
		content: 'small';
		display: none
	}
}

@media (min-width: 481px) and (max-width: 959px) {
	body:after {
		content: 'medium';
		display: none
	}
}

@media (min-width: 960px) {
	body:after {
		content: 'large';
		display: none
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) and (min-device-width: 800px) and (max-device-width: 1280px) {
	body:after {
		content: 'medium';
		display: none
	}
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none
}

* {
	-webkit-tap-highlight-color: transparent
}

body {
	color: #2e2e2e;
	font-size: .75em;
	line-height: 1.3334em;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	z-index: 0
}

body.locked {
	overflow-y: hidden
}

body#content {
	background-color: #ffffff;
}

@media (max-width: 959px) {
	body#content {
		margin: 69px 0 0
	}
}

.wrapper {
	max-width: 960px;
	min-width: 303px;
	margin: 0 auto
}

#main.openSubNav,
.openSubNav #main {
	transform: translate(300px, 0)
}

@media (max-width: 959px) {
	#main {
		margin-bottom: 0
	}
}

@media (min-width: 1680px) {
	#main {
		width: 1680px;
		margin: 0 auto
	}
}

.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 3000;
	display: none;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

div#mainNav div.mobileMenu a bdi,
header div#topNav {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.mask.openSubNav,
.openSubNav .mask {
	display: block;
	opacity: 1
}

.hidden {
	opacity: 0
}

.mainNoScroll {
	overflow: hidden
}

@media (max-width: 959px) {
	.mobileHidden {
		display: none
	}
	.gridModule.noGutterMobile {
		margin-left: 0 !important;
		margin-right: 0 !important
	}
}

::-moz-selection {
	background: #e6e8ea
}

:focus {
	outline-color: transparent;
	outline-style: none
}

::-webkit-input-placeholder {
	color: #e9ebec;
	opacity: 1 !important
}

:-moz-placeholder {
	color: #e9ebec;
	opacity: 1 !important
}

::-moz-placeholder {
	color: #e9ebec;
	opacity: 1 !important
}

:-ms-input-placeholder {
	color: #e9ebec;
	opacity: 1 !important
}

img {
	max-width: 100%;
	max-height: 100%;
	display: block
}

p {
	line-height: 1.33;
	margin-bottom: 15px;
	color: #1d1d1b;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
	margin-bottom: 10px
}

a {
	color: #999999;
	text-decoration: none
}

a:focus,
a:hover {
	text-decoration: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
	margin-top: 0
}

.h1,
h1 {
	font-size: 2.83333em;
	line-height: 1.11765em
}

.h2,
h2 {
	font-size: 2.33333em;
	line-height: 1.07143em
}

.h3,
h3 {
	font-size: 1.66667em;
	line-height: 1.2em
}

.h4,
h4 {
	font-size: 1.16667em;
	line-height: 1.28571em
}

sub,
sup {
	font-size: .75em;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

div.bx-pager-item {
	float: left;
	margin: 0 8px 0 0
}

@media (max-width: 959px) {
	div.bx-pager-item {
		margin-right: 0 !important
	}
}

div.bx-pager-item:first-child {
	margin: 0
}

div.bx-pager-item a {
	display: block;
	margin-left: 2px;
	width: auto;
	height: 7px;
	text-indent: -9999px;
	background: #ebebeb
}

div.bx-pager-item a.active {
	background: #fff500
}

div.bx-has-controls-direction .bx-next,
div.bx-has-controls-direction .bx-prev {
	position: absolute;
	min-height: 77px;
	top: 50%;
	margin: -38px 0 0;
	width: 15px;
	background: rgba(255, 255, 255, 0.5);
	font-size: 0
}

div.bx-has-controls-direction .bx-next:before,
div.bx-has-controls-direction .bx-prev:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 10px;
	height: 10px;
	border-top: 1px solid gray;
	border-right: 1px solid gray
}

div.bx-has-controls-direction .bx-prev:before {
	left: 4px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

div.bx-has-controls-direction .bx-next {
	right: 0
}

div.bx-has-controls-direction .bx-next:before {
	right: 4px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.custom-row {
	overflow: hidden;
	position: relative
}

div.clearfix {
	clear: both;
	float: none
}

.clear-floats {
	position: relative;
	display: block;
	overflow: hidden
}

div.gm-style img {
	max-width: none !important;
	max-height: none !important
}

header {
	width: 100%
}

@media (min-width: 1680px) {
	header {
		width: 1680px;
		margin: 0 auto
	}
}

header div#topNav {
	width: 100%;
	height: 37px;
	background: #34393c;
	font-family: Futura-bold;
	font-size: 1.08333em;
	font-weight: 400;
	z-index: 3000;
	transition: all .3s ease-in-out;
	line-height: 22px
}

.openSubNav header div#topNav,
header div#topNav.openSubNav {
	transform: translate(300px, 0)
}

.sticky header div#topNav,
header div#topNav.sticky {
	padding-bottom: 54px
}

@media (max-width: 959px) {
	header div#topNav {
		display: none
	}
}

header div#topNav div.topNavContent {
	padding: 7px 0 0
}

header div#topNav div.topNavContent .pullRigthWrapper {
	float: right;
	position: relative;
	margin: 0
}

header div#topNav div.topNavContent .pullRigthWrapper:after {
	display: table;
	clear: both;
	content: '';
	width: 1px;
	height: 40px;
	position: absolute;
	top: -12px;
	left: 0;
	background: #636b6e
}

header div#topNav div.topNavContent .pullRigthWrapper.topNavSeparator {
	margin: -12px 0 0;
	float: left
}

header div#topNav div.topNavSeparator {
	float: right;
	margin: 0;
	width: 38px;
	height: 40px
}

header div#topNav ul {
	display: block;
	float: right
}

header div#topNav ul li {
	display: inline-block;
	padding: 0 38px 0 0
}

header div#topNav ul a {
	color: #999999
}

header div#topNav ul a.active,
header div#topNav ul a:hover {
	color: #ffffff;
	border-bottom: 5px solid #fff500;
	padding: 0 0 5px
}

header div#topNav ul.topNavContact li a:hover,
header div#topNav ul.topNavLanguages li a.active,
header div#topNav ul.topNavLanguages li a:hover {
	border: 0
}

header div#topNav ul.topNavLanguages {
	margin: 0 20px 0 0
}

header div#topNav ul.topNavLanguages li {
	padding: 0 0 0 5px
}

header div#topNav ul.topNavLanguages li:first-child {
	padding-left: 0
}

.dark #topNav {
	background-color: #ffffff
}

.dark #topNav ul a {
	color: #8c9093
}

.dark #topNav ul a.active,
.dark #topNav ul a:hover {
	color: #363c3c
}

.dark #topNav .topNavContent .pullRigthWrapper:after {
	background-color: #8c9093
}

.dark #mainNav {
	background-color: #34393c
}

.dark #mainNav ul {
	display: none
}

div#mainNav {
	position: relative;
	background: #ffffff;
	z-index: 3000;
	width: 100%;
	opacity: 1
}

.openSubNav div#mainNav,
div#mainNav.openSubNav {
	-webkit-transform: translate(300px, 0);
	-moz-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

@media (min-width: 1680px) {
	div#mainNav {
		width: 1680px;
		margin: 0 auto
	}
}

@media (max-width: 1040px) {
	header div#topNav ul li {
		padding: 0 25px 0 0
	}
	header div#topNav div.topNavSeparator {
		width: 25px
	}
}

@media (max-width: 959px) {
	div#mainNav {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		position: fixed;
		top: 0;
		width: 100%
	}
	div#mainNav.active .mobileMenu bdi {
		background: 0 0;
		-webkit-transform: translateX(2px);
		-moz-transform: translateX(2px);
		-ms-transform: translateX(2px);
		-o-transform: translateX(2px);
		transform: translateX(2px)
	}
	div#mainNav.active .mobileMenu bdi:before {
		-webkit-transform: rotate(45deg) translateY(5px) translateX(2px);
		-moz-transform: rotate(45deg) translateY(5px) translateX(2px);
		-ms-transform: rotate(45deg) translateY(5px) translateX(2px);
		-o-transform: rotate(45deg) translateY(5px) translateX(2px);
		transform: rotate(45deg) translateY(5px) translateX(2px)
	}
	div#mainNav.active .mobileMenu bdi:after {
		-webkit-transform: rotate(-45deg) translateY(-5px) translateX(2px);
		-moz-transform: rotate(-45deg) translateY(-5px) translateX(2px);
		-ms-transform: rotate(-45deg) translateY(-5px) translateX(2px);
		-o-transform: rotate(-45deg) translateY(-5px) translateX(2px);
		transform: rotate(-45deg) translateY(-5px) translateX(2px)
	}
}

div#mainNav.hide-me {
	-webkit-transform: translate(0, -70px);
	-moz-transform: translate(0, -70px);
	-ms-transform: translate(0, -70px);
	-o-transform: translate(0, -70px);
	transform: translate(0, -70px)
}

.sticky div#mainNav,
div#mainNav.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 6000
}

@media (min-width: 1680px) {
	.sticky div#mainNav,
	div#mainNav.sticky {
		width: 1680px;
		left: 50%;
		margin-left: -840px
	}
}

.sticky div#mainNav div.mainNavContent,
div#mainNav.sticky div.mainNavContent {
	min-height: 57px;
	padding: 0;
	border-bottom: 1px solid #f3f2f1;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5)
}

.sticky div#mainNav .saveTag,
div#mainNav.sticky .saveTag,
div#mainNav .saveTag {
	color: #000000;
	text-align: left;
	font-size: 14px !important;
	display: none;
	position: fixed;
	width: 120px;
	height: 32px;
	right: -86px;
	top: 134px;
	z-index: 4501;
	background: #fff500 url("../images/advantages/star.png") 8px no-repeat;
	box-shadow: -1px 2px 8px 0 rgba(0, 0, 0, 0.2);
	padding: 6px 0 6px 36px;
	box-sizing: border-box;
	transition: 500ms 50ms;
	opacity: 1
}

.sticky div#mainNav .saveTag:hover,
div#mainNav.sticky .saveTag:hover,
div#mainNav .saveTag:hover {
	right: 0
}

div#mainNav div.menuCancel {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 70px;
	background: #454d50;
	z-index: 5000
}

div#mainNav div.menuCancel a {
	display: block;
	float: right;
	padding: 0 30px;
	font-size: 1.16667em;
	color: #ffffff !important;
	line-height: 70px;
	font-family: Roboto-normal
}

div#mainNav div.mainNavContent {
	padding: 0 20px;
	clear: both;
	min-height: 75px;
	border-bottom: 1px solid #f3f2f1;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5)
}

div#mainNav div.mainNavContent:after {
	content: '';
	display: table;
	clear: both
}

div#mainNav div#logo {
	float: left;
	margin-top: 28px
}

@media (max-width: 959px) {
	div#mainNav div.mainNavContent {
		padding: 10px;
		min-height: 50px
	}
	div#mainNav div#logo {
		margin: 0
	}
}

div#mainNav div#logo h1 {
	margin: 0
}

.sticky div#mainNav div#logo,
div#mainNav div#logo.sticky {
	margin: 22px 0 0 20px
}

.sticky div#mainNav div#logo a,
div#mainNav div#logo a.sticky {
	width: 241px;
	height: 28px
}

@media (max-width: 1020px) {
	div#mainNav div#logo a {
		width: 241px;
		height: 28px
	}
}

@media (max-width: 959px) {
	div#mainNav div#logo {
		margin: 0
	}
	div#mainNav div#logo a {
		width: 250px;
		height: 29px;
		margin: 12px 0 0;
		background-size: contain
	}
}

@media (max-width: 480px) {
	div#mainNav div#logo a,
	div#mainNav.business div#logo a {
		width: 180px;
		height: 22px;
		margin: 17px 0 0
	}
}

div#mainNav ul {
	display: block;
	float: right;
	margin: 36px 275px 0 0
}

.sticky div#mainNav ul,
div#mainNav ul.sticky {
	margin: 20px 290px 0 0;
	min-height: 0
}

.sticky div#mainNav ul a:hover,
div#mainNav ul.sticky a:hover {
	padding-bottom: 0
}

.sticky div#mainNav ul a:hover:after,
div#mainNav ul.sticky a:hover:after {
	bottom: 0
}

div#mainNav .main-nav {
	display: flex
}

@media (max-width: 1440px) {
	.sticky div#mainNav ul,
	div#mainNav ul.sticky {
		margin-right: 60px
	}
}

@media (max-width: 959px) {
	div#mainNav .main-nav,
	div#mainNav ul {
		display: none
	}
}

div#mainNav ul li {
	padding: 0 50px 0 0
}

div#mainNav ul li:hover div.sub.visible {
	display: block;
	opacity: 1;
	transition: 0ms 0ms;
	width: 100%
}

div#mainNav ul a {
	color: #000000;
	font-family: Futura-bold;
	font-size: 1.41667em;
	letter-spacing: -.5px;
	position: relative;
	padding-bottom: 10px;
	display: inline-block;
	text-decoration: none;
	border: none
}

.sticky div#mainNav ul a,
div#mainNav ul a.sticky {
	padding: 0;
	height: 37px
}

@media (max-width: 1090px) {
	div#mainNav.business ul a {
		font-size: 1.2em
	}
	div#mainNav.business div#logo a {
		width: 260px;
		height: 30px
	}
	header div#topNav.business {
		font-size: 0.94em
	}
	header div#topNav.business ul a.active,
	header div#topNav.business ul a:hover {
		padding-bottom: 6px
	}
	div#mainNav ul {
		margin-top: 40px
	}
}

@media (max-width: 1020px) {
	div#mainNav div#logo a {
		width: 241px;
		height: 28px
	}
}

@media (max-width: 959px) {
	div#mainNav div#logo {
		margin: 0
	}
	div#mainNav div#logo a {
		width: 250px;
		height: 29px;
		margin: 12px 0 0;
		background-size: contain
	}
}

@media (max-width: 480px) {
	div#mainNav div#logo a,
	div#mainNav.business div#logo a {
		width: 180px;
		height: 22px;
		margin: 17px 0 0
	}
}

@media (max-width: 959px) {
	div#mainNav ul a {
		padding: 0
	}
	div#mainNav ul div.sub div.introModule div.introContent a:hover i {
		animation: none !important
	}
}

div#mainNav ul a:hover:after {
	width: 100%
}

div#mainNav ul div.sub {
	overflow: hidden;
	opacity: 0;
	transition-duration: 0ms, 300ms;
	transition-delay: 700ms, 700ms;
	transition-property: width, opacity;
	position: absolute;
	top: 84px;
	left: 0;
	width: 0;
	min-height: 519px;
	padding: 0 339px 0 0;
	background: #f1f3f3;
	z-index: 8500;
	box-sizing: border-box;
	-webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2)
}

div#mainNav ul div.sub.rbrV2 {
	width: calc(100% - 339px);
	padding: 0;
	min-height: 400px
}

@media (max-width: 1150px) {
	div#mainNav ul div.sub.rbrV2 {
		min-height: 300px
	}
}

div#mainNav ul div.sub.subModuleArticlesNoBanners {
	padding-right: 0
}

div#mainNav ul div.sub.subModuleArticlesNoBanners .gridModule.x4 {
	width: 22.91667%;
	margin-right: 1.04167%;
	margin-left: 1.04167%
}

.sticky div#mainNav ul div.sub,
div#mainNav ul div.sub.sticky {
	top: 54px
}

div#mainNav ul div.sub div.introModule {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 33%;
	background: #ffffff;
	z-index: 7000
}

div#mainNav ul div.sub div.introModule div.introContent {
	position: relative;
	font-family: Roboto-normal
}

div#mainNav ul div.sub div.introModule div.introContent div.thumbHeading {
	position: relative;
	margin: 0 0 14px
}

div#mainNav ul div.sub div.introModule div.introContent div.thumbHeading a {
	height: auto
}

div#mainNav ul div.sub div.introModule div.introContent div.thumbHeading h1 {
	position: absolute;
	left: 23px;
	bottom: 23px;
	margin-bottom: 0;
	font-size: 2.66667em;
	color: #ffffff
}

@media (max-width: 1300px) {
	div#mainNav ul div.sub div.introModule div.introContent div.thumbHeading h1 {
		font-size: 25.3px
	}
}

div#mainNav ul div.sub div.introModule div.introContent div.thumbHeading img {
	width: 100%;
	max-width: 1900px
}

div#mainNav ul div.sub div.introModule div.introContent p {
	font-size: 1.16667em;
	margin-left: 20px;
	width: 80%
}

div#mainNav ul div.sub div.introModule div.introContent a {
	position: relative;
	margin-left: 20px;
	height: 20px;
	color: #000000;
	font-family: Futura-bold;
	padding: 0
}

@media (min-width: 959px) {
	div#mainNav ul div.sub div.introModule div.introContent a:hover i {
		margin: 0 0 0 23px;
		position: relative
	}
	div#mainNav ul div.sub div.introModule div.introContent a.gtmNavigation:hover i {
		margin-left: 10px
	}
}

div#mainNav ul div.sub div.introModule div.introContent a:focus {
	text-decoration: none
}

div#mainNav ul div.sub div.introModule div.introContent a i {
	position: relative;
	display: inline-block;
	top: 1px;
	width: 9px;
	height: 12px;
	margin: -16px 0 0 10px;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: auto
}

div#mainNav ul div.sub div.introModule div.introContent a:hover i {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

div#mainNav ul div.sub .subModuleArticlesWrap {
	position: relative;
	display: block;
	padding: 0 0 0 33%;
	min-height: 567px;
	background: #f1f3f3
}

div#mainNav ul div.sub.rbrV2 .subModuleArticlesWrap {
	min-height: 400px
}

div#mainNav ul div.sub .subModuleArticlesWrap .row {
	position: relative;
	display: block;
	overflow: hidden
}

div#mainNav ul div.sub div.subModule div.subList {
	margin: 19px 0 0 15px;
	display: flex;
	flex-direction: column
}

@media (max-width: 1150px) {
	div#mainNav ul div.sub.rbrV2 div.subModule div.subList {
		margin: 15px 0 0 15px
	}
}

div#mainNav ul div.sub div.subModule div.subList a.heading,
div#mainNav ul div.sub div.subModule div.subList span.heading {
	height: auto;
	display: inline-block;
	align-self: flex-start;
	padding: 4px 0 7px;
	font-family: Futura-bold;
	line-height: 1.1;
	font-size: 1.33333em
}

div#mainNav ul div.sub div.subModule div.subList .sub-heading {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.16667em;
	color: #999999
}

div#mainNav ul div.sub div.subModule div.subList ul {
	float: left;
	margin: 7px 0 0
}

div#mainNav ul div.sub div.subModule div.subList ul li {
	display: block;
	padding: 0
}

div#mainNav ul div.sub div.subModule div.subList ul a {
	color: #000000;
	font-family: Roboto-normal;
	font-size: 1.16667em;
	line-height: 1.15;
	font-weight: 400;
	position: relative;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 0 3px
}

div#mainNav ul div.sub div.subModule div.subList ul a .uiLinkBar {
	height: 4px
}

div#mainNav ul div.sub div.subThumbs {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 339px;
	z-index: 6000
}

div#mainNav ul div.sub div.subThumbs div.subThumbsContent {
	display: block
}

div#mainNav ul div.sub div.subThumbs div.subThumbItem {
	position: relative;
	display: block;
	height: 173px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	bottom: 0;
	text-align: right
}

div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent:hover .subThumbOverlay {
	display: block
}

div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent a.uiAnimatedArrow i {
	margin: -35px 16px 0 0
}

div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent img {
	max-width: none;
	max-height: none
}

div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent .subThumbOverlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
	opacity: .5;
	z-index: 10
}

div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent span {
	display: block;
	position: relative;
	font-family: Futura-bold
}

div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent a {
	top: 125px;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-size: 18.4px;
	font-weight: 400;
	z-index: 11
}

div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent a:hover {
	border: 0;
	padding: 0
}

div#mainNav div#mainNavCTA {
	position: absolute;
	top: 0;
	right: 0;
	width: 339px;
	height: 85.6px;
	background: #fff500
}

.sticky div#mainNav div#mainNavCTA,
div#mainNav div#mainNavCTA.sticky {
	height: 57px
}

.sticky div#mainNav div#mainNavCTA a,
div#mainNav div#mainNavCTA.sticky a {
	padding: 20px 0 0 22px
}

div#mainNav div#mainNavCTA a {
	display: block;
	padding: 46px 0 0 22px;
	color: #000000;
	font-family: Futura-bold;
	font-size: 1.41667em;
	font-weight: 700
}

@media (max-width: 1440px) {
	div#mainNav ul {
		margin-right: 37px
	}
	div#mainNav ul li {
		padding-right: 30px
	}
	.sticky div#mainNav div#mainNavCTA a,
	div#mainNav div#mainNavCTA.sticky a {
		padding: 3px 0 0
	}
	.sticky div#mainNav div#mainNavCTA a {
		margin: 0
	}
}

@media (max-width: 1440px) {
	div#mainNav ul div.sub div.introModule div.introContent a i {
		right: 0
	}
	div#mainNav div#mainNavCTA {
		display: block;
		float: right;
		width: 90px;
		height: 85.6px;
		margin: 0
	}
	div#mainNav div#mainNavCTA a {
		margin: 17px 0 0;
		padding: 0;
		text-align: center;
		font-size: .91667em;
		font-family: Roboto-normal;
		font-weight: 400
	}
}

@media (max-width: 959px) {
	div#mainNav ul div.sub div.introModule div.introContent a i {
		right: 0
	}
	div#mainNav div#mainNavCTA {
		display: block;
		position: relative;
		float: right;
		width: 82px;
		height: 70px;
		margin: -10px 0
	}
	div#mainNav div#mainNavCTA a {
		margin: 10px 0 0;
		padding: 0;
		text-align: center;
		font-size: .91667em;
		font-family: Roboto-normal;
		font-weight: 400
	}
}

div#mainNav div#mainNavCTA a span {
	display: block
}

div#mainNav div#mainNavCTA a span.copyMobile {
	display: none;
	padding: 1px 0 0;
	line-height: 1
}

@media (max-width: 1440px) {
	div#mainNav div#mainNavCTA a span.copyDesktop {
		display: none
	}
	div#mainNav div#mainNavCTA a span.copyMobile {
		display: block
	}
}

div#mainNav div#mainNavCTA a i {
	display: block
}

div#mainNav div#mainNavCTA a i.key {
	float: left;
	width: 18px;
	height: 26px;
	margin: -2px 14px 0 0;
	background: url(../images/icons/key.png) no-repeat
}

@media (max-width: 1440px) {
	div#mainNav div#mainNavCTA a i.key {
		float: none;
		margin: 0 auto
	}
	div#mainNav div#mainNavCTA a i.arrow-right {
		display: none
	}
}

div#mainNav div#mainNavCTA a i.arrow-right {
	float: right;
	width: 9px;
	height: 12px;
	margin: 11px 20px 0 0;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

div#mainNav div.mobileMenu {
	display: none;
	float: right;
	width: 82px;
	height: 70px;
	margin: -10px -10px -10px 0;
	text-align: center
}

@media (max-width: 959px) {
	div#mainNav div.mobileMenu {
		display: block
	}
}

div#mainNav div.mobileMenu a.toggle {
	display: block;
	padding: 46px 0 0;
	color: #000000
}

div#mainNav div.mobileMenu a bdi {
	position: absolute;
	width: 22px;
	height: 3px;
	background: #000000;
	top: 28px;
	right: 30px;
	transition: all .3s ease-in-out
}

.subNavigation,
div#mainNav div.mobileMenu a bdi:after,
div#mainNav div.mobileMenu a bdi:before {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out
}

div#mainNav div.mobileMenu a bdi:after,
div#mainNav div.mobileMenu a bdi:before {
	content: '';
	position: absolute;
	width: 22px;
	height: 3px;
	background: #000000;
	right: 0;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

div#mainNav div.mobileMenu a bdi:before {
	top: -5px
}

div#mainNav div.mobileMenu a bdi:after {
	top: 5px
}

div#mainNav div.mobileMenu a span {
	display: block
}

div#mainNav div.mobileMenu a span[data-control] {
	display: none
}

div#mainNav div.mobileMenu a span[data-control=open] {
	display: block
}

div#mainNav div.mobileMenu div.mobileMenuWrapper {
	display: none;
	position: fixed;
	top: 70px;
	left: 100%;
	width: 100%;
	height: auto !important;
	box-sizing: border-box;
	bottom: 0;
	background: #ffffff;
	text-align: left
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent.active,
div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop.active {
	background: #e9edf0
}

@media (max-width: 959px) {
	div#mainNav div.mobileMenu div.mobileMenuWrapper {
		overflow: scroll;
		padding-bottom: 50px
	}
}

div#mainNav div.mobileMenu div.mobileMenuWrapper a {
	color: #000000
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop {
	position: relative;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop::after {
	display: block;
	content: '';
	width: 56px;
	height: 55px;
	position: absolute;
	top: 0;
	left: 0;
	background: #f5f300 url(../images/modules/navigation/unitPersonal.png) 50% 50% no-repeat
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent {
	overflow: hidden;
	padding: 0 82px 0 56px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent.active {
	padding-right: 13px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent.active a.toggleSearch {
	display: none
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit {
	overflow: hidden
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit .unitTop {
	height: 55px;
	display: flex;
	align-items: center
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOption {
	float: left
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOption i {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 3px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOption i.personal {
	background: url(../images/modules/navigation/unitPersonal.png) center no-repeat;
	display: none
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOption span {
	display: block;
	margin-left: 5px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOptionSelected {
	float: left;
	margin: 0 0 0 6px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOptionSelected i {
	display: block;
	position: absolute;
	width: 14px;
	height: 9px;
	background: url(../images/modules/navigation/arrow-down.png) no-repeat;
	top: 50%;
	right: 4px;
	margin-top: -3px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOptionSelected span {
	display: block;
	position: relative;
	padding-right: 25px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOptionSelected span strong {
	font-family: Futura-bold;
	font-size: 1.08333em;
	line-height: 1.15;
	display: block
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu {
	display: none;
	position: absolute;
	top: 52px;
	left: 0;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background: #e9edf0;
	z-index: 5000
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul li {
	display: block;
	width: 100%
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul li:hover {
	background: #fafd00
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul li a {
	display: block;
	padding: 17px 15px 3px;
	font-size: 1.41667em
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul li a:hover {
	border: 0
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch {
	float: right;
	width: 82px;
	height: 100%
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch a.toggleSearch {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 82px;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/modules/navigation/search.png) center center no-repeat #f1f3f2;
	z-index: 4000
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch a.toggleSearch.active {
	background: url(../images/modules/navigation/search.png) center center no-repeat #fff500
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e9edf0;
	z-index: 3000
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form,
div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu {
	display: block
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input {
	padding: 18px 25px;
	border: 0;
	font-size: 1.41667em;
	font-family: Roboto-normal
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input ::-webkit-input-placeholder {
	color: #e9ebec
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input :-moz-placeholder {
	color: #e9ebec
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input ::-moz-placeholder {
	color: #e9ebec
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input :-ms-input-placeholder {
	color: #e9ebec
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu h4 {
	display: block;
	margin: 10px 0 10px -32px;
	font-size: 1.33333em;
	font-family: Roboto-normal;
	cursor: default
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu .tt-highlight {
	font-weight: 700;
	color: #444444
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu div.tt-suggestion {
	color: #aaaaaa;
	font-family: Futura-bold;
	margin-left: -32px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu div.tt-suggestion:hover {
	color: #444444;
	font-weight: 700
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu div.tt-suggestion p {
	margin-bottom: 2px;
	font-size: 1.66667em
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading,
div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading-2{
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #f1f3f2;
	color: #000000;
	text-align: center;
	z-index: 5000
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading span,
div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading-2 span{
	display: block;
	margin: 18px 0 0;
	font-family: Futura-bold;
	font-size: 1.25em;
	width: 64%;
	text-overflow: ellipsis;
	float: right;
	overflow: hidden;
	white-space: nowrap
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading a,
div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading-2 a{
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-overflow: ellipsis;
	overflow: hidden;
	width: 45%;
	margin: 0 0 0 13px;
	padding: 0 0 0 20px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.15;
	font-weight: 700;
	background: url(../images/icons/arrow-left-black.png) left center/8.5px 13px no-repeat;
	opacity: 1;
	font-family: Roboto-normal
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading a.mobile-header-link,
div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading-2 a.mobile-header-link{
	margin: 0 15px 0 0;
	padding: 0 20px 0 0;
	left: auto;
	right: 0;
	text-align: right;
	background: url(../images/icons/arrow-right-black.png) right center no-repeat
}

@media (max-width: 380px) {
	div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading span,
	div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading-2 span{
		width: 61%
	}
	div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading a,
	div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading-2 a{
		width: 38%
	}
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mainLevel {
	display: none;
	overflow: hidden
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mainLevel.active {
	display: block
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li {
	display: block;
	padding: 10px 25px 10px 15px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li:active {
	background-color: #fafd00
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li a {
	display: block;
	position: relative;
	font-size: 1.41667em
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li a:hover {
	border: 0
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li a span {
	display: block;
	margin: 1px 0 0;
	font-family: Roboto-normal;
	font-size: .75em
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li a i {
	display: block;
	position: absolute;
	top: 10px;
	right: -10px;
	width: 9px;
	height: 12px;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li div.subMenu {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	/*min-height: 350px;*/
	background: #ffffff;
	z-index: 4000
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li div.subMenu ul {
	width: 100%
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mobileMenuLanguage {
	margin: 20px 0 0
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mobileMenuLanguage ul li {
	padding: 18px 15px 10px
}

div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mobileMenuLanguage h3 {
	display: block;
	margin: 0;
	padding: 3px 15px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-family: Roboto-normal;
	font-size: 1.08333em;
	font-weight: 400
}

div#navigationOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2000
}

div#navigationOverlay.visible {
	display: block
}

footer {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #34393c;
	color: #c7c9cb;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.08333em;
	font-weight: 400
}

@media (min-width: 1680px) {
	footer {
		width: 1680px;
		margin: 0 auto
	}
}

footer div.separator {
	display: none;
	float: left;
	width: 100%;
	border-bottom: 1px solid #3e4346
}

@media (max-width: 959px) {
	footer {
		min-height: 540px
	}
}

footer a.top {
	display: block;
	position: fixed;
	bottom: 40px;
	right: 25px;
	width: 36px;
	height: 36px;
	background-color: rgba(125, 125, 125, 0.2);
	z-index: 100;
}

footer a.top:hover {
	background-color: rgba(125, 125, 125, 0.5)
}

footer a.top i {
	display: block;
	width: 12px;
	height: 9px;
	margin: 14px auto 12px;
	background: url(../images/icons/arrow-top-black.png) no-repeat
}

footer h3 {
	margin: 30px 0 18px;
	color: #535c5f;
	font-size: 1em
}

@media screen and (max-width: 991px) {
	footer a.top {
		bottom: 70px;
	}
}

@media (max-width: 959px) {
	footer a.top {
		bottom: 70px;
		right: 15px;
	}
	footer h3 {
		margin-bottom: 20px
	}
}

@media screen and (max-width: 768px) {
	footer a.top {
		bottom: 75px;
	}
}

@media screen and (max-width: 525px) {
	footer a.top {
		bottom: 85px;
	}
}

footer ul {
	display: block;
	/*margin: 0 0 30px*/
}

footer ul li {
	padding: 0 0 7px;
	line-height: 20px
}

footer ul li a {
	color: #8a8f92;
	font-family: Roboto-normal
}

footer ul li a:hover {
	color: #ffffff
}

footer div.socialSharing {
	margin: 0 0 25px
}

footer div.socialSharing div {
	float: left
}

footer div.socialSharing div.facebook {
	margin: 0 10px 10px 0
}

footer div.mobileApp {
	position: relative;
	height: 97px;
	margin: 11px 0 7px;
	margin-right: 0 !important
}

@media (max-width: 959px) {
	footer div.separator {
		display: block
	}
	footer div.mobileApp {
		width: 94vw !important;
		margin: 20px 2vw 0 !important
	}
	footer ul li a {
		font-size: 16px
	}
	footer ul li a:hover {
		color: #8a8f92 !important
	}
}

footer div.mobileApp a.mobileAppPhone {
	position: absolute;
	top: -20px;
	left: -14px;
	display: block;
	width: 90px;
	height: 150px;
	z-index: 200
}

footer div.mobileApp div.mobileAppCopy {
	padding: 0
}

@media (max-width: 959px) {
	footer div.mobileApp a.mobileAppPhone {
		left: -14px
	}
}

@media (max-width: 480px) {
	footer div.mobileApp {
		width: 90vw !important;
		margin: 20px 3vw 0 !important
	}
}

footer div.mobileApp div.mobileAppCopy h3 {
	margin: 7px 0 11px
}

footer div.mobileApp div.mobileAppCopy a {
	font-weight: 600;
	color: #c7c9cb;
	font-size: .91667em;
	font-family: Futura-bold;
	padding: 13px 0 0 0;
	margin-right: 7px
}

footer div.mobileApp div.mobileAppCopy a:last-child {
	margin-right: 0
}

footer div.mobileApp div.mobileAppCopy a:hover .desktop-visible {
	display: none
}

footer div.mobileApp div.mobileAppCopy a:hover .desktop-visible--hover {
	display: block
}

footer div.mobileApp div.mobileAppCopy a img {
	width: 122px
}

footer div.mobileApp div.mobileAppCopy a.smartfox-windows img {
	width: 139px
}

.desktop-visible--hover {
	display: none
}

footer div.mobileApp div.mobileAppCopy a i {
	display: inline-block;
	width: 8px;
	height: 11px;
	background: url(../images/icons/arrow-right-#fff500.png) no-repeat;
	padding: 0 5px 0 0
}

footer div.bottomFooter {
	border-top: 1px solid #565759;
	background: #2f3336
}

footer div.bottomFooter ul {
	display: block;
	margin: 12px 0 0;
	text-align: center
}

footer div.bottomFooter ul li {
	display: inline-block;
	padding: 0 15px
}

footer div.copyrightFooter {
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	color: #8c9093;
	font-size: 1em;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 16px;
	background: #2f3336
}

@media (max-width: 959px) {
	footer div.copyrightFooter {
		background-color: #24282a;
		color: rgba(255, 255, 255, 0.1);
		padding: 12px 0 15px;
		text-align: center
	}
	.gridSystem .grid.x12 .gridModule.x12.mobileApp {
		padding-bottom: 18px
	}
	footer div.bottomFooter ul li {
		display: block;
		padding: 0 0 15px 0
	}
	footer div.bottomFooter ul li:last-child {
		padding-bottom: 6px
	}
	footer div.mobileApp div.mobileAppCopy h3 {
		margin-top: 11px
	}
	footer div.mobileApp div.mobileAppCopy a img {
		width: 101px
	}
	footer div.mobileApp div.mobileAppCopy a.smartfox-windows img {
		width: 115px
	}
	footer div.bottomFooter {
		padding: 7px 3vw 14px;
		border: 0;
		background-color: #34393c
	}
	footer div.bottomFooter ul {
		text-align: left
	}
}

.history-slider {
	display: block;
	margin-left: 95px
}

section#timeline {
	margin: 100px 0
}

section#timeline .history-header {
	font-size: 32.2px;
	color: #000000;
	margin-top: 23px;
	margin-right: 4px
}

section#timeline div.heading {
	position: absolute;
	top: -60px;
	left: -80px
}

section#timeline div.timeLineHolder {
	position: relative;
	width: 60%;
	margin: 0 auto
}

section#timeline div.timeLineHolder div.stage {
	display: none;
	min-height: 0;
	margin: 0 0 5px;
	overflow: hidden;
	background: 0 0
}

section#timeline div.timeLineHolder div.stage.visible {
	display: block
}

section#timeline div.timeLineHolder div.stage div.timeLineModule {
	float: left;
	width: 300px;
	min-height: 230px
}

section#timeline div.timeLineHolder div.stage div.timeLineModule>img {
	margin-right: 3px;
	float: right
}

section#timeline div.timeLineHolder div.stage div.timeLineModule:first-child {
	width: 445px
}

section#timeline div.timeLineHolder div.stage div.timeLineModule div.timeLineModuleContent {
	padding: 0 25px 25px 27px
}

section#timeline div.timeLineHolder div.stage div.timeLineModule div.timeLineModuleContent h2 {
	font-family: Roboto-normal;
	margin: 0 0 15px;
	font-size: 32.2px;
	color: #000000
}

section#timeline div.timeLineHolder div.stage div.timeLineModule div.timeLineModuleContent h4 {
	margin: 0;
	color: #000000
}

section#timeline div.timeLineHolder div.stage div.timeLineModule div.timeLineModuleContent p {
	line-height: 18px;
	font-family: Roboto-normal;
	font-size: 16.1px
}

section#timeline .verticalScroller {
	display: none;
	padding: 0 15px
}

section#timeline .verticalScroller div.heading {
	position: relative;
	display: block;
	top: auto;
	left: auto
}

section#timeline div.progress {
	width: 100%;
	padding: 21px 0 0;
	display: table
}

section#timeline div.progress span {
	position: relative;
	min-width: 42px;
	font-family: Roboto-normal;
	font-size: 18.4px;
	text-align: left;
	display: table-cell
}

section#timeline div.progress span.active {
	font-family: Futura-bold
}

section#timeline div.progress span.active i {
	display: none
}

section#timeline div.progress span i {
	display: block;
	position: absolute;
	top: -31px;
	left: 10px;
	width: 1px;
	height: 10px;
	background: #d0d3d5;
	z-index: 700
}

section#timeline .dijitSliderButtonContainer *,
section#timeline .noUi-handle:after,
section#timeline .noUi-handle:before {
	display: none
}

section#timeline .noUi-target.noUi-connect {
	border: none;
	border-radius: 5px;
	box-shadow: none
}

section#timeline .dijitSliderImageHandle,
section#timeline .noUi-handle {
	border: 0;
	background: #fff500;
	width: 35px;
	height: 35px;
	margin: -8px 0 0;
	border-radius: 200px;
	z-index: 8000;
	box-shadow: none;
	cursor: pointer
}

section#timeline .noUi-horizontal {
	height: 10px;
	margin-top: 22px;
	background: #fff500
}

section#timeline .noUi-horizontal:before {
	left: -10px;
	background-color: #fff500 !important
}

section#timeline .noUi-vertical {
	width: 10px;
	background: #fff500
}

section#timeline .noUi-vertical .noUi-handle {
	margin: 0 0 0 -8px
}

section#timeline .dijitSliderBar,
section#timeline .noUi-background {
	margin-right: -1px;
	border: 0;
	border-radius: 0;
	background: #ebeeee
}

section#timeline .dijitSliderLeftBumper,
section#timeline .noUi-horizontal {
	border-radius: 5px 0 0 5px
}

section#timeline .dijitSliderRightBumper {
	border-radius: 0 5px 5px 0
}

section#timeline .noUi-background {
	border-radius: 5px
}

section#timeline .dijitSliderProgressBar {
	border-radius: 0 5px 5px 0
}

section#timeline #calcSliderLoanAmount {
	margin-top: 70px
}

section#timeline .dijitSliderBarV,
section#timeline .dijitSliderBumperV {
	width: 10px
}

@media (max-width: 959px) {
	section#timeline {
		margin-top: 0
	}
	section#timeline div.timeLineHolder {
		width: auto;
		height: auto;
		margin: 0
	}
	section#timeline .horizotalScroller {
		display: none
	}
	section#timeline .verticalScroller {
		display: block
	}
	section#timeline .verticalScroller .row {
		position: relative;
		display: block;
		padding: 0 0 0 100px;
		min-height: 679px
	}
	section#timeline .verticalScroller .timeLineStages {
		position: relative;
		display: block
	}
	section#timeline .verticalScroller .timeLineStages div.stage {
		margin: 0
	}
	section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule {
		display: block;
		float: none;
		width: auto;
		min-height: 0
	}
	section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule:first-child {
		width: auto
	}
	section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule>img {
		margin-right: 0;
		margin-bottom: 15px;
		float: none
	}
	section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule div.timeLineModuleContent {
		padding: 0 10px 0 0
	}
	section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule div.timeLineModuleContent p {
		margin: 0
	}
	section#timeline .verticalScroller .verticalTimelineSliderWrap,
	section#timeline .verticalScroller div.progress {
		position: absolute;
		display: block;
		left: 0;
		top: 35px
	}
	section#timeline .verticalScroller .verticalTimelineSliderWrap {
		left: 55px
	}
	section#timeline .verticalScroller div.progress {
		width: 55px;
		padding: 0;
		height: 680px;
		display: table;
		margin-left: -5px
	}
	section#timeline .verticalScroller .timeline-breakpoints-y {
		float: none;
		text-align: left;
		line-height: 18px;
		display: table-row;
		margin: 0 !important
	}
	section#timeline .verticalScroller .timeline-breakpoints-y i {
		position: relative;
		top: 7px;
		left: auto;
		right: -60px;
		width: 10px;
		height: 1px
	}
	section#timeline .dijitSliderProgressBar {
		border-radius: 0
	}
	section#timeline .dijitSliderBumperV.dijitSliderBottomBumper {
		border-radius: 0 0 5px 5px
	}
	section#timeline .dijitSliderBumperV.dijitSliderTopBumper {
		border-radius: 5px 5px 0 0
	}
	section#lifestage2 div.lifeSlide div.lifeStageModule {
		width: 100%
	}
}

section#lifestage2 .owl-carousel.owl-loaded {
	display: block
}

section#lifestage2 .owl-carousel {
	display: flex
}

section#lifestage2 div.lifeSlide {
	box-sizing: border-box
}

section#lifestage2 div.lifeSlide div.lifeStageModule {
	position: relative;
	width: 100%;
	min-height: 194px;
	background: #dddddd;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 55%
}

section#lifestage2 div.lifeSlide div.lifeStageModule a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

section#lifestage2 div.lifeSlide.active+.lifeSlide+.lifeSlide .lifeSliderOverlay,
section#lifestage2 div.lifeSlide.active+.lifeSlide+.lifeSlide div.lifeStageModule {
	width: 100.2%
}

section#lifestage2 div.lifeSlide.active {
	border-left: 0
}

@media (min-width: 415px) {
	section#lifestage2 div.lifeSlide:hover .lifeSliderOverlay {
		display: block
	}
}

section#lifestage2 div.lifeSlide a.uiAnimatedArrow span {
	font-size: 1.12em;
	font-family: Futura-bold
}

section#lifestage2 div.lifeSlide .lifeSliderOverlay {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 25px 20px 32px;
	background-color: #fbf900;
	color: #000000;
	font-family: Roboto-normal
}

.offscreen,
.slideview,
.slideview .inner,
div.recommended-bundles div.bundleModule,
section#lifestage2 div.lifeSlide:hover {
	position: relative
}

@media (max-width: 959px) {
	section#lifestage2 div.lifeSlide .lifeSliderOverlay.show {
		width: 16.6667%;
		height: 217px;
		display: block
	}
	section#lifestage2 div.lifeSlide .lifeSliderOverlay.show:hover {
		width: 100%;
		height: 217px;
		left: 0 !important
	}
	section#lifestage2 div.lifeSlide .lifeSliderOverlay.show:focus {
		text-decoration: none
	}
}

section#lifestage2 div.lifeSlide .lifeSliderOverlay p {
	font-size: 20.7px;
	font-family: Roboto-normal;
	line-height: 1.33em
}

section#lifestage2 div.lifeSlide .lifeSliderOverlay a.uiAnimatedArrow span {
	color: #000000
}

div.recommended-bundles {
	margin-top: 50px;
	width: 100%;
	overflow: hidden
}

div.recommended-bundles h2 {
	text-align: right
}

div.recommended-bundles div.bundleModule section#lifestage2 div.lifeSlide div.lifeStageModule a,
div.recommended-bundles div.bundleModule section#lifestage2 div.lifeSlide.last-view-slide div.lifeStageModule a {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

div.recommended-bundles div.bundleModule section#lifestage2 div.lifeSlide.last-view-slide:hover a.lifeSliderOverlay span {
	margin-right: 20px
}

@media (max-width: 959px) {
	div.recommended-bundles h2 {
		text-align: center
	}
	div.recommended-bundles div.bundleModule {
		width: 100% !important;
		margin: 0 !important
	}
	div.recommended-bundles div.bundleModule section#lifestage2 div.lifeSlide div.lifeStageModule a {
		left: -20px
	}
}

.slideview,
.slideview * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.slideview li,
.slideview ul {
	margin: 0;
	padding: 0
}

.offscreen {
	display: none;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: -webkit-transform .35s ease-in-out;
	-moz-transition: -moz-transform .35s ease-in-out;
	-ms-transition: -ms-transform .35s ease-in-out;
	-o-transition: -o-transform .35s ease-in-out;
	transition: transform .35s ease-in-out
}

.lifeSlide {
	display: block;
	height: 100%;
	border-top: 1px solid #ffffff;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-transition: opacity .9s;
	-moz-transition: opacity .9s;
	-ms-transition: opacity .9s;
	-o-transition: opacity .9s;
	transition: opacity .9s
}

.lifeSlide.active+.lifeSlide {
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff
}

.lifeSlide.next-slide {
	padding: 0 0 0 1px
}

.slideview {
	overflow: hidden;
	width: 100%
}

.lifeSlide.active {
	opacity: 1;
	z-index: 10;
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-ms-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s
}

.next-slide {
	z-index: 5
}

.slide-to-first .slide,
.slide-to-last .slide {
	opacity: 1
}

.lifeSlide img {
	display: block;
	width: 100%;
	height: auto
}

.nav a {
	position: absolute;
	top: 97px;
	display: inline-block;
	width: 30px;
	height: 77px;
	margin-top: -39px;
	z-index: 1000
}

.nav a.left {
	background: url(../images/modules/lifestage/left_big.png) no-repeat;
	left: 0
}

.nav a.right {
	right: 0;
	background: url(../images/modules/lifestage/right_big.png) no-repeat
}

div#tools {
	display: block !important;
	position: fixed;
	top: 136px;
	right: 0;
	width: 60px;
	background: #fff500;
	z-index: 6000;
	box-shadow: -1px 3px 8px 0 rgba(0, 0, 0, 0.2)
}

@media (max-width: 959px) {
	.lifeSlide {
		border-top: none
	}
	.menu-toolbar {
		display: none
	}
	#mainNav.active .menu-toolbar {
		display: block
	}
	#mainNav.active .menu-toolbar ul {
		float: none !important;
		display: block !important
	}
	div#tools {
		display: none !important
	}
	div#tools.active {
		display: block !important;
		position: fixed;
		z-index: 6999;
		top: auto;
		left: 0;
		bottom: 0;
		width: 100%;
		box-shadow: -1px -3px 8px 0 rgba(0, 0, 0, 0.2)
	}
	div#tools.active ul li.nr3 {
		width: 33%
	}
	div#tools.active ul li.nr4 {
		width: 25%
	}
	div#tools.active ul li {
		display: inline-block;
		width: 20%;
		float: left;
		height: 55px;
		border-bottom: none;
		border-right: 1px solid #e5ec00;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box
	}
	div#tools.active ul li:hover {
		background: 0 0
	}
	div#tools.active ul li.find {
		display: none
	}
	div#tools.active ul li a {
		padding: 0;
		font-size: 0
	}
	div#tools.active ul li a i {
		height: 41px;
		background: url(../images/modules/tools/tools@size3.png) no-repeat;
		margin-bottom: -7px
	}
	div#tools.active ul li a i.calc {
		height: 41px;
		background-position: 0 10px
	}
	div#tools.active ul li a i.call {
		height: 41px;
		background-position: -66px 10px
	}
	div#tools.active ul li a i.chat {
		width: 37px;
		height: 41px;
		background-position: -126px 10px
	}
	div#tools.active ul li a i.findUs {
		height: 41px;
		background-position: -196px 10px
	}
	div#tools.active ul li a i.notes {
		height: 40px;
		background-position: -256px 10px
	}
}

div#tools i.findUs--white {
	background-image: url(../images/modules/tools/tools--white.png) !important
}

div#tools i.online--black {
	width: 18px;
	height: 28px;
	background: url(../images/common/tools-online--black.png) 0 4px no-repeat !important
}

#toolsHandle,
div#tools ul li a {
	display: block;
	padding: 8px 0 7px
}

div#tools.fold {
	z-index: -1
}

div#tools ul {
	display: block
}

div#tools ul li {
	display: block;
	border-bottom: 1px solid #e8eb00
}

@media (min-width: 960px) {
	div#tools ul li:last-child {
		border: 0
	}
}

div#tools ul li.active,
div#tools ul li:hover {
	background: #ffffff !important;
	border-bottom: 1px solid #ffffff
}

div#tools ul li a {
	text-align: center;
	font-family: Roboto-normal;
	font-size: 11.5px;
	font-weight: 400;
	color: #000000;
	min-height: 40px;
	text-decoration: none
}

div#tools ul li a i {
	display: block;
	width: 26px;
	height: 22px;
	margin: 0 auto;
	background: url(../images/modules/tools/tools.png) no-repeat
}

div#tools ul li {
	position: relative;
	z-index: 6002
}

div#tools ul li a {
	line-height: 1.05;
	padding-bottom: 8px
}

div#tools ul li a i {
	margin-bottom: 2px
}

div#tools ul li a span {
	position: relative;
	top: 2px
}

div#tools ul {
	overflow: hidden
}

div#tools ul li.shadow {
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3);
	border-bottom: none;
	position: relative
}

div#tools ul li.savetag {
	z-index: 6003
}

div#tools ul li.savetag a i {
	background: url("../images/advantages/star.png") center center no-repeat
}

div#tools ul li.savetag+li a {
	padding-top: 11px
}

div#tools ul li.assistant {
	z-index: 6001
}

div#tools ul li.assistant a.assistant-channel-call-button {
	padding: 14px 0;
}

div#tools ul li.assistant a i.assistant {
	height: 26px;
	background: none;
	/*background: url(../images/common/assistant.png) no-repeat center center*/
}

div#tools ul li .assistant-minimized a {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 6002;
	display: none;
	padding: 11px 0
}

div#tools ul li .assistant-minimized a.active {
	display: block;
	animation: tools-minimized 0.5s infinite
}

div#tools ul li .assistant-minimized a i {
	height: auto;
	background: none
}

ul#toolsHandle li {
	position: relative
}

ul#toolsHandle li .assistant-minimized a {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 6002;
	display: none;
	padding: 11px 0;
	background-size: 58%;
	background-position: 54% 50%;
	background-repeat: no-repeat
}

ul#toolsHandle li .assistant-minimized a.active {
	display: block;
	animation: tools-minimized 0.5s infinite
}

@keyframes tools-minimized {
	from {
		background-color: #fff500
	}
	to {
		background-color: #ffcc1b
	}
}

div#tools ul li.callus a {
	padding-bottom: 4px
}

div#tools ul li.chat a {
	padding-bottom: 8px
}

div#tools ul li.notes a {
	padding-bottom: 10px
}

@media (max-width: 959px) {
	div#tools ul li.notes a {
		padding-bottom: 0
	}
}

div#tools ul li a i.find {
	background-position: 0 0
}

div#tools ul li a i.calc {
	height: 34px;
	background-position: 0 -22px
}

div#tools ul li a i.call {
	background-position: 0 -57px
}

div#tools ul li a i.chat {
	height: 20px;
	background-position: 0 -78px
}

div#tools ul li a i.findUs {
	margin-bottom: 2px;
	height: 23px;
	background-position: 0 -98px
}

div#tools ul li a i.findUsO {
	height: 23px;
	background: url("../images/common/prior-icon.png") no-repeat
}

div#tools ul li a i.notes {
	background-position: 0 -122px;
	margin-bottom: 2px
}

#toolsHandle {
	position: fixed;
	top: 167px;
	right: -35px;
	width: 35px;
	height: 34px;
	background: url(../images/modules/tools/handle.png) center center no-repeat #fff500;
	text-indent: -9999px;
	z-index: 4500;
	-webkit-box-shadow: -1px 3px 8px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px 3px 8px 0 rgba(0, 0, 0, 0.2);
	box-shadow: -1px 3px 8px 0 rgba(0, 0, 0, 0.2)
}

div#welcome {
	position: relative;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	z-index: 9999
}

div#welcome div.welcomeOverlay {
	width: 100%;
	height: 100%;
	overflow: hidden
}

div#welcome div.welcomeContainer {
	position: absolute;
	width: 976px;
	height: 507px;
	background: url(../images/modules/welcome/welcome.jpg) top center no-repeat;
	box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.2)
}

@media (max-width: 959px) {
	div#tools ul li a {
		min-height: 50px
	}
	div#welcome div.welcomeContainer {
		width: 80%;
		padding: 0 3vw 10px
	}
}

@media (max-width: 480px) {
	div#welcome div.welcomeContainer {
		padding: 0 5vw 10px;
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		margin-left: 0;
		margin-top: 0;
		background: url(../images/modules/welcome/welcomeMobile.jpg) top center no-repeat;
		background-size: cover
	}
}

div#welcome div.welcomeContainer div.welcomeLogo {
	float: left;
	margin: 20px 0 0 20px
}

div#welcome div.welcomeContainer div.welcomeLogo h1 {
	margin: 0
}

div#welcome div.welcomeContainer div.welcomeLogo a {
	display: block;
	width: 167px;
	height: 48px;
	text-indent: -9999px;
	background: url(../images/common/logo.svg) no-repeat
}

@media (max-width: 959px) {
	div#welcome div.welcomeContainer div.welcomeLogo {
		margin: 0;
		padding: 10px 0 0
	}
	div#welcome div.welcomeContainer div.welcomeLogo a {
		width: 132px;
		height: 38px;
		margin: 0;
		background-size: contain
	}
}

div#welcome div.welcomeContainer div.welcomeLanguages {
	overflow: hidden;
	margin: 0 20px 0 0;
	display: none
}

div#welcome div.welcomeContainer div.welcomeLanguages ul {
	float: right
}

div#welcome div.welcomeContainer div.welcomeLanguages ul li {
	position: relative;
	display: inline-block;
	padding: 20px 16px 0 0
}

@media (max-width: 959px) {
	div#welcome div.welcomeContainer div.welcomeLanguages {
		margin: 0 10px 0 0
	}
	div#welcome div.welcomeContainer div.welcomeLanguages ul li {
		padding-top: 10px
	}
}

div#welcome div.welcomeContainer div.welcomeLanguages ul li:last-child {
	padding-right: 0
}

div#welcome div.welcomeContainer div.welcomeLanguages ul li:last-child:before {
	content: '';
	position: absolute;
	top: 0;
	left: -10px;
	display: block;
	width: 1px;
	height: 89%;
	background: #978f79;
	box-shadow: 1px 1px 0 rgba(193, 181, 164, 0.6)
}

div#welcome div.welcomeContainer div.welcomeLanguages ul li a {
	color: #ffffff;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2)
}

div#welcome div.welcomeContainer div.welcomeLanguages ul li a.active,
div#welcome div.welcomeContainer div.welcomeLanguages ul li a:hover {
	color: #fff500
}

div#welcome div.welcomeContainer div.welcomeContent {
	padding: 260px 0 0
}

@media (max-width: 959px) {
	div#welcome div.welcomeContainer div.welcomeContent {
		padding: 0;
		position: absolute;
		width: 95%;
		width: calc(100% - 20px);
		bottom: 13%;
		left: 10px
	}
}

@media (max-width: 640px) {
	div#welcome div.welcomeContainer div.welcomeContent {
		position: relative;
		bottom: auto;
		left: auto;
		padding: 31px 0 0 10px
	}
}

div#welcome div.welcomeContainer div.welcomeContent.hidden {
	opacity: 1;
	display: none
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting {
	margin: 0 auto;
	text-align: center
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting h1 {
	color: #ffffff;
	font-size: 2.25em;
	line-height: 1.6em;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting h1.mobile {
	display: none
}

@media (max-width: 959px) {
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting h1 {
		display: none;
		text-align: left;
		font-size: 1.83333em;
		line-height: 1.3em
	}
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting h1.mobile {
		display: block;
		clear: both;
		text-align: center;
		margin: 33px 0 0
	}
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation {
	margin: 77px auto 0;
	text-align: center
}

@media (max-width: 480px) {
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation {
		margin: 33px 0 0;
		text-align: left;
		bottom: 33px
	}
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul {
	display: block
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li {
	display: inline-block;
	height: 67px;
	border-right: 1px solid #4b4843;
	box-shadow: 1px 0 0 #706d68;
	width: 19%;
	position: relative
}

@media (max-width: 959px) {
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation {
		margin: 33px 0 0;
		text-align: left
	}
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li {
		display: block;
		width: 100%;
		height: auto;
		padding: 5px 0;
		border-right: 0 none;
		border-bottom: 1px solid #4b4843;
		box-shadow: 0 1px 0 rgba(112, 109, 104, 0.3)
	}
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li:first-child {
		border-top: 1px solid #4b4843;
		box-shadow: 0 -1px 0 rgba(112, 109, 104, 0.4)
	}
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a {
		padding: 0
	}
}

@media (min-width: 959px) {
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li:last-child {
		border: none;
		box-shadow: none
	}
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a {
	color: #ffffff;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	font-size: 1.33333em
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a:hover {
	color: #fff500
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a span {
	text-align: right;
	position: absolute;
	bottom: 18px;
	right: 55px
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a i {
	width: 35px;
	height: 35px;
	position: absolute;
	bottom: 16px;
	right: 10px;
	background-color: #fff500
}

div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a i b {
	background: url(../images/icons/arrow-right-small.png) no-repeat
}

@media (max-width: 959px) {
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a span {
		float: none;
		line-height: 35px;
		position: initial
	}
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a i {
		position: absolute;
		bottom: 5px;
		right: 0
	}
	div.overlay {
		overflow-y: scroll
	}
}

.blurred {
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: url(../images/modules/welcome/blur.svg);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4')
}

div.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 7000
}

div.overlay a.close {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20.7px;
	line-height: 36px;
	font-family: Nunito, sans-serif;
	font-weight: 300;
	color: #000000;
	z-index: 20
}

div.overlay a.close i {
	display: block;
	float: right;
	width: 18px;
	height: 18px;
	margin: 9px 0 0 15px;
	background: url(../images/modules/search/close.png) no-repeat
}

div#search {
	position: relative;
	top: -9px;
	right: 0;
	float: right;
	width: 339px;
	height: 40px;
	background: #e9edf0;
	z-index: 6001
}

div#search div.searchContent {
	width: 100%;
	padding: 3px 0 0 4px;
	overflow: hidden
}

div#search div.searchContent form {
	display: block;
	width: 100%;
	overflow: hidden
}

div#search div.searchContent form i {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	margin: 8px 14px 0 17px;
	background: url(../images/modules/search/search.png) no-repeat
}

@media (max-width: 1440px) {
	div#search {
		width: 260px
	}
	div#search div.searchContent form i {
		margin: 8px 12px 0 10px
	}
}

div#search div.searchContent form i::-webkit-input-placeholder {
	color: #e9ebec
}

div#search div.searchContent form i:-moz-placeholder {
	color: #e9ebec
}

div#search div.searchContent form i::-moz-placeholder {
	color: #e9ebec
}

div#search div.searchContent form i:-ms-input-placeholder {
	color: #e9ebec
}

div#search div.searchContent form input {
	float: left;
	width: 73%;
	height: auto;
	margin: 5px 0 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #000000;
	color: #000000 !important;
	font-size: 1.25em;
	background: 0 0;
	opacity: 1
}

div#search div.searchContent form input::placeholder {
	color: #000000 !important;
	opacity: 1
}

div#search div.searchContent form ::-webkit-input-placeholder {
	color: #000000
}

div#search div.searchContent form a {
	display: block
}

div#search div.searchContent form a.clear {
	float: left;
	width: 11px;
	height: 11px;
	margin: 0 0 0 9px;
	text-indent: -9999px;
	background: url(../images/modules/search/clear.png) no-repeat
}

div#search div.searchContent form div.results {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #f7f7f7
}

div#search div.searchContent form div.results.visible {
	display: block
}

div#search div.searchContent form div.results div.block {
	margin: 0 0 24px;
	padding: 0
}

div#search div.searchContent form div.results div.block h3 {
	display: block;
	margin: 14px 0 14px 19px;
	font-family: Roboto-normal;
	font-size: 1.33333em;
	font-weight: 400;
	color: #878a8e
}

div#search div.searchContent form div.results div.block div.item {
	padding: 4px 19px
}

div#search div.searchContent form div.results div.block div.item:hover {
	background: #fff500
}

div#search div.searchContent form div.results div.block a {
	margin: 0 0 8px;
	font-family: Roboto-normal;
	font-size: 1.16667em;
	color: #000000
}

div#search div.searchContent form div.results div.block a:last-child {
	margin: 0
}

div#search div.searchContent form div.results div.block.recommended {
	padding: 0;
	margin: 0
}

div#search div.searchContent form div.results div.block.recommended h3 {
	padding: 22px 0 0
}

div#search div.searchContent form div.results div.block.recommended a {
	padding: 0
}

div#search div.searchContent form div.results div.block.recommended a:hover {
	background: #f9fc00
}

div#search div.searchContent form div.results div.block.recommended a h2 {
	margin: 0 0 8px;
	font-family: Futura-bold;
	font-size: 1em;
	font-weight: 400;
	color: #000000
}

div#search div.searchContent form div.results div.block.recommended a span {
	display: block;
	font-family: Roboto-normal;
	font-size: .83333em
}

div#mainNav div.menuSearch div.results {
	padding: 10px;
	display: none;
	background: #e9edf0
}

div#mainNav div.menuSearch form input[type=text] {
	height: 55px
}

div#mainNav div.menuSearch div.results div.block a {
	margin: 8px 0 8px 8px;
	font-family: Roboto-normal;
	font-size: 1.16667em;
	color: #000000;
	display: block
}

div#mainNav div.menuSearch div.results div.block a span {
	display: inline
}

div#branchfinderOverlay,
div#mainNav div.menuSearch div.results.visible {
	display: block
}

div#mainNav div.menuSearch div.results div.block {
	margin: 0 0 14px;
	padding: 4px 8px
}

div#mainNav div.menuSearch div.results div.block.recommended a h2 {
	margin: 0 0 8px;
	font-family: Futura-bold;
	font-size: 1em;
	font-weight: 400;
	color: #000000
}

span.OFHighlightTerm1 {
	border-bottom: 2px solid #fff500
}

div#branchfinderOverlay .wrapper {
	position: absolute;
	top: 54%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

div#branchfinderOverlay .wrapper.branchFinderPage {
	padding-top: 3%;
	position: relative;
	top: 0;
	left: 0;
	transform: none
}

@media (max-width: 959px) {
	div#branchfinderOverlay .wrapper {
		position: static;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

div#branchfinderOverlay.hidden {
	visibility: hidden;
	opacity: 0
}

div#branchfinderOverlay.branchfinder-detail-view .closeBranchFinderDetailView {
	display: inline-block
}

div#branchfinderOverlay.branchfinder-detail-view div.branchfinderContent .gridModule:first-child {
	display: none
}

div#branchfinderOverlay.branchfinder-detail-view div.branchfinderContent .gridModule:first-child+.gridModule {
	width: 50%;
	margin: 0 0 0 -180px
}

@media (max-width: 480px) {
	div#branchfinderOverlay.branchfinder-detail-view div.branchfinderContent .gridModule:first-child+.gridModule {
		width: 90%;
		margin: 0 0 20px 20px
	}
}

@media (min-width: 480px) and (max-width: 959px) {
	div#branchfinderOverlay.branchfinder-detail-view div.branchfinderContent .gridModule:first-child+.gridModule {
		width: 40%;
		margin: 0 0 0 5%
	}
}

div#branchfinder.branchfinder-detail-view div.branchfinderContent .gridModule:first-child+.gridModule:after {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	top: 0;
	bottom: 0;
	left: 0;
	background: #b8b8b8
}

div#branchfinderOverlay.branchfinder-detail-view div.branchfinderContent .branchStats.gridModule {
	display: block;
	width: 40%;
	margin: 0 0 0 5%
}

@media (max-width: 480px) {
	div#branchfinderOverlay.branchfinder-detail-view div.branchfinderContent .branchStats.gridModule {
		width: 60%
	}
}

@media (min-width: 480px) and (max-width: 959px) {
	div#branchfinderOverlay.branchfinder-detail-view div.branchfinderContent .branchStats.gridModule {
		width: 60%
	}
}

div#branchfinderOverlay .branchStats.gridModule,
div#branchfinderOverlay .closeBranchFinderDetailView {
	display: none
}

div#branchfinderOverlay div.branchfinderContent .autocomplete-suggestions {
	position: absolute;
	display: block;
	top: 50px;
	left: 0;
	right: 0;
	overflow-y: auto;
	padding: 0 13px;
	background: #ffffff;
	border: 1px solid #c1c6c9;
	border-top: none;
	z-index: 500;
	max-height: 300px
}

div#branchfinderOverlay div.branchfinderContent .autocomplete-suggestions.hidden {
	display: none
}

div#branchfinderOverlay div.branchfinderContent .autocomplete-suggestions .suggestion-item {
	display: block;
	padding: 5px 0 0;
	font-size: 1.33333em;
	color: #454545
}

div#branchfinderOverlay div.branchfinderContent .branchStats {
	font-weight: 700
}

div#branchfinderOverlay div.branchfinderContent .branchStats td {
	padding-bottom: 10px
}

div#branchfinderOverlay div.branchfinderContent .branchStats td:first-child {
	width: 25%
}

div#branchfinderOverlay div.branchfinderContent .branchStats p {
	font-size: 16.1px;
	margin-bottom: 0
}

div#branchfinder div.branchfinderContent .branchStats h2,
div#branchfinderOverlay div.branchfinderContent .branchStats h1 {
	text-align: left;
	margin-bottom: 15px
}

@media (max-width: 959px) {
	div#branchfinderOverlay div.branchfinderContent {
		margin: 70px 0 40px
	}
}

div#branchfinderOverlay div.branchfinderContent h1 {
	font-size: 2.08333em;
	font-family: Futura-bold;
	color: #000000
}

div#branchfinderOverlay div.branchfinderContent h2 {
	margin: 0 0 20px;
	font-size: 1.58333em;
	color: #000000
}

div#branchfinder div.branchfinderContent p {
	font-family: Roboto-normal
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions {
	margin: 0 0 40px
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions ::-webkit-input-placeholder {
	color: #454545
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions :-moz-placeholder {
	color: #454545
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions ::-moz-placeholder {
	color: #454545
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions :-ms-input-placeholder {
	color: #454545
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form {
	position: relative
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form input,
div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form select {
	width: 100%;
	margin: 0 0 8px;
	padding: 0 0 0 13px;
	border: 1px solid #c1c6c9;
	font-size: 1.33333em;
	color: #454545;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form input[type=text],
div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form select[type=text] {
	height: 50px
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form button {
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 45px;
	height: 48px;
	border: 0;
	text-indent: -9999px;
	background: url(../images/modules/branchfinder/search.png) center center no-repeat #fff500;
	cursor: pointer
}

div#branchfinderOverlay.branchfinder-detail-view div.branchfinderContent .branchStats.gridModule a.cta {
	right: 0;
	bottom: 0;
	left: auto;
	left: initial;
	position: relative;
	display: block
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form select {
	width: 116px;
	font-size: 1.22em;
	float: right
}

@media (max-width: 959px) {
	div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form button {
		height: 47px
	}
	div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form select {
		width: 114px
	}
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form .rbr-select {
	position: relative
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form .rbr-select span.ico {
	display: none;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 45px;
	height: 45.2px;
	z-index: 9000;
	border-bottom: 1px solid #c1c6c9;
	background: #fff500
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form .rbr-select span.ico i {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/icons/arrow-bottom-black.png) center center no-repeat
}

div#branchfinder div.branchfinderContent div.branchfinderOptions form .rbr-select span.ico,
div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form .rbr-select :-moz-tree-row(hover) {
	display: block
}

div#branchfinderOverlay div.branchfinderContent div.branchfinderOptions form div {
	cursor: pointer
}

div#branchfinder div.branchfinderContent div.branchfinderOptions form div[data-tool-element=radio] {
	margin: 0 0 8px
}

div#branchfinder div.branchfinderContent div.branchfinderOptions form div.row,
div#branchfinder div.branchfinderContent div.branchfinderOptions form div[data-tool-element=drop] {
	height: 55px
}

div#branchfinder div.branchfinderContent div.branchfinderOptions form div label {
	display: inline-block;
	padding: 0 0 0 10px
}

div#branchfinder p.timeline span {
	min-width: 32px;
	display: inline-block
}

div#branchfinderOverlay .branch-finder-map {
	width: 100%;
	height: 540px;
	border: 1px solid #b8b8b8
}

@media (max-width: 959px) {
	div#branchfinderOverlay .branch-finder-map {
		height: 200px
	}
}

:root .rbr-checkboxes input[type=checkbox]+span,
:root .rbr-checkboxes input[type=checkbox]+span::before,
:root .rbr-checkboxes label,
:root .rbr-radios input[type=radio]+span,
:root .rbr-radios input[type=radio]+span::before,
:root .rbr-radios label {
	display: inline-block;
	vertical-align: middle;
	color: #000000
}

:root .rbr-checkboxes,
:root .rbr-radios {
	position: relative
}

:root .rbr-checkboxes label *,
:root .rbr-radios label * {
	cursor: pointer
}

:root .rbr-checkboxes input[type=checkbox],
:root .rbr-radios input[type=radio] {
	opacity: 0;
	position: absolute
}

:root .rbr-checkboxes input[type=checkbox]+span,
:root .rbr-radios input[type=radio]+span {
	font-family: Roboto-normal;
	font-size: 1.33333em;
	cursor: pointer
}

:root .rbr-checkboxes label:hover span::before,
:root .rbr-radios label:hover span::before {
	box-shadow: 0 0 2px #cccccc
}

:root .rbr-checkboxes label:hover span,
:root .rbr-radios label:hover span {
	color: #000000
}

:root .rbr-checkboxes input[type=checkbox]+span::before,
:root .rbr-radios input[type=radio]+span::before {
	content: '';
	width: 17px;
	height: 17px;
	margin: 0 4px 0 0;
	border: 1px solid #676767;
	line-height: 14px;
	text-align: center;
	border-radius: 100%;
	background: #ffffff;
	background: radial-gradient(#fff, #fff)
}

:root .rbr-checkboxes input[type=checkbox]:checked+span::before,
:root .rbr-radios input[type=radio]:checked+span::before {
	background: #fff500
}

:root .rbr-checkboxes input[type=checkbox]:disabled+span,
:root .rbr-radios input[type=radio]:disabled+span {
	cursor: default;
	opacity: .4
}

:root .rbr-radios input[type=radio]:checked+span::before {
	content: '';
	font-size: 27.6px
}

:root .rbr-checkboxes input[type=checkbox]:checked+span::before {
	content: '';
	font-size: 13.8px
}

div#callUs .cta:before,
div#callUs h2:after {
	content: "";
	width: 100%;
	border-top: 4px solid #e7e7e7
}

.rbr-checkboxes li,
.rbr-radios li {
	padding: 0 0 20px
}

div#callUs {
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	overflow: auto
}

div#callUs a.phone,
div#callUs p.phone,
div#callUs strong {
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

div#callUs strong {
	font-size: 1.3em
}

div#callUs .callUsContent {
	width: 100%;
	max-width: 770px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

div#callUs .callUsContent .smartfox {
	width: 47%
}

div#callUs .callUsContent a.tabCtaLink.uiLink.v1 {
	font-size: 1.3em;
	padding-right: 0
}

div#callUs .callUsContent__warning {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	padding-top: 30px;
	box-sizing: border-box
}

div#callUs .callUsContent__warning::before {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
	left: -20px;
	top: 0
}

div#callUs .callUsContent__warning img {
	width: 21px;
	opacity: 0.6;
	height: 18px;
	margin-bottom: 10px
}

div#callUs .callUsContent__warning p {
	opacity: 0.6;
	width: 100%;
	line-height: 1.2;
	text-align: center
}

@media (max-height: 823px) {
	div#callUs .callUsContent {
		top: 0;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}
	div#callUs h2 {
		padding-top: 10px
	}
}

@media (max-height: 770px) {
	div#callUs .callUsContent {
		top: 0;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}
	div#callUs h2 {
		padding-top: 10px
	}
}

@media (min-width: 411px) and (max-height: 823px) and (orientation: portrait) {
	div#callUs .callUsContent {
		top: 0;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 40px)
	}
	div#callUs h2 {
		padding-top: 10px
	}
}

@media (max-width: 400px) {
	div#callUs h2 {
		padding-top: 40px
	}
	div#callUs a.close {
		top: 15px
	}
}

div#callUs .icon {
	display: inline-block
}

div#callUs .icon.phone {
	width: 32px;
	height: 36px;
	margin-right: 10px;
	background: url(../images/modules/callus/icon_phone.png) no-repeat
}

div#callUs h2 {
	position: relative;
	width: 100%;
	font-size: 2.5em;
	line-height: 1em;
	padding-bottom: 10px;
	margin-bottom: 50px
}

div#callUs h2:after {
	display: block;
	position: absolute;
	bottom: -13px;
	left: -20px
}

div#callUs p {
	font-size: 1.17em;
	line-height: 1.57em;
	color: #000000;
	margin-bottom: 35px
}

div#callUs p.callUsContent__caption {
	margin-bottom: 10px;
	line-height: 1.05;
	padding: 4px 0
}

div#callUs a.phone,
div#callUs p.phone {
	font-size: 2.5em;
	line-height: .88em;
	margin-bottom: 15px;
	color: #000000;
	display: block
}

div#callUs p.last {
	margin-bottom: 0
}

.advantages-adnav-wrap div.sidebar a,
.pagesList .pageItem .pageDesc,
div#notesTool .notesContent {
	font-family: Roboto-normal
}

div#callUs .cta {
	position: relative;
	display: block;
	width: 100%;
	left: auto;
	bottom: auto;
	margin-top: 50px
}

div#callUs .cta:before {
	display: block;
	position: absolute;
	top: -10px;
	left: -10px
}

div#notesTool .mobileTabs,
div#notesTool .notesContent .headerMobile {
	display: none
}

div#notesTool>.wrapper {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

div#notesTool .notesContent {
	padding-top: 12px
}

div#notesTool .notesContent h2 {
	position: relative;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 30px;
	padding-bottom: 8px
}

div#notesTool .notesContent h2 .icon {
	margin-right: 15px
}

div#notesTool .notesContent h2 .icon.lastViewed {
	position: relative;
	top: 4px
}

div#notesTool .notesContent h2.lastViewed {
	margin-top: -15px
}

div#notesTool .notesContent .moduleDesc {
	font-size: 1.2em;
	line-height: 1.55em
}

@media (max-width: 959px) {
	div#notesTool .notesContent {
		position: relative;
		padding-top: 0
	}
	div#notesTool .notesContent .gridModule {
		position: relative;
		opacity: 0;
		height: 0;
		z-index: 1
	}
	div#notesTool .notesContent .gridModule.active {
		-webkit-transition: opacity .5s;
		-moz-transition: opacity .5s;
		-ms-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
		padding-top: 180px;
		opacity: 1;
		height: auto;
		z-index: 2;
		overflow-x: hidden;
		overflow-y: auto;
		box-sizing: content-box
	}
	div#notesTool .notesContent .gridModule>h2 {
		display: none
	}
	div#notesTool .notesContent .headerMobile {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 3;
		background-color: #ffffff
	}
	div#notesTool .notesContent .headerMobile h2 {
		font-size: 2.5em;
		line-height: 1em;
		margin: 18px 0;
		padding: 0 15px;
		border: 0
	}
	div#notesTool .notesContent .headerMobile .logo {
		padding: 0 10px
	}
	div#notesTool .notesContent .headerMobile .logo h1 {
		margin: 0
	}
	div#notesTool .notesContent .headerMobile .logo a {
		display: block;
		width: 132px;
		height: 38px;
		margin: 12px 0 0;
		text-indent: -9999px;
		background: url(../images/common/logo.svg) no-repeat;
		background-size: contain
	}
	div#notesTool .notesContent .moduleDesc {
		display: none
	}
	div#notesTool .notesContent .mobileTabs {
		display: block
	}
	div#notesTool .notesContent .mobileTabs .tab {
		display: block;
		float: left;
		width: 50%;
		height: 64px;
		padding: 14px 0 0 20px;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		box-sizing: border-box;
		text-decoration: none
	}
	div#notesTool .notesContent .mobileTabs .tab h2 {
		display: inline;
		font-size: 1.17em;
		line-height: 1.3em;
		border: 0;
		margin: 0;
		padding: 0
	}
	div#notesTool .notesContent .mobileTabs .tab:after {
		display: inline-block;
		content: "";
		width: 13px;
		height: 8px;
		margin-left: 10px;
		background: url(../images/modules/navigation/arrow-down.png) no-repeat
	}
	div#notesTool .notesContent .mobileTabs .tab.active {
		background-image: -webkit-linear-gradient(top, #fff500 0, #fff500 100%);
		background-image: -moz-linear-gradient(top, #fff500 0, #fff500 100%);
		background-image: -ms-linear-gradient(top, #fff500 0, #fff500 100%);
		background-image: -o-linear-gradient(top, #fff500 0, #fff500 100%);
		background-image: linear-gradient(top, #fff500 0, #fff500 100%)
	}
	div#notesTool .notesContent .mobileTabs #tabOneDiv {
		float: left
	}
	div#notesTool .notesContent .mobileTabs #tabTwoDiv {
		line-height: 1;
		margin-right: 10px;
		float: left
	}
	div#notesTool .close {
		top: 17px;
		right: 15px;
		margin-bottom: 6px;
		font-family: Roboto-normal;
		font-size: 14.95px;
		line-height: 13px;
		z-index: 5
	}
	div#notesTool .close i {
		float: none;
		margin: 0 auto 6px;
		width: 18px;
		height: 18px;
		background-image: url(../images/modules/notes/close_mobile.png)
	}
	div#notesTool>.wrapper {
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		padding-top: 0
	}
}

.pagesList .pageItem {
	display: block;
	position: relative;
	height: 50px;
	padding: 1px;
	text-decoration: none
}

.pagesList .pageItem .itemThumb {
	float: left;
	width: 52px;
	height: 52px;
	margin-right: 15px;
	background: url(../images/modules/notes/thumbs/page_thumb_placeholder.jpg) 50% 50% no-repeat #e6e7e9
}

.pagesList .pageItem .pageDesc,
.pagesList .pageItem .pageName {
	font-size: 1.2em;
	line-height: 1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pagesList .pageItem .pageName {
	margin: 5px 0 0
}

.pagesList .removeItem {
	display: none;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 0;
	right: 1px;
	background: url(../images/modules/notes/close_item.png) 50% 50% no-repeat #fff500
}

.pagesList li {
	position: relative;
	margin: 5px 0;
	padding-right: 60px
}

.pagesList li.remove {
	display: none
}

.pagesList li:hover {
	background-color: #f8f8f8
}

.pagesList li:hover .removeItem {
	display: block
}

.scrollBox {
	position: relative;
	height: 284px;
	margin-top: 35px
}

.scrollBox .viewport {
	position: relative;
	height: 284px;
	overflow: hidden;
	margin-right: 10px
}

.scrollBox .scrollbar,
.scrollBox .track {
	height: 100%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px
}

.scrollBox .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0
}

.scrollBox .scrollbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	background: #f7f7f7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 12px;
	background-clip: padding-box
}

.scrollBox .scrollbar.disable {
	display: none
}

.scrollBox .track {
	position: relative;
	background: #f7f7f7;
	border-radius: 12px;
	background-clip: padding-box
}

.scrollBox .thumb {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	background: #e6e7e9;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	background-clip: padding-box
}

.scrollBox .thumb .end {
	display: none;
	background: #e6e7e9;
	overflow: hidden
}

@media (max-width: 959px) {
	.scrollBox .scrollbar {
		display: none
	}
	.scrollBox {
		margin-top: 25px;
		height: auto
	}
	.scrollBox .viewport {
		margin: 0;
		padding: 0 5px;
		height: auto;
		overflow: visible
	}
	.scrollBox .overview {
		position: static
	}
	.scrollBox .pagesList li {
		margin: 10px 0
	}
}

.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none
}

.icon {
	display: inline-block
}

.icon.flagged {
	width: 30px;
	height: 30px;
	background: url(../images/modules/notes/flagged_pages.png) no-repeat
}

.icon.lastViewed {
	width: 40px;
	height: 45px;
	background: url(../images/modules/notes/last_viewed.png) no-repeat
}

#main {
	box-sizing: border-box
}

.subNavigation {
	width: 300px;
	background: #343a3c;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 3000;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translate(-300px, 0);
	-moz-transform: translate(-300px, 0);
	-ms-transform: translate(-300px, 0);
	-o-transform: translate(-300px, 0);
	transform: translate(-300px, 0)
}

.multiTeaserModule div.moduleHeading a span,
.subNavigation .closeHandle {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.openSubNav .subNavigation,
.subNavigation.openSubNav {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.subNavigation .container {
	padding: 190px 40px 40px
}

.subNavigation .closeHandle {
	display: block;
	width: 40px;
	height: 76px;
	text-indent: -9999px;
	background: #fff500;
	position: absolute;
	top: 123px;
	right: -40px;
	cursor: pointer;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translate(-40px, 0);
	-moz-transform: translate(-40px, 0);
	-ms-transform: translate(-40px, 0);
	-o-transform: translate(-40px, 0);
	transform: translate(-40px, 0)
}

.subNavigation .closeHandle:after,
.subNavigation .closeHandle:before {
	width: 22px;
	height: 3px;
	background: #000000;
	right: 7px;
	position: absolute;
	content: ''
}

.openSubNav .subNavigation .closeHandle,
.subNavigation .closeHandle.openSubNav {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.subNavigation .closeHandle:before {
	top: 30px;
	-webkit-transform: rotate(45deg) translateY(5px) translateX(2px);
	-moz-transform: rotate(45deg) translateY(5px) translateX(2px);
	-ms-transform: rotate(45deg) translateY(5px) translateX(2px);
	-o-transform: rotate(45deg) translateY(5px) translateX(2px);
	transform: rotate(45deg) translateY(5px) translateX(2px)
}

.subNavigation .closeHandle:after {
	top: 40px;
	-webkit-transform: rotate(-45deg) translateY(-5px) translateX(2px);
	-moz-transform: rotate(-45deg) translateY(-5px) translateX(2px);
	-ms-transform: rotate(-45deg) translateY(-5px) translateX(2px);
	-o-transform: rotate(-45deg) translateY(-5px) translateX(2px);
	transform: rotate(-45deg) translateY(-5px) translateX(2px)
}

.subNavigation .closeHandle i {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #fff500 transparent transparent;
	left: -7px;
	bottom: 17px
}

.advantages-adnav-wrap {
	position: relative;
	display: block;
	overflow: hidden;
	background: #e9edf0;
	-webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.2)
}

.advantages-adnav-wrap div.sidebar {
	position: relative;
	width: 25%;
	margin-left: 0 !important
}

.advantages-adnav-wrap div.sidebar a {
	color: #bbc0c4
}

.advantages-adnav-wrap div.sidebar a.handle {
	position: absolute;
	left: 0;
	display: block;
	float: left;
	width: 40px;
	height: 76px;
	margin: 0 12px 0 0;
	background: url(../images/modules/sidebar/handle.png) center center no-repeat #fff500;
	border-bottom: 1px solid #fff500;
	text-indent: -9999px
}

.advantages-adnav-wrap div.sidebar a.handle i {
	display: block;
	width: 7px;
	height: 18px;
	margin: 26px 0 0 40px;
	bottom: 10px !important;
	background: url(../images/modules/sidebar/tip.png) no-repeat
}

div.advantages-adnav-wrap div.sidebar div.barContent {
	overflow: hidden;
	height: 76px;
	margin: 0 0 -1px;
	padding-left: 50px;
	background: #454d50;
	color: #bbc0c4
}

div.advantages-adnav-wrap div.sidebar div.barContent ul {
	margin-top: 6px !important
}

div.advantages-adnav-wrap div.sidebar div.barContent span {
	margin-top: 23px !important
}

.advantages-adnav-wrap div.sidebar div.barContent div.white {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 5px;
	background: #ffffff;
	z-index: 9999
}

.advantages-adnav-wrap div.sidebar div.barContent ul {
	overflow: hidden;
	margin: 12px 0 10px
}

.advantages-adnav-wrap div.sidebar div.barContent ul li {
	float: left;
	padding: 0 12px 0 3px;
	background: url(../images/modules/sidebar/arrow.png) center right no-repeat;
	font-size: .83333em
}

.advantages-adnav-wrap div.sidebar div.barContent ul li:first-child {
	padding-left: 0
}

.advantages-adnav-wrap div.sidebar div.barContent ul li:last-child {
	background: 0 0
}

.advantages-adnav-wrap div.sidebar div.barContent span {
	display: block;
	font-family: Roboto-normal;
	font-size: 1.41667em
}

.advantages-adnav-wrap .sidebar.gridModule {
	margin-right: 0
}

.advantages-adnav-wrap div.adNav {
	background: #e9edf0;
	width: 75% !important;
	margin-right: 0
}

.advantages-adnav-wrap div.adNav ul li {
	display: block;
	float: left
}

.advantages-adnav-wrap div.adNav ul li.active,
.advantages-adnav-wrap div.adNav ul li:hover {
	background: #ffffff
}

.advantages-adnav-wrap div.adNav ul li a {
	color: #000000;
	font-size: 18px;
	font-family: Futura-bold;
	padding: 24px 50px 25px 50px;
	display: inline-block
}

.advantages-adnav-wrap .adNav.gridModule {
	margin-left: 0
}

@media (max-width: 959px) {
	.advantages-adnav-wrap div.adNav {
		width: 100% !important
	}
	.advantages-adnav-wrap div.adNav ul {
		display: flex;
		flex-wrap: wrap
	}
	.advantages-adnav-wrap div.adNav ul li {
		display: flex;
		justify-content: center;
		flex-grow: 1
	}
	.advantages-adnav-wrap div.adNav ul li a {
		padding: 18px 20px;
		font-size: 17px;
		text-overflow: ellipsis;
		min-height: 21px
	}
}

@media (max-width: 480px) {
	.advantages-adnav-wrap div.adNav ul li a {
		padding: 14px 15px;
		min-height: 25px
	}
}

.contentNavWrapper {
	height: 76px;
	margin-top: 10px
}

@media (max-width: 959px) {
	.contentNavWrapper {
		float: left;
		width: 100%;
		height: auto;
		margin: 0
	}
}

#contentNav {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	background-color: #ffffff
}

#contentNav:after {
	content: '';
	display: table;
	clear: both
}

@media (max-width: 959px) {
	#contentNav {
		width: 100%;
		height: auto;
		border: none
	}
	#contentNav .top {
		margin-bottom: 10px
	}
}

#contentNav,
#contentNav a {
	font-family: Roboto-normal;
	color: #000000
}

#contentNav a:hover,
#contentNav:hover {
	text-decoration: none
}

#contentNav .top {
	height: 100%;
	opacity: 0
}

#contentNav .top a:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -2px;
	width: 12px;
	height: 9px;
	margin-right: 12px;
	background: url(../images/icons/arrow-top-black.png) no-repeat
}

#contentNav #goTop {
	position: relative;
	top: 30px;
	font-size: 1.84em;
	line-height: .82em;
	text-decoration: none
}

@media (max-width: 959px) {
	#contentNav #goTop {
		top: 0;
		display: none
	}
}

#contentNav .navItems {
	list-style-type: none;
	counter-reset: nav-items;
	margin-left: 0
}

#contentNav .navItems:after {
	content: '';
	display: table;
	clear: both
}

#contentNav .navItems li {
	position: relative;
	float: left;
	height: 91px;
	border-left: 1px solid #e7e7e7;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	cursor: pointer
}

#contentNav .navItems li:before {
	content: counter(nav-items);
	counter-increment: nav-items;
	position: absolute;
	left: 15px;
	top: 30px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	font-size: 32.2px;
	line-height: 22px;
	margin-right: 10px
}

.kontakty.contentNavWrapper #contentNav .navItems li:first-child {
	border-left: none
}

.kontakty.contentNavWrapper #contentNav .navItems li::before {
	display: none
}

.kontakty.contentNavWrapper #contentNav .navItems li a {
	top: 30px;
	left: 5px;
	right: 5px;
	font-size: 1.5em;
	text-align: center
}

@media (max-width: 1024px) {
	#contentNav .navItems li:before {
		top: 20px
	}
}

#contentNav .navItems li.active {
	background-color: #fff500
}

#contentNav .navItems li a {
	position: absolute;
	top: 27px;
	bottom: auto;
	left: 40px;
	right: 5px;
	width: auto;
	height: auto;
	margin-top: 0;
	line-height: 16px;
	text-decoration: none;
	max-height: 48px;
	overflow: hidden;
	font-size: 1.12em
}

#contentNav .navItems li a i {
	display: none
}

@media (max-width: 959px) {
	#contentNav .navItems li {
		width: 100%;
		height: auto
	}
	#contentNav .navItems li:before {
		display: none
	}
	#contentNav .navItems li.active {
		background-color: transparent
	}
	#contentNav .navItems li a {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		padding: 10px 45px 8px 3vw;
		font-family: Futura-bold;
		font-size: 1.43em;
		border-left: 1px solid #e9e9e9;
		border-right: 1px solid #e9e9e9
	}
	#contentNav .navItems li a i {
		display: block;
		position: absolute;
		width: 9px;
		height: 12px;
		top: 16px;
		margin-top: -4px;
		right: 20px;
		background: url(../images/icons/arrow-right-black.png) center center no-repeat
	}
}

.sticky-spy #contentNav {
	position: fixed;
	top: 57px;
	z-index: 1000
}

@media (min-width: 1680px) {
	.sticky-spy #contentNav {
		width: 1680px;
		left: 50%;
		margin-left: -840px
	}
}

div.loan-title h1 {
	display: none;
	margin: 0;
	padding: 0 0 15px;
	text-align: center;
	font-size: 2.08333em;
	color: #000000
}

@media (min-width: 960px) and (max-width: 1280px) {
	div.loan-title h1 {
		display: block;
		text-align: left;
		margin-left: 22px;
		margin-top: 20px
	}
}

div.loan-title p {
	display: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.08333em;
	font-family: Futura-bold;
	color: #000000
}

@media (min-width: 960px) and (max-width: 1280px) {
	div.loan-title p {
		display: block;
		text-align: left;
		margin-left: 22px
	}
}

div.loan {
	margin: 60px 0;
	overflow: hidden;
	background: #ddd url("../images/_section/voprosnik/1366х500.jpg") center center no-repeat;
	background-size: cover;
	font-size: 1.16667em
}

div.loan.ftrp28 {
	background-image: url("../images/_main-banner/menu-cards/1366х500.jpg")
}

div.loan.ftrp29 {
	background-image: url("../images/_main-banner/vklady/1366х500.jpg")
}

div.loan.ftrp30 {
	background-image: url("../images/_main-banner/menu-premium-kartochki/1366х500.jpg")
}

div.loan.ftrp31 {
	background-image: url("../images/_main-banner/otkrytie-scheta-business/1366х500.jpg")
}

div.loan.ftrp32 {
	background-image: url("../images/_main-banner/pakety-uslug-business/1366х500.jpg")
}

div.loan.ftrp33 {
	background-image: url("../images/_main-banner/pakety-uslug-business/1366х500.jpg")
}

div.loan.ftrp33 div.tool div.wrapper div.recommend,
div.loan.ftrp33 div.tool div.wrapper div.step {
	height: 520px
}

@media (min-width: 960px) and (max-width: 1280px) {
	div.loan {
		margin-top: 20px
	}
}

div.loan div.introLoan {
	margin: 36px 0 0;
	padding: 0;
	text-align: right;
	font-family: Roboto-normal;
	color: #ffffff;
	float: left;
	width: 25%
}

@media (max-width: 959px) {
	div.loan {
		display: block;
		background: url("../images/_section/voprosnik/1366х500.jpg") left center no-repeat;
		background-size: cover
	}
	div.loan div.introLoan {
		text-align: left;
		width: 100%
	}
}

@media (min-width: 960px) and (max-width: 1280px) {
	div.loan div.introLoan {
		display: none !important
	}
}

div.loan div.introLoan div.introContent {
	padding: 0 20px 0 0;
	font-family: Futura-bold
}

@media (max-width: 959px) {
	div.loan div.introLoan div.introContent {
		padding-left: 45px
	}
	div.loan div.introLoan div.introContent h1 {
		text-align: center
	}
}

@media (max-width: 415px) {
	div.loan div.introLoan div.introContent {
		padding-left: 40px
	}
	div.loan div.introLoan div.introContent h1 {
		text-align: left
	}
}

div.loan div.introLoan div.introContent h1 {
	margin: 0;
	padding: 0 0 15px;
	font-size: 2.08333em;
	color: #ffffff
}

div.loan div.introLoan div.introContent p {
	margin: 0;
	padding: 0 0 0 101px;
	font-size: 20px;
	font-family: Roboto-normal;
	color: #ffffff;
	font-weight: 400
}

@media (max-width: 959px) {
	div.loan div.introLoan div.introContent p {
		text-align: center;
		padding-left: 0
	}
}

@media (max-width: 415px) {
	div.loan div.introLoan div.introContent p {
		text-align: left
	}
	div.loan div.tool div.wrapper div#panel-id1 {
		display: block
	}
}

div.loan div.tool {
	position: relative;
	float: left;
	text-align: center;
	cursor: pointer;
	width: 75%
}

@media (max-width: 959px) {
	div.loan div.tool {
		width: 100%;
		margin: 30px 0 0
	}
}

@media (min-width: 960px) and (max-width: 1280px) {
	div.loan div.tool {
		float: none;
		width: 100% !important;
		margin-left: 0;
		margin-right: 0
	}
	div.loan div.tool div.wrapper a.handle {
		margin: 0 auto
	}
}

div.loan div.tool div.wrapper {
	overflow: hidden;
	max-width: none;
	width: 100%
}

div.loan div.tool div.wrapper a.handle {
	width: 346px;
	display: block;
	padding: 61px 0 51px;
	color: #000000;
	font-size: 18.4px;
	font-family: Futura-bold;
	text-transform: uppercase;
	background: #fff500
}

@media (max-width: 959px) {
	div.loan div.tool div.wrapper a.handle {
		width: 100%
	}
}

div.loan div.tool div.wrapper a.handle span {
	display: inline-block
}

div.loan div.tool div.wrapper a.handle i {
	display: inline-block;
	width: 12px;
	height: 10px;
	margin: 0 0 0 18px;
	background: url(../images/icons/arrow-bottom-black.png) no-repeat
}

div.loan div.tool div.wrapper div.recommend,
div.loan div.tool div.wrapper div.step {
	display: none;
	float: left;
	width: 13%;
	height: 479px;
	padding: 21px 0 0;
	box-shadow: inset 1px 0 0 0 #a09e9d;
	overflow: hidden;
	font-family: Roboto-normal;
	color: #000000;
	cursor: default
}

div.loan div.tool div.wrapper div.recommend:last-child,
div.loan div.tool div.wrapper div.step:last-child {
	border-right: 0 none
}

div.loan div.tool div.wrapper div.recommend.visible,
div.loan div.tool div.wrapper div.step.visible {
	display: block
}

div.loan div.tool div.wrapper div.recommend.closed,
div.loan div.tool div.wrapper div.step.closed {
	cursor: pointer
}

@media (max-width: 959px) {
	div.loan div.tool div.wrapper div.recommend,
	div.loan div.tool div.wrapper div.step {
		min-height: inherit;
		height: auto;
		border-left: none;
		border-top: 1px solid #a09e9d
	}
	div.loan div.tool div.wrapper div.recommend.closed,
	div.loan div.tool div.wrapper div.step.closed {
		width: 100%
	}
}

div.loan div.tool div.wrapper div.recommend.closed:hover,
div.loan div.tool div.wrapper div.step.closed:hover {
	background: rgba(255, 255, 255, 0.1)
}

div.loan div.tool div.wrapper div.recommend[data-selected],
div.loan div.tool div.wrapper div.step[data-selected] {
	cursor: pointer
}

div.loan div.tool div.wrapper div.recommend[data-selected].expanded:hover,
div.loan div.tool div.wrapper div.step[data-selected].expanded:hover {
	background: #fff500
}

div.loan div.tool div.wrapper div.recommend[data-selected]:hover,
div.loan div.tool div.wrapper div.step[data-selected]:hover {
	background: rgba(235, 237, 237, 0.1)
}

div.loan div.tool div.wrapper div.recommend.expanded,
div.loan div.tool div.wrapper div.step.expanded {
	width: 400px;
	background: #fff500;
	border: 0
}

@media (max-width: 959px) {
	div.loan div.tool div.wrapper div.recommend.expanded,
	div.loan div.tool div.wrapper div.step.expanded {
		width: 100%
	}
}

div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded,
div.loan div.tool div.wrapper div.step.expanded.recommend.expanded {
	display: table;
	width: 40%;
	text-align: center
}

div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded div.content,
div.loan div.tool div.wrapper div.step.expanded.recommend.expanded div.content {
	display: table-cell;
	padding: 72px 20px 0;
	vertical-align: top
}

div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded div.content div.heading,
div.loan div.tool div.wrapper div.step.expanded.recommend.expanded div.content div.heading {
	padding: 0
}

div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded div.content div.heading h3,
div.loan div.tool div.wrapper div.step.expanded.recommend.expanded div.content div.heading h3 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.18em;
	font-family: Roboto-normal
}

div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded div.content div.heading a,
div.loan div.tool div.wrapper div.step.expanded.recommend.expanded div.content div.heading a {
	font-size: 1.62em;
	font-family: Futura-bold;
	color: #000000;
	line-height: 1
}

div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded div.content div.heading a i,
div.loan div.tool div.wrapper div.step.expanded.recommend.expanded div.content div.heading a i {
	display: block;
	float: right;
	width: 9px;
	height: 12px;
	margin: 10px 4px 0 0;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

div.loan div.tool div.wrapper div.recommend div.content div.additional div.option:hover input+label span,
div.loan div.tool div.wrapper div.recommend div.content div.additional ul li.active span,
div.loan div.tool div.wrapper div.recommend div.content div.additional ul li:hover span,
div.loan div.tool div.wrapper div.step div.content div.additional div.option:hover input+label span,
div.loan div.tool div.wrapper div.step div.content div.additional ul li.active span,
div.loan div.tool div.wrapper div.step div.content div.additional ul li:hover span {
	background: #000000
}

div.loan div.tool div.wrapper div.recommend.expanded div.content,
div.loan div.tool div.wrapper div.step.expanded div.content {
	padding: 0 45px 25px;
	text-align: left
}

@media (max-width: 959px) {
	div.loan div.tool div.wrapper div.recommend.expanded div.content,
	div.loan div.tool div.wrapper div.step.expanded div.content {
		margin: 0 auto
	}
	div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded div.content div.heading h3 {
		font-size: 1.12em
	}
	div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded div.content div.heading a {
		font-size: 1.57em
	}
	div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded,
	div.loan div.tool div.wrapper div.step.expanded.recommend.expanded {
		width: 100%;
		padding: 84px 0
	}
	div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded div.content,
	div.loan div.tool div.wrapper div.step.expanded.recommend.expanded div.content {
		padding-top: 0;
		vertical-align: middle;
		text-align: center
	}
}

div.loan div.tool div.wrapper div.recommend.expanded div.content div.heading span,
div.loan div.tool div.wrapper div.step.expanded div.content div.heading span {
	float: left;
	margin: 0 10px 0 0;
	color: #000000
}

div.loan div.tool div.wrapper div.recommend.expanded div.content div.heading h3,
div.loan div.tool div.wrapper div.step.expanded div.content div.heading h3 {
	padding: 3px 0 0 24px;
	font-size: 1.5em;
	color: #000000
}

div.loan div.tool div.wrapper div.recommend.expanded div.content div.additional,
div.loan div.tool div.wrapper div.step.expanded div.content div.additional {
	display: block
}

div.loan div.tool div.wrapper div.recommend div.content,
div.loan div.tool div.wrapper div.step div.content {
	padding: 0;
	text-align: center
}

div.loan div.tool div.wrapper div.recommend div.content div.heading,
div.loan div.tool div.wrapper div.step div.content div.heading {
	overflow: hidden;
	padding: 21px 0 17px
}

@media (max-width: 959px) {
	div.loan div.tool div.wrapper div.recommend div.content div.heading,
	div.loan div.tool div.wrapper div.step div.content div.heading {
		padding-bottom: 40px
	}
}

div.loan div.tool div.wrapper div.recommend div.content div.heading span,
div.loan div.tool div.wrapper div.step div.content div.heading span {
	display: block;
	padding: 0 0 15px;
	font-size: 1.5em;
	font-family: Futura-bold;
	color: #ffffff
}

div.loan div.tool div.wrapper div.recommend div.content div.heading h3,
div.loan div.tool div.wrapper div.step div.content div.heading h3 {
	display: block;
	padding: 0 10px;
	font-size: 1.16667em;
	font-family: Roboto-normal;
	color: #ffffff
}

div.loan div.tool div.wrapper div.recommend div.content div.additional,
div.loan div.tool div.wrapper div.step div.content div.additional {
	display: none
}

div.loan div.tool div.wrapper div.recommend div.content div.additional ul,
div.loan div.tool div.wrapper div.step div.content div.additional ul {
	display: block;
	margin: 0 0 53px;
	font-size: 1.16667em
}

div.loan div.tool div.wrapper div.recommend div.content div.additional ul li,
div.loan div.tool div.wrapper div.step div.content div.additional ul li {
	display: block;
	margin: 0 0 19px
}

div.loan div.tool div.wrapper div.recommend div.content div.additional ul li span,
div.loan div.tool div.wrapper div.step div.content div.additional ul li span {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin: 1px 15px 0 0;
	border-radius: 200px;
	border: 1px solid #000000
}

div.loan div.tool div.wrapper div.recommend div.content div.additional ul li a,
div.loan div.tool div.wrapper div.step div.content div.additional ul li a {
	color: #000000
}

div.loan div.tool div.wrapper div.recommend div.content div.additional div.bottom,
div.loan div.tool div.wrapper div.step div.content div.additional div.bottom {
	font-size: .83333em
}

div.loan div.tool div.wrapper div.recommend div.content div.additional div.option,
div.loan div.tool div.wrapper div.step div.content div.additional div.option {
	margin: 0 0 19px;
	cursor: pointer
}

div.loan div.tool div.wrapper div.recommend div.content div.additional div.option input,
div.loan div.tool div.wrapper div.step div.content div.additional div.option input {
	display: none
}

div.loan div.tool div.wrapper div.recommend div.content div.additional div.option input+label span,
div.loan div.tool div.wrapper div.step div.content div.additional div.option input+label span {
	display: inline-block;
	float: left;
	width: 18px;
	height: 18px;
	margin: 1px 15px 0 0;
	border-radius: 200px;
	border: 1px solid #000000;
	position: absolute;
	left: 0;
	top: 3px
}

div.loan div.tool div.wrapper div.recommend div.content div.additional div.option label,
div.loan div.tool div.wrapper div.step div.content div.additional div.option label {
	font-size: 1.16667em;
	cursor: pointer
}

div.loan div.tool div.wrapper div.step div.content div.additional div.option label {
	width: 100%;
	display: block;
	position: relative;
	padding: 0.1em 0 0.1em 35px;
	line-height: 1.25
}

div.loan div.tool div.wrapper div.recommend div.content div.description,
div.loan div.tool div.wrapper div.step div.content div.description {
	margin: 55px 0 0;
	font-size: .83333em
}

div.loan div.tool div.wrapper div.recommend div.recommend,
div.loan div.tool div.wrapper div.step div.recommend,
div.loan div.tool div[data-template] {
	display: none
}

@media (max-width: 959px) {
	#panel-id1.expanded .content {
		width: 280px
	}
}

@media (max-width: 415px) {
	div.loan div.tool div.wrapper div.recommend div.content div.heading,
	div.loan div.tool div.wrapper div.step div.content div.heading {
		text-align: left
	}
	#panel-id1.expanded .content {
		width: auto
	}
}

@media (max-width: 959px) {
	#panel-id2.expanded .content {
		width: 280px
	}
}

@media (max-width: 415px) {
	#panel-id2.expanded .content {
		width: auto
	}
}

@media (max-width: 959px) {
	#panel-id3.expanded .content {
		width: 175px
	}
}

@media (max-width: 415px) {
	#panel-id3.expanded .content {
		width: auto
	}
}

@media (max-width: 959px) {
	#panel-id4.expanded .content {
		width: 175px
	}
}

@media (max-width: 415px) {
	#panel-id4.expanded .content {
		width: auto
	}
}

@media (max-width: 959px) {
	#panel-id5.expanded .content {
		width: 175px
	}
}

@media (max-width: 415px) {
	#panel-id5.expanded .content {
		width: auto
	}
}

@media (max-width: 959px) {
	#panel-id6.expanded .content {
		width: 100px
	}
	#recommend div.heading {
		margin: 0 auto
	}
}

@media (max-width: 415px) {
	#panel-id6.expanded .content {
		width: auto
	}
	div.loan div.tool div.wrapper div.closed div.content div.heading h3.welcomeHeading,
	div.loan div.tool div.wrapper div.closed div.content div.heading span.panelNumber {
		padding-left: 45px
	}
	#recommend div.heading {
		text-align: left;
		padding-left: 24px;
		padding-right: 15px;
		margin: 0
	}
}

div.comparison.editable div.row div.compModule div.compModuleHeading a.remove {
	display: block
}

div.comparison div.row {
	border-top: 1px solid #f1f1f1
}

div.comparison div.row.sub {
	float: left;
	overflow: hidden;
	border: 0
}

div.comparison div.row.sub.flex {
	display: flex
}

div.comparison div.row.sub.bordered div.compModule {
	border-bottom: 1px solid #f1f1f1;
	padding: 4px 0
}

div.comparison div.row.sub.bordered div.table-button {
	height: 80px;
	border-bottom: none
}

div.comparison div.row.sub.cost-bordered div.compModule {
	border-bottom: 0;
	padding: 4px 0
}

div.comparison div.row.sub div.compModule {
	width: 15.52%;
	border-bottom: 0 none
}

div.comparison div.row.sub div.compModule div.compModuleContent {
	border-bottom: 0 none !important
}

div.comparison div.row.sub div.compModule div.hr {
	padding-bottom: 50px;
	padding-top: 15px
}

div.comparison div.row.sub div.compModule div.compModuleContent p {
	overflow: hidden;
	font-size: 1.3em;
	line-height: 1.3em
}

div.comparison div.row.sub.check div.compModuleContent {
	min-height: 40px
}

div.comparison div.row.sub.subCTA div.compModule {
	border-color: #f1f1f1
}

div.comparison div.row.sub.subCTA div.compModule:first-child {
	border-left: 1px solid #f1f1f1 !important
}

div.comparison div.row.sub.subCTA div.compModule {
	height: 48px
}

div.comparison div.row:first-child div.compModule {
	min-height: 217px
}

div.comparison div.row div.compModule {
	position: relative;
	float: left;
	width: 8.45%;
	border-right: 1px solid #f1f1f1;
	text-align: center;
	overflow: hidden
}

div.comparison div.row div.compModule.heading {
	width: 25%;
	text-align: right
}

div.comparison div.row div.compModule.heading.sub {
	padding: 6px 0 0
}

div.comparison div.row div.compModule.heading.sub.compModule {
	margin: 0 0 0 1px;
	padding: 0;
	border: 0
}

div.comparison.desktop-table div.row div.compModule.heading.sub.compModule {
	border-right: 1px solid #f1f1f1
}

div.comparison div.row div.compModule.heading.sub div.compModuleContent {
	padding: 0
}

div.comparison div.row div.compModule.heading.sub h2 {
	width: 40%;
	float: right;
	color: #1d1d1b
}

div.comparison div.row div.compModule.heading.sub .cost-header {
	padding-right: 24px;
	font-size: 1.43333em
}

div.comparison div.row div.compModule.heading.sub .carts-header {
	margin-right: -20px;
	padding: 14px 0 0
}

div.comparison div.row div.compModule.heading.sub .carts-item {
	padding: 14px 1px 0 30px
}

div.comparison div.row div.compModule.heading.sub .ways-to-bank-header {
	padding: 14px 0 0
}

div.comparison div.row div.compModule.heading.sub .way-to-bank-item {
	padding: 14px 14px 0
}

div.comparison div.row div.compModule.heading h1 {
	padding: 0 7px 0 0;
	font-size: 2.58333em;
	color: #000000;
	line-height: 0.9
}

div.comparison div.row div.compModule.heading .compare-bundles {
	line-height: 1.14em
}

div.comparison div.row div.compModule.heading h2 {
	display: block;
	padding: 14px 24px 0 0;
	margin: 0;
	font-size: 1.43333em
}

@media (max-width: 1011px) {
	div.comparison div.row div.compModule.heading h2 {
		padding: 14px 14px 0 0
	}
}

div.comparison div.row div.compModule.heading h3 {
	display: block;
	padding: 18px 14px 15px 0;
	margin: 0;
	color: #000000;
	font-size: 1.3em;
	font-family: Futura-bold
}

div.comparison div.row div.compModule.heading h3.bordered {
	display: block;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	height: 51px;
	padding-right: 22px;
	text-align: right
}

div.comparison div.row div.compModule.heading h3.bordered.bottom {
	border-bottom: 0 none
}

div.comparison.desktop-table div.row div.compModule.heading h3.bordered.bottom {
	border-right: 0 none
}

div.comparison div.row div.compModule.heading div.rowHeadings {
	float: right;
	text-align: center;
	width: 100%
}

div.comparison div.row div.compModule div.compModuleHeading {
	padding: 25px 0 25px;
	border-bottom: 1px solid #f1f1f1
}

div.comparison div.row div.compModule div.compModuleHeading a {
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 9px;
	height: 8px;
	background: url(../images/generic/remove.jpg) no-repeat;
	text-indent: -9999px
}

div.comparison div.row div.compModule div.compModuleContent {
	overflow: hidden;
	padding: 21px 15px 9px;
	font-family: Roboto-normal;
	color: #989898
}

div.comparison div.row div.compModule div.compModuleContent.bordered {
	border-bottom: 1px solid #cecece
}

div.comparison div.row div.compModule div.compModuleContent strong {
	font-family: Futura-bold;
	color: #000000
}

div.comparison div.row div.compModule div.compModuleContent img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px
}

div.comparison div.row div.compModule .costs-row {
	padding: 16px 15px 9px !important
}

div.comparison div.row div.compModule a.compModuleCTA {
	display: block;
	padding: 11px;
	background: #fff500;
	color: #1d1d1b;
	font-family: Futura-bold;
	position: absolute;
	width: 100%;
	bottom: 0;
	box-sizing: border-box;
	font-size: 1.3em
}

div.comparison div.row div.compModule a.compModuleCTA i {
	position: absolute;
	margin: 8px 0 0 10px;
	width: 9px;
	height: 12px;
	background: url(../images/icons/arrow-right-small.png) center right no-repeat
}

div.comparison div.row .wrapper-apply {
	width: 15.48% !important
}

div.comparison h2 {
	font-size: 1.33333em;
	font-family: Roboto-normal;
	color: #1d1d1b;
	font-weight: 700
}

div.comparison .category-desc {
	color: #b3b2b2;
	line-height: 1.2em;
	margin-top: -1px;
	padding-bottom: 23px
}

.gridSystem .grid.y12.comparison {
	margin: 60px 0
}

@media (max-width: 959px) {
	div.comparison div.row div.compModule.heading h1 {
		font-size: 1.7em
	}
	div.comparison h2 {
		font-size: 1.23333em
	}
	div.comparison div.row.columns5 div.compModule a.compModuleCTA {
		padding: 9px 9px 8px 5px
	}
}

@media (max-width: 1365px) {
	div.calculator-wrapper {
		width: 100%;
		box-sizing: border-box
	}
}

div.calculator {
	padding: 0 0 35px;
	min-height: 300px !important;
	background-color: #f8f8f8;
	padding-bottom: 10px
}

div.calculator.no-padding {
	padding-bottom: 0 !important
}

@media (max-width: 560px) {
	div.calculator {
		background-color: #ffffff;
		margin: 0
	}
}

@media (max-width: 400px) {
	div.calculator {
		padding-bottom: 0
	}
}

@media (min-width: 461px) {
	div.calculator #pannel-to-hide div.clean.row:nth-child(2),
	div.calculator #pannel-to-hide-2 div.clean.row:nth-child(2) {
		height: 160px
	}
}

@media (max-width: 415px) {
	div.calculator form div:last-child div.calcColumn div.period div.drop {
		margin-top: -3px !important
	}
}

div.calculator .row.full .column span {
	font-size: 16.1px;
	margin-left: 0;
	position: relative;
	top: -8px
}

div.calculator .monthly button {
	margin-top: 5px;
	padding: 0;
	width: 50px;
	height: 45px
}

@media (max-width: 959px) {
	div.calculator .monthly button {
		margin-right: -1px
	}
}

div.calculator .monthly input {
	margin-top: 5px;
	padding-right: 57px;
	-webkit-appearance: none;
	box-shadow: none !important
}

div.calculator a.slider-btn {
	display: none;
	width: 294px;
	margin-left: 93px;
	padding: 27px 0 6px 12px;
	color: #000000;
	font-family: Futura-bold;
	font-size: 20.7px;
	background: #fff500
}

div.calculator a.slider-btn.second-tab {
	top: auto;
	bottom: -90px
}

@media (min-width: 400px) {
	div.calculator a.slider-btn.second-tab {
		position: static !important
	}
}

@media (min-width: 1366px) {
	div.calculator a.slider-btn {
		display: none !important
	}
}

@media (max-width: 1365px) {
	div.calculator a.slider-btn {
		display: block;
		position: relative;
		top: 570px;
		float: right;
		margin-right: 45px
	}
}

@media (max-width: 950px) {
	div.calculator a.slider-btn {
		display: block;
		position: relative;
		top: 665px;
		margin: 0 auto
	}
}

@media (max-width: 715px) {
	div.calculator a.slider-btn {
		margin: 20px auto;
		width: 294px;
		float: none;
		clear: both
	}
}

@media (min-width: 716px) {
	div.calculator a.slider-btn {
		margin-right: 45px !important
	}
}

@media (max-width: 620px) {
	div.calculator a.slider-btn {
		margin: 10px auto
	}
}

@media (max-width: 415px) {
	div.calculator a.slider-btn {
		top: 640px
	}
}

@media (max-width: 400px) {
	div.calculator a.slider-btn {
		top: 660px
	}
}

div.calculator .slider-btn:hover {
	color: #000000
}

div.calculator .slider-btn i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: -8px 0 0 15px;
	position: relative;
	background: #fff500
}

div.calculator .slider-btn i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -3px 0 0;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px
}

div.calculator a.slider-btn.first-tab {
	position: static;
	left: 0;
	right: 0;
	margin-left: auto;
	top: auto;
	bottom: -90px
}

@media (max-width: 400px) {
	div.calculator a.slider-btn.first-tab {
		position: absolute
	}
	div.calculator div.calcColumn.calcNavigation {
		max-height: 77px
	}
}

div.calculator div.calcNavigation div.row.active,
div.calculator div.calcNavigation div.row:hover {
	background: #fff500;
	cursor: pointer
}

div.calculator div.calcStep {
	display: none;
	position: relative;
	float: left;
	width: 74.8%
}

@media (max-width: 950px) {
	div.calculator div.calcStep {
		width: 100%
	}
}

div.calculator div.calcStep div.calcColumn div.row:after {
	content: '';
	display: table;
	clear: both
}

div.calculator div.calcStep div.calcColumn div.row div.drop select {
	border: 1px solid #efefef;
	background-color: #f8f8f8;
	font-family: Futura-bold;
	font-size: 18.4px;
	padding-right: 55px;
	text-transform: uppercase
}

@media (max-width: 438px) {
	div.calculator div.calcStep div.calcColumn div.row div.drop select {
		font-size: 13.8px !important;
		direction: rtl;
		padding-right: 55px
	}
}

div.calculator div.calcStep div.calcColumn div.row div.drop select option {
	text-transform: uppercase
}

div.calculator div.calcStep.active {
	display: block
}

div.calculator div.calcStep[data-step=amount] div.calcColumn div.row.amount {
	padding-bottom: 21px
}

div.calculator div.calcStep[data-step=amount] div.calcColumn div.row div.column {
	min-height: 87px
}

div.calculator div.calcColumn {
	float: left;
	margin: 0 !important;
	width: 49.9% !important;
	padding: 7px 0 0
}

@media (max-width: 1365px) {
	div.calculator a.slider-btn.first-tab {
		left: inherit
	}
	div.calculator div.calcColumn {
		width: 100% !important
	}
}

@media (min-width: 1366px) {
	div.calculator div.calcColumn {
		display: block !important
	}
}

@media (max-width: 950px) {
	div.calculator div.calcColumn div.monthly {
		width: 100%
	}
}

@media (max-width: 1365px) {
	div.calculator div.calcColumn.bordered {
		display: none
	}
}

div.calculator div.calcColumn.bordered,
div.calculator div.calcColumn:last-child {
	border-left: 1px solid #e7e7e7
}

div.calculator div.calcColumn.calcNavigation {
	width: 25% !important;
	padding: 0;
	border-right: 1px solid #e7e7e7;
	min-height: 390px;
	text-align: right
}

@media (max-width: 950px) {
	div.calculator div.calcColumn.calcNavigation {
		width: 100% !important;
		margin-bottom: 10px;
		min-height: 30px;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7
	}
	div.calculator div.calcColumn.calcNavigation h1 {
		display: none
	}
	div.calculator div.calcColumn.calcNavigation div.row {
		width: 50%;
		display: inline-block;
		box-sizing: border-box;
		float: left
	}
}

div.calculator div.calcColumn.calcNavigation div.row {
	margin: 0;
	padding: 20px 10px 15px
}

@media (max-width: 438px) {
	div.calculator div.calcColumn.calcNavigation div.row {
		height: 73px;
		box-sizing: border-box;
		vertical-align: top;
		padding: 25px 7px 22px
	}
}

@media (max-width: 1365px) {
	div.calculator div.calcColumn.calcNavigation div.row a.stepHandle span {
		display: none
	}
}

div.calculator div.calcColumn.calcNavigation div.row a:active,
div.calculator div.calcColumn.calcNavigation div.row a:focus {
	text-decoration: none
}

@media (max-width: 380px) {
	div.calculator div.calcColumn.calcNavigation div.row:nth-child(3) a {
		padding-left: 16px
	}
}

@media (max-width: 415px) {
	div.calculator div.calcColumn.calcNavigation div.row:nth-child(3) a {
		text-align: left;
		padding-right: 15px
	}
	div.calculator div.calcColumn.calcNavigation div.row:last-child a i {
		position: relative;
		top: -20px;
		right: -15px
	}
}

div.calculator div.calcColumn h1 {
	display: block;
	margin: 0;
	padding: 0 24px 30px 20px;
	border-bottom: 1px solid #e7e7e7;
	font-size: 2.08333em
}

div.calculator div.calcColumn h4 {
	margin: 6px 0 0;
	padding: 0 0 15px;
	font-size: 1.6em;
	font-family: Roboto-normal
}

@media (max-width: 438px) {
	div.calculator div.calcColumn h4 {
		margin: 10px auto
	}
}

div.calculator div.calcColumn h2 {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 15px 0 6px;
	font-size: 2.25em;
	font-family: Roboto-normal
}

@media (max-width: 415px) {
	div.calculator div.calcColumn h2 {
		font-size: 24.15px
	}
}

div.calculator div.calcColumn h2 strong {
	font-family: Futura-bold
}

div.calculator div.calcColumn h2 i {
	display: block;
	float: left;
	padding: 2px 10px 0 0;
	font-size: .58333em;
	font-family: Roboto-normal
}

div.calculator div.calcColumn h5 {
	float: left;
	font-family: Futura-bold;
	font-size: 1.16667em;
	top: 0;
	position: absolute
}

@media (max-width: 415px) {
	div.calculator div.calcColumn h5 {
		font-size: 14.95px;
		line-height: 13px
	}
}

div.calculator div.calcColumn h5 strong {
	display: block;
	float: left;
	margin: 0 8px;
	font-family: Futura-bold
}

div.calculator div.calcColumn h6 {
	float: left;
	padding: 4px 0 0;
	font-family: Roboto-normal;
	font-size: 17.25px
}

div.calculator div.calcColumn div.row {
	border-bottom: 1px solid #e7e7e7;
	margin: 0 15px
}

@media (max-width: 959px) {
	div.calculator div.calcColumn [data-tool-element=tooltip][data-tool-element-variant=handwritten] {
		display: none
	}
	div.calculator div.calcColumn div.row {
		border-bottom: none;
		padding-left: 0;
		padding-right: 0;
		margin-left: 3vw;
		margin-right: 3vw
	}
}

@media (max-width: 420px) {
	div.calculator div.calcColumn h6 {
		font-size: 18.4px
	}
	div.calculator div.calcColumn div.row {
		margin: 0;
		padding-left: 15px;
		padding-right: 15px
	}
}

div.calculator div.calcColumn div.row.active a i {
	background: url(../images/icons/arrow-bottom-black.png) center center no-repeat
}

div.calculator div.calcColumn div.row:after {
	content: '';
	display: block;
	clear: both
}

div.calculator div.calcColumn div.row.clean,
div.calculator div.calcColumn div.row:last-child {
	border: none !important
}

div.calculator div.calcColumn div.row.clean {
	padding-top: 17px
}

@media (max-width: 959px) {
	div.calculator div.calcColumn div.row.clean div.drop {
		margin-top: -2px !important
	}
}

div.calculator div.calcColumn div.row.amount {
	position: relative;
	padding-top: 0;
	padding-bottom: 12px
}

div.calculator div.calcColumn div.row.amount i.tooltip {
	margin-top: 5px;
	margin-left: 8px
}

div.calculator div.calcColumn div.row.full {
	margin-right: 0;
	padding-right: 15px
}

div.calculator div.calcColumn div.row.period {
	overflow: visible
}

@media (max-width: 460px) {
	div.calculator div.calcColumn div.row.full .column span {
		line-height: 1em;
		top: -3px
	}
	div.calculator div.calcColumn div.row.period:first-of-type {
		margin-top: 20px
	}
	div.calculator div.calcColumn div.row.period:nth-of-type(2) {
		border-top: 1px solid #e7e7e7
	}
	div.calculator div.calcColumn div.row.period:nth-of-type(2).clean:last-of-type {
		padding-bottom: 40px
	}
}

div.calculator div.calcColumn div.row.period h1 {
	border: 0
}

div.calculator div.calcColumn div.row.interest {
	border-top: 1px solid #e7e7e7
}

@media (max-width: 400px) {
	div.calculator div.calcColumn div.row.interest {
		border-bottom: 1px solid #e7e7e7
	}
}

div.calculator div.calcColumn div.row.interest div.interestHeading {
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e7e7e7
}

div.calculator div.calcColumn div.row.interest strong {
	font-family: Futura-bold
}

div.calculator div.calcColumn div.row.interest div.drop {
	margin-top: -5px
}

div.calculator div.calcColumn div.row.interest h4 {
	padding-bottom: 11px;
	margin-top: 4px
}

div.calculator div.calcColumn div.row.interest .radio-#fff500 strong {
	font-size: .86em;
	text-transform: uppercase;
	display: inline-block
}

@media (max-width: 415px) {
	div.calculator div.calcColumn div.row.interest .radio-#fff500 strong {
		font-size: 13.8px
	}
}

div.calculator div.calcColumn div.row.interest .radio-#fff500 strong span {
	text-transform: none;
	font-family: Roboto-normal
}

.datagrid td strong,
div.calculator button,
div.calculator option {
	text-transform: uppercase
}

div.calculator div.calcColumn div.row a {
	display: block;
	font-size: 1.16667em;
	font-family: Futura-bold;
	color: #000000
}

@media (max-width: 620px) {
	div.calculator a.slider-btn.first-tab {
		left: 0
	}
	div.calculator div.calcColumn div.row a {
		font-size: 16.1px
	}
}

div.calculator div.calcColumn div.row a i {
	display: block;
	float: right;
	margin: 4px 0 0 9px;
	width: 12px;
	height: 12px;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

div.calculator div.calcColumn div.row a.calcApply {
	position: relative;
	float: left;
	width: 45%;
	padding: 21px 0 9px 17px;
	margin: 0 10px 0 0;
	font-size: 1.33333em;
	background: #fff500
}

@media (max-width: 950px) {
	div.calculator div.calcColumn div.row.interest div.interestHeading {
		border-bottom: none
	}
	div.calculator div.calcColumn div.row a.calcApply {
		width: 48%;
		box-sizing: border-box;
		font-size: 16.1px;
		padding: 15px 0 15px 17px
	}
}

div.calculator div.calcColumn div.row a.calcApply:last-child {
	margin: 0
}

div.calculator div.calcColumn div.row a.calcApply i {
	position: absolute;
	float: none;
	top: 50%;
	right: 13px;
	margin-top: -6px
}

div.calculator div.calcColumn div.row a.stepHandle span {
	display: block
}

div.calculator div.calcColumn div.row span:not(.buttonSpan) {
	display: inline-block;
	font-family: Roboto-normal;
	padding: 0 19px 2px 0;
	font-size: .93333em
}

@media (max-width: 415px) {
	div.calculator div.calcColumn div.row span {
		font-size: 13.8px
	}
}

div.calculator div.calcColumn div.row div.heading {
	float: left
}

div.calculator div.calcColumn div.row div.calcBtnClose {
	display: none
}

@media (max-width: 420px) {
	div.calculator div.calcColumn div.row div.calcBtnClose {
		position: absolute;
		top: 7px;
		right: 13px;
		cursor: pointer;
		display: block
	}
	div.calculator div.calcColumn div.row div.calcBtnClose a {
		font-size: 20.7px;
		font-family: Roboto-normal
	}
	div.calculator div.calcColumn div.row div.calcBtnClose a i {
		display: block;
		float: right;
		width: 18px;
		height: 18px;
		margin: 5px 0 0 15px;
		background: url(../images/modules/search/close.png) no-repeat
	}
}

div.calculator div.calcColumn div.row div.column {
	position: relative;
	float: left;
	width: 48.4%;
	min-height: 80px;
	border-right: 1px solid #e7e7e7
}

div.calculator div.calcColumn div.row div.column:last-child {
	border-right: 0 none;
	padding: 0 0 0 10px
}

div.calculator div.calcColumn div.row div.column.small {
	min-height: 0;
	font-size: 1.41667em;
	font-family: Roboto-normal
}

@media (max-width: 415px) {
	div.calculator div.calcColumn div.row div.column {
		width: 50%;
		box-sizing: border-box;
		border-bottom: 1px solid #e7e7e7
	}
	div.calculator div.calcColumn div.row div.column.small {
		font-size: 24.15px
	}
}

div.calculator div.calcColumn div.row div.column.small strong {
	font-family: Futura-bold
}

div.calculator div.calcColumn div.row div.column .customTooltip {
	position: absolute;
	top: -90px;
	left: -115px
}

div.calculator div.calcColumn div.row div.column.tooltipHolder {
	min-height: 0 !important;
	float: right
}

div.calculator div.calcColumn div.row div.column.tooltipHolder .customTooltip {
	top: -8px;
	left: -180px
}

div.calculator div.calcColumn a.calcMore,
div.calculator div.calcColumn a.calcMorePdf {
	position: relative;
	display: inline-block;
	width: 93.6%;
	margin: 5px 15px;
	padding: 6px 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	text-align: center;
	color: #000000;
	font-size: 1.16667em;
	font-family: Futura-bold
}

@media (max-width: 420px) {
	div.calculator div.calcColumn a.calcMore,
	div.calculator div.calcColumn a.calcMorePdf {
		text-align: left;
		width: 90%
	}
}

div.calculator div.calcColumn a.calcMore i,
div.calculator div.calcColumn a.calcMorePdf i {
	position: relative;
	display: inline-block;
	top: 0;
	right: 13px;
	margin: 0 0 0 21px;
	width: 9px;
	height: 12px;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

@media (max-width: 420px) {
	div.calculator div.calcColumn a.calcMore i,
	div.calculator div.calcColumn a.calcMorePdf i {
		float: right;
		margin-top: 8px;
		right: 2px
	}
}

div.calculator div.calcColumn a.calcMore:hover i,
div.calculator div.calcColumn a.calcMorePdf:hover i {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

@media (min-width: 959px) {
	div.calculator div.calcColumn a.calcMore {
		display: block
	}
	div.calculator div.calcColumn a.calcMorePdf {
		display: none
	}
}

@media (max-width: 959px) {
	div.calculator div.calcColumn a.calcMore {
		display: block
	}
	div.calculator div.calcColumn a.calcMorePdf {
		display: none
	}
}

div.calculator div.calcColumn div.monthly {
	position: relative;
	overflow: hidden;
	width: 70%;
	margin: 43px auto 15px;
	clear: both
}

div.calculator div.calcColumn i.currency,
div.calculator div.calcColumn i.percent {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	font-family: Roboto-normal
}

div.calculator div.calcColumn input[type=checkbox]+span::before {
	margin: -2px 8px 0 0
}

div.calculator div.calcColumn .rbr-radios input[type=radio]+span::before {
	background-image: linear-gradient(#e6ee0a, #fef600)
}

div.calculator div.calcOverlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	z-index: 2000;
	top: -20px;
	padding-top: 30px
}

@media (max-width: 950px) {
	div.calculator div.calcOverlay {
		top: 0;
		padding-top: 0
	}
}

div.calculator div.calcOverlay div.calcOverlayContent {
	position: relative;
	padding: 9px 18px
}

@media (max-width: 560px) {
	div.calculator div.calcOverlay {
		background-color: #ffffff
	}
	div.calculator div.calcOverlay div.calcOverlayContent {
		background-color: #e6e8ea;
		overflow: hidden;
		min-height: 24px;
		padding: 14px 10px 0
	}
}

@media (max-width: 380px) {
	div.calculator div.calcOverlay div.calcOverlayContent {
		padding: 14px 0 0 10px
	}
}

@media (max-width: 340px) {
	div.calculator div.calcOverlay div.calcOverlayContent {
		padding: 14px 0 0 5px
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow {
	float: left;
	width: 19.7%
}

@media (max-width: 1300px) and (min-width: 561px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow {
		width: 24.8%
	}
}

@media (max-width: 560px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow {
		width: 50%;
		font-size: 13.8px;
		box-sizing: border-box
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:first-child {
	width: 60%
}

@media (max-width: 1300px) and (min-width: 561px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:first-child {
		width: 50%
	}
}

@media (max-width: 560px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:first-child {
		width: 100%;
		margin-top: 39px;
		border-right: none;
		position: absolute
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:first-child ul {
	margin: 0
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:first-child ul li {
	padding-left: 0;
	padding-bottom: 8px
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:first-child ul li:last-child {
	text-align: left
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:nth-child(2) ul li {
	border-right: 1px solid #dddddd
}

@media (max-width: 560px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:first-child ul {
		margin: 15px 0 0
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:first-child ul li {
		padding-top: 2px;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		margin: 37px 0;
		height: 23px
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:nth-child(2) .calcOverlayContent {
		margin-top: 140px;
		margin-bottom: 23px
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:nth-child(2) ul {
		margin-top: 0;
		padding-top: 13px
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:nth-child(2) ul li {
		padding: 7px 10px 0;
		margin-bottom: 22px;
		border-right: 1px solid #dddddd
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:nth-child(2) ul li:last-child {
		margin-bottom: 0;
		padding: 22px 0 50px;
		height: 60px
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:nth-child(2) ul li a {
		margin-left: 0
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:last-child .calcOverlayContent {
		margin-top: 140px;
		margin-bottom: 23px
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:last-child {
	border: 0
}

@media (max-width: 560px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:last-child ul {
		margin-top: 0;
		padding-top: 13px
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:last-child ul li {
		padding: 7px 10px 0;
		margin-bottom: 22px
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:last-child ul li:last-child {
		padding: 22px 0 50px;
		margin-bottom: 0;
		height: 60px
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow:last-child ul li a {
	margin-left: 5px
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline {
	padding: 0 10px 0 0
}

@media (max-width: 560px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline {
		position: relative;
		top: -40px;
		padding: 0 20px 0 0
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline h3 {
		display: block
	}
}

@media (max-width: 480px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline {
		padding: 0 10px 0 0
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline a,
div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline h3,
div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline p {
	font-family: Roboto-normal
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline h3 {
	margin-bottom: 8px;
	font-size: 1.33333em;
	text-align: left;
	height: 28px
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline p {
	height: 80px;
	font-size: 17.25px;
	overflow: hidden;
	margin-bottom: 5px
}

@media (max-width: 800px) and (min-width: 561px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.headline p {
		margin-bottom: 5px
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.calcOverlayClose {
	position: absolute;
	top: 0;
	right: 13px;
	cursor: pointer
}

@media (max-width: 560px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.calcOverlayClose {
		top: -40px
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.calcOverlayClose a {
	font-size: 1em;
	display: block;
	z-index: 2002
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow div.calcOverlayClose a i {
	display: inline-block;
	float: right;
	width: 18px;
	height: 18px;
	margin: 2px 0 0 12px;
	background: url(../images/modules/search/close.png) no-repeat
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow h4 {
	position: absolute;
	top: 56px;
	left: 10px;
	font-size: 1em;
	font-family: Futura-bold
}

@media (max-width: 560px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow h4 {
		left: auto;
		right: 10px;
		font-size: 18.4px;
		top: 6px;
		text-align: right
	}
}

@media (max-width: 380px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow h4 {
		left: auto;
		right: 10px;
		font-size: 17.25px;
		text-align: right
	}
}

@media (max-width: 340px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow h4 {
		left: auto;
		right: 10px;
		font-size: 16.1px;
		text-align: right
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul {
	margin: 103px 0 0
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li {
	display: block;
	height: 50px;
	padding: 13px 0 7px 10px;
	font-size: 1em;
	border-bottom: 1px solid #dddddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media (max-width: 480px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li {
		height: 46px
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li:last-child {
	text-align: right
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li h2 {
	margin: 0;
	font-size: 1.83333em;
	line-height: 22px;
	font-family: Roboto-normal
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li h2 strong {
	font-family: Futura-bold
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li h2 i {
	display: block;
	float: left;
	padding: 2px 10px 0 0;
	font-size: .58333em;
	font-family: Roboto-normal
}

@media (max-width: 560px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li {
		height: 38px;
		border-bottom: none
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li h2 {
		text-align: right
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li h2 i {
		float: none;
		display: inline-block
	}
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li a {
		position: relative
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li a {
	display: block;
	padding: 5px 0 0;
	font-size: 1em;
	font-family: Futura-bold;
	text-align: left;
	color: #000000;
	float: right;
	margin-right: 4px;
	margin-left: -4px;
	clear: both
}

@media (max-width: 1020px) and (min-width: 950px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li a {
		font-size: 16.1px
	}
}

@media (max-width: 740px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li a {
		width: 114px;
		font-size: 13.8px;
		float: left
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li a:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

div.quickLinks div.linksModule.existingCustomers a:hover i,
div.singleTeaserModule .moduleContent a.uiLink:hover b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li a i {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	margin: -4px 2px 0 6px;
	position: relative;
	background: #fff500
}

.multiTeaserModule div.moduleHeading a i,
div.subheadlineModule div.contentModule div.moduleHeading a i {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff531', GradientType=0)
}

@media (max-width: 740px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li a i {
		background: 0 0;
		margin: -10px 0 0;
		display: inline-block;
		width: 14px
	}
}

div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li a i b {
	position: absolute;
	top: 10px;
	right: 9px;
	width: 10px;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

@media (max-width: 740px) {
	div.calculator div.calcOverlay div.calcOverlayContent div.calcRow ul li a i b {
		right: 0
	}
}

div.calculator input {
	width: 99%;
	margin: 0 0 5px
}

div.calculator ::-webkit-input-placeholder {
	color: #000000
}

div.calculator :-moz-placeholder {
	color: #000000;
	opacity: 1
}

div.calculator ::-moz-placeholder {
	color: #000000;
	opacity: 1
}

div.calculator :-ms-input-placeholder {
	color: #000000
}

div.calculator button {
	display: block;
	position: absolute;
	top: 1px;
	right: 5px;
	width: 45px;
	height: 48px;
	border: 0;
	background: #fff500;
	cursor: pointer;
	color: #000000;
	font-size: 1.33333em;
	font-family: Futura-bold
}

div.calculator .dijitSliderButtonContainer *,
div.calculator .noUi-handle:after,
div.calculator .noUi-handle:before {
	display: none
}

div.calculator .noUi-target.noUi-connect {
	border: none;
	border-radius: 5px;
	box-shadow: none
}

div.calculator .dijitSliderImageHandle,
div.calculator .noUi-handle {
	border: 0;
	background: #fff500;
	width: 35px;
	height: 35px;
	margin: -8px 0 0;
	border-radius: 200px;
	box-shadow: none;
	cursor: pointer
}

div.calculator .d3-slider-handle {
	margin-left: -18px;
	cursor: pointer
}

div.calculator .noUi-horizontal {
	height: 10px;
	background: #fff500
}

div.calculator .noUi-horizontal:before {
	left: -10px;
	background-color: #fff500 !important
}

div.calculator .dijitSliderBar,
div.calculator .noUi-background {
	height: 10px;
	margin-right: -1px;
	border: 0;
	border-radius: 0;
	background: #ebeeee
}

div.calculator .dijitSliderLeftBumper,
div.calculator .dijitSliderProgressBar {
	background: #fff500
}

div.calculator .dijitSliderLeftBumper,
div.calculator .noUi-horizontal {
	border-radius: 5px 0 0 5px
}

div.calculator .dijitSliderProgressBar,
div.calculator .dijitSliderRightBumper,
div.calculator .noUi-background {
	border-radius: 0 5px 5px 0
}

div.calculator #calcSliderLoanAmount {
	margin-top: 70px
}

div.calculator #calcSliderNeed,
div.calculator #calcSliderRepayment {
	margin: 60px 0 35px
}

div.calculator #calcSliderRepayment div.calcSliderAmount {
	top: 70px;
	margin: 0 0 0 -9px
}

div.calculator div.calcSliderAmount {
	position: absolute;
	top: 75px;
	left: 35px;
	width: 35px;
	margin: 0 0 0 -9px;
	text-align: center
}

div.calculator div.calcSliderAmount h1 {
	padding: 0
}

div.calculator div.row.period {
	position: relative
}

div.calculator div.native input,
div.calculator div.native label {
	display: block;
	float: left;
	width: auto;
	padding: 0
}

div.calculator div.native label {
	padding: 16px 0 0 10px
}

div#browserOldVersions,
div#cookiesDisclaimer {
	background-color: #e9edf0;
	max-height: 0;
	padding: 0;
	position: fixed;
	left: 0;
	right: 0;
	border-top: none;
	font-family: Roboto-normal;
	overflow: hidden
}

div#cookiesDisclaimer {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	bottom: 0
}

div#browserOldVersions {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	top: 0
}

div#browserOldVersions.active,
div#cookiesDisclaimer.active {
	max-height: 200px;
	padding: 15px 0;
	z-index: 99999;
	border-top: 1px solid #e0e0e0
}

div#browserOldVersions .wrapper,
div#cookiesDisclaimer .wrapper {
	position: relative;
	max-width: 1200px
}

div#browserOldVersions h2,
div#browserOldVersions p,
div#cookiesDisclaimer h2,
div#cookiesDisclaimer p {
	font-size: 16.1px;
	margin-bottom: 0
}

div#browserOldVersions h2,
div#cookiesDisclaimer h2 {
	margin-bottom: 0;
	line-height: 20px
}

div#browserOldVersions #oldVersionsUnderstand,
div#cookiesDisclaimer #cookiesAccept {
	position: absolute;
	top: 50%;
	right: 30px;
	font-size: 20.7px;
	line-height: 20px;
	color: #000000;
	text-decoration: none;
	margin-top: -13px
}

div.lastProductsModule .content .dropDown a:hover,
div.quickLinks div.linksModule.underline a:hover {
	text-decoration: underline
}

div#browserOldVersions #oldVersionsUnderstand {
	width: 140px
}

div#browserOldVersions #oldVersionsUnderstand:after,
div#cookiesDisclaimer #cookiesAccept:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 0;
	width: 24px;
	height: 22px;
	margin-left: 14px;
	background: url(../images/generic/accept_check.png) no-repeat;
	background-size: cover
}

div#browserOldVersions #oldVersionsUnderstandCheck {
	width: 30px;
	height: 24px;
	float: right;
	margin: 0 10px 0 0
}

html.lt-ie8 div#browserOldVersions #oldVersionsUnderstandCheck {
	margin: -17px 12px 0
}

@media (max-width: 959px) {
	div#browserOldVersions .wrapper,
	div#browserOldVersions.active .wrapper,
	div#cookiesDisclaimer .wrapper,
	div#cookiesDisclaimer.active .wrapper {
		padding: 5px 10px 40px !important;
		box-sizing: border-box
	}
	div#browserOldVersions.active,
	div#cookiesDisclaimer.active {
		padding: 10px 0 15px !important;
		max-height: 1000px !important
	}
	div#browserOldVersions .cookiesContent,
	div#browserOldVersions.active .cookiesContent,
	div#cookiesDisclaimer .cookiesContent,
	div#cookiesDisclaimer.active .cookiesContent {
		width: 100%
	}
	div#browserOldVersions a#oldVersionsUnderstand,
	div#browserOldVersions.active a#oldVersionsUnderstand,
	div#cookiesDisclaimer a#cookiesAccept,
	div#cookiesDisclaimer.active a#cookiesAccept {
		top: 85%
	}
}

div.quickLinks,
div.quickLinks div.linksModule.tools {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box
}

div.quickLinks {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #e7e7e7;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

div.quickLinks div.linksModule {
	float: left;
	width: 25.13%;
	margin: 30px 0 54px;
	padding: 20px 0 0;
	font-size: 1.16667em;
	font-family: Roboto-normal;
	text-align: right
}

.h1.primaryHeading,
div.quickLinks div.linksModule a.arrowed,
div.quickLinks div.linksModule.existingCustomers a,
div.quickLinks strong,
h1.primaryHeading {
	font-family: Futura-bold
}

div.quickLinks div.linksModule h4 {
	margin-bottom: 20px
}

@media (max-width: 959px) {
	div.quickLinks div.linksModule {
		float: none;
		width: 100%;
		margin: 30px 0 54px !important;
		text-align: left;
		border: 0 !important;
		padding-left: 30px
	}
}

div.quickLinks div.linksModule.lastViewed {
	width: 24.9%;
	margin-top: 41px;
	padding-right: 28px
}

div.quickLinks div.linksModule.tools {
	text-align: left;
	background: 0 0;
	border-right: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	box-sizing: border-box
}

div.quickLinks div.linksModule.tools div.toolsContent {
	padding: 0 25px 25px
}

@media (max-width: 959px) {
	div.quickLinks div.linksModule.tools div.toolsContent {
		padding: 0 0 25px
	}
}

div.quickLinks div.linksModule.tools div.row {
	width: 100%;
	overflow: hidden;
	padding: 0 20px
}

@media (max-width: 959px) {
	div.quickLinks div.linksModule.tools div.row {
		padding: 0;
		margin-bottom: 14px
	}
}

div.quickLinks div.linksModule.tools div.row div.imagery {
	float: left;
	width: 15.3%;
	padding-right: 25px;
	font-size: .83333em
}

div.quickLinks div.linksModule.tools div.row div.imagery img {
	display: block;
	margin: 0 0 26px
}

div.quickLinks div.linksModule.tools div.row div.imagery.right {
	float: right;
	padding: 4px 5px 4px 0;
	margin-top: -7px
}

@media (max-width: 959px) {
	div.quickLinks div.linksModule.tools div.row div.imagery {
		padding: 0 5px 4px 0;
		float: none !important;
		width: 100%
	}
}

div.quickLinks div.linksModule.tools div.row div.linksContent {
	float: left;
	width: 77%;
	padding: 0
}

div.quickLinks div.linksModule.tools div.row div.linksContent h4 {
	font-size: 1em;
	margin: 0 0 4px;
	color: #000000
}

div.quickLinks div.linksModule.tools div.row div.linksContent .header-tools {
	margin-top: -3px
}

div.quickLinks div.linksModule.tools div.row div.linksContent a {
	display: inline-block;
	width: 100%;
	color: #000000;
	font-family: Futura-bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.35em
}

div.quickLinks div.linksModule.tools div.row div.linksContent a i {
	display: inline-block;
	width: 9px;
	height: 12px;
	margin: -2px 0 0 5px;
	background: url(../images/icons/arrow-right-black.png) center right no-repeat
}

@media (max-width: 959px) {
	div.quickLinks div.linksModule.tools div.row div.linksContent {
		width: 100%;
		float: none
	}
	div.quickLinks div.linksModule.tools div.row div.linksContent a {
		white-space: normal;
		overflow: visible;
		text-overflow: ellipsis;
		padding: 0
	}
	div.quickLinks div.linksModule.tools div.row div.linksContent p {
		line-height: 1em
	}
}

div.quickLinks div.linksModule.tools div.row div.linksContent .personal-calculator {
	margin-top: -8px
}

div.quickLinks div.linksModule.tools div.row div.linksContent .home-loan-calculator {
	margin-bottom: 9px;
	margin-top: 18px
}

div.quickLinks div.linksModule.tools.noLeftBorder {
	border-left: none;
	margin-top: 47px;
	padding-top: 3px
}

div.quickLinks div.linksModule.tools.noLeftBorder div.row div.linksContent {
	padding-top: 13px
}

div.quickLinks div.linksModule.tools.noLeftBorder div.row div.linksContent h4 {
	margin-bottom: 0
}

div.quickLinks div.linksModule.tools.noLeftBorder div.row div.linksContent>p~a {
	display: block;
	margin-bottom: 12px
}

div.quickLinks div.linksModule.tools.noLeftBorder div.row div.linksContent>p~a:last-child {
	margin-bottom: 0
}

div.quickLinks div.linksModule.tools.noLeftBorder div.row div.imagery {
	padding-right: 15px
}

div.quickLinks div.linksModule.tools.noLeftBorder div.row div.imagery img {
	margin-bottom: 16px
}

div.quickLinks div.linksModule.tools.noLeftBorder+div.linksModule.existingCustomers {
	margin-top: 46px
}

div.quickLinks div.linksModule.tools.noLeftBorder+div.linksModule.existingCustomers h4 {
	margin-bottom: 0
}

div.quickLinks div.linksModule.tools.noLeftBorder+div.linksModule.existingCustomers a {
	padding-bottom: 15px
}

div.quickLinks div.linksModule.existingCustomers {
	width: 15.13%;
	margin-left: 38px;
	padding-left: 30px;
	text-align: left
}

div.quickLinks div.linksModule.existingCustomers h4 {
	color: #000000;
	margin-top: -3px
}

div.quickLinks div.linksModule.existingCustomers a {
	position: relative;
	color: #000000;
	padding: 0 0 20px
}

div.quickLinks div.linksModule.existingCustomers a i {
	position: absolute;
	display: inline-block;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -6px 0 0 10px;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px
}

div.quickLinks div.linksModule.existingCustomers a:hover i {
	top: 0;
	animation: bounce 1.5s infinite
}

div.quickLinks div.linksModule.existingCustomers .problem-replaying {
	margin-top: -5px
}

div.quickLinks div.linksModule a {
	display: block;
	padding: 0 0 5px;
	color: #000000
}

div.quickLinks div.linksModule a.first {
	padding-top: 10px
}

div.quickLinks div.linksModule a.arrowed {
	padding: 0 0 7px
}

div.quickLinks div.linksModule a.arrowed i {
	display: inline-block;
	width: 12px;
	height: 8px;
	margin: -2px 0 0 5px;
	background: url(../images/icons/arrow-bottom-black.png) center right no-repeat
}

div.quickLinks div.linksModule .last-viewed-product {
	margin-top: -5px
}

div.quickLinks.newsListingBox div.row div.imagery {
	padding: 1px 0 0
}

div.quickLinks.newsListingBox div.row p {
	margin: 0
}

div.quickLinks.newsListingBox div.linksModule.existingCustomers p {
	margin-bottom: 25px
}

div.quickLinks.newsListingBox div.linksModule.existingCustomers a {
	padding: 0 0 5px
}

div.quickLinks .lastViewed,
div.quickLinks .tools,
div.quickLinks div.linksModule,
div.quickLinks>div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

@media (max-width: 959px) {
	div.quickLinks .lastViewed,
	div.quickLinks .tools,
	div.quickLinks div.linksModule,
	div.quickLinks>div {
		float: none;
		width: 100% !important;
		padding: 0 30px
	}
}

.h1.primaryHeading,
h1.primaryHeading {
	display: block;
	font-size: 3.16667em;
	line-height: 1.3em;
	color: #ffffff;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

@media (max-width: 480px) {
	.h1.primaryHeading,
	h1.primaryHeading {
		font-size: 1.33333em
	}
}

.dark .h1.primaryHeading,
.dark h1.primaryHeading,
.h1.primaryHeading.dark,
h1.primaryHeading.dark {
	color: #000000
}

.h1.secondaryHeading,
h1.secondaryHeading {
	display: block;
	font-size: 2.66667em;
	line-height: 1.3em;
	color: #ffffff
}

@media (max-width: 480px) {
	.h1.secondaryHeading,
	h1.secondaryHeading {
		font-size: 1.33333em
	}
}

.dark .h1.secondaryHeading,
.dark h1.secondaryHeading,
.h1.secondaryHeading.dark,
h1.secondaryHeading.dark {
	color: #000000
}

.h2.primaryHeading,
h2.primaryHeading {
	display: block;
	font-size: 2.5em;
	line-height: 1.13333em;
	color: #ffffff
}

.dark .h2.primaryHeading,
.dark h2.primaryHeading,
.h2.primaryHeading.dark,
h2.primaryHeading.dark {
	color: #000000
}

.h2.secondaryHeading,
h2.secondaryHeading {
	display: block;
	font-size: 2em;
	line-height: 1.16667em;
	color: #ffffff
}

.dark .h2.secondaryHeading,
.dark h2.secondaryHeading,
.h2.secondaryHeading.dark,
h2.secondaryHeading.dark {
	color: #000000
}

.h3.primaryHeading,
h3.primaryHeading {
	display: block;
	font-size: 1.83333em;
	line-height: 1.18182em;
	color: #ffffff
}

.dark .h3.primaryHeading,
.dark h3.primaryHeading,
.h3.primaryHeading.dark,
h3.primaryHeading.dark {
	color: #000000
}

.h3.secondaryHeading,
h3.secondaryHeading {
	display: block;
	font-size: 1.5em;
	line-height: 1.22222em;
	color: #ffffff
}

.dark .h3.secondaryHeading,
.dark h3.secondaryHeading,
.h3.secondaryHeading.dark,
h3.secondaryHeading.dark {
	color: #000000
}

.h4.primaryHeading,
h4.primaryHeading {
	display: block;
	font-size: 1.33333em;
	line-height: 1.25em;
	color: #ffffff
}

.dark .h4.primaryHeading,
.dark h4.primaryHeading,
.h4.primaryHeading.dark,
h4.primaryHeading.dark {
	color: #000000
}

@media (max-width: 959px) {
	.dark .h4.primaryHeading,
	.dark h4.primaryHeading,
	.h4.primaryHeading.dark,
	h4.primaryHeading.dark {
		padding-left: 2vw;
		padding-right: 2vw
	}
}

.h4.secondaryHeading,
h4.secondaryHeading {
	display: block;
	font-size: 1em;
	line-height: 2.16667em;
	color: #ffffff
}

.dark .h4.secondaryHeading,
.dark h4.secondaryHeading,
.h4.secondaryHeading.dark,
h4.secondaryHeading.dark {
	color: #000000
}

@media (max-width: 959px) {
	.h2.primaryHeading,
	h2.primaryHeading {
		padding-left: 1.5vw;
		padding-right: 1.5vw;
		font-size: 2.4em
	}
}

@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		right: 13px
	}
	40% {
		right: 3px
	}
	60% {
		right: 8px
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		right: 13px
	}
	40% {
		right: 3px
	}
	60% {
		right: 8px
	}
}

@-webkit-keyframes bounceUpDown {
	0%,
	100%,
	20%,
	50%,
	80% {
		top: 19px
	}
	40% {
		top: 9px
	}
	60% {
		top: 14px
	}
}

@keyframes bounceUpDown {
	0%,
	100%,
	20%,
	50%,
	80% {
		top: 19px
	}
	40% {
		top: 9px
	}
	60% {
		top: 14px
	}
}

@-webkit-keyframes leftbounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		left: 13px
	}
	40% {
		left: 3px
	}
	60% {
		left: 8px
	}
}

@keyframes leftbounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		left: 13px
	}
	40% {
		left: 3px
	}
	60% {
		left: 8px
	}
}

.percentage {
	background-image: url(../images/icons/percent.png)
}

.lookup {
	background-image: url(../images/icons/lookup.png)
}

.tools {
	background-image: url(../images/icons/online.svg)
}

.pays {
	background-image: url(../images/icons/pay.svg)
}

.uiThumbnail {
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.multiTeaserModule:after,
div.introductionModule:after,
div.promotionModule:after,
div.singleTeaserModule:after {
	display: table;
	content: '';
	clear: both
}

.uiThumbnail.fullSize {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.uiBulletList {
	color: #ffffff;
	position: relative
}

.uiBulletList li {
	position: relative;
	font-family: Roboto-normal;
	padding: 0 0 0 20px;
	font-size: 1.16667em;
	line-height: 1.42857em
}

.uiBulletList li:before {
	content: '';
	width: 9px;
	height: 9px;
	background: #ffffff;
	position: absolute;
	top: calc(50% - 6px);
	left: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-clip: padding-box
}

.uiNavBulletList {
	color: #ffffff;
	font-family: Futura-bold;
	font-size: 1.08333em
}

.multiTeaserModule,
.uiNavBulletList .subItem,
div.introductionModule p,
div.singleTeaserModule .moduleContent p {
	font-family: Roboto-normal
}

.uiNavBulletList .item {
	padding: 7px 0;
	color: #8b8f93
}

.uiNavBulletList .item a {
	color: inherit;
	font-size: 1.2em;
	line-height: 1.1
}

.uiNavBulletList .subItem a {
	font-size: 1.13em
}

.uiNavBulletList .item.active {
	color: #c0c6ca
}

.uiNavBulletList .item.active>a {
	padding-bottom: 4px
}

.uiNavBulletList .item.active.bullet:after {
	background: #fff500;
	-webkit-box-shadow: 0 0 6px 0 #fff500;
	-moz-box-shadow: 0 0 6px 0 #fff500;
	-ms-box-shadow: 0 0 6px 0 #fff500;
	-o-box-shadow: 0 0 6px 0 #fff500;
	box-shadow: 0 0 6px 0 #fff500
}

.uiNavBulletList .item.bullet {
	position: relative
}

.uiNavBulletList .item.bullet:after {
	content: '';
	position: absolute;
	top: 14px;
	left: -16px;
	width: 7px;
	height: 7px;
	background: #6b7376;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	background-clip: padding-box
}

.uiNavBulletList .subItem {
	padding: 2px 0 0 20px
}

div.introductionModule p {
	font-size: 1.33333em;
	line-height: 1.375em
}

.infoBox {
	height: 340px
}

div.promotionModule {
	height: 340px;
	position: relative;
	margin: 0 1px 54px 0
}

div.promotionModule .content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 21px 24px 18px
}

div.promotionModule .content ul {
	margin-top: 0
}

div.promotionModule .content h2 {
	margin-bottom: 13px
}

div.singleTeaserModule .moduleHeading {
	position: relative;
	min-height: 194px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

div.singleTeaserModule .moduleContent {
	background: #fff500;
	padding: 12px 50px 25px 22px
}

@media (max-width: 959px) {
	div.singleTeaserModule .moduleContent {
		padding: 12px 2vw 25px 2vw;
		height: auto
	}
}

div.singleTeaserModule .moduleContent p {
	font-size: 1.3em;
	line-height: 1.58333em;
	overflow: hidden;
	margin: 0 0 24px
}

div.singleTeaserModule .moduleContent a.uiLink {
	margin: 0;
	padding: 0
}

div.singleTeaserModule .moduleContent a.uiLink h4 {
	margin: 0
}

div.singleTeaserModule .moduleContent a.uiLink b {
	margin: -4px 0 0;
	right: -27px
}

@media (max-width: 959px) {
	div.singleTeaserModule .moduleContent a.uiLink b {
		right: 11px
	}
	div.singleTeaserModule .moduleContent a.uiLink h4 {
		padding: 0
	}
}

div.singleTeaserModule .moduleContent a.uiLink:hover b {
	animation: bounce 1.5s infinite
}

.multiTeaserModule div.content div.related a:hover i,
.multiTeaserModule div.moduleHeading a span:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite
}

.multiTeaserModule {
	min-height: 194px;
	margin: 0 0 55px;
	border-left: 1px solid #e7e7e7;
	font-size: 1.16667em
}

.multiTeaserModule div.moduleHeading {
	position: relative;
	min-height: 194px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.multiTeaserModule div.moduleHeading a {
	color: #ffffff;
	font-size: 1.16667em;
	font-family: Futura-bold;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	position: absolute
}

.multiTeaserModule div.moduleHeading a span {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0;
	padding-left: 10px;
	padding-right: 61px;
	text-align: right;
	min-height: 35px;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.multiTeaserModule div.moduleHeading a span:hover i b {
	animation: bounce 1.5s infinite
}

@media (max-width: 959px) {
	.multiTeaserModule {
		border: none;
		margin-top: 1px !important
	}
	.multiTeaserModule div.moduleHeading a span:hover i b {
		-webkit-animation: none;
		-moz-animation: none;
		-ms-animation: none;
		-o-animation: none;
		animation: none
	}
	.multiTeaserModule div.content p {
		line-height: 1.45em
	}
}

.multiTeaserModule div.moduleHeading a i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: -2px 17px 10px 15px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: #fff500;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden
}

div.lastProductsModule .content .dropDown,
div.subheadlineModule div.contentModule div.moduleHeading a span {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.multiTeaserModule div.moduleHeading a i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -5px 0 0;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px
}

.multiTeaserModule div.content {
	padding: 25px 0 0 30px
}

.multiTeaserModule div.content div.related {
	overflow: hidden
}

.multiTeaserModule div.content div.related a {
	display: block;
	color: #000000;
	font-family: Futura-bold;
	font-size: 1em;
	position: relative
}

.multiTeaserModule div.content div.related a:after {
	content: '';
	display: table;
	clear: both
}

.multiTeaserModule div.content div.related a .secondaryHeading {
	position: relative;
	display: block;
	float: left;
	max-width: 85%;
	margin-bottom: 0;
	padding-right: 35px;
	line-height: 1.45em
}

.multiTeaserModule div.content div.related a i {
	position: absolute;
	display: inline-block;
	top: 0;
	width: 9px;
	height: 12px;
	margin: 5px 0 0 10px;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px
}

div.quickLinksImageModule:after,
div.subheadlineModule:after {
	display: table;
	content: '';
	clear: both
}

.multiTeaserModule div.content div.related a:hover i {
	animation: bounce 1.5s infinite
}

div.quickLinksImageModule .uiThumbnail {
	width: 100px;
	height: 100px;
	border: 1px solid #e0e0e0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	background-clip: padding-box;
	margin: 0 auto
}

div.subheadlineModule {
	clear: both
}

div.subheadlineModule h2 {
	text-align: right
}

div.subheadlineModule div.contentModule {
	float: left;
	width: 33.333%;
	margin: 6px 0 54px;
	font-size: 1.16667em;
	font-family: Roboto-normal;
	border-right: 1px solid #ffffff;
	box-sizing: border-box
}

div.subheadlineModule div.contentModule p {
	font-size: 1.16667em;
	line-height: 1.2em
}

.slideview div.subheadlineModule {
	margin-top: 0
}

.slideview div.subheadlineModule div.contentModule {
	margin: 0;
	float: none;
	border-right: none;
	width: auto;
	border-left: 1px solid #e7e7e7
}

.slideview div.subheadlineModule div.contentModule .moduleHeading {
	background-color: #a5a5a5
}

.slideview div.subheadlineModule div.contentModule:first-child div.content p {
	margin-bottom: 0
}

.slideview div.subheadlineModule .owl-stage {
	display: flex
}

.slideview div.subheadlineModule .owl-stage .owl-item {
	display: flex;
	flex-shrink: 0
}

.slideview div.subheadlineModule .owl-stage .owl-item:first-child div.contentModule {
	border-left: none
}

div.subheadlineModule div.contentModule:first-child div.content {
	border: 0
}

@media (max-width: 959px) {
	div.subheadlineModule h2 {
		text-align: left;
		padding-left: 1.5vw;
		padding-right: 1.5vw
	}
	div.subheadlineModule div.contentModule {
		width: 100% !important;
		border: none !important;
		min-height: 100px
	}
}

div.subheadlineModule div.contentModule div.moduleHeading {
	position: relative;
	min-height: 194px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

div.subheadlineModule div.contentModule div.moduleHeading a {
	color: #ffffff;
	font-size: 1.16667em;
	font-family: Futura-bold;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	position: absolute
}

div.subheadlineModule div.contentModule div.moduleHeading a span {
	display: block;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 0;
	padding-left: 10px;
	padding-right: 61px;
	min-height: 32px;
	line-height: 1.1;
	transition: all .3s ease-in-out
}

div.subheadlineModule div.contentModule div.moduleHeading a span:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

@media (max-width: 959px) {
	div.subheadlineModule div.contentModule div.moduleHeading a span:hover i b {
		-webkit-animation: none;
		-moz-animation: none;
		-ms-animation: none;
		-o-animation: none;
		animation: none
	}
}

div.subheadlineModule div.contentModule div.moduleHeading a i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: -6px 17px 3px 15px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: #fff500;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: visible
}

div.subheadlineModule div.contentModule div.moduleHeading a i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -6px 0 0;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px
}

div.subheadlineModule div.contentModule div.content {
	margin: 0 0 0 -1px;
	padding: 17px 20px 0 22px;
	position: relative;
	border-left: 1px solid #e7e7e7
}

@media (max-width: 959px) {
	div.subheadlineModule div.contentModule div.content {
		margin: 0;
		padding: 25px 3vw 0 3vw
	}
}

@media (max-width: 480px) {
	div.subheadlineModule div.contentModule div.content {
		margin: 0;
		padding: 25px 4vw 0 5vw
	}
}

div.subheadlineModule div.contentModule div.content div.related {
	overflow: hidden
}

div.subheadlineModule div.contentModule div.content div.related a {
	display: block;
	margin: 0;
	font-size: 1em;
	font-family: Futura-bold;
	line-height: 1em;
	color: #000000
}

div.subheadlineModule div.contentModule div.content div.related a:hover {
	opacity: 0.8
}

div.categoryModule ul li>h4,
div.faqBoxModule {
	font-family: Roboto-normal
}

div.subheadlineModule div.contentModule div.content div.related a:after {
	content: '';
	display: table;
	clear: both
}

div.subheadlineModule div.contentModule div.content div.related a span {
	position: relative;
	display: block;
	float: left;
	max-width: 85%;
	padding-right: 35px;
	line-height: 1.25em;
	margin-bottom: 0.7em
}

div.subheadlineModule div.contentModule div.content div.related a b {
	position: absolute;
	display: inline-block;
	top: 2px;
	width: 9px;
	height: 12px;
	margin: 2px 0 0 10px;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px
}

div.subheadlineModule div.contentModule div.content div.related a:hover b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

.cta:hover i b,
a.uiLink.v1:hover b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite
}

div.subheadlineModule.v2 h2 {
	padding-left: 24.8%;
	text-align: left
}

@media (max-width: 959px) {
	div.subheadlineModule.v2 h2 {
		padding-left: 0
	}
}

div.subheadlineModule.v2 div.contentModule {
	width: 25%
}

div.faqBoxModule {
	padding: 0 0 0 14px;
	font-size: 1.16667em
}

div.faqBoxModule p.text-right {
	font-size: 0.97em;
	line-height: 1.3
}

@media (max-width: 959px) {
	div.faqBoxModule {
		padding-left: 2vw;
		margin-top: 2vw !important
	}
}

@media (max-width: 480px) {
	div.faqBoxModule {
		margin-top: 3vw !important;
		padding: 0 5vw
	}
}

div.faqBoxModule:after {
	content: '';
	display: table;
	clear: both
}

div.faqBoxModule .h4,
div.faqBoxModule h4 {
	color: #000000;
	margin: 0;
	line-height: 2em
}

div.faqBoxModule a.uiLink .h4 {
	position: relative;
	padding-right: 35px;
	display: inline-block;
	color: #000000;
	line-height: 1.2;
	margin-bottom: 0.4em
}

div.faqBoxModule a.uiLink b {
	margin: -6px 0 0
}

div.mobileLinksModule {
	position: relative;
	padding-top: 150px;
	background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(32%, rgba(0, 0, 0, 0.05)), color-stop(62%, rgba(0, 0, 0, 0.23)), color-stop(100%, rgba(0, 0, 0, 0.5)));
	background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%);
	background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%);
	background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%);
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0)
}

.cta,
a.uiAnimatedArrow i {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff531', GradientType=0)
}

div.mobileLinksModule:after {
	content: '';
	display: table;
	clear: both
}

div.mobileLinksModule ul.mobileHeroNavigation {
	display: block
}

div.mobileLinksModule ul.mobileHeroNavigation li {
	display: inline-block;
	width: 50%;
	margin-left: -3px;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	border-right: 1px solid rgba(255, 255, 255, 0.6)
}

div.mobileLinksModule ul.mobileHeroNavigation li:nth-child(even) {
	border-right: 1px solid transparent
}

div.mobileLinksModule ul.mobileHeroNavigation li a {
	display: block;
	padding: 18px 0 18px 18px;
	color: #ffffff;
	font-weight: 700;
	font-size: 1.58333em;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

@media (max-width: 959px) {
	div.mobileLinksModule ul.mobileHeroNavigation li {
		width: 50%
	}
	div.faqBoxModule a.uiLink .h4 {
		margin-bottom: 4px
	}
	div.mobileLinksModule ul.mobileHeroNavigation li a {
		font-size: 1.08333em
	}
}

div.mobileLinksModule ul.mobileHeroNavigation li a i {
	display: block;
	float: right;
	width: 9px;
	height: 12px;
	margin: 8px 14px 0 0;
	background: url(../images/icons/arrow-right-#fff500.png) no-repeat
}

div.categoryModule {
	padding: 0
}

div.categoryModule ul:after,
div.categoryModule:after {
	content: '';
	display: table;
	clear: both
}

div.categoryModule ul li {
	float: left;
	text-align: left
}

div.categoryModule.discounts ul {
	padding-top: 30px;
	padding-bottom: 15px
}

div.categoryModule.discounts ul li {
	display: flex;
	padding-right: 40px;
	padding-bottom: 15px
}

div.categoryModule.discounts ul li:last-of-type {
	padding-right: 0
}

div.categoryModule.discounts ul li h4 {
	padding: 0 !important;
	display: flex;
	align-items: center
}

div.categoryModule.discounts ul li .select {
	margin: 0 0 0 14px !important;
	min-width: 250px !important
}

div.categoryModule.discounts ul li .select .main {
	padding: 12px 60px 11px 14px !important
}

div.categoryModule.discounts ul li .select .main>span {
	line-height: 16px;
	display: block;
	padding: 4px 0
}

div.categoryModule.page-faq.dropTeaser div.dropTeaserContent ul.m38-Mobile {
	border-bottom: none;
	display: block
}

div.categoryModule.page-faq ul li {
	float: none
}

div.categoryModule ul li>a,
div.categoryModule ul li>h4 {
	display: block;
	padding: 25px 5px;
	color: #7f7f7f;
	margin: 0
}

div.categoryModule ul li>h4 {
	color: #000000
}

div.categoryModule ul li>a {
	font-family: Futura-bold;
	font-size: 1.16667em;
	line-height: 1.28571em
}

div.categoryModule.discounts ul li>a {
	font-size: 1.31em;
	line-height: 1.28571em
}

div.keysModule .keysItem,
div.lastProductsModule .content {
	font-family: Roboto-normal;
	padding-top: 7px;
	padding-right: 3px
}

div.categoryModule ul li>a .uiLinkBar {
	height: 5px
}

div.categoryModule ul li>a.active {
	color: #000000
}

div.categoryModule ul li>a.active .uiLinkBar {
	width: 100%;
	height: 5px
}

@media (min-width: 959px) {
	div.separator39 {
		height: 46px;
		background: #e7e7e7;
		float: left;
		width: 1px
	}
	.banking div.separator39 {
		height: 58px
	}
}

div.keysModule {
	padding: 0 0 3px;
	margin: 0 20px 0 12px;
	border-bottom: 1px solid #e7e7e7;
	display: flex;
	justify-content: flex-end
}

div.keysModule:after {
	content: '';
	display: table;
	clear: both
}

@media (max-width: 1359px) and (min-width: 959px) {
	div.keysModule {
		width: auto;
		display: flex;
		margin: 0 10px
	}
}

@media (max-width: 959px) {
	div.keysModule {
		justify-content: flex-start;
		margin: 0 3vw
	}
}

@media (max-width: 570px) {
	div.keysModule {
		float: left;
		margin: 0 20px;
		border-bottom: none
	}
	div.keysModule .keysItem {
		width: 100% !important
	}
}

div.keysModule .keysItem {
	padding: 16px 10px 22px 43px;
	margin: 8px 0 0;
	background-position: 10px 13px;
	background-repeat: no-repeat;
	min-height: 30px;
	box-sizing: border-box;
	background-size: 26px;
	width: auto !important
}

div.keysModule .keysItem.tools {
	background-size: 23px
}

div.keysModule .keysItem p {
	display: inline-block;
	font-size: 1.1667em;
	line-height: 1.3;
	margin-bottom: 0;
	width: auto
}

div.exchangeRateBoxModule div.contentRow:after,
div.exchangeRateBoxModule:after,
div.lastProductsModule:after {
	display: table;
	content: '';
	clear: both
}

@media (max-width: 570px) {
	div.keysModule .keysItem p {
		font-size: 16.1px;
		height: 30px;
		width: auto
	}
}

div.keysModule p:visited {
	color: #000000
}

div.exchangeRateBoxModule {
	position: relative;
	min-height: 288px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 0, 0, 0);
	padding: 15px 15px 30px 10px;
	margin: 0 1px 54px 0;
	background: #f7f7f7;
	color: #000000
}

div.exchangeRateBoxModule div.contentRow {
	border: none;
	margin: 0 0 45px
}

div.exchangeRateBoxModule div.contentRow:last-child {
	margin-bottom: 0
}

div.exchangeRateBoxModule div.contentRow div.contentColumn {
	width: 40%;
	margin: 14px 0 0;
	padding: 0;
	float: left
}

div.exchangeRateBoxModule div.contentRow div.contentColumn p {
	margin: 0;
	font-size: 1.16667em;
	line-height: 1.42857em
}

div.lastProductsModule {
	position: relative
}

.cta,
a.uiAnimatedArrow,
div.lastProductsModule .content .dropDown a,
div.lastProductsModule .content.mobileOnly a {
	font-family: Futura-bold
}

div.lastProductsModule .content p.text-right {
	text-align: right;
	font-size: 1.15em;
	line-height: 1.3
}

@media (max-width: 959px) {
	div.exchangeRateBoxModule {
		min-height: 300px
	}
	div.lastProductsModule .content p.text-right {
		padding-right: 0
	}
}

div.lastProductsModule .content .dropDown {
	height: 0;
	overflow: hidden;
	padding-right: 12px;
	transition: all .3s ease-in-out
}

a.uiLink i.uiLinkBar,
div.lastProductsModule .content .uiLink span b {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

div.lastProductsModule .content .dropDown a {
	display: block;
	padding: 0 0 10px;
	color: #000000;
	font-size: 1.16667em;
	text-align: right;
	line-height: 1
}

@media (max-width: 959px) {
	div.lastProductsModule .content .dropDown a {
		text-align: left
	}
}

div.lastProductsModule .content .uiLink {
	text-align: right;
	padding-right: 30px
}

div.lastProductsModule .content .uiLink h4 {
	margin-bottom: 7px
}

div.lastProductsModule .content .uiLink span {
	display: inline-block;
	position: relative;
	padding-right: 40px
}

div.lastProductsModule .content .uiLink span b {
	margin: -12px 0 0;
	transition: all .3s ease-in-out
}

div.lastProductsModule .content .uiLink:focus {
	text-decoration: none
}

@media (max-width: 959px) {
	div.lastProductsModule .content .uiLink {
		text-align: left
	}
	div.lastProductsModule .content .uiLink b {
		left: 198px
	}
	div.lastProductsModule .content {
		display: none
	}
}

div.lastProductsModule .content.mobileOnly {
	display: none;
	padding-left: 20px
}

.cta,
a.uiLink.v1 {
	display: block
}

div.lastProductsModule .content.mobileOnly.index_b {
	margin-left: 0
}

@media (max-width: 959px) {
	div.lastProductsModule .content.mobileOnly {
		display: block;
		padding-right: 2vw;
		padding-left: 2vw;
		margin-bottom: 2vw;
		text-align: left
	}
}

div.lastProductsModule .content.mobileOnly a {
	display: block;
	padding: 0 0 5px;
	color: #000000;
	font-size: 1.16667em;
	text-align: right;
	font-weight: 700
}

div.lastProductsModule .content.mobileOnly a:hover {
	text-decoration: underline
}

div.lastProductsModule.open .uiLink b {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

div.lastProductsModule.open .dropDown {
	height: auto;
	min-height: 150px
}

@media (max-width: 959px) {
	div.lastProductsModule.open .dropDown {
		min-height: 0
	}
	div.lastProductsModule.open .dropDown p {
		font-size: 1.14em;
		line-height: 1.3
	}
}

a.uiLink {
	position: relative
}

a.uiLink.v1 b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -4px 0 0;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px
}

a.uiLink.v1:hover b {
	animation: bounce 1.5s infinite
}

a.uiLink i.uiLinkBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 9px;
	background: #fff500;
	transition: all .3s ease-in-out
}

ul.main-nav .subModule {
	padding-bottom: 5px
}

a.uiLink:hover i.uiLinkBar {
	width: 100%
}

div#mainNav ul.main-nav>li:hover>a.uiLink i.uiLinkBar {
	width: 100%
}

.no-csstransitions a.uiLink:hover i.uiLinkBar,
a.uiLink.no-csstransitions:hover i.uiLinkBar {
	width: 0
}

.cta {
	padding: 25px 45px 8px 26px;
	background: #fff500;
	position: absolute;
	bottom: 100px;
	left: 60px;
	-moz-box-shadow: inset 0 0 2px #e9e000;
	-webkit-box-shadow: inset 0 0 2px #e9e000;
	box-shadow: inset 0 0 2px #e9e000;
	color: #000000;
	font-size: 1.5em;
	width: 306px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

.cta:active,
.cta:focus,
.cta:hover {
	color: #000000;
	text-decoration: none
}

.cta:hover i b {
	animation: bounce 1.5s infinite
}

@media (max-width: 959px) {
	div.lastProductsModule .content.mobileOnly a {
		text-align: left;
		padding-bottom: 8px
	}
	.cta {
		display: none
	}
}

.cta i {
	display: block;
	float: right;
	width: 9px;
	height: 12px;
	margin: 9px 25px 0 35px;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

a.uiAnimatedArrow {
	color: #ffffff;
	font-size: 1.33333em
}

a.uiAnimatedArrow.cta {
	color: #000000
}

a.uiAnimatedArrow span {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0;
	font-size: 23px;
	padding-right: 68px;
	min-height: 37px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

a.uiAnimatedArrow span:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

a.uiAnimatedArrow i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: -1px 16px 0 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: #fff500;
	position: absolute;
	right: 0;
	overflow: hidden
}

a.uiAnimatedArrow i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -6px 0 0;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px
}

div.textTeaser {
	overflow: hidden;
	width: 25%;
	height: 245px;
	float: left;
	box-sizing: border-box
}

div.textTeaser.accordion {
	width: auto;
	height: auto
}

div.textTeaser.accordion:hover {
	background: none
}

div.textTeaser.v2Teaser {
	width: 33.33333%
}

div.textTeaser:hover {
	background: #fff500
}

@media (max-width: 959px) {
	div.textTeaser:hover {
		background: transparent
	}
}

div.textTeaser:hover a.teaserContent,
div.textTeaser:nth-of-type(4n+0) a.teaserContent {
	border-right: none;
	padding-right: 20px
}

div.textTeaser a.teaserContent,
div.textTeaser.v2Teaser:nth-of-type(3n+0) a.teaserContent,
div.textTeaser.v2Teaser:nth-of-type(4n+0) a.teaserContent {
	border-right: 1px solid #e7e7e7
}

div.textTeaser:hover div.bottomBorder {
	background: 0 0
}

div.textTeaser a.teaserContent {
	color: #000000;
	display: block;
	height: 210px;
	position: relative;
	margin: 19px 0 15px;
	padding: 0 19px 0 20px
}

div.textTeaser a.teaserContent:focus {
	text-decoration: none
}

div.textTeaser a.teaserContent div.heading {
	overflow: hidden;
	float: left;
	width: 83%
}

@media (max-width: 1120px) {
	div.textTeaser a.teaserContent div.heading {
		width: 80%
	}
}

@media (max-width: 959px) {
	div.textTeaser a.teaserContent {
		padding: 0 3vw
	}
}

@media (max-width: 480px) {
	div.textTeaser a.teaserContent {
		padding: 0 5vw
	}
}

div.textTeaser a.teaserContent div.heading h2 {
	padding: 0 0 3px;
	margin: 0;
	font-family: Futura-bold;
	font-size: 1.4em;
	color: #000000
}

div.textTeaser a.teaserContent div.heading h1 {
	padding: 0 0 18px;
	margin: 0;
	border: 0;
	font-family: Roboto-normal;
	font-size: 2em
}

div.textTeaser a.teaserContent i {
	display: block;
	float: right;
	width: 37px;
	height: 37px;
	margin-top: 5px;
	background-repeat: no-repeat
}

div.textTeaser a.teaserContent i.percentage {
	background: url(../images/icons/percent-wide.png) no-repeat
}

div.textTeaser a.teaserContent i.circle {
	background: url(../images/modules/new-pics/M16-circle-image.png) no-repeat;
	background-size: 100%
}

div.textTeaser a.teaserContent div.content {
	clear: both;
	padding-right: 50px
}

div.textTeaser a.teaserContent div.content p {
	font-size: 1.16667em;
	line-height: 19px;
	font-family: Roboto-normal;
	margin-bottom: 0
}

@media (max-width: 480px) {
	div.textTeaser a.teaserContent div.content p {
		font-size: 1.24em
	}
}

div.textTeaser div.bottomBorder {
	height: 1px;
	margin: 0 20px;
	background: #e7e7e7
}

.m16BonusContainer div.textTeaser .imageContainer {
	position: relative;
	margin-bottom: 20px;
	height: 70px
}

.m16BonusContainer div.textTeaser .imageContainer img {
	right: 0;
	position: ABSOLUTE;
	bottom: 0;
	vertical-align: middle;
	margin: 0 auto;
	left: 0
}

.m16BonusContainer div.textTeaser a.teaserContent div.heading {
	width: 100%;
	text-align: center
}

.m16BonusContainer div.textTeaser .heading p {
	text-decoration: underline;
	font-size: 16.1px;
	font-family: Futura-bold
}

.m16BonusContainer div.textTeaser a.teaserContent div.content {
	padding-right: 5px
}

.m16BonusContainer div.textTeaser .content p {
	font-size: 13.8px !important;
	color: #aaaaaa
}

.m16BonusContainer div.textTeaser:hover {
	background: #ffffff
}

.m16BonusContainer div.textTeaser:hover a.teaserContent {
	border-right: 1px solid #e7e7e7
}

.m16BonusContainer div.textTeaser:nth-of-type(4n+0) a.teaserContent {
	border-right: 0
}

.m16BonusContainer div.textTeaser:hover div.bottomBorder {
	background: #e7e7e7
}

@media (max-width: 959px) {
	.m16BonusContainer div.textTeaser {
		height: 205px
	}
	.m16BonusContainer div.textTeaser a.teaserContent {
		height: 170px
	}
	div.textTeaser {
		width: 100%;
		float: none;
		margin-bottom: 0;
		height: 180px
	}
	div.textTeaser a.teaserContent {
		height: 145px
	}
	div.textTeaser div.teaserContent h1 {
		display: block
	}
	div.textTeaser.v2Teaser {
		width: 100%
	}
}

@media (max-width: 1600px) and (min-width: 959px) {
	.m38-container {
		width: 335px !important;
		margin-top: -15px
	}
	.m38-container.discounts {
		width: 100% !important;
		margin-top: 0
	}
}

@media (max-width: 420px) {
	.m38-container div.dropTeaser {
		margin: 0;
		padding: 0
	}
	.m38-container div.dropTeaser div.dropTeaserContent {
		width: auto;
		padding: 20px
	}
	.m38-container div.dropTeaser div.dropTeaserContent ul li {
		margin: 0;
		padding: 0 0 20px;
		width: 100%
	}
	.m38-container div.dropTeaser div.dropTeaserContent ul li h4 {
		padding: 0 0 20px;
		text-align: left;
		width: 200px
	}
	.m38-container div.dropTeaser div.dropTeaserContent ul li div.select {
		margin: 0;
		width: 100%
	}
}

div.dropTeaser .heading img,
div.dropTeaser div.dropTeaserContent {
	width: 100%
}

div.dropTeaser {
	margin: 0 0 50px
}

div.dropTeaser.discounts {
	margin: 33px 0 10px 0
}

@media (max-width: 960px) {
	div.dropTeaser.discounts {
		margin: 0 4% 0 0
	}
}

div.dropTeaser .heading .mobile {
	display: none
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop {
	margin: 0 10px 20px 20px;
	border-bottom: 1px solid #e7e7e7
}

div.dropTeaser div.dropTeaserContent.discounts ul.m38-Desktop {
	margin: 0 20px;
	display: none
}

@media (max-width: 1600px) {
	div.dropTeaser div.dropTeaserContent ul.m38-Desktop {
		display: none
	}
	.m38-container .m38-Mobile {
		display: block
	}
}

@media (max-width: 960px) {
	div.dropTeaser div.dropTeaserContent.discounts ul.m38-Desktop {
		display: none
	}
	.m38-container.discounts .m38-Mobile {
		display: block
	}
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li.m38-title {
	font-family: Roboto-normal;
	font-size: 16.1px;
	line-height: 68px
}

div.dropTeaser div.dropTeaserContent.discounts ul.m38-Desktop li.m38-title {
	font-size: 1.3333em;
	line-height: 64px
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li {
	text-align: center
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(1) {
	width: 14%
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(2) {
	width: 6%
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(3),
div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(4) {
	width: 12%
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(5) {
	width: 11%
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(6) {
	width: 18%
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(7) {
	width: 15%
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(8) {
	width: 11%
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li a:hover {
	color: #000000;
	padding-bottom: 16px;
	border-bottom: 5px solid #f8fa00
}

@media (min-width: 1360px) {
	div.dropTeaser div.dropTeaserContent.discounts ul.m38-Mobile {
		display: block
	}
}

div.dropTeaser div.dropTeaserContent h1 {
	padding: 20px 20px 0;
	margin: 0 0 4px;
	border: 0;
	font-family: Futura-bold;
	font-size: 1.5em
}

div.dropTeaser div.dropTeaserContent p {
	padding: 0 20px;
	font-size: 1.16667em;
	line-height: 1.36667em;
	font-family: Roboto-normal
}

div.dropTeaser div.dropTeaserContent div.select {
	position: relative;
	float: left;
	margin: 24px 0 5px 10px;
	width: 42%;
	min-width: 200px;
	font-family: Roboto-normal;
	font-size: 1.16667em;
	color: #000000
}

div.dropTeaser div.dropTeaserContent div.select div.main {
	text-align: left;
	position: relative;
	background: #e9edf0;
	border: 1px solid #d4d5d7;
	padding: 14px 14px 9px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

div.dropTeaser div.dropTeaserContent div.select div.main:hover {
	background: #f8f8f8
}

div.dropTeaser div.dropTeaserContent div.select div.main a {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px
}

div.dropTeaser div.dropTeaserContent div.select div.main a i {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	text-indent: -9999px;
	background: #fff500 url("../images/icons/arrow-bottom-black.png") center center no-repeat
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #ffffff;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.4);
	z-index: 101
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect.position-top {
	top: auto;
	bottom: 100%;
	box-shadow: 0 -3px 9px rgba(0, 0, 0, 0.4)
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect div.searchContent {
	position: relative;
	z-index: 6001;
	background-color: #e9edf0
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect div.searchContent+ul {
	margin-top: 0;
	max-height: 400px;
	overflow: auto
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect div.searchContent form {
	display: flex;
	margin-left: 10px
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect div.searchContent form div.formElement {
	padding: 0 5px 7px 0;
	margin-bottom: 0;
	flex-grow: 1
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect div.searchContent form div.formElement input {
	height: auto;
	min-width: 20px;
	margin: 5px 0 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #000000;
	color: #000000 !important;
	font-size: 1.1em;
	background: 0 0;
	opacity: 1
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect div.searchContent form div.formElement input::placeholder {
	color: #000000 !important;
	opacity: 1
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect div.searchContent form i {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin-top: 9px;
	margin-right: 7px;
	background: url(../images/modules/search/search.png) no-repeat
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect ul {
	padding: 15px 0 20px !important;
	margin: 0 !important;
	max-height: 400px;
	overflow: auto
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect ul li {
	padding: 13px 0 11px 10px;
	cursor: pointer;
	float: none
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect ul li:hover {
	background: #fff500
}

div.dropTeaser div.dropTeaserContent div.select div.subSelect ul li a {
	color: #000000;
	font-family: Roboto-normal;
	font-size: 1em;
	padding: 0
}

div.dropTeaser div.dropTeaserContent div.select div.subCopy {
	margin: 0 10px 13px 10px;
	font-size: 1em;
	font-family: Roboto-normal;
	color: #cfcfcf
}

div.dropTeaser div.dropTeaserContent div.select.select~.select div.subSelect {
	z-index: 100
}

@media (max-width: 959px) {
	div.dropTeaser {
		margin-bottom: -20px
	}
	div.keysModule {
		margin-bottom: 50px
	}
	div.dropTeaser div.dropTeaserContent {
		width: 100%;
		padding: 20px 1vw
	}
	div.dropTeaser div.dropTeaserContent div.select {
		float: none;
		max-width: 100%;
		width: 84%
	}
	div.dropTeaser .heading .mobile {
		display: block;
		width: 100%
	}
	div.dropTeaser .heading .desktop {
		display: none
	}
}

div.dropTeaser div.dropTeaserContent ul.m38-Mobile div.select div.subSelect a {
	padding: 13px 0 11px 10px
}

div.dropTeaser div.dropTeaserContent ul.m38-Mobile {
	border-bottom: 1px solid #e7e7e7;
	margin-right: 10px;
	margin-left: 25px;
	display: none
}

@media (max-width: 1599px) {
	div.dropTeaser div.dropTeaserContent ul.m38-Mobile {
		display: block
	}
}

div.dropTeaser div.dropTeaserContent ul.m38-Mobile div.select div.subSelect ul li {
	padding: 0
}

div.dropTeaser div.dropTeaserContent ul.m38-Mobile li h4 {
	padding: 39px 5px 41px 0
}

div.dropTeaser div.dropTeaserContent ul.m38-Mobile li h4.banking {
	padding-bottom: 25px
}

div.dropTeaser.guide div.dropTeaserContent ul.m38-Mobile li h4 {
	padding-bottom: 28px
}

@media (max-width: 480px) {
	div.dropTeaser div.dropTeaserContent ul.m38-Mobile li h4 {
		padding-bottom: 10px
	}
}

div#slider {
	position: relative;
	background: #eaedef;
	min-height: 330px
}

div#slider div.item {
	overflow: hidden
}

div#slider div.item div.slideModule {
	float: left
}

div#slider div.item div.slideModule.x3 {
	width: 39.83333%
}

div#slider div.item div.slideModule:first-child {
	margin-left: 0;
	padding: 0
}

div#slider div.item div.slideModule:last-child {
	padding: 28px 0 0
}

@media (max-width: 959px) {
	div.dropTeaser div.dropTeaserContent ul.m38-Mobile {
		margin-left: 2vw;
		margin-right: 2vw
	}
	div#slider div.item div.slideModule:first-child {
		width: 100%;
		margin-right: 0;
		float: none
	}
	div#slider div.item div.slideModule:last-child {
		width: 100%;
		margin: 0;
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media (max-width: 480px) {
	div.dropTeaser div.dropTeaserContent ul.m38-Mobile {
		margin-left: 4vw;
		margin-right: 4vw
	}
	div.dropTeaser div.dropTeaserContent ul.m38-Mobile li h4.banking {
		padding-bottom: 10px
	}
}

div#slider div.item div.slideModule h4 {
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 1.41667em
}

div#slider div.item div.slideModule h1 {
	margin: 0 0 0 20px;
	padding: 5px 0 15px;
	font-family: Roboto-normal;
	font-size: 1.91667em;
	border: 0;
	color: #000000
}

div#slider div.item div.slideModule p {
	font-family: Roboto-normal;
	font-size: 1.16667em;
	margin-left: 20px;
	color: #000000
}

div#slider div.item div.slideModule img {
	display: block;
	min-height: 342px;
	width: 100%
}

@media (max-width: 959px) {
	div#slider div.item div.slideModule img {
		width: 100%;
		min-height: auto
	}
}

div#slider div.controls {
	overflow: hidden;
	position: absolute;
	bottom: 17px;
	left: 53%
}

div#slider div.controls a {
	display: block;
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 2px 0 0;
	background: #fff500;
	opacity: 1
}

div#slider div.controls a.left i {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/icons/arrow-left-small.png) center center no-repeat
}

div#slider div.controls a.right i {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/icons/arrow-right-small.png) center center no-repeat
}

@media (max-width: 959px) {
	div#slider div.controls {
		top: 0;
		bottom: auto;
		left: 0;
		right: 0;
		width: auto;
		height: 813px
	}
	div#slider div.controls a {
		position: absolute;
		display: block;
		width: 16px;
		height: auto;
		float: none;
		top: 25%;
		bottom: 25%;
		left: 0;
		margin: 0;
		background: rgba(223, 226, 228, 0.6)
	}
	div#slider div.controls a.right {
		left: auto;
		right: 0
	}
	div#slider div.controls a.left i,
	div#slider div.controls a.right i {
		position: absolute;
		top: 50%;
		left: 4px;
		width: 8px;
		height: 15px;
		margin: -7px 0 0;
		background-image: url(../images/icons/lifestage_arrows_mobile.png);
		background-repeat: no-repeat
	}
	div#slider div.controls a.left i {
		background-position: 0 0
	}
	div#slider div.controls a.right i {
		background-position: 0 100%
	}
}

div.drop,
div.list {
	position: relative
}

@media (max-width: 768px) {
	div#slider div.controls {
		height: 750px
	}
}

@media (max-width: 480px) {
	div#slider div.controls {
		height: 462px
	}
}

div#slider ol.carousel-indicators {
	left: 166px;
	right: auto;
	bottom: 1em
}

@media (max-width: 959px) {
	div#slider ol.carousel-indicators {
		bottom: 20%;
		left: auto;
		right: 33px
	}
}

@media (max-width: 640px) {
	div#slider ol.carousel-indicators {
		bottom: auto;
		top: 450px
	}
}

@media (max-width: 320px) {
	div#slider div.controls {
		height: 303px
	}
	div#slider ol.carousel-indicators {
		bottom: auto;
		top: 270px
	}
}

.m17 img {
	width: 100%;
	height: 100%;
	margin-bottom: 54px
}

div.list {
	overflow: hidden;
	margin: 0;
	padding-bottom: 70px;
	padding-top: 35px
}

div.list.text-content {
	padding-top: 20px
}

div.list div.heading {
	text-align: right
}

div.list div.heading h2 {
	color: #000000;
	font-size: 2.5em;
	margin-right: 15px
}

.sm-table__cell h1,
div.introductionModule h2.primaryHeading,
div.introductionModule .heading h2,
.sm-calculate__table h2,
div.subheadlineModule h2,
div.index div.accordion div.heading h2,
div.index div.vertical div.heading h2,
div.list div.heading h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 4px
}

@media (max-width: 959px) {
	div.list.text-content {
		padding-top: 0
	}
	div.list.text-content p,
	div.list.text-content ol {
		padding-left: 2vw;
		padding-right: 2vw
	}
}

@media (max-width: 480px) {
	div.list div.heading h2 {
		font-size: 2.4em;
		line-height: 1;
		margin-bottom: 22px
	}
	div.list.text-content p,
	div.list.text-content ol {
		padding-left: 3vw;
		padding-right: 3vw
	}
}

div.list div.heading h2.product-title {
	margin-top: 0;
	margin-right: 7px;
	font-size: 34.5px
}

div.list div.heading .extras {
	margin-right: -2px;
	font-size: 34.5px
}

div.list div.heading .your-advantage {
	margin-right: 7px;
	font-size: 34.5px
}

div.list .wrapper-extras {
	margin-left: 28px !important
}

div.list h4 {
	font-family: Futura-bold;
	font-size: 1.34em;
	line-height: 1.5em
}

div.list h4.product-sub-title {
	font-size: 18.4px;
	margin-top: 10px;
	margin-bottom: 4px;
	color: #000000
}

div.list p {
	font-family: Roboto-normal;
	font-size: 1.33em;
	line-height: 24px;
	margin-bottom: 14px;
	margin-top: -2px
}

.text-content div.list p {
	margin-bottom: 22px
}

@media (max-width: 959px) {
	div.text p.mobile-padding,
	div.list .mobile-padding p,
	div.list .mobile-padding h3 {
		padding-left: 2vw;
		padding-right: 2vw
	}
}

div.drop a,
div.drop div.selected,
div.list .cta,
div.list div.text ul li div.icon h3 {
	font-family: Futura-bold
}

div.list div.advantages {
	margin: 0 0 0 18px !important
}

@media (max-width: 959px) {
	div.list div.advantages {
		margin: 0 3vw !important;
		width: 94vw !important
	}
}

@media (max-width: 480px) {
	div.list div.advantages {
		margin: 0 5vw !important;
		width: 90vw !important
	}
	div.text p.mobile-padding,
	div.list .mobile-padding p,
	div.list .mobile-padding h3 {
		padding-left: 3vw;
		padding-right: 3vw
	}
}

@media (min-width: 959px) {
	div.list div.advantages {
		width: 49%
	}
}

div.list div.advantages,
div.list div.text {
	position: relative;
	margin-top: 7px
}

div.list div.advantages ul li,
div.list div.text ul li {
	display: block;
	padding: 0 0 9px 20px;
	box-sizing: border-box;
}

div.list.custom-steps div.text ul li {
	padding-left: 0
}

@media (max-width: 959px) {
	div.list div.advantages ul li {
		padding-left: 3.5vw
	}
	div.list div.text ul li {
		padding-left: 2.5vw
	}
}

div.list div.advantages ul li:after,
div.list div.text ul li:after {
	content: '';
	display: table;
	clear: both
}

@media (max-width: 414px) {
	div.list div.advantages ul li:last-child,
	div.list div.text ul li:last-child {
		margin-bottom: 0;
		padding-bottom: 0
	}
}

@media (max-width: 480px) {
	div.list div.advantages ul li {
		padding-left: 5vw
	}
	div.list div.text ul li {
		padding-left: 3vw
	}
}

div.list div.advantages ul li.second,
div.list div.text ul li.second {
	margin-top: 10px;
	margin-bottom: 11px
}

div.list div.advantages ul li div.icon,
div.list div.text ul li div.icon {
	float: left;
	width: 9%;
	padding: 2px 5px 0 0;
	margin-left: -20px;
	margin-right: 10px
}

@media (max-width: 959px) {
	div.list div.advantages ul li div.icon,
	div.list div.text ul li div.icon {
		padding-right: 15px;
		margin-right: 0
	}
}

@media (max-width: 480px) {
	div.list div.advantages ul li div.icon,
	div.list div.text ul li div.icon {
		width: 15%;
		box-sizing: border-box
	}
}

div.list div.advantages ul li div.icon img,
div.list div.text ul li div.icon img {
	margin-top: 2px
}

div.list--star div.advantages ul li div.icon img,
div.list div.text ul li div.icon img {
	margin-top: -1px
}

div.list div.advantages ul li div.icon.fast,
div.list div.text ul li div.icon.fast {
	margin-left: -30px;
	margin-right: 10px
}

div.list div.advantages ul li div.content,
div.list div.text ul li div.content {
	float: left;
	width: 91%
}

div.list div.advantages.custom-list ul li {
	padding-left: 75px;
	position: relative
}

div.list div.advantages.custom-list ul li .font-bold {
	position: absolute;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	left: 0;
	font-size: 1.6em;
	line-height: 1.15
}

div.list div.advantages.custom-list ul li div.content {
	width: 100%
}

@media (max-width: 1366px) {
	div.list div.advantages ul li div.content,
	div.list div.text ul li div.content {
		width: 85.4%
	}
}

@media (max-width: 959px) {
	div.list div.advantages ul li div.content,
	div.list div.text ul li div.content {
		width: 90%
	}
}

div.list div.advantages ul li div.content>h4,
div.list div.text ul li div.content>h4 {
	color: #000000;
	font-size: 1.6em;
	line-height: 1.15;
	margin-bottom: 12px
}

@media (max-width: 414px) {
	div.list div.advantages ul li div.content>h4,
	div.list div.text ul li div.content>h4 {
		line-height: 28px;
		margin-bottom: 5px
	}
}

div.list div.advantages .advantage-list,
div.list div.text .advantage-list {
	margin-left: -21px
}

div.list div.advantages .first,
div.list div.advantages .third,
div.list div.text .first,
div.list div.text .third {
	padding-left: 14px
}

div.list div.advantages .second,
div.list div.text .second {
	padding-left: 6px
}

div.list div.advantages .second .icon,
div.list div.text .second .icon {
	padding-right: 19px
}

div.list div.advantages h4,
div.list div.text h4 {
	margin: 0 0 6px
}

@media (min-width: 959px) {
	div.list div.extras {
		width: 50%
	}
	div.list div.extras ul li div.content {
		width: 97%
	}
}

div.list .cta {
	bottom: 36px;
	right: 95px;
	left: auto;
	font-size: 20.7px;
	padding-top: 25px;
	padding-left: 26px;
	padding-bottom: 8px
}

@media (max-width: 1620px) {
	div.list .cta {
		right: 71px
	}
}

@media (max-width: 1510px) {
	div.list .cta {
		right: 50px
	}
}

@media (max-width: 1425px) {
	div.list .cta {
		right: 30px
	}
}

@media (max-width: 1366px) {
	div.list .cta {
		right: 15px
	}
}

@media (max-width: 1302px) {
	div.list .cta {
		right: 0;
		width: 250px
	}
}

div.list .cta--top {
	right: 0
}

@media (max-width: 959px) {
	div.list div.heading {
		text-align: left
	}
	div.list .cta {
		display: block;
		left: 0;
		bottom: 4px;
		width: 380px;
		position: relative;
		margin-top: 10px
	}
	div.list .cta i b {
		margin-top: -9px
	}
}

@media (max-width: 520px) {
	div.list .cta {
		display: block;
		width: 90vw
	}
}

div.list .cta:hover {
	color: #000000
}

div.list .cta i {
	margin: -5px 12px 0 35px
}

div.list div.text ul li div.icon {
	width: 3%;
	margin-top: 7px
}

@media (max-width: 959px) {
	div.list div.text ul li div.icon {
		width: 28px;
		height: 20px;
		margin-left: 0
	}
}

div.list div.text ul li div.icon h3 {
	font-size: 29.9px;
	line-height: 40px;
	color: #000000
}

div.m26 div.text {
	margin-top: 0
}

#validations {
	margin: 100px 0;
	overflow: hidden
}

#upload div.formElement {
	margin: 0 0 15px
}

div#master {
	overflow: hidden;
	width: 100%;
	margin: 50px 0
}

div#master div.description {
	margin-top: 45px
}

div.drop {
	float: right
}

div.drop a,
div.drop div.selected {
	float: left;
	padding: 8px 0 0;
	font-size: 1em !important;
	text-transform: uppercase
}

div.drop a b,
div.drop div.selected b {
	display: block;
	width: 35px;
	height: 35px;
	margin: -10px 0 0 10px;
	background: url(../images/icons/arrow-bottom-boxed.jpg) no-repeat
}

div.drop div.dropContent {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	margin: 0 0 0 -10px;
	padding: 10px 10px 6px 0;
	background: #fafc00;
	z-index: 100
}

div.drop div.dropContent a,
div.drop div.dropContent span {
	float: none;
	display: block;
	padding: 0 0 0 10px
}

[data-tool-element=radio],
[data-tool-element=radio] :root .rbr-radios,
[data-tool-element=checkbox],
[data-tool-element=checkbox] :root .rbr-checkboxes {
	position: relative
}

[data-tool-element=radio] input[type=radio]+label,
[data-tool-element=radio] input[type=radio]+label::before,
[data-tool-element=radio] label,
[data-tool-element=checkbox] input[type=checkbox]+span,
[data-tool-element=checkbox] input[type=checkbox]+span::before,
[data-tool-element=checkbox] label {
	display: inline-block;
	vertical-align: middle;
	color: #000000
}

[data-tool-element=radio] label span {
	padding-left: 4px
}

[data-tool-element=radio] label *,
[data-tool-element=checkbox] label {
	cursor: pointer;
	width: 90%
}

[data-tool-element=radio] input[type=radio],
[data-tool-element=radio] input[type=checkbox] {
	position: absolute;
	opacity: 0;
	width: 90%;
	height: 100%;
	cursor: pointer
}

[data-tool-element=checkbox] input[type=checkbox] {
	opacity: 0;
	position: relative;
	top: 10px;
	width: 1px !important;
	height: 1px !important
}

[data-tool-element=radio] input[type=radio]+span,
[data-tool-element=checkbox] input[type=checkbox]+span {
	font-family: Roboto-normal;
	font-size: 18.4px;
	cursor: pointer
}

[data-tool-element=radio] label:hover span::before,
[data-tool-element=checkbox] label:hover span::before {
	box-shadow: 0 0 2px #cccccc
}

[data-tool-element=radio] label:hover span,
[data-tool-element=checkbox] label:hover span {
	color: #000000
}

[data-tool-element=checkbox] input[type=checkbox]+label::before {
	content: '';
	width: 19px;
	height: 19px;
	margin: 0 10px 1px 0;
	border: 1px solid #676767;
	line-height: 14px;
	text-align: center;
	background: 0 0;
	display: inline-block;
	position: relative;
	top: 5px
}

[data-tool-element=radio] input[type=radio]+label::before {
	content: '';
	width: 19px;
	height: 19px;
	margin: 0 2px 1px 0;
	border: 1px solid #676767;
	line-height: 14px;
	text-align: center;
	background: 0 0;
	display: inline-block;
	border-radius: 100%;
	position: relative;
	top: -2px
}

.errorBorder,
[data-tool-element=checkbox] input[type=checkbox].errorBorder+label::before,
input.errorBorder[type=radio]+label::before {
	border: 1px solid red !important
}

[data-tool-element=checkbox] input[type=checkbox]+span::before {
	border-radius: 0
}

[data-tool-element=radio] input[type=radio]:checked+label::before {
	background: #fff500
}

[data-tool-element=checkbox] input[type=checkbox]:checked+label::before {
	background: url(../images/generic/k.png) center center no-repeat;
	background-size: 58%
}

[data-tool-element=radio] input[type=radio]:disabled+span,
[data-tool-element=checkbox] input[type=checkbox]:disabled+span {
	cursor: default;
	opacity: .4
}

[data-tool-element=radio] input[type=radio]:checked+span::before {
	content: '';
	font-size: 27.6px
}

[data-tool-element=checkbox] input[type=checkbox]:checked+span::before {
	content: '';
	font-size: 13.8px
}

.error,
div.formElement label {
	font-size: 1.5em;
	font-family: Roboto-normal
}

.float-holder {
	position: relative;
	display: block;
	overflow: hidden
}

[data-tool-element=map]>div {
	width: 100%;
	height: 300px
}

canvas {
	border: 1px solid #eeeeee
}

div.result {
	border: 1px solid #dddddd;
	padding: 15px
}

div.formElement {
	position: relative;
	margin: 0 0 15px
}

div.formElement label {
	padding: 10px 0 0;
	color: #333333
}

input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=password] {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: none
}

textarea {
	height: 100px
}

.error {
	padding: 10px 0 0;
	color: #333333
}

.errorMessage {
	margin-top: -10px;
	line-height: 16px;
	font-family: Roboto-normal;
	font-size: 17.25px;
	font-style: italic;
	color: red;
	min-height: 20px;
	margin-bottom: 5px;
	opacity: 1;
	transition: opacity .3s ease
}

.errorMessage:empty {
	opacity: 0;
	display: none
}

select {
	height: 47px;
	padding: 0 70px 0 10px;
	background: url(../images/modules/branchfinder/arrow.png) center right no-repeat #e9edf0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	text-overflow: '';
	border: 1px solid #c1c6c9;
	font-size: 1em
}

select::-ms-expand {
	display: none
}

button.custom {
	display: block;
	padding: 0 15% 0 10%;
	margin: 0 10px 0 0;
	border: 0;
	font-size: 1.33333em;
	background: #fff500;
	font-family: Futura-bold;
	cursor: pointer;
	min-height: 50px;
	line-height: 50px
}

button.custom i {
	display: block;
	margin: 4px 0 0 9px;
	width: 9px;
	height: 12px;
	float: none;
	position: absolute;
	right: 10px;
	top: 32%;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

button.custom span.buttonSpan,
button.customReverse span.buttonSpan {
	display: inline-block;
	vertical-align: middle;
	line-height: normal
}

button:hover.custom i {
	animation: bounce 1.5s ease 0s normal none infinite
}

button:hover.leftArrow i,
button:hover.leftIconOnline i,
button:hover.leftIconPhone i {
	animation: leftbounce 1.5s ease 0s normal none infinite
}

div.sliderHolder {
	position: relative;
	width: 85%;
	margin: 0 auto
}

div.sliderHolder .dijitSliderImageHandle {
	border: 0;
	background: #fff500;
	width: 35px;
	height: 35px;
	margin: -8px 0 0;
	border-radius: 200px
}

div.sliderHolder .dijitSliderBar {
	height: 10px;
	border: 0;
	border-radius: 0;
	background: #ebeeee
}

div.sliderHolder .dijitSliderLeftBumper,
div.sliderHolder .dijitSliderProgressBar {
	background: #fff500 !important
}

div.sliderHolder .dijitSliderLeftBumper {
	border-radius: 5px 0 0 5px
}

div.sliderHolder .dijitSliderProgressBar,
div.sliderHolder .dijitSliderRightBumper {
	border-radius: 0 5px 5px 0
}

div.sliderHolder .dijitSliderButtonContainer * {
	display: none
}

div.sliderHolder div.sliderAmount {
	position: absolute;
	top: -55px;
	width: 35px;
	margin: 0 0 0 -9px;
	text-align: center
}

div.sliderHolder div.sliderAmount.left {
	margin-left: -7px
}

div.sliderHolder div.sliderAmount.right {
	margin-left: -70px
}

div.sliderHolder div.sliderAmount.center {
	margin-left: -35px
}

[data-tool-element=tooltip] {
	position: relative
}

[data-tool-element=tooltip] i.tooltip {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	background: url(../images/icons/info.png) no-repeat;
	cursor: pointer
}

[data-tool-element=tooltip] div.tooltip {
	display: none;
	position: absolute;
	margin-top: -60px;
	padding: 15px;
	background: #fff500;
	font-family: Roboto-normal
}

.branchfinderContent .tooltip {
	right: 0;
	width: 205px
}

[data-tool-element=tooltip] div.tooltip.handwritten {
	width: 120px;
	left: -120px;
	transform: rotate(-10deg);
	margin-top: -70px;
	padding: 8px 0 60px;
	font-size: 1.33333em;
	font-family: 'Shadows Into Light Two', cursive;
	background: url(../images/generic/tooltip-arrow.png) 35px 65px no-repeat rgba(255, 255, 255, 0)
}

div[data-tool-element=file] {
	position: relative;
	height: 45px;
	background: url(../images/generic/file-go.png) top right no-repeat #e9edef
}

div[data-tool-element=file] span {
	display: block;
	padding: 12px 0 0 10px;
	font-size: 1.33333em;
	font-family: Roboto-normal;
	color: #333333;
	max-width: 195px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

div[data-tool-element=file] input[type=file] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.c3 svg {
	color: #454545;
	font-family: Roboto-normal;
	font-size: 19.55px;
	overflow: visible !important
}

.c3 svg g.c3-axis-x g.tick line {
	display: none
}

.c3 svg text.c3-text {
	fill: #222222 !important;
	font-size: 16.1px;
	font-weight: 700
}

.c3 svg g.c3-axis-y g text tspan {
	font-size: 13.8px;
	font-weight: 400
}

.c3 line,
.c3 path {
	fill: none;
	stroke: #dadada
}

.c3 text {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: small
}

.c3-bars path,
.c3-event-rect,
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid {
	shape-rendering: crispEdges
}

.c3-chart-arc path {
	stroke: #ffffff
}

.c3-chart-arc text {
	fill: #ffffff;
	font-size: 14.95px
}

.c3-grid line {
	stroke: #cccccc
}

.c3-grid text {
	fill: #aaaaaa
}

.c3-xgrid,
.c3-ygrid {
	stroke-dasharray: 3 3
}

.c3-text.c3-empty {
	fill: grey;
	font-size: 2em
}

.c3-line {
	stroke-width: 2px
}

.c3-circle {
	fill: #f8f900 !important;
	stroke: #dcdde2;
	stroke-width: 2px
}

.c3-circle._expanded_ {
	stroke-width: 3px;
	stroke: #dcdde2
}

.c3-selected-circle {
	fill: #ffffff;
	stroke-width: 2px
}

.c3-bar {
	stroke-width: 0
}

.c3-bar._expanded_ {
	fill-opacity: .75
}

.c3-target.c3-focused {
	opacity: 1
}

.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
	stroke-width: 2px
}

.c3-target.c3-defocused {
	opacity: .3 !important
}

.c3-region {
	fill: #4682b4;
	fill-opacity: .1
}

.c3-brush .extent {
	fill-opacity: .1
}

.c3-legend-item {
	font-size: 13.8px
}

.c3-legend-item-hidden {
	opacity: .15
}

.c3-legend-background {
	opacity: .75;
	fill: #ffffff;
	stroke: #d3d3d3;
	stroke-width: 1
}

.c3-title {
	font: 14px sans-serif
}

.list p i,
.list ul[dir=ltr] i,
div.introductionModule div.gridModule table td em,
div.list div.text table td em {
	font-style: italic
}

.c3-tooltip-container {
	z-index: 10
}

.c3-tooltip {
	empty-cells: show;
	opacity: .9
}

.c3-tooltip th {
	font-size: 16.1px;
	padding: 2px 5px;
	text-align: left;
	color: #ffffff
}

.c3-tooltip td {
	background: #e9edf0;
	font-size: 14.95px;
	padding: 20px 15px;
	font-family: Helvetica
}

.c3-tooltip td>span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 6px
}

.c3-tooltip td h5 {
	margin: 0
}

.c3-area {
	stroke-width: 0;
	opacity: .2
}

.c3-chart-arcs-title {
	dominant-baseline: middle;
	font-size: 1.3em
}

.c3-chart-arcs .c3-chart-arcs-background {
	fill: #e0e0e0;
	stroke: none
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
	fill: #000000;
	font-size: 18.4px
}

.c3-chart-arcs .c3-chart-arcs-gauge-max,
.c3-chart-arcs .c3-chart-arcs-gauge-min {
	fill: #777777
}

.c3-chart-arc .c3-gauge-value {
	fill: #000000
}

.barContainer label,
.barContainer span {
	position: absolute;
	top: 320px;
	padding: 0 0 0 20px;
	font-family: Roboto-normal
}

.barContainer label {
	font-size: 1.41667em
}

.datagrid td,
.datagrid th {
	font-size: 16.1px;
	padding: 23px 25px;
	border: 1px solid #dcd9d5;
	word-break: normal;
	text-align: center;
	overflow: hidden
}

.datagrid {
	width: 100%;
	margin: 0 0 100px
}

.datagrid img,
div#hero img {
	margin: 0 auto
}

.datagrid th {
	font-family: Futura-bold;
	font-weight: 400
}

.datagrid td {
	font-family: Roboto-normal
}

.datagrid td strong {
	display: block;
	font-weight: 400
}

.datagrid .tg-e3zv {
	font-weight: 700
}

@media (max-width: 959px) {
	.datagrid .datagrid-header {
		display: none
	}
	.datagrid .datagrid-row,
	.datagrid .datagrid-row td {
		display: block
	}
	.datagrid .datagrid-row td:before {
		content: attr(data-heading) ":";
		display: inline-block;
		min-width: 6em;
		font-family: Futura-bold;
		font-size: 16.1px;
		font-weight: 400;
		padding: 0 10px
	}
	div#hero img {
		position: absolute;
		top: 0;
		left: -350px;
		max-width: none;
		max-height: none
	}
}

div#hero {
	position: relative;
	min-height: 500px
}

div#hero:after {
	content: '';
	display: table;
	clear: both
}

@media (max-width: 480px) {
	div#hero img {
		left: -670px
	}
}

div#hero div.heroSlider {
	position: relative
}

div#hero div.heroSlider div.heroSlide {
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

div#hero div.heroSlider div.heroSlide div.heroSlideContent {
	position: absolute;
	left: 60px;
	bottom: 23%;
	color: #ffffff
}

div#hero div.heroSlider div.heroSlide a.mobileCtaM02 {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2
}

@media (max-width: 959px) {
	div#hero div.heroSlider div.heroSlide div.heroSlideContent {
		bottom: 38%;
		margin-left: 0;
		text-align: center;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 80%
	}
}

div#hero div.heroSlider div.heroSlide div.heroSlideContent h1 {
	display: block;
	margin: 0 0 90px;
	font-size: 3.16667em;
	line-height: 1.17em;
	color: #ffffff;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

div#hero div.heroSlider div.heroSlide--custom div.heroSlideContent h1 {
	margin-bottom: 35px;
	font-size: 3.66em
}

div#hero div.heroSlider div.heroSlide--custom div.heroSlideContent h2 {
	color: #ffffff;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	margin-bottom: 22px;
	font-size: 1.58em;
	max-width: 800px
}

div#hero div.heroSlider div.heroSlide--custom div.heroSlideContent a {
	position: relative
}

div#hero div.heroSlider div.heroSlide div.heroSlideContent h1 .mobile {
	display: none
}

@media screen and (min-width: 481px) and (max-width: 959px) {
	div#hero div.heroSlider div.heroSlide div.heroSlideContent h1 {
		margin: 0;
		font-size: 2.5em
	}
	div#hero div.heroSlider div.heroSlide--custom div.heroSlideContent h1 {
		margin-bottom: 15px
	}
	div#hero div.heroSlider div.heroSlide--custom div.heroSlideContent h2 {
		margin-bottom: 10px
	}
}

@media (max-width: 480px) {
	div#hero div.heroSlider div.heroSlide div.heroSlideContent h1 {
		font-size: 1.5em;
		margin: 0 0 9px
	}
	div#hero div.heroSlider div.heroSlide--custom div.heroSlideContent h1 {
		font-size: 2em;
		margin-bottom: 10px;
		line-height: 1.15
	}
	div#hero div.heroSlider div.heroSlide--custom div.heroSlideContent h2 {
		padding: 0;
		font-size: 1.4em;
		margin-bottom: 10px
	}
	div#hero div.heroSlider div.heroSlide div.heroSlideContent h1 .mobile {
		display: inline-block
	}
	div#hero div.heroSlider div.heroSlide div.heroSlideContent h1 .desktop {
		display: none
	}
}

div#hero div.heroSlider div.heroSlide div.heroSlideContent a {
	display: block;
	color: #000000;
	font-family: Futura-bold;
	font-size: 1.5em;
	width: 288px
}

@media (max-width: 959px) {
	div#hero div.heroSlider div.heroSlide div.heroSlideContent a {
		display: none
	}
	div#hero div.heroSlider div.heroSlide a.mobileCtaM02 {
		display: block
	}
	div#hero div.heroSlider div.heroSlide div.heroSlideContent h1 {
		z-index: 1
	}
}

div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta {
	bottom: 0;
	left: 0;
	padding: 28px 0 7px 15px
}

div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: -4px 0 0 15px;
	position: relative;
	background: #fff500
}

@media (max-width: 959px) {
	div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta i {
		margin-right: 0
	}
}

div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -3px 0 0;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px
}

div#hero div.bx-controls {
	position: absolute;
	bottom: 28px;
	right: 60px
}

div#hero div.bx-controls .bx-controls-direction {
	display: none
}

@media (max-width: 959px) {
	div#hero div.bx-controls {
		display: block;
		width: 151px;
		left: 50%;
		bottom: 190px;
		margin: 0 0 0 -75px
	}
}

div#hero div.bx-controls div.bx-pager-item {
	margin: 0 8px 0 0
}

div#hero div.bx-controls div.bx-pager-item a {
	width: 45px;
	position: relative
}

div#hero div.bx-controls div.bx-pager-item a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	-webkit-transition: all 6s ease-in-out;
	-moz-transition: all 6s ease-in-out;
	-ms-transition: all 6s ease-in-out;
	-o-transition: all 6s ease-in-out;
	transition: all 6s ease-in-out
}

div#hero div.bx-controls div.bx-pager-item a.active:after {
	width: 100%;
	background: #fff500
}

div#hero div.mobileHeroNavigation {
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 3
}

div#hero div.mobileHeroNavigation ul {
	display: block
}

div#hero div.mobileHeroNavigation ul li {
	display: block;
	float: left;
	width: 50.04%;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	border-right: 1px solid rgba(255, 255, 255, 0.6);
	height: 70px;
	overflow: hidden;
	box-sizing: border-box
}

div#hero div.mobileHeroNavigation ul li:nth-child(even) {
	border-right: 1px solid transparent
}

div#hero div.mobileHeroNavigation ul li a {
	height: 45px;
	display: block;
	position: relative;
	padding: 25px 25px 0 12px;
	color: #ffffff;
	text-align: right;
	font-size: 1.58333em;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	font-family: Futura-bold
}

.carousel-caption,
.carousel-control {
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	color: #ffffff
}

div#hero div.mobileHeroNavigation ul li a i {
	position: absolute;
	right: 5px;
	top: 28px;
	display: block;
	width: 9px;
	height: 12px;
	background: url(../images/icons/arrow-right-white.png) no-repeat
}

@media (max-width: 959px) {
	div#hero div.mobileHeroNavigation {
		display: block
	}
	div#hero div.mobileHeroNavigation ul li {
		width: 50%
	}
	div#hero div.mobileHeroNavigation ul li a {
		font-size: 1.28333em;
		overflow: hidden;
		padding-top: 19px;
		padding-right: 5vw;
		padding-left: 4vw
	}
}

@media (max-width: 480px) {
	div#hero div.mobileHeroNavigation ul li {
		display: flex;
		align-items: center
	}
	div#hero div.mobileHeroNavigation ul li a {
		line-height: 1.1;
		padding: 0 25px 0 4.5vw;
		height: auto;
		flex-grow: 1
	}
	div#hero div.mobileHeroNavigation ul li a i {
		top: 50%;
		margin-top: -6px;
		right: 2vw !important
	}
}

.carousel,
.carousel-inner {
	position: relative
}

div#hero div.mobileHeroNavigation ul li span {
	display: block;
	height: 38px;
	overflow: hidden
}

.carousel-inner {
	width: 100%;
	overflow: hidden
}

.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
	line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 23px;
	filter: alpha(opacity=50);
	opacity: .5
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x
}

.carousel-control:focus,
.carousel-control:hover {
	color: #ffffff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 50%
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 50%
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	font-family: serif
}

.carousel-control .icon-prev:before {
	content: '\2039'
}

.carousel-control .icon-next:before {
	content: '\203a'
}

.carousel-indicators {
	position: absolute;
	bottom: 28px;
	right: 60px;
	padding-left: 0;
	text-align: center;
	list-style: none
}

.carousel-indicators li {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 7px;
	margin-left: 4px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000000 \9;
	background-color: #ebebeb
}

.carousel-indicators li:after {
	content: '';
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	right: 0
}

.carousel-indicators li.active {
	background-color: #fff500
}

.carousel-indicators li.active:after {
	width: 100%;
	background: 0 0
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px
}

.carousel-caption .btn {
	text-shadow: none
}

@media (max-width: 959px) {
	div#hero div.mobileHeroNavigation ul li a i {
		right: 2vw
	}
	.carousel-indicators {
		display: block;
		width: 171px;
		left: 50%;
		bottom: 167px;
		margin: 0 0 0 -86px;
		z-index: 3
	}
	.carousel-indicators li {
		margin-left: 0
	}
}

.carousel-indicators-numbers {
	position: absolute;
	bottom: 17px;
	color: #ffffff;
	font-size: 17.25px;
	left: 42%
}

@media (max-width: 959px) {
	.carousel-indicators-numbers {
		bottom: 113px;
		right: 29px;
		left: auto
	}
}

@media (max-width: 940px) {
	.carousel-indicators-numbers {
		bottom: 136px
	}
}

@media (max-width: 516px) {
	.carousel-indicators-numbers {
		bottom: 159px
	}
}

@media (max-width: 372px) {
	.carousel-indicators-numbers {
		bottom: 182px
	}
}

@media (max-width: 298px) {
	.carousel-indicators-numbers {
		bottom: 205px
	}
}

.carousel-indicators-numbers .current-number {
	font-weight: 700
}

.carousel-indicators-numbers .delimiter {
	color: #fff500
}

div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent {
    color: inherit;
}

div#hero .tereHeroSlider div.heroSlider div.heroSlide--custom div.heroSlideContent h2,
div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent h1 {
    color: inherit;
    font-family: Futura-bold;
    text-shadow: none;
    max-width: none;
}

div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent .slider-action-button a {
    display: inline-block;
}

div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent .slider-action-button a.slider-details-link {
    color: inherit;
    font-family: Futura-bold;
    margin-left: 2em;
    width:auto;
}

.slider-action-button {
    margin-top: 60px;
}

.slider-action-rules ~ .slider-action-button {
    margin-top: 0;
}

.slider-action-rules {
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: Futura-bold;
}

.slider-action-rule {
    display: inline-block;
    width: auto;
}

.slider-action-rule:not(:last-child) {
    margin-right: 5em;
}

.slider-action-rule-text {
    display: block;
    font-weight: bold;
    font-size: 2.5em;
}

.slider-action-rule-definition {
    display: block;
    font-size: 1.2em;
}

.tereHeroSlider .carousel-indicators li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin: 0 0 0 4px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
}

.tereHeroSlider .carousel-indicators li.active {
    background-color: #fff200;
    border: none;
}

div#hero .tereHeroSlider div.heroSlider div.heroSlide .tereHeroSlide-background {
    position: absolute;
    z-index: -1;
}

div#hero .tereHeroSlider div.heroSlider div.heroSlide .tereHeroSlide-background-1 {
    display: inline-block;
    width: 500px;
    background-size: auto;
}

div#hero .tereHeroSlider div.heroSlider div.heroSlide .tereHeroSlide-background-2 {
    top: 0;
    bottom: 0;
}

div#hero .tereHeroSlider div.heroSlider div.heroSlide .tereHeroSlide-background-3 {
    display: inline-block;
    width: 50%;
    right: 0;
}

@media (max-width: 959px){
    div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent {
        position: absolute;
        bottom: 70px;
        left: auto;
        width: 100%;
        transform: none;
    }
    
    .tereHeroSlider .carousel-indicators {
        bottom: 20px;
    }
    
    div#hero .tereHeroSlider div.heroSlider div.heroSlide .tereHeroSlide-background {
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .slider-action-rule:not(:last-child) {
        margin-right: 2em;
    }
}

@media (min-width: 959px) {
    div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent{
        color: inherit;
    }

    div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent {
        position: absolute;
        display: inline-block;
        left: auto;
        bottom: 0;
        margin-left: 60px;
        margin-top: 40px;
        margin-bottom: 80px;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent {
        text-align: left;
        margin-left: 20px;
    }
}

@media (max-width: 600px) {
    .slider-action-rules {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .slider-action-rule-text {
        font-size: 2.0em;
    }

    .slider-action-rule-definition {
        font-size: 0.9em;
    }
    
    .tereHeroSlider .carousel-indicators {
        bottom: 290px;
    }
    
    div#hero .tereHeroSlider div.heroSlider .tereHeroSlide {
        display: flex;
        flex-direction: column;
    }

    div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent .slider-action-button .slider-arrange-btn {
        padding-top: 15px;
        width: auto;
    }
    
    div#hero .tereHeroSlider div.heroSlider div.heroSlide .tereHeroSlide .heroSlideContent{
        order: 2;
        bottom: 20px;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    div#hero .tereHeroSlider div.heroSlider div.heroSlide .tereHeroSlide .tereHeroSlide-background {
        position: relative;
        order: 1;
        min-height: 230px;
    }
}

@media (max-width: 500px) {
    div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent .slider-action-button a.slider-details-link {
        margin-left: 15px;
        margin-top: 20px;
    }
    
    div#hero .tereHeroSlider div.heroSlider div.heroSlide--custom div.heroSlideContent h2 {
        margin-bottom: 20px;
    }
    
    div#hero .tereHeroSlider div.heroSlider div.heroSlide div.heroSlideContent h1 {
        margin-top: 20px;
    }
    
    div#hero .tereHeroSlider div.heroSlider div.heroSlide .tereHeroSlide .tereHeroSlide-background {
        min-height: 270px;
    }
    
    .tereHeroSlider .carousel-indicators {
        bottom: 250px;
    }
    
    .slider-action-rules {
        display: none;
    }
}

.noUi-target,
.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-target {
	position: relative;
	direction: ltr
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 2px
}

.noUi-handle {
	position: relative;
	z-index: 1
}

.noUi-stacking .noUi-handle {
	z-index: 10
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left .3s, top .3s;
	transition: left .3s, top .3s
}

.noUi-state-drag * {
	cursor: inherit !important
}

.noUi-horizontal {
	height: 18px
}

.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px
}

.noUi-vertical {
	width: 18px
}

.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px
}

.noUi-background {
	background: #fafafa;
	box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
	background: #3fb8af;
	box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
	-webkit-transition: background 450ms;
	transition: background 450ms
}

.noUi-target {
	border-radius: 4px;
	border: 1px solid #d3d3d3;
	box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb
}

.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbb
}

.noUi-dragable {
	cursor: w-resize
}

.noUi-vertical .noUi-dragable {
	cursor: n-resize
}

.noUi-handle {
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #ffffff;
	cursor: default;
	box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb
}

.noUi-active {
	box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb
}

.noUi-handle:after,
.noUi-handle:before {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #e8e7e6;
	left: 14px;
	top: 6px
}

.noUi-handle:after {
	left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px
}

.noUi-vertical .noUi-handle:after {
	top: 17px
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
	background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-origin {
	cursor: not-allowed
}

ul[dir=ltr] {
	list-style: disc inside
}

ol[dir=ltr] {
	list-style: decimal inside
}

ol[dir=ltr],
ul[dir=ltr] {
	font-family: Roboto-normal;
	font-size: 1.33333em;
	line-height: 1.375em;
	margin-bottom: 15px;
	padding: 0 0 0 20px
}

ol[dir=ltr] li,
ul[dir=ltr] li {
	display: list-item !important;
	padding: 0 0 7px !important;
	list-style-position: outside;
	overflow: visible !important
}

div.accordion div.items ol[dir=ltr],
div.accordion div.items ul[dir=ltr],
div.vertical div.items ol[dir=ltr],
div.vertical div.items ul[dir=ltr] {
	line-height: 1.2em;
	font-size: 1em
}

div.accordion h4,
div.vertical h4 {
	font-size: 1.8em
}

div.accordion p.mobile-padding,
div.vertical p.mobile-padding {
	font-size: 1.3em
}

@media (max-width: 959px) {
	div.accordion p.mobile-padding,
	div.vertical p.mobile-padding {
		padding-left: 2vw;
		padding-right: 2vw
	}
}

@media (max-width: 480px) {
	div.accordion h4.mobile-padding,
	div.vertical h4.mobile-padding {
		padding-left: 3vw;
		padding-right: 3vw
	}
	div.accordion p.mobile-padding,
	div.vertical p.mobile-padding {
		padding-left: 3vw;
		padding-right: 3vw
	}
}

div.advantages div.content ol[dir=ltr],
div.advantages div.content ul[dir=ltr] {
	line-height: 1.2em;
	padding: 0
}

div.list div.content ol[dir=ltr],
div.list div.content ul[dir=ltr] {
	line-height: 1em;
	padding: 0
}

div.list div.text ol[dir=ltr],
div.list div.text ul[dir=ltr] {
	line-height: 1.375em;
	padding: 0
}

@media (max-width: 414px) {
	div.list div.advantages ol[dir=ltr] li,
	div.list div.advantages ul[dir=ltr] li,
	div.list div.text ol[dir=ltr] li,
	div.list div.text ul[dir=ltr] li {
		margin-left: 0
	}
}

div.comparison div.row.sub.columns1 div.compModule {
	width: 75%
}

div.comparison div.row.sub.columns2 div.compModule {
	width: 38%
}

div.comparison div.row.sub.columns3 div.compModule {
	width: 33%
}

div.comparison div.row.sub.columns4 div.compModule {
	width: 24.5%
}

div.comparison div.row.sub.columns4 div.td {
	height: 76px
}

div.comparison div.row.sub.columns5 div.compModule {
	width: 19.5%
}

div.comparison div.row.sub.columns6 div.compModule {
	width: 16%
}

div.comparison div.row.sub.subCTA {
	position: relative;
	left: -1px
}

div.comparison div.row.sub.subCTA div.compModule {
	padding-top: 37px;
	height: 48px
}

div.comparison div.row.sub {
	width: 70% !important
}

div.introductionModule {
	padding: 40px 0 0
}

div.comparison,
div.list {
	padding: 50px 0 0
}

.gridSystem .grid.x12.comparison,
div.comparison {
	margin: 0
}

div.faqBoxModule,
div.lastProductsModule,
div.multiTeaserModule {
	margin: 50px 0 0
}

div.footer-block div.faqBoxModule,
div.footer-block div.lastProductsModule,
div.footer-block div.multiTeaserModule {
	margin: 50px 0 0
}

div.quickLinks div.lastProductsModule {
	margin-top: 0
}

footer {
	margin-top: 50px
}

footer ul li a:focus,
footer ul li a:visited {
	color: #8a8f92
}

.home footer {
	margin-top: 0
}

div.index div.loan {
	margin: 0
}

.subheadlineModule {
	margin-top: 50px
}

@media screen and (max-width: 480px) {
	div.comparison,
	div.list {
		padding: 40px 0 0
	}
	div.faqBoxModule,
	div.lastProductsModule,
	div.multiTeaserModule {
		margin: 40px 0 0
	}
	.subheadlineModule,
	footer {
		margin-top: 40px
	}
}

header div#topNav ul.topNavLanguages {
	display: none !important
}

div.introductionModule h2.primaryHeading {
	text-align: right;
	margin-right: 15px
}

@media screen and (min-width: 481px) and (max-width: 959px),
screen and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) and (max-device-width: 1279px) {
	div.introductionModule h2.primaryHeading {
		text-align: left
	}
	.intro .sidebar.gridModule.y0 {
		display: none !important
	}
}

div.singleTeaserModule {
	margin: 50px 0 0;
	border-right: 1px solid #ffffff
}

@media screen and (max-width: 480px) {
	div.introductionModule h2.primaryHeading {
		text-align: left
	}
	.intro .sidebar.gridModule.y0 {
		display: none !important
	}
	div.singleTeaserModule {
		margin: 40px 0 0
	}
}

div.gridModule div.heading {
	margin-top: 50px
}

.page-img {
	background-size: cover;
	background-position: center;
	height: 52px
}

.inverted div#mainNav div.mainNavContent {
	border-bottom: none
}

div.list div.text ul li div.content a.rzbLink1 {
	position: relative;
	top: -10px;
	margin-bottom: 12px;
	font-size: 1.166em;
	padding-right: 31px;
	color: #000000;
	font-family: Futura-bold;
	display: inline-block
}

div.rbrCta {
	min-height: 45px;
	bottom: 0;
	position: initial
}

div#mainNav ul div.noTeaserSub {
	padding-right: 0
}

div#mainNav ul div.noTeaserSub div.introModule {
	width: 25.5%
}

div#mainNav ul div.noTeaserSub .subModuleArticlesWrap {
	padding: 0 0 0 25.5%
}

div#mainNav ul div.sub div.subModule div.subList .sub-heading {
	padding: 0;
	height: 0
}

div.teaserHidden {
	display: none !important
}

div.dropTeaser div.dropTeaserContent ul.m38-Desktop li {
	margin-right: 15px;
	width: initial !important
}

div#welcome div.campaignContainer {
	position: absolute;
	width: 976px;
	height: 507px;
	background: #fff500;
	box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.2);
	font-family: Roboto-normal
}

div#welcome div.campaignContainer div.campaignHeadline {
	height: 80px;
	background: #ffffff;
	text-align: center
}

div#welcome div.campaignContainer div.campaignHeadline h1 {
	padding-top: 24px
}

div#welcome div.campaignContainer div.campaignSubheadline {
	margin: 30px 40px;
	font-size: 1.1em;
	text-align: center
}

div#welcome div.campaignContainer div.campaignSubheadline strong {
	font-family: Futura-bold
}

div#welcome div.campaignContainer div.campaignTopics {
	margin: 70px auto;
	text-align: center
}

div#welcome div.campaignContainer div.campaignTopics ul {
	display: block
}

div#welcome div.campaignContainer div.campaignTopics ul li {
	display: inline-block;
	width: 11%;
	border-right: 1px solid #4b4843;
	box-shadow: 1px 0 0 #706d68;
	padding: 14px 30px
}

div#welcome div.campaignContainer div.campaignTopics ul li h2 {
	font-size: 1.5em
}

div#welcome div.campaignContainer div.campaignTopics ul li p {
	margin-bottom: 0;
	line-height: 1.4em
}

div#welcome div.campaignContainer div.campaignTopics ul li:first-child {
	padding-left: 0
}

div#welcome div.campaignContainer div.campaignTopics ul li:last-child {
	border: none;
	box-shadow: none;
	padding-right: 0
}

div#welcome div.campaignContainer div.campaignAction {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 20px 20px 0
}

div#welcome div.campaignContainer div.campaignAction a {
	display: block;
	color: #000000;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	font-size: 1.33333em
}

a.simple-btn,
div.overlay a.backCTA {
	font-family: Futura-bold
}

div#welcome div.campaignContainer div.campaignAction a i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	background: url(../images/icons/arrow-right-boxed.png) no-repeat
}

div#welcome div.campaignContainer div.campaignAction a span {
	display: block;
	float: right;
	padding: 0 10px 0 0;
	line-height: 35px
}

@media (max-width: 959px) {
	div#welcome div.campaignContainer {
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		margin-left: 0;
		margin-top: 0
	}
	div#welcome div.campaignContainer div.campaignHeadline {
		height: 50px
	}
	div#welcome div.campaignContainer div.campaignHeadline h1 {
		padding-top: 16px;
		font-size: 1.5em
	}
	div#welcome div.campaignContainer div.campaignSubheadline {
		margin: 10px 15px;
		text-align: left
	}
	div#welcome div.campaignContainer div.campaignSubheadline p {
		line-height: 1.25em
	}
	div#welcome div.campaignContainer div.campaignTopics {
		text-align: left;
		margin: 10px auto
	}
	div#welcome div.campaignContainer div.campaignTopics ul li {
		display: block;
		width: 100%;
		border: none;
		box-shadow: none;
		padding: 6px 15px
	}
	div#welcome div.campaignContainer div.campaignTopics ul li:first-child {
		padding-left: 15px
	}
	div#welcome div.campaignContainer div.campaignTopics ul li h2 {
		margin-left: 0 !important;
		font-size: 1em;
		margin-bottom: 0
	}
	div#welcome div.campaignContainer div.campaignAction {
		position: initial
	}
}

@media (max-width: 480px) {
	div#welcome div.campaignContainer div.campaignHeadline {
		height: 65px
	}
	div#welcome div.campaignContainer div.campaignSubheadline p {
		line-height: 1.5em
	}
	div#welcome div.campaignContainer div.campaignTopics ul li h2 {
		font-size: 1.3em;
		margin-bottom: 4px
	}
}

@media (max-height: 360px) {
	div#welcome div.campaignContainer div.campaignAction {
		position: fixed
	}
}

div.overlay a.backCTA {
	font-size: 20.7px;
	color: #000000
}

div.flexiCredit a.backCTA:hover i b,
div.flexiCredit button.backCTA:hover i b,
div.overlay a.backCTA:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

div.flexiCredit a.backCTA i,
div.overlay a.backCTA i {
	position: relative;
	display: block;
	float: left;
	width: 35px;
	height: 28px;
	margin: 0 0 0 -12px
}

div.flexiCredit a.backCTA i b,
div.overlay a.backCTA i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -7px 0 0;
	content: '';
	background: url(../images/icons/arrow-left-small.png) no-repeat;
	right: 13px
}

.news.grid.x12.y12.z4:first-child {
	margin-top: 50px
}

.news.grid.x12.y12.z4 {
	margin-top: 15px
}

div.x3 .promotionModule {
	margin-top: 50px
}

.socialSharing img {
	width: 20px;
	float: left;
	padding-right: 5px
}

div.galery-link {
	background-color: #34393c;
	height: 60px;
	margin-top: -6px;
	display: flex;
	align-items: center;
	padding-left: 10px
}

div.galery-link span h4 {
	color: #ffffff;
	font-size: 20.7px
}

a.simple-btn {
	display: block;
	min-height: 40px;
	color: #000000;
	font-size: 1.08333em
}

a.simple-btn i {
	position: relative;
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	margin: 6px 0 0
}

a.simple-btn i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -7px 0 0;
	content: '';
	background: url(../images/icons/arrow-right-white.png) no-repeat;
	right: 13px
}

a.simple-btn span {
	float: left;
	padding: 5px 0 0;
	margin-right: 3px;
	font-size: 18.4px
}

a.simple-btn:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

a.imageLink {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	position: absolute
}

.noGutterMobile {
	margin-top: 50px
}

div.dropTeaser div.dropTeaserContent select {
	position: relative;
	width: 80%;
	min-width: 200px;
	font-family: Roboto-normal;
	font-size: 1.16667em;
	color: #000000
}

select:focus::-ms-value {
	background: 0 0;
	color: #000000
}

div.dropTeaser div.dropTeaserContent select {
	text-align: left;
	position: relative;
	background: #e9edf0;
	border: 1px solid #d4d5d7;
	padding: 14px 14px 9px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

div.dropTeaser div.dropTeaserContent select div.main a {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	text-indent: -9999px;
	background: url(../images/icons/arrow-bottom-black.png) center center no-repeat #fff500
}

div.dropTeaser div.dropTeaserContent div.subCopy {
	margin: 13px 10px 0;
	font-size: 1em;
	font-family: Roboto-normal;
	color: #cfcfcf
}

.paperVsOnlineContainer {
	margin-top: 50px
}

.inverted div#mainNav div.mobileMenu a bdi,
.inverted div#mainNav div.mobileMenu a bdi:after,
.inverted div#mainNav div.mobileMenu a bdi:before {
	background: #ffffff
}

.inverted div#mainNav div.mobileMenu a.toggle {
	color: #ffffff
}

@media (max-width: 959px) {
	.inverted div#mainNav.active .mobileMenu bdi {
		background: 0 0
	}
}

@media screen and (max-width: 480px) {
	#contentNav .navItems li a {
		padding: 10px 32px 8px 20px
	}
}

div#mainNav ul div.sub div.subThumbsHorizontal {
	position: absolute;
	bottom: 0;
	right: -1px;
	width: 100%;
	z-index: 6000
}

div#mainNav ul div.sub div.subThumbsHorizontal div.subThumbsContent {
	display: block;
	padding-left: 25%
}

div#mainNav ul div.sub div.subThumbsHorizontal div.subThumbItem:first-child {
	width: 33.34%
}

div#mainNav ul div.sub div.subThumbsHorizontal div.subThumbItem {
	position: relative;
	display: block;
	height: 173px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 33.33%;
	float: left
}

div#mainNav ul div.sub div.subThumbsHorizontal div.subThumbItem div.thumbContent {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	bottom: 0;
	text-align: right
}

div#mainNav ul div.sub div.subThumbsHorizontal div.subThumbItem div.thumbContent a {
	right: 0;
	position: absolute;
	bottom: 1px;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-size: 18.4px;
	font-weight: 400;
	z-index: 11
}

div#mainNav ul div.sub div.subThumbsHorizontal div.subThumbItem div.thumbContent span {
	display: block;
	position: relative;
	font-family: Futura-bold;
	line-height: 1;
	padding-right: 60px
}

div#mainNav ul div.sub div.subThumbsHorizontal div.subThumbItem div.thumbContent a.uiAnimatedArrow i {
	margin: 0 16px 0 0;
	bottom: 5px
}

.intro .welcome p a,
div.vertical ol.desktop-ol>li span a,
div.accordion ol.desktop-ol>li a,
div.list div.heading h2 a,
.sm-table__cell a,
ol.smartfox li a,
ul.smartfox li a,
.introductionModule p a,
.introductionModule p a:active,
.introductionModule p a:visited,
.list p a,
.list p a:active,
.list p a:visited,
div.accordion li .content p a,
div.vertical li .content p a,
div.accordion p a,
.packages .content p a,
div.vertical p a,
.sm-table__cell p a,
.sm-table__cell h2 a,
.sm-table__cell h3 a,
.sm-table__cell h1 a,
div.vertical li a,
.helpHalf .content a,
div.index div.list h3 a,
div.list div.advantages ul li div.content>h4 a,
div.list div.text ul li div.content>h4 a,
.desktop-ul--bullet li a {
	color: #000000;
	text-decoration: underline
}

.intro .welcome p a:hover,
div.vertical ol.desktop-ol>li span a:hover,
div.accordion ol.desktop-ol>li a:hover,
div.list div.heading h2 a:hover,
.sm-table__cell a:hover,
ol.smartfox li a:hover,
ul.smartfox li a:hover,
.introductionModule p a:hover,
.introductionModule p a:active:hover,
.introductionModule p a:visited:hover,
.list p a:hover,
.list p a:active:hover,
.list p a:visited:hover,
div.accordion li .content p a:hover,
div.vertical li .content p a:hover,
div.accordion p a:hover,
.packages .content p a:hover,
div.vertical p a:hover,
.sm-table__cell p a:hover,
.sm-table__cell h2 a:hover,
.sm-table__cell h3 a:hover,
.sm-table__cell h1 a:hover,
div.vertical li a:hover,
.helpHalf .content a:hover,
div.index div.list h3 a:hover,
div.list div.advantages ul li div.content>h4 a:hover,
div.list div.text ul li div.content>h4 a:hover,
.desktop-ul--bullet li a:hover {
	color: #454d50;
	text-decoration: none
}

.helpHalf .content a {
	font-weight: 700;
	font-size: 1.1em;
	display: inline-block;
	padding-top: 3px
}

div.vertical li.expanded a {
	text-decoration: none
}

.intro .welcome p strong {
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.icheckbox_minimal,
.iradio_minimal {
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0;
	padding: 0;
	width: 18px;
	height: 18px;
	background: url(../images/modules/branchfinder/minimal.png) no-repeat;
	border: none;
	cursor: pointer
}

.icheckbox_minimal {
	background-position: 0 0
}

.icheckbox_minimal.hover {
	background-position: -20px 0
}

.icheckbox_minimal.checked {
	background-position: -40px 0
}

.icheckbox_minimal.disabled {
	background-position: -60px 0;
	cursor: default
}

.icheckbox_minimal.checked.disabled {
	background-position: -80px 0
}

.iradio_minimal {
	background-position: -100px 0
}

.iradio_minimal.hover {
	background-position: -120px 0
}

.iradio_minimal.checked {
	background-position: -140px 0
}

.iradio_minimal.disabled {
	background-position: -160px 0;
	cursor: default
}

.iradio_minimal.checked.disabled {
	background-position: -180px 0
}

@media (-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	.icheckbox_minimal,
	.iradio_minimal {
		background-image: url(../images/modules/branchfinder/minimal@2x.png);
		-webkit-background-size: 200px 20px;
		background-size: 200px 20px
	}
}

div#mainNav ul div#new-MDD {
	position: absolute;
	right: 0;
	left: auto;
	width: 70%;
	padding-right: 0;
	min-height: 400px
}

div#mainNav ul div#new-MDD .subModuleArticlesWrap {
	padding: 0;
	min-height: 400px
}

div#mainNav ul div#new-MDD div.subModule div.subList .sub-heading {
	width: 72%
}

.inverted div#mainNav ul li a.heading,
div.new-MDD-article a span {
	color: #000000
}

div.new-MDD-article>div {
	position: relative
}

div.new-MDD-article div h2 {
	display: block;
	position: absolute;
	left: 10px;
	bottom: 0;
	color: #ffffff
}

div.new-MDD-article div.article-text {
	padding: 20px 60px 40px 10px;
	background-color: #ffffff
}

div.new-MDD-article div.article-text p {
	font-size: 17.25px
}

div.new-MDD-article div.article-text a span {
	font-size: 16.1px
}

@media screen and (max-width: 480px) {
	div.introductionModule {
		padding: 5vw 0 0
	}
	#acctContainer_exchangeConvertor h3,
	#exchContainer_exchangeConvertor h3 {
		font-size: 1.3em
	}
}

header.inverted div#topNav {
	background-color: #ffffff;
	z-index: 918600
}

header.inverted div#topNav ul a.active,
header.inverted div#topNav ul a:hover {
	color: #000000
}

header.inverted div#topNav div.topNavContent .pullRigthWrapper:after {
	background-color: silver
}

.inverted div#mainNav {
	background-color: #34393c
}

.inverted div#mainNav div#logo a {
	background: url(../images/common/logo-white.png) no-repeat;
	background-size: contain
}

.inverted div#mainNav ul a {
	color: #ffffff
}

body div#navigationOverlay {
	top: 40px
}

.downloadExcel {
	display: block;
	font-size: 1em;
	margin: 0 !important;
	width: 100%;
	float: left;
	position: relative;
	text-align: right
}

.downloadExcel a,
.downloadExcel a i {
	display: block;
	float: right;
	position: relative
}

.downloadExcel a {
	clear: both;
	color: #000000;
	font-family: Futura-bold;
	font-size: 13.8px;
	text-align: left
}

.downloadExcel a i {
	background: #fff500;
	height: 30px;
	margin: -4px 2px 0 6px;
	width: 30px
}

.downloadExcel a i b {
	background: url(../images/icons/arrow-right-black.png) no-repeat transparent;
	content: "";
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 9px;
	top: 10px;
	width: 10px
}

.downloadExcelContainer .downloadExcel a {
	padding-right: 15px;
	font-size: 18.4px
}

.downloadExcelContainer .downloadExcel a i {
	width: 35px;
	height: 35px;
	margin-left: 10px
}

@media (min-width: 821px) {
	.downloadExcelContainer .downloadExcel {
		display: none
	}
}

div.introductionModule div.gridModule table,
div.list div.text table {
	width: 100%;
	border: 1px solid #dddddd;
	text-align: left;
	font-family: Roboto-normal;
	font-size: 14.95px;
	margin-top: 20px;
	margin-bottom: 20px
}

div.introductionModule div.gridModule table tr,
div.list div.text table tr {
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd
}

div.introductionModule div.gridModule table tr:hover,
div.list div.text table tr:hover {
	background-color: #fff500
}

div.introductionModule div.gridModule table tr:hover td[rowspan],
div.list div.text table tr:hover td[rowspan] {
	background-color: #ffffff
}

div.introductionModule div.gridModule table td,
div.list div.text table td {
	padding: 5px 15px;
	border-right: 1px solid #dddddd
}

div.introductionModule div.gridModule table td strong,
div.list div.text table td strong {
	font-family: Futura-bold
}

@media screen and (max-width: 959px) {
	div.introductionModule div.gridModule table,
	div.list div.text table {
		font-size: 13.8px
	}
	div.introductionModule div.gridModule table td,
	div.list div.text table td {
		padding: 3px 5px;
		border-right: 1px solid #dddddd
	}
}

@media screen and (max-width: 480px) {
	div.introductionModule div.gridModule table,
	div.list div.text table {
		font-size: 12.65px
	}
}

button.custom.compChosen {
	background: grey
}

#centerPanelComparison .compModule {
	min-height: 50px
}

@media (max-width: 960px) {
	#centerPanelComparison button.custom i {
		display: none
	}
}

@media (max-width: 820px) {
	.gridSystem .grid.y12.comparison {
		display: none
	}
	.gridSystem .grid.y12.flexiE2E {
		display: block
	}
	#centerPanelComparison div.compModule.heading {
		width: 15%
	}
	#centerPanelComparison div.compModule.heading h2 {
		padding: 26px 25px 0 0
	}
	#centerPanelComparison div.comparison div.row.sub {
		width: 84% !important
	}
	#centerPanelComparison .compModuleContent.bordered {
		padding: 21px 0 9px 5px
	}
	#centerPanelComparison .grid.x12.comparison {
		padding: 0
	}
	#centerPanelComparison .compModuleContent.bordered p {
		word-wrap: break-word
	}
}

.footer-social {
	display: flex;
	width: 100%;
	margin-bottom: 32px;
	margin-top: 24px
}

.footer-social--contacts {
	margin: 0 !important;
	padding: 2px 0 0 !important
}

.footer-social--contacts .footer-social__item a {
	width: auto;
	background: none
}

.footer-social__item {
	margin-right: 10px
}

.footer-social__item a {
	font-size: 0;
	width: 39px;
	height: 39px;
	display: block;
	background: #393f43 url("../images/icons/social--vk.png") center no-repeat
}

.footer-social__item a:hover {
	background-color: #434c51
}

.footer-social__item--tw a {
	background-image: url("../images/icons/social--tw.png")
}

.footer-social__item--fb a {
	background-image: url("../images/icons/social--fb.png")
}

.footer-social__item--inst a {
	background-image: url("../images/icons/social--rss.png")
}

@media (max-width: 959px) {
	.footer-social {
		padding-left: 1vw;
		margin-top: 30px;
		margin-bottom: 0
	}
}

@keyframes btn-shake {
	20% {
		transform: translateX(13px)
	}
	40% {
		transform: translateX(0px)
	}
	50% {
		transform: translateX(8px)
	}
	60% {
		transform: translateX(0px)
	}
	80% {
		transform: translateX(3px)
	}
	0%,
	100% {
		transform: translateX(0px)
	}
}

@media (min-width: 960px) {
	.main-nav a.gtmNavigation:hover i,
	a:hover i,
	button:hover i {
		animation: btn-shake 1.5s ease-in infinite !important
	}
	.main-nav a.gtmNavigation:hover i b,
	a:hover i b,
	button:hover i b {
		animation: btn-shake 1.5s ease-in infinite !important
	}
	.main-nav a.gtmNavigation:hover i.key,
	a:hover i.key,
	button:hover i.key {
		animation: none !important
	}
	.main-nav a.gtmNavigation:hover b,
	a:hover b,
	button:hover b {
		animation: btn-shake 1.5s ease-in infinite !important
	}
	.main-nav a.gtmNavigation:not(:hover) i,
	a:not(:hover) i,
	button:not(:hover) i {
		animation: none !important
	}
	.main-nav a.gtmNavigation:not(:hover) i b,
	a:not(:hover) i b,
	button:not(:hover) i b {
		animation: none !important
	}
	.main-nav a.gtmNavigation:not(:hover) i.key,
	a:not(:hover) i.key,
	button:not(:hover) i.key {
		animation: none !important
	}
	.main-nav a.gtmNavigation:not(:hover) b,
	a:not(:hover) b,
	button:not(:hover) b {
		animation: none !important
	}
	div.index div.accordion div.items ul li.expanded a:hover i,
	div#tools ul li a:hover i,
	div.subheadlineModule div.contentModule div.moduleHeading a:hover i,
	div.textTeaser a.teaserContent:hover i,
	.main-nav a:hover i,
	a.handle:hover i,
	a.cta:hover i,
	.footer-block a:hover i,
	div#mainNav ul div.sub div.subModule div.subList ul a:hover i,
	div.home div.homeModule div.homeModuleCTA a:hover i,
	section#lifestage2 div.lifeSlide a.uiAnimatedArrow span:hover i,
	div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a:hover i,
	div.dropTeaser div.dropTeaserContent div.select div.main a:hover i,
	a.simple-btn:hover i,
	.sm-calculate__link:hover i,
	.curr-calculate__link:hover i,
	div#mainNav ul div.sub div.subModule div.subList a.heading:hover i,
	div#mainNav ul div.sub div.subModule div.subList span.heading:hover i,
	footer a.top:hover i,
	div.index div.vertical div.verticalModule div.helpModuleCTA a:hover i,
	div.overlay a.close:hover i,
	.helpHalf a:hover i {
		animation: none !important
	}
	.offscreen-test {
		width: 100% !important
	}
	section#lifestage2 .lifeSlide.last-view-slide .lifeSliderOverlay {
		width: 100% !important;
		padding: 20px 25px 20px 32px
	}
	section#lifestage2 .lifeSlide.last-view-slide .lifeSliderOverlay p {
		line-height: 1.2
	}
}

h2.text-custom {
	text-align: right
}

@media (max-width: 959px) {
	h2.text-custom {
		text-align: left;
		padding-left: 2vw;
		padding-right: 2vw
	}
}

div.comparison h2.desktop-font {
	font-size: 1.8em
}

#aplicaButtons {
	padding-bottom: 15px
}

.desktop-ol {
	font-family: Roboto-normal;
	font-size: 1.33em;
	line-height: 1em;
	padding: 10px 0 20px
}

.desktop-ol li {
	position: relative;
	padding: 0 0 0.6em 22px !important
}

.desktop-ol li b {
	position: absolute;
	left: 0;
	font-weight: 700
}

.welcome .desktop-ol {
	padding-top: 0;
	font-size: 1em
}

.desktop-ol--cards {
	padding-top: 0
}

@media (max-width: 959px) {
	.desktop-ol--cards {
		padding: 0 2vw 20px
	}
}

@media (max-width: 480px) {
	.desktop-ol--cards {
		padding: 0 3vw 20px
	}
}

footer .gridSystem .grid.x12 .gridModule.x2.desktop-padding {
	padding-left: 19px;
	box-sizing: border-box
}

div.comparison div.row div.compModule div.compModuleHeading.desktop-border {
	border-bottom: none
}

div.desktop-table .gridSystem .grid.x12 {
	display: flex;
	flex-wrap: wrap
}

div.desktop-table .grid.x12 {
	display: flex
}

div.desktop-table div.row.sub {
	display: flex
}

div.desktop-table .grid.x12.desktop-button {
	display: block
}

div.desktop-table .grid.x12.desktop-button.products {
	margin-bottom: 50px
}

div.desktop-table .row.sub.bordered.columns2 a.compModuleCTA {
	width: 86%;
	left: 7%
}

div.list div.text h4.mobile-font {
	font-size: 2.6em
}

div.list p b {
	font-weight: 700;
	line-height: 1.6em
}

div.list div.text h4.desktop-font {
	font-size: 1.6em
}

.stuckMenu.isStuck {
	top: 58px !important;
	z-index: 999
}

.anchor {
	position: relative;
	top: -20px
}

.indexContent--hide {
	display: none !important
}

div.textTeaser.discounts {
	height: 335px;
	border: none
}

div.textTeaser.discounts a.teaserContent {
	height: 300px;
	padding: 0 20px;
	border: none
}

div.textTeaser.discounts a.teaserContent div.heading {
	width: 100%;
	padding-bottom: 15px;
	max-width: 299px;
	margin: 0 auto;
	float: none
}

div.textTeaser.discounts a.teaserContent div.heading img {
	width: 100%
}

div.textTeaser.discounts a.teaserContent div.content, div.content-2 {
	max-width: 299px;
	margin: 0 auto;
	padding-right: 0
}

div.textTeaser.discounts .con-2__wrapper {
	padding: 0 20px;
	margin-bottom: 15px;
}

div.textTeaser.discounts a.teaserContent div.content b {
	font-weight: 700
}

.footer-block {
	padding-bottom: 45px
}

.copyContent a.uiLink.v1 span {
	padding-right: 35px;
	position: relative;
	display: inline-block
}

.copyContent a.uiLink.v1 span b {
	margin-top: -6px
}

.table-text {
	padding: 20px 0;
	text-align: left;
	font-family: Roboto-normal;
	font-size: 1.3em
}

.accordion.smartfox h5 {
	font-size: 1.1em
}

.accordion.smartfox a.uiLink.v1 {
	margin-top: 5px
}

.accordion.smartfox ul.smartfox {
	list-style: disc inside;
	padding-bottom: 20px;
	line-height: 1.2
}

.accordion.smartfox ul.smartfox a {
	border: none !important;
	margin: 0 !important;
	display: inline !important;
	padding: 0 !important;
	font: inherit !important;
	text-decoration: underline !important;
	background: #ffffff !important
}

.accordion.smartfox ul.smartfox a:hover {
	text-decoration: none !important
}

.accordion.smartfox .table-text {
	padding-bottom: 0;
	margin-bottom: 0
}

ul.smartfox,
ol.smartfox {
	display: block !important;
	list-style: disc inside !important;
	padding-bottom: 20px;
	line-height: 1.33;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

ul.smartfox>li,
ol.smartfox>li {
	margin-bottom: 10px !important;
	padding: 0 !important;
	display: list-item !important
}

ul.smartfox>li:last-of-type,
ol.smartfox>li:last-of-type {
	margin-bottom: 0
}

ul.smartfox a,
ol.smartfox a {
	border: none !important;
	margin: 0 !important;
	display: inline !important;
	padding: 0 !important;
	font: inherit !important;
	text-decoration: underline !important;
	background: #ffffff !important
}

ul.smartfox a:hover,
ol.smartfox a:hover {
	text-decoration: none !important
}

.list .text ul.smartfox,
.list .text ol.smartfox,
.list .advantages ul.smartfox,
.list .advantages ol.smartfox,
.introductionModule ul.smartfox,
.introductionModule ol.smartfox {
	font-size: 1.33em
}

ol.smartfox {
	list-style: decimal inside !important
}

@media (max-width: 959px) {
	.accordion.smartfox a.uiLink.v1 {
		margin-left: 3vw;
		margin-right: 3vw
	}
	.table-text {
		padding-left: 2vw !important;
		padding-right: 2vw !important
	}
}

@media (max-width: 480px) {
	.table-text {
		padding-left: 3vw !important;
		padding-right: 3vw !important
	}
	.accordion.smartfox a.uiLink.v1 {
		margin-left: 5vw;
		margin-right: 5vw
	}
}

section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--1 {
	background-image: url("../images/_index/main-min-slider/1/420х194.jpg")
}

section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--2 {
	background-image: url("../images/_index/main-min-slider/2/420х194.jpg")
}

section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--3 {
	background-image: url("../images/_index/main-min-slider/5/420х194.jpg")
}

section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--4 {
	background-image: url("../images/_index/main-min-slider/4/420х194.jpg")
}

section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--1 {
	background-image: url("../images/_image-link-menu/main-about/1/420х194.jpg")
}

section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--2 {
	background-image: url("../images/_image-link-menu/main-about/2/420х194.jpg")
}

section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--3 {
	background-image: url("../images/_image-link-menu/main-about/5/420х194.jpg")
}

section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--4 {
	background-image: url("../images/_image-link-menu/main-about/4/420х194.jpg")
}

.lifeStageModule--business {
	margin-top: 1px
}

.disclaimer {
	font-size: 1.2em !important
}

.margin-bottom {
	margin-bottom: 50px !important
}

.margin-top {
	margin-top: 40px
}

.align-title {
	text-align: right
}

.flex-footer {
	display: flex !important
}

.flex-footer .gridModule.x2 {
	flex-grow: 1
}

.flex-footer .gridModule.x4 {
	min-width: 350px
}

.subheadlineModule.v2 .grid.x12 .grid.x12,
.subheadlineModule .grid.x12 .grid.x9 {
	display: flex;
	flex-wrap: wrap
}

.subheadlineModule.v2 .grid.x12 .grid.x12 .contentModule,
.subheadlineModule .grid.x12 .grid.x9 .contentModule {
	display: flex;
	flex-direction: column
}

.subheadlineModule.v2 .grid.x12 .grid.x12 .contentModule .content,
.subheadlineModule .grid.x12 .grid.x9 .contentModule .content {
	flex-grow: 1
}

.desktop-padding {
	padding: 0 20px
}

@media (max-width: 959px) {
	.desktop-padding {
		padding: 0 2vw
	}
}

@media (max-width: 480px) {
	.desktop-padding {
		padding: 0 3vw
	}
}

.font-bold {
	font-weight: 700
}

.custom-button {
	display: flex;
	margin: 0;
	flex-wrap: wrap
}

.custom-button h4 {
	width: 100%;
	margin-bottom: 20px
}

.custom-button .cta {
	margin-right: 20px;
	position: relative;
	width: 100% !important;
	margin-bottom: 25px;
	max-width: 210px;
	right: auto !important;
	top: auto !important
}

.custom-button .uiLink {
	width: 80%
}

.custom-button .text-link {
	font-size: 22px
}

.desktop-ul {
	margin-bottom: 20px;
	list-style: disc outside;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

.desktop-ul li {
	margin-left: 17px;
	overflow: visible !important
}

.desktop-ul--bullet {
	font-size: 1.4em;
	line-height: 1.25;
	list-style: none
}

.desktop-ul--bullet li {
	position: relative;
	margin-bottom: 15px;
	margin-left: 0;
	padding-left: 20px
}

.desktop-ul--bullet li::before {
	position: absolute;
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #000000;
	border-radius: 50%;
	left: 0;
	top: 7px
}

.desktop-ul--number {
	list-style-type: decimal
}

.flex {
	display: flex
}

.flex--contacts {
	padding-top: 2px
}

.flex--contacts a {
	margin-right: 10px;
	width: 39px
}

.flex--contacts a:last-of-type {
	margin-right: 0
}

div.index div.intro div.welcome.discount.gridModule {
	margin-bottom: 0;
	padding-left: 0.8%
}

div.index div.intro div.welcome.discount.gridModule h2 {
	margin-bottom: 0
}

div.index div.intro div.welcome.discount.gridModule p {
	font-size: 1.2em;
	margin-bottom: 7px
}

@media (max-width: 959px) {
	.wrap-text-link {
		padding-left: 2vw
	}
	div.index div.intro div.welcome.discount.gridModule {
		padding-left: 0
	}
	div.index div.intro div.welcome.discount.gridModule h2 {
		padding-left: 2vw;
		padding-right: 2vw
	}
}

div.flex--discount {
	position: relative
}

div.flex--discount .discount-image {
	flex-shrink: 0;
	width: 299px;
	margin-bottom: 20px
}

div.flex--discount .flex-item {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #f5f5f5;
	overflow: hidden;
	flex-grow: 1;
	padding: 20px 30px 30px;
	box-sizing: border-box
}

div.flex--discount .flex-item p {
	flex-shrink: 0
}

div.flex--discount .flex-item a {
	padding-top: 20px;
	display: block
}

div.flex--discount p {
	margin: 0;
	font-size: 1.49em;
	line-height: 1.1
}

div.flex--discount p b {
	line-height: 1.1
}

div.flex--uslugi .flex-item {
	padding: 20px 25px 25px
}

@media (max-width: 1300px) {
	.flex--discount {
		width: 299px
	}
	.flex--discount .flex-item {
		height: 190px;
		width: 350px;
		position: absolute;
		left: 100%;
		top: 0
	}
}

@media (max-width: 1500px) {
	.flex--uslugi {
		width: 299px
	}
	.flex--uslugi .flex-item {
		width: 420px;
		height: 190px;
		position: absolute;
		left: 100%;
		top: 0
	}
}

.uiLink.v1.custom-link {
	margin-top: 5px
}

.uiLink.v1.custom-link span {
	position: relative;
	display: inline-block;
	padding-right: 35px
}

.uiLink.v1.custom-link span b {
	margin-top: -6px
}

.uiLink.v1.custom-link--min span {
	line-height: 1.1
}

.video-module iframe {
	width: 100% !important
}

.img-icon {
	margin-right: 10px;
	width: 176px;
	height: 65px;
	font-size: 0;
	background-color: #ffffff;
	position: relative
}

.img-icon:hover {
	background-color: #d9d927
}

.img-icon:hover span {
	display: block
}

.img-icon:last-child {
	margin-right: 0
}

.img-icon span {
	display: none;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	height: 100%
}

.img-icon--google {
	background: url("../images/common/app-buttons/google.png") no-repeat
}

.img-icon--google:hover span {
	background-image: url("../images/common/app-buttons/google_hover.png")
}

.img-icon--apple {
	background: url("../images/common/app-buttons/apple.png") no-repeat
}

.img-icon--apple:hover span {
	background-image: url("../images/common/app-buttons/apple_hover.png")
}

.img-icon--windows {
	width: 201px;
	background: url("../images/common/app-buttons/windows.png") no-repeat
}

.img-icon--windows:hover span {
	background-image: url("../images/common/app-buttons/windows_hover.png")
}

.link-document {
	display: block;
	line-height: 1.1;
	padding-bottom: 12px
}

.packages .heading h2 {
	text-align: right
}

.packages .content p {
	font-size: 1.3em
}

.tablet-visible {
	display: none !important
}

.introductionModule .products div.content.item {
	font-size: 0.95em !important
}

.introductionModule .products span {
	font-size: 1.25em
}

.advantages--fixed {
	position: fixed;
	top: 58px;
	width: 100%;
	max-width: 1680px;
	z-index: 2000;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5)
}

.advantages--fixed .advantages-adnav-wrap {
	box-shadow: none
}

.advantages--fixed+.indexContent {
	padding-top: 76px !important
}

.welcome h3 {
	font-size: 1.4em
}

.gtmSelectorResult {
	position: relative;
	display: inline-block;
	padding-right: 35px
}

.gtmSelectorResult b {
	position: absolute;
	top: 50%;
	width: 11px;
	height: 14px;
	margin-top: -4px;
	right: 10px;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

.vertical .photo.item a {
	cursor: default
}

.mobile-visible {
	display: none !important
}

.smartfox-faq {
	position: relative
}

.smartfox-faq .tabCta {
	position: absolute
}

.intro,
.introductionModule .grid.x12 {
	position: relative
}

.intro .rbrCta,
.introductionModule .grid.x12 .rbrCta {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 0 !important
}

.intro .cta,
.introductionModule .grid.x12 .cta {
	bottom: 0;
	right: 95px;
	left: auto;
	font-size: 21.6px;
	padding: 25px 45px 12px 26px;
	font-family: Futura-bold;
	line-height: 1.1
}

.intro .cta i,
.introductionModule .grid.x12 .cta i {
	margin-right: 6px;
	margin-top: -4px
}

.label-wrapper {
	position: relative !important;
	float: none !important
}

.label-wrapper--text {
	margin-top: 15px;
	padding-top: 4px
}

.label-wrapper--link {
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block !important;
	min-width: 90px;
	height: 14px
}

.label-popular {
	display: block !important;
	height: 34px !important;
	width: 0;
	max-width: none !important;
	position: absolute !important;
	z-index: 1000;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	overflow: hidden;
	text-shadow: none
}

.label-popular::before {
	content: 'Популярно';
	display: block;
	position: absolute;
	vertical-align: middle;
	text-align: center;
	width: 104px;
	background: #ffffff;
	color: #000000;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	box-sizing: border-box
}

.label-popular::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0
}

.label-popular.label-popular--animation {
	animation-duration: 300ms;
	animation-delay: 300ms;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	overflow: hidden
}

.label-popular--min {
	left: 0;
	top: -27px;
	height: 22px !important;
	position: relative
}

.label-popular--min::before {
	top: 0;
	left: 0;
	background: #fff500;
	width: 80px;
	padding: 3px 0 4px;
	font-size: 15px
}

.label-popular--min::after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 7px solid transparent;
	margin-left: -7px;
	z-index: 2000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -7px;
	border-top: 12px solid #fff500;
	border-bottom: 12px solid #fff500
}

.label-popular--min::after {
	right: 3px
}

.label-popular--min.label-popular--animation {
	animation-name: label--bounce-to-left-min
}

.label-popular--link {
	left: 0;
	top: -1px
}

.label-popular--text {
	top: 2px
}

.label-popular--title {
	height: 44px !important;
	left: 100%;
	margin-left: 1px !important;
	top: -16px
}

.label-popular--title::before {
	top: 0;
	left: 0;
	padding: 10px 0 11px
}

.label-popular--title::after {
	border-top: 8px solid #ffffff;
	border-right: 8px solid transparent;
	left: 0;
	bottom: 0
}

.label-popular--title.label-popular--animation {
	animation-name: label--bounce-to-left
}

@keyframes label--bounce-to-right {
	100% {
		width: 112px
	}
}

@keyframes label--bounce-to-left {
	100% {
		width: 104px
	}
}

@keyframes label--bounce-to-left-min {
	100% {
		width: 90px
	}
}

.text-nowrap {
	white-space: nowrap !important
}

.cta--text {
	bottom: 15px !important
}

.calc-date {
	display: flex;
	padding: 13px 0 8px;
	font-size: 10px;
	line-height: 1;
	opacity: 0.5;
	font-family: Arial, sans-serif
}

.calc-date__item {
	position: relative
}

.calc-date__item:first-child {
	margin-right: 16px
}

.calc-date__item:first-child::after {
	position: absolute;
	content: '';
	display: block;
	height: 70%;
	width: 1px;
	right: -9px;
	top: 12%;
	background: #000000;
	opacity: 0.5
}

.calc-atention {
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1;
	position: relative;
	padding-left: 15px;
	opacity: 0.5;
	margin-bottom: 15px
}

.calc-atention::before {
	width: 11px;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.calc-atention::before {
	left: 0;
	top: 0;
	background: url("../images/icons/atention.png") no-repeat center
}

.toggle__list--curr {
	justify-content: flex-start !important;
	padding: 5px 0 0 !important;
	margin-bottom: 10px;
	max-width: 1000px !important
}

.toggle__list--curr .toggle__item-curr {
	width: 75px;
	height: 24px;
	padding: 0 !important;
	line-height: 24px;
	background: rgba(0, 0, 0, 0.15);
	opacity: 0.33;
	text-align: center;
	cursor: pointer
}

.toggle__list--curr .toggle__item-curr:hover,
.toggle__list--curr .toggle__item-curr.active {
	opacity: 1
}

.homeModuleRow--curr {
	padding-top: 19px !important
}

.homeModuleRow--curr div.homeModuleColumn .coll {
	top: -32px !important
}

.homeModuleRow--hide {
	display: none !important
}

#assistantHandle {
	position: fixed;
	top: 234px;
	right: -220px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.17);
	line-height: 43px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	font-size: 17px;
	height: 43px;
	padding-left: 42px;
	box-sizing: border-box;
	width: 256px;
	background: #fff500 url("../images/common/assistant.png") no-repeat 6px center;
	transition: 600ms
}

#assistantHandle:hover {
	right: 0
}

#assistant {
	position: fixed;
	top: 217px;
	cursor: pointer;
	right: -90px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.17);
	line-height: 37px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	font-size: 14px;
	height: 37px;
	padding-left: 40px;
	box-sizing: border-box;
	width: 125px;
	background: #fff500 url("../images/common/assistant.png") no-repeat 6px center;
	transition: 600ms
}

#assistant:hover {
	right: 0
}

#toolsHandle {
	position: fixed;
	top: 136px;
	right: -35px;
	height: auto;
	padding: 0;
	width: 35px;
	display: block;
	z-index: 4500;
	background: none;
	box-shadow: none
}

#toolsHandle li {
	display: block
}

#toolsHandle .hn-save {
	position: relative;
	height: 32px;
	background: #fff500 url("../images/advantages/star.png") center center no-repeat;
	box-shadow: -1px 2px 8px 0 rgba(0, 0, 0, 0.2);
	z-index: 4501
}

#toolsHandle .hn-tools {
	height: 49px;
	background: #fff500 url(../images/modules/tools/handle.png) center center no-repeat;
	box-shadow: -1px 3px 8px 0 rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 4500
}

#toolsHandle .hn-assistant {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.17);
	height: 43px;
	background: #fff500 url(../images/common/assistant.png) no-repeat center center
}

.js-input-toggle-active {
	color: #000000 !important
}

div.intro h1,
div.introductionModule h1 {
	font-size: 48px;
	line-height: 1.05;
	margin-bottom: 20px
}

div.intro h5,
div.introductionModule h5 {
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 40px
}

.accordion-img {
	width: 100%;
	text-align: center;
	margin-bottom: 20px
}

.accordion-img img {
	display: inline-block;
	max-width: 400px;
	max-height: 400px
}

div.introductionModule h5 {
	margin-bottom: 5px
}

div.introductionModule .footer-social--contacts {
	margin-top: 12px !important
}

div.introductionModule .footer-social--contacts .footer-social__item {
	margin-right: 20px
}

div.introductionModule .footer-social--contacts .footer-social__item:last-child {
	margin-right: 0
}

div.introductionModule .footer-social--contacts .footer-social__item a {
	width: 56px;
	height: 56px
}

div.introductionModule .footer-social--contacts .footer-social__item a img {
	width: 100%
}

section.error_page div.error-headline {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 30px;
	margin-bottom: 0px
}

section.error_page div.suggestions-title {
	margin-bottom: 0px;
	padding-bottom: 0
}

section.error_page div.suggestion-article {
	margin-bottom: 0px;
	padding-bottom: 30px;
	padding-top: 10px
}

section.error_page div.articles-container {
	margin-top: 140px;
	margin-bottom: 20px
}

section.error_page div.subheadlineModule.v2 div.contentModule {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #ffffff;
	width: 25%;
	margin: 0
}

section.error_page div.subheadlineModule div.contentModule div.content {
	margin-top: 20px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px
}

section.error_page div.subheadlineModule div.contentModule div.moduleHeading a {
	font-size: 19px
}

section.error_page div.suggestion-article div.suggestion-text,
section.error_page div.suggestion-article div.suggestion-text h4,
section.error_page div.suggestion-article div.suggestion-text p,
section.error_page div.suggestion-article div.suggestion-text span {
	margin: 0
}

section.error_page div.grid div.m-left-25 {
	margin-left: 26% !important;
	width: 48%
}

section.error_page div.suggestion-article div.suggestion-text span {
	color: silver;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 1.33em
}

section.error_page div.suggestion-article div.suggestion-text p a {
	color: #1d1d1b
}

section.error_page div.suggestion-article div.suggestion-text p b {
	border-bottom: 4px solid #fff500;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	font-weight: normal
}

section.error_page div.error-headline h2,
section.error_page div.suggestions-title h2 {
	font-size: 30px
}

div#results div.content {
	position: relative;
	width: 665px;
	margin: 0 auto
}

div#results div.resultList {
	padding: 36px 0 0 0
}

div#results div.resultList.recommended {
	background: #e9edf0
}

div#results div.pagination {
	overflow: hidden;
	text-align: center
}

div#results div.pagination div.controls {
	overflow: hidden;
	width: 507px;
	margin: 0 auto
}

div#results div.pagination div.controls span {
	display: block;
	float: left
}

div#results div.pagination div.controls a {
	display: inline-block;
	margin: 10px 18px 0 0;
	font-size: 1.83em;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	color: #aaaaaa
}

div#results div.pagination div.controls a.control {
	text-indent: -9999px;
	width: 35px;
	height: 35px;
	margin: 0;
	padding: 0
}

div#results div.pagination div.controls a.control.next {
	background: #fff500 url("../images/icons/arrow-right-small.png") center center no-repeat
}

div#results div.pagination div.controls a:hover,
div#results div.pagination div.controls a.active {
	color: #000000;
	border-bottom: 3px solid #fff500
}

div#results div.pagination div.controls a.control.prev {
	margin-right: 24px;
	background: #fff500 url("../images/icons/arrow-left-small.png") center center no-repeat
}

div#results div.pagination div.controls a.control {
	margin-top: 13px
}

div#results div.resultList div.resultNode {
	padding: 0 0 33px
}

div#results div.resultList div.resultNode h1 {
	margin: 0;
	font-size: 1.58em;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

div#results div.resultList div.resultNode p {
	margin: 0 0 5px 0;
	line-height: 24px;
	font-size: 1.33em;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

div#results div.resultList div.resultNode a {
	font-size: 1.33em;
	color: #acadaf
}

div#results div.resultList div.resultNode p a {
	font-size: 1.08em;
	color: #000000;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	border-bottom: 3px solid #fff500
}

div#results div.resultList div.resultNode h2 {
	margin: 0 0 6px 0;
	font-size: 1.16em;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

div#results div.search {
	margin: 70px auto 40px
}

div#results div.search form {
	position: relative
}

div#results div.search form input {
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

div#results div.search form input[type='text'] {
	height: 61px;
	line-height: 61px;
	padding: 0 0 0 13px;
	font-size: 2.41em
}

div#results div.search form input[type='submit'] {
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 100px;
	height: 59px;
	padding: 0 0 0 5px;
	border: 0;
	font-size: 1.58em;
	background: #fff500;
	cursor: pointer
}

#main.error_page div.list h4 {
	font-size: 1.58em;
	line-height: 1;
	padding: 0.25em 0
}

#main.error_page,
div#results {
	font-size: 15px
}

@media (max-width: 959px) {
	div#results div.search form input[type="text"] {
		font-size: 1.83333em;
		font-family: Roboto-normal, Helvetica, Arial, sans-serif
	}
	div#results div.pagination div.controls a.desktop-only {
		display: none
	}
	div#results div.pagination div.content {
		display: flex
	}
	div#results div.content {
		width: 92%
	}
	div#results div.pagination div.controls {
		width: auto
	}
	.introductionModule .footer-social--contacts {
		margin-left: 2vw !important
	}
	#toolsHandle {
		display: none
	}
	.calc-atention,
	.calc-date {
		margin-left: 4vw;
		margin-right: 4vw
	}
	.calc-atention {
		margin-top: 10px
	}
	.cta--text {
		bottom: 0 !important
	}
	.intro .rbrCta,
	.introductionModule .grid.x12 .rbrCta {
		position: static
	}
	.advantages--fixed {
		top: 71px;
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5)
	}
	div#mainNav div.mainNavContent {
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5)
	}
	.introductionModule .products {
		padding-bottom: 50px
	}
	.introductionModule .products div.content.item p {
		padding: 0 !important;
		margin-bottom: 10px !important
	}
	.align-title {
		text-align: left
	}
	.tablet-visible {
		display: block !important
	}
	.desktop-visible {
		display: none !important
	}
	button.custom span.buttonSpan {
		font-size: 1.5em
	}
	.id-Z7_IO8EHA82LO2I10ATCMKC3I0812i {
		padding-bottom: 71px
	}
	.lifeStageModule--business {
		margin-top: 4px
	}
	section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--1 {
		background-image: url("../images/_index/main-min-slider/1/600х194.jpg")
	}
	section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--2 {
		background-image: url("../images/_index/main-min-slider/2/600х194.jpg")
	}
	section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--3 {
		background-image: url("../images/_index/main-min-slider/5/600х194.jpg")
	}
	section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--4 {
		background-image: url("../images/_index/main-min-slider/4/600х194.jpg")
	}
	section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--1 {
		background-image: url("../images/_image-link-menu/main-about/1/600х194.jpg")
	}
	section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--2 {
		background-image: url("../images/_image-link-menu/main-about/2/600х194.jpg")
	}
	section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--3 {
		background-image: url("../images/_image-link-menu/main-about/5/600х194.jpg")
	}
	section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--4 {
		background-image: url("../images/_image-link-menu/main-about/4/600х194.jpg")
	}
	div.flex--discount {
		padding-left: 2vw;
		padding-right: 2vw;
		width: auto
	}
	div.flex--discount .flex-item {
		flex-grow: 1;
		height: auto;
		min-height: 80px;
		position: static
	}
}

@media (max-width: 959px) and (max-width: 700px) {
	div.flex--discount {
		flex-direction: column
	}
	div.flex--discount .flex-item {
		width: auto;
		min-height: 80px;
		position: static;
		background: none;
		border-left: 7px solid #000000;
		padding: 0 5px
	}
}

@media (max-width: 959px) {
	div.index.discount div.vertical {
		margin-top: 0
	}
	div.index.discount div.vertical .cta,
	div.index.discount div.vertical a.tabCtaLink.uiLink.v1 {
		margin-left: 2vw;
		margin-right: 2vw
	}
	div.index.discount .desktop-ol {
		padding-left: 2vw;
		padding-right: 2vw
	}
	div.introductionModule h2.primaryHeading,
	div.intro h1,
	div.intro h5,
	div.introductionModule p,
	div.subheadlineModule h2,
	div.subheadlineModule h1,
	div.subheadlineModule h5,
	.section.gridModule.x3 h2,
	div.welcome h3,
	div.welcome p,
	div.subheadlineModule.v2 h2,
	div.list div.heading h2,
	div.introductionModule h3.primaryHeading,
	div.index div.accordion div.heading h2,
	div.index div.vertical div.heading h2,
	h3.primaryHeading.padding-mobile,
	h4.primaryHeading.padding-mobile {
		padding-left: 2vw;
		padding-right: 2vw;
		line-height: 1.1;
		margin-bottom: 20px
	}
	.mobile-display-none {
		display: none !important
	}
	div.welcome p,
	h4.primaryHeading.padding-mobile,
	div.introductionModule p {
		line-height: 1.35
	}
	section.error_page div.subheadlineModule div.contentModule div.content {
		margin-bottom: 15px
	}
	section.error_page div.articles-container {
		margin-top: 50px
	}
}

@media screen and (max-width: 620px) {
	section.error_page div.suggestion-article {
		border-bottom: 1px solid #e7e7e7
	}
	section.error_page div.grid div.m-left-25 {
		margin-left: 12px !important;
		margin-right: 12px !important;
		width: auto
	}
	.error_page div.error-headline {
		background: #e6e8ea
	}
	.vertical.current.greyBackground {
		margin-top: 0
	}
	.vertical.current.greyBackground div.verticalModule div.verticalModuleWrapper {
		padding-top: 0 !important
	}
}

@media screen and (max-width: 480px) {
	.flex {
		flex-wrap: wrap
	}
	.introductionModule .footer-social--contacts {
		margin-left: 3vw !important
	}
	div.introductionModule h1,
	div.intro h1 {
		font-size: 38px
	}
	.sm-form {
		padding: 20px
	}
	.mobile-visible {
		display: block !important
	}
	.custom-button .cta.uiAnimatedArrow {
		margin-top: 0 !important
	}
	.wrap-text-link {
		padding-left: 3vw
	}
	.introductionModule .products div.items ul li ul li div.item.photo {
		width: 100% !important
	}
	.introductionModule .products div.items ul li ul li div.content.item {
		width: 100% !important;
		padding: 20px 0 0 !important
	}
	.introductionModule .products div.items ul li ul li div.content.item p {
		padding-left: 0;
		padding-right: 0
	}
	div.index div.intro div.welcome.discount.gridModule h2 {
		padding-left: 3vw;
		padding-right: 3vw
	}
	div.flex--discount {
		padding-left: 3vw;
		padding-right: 3vw;
		width: auto
	}
	div.flex--discount .flex-item {
		min-height: 100px
	}
	div.index.discount div.vertical .cta,
	div.index.discount div.vertical a.tabCtaLink.uiLink.v1 {
		margin-left: 3vw;
		margin-right: 3vw
	}
	div.index.discount .desktop-ol {
		padding-left: 3vw;
		padding-right: 3vw
	}
	div.introductionModule h2.primaryHeading {
		text-align: left
	}
	div.introductionModule h2.primaryHeading,
	div.introductionModule p,
	div.intro h1,
	div.intro h5,
	div.introductionModule h1,
	div.introductionModule h5,
	div.subheadlineModule h2,
	.section.gridModule.x3 h2,
	div.welcome h3,
	div.welcome p,
	div.subheadlineModule.v2 h2,
	div.introductionModule h3.primaryHeading,
	div.list div.heading h2,
	div.intro h1,
	div.intro h4,
	div.index div.accordion div.heading h2,
	div.index div.vertical div.heading h2,
	h3.primaryHeading.padding-mobile,
	h4.primaryHeading.padding-mobile {
		padding-left: 3vw;
		padding-right: 3vw
	}
	#main div.index div.help div.helpHalf {
		padding-left: 5vw;
		padding-right: 5vw
	}
	div.welcome p.not-padding {
		padding-left: 0;
		padding-right: 20px;
		line-height: 1.2;
		margin-bottom: 22px
	}
	div.singleTeaserModule .moduleContent {
		padding: 20px 50px 31px 22px
	}
}

@media screen and (max-width: 480px) and (max-width: 959px) {
	div.singleTeaserModule .moduleContent {
		padding: 20px 2vw 31px 2vw
	}
}

@media screen and (max-width: 480px) and (max-width: 480px) {
	div.singleTeaserModule .moduleContent {
		padding-left: 5vw;
		padding-right: 4vw
	}
}

@media screen and (max-width: 480px) {
	.gridSystem .grid.z4 .gridModule.z4.not-margin {
		margin-right: 0;
		margin-left: 0;
		width: 100%
	}
	.downloadExcelContainer .downloadExcel a {
		margin-top: 20px;
		padding-right: 40px
	}
	#main div.index div.accordion div.items ul li ul li div.item.content,
	#main div.index div.vertical div.items ul li ul li div.item.content {
		padding: 2vw 3vw
	}
	#main div.index div.vertical.products div.items ul li ul li div.item.content {
		padding: 0 3%
	}
	#main div.index div.vertical.products div.items ul li ul li div.item.content p {
		line-height: 1.2;
		margin-bottom: 5px
	}
	div.formElement,
	div.calculator input {
		margin: 0
	}
	div.calculator div.calcColumn h2.mobile-font {
		font-size: 2.25em;
		padding-bottom: 6px
	}
	#main .calculateYourRate div.calcColumn div.row div.calcApply button {
		width: 100%;
		margin-left: 1.5vw
	}
	#main .calculateYourRate div.calcColumn div.row div.calcApply button span {
		font-size: 1.8em
	}
	div.list p .mobile-br {
		display: block
	}
	div.calculator div.calcColumn div.row div.column {
		min-height: 80px
	}
	div.loan div.tool div.wrapper div.step div.content div.additional div.option label {
		position: relative;
		padding-left: 13%;
		box-sizing: border-box
	}
	div.loan div.tool div.wrapper div.step div.content div.additional div.option label span {
		position: absolute;
		margin: 0;
		left: 0;
		top: 2px
	}
	h2.text-custom {
		text-align: left
	}
	div.calculator div.calcColumn .mobile-font h4 {
		font-weight: 700;
		font-family: Futura-bold, Helvetica, Arial, sans-serif;
		font-size: 2em
	}
	.text-content .heading h2 {
		position: relative;
		padding-left: 30px
	}
	.text-content .heading h2 b {
		position: absolute;
		top: 0;
		left: 0
	}
	.desktop-ol li {
		padding-left: 20px;
		padding-bottom: 15px;
		line-height: 1.3;
		position: relative
	}
	.desktop-ol li b {
		position: absolute;
		top: 0;
		left: 0
	}
	.footer-block .gridModule {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 20px !important
	}
	.footer-block .gridModule div.lastProductsModule .content.mobileOnly {
		padding: 0 5vw 3vw;
		margin: 0
	}
	footer.site-footer .bottomFooter {
		padding-right: 5vw;
		padding-left: 5vw
	}
	footer.site-footer .bottomFooter li {
		padding-left: 0
	}
	.stage-small-view-content {
		margin: 6vw 5% 0 5% !important
	}
	.landing.compareCCPFtable .applyBtnCol a.mobile-button {
		height: auto;
		min-height: 20px;
		line-height: 1.2
	}
	section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--1 {
		background-image: url("../images/_index/main-min-slider/1/480х194.jpg")
	}
	section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--2 {
		background-image: url("../images/_index/main-min-slider/2/480х194.jpg")
	}
	section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--3 {
		background-image: url("../images/_index/main-min-slider/5/480х194.jpg")
	}
	section#lifestage2 div.lifeSlide div.lifeStageModule.lifeStageModule--4 {
		background-image: url("../images/_index/main-min-slider/4/480х194.jpg")
	}
	section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--1 {
		background-image: url("../images/_image-link-menu/main-about/1/480х194.jpg")
	}
	section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--2 {
		background-image: url("../images/_image-link-menu/main-about/2/480х194.jpg")
	}
	section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--3 {
		background-image: url("../images/_image-link-menu/main-about/5/480х194.jpg")
	}
	section#lifestage2.main-about div.lifeSlide div.lifeStageModule.lifeStageModule--4 {
		background-image: url("../images/_image-link-menu/main-about/4/480х194.jpg")
	}
}

.visual-bg37 {
	background-image: url(../images/_section/voprosnik/v37_1366х500.jpg)
}

.subtabs {
	min-height: auto !important;
	display: block !important;
	padding-left: 25px !important;
	background: #e9edf0
}

.subtabs:after {
	display: block;
	content: '';
	clear: both
}

.subtabs .toggle__list {
	margin-left: 25%
}

.subtabs .toggle__list .toggle__item {
	display: inline-block;
	margin-left: 2%;
	height: 50px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 50px;
	cursor: pointer
}

@media (max-width: 1100px) {
	.subtabs .toggle__list {
		margin-left: 0
	}
	.subtabs .toggle__list .toggle__item {
		width: 48%;
		padding-top: 10px;
		height: auto;
		text-align: center
	}
	h3.intext {
		padding-left: 2vw
	}
}

@media (max-width: 767px) {
	.subtabs .toggle__list .toggle__item {
		line-height: 1.2
	}
}

body#content.black {
	background-color: #dfe2e4
}

body#content.black div.index div.accordion div.items ul li>a,
body#content.black div.index div.accordion div.items ul li,
body#content.black .back-calculate__cell,
body#content.black .sm-calculate {
	background-color: #ecedee
}

body#content.black .advantages-adnav-wrap div.adNav ul li.active,
body#content.black .sm-popup,
body#content.black div.index div.vertical.greyBackground,
body#content.black div.index div.vertical.greyBackground .verticalModule:first-child,
body#content.black .sm-calculate__prompt p,
body#content.black .js-row--fixed,
body#content.black .sm-calculate__input input,
body#content.black div#mainNav ul div.sub div.introModule,
body#content.black .back-calculate__title,
body#content.black .back-calculate__input input,
body#content.black #contentNav,
body#content.black .advantages-adnav-wrap div.adNav ul li:hover {
	background-color: #dfe2e4
}

body#content.black.black-main,
body#content.black div#mainNav div.mobileMenu a bdi,
body#content.black div#mainNav div.mobileMenu a bdi:after,
body#content.black div#mainNav div.mobileMenu a bdi:before,
body#content.black div.loan div.tool div.wrapper div.step div.content div.additional div.option:hover input+label span,
body#content.black .sm-popup__close::before,
body#content.black .sm-popup__close::after {
	background-color: #ffffff
}

body#content.black .advantages-adnav-wrap div.adNav,
body#content.black .sm-sender__right-col,
body#content.black .sm-form,
body#content.black div.index div.vertical.greyBackground .verticalModule {
	background-color: #ccced2
}

body#content.black div#search,
body#content.black .back-calculate__cell--border::before,
body#content.black .back-calculate__cell--big::after,
body#content.black div.index div.help,
body#content.black div.index div.accordion.expanded div.items ul li>a,
body#content.black div.index div.vertical.expanded div.items ul li>a,
body#content.black div.index div.imageModule div.content,
body#content.black .sm-popup__table tr:hover,
body#content.black .jspTrack {
	background-color: #c0c0c0
}

body#content.black .sm-form__select,
body#content.black .sm-form__textarea,
body#content.black .sm-form__input {
	background-color: #c0c0c0 !important
}

body#content.black .sm-table__cell--active,
body#content.black .sm-table--hover .sm-table__row-hover:hover .sm-table__cell,
body#content.black .sm-table__cell--active2 {
	background-color: rgba(125, 125, 125, 0.2)
}

body#content.black div.subheadlineModule div.contentModule div.moduleHeading a i,
body#content.black .cta,
body#content.black div.stage div.stageContent a.cta i,
body#content.black div#mainNav div#mainNavCTA,
body#content.black .multiTeaserModule div.moduleHeading a i,
body#content.black div#tools,
body#content.black #toolsHandle,
body#content.black #toolsHandle>li,
body#content.black div#mainNav .saveTag,
body#content.black a.uiLink i.uiLinkBar,
body#content.black a.uiAnimatedArrow i,
body#content.black div.index div.sidebar a.handle,
body#content.black div.index div.sidebar a.handle i,
body#content.black .subNavigation .closeHandle,
body#content.black .uiNavBulletList .item.active.bullet:after,
body#content.black div.index div.vertical div.verticalModule div.helpModuleCTA a i,
body#content.black div.index div.help div.helpHalf div.helpModuleArticle div.helpModuleCTA a i,
body#content.black div.index div.accordion div.items ul li:hover>a,
body#content.black div.home div.homeModule div.homeModuleCTA a i,
body#content.black div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta i,
body#content.black .carousel-indicators li.active,
body#content.black div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop::after,
body#content.black div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul li:hover,
body#content.black .sm-table__cell--active.sm-table__cell--head,
body#content.black .sm-table__cell--active2.sm-table__cell--head,
body#content.black .sm-calculate__button,
body#content.black .slider-handle,
body#content.black .sm-calculate__radio span::after,
body#content.black .sm-calculate__link i,
body#content.black .slider-track,
body#content.black .slider-selection,
body#content.black .sm-popup__close,
body#content.black .sm-table__scroll,
body#content.black .sm-table--hover .sm-table__row-hover:hover .sm-table__cell--head,
body#content.black .sm-table__cell--button a,
body#content.black #contentNav .navItems li.active,
body#content.black .label-popular--min::before,
body#content.black .sm-form__message::before,
body#content.black div.loan div.tool div.wrapper div.recommend.expanded,
body#content.black div.loan div.tool div.wrapper div.step.expanded,
body#content.black div.index div.accordion div.items ul li a.opened {
	background-color: #67c8c6 !important
}

body#content.black #toolsHandle .hn-tools::after {
	content: '';
	display: block;
	height: 23px;
	width: 4px;
	position: absolute;
	top: 13px;
	left: 10px;
	background-color: #ffffff;
	box-shadow: 6px 0 #ffffff, 12px 0 #ffffff
}

body#content.black #toolsHandle .hn-tools {
	position: relative;
	background-image: none
}

body#content.black header div#topNav {
	background-color: #231f20
}

body#content.black div.singleTeaserModule .moduleContent,
body#content.black div#mainNav.active .mobileMenu bdi,
body#content.black div#mainNav,
body#content.black div#mainNav div.mainNavContent {
	border-bottom: none;
	background-color: #4d5058
}

body#content.black div.index div.sidebar div.barContent {
	background-color: #54575f
}

body#content.black div.index div.vertical div.verticalModule,
body#content.black .multiTeaserModule,
body#content.black div.subheadlineModule div.contentModule,
body#content.black div.singleTeaserModule,
body#content.black div#tools ul li {
	border-color: #dfe2e4
}

body#content.black header div#topNav ul a.active,
body#content.black .label-popular--min::after,
body#content.black header div#topNav ul a:hover {
	border-bottom-color: #67c8c6
}

body#content.black .label-popular--min::after {
	border-top-color: #67c8c6
}

body#content.black .subNavigation .closeHandle i {
	border-right-color: #67c8c6
}

body#content.black .sm-form__row--error .sm-form__select,
body#content.black .sm-form__row--error .sm-form__textarea,
body#content.black .sm-form__row--error .sm-form__input {
	border-color: #f85023 !important
}

body#content.black .sm-form__message--error::before {
	background-color: #f85023 !important
}

body#content.black .sm-form__row:hover .sm-form__select,
body#content.black .sm-form__row:hover .sm-form__textarea,
body#content.black .sm-form__row:hover .sm-form__input {
	border-color: #000000 !important
}

body#content.black div.index div.accordion div.items ul,
body#content.black div.index div.accordion div.items ul li>a,
body#content.black div.index div.vertical div.items ul li>a,
body#content.black div.index div.vertical.products div.items>ul,
body#content.black div.index div.accordion div.items ul,
body#content.black div.index div.vertical div.items ul,
body#content.black div.index div.accordion div.items ul li ul li div.item.content,
body#content.black div.index div.vertical div.items.mobile-padding ul li ul li div.item.content,
body#content.black div.index div.indexContent,
body#content.black div.index div.sidebar a.handle,
body#content.black .sm-table--bumerang .sm-table__cell,
body#content.black .sm-calculate__link i,
body#content.black #contentNav .navItems li,
body#content.black #contentNav,
body#content.black .sm-form__select,
body#content.black .sm-form__textarea,
body#content.black .sm-form__input,
body#content.black div.subheadlineModule div.contentModule div.content {
	border-color: #c0c0c0 !important
}

body#content.black div.loan div.tool div.wrapper div.recommend div.content div.additional div.option input+label span,
body#content.black div.loan div.tool div.wrapper div.step div.content div.additional div.option input+label span {
	border-color: #ffffff
}

body#content.black div.stage div.stageContent a.cta i b,
body#content.black div.subheadlineModule div.contentModule div.moduleHeading a i b,
body#content.black div#mainNav div#mainNavCTA a i.arrow-right,
body#content.black .multiTeaserModule div.moduleHeading a i b,
body#content.black div.singleTeaserModule .moduleContent a b,
body#content.black a.uiAnimatedArrow i b,
body#content.black div.index div.vertical div.verticalModule div.helpModuleCTA a i b,
body#content.black div.home div.homeModule div.homeModuleCTA a i b,
body#content.black div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta i b,
body#content.black div#hero div.mobileHeroNavigation ul li a i,
body#content.black .sm-calculate__button i,
body#content.black .sm-calculate__link i b,
body#content.black .sm-table__cell--button a i,
body#content.black .gtmSelectorResult b,
body#content.black div.index div.help div.helpHalf div.helpModuleArticle div.helpModuleCTA a i b {
	background-image: url(../images/icons/arrow-right-white.png) !important
}

body#content.black .sm-calculate__cell select,
body#content.black .back-calculate__cell select {
	background-image: url(../images/icons/yel-ar-down-bluesea.gif)
}

body#content.black #toolsHandle .hn-assistant {
	background-image: url(../images/common/assistant-white.png)
}

body#content.black #toolsHandle .hn-save {
	background-image: url(../images/common/star-white.png)
}

body#content.black div#mainNav div#mainNavCTA a i.key {
	background-image: url(../images/icons/key-white.png)
}

body#content.black div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop::after {
	background-image: url(../images/modules/navigation/unitPersonal-white.png)
}

body#content.black .sm-form__select {
	background-image: url(../images/icons/yel-ar-down-bluesea-40.png)
}

body#content.black div.stage div.stageContent a,
body#content.black div#mainNav div#mainNavCTA a,
body#content.black div.singleTeaserModule .moduleContent p,
body#content.black .sm-calculate__button,
body#content.black div#mainNav ul.main-nav>li>a,
body#content.black div#hero div.heroSlider div.heroSlide div.heroSlideContent a,
body#content.black div#tools ul li a,
body#content.black div.index div.sidebar div.barContent span,
body#content.black .cta,
body#content.black .sm-table__cell--button a,
body#content.black div#mainNav div.mobileMenu a.toggle,
body#content.black .label-popular--min::before,
body#content.black #contentNav li.active,
body#content.black #contentNav li.active a,
body#content.black .sm-form__message--error,
body#content.black div.loan div.tool div.wrapper div.recommend.expanded,
body#content.black div.loan div.tool div.wrapper div.step.expanded,
body#content.black div.loan div.tool div.wrapper div.recommend.expanded div.content div.heading h3,
body#content.black div.loan div.tool div.wrapper div.step.expanded div.content div.heading h3,
body#content.black div.loan div.tool div.wrapper div.recommend.expanded div.content div.heading span,
body#content.black div.loan div.tool div.wrapper div.step.expanded div.content div.heading span,
body#content.black div.loan div.tool div.wrapper div.recommend.expanded.recommend.expanded div.content div.heading a,
body#content.black div.loan div.tool div.wrapper div.step.expanded.recommend.expanded div.content div.heading a,
body#content.black div.singleTeaserModule .moduleContent a h4 {
	color: #ffffff !important
}

body#content.black .sm-calculate {
	padding-bottom: 30px;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5)
}

body#content.black div#mainNav ul div.sub .subModuleArticlesWrap {
	min-height: 585px
}

body#content.black .advantages--fixed,
body#content.black .js-row--fixed {
	top: 57px
}

body#content.black .sm-table__cell--active.sm-table__cell--caption,
body#content.black .sm-table__cell--active.sm-table__cell--advanced {
	background: none;
	box-shadow: none
}

body#content.black div#mainNav div#logo {
	margin-top: 6px
}

body#content.black div#mainNav div#logo a {
	width: 343px;
	height: 70px;
	background-image: url("../images/common/logo-white.svg")
}

body#content.black.sticky div#mainNav div#logo {
	margin-top: 12px
}

body#content.black.sticky div#mainNav div#logo a {
	height: 45px;
	width: 295px;
	background-image: url("../images/common/logo-white-min.svg")
}

body#content.black .cta {
	box-shadow: inset 0 0 2px #67c8c6
}

body#content.black .uiNavBulletList .item.active.bullet:after {
	box-shadow: inset 0 0 6px #67c8c6
}

body#content.black div.index div.sidebar a.handle i {
	background-image: none;
	width: 10px;
	height: 10px;
	margin: 0 0 3px 35px;
	transform: rotate(45deg)
}

body#content.black div.index div.accordion div.items ul li.expanded,
body#content.black div.index div.vertical div.items ul li.expanded {
	box-shadow: inset 0 -1px 0 0 #c0c0c0
}

body#content.black div#tools ul li.active,
body#content.black div#tools ul li:hover {
	background-color: #4d5058 !important
}

body#content.black div#tools ul li.active:last-child,
body#content.black div#tools ul li:hover:last-child {
	border-bottom: none
}

body#content.black div.index div.vertical.products--2pic div.items ul li.expanded {
	box-shadow: none
}

body#content.black div.index div.vertical.products--2pic div.items {
	border-top: none
}

body#content.black div.home div.homeModule {
	width: 50%
}

body#content.black div.home div.homeModule a.imageLink {
	transition: 400ms;
	opacity: 0;
	background: #717073;
	color: #ffffff;
	font-size: 20px;
	line-height: 32px;
	padding: 26px 32px;
	box-sizing: border-box;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

body#content.black div.home div.homeModule a.imageLink:hover {
	opacity: 1
}

body#content.black div.index div.sidebar a.handle,
body#content.black #toolsHandle {
	background-image: none
}

body#content.black div.index div.sidebar a.handle::after,
body#content.black #toolsHandle::after {
	background: #ffffff;
	display: block;
	content: '';
	width: 17px;
	height: 3px;
	position: absolute;
	top: 50%;
	left: 12px;
	margin-top: -1px;
	box-shadow: 0 -7px #ffffff, 0 7px #ffffff
}

body#content.black #toolsHandle::after {
	height: 23px;
	width: 4px;
	margin-top: -12px;
	left: 16px;
	box-shadow: -7px 0 #ffffff, 7px 0 #ffffff
}

body#content.black.sticky div#mainNav .saveTag,
body#content.black div#mainNav .saveTag {
	background: url("../images/common/tools-favorite.png") 8px 7px no-repeat
}

body#content.black div#tools {
	width: 64px
}

body#content.black div#tools ul li a {
	line-height: 1.1 !important;
	padding-bottom: 10px
}

body#content.black div#tools ul li a i.managers {
	width: 39px;
	height: 28px;
	background: url("../images/common/tools-managers.png") 8px 3px no-repeat
}

body#content.black div#tools ul li a i.location {
	width: 35px;
	height: 35px;
	background: url("../images/common/tools-location.png") -3px -7px no-repeat
}

body#content.black div#tools ul li a i.online {
	width: 18px;
	height: 28px;
	background: url("../images/common/tools-online.png") 0 4px no-repeat
}

body#content.black div#tools ul li a i.history {
	width: 19px;
	height: 28px;
	background: url("../images/common/tools-history.png") 0 3px no-repeat
}

@media (max-width: 1000px) {
	body#content.black div#mainNav div#logo {
		margin-top: 16px
	}
	body#content.black div#mainNav div#logo a {
		width: 290px;
		height: 60px
	}
}

@media (max-width: 959px) {
	body#content.black .advantages--fixed,
	body#content.black .js-row--fixed {
		top: 70px
	}
	body#content.black .cta--text {
		bottom: 0 !important
	}
	body#content.black div#mainNav div#logo {
		margin-top: 0
	}
	body#content.black div#mainNav div#logo a {
		margin-top: 0;
		height: 50px;
		width: 247px
	}
	body#content.black div#tools.active {
		width: 100%
	}
	body#content.black div#tools.active ul li {
		width: 25%
	}
	body#content.black div#tools.active ul li a {
		padding: 0;
		height: 61px;
		box-sizing: border-box;
		padding-top: 15px
	}
	body#content.black div#tools.active ul li a i.location {
		margin-top: -2px
	}
	body#content.black div.home div.homeModule {
		width: auto
	}
}

@media (max-width: 480px) {
	body#content.black div#mainNav div#logo a {
		margin-top: 4px;
		width: 220px;
		height: 45px
	}
}

@media (max-width: 400px) {
	body#content.black div#mainNav div#logo a {
		margin-top: 8px;
		width: 180px;
		height: 37px
	}
}

@media (max-width: 375px) {
	.id-Z7_IO8EHA82LO2I10ATCMKC3I0812i {
		padding-bottom: 61px
	}
	.advantages--fixed {
		top: 61px
	}
}

div.visual-bg37 {
	background-image: url(../images/_section/voprosnik/v37_1366х500.jpg)
}

div.stage div.stageContent div.subTitle h2 {
	max-width: 700px
}

@media (max-width: 1000px) {
	div.stage div.stageContent div.subTitle h2 {
		max-width: 100%
	}
}

@media screen and (max-width: 480px) {
	#contentNav .navItems li a {
		line-height: 1.2
	}
	h2 {
		padding: 10px 0
	}
	.small-text-mobile {
		font-size: 14px
	}
}

.subtabs {
	min-height: auto !important;
	display: block !important;
	background: #e9edf0
}

.subtabs:after {
	display: block;
	content: '';
	clear: both
}

.subtabs .toggle__list {
	margin-left: 25%
}

.subtabs .toggle__list .toggle__item {
	display: inline-block;
	margin-left: 5%;
	height: 50px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 50px;
	cursor: pointer
}

@media (max-width: 1100px) {
	.subtabs .toggle__list {
		margin-left: 0
	}
	.subtabs .toggle__list .toggle__item {
		width: 48%;
		padding-top: 10px;
		padding-bottom: 12px;
		height: auto;
		text-align: center
	}
	h3.intext {
		padding-left: 2vw
	}
}

@media (max-width: 767px) {
	.subtabs .toggle__list .toggle__item {
		line-height: 1.2
	}
}

div.home div.homeModule div.homeModuleContent.calc.subtabs .toggle__list {
	max-width: 700px
}

.openSubNav .subNavigation .closeHandle,
.subNavigation .closeHandle.openSubNav {
	top: 122px
}

div.subtabs .toggle__item:first-child {
	margin-left: 0
}

div.subtabs .toggle__item.active {
	box-shadow: inset 0 -7px #fff500
}

@media screen and (max-width: 480px) {
	.text-content .heading h2 b.mobile-no-absolute {
		position: relative
	}
	.text-content .heading h2>div+b {
		position: static
	}
	.subtabs {
		padding-left: 0 !important
	}
	.full-width-mobile {
		width: 100% !important
	}
}

.no-margin {
	margin-top: 0 !important
}

@media (max-width: 359px) {
	body#content {
		margin-top: 60px
	}
	div#mainNav div.mobileMenu,
	div#mainNav div#mainNavCTA {
		width: 59px;
		height: 65px;
		margin-top: -5px
	}
	div#mainNav div.mobileMenu a bdi {
		right: 18px
	}
	div#mainNav div.mainNavContent {
		padding-right: 0;
		padding-top: 0
	}
	div#mainNav div.mobileMenu {
		margin: -10px 0px -10px 0
	}
	div#mainNav div.mobileMenu a bdi {
		top: 19px
	}
	div#mainNav div.mobileMenu div.mobileMenuWrapper {
		top: 61px
	}
	div#mainNav div.menuCancel {
		height: 63px
	}
	div#mainNav div.menuCancel a {
		line-height: 63px
	}
	div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent {
		padding-right: 59px
	}
	div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch a.toggleSearch {
		width: 59px
	}
	div#mainNav div#logo a,
	div#mainNav.business div#logo a {
		margin-top: 22px
	}
	.advantages--fixed {
		top: 60px !important
	}
}

.slider.slider-horizontal .slider-handle {
	transition: 0s
}

.display-none-global {
	display: none !important
}

tab[selected="true"] {
	background-color: #ff0000
}

.tarify-filter-form {
	position: absolute;
	top: 0;
	left: 0;
	width: 96%
}

@media (max-width: 1350px) {
	.custom-phone {
		font-size: 34px !important
	}
	.custom-phone span {
		font-size: 30px !important
	}
}

@media (max-width: 1279px) {
	div.list div.heading h2 {
		text-align: left
	}
}

@media (max-width: 1200px) {
	.custom-phone {
		font-size: 29px !important
	}
	.custom-phone span {
		font-size: 26px !important
	}
	.dropTeaserContent.discounts ul.m38-Mobile>li {
		display: flex;
		flex-direction: column
	}
	.dropTeaserContent.discounts ul.m38-Mobile h4 {
		margin-bottom: 10px;
		margin-left: 13px
	}
	.dropTeaserContent.discounts ul.m38-Mobile .select {
		margin-left: 0 !important
	}
}

@media (max-width: 960px) {
	.custom-phone {
		font-size: 34px !important
	}
	.custom-phone span {
		font-size: 30px !important
	}
	div.index div.indexContent .list .cta--2 {
		bottom: auto !important;
		top: auto !important
	}
	.tarify-filter-form {
		position: relative;
		width: auto
	}
}

@media (max-width: 802px) {
	.homeModuleRow--fix {
		top: 12px
	}
}

@media (max-width: 700px) {
	.homeModuleRow--fix {
		top: -13px
	}
}

@media (max-width: 480px) {
	.homeModuleRow--fix {
		top: auto
	}
}

@media (max-width: 500px) {
	.products--2pic.custom-block .expanded li {
		display: block !important
	}
	.products--2pic.custom-block .photo {
		margin-bottom: 15px !important
	}
	.products--2pic.custom-block .content {
		padding: 0 !important
	}
	.products--2pic.custom-block .photo,
	.products--2pic.custom-block .content {
		width: auto !important
	}
}

.js-multi-filter-item[data-select-1="false"] {
	display: none !important
}

.js-multi-filter-item[data-select-2="false"] {
	display: none !important
}

.js-multi-filter-item[data-select-3="false"] {
	display: none !important
}

.css--damyanov {
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto
}

.css--damyanov .corp-block .anim-btn {
	padding: 0px 15px 20px 0;
	border-right: 1px solid #e9edf0;
	margin: 10px 0
}

.css--damyanov div[role=main] {
	padding: 0;
	max-width: 1680px;
	margin: 0 auto
}

.css--damyanov .corp-block .animated-btn {
	margin-top: 40px
}

.css--damyanov .corp-block .bus-links-block .link-block:first-child {
	margin-bottom: 15px
}

.css--damyanov .corp-block .anim-btn .homeModuleCTA a {
	margin-top: 0;
	padding-top: 10px
}

.css--damyanov .g.g-3up {
	width: 100%;
	max-width: 1680px;
	margin: 0 auto
}

.css--damyanov .g.g-3up.bottom-border {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7
}

.css--damyanov #hero {
	margin-bottom: 1px
}

.css--damyanov .my-result {
	width: 25%;
	padding-left: 30px;
	text-align: left
}

.css--damyanov .my-result-heading p {
	font-size: 29.9px
}

.css--damyanov .icon-euro,
.css--damyanov .icon-percent,
.css--damyanov .my-result h1,
.css--damyanov .interest-rate .small,
.css--damyanov .interest-rate .info {
	display: inline-block
}

.css--damyanov .icon-euro,
.css--damyanov .icon-percent {
	margin-right: 20px
}

.css--damyanov .interest-rate .small,
.css--damyanov .interest-rate .info {
	vertical-align: middle;
	line-height: 0.8em
}

.css--damyanov .my-result h1,
.css--damyanov .monthly-repayment .small {
	line-height: 0.8em
}

.css--damyanov .monthly-repayment,
.css--damyanov .total-amount {
	margin-bottom: 20px
}

.css--damyanov .monthly-repayment .small,
.css--damyanov .total-amount .small {
	text-transform: uppercase
}

.css--damyanov .tab-menu {
	width: 75%;
	background-color: #e9edf0
}

.css--damyanov .tab-menu li {
	display: inline-block
}

.css--damyanov .tab-menu li.active a {
	background: #ffffff
}

@media (max-width: 959px) {
	.css--damyanov .tab-menu {
		display: none
	}
}

.css--damyanov .gridModule.x3 {
	width: 22.91667%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov div.sidebar {
	position: relative;
	display: inline-block !important;
	vertical-align: bottom;
	float: none;
	margin-top: 71px;
	margin-left: 0 !important
}

@media (max-width: 959px) {
	.css--damyanov div.sidebar {
		display: none !important
	}
}

.css--damyanov .special-style div.sidebar {
	margin-top: 0
}

.css--damyanov div.sidebar a.handle {
	position: absolute;
	left: 0;
	display: block;
	float: left;
	width: 40px;
	height: 76px;
	margin: 0 12px 0 0;
	background: yellow url("../../images/modules/sidebar/handle.png") center center no-repeat;
	border-bottom: 1px solid yellow;
	text-indent: -9999px
}

.css--damyanov div.sidebar a.handle i {
	display: block;
	width: 7px;
	height: 18px;
	margin: 36px 0 0 40px;
	background: url("../images/modules/sidebar/tip.png") 0 0 no-repeat
}

.css--damyanov div.sidebar a {
	color: #bbc0c4;
	font-family: 'Roboto-normal'
}

.css--damyanov div.sidebar div.barContent {
	width: 100%;
	overflow: hidden;
	height: 76px;
	margin: 0 0 -1px 0;
	padding-left: 50px;
	background: #454d50;
	color: #bbc0c4
}

.css--damyanov div.sidebar div.barContent ul {
	overflow: hidden;
	margin: 12px 0 10px 0
}

.css--damyanov div.sidebar div.barContent ul li {
	float: left;
	padding: 0 12px 0 3px;
	background: url("../images/modules/sidebar/arrow.png") center right no-repeat
}

.css--damyanov div.sidebar div.barContent ul li:last-child {
	background: none
}

.css--damyanov .subNavigation.openSubNav,
.css--damyanov .openSubNav .subNavigation {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.css--damyanov .subNavigation {
	width: 300px;
	background: #343a3c;
	position: fixed;
	top: 0;
	left: -200px;
	height: 100%;
	z-index: 3000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate(-300px, 0);
	-moz-transform: translate(-300px, 0);
	-ms-transform: translate(-300px, 0);
	-o-transform: translate(-300px, 0);
	transform: translate(-300px, 0)
}

.css--damyanov .subNavigation .closeHandle.openSubNav,
.css--damyanov .openSubNav .subNavigation .closeHandle {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.css--damyanov .subNavigation .closeHandle {
	display: block;
	width: 40px;
	height: 76px;
	text-indent: -9999px;
	background: #fff500;
	position: absolute;
	bottom: 0px;
	right: -40px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate(-40px, 0);
	-moz-transform: translate(-40px, 0);
	-ms-transform: translate(-40px, 0);
	-o-transform: translate(-40px, 0);
	transform: translate(-40px, 0)
}

.css--damyanov .subNavigation .closeHandle:before {
	content: '';
	position: absolute;
	width: 22px;
	height: 3px;
	background: #000000;
	top: 30px;
	right: 7px;
	-webkit-transform: rotate(45deg) translateY(5px) translateX(2px);
	-moz-transform: rotate(45deg) translateY(5px) translateX(2px);
	-ms-transform: rotate(45deg) translateY(5px) translateX(2px);
	-o-transform: rotate(45deg) translateY(5px) translateX(2px);
	transform: rotate(45deg) translateY(5px) translateX(2px)
}

.css--damyanov .subNavigation .closeHandle i {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #fff500 transparent transparent;
	left: -7px;
	bottom: 17px
}

.css--damyanov .subNavigation .closeHandle:after {
	content: '';
	position: absolute;
	width: 22px;
	height: 3px;
	background: #000000;
	top: 40px;
	right: 7px;
	-webkit-transform: rotate(-45deg) translateY(-5px) translateX(2px);
	-moz-transform: rotate(-45deg) translateY(-5px) translateX(2px);
	-ms-transform: rotate(-45deg) translateY(-5px) translateX(2px);
	-o-transform: rotate(-45deg) translateY(-5px) translateX(2px);
	transform: rotate(-45deg) translateY(-5px) translateX(2px)
}

.css--damyanov .subNavigation .container {
	padding: 190px 40px 40px 40px
}

.css--damyanov .uiNavBulletList {
	color: #ffffff;
	font-family: 'Futura-bold';
	font-size: 1.08333em
}

.css--damyanov nav {
	display: block
}

.css--damyanov .uiNavBulletList .item {
	padding: 4px 0;
	color: #8b8f93
}

.css--damyanov .uiNavBulletList .item a {
	color: inherit
}

.css--damyanov .uiNavBulletList .item.bullet {
	position: relative
}

.css--damyanov .uiNavBulletList .item.active {
	color: #c0c6ca
}

.css--damyanov .uiNavBulletList .subItem {
	padding: 2px 0 0 20px;
	font-family: 'Roboto-normal'
}

.css--damyanov .uiNavBulletList .item.active.bullet:after {
	background: #fff500;
	-webkit-box-shadow: 0px 0px 6px 0px #fff500;
	-moz-box-shadow: 0px 0px 6px 0px #fff500;
	-ms-box-shadow: 0px 0px 6px 0px #fff500;
	-o-box-shadow: 0px 0px 6px 0px #fff500;
	box-shadow: 0px 0px 6px 0px #fff500
}

.css--damyanov .uiNavBulletList .item.bullet:after {
	content: '';
	position: absolute;
	top: 8px;
	left: -16px;
	width: 7px;
	height: 7px;
	background: #6b7376;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box
}

.css--damyanov .openSubNav .mask {
	display: block;
	opacity: 1
}

.css--damyanov body {
	font-size: 0.75em !important;
	line-height: 1.3334em !important
}

.css--damyanov div.comparison {
	margin: 60px 0
}

@media (max-width: 966px) {
	.css--damyanov div.comparison {
		display: none !important
	}
}

.css--damyanov div.comparison.editable div.row div.compModule div.compModuleHeading a.remove {
	display: block
}

.css--damyanov div.comparison div.row {
	border-top: 1px solid #f1f1f1
}

.css--damyanov div.comparison div.row.sub {
	width: 54.47%;
	float: left;
	overflow: hidden;
	border: 0
}

.css--damyanov div.comparison div.row.sub.bordered div.compModule {
	border-bottom: 1px solid #f1f1f1;
	padding: 4px 0px;
	box-sizing: border-box
}

.css--damyanov div.comparison div.row.sub.cost-bordered div.compModule {
	border-bottom: 0px;
	padding: 4px 0px
}

.css--damyanov div.comparison div.row.sub div.compModule {
	width: 15.52%;
	border-bottom: 0 none
}

.css--damyanov div.comparison div.row.sub div.compModule div.compModuleContent {
	border-bottom: 0 none !important
}

.css--damyanov div.comparison div.row.sub.check div.compModuleContent {
	min-height: 40px
}

.css--damyanov div.comparison div.row.sub.subCTA div.compModule {
	border-color: #f1f1f1
}

.css--damyanov div.comparison div.row.sub.subCTA div.compModule:first-child {
	border-left: 1px solid #f1f1f1 !important
}

.css--damyanov div.comparison div.row div.compModule {
	position: relative;
	float: left;
	width: 8.45%;
	border-right: 1px solid #f1f1f1;
	text-align: center
}

.css--damyanov div.comparison div.row div.compModule.heading {
	width: 25%;
	text-align: right
}

.css--damyanov div.comparison div.row div.compModule.heading.sub {
	padding: 6px 0 0 0
}

.css--damyanov div.comparison div.row div.compModule.heading.sub.compModule {
	margin: 0 0 0 1px;
	padding: 0;
	border: 0 none
}

.css--damyanov div.comparison div.row div.compModule.heading.sub div.compModuleContent {
	padding: 0
}

.css--damyanov div.comparison div.row div.compModule.heading.sub h2 {
	float: right;
	color: #1d1d1b
}

.css--damyanov div.comparison div.row div.compModule.heading.sub .cost-header {
	padding-right: 24px;
	font-size: 1.43333em
}

.css--damyanov div.comparison div.row div.compModule.heading.sub .carts-header {
	margin-right: -20px;
	padding: 14px 0px 0 0
}

.css--damyanov div.comparison div.row div.compModule.heading.sub .carts-item {
	padding: 14px 1px 0px 30px
}

.css--damyanov div.comparison div.row div.compModule.heading.sub .ways-to-bank-header {
	padding: 14px 0px 0 0
}

.css--damyanov div.comparison div.row div.compModule.heading.sub .way-to-bank-item {
	padding: 14px 14px 0px 14px
}

.css--damyanov div.comparison div.row div.compModule.heading h1 {
	padding: 0 7px 0 0;
	font-size: 2.58333em;
	color: #000000
}

.css--damyanov div.comparison div.row div.compModule.heading .compare-bundles {
	line-height: 1.14em
}

.css--damyanov div.comparison div.row div.compModule.heading h2 {
	display: block;
	padding: 14px 14px 0 0;
	margin: 0px 0 0 0;
	font-size: 1.43333em
}

.css--damyanov div.comparison div.row div.compModule.heading h3 {
	display: block;
	padding: 18px 14px 4px 0px;
	margin: 0;
	color: #000000;
	font-size: 1.18em;
	font-family: 'Futura-bold'
}

.css--damyanov div.comparison div.row div.compModule.heading .bordered {
	display: block;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1
}

.css--damyanov div.comparison div.row div.compModule.heading h3.bordered.bottom {
	border-bottom: 0 none
}

.css--damyanov div.comparison div.row div.compModule.heading div.rowHeadings {
	max-width: 45%;
	float: right;
	text-align: center
}

.css--damyanov div.comparison div.row div.compModule div.compModuleHeading {
	padding: 28px 0 16px 0;
	border-bottom: 1px solid #f1f1f1
}

.css--damyanov div.comparison div.row div.compModule div.compModuleHeading a {
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 9px;
	height: 8px;
	background: url("../../images/generic/remove.jpg") 0 0 no-repeat;
	text-indent: -9999px
}

.css--damyanov div.comparison div.row div.compModule div.compModuleContent {
	overflow: hidden;
	padding: 21px 15px 9px 15px;
	font-family: 'Roboto-normal';
	color: #989898
}

.css--damyanov div.comparison div.row div.compModule div.compModuleContent.bordered {
	border-bottom: 1px solid #cecece
}

.css--damyanov div.comparison div.row div.compModule div.compModuleContent.bordered i {
	margin: 0 auto
}

.css--damyanov div.comparison div.row div.compModule div.compModuleContent strong {
	font-family: 'Futura-bold';
	color: #000000
}

.css--damyanov div.comparison div.row div.compModule div.compModuleContent img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px
}

.css--damyanov div.comparison div.row div.compModule .costs-row {
	padding: 16px 15px 9px 15px !important
}

.css--damyanov div.comparison div.row div.compModule a.compModuleCTA {
	display: block;
	padding: 11px;
	background: #fff500;
	color: #1d1d1b;
	font-family: 'Futura-bold'
}

@media (max-width: 1030px) {
	.css--damyanov div.comparison div.row div.compModule a.compModuleCTA {
		font-size: 11.5px
	}
}

.css--damyanov div.comparison div.row .wrapper-apply {
	width: 15.48% !important
}

.css--damyanov div.comparison h2 {
	font-size: 1.33333em;
	font-family: 'Roboto-normal';
	color: #1d1d1b
}

.css--damyanov div.comparison .category-desc {
	color: #b3b2b2;
	line-height: 1.2em;
	margin-top: -1px;
	padding-bottom: 23px
}

.css--damyanov .one h3,
.css--damyanov .two h3,
.css--damyanov .three h3,
.css--damyanov .four h3 {
	box-sizing: content-box
}

.css--damyanov .one h3:nth-child(1) {
	height: 34px
}

.css--damyanov .one h3:nth-child(2) {
	height: 26px
}

.css--damyanov .two h3:nth-child(1),
.css--damyanov .two h3:nth-child(2),
.css--damyanov .two h3:nth-child(3) {
	height: 91px
}

.css--damyanov .two h3:nth-child(4) {
	height: 83px
}

.css--damyanov .three h3:nth-child(1),
.css--damyanov .three h3:nth-child(2),
.css--damyanov .three h3:nth-child(3) {
	height: 56px
}

.css--damyanov .three h3:nth-child(4) {
	height: 48px
}

.css--damyanov .four h3:nth-child(1),
.css--damyanov .four h3:nth-child(2),
.css--damyanov .four h3:nth-child(3) {
	height: 56px
}

.css--damyanov .four h3:nth-child(4) {
	height: 18px
}

@media (max-width: 1111px) {
	.css--damyanov div.modules-CTA-vertical-module-M26 a.animated-btn i {
		margin: -9px 0px 0 3px
	}
}

.css--damyanov div.accordion,
.css--damyanov div.vertical {
	position: relative;
	margin: 0 0 60px 0;
	overflow: hidden
}

.css--damyanov div.accordion div.heading h1 {
	width: 75%;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 34.5px
}

.css--damyanov div.accordion h1.h1-30px {
	border: none
}

.css--damyanov div.vertical .expanded-content .item {
	display: block
}

.css--damyanov div.accordion .items ul li ul .item {
	display: block;
	margin: 0
}

.css--damyanov div.accordion .items ul li ul .item p {
	font-size: 16.1px
}

.css--damyanov div.accordion.type-credits,
.css--damyanov div.vertical.type-credits {
	overflow: visible
}

.css--damyanov div.accordion div.heading,
.css--damyanov div.vertical div.heading {
	text-align: end
}

@media (max-width: 959px) {
	.css--damyanov div.accordion div.heading,
	.css--damyanov div.vertical div.heading {
		text-align: left
	}
}

.css--damyanov div.accordion div.heading h2,
.css--damyanov div.vertical div.heading h2 {
	color: #000000;
	font-size: 34.5px;
	line-height: 1.34615em
}

.css--damyanov div.accordion div.heading h2 span,
.css--damyanov div.vertical div.heading h2 span {
	display: block
}

.css--damyanov div.accordion div.heading h2.our-loans,
.css--damyanov div.vertical div.heading h2.our-loans {
	padding-right: 10px;
	margin-top: -3px;
	line-height: 1.45em
}

.css--damyanov div.accordion div.items ul,
.css--damyanov div.vertical div.items ul {
	border-right: 1px solid #e9e9e9
}

.css--damyanov div.accordion div.items ul.unsorted-list-loans,
.css--damyanov div.vertical div.items ul.unsorted-list-loans {
	margin-left: -12px
}

.css--damyanov div.accordion div.items ul li,
.css--damyanov div.vertical div.items ul li {
	display: block;
	overflow: hidden;
	line-height: 24px
}

.css--damyanov div.accordion div.items ul li:hover>a,
.css--damyanov div.vertical div.items ul li:hover>a {
	background: #fff500;
	background: -moz-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff500), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531));
	background: -webkit-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -o-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -ms-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: linear-gradient(to bottom, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff531', GradientType=0)
}

.css--damyanov div.accordion div.items ul li.expanded,
.css--damyanov div.vertical div.items ul li.expanded {
	border-bottom: 1px solid #e9e9e9
}

.css--damyanov div.accordion div.items ul li.expanded>a,
.css--damyanov div.vertical div.items ul li.expanded>a {
	background: #e9edf0
}

.css--damyanov div.accordion div.items ul li.expanded>a i,
.css--damyanov div.vertical div.items ul li.expanded>a i {
	width: 12px;
	height: 8px;
	margin-top: 7px;
	background: url("../../images/icons/arrow-bottom-black.png") center center no-repeat
}

.css--damyanov div.accordion div.items ul li.expanded ul,
.css--damyanov div.vertical div.items ul li.expanded ul {
	display: block
}

.css--damyanov div.accordion div.items ul li>a,
.css--damyanov div.vertical div.items ul li>a {
	display: block;
	padding: 10px 45px 8px 20px;
	color: #000000;
	font-family: 'Futura-bold';
	font-size: 1.33333em;
	border-left: 1px solid #e9e9e9
}

.css--damyanov div.accordion div.items ul li>a:hover,
.css--damyanov div.accordion div.items ul li>a:active,
.css--damyanov div.accordion div.items ul li>a:focus,
.css--damyanov div.vertical div.items ul li>a:hover,
.css--damyanov div.vertical div.items ul li>a:active,
.css--damyanov div.vertical div.items ul li>a:focus {
	text-decoration: none;
	color: #000000
}

.css--damyanov div.accordion div.items ul li>a.list-bundle,
.css--damyanov div.vertical div.items ul li>a.list-bundle {
	padding: 11px 45px 8px 20px
}

.css--damyanov div.accordion div.items ul li ul,
.css--damyanov div.vertical div.items ul li ul {
	display: none;
	overflow: hidden;
	border: 0 none
}

.css--damyanov div.accordion div.items ul li ul li div.item,
.css--damyanov div.vertical div.items ul li ul li div.item {
	float: left
}

.css--damyanov div.accordion div.items ul li ul li div.item.photo,
.css--damyanov div.vertical div.items ul li ul li div.item.photo {
	width: 41%;
	max-width: 232px
}

.css--damyanov div.accordion div.items ul li ul li div.item.content,
.css--damyanov div.vertical div.items ul li ul li div.item.content {
	width: 56%;
	padding: 21px 23px 0 23px;
	font-family: 'Roboto-normal';
	font-size: 1.16667em
}

.css--damyanov div.accordion div.items ul li ul li div.item.content a.more,
.css--damyanov div.vertical div.items ul li ul li div.item.content a.more {
	display: inline-block;
	position: relative;
	color: #000000;
	font-family: 'Futura-bold';
	padding: 0 0 20px 0
}

.css--damyanov div.accordion div.items ul li ul li div.item.content a.more i,
.css--damyanov div.vertical div.items ul li ul li div.item.content a.more i {
	position: relative;
	float: right;
	margin: 5px 0 0 10px;
	width: 9px;
	height: 12px;
	background: url("../../images/icons/arrow-right-small.png") center right no-repeat
}

@media (max-width: 959px) {
	.css--damyanov div.accordion div.items ul li ul li div.item.content,
	.css--damyanov div.vertical div.items ul li ul li div.item.content {
		width: 56%;
		padding: 10px 10px 0 15px
	}
	.css--damyanov div.accordion div.items {
		width: 100% !important
	}
	.css--damyanov div.accordion div.heading {
		width: 100% !important;
		margin: 0 0 30px 0
	}
	.css--damyanov div.accordion div.heading h1 {
		width: 100%;
		float: none;
		text-align: center
	}
	.css--damyanov div.accordion div.CTA {
		width: 98% !important;
		margin: 0 auto;
		padding: 0
	}
	.css--damyanov div.accordion div.accordionCTA {
		position: relative !important;
		right: auto !important;
		margin: 25px 0 0
	}
}

.css--damyanov div.accordion div.accordionCTA,
.css--damyanov div.vertical div.accordionCTA {
	position: absolute;
	bottom: 0
}

@media (max-width: 959px) {
	.css--damyanov div.vertical.expanded div.accordionCTA {
		position: relative;
		width: 100%;
		margin: 30px 0 0 15px
	}
}

@media (max-width: 1092px) {
	.css--damyanov div.accordion div.accordionCTA a.cta,
	.css--damyanov div.vertical div.accordionCTA a.cta {
		font-size: 17.25px !important
	}
}

.css--damyanov div.accordion div.accordionCTA a,
.css--damyanov div.vertical div.accordionCTA a {
	overflow: hidden
}

.css--damyanov div.accordion div.accordionCTA a span,
.css--damyanov div.vertical div.accordionCTA a span {
	display: block;
	float: left
}

.css--damyanov div.accordion div.accordionCTA a.cta,
.css--damyanov div.vertical div.accordionCTA a.cta {
	position: relative;
	left: auto;
	bottom: auto;
	width: 100%;
	padding: 31px 0 12px 9px;
	font-size: 20.7px;
	color: #000000;
	font-family: 'Futura-bold';
	box-shadow: none;
	-webkit-box-shadow: none
}

.css--damyanov div.accordion div.accordionCTA a.cta:hover,
.css--damyanov div.vertical div.accordionCTA a.cta:hover {
	color: #000000
}

.css--damyanov div.accordion div.accordionCTA a.cta i,
.css--damyanov div.vertical div.accordionCTA a.cta i {
	margin: 1px 15px 0 35px
}

.css--damyanov div.accordion.expanded div.items ul li>a,
.css--damyanov div.vertical.expanded div.items ul li>a {
	background: #e9edf0
}

.css--damyanov div.accordion.expanded div.items ul li>a.flexi,
.css--damyanov div.vertical.expanded div.items ul li>a.flexi {
	padding: 10px 45px 8px 20px
}

.css--damyanov div.accordion.expanded div.items ul li>a i,
.css--damyanov div.vertical.expanded div.items ul li>a i {
	display: none
}

.css--damyanov div.accordion.expanded div.items ul li ul,
.css--damyanov div.vertical.expanded div.items ul li ul {
	display: block
}

.css--damyanov .tools-category {
	padding: 21px 21px 10px 21px;
	margin-left: 25px
}

.css--damyanov .tools-category p {
	margin-right: 25px;
	display: inline-block
}

.css--damyanov .tools-category ul {
	display: inline-block
}

.css--damyanov .tools-category li {
	display: inline-block;
	margin-right: 34px
}

.css--damyanov .tools-category li a.active {
	color: black
}

.css--damyanov .tools-category li:last-child {
	margin-right: 0
}

.css--damyanov .tools-category a:hover {
	color: black
}

.css--damyanov ul.m38-Mobile {
	display: none
}

@media (max-width: 959px) {
	.css--damyanov div.tools-category,
	.css--damyanov ul.m38-Desktop {
		display: none !important
	}
	.css--damyanov ul.m38-Mobile {
		display: block
	}
}

@media (max-width: 1359px) and (min-width: 959px) {
	.css--damyanov .m38-container {
		width: 380px !important;
		margin-top: -15px
	}
}

@media (max-width: 420px) {
	.css--damyanov .m38-container div.dropTeaser {
		margin: 0;
		padding: 0
	}
}

@media (max-width: 420px) {
	.css--damyanov .m38-container div.dropTeaser div.dropTeaserContent {
		width: auto;
		padding: 20px
	}
}

@media (max-width: 420px) {
	.css--damyanov .m38-container div.dropTeaser div.dropTeaserContent ul li {
		margin: 0;
		padding: 0;
		width: 100%
	}
}

@media (max-width: 420px) {
	.css--damyanov .m38-container div.dropTeaser div.dropTeaserContent ul li h4 {
		padding: 0 0 20px;
		text-align: left;
		width: 200px
	}
}

@media (max-width: 420px) {
	.css--damyanov .m38-container div.dropTeaser div.dropTeaserContent ul li div.select {
		margin: 0;
		width: 100%
	}
}

.css--damyanov div.dropTeaser {
	margin: 0 0 30px 0
}

.css--damyanov div.dropTeaser .heading img {
	width: 100%
}

.css--damyanov div.dropTeaser .heading .mobile {
	display: none
}

.css--damyanov div.dropTeaser div.dropTeaserContent {
	width: 100%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop {
	margin: 0 20px 20px;
	border-bottom: 1px solid #e7e7e7
}

@media (max-width: 1359px) {
	.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop {
		display: none
	}
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li.m38-title {
	font-family: 'Roboto-normal';
	font-size: 1.16667em;
	line-height: 58px
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li {
	text-align: center
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(1) {
	width: 14%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(2) {
	width: 6%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(3) {
	width: 12%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(4) {
	width: 12%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(5) {
	width: 11%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(6) {
	width: 18%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(7) {
	width: 15%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(8) {
	width: 11%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li a:hover {
	color: #000000;
	padding-bottom: 14px;
	border-bottom: 5px solid #f8fa00
}

@media (min-width: 1360px) {
	.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Mobile {
		display: none
	}
}

.css--damyanov div.dropTeaser div.dropTeaserContent h1 {
	padding: 20px 20px 0;
	margin: 0 0 4px 0;
	border: 0;
	font-family: 'Futura-bold';
	font-size: 1.5em
}

.css--damyanov div.dropTeaser div.dropTeaserContent p {
	padding: 0 20px;
	font-size: 1.16667em;
	line-height: 1.36667em;
	font-family: 'Roboto-normal'
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select {
	position: relative;
	float: left;
	margin: 20px;
	width: 42%;
	min-width: 200px;
	font-family: 'Roboto-normal';
	font-size: 1.16667em;
	color: #000000
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main {
	text-align: left;
	position: relative;
	background: #e9edf0;
	border: 1px solid #d4d5d7;
	padding: 14px 14px 9px 14px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main span {
	font-size: 1.07em
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main:hover {
	background: #f8f8f8
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main a {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main a i {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	text-indent: -9999px;
	background: #fff500 url("../images/icons/arrow-bottom-black.png") center center no-repeat
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subSelect {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	background: white;
	box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.4);
	z-index: 101
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subSelect ul {
	margin: 15px 0 20px 0
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subSelect ul li {
	padding: 13px 0 11px 10px;
	cursor: pointer;
	float: none;
	text-align: center
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subSelect ul li:hover {
	background: #fff500;
	background: -moz-linear-gradient(top, #fff500 0%, #fff500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(100%, #fff500));
	background: -webkit-linear-gradient(top, #fff500 0%, #fff500 100%);
	background: -o-linear-gradient(top, #fff500 0%, #fff500 100%);
	background: -ms-linear-gradient(top, #fff500 0%, #fff500 100%);
	background: linear-gradient(to bottom, #fff500 0%, #fff500 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff500', GradientType=0)
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subSelect ul li a {
	color: #000000;
	font-family: 'Roboto-normal';
	font-size: 1em;
	padding: 0
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subCopy {
	margin: 13px 10px 0 10px;
	font-size: 1em;
	font-family: 'Roboto-normal';
	color: #cfcfcf
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select.select~.select div.subSelect {
	z-index: 100
}

@media (max-width: 959px) {
	.css--damyanov div.dropTeaser div.dropTeaserContent {
		width: 100%;
		padding: 20px 10px
	}
	.css--damyanov div.dropTeaser div.dropTeaserContent div.select {
		float: none;
		max-width: 100%;
		width: 84%
	}
	.css--damyanov div.dropTeaser .heading .mobile {
		display: block;
		width: 100%
	}
	.css--damyanov div.dropTeaser .heading .desktop {
		display: none
	}
}

.css--damyanov .key {
	padding: 23px 20px 0 20px;
	vertical-align: sub
}

.css--damyanov .key p {
	font-size: 12.65px;
	line-height: 1.5em
}

.css--damyanov .key p,
.css--damyanov .key i,
.css--damyanov .key .percent,
.css--damyanov .key .find,
.css--damyanov .key .bars {
	display: inline-block
}

.css--damyanov .key i {
	margin-right: 13px
}

.css--damyanov .key .percent {
	margin-right: 26px
}

.css--damyanov .key .percent p {
	width: 94px
}

.css--damyanov .key .find {
	margin-right: 26px
}

.css--damyanov .key .find p {
	width: 123px
}

.css--damyanov .key .bars p {
	width: 101px
}

@media (max-width: 1270px) {
	.css--damyanov div.key {
		width: 97%;
		margin: 0 20px
	}
	.css--damyanov div.key div.percent,
	.css--damyanov div.key div.find,
	.css--damyanov div.key div.bars {
		width: 100%;
		margin: 0 0 8px 0;
		padding: 6px 0
	}
	.css--damyanov div.key i {
		display: block;
		float: left;
		margin-right: 7px
	}
	.css--damyanov div.key div.bars i {
		margin-left: 5px;
		margin-right: 12px
	}
	.css--damyanov div.key p {
		display: block;
		float: left;
		width: 85% !important;
		font-size: 16.1px;
		line-height: 14px
	}
	.css--damyanov div.separator {
		display: none !important
	}
}

.css--damyanov .helpbox {
	overflow: hidden;
	padding: 0 43px 0;
	margin: 0 0 40px 0
}

.css--damyanov .helpbox h4 {
	padding: 0 0 0 0;
	margin-bottom: 0;
	color: #000000
}

.css--damyanov .helpbox ul {
	list-style: disc;
	padding: 0 0 0 16px
}

.css--damyanov .g-3up .last-prod-list {
	width: 22%;
	padding-right: 39px;
	float: left;
	margin: 30px 1px 54px 0;
	padding: 20px 0 0 0;
	font-size: 1.16667em;
	font-family: 'Roboto-normal';
	text-align: right
}

.css--damyanov .g-3up .special .list .text {
	border: none
}

.css--damyanov .g-3up .product-quarter .last-prod-list {
	width: 100%;
	float: right
}

.css--damyanov .gridSystem .grid.x12 {
	width: 100%;
	display: block
}

.css--damyanov .gridSystem div.vertical {
	margin: 0 0 40px 0;
	position: relative;
	overflow: hidden
}

.css--damyanov div.gridModule div.heading {
	margin-top: -10px
}

.css--damyanov div.vertical div.verticalModule {
	position: relative;
	float: left;
	margin: 0 1px 1px 0;
	padding: 60px 0 50px 0;
	background: #e9edf0;
	font-size: 1.16667em;
	flex-grow: 1;
	font-family: 'Roboto-normal'
}

.css--damyanov div.vertical div.verticalModule.no-btn .anime-btn i {
	display: none
}

.css--damyanov div.homeModuleCTA.anime-btn.pure a i {
	display: none
}

.css--damyanov .vertical div.verticalModule:first-child {
	width: 22.91667%
}

.css--damyanov div.vertical div.verticalModule div.verticalModuleWrapper.left div.heading {
	text-align: right
}

.css--damyanov div.vertical div.verticalModule:first-child div.verticalModuleWrapper,
.css--damyanov div.index div.vertical div.verticalModule:last-child div.verticalModuleWrapper {
	width: 89%
}

.css--damyanov div.imagery {
	float: left;
	width: 15.3%;
	padding: 1px 25px 0 0;
	font-size: 0.83333em;
	line-height: 2.2em
}

.css--damyanov div.linksContent {
	float: left;
	width: 77%;
	padding: 0 0 0
}

.css--damyanov div.quickLinks {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #e7e7e7
}

@media (max-width: 959px) {
	.css--damyanov div.quickLinks {
		display: none !important
	}
}

.css--damyanov div.linksModule h4 {
	font-size: 1.16667em;
	line-height: 1.28571em;
	margin-bottom: 20px
}

.css--damyanov div.quickLinks div.linksModule.tools {
	width: 48%;
	text-align: left;
	background: none;
	border-right: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7
}

.css--damyanov div.quickLinks div.linksModule {
	float: left;
	width: 25.13%;
	margin: 30px 1px 54px 0;
	padding: 20px 0 0 0;
	font-size: 1.16667em;
	font-family: 'Roboto-normal';
	text-align: right
}

.css--damyanov .tools {
	background-image: url("../../images/icons/tools.png")
}

.css--damyanov div.quickLinks div.linksModule.tools div.toolsContent {
	padding: 0 25px 25px 25px
}

.css--damyanov div.quickLinks div.linksModule.tools div.row {
	width: 100%;
	overflow: hidden;
	padding: 0 0 3px 0
}

.css--damyanov div.quickLinks div.linksModule.existingCustomers {
	margin-left: 38px;
	padding-left: 30px;
	text-align: left
}

.css--damyanov div.quickLinks div.linksModule.existingCustomers a {
	display: block;
	padding: 0 0 5px 0;
	line-height: 1.5em
}

.css--damyanov div.quickLinks div.linksModule.existingCustomers a .arr-link-icon {
	padding-top: 6px
}

.css--damyanov div.quickLinks div.linksModule.existingCustomers p {
	margin-bottom: 25px
}

@media (max-width: 959px) {
	.css--damyanov div.quickLinks.prod {
		display: block !important
	}
	.css--damyanov div.quickLinks.prod div.linksModule {
		width: 100% !important;
		margin: 0 0 20px;
		padding: 15px 15px 20px 15px;
		border-bottom: 1px solid #e7e7e7;
		text-align: left
	}
	.css--damyanov div.quickLinks.prod div.lastProductsModule.index_b a {
		text-align: left !important
	}
	.css--damyanov div.circle-image-article div.image-container {
		display: none
	}
	.css--damyanov div.circle-image-article div.link-block {
		padding-left: 0
	}
}

.css--damyanov div.quickLinks div.linksModule.tools div.toolsContent.reverse .imagery {
	float: right;
	padding-right: 0
}

.css--damyanov section#timeline {
	margin: 50px 0 80px
}

.css--damyanov section#timeline div.timeLineHolder {
	position: relative;
	width: 80%;
	margin: 0 auto
}

.css--damyanov section#timeline div.heading {
	position: static;
	text-align: center;
	margin-bottom: 40px;
	padding-left: 470px
}

.css--damyanov section#timeline div.heading h1 {
	text-align: left
}

@media (max-width: 959px) {
	.css--damyanov section#timeline div.heading {
		padding-left: 0
	}
	.css--damyanov section#timeline div.heading h1 {
		text-align: center
	}
}

.css--damyanov section#timeline div.timeLineHolder div.stage.visible {
	display: flex !important;
	flex-wrap: wrap
}

.css--damyanov section#timeline div.timeLineHolder div.stage {
	display: none;
	overflow: hidden;
	margin: 0 0 5px 0
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule:first-child {
	width: 440px;
	flex-grow: 0
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule h4 {
	font-size: 18px;
	line-height: 1.1
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule {
	float: left;
	width: 300px;
	flex-grow: 1;
	min-height: 252px
}

.css--damyanov .dijitReset {
	margin: 0;
	border: 0;
	padding: 0;
	font: inherit;
	line-height: normal;
	color: inherit
}

.css--damyanov table {
	border-collapse: collapse;
	border-spacing: 0
}

.css--damyanov .dijitSliderDecorationH {
	width: 100%
}

.css--damyanov .dijitSliderBarContainerH {
	position: relative;
	z-index: 1
}

.css--damyanov .dijitSliderDecoration {
	text-align: center
}

.css--damyanov .dijitSliderButtonContainer {
	text-align: center;
	height: 0
}

.css--damyanov .dijitSliderDecoration {
	text-align: center
}

.css--damyanov section#timeline div.progress {
	width: 100%;
	padding: 21px 0 0 0
}

.css--damyanov section#timeline .dijitSliderProgressBar {
	border-radius: 0 5px 5px 0
}

.css--damyanov section#timeline .dijitSliderBar {
	height: 10px;
	border: 0 none;
	border-radius: 0 0 0 0;
	background: #ebeeee
}

.css--damyanov .dijitSliderProgressBarH {
	position: absolute !important;
	width: 0;
	vertical-align: middle;
	overflow: visible
}

.css--damyanov .dijitSliderProgressBar {
	background-color: red;
	z-index: 1
}

.css--damyanov .dijitSliderBarH {
	height: 4px;
	border-width: 1px 0
}

.css--damyanov .dijitSliderBar {
	border-style: solid;
	border-color: black;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

.css--damyanov .dijitSliderMoveableH {
	right: 0
}

.css--damyanov .dijitSliderMoveable {
	z-index: 99;
	position: absolute !important;
	display: block;
	vertical-align: middle
}

.css--damyanov section#timeline .dijitSliderImageHandle {
	border: 0 none;
	background: #fff500;
	width: 35px;
	height: 35px;
	margin: -8px 0 0;
	border-radius: 200px;
	outline: none;
	z-index: 8000
}

.css--damyanov .dijitSliderImageHandleH {
	left: 50%;
	top: -5px;
	vertical-align: top
}

.css--damyanov .dj_a11y div.dijitSliderImageHandle,
.css--damyanov .dijitSliderImageHandle {
	margin: 0;
	padding: 0;
	position: relative !important;
	border: 8px solid gray;
	width: 0;
	height: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

.css--damyanov section#timeline div.progress span:first-child {
	text-align: left
}

.css--damyanov section#timeline .dijitSliderRightBumper {
	border-radius: 0 5px 5px 0
}

.css--damyanov .dijitSliderRemainingBarH {
	width: 100% !important
}

.css--damyanov section#timeline .dijitSliderBar {
	height: 10px;
	border: 0 none;
	border-radius: 0 0 0 0;
	background: #ebeeee
}

.css--damyanov .dijitSliderBumperH {
	width: 8px;
	height: 4px;
	border-width: 1px 0
}

.css--damyanov .dijitSliderBumper {
	overflow: hidden;
	z-index: 1
}

.css--damyanov section#timeline .dijitSliderButtonContainer * {
	display: none
}

.css--damyanov .dijitSliderButtonContainer * {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

.css--damyanov div.stage-corosel {
	position: relative;
	width: 100%;
	min-height: 444px;
	background: #dddddd;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../../../assets/images/modules/hero/hero-1_40size1.jpg)
}

@media (max-width: 959px) {
	.css--damyanov div.stage-corosel {
		display: none
	}
}

.css--damyanov div.stage-corosel div.stageContent {
	position: absolute;
	top: 20%;
	left: 4%
}

.css--damyanov div.stage-corosel div.stageContent div.subTitle {
	position: relative
}

.css--damyanov div.stage-corosel div.stageContent a.cta {
	bottom: 0;
	left: 0
}

.css--damyanov div.stage-corosel div.stageContent div.subTitle h2 {
	display: inline-block
}

.css--damyanov div.stage-corosel div.stageContent div.subTitle .icons {
	display: inline-block;
	vertical-align: middle
}

.css--damyanov div.stage-corosel div.stageNav .icons {
	display: inline-block;
	vertical-align: middle
}

.css--damyanov div.stage-corosel div.stageContent a {
	position: relative;
	display: block;
	margin: 25px 0 0 0;
	font-size: 1.5em;
	font-family: 'Futura-bold';
	color: #000000
}

.css--damyanov div.stage-corosel div.stageContent div.subTitle div.tooltipContent {
	display: none;
	position: absolute;
	top: -60px;
	right: 50px;
	padding: 15px;
	background: yellow;
	font-family: 'Roboto-normal'
}

.css--damyanov div.stage-corosel div.stageNav {
	position: absolute;
	right: 2%;
	bottom: 5%
}

.css--damyanov div.stage-corosel div.stageNav ul li {
	display: block;
	float: left;
	padding: 0 40px 0 0
}

.css--damyanov div.advantages.visible {
	display: block
}

.css--damyanov div.advantages {
	display: none;
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f4f8fb;
	font-family: 'Roboto-normal'
}

.css--damyanov div.advantages div.content {
	padding: 35px 0 35px;
	margin-left: 28% !important
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x6 {
	width: 47.91667%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .gridModule {
	float: left
}

.css--damyanov div.advantages h5 {
	margin-bottom: 10px
}

.css--damyanov div.advantages div.content .down-arrow-link h6 {
	font-size: 21.85px
}

.css--damyanov .g-3up .breadcrumb-pannel {
	float: left
}

.css--damyanov .g-3up .tab-menu {
	float: right
}

.css--damyanov .g-3up .list {
	margin-bottom: 0;
	padding-bottom: 0
}

.css--damyanov .g-3up .list .text.gridModule,
.css--damyanov .g-3up .list .heading.gridModule {
	padding: 30px 25px;
	margin-top: 0;
	border: 0 none
}

.css--damyanov .g-3up .list .text.gridModule {
	padding-top: 43px
}

.css--damyanov .g-3up .list .heading.gridModule {
	width: 20.91667%
}

.css--damyanov .g-3up .list .text {
	border-left: 1px solid #dddddd
}

.css--damyanov .g-3up .list .text h4 {
	color: #000000;
	font-size: 1.5em;
	margin-bottom: 10px
}

.css--damyanov .g-3up .list .text p {
	font-size: 18.4px;
	line-height: 1.66667em;
	margin-bottom: 15px;
	color: #1d1d1b
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x6 {
	width: 47.91667%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov div.news div.column {
	font-family: 'Roboto-normal'
}

.css--damyanov div.news div.column p.small {
	font-weight: 800
}

.css--damyanov .grid.x12 .gridModule.x3 {
	width: 22.91667%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov div.news div.column:first-child {
	text-align: right;
	padding: 0 0 10px
}

.css--damyanov div.news div.column:first-child span {
	display: block;
	padding: 0 16px 0 0;
	font-family: 'Futura-bold';
	color: #000000
}

.css--damyanov .grid.x12 .gridModule.x6 {
	width: 47.91667%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .home.short-credit-card-img .bus-list-block .businnes-bb {
	background-size: cover;
	background-color: #f7f7f7
}

.css--damyanov div#mainNav {
	position: relative;
	background: #ffffff;
	z-index: 3000;
	width: 100%
}

.css--damyanov div#mainNav.openSubNav {
	-webkit-transform: translate(300px, 0);
	-moz-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	transform: translate(300px, 0)
}

@media (min-width: 1680px) {
	.css--damyanov div#mainNav {
		width: 1680px;
		margin: 0 auto
	}
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		position: fixed;
		top: 0;
		width: 100%
	}
	.css--damyanov div#mainNav.active .mobileMenu bdi {
		background: transparent;
		-webkit-transform: translateX(2px);
		-moz-transform: translateX(2px);
		-ms-transform: translateX(2px);
		-o-transform: translateX(2px);
		transform: translateX(2px)
	}
	.css--damyanov div#mainNav.active .mobileMenu bdi:before {
		-webkit-transform: rotate(45deg) translateY(5px) translateX(2px);
		-moz-transform: rotate(45deg) translateY(5px) translateX(2px);
		-ms-transform: rotate(45deg) translateY(5px) translateX(2px);
		-o-transform: rotate(45deg) translateY(5px) translateX(2px);
		transform: rotate(45deg) translateY(5px) translateX(2px)
	}
	.css--damyanov div#mainNav.active .mobileMenu bdi:after {
		-webkit-transform: rotate(-45deg) translateY(-5px) translateX(2px);
		-moz-transform: rotate(-45deg) translateY(-5px) translateX(2px);
		-ms-transform: rotate(-45deg) translateY(-5px) translateX(2px);
		-o-transform: rotate(-45deg) translateY(-5px) translateX(2px);
		transform: rotate(-45deg) translateY(-5px) translateX(2px)
	}
	.css--damyanov div.list div.heading {
		text-align: left;
		padding-bottom: 0 !important
	}
	.css--damyanov div.list div.text {
		padding-top: 20px !important
	}
	.css--damyanov .grid.z4 .gridModule.z4 {
		width: 95.83333%;
		margin-right: 2.08333%;
		padding-right: 0%;
		margin-left: 2.08333%;
		padding-left: 0%;
		display: block
	}
}

.css--damyanov div#mainNav.hide-me {
	-webkit-transform: translate(0, -70px);
	-moz-transform: translate(0, -70px);
	-ms-transform: translate(0, -70px);
	-o-transform: translate(0, -70px);
	transform: translate(0, -70px)
}

.css--damyanov div#mainNav.sticky,
.css--damyanov .sticky div#mainNav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}

@media (min-width: 1680px) {
	.css--damyanov div#mainNav.sticky,
	.css--damyanov .sticky div#mainNav {
		width: 1680px;
		left: 50%;
		margin-left: -840px;
		z-index: 9999
	}
}

.css--damyanov div#mainNav.sticky div.mainNavContent,
.css--damyanov .sticky div#mainNav div.mainNavContent {
	padding: 0;
	border-bottom: 1px solid #f3f2f1;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5)
}

.css--damyanov div#mainNav.sticky .saveTag,
.css--damyanov .sticky div#mainNav .saveTag {
	display: block;
	position: absolute;
	width: 33px;
	height: 44px;
	background: url("../../../assets/images/icons/save-icon.png") 0 0 no-repeat;
	bottom: -38px;
	left: 200px;
	z-index: 8500
}

.css--damyanov div#mainNav.sticky .saveTag:hover,
.css--damyanov .sticky div#mainNav .saveTag:hover {
	border: none;
	padding: 0
}

.css--damyanov div#mainNav .saveTag {
	display: none
}

.css--damyanov div#mainNav div.menuCancel {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background: #454d50;
	z-index: 5000
}

.css--damyanov div#mainNav div.menuCancel a {
	display: block;
	float: right;
	padding: 0px 30px 0px;
	font-size: 1.16667em;
	color: white !important;
	line-height: 70px
}

.css--damyanov div#mainNav div.mainNavContent {
	overflow: hidden;
	padding: 13px 20px 0 20px;
	min-height: 55px
}

@media (max-width: 1015px) {
	.css--damyanov div#mainNav div.mainNavContent {
		min-height: 85px
	}
	.css--damyanov div#mainNav div.mainNavContent {
		min-height: 85px
	}
	.css--damyanov body.sticky div#mainNav div.mainNavContent {
		min-height: 55px
	}
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div.mainNavContent {
		padding: 10px;
		min-height: 50px
	}
}

.css--damyanov div#mainNav div#logo {
	float: left;
	margin-top: 9px
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div#logo {
		margin: 0
	}
}

.css--damyanov div#mainNav div#logo h1 {
	margin: 0
}

.css--damyanov div#mainNav div#logo.sticky,
.css--damyanov .sticky div#mainNav div#logo {
	margin: 10px
}

.css--damyanov div#mainNav div#logo a {
	display: block;
	width: 167px;
	height: 48px;
	text-indent: -9999px;
	background: url("../images/common/logo.png") 0 0 no-repeat
}

.css--damyanov div#mainNav div#logo a.sticky,
.css--damyanov .sticky div#mainNav div#logo a {
	width: 128px;
	height: 36px;
	background-size: 128px 36px
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div#logo a {
		width: 132px;
		height: 38px;
		margin: 6px 0 0 0;
		background-size: contain
	}
}

.css--damyanov div#mainNav ul {
	display: block;
	float: right;
	margin: 40px 319px 0 0
}

.css--damyanov div#mainNav .drop-block2 ul {
	margin-right: 0;
	margin-top: 0
}

.css--damyanov div#mainNav ul.sticky,
.css--damyanov .sticky div#mainNav ul {
	margin: 23px 338px 0 0;
	min-height: 0
}

@media (max-width: 1150px) {
	.css--damyanov div#mainNav ul.sticky,
	.css--damyanov .sticky div#mainNav ul {
		margin-left: 98px
	}
	.css--damyanov body.sticky div#mainNav ul {
		margin-left: 0
	}
}

.css--damyanov div#mainNav ul.sticky a:hover,
.css--damyanov .sticky div#mainNav ul a:hover {
	padding-bottom: 0
}

.css--damyanov div#mainNav ul.sticky a:hover:after,
.css--damyanov .sticky div#mainNav ul a:hover:after {
	bottom: 0
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav ul {
		display: none
	}
}

.css--damyanov div#mainNav ul li {
	display: inline-block;
	padding: 0 31px 0 0
}

@media (max-width: 1265px) {
	.css--damyanov div#mainNav ul li {
		padding: 0 10px 0 0
	}
}

@media (max-width: 1285px) {
	.css--damyanov div#mainNav ul div.sub div.subModule {
		margin-left: 16px;
		margin-right: 1.04167%;
		padding-right: 0%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov div#mainNav ul li a.nav-link {
		margin-right: 15px
	}
}

@media (max-width: 1285px) {
	.css--damyanov div#mainNav ul div.sub div.subModule {
		width: 27.25%
	}
}

@media (max-width: 1150px) {
	.css--damyanov div#mainNav ul li {
		padding: 0 7px 0 0
	}
	.css--damyanov div#mainNav ul li a.nav-link {
		margin-right: 7px
	}
}

@media (max-width: 1050px) {
	.css--damyanov div#mainNav ul li {
		padding: 0 5px 0 0
	}
}

.css--damyanov div#mainNav ul li:hover div.sub {
	display: block;
	opacity: 1
}

.css--damyanov div#mainNav ul a {
	color: #000000;
	font-family: 'Futura-bold';
	font-size: 1.41667em;
	letter-spacing: -0.5px;
	position: relative;
	padding-bottom: 10px;
	display: block;
	text-decoration: none;
	border: none
}

.css--damyanov div#mainNav ul a.drop-link {
	font-family: 'Roboto-normal'
}

.css--damyanov div#mainNav ul a.sticky,
.css--damyanov .sticky div#mainNav ul a {
	padding: 0;
	height: 33px
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav ul a {
		padding: 0
	}
}

@media (max-width: 1068px) {
	.css--damyanov div#mainNav ul a {
		font-size: 1.16667em;
		padding-bottom: 14px
	}
}

.css--damyanov div#mainNav ul a:hover:after {
	width: 100%
}

.css--damyanov div#mainNav ul div.sub {
	opacity: 1;
	display: block;
	position: absolute;
	top: 84px;
	left: 0;
	width: 100%;
	height: 356px;
	background: #ffffff;
	z-index: 8500;
	overflow: visible;
	-webkit-box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.2)
}

.css--damyanov div#mainNav ul div.sub.sticky,
.css--damyanov .sticky div#mainNav ul div.sub {
	top: 54px
}

@media (max-width: 1150px) {
	.css--damyanov div#mainNav ul div.sub div.introModule {
		max-width: 220px
	}
}

.css--damyanov div#mainNav ul div.sub div.introModule div.introContent {
	position: relative;
	font-family: 'Roboto-normal'
}

.css--damyanov div#mainNav ul div.sub div.introModule div.introContent div.thumbHeading {
	position: relative;
	margin: 0 0 15px 0
}

.css--damyanov div#mainNav ul div.sub div.introModule div.introContent div.thumbHeading a {
	height: auto
}

.css--damyanov div#mainNav ul div.sub div.introModule div.introContent div.thumbHeading h2 {
	position: absolute;
	left: 20px;
	bottom: 14px;
	color: #ffffff;
	font-size: 1.5em
}

@media (min-width: 1281px) {
	.css--damyanov div#mainNav ul div.sub div.subModule {
		margin-left: 16px;
		width: 28.58333%;
		margin-right: 1.04167%;
		padding-right: 0%;
		margin-left: 1.04167%;
		padding-left: 0%;
		display: block
	}
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList {
	margin: 15px 0 0 15px
}

@media (max-width: 1150px) {
	.css--damyanov div#mainNav ul div.sub div.subModule div.subList {
		margin-left: 5px
	}
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList a.heading {
	height: auto;
	font-family: 'Futura-bold';
	font-size: 1.25em
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList ul {
	float: left;
	margin: 0 0 0 0
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList ul li {
	display: block;
	padding: 0 0 3px 0;
	line-height: 13px
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList ul a {
	color: #000000;
	font-family: 'Roboto-normal';
	font-size: 1.16667em;
	font-weight: normal;
	position: relative;
	padding-bottom: 5px;
	height: auto
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList ul a .uiLinkBar {
	height: 4px
}

@media (max-width: 1159px) {
	.css--damyanov div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent a.animated-btn i {
		margin: -10px 17px 10px 10px
	}
	.css--damyanov div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent a span {
		font-size: 18.4px
	}
}

@media (max-width: 1150px) {
	.css--damyanov div#mainNav ul div.sub div.subThumbs div.subThumbsContent {
		padding-left: 0
	}
}

.css--damyanov div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	bottom: 0;
	text-align: right
}

.css--damyanov div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent img {
	max-width: none;
	max-height: none
}

.css--damyanov div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent span {
	display: block;
	position: relative;
	font-family: 'Futura-bold'
}

.css--damyanov div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent a {
	position: absolute;
	top: 0;
	right: 5;
	display: inline-block;
	margin: 0;
	color: #ffffff;
	font-size: 1.16667em;
	font-weight: normal;
	margin-top: 120px
}

.css--damyanov div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent a:hover {
	border: 0 none;
	padding: 0
}

.css--damyanov div#mainNav ul div.sub div.subThumbs div.subThumbItem div.thumbContent a i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: -25px 17px 10px 35px
}

.css--damyanov div#mainNav div#mainNavCTA {
	position: absolute;
	top: 0;
	right: 0;
	width: 339px;
	height: 84px;
	background: #fff500;
	background: -moz-linear-gradient(top, #fff500 0%, #fff500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(100%, #fff500));
	background: -webkit-linear-gradient(top, #fff500 0%, #fff500 100%);
	background: -o-linear-gradient(top, #fff500 0%, #fff500 100%);
	background: -ms-linear-gradient(top, #fff500 0%, #fff500 100%);
	background: linear-gradient(to bottom, #fff500 0%, #fff500 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff500', GradientType=0)
}

.css--damyanov div#mainNav div#mainNavCTA.sticky,
.css--damyanov .sticky div#mainNav div#mainNavCTA {
	height: 57px
}

.css--damyanov div#mainNav div#mainNavCTA.sticky a,
.css--damyanov .sticky div#mainNav div#mainNavCTA a {
	padding: 20px 0 0 30px
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div#mainNavCTA {
		display: block;
		position: relative;
		float: right;
		width: 82px;
		height: 70px;
		margin: -10px 0 -10px 0
	}
}

.css--damyanov div#mainNav div#mainNavCTA a {
	display: block;
	padding: 39px 0 0 30px;
	color: #000000;
	font-family: 'Futura-bold';
	font-size: 1.41667em;
	font-weight: bold
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div#mainNavCTA a {
		margin: 15px 0 0;
		padding: 0;
		text-align: center;
		font-size: 0.91667em;
		font-family: 'Roboto-normal';
		font-weight: normal
	}
}

.css--damyanov div#mainNav div#mainNavCTA a span {
	display: block
}

.css--damyanov div#mainNav div#mainNavCTA a span.copyMobile {
	display: none;
	padding: 5px 0 0 0
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div#mainNavCTA a span.copyDesktop {
		display: none
	}
	.css--damyanov div#mainNav div#mainNavCTA a span.copyMobile {
		display: block
	}
	.css--damyanov div#mainNav div#mainNavCTA a i.icon-right {
		display: none
	}
	.css--damyanov div#mainNav p.copyDesktop {
		display: none !important
	}
}

@media (max-width: 959px) and (max-width: 959px) {
	.css--damyanov div#mainNavCTA a p.copyMobile {
		display: block !important;
		font-size: 12.65px !important;
		font-family: 'Roboto-normal' !important
	}
	.css--damyanov h2.sg-pattern-head {
		padding: 2px 0 0 10px
	}
}

.css--damyanov div#mainNav div#mainNavCTA a i {
	float: right
}

.css--damyanov div#mainNav div#mainNavCTA a i:first-child {
	vertical-align: top;
	float: none
}

.css--damyanov div#mainNav div#mainNavCTA a p {
	font-size: 19.55px;
	vertical-align: top;
	font-family: 'Futura-bold';
	display: inline-block
}

.css--damyanov div#mainNav div#mainNavCTA a i.key {
	float: left;
	width: 18px;
	height: 26px;
	margin: -5px 10px 0 0;
	background: url("../images/icons/key.png") 0 0 no-repeat
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div#mainNavCTA a i.key {
		float: none;
		margin: 0 auto
	}
}

.css--damyanov div#mainNav div#mainNavCTA a i.arrow-right {
	float: right;
	width: 9px;
	height: 12px;
	margin: 3px 10px 0 0;
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div#mainNavCTA a i.arrow-right {
		display: none
	}
}

.css--damyanov div#mainNav div.mobileMenu {
	display: none;
	float: right;
	width: 82px;
	height: 70px;
	margin: -10px -10px -10px 0;
	text-align: center
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div.mobileMenu {
		display: block
	}
}

.css--damyanov div#mainNav div.mobileMenu a.toggle {
	display: block;
	padding: 46px 0 0 0;
	color: #000000
}

.css--damyanov div#mainNav div.mobileMenu a bdi {
	position: absolute;
	width: 22px;
	height: 3px;
	background: #000000;
	top: 28px;
	right: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.css--damyanov div#mainNav div.mobileMenu a bdi:before,
.css--damyanov div#mainNav div.mobileMenu a bdi:after {
	content: '';
	position: absolute;
	width: 22px;
	height: 3px;
	background: #000000;
	right: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.css--damyanov div#mainNav div.mobileMenu a bdi:before {
	top: -5px
}

.css--damyanov div#mainNav div.mobileMenu a bdi:after {
	top: 5px
}

.css--damyanov div#mainNav div.mobileMenu a span {
	display: block
}

.css--damyanov div#mainNav div.mobileMenu a span[data-control] {
	display: none
}

.css--damyanov div#mainNav div.mobileMenu a span[data-control="open"] {
	display: block
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper {
	display: none;
	position: absolute;
	top: 70px;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #ffffff;
	text-align: left
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper {
		overflow: scroll
	}
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper a {
	color: #000000
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop {
	position: relative;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop.active {
	background: #e9edf0
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent {
	padding: 15px 15px;
	overflow: hidden
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent.active {
	background: #e9edf0
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent.active a.toggleSearch {
	display: none
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit {
	overflow: hidden
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOption {
	float: left
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOption i {
	display: block;
	float: left;
	width: 20px;
	height: 20px
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOption i.personal {
	background: url("../images/modules/navigation/unitPersonal.png") 0 0 no-repeat
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOption span {
	display: block;
	margin: 4px 0 0 33px
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOptionSelected {
	float: left;
	margin: 0 0 0 6px
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOptionSelected i {
	display: block;
	float: right;
	width: 14px;
	height: 9px;
	margin: 4px 0 0 16px;
	background: url("../images/icons/arrow-down.png") 0 0 no-repeat
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOptionSelected span {
	display: block;
	margin: 3px 0 0
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitTop div.unitOptionSelected span strong {
	font-family: 'Futura-bold';
	font-size: 1.08333em
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu {
	display: none;
	position: absolute;
	top: 52px;
	left: 0;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background: #e9edf0;
	z-index: 5000
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul li {
	display: block;
	width: 100%
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul li:hover {
	background: #fafd00
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul li a {
	display: block;
	padding: 17px 15px 3px;
	font-size: 1.41667em
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuTopContent div.unit div.unitMenu ul li a:hover {
	border: 0 none
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch {
	float: right;
	width: 82px;
	height: 100%
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch a.toggleSearch {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 82px;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	background: #f1f3f2 url("../images/icons/search.png") center center no-repeat;
	z-index: 4000
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch a.toggleSearch.active {
	background: yellow url("../images/modules/navigation/search.png") center center no-repeat
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e9edf0;
	z-index: 3000
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form {
	display: block
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input {
	padding: 18px 25px;
	border: 0 none;
	background: transparent;
	font-size: 1.41667em;
	font-family: 'Roboto-normal'
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input ::-webkit-input-placeholder {
	color: #e9ebec
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input :-moz-placeholder {
	color: #e9ebec
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input ::-moz-placeholder {
	color: #e9ebec
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent form input :-ms-input-placeholder {
	color: #e9ebec
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu {
	display: block
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu h4 {
	display: block;
	margin: 10px 0 10px -32px;
	font-size: 1.33333em;
	font-family: 'Roboto-normal';
	cursor: default
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu .tt-highlight {
	font-weight: bold;
	color: #444444
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu div.tt-suggestion {
	color: #aaaaaa;
	font-family: 'Futura-bold';
	margin-left: -32px
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu div.tt-suggestion:hover {
	color: #444444;
	font-weight: bold
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.menuSearch div.menuSearchContent span.tt-dropdown-menu div.tt-suggestion p {
	margin-bottom: 2px;
	font-size: 1.66667em
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading,
.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading-2 {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #f1f3f2;
	color: #000000;
	text-align: center;
	z-index: 5000
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading span,
.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading-2 span {
	display: block;
	margin: 18px 0 0 0;
	font-family: 'Futura-bold';
	font-size: 1.25em;
	text-transform: capitalize
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading a,
.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.menuTop div.mobileMenuHeading-2 a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 13px;
	height: 19px;
	margin: 18px 0 0 15px;
	padding: 3px 0 0 23px;
	background: url("../images/icons/arrow-left-black.png") 0 0 no-repeat;
	font-family: 'Roboto-normal';
	text-transform: capitalize
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%
}

@media (max-width: 959px) {
	.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent {
		margin: 0 0 35px 0
	}
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mainLevel {
	display: none;
	overflow: hidden
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mainLevel.active {
	display: block
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li {
	display: block;
	padding: 10px 15px 10px 15px
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li:active {
	background-color: #fafd00
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li a {
	display: block;
	position: relative;
	font-size: 1.41667em
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li a:hover {
	border: 0 none
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li a span {
	display: block;
	margin: 1px 0 0;
	font-family: 'Roboto-normal';
	font-size: 0.75em
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li a i {
	display: block;
	position: absolute;
	top: 10px;
	right: 19px;
	width: 9px;
	height: 12px;
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li div.subMenu {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	min-height: 350px;
	background: #ffffff;
	z-index: 4000
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent ul li div.subMenu ul {
	width: 100%
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mobileMenuLanguage {
	margin: 20px 0 0
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mobileMenuLanguage ul li {
	padding: 18px 15px 10px
}

.css--damyanov div#mainNav div.mobileMenu div.mobileMenuWrapper div.mobileMenuContent div.mobileMenuLanguage h3 {
	display: block;
	margin: 0;
	padding: 3px 15px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-family: 'Roboto-normal';
	font-size: 1.08333em;
	font-weight: normal
}

.css--damyanov div#navigationOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2000
}

.css--damyanov div#navigationOverlay.visible {
	display: block
}

.css--damyanov div#mainNav div#mainNavCTA a p.copyMobile {
	display: none;
	padding: 5px 0 0 0
}

.css--damyanov div#navigationOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2000
}

.css--damyanov div#navigationOverlay.visible {
	display: block
}

.css--damyanov div#search {
	position: relative;
	right: 0;
	float: right;
	width: 339px;
	height: 37px;
	background: #e9edf0;
	z-index: 6000
}

.css--damyanov div#search div.searchContent {
	width: 100%;
	padding: 3px 0 0 4px;
	overflow: hidden
}

.css--damyanov div#search div.searchContent:nth-child(2) {
	display: none
}

.css--damyanov div#search div.searchContent form {
	display: block;
	width: 100%;
	overflow: hidden
}

.css--damyanov div#search div.searchContent form i {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	margin: 6px 19px 0 19px;
	background: url("../images/modules/search/search.png") 0 0 no-repeat
}

.css--damyanov div#search div.searchContent form i::-webkit-input-placeholder {
	color: #e9ebec
}

.css--damyanov div#search div.searchContent form i:-moz-placeholder {
	color: #e9ebec
}

.css--damyanov div#search div.searchContent form i::-moz-placeholder {
	color: #e9ebec
}

.css--damyanov div#search div.searchContent form i:-ms-input-placeholder {
	color: #e9ebec
}

.css--damyanov div#search div.searchContent form input {
	float: left;
	width: 70%;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0 none;
	border-bottom: 1px solid #000000;
	color: #000000;
	font-size: 1.25em;
	background: transparent;
	outline: none
}

.css--damyanov div#search div.searchContent form ::-webkit-input-placeholder {
	color: #000000
}

.css--damyanov div#search div.searchContent form a {
	display: block
}

.css--damyanov div#search div.searchContent form a.clear {
	float: left;
	width: 11px;
	height: 11px;
	margin: 10px 0 0 15px;
	text-indent: -9999px;
	background: url("../images/modules/search/close.png") 0 0 no-repeat
}

.css--damyanov div#search div.searchContent form div.results {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #f7f7f7
}

.css--damyanov div#search div.searchContent form div.results.visible {
	display: block
}

.css--damyanov div#search div.searchContent form div.results div.block {
	margin: 0 0 41px 0;
	padding: 17px 19px
}

.css--damyanov div#search div.searchContent form div.results div.block h3 {
	display: block;
	margin: 0 0 22px 0;
	font-family: 'Roboto-normal';
	font-size: 1.33333em;
	font-weight: normal;
	color: #878a8e
}

.css--damyanov div#search div.searchContent form div.results div.block a {
	margin: 0 0 8px 0;
	font-family: 'Roboto-normal';
	font-size: 1.16667em;
	color: #000000
}

.css--damyanov div#search div.searchContent form div.results div.block a:last-child {
	margin: 0
}

.css--damyanov div#search div.searchContent form div.results div.block.recommended {
	padding: 0;
	margin: 0
}

.css--damyanov div#search div.searchContent form div.results div.block.recommended h3 {
	padding: 0 19px
}

.css--damyanov div#search div.searchContent form div.results div.block.recommended a {
	padding: 19px
}

.css--damyanov div#search div.searchContent form div.results div.block.recommended a:hover {
	background: #f9fc00
}

.css--damyanov div#search div.searchContent form div.results div.block.recommended a h2 {
	margin: 0 0 8px 0;
	font-family: 'Futura-bold';
	font-size: 1em;
	font-weight: normal;
	color: #000000
}

.css--damyanov div#search div.searchContent form div.results div.block.recommended a span {
	display: block;
	font-family: 'Roboto-normal';
	font-size: 0.83333em
}

.css--damyanov div.vertical div.homeModuleCTA a span {
	font-size: 17.25px
}

@media (max-width: 959px) {
	.css--damyanov div.vertical div.verticalModule,
	.css--damyanov div.vertical div.verticalModule:first-child {
		width: 100%;
		padding: 0 20px;
		min-height: 190px
	}
	.css--damyanov div.vertical div.verticalModule:first-child {
		min-height: 104px
	}
	.css--damyanov div.vertical div.verticalModule:first-child div.heading {
		text-align: left !important
	}
	.css--damyanov div.vertical div.verticalModuleWrapper {
		padding-top: 40px
	}
	.css--damyanov div.vertical div.homeModuleCTA {
		bottom: 0
	}
}

.css--damyanov div#mainNav ul div.sub,
.css--damyanov div.grid.x12.y12.z4.sub {
	opacity: 0;
	display: none;
	position: absolute;
	top: 84px;
	left: 0;
	width: 100%;
	min-height: 519px;
	padding: 0 372px 0 0;
	background: #f1f3f3;
	z-index: 8500;
	box-sizing: border-box;
	-webkit-box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.2)
}

.css--damyanov div.grid.x12.y12.z4.sub {
	display: block;
	opacity: 1
}

.css--damyanov div#mainNav ul div.sub.subModuleArticlesNoBanners,
.css--damyanov div.grid.x12.y12.z4.sub.subModuleArticlesNoBanners {
	padding-right: 0
}

.css--damyanov div#mainNav ul div.sub.subModuleArticlesNoBanners .gridModule.x4,
.css--damyanov div.grid.x12.y12.z4.sub.subModuleArticlesNoBanners .gridModule.x4 {
	width: 22.91667%;
	margin-right: 1.04167%;
	margin-left: 1.04167%
}

.css--damyanov div#mainNav ul div.sub.sticky,
.css--damyanov .sticky div#mainNav ul div.sub {
	top: 54px
}

.css--damyanov div.sub div.introModule {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 33%;
	background: #ffffff;
	z-index: 7000
}

.css--damyanov div.introModule div.introContent {
	position: relative;
	font-family: 'Roboto-normal'
}

@media (max-width: 1150px) {
	.css--damyanov div.introModule div.introContent {
		font-size: 0.8333333333333334em
	}
}

.css--damyanov div.introModule div.introContent div.thumbHeading {
	position: relative;
	margin: 0 0 14px 0
}

.css--damyanov div.introModule div.introContent div.thumbHeading a {
	height: auto
}

.css--damyanov div.introModule div.introContent div.thumbHeading h1 {
	position: absolute;
	left: 23px;
	bottom: 23px;
	margin-bottom: 0;
	font-size: 2.66667em;
	color: #ffffff
}

@media (max-width: 1300px) {
	.css--damyanov div.introModule div.introContent div.thumbHeading h1 {
		font-size: 2.2em
	}
}

.css--damyanov div.introModule div.introContent div.thumbHeading img {
	width: 100%;
	max-width: auto
}

.css--damyanov div.introModule div.introContent p {
	font-size: 1.16667em;
	margin-left: 20px;
	width: 80%
}

.css--damyanov div.introModule div.introContent a {
	font-size: 19.55px;
	position: relative;
	margin-left: 20px;
	height: 20px;
	color: #000000;
	font-family: 'Futura-bold';
	padding: 0
}

@media (min-width: 959px) {
	.css--damyanov div.introModule div.introContent a:hover i {
		margin: 0px 0 0 23px;
		position: relative
	}
}

@media (max-width: 959px) {
	.css--damyanov div.introModule div.introContent a:hover i {
		animation: none !important
	}
}

.css--damyanov div.introModule div.introContent a:focus {
	text-decoration: none
}

.css--damyanov div.introModule div.introContent a i {
	position: relative;
	display: inline-block;
	top: 1px;
	width: 9px;
	height: 12px;
	margin: -16px 0 0 10px;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: auto
}

@media (max-width: 959px) {
	.css--damyanov div.introModule div.introContent a i {
		right: 0
	}
}

.css--damyanov div.introModule div.introContent a:hover i {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

.css--damyanov .subModuleArticlesWrap {
	position: relative;
	display: block;
	padding: 0 0 0 33%;
	min-height: 519px;
	background: #f1f3f3
}

.css--damyanov .subModuleArticlesWrap .row {
	position: relative;
	display: block;
	overflow: hidden
}

.css--damyanov div.subModule div.subList {
	margin: 35px 0 0 15px
}

@media (max-width: 1150px) {
	.css--damyanov div.subModule div.subList {
		margin-left: 5px;
		font-size: 0.73333em
	}
}

.css--damyanov div.subModule div.subList a.heading {
	height: auto;
	padding-bottom: 3px;
	font-family: 'Futura-bold';
	font-size: 1.33333em
}

.css--damyanov div.subModule div.subList .sub-heading {
	display: block;
	padding: 0 0 20px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.16667em;
	color: #999999
}

.css--damyanov div.subModule div.subList ul {
	float: left;
	margin: 7px 0 0 0
}

.css--damyanov div.subModule div.subList ul li {
	display: block;
	padding: 0 0 3px 0;
	line-height: 22px
}

.css--damyanov div.subModule div.subList ul a {
	color: #000000;
	font-family: 'Roboto-normal';
	font-size: 1.16667em;
	font-weight: normal;
	position: relative;
	padding-bottom: 0;
	height: auto
}

.css--damyanov div.subModule div.subList ul a .uiLinkBar {
	height: 4px
}

.css--damyanov div.subThumbs {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 339px;
	z-index: 6000
}

.css--damyanov div.subThumbs div.subThumbsContent {
	display: block
}

.css--damyanov div.subThumbs div.subThumbItem {
	position: relative;
	display: block;
	height: 173px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.css--damyanov div.subThumbs div.subThumbItem div.thumbContent {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	bottom: 0;
	text-align: right
}

.css--damyanov div.subThumbs div.subThumbItem div.thumbContent:hover .subThumbOverlay {
	display: block
}

.css--damyanov div.subThumbs div.subThumbItem div.thumbContent a.uiAnimatedArrow i {
	margin: -27px 16px 0 0
}

.css--damyanov a.uiAnimatedArrow i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: -5px 16px 0 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background: #fff500;
	background: -moz-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff500), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531));
	background: -webkit-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -o-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -ms-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: linear-gradient(to bottom, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff531', GradientType=0);
	position: absolute;
	right: 0;
	overflow: hidden
}

.css--damyanov a.uiAnimatedArrow i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -6px 0 0 0;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov div.subThumbs div.subThumbItem div.thumbContent img {
	max-width: none;
	max-height: none
}

.css--damyanov div.subThumbs div.subThumbItem div.thumbContent .subThumbOverlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.5;
	z-index: 10
}

.css--damyanov div.subThumbs div.subThumbItem div.thumbContent span {
	display: block;
	position: relative;
	font-family: 'Futura-bold';
	bottom: 0;
	right: 0;
	font-size: 1.66667em;
	padding-right: 68px;
	font-size: 21.85px;
	min-height: 47px;
	transition: all 0.3s ease-in-out
}

.css--damyanov div.subThumbs div.subThumbItem div.thumbContent a {
	position: absolute;
	right: 5px;
	display: inline-block;
	top: 125px;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-size: 1.33333em;
	font-weight: normal;
	z-index: 11
}

.css--damyanov div.subThumbs div.subThumbItem div.thumbContent a:hover {
	border: 0 none;
	padding: 0
}

.css--damyanov div.sg-pattern-body.modules-Megadropdown-T17 .gridModule.x4 {
	float: left;
	width: 31.25%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov div.sg-pattern-body.modules-Megadropdown-T17 div.sub {
	top: 52px !important;
	max-width: 1680px;
	opacity: 1
}

@media (max-width: 959px) {
	.css--damyanov div.sg-pattern-body.modules-Megadropdown-T17 div.sub {
		display: none !important
	}
}

@media (max-width: 1225px) {
	.css--damyanov div.subModule div.subList .sub-heading {
		padding: 0 0 4px 0
	}
	.css--damyanov div.subModule div.subList {
		margin: 16px 0 0 15px
	}
	.css--damyanov div.subModule div.subList ul a {
		font-size: 1.06667em
	}
}

@media (max-width: 1143px) {
	.css--damyanov div.introModule div.introContent a {
		font-size: 16.1px
	}
}

@media (max-width: 1068px) {
	.css--damyanov div.introModule div.introContent a {
		font-size: 13.8px
	}
}

.css--damyanov .gridSystem .grid {
	float: left
}

.css--damyanov .gridSystem .grid.floatr {
	float: right
}

.css--damyanov .gridSystem .gridModule {
	float: left
}

.css--damyanov .gridSystem .gridModule.floatr {
	float: right
}

.css--damyanov .gridSystem .grid.x1 {
	width: 8.33333%;
	display: block
}

.css--damyanov .gridSystem .grid.x1 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x1 .gridModule.x1 {
	width: 75%;
	margin-right: 12.5%;
	padding-right: 0%;
	margin-left: 12.5%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x2 {
	width: 16.66667%;
	display: block
}

.css--damyanov .gridSystem .grid.x2 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x2 .gridModule.x1 {
	width: 37.5%;
	margin-right: 6.25%;
	padding-right: 0%;
	margin-left: 6.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x2 .gridModule.x2 {
	width: 87.5%;
	margin-right: 6.25%;
	padding-right: 0%;
	margin-left: 6.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x3 {
	width: 25%;
	display: block
}

.css--damyanov .gridSystem .grid.x3 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x3 .gridModule.x1 {
	width: 25%;
	margin-right: 4.16667%;
	padding-right: 0%;
	margin-left: 4.16667%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x3 .gridModule.x2 {
	width: 58.33333%;
	margin-right: 4.16667%;
	padding-right: 0%;
	margin-left: 4.16667%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x3 .gridModule.x3 {
	width: 91.66667%;
	margin-right: 4.16667%;
	padding-right: 0%;
	margin-left: 4.16667%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x4 {
	width: 33.33333%;
	display: block
}

.css--damyanov .gridSystem .grid.x4 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x4 .gridModule.x1 {
	width: 18.75%;
	margin-right: 3.125%;
	padding-right: 0%;
	margin-left: 3.125%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x4 .gridModule.x2 {
	width: 43.75%;
	margin-right: 3.125%;
	padding-right: 0%;
	margin-left: 3.125%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x4 .gridModule.x3 {
	width: 68.75%;
	margin-right: 3.125%;
	padding-right: 0%;
	margin-left: 3.125%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x4 .gridModule.x4 {
	width: 93.75%;
	margin-right: 3.125%;
	padding-right: 0%;
	margin-left: 3.125%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x5 {
	width: 41.66667%;
	display: block
}

.css--damyanov .gridSystem .grid.x5 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x5 .gridModule.x1 {
	width: 15%;
	margin-right: 2.5%;
	padding-right: 0%;
	margin-left: 2.5%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x5 .gridModule.x2 {
	width: 35%;
	margin-right: 2.5%;
	padding-right: 0%;
	margin-left: 2.5%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x5 .gridModule.x3 {
	width: 55%;
	margin-right: 2.5%;
	padding-right: 0%;
	margin-left: 2.5%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x5 .gridModule.x4 {
	width: 75%;
	margin-right: 2.5%;
	padding-right: 0%;
	margin-left: 2.5%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x5 .gridModule.x5 {
	width: 95%;
	margin-right: 2.5%;
	padding-right: 0%;
	margin-left: 2.5%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x6 {
	width: 50%;
	display: block
}

.css--damyanov .gridSystem .grid.x6 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x6 .gridModule.x1 {
	width: 12.5%;
	margin-right: 2.08333%;
	padding-right: 0%;
	margin-left: 2.08333%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x6 .gridModule.x2 {
	width: 29.16667%;
	margin-right: 2.08333%;
	padding-right: 0%;
	margin-left: 2.08333%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x6 .gridModule.x3 {
	width: 45.83333%;
	margin-right: 2.08333%;
	padding-right: 0%;
	margin-left: 2.08333%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x6 .gridModule.x4 {
	width: 62.5%;
	margin-right: 2.08333%;
	padding-right: 0%;
	margin-left: 2.08333%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x6 .gridModule.x5 {
	width: 79.16667%;
	margin-right: 2.08333%;
	padding-right: 0%;
	margin-left: 2.08333%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x6 .gridModule.x6 {
	width: 95.83333%;
	margin-right: 2.08333%;
	padding-right: 0%;
	margin-left: 2.08333%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x7 {
	width: 58.33333%;
	display: block
}

.css--damyanov .gridSystem .grid.x7 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x7 .gridModule.x1 {
	width: 10.71429%;
	margin-right: 1.78571%;
	padding-right: 0%;
	margin-left: 1.78571%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x7 .gridModule.x2 {
	width: 25%;
	margin-right: 1.78571%;
	padding-right: 0%;
	margin-left: 1.78571%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x7 .gridModule.x3 {
	width: 39.28571%;
	margin-right: 1.78571%;
	padding-right: 0%;
	margin-left: 1.78571%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x7 .gridModule.x4 {
	width: 53.57143%;
	margin-right: 1.78571%;
	padding-right: 0%;
	margin-left: 1.78571%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x7 .gridModule.x5 {
	width: 67.85714%;
	margin-right: 1.78571%;
	padding-right: 0%;
	margin-left: 1.78571%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x7 .gridModule.x6 {
	width: 82.14286%;
	margin-right: 1.78571%;
	padding-right: 0%;
	margin-left: 1.78571%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x7 .gridModule.x7 {
	width: 96.42857%;
	margin-right: 1.78571%;
	padding-right: 0%;
	margin-left: 1.78571%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x8 {
	width: 66.66667%;
	display: block
}

.css--damyanov .gridSystem .grid.x8 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x8 .gridModule.x1 {
	width: 9.375%;
	margin-right: 1.5625%;
	padding-right: 0%;
	margin-left: 1.5625%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x8 .gridModule.x2 {
	width: 21.875%;
	margin-right: 1.5625%;
	padding-right: 0%;
	margin-left: 1.5625%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x8 .gridModule.x3 {
	width: 34.375%;
	margin-right: 1.5625%;
	padding-right: 0%;
	margin-left: 1.5625%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x8 .gridModule.x4 {
	width: 46.875%;
	margin-right: 1.5625%;
	padding-right: 0%;
	margin-left: 1.5625%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x8 .gridModule.x5 {
	width: 59.375%;
	margin-right: 1.5625%;
	padding-right: 0%;
	margin-left: 1.5625%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x8 .gridModule.x6 {
	width: 71.875%;
	margin-right: 1.5625%;
	padding-right: 0%;
	margin-left: 1.5625%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x8 .gridModule.x7 {
	width: 84.375%;
	margin-right: 1.5625%;
	padding-right: 0%;
	margin-left: 1.5625%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x8 .gridModule.x8 {
	width: 96.875%;
	margin-right: 1.5625%;
	padding-right: 0%;
	margin-left: 1.5625%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 {
	width: 75%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x1 {
	width: 8.33333%;
	margin-right: 1.38889%;
	padding-right: 0%;
	margin-left: 1.38889%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x2 {
	width: 19.44444%;
	margin-right: 1.38889%;
	padding-right: 0%;
	margin-left: 1.38889%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x3 {
	width: 30.55556%;
	margin-right: 1.38889%;
	padding-right: 0%;
	margin-left: 1.38889%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x4 {
	width: 41.66667%;
	margin-right: 1.38889%;
	padding-right: 0%;
	margin-left: 1.38889%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x5 {
	width: 52.77778%;
	margin-right: 1.38889%;
	padding-right: 0%;
	margin-left: 1.38889%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x6 {
	width: 63.88889%;
	margin-right: 1.38889%;
	padding-right: 0%;
	margin-left: 1.38889%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x7 {
	width: 75%;
	margin-right: 1.38889%;
	padding-right: 0%;
	margin-left: 1.38889%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x8 {
	width: 86.11111%;
	margin-right: 1.38889%;
	padding-right: 0%;
	margin-left: 1.38889%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x9 .gridModule.x9 {
	width: 97.22222%;
	margin-right: 1.38889%;
	padding-right: 0%;
	margin-left: 1.38889%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 {
	width: 83.33333%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x1 {
	width: 7.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x2 {
	width: 17.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x3 {
	width: 27.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x4 {
	width: 37.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x5 {
	width: 47.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x6 {
	width: 57.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x7 {
	width: 67.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x8 {
	width: 77.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x9 {
	width: 87.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x10 .gridModule.x10 {
	width: 97.5%;
	margin-right: 1.25%;
	padding-right: 0%;
	margin-left: 1.25%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 {
	width: 91.66667%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x1 {
	width: 6.81818%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x2 {
	width: 15.90909%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x3 {
	width: 25%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x4 {
	width: 34.09091%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x5 {
	width: 43.18182%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x6 {
	width: 52.27273%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x7 {
	width: 61.36364%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x8 {
	width: 70.45455%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x9 {
	width: 79.54545%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x10 {
	width: 88.63636%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x11 .gridModule.x11 {
	width: 97.72727%;
	margin-right: 1.13636%;
	padding-right: 0%;
	margin-left: 1.13636%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 {
	width: 100%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x0 {
	display: none
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x1 {
	width: 6.25%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x2 {
	width: 14.58333%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x3 {
	width: 22.91667%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x4 {
	width: 31.25%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x5 {
	width: 39.58333%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x6 {
	width: 47.91667%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x7 {
	width: 56.25%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x8 {
	width: 64.58333%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x9 {
	width: 72.91667%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x10 {
	width: 81.25%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x11 {
	width: 89.58333%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

.css--damyanov .gridSystem .grid.x12 .gridModule.x12 {
	width: 97.91667%;
	margin-right: 1.04167%;
	padding-right: 0%;
	margin-left: 1.04167%;
	padding-left: 0%;
	display: block
}

@media screen and (min-width: 481px) and (max-width: 959px),
screen and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) and (max-device-width: 1279px) {
	.css--damyanov .gridSystem .grid.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y0 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y1 {
		width: 8.33333%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y1 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y1 .gridModule.y1 {
		width: 74.97393%;
		margin-right: 12.51303%;
		padding-right: 0%;
		margin-left: 12.51303%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y2 {
		width: 16.66667%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y2 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y2 .gridModule.y1 {
		width: 37.48697%;
		margin-right: 6.25652%;
		padding-right: 0%;
		margin-left: 6.25652%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y2 .gridModule.y2 {
		width: 87.48697%;
		margin-right: 6.25652%;
		padding-right: 0%;
		margin-left: 6.25652%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y3 {
		width: 25%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y3 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y3 .gridModule.y1 {
		width: 24.99131%;
		margin-right: 4.17101%;
		padding-right: 0%;
		margin-left: 4.17101%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y3 .gridModule.y2 {
		width: 58.32464%;
		margin-right: 4.17101%;
		padding-right: 0%;
		margin-left: 4.17101%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y3 .gridModule.y3 {
		width: 91.65798%;
		margin-right: 4.17101%;
		padding-right: 0%;
		margin-left: 4.17101%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y4 {
		width: 33.33333%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y4 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y4 .gridModule.y1 {
		width: 18.74348%;
		margin-right: 3.12826%;
		padding-right: 0%;
		margin-left: 3.12826%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y4 .gridModule.y2 {
		width: 43.74348%;
		margin-right: 3.12826%;
		padding-right: 0%;
		margin-left: 3.12826%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y4 .gridModule.y3 {
		width: 68.74348%;
		margin-right: 3.12826%;
		padding-right: 0%;
		margin-left: 3.12826%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y4 .gridModule.y4 {
		width: 93.74348%;
		margin-right: 3.12826%;
		padding-right: 0%;
		margin-left: 3.12826%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y5 {
		width: 41.66667%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y5 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y5 .gridModule.y1 {
		width: 14.99479%;
		margin-right: 2.50261%;
		padding-right: 0%;
		margin-left: 2.50261%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y5 .gridModule.y2 {
		width: 34.99479%;
		margin-right: 2.50261%;
		padding-right: 0%;
		margin-left: 2.50261%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y5 .gridModule.y3 {
		width: 54.99479%;
		margin-right: 2.50261%;
		padding-right: 0%;
		margin-left: 2.50261%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y5 .gridModule.y4 {
		width: 74.99479%;
		margin-right: 2.50261%;
		padding-right: 0%;
		margin-left: 2.50261%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y5 .gridModule.y5 {
		width: 94.99479%;
		margin-right: 2.50261%;
		padding-right: 0%;
		margin-left: 2.50261%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y6 {
		width: 50%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y6 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y6 .gridModule.y1 {
		width: 12.49566%;
		margin-right: 2.08551%;
		padding-right: 0%;
		margin-left: 2.08551%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y6 .gridModule.y2 {
		width: 29.16232%;
		margin-right: 2.08551%;
		padding-right: 0%;
		margin-left: 2.08551%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y6 .gridModule.y3 {
		width: 45.82899%;
		margin-right: 2.08551%;
		padding-right: 0%;
		margin-left: 2.08551%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y6 .gridModule.y4 {
		width: 62.49566%;
		margin-right: 2.08551%;
		padding-right: 0%;
		margin-left: 2.08551%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y6 .gridModule.y5 {
		width: 79.16232%;
		margin-right: 2.08551%;
		padding-right: 0%;
		margin-left: 2.08551%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y6 .gridModule.y6 {
		width: 95.82899%;
		margin-right: 2.08551%;
		padding-right: 0%;
		margin-left: 2.08551%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y7 {
		width: 58.33333%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y7 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y7 .gridModule.y1 {
		width: 10.71056%;
		margin-right: 1.78758%;
		padding-right: 0%;
		margin-left: 1.78758%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y7 .gridModule.y2 {
		width: 24.99628%;
		margin-right: 1.78758%;
		padding-right: 0%;
		margin-left: 1.78758%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y7 .gridModule.y3 {
		width: 39.28199%;
		margin-right: 1.78758%;
		padding-right: 0%;
		margin-left: 1.78758%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y7 .gridModule.y4 {
		width: 53.5677%;
		margin-right: 1.78758%;
		padding-right: 0%;
		margin-left: 1.78758%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y7 .gridModule.y5 {
		width: 67.85342%;
		margin-right: 1.78758%;
		padding-right: 0%;
		margin-left: 1.78758%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y7 .gridModule.y6 {
		width: 82.13913%;
		margin-right: 1.78758%;
		padding-right: 0%;
		margin-left: 1.78758%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y7 .gridModule.y7 {
		width: 96.42485%;
		margin-right: 1.78758%;
		padding-right: 0%;
		margin-left: 1.78758%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y8 {
		width: 66.66667%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y8 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y8 .gridModule.y1 {
		width: 9.37174%;
		margin-right: 1.56413%;
		padding-right: 0%;
		margin-left: 1.56413%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y8 .gridModule.y2 {
		width: 21.87174%;
		margin-right: 1.56413%;
		padding-right: 0%;
		margin-left: 1.56413%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y8 .gridModule.y3 {
		width: 34.37174%;
		margin-right: 1.56413%;
		padding-right: 0%;
		margin-left: 1.56413%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y8 .gridModule.y4 {
		width: 46.87174%;
		margin-right: 1.56413%;
		padding-right: 0%;
		margin-left: 1.56413%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y8 .gridModule.y5 {
		width: 59.37174%;
		margin-right: 1.56413%;
		padding-right: 0%;
		margin-left: 1.56413%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y8 .gridModule.y6 {
		width: 71.87174%;
		margin-right: 1.56413%;
		padding-right: 0%;
		margin-left: 1.56413%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y8 .gridModule.y7 {
		width: 84.37174%;
		margin-right: 1.56413%;
		padding-right: 0%;
		margin-left: 1.56413%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y8 .gridModule.y8 {
		width: 96.87174%;
		margin-right: 1.56413%;
		padding-right: 0%;
		margin-left: 1.56413%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 {
		width: 75%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y1 {
		width: 8.33044%;
		margin-right: 1.39034%;
		padding-right: 0%;
		margin-left: 1.39034%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y2 {
		width: 19.44155%;
		margin-right: 1.39034%;
		padding-right: 0%;
		margin-left: 1.39034%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y3 {
		width: 30.55266%;
		margin-right: 1.39034%;
		padding-right: 0%;
		margin-left: 1.39034%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y4 {
		width: 41.66377%;
		margin-right: 1.39034%;
		padding-right: 0%;
		margin-left: 1.39034%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y5 {
		width: 52.77488%;
		margin-right: 1.39034%;
		padding-right: 0%;
		margin-left: 1.39034%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y6 {
		width: 63.88599%;
		margin-right: 1.39034%;
		padding-right: 0%;
		margin-left: 1.39034%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y7 {
		width: 74.9971%;
		margin-right: 1.39034%;
		padding-right: 0%;
		margin-left: 1.39034%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y8 {
		width: 86.10821%;
		margin-right: 1.39034%;
		padding-right: 0%;
		margin-left: 1.39034%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y9 .gridModule.y9 {
		width: 97.21933%;
		margin-right: 1.39034%;
		padding-right: 0%;
		margin-left: 1.39034%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 {
		width: 83.33333%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y1 {
		width: 7.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y2 {
		width: 17.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y3 {
		width: 27.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y4 {
		width: 37.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y5 {
		width: 47.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y6 {
		width: 57.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y7 {
		width: 67.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y8 {
		width: 77.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y9 {
		width: 87.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y10 .gridModule.y10 {
		width: 97.49739%;
		margin-right: 1.2513%;
		padding-right: 0%;
		margin-left: 1.2513%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 {
		width: 91.66667%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y1 {
		width: 6.81581%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y2 {
		width: 15.90672%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y3 {
		width: 24.99763%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y4 {
		width: 34.08854%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y5 {
		width: 43.17945%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y6 {
		width: 52.27036%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y7 {
		width: 61.36127%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y8 {
		width: 70.45218%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y9 {
		width: 79.54308%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y10 {
		width: 88.63399%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y11 .gridModule.y11 {
		width: 97.7249%;
		margin-right: 1.13755%;
		padding-right: 0%;
		margin-left: 1.13755%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 {
		width: 100%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y1 {
		width: 6.24783%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y2 {
		width: 14.58116%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y3 {
		width: 22.91449%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y4 {
		width: 31.24783%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y5 {
		width: 39.58116%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y6 {
		width: 47.91449%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y7 {
		width: 56.24783%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y8 {
		width: 64.58116%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y9 {
		width: 72.91449%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y10 {
		width: 81.24783%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y11 {
		width: 89.58116%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.y12 .gridModule.y12 {
		width: 97.91449%;
		margin-right: 1.04275%;
		padding-right: 0%;
		margin-left: 1.04275%;
		padding-left: 0%;
		display: block
	}
}

@media screen and (max-width: 480px) {
	.css--damyanov .gridSystem .grid.z0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.z0 .gridModule.z0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.z1 {
		width: 25%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z1 .gridModule.z0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.z1 .gridModule.z1 {
		width: 83.33333%;
		margin-right: 8.33333%;
		padding-right: 0%;
		margin-left: 8.33333%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z2 {
		width: 50%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z2 .gridModule.z0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.z2 .gridModule.z1 {
		width: 41.66667%;
		margin-right: 4.16667%;
		padding-right: 0%;
		margin-left: 4.16667%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z2 .gridModule.z2 {
		width: 91.66667%;
		margin-right: 4.16667%;
		padding-right: 0%;
		margin-left: 4.16667%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z3 {
		width: 75%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z3 .gridModule.z0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.z3 .gridModule.z1 {
		width: 27.77778%;
		margin-right: 2.77778%;
		padding-right: 0%;
		margin-left: 2.77778%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z3 .gridModule.z2 {
		width: 61.11111%;
		margin-right: 2.77778%;
		padding-right: 0%;
		margin-left: 2.77778%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z3 .gridModule.z3 {
		width: 94.44444%;
		margin-right: 2.77778%;
		padding-right: 0%;
		margin-left: 2.77778%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z4 {
		width: 100%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z4 .gridModule.z0 {
		display: none
	}
	.css--damyanov .gridSystem .grid.z4 .gridModule.z1 {
		width: 20.83333%;
		margin-right: 2.08333%;
		padding-right: 0%;
		margin-left: 2.08333%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z4 .gridModule.z2 {
		width: 45.83333%;
		margin-right: 2.08333%;
		padding-right: 0%;
		margin-left: 2.08333%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z4 .gridModule.z3 {
		width: 70.83333%;
		margin-right: 2.08333%;
		padding-right: 0%;
		margin-left: 2.08333%;
		padding-left: 0%;
		display: block
	}
	.css--damyanov .gridSystem .grid.z4 .gridModule.z4 {
		width: 95.83333%;
		margin-right: 2.08333%;
		padding-right: 0%;
		margin-left: 2.08333%;
		padding-left: 0%;
		display: block
	}
}

@media (max-width: 480px) {
	.css--damyanov body:after {
		content: 'small';
		display: none
	}
}

@media (min-width: 481px) and (max-width: 959px) {
	.css--damyanov body:after {
		content: 'medium';
		display: none
	}
}

@media (min-width: 960px) {
	.css--damyanov body:after {
		content: 'large';
		display: none
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) and (min-device-width: 800px) and (max-device-width: 1280px) {
	.css--damyanov body:after {
		content: 'medium';
		display: none
	}
}

.css--damyanov .history-slider {
	display: block;
	margin-left: 95px
}

.css--damyanov section#timeline {
	margin: 30px 0 80px
}

.css--damyanov section#timeline .history-header {
	font-size: 2.33333em;
	color: #000000;
	margin-top: 23px;
	margin-right: 4px
}

.css--damyanov section#timeline div.timeLineHolder {
	position: relative;
	width: 80%;
	margin: 0 auto;
	max-width: 1000px
}

.css--damyanov section#timeline div.timeLineHolder div.stage {
	display: none;
	min-height: 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	background: transparent
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule {
	float: left;
	width: 300px;
	min-height: 252px
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule>img {
	margin-right: 3px;
	float: right
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule:first-child {
	width: 445px
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule div.timeLineModuleContent {
	padding: 0 25px 25px 27px
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule div.timeLineModuleContent h2 {
	font-family: 'Roboto-normal';
	margin: -3px 0 15px 0;
	font-size: 22px;
	color: #000000;
	font-weight: 700
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule div.timeLineModuleContent h4 {
	margin: 0 0 12px 0;
	color: #000000
}

.css--damyanov section#timeline div.timeLineHolder div.stage div.timeLineModule div.timeLineModuleContent p {
	line-height: 1.1;
	font-family: 'Roboto-normal';
	font-size: 1.24em
}

.css--damyanov section#timeline .verticalScroller {
	display: none;
	padding: 0 15px
}

.css--damyanov section#timeline .verticalScroller div.heading {
	position: relative;
	display: block;
	top: auto;
	left: auto
}

.css--damyanov section#timeline div.progress {
	width: 100%;
	padding: 21px 0 0 0;
	display: table;
	position: relative;
	left: -10px
}

.css--damyanov section#timeline div.progress span {
	position: relative;
	min-width: 42px;
	width: 16.66%;
	font-family: 'Roboto-normal';
	font-size: 1.33333em;
	text-align: left;
	display: table-cell
}

.css--damyanov section#timeline div.progress span:last-child {
	position: relative;
	left: -12px
}

.css--damyanov section#timeline div.progress span:last-child i {
	left: 27px
}

.css--damyanov section#timeline div.progress span.active {
	font-family: 'Futura-bold'
}

.css--damyanov section#timeline div.progress span.active i {
	display: none
}

.css--damyanov section#timeline div.progress span i {
	display: block;
	position: absolute;
	top: -31px;
	left: 16px;
	width: 1px;
	height: 10px;
	background: #d0d3d5;
	z-index: 700
}

.css--damyanov section#timeline .noUi-target.noUi-connect {
	border: none;
	border-radius: 5px;
	box-shadow: none
}

.css--damyanov section#timeline .dijitSliderImageHandle,
.css--damyanov section#timeline .noUi-handle {
	border: 0 none;
	background: #fff500;
	width: 35px;
	height: 35px;
	margin: -8px 0 0;
	border-radius: 200px;
	z-index: 8000;
	box-shadow: none;
	cursor: pointer
}

.css--damyanov section#timeline .noUi-handle:before,
.css--damyanov section#timeline .noUi-handle:after {
	display: none
}

.css--damyanov section#timeline .noUi-horizontal {
	height: 10px;
	margin-top: 22px;
	background: #fff500
}

.css--damyanov section#timeline .noUi-horizontal:before {
	left: -10px;
	background-color: #fff500 !important
}

.css--damyanov section#timeline .noUi-vertical {
	width: 10px;
	background: #fff500
}

.css--damyanov section#timeline .noUi-vertical .noUi-handle {
	margin: 0 0 0 -8px
}

.css--damyanov section#timeline .dijitSliderBar,
.css--damyanov section#timeline .noUi-background {
	margin-right: -1px;
	border: 0 none;
	border-radius: 0 0 0 0;
	background: #ebeeee
}

.css--damyanov section#timeline .dijitSliderLeftBumper,
.css--damyanov section#timeline .noUi-horizontal {
	border-radius: 5px 0 0 5px
}

.css--damyanov section#timeline .dijitSliderRightBumper {
	border-radius: 0 5px 5px 0
}

.css--damyanov section#timeline .noUi-background {
	border-radius: 5px
}

.css--damyanov section#timeline .dijitSliderProgressBar {
	border-radius: 0 5px 5px 0
}

.css--damyanov section#timeline .dijitSliderButtonContainer * {
	display: none
}

.css--damyanov section#timeline #calcSliderLoanAmount {
	margin-top: 70px
}

.css--damyanov section#timeline .dijitSliderBarV,
.css--damyanov section#timeline .dijitSliderBumperV {
	width: 10px
}

@media (max-width: 959px) {
	.css--damyanov section#timeline div.timeLineHolder {
		width: auto;
		height: auto;
		margin: 0
	}
	.css--damyanov section#timeline div.heading {
		margin-bottom: 10px
	}
	.css--damyanov section#timeline .verticalScroller div.progress {
		height: 642px
	}
	.css--damyanov section#timeline .horizotalScroller {
		display: none
	}
	.css--damyanov section#timeline .verticalScroller {
		display: block;
		padding: 0 3vw
	}
	.css--damyanov section#timeline .verticalScroller .row {
		position: relative;
		display: block;
		padding: 0 0 0 100px;
		min-height: 679px
	}
	.css--damyanov section#timeline .verticalScroller .timeLineStages {
		position: absolute;
		display: block;
		bottom: 10px
	}
	.css--damyanov section#timeline .verticalScroller .timeLineStages div.stage {
		margin: 0
	}
	.css--damyanov section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule {
		display: block;
		float: none;
		width: auto;
		min-height: 0
	}
	.css--damyanov section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule:first-child {
		width: auto
	}
	.css--damyanov section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule>img {
		margin-right: 0;
		margin-bottom: 15px;
		float: none
	}
	.css--damyanov section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule div.timeLineModuleContent {
		padding: 0 10px 0 0
	}
	.css--damyanov section#timeline .verticalScroller .timeLineStages div.stage div.timeLineModule div.timeLineModuleContent p {
		margin: 0
	}
	.css--damyanov section#timeline .verticalScroller div.progress,
	.css--damyanov section#timeline .verticalScroller .verticalTimelineSliderWrap {
		position: absolute;
		display: block;
		left: 0;
		top: 35px
	}
	.css--damyanov section#timeline .verticalScroller .verticalTimelineSliderWrap {
		left: 60px
	}
	.css--damyanov section#timeline .verticalScroller div.progress {
		width: 55px;
		padding: 0;
		display: table;
		margin-left: 0
	}
	.css--damyanov section#timeline .verticalScroller .timeline-breakpoints-y {
		float: none;
		text-align: left;
		line-height: 18px;
		display: table-row;
		margin: 0 !important
	}
	.css--damyanov section#timeline .verticalScroller .timeline-breakpoints-y i {
		position: relative;
		top: 7px;
		left: auto;
		right: -60px;
		width: 10px;
		height: 1px
	}
	.css--damyanov section#timeline .dijitSliderProgressBar {
		border-radius: 0
	}
	.css--damyanov section#timeline .dijitSliderBumperV.dijitSliderBottomBumper {
		border-radius: 0 0 5px 5px
	}
	.css--damyanov section#timeline .dijitSliderBumperV.dijitSliderTopBumper {
		border-radius: 5px 5px 0 0
	}
}

@media (max-width: 480px) {
	.css--damyanov section#timeline .verticalScroller {
		padding: 0 5vw
	}
}

.css--damyanov .noUi-target,
.css--damyanov .noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.css--damyanov .noUi-target {
	position: relative;
	direction: ltr
}

.css--damyanov .noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1
}

.css--damyanov .noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0
}

.css--damyanov .noUi-handle {
	position: relative;
	z-index: 1
}

.css--damyanov .noUi-stacking .noUi-handle {
	z-index: 10
}

.css--damyanov .noUi-state-tap .noUi-origin {
	-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s
}

.css--damyanov .noUi-state-drag * {
	cursor: inherit !important
}

.css--damyanov .noUi-base {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.css--damyanov .noUi-horizontal {
	height: 18px
}

.css--damyanov .noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px
}

.css--damyanov .noUi-vertical {
	width: 18px
}

.css--damyanov .noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px
}

.css--damyanov .noUi-background {
	background: #fafafa;
	box-shadow: inset 0 1px 1px #f0f0f0
}

.css--damyanov .noUi-connect {
	background: #3fb8af;
	box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
	-webkit-transition: background 450ms;
	transition: background 450ms
}

.css--damyanov .noUi-origin {
	border-radius: 2px
}

.css--damyanov .noUi-target {
	border-radius: 4px;
	border: 1px solid #d3d3d3;
	box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb
}

.css--damyanov .noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbb
}

.css--damyanov .noUi-dragable {
	cursor: w-resize
}

.css--damyanov .noUi-vertical .noUi-dragable {
	cursor: n-resize
}

.css--damyanov .noUi-handle {
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #ffffff;
	cursor: default;
	box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb
}

.css--damyanov .noUi-active {
	box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb
}

.css--damyanov .noUi-handle:before,
.css--damyanov .noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #e8e7e6;
	left: 14px;
	top: 6px
}

.css--damyanov .noUi-handle:after {
	left: 17px
}

.css--damyanov .noUi-vertical .noUi-handle:before,
.css--damyanov .noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px
}

.css--damyanov .noUi-vertical .noUi-handle:after {
	top: 17px
}

.css--damyanov [disabled].noUi-connect,
.css--damyanov [disabled] .noUi-connect {
	background: #b8b8b8
}

.css--damyanov [disabled].noUi-origin,
.css--damyanov [disabled] .noUi-handle {
	cursor: not-allowed
}

.css--damyanov div.lastProductsModule {
	padding-right: 10px;
	text-align: right
}

.css--damyanov div.lastProductsModule p {
	margin-top: 15px;
	font-size: 13.8px;
	line-height: 18px
}

.css--damyanov div.lastProductsModule a.plain-text-link {
	display: block;
	margin-bottom: 6px;
	font-family: 'Futura-bold'
}

.css--damyanov div.lastProductsModule div.dropDown {
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.css--damyanov div.lastProductsModule.open div.dropDown {
	height: auto;
	min-height: 150px
}

.css--damyanov div.modules-Last-viewed-products-T04 a.down-arrow-link.TXT-link div.arr-link-icon i {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.css--damyanov div.modules-Last-viewed-products-T04 .open a.down-arrow-link.TXT-link div.arr-link-icon i {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}

.css--damyanov div#cookiesDisclaimer {
	padding: 0;
	background-color: #e9edf0;
	font-family: 'Roboto-normal';
	padding: 0;
	overflow: hidden
}

.css--damyanov div#cookiesDisclaimer.active {
	max-height: 200px;
	padding: 25px 0 15px
}

.css--damyanov div#cookiesDisclaimer .wrapper {
	position: relative;
	max-width: 960px;
	min-width: 303px;
	overflow: hidden;
	margin: 0 auto;
	width: 100%
}

.css--damyanov div#cookiesDisclaimer h2,
.css--damyanov div#cookiesDisclaimer p {
	font-size: 18.4px;
	line-height: 24px
}

.css--damyanov div#cookiesDisclaimer h2 {
	margin-bottom: 0
}

.css--damyanov div#cookiesDisclaimer #cookiesAccept {
	position: absolute;
	top: 30%;
	right: 30px;
	font-family: FuturaStd-Light, Helvetica, Arial, sans-serif;
	font-size: 25.3px;
	line-height: 22px;
	color: #000000;
	text-decoration: none
}

.css--damyanov div#cookiesDisclaimer #cookiesAccept:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 3px;
	width: 30px;
	height: 24px;
	margin-left: 14px;
	background: url(../images/generic/accept_check.png) 0 0 no-repeat
}

@media (max-width: 900px) {
	.css--damyanov div#cookiesDisclaimer .wrapper,
	.css--damyanov div#cookiesDisclaimer.active .wrapper {
		padding: 5px 10px 40px 10px !important;
		box-sizing: border-box
	}
	.css--damyanov div#cookiesDisclaimer.active {
		padding: 10px 0 15px !important;
		max-height: auto !important
	}
	.css--damyanov div#cookiesDisclaimer .cookiesContent,
	.css--damyanov div#cookiesDisclaimer.active .cookiesContent {
		width: 100%
	}
	.css--damyanov div#cookiesDisclaimer a#cookiesAccept,
	.css--damyanov div#cookiesDisclaimer.active a#cookiesAccept {
		top: 85%
	}
}

.css--damyanov div#welcome {
	display: block !important;
	opacity: 1 !important;
	width: 100%;
	height: 500px;
	background: rgba(255, 255, 255, 0.5);
	z-index: 1
}

.css--damyanov div#welcome div.welcomeOverlay {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.css--damyanov div#welcome div.welcomeContainer {
	position: relative;
	margin: 0;
	width: 100%;
	height: 500px;
	background: url("../images/_index/main-banner/2/1680х500.jpg") top center no-repeat;
	background-size: cover;
	box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.2)
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer {
		background-image: url("../images/_index/main-banner/2/959х500.jpg")
	}
}

@media (max-width: 480px) {
	.css--damyanov div#welcome div.welcomeContainer {
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		margin-left: 0;
		margin-top: 0;
		background: url("../images/_index/main-banner/2/480х500.jpg") top right no-repeat;
		background-size: cover
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLogo {
	float: left;
	margin: 25px 0 0 20px
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeLogo {
		margin: 0;
		padding: 14px 0 0
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLogo h1 {
	margin: 0
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLogo a {
	display: block;
	width: 320px;
	height: 48px;
	text-indent: -9999px;
	background: url("../images/common/logo.svg") 0 0 no-repeat;
	background-size: contain
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeLogo a {
		margin: 0
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages {
	overflow: hidden;
	margin: 0 20px 0 0;
	display: block
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages {
		margin: 0
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages ul {
	float: right
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages ul li {
	position: relative;
	display: inline-block;
	padding: 20px 16px 0 0
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages ul li {
		padding-top: 10px
	}
}

@media (max-width: 480px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeLogo a {
		width: 220px
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages ul li:last-child {
	padding-right: 0
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages ul li:last-child:before {
	content: '';
	position: absolute;
	top: 0;
	left: -10px;
	display: block;
	width: 1px;
	height: 89%;
	background: #978f79;
	box-shadow: 1px 1px 0 rgba(193, 181, 164, 0.6)
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages ul li a {
	color: #ffffff;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	font-size: 20.7px;
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2)
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages ul li a:hover {
	color: #fff500
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeLanguages ul li a.active {
	color: #fff500
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent {
	padding: 150px 0 0 0
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent {
		padding: 0;
		position: absolute;
		width: 94vw;
		bottom: 13%;
		left: 3vw
	}
}

@media (max-width: 480px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent {
		width: 90vw;
		left: 5vw
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent.hidden {
	opacity: 1;
	display: none
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting {
	margin: 0 auto;
	text-align: center
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting h1 {
	color: #ffffff;
	font-size: 47px;
	line-height: 1.3em;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4)
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting h1 {
		display: none;
		text-align: left;
		font-size: 25.3px;
		line-height: 1.30em
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting h1.mobile {
	display: none
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeGreeting h1.mobile {
		display: block;
		font-size: 2.5em
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation {
	margin: 77px auto 0;
	text-align: center
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation {
		margin: 33px 0 0;
		text-align: left
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul {
	display: flex;
	padding: 0 2%;
	flex-wrap: wrap
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li {
	height: 67px;
	border-right: 1px solid #ffffff;
	box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);
	flex-grow: 1;
	display: flex;
	align-items: center
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul {
		padding: 0
	}
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li {
		display: block;
		width: 100%;
		height: auto;
		padding: 16px 0 15px;
		border-right: 0 none;
		border-bottom: 1px solid #4b4843;
		box-shadow: 0 1px 0 rgba(112, 109, 104, 0.3)
	}
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li:first-child {
		border-top: 1px solid #4b4843;
		box-shadow: 0 -1px 0 rgba(112, 109, 104, 0.4)
	}
}

@media (min-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li:last-child {
		border: none;
		box-shadow: none
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a {
	flex-grow: 1;
	padding: 0 55px 0 35px;
	color: #ffffff;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	font-size: 18.4px;
	overflow: hidden
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a {
		padding: 0 55px 0 0;
		height: 35px;
		display: flex;
		position: relative;
		align-items: center
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a:hover {
	color: #fff500
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a span {
	display: block;
	float: right;
	padding: 0 20px 0 0;
	line-height: 1.1;
	position: static
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a span {
		text-align: left
	}
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a i {
	display: block;
	float: right;
	width: 35px;
	height: 35px
}

.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a i b {
	position: absolute;
	top: 11px;
	left: 12px;
	z-index: 999;
	display: block;
	width: 9px;
	height: 12px
}

@media (max-width: 959px) {
	.css--damyanov div#welcome div.welcomeContainer div.welcomeContent div.welcomeNavigation ul li a i {
		margin-right: 2px;
		top: 0
	}
}

.css--damyanov .blurred {
	filter: blur(4px);
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: url("../images/modules/welcome/blur.svg#blur");
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4')
}

.css--damyanov div#contact div.wrapper {
	position: relative;
	top: 40%;
	transform: translateY(-50%);
	height: 50%;
	overflow: visible
}

@media (max-width: 480px) {
	.css--damyanov div#contact div.wrapper {
		top: 38%
	}
	.css--damyanov div#contact {
		overflow: scroll
	}
}

.css--damyanov div#contact div.wrapper div.content {
	position: relative;
	padding: 0 40px
}

.css--damyanov div#contact div.wrapper div.content div.heading {
	border-bottom: 1px solid #e7e7e7
}

.css--damyanov div#contact div.wrapper div.content div.heading span {
	display: block;
	float: left;
	margin: 0 15px 0 0
}

.css--damyanov div#contact div.wrapper div.content div.heading h1 {
	font-size: 36.8px;
	padding: 10px 0 0 0;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif
}

.css--damyanov div#contact div.wrapper div.content div.intro {
	margin: 43px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e7e7e7
}

.css--damyanov div#contact div.wrapper div.content div.intro h2 {
	margin: 0;
	font-size: 18.4px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif
}

.css--damyanov div#contact div.wrapper div.content div.intro p {
	margin: 5px 0 0 0;
	font-size: 18.4px;
	font-family: 'Roboto-normal', Helvetica, Arial, sans-serif
}

.css--damyanov div#contact div.wrapper div.content div.options ul li {
	padding: 14px 0 11px 0;
	border-bottom: 1px solid #e7e7e7
}

.css--damyanov div#contact div.wrapper div.content div.options ul li a {
	display: block;
	font-size: 23px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	color: #000000
}

.css--damyanov div#contact div.wrapper div.content div.options ul li a span {
	display: block;
	float: right;
	margin: 10px 0 0 0;
	width: 8px;
	height: 12px;
	background: transparent url("../images/icons/arrow-right-black.png") 0 0 no-repeat
}

.css--damyanov div#contact div.wrapper div.content div.options ul li div.sub {
	display: none;
	position: absolute;
	top: 95px;
	left: 50%;
	width: 94%;
	height: 100%;
	margin-left: -47%;
	background: #ffffff
}

.css--damyanov div.sg-pattern-body.modules-call div#contact div.wrapper div.content div.options ul li div.sub {
	top: 90px;
	left: 48.6%;
	width: 97%
}

@media (max-width: 966px) {
	.css--damyanov div.sg-pattern-body.modules-call div#contact div.wrapper div.content div.options ul li div.sub {
		left: 40px;
		width: 80%;
		margin: 0
	}
	.css--damyanov div.sg-pattern-body.modules-call div#contact div.wrapper div.content div.options ul li div.sub a.back {
		font-size: 16.1px;
		top: -65px;
		right: 17px
	}
	.css--damyanov div.sg-pattern-body.modules-call div#contact div.wrapper div.content div.options ul li div.sub h1 {
		font-size: 32.2px
	}
	.css--damyanov div.sg-pattern-body.modules-call div#contact div.wrapper div.content div.options ul li div.sub a.cta {
		width: 255px
	}
}

@media (max-width: 480px) {
	.css--damyanov div#contact div.wrapper div.content div.options ul li div.sub {
		width: 80%;
		margin-left: -40%
	}
}

.css--damyanov div#contact div.wrapper div.content div.options ul li div.sub.illuminated {
	display: block
}

.css--damyanov div#contact div.wrapper div.content div.options ul li div.sub a.back {
	position: absolute;
	top: -75px;
	right: 0;
	display: block;
	font-size: 23px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	color: #000000
}

.css--damyanov div#contact div.wrapper div.content div.options ul li div.sub a.back span {
	display: block;
	float: left;
	margin: 1px 11px 0 0;
	width: 8px;
	height: 12px;
	background: transparent url("../images/icons/arrow-left-small.png") 0 0 no-repeat
}

.css--damyanov div#contact div.wrapper div.content div.options ul li div.sub div.intro {
	border: 0 none
}

.css--damyanov div#contact div.wrapper div.content div.options ul li div.sub div.information {
	padding: 10px 0 30px 0;
	border-bottom: 1px solid #e7e7e7
}

.css--damyanov div#contact div.wrapper div.content div.options ul li div.sub div.information p {
	font-size: 18.4px;
	font-family: 'Roboto-normal', Helvetica, Arial, sans-serif
}

.css--damyanov div#contact div.wrapper div.content div.options ul li div.sub a.cta {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 10px 0 0 0
}

.css--damyanov div#contact a.close i {
	margin: 2px 0 0 15px
}

.css--damyanov a[data-pl-handle] {
	display: block;
	font-size: 20.7px;
	margin: 30px 0 0 15px
}

.css--damyanov .contentNavWrapper {
	height: 76px;
	margin-bottom: 70px
}

@media (max-width: 959px) {
	.css--damyanov .contentNavWrapper {
		float: left;
		width: 100%;
		height: auto;
		margin: 20px 0
	}
}

.css--damyanov #contentNav {
	height: 74px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	background-color: #ffffff
}

@media (max-width: 959px) {
	.css--damyanov #contentNav {
		width: 100%;
		height: auto;
		border: none
	}
}

.css--damyanov #contentNav,
.css--damyanov #contentNav a {
	font-family: 'Roboto-normal';
	color: #000000
}

.css--damyanov #contentNav:hover,
.css--damyanov #contentNav a:hover {
	text-decoration: none
}

.css--damyanov #contentNav .top {
	height: 100%
}

@media (max-width: 959px) {
	.css--damyanov #contentNav .top {
		margin-bottom: 10px
	}
}

.css--damyanov #contentNav .top a:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -2px;
	width: 12px;
	height: 9px;
	margin-right: 12px;
	background: url(../images/icons/arrow-top-black.png) 0 0 no-repeat
}

.css--damyanov #contentNav #goTop {
	position: relative;
	top: 30px;
	font-size: 1.84em;
	line-height: 0.82em;
	text-decoration: none
}

@media (max-width: 959px) {
	.css--damyanov #contentNav #goTop {
		top: 0px
	}
}

.css--damyanov #contentNav .navItems {
	display: block;
	width: 50%;
	list-style-type: none;
	counter-reset: nav-items;
	margin-left: 0px
}

.css--damyanov #contentNav .navItems li {
	display: block;
	position: relative;
	float: left;
	width: 25%;
	height: 74px;
	border-left: 1px solid #e7e7e7;
	box-sizing: border-box
}

.css--damyanov #contentNav .navItems li.active {
	background-color: #fff500
}

.css--damyanov #contentNav .navItems li a {
	width: 100%;
	height: 48px;
	line-height: 16px;
	position: absolute;
	text-decoration: none;
	padding: 28px 8% 0 28%
}

.css--damyanov #contentNav .navItems li a:before {
	content: counter(nav-items);
	counter-increment: nav-items;
	position: absolute;
	left: 15px;
	top: 30px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	font-size: 32.2px;
	line-height: 22px;
	margin-right: 10px
}

.css--damyanov #contentNav .navItems li a i {
	display: none
}

@media (max-width: 959px) {
	.css--damyanov #contentNav .navItems li {
		width: 100%;
		height: auto
	}
	.css--damyanov #contentNav .navItems li.active {
		background-color: transparent
	}
	.css--damyanov #contentNav .navItems li a {
		width: 90%;
		height: auto;
		display: block;
		margin-top: 0;
		position: static;
		padding: 10px 45px 8px 20px;
		font-family: 'Futura-bold';
		font-size: 1.33333em;
		border-left: 1px solid #e9e9e9;
		border-right: 1px solid #e9e9e9
	}
	.css--damyanov #contentNav .navItems li a:before {
		display: none
	}
	.css--damyanov #contentNav .navItems li a i {
		display: block;
		float: right;
		width: 9px;
		height: 12px;
		margin-top: 3px;
		background: url("../images/icons/arrow-right-black.png") center center no-repeat
	}
}

.css--damyanov .sticky-spy #contentNav {
	position: fixed;
	top: 56px;
	z-index: 1000
}

@media (min-width: 1680px) {
	.css--damyanov .sticky-spy #contentNav {
		width: 1680px;
		left: 50%;
		margin-left: -840px
	}
}

.css--damyanov div.dropTeaser {
	margin: 0 0 30px 0
}

.css--damyanov div.dropTeaser .heading img {
	width: 100%
}

.css--damyanov div.dropTeaser .heading .mobile {
	display: none
}

.css--damyanov div.dropTeaser div.dropTeaserContent {
	width: 100%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop {
	margin: 0 20px 20px;
	border-bottom: 1px solid #e7e7e7
}

@media (max-width: 1359px) {
	.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop {
		display: none
	}
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li.m38-title {
	font-family: 'Roboto-normal';
	font-size: 16.1px;
	line-height: 58px
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li {
	text-align: center
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(1) {
	width: 14%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(2) {
	width: 6%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(3) {
	width: 12%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(4) {
	width: 12%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(5) {
	width: 11%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(6) {
	width: 18%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(7) {
	width: 15%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li:nth-of-type(8) {
	width: 11%
}

.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Desktop li a:hover {
	color: #000000;
	padding-bottom: 14px;
	border-bottom: 5px solid #f8fa00
}

@media (min-width: 1360px) {
	.css--damyanov div.dropTeaser div.dropTeaserContent ul.m38-Mobile {
		display: none
	}
}

.css--damyanov div.dropTeaser div.dropTeaserContent h1 {
	padding: 20px 20px 0;
	margin: 0 0 4px 0;
	border: 0;
	font-family: 'Futura-bold';
	font-size: 29px
}

.css--damyanov div.dropTeaser div.dropTeaserContent p {
	padding: 0 20px;
	font-size: 1.3em;
	line-height: 1.2;
	font-family: 'Roboto-normal'
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select {
	position: relative;
	float: left;
	margin: 20px;
	width: 42%;
	min-width: 200px;
	font-family: 'Roboto-normal';
	font-size: 16.1px;
	color: #000000
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main {
	text-align: left;
	position: relative;
	background: #e9edf0;
	border: 1px solid #d4d5d7;
	padding: 14px 14px 9px 14px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main:hover {
	background: #f8f8f8
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main a {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: none
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main a:hover i {
	animation: none !important
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.main a i {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	text-indent: -9999px;
	background: #fff500 url("../images/icons/arrow-bottom-black.png") center center no-repeat
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subSelect {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	background: white;
	box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.4);
	z-index: 101
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subSelect ul {
	margin: 15px 0 20px 0
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subSelect ul li {
	padding: 13px 0 11px 10px;
	text-align: left;
	cursor: pointer;
	float: none
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subSelect ul li a {
	color: #000000;
	font-family: 'Roboto-normal';
	font-size: 17.25px;
	padding: 0
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subCopy {
	margin: 0px 10px 13px 10px;
	font-size: 17.25px;
	font-family: 'Roboto-normal';
	color: #cfcfcf
}

.css--damyanov div.dropTeaser div.dropTeaserContent div.select.select~.select div.subSelect {
	z-index: 100
}

@media (max-width: 959px) {
	.css--damyanov div.dropTeaser div.dropTeaserContent div.select div.subCopy {
		margin-left: 0
	}
	.css--damyanov div.dropTeaser div.dropTeaserContent {
		width: 100%;
		padding: 20px 10px
	}
	.css--damyanov div.dropTeaser div.dropTeaserContent div.select {
		float: none;
		max-width: 100%;
		width: 84%
	}
	.css--damyanov div.dropTeaser .heading .mobile {
		display: block;
		width: 100%
	}
	.css--damyanov div.dropTeaser .heading .desktop {
		display: none
	}
}

.css--damyanov div#slider {
	position: relative;
	width: 50%;
	background: #eaedef;
	min-height: 330px
}

.css--damyanov div#slider div.item {
	overflow: hidden
}

.css--damyanov div#slider div.item div.slideModule {
	float: left
}

.css--damyanov div#slider div.item div.slideModule.x6 {
	width: 50%
}

.css--damyanov div#slider div.item div.slideModule.x3 {
	width: 39.83333%
}

.css--damyanov div#slider div.item div.slideModule:first-child {
	margin-left: 0;
	padding: 0
}

@media (max-width: 959px) {
	.css--damyanov div#slider {
		display: block;
		width: 100%
	}
	.css--damyanov div#slider div.item div.slideModule:first-child {
		width: 100%;
		margin-right: 0;
		float: none
	}
	.css--damyanov div#slider div.item div.slideModule:last-child {
		padding: 28px 0 0 0
	}
	.css--damyanov div#slider div.item div.slideModule:last-child {
		width: 100%;
		margin: 0;
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.css--damyanov div#slider div.controls {
		top: 0;
		bottom: auto;
		left: 0;
		right: 0;
		width: auto;
		height: 813px
	}
	.css--damyanov div#slider div.controls a {
		position: absolute;
		display: block;
		width: 16px;
		height: auto;
		float: none;
		top: 25%;
		bottom: 25%;
		left: 0;
		margin: 0;
		background: rgba(223, 226, 228, 0.6)
	}
	.css--damyanov div#slider div.controls a.right {
		left: auto;
		right: 0
	}
	.css--damyanov div#slider div.controls a.left i,
	.css--damyanov div#slider div.controls a.right i {
		position: absolute;
		top: 50%;
		left: 4px;
		width: 8px;
		height: 15px;
		margin: -7px 0 0 0;
		background-image: url("../../../assets/images/icons/lifestage_arrows_mobile.png");
		background-position: 0 0;
		background-repeat: no-repeat
	}
	.css--damyanov div#slider div.controls a.left i {
		background-position: 0 0
	}
	.css--damyanov div#slider div.controls a.right i {
		background-position: 0 100%
	}
}

@media (max-width: 768px) {
	.css--damyanov div#slider div.controls {
		height: 750px
	}
}

@media (max-width: 480px) {
	.css--damyanov div#slider div.controls {
		height: 462px
	}
}

@media (max-width: 320px) {
	.css--damyanov div#slider div.controls {
		height: 303px
	}
}

.css--damyanov div#slider div.item div.slideModule:last-child {
	padding: 28px 0 0 0
}

@media (max-width: 959px) {
	.css--damyanov div#slider div.item div.slideModule:last-child {
		width: 100%;
		margin: 0;
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
}

.css--damyanov div#slider div.item div.slideModule h4 {
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 1.41667em
}

.css--damyanov div#slider div.item div.slideModule h1 {
	margin: 0 0 0 20px;
	padding: 5px 0 15px 0;
	font-family: 'Roboto-normal';
	font-size: 1.91667em;
	border: 0 none;
	color: black
}

.css--damyanov div#slider div.item div.slideModule p {
	font-family: 'Roboto-normal';
	font-size: 1.16667em;
	margin-left: 20px;
	color: black
}

.css--damyanov div#slider div.item div.slideModule img {
	display: block;
	min-height: 342px;
	width: 100%
}

@media (max-width: 959px) {
	.css--damyanov div#slider div.item div.slideModule img {
		width: 100%;
		min-height: auto
	}
}

.css--damyanov div#slider div.controls {
	overflow: hidden;
	position: absolute;
	bottom: 17px;
	left: 53%
}

.css--damyanov div#slider div.controls a {
	display: block;
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 2px 0 0;
	background: #fff500;
	opacity: 1
}

.css--damyanov div#slider div.controls a.left i {
	display: block;
	width: 100%;
	height: 100%;
	margin: 11px 0px 0px 9px;
	background: url("../images/icons/arrow-left-small.png") center center no-repeat
}

.css--damyanov div#slider div.controls a.right i {
	display: block;
	width: 100%;
	height: 100%;
	margin: 11px 0px 0px -9px;
	background: url("../images/icons/arrow-right-small.png") center center no-repeat
}

@media (max-width: 959px) {
	.css--damyanov div#slider div.controls {
		top: 0;
		bottom: auto;
		left: 0;
		right: 0;
		width: auto;
		height: 813px
	}
	.css--damyanov div#slider div.controls a {
		position: absolute;
		display: block;
		width: 16px;
		height: auto;
		float: none;
		top: 25%;
		bottom: 25%;
		left: 0;
		margin: 0;
		background: rgba(223, 226, 228, 0.6)
	}
	.css--damyanov div#slider div.controls a.right {
		left: auto;
		right: 0
	}
	.css--damyanov div#slider div.controls a.left i,
	.css--damyanov div#slider div.controls a.right i {
		position: absolute;
		top: 50%;
		left: 4px;
		width: 8px;
		height: 15px;
		margin: -7px 0 0 0;
		background-image: url("../images/icons/lifestage_arrows_mobile.png");
		background-position: 0 0;
		background-repeat: no-repeat
	}
	.css--damyanov div#slider div.controls a.left i {
		background-position: 0 0
	}
	.css--damyanov div#slider div.controls a.right i {
		background-position: 0 100%
	}
}

@media (max-width: 768px) {
	.css--damyanov div#slider div.controls {
		height: 750px
	}
}

@media (max-width: 480px) {
	.css--damyanov div#slider div.controls {
		height: 462px
	}
}

@media (max-width: 320px) {
	.css--damyanov div#slider div.controls {
		height: 303px
	}
}

.css--damyanov div#slider ol.carousel-indicators {
	left: 166px;
	right: auto;
	bottom: 1em
}

@media (max-width: 959px) {
	.css--damyanov div#slider ol.carousel-indicators {
		bottom: 20%;
		left: auto;
		right: 33px
	}
}

@media (max-width: 640px) {
	.css--damyanov div#slider ol.carousel-indicators {
		bottom: auto;
		top: 450px
	}
}

@media (max-width: 320px) {
	.css--damyanov div#slider ol.carousel-indicators {
		bottom: auto;
		top: 270px
	}
}

.css--damyanov .carousel {
	position: relative
}

.css--damyanov .carousel-inner {
	position: relative;
	width: 100%;
	min-height: 330px;
	overflow: hidden
}

.css--damyanov .carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.css--damyanov .carousel-inner>.item>img,
.css--damyanov .carousel-inner>.item>a>img {
	line-height: 1
}

.css--damyanov .carousel-inner>.active,
.css--damyanov .carousel-inner>.next,
.css--damyanov .carousel-inner>.prev {
	display: block
}

.css--damyanov .carousel-inner>.active {
	left: 0
}

.css--damyanov .carousel-inner>.next,
.css--damyanov .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.css--damyanov .carousel-inner>.next {
	left: 100%
}

.css--damyanov .carousel-inner>.prev {
	left: -100%
}

.css--damyanov .carousel-inner>.next.left,
.css--damyanov .carousel-inner>.prev.right {
	left: 0
}

.css--damyanov .carousel-inner>.active.left {
	left: -100%
}

.css--damyanov .carousel-inner>.active.right {
	left: 100%
}

.css--damyanov .carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: em(20, 12);
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	filter: alpha(opacity=50);
	opacity: .5
}

.css--damyanov .carousel-control.left {
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x
}

.css--damyanov .carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x
}

.css--damyanov .carousel-control:hover,
.css--damyanov .carousel-control:focus {
	color: #ffffff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: none;
	opacity: .9
}

.css--damyanov .carousel-control .icon-prev,
.css--damyanov .carousel-control .icon-next,
.css--damyanov .carousel-control .glyphicon-chevron-left,
.css--damyanov .carousel-control .glyphicon-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block
}

.css--damyanov .carousel-control .icon-prev,
.css--damyanov .carousel-control .glyphicon-chevron-left {
	left: 50%
}

.css--damyanov .carousel-control .icon-next,
.css--damyanov .carousel-control .glyphicon-chevron-right {
	right: 50%
}

.css--damyanov .carousel-control .icon-prev,
.css--damyanov .carousel-control .icon-next {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	font-family: serif
}

.css--damyanov .carousel-control .icon-prev:before {
	content: '\2039'
}

.css--damyanov .carousel-control .icon-next:before {
	content: '\203a'
}

.css--damyanov .carousel-indicators {
	position: absolute;
	bottom: 28px;
	right: 60px;
	padding-left: 0;
	text-align: center;
	list-style: none
}

.css--damyanov .carousel-indicators li {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 7px;
	margin-left: 4px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000000 \9;
	background-color: #ebebeb
}

.css--damyanov .carousel-indicators li:after {
	content: '';
	position: absolute;
	width: 0%;
	height: 100%;
	top: 0;
	right: 0
}

.css--damyanov .carousel-indicators li.active {
	background-color: #fff500
}

.css--damyanov .carousel-indicators li.active:after {
	width: 100%;
	background: #fff500
}

.css--damyanov .carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.css--damyanov .carousel-caption .btn {
	text-shadow: none
}

@media (max-width: 959px) {
	.css--damyanov .carousel-indicators {
		display: block;
		width: 171px;
		left: 50%;
		bottom: 167px;
		margin: 0 0 0 -75px
	}
	.css--damyanov .carousel-indicators li {
		margin-left: 0
	}
}

.css--damyanov .carousel-indicators-numbers {
	position: absolute;
	bottom: 17px;
	color: white;
	font-size: em(15, 12);
	left: 42%
}

@media (max-width: 959px) {
	.css--damyanov .carousel-indicators-numbers {
		bottom: 113px;
		right: 29px;
		left: auto
	}
}

@media (max-width: 940px) {
	.css--damyanov .carousel-indicators-numbers {
		bottom: 136px
	}
}

@media (max-width: 516px) {
	.css--damyanov .carousel-indicators-numbers {
		bottom: 159px
	}
}

@media (max-width: 372px) {
	.css--damyanov .carousel-indicators-numbers {
		bottom: 182px
	}
}

@media (max-width: 298px) {
	.css--damyanov .carousel-indicators-numbers {
		bottom: 205px
	}
}

.css--damyanov .carousel-indicators-numbers .current-number {
	font-weight: bold
}

.css--damyanov .carousel-indicators-numbers .delimiter {
	color: #fff500
}

.css--damyanov div.imageModule {
	position: relative;
	margin: 0
}

.css--damyanov div.imageModule img {
	width: 100%
}

.css--damyanov div.imageModule div.heading {
	padding: 16px 0 0 0
}

@media (min-width: 959px) {
	.css--damyanov div.imageModule div.heading {
		text-align: right
	}
}

@media (max-width: 959px) {
	.css--damyanov div.imageModule div.heading {
		width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		font-size: 0.81em;
		text-align: left
	}
}

.css--damyanov div.imageModule div.slideImage {
	position: relative
}

@media (min-width: 960px) {
	.css--damyanov div.imageModule div.slideImage {
		float: left;
		width: 66%
	}
}

.css--damyanov div.imageModule div.slideImage div.overlay {
	display: block;
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 179px;
	background: url("../images/modules/slider/overlay.png") 0 0 repeat-x
}

.css--damyanov div.imageModule.mediumSlider div.content {
	width: 100% !important;
	overflow: hidden
}

.css--damyanov div.imageModule.mediumSlider div.indicators {
	position: absolute;
	right: 38%;
	top: 350px
}

.css--damyanov div.imageModule.mediumSlider div.indicators span {
	display: block;
	float: left;
	padding: 0 6px 0 0;
	color: #ffffff;
	font-family: 'Roboto-normal';
	font-size: 1.08333em
}

.css--damyanov div.imageModule.mediumSlider div.indicators span.sep {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	color: #f7fc00;
	width: 1px;
	height: 10px;
	margin-top: 3px;
	border-left: 1px solid #f7fc00;
	font-size: 1em;
	line-height: 12px;
	text-indent: -9999px
}

.css--damyanov div.imageModule.mediumSlider div.indicators span.current {
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif
}

@media (max-width: 959px) {
	.css--damyanov div.imageModule.mediumSlider div.indicators {
		bottom: 25%;
		left: auto;
		right: 33px
	}
	.css--damyanov div.imageModule.mediumSlider div.indicators span {
		font-size: 1.16667em
	}
	.css--damyanov div.imageModule.mediumSlider div.indicators span.sep {
		margin-top: 5px
	}
}

.css--damyanov div.imageModule div.content {
	width: 75%;
	margin-right: 0 !important;
	background: #eaedef
}

@media (max-width: 959px) {
	.css--damyanov div.imageModule div.content {
		width: 100% !important;
		margin-left: 0 !important
	}
}

.css--damyanov div.imageModule div.content div.copy {
	float: left;
	width: 34%;
	font-size: 1.16667em;
	line-height: 18px
}

@media (max-width: 1120px) {
	.css--damyanov div.imageModule div.content div.copy {
		font-size: 0.9166em;
		line-height: 17.5px
	}
}

@media (max-width: 959px) {
	.css--damyanov div.imageModule div.content div.copy {
		width: 100%;
		float: none;
		height: auto;
		font-size: 1.16667em
	}
}

.css--damyanov div.imageModule div.content div.copy div.copyContent {
	padding: 23px 20px 6px 22px
}

@media (max-width: 959px) {
	.css--damyanov div.imageModule div.content div.copy div.copyContent {
		padding: 20px
	}
}

.css--damyanov div.imageModule div.content div.copy div.copyContent p {
	font-size: 17.25px;
	font-family: 'Roboto-normal';
	line-height: 18px;
	margin-bottom: 0
}

.css--damyanov div.imageModule div.content div.copy div.copyContent p strong {
	display: block;
	font-family: 'Futura-bold'
}

@media (max-width: 1120px) {
	.css--damyanov div.imageModule div.content div.copy div.copyContent p {
		line-height: 17.5px
	}
}

.css--damyanov div.imageModule nav {
	display: none
}

.css--damyanov div.imageModule .nav {
	position: absolute;
	top: auto;
	left: 68.6%;
	bottom: 37px;
	width: 75px;
	height: 33px
}

.css--damyanov div.imageModule .nav a {
	display: block;
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 2px 0 0;
	background: #fff500;
	opacity: 1
}

.css--damyanov div.imageModule .nav a:before,
.css--damyanov div.imageModule .nav a:after {
	display: none
}

.css--damyanov div.imageModule .nav a i {
	display: block;
	width: 100%;
	height: 100%
}

.css--damyanov div.imageModule .nav a.left i {
	background: url("../images/icons/arrow-left-small.png") center center no-repeat
}

.css--damyanov div.imageModule .nav a.right i {
	background: url("../images/icons/arrow-right-small.png") center center no-repeat
}

@media (max-width: 959px) {
	.css--damyanov div.imageModule .nav {
		top: 0;
		bottom: auto;
		left: 0;
		right: 0;
		width: auto;
		height: 537px
	}
	.css--damyanov div.imageModule .nav a {
		position: absolute;
		display: block;
		width: 16px;
		height: auto;
		float: none;
		top: 25%;
		bottom: 25%;
		left: 0;
		margin: 0;
		background: rgba(223, 226, 228, 0.6)
	}
	.css--damyanov div.imageModule .nav a.right {
		left: auto;
		right: 0
	}
	.css--damyanov div.imageModule .nav a.left i,
	.css--damyanov div.imageModule .nav a.right i {
		position: absolute;
		top: 50%;
		left: 4px;
		width: 8px;
		height: 15px;
		margin: -7px 0 0 0;
		background-image: url("../images/icons/lifestage_arrows_mobile.png");
		background-position: 0 0;
		background-repeat: no-repeat
	}
	.css--damyanov div.imageModule .nav a.left i {
		background-position: 0 0
	}
	.css--damyanov div.imageModule .nav a.right i {
		background-position: 0 100%
	}
}

@media (max-width: 768px) {
	.css--damyanov div.imageModule .nav {
		height: 428px
	}
}

@media (max-width: 480px) {
	.css--damyanov div.imageModule .nav {
		height: 260px
	}
}

@media (max-width: 320px) {
	.css--damyanov div.imageModule .nav {
		height: 170px
	}
}

.css--damyanov section#mediumSlider {
	position: relative
}

@media (min-width: 959px) {
	.css--damyanov section#mediumSlider {
		width: 75%;
		margin: 0;
		float: left
	}
}

@media (max-width: 959px) {
	.css--damyanov section#mediumSlider {
		width: 100%
	}
}

.css--damyanov section#mediumSlider div.lifeSlide {
	position: relative
}

.css--damyanov section#mediumSlider div.lifeSlide div.lifeStageModule {
	overflow: hidden
}

.css--damyanov section#mediumSlider div.lifeSlide div.lifeStageModule div.copy {
	position: relative
}

.css--damyanov div.singleTeaserModule {
	overflow: hidden;
	max-width: 315px;
	margin: 0 0 58px 0
}

.css--damyanov div.singleTeaserModule .moduleHeading {
	position: relative;
	min-height: 194px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.css--damyanov div.singleTeaserModule .moduleContent {
	background: yellow;
	padding: 20px 50px 23px 22px;
	height: 140px
}

.css--damyanov div.singleTeaserModule .moduleContent p {
	font-size: 16.1px;
	line-height: 14px;
	font-family: 'Roboto-normal';
	height: 63px;
	margin: 0;
	overflow: hidden;
	margin-bottom: 24px
}

.css--damyanov div.singleTeaserModule .moduleContent a.uiLink {
	margin: 0;
	padding: 0
}

.css--damyanov div.singleTeaserModule .moduleContent a.uiLink h4 {
	margin: 0;
	padding-right: 30px;
	font-size: 18.4px
}

.css--damyanov div.singleTeaserModule .moduleContent a.uiLink b {
	margin: -6px 0 0 0;
	right: 0
}

.css--damyanov a.uiLink {
	position: relative
}

.css--damyanov a.uiLink.v1 {
	display: inline-block;
	float: left;
	clear: both
}

.css--damyanov a.uiLink.v1 b {
	width: 9px;
	height: 12px;
	content: '';
	margin: 5px 0 0 10px;
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat
}

.css--damyanov a.uiLink.v1:hover span {
	color: #5b5d5a
}

.css--damyanov a.uiLink.v1:hover b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite;
	margin: 5px 0 0 20px
}

.css--damyanov .gi {
	padding: 0
}

.css--damyanov div.sg-pattern-body.modules-Megadropdown-T17 div.sub {
	position: relative
}

.css--damyanov a.cta {
	width: 306px;
	padding: 25px 0 8px 26px;
	background: #fff500;
	background: -moz-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff500), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531));
	background: -webkit-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -o-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -ms-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: linear-gradient(to bottom, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff531', GradientType=0);
	position: absolute;
	bottom: 100px;
	left: 60px;
	-moz-box-shadow: inset 0 0 2px #e9e000;
	-webkit-box-shadow: inset 0 0 2px #e9e000;
	box-shadow: inset 0 0 2px #e9e000;
	display: block;
	color: #000000;
	font-size: 1.5em;
	display: block;
	font-family: 'Futura-bold';
	width: 306px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

.css--damyanov div.scene {
	position: relative;
	width: 100%;
	min-height: 444px;
	background: #dddddd;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.css--damyanov div.scene div.sceneContent {
	position: absolute;
	top: 22%;
	left: 2.5%;
	width: 660px
}

@media (max-width: 959px) {
	.css--damyanov div.scene div.sceneContent {
		width: 100%;
		top: auto;
		left: auto;
		bottom: 40px
	}
}

.css--damyanov div.scene div.sceneContent h1 {
	display: block;
	font-size: 50.6px;
	line-height: 1.30em;
	color: #ffffff;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

@media (max-width: 959px) {
	.css--damyanov div.scene div.sceneContent h1 {
		margin-bottom: 31px;
		text-align: center;
		font-size: 27.6px
	}
}

.css--damyanov div.scene div.sceneContent a {
	position: relative;
	display: block;
	margin: 8px 0 0 0;
	font-size: 20.7px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	color: #000000
}

@media (max-width: 959px) {
	.css--damyanov div.scene div.sceneContent a {
		display: block
	}
}

.css--damyanov div.scene div.sceneContent a.cta {
	padding-top: 32px;
	left: 0;
	bottom: 0
}

@media (max-width: 959px) {
	.css--damyanov div.scene div.sceneContent a.cta {
		width: 93%;
		margin: 0 auto
	}
}

.css--damyanov div.scene div.sceneContent a.cta i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: -20px 15px 0 15px;
	position: relative;
	background: #fff500
}

@media (max-width: 959px) {
	.css--damyanov div.scene div.sceneContent a.cta i {
		margin-right: 0
	}
}

.css--damyanov div.scene div.sceneContent a.cta i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -3px 0 0 0;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov div.scene div.sceneControl {
	display: none;
	position: absolute;
	left: 50%;
	width: 31px;
	margin: 0 0 0 -15px;
	bottom: -15px
}

@media (max-width: 959px) {
	.css--damyanov div.scene div.sceneControl {
		display: block
	}
}

.css--damyanov div.scene div.sceneControl a {
	display: block;
	text-indent: -9999px;
	width: 31px;
	height: 31px;
	background: url("../images/pages/sme/scene-control.png") 0 0 no-repeat
}

.css--damyanov div.advantages-adnav-wrap {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 0 50px 0;
	background: #e9edf0
}

@media (max-width: 959px) {
	.css--damyanov div.advantages-adnav-wrap,
	.css--damyanov div.adNav {
		display: none
	}
}

.css--damyanov div.advantages-adnav-wrap:before {
	content: '';
	position: absolute;
	display: block;
	width: 5px;
	right: 0;
	top: 0;
	bottom: 0;
	background: #e9edf0
}

.css--damyanov div.advantages-adnav-wrap .sidebar.gridModule {
	margin-right: 0
}

.css--damyanov div.advantages-adnav-wrap .sidebar div.barContent {
	padding-left: 55px
}

.css--damyanov div.advantages-adnav-wrap .sidebar div.barContent ul {
	margin: 14px 0 0 0
}

.css--damyanov div.advantages-adnav-wrap .sidebar div.barContent span {
	margin-top: 11px;
	font-size: em(16, 12)
}

.css--damyanov .adNav.gridModule {
	margin-left: 0
}

.css--damyanov .adNav ul {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.css--damyanov .adNav ul li {
	padding: 33px 60px 24px 50px
}

.css--damyanov .adNav ul li.active a {
	padding-bottom: 5px;
	border-bottom: 5px solid #fff500
}

.css--damyanov .advantagesContent #mainNav:before {
	content: '';
	position: absolute;
	display: block;
	width: 33px;
	height: 44px;
	top: 100%;
	left: 20%;
	margin: -6px 0 0 0;
	background: url("../images/icons/save-icon.png") 0 0 no-repeat
}

.css--damyanov .advantages-adnav-wrap {
	position: relative;
	display: block;
	overflow: hidden;
	background: #e9edf0;
	-webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2)
}

.css--damyanov .advantages-adnav-wrap:before {
	content: '';
	position: absolute;
	display: block;
	width: 5px;
	right: 0;
	top: 0;
	bottom: 0;
	background: #e9edf0
}

.css--damyanov .advantages-adnav-wrap div.sidebar {
	position: relative;
	width: 25.2%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0
}

.css--damyanov .advantages-adnav-wrap div.sidebar a {
	color: #bbc0c4;
	font-family: 'Roboto-normal'
}

.css--damyanov .advantages-adnav-wrap div.sidebar a.handle {
	position: absolute;
	left: 0;
	display: block;
	float: left;
	width: 40px;
	height: 76px;
	margin: 0 12px 0 0;
	background: yellow url("../images/modules/sidebar/handle.png") center center no-repeat;
	border-bottom: 1px solid yellow;
	text-indent: -9999px
}

.css--damyanov .advantages-adnav-wrap div.sidebar a.handle i {
	display: block;
	width: 7px;
	height: 18px;
	margin: 26px 0 0 40px;
	background: url("../images/modules/sidebar/tip.png") 0 0 no-repeat
}

.css--damyanov .advantages-adnav-wrap div.sidebar div.barContent {
	overflow: hidden;
	height: 70px;
	margin: 0 0 -1px 0;
	padding-left: 50px;
	background: #454d50;
	color: #bbc0c4
}

.css--damyanov .advantages-adnav-wrap div.sidebar div.barContent div.white {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 5px;
	background: #ffffff;
	z-index: 9999
}

.css--damyanov .advantages-adnav-wrap div.sidebar div.barContent ul {
	overflow: hidden;
	margin: 12px 0 10px 0
}

.css--damyanov .advantages-adnav-wrap div.sidebar div.barContent ul li {
	float: left;
	padding: 0 12px 0 3px;
	background: url("../images/modules/sidebar/arrow.png") center right no-repeat;
	font-size: 0.83333em
}

.css--damyanov .advantages-adnav-wrap div.sidebar div.barContent ul li:first-child {
	padding-left: 0
}

.css--damyanov .advantages-adnav-wrap div.sidebar div.barContent ul li:last-child {
	background: none
}

.css--damyanov .advantages-adnav-wrap div.sidebar div.barContent span {
	display: block;
	font-family: 'Roboto-normal';
	font-size: 1.41667em
}

.css--damyanov .advantages-adnav-wrap .sidebar.gridModule {
	margin-right: 0
}

.css--damyanov div.adNav {
	background: #e9edf0;
	width: 72.7% !important;
	margin-left: 0 !important;
	margin-right: 0
}

.css--damyanov div.adNav ul li {
	display: block;
	float: left;
	padding: 26px 60px 26px 50px
}

.css--damyanov div.adNav ul li.active,
.css--damyanov div.adNav ul li:hover {
	background: #ffffff
}

.css--damyanov div.adNav ul li a {
	color: #000000;
	font-size: 1.33333em;
	font-family: 'Futura-bold'
}

.css--damyanov .adNav.gridModule {
	margin-left: 0
}

.css--damyanov div.package div.list div.heading h2 {
	font-size: 29.9px
}

@media (max-width: 959px) {
	.css--damyanov div.package div.list div.heading h2 {
		margin: 0;
		text-align: left;
		padding-left: 1vw;
		padding-right: 1vw
	}
}

.css--damyanov div.package div.list div.text div.content {
	position: relative;
	width: 100%
}

.css--damyanov div.package div.list div.text div.content p {
	padding-bottom: 14px !important
}

.css--damyanov div.package div.list div.text div.content h2,
.css--damyanov div.package div.list div.text div.content h3 {
	font-size: 18.4px
}

.css--damyanov div.package div.list div.text div.content h3 {
	margin: 0 0 45px 0
}

@media (max-width: 959px) {
	.css--damyanov div.package div.list div.text div.content h2,
	.css--damyanov div.package div.list div.text div.content h3 {
		margin-left: 1vw;
		margin-right: 1vw;
		margin-bottom: 25px
	}
	.css--damyanov div.package div.list div.text div.content p {
		margin-left: 1vw;
		margin-right: 1vw
	}
}

@media (max-width: 480px) {
	.css--damyanov div.package div.list div.heading h2 {
		padding-left: 3vw;
		padding-right: 3vw
	}
	.css--damyanov div.package div.list div.text div.content h2,
	.css--damyanov div.package div.list div.text div.content h3,
	.css--damyanov div.package div.list div.text div.content p {
		margin-left: 3vw;
		margin-right: 3vw
	}
}

.css--damyanov div.package div.list div.text div.content table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 none
}

.css--damyanov div.package div.list div.text div.content table td {
	overflow: hidden;
	padding: 14px 9px 10px;
	font-size: 16.1px;
	font-family: 'Roboto-normal', Helvetica, Arial, sans-serif;
	border: 1px solid #d3d3d3;
	line-height: 23px;
	word-break: normal
}

@media (max-width: 959px) {
	.css--damyanov div.package div.list div.text div.content table td {
		padding: 0.7em;
		font-size: 1.2em;
		line-height: 1.25
	}
}

.css--damyanov div.package div.list div.text div.content table td:last-child {
	text-align: center
}

.css--damyanov div.package div.list div.text div.content table td.solid {
	background: #e9e9e9
}

.css--damyanov div.package div.list div.text div.content table td.spin span {
	display: block;
	float: left;
	padding: 0 0 0 27px
}

.css--damyanov div.package div.list div.text div.content table td.spin div.controls {
	float: right;
	padding: 0 20px 0 0
}

.css--damyanov div.package div.list div.text div.content table td.spin div.controls a {
	display: block;
	width: 15px;
	height: 12px;
	padding: 0 0 2px 0;
	text-indent: -9999px
}

.css--damyanov div.package div.list div.text div.content table td.spin div.controls a.up {
	background: url("../images/modules/package/arrow-up.png") 0 0 no-repeat
}

.css--damyanov div.package div.list div.text div.content table td.spin div.controls a.up.inactive {
	background: url("../images/modules/package/arrow-up-off.png") 0 0 no-repeat
}

.css--damyanov div.package div.list div.text div.content table td.spin div.controls a.down {
	background: url("../images/modules/package/arrow-down.png") 0 0 no-repeat
}

.css--damyanov div.package div.list div.text div.content table td.spin div.controls a.down.inactive {
	background: url("../images/modules/package/arrow-down-off.png") 0 0 no-repeat
}

.css--damyanov div.package div.list div.text div.content table td.toggle {
	width: 95px
}

.css--damyanov div.package div.list div.text div.content table td.toggle a {
	position: relative;
	display: block;
	margin: 0 5px;
	height: 31px;
	color: #333333;
	font-size: 12.65px;
	border-radius: 6px;
	background: #fff500;
	box-shadow: inset 1px 2px 3px #b5bb00;
	overflow: hidden
}

.css--damyanov div.package div.list div.text div.content table td.toggle a:hover b {
	animation: none !important
}

.css--damyanov div.package div.list div.text div.content table td.toggle a.off {
	background: #f5f5f5;
	box-shadow: inset 1px 2px 3px #b4b4b4
}

.css--damyanov div.package div.list div.text div.content table td.toggle a.off b {
	right: auto;
	left: 0
}

.css--damyanov div.package div.list div.text div.content table td.toggle a b {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #ffffff;
	width: 49%;
	height: 30px;
	box-shadow: 1px 1px 1px #b5b5b5;
	border-radius: 6px;
	cursor: pointer;
	z-index: 1000
}

.css--damyanov div.package div.list div.text div.content table td.toggle a span {
	position: absolute;
	left: 0;
	display: block;
	float: left;
	width: 50%;
	line-height: 30px;
	font-weight: 700;
	text-align: center;
	padding: 0
}

.css--damyanov div.package div.list div.text div.content table td.toggle a span.off {
	left: auto;
	right: 3px
}

.css--damyanov div.package div.list div.text div.content table th {
	border: 0 none
}

.css--damyanov div.package div.list div.text div.content table th.tg-yw4l {
	padding: 14px 9px;
	font-size: 16.1px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	font-weight: normal;
	border: 1px solid #d3d3d3;
	word-break: normal;
	text-align: left;
	line-height: 1.1
}

@media (max-width: 959px) {
	.css--damyanov div.package div.list div.text div.content table th.tg-yw4l {
		padding: 0.7em;
		font-size: 1.3em;
		line-height: 1.2
	}
}

.css--damyanov div.package div.list div.text div.content table th.tg-yw4l.result {
	position: relative;
	width: 80px;
	font-size: 23px
}

.css--damyanov div.package div.list div.text div.content table th.tg-yw4l.result.mobile {
	display: none
}

.css--damyanov div.package div.list div.text div.content table th.tg-yw4l.result div.info {
	position: absolute;
	top: -60px;
	left: 35px;
	width: 198px;
	height: 98px;
	background: url("../images/modules/package/info.png") 0 0 no-repeat
}

@media (max-width: 959px) {
	.css--damyanov div.package div.list div.text div.content table th.tg-yw4l.result {
		width: 86px;
		margin-top: -1px;
		margin-right: -1px
	}
	.css--damyanov div.package div.list div.text div.content table th.tg-yw4l.result.desktop {
		display: none
	}
	.css--damyanov div.package div.list div.text div.content table th.tg-yw4l.result.mobile {
		display: block;
		float: right
	}
	.css--damyanov div.package div.list div.text div.content table th.tg-yw4l.result.mobile div.info {
		top: 30px;
		left: -152px;
		width: 213px;
		background: url("../images/modules/package/info-mobile.png") 0 0 no-repeat
	}
}

.css--damyanov div.package div.list div.text div.content table .tg-yw4l {
	vertical-align: middle
}

.css--damyanov div.package div.list div.text div.content table .center {
	text-align: center !important
}

.css--damyanov div.package div.list div.fee {
	width: 75%;
	padding: 21px 0 9px;
	text-align: center;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8
}

.css--damyanov div.package div.list div.fee.mobile {
	display: none
}

@media (max-width: 959px) {
	.css--damyanov div.package div.list div.fee {
		padding: 15px 0 12px;
		margin: 0 auto 18px
	}
	.css--damyanov div.package div.list div.fee.mobile {
		display: block
	}
	.css--damyanov div.package div.list div.fee.desktop {
		display: none
	}
}

.css--damyanov div.package div.list div.fee h3 {
	font-size: 25.3px;
	font-family: 'Roboto-normal', Helvetica, Arial, sans-serif
}

@media (max-width: 959px) {
	.css--damyanov div.package div.list div.fee h3 {
		margin: 0 0 10px 0 !important;
		font-size: 23px !important
	}
}

.css--damyanov div.package div.list div.fee h2 {
	font-size: 21.85px !important
}

@media (max-width: 959px) {
	.css--damyanov div.package div.list div.fee h2 {
		margin: 0 !important
	}
}

.css--damyanov div.package div.list a.cta {
	position: relative;
	bottom: auto;
	float: right;
	width: 306px;
	margin: 40px 80px 0 0;
	padding-top: 30px
}

@media (max-width: 959px) {
	.css--damyanov div.package div.list a.cta {
		margin: 55px 6px 0 3vw;
		width: 70vw;
		left: 0;
		float: left
	}
}

@media (max-width: 480px) {
	.css--damyanov div.package div.list a.cta {
		width: 90vw;
		margin-left: 5vw
	}
}

.css--damyanov div.package div.list a.cta i {
	margin: 0 13px 0 0
}

.css--damyanov div.list {
	overflow: visible;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 70px
}

@media (max-width: 959px) {
	.css--damyanov div.list {
		margin-top: 30px;
		margin-bottom: 25px
	}
}

.css--damyanov div.list.apply p {
	padding-bottom: 30px
}

@media (max-width: 959px) {
	.css--damyanov div.list.apply {
		margin-bottom: 20px
	}
	.css--damyanov div.list.apply div.heading h2 {
		margin: 0;
		text-align: left
	}
	.css--damyanov div.list.apply ul li {
		margin: 0
	}
	.css--damyanov div.list.apply ul li div.content {
		width: 100%
	}
}

.css--damyanov div.list.advantages div.icon {
	width: 15%;
	margin-top: 0;
	padding-top: 0
}

.css--damyanov div.list.advantages div.icon img {
	margin-top: 0;
	text-align: center
}

.css--damyanov div.list.advantages ul li {
	padding: 0 0 17px 0
}

.css--damyanov div.vertical.current div.verticalModule div.icon img {
	text-align: center
}

@media (max-width: 959px) {
	.css--damyanov div.list.advantages div.heading h2 {
		text-align: center;
		font-size: 25.3px;
		line-height: 27px
	}
	.css--damyanov div.list.advantages ul li {
		margin: 0
	}
	.css--damyanov div.list.advantages ul li div.icon {
		width: 100%;
		margin: 0;
		clear: both
	}
	.css--damyanov div.list.advantages ul li div.icon img {
		margin: 0 auto
	}
	.css--damyanov div.list.advantages ul li div.content {
		width: 100%;
		clear: both;
		text-align: center
	}
	.css--damyanov div.list.advantages div.extra {
		float: none;
		margin: 26px auto;
		width: 90%
	}
}

.css--damyanov div.list.extras ul li {
	padding: 0 0 17px 0
}

.css--damyanov div.list.extras a.cta {
	position: relative;
	bottom: auto;
	float: right;
	clear: both;
	width: 306px;
	margin: 0 20px 0 0;
	padding-top: 36px
}

.css--damyanov div.list.extras a.cta i {
	margin: 0 13px 0 0
}

@media (max-width: 959px) {
	.css--damyanov div.list.extras h2 {
		text-align: center
	}
	.css--damyanov div.list.extras ul li {
		text-align: center
	}
	.css--damyanov div.list.extras ul li div.icon {
		display: none
	}
	.css--damyanov div.list.extras a.uiAnimatedArrow {
		clear: both;
		float: none;
		margin: 0 auto
	}
}

.css--damyanov div.list div.extra {
	clear: both;
	float: right;
	margin: 0 30px 0 0
}

.css--damyanov div.list div.extra a {
	display: block;
	margin: 0 0 17px;
	font-size: 20.7px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	color: #000000
}

.css--damyanov div.list div.extra a i {
	position: relative;
	display: block;
	float: right;
	width: 35px;
	height: 28px;
	margin: -6px 0 0 52px
}

.css--damyanov div.list div.extra a i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -7px 0 0 0;
	content: '';
	background: url("../images/icons/arrow-right-small.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov div.list ul {
	margin-left: 0
}

.css--damyanov div.list ul li {
	padding: 0
}

.css--damyanov div.list ul li a.quantitative {
	display: block;
	max-width: 66%;
	margin: 0 0 15px;
	font-size: 20.7px;
	font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none
}

@media (max-width: 959px) {
	.css--damyanov div.list ul li a.quantitative {
		max-width: 100%
	}
}

.css--damyanov div.list ul li a.quantitative b {
	float: right;
	display: block;
	width: 20px;
	height: 20px;
	margin: 2px 0 0 10px;
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat
}

.css--damyanov div.index div.vertical {
	margin: 0 0 40px 0
}

.css--damyanov div.vertical.greyBackground {
	background: #e9edf0;
	display: flex;
	flex-wrap: wrap
}

.css--damyanov div.index div.vertical div.verticalModule {
	position: relative;
	float: left;
	padding: 60px 0 110px 0;
	min-height: 120px;
	margin: 0 0 1px 0;
	border-left: 1px solid #ffffff;
	box-sizing: border-box;
	font-size: 1.16667em;
	font-family: 'Roboto-normal'
}

@media (max-width: 1035px) {
	.css--damyanov div.index div.vertical div.verticalModule:first-child {
		padding-bottom: 0
	}
}

.css--damyanov div.index div.vertical div.verticalModule:first-child {
	border-left: none
}

@media (max-width: 959px) {
	.css--damyanov div.index div.vertical div.verticalModule:first-child div.verticalModuleWrapper div.heading h2 {
		text-align: left
	}
}

.css--damyanov div.index div.vertical div.verticalModule:first-child div.verticalModuleWrapper {
	width: 89%
}

@media (min-width: 1350px) {
	.css--damyanov div.index div.vertical div.verticalModule:last-child div.helpModuleCTA {
		right: auto;
		left: 38px
	}
}

@media (max-width: 959px) {
	.css--damyanov div.index div.vertical div.verticalModule:last-child div.helpModuleCTA {
		left: auto
	}
}

@media (max-width: 1366px) and (min-width: 1280px) {
	.css--damyanov div.index div.vertical div.verticalModule {
		min-height: 170px
	}
}

@media (max-width: 1280px) and (min-width: 1024px) {
	.css--damyanov div.index div.vertical div.verticalModule {
		min-height: 356px
	}
}

@media (max-width: 1024px) and (min-width: 960px) {
	.css--damyanov div.index div.vertical div.verticalModule {
		min-height: 270px
	}
}

.css--damyanov div.vertical div.verticalModule div.verticalModuleWrapper {
	position: relative;
	display: block;
	padding: 0 15px 0 25px
}

@media (max-width: 959px) {
	.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper {
		position: relative;
		padding: 30px
	}
}

.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper.left div.heading {
	text-align: right;
	margin-right: 2px
}

.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper div.heading h2 {
	font-size: 2em;
	text-align: right;
	position: relative;
	top: -1px
}

.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper div.content {
	float: left;
	padding: 0 2px 0 0
}

.css--damyanov div.vertical div.verticalModule div.verticalModuleWrapper div.content {
	height: auto !important;
	overflow: hidden
}

.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper div.content h3 {
	margin: 0;
	font-size: 1.1428em;
	padding: 5px 6px 1px 0;
	font-family: 'Futura-bold';
	color: #000000
}

.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper div.content p {
	font-size: 1.1428em;
	line-height: 24px;
	margin-bottom: 0;
	overflow: hidden;
	min-height: 60px
}

.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA {
	position: absolute;
	right: 10px;
	bottom: 60px;
	overflow: hidden;
	text-align: right
}

.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA.right {
	left: 15px;
	right: auto
}

@media (max-width: 959px) {
	.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA.right {
		left: auto;
		right: 10px
	}
}

.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA a {
	display: block;
	color: #000000;
	font-size: 1.5em;
	font-family: 'Futura-bold';
	height: 35px;
	line-height: 35px
}

.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA a.number i {
	opacity: 0
}

.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA a:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA a i {
	position: relative;
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: 0 0 0 6px;
	background: #fff500;
	background: -moz-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff500), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531));
	background: -webkit-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -o-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -ms-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: linear-gradient(to bottom, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff531', GradientType=0)
}

@media (max-width: 959px) {
	.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA a i {
		margin-right: 0
	}
}

.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA a i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -7px 0 0 0;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA a span {
	float: right;
	height: 35px;
	line-height: 35px;
	padding: 0;
	font-size: 0.77em;
	margin: 0
}

@media (max-width: 1143px) {
	.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA a span {
		font-size: 13.8px
	}
}

.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA.align-left {
	right: 115px
}

@media (max-width: 959px) {
	.css--damyanov div.index div.vertical div.verticalModule {
		width: 100%;
		min-height: 0;
		margin: 0;
		padding: 35px 18px 17px 18px;
		border-left: none;
		border-top: 2px solid #ffffff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.css--damyanov div.index div.vertical div.verticalModule:first-child {
		display: none
	}
	.css--damyanov div.index div.vertical div.verticalModule:last-child {
		width: 100%;
		margin: 0 0 2px 0
	}
	.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper {
		top: auto;
		padding: 0
	}
	.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper div.content {
		float: none;
		padding: 0
	}
	.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper div.content h3 {
		font-size: 1.2857em;
		padding: 0 0 8px 0
	}
	.css--damyanov div.index div.vertical div.verticalModule div.verticalModuleWrapper div.content p {
		font-size: 1em;
		margin: 0 0 5px 0
	}
	.css--damyanov div.index div.vertical div.verticalModule div.helpModuleCTA {
		position: relative;
		right: auto;
		bottom: auto
	}
}

@media (max-width: 959px) {
	.css--damyanov div.vertical.current div.verticalModule {
		width: 100% !important;
		text-align: center
	}
	.css--damyanov div.vertical.current div.verticalModuleWrapper {
		width: 100% !important
	}
	.css--damyanov div.vertical.current div.verticalModuleWrapper div.heading h2 {
		text-align: center !important
	}
	.css--damyanov div.vertical.current div.verticalModuleWrapper div.content h3 {
		padding-top: 40px !important
	}
}

.css--damyanov div.extra-module-btn {
	right: 55px !important
}

.css--damyanov div.subheadlineModule div.articles-container {
	width: 100%;
	overflow: hidden
}

.css--damyanov div.subheadlineModule div.articles-container div.contentModule {
	width: 25%
}

.css--damyanov div.subheadlineModule div.articles-container div.contentModule:first-child {
	border-right: 1px solid #ffffff
}

@media (max-width: 959px) {
	.css--damyanov div.subheadlineModule div.articles-container div.contentModule {
		margin: 1px 0 0 0
	}
}

.css--damyanov div.subheadlineModule {
	clear: both
}

.css--damyanov div.subheadlineModule:after {
	content: '';
	display: table;
	clear: both
}

.css--damyanov div.subheadlineModule h2 {
	text-align: right
}

@media (max-width: 959px) {
	.css--damyanov div.subheadlineModule h2 {
		text-align: left
	}
}

.css--damyanov div.subheadlineModule div.contentModule {
	float: left;
	width: 33.333%;
	min-height: 194px;
	margin: 6px 0 54px 0;
	font-size: 1.16667em;
	font-family: 'Roboto-normal';
	border-right: 1px solid #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.css--damyanov div.subheadlineModule div.contentModule:first-child div.content {
	border: 0 none
}

@media (max-width: 959px) {
	.css--damyanov div.subheadlineModule div.contentModule {
		width: 100% !important;
		border: none !important
	}
}

.css--damyanov div.subheadlineModule div.contentModule div.moduleHeading {
	position: relative;
	min-height: 194px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.css--damyanov div.subheadlineModule div.contentModule div.moduleHeading a {
	color: #ffffff;
	font-size: 1.16667em;
	font-family: 'Futura-bold'
}

.css--damyanov div.subheadlineModule div.contentModule div.moduleHeading a span {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0;
	padding-left: 10px;
	padding-right: 61px;
	min-height: 35px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.css--damyanov div.subheadlineModule div.contentModule div.moduleHeading a span:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

@media (max-width: 959px) {
	.css--damyanov div.subheadlineModule div.contentModule div.moduleHeading a span:hover i b {
		-webkit-animation: none;
		-moz-animation: none;
		-ms-animation: none;
		-o-animation: none;
		animation: none
	}
}

.css--damyanov div.subheadlineModule div.contentModule div.moduleHeading a i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: -6px 17px 5px 15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background: #fff500;
	background: -moz-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff500), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531));
	background: -webkit-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -o-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -ms-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: linear-gradient(to bottom, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff531', GradientType=0);
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden
}

.css--damyanov div.subheadlineModule div.contentModule div.moduleHeading a i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -5px 0 0 0;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov div.subheadlineModule div.contentModule div.content {
	margin: 0 0 0 -1px;
	padding: 25px 0 0 30px;
	position: relative;
	border-left: 1px solid #e7e7e7
}

.css--damyanov div.subheadlineModule div.contentModule div.content div.related {
	overflow: hidden
}

.css--damyanov div.subheadlineModule div.contentModule div.content div.related a {
	margin: 0;
	float: left;
	clear: both;
	font-size: 1em;
	display: inline-block;
	font-family: 'Futura-bold';
	line-height: 1em;
	color: #000000
}

.css--damyanov div.subheadlineModule div.contentModule div.content div.related a:after {
	content: '';
	display: table;
	clear: both
}

.css--damyanov div.subheadlineModule div.contentModule div.content div.related a span {
	position: relative;
	display: block;
	float: left;
	max-width: 85%;
	margin-bottom: 0;
	padding-right: 35px;
	line-height: 1.45em
}

.css--damyanov div.subheadlineModule div.contentModule div.content div.related a b {
	position: absolute;
	display: inline-block;
	top: 0;
	width: 9px;
	height: 12px;
	margin: 5px 0 0 10px;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov div.subheadlineModule div.contentModule div.content div.related a:hover span {
	color: #5b5d5a
}

.css--damyanov div.subheadlineModule div.contentModule div.content div.related a:hover b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

.css--damyanov div.subheadlineModule.v2 h2 {
	padding-left: 24.8%;
	text-align: left
}

@media (max-width: 959px) {
	.css--damyanov div.subheadlineModule.v2 h2 {
		padding-left: 0
	}
}

.css--damyanov div.subheadlineModule.v2 div.contentModule {
	width: 24.8%
}

.css--damyanov div.subheadlineModule.v2 div.contentModule:first-child {
	border: none
}

.css--damyanov div.index div.quickLinks {
	overflow: hidden;
	width: 100%;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

.css--damyanov div.index div.quickLinks.newsListingBox.noDownload .linksModule.tools {
	border-top: none !important
}

.css--damyanov div.index div.quickLinks.newsListingBox.noDownload.existingCustomers {
	margin-left: 0
}

.css--damyanov div.index div.quickLinks.newsListingBox div.row div.imagery {
	padding: 1px 0 0 0
}

.css--damyanov div.index div.quickLinks.newsListingBox div.row p {
	margin: 0
}

.css--damyanov div.index div.quickLinks.newsListingBox div.linksModule.existingCustomers p {
	margin-bottom: 25px
}

.css--damyanov div.index div.quickLinks.newsListingBox div.linksModule.existingCustomers a {
	padding: 0 0 5px 0
}

.css--damyanov div.index div.quickLinks strong {
	font-family: 'Futura-bold'
}

.css--damyanov div.index div.quickLinks>div,
.css--damyanov div.index div.quickLinks div.linksModule,
.css--damyanov div.index div.quickLinks .tools,
.css--damyanov div.index div.quickLinks .lastViewed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

@media (max-width: 959px) {
	.css--damyanov div.index div.quickLinks>div,
	.css--damyanov div.index div.quickLinks div.linksModule,
	.css--damyanov div.index div.quickLinks .tools,
	.css--damyanov div.index div.quickLinks .lastViewed {
		float: none;
		width: 100% !important;
		padding: 0 30px
	}
}

.css--damyanov div.index div.linksModule {
	float: left;
	margin: 30px 0px 54px 0;
	padding: 20px 0 0 0;
	font-size: 1.16667em;
	font-family: 'Roboto-normal';
	text-align: right
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule {
		width: 100%;
		float: none
	}
}

.css--damyanov div.index div.linksModule h4 {
	margin-bottom: 20px
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule h4 {
		margin-bottom: 0
	}
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule {
		width: 100%;
		margin: 30px !important;
		text-align: left;
		border: 0 !important;
		padding-left: 30px
	}
}

.css--damyanov div.index div.linksModule.lastViewed {
	width: 24.9%;
	margin-top: 41px;
	padding-right: 28px;
	padding-left: 0;
	padding-top: 9px
}

.css--damyanov div.index div.linksModule.lastViewed.underline h4 {
	font-size: 1.2857em
}

.css--damyanov div.index div.linksModule.tools {
	text-align: left;
	background: none;
	border-right: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.tools {
		width: 93% !important;
		padding: 20px 15px 0 15px !important;
		margin-left: 15px !important;
		margin-right: 15px !important;
		border-bottom: 1px solid #e7e7e7 !important;
		border-top: 1px solid #e7e7e7 !important
	}
}

.css--damyanov div.index div.linksModule.tools div.toolsContent {
	padding: 0 25px 25px 25px
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.tools div.toolsContent {
		padding: 0 0 25px
	}
}

.css--damyanov div.index div.linksModule.tools div.row {
	width: 100%;
	overflow: hidden;
	padding: 0 20px
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.tools div.row {
		padding: 0;
		margin-bottom: 14px
	}
}

.css--damyanov div.index div.linksModule.tools div.row div.imagery {
	float: left;
	width: 15.3%;
	padding-right: 25px;
	font-size: 0.83333em
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.tools div.row div.imagery {
		display: none
	}
}

.css--damyanov div.index div.linksModule.tools div.row div.imagery img {
	display: block;
	margin: 0 0 26px 0
}

.css--damyanov div.index div.linksModule.tools div.row div.imagery.right {
	float: right;
	padding: 4px 5px 4px 0
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.tools div.row div.imagery {
		padding: 0 5px 4px 0;
		float: none !important;
		width: 100%
	}
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent {
	float: left;
	width: 77%;
	padding: 0 0 0
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent h4 {
	font-size: 1em;
	margin: 0 0 4px 0;
	color: black
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent .header-tools {
	margin-top: -3px
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent a {
	width: auto;
	color: #000000;
	float: left;
	clear: both;
	margin-bottom: 6px;
	display: inline-block;
	font-family: 'Futura-bold';
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.35em;
	padding: 0 0 5px 0;
	overflow: hidden
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent a:hover {
	color: #5b5d5a
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent a:hover i {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite;
	top: 0px
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent a i {
	display: inline-block;
	width: 9px;
	height: 12px;
	margin: -2px 0 0 5px;
	background: url("../images/icons/arrow-right-black.png") center right no-repeat
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.tools div.row div.linksContent a i {
		position: absolute;
		right: 13px
	}
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.tools div.row div.linksContent {
		width: 100%;
		float: none
	}
	.css--damyanov div.index div.linksModule.tools div.row div.linksContent a {
		overflow: visible;
		text-overflow: ellipsis;
		padding: 0 0 20px 0
	}
	.css--damyanov div.index div.linksModule.tools div.row div.linksContent p {
		line-height: 1em
	}
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent .personal-calculator {
	margin-top: -8px
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent .home-loan-calculator {
	margin-bottom: 9px;
	margin-top: 18px
}

.css--damyanov div.index div.linksModule.tools div.row div.linksContent p {
	width: 95%
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder {
	border-left: none;
	margin-top: 47px;
	padding-top: 3px
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder div.row div.linksContent {
	padding-top: 13px
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder div.row div.linksContent h4 {
	margin-bottom: 0
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder div.row div.linksContent>p~a {
	display: block;
	margin-bottom: 12px
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder div.row div.linksContent>p~a:last-child {
	margin-bottom: 0
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder div.row div.imagery {
	padding-right: 15px
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder div.row div.imagery img {
	margin-bottom: 16px
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder+div.linksModule.existingCustomers {
	margin-top: 46px
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder+div.linksModule.existingCustomers h4 {
	margin-bottom: 0
}

.css--damyanov div.index div.linksModule.tools.noLeftBorder+div.linksModule.existingCustomers a {
	padding-bottom: 15px
}

.css--damyanov div.index div.linksModule.existingCustomers {
	width: calc(24.9% - 40px);
	padding-left: 30px;
	text-align: left;
	box-sizing: border-box
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.existingCustomers {
		width: calc(100% - 45px) !important;
		box-sizing: border-box
	}
}

@media (min-width: 959px) and (max-width: 1050px) {
	.css--damyanov div.index div.linksModule.existingCustomers {
		margin-left: 15px
	}
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.existingCustomers {
		padding-right: 0;
		padding-left: 0
	}
}

.css--damyanov div.index div.linksModule.existingCustomers h4 {
	color: black;
	margin-top: -3px
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.existingCustomers h4 {
		margin-bottom: 0
	}
}

.css--damyanov div.index div.linksModule.existingCustomers p {
	width: 90%
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.existingCustomers p {
		line-height: 1.1em
	}
}

.css--damyanov div.index div.linksModule.existingCustomers a {
	color: #000000;
	position: relative;
	display: inline-block;
	font-family: 'Futura-bold';
	padding: 0 0 20px 0;
	float: left;
	clear: both
}

@media (min-width: 960px) {
	.css--damyanov div.index div.linksModule.existingCustomers a:nth-child(3) {
		padding-right: 0px
	}
}

@media (max-width: 997px) {
	.css--damyanov div.index div.linksModule.existingCustomers a:nth-child(3) {
		padding-right: 40px
	}
}

.css--damyanov div.index div.linksModule.existingCustomers a:hover {
	color: #5b5d5a
}

.css--damyanov div.index div.linksModule.existingCustomers a:hover i {
	margin: 0px 0 0 21px;
	top: 0px
}

.css--damyanov div.index div.linksModule.existingCustomers a:focus {
	text-decoration: none
}

.css--damyanov div.index div.linksModule.existingCustomers a i {
	position: relative;
	display: inline-block;
	top: 26%;
	width: 9px;
	height: 12px;
	margin: -16px 0 0 10px;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: auto
}

@media (max-width: 959px) {
	.css--damyanov div.index div.linksModule.existingCustomers a i {
		right: 0
	}
}

.css--damyanov div.index div.linksModule.existingCustomers a:hover i {
	top: 0px;
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

.css--damyanov div.index div.linksModule.existingCustomers .problem-replaying {
	margin-top: -5px
}

.css--damyanov div.index div.linksModule a {
	display: block;
	padding: 0 0 5px 0;
	color: #000000
}

.css--damyanov div.index div.linksModule a.first {
	padding-top: 10px
}

.css--damyanov div.index div.linksModule a.arrowed {
	font-family: 'Futura-bold';
	padding: 0 0 7px 0
}

.css--damyanov div.index div.linksModule a.arrowed i {
	display: inline-block;
	width: 12px;
	height: 8px;
	margin: -2px 0 0 5px;
	background: url("../images/icons/arrow-bottom-black.png") center right no-repeat
}

.css--damyanov div.index div.linksModule .last-viewed-product {
	margin-top: -5px
}

@media (max-width: 1250px) {
	.css--damyanov div.index div.accordion,
	.css--damyanov div.index div.vertical.expanded {
		padding-bottom: 80px
	}
}

.css--damyanov div.quickLinks {
	border: 0 none
}

@media (max-width: 959px) {
	.css--damyanov div.quickLinks {
		margin-top: 0;
		margin-bottom: 0
	}
}

.css--damyanov div.quickLinks a.uiLink {
	height: 16px;
	margin-right: 0 !important;
	margin-bottom: 20px;
	padding-right: 35px
}

.css--damyanov div.quickLinks a.uiLink b {
	width: 15px;
	animation: none;
	background-image: url("../images/icons/arrow-bottom-black.png");
	margin-top: 5px
}

.css--damyanov div.quickLinks div.linksModule div.content a {
	margin-right: 15px;
	float: right
}

.css--damyanov div.quickLinks div.linksModule.tools {
	border: none
}

.css--damyanov div.quickLinks div.linksModule.existingCustomers {
	padding-left: 0
}

.css--damyanov div.quickLinks div.linksModule.existingCustomers h4 {
	margin-bottom: 0
}

.css--damyanov div.quickLinks div.linksModule div.content h4 {
	margin-right: 4px;
	margin-top: 3px
}

.css--damyanov div.quickLinks div.linksModule.existingCustomers p {
	margin-bottom: 25px
}

.css--damyanov div.quickLinks div.linksModule div.linksContent {
	margin: 0 0 5px 0
}

.css--damyanov div.quickLinks div.linksModule div.linksContent p {
	margin-bottom: 2px
}

.css--damyanov div.content a.uiLink.v1 {
	font-size: 19.55px
}

.css--damyanov body.inverted div#mainNav div.mainNavContent {
	border: 0 none;
	box-shadow: none
}

.css--damyanov body.inverted div#mainNav div.mobileMenu a.toggle {
	color: #ffffff
}

.css--damyanov body.inverted div#mainNav div.mobileMenu a.toggle bdi {
	background: #ffffff
}

.css--damyanov body.inverted div#mainNav div.mobileMenu a.toggle bdi.inverted {
	background: #34393c
}

.css--damyanov body.inverted div#mainNav div.mobileMenu a.toggle bdi:before,
.css--damyanov body.inverted div#mainNav div.mobileMenu a.toggle bdi:after {
	background: #ffffff
}

.css--damyanov div#mainNav ul div#new-MDD {
	position: absolute;
	right: 0;
	left: auto;
	width: 70%;
	padding-right: 0;
	min-height: 400px
}

.css--damyanov div#mainNav ul div#new-MDD .subModuleArticlesWrap {
	padding: 0;
	min-height: 400px
}

.css--damyanov div#mainNav ul div#new-MDD div.subModule div.subList .sub-heading {
	width: 72%
}

.css--damyanov .inverted div#mainNav ul li a.heading,
.css--damyanov div.new-MDD-article a span {
	color: black
}

.css--damyanov div.new-MDD-article>div {
	position: relative
}

.css--damyanov div.new-MDD-article div h2 {
	display: block;
	position: absolute;
	left: 10px;
	bottom: 0;
	color: white
}

.css--damyanov div.new-MDD-article div.article-text {
	padding: 20px 60px 40px 10px;
	background-color: white
}

.css--damyanov div.new-MDD-article div.article-text p {
	font-size: 17.25px
}

.css--damyanov div.new-MDD-article div.article-text a span {
	font-size: 16.1px
}

.css--damyanov header.inverted div#topNav {
	background-color: #ffffff;
	z-index: 918600
}

.css--damyanov header.inverted div#topNav ul a.active,
.css--damyanov header.inverted div#topNav ul a:hover {
	color: #000000
}

.css--damyanov header.inverted div#topNav div.topNavContent .pullRigthWrapper:after {
	background-color: silver
}

.css--damyanov .inverted div#mainNav {
	background-color: #34393c
}

.css--damyanov .inverted div#mainNav div#logo a {
	background: url("../images/common/logo-white.png") 0 0 no-repeat;
	background-size: cover
}

.css--damyanov .inverted div#mainNav ul a {
	color: white
}

.css--damyanov body div#navigationOverlay {
	top: 40px
}

.css--damyanov header.inverted div#topNav {
	background: #ffffff;
	z-index: 918600;
	max-width: 1680px;
	margin: 0 auto
}

.css--damyanov header.inverted div#topNav div.topNavContent {
	background: #ffffff;
	padding: 9px 0 0 0;
	border: 0 none
}

.css--damyanov header.inverted div#topNav ul {
	display: block;
	float: right
}

.css--damyanov header.inverted div#topNav ul li {
	display: inline-block;
	padding: 0 20px 0 0
}

.css--damyanov header.inverted div#topNav ul li a {
	color: #999999;
	font-family: 'Futura-bold';
	font-size: 14.95px
}

.css--damyanov header.inverted div#topNav ul a.active,
.css--damyanov header.inverted div#topNav ul a:hover {
	color: #000000;
	border-bottom: 5px solid #fff500;
	padding: 0 0 6px 0
}

.css--damyanov header.inverted div#topNav div.topNavContent .pullRigthWrapper {
	float: right;
	position: relative;
	margin: 0 10px;
	width: auto
}

.css--damyanov header.inverted div#topNav ul.topNavLanguages {
	margin: 0 20px 0 0
}

.css--damyanov header.iverted div#topNav ul.topNavLanguages li:first-child {
	padding-left: 0
}

.css--damyanov header.inverted div#topNav ul.topNavLanguages li {
	padding: 0 0 0 5px
}

.css--damyanov header.inverted div#search {
	position: relative;
	top: -9px;
	right: 0;
	float: right;
	width: 339px;
	height: 37px;
	background: #e9edf0;
	z-index: 6000
}

.css--damyanov header.inverted div#topNav div.topNavSeparator {
	float: right;
	margin: -12px 0 0 10px;
	width: 30px;
	height: 40px
}

.css--damyanov body.inverted div#mainNav div#logo {
	margin-top: 4px
}

.css--damyanov header.inverted div#mainNav div#logo a {
	background: url("../images/common/logo-white.png") 0 0 no-repeat;
	background-size: cover;
	display: block;
	width: 167px;
	height: 48px;
	text-indent: -9999px
}

.css--damyanov div.home.index-corporate {
	overflow: hidden;
	background: #f7f7f7
}

.css--damyanov div.home {
	margin: 0;
	padding: 0 10px 0 0
}

.css--damyanov div.home a {
	display: block;
	width: 17px;
	height: 15px;
	padding: 0;
	background: url("../images/modules/navigation/home.png") 0 0 no-repeat;
	text-indent: -9999px;
	color: white
}

.css--damyanov body.inverted div#mainNav div.mainNavContent {
	border: 0 none;
	width: 100%;
	box-shadow: none;
	min-height: 69px;
	padding-top: 0
}

.css--damyanov body.inverted div.subModuleArticlesWrap div.introModule div.introContent a {
	color: #222222 !important
}

.css--damyanov body.inverted div#mainNav div#mainNavCTA a {
	padding-top: 46px
}

.css--damyanov body.inverted div#mainNav div#mainNavCTA a i.key {
	margin-right: 0;
	padding-right: 13px
}

.css--damyanov body.inverted div#mainNav ul div.sub div.subModule {
	width: 29.45%;
	margin-left: 6px
}

@media (max-width: 1250px) {
	.css--damyanov body.inverted div#mainNav div#logo {
		margin-top: -10px
	}
	.css--damyanov body.inverted div#mainNav div.mainNavContent ul {
		margin-top: 27px
	}
	.css--damyanov body.inverted div#mainNav div.mainNavContent {
		min-height: 53px
	}
	.css--damyanov body.inverted div#mainNav div.mainNavContent {
		overflow: visible;
		clear: both
	}
	.css--damyanov body.inverted div#mainNav ul div.sub div.subModule {
		width: 31.75%;
		margin-left: 0
	}
	.css--damyanov body.inverted div#mainNav ul div.sub div.subThumbs div.subThumbsContent {
		padding-left: 0
	}
}

@media (max-width: 1070px) {
	.css--damyanov body.inverted div#mainNav div.mainNavContent ul li a {
		padding-bottom: 10px
	}
}

@media (max-width: 959px) {
	.css--damyanov body.inverted div#mainNav div.mainNavContent {
		min-height: 70px;
		padding: 10px
	}
	.css--damyanov body.inverted div#mainNav div.mainNavContent ul li a {
		font-size: 14.95px
	}
	.css--damyanov body.inverted div#mainNav ul div.sub div.subThumbs div.subThumbsContent {
		padding-left: 0
	}
	.css--damyanov body.inverted div.subModule div.subList .sub-heading {
		padding: 0
	}
	.css--damyanov body.inverted div#mainNav ul div.sub div.subModule div.subList ul li {
		line-height: 19px
	}
	.css--damyanov body.inverted div.subModuleArticlesWrap div.introModule div.introContent a {
		color: #222222 !important
	}
	.css--damyanov body.inverted div#topNav {
		display: none
	}
	.css--damyanov body.inverted div#mainNav div#mainNavCTA a {
		padding-top: 19px
	}
	.css--damyanov body.inverted div#mainNav div#mainNavCTA a span.copyMobile {
		padding-top: 0
	}
	.css--damyanov body.inverted div#mainNav div#mainNavCTA a i.key {
		padding-right: 0
	}
	.css--damyanov body.inverted div#mainNav div.mobileMenu a.toggle {
		padding-top: 50px
	}
	.css--damyanov body.inverted div#mainNav div#logo {
		margin-top: 2px
	}
}

.css--damyanov body.sticky.inverted div#mainNav div.mainNavContent {
	min-height: 58px !important
}

.css--damyanov body.sticky.inverted div#mainNav div#mainNavCTA a {
	padding-top: 21px
}

.css--damyanov div.modules-Image-list-module-M18 div.advantage-btn {
	right: 70px
}

.css--damyanov div.modules-Image-list-module-M18 div.advantage-btn a {
	bottom: 0;
	width: 285px
}

@media (max-width: 1175px) {
	.css--damyanov div.modules-Image-list-module-M18 div.advantage-btn a {
		width: 235px
	}
}

@media (max-width: 959px) {
	.css--damyanov div.modules-Image-list-module-M18 div.heading {
		margin-bottom: 20px;
		text-align: initial
	}
	.css--damyanov div.modules-Image-list-module-M18 div.advantage-btn a {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		top: auto;
		width: 96%;
		float: none;
		clear: both
	}
}

.css--damyanov div.help div.helpHalf div.helpModuleArticle div.helpModuleCTA {
	overflow: hidden;
	text-align: right;
	padding: 0 0 10px
}

.css--damyanov div.help div.helpHalf div.helpModuleArticle div.helpModuleCTA a {
	display: block;
	color: #000000;
	font-size: 1.08333em;
	font-family: 'Futura-bold'
}

.css--damyanov div.help div.helpHalf div.helpModuleArticle div.helpModuleCTA a:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

.css--damyanov div.help div.helpHalf div.helpModuleArticle div.helpModuleCTA a i {
	position: relative;
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: 0 0 0 10px;
	background: #fff500;
	background: -moz-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color- stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff500), color-stop(94%, #fef512), color-stop(97%, #fff718), color- stop(100%, #fff531));
	background: -webkit-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -o-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: -ms-linear-gradient(top, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	background: linear-gradient(to bottom, #fff500 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff500 91%, #fef512 94%, #fff718 97%, #fff531 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff500', endColorstr='#fff531', GradientType=0)
}

@media (min-width: 1451px) {
	.css--damyanov div.help div.helpHalf div.helpModuleArticle div.content {
		height: 120px
	}
}

@media (max-width: 1360px) {
	.css--damyanov div.help div.helpHalf:first-of-type {
		width: 616px
	}
	.css--damyanov div.help div.helpHalf:last-of-type {
		width: 320px
	}
	.css--damyanov div.help div.helpHalf div.helpModuleArticle {
		width: 290px;
		margin-left: 18px
	}
}

@media (max-width: 1160px) {
	.css--damyanov div.help div.helpHalf div.helpTitle {
		width: 42%
	}
}

@media (max-width: 1200px) {
	.css--damyanov div.help div.helpHalf div.helpTitle h2 {
		font-size: 1.5714em;
		line-height: 32px;
		margin-bottom: 38px
	}
}

@media (max-width: 1150px) {
	.css--damyanov div.help div.helpHalf div.helpModuleArticle h3,
	.css--damyanov div.help div.helpHalf div.helpModuleArticle p {
		font-size: 1.07143em
	}
}

@media (max-width: 960px) {
	.css--damyanov div.help div.helpHalf div.helpTitle h2 {
		width: 100%;
		text-align: left;
		float: none
	}
	.css--damyanov div.help div.helpHalf {
		width: 100% !important
	}
	.css--damyanov div.help div.helpHalf div.helpModuleArticle {
		width: 100% !important;
		margin-left: 0 !important
	}
}

@media (max-width: 959px) {
	.css--damyanov div.help div.helpHalf div.helpModuleArticle div.helpModuleCTA a i {
		margin-right: 0
	}
}

.css--damyanov div.help div.helpHalf div.helpModuleArticle div.helpModuleCTA a i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -7px 0 0 0;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov div.help div.helpHalf div.helpModuleArticle div.helpModuleCTA a span {
	float: right;
	padding: 6px 0 0;
	margin-right: 3px;
	font-size: 1.14286em
}

.css--damyanov div.comparison * {
	box-sizing: content-box !important
}

.css--damyanov div.comparison p {
	margin: 0 0 50px 0;
	font-size: 12.65px;
	line-height: 16px
}

.css--damyanov div.comparison a.compModuleCTA {
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box !important
}

.css--damyanov div.comparison div.row div.compModule {
	overflow: hidden
}

.css--damyanov div.comparison div.row div.compModule.heading h3 {
	font-size: 16.1px;
	line-height: 22px;
	margin: 0;
	padding: 0
}

.css--damyanov div.comparison div.row div.compModule.heading h3 span {
	display: block;
	padding: 15px 5px 0 0
}

.css--damyanov div.comparison div.row:first-child div.compModule {
	min-height: 388px
}

.css--damyanov div.comparison div.row.sub.subCTA div.compModule {
	min-height: 40px !important
}

.css--damyanov div.comparison div.row.sub.subCTA {
	margin: -2px 0 0 -1px
}

.css--damyanov div.stage-hero {
	position: relative;
	width: 100%;
	overflow: hidden
}

.css--damyanov div.stage-hero img {
	display: block;
	margin: 0 auto
}

.css--damyanov div.stage-hero div.copy {
	position: absolute;
	top: 94px;
	left: 27px;
	max-width: 630px
}

.css--damyanov div.stage-hero div.copy h1 {
	margin: 0 0 6px 0;
	font-family: 'Futura-bold';
	font-size: 43.7px;
	font-weight: normal;
	color: #ffffff
}

.css--damyanov div.stage-hero div.copy h2 {
	font-family: 'Futura-bold';
	font-size: 21.85px;
	font-weight: normal;
	color: #ffffff
}

.css--damyanov .dropTeaser.categoryModule {
	display: none
}

@media (max-width: 1270px) {
	.css--damyanov .tools-category {
		width: 97%
	}
	.css--damyanov .tools-category li {
		margin-right: 20px
	}
}

@media (max-width: 1355px) {
	.css--damyanov .tools-category li {
		margin-right: 20px
	}
}

@media (min-width: 1391px) {
	.css--damyanov div.stage-hero div.copy {
		left: 200px
	}
}

@media (max-width: 959px) {
	.css--damyanov div.stage-hero {
		display: none
	}
	.css--damyanov .dropTeaser.categoryModule {
		display: block;
		margin-bottom: 0
	}
	.css--damyanov div.dropTeaser div.dropTeaserContent {
		padding-bottom: 0;
		padding-left: 3vw;
		padding-right: 3vw
	}
	.css--damyanov div.dropTeaser div.dropTeaserContent h1,
	.css--damyanov div.dropTeaser div.dropTeaserContent p {
		padding-left: 0;
		padding-right: 0
	}
	.css--damyanov div.dropTeaser div.dropTeaserContent div.select {
		padding-bottom: 0;
		margin-left: 0
	}
}

@media (max-width: 480px) {
	.css--damyanov div.dropTeaser div.dropTeaserContent {
		padding-left: 5vw;
		padding-right: 5vw
	}
}

.css--damyanov div.stage {
	position: relative;
	width: 100%;
	min-height: 444px;
	background: #dddddd;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.css--damyanov div.stage div.stageContent {
	position: absolute;
	top: 22%;
	left: 2.5%
}

.css--damyanov div.stage div.stageContent h1 {
	display: block;
	font-size: em(44, 12);
	line-height: 1.30em;
	color: #ffffff;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

.css--damyanov div.stage div.stageContent div.subTitle {
	position: relative
}

.css--damyanov div.stage div.stageContent div.subTitle i.mark {
	width: 18px;
	height: 18px;
	font-weight: bold;
	background: #fff500;
	border-radius: 100%
}

.css--damyanov div.stage div.stageContent div.subTitle i.mark p {
	text-align: center
}

.css--damyanov div.stage div.stageContent div.subTitle h2 {
	display: block;
	float: left;
	font-size: em(19, 12);
	color: #ffffff;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

.css--damyanov div.stage div.stageContent div.subTitle i {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	margin: 0 0 0 5px;
	background: url("../images/icons/info.png") 0 0 no-repeat;
	cursor: pointer
}

.css--damyanov div.stage div.stageContent div.subTitle div.tooltipContent {
	display: none;
	position: absolute;
	top: -60px;
	right: -75px;
	padding: 15px;
	background: yellow;
	font-family: 'Roboto-normal'
}

.css--damyanov div.stage div.stageContent a {
	position: relative;
	display: block;
	margin: 8px 0 0 0;
	font-size: em(18, 12);
	font-family: 'Futura-bold';
	color: #000000
}

@media (max-width: 959px) {
	.css--damyanov div.stage div.stageContent a {
		display: none
	}
}

.css--damyanov div.stage div.stageContent a.cta {
	bottom: -50px;
	left: 0
}

.css--damyanov div.stage div.stageContent a.cta i {
	display: block;
	position: relative;
	float: right;
	width: 35px;
	height: 35px;
	margin: -18px 15px 0 15px;
	padding: 25px 0 12px 26px;
	background: #fff500
}

@media (max-width: 959px) {
	.css--damyanov div.stage div.stageContent a.cta i {
		margin-right: 0
	}
	.css--damyanov div.stage {
		display: none
	}
}

.css--damyanov div.stage div.stageContent a.cta i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -3px 0 0 0;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov div.stage div.stageNav {
	position: absolute;
	right: 8.9%;
	bottom: 34px
}

.css--damyanov div.stage div.stageNav ul li {
	display: block;
	float: left;
	padding: 0 40px 0 0
}

.css--damyanov div.stage div.stageNav ul li:last-child {
	padding-right: 0
}

.css--damyanov div.stage div.stageNav ul li a {
	position: relative;
	display: block;
	min-width: 43px;
	height: 46px;
	color: #ffffff;
	font-family: 'Roboto-normal'
}

.css--damyanov div.stage div.stageNav ul li a.active:after {
	content: '';
	position: absolute;
	display: block;
	top: 100%;
	left: 50%;
	margin: 75px 0 0 -8px;
	border-bottom: 8px solid #f4f8fb;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}

.css--damyanov div.stage div.stageNav ul li a span {
	display: block;
	font-size: 1.09em;
	float: left;
	padding: 75px 0 0 0
}

.css--damyanov div.stage div.stageNav ul li a span:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	background-position: 0 0;
	background-repeat: no-repeat
}

.css--damyanov div.stage div.stageNav ul li a.approval span:after {
	width: 53px;
	height: 56px;
	left: 29px;
	background-image: url("../images/pages/advantages/approval.png")
}

.css--damyanov div.stage div.stageNav ul li a.flexible span:after {
	width: 55px;
	height: 55px;
	left: 5px;
	background-image: url("../images/pages/advantages/flexible.png")
}

.css--damyanov div.stage div.stageNav ul li a.fast span:after {
	width: 60px;
	height: 51px;
	left: 16px;
	background-image: url("../images/pages/advantages/fast.png")
}

.css--damyanov div.stage div.stageNav ul li a:hover span {
	text-shadow: 0 0 10px #fff, 0 0 40px rgba(253, 253, 0, 0.5), 0 0 70px rgba(253, 253, 0, 0.5), 0 0 80px rgba(253, 253, 0, 0.5), 0 0 100px rgba(253, 253, 0, 0.5), 0 0 150px rgba(253, 253, 0, 0.5)
}

.css--damyanov div.stage div.stageNav ul li a:hover span:after {
	background-position: 0 100%
}

.css--damyanov div.stage div.stageNav ul li a i {
	display: block;
	float: left;
	width: 14px;
	height: 9px;
	margin: 79px 0 0 12px;
	background: url("../images/icons/arrow-bottom-yellow.png") 0 0 no-repeat
}

.css--damyanov div.breadcrumps-tabs-containter.advantage div.sidebar {
	margin-top: 0;
	margin-right: 0;
	width: 25%
}

.css--damyanov div.breadcrumps-tabs-containter.advantage .tab-btn {
	padding: 30px 54px
}

.css--damyanov div.product-quarter div.prod-links-block div.link-block h6 {
	margin-bottom: 0
}

.css--damyanov div.extra-module div.extra-module-btn {
	right: 70px !important;
	bottom: -30px
}

.css--damyanov div.extra-module div.extra-module-btn a.slider-btn.cta {
	bottom: 0
}

.css--damyanov div.stage.variation-c {
	margin: 0 0 30px 0
}

.css--damyanov div.home div.homeModule a.animated-btn {
	color: #000000;
	width: auto
}

.css--damyanov div.homeModuleContentMain {
	overflow: hidden
}

.css--damyanov footer a.top {
	display: none;
	position: absolute;
	right: 0;
	bottom: 110px;
	width: 50px;
	height: 50px;
	background: #fff500;
	text-align: center;
	color: #000000;
	font-size: 1.25em;
	font-weight: 600;
	-webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3)
}

.css--damyanov footer a.top i {
	display: block;
	width: 12px;
	height: 9px;
	margin: 9px auto;
	background: url("../images/icons/arrow-top-black.png") 0 0 no-repeat
}

@media (max-width: 959px) {
	.css--damyanov footer a.top {
		display: block
	}
}

.css--damyanov div.sg-pattern-body.elements-animated-btn div.homeModuleCTA.anime-btn {
	margin-top: 35px
}

.css--damyanov div.sg-code.modules-Megadropdown-T17 div.sg-pattern-body.modules-Megadropdown-T17 {
	max-width: 1680px
}

.css--damyanov div.sg-code.modules-Megadropdown-T17 div.sg-pattern-body.modules-Megadropdown-T17 div.sub {
	padding: 0 339px 0 0
}

.css--damyanov div.sg-pattern-body.elements-toolsHandle a#toolsHandle {
	position: relative
}

.css--damyanov .about_us div.home {
	padding-bottom: 20px
}

.css--damyanov div#mainNav div#logo.sticky,
.css--damyanov .sticky div#mainNav div#logo {
	margin: 6px 10px
}

.css--damyanov div#mainNav div#logo a.sticky,
.css--damyanov .sticky div#mainNav div#logo a {
	width: auto;
	height: auto;
	padding-bottom: 5px
}

.css--damyanov div#mainNav div.mainNavContent,
.css--damyanov div#mainNav div#mainNavCTA {
	height: 84.5px;
	box-sizing: border-box
}

.css--damyanov div#mainNav.sticky div.mainNavContent,
.css--damyanov .sticky div#mainNav div.mainNavContent {
	height: auto
}

.css--damyanov div#mainNav div#logo a.sticky,
.css--damyanov .sticky div#mainNav div#logo a {
	background-size: contain
}

.css--damyanov div#search div.searchContent form a.clear {
	margin-top: 10px
}

.css--damyanov div#mainNav.sticky div.mainNavContent,
.css--damyanov .sticky div#mainNav div.mainNavContent {
	border-bottom: none
}

.css--damyanov header div#topNav ul.topNavLanguages {
	margin-left: 95px
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList ul a.drop-link {
	position: relative;
	display: inline-block;
	margin-right: 30px;
	padding-bottom: 5px;
	color: #000000;
	font-size: 16.1px;
	line-height: normal;
	font-family: "Roboto-normal", sans-serif
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList ul a.drop-link i.dropLinkBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #fff500;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList ul a.drop-link:hover {
	color: #000000
}

.css--damyanov div#mainNav ul div.sub div.subModule div.subList ul a.drop-link:hover i.dropLinkBar {
	background: #fff500;
	width: 100%;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.css--damyanov div.index div.imageModule {
	margin-top: 0;
	margin-bottom: 1px
}

.css--damyanov div.index div.imageModule img {
	min-height: 342px
}

.css--damyanov div.index div.imageModule div.content {
	background: white
}

.css--damyanov div.index section#mediumSlider {
	width: 100%
}

.css--damyanov div.index div.imageModule div.slideImage,
.css--damyanov div.index div.imageModule div.content div.copy {
	width: 50%
}

.css--damyanov div.index div.imageModule div.content div.copy div.copyContent h4 {
	margin: 0;
	font-size: 1.41667em
}

.css--damyanov div.index div.imageModule div.content div.copy div.copyContent h1 {
	margin: 0;
	padding: 5px 0 15px 0;
	font-family: 'Roboto-normal';
	font-size: x-large;
	border: 0 none;
	color: black
}

.css--damyanov div.index div.imageModule div.content div.copy div.copyContent p {
	font-size: 17.25px;
	line-height: 1.5em;
	margin-bottom: 15px
}

.css--damyanov div.index div.imageModule div.content div.copy div.copyContent a i b {
	margin: -10px 0 0 0
}

.css--damyanov div.index div.imageModule.mediumSlider div.indicators {
	display: none
}

@media screen and (max-width: 1345px) {
	.css--damyanov div.index div.imageModule div.content div.copy div.copyContent h1 {
		font-size: 1.25em;
		padding-bottom: 5px
	}
	.css--damyanov div.index div.imageModule div.content div.copy div.copyContent p {
		font-size: 16.1px;
		margin-bottom: 0
	}
}

@media screen and (min-width: 960px) {
	.css--damyanov div.index div.imageModule div.inner .nav a.left i,
	.css--damyanov div.index div.imageModule div.inner .nav a.right i {
		margin: -17px 0 0 0
	}
}

@media screen and (max-width: 959px) {
	.css--damyanov div.index div.imageModule {
		margin-bottom: -3px
	}
	.css--damyanov div.index div.imageModule .nav {
		left: 0;
		height: 342px;
		top: 15%
	}
	.css--damyanov div.index div.imageModule.mediumSlider div.indicators {
		display: block;
		right: 52%
	}
	.css--damyanov div.index div.imageModule div.slideImage,
	.css--damyanov div.index div.imageModule div.content div.copy {
		width: 49.7%;
		display: inline-block
	}
	.css--damyanov div.index div.imageModule div.content div.copy {
		vertical-align: top
	}
}

@media screen and (max-width: 520px) {
	.css--damyanov div.index div.imageModule div.slideImage,
	.css--damyanov div.index div.imageModule div.content div.copy {
		width: 49.4%
	}
	.css--damyanov div.index div.imageModule div.content div.copy div.copyContent h4 {
		font-size: 1.21667em
	}
}

@media screen and (max-width: 445px) {
	.css--damyanov div.index div.imageModule div.content div.copy div.copyContent p {
		line-height: 1.46667em
	}
}

@media screen and (min-width: 421px) and (max-width: 959px) {
	.css--damyanov div.index div.imageModule div.inner div.nav {
		left: calc(50% + 20px)
	}
}

@media screen and (min-width: 421px) {
	.css--damyanov div.index div.imageModule div.inner .nav {
		left: calc(50% + 23px);
		position: absolute;
		top: auto;
		bottom: 31px;
		width: 75px;
		height: 30px
	}
	.css--damyanov div.index div.imageModule .nav a {
		display: block;
		position: relative;
		float: left;
		width: 35px;
		height: 35px;
		margin: 0 2px 0 0;
		background: #fff500;
		opacity: 1
	}
	.css--damyanov div.index div.imageModule .nav a.left i {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		height: 100%;
		margin: -9px 0 0 0;
		background: url("../images/icons/arrow-left-small.png") center center no-repeat
	}
	.css--damyanov div.index div.imageModule .nav a.right i {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		height: 100%;
		margin: -9px 0 0 0;
		background: url("../images/icons/arrow-right-small.png") center center no-repeat
	}
}

@media screen and (max-width: 420px) {
	.css--damyanov div.index div.imageModule div.slideImage,
	.css--damyanov div.index div.imageModule div.content div.copy {
		width: 100%;
		display: block
	}
	.css--damyanov div.index div.imageModule .nav {
		top: 0
	}
	.css--damyanov div.index div.imageModule div.content div.copy div.copyContent h1 {
		font-size: 24.15px
	}
	.css--damyanov div.index div.imageModule div.content div.copy div.copyContent p {
		font-size: 1.178em;
		line-height: 1.46667em
	}
	.css--damyanov div.index div.imageModule.mediumSlider div.indicators {
		right: 10%
	}
}

.css--damyanov .about_us div#slider {
	background: none;
	width: 50% !important;
	margin: 0;
	margin-bottom: 1px
}

.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent {
	top: 95px;
	width: 680px
}

.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent>h1 {
	margin-bottom: 15px;
	font-size: 46px
}

.css--damyanov .about_us .home.index div#slider div.item div.image-box img:first-of-type {
	display: block;
	min-height: 342px
}

.css--damyanov .about_us .home.index div#slider div.item div.image-box img:last-of-type {
	display: none
}

.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent h5 {
	color: white;
	width: 640px;
	font-family: 'Futura-bold';
	font-size: 1.5em;
	margin-bottom: 60px
}

.css--damyanov .about_us div#slider div.item div.slideModule:first-child {
	width: 50% !important
}

.css--damyanov .about_us div#slider div.item div.slideModule:last-child {
	width: 46%
}

.css--damyanov .about_us div#slider div.item div img {
	width: 100%
}

.css--damyanov .about_us div#slider div.item div.slideModule p {
	font-size: 17.25px
}

.css--damyanov .about_us div#slider .uiLink.v1 {
	display: inline
}

.css--damyanov .about_us div#slider div.controls {
	left: 52%
}

.css--damyanov div#slider ol.carousel-indicators {
	left: 246px
}

.css--damyanov .about_us div#pdf-module {
	min-height: 342px
}

.css--damyanov .about_us div#pdf-module div#pdf-module-image {
	margin: 0;
	position: relative
}

.css--damyanov .about_us div#pdf-module div#pdf-module-image img#staircase-small {
	display: none
}

.css--damyanov .about_us div#pdf-module div#pdf-module-image img#staircase {
	width: 100%
}

.css--damyanov .about_us div#pdf-module div#pdf-module-image img#pdf-btn {
	position: absolute;
	bottom: 10px;
	right: 10px
}

.css--damyanov .about_us div#pdf-module div#pdf-text-container {
	max-height: 161px;
	margin-top: 20px;
	border-left: 1px solid #ebebeb;
	margin-left: 0;
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box
}

.css--damyanov .about_us div#pdf-module div#pdf-text-container h4 {
	font-size: 1.5em;
	margin-bottom: 8px
}

.css--damyanov .about_us div#pdf-module div#pdf-text-container p {
	font-family: 'Roboto-normal';
	font-size: 1.333em;
	margin-bottom: 38px
}

.css--damyanov .awards-section {
	margin: 63px 4% 40px 4%;
	width: 92%
}

.css--damyanov .awards-section h2 {
	font-size: 34.5px;
	text-align: center;
	margin-bottom: 46px
}

.css--damyanov .award-block div.logo-container {
	padding: 10px
}

.css--damyanov .award-block div.logo-container img {
	display: block;
	margin: 0 auto
}

.css--damyanov .award-block div.award-text-container {
	padding: 10px;
	font-family: 'Roboto-normal';
	font-size: 1.178em
}

.css--damyanov .award-block div.award-text-container p {
	text-align: center;
	padding: 0 10px
}

.css--damyanov #video-module {
	position: relative
}

.css--damyanov #video-module img#poster-img {
	display: none
}

.css--damyanov #video-module video {
	width: 100%;
	height: 400px;
	background-color: #000000
}

.css--damyanov #video-module div.streaming-link {
	background: url("../video/streaming-icon.png") left center no-repeat;
	font-family: 'Roboto-normal';
	font-size: 1.333em;
	color: white;
	padding-left: 40px;
	padding-top: 5px;
	position: absolute;
	top: 20px;
	left: 10px
}

@media (max-width: 959px) {
	.css--damyanov #video-module div.streaming-link {
		left: 2.5vw
	}
}

@media (max-width: 480px) {
	.css--damyanov #video-module div.streaming-link {
		left: 4.5vw
	}
}

.css--damyanov #video-module #controls_container {
	position: absolute;
	bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	width: 100%;
	display: flex
}

.css--damyanov #video-module #controls_container button {
	height: 100px;
	width: 100px;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	float: left;
	align-self: flex-end;
	flex-shrink: 0
}

.css--damyanov #video-module #controls_container .video-text {
	color: white;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: 'Roboto-normal';
	font-size: 1.5em;
	float: left
}

.css--damyanov #video-module #controls_container .video-text h4 {
	color: white;
	font-size: inherit;
	margin-bottom: 2px
}

.css--damyanov div.galery-link {
	background-color: #34393c;
	height: 53px;
	margin-top: -7px;
	padding-left: 10px;
	padding-top: 8px
}

.css--damyanov div.galery-link span h4 {
	font-size: 21.85px;
	color: white
}

.css--damyanov div.galery-link a.simple-btn i b {
	background: url("../images/icons/arrow-right-white.png") 0 0 no-repeat
}

@media (max-width: 959px) {
	.css--damyanov #video-module #controls_container {
		padding: 0 2.5vw
	}
	.css--damyanov div.galery-link {
		padding-left: 3vw;
		padding-right: 3vw
	}
}

@media (max-width: 480px) {
	.css--damyanov #video-module #controls_container {
		padding: 0 4vw
	}
	.css--damyanov div.galery-link {
		padding-left: 5vw;
		padding-right: 4vw
	}
}

.css--damyanov div#reports-section {
	background: #eaedef;
	position: relative;
	width: 50%;
	border-left: 1px solid white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.css--damyanov div#reports-section div.reports-top-level {
	border-bottom: 2px solid white;
	overflow: hidden
}

.css--damyanov div#reports-section .date-container {
	padding-top: 20px;
	text-align: right
}

.css--damyanov div#reports-section .date-container h4 {
	font-size: 14.95px;
	padding-right: 10px
}

.css--damyanov .about_us div#reports-section div.text-container {
	padding-top: 19px;
	min-height: 250px;
	padding-bottom: 10px;
	box-sizing: border-box
}

.css--damyanov .about_us div#reports-section div.text-container--2 {
	min-height: 200px
}

.css--damyanov .about_us div#reports-section div.text-container>* {
	padding: 0 20px 0
}

@media (max-width: 480px) {
	.css--damyanov .about_us div#reports-section div.text-container>* {
		padding: 0 5vw
	}
}

.css--damyanov .about_us div#reports-section div.text-container h4 {
	padding-bottom: 5px;
	font-size: 1.41667em;
	line-height: 1.2
}

.css--damyanov .about_us div#reports-section div.text-container h4.top-right-title {
	margin-bottom: 6px
}

.css--damyanov .about_us div#reports-section div.text-container p {
	font-family: 'Roboto-normal';
	font-size: 1.25em;
	line-height: 1.35
}

.css--damyanov .about_us div#reports-section div.select-container h4 {
	text-align: right;
	padding: 20px 10px 15px 0;
	font-size: 17.25px
}

.css--damyanov .about_us div.dropTeaser {
	margin: 0
}

.css--damyanov .about_us div.dropTeaser div.dropTeaserContent {
	width: 100%;
	padding: 0
}

.css--damyanov .about_us div.dropTeaser div.dropTeaserContent div.select {
	width: 180px;
	min-width: 140px;
	margin: 0 10px 0 0;
	float: right
}

.css--damyanov .about_us div.dropTeaser div.dropTeaserContent div.select div.main {
	background-color: white
}

@media screen and (min-width: 960px) and (max-width: 1324px) {
	.css--damyanov .about_us div.dropTeaser div.dropTeaserContent div.select {
		width: 140px
	}
	.css--damyanov div.dropTeaser div.dropTeaserContent div.select {
		min-width: 120px
	}
}

.css--damyanov a.animated-btn {
	display: block;
	min-height: 40px;
	color: #000000;
	font-size: 1.08333em;
	font-family: 'Futura-bold'
}

.css--damyanov a.animated-btn i {
	position: relative;
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	margin: 0 20px 0 16px;
	background-color: yellow
}

.css--damyanov a.animated-btn i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -7px 0 0 0;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov a.animated-btn span {
	float: right;
	padding: 5px 0 0;
	margin-right: 3px;
	font-size: 1.5em
}

.css--damyanov a.animated-btn:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

@-webkit-keyframes bounce {
	0% {
		right: 13px
	}
	20% {
		right: 13px
	}
	40% {
		right: 3px
	}
	50% {
		right: 13px
	}
	60% {
		right: 8px
	}
	80% {
		right: 13px
	}
	100% {
		right: 13px
	}
}

@keyframes bounce {
	0% {
		right: 13px
	}
	20% {
		right: 13px
	}
	40% {
		right: 3px
	}
	50% {
		right: 13px
	}
	60% {
		right: 8px
	}
	80% {
		right: 13px
	}
	100% {
		right: 13px
	}
}

.css--damyanov a.simple-btn {
	position: relative;
	top: auto;
	float: left;
	width: auto;
	height: auto;
	clear: both;
	color: #000000;
	min-height: 40px;
	font-size: 1.08333em;
	display: inline-block;
	font-family: 'Futura-bold';
	background: transparent
}

.css--damyanov a.simple-btn i {
	position: relative;
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	margin: -4px 0 0 0
}

.css--damyanov div#reports-section a.simple-btn span {
	min-width: 166px
}

.css--damyanov a.simple-btn i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: 1px 0 0 0;
	content: '';
	background: url("../images/icons/arrow-right-black.png") 0 0 no-repeat;
	right: 13px
}

.css--damyanov a.simple-btn span {
	float: left;
	padding: 5px 0 0;
	margin-right: 3px;
	font-size: 1.25em
}

.css--damyanov a.simple-btn:hover span {
	color: #5b5d5a
}

.css--damyanov a.simple-btn:hover i b {
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-ms-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite
}

.css--damyanov .carousel-inner a.simple-btn {
	margin-left: 20px
}

.css--damyanov .mobile-only {
	display: none
}

@media screen and (max-width: 1648px) {
	.css--damyanov .about_us div#pdf-module div#pdf-text-container p {
		margin-bottom: 24px
	}
	.css--damyanov div#slider ol.carousel-indicators {
		left: 226px
	}
}

@media screen and (max-width: 1592px) {
	.css--damyanov .about_us div#pdf-module div#pdf-text-container p {
		margin-bottom: 5px
	}
	.css--damyanov div#slider ol.carousel-indicators {
		left: 206px
	}
}

@media screen and (max-width: 1460px) {
	.css--damyanov .about_us div#pdf-module div#pdf-text-container {
		margin-top: 10px
	}
	.css--damyanov div#slider ol.carousel-indicators {
		left: 180px
	}
	.css--damyanov div#mainNav ul {
		margin-top: 39px
	}
}

@media screen and (max-width: 1345px) {
	.css--damyanov div#slider ol.carousel-indicators {
		left: 160px
	}
	.css--damyanov .about_us div#slider div.item div.slideModule p {
		font-size: 16.1px
	}
}

@media screen and (max-width: 1300px) {
	.css--damyanov div#slider ol.carousel-indicators {
		left: 150px;
		bottom: 3em
	}
}

@media screen and (max-width: 1215px) {
	.css--damyanov div#slider ol.carousel-indicators {
		left: 125px;
		bottom: 5em
	}
}

@media screen and (max-width: 1135px) {
	.css--damyanov div#slider ol.carousel-indicators {
		left: 100px;
		bottom: 6em
	}
	.css--damyanov .about_us div#slider div.item div.slideModule:last-child {
		padding-top: 10px
	}
}

@media screen and (max-width: 1093px) {
	.css--damyanov div#mainNav ul {
		margin-top: 29px
	}
	.css--damyanov .about_us div#reports-section div.text-container p {
		font-size: 13.8px
	}
}

@media screen and (max-width: 1060px) {
	.css--damyanov div#slider ol.carousel-indicators {
		left: 90px;
		bottom: 7em
	}
}

@media screen and (max-width: 1010px) {
	.css--damyanov div#slider ol.carousel-indicators {
		left: 75px;
		bottom: 8.5em
	}
}

@media screen and (max-width: 675px) {
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent {
		transform: none;
		left: calc(50% - 270px)
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent h5 {
		width: auto
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent a {
		display: block
	}
}

@media screen and (max-width: 959px) {
	.css--damyanov div#mainNav div.mobileMenu a.toggle {
		color: white
	}
	.css--damyanov div#mainNav div.mobileMenu a bdi,
	.css--damyanov div#mainNav div.mobileMenu a bdi:after,
	.css--damyanov div#mainNav div.mobileMenu a bdi:before {
		background: white
	}
	.css--damyanov .about_us div#slider {
		width: 100% !important
	}
	.css--damyanov .about_us .home.index div#slider div.item div.slideModule {
		width: 50%;
		margin: 0 auto;
		float: left;
		padding-left: 0;
		padding-right: 0
	}
	.css--damyanov div#slider ol.carousel-indicators {
		left: 575px;
		bottom: 12.5em
	}
	.css--damyanov .carousel-indicators li {
		text-indent: -1300px
	}
	.css--damyanov .about_us div#slider div.controls {
		left: 0
	}
	.css--damyanov div#slider div.controls a {
		top: 0
	}
	.css--damyanov div#mainNav div.mainNavContent {
		height: auto
	}
	.css--damyanov div#mainNav div.mainNavContent,
	.css--damyanov div#mainNav div#mainNavCTA {
		height: 70px
	}
	.css--damyanov div#notesTool .notesContent div.mobileTabs .tab h2 {
		font-size: 16.1px
	}
	.css--damyanov div#reports-section {
		width: 100%
	}
}

@media screen and (max-width: 894px) {
	.css--damyanov div#slider ol.carousel-indicators {
		left: calc(50% - 20px);
		bottom: 14.5em
	}
}

@media screen and (max-width: 765px) {
	.css--damyanov div#slider ol.carousel-indicators {
		bottom: 15em
	}
}

@media screen and (max-width: 640px) {
	.css--damyanov .about_us .home.index div#slider div.item div.slideModule {
		width: 100% !important
	}
	.css--damyanov div#slider ol.carousel-indicators {
		margin-top: 130px
	}
}

@media screen and (max-width: 590px) {
	.css--damyanov div#slider ol.carousel-indicators {
		margin-top: 16%
	}
}

@media screen and (max-width: 550px) {
	.css--damyanov div#slider ol.carousel-indicators {
		margin-top: 12%
	}
}

@media screen and (max-width: 530px) {
	.css--damyanov div#slider ol.carousel-indicators {
		display: none
	}
}

@media screen and (max-width: 338px) {
	.css--damyanov div#hero div.heroSlider div.heroSlide {
		min-height: 467px;
		background-position: 75% 20%
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent {
		top: 223px
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent>h1 {
		text-align: left;
		margin-left: -10px;
		padding-right: 20px
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent h5 {
		display: none
	}
	.css--damyanov .about_us div#slider,
	.css--damyanov .about_us div#slider div.item div.slideModule:first-child,
	.css--damyanov .about_us div#slider div.item div.slideModule:last-child,
	.css--damyanov div#reports-section {
		width: 100% !important
	}
	.css--damyanov .about_us div#slider div.controls {
		left: 0
	}
	.css--damyanov .about_us div#pdf-module {
		margin: 25px 0 0 0
	}
	.css--damyanov .about_us div#pdf-module div#pdf-module-image img#staircase {
		display: none
	}
	.css--damyanov .about_us div#pdf-module div#pdf-module-image img#staircase-small {
		display: block
	}
}

@media screen and (max-width: 720px) {
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent {
		height: 180px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 80%
	}
	.css--damyanov div.vertical div.verticalModule div.verticalModuleWrapper {
		padding-top: 30px
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent h5 {
		display: none
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent>h1 {
		font-size: 39.1px
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta {
		display: block;
		left: calc(50% - 144px);
		bottom: -115px
	}
	.css--damyanov .carousel-indicators {
		bottom: 35px;
		left: calc(50% - 20px)
	}
	.css--damyanov .awards-section h2 {
		font-size: 27.6px
	}
}

@media screen and (max-width: 420px) {
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent a {
		display: block;
		width: 177px;
		box-sizing: border-box;
		font-size: 1.333em
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta {
		left: -10px;
		margin-bottom: 40px;
		bottom: -112px
	}
	.css--damyanov div#mainNav div.mobileMenu a.toggle {
		color: white
	}
	.css--damyanov div#mainNav div.mobileMenu a bdi,
	.css--damyanov div#mainNav div.mobileMenu a bdi:after,
	.css--damyanov div#mainNav div.mobileMenu a bdi:before {
		background: white
	}
	.css--damyanov div#hero {
		min-height: 400px
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent {
		top: 200px;
		width: 100%;
		height: auto;
		left: 16px;
		margin-right: 16px;
		position: absolute;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent h1 {
		text-align: left;
		margin-left: 0;
		font-size: 27.6px;
		display: block;
		width: 290px
	}
	.css--damyanov div#hero div.heroSlider div.heroSlide div.heroSlideContent a.cta {
		left: 0;
		bottom: -110px;
		width: 190px
	}
	.css--damyanov .carousel-indicators {
		bottom: 50px;
		left: 50%;
		margin-left: -85px
	}
	.css--damyanov .about_us div#slider ol.carousel-indicators {
		display: block;
		position: absolute;
		top: 100px;
		left: 100%;
		height: 30px
	}
	.css--damyanov .about_us .small-slider ol.carousel-indicators li {
		display: none;
		background-color: transparent;
		font-family: 'Roboto-normal', Helvetica, Arial, sans-serif;
		content: normal;
		color: white;
		height: 30px;
		width: 60px;
		text-indent: 0
	}
	.css--damyanov .about_us .small-slider ol.carousel-indicators li.active {
		display: block;
		background-color: transparent;
		content: normal;
		text-indent: 0
	}
	.css--damyanov .about_us .small-slider ol.carousel-indicators li:after {
		background-color: transparent;
		content: normal;
		width: 30px;
		text-indent: 0
	}
	.css--damyanov .about_us .small-slider .carousel-indicators li.active:after {
		content: normal;
		width: 30px;
		text-indent: 0
	}
	.css--damyanov .about_us .small-slider ol.carousel-indicators li i {
		color: yellow;
		font-variant: normal
	}
	.css--damyanov .about_us .home.index div#slider div.item div.image-box img:first-of-type {
		display: none
	}
	.css--damyanov .about_us .home.index div#slider div.item div.image-box img:last-of-type {
		display: block !important;
		height: 183px
	}
	.css--damyanov div#slider div.controls {
		height: 200px
	}
	.css--damyanov .about_us div#slider div.controls a.right,
	.css--damyanov .about_us div#slider div.controls a.left {
		height: 90px;
		top: 48px
	}
	.css--damyanov div.home h1 {
		display: inline-block
	}
	.css--damyanov .about_us .home.index div#slider div.item div.text-box {
		min-height: 290px;
		padding: 20px 16px 0
	}
	.css--damyanov .about_us .home.index div#slider div.item div.text-box h1 {
		font-size: 27.6px;
		margin-top: 10px
	}
	.css--damyanov .about_us div#pdf-module div#pdf-module-image img#staircase {
		display: none
	}
	.css--damyanov .about_us div#pdf-module div#pdf-module-image img#staircase-small {
		display: block;
		width: 100%
	}
	.css--damyanov .about_us div#pdf-module div#pdf-text-container {
		min-height: 285px;
		padding: 10px 16px 0
	}
	.css--damyanov .about_us div#pdf-module div#pdf-text-container p {
		margin-bottom: 15px
	}
	.css--damyanov #video-module video {
		height: 380px
	}
	.css--damyanov #video-module img#poster-img {
		position: absolute;
		min-width: 412px;
		display: block;
		left: 50%;
		margin-left: -206px
	}
	.css--damyanov div.galery-link i.small-button {
		float: right;
		margin-right: 10px
	}
	.css--damyanov div#reports-section .date-container h4 {
		display: none
	}
	.css--damyanov .about_us div#reports-section div.text-container p {
		font-size: 1.23em
	}
	.css--damyanov div#reports-section {
		width: 100%
	}
	.css--damyanov div#reports-section .reports-bottom-level .select-container {
		width: 230px;
		font-size: 1.333em;
		margin-bottom: 20px;
		margin-top: 20px
	}
	.css--damyanov .about_us div#reports-section .reports-bottom-level div.text-container {
		height: 200px
	}
	.css--damyanov .about_us div#reports-section div.select-container h4 {
		text-align: left;
		padding: 20px 10px 0 20px
	}
	.css--damyanov .about_us div#reports-section .reports-bottom-level div.text-container h4,
	.css--damyanov .about_us div#reports-section .reports-bottom-level div.text-container a span {
		font-size: 1.333em
	}
	.css--damyanov div#reports-section .date-container h4.mobile-only {
		display: block;
		text-align: left;
		padding-left: 20px;
		margin-top: 10px;
		font-size: 1.5em
	}
	.css--damyanov div#reports-section .text-container span.mobile-only {
		display: block;
		text-align: left;
		padding-left: 20px;
		font-size: 16.1px;
		font-family: 'Roboto-normal';
		margin-bottom: 5px
	}
	.css--damyanov .about_us div.dropTeaser div.dropTeaserContent div.select {
		min-width: 200px
	}
	.css--damyanov div#reports-section a.simple-btn span {
		min-width: 175px
	}
	.css--damyanov .about_us div.mobile-only {
		display: block;
		position: relative;
		clear: both
	}
	.css--damyanov .about_us div.mobile-only .arrow-container {
		width: 30px;
		margin-left: auto;
		margin-right: auto
	}
	.css--damyanov .about_us div.mobile-only .arrow-container img {
		position: absolute;
		top: -15px
	}
	.css--damyanov .about_us div.mobile-only p {
		font-family: 'Futura-bold', Helvetica, Arial, sans-serif;
		line-height: 24px;
		text-align: center;
		padding-top: 30px;
		font-size: 1.5em;
		color: #000000
	}
	.css--damyanov .about_us .awards-section {
		margin-top: 30px
	}
	.css--damyanov .about_us .awards-section h2 {
		width: 92%;
		margin: 0 auto;
		margin-bottom: 20px
	}
}

@media screen and (max-width: 720px) {
	div.vertical div.verticalModule div.verticalModuleWrapper {
		padding-top: 30px !important
	}
}

.timeLineHolder .slider.slider-horizontal {
	height: 14px;
	margin-top: 11px
}

.timeLineHolder .slider.slider-horizontal .slider-track {
	height: 10px
}

.timeLineHolder .slider.slider-horizontal .slider-selection {
	background-color: #e6e6e6;
	left: -0.9% !important
}

.timeLineHolder .slider-track {
	height: 9px;
	background-color: #e6e6e6;
	box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb
}

.timeLineHolder .slider-selection {
	background-color: transparent
}

.timeLineHolder .slider-handle {
	width: 35px;
	height: 35px;
	top: -9px;
	z-index: 1000
}

.timeLineHolder .timeLineModule img {
	min-height: 100px
}

.verticalTimelineSliderWrap {
	bottom: 0;
	display: flex !important
}

.verticalTimelineSliderWrap .slider.slider-vertical {
	height: auto;
	width: 10px
}

.verticalTimelineSliderWrap .slider.slider-vertical .slider-track {
	left: 0
}

.verticalTimelineSliderWrap .slider.slider-vertical .slider-handle {
	left: -12px
}

.css--damyanov section#timeline div.progress span {
	cursor: pointer;
	font-size: 19px;
	color: #000000
}

.css--damyanov section#timeline div.progress span.active {
	cursor: default
}

.css--damyanov section#timeline div.progress span.active b::after {
	display: none
}

.css--damyanov section#timeline div.progress span:hover b::after {
	background-color: #fff500;
	height: 5px;
	bottom: 0
}

.css--damyanov section#timeline div.progress span:hover i {
	background-color: #fff500;
	opacity: 1
}

.css--damyanov section#timeline div.progress span:last-child i {
	left: 10px
}

.css--damyanov section#timeline div.progress span b {
	position: relative
}

.css--damyanov section#timeline div.progress span b::after {
	width: 100%;
	height: 2px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.css--damyanov section#timeline div.progress span b::after {
	transition: 300ms;
	left: 0;
	bottom: 2px;
	background: #000000
}

.css--damyanov section#timeline div.progress span i {
	transition: 200ms;
	width: 32px;
	top: -43px;
	left: 2px;
	height: 32px;
	opacity: 0.4;
	background: #e6e6e6;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.33);
	border-radius: 50%
}

.css--damyanov section#timeline div.heading h1 {
	font-size: 34px
}

.sm-table {
	margin: 50px 4%;
	margin-bottom: 0 !important;
	min-width: 600px;
	width: 92%
}

.sm-table tr:nth-child(2) td {
	border-top-color: #000000
}

.sm-table--left .sm-table__cell {
	text-align: left
}

.sm-table--top .sm-table__cell {
	vertical-align: top
}

.sm-table--min {
	margin: 50px 1% 0;
	width: 98%
}

.sm-table--min .sm-table__cell--caption {
	width: 40%
}

.sm-table--min .sm-table__cell {
	width: 30%;
	padding: 15px 2%
}

.sm-table .sm-table__cell--head {
	border-bottom-color: #000000
}

.sm-table--max-width .sm-table__cell {
	border-bottom: none
}

.sm-table__cell {
	border-bottom: 1px solid #d5d5d5;
	padding: 15px 3%;
	width: 37.5%;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.15
}

.sm-table__cell h1 {
	font-size: 1.77em;
	line-height: 0.9;
	padding-bottom: 2px;
	margin: 0
}

.sm-table__cell h1 sup,
.sm-table__cell h1 sub {
	font-size: 0.6em
}

.sm-table__cell h2 {
	font-size: 1.3em;
	line-height: 1.08;
	margin: 0
}

.sm-table__cell h3 {
	font-size: 0.99em;
	line-height: 1.16;
	margin: 0
}

.sm-table__cell img {
	margin: 0 auto 20px
}

.sm-table__cell b {
	font-weight: 700
}

.sm-table__cell--head {
	border-top: 0;
	vertical-align: bottom
}

.sm-table__cell--caption {
	text-align: right;
	width: 25%;
	padding-left: 0 !important
}

.sm-table__text--small {
	font-size: 0.73em;
	line-height: 1.2;
	opacity: 0.9
}

.sm-table__text--small:last-child {
	margin: 0
}

.sm-table__text--small a {
	opacity: 1;
	text-decoration: underline;
	color: #000000
}

.sm-table__text--small a:hover {
	text-decoration: none
}

.sm-table__text {
	padding: 10px 0 0;
	line-height: 1.15
}

.sm-table__text--bold {
	font-weight: 700
}

.sm-table__cell--check {
	background: url("../images/generic/k.png") center no-repeat
}

.sm-table__cell--button {
	padding: 25px 5%;
	text-align: center
}

.sm-table__cell--button a {
	background: #fff500;
	color: #1d1d1b;
	font-family: Futura-bold;
	font-size: 1em;
	padding: 10px;
	min-height: 20px;
	height: auto;
	display: inline-block;
	width: 100%;
	text-align: center;
	box-sizing: border-box
}

.sm-table__cell--button span {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	margin: auto
}

.sm-table__cell--button i {
	right: 0;
	top: 6px;
	width: 9px;
	height: 12px;
	position: absolute;
	background: url(../images/icons/arrow-right-small.png) center right no-repeat
}

.sm-table__cell--advanced {
	opacity: 0.6;
	border-bottom: none;
	text-align: left
}

.sm-table__cell--advanced p {
	margin-bottom: 7px
}

.sm-table__cell--active {
	background-color: #f5f5f5
}

.sm-table__cell--active.sm-table__cell--head {
	background: #fff500;
	box-shadow: inset 0 -2px #000000
}

.sm-table__cell--active.sm-table__cell--caption,
.sm-table__cell--active.sm-table__cell--advanced {
	background: none;
	box-shadow: none
}

.sm-table__row--no-hover .sm-table__cell--active {
	background: none
}

.sm-table__row--no-hover .sm-table__cell--active.sm-table__cell--head {
	background: none;
	box-shadow: none
}

.sm-table__cell--active2 {
	background-color: #f5f5f5
}

.sm-table__cell--active2.sm-table__cell--head {
	background: #fff500
}

.sm-table__cell--active2.sm-table__cell--caption,
.sm-table__cell--active2.sm-table__cell--advanced {
	background: none;
	box-shadow: none
}

.sm-table__row-mobile {
	display: none
}

.sm-table__scroll {
	display: none
}

.sm-table--custom {
	margin: 50px 1%;
	width: 98%
}

.sm-table--custom .sm-table__cell {
	padding: 15px 2%;
	width: 30%
}

.sm-table--custom .sm-table__cell--max {
	width: 63%
}

.sm-table--custom .sm-table__cell--min {
	width: 7%
}

.sm-table--1 .sm-table__cell--active {
	box-shadow: none
}

.sm-table--3 {
	margin: 50px 2%;
	width: 96%
}

.sm-table--3 .sm-table__cell {
	width: 25%
}

.sm-table--3-min {
	margin: 50px 0.5%;
	width: 99%
}

.sm-table--3-min .sm-table__cell {
	padding: 15px 2%;
	width: 20%
}

.sm-table--3-min .sm-table__cell--max {
	width: 40%
}

.sm-table--9 {
	margin: 50px 0.5%;
	width: 99%;
	font-size: 12px
}

.sm-table--9 .sm-table__cell {
	padding: 15px 1%;
	width: 10%
}

.sm-table--9 .sm-table__cell:nth-child(4),
.sm-table--9 .sm-table__cell:nth-child(7) {
	border-right: 1px solid #d5d5d5
}

.mobile-wrapper--4 {
	overflow: auto
}

.mobile-wrapper--4 .sm-table,
.mobile-wrapper--4 .js-row--fixed,
.mobile-wrapper--4 .js-row--fixed#table-head--2 {
	min-width: 1100px
}

.mobile-wrapper--4-min .sm-table,
.mobile-wrapper--4-min .js-row--fixed {
	min-width: 900px
}

.mobile-wrapper--7 .sm-table {
	min-width: 1301px
}

.mobile-wrapper--1200 .sm-table {
	min-width: 1200px
}

.mobile-wrapper--1500 .sm-table {
	min-width: 1500px
}

.sm-table--4 {
	margin-left: 0.5%;
	margin-right: 0.5%;
	width: 99%
}

.sm-table--4 .sm-table__cell {
	width: 20%;
	padding-left: 2%;
	padding-right: 2%
}

.sm-table--8 {
	margin: 50px 0 0;
	font-size: 11px;
	width: 100%
}

.sm-table--8 .sm-table__cell {
	width: 12%;
	padding: 10px 0.5%
}

.sm-table--8 .sm-table__cell--min {
	width: 8%
}

.sm-table--8 .sm-table__cell--max {
	width: 18%
}

.sm-table--tarify {
	margin: 0 0 50px 1% !important;
	font-size: 12px;
	width: 99%;
	min-width: 1000px
}

.sm-table--tarify .sm-table__cell {
	width: 12%;
	padding: 10px 1%
}

.sm-table--tarify .sm-table__cell h3 {
	font-size: 1.1em
}

.sm-table--tarify .sm-table__cell--min {
	width: 8%
}

.sm-table--tarify .sm-table__cell--max {
	width: 18%
}

td.sm-table__cell--advanced {
	width: auto
}

.sm-table--4-min .sm-table__cell {
	padding: 10px 1%;
	font-size: 1.31em;
	width: 17% !important
}

.sm-table--4-min .sm-table__cell h3 {
	font-size: 1em
}

.sm-table--4-min .sm-table__cell img {
	margin-bottom: 10px
}

.sm-table--4-min .sm-table__cell--caption {
	width: 32% !important
}

.sm-table--4-text {
	margin-left: 0;
	margin-right: 0;
	width: 100%
}

.sm-table--4-text .sm-table__cell {
	width: 18.75%
}

.sm-table--4-text .sm-table__cell--caption {
	width: 25%
}

.sm-table--5 {
	margin: 50px 0.5%;
	min-width: 1100px;
	width: 99%
}

.sm-table--5 .sm-table__cell {
	width: 16.666%;
	padding: 15px 1%
}

.sm-table--5-min .sm-table__cell--caption h2 {
	font-size: 1.2em
}

.sm-table--5-min .sm-table__cell {
	width: 15%;
	padding: 15px 1%
}

.sm-table--5-min .sm-table__cell--max {
	width: 25%;
	padding-right: 2%
}

.sm-table--14 {
	font-size: 11px;
	margin: 50px 0;
	width: 100%
}

.sm-table--14 .sm-table__cell h2 {
	font-size: 1.05em
}

.sm-table--14 .sm-table__cell h3 {
	font-size: 1em
}

.sm-table--14 .sm-table__cell {
	width: 6%;
	padding: 15px 0.5%
}

.sm-table--14 .sm-table__cell--max {
	width: 14%
}

.sm-table--no-margin-top {
	margin-top: 0 !important
}

.sm-table--no-margin-bottom {
	margin-bottom: 0 !important
}

.sm-table--max-width {
	width: 100%;
	margin-left: 0;
	margin-right: 0
}

.sm-table__cell--no-border {
	border-top: none
}

.vklady .sm-table--max-width .sm-table__cell--caption {
	padding-right: 2%
}

.vklady .sm-table--max-width .sm-table__cell {
	padding-top: 0;
	padding-bottom: 0
}

.vklady .sm-table--max-width .sm-table__cell h1 {
	padding-bottom: 7px
}

.vklady .contentNavWrapper {
	height: auto
}

.vklady .packages {
	margin-top: 15px
}

.vklady .subtabs {
	padding-left: 0 !important
}

.vklady .subtabs .toggle__list {
	margin-left: 0
}

.vklady div.subtabs .toggle__item {
	font-size: 1.5em;
	line-height: 2.5;
	height: auto;
	margin-left: 40px;
	width: auto;
	padding: 0;
	font-weight: 400;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.vklady div.subtabs .toggle__item:first-child {
	margin-left: 44px
}

.vklady div.subtabs--min {
	padding-left: 0 !important;
	background: repeating-linear-gradient(#e9edf0, #e9edf0 3.72em, #fff 3.72em, #fff 3.78em) !important
}

.vklady div.subtabs--min .toggle__item {
	margin: 0 2% !important
}

.mobile-wrapper {
	overflow: auto
}

.sm-table--1 {
	margin: 50px 5%;
	width: 90%
}

.sm-table--1 .sm-table__cell {
	width: 50%
}

.sm-table--1 .sm-table__cell--active2.sm-table__cell,
.sm-table--1 .sm-table__cell--active.sm-table__cell {
	background-color: transparent !important
}

.sm-table--1-min .sm-table__cell {
	width: 45%
}

.sm-table--1-min .sm-table__cell--caption {
	width: 55%
}

.sm-table--1-text .sm-table__cell {
	width: 70%
}

.sm-table--1-text .sm-table__cell--caption {
	width: 30%
}

.sm-table--1-text2 .sm-table__cell {
	width: 59%
}

.sm-table--1-text2 .sm-table__cell--caption {
	width: 41%
}

.sm-table--1-text3 .sm-table__cell {
	width: 41%
}

.sm-table--1-text3 .sm-table__cell--max {
	width: 59%
}

.sm-table--big-5 {
	min-width: 959px;
	margin: 50px 1%;
	width: 98%
}

.sm-table--big-5 .sm-table__cell,
.sm-table--big-5 .sm-table__cell--caption,
.sm-table--big-5 .sm-table__cell--head {
	width: 23.5%;
	padding: 15px 1%
}

.sm-table--big-5 .sm-table__cell--min {
	width: 6%
}

.sm-table--big-4 {
	margin: 0 3% 50px;
	width: 94%
}

.sm-table--big-4 .sm-table__cell,
.sm-table--big-4 .sm-table__cell--caption,
.sm-table--big-4 .sm-table__cell--head {
	width: 24%;
	padding: 15px 1%
}

.sm-table--7,
.sm-table--5-7 {
	margin: 50px 0.5%;
	width: 99%
}

.sm-table--7.no-margin,
.sm-table--5-7.no-margin {
	margin-top: 5px !important
}

.sm-table--7 div.subtabs,
.sm-table--5-7 div.subtabs {
	padding-left: 50px !important
}

.sm-table--7 div.subtabs .toggle__item,
.sm-table--5-7 div.subtabs .toggle__item {
	margin-left: 50px
}

.sm-table--7 .sm-table__cell,
.sm-table--5-7 .sm-table__cell {
	padding: 15px 1%;
	width: 10.86%
}

.sm-table--7 .sm-table__cell h2,
.sm-table--5-7 .sm-table__cell h2 {
	font-size: 0.95em;
	line-height: 1.15
}

.sm-table--7 .sm-table__cell--caption,
.sm-table--5-7 .sm-table__cell--caption {
	padding-right: 2%
}

.sm-table--7 .sm-table__cell--caption h2,
.sm-table--5-7 .sm-table__cell--caption h2 {
	font-size: 17px
}

.sm-table--7 .sm-table__cell--max,
.sm-table--5-7 .sm-table__cell--max {
	width: 24%
}

.sm-table--7 .sm-table__cell--button a,
.sm-table--5-7 .sm-table__cell--button a {
	font-size: 18px
}

.sm-table--7 div.subtabs .toggle__item,
.sm-table--5-7 div.subtabs .toggle__item {
	font-size: 18px
}

.sm-table--5-7 .sm-table__cell {
	width: 15.2%
}

.sm-table--5-7 .sm-table__cell--max {
	width: 24%
}

.sm-table--1-grid {
	margin: 50px 1%;
	width: 98%
}

.sm-table--1-grid.sm-table--max-width {
	margin-bottom: 20px !important
}

.sm-table--1-grid div.subtabs {
	padding-left: 50px !important
}

.sm-table--1-grid div.subtabs .toggle__item {
	margin-left: 48px
}

.sm-table--1-grid .sm-table__cell {
	width: 75.5%
}

.sm-table--1-grid .sm-table__cell--caption {
	padding-left: 0;
	padding-right: 2%;
	width: 24.5%
}

.sm-table--2-grid {
	width: 98%;
	margin: 50px 1%
}

.sm-table--2-grid .sm-table__cell {
	width: 37.75%
}

.sm-table--2-grid .sm-table__cell--caption {
	padding-left: 0;
	padding-right: 2%;
	width: 24.5%
}

.sm-table--fifty {
	width: 98%;
	margin: 50px 1%
}

.sm-table--fifty .sm-table__cell {
	width: 33.33%;
	padding-left: 1%;
	padding-right: 1%
}

.sm-table--fifty .sm-table__cell--caption {
	padding-left: 1%;
	padding-right: 1%;
	width: 33.3%
}

.sm-table--fifty .sm-table__cell--min {
	width: 25%;
	padding-right: 3%
}

@media (min-width: 1600px) {
	.sm-table--7 h2 br,
	.sm-table--7 h1 br,
	.sm-table--5-7 h2 br,
	.sm-table--5-7 h1 br {
		display: none
	}
}

.sm-table--hover .sm-table__row-hover:hover .sm-table__cell {
	background-color: #f5f5f5
}

.sm-table--hover .sm-table__row-hover:hover .sm-table__cell--head {
	background: #fff500
}

.sm-table--bumerang .sm-table__cell {
	padding: 15px 1%;
	border-top: none;
	border-bottom: 1px solid #d5d5d5
}

.sm-table--bumerang .sm-table__cell p {
	font-size: 0.9em
}

.sm-table--bumerang .sm-table__cell img {
	max-width: 232px;
	margin-bottom: 0
}

.sm-table--bumerang .sm-table__cell--caption {
	text-align: center;
	padding: 15px 1%
}

.sm-table--bumerang .sm-table__cell--head {
	vertical-align: middle;
	padding-left: 0;
	padding-right: 1%;
	text-align: right;
	width: 23%
}

.sm-table--bumerang .sm-table__cell--min {
	width: 12% !important
}

.sm-table--bumerang .sm-table__cell--max {
	width: 25% !important
}

.sm-table--bumerang .sm-table__cell--max p {
	text-align: left
}

@media (max-width: 959px) {
	.sm-table__cell h1 {
		font-size: 1.6em
	}
	.sm-table__cell--head {
		font-size: 1.3em
	}
	.mobile-wrapper--4 .sm-table__scroll {
		position: fixed;
		z-index: 9999;
		height: 55px;
		width: 35px;
		top: 50%;
		background: rgba(0, 0, 0, 0.3) url("../images/icons/arrow-right--yellow2.png") center no-repeat
	}
	.mobile-wrapper--4 .sm-table__scroll--right {
		right: 0;
		border-radius: 5px 0 0 5px
	}
	.mobile-wrapper--4 .sm-table__scroll--left {
		left: 0;
		border-radius: 0 5px 5px 0;
		background-image: url("../images/icons/arrow-left--yellow.png")
	}
	.sm-table {
		font-size: 12.7px;
		margin: 40px 0
	}
	.sm-table--big-4 {
		min-width: 600px;
		width: 100%;
		margin: 0 0 50px
	}
	.sm-table--big-4 .sm-table__cell:first-child {
		padding-left: 1%
	}
	.sm-table--big-5 .sm-table__cell:first-child {
		padding-left: 1%
	}
	.sm-table__cell {
		padding: 10px 2%
	}
	.sm-table__cell:first-child {
		padding-left: 2%
	}
	.sm-table__cell--button {
		padding: 15px 2%
	}
	.sm-table__row-desktop {
		display: none !important
	}
	.sm-table__row-desktop .sm-table__cell {
		padding: 10px 3vw
	}
	.sm-table__row-mobile {
		display: block !important;
		width: 100%;
		padding-left: 3vw;
		padding-right: 3vw
	}
}

.mobile-wrapper--3 .sm-table,
.mobile-wrapper--3 .js-row--fixed {
	min-width: 800px
}

@media (max-width: 768px) {
	.sm-table__scroll {
		position: fixed;
		z-index: 9999;
		height: 55px;
		width: 35px;
		top: 50%;
		background: rgba(0, 0, 0, 0.3) url("../images/icons/arrow-right--yellow2.png") center no-repeat
	}
	.sm-table__scroll--right {
		right: 0;
		border-radius: 5px 0 0 5px
	}
	.sm-table__scroll--left {
		left: 0;
		border-radius: 0 5px 5px 0;
		background-image: url("../images/icons/arrow-left--yellow.png")
	}
	.vklady h1.mobile-visible {
		text-align: left;
		padding-left: 3vw
	}
	.vklady .sm-table--max-width {
		width: 100%;
		margin: 0;
		min-width: 100px
	}
	.vklady .sm-table--max-width .sm-table__cell--caption {
		display: none
	}
	.vklady .sm-table--max-width div.subtabs .toggle__item {
		margin-left: 4% !important
	}
	.vklady .sm-table div.subtabs {
		padding-left: 0 !important
	}
}

@media (max-width: 480px) {
	.vklady h1.mobile-visible {
		padding-left: 5vw
	}
	.sm-table {
		margin-bottom: 0
	}
	.sm-table--big-5 {
		min-width: 850px
	}
	.sm-table__row-mobile {
		padding-left: 5vw;
		padding-right: 5vw
	}
	.mobile-wrapper--1 {
		margin: 0 5vw
	}
	.mobile-wrapper--1+.sm-table__cell--advanced {
		margin-bottom: 50px
	}
	.sm-table--1 {
		min-width: 300px
	}
	.sm-table--1 tr {
		display: block;
		width: 100%
	}
	.sm-table--1 td {
		display: block;
		width: 100% !important
	}
	.sm-table--1 td h1,
	.sm-table--1 td h3 {
		text-align: center
	}
	.sm-table--1 td h2 {
		margin-bottom: 4px
	}
	.sm-table--1 td h1 {
		margin-bottom: 30px
	}
	.sm-table--1 .sm-table__row-border .sm-table__cell {
		border-top-color: #d5d5d5
	}
	.sm-table--1 .sm-table__cell--active2 {
		border-top: none;
		background: none
	}
	.sm-table--1 .sm-table__cell--active2.sm-table__cell--head {
		background: #fff500;
		box-shadow: inset 0 -2px #d5d5d5
	}
}

.js-row--fixed {
	position: fixed;
	display: block;
	box-sizing: border-box;
	width: 100%;
	top: 58px;
	max-width: 1680px;
	margin: 0 auto;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
	background: #ffffff;
	z-index: 1000
}

.js-row--fixed+tr .cell-hide {
	height: 50px
}

.js-row--fixed .sm-table__cell {
	float: left;
	box-sizing: border-box
}

.js-row--fixed::after {
	display: table;
	content: '';
	clear: both
}

.js-row--fixed#table-head--2 {
	width: 99%;
	max-width: 1663px
}

.js-row--fixed#table-head--2+tr .cell-hide {
	height: 84px
}

.sm-table__link {
	display: flex;
	color: #000000;
	font-size: 1.08333em;
	font-family: Futura-bold;
	justify-content: flex-start;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	text-decoration: none !important
}

.sm-table__link:hover i {
	animation: none !important
}

.sm-table__link i {
	position: relative;
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	order: 2;
	margin: 0 0 0 10px;
	background: #fff500;
	padding: 0;
	flex-shrink: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

.sm-table__link i b {
	position: absolute;
	top: 50%;
	width: 9px;
	height: 12px;
	margin: -6px 0 0;
	content: '';
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 13px;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

.sm-table__link span {
	padding: 6px 0 0;
	font-size: 18px;
	text-align: right
}

@media (max-width: 959px) {
	.sm-table--1 {
		width: 100%
	}
	.sm-table--tarify {
		margin-top: 20px !important
	}
}

.sm-calculate {
	position: relative;
	padding: 10px 0;
	background: #f8f8f8;
	margin: 50px 0 0;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 1.49em;
	line-height: 1.05;
	font-weight: 400
}

.sm-calculate .slider.slider-horizontal .slider-track-high {
	background: #eaedef
}

.sm-calculate__table tr:first-child .sm-calculate__cell--big::after {
	height: 90%;
	top: 10%
}

.sm-calculate__table tr:last-child .sm-calculate__cell--big::after {
	height: 50%;
	top: 0
}

.sm-calculate__table h2,
.sm-calculate__table h3 {
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.sm-calculate__table h2 {
	font-size: 1.66em;
	text-align: right
}

.sm-calculate__table h3 {
	font-size: 1.4em
}

.sm-calculate__cell {
	width: 25%;
	vertical-align: middle;
	padding: 12px 2%;
	box-sizing: border-box;
	position: relative
}

.sm-calculate__cell select {
	cursor: pointer;
	height: 33px;
	padding-right: 45px;
	border: none;
	text-align: right;
	background: transparent url("../images/icons/yel-ar-down.gif") top right no-repeat;
	font-weight: 700;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

.sm-calculate__cell select option {
	text-align: right;
	cursor: pointer
}

.sm-calculate__title {
	vertical-align: top;
	padding-right: 3%
}

.sm-calculate__cell--big {
	width: 50%;
	padding-left: 0;
	max-width: 50vw
}

.sm-calculate__cell--big::after {
	position: absolute;
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	right: 0;
	top: 0;
	background: #d5d5d5
}

@media (min-width: 1680px) {
	.sm-calculate__cell--big {
		max-width: 840px
	}
}

.sm-calculate__cell--link {
	vertical-align: top
}

.sm-calculate__disclaimer p {
	padding: 0;
	font-size: 0.8em;
	line-height: 1
}

.sm-calculate__table--tablet {
	display: none
}

.sm-calculate__table--tablet .flex-item {
	width: 50%
}

.sm-calculate__flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 56px;
	width: 100%
}

.sm-calculate__cell--border::before {
	display: block;
	content: '';
	width: 97%;
	position: absolute;
	height: 1px;
	background: #d5d5d5;
	left: 0;
	bottom: 0
}

.sm-calculate__cell--border-right::before {
	left: 9%;
	width: 91%
}

.sm-calculate__name--prompt {
	position: relative;
	padding-right: 30px
}

.sm-calculate__prompt {
	display: block;
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
	font-size: 0
}

.sm-calculate__prompt::before {
	border: 1px solid #c4c4c4;
	content: '?';
	position: absolute;
	display: inline-block;
	z-index: 1000;
	width: 20px;
	left: 0;
	top: 0;
	opacity: 0.5;
	background: #f8f8f8;
	border-radius: 50%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.sm-calculate__prompt:hover::before {
	opacity: 1
}

.sm-calculate__prompt:hover p {
	display: block
}

.sm-calculate__prompt p {
	position: absolute;
	top: 10px;
	left: 10px;
	display: none;
	width: 360px;
	font-size: 16px;
	background: #ffffff;
	box-shadow: 0 2px 7.8px 0.2px rgba(0, 0, 0, 0.24);
	box-sizing: border-box;
	padding: 12px 20px 16px;
	z-index: 1000
}

.sm-calculate__name-result {
	display: block;
	font-size: 0.84em;
	padding-bottom: 5px
}

.sm-calculate__name-result--big {
	font-size: 0.94em;
	font-weight: 700
}

.sm-calculate__value-result {
	font-size: 1.56em
}

.sm-calculate__input {
	min-width: 175px;
	font-size: 1.4em;
	text-align: right;
	flex-shrink: 0
}

.sm-calculate__input .sm-calculate__name {
	font-size: 0.74em
}

.sm-calculate__input input {
	padding: 0 10px;
	margin-left: 5px;
	font-size: 1em;
	width: 110px;
	text-align: right;
	height: 40px
}

.sm-calculate__radio-wrapper {
	min-width: 392px;
	display: flex;
	padding-left: 18px;
	justify-content: space-between
}

.sm-calculate__radio-wrapper--button {
	min-width: 100px
}

.sm-calculate__range {
	padding: 0 2.5% 0 0;
	flex-grow: 1
}

.sm-calculate__radio {
	position: relative;
	padding-left: 32px;
	font-weight: 700
}

.sm-calculate__radio input {
	display: none
}

.sm-calculate__radio input:checked+span::after {
	display: block
}

.sm-calculate__radio span {
	width: 23px;
	height: 23px;
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid #949494
}

.sm-calculate__radio span::after {
	display: none;
	background: #fff500;
	border-radius: 50%;
	width: 15px;
	content: '';
	height: 15px;
	left: 3px;
	top: 3px;
	position: absolute
}

.sm-calculate__radio-button input {
	display: none
}

.sm-calculate__radio-button input:checked+span {
	background: #fff500
}

.sm-calculate__radio-button span {
	display: inline-block;
	padding: 10px;
	border: 1px solid #949494;
	cursor: pointer;
	margin-left: -1px
}

.sm-calculate__checkbox {
	position: relative;
	padding-right: 33px
}

.sm-calculate__checkbox input {
	display: none
}

.sm-calculate__checkbox input:checked+span {
	background: url("../images/icons/point-black.gif") 4px 4px no-repeat
}

.sm-calculate__checkbox span {
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #676767;
	background: none
}

.sm-calculate__checkbox--left {
	padding-right: 0;
	padding-left: 33px
}

.sm-calculate__checkbox--left span {
	right: auto;
	left: 0
}

.sm-calculate__multi-checkbox {
	position: relative;
	width: 285px
}

.sm-calculate__multi-checkbox__link {
	padding: 5px 15px;
	border: 1px solid #d5d5d5;
	cursor: pointer;
	background: transparent url(../images/icons/yel-ar-down.gif) top right no-repeat
}

.sm-calculate__multi-checkbox__content {
	background: #ffffff;
	z-index: 200;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	overflow-y: auto;
	max-height: 240px;
	display: flex;
	flex-direction: column;
	border: 1px solid #d5d5d5;
	border-top: none
}

.sm-calculate__multi-checkbox__content .sm-calculate__checkbox {
	padding: 15px 15px 15px 48px;
	display: block
}

.sm-calculate__multi-checkbox__content .sm-calculate__checkbox:hover {
	background: rgba(0, 0, 0, 0.1)
}

.sm-calculate__multi-checkbox__content .sm-calculate__checkbox:last-child {
	margin-bottom: 0
}

.sm-calculate__multi-checkbox__content .sm-calculate__checkbox span {
	top: 15px;
	left: 15px
}

.sm-calculate__disabled--hide {
	opacity: 0.25
}

.sm-calculate__disabled--hide input {
	background: #f8f8f8
}

.sm-calculate__bold {
	font-weight: 700
}

.sm-calculate__link {
	position: relative;
	display: block;
	padding: 5px 43px 10px 0;
	color: #000000;
	font-size: 0.94em;
	max-width: 300px;
	box-sizing: border-box;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.sm-calculate__link:hover {
	color: #000000
}

.sm-calculate__link:visited {
	color: #000000
}

.sm-calculate__link i {
	right: 0;
	top: 0;
	position: absolute;
	background: #fff500;
	display: block;
	height: 33px;
	border: 1px solid #e8e8e8;
	width: 33px
}

.sm-calculate__link i b {
	background: url(../images/icons/arrow-right-black.png) no-repeat transparent;
	content: "";
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 11px;
	top: 10px;
	width: 10px
}

.sm-calculate__cell--big .sm-calculate__button {
	margin-left: auto;
	max-width: 352px
}

.sm-calculate__button {
	background: #fff500;
	border: 0;
	position: relative;
	margin-top: -15px;
	display: block;
	width: 100%;
	font-family: Futura-bold;
	font-size: 1.1em;
	padding: 20px 30px 10px 15px;
	text-align: left;
	line-height: 1;
	color: #000000;
	box-sizing: border-box;
	max-width: 352px
}

.sm-calculate__button:hover {
	color: #000000
}

.sm-calculate__button span {
	margin: 0.15em 0;
	display: block
}

.sm-calculate__button i {
	position: absolute;
	right: 22px;
	top: 50%;
	display: block;
	width: 9px;
	height: 12px;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

.sm-calculate__table--deposit .sm-calculate__cell--big {
	width: 45%
}

.sm-calculate__table--deposit .sm-calculate__cell--mid {
	width: 30%
}

.sm-calculate__table--deposit .sm-calculate__cell--mid .flex-item {
	width: 50%
}

.sm-calculate__table--deposit .sm-calculate__radio-wrapper {
	flex-direction: row;
	min-width: 10px
}

.sm-calculate__table--deposit .js-valuta--output {
	min-width: 53px;
	display: inline-block
}

.sm-calculate__table--deposit .sm-calculate__button {
	margin-top: 5px
}

.sm-calculate__table--deposit2 .sm-calculate__cell--big {
	width: 40%
}

.sm-calculate__table--deposit2 .sm-calculate__cell--mid {
	width: 35%
}

.sm-calculate__table--deposit2 .sm-calculate__cell--mid .flex-item {
	width: 50%
}

.sm-calculate__table--deposit2 .sm-calculate__radio-wrapper {
	flex-direction: row;
	min-width: 10px
}

.sm-calculate__table--deposit2 .js-valuta--output {
	min-width: 53px;
	display: inline-block
}

.sm-calculate__table--deposit2 .sm-calculate__button {
	max-width: 255px;
	margin-top: 5px;
	padding: 15px 30px 6px 15px
}

.sm-calculate__table--deposit2 .flex-item {
	max-width: 220px;
	justify-content: flex-start
}

.sm-calculate__table--deposit2 .sm-calculate__cell--border-right::before {
	left: 5%;
	width: 95%
}

.sm-popup {
	padding: 38px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	box-shadow: 1.7px 4.7px 12px rgba(0, 0, 0, 0.3);
	width: 600px;
	margin-left: -300px;
	height: 630px;
	background: #ffffff;
	display: flex;
	z-index: 3000;
	flex-direction: column
}

.sm-popup__title {
	font-weight: 400;
	font-size: 1.8em
}

.sm-popup__close {
	width: 40px;
	height: 40px;
	background-color: #f6fd00;
	right: 0;
	top: 0;
	position: absolute;
	cursor: pointer
}

.sm-popup__close:hover::before,
.sm-popup__close:hover::after {
	opacity: 1
}

.sm-popup__close::before,
.sm-popup__close::after {
	content: '';
	display: block;
	width: 32px;
	height: 1px;
	background: #000000;
	opacity: 0.6;
	transform: rotate(45deg);
	top: 18px;
	position: absolute;
	left: 4px
}

.sm-popup__close::before {
	transform: rotate(-45deg)
}

.sm-popup__wrapper {
	overflow: auto
}

.sm-popup__head {
	flex-shrink: 0;
	display: flex;
	width: 100%;
	box-sizing: border-box;
	height: 45px;
	align-items: center;
	border-bottom: 1px solid #949494
}

.sm-popup__head span {
	box-sizing: border-box;
	font-weight: 700;
	font-size: 1.07em;
	vertical-align: middle
}

.sm-popup__head span.sm-popup__cell--min {
	text-align: left
}

.sm-popup__table {
	width: 100%
}

.sm-popup__table tr:hover {
	background: #e7e7e7
}

.sm-popup__table td {
	padding: 10px;
	font-size: 1.17em;
	text-align: center
}

.sm-popup__cell {
	box-sizing: border-box;
	width: 78%;
	text-align: center
}

.sm-popup__cell--min {
	width: 12%
}

.sm-popup__cell--empty {
	width: 10%
}

.curr-calculate {
	position: relative;
	padding: 30px 0;
	background: #f8f8f8;
	margin: 100px 0 40px;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 1.49em;
	line-height: 1.05;
	font-weight: 400;
	border-top: 2px solid #e0e0e0
}

.curr-calculate__table tr:first-child .curr-calculate__cell--big::after {
	height: 90%;
	top: 10%
}

.curr-calculate__table tr:last-child .curr-calculate__cell--big::after {
	height: 82%;
	top: 0
}

.curr-calculate__table h2,
.curr-calculate__table h3 {
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.curr-calculate__table h2 {
	font-size: 1.66em;
	text-align: right
}

.curr-calculate__table h3 {
	font-size: 1.4em
}

.curr-calculate__cell {
	width: 25%;
	vertical-align: middle;
	padding: 12px 1.5%;
	box-sizing: border-box;
	position: relative
}

.curr-calculate__cell select {
	height: 33px;
	padding-right: 45px;
	border: none;
	text-align: right;
	background: transparent url("../images/icons/yel-ar-down.gif") top right no-repeat;
	font-weight: 700;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

.curr-calculate__cell select option {
	text-align: right
}

.curr-calculate__title {
	vertical-align: top;
	padding-left: 5%
}

.curr-calculate__cell--big {
	width: 50%
}

.curr-calculate__cell--big::after {
	position: absolute;
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	right: 0;
	top: 0;
	background: #dcdcdc
}

.curr-calculate__cell--link {
	vertical-align: top
}

.curr-calculate__disclaimer p {
	padding: 0;
	font-size: 0.8em;
	line-height: 1
}

.curr-calculate__table--tablet {
	display: none
}

.curr-calculate__table--tablet .flex-item {
	width: 50%
}

.curr-calculate__flex {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.curr-calculate__cell--border::before {
	display: block;
	content: '';
	width: 90.5%;
	position: absolute;
	height: 1px;
	background: #dcdcdc;
	left: 5%;
	bottom: 0
}

.curr-calculate__cell--border-right::before {
	left: 3.4%;
	width: 250px
}

.curr-calculate__name--prompt {
	position: relative;
	padding-right: 30px
}

.curr-calculate__prompt {
	display: block;
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
	font-size: 0
}

.curr-calculate__prompt::before {
	border: 1px solid #c4c4c4;
	content: '?';
	position: absolute;
	display: inline-block;
	z-index: 2000;
	width: 20px;
	left: 0;
	top: 0;
	opacity: 0.5;
	background: #f8f8f8;
	border-radius: 50%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.curr-calculate__prompt:hover::before {
	opacity: 1
}

.curr-calculate__prompt:hover p {
	display: block
}

.curr-calculate__prompt p {
	position: absolute;
	top: 10px;
	left: 10px;
	display: none;
	width: 360px;
	font-size: 16px;
	background: #ffffff;
	box-shadow: 0 2px 7.8px 0.2px rgba(0, 0, 0, 0.24);
	box-sizing: border-box;
	padding: 12px 20px 16px;
	z-index: 1000
}

.curr-calculate__name-result {
	display: block;
	font-size: 0.84em;
	padding-bottom: 5px
}

.curr-calculate__value-result {
	font-size: 1.56em
}

.curr-calculate__input {
	min-width: 175px;
	font-size: 1.4em;
	text-align: right;
	flex-shrink: 0
}

.curr-calculate__input .curr-calculate__name {
	font-size: 0.74em
}

.curr-calculate__input input {
	padding: 0 10px;
	font-size: 1em;
	width: 129px;
	text-align: right;
	height: 40px
}

.curr-calculate__radio-wrapper {
	min-width: 392px;
	display: flex;
	justify-content: space-between
}

.curr-calculate__radio-wrapper--button {
	min-width: 100px
}

.curr-calculate__range {
	padding: 0 2.5% 0 5%;
	flex-grow: 1
}

.curr-calculate__radio {
	position: relative;
	padding-left: 32px;
	font-weight: 700
}

.curr-calculate__radio input {
	display: none
}

.curr-calculate__radio input:checked+span::after {
	display: block
}

.curr-calculate__radio span {
	width: 23px;
	height: 23px;
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid #949494
}

.curr-calculate__radio span::after {
	display: none;
	background: #fff500;
	border-radius: 50%;
	width: 15px;
	content: '';
	height: 15px;
	left: 3px;
	top: 3px;
	position: absolute
}

.curr-calculate__radio-button input {
	display: none
}

.curr-calculate__radio-button input:checked+span {
	background: #fff500;
	color: #000000
}

.curr-calculate__radio-button span {
	color: #a5a5a5;
	display: inline-block;
	padding: 8px 12px;
	font-size: 22px;
	line-height: 24px;
	border: 1px solid #949494;
	cursor: pointer;
	margin-left: -1px;
	transition: 400ms
}

.curr-calculate__radio-button span:hover {
	background: #fefde0;
	color: #000000
}

.curr-calculate__checkbox {
	position: relative;
	padding-right: 33px
}

.curr-calculate__checkbox input {
	display: none
}

.curr-calculate__checkbox input:checked+span {
	background: url("../images/icons/point-black.gif") 4px 4px no-repeat
}

.curr-calculate__checkbox span {
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #676767;
	background: none
}

.curr-calculate__disabled--hide {
	opacity: 0.3
}

.curr-calculate__disabled--hide input {
	background: #f8f8f8
}

.curr-calculate__bold {
	font-weight: 700
}

.curr-calculate__link {
	position: relative;
	display: block;
	padding: 5px 43px 10px 0;
	color: #000000;
	font-size: 0.94em;
	max-width: 300px;
	box-sizing: border-box;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.curr-calculate__link:hover {
	color: #000000
}

.curr-calculate__link:visited {
	color: #000000
}

.curr-calculate__link i {
	right: 0;
	top: 0;
	position: absolute;
	background: #fff500;
	display: block;
	height: 33px;
	border: 1px solid #e8e8e8;
	width: 33px
}

.curr-calculate__link i b {
	background: url(../images/icons/arrow-right-black.png) no-repeat transparent;
	content: "";
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 11px;
	top: 10px;
	width: 10px
}

.curr-calculate__button {
	background: #fff500;
	border: 0;
	position: relative;
	margin-top: -25px;
	display: block;
	width: 100%;
	font-family: Futura-bold;
	font-size: 1.1em;
	padding: 20px 30px 10px 15px;
	text-align: left;
	line-height: 1
}

.curr-calculate__button span {
	margin: 0.15em 0;
	display: block
}

.curr-calculate__button i {
	position: absolute;
	right: 22px;
	top: 50%;
	display: block;
	width: 9px;
	height: 12px;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

.curr-calculate__table--deposit .curr-calculate__cell--big {
	width: 30%
}

.curr-calculate__table--deposit .curr-calculate__cell--big .curr-calculate__radio-wrapper {
	margin: 10px 0 20px
}

.curr-calculate__table--deposit .curr-calculate__cell--mid {
	width: 45%
}

.curr-calculate__table--deposit .curr-calculate__radio-wrapper {
	flex-direction: row;
	min-width: 10px;
	margin-bottom: 30px
}

.curr-calculate__table--deposit .js-valuta--output {
	min-width: 53px;
	display: inline-block
}

.curr-calculate__table--deposit .curr-calculate__button {
	margin-top: 5px
}

.back-calculate {
	position: relative;
	margin: 50px 0 0;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 1.49em;
	line-height: 1.05;
	font-weight: 400
}

.back-calculate__table tr:first-child .back-calculate__cell--big::after {
	height: 76%;
	top: 24%
}

.back-calculate__table tr:last-child .back-calculate__cell--big {
	padding-bottom: 12px
}

.back-calculate__table tr:last-child .back-calculate__cell--big::after {
	height: 81%;
	top: 0
}

.back-calculate__table h2,
.back-calculate__table h3 {
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.back-calculate__table h2 {
	font-size: 1.66em;
	text-align: right
}

.back-calculate__table h3 {
	font-size: 1.4em
}

.back-calculate__cell {
	width: 25%;
	vertical-align: middle;
	padding: 3px 1.5%;
	box-sizing: border-box;
	position: relative;
	background: #d6dfe2
}

.back-calculate__cell select {
	height: 33px;
	padding-right: 45px;
	border: none;
	text-align: right;
	background: transparent url("../images/icons/yel-ar-down.gif") top right no-repeat;
	font-weight: 700;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

.back-calculate__cell select option {
	text-align: right
}

.back-calculate__title {
	vertical-align: top;
	padding-right: 3%;
	background: #ffffff
}

.back-calculate__cell--big {
	width: 50%
}

.back-calculate__cell--big::after {
	position: absolute;
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	right: 0;
	top: 0;
	background: #ffffff
}

.back-calculate__cell--mid {
	vertical-align: top
}

.back-calculate__cell--mid h3 {
	font-size: 25px;
	padding-top: 14px
}

.back-calculate__cell--link {
	vertical-align: top
}

.back-calculate__disclaimer p {
	padding: 0;
	font-size: 0.8em;
	line-height: 1
}

.back-calculate__table--tablet {
	display: none
}

.back-calculate__table--tablet .flex-item {
	width: 50%
}

.back-calculate__flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 56px
}

.back-calculate__cell--border::before {
	display: block;
	content: '';
	width: 94%;
	position: absolute;
	height: 1px;
	background: #ffffff;
	left: 3%;
	bottom: 0
}

.back-calculate__cell--border-right::before {
	left: 9%;
	width: 91%
}

.back-calculate__name--prompt {
	position: relative;
	padding-right: 30px
}

.back-calculate__prompt {
	display: block;
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
	font-size: 0
}

.back-calculate__prompt::before {
	border: 1px solid #c4c4c4;
	content: '?';
	position: absolute;
	display: inline-block;
	z-index: 2000;
	width: 20px;
	left: 0;
	top: 0;
	opacity: 0.5;
	background: #f8f8f8;
	border-radius: 50%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.back-calculate__prompt:hover::before {
	opacity: 1
}

.back-calculate__prompt:hover p {
	display: block
}

.back-calculate__prompt p {
	position: absolute;
	top: 10px;
	left: 10px;
	display: none;
	width: 360px;
	font-size: 16px;
	background: #ffffff;
	box-shadow: 0 2px 7.8px 0.2px rgba(0, 0, 0, 0.24);
	box-sizing: border-box;
	padding: 12px 20px 16px;
	z-index: 1000
}

.back-calculate__name-result {
	display: block;
	font-size: 0.84em;
	padding-bottom: 5px
}

.back-calculate__value-result {
	font-size: 1.56em
}

.back-calculate__input {
	min-width: 175px;
	font-size: 1.4em;
	text-align: right;
	flex-shrink: 0
}

.back-calculate__input .back-calculate__name {
	font-size: 0.74em
}

.back-calculate__input input {
	padding: 0 10px;
	margin-left: 5px;
	font-size: 1em;
	width: 150px;
	text-align: right;
	height: 40px
}

.back-calculate__radio-wrapper {
	min-width: 392px;
	display: flex;
	padding-left: 18px;
	justify-content: space-between
}

.back-calculate__radio-wrapper--button {
	min-width: 100px
}

.back-calculate__range {
	padding: 0 2.5% 0 5%;
	flex-grow: 1
}

.back-calculate__radio {
	position: relative;
	padding-left: 32px;
	font-weight: 700
}

.back-calculate__radio input {
	display: none
}

.back-calculate__radio input:checked+span::after {
	display: block
}

.back-calculate__radio span {
	width: 23px;
	height: 23px;
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid #949494
}

.back-calculate__radio span::after {
	display: none;
	background: #fff500;
	border-radius: 50%;
	width: 15px;
	content: '';
	height: 15px;
	left: 3px;
	top: 3px;
	position: absolute
}

.back-calculate__radio-button input {
	display: none
}

.back-calculate__radio-button input:checked+span {
	background: #fff500
}

.back-calculate__radio-button span {
	display: inline-block;
	padding: 10px;
	border: 1px solid #949494;
	cursor: pointer;
	margin-left: -1px
}

.back-calculate__checkbox {
	position: relative;
	padding-right: 33px
}

.back-calculate__checkbox input {
	display: none
}

.back-calculate__checkbox input:checked+span {
	background: url("../images/icons/point-black.gif") 4px 4px no-repeat
}

.back-calculate__checkbox span {
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #676767;
	background: none
}

.back-calculate__disabled--hide {
	opacity: 0.3
}

.back-calculate__disabled--hide input {
	background: #f8f8f8
}

.back-calculate__bold {
	font-weight: 700
}

.back-calculate__link {
	position: relative;
	display: block;
	padding: 5px 43px 10px 0;
	color: #000000;
	font-size: 0.94em;
	max-width: 300px;
	box-sizing: border-box;
	font-family: Futura-bold, Helvetica, Arial, sans-serif
}

.back-calculate__link:hover {
	color: #000000
}

.back-calculate__link:visited {
	color: #000000
}

.back-calculate__link i {
	right: 0;
	top: 0;
	position: absolute;
	background: #fff500;
	display: block;
	height: 33px;
	border: 1px solid #e8e8e8;
	width: 33px
}

.back-calculate__link i b {
	background: url(../images/icons/arrow-right-black.png) no-repeat transparent;
	content: "";
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 11px;
	top: 10px;
	width: 10px
}

.back-calculate__button {
	background: #fff500;
	border: 0;
	position: relative;
	margin-top: -25px;
	display: block;
	width: 100%;
	font-family: Futura-bold;
	font-size: 1.1em;
	padding: 20px 30px 10px 15px;
	text-align: left;
	line-height: 1
}

.back-calculate__button span {
	margin: 0.15em 0;
	display: block
}

.back-calculate__button i {
	position: absolute;
	right: 22px;
	top: 50%;
	display: block;
	width: 9px;
	height: 12px;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

.back-calculate__table--deposit .back-calculate__cell--big {
	width: 45%
}

.back-calculate__table--deposit .back-calculate__cell--mid {
	width: 30%;
	vertical-align: top
}

.back-calculate__table--deposit .back-calculate__cell--mid .flex-item {
	width: 50%
}

.back-calculate__table--deposit .back-calculate__radio-wrapper {
	flex-direction: row;
	min-width: 10px
}

.back-calculate__table--deposit .js-valuta--output {
	min-width: 53px;
	display: inline-block
}

.back-calculate__table--deposit .back-calculate__button {
	margin-top: 5px
}

.sm-calculate--tarify .sm-calculate__table {
	width: 100%
}

.sm-calculate--tarify .sm-calculate__table .sm-calculate__name {
	white-space: nowrap
}

.sm-calculate--tarify .sm-calculate__table .sm-calculate__radio-wrapper {
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-bottom: -10px
}

.sm-calculate--tarify .sm-calculate__table .sm-calculate__radio-wrapper--column {
	flex-direction: column;
	min-width: 285px
}

.sm-calculate--tarify .sm-calculate__table .sm-calculate__radio {
	margin-right: 30px;
	margin-bottom: 10px
}

.sm-calculate--tarify .sm-calculate__button {
	margin-top: 0;
	position: relative;
	bottom: -11px
}

@media (max-width: 959px) {
	.sm-calculate {
		margin: 50px 0
	}
	.sm-calculate__disclaimer {
		position: relative
	}
	.sm-calculate__disclaimer::before {
		position: absolute;
		display: block;
		content: '';
		height: 1px;
		width: 94%;
		left: 3%;
		bottom: 0;
		background: #000000
	}
	.sm-calculate__title {
		display: none
	}
	.sm-calculate__cell {
		padding-left: 3vw;
		padding-right: 3vw
	}
	.sm-calculate__cell--border::before {
		width: 94%;
		left: 3%
	}
	.sm-calculate__cell--big::after {
		display: none
	}
	.sm-calculate__cell--hide {
		display: none !important
	}
	.sm-calculate__table--tablet {
		padding-top: 30px;
		padding-bottom: 15px;
		display: block;
		width: 100%
	}
	.sm-calculate__table--tablet .sm-calculate__cell {
		width: 100%
	}
	.sm-calculate__table--tablet .sm-calculate__button {
		margin-top: 0;
		width: 50%;
		margin-left: 50%
	}
	.curr-calculate {
		margin: 50px 0
	}
	.curr-calculate__disclaimer {
		position: relative
	}
	.curr-calculate__disclaimer::before {
		position: absolute;
		display: block;
		content: '';
		height: 1px;
		width: 94%;
		left: 3%;
		bottom: 0;
		background: #000000
	}
	.curr-calculate__title {
		display: none
	}
	.curr-calculate__cell {
		padding-left: 3vw;
		padding-right: 3vw
	}
	.curr-calculate__cell--border::before {
		width: 94%;
		left: 3%
	}
	.curr-calculate__cell--big::after {
		display: none
	}
	.curr-calculate__cell--hide {
		display: none
	}
	.curr-calculate__table--tablet {
		padding-top: 30px;
		padding-bottom: 15px;
		display: block;
		width: 100%
	}
	.curr-calculate__table--tablet .curr-calculate__cell {
		width: 100%
	}
	.curr-calculate__table--tablet .curr-calculate__button {
		margin-top: 0;
		width: 50%;
		margin-left: 50%
	}
	.back-calculate {
		margin: 50px 0
	}
	.back-calculate__disclaimer {
		position: relative
	}
	.back-calculate__disclaimer::before {
		position: absolute;
		display: block;
		content: '';
		height: 1px;
		width: 94%;
		left: 3%;
		bottom: 0;
		background: #000000
	}
	.back-calculate__title {
		display: none
	}
	.back-calculate__cell {
		padding-left: 3vw;
		padding-right: 3vw
	}
	.back-calculate__cell--border::before {
		width: 94%;
		left: 3%
	}
	.back-calculate__cell--big::after {
		display: none
	}
	.back-calculate__cell--hide {
		display: none
	}
	.back-calculate__table--tablet {
		padding-top: 30px;
		padding-bottom: 15px;
		display: block;
		width: 100%
	}
	.back-calculate__table--tablet .back-calculate__cell {
		width: 100%
	}
	.back-calculate__table--tablet .back-calculate__button {
		margin-top: 0;
		width: 50%;
		margin-left: 50%
	}
	.sm-popup {
		position: fixed;
		top: 75px
	}
	.sm-calculate__title h2 {
		font-size: 33px
	}
}

@media screen and (max-width: 480px) {
	.sm-calculate__button {
		max-width: 100vw
	}
	.sm-calculate__table {
		width: 100%
	}
	.sm-calculate__title h2 {
		font-size: 30px
	}
	.sm-calculate__cell {
		padding: 5vw;
		width: 100%;
		box-sizing: border-box
	}
	.sm-calculate__cell--border::before {
		left: 0;
		width: 100%
	}
	.sm-calculate__flex {
		min-height: 20px;
		flex-wrap: wrap;
		justify-content: flex-end
	}
	.sm-calculate__name {
		width: 100%;
		margin-bottom: 15px
	}
	.sm-calculate__name--prompt {
		width: auto;
		margin-right: auto;
		margin-bottom: 0;
		position: relative
	}
	.sm-calculate__prompt {
		position: static;
		display: inline-block;
		border: 1px solid #c4c4c4;
		opacity: 0.5;
		background: #f8f8f8;
		border-radius: 50%;
		line-height: 20px;
		text-align: center;
		font-size: 16px;
		font-family: Futura-bold, Helvetica, Arial, sans-serif
	}
	.sm-calculate__prompt::before {
		display: none
	}
	.sm-calculate__prompt:hover {
		opacity: 1
	}
	.sm-calculate__prompt p {
		font-size: 1em;
		padding: 4vw 5vw 5vw;
		text-align: left;
		width: 96vw;
		left: -3vw;
		top: -6.7em;
		opacity: 1
	}
	.sm-calculate__radio-wrapper {
		display: flex;
		flex-direction: column;
		min-width: 200px
	}
	.sm-calculate__radio {
		margin-bottom: 12px
	}
	.sm-calculate__range {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 5%
	}
	.sm-calculate__input input {
		width: 160px
	}
	.sm-calculate__checkbox {
		margin-bottom: 5px
	}
	.sm-calculate__disabled {
		display: block;
		width: 100%
	}
	.sm-calculate__disabled .sm-calculate__input {
		flex-wrap: wrap;
		display: flex;
		justify-content: flex-end;
		align-items: center
	}
	.sm-calculate__disabled .sm-calculate__input .sm-calculate__name {
		margin-bottom: 8px
	}
	.sm-calculate__disabled .sm-calculate__input input {
		margin-right: 8px
	}
	.sm-calculate__disclaimer::before {
		width: 100%;
		left: 0
	}
	.sm-calculate__table--tablet {
		padding-top: 10px
	}
	.sm-calculate__table--tablet h3 {
		margin-bottom: -10px
	}
	.sm-calculate__table--tablet .sm-calculate__button {
		width: 80vw;
		margin-left: 5vw
	}
	.curr-calculate__table {
		width: 100%
	}
	.curr-calculate__title h2 {
		font-size: 8.2vw;
		margin-bottom: 0;
		padding-bottom: 0
	}
	.curr-calculate__cell {
		padding: 5vw;
		width: 100%;
		box-sizing: border-box
	}
	.curr-calculate__cell--border::before {
		left: 0;
		width: 100%
	}
	.curr-calculate__flex {
		min-height: 20px;
		flex-wrap: wrap;
		justify-content: flex-end
	}
	.curr-calculate__name {
		width: 100%;
		margin-bottom: 15px
	}
	.curr-calculate__name--prompt {
		width: auto;
		margin-right: auto;
		margin-bottom: 0;
		position: relative
	}
	.curr-calculate__prompt {
		position: static;
		display: inline-block;
		border: 1px solid #c4c4c4;
		opacity: 0.5;
		background: #f8f8f8;
		border-radius: 50%;
		line-height: 20px;
		text-align: center;
		font-size: 16px;
		font-family: Futura-bold, Helvetica, Arial, sans-serif
	}
	.curr-calculate__prompt::before {
		display: none
	}
	.curr-calculate__prompt:hover {
		opacity: 1
	}
	.curr-calculate__prompt p {
		font-size: 1em;
		padding: 4vw 5vw 5vw;
		text-align: left;
		width: 96vw;
		left: -3vw;
		top: -6.7em;
		opacity: 1
	}
	.curr-calculate__radio-wrapper {
		display: flex;
		flex-direction: column;
		min-width: 200px
	}
	.curr-calculate__table--tablet .curr-calculate__radio-wrapper {
		margin-bottom: 0;
		margin-top: 20px
	}
	.curr-calculate__radio {
		margin-bottom: 12px
	}
	.curr-calculate__range {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 5%
	}
	.curr-calculate__input input {
		width: 160px
	}
	.curr-calculate__checkbox {
		margin-right: auto;
		margin-bottom: 15px
	}
	.curr-calculate__disabled {
		display: block;
		width: 100%
	}
	.curr-calculate__disabled .curr-calculate__input {
		flex-wrap: wrap;
		display: flex;
		justify-content: flex-end;
		align-items: center
	}
	.curr-calculate__disabled .curr-calculate__input .curr-calculate__name {
		margin-bottom: 8px
	}
	.curr-calculate__disabled .curr-calculate__input input {
		margin-right: 8px
	}
	.curr-calculate__disclaimer::before {
		width: 100%;
		left: 0
	}
	.curr-calculate__table--tablet {
		padding-top: 10px
	}
	.curr-calculate__table--tablet h3 {
		margin-bottom: -10px
	}
	.curr-calculate__table--tablet .curr-calculate__button {
		width: 80vw;
		margin-left: 10vw
	}
	.back-calculate__table {
		width: 100%
	}
	.back-calculate__title h2 {
		font-size: 8.2vw
	}
	.back-calculate__cell {
		padding: 5vw;
		width: 100%;
		box-sizing: border-box
	}
	.back-calculate__cell--border::before {
		left: 0;
		width: 100%
	}
	.back-calculate__flex {
		min-height: 20px;
		flex-wrap: wrap;
		justify-content: flex-end
	}
	.back-calculate__name {
		width: 100%;
		margin-bottom: 15px
	}
	.back-calculate__name--prompt {
		width: auto;
		margin-right: auto;
		margin-bottom: 0;
		position: relative
	}
	.back-calculate__prompt {
		position: static;
		display: inline-block;
		border: 1px solid #c4c4c4;
		opacity: 0.5;
		background: #f8f8f8;
		border-radius: 50%;
		line-height: 20px;
		text-align: center;
		font-size: 16px;
		font-family: Futura-bold, Helvetica, Arial, sans-serif
	}
	.back-calculate__prompt::before {
		display: none
	}
	.back-calculate__prompt:hover {
		opacity: 1
	}
	.back-calculate__prompt p {
		font-size: 1em;
		padding: 4vw 5vw 5vw;
		text-align: left;
		width: 96vw;
		left: -3vw;
		top: -6.7em;
		opacity: 1
	}
	.back-calculate__radio-wrapper {
		display: flex;
		flex-direction: column;
		min-width: 200px
	}
	.back-calculate__radio {
		margin-bottom: 12px
	}
	.back-calculate__range {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 5%
	}
	.back-calculate__input input {
		width: 160px
	}
	.back-calculate__checkbox {
		margin-right: auto;
		margin-bottom: 15px
	}
	.back-calculate__disabled {
		display: block;
		width: 100%
	}
	.back-calculate__disabled .back-calculate__input {
		flex-wrap: wrap;
		display: flex;
		justify-content: flex-end;
		align-items: center
	}
	.back-calculate__disabled .back-calculate__input .back-calculate__name {
		margin-bottom: 8px
	}
	.back-calculate__disabled .back-calculate__input input {
		margin-right: 8px
	}
	.back-calculate__disclaimer::before {
		width: 100%;
		left: 0
	}
	.back-calculate__table--tablet {
		padding-top: 10px
	}
	.back-calculate__table--tablet h3 {
		margin-bottom: -10px
	}
	.back-calculate__table--tablet .back-calculate__button {
		width: 80vw;
		margin-left: 10vw
	}
	.sm-popup {
		width: 100vw;
		margin: 0;
		left: 0;
		height: 550px;
		padding: 5vw 0
	}
	.sm-popup__title {
		font-size: 1.5em;
		padding: 0 5vw
	}
	.sm-popup__head span {
		font-size: 0.9em
	}
	.sm-popup__head .sm-popup__cell--min {
		padding-left: 5vw
	}
	.sm-popup__cell--min {
		width: 25%
	}
	.sm-popup__cell--empty {
		width: 5%
	}
	.sm-calculate__cell--big .sm-calculate__button {
		margin-left: 5vw;
		margin-right: 5vw;
		max-width: 80vw !important
	}
}

.sm-helper {
	position: fixed;
	z-index: 9000;
	bottom: 15px;
	right: 96px;
	width: 410px;
	height: 315px;
	box-sizing: border-box;
	background: #ffffff;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 0.9;
	box-shadow: 0 3px 18px rgba(0, 0, 0, 0.49);
	transform-origin: right top;
	transition: 400ms;
	transform: scale(0)
}

.sm-helper div {
	box-sizing: border-box
}

.sm-helper--chat {
	width: 342px;
	height: 402px
}

.sm-helper--chat .sm-helper__body {
	padding: 0;
	height: 376px
}

.sm-helper--contact {
	width: 322px;
	height: 392px
}

.sm-helper--contact .sm-helper__body {
	height: auto;
	padding: 30px
}

.sm-helper__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 26px;
	box-sizing: border-box;
	background-color: #454d50
}

.sm-helper__logo {
	margin-left: 7px;
	margin-top: 2px;
	margin-right: auto;
	width: 130px;
	height: 16px
}

.sm-helper__close {
	position: absolute;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	cursor: pointer;
	position: relative;
	margin-right: 7px;
	margin-bottom: 1px;
	opacity: 0.5;
	transition: 300ms
}

.sm-helper__close::before {
	width: 15px;
	height: 1px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-helper__close::after {
	width: 15px;
	height: 1px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-helper__close::before,
.sm-helper__close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.sm-helper__close::after {
	transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.sm-helper__close:hover {
	opacity: 1
}

.sm-helper__minimised {
	width: 12px;
	height: 10px;
	border-bottom: 2px solid #ffffff;
	opacity: 0.4;
	transition: 300ms;
	margin-left: auto;
	cursor: pointer;
	margin-right: 6px
}

.sm-helper__minimised:hover {
	opacity: 1
}

.sm-helper__body {
	height: 290px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box
}

.sm-helper__title {
	margin-bottom: 5px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	font-size: 19px;
	color: #272c2f
}

.sm-helper__text {
	margin-bottom: 15px;
	font-size: 17px;
	opacity: 0.8;
	color: #272c2f
}

.sm-helper__list {
	display: flex
}

.sm-helper__item {
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	width: 73px;
	height: 140px;
	margin-right: 1px;
	background-color: #e9edf0;
	transition: 300ms;
	cursor: pointer
}

.sm-helper__item:last-child {
	margin-right: 0
}

.sm-helper__item::after {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-helper__item::after {
	top: 0;
	left: 0;
	display: none;
	background-color: rgba(255, 255, 255, 0.7)
}

.sm-helper__item--available:hover {
	background-color: #f6ec00
}

.sm-helper__item--available:hover .sm-helper__icon {
	opacity: 1
}

.sm-helper__item--available:hover .sm-helper__name {
	opacity: 1;
	color: #090909
}

.sm-helper__item--available .sm-helper__status--available {
	display: block
}

.sm-helper__item--available .sm-helper__status--time {
	display: none
}

.sm-helper__item--wait::after {
	display: block
}

.sm-helper__item--wait .sm-helper__status--available {
	display: none
}

.sm-helper__item--wait .sm-helper__status--time {
	display: block
}

.sm-helper__icon {
	height: 66px;
	margin-bottom: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.7
}

.sm-helper__name {
	padding: 5px;
	text-align: center;
	color: #272c2f;
	font-weight: 700;
	opacity: 0.9
}

.sm-helper__name--small {
	padding: 5px 0;
	font-size: 13px
}

.sm-helper__bottom {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: auto;
	margin-bottom: 8px
}

.sm-helper__status {
	position: relative;
	padding-left: 11px;
	font-size: 11px;
	line-height: 11px
}

.sm-helper__status::before {
	width: 7px;
	height: 7px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-helper__status::before {
	left: 0;
	top: 3px
}

.sm-helper__status--available {
	color: rgba(0, 0, 0, 0.5)
}

.sm-helper__status--available::before {
	background-color: #49b606;
	opacity: 0.7
}

.sm-helper__status--time {
	padding-top: 3px;
	z-index: 9010;
	line-height: 8px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cc6750
}

.sm-helper__status--time::before {
	background-color: #cd6951
}

.sm-helper .sm-helper__input--select,
.sm-helper .sm-helper__input {
	height: 37px;
	background-color: #fafbfc;
	border: 1px solid #b4c6d2;
	width: 100%;
	margin: 0 0 9px;
	padding: 0 9px;
	font-size: 18px;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	color: #000000;
	line-height: 35px;
	box-sizing: border-box;
	transition: 300ms
}

.sm-helper .sm-helper__input--select::placeholder,
.sm-helper .sm-helper__input::placeholder {
	color: rgba(0, 0, 0, 0.5);
	opacity: 1;
	font-size: 18px;
	line-height: 36px
}

.sm-helper .sm-helper__input--select:focus,
.sm-helper .sm-helper__input--select:hover,
.sm-helper .sm-helper__input:focus,
.sm-helper .sm-helper__input:hover {
	border: 1px solid #6f6f6f
}

.sm-helper .sm-helper__input--select:disabled,
.sm-helper .sm-helper__input:disabled {
	border: 1px solid #b4c6d2;
	opacity: 0.3
}

.sm-helper .sm-helper__input--select {
	background-image: url(../images/modules/branchfinder/arrow-white-border.gif)
}

.sm-helper .sm-helper__checkbox {
	padding: 0 0 0 23px;
	display: block;
	margin: 13px 0 5px;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.5)
}

.sm-helper .sm-helper__checkbox:hover {
	color: #000000
}

.sm-helper .sm-helper__checkbox span {
	border-color: #b4c6d2;
	top: 1px;
	width: 14px;
	height: 14px;
	left: 0;
	right: auto
}

.sm-helper .sm-helper__checkbox input:checked+span {
	background-position: 1px 1px
}

.sm-helper__buttons {
	margin-top: auto;
	width: 100%;
	display: flex;
	/*justify-content: flex-end*/
	justify-content: space-between;
}

.pop-w {
	justify-content: flex-end;
}

.sm-helper__buttons .sm-form__submit {
	margin: 0 10px 0 0;
	font-size: 18px;
	width: auto !important;
	padding: 11px 16px 10px 16px !important;
	cursor: pointer
}

.sm-helper__buttons .sm-form__submit:last-child {
	margin-right: 0
}

.sm-helper__buttons .sm-form__submit i {
	top: 40%
}

.sm-helper__btn {
	margin: 0;
	padding: 8px 20px;
	font-size: 13px;
	transition-duration: 300ms;
	width: auto;
	line-height: 14px;
	outline: none;
	border: 1px solid #f8e0e0;
	box-shadow: none;
	background: none;
	color: #454d50;
	cursor: pointer
}

.sm-helper__btn:hover {
	border-color: #454d50
}

.sm-helper__btn--contact {
	padding: 9px 15px 11px;
	font-size: 18px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.4)
}

.sm-helper__btn--contact:hover {
	color: rgba(0, 0, 0, 0.8)
}

.sm-chat {
	padding: 12px 3px 0 12px;
	box-sizing: border-box;
	flex-grow: 1;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

.sm-chat__text {
	font-size: 12px;
	line-height: 1.15;
	margin-bottom: 0.3em;
	color: rgba(0, 0, 0, 0.5)
}

.sm-chat__text:last-child {
	margin-bottom: 0
}

.sm-chat__list {
	height: 285px !important;
	width: 326px !important;
	overflow: auto
}

.sm-chat__log {
	margin-bottom: 20px
}

.sm-chat__item {
	display: flex;
	margin-bottom: 11px
}

.sm-chat__item:hover .sm-chat__operator-name {
	color: rgba(0, 0, 0, 0.7)
}

.sm-chat__item:hover .sm-chat__time {
	color: rgba(0, 0, 0, 0.4)
}

.sm-chat__item--operator:hover .sm-chat__message {
	background: #e3e2cc
}

.sm-chat__item--operator .sm-chat__message {
	border-radius: 10px 10px 10px 0;
	background-color: #f0efe3
}

.sm-chat__item--operator .sm-chat__time {
	padding-left: 6px
}

.sm-chat__item--client {
	justify-content: flex-end
}

.sm-chat__item--client:hover .sm-chat__message {
	background: #d3dce3
}

.sm-chat__item--client .sm-chat__message {
	order: 2;
	border-radius: 10px 10px 0 10px;
	background-color: #e9edf0
}

.sm-chat__message {
	width: 223px;
	padding: 15px;
	font-size: 14px;
	line-height: 15px;
	color: rgba(0, 0, 0, 0.7)
}

.sm-chat__time {
	padding: 10px;
	font-size: 10px;
	line-height: 1;
	color: rgba(0, 0, 0, 0.2)
}

.sm-chat__panel {
	display: flex;
	justify-content: space-between;
	height: 31px;
	padding-left: 12px;
	align-items: center;
	border-bottom: 1px solid #b4c6d2
}

.sm-chat__panel .sm-chat__text--operator {
	margin-bottom: 0;
	margin-top: 2px;
	display: none
}

.sm-chat__panel .sm-chat__text--show {
	display: block
}

.sm-chat__dots {
	display: inline-block;
	width: 12px;
	height: 2px;
	background: linear-gradient(to right, currentColor, transparent, transparent) repeat-x 0 0/4px 2px;
	animation: moveDotted 1.5s linear infinite
}

@keyframes moveDotted {
	0% {
		width: 0
	}
	33.33% {
		width: 4px
	}
	66.66% {
		width: 8px
	}
	100% {
		width: 12px
	}
}

.sm-chat__toggles-list {
	margin-left: auto;
	align-self: stretch;
	display: flex
}

.sm-chat__toggles-item {
	cursor: pointer;
	display: flex;
	margin-right: 12px;
	align-items: center
}

.sm-chat__toggles-item:hover img {
	display: none
}

.sm-chat__toggles-item:hover .sm-chat__toggles-icon-hover {
	display: block
}

.sm-chat__toggles-item:last-child {
	margin-right: 0;
	padding-left: 1px;
	min-width: 15px;
	box-sizing: border-box
}

.sm-chat__toggles-icon-hover {
	display: none
}

.sm-chat__input {
	display: flex;
	height: 48px
}

.sm-chat__input textarea {
	flex-grow: 1;
	appearance: none;
	padding: 7px 10px;
	resize: none;
	margin: 0;
	height: auto;
	color: rgba(0, 0, 0, 0.9);
	font-size: 14px;
	line-height: 1.15;
	width: auto;
	overflow: auto;
	outline: none;
	border: none
}

.sm-chat__input button {
	background: none;
	cursor: pointer;
	border: none;
	outline: none;
	width: 48px;
	margin: 0;
	padding: 0;
	height: auto;
	opacity: 0.5
}

.sm-chat__input button:hover {
	opacity: 0.8
}

.sm-chat__input button img {
	display: block;
	margin: auto
}

.sm-log {
	position: fixed;
	right: 64px;
	top: 136px;
	z-index: 2000;
	width: 340px;
	box-sizing: border-box;
	padding: 17px 30px 17px 70px;
	background-color: #454d50;
	box-shadow: 0 3px 18px rgba(0, 0, 0, 0.1);
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: rgba(255, 255, 255, 0.6)
}

.sm-log__icon {
	font-family: Arial, sans-serif;
	font-size: 29px;
	line-height: 35px;
	text-align: center;
	position: absolute;
	top: 17px;
	left: 17px;
	color: rgba(255, 255, 255, 0.3);
	width: 37px;
	height: 37px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.2)
}

.sm-log__caption {
	margin-top: -3px;
	margin-bottom: 5px
}

.sm-log__close {
	position: absolute;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	cursor: pointer;
	position: absolute;
	top: 7px;
	right: 5px;
	opacity: 0.3;
	transition: 300ms
}

.sm-log__close::before {
	width: 16px;
	height: 1px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-log__close::after {
	width: 16px;
	height: 1px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-log__close::before,
.sm-log__close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.sm-log__close::after {
	transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.sm-log__close:hover {
	opacity: 1
}

.sm-access {
	position: fixed;
	z-index: 11111;
	width: 512px;
	background-color: white;
	box-shadow: 0 3px 18px rgba(0, 0, 0, 0.49);
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	top: calc(50% - 100px);
	left: calc(50% - 256px);
	transform: scale(0);
	transition: 400ms
}

.sm-access[data-open="true"] {
	transform: scale(1)
}

.sm-access[data-open="true"]+.popup-overlay {
	display: block
}

.popup-overlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
	background-color: rgba(0, 0, 0, 0.3)
}

.sm-helper .jspVerticalBar {
	width: 5px
}

.sm-helper .jspDrag {
	background-color: #eceded
}

.sm-helper .jspDrag.jspActive,
.sm-helper .jspDrag:hover {
	background-color: #454d50;
	left: -2px;
	width: 9px
}

.sm-helper__overlay[data-visible='true'] {
	display: block
}

.sm-helper__overlay {
	position: absolute;
	display: none;
	z-index: 9100;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #ffffff;
	opacity: 0.49
}

.sm-helper__send-log[data-visible='true'] {
	display: flex
}

.sm-helper__send-log {
	position: absolute;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9200;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.sm-helper__send-log p {
	width: 170px;
	font-size: 20px
}

.sm-helper__success-send-log[data-visible='true'] {
	display: flex
}

.sm-helper__success-send-log {
	position: absolute;
	display: none;
	z-index: 9200;
	width: 302px;
	height: 176px;
	padding: 29px;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: white;
	border: 1px solid #454d50;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.sm-helper__success-send-log p {
	padding: 5px 0 10px;
	font-size: 20px;
	font-weight: 500
}

.sm-helper__success-send-log button {
	width: 91px;
	height: 40px;
	border: 1px solid #454d50;
	background: none;
	outline: none;
	padding: 5px 0 9px;
	margin: 0;
	box-shadow: none;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	cursor: pointer
}

.sm-helper__success-send-log button:hover {
	background-color: #fff500
}

.sm-access__header {
	position: relative;
	height: 36px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #454d50
}

.sm-access__title {
	font-size: 17px;
	color: rgba(255, 255, 255, 0.5)
}

.sm-access__close {
	position: absolute;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	cursor: pointer;
	opacity: 0.3;
	transition: 300ms;
	position: relative
}

.sm-access__close::before {
	width: 16px;
	height: 1px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-access__close::after {
	width: 16px;
	height: 1px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-access__close::before,
.sm-access__close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.sm-access__close::after {
	transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.sm-access__close:hover {
	opacity: 1
}

.sm-access__body {
	padding: 25px
}

.sm-access__text {
	margin-bottom: 25px;
	font-size: 19px;
	line-height: 22px;
	color: #000000
}

.sm-access__buttons {
	display: flex
}

.sm-access__buttons .sm-form__submit {
	margin-right: 7px;
	font-size: 18px;
	line-height: 1;
	width: auto !important;
	padding: 15px 20px 10px 20px !important
}

.sm-access__buttons .sm-form__submit i {
	top: 46%
}

.sm-access__buttons .sm-helper__btn--contact {
	padding: 11px 15px 9px
}

.sm-helper__maximised {
	width: 12px;
	height: 12px;
	opacity: 0.5;
	border: 1px solid #ffffff;
	box-sizing: border-box;
	margin-right: 6px;
	cursor: pointer;
	transition: 300ms
}

.sm-helper__maximised:hover {
	opacity: 1
}

.sm-helper__header .sm-helper__title {
	margin-bottom: 0;
	margin-right: auto;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #ffffff;
	opacity: 0.5
}

.sm-helper__textarea {
	font-size: 16px
}

.sm-helper--estimate {
	width: 342px;
	height: auto
}

.sm-helper--estimate .sm-helper__body {
	padding: 20px
}

.sm-helper--estimate .sm-calculate__radio-wrapper {
	min-width: 0;
	padding-left: 0;
	padding-top: 2px;
	justify-content: flex-start
}

.sm-helper--estimate .sm-calculate__radio {
	padding-left: 28px;
	margin-right: 23px;
	font-weight: 400
}

.sm-helper--estimate .sm-calculate__radio:last-of-type {
	margin-right: 0
}

.sm-helper--estimate .sm-calculate__radio span {
	top: -6px
}

.sm-helper--estimate .sm-helper__text {
	font-size: 16px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.9);
	margin-bottom: 5px
}

.sm-helper--estimate .sm-helper__buttons {
	margin-top: -10px
}

.sm-helper--estimate .sm-form__submit {
	margin: 0
}

.sm-helper__row {
	padding: 14px 0
}

.sm-helper--caption {
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	margin-bottom: 9px
}

.sm-helper__textarea {
	box-sizing: border-box;
	width: 100%;
	resize: none;
	height: 61px;
	padding: 3px 9px;
	background-color: #fafbfc;
	border: 1px solid #b4c6d2;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

.sm-helper__textarea::placeholder {
	opacity: 1;
	color: rgba(0, 0, 0, 0.5)
}

.sm-chat__operator-foto {
	width: 30px;
	height: 30px;
	margin-top: auto;
	margin-right: 5px;
	border-radius: 50%
}

.sm-chat__operator-name {
	font-size: 12px;
	line-height: 15px;
	color: rgba(0, 0, 0, 0.4)
}

.sm-helper .sm-helper__input--date-time {
	padding-left: 40px;
	background: url("../images/common/assistant/input-date-time.png") no-repeat -10px -13px
}

.sm-helper .sm-helper__input--date-time::placeholder {
	color: #000000
}

.sm-helper .sm-helper__input--error {
	border: 1px solid #f85023
}

.sm-helper--form {
	font-size: 18px;
	width: 362px;
	height: auto
}

.sm-helper--form input,
.sm-helper--form textarea {
	font-size: 18px
}

.sm-helper--form .sm-helper__body {
	padding: 27px 29px 29px
}

.sm-helper--form .sm-helper__input {
	margin-bottom: 8px
}

.sm-helper--form .sm-helper__row {
	padding: 11px 0
}

.sm-helper--form .sm-helper--caption {
	color: #010101;
	font-size: 18px
}

.sm-helper--form .sm-calculate__radio-wrapper {
	min-width: 0;
	flex-direction: column;
	padding-left: 0
}

.sm-helper--form .sm-calculate__radio {
	margin-top: 6px;
	margin-bottom: 6px
}

.sm-helper--form .sm-calculate__radio:last-child {
	margin-bottom: 1px
}

.sm-helper--form .sm-helper__textarea {
	height: 77px
}

.sm-helper--form .sm-helper__buttons {
	padding-top: 0;
	margin-top: 13px;
	position: relative
}

.sm-helper__text--caption {
	font-size: 20px;
	line-height: 19px;
	font-weight: 700;
	color: #000000
}

.sm-helper__text--icon {
	padding-left: 43px;
	line-height: 23px;
	background: url("../images/common/assistant/envelope.png") no-repeat left center
}

.sm-helper__buttons--error {
	padding-top: 24px !important
}

.sm-helper__buttons--error .sm-helper__message {
	display: block
}

.sm-helper__buttons[data-block-submit="true"] .sm-form__submit {
	background-color: #a5a5a5;
	box-shadow: none;
	opacity: 0.6
}

.sm-calculate__radio--state {
	padding-left: 0
}

.sm-calculate__radio--state input:checked+span {
	color: #000000
}

.sm-calculate__radio--state span {
	position: relative;
	height: auto;
	width: auto;
	border-radius: 0;
	border: none;
	padding-left: 27px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.5)
}

.sm-calculate__radio--state span::before {
	width: 23px;
	height: 23px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-calculate__radio--state span::before {
	left: 0;
	top: -2px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid #949494
}

.sm-calculate__radio--state span::after {
	left: 4px;
	top: 2px
}

.sm-helper__message {
	position: absolute;
	font-size: 14px;
	line-height: 15px;
	left: 0;
	top: 0;
	padding-left: 10px;
	display: none
}

.sm-helper__message::before {
	width: 4px;
	height: 12px;
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box
}

.sm-helper__message::before {
	top: 3px;
	left: 0;
	background-color: #f85023
}

.sm-helper__message--error {
	color: #f85023
}

.sm-helper--write {
	height: auto
}

.sm-helper--write .sm-helper__textarea {
	height: 197px
}

.sm-helper--write .sm-form__submit {
	margin: 0
}

.sm-helper__attach {
	display: inline-block;
	margin-top: 8px;
	height: 18px;
	padding-left: 14px;
	font-size: 15px;
	line-height: 18px;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.5);
	background: url("../images/common/assistant/attach.png") no-repeat -9px -6px
}

.sm-helper__attach:hover {
	color: #000000
}

.sm-helper__attach input {
	display: none
}

.sm-helper__files {
	margin: 10px 4px 6px
}

.sm-helper__file {
	display: flex;
	align-items: center
}

.sm-helper__file span {
	margin: 0 7px 1px;
	font-size: 15px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.5)
}

.sm-helper__file img {
	transition: 300ms;
	opacity: 0.5;
	height: 12px;
	width: auto
}

.sm-helper__file img:first-child {
	transform: rotateY(180deg)
}

.sm-helper__file img:hover:last-child {
	cursor: pointer;
	opacity: 0.7
}

.sm-helper[data-show-calendar='true'] {
	box-shadow: none;
	right: 596px
}

.sm-helper[data-show-calendar='true'] .sm-helper__content {
	position: relative;
	z-index: 9000;
	box-shadow: 0 3px 18px rgba(0, 0, 0, 0.49);
	background: #ffffff
}

.sm-helper[data-show-calendar='true'] .sm-calendar {
	display: flex
}

.sm-calendar {
	display: none;
	flex-wrap: wrap;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	width: 510px;
	height: 551px;
	background-color: #eeeff0;
	box-shadow: 0 3px 18px rgba(0, 0, 0, 0.49);
	position: absolute;
	z-index: 8000;
	top: 0;
	right: 100%;
	font-size: 18px;
	box-sizing: border-box;
	padding: 63px 25px 35px 25px
}

.sm-calendar .sm-form__submit {
	margin: auto 0 0;
	width: 150px
}

.sm-calendar__list {
	position: relative;
	height: 340px
}

.sm-calendar__item {
	position: absolute;
	left: 0;
	top: 0
}

.sm-calendar__toggles {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

.sm-calendar__toggles li {
	cursor: pointer
}

.sm-calendar__toggles li.active,
.sm-calendar__toggles li:hover {
	background: #fff500
}

.sm-calendar__toggles--time {
	width: 100%
}

.sm-calendar__toggles--time li {
	line-height: 40px;
	padding: 0 15px
}

.sm-calendar__item--hide {
	display: none
}

.sm-calendar__toggles--days {
	flex-direction: column;
	margin-top: 24px;
	height: 316px
}

.sm-calendar__toggles--days li {
	padding-top: 6px;
	line-height: 1.2;
	padding-right: 22px;
	text-align: right;
	width: 155px;
	box-sizing: border-box;
	height: 67px;
	font-size: 16px;
	color: #040404
}

.sm-calendar__toggles--days li .sm-calendar__day {
	display: block;
	font-size: 23px;
	color: #000000
}

.sm-calendar__table-wrapper {
	width: 304px;
	height: 375px;
	padding: 18px 26px 18px 20px;
	box-sizing: border-box;
	background: #ffffff;
	overflow-y: auto
}

.sm-calendar__table-wrapper::-webkit-scrollbar-thumb {
	background-color: #000000;
	border-radius: 3px
}

.sm-calendar__table-wrapper::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #dddddd
}

.sm-calendar__table-wrapper::-webkit-scrollbar {
	width: 6px;
	background-color: #dddddd
}

.sm-calendar__table-wrapper--hide {
	display: none
}

.sm-calendar__table {
	width: 264px
}

.sm-calendar__table td {
	width: 66px;
	height: 56px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	cursor: pointer
}

.sm-calendar__table td.active,
.sm-calendar__table td:hover {
	outline: 1px solid #626262;
	box-shadow: 2px 2px 0 0 #626262;
	background: #fff500
}

@media (max-width: 959px) {
	.sm-helper {
		bottom: 10px !important;
		right: 10px !important
	}
	.sm-calendar {
		height: auto;
		padding: 10px;
		width: 100vw;
		max-width: 350px
	}
	.sm-calendar__toggles {
		flex-direction: row;
		margin-top: 0;
		height: auto;
		flex-wrap: wrap
	}
	.sm-helper[data-show-calendar='true'] .sm-calendar {
		display: block
	}
	.sm-calendar__toggles--days li {
		padding: 7px 10px;
		box-sizing: border-box;
		text-align: center;
		height: auto;
		font-size: 14px;
		line-height: 1;
		width: 50%
	}
	.sm-calendar__toggles--days li .sm-calendar__day {
		font-size: 16px;
		font-weight: 700
	}
	.sm-calendar__list {
		height: auto
	}
	.sm-calendar__item {
		position: static
	}
	.sm-calendar__table-wrapper {
		width: auto;
		height: 360px;
		padding: 10px
	}
	.sm-calendar__table {
		width: 100%
	}
}

@media (max-width: 700px) {
	.sm-calendar {
		right: 0;
		top: auto;
		bottom: 0;
		z-index: 9001;
		max-width: 414px
	}
	.sm-helper {
		bottom: 0 !important;
		right: 0 !important;
		width: 100vw;
		max-width: 414px;
		height: auto;
		max-height: 100vh;
		box-sizing: border-box;
		overflow-y: auto
	}
	.sm-helper__body {
		height: auto
	}
	.sm-helper__title {
		padding: 0
	}
	.sm-helper__list {
		display: block
	}
	.sm-helper__item {
		width: 100%;
		height: 50px;
		flex-direction: row
	}
	.sm-helper__name {
		flex-grow: 1;
		text-align: left;
		display: flex;
		align-items: center
	}
	.sm-helper__bottom {
		width: 75px;
		padding-left: 10px;
		box-sizing: border-box;
		justify-content: flex-start;
		margin: 0;
		align-items: center
	}
	.sm-helper__icon {
		width: 57px;
		margin: 0;
		height: auto
	}
	.sm-helper__buttons {
		margin-top: 15px
	}
	.sm-chat {
		padding-right: 12px;
		overflow-y: auto
	}
	.sm-chat__list {
		width: auto !important
	}
	.sm-access {
		width: 100vw;
		left: 0
	}
}

@media (max-width: 415px) {
	.sm-access__buttons,
	.sm-helper__buttons {
		display: block
	}
	.sm-access__buttons .sm-form__submit,
	.sm-helper__buttons .sm-form__submit {
		margin-right: 0;
		margin-bottom: 10px;
		width: 100% !important;
		box-sizing: border-box;
		text-align: center
	}
	.sm-access__buttons .sm-helper__btn,
	.sm-helper__buttons .sm-helper__btn {
		text-align: center;
		width: 100%;
		box-sizing: border-box
	}
	.sm-helper__buttons--error {
		padding-top: 36px !important
	}
	.sm-log {
		width: calc(100vw - 62px);
		right: 62px;
		max-width: 340px;
		padding-left: 15px;
		padding-right: 10px
	}
	.sm-log__icon {
		margin-bottom: 12px;
		position: static
	}
	.sm-log__close {
		width: 15px;
		height: 15px;
		top: 10px;
		right: 12px
	}
}

.sm-sender__block {
	margin-bottom: 1px
}

.sm-sender__block div {
	box-sizing: border-box
}

.sm-sender__block--active .sm-sender__caption::before {
	display: block;
	background-image: url("../images/icons/big-arrow-gray.png")
}

.sm-sender__block--active .sm-sender__caption h3 {
	color: #000000 !important
}

.sm-sender__block--active.sm-sender__block--open .sm-sender__caption::before {
	background-image: url("../images/icons/big-arrow-black.png")
}

.sm-sender__block--active .sm-sender__header {
	margin-bottom: 1px
}

.sm-sender__block--active .sm-sender__header h2 {
	color: #000000 !important
}

.sm-sender__3 {
	width: 26%
}

.sm-sender__6 {
	width: 48%
}

.sm-sender__9 {
	width: 74%
}

.sm-sender__12 {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.sm-sender__header {
	transition: 800ms
}

.sm-sender__title {
	padding: 26px 0 20px
}

.sm-sender__title h2 {
	color: #cacaca !important;
	margin-right: 11% !important
}

.sm-sender__caption {
	position: relative;
	background: #edebeb;
	padding: 35px 40px
}

.sm-sender__caption h3 {
	padding: 0;
	margin-bottom: 0;
	color: #bcbbbb !important
}

.sm-sender__content {
	margin-top: -1px
}

.sm-sender__right-col {
	background: #f8f8f8
}

.sm-form {
	padding: 25px 40px;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	font-size: 20px;
	background: #f8f8f8
}

.sm-form .sm-calculate__prompt p {
	color: #000000;
	font-size: 18px
}

.sm-form .sm-calculate__radio-wrapper {
	padding-left: 0;
	flex-wrap: wrap;
	line-height: 1
}

.sm-form .sm-calculate__radio {
	color: rgba(0, 0, 0, 0.5)
}

.sm-form .sm-calculate__radio:hover {
	color: #000
}

.sm-form .sm-calculate__radio span {
	top: 1px
}

.sm-form .sm-calculate__checkbox {
	padding: 7px 20px 2px 33px;
}

.sm-form .sm-calculate__checkbox:hover span {
	border-color: #676767
}

.sm-form .sm-calculate__checkbox input:checked+span {
	border-color: #676767
}

.sm-form .sm-calculate__checkbox span {
	right: auto;
	top: 7px;
	left: 0;
	border-color: #cccccc
}

.sm-form__row {
	display: flex;
	margin-bottom: 14px;
	position: relative
}

.sm-form__row:hover .sm-form__label {
	color: #000
}

.sm-form__row:hover .sm-form__textarea[disabled],
.sm-form__row:hover .sm-calculate__multi-checkbox__link[disabled],
.sm-form__row:hover .sm-form__input[disabled] {
	border-color: #e8e8e8;
}

.sm-form__row .sm-calculate__multi-checkbox__content .sm-calculate__checkbox span {
	top: 12px;
	left: 12px
}

.sm-form__row .sm-calculate__multi-checkbox__content .sm-calculate__checkbox {
	padding: 15px 15px 15px 45px
}

.sm-form__row--disabled .sm-form__label {
	color: rgba(0, 0, 0, 0.5) !important
}

.sm-form__row--margin {
	margin: 21px 0
}

.sm-form__row--submit {
	margin-top: 20px
}

.sm-form__row--error .sm-form__select,
.sm-form__row--error .sm-form__input {
	border-color: #f85023 !important
}

.sm-form__row--error .sm-form__message--help {
	display: none
}

.sm-form__row--error .sm-form__message--error {
	display: block
}

.sm-form__left-col {
	width: 36.3%;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.sm-form__left-col--top {
	align-items: flex-start
}

.sm-form__left-col--top .sm-form__label {
	margin-top: 9px
}

.sm-form__center-col {
	width: 63.7%
}

.sm-form__label {
	display: inline-block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 20px;
	line-height: 0.9
}

.sm-form__label--helper {
	padding-right: 30px;
	position: relative
}

.sm-form__label--helper .sm-calculate__prompt:hover::before {
	border-color: #000000
}

.sm-form__label--helper .sm-calculate__prompt::before {
	width: 19px;
	height: 19px;
	box-sizing: border-box;
	padding-left: 1px;
	line-height: 18px
}

.sm-form__select,
.sm-form__textarea,
.sm-form__input {
	box-sizing: border-box;
	width: 100%;
	background-color: #ffffff !important
}

.sm-form__select[disabled],
.sm-form__textarea[disabled],
.sm-form__input[disabled] {
	opacity: inherit;
}

.sm-form__select {
	background-image: url(../images/modules/branchfinder/arrow-white-border.gif);
	padding-right: 47px !important
}

.sm-form__textarea {
	line-height: 1.2 !important;
	padding: 5px 10px !important;
	margin: 0 !important;
	height: 100% !important
}

.sm-form__message {
	position: absolute;
	top: 0;
	left: 112.5%;
	width: 50%;
	padding: 6px 30px 6px 25px;
	text-transform: lowercase;
	font-size: 17px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.8)
}

.sm-form__message--error {
	color: #f85023
}

.sm-form__submit {
	text-align: left;
	display: inline-block;
	outline: none;
	border: none;
	position: relative !important;
	padding: 22px 50px 12px 16px !important;
	width: 220px !important;
	font-size: 21.6px;
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	line-height: 1.1;
	background: #fff500;
	cursor: pointer;
	box-shadow: inset 0 0 2px #e9e000;
	box-sizing: border-box
}

.sm-form__submit i {
	position: absolute;
	transition: all .4s ease-in-out;
	top: 50%;
	width: 9px;
	height: 12px;
	background: url(../images/icons/arrow-right-black.png) no-repeat;
	right: 16px
}

.sm-form__custom-buttons button {
	font-family: Futura-bold, Helvetica, Arial, sans-serif;
	padding: 10px 20px;
	background: #fff500;
	font-size: 19px;
	outline: none;
	border: none;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 10px
}

.sm-form__custom-buttons button:last-child {
	margin-right: 0
}

.sm-sender--premium .sm-sender__3 {
	width: 25%
}

.sm-sender--premium .sm-sender__9 {
	width: 75%
}

.sm-sender--premium .sm-sender__6 {
	width: 50%
}

.sm-sender__block--tarify .sm-sender__content {
	display: flex
}

.sm-sender__block--tarify .sm-sender__3 {
	padding-right: 1%
}

.sm-sender__block--tarify .sm-form__row {
	flex-direction: column;
	position: static;
	align-items: flex-start
}

.sm-sender__block--tarify .sm-sender__caption {
	padding: 15px 25px
}

.sm-sender__block--tarify .sm-form {
	padding: 15px 25px 5px 18px
}

.sm-sender__block--tarify .sm-form label {
	width: 100%;
	box-sizing: border-box;
	padding-right: 5px
}

.sm-sender__block--tarify .sm-form label i {
	font-style: normal
}

.sm-sender__block--tarify .sm-form__custom-buttons {
	padding: 20px 0;
	display: flex;
	justify-content: center
}

.sm-sender__block--tarify .sm-form__custom-buttons .custom-btn--triangle {
	position: absolute;
	left: 100%;
	z-index: 5;
	padding: 2px 6px 4px;
	font-size: 18px;
	overflow: visible;
	border: 1px solid #676767
}

.sm-sender__block--tarify .sm-form__custom-buttons .custom-btn--triangle::before,
.sm-sender__block--tarify .sm-form__custom-buttons .custom-btn--triangle::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	right: calc(100% - 2px);
	top: calc(50% - 8px);
	border: 8px solid transparent;
	border-left-width: 0;
	border-right-color: #edebeb;
	z-index: 2
}

.sm-sender__block--tarify .sm-form__custom-buttons .custom-btn--triangle::before {
	right: 100%;
	border-right-color: #676767;
	z-index: 1
}

.sm-sender__block--tarify .sm-form__custom-buttons .custom-btn {
	background: #edebeb;
	cursor: pointer
}

@media (max-width: 1595px) {
	.sm-sender__block--tarify .sm-form__custom-buttons button {
		margin-right: 0
	}
}

.sm-sender__block--tarify .sm-calculate__checkbox--disabled {
	opacity: 0.4
}

.sm-sender__block--tarify .sm-calculate__checkbox--disabled:hover {
	color: rgba(0, 0, 0, 0.5)
}

.sm-sender__block--tarify .sm-calculate__checkbox--disabled:hover span {
	border-color: #cccccc
}

.sm-sender__block--tarify .sm-calculate__checkbox {
	padding-left: 40px
}

.sm-sender__block--tarify .sm-calculate__checkbox span {
	left: 7px
}

.sm-sender__block--tarify .sm-calculate__checkbox.js-input-toggle-active {
	background-color: #fff500
}

.ui-datepicker select {
	height: 28px;
	padding: 0 0 0 20px;
	background-size: 28px;
}

.ui-datepicker select.ui-datepicker-month {
	width: 80px !important;
	margin-right: 5px !important
}

.ui-datepicker select.ui-datepicker-year {
	width: 85px !important
}

@media (max-width: 959px) {
	.sm-sender__block--tarify .sm-sender__12 {
		flex-direction: column
	}
	.sm-sender__block--tarify .sm-sender__9 {
		width: 100%;
		padding: 0
	}
	.sm-sender__block--tarify .sm-sender__3 {
		display: block;
		width: 100%;
		padding: 0
	}
	.sm-sender__block--tarify .sm-sender__caption {
		padding: 2vw 3vw
	}
	.sm-sender__block--tarify .sm-form {
		padding: 2vw 2vw 0.5vw
	}
	.sm-sender__block--tarify .sm-form .sm-form__row {
		margin-bottom: 14px
	}
	.sm-sender__block--tarify .sm-form label {
		width: 260px;
		padding-right: 10px
	}
	.sm-sender__block--tarify .sm-form .sm-calculate__checkbox {
		margin-bottom: 0
	}
	.sm-sender__3 {
		display: none
	}
	.sm-sender__9,
	.sm-sender__6 {
		width: 100%
	}
	.sm-form__row {
		flex-wrap: wrap;
		margin-bottom: 25px
	}
	.sm-form__row .sm-form__left-col,
	.sm-form__row .sm-form__center-col,
	.sm-form__row .sm-form__message {
		width: 100%;
	}
	.sm-form__row .sm-form__message {
		position: relative;
		left: auto;
		top: auto
	}
}

@media (max-width: 460px) {
	.sm-sender__block--tarify .custom-btn--triangle {
		left: auto !important;
		right: 3vw
	}
}

.exch-rates {
	margin-top: 50px;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif;
	box-sizing: border-box
}

.exch-rates * {
	box-sizing: border-box
}

.exch-rates b {
	font-weight: 700
}

.exch-rates__col-x3 {
	padding: 0 1.5%;
	width: 25%
}

.exch-rates__col-x6 {
	width: 50%;
	padding: 0 1.5%
}

.exch-rates__col-x12 {
	width: 100%
}

.exch-rates__title {
	text-align: right;
	font-size: 44px;
	padding-bottom: 30px;
	position: relative
}

.exch-rates__title::after {
	content: '';
	display: block;
	position: absolute;
	width: 52px;
	height: 7px;
	right: 0;
	bottom: 0;
	background-color: #dddddd
}

.exch-rates__sub-title {
	text-align: right;
	font-size: 17px;
	opacity: 0.7
}

.exch-rates__form-row {
	padding: 16px 0;
	border-bottom: 1px solid #e7e7e7
}

.exch-rates__form-row:last-child {
	border-bottom: none
}

.exch-rates__checkbox {
	margin-left: 4%
}

.exch-rates__checkbox:first-child {
	margin-left: 0
}

.exch-rates__checkbox input {
	display: none
}

.exch-rates__checkbox input:checked+span {
	color: #000000
}

.exch-rates__checkbox input:checked+span::before {
	background: url("../images/icons/point-black.gif") 4px 4px no-repeat
}

.exch-rates__checkbox span {
	padding-left: 30px;
	display: inline-block;
	position: relative;
	color: #c3c3c3;
	font-size: 20px
}

.exch-rates__checkbox span::before {
	position: absolute;
	content: '';
	display: block;
	width: 21px;
	height: 21px;
	border: 1px solid #676767;
	left: 0;
	box-sizing: border-box;
	top: 4px
}

.exch-rates__form-caption {
	font-size: 26px
}

.exch-rates__input {
	margin-right: 5%
}

.exch-rates__input:last-child {
	margin-right: 0
}

.exch-rates__input input {
	width: 176px;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #c8c8c8;
	font-size: 22px;
	line-height: 34px
}

.exch-rates__input span {
	padding-right: 5px;
	font-size: 24px
}

.exch-rates__radio {
	display: block;
	margin-bottom: 5px
}

.exch-rates__radio input {
	display: none
}

.exch-rates__radio input:checked+span::after {
	background: #fff500
}

.exch-rates__radio span {
	font-size: 18px;
	color: #414040;
	position: relative;
	padding-left: 30px
}

.exch-rates__radio span::before {
	display: block;
	content: '';
	position: absolute;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	border: 1px solid #949494;
	left: 0;
	top: 0;
	box-sizing: border-box
}

.exch-rates__radio span::after {
	position: absolute;
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: 4px;
	top: 4px
}

.exch-rates__submit {
	background-color: #fff500;
	border: none;
	outline: none;
	line-height: 0.8;
	font-size: 23px;
	font-weight: 700;
	padding: 25px 130px 15px 20px;
	position: relative;
	margin-top: 20px
}

.exch-rates__submit i {
	display: block;
	position: absolute;
	top: 50%;
	right: 22px;
	height: 12px;
	width: 9px;
	background: url(../images/icons/arrow-right-black.png) no-repeat
}

.exch-rates__links {
	background-color: #f4f4ec;
	padding: 20px 30px
}

.exch-rates__links h4 {
	line-height: 1.15;
	position: relative;
	color: #414040;
	font-size: 18px;
	font-family: Roboto-normal, Helvetica, Arial, sans-serif
}

.exch-rates__links h4 span {
	position: absolute;
	top: 0;
	left: -15px
}

.exch-rates__links a {
	display: block;
	font-size: 16px;
	line-height: 1.15;
	color: #59758a;
	padding: 5px 0;
	text-decoration: underline
}

.exch-rates__links a:hover {
	color: #5090bf;
	text-decoration: none
}

.exch-rates__day-block {
	margin-bottom: 50px
}

.exch-rates__accordion {
	margin-bottom: 5px
}

.exch-rates__date {
	font-size: 22px;
	text-align: right
}

.exch-rates__time {
	justify-content: flex-end
}

.exch-rates__time span,
.exch-rates__toggle-btn {
	font-size: 18px;
	line-height: 28px;
	padding: 0 10px;
	background-color: #e6e6e6;
	opacity: 0.5;
	text-align: center;
	font-weight: 700
}

.exch-rates__toggle-block {
	padding: 0 1.5%;
	margin-left: 25%;
	width: 50%
}

.exch-rates__toggle-block--first {
	width: 100%;
	margin-left: 0;
	padding: 0
}

.exch-rates__section {
	margin-bottom: 50px
}

.exch-rates__section:last-of-type {
	margin-bottom: 0
}

.exch-rates__section-title {
	font-size: 19px;
	margin: 10px 0 0;
	padding: 0 20px
}

.exch-rates__section-title--first {
	margin-top: 3px
}

.exch-rates__toggle:hover,
.exch-rates__toggle--active {
	cursor: pointer
}

.exch-rates__toggle:hover .exch-rates__time span,
.exch-rates__toggle--active .exch-rates__time span {
	opacity: 1
}

.exch-rates__toggle:hover .exch-rates__toggle-btn,
.exch-rates__toggle--active .exch-rates__toggle-btn {
	opacity: 1
}

.exch-rates__toggle .span-hide {
	display: none
}

.exch-rates__toggle .span-show {
	display: inline-block
}

.exch-rates__toggle--active .span-hide {
	display: inline-block
}

.exch-rates__toggle--active .span-show {
	display: none
}

.exch-rates__table-caption {
	width: 100%
}

.exch-rates__table {
	width: 100%;
	background: #f4f4f4;
	margin-bottom: 5px
}

.exch-rates__table tr:hover .exch-rates__cell {
	background: #e5e5e5
}

.exch-rates__cell {
	font-size: 15px;
	line-height: 18px;
	padding: 11px 20px
}

.exch-rates__cell--max {
	width: 33%
}

.exch-rates__cell--min {
	width: 18%
}

.exch-rates__cell--bold {
	font-weight: 700
}

@media (max-width: 959px) {
	.exch-rates.flex {
		flex-wrap: wrap
	}
	.exch-rates .flex {
		flex-wrap: wrap
	}
	.exch-rates__col-x3,
	.exch-rates__col-x6 {
		width: 100%
	}
	.exch-rates__toggle-block {
		margin: 0;
		width: 100%
	}
	.exch-rates__title {
		padding: 0 3vw;
		text-align: left
	}
	.exch-rates__title:after {
		display: none
	}
	.exch-rates__sub-title,
	.exch-rates__date {
		text-align: left;
		padding: 0 3vw
	}
	.exch-rates__date {
		text-align: center;
		padding: 0 20px;
		margin-bottom: 0
	}
	.exch-rates__time {
		padding: 20px;
		justify-content: center
	}
	.exch-rates__form-row {
		padding: 15px 3vw
	}
}

@media (max-width: 480px) {
	.exch-rates__checkbox {
		display: block;
		margin-left: 0
	}
	.exch-rates__input {
		display: block;
		margin-bottom: 10px
	}
	.exch-rates__input span {
		min-width: 45px;
		display: inline-block
	}
	.exch-rates__input:last-child {
		margin-bottom: 0
	}
}

#generatorFormClientPortlet {
	margin-bottom: 20px;
}

.has-control-menu .control-menu {
	z-index: 1000;
}

.lfr-product-menu-sidebar .sidebar-header::after {
	clear: both;
}

.lfr-product-menu-sidebar .sidebar-header::after,
.lfr-product-menu-sidebar .sidebar-header::before {
	content: '';
	display: table;
}

[data-tooltip-text] {
	display: inline-block;
}

[data-tooltip-text]:hover {
	position: relative;
	cursor: pointer;
}

[data-tooltip-text]:hover:before {
	content: "";
	position: absolute;
	width: 0px;
	height: 0;
	border-radius: 5px 0 5px;
	top: calc(100% + 5px);
	right: calc(50% - 10px);
	border: 7px solid;
	border-color: #FFFFFF transparent transparent #FFFFFF;
	transform: rotate(45deg);
	box-shadow: -1px -1px 1px rgb(0 0 0 / 3%);
	z-index: 1000;
}

[data-tooltip-text]:hover:after {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 1);

	-webkit-box-shadow: 0 5px 10px rgba(120, 120, 120, 0.7);
	-moz-box-shadow: 0 5px 10px rgba(120, 120, 120, 0.7);
	box-shadow: 0 5px 10px rgba(120, 120, 120, 0.7);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	color: #000000;
	font-size: 14px;
	font-weight: 400;
	content: attr(data-tooltip-text);

	margin-bottom: 10px;
	top: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 250px;
	max-width: 300px;
	word-wrap: break-word;
	white-space: break-spaces;

	z-index: 999;
}

.opportunity .preview_block .preview_frame {
	background: url('../images/mobile_frame.png') no-repeat;
	position: relative;
	height: 779px;
	width: 431px;
	top: -60px;
	margin: 0 auto;
	left: 0;
	right: 0;
	background-size: cover;
}

.circle_yellow {
	position: absolute;
	background: url("../images/circle-yellow.svg") no-repeat;
	z-index: -1;
}

@media (max-width: 1024px) {
	div.home div.homeModule div.homeModuleCTA.mobile a {
		max-width: 90%;
	}
}