.promo-bage{
	position: absolute;
    top: 0;
    right: 0;
	z-index:999;
}
/******* Расширенная версия *****/
.pb_block {
	color: #fff;
	position: relative;
	width: 240px;
	height: 240px;
	float: left;
}
.pb_block_bg {
	position: absolute;
	left: 0;
	right: 0;
	margin: 50px auto;
	/*
	width: 150px;
	height: 150px;
	*/
}
.pb_bg{
	position: absolute;
	width: 150px;
	height: 150px;
	background: red;
}
.pb_bg:before,
.pb_bg:after {
	content:"";
	position: absolute;
	background: inherit;
	height: inherit;
	width: inherit;
	top: 0;
	left: 0;
	z-index: -1;
	transform: rotate(30deg);
}
.pb_bg:after {
	transform: rotate(60deg);
}

.pbc_green{
	background: green;
}
.pbc_orange{
	background: orange;
}
.pbc_red{
	background: red;
}
.pbc_blue{
	background: blue;
}
.pbc_circle,
.pbc_circle:before,
.pbc_circle:after{
	-moz-border-radius: 18%;
	-webkit-border-radius: 18%;
	border-radius: 18%;
}
.pbc_oval,
.pbc_oval:before,
.pbc_oval:after{
	-moz-border-radius: 9%;
	-webkit-border-radius: 9%;
	border-radius: 9%;
}
.pbc_cube,
.pbc_cube:before,
.pbc_cube:after{
	-moz-border-radius: 3%;
	-webkit-border-radius: 3%;
	border-radius: 3%;
}


