body
{
	font-family: 'Lusitana', serif !important;
	font-weight: 400;
	background: #efebe9;
	font-size: 16px;
	color: #4e4a44;
}

.kc-gradient {
	
}

.bg-primary {
	background: rgb(115,46,105);
background: -moz-linear-gradient(top,  rgba(115,46,105,1) 0%, rgba(40,13,36,1) 100%);
background: -webkit-linear-gradient(top,  rgba(115,46,105,1) 0%,rgba(40,13,36,1) 100%);
background: linear-gradient(to bottom,  rgba(115,46,105,1) 0%,rgba(40,13,36,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#732e69', endColorstr='#280d24',GradientType=0 );

}
.bg-secondary {
	background: rgb(84,165,214);
	background: -moz-linear-gradient(-45deg,  rgba(84,165,214,1) 0%, rgba(63,142,200,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(84,165,214,1) 0%,rgba(63,142,200,1) 100%);
	background: linear-gradient(135deg,  rgba(84,165,214,1) 0%,rgba(63,142,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a5d6', endColorstr='#3f8ec8',GradientType=1 );
}
.bg-color3 {
	background: #afcbe4;
}
.bg-light {
	background: #efebe9 !important;
}
.bg-dark {
	background: #0f0b19 !important;
}


.text-primary,
.c-primary {
	color: #732568 !important;
}
.text-secondary,
.c-secondary {
	color: #54a5d6 !important;
}
.text-color3,
.c-color3	 {
	color: #afcbe4 !important;
}
.text-success,
.c-success {
	color: #3adb76 !important;
}
.text-warning,
.c-warning {
	color: #fda61d !important;
}
.text-alert,
.c-alert {
	color: #ef3042 !important;
}
.text-light-gray,
.c-light-gray {
	color: #bcbcba !important;
}
.text-medium-gray,
.c-medium-gray {
	color: #818180 !important;
}
.text-dark-gray,
.c-dark-gray {
	color: #474746 !important;
}
.text-dark,
.c-dark {
	color: #0f0b19 !important;
}


.button {
	font-family: 'Lusitana', serif;
	font-size: 26px;
	border-radius: 100px;
}
.button.primary {
	border: 1px solid #6d276b !important;
	background: rgb(150,53,136);
	background: -moz-linear-gradient(-45deg,  rgba(150,53,136,1) 0%, rgba(109,39,107,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(150,53,136,1) 0%,rgba(109,39,107,1) 100%);
	background: linear-gradient(135deg,  rgba(150,53,136,1) 0%,rgba(109,39,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#963588', endColorstr='#6d276b',GradientType=1 );
}
.button.primary:before {
	background: rgb(150,53,136);
}

.button.secondary {
	border: 1px solid #3f8ec8 !important;
	background: rgb(84,165,214);
	background: -moz-linear-gradient(-45deg,  rgba(84,165,214,1) 0%, rgba(63,142,200,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(84,165,214,1) 0%,rgba(63,142,200,1) 100%);
	background: linear-gradient(135deg,  rgba(84,165,214,1) 0%,rgba(63,142,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a5d6', endColorstr='#3f8ec8',GradientType=1 );
}
.button.secondary:before {
	background: rgb(84,165,214);
}

	@media (max-width: 640px) {
		.button {
			font-size: 20px;
			border-radius: 100px;
		}
	}
	

#bigHalfCircle path {
	fill: #efebe9;
	stroke: #efebe9;
}


.bg-heartbreakers {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lusitana', serif;
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	line-height: 1.1;
	color: #0f0b19;
 }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-size: 80%;
	line-height: 0;
	font-family: 'Lusitana', serif;
	font-weight: normal;
}


.logo {
	display: block;
	position: absolute;
	top: 2.5rem;
	left: 0rem;
	width: 40%;
}
	@media (max-width: 1024px) {
		.logo {
			width: 380px;
			height: 120px;
		}
	}
	@media (max-width: 970px) {
		.logo {
			width: 52%;
			height: 120px;
		}
	}
	@media (max-width: 640px) {
		.logo {
			top: 1.5rem;
			width: 100%;
			height: 100px;
		}
	}
	@media (max-width: 400px) {
		.logo {
			height: 80px;
		}

	}

.head-slider .infoBlock .heading {
	position: relative;
	display: block;
	z-index: 8;
	width: 40%;
	height: 100%;
	margin: 0;
	text-align: center;
	padding: 12rem 1rem 0;
	background: -moz-linear-gradient(top,  rgba(76,30,73,0.7) 0%, rgba(15,11,25,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(76,30,73,0.7) 0%,rgba(15,11,25,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(76,30,73,0.7) 0%,rgba(15,11,25,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34c1e49', endColorstr='#e60f0b19',GradientType=0 );


}

.heading-border {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 4px;
	z-index: 99;
	background: rgb(84,165,214);

}
.head-slider .infoBlock .heading .heading-title {
	font-family: 'Open Sans Condensed';
	font-size: 3rem;
	line-height: 1;
	display: block;
	text-transform: uppercase;
	padding: 0px 0px;
	z-index: 3;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.33);
}
.head-slider .infoBlock .heading .heading-title span {
	display: block;
}
.head-slider .infoBlock .heading .heading-title .first {
	font-size: 4rem;
	line-height: 0.8;
	font-weight: 700;
}
.head-slider .infoBlock .heading .heading-title .second {
	font-size: 4.2rem;
	line-height: 1;
	font-weight: 700;
}
.head-slider .infoBlock .heading .heading-title .third {
	font-size: 3.4rem;
	line-height: 1;
}
.head-slider .infoBlock .heading p {
	font-family: 'Lusitana';
	padding-top: .5rem;
	font-weight: 400;
	line-height:1.2;
	font-size: 1.3rem;
	display: block;
	letter-spacing: 1px !important;
	color: rgba(255, 255, 255,1);
}

	@media (max-width: 1024px) {
		.head-slider .infoBlock .heading {
			padding: 11rem 1rem 0;
		}
		.head-slider .infoBlock .heading .heading-title .first {
			font-size: 3.8rem;
		}
		.head-slider .infoBlock .heading .heading-title .second {
			font-size: 4.8rem;
		}
		.head-slider .infoBlock .heading .heading-title .third {
			font-size: 3.2rem;
		}
	}

	@media (max-width: 970px) {
		.head-slider .infoBlock .heading {
			padding: 11rem 1rem 0;
			width: 50%;
		}
		.head-slider .infoBlock .heading .heading-intro {
			display: block;
			font-size:  15px;
		}
		.head-slider .infoBlock .heading .heading-title {
			font-size: 2.9rem;
		}
		.head-slider .infoBlock .heading p {

		}
	}
	@media (max-width: 640px) {
		.head-slider .infoBlock {
			
		}
		.head-slider .infoBlock .heading {
			width: 90%;
			margin-left: 5%;
			padding: 9rem 1rem 0;
		}
		
		.head-slider .infoBlock .heading .heading-title .first {
			font-size: 3.4rem;
		}
		.head-slider .infoBlock .heading .heading-title .second {
			font-size: 4.4rem;
		}
		.head-slider .infoBlock .heading .heading-title .third {
			font-size: 2.8rem;
		}
		.head-slider .infoBlock .heading .heading-button {
			width: 90%;
			font-size: 26px;
		}

	}
	@media (max-width: 400px) {
		.head-slider .infoBlock .heading {
			width: 90%;
			margin-left: 5%;
			padding: 7.5rem 1rem 0;
		}
		.head-slider .infoBlock .heading .heading-title .first {
			font-size: 3rem;
		}
		.head-slider .infoBlock .heading .heading-title .second {
			font-size: 4rem;
		}
		.head-slider .infoBlock .heading .heading-title .third {
			font-size: 2.4rem;
		}
		.head-slider .infoBlock .heading p {
			font-size: 1rem;
		}
		.head-slider .infoBlock .heading .heading-button {
			width: 96%;
			font-size: 22px;
		}
		

	}
	@media (max-width: 320px) {
		.head-slider .infoBlock .heading {
			width: 100%;
			margin-left:0%;
			padding: 7.5rem 0.5rem 0;
		}

	}



.section-intro {
	font-family: 'Lusitana', sans-serif;
	font-weight: normal;
	display: block;
	margin-bottom: 0px;
	font-size: 1.8rem;
	color: #732568;
	letter-spacing: 0px;
	text-transform: none;
}

.section-wrapper .accordion .accordion-title {
	font-family: 'Lusitana', sans-serif;
	
	border-radius: 5px;
	border:0;
	color: #0f0b19;
	padding: 1.2rem 1.5rem;
	font-weight: normal !important;
	font-size: 1.425rem;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.11);
}
.section-wrapper .is-active .accordion-title {
	border-radius: 5px 5px 0 0;
	color: #54a5d6;
}

.section-wrapper .accordion-title:before {
	right: 2rem;
	font-weight: 700;
	font-size: 2rem;
	margin-top: -1rem;
	color: #71b8df;
	font-family: 'Lusitana', sans-serif;
	content: "+"
}
.section-wrapper .is-active .accordion-title:before {
	font-family: 'Lusitana', sans-serif;
	content: "-"
}

	@media (max-width: 640px) {
		.section-wrapper .accordion .accordion-title {
			padding: 0.7rem;
			padding-right: 2.5rem;
			font-size: 1.2rem;
			line-height: 1.1;

		}
		.accordion .accordion-content {
			padding: 1rem 0.7rem;

		}
		.accordion .accordion-content p {
			font-size: 0.96rem;
		}
	}
	@media (max-width: 640px) {
		.section-wrapper .accordion .accordion-title {
			font-size: 1.2rem;
			padding-right: 2.5rem;
		}
		.section-wrapper .accordion-title:before {
			right: 0.5rem;
			margin-top: -1.2rem !important;
		}
	}


.codebox {
	border-radius: 5px;
}
.codebox-input {
	border-radius: 0;
}

.chio-action-package {
	position: absolute;
	top: -360px;
	right: -100px;
	width: 500px;
	height: 400px;
	background:  url('../images/chio-actieverpakking-4x-kc.png') no-repeat center;
	background-size: contain;
	z-index: 997 !important;
}
	@media (max-width: 1024px) {
		.chio-action-package {
			top: -300px;
			right: -100px;
			width: 440px;
			height: 360px;
		}
	}
	@media (max-width: 640px) {
		.chio-action-package {
			top: -180px;
			right: -100px;
			width: 340px;
			height: 260px;
		}
	}
	@media (max-width: 400px) {
		.chio-action-package {
			top: -180px;
			right: -100px;
			width: 290px;
			height: 240px;
		}
	}

.chio-heartbreakers-1 {
	position: absolute;
	top: -260px;
	left: -100px;
	width: 280px;
	height: 280px;
	background:  url('../images/borrel-kettlecooked-1.png') no-repeat center;
	background-size: contain;
	z-index: 99;
}
.chio-heartbreakers-1-1 {
	position: absolute;
	bottom: -100px;
	left: auto;
	right: -40px;
	width: 280px;
	height: 300px;
	background:  url('../images/borreltjes.png') no-repeat center;
	background-size: contain;
	transform: rotate(-40deg);
	z-index: 998;
}
.chio-heartbreakers-paprika{
	position: absolute;
	top: -340px;
	left: -130px;
	width: 360px;
	height: 360px;
	background:  url('../images/chio-actieverpakking-2x-kc.png') no-repeat center;
	background-size: contain;

	z-index: 998 !important;
}
.chio-heartbreakers-2{
	position: absolute;
	top: -340px;
	right: -130px;
	width: 360px;
	height: 360px;
	background:  url('../images/chips-kettlecooked-2.png') no-repeat center;
	background-size: contain;

	z-index: 998 !important;
}

@media (max-width: 1024px) {
		.chio-heartbreakers-1 {
			top: -180px;
			width: 200px;
			height: 200px;
		}
		.chio-heartbreakers-paprika {
			top: -280px;
			left: -120px;
			width: 300px;
			height: 300px;
		}
	}
	@media (max-width: 970px) {
		.chio-heartbreakers-paprika {
			top: -260px;
			left: -80px;
		}
	}
	@media (max-width: 640px) {
		.chio-heartbreakers-1 {
			top: -180px;
			left: -50px;
		}
		.chio-heartbreakers-paprika{
			top: -180px;
			width: 200px;
			height: 200px;
			left: -60px;
		}
		.chio-heartbreakers-2{
			position: absolute;
			top: -200px;
			right: -2px;
			width: 180px;
			height: 180px;
		
			z-index: 998 !important;
		}
	}
	@media (max-width: 400px) {
		.chio-heartbreakers-1 {
			top: -160px;
			left: 0px;
			width: 160px;
			height: 160px;
		}
	}

.footer-content .footer-title {
	font-size: 1.4rem;
	line-height: 1.3;
}
.footer-content.first {
	padding-bottom: 3rem;
}
.footer-content.first .footer-title {
	float: right;
	width: 70% !important;
	padding-left:0;
	text-align: right;
	margin-right: 8%;
}
.footer-content.first .footer-description {
	text-align: right;
}
.footer-description img {

	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	top: 0;
	max-width: 70%;
}
.footer-content ul li a {
	font-size: 1.2rem;
}
.footer-content p {
	font-size: 1.2rem;
}
.footer-content ul li a:before {
	position: absolute;
	top: 2px;
	left: 0;
	font-family: 'Lusitana', sans-serif;
	content: '>';
	font-size: 1.4rem;
	color: #000;
	opacity: 0.4;
}
.footer-bottom.bg-light {
	border-top: 1px solid #eee;
	background: #fff !important;
}
	
	
	@media (max-width: 640px) {
		.footer-content.first .footer-title {
			float: none;
			width: 80% !important;
			padding-left:0;
			text-align: center;
			margin-right: 10%;
			margin: auto;
		}
		.footer-content.first .footer-description {
			text-align: center;
		}
		.footer-description img {
		
			position: relative;
			margin-top: 0px;
			margin-left: 0px;
			top: 0;
			max-width: 70%;
		}
		
	}

/* Popup */
.white-popup {
  position: relative;
  background: #fff;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 640px;
  margin: 0px auto;
  margin-top: 30px;
  margin-bottom: 40px;
	border-radius: 5px;
	-webkit-box-shadow:  0 14px 80px rgba(0, 0, 0, 0.2);
    			box-shadow: 0 14px 80px rgba(0, 0, 0, 0.2);
}


.white-popup .mfp-close {
	top: -20px;
	right: -20px;

	border-radius: 5px;
	color: #fff;
	font-size: 1.8em;
	font-weight: 300;
	background: rgb(84,165,214);
	background: -moz-linear-gradient(-45deg,  rgba(84,165,214,1) 0%, rgba(63,142,200,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(84,165,214,1) 0%,rgba(63,142,200,1) 100%);
	background: linear-gradient(135deg,  rgba(84,165,214,1) 0%,rgba(63,142,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a5d6', endColorstr='#3f8ec8',GradientType=1 );

	opacity: 1;
}
.modal-header {
	border-radius: 5px 5px 0 0 !important;
}
.modal-header .modal-header-title {
	font-family: 'Open Sans Condensed';
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-bottom: 10px;
	font-weight: 700;
	font-size:1.125rem;
	line-height:1;
	color: #0f0b19;
}