/*
	Add theme customisations here
	
	If you need to override a class and your definition is being overriden by Elementor defaults
	theres an id on the body tag "mit" which should take precedence over default Elementor styles. 
	So if you precede your class with 'body' you should be able to override defaults.
	E.G. 'body h1' to override h1.
*/
body
{
	margin:0;
	font-family: 'Archivo', sans-serif;
	font-size:16px;
	line-height:1.4;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.elementor a
{
	color: #92d050;
	text-decoration:none;
	/*color: #333;*/
}
.elementor a:hover
{
	text-decoration: underline;
}
.elementor .elementor-nav-menu a
{
	text-decoration: none;
}
.elementor .elementor-button
{
	color:#fff;
}
.elementor-widget-posts .elementor-pagination
{
	margin-top:2rem;
	font-size:1.25rem;
	font-weight:500;
}

.scwd .elementor-posts .elementor-post__excerpt p
{
	margin:inherit;
}
ul
{
	margin-top:0;
	margin-bottom:2em;
}

p
{
	margin: 0 0 1.5rem 0;
}

p:last-child
{
	margin-bottom:0;
}

main .page-header
{
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 10px;
}
main .page-header .entry-title
{
	margin:1em 0 0;
}

h1
{
	font-size:1.8rem;
	font-weight:500;
}
#home-hero h1
{
	font-size:1.8rem
}
h2,
.eael-entry-title
{
	font-size:1.6rem;
	font-weight:400;
}
h3
{
	font-size:1.4rem;
	font-weight:400;
}
h4
{
	font-size:1.2rem;
	font-weight:400;
}
h5
{
	font-size:1rem;
}
h6
{
	font-size:.8rem;
	font-weight:400;
}

body .elementor-image .wp-caption-text
{
	margin-top:10px;
}
.elementor-button
{
	cursor:pointer;
	border:1px solid transparent;
}
.elementor-button:hover,
.elementor-button:active
{
	background-color:#fff;
	border:1px solid rgba(242, 127, 0, 1);
	color:#f27f00;
}
body .elementor-field-textual
{
	border: 2px solid #eaeaea;
}

li
{
	margin-bottom:5px;
}

.im-canvas,
.im-canvas iframe
{
	min-height:80vh !important;
}

.eael-grid-post-excerpt p
{
	font-size:inherit;
	margin:15px 0 20px 0;
}

.eael-grid-post-holder-inner .eael-entry-media,
.eael-grid-post-holder-inner .eael-entry-wrapper
{
	width:100%;
	display:inline-block;
	vertical-align:middle;
}
.eael-col-1 .eael-post-grid-column
{
	width:100% !important;
}

#menu-main-menu
{
	margin:51px 0 0 0;
	padding:0;
	text-align:center;
}
#menu-main-menu > li
{
	display:block;
	margin:0;
}

#menu-main-menu > li > a
{
	display:block;
	padding:15px 20px;
	text-decoration:none;
	transition: all .25s ease;
	font-family: 'Archivo', sans-serif;
	font-weight:bold;
	border-radius:6px;
	font-size:2rem;
}

#menu-main-menu > li > a:hover,
#menu-main-menu > li[class*="current"] > a,
#menu-main-menu > li:hover > a
{
	background-color:#e1e1e1;
}
.top-menu .menu-main-menu-container
{
	position:fixed;
	z-index:1;
	top:0;
	right:0;
	width:100vw;
	height:100vh;
	background-color:#a1a1a1;
	transition: transform .25s ease-in-out;
	transform:translateX(100%);
}

.top-menu .menu-main-menu-container.visible
{
	transform:translateX(0);
}
#menu-main-menu li.menu-toggle
{
	display:block;
	text-align:right;
}
#menu-main-menu li.menu-toggle > a
{
	background:none;	
	font-size:37px;
}
#menu-main-menu ul {
    display: none;
}
#menu-main-menu li:hover > ul {
    display: block;
}
#menu-main-menu ul {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
    width: 180px;
    background: #e1e1e1;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	padding:10px 0;
	border-radius: 8px;
}
#menu-main-menu li {
    position: relative;
	list-style:none;
	padding:0;
	margin:0;
}
#menu-main-menu ul li > a
{
	display:block;
	padding:10px 20px;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
}
#menu-main-menu ul li > a:hover
{
	background-color:#efefef;
}
#menu-main-menu .sub-menu
{
	display: block;
	position: relative;
	top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	width: auto;
	background-color: inherit;
	padding-top: 0;
	margin: 0;
	box-shadow: none;
}

#menu-main-menu .sub-menu li > a
{
	text-align:center;
	padding:10px;
	font-size: 125%;
}

/* generic horizontal menu styles for menus created as <ul> */
.horizontal-menu .sub-menu
{
	display:none;
}
.horizontal-menu li.menu-toggle
{
	display:none;
}
.horizontal-menu ul
{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-around;
	list-style-type: none;
	margin: 0;
	padding:0;
}

.horizontal-menu ul > li
{
	text-align:center;
	margin:0;
}
.horizontal-menu ul > li > a
{
	display:block;
	padding: 10px 20px;
}

.horizontal-menu .mega-menu-toggle
{
	display:none;
}

.scwd .alignleft,
.scwd .alignright
{
	display: block;
	float: none;
	margin: 0 auto 20px auto;
}

b,strong
{
	font-weight:600;
}
h1 b, h1 strong
{
	font-weight:700;
}

h1,h2,h3,h4,h5,h6
{
	margin: 0 0 .67em 0;
}

