body{
	    font-size: 18px;
    font-family: sans-serif;
}
 

 

 #Text{
     padding: 0px 10px;
     text-align: left;
     font-size: 28px;
}  



#WRAP{
        position : relative;
          border : black solid 1px;
           width : 1040px;
          height : 780px;
        overflow : hidden;
         padding : 0;
          margin : 0;
}

/*======================== HEADDER ========*/
#HEADER{
        position : relative;
			 top : -16px; 
           width : 100%;
          height : 100px;
      background : #4B5656;
           color : white;
		
text-align:center;
background:url('img/headerBg.png');

}

#HEADER_Text{
font-size: 40px;
    position: relative;
    top: 33px;
    font-family: sans-serif;
    font-weight: bold;
}

#HEADER_Text h1{
	    font-size: unset;
    margin: 0;
}

.HEADER_Icom{
        position : absolute;
             top : 34px;
      background : #2283C6;
   border-radius : 50%;
       font-size : 19px;
          border : none;
           width : 30px;
          height : 30px;
           color : #fff;
         padding : 0px 0 0 0;
}



.fa-file-alt{
    right: -30px;
    top: 10px;
    font-size: 18px;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 6px 8px;
	}

#HEADER_Icon_help{
right: -30px;
    top: 9px;
    font-size: 18px;
}            /*Animated*/
      
#HEADER_Icon_Doc{  
		 right : 24px;
		     top: 9px;
    font-size: 18px;
}     /* opacity*/ 		   /*Animated*/

/*======================== LEFT ========*/

#LEFT{ 
           position : relative;
		   top:-17px;
              width : 330px;
             height : 700px;
         background : #2283C6;
            display : inline-block;
background:url('img/menuBg.png') #2283C6;
  
}

#LEFT_Menu_1_wrap{
        position : absolute;
         
}

#LEFT_Menu_2_wrap{
        position : absolute;
          
}

#LEFT_Menu_3_wrap{
        position : absolute;
         
}

.LEFT_Button{
    background: white;
    position: absolute;
    width: 150px;
    height: 150px;
    left: 38px;
    border-radius: 16px;
    border: none;
    border: none;
    z-index: 100;

}

.LEFT_Button:hover{
     outline: none;
	 transform: scale(1.05);
}
 
  
.LEFT_Button:focus{
	//  outline: none;
	 transform: scale(1.05);
	//border:red 2px solid;
}
 

   #LEFT_Button_1,#LEFT_Button_2,#LEFT_Button_3  { 
    -webkit-transition : transform 0.5s ease-in-out;
    -moz-transition    : transform 0.5s ease-in-out;
    -ms-transition     : transform 0.5s ease-in-out;
  }
 
#LEFT_Button_1{ 
         opacity : 1; /*Animated*/
             top: 130px;
left: -184px;
	  background : url('img/OBL_rotations_right triangle button.png' ) #fff;
	 background-repeat : no-repeat;
}
#LEFT_Button_2{
         opacity : 1; /*Animated*/
           top: 289px;
left: -184px;
	  background : url('img/OBL_rotations_circle-button2.png' ) #fff;
	  background-repeat : no-repeat;

  }
  
#LEFT_Button_3{
         opacity : 1; /*Animated*/
            top: 448px; 
left: -184px;
  	  background : url('img/OBL_rotations_parallelogram button.png' ) #fff;
	  background-repeat : no-repeat;
	    } 
	
.animate { transform: scale(.8);}

	
.LEFT_Button_Lable{
      background : white;
        position : absolute;
           width : 198px;
          height : 50px;
            left : 58px;    /*Animated*/
   border-radius : 0 10px 10px 0;
}	/*opacity*/   /*Animated*/

:root {
    
}

.fa-caret-right{
        position : absolute;
        position : absolute;
             top : 8px;
           right : 5px;
       font-size : 33px;
}

.fa-times-circle{
        position : absolute;
             top : 3px;
           right : 3px;
       font-size : 25px;
} 

#LEFT_topLabel{
width: 298px;
    position: absolute;
    top: 0px;
    left: 16px;
    text-align: center;
  
    opacity : 0; /*Animated*/
}

.BodyText{
     font-weight : 600;
       font-size : 16px;
     font-family : sans-serif;
     font-weight : 550;
} 
   

