/* AMBLER THEATER CSS */



/* Site Layout and Fonts */
@font-face {
  	font-family: 'Renew';
  	src: url('resources/roman.ttf');
  	font-weight: normal;
	}
@font-face {
  	font-family: 'Renew';
  	src: url('resources/black.ttf');
  	font-weight: bold;
	}
@font-face {
  	font-family: 'Renew';
  	src: url('resources/heavy.ttf');
  	font-weight: 500;
	}
@font-face {
  	font-family: 'Renew';
  	src: url('resources/oblique.ttf');
  	font-style: italic;
	}
body {
	color: #444444;
	font-size: 15px;
	font-family: 'Renew', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	line-height: 1.25;
	margin: 0 auto;
	font-weight: normal;
	background: #a3a3a3;
	cursor: default;
	-webkit-font-smoothing: subpixel-antialiased;
	}
a {
	color: #0e3686;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	}
a:hover {
	text-decoration: none;
	color: #e3b619;
	}
img {
	border: 0px;
	border-radius: 0px;
	}
textarea, input { 
	outline: none; 
	}
::selection {
  	background: #e8e8e8; /* WebKit/Blink Browsers */
  	}
::-moz-selection {
  	background: #e8e8e8; /* Gecko Browsers */
  	}
#container {
	margin-bottom: 16px;
	display: block;
	width: 1000px;
	overflow: hidden;
	position: relative; 
	margin: 0 auto;
	z-index: 9;
	background: #ffffff;
	}
#copy {
	width: 742px;
	padding: 0;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	display: block;
	}
#copy p {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
	line-height: 22px;
	display: block;
	overflow: hidden;
	font-size: 15px;
	text-align: left;
	}
#copy p a {
	line-height: 22px;
	vertical-align: bottom;
	}
#copy strong {
	text-transform: uppercase;
	font-size: 18px;
	display: block;
	margin-bottom: 0px;
	color: #3b3b3b;
	font-weight: bold;
	}
#copy.fixed-padding {
	margin-top: 97px !important;
	}
#rightmenu {
	position: absolute;
	width: 258px;
	right: 0px;
	margin-top: 97px;
	padding-top: 304px;
	height: 100%;
	background: url(images/ambler-sideimg.png) top no-repeat #e8e8e8;
	}
#footer {
	width: 1000px;
	position: relative; 
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: -2px;
	overflow: visible; 
	z-index: 10;
	color: #777777;
	background: url(images/footer-bg.png);
	}
#footer a {
	color: #777777;
	font-weight: 500;
	}
#footer a:hover {
	color: #e3b619;
	}
#footer em {
	font-weight: normal;
	font-style: normal;
	color: #e8e8e8;
	margin-left: 8px;
	margin-right: 8px;
	}
.phone-foot {
	text-align: left; 
	font-size: 12px;
	margin-left: 24px;
	margin-right: 24px;
	padding-bottom: 20px; 
	padding-top: 20px; 
	position: relative; 
	border-top: 2px solid #e8e8e8;
	max-width: 694px;
	font-weight: 500;
	text-align: center;
	}
.phone-foot strong {
	font-weight: 500; 
	}



/* Navigation */ 
#menu {
	width: 1000px;
	background: #733738;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	border-top: 30px solid #a3a3a3;
	display: block;
	border-radius: 0px;
	}
#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 1040px;
	position: relative;
	}
#nav a {
	display: block;
	}
#nav li {
	float: left;
	border-right: 2px solid #6a3232;
	padding-top: 21px;
	padding-bottom: 10px;
	position: relative;
	z-index: 1;
	}
#nav li:hover {
	background: #6a3232;
	color: #e3b619;
	}
#nav li:hover a {
	color: #e3b619;
	}
#nav li.noborder {
	border-right: 0px;
	}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 99;
	margin-left: -2px;
	padding-top: 10px;
	}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	padding-bottom: 10px;
	}
