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

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

#HEADER h1 {
	    font-size: inherit;
    margin: 0;	
}

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

.HEADER_Icon{
        position : absolute;
             top : 34px;
      background : #2CAEA4;
   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: 186px;
    top: 9px;
    font-size: 18px;
}            /*Animated*/

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

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

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

#LEFT_Menu_1_wrap{
        position : absolute;
            left : -300px;
}

#LEFT_Menu_2_wrap{
        position : absolute;
            left : -300px;
}

#LEFT_Menu_3_wrap{
        position : absolute;
            left : -300px;
}

.LEFT_Button{
      background : white;
        position : absolute;
           width : 100px;
          height : 100px;
            left : 38px;
   border-radius : 50%;
          border : none;
      box-shadow : 7px 2px 0 0 #95d6d17a;
         z-index : 100;
}

.LEFT_Button:hover, button:hover, a:hover{
       transform : scale(1.2);
}
 
		
.LEFT_Button:focus, button:focus,a:focus{
	transform: scale(1.05);
	    box-shadow: 0 0 0px 3px #2c7872;
	//	 transform : scale(1.2);
}
 

#LEFT_Button_1{ 
         opacity : 1; /*Animated*/
             top : 96px;
            left : 38px; /*Animated*/
	  background : url(img/OBL_3D_Square.png ) #fff;
	 
}
#LEFT_Button_2{
         opacity : 1; /*Animated*/
             top : 225px;
            left : 38px; /*Animated*/
	  background : url(img/OBL_3D_Cylinder.png ) #fff;
	  
  }
#LEFT_Button_3{
         opacity : 1; /*Animated*/
             top : 355px;
            left : 38px; /*Animated*/
  	  background : url(img/OBL_3D_Cone.png ) #fff;
	    } 
	
	
 .slider  {display:none}
 .sec1 {display:none}
 .sec2 {display:none}
 .sec3 {display:none} 

	
	
	
.animate { transform: scale(.8);}

   #LEFT_Button_1,#LEFT_Button_2,#LEFT_Button_3,button,a  { 
    -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_Lable{
      background : white;
        position : absolute;
           width : 198px;
          height : 50px;
            left : 58px;    /*Animated*/
   border-radius : 0 10px 10px 0;
}	/*opacity*/   /*Animated*/

:root {
    
}
    
    
#LEFT_Button_Lable_1{ top:120px;background: transparent; }
#LEFT_Button_Lable_2{ top:248px;background: transparent; }	
#LEFT_Button_Lable_3{ top:378px;background: transparent; }

.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;
} 

/*                                 menu close*/



#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 : 93px;
   border-radius : 15px;
           width : 136px;
          height : 50px;   /*Animated*/
        overflow : hidden;
		z-index:100;
}  /* top */        /*Animated*/

.LEFT_Menu p{
       font-size : 18px;
     font-family : sans-serif;
        position : relative;
         padding : 0;
          margin : 2px auto;
} 
	
	
#Button_Wrapper_1{
 //   background : red;
        position : absolute;
      text-align : center;
           width : 102px;
            left : 16px;
             top : 58px;
      max-height : 426px;
	  	  padding-top: 4px;
        overflow : hidden;
		display:none;
}

#Button_Wrapper_2{
        position : absolute;
      text-align : center;
           width : 102px;
            left : 16px;
             top : 58px;
      max-height : 426px;
	  padding-top: 4px;
        overflow : hidden;
		display:none;
}

#Button_Wrapper_3{
        position : absolute;
      text-align : center;
           width : 102px;
            left : 16px;
             top : 58px;
      max-height : 426px;
	  	  padding-top: 4px;
        overflow : hidden;
		display:none;
}

.Button_Wrapper p{
         padding : 0;
          margin : 0;
}

#LEFT_Menu_1{	
}

.ImageButton{
 background-size : 60px !important;
          border : none;
   border-radius : 5px;
           width : 45px;
          height : 45px;
       font-size : 11px;
        position : relative;
             top : 0px;
         display : block;
          margin : 4px auto;
 background-size : 10px;
 background-size : 45px !important;
 
}
#buttonBlock{
    left: 160px;
    position: absolute;
    width: 115px;
    height: 480px;
    top: 210px;
  // background: #000a;
    z-index: 1000;
    cursor: no-drop;
display:none;
}



#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;
      
} 
 
/*========= SLIDERS ========*/

 #Tilt{
        position : absolute;
             top : 24px;
            left : 125px;  
			display:none;
}
 #Spin{
        position : absolute;
             top : 66px;
            left : 125px;  
				display:none;
}
 #Rise{
        position : absolute;
             top : 108px;
            left : 125px;  
				display:none;
} 

 #sliders-wrap{
          bottom : 0px;
           right : -32px;     /*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;
}



@-moz-document url-prefix() {
 .slider {
 border : 7px solid #E1E2E2;
    }
}


 #SliderLable{
        position : absolute;
    top: 17px;
  
}



#insStep1{
    position: relative;

    top: 16px;
	}
#insStep2{
	display:none;
    position: relative;
 
    top: 16px;
	}
#Hint{
font-weight: 800;
    position: absolute;
    top: -87px;
    font-size: 14px;
    z-index: 2003;
	    left: -45px;
    background: #D8EFEE;
    padding: 8px 23px;
    border-radius: 18px;
    color: #000;
	display:none;
}


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

input[type=range]:focus {
         outline : none;
		 box-shadow: 0 0 2px 2px #0098d8;
}

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;
    right: -45px;
    border-radius: 15px;
    top: 205px;
    left: 273px;
    z-index: 103;
	visibility: hidden;
} 
 
#MenuExit_1{ top :  188px;}
#MenuExit_2{ top :  188px;}
#MenuExit_3{ top :  188px;}

 .MenuCarret{
    position: absolute;
    right: -45px;
    border-radius: 15px;
    top: 205px;
    left: -25px;
    z-index: 103;
	xxvisibility: hidden;
} 
 
#MenuCarret_1{ top :  215px;}
#MenuCarret_2{ top :  343px;}
#MenuCarret_3{ top :  474px;}