
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body { line-height: 1; overflow-x: hidden; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }

nav ul { list-style: none; }

input, input:hover, input:focus { box-shadow: none; }

input { padding: 0; }

blockquote,
q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select { vertical-align: middle; }

body { font-family: 'Roboto'; }

div { box-sizing: border-box; }

.modal.in .modal-dialog{
    width: auto;
}

#thelogo {
    width: 15%;
    max-width: 320px;
    margin: auto;
    padding-top: 20px;
}

#row1 {
    text-align: center;
    background: #fff;
    padding: 17px;
}

#row2 {
    background-color: rgb(250, 250, 250);
    padding: 15px 30px;
}

#row2inner {
    width: 800px;
    max-width: 90%;
    padding: 20px;
    margin: 0 auto;
}

h1,
h2,
p { text-align: center; }

h1 {
    color: #222;
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 300;
}

h2 {
    color: #222;
    margin-top: 6px;
    font-size: 28px;
    font-weight: 300;
}

p {
    letter-spacing: 0.2px;
    line-height: 19px;
	margin-bottom: 20px;
}

#row3 {
    background-color: rgb(244, 244, 244);
}

body {
    background-color: rgb(244, 244, 244);
}

#row3inner {
    max-width: 800px;
    margin: 20px auto;
}

.redbutton {
    font-size: 18px;
    padding: 15px 0;
    text-transform: uppercase;
    width: 48%;
    color: #fff;
    display: block;
    cursor: pointer;
    text-align: center;
    float: left;
    border-radius: 3px;
	background-image: url(../img/arrow.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: right 8px center;
    margin: 0 1%;
	margin-bottom: 5px;
}

.toCoverBtn {
    width: 31.3%;
    font-size: 14px;
}

.refinance {
    background-color: rgb(255, 75, 75);
    background-image: url(../img/arrow.svg), url(../img/monkeys.svg);
    background-size: 20px 20px, 37px 37px;
    background-position: right 8px center, left 8px center;
}

.purchase {
    background-color: rgb(255, 75, 75);
    background-image: url(../img/arrow.svg), url(../img/house.svg);
    background-size: 20px 20px, 32px 32px;
    background-position: right 8px center, left 8px center;
}

.ownerocc {
    background-color: rgb(255, 75, 75);
    background-image: url(../img/arrow.svg), url(../img/fam.svg);
    background-size: 20px 20px, 32px 32px;
    background-position: right 8px center, left 8px center;
}

.investment {
    background-color: rgb(255, 75, 75);
    background-image: url(../img/arrow.svg), url(../img/statistics.svg);
    background-size: 20px 20px, 32px 32px;
    background-position: right 8px center, left 8px center;
}

.refinancee {
    background-color: rgb(255, 75, 75);
    background-image: url(../img/arrow.svg), url(../img/badge.svg);
    background-size: 20px 20px, 32px 32px;
    background-position: right 8px center, left 8px center;
}

.familyMortgage {
	background-size: 20px 20px, 32px 32px;
    background-position: right 8px center, left 8px center;
}

.newloan {
    background-color: rgb(255, 75, 75);
    background-image: url(../img/arrow.svg), url(../img/badge2.svg);
    background-size: 20px 20px, 32px 32px;
    background-position: right 8px center, left 8px center;
}

#progresser {
    height: 18px;
    background: #eee;
    width: 100%;
    position: fixed;
    font-size: 13px;
    text-align: center;
    color: #888;
    z-index: 999;
}

#row2inner p { margin-top: 15px; }

h1 { margin-bottom: 30px; }

h2 { margin-bottom: 20px; }

h1 span {
    font-weight: bold;
}

#wheredeyat {
    width: 5%;
    height: 100%;
    transition: 1s;
}

#numbrah {
    position: relative;
    top: -16px;
}

h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    color: #222;
    margin-bottom: 20px;
}

#page9LHunter h3 {
	margin-bottom: 10px;
}

#investornote {
    font-size: 14px;
    font-style: oblique;
    margin: -15px 50px 20px -20px;
    opacity: 0.3;
    display: none;
}

.pulse {
    display: block;
    animation: pulse 2s infinite;
}

.pulse:hover { animation: none; }

.sliderInput,
#page3 input,
#page4 input,
#page6 input, .over50Slider input,
#postcodeFuneral.postcodeFuneral.postCodeMort{
    text-align: center !important;
    font-size: 28px;
    margin-bottom: 15px;
    width: 100%;
    font-weight: 300 !important;
    font-family: 'Roboto';
    background-color: #fafafa;
	
}

