/* PickAndPlace */

.picturePickAndPlace {
background-image: url("../img/POPUP_PICK AND PLACE.jpg");
}

#PickAndPlacePict {	
	background-image: url("../img/Button_Machine_tool_feeding (00000).png");
	}

#ButtonMenuPickAndPlace {
	margin-left: -270px;
	margin-top: -80px;
}

#pickAndPlaceMenu2 {
    /*border: 1px solid red;*/
    width: 200px;
    height: 400px;
    position: absolute;
    margin-top: -300px;
    margin-left: -400px;
	
}

#menu1a {
   
    visibility: collapse;
    margin-left: 190px;
	margin-top: -100px;
    width: 100%;

}

/*Menü Styling*/

/*Menü Chat*/
.menuChat-item, i, .fa {
	font-size: 33px ;
	width: 40px ;
	height: 45px;
	vertical-align: middle;
}
/*.menuChat {
  -webkit-filter: url("#shadowed-gooChat");
          filter: url("#shadowed-gooChat");
}*/

.menuChat-item, .menuChat-open-button {
  background: #e2001a;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menuChat-open {
  display: none;
}

.hamburgerChat {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburgerChat-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburgerChat-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburgerChat-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menuChat-open:checked + .menuChat-open-button .hamburgerChat-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menuChat-open:checked + .menuChat-open-button .hamburgerChat-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menuChat-open:checked + .menuChat-open-button .hamburgerChat-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menuChat {
	
  position: absolute;
  left: 20%;
  padding-top: 20px;
  padding-left: 190px;
  width: 380px;
  height: 250px;
  box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.menuChat-item:hover {
  background: white;
  color: #ff4081;
}
.menuChat-item:nth-child(3) {
  -webkit-transition-duration: 70ms;
          transition-duration: 70ms;
}
.menuChat-item:nth-child(4) {
  -webkit-transition-duration: 130ms;
          transition-duration: 130ms;
}

.menuChat-item:nth-child(9) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}

.menuChat-item:nth-child(5) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}
.menuChat-item:nth-child(6) {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.menuChat-item:nth-child(7) {
  -webkit-transition-duration: 310ms;
          transition-duration: 310ms;
}

.menuChat-item:nth-child(8) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuChat-item:nth-child(10) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuChat-item:nth-child(11) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuChat-item:nth-child(12) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuChat-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menuChat-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menuChat-open:checked + .menuChat-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menuChat-open:checked ~ .menuChat-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menuChat-open:checked ~ .menuChat-item:nth-child(3) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(77.18543px, 85.2491px, 0);
          transform: translate3d(77.18543px, 85.2491px, 0);
}

.menuChat-open:checked ~ .menuChat-item:nth-child(4) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(0.09158px, 114.99996px, 0);
          transform: translate3d(0.09158px, 114.99996px, 0);
}
.menuChat-open:checked ~ .menuChat-item:nth-child(5) {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(-77.04956px, 85.37192px, 0);
          transform: translate3d(-77.04956px, 85.37192px, 0);
}


/* LoadAndUnload */
.pictureLoadUnload {
background-image: url("../img/POPUP_LOAD AND UNLOAD.jpg");
}

#LoadUnloadPict {	
	background-image: url("../img/Button_Machine_tool_feeding (00000).png");
	}

#ButtonLoadUnload {
	margin-left: -190px;
}

#LoadUnloadMenu2 {
    /*border: 1px solid red;*/
    width: 200px;
    height: 400px;
    position: absolute;
    margin-top: -200px;
    margin-left: -300px;
	
}

#menu2a {
   
    visibility: collapse;
    margin-left: 190px;
	margin-top: -100px;
    width: 100%;

}

/*Menü LoadUnload*/
.menuLoadUnload-item, i, .fa {
	font-size: 33px ;
	width: 40px ;
	height: 45px;
	vertical-align: middle;
}
/*.menuLoadUnload {
  -webkit-filter: url("#shadowed-gooLoadUnload");
          filter: url("#shadowed-gooLoadUnload");
}*/

