*{
   margin:0px;
   padding:0px;
   letter-spacing: 0.02em;
}

html, body {
	height: 100%;
}

p{
	font-family: 'Helvetica' 'Arial' sans-serif;
	font-style: normal;
	font-weight: 300;color:#808080;

}

i{
	font-family: 'Helvetica' 'Arial' sans-serif;
	font-style: italic;
}

strong{
	font-weight: 600;
}

a{
	font-family: 'Helvetica' 'Arial' sans-serif;
	font-style: normal;
	font-weight: 300;
	color:#3e3e3e;
}

h1{
	font-family: 'Helvetica' 'Arial' sans-serif;
	font-style: normal;
	font-weight: 800;
}

h2{
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-style: normal;
	font-weight: 700;
}

h3{
	font-family: 'Helvetica' 'Arial' sans-serif;
	font-style: normal;
	font-weight: 600;
	border-bottom:2px solid #214968;
}

h4{
	font-family: 'Helvetica' 'Arial' sans-serif;
	font-style: normal;
	font-weight: 500;
}

h5{
	font-family: 'Helvetica' 'Arial' sans-serif;
	font-style: normal;
	font-weight: 400;
}
ul{
  padding-left:17px;
  color:#808080;
}

a:hover{
	text-decoration: none;
	color:#808080;
}

#wrapper{
   min-height: 100%;
   position: relative;
   background: #e3e3e3;
}

main{
  padding: 1em 1em 2.5em 1em;
}

.anchorposition{
   position:relative;
}

.anchor{
   position:absolute;
   top:-0px;
}

.nobr{
	white-space: nowrap;
}

.line{
	width: 55%;
	margin: auto;
	border-top:1px dotted #808080;
}

.clear-float{
	clear:both;
}

.wp-block-button:hover{
	opacity: 0.9;
}

/* ----- back to top button */
.back-to-top {
	background:#808080;
	position: fixed;
	bottom:70px;
	right:20px;
	padding:5px 8px;
	border:1px solid #fff;

	transition: all 0.7s ease-out;

	background-position: 1% 50%;
	background-size: 300% 300%;
	text-decoration: none;
	margin: 0.625rem;
}

.back-to-top span{
	font-size:1.5em;
	color:#fff;
}

.back-to-top:hover{
   opacity: 0.8;
	border: 1px solid rgba(223,190,106,0);
	color: #fff;
	background-position: right center;
	border:1px solid #fff;
}



/* ------------- Header -------------- */
/* styling navbar */

/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.navbar-light .navbar-toggler{
	background-color: #e8e8e8;
}

.navbar{
	display:block;
}

.navbar ul li::before{
	content:"";
}

.nav_vw{
	display:block;
}

#menu-header-menu{
   background-color: #fff;
   margin-top:3px;
   margin-left:-20px;
   padding-left: 80px;
}

#menu-header-menu li a{
	font-family: arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.04em;
	display: inline-block;
	margin-left:0px;
	padding-left:9px;
	padding-right:9px;
	color:#808080;
}

#menu-header-menu .dropdown-menu{
	background-color:#e8e8e8;
	border:0px solid black;
	margin-top:0px;
	margin-left:-10px;
	min-width: initial;
	min-width:250px;
	border-radius: 0;
}

.dropdown-toggle::after {
	vertical-align: initial;
}

#menu-header-menu .dropdown-item:focus, .dropdown-item:hover{
	background-color:rgba(255,255,255,0 );
}

.navbar-expand-lg .navbar-collapse{
	padding-top:40px;
	color:#fff;
}

#menu-header-menu .dropdown-menu a{
	padding-left:10px;
}

#menu-header-menu .dropdown-item.active{
	background-color: #6B4A31;
}

#menu-header-menu .dropdown-toggle::after{
	border-top: initial;
	border-right: initial;
	margin-left: 0px;
}

.fixed-top{
	height: 50px;
	padding-left: 20px;
	background-color: #fff;
}

.no_drop{
	padding-right:7px;
}

.navbar-toggler{
	position: relative;
	z-index: 1050;
}

.navbar-toggler-icon{
	width:1.2em;
	height: 1.2em;
}

.social-media-head{
	position: absolute;
	z-index: 1100;
	top:4px;
	left:10px;
}
.wp-container-3.has-background{
	padding:20px;
}

