/* Code tidied up by ScrapBook */
BODY, HTML { margin: 0px; padding: 0px; font-family: "Roboto",sans-serif; background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
#LPPILOT_Maincontainer { width: 100%; max-width: 100%; height: 100%; margin: 0px auto; transition: background 0.5s linear 0s; background-position: center top; background-size: cover; background-repeat: no-repeat; }
.LPPILOT_Top_Container { width: 100%; box-sizing: border-box; padding: 70px 0px 0px; }
.LPPILOT_Heading_1 { font-size: 39px; font-weight: 900; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 40px; letter-spacing: -1px; }
.middleImageCommon { width: 100%; min-height: 1103px; position: absolute; }
.final_list { margin-top: 10px; }
.middleImage1 { background: transparent url("../images/maincontainerPicture1.jpg") no-repeat scroll center 0px; }
.middleImage2 { background: transparent url("../images/maincontainerPicture2.jpg") no-repeat scroll center 0px; }
.middleImage3 { background: transparent url("../images/maincontainerPicture3.jpg") no-repeat scroll center 0px; }
.LPPILOT_Heading_1 SPAN { color: rgb(0, 238, 255); }
#st1 { display: block; }
.answer_clicked { max-width: 311px; }
.MaincontainerPicture { min-height: 1100px; }
.LPPILOT_Heading_2 { font-size: 25px; font-weight: 900; color: rgb(255, 255, 255); text-transform: uppercase; }
.LPPILOT_Heading_2 SPAN { color: rgb(13, 186, 0); }
.LPPILOT_GenericText1 { font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); }
.LPPILOT_GenericText { font-size: 24px; font-weight: 400; color: rgb(20, 224, 220); }
.LPPILOT_Question_Container { width: 100%; padding: 10px 0px 0px; box-sizing: border-box; background: transparent linear-gradient(to bottom, rgba(0, 0, 0, 0.42) 0%, transparent 100%) repeat scroll 0% 0%; }
.LPPILOT_Question_Numbering_Table { margin: 0px auto; padding: 4px 0px 7px; display: table; width: 400px; }
.LPPILOT_Question_Numbering_Cell { color: rgb(255, 255, 255); }
.LPPILOT_Question_Number_Container { width: 52px; height: 52px; margin: 0px auto; display: block; box-sizing: border-box; border-radius: 50%; text-align: center; font-size: 27px; font-weight: 900; line-height: 43px; background-color: rgba(255, 0, 0, 0.2); border: 3px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.2); }
.active { background-color: rgb(0, 238, 255); border: 3px solid rgb(255, 255, 255); color: rgb(51, 51, 51); }
.LPPILOT_Question_Heading { font-size: 40px; font-weight: 900; color: rgb(255, 255, 255); }
p { color: rgb(255, 255, 255); }
.LPPILOT_Answer_Option_Button { width: 190px; height: 190px; margin: 0px auto; display: block; box-sizing: border-box; border-radius: 100%; text-align: center; background-color: rgb(255, 0, 0); border: 2px solid rgb(255, 255, 255); background-size: 110% auto; cursor: pointer; }
label { color: rgb(255, 255, 255); }
.col-sm-12 ul { margin-left: 20px; font-size: 1.5em; }
.question_wrapper { display: none; padding-bottom: 50px; position: relative; max-width: 1170px; }
.no_spam_logo { width: 60px; height: 60px; background-image: url("nospam.png"); background-repeat: no-repeat; background-position: left top; background-size: cover; }
.answer_changed.form-control { background-color: rgba(0, 0, 0, 0.3); border: 2px solid rgb(255, 255, 255); height: 50px; color: rgb(255, 255, 255); font-size: 1em; font-weight: 400; width: 100% ! important; }
input.answer_changed[type="checkbox"] { background-color: transparent; border: medium none; height: auto; font-size: inherit; width: auto ! important; }
.help-block { color: red; }
.next_question_button { font-family: "Roboto",sans-serif; height: 50px; border-radius: 6px; border: 2px solid rgb(11, 104, 4); background-color: rgb(13, 186, 0); font-size: 14px; color: rgb(255, 255, 255); font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }
.previous_question_button { font-family: "Roboto",sans-serif; height: 50px; margin-bottom: 10px; border-radius: 6px; border: 1px solid rgb(153, 153, 153); background-color: rgb(204, 204, 204); font-size: 14px; color: rgb(51, 51, 51); padding: 0px 30px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }
p.mv { font-size: 1.4em; font-weight: bold; }
.alert-info { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.TAL { text-align: left; }
.Question_Margin_Bottom { margin: 0px 0px 20px; }
.Question_Margin_Top { margin: 20px 0px 0px; }
.img-circle:hover { border: 5px solid rgb(255, 0, 0); }
.container.question_wrapper { padding-top: 15px; }
.mailboxprovider { display: none; color: white; background-color: rgb(13, 186, 0); margin: 10px 0px; height: 50px; line-height: 2.5; width: 50%; }
.yellow { color: rgb(255, 185, 48); }
@media (max-width: 1200px) {
  h1.LPPILOT_Heading_1 { font-size: 44px; margin: 0px; text-transform: uppercase; }
}
@media (max-width: 769px) {
  h1, h2 { margin-top: 5px; }
  h2 { margin-top: 10px; margin-bottom: 0px; }
  h1.LPPILOT_Heading_1, .col-sm-10 h1 { font-size: 22px; line-height: 24px; }
  h2.LPPILOT_Heading_2 { font-size: 15px; font-weight: normal; }
}
@media (max-width: 480px) {
  h1, h2 {  }
  h2 { margin-top: 10px; margin-bottom: 10px; }
  h1.LPPILOT_Heading_1, h1.LPPILOT_Question_Heading { font-size: 26px; line-height: 24px; }
  h2.LPPILOT_Heading_2 { font-size: 16px; font-weight: 700; }
  .mailboxprovider { width: 100%; }
  p.LPPILOT_GenericText1, ul.LPPILOT_GenericText1 { font-size: 12px; margin-top: 10px; }
  .LPPILOT_GenericText { font-size: 16px; font-weight: 400; color: rgb(20, 224, 220); }
  .next_question_button.btn-block.email { margin-left: -15px; width: 104%; }
}
.final { font-size: 30px; font-weight: bold; border-radius: 10px; background: rgb(0, 162, 255) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-decoration: none; padding: 20px 54px; display: inline-block; margin-top: 20px; }
.final_list { display: block; color: rgb(255, 255, 255); font: 17px/1.5 "Roboto",verdana; }
.final_list li { padding: 0px 5px; }
@media screen and (max-width: 360px) {
  .final_list { font-size: 14px; }
}