/*------------------------------------------------------*/
/*------Algemeen
/*------------------------------------------------------*/

body{
	font-size: 18px;
	line-height: 28px;
	color:#666;
	font-family: axia, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cd-top {
    position: fixed;
    right: 30px;
    display: none;
    background: rgba(0,0,0,0.70);
    z-index: 100;
    color: #fff;
    padding: 15px 25px;
    font-size: 30px;
    bottom: 30px;
    
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
	color:#a90c64;
	text-decoration: underline;
}

h1 {
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	font-family: rift-soft, sans-serif;
	font-weight: 600;
	font-style: normal;
	color:#000;
	letter-spacing: 1px;
}

p {
	margin-bottom: 20px;
}

.mt-15 {margin-top:15px;}
.mr-15 {margin-right: 15px;}
.mb-15 {margin-bottom: 15px;}
.ml-15 {margin-left: 15px;}

.mt-30 {margin-top:30px;}
.mr-30 {margin-right: 30px;}
.mb-30 {margin-bottom: 30px;}
.ml-30 {margin-left: 30px;}

.mt-45 {margin-top:45px;}
.mr-45 {margin-right: 45px;}
.mb-45 {margin-bottom: 45px;}
.ml-45 {margin-left: 45px;}

.pt-15 {padding-top:15px;}
.pr-15 {padding-right: 15px;}
.pb-15 {padding-bottom: 15px;}
.pl-15 {padding-left: 15px;}

.pt-30 {padding-top:30px;}
.pr-30 {padding-right: 30px;}
.pb-30 {padding-bottom: 30px;}
.pl-30 {padding-left: 30px;}

.pt-45 {padding-top:45px;}
.pr-45 {padding-right: 45px;}
.pb-45 {padding-bottom: 45px;}
.pl-45 {padding-left: 45px;}

.my-15 {margin:15px 0;}
.my-30 {margin:30px 0;}
.my-45 {margin:45px 0;}

.mx-15 {margin:0 15px;}
.mx-30 {margin:0 30px;}
.mx-45 {margin:0 45px;}

.py-15 {padding:15px 0;}
.py-30 {padding:30px 0;}
.py-45 {padding:45px 0;}

.px-15 {padding:0 15px;}
.px-30 {padding:0 30px;}
.px-45 {padding:0 45px;}

.nopad {padding:0 !important;}
.nopad-x {padding-left:0 !important;padding-right: 0 !important}
.nopad-r {padding-right: 0 !important}
.nopad-l {padding-left:0 !important;}
.nopad-y {padding-top:0 !important; padding-bottom:0 !important;}
.nopad-t {padding-top:0 !important;}
.nopad-b {padding-bottom:0 !important;}

.inline {
	display: inline-block;
	vertical-align: middle;
}

.h100 {
	height: 100%;
}

.flex-row {
	display: flex;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-center-v {
	display: flex;
	align-items: center;
}

.btn {
	border-radius: 0;
	text-transform: uppercase;
	font-size: 12px;
	padding:10px 24px;
	border-radius: 5px;
}

.btn-pink {
	background: #c11676;
    color: #fff;
}

.btn-pink:hover {
	color:#fff;
}

.btn-gray {
	border-color:#ebebeb;
	color:#ccc;
	font-weight: bold;
}

.btn-black {
	font-weight: bold;
	border-color:#424345;
	background:#424345;
	color:#fff;
	
}

.btn-dark {
	background:#212c30;
	color:#fff;
		font-family: rift-soft, sans-serif;
	font-weight: 600;
	font-size: 20px;
	font-style: normal;
}

.btn-dark:hover {
	color:#fff;
}

.btn-red {
	font-family: rift-soft, sans-serif;
	font-weight: 600;
	font-size: 20px;
	font-style: normal;
	letter-spacing: 2px;
	border-color:#07bfa7;
	background:#07bfa7;
	color:#fff;
	border-radius: 5px;
}

.btn-red:hover {
	color:#fff;
}

.fotobox{
	margin-top: 30px;
	box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
}

.form-box {
	margin-top: 30px;
	margin-bottom: 30px;
	box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
	padding: 20px;
}

.header-login{
	border-radius: 8px;
	margin-top: 20px;
}

.form-control {
	border-radius: 0;
}

/*------------------------------------------------------*/
/*------Header
/*------------------------------------------------------*/

main {
	padding-top:78px;
}

header.main {
	position: fixed;
	width:100%;
	z-index: 9999;

}

	.main .top-bar {
		background:#212c30;
		box-shadow: 0 0 8px rgba(0,0,0,0.11);
		padding: 14px 0 0;
	}

	.main .top-bar a {
		line-height: 42px;
		font-family: rift-soft, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		letter-spacing: 2px;
		color:#fff;
		display: inline-block;
	}

	.main .top-bar .user-btn {
		background:#06bfa7;
		padding:0 20px;
		text-transform: uppercase;
		position: relative;
		border-radius: 5px;
	}


	.main .top-bar .inline {
		margin-left: 15px;
	}

	.main .top-bar .inline-search {
		margin-left: 0;
	}

	.main ul {
		list-style: none;
		padding:0;
		text-align: right;
		margin:0;
	}

	.main ul li {
		display: inline-block;
		margin:0 15px;
	}

	.main ul li a {
		color:#fff;
		text-transform: uppercase;
	}


	@media (min-width: 768px) {
		.main ul li.HasSubMenu {
			position: relative;
		}

		.main ul li.HasSubMenu:hover ul {
			opacity: 1;
			visibility: visible;
		}

		.main ul li ul {
			position: absolute;
			opacity: 0;
			visibility: hidden;
		    background: #2e3c41;
		    width: 200px;
		    text-align: left;
		}

		.main .top-bar ul li ul li {
			display: block;
		}
		.main .top-bar ul li ul li a {
			font-size: 14px !important;
			text-transform: inherit;
			font-family: axia, sans-serif;
			letter-spacing: 0px;
		}
	}


header .menu {
	display: inline-block;
}

header.user {
	padding:10px 0;
}

	.user .menu {
		padding-top:90px;
		text-align: right;
	}

	.user .menu ul {
		list-style: none;
		margin:0;
		padding:0;
	}

	.user .menu ul li {
		display: inline-block;
	}

	.user .menu ul li a {
		text-transform: uppercase;
		display: inline-block;
		margin:0 15px;
		font-size: 14px;
	}


header.user .images img {
	margin:0 15px 0 0;
	max-width: 33.212c303%;
}

.toggle {
	position: relative;
    height:20px;
    line-height: 21px;
    width:30px;
    border-bottom:2px solid #fff;
    cursor: pointer;
    z-index: 100;
    font-size: 18px;
}

.toggle:before {
    content:'';
    position: absolute;
    left:0;
    top:0;
    width:100%;
    border-bottom:2px solid #fff;
    -webkit-transition:  all 0.5s ;
    -moz-transition:  all 0.5s ;
    -o-transition:  all 0.5s ;
    transition: all 0.5s ;
}

.toggle:after {
    content:'';
    position: absolute;
    left:0;
    top:50%;
    width:100%;
    border-bottom:2px solid #fff;
    -webkit-transition:  all 0.5s ;
    -moz-transition:  all 0.5s ;
    -o-transition:  all 0.5s ;
    transition: all 0.5s ;
}

header .toggle.active {
    border:none;
    color:#fff;
}

header .toggle.active:before {
    transform:rotate(45deg);
    top:50%;
    border-color: #fff;
}

header .toggle.active:after {
    transform:rotate(-45deg);
    border-color: #fff;
}

.logo{
	/*width: 190px;*/
	padding:12px 0;
}

header .search-bar {
	display: none;
}

header .search-bar .container {
	background: #fff;
    border: 2px solid #212c30;
    border-top: none;
    padding: 30px 15px;
    position: relative;
}

header .search-bar.active {
	display: block;
}

header .search-bar .input {

}

header .close-search {
	position: absolute;
	z-index: 99;
	right:30px;
	top:30px;
	background :#06bfa7;
	width:30px;
	height: 30px;
	color:#fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

header .search-bar .result-item {
	padding:15px 0;
	border-bottom: 1px solid #ececec;
	margin-bottom: 15px;
}

header .search-title {
	text-align: center;
	border-bottom: 2px solid #06bfa7;
	padding-bottom: 15px;
}

header a.search {
	cursor: pointer;
}

.results .article img {
	height: 180px;
	object-position: center;
	object-fit: cover;
}

.results .magazine-circle {
    background: #ec712d;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 15px;
    width: 40px;
    height: 40px;
    z-index: 99;
}

.results .magazine-circle a {
	color:#fff;
}

/*------------------------------------------------------*/
/*------Leden
/*------------------------------------------------------*/

section#members {
	padding:45px 0;
	background:#ebebeb;
}

	#members .block {
		padding:30px 60px;
		background: #424345;
		color:#fff;
	}

	#members .block.gray {
		background:#000;
	}

	#members .block h1 {
		color:#fff;
		text-transform: uppercase;
	}

	#members h4 {
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 2px;
		margin-bottom: 20px;
	}

	#members .member {
		background:#fff;
		padding:30px;
		box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
		min-height: 445px;
		margin-bottom: 120px;
	}

	#members .members-row {
		margin-top:120px;
		display: flex;
		flex-wrap: wrap;
	}

	#members .image {
	    width: 50%;
	    margin: 0 auto;
	    transform: translate(-50%, -50%);
	    padding: 15px;
	    background: #ececec;
	    border-radius: 5px;
	    position: absolute;
	    top: 0px;
	    left: 50%;
	}

	#members .image img {
		max-height: 160px;
		width:100%;
		object-fit: cover;
	}

	#members .text {
		margin-top:75px;
	}

	#members .link {
		display: inline-block;
		margin-top:15px;
	}

	#members .link:hover {
		color:#c11676;
		border-color:#c11676;
	}

	#members .search .form-control {
	    background: #424345;
	    border-radius: 0;
	    border: 2px solid #fff;
	    color: #fff;
	    line-height: 25px;
	    height: auto;
	}

	#members .search .inline {
		margin-right: 15px;
	}

