@charset "UTF-8";


html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}


b,
strong {
  font-weight: bold;
}

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}


/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}


/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}



@font-face {
    font-family:"SamsungIFBd";
    src:url(../fonts/SamsungIF_Bd.woff) format("woff"),
    url(../fonts/SamsungIF_Bd.ttf) format("truetype");
    font-weight:normal;
    font-style:normal 
}

@font-face {
    font-family:"SamsungIFRg";
    src:url(../fonts/SamsungIF_Rg.woff) format("woff"),
    url(../fonts/SamsungIF_Rg.ttf) format("truetype");
    font-weight:normal;
    font-style:normal 
}

html, body { 
    height:100%; 
    background-color: #ffffff;
}

body {
    margin:0;
    padding:0;
    /* overflow:hidden; */
    width: 100%;
    /* height: 1185px; */
    font-family: 'Open Sans', sans-serif;
}

form {
	display: block;
	
}
.wrapper{
    background-color: rgb(251,251,251);
    width: 808px;
    overflow: hidden;
    border: 1px solid #d6d6d6;
    margin: 0 auto;
    position: relative;
}

#loader{
	 height: 870px;
}

#intro, #presents, #form{
    height: 1183px;
}

 #presents, #form,  #quiz, #intro{
	display: none;
}

.logoDes{
    width: 169px;
    height: 63px;
    position: absolute;
    top: 55px;
    left: 33px;
    background: url(../images/logo.png);

    background-repeat: no-repeat;
}

h1{
    color: #1c1c1c;
    font-size: 38px;
    font-family: "SamsungIFRg";
    font-weight: normal;
    margin: 0;
    padding:0;
    position: absolute;
    top: 189px;
    left: 36px;
}
h1 span{
   
    font-family: "SamsungIFBd";
    font-weight: normal;
}
#form h2{
	font-family: "SamsungIFBd";
    font-weight: normal;
}


#presents h1{
	top: 172px;
}
.lineBetweenHeaders{
    width: 88px;
    height: 1px;
    left: 36px;
    top:240px;
    position: absolute;
    display: block;
    background-color: #1c1c1c;
}

h2{
    color: #1c1c1c;
    font-size: 18px;
    font-family: "SamsungIFRg";
    font-weight: normal;
    margin: 0;
    padding:0;
    position: absolute;
    position: absolute;
    top: 252px;
    left: 36px;
}

.introBg1{
    width: 563px;
    height: 695px;
    position: absolute;
    display: block;
    background: url(../images/introImage.jpg);
    background-repeat: no-repeat;
    top:76px;
    left: 104px;
    z-index: 0;
}

.introBg2{
    width: 268px;
    height: 387px; 
    position: absolute;
    display: block;
    background: url(../images/introImage2.jpg);
    background-repeat: no-repeat;
    top:718px;
    left: 0px;
    z-index: 0;
}

.introBg3{
    width: 217px;
    height: 226px;
    position: absolute;
    display: block;
    background: url(../images/introImage3.jpg);
    background-repeat: no-repeat;
    top: 903px;
    left: 591px;
    z-index: 0;
}


.giftsButton{
    height: 31px;
    width: 143px;
    position: absolute;
    display: block;
    font-family: "SamsungIFBd";
    font-weight: normal;
    color: #fff;
    top: 63px;
    left: 624px;
    background-color: #008ed5;
    font-size: 14px;
    padding-top: 17px;
    text-align: center;
    cursor: pointer;

}

.giftsButton:hover{
    color: #fff;
    background-color: #006699;
}

.showGiftsButton{
	height: 35px;
	width: 143px;
	position: absolute;
	display: block;
	font-family: "SamsungIFBd";
	font-weight: normal;
	color: #fff;
	top: 63px;
	left: 624px;
	background-color: #008ed5;
	font-size: 14px;
	padding-top: 12px;
	text-align: center;
	cursor: pointer;
}
.showGiftsButton span{
	font-size: 20px;
}

.showGiftsButton:hover{
    color: #fff;
    background-color: #006699;
}

#loaderGraph{
	height: 160px;
    left: 280px;
    position: absolute;
    top: 440px;
    width: 230px;
	background: url(../images/loader.gif);
	background-repeat: no-repeat;
	
}

