/* FONTS */
@font-face {
	font-family: 'Light';
	src: url('../fonts/gotham-light.eot');
	src: url('../fonts/gotham-light.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-light.woff') format('woff'), url('../fonts/gotham-light.ttf')  format('truetype'), url('../fonts/gotham-light.svg') format('svg');
}

@font-face {
	font-family: 'Medium';
	src: url('../fonts/gotham-medium.eot');
	src: url('../fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-medium.woff') format('woff'), url('../fonts/gotham-medium.ttf')  format('truetype'), url('../fonts/gotham-medium.svg') format('svg');
}

@font-face {
	font-family: 'Bold';
	src: url('../fonts/gotham-bold.eot');
	src: url('../fonts/gotham-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-bold.woff') format('woff'), url('../fonts/gotham-bold.ttf')  format('truetype'), url('../fonts/gotham-bold.svg') format('svg');
}

/* CSS */

/* COLORS */

/* BASICS */

a,
a:hover,
input[type="submit"].btn,
#loginform-wplfta input[type="submit"] {
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

body {
	font-family: 'Light', sans-serif;
	position: relative;
	overflow: visible;
	font-size: 18px;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: #2a385e;
	font-family: 'Medium', sans-serif;
	font-weight: normal;
}

.subline {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: .75em;
	margin-top: .25em;
	font-family: 'Medium', sans-serif;
	font-weight: 400;
	color: #4B5E89;
}

body.home .hero .subline {
	font-family: 'Light', sans-serif;
	font-size: .65em;
	line-height: 1.4em;
	font-weight: 400;
	color: #575f73;
	display: block;
}

p {
	font-size: 1em;
	line-height: 1.666em;
	color: #787878;
	max-width: 800px;
}

.blocks-3 li ul li {
	margin-bottom: .75em !important;
}

ol li,
ul li {
	color: #787878;	/*max-width: 700px;*/
}

strong,
b,
.strong,
table th,
.title {
	font-family: 'Medium', sans-serif;
	font-weight: normal;
	color: #2a385e
}

.highlight {
	font-family: 'Medium', sans-serif;
	background: #F5D76E;
	padding: .25em .5em;
	display: inline-block;
}

a {
	color: #787878;
	text-decoration: none;
	border-bottom: none;
}

a:hover {
	color: #2a385e;
}

.no-margin-b {
	margin-bottom: 0;
}

.btn,
input[type="submit"].btn,
#loginform-wplfta input[type="submit"] {
	font-size: 0.9em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Bold' !important;
	font-weight: normal;
	background-color: transparent;
	color: #2a385e;
	padding: .6em 2em .5em;
	border: 0;
	border-radius: 6px;
	letter-spacing: 1px;
	line-height: 1.666em;
	border: 1px solid #e9e9e9;
}

.btn:hover,
input[type="submit"].btn:hover,
#loginform-wplfta input[type="submit"] {
	background-color: #2a385e;
	color: #fff;
}

.btn.cta,
input[type="submit"].btn.cta,
#loginform-wplfta input[type="submit"] {
	background: #2a385e;
	color: #fff;
}

.btn.cta:hover,
input[type="submit"].btn.cta:hover,
#loginform-wplfta input[type="submit"]:hover {
	background: #384b7d;
}

.btn.facebook {
	background: #3b5998;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.btn.youtube {
	background: #cd201f;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.btn:hover {
	opacity: .9;
}

