#g{
cursor: pointer;	
}
/*--------------------------------------------SVGPreloader--------------------------------------------*/
#SVGpreloader{
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0,0,0,0.00);
color: white;
width: 70%;
height: 70%;
z-index: 6;
}
/*--------------------------------------------SVGPreloader--------------------------------------------*/
/*--------------------------------------------EmailForm--------------------------------------------*/
#EmailForm{
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0,0,0,0.00);
color: white;
width: 100%;
height: 100%;
z-index: 7;
}
/*--------------------------------------------EmailForm--------------------------------------------*/

/*--------------------------------------------checkbox01 --------------------------------------------*/
/*Setup Container Box & text*/
.checkbox01[type=checkbox] + label {
display: inline-block;
margin: 2px;
cursor: pointer;
padding: 2px;
}
/* Hide the browser's default checkbox */
.checkbox01[type=checkbox] {
display: none;
}
/*checkbox & checker.....unchecked*/
.checkbox01[type=checkbox] + label:before {
font-size: 26px;
line-height: 16px;
font-family: 'FontAwesome';
content: "";
border: 2px solid #E8E8E8;
border-radius: 0px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align:middle;
color: rgba(255,255,255,1.00); /*checker*/
transform-origin: center center;
background-color: #E8E8E8;
/*	background-image: url("/BRUGLADDERS/images/CrossWhite-01.svg");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center center;*/
}
.checkbox01[type=checkbox] + label:active:before {
transform: scale(0);
color: #fff;
}
/*checkbox & checker.....checked*/
.checkbox01[type=checkbox]:checked + label:before {
font-size: 26px;
line-height: 16px;
font-family: 'FontAwesome';
content: "\f00c";
border: 2px solid #FFFFFF;
border-radius: 0px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align:middle;
color: rgba(255,255,255,1.00); /*checker*/
transform-origin: center center;
background-color: #f29220;
/*	background-image: url("/BRUGLADDERS/images/CrossWhite-01.svg");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center center;*/
}
/*checkbox & checker.....disabled*/
.checkbox01[type=checkbox]:disabled + label:before {
border: 2px solid #E8E8E8;
background-color: #E8E8E8;
}
/*checkbox & checker.....checked & disabled*/
.checkbox01[type=checkbox]:checked:disabled + label:before {
font-size: 26px;
line-height: 16px;
/*font-family: 'FontAwesome';*/
content: "";
border: 2px solid #FFFFFF;
border-radius: 0px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align:middle;
color: rgba(255,255,255,1.00); /*checker*/
transform-origin: center center;
background-color: #FF0004;
	background-image: url("/BRUGLADDERS/images/CrossWhite-01.svg");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center center;
}
.checkbox01Span{
font-family: Overpass, sans-serif;
font-size: 26px;
vertical-align: middle;
color: #fff;
font-weight: normal;
}
/*--------------------------------------------checkbox01 --------------------------------------------*/
/*--------------------------------------------checkbox02 --------------------------------------------*/
/*Setup Container Box & textx*/
/*Setup Container Box & text*/
.checkbox02[type=checkbox] + label {
display: inline-block;
margin: 2px;
cursor: pointer;
padding: 2px;
}
/* Hide the browser's default checkbox */
.checkbox02[type=checkbox] {
display: none;
}
/*checkbox & checker.....unchecked*/
.checkbox02[type=checkbox] + label:before {
font-size: 26px;
line-height: 16px;
font-family: 'FontAwesome';
content: "";
border: 2px solid #E8E8E8;
border-radius: 20px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align:middle;
color: rgba(255,255,255,1.00); /*checker*/
transform-origin: center center;
background-color: #E8E8E8;
/*	background-image: url("/BRUGLADDERS/images/CrossWhite-01.svg");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center center;*/
}
.checkbox02[type=checkbox] + label:active:before {
transform: scale(0);
color: #fff;
}
/*checkbox & checker.....checked*/
.checkbox02[type=checkbox]:checked + label:before {
font-size: 26px;
line-height: 16px;
font-family: 'FontAwesome';
content: "\f00c";
border: 2px solid #f29220;
border-radius: 20px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align:middle;
color: rgba(255,255,255,1.00); /*checker*/
transform-origin: center center;
background-color: #f29220;
/*	background-image: url("/BRUGLADDERS/images/CrossWhite-01.svg");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center center;*/
}
/*checkbox & checker.....disabled*/
.checkbox02[type=checkbox]:disabled + label:before {
border: 2px solid #E8E8E8;
background-color: #E8E8E8;
}
/*checkbox & checker.....checked & disabled*/
.checkbox02[type=checkbox]:checked:disabled + label:before {
font-size: 26px;
line-height: 16px;
/*font-family: 'FontAwesome';*/
content: "";
border: 2px solid #F19320;
border-radius: 20px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align:middle;
color: rgba(255,255,255,1.00); /*checker*/
transform-origin: center center;
background-color: #F19320;
/*	background-image: url("/BRUGLADDERS/images/CrossWhite-01.svg");
	background-size: 80% 80%;
    background-repeat: no-repeat;
	background-position: center center;*/
}
.checkbox02Span{
font-family: Overpass, sans-serif;
font-size: 26px;
vertical-align: middle;
color: #fff;
}
/*--------------------------------------------checkbox02 --------------------------------------------*/
/*--------------------------------------------checkbox03 --------------------------------------------*/
/*Setup Container Box & textx*/
/*Setup Container Box & text*/
.checkbox03[type=checkbox] + label {
display: inline-block;
margin: 2px;
cursor: pointer;
padding: 2px;
}
/* Hide the browser's default checkbox */
.checkbox03[type=checkbox] {
display: none;
}
/*checkbox & checker.....unchecked*/
.checkbox03[type=checkbox] + label:before {
font-size: 26px;
line-height: 16px;
font-family: 'FontAwesome';
content: "";
border: 2px solid #E8E8E8;
border-radius: 20px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align:middle;
color: rgba(255,255,255,1.00); /*checker*/
transform-origin: center center;
background-color: #E8E8E8;
/*	background-image: url("/BRUGLADDERS/images/CrossWhite-01.svg");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center center;*/
}
.checkbox03[type=checkbox] + label:active:before {
transform: scale(0);
color: #fff;
}
/*checkbox & checker.....checked*/
.checkbox03[type=checkbox]:checked + label:before {
font-size: 26px;
line-height: 16px;
font-family: 'FontAwesome';
content: "\f00c";
border: 2px solid #f29220;
border-radius: 20px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align:middle;
color: rgba(255,255,255,1.00); /*checker*/
transform-origin: center center;
background-color: #f29220;
/*	background-image: url("/BRUGLADDERS/images/CrossWhite-01.svg");
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center center;*/
}
/*checkbox & checker.....disabled*/
.checkbox03[type=checkbox]:disabled + label:before {
border: 2px solid #E8E8E8;
background-color: #E8E8E8;
}
/*checkbox & checker.....checked & disabled*/
.checkbox03[type=checkbox]:checked:disabled + label:before {
font-size: 26px;
line-height: 16px;
/*font-family: 'FontAwesome';*/
content: "";
border: 2px solid #FF0000;
border-radius: 20px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align:middle;
color: rgba(255,255,255,1.00); /*checker*/
transform-origin: center center;
background-color: #FF0000;
	background-image: url("/BRUGLADDERS/images/CrossWhite-01.svg");
	background-size: 80% 80%;
    background-repeat: no-repeat;
	background-position: center center;
}
.checkbox03Span{
font-family: Overpass, sans-serif;
font-size: 26px;
vertical-align: middle;
color: #fff;
}
/*--------------------------------------------checkbox03 --------------------------------------------*/