.loaderText{
	display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 19px;
    font-weight: 700;
    left: 265px;
    position: absolute;
    top: 397px;
}

.introTitle{
    position: absolute;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    left: 305px;
    font-size: 19px;
    top: 765px;

}

.introText{
    position: absolute;
    display: block;
    font-family: 'Open Sans', sans-serif;
    left: 305px;
    font-size: 15px;
    top: 825px;
    width: 460px;
    line-height: 24px;
}

.introStartButton{
    position: absolute;
    display: block;
    font-family: "SamsungIFBd";
    font-weight: normal;
    color: #fff;
    top: 943px;
    width: 217px;
    left: 305px;
    cursor: pointer;
    background-color: #008ed5;
    text-align: center;
    padding-top: 25px;
    height: 42px;
}

.introStartButton:hover{
    color: #fff;
    background-color: #006699;
}

.footer{
    position: absolute;
    display: block;
    height: 55px;
    bottom: 0px;
}

.footerLine{
    position: absolute;
    display: block;
    background-color: #d6d6d6;
    height: 1px;
    width: 806px;
    left: 1px;
    
}

.logoFooter1{
    width: 204px;
    height: 51px;
    position: absolute;
    display: block;
    background: url(../images/sm-curved-logo.jpg);
    background-repeat: no-repeat;
    top: 2px;
    left: 35px;
}

.logoFooter2{
    width: 110px;
    height: 25px;
    position: absolute;
    display: block;
    background: url(../images/sm-logo.png);
    background-repeat: no-repeat;
    top: 17px;
	left: 683px;

}


#quiz{
    height: 1065px;
    background-image: url(../images/bg_grad.jpg);
    background-repeat: no-repeat;
    background-color: rgb(251,251,251);
    background-repeat: no-repeat;
    
}

#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8{
     display: none;

 }

/*
#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8{
    height: 1065px;
    background-image: url(../images/bg_grad.jpg);
    background-repeat: no-repeat;
    background-color: rgb(251,251,251);
    background-repeat: no-repeat;
    display: none;
}*/


.q1Bg1{
    background-image: url(../images/q1Image.png);
    background-repeat: no-repeat;
    width: 728px;
    height: 536px;
    position: absolute;
    display: block;
    top: 255px;
    left: 32px;
}


.q2Bg1{
    background-image: url(../images/q2Image.png);
    background-repeat: no-repeat;
    width: 387px;
    height: 540px;
    position: absolute;
    display: block;
    top: 285px;
    left: 200px;
}

.q3Bg1{
    background-image: url(../images/q3Image.png);
    background-repeat: no-repeat;
    width: 774px;
    height: 411px;
    position: absolute;
    display: block;
    top: 364px;
    left: 14px;
}

.q4Bg1{
    background-image: url(../images/q4Image.png);
    background-repeat: no-repeat;
    width: 804px;
    height: 376px;
    position: absolute;
    display: block;
    top: 339px;
    left: 1px;
}


.q5Bg1{
    background-image: url(../images/q5Image.png);
    background-repeat: no-repeat;
    width: 688px;
    height: 483px;
    position: absolute;
    display: block;
    top: 307px;
    left: 53px;
}
.q6Bg1{
    background-image: url(../images/q6Image.png);
    background-repeat: no-repeat;
    width: 768px;
    height: 515px;
    position: absolute;
    display: block;
    top: 279px;
    left: 32px;
}
.q7Bg1{
    background-image: url(../images/q7Image.png);
    background-repeat: no-repeat;
    width: 670px;
    height: 497px;
    position: absolute;
    display: block;
    top: 303px;
    left: 61px;
}

.q8Bg1{
    background-image: url(../images/q8Image.png);
    background-repeat: no-repeat;
    width: 648px;
    height: 521px;
    position: absolute;
    display: block;
    top: 271px;
    left: 85px;
}

.indicator-grey{
    background-image: url(../images/indicator_grey.png);
    background-repeat: no-repeat;
    width: 406px;
    height: 16px;
    position: absolute;
    display: block;
    top: 948px;
    left: 200px;
    z-index: 1 !important;

}

.indicator-blue{
    background-image: url(../images/indicator_blue.png);
    background-repeat: no-repeat;
    
    height: 16px;
    position: absolute;
    overflow: hidden;
    display: block;
    top: 948px;
    left: 200px;
    z-index: 2 !important;
}