.vertical-align-container {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.vertical-align {
	position: relative;
	top: 50%;
	-webkit-transform: perspective(1px) translateY(-50%);
	transform: perspective(1px) translateY(-50%);
}

.hide-desktop {
	display: none;
}

.show {
	display: block;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #e9e9e9;
	margin: 2em 0 1.65em 0;
	max-width: 100%;
}

blockquote {
	border-left: 0;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

blockquote,
blockquote p {
	font-family: "Medium";
	color: #2a385e;
}

/* PRELOADER */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 999;
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../img/status.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

/* CONTAINER */
.container {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

section.content .container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

section {
	margin: 80px 0 100px 0;
}

/* HEADER */
header {
	height: 100px;
	position: relative;
	z-index: 999;
}

header .container {
	border-bottom: 1px solid #eee;
}

body.home header .container {
	border-bottom: none;
}

header .logo {
	display: block;
	padding: 1em 0;
}

header .logo img {
	max-width: 200px;
}

header .unit-30,
header .unit-70 {
	height: 100px;
}

/* MAINNAV */
.mainnav ul li i {
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.mainnav ul li:last-child {
	margin-right: 0;
}

.mainnav ul li a {
	font-size: 1em;
	color: #2a385e;
	line-height: 100px;
}

.mainnav ul li:after {
	content: "";
	border-bottom: 4px solid transparent;
	position: relative;
	display: block;
	width: 100%;
	top: -2px;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.mainnav ul li a:hover,
.mainnav ul li:hover > a,
.mainnav ul li.active > a {
	color: #2a385e;
	cursor: pointer;
}

.mainnav ul li:hover:after,
.mainnav ul li.active:after {
	border-color: #2a385e;
}

.mainnav ul li.active > a,
.mainnav ul li:hover i {
	// font-family: 'Medium', sans-serif;
	color: #66646e
}

.mainnav ul.submenu {
	position: absolute;
	width: auto;
	padding: 0;
	background: #fff;
	border: 1px solid #eee;
	border-top: 4px solid #66646e;
	text-align: left;
	z-index: 9999;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	opacity: 0;
	visibility: hidden;
	top: 98px;
}

.mainnav ul li:hover ul.submenu {
	opacity: 1;
	visibility: visible;
}

.mainnav .submenu li {
	display: block;
	float: none;
	margin-right: 0;
}

.mainnav .submenu li a {
	position: relative;
	padding: 0 1.5em;
	line-height: 3em;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	color: #2a385e;
	// border-bottom: 1px solid transparent;
}

.mainnav .submenu li a:before {
	content: "";
	position: relative;
	width: 14px;
	height: 20px;
	margin-right: 3px;
	background-image: url("../img/List-Image.png");
	background-repeat: no-repeat;
	display: inline-block;
	top: 1px;
	left: -9px;
}

.mainnav .submenu li:after {
	content: "";
	border-bottom: 0px solid transparent;
}

.mainnav .submenu li:hover:after {
	border-color: transparent;
}

.mainnav .submenu a:hover,
.mainnav.navbar .submenu li.active a {
	// border-bottom: 1px solid #66646e;
	color: #66646e;
}

.mainnav.navbar li.active a {
	// color: #66646e
}

/* BREADCRUMBS */
nav.breadcrumbs {
	padding-bottom: .25em;
	border-bottom: 1px solid #66646e;
}

.breadcrumbs span,
.breadcrumbs a {
	color: #2a385e;
	font-size: 12px;
	-webkit-transition: .25s all ease-in-out;
	transition: .25s all ease-in-out;
}

.breadcrumbs a:hover,
.breadcrumbs span.breadcrumb_last:hover {
	opacity: .8;
}

.breadcrumbs span.breadcrumb_last {
	color: #2a385e;
	font-family: 'Medium', sans-serif;
}

/* HERO */
section.hero {
	margin: 0;
	min-height: 400px;
	height: 100%;
	width: 100%;
	background: url(../img/Hero-Image.png) no-repeat center center;
	background-size: cover;
	z-index: 1;
}

section.hero .container {
	width: 100%;
}

section.hero .content-container {
	width: 100%;
	position: absolute;
	left: 50px;
	border-radius: 0;
	max-width: 660px;
}

body.home .hero {
	background: none;
}

body.home .hero .u1 {
	font-size: .7em;
	font-family: 'Light', sans-serif;
	margin-bottom: .35em;
	display: block;
}

body.home .hero .u2 {
	font-size: 1.3em;
	text-transform: uppercase;
	font-family: 'Times New Roman', 'Georgia', sans-serif;
	padding-left: 25px;
	display: block;
	margin-bottom: .15em;
	font-weight: 700;
}

body.home .hero p {
	font-size: 1em;
	line-height: 1.5em;
	color: #2a385e;
	max-width: 450px;
}

/* CONTENT */
section.content {
	max-width: 1200px;
	margin: 1.65em auto 50px;
	background: #fff;
	padding: 6em 0 60px;
	border-radius: 5px;
	border: 1px solid #eee;
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .05);
	box-shadow: 0 0 50px rgba(0, 0, 0, ..05);
}

section.content .image-container {
	background: #fff no-repeat center center;
	background-size: cover;
	height: 100%;
	position: relative;
	min-height: 200px;
	margin: 1em 0 1.25em;
	-webkit-transition: .25s all ease-in-out;
	transition: .25s all ease-in-out;
	border: 1px solid transparent;
}

section.content .image-container-start {
	background: #fff no-repeat center center;
	background-size: cover;
	height: 100%;
	position: relative;
	min-height: 135px;
	margin: 1em 0 1.25em;
	-webkit-transition: .25s all ease-in-out;
	transition: .25s all ease-in-out;
	border: 1px solid #e9e9e9;
}

body.home section.content .image-container-start {
	margin-bottom: 1em;
}

section.content .image-container:hover,
section.content .image-container-start:hover {
	border: 1px solid #2a385e;
}

.content .blocks-3 p,
.content .blocks-4 p {
	font-size: .9rem;
}

.content .blocks-3 ol,
.content .blocks-4 ol,
.content .blocks-3 ul,
.content .blocks-4 ul {
	margin: -1em 0 1.65em 1em;
	font-size: .9rem;
}

body.home .content .blocks-3 li:nth-child(n+4) {
	margin-top: 2.5em;
}

/* TOPFOOTER */
.top-footer {
	background: #f9f9f9;
	padding: 75px 0 0;
	max-width: 100%;
	margin: 0 auto;
}

/* MIDDLE FOOTER */
.middle-footer {
	background: #2a385e;
	padding: 50px 0 40px;
	max-width: 100%;
	margin: 0 auto;
}

.middle-footer h4,
.middle-footer p {
	color: #fff;
}

.middle-footer p.subline {
	font-size: 1em;
	margin-top: .25em;
}

.middle-footer .btn.cta {
	border-color: transparent;
}

.middle-footer .show:hover {
	opacity: .9;
}

/* SUB FOOTER */
.sub-footer {
	background: #fff;
	padding: 50px 0 40px;
	max-width: 100%;
	margin: 0 auto;
}

.sub-footer p.subline {
	font-size: 1em;
	margin-top: .25em;
}

.sub-footer .btn.cta {
	border-color: transparent;
}

.sub-footer .show:hover {
	opacity: .9;
}

/* FOOTER */
footer {
	background: #f9f9f9;
	padding: 50px 0 5px;
	max-width: 100%;
	margin: 0 auto;
}

footer p {
	font-size: .8em;
}

footer .navbar li:last-child {
	margin-right: 0;
}

/* ACORDION */
.acc-container {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.acc-btn {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	cursor: pointer;
}

.acc-title {
	font-family: 'Light', sans-serif;
	margin-bottom: .75em;
	display: block;
	color: #999;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	line-height: 1.5em;
}

.acc-title.selected {
	color: #2a385e;
	font-family: 'Medium', sans-serif;
}

.acc-btn:hover .acc-title:before,
.acc-btn:hover .acc-title {
	color: #2a385e
}

.acc-btn .acc-title:before {
	content: "\f105";
	font-family: 'FontAwesome';
	margin-right: 15px;
	color: #999;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.acc-btn .acc-title.selected:before {
	content: "\f107";
	color: #2a385e;
}

.acc-content {
	height: 0px;
	width: 100%;
	margin: 0 auto .75em;
	overflow: hidden;
}

.acc-content-inner {
	padding: 0;
}

.open {
	height: auto;
}

/* FORMS */
select[multiple],
select[multiple="multiple"],
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"],
input[type="number"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="color"],
input[type="time"],
input[type="search"],
input[type="datetime-local"],
input[type="text"]:visited,
input[type="password"]:visited,
input[type="email"]:visited,
input[type="url"]:visited,
input[type="phone"]:visited,
input[type="tel"]:visited,
input[type="number"]:visited,
input[type="datetime"]:visited,
input[type="date"]:visited,
input[type="month"]:visited,
input[type="color"]:visited,
input[type="time"]:visited,
input[type="search"]:visited,
input[type="datetime-local"]:visited,
textarea:visited {
	border: 1px solid #dfe3e9;
	margin: 0;
	background: #fff;
	color: #2a385e;
	border-radius: 0;
	padding: .5em 1em;
	font-size: .9em;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="phone"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="datetime"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="color"]:focus,
input[type="time"]:focus,
input[type="search"]:focus,
input[type="datetime-local"]:focus,
textarea:focus {
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	border: 1px solid #2a385e;
}

input:focus {
	border: none;
	color: #2a385e;
}

::-webkit-input-placeholder {
	color: #888;
}

:-moz-placeholder {
	color: #888;
}

::-moz-placeholder {
	color: #888;
}

:-ms-input-placeholder {
	color: #888;
}

.password-form input[type="submit"].btn.cta {
	line-height: 28px;
	margin-left: 1em;
	top: 0px;
	position: relative;
	border: 0;
}

table {
	max-width: 900px;
}

table,
table th,
table td {
	border: 1px solid #66646e;
}

table th {
	width: 50%;
}

/* LOGIN FORM */
#loginform-wplfta {
	margin: 0;
}

#loginform-wplfta label {
	display: block;
	margin: 0 0 .75em 0
}

#loginform-wplfta input[type="text"],
#loginform-wplfta input[type="password"] {
	width: 100%;
	display: block;
}

#loginform-wplfta .login-username {
	margin-right: 1.75em;
}

#loginform-wplfta .login-submit {
	margin: 0;
}

