@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: 120px;
	height:600px;
	background-color: #fff;
	overflow: hidden;
}


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

/*#card, #btn, #cardRollover, #gratis, #logo, #text1, #text2, #usp1, #usp2, #usp3{
  width:300px;
  height:250px;
}*/


#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%;

 
}

#card{
  top:0px;
}

#btn{
  top:99px;
}

#gratis{
  top:0px;
}

#usp1, #usp2, #usp3{
top:0px;
}



.bgBlue{
position: absolute;
top: 88px;
    left: 5px;
    width: 110px;
    height: 258px;
  background-color:rgba(46,92,176,0.9);
}

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

#check1 {
  position: absolute;
  top: 163px;
  left: 10px;
  width: 40px;
  height: 25px;
}

#check2{
  position: absolute;
  top: 217px;
  left: 10px;
  width: 40px;
  height: 25px;
}

#check3{
  position: absolute;
  top: 283px;
  left: 10px;
  width: 40px;
  height: 25px;
}

.checkLeft {
  position: absolute;
  top: 2px;
  left:-1px;
  width: 5px;
  height: 3px;
  background-color: #fff;
}

.checkRight {
  position: absolute;
  left: 2px;
  top: 8px;
  width: 12px;
  height: 3px;
  background-color: #fff;
}