.indicator-blue.q1{
    width: 8px;
}

.indicator-blue.q2{
    width: 64px;
}

.indicator-blue.q3{
    width: 120px;
}

.indicator-blue.q4{
    width: 176px;
}

.indicator-blue.q5{
    width: 231px;
}

.indicator-blue.q6{
    width: 287px;
}

.indicator-blue.q7{
    width: 343px;
}

.indicator-blue.q8{
    width: 406px;
}


 .indiT2, .indiT3, .indiT4, .indiT5, .indiT6, .indiT7, .indiT8{
    display: none;
}




.indicator{
    background-image: url(../images/indicator.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 33px;
    color: #fff;
    font-size: 16px;
    font-family: "SamsungIFRg";
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    display: block;
    top: 932px;
    
    z-index: 3 !important;
    padding-top: 14px;
}

.indicator.q1{
   left: 185px; 
}

.indicator.q2{
   left: 240px; 
}

.indicator.q3{
   left: 296px; 
}

.indicator.q4{
   left: 352px; 
}

.indicator.q5{
   left: 407px; 
}

.indicator.q6{
   left: 463px; 
}

.indicator.q7{
   left: 519px; 
}

.indicator.q8{
   left: 575px; 
}


.answer{
    width: 140px;
    height: 110px;
    position: absolute;
    display: block;
    top: 805px;
    text-align: center;
    cursor: pointer;
}
.answerContainer1{
    left: 174px;
}
.answerContainer2{
    left: 325px;
}
.answerContainer3{
    left: 475px;
}

.answer .text{
    color: #4d4d4d;
    font-size: 14px;
    padding-top: 8px;
    font-family: "SamsungIFRg";
}

.answer .icon{
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background-color: #008ed5;
    border-radius: 50% 50%;
    position: relative;
}
.answer:hover .icon{
    background-color: #1c1c1c;
    background-repeat: no-repeat;
}

.answer .icon.bat{
    background-image: url(../images/bat.png); 
}
.answer:hover .icon.bat{
    background-image: url(../images/bat-b.png); 
}

.answer .icon.elephant{
    background-image: url(../images/elephant.png); 
}
.answer:hover .icon.elephant{
    background-image: url(../images/elephant-b.png); 
}

.answer .icon.cyclops{
    background-image: url(../images/cyclops.png); 
}
.answer:hover .icon.cyclops{
    background-image: url(../images/cyclops-b.png); 
}

.answer .icon.crab{
    background-image: url(../images/crab.png); 
}
.answer:hover .icon.crab{
    background-image: url(../images/crab-b.png); 
}

.answer .icon.shrimp{
    background-image: url(../images/shrimp.png); 
}
.answer:hover .icon.shrimp{
    background-image: url(../images/shrimp-b.png); 
}

.answer .icon.fly{
    background-image: url(../images/fly.png); 
}
.answer:hover .icon.fly{
    background-image: url(../images/fly-b.png); 
}

.answer .icon.deer{
    background-image: url(../images/deer.png); 
}
.answer:hover .icon.deer{
    background-image: url(../images/deer-b.png); 
}

.answer .icon.camel{
    background-image: url(../images/camel.png); 
}
.answer:hover .icon.camel{
    background-image: url(../images/camel-b.png); 
}

.answer .icon.parrot{
    background-image: url(../images/parrot.png); 
}
.answer:hover .icon.parrot{
    background-image: url(../images/parrot-b.png); 
}

.answer .icon.kerveros{
    background-image: url(../images/kerveros.png); 
}
.answer:hover .icon.kerveros{
    background-image: url(../images/kerveros-b.png); 
}

.answer .icon.unicorn{
    background-image: url(../images/unicorn.png); 
}
.answer:hover .icon.unicorn{
    background-image: url(../images/unicorn-b.png); 
}

.answer .icon.rabbit{
    background-image: url(../images/rabbit.png); 
}
.answer:hover .icon.rabbit{
    background-image: url(../images/rabbit-b.png); 
}

.answer .icon.penguin{
    background-image: url(../images/penguin.png); 
}
.answer:hover .icon.penguin{
    background-image: url(../images/penguin-b.png); 
}

.answer .icon.salamander{
    background-image: url(../images/salamander.png); 
}
.answer:hover .icon.salamander{
    background-image: url(../images/salamander-b.png); 
}

.answer .icon.seahorse{
    background-image: url(../images/seahorse.png); 
}
.answer:hover .icon.seahorse{
    background-image: url(../images/seahorse-b.png); 
}

.answer .icon.kangaroo{
    background-image: url(../images/kangaroo.png); 
}
.answer:hover .icon.kangaroo{
    background-image: url(../images/kangaroo-b.png); 
}

.answer .icon.rat{
    background-image: url(../images/rat.png); 
}
.answer:hover .icon.rat{
    background-image: url(../images/rat-b.png); 
}

.answer .icon.pig{
    background-image: url(../images/pig.png); 
}
.answer:hover .icon.pig{
    background-image: url(../images/pig-b.png); 
}

.answer .icon.flamingo{
    background-image: url(../images/flamingo.png); 
}
.answer:hover .icon.flamingo{
    background-image: url(../images/flamingo-b.png); 
}

.answer .icon.giraffe{
    background-image: url(../images/giraffe.png); 
}
.answer:hover .icon.giraffe{
    background-image: url(../images/giraffe-b.png); 
}

.answer .icon.human{
    background-image: url(../images/human.png); 
}
.answer:hover .icon.human{
    background-image: url(../images/human-b.png); 
}

.answer .icon.sheep{
    background-image: url(../images/sheep.png); 
}
.answer:hover .icon.sheep{
    background-image: url(../images/sheep-b.png); 
}

.answer .icon.fish{
    background-image: url(../images/fish.png); 
}
.answer:hover .icon.fish{
    background-image: url(../images/fish-b.png); 
}





.presentsText1{
	position: absolute;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	color: #1c1c1c;
	left: 36px;
	top: 549px;
	line-height: 26px;
	font-size: 14px;
}

.presentsText2{
	position: absolute;
    display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #1c1c1c;
	font-size: 14px;
	left: 36px;
	top: 625px;
	line-height: 25px;
}

.presentsText3{
	position: absolute;
    display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #1c1c1c;
	font-size: 14px;
	left: 233px;
	top: 836px;
	line-height: 25px;
}

.presentsText2 ul,
.presentsText3 ul{
	margin: 0;
	padding: 0 0 0 18px;
	list-style-image: url(../images/bullet.png);
}

.presentsText2 li,
.presentsText3 li{
	padding-left: 11px;
	
}



.presentsText4{
	position: absolute;
    display: block;
	font-family: "SamsungIFRg";	
	font-weight: normal;
	color: #1c1c1c;
	font-size: 38px;
	top: 1033px;
	left: 141px;
}

.presentsIm1{
	width: 808px;
	height: 295px;
	position: absolute;
	display: block;
	background-image: url(../images/presentsIm1.png);
    background-repeat: no-repeat;
    top: 269px;
    left: 0px;
	
}

.presents2Im1{
	width: 808px;
	height: 295px;
	position: absolute;
	display: block;
	background-image: url(../images/presentsIm1.png);
    background-repeat: no-repeat;
    top: 370px;
    left: 0px;
	
}

.presents3Im1{
	width: 808px;
	height: 295px;
	position: absolute;
	display: block;
	background-image: url(../images/presentsIm1.png);
    background-repeat: no-repeat;
    top: 295px;
    left: 0px;
	
}

.presentsIm2{
	width: 216px;
	height: 257px;
	position: absolute;
	display: block;
	background-image: url(../images/presentsIm2.png);
    background-repeat: no-repeat;
    top: 744px;
    left: 0px;
	
}

.presentsIm3{
	width: 251px;
	height: 340px;
	background-image: url(../images/presentsIm3.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    top: 508px;
    left: 557px;
	
}


.formIm1{
	width: 361px;
	height: 508px;
	background-image: url(../images/formIm1.png);
    background-repeat: no-repeat;
	position: absolute;
    display: block;
    top: 246px;
    left: 447px;
}


.formText1{
	position: absolute;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #1c1c1c;
	left: 36px;
	top: 284px;
	line-height: 26px;
	font-size: 16px;
}



.formText2{
	position: absolute;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	color: #008ed5;
	left: 36px;
	top: 362px;
	line-height: 26px;
	font-size: 15px;
}

.formText3{
	position: absolute;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #1c1c1c;
	left: 36px;
	top: 395px;
	line-height: 21px;
	font-size: 13px;
}

.formText3 strong{
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    
}

.formContainer{
	position: relative;
	display: block;
	left: 36px;
	top: 491px;
}


input{
	width: 355px;
	height: 48px;
	background-color: #e8e9eb;
	border: 1px solid #a8abad;
	display: block;
	margin-top: 10px;
	color: #1c1c1c;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	padding-left: 15px;
	font-size: 14px;
	
	
}


#acceptTerms{
	display: block;
	position: relative;
	top: 177px;
	width: 15px;
	height: 15px;
	background-color: #e8e9eb;
	border: 1px solid #a8abad;
}

#acceptPromo{
	display: block;
	position: relative;
	top: 166px;
	width: 15px;
	height: 15px;
	background-color: #e8e9eb;
	border: 1px solid #a8abad;
}