section#user {
	background:#efefef;
	padding:45px 0;
}

	#user .block {
	    background: #fff;
	    padding: 30px;
	    box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
	}
	

section#sub_intro {
	background-image: url(../img/userfiles/large/header.jpg);
	padding:45px 0;
	color: #fff;
}

section#sub_intro h2{
	color: #fff;
}

/*------------------------------------------------------*/
/*------Etalage
/*------------------------------------------------------*/


section#etalage-overview {
	background:#ecf0f1;
	padding:45px 0;
}

	#etalage-overview .flex-row {
		display: flex;
		flex-wrap: wrap;
	}

	#etalage-overview .item {
		background:#fff;
		box-shadow: 0 0 8px rgba(0,0,0,0.11);
		padding:15px;
	}

	#etalage-overview h3 {
		color:#c11676;
	}

	#etalage-overview .info p {
		margin-bottom: 10px;
	}

	#etalage-overview .info strong {
		color:#c11676;
	}

section#etalage-item {
	padding:45px 0 ;
}

	#etalage-item h1 {
		color:#c11676;
	}

	#etalage-item .info p {
		margin-bottom: 10px;
	}

	#etalage-item .info strong {
		color:#c11676;
	}

section#etalage-sub {
	padding:45px 0;
}

	.form-group-file {
		display: none;
	}

	#etalage-sub .input-required::after {
        content: " *";
        color: red;
    }

    #etalage-sub form h3 {
        border-bottom: 1px solid black;
        padding-bottom: 5px;
    }

    #etalage-sub form .description {
        font-size: small;
        color: gray;
    }

    #etalage-sub .ad-select label {
	    background: #06bfa7;
	    display: flex;
	    flex-wrap: wrap;
	    color: #fff;
	    margin-bottom: 20px;
	    align-items: center;
	    justify-content: space-between;
	    padding:15px;
	    position: relative;
	    cursor: pointer;
    }

     #etalage-sub .ad-select label.active {
		background: #c11676;
     }

    #etalage-sub .ad-select {
    	position: relative;
    }

	#etalage-sub .ad-select input {
		position: absolute;
		width:100%;
		height: 100%;
		opacity: 0;
		visibility: hidden;
	}

    #etalage-sub .ad-select .month {
     	font-size: 24px;
	    flex: 1 auto;
	    margin-bottom: 15px;
    }

	#etalage-sub .ad-select .desc {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;		
	}

	#etalage-sub .ad-select .price {
		font-size: 32px;
		font-weight: bold;	 
		float:right;   
	}

	#etalage-sub h4 {
		color: #fff;
	}

	#etalage-sub .flex-wrap {
		width:100%;
	}



