html {
    height: 100%;
}
body {
	background: #FFFFFF; background-size: 150% 150%; background-position: center top;
	/*background: #003040  url(../images/background/gradient-darkblue-4-01.svg) no-repeat fixed;
	margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    background: -webkit-radial-gradient(circle, #00698C, #003040) !important; /* Safari */
     /*background: -o-radial-gradient(circle, #00698C, #003040) !important; /* Opera 11.6 to 12.0 */
     /*background: -moz-radial-gradient(circle, #00698C, #003040) !important; /* Firefox 3.6 to 15 */
     /*background: radial-gradient(circle, #00698C, #003040) !important; */

}
.container { max-width: 1360px; width: 100%; }
.container-md {  max-width: 1080px; margin: 0 auto;  width: 100%; }

/*--- RESETS ---*/
.t3-wrapper, .uber-header,
.uber-header.header-4.dark-color,
.uber-header.dark-color, .uber-header.none-color.affix,
.section-bg-none {
    background: none !important; 
    border: none !important;
}
.text-white h3 a { color: #ffffff; }
.text-white h3 a:hover { color: #ffffff;}
.section-title h2 {font-size: 32px; font-weight: 500 !important;}
@media screen and (max-width: 1024px) {
	.t3-mainbody {
		padding-top: 36px;
		padding-bottom: 36px;
	}
}
@media screen and (max-width: 768px) {
	.t3-mainbody .item-page h1.article-title {
		margin-top: 0px;
		margin-bottom: 16px;
	}
}
@media screen and (max-width: 767px) {
	.t3-mainbody {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.t3-mainbody h1.article-title {
		font-size: 28px;
	}
}






/*--------------*/
/*-- SECTIONS --*/
/*--------------*/
.section-no-padding { padding: 0px !important; } 
.section-padding-sm { padding-top: 36px !important; padding-bottom: 36px !important; }
.section-padding-md { padding-top: 54px !important; padding-bottom: 54px !important; }
.section-padding-lg { padding-top: 104px !important; padding-bottom: 104px !important; }
.section-margin-lg {  margin-top: 104px !important; margin-bottom: 104px !important; }
.section-padding-bottom-sm { padding-bottom: 36px !important; }
.section-padding-bottom-md { padding-bottom: 54px !important; }
.section-padding-bottom-lg { padding-bottom: 104px !important; }  
.section-margin-bottom-sm { margin-bottom: 36px !important; }
.section-margin-bottom-md { margin-bottom: 54px !important; }
.section-margin-bottom-lg { margin-bottom: 104px !important; }
.section-padding-top-sm { padding-top: 36px !important; }
.section-padding-top-md { padding-top: 54px !important; }
.section-padding-top-lg { padding-top: 104px !important; }
.section-margin-top-sm {  margin-top: 36px !important; }
.section-margin-top-md {  margin-top: 54px !important; }
.section-margin-top-lg {  margin-top: 104px !important; }

.section-grey { background: #F6F6F6; }
.section-white { background: #FFFFFF; }
.section-blue { background: #009ada; color: #ffffff; }
.section-green { background: #37be47; color: #ffffff; }
.section-dark-blue { background: #ffffff; color: #20506f; }
.section-bg-image { background: rgba(0, 154, 218, 0.9); }

.section-grey-sliced {
    background: transparent;
    overflow: hidden;
    position: relative;
}
.section-grey-sliced:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 129px;
    height: 100%;
    background: #009ada;
}
.section-grey-skew {
    background: transparent;
    overflow: hidden;
    position: relative;
}
.section-grey-skew:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 53px;
    height: 266px;
    background: #F6F6F6;
    -webkit-transform: skew(0, -4deg);
    transform: skew(0, -4deg);
}

.section-title {
    margin-bottom: 36px;
}
.section-title h2 {
    font-weight: 300;
}
.section-title p {
	font-size: 16px;
    font-weight: 300;
}
.section-title-white h2,
.section-title-white p {
    color: #ffffff !important;
}
.text-white { color: #ffffff; }

.flex-block {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
@media screen and (max-width:992px) {
	.flex-block {
		display: inherit;
	}
}
.article-page.cookie-overzicht td {
	padding: 10px;
}
.article-page.cookie-overzicht .section-schedule.section-padding-lg {
	padding-top: 0px !important;
}
@media screen and (min-width: 1025px) {
  .article-page.cookie-overzicht .row {
	margin-left: 130px;
}
}


/*---------*/
/*-- APP --*/
/*---------*/
.app-preview .intro-text h2 {
	margin-bottom: 26px;
}
.app-preview .intro-text p:last-child {
	margin-top: 26px;
}
.download-app {
	background: transparent;
	overflow: hidden;
	position: relative;
	padding-top: 56px;
	padding-bottom: 56px;
}
.download-app:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 200px;
	height: 400px;
	background: #f6f9fc;
	-webkit-transform: skew(0, -8eg);
	transform: skew(0, -8deg);
	z-index: 2;
}
.download-app-inner {
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	margin: 15px;
	z-index: 499;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	padding: 40px 40px 40px 120px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
	transition-property: color, background-color, box-shadow, transform;
	transition-duration: .15s;
	color: #505656;
}
.download-app-inner:hover {
	color: #32325d !important;
	transform: translateY(-2px);
	box-shadow: 0 18px 35px rgba(50, 50, 93, .1), 0 8px 15px rgba(0, 0, 0, .07);
}
.download-app-inner h3 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	text-transform: none;
	color: #000000;
}
.download-app-inner p:last-child {
	margin-bottom: 0px;
}
.download-app-inner .btn-link {
	color: #505656 !important;
	
}
.download-app-inner:hover .btn-link {
	color: #0090d2 !important;
	text-decoration: none !important;
}
.download-app-inner img.app-store {
	position: absolute;
	width: 130px;
	height: 130px;
	left: -35px;
	top: calc(50% - 65px)
}
.download-app-inner img.google-play {
	position: absolute;
	width: 130px;
	height: 130px;
	left: -35px;
	top: calc(50% - 65px)
}



/*----------*/
/*-- LOGO --*/
/*----------*/
.logo a {
    height: 100px !important;
}
.logo-image img {
    max-height: 100px !important;  
}
@media (max-width: 485px) {
	.logo a {
    height: 65px !important;
}
	.logo-image img {
		max-height: 65px !important;  
	}
}


/*-------------*/
/*-- TOP BAR --*/
/*-------------*/
.top-header-bar {
    background: rgba(32, 80, 111, 1);
    color: #ffffff;
    padding: 0; 
	font-size: 14px;
}
.top-header-bar a {
    color: #ffffff;
}
.top-header-bar .pull-left,
.top-header-bar .pull-right {
    padding: 5px 0;
}
.top-header-bar .pull-left span {
    margin-right: 30px;
	line-height: 32px;
}
.top-header-bar .pull-left span i,
.top-header-bar .pull-right span i {
    color: #ffffff;
	font-size: 18px;
	margin-right: 7px;
    text-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.top-header-bar .pull-right {
	margin-top: 2px;
}

.top-header-bar .pull-right span i:hover {
    background-color: #5494d2;
    color: #ffffff;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
@media (max-width: 768px) {
    .top-header-bar .pull-left span {
        margin-bottom: 0px;
    	margin-right: 10px;
    }
    .top-header-bar .pull-left span:last-child {
        margin-bottom: 0px;
    }
	.top-header-bar .pull-left span i,
	.top-header-bar .pull-right span i {
		margin-right: 3px;
		font-size: 16px;
	}
    .top-header-bar .pull-right {
        display: none;
    } 
}



/*------------*/
/*-- HEADER --*/
/*------------*/
.uber-header.header-4 .t3-mainnav {
	float: right;
	margin-right: 20px; 
}
@media screen and (max-width: 768px) {
	.uber-header.header-4 .t3-mainnav {
		margin-right: 0px; 
	}
}
.uber-header.header-4 {
	height: 156px !important;
}
.uber-header.header-4.dark-color {
    padding-top: 56px !important;
    padding-bottom: 56px;
}
.uber-header.header-4 .t3-navbar {
	 margin-top: 24px !important;
}
.uber-header.header-4 .t3-mainnav,
.uber-header.header-4 .navbar-default .navbar-nav > li {
    border: 0px !important;
}
.uber-header.header-4 .navbar-default .navbar-nav > li > a {
    color: #28455a !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.t3-megamenu .mega-dropdown-menu {
    padding: 13px 0 !important;
    border: 1px solid #ecf0f1 !important;
    box-shadow: 4px 4px 0 0 rgba(32, 80, 111, 0.1) !important;
    margin-left: -1px !important;
    background: rgba(255, 255, 255, 0.96) !important;
}
.uber-header.header-4 .navbar-default .navbar-nav > .open > a,
.uber-header.header-4 .navbar-default .navbar-nav > .open > a:hover,
.uber-header.header-4 .navbar-default .navbar-nav > .open > a:focus { 
    background: rgba(255, 255, 255, 0) !important;
    color: #28455a !important;
}
.uber-header.header-4 .navbar-default .navbar-nav > .open > a:before,
.uber-header.header-4 .navbar-default .navbar-nav > .active > a:before{
    position: absolute;
    content: "\f0d8";
    font-family: FontAwesome;
    left: 50%;
    top: 34px;
}
.right-menu .module-full {
    width: 190px;
}

.uber-header.header-4 .navbar-default .navbar-nav > li > a.btn-bordered {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border: 2px solid #0090d2;
    background: none;
    color: #0090d2;
    border-radius: 3px;
    text-transform: inherit;
}
.uber-header.header-4 .navbar-default .navbar-nav > li > a.btn-bordered:hover,
.uber-header.header-4 .navbar-default .navbar-nav > li > a.btn-bordered:focus {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08) !important;
    border: 2px solid #0090d2 !important;
    background: #0090d2 !important;
    color: #ffffff !important;
}
.uber-header.header-4.light-color .navbar-default .navbar-nav > .open > a.btn-bordered,
.uber-header.header-4.light-color .navbar-default .navbar-nav > .open > a.btn-bordered:hover,
.uber-header.header-4.light-color .navbar-default .navbar-nav > .open > a.btn-bordered:focus {
    border: 2px solid #0090d2 !important;
  color: #039be5;
  background: none;
}
.btn-margin-left {
	margin-left: 26px;
}



/*----------------*/
/*-- CALCULATOR --*/
/*----------------*/
.calculator-styling {
	background: #20506f;
	box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.1);
}
.calculator-styling .btn-primary {
	padding: 10.4px 15px;
	text-transform: inherit;
}
.calculator-styling .features-item {
	padding-top: 54px;
	padding-bottom: 104px;
	color: #ffffff;
}
.calculator-styling .features-item .form-calculator {
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.1);
	padding-top: 26px;
	padding-bottom: 26px;
	border: 2px;
}
.calculator-styling .features-item h2 {
	margin-bottom: 36px;
	margin-top: 0px;
	font-size: 32px;
	line-height: 42px;
	font-weight: 500;
	text-transform: none;
	color: #ffffff;
}
.calculator-styling .features-item .control-label {
	padding-left: 10px;
	color: #505656;
	font-weight: 500 !important;
}
.calculator-styling .features-item .btn-calc {
	color: #505656;
	display: block;
	text-align: right;
	line-height: 40px;
}
.calculator-styling .features-item .price-module-calculated-price {
	 color: rgb(255, 87, 34);
}
.calculator-styling .form-pricing {
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px 6px 6px 6px;
	font-size: 16px;
	line-height: 1.625;
	color: #505656;
	background-image: none;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075);
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.calculator-styling span.ui-spinner.ui-corner-all.ui-widget.ui-widget-content {
	display: block !important;
	height: 40px;
}
input.form-control.spinner.price-module-spinner.ui-spinner-input {
	width: 100%;
}
.calculator-styling .custom-select select.form-control {
    width:100%;
    height: 40px;
    margin: 0;
    background: #fff;
    border: 0px;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(201, 201, 201, 1);
    outline: none;
    /* Remove select styling */
    appearance: none;
    -webkit-appearance: none;
    /* Font size must the 16px or larger to prevent iOS page zoom on focus */
    font-size:14px;
    /* General select styles: change as needed */
    padding: 6px 12px;
    color: #333;
    line-height: 22px;
    cursor: pointer;
    transition: border 200ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all ease 0.55s;
    transition: all ease 0.55s; 

    &:focus {
        border-color: #3888C5;
        outline: none;
    }

    /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
    /* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

        &::-ms-expand {
            display: none;
        }
        &:focus::-ms-value {
            background: transparent;
            color: #222;
        }
    }
}
.calculator-styling .custom-select select.form-control:hover {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.calculator-styling .custom-select .custom-select-icon {
    position: absolute;
	color: #505656;
    width: 20.8px;
    height: 20.8px;
    font-size:16px;
    font-weight: 600;
    right: 20px;
    bottom: 7px;
    z-index: 2;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
	.calculator-styling.section-margin-bottom-md {
		margin-bottom: 0px !important;
	}
	.calculator-styling .features-item {
		padding-top: 26px;
		padding-bottom: 46px;
	}
	.calculator-styling .features-item h2 {
		margin-bottom: 16px;
	}
	.calculator-styling .btn-label {
		display: none;
	}
	.calculator-styling .form-group {
		margin-bottom: 0px;
	}
	.calculator-styling .form-group > div {
		margin-bottom: 16px;
	}
	.calculator-styling .form-group > div:last-child {
		margin-bottom: 0px;
	}
	.calculator-styling .btn-calc {
		text-align: center !important;
		margin-top: 80px !important;
	}
}
.view-calculator .t3-mainbody .t3-content {
	padding-bottom: 0px !important; 
}
@media screen and (max-width: 767px) {
	.page-calculator {
		padding-left: 0px;
		padding-right: 0px;
	}
	.page-calculator .product-title {
		width: 50%;
		display: inline-block;
		float: left;
	}
	.page-calculator .product-price {
		width: 50%;
		display: inline-block;
		float: right;
		text-align: right;
	}
	.page-calculator .product-amount input[type="text"] {
		height: 30px;
	}
	.page-calculator .product-total {
		color: rgb(255, 87, 34);
	}
	.view-calculator .t3-mainbody .t3-content {
		padding-top: 0px !important;
		padding-bottom: 0px !important; 
	}
}



/*----------------*/
/*-- CUSTOM ACM --*/
/*----------------*/
.sections-wrap .section, 
.sections-wrap .t3-module {
    /*background: rgba(32, 80, 111, 0.8); */ 
}

.bg-grass {
	background: url('/images/icons/metalimex-gras.png') no-repeat center bottom;
	background-size: 300%;
	display: block;
	height: 120px;
	width: 100%;
	margin-top: -119px;
	position: absolute;
	z-index: 98;
}
.mobile-grass {
	height: 50px;
}
@media screen and (min-width: 2000px) {
	.bg-grass {
		background-size: 225%;
	}
}
@media screen and (max-width: 768px) {
	.bg-grass {
		background: url('/images/icons/metalimex-gras.png') no-repeat center bottom;
		background-size: 500%;
		display: block;
		height: 120px;
		width: 100%;
		margin-top: -69px;
		position: absolute;
		z-index: 98;
	}
}
.page-grass {
	height: 25px;
}
.page-grass .grass-bg {
	background: url('/images/icons/metalimex-gras.png') no-repeat center bottom;
	background-size: 300%;
	display: block;
	height: 120px;
	width: 100%;
	position: absolute;
	margin-top: -50px;
	z-index: -10;
}
@media screen and (max-width: 767px) {
	.page-grass .grass-bg {
		background-size: 700%;
		margin-top: -75px;
	}
}
@media screen and (min-width: 768px) {
	.page-grass .grass-bg {
		background-size: 500%;
		margin-top: -75px;
	}
}
@media screen and (min-width: 1024px) {
	.page-grass .grass-bg {
		background-size: 500%;
		margin-top: -75px;
	}
}
@media screen and (min-width: 1160px) {
	.page-grass .grass-bg {
		background-size: 300%;
		margin-top: -75px;
	}
}
@media screen and (min-width: 2000px) {
	.page-grass .grass-bg {
		background-size: 225%;
	}
}



@media screen and (min-width: 768px) {
	.margin-top-offset {
		margin-top: -50px;
		position: relative;
		z-index: 98;	
	}
}



/*---------------*/
/*-- WIDGETKIT --*/
/*---------------*/
.wk-size img {
    max-height: 100% !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}
.wk-block .uk-panel {
	box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.1);
	background: #ffffff;
}
.wk-block .uk-panel:hover {
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.15); 
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.wk-block .uk-panel .uk-margin {
	padding-left: 26px;
	padding-right: 26px;
	padding-bottom: 26px;
}
.wk-title h3 { 
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal !important;
	text-transform: none;
	color: #000000;
}
.wk-text h3 { 
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	text-transform: none;
	color: #000000;
}
.wk-text h3:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 50px;
	margin-left: -25px;
	border-bottom: 1px solid #e7e7e7;
	margin-top: 42px;
}
.gallery-styled .uk-panel-box {
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.1);
    background:  #ffffff;
    border-radius: 3px    
}
.gallery-styled .uk-panel-box .uk-panel-teaser {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.slideset-styled h2 {
    font-size: 26px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 26px;
}
.slideset-styled h3 {
    font-weight: bold;
}
.slideset-styled p {
	margin: 0;
	padding: 0;
}
.slideset-styled li .uk-panel { 
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.1);
    background:  #ffffff;
    border-radius: 3px
}
.slideset-styled .uk-overlay-background {
	background: rgba(255, 255, 255, 0);
}
.slideset-styled .uk-overlay div div,
.slideset-styled .uk-overlay-panel div div {
	box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.1);
	background: #28455a;
	padding: 26px;
	width: 300px;
	color: #ffffff;
}
.slideset-styled .uk-overlay .btn,
.slideset-styled .uk-overlay-panel .btn {
	padding: 10.4px 28px;
	display: block;
}
@media screen and (max-width: 768px) {
	.slideset-styled .uk-overlay div div,
	.slideset-styled .uk-overlay-panel div div {
		display: none;
	}
}

.uk-scope .uk-overlay-primary { background-color: transparent !important; }

.slideset-styled .uk-slidenav {
    display: inherit !important;
    width: 45px !important;
    height: 45px !important;
    line-height: 45px !important;
}
.slideset-styled .uk-position-center-left {
    background-image: url("/templates/uber/images/ico/buttons.svg") !important;
    border: 1px solid #6c6c6c!important;
    background-position: 2px -37px !important;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
    left: -75px !important; 
    opacity: 0.2 !important;
}
.slideset-styled .uk-position-center-right {
    background-image: url("/templates/uber/images/ico/buttons.svg") !important;
    border: 1px solid #6c6c6c!important;
    background-position: 4px 3px !important;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
    right: -75px !important;
    opacity: 0.2 !important;
}
.slideset-styled .uk-position-center-right:hover, .slideset-styled .uk-position-center-left:hover {
    opacity: 1 !important
}
.slideset-styled .uk-position-center-left:before {
    content: none !important
}
.slideset-styled .uk-position-center-right:before {
    content: none !important
}
.slideset-styled li div.uk-panel a {
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}
.slideset-styled li div.uk-panel a:hover {
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.15); 
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.wk-sidebar-btn .uk-panel-teaser {
    display: none;
    visibility: hidden;
}
@media screen and (max-width: 768px) {
	.wk-mobile-slideset .uk-panel {
		text-align: center !important;
	}
}




/*-------------*/
/*-- BUTTONS --*/
/*-------------*/
.btn {
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    border-radius: 3px;
	text-transform: inherit !important;
}
.wk-block:hover .btn,
.wk-block:focus .btn
.btn:hover,
.btn:focus {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.1);   
}
.btn-full {
    width: 100%;
}
.btn-primary {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border: 0px;
}
.btn-primary:hover,
.btn-primary:focus {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    border: 0px;
}
.wk-block .btn-secondary,
.btn-secondary {
	background-color: rgb(255, 87, 34);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border: 0px;
	color: #ffffff;
}
.wk-block:hover .btn-secondary,
.wk-block:focus .btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
	background-color: rgb(238, 57, 0);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    border: 0px;background-color: rgb(255, 87, 34)
}
.btn-grey {
    background-color: #F6F6F6;
    text-transform: inherit;
    color: #20506f;
    font-weight: 300;
}
.btn-grey:hover,
.btn-grey:focus {
    color: #20506f;
}
.btn-white {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border: 0px;
    background: #ffffff;
    color: #009ada;
    border-radius: 3px;
    text-transform: inherit;
}
.btn-white:hover,
.btn-white:focus {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    border: 0px;
    background: #F6F6F6;
    color: #009ada;
}