#acceptTermsLabel{
	display: block;
	position: relative;	
	left: 26px;
	top: 159px;
	font-size: 12px;
	color:#6b6b6b;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

#acceptPromoLabel{
	display: block;
	position: relative;	
	left: 26px;
	top: 149px;
	font-size: 12px;
	color:#6b6b6b;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

#formSubmitButton{
	height: 65px;
	width: 217px;
	position: relative;
	display: block;
	padding: 0;
	font-family: "SamsungIFBd";
	font-weight: normal;
	color: #fff;
	top: 191px;
	left: 0px;
	background: none;
	background-color: #008ed5;
	font-size: 16px;
	padding-top: 5px;
	text-align: center;
	cursor: pointer;
	text-shadow: none;
	outline: none;
	border: none;
	border-radius: 0;
}
#formSubmitButton:hover{
	color: #fff;
    background-color: #006699;
    outline: none;
    border: none;
	text-shadow: none;
}
#formSubmitButton:selected{
	outline: none;
	border: none;
}
.formTerms{
	position: absolute;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #909092;
	left: 36px;
	top: 763px;
	line-height: 22px;
	font-size: 12px;
	width: 720px;
}

.formTerms a{
	text-decoration: none;
	color: #008ed5;
	
}

.formTerms a:hover{
	color: #1c1c1c;
}

