#ig{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 960px;
  height: 600px;
  background-color: #b2b2b2;
  border: 1px #93a1a8 solid;
  background: url("../img/terminator_small.jpg");
  box-sizing: border-box;
}
#copy{
  position: absolute;
  left: 180px;
  top: 73px;
  font-size: 12px;
}

#shadowbox{
  position: absolute;
  left: 190px;
  top: 110px;
  width: 600px;
  height: 400px;
  background-color: #000000;
}

#slide0{
  position: absolute;
  left: 180px;
  top: 100px;
  width: 600px;
  height: 400px;
  background: url("../img/bg1.png");
  background-color: #ffffff;
  text-align: center;
}
#slide1{
  position: absolute;
  left: 180px;
  top: 100px;
  width: 600px;
  height: 400px;
  background: url("../img/bg1.png");
  background-color: #ffffff;
  visibility: hidden;
}
#slide2{
  position: absolute;
  left: 180px;
  top: 100px;
  width: 600px;
  height: 400px;
  background: url("../img/bg1.png");
  background-color: #ffffff;
  visibility: hidden;
}
#answerslide{
  position: absolute;
  left: 180px;
  top: 100px;
  width: 600px;
  height: 400px;
  background: url("../img/bg1.png");
  background-color: #ffffff;
  visibility: hidden; 
}
#questheader{
  position: relative;
  top: 50px;
  left: 130px;
  width: 330px;
}
#rightornot{
  position: relative;
  top: 95px;
  left: 130px;
  width: 330px;
}
#answer{
  position: relative;
  top: 100px;
  left: 130px;
  width: 330px;
  line-height: 160%;
}
#bFwd{
  position: absolute;
  top: 325px;
  left: 265px;
  cursor: pointer;
}
.popup{
  position: absolute;
  left: 190px;
  top: 111px;
  width: 579px;
  height: 379px;
  background-color: #e2e2e2;
}
#popup1{
  visibility: hidden;
  cursor: pointer;
}
#popup2{
  visibility: hidden;
/*   cursor: pointer; */
}
.popheader{
  position: relative;
  top: 30px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.poptext{
  position: relative;
  top: 60px;
  left: 60px;
  width: 460px;
  line-height: 160%;
}
/* fonts */
.light12{
  font-family: "CorsicaRamblerLX-Light";
  font-size: 12px;
  color: #000000;
}
.light13{
  font-family: "CorsicaRamblerLX-Light";
  font-size: 13px;
  color: #000000;
}
.light15{
  font-family: "CorsicaRamblerLX-Light";
  font-size: 15px;
  color: #000000;
}
.light16{
  font-family: "CorsicaRamblerLX-Light";
  font-size: 16px;
  color: #000000;
}
.light20{
  font-family: "CorsicaRamblerLX-Light";
  font-size: 20px;
  color: #000000;
}
.bold13{
  font-family: "CorsicaRamblerLX";
  font-size: 13px;
  color: #000000;
}
.bold16{
  font-family: "CorsicaRamblerLX";
  font-size: 16px;
  color: #000000;
}
.bold18{
  font-family: "CorsicaRamblerLX";
  font-size: 18px;
  color: #000000;
}
.bold20{
  font-family: "CorsicaRamblerLX";
  font-weight: bold;
  font-size: 20px;
  color: #000000;
}
.bold12{
  font-family: "CorsicaRamblerLX";
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.book14{
  font-family: "CorsicaRamblerLX-Book";
  font-size: 14px;
  color: #606060;
}
.book12{
  font-family: "CorsicaRamblerLX-Book";
  font-size: 12px;
  color: #000000;
}

/*1*/
#headimg{
  position: absolute;
  top: 11px;
  left: 10px;
  visibility: hidden;
}
#header{
  position: relative;
  top: 50px;
  width: 400px;
  margin: 0 auto;

}
#check{
  position: absolute;
  top: 130px;
  left: 160px;
  line-height: 150%;
  width: 280px;
}
#bStart{
  position: absolute;
  margin: 0px auto;
  top: 250px;
  left: 200px;
  cursor: pointer;
}
#bStart:hover{
  opacity: 0.6;
}

/*2*/
#header2{
  position: absolute;
  left: 100px;
  top: 70px;
  width: 450px;
}
#cat{
  position: absolute;
  left: 100px;
  top: 50px;
}
#headimg2{
  position: absolute;
  top: 11px;
  left: 10px;
  visibility: hidden;
}
.answers{
  cursor: pointer;
  line-height: 100%;
  top: 0px;
  left:0px;
  position: relative;
  width: 400px;
  padding-bottom:10px;
}
#anscont{
  position: absolute;
  left: 120px;
  top: 195px;
}

.answers img{
  position: absolute;
  margin-right: 20px;
  top: 0px;
}
.answers .label{
  margin-left: 40px;
}
#cont{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

#dots{
  position: absolute;
  top:445px;
  margin: 0 auto;
}
#questnum{
  position: absolute;
  top:448px;
  right:-155px;
  color: #000000;
}

