/* #global_nav ul.nav_loonkosten li.nav_home { width: 13% !important; } */
#page_premie .redbtn { font-size: 20px; padding: 8px 12px 14px 12px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#page_premie span.redbtn { float: none; display: inline-block; cursor: pointer;}
#page_premie .redbtn img { margin: 0 0 -6px 6px; }

/* section intro */
.intro_left { width: 51%; margin-left: 9%; float: left; position: absolute; top: 50%;  -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.intro_left2 { width: 51%; margin-left: 6%; float: left; position: absolute; top: 55%;  -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
	
.intro_right { width: 40%; float: right; }
.intro_right2 { width: 40%; float: right; }

#page_premie article.intro{ background-image: url(../images/pig.jpg); height: 330px; position: relative; margin-bottom: 0; }
#page_premie article.intro2{ background-image: url(../images/pig-small.jpg); height: 250px; position: relative; margin-bottom: 0; }
#page_premie .intro_left h2 { color: #525861; font-size: 40px; border-bottom: 0; }
#page_premie .intro_left2 h2 { color: #525861; border-bottom: 0; font-size: 31px !important; line-height:1em!important; margin-bottom:0px!important; padding-bottom:0px!important; }
.intro_left p { font-size: 18px; }
.intro_left2 p { font-size: 18px; }
.intro_right img { max-width: 100%; }
.intro_right2 img { max-width: 100%; }

/** premie text **/
.premie_info_text{padding: 5% 5% 0 5%; font-size: 16px; font-family: "prelo_slab_mediummedium"; line-height: 1.2em;}

/** form **/
#step1{background: #e2e0e0;padding: 5%;text-align: center;font-family: "prelo_slab_mediummedium"; position: relative;}
#step1 table tr td:first-of-type{ font-size: 17px; font-weight: bold; }
#step1 table tr td{width: 250px;  text-align: left; padding: 15px 0;}
#step1 p{ text-align: left;}
input[type=text]{width: 100%;border: none;border-radius: 4px;height: 50px; line-height: 25px;font-size: 17px;padding-left: 15px;}
#step1.open:after,#step1.open:before{ 
	content: '';
	background-color: #e2e0e0;
	display: block;
	width: 80px;
	height: 35px;
	position: absolute;
	bottom: -15px;
	left: 50%;
	-ms-transform: translate(-75px) rotate(25deg); -webkit-transform: translate(-75px) rotate(25deg); transform: translate(-75px) rotate(25deg);
}
#step1.open:before{
	-ms-transform: translate(-17px) rotate(-25deg); -webkit-transform: translate(-17px) rotate(-25deg); transform: translate(-17px) rotate(-25deg);
}
#step2{background: #008eb3; color: #FFF; text-align: left; height: 0px; display: none;}
#step2.open{height: auto; padding: 7% 7% 5% 7%; display: block;}
#step2 h1{ color: #fff;}
#step2 table{ 
	width: 100%;
}
#step2 table tr td{
	width: 50%;
	padding: 15px 0;
	font-size: 17px;
	font-family: 'prelo_slab_mediummedium';
}
#step2 table tr td input[type=text]{
	margin-top: 5px;
}
#step2 table tr td:first-of-type{
	padding-right: 30px;
}
#step2 table tr td:last-of-type{
	padding-left: 30px;
}
input[type=checkbox]{
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #c3c3c3;
	padding: 0px;
	border-radius: 0px;
	display: none;
}
input[type=checkbox] + label{
	padding-left: 30px;
	position: relative;
	margin-top: 15px;
}
input[type=checkbox] + label{
	float: left;	
}
input[type=checkbox] + label:before{
	content: '';
	background-color: #fafafa;
	border: 1px solid #cacece;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
	display: inline-block;
	padding: 10px;
	position: absolute;
	left: 0;
}
input[type=checkbox]:checked + label:before{
	content: '\2714';
	font-size: 14px;
	padding: 1.5px 4.5px;
	color: #99a1a7;
}
#page_premie #step2 .redbtn {
	border: none;
    float: right;
    width: auto !important;
    height: 46px;
    font-size: 20px;
    font-family: "Open Sans";
    padding: 5px 62px 5px 12px !important;
    cursor: pointer;
    background: #e01a22 url(../images/bkg-red-btn-white-arrow-large.jpg) no-repeat 25% 55%;
    margin-top: 20px;
}
#step2 table tr:last-of-type td:last-of-type{
	padding-left: 0;
}
.open .total{
	display: block;
}
.total{
	font-size: 29px;
	color: #4b4a4a;
	display: none;
	line-height: 50px;
}
#totalSavingPotential{
	font-size: 41px;
	color: #e01a22;
}
#page_premie .open span.redbtn{
	display: none;
}
.contact_info { font-family: "prelo_slab_mediummedium"; background: #e2e0e0; padding: 7% 7% 5% 7%; }
.contact_info_left { width: 22%; display: inline-block; vertical-align: top; }
.contact_info_middle { width: 45%; display: inline-block; }
.contact_info_right {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    float: right;
}
a.redlink { color: #e01a22 !important; text-decoration: underline !important; }
a.redlink:hover { text-decoration: none !important; }
.wrapper_white{
	margin-top: 5px;
	background-color: #fff;
	padding-left: 15px;
	border-radius: 4px;
}
.wrapper_white input,
.wrapper_white select{
	border: none;
	padding-left: 0;
	margin-top: 0 !important; 
}
.wrapper_white select{
	background-color: #fff;
	width: 99%;
	height: 50px;
	font-family: 'arial', sans-serif; 
	font-size: 17px;
}
.LV_invalid_field{
	border: 1px solid red;
}
.LV_validation_message.LV_invalid{
	color: red;
}
.wrapper_white select:focus{
	outline: none;
}

@media (max-width: 600px) {
	#page_premie table,
	#page_premie table tbody,
	#page_premie table tbody tr,
	#page_premie table tbody tr td{
		width: 100% !important;
		display: block;
	}
	#page_premie table tbody tr td input {	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;	
		box-sizing: border-box;
	}
	.intro_left{
		width: 100%; 
		margin-left: 0;
		position: relative; 
		top: 40px;
		transform: none;
	}
	.intro_left h2{
		font-size: 32px !important;
	}
	.intro_left2{
		width: 100%; 
		margin-left: 0;
		position: relative; 
		top: 40px;
		transform: none;
	}

	.redbtn{
		font-size: 16px !important;
	}
	.contact_info_left img{
		display: none;
	}
	.contact_info_middle{
		width: 100%;
	}
	
	#step2.open{
		padding: 15% 7% 5% 7%;
	}
	#step2 table tr td:last-of-type{
		padding-left: 0;
	}
}
p{
	font-family: "arial", sans-serif !important;
}
#page_premie #step2 .redbtn{
	background: #e01a22 url(../images/bkg-red-btn-white-arrow-large.jpg) no-repeat 90% 55%;
}
	
#faq {

	font-family:Arial, Helvetica, sans-serif!important;
	
}
#opsom {

	font-family:Arial, Helvetica, sans-serif!important;
	
}
#opsom .scndlevel {
	margin-left: 18px;

	
	}