@charset "utf-8";
/* =============================================================================================
   Author: O G POPA. Copyright © O G POPA. Licensed to "SC COMPLEMENT CONTROL SRL".
   This code was developed for http://www.corollarytheorems.com on March 2016.
================================================================================================ */
/* ROTATING CUBE1L SETTINGS   ================================================================== */

@-webkit-keyframes spinningH1L_GIGA { 100% {-webkit-transform: rotateX(720deg) rotateZ(-360deg);}}
@-moz-keyframes spinningH1L_GIGA    { 100% {-moz-transform:    rotateX(720deg) rotateZ(-360deg);}}
@-o-keyframes spinningH1L_GIGA      { 100% {-o-transform:      rotateX(720deg) rotateZ(-360deg);}}
@-ms-keyframes spinningH1L_GIGA     { 100% {-ms-transform:     rotateX(720deg) rotateZ(-360deg);}}
@keyframes spinningH1L_GIGA         { 100% {transform:         rotateX(720deg) rotateZ(-360deg);}}

@-webkit-keyframes blink3L {
  0%,17%  { box-shadow: 0 0 10px 5px rgba(0,50,255,.7);}
  33%,50% { box-shadow: 0 0 10px 5px rgba(240,50,255,.7);}
  66%,83% { box-shadow: 0 0 10px 5px rgba(255,150,0,.7);}
}

@-moz-keyframes blink3L {
  0%,17%  { box-shadow: 0 0 10px 5px rgba(0,50,255,.7);}
  33%,50% { box-shadow: 0 0 10px 5px rgba(240,50,255,.7);}
  66%,83% { box-shadow: 0 0 10px 5px rgba(255,150,0,.7);}
}

@-o-keyframes blink3L {
  0%,17%  { box-shadow: 0 0 10px 5px rgba(0,50,255,.7);}
  33%,50% { box-shadow: 0 0 10px 5px rgba(240,50,255,.7);}
  66%,83% { box-shadow: 0 0 10px 5px rgba(255,150,0,.7);}
}

@-ms-keyframes blink3L {
  0%,17%  { box-shadow: 0 0 10px 5px rgba(0,50,255,.7);}
  33%,50% { box-shadow: 0 0 10px 5px rgba(240,50,255,.7);}
  66%,83% { box-shadow: 0 0 10px 5px rgba(255,150,0,.7);}
}

@keyframes blink3L {
  0%,17%  { box-shadow: 0 0 10px 5px rgba(0,50,255,.7);}
  33%,50% { box-shadow: 0 0 10px 5px rgba(240,50,255,.7);}
  66%,83% { box-shadow: 0 0 10px 5px rgba(255,150,0,.7);}
}

#container1L_GIGA {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
 }

.spinL {
  -webkit-animation: spinningH1L_GIGA 18s infinite linear;
  -moz-animation: spinningH1L_GIGA 18s infinite linear;
  -o-animation: spinningH1L_GIGA 18s infinite linear;
  -ms-animation: spinningH1L_GIGA 18s infinite linear;
  animation: spinningH1L_GIGA 18s infinite linear;
}

#cube1L_GIGA {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
  height: 100px;
  width: 100px;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

#cube1L_GIGA>div {
  position: absolute;
  height: 100px;
  width: 100px;
  padding: 0px;
  opacity: 0.9;
  background-position: center center;
  border: 1px solid black;
  border-radius: 15px;
  box-shadow: 0 0 10px 5px rgba(0,50,255,.7);
  
  -webkit-animation: blink3L 4s infinite linear;
  -moz-animation: blink3L 4s infinite linear;
  -o-animation: blink3L 4s infinite linear;
  -ms-animation: blink3L 4s infinite linear;
  animation: blink3L 4s infinite linear;
}

#cube1L_GIGA div:nth-child(1) {
  -webkit-transform: translateZ(53px);
  -moz-transform: translateZ(53px);
  -o-transform: translateZ(53px);
  -ms-transform: translateZ(53px);
  transform: translateZ(53px);
  background: url('gi_images/AG228A.jpg');
}

#cube1L_GIGA div:nth-child(2) {
  -webkit-transform: rotateY(90deg) translateZ(53px);
  -moz-transform: rotateY(90deg) translateZ(53px);
  -o-transform: rotateY(90deg) translateZ(53px);
  -ms-transform: rotateY(90deg) translateZ(53px);
  transform: rotateY(90deg) translateZ(53px);
  background: url('gi_images/AG228D.jpg');
}