.over50 .postcodeLHunter {
	width: 95% !important;
}

.ui-slider {
    border: 1px solid #ccc;
    border-radius: 50px !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    height: 30px !important;
}

.ui-slider-range {
    border-radius: 50px 0 0 50px !important;
}
.ui-slider-handle {
    height: 40px !important;
    width: 40px !important;
    border-radius: 40px !important;
}

.ui-button.ui-state-active:hover,
.ui-state-active {
    border-color: #ccc !important;
}

.centro,
.centro.page1Mh{
    width: 50%;
    margin: 30px auto 0;
    float: none;
}

.sixer {
    max-width: 31%;
    margin-bottom: 10px;
}

.eighter {
    max-width: 23%;
    margin-bottom: 10px;
}

.formpage {
    padding: 30px;
    background: #fafafa;
	position: relative;
	float: left;
    width: 100%;
}

.formpage .disclaimer {
	display: inline-block;
    margin-top: 25px;
    font-size: 13px;
    line-height: 17px;
    width: 100%;
    text-align: center;
    color: #999;
}

.formpage .disclaimer a {
	color: #999;
}

.formpage .disclaimer a:hover, 
.formpage .disclaimer a:focus {
	box-shadow: 0 1px #999;
}


#postcode, 
#emailaddress, 
#phonenumber, 
#postcodeLifeHunter, 
#housenumber, 
#phonenumberMobLife, 
#phonenumberLandLife, 
#postcodeFuneral, 
#phonenumberMobFuneral,
#phonenumberLandFuneral, 
#emailFuneral, #adressIncome,
.theInput,
#page4 input.theInput{
    height: 44px;
    font-size: 22px;
    /*line-height: 60px;*/
    padding-left: 40px;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    display: block;
   	margin: 0 auto;
    width: 80%;
	text-align:left;
	/*display: inline-block;*/
	background: transparent;
}

#postcodeLifeHunter {
    display: initial;
    width: 52%;
}

#housenumber {
    background: transparent;
    display: initial;
    width: 26%;
    margin-right: 32px;
    margin-left: 24px;
	position: relative;
}

#postcode, 
#postcodeLifeHunter {
    background: transparent url(../img/thepin3.svg) no-repeat scroll left 97% / 30px 42px;
}

#emailaddress {
    background: transparent url(../img/emailer.svg) no-repeat scroll left 73% / 30px 48px;
}

#phonenumber, 
#phonenumberLandLife, 
#phonenumberMobLife {
    background: transparent url(../img/headset.svg?2) no-repeat scroll left 66% / 29px 58px;
}

#phonenumberLandLife,
#phonenumberLandFuneral,
#firstname{
	margin-left: 42px;
}

#phonenumberMobLife, #phonenumberLandFuneral {
    margin-right: 32px !important;
}

.phonenumberLHunter, .phonenumberFHunter {
    width: 43% !important;
    float: none;
    /*margin: initial !important;*/
    display: initial !important;
}
.phonenumberLHunter:nth-of-type(1){
	margin-right: 4%;
}
.greythough {
    background-color: #ddd;
}

.greythough:hover {
    background-color: #ccc;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#warningpostcode, 
#warningemail, 
#warningname, 
#warningphone, 
#warningpostcodeLHunter, 
#warningnameLHunter, 
#warningdob,
#warningAddress,
#warningAddressNum{
    position: relative;
    top: 12px;
}

#warningpostcode, 
#warningpostcodeLHunter, 
#warningnameLHunter, 
#warningdob {
    /*opacity: 0.6;*/
}

#warningemail, 
#warningname, 
#warningphone {
    /*opacity: 0.6;*/
    display: none;
}

.namer, 
.namerLHunter, 
.dobLHunter, 
.namerFHunter, 
.namerInHunter {
    background: transparent url(../img/theuser.svg) no-repeat scroll left 62% / 25px 42px;
    height: 44px;
    font-size: 22px;
    /*line-height: 60px;*/
    padding-left: 40px;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
   /* display: block;
    margin: 0 auto;*/
    width: 40%;
    float: left;
}

.namer {
    width: 43%;
}

.namerLHunter, 
.namerFHunter, 
.namerInHunter {
    width:43% !important;
}