body.post-template-tmpl-cause-petition .elementor-widget-theme-post-content .elementor-text-editor
{
	color:#ffffff;
	font-size:1.15rem;
}

@media (min-width:768px)
{
	.scwd .alignleft
	{
		float:left;
		margin:0 20px 5px 0;
		max-width:50%;
	}
	.scwd .alignright
	{
		float:right;
		margin:0 0 5px 20px;
		max-width:50%;
	}

	h1,h2,h3,h4,h5,h6
	{
		margin: 0 0 .67em 0;
	}
	h1
	{
		font-size:2.4rem;
		font-weight:500;
	}
	#home-hero h1
	{
		font-size:2rem;
	}
	h2,
	.eael-entry-title
	{
		font-size:1.8rem;
		font-weight:400;
	}
	h3
	{
		font-size:1.6rem;
		font-weight:400;
	}
	h4
	{
		font-size:1.2rem;
		font-weight:400;
	}
	h5
	{
		font-size:1rem;
		font-weight:400;
	}
	h6
	{
		font-size:.8rem;
		font-weight:400;
	}
	.menu-toggle
	{
		display:none;
	}
	#menu-main-menu
	{
		display:block;
		margin:0;
	}
	
	#menu-main-menu > li
	{
		display:inline-block;
		margin:0;
	}
	
	#menu-main-menu > li > a
	{
		font-size:1rem;
	}
	#menu-main-menu li.menu-toggle
	{
		display:none;
	}
	.top-menu .menu-main-menu-container
	{
		display:block;
		position:relative;
		top:auto;
		right:auto;
		width:auto;
		height:auto;
		background-color:transparent;
		transform:translateX(0);
	}
	#menu-main-menu .sub-menu
	{
		display: none;
		position:absolute;
		border-radius:8px;
		top:auto;
		background-color:#e1e1e1;
	}
	#menu-main-menu .sub-menu li > a
	{
		text-align:left;
		font-size:1rem;
		padding:15px 20px;
	}
}

.involveme_embed
{
    position:relative;
}

.involveme_embed iframe
{
    min-height:80vh !important;
}

#survey-parent
{
	height: 0;
	overflow: hidden;
	display:none;
}
#survey-parent.visible
{
	display:block;
	height: 100%;
    min-height:80vh;
	overflow: hidden;
}
#survey-parent .involveme_embed
{
	/*transition: transform .5s ease-in-out, opacity 3s ease-in-out;
	transform: scale(0);
	transform-origin: top;
	transition-delay:1s;
	*/
	transform: scale(0);
	opacity:0;
	font-size:0;
	animation: survey-reveal 2s forwards;
}
#survey-parent.visible .involveme_embed
{
	transform: scale(1);
}
.elementor-button.survey-cta,
.elementor-button.survey-cta:visited
{
	display:block;
	background-color:#92d050;
	color:#fff;
	text-decoration:none !important;
}

.elementor-button.survey-cta:hover,
.elementor-button.survey-cta:active
{
	background-color: #fff;
	border: 1px solid #92d050;
	color: #92d050;
}

/* -- Loading thingy --*/
.loading-parent
{
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    position:absolute;
	overflow: hidden;
	left:0;
	top:0;
}
.loading-dot {
    border-radius:100%;
    height:20px;
    width:20px;
	margin-top:-10px;
	margin-left:-10px;
    background-color: #92d050;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:0;
    bottom:0;
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
    -webkit-animation: load 3s infinite linear;
    -moz-animation: load 3s infinite linear;
    -o-animation: load 3s infinite linear;
    animation:load 3s infinite linear;
}



@keyframes survey-reveal {
	0%   {
		opacity:0;
		transform:scale(0);
	}
	75%
	{
		opacity:1;
		transform:scale(0);
	}
	100%   {
		transform:scale(1);
		opacity:1;
	}
}
	
@-webkit-keyframes load {
  0%   {
    -webkit-transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #92d050,0px 40px 0px 0px #92d050,-40px 0px 0px 0px #92d050,40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    height:10px;
    width:10px;
  }

  80%{
    -webkit-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050;
    height:40px;
    width:40px;
  }

  85%{
    -webkit-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:40px;
    width:40px;
  }

  90%{
    -webkit-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:10px;
    width:10px;
  }

  95%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  100%{
    -webkit-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

}

@-moz-keyframes load {
  0%   {
    -moz-transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #92d050,0px 40px 0px 0px #92d050,-40px 0px 0px 0px #92d050,40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    height:10px;
    width:10px;
  }

  80%{
    -moz-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050;
    height:40px;
    width:40px;
  }

  85%{
    -moz-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:40px;
    width:40px;
  }

  90%{
    -moz-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:10px;
    width:10px;
  }

  95%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  100%{
    -moz-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

}

@keyframes load {
  0%   {
    transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #92d050,0px 40px 0px 0px #92d050,-40px 0px 0px 0px #92d050,40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    height:10px;
    width:10px;
  }

  80%{
    transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050;
    height:40px;
    width:40px;
  }

  85%{
    transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:40px;
    width:40px;
  }

  90%{
    transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:10px;
    width:10px;
  }

  95%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  100%{
    transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

}
@-o-keyframes load {
  0%   {
    -o-transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #92d050,0px 40px 0px 0px #92d050,-40px 0px 0px 0px #92d050,40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    height:10px;
    width:10px;
  }

  80%{
    -o-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050;
    height:40px;
    width:40px;
  }

  85%{
    -o-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:40px;
    width:40px;
  }

  90%{
    -o-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:10px;
    width:10px;
  }

  95%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  100%{
    -o-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

}