/*--------------------------------------------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("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("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("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("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("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("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("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("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("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 --------------------------------------------*/
/*--------------------------------------------PageContainer --------------------------------------------*/
.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("images/SetupMiddle_960x552.jpg");
background-size: contain;
background-repeat: no-repeat;*/
}
/*--------------------------------------------PageContainer --------------------------------------------*/
/*-------------------------------------------Configurator--------------------------------------------*/

.ConfiguratorHolderInPage {
position: absolute;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
border: 2px solid gray;     
background-color: rgba(0,29,255,1.00); 
	padding: 0px;
	margin: 0px;
}

.ConfiguratorHolderFullPage {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
border: 0px solid gray;     
background-color: rgba(0,29,255,1.00); 
	padding: 0px;
	margin: 0px;
/*-------------------------------------------Configurator--------------------------------------------*/
	/*-------------------------------------------ConfiguratorMenus--------------------------------------------*/
}

#page3Dmenu {
	text-align: left;
position: absolute;
top: 0px;
left: 0%;
width: 25%;
height: 100%;  
background-color: gray;
}
#page3DmenuHor {
display: none;
position: absolute;
bottom: 0px;
left: 0%;
width: 100%;
height: 35%;  
background-color: yellow; 
}
/*-------------------------------------------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%;
/*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('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('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--------------------------------------------*/



@font-face {
font-family: 'Overpass';
src: url('./fonts/TwCenMTStd.otf') format('opentype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('fonts/TwCenMTStd-Bold.otf') format('opentype');
font-weight: 700;
font-style: normal;
}
@media (max-aspect-ratio: 5/5){
#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("images/SetupMiddle_960x552.jpg");
background-size: contain;
background-repeat: no-repeat;*/
}
}