/*-------------------------------------------Configurator--------------------------------------------*/

.ConfiguratorHolderInPage {
position: absolute;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
border: 2px solid gray;     
background-color: gray; 
	padding: 0px;
	margin: 0px;
}

.ConfiguratorHolderFullPage {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
border: 0px solid gray;     
background-color: gray; 
	padding: 0px;
	margin: 0px;
	}
/*-------------------------------------------Configurator--------------------------------------------*/
	
	
	#Menu2bestelBtn {
		cursor: pointer;
		
	}
	
	/*-------------------------------------------ConfiguratorMenus--------------------------------------------*/


#page3Dmenu {
display: block;
text-align: left;
position: absolute;
top: 0px;
left: 0%;
width: 25%;
height: 100%;  
background-color: gray;
}
#page3DmenuHor {
display: none;
text-align: left;
position: absolute;
bottom: 0px;
left: 0%;
width: 100%;
height: 35%;  
background-color: gray; 
}
/*-------------------------------------------ConfiguratorMenus--------------------------------------------*/
/*-------------------------------------------3DSpace--------------------------------------------*/
#v3d-container {
position: absolute;
top: 0px;
left: 25%;
width: 75%;
height: 100%;
background-color: white; 
padding: 0px;
margin: 0px;
}




/*-------------------------------------------3DSpace--------------------------------------------*/
/*-------------------------------------------NoSpnnersOnInputfields--------------------------------------------*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
/*-------------------------------------------NoSpnnersOnInputfields--------------------------------------------*/
/*-------------------------------------------FulscreenDiv--------------------------------------------*/