.btn-bordered {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border: 2px solid #0090d2;
    background: none;
    color: #0090d2;
    border-radius: 3px;
    text-transform: inherit;
}
.btn-bordered:hover,
.btn-bordered:focus {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    border: 2px solid #0090d2;
    background: #0090d2;
    color: #ffffff;
}
.btn-bordered-white {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border: 2px solid #ffffff;
    background: none;
    color: #ffffff;
    border-radius: 3px;
    text-transform: inherit;
}
.btn-bordered-white:hover,
.btn-bordered-white:focus {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    border: 2px solid #F6F6F6;
    background: #F6F6F6;
    color: #009ada;
}
.btn-grey i {
    color: #5494d2;
}
.cta-whatsapp {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    display: block;
    background: #43d854;
    padding: 15px;
    color: #ffffff;
    border-radius: 3px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    text-align: left;
}
.cta-whatsapp:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    background: #37be47;
    color: #ffffff;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.cta-whatsapp .left {
    float: left;
    width: 42px;
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-block !important;
}
.top-header-bar .cta-whatsapp {
	padding: 3px 5px;
}
.top-header-bar .cta-whatsapp i {
	margin-right: 7px;
	font-weight: 700;
	font-size: 18px;
}
.cta-sidebar-blue {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    display: block;
    background: #009ada;
    padding: 24px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 3px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    text-align: left;
}
.cta-sidebar-blue:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    background: #0089c2;
    color: #ffffff;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.cta-sidebar-grey {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    display: block;
    background: #20506f;
    padding: 24px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 3px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    text-align: left;
}
.cta-sidebar-grey:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    background: #19435e;
    color: #ffffff;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.cta-sidebar-blue i,