#loginform-wplfta .login-username,
#loginform-wplfta .login-password {
	max-width: 50%;
	display: inline-block;
	float: left;
}

/* MEDIA */
@media (max-width:1024px) {
	.mainnav ul li a {
		font-size: .8em;
	}

	.submenu .container {
		width: 100%;
	}

	.middle-footer {
		z-index: 100;
		position: relative;
	}

	.top-footer .partner-image {
		position: relative;
		bottom: -90px;
	}

	.top-footer .unit-40 {
		padding-bottom: 75px;
	}

}

@media (max-width:950px) {
	.hide-desktop {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	header {
		height: 100%;
	}

	header .logo {
		display: inline-block;
		padding-bottom: 1em;
	}

	header .logo img {
		height: 100%;
		width: 200px;
	}

	header .units-row .unit-20:first-child {
		width: 100%;
	}

	header .units-row .unit-30,
	header .units-row .unit-70 {
		width: 100%;
	}

	header .units-row .unit-70 {
		display: none;
	}

	header .units-row .unit-20 {
		float: left;
	}

	.hide-desktop {
		display: inline-block;
		float: right;
	}

	header .mobile-menu-link {
		padding-top: 44px;
	}

	.nav i.fa {
		display: none;
	}

}

@media (max-width:768px) {
	section.content .image-container-start {
		max-width: 250px;
	}

	body.home .content .blocks-3 li:nth-child(n+4) {
		margin-top: 0;
	}

	#loginform-wplfta .login-username,
	#loginform-wplfta .login-password {
		max-width: 100%;
		display: block;
		float: none;
	}

	#loginform-wplfta .login-username {
		margin-right: 0;
	}

	section.content {
		padding: 25px 0;
	}

	section.content .container {
		width: 90%;
		max-width: 100%;
	}

	.top-footer .unit-40,
	.top-footer .unit-60 {
		width: 100%;
		margin: 0;
	}

	.top-footer .unit-40 {
		position: relative;
		z-index: 2
	}

	.top-footer .unit-40 p {
		max-width: 60%;
	}

	.top-footer .unit-60 {
		position: relative;
		margin-top: -420px;
		z-index: 1
	}

	.top-footer hr {
		border-color: transparent;
	}

	.top-footer .partner-image {
		top: 0;
		right: -200px;
	}

	footer .unit-40 {
		display: none;
	}

	footer .units-row .unit-30 {
		width: 48%;
	}

}