#menu li.top {
	background: #6a3232;
	height: 4px;
	width: 198px;
	display: block;
	padding: 0;
	padding-left: 20px;
	padding-right: 19px;
	padding-bottom: 10px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0;
	margin-top: 0px;
	border-top: 0px dashed #733738;
	}
#menu li.bottom {
	background: #6a3232;
	height: 10px;
	width: 198px;
	display: block;
	padding: 0;
	padding-left: 20px;
	padding-right: 19px;
	border-radius: 0;
	border-left: 0px;
	border-bottom: 2px solid #6a3232;
	border-right: 0;
	border-radius: 0px 0px 0px 0px;
	}
#menu li.sub {
	padding: 0;
	border-left:#6a3232;
	border-right: 0;
	}	
#menu li.sub a {
	color: #ffffff;
	background: #6a3232;
	padding-left: 20px;
	padding-right: 19px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 198px;
	text-transform: none;
	letter-spacing: 0;
	z-index: 99;
	font-weight: 500;
	font-size: 13px;
	}
#menu li.sub a:hover {
	color: #e3b619;
	}
#menu a, #menu :visited {
	display: block;
	padding-left: 20px;
	padding-right: 19px;
	padding-top: 5px;
	padding-bottom: 4px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
#menu a.underline {
	border-bottom: 2px dashed #733738;
	margin-left: 20px;
	margin-right: 19px;
	padding-bottom: 12px;
	padding-left: 0;
	padding-right: 0;
	}
#menu :hover{
	color: #e3b619;
	}
#nav li.mark {
	float: left;
	border-right: 2px solid #6a3232;
	padding-top: 16px;
	padding-bottom: 11px;
	width: 390px;
	overflow: hidden;
	background: url(images/ambler-mark-bg.png) left no-repeat;
	background-size: 78px 78px;
	position: relative;
	}
#nav li.mark img {
	width: 37px;
	height: 26px;
	display: inline;
	}
#nav li.mark a {
	display: inline-block;
	color: #ffffff;
	}
#menu li.mark a:hover {
	display: inline-block;
	color: #ffffff;
	}
#nav a.theater-title {
	font-weight: bold;
	font-family: 'Renew', Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 26px;
	display: inline;
	text-transform: uppercase;
	vertical-align: top;
	padding-top: 3px;
	padding-left: 24px;
	}
#nav a.theater-title:hover {
	color: #ffffff;
	}



/* Showtime/Index Page Classes */
.titlebox {
	width: 208px; 
	text-align: left;
	vertical-align: top;
	color: #888888;
	font-weight: 500;
	position: relative;
	z-index: 4;
	margin-top: -6px;
	}
.cine_subtitle {
	color: #888888;
	}
.titlebox a {
	margin-bottom: 0px;
	color: #3b3b3b;
	font-weight: bold;
	}
.titlebox em {
	font-style: normal;
	font-weight: bold;
	color: #dedede;
	}
.titlebox span img {
	width: 19px;
	height: 14px;
	}
.times {
	width: 230px;
	text-align: left;
	vertical-align: top;
	color: #555555;
	position: relative;
	font-size: 15px;
	display: block;
	margin-left: 40px;
	}
.times .leaving {
	text-align: left;
	margin-top: 0px;
	margin-left: 5px;
	}
.picbox {
	width: 200px;
	vertical-align: top;
	padding-bottom: 4px;
	}
.picbox img {
	width: 200px;
	height: 112px;
	float: right;
	}
.title {
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	}
a.cat {
	color: #ffffff; 
	background: #e3b619; 
	font-size: 11px; 
	text-transform: uppercase; 
	font-weight: bold; 
	padding-top: 5px; 
	padding-bottom: 4px; 
	padding-left: 7px; 
	padding-right: 7px; 
	text-decoration: none; 
	display: block; 
	margin-top: 5px; 
	overflow: hidden; 
	position: absolute;
	}
a.cat:hover {
	background: #f6c61e;
	}
a.Rental {
	}
