@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/montserrat-v25-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/montserrat-v25-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




*
{
	box-sizing:border-box;
}

html, body
{
	margin:0;
	padding:0;
}

body
{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
}

@media (max-width: 768px) {
	body
	{
		font-size:14px;
	}
}

.banner
{
	background-image:url(../images/header-1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	height:400px;
}

@media (max-width: 768px) {
	
	.banner
	{
			height:230px;
	}
	
	.banner .wrapper
	{
			padding:0;
	}
	
	
}

nav ul, nav li
{
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
}

@media (min-width: 768px) {

nav ul
{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        -webkit-box-pack:center;
	        justify-content:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        -webkit-box-align:center;
	        align-items:center;
	height:65px;
	font-size:1.1rem;
}

nav li
{
	margin-left:15px;
	margin-right:15px;
}

}

nav li a
{
	text-decoration:none;
	color:#908885;
	display:inline-block;
	font-size:15px;
	font-size:.98rem;
	
}

nav li a:hover
{
	color:#696361;
}

nav li a.active,
nav li a.active:hover
{
	color:#514c4b;
}

@media (max-width: 768px) {
	
	nav ul
	{
		margin-top:15px;	
	}
	
	nav li
	{
		height:40px;
		padding-left:10px;
		padding-right:10px;	
	}
	
	
	
}

.wrapper{
	max-width:1148px;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
	position:relative;
}

.brand
{
	 -webkit-align-items: center;
	     -ms-flex-align: center;
	         -webkit-box-align: center;
	         align-items: center;
    background-color: rgba(255, 255, 255, 0.75);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    font-size:32px;
    font-size: 2rem;
    height: 100%;
   
    line-height: 0.8;
    padding: 20px;
	width:300px;
	
	
	
}


/* support backdrop-filter */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .brand {
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
			position:relative;
  }
}



svg {
    height:0;
	position:absolute;
}


.special
{
  font-size:16px;
  font-size: 1rem;
    letter-spacing: 7px;
    line-height: 2;
    padding-left: 3px;
    text-transform: uppercase;
}

.banner .wrapper
{
		height:400px;
}

@media (max-width: 768px) {
	
	.banner .wrapper
	{
			height:230px;
			position:relative;
	}
	
	.brand
	{
			padding:10px;
			height:auto;
			width:100%;
			font-size:1.8rem;
			position:absolute;
			bottom:0;
	}
}

.intro, .outro {
		padding-top:40px;
		padding-bottom:60px;
		text-align:center;
		max-width:850px;
		margin:0 auto;
		line-height:1.5;
}


.intro.contentpage
{
		padding-bottom:35px;
}

@media (min-width: 768px) {

.grid
{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:-webkit-box;
		display:flex;
		-webkit-flex-wrap:wrap;
		    -ms-flex-wrap:wrap;
		        flex-wrap:wrap;
		
		
		 -webkit-justify-content:flex-start;
		
		
		     -ms-flex-pack:start;
		
		
		         -webkit-box-pack:start;
		
		
		         justify-content:flex-start;
   		 -webkit-align-items:stretch;
   		     -ms-flex-align:stretch;
   		         -webkit-box-align:stretch;
   		         align-items:stretch;
}

.box{
		width:33.3333%;
	
		
}

}

.box
{
	padding:45px;
		line-height:1.5;
		font-size:15px;
		font-size:.95rem;
		color:rgba(0,0,0,0.6);
}
@media (max-width: 1000px) {
		
	.box{
		width:50%;
	
}
}

@media (max-width: 700px) {
		
	.box{
		width:100%;
	}
	
	.image1, .image2{
		display:none;
	}
}