.cta-sidebar-grey i {
    margin-right: 10px;
}
.cta-sidebar-blue .title,
.cta-sidebar-grey .title {
    line-height: 32px;
}
.cta-sidebar-blue .left,
.cta-sidebar-grey .left {
    float: left;
    width: 42px;
    margin-right: 10px;
    display: inline-block !important;
}
.mobile-top-header .cta-whatsapp {
	padding: 7px;
	border-radius: 0px;
	text-align: center;
}
.mobile-top-header .cta-whatsapp .fa {
	font-size: 18px;
	width: 26px;
}
@media screen and (min-width: 769px) {
	.mobile-top-header {
		display: none;
	}
}




/*----------------*/
/*-- FULL WIDTH --*/
/*----------------*/
.kruimelpad {
    background: #F6F6F6 !important;
    padding-top: 26px;
    padding-bottom: 26px;
}
.kruimelpad .breadcrumb {
    background: #F6F6F6;
}



/*-------------*/
/*-- BUTTONS --*/
/*-------------*/
.t3-footer { 
    padding-top: 50px;
    background: rgba(32, 80, 111, 1);
    color: #ffffff;
}
.t3-footer .module-title {
    color: #ffffff;
    font-weight: 600
}
.t3-footer a,
.t3-footer .module-ct ul li a {
    background: none !important;
    color: #ffffff
}
.t3-footer .module-ct ul li.active a {
    color: #009ada;
    font-weight: normal;
}
.t3-footer a:hover,
.t3-footer .module-ct ul li a:hover {
    background: none !important;
    color: #009ada;
}
.t3-footer .footer-icons i {
    margin-right: 10px;
}
.t3-footer .footer-social-icons i {
    background-color: #ffffff;
    color: #20506f;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.t3-footer .footer-social-icons i:hover {
    background: #009ada;
    color: #FFF;
}
.t3-copyright { 
    background: rgba(25, 64, 90, 1);
    color: #ffffff;
    padding-bottom: 16px;
    padding-top: 36px;
    margin-top: 50px;
}


