[lang="kaz"] *{
	font-family: Arial, sans-serif!important;
}
.no-scroll{
	overflow: hidden;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	overflow-x: hidden;
}
.container{
	width: calc(100% - 4em);
	margin-left: 4em;
}
.sidebar{
	background-color: #211f25;
	width: 4em;
	height: 100vh;
	position: fixed;
	left: 0;
	transition: .3s ease;
	display: flex;
	z-index: 100;
	overflow: hidden;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	top: 0;
}
.animated-border{
	border-right: 0.5em solid #fc9; 
	border-left: 0.5em solid transparent; 
	border-radius: 50%;
	height: 6em;
	width: 6em;
	border-top: 0.5em solid transparent; 
	border-bottom: 0.5em solid transparent;
	animation: circles 3s infinite;
	margin: 5em auto; 
}
@keyframes circles{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
.brick{
	background-color: #eedac1;
	height: .5em;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.sidebar:hover{
	width: 11em;
}
.sidebar-list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	position: absolute;
	left: 0;
	height: 65%;
	top: 6em;
}
.logo-sidebar{
	width: 4em;
}
.list-item-text{
	color: white;
	align-items: center;
	display: flex;
}
.list-item{
	cursor: pointer;
	height: 4em;
	left: 0;
	text-decoration: none;
	overflow: hidden;
	width: 11em;
	display: flex;
	align-items: center;
}
.list-item-img{
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	height: 3em;
	min-width: 4.01em;
	position: relative;	
}
.list-item-img:before{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background-size: 60%;
	transition: .3s ease;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
}
.list-item-text{
	font-size: .9em;
	font-family: 'HelveticaLight', sans-serif;
}
.s1{background-image: url(../images/s1.png);}
.s2{background-image: url(../images/s2.png);}
.s3{background-image: url(../images/s3.png);}
.s4{background-image: url(../images/s4.png);}
.s5{background-image: url(../images/s5.png);}
.s6{background-image: url(../images/s6.png);}
.s7{background-image: url(../images/s7.png);}
.s8{background-image: url(../images/s8.png);}
.s9{background-image: url(../images/s9.png);}

.s1:before, .activeS1{filter: drop-shadow(0px 0px 3px #fc9); background-image: url(../images/s1a.png);}
.s2:before, .activeS2{filter: drop-shadow(0px 0px 3px #fc9); background-image: url(../images/s2a.png);}
.s3:before, .activeS3{filter: drop-shadow(0px 0px 3px #fc9); background-image: url(../images/s3a.png);}
.s4:before, .activeS4{filter: drop-shadow(0px 0px 3px #fc9); background-image: url(../images/s4a.png);}
.s5:before, .activeS5{filter: drop-shadow(0px 0px 3px #fc9); background-image: url(../images/s5a.png);}
.s6:before, .activeS6{filter: drop-shadow(0px 0px 3px #fc9); background-image: url(../images/s6a.png);}
.s7:before, .activeS7{filter: drop-shadow(0px 0px 3px #fc9); background-image: url(../images/s7a.png);}
.s8:before, .activeS8{filter: drop-shadow(0px 0px 3px #fc9); background-image: url(../images/s8a.png);}
.s9:before, .activeS9{filter: drop-shadow(0px 0px 3px #fc9); background-image: url(../images/s9a.png);}

.list-item:hover .list-item-img:before{opacity: 1;}


.languages{
	height: 3em;
	display: flex;
	align-items: center;
	padding: 2.2em .8em;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 11em;
	justify-content: space-between;
}
.flexim{
	height: 3em;
	display: flex;
	align-items: center;
	padding: 2.2em .8em;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #211f25;
	width: 11em;
	justify-content: space-between;	
}
.language:hover{
	background: #fc9;
	transition: .3s ease;
	color: black;
}
.language{
	min-width: 2.5em;
	height: 2.5em;	
	cursor: pointer;
	color: white;
	display: flex;
	transform: scale(.85);
	border: 1px solid #fc9;
	justify-content: center;
	align-items: center;
	font-family: 'HelveticaRoman', sans-serif;
	font-size: 1em;
	border-radius: 50%;
}
.activeLanguage{
	background-color: #fc9;
	color: black;
	transform: scale(1);
}



.stick-submenu{
	height: 1px;
	min-width: 100%;
	margin-left: .5em;
	background-color: #fff;
}
.submenu:hover + .sidebar{
	width: 11em;
}
.submenu{
	position: fixed;
    left: 11em;
	background: rgba(255,204,153,0.8);
	padding: 12em 0 0;
    top: 0em;
    display: none;
    z-index: 99;
    padding-top: 12em;
    transition: .3s ease;
    height: 100vh;
    width: 7em;
    z-index: 10;
}
.submenu a{
	text-decoration: none;
	color: black;
	padding: .5em .2em;
	font-family: 'HelveticaRoman', sans-serif;
	display: block;
}	





footer{
	background-image: url(../images/footer-background.png);
	background-size: cover;
	display: flex;
	flex-direction: column;
}
.contacts-block{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom:1px solid #608ca7;
	padding: 3em 0;
}
.contact-row{
	margin: 0 3em;
	display: flex;
	align-items: center;
	text-decoration: none;
}
[lang="kaz"] *.contact-row-title{
	font-weight: 600;
} 
.contact-row-title{
	color: #fc9;
	font-size: 1.6em;
	text-transform: uppercase;
	font-family: 'HelveticaBold', sans-serif;
	opacity: .3;
}
.contact-text{
	font-family: 'HelveticaLight', sans-serif;
	margin-left: 1em;
	font-size: .9em;
	color: white;
}
.send-form{
	padding: 2em 0 3em;
}
.form-title{
	text-transform: uppercase;
	font-family: 'HelveticaLight', sans-serif;
	font-size: 2em;
	color: #fc9;
	text-align: center;
}
.form-subtitle{
	color: white;
	font-family: 'HelveticaRoman', sans-serif;
	text-align: center;
	margin-bottom: 1em;
	font-size: 1.2em;
}
.form-input{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em 0;
}
.footer-input::placeholder{
	color: white;
	font-style: italic;
}
.bordered-mob .footer-input{
	display: block;
    background: transparent;
    border: 1px solid #ffcc9930;
    width: 100%;
    z-index: 13;
    font-family: "HelveticaLight", sans-serif;
    padding: .6em 1em;
    font-size: 1.2em;
    color: white;
    position: relative;
    margin: 0.2em 0 1.5em;
}
.mobile-label{
    display: block;
    cursor: pointer;
    font-size: .8em;
    color: white;
    padding: 0 1em;
    opacity: .5;
    width: 100%;
    margin-bottom: .4em;
    font-family: "HelveticaLight", sans-serif;
}
.photoModal{
	position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    z-index: 200;
    justify-content: center;
}
.modaling-image{
	max-width: calc(100% - 3em);
    max-height: calc(100% - 3em);
    height: auto;
}
.closePicture{
	position: absolute;
    height: 3em;
    top: 1em;
    cursor: pointer;
    background: #fc9;
    padding: .5em;
    right: 1em;
    border-radius: 50%;
    width: 3em;
}
.footer-input{
	margin-right: 1em;
	height: 3em;
	padding: 1em;
	box-sizing: border-box;
	outline: none;
	font-family: 'HelveticaRoman', sans-serif;
	color: white;
	width: 17em;
	background: linear-gradient(to bottom, rgba(255,255,255,0.05), rgba(0,0,0,.5));
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.05), rgba(0,0,0,.5));
	border: 1px solid #000;
}
.footer-send-button{
	background: linear-gradient(to bottom, #75b0d7, #104e9f);
	background: -webkit-linear-gradient(to bottom, #75b0d7, #104e9f);
	border: 1px solid white;
	padding-left: 1em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: white;
	cursor: pointer;
	width: auto;
	outline: none;
	text-transform: uppercase;
	font-family: 'HelveticaLight', sans-serif;
	height: 3em;
}
.user{
	height: 100%;
	margin-left: 1em;
	width: 3.5em;
	padding: 0.2em .5em 0.2em 1em;
	clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
	-webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
	background-color: #c1c4c7;
}
.no-value{
	border: 1px solid red; 
}
.ok{
	padding: .5em 1em;
	cursor: pointer;
	border: 1px solid #fc9;
	border-radius: 50px;
	height: 2.5em;
	display: flex;
	width: 2.5em;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	align-items: center;
	background-color: #555;
}
.text-post{
	font-size: 1.2em;
	color: #fc9;
	white-space: nowrap;
	margin-right: 1em;
}
.post-sended{	
	background-image: url(../images/background.png);
	background-size: cover;
	text-align: center;
	width: 2.5em;
	bottom: -200%;
	transition: .3s ease;
	border-radius: 50px;
	height: 2.5em;
	overflow: hidden;
	right: 2em;
	position: fixed;
	color: white;
	font-family: 'HelveticaRoman', sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
}
input, button{
	opacity: 1;
}
input:disabled, button:disabled, select:disabled, textarea:disabled{
	opacity: .5;
	transition: 1s ease;
	cursor: not-allowed;
}
.maint-logo, .phone-tel-link, .transparent-logo-sidebar, .mobile-sidebar, .mobile-sidebar-list, .send-form-mobile{
	display: none;
}
.background-modal{
	background: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 900;
    opacity: 0;
    transition: opacity .5s;
    display: none;
    align-items: center;
    justify-content: center;
}
.center-form-mobile{
	display: flex;
	flex-direction: column;
	padding: 1em 0;
	width: 40em;
	max-width: 85%;
	box-shadow: 0 0 20px -5px #fc9;
	background: #211f25;
	position: relative;
	align-items: center;
}
.bordered-mob{
	width: calc(100% - 2em);
	border: 1px solid #fc9;
	padding: 2em 3em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}
.closeModal{
	position: absolute;
	right: 0;
	top: -3em;
	height: 2em;
	cursor: pointer;
}
.modalButton{
	padding: 1em 2em;
	background: #fc9;
	box-shadow: 0 0 10px -2px #fc9;
	font-family: 'HelveticaLight', sans-serif;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	outline: none;
	margin-top: 1em;
}
.confirmedSend{
	color: white;
    font-size: 1.2em;
    font-family: HelveticaRoman, sans-serif;
    padding: 5em;
}
.center-form-mobile .footer-input{
	width: 100%;
	margin: 0 0 1em;
}


.phones{
	display: flex;
	flex-direction: column;
}
.phones a{
	text-decoration: none;
}

@media screen and (max-width: 992px) {
	.modaling-image{
		max-width: calc(100% - 4em);
	    max-height: calc(100% - 8em);
	    height: auto;
	}
	.closePicture{
		top: 5em;
	}
	.sidebar, .send-form{
		display: none;
	}
	.container{
		width: 100%;
		margin: 0;
	}
	.mobile-sidebar{
		display: flex;
		background: #211f25;
		width: 100vw;
		height: 4em;
		flex-direction: row;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 50;
		align-items: center;
		justify-content: space-between;
	}
	.half-sidebar{
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.brick{
		width: 5em;
		padding-right: 1em;
		height: 100%;
		position: relative;
		clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
	}
	.transparent-logo-sidebar{
		display: block;
		height: 3em;
		margin-left: 1em;
	}
	.languages{
		width: auto;
		position: static;
		align-items: flex-start;
	}
	.language{
		margin: 0 0.3em;
	}
	.phone-tel-link{
		display: flex;
		margin-right: .5em;
		height: 100%;
		align-items: center;
		color: white;
		font-family: 'HelveticaRoman', sans-serif;
		font-size: 1.1em;
		text-decoration: none;
	}
	.brick-item{
		width: 70%;
	    height: 2px;
	    background: black;
	    transition: .5s ease;
	    border-radius: 50px;
	    transform: rotate(0);
	    opacity: 1;
	}
	.first-brick{
		position: absolute;
		left: 10%;
		top: 1em;
	}
	.second-brick{
		position: absolute;
		left: 10%;
		top: 2em;
	}
	.third-brick{
		position: absolute;
		left: 10%;
		top: 3em;
	}
	.mobile-sidebar-list{
		width: 100vw;
		height: calc(100vh - 4em);
		position: fixed;
		top: 4em;
		display: block;
		left: -110%;
		background-color: #211f25;
		z-index: 50;
		border-top: 1px solid #fc9;
		padding: 1em 3em;
		overflow: hidden;
		overflow-y: scroll;
		transition: left .5s ease;
	}
	.opened-sidebar .first-brick{
		top: 2em;
		transform: rotate(135deg);
	}
	.opened-sidebar .second-brick{
		top: 2em;
		transform: rotate(180deg);
		opacity: 0;
	}
	.opened-sidebar .third-brick{
		top: 2em;
		transform: rotate(225deg);
	}
	.list-item-mob{
		font-size: 1.1em;
		text-transform: uppercase;
		color: white;
	}
	.list-item{
		width: 100%;
		height: auto;
		padding: 1em 0;
		position: relative;
		font-family: 'HelveticaRoman', sans-serif;
		flex-wrap: wrap;
	}
	.list-item:before{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		content: '';
		background: linear-gradient(to right, #fc9, #ffcc9900);
		background: -webkit-linear-gradient(to right, #fc9, #ffcc9900);
		height: 1px;
	}
	.list-item-img{
		width: 5em;
		height: 4em;
	}
	.maint-logo{
		display: block;
		width: 15em;
		margin: 1em auto;
	}
	.contacts-block{
		flex-direction: column;
		padding: 1em;
	}
	.contact-row{
		width: 90%;
		margin: 1em 0;
	}
	.contact-row-title{
		width: 7em;
	}
	body{
		padding-top: 4em;
	}
	.submenu-mobile{
		display: flex;
	    min-width: 100%;
	    flex-direction: column;
	    align-items: flex-start;
	    padding: 1em 4em;
	    font-size: 1.1em;
	}
	.flexim{
		position: static;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 4em, 0% 4em);
		clip-path: polygon(0 0, 100% 0, 100% 4em, 0% 4em);
		width: 4em;
	    height: 12em;
	    flex-direction: column;
	    align-items: center;
	    justify-content: space-between;
	    transition: all .5s ease;
	    padding: .75em 0;
	    margin-top: -2em;
	}
	.flexim-open{
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 12em, 0% 12em);
		clip-path: polygon(0 0, 100% 0, 100% 12em, 0% 12em);
	}
	.submenu-mobile a{
		color: white;
		margin: .3em 0;
		font-size: 1.2em;
		text-decoration: none;
		position: relative;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-family: 'HelveticaLight', sans-serif;
	}
	.active-project:before{
		position: absolute;
		content: '';
		border-radius: 50%;
		background: #fc9;
		height: .5em;
		width: .5em;
		left: -1em;
	}
	.form-input{
		flex-direction: column;
	}
	.footer-input{
		margin: .5em 0;
		width: 90%;
	}
	.footer-send-button{
		margin-top: 1em;
	}
	*{
		cursor: default;
	}
	.send-form-mobile{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2em 1em;
	}
	.form-title{
		font-size: 1.1em;
		text-align: left;
	}
	.contact-text{
		font-size: 1.2em;
	}
}

































.custom-scroll::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.custom-scroll::-webkit-scrollbar-button {
  width: 10px;
  height: 10px;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: #ffcc99;
  border: 0px none #ffffff;
  border-radius: 0px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #ffcc99;
}
.custom-scroll::-webkit-scrollbar-thumb:active {
  background: #ffcc99;
}
.custom-scroll::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 0px;
}
.custom-scroll::-webkit-scrollbar-track:hover {
  background: #564c43;
}
.custom-scroll::-webkit-scrollbar-track:active {
  background: #564c43;
}
.custom-scroll::-webkit-scrollbar-corner {
  background: transparent;
}




.preloader{
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 120;
	background: 	#31393d;
	display: flex;
	justify-content: center;
	opacity: 1;
	transition: 2s ease;
	align-items: center;
	flex-direction: column;
}
.prelogo{
	height: 15em;
}
.windows8 {
	position: relative;
	width: 60px;
	height:60px;
	margin: 3em auto;
}

.windows8 .wBall {
	position: absolute;
	width: 57px;
	height: 57px;
	opacity: 0;
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
	animation: orbit 3.9325s infinite;
		-o-animation: orbit 3.9325s infinite;
		-ms-animation: orbit 3.9325s infinite;
		-webkit-animation: orbit 3.9325s infinite;
		-moz-animation: orbit 3.9325s infinite;
}

.windows8 .wBall .wInnerBall{
	position: absolute;
	width: 7px;
	height: 7px;
	background: white;
	left:0px;
	top:0px;
	border-radius: 7px;
}

.windows8 #wBall_1 {
	animation-delay: 0.856s;
		-o-animation-delay: 0.856s;
		-ms-animation-delay: 0.856s;
		-webkit-animation-delay: 0.856s;
		-moz-animation-delay: 0.856s;
}

.windows8 #wBall_2 {
	animation-delay: 0.173s;
		-o-animation-delay: 0.173s;
		-ms-animation-delay: 0.173s;
		-webkit-animation-delay: 0.173s;
		-moz-animation-delay: 0.173s;
}

.windows8 #wBall_3 {
	animation-delay: 0.3465s;
		-o-animation-delay: 0.3465s;
		-ms-animation-delay: 0.3465s;
		-webkit-animation-delay: 0.3465s;
		-moz-animation-delay: 0.3465s;
}

.windows8 #wBall_4 {
	animation-delay: 0.5095s;
		-o-animation-delay: 0.5095s;
		-ms-animation-delay: 0.5095s;
		-webkit-animation-delay: 0.5095s;
		-moz-animation-delay: 0.5095s;
}

.windows8 #wBall_5 {
	animation-delay: 0.693s;
		-o-animation-delay: 0.693s;
		-ms-animation-delay: 0.693s;
		-webkit-animation-delay: 0.693s;
		-moz-animation-delay: 0.693s;
}



@keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform:rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
	opacity: 0;
		transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		transform: rotate(900deg);
	}
}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
	opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-o-transform: rotate(900deg);
	}
}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
	opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-ms-transform: rotate(900deg);
	}
}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
	opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-moz-transform: rotate(900deg);
	}
}