@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-June 2016.
================================================================================================ */
/* ROTATING CUBE1R SETTINGS   ================================================================== */

@-webkit-keyframes spinningH1R { 100% {-webkit-transform: rotateZ(-720deg) rotateY(360deg) rotateX(-720deg);}}
@-moz-keyframes spinningH1R    { 100% {-moz-transform:    rotateZ(-720deg) rotateY(360deg) rotateX(-720deg);}}
@-o-keyframes spinningH1R      { 100% {-o-transform:      rotateZ(-720deg) rotateY(360deg) rotateX(-720deg);}}
@-ms-keyframes spinningH1R     { 100% {-ms-transform:     rotateZ(-720deg) rotateY(360deg) rotateX(-720deg);}}
@keyframes spinningH1R         { 100% {transform:         rotateZ(-720deg) rotateY(360deg) rotateX(-720deg);}}

@-webkit-keyframes blink3R {
  0%,25%  { box-shadow: 0 0 15px 7px rgba(240,50,255,.5);}
  35%,60% { box-shadow: 0 0 15px 7px rgba(0,50,255,.5);}
  70%,90% { box-shadow: 0 0 15px 7px rgba(255,50,50,.5);}
}

@-moz-keyframes blink3R {
  0%,25%  { box-shadow: 0 0 15px 7px rgba(240,50,255,.5);}
  35%,60% { box-shadow: 0 0 15px 7px rgba(0,50,255,.5);}
  70%,90% { box-shadow: 0 0 15px 7px rgba(255,50,50,.5);}
}

@-o-keyframes blink3R {
  0%,25%  { box-shadow: 0 0 15px 7px rgba(240,50,255,.5);}
  35%,60% { box-shadow: 0 0 15px 7px rgba(0,50,255,.5);}
  70%,90% { box-shadow: 0 0 15px 7px rgba(255,50,50,.5);}
}

@-ms-keyframes blink3R {
  0%,25%  { box-shadow: 0 0 15px 7px rgba(240,50,255,.5);}
  35%,60% { box-shadow: 0 0 15px 7px rgba(0,50,255,.5);}
  70%,90% { box-shadow: 0 0 15px 7px rgba(255,50,50,.5);}
}

@keyframes blink3R {
  0%,25%  { box-shadow: 0 0 15px 7px rgba(240,50,255,.5);}
  35%,60% { box-shadow: 0 0 15px 7px rgba(0,50,255,.5);}
  70%,90% { box-shadow: 0 0 15px 7px rgba(255,50,50,.5);}
}

#container1R {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
   }

.spinR {
  -webkit-animation: spinningH1R 20s infinite linear;
  -moz-animation: spinningH1R 20s infinite linear;
  -o-animation: spinningH1R 20s infinite linear;
  -ms-animation: spinningH1R 20s infinite linear;
  animation: spinningH1R 20s infinite linear;
}

#cube1R {
  position: relative;
  float: right;
  margin-left: 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;
}

#cube1R>div {
  position: absolute;
  height: 100px;
  width: 100px;
  padding: 0px;
  opacity: 0.9;
  background-position: center center;
  border: 2px solid black;
  border-radius: 10px;
  box-shadow: 0 0 15px 7px rgba(240,50,255,.5);
      
  -webkit-animation: blink3R 28s infinite linear;
  -moz-animation: blink3R 28s infinite linear;
  -o-animation: blink3R 28s infinite linear;
  -ms-animation: blink3R 28s infinite linear;
  animation: blink3R 28s infinite linear;
}

#cube1R div:nth-child(1) {
  -webkit-transform: translateZ(60px);
  -moz-transform: translateZ(60px);
  -o-transform: translateZ(60px);
  -ms-transform: translateZ(60px);
  transform: translateZ(60px);
    
  background: transparent;
  text-align: center;
  line-height: 100px;
  font-size: 16px;
  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;  
}

#cube1R 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);
  background: url('../square1_ctl/AG22_100.jpg');
}

#cube1R 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);
     
  background: transparent;
  text-align: center;
  line-height: 100px;
  font-size: 16px;
  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;  
}

#cube1R 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);
  background: url('../square1_ctl/AG22E.jpg');
  }

#cube1R 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);
  background: url('../square1_ctl/AG22C.jpg');
}

#cube1R 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);
  background: url('../square1_ctl/AG22D.jpg');
}

#cube1R:hover div:nth-child(1), #cube1R:focus div:nth-child(1) {
  border-radius: 50%;
}

#cube1R:hover div:nth-child(2), #cube1R:focus div:nth-child(2) {
  border-radius: 50%;
}

#cube1R:hover div:nth-child(3), #cube1R:focus div:nth-child(3) {
  border-radius: 50%;
  }

#cube1R:hover div:nth-child(4), #cube1R:focus div:nth-child(4) {
  border-radius: 50%;
  }

#cube1R:hover div:nth-child(5), #cube1R:focus div:nth-child(5) {
  border-radius: 50%;
  }

#cube1R:hover div:nth-child(6), #cube1R:focus div:nth-child(6)  {
  border-radius: 50%;
}

/* =============================================================================================
   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-June 2016.
================================================================================================ */