*{margin:0px;padding:0px;}
* {-webkit-font-smoothing: antialiased;}
a img{border:none;outline:none;box-shadow:none;}
input, textarea{outline:none;}
.error{color:red;}
.success{color:green;}
div.error, div.success{margin-bottom:12px;}
.hidden{visibility:hidden;height:0px;overflow:hidden;line-height:0px;}
.clearfix::after{content:"";display:block;clear:both;height:0px;line-height:0px;}
.w100{width:100%;}
.clear{clear:both;width:100%;display:block;height:0px;line-height:0px;margin:0px;padding:0px;}
div, section, footer, header, ul#list_express li .top{-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;box-sizing:border-box;}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
h1.textshadow{text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);}
footer .ttl{text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);}
.textalign_center{text-align:center;}
.cr_img{position:relative;}
.cr_img > img{height:100%;width:auto;}
/*--------------COLORS--------------*/
body{background:white;}
#sec_navdiensten, #sec_projecten{background:#f8f8f8;}
#cr_topnav, #cr_topnav.mobile nav, .ttl_black, #frm_contact input[type=submit]{background:#000000;}
/*#cr_topnav.home{background:transparent;}*/
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{background:#ababab;}
#sub_header, .button_block.blue, footer, footer .sub, .link_block.blue, a.blue, #frm_contact input[type=submit]:hover{background:#1264d6;}
#sub_header .cntnt > div:last-of-type, #sec_home .cntnt, #sec_diensten{background:white;}
.btn_circle.black{background:black;}
.btn_circle.lightblue, footer, .link_block.lightblue, #cr_breadcrumb, a.lightblue{background:#27dbf0;}
.link_block.darkblue{background:#2275a0;}
.link_block.midblue, .cr_sidewindow, a.midblue{background:#1c99ef;}
.link_block.lightgrey, 	.lightgrey{background:#bbbdc7;}
.ttl_small.lightgrey{background:none;}
#frm_contact input[type=text], #frm_contact textarea{background:#eeeeee;}
#frm_contact input[type=text].error, #frm_contact textarea.error{background:red;color:white;}
#cr_cookiesign > div{background:#f0461e;}
header{
	background: rgb(0,0,0);
	background: -moz-linear-gradient(345deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 100%);
	background: -webkit-linear-gradient(345deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 100%);
	background: linear-gradient(345deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#262626",GradientType=1);
}
#cr_topnav nav ul li:first-of-type a{
	background:#27dbf0;
	background: -moz-linear-gradient(345deg, rgba(18,100,214,1) 0%, rgba(39,219,240,1) 100%);
	background: -webkit-linear-gradient(345deg, rgba(18,100,214,1) 0%, rgba(39,219,240,1) 100%);
	background: linear-gradient(345deg, rgba(18,100,214,1) 0%, rgba(39,219,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1264d6",endColorstr="#27dbf0",GradientType=1);
}

body, a.link_arrow, a.link_arrow_right, #sub_header p, .cr_sidewindow a.link_arrow_right{color:black;}
p, p a, #frm_contact label, label a, ul li, ol li, ul li a, ol li a, h4{color:#646f78;}
#cr_topnav .btn_home, #cr_topnav .btn_home:hover{color:#ababab;}
#cr_topnav a{color:#888888;}
#cr_topnav nav ul li:first-of-type a, #cr_topnav a.active, #cr_topnav a:hover, .btn_circle.black, .ttl_black, .button_block.blue, footer .sub, footer, .link_block, footer a, footer p, #cr_breadcrumb, #cr_breadcrumb a, #cr_breadcrumb span, .cr_sidewindow, .cr_sidewindow p, .cr_sidewindow a, a.link_arrow_right.white, a.midblue, a.lightblue, a.blue, a.lightgrey, #frm_contact input[type=submit], header p{color:white;}
p.info, a.info, span.info{color:#999999;}
.ttl_small.lightblue{color:#27dbf0;}
.ttl_small.lightgrey{color:#bbbdc7;}

/*----------------------------------*/
/*				STICKY FOOTER		*/
/*----------------------------------*/
html{scroll-behavior: smooth;}
html, body {
	height: 100%;
	font-family: 'Asap', sans-serif;
	font-size:1em;
	font-weight:400;
	-moz-osx-font-smoothing: grayscale;
	padding:0px;
	margin:0px;
	width:100%;
}
.js body{display:none;}
#container{margin:0;width:100%;position:relative;overflow:hidden;padding:0px;}
footer{padding:0px 0 0px 0;width:100%;overflow:hidden;}
#push, #cr_navmobile ul li.btn_nav a::after{display:none;}
@media all and (min-width: 768px) {
	body{height:100%;}
	#container{margin-bottom:-346px;min-height:100%;height:auto !important;}
	#push{display:block;height:346px;}
	
}
/*----------------------------------*/
/*				STYLE CONTAINERS	*/
/*----------------------------------*/
.rotate{
	behavior:url(-ms-transform.htc);  
  -moz-transform:rotate(4deg);  
  -webkit-transform:rotate(4deg);  
  -o-transform:rotate(4deg);  
  -ms-transform:rotate(4deg);
}
/*----------------------------------*/
/*				LAYOUT CONTAINERS	*/
/*----------------------------------*/
footer, footer .sub{position:relative;}
footer .cntnt{padding:48px;box-sizing:border-box;position:relative;}
footer .cntnt img{height:72px;display:block;margin-bottom:12px;}
footer .cntnt div.data{width:auto;height:auto;}
footer .cntnt .data span{margin-right:12px;font-weight:700;font-size:0.875em;letter-spacing: 1px;}


#cr_kubunibutton{width:42px;text-align:right;height:42px;overflow:hidden;margin:0 auto;background:white;float:right;}
#cr_kubunibutton a{display:block;position:relative;width:42px;}
#cr_kubunibutton a img{height:36px;position:absolute;margin-right:0px;margin-top:3px;margin-left:-76px;}
@media all and (min-width: 768px) {
	footer .cntnt div.data{width:auto;height:auto;margin-bottom:32px;}
	footer .cntnt .data span{display:inline-block;}
	footer .cntnt img{margin-right:48px;height:72px;float:left;}
}
ul{margin-left:12px;}
/*---------------------------------------------------------------------------*/
/*				             HOME CONTENT                                    */
/*---------------------------------------------------------------------------*/
header{color:white;height:100vh;z-index:900;position:relative;}
.cntnt{padding:0 24px;position:relative;}
header .cntnt{height:calc(100vh - 96px );}
header::before{content:'';display:block;position:absolute;right:-300px;top:160px;background-image:url('/img/jrsanitair_logo_bg.png'); background-repeat:no-repeat;background-size:400px auto;width:600px;height:975px;z-index:900;}
#sub_header{height:96px;z-index:1000;position:relative;}
#sub_header .cntnt{padding:0px;}
#sub_header .cntnt > div:last-of-type{
	width:calc( 100% - 96px );
	height:96px;
	line-height:96px;
	box-sizing:border-box;
	padding:0 24px;
}
#sub_header .cntnt > div:last-of-type p{
	width:calc( 100% - 24px );
	margin-bottom:0px;
	padding-right:24px;
	box-sizing:border-box;
}
#sub_header .cntnt > div:first-of-type{width:96px;float:right;position:relative;display:block;height:96px;}
#sec_home .cntnt{margin-bottom:0px;padding:0px;width:100%;}
#sec_home .cntnt > div:first-of-type{padding:48px 24px;width:100%;position:relative;z-index:1000;margin-bottom:0px;box-sizing:border-box;}
#sec_home .cntnt > div:nth-of-type(2){position:relative;width:50%;box-sizing:border-box;z-index:1000;margin:0 auto;}
#cr_brands{position:relative;}
#cr_brands > div.inner{width:calc( 100% - 24px );margin-left:12px;overflow:hidden;position:relative;}
#cr_brands > div > div{height:96px;}
#cr_brands > div > div > span{margin-right:0px;width:100%;height:96px;line-height:96px;display:block;position:absolute;right:-100px;text-align:center;}
	#cr_brands > div > div > span:first-of-type{right:0px;}
#sec_navdiensten, #sec_projecten{padding:48px 0px 24px 0px;z-index:5000;position:relative;}
#sec_navdiensten .cntnt, #sec_projecten .cntnt{padding:0 24px;}
#sec_navdiensten .ttl_small, #sec_projecten .ttl_small{margin-bottom:12px;}
#list_diensten{position:relative;}
#list_diensten a{width:calc( 50% - 6px );margin-right:12px;margin-bottom:12px;}
#list_diensten a:nth-of-type(2n){margin-right:0px;}
#cr_brands > div > div > span > img{width:100%;}
/*#cr_brands div > span{float:left;height:96px;line-height:96px;padding:0px;text-align:center;display:block;}
#cr_brands{overflow:hidden;position:relative;}
#cr_brands > div.inner{width:100%;overflow:hidden;position:relative;}
#cr_brands > div > div{width:2000px;height:96px;}
#cr_brands > div > div > span{margin-right:0px;width:184px;height:96px;line-height:96px;}
#cr_brands > div > div > span > img{height:24px;}*/
@media all and (min-width: 768px) {
	.cntnt{padding:0 36px;box-sizing:border-box;width:100%;}
	header .cntnt h1{display:block;width:62%;}
	header::before{content:'';display:block;position:absolute;left:calc( 50% - 100px );top:200px;background-image:url('/img/jrsanitair_logo_bg.png'); background-repeat:no-repeat;background-size:802px auto;width:802px;height:975px;z-index:900;}
	#sub_header .cntnt > div:last-of-type, #sec_home .cntnt > div:first-of-type{width:68%;}
	#sub_header .cntnt > div:first-of-type{width:32%;float:right;position:relative;display:block;height:96px;}
	#sub_header .cntnt > div:last-of-type p{width:calc( 100% - 48px );}
	#sec_home .cntnt > div:nth-of-type(2){position:absolute;right:36px;width:calc( 38% - 60px );box-sizing:border-box;top:36px;}
	#cr_brands > div.inner{width:calc( 100% - 24px );margin-left:24px;overflow:hidden;position:relative;}
	#cr_brands > div > div{height:96px;}
	#cr_brands > div > div > span{margin-right:0px;width:100%;height:96px;line-height:96px;display:block;position:absolute;right:-1000px;text-align:center;}
	#cr_brands > div > div > span:first-of-type{right:0px;}
	/*#cr_brands > div > div > span:first-of-type{margin-left:-216px;}*/
	#cr_brands > div > div > span > img{height:24px;width:auto;}
	#sec_navdiensten .ttl_small, #sec_projecten .ttl_small{margin-bottom:18px;}
	#list_diensten a{width:calc( 50% - 9px );margin-right:18px;margin-bottom:18px;}
}
@media all and (min-width: 1024px) {
	header::before{content:'';display:block;position:absolute;left:calc( 50% - 0px );top:120px;background-image:url('/img/jrsanitair_logo_bg.png'); background-repeat:no-repeat;background-size:802px auto;width:802px;height:975px;z-index:900;}
	header .cntnt{padding:0 36px;}
	#sub_header::before{content:''; display:block; width:50%; position:absolute; height:96px; background:white;}
	#sub_header .cntnt>div:last-of-type{padding:0 48px;}
	#sec_home{background:white;}
	#sec_home .cntnt > div:first-of-type{padding:60px 36px 60px 36px;}
	/*.cntnt, #sec_home .cntnt{padding:0 0px;margin-left:calc( 50% - 512px );width:1024px;}*/
	#cr_brands > div > div > span{width:326px;}
	#cr_brands > div > div > span > img{height:36px;}
	#cr_brands > div.inner{width:calc( 100% - 36px );margin-left:36px;}
	#sec_navdiensten, #sec_projecten{padding:60px 0 36px 0;}
	#sec_navdiensten .cntnt, #sec_projecten.cntnt{padding:0 36px;}
	#sec_navdiensten .ttl_small, #sec_projecten .ttl_small{margin-bottom:18px;}
}

@media all and (min-width: 1200px) {
	header::before{content:'';display:block;position:absolute;left:calc( 50% - 0px );top:160px;background-image:url('/img/jrsanitair_logo_bg.png'); background-repeat:no-repeat;background-size:1000px auto;width:1140px;height:1600px;z-index:900;}
	header .cntnt{padding:0 36px;}
	.cntnt, #sec_home .cntnt{padding:0 0px;margin-left:calc( 50% - 600px );width:1200px;}
	#cr_brands > div > div > span{width:350px;}
	#cr_brands > div > div > span > img{height:36px;}
	#cr_brands > div.inner{width:calc( 100% - 60px );margin-left:60px;}
	#sec_home .cntnt > div:first-of-type{padding:72px 48px;}
	#sec_navdiensten, #sec_projecten{padding:0px 0 48px 0;}
	#sec_navdiensten .cntnt, #sec_projecten .cntnt{padding:72px 48px;}
	#cr_breadcrumb .cntnt{padding:0 48px;}
}
/*---------------------------------------------------------------------------*/
/*				             BREADCRUMB:				                     */
/*---------------------------------------------------------------------------*/
#cr_breadcrumb{padding-top:96px;font-size:0.875em;font-style:italic;font-weight:300;line-height:36px;}
#cr_breadcrumb span.active{font-weight:700;}
/*---------------------------------------------------------------------------*/
/*				             DIENSTEN: 					                     */
/*---------------------------------------------------------------------------*/
#sec_diensten{position:relative;}
#sec_diensten .cntnt{margin-bottom:0px;width:100%;padding:0px 0px 48px 0px;}
#sec_diensten .cntnt > div:first-of-type{padding:48px 24px;}
#cr_brands_diensten{position:relative;width:100%;}
#cr_brands_diensten > a{display:block;width:auto;float:left;margin-right:36px;padding:15px 0;}
#cr_brands_diensten > a img{height:30px;}
#cr_brands_diensten .ttl_small{margin-bottom:12px;}
#cr_brands_diensten{padding:0px 24px 48px 24px;}
.cr_sidewindow{padding:36px;border-radius:9px;width:calc( 100% - 48px );margin:0 24px;margin-bottom:0px;box-sizing:border-box;}
.cr_sidewindow .link_arrow_right{background:black;}
#list_projecten{position:relative;}
#list_projecten > div{width:calc( 50% - 6px );margin-right:12px;margin-bottom:12px;position:relative;display:block;}
#list_projecten > div:nth-of-type(2n){margin-right:0px;}
#list_projecten > div > a.cr_img{width:100%;position:relative;height:200px;display:block;}
#list_projecten > div > a:last-of-type{position:absolute;height:60px;font-size:0.75em;font-weight:700;letter-spacing: 1px; bottom:0px;width:100%;padding:12px 12px;box-sizing:border-box;overflow:hidden;}
#list_projecten > div > div.hidden{width:0px;height:0px;overflow:hidden;line-height:0px;}
@media all and (min-width: 480px) {
	#sec_diensten .cntnt > div:first-of-type, #cr_brands_diensten{width:82%;}
	.cr_sidewindow{width:calc( 82% - 48px );}
}
@media all and (min-width: 768px) {
	#sec_diensten .cntnt > div:first-of-type{padding:60px 36px 60px 36px;}
	#cr_brands_diensten{padding:0px 36px 60px 36px;}
	#sec_diensten .cntnt > div:first-of-type, #cr_brands_diensten{width:72%;}
	.cr_sidewindow{width:calc( 72% - 72px);margin:0 36px;}
	#list_projecten > div{width:calc( 33.3333% - 12px );margin-right:18px;margin-bottom:18px;position:relative;}
	#list_projecten > div > a.cr_img{height:246px;}
	#list_projecten > div:nth-of-type(2n){margin-right:18px;}
	#list_projecten > div:nth-of-type(3n){margin-right:0px;}
	#list_projecten > div > a:last-of-type{font-size:0.875em;}
	/*#sec_diensten .cntnt{padding:48px 36px 0px 36px;}
	#sec_diensten .cntnt > div:first-of-type{width:62%;}*/
}
@media all and (min-width: 1024px) {
	#sec_diensten .cntnt > div:first-of-type{padding:60px 36px 60px 36px;float:left;}
	#sec_diensten .cntnt > div:first-of-type{width:62%;}
	#cr_brands_diensten{position:relative;width:38%;display:block;overflow:hidden;padding:90px 36px 60px 36px;}
	#cr_brands_diensten > a{float:left;width:auto;margin-right:18px;padding:9px 0;}
	#cr_brands_diensten > a img{height:24px;}
	.cr_sidewindow{width:calc( 38% - 72px );display:block;top:54px;right:0px;left:36px;position:relative;overflow:hidden;box-sizing:border-box;}
	#list_projecten > div{width:calc( 25% - 12px );margin-right:16px;margin-bottom:18px;position:relative;}
	#list_projecten > div > a.cr_img{height:244px;}
	#list_projecten > div:nth-of-type(2n){margin-right:16px;}
	#list_projecten > div:nth-of-type(3n){margin-right:16px;}
	#list_projecten > div:nth-of-type(4n){margin-right:0px;}
	/*#sec_diensten .cntnt{padding:48px 36px 0px 36px;}
	#sec_diensten .cntnt > div:first-of-type{width:50%;}*/
}
@media all and (min-width: 1200px) {
	#sec_diensten .cntnt{margin-left:calc( 50% - 600px );width:1200px;}
	#sec_diensten .cntnt > div:first-of-type{padding:72px 48px;}
	#cr_brands_diensten > a{float:left;width:auto;margin-right:18px;padding:9px 0;}
	#cr_brands_diensten > a img{height:30px;}
	.cr_sidewindow{width:calc( 38% - 72px );display:block;top:72px;right:0px;left:36px;position:relative;overflow:hidden;box-sizing:border-box;}
}
/*---------------------------------------------------------------------------*/
/*				             COOKIESIGN					                     */
/*---------------------------------------------------------------------------*/
#cr_cookiesign, #cr_cookiesign > div{position:fixed;bottom:-200px; margin:0 12px;z-index:11000;}
#cr_cookiesign > div{bottom:0px;position:relative;color:black;padding:36px;border-radius:24px 24px 24px 0px;width:calc(100% - 72px);-moz-box-shadow:    0px 3px 18px 0px rgba(0, 0, 0, 0.2);
  	-webkit-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.2);
  	box-shadow:         0px 3px 18px 0px rgba(0, 0, 0, 0.2);}
#btn_cookie_ok{background:black;color:#ffffff;padding:16px 16px;border-radius:0px;line-height:24px;text-decoration:none;font-weight:700;display:inline-block;}
#cr_cookiesign p{color:black;}
@media all and (min-width: 768px) {
	#cr_cookiesign, #cr_cookiesign > div{width:360px;margin:0 24px;}
}
/*-------------------------------------*/
/*				FLEX                   */
/*-------------------------------------*/
#cr_navmobile ul, .cr_flex, header .cntnt, #sub_header .cntnt > div:last-of-type, #list_diensten, #list_projecten > div > a:last-of-type, #list_projecten{
	display: -webkit-box; 
	display: -moz-box; 
	display: -ms-flexbox; 
	display: -webkit-flex; 
	display: flex;
}
.flex_parent_square, .flex_image, .cr_flex{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	flex:1 0 auto;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-webkit-box-align: start;
	align-items: flex-start;
	position:relative;
}
header .cntnt, #sub_header .cntnt > div:last-of-type, #list_projecten > div > a:last-of-type{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	flex:1 0 auto;
	-ms-flex-align: start;
	-webkit-align-items:center;
	-webkit-box-align: start;
	align-items: center;
	position:relative;
}
/*#list_projecten > div > a:last-of-type{
	position:absolute;
	bottom:0px;
}*/
#cr_list_news, #list_diensten, #list_projecten{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;	
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	justify-content:flex-start;
	flex-wrap:wrap;
	-ms-flex-align: start;
	-webkit-align-items:center;
	-webkit-box-align: start;
	align-items: center;
}
#cr_partners .partner{
	width:94%;
	position:relative;
	-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;box-sizing:border-box;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	margin:0 3% 48px 3%;
}
.flex_parent_square .square img{width:100%;}
.flexbox_center, #list_referenties li div a, #cr_roulette .list ul li div a{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align:center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-hor, .flex-hor-center, .flex-hor-center > div, .flex-hor-top, .flex-hor-top > div{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;	
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	justify-content:space-between;
	flex-wrap:wrap;
}
.flex-hor-center > div, .flex-hor-centr > div{
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	justify-content:space-around;
}
.flex-hor-top.no_stretch{
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	-webkit-box-align: flex-start;
	align-items: flex-start;
}