.responsesContainer{
    display: block;
    position: absolute; 
    z-index: 20;
    top: 787px;
    width: 808px;
    margin: 0 auto;
    

    overflow: visible;
    height: auto;
}



.response{
    position: absolute;
    display: block;
    font-family: "SamsungIFRg"; 
    font-weight: normal;
    color: #fff;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
    font-size: 15px;
    width: 340px;
    bottom: 0px;
    left: 204px;
    
     display: none;
}

.response strong{
    font-family: "SamsungIFBd"; 
    font-weight: normal;
    font-size: 17px;
    padding-bottom: 7px;
    display: block;
}
.response .closeBut{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    border-radius: 50% 50%;
    position: absolute;
    background-color: #1c1c1c;
    width: 12px;
    height: 18px;
    border: solid 2px #fff;
    top: -10px;
    right: -10px;
    cursor: pointer;
    font-size: 12px;
    padding-left: 6px;
}
.response .closeBut:hover{
    background-color: #008ed5;
}
.response .arrowBot{
    width: 26px;
    height: 10px;
    position: absolute;
    display: block;
    bottom: -10px;
    background-image: url(../images/arrow.png);
}
.response.ans1 .arrowBot{
    left:14px;
     background-image: url(../images/arrow.png);
}
.response.ans2 .arrowBot{
    left:155px;
     background-image: url(../images/arrow.png);
}
.response.ans3 .arrowBot{
    left:347px;
     background-image: url(../images/arrow-inv.png);
}

.response.last .arrowBot{
	left: 522px !important;
}

.response.correct.ans1 .arrowBot{
    background-image: url(../images/arrow-b.png);
}
.response.correct.ans2 .arrowBot{
    background-image: url(../images/arrow-b.png);
}
.response.correct.ans3 .arrowBot{
    background-image: url(../images/arrow-inv-b.png);
}


.response.error{
    background-color: #1c1c1c;
}

.response.correct{
    background-color: #008ed5;
}