table {
	margin-left: 24px;
	margin-right: 24px;
	padding-top: 20px;
	padding-bottom: 16px;
	color: #555555;
	border-bottom: 2px solid #e8e8e8;
	position: relative;
	width: 694px;
	overflow: hidden;
	}
td {
	position: relative;
	}
iframe#times {
	height: 110px; 
	width: 230px;
	margin-top: 2px;
	overflow: hidden;
	border: 0;
	position: relative;
	z-index: 2;
	}
iframe#timesyes {
	height: 110px;
	width: 262px;
	margin-left: -20px;
	margin-top: 2px; 
	overflow: hidden;
	border: 0;
	position: relative;
	z-index: 2;
	}
iframe.vimeo {
	height: 391px; 
	width: 694px; 
	overflow: hidden;
	z-index: 3;
	position: relative;
	margin-left: 24px;
	margin-top: 0px;
	margin-bottom: 20px;
	border-radius: 0px;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	}
table.trailer {
	padding: 0;
	overflow: hidden;
	display: block;
	}
.title {
	margin-bottom: 6px;
	color: #4d4d4d;
	width: auto;
	}
.title:hover {
	text-decoration: none;
	color: #e3b619;
	}
#top-bar {
	color: #4d4d4d; 
	font-size: 22px; 
	padding-left: 30px; 
	padding-top: 20px; 
	padding-bottom: 18px; 
	text-transform: uppercase; 
	border-top: 16px solid #aaaaaa;
	font-weight: bold;
	width: 712px;
	background: #dcdcdc;
	}
#section-bar {
	color: #3b3b3b; 
	font-size: 28px; 
	margin-left: 24px; 
	margin-right: 24px; 
	padding-top: 18px; 
	padding-bottom: 14px;
	text-transform: uppercase;
	border-bottom: 2px solid #e8e8e8;
	border-top: 4px solid #e8e8e8;
	margin-top: 0px;
	z-index: 2;
	position: relative;
	display: block;
	font-weight: bold;
	width: 694px;
	background: #ffffff;
	}
#section-bar.click-times {
	background: #ffffff;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 8px;
	border-top: 0px;
	border-bottom: 2px solid #e8e8e8;
	color: #888888;
	font-weight: bold;
	margin-top: 0;
	}
#section-bar.click-times a {
	font-weight: bold;
	color: #888888;
	}
#section-bar.click-times a:hover {
	color: #e3b619;
	}
#section-bar.fixed-padding {
	margin-top: 93px !important;
	}
#section-bar em {
	font-style: normal;
	font-size: 15px;
	font-weight: bold;
	margin-left: 10px;
	}
#section-bar em.holiday {
	font-style: normal;
	font-size: 15px;
	font-weight: bold;
	margin-left: 0px;
	color: red;
	display: block;
	text-transform: none !important;
	}
#section-bar a.icon {
	float: right;
	margin-left: 10px;
	margin-top: -2px;
	height: 36px;
	width: 36px;
	display: inline-block;
	}
#section-bar a.icon img {
	height: 36px;
	width: 36px;
	display: block;
	}
#side-group {
	padding-top: 18px;
	padding-bottom: 12px;
	border-bottom: 2px solid #d5d5d5;
	margin-left: 26px;
	margin-right: 26px;
	}
#side-button {
	font-size: 16px; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-align: left;
	margin-top: 6px; 
	margin-bottom: 10px; 
	margin-left: 0px;
	display: block;
	}
#side-button a {
	color: #555555;
	font-weight: bold; 
	text-decoration: none;
	}
#side-button a:hover {
	color: #e3b619;
	text-decoration: none;
	}
#side-button-special a {
	background: #733738;
	padding: 12px;
	text-align: center;
	font-size: 12px; 
	font-weight: bold; 
	text-transform: uppercase; 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	border-top: 1px solid #6a3232;
	border-bottom: 1px solid #6a3232;
	}
#side-button-special a:hover {
	background: #e3b619;
	text-decoration: none;
	border-top: 1px solid #e3b619;
	border-bottom: 1px solid #e3b619;
	display: block;
	}
