.social{
	opacity:0.8;
}
.social:hover{
	opacity:1.0;
}

.herobutton {
  --s: 20px; /* the size on the corner */
  --t: 2px;  /* the thickness of the border */
  --g: 10px; /* the gap between the border and image */
  
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #B38184; /* the color here */
  outline-offset: calc(-1*var(--t));
  mask:
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
    0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    linear-gradient(#000 0 0) content-box;
  transition: .4s;
  width:275px;
}
.herobutton:hover {
  outline-offset: calc(var(--g)/-1);
}
.herobutton.red {
  outline: var(--t) solid #ff2211;
}
.herobutton.blue {
  outline: var(--t) solid #2211ff;
}
.herobutton.white {
  outline: var(--t) solid #fff;
}
.heroblock{
	border-radius:15px;
	width:1024px;
	margin:0 auto 0 auto;
	margin-top:25px;
	min-height:576px;
	border:5px solid #fff;
}
.heroblock_social{
	border-radius:15px;
	width:900px;
	margin:0 auto 0 auto;
	margin-top:25px;
	min-height:400px;
	border:5px solid #fff;
}
.heroblock a{
	padding:5px;
	height:55px;
	text-align:center;
	display:block;
	background:rgba(0,0,0,0.7);
}
body{
	color:#dfdfef;
	background:rgb(0, 0, 0) url("../images/bg.jpg") no-repeat center 0 fixed;
}
.left{
	float:left;
}
.right{
	float:right;
}
.huge{
	font-size:24px;
	font-family:"Helvetica Neue", Arial, sans-serif;
	font-weight:bold;
	margin:0px;
	margin-bottom:8px;
	line-height:24px;
}
.small{
	font-size:14px;
	line-height:16px;
}

img{
	border:none;
}
.clear{
	clear:both;
}
a {
	color: #fff;
	text-decoration:none;
	opacity:0.8;
}
a:visited {
	color: #fff;
	text-decoration:none;
}
a:hover{
	color: #fff;
	text-decoration:none;
	opacity:1.0;
}