/*------------------------------------------------------*/
/*------News
/*------------------------------------------------------*/

section#news {
	background:#ecf0f1;
	padding:45px 0;
}

	#news h1 {
		text-transform: uppercase;
		color:#c11676;
	}

	#news .flex-row {
		display: flex;
		flex-wrap: wrap;
	}

	#news .image {
		background-size: cover;
		background-position: center;
		height: 260px;
	}

	#news.home .image {
		height: 140px;
	}

	#news .left .image {
		height: 450px;
	}

	#news .right .image {
		height: 355px;
	}

	#news .news-block {
		box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
	}

	#news .right .news-block {
		margin-bottom: 30px;
	}

	#news .text {
		background:#fff;
		padding:15px 30px 30px;
		border-radius: 5px;
	}

.news-overview .news-block {
	margin-bottom: 30px;
}

section#newsitem {
	padding:45px 0;
	background:#ebebeb;
}

	#newsitem .block {
		background:#fff;
		box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
		padding:30px;
	}

/*------------------------------------------------------*/
/*------Profile
/*------------------------------------------------------*/

section#Profile {
	background:#fbfbfb;
	padding:45px 0;
}

	#Profile .block {
		background: #fff;
	    padding: 30px;
	    box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
	}

	#Profile .upload-image {
		max-width: 100%;
	}

	#Profile .placeholder {
		position: relative;
	}

	#Profile .delete {
		position: absolute;
		right:0;
		top:0;
	}

	#Profile .delete a {
		background:red;
		width:30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		color:#fff;
	}

