@font-face {
  font-family: 'GothamHTF-Light';
  src: url('GothamHTF-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


html, body { margin: 0; padding: 0; }

#container{
	position: absolute;
	width: 336px;
	height:280px;
	background-color: #fff;
	overflow: hidden;
}


#overlay{
	position: absolute;
	top:0px;
	width:100%;
	height:100%;
	background-color: #fff;
}




#border{
	position: absolute;
	top:0px;
	width:100%;
	height:100%;
	border: 1px solid #000;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 1000;
    cursor: pointer;
 
}

.images{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;

 
}



.bgBlue{
position: absolute;
    top: 10px;
    left: 10px;
    width: 184px;
    height: 240px;
  background-color:rgba(46,92,176,0.9);
}

video{
	position: absolute;
	top:0px;
}

#check1 {
  position: absolute;
  top: 96px;
  left: 28px;
  width: 40px;
  height: 25px;
}

#check2{
  position: absolute;
  top: 134px;
  left: 28px;
  width: 40px;
  height: 25px;
}

#check3{
  position: absolute;
  top: 170px;
  left: 28px;
  width: 40px;
  height: 25px;
}

.checkLeft {
  position: absolute;
  top: 0px;
  width: 10px;
  height: 4px;
  background-color: #fff;
}

.checkRight {
  position: absolute;
  left: 5px;
  top: 8px;
  width: 16px;
  height: 4px;
  background-color: #fff;
}