@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

	h1, h2, h3, h4, h5, p, li {
		font-family: Open Sans;
	}

	.nc-page-wrapper .content p, 
	.nc-page-wrapper .content ul,
	.nc-page-wrapper .content li  {
		font-size: 100%;
		line-height: 1.5;
	/*	font-weight: 300; 
	*/}

	#page-content-wrapper .nc-page-wrapper .row.content-container {
		margin-top: 0;
		margin-bottom: 0;
		border-radius: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin: 0;
	}

	.nc-page-wrapper h2 {
	    font-size: 2rem;
	    margin-top: 2.5rem;
	    margin-bottom: 1rem;
	}

	.nc-page-wrapper h3 {
	    font-size: 1.5rem;
	    margin-top: 2.5rem;
	}

	.nc-page-wrapper .media {
    	padding: 5px 0 15px 0;
	}

/*	.nc-page-wrapper.nc-page-overview h2 {
		font-size: 1.3rem;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}*/

	.nc-core-value-wrapper {
		background-color: #f4f4f4;
		width: 100%;
	}

	.nc-core-value-wrapper p{
		font-weight: 300;
	}

	.nc-core-value-wrapper .row.d-flex > div {
		padding: 0;
		background: transparent;
	}

	.nc-core-value-wrapper .row.d-flex > div > div {
		padding: 0;
		background: transparent;
	}

	.nc-core-value-wrapper .row.d-flex > div > div > div {
		width: 100%;
		margin-left: 0;
		padding: 5px;
	}

	@media (min-width: 1600px) {

		.nc-page-wrapper .row.d-flex {
			display: flex;
		}

		.nc-page-wrapper .row.d-flex > div {
			display: flex;
		}

		.nc-page-wrapper .row.d-flex > div > div > div {
			padding: 0 5px;
			height: 100%;
		}
	}

	.fullwidth-image-wrapper {
		padding: 0;
	}

	.fullwidth-image-wrapper > div {
		margin-top: 0 !important;
	}

	.fullwidth-image-wrapper > div > div {
		width: 100%;
		margin-left: 0;
		padding: 0;
	}

	.fullwidth-image-wrapper > div > div .col-img-centered {
		padding: 0;
		margin: 0;
	}

	.nc-image-fullwidth {
		width: 100%;
	}

	@media (max-width: 959px) {
		.fullwidth-image-wrapper {
			padding: 5px 0;
		}

		.fullwidth-image-wrapper .row.content-container {
			background: transparent;
		}

		.fullwidth-image-wrapper .nc-image-fullwidth {
			display: none !important;
		}
	}

	.nc-panel {
		margin-bottom: 10px;
	}

	.nc-panel-dark {
		margin-top: 10px;
	}

	.nc-panel .btn {
		width: 100%;
	}

	.nc-panel .row.content-container {
		background: transparent;
	}

	.nc-panel .row.content-container > div {
		width: 100%;
	    margin-left: 0;
	    padding: 0;
	}

	.nc-panel .row.content-container .content,
	.nc-panel .row.content-container .media,
	.nc-panel .row.content-container .media-left,
	.nc-panel .row.content-container .media-right {
	    padding: 0;
	    margin: 0;
	}


	.nc-panel .media-body {
		padding: 0 30px;
	}

	@media (max-width: 767px) {
		.nc-page-wrapper .row.content-container .media-left {
			display: none;
		}

		.nc-panel a h2,
		.nc-panel a h3 {
			text-decoration: underline;
		}

		.nc-page-wrapper .nc-panel-dark .row.content-container .media-left {
			display: block;
		}

			.nc-page-wrapper h2,
			.nc-page-wrapper h3 {
	    margin-top: 20px;
	}



		.nc-panel .media-body.image-text {
			display: block;
			padding: 0 20px;
		}

		.nc-page-wrapper .content {
			padding: 0 15px;
		}
	}

	@media (min-width: 1600px) {
		.nc-panel-dark .media-left {
			/* width: 66.66666667%;*/
			width: 64%;		
		}
	}

/*	.nc-panel-dark { 
	    margin: 0 5px 0 5px;
	}*/

	.nc-panel-dark .media {
		background: #2D2D2D;
		color: #CCCCCC;
	}

	.nc-panel-light/* .media*/ {
		background: #fff;
	}

	.nc-panel-dark h2,
	.nc-panel-dark h3 {
		color: white;
	}

	.nc-core-value {
		background-color: #2D2D2D;
		color: #fff;
		padding: 20px;
		height: 100%;	
	}

	.nc-core-value h3 {
		font-size: 1.2rem;
		color: #fff;
		margin: 0;
	}

	.nc-core-value .content,
	.nc-core-value .content p {
		margin-bottom: 0;
	}

	.hr-divider {
		clear: both;
		margin: 0 auto;
		height: 1px;
		width: 100%;

	/*	background-image: radial-gradient(circle, #E8E8E8, #fff);*/	
	background: linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(232,232,232,1) 50%, rgba(255,255,255,1) 90%);

	}

	.nc-no-margin-bottom > div {
		margin-bottom: 0;
	}

/*	.nc-panel-dark {
		background: #2D2D2D;
		color: #CCCCCC;
		padding: 1.5rem;
		height: 100%;
	}

	.nc-panel-dark .content {
		margin-bottom: 0;
	}

	.nc-panel-dark .content p:last-child {
		margin-bottom: 0;
	}

	.nc-panel-dark h3 {
		color: #fff;
		margin-top: 0;
	}

	.nc-panel-dark .btn.big {
		width: 100%;
	}*/

	.nc-list ul {
		margin-left: 0;
	}

	.nc-list ul li {
		list-style: none;
	}

	.nc-list ul li:not(:last-child) {
		margin-bottom: 5px;

	}

	.nc-list ul li:before {
		content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	  	color: red; /* Change the color */
	  	font-weight: bold; /* If you want it to be bold */
	  	display: inline-block; /* Needed to add space between the bullet and the text */
	  	width: 1em; /* Also needed for space (tweak if needed) */
	  	margin-left: -1em; /* Also needed for space (tweak if needed) */
	}

	.nc-hide-mobile {
		display: none !important;
	}

	.nc-section-divider {
		width: 100%;
		height: 10px;
		background-color: #f4f4f4;
		display: block;
		clear: both;
	}

	@media (min-width: 960px) {
		.nc-hide-mobile {
			display: block !important;
		}
	}


	/*
	######## overview #########
	*/

	.col-wrapper {
		background: #f4f4f4;
	}

	@media (min-width: 1600px) {

	.col-wrapper .row.d-flex {
		display: flex;
	}

	.col-wrapper.right-col {
		border-left: 5px solid #f4f4f4;
		margin-left: -5px;
	}
	}

	.image-col .row.content-container {
		margin-top: 0 !important;
		margin-left: 0;
	}

	.text-col {
		background: #fff;
	}

	.image-col > div > div,
	.text-col > div > div {
		width: 100%;
		margin-left: 0;
		height: 100%;
		padding: 0;
	}

	.search-jobs-wrapper {
		margin-top: 15px;
	}

	.image-col > div > div .col-img-centered {
		margin: 0;
		padding: 0;
	}

	.find-job-col > .row.content-container {
		height: 100%;
		margin: 0;
		margin-top: 0 !important;
	}

	.find-job-col > div > div .col-img-centered {
		margin: 0;
		padding: 0;
	}

	.find-job-col > div > div {
		width: 100%;
		margin-left: 0;
		height: 100%;
		padding: 0;
	}