/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input,select{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

@font-face {font-family:'brodings';src:url("../fonts/brodings.eot");src:url("../fonts/brodings.eot?#iefix") format("embedded-opentype"),url("../fonts/brodings.svg#brodings") format("svg"),url("../fonts/brodings.woff") format("woff"),url("../fonts/brodings.ttf") format("truetype");font-weight:normal;font-style:normal;}

/* > > > > HTML ELEMENETS */

body{background-color: white;margin:0;line-height: 21px;line-height: 2.1rem; padding-left: 8px;padding-right: 8px;}
body,input,textarea,select,option{font-family: "Lato",Helvetica,Arial,sans-serif; font-size:1.4rem;}
input[type='text'],input[type='tel'],input[type='email'],textarea,select{color: #313437;font-size: 16px;font-size: 1.6rem;padding: 8px 10px;width: 100%;}
h1{font-size: 3.2rem;color:#41738C;font-weight: 700;}
h2{font-size: 2.6rem;color:#41738C;font-weight: 700;}
h3{font-size: 2.2rem;color:#41738C;font-weight: 400;}
h4{font-size: 1.7rem;color:#41738C;font-weight: 400;}
h5{font-size: 1.5rem;color:#41738C;font-weight: 700;}

ol,ul {list-style: none;padding:0;}
blockquote {margin:0; font-size:14px; border-left:none;}
fieldset{border:1px solid #5598c6;margin-bottom:12px;padding:0 12px 8px 12px;}
legend{width:auto !important;margin-bottom:0;padding:0 10px;border-bottom:none;color:#5598c6;font-size:1.7rem;font-weight:700; }
a:hover, a:focus {color:#00F;text-decoration:none;}
.label { font-size:100% !important; }

/* bootstrap problem that causes flicker when trying to select items from a select (dropdown) element in Safari/WebKit
 https://github.com/twbs/bootstrap/issues/19865 
 WORKAROUND: Prevent the transition */
.form-control { transition: none; }

/* Hide HTML5 Up and Down arrows on number inputs - confuses users, especially on Construction Year (they press up for >1000 years) */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
input[type="number"] {-moz-appearance: textfield;}


/* > > > > > CLASSES */
.screen-reader-text {left: -9999px;position: absolute;top: -9999px;}
.hidden {display:none !important;}
.clear {clear:both}

.wizard{}
.wizard-nav { margin-top:20px; margin-bottom:20px; }
.wizard-nav-buttons { float:right; padding-top:3px; padding-left:3px; }

/* > > > > > > PAGE STRUCTURE  */
.banner {
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    position: relative;
    min-height: 55px;
    height: 55px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    background-image: linear-gradient(to bottom,#f8f8f8 0,#f0f0f0 100%); 
}
.banner .brand img {height:44px;width:110px;float:left !important;margin:4px 12px;vertical-align:middle;}
.banner .contact {color:#7BAFD3;float:right!important;margin:8px 12px;text-align:right;}
.banner .contact strong.tel{font-size:2.7rem;font-weight:900;text-align:right;}
.banner .contact span.tel {font-size:2rem;margin-right:8px;display:inline;}
.banner .contact strong.tel:after{content: "";display: table;}
.banner .contact span {display:block;margin-top: -6px;}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    max-width: 1280px;
}
/* progress breadcrumb */
ol.prog{position:relative;top:-20px;}
ol.prog li{float:left;text-align:center;width:33.3%;}
ol.prog li:first-child {width:16.6%;text-align:left;}
ol.prog li:last-child {width:16.6%;text-align:right;}

.question:before{content:"";display:table;}
.question{zoom:1;}
.question:after{content:"";display:table;clear:both;}
.question-label{margin-top:18px;display:block}


.hint--help {
  background: url(../img/icon--help.png) no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  line-height: 2.4;
  margin: 0 0 2px 4px;
  text-indent: -9999px;
  vertical-align: -6px;
  width: 24px;
}
.hint--help:hover {opacity: 0.6;}
.help {background: #D7E1E8; margin-top:10px; padding:15px 20px;}
.help h6 {color: #41738C;font-size:16px; font-size:1.6rem; font-weight:700;}
.well.highlight {background: #D7E1E8; margin-top:10px; padding:15px 20px;}

.list-group-item {padding:5px 2px;}

#manualInputSwitchPremises {padding-top: 10px; padding-bottom: 15px;}
#manualInputSwitch {padding-top: 10px; padding-bottom: 15px;}
.manualSwitch {text-decoration:underline; cursor:pointer;}

#txtAddInfo {resize: none;}

/*  > > > > > > > CONTROLS */
/* http://blog.karenmenezes.com/2014/nov/1/another-pure-css-checkbox-article/ */
.checkbox-custom, .radio-custom {opacity: 0;position: absolute;}
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {display: inline-block;vertical-align: middle;margin: 5px;cursor: pointer;}
.checkbox-custom-label, .radio-custom-label {position: relative;}
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}
.checkbox-custom:checked + .checkbox-custom-label:before {background: #eb9316; /* orange */box-shadow: inset 0px 0px 0px 4px #fff;}
.radio-custom + .radio-custom-label:before {border-radius: 50%;}
.radio-custom:checked + .radio-custom-label:before {background: #f90;box-shadow: inset 0px 0px 0px 4px #fff;}
.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {outline: 1px solid #ddd; /* focus style */}

.btn--radio {border:0; border-radius:4px; color:#FFF; cursor:pointer; display:inline-block; font-weight:900; line-height:19px;line-height: 1.9rem;margin: 4px 0;padding: 12px 12px;position: relative;text-align:center; text-decoration:none; text-shadow:0 1px 0 rgba(0,0,0,0.1); text-transform:uppercase;}
.btn--radio:hover,.btn--radio:active {color: #FFF;margin-bottom: 2px;}
.btn--radio span {display: block;}
.btn--radio {font-size:16px; font-size:1.6rem; background:#41738C; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 3px 0 #294858,0 3px 3px rgba(0,0,0,0.5); float:left; margin-right:10px; padding-left:20px; padding-right:20px; position:relative;}
.btn--radio:hover,.btn--radio:active {box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 0 #294858,0 1px 1px rgba(0,0,0,0.5);margin-top: 6px;}
.btn--radio:not(.btn--radio--icons):not(.btn--radio--group) {padding-left: 42px;}
.btn--radio:not(.btn--radio--icons):not(.btn--radio--group):before {background:#FFF;border:5px solid #FFF;border-radius:50%;content:" ";height:20px;left:12px;margin-top:-9px;position:absolute;top:50%;width:20px;}
.btn--radio--selected {background: #E98F27;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 3px 0 #b16812,0 3px 3px rgba(0,0,0,0.5);}
.btn--radio--selected:hover,.btn--radio--selected:active {box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 0 #b16812,0 1px 1px rgba(0,0,0,0.5);}
.btn--radio--selected:not(.btn--radio--icons):not(.btn--radio--group):before {background: #E98F27;}
.btn--radio--icons {background-position: center 20px;background-repeat:no-repeat;padding-top: 80px;}
.btn--radio--group {background-position: center 20px;background-repeat:no-repeat;border-radius:0;margin-right:0;}

.btn--buildingsandcontents {background-image: url(../img/icon--buildingsandcontents.svg); width:32%; }
.btn--buildingscover {background-image: url(../img/icon--buildingsonly.svg); width:31%; }
.btn--contentscover {background-image: url(../img/icon--contentsonly.svg); width:31%; }

.btn--unitedkingdom {background-image: url(../img/icon--unitedkingdom.png); width:23%;}
.btn--france {background-image: url(../img/icon--france.png); width:17%;}
.btn--spain {background-image: url(../img/icon--spain.png); width:17%;}
.btn--portugal {background-image: url(../img/icon--portugal.png); width:17%;}
.btn--italy {background-image: url(../img/icon--italy.png); width:17%;}

.errorblock { margin-bottom:18px;}
/* show any spans (bootstrap alerts) elements as block */
span.errormargins[style*="display:inline"],span.errormargins[style*="display: inline"]{
    display:block !important;
}

.force-uppercase { text-transform: uppercase; }
.force-lowercase { text-transform: lowercase; }

/*  >>>>>>>>>>>>>>>>>>>> DATEPICKER */
.ui-datepicker { background-color: #fff; border: 1px solid #66AFE9; border-radius: 4px; box-shadow: 0 0 8px rgba(102,175,233,.6); display: none; margin-top: 4px; padding: 10px; width: 220px; }
.ui-datepicker a,
.ui-datepicker a:hover { text-decoration: none; }
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #2A6496;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; }
.ui-datepicker .ui-datepicker-title { font-weight: 700; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { cursor: default; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 20px; line-height: 1; margin-top: 2px;	width: 30px; }
.ui-datepicker .ui-datepicker-prev { float: left; text-align: left; }
.ui-datepicker .ui-datepicker-next { float: right; text-align: right; }
.ui-datepicker .ui-datepicker-prev:before { content: "\e079"; }
.ui-datepicker .ui-datepicker-next:before { content: "\e080"; }
.ui-datepicker .ui-icon { display: none; }
.ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; }
.ui-datepicker .ui-datepicker-calendar th, 
.ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 2px 0; }
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 2px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; }
.ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; }
.ui-datepicker .ui-datepicker-current-day { background-color: #4289cc; }
.ui-datepicker .ui-datepicker-current-day a { color: #fff }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; }
.ui-datepicker-today {border:1px solid #4289cc !important;}
.ui-datepicker-unselectable,.ui-state-disabled {color:#d8d8d8 !important;}
select.ui-datepicker-month, select.ui-datepicker-year{font-size:1.3rem; padding:4px 2px 4px 2px; }
.ui-datepicker-title {border-bottom: 1px solid #dddddd;margin-top:4px;}
.ui-datepicker-buttonpane{border-top: 1px solid #dddddd;padding-top:4px;}
.ui-datepicker-other-month {}
.ui-datepicker-other-month a{color:#555555 !important; font-style:italic}

/* The ValidationSummary control list each field that failed validation, but we just want to show the HeaderText 
    This hack hides the BulletList and just shows the header text saying "Errors on the page"
    https://www.codeproject.com/tips/72380/validationsummary-showing-header-text-headertext-o
*/
.validation-summary ul{ display:none; }


/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }


/*  >>>>>>>>>>>>>>>>>>>> SIDEBAR */

.sidebar__prefercall {width:300px !important; background:#41738C;border-radius:4px;color:#FFF;display:block;padding:12px 12px 9px 12px;text-decoration:none; line-height:1.2rem;margin-top:10px;margin-bottom:30px;}
.sidebar__prefercall__line1 {font-size: 24px;font-size: 2.4rem;font-weight: 900;}
.sidebar__prefercall__line2 {font-size: 18px;font-size: 1.8rem;padding-top: 3px;}
.sidebar__prefercall__line3 {font-size: 16px;font-size: 1.6rem;font-weight: 700;line-height: 18px;line-height: 1.8rem;padding-top: 6px;}
.sidebar__prefercall a {color: #FFF;}

.sidebar__testimonials {width:300px; margin-top: 30px;}
.sidebar__testimonials blockquote {background: #D7E1E8;padding: 14px 16px 16px;margin-top: 10px;}
.sidebar__testimonials h6,.h3 {font-size: 18px;font-size: 1.8rem;line-height: 24px;line-height: 2.4rem;}

.sidebar__lloyds {width:300px; margin-top:30px; max-width: 100%;}

.feefo--sidebar {margin-top: 35px; width:300px;}
.feefo {background: #424243;border-radius: 4px;display: block;font-size: 18px;font-size: 1.8rem;font-weight: 700;padding: 10px;text-align: center;text-decoration: none;}
.feefo span {display: block;}
.feefo__starrating {background: url(../img/feefo--stars--blank.svg) top left no-repeat;height: 34px;margin: 6px auto;max-width: 100%;width: 198px;}
.no-svg .feefo__starrating {background-image: url(../img/feefo--stars--blank.png);}
.feefo__starrating span {background: url(../img/feefo--stars.svg) top left no-repeat;height: 100%;}
.no-svg .feefo__starrating span {background-image: url(/inc/img/feefo--stars.png);}
.feefo__independent {color: #FFF;line-height: 22px;line-height: 2.2rem;padding: 8px 40px 14px 40px;}
.feefo__reviews {background: #FFF;color: #424243;padding: 9px 10px 10px 10px;}
.feefo img {margin: 18px 0 3px 0;}
.feefo--gold--1 {position: relative;}
.feefo--gold--1--wrap {background: #F2F2F2;padding: 25px 0;}
.feefo--gold--1__percent {background: url(../img/feefo--percentbkg.png) center no-repeat;color: #FFDD00;display: inline-block;font-size: 12px;font-size: 1.2rem;height: 150px;font-weight: 700;overflow: hidden;padding: 24px 0;text-align: center;text-decoration: none;text-shadow: 0 0 2px rgba(0,0,0,0.4);width: 100px;}
.feefo--gold--1__percent:hover {color: #FFDD00;opacity: 0.8;}
.feefo--gold--1__percent p:first-child {color: #FFF;font-size: 16px;font-size: 1.6rem;font-weight: 900;text-shadow: 0 0 2px rgba(0,0,0,0.8);}
.feefo--gold--1__percent span {display: block;font-size: 24px;font-size: 2.4rem;}
.feefo--gold--1__percent strong {font-size: 48px;font-size: 4.8rem;}
.feefo--gold--1__percent p:last-child {line-height: 1.3;padding: 11px 20px 0 20px;}
.feefo--gold--1 h6 {background: #494545;color: #FFF;font-size: 18px;font-size: 1.8rem;font-weight: 700;margin: -25px -10px 25px -10px;padding: 8px 20px 9px 20px;text-align: center;}
.feefo--gold--1 blockquote {font-size: 16px;font-size: 1.6rem;font-style: italic;line-height: 1.5;padding: 0 60px;position: relative;text-align: center;}
.feefo--gold--1 blockquote:before,.feefo--gold--1 blockquote:after {content: " ";height: 36px;position: absolute;width: 44px;}
.feefo--gold--1 blockquote:before {background: url(../img/icon--quoteopen--feefo.svg) center/cover no-repeat;left: 0;top: -6px;}
.feefo--gold--1 blockquote:after {background: url(../img/icon--quoteclose--feefo.svg) center/cover no-repeat;bottom: -6px;right: 0;}
.feefo--gold--2 {background:#F2F2F2; color:#494545; display:block; padding:10px 80px 10px 10px; position:relative; text-decoration:none; zoom:1;}
.feefo--gold--2:before,.feefo--gold--2:after {content: "";display: table;}
.feefo--gold--2:after {clear: both;}
.feefo--gold--2 img {float: right;margin-right: -120px;}
.feefo--gold--2 h6 {background: #494545;color: #FFF;font-size: 18px;font-size: 1.8rem;font-weight: 700;margin: -10px 0 10px -10px;padding: 8px 10px 9px 10px;}
.feefo--gold--2 p {font-style: italic;margin-bottom: 10px;}
.feefo--gold--2 p strong {font-weight: 700;}
.feefo--gold--2 p span {font-size: 1.4em;padding-bottom: 5px;}
.feefo--gold--2 a {font-size:16px; font-size:1.6rem; background: #FFDD00;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 3px 0 #b39b00,0 3px 3px rgba(0,0,0,0.5); border:0; border-radius:4px; color:#494545; cursor:pointer; display:inline-block; font-weight:900; line-height:19px; line-height:1.9rem; margin:4px 0; padding:12px 12px; position: relative; text-align:center; text-decoration:none; text-shadow:0 1px 0 rgba(0,0,0,0.1); text-transform:uppercase;}
.feefo--gold--2 a:hover,.feefo--gold--2 a:active {box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 0 #b39b00,0 1px 1px rgba(0,0,0,0.5);color: #494545;margin-top: 6px;margin-bottom: 2px;}
.feefo--gold--2--content {margin-top: 20px;}

/* <<<<<<<<<<<<<<<<<<<<<<<<< SIDEBAR */


@media screen and (min-width: 1320px) {
}
@media screen and (min-width: 791px) {
}
@media screen and (max-width: 990px) {
    /* get the row that is a direct sibling of the progress-breadcrumb */
    .progress-breadcrumb + .row{padding:8px;}
    .sidebar__prefercall {width: 100% !important; float:none;}
    .sidebar__lloyds {width: 100% !important;}
    .sidebar__testimonials {width: 100% !important;margin-top: 30px;}
    .feefo--sidebar {width:100%;}
}
@media screen and (max-width: 768px) {
    .nav-wrap{padding:0;}
    .banner .contact strong.tel{font-size:1.7rem;font-weight:400;}
    .banner .contact span.tel{display:none}

	.btn--buildingsandcontents{display:block; float:none; width:100%}
	.btn--buildingscover{display:block; float:none; width:100%}
	.btn--contentscover{display:block; float:none; width:100%}

	.btn--unitedkingdom {display:block; float:none; width:100%}
	.btn--france {display:block; float:none; width:100%}
	.btn--spain {display:block; float:none; width:100%}
	.btn--portugal {display:block; float:none; width:100%}
	.btn--italy {display:block; float:none; width:100%}

    .progress-breadcrumb {font-size:1.3rem;}
    .form-group{margin-bottom:10px;}
}
@media screen and (max-width: 479px) {
    h1 {font-size:2.2rem;}
    h2{font-size: 1.9rem;}
    h3{font-size: 1.7rem;}
    h4{font-size: 1.3rem;}

    .btn--radio--group {display:block; float:none; width:100%;}
    .btn--radio--no--icon--vertical.btn--radio:not(.btn--radio--icons):not(.btn--radio--group) {display:block; float:none; width:100%;padding-left:0;}
    .btn--radio--no--icon--vertical.btn--radio:not(.btn--radio--icons):not(.btn--radio--group):before {border:0;}
    .btn--radio--no--icon--vertical.btn--radio:not(.btn--radio--icons):not(.btn--radio--group):not(.btn--radio--selected):before {border:0px; background:#41738C;}
}