.pb_text {
	position: absolute;
	left: 0;
	right: 0;
	width: 150px;
	height: 150px;
	margin: 46px auto;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
	text-transform: uppercase;
	/*border: 1px solid rgba(0,0,0,.1);*/
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

/*****АНИМАЦИЯ******/

.pb_beat {
    animation: beat 1s ease infinite alternate;
}
@keyframes beat {
	from { transform: scale(1); }
	to { transform: scale(1.1); }
}
/********/
.pb_rotate {
  -webkit-animation-name: cog;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: cog;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
   -ms-animation-name: cog;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear; 
  animation-name: cog;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-ms-keyframes cog {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes cog {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes cog {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes cog {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}
/********/
.shake{display:inline-block;transform-origin:center center}
.shake-freeze,
.shake_c.shake_ch:hover,
.shake-trigger:hover .shake_c.shake_ch{animation-play-state:paused}
.shake-freeze:hover,
.shake-trigger:hover .shake-freeze,
.shake:hover,
.shake-trigger:hover .shake{animation-play-state:running}
@keyframes shake{2%{transform:translate(1px, 0px) rotate(0.5deg)}4%{transform:translate(0px, 0px) rotate(0.5deg)}6%{transform:translate(0px, 1px) rotate(0.5deg)}8%{transform:translate(1px, 0px) rotate(0.5deg)}10%{transform:translate(0px, 1px) rotate(0.5deg)}12%{transform:translate(0px, 0px) rotate(0.5deg)}14%{transform:translate(0px, 1px) rotate(0.5deg)}16%{transform:translate(0px, 0px) rotate(0.5deg)}18%{transform:translate(0px, 1px) rotate(0.5deg)}20%{transform:translate(0px, 1px) rotate(0.5deg)}22%{transform:translate(0px, 1px) rotate(0.5deg)}24%{transform:translate(0px, 0px) rotate(0.5deg)}26%{transform:translate(1px, 0px) rotate(0.5deg)}28%{transform:translate(0px, 1px) rotate(0.5deg)}30%{transform:translate(1px, 0px) rotate(0.5deg)}32%{transform:translate(1px, 0px) rotate(0.5deg)}34%{transform:translate(1px, 1px) rotate(0.5deg)}36%{transform:translate(0px, 0px) rotate(0.5deg)}38%{transform:translate(1px, 1px) rotate(0.5deg)}40%{transform:translate(1px, 1px) rotate(0.5deg)}42%{transform:translate(0px, 0px) rotate(0.5deg)}44%{transform:translate(1px, 1px) rotate(0.5deg)}46%{transform:translate(1px, 1px) rotate(0.5deg)}48%{transform:translate(1px, 0px) rotate(0.5deg)}50%{transform:translate(1px, 0px) rotate(0.5deg)}52%{transform:translate(0px, 0px) rotate(0.5deg)}54%{transform:translate(1px, 0px) rotate(0.5deg)}56%{transform:translate(1px, 0px) rotate(0.5deg)}58%{transform:translate(1px, 1px) rotate(0.5deg)}60%{transform:translate(1px, 1px) rotate(0.5deg)}62%{transform:translate(0px, 1px) rotate(0.5deg)}64%{transform:translate(1px, 0px) rotate(0.5deg)}66%{transform:translate(0px, 1px) rotate(0.5deg)}68%{transform:translate(0px, 1px) rotate(0.5deg)}70%{transform:translate(1px, 1px) rotate(0.5deg)}72%{transform:translate(1px, 0px) rotate(0.5deg)}74%{transform:translate(1px, 0px) rotate(0.5deg)}76%{transform:translate(1px, 1px) rotate(0.5deg)}78%{transform:translate(1px, 1px) rotate(0.5deg)}80%{transform:translate(1px, 1px) rotate(0.5deg)}82%{transform:translate(0px, 0px) rotate(0.5deg)}84%{transform:translate(0px, 0px) rotate(0.5deg)}86%{transform:translate(1px, 1px) rotate(0.5deg)}88%{transform:translate(1px, 1px) rotate(0.5deg)}90%{transform:translate(0px, 0px) rotate(0.5deg)}92%{transform:translate(1px, 0px) rotate(0.5deg)}94%{transform:translate(0px, 1px) rotate(0.5deg)}96%{transform:translate(1px, 0px) rotate(0.5deg)}98%{transform:translate(1px, 1px) rotate(0.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake:hover,.shake-trigger:hover .shake,.shake.shake-freeze,.shake.shake_c{animation:shake 100ms ease-in-out infinite}
.shake-rotate{display:inline-block;transform-origin:center center}
.shake-freeze,
.shake_c.shake_ch:hover,
.shake-trigger:hover .shake_c.shake_ch{animation-play-state:paused}
.shake-freeze:hover,
.shake-trigger:hover .shake-freeze,
.shake-rotate:hover,
.shake-trigger:hover .shake-rotate{animation-play-state:running}
@keyframes shake-rotate{
	2%{transform:translate(0, 0) rotate(0.5deg)}
	4%{transform:translate(0, 0) rotate(-4.5deg)}
	6%{transform:translate(0, 0) rotate(7.5deg)}
	8%{transform:translate(0, 0) rotate(-2.5deg)}
	10%{transform:translate(0, 0) rotate(0.5deg)}
	12%{transform:translate(0, 0) rotate(3.5deg)}
	14%{transform:translate(0, 0) rotate(5.5deg)}
	16%{transform:translate(0, 0) rotate(1.5deg)}
	18%{transform:translate(0, 0) rotate(4.5deg)}
	20%{transform:translate(0, 0) rotate(4.5deg)}
	22%{transform:translate(0, 0) rotate(-6.5deg)
	}24%{transform:translate(0, 0) rotate(5.5deg)
	}26%{transform:translate(0, 0) rotate(5.5deg)
	}28%{transform:translate(0, 0) rotate(-4.5deg)}
	30%{transform:translate(0, 0) rotate(6.5deg)}
	32%{transform:translate(0, 0) rotate(-0.5deg)}
	34%{transform:translate(0, 0) rotate(-2.5deg)}
	36%{transform:translate(0, 0) rotate(0.5deg)}
	38%{transform:translate(0, 0) rotate(2.5deg)}
	40%{transform:translate(0, 0) rotate(-3.5deg)
	}42%{transform:translate(0, 0) rotate(6.5deg)
	}44%{transform:translate(0, 0) rotate(1.5deg)
	}46%{transform:translate(0, 0) rotate(2.5deg)}
	48%{transform:translate(0, 0) rotate(-5.5deg)}
	50%{transform:translate(0, 0) rotate(-4.5deg)}
	52%{transform:translate(0, 0) rotate(0.5deg)}
	54%{transform:translate(0, 0) rotate(6.5deg)}
	56%{transform:translate(0, 0) rotate(6.5deg)}
	58%{transform:translate(0, 0) rotate(3.5deg)}
	60%{transform:translate(0, 0) rotate(-1.5deg)}
	62%{transform:translate(0, 0) rotate(-2.5deg)}
	64%{transform:translate(0, 0) rotate(1.5deg)}
	66%{transform:translate(0, 0) rotate(-1.5deg)}
	68%{transform:translate(0, 0) rotate(-3.5deg)}
	70%{transform:translate(0, 0) rotate(3.5deg)}
	72%{transform:translate(0, 0) rotate(0.5deg)}
	74%{transform:translate(0, 0) rotate(4.5deg)}
	76%{transform:translate(0, 0) rotate(2.5deg)}
	78%{transform:translate(0, 0) rotate(5.5deg)}
	80%{transform:translate(0, 0) rotate(4.5deg)}
	82%{transform:translate(0, 0) rotate(-0.5deg)}
	84%{transform:translate(0, 0) rotate(-5.5deg)
	}86%{transform:translate(0, 0) rotate(-0.5deg)}
	88%{transform:translate(0, 0) rotate(0.5deg)}
	90%{transform:translate(0, 0) rotate(3.5deg)}
	92%{transform:translate(0, 0) rotate(-3.5deg)}
	94%{transform:translate(0, 0) rotate(7.5deg)}
	96%{transform:translate(0, 0) rotate(2.5deg)}
	98%{transform:translate(0, 0) rotate(3.5deg)}
	0%,100%{transform:translate(0, 0) rotate(0)}}
	.shake-rotate:hover,
	.shake-trigger:hover .shake-rotate,
	.shake-rotate.shake-freeze,
	.shake-rotate.shake_c{animation:shake-rotate 100ms ease-in-out infinite}