.response.last{
    width: 685px;
    left: 36px;
    height: 285px;
}

.response .humanIcon{
    width: 170px;
    height: 170px;
    border-radius: 50%;
    position: relative;
    display: block;
    background-color: #fff;
    background-image: url(../images/human_answer.jpg);
    top: 59px;
    left: 29px;
}

.response.last .textContainer{
    display: block;
    position: absolute;
    left: 255px;
    width: 420px;
    top: 52px;
    line-height: 26px;

}

.response.last .textContainer .nextBut{
    margin-top: 15px;
}


.nextBut{
    font-family: "SamsungIFRg";
    font-weight: normal;
    color: #fff;
    outline: solid 1px #fff;
    display: inline-block;
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 8px;
    white-space: pre-line;
    background-color: #008ed5;
    cursor: pointer;

}

.nextBut:hover{

    background-color: #1c1c1c;
}



#acceptTermsLabel a{
	text-decoration: none;
	color: #008ed5;
}
#acceptTermsLabel a:hover{
	color: #1c1c1c;
}

#errorMessagesContainer{
	position: relative;
}

.errorMessage{
	font-family: "SamsungIFRg";
	font-weight: normal;
	color: #de3a38;
	border-radius: 3px;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	width: 230px;
	background-color: #1c1c1c;
	position: absolute;
	z-index: 10;
}

#message1, #message2, #message3, #message4, #message5, #message6{
	display: none;
	
}

#message1{
	top: 113px;
	left: 425px;
}
#message2{
	top: 176px;
	left: 425px;
}

#message3{
	top: 239px;
	left: 425px;
}

#message4{
	top: 300px;
	left: 425px;
}

#message5{
	top: 300px;
	left: 425px;
}

#message6{
	top: 432px;
	left: 287px;
	padding: 30px 30px 30px 45px;
	border-radius: 5px;
}

#message6 .arrowBot{
	width: 26px;
	height: 10px;
	position: absolute;
	display: block;
	bottom: -10px;
	left: 22px;
	background-image: url(../images/arrow.png);
}
.errorMessage .arrow{
	border-style: none;
	width: 0px;
	height: 0px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #1c1c1c;
	position: absolute;
	top: 10px;
	left: -8px;
	outline: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}


.errorMessage .closeBut{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    border-radius: 50% 50%;
    position: absolute;
    background-color: #1c1c1c;
    width: 12px;
    height: 18px;
    border: solid 2px #fff;
    top: -10px;
    right: -10px;
    cursor: pointer;
    font-size: 12px;
    padding-left: 6px;
}
.errorMessage .closeBut:hover{
    background-color: #008ed5;
}


#finalScreen{
	 height: 870px;
	 display: none;
}

#finalScreen2{
	 height: 870px;
	 display: none;
}

#finalScreen3{
	 height: 870px;
	 display: none;
}


.finalScreenText1{
	color: #1c1c1c;
	font-size: 38px;
	font-family: "SamsungIFRg";
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 189px;
	text-align: center;
	
}

.finalScreen2Text1{
	color: #1c1c1c;
	font-size: 28px;
	font-family: "SamsungIFRg";
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 189px;
	text-align: center;
	
}

.finalScreen3Text1{
	color: #1c1c1c;
	font-size: 27px;
	font-family: "SamsungIFRg";
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 155px;
	text-align: center;
    line-height: 42px;
	
}

.finalScreen3Text1 strong{
	color: #1c1c1c;
	font-size: 27px;
	font-family: "SamsungIFBd";
	font-weight: normal;
	line-height: 42px;
	padding: 0;


	text-align: center;
	
}

.finalScreen2Text1 strong{
    color: #1c1c1c;
	font-size: 28px;
	font-family: "SamsungIFBd";
	font-weight: normal;
}

.shareFb{
	position: absolute;
	font-family: "SamsungIFBd";
	font-weight: normal;
	color: #1c1c1c;
	font-size: 14px;
	vertical-align: middle;
	bottom: 67px;
	right: 21px;
	cursor: pointer;
}

.shareFb .icon{
	width: 28px;
	height: 28px;
	background-image: url(../images/fb_logo.png);
    background-repeat: no-repeat;
	position: relative;
    display: inline-block;
	
}

.shareFb .text{
	display: inline-block;
	height: 28px;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 5px;
}