select.namerLHunter {
    width: 23%;
    margin-right: 20px;
    margin-top: 1px;
    padding-left: 42px;
    margin-left: 20px;
}

select.dobLHunter {
    width: 23%;
    margin-right: 20px;
    margin-top: 3px;
    padding-left: 42px;
	display: initial;
    float: none;
}

select.dobLHunter.firstdob {
    margin-left: 86px;
}

select, select.form-control {
    text-align-last: center;
}

.namerLHunter:focus, 
.dobLHunter:focus {
    outline: 0;
}

#loannote {
    font-size: 13px;
    opacity: 0.4;
    text-align: center;
    margin: 10px 0;
    display: none;
}

#page10 > p,
#page11 > p,
#page12 > p,
#page9LHunter > p  {
    margin-bottom: 20px;
    opacity: 0.4;
}

#page10 > h3,
#page11 > h3,
#page12 > h3 { margin-bottom: 15px; }

#firstname { margin-right: 3%; }

.timeselect {
    margin-bottom: 10px;
    max-width: 21%;
    padding-left: 2%;
    text-align: left;
}

#trustlogos {
    max-width: 800px;
    margin: 0 auto;
    opacity: 0.8;
    transition: 0.3s;
    overflow: hidden;
}

#trustlogos img {
    max-width: 16.5%;
    float: left;
}

.testimonial {
    background: #fafafa url(../img/google2.png) no-repeat scroll left 3px bottom 8px / 110px auto;
    border-left: 10px solid rgb(255, 75, 75);
    border-radius: 20px 0;
    margin-top: 20px;
    padding: 20px;
}

.test2 {
    font-weight: bold;
    text-align: right;
}

.test1 > span {
    color: rgb(255, 75, 75);
    font-family: open sans;
    font-size: 24px;
    font-weight: bold;
}

.star {
    background: rgba(0, 0, 0, 0) url(../img/star.svg) no-repeat scroll 0 0;
    display: inline-block;
    height: 30px;
    margin: 0 5px 10px;
    width: 30px;
}

.stars {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#starthere {
    float: left;
    height: 70px;
    margin-left: -120px;
    position: relative;
    width: 120px;
}

#starthere img {
    width: 100%;
    height: auto;
}

#footerinner {
	width: 50%;
    max-width: 800px;
    margin: 0 auto;
    max-width: 90%;
}

#dafooter {
    padding: 28px;
}

#awards {
    text-align: center;
}

#awards img {
    margin: 10px 20px;
}

#dafooter h2 {
    color: #fafafa;
}

#dafooter p,
#dafooter p a {
    color: #888;
    font-size: 12px;
    line-height: 17px;
}

/*#page7 .redbutton {
    font-size: 14px;
    max-width: 31%;
}*/

#page7Hunter .redbutton, 
#page8lHunter .redbutton {
    width: 48%;
    max-width: 48%;
    font-size: 18px;
}

input { border:0; }
input:focus { outline: 0; }

#page2,
#page3,
#page4,
#page5,
#page6,
#page7,
#page8,
#page9,
#page10,
#page11,
#page12,
#warningpostcode,
#warningname,
#warningemail,
#warningphone, 
#page7Hunter,
#warningtownLHunter,
#warningpostcodeLHunter, 
#page8lHunter, 
#warningnameLHunter, 
#page9LHunter, 
#warningdob, 
#page8lHunterTitle, 
#page7Over, 
#page4Over,
#page13,
#page41,
#page42{
    display: none;
}

.formStep {
    position: relative;
    z-index: 1;
	/*display: block;*/
	display: inline-block;
    width: 100%;
}

.formStepModal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .6);
    display: none;
}

.mr, .mrs, .mss, .ms, .other {
	width: 18%;
}

/* Load */
#loader{
    width:100%;
    height:100%;
    background-color:rgba(225,225,225,0.8);
    position:fixed;
    top:0px;
    left:0px;
    z-index:9999;
    display:none;
}
#loader .loaderMsg{
    width:60%;
    padding:30px;
    text-align:center;
    font-size:2em;
    margin:30px auto;
    background-color:#ffffff;
}
#loader .inner{
    width:100px;
    height:100px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-50px;
    margin-top:-50px;
}

.yourCoverFor, 
.YouFstName {
    color: #389edb;
}

.page8lHunterTitle {
	margin-top: 10px;
}

/* Funeral */
#postcodeFuneral {
    display: table;
    width: 77% !important;
    text-align: left !important;
    margin-bottom: 0 !important;
	background: transparent;
}

