/* MIGRATED */
.hide {
    display: none;
}

@media (min-width: 64em) {
    .desktop-show {
        display: initial;
    }
}
#note {margin-bottom:-4em}
.clearfix:after {
	content: '';
	display: block;
	height: 0;
	width: 0;
	clear: both;
}
.typewriter {
	display: inline-block;
}
.typewriter-text {
    display: inline-block;
  	overflow: hidden;
 	animation: typing 5s steps(30, end), blink .75s step-end infinite;
    white-space: nowrap;
    border-right: 4px solid orange;
    box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	.typewriter-text {
	    white-space: pre-wrap;
		}
	}

@keyframes typing {
    from { 
        width: 0% 
    }
    to { 
        width: 100% 
    }
}

@keyframes blink {
    from, to { 
        border-color: transparent 
    }
    50% { 
        border-color: orange; 
    }
}
		@media screen and (max-width: 980px) {
	.break:before{ display: block; content: "\A";
  white-space: pre; }
		}
		
.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}


@keyframes typing {
    from { 
        width: 0% 
    }
    to { 
        width: 100% 
    }
}

@keyframes blink {
    from, to { 
        border-color: transparent 
    }
    50% { 
        border-color: orange; 
    }
}

.curved{-moz-border-radius:5px;  -webkit-border-radius:5px;  -khtml-border-radius:5px;  border-radius:5px; padding: 15px;    margin-bottom: 20px;    border: 1px solid transparent;}
.success{    color: #3c763d;    background-color: #dff0d8; border-color: #d6e9c6;}
.success a{color:#3c763d; text-decoration:underline}
.warning {    color: #8a6d3b;    background-color: #fcf8e3;    border-color: #faebcc;}
.error {color: #a94442;    background-color: #f2dede;    border-color: #ebccd1;}
.error b, .error strong, .responsive-tabs-wrapper a, .responsive-tabs-wrapper strong {color:#333; font-weight:500}
.warning b, .warning strong, {    color: #8a6d3b; }
.success, .error, .warning {font-size:0.8em}
.info {color: #1e1e1e;background-color: #ccebf9;border-color: #80cff3;}
	/* =Rotate img
-------------------------------------------------------------- */
img.grey {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
		}
.rotate i, .rotate img {    -moz-transition: all 0.6s ease-in-out;    -webkit-transition: all 0.6s ease-in-out;    -o-transition: all 0.6s ease-in-out;    -ms-transition: all 0.6s ease-in-out;    transition: all 0.6s ease-in-out;}

.rotate i:hover, .rotate img:hover {    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    -ms-transform: rotate(360deg);    transform: rotate(360deg);}