.menuLoadUnload-item, .menuLoadUnload-open-button {
  background: #e2001a;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menuLoadUnload-open {
  display: none;
}

.hamburgerLoadUnload {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburgerLoadUnload-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburgerLoadUnload-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburgerLoadUnload-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menuLoadUnload-open:checked + .menuLoadUnload-open-button .hamburgerLoadUnload-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menuLoadUnload-open:checked + .menuLoadUnload-open-button .hamburgerLoadUnload-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menuLoadUnload-open:checked + .menuLoadUnload-open-button .hamburgerLoadUnload-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menuLoadUnload {
  position: absolute;
  left: 20%;
  padding-top: 20px;
  padding-left: 190px;
  width: 380px;
  height: 250px;
  box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.menuLoadUnload-item:hover {
  background: white;
  color: #ff4081;
}
.menuLoadUnload-item:nth-child(3) {
  -webkit-transition-duration: 70ms;
          transition-duration: 70ms;
}
.menuLoadUnload-item:nth-child(4) {
  -webkit-transition-duration: 130ms;
          transition-duration: 130ms;
}

.menuLoadUnload-item:nth-child(9) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}

.menuLoadUnload-item:nth-child(5) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}
.menuLoadUnload-item:nth-child(6) {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.menuLoadUnload-item:nth-child(7) {
  -webkit-transition-duration: 310ms;
          transition-duration: 310ms;
}

.menuLoadUnload-item:nth-child(8) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuLoadUnload-item:nth-child(10) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuLoadUnload-item:nth-child(11) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuLoadUnload-item:nth-child(12) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuLoadUnload-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menuLoadUnload-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menuLoadUnload-open:checked + .menuLoadUnload-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menuLoadUnload-open:checked ~ .menuLoadUnload-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menuLoadUnload-open:checked ~ .menuLoadUnload-item:nth-child(3) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(77.18543px, 85.2491px, 0);
          transform: translate3d(77.18543px, 85.2491px, 0);
}

.menuLoadUnload-open:checked ~ .menuLoadUnload-item:nth-child(4) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(0.09158px, 114.99996px, 0);
          transform: translate3d(0.09158px, 114.99996px, 0);
}
.menuLoadUnload-open:checked ~ .menuLoadUnload-item:nth-child(5) {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(-77.04956px, 85.37192px, 0);
          transform: translate3d(-77.04956px, 85.37192px, 0);
}

/*WaterJet Start*/
.pictureWaterJet {
background-image: url("../img/POPUP_WATERJET CUTTING MACHINE.jpg");
}

#WaterJetPict {	
	background-image: url("../img/Button_Waterjet_Cutting_v02.png");
	}
	
#ButtonWaterJet {
	margin-left: -190px;
}	

#WaterJetMenu2 {
    /*border: 1px solid red;*/
    width: 200px;
    height: 400px;
    position: absolute;
    margin-top: -200px;
    margin-left: -300px;
	
}

#menu3a {
   
    visibility: collapse;
    margin-left: 190px;
	margin-top: -100px;
    width: 100%;

}

/*Menü WaterJet*/
.menuWaterJet-item, i, .fa {
	font-size: 33px ;
	width: 40px ;
	height: 45px;
	vertical-align: middle;
}
/*.menuWaterJet {
  -webkit-filter: url("#shadowed-gooWaterJet");
          filter: url("#shadowed-gooWaterJet");
}*/

.menuWaterJet-item, .menuWaterJet-open-button {
  background: #e2001a;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menuWaterJet-open {
  display: none;
}