#page2F, 
#page3F, 
#page4F, 
#page5F, 
#page6F, 
#page7F, 
#page8F, 
#page9F, 
#page10F {
    display: none;
}

.mr, .mrs, .mss, .ms, .other {
    width: 18%;
}

.demo {
    font-family: Menlo, Monaco, "Courier New", Courier;
    position: relative;
    margin: 50px auto;
    width: 320px;
    background-color: #2d2d2d;
    color: #ccc;
    border-radius: 6px;
    padding: 0 20px;
    box-shadow: rgba(0, 0, 0, .2)1px 1px 8px
}

.demo .desktop-alert {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 20px
}

.demo .desktop-alert .button {
    color: #333;
    display: block;
    text-align: center;
    margin-top: 16px;
    padding: 6px 10px;
    background-color: #ccc;
    border-radius: 3px
}

.demo .content {
    font-size: 16px;
    font-weight: 200;
    line-height: 30px;
    padding-bottom: 20px
}

.demo .info {
    list-style-type: none;
    text-align: right;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 12px;
    line-height: 12px;
    color: #777;
    padding: 0;
    margin: 0
}

.demo .info li {
    padding-bottom: 10px
}

.demo h1 {
    padding: 18px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px
}

.demo h1 a {
    color: #ccc
}

.demo h1 a:hover {
    color: #fff
}

.demo h2 {
    font-size: 18px
}

.demo div.indent {
    margin-left: 20px
}

.demo .string {
    color: #9c9
}

.demo .function {
    color: #69c
}

.demo .less {
    color: #999
}

.demo .yellow {
    color: #fc6
}

.demo .equal {
    padding: 0 16px 0 12px
}

.demo .value {
    font-weight: 700;
    color: #f99157
}

.demo .value.number {
    color: #f2777a
}

.demo .value.boolean {
    color: #c9c
}

.demo .value.string {
    color: #ff0
}

.demo .spacer {
    width: 70%;
    margin: 10px 0;
    text-align: center;
    border-top: 1px solid #999
}

.legend {
    margin: -32px auto 50px auto;
    width: 360px;
    font-size: 12px;
    list-style-type: none;
    color: #777
}

.legend li {
    margin-left: 20px;
    margin-bottom: 4px
}

.legend .square {
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid #2d2d2d;
    float: left;
    margin-top: 1px;
    margin-right: 4px
}

.legend .label {
    display: block;
    overflow: hidden
}

.legend .orange .square {
    background: #f99157
}

.legend .purple .square {
    background: #c9c
}

.legend .red .square {
    background: #f2777a
}

.cf:after,
.cf:before {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.RunDrops {
	display: none;
}


/* Health Cover Scout */

#healthpage2, 
#healthpage3, 
#healthpage4, 
#healthpage5, 
#healthpage6, 
#healthpage7, 
#healthpage8, 
#healthpage9, 
#healthpage10 {
    display: none;
}

.namerHHunter {
    width: 43%;
    height: 44px;
    font-size: 22px;
    color: rgb(255, 75, 75);
    /*line-height: 60px;*/
    padding-left: 40px;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    display: block;
    margin: 0 auto;
    float: left;
}

#addressHelth {
    height: 44px;
    font-size: 22px;
    /*line-height: 60px;*/
    padding-left: 40px;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    display: block;
    margin: 0 auto;
    width: 80%;
	background: transparent;
}


/* Income */

.page1Income {
    width: 31.3%;
    font-size: 14px;
    text-align: left;
    padding-left: 13px;
    box-sizing: border-box;
}

.page2Income {
    width: 31.3%;
    font-size: 13px;
    margin-bottom: 7px;
}

#page1In, 
#page2In {
    padding-left: 15px;
    padding-right: 15px;
}

#page1In .page1Income:first-of-type, 
#page1In .page1Income:last-of-type {
    text-align: center;
    padding-left: 0;
} 

#page2In .page2Income:nth-of-type(4), 
#page2In .page2Income:nth-of-type(5), 
#page2In .page2Income:nth-of-type(6) { margin-bottom: 0; }

#page2In .page2Income:nth-of-type(4) {
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
}

#page2In, 
#page3In, 
#page4In, 
#page5In, 
#page6In, 
#page7In, 
#page8In, 
#page9In, 
#page10In, 
#page11In, 
#page12In, 
#page13In, 
#page14In {
    display: none;
}

