.block-list{
	padding:15px;
	border:1px solid #e5474b;
	border-radius:5px;
	background:rgba(150,0,0,0.1);
	}
.block-list2{
	padding:15px;
	border:1px solid #00FF00;
	border-radius:5px;
	background:rgba(0,150,0,0.1);
	}
	#act_block{
		width:50px;
		height:30px;
		}	
		#deact_block{
		width:50px;
		height:30px;
		}
		
	.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  font-size: 16px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reveal-if-active label {
  display: block;
  margin: 0 0 3px 0;
}
.reveal-if-active input[type=text] {
  width: 100%;
}
input[type="radio"]:checked ~ .reveal-if-active, input[type="checkbox"]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 100px;
  padding: 10px 0px;
  -webkit-transform: scale(1);
          transform: scale(1);
  overflow: visible;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn-gold{
	background-image:url(../images/golden_bg.jpg);
	color:#ccc;
	cursor:pointer;
	}
	.info_block{
		max-width:150px;
		height:20px;
		padding:2px 2px 2px 5px;
		font-size:10px;
		color:#fff;
		background:#ad1220;
		border:1px solid #ad1220;
		border-radius:5px;
    position: relative;
    overflow: hidden;
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
		}
		.show-off
{
    width: 150px;
    height: 50px;
    position: absolute;
    top: -18px;
    left: -60px;
    transition: 0.5s;
    transform: rotate(45deg);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
}
.info_block:hover .show-off
{
    top: -10px;
    left: -20px;
    transform: rotate(20deg);
}
.info_block:hover
{
    box-shadow:0 0 5px #C30;
}
.tip_info{
	float:;
	}
	
	
	.demo
{ 
       
    margin: 30px auto;
    padding: 5px;
    background-color: #FFFFFF;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
}
.demo:hover
{
    box-shadow: 0px 0px 20px 5px #FFFFFF;
}
.show-of
{
    width: 300px;
    height: 100px;
    position: absolute;
    top: -100px;
    left: -20px;
    transition: 0.5s;
    transform: rotate(30deg);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
}
.demo:hover .show-of
{
    top: 0px;
    left: 0px;
    transform: rotate(0deg);
}
.buy_block{
	border:1px solid #ad1220;
	border-radius:3px;
	color:#ad1220;
	padding:5px;
	text-align:center;
	background:rgba(100,0,0,0.1);
	}	

.block1{
	padding:20px;
	border:1px solid #b68082;
	border-radius:10px;
	font-size:16px;
	width:100%;
	height:100%;
	}
	.block2{
		padding:10px 40px 10px 40px;
		width:100%;
		height:auto;
		}
.profile_block{
	
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    position: relative; 
	}
.profile_block img{
	padding:5px;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	border:1px solid #CCC;	
	overflow:hidden;
	}