/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Bubbles Orange Background
 */
 
body { -webkit-font-smoothing: antialiased; }

#block-top-a { 
	overflow: hidden;
	position: relative;
	background: url(../../images/background/bubbles_orange/radial_gradient.svg) 50% 0 no-repeat;
	background: -webkit-radial-gradient(50% 0, #e58930 0%, #e58930 20%, #ee820f 70%) 50% 0 no-repeat;
	/*background-color: #ee820f;*/
	background-size: 0px 0px;
}

.top-a-layer-1 {
	position: absolute;
	height: 300px;
	top: 0;
	left: 0;
	right: 0;
	background: url(../../images/background/bubbles_orange/linear_gradient.svg) 0 0 no-repeat;	
	background-size: 100% 300px;
	background: -webkit-linear-gradient(top, rgba(229,137,48,0.7) 0%, rgba(229,137,48,0) 100%);
}

.top-a-layer-2,
.top-a-layer-3 {
	position: absolute;
	top: -500px;
	left: 50%;
	height: 1400px;
	width: 1400px;
	margin-left: -700px;
	-webkit-animation: spinner-l linear infinite;
	-moz-animation: spinner-l linear infinite;
}

.top-a-layer-2 {
	background: url(../../images/background/bubbles_orange/layer_1.png) 50% 50% no-repeat;
	-webkit-animation-duration: 350s;
	-moz-animation-duration: 350s;
}

.top-a-layer-3 {
	background: url(../../images/background/bubbles_orange/layer_2.png) 50% 50% no-repeat;
	-webkit-animation-duration: 150s;
	-moz-animation-duration: 150s;
}