.sub-menu-back {
	width:300px;
	height: 240px;
	background: #733738;
	display: block;
	position: absolute;
	top: 18px;
	left: -80px;
	z-index: -1;
	border-top: 0px solid #6a3232;
	display: none;
	}
#rightmenu a img {
	margin-right: 10px;
	}
.right-menu-links {
	text-align: left; 
	padding-left: 26px; 
	padding-right: 26px; 
	padding-bottom: 10px;
	}
.right-menu-links a {
	font-size:14px; 
	color:#555555; 
	font-weight: normal;
	}
.right-menu-links a:hover {
	color: #e3b619;
	}
.blog {
	list-style:none; 
	margin-bottom:12px;
	}
.leaving {
	color: #599e54;
	font-weight: bold;
	margin-top: 4px;
	text-transform: uppercase;
	width: 200px;
	}
.Ends, .ends {
	color: #cf3d3d !important;
	}
.Screenings, .screenings {
	color: #888888 !important;
	text-transform: none !important;
	font-size: 12px !important;
	font-weight: normal !important;
	}	
.gap {
	height: 0px;
	display: none;
	}
#copy ul {
	padding: 0;
	padding-left: 44px;
	padding-right: 24px;
	margin-top: -10px;
	margin-bottom: -14px;
	line-height: 18px;
	list-style-type: square;
	display: block;
	position: relative;
	}
#copy ul li {
	margin-top: 10px;
	line-height: 22px;
	}
.section-split {
	border-top: 2px solid #e8e8e8;
	display: block;
	margin-left: 24px;
	margin-right: 24px;
	}
#copy .section-split p {
	padding-left: 0;
	padding-right: 0;
	}
.section-split strong {
	text-transform: uppercase;
	font-size: 18px;
	}
.section-split a img {
	display: block;
	}
.section-split a {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	width: auto;
	}
.section-split em {
	font-style: normal;
	font-weight: bold;
	}
#admission {
	direction: block;
	border-bottom: 2px solid #e8e8e8;
	overflow: hidden;
	color: #3b3b3b;
	margin-left: 24px;
	margin-right: 24px;
	}
#admission em {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	margin-left: 2px;
	color: #555555;
	}
#admission.last {
	border-bottom: 0;
	}
.admission-name {
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	font-size: 20px;
	font-weight: 500;
	display: block;
	}
.admission-price {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: right;
	font-size: 20px;
	font-weight: normal;
	display: block;
	}
#copy #staff-img {
	text-align: center;
	width: 104px;
	overflow: hidden;
	display: block;
	float: left;
	margin-bottom: 20px;
	margin-right: 44px;
	padding: 0;
	vertical-align: top;
	font-size: 12px;
	}	
#copy #staff-block {	
	margin-left: 24px;
	margin-top: 20px;
	overflow: visible; 
	width: 800px;
	}
#copy #staff-img img {
	margin-bottom: 6px;
	padding: 0;
	text-align: center;
	}
#copy #staff-img.first {
	margin-left: 24px;
	}
#copy img.section-header {
	width: 694px;
	padding-left: 24px;
	padding-top: 20px;
	}
.section-split ul {
	margin-top: -20px;
	margin-left: -24px;
	padding: 0;
	line-height: 12px;
	}
a.membership-button {
	padding: 14px;
	padding-top: 18px;
	text-transform: uppercase;
	border-bottom: 3px solid #287f3b;
	background: #599e54;
	margin-left: 24px;
	margin-right: 24px;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	color: #ffffff;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	border-radius: 0px;
	letter-spacing: 1px;
	line-height: 24px;
	}
a:hover.membership-button {
	background: #e3b619;
	padding: 16px;
	padding-top: 19px;
	border-bottom: 0px solid #287f3b;
	}