#cube1L_GIGA div:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(53px);
  -moz-transform: rotateY(180deg) translateZ(53px);
  -o-transform: rotateY(180deg) translateZ(53px);
  -ms-transform: rotateY(180deg) translateZ(53px);
  transform: rotateY(180deg) translateZ(53px);
  background: transparent; /* rgba(0,0,200,.5); */
  text-align: center;
  line-height: 90px;
  font-size: 30px;
  color: white;
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000,
               -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000,
               -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;  
}

#cube1L_GIGA div:nth-child(4) {
  -webkit-transform: rotateY(-90deg) translateZ(53px);
  -moz-transform: rotateY(-90deg) translateZ(53px);
  -o-transform: rotateY(-90deg) translateZ(53px);
  -ms-transform: rotateY(-90deg) translateZ(53px);
  transform: rotateY(-90deg) translateZ(53px);
  background: url('gi_images/AG227D.jpg');
}

#cube1L_GIGA div:nth-child(5) {
  -webkit-transform: rotateX(-90deg) translateZ(53px);
  -moz-transform: rotateX(-90deg) translateZ(53px);
  -o-transform: rotateX(-90deg) translateZ(53px);
  -ms-transform: rotateX(-90deg) translateZ(53px);
  transform: rotateX(-90deg) translateZ(53px);
  background: url('gi_images/AG230F.jpg');
}

#cube1L_GIGA div:nth-child(6)  {
  -webkit-transform: rotateX(90deg) translateZ(53px);
  -moz-transform: rotateX(90deg) translateZ(53px);
  -o-transform: rotateX(90deg) translateZ(53px);
  -ms-transform: rotateX(90deg) translateZ(53px);
  transform: rotateX(90deg) translateZ(53px);
  background: url('gi_images/AG222F.jpg');
}


#cube1L_GIGA:hover div:nth-child(1), #cube1L_GIGA:focus div:nth-child(1) {
  -webkit-transform: translateZ(60px);
  -moz-transform: translateZ(60px);
  -o-transform: translateZ(60px);
  -ms-transform: translateZ(60px);
  transform: translateZ(60px);
  border-radius: 10px;
}

#cube1L_GIGA:hover div:nth-child(2), #cube1L_GIGA:focus div:nth-child(2) {
  -webkit-transform: rotateY(90deg) translateZ(60px);
  -moz-transform: rotateY(90deg) translateZ(60px);
  -o-transform: rotateY(90deg) translateZ(60px);
  -ms-transform: rotateY(90deg) translateZ(60px);
  transform: rotateY(90deg) translateZ(60px);
  border-radius: 10px;
}

#cube1L_GIGA:hover div:nth-child(3), #cube1L_GIGA:focus div:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(60px);
  -moz-transform: rotateY(180deg) translateZ(60px);
  -o-transform: rotateY(180deg) translateZ(60px);
  -ms-transform: rotateY(180deg) translateZ(60px);
  transform: rotateY(180deg) translateZ(60px);
  border-radius: 10px;
}

#cube1L_GIGA:hover div:nth-child(4), #cube1L_GIGA:focus div:nth-child(4) {
  -webkit-transform: rotateY(-90deg) translateZ(60px);
  -moz-transform: rotateY(-90deg) translateZ(60px);
  -o-transform: rotateY(-90deg) translateZ(60px);
  -ms-transform: rotateY(-90deg) translateZ(60px);
  transform: rotateY(-90deg) translateZ(60px);
  border-radius: 10px;
}

#cube1L_GIGA:hover div:nth-child(5), #cube1L_GIGA:focus div:nth-child(5) {
  -webkit-transform: rotateX(-90deg) translateZ(60px);
  -moz-transform: rotateX(-90deg) translateZ(60px); 
  -o-transform: rotateX(-90deg) translateZ(60px);
  -ms-transform: rotateX(-90deg) translateZ(60px); 
  transform: rotateX(-90deg) translateZ(60px);
  border-radius: 10px;
}

#cube1L_GIGA:hover div:nth-child(6), #cube1L_GIGA:focus div:nth-child(6)  {
  -webkit-transform: rotateX(90deg) translateZ(60px);
  -moz-transform: rotateX(90deg) translateZ(60px);
  -o-transform: rotateX(90deg) translateZ(60px);
  -ms-transform: rotateX(90deg) translateZ(60px);
  transform: rotateX(90deg) translateZ(60px);
  border-radius: 10px;
}

/* =============================================================================================
   Author: O G POPA. Copyright © O G POPA. Licensed to "SC COMPLEMENT CONTROL SRL".
   This code was developed for http://www.corollarytheorems.com on March 2016.
================================================================================================ */