/* base */

/* style */

.tm-whitetextshadow-header, .tm-whitetextshadow-header .uk-h1 { color: #ffffff!important; text-shadow: 2px 2px 0px #000000!important; text-transform: uppercase!important; }
.tm-whitetextshadow-header .uk-h1 { font-weight: 600!important; }

.tm-whitetext-header .uk-h2, .tm-whitetext-header h4 { color: #ffffff!important; text-transform: uppercase!important; }
.tm-whitetext-header { color: #ffffff!important; }

.uk-text-large { font-size: 25px!important; font-weight: 600!important; }

.uk-divider-icon {
position:relative;
height:29px;
background-image: url("../images/divider_icon.png");
background-repeat:no-repeat;
background-position:50% 2px;
}

.uk-divider-icon::after,.uk-divider-icon::before {
content:"";
position:absolute;
top:100%;
max-width:calc(50%-(50px/2));
border-bottom:1px solid #00779a;
}

/* layout */

.tm-header { border-bottom: 1px solid #00779a; }

/* menus */

.tm-start-portal .uk-navbar-nav li:first-child { background: url("../images/portal_menu_left.png") 100% 10px no-repeat!important; }
.tm-start-portal .uk-navbar-nav li:last-child { background: url("../images/portal_menu_right.png") 0 10px no-repeat!important; }
.tm-start-portal .uk-navbar-nav li a { font-weight: 600!important; }

.uk-section-primary .uk-nav.uk-nav-default > li:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px dotted #ffffff; }
.uk-section-primary .uk-nav.uk-nav-default > li { padding-left: 0px; font-weight: 400; transition:.1s; }
.uk-section-primary .uk-nav.uk-nav-default > li > a { color: #ffffff; padding: 0px!important; margin: 0px; border-radius: 0; font-size: 14px; line-height: 32px; -webkit-transition: none; transition: none; letter-spacing: 2px; text-transform: none!important; }
/*.uk-section-primary .uk-nav.uk-nav-default > li > a:before { content: '\f061'; position: relative; top: 1px; margin: 0 10px 0 0px; font-family: 'Font Awesome 5 Free'; font-size: 14px; text-decoration: none; }*/
.uk-section-primary .uk-nav.uk-nav-default li:hover { padding-left: 10px; transition:.1s; }
.uk-section-primary .uk-nav.uk-nav-default > li > a:hover,
.uk-section-primary .uk-nav.uk-nav-default > li > a:focus { background: none; color: rgba(255,255,255,1); }
.uk-section-primary .uk-nav.uk-nav-default > li.uk-active > a { background: none; color: rgba(255,255,255,1); }

/* panels */

.tm-portal-header-left-panel .uk-tile-default { background: rgba(255,255,255,0.85)!important; padding: 20px!important; }

.tm-portal-header-right-panel .uk-tile-default { background: rgba(255,255,255,0.85)!important; padding: 20px!important; }

/*.tm-schraegpanel-1 {
  transform: perspective(500px) rotateY(20deg);
}

.tm-schraegpanel-2 {
  transform: perspective(500px) rotateY(-20deg);
}*/

/*.tm-schraegpanel-1 { background: #2f5770!important; }

.tm-schraegpanel-1::before {
  border-bottom: 20px solid #2f5770;
  background-color: #2f5770;
  width: 100%;
  height: 15px;
  position: absolute;
  top: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, 5deg);
	-webkit-transform: skew(0deg, 5deg);
	-o-transform: skew(0deg, 5deg);
	-ms-transform: skew(0deg, 5deg);
	transform: skew(0deg, 5deg);
}

.tm-schraegpanel-1::after {
  border-top: 20px solid #2f5770;
  background-color: #2f5770;
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, -5deg);
	-webkit-transform: skew(0deg, -5deg);
	-o-transform: skew(0deg, -5deg);
	-ms-transform: skew(0deg, -5deg);
	transform: skew(0deg, -5deg);
}

.tm-schraegpanel-2 { background: #3c647a!important; }

.tm-schraegpanel-2::before {
  border-bottom: 20px solid #3c647a;
  background-color: #3c647a;
  width: 100%;
  height: 15px;
  position: absolute;
  top: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, -5deg);
	-webkit-transform: skew(0deg, -5deg);
	-o-transform: skew(0deg, -5deg);
	-ms-transform: skew(0deg, -5deg);
	transform: skew(0deg, -5deg);
}

.tm-schraegpanel-2::after {
  border-top: 20px solid #3c647a;
  background-color: #3c647a;
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, 5deg);
	-webkit-transform: skew(0deg, 5deg);
	-o-transform: skew(0deg, 5deg);
	-ms-transform: skew(0deg, 5deg);
	transform: skew(0deg, 5deg);
}

.tm-schraegpanel-3 { background: #4d7287!important; }

.tm-schraegpanel-3::before {
  border-bottom: 20px solid #4d7287;
  background-color: #4d7287;
  width: 100%;
  height: 15px;
  position: absolute;
  top: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, 5deg);
	-webkit-transform: skew(0deg, 5deg);
	-o-transform: skew(0deg, 5deg);
	-ms-transform: skew(0deg, 5deg);
	transform: skew(0deg, 5deg);
}

.tm-schraegpanel-3::after {
  border-top: 20px solid #4d7287;
  background-color: #4d7287;
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, -5deg);
	-webkit-transform: skew(0deg, -5deg);
	-o-transform: skew(0deg, -5deg);
	-ms-transform: skew(0deg, -5deg);
	transform: skew(0deg, -5deg);
}

.tm-schraegpanel-4 { background: #608194!important; }

.tm-schraegpanel-4::before {
  border-bottom: 20px solid #608194;
  background-color: #608194;
  width: 100%;
  height: 15px;
  position: absolute;
  top: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, -5deg);
	-webkit-transform: skew(0deg, -5deg);
	-o-transform: skew(0deg, -5deg);
	-ms-transform: skew(0deg, -5deg);
	transform: skew(0deg, -5deg);
}

.tm-schraegpanel-4::after {
  border-top: 20px solid #608194;
  background-color: #608194;
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, 5deg);
	-webkit-transform: skew(0deg, 5deg);
	-o-transform: skew(0deg, 5deg);
	-ms-transform: skew(0deg, 5deg);
	transform: skew(0deg, 5deg);
}

.tm-schraegpanel-5 { background: #f2f8fa!important; position: relative; padding: 20px; }

.tm-schraegpanel-5::before {
  border-bottom: 20px solid #f2f8fa;
  background-color: #f2f8fa;
  width: 100%;
  height: 15px;
  position: absolute;
  top: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, -3deg);
	-webkit-transform: skew(0deg, -3deg);
	-o-transform: skew(0deg, -3deg);
	-ms-transform: skew(0deg, -3deg);
	transform: skew(0deg, -3deg);
}

.tm-schraegpanel-5::after {
  border-top: 20px solid #f2f8fa;
  background-color: #f2f8fa;
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, 3deg);
	-webkit-transform: skew(0deg, 3deg);
	-o-transform: skew(0deg, 3deg);
	-ms-transform: skew(0deg, 3deg);
	transform: skew(0deg, 3deg);
}

.tm-schraegpanel-6 { background: #f2f8fa!important; position: relative; padding: 20px; }

.tm-schraegpanel-6::before {
  border-bottom: 20px solid #f2f8fa;
  background-color: #f2f8fa;
  width: 100%;
  height: 15px;
  position: absolute;
  top: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, 3deg);
	-webkit-transform: skew(0deg, 3deg);
	-o-transform: skew(0deg, 3deg);
	-ms-transform: skew(0deg, 3deg);
	transform: skew(0deg, 3deg);
}

.tm-schraegpanel-6::after {
  border-top: 20px solid #f2f8fa;
  background-color: #f2f8fa;
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  content: "";	
	-moz-transform: skew(0deg, -3deg);
	-webkit-transform: skew(0deg, -3deg);
	-o-transform: skew(0deg, -3deg);
	-ms-transform: skew(0deg, -3deg);
	transform: skew(0deg, -3deg);
}*/

.tm-schraegpanel-1 { background: #2f5770!important; }
.tm-schraegpanel-2 { background: #3c647a!important; }
.tm-schraegpanel-3 { background: #4d7287!important; }
.tm-schraegpanel-4 { background: #608194!important; }
.tm-schraegpanel-5 { background: #f2f8fa!important; }
.tm-schraegpanel-6 { background: #f2f8fa!important; }

/* extensions */

/* responsive */

@media (max-width: 800px) {
	
	.tm-schraegpanel-1::before {
	-moz-transform: skew(0deg, 2deg);
	-webkit-transform: skew(0deg, 2deg);
	-o-transform: skew(0deg, 2deg);
	-ms-transform: skew(0deg, 2deg);
	transform: skew(0deg, 2deg);
	}

	.tm-schraegpanel-1::after {
		-moz-transform: skew(0deg, -2deg);
		-webkit-transform: skew(0deg, -2deg);
		-o-transform: skew(0deg, -2deg);
		-ms-transform: skew(0deg, -2deg);
		transform: skew(0deg, -2deg);
	}

	.tm-schraegpanel-2::before {
		-moz-transform: skew(0deg, -2deg);
		-webkit-transform: skew(0deg, -2deg);
		-o-transform: skew(0deg, -2deg);
		-ms-transform: skew(0deg, -2deg);
		transform: skew(0deg, -2deg);
	}

	.tm-schraegpanel-2::after {
		-moz-transform: skew(0deg, 2deg);
		-webkit-transform: skew(0deg, 2deg);
		-o-transform: skew(0deg, 2deg);
		-ms-transform: skew(0deg, 2deg);
		transform: skew(0deg, 2deg);
	}

	.tm-schraegpanel-3::before {
		-moz-transform: skew(0deg, 2deg);
		-webkit-transform: skew(0deg, 2deg);
		-o-transform: skew(0deg, 2deg);
		-ms-transform: skew(0deg, 2deg);
		transform: skew(0deg, 2deg);
	}

	.tm-schraegpanel-3::after {
		-moz-transform: skew(0deg, -2deg);
		-webkit-transform: skew(0deg, -2deg);
		-o-transform: skew(0deg, -2deg);
		-ms-transform: skew(0deg, -2deg);
		transform: skew(0deg, -2deg);
	}

	.tm-schraegpanel-4::before {	
		-moz-transform: skew(0deg, -2deg);
		-webkit-transform: skew(0deg, -2deg);
		-o-transform: skew(0deg, -2deg);
		-ms-transform: skew(0deg, -2deg);
		transform: skew(0deg, -2deg);
	}

	.tm-schraegpanel-4::after {
		-moz-transform: skew(0deg, 2deg);
		-webkit-transform: skew(0deg, 2deg);
		-o-transform: skew(0deg, 2deg);
		-ms-transform: skew(0deg, 2deg);
		transform: skew(0deg, 2deg);
	}
	
	
}

@media (max-width: 414px) {
	
	h3.el-title.uk-h1, h1 { font-size: 24px!important; }
	.el-meta.uk-h3 { font-size: 20px!important; }
	
}