#page3In input, 
#page4In input {
    text-align: center;
    font-size: 28px;
   /* color: rgb(255, 75, 75) !important; */
    margin-bottom: 15px;
    width: 100%;
    font-weight: 300 !important;
    font-family: 'Roboto';
    background-color: #fafafa;
}

/* PopUp Form */
#page1PopUp {
	float: none;
}
#page2PopUp, 
#page3PopUp, 
#page4PopUp, 
#page5PopUp, 
#page6PopUp {
    display: none;
	float: none;
}

.phonenumbeFpopUp {
    width: 46% !important;
    float: left;
}

#page4PopUp .namerFPopUp {
	width: 48.5% !important;
}
#page6PopUp .phonenumbeFpopUp {
	width: 48% !important;
}

.modal .formpage {
	background: transparent;
}

#page5PopUp h3, #page6PopUp h3 {
	margin-bottom: 4px;
}

#page4PopUp #firstname {
	margin-left: 6%;
}

#page6PopUp #phonenumberLandFuneral {
	margin-left: 40px !important;
}


/* Mortgage New */
#page2Mh, 
#page3Mh, 
#page4Mh, 
#page5Mh, 
#page6Mh, 
#page7Mh, 
#page8Mh, 
#page9Mh, 
#page10Mh, 
#page11Mh, 
#page12Mh, 
#page13Mh, 
#page14Mh { display: none }

.page1Mh, 
.page4Mh, 
.page8Mh, 
.page9Mh, 
.page10Mh {
    width: 24.45%;
    font-size: 14px;
    /* padding-left: 17px; 
    margin: 2px;*/
	padding-left: 2%;
	margin: 0.27%;
    text-align: left;
    box-sizing: border-box;
}

.page4Mh {
    padding-left: 9px;
	width: 49.3%;
}

.page8Mh {
    width: 32.79%; /* 19.46% */
}

.page9Mh, 
.page10Mh {
    width: 32.75%;
    text-align: center;
}

/*.mortagageAlignCenter {
    padding-left: 35px;
}*/

#page2Mh input, 
#page3Mh input, 
#page2IS input {
    text-align: center;
    font-size: 28px;
    margin-bottom: 15px;
    width: 100%;
    font-weight: 300 !important;
    background-color: #fafafa;
}

.nameMortgage, .nameIsaSmart {
    width: 43%;
    height: 44px;
    font-size: 22px;
    /*line-height: 60px;*/
    padding-left: 40px;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    float: left;
	background: transparent;
}

.titleMortgage {
    width: 17%;
    margin-right: 20px;
    margin-top: 3px;
    padding-left: 42px;
    display: initial;
    height: 44px;
    font-size: 18px;
    /*line-height: 60px;*/
    border-color: currentcolor currentcolor rgb(255, 75, 75);
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    float: left;
}

.titleMortgage:focus { outline: 0 }

#warningNameMortgage {
    position: relative;
    top: 12px;
    font-size: 14px;
    opacity: 0.7;
    display: none;
}

/* Animation
.GoTop {
	animation: GoTop .2s 1 forwards;
	-webkit-animation: GoTop .2s 1 forwards;
	-moz-animation: GoTop .2s 1 forwards;
}

@keyframes GoTop {
	0% { top: 0 }
	100% { top: -240px }
}

@-webkit-keyframes GoTop {
	0% { top: 0 }
	100% { top: -240px }
}

@-moz-keyframes GoTop {
	0% { top: 0 }
	100% { top: -240px }
} */

.centro.page4Mh,
.centro.page10Mh{
    width: 50%;
    margin: 30px auto 0;
    float: none;
	text-align:center;
	font-size:18px;
}


/* ISA Smart Hunter */
#page2IS, 
#page3IS, 
#page4IS, 
#page5IS, 
#page6IS {
    display: none;
}
 
.page2IS, 
.page3IS, 
.page4IS, 
.page5IS, 
.page6IS {
    position: relative;
    margin: auto;
    float: none;
}

.page2IS, 
.page3IS, 
.page4IS, 
.page5IS, 
.page6IS {
    margin: 25px auto 0;
}

.stopBtn {
    background: #ddd !important;
    pointer-events: none;
}

#page3IS .addressIsa, 
#page6IS .contIsa {
    height: 44px;
    font-size: 19px;
    color: rgb(255, 75, 75);
    line-height: 60px;
    padding: 4px;
    border-color: currentcolor currentcolor rgb(255, 75, 75);
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
}