/*------------------------------------------------------*/
/*------Events
/*------------------------------------------------------*/

section#events {
	padding:30px 0;
}

	#events .event {
		border-radius: 5px;
	}

	#events .event h3 {
		color:#fff;
		padding:0 15px;
		margin:15px 0 15px;
		font-size: 20px;
	}

	#events .event .date-location {
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 15px;
	}

	#events .event .content {
		background:#fff;
		padding:15px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.event .numbers {
		display: flex;
		justify-content: center;
	}

	.event .balloon {
		padding:5px;
		border-radius: 3px;
		color:#fff;
		position: relative;
		margin-bottom: 10px;
	    font-size: 13px;
	}

	.event .balloon:after {
		content:'';
		position: absolute;
		left:50%;
		transform: translate(-50%,0);
		bottom:-7px;
		border-left: 7px solid transparent;
	    border-right: 7px solid transparent;
	}

.sub-bar {
	height:25px;
	background:#f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

	.sub-bar .background {
		height: 100%;
		-webkit-transition:  all 0.5s ease-in-out;
		-moz-transition:  all 0.5s ease-in-out;
		-o-transition:  all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

section#event-title {
	padding:30px 0;
}

	#event-title h1 {
		color:#fff;
		margin:0;
	}


section#event {
	padding:45px 0;
}

	#event .meta-data {
		font-weight: bold;
		font-size: 16px;
		margin:15px 0 5px;
	}

	#event .meta-data > div {
		margin:0 0 10px;
	}

	#event .meta-data i {
		min-width: 30px;
		font-size:24px;
		margin-right: 15px;
	}

/*------------------------------------------------------*/
/*------Magazine
/*------------------------------------------------------*/

section#magazine {
	padding:70px 0 0;
	background:#ecf0f1;
}