/*-------------*/
/*-- SIDEBAR --*/
/*-------------*/
.t3-sidebar {
}
.t3-sidebar .t3-module {
    background: none !important;
    border: 1px solid #eaeaea !important;
    border-radius: 2px;
    margin-bottom: 24px;
    padding: 24px;
}
.t3-sidebar .t3-module:first-child {
    border-top: 0px;
}
.t3-sidebar .t3-module.module-full {
    padding: 0px;
    border: 0px !important;
}



/*--------------*/
/*-- MASTHEAD --*/
/*--------------*/
.ja-masthead .ja-masthead-detail {
    padding: 150px 0 !important;
}
.ja-masthead:before {
    background-color: none !important;
    opacity: 0 !important;
}
@media screen and (max-width: 1024px) {
	.ja-masthead .ja-masthead-detail {
		padding: 100px !important;
	}
}
@media screen and (max-width: 768px) {
	.ja-masthead .ja-masthead-detail {
		padding: 54px !important;
	}
	.mainbody-top {
		margin-bottom: 16px !important;
	}
}



/*-------------*/
/*-- CONTENT --*/
/*-------------*/
.content-bg {
    background: #ffffff;
}
.t3-content {
    background: #ffffff;
}
.article-content h2 {
    font-size: 28px;
}
@media screen and (max-width: 768px) {
	.article-content h2 {
		font-size: 18px;
	}	
}
.box-frame {
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.1);
    background:  #ffffff;
    border-radius: 3px    
}
.form-block {
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.1);
    background:  #ffffff;
    border-radius: 3px;    
    padding: 26px;
}
.form-block .rsform-block-verstuur {
    margin-bottom: 0px;
}
.form-block input[type="text"],
.form-block input[type="email"],
.form-block input[type="tel"] {
    width: 100%;
}