.FullScr-Vis {
display: block;
background-color: rgba(255,0,4,1.00);
border: 0px solid gray;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
	z-index: 5;
/*overflow: auto;*/
}

.FullScr-InVis{
display: none;
position: absolute;
	border: 0px solid gray;
top: 0;
left: 0;
bottom: 0;
right: 0;
/*overflow: auto;*/
background-color: rgba(0,92,255,1.00);
}

.fullscreen_button_open {
                     display: block;
                     position: absolute;
                     right:0px;
                     top:0px;
height:0;width:10%;padding-bottom:10%;
                     background-color: rgba(255,255,255,0.00);
		margin: 0px;
	cursor: pointer;
	background-image: url('/BRUGLADDERS/images/FullScreenBtn-01.svg');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
}
.fullscreen_button_close {
                     display: block;
                     position: absolute;
                     right:0px;
                     top:0px;
height:0;width:10%;padding-bottom:10%;
                     background-color: rgba(255,255,255,0.00);
		margin: 0px;
	cursor: pointer;
	background-image: url('/BRUGLADDERS/images/ExitFullScreenBtn.svg');
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center center;
		z-index: 2;
}

.fullscreen_button:hover {
background-color: green;
}


/*-------------------------------------------FulscreenDiv--------------------------------------------*/
/*-------------------------------------------PreLoader--------------------------------------------*/
.preloader{
	display:block;
	padding: 5px;
    position: absolute;
    background-color: rgba(255,255,255,1);
    border: 2px solid #5b5859;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 360px;
    height: 265px;
    border-radius: 0px;
    z-index: 5;
}
.preloader-text{
    display: inline-block;
	text-align: center;
    margin: auto;
    width: 100%;
    font-family: Overpass, sans-serif;
    font-size: 100%;
    color: #787878;
}





.preloader_bar {
  bottom: 5px;
  max-width: 360px;
  width: 0%;
  height: 25px;
  border-radius: 0px;
  background-color: #f3920d;
  z-index: 2;
}
.preloader_logo {
	  display:inline;
  display: flex;
  justify-content: center;
  z-index: 2;
}
/*-------------------------------------------PreLoader--------------------------------------------*/
/*-------------------------------------------PageLayout--------------------------------------------*/
#outer {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.container01 {
    display: inline-block;
    background-color: rgba(0,0,255,0.00);
    width: 80%;
    padding-top: 88.33333333333333%; /* Aspect Ratio (divide 1060 by 960 = 1,104166666666667)  maal 80%*/
    background-image: url("/BRUGLADDERS/images/SetupTop_960x1060.jpg");
    background-size: contain;
    background-repeat: no-repeat;
}
.container02 {
text-align: center;
display: inline-block;
position: relative;
background-color: rgba(255,0,0,0.00);
width: 80%;
padding-top: 46%; /* Aspect Ratio (divide 552 by 960 = 0,575) maal 80% *//*	background-image: url("/BRUGLADDERS/images/SetupMiddle_960x552.jpg");
background-size: contain;
background-repeat: no-repeat;*/
}

