@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	/*src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');*/
	src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url(../fonts/opensans.v8.woff) format('woff');
}

* {
  font-family: "Segoe UI", "Open Sans", serif;
  margin: 0 auto;
  padding: 0 auto;
}
html{
  height: 100%;
}
body {
	background: radial-gradient(circle farthest-corner, rgb(10, 18, 68), black);
	/*font-family: Tahoma, Geneva, sans-serif;*/
	font-family: "Segoe UI", "Open Sans", serif;
	line-height: 1.25;
	height:inherit;
}

.controls{position: absolute; top: 50%; width: 370px; left: 50%; margin-left: -185px; overflow: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-height: 90%;}
/*****************************/
.fast-right{position: absolute;right: 0;top: 3%;}
a.st-btn{background:none; border:none; cursor:pointer; margin-top: 30px; display:block;}
span.st-btn{display:block;width:226px;height:70px;text-align:center;line-height:57px; background:url(../img/nickname.png) center no-repeat;font-size:21px;color:#fff;position:relative;z-index:4;margin:-55px auto 0;padding:5px 60px;}
a.st-btn:hover span.st-btn{-webkit-filter: brightness(1.25); border:none; cursor:pointer;}
.help{margin-top:10px; height:130px;}
.help li{list-style:none;float:left;margin-left:15px;width:80px;height:61px;position:relative;}
.help li button{width:80px; height:61px; border:none; opacity:.9;}
.help1{ background:url(../img/50.png);}
.help2{ background:url(../img/auditoria.png);}
.help3{ background:url(../img/call.png);}
.help li button:hover{background-color: rgb(96, 129, 152); border-radius: 41%; opacity:1;}
.help li .used{position:absolute;top:-10px;left:5px;z-index:2;}

#level_step{position: absolute;left: 0px;z-index: 5;/*background: rgba(40, 38, 42, 0.71);*/top: 0;bottom: 0;height: auto; transition:right .5s ease-in-out;}
/*#level_step.show{right:0px;}*/
#banner{position:inherit;text-align:center;margin-top:50px;min-height:1px;}
.steps{float:right;width:220px;margin-top:1px;}
.steps li{list-style:none;color:#e4962b;font-size:18px;height:25px;padding-right:12px;margin-bottom:4px;}
.steps li .step_num{float:left;width:60px;text-align:center;}
.steps li.prior{color:#fff;font-weight:bold;}
.steps li.active{background:url(../img/step_right.png) right top no-repeat;}
.steps li.active .step_c{display:block;background:url(../img/step_left.png) left top no-repeat;clear:both;}
.steps li.active .step_num, div.answers a .answer, div.answers a.correct .answer {
  color: #fff;
}
.steps li.active .step_sum, div.answers a:hover .answer, a.twitter-share-button {
  color: #000;
}
div.answers a .answer, div.answers a.correct .answer {
  color: #fff;
}
div.answers a .letter,div.answers a.correct .letter{color:#be6e05;padding-left:13px;background:url(../img/point1.png) 0 11px no-repeat;margin-right:5px;}
div.question {
  display: block;
  width: 1020px;
  height: 95px;
  background: url(../img/question.png) center no-repeat;
  text-align: center;
  transition:all 2s ease-out
}
div.price{
	transform:rotateX(360deg);
	}

p.question {
  display: block;
    max-height: 80px;
    font-size: 18px;
    color: #cdd0d2;
    padding: 0 140px;
    white-space: pre-wrap;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
	padding-bottom: 10px;
}
p.author{font-size:18px;color:#eee;position:relative;top:0px;}
div.answers{width:830px;margin:0 auto;}
div.answers a{cursor:pointer; width:354px;height:47px;font-size:19px;line-height:44px;text-decoration:none;float:left;background:url(../img/answers.png) 0 0 no-repeat;margin-bottom:30px;padding:0 0 0 70px;}
div.answers a.right{position:relative;margin-left:-18px;}
div.answers a:hover .letter{color:#fff !important; background:url(../img/point2.png) 0 11px no-repeat;}
div.answers a:hover, div.answers a.check{background:url(../img/answers.png) -446px 0 no-repeat;}
div.answers a.correct{background:url(../img/answers.png) -885px 0 no-repeat;}
div.answers a.inactiv span{
	opacity:0;}
.clock{
	position: fixed;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    background: rgba(52, 73, 134, 1);
    color: #eee;
    border-radius: 50%;
    margin-top: -100px;
    margin-left: -100px;
    z-index: 9;}
.clock h1{
	line-height: 200px;
    font-size: 85px;
	}
.answerCall{
	 position: fixed;
    background: rgba(45, 63, 115, 0.83);
    color: rgb(255, 255, 255);
    padding: 14px 34px;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    border-radius: 5px;}
.answerCall span{
	color: rgb(249, 142, 0);}
/************GRAFIC******/
.chart-block{
	position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -150px;
    width: 256px;
    background: rgba(3, 3, 3, 0.81);
    z-index: 9;
    border-radius: 10px;
    padding: 10px 20px;
    color: white;}
.chart-block .bar{
	height: 0;
    background: linear-gradient(to right, #004799 0%,#2D99F0 53%,#006ec9 100%,#7db9e8 100%,#207cca 100%);
	transition:height 1s ease-in-out;
	}
.chart-block .bar span{
	padding: 0;
    margin: 0;
    width: 44px;}
.chart-block td{
	height:inherit;}
/*****************************/
audio {
	display: none;
}

.clear {
	clear: both;
}

#game {
	display: none;
}

#top {
	width: 960px;
	margin: 0 auto;
}

#levels {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	color: white;
	text-align: right;
	margin-top: 40px;
	font-size: 1.3em;
}

#options {
	width: 960px;
	height: 70px;
	margin: 0 auto;
}

#question-box {
	background: #ddd;
	width: 960px;
	margin: 0 auto;
	padding: 10px;
	font-size: 1.5em;
}

#money {
	font-size: 1.9em;
	font-weight: bold;
	color: green;
	float: right;
	display: block;
	height: 50px;
	padding-top: 20px;
}

#logo {
	width: 480px;
	float: left;
	margin-left: 240px;
	margin-top: 60px;
}