a.membership-button1 {
	padding: 14px;
	padding-top: 18px;
	text-transform: uppercase;
	border-bottom: 3px solid #287f3b;
	background: #599e54;
	margin-left: 24px;
	margin-bottom: 22px;
	margin-top: 4px;
	display: block;
	overflow: hidden;
	color: #ffffff;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	border-radius: 4px;
	letter-spacing: 1px;
	line-height: 28px;
	}
a:hover.membership-button1 {
	background: #e3b619;
	padding: 14px;
	padding-top: 19px;
	padding-bottom: 16px;
	border-bottom: 0px solid #287f3b;
	}
.rental-form {
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 54px;
	}
.rental-form strong {
	width: 150px !important;
	overflow: hidden;
	display: inline-block !important;
	text-transform: none !important;
	font-weight: 400 !important;
	vertical-align: top;
	font-size: 16px !important;
	margin-top: 2px;
	}
.rental-form table {
	border: 0;
	}
.rental-form input {
	border: 0px solid #555555;
	padding: 6px;
	background: #e8e8e8;
	color: #555555;
	font-size: 15px;
	font-family: 'Renew', Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	}
.rental-form textarea {
	border: 0px solid #555555;
	padding: 6px;
	background: #e8e8e8;
	font-size: 15px;
	font-family: 'Renew', Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
	}
input.rental-form-button {
	padding: 14px;
	padding-top: 18px;
	border-bottom: 3px solid #287f3b;
	text-transform: uppercase;
	font-weight: bold;
	background: #599e54 !important;
	float: left;
	color: #ffffff !important;
	border-radius: 4px;
	font-size: 18px !important;
	width: 534px;
	margin-left: 155px;
	font-family: 'Renew', Helvetica, sans-serif !important;
	}
input:hover.rental-form-button {
	background: #e3b619 !important;
	padding: 14px;
	padding-top: 19px;
	padding-bottom: 16px;
	border-bottom: 0px solid #287f3b;
	}
a.preview-front {
	text-align: center;
	display: block;
	color: #555555;
	font-weight: normal;
	padding-left: 0px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	}
a.preview-front img {
	margin-bottom: 8px;
	width: 185px;
	background: #ffffff;
	padding: 10px;
	}
a:hover.preview-front  {
	color: #e3b619;
	}
img.preview-cover {
	margin-right: 13px;
	border: 2px solid #e8e8e8;
	padding: 4px;
	margin-bottom: 4px;
	width: 145px;
	}
img:hover.preview-cover {
	border: 2px solid #e3b619;
	}
#contact-block {
	display: inline-block;
	overflow: hidden;
	margin-bottom: 24px;
	width: 344px;
	vertical-align: top;
	line-height: 20px;
	}
#contact-block img {
	float: left;
	margin-right: 14px;
	}
#contact-block-info {
	display: inline-block;
	overflow: hidden;
	margin-top: 24px;
	margin-left: 24px;
	margin-right: 20px;
	vertical-align: top;
	line-height: 20px;
	width: 290px;
	height: 40px;
	}
#contact-block-info.phone {
	width: 100px !important;
	margin-right: 10px !important;
	margin-right: 10px;
	}
#contact-block-info.email {
	width: 220px !important;
	margin-right: 10px !important;
	margin-right: 0px;
	}
.cancel {
	position: absolute;
	background-color: white;
	color: #cf3d3d !important;
	z-index:7;
	text-decoration:line-through;
	font-weight: bold;
	font-size: 13px;
	}
.show1 {
	top: 22px;
	}
.show2 {
	top: 176px;
	}
.show3 {
	top: 330px;
	}
.time1 {
	right: 372px;
	}
.time2 {
	right: 333px;
	}
.red {
	color: #cf3d3d !important;
	}
.red-bright {
	color: red !important;
	font-weight: bold;
	}
.no-bottom {
	border-bottom: 0px solid #d5d5d5 !important;
	}
#bottom-border-right {
	width: 258px;
	height: 0px;
	background: #ffffff;
	position: absolute;
	bottom: 46px;
	right: 0;
	display: block;
	z-index: 5;
	}
.upcoming-films {
	display: none !important;
	}