.LEFT_Menu{
    background: #fff;
    position: absolute;
    left: 90px;
    top: 100px;
    border-radius: 8px;
	border-radius: 13px;
    width: 208px;
    overflow: hidden;	
	height:0;
}  /* top */        /*Animated*/

.LEFT_Menu p{
       font-size : 18px;
     font-family : sans-serif;
        position : relative;
         padding : 0;
          margin : 2px auto;
} 
 
.Button_Wrapper p{
         padding : 0;
          margin : 0;
}

.ImageButton {
    border: none;
    border-radius: 26px;
    color: black;
    color: rgba(0,0,0,0.87);
    font-size: 37px;
    background: #C3DFEB;
    margin: 0 auto 8px;
    height: 41px;
    font-size: 18px;
    position: relative;
    top: 0px;
    display: block;
    font-size: 18px;
}

.ImageButton:hover,.ImageButton:focus,.active {
	background:#3D98D5
}


.MenuPad{
position: absolute;
    top: 162px;
    text-align: center;
    width: 184px;
//     background: tan;
    left: 6px;
}

#LEFT_Menu_1 H1,
#LEFT_Menu_2 H1,
#LEFT_Menu_3 H1{
       font-size : 20px;
     font-family : sans-serif;
     font-weight : 900;
        position : relative;
            left : 11px;       /*Animated*/
}

 /*======================== RIGHT ========*/
 
#RIGHT_Open{
position: absolute;
    top: 107px;
    right: 64px;
    width: 570px;
    opacity: 0;
 //  	background:#ff00001a;
	height:500px;   
} 
 
/*========= SLIDERS ========*/

 #sliders-wrap{
          bottom : 0px;
           right : 11px;     /*Animated*/
        position : absolute;
           width : 684px;
          height : 150px;
         opacity : 0;       /*Animated*/
       // border : solid 1px #ccc;
}

 #Slider_inst {
        position : relative;
	
             top : -47px;
}

 #slider{
           width : 370px !important;
      background : #454b4c;
          border : 15px solid #E1E2E2;
   border-radius : 34px; 
    position: absolute;
    top: 46px;
    left: 180px; 
	display:none;
}

///#slider:hover {     border: 15px solid rgb(195, 223, 235); }

 #rangeLable{
    position: absolute;
    top: 46px;
    left: 75px;
}
 

#insStep1{
	display:none;
    position: relative; 
    top: 16px;
		color:#fff;
	}
	
#insStep2{
	display:none;
    position: relative; 
    top: 16px;
		color:#fff;
	}
 

   


/* http://danielstern.ca/range.css/#/ */
  
 input[type=range] {
-webkit-appearance : none;
           width : 100%;
          margin : -6.75px 0;
}

input[type=range]:focus {
       //  outline : none;
}

input[type=range]::-webkit-slider-runnable-track {
           width : 100%;
          height : 3.5px;
          cursor : pointer;
      background : #454b4c;  
}

input[type=range]::-webkit-slider-thumb {
          border : 2.4px solid #000000;
          height : 20px;
           width : 20px;
   border-radius : 50px;
      background : #2caea4;
          cursor : pointer;
-webkit-appearance : none;
      margin-top : -7.5px;
}

input[type=range]::-moz-range-track {
           width : 100%;
          height : 33.5px;
          cursor : pointer;
      background : #454b4c;

}
input[type=range]::-moz-range-thumb {}
input[type=range]::-ms-track {

}

input[type=range]::-ms-fill-lower {
      background : #2d3131;

}
input[type=range]::-ms-fill-upper {
      background : #454b4c;
}
input[type=range]::-ms-thumb {
           width : 3px;
      background : #2caea4;
          cursor : pointer;
          height : 20px;
}
input[type=range]:focus::-ms-fill-lower {
      background : #454b4c;
}
input[type=range]:focus::-ms-fill-upper {
      background : #5d6567;
}


 .MenuExit{
    position: absolute;
	top: 168px;
    left: 282px;
    border-radius: 15px; 
    z-index: 100;	 
} 
 

	.s50 {
transform: scale(.5); 
}