.btn-hover a{
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 300;
  font-style: normal;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  color: rgba(223,190,106,0.7);
  border-radius: 0;
/*  padding: 18px 80px 20px;*/
  transition: all 0.7s ease-out;
  background-image: linear-gradient(to right, #214968 0%, #fff 50%, #214968 100%);

  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 1px solid rgba(223,190,106,0.3);
}

.btn-hover a:hover {

  border: 1px solid rgba(223,190,106,0);
  color: #fff;
  background-position: right center;
}

/* optional slider home */
/* ----------- content ------------*/


/* ------sidebar chapter homepage---------*/

span.mailster-required{
  color:#000 !important;
}

#sidebar-chapter-homepage{
  margin-top: 13vh;
}

.form-container{
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 30px 25px;
    border-radius: 10px;
    box-shadow: 0 0 25px -15px rgba(0,0,0,0.3);
    position: relative;
}

.form-container:before,
.form-container:after{
    content: '';
    background-color: #2c386e;
    height: 50%;
    width: 4px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.form-container:after{
    top: auto;
    bottom: 10px;
    left: auto;
    right: 10px;
}
.form-container h2{
    color: #2c386e;
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 15px;
}

.form-container p{
    color: #555;
    font-size: 13px;
    margin: 0 0 10px;
    display: block;
}

.form-container label{
  text-align: left;
  font-size:0.9em;
  float: left;
  padding-left:3px;
  margin-bottom: 0px;

}

form .mailster-email-wrapper{ margin: 0 0 15px; }
form .mailster-email-wrapper:last-of-type{
    text-align: left;
    margin-bottom: 35px;
}

form .mailster-email{
    color: #2c386e;
    background: #F7F8F9;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    height: 40px;
    padding: 6px 12px;
    border-radius: 5px;
    border: 2px solid #d4d4d4;
    box-shadow: none;
    margin-bottom: 15px;
}

form .mailster-email:focus{
    border-color: rgba(78, 76, 151, 0.5);
    box-shadow: none;
}

form .mailster-email::placeholder{
    color: #e1e1e1;
    font-size: 14px;
    font-weight: 300;
}

form .mailster-email-wrapper .check-label{
    color: #555;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    margin: -2.5px 0 0;
    vertical-align: text-top;
    display: inline-block;
}

form .mailster-email-wrapper .check-label a{
    color: #2c386e;
    transition: all 0.3s ease;
}

form .mailster-email-wrapper .check-label a:hover{ text-decoration: underline; }
form .checkbox{
    height: 17px;
    width: 17px;
    min-height: auto;
    margin: 0 3px 0 0;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all 0.3s ease;
}

form .checkbox:before{
    content: '';
    height: 6px;
    width: 12px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    opacity: 1;
    transform: rotate(-45deg);
    position: absolute;
    left: 2px;
    top: 2.5px;
    transition: all 0.3s ease;
}

form .checkbox:checked{
    background-color: #2c386e;
    border-color: #2c386e;
}

form .checkbox:checked:before{ opacity: 1; }
form .checkbox:not(:checked):before{ opacity: 0; }
form .checkbox:focus{ outline: none; }
form .button{
    color: #fff;
    background-color: #2c386e;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    width: 130px;
    padding: 11px;
    margin: 0 10px 10px 0;
    border: 2px solid #2c386e;
    border-radius: 3px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
form .button.submit-button{
    color: #2c386e;
    background-color: #fff;
}
form .button:hover,
form .button:focus{
    color: #2c386e;
    background-color: #fff;
    box-shadow: 0 0 5px #2c386e, 0 0 15px #2c386e inset;
}
form .button.submit-button:hover,
form .button.submit-button:focus{
    box-shadow: 0 0 5px #2c386e;
}

.mailster-form-info{
  border-radius: 5px !important;

}

.mailster-form-info.error ul li{
  color:#fff;
}



/* ---------------Footer --------------*/

footer{
   position: absolute;
   bottom: 0;
   width: 100%;
   background: #fff;
}

footer .imprint ul li{
	display: inline-block;
	float:right;
}

footer .nav-link{
	padding:0px 15px;
}

footer a{
   white-space: nowrap;
}