.finalScreenText2{
	position: relative;
	display: block;
	font-family: "SamsungIFBd";
	font-weight: normal;
	color: #1c1c1c;
	width: 450px;
	margin: auto;
	top: 536px;
	line-height: 26px;
	font-size: 14px;
	text-align: center;
}

.finalScreen2Text2{
	position: relative;
	display: block;
	font-family: "SamsungIFBd";
	font-weight: normal;
	color: #1c1c1c;
	width: 470px;
	margin: auto;
	top: 228px;
	line-height: 26px;
	font-size: 14px;
	text-align: center;
}

.finalScreen3Text2{
	position: relative;
	display: block;
	font-family: "SamsungIFBd";
	font-weight: normal;
	color: #1c1c1c;
	width: 470px;
	margin: auto;
	top: 403px;
	line-height: 26px;
	font-size: 28px;
	text-align: center;
}

.finalScreen2Text3{

  position: relative;
  display: block;
  font-family: "SamsungIFRg";
  font-weight: normal;
  color: #1c1c1c;
  width: 560px;
  margin: auto;
  top: 568px;
  line-height: 26px;
  font-size: 38px;
  text-align: center;

}

.finalScreen2Text4{
	position: relative;
	display: block;
	font-family: "SamsungIFRg";
	font-weight: normal;
	color: #1c1c1c;
	width: 610px;
	margin: auto;
	top: 457px;
	line-height: 23px;
	font-size: 14px;
	text-align: center;
}

.finalScreen3Text3{
	  position: relative;
  display: block;
  font-family: "SamsungIFRg";
  font-weight: normal;
  color: #1c1c1c;
  width: 600px;
  margin: auto;
  top: 426px;
  line-height: 23px;
  font-size: 14px;
  text-align: center;
}

#finalButtReturn{
	height: 35px;
	width: 173px;
	position: relative;
	display: block;
	font-family: "SamsungIFBd";
	font-weight: normal;
	color: #fff;
	top: 562px;
	/* left: 624px; */
	background-color: #008ed5;
	font-size: 14px;
	padding-top: 21px;
	text-align: center;
	cursor: pointer;
	margin: auto;
}
#finalButtReturn:hover{
	 color: #fff;
    background-color: #006699;
}

#alertMessageContainer{
	height: 0px;
    width: 808px;
    margin: 0 auto;
    position: relative;
    z-index: 2000;
    display: none;
}
.alertMessage{
	height: 40px;
    width: 808px;
    margin: 0 auto;
    position: absolute;
    background-color: #008ed5;
    font-family: "SamsungIFRg";
	font-weight: normal;
	color: #fff;
	border-radius: 3px;
	padding: 30px 20px 10px 20px;
	font-size: 15px;
	width: 340px;
	left: 214px;
	top:460px;
	text-align: center;
}
.alertMessage .closeBut{
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	border-radius: 50% 50%;
	position: absolute;
	background-color: #1c1c1c;
	width: 12px;
	height: 18px;
	border: solid 2px #fff;
	top: -10px;
	right: -10px;
	cursor: pointer;
	font-size: 12px;
	padding-left: 6px;
	text-align: left;
}

.alertMessage .closeBut:hover{
    background-color: #008ed5;
}


#acceptTermsFromTerms{
	position: absolute;
  display: block;
  font-family: "SamsungIFBd";
  font-weight: normal;
  color: #fff;
  top: 553px;
  width: 217px;
  left: 233px;
  cursor: pointer;
  background-color: #008ed5;
  text-align: center;
  padding-top: 25px;
  height: 42px;
}

/*

#finalScreen{
	display: block
}
#intro{
	display: none;
}
*/




.finalScreen3Text5 {
    position: relative;
  display: block;
  font-family: "SamsungIFRg";
  font-weight: normal;
  color: #1c1c1c;
  width: 560px;
  margin: auto;
  top: 498px;
  line-height: 26px;
  font-size: 38px;
  text-align: center;
}
.finalScreen3Text4 {
    position: relative;
  display: block;
  font-family: "SamsungIFRg";
  font-weight: normal;
  color: #1c1c1c;
  width: 560px;
  margin: auto;
  top: 444px;
  line-height: 23px;
  font-size: 14px;
  text-align: center;
}
}