/*
Theme Name: Metermind
Theme URI: http://www.swiftweb.nl;
Author: SwiftWeb
Author URI: http://www.swiftweb.nl;
Description: Maatwerk website opmaat voor Metermind
Version: 1.0
*/

/* Reset CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/* Theme CSS */

body {
	font-family: 'Open Sans', sans-serif;
}

header {
	background:#263258;
	border-bottom:3px solid white;
}

.wpb_content_element a {
    color: #4197ae;
}

.logo {
    padding: 15px;
    background: white;
    position: absolute;
    height: 110px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 150px;
}

.copy a {
    color: white;
}

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

.pakket-price {
	color: #3f97ad;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    font-family: 'Exo', sans-serif;
    margin-bottom: 20px;
    margin-top: -45px;
}

.pakket-price small {
	font-size: 15px;
    margin-left: 5px;
}


.topbanner {
	background-size:cover !important;
	min-height:350px;
	background-position:center !important;
}

.home .topbanner {
	min-height:500px;
}

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

.menu-container ul li a {
	font-family: 'Exo', sans-serif;
	display:block;
	color:white;
	padding:15px;
	margin-right:25px;
	font-weight:bold;
}

header .buttons a {
	font-family: 'Exo', sans-serif;
	display:inline-block;
	margin-right:10px;
	padding:14px 25px;
	font-size:18px;
	color:white;
	font-weight:bold;
	font-style:italic;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

header .buttons a:hover {
	text-decoration:none;
}

header .buttons a.orange {
	background:#ffb32c;
}

header .buttons a.orange:hover {
	background:#ea9e18;
}

header .buttons a.blue {
	background:#263258;
}

header .buttons a.blue:hover {
	background:#1e294e;	
}

.conbusdiv {
	display:flex;
}

.conbusdiv .part {
	width:50%;
}

.conbusdiv .part.consumer {
	background:#263258;
}

.partcontent h2 {
	font-family: 'Exo', sans-serif;
	color:white;
	font-weight:bold;
	font-size:30px;
}

.partcontent p {
	font-family: 'Exo', sans-serif;
	color:#279cb0;
	font-weight:bold;
	font-size:21px;
	margin-top:10px;
}

.part.business .partcontent h2 {
	color:#263258;
}

.part.business p {
	color:#ffb32a;
}

.partcontent {
	padding:22px 20px 25px;
	text-align:center;
	position:relative;
	cursor:pointer;
}

.partcontent .bullet {
	position:absolute;
	top:20px;
	left:28px;
}

.consumer .partcontent .bullet {
	left:inherit;
	right:25px;
}

.partcontent .bullet .title {
	font-family: 'Exo', sans-serif;
	font-weight:bold;
	color:#ffb32c;
	font-size:15px;	
}

.consumer .partcontent .bullet .title {
	color:#279bb2;
}

.partcontent .rounded-cont {
	width:40px;
	height:40px;
	border-radius:50%;
	background:#ffb32c;
	margin:5px auto 0;
	padding:5px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.consumer .partcontent .rounded-cont {
	background:#279bb2;
}

.partcontent .rounded-cont .innerrounded {
	width:22px;
	height:22px;
	border-radius:50%;
	background:white;
	position:relative;
}

.partcontent .rounded-cont .innerrounded.active:after {
	content:" ";
	width:10px;
	height:10px;
	display:block;
	border-radius:50%;
	background:#ffb32c;
	position:absolute;
	top:6px;
	left:6px;
}

.consumer .partcontent .rounded-cont .innerrounded.active:after  {
	background:#279bb2;
}

.switchdivider {
	width:100%;
	height:25px;
	background:#ffb32c;
}

.arrowsvg {
	position: absolute;
    left:38px;
    bottom: -19px;
    width: 33px;
}

.consumer .arrowsvg {
	left:inherit;
	right:38px;
}

.arrowcontent-cont {
	background:#f4f4f4;
	padding:40px 0 20px;
	text-align:center;
}

.arrowcontent h2 {
	color:#279bb2;
	font-family: 'Exo', sans-serif;
	font-weight:bold;
	font-size:25px;
    max-width: 700px;
    margin-bottom: 10px;
    margin: 0 auto 10px;
    line-height: 1.3;
}

.arrowcontent p {
	font-weight: bold;
    font-style: italic;
    line-height: 1.5;
    max-width:750px;
    margin:auto;
}

.arrowdown {
	height:80px;
}

.main-content {
	line-height:1.5;
	font-size:15px;
}

.main-content.normalpage {
	padding:50px 0;
}

.pakketten .main-content.normalpage { 
	padding-top:0;
}

.main-content.normalpage .gform_wrapper {
	margin-top:0;
}

.main-content.normalpage .gform_wrapper .gform_footer input[type=submit] {
	width: calc(100% - 15px) !important;
}

.main-content .gform_wrapper .gform_footer input[type=submit] {
	width: calc(100% - 15px) !important;
	border-radius:30px;
}

#gform_wrapper_4.gform_wrapper .top_label .gfield_label {
	display:none;
}

#gform_wrapper_4.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #gform_wrapper_4.gform_wrapper textarea {
	border:none;
	padding:10px;
	border-bottom:2px solid #3f97af;
	background:#fbfbfb;
	width:100%;
}