.container03 {
    display: inline-block;
    background-color: rgba(255,0,0,0.00);
    width: 80%;
    padding-top: 164.1666666666667%; /* Aspect Ratio (divide 1970 by 960 = 2,052083333333333) maal 80% */
    background-image: url("/BRUGLADDERS/images/SetUpBottom_960x1970.jpg");
    background-size: contain;
    background-repeat: no-repeat;
}
.scrollable-place {
    height: 3000px;
}
.stop-scrolling {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 0px;
    margin: 0px;
}
/*-------------------------------------------PageLayout--------------------------------------------*/
/*-------------------------------------------BeugelPopUp--------------------------------------------*/
#BlackGround{
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0,0,0,0.72);
color: white;
z-index: 2;
width: 100%;
height: 100%;
}
#BeugelPopUp{
position: absolute;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
background: rgba(255,0,3,0.00);
z-index: 3;
width: 58%;
	height: 90%;

}

#BeugelPopUpSVG{
	width: 100%;
	height: 100%;
/*position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;*/
}

/*-------------------------------------------BeugelPopUp--------------------------------------------*/



@font-face {
font-family: 'Overpass';
src: url('.//BRUGLADDERS/fonts/TwCenMTStd.otf') format('opentype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('/BRUGLADDERS/fonts/TwCenMTStd-Bold.otf') format('opentype');
font-weight: 700;
font-style: normal;
}
@media (max-aspect-ratio: 5/5){
	#InfoI{
	transform: scale(0.98) translate(500px, -410px);	
	}

	#AllSVGMenu{

	transform: scale(2.3) translate(-280px, 5px);	
	}

	#DividerLineUnder{
	transform:  translate(327px, -390px) rotate(0.0turn) scale(1.2,1);	
	}
	#DividerLineTop{
	transform:  translate(610px, -8px) rotate(0.25turn) scale(1,1);	
	}
	#MainInvoerField{
	transform: scale(1.2) translate(275px, -315px);
	}
	#Menu2bestelBtn{
	transform: scale(1.2) translate(660px, -500px);
	}
	#PriceHolder{
	transform: scale(1.1) translate(300px, -392px);
	}
	#h{
	transform: scale(1.0) translate(20px, -30px);
	}
	#TotaalPricetxt{
	transform: scale(1.0) translate(10px, -32px);
	}
	#MainBestelBtn{
	transform: scale(1.0) translate(15px, -40px);	
	}	
	#BackGroundMenu{
	display: block;
	}

	
#page3Dmenu {
display: none;
}
#page3DmenuHor {
	
display:block;
}

#v3d-container {
position: absolute;
top: 0px;
left: 0%;
width: 100%;
height: 65%;
}
.container02 {

padding-top: 99%; /* Aspect Ratio (divide 552 by 960 = 0,575) maal 80% *//*	background-image: url("/BRUGLADDERS/images/SetupMiddle_960x552.jpg");
background-size: contain;
background-repeat: no-repeat;*/
}
	#BeugelPopUp{
		width: 90%;
		height: 65%
	}
}

/*-------------------------------------------CORE8--------------------------------------------*/
svg#Configmenu{width:100%!important;height:100%!important}
svg foreignObject {font-size:initial;font-weight: initial;line-height: initial}

g#PlatDakGroep .afcdc73b-61f2-4ed6-8feb-a0afa52df6b2 {
    transform: translate(7px, 43px);
}
div#FullScreenDiv {
  z-index: 100;
  position: fixed;
  height: 100vh;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html {
  height: -webkit-fill-available;
}

div#FullScreenDiv {
  z-index: 100;
  position: fixed;
  height: 100vh;
  height: -webkit-fill-available;
}