/*----------------------------------*/
/*				STYLE FORM      	*/
/*----------------------------------*/
#frm_contact{position:relative;width:100%;}
#frm_contact > div{margin-bottom:12px;}
#frm_contact label{display:block;letter-spacing: 1px;text-transform:uppercase;font-size:0.75em;margin-bottom:3px;}
#frm_contact .inline label{display:inline-block;text-transform:none;}
#frm_contact input[type=text], #frm_contact textarea{display:block;width:100%;box-sizing:border-box;padding:12px;border:0px;}
#frm_contact textarea{height:200px;resize:vertical;}
#frm_contact input[type=checkbox]{margin-right:6px;}
#frm_contact input[type=submit]{border:0px;padding:16px 16px;box-sizing:border-box;text-decoration:none;font-weight:700;letter-spacing: 1px;transition:all 0.2s ease-out;font-size:1em;text-transform:uppercase;}
/*----------------------------------------------------------*/
/*                   NAVIGATION                             */
/*----------------------------------------------------------*/

#cr_topnav{position:fixed;width:100%;padding:24px;z-index:11000;}
#cr_topnav.show{top:0px;}
#cr_topnav.hide{top:-120px;}
#cr_topnav.mobile nav{margin-top:96px;}
#cr_topnav::after{content:'';display:block;height:0px;line-height:0px;clear:both;}
#cr_topnav #btn_mobile_nav{display:block;float:right;top:9px;position:relative;right:0px;z-index:1101;}
#cr_topnav .cr_img{position:relative;display:block;float:left;height:48px;line-height:48px;text-decoration:none;}
#cr_topnav .btn_home img{float:left;margin-right:12px;}
#cr_topnav .btn_home span{font-size:1.5em;font-weight:700;letter-spacing:1px;}
#cr_topnav nav ul{list-style-type:none;position:relative;}
#cr_topnav nav ul li a{text-decoration:none;text-transform:uppercase;font-weight:500;transition:all 0.2s ease-out;letter-spacing:1px;}
#cr_topnav nav ul li a.active, #cr_topnav nav ul li a:hover, #cr_topnav nav ul li:first-child a, #cr_topnav.mobile ul li a{opacity:1;}
#cr_topnav nav ul li:last-child{display:none;}