.rsform-block-gewenste-leverdatum .formControls .row .col-md-6 {
    padding-left: 0px !important;
}
.rsform-block-gewenste-leverdatum .formControls .row .col-md-6:first-child {
    padding-right: 0px !important;
    padding-left: 20px !important;
}
.rsform-calendar-button.btn-default {
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.625;
    text-transform:  inherit;
}
ul.time-list { list-style:none;margin:0;padding:0; }
.time-list li { border-bottom: 1px solid #efefef;padding: 10px 15px; }
.time-list:last-child { border-bottom: 0px solid #efefef; }
.time-list li i { width: 25px;text-align: center; }
.time-list li span.day { width: 25px;display: inline-block;text-align: left; }



/*-------------------*/
/*-- CUSTOM STYLES --*/
/*-------------------*/
.mainbody-top {
    margin-bottom: 36px;
}
.mainbody-top .ja-masthead {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.targets-bg {
	background: transparent;
	overflow: hidden;
	position: relative;
}
.targets-bg:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50px;
	height: 100%;
	background: #ffffff; /* #20506f*/
	z-index: -10;
}
.targets .horizontal-list {
	background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 26px;
    color: #20506f;
}
.targets .horizontal-list .points {
    height: 52px;
    line-height: 52px;
}
.targets .horizontal-list i {
    font-size: 36px;
    margin-right: 26px;
    float: left;
}
.targets .horizontal-list span {
    line-height: 18px;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}
@media screen and (max-width: 1024px) {
	.horizontal-list {
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media screen and (max-width: 768px) {
	.targets-bg {
		background: #20506f;
		padding-top: 36px;
	}
}


.intro-text h1 {
    font-size: 32px;
    margin-top: 0px;
}

.calltoaction h2 {
    font-size: 32px;
    margin-top: 0px;
}
.calltoaction .button {
    text-align: right;
    margin-top: 23px;
}
@media screen and (max-width: 768px) {
	.intro-text {
		text-align: center;
	}
	.intro-text > div > div > div:first-child {
		margin-bottom: 16px;
	}
}



/*------------*/
/*-- FOOTER --*/
/*------------*/
#gerelateerdInformatie { display: none; }
#meer { 
    cursor: pointer; 
    color: #039be5;
    text-decoration: none;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
#meer:hover, #meer:focus, #meer:active {
    color: #026899;
}
#meer-informatie { 
  	display: none;
    -webkit-transition: all .35s ease;
    transition: all .35s ease; }
ul.csm-menu li {
    float: left !important;
    display: inline-block !important;
}
ul.csm-menu li a {
    padding: 0px 7px;
    margin-bottom: 3px;
    border-right: 1px solid #ffffff;
}

@media (max-width: 485px) {
	.t3-copyright { padding-bottom: 16px; padding-top: 16px; }
	.t3-copyright p, .t3-copyright p a { font-size: 13px; }
	.t3-copyright p#gerelateerd { font-size: 11px; margin-bottom: 0px; }
	ul.csm-menu li a { font-size: 11px; }
}



/*------------*/
/*-- MOBILE --*/
/*------------*/
.t3-off-canvas-body ul li ul.dropdown-menu li {
    padding-left: 20px !important;
}
.t3-off-canvas-body ul li ul.dropdown-menu li:before {
    position: absolute;
    content: "\f0da";
    font-family: FontAwesome;
    left: 0;
    margin-top: 5px;
}
@media (max-width: 1199px) {
    .uber-header.header-4.dark-color { padding-top: 26px !important; padding-bottom: 26px !important; }
    .uber-header.header-4 .logo {
        padding-bottom: 0px !important;
    }
    .right-menu { float: left !important; margin-right: 26px; }
    .right-menu .module-full { margin-top: 21.5px; }
    .uber-header.header-4 .off-canvas-toggle {
        background: #ffffff;
        width: 50px;
        line-height: 50px;
        right: inherit !important;
        float: right !important;
        position: inherit !important;
        margin-top: 36.5px;
    }
    .home-slide .slideset-styled .uk-position-center-right {
        border: 1px solid #ffffff !important;
        right: 0px !important;
    }
    .home-slide .slideset-styled .uk-position-center-left {
        border: 1px solid #ffffff !important;
        left: 0px !important;
    }
}
@media (max-width: 768px) {
	.uber-header.header-4 {
		height: auto !important;
	}
    #aanvragen h2 {
        font-size: 32px;
    }
    .uber-header.header-4.dark-color { padding-top: 26px !important; padding-bottom: 26px !important; }
    /*.header-4 .logo {
        width: 100% !important;
    }
    .header-4 .logo .logo-image {
        float: none !important;
        padding-right: 0px;
    }*/
    .uber-header.header-4 .logo {
        padding-bottom: 0px !important;
    }
    .right-menu { float: none !important; margin-right: 0px; }
    .right-menu .module-full {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 17px;
    }
    .right-menu .module-full .title {
        line-height: 20px;
    }
	.uber-header.header-4.light-color .site-navigation-right {
		padding-right: 0px !important;
	}
    .mobile-app {
        
    }
    /*.cta-whatsapp {
        height: 50px;
    }
    .cta-whatsapp:hover {
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
        background: #37be47;
        color: #ffffff;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    .cta-whatsapp .left {
        float: left;
        width: 42px;
        margin-right: 0px;
        display: block !important;
    }
    .cta-whatsapp i {
        font-size: 22px;
    }
    .cta-whatsapp .title {
        display: none;
        visibility: hidden;
    }*/
    .uber-header.header-4 .off-canvas-toggle {
        background: #ffffff;
        width: 50px;
        line-height: 50px;
        right: inherit !important;
        float: none;
        position: inherit !important;
        margin-top: 20px !important;
    }
    .calltoaction,
    .calltoaction .button {
        text-align: center;
    }
}
@media (max-width: 485px) {
	.uber-header.header-4 {
		padding-top: 16px!important;
		padding-bottom: 0px !important;
	}
    .uber-header.header-4 .off-canvas-toggle {
        margin-top: 7.5px !important;
    }
}





/*---------------*/
/*-- OFFCANVAS --*/
/*---------------*/
.t3-off-canvas.t3-off-canvas.off-canvas-effect-4.off-canvas-right.off-canvas-current {
	z-index: 999;
}
.off-canvas-right.off-canvas-effect-4.t3-off-canvas {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.t3-off-canvas {
	background: #f9f9f9;
	color: #4c4c4c;
}
.t3-off-canvas .t3-off-canvas-header {
	background: #f9f9f9;
	margin-bottom: 36px;
}
.t3-off-canvas .t3-off-canvas-header .close {
	background: #f9f9f9;
	color: #4c4c4c;
	font-size: 52px;
	width: 75px;
	line-height: 75px;
	height: 75px;
}
.t3-off-canvas .t3-off-canvas-body .nav li,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
	border-top: 0px !important;
	border-bottom: 0px;
}
.t3-off-canvas .t3-off-canvas-body .nav li a:hover,
.t3-off-canvas .t3-off-canvas-body .nav li a:active,
.t3-off-canvas .t3-off-canvas-body .nav li a:focus {
  background: none;
  color: #039be5;
}
.t3-off-canvas .t3-off-canvas-body .nav li.active > a,
.t3-off-canvas .t3-off-canvas-body .nav li.active.open > a {
  background: none;
  color: #039be5;
	font-weight: 400;
}
.t3-off-canvas .t3-off-canvas-body h3.module-title {
	font-weight: 300;
	line-height: 40px;
	font-size: 40px;	
	margin-bottom: 56px;
}
.t3-off-canvas .t3-off-canvas-body {
	padding: 0px 74px 26px 74px;
}
.t3-off-canvas .t3-off-canvas-body .nav,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
	font-size: 18px;
}
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper,
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}
.t3-wrapper::after {
	background: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 768px) {
	.t3-off-canvas {
		width: 400px;
	}
}
@media screen and (max-width: 768px) {
	.t3-off-canvas {
		width: 100%;
	}
	.off-canvas-toggle {
		padding: 0 10px !important; 
	}
}