section#article-slider,
section#etalage-item {
	background:#ecf0f1;
}

	#magazine .container,
	#article-slider .container,
	#etalage-item .container {
		background:#fff;
		padding:30px;
		box-shadow: 0 0 8px rgba(0,0,0,0.11);
	}

	#article-slider a {
		text-decoration: none;
	}

	#magazine .text {
		padding: 30px;
	    height: 100%;
	    border-radius: 5px;
	}



	#magazine .text.orange {
	    color: #fff;
		background:#ec712d;
	}

	#magazine .text.orange h1, 
	#magazine .text.green h1,
	#magazine .text.black h1,
	#magazine .text.orange a, 
	#magazine .text.green a,
	#magazine .text.black a {
		color:#fff;
	}

	#magazine .text.orange a, 
	#magazine .text.green a,
	#magazine .text.black a {
		text-decoration: underline;
	}

	#magazine .text.green {
	    color: #fff;
		background:#06bfa7;
	}

	#magazine .text.black {
	    color: #fff;
		background:#212c30;
	}

	#magazine .down,
	#home-intro .down {
		border-radius: 50%;
		width:45px;
		height: 45px;
		background:#06bfa7;
		color:#fff;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		cursor: pointer;
	}

	#magazine a.down,
	#home-intro a.down {
		text-decoration: none !important;
		transform: rotate(180deg);
		-webkit-transition:  transform 0.5s ease-in-out;
		-moz-transition:  transform 0.5s ease-in-out;
		-o-transition:  transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out;
	}

	#magazine a.down.collapsed,
	#home-intro a.down.collapsed {
		transform: rotate(0deg);
	}

	#home-intro a {
		color:#fff;
	}

	.pulse {
	  animation: pulse-animation 2s infinite;
	}

	#article-slider .flex-row {
		display: flex;
		flex-wrap: wrap;
	}

	#article-slider .magazine-circle {
		background:#ec712d;
		color:#fff;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top:0;
		left:15px;
		width:60px;
		height: 60px;
		z-index: 99;
	}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}

section#magazine-articles {
	padding:45px 0;
	background:linear-gradient(to bottom, rgba(206,206,206,0.4) 0%,rgba(255,255,255,0) 100%)
}

	#magazine-articles .article {
		background:#fff;
		box-shadow: 0 0 8px rgba(0,0,0,0.11);
		margin:15px 0;
		cursor: pointer;
	}

	#magazine-articles .article .image {
		overflow: hidden;
	}

	#magazine-articles .article .image img {
		transform: scale(1);
		-webkit-transition:  all 0.5s ease-in-out;
		-moz-transition:  all 0.5s ease-in-out;
		-o-transition:  all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	#magazine-articles .article:hover .image img {
		transform: scale(1.05);
	}

	#magazine-articles .article .text {
		padding:15px;
	}

	#magazine-articles .article .actions  {
		background:#212c30;
		display: flex;
		justify-content: space-between;
		color:#fff;
		
		font-size: 12px;
	}

	#magazine-articles .article .actions .info {
		padding:10px 15px;
	}

	#magazine-articles .article .actions .info span {
		margin-right: 15px;
	}

	#magazine-articles .article .actions .info span .fa {
		font-size: 18px;
	}

	#magazine-articles .article .actions .more {
		background: #c11676;
	    padding: 0 20px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    font-size: 25px;
	    position: relative;
	}

	#magazine-articles .article .actions .more:before {
		content: '';
	    position: absolute;
	    left: -20px;
	    border-left: 10px solid #0000;
	    border-right: 10px solid #c11676;
		border-top: 24px solid #0000;
	    border-bottom: 24px solid #c11676;
	}

section#magazine-slider {
	padding-bottom: 45px;
	padding-top: 15px;
	background: #212c30;
	overflow: hidden;
}

	#magazine-slider h2 {
		color:#fff;
		margin-bottom: 30px;
	}
	
	#magazine-slider .image {
		padding:0 15px;
	}

	#magazine-slider .slick-prev {
		left:0;
	}

	#magazine-slider .slick-next {
		right:0;
	}

	#magazine-slider .slick-arrow {
		font-size: 45px;
	    color: #fff;
	    z-index: 999;
	    background: #06bfa7;
	    width: 40px;
	    height: 60px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	#magazine-slider .slick-arrow:before {
		display: none;
	}
	
	
	#magazine-slider h3 {
		color: #fff;
	}

section#magazine-overview {
	padding:45px 0;
}

	#magazine-overview .image {
		margin:15px 0;
	}

	#magazine-overview .image img {
		box-shadow: 0 0 8px rgba(0,0,0,.11);
	}


