html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
* { box-sizing: border-box; }

img { max-width: 100%; }

.column {
	margin: 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 58px;
	height: 58px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 58px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}


/* Shine */
.socials figure {
	position: relative;
}
.socials figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.socials figure:hover::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

input.website{ display: none; }

strong {
  font-weight: bold;
}

#google-map{
width: 100%;
max-width: 100%;
display: block;
}
#google-map iframe{ 
width: 600px !important; 
height: 400px !important; 
display: block; 
}

#m66 {
   display: none;
}


@media only screen and (max-width: 600px) {

.socials column { width: 100%; }

/* Shine */
.socials figure {
	position: relative;
	max-width: 75%;
	margin:0;
	padding:0;
}
.socials figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 75%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.socials figure:hover::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


iframe.jobs{
            width: 100%;
            height: calc(198vh);
            overflow:hidden;
            margin:0px;
            padding:0px;
            border:none;
			text-align: left;
			margin-top: -27px;
			margin-left: -12px;
}


.content_jobs { 
  width: 100%;
  height: auto;
  margin: auto;
  padding: 40px 3.5%;
}

.header { 
  width: 100%;
  height: auto; 
  margin: auto;
  padding: 0;
  background-color: #AAD5FF;
  text-align: center;
}

.logo { 
  padding: 10% 4% 10% 4%;
}

.contact_details { position: relative;
  float: right;
  width: 100%;
  height: auto; 
  margin: auto;
  margin: 0;
  padding: 0;
  background-color: #001A27;
  background-image: url('../images/header_image.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 100%;
  height: 150px; 
  display: flex;
  align-items: left;
  justify-content: left;
}
.contact_links {
margin: 0px;
padding: 0px;
padding: 7% 0% 39% 5%;
text-align: left;
}

img.contact { vertical-align: middle; margin-right: 15px; }

.content { 
  width: 100%;
  height: auto;
  margin: auto;
  padding: 50px 4% 30px 4%;
}

.sector_panel {   
  height: 100%;
  height: auto;
  margin: auto;
  background-color: #335284;
  display: flex;
  flex-direction: column;
  padding: 10% 3.5% 10% 3.5%;
  border-bottom: 10px solid #B4B4B4;
  align-items: center;
  justify-content: center;
  clear: both;
}
.sp1 {    
  margin: 0 0 10% 0;
  padding: 7% 0% 0% 1.8%;
  background-image: url('../images/panel_bg1s.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 95%; 
  width: 290px;
  height: 188px; 
  text-align: center; 
}
.sp2 {  
  margin: 0 0 10% 0;
  padding: 7% 0% 0% 1.8%;
  background-image: url('../images/panel_bg2s.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 95%; 
  width: 290px;
  height: 188px; 
  text-align: center; 
}
.sp3 {  
  margin: 0;
  padding: 7% 0% 0% 1.8%;
  background-image: url('../images/panel_bg3s.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 95%; 
  width: 290px;
  height: 188px;  
  text-align: center; 
}

.content_bottom { 
  width: 100%;
  height: auto;
  margin: auto;
  padding: 70px 4% 40px 4%;
}

.cv_panel {   
  height: 100%;
  background-color: #335284;
  display: flex;
  flex-direction: column;
  padding: 10% 3.5% 5% 3.5%;
  border-bottom: 10px solid #B4B4B4;
  text-align: center; 
  margin-bottom: 80px;
}

.cv1 { 
  float: left;   
  margin: 0 0 10% 0;
  padding: 4% 0% 4% 4%;
  width: 100%;
  height: auto;
  background-color: #8E8F91; 
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  text-align: left;
}

.cv_upload {
 margin-top: 15px; font-family: "Red Hat Display"; font-size: 18px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 20px;
}
.cv2 { 
  float: right; 
  margin: 0 0 4% 0;
  padding: 4% 0% 0% 0%;
  width: 100%;
  height: auto;
  background-color: #8E8F91; 
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  text-align: center;
}

img.logos { text-align: center; }

/* Create two unequal columns that floats next to each other */
.cv_column {
  float: left;
  margin: 17px 0 0 0;
}

.cv_left {
  width: 22%;
}

.cv_right {
  width: 78%;
}

/* Clear floats after the columns */
.cv_row:after {
  content: "";
  display: table;
  clear: both;
}

.footer { 
  width: 100%;
  margin: auto;
  height: 645px; 
  padding: 0;
  background-color: #001A27;
}

.footer_left { 
  float: left;
  height: auto; 
  margin: 0px;
  padding: 5% 5% 5% 5%;
  text-align: left;
}
.footer_right { 
  float: right;
  margin: 0;
  padding: 0;
  background-image: url('../images/footer_right.jpg');
  width: 100%;
  height: 50%; 
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
}

img.footerp { width: 31px; height: 32px; vertical-align: middle; margin: 0 12px 0 0px; }
img.footere { width: 31px; height: 24px; vertical-align: middle; margin: 0 12px 0 0px; }
img.right { max-width: 100%; height: auto; float: right; margin-bottom: 50px; }
img.left { max-width: 100%; height: auto; float: right; padding-bottom: 50px; }
  
p { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #164194; line-height: 30px; }
p.panels { margin-top: 15px; margin-left: 120px; font-family: "Red Hat Display"; font-size: 14px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 18px; }
p.logos { margin-top: 20px; line-height: 80px; }
p.logo { margin-top: -16px; }
p.text { margin-top: 25px; margin-bottom: 25px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; }
p.text_alert { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; line-height: 25px; }
p.text_top { margin-top: 0px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; }
p.cv_message { margin-top: 16px; margin-bottom: 9px; font-family: "Assistant"; font-size: 19px; font-weight: 900; text-decoration: none; color: #335284; line-height: 20px; }
p.footer_text { padding: 20px 0 30px 0; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #AAD4FF; line-height: 25px; }
p.footer_contact { padding-top: 21px; }
p.footer_text_small { padding-top: 28px; padding-bottom: 14px; font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 17px;  }
h1 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h2 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #8D8E91; line-height: 31px; }
h3 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h4 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h5 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #8D8E91; line-height: 31px; }
h6 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h7 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #FF972F; line-height: 31px; }
ul { margin-left: 35px; margin-top: 0px; text-align: left; }
li { margin-top: 0px; margin-bottom: 25px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; list-style-type: disc; }
.small_text { font-family: "Red Hat Display"; font-size: 12px; font-weight: normal; text-decoration: none; color: #8BC0DE; line-height: 30px; }
.panel_heading { margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 21px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 21px; }
.panel_heading_logos { margin-top: 0px; margin-bottom: 0px; font-family: "Red Hat Display"; font-size: 22px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 21px; }

a { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #D4AE8D; }
a:hover { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #FF972F; }

a.text_link  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }
a.text_link:hover  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; line-height: 25px; }
a.text_link_w  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }
a.text_link_w:hover  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }

a.header_phone { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.header_phone:hover { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #FFFFFF; cursor: default; }
a.header_email { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.header_email:hover { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #F19850; }

a.panel_links { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 18px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 21px; }
a.panel_links:hover { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 18px; font-weight: 900; text-decoration: none; color: #AAD4FF; line-height: 21px; }


a.footer { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #AAD4FF; line-height: 31px; }
a.footer:hover { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; }

a.footer_phone { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_phone:hover { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; cursor: default; }
a.footer_email { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_email:hover { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; }

a.footer_small { font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_small:hover { font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #F19850; }

.form { text-align: left; width: 100%; border: 0; margin: 0px; font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #164194; }

input.cv_form { width: 94%; height: 30px; padding: 2px; font-family: "Red Hat Display"; font-size: 18px; color: #335284; font-weight: normal; background-color: #FFFFFF; border: solid 1px #FFFFFF; } 
input.cv_form1 { vertical-align: top; width: 94%; height: 37px; padding: 2px; font-family: "Red Hat Display"; font-size: 15px; color: #335284; font-weight: normal; background-color: #FFFFFF; border: solid 1px #FFFFFF; } 
input.cv_form:focus, input.cv_form1:focus {outline: none; border-color: #F19850; box-shadow: 0 0 10px #F19850; } 

.button { height: 30px;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
  padding: -5px 28px;
  margin-top: 10px; margin-left: 0px;
  
}

.cv_button { 
  border-color: #FFFFFF;
  color: FFFFFF;
}

.cv_button:hover {
  background-color: #FF972F;
  color: #FFFFFF;
}

input.captcha { width: 20%; height: 35px; padding: 2px; font-family: verdana, sans-serif; font-size: 17px; color: #164194; font-weight: normal; background-color: #FFFFFF; border: dotted 1px #164194; z-index: 2; } 
textarea.memb_text { width: 100%; height: 150px; padding: 2px; font-family: verdana, sans-serif; font-size: 17px; color: #164194; font-weight: normal; background-color: #FFFFFF; border: dotted 1px #164194; } 
.resize_img_cap { width: 20%; height: 50px; }
.err { font-size: 14px; font-family: verdana, sans-serif; color: #F00000; font-weight: bold; padding-bottom: 5px; }
.small { font-size: 13px; font-family: verdana, sans-serif; color: #333333; font-weight: normal; }
a.refresh { font-size: 13px; font-family: verdana, sans-serif; color: #333333; font-weight: normal; text-decoration: none; }
a.refresh:hover { font-size: 13px; font-family: verdana, sans-serif; color: #333333; font-weight: normal; text-decoration: underline; }
.alert { text-align: center; padding: 5px; background-color: #C6CCDC; border: solid 1px #606060; font-family: tahoma, arial, verdana; font-size: 17px; font-weight: normal; text-decoration: none; color: #666666; }

.show_desktop { display: none; } 
.show_mobile { display: inline; } 
.desktop_break { display: none; }
.mobile_break { display: inline; }
.show_desktop_head { display: none; } 
.show_mobile_head {  display: block; margin-bottom: 0.8em; } 

#google-map iframe{ 
width: 100% !important; 
height: 100% !important; 
display: block; 
margin-bottom: 10%;
}


}



@media only screen and (max-width: 900px) and (min-width: 601px) {


iframe.jobs{
            width: 100%;
            height: calc(198vh);
            overflow:hidden;
            margin:0px;
            padding:0px;
            border:none;
			text-align: left;
			margin-top: -27px;
			margin-left: -12px;
}


.content_jobs { 
  width: 100%;
  height: auto;
  margin: auto;
  padding: 40px 3.5%;
}

.header { 
  width: 100%;
  height: auto; 
  margin: auto;
  padding: 0;
  background-color: #AAD5FF;
  text-align: center;
}

.logo { 
  padding: 10% 4% 10% 4%;
}

.contact_details { position: relative;
  float: right;
  width: 100%;
  height: auto; 
  margin: auto;
  margin: 0;
  padding: 0;
  background-color: #001A27;
  background-image: url('../images/header_image.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 100%;
  height: 150px; 
  display: flex;
  align-items: left;
  justify-content: left;
}
.contact_links {
margin: 0px;
padding: 0px;
padding: 7% 0% 39% 5%;
text-align: left;
}

img.contact { vertical-align: middle; margin-right: 15px; }

.content { 
  width: 100%;
  height: auto;
  margin: auto;
  padding: 50px 4% 30px 4%;
}

.sector_panel {   
  height: 100%;
  height: auto;
  margin: auto;
  background-color: #335284;
  display: flex;
  flex-direction: column;
  padding: 10% 3.5% 10% 3.5%;
  border-bottom: 10px solid #B4B4B4;
  align-items: center;
  justify-content: center;
  clear: both;
}
.sp1 {    
  margin: 0 0 10% 0;
  padding: 2.4% 0% 0% 1.8%;
  background-image: url('../images/panel_bg1s.png');
  background-repeat: no-repeat;
  width: 300px;
  height: 188px; 
  text-align: center; 
}
.sp2 {  
  margin: 0 0 10% 0;
  padding: 2.4% 0% 0% 1.8%;
  background-image: url('../images/panel_bg2s.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 300px;
  height: 188px; 
  text-align: center; 
}
.sp3 {  
  margin: 0;
  padding: 2.4% 0% 0% 1.8%;
  background-image: url('../images/panel_bg3s.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 300px;
  height: 188px;  
  text-align: center; 
}

.content_bottom { 
  width: 100%;
  height: auto;
  margin: auto;
  padding: 70px 4% 40px 4%;
}

.cv_panel {   
  height: 100%;
  background-color: #335284;
  display: flex;
  flex-direction: column;
  padding: 10% 3.5% 5% 3.5%;
  border-bottom: 10px solid #B4B4B4;
  text-align: center; 
  margin-bottom: 80px;
}

.cv1 { 
  float: left;   
  margin: 0 0 10% 0;
  padding: 4% 0% 4% 4%;
  width: 100%;
  height: auto;
  background-color: #8E8F91; 
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  text-align: left;
}

.cv_upload {
 margin-top: 15px; font-family: "Red Hat Display"; font-size: 18px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 20px;
}
.cv2 { 
  float: right; 
  margin: 0 0 4% 0;
  padding: 4% 0% 0% 0%;
  width: 100%;
  height: auto;
  background-color: #8E8F91; 
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  text-align: center;
}

img.logos { text-align: center; }

/* Create two unequal columns that floats next to each other */
.cv_column {
  float: left;
  margin: 17px 0 0 0;
}

.cv_left {
  width: 22%;
}

.cv_right {
  width: 78%;
}

/* Clear floats after the columns */
.cv_row:after {
  content: "";
  display: table;
  clear: both;
}

.footer { 
  width: 100%;
  margin: auto;
  height: 645px; 
  padding: 0;
  background-color: #001A27;
}

.footer_left { 
  float: left;
  height: auto; 
  margin: 0px;
  padding: 5% 5% 5% 5%;
  text-align: left;
}
.footer_right { 
  float: right;
  margin: 0;
  padding: 0;
  background-image: url('../images/footer_right.jpg');
  width: 100%;
  height: 50%; 
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
}

img.footerp { width: 31px; height: 32px; vertical-align: middle; margin: 0 12px 0 0px; }
img.footere { width: 31px; height: 24px; vertical-align: middle; margin: 0 12px 0 0px; }
img.right { max-width: 100%; height: auto; float: right; margin-bottom: 50px; }
img.left { max-width: 100%; height: auto; float: right; padding-bottom: 50px; }
  
p { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #164194; line-height: 30px; }
p.panels { margin-top: 15px; margin-left: 120px; font-family: "Red Hat Display"; font-size: 14px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 18px; }
p.logos { margin-top: 20px; line-height: 80px; }
p.logo { margin-top: -16px; }
p.text { margin-top: 25px; margin-bottom: 25px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; }
p.text_alert { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; line-height: 25px; }
p.text_top { margin-top: 0px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; }
p.cv_message { margin-top: 16px; margin-bottom: 9px; font-family: "Assistant"; font-size: 19px; font-weight: 900; text-decoration: none; color: #335284; line-height: 20px; }
p.footer_text { padding: 20px 0 30px 0; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #AAD4FF; line-height: 25px; }
p.footer_contact { padding-top: 21px; }
p.footer_text_small { padding-top: 28px; padding-bottom: 14px; font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 17px;  }
h1 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h2 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #8D8E91; line-height: 31px; }
h3 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h4 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h5 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #8D8E91; line-height: 31px; }
h6 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h7 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #FF972F; line-height: 31px; }
ul { margin-left: 35px; margin-top: 0px; text-align: left; }
li { margin-top: 0px; margin-bottom: 25px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; list-style-type: disc; }
.small_text { font-family: "Red Hat Display"; font-size: 12px; font-weight: normal; text-decoration: none; color: #8BC0DE; line-height: 30px; }
.panel_heading { margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 22px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 21px; }
.panel_heading_logos { margin-top: 0px; margin-bottom: 0px; font-family: "Red Hat Display"; font-size: 22px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 21px; }

a { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #D4AE8D; }
a:hover { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #FF972F; }

a.text_link  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }
a.text_link:hover  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; line-height: 25px; }
a.text_link_w  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }
a.text_link_w:hover  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }

a.header_phone { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.header_phone:hover { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #FFFFFF; cursor: default; }
a.header_email { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.header_email:hover { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #F19850; }

a.panel_links { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 18px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 21px; }
a.panel_links:hover { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 18px; font-weight: 900; text-decoration: none; color: #AAD4FF; line-height: 21px; }


a.footer { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #AAD4FF; line-height: 31px; }
a.footer:hover { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; }

a.footer_phone { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_phone:hover { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; cursor: default; }
a.footer_email { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_email:hover { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; }

a.footer_small { font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_small:hover { font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #F19850; }

.form { text-align: left; width: 100%; border: 0; margin: 0px; font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #164194; }

input.cv_form { width: 94%; height: 30px; padding: 2px; font-family: "Red Hat Display"; font-size: 18px; color: #335284; font-weight: normal; background-color: #FFFFFF; border: solid 1px #FFFFFF; } 
input.cv_form1 { vertical-align: top; width: 94%; height: 37px; padding: 2px; font-family: "Red Hat Display"; font-size: 15px; color: #335284; font-weight: normal; background-color: #FFFFFF; border: solid 1px #FFFFFF; } 
input.cv_form:focus, input.cv_form1:focus {outline: none; border-color: #F19850; box-shadow: 0 0 10px #F19850; } 

.button { height: 30px;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
  padding: -5px 28px;
  margin-top: 10px; margin-left: 0px;
  
}

.cv_button { 
  border-color: #FFFFFF;
  color: FFFFFF;
}

.cv_button:hover {
  background-color: #FF972F;
  color: #FFFFFF;
}

input.captcha { width: 20%; height: 35px; padding: 2px; font-family: verdana, sans-serif; font-size: 17px; color: #164194; font-weight: normal; background-color: #FFFFFF; border: dotted 1px #164194; z-index: 2; } 
textarea.memb_text { width: 100%; height: 150px; padding: 2px; font-family: verdana, sans-serif; font-size: 17px; color: #164194; font-weight: normal; background-color: #FFFFFF; border: dotted 1px #164194; } 
.resize_img_cap { width: 20%; height: 50px; }
.err { font-size: 14px; font-family: verdana, sans-serif; color: #F00000; font-weight: bold; padding-bottom: 5px; }
.small { font-size: 13px; font-family: verdana, sans-serif; color: #333333; font-weight: normal; }
a.refresh { font-size: 13px; font-family: verdana, sans-serif; color: #333333; font-weight: normal; text-decoration: none; }
a.refresh:hover { font-size: 13px; font-family: verdana, sans-serif; color: #333333; font-weight: normal; text-decoration: underline; }
.alert { text-align: center; padding: 5px; background-color: #C6CCDC; border: solid 1px #606060; font-family: tahoma, arial, verdana; font-size: 17px; font-weight: normal; text-decoration: none; color: #666666; }

.show_desktop { display: none; } 
.show_mobile { display: inline; } 
.desktop_break { display: none; }
.mobile_break { display: inline; }
.show_desktop_head { display: none; } 
.show_mobile_head {  display: block; margin-bottom: 0.8em; } 

#google-map iframe{ 
width: 100% !important; 
height: 100% !important; 
display: block; 
margin-bottom: 10%;
}

}



@media only screen and (max-width: 1698px) and (min-width: 901px) {

iframe.jobs{
            width:40%;
            height:100vh;
            overflow:hidden;
            margin:0px;
            padding:0px;
            border:none;
			text-align: left;
			margin-top: -27px;
			margin-left: -32px;
			float:left;
}


.content_jobs { 
  width: 100%;
  height: auto;
  margin: auto;
  padding: 80px 3.5% 0px 3.5%;
}


.column {
display: flex;
justify-content: left;
align-items: left;
}

.header { 
  width: 100%;
  height: 200px; 
  margin: auto;
  padding: 0;
  background-color: #AAD5FF;
}
.logo { position: absolute;
  float: left;
  margin: 0px;
  padding: 35px 0% 0% 1%;
  z-index: 10;
}
.contact_details { position: relative;
  float: right;
  margin: 0;
  padding: 0;
  background-image: url('../images/header_image.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 571px;
  height: 200px; 
  display: flex;
  align-items: center;
  justify-content: center
}
.contact_links {
margin: 0px;
padding: 0px;
}

img.contact { vertical-align: middle; margin: 0 10px 0 40px; }

.content { 
  width: 98%;
  height: auto;
  margin: auto;
  padding: 50px 4% 30px 4%;
}

.sector_panel {   
  width: 100%;
  height: 330px;
  margin: auto;
  background-color: #335284;
  display: flex;
  padding: 2% 1.5% 2% 1.5%;
  border-bottom: 10px solid #B4B4B4;
  display: flex;
  align-items: left;
  justify-content: center;
  clear: both;
}
.sp1 {    
  margin: 0 2% 10% 0;
  padding: 1% 0% 0% 0%;
  background-image: url('../images/panel_bg1.png');
  background-repeat: no-repeat;
  width: 421px;
  height: 264px;
  text-align: center; 
}
.sp2 {  
  margin: 0 2% 10% 0;
  padding: 1% 0% 0% 0%;
  background-image: url('../images/panel_bg2.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 421px;
  height: 264px;
  text-align: center; 
}
.sp3 {  
   margin: 0 0% 10% 0;
  padding: 1% 0% 0% 0%;
  background-image: url('../images/panel_bg3.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 421px;
  height: 264px;  
  text-align: center; 
}

.content_bottom { 
  width: 98%;
  height: auto;
  margin: auto;
  padding: 70px 4% 50px 4%;
}

.cv_panel {   
  width: 100%;
  height: 385px;
  margin: auto;
  background-color: #335284;
  display: flex;
  padding: 2% 1.5% 2% 1.5%;
  background-color: #335284;
  display: flex;
  align-items: left;
  justify-content: center;
  border-bottom: 10px solid #B4B4B4;
  text-align: center; 
  margin-bottom: 80px;
  clear: both;
}

.cv1 { 
  float: left;   
  margin: 0 3% 10% 0;
  padding: 1.5% 0% 4% 4%;
  width: 50%;
  height: 320px;
  background-color: #8E8F91; 
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  text-align: left;
}

.cv_upload {
 margin-top: 15px; font-family: "Red Hat Display"; font-size: 18px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 24px;
}
.cv2 { 
  float: right; 
  margin: 0;
  padding: 1.5% 0% 4% 0%;
  width: 50%;
  height: 320px;
  background-color: #8E8F91; 
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  text-align: center;
}

img.logos { padding: 1% 0% 0% 0% ; vertical-align: middle; margin-right: 5px; }

/* Create two unequal columns that floats next to each other */
.cv_column {
  float: left;
  margin: 17px 0 0 0;
}

.cv_left {
  width: 12%;
}

.cv_right {
  width: 84%;
}

/* Clear floats after the columns */
.cv_row:after {
  content: "";
  display: table;
  clear: both;
}

.footer { 
  width: 100%;
  height: 458px; 
  margin: auto;
  padding: 0;
  background-color: #001A27;
}

.footer_left { position: absolute;
  float: left;
  margin: 0px;
  padding: 2% 0% 0% 3%;
   z-index: 8;
}
.footer_right { position: relative;
  float: right;
  margin: 0;
  padding: 0;
  background-image: url('../images/footer_right.jpg');
  width: 60%;
  height: 100%; 
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  z-index: 9;
}

img.footerp { width: 31px; height: 32px; vertical-align: middle; margin: 0 12px 0 0px; }
img.footere { width: 31px; height: 24px; vertical-align: middle; margin: 0 16px 0 0px; }
img.right { max-width: 100%; height: auto; float: right; margin-bottom: 50px; margin-left: 100px; }
img.left { max-width: 100%; height: auto; float: right; padding-bottom: 50px; margin-left: 100px; }
  
p { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #164194; line-height: 30px; }
p.panels { margin-top: 40px; margin-left: 184px; font-family: "Red Hat Display"; font-size: 22px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 24px; }
p.logos { padding-top: 25px; padding-bottom: 40px; text-align: center; }
p.logo { padding-top: 25px; padding-left: 15%; margin-bottom: 0px;  text-align: center; }
p.text { margin-top: 25px; margin-bottom: 25px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; }
p.text_alert { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; line-height: 25px; }
p.text_top { margin-top: 0px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; }
p.cv_message { margin-top: 5px; margin-bottom: 5px; font-family: "Assistant"; font-size: 25px; font-weight: normal; text-decoration: none; color: #F19850; line-height: 21px; }
p.footer_text { padding: 20px 0 30px 0; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #AAD4FF; line-height: 25px; }
p.footer_contact { padding-top: 21px; }
p.footer_text_small { padding-top: 28px; padding-bottom: 14px; font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 17px;  }
h1 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h2 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #8D8E91; line-height: 31px; }
h3 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h4 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h5 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #8D8E91; line-height: 31px; }
h6 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #335284; line-height: 31px; }
h7 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 28px; font-weight: 900; text-decoration: none; color: #FF972F; line-height: 31px; }
ul { margin-left: 35px; margin-top: 0px; text-align: left; }
li { margin-top: 0px; margin-bottom: 25px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; list-style-type: disc; }
.small_text { font-family: "Red Hat Display"; font-size: 12px; font-weight: normal; text-decoration: none; color: #8BC0DE; line-height: 30px; }
.panel_heading { font-family: "Red Hat Display"; font-size: 30px; font-weight: 900; text-decoration: none; color: #FFFFFF;  }
.panel_heading_logos { font-family: "Red Hat Display"; font-size: 30px; font-weight: 900; text-decoration: none; color: #FFFFFF;  }

a { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #D4AE8D; }
a:hover { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #FF972F; }

a.text_link  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }
a.text_link:hover  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; line-height: 25px; }
a.text_link_w  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }
a.text_link_w:hover  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }

a.header_phone { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.header_phone:hover { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #FFFFFF; cursor: default; }
a.header_email { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.header_email:hover { font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #F19850; }

a.panel_links { margin-top: -10px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 30px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 41px; }
a.panel_links:hover { margin-top: -10px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 30px; font-weight: 900; text-decoration: none; color: #AAD4FF; line-height: 41px; }


a.footer { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #AAD4FF; line-height: 31px; }
a.footer:hover { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; }

a.footer_phone { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_phone:hover { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; cursor: default; }
a.footer_email { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_email:hover { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; }

a.footer_small { font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_small:hover { font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #F19850; }

.form { text-align: left; width: 100%; border: 0; margin: 0px; font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #164194; }

input.cv_form { width: 93%; height: 30px; padding: 2px; font-family: "Red Hat Display"; font-size: 18px; color: #335284; font-weight: normal; background-color: #FFFFFF; border: solid 1px #FFFFFF; } 
input.cv_form1 { vertical-align: top; width: 78%; height: 30px; padding: 2px; font-family: "Red Hat Display"; font-size: 15px; color: #335284; font-weight: normal; background-color: #FFFFFF; border: solid 1px #FFFFFF; } 

.button { height: 30px;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
  padding: -10px 28px;
  margin-top: 0px; margin-left: 10px;
  
}

.cv_button { 
  border-color: #FFFFFF;
  color: FFFFFF;
}

.cv_button:hover {
  background-color: #FF972F;
  color: #FFFFFF;
}

input.captcha { width: 20%; height: 35px; padding: 2px; font-family: verdana, sans-serif; font-size: 17px; color: #164194; font-weight: normal; background-color: #FFFFFF; border: dotted 1px #164194; z-index: 2; } 
textarea.memb_text { width: 100%; height: 150px; padding: 2px; font-family: verdana, sans-serif; font-size: 17px; color: #164194; font-weight: normal; background-color: #FFFFFF; border: dotted 1px #164194; } 
.resize_img_cap { width: 20%; height: 50px; }
.err { font-size: 14px; font-family: verdana, sans-serif; color: #F00000; font-weight: bold; padding-bottom: 5px; }
.small { font-size: 13px; font-family: verdana, sans-serif; color: #333333; font-weight: normal; }
a.refresh { font-size: 13px; font-family: verdana, sans-serif; color: #333333; font-weight: normal; text-decoration: none; }
a.refresh:hover { font-size: 13px; font-family: verdana, sans-serif; color: #333333; font-weight: normal; text-decoration: underline; }
.alert { text-align: center; padding: 5px; background-color: #C6CCDC; border: solid 1px #606060; font-family: tahoma, arial, verdana; font-size: 17px; font-weight: normal; text-decoration: none; color: #666666; }

.show_desktop { display: inline; } 
.show_mobile { display: inline; } 
.desktop_break { display: none; }
.mobile_break { display: none; }
.show_desktop_head { display: none; } 
.show_mobile_head {  display: block; margin-bottom: 0.8em; } 

#google-map iframe{ 
width: 100% !important; 
height: 100% !important; 
display: block; 
margin-bottom: 10%;
}

}

/* Extra large devices (large laptops and desktops, 1700px and up) */

@media only screen and (min-width: 1699px) {

iframe.jobs{
            width: 60%;
            height: 225vh;
            overflow:hidden;
            margin:0px;
            padding:0px;
            border:none;
			text-align: left;
			margin-top: -27px;
			margin-left: 1px;
}

.content_jobs { 
  width: 100%;
  height: auto;
  margin: auto;
  padding: 80px 3.5% 0px 3.5%;
}

.header { 
  width: 100%;
  height: 200px; 
  margin: auto;
  padding: 0;
  background-color: #AAD5FF;
}

.logo { position: absolute;
  float: left;
  margin: 0px;
  padding: 1.85% 0% 0% 3%;
}
.contact_details { position: relative;
  float: right;
  margin: 0;
  padding: 0;
  background-image: url('../images/header_image.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 571px;
  height: 200px; 
  display: flex;
  align-items: center;
  justify-content: center
}
.contact_links {
margin: 0px;
padding: 0px;
}

img.contact { vertical-align: middle; margin: 0 10px 0 40px; }

.content { 
  width: 100%;
  height: auto;
  margin: auto;
  padding: 80px 3.5% 80px 3.5%; 
}

.sector_panel {   
  margin: 0px;
  height: 100%;
  background-color: #335284;
  display: flex;
  justify-content: space-between;
  padding: 2% 3.5% 2% 3.5%;
  border-bottom: 10px solid #B4B4B4;
  text-align: center; 
  clear: both;
}
.sp1 { float: left;   
  margin: 0;
  padding: 0.71% 0% 0% 1.8%;
  background-image: url('../images/panel_bg1.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 421px;
  height: 264px; 
  text-align: left;
}
.sp2 { display: inline; 
  margin: 0;
  padding: 0.71% 0% 0% 1.8%;
  background-image: url('../images/panel_bg2.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 421px;
  height: 264px;
  text-align: left;
}
.sp3 { float: right; 
  margin: 0;
  padding: 0.71% 0% 0% 1.8%;
  background-image: url('../images/panel_bg3.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
  width: 421px;
  height: 264px;
  text-align: left;
}

.content_bottom {  
  margin-bottom: 60px;
  width: 100%;
  height: auto;
  margin: auto;
  padding: 90px 3.5% 50px 3.5%;
}

.cv_panel {   
  margin-top: 100px; margin-bottom: 80px;
  height: 100%;
  background-color: #335284;
  display: flex;
  justify-content: space-between;
  padding: 2% 3.5% 2% 3.5%;
  border-bottom: 10px solid #B4B4B4;
  text-align: center; 
  clear: both;
}

.cv1 { 
  float: left;   
  margin: 0;
  padding: 0.71% 0% 0% 1.8%;
  width: 704px;
  height: 294px;
  background-color: #8E8F91; 
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/cv_panel_bg.png');
  background-repeat: no-repeat;
  background-position: 30px 80px; 
}

.cv_upload {
 margin-top: 25px; margin-left: 180px; font-family: "Red Hat Display"; font-size: 22px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 24px;
}
.cv2 { 
  float: right; 
  margin: 0;
  padding: 0.71% 0% 0% 1.8%;
  width: 704px;
  height: 294px;
  background-color: #8E8F91; 
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  text-align: left;
}

img.logos { padding: 0% 0% 0% 5%; vertical-align: middle; margin-right: 15px; }

/* Create two unequal columns that floats next to each other */
.cv_column {
  float: left;
  margin: 17px 0 0 0;
}

.cv_left {
  width: 18%;
}

.cv_right {
  width: 82%;
}

/* Clear floats after the columns */
.cv_row:after {
  content: "";
  display: table;
  clear: both;
}

.footer { 
  width: 100%;
  height: 566px; 
  margin: auto;
  padding: 0;
  background-color: #001A27;
}

.footer_left { position: absolute;
  float: left;
  margin: 0px;
  padding: 2% 0% 0% 3.7%;
}
.footer_right { position: relative;
  float: right;
  margin: 0;
  padding: 0;
  background-image: url('../images/footer_right.jpg');
  width: 50%;
  height: 100%; 
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 
}

img.footerp { width: 31px; height: 32px; vertical-align: middle; margin: 0 12px 0 0px; }
img.footere { width: 31px; height: 24px; vertical-align: middle; margin: 0 16px 0 0px; }
img.right { max-width: 100%; height: auto; float: right; margin-left: 100px; padding-bottom: 50px; }
img.left { max-width: 100%; height: auto; float: left; margin-right: 100px; padding-bottom: 50px; }

p { margin-top: 25px; margin-bottom: 25px; font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #164194; line-height: 30px; }
p.panels { margin-top: 44px; margin-left: 184px; font-family: "Red Hat Display"; font-size: 22px; font-weight: normal; text-decoration: none; color: #FFFFFF; line-height: 24px; }
p.logos { text-align: left; margin-top: 20px; margin-left: -40px; }
p.logo { width: 500px; text-align: center; margin-top: -18px; }
p.text { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; }
p.text_top { margin-top: 0px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; }
p.text_alert { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; line-height: 25px; }
p.cv_message { margin-top: 3px; margin-bottom: 5px; font-family: "Assistant"; font-size: 20px; font-weight: bold; text-decoration: none; color: #335284; line-height: 21px; }
p.footer_text { padding: 20px 0 21px 0; font-family: "Assistant"; font-size: 25px; font-weight: normal; text-decoration: none; color: #AAD4FF; line-height: 25px; }
p.footer_contact { padding-top: 21px; }
p.footer_text_small { padding-top: 8px; font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
h1 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 40px; font-weight: 900; text-decoration: none; color: #335284; line-height: 41px; }
h2 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 40px; font-weight: 900; text-decoration: none; color: #8D8E91; line-height: 41px; }
h3 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 40px; font-weight: 900; text-decoration: none; color: #335284; line-height: 41px; }
h4 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 40px; font-weight: 900; text-decoration: none; color: #335284; line-height: 41px; }
h5 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 40px; font-weight: 900; text-decoration: none; color: #8D8E91; line-height: 41px; }
h6 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 40px; font-weight: 900; text-decoration: none; color: #335284; line-height: 41px; }
h7 { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 40px; font-weight: 900; text-decoration: none; color: #FF972F; line-height: 41px; }
ul { margin-left: 35px; margin-top: 0px; text-align: left; }
li { margin-top: 0px; margin-bottom: 25px; font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 25px; list-style-type: disc; }
.small_text { font-family: "Red Hat Display"; font-size: 12px; font-weight: normal; text-decoration: none; color: #8BC0DE; line-height: 30px; }
.panel_heading { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 30px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 41px; }
.panel_heading_logos { margin-top: -10px; margin-bottom: 20px; font-family: "Red Hat Display"; font-size: 30px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 31px; }

a { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #D4AE8D; }
a:hover { font-family: "Red Hat Display"; font-size: 17px; font-weight: normal; text-decoration: none; color: #FF972F; }

a.text_link  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }
a.text_link:hover  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #F19850; line-height: 25px; }
a.text_link_w  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }
a.text_link_w:hover  { font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #335284; line-height: 25px; }

a.header_phone { font-family: "Red Hat Display"; font-size: 20px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.header_phone:hover { font-family: "Red Hat Display"; font-size: 20px; font-weight: normal; text-decoration: none; color: #FFFFFF; cursor: default; }
a.header_email { font-family: "Red Hat Display"; font-size: 20px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.header_email:hover { font-family: "Red Hat Display"; font-size: 20px; font-weight: normal; text-decoration: none; color: #F19850; }
a.panel_links { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 30px; font-weight: 900; text-decoration: none; color: #FFFFFF; line-height: 41px; }
a.panel_links:hover { margin-top: 0px; margin-bottom: 30px; font-family: "Red Hat Display"; font-size: 30px; font-weight: 900; text-decoration: none; color: #AAD4FF; line-height: 41px; }
a.footer { font-family: "Assistant"; font-size: 25px; font-weight: normal; text-decoration: none; color: #AAD4FF; }
a.footer:hover { font-family: "Assistant"; font-size: 25px; font-weight: normal; text-decoration: none; color: #F19850; }
a.footer_phone { font-family: "Assistant"; font-size: 25px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_phone:hover { font-family: "Assistant"; font-size: 25px; font-weight: normal; text-decoration: none; color: #FFFFFF; cursor: default; }
a.footer_email { font-family: "Assistant"; font-size: 25px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_email:hover { font-family: "Assistant"; font-size: 25px; font-weight: normal; text-decoration: none; color: #F19850; }
a.footer_small { font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.footer_small:hover { font-family: "Assistant"; font-size: 15px; font-weight: normal; text-decoration: none; color: #F19850; }
form { text-align: left; width: 100%; border: 0; margin: 0px; font-family: "Assistant"; font-size: 18px; font-weight: normal; text-decoration: none; color: #AAD5FF; }
input.cv_form { width: 80%; height: 30px; padding: 2px; font-family: "Red Hat Display"; font-size: 18px; color: #335284; font-weight: normal; background-color: #FFFFFF; border: solid 1px #FFFFFF; } 
input.cv_form1 { vertical-align: top; width: 58.5%; height: 30px; padding: 2px; font-family: "Red Hat Display"; font-size: 16px; color: #335284; font-weight: normal; background-color: #FFFFFF; border: solid 1px #FFFFFF; } 
input.cv_form:focus, input.cv_form1:focus { outline: none; border-color: #F19850; box-shadow: 0 0 10px #F19850; } 

.button { height: 30px;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 22px;
  cursor: pointer;
  padding: -5px 28px;
  margin-left: 10px;
  
}

.cv_button { 
  border-color: #FFFFFF;
  color: FFFFFF;
}

.cv_button:hover {
  background-color: #FF972F;
  color: #FFFFFF;
}

.button_form { height: 30px;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 22px;
  cursor: pointer;
  padding: -5px 28px;
  margin-left: 0px;
  
}

.form_button { 
  border-color: #335284;
  color: #335284;
}

.form_button:hover {
  background-color: #FF972F;
  color: #FFFFFF;
}

input.gen_form { width: 100%; height: 30px; padding: 5px; font-family: "Assistant"; font-size: 22px; font-weight: normal; text-decoration: none; color: #737475; line-height: 20px; background-color: #FFFFFF; border: dotted 1px #164194; } 
textarea.gen_text { width: 100%; height: 150px; padding: 5px; font-family: "Assistant";; font-size: 22px; font-weight: normal; text-decoration: none; color: #737475; line-height: 20px; background-color: #FFFFFF; border: dotted 1px #164194; } 
input.gen_form:focus, textarea.gen_text:focus { outline: none; border-color: #335284; box-shadow: 0 0 10px #335284; } 

.show_desktop { display: inline; } 
.show_mobile { display: none; } 
.desktop_break { display: inline; }
.mobile_break { display: none; }
.show_desktop_head { display: inline; } 
.show_mobile_head { display: none; } 


/* Form Styling: */
.form_wrapper {
 display: flex;
 flex-direction: column;
 width: 50%;
 margin: 0px;
}

.f_wrapper {  
  display: inline-block;
  width: 100%;
  border: 0px;
  font-family: "Assistant"; font-size: 23px; font-weight: normal; text-decoration: none; color: #737475; line-height: 20px;
}
.div1 {
  display: inline-block;
  width: 100%;
  height: 30px;
}
.div2 {
  vertical-align:top;
  display: inline-block;
  width: 100%;
  height: 50px;
}
.div3 {
  display: inline-block;
  width: 100%;
  height: 61px;
}

.div4 {
 vertical-align:top;
  display: inline-block;
  width: 100%;
  height: 165px;
}

.div5 {
  display: inline-block;
  width: 100%;
  height: 45px;
}

.div6 {
  display: inline-block;
  width: 100%;
  height: 50px;
} 

.trustpilot-widget { 
  margin: -100px 0px 0px -75px;
  width: 100%;
  padding: 0;
  text-align: left;
  float: left;
}
}


@media only screen and (min-width: 1699px) {

/* Navigation */

.topnav {   
  height: 100px;
  background-color: #335284;
  display: flex;
  justify-content: right;
  padding-right: 2%;
  border-bottom: 10px solid #B4B4B4;
}

.topnav a {
  display: block;
  color: #FFFFFF;
  text-align: center;
  padding: 38px 38px;
  text-decoration: none;
  font-family: "Red Hat Display"; font-size: 25px; font-weight: normal; text-decoration: none; color: #FFFFFF; 
}

.active {
  background-color: #AAD5FF;
  color: #8BC1DE;
}

.topnav .icon {
  display: none;
}

.topnav a:hover {
  background-color: #335284;
  color: #F19850; 
}

}


@media only screen and (max-width: 1698px) and (min-width: 1030px) {

.topnav {   
  height: 100px;
  background-color: #335284;
  display: flex;
  justify-content: right;
  padding-right: 2%;
  border-bottom: 10px solid #B4B4B4;
}

.topnav a {
  display: block;
  color: #335284;
  text-align: center;
  padding: 38px 20px;
  text-decoration: none;
  font-family: "Red Hat Display"; font-size: 23px; font-weight: normal; text-decoration: none; color: #FFFFFF; 
}

.active {
  background-color: #AAD5FF;
  color: #8BC1DE;
}

.topnav .icon {
  display: none;
}

.topnav a:hover {
  background-color: #335284;
  color: #F19850; 
}
}

@media only screen and (max-width: 1029px) {

.topnav {   
  height: 20%;
  background-color: #335284;
  display: inline-block;
  width: 100%;
  padding-right: 0%;
  vertical-align: middle;
  border-bottom: 6px solid #B4B4B4;
}

.topnav a {
  float: left;
  display: block;
  color: #B4B4B4;
  text-align: center;
  padding: 5% 5%;
  text-decoration: none;
  font-family: "Red Hat Display"; font-size: 24px; font-weight: normal; text-decoration: none; color: #8BC1DE; 
}

.topnav a:hover {
  background-color: #B4B4B4;
  color: #FFFFFF;  
}

.active {
  background-color: #335284;
  color: #B4B4B4;
}

.topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	background-color: #001A27;
	border-bottom: 6px solid #B4B4B4;
	 
  }
}


ul.a {
  -webkit-transition: all 200s cubic-bezier(1, 1.2, 0.8, 1.2);
  transition: all 200s cubic-bezier(1, 1.2, 0.8, 1.2);
  width: 100%;
  height: 100%;
}
ul.a:hover {
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
ul.a:hover li {
  box-shadow: 0 0 50px #0798DE;
  background: #0798DE;
}
ul.a li {
  box-shadow: 0 0 50px #FFFFFF;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: absolute;
  top: 100%;
  right: 0%;
  display: block;
  width: 1px;
  background: #0798DE;
  color: #0798DE;
}


ul.a li:nth-child(14) {
  -webkit-animation: forward14 800ms infinite 280ms linear;
  animation: forward14 800ms infinite 280ms linear;
  -ms-transform: rotate(93.6deg) translateY(15px) perspective(20px);
  -webkit-transform: rotate(93.6deg) translateY(15px) perspective(20px);
  transform: rotate(93.6deg) translateY(15px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 251px;
}

ul.a li:nth-child(15) {
  -webkit-animation: forward15 800ms infinite 510ms linear;
  animation: forward15 800ms infinite 510ms linear;
  -ms-transform: rotate(100.8deg) translateY(55px) perspective(20px);
  -webkit-transform: rotate(100.8deg) translateY(55px) perspective(20px);
  transform: rotate(100.8deg) translateY(55px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 216px;
}
ul.a li:nth-child(16) {
  -webkit-animation: forward16 800ms infinite 48ms linear;
  animation: forward16 800ms infinite 48ms linear;
  -ms-transform: rotate(108deg) translateY(43px) perspective(20px);
  -webkit-transform: rotate(108deg) translateY(43px) perspective(20px);
  transform: rotate(108deg) translateY(43px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 280px;
}
ul.a li:nth-child(17) {
  -webkit-animation: forward17 800ms infinite 935ms linear;
  animation: forward17 800ms infinite 935ms linear;
  -ms-transform: rotate(115.2deg) translateY(81px) perspective(20px);
  -webkit-transform: rotate(115.2deg) translateY(81px) perspective(20px);
  transform: rotate(115.2deg) translateY(81px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 182px;
}
ul.a li:nth-child(18) {
  -webkit-animation: forward18 800ms infinite 270ms linear;
  animation: forward18 800ms infinite 270ms linear;
  -ms-transform: rotate(122.4deg) translateY(57px) perspective(20px);
  -webkit-transform: rotate(122.4deg) translateY(57px) perspective(20px);
  transform: rotate(122.4deg) translateY(57px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 228px;
}
ul.a li:nth-child(19) {
  -webkit-animation: forward19 800ms infinite 519ms linear;
  animation: forward19 800ms infinite 519ms linear;
  -ms-transform: rotate(129.6deg) translateY(71px) perspective(20px);
  -webkit-transform: rotate(129.6deg) translateY(71px) perspective(20px);
  transform: rotate(129.6deg) translateY(71px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 75px;
}


@-webkit-keyframes forward1 {
  100% {
    -ms-transform: rotate(0deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(0deg) translateY(500px) perspective(120px);
    transform: rotate(0deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}

@keyframes forward1 {
  100% {
    -ms-transform: rotate(0deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(0deg) translateY(500px) perspective(120px);
    transform: rotate(0deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward2 {
  100% {
    -ms-transform: rotate(7.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(7.2deg) translateY(500px) perspective(120px);
    transform: rotate(7.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward2 {
  100% {
    -ms-transform: rotate(7.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(7.2deg) translateY(500px) perspective(120px);
    transform: rotate(7.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward3 {
  100% {
    -ms-transform: rotate(14.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(14.4deg) translateY(500px) perspective(120px);
    transform: rotate(14.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward3 {
  100% {
    -ms-transform: rotate(14.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(14.4deg) translateY(500px) perspective(120px);
    transform: rotate(14.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward4 {
  100% {
    -ms-transform: rotate(21.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(21.6deg) translateY(500px) perspective(120px);
    transform: rotate(21.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward4 {
  100% {
    -ms-transform: rotate(21.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(21.6deg) translateY(500px) perspective(120px);
    transform: rotate(21.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward5 {
  100% {
    -ms-transform: rotate(28.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(28.8deg) translateY(500px) perspective(120px);
    transform: rotate(28.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward5 {
  100% {
    -ms-transform: rotate(28.8deg) translateY(500px) perspective(120px);

    -webkit-transform: rotate(28.8deg) translateY(500px) perspective(120px);
    transform: rotate(28.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward6 {
  100% {
    -ms-transform: rotate(36deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(36deg) translateY(500px) perspective(120px);
    transform: rotate(36deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward6 {
  100% {
    -ms-transform: rotate(36deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(36deg) translateY(500px) perspective(120px);
    transform: rotate(36deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward7 {
  100% {
    -ms-transform: rotate(43.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(43.2deg) translateY(500px) perspective(120px);
    transform: rotate(43.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward7 {
  100% {
    -ms-transform: rotate(43.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(43.2deg) translateY(500px) perspective(120px);
    transform: rotate(43.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward8 {
  100% {
    -ms-transform: rotate(50.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(50.4deg) translateY(500px) perspective(120px);
    transform: rotate(50.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward8 {
  100% {
    -ms-transform: rotate(50.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(50.4deg) translateY(500px) perspective(120px);
    transform: rotate(50.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward9 {
  100% {
    -ms-transform: rotate(57.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(57.6deg) translateY(500px) perspective(120px);
    transform: rotate(57.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward9 {
  100% {
    -ms-transform: rotate(57.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(57.6deg) translateY(500px) perspective(120px);
    transform: rotate(57.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward10 {
  100% {
    -ms-transform: rotate(64.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(64.8deg) translateY(500px) perspective(120px);
    transform: rotate(64.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward10 {
  100% {
    -ms-transform: rotate(64.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(64.8deg) translateY(500px) perspective(120px);
    transform: rotate(64.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward11 {
  100% {
    -ms-transform: rotate(72deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(72deg) translateY(500px) perspective(120px);
    transform: rotate(72deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward11 {
  100% {
    -ms-transform: rotate(72deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(72deg) translateY(500px) perspective(120px);
    transform: rotate(72deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward12 {
  100% {
    -ms-transform: rotate(79.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(79.2deg) translateY(500px) perspective(120px);
    transform: rotate(79.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward12 {
  100% {
    -ms-transform: rotate(79.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(79.2deg) translateY(500px) perspective(120px);
    transform: rotate(79.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward13 {
  100% {
    -ms-transform: rotate(86.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(86.4deg) translateY(500px) perspective(120px);
    transform: rotate(86.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward13 {
  100% {
    -ms-transform: rotate(86.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(86.4deg) translateY(500px) perspective(120px);
    transform: rotate(86.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward14 {
  100% {
    -ms-transform: rotate(93.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(93.6deg) translateY(500px) perspective(120px);
    transform: rotate(93.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward14 {
  100% {
    -ms-transform: rotate(93.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(93.6deg) translateY(500px) perspective(120px);
    transform: rotate(93.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward15 {
  100% {
    -ms-transform: rotate(100.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(100.8deg) translateY(500px) perspective(120px);
    transform: rotate(100.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward15 {
  100% {
    -ms-transform: rotate(100.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(100.8deg) translateY(500px) perspective(120px);
    transform: rotate(100.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward16 {
  100% {
    -ms-transform: rotate(108deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(108deg) translateY(500px) perspective(120px);
    transform: rotate(108deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward16 {
  100% {
    -ms-transform: rotate(108deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(108deg) translateY(500px) perspective(120px);
    transform: rotate(108deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward17 {
  100% {
    -ms-transform: rotate(115.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(115.2deg) translateY(500px) perspective(120px);
    transform: rotate(115.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward17 {
  100% {
    -ms-transform: rotate(115.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(115.2deg) translateY(500px) perspective(120px);
    transform: rotate(115.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward18 {
  100% {
    -ms-transform: rotate(122.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(122.4deg) translateY(500px) perspective(120px);
    transform: rotate(122.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward18 {
  100% {
    -ms-transform: rotate(122.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(122.4deg) translateY(500px) perspective(120px);
    transform: rotate(122.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward19 {
  100% {
    -ms-transform: rotate(129.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(129.6deg) translateY(500px) perspective(120px);
    transform: rotate(129.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward19 {
  100% {
    -ms-transform: rotate(129.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(129.6deg) translateY(500px) perspective(120px);
    transform: rotate(129.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward20 {
  100% {
    -ms-transform: rotate(136.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(136.8deg) translateY(500px) perspective(120px);
    transform: rotate(136.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward20 {
  100% {
    -ms-transform: rotate(136.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(136.8deg) translateY(500px) perspective(120px);
    transform: rotate(136.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward21 {
  100% {
    -ms-transform: rotate(144deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(144deg) translateY(500px) perspective(120px);
    transform: rotate(144deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward21 {
  100% {
    -ms-transform: rotate(144deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(144deg) translateY(500px) perspective(120px);
    transform: rotate(144deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward22 {
  100% {
    -ms-transform: rotate(151.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(151.2deg) translateY(500px) perspective(120px);
    transform: rotate(151.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward22 {
  100% {
    -ms-transform: rotate(151.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(151.2deg) translateY(500px) perspective(120px);
    transform: rotate(151.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward23 {
  100% {
    -ms-transform: rotate(158.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(158.4deg) translateY(500px) perspective(120px);
    transform: rotate(158.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward23 {
  100% {
    -ms-transform: rotate(158.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(158.4deg) translateY(500px) perspective(120px);
    transform: rotate(158.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward24 {
  100% {
    -ms-transform: rotate(165.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(165.6deg) translateY(500px) perspective(120px);
    transform: rotate(165.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward24 {
  100% {
    -ms-transform: rotate(165.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(165.6deg) translateY(500px) perspective(120px);
    transform: rotate(165.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward25 {
  100% {
    -ms-transform: rotate(172.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(172.8deg) translateY(500px) perspective(120px);
    transform: rotate(172.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward25 {
  100% {
    -ms-transform: rotate(172.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(172.8deg) translateY(500px) perspective(120px);
    transform: rotate(172.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward26 {
  100% {
    -ms-transform: rotate(180deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(180deg) translateY(500px) perspective(120px);
    transform: rotate(180deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward26 {
  100% {
    -ms-transform: rotate(180deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(180deg) translateY(500px) perspective(120px);
    transform: rotate(180deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward27 {
  100% {
    -ms-transform: rotate(187.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(187.2deg) translateY(500px) perspective(120px);
    transform: rotate(187.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward27 {
  100% {
    -ms-transform: rotate(187.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(187.2deg) translateY(500px) perspective(120px);
    transform: rotate(187.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward28 {
  100% {
    -ms-transform: rotate(194.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(194.4deg) translateY(500px) perspective(120px);
    transform: rotate(194.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward28 {
  100% {
    -ms-transform: rotate(194.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(194.4deg) translateY(500px) perspective(120px);
    transform: rotate(194.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward29 {
  100% {
    -ms-transform: rotate(201.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(201.6deg) translateY(500px) perspective(120px);
    transform: rotate(201.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward29 {
  100% {
    -ms-transform: rotate(201.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(201.6deg) translateY(500px) perspective(120px);
    transform: rotate(201.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward30 {
  100% {
    -ms-transform: rotate(208.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(208.8deg) translateY(500px) perspective(120px);
    transform: rotate(208.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward30 {
  100% {
    -ms-transform: rotate(208.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(208.8deg) translateY(500px) perspective(120px);
    transform: rotate(208.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward31 {
  100% {
    -ms-transform: rotate(216deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(216deg) translateY(500px) perspective(120px);
    transform: rotate(216deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward31 {
  100% {
    -ms-transform: rotate(216deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(216deg) translateY(500px) perspective(120px);
    transform: rotate(216deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward32 {
  100% {
    -ms-transform: rotate(223.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(223.2deg) translateY(500px) perspective(120px);
    transform: rotate(223.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward32 {
  100% {
    -ms-transform: rotate(223.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(223.2deg) translateY(500px) perspective(120px);
    transform: rotate(223.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward33 {
  100% {
    -ms-transform: rotate(230.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(230.4deg) translateY(500px) perspective(120px);
    transform: rotate(230.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward33 {
  100% {
    -ms-transform: rotate(230.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(230.4deg) translateY(500px) perspective(120px);
    transform: rotate(230.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward34 {
  100% {
    -ms-transform: rotate(237.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(237.6deg) translateY(500px) perspective(120px);
    transform: rotate(237.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward34 {
  100% {
    -ms-transform: rotate(237.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(237.6deg) translateY(500px) perspective(120px);
    transform: rotate(237.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward35 {
  100% {
    -ms-transform: rotate(244.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(244.8deg) translateY(500px) perspective(120px);
    transform: rotate(244.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward35 {
  100% {
    -ms-transform: rotate(244.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(244.8deg) translateY(500px) perspective(120px);
    transform: rotate(244.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward36 {
  100% {
    -ms-transform: rotate(252deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(252deg) translateY(500px) perspective(120px);
    transform: rotate(252deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward36 {
  100% {
    -ms-transform: rotate(252deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(252deg) translateY(500px) perspective(120px);
    transform: rotate(252deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward37 {
  100% {
    -ms-transform: rotate(259.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(259.2deg) translateY(500px) perspective(120px);
    transform: rotate(259.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward37 {
  100% {
    -ms-transform: rotate(259.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(259.2deg) translateY(500px) perspective(120px);
    transform: rotate(259.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward38 {
  100% {
    -ms-transform: rotate(266.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(266.4deg) translateY(500px) perspective(120px);
    transform: rotate(266.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward38 {
  100% {
    -ms-transform: rotate(266.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(266.4deg) translateY(500px) perspective(120px);
    transform: rotate(266.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward39 {
  100% {
    -ms-transform: rotate(273.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(273.6deg) translateY(500px) perspective(120px);
    transform: rotate(273.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward39 {
  100% {
    -ms-transform: rotate(273.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(273.6deg) translateY(500px) perspective(120px);
    transform: rotate(273.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward40 {
  100% {
    -ms-transform: rotate(280.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(280.8deg) translateY(500px) perspective(120px);
    transform: rotate(280.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward40 {
  100% {
    -ms-transform: rotate(280.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(280.8deg) translateY(500px) perspective(120px);
    transform: rotate(280.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward41 {
  100% {
    -ms-transform: rotate(288deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(288deg) translateY(500px) perspective(120px);
    transform: rotate(288deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward41 {
  100% {
    -ms-transform: rotate(288deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(288deg) translateY(500px) perspective(120px);
    transform: rotate(288deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward42 {
  100% {
    -ms-transform: rotate(295.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(295.2deg) translateY(500px) perspective(120px);
    transform: rotate(295.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward42 {
  100% {
    -ms-transform: rotate(295.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(295.2deg) translateY(500px) perspective(120px);
    transform: rotate(295.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward43 {
  100% {
    -ms-transform: rotate(302.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(302.4deg) translateY(500px) perspective(120px);
    transform: rotate(302.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward43 {
  100% {
    -ms-transform: rotate(302.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(302.4deg) translateY(500px) perspective(120px);
    transform: rotate(302.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward44 {
  100% {
    -ms-transform: rotate(309.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(309.6deg) translateY(500px) perspective(120px);
    transform: rotate(309.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward44 {
  100% {
    -ms-transform: rotate(309.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(309.6deg) translateY(500px) perspective(120px);
    transform: rotate(309.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward45 {
  100% {
    -ms-transform: rotate(316.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(316.8deg) translateY(500px) perspective(120px);
    transform: rotate(316.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward45 {
  100% {
    -ms-transform: rotate(316.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(316.8deg) translateY(500px) perspective(120px);
    transform: rotate(316.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward46 {
  100% {
    -ms-transform: rotate(324deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(324deg) translateY(500px) perspective(120px);
    transform: rotate(324deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward46 {
  100% {
    -ms-transform: rotate(324deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(324deg) translateY(500px) perspective(120px);
    transform: rotate(324deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward47 {
  100% {
    -ms-transform: rotate(331.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(331.2deg) translateY(500px) perspective(120px);
    transform: rotate(331.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward47 {
  100% {
    -ms-transform: rotate(331.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(331.2deg) translateY(500px) perspective(120px);
    transform: rotate(331.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward48 {
  100% {
    -ms-transform: rotate(338.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(338.4deg) translateY(500px) perspective(120px);
    transform: rotate(338.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward48 {
  100% {
    -ms-transform: rotate(338.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(338.4deg) translateY(500px) perspective(120px);
    transform: rotate(338.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward49 {
  100% {
    -ms-transform: rotate(345.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(345.6deg) translateY(500px) perspective(120px);
    transform: rotate(345.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward49 {
  100% {
    -ms-transform: rotate(345.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(345.6deg) translateY(500px) perspective(120px);
    transform: rotate(345.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward50 {
  100% {
    -ms-transform: rotate(352.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(352.8deg) translateY(500px) perspective(120px);
    transform: rotate(352.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward50 {
  100% {
    -ms-transform: rotate(352.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(352.8deg) translateY(500px) perspective(120px);
    transform: rotate(352.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}

/*
$color: red;
$total: 50;

html, body {
  @include background-image(
    radial-gradient(
      circle at center center,
      #000 0%,
      #123 120%
    )
  );
  overflow: hidden;
  width: 100%;
  height: 100%;
}

ul {
  @include transition(all 200ms cubic-bezier(1, 1.2, 0.8, 1.2));
  width: 100%;
  height: 100%;
  
  &:hover {
    @include transform(rotate(45deg));
    
    li {
      @include box-shadow(0 0 50px #6CC);
      background: #6CC;
    }
  }
  
  li {
    @include box-shadow(0 0 10px $color);
    transform-origin: center top;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1px;
    background: $color;
    color: red;
  }
  
  @for $i from 1 through $total {
    $currDeg: (360 / $total) * ($i - 1);
    $currLen: random(250) + 50;
    $delay: $i * random($total * 2);
    $offset: random(40) * 2 + 5;
    
    li:nth-child(#{$i}) {
      @include animation(forward#{$i} 800ms infinite #{$delay}ms linear);
      @include transform(
        rotate(#{$currDeg}deg)
        translateY(#{$offset}px)
        perspective(20px)
      );
      @include opacity(0);
      height: #{$currLen}px;
    }
  }
}

@for $i from 1 through $total {
  $currDeg: (360 / $total) * ($i - 1);
  
  @keyframes forward#{$i} {
    100% {
      @include transform(
        rotate(#{$currDeg}deg)
        translateY(500px)
        perspective(120px)
      );
      @include opacity(1);
      width: 7px;
    }
  }
}
*/




ul.b {
  -webkit-transition: all 200s cubic-bezier(1, 1.2, 0.8, 1.2);
  transition: all 200s cubic-bezier(1, 1.2, 0.8, 1.2);
  width: 80%;
  height: 80%;
  position: relative;
  margin-bottom: 0%;
  right: -10%;
}
ul.b:hover {
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
ul.b:hover li {
  box-shadow: 0 0 50px #0798DE;
  background: #0798DE;
}
ul.b li {
  box-shadow: 0 0 50px #FFFFFF;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: absolute;
  top: 65%;
  right: 0%;
  display: block;
  width: 1px;
  background: #F19850;
  color: #F19850;
}


ul.b li:nth-child(11) {
  -webkit-animation: forward11 800ms infinite 858ms linear;
  animation: forward11 800ms infinite 858ms linear;
  -ms-transform: rotate(72deg) translateY(75px) perspective(20px);
  -webkit-transform: rotate(72deg) translateY(75px) perspective(20px);
  transform: rotate(72deg) translateY(75px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 54px;
}
ul.b li:nth-child(12) {
  -webkit-animation: forward12 800ms infinite 132ms linear;
  animation: forward12 800ms infinite 132ms linear;
  -ms-transform: rotate(79.2deg) translateY(21px) perspective(20px);
  -webkit-transform: rotate(79.2deg) translateY(21px) perspective(20px);
  transform: rotate(79.2deg) translateY(21px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 256px;
}
ul.b li:nth-child(13) {
  -webkit-animation: forward13 800ms infinite 526ms linear;
  animation: forward13 800ms infinite 526ms linear;
  -ms-transform: rotate(86.4deg) translateY(47px) perspective(20px);
  -webkit-transform: rotate(86.4deg) translateY(47px) perspective(20px);
  transform: rotate(86.4deg) translateY(47px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 271px;
}
ul.b li:nth-child(14) {
  -webkit-animation: forward14 800ms infinite 280ms linear;
  animation: forward14 800ms infinite 280ms linear;
  -ms-transform: rotate(93.6deg) translateY(15px) perspective(20px);
  -webkit-transform: rotate(93.6deg) translateY(15px) perspective(20px);
  transform: rotate(93.6deg) translateY(15px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 251px;
}
ul.b li:nth-child(15) {
  -webkit-animation: forward15 800ms infinite 510ms linear;
  animation: forward15 800ms infinite 510ms linear;
  -ms-transform: rotate(100.8deg) translateY(55px) perspective(20px);
  -webkit-transform: rotate(100.8deg) translateY(55px) perspective(20px);
  transform: rotate(100.8deg) translateY(55px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 216px;
}
ul.b li:nth-child(16) {
  -webkit-animation: forward16 800ms infinite 48ms linear;
  animation: forward16 800ms infinite 48ms linear;
  -ms-transform: rotate(108deg) translateY(43px) perspective(20px);
  -webkit-transform: rotate(108deg) translateY(43px) perspective(20px);
  transform: rotate(108deg) translateY(43px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 280px;
}
ul.b li:nth-child(17) {
  -webkit-animation: forward17 800ms infinite 935ms linear;
  animation: forward17 800ms infinite 935ms linear;
  -ms-transform: rotate(115.2deg) translateY(81px) perspective(20px);
  -webkit-transform: rotate(115.2deg) translateY(81px) perspective(20px);
  transform: rotate(115.2deg) translateY(81px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 182px;
}
ul.b li:nth-child(18) {
  -webkit-animation: forward18 800ms infinite 270ms linear;
  animation: forward18 800ms infinite 270ms linear;
  -ms-transform: rotate(122.4deg) translateY(57px) perspective(20px);
  -webkit-transform: rotate(122.4deg) translateY(57px) perspective(20px);
  transform: rotate(122.4deg) translateY(57px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 228px;
}
ul.b li:nth-child(19) {
  -webkit-animation: forward19 800ms infinite 519ms linear;
  animation: forward19 800ms infinite 519ms linear;
  -ms-transform: rotate(129.6deg) translateY(71px) perspective(20px);
  -webkit-transform: rotate(129.6deg) translateY(71px) perspective(20px);
  transform: rotate(129.6deg) translateY(71px) perspective(20px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 75px;
}


@-webkit-keyframes forward1 {
  100% {
    -ms-transform: rotate(0deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(0deg) translateY(500px) perspective(120px);
    transform: rotate(0deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}

@keyframes forward1 {
  100% {
    -ms-transform: rotate(0deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(0deg) translateY(500px) perspective(120px);
    transform: rotate(0deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward2 {
  100% {
    -ms-transform: rotate(7.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(7.2deg) translateY(500px) perspective(120px);
    transform: rotate(7.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward2 {
  100% {
    -ms-transform: rotate(7.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(7.2deg) translateY(500px) perspective(120px);
    transform: rotate(7.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward3 {
  100% {
    -ms-transform: rotate(14.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(14.4deg) translateY(500px) perspective(120px);
    transform: rotate(14.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward3 {
  100% {
    -ms-transform: rotate(14.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(14.4deg) translateY(500px) perspective(120px);
    transform: rotate(14.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward4 {
  100% {
    -ms-transform: rotate(21.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(21.6deg) translateY(500px) perspective(120px);
    transform: rotate(21.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward4 {
  100% {
    -ms-transform: rotate(21.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(21.6deg) translateY(500px) perspective(120px);
    transform: rotate(21.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward5 {
  100% {
    -ms-transform: rotate(28.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(28.8deg) translateY(500px) perspective(120px);
    transform: rotate(28.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward5 {
  100% {
    -ms-transform: rotate(28.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(28.8deg) translateY(500px) perspective(120px);
    transform: rotate(28.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward6 {
  100% {
    -ms-transform: rotate(36deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(36deg) translateY(500px) perspective(120px);
    transform: rotate(36deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward6 {
  100% {
    -ms-transform: rotate(36deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(36deg) translateY(500px) perspective(120px);
    transform: rotate(36deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward7 {
  100% {
    -ms-transform: rotate(43.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(43.2deg) translateY(500px) perspective(120px);
    transform: rotate(43.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward7 {
  100% {
    -ms-transform: rotate(43.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(43.2deg) translateY(500px) perspective(120px);
    transform: rotate(43.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward8 {
  100% {
    -ms-transform: rotate(50.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(50.4deg) translateY(500px) perspective(120px);
    transform: rotate(50.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward8 {
  100% {
    -ms-transform: rotate(50.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(50.4deg) translateY(500px) perspective(120px);
    transform: rotate(50.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward9 {
  100% {
    -ms-transform: rotate(57.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(57.6deg) translateY(500px) perspective(120px);
    transform: rotate(57.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward9 {
  100% {
    -ms-transform: rotate(57.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(57.6deg) translateY(500px) perspective(120px);
    transform: rotate(57.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward10 {
  100% {
    -ms-transform: rotate(64.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(64.8deg) translateY(500px) perspective(120px);
    transform: rotate(64.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward10 {
  100% {
    -ms-transform: rotate(64.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(64.8deg) translateY(500px) perspective(120px);
    transform: rotate(64.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward11 {
  100% {
    -ms-transform: rotate(72deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(72deg) translateY(500px) perspective(120px);
    transform: rotate(72deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward11 {
  100% {
    -ms-transform: rotate(72deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(72deg) translateY(500px) perspective(120px);
    transform: rotate(72deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward12 {
  100% {
    -ms-transform: rotate(79.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(79.2deg) translateY(500px) perspective(120px);
    transform: rotate(79.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward12 {
  100% {
    -ms-transform: rotate(79.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(79.2deg) translateY(500px) perspective(120px);
    transform: rotate(79.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward13 {
  100% {
    -ms-transform: rotate(86.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(86.4deg) translateY(500px) perspective(120px);
    transform: rotate(86.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward13 {
  100% {
    -ms-transform: rotate(86.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(86.4deg) translateY(500px) perspective(120px);
    transform: rotate(86.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward14 {
  100% {
    -ms-transform: rotate(93.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(93.6deg) translateY(500px) perspective(120px);
    transform: rotate(93.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward14 {
  100% {
    -ms-transform: rotate(93.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(93.6deg) translateY(500px) perspective(120px);
    transform: rotate(93.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward15 {
  100% {
    -ms-transform: rotate(100.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(100.8deg) translateY(500px) perspective(120px);
    transform: rotate(100.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward15 {
  100% {
    -ms-transform: rotate(100.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(100.8deg) translateY(500px) perspective(120px);
    transform: rotate(100.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward16 {
  100% {
    -ms-transform: rotate(108deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(108deg) translateY(500px) perspective(120px);
    transform: rotate(108deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward16 {
  100% {
    -ms-transform: rotate(108deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(108deg) translateY(500px) perspective(120px);
    transform: rotate(108deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward17 {
  100% {
    -ms-transform: rotate(115.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(115.2deg) translateY(500px) perspective(120px);
    transform: rotate(115.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward17 {
  100% {
    -ms-transform: rotate(115.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(115.2deg) translateY(500px) perspective(120px);
    transform: rotate(115.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward18 {
  100% {
    -ms-transform: rotate(122.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(122.4deg) translateY(500px) perspective(120px);
    transform: rotate(122.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward18 {
  100% {
    -ms-transform: rotate(122.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(122.4deg) translateY(500px) perspective(120px);
    transform: rotate(122.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward19 {
  100% {
    -ms-transform: rotate(129.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(129.6deg) translateY(500px) perspective(120px);
    transform: rotate(129.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward19 {
  100% {
    -ms-transform: rotate(129.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(129.6deg) translateY(500px) perspective(120px);
    transform: rotate(129.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward20 {
  100% {
    -ms-transform: rotate(136.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(136.8deg) translateY(500px) perspective(120px);
    transform: rotate(136.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward20 {
  100% {
    -ms-transform: rotate(136.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(136.8deg) translateY(500px) perspective(120px);
    transform: rotate(136.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward21 {
  100% {
    -ms-transform: rotate(144deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(144deg) translateY(500px) perspective(120px);
    transform: rotate(144deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward21 {
  100% {
    -ms-transform: rotate(144deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(144deg) translateY(500px) perspective(120px);
    transform: rotate(144deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward22 {
  100% {
    -ms-transform: rotate(151.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(151.2deg) translateY(500px) perspective(120px);
    transform: rotate(151.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward22 {
  100% {
    -ms-transform: rotate(151.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(151.2deg) translateY(500px) perspective(120px);
    transform: rotate(151.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward23 {
  100% {
    -ms-transform: rotate(158.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(158.4deg) translateY(500px) perspective(120px);
    transform: rotate(158.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward23 {
  100% {
    -ms-transform: rotate(158.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(158.4deg) translateY(500px) perspective(120px);
    transform: rotate(158.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward24 {
  100% {
    -ms-transform: rotate(165.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(165.6deg) translateY(500px) perspective(120px);
    transform: rotate(165.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward24 {
  100% {
    -ms-transform: rotate(165.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(165.6deg) translateY(500px) perspective(120px);
    transform: rotate(165.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward25 {
  100% {
    -ms-transform: rotate(172.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(172.8deg) translateY(500px) perspective(120px);
    transform: rotate(172.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward25 {
  100% {
    -ms-transform: rotate(172.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(172.8deg) translateY(500px) perspective(120px);
    transform: rotate(172.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward26 {
  100% {
    -ms-transform: rotate(180deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(180deg) translateY(500px) perspective(120px);
    transform: rotate(180deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward26 {
  100% {
    -ms-transform: rotate(180deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(180deg) translateY(500px) perspective(120px);
    transform: rotate(180deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward27 {
  100% {
    -ms-transform: rotate(187.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(187.2deg) translateY(500px) perspective(120px);
    transform: rotate(187.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward27 {
  100% {
    -ms-transform: rotate(187.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(187.2deg) translateY(500px) perspective(120px);
    transform: rotate(187.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward28 {
  100% {
    -ms-transform: rotate(194.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(194.4deg) translateY(500px) perspective(120px);
    transform: rotate(194.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward28 {
  100% {
    -ms-transform: rotate(194.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(194.4deg) translateY(500px) perspective(120px);
    transform: rotate(194.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward29 {
  100% {
    -ms-transform: rotate(201.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(201.6deg) translateY(500px) perspective(120px);
    transform: rotate(201.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward29 {
  100% {
    -ms-transform: rotate(201.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(201.6deg) translateY(500px) perspective(120px);
    transform: rotate(201.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward30 {
  100% {
    -ms-transform: rotate(208.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(208.8deg) translateY(500px) perspective(120px);
    transform: rotate(208.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward30 {
  100% {
    -ms-transform: rotate(208.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(208.8deg) translateY(500px) perspective(120px);
    transform: rotate(208.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward31 {
  100% {
    -ms-transform: rotate(216deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(216deg) translateY(500px) perspective(120px);
    transform: rotate(216deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward31 {
  100% {
    -ms-transform: rotate(216deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(216deg) translateY(500px) perspective(120px);
    transform: rotate(216deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward32 {
  100% {
    -ms-transform: rotate(223.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(223.2deg) translateY(500px) perspective(120px);
    transform: rotate(223.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward32 {
  100% {
    -ms-transform: rotate(223.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(223.2deg) translateY(500px) perspective(120px);
    transform: rotate(223.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward33 {
  100% {
    -ms-transform: rotate(230.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(230.4deg) translateY(500px) perspective(120px);
    transform: rotate(230.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward33 {
  100% {
    -ms-transform: rotate(230.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(230.4deg) translateY(500px) perspective(120px);
    transform: rotate(230.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward34 {
  100% {
    -ms-transform: rotate(237.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(237.6deg) translateY(500px) perspective(120px);
    transform: rotate(237.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward34 {
  100% {
    -ms-transform: rotate(237.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(237.6deg) translateY(500px) perspective(120px);
    transform: rotate(237.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward35 {
  100% {
    -ms-transform: rotate(244.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(244.8deg) translateY(500px) perspective(120px);
    transform: rotate(244.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward35 {
  100% {
    -ms-transform: rotate(244.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(244.8deg) translateY(500px) perspective(120px);
    transform: rotate(244.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward36 {
  100% {
    -ms-transform: rotate(252deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(252deg) translateY(500px) perspective(120px);
    transform: rotate(252deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward36 {
  100% {
    -ms-transform: rotate(252deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(252deg) translateY(500px) perspective(120px);
    transform: rotate(252deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward37 {
  100% {
    -ms-transform: rotate(259.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(259.2deg) translateY(500px) perspective(120px);
    transform: rotate(259.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward37 {
  100% {
    -ms-transform: rotate(259.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(259.2deg) translateY(500px) perspective(120px);
    transform: rotate(259.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward38 {
  100% {
    -ms-transform: rotate(266.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(266.4deg) translateY(500px) perspective(120px);
    transform: rotate(266.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward38 {
  100% {
    -ms-transform: rotate(266.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(266.4deg) translateY(500px) perspective(120px);
    transform: rotate(266.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward39 {
  100% {
    -ms-transform: rotate(273.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(273.6deg) translateY(500px) perspective(120px);
    transform: rotate(273.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward39 {
  100% {
    -ms-transform: rotate(273.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(273.6deg) translateY(500px) perspective(120px);
    transform: rotate(273.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward40 {
  100% {
    -ms-transform: rotate(280.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(280.8deg) translateY(500px) perspective(120px);
    transform: rotate(280.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward40 {
  100% {
    -ms-transform: rotate(280.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(280.8deg) translateY(500px) perspective(120px);
    transform: rotate(280.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward41 {
  100% {
    -ms-transform: rotate(288deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(288deg) translateY(500px) perspective(120px);
    transform: rotate(288deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward41 {
  100% {
    -ms-transform: rotate(288deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(288deg) translateY(500px) perspective(120px);
    transform: rotate(288deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward42 {
  100% {
    -ms-transform: rotate(295.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(295.2deg) translateY(500px) perspective(120px);
    transform: rotate(295.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward42 {
  100% {
    -ms-transform: rotate(295.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(295.2deg) translateY(500px) perspective(120px);
    transform: rotate(295.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward43 {
  100% {
    -ms-transform: rotate(302.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(302.4deg) translateY(500px) perspective(120px);
    transform: rotate(302.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward43 {
  100% {
    -ms-transform: rotate(302.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(302.4deg) translateY(500px) perspective(120px);
    transform: rotate(302.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward44 {
  100% {
    -ms-transform: rotate(309.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(309.6deg) translateY(500px) perspective(120px);
    transform: rotate(309.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward44 {
  100% {
    -ms-transform: rotate(309.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(309.6deg) translateY(500px) perspective(120px);
    transform: rotate(309.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward45 {
  100% {
    -ms-transform: rotate(316.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(316.8deg) translateY(500px) perspective(120px);
    transform: rotate(316.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward45 {
  100% {
    -ms-transform: rotate(316.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(316.8deg) translateY(500px) perspective(120px);
    transform: rotate(316.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward46 {
  100% {
    -ms-transform: rotate(324deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(324deg) translateY(500px) perspective(120px);
    transform: rotate(324deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward46 {
  100% {
    -ms-transform: rotate(324deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(324deg) translateY(500px) perspective(120px);
    transform: rotate(324deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward47 {
  100% {
    -ms-transform: rotate(331.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(331.2deg) translateY(500px) perspective(120px);
    transform: rotate(331.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward47 {
  100% {
    -ms-transform: rotate(331.2deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(331.2deg) translateY(500px) perspective(120px);
    transform: rotate(331.2deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward48 {
  100% {
    -ms-transform: rotate(338.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(338.4deg) translateY(500px) perspective(120px);
    transform: rotate(338.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward48 {
  100% {
    -ms-transform: rotate(338.4deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(338.4deg) translateY(500px) perspective(120px);
    transform: rotate(338.4deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward49 {
  100% {
    -ms-transform: rotate(345.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(345.6deg) translateY(500px) perspective(120px);
    transform: rotate(345.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward49 {
  100% {
    -ms-transform: rotate(345.6deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(345.6deg) translateY(500px) perspective(120px);
    transform: rotate(345.6deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@-webkit-keyframes forward50 {
  100% {
    -ms-transform: rotate(352.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(352.8deg) translateY(500px) perspective(120px);
    transform: rotate(352.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}
@keyframes forward50 {
  100% {
    -ms-transform: rotate(352.8deg) translateY(500px) perspective(120px);
    -webkit-transform: rotate(352.8deg) translateY(500px) perspective(120px);
    transform: rotate(352.8deg) translateY(500px) perspective(120px);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 7px;
  }
}

/*
$color: red;
$total: 50;

html, body {
  @include background-image(
    radial-gradient(
      circle at center center,
      #000 0%,
      #123 120%
    )
  );
  overflow: hidden;
  width: 100%;
  height: 100%;
}

ul {
  @include transition(all 200ms cubic-bezier(1, 1.2, 0.8, 1.2));
  width: 100%;
  height: 100%;
  
  &:hover {
    @include transform(rotate(45deg));
    
    li {
      @include box-shadow(0 0 50px #6CC);
      background: #6CC;
    }
  }
  
  li {
    @include box-shadow(0 0 10px $color);
    transform-origin: center top;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1px;
    background: $color;
    color: red;
  }
  
  @for $i from 1 through $total {
    $currDeg: (360 / $total) * ($i - 1);
    $currLen: random(250) + 50;
    $delay: $i * random($total * 2);
    $offset: random(40) * 2 + 5;
    
    li:nth-child(#{$i}) {
      @include animation(forward#{$i} 800ms infinite #{$delay}ms linear);
      @include transform(
        rotate(#{$currDeg}deg)
        translateY(#{$offset}px)
        perspective(20px)
      );
      @include opacity(0);
      height: #{$currLen}px;
    }
  }
}

@for $i from 1 through $total {
  $currDeg: (360 / $total) * ($i - 1);
  
  @keyframes forward#{$i} {
    100% {
      @include transform(
        rotate(#{$currDeg}deg)
        translateY(500px)
        perspective(120px)
      );
      @include opacity(1);
      width: 7px;
    }
  }
}
*/