@media (max-width:667px) {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 1.5rem;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	section.content {
		margin-top: 0;
	}

	section.hero .content-container {
		max-width: 100%;
		background: rgba(255, 255, 255, .6);
		left: 0;
		top: 0;
		bottom: 0;
		padding-top: 50px;
	}

	section.hero .content-container .u2 {
		padding-left: 0;
	}

	.vertical-align {
		top: 00%;
		-webkit-transform: perspective(0px) translateY(0%);
		transform: perspective(0px) translateY(0%);
	}

	footer .units-row .unit-30 {
		width: 100%;
	}

	.top-footer .unit-40,
	.top-footer .unit-60 {
		width: 100%;
		margin: 0;
	}

	.top-footer .unit-40 {
		position: relative;
		z-index: 2
	}

	.top-footer .unit-40 p {
		max-width: 100%;
	}

	.top-footer .unit-60 {
		position: relative;
		margin-top: 0;
		z-index: 1
	}

	.top-footer hr {
		border-color: #eee;
	}

	.top-footer .partner-image {
		top: 0;
		right: 0;
	}

	.subline {
		font-size: 1.1em;
		line-height: 1.4em;
		margin-top: .25em;
	}

	footer * {
		text-align: center !important
	}

	footer a {
		line-height: 50px;
	}

	.hero .content-container {
		left: 0;
		right: 0;
		padding: 5%
	}

	.middle-footer *,
	.sub-footer * {
		text-align: center;
	}

}