/*------------------------------------*/
.wait {cursor: wait;}



  #canvas1,
  #canvas2,
  #canvas3,
  #canvas4,
  #canvas5,
  #canvas6,
  #canvas7,
  #canvas8,
  #canvas9,
  #canvas10,
  #canvas11,
  #canvas12,
  #canvas13,
  #canvas14,
  #canvas15,
  #canvas16  
  {  
	position: absolute;
    width: 600px;
    height: 500px;
    top: 32px;
    right: 0px;
    border: 2px solid black;
   Xz-index: 50 !important;
}


  
 #scene3d{
    /* border: black 2px solid; */
    position: absolute;   /*Animated*/
    right: 62px;
    top: 85px; 
	background:red;
 opacity:0;	     /*Animated*/
}

#loading{
    position: absolute;
    bottom: -557px;
    left: -347px;
    font-size: 15px;
	display:none;
}

#X3d{
    position: absolute;
    right: 27px;
    top: 392px;		
}

#Y3d{
    position: absolute;
    right: 320px;
    top: 50px;
}

 
 .MenuButton{
     text-align : center;
     border : 1px solid black;
     width : 150px;
     height : 50px;
     font-size : 28px;
     font-weight : bold;
     background : linear-gradient(to bottom, #ffffff 0%, #f2f2f2 82%, #dcdddf 100%);
}
 #btnHelpClose{
    display:block;
}

#Blocker{
position: absolute;
    top: 238px;
    width: 90px;
    height: 421px;
   //   background: #0ffa;
    z-index: 10000000;
	
	}

hide{
    color: #0000;
    padding: 0;
    margin: 0;
    font-size: 0px;
    display: block;
 }
 
.container { text-align:center; margin:150px auto;}
.CV {display:block;}




.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  z-index: 2000;
  position: absolute;
  margin: auto;
  top: 10px;
  left: 10px;
  width: 200px;
  height: 50px;
  overflow: hidden;
  /*
   z-index: 2000;
  position: fixed;
  margin: auto;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 50px;
  overflow: hidden;
  */
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  display: block;
  position: absolute;
  right: 100%;
  margin-right: -7px;
  width: 93%;
  top: 7px;
  height: 14px;
  font-size: 12px;
  background: #29d;
  color: #29d;
  line-height: 60px;
  font-weight: bold;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;

  -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff;
  -ms-box-shadow: 120px 0 #fff, 240px 0 #fff;
  box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: inline-block;
  position: fixed;
  width: 45px;
  text-align: right;
  right: 0;
  padding-right: 16px;
  top: 4px;
}

.pace .pace-progress[data-progress-text="0%"]:after { right: -200px }
.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px }
.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px }
.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px }
.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px }
.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px }
.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px }
.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px }
.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px }
.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px }
.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px }
.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px }
.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px }
.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px }
.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px }
.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px }
.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px }
.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px }
.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px }
.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px }
.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px }
.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px }
.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px }
.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px }
.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px }
.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px }
.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px }
.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px }
.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px }
.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px }
.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px }
.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px }
.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px }
.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px }
.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px }
.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px }
.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px }
.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px }
.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px }
.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px }
.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px }
.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px }
.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px }
.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px }
.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px }
.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px }
.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px }
.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px }
.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px }
.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px }
.pace .pace-progress[data-progress-text="50%"]:after { right: -107px }
.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px }
.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px }
.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px }
.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px }
.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px }
.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px }
.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px }
.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px }
.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px }
.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px }
.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px }
.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px }
.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px }
.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px }
.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px }
.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px }
.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px }
.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px }
.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px }
.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px }
.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px }
.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px }
.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px }
.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px }
.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px }
.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px }
.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px }
.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px }
.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px }
.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px }
.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px }
.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px }
.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px }
.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px }
.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px }
.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px }
.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px }
.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px }
.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px }
.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px }
.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px }
.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px }
.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px }
.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px }
.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px }
.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px }
.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px }
.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px }
.pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px }
.pace .pace-progress[data-progress-text="100%"]:after { right: -14px }


.pace .pace-activity {
  position: absolute;
  width: 100%;
  height: 28px;
  z-index: 2001;
  box-shadow: inset 0 0 0 2px #29d, inset 0 0 0 7px #FFF;
  border-radius: 10px;
}

.pace.pace-inactive {
  display: none;
}