.hamburgerWaterJet {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburgerWaterJet-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburgerWaterJet-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburgerWaterJet-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menuWaterJet-open:checked + .menuWaterJet-open-button .hamburgerWaterJet-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menuWaterJet-open:checked + .menuWaterJet-open-button .hamburgerWaterJet-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menuWaterJet-open:checked + .menuWaterJet-open-button .hamburgerWaterJet-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menuWaterJet {
  position: absolute;
  left: 20%;
  padding-top: 20px;
  padding-left: 190px;
  width: 380px;
  height: 250px;
  box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.menuWaterJet-item:hover {
  background: white;
  color: #ff4081;
}
.menuWaterJet-item:nth-child(3) {
  -webkit-transition-duration: 70ms;
          transition-duration: 70ms;
}
.menuWaterJet-item:nth-child(4) {
  -webkit-transition-duration: 130ms;
          transition-duration: 130ms;
}

.menuWaterJet-item:nth-child(9) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}

.menuWaterJet-item:nth-child(5) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}
.menuWaterJet-item:nth-child(6) {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.menuWaterJet-item:nth-child(7) {
  -webkit-transition-duration: 310ms;
          transition-duration: 310ms;
}

.menuWaterJet-item:nth-child(8) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuWaterJet-item:nth-child(10) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuWaterJet-item:nth-child(11) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuWaterJet-item:nth-child(12) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuWaterJet-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menuWaterJet-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menuWaterJet-open:checked + .menuWaterJet-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menuWaterJet-open:checked ~ .menuWaterJet-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menuWaterJet-open:checked ~ .menuWaterJet-item:nth-child(3) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(77.18543px, 85.2491px, 0);
          transform: translate3d(77.18543px, 85.2491px, 0);
}

.menuWaterJet-open:checked ~ .menuWaterJet-item:nth-child(4) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(0.09158px, 114.99996px, 0);
          transform: translate3d(0.09158px, 114.99996px, 0);
}
.menuWaterJet-open:checked ~ .menuWaterJet-item:nth-child(5) {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(-77.04956px, 85.37192px, 0);
          transform: translate3d(-77.04956px, 85.37192px, 0);
}

/*ToolChanger Start*/
.pictureToolChanger {
background-image: url("../img/POPUP_TOOL CHANGER.jpg");
}

#ToolChangerPict {	
	background-image: url("../img/Button_Tool_Changer_v03.png");
	}
	
#ButtonToolChanger {
	margin-left: -190px;
}	

#ToolChangerMenu2 {
    /*border: 1px solid red;*/
    width: 200px;
    height: 400px;
    position: absolute;
    margin-top: -200px;
    margin-left: -300px;
	
}

#menu4a {
   
    visibility: collapse;
    margin-left: 190px;
	margin-top: -100px;
    width: 100%;

}

/*Menü ToolChanger*/
.menuToolChanger-item, i, .fa {
	font-size: 33px ;
	width: 40px ;
	height: 45px;
	vertical-align: middle;
}
/*.menuToolChanger {
  -webkit-filter: url("#shadowed-gooToolChanger");
          filter: url("#shadowed-gooToolChanger");
}*/

.menuToolChanger-item, .menuToolChanger-open-button {
  background: #e2001a;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menuToolChanger-open {
  display: none;
}

.hamburgerToolChanger {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburgerToolChanger-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburgerToolChanger-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburgerToolChanger-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menuToolChanger-open:checked + .menuToolChanger-open-button .hamburgerToolChanger-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menuToolChanger-open:checked + .menuToolChanger-open-button .hamburgerToolChanger-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menuToolChanger-open:checked + .menuToolChanger-open-button .hamburgerToolChanger-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menuToolChanger {
  position: absolute;
  left: 20%;
  padding-top: 20px;
  padding-left: 190px;
  width: 380px;
  height: 250px;
  box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.menuToolChanger-item:hover {
  background: white;
  color: #ff4081;
}
.menuToolChanger-item:nth-child(3) {
  -webkit-transition-duration: 70ms;
          transition-duration: 70ms;
}
.menuToolChanger-item:nth-child(4) {
  -webkit-transition-duration: 130ms;
          transition-duration: 130ms;
}

.menuToolChanger-item:nth-child(9) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}

.menuToolChanger-item:nth-child(5) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}
.menuToolChanger-item:nth-child(6) {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.menuToolChanger-item:nth-child(7) {
  -webkit-transition-duration: 310ms;
          transition-duration: 310ms;
}

.menuToolChanger-item:nth-child(8) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuToolChanger-item:nth-child(10) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuToolChanger-item:nth-child(11) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuToolChanger-item:nth-child(12) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuToolChanger-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menuToolChanger-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menuToolChanger-open:checked + .menuToolChanger-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menuToolChanger-open:checked ~ .menuToolChanger-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menuToolChanger-open:checked ~ .menuToolChanger-item:nth-child(3) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(77.18543px, 85.2491px, 0);
          transform: translate3d(77.18543px, 85.2491px, 0);
}

