@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif'), local('font/BreeSerif-Regular'), url(font/0daoUMW28nkWOnFz2G4AAhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

body{margin:0;	padding:0;	height:100%;line-height: 1;-moz-user-select: none; -khtml-user-select: none; -user-select: none;-webkit-user-select: none;background-color:#6C7D83;font-family:'Bree Serif';}
#main{width:900px;margin:100px auto;}
#main .bp{background: url(img/bg.png) no-repeat;width: 435px;height: 974px;background-size: 430px;float:left;}
#main .videk{background: url(img/bg.png) no-repeat;width: 435px;height: 974px;background-size: 430px;float:left;}
#main .nyito img{width: 250px;margin: 160px 0 0 115px;}

.nyito div:before,
.nyito div:after {
  content:"";
  display:table;
}
.nyito div:after {
  clear:both;
}
.nyito div {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
  text-align: center;
  color:#fff;
}