section#article-slider {
	overflow: hidden;
	padding-bottom: 45px;
}

	#article-slider .wrapper {
		margin:0 -2px;
	}

	#article-slider .slide {
		padding:0 2px;
		width: 33.3333vw;
	}

	#article-slider .article {
		cursor: pointer;
	}

	#article-slider .image {
		height: 250px;
		background-size: cover;
		background-position: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		
		padding:30px;
	}


	#article-slider .image:before {
		content: '';
		position: absolute;
		width:100%;
		height: 100%;
		background:rgba(0,0,0,0.40);
		-webkit-transition:  all 0.5s ease-in-out;
		-moz-transition:  all 0.5s ease-in-out;
		-o-transition:  all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	#article-slider .ad-article {
		height: 100%;
	}

	#article-slider .ad-article .image {
		box-shadow: 0 0 8px rgba(0,0,0,0.11);
		height: 100%;
	}

	#article-slider .ad-article .image:before {
		display: none;
	}

	#article-slider .article:hover .image:before {
		background:rgba(0,0,0,0.0);
	}

	#article-slider .text {
		color:#fff;
		position: relative;
		z-index: 10;
	}

	#article-slider .text h3 {
		color:#fff;
	}

	#article-slider .actions {
		background:#212c30;
		text-align: center;
		padding:15px;
	}

	#article-slider .btn {
		/*border:1px solid #fff;*/
		background:#06bfa7;
		color:#fff;
	}

	#article-slider .slick-arrow {
		color:#fff;
		font-size: 30px;
		z-index: 99;
	}

	#article-slider .slick-arrow:before {
		display: none;
	}

	#article-slider .slick-prev {
		left:10px;
	}

	#article-slider .slick-next {
		right:0;
	}

	#article-slider .slick-dots {
	    margin-top: 10px;
	    position: relative;
	    bottom: 0;
	}

	#article-slider .slick-dots li {
		width:15px;height: 15px;
	}

	#article-slider .slick-dots button {
		border:2px solid #ececec;
		border-radius: 50%;
		width:15px;
		height: 15px;

	}

	#article-slider .slick-dots .slick-active button {
		background:#06bfa7;
		border-color: #06bfa7;
	}

	#article-slider .slick-dots button:before {
		display: none;
	}

	#article-slider .article.faber {
		height: 100%;
	}

	#article-slider .article.faber .image {
		height: 100%;
	}

/*------------------------------------------------------*/
/*------Artikel
/*------------------------------------------------------*/

section#article {
}

	#article .flex-row {
		display: flex;
		flex-wrap: wrap;
	}

	#article .col-left {
		position: fixed;
		background:#1a2326;
		height: 100%;
		padding:0;
		
	}

	#article .col-left .nano {
		max-height: calc(100vh - 73px);
		overflow-y: scroll;
		z-index: 999;
		padding:0 15px;
	}

	#article .col-right {
		background:#ecf0f1;
		min-height: calc(100vh - 73px);
		padding: 45px;
	}

	#article .sidebar {
		padding:30px 0;
		color:#fff;
	}

	#article .sidebar h4,
	#article .sidebar h5 {
		color:#fff;
		font-size: 20px;
	}

	#article .articles {
		margin-top:30px;
	}
	#article .o-article {
		cursor: pointer;
		padding:15px 0 5px;
		border-bottom: 1px solid #222b2e;
		
	}

	#article .o-article .row {
		margin:0 -5px;
	}

	#article .o-article .col {
		padding:0 5px;
	}

	#article .o-article p {
		font-size: 12px;
		line-height: 1;
		margin-bottom: 10px;
	}

	#article .o-article a {
		color:#06bfa7;
	}

	#article .sidebar h4 {
		text-transform: uppercase;
	    font-size: 20px;
	    padding-bottom: 5px;
	    color: #c11676;
	    margin-bottom: 15px;
	}

	#article .o-article h5 {
		margin-top:0;
	}

	#article .box {
		padding:45px;
		background:#fff;
		box-shadow: 0 0 8px rgba(0,0,0,0.11);
	}

	#article .extra h4 {
		color:#c11676;
		text-transform: uppercase;
	}

	#article .extra .tag {
		background:#06bfa7;
		color:#fff;
		padding:6px 12px;
		margin-right: 10px;
	}

	#article .warning {
		background:#fafafa;
		padding:15px;
		border:1px solid #ececec;
	}

	#article .items .image {
		margin-top:30px;
	}


.comments .comment {
	border-bottom: 1px solid #ececec;
	margin:0 0 30px;
	padding-bottom: 5px;
}

.comments .comment .user {
	font-style: italic;
	font-size: 12px;
}


/*------------------------------------------------------*/
/*------onScreen
/*------------------------------------------------------*/