.main-content h2 {
	font-family: 'Exo', sans-serif;
	font-weight:bold;
	color:#4197ae;
	font-size:28px;	
	margin-bottom:20px;
}

.afbeeldingenrow .wpb_content_element{
	margin-bottom:0;
}

.main-content h3 {
	font-family: 'Exo', sans-serif;
	font-weight:bold;
	font-size:17px;	
	margin-bottom:15px;
}

.svgmax.wpb_single_image img {
	max-width:350px;
}

.main-content .wpb_text_column ul li {
    padding-left: 50px;
    background: url(img/arrow-orange.svg) left 6px no-repeat;
    background-size: 15px;
    margin-bottom: 7px;
}

.main-content .wpb_text_column ul {
	margin-bottom:25px;
}

.svgmax {
	margin-left: -46px;
    z-index: 999;
    position:relative;
}

.main-content .wpb_text_column p {
	margin-bottom:25px;
}

.main-content .wpb_text_column strong {
	font-weight:bold;
}

.main-content .wpb_text_column em {
	font-style:italic;
}

.leftbgside {
	padding:80px 0 0;
	background:url("img/side-l.svg") left center no-repeat;
}

.largebutton {
	color: white;
    display: inline-block;
    padding: 12px 50px;
    font-size: 18px;
    border-radius: 47px;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.largebutton:hover {
	text-decoration:none;
	color:white;
}

.largebutton.orange {
	background:#ffb32c;
}

.largebutton.orange:hover {
	background:#eea523;
}

.step1line {
	background: url(img/con-2.svg) left center no-repeat;
    height: 210px;
    width: 100%;
    background-size: 958px;
    margin-top: -125px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    margin-bottom:60px;
}

.kopmetnummer .nummer {
    background: url(img/kopbg.svg) 0px no-repeat;
    background-size: 30px;
    color: white;
    width: 30px;
    height: 32px;
    margin-right: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.kopmetnummer .nummer, .kopmetnummer h2 {
	display:inline-block;
}

.windmolenrow {
	margin-top:-200px;
}

.windmolenrow .wpb_content_element {
	margin-bottom:0;
}

.bigpadding {
	padding-top:80px;
	z-index:88;
}

.medpadding {
	padding-top:40px;
}

.metermind-pakketten {
	padding-bottom:40px;
}

.metermind-pakketten-container {
	background:#f4f4f4;
	padding:140px 0 80px;
	position:relative;
	min-height:700px;
}

.orangebar {
	position:absolute;
	width:100%;
	height:20px;
	background:#ffb32c;
	top:275px;
}

.pakket {
	width:100%;
	background:white;
	border-radius:5px;
	padding:50px 0 0;
	max-width: 290px;
    margin: auto;
    position:relative;
}

.pakket h3 {
	color:#3f97ad;
	font-size:32px;
	text-align:center;
	font-weight:bold;
	font-family: 'Exo', sans-serif;
	margin-bottom:45px;
}

.insidebar {
	display:block;
	height:5px;
	background:#ffb32c;
}

.pakketlijst {
	padding:30px;
}

.pakketlijst ul li {
	padding-left: 30px;
    background: url(img/arrow-blue.svg) left 4px no-repeat;
    background-size: 15px;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 40px;
}

.pakketlijst ul li.inactive {
	background: url(img/arrow-gray-r.svg) left 4px no-repeat;
	background-size: 15px;
	color:#cccccc;
}

.meerinfobutton {
	color: white;
    display: block;
    padding: 12px 50px;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background:#ffb32c;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align:center;
}

.meerinfobutton:hover {
	color:white;
	text-decoration:none;
	background:#eea523;
}

.voordeligstekeuze {
	font-family: 'Exo', sans-serif;
    background: #3f97ad;
    color: white;
    padding: 10px 15px 10px;
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
    text-align: center;
    position: absolute;
    top: -18px;
    left: 51px;
    border-radius: 20px;
}

.review-slider-container {
	padding:80px 0;
}

.review-slider-container h2 {
	text-align:center;
	margin-bottom:35px;
}

.review-item {
	text-align:center;
	background:#f4f4f4;
	border-radius:10px;
	padding:30px;
}

.review-item .who {
	font-size:25px;
	color:black;
	font-family: 'Exo', sans-serif;
	font-weight:bold;
	margin-bottom:5px;
}

.review-item p {
	font-style:italic;
	font-size:13px;
}

.owl-theme .owl-dots .owl-dot span {
	border:none;
	background:#f4f4f4;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background:#3f97ad;
}

.review-slider-container {
	position:relative;
}

.reviewleft {
	position: absolute;
    left: -60px;
    top: 217px;
    background: url(img/arrow-gray-r.svg) no-repeat;
    background-size: 25px;
    width: 25px;
    height: 25px;
    cursor:pointer;
    transform: rotate(180deg);
}

.reviewleft:hover {
	background: url(img/arrow-blue.svg) no-repeat;
}

.reviewright {
	position: absolute;
    right: -60px;
    top: 217px;
    background: url(img/arrow-gray-r.svg) no-repeat;
    background-size: 25px;
    width: 25px;
    height: 25px;
    cursor:pointer;
}

.reviewright:hover {
	background: url(img/arrow-blue.svg) no-repeat;
}

.owl-controls {
	margin-top:25px;
}

footer {
	background:#3f97ad;
	color:white;
	text-align:center;
	padding:20px 0;
	font-size:14px;
}

footer img {
	margin-top:15px;
	max-width:80px;
}

#TB_closeWindowButton {
	display:none;
}

#TB_ajaxWindowTitle {
	display:none;
}

