/* START: Text Animation 1 */
/*Sentence*/
.sentence{
	color: #222;
  text-align: center;
  line-height: 24px;
  margin: 0;
}
/*Wrapper*/
.wrapper{
   font-family: 'Raleway', sans-serif;
   position: relative;
   height: 45px;
   text-align: center;
   display: inline-block;
   width: 100%;
}

/*Vertical Sliding*/
.slidingVertical{
   display: inline;
   text-indent: 8px;
}
.slidingVertical p{
   animation: topToBottom 12.5s linear infinite 0s;
   -ms-animation: topToBottom 12.5s linear infinite 0s;
   -webkit-animation: topToBottom 12.5s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
}
.slidingVertical p:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.slidingVertical p:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.slidingVertical p:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.slidingVertical p:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*topToBottom Animation*/
@keyframes topToBottom{
   0% { opacity: 0; }
   5% { opacity: 0; transform: translateY(-50px); }
   10% { opacity: 1; transform: translateY(0px); }
   25% { opacity: 1; transform: translateY(0px); }
   30% { opacity: 0; transform: translateY(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-moz-keyframes topToBottom{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: translateY(-50px); }
   10% { opacity: 1; -moz-transform: translateY(0px); }
   25% { opacity: 1; -moz-transform: translateY(0px); }
   30% { opacity: 0; -moz-transform: translateY(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform: translateY(-50px); }
   10% { opacity: 1; -webkit-transform: translateY(0px); }
   25% { opacity: 1; -webkit-transform: translateY(0px); }
   30% { opacity: 0; -webkit-transform: translateY(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: translateY(-50px); }
   10% { opacity: 1; -ms-transform: translateY(0px); }
   25% { opacity: 1; -ms-transform: translateY(0px); }
   30% { opacity: 0; -ms-transform: translateY(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}

/*Horizontal Sliding*/
.slidingHorizontal{
   display: inline-block;
   vertical-align: top;
}
.slidingHorizontal p{
   animation: leftToRight 12.5s linear infinite 0s;
   -ms-animation: leftToRight 12.5s linear infinite 0s;
   -webkit-animation: leftToRight 12.5s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
}

.slidingHorizontal p:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.slidingHorizontal p:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.slidingHorizontal p:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.slidingHorizontal p:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*leftToRight Animation*/
@keyframes leftToRight{
   0% { opacity: 0; }
   5% { opacity: 0; transform: translateX(-50px); }
   10% { opacity: 1; transform: translateX(0px); }
   25% { opacity: 1; transform: translateX(0px); }
   30% { opacity: 0; transform: translateX(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-moz-keyframes leftToRight{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: translateX(-50px); }
   10% { opacity: 1; -moz-transform: translateX(0px); }
   25% { opacity: 1; -moz-transform: translateX(0px); }
   30% { opacity: 0; -moz-transform: translateX(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-webkit-keyframes leftToRight{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform: translateX(-50px); }
   10% { opacity: 1; -webkit-transform: translateX(0px); }
   25% { opacity: 1; -webkit-transform: translateX(0px); }
   30% { opacity: 0; -webkit-transform: translateX(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes leftToRight{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: translateX(-50px); }
   10% { opacity: 1; -ms-transform: translateX(0px); }
   25% { opacity: 1; -ms-transform: translateX(0px); }
   30% { opacity: 0; -ms-transform: translateX(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}

/*FadeIn*/
.fadeIn{
   display: inline;
   text-indent: 8px;
}
.fadeIn p{
   animation: fadeEffect 12.5s linear infinite 0s;
   -ms-animation: fadeEffect 12.5s linear infinite 0s;
   -webkit-animation: fadeEffect 12.5s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
}
.fadeIn p:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.fadeIn p:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.fadeIn p:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.fadeIn p:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*FadeIn Animation*/
@keyframes fadeEffect{
   0% { opacity: 0; }
   5% { opacity: 0; transform: translateY(0px); }
   10% { opacity: 1; transform: translateY(0px); }
   25% { opacity: 1; transform: translateY(0px); }
   30% { opacity: 0; transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-moz-keyframes fadeEffect{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: translateY(0px); }
   10% { opacity: 1; -moz-transform: translateY(0px); }
   25% { opacity: 1; -moz-transform: translateY(0px); }
   30% { opacity: 0; -moz-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-webkit-keyframes fadeEffect{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform: translateY(0px); }
   10% { opacity: 1; -webkit-transform: translateY(0px); }
   25% { opacity: 1; -webkit-transform: translateY(0px); }
   30% { opacity: 0; -webkit-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes fadeEffect{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: translateY(0px); }
   10% { opacity: 1; -ms-transform: translateY(0px); }
   25% { opacity: 1; -ms-transform: translateY(0px); }
   30% { opacity: 0; -ms-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}

/*Vertical Flip*/
.verticalFlip{
   display: inline;
   text-indent: 8px;
}
.verticalFlip p{
   animation: vertical 12.5s linear infinite 0s;
   -ms-animation: vertical 12.5s linear infinite 0s;
   -webkit-animation: vertical 12.5s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
}
.verticalFlip p:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.verticalFlip p:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.verticalFlip p:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.verticalFlip p:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*Vertical Flip Animation*/
@keyframes vertical{
   0% { opacity: 0; }
   5% { opacity: 0; transform: rotateX(180deg); }
   10% { opacity: 1; transform: translateY(0px); }
   25% { opacity: 1; transform: translateY(0px); }
   30% { opacity: 0; transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-moz-keyframes vertical{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: rotateX(180deg); }
   10% { opacity: 1; -moz-transform: translateY(0px); }
   25% { opacity: 1; -moz-transform: translateY(0px); }
   30% { opacity: 0; -moz-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-webkit-keyframes vertical{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform: rotateX(180deg); }
   10% { opacity: 1; -webkit-transform: translateY(0px); }
   25% { opacity: 1; -webkit-transform: translateY(0px); }
   30% { opacity: 0; -webkit-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes vertical{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: rotateX(180deg); }
   10% { opacity: 1; -ms-transform: translateY(0px); }
   25% { opacity: 1; -ms-transform: translateY(0px); }
   30% { opacity: 0; -ms-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}

/*Horizontal Flip*/
.horizontalFlip{
   display: inline;
   text-indent: 8px;
}
.horizontalFlip p{
   animation: horizontal 12.5s linear infinite 0s;
   -ms-animation: horizontal 12.5s linear infinite 0s;
   -webkit-animation: horizontal 12.5s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
}
.horizontalFlip p:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.horizontalFlip p:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.horizontalFlip p:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.horizontalFlip p:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*Horizontal Flip Animation*/
@keyframes horizontal{
   0% { opacity: 0; }
   5% { opacity: 0; transform: rotateY(180deg); }
   10% { opacity: 1; transform: translateX(0px); }
   25% { opacity: 1; transform: translateX(0px); }
   30% { opacity: 0; transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-moz-keyframes horizontal{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: rotateY(180deg); }
   10% { opacity: 1; -moz-transform: translateX(0px); }
   25% { opacity: 1; -moz-transform: translateX(0px); }
   30% { opacity: 0; -moz-transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-webkit-keyframes horizontal{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform: rotateY(180deg); }
   10% { opacity: 1; -webkit-transform: translateX(0px); }
   25% { opacity: 1; -webkit-transform: translateX(0px); }
   30% { opacity: 0; -webkit-transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes horizontal{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: rotateY(180deg); }
   10% { opacity: 1; -ms-transform: translateX(0px); }
   25% { opacity: 1; -ms-transform: translateX(0px); }
   30% { opacity: 0; -ms-transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}

/*AntiClockWise Effect*/
.antiClock{
   display: inline;
   text-indent: 8px;
}
.antiClock p{
   animation: anti 12.5s linear infinite 0s;
   -ms-animation: anti 12.5s linear infinite 0s;
   -webkit-animation: anti 12.5s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
}
.antiClock p:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.antiClock p:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.antiClock p:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.antiClock p:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*AntiClockWise Effect Animation*/
@keyframes anti{
   0% { opacity: 0; }
   5% { opacity: 0; transform: rotateX(180deg); }
   10% { opacity: 1; transform: translateY(0px); }
   25% { opacity: 1; transform: translateY(0px); }
   30% { opacity: 0; transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-moz-keyframes anti{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: rotateX(180deg); }
   10% { opacity: 1; -moz-transform: translateY(0px); }
   25% { opacity: 1; -moz-transform: translateY(0px); }
   30% { opacity: 0; -moz-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-webkit-keyframes anti{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform: rotate(180deg); }
   10% { opacity: 1; -webkit-transform: translateY(0px); }
   25% { opacity: 1; -webkit-transform: translateY(0px); }
   30% { opacity: 0; -webkit-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes anti{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: rotate(180deg); }
   10% { opacity: 1; -ms-transform: translateY(0px); }
   25% { opacity: 1; -ms-transform: translateY(0px); }
   30% { opacity: 0; -ms-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}

/*ClockWise Effect*/
.clockWise{
   display: inline;
   text-indent: 8px;
}
.clockWise p{
   animation: clock 12.5s linear infinite 0s;
   -ms-animation: clock 12.5s linear infinite 0s;
   -webkit-animation: clock 12.5s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
}
.clockWise p:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.clockWise p:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.clockWise p:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.clockWise p:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*ClockWise Effect Animation*/
@keyframes clock{
  0% { opacity: 0; }
   5% { opacity: 0; transform: rotate(-180deg); }
   10% { opacity: 1; transform: translateX(0px); }
   25% { opacity: 1; transform: translateX(0px); }
   30% { opacity: 0; transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-moz-keyframes clock{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: rotate(-180deg); }
   10% { opacity: 1; -moz-transform: translateX(0px); }
   25% { opacity: 1; -moz-transform: translateX(0px); }
   30% { opacity: 0; -moz-transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-webkit-keyframes clock{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform: rotate(-180deg); }
   10% { opacity: 1; -webkit-transform: translateX(0px); }
   25% { opacity: 1; -webkit-transform: translateX(0px); }
   30% { opacity: 0; -webkit-transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes clock{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: rotate(-180deg); }
   10% { opacity: 1; -ms-transform: translateX(0px); }
   25% { opacity: 1; -ms-transform: translateX(0px); }
   30% { opacity: 0; -ms-transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}

/*Pop Effect*/
.popEffect{
   display: inline;
   text-indent: 8px;
}
.popEffect p{
   animation: pop 12.5s linear infinite 0s;
   -ms-animation: pop 12.5s linear infinite 0s;
   -webkit-animation: pop 12.5s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
}
.popEffect p:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.popEffect p:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.popEffect p:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.popEffect p:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*Pop Effect Animation*/
@keyframes pop{
   0% { opacity: 0; }
   5% { opacity: 0; transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
   10% { opacity: 1; transform: translateY(0px); }
   25% { opacity: 1; transform: translateY(0px); }
   30% { opacity: 0; transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-moz-keyframes pop{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
   10% { opacity: 1; -moz-transform: translateY(0px); }
   25% { opacity: 1; -moz-transform: translateY(0px); }
   30% { opacity: 0; -moz-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-webkit-keyframes pop{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);}
   10% { opacity: 1; -webkit-transform: translateY(0px); }
   25% { opacity: 1; -webkit-transform: translateY(0px); }
   30% { opacity: 0; -webkit-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes pop{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
   10% { opacity: 1; -ms-transform: translateY(0px); }
   25% { opacity: 1; -ms-transform: translateY(0px); }
   30% { opacity: 0; -ms-transform: translateY(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}

/*Push Effect*/
.pushEffect{
   display: inline;
   text-indent: 8px;
}
.pushEffect p{
   animation: push 12.5s linear infinite 0s;
   -ms-animation: push 12.5s linear infinite 0s;
   -webkit-animation: push 12.5s linear infinite 0s;
   color: #00abe9;
   opacity: 0;
   overflow: hidden;
   position: absolute;
}
.pushEffect p:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.pushEffect p:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.pushEffect p:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.pushEffect p:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*Push Effect Animation*/
@keyframes push{
   0% { opacity: 0; }
   5% { opacity: 0; transform: rotate(0deg) scale(2) skew(0deg) translate(0px); }
   10% { opacity: 1; transform: translateX(0px); }
   25% { opacity: 1; transform: translateX(0px); }
   30% { opacity: 0; transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-moz-keyframes push{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: rotate(0deg) scale(2) skew(0deg) translate(0px); }
   10% { opacity: 1; -moz-transform: translateX(0px); }
   25% { opacity: 1; -moz-transform: translateX(0px); }
   30% { opacity: 0; -moz-transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0;}
}
@-webkit-keyframes push{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform:rotate(0deg) scale(2) skew(0deg) translate(0px);}
	   10% { opacity: 1; -webkit-transform: translateX(0px); }
   25% { opacity: 1; -webkit-transform: translateX(0px); }
   30% { opacity: 0; -webkit-transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes push{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: rotate(0deg) scale(2) skew(0deg) translate(0px); }
   10% { opacity: 1; -ms-transform: translateX(0px); }
   25% { opacity: 1; -ms-transform: translateX(0px); }
   30% { opacity: 0; -ms-transform: translateX(0px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
/*Footer*/
h3{
   color: #fff;
   font-size: 30px;
   margin-top: 20px;
   text-align: center;
}

/* END: Text Animation 1 */

/* START: Text Animation 2 */
/* REF: https://codepen.io/us_vpn/pen/aavaYz */
.line-1{
  position: relative;
  top: 50%;  
  width: 24em;
  margin: 0 auto;
  border-right: 2px solid rgba(255,255,255,.75);
  font-size: 180%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transform: translateY(-50%);    
}
.anim-typewriter{
animation: typewriter 4s steps(44) 1s 1 normal both,
           blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
from{width: 0;}
to{width: 24em;}
}
@keyframes blinkTextCursor{
from{border-right-color: rgba(255,255,255,.75);}
to{border-right-color: transparent;}
}
/* END: Text Animation 2 */

/* // START: Text Animation 3 */
/* // REF:https://codepen.io/us_vpn/pen/PdPdRO */

svg.intro {
  /* // background: linear-gradient(135deg, #aa3bb1, #582a7e); */
  position: relative;
}
svg.intro .text {
  display: none;
}
svg.intro.go .text {
  font-family: Arial, sans-serif;
  font-size: 17px;
  text-transform: uppercase;
  display: block;
}
svg.intro.go .text-stroke {
  fill: none;
  stroke: #51256f;
  stroke-width: 0.5px;
  stroke-dashoffset: -900;
  stroke-dasharray: 900;
  stroke-linecap: butt;
  stroke-linejoin: round;
  -webkit-animation: dash 2.5s ease-in-out forwards;
          animation: dash 2.5s ease-in-out forwards;
}
svg.intro.go .text-stroke:nth-child(2) {
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}
svg.intro.go .text-stroke:nth-child(3) {
  -webkit-animation-delay: .9s;
          animation-delay: .9s;
}
svg.intro.go .text-stroke-2 {
  stroke: #4b9df1;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
svg.intro.go .text-stroke:nth-child(5) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
svg.intro.go .text-stroke:nth-child(6) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

@-webkit-keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}
.reload {
  position: absolute;
  bottom: 15px;
  right: 15px;
  background: #fff;
  border: none;
  border-radius: 20px;
  outline: none !important;
  font-size: 11px;
  line-height: 1.5;
  padding: 8px 12px;
  text-transform: uppercase;
  z-index: 10;
  cursor: pointer;
  box-shadow: 0 6px 7px #350e4c;
  transition: all 0.1s cubic-bezier(0.67, 0.13, 0.1, 0.81);
}
.reload:hover {
  box-shadow: 0 4px 4px #350e4c;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.reload:active {
  box-shadow: 0 1px 2px #244B94;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.reload svg {
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.animation2 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  font-weight: 100;
}

/* // END: Text Animation 3 */
h2.sentence div {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 600px) {
  h2.sentence div p {
      font-size: 24px;
      width: 100%;
      left: 0;
  }
}