section:not(.no-animation) .container,
section:not(.no-animation) .container-fluid {
	opacity: 0;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0);
	-webkit-transition:  all 1.0s ease-out;
	-moz-transition:  all 1.0s ease-out;
	-o-transition:  all 1.0s ease-out;
	transition: all 1.0s ease-out;
}

section.onScreen .container,
section.onScreen .container-fluid {
	opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

section#normalcontent{
	padding-top: 20px;
	padding-bottom: 20px;
	background: linear-gradient(to bottom, rgba(206,206,206,0.2) 0%,rgba(255,255,255,0) 100%);
}

section#text-img{
	background: linear-gradient(to top, rgba(206,206,206,0.2) 0%,rgba(255,255,255,0) 100%);
	padding-top: 40px;
	padding-bottom: 40px;
	
}

section#text-img img{
	box-shadow: 0 0 8px rgb(0 0 0 / 31%);
}

.socials a{
	background: #c11676;
	color: #fff;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
}

/*------------------------------------------------------*/
/*------modal
/*-----------------------------------------------------*/

.modal img {
	max-width: 100%;
}

.modal {
	z-index: 99999;
	top:85px;
}

/*------------------------------------------------------*/
/*------Sections
/*------------------------------------------------------*/

section#header-background {
	background-size: cover;
	background-position: center;
	height: 240px;
	color:#fff;
}

	#header-background h1 {
		color:#fff;
		text-transform: uppercase;
	}

	#header-background a {
		color:#fff;
		text-decoration: underline;
	}

	#header-background .flex-center-v {
		justify-content: center;
	}

section#home-intro {
	padding:70px 0;
}

	#home-intro .box-shadow {
		box-shadow: ;
	}

	#home-intro h1,
	#home-intro h2 {
		margin-top:0;
		color: #fff;
	}

	#home-intro h2 {
		color:#fff;
	}

	#home-intro .text {
		padding:30px;
		height: 100%;
		background:#ec712d;
		color: #fff;
		border-radius: 5px;
	}

	#home-intro .box {
		background:#c11676;
		color:#fff;
		padding:30px;
		margin-top: 30px;
	}

section#forwho {
	color:#fff;
	padding:45px 0;
}

	#forwho .container {
	    background-image: url(../img/logo.png);
	    background-position: bottom right;
	    background-repeat: no-repeat;
	    background-size: 25% auto;
	}

/*------------------------------------------------------*/
/*------Events
/*------------------------------------------------------*/

section#events {
	background:#ebebeb;
	padding:45px 0;
}

	#events h3 {
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		font-size: 18px;
		color: #c11676;
	}
	
	#events .block {
		background:#fff;
		box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
		border-radius: 5px;
	}

	#events .image {
		background-size: cover;
		background-position: center;
		height: 260px;
	}

	#events .info {
		padding:15px 30px 0;
	}

	#events .actions {
		padding:0 30px 15px;
	}

	#events .block:hover {
		background:#c11676;
		color:#fff;
	}

	#events .block:hover h3 {
		color:#fff;
	}

	#events .block:hover .btn {
		box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
		color:#c11676;
		background:#fff;
		border-color:#fff;
	}

section#event {
	background:#ebebeb;
	padding:45px 0;
}

	#event .block {
		padding:30px;
		background:#fff;
		box-shadow: 0 0 30px -8px rgba(0,0,0,0.11);
	}

	.radio-label {
		font-weight: normal;
		margin-right: 15px;
		cursor: pointer;
	}

	.radio-label input {
		margin-right: 5px;
	}

/*------------------------------------------------------*/
/*------User
/*------------------------------------------------------*/

#user-view #intro {
	color:#fff;
	border-bottom: 8px solid;
	padding:45px 0;
}

	#user-view #intro .container {
		background-image: url(../img/logo.png);
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 25% auto;
	}

	#user-view footer {
		color:#fff;
		border-top:8px solid;
	}

	#user-view footer .logo {
		margin-top:30px;
	}
	
.result-item{
	margin-bottom: 30px;
	background: #efefef;
	padding: 20px;
	
}

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

section.subfooter {
	position: relative;
	z-index: 99;
}


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


footer.main {
	padding:40px 0;
	background: #212c30;
	color: #fff;
	position: relative;
	z-index: 99;
}

footer.main h3 {
	color: #fff;
	font-size: 17px;
}