@media all and (max-width: 767px) {
	#cr_topnav nav a#link_logo_mobile{height:48px;margin-top:24px;margin-left:auto;position:absolute;}
	#link_logo_mobile img{height:100%;}
	#cr_topnav nav{position:fixed;width:100%;height:100%;top:0px;left:0px;text-align:center;display:block;opacity:0;z-index:1010;}
	#cr_topnav nav ul{width:calc( 100% - 96px );position:relative;margin:0 48px;}
	#cr_topnav nav a{display:block;width:auto;}
	#cr_topnav nav ul li{display:block;padding:6px 12px;margin-bottom:0px;}
	#cr_topnav nav ul li:first-of-type a{padding:24px 24px;width:auto;display:inline-block;margin-bottom:12px;}
	#cr_topnav nav ul li a{display:inline-block;font-size:0.875em;}
}
@media all and (min-width: 768px) {
	#cr_topnav{padding:0px;height:96px;}
	#cr_topnav #btn_mobile_nav{display:none;}
	#cr_topnav nav ul{width:430px;display:block;position:relative;text-align:right;margin-right:0px;margin-left:auto;padding-top:14px;}
	#cr_topnav nav ul li:first-of-type a{padding:38px 24px; width:auto;display:block;position:absolute;right:0px;top:0px;float:none;margin-bottom:0px;height:96px;box-sizing:border-box;}
	#cr_topnav nav ul li{float:left;margin-right:9px;padding:24px 3px;font-size:0.875em;}
	#cr_topnav .cr_img{margin:24px 0px 24px 24px;}
	/*#cr_topnav .cr_img{width:120px;}
	#cr_topnav .btn_home{margin-right:18px;}
	#cr_topnav nav{width:calc( 100% - 138px );position:relative;float:left;}
	#cr_topnav nav ul{width:100%;display:block;}
	#cr_topnav nav ul li:first-child{float:right;margin-right:0px;}
	#cr_topnav nav ul li{float:left;margin-right:12px;line-height:36px;font-size:0.875em;padding:0px;}
	#cr_topnav nav ul::after{content:'';display:block;height:0px;line-height:0px;clear:both;width:100%;}
	/*#cr_nav_shortcuts{right:56px;}*/
}
@media all and (min-width: 1024px) {
	#cr_topnav nav ul{width:670px;}
	#cr_topnav nav ul li:last-child{display:block;margin-left:24px;}
	#cr_topnav nav ul li:last-child img{height:12px;float:left;display:block;margin-top:4px;margin-right:6px;}
	#cr_topnav nav ul li:last-child a{color:#ffffff;opacity:1;}
	#cr_topnav nav ul li:first-of-type a{padding:38px 36px;}
	#cr_topnav .cr_img{margin:24px 0px 0px 36px;}
	/*#cr_topnav .btn_home{margin-right:48px;}
	#cr_topnav .cr_img{width:152px;}
	#cr_topnav nav{width:calc( 100% - 200px );position:relative;float:left;}
	#cr_topnav nav ul li{margin-right:18px;font-size:1em;line-height:48px;}
	/*#cr_nav_shortcuts{right:63px;}*/
}
@media all and (min-width: 1200px) {
	#cr_topnav .cr_img{margin:24px 0px 0px 60px;}
	#cr_topnav nav ul li:first-of-type a{padding:38px 60px;}
	#cr_topnav nav ul{width:730px;}
}
/*----------------------------------------------------------*/
/*                  BUTTONS .                               */
/*----------------------------------------------------------*/
.btn_circle{width:24px;height:24px;border-radius:50%;cursor:pointer;transition:all 0.1s ease-out;}
.btn_circle.black, .btn_circle.lightblue{
	background-image:url('/img/arrow_down_white.svg');background-repeat:no-repeat;background-position:center center;background-size:auto 10px;
}
.btn_circle:hover{scale:1.1;}
.link_arrow{display:block;text-transform:uppercase;font-size:1.25em;padding-left:30px;background-image:url('/img/arrow_right_black.svg');background-repeat:no-repeat;background-size:16px auto;background-position:left center;margin-bottom:6px;font-weight:700;}
.link_arrow_right{display:inline-block;text-transform:uppercase;font-size:1em;padding-right:24px;background-image:url('/img/arrow_right_black.svg');background-repeat:no-repeat;background-size:14px auto;background-position:right center;margin-bottom:6px;font-weight:700;text-decoration:none;}
.link_arrow_right.box{display:inline-block;text-transform:uppercase;font-size:1em;padding:12px 33px 12px 9px;background-image:url('/img/arrow_right_black.svg');background-repeat:no-repeat;background-size:14px auto;background-position:9px center;margin-bottom:6px;font-weight:700;text-decoration:none;}
.link_arrow_right.white{display:inline-block;text-transform:uppercase;font-size:1em;padding-right:24px;background-image:url('/img/arrow_right_white.svg');background-repeat:no-repeat;background-size:14px auto;background-position:right center;margin-bottom:6px;font-weight:700;text-decoration:none;}
.link_arrow_right.white.box{display:inline-block;text-transform:uppercase;font-size:1em;padding:16px 39px 16px 16px;background-image:url('/img/arrow_right_white.svg');background-repeat:no-repeat;background-size:14px auto;background-position:calc( 100% - 16px ) center;margin-bottom:6px;font-weight:700;text-decoration:none;}
.button_block{padding:24px 18px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-weight:700;display:inline-block;font-size:0.875em;}
.link_block{display:block;text-align:left;padding:18px 12px;box-sizing:border-box;text-decoration:none;font-weight:700;letter-spacing: 1px;transition:all 0.2s ease-out;}
.link_block span{display:none;}