@media (max-width:350px) {
	img {
		width: 100%;
	}

	header .units-row .unit-30 {
		margin-bottom: 0;
	}

	.btn {
		display: block;
	}

}

/* ANIMATIONS */
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.delay-1 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.delay-2 {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}

.delay-3 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}

}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}

}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

/* RESP MENU */
.mobile.nav {
	padding-top: 0em;
}

.mobile.nav a,
.mobile.nav ul li a {
	color: #2a385e;
	padding: 0 30px;
	line-height: 50px;
	border: none;
	border-bottom: 1px solid #dfe3e9
}

.mobile.nav .active > a,
.mobile.nav ul li ul .active > a {
	font-family: 'Medium', sans-serif;
}

.mobile.nav ul li ul {
	margin-left: 0;
}

.mobile.nav ul li ul li a {
	font-size: 90%;
	padding: 1em 0 1em 50px;
	line-height: 1.25em
}

[canvas] {
	z-index: 1;
}

[canvas=container] {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: relative;
	background-color: white;
	-webkit-overflow-scrolling: touch;
}

[canvas=container]:before,
[canvas=container]:after {
	clear: both;
	content: '';
	display: table;
}

/* Off-Canavs */
[off-canvas] {
	display: none;
	position: fixed;
	overflow: hidden;
	overflow-y: auto;
	background-color: #f9f9f9;
	color: #54555a;
	-webkit-overflow-scrolling: touch;
}

[off-canvas*=right] {
	width: 255px;
	height: 100%;
	top: 0;
	right: 0;
}

[off-canvas*=left] {
	width: 255px;
	height: 100%;
	top: 0;
	left: 0;
}

[off-canvas*=reveal] {
	z-index: 0;
}

/* Animation */
[canvas],
[off-canvas] {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: -webkit-transform 300ms;
	transition: -webkit-transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	-webkit-backface-visibility: hidden;
}

[off-canvas*=shift][off-canvas*=right] {
	-webkit-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
}

[off-canvas*=shift][off-canvas*=left] {
	-webkit-transform: translate(50%, 0px);
	transform: translate(50%, 0px);
}

/* Print */
@media print {
	[canvas] {
		-webkit-transform: translate(0px, 0px) !important;
		transform: translate(0px, 0px) !important;
	}

	[off-canvas] {
		display: none !important;
	}

}

/* KONTAKT */
span.wpcf7-not-valid-tip {
	padding-top: 1em;
}

div.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
	padding: 1em 2em;
}

.wpcf7-not-valid {
	border-color: red !important
}