#TB_title {
    background: none;
    border:none !important;
    height: inherit !important;
}

#TB_ajaxContent {
	padding:0 !important;
	overflow:hidden !important;
	width:100% !important;
}

#TB_ajaxContent img {
	width:100%;
}

#TB_ajaxContent .modal-content {
	padding: 5px 20px;
	border:none;
}

#TB_ajaxContent p {
	font-weight:400;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
	font-size: 13px;
    text-align: center;
}

.gform_wrapper .top_label .gfield_label {
	font-weight:300;
	font-weight: 300;
    font-size: 14px;
}

.gform_footer.top_label {
	margin-top:0px !important;
}

.modal-content .gform_wrapper {
	margin:8px 0;
}

.gform_wrapper .gform_button {
	background: #ffb033;
    border: none;
    width: 100% !important;
    padding: 13px;
    color: white;
    text-transform: uppercase;
    cursor:pointer;
}

.gfield_description.validation_message {
	display:none;
}

.modal-content  .gform_wrapper li.gfield.gfield_error, .modal-content  .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background: none;
    margin-bottom: 0px !important;
    border-top:none;
    border-bottom: none;
    padding-bottom: 0px;
    padding-top: 0px;
    box-sizing: border-box;
}

.modal-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-top:0;
}

.modal-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top:8px !important;
}

.modal-content .gform_wrapper div.validation_error {
	border-top: none !important;
    border-bottom: none !important;
    padding:0 !important;
    margin-bottom:5px !important;
    font-size:14px;
}

.modal-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	padding-right:16px;
}

.gform_validation_error li.gfield {
	min-height:75px;
}

.headimg {
	background:#4197ae;
	padding:20px 0;
	text-align:center;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	font-size:15px;
}

/* Mobile trigger block */

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	width:30px;
	background:white !important;
}

.hamburger.is-active:hover, .hamburger:hover {
	opacity:1;
}

.menu-trigger {
	display:none;
	position: absolute;
    top: -5px;
    right: -10px;
    z-index:9999999;
}

button:focus {outline:0;}

.mobnav-trig {
	height: 18px;
    width: 90px;
    cursor: pointer;
    position: relative;
    margin: 10px auto;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	background:#2e3d93;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	background:#2e3d93;
}

span.trigger-icon {
	display: block;
	float: left;
	width: 25px;
	margin: 0 8px 0 0;
}

span.trigger-icon span {
	display: block;
	height: 3px;
	border-radius:5px;
	margin-bottom: 6px;
	background:#212d74;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	
}