.menuToolChanger-open:checked ~ .menuToolChanger-item:nth-child(4) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(0.09158px, 114.99996px, 0);
          transform: translate3d(0.09158px, 114.99996px, 0);
}
.menuToolChanger-open:checked ~ .menuToolChanger-item:nth-child(5) {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(-77.04956px, 85.37192px, 0);
          transform: translate3d(-77.04956px, 85.37192px, 0);
}

/*PanelSliding Start*/
.picturePanelSliding {
background-image: url("../img/POPUP_CONTROL PANEL SLIDING.jpg");
}

#PanelSlidingPict {	
	background-image: url("../img/Button_Machine_Tool_Safety_v02.png");
	}
	
#ButtonPanelSliding {
	margin-left: -190px;
}	

#PanelSlidingMenu2 {
    /*border: 1px solid red;*/
    width: 200px;
    height: 400px;
    position: absolute;
    margin-top: -200px;
    margin-left: -300px;
	
}

#menu5a {
   
    visibility: collapse;
    margin-left: 190px;
	margin-top: -100px;
    width: 100%;

}

/*Menü PanelSliding*/
.menuPanelSliding-item, i, .fa {
	font-size: 33px ;
	width: 40px ;
	height: 45px;
	vertical-align: middle;
}
/*.menuPanelSliding {
  -webkit-filter: url("#shadowed-gooPanelSliding");
          filter: url("#shadowed-gooPanelSliding");
}*/

.menuPanelSliding-item, .menuPanelSliding-open-button {
  background: #e2001a;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menuPanelSliding-open {
  display: none;
}

.hamburgerPanelSliding {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburgerPanelSliding-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburgerPanelSliding-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburgerPanelSliding-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menuPanelSliding-open:checked + .menuPanelSliding-open-button .hamburgerPanelSliding-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menuPanelSliding-open:checked + .menuPanelSliding-open-button .hamburgerPanelSliding-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menuPanelSliding-open:checked + .menuPanelSliding-open-button .hamburgerPanelSliding-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menuPanelSliding {
  position: absolute;
  left: 20%;
  padding-top: 20px;
  padding-left: 190px;
  width: 380px;
  height: 250px;
  box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.menuPanelSliding-item:hover {
  background: white;
  color: #ff4081;
}
.menuPanelSliding-item:nth-child(3) {
  -webkit-transition-duration: 70ms;
          transition-duration: 70ms;
}
.menuPanelSliding-item:nth-child(4) {
  -webkit-transition-duration: 130ms;
          transition-duration: 130ms;
}

.menuPanelSliding-item:nth-child(9) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}

.menuPanelSliding-item:nth-child(5) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}
.menuPanelSliding-item:nth-child(6) {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.menuPanelSliding-item:nth-child(7) {
  -webkit-transition-duration: 310ms;
          transition-duration: 310ms;
}

.menuPanelSliding-item:nth-child(8) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuPanelSliding-item:nth-child(10) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuPanelSliding-item:nth-child(11) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuPanelSliding-item:nth-child(12) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuPanelSliding-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menuPanelSliding-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menuPanelSliding-open:checked + .menuPanelSliding-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menuPanelSliding-open:checked ~ .menuPanelSliding-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menuPanelSliding-open:checked ~ .menuPanelSliding-item:nth-child(3) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(77.18543px, 85.2491px, 0);
          transform: translate3d(77.18543px, 85.2491px, 0);
}

