.gr-banner-background {
	display: block;
	text-decoration: none;
	background: linear-gradient(to bottom, #5490cf 0%, #e9f0f1 65%, #e9f0f1 100%);
	background-size: contain;
	max-width: 300px;
	width: 100%;
	max-height: 320px;
	height: 100%;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	text-align: center;
	z-index: 0;
}
.gr-banner-beams-block {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}
.beams {
	width: 100%;
	height: 100%;
	position: relative;
}
.beam2, .beam3, .beam4, .beam5, .beam6, .beam7 {
	position: absolute;
	-webkit-perspective: 16px;
	-webkit-perspective-origin: 8% 3%;
	-moz-perspective: 16px;
	-moz-perspective-origin: 8% 3%;
	perspective: 16px;
	perspective-origin: 8% 3%;
}
.beam3, .beam4, .beam5, .beam6, .beam7 {
	height: 153%;
}
.beam1 {
	-webkit-perspective: 16px;
	-webkit-perspective-origin: 90% 0%;
	-moz-perspective: 16px;
	-moz-perspective-origin: 90% 0%;
	perspective: 16px;
	perspective-origin: 90% 0%;
}
.beam2 {
	top: -2%;
	left: 0;
	-webkit-transform: rotate(85deg);
	-moz-transform: rotate(85deg);
	transform: rotate(85deg);
}
.beam3 {
	left: 40%;
	top: 7%;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	transform: rotate(30deg);
}
.beam4 {
	left: 5%;
	top: -1%;
	-webkit-transform: rotate(55deg);
	-moz-transform: rotate(55deg);
	transform: rotate(55deg);
}
.beam5 {
	left: -16%;
	top: -14%;
	-webkit-transform: rotate(73deg);
	-moz-transform: rotate(73deg);
	transform: rotate(73deg);
}
.beam6 {
	left: 112%;
	top: -32%;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.beam7 {
	left: 123%;
	top: -63%;
	-webkit-transform: rotate(-55deg);
	-moz-transform: rotate(-55deg);
	transform: rotate(-55deg);
}
#beam {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ( -100px );
	-moz-transform: translateZ( -100px );
	transform: translateZ( -100px );
}
#beam figure {
	display: block;
	position: absolute;
	width: 25px;
	height: 210px;
	left: 73%;
}
.beam2 #beam figure {
	left: -6%;
	width: 7px;
}
.beam3 #beam figure, .beam4 #beam figure, .beam5 #beam figure, .beam6 #beam figure, .beam7 #beam figure {
	left: -6%;
	width: 14px;
	height: 230px;
}
#beam .beam-color {
	background: rgba(255, 255, 255, .1);
	-webkit-transform: rotateX( -90deg ) translateZ( 100px );
	-moz-transform: rotateX( -90deg ) translateZ( 100px );
	transform: rotateX( -90deg ) translateZ( 100px );
}
.gr-banner-background:after {
	content: '';
	display: block;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDc0NjQ5NDRENEZDMTFFMkJERkNFQUZCNTVCOUQyMzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDc0NjQ5NDVENEZDMTFFMkJERkNFQUZCNTVCOUQyMzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NzQ2NDk0MkQ0RkMxMUUyQkRGQ0VBRkI1NUI5RDIzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NzQ2NDk0M0Q0RkMxMUUyQkRGQ0VBRkI1NUI5RDIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PthGg/MAAAAgSURBVHjaYnAPjGz4//8/Ay7MCCLwASYGAmBIKAAIMABHeBlnSafkiwAAAABJRU5ErkJggg==');
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.gr-banner-background:hover {
	text-decoration: none;
}
.gr-banner-clouds-top {
	width: 100%;
	height: 20%;
	background: url('img_banner/clouds_top.png') top center repeat-x;
	background-size: contain;
	position: relative;
	z-index: 5;
	-webkit-animation: top_move 28s linear infinite;
	-moz-animation: top_move 28s linear infinite;
	-ms-animation: top_move 28s linear infinite;
	animation: top_move 28s linear infinite;
}
.gr-banner-logo {
	max-width: 300px;
	width: 100%;
	position: relative;
	z-index: 4;
	-webkit-animation: logo_move 20s linear infinite;
	-moz-animation: logo_move 20s linear infinite;
	-ms-animation: logo_move 20s linear infinite;
	animation: logo_move 20s linear infinite;
}
.gr-banner-button {
	position: absolute;
	opacity: 0;
	z-index: 4;
	top: 22%;
	left: 0;
	height: 15%;
	text-align: center;
	max-width: 300px;
	width: 100%;
	-webkit-animation: button_move 20s linear infinite;
	-moz-animation: button_move 20s linear infinite;
	-ms-animation: button_move 20s linear infinite;
	animation: button_move 20s linear infinite;
}
.gr-banner-button-block {
	display: inline-block;
	width: 75%;
	height: 100%;
	position: relative;
	border: 1px solid #d04031;
	background: #e74c3c;
	border-radius: 4px;
	box-shadow: 0 0 6px rgba(255, 255, 255, .8) inset, 0 2px 10px rgba(0,0,0,.3);
}
.gr-banner-button-block-text {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background: url('img_banner/text_button.svg') center no-repeat;
	background-size: 90%;
}
.gr-banner-button-block:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.gr-banner-clouds-bottom {
	width: 100%;
	height: 15%;
	background: url('img_banner/clouds_bottom1.png') top right repeat-x;
	background-size: contain;
	position: relative;
	z-index: 5;
	-webkit-animation: bottom_move 40s linear infinite;
	-moz-animation: bottom_move 40s linear infinite;
	-ms-animation: bottom_move 40s linear infinite;
	animation: bottom_move 40s linear infinite;
}
.gr-banner-text {
	background: #fff;
	text-transform: uppercase;
	position: relative;
	z-index: 5;
	height: 45%;
}
.gr-banner-text1 {
	background: url('img_banner/text_bottom_1.svg') center no-repeat;
	background-size: 40%;
	-webkit-animation: text_move 6s infinite linear;
	-moz-animation: text_move 6s infinite linear;
	-ms-animation: text_move 6s infinite linear;
	animation: text_move 6s infinite linear;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 20%;
}
.gr-banner-text2 {
	background: url('img_banner/text_bottom_2.svg') center no-repeat;
	background-size: 49%;
	-webkit-animation: text_move2 6s infinite linear;
	-moz-animation: text_move2 6s infinite linear;
	-ms-animation: text_move2 6s infinite linear;
	animation: text_move2 6s infinite linear;
	position: absolute;
	z-index: 11;
	width: 100%;
	height: 50%;
	top: 26%;
}
.gr-banner-text2:before {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 25%;
	background: url('img_banner/pointer2.png') top center no-repeat;
	background-size: contain;
	left: 5%;
	top: -50%;
	-webkit-animation: text_move2_left_pointer 6s infinite ease-in-out;
	-moz-animation: text_move2_left_pointer 6s infinite ease-in-out;
	-ms-animation: text_move2_left_pointer 6s infinite ease-in-out;
	animation: text_move2_left_pointer 6s infinite ease-in-out;
}
.gr-banner-text2:after {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 25%;
	background: url('img_banner/pointer1.png') top center no-repeat;
	background-size: contain;
	right: 5%;
	top: -50%;
	-webkit-animation: text_move2_right_pointer 6s infinite ease-in-out;
	-moz-animation: text_move2_right_pointer 6s infinite ease-in-out;
	-ms-animation: text_move2_right_pointer 6s infinite ease-in-out;
	animation: text_move2_right_pointer 6s infinite ease-in-out;
}
.gr-banner-text3 {
	background: url('img_banner/text_bottom_3.svg') center no-repeat;
	background-size: 35%;
	width: 100%;
	height: 10%;
	position: absolute;
	bottom: 8%;
	z-index: 12;
	-webkit-animation: text_move3 6s infinite linear;
	-moz-animation: text_move3 6s infinite linear;
	-ms-animation: text_move3 6s infinite linear;
	animation: text_move3 6s infinite linear;
}
 @-moz-keyframes top_move {
 0% {
 background-position: 0 top;
}
 100% {
 background-position: -165px top;
}
}
 @-moz-keyframes bottom_move {
 0% {
 background-position: -165px top;
}
 100% {
 background-position: 0 top;
}
}
 @-moz-keyframes text_move {
 0% {
-moz-transform:scale(1);
}
 10% {
-moz-transform:scale(1.3);
}
 20% {
-moz-transform:scale(1);
}
}
 @-moz-keyframes text_move2 {
 20% {
-moz-transform:scale(1);
}
 30% {
-moz-transform:scale(1.2);
}
 40% {
-moz-transform:scale(1);
}
}
 @-moz-keyframes text_move2_left_pointer {
 20% {
left:5%;
}
 30% {
left:3%;
}
 40% {
left:5%;
}
}
 @-moz-keyframes text_move2_right_pointer {
 20% {
right:5%;
}
 30% {
right:3%;
}
 40% {
right:5%;
}
}
 @-moz-keyframes text_move3 {
 40% {
-moz-transform:scale(1);
}
 50% {
-moz-transform:scale(1.1);
}
 60% {
-moz-transform:scale(1);
}
}
 @-moz-keyframes logo_move {
 0% {
opacity:1;
}
 10% {
opacity:1;
}
 15% {
opacity:0;
}
 95% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-moz-keyframes button_move {
 15% {
opacity:0;
left:-100%;
}
 20% {
opacity:1;
left:0;
}
 90% {
opacity:1;
left:0;
}
 95% {
opacity:0;
left:100%;
}
}
 @-webkit-keyframes top_move {
 0% {
 background-position: 0 top;
}
 100% {
 background-position: -165px top;
}
}
 @-webkit-keyframes bottom_move {
 0% {
 background-position: -165px top;
}
 100% {
 background-position: 0 top;
}
}
 @-webkit-keyframes text_move {
 0% {
-webkit-transform:scale(1);
}
 10% {
-webkit-transform:scale(1.3);
}
 20% {
-webkit-transform:scale(1);
}
}
 @-webkit-keyframes text_move2 {
 20% {
-webkit-transform:scale(1);
}
 30% {
-webkit-transform:scale(1.2);
}
 40% {
-webkit-transform:scale(1);
}
}
 @-webkit-keyframes text_move2_left_pointer {
 20% {
left:5%;
}
 30% {
left:3%;
}
 40% {
left:5%;
}
}
 @-webkit-keyframes text_move2_right_pointer {
 20% {
right:5%;
}
 30% {
right:3%;
}
 40% {
right:5%;
}
}
 @-webkit-keyframes text_move3 {
 40% {
-webkit-transform:scale(1);
}
 50% {
-webkit-transform:scale(1.1);
}
 60% {
-webkit-transform:scale(1);
}
}
 @-webkit-keyframes logo_move {
 0% {
opacity:1;
}
 10% {
opacity:1;
}
 15% {
opacity:0;
}
 95% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes button_move {
 15% {
opacity:0;
left:-100%;
}
 20% {
opacity:1;
left:0;
}
 90% {
opacity:1;
left:0;
}
 95% {
opacity:0;
left:100%;
}
}
 @-ms-keyframes top_move {
 0% {
 background-position: 0 top;
}
 100% {
 background-position: -165px top;
}
}
 @-ms-keyframes bottom_move {
 0% {
 background-position: -165px top;
}
 100% {
 background-position: 0 top;
}
}
 @-ms-keyframes text_move {
 0% {
-ms-transform:scale(1);
}
 10% {
-ms-transform:scale(1.3);
}
 20% {
-ms-transform:scale(1);
}
}
 @-ms-keyframes text_move2 {
 20% {
-ms-transform:scale(1);
}
 30% {
-ms-transform:scale(1.2);
}
 40% {
-ms-transform:scale(1);
}
}
 @-ms-keyframes text_move2_left_pointer {
 20% {
left:5%;
}
 30% {
left:3%;
}
 40% {
left:5%;
}
}
 @-ms-keyframes text_move2_right_pointer {
 20% {
right:5%;
}
 30% {
right:3%;
}
 40% {
right:5%;
}
}
 @-ms-keyframes text_move3 {
 40% {
-ms-transform:scale(1);
}
 50% {
-ms-transform:scale(1.1);
}
 60% {
-ms-transform:scale(1);
}
}
 @-ms-keyframes logo_move {
 0% {
opacity:1;
}
 10% {
opacity:1;
}
 15% {
opacity:0;
}
 95% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-ms-keyframes button_move {
 15% {
opacity:0;
left:-100%;
}
 20% {
opacity:1;
left:0;
}
 90% {
opacity:1;
left:0;
}
 95% {
opacity:0;
left:100%;
}
}
 @keyframes top_move {
 0% {
 background-position: 0 top;
}
 100% {
 background-position: -165px top;
}
}
 @keyframes bottom_move {
 0% {
 background-position: -165px top;
}
 100% {
 background-position: 0 top;
}
}
 @keyframes text_move {
 0% {
transform:scale(1);
}
 10% {
transform:scale(1.3);
}
 20% {
transform:scale(1);
}
}
 @keyframes text_move2 {
 20% {
transform:scale(1);
}
 30% {
transform:scale(1.2);
}
 40% {
transform:scale(1);
}
}
 @keyframes text_move2_left_pointer {
 20% {
left:5%;
}
 30% {
left:3%;
}
 40% {
left:5%;
}
}
 @keyframes text_move2_right_pointer {
 20% {
right:5%;
}
 30% {
right:3%;
}
 40% {
right:5%;
}
}
 @keyframes text_move3 {
 40% {
transform:scale(1);
}
 50% {
transform:scale(1.1);
}
 60% {
transform:scale(1);
}
}
 @keyframes logo_move {
 0% {
opacity:1;
}
 10% {
opacity:1;
}
 15% {
opacity:0;
}
 95% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @keyframes button_move {
 15% {
opacity:0;
left:-100%;
}
 20% {
opacity:1;
left:0;
}
 90% {
opacity:1;
left:0;
}
 95% {
opacity:0;
left:100%;
}
}