footer.main,
footer.main a {
	color:#aaaaaa;
}

footer.main a {
	text-decoration: underline;
}

footer .btn {
	margin:30px;
}

.partners{
	padding: 5px;
	margin-top: 40px;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 5px;
}

/*------------------------------------------------------*/
/*------Responsive
/*------------------------------------------------------*/

.toggle-inline {
	display: none;
}

.inline-xs {
	display: none;
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
	
}

@media only screen and (max-width : 1440px)
{


}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px)
{

	.main ul li ul {
		opacity: 1;
		visibility: visible;
		background:none;
		position: relative;
	}

	.res-flex-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	main {
		padding-top: 142px;
	}

	.col-menu {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 15px;
	}

	.main .col-menu .ml-0 {
		margin-left: 0;
	}

	.logo {
		max-width: 240px;
		padding-bottom: 5px;
		display: inline-block;
	}

	.main .top-bar .user-btn {
		text-decoration: none;
	}

	.main .top-bar .user-btn.register-btn {
		margin: 0;
	}

	.inline-xs {
		display: inline-block;
	}

	.toggle-inline {
		display: inline-block;
	}

	.toggle {
		z-index: 10000;
	}

	.main .menu {
		top:0;
		left:0;
		position: fixed;
		width:100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background:#000;
		z-index: 9999;
		display: none;
		-webkit-transition:  all 0.5s ease-in-out;
		-moz-transition:  all 0.5s ease-in-out;
		-o-transition:  all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.main .menu.active {
		display: flex;
	}

	.main .menu ul li {
		display: block;
		margin:15px 0;
	}

	.main .menu ul li a {
		color:#fff;
		font-weight: bold;
		text-transform: uppercase;
	}
.xs-ml-0 {
		margin-left: 0 !important;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px)
{

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px)
{


	

	section#header-background {
		height: 450px;
	}

	#events .block {
		margin:15px 0;
	}

	#members .flex-row,
	#members .members-row {
		display: block;
	}

	#members .nopad-r,
	#news .nopad-r {
		padding-right: 15px !important;
	}

	#members .nopad-l,
	#news .nopad-l {
		padding-left: 15px !important;
	}

	#news .flex-row {
		display: block;
	}

	#news .right .image {
		height: 300px;
	}


	section#home-intro .flex-row,
	section#article-slider .flex-row {
		display: block;
	}

	#article .col-left {
		position: fixed;
	    z-index: 99;
	    width:320px;
	    max-width: 75%;
	    height: auto;
	    transform: translate(-100%,0);
	    -webkit-transition:  all 0.5s ease-in-out;
	    -moz-transition:  all 0.5s ease-in-out;
	    -o-transition:  all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	}

	.nano-toggle {
		display: flex;
		position: fixed;
		z-index: 99;
		background:#06bfa7;
		color:#fff;
		justify-content: center;
		align-items: center;
		width:30px;
		height: 30px;
		margin-left: 0%;
		margin-top:15px;
		-webkit-transition:  all 0.5s ease-in-out;
		-moz-transition:  all 0.5s ease-in-out;
		-o-transition:  all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.nano-toggle i {
		transform: rotate(0deg);
		-webkit-transition:  all 0.5s ease-in-out;
		-moz-transition:  all 0.5s ease-in-out;
		-o-transition:  all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.nano-toggle.active {
		margin-left: 75%;
		
	}

	.nano-toggle.active i {
		transform: rotate(180deg);
	}

	#article .col-left.active {
		transform: translate(0,0);
	}

	#article .col-right {
		padding:45px 15px;
	}

	#article .box {
		padding:45px 30px;
	}

	#article .intro .btn {
		margin-bottom: 5px;
	}

	#article .items img {
		margin-bottom: 30px;
	}

	#article .extra .tag {
	    margin-bottom: 10px;
	    display: inline-block;
	}

	#article .flex-row {
		display: block;
	}

	

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px)
{
	
	.main .top-bar .inline-search {
		margin-left: 0;
	}

}

@media only screen and (max-width : 375px)
{
	
	.logo {
		max-width: 200px;
	}

	main {
		padding-top: 134px;
	}

}

@media only screen and (max-width : 330px)
{
	.main .top-bar .user-btn {
		font-size: 16px;
	}
}


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px)
{

	#article .col-right {
		padding:0;
	}

}