#game-over {
	display: none;
	font-size: 8em;
	font-weight: bold;
	color: white;
	width: 980px;
	margin-top: 300px;
	margin: 0 auto;
	text-align: center;
}

#answer-box {
	color: white;
	font-size: 1.3em;
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

#pre-start {
	display: none;
}


/*****************************/
.logo {
  width: 500px;
  height: 500px;
  background: linear-gradient(-45deg, #000 10%, #425ca9 90%);
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 10px solid #c9def3;
  text-shadow: 5px 5px 0px #000;
}
.logo .elipse {
  width: 40px;
  height: 100%;
  position: absolute;
  border: 2px solid #9db7d2;
  border-radius: 50% 100%;
  z-index: 5;
  top: 0px;
  left: 0;
  margin-left: calc(50% - 22px);
}
.logo .elipse1 {
  transform: rotate(20deg);
}
.logo .elipse2 {
  transform: rotate(40deg);
}
.logo .elipse3 {
  transform: rotate(60deg);
}
.logo .elipse4 {
  transform: rotate(80deg);
}
.logo .elipse5 {
  transform: rotate(100deg);
}
.logo .elipse6 {
  transform: rotate(120deg);
}
.logo .elipse7 {
  transform: rotate(140deg);
}
.logo .elipse8 {
  transform: rotate(160deg);
}
.logo .elipse9 {
  transform: rotate(180deg);
}
.logo .curved-top {
  transform: rotate(-90deg);
  font-size: 30px;
  position: absolute;
  top: 260px;
  left: 0;
  font-weight: bold;
  color: #fff;
}
.logo .curved-top span {
  height: 250px;
  position: absolute;
  width: 20px;
  left: 0;
  top: 0;
  transform-origin: bottom center;
}
.logo .curved-top .char1 {
  transform: rotate(10deg);
}
.logo .curved-top .char2 {
  transform: rotate(20deg);
}
.logo .curved-top .char3 {
  transform: rotate(30deg);
}
.logo .curved-top .char4 {
  transform: rotate(40deg);
}
.logo .curved-top .char5 {
  transform: rotate(50deg);
}
.logo .curved-top .char6 {
  transform: rotate(60deg);
}
.logo .curved-top .char7 {
  transform: rotate(70deg);
}
.logo .curved-top .char8 {
  transform: rotate(80deg);
}
.logo .curved-top .char9 {
  transform: rotate(90deg);
}
.logo .curved-top .char10 {
  transform: rotate(100deg);
}
.logo .curved-top .char11 {
  transform: rotate(110deg);
}
.logo .curved-top .char12 {
  transform: rotate(120deg);
}
.logo .curved-top .char13 {
  transform: rotate(130deg);
}
.logo .curved-top .char14 {
  transform: rotate(140deg);
}
.logo .curved-top .char15 {
  transform: rotate(150deg);
}
.logo .curved-top .char16 {
  transform: rotate(160deg);
}
.logo .curved-top .char17 {
  transform: rotate(170deg);
}
.logo .curved-top .char18 {
  transform: rotate(180deg);
}
.logo .curved-top .char19 {
  transform: rotate(190deg);
}
.logo .curved-top .char20 {
  transform: rotate(200deg);
}
.logo .curved-top .char21 {
  transform: rotate(210deg);
}
.logo .curved-top .char22 {
  transform: rotate(220deg);
}
.logo .curved-top .char23 {
  transform: rotate(230deg);
}
.logo .curved-top .char24 {
  transform: rotate(240deg);
}
.logo .curved-top .char25 {
  transform: rotate(250deg);
}
.logo .curved-top .char26 {
  transform: rotate(260deg);
}
.logo .curved-top .char27 {
  transform: rotate(270deg);
}
.logo .curved-top .char28 {
  transform: rotate(280deg);
}
.logo .curved-top .char29 {
  transform: rotate(290deg);
}
.logo .curved-top .char30 {
  transform: rotate(300deg);
}
.logo .curved-top .char31 {
  transform: rotate(310deg);
}
.logo .curved-top .char32 {
  transform: rotate(320deg);
}
.logo .curved-top .char33 {
  transform: rotate(330deg);
}
.logo .curved-top .char34 {
  transform: rotate(340deg);
}
.logo .curved-top .char35 {
  transform: rotate(350deg);
}
.logo .curved-top .char36 {
  transform: rotate(360deg);
}
.logo .curved-top .char37 {
  transform: rotate(370deg);
}
.logo .curved-top .char38 {
  transform: rotate(380deg);
}
.logo .curved-top .char39 {
  transform: rotate(390deg);
}
.logo .curved-top .char40 {
  transform: rotate(400deg);
}
.logo .curved-top .char41 {
  transform: rotate(410deg);
}
.logo .curved-top .char42 {
  transform: rotate(420deg);
}
.logo .curved-top .char43 {
  transform: rotate(430deg);
}
.logo .curved-top .char44 {
  transform: rotate(440deg);
}
.logo .curved-top .char45 {
  transform: rotate(450deg);
}
.logo .curved-top .char46 {
  transform: rotate(460deg);
}
.logo .curved-top .char47 {
  transform: rotate(470deg);
}
.logo .curved-top .char48 {
  transform: rotate(480deg);
}
.logo .curved-top .char49 {
  transform: rotate(490deg);
}
.logo .curved-top .char50 {
  transform: rotate(500deg);
}
.logo .curved-top .char51 {
  transform: rotate(510deg);
}
.logo .curved-top .char52 {
  transform: rotate(520deg);
}
.logo .curved-top .char53 {
  transform: rotate(530deg);
}
.logo .curved-top .char54 {
  transform: rotate(540deg);
}
.logo .curved-top .char55 {
  transform: rotate(550deg);
}
.logo .curved-top .char56 {
  transform: rotate(560deg);
}
.logo .curved-top .char57 {
  transform: rotate(570deg);
}
.logo .curved-top .char58 {
  transform: rotate(580deg);
}
.logo .curved-top .char59 {
  transform: rotate(590deg);
}
.logo .curved-top .char60 {
  transform: rotate(600deg);
}
.logo .curved-top .char61 {
  transform: rotate(610deg);
}
.logo .curved-top .char62 {
  transform: rotate(620deg);
}
.logo .curved-top .char63 {
  transform: rotate(630deg);
}
.logo .curved-top .char64 {
  transform: rotate(640deg);
}
.logo .curved-top .char65 {
  transform: rotate(650deg);
}
.logo .curved-top .char66 {
  transform: rotate(660deg);
}
.logo .curved-top .char67 {
  transform: rotate(670deg);
}
.logo .curved-top .char68 {
  transform: rotate(680deg);
}
.logo .curved-top .char69 {
  transform: rotate(690deg);
}
.logo .curved-top .char70 {
  transform: rotate(700deg);
}
.logo .curved-top .char71 {
  transform: rotate(710deg);
}
.logo .curved-top .char72 {
  transform: rotate(720deg);
}
.logo .curved-top .char73 {
  transform: rotate(730deg);
}
.logo .curved-top .char74 {
  transform: rotate(740deg);
}
.logo .curved-top .char75 {
  transform: rotate(750deg);
}
.logo .curved-top .char76 {
  transform: rotate(760deg);
}
.logo .curved-top .char77 {
  transform: rotate(770deg);
}
.logo .curved-top .char78 {
  transform: rotate(780deg);
}
.logo .curved-top .char79 {
  transform: rotate(790deg);
}
.logo .curved-top .char80 {
  transform: rotate(800deg);
}
.logo .curved-top .char81 {
  transform: rotate(810deg);
}
.logo .curved-top .char82 {
  transform: rotate(820deg);
}
.logo .curved-top .char83 {
  transform: rotate(830deg);
}
.logo .curved-top .char84 {
  transform: rotate(840deg);
}
.logo .curved-top .char85 {
  transform: rotate(850deg);
}
.logo .curved-top .char86 {
  transform: rotate(860deg);
}
.logo .curved-top .char87 {
  transform: rotate(870deg);
}
.logo .curved-top .char88 {
  transform: rotate(880deg);
}
.logo .curved-top .char89 {
  transform: rotate(890deg);
}
.logo .curved-top .char90 {
  transform: rotate(900deg);
}
.logo .curved-top .char91 {
  transform: rotate(910deg);
}
.logo .curved-top .char92 {
  transform: rotate(920deg);
}
.logo .curved-top .char93 {
  transform: rotate(930deg);
}
.logo .curved-top .char94 {
  transform: rotate(940deg);
}
.logo .curved-top .char95 {
  transform: rotate(950deg);
}
.logo .curved-top .char96 {
  transform: rotate(960deg);
}
.logo .curved-top .char97 {
  transform: rotate(970deg);
}
.logo .curved-top .char98 {
  transform: rotate(980deg);
}
.logo .curved-top .char99 {
  transform: rotate(990deg);
}
.logo .curved-top .char100 {
  transform: rotate(1000deg);
}
.logo .inner-circle {
  width: 380px;
  height: 380px;
  position: absolute;
  background: #001621;
  border: 10px solid #d2e4fa;
  border-radius: 50%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.logo .title {
  font-size: 60px;
  width: 500px;
  z-index: 10;
  position: absolute;
  font-weight: bold;
  color: #fff;
  text-align: center;
  top: 215px;
}
.logo .curved-bottom {
  transform: rotate(-90deg);
  font-size: 30px;
  position: absolute;
  bottom: 244px;
  left: 0;
  font-weight: bold;
  color: #fff;
}
.logo .curved-bottom span {
  height: 250px;
  position: absolute;
  width: 25px;
  left: 0;
  top: 0;
  transform-origin: bottom center;
}
.logo .curved-bottom .char1 {
  transform: rotate(-10deg);
}
.logo .curved-bottom .char2 {
  transform: rotate(-20deg);
}
.logo .curved-bottom .char3 {
  transform: rotate(-30deg);
}
.logo .curved-bottom .char4 {
  transform: rotate(-40deg);
}
.logo .curved-bottom .char5 {
  transform: rotate(-50deg);
}
.logo .curved-bottom .char6 {
  transform: rotate(-60deg);
}
.logo .curved-bottom .char7 {
  transform: rotate(-70deg);
}
.logo .curved-bottom .char8 {
  transform: rotate(-80deg);
}
.logo .curved-bottom .char9 {
  transform: rotate(-90deg);
}
.logo .curved-bottom .char10 {
  transform: rotate(-100deg);
}
.logo .curved-bottom .char11 {
  transform: rotate(-110deg);
}
.logo .curved-bottom .char12 {
  transform: rotate(-120deg);
}
.logo .curved-bottom .char13 {
  transform: rotate(-130deg);
}
.logo .curved-bottom .char14 {
  transform: rotate(-140deg);
}
.logo .curved-bottom .char15 {
  transform: rotate(-150deg);
}
.logo .curved-bottom .char16 {
  transform: rotate(-160deg);
}
.logo .curved-bottom .char17 {
  transform: rotate(-170deg);
}
.logo .curved-bottom .char18 {
  transform: rotate(-180deg);
}
.logo .curved-bottom .char19 {
  transform: rotate(-190deg);
}
.logo .curved-bottom .char20 {
  transform: rotate(-200deg);
}
.logo .curved-bottom .char21 {
  transform: rotate(-210deg);
}
.logo .curved-bottom .char22 {
  transform: rotate(-220deg);
}
.logo .curved-bottom .char23 {
  transform: rotate(-230deg);
}
.logo .curved-bottom .char24 {
  transform: rotate(-240deg);
}
.logo .curved-bottom .char25 {
  transform: rotate(-250deg);
}
.logo .curved-bottom .char26 {
  transform: rotate(-260deg);
}
.logo .curved-bottom .char27 {
  transform: rotate(-270deg);
}
.logo .curved-bottom .char28 {
  transform: rotate(-280deg);
}
.logo .curved-bottom .char29 {
  transform: rotate(-290deg);
}
.logo .curved-bottom .char30 {
  transform: rotate(-300deg);
}
.logo .curved-bottom .char31 {
  transform: rotate(-310deg);
}
.logo .curved-bottom .char32 {
  transform: rotate(-320deg);
}
.logo .curved-bottom .char33 {
  transform: rotate(-330deg);
}
.logo .curved-bottom .char34 {
  transform: rotate(-340deg);
}
.logo .curved-bottom .char35 {
  transform: rotate(-350deg);
}
.logo .curved-bottom .char36 {
  transform: rotate(-360deg);
}
.logo .curved-bottom .char37 {
  transform: rotate(-370deg);
}
.logo .curved-bottom .char38 {
  transform: rotate(-380deg);
}
.logo .curved-bottom .char39 {
  transform: rotate(-390deg);
}
.logo .curved-bottom .char40 {
  transform: rotate(-400deg);
}
.logo .curved-bottom .char41 {
  transform: rotate(-410deg);
}
.logo .curved-bottom .char42 {
  transform: rotate(-420deg);
}
.logo .curved-bottom .char43 {
  transform: rotate(-430deg);
}
.logo .curved-bottom .char44 {
  transform: rotate(-440deg);
}
.logo .curved-bottom .char45 {
  transform: rotate(-450deg);
}
.logo .curved-bottom .char46 {
  transform: rotate(-460deg);
}
.logo .curved-bottom .char47 {
  transform: rotate(-470deg);
}
.logo .curved-bottom .char48 {
  transform: rotate(-480deg);
}
.logo .curved-bottom .char49 {
  transform: rotate(-490deg);
}
.logo .curved-bottom .char50 {
  transform: rotate(-500deg);
}
.logo .curved-bottom .char51 {
  transform: rotate(-510deg);
}
.logo .curved-bottom .char52 {
  transform: rotate(-520deg);
}
.logo .curved-bottom .char53 {
  transform: rotate(-530deg);
}
.logo .curved-bottom .char54 {
  transform: rotate(-540deg);
}
.logo .curved-bottom .char55 {
  transform: rotate(-550deg);
}
.logo .curved-bottom .char56 {
  transform: rotate(-560deg);
}
.logo .curved-bottom .char57 {
  transform: rotate(-570deg);
}
.logo .curved-bottom .char58 {
  transform: rotate(-580deg);
}
.logo .curved-bottom .char59 {
  transform: rotate(-590deg);
}
.logo .curved-bottom .char60 {
  transform: rotate(-600deg);
}
.logo .curved-bottom .char61 {
  transform: rotate(-610deg);
}
.logo .curved-bottom .char62 {
  transform: rotate(-620deg);
}
.logo .curved-bottom .char63 {
  transform: rotate(-630deg);
}
.logo .curved-bottom .char64 {
  transform: rotate(-640deg);
}
.logo .curved-bottom .char65 {
  transform: rotate(-650deg);
}
.logo .curved-bottom .char66 {
  transform: rotate(-660deg);
}
.logo .curved-bottom .char67 {
  transform: rotate(-670deg);
}
.logo .curved-bottom .char68 {
  transform: rotate(-680deg);
}
.logo .curved-bottom .char69 {
  transform: rotate(-690deg);
}
.logo .curved-bottom .char70 {
  transform: rotate(-700deg);
}
.logo .curved-bottom .char71 {
  transform: rotate(-710deg);
}
.logo .curved-bottom .char72 {
  transform: rotate(-720deg);
}
.logo .curved-bottom .char73 {
  transform: rotate(-730deg);
}
.logo .curved-bottom .char74 {
  transform: rotate(-740deg);
}
.logo .curved-bottom .char75 {
  transform: rotate(-750deg);
}
.logo .curved-bottom .char76 {
  transform: rotate(-760deg);
}
.logo .curved-bottom .char77 {
  transform: rotate(-770deg);
}
.logo .curved-bottom .char78 {
  transform: rotate(-780deg);
}
.logo .curved-bottom .char79 {
  transform: rotate(-790deg);
}
.logo .curved-bottom .char80 {
  transform: rotate(-800deg);
}
.logo .curved-bottom .char81 {
  transform: rotate(-810deg);
}
.logo .curved-bottom .char82 {
  transform: rotate(-820deg);
}
.logo .curved-bottom .char83 {
  transform: rotate(-830deg);
}
.logo .curved-bottom .char84 {
  transform: rotate(-840deg);
}
.logo .curved-bottom .char85 {
  transform: rotate(-850deg);
}
.logo .curved-bottom .char86 {
  transform: rotate(-860deg);
}
.logo .curved-bottom .char87 {
  transform: rotate(-870deg);
}
.logo .curved-bottom .char88 {
  transform: rotate(-880deg);
}
.logo .curved-bottom .char89 {
  transform: rotate(-890deg);
}
.logo .curved-bottom .char90 {
  transform: rotate(-900deg);
}
.logo .curved-bottom .char91 {
  transform: rotate(-910deg);
}
.logo .curved-bottom .char92 {
  transform: rotate(-920deg);
}
.logo .curved-bottom .char93 {
  transform: rotate(-930deg);
}
.logo .curved-bottom .char94 {
  transform: rotate(-940deg);
}
.logo .curved-bottom .char95 {
  transform: rotate(-950deg);
}
.logo .curved-bottom .char96 {
  transform: rotate(-960deg);
}
.logo .curved-bottom .char97 {
  transform: rotate(-970deg);
}
.logo .curved-bottom .char98 {
  transform: rotate(-980deg);
}
.logo .curved-bottom .char99 {
  transform: rotate(-990deg);
}
.logo .curved-bottom .char100 {
  transform: rotate(-1000deg);
}

/*ANIM*/
.elipses, .spin-animated {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 48px;
  left: 50px;
  width: 400px;
  height: 400px;
  z-index: 5;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 60000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 60000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 60000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 60000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}