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

/*
 * Bubbles Green Background
 */

body { -webkit-font-smoothing: antialiased; }

#block-top-a {
	overflow: hidden;
	position: relative;
    background: url("/templates/yoo_inspire/images/top-a-bg.png") center top no-repeat;
    /*background-size: 100% 400px;*/
}
.blackyellow #block-top-a {
	overflow: hidden;
	position: relative;
    background: url("/templates/yoo_inspire/images/top-a-bg-yellow.png") center top no-repeat;
    /*background-size: 100% 400px;*/
}

.blackyellow .top-a-layer-1 {
    background: #313101;
    /*background: rgb(234,211,0); *//* Old browsers */
    /*background: -moz-linear-gradient(top,  rgba(234,211,0,1) 0%, rgba(204,204,204,1) 100%); *//* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,211,0,1)), color-stop(100%,rgba(204,204,204,1))); *//* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(234,211,0,1) 0%,rgba(204,204,204,1) 100%); *//* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(234,211,0,1) 0%,rgba(204,204,204,1) 100%); *//* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(234,211,0,1) 0%,rgba(204,204,204,1) 100%); *//* IE10+ */
    /*background: linear-gradient(to bottom,  rgba(234,211,0,1) 0%,rgba(204,204,204,1) 100%); *//* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead300', endColorstr='#cccccc',GradientType=0 ); *//* IE6-9 */

}
.top-a-layer-1 {
	position: absolute;
	height: 400px;
	top: 0;
	left: 0;
	right: 0;
    z-index: -1;
	/*background: url(/templates/yoo_inspire/images/background/bubbles_green/linear_gradient.svg) 0 0 no-repeat;*/
    background: #232377; /* Old browsers */
    /*background: -moz-linear-gradient(left,  rgba(0,0,84,1) 0%, rgba(0,0,86,1) 50%, rgba(32,32,53,1) 51%, rgba(32,32,53,1) 100%); *//* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,84,1)), color-stop(50%,rgba(0,0,86,1)), color-stop(51%,rgba(32,32,53,1)), color-stop(100%,rgba(32,32,53,1))); *//* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(left,  rgba(0,0,84,1) 0%,rgba(0,0,86,1) 50%,rgba(32,32,53,1) 51%,rgba(32,32,53,1) 100%); *//* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(left,  rgba(0,0,84,1) 0%,rgba(0,0,86,1) 50%,rgba(32,32,53,1) 51%,rgba(32,32,53,1) 100%); *//* Opera 11.10+ */
    /*background: -ms-linear-gradient(left,  rgba(0,0,84,1) 0%,rgba(0,0,86,1) 50%,rgba(32,32,53,1) 51%,rgba(32,32,53,1) 100%); *//* IE10+ */
    /*background: linear-gradient(to right,  rgba(0,0,84,1) 0%,rgba(0,0,86,1) 50%,rgba(32,32,53,1) 51%,rgba(32,32,53,1) 100%); *//* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000054', endColorstr='#202035',GradientType=1 ); *//* IE6-9 */
    /*background: #699d38 url(/templates/yoo_inspire/images/background/bubbles_green/radial_gradient.svg) 50% 0 no-repeat;*/


}



.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;
	-ms-animation: spinner-l linear infinite;
	animation: spinner-l linear infinite;
}

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

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