.menuPanelSliding-open:checked ~ .menuPanelSliding-item:nth-child(4) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(0.09158px, 114.99996px, 0);
          transform: translate3d(0.09158px, 114.99996px, 0);
}
.menuPanelSliding-open:checked ~ .menuPanelSliding-item:nth-child(5) {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(-77.04956px, 85.37192px, 0);
          transform: translate3d(-77.04956px, 85.37192px, 0);
}

/*SevenAxisCeiling Start*/
.pictureSevenAxisCeiling {
background-image: url("../img/POPUP_SEVENTH AXIS CEILING MOUNTED.jpg");
}

#SevenAxisCeilingPict {	
	background-image: url("../img/Button_7th_Axis_Ceiling_v02.png");
	}
	
#ButtonSevenAxisCeiling {
	margin-left: -190px;
}	

#SevenAxisCeilingMenu2 {
    /*border: 1px solid red;*/
    width: 200px;
    height: 400px;
    position: absolute;
    margin-top: -200px;
    margin-left: -300px;
	
}

#menu6a {
   
    visibility: collapse;
    margin-left: 190px;
	margin-top: -100px;
    width: 100%;

}

/*Menü SevenAxisCeiling*/
.menuSevenAxisCeiling-item, i, .fa {
	font-size: 33px ;
	width: 40px ;
	height: 45px;
	vertical-align: middle;
}
/*.menuSevenAxisCeiling {
  -webkit-filter: url("#shadowed-gooSevenAxisCeiling");
          filter: url("#shadowed-gooSevenAxisCeiling");
}*/

.menuSevenAxisCeiling-item, .menuSevenAxisCeiling-open-button {
  background: #e2001a;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menuSevenAxisCeiling-open {
  display: none;
}

.hamburgerSevenAxisCeiling {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburgerSevenAxisCeiling-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburgerSevenAxisCeiling-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburgerSevenAxisCeiling-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menuSevenAxisCeiling-open:checked + .menuSevenAxisCeiling-open-button .hamburgerSevenAxisCeiling-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menuSevenAxisCeiling-open:checked + .menuSevenAxisCeiling-open-button .hamburgerSevenAxisCeiling-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menuSevenAxisCeiling-open:checked + .menuSevenAxisCeiling-open-button .hamburgerSevenAxisCeiling-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menuSevenAxisCeiling {
  position: absolute;
  left: 20%;
  padding-top: 20px;
  padding-left: 190px;
  width: 380px;
  height: 250px;
  box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.menuSevenAxisCeiling-item:hover {
  background: white;
  color: #ff4081;
}
.menuSevenAxisCeiling-item:nth-child(3) {
  -webkit-transition-duration: 70ms;
          transition-duration: 70ms;
}
.menuSevenAxisCeiling-item:nth-child(4) {
  -webkit-transition-duration: 130ms;
          transition-duration: 130ms;
}

.menuSevenAxisCeiling-item:nth-child(9) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}

.menuSevenAxisCeiling-item:nth-child(5) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}
.menuSevenAxisCeiling-item:nth-child(6) {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.menuSevenAxisCeiling-item:nth-child(7) {
  -webkit-transition-duration: 310ms;
          transition-duration: 310ms;
}

.menuSevenAxisCeiling-item:nth-child(8) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuSevenAxisCeiling-item:nth-child(10) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuSevenAxisCeiling-item:nth-child(11) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuSevenAxisCeiling-item:nth-child(12) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuSevenAxisCeiling-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menuSevenAxisCeiling-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menuSevenAxisCeiling-open:checked + .menuSevenAxisCeiling-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menuSevenAxisCeiling-open:checked ~ .menuSevenAxisCeiling-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menuSevenAxisCeiling-open:checked ~ .menuSevenAxisCeiling-item:nth-child(3) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(77.18543px, 85.2491px, 0);
          transform: translate3d(77.18543px, 85.2491px, 0);
}