.image1{
		background-image:url(../images/Imageofbusinesspeoplehandsworkingwithpapersatmeeting_e873d4eb-41eb-42d5-a045-16c86b93b2fa.jpg);
		background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.image2{
		background-image:url(../images/Humanresources_326c729d-f3f9-42b4-9588-5827ebd99408.jpg);
		background-repeat:no-repeat;
	background-size:cover;
	background-position:center right;
}

.topics{
		padding:30px;
}

.box:nth-child(2)
{
	background-color:#c3dcde;
}

.topics.seminare
{
	border:3px solid #c3dcde;
}

.box:nth-child(2) a
{
	color:#778788;
	border-color:#778788;
}

.box:nth-child(2) a:hover
{
	color:#fff;
	background-color:#778788;
}


.box:nth-child(3)
{
	background-color:#fde49f;
}


.topics.personal{
	border-left:3px solid #fde49f;
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
	
}

.topics.coaching
{
	border-left:3px solid #dde7d2;
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
}

.topics.medi
{
	border-left:3px solid #d6d7e0;
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
}

.box:nth-child(3) a
{
	color:#9b8c61;
	border-color:#9b8c61;
}


.box:nth-child(3) a:hover
{
	color:#fff;
	background-color:#9b8c61;
}

.box:nth-child(4)
{
	background-color:#dde7d2;
}

.box:nth-child(4) a
{
	border-color:#83897d;
	color:#83897d;
}

.box:nth-child(4) a:hover
{
	background-color:#83897d;
	color:#fff;
}


.box:nth-child(6)
{
	background-color:#d6d7e0;
}


.box:nth-child(6) a
{
	border-color:#7a7b80;
	color:#7a7b80;
}


.box:nth-child(6) a:hover
{
	background-color:#7a7b80;
	color:#fff;
}



.box h2
{
	margin:0;
	padding:0;
	line-height:1.3;
}

.box a
{
	display:inline-block;
	line-height:40px;
	color:inherit;
	text-decoration:none;
	border:1px solid #555;
	padding-left:15px;
	padding-right:15px;
	margin-top:20px;
	-webkit-transition:all ease-in-out 300ms;
	        transition:all ease-in-out 300ms;
}


article p,
article h2
{
		margin-top:0;
}

article h2
{
		line-height:1;
		margin-bottom:10px;
}

@media (min-width: 768px) {

.toggler
{
	display:none;
}

.grid6
{
	-webkit-box-flex:1;
	-webkit-flex:1 1 50%;
	    -ms-flex:1 1 50%;
	        flex:1 1 50%;
}


.grid6:first-child
{
	padding-right:25px;
}

.grid6:nth-child(2)
{
	padding-left:25px;
}

}

#togglerbtn
{
		display:none;
}

@media (max-width: 768px) {
	
	.toggler
	{
		font-size:34px;	
		text-align:right;
	}
	
	.toggler i
	{
		color:#908885;	
	}
	
	.grid6:nth-child(2)
{
	margin-top:40px;
}

	nav ul
	{
		display:none;	
	}
	
	#togglerbtn:checked ~ ul
	{
		display:block;
	}

}

.bubble{
		background-color:#514c4b;
		color:#fff;
		text-decoration:none;
		height:55px;
		width:55px;
		line-height:55px;
		border-radius:50%;
		display:inline-block;
		font-size:24px;
		font-size:1.5rem;
}

.bubble:hover
{
		background-color:#895678;
}

.box p,
article
{
		font-family:'Source Sans Pro', sans-serif;
}

article
{
		font-size:16px;
		font-size:1rem;
		line-height:1.5;
}

.badges
{
		margin-top:40px;
}


a
{
	color:#000;
}
footer
{
		background-color:#dddbda;
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
}

footer a
{
		display:inline-block;
		margin-left:10px;
		margin-right:10px;
		color:#908885;
		text-decoration:none;
		font-size:15px;
		font-size:0.95rem;
}

footer a:hover,
footer a.active{
		color:#605f5f;
}

a.block{
		color:#696361;
		display:inline-block;
		margin-top:10px;
}

a.block:hover
{
		color:#333;
}


article ul,
article li
{
		margin:0;
		padding:0;
		list-style-type:none;
}

article li
{
		position:relative;
		padding-left:20px;
		margin-bottom: 10px;
}

.topics li i:before
{
		text-align:left;
		width:auto;
		position:absolute;
		left:0;
		top:5px;
}

.follower
{
		margin-top:80px;
}


.wrapper.centered {
    max-width: 800px;
}

.wrapper.centered h2
{
	margin-top:30px;
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
}


.wrapper.centered li:before
{
	content:"•";
	position:absolute;
	left:0;	
}


.wrapper.centered li
{
margin-bottom:0;
}

table
{
	margin:0;
	padding:0;
	border-spacing:0;
}

table td
{
	vertical-align:top;
}

table td:first-child
{
	white-space:nowrap;
	padding-right:30px;
}



@media (max-width: 768px) {
	table td
	{
		display:block;
	}
	
	
table td:first-child
{
	padding-top:20px;
}

	footer .wrapper
	{
				display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			-ms-flex-direction:column;
			        flex-direction:column;
	}
	
	footer a
	{
			margin-top:10px;	
	}

}