#page3IS h3, 
#page6IS h3 {
    text-align: left;
    font-size: 30px;
    font-weight: 300;
    color: #222;
    margin-bottom: 12px;
    padding-left: 3px;
}

.formIsa {
    width: 31%;
    display: inline-block;
    margin: 0.95%; /* 7px */
}

.formIsa select {
    width: 100%;
}

/* Home Hunter */
#bhome2, 
#bhome3, 
#bhome4, 
#bhome5, 
#bhome6, 
#bhome7,
#bhome8{

    display: none;
}

.bhom2, 
.bhom5 {
    width: 24.4%;
    font-size: 14px;
    margin: 0.3%;
}

.bhome5 {
    width: 19.4%;
}

#bhome3 #postcodeHomeHunter, 
#bhome2 #addressLine1, 
#bhome2 #city, 
#firstName, 
#lastName, 
#bhome6 #email, 
#landLinePhone, 
#mobilePhone {
    display: initial;
    width: 100%;
    height: 44px;
    font-size: 22px;
    line-height: 60px;
    padding-left: 40px;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    margin: 0 auto;
    box-sizing: border-box;
}

#addressLine1, #city {
	background: transparent;
}

.formBlk {
    width: 47.8%;
    display: inline-block;
    margin: 7px;
    margin-top: 0;
    margin-bottom: 0;
}


/* ------------------------------ call to action block ------------------------*/

.ctaBlock {
	position:fixed;
	top:5%;
	right:-300px;
	width:300px;
	height:100px;
	font-size:30px;
	color:white;
}

.ctaBlock p{
	 line-height: auto; 
     margin-bottom: 0; 
}


/* Equity */
#escout1 input, 
#escout2 input {
    text-align: center;
    font-size: 28px;
    margin-bottom: 15px;
    width: 100%;
    font-weight: 300 !important;
}

input {
    background: transparent;
}

#escout2, 
#escout3, 
#escout4, 
#escout5, 
#escout6, 
#escout7, 
#escout8, 
#escout9, 
#escout10, 
#escout11 {
    display: none;
}
.mr, 
.Mrs, 
.miss {
    width: 18%;
}


.addressNum:before {
    content: '\e800';
    font-family: Linearicons-Free;
    color: #ccc;
    position: absolute;
    left: 20px;
    font-size: 27px;
    top: 8px;
}
.address:before {
    content: '\e800';
    font-family: Linearicons-Free;
    color: #ccc;
    position: absolute;
    left: 20px;
    font-size: 27px;
    top: 8px;
}
.postcode:before {
    content: '\e800';
    font-family: Linearicons-Free;
    color: #ccc;
    position: absolute;
    left: 20px;
    font-size: 27px;
    top: 8px;
}
#theCounty{
	font-weight:500;
	text-transform:uppercase;
}

.popUpContainer{
	width:100%;
	display:none;
	margin-top: 15px;
}

.popUpBox {
	position: relative;
	background: #ffffff;
	border: 1px solid #d4d4d4;
	padding:20px
}
.popUpBox:after, .popUpBox:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.popUpBox:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.popUpBox:before {
	border-color: rgba(212, 212, 212, 0);
	border-bottom-color: #d4d4d4;
	border-width: 11px;
	margin-left: -11px;
}
#discPopBtn{
	cursor: pointer;
	text-decoration:underline;
}

#closeBtn{
	position: absolute;
    right: 6px;
    top: 5px;
	cursor: pointer;
	z-index:10;
}
.noCopy{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

.iconRow i{
    max-width: 65px;
    text-align: center;
    display: block;
    margin: auto;
}

.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5 {
    width: 20%;
    float: left;
}

@media (min-width: 767px) {
    .col-sm-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5 {
        width: 20%;
        float: left;
    }
}
@media screen and (max-width: 599px) {
	h1 {
		font-size: 22px;
		margin-bottom: 18px;
	}
    .iconRow i{
		max-width: 100%;
		width:30%;
		display: block;
		margin: auto;
	}
	.iconRow p {
		width:70%;
		text-align: left;
		line-height: 10px;
	}
	.iconRow i img{
		width:100%;
		max-height: 30px;
	}
	.col-xs-5,
	.col-sm-5,
	.col-md-5,
	.col-lg-5{
		display:flex;
	}
}