.menuSevenAxisCeiling-open:checked ~ .menuSevenAxisCeiling-item:nth-child(4) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(0.09158px, 114.99996px, 0);
          transform: translate3d(0.09158px, 114.99996px, 0);
}
.menuSevenAxisCeiling-open:checked ~ .menuSevenAxisCeiling-item:nth-child(5) {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(-77.04956px, 85.37192px, 0);
          transform: translate3d(-77.04956px, 85.37192px, 0);
}

/*SevenAxisFloor Start*/
.pictureSevenAxisFloor {
background-image: url("../img/POPUP_SEVENTH AXIS FLOOR MOUNTED.jpg");
}

#SevenAxisFloorPict {	
	background-image: url("../img/Button_7th_Axis_Floor_v02.png");
	}
	
#ButtonSevenAxisFloor {
	margin-left: -190px;
}	

#SevenAxisFloorMenu2 {
    /*border: 1px solid red;*/
    width: 200px;
    height: 400px;
    position: absolute;
    margin-top: -200px;
    margin-left: -300px;
	
}

#menu7a {
   
    visibility: collapse;
    margin-left: 190px;
	margin-top: -100px;
    width: 100%;

}

/*Menü SevenAxisFloor*/
.menuSevenAxisFloor-item, i, .fa {
	font-size: 33px ;
	width: 40px ;
	height: 45px;
	vertical-align: middle;
}
/*.menuSevenAxisFloor {
  -webkit-filter: url("#shadowed-gooSevenAxisFloor");
          filter: url("#shadowed-gooSevenAxisFloor");
}*/

.menuSevenAxisFloor-item, .menuSevenAxisFloor-open-button {
  background: #e2001a;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menuSevenAxisFloor-open {
  display: none;
}

.hamburgerSevenAxisFloor {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburgerSevenAxisFloor-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburgerSevenAxisFloor-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburgerSevenAxisFloor-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menuSevenAxisFloor-open:checked + .menuSevenAxisFloor-open-button .hamburgerSevenAxisFloor-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menuSevenAxisFloor-open:checked + .menuSevenAxisFloor-open-button .hamburgerSevenAxisFloor-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menuSevenAxisFloor-open:checked + .menuSevenAxisFloor-open-button .hamburgerSevenAxisFloor-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menuSevenAxisFloor {
  position: absolute;
  left: 20%;
  padding-top: 20px;
  padding-left: 190px;
  width: 380px;
  height: 250px;
  box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.menuSevenAxisFloor-item:hover {
  background: white;
  color: #ff4081;
}
.menuSevenAxisFloor-item:nth-child(3) {
  -webkit-transition-duration: 70ms;
          transition-duration: 70ms;
}
.menuSevenAxisFloor-item:nth-child(4) {
  -webkit-transition-duration: 130ms;
          transition-duration: 130ms;
}

.menuSevenAxisFloor-item:nth-child(9) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}

.menuSevenAxisFloor-item:nth-child(5) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}
.menuSevenAxisFloor-item:nth-child(6) {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.menuSevenAxisFloor-item:nth-child(7) {
  -webkit-transition-duration: 310ms;
          transition-duration: 310ms;
}

.menuSevenAxisFloor-item:nth-child(8) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuSevenAxisFloor-item:nth-child(10) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuSevenAxisFloor-item:nth-child(11) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuSevenAxisFloor-item:nth-child(12) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuSevenAxisFloor-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menuSevenAxisFloor-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menuSevenAxisFloor-open:checked + .menuSevenAxisFloor-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menuSevenAxisFloor-open:checked ~ .menuSevenAxisFloor-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menuSevenAxisFloor-open:checked ~ .menuSevenAxisFloor-item:nth-child(3) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(77.18543px, 85.2491px, 0);
          transform: translate3d(77.18543px, 85.2491px, 0);
}