/*3*/
#slide2{
  text-align: center;
}
#header3{
  position: relative;
  top: 60px;
}
#result{
  position: relative;
  top: 50px;
  line-height: 160%;
}

#prinat{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 400px;
  text-align: left;
}
#priz{
  position: absolute;
  left: 30px;
  top: 360px;
  text-align: left;
}
#prav{
  position: absolute;
  left: 180px;
  top: 210px;
  text-align: left;
}

#bAgain{
  position: absolute;
  left:20px;
  top: 300px;
  cursor: pointer;
}
#mailbox{
  position: absolute;
  left: 30px;
  top: 270px;
}
#email{
  box-sizing:border-box;
  width: 180px;
  height: 25px;
  padding: 4px 8px;
  background: url("../img/box2.png");
  background-repeat: no-repeat;
  text-align: left;
  position: absolute;
  left: 0px;
  top: 60px;
}

#email input{
  font-family: "CorsicaRamblerLX-Book";
  font-size: 14px;
  color: #B2B2B2;
  left: 0px;
  top: 0px;
  border: 0;
  width: 160px;
  padding:0;
}
#ename{
  box-sizing:border-box;
  width: 132px;
  height: 25px;
  padding: 4px 8px;
  background: url("../img/box1.png");
  background-repeat: no-repeat;
  text-align: left;
  position: absolute;
  left: 0px;
  top: 25px;
}

#ename input{
  font-family: "CorsicaRamblerLX-Book";
  font-size: 14px;
  color: #B2B2B2;
  left: 0px;
  top: 0px;
  border: 0;
  width: 120px;
  padding:0;
}

#esurname{
  box-sizing:border-box;
  width: 132px;
  height: 25px;
  padding: 4px 8px;
  background: url("../img/box1.png");
  background-repeat: no-repeat;
  text-align: left;
  position: absolute;
  left: 140px;
  top: 25px;
}

#esurname input{
  font-family: "CorsicaRamblerLX-Book";
  font-size: 14px;
  color: #B2B2B2;
  left: 0px;
  top: 0px;
  border: 0;
  width: 120px;
  padding:0;
}

#socials{
  position: absolute;
  top: 440px;
  left: 590px;
}
.socbutt{
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin: 20px 10px 0px 0px;
  font-style: 0px;
}

#podelis{
  position: absolute;
  left: 0px;
  top: 0px;
}

#bSend{
  position: absolute;
  left: 187px;
  top: 60px;
  opacity: 0.5;
}
#bHelp{
  position: absolute;
  left: 256px;
  top: 0px;
  cursor: pointer;
}

#congrats{
  position: absolute;
  left: 10px;
  top: 10px;
  width: 580px;
  height: 380px;
  background-color: #e2e2e2;
  visibility: hidden;
}
#header4{
  position: relative;
  top:50px;
}
#congtext{
  position: relative;
  top:80px;
  left:60px;
  text-align: left;
  line-height: 160%;
  width:440px;
}

#prim {
  position: relative;
  top:130px;
  left:60px;
  text-align: left;
}

#spisok{
  position: absolute;
  left: 10px;
  top: 10px;
  width: 580px;
  height: 380px;
  background-color: #e2e2e2;
  visibility: hidden;
}
#list1{
  position: absolute;
  left: 30px;
  top: 30px;
  text-align: left;
  line-height: 130%;
  overflow:hidden;
  width: 480px;
  height:340px;
}
#scroller{
  position: absolute;
  left: 570px;
  top: 30px;
/*   visibility: hidden; */
}
#slider_bg{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 300px;
  background-color: #c4c4c4;
}
#slider{
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
}

#list2{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

#answerslist{
  position: absolute;
  left: 180px;
  top: 100px;
  width: 600px;
  height: 400px;
  background: url("../img/bg1.png");
  background-color: #ffffff;
  visibility: hidden;
}
#listheader{
  width: 100%;
  position: relative;
  top: 20px;
  left: 0px;
  text-align: center;
  padding-bottom: 50px;
  line-height: 130%;
}
.answer2{
  position: relative;
  top: 20px;
  left: 130px;
  width: 340px;
  line-height: 200%;
}
.listquestnum{
  position: absolute;
  left: -50px;
  top: 2px;
}
.separator{
  width: 400px;
  height: 1px;
  background-color: #ebebeb;
  position: relative;
  top:20px;
  left: 100px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#ans2cat{
  position: absolute;
  top: -20px;
}

#disclaimer{
  position: relative;
  top: 70px;
  width:530px;
  left:40px;
  text-align: left;
}
#agree{
  position: absolute;
  left: 0px;
  top: 95px;
  width: 400px;
  text-align: left;
  padding-left: 20px;
  cursor: pointer;
}
#agree img{
  position: absolute;
  left: 0px;
  top: 1px;
}

#bRight{
  text-decoration:underline;
  cursor: pointer;
  position: relative;
  top:90px;
}