.upcoming-rentals {
	display: none !important;
	}
#alert {
	background: #e2b531;
	color: #333333;
	padding: 8px;
	font-weight: bold;
	border-bottom: 2px solid #dbaf2e;
	}
#alert-inner {
	width: 1000px;
	display: block;
	margin: 0 auto;
	}
#alert-inner a {
	font-weight: bold;
	border-bottom: 1px solid #333333;
	}
#alert-inner a:hover {
	color: #333333;
	}
#notice {
	display: block; 
	background: #e8e8e8; 
	padding: 20px;
	padding-bottom: 16px;
	margin-left: 24px; 
	margin-right: 24px; 
	font-weight: 500;
	text-align: left;
	line-height: 28px; 
	margin-top: 122px; 
	width: 654px;
	margin-bottom: 2px;
	font-size: 20px;
	}
#notice em {
	font-style: normal;
	font-size: 16px;
	}
.phone-directions {
	display: none;
	}
.phone-events {
	display: none;
	}
.phone-membership {
	display: none;
	}
.phone-donate {
	display: none;
	}
#phone-bar {
	display: none;
	}
#phone-menu-button {
	display: none;
	}
#phone-menu {
	display: none;
	}
	
	
	
/* Forms */
.req {color:#F00}
.bday td{text-align: center; border:thin #333 solid;}
.bday th{font-weight:bold; text-decoration:underline;}
.form {text-align:left; border:none;}
.impact {font-weight:bold; font-size:18px; color:#A40000;}
.small {font-size:10px;}
.antispam { display:none;}



/* Showtimes Loading Bar */
#circleG {
	width: 150px;
	position: absolute;
	top: 37px;
	left: 60px;
	z-index: 1;
	display: block;
	}
#circleGyes {
	width: 150px;
	position: absolute;
	top: 37px;
	left: 60px;
	z-index: 1;
	display: block;
	}
.circleG{
background-color:#e8e8e8;
float:left;
height:26px;
margin-left:0px;
width:26px;
-moz-animation-name:bounce_circleG;
-moz-animation-duration:3.75s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:0px;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:3.75s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:0px;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:3.75s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:0px;
-o-animation-name:bounce_circleG;
-o-animation-duration:3.75s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:0px;
animation-name:bounce_circleG;
animation-duration:3.75s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:0px;
}

#circleG_1{
-moz-animation-delay:0.50s;
-webkit-animation-delay:0.50s;
-ms-animation-delay:0.50s;
-o-animation-delay:0.50s;
animation-delay:0.50s;
}

#circleG_2{
-moz-animation-delay:1.00s;
-webkit-animation-delay:1.00s;
-ms-animation-delay:1.00s;
-o-animation-delay:1.00s;
animation-delay:1.00s;
}

#circleG_3{
-moz-animation-delay:1.50s;
-webkit-animation-delay:1.50s;
-ms-animation-delay:1.50s;
-o-animation-delay:1.50s;
animation-delay:1.50s;
}

#circleG_4{
-moz-animation-delay:2.00s;
-webkit-animation-delay:2.00s;
-ms-animation-delay:2.00s;
-o-animation-delay:2.00s;
animation-delay:2.00s;
}

#circleG_5{
-moz-animation-delay:2.50s;
-webkit-animation-delay:2.50s;
-ms-animation-delay:2.50s;
-o-animation-delay:2.50s;
animation-delay:2.50s;
}

@-moz-keyframes bounce_circleG{
0%{
}

50%{
background-color:#733738}

100%{
}

}

@-webkit-keyframes bounce_circleG{
0%{
}

50%{
background-color:#733738}

100%{
}

}

@-ms-keyframes bounce_circleG{
0%{
}

50%{
background-color:#733738}

100%{
}

}

@-o-keyframes bounce_circleG{
0%{
}

50%{
background-color:#733738}

100%{
}

}

@keyframes bounce_circleG{
0%{
}

50%{
background-color:#733738}

100%{
}