/* 	LocalBranding Core CSS (Contao)
		Author: LocalBranding 2018
		Theme:	LB_Onepager_Handcraft_Core
*/
@font-face {
    font-family: 'TimesNewRoman';
    src: url('../fonts/TimesNewRoman/TimesNewRoman-Bold.eot');
    src: local('TimesNewRoman Bold'), local('TimesNewRoman-Bold'),
        url('../fonts/TimesNewRoman/TimesNewRoman-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TimesNewRoman/TimesNewRoman-Bold.woff2') format('woff2'),
        url('../fonts/TimesNewRoman/TimesNewRoman-Bold.woff') format('woff'),
        url('../fonts/TimesNewRoman/TimesNewRoman-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'TimesNewRoman';
    src: url('../fonts/TimesNewRoman/TimesNewRoman.eot');
    src: local('TimesNewRoman'), local('TimesNewRoman'),
        url('../fonts/TimesNewRoman/TimesNewRoman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TimesNewRoman/TimesNewRoman.woff2') format('woff2'),
        url('../fonts/TimesNewRoman/TimesNewRoman.woff') format('woff'),
        url('../fonts/TimesNewRoman/TimesNewRoman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto.eot');
    src: local('Roboto Regular'), local('Roboto-Regular'),
        url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------ GRID ------------------------------*/
.container-fluid{
	padding: 0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11,
.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9{
	padding-left: 3rem;
	padding-right: 3rem;
}
html{
	font-size:10px;
	box-sizing: border-box;
	font-family: 'TimesNewRoman', sans-serif;
	/*
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap:break-word;
	*/
}
body{
	margin: 0;
	background-color: #ffffff;
	color: #333333;
	font-weight: normal;
}
body.systempage{
	padding-top: 10rem;
}
@media (max-width: 991px){
	body.systempage{
	padding-top: 9.5rem;
	}
}
@media (max-width: 480px){
	body.systempage{
	padding-top: 9.5rem;
	}
}
#wrapper{
	width: 100%;
	padding-top: 0;
}
#container{

}
/* opacity for face in effect */
.hideme{
	opacity: 0;
}
grammarly-ghost{
	visibility: invisible;
}
/* ---------- CUSTOM CLASSES ----------**/
.align-center{
	text-align: center;
}
.align-left{
	text-align: left;
}
.align-right{
	text-align: right;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
float-none{
	float: none;
}
.theme-transition{
	transition: all 0.1s cubic-bezier(.72,.28,.33,.93); /* explorer 10 */
	-webkit-transition: all 0.1s cubic-bezier(.72,.28,.33,.93); /* chrome & safari */
	-moz-transition: all 0.1s cubic-bezier(.72,.28,.33,.93); /* firefox */
	-o-transition: all 0.1s cubic-bezier(.72,.28,.33,.93); /* opera */
}
.theme-radius{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
/* ------------------------------ CORE ELEMENTS ------------------------------*/

/* fonts */
h1{
	font-family: 'TimesNewRoman', sans-serif;
	font-size: 8rem;
	font-weight: normal;
	line-height: 12rem;
	color: #ed8e00;
	padding-bottom: 1.0rem;
	margin-bottom: 2.5rem;
	margin-top: 0;
}
@media (max-width: 768px) {
	h1{
		font-size: 5.0rem;
		line-height: 7.0rem;
	}
}
@media (max-width: 480px) {
	h1{
		font-size:4.0rem;
		line-height:5.0rem;
	}
}
h2{
	font-family: 'TimesNewRoman', sans-serif;
	font-size: 5rem;
	font-weight: normal;
	line-height: 8rem;
	color: #ed8e00;
	margin-bottom: 2rem;
	margin-top: 0;
}
@media (max-width: 768px) {
	h2{
		font-size: 4rem;
		line-height: 5.0rem;
	}
}
h3{
	font-family: 'TimesNewRoman', sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 4.0rem;
	color: #ed8e00;
}
@media (max-width: 991px) {
	h3{
			font-size:2.4rem;
			line-height: 3.4rem;
		}
}
@media (max-width: 420px) {
	h3{
			font-size:1.8rem;
			line-height: 2.9rem;
		}
}
h4{
	font-family: 'TimesNewRoman', sans-serif;
	font-size: 2.4rem;
	line-height: 4.0rem;
	color: #000000;
	margin-bottom: 3rem;
}
@media (max-width: 699px) {
	h4{
		font-size:2rem;
	}
}
h5{
	font-family: 'TimesNewRoman', sans-serif;
	font-size: 2.4rem;
	line-height: 4.0rem;
	color: #333333;
	font-weight: 600;
}
h6{
	font-family: 'TimesNewRoman', sans-serif;
	font-size: 1.8rem;
	line-height: 3.2rem;
	color: #333333;
}
p, table, label, input, textarea, legend, ul, ol,a{
	line-height: 2.7rem;
	font-size: 1.8rem;
	letter-spacing: 0.1rem;
}

/* text links */
a {
	color: #ed8e00;
	text-decoration: none;
}
a:hover, a:focus {
	color: #ed8e00;
	text-decoration: underline;
}
/* buttons */
button, a.btn-1st, div.article_3-col_icn a, div.submit_container input,.cookiebar__button, .btn-primary{
	font-family: 'TimesNewRoman', sans-serif;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	height: 4.0rem;
	line-height: 3.6rem;
	text-align: center;
	background: #6bd600;
	color: #ffffff;
	border: 0.2rem solid #ffffff;
	min-width: 16.0rem;
	padding: 0 1.0rem;
	transition: all 0.2s cubic-bezier(.72,.28,.33,.93);
	margin: 1.5rem 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
button:hover, a.btn-1st:hover, div.article_3-col_icn a:hover, div.submit_container input:hover, .btn-primary:hover{
	background: transparent;
	transition: all 0.2s;
	text-decoration: none;
	color: #ffee00;
	border: 0.2rem solid;
	border-color: #ffee00;
}
button:active, a.btn-1st:active, .mod_article a:active, div.article_3-col_icn a:active,	div.submit_container input, .btn-primary:active, .btn-primary:focus{
	color: white;
	background: #6bd600;
	transition: all 0.2s;
}
div.submit_container input{
	width: fit-content;
	margin: 0 auto;
	display: block;
}
/* IMAGES */
.csc-textpic-image img{
	width: 100%;
	height: auto;
}
/* FORMULARS */
div.form-group div{
	margin-bottom: 0rem;
}
div.form-group  label span{
	display: inline;
}
div.form-group span.invisible{
	display: none;
}
div.form-group label{
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 0rem;
	color: #333333;
	width: auto;
}
span.captcha_text{
	margin-top: 0.5rem;
	font-size: 1.2rem;
}
.form-control{
	padding: 0 1.5rem ;
	margin: 0 0 0.1rem 0;
	border: 0.1rem solid #9b9b9b;
	width: 100%;
	font-size: 1.6rem;
	letter-spacing: 0;
	line-height: 5.0rem;
	transition: all 0.1s cubic-bezier(.72,.28,.33,.93); /* explorer 10 */
	-webkit-transition: all 0.1s cubic-bezier(.72,.28,.33,.93); /* chrome & safari */
	-moz-transition: all 0.1s cubic-bezier(.72,.28,.33,.93); /* firefox */
	-o-transition: all 0.1s cubic-bezier(.72,.28,.33,.93); /* opera */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
input.radio, input.checkbox{
	width: auto;
	float: left;
	margin-right: 0.5rem;
	margin-bottom: 0!important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: white;
	border:0.1rem solid #9b9b9b;
}
fieldset.radio_container span{
	margin-right: 1.5rem;
}
fieldset.radio_container span, fieldset.radio_container input.radio{
	float: left;
}
fieldset.radio_container label{
	margin-top: 0!important;
	float: left;
}
textarea{
	height: 12.0rem;
}
.form-control:focus, textarea:focus{
	border: 0.1rem solid #ed8e00;
	outline-color: #ed8e00;
	box-shadow: none;
}
div.widget-captcha span{
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 1.5;
}
p.confirm{
	border-left: 5px solid #06b444;
	padding: 1rem;
}
/* Contact Form addition */
.contactform_privacy{
	padding-left: 0;
}
.contactform_privacy .checkbox{
	float: left;
}
.contactform_privacy p,
.contactform_privacy a{
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #4b4b4b;
	font-weight: normal;
}
.contactform_privacy label{
	width: auto;
	float: none;
	clear: none;
	margin-right: 1rem;
}
.contactform_privacy a{
	font-weight: bold;
}
.contactform_privacy legend{
	margin-bottom: 0;
	font-size: 1.4rem;
    font-weight: 600;
    color: #333333;
    width: auto;
	border-bottom: 0;
}
#kontaktformular .contactform_privacy input{
	margin-top: 0.3rem;
	margin-right: 0.3rem;
}
/* TABLES */
table{
	display: table;
	font-size:1.6rem;
	width: 100%;
	border-bottom: 4px solid #ed8e00;
}
@media (max-width:460px){
	table{
		font-size: 1.4rem;
	}
}
tbody{
	display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr{
	display: table-row;
    vertical-align: middle;
    border-color: inherit;
	background-color: white;
}
tr.odd{
	background-color: #f2f2f2;
}
td{
	padding: 1rem;
	font-size: 1.rem;
	text-align: center;
}
@media (max-width:460px){
	td{
		padding: 0.5rem;
	}
}
td p{
	margin: 0;
}
@media (max-width:460px){
	td p{
		font-size: 1.4rem;
	}
}
tr.first{
	background: #ed8e00;
	color: white;
}
/* page loader / progress bar */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #ed8e00;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 0.3rem;
}

.alert p{
	font-size: 2.4rem;
}
/* ----- COOCKIEBAR -----*/
.cookiebar{
	background-color: #ed8e00;
	color: white;
	z-index: 99999;
	min-height: 8.5rem;
	font-size: 1.6rem;
	-webkit-box-shadow: 0px -3px 5px 0px rgba(51,51,51,0.5);
	-moz-box-shadow: 0px -3px 5px 0px rgba(51,51,51,0.5);
	box-shadow: 0px -3px 5px 0px rgba(51,51,51,0.5);
}
.cookiebar__button{
	border-color: #white;
	color: #white;
	background: transparent;
}
.cookiebar__button:hover{
	background: white;
	color: #6bd600;
}
.cookiebar__link{
	font-size: 1.6rem;
	margin: 1rem;
	color: #white;
}
.cookiebar__link:hover{
	text-decoration: none;
	color: white;
}
.cookiebar__text,
.cookiebar__message{
	margin: 0;
}
/* ------------------------------ HEADER ------------------------------*/
#header{
	transition:all .5s;
}
#header_sub h1.ce_headline{
	margin-bottom:0;
}
/* Navigation */
.navbar-default{
	border:0;
}
.navbar-default .navbar-toggle{
	border:0;
}
@media (max-width: 991px){
	.navbar-toggle {
      display: block;
	  margin-top:0;
	  margin-bottom:0;
	}
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active{
	background:none;

}
.navbar{
	background: transparent;
	/* scroll nav */
	padding: 2.0rem 9rem;
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	transition: background .5s ease-in-out,padding .5s ease-in-out;
	height: 7rem;
}
.top-nav-collapse {
	padding: 1.0rem 0;
}
.navbar-brand{
	height: auto;
	margin-left: 0;
	padding:0 1.5rem;
	transition: all 0.3s;
}
@media (max-width: 1024px){
	.navbar-brand{
		height:5.0rem;
		margin-left: 0;
		padding:0 3rem;
	}
}
.navbar-brand a{
	overflow:visible;
	color: #EFEFDF;
	font-family: 'TimesNewRoman', sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
}
@media (max-width:911px){
	.navbar-brand a{
		overflow:visible;
		font-size: 2.4rem;
		font-weight: 600;
		line-height: 4rem;
	}
}
body.systempage .navbar-brand a{
	color: #ed8e00;
}
.navbar-brand a img,
.navbar-brand a svg{
	height: 4.3rem;
}
@media (max-width: 480px){
	.navbar-brand a{
		height:5rem;
		overflow:visible;
		font-size: 1.8rem;
	}
	.navbar-brand a img{
		height:5rem;
	}
}
.navbar-default .invisible{
	display: none;
}
.navbar-default .navbar-nav li>a{
	line-height: 3.0rem;
	color: #000000;
	font-weight: 600;
	padding: 1.5rem;
}
body.systempage .navbar-default .navbar-nav li>a{
	color: #ed8e00;
}
.navbar-default .navbar-nav>li>a:hover{
line-height: 3.0rem;
	color: white;
	font-weight: 600;
	text-decoration: underline;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:0;
	position: absolute;
	right: 6rem;
	top: 50%;
	transform: translateY(-50%);
}
/* NAV MAIN UL*/
ul.level_1{
	list-style-type:none;
	float:right;
	margin:0;
}
ul.level_1 li{
	float:left;
	line-height:3.0rem;
	display:inline-block;
}
@media (max-width: 991px){
	ul.level_1 li{
		padding:1.0rem 0;
	}
}
ul.level_1 li a {
	color: white;
	font-weight:600;
	font-size:1.8rem;
	padding:1.0rem;
	position: relative;
	z-index: 1;
}
@media (max-width: 991px){
	ul.level_1 li a:{
	padding:1.0rem 1.5rem;
	}
}
ul.level_1 li a.active {
	color: #333333;
}
ul.level_1 li a,
ul.level_1 li a::after{
	color: white;
	transition: all 0.3s;
	text-decoration:none;
}
ul.level_1 li a:hover{
	color: #333333;
}
.navbar-right ul.level_1 li a::after{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: '.';
	color: transparent;
	background: #ed8e00;
	height: 0px;
	width: 100%;
	z-index: -1;
	text-align: left;
}
.navbar-right ul.level_1 li a:hover::after,
.navbar-right ul.level_1 li a.active::after{
	width: 100%;
	height: 100%;
}
ul.level_1 li.active span{
	padding:1.3rem 1.5rem;
	font-weight:600;
	font-size:1.4rem;
}
ul.level_1 li.last span{
	padding:1.5rem;
	font-size:1.8rem;
	font-weight:600;
}
ul.level_1 li a:active{
	color: white;
	font-weight:600;
	font-size:1.8rem;
	text-decoration:none;
	transition:all 0.2s;
}
ul.level_1 li.active span{
	color: white;
	font-size:1.8rem;
}
@media (max-width: 991px){
	ul.level_1 li.active span{
		padding:1.0rem 1.5rem;
	}
}
/* --- MOBILE NAV MEDIUM SCREENS --- */
@media (max-width: 991px) {
	.navbar-header {
		  float: none;
		}
	.navbar-left,.navbar-right {
      float: none !important;
	}
	.navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
      display: none!important;
	}
	.navbar-nav {
      float: none!important;
      margin-top: 0.75rem;
	}
	.navbar-nav>li {
      float: none;
	}
	.navbar-nav>li>a {
      padding-top: 1.0rem;
      padding-bottom: 1.0rem;
	}
	.collapse.in{
      display:block!important;
	}
	.navbar-collapse{
		height:100%;
	}
	.navbar-default{
		border:0;
		overflow:display;
	}
	button.navbar-toggle{
		min-width:2.2rem;
	}
	.navbar-default .navbar-toggle{
		border:0;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:active,
	.navbar-default .navbar-toggle:focus{
		background:#fff;

	}
	.navbar{
		background: transparent;
		padding:1.6rem 0;
	}
	.top-nav-collapse {
		padding: 2.0rem 0;
	}
	/* MENU ICON */
	.navbar-default .navbar-toggle{
		margin-right: 2rem;
		margin-top: 0.7rem;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background: #efefdf;
		height:0.3rem;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.navbar-default .navbar-toggle:hover .icon-bar-mid{
		margin:0.8rem 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		height:0.3rem;
	}
	/* FULL SCREEN MOBILE MODAL NAV*/
	.fullscreen .modal-dialog {
		margin: 0 0 0 0;
		width: 100%;
		height: 100%;
		min-height: 100%;
		padding: 0;
		color: #333;
	}
	button.close{
		height:3.0rem;
		min-width:2.0rem;
		padding-top:2.0rem;
		padding:2.3rem;
		background-image:url('../img/icn/close.png');
		background-position:center center;
		background-repeat: no-repeat;
		opacity:1;
	}
	button.close:hover{
		opacity: 0.8;
		border: 0;
	}
	#menuModal{
		padding-right:0!important;
	}
	.modal-body{
		margin-top:2.0rem;
	}
	.fullscreen .modal-content {
		height: 100%;
		min-height: 100%;
		border-radius: 0;
		color: white;
		background: rgba(255, 255, 255, 0.9);
		overflow: auto;
	}
	/* ----- MODAL MOBILE MAIN NAV----- */
	.modal-body div.mod_search {
		width:17.0rem;
		margin:0 auto;
		margin-bottom:4.0rem;
		height:4.0rem;
	}
	.fullscreen .modal-body ul.level_1  {
		padding: 0;
		list-style-type:none;
		text-align:center;
		width: 100%;
	}
	.fullscreen .modal-body ul.level_1  li {
		padding: 1.0rem 0 1.0rem 0 ;
		width: 100%;
	}
	.fullscreen .modal-body a,
	.fullscreen .modal-body li.active span {
		color: black;
		font-size: 2.4rem;
		line-height:5.0rem;
		font-weight:600;
	}
	.fullscreen .modal-body ul.level_1 >li>a:hover,
	.fullscreen .modal-body ul.level_1  li a.active,
	.fullscreen .modal-body ul.level_1  li a:hover
	{
		color: white;
		text-decoration: none;
		transition:all 0.3s;
	}
	.fullscreen .modal-body ul.level_1  li.active span{
		border-bottom:0.2rem #010310 solid;
		color: white;
		text-decoration: none;
	}
}
/* --- MOBILE NAV SMALL SCREENS --- */
@media (max-width: 480px){
		.fullscreen .modal-body a.invisible {
			display:none;
		}
		.fullscreen .modal-body ul {
			padding: 0;
			overflow: auto;
		}
		.fullscreen .modal-body li {
			padding: 4px 0 4px 0 ;
		}
		div.hero-img-container{
			overflow:hidden;
			height:25.0rem;
		}
}
/* ------------------------------ CONTAINER ----------------------------*/
.mod_article{
	padding: 0;
	margin-top: 0.0rem;
	overflow: hidden;
}
@media (max-width: 1024px){
	.mod_article{
		margin-top: 0rem;
		margin-bottom: 0rem;
	}
}
@media (max-width: 768px){
	.mod_article{
		margin-top:0rem;
		margin-bottom:0rem;
	}
}
@media (max-width: 400px){
	.mod_article{
		margin-top:0.0rem;
		margin-bottom:0rem;
	}
}
body.systempage	.mod_article{
		margin-bottom: 6rem;
}

/* ------------------------------ FOOTER ------------------------------ */
footer#footer{
		background: #333333;
		padding-top: 6.0rem;
		padding-bottom: 6.0rem;
		color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 991px) {
	footer#footer{
		padding-top:6.0rem;
		padding-bottom:6.0rem;
	}
}
body.systempage footer#footer{
	margin-top: 3rem;
}
.footer_navigations_container{
	padding: 0 9rem;
}
@media (max-width: 991px) {
	.footer_navigations_container{
		padding: 0 6rem;
	}
}
@media (max-width: 549px) {
	.footer_navigations_container{
		padding: 0 2rem;
	}
}
.footer_navigations_container div{
	margin-bottom: 3rem;
	min-height: 3rem;
}
/* FOOTER NAVI */
footer ul.level_1{
	float: none;
	padding-left: 0;
}
footer ul.level_1 li a{
	padding: 0 0.8rem;
	color: #FFFFFF;
	font-size: 1.8rem;
	line-height: 2.1rem;
	font-weight: 400;
	border-right: 0.1rem solid #c4c4c4;
	border-left: 0.1rem solid #c4c4c4;
	transition: all 0.5s;
}
footer ul.level_1 li.first a{
	padding-left: 0;
}
footer ul.level_1 li a:hover{
	color: #fff;
	text-decoration: underline;
	font-size: 1.8rem;
	font-weight: 400;
}
footer ul.level_1 li.active span{
	color:#fff;
	text-decoration: underline;
	border:0;
	font-size:1.8rem;
	font-weight:400;
	padding-top:0;
	padding-bottom:0;
	border-right:0.1rem solid white;
}
footer ul.level_1 li a.last{
	border-right:0;
}
/* FOOTER NAVI MEDIUM SCREENS */
@media (max-width: 991px) {
	footer ul.level_1{
		list-style-type:none;
	}
	footer ul.level_1 li{
		float:left;
	}
	footer ul.level_1 li a{
		padding:0 0.8rem;
		color:#9b9b9b;
		font-size:1.8rem;
		line-height:2.1rem;
		font-weight:400;
		border-right:0.1rem solid #9b9b9b;
	}
	footer ul.level_1 li a:hover{
		color:#fff;
		text-decoration:none;
	}
	footer ul.level_1 li.active span{
		color:#fff;
		text-decoration:none;
		border:0;
		font-size:1.8rem;
		font-weight:400;
		border-right:0.1rem solid #9b9b9b;
		padding-top:0;
		padding-bottom:0;
	}
	footer ul.level_1 li a.last{
		border-right:0;
	}
}
/* FOOTER NAVI SMALL SCREENS */
@media (max-width: 480px) {
	footer ul.level_1{
	/*	float:left;   */
	}
	footer ul.sm li{
		margin-top:3.0rem;
	}
}
/* SOCIAL MEDIA LINKS */
footer ul.sm{
	list-style-type:none;
	margin-top:3.0rem;
	height:3.0rem;
}
footer ul.sm li{
	float:left;
}
footer ul.sm li a{
	padding:1.5rem;
	margin-right:3.0rem;
}
footer ul.sm li a:hover{
	text-decoration:none;
}
footer ul.sm li a.xi{
	background-image:url('../img/icn/xi.png');
	background-position:center center;
	background-repeat: no-repeat;
}
footer ul.sm li a.in{
	background-image:url('../img/icn/in.png');
	background-position:center center;
	background-repeat: no-repeat;
}
/* --- TOP LINK --- */
 #footer .top-link {
	bottom: 2.5rem;
	position: fixed;
	right: 2.5rem;
	z-index: 5;
}
#footer .top-link span{
	margin-top:1.5rem;
	color:#6bd600;
	text-align:center;
}
#footer .top-link > a {
	background: rgba(93, 178, 59, 1);
	background-image:url('../img/icn/top-link.png');
	background-position:center center;
	background-repeat:no-repeat;
	color: #6bd600;
	display: block;
	font-size: 1.6rem;
	height: 4.5rem;
	text-align: center;
	width: 4.5rem;
	padding:1.0rem;
	text-decoration:none;
	border:0.2rem solid rgba(93, 178, 59, 1);
	transition: all 0.1s ease 0.2s; /* explorer 10 */
	-webkit-transition: all 0.2s ease  0.1s; /* chrome & safari */
	-moz-transition: all 0.2s ease  0.1s; /* firefox */
	-o-transition: all 0.2s ease 0.1s; /* opera */
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#footer .top-link > a:hover {
	background-image:url('../img/icn/top-link-hover.png');
	background-position:center center;
	font-size: 1.6rem;
	background-repeat:no-repeat;
	background-color:#fff;
}
#footer .top-link > a:active {
	background: #6bd600;
	font-size: 1.6rem;
	background-image:url('../img/icn/top-link.png');
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 3px 5px 0px(0,0,0,0.24);
}