@media all and (min-width: 768px) {
	.btn_circle{width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all 0.1s ease-out;}
	.btn_circle.black{
		background-image:url('/img/arrow_down_white.svg');background-repeat:no-repeat;background-position:center center;background-size:auto 14px;
	}
	.link_block{padding:24px 18px;}
	.link_block span{display:block;font-weight:300;letter-spacing:0px;font-size:0.875em;padding-top:9px;font-style:italic;opacity:0.9;}
	#list_diensten .link_block{
		-webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.0);
		-moz-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.0);
		box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.0);
	}
	#list_diensten .link_block:hover{
		-webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.5);
		scale:1.02;
	}
}
@media all and (min-width: 1024px) {
	.link_block{padding:36px 30px;}
}



/*----------------------------------*/
/*				TEXT      			*/
/*----------------------------------*/
h1, h2, h3, h4{font-weight:700;}
h1 span{font-weight:400;}
h1{font-size:2.75em;line-height:1.125;margin-top:0px;margin-bottom:0.45em;}
h1 a{text-decoration:none;}
h2{font-size:1.75em;line-height:1.25;margin-top:0px;margin-bottom:1em;font-weight:500;}
.text-img h2{margin-bottom:12px;}
footer h2{font-weight:300;margin-bottom:0px;}
h3, .cr_info{font-size:1.25em;line-height:1.14;margin-top:0px;margin-bottom:0.6em;font-weight:500;}
h4{font-size:1em;line-height:1.111;text-transform:uppercase;font-weight:500;margin-top:0px;margin-bottom:0.6em;}
p{font-size:0.875em;line-height:1.5;display:block;font-weight:400;margin-bottom:1.25em;}
ul li, ol li, ul li a, ol li a{font-size:0.875em;line-height:1.5;font-weight:400;}
p.big, span.big{font-size:1em;line-height:1.375;margin-bottom:1.25em;font-weight:300;}
p.info{font-style:italic;line-height:1.5;font-size:0.875em;}
span.info, a.info{font-style:italic;line-height:1.5;font-size:1em;}
p strong{font-weight:700;}
p.last, p:last-child{margin-bottom:0px;}
p.border-bottom{border-bottom:1px solid #c7d4da;padding:12px 0;margin-bottom:0px;}

p > img{display:block;float:left;margin:0 18px 18px 0px;width:120px;}
.underline{text-decoration:underline;}
.italic{font-style:italic;}
.highlight, .highlight a{font-style:italic;font-weight:700;text-decoration:none;}

strong, b{font-weight:500;}
.ttl_black{padding:6px 12px;font-weight:700;margin-bottom:18px;text-align:left;}
#sub_header p{font-size:0.875em;}
.ttl_small{font-size:0.75em;letter-spacing:1px;text-transform:uppercase;font-weight:700;}
.cr_sidewindow h2{font-weight:700;}
.cr_sidewindow p{font-size:1.125em;}
/*#cr_topnav.mobile nav ul li a{font-size:1.25em;text-decoration:none;line-height:36px;display:inline-block;}
#cr_topnav.mobile nav ul li a.button_outline{line-height:30px;}
#cr_topnav.mobile nav ul li{text-align:left;border-bottom:1Px solid #c7d4da;padding:9px 0px;}
#cr_topnav.mobile nav ul li:first-child{border-bottom:0Px solid #c7d4da;margin-bottom:24px;}
#cr_topnav.mobile nav ul li:last-child{border-bottom:0Px solid #c7d4da;}*/
@media all and (min-width: 768px) {
	h1{font-size:3em;}
	p.big{font-size:1.125em;line-height:1.375;margin-bottom:1.5em;}
}
@media all and (min-width: 1024px) {
	h1{font-size:3.75em;}
}
@media all and (min-width: 1200px) {
	h1{font-size:4em;}
	h2{font-size:2em;}
}
/*----------------------------------*/
/*				MEDIA QUERIES		*/
/*----------------------------------*/
@media all and (max-width: 479px) {
	
}
@media all and (min-width: 480px) and (max-width: 767px){
	
}
@media all and (min-width: 768px) and (max-width: 959px) {
	

}
@media all and (min-width: 960px) and (max-width: 1199px) {

	
}
@media all and (min-width:1200px){


}
@media all and (min-width:1600px){
	
}