* {
	margin: 0;
	padding: 0;
}

html,body {
	/*width: 100%;
	height: 100%;*/
	background-color: #fff;
}

.wrapper{
position:absolute;
width:480px;
height:600px;
top:50%;
left:50%;
margin-top:-300px;
margin-left:-240px;
}

.social-box{
text-align: center;
margin-top:30px;
width: 100%;
}
.button-box{
text-align: center;
margin-top:30px;
width: 50%;
position: absolute;
bottom: 10px;
}
.button-box1{
text-align: center;
margin-top:30px;
width: 50%;
position: absolute;
bottom: 10px;
left: 205px;
}

.social-box a{
display:inline-block;
width:40px;
height:40px;
margin-right:7px;
}
.social-box a:last-child{
margin-right:0px;
}

.social-box a.vk{
background:url(../image/vk.png) no-repeat 0 0;
}
.social-box a.vk:hover{
background:url(../image/vkh.png) no-repeat 0 0;
}

.social-box a.fb{
background:url(../image/fb.png) no-repeat 0 0;
}
.social-box a.fb:hover{
background:url(../image/fbh.png) no-repeat 0 0;
}

.social-box a.tw{
background:url(../image/tw.png) no-repeat 0 0;
}
.social-box a.tw:hover{
background:url(../image/twh.png) no-repeat 0 0;
}

.social-box a.gp{
background:url(../image/gp.png) no-repeat 0 0;
}
.social-box a.gp:hover{
background:url(../image/gph.png) no-repeat 0 0;
}
.social-box a.inst{
background:url(../image/inst.png) no-repeat 0 0;
}
.social-box a.inst:hover{
background:url(../image/insth.png) no-repeat 0 0;
}

.social-box a.you{
background:url(../image/youtube-icon-1.png) no-repeat 0 0;
}
.social-box a.you:hover{
background:url(../image/youtube-icon-1h.png) no-repeat 0 0;
}


.button-box1 a{
	width: 205px !important;
}
.button-box a,.button-box1 a{
display:inline-block;
width:140px;
height:40px;
color:#5e5e5e;
font:14px Tahoma, Arial;
text-align:center;
text-decoration:none;
background: #f7f7f7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f7f7f7 0%, #bfbfbf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#bfbfbf));
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#bfbfbf 100%);
background: -o-linear-gradient(top,  #f7f7f7 0%,#bfbfbf 100%);
background: -ms-linear-gradient(top,  #f7f7f7 0%,#bfbfbf 100%);
background: linear-gradient(to bottom,  #f7f7f7 0%,#bfbfbf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#bfbfbf',GradientType=0 );
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
margin-right:20px;
padding: 10px 0 0 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.button-box a:hover,.button-box1 a:hover{
background: #f7f7f7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f7f7f7 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#dddddd 100%);
background: -o-linear-gradient(top,  #f7f7f7 0%,#dddddd 100%);
background: -ms-linear-gradient(top,  #f7f7f7 0%,#dddddd 100%);
background: linear-gradient(to bottom,  #f7f7f7 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 );

}

.button-box a:last-child,.button-box1 a:last-child{
margin-right: 0;
}

.pop_up{
width:585px;
height:620px;
position:absolute;
top:50%;
left:50%;
margin:-310px 0 0 -292.5px;
background:#f7f7f7;
padding: 25px 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
z-index:9999;
display:none;
box-shadow: 0 0 25px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 25px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.4);
}
.pop_up h1{
text-align:center;
color:#5e5e5e;
font:24px Tahoma, Arial;
margin-bottom:20px;
}
.pop_up p{
color:#5e5e5e;
font:16px Tahoma, Arial;
padding-bottom:27px;
}
.pop_up p:last-child{
padding-bottom:0;
}
.pop_up span{
width:22px;
height:22px;
display:block;
position:absolute;
right:15px;
top:15px;
background:url(../image/close.png) no-repeat 50% 50%;
cursor:pointer;
}
#liveVideo {
    position: absolute;
    text-align: center;
    width: 100%;
}
#liveVideo img {
    width: 160px;
    position: absolute;
    left: 160px;
    top: -60px;
    cursor: pointer;
}