.roffer-box-out {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: 10px auto;
	width: 90%;
	height: 90%;
	padding: 9px;
	overflow: hidden;
	border: none;
	font: normal 16px/1 "Times New Roman", Times, serif;
	color: rgba(255,255,255,1);
	text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;        
	-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.roffer-box-in {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin: 5px;
	padding: 25px;
	overflow: hidden;
	border: 1px solid rgba(180,180,180,1);
	font: normal normal bold 19px/1 Verdana, Geneva, sans-serif;
	color: #000000;
	text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: rgb(255,255,255);
	-webkit-box-shadow: 0 rgba(0,0,0,0.3);
	box-shadow: 0 rgba(0,0,0,0.3);
}
.roffer-box-in p {
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.5em;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.reveal-button {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	cursor: pointer;
	padding: 10px 20px;
	border: 1px solid #018dc4;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: normal normal bold 21px/normal Verdana, Geneva, sans-serif;
	color: rgba(252,5,5,0.9);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #ecf0f1;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	max-width: 600px;
	margin: 0 auto;
}
.reveal_code {
	text-decoration: none;
}
.reveal-button a {
	color: #000;
	text-decoration: none;
	-webkit-transition: color .2s linear, background .1s linear;
	-moz-transition: color .2s linear, background .1s linear;
	-ms-transition: color .2s linear, background .1s linear;
	-o-transition: color .2s linear, background .1s linear;
	transition: color .2s linear, background .1s linear;
}
.btn-reveal {
	color: #c61616;
	text-decoration: none;
	font-size: 1.1em;
}
.code-reveal {
	color: #c61616;
	text-decoration: none;
	font-size: 1.1em;
}
.reveal-button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color: #f6f6f6;
}


/*media query*/
@media (max-width:767px){
.roffer-box-out {  width: 50%; }
}

@media (max-width:480px){
.roffer-box-out {  width: 90%; }
}