.mobnav-trig .top.active {
	-ms-transform: rotate(50deg);
    -ms-transform-origin: 20% 40%;
    -webkit-transform: rotate(50deg);
    -webkit-transform-origin: 20% 40%;
    transform: rotate(50deg);
    transform-origin: 20% 40%;
}

.mobnav-trig .bottom.active {
	-ms-transform: rotate(-45deg);
    -ms-transform-origin: 8% 40%;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 8% 40%;
    transform: rotate(-45deg);
    transform-origin: 8% 40%;
}

.klantenoordelen iframe {
	overflow:hidden;
}

.mobile-menu {
	position:fixed;
	background:rgba(63,151, 173, 0.8);
	z-index:999;
	right:-2000px;
	opacity:0;
	top:0;
	bottom:0;
	padding:60px 20px 20px;
	min-width:100%;
	overflow-y:hidden;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.mobile-menu .login-btn {
	position:relative;
	top:inherit;
	right:inherit;
}

.mobile-menu ul {
	margin-top:20px;
	list-style:none;
}

.mobile-menu.active {
	right:0;
	opacity:1;
}

.mobile-menu .dashicons-no-alt {
	font-size: 35px;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor:pointer;
}

.mobile-menu ul a {
	font-size: 23px;
    color: white;
    display: block;
    padding: 15px;
    text-align: center;
    font-weight: bold;
}

.mobile-menu ul a:hover {
	text-decoration:none;
}

.mobile-menu ul ul a {
	padding:15px 15px;
	font-weight:300;
	font-size:16px;
}

.mobile-menu ul ul {
	padding-left:20px;
	margin-bottom:20px;
}

.lijntjesknop-container {
	position:relative;
	z-index:99;
}

.brancherow {
	padding:10px 0 10px;
}

.brancherow ul li {
	font-weight:bold;
	font-style:italic;
}

.whiteonly {
	margin: 0 auto 25px;
    font-size: 16px;
    width: 340px;
    display: block;
    background:white !important;
    color:#3f97ad;
}

.whiteonly:hover {
	color:#3f97ad;
}

@media (max-width:1366px){
}

@media (max-width:1200px){
	header .buttons a {
		padding:14px 15px;
	}
}

@media (max-width:1024px){
}

@media (max-width:768px){
	.menu-trigger {
		display:block;
	}
	
	.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
		display:none !important;
	}
	
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		padding:3px 4px !important;
	}
	
	.gform_wrapper .gform_button {
		padding:6px !important;
	}
	
	.headimg {
		padding:10px 0;
	}
	
	.topbanner {
		min-height:220px;
	}
	
	.arrowcontent h2 {
		font-size:20px;
		padding:0 20px;
		line-height:1.5;
	}
	
	.arrowcontent p {
		font-size:14px;
		padding:0 20px;
	}
	
	.arrowcontent-cont {
		padding: 25px 0 20px;
	}
	
	.leftbgside {
		padding:15px 0;
		background:none;
	}
	
	.largebutton {
		display:block;
		text-align:center;
	}
	
	.bigpadding {
		padding-top:20px;
	}
	
	.windmolenrow {
		margin-top:0;
	}
	
	.hidemobile {
		display:none;
	}
	
	.orangebar {
		display:none;
	}
	
	.pakket {
		max-width:400px;
		margin-bottom:50px;
	}
	
	.metermind-pakketten-container {
		padding:50px 0 80px;
	}
	
	.voordeligstekeuze {
		left: calc(50% - 95px);
	}
	
	.reviewright, .reviewleft {
		display:none;
	}
	
	.menu-container {
		display:none;
	}
	
	header .buttons a {
		padding: 14px 20px;
    	font-size: 16px;
    	margin-right:5px;
	}
	
	.logo {
	    height: 70px;
	    width: 100px;
	}
	
	.buttons {
		float: right;
    	margin-right: 40px;
	}
	
	.partcontent .bullet {
		display:none;
	}
	
	.partcontent h2 {
		font-size:24px;
	}
	
	.partcontent p {
		font-size:16px;
	}
	
	header {
		width:100%;
		position:fixed;
		z-index:99999;
		top:0;
	}
	
	body {
		padding-top:45px;
	}
	
	.home .topbanner {
		min-height:250px;
	}
	
	.wpb_single_image.vc_align_left {
		text-align:center;
	}
	
	.afbeeldingenrow .wpb_content_element.blaadje {
		display:none;
	}
}

@media (max-width:500px){
}