.menuSevenAxisFloor-open:checked ~ .menuSevenAxisFloor-item:nth-child(4) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(0.09158px, 114.99996px, 0);
          transform: translate3d(0.09158px, 114.99996px, 0);
}
.menuSevenAxisFloor-open:checked ~ .menuSevenAxisFloor-item:nth-child(5) {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(-77.04956px, 85.37192px, 0);
          transform: translate3d(-77.04956px, 85.37192px, 0);
}

/*LaserCutting Start*/
.pictureLaserCutting {
background-image: url("../img/POPUP_LASER CUTTING MACHINE.jpg");
}

#LaserCuttingPict {	
	background-image: url("../img/Button_Laser_Cutting_v02.png");
	}
	
#ButtonLaserCutting {
	margin-left: -190px;
}	

#LaserCuttingMenu2 {
    /*border: 1px solid red;*/
    width: 200px;
    height: 400px;
    position: absolute;
    margin-top: -200px;
    margin-left: -300px;
	
}

#menu8a {
   
    visibility: collapse;
    margin-left: 190px;
	margin-top: -100px;
    width: 100%;

}

/*Menü LaserCutting*/
.menuLaserCutting-item, i, .fa {
	font-size: 33px ;
	width: 40px ;
	height: 45px;
	vertical-align: middle;
}
/*.menuLaserCutting {
  -webkit-filter: url("#shadowed-gooLaserCutting");
          filter: url("#shadowed-gooLaserCutting");
}*/

.menuLaserCutting-item, .menuLaserCutting-open-button {
  background: #e2001a;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menuLaserCutting-open {
  display: none;
}

.hamburgerLaserCutting {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburgerLaserCutting-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburgerLaserCutting-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburgerLaserCutting-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menuLaserCutting-open:checked + .menuLaserCutting-open-button .hamburgerLaserCutting-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menuLaserCutting-open:checked + .menuLaserCutting-open-button .hamburgerLaserCutting-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menuLaserCutting-open:checked + .menuLaserCutting-open-button .hamburgerLaserCutting-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menuLaserCutting {
  position: absolute;
  left: 20%;
  padding-top: 20px;
  padding-left: 190px;
  width: 380px;
  height: 250px;
  box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.menuLaserCutting-item:hover {
  background: white;
  color: #ff4081;
}
.menuLaserCutting-item:nth-child(3) {
  -webkit-transition-duration: 70ms;
          transition-duration: 70ms;
}
.menuLaserCutting-item:nth-child(4) {
  -webkit-transition-duration: 130ms;
          transition-duration: 130ms;
}

.menuLaserCutting-item:nth-child(9) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}

.menuLaserCutting-item:nth-child(5) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
}
.menuLaserCutting-item:nth-child(6) {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.menuLaserCutting-item:nth-child(7) {
  -webkit-transition-duration: 310ms;
          transition-duration: 310ms;
}

.menuLaserCutting-item:nth-child(8) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuLaserCutting-item:nth-child(10) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuLaserCutting-item:nth-child(11) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuLaserCutting-item:nth-child(12) {
  -webkit-transition-duration: 360ms;
          transition-duration: 360ms;
}

.menuLaserCutting-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menuLaserCutting-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menuLaserCutting-open:checked + .menuLaserCutting-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menuLaserCutting-open:checked ~ .menuLaserCutting-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menuLaserCutting-open:checked ~ .menuLaserCutting-item:nth-child(3) {
  -webkit-transition-duration: 240ms;
          transition-duration: 240ms;
  -webkit-transform: translate3d(77.18543px, 85.2491px, 0);
          transform: translate3d(77.18543px, 85.2491px, 0);
}

.menuLaserCutting-open:checked ~ .menuLaserCutting-item:nth-child(4) {
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  -webkit-transform: translate3d(0.09158px, 114.99996px, 0);
          transform: translate3d(0.09158px, 114.99996px, 0);
}
.menuLaserCutting-open:checked ~ .menuLaserCutting-item:nth-child(5) {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(-77.04956px, 85.37192px, 0);
          transform: translate3d(-77.04956px, 85.37192px, 0);
}