*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 10px;
}
body .is-layout-constrained>* {
max-width: 1350px;
}
.bolier_list {
display: flex;
align-items: flex-start;
border-bottom: solid 1px #d3d3d3;
}
.boiler_content h2 {
margin-top: 0;
margin-bottom: 15px;
color: #2C2C2C;
font-size: 20px;
font-weight: 700;
letter-spacing: 4.6px;
text-transform: capitalize;
}
.boiler_content p {
margin-bottom: 1.75em;
color: #424242;
}
.boiler_content p:last-child {
margin-bottom: 0;
}
.boiler_content ul {
list-style-position: inside;
color: #424242;
}
.boiler_content ul li::marker {
font-size: 25px;
line-height: 35px;
}
.boiler_content a {
text-decoration: none;
}
.bolier_image {
width: 35.652%;
padding: 1rem;
}
.boiler_content {
width: 42.744%;
padding: 2rem;
}
.book_appoiment {
padding: 2rem;
width: 32.603%;
text-align: center;
}
.book_appoiment .fa,
.book_appoiment .fas {
margin-right: 8px;
}
.bolier_image img {
height: auto;
width: 100%;
}
.book_appoiment .product_price span {
display: block;
font-size: 3rem;
font-weight: 700;
margin-bottom: 0px;
line-height: 1;
}
.book_appoiment .vat p {
margin: 0;
}
.book_appoiment .vat>span {
margin-top: 20px;
display: inline-block;
margin-bottom: 0;
}
.model-info {
font-size: 26px;
font-weight: 600;
padding-bottom: 10px;
}
.bolier_list .model-info {
margin: 0 -4px;
font-family: var(--nk-head-font);
}
.bolier_list .model-info>span {
margin: 0 4px;
display: inline-block;
width: 100%;
font-weight: 500;
font-size: 24px;
line-height: 1.5;
}
.book_appoiment .vat {
margin-bottom: 30px;
position: relative;
display: inline-block;
}
.book_appoiment span {
display: block;
}
.book_appoiment-title {
font-size: 20px;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: solid 1px var(--nk-color-base);
font-weight: 700;
color: #3f3f3f;
font-family: var(--nk-head-font);
}
.boiler-survey-form {
max-width: 550px;
margin: 0 auto;
}
.boiler-survey-form label {
margin-bottom: 10px;
display: block;
margin-top: 10px;
}
.sticky_form.boiler_survey_form span.wpcf7-spinner {
display: none;
}
.general-info p:last-child {
width: 100%;
}
.general-info p,
.time-info p {
margin: 10px;
width: 100%;
}
.general-info,
.time-info {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.boiler-survey-form .general-info>p,
.boiler-survey-form .time-info>p {
margin: 0 0 16px 0;
}
.boiler-survey-form .general-info,
.boiler-survey-form .time-info {
gap: 0;
padding: 0 20px;
}
.general-info p input,
.general-info p textarea,
.time-info p input {
padding: 14px 20px;
width: 100%;
border: solid 1px #c3c3c3;
border-radius: 5px;
outline: none;
}
.time-info p select,
.time-info p input {
font-size: 14px;
padding: 14px 20px;
width: 100%;
border: solid 1px #c3c3c3;
border-radius: 5px;
color: rgba(195, 195, 195, 0.9);
outline: none;
cursor: pointer;
font-family: var(--nk-base-font);
}
.time-info p select {
appearance: none;
padding: 16px 20px;
}
.sec-quote-overview .progress {
background: #eaeaea;
border-radius: 20px;
height: 20px;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.sec-quote-overview .progress .progress-bar {
position: absolute;
border-radius: 32px;
height: 100%;
top: 0;
background-color: var(--nk-color-success);
transition: all 0.3s ease;
}
.sec-quote-overview .choice-row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
justify-content: center;
}
.sec-quote-overview .choice-row>.radio-wrapper {
display: block;
padding: 0 15px;
flex: 0 0 20%;
max-width: 20%;
margin-bottom: 20px;
}
.choice-row>.radio-wrapper label {
box-shadow: 5px 5px 21px 5px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border: 3px solid transparent;
border-radius: 1rem;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
text-align: center;
width: 100%;
height: 100%;
min-height: 200px;
transition: 0.4s;
padding: 30px;
justify-content: center;
cursor: pointer;
}
.choice-row>.radio-wrapper label img {
width: auto;
height: auto;
max-height: 72px;
margin-bottom: 10px;
}
.choice-row>.radio-wrapper input:checked+label,
.choice-row>.radio-wrapper label:hover {
border-color: var(--nk-color-success);
}
.choice-row>.radio-wrapper input {
position: absolute;
top: 0;
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.sec-quote-overview .tab-content-box .label_head h2 {
text-align: center;
color: var(--nk-color-success);
}
.sec-quote-overview .action-buttons {
text-align: center;
}
.sec-quote-overview .tab-content-box {
padding: 40px 20px;
}
.sec-quote-overview .tab-content-box .label_head {
margin-bottom: 35px;
}
.sec-quote-overview .action-buttons button {
color: #ffffff;
font-family: var(--nk-head-font);
font-size: 15px;
text-transform: uppercase;
font-style: normal;
letter-spacing: 0.1px;
line-height: normal;
background-color: var(--nk-color-success);
border: 1px solid var(--nk-color-success);
border-radius: 23px;
padding: 10px 24px;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
transition: all 0.5s;
min-width: 150px;
font-weight: 700;
}
.sec-quote-overview .action-buttons button:hover {
background-color: #FFFFFF;
border: 1px solid var(--nk-color-success);
color: var(--nk-color-success);
transition: all 0.5s;
}
section.property-detail-main .form-wrapper .step-last {
text-align: center;
padding: 50px;
font-weight: 700;
font-size: 22px;
}
section.property-detail-main .form-wrapper .step-last {
padding: 50px;
box-shadow: 5px 5px 21px 5px rgba(0, 0, 0, 0.1);
border-radius: 23px;
}
.sec-quote-overview.property-detail-main {
padding: 40px 0 40px;
text-align: center;
}
input.boiler_price_quotation_date_field {
display: inline-block;
position: relative;
}
input.boiler_price_quotation_date_field::-webkit-calendar-picker-indicator {
background: transparent;
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
} .bolier_list .bolier_image .boiler_main_image {
width: 100%;
margin-bottom: 10px;
}
.bolier_list .bolier_image .boiler_image_gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.bolier_list .bolier_image .boiler_image_gallery img {
width: 100%;
object-fit: contain;
height: 366px;
} .Feature_details {
width: min(calc(100% - 30px), 1180px);
margin: 30px auto 50px !important;
padding: 40px 15px;
box-shadow: #76b74114 0px 5px 50px;
border-radius: 15px;
border: 1px solid #76b7414a;
}
.Feature_details ~ .container{
margin-top: 50px;
}
.boiler_details_wrapper .boiler-heading h2 {
margin: 0 0 15px;
}
.Feature_title {
font-size: 20px;
line-height: 1.5;
text-align: center;
margin-bottom: 35px;
font-weight: 600;
font-family: var(--nk-head-font);
}
.Feature_details ul.Feature_list {
display: flex;
flex-wrap: wrap;
padding: 0;
justify-content: center;
}
.Feature_details ul.Feature_list li.list_details_wrapper {
display: flex;
margin: 0 17px 17px;
}
.Feature_details ul.Feature_list li.list_details_wrapper img {
width: 20px;
object-fit: contain;
}
.Feature_details ul.Feature_list li.list_details_wrapper h4 {
margin: 0;
font-size: 14px;
font-weight: 600;
padding-left: 5px;
font-family: var(--nk-base-font);
}
.bolier_list .boiler_content ul,
.boiler-price-quotation-container ul {
list-style: none;
}
.bolier_list .boiler_content ul li,
.boiler-price-quotation-container ul li {
position: relative;
padding-left: 30px;
}
.bolier_list .boiler_content ul li::before,
.boiler-price-quotation-container ul li::before {
content: "";
background: url(//nkheatingsolutions.co.uk/wp-content/uploads/2022/06/green-tick-150x150-1.png);
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 5px;
}
.offer_details_inner {
max-width: 1360px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.offer_details_inner>div.offer_image {
flex: 0 0 40%;
max-width: 40%;
}
.offer_details_inner>div {
flex: 0 0 50%;
max-width: 50%;
padding: 0 15px;
}
.offer_details_wrapper {
background: rgb(0, 15, 63);
background: linear-gradient(90deg, rgba(0, 15, 63, 1) 40%, rgba(55, 155, 255, 0.8) 100%);
padding: 60px 0px;
}
.offer_contact_info a {
background: #ffc01b;
display: inline-block;
font-size: 18px;
color: #666;
font-weight: 700;
padding: 10px 28px;
border-radius: 11px;
transition: opacity 0.3s ease;
}
.offer_contact_info a:hover {
opacity: 0.7;
color: #666;
}
.offer_details_inner>div h2 {
color: #fff;
}
.sticky_form.wpb_column {
position: -webkit-sticky;
position: sticky;
top: 140px;
}
.boiler_details_wrap .boiler_image_gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px 0;
}
.boiler_details_wrap .boiler_image_gallery img {
width: 100%;
object-fit: contain;
height: 400px;
}
.boiler_details_wrap .boiler_image_gallery .slick-arrow::before {
color: var(--nk-color-primary);
}
.boiler_details_wrap .boiler_image_gallery .slick-arrow.slick-prev {
left: 5px;
z-index: 1;
}
.boiler_details_wrap .boiler_image_gallery .slick-arrow.slick-next {
right: 5px;
z-index: 1;
}
.boiler_details_wrap .boiler_image img {
width: 100%;
height: 450px;
object-fit: contain;
}
.boiler_details_wrap .boiler_image {
background: #f7f7f7;
}
.vc_row.form-wrapper.container {
display: flex;
justify-content: center;
}
.vc_row.form-wrapper.container .wpb_column:first-child { max-width: 66.66%;
}
.boiler_form .boiler-survey-form input.wpcf7-submit:hover {
background-color: #2b0000;
}
.vat a.finance_cal>span:not(.finance_cal_price) {
margin-right: 5px;
}
div.kanda-finance--wrapper #kanda-finance--deposit,
div.kanda-finance--wrapper #kanda-finance--loan {
position: relative;
}
div.kanda-finance--wrapper #kanda-finance--deposit .kanda-finance--list,
div.kanda-finance--wrapper #kanda-finance--loan .kanda-finance--list {
top: 100%;
}
.bolier_list .bolier_image .boiler_image_gallery .main-img {
box-shadow: rgba(100, 100, 111, 0.3) 0px 0px 18px 0px;
padding: 0;
margin: 15px;
} .no_boiler_contact_form .wpcf7 {
background: #ffb800;
padding: 15px 15px 30px;
max-width: 408px;
margin: 0 auto;
border-radius: 20px;
}
.no_boiler_contact_form {
padding: 0 0px 60px;
}
.no_boiler_contact_form .quoteform-div .form-group {
margin-bottom: 0;
flex: 0 0 100%;
max-width: 100%;
padding: 0 10px;
}
.no_boiler_contact_form .quoteform-div .form-group p{
margin-bottom: 0;
}
.no_boiler_contact_form .quoteform-div > p{
padding: 0 10px;
margin-bottom: 8px;
}
.no_boiler_contact_form .quoteform-div{
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.sec-quote-overview.property-detail-main .container > h2{
margin-top: 0;
}
.no_boiler_contact_form .quoteform-div .form-group.sendbutton{
flex: 0 0 100%;
max-width: 100%;
}
.no_boiler_contact_form input[type='email'], .no_boiler_contact_form input[type='text'], .no_boiler_contact_form input[type='search'], .no_boiler_contact_form input[type='tel'], .no_boiler_contact_form input[type='password'], 
.no_boiler_contact_form textarea {
padding: 0 10px 0 22px;
display: block;
width: 100%;
height: 42px;
font-size: 14px;
line-height: 42px;
color: #aeaeae;
background-color: #fff;
border: 1px solid #dbdbdb;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.no_boiler_contact_form .quoteform-div .form-group .wpcf7-form-control {
height: 40px;
border-radius: 0;
border-color: transparent;
padding: 0 15px;
color: var(--nk-color-base);
font-size: 16px;
font-family: var(--nk-base-font);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0%);
width: 100%;
background-color: #fff;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.no_boiler_contact_form .quoteform-div p span {
font-weight: 400;
color: #fff;
}
.no_boiler_contact_form .quoteform-div p span input[type="checkbox"], .no_boiler_contact_form .quoteform-div p span.wpcf7-list-item{
margin-left: 0;
}
.no_boiler_contact_form .quoteform-div .form-group.sendbutton {
position: relative;
}
.no_boiler_contact_form span.wpcf7-spinner{
display: none;
}
.no_boiler_contact_form .quoteform-div .form-group input.wpcf7-submit {
background-color: var(--nk-color-primary);
font-size: 24px!important;
height: 48px;
border: none;
color: #fff;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,50%);
-moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5);
box-shadow: 0px 5px 5px -5px rgba(0,0,0,50%);
border-radius: 10px;
}
.no_boiler_contact_form .quoteform-div .form-group input.wpcf7-submit:hover {
background-color: #2b0000;
}
.no_boiler_contact_form .container .no_boiler_contact_form_inner {
display: flex;
flex-wrap: wrap;
gap: 5px 0; padding: 35px;
border-radius: 20px;
border: 1px solid #76b7414a;
background: #fff;
box-shadow: #76b7410a 5px 5px 40px;
}
.no_boiler_contact_form .container .no_boiler_contact_form_inner > * {
flex: 0 0 50%;
max-width: 50%;
}
.no_boiler_contact_form .container .no_boiler_contact_form_inner > h4 {
margin: 0;
}
.no_boiler_contact_form .container .no_boiler_contact_form_inner > h4 p {
font-size: 18px;
margin-top: 0;
color: #3f3f3f;
}
.form_content p {
font-size: 18px;
}
.form_content_col {
display: flex;
align-items: center;
} .no_boiler_contact_form .container .no_boiler_contact_form_inner > *:last-child {
max-width: 405px;
margin: 0 0 0 auto;
}
.boiler_detail_content .model-info {
font-size: 22px;
padding-bottom: 6px;
padding-top: 6px;
}
.boiler_detail_content .model-info + h3, 
.boiler_detail_content .model-info + h3 * {
margin-top: 0;
font-family: var(--nk-base-font);
font-weight: 600;
}
.property-detail-main .container > h2 {
margin-top: 22px !important;
}
.step-form p {
margin: 0;
line-height: 1.2;
}
.step-form .step-form-contnet > div {
width: 100%;
}
.step-form .step-form-contnet > div:nth-child(1), .step-form .step-form-contnet > div:nth-child(3), 
.step-form .step-form-contnet > div:nth-child(2), .step-form .step-form-contnet > div:nth-child(4){
width: 50%;
display: inline-block;
padding: 0 5px;
}
.step-form .step-form-contnet > div:nth-child(2), .step-form .step-form-contnet > div:nth-child(4){
padding-right: 0;
}
.step-form .step-form-contnet > div:nth-child(1), .step-form .step-form-contnet > div:nth-child(3){
padding-left: 0;
}
div.step-form {
max-width: 720px;
margin: 0 auto;
}
.step-form-contnet {
display: flex;
flex-wrap: wrap;
}
.step-form > div input.wpcf7-text, .step-form > div textarea {
box-shadow: 5px 5px 21px 5px rgba(0, 0, 0, 0.1) !important;
background-color: #ffffff;
border: 2px solid transparent !important;
}
.step-form > div input.wpcf7-text:focus, .step-form > div textarea:focus {
border-color: var(--nk-color-success) !important;
}
div.step-form .step-form-heading {
padding: 5px 0 15px;
}
div.step-form .step-form-heading h2 {
padding-bottom: 5px;
margin: 0;
text-align: center;
}
section.property-detail-main .step-form .step-form-contnet > div.form-group label {
margin: 2px 0 0px 5px;
text-align: left;
}
div.step-form .step-form-heading > span {
display: block;
margin: 0 auto 10px;
text-align: center;
}
div.step-form .step-form-heading h2, 
div.step-form .step-form-heading p, 
div.step-form .step-form-heading > span i{
color: #fff;
}
div.step-form .step-form-heading > span i {
font-size: 70px;
}
.step-form .step-form-contnet > div.step-form-contnet-inner h3, .step-form .step-form-contnet > div.step-form-contnet-inner ul li, 
form .step-form-contnet > div.step-form-contnet-inner ul li span{
color: #fff;
}
.free-quick-quote-form-custom .step-form{
background: var(--nk-color-success);
border-radius: 20px;
padding: 25px 40px;
margin: 0 auto 25px;
}
.step-form .step-form-contnet .wpcf7-list-item .wpcf7-list-item-label, .step-form .step-form-contnet .wpcf7-list-item .wpcf7-list-item-label a {
color: #fff;
font-weight: 400;
font-size: 16px;
}
.step-form .step-form-contnet .wpcf7-list-item .wpcf7-list-item-label a {
text-decoration: underline;
}
.step-form .step-form-contnet .wpcf7-list-item input[type="checkbox"] {
margin-right: 5px;
}
.step-form .step-form-contnet .wpcf7-list-item {
padding: 15px 0;
margin-left: 0;
}
.step-form .step-form-contnet > div.step-form-contnet-inner {
padding: 5px 0 0;
}
.step-form .step-form-contnet > div.step-form-contnet-inner h3 {
margin: 0 0 10px;
}
.step-form .step-form-contnet p.form-footer-text {
display: block;
text-align: center;
width: 100%;
margin: 0 0 3px !important;
color: #fff;
}
.step-form .step-form-contnet > div.step-form-contnet-inner ul {
list-style: none;
padding: 0;
}
.step-form .step-form-contnet > div.step-form-contnet-inner ul li img{
width: 20px;
height: 20px;
margin-right: 6px;
display: inline-block;
-webkit-filter: invert(1) brightness(15);
filter: invert(1) brightness(15);
}
section.property-detail-main .form-wrapper .step-form .step-form-contnet select {
padding: 0 15px;
font-size: 14px;
border-radius: 8px;
box-shadow: 5px 5px 21px 5px rgba(0, 0, 0, 0.1) !important;
background-color: #ffffff;
}
@media only screen and (max-width:1199px) {
.book_appoiment,
.boiler_content,
.bolier_image {
padding: 1rem;
}
.book_appoiment span {
display: block; font-weight: 700;
margin-bottom: 10px;
}
.sec-quote-overview .choice-row>.radio-wrapper {
flex: 0 0 33.33%;
max-width: 33.33%;
}
}
@media only screen and (max-width:991px) {
.book_appoiment,
.boiler_content,
.bolier_image {
width: 100%;
}
.bolier_list {
flex-wrap: wrap;
}
.book_appoiment {
max-width: 400px;
margin: 0 auto;
}
.book_appoiment .product_price span {
font-size: 2.5rem;
}
.book_appoiment .vat {
margin-bottom: 20px;
}
.bolier_list {
padding: 30px 0;
}
.bolier_image { margin: 0 auto;
}
.boiler_content p {
margin-bottom: 0.75em;
}
.boiler_content h2 {
margin-bottom: 0;
}
.vc_row.form-wrapper.container {
flex-wrap: wrap;
}
.vc_row.form-wrapper.container .wpb_column:first-child {
width: 100%;
max-width: 100%;
}
.container + section.sec-quote-overview.property-detail-main {
padding: 10px 0 !important;
}
.sec-quote-overview.property-detail-main {
padding: 50px 0;
}
.no_boiler_contact_form .container .no_boiler_contact_form_inner > h4 {
text-align: center;
padding-right: 0;
}
.no_boiler_contact_form .container .no_boiler_contact_form_inner > * {
flex: 0 0 100%;
max-width: 700px;
margin-left: auto !important;
margin-right: auto !important;
}
.form_content p {
text-align: center;
}
}
@media only screen and (max-width:767px) {
.book_appoiment,
.boiler_content,
.bolier_image {
padding: 0.3px 0.7rem;
}
.form-wrapper.servey-bottom{
padding: 15px;
}
.boiler_content h3 {
margin-top: 0;
margin-bottom: 10px;
font-weight: 600;
color: #2C2C2C;
text-transform: capitalize;
font-size: 26px;
line-height: 30px;
}
.book_appoiment-title {
font-size: 18px;
}
.book_appoiment span {
display: block; font-weight: 700;
margin-bottom: 10px;
}
.book_appoiment .vat span {
margin-top: 0;
margin-bottom: 0;
}
.boiler_content ul li::marker {
font-size: 25px;
line-height: 28px;
}
.model-info {
font-size: 24px;
font-weight: 600;
padding-bottom: 10px;
}
.boiler_content h2 {
margin-bottom: 0;
font-size: 18px;
}
.book_appoiment .product_price span {
font-size: 2rem;
margin-bottom: 3px;
}
.bolier_image { margin: 0 auto 20px;
}
.model-info {
font-size: 22px;
font-weight: 600;
padding-bottom: 4px;
}
.form_content p,
.boiler_content p,
.boiler_content ul {
font-size: 16px;
}
.sec-quote-overview .choice-row>.radio-wrapper {
flex: 0 0 50%;
max-width: 50%;
padding: 0 7px;
margin-bottom: 12px;
}
.choice-row>.radio-wrapper label {
min-height: 140px;
font-size: 14px;
padding: 15px;
}
.sec-quote-overview .choice-row {
margin: 0 -7px;
}
.sec-quote-overview .tab-content-box {
padding: 25px 0px;
}
.general-info p textarea {
height: 130px;
}
.general-info p input,
.general-info p textarea,
.time-info p input,
.time-info p select,
.time-info p input {
padding: 9px 15px;
}
.time-info p select {
appearance: none;
padding: 11px 20px !important;
}
.sec-quote-overview.property-detail-main {
padding: 50px 0;
}
.Feature_details ul.Feature_list {
justify-content: flex-start;
}
.Feature_details ul.Feature_list li.list_details_wrapper {
display: flex;
margin: 0 0px 12px;
width: 100%;
align-items: flex-start;
}
.Feature_details ul.Feature_list li.list_details_wrapper img {
position: relative;
top: 5px;
}
.offer_details_inner>div.offer_image,
.offer_details_inner>div {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.boiler_details_wrap .boiler_image img {
width: 100%;
height: 320px;
object-fit: contain;
}
.boiler_details_wrap .boiler_image_gallery img {
width: 100%;
object-fit: contain;
height: auto;
}
.no_boiler_contact_form .container .no_boiler_contact_form_inner{
padding: 25px 20px;
}
.no_boiler_contact_form .quoteform-div .form-group{
flex: 0 0 100%;
max-width: 100%;
}
}
.form-wrapper .form-field label.error,
section.property-detail-main .form-wrapper .tab .error {
font-size: 14px;
margin: 5px 0 0;
color: var(--nk-color-primary);
font-weight: 400;
display: inline-block;
line-height: 20px;
}
section.property-detail-main {
margin: 0;
padding: 0 7%;
display: flex;
flex-wrap: wrap;
}
section.property-detail-main .property-overview {
display: flex;
align-items: flex-start;
}
section.property-detail-main .property-overview>div {
margin: 0 auto 0 0;
padding-right: 10px;
width: 33.33%;
}
section.property-detail-main .property-overview>div:last-child {
padding-right: 0;
margin-right: 0;
}
section.property-detail-main .property-overview>div>span {
display: flex;
align-items: flex-start;
}
section.property-detail-main .property-overview span.icon-block {
margin-right: 20px;
}
section.property-detail-main .property-overview span.icon-block i {
font-size: 20px;
line-height: 1;
color: #232424;
fill: #232424;
}
section.property-detail-main .property-overview label {
font-family: inherit;
font-size: 19px;
font-weight: 600;
letter-spacing: 0px;
color: #232424;
display: block;
line-height: 1.4;
}
section.property-detail-main .property-overview span.value,
section.property-detail-main ul.property-facilities .facilities-text span.facilities-desc {
color: #7a7a7a;
font-family: inherit;
font-size: 15px;
font-weight: 300;
}
section.property-detail-main .shift-timing {
margin-bottom: 20px;
}
section.property-detail-main .shift-timing ul li {
list-style-type: none;
margin: 0;
padding: 0;
font-family: inherit;
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
color: #232424;
margin-bottom: 20px;
padding-bottom: 10px;
}
section.property-detail-main .shift-timing ul li:last-child {
margin-bottom: 0;
}
section.property-detail-main .shift-timing ul li span.shift-title {
max-width: 80%;
}
section.property-detail-main .shift-timing ul li span.separator {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 10px;
margin-right: 10px;
border-bottom-style: dotted;
border-bottom-width: 2px;
height: 0;
color: #54595f;
}
section.property-detail-main .shift-note ul {
margin-left: 45px;
margin-bottom: 22px;
font-family: inherit;
font-size: 15px;
color: #232424;
}
section.property-detail-main .property-detail-subtitle {
margin-top: 75px;
}
section.property-detail-main .property-detail-subtitle h2 {
color: rgb(54, 54, 54);
font-family: inherit;
font-size: 24px;
font-weight: 600;
line-height: 1.3em;
letter-spacing: -0.6px;
padding: 0 0 20px;
margin: 0 0 20px;
border-bottom: 1px solid #3a51632b;
}
section.property-detail-main .property-detail-subdescription {
color: rgb(35, 36, 36);
font-family: inherit;
font-size: 16.5px;
font-weight: 300;
}
section.property-detail-main .property-detail-subdescription ul.lunch {
list-style-type: none;
}
section.property-detail-main .property-detail-subdescription ul.lunch a {
font-family: "Roboto", Sans-serif;
font-weight: 400;
color: #ed2050;
display: flex;
width: 100%;
}
section.property-detail-main .property-detail-subdescription ul.lunch a i {
font-size: 14px;
}
section.property-detail-main .property-detail-subdescription ul.lunch span.elementor-icon-list-text {
font-size: 15px;
padding-left: 13px;
}
section.property-detail-main .property-detail-subdescription p {
margin-bottom: 20px;
}
section.property-detail-main ul.property-facilities {
display: flex;
flex-wrap: wrap;
width: 100%;
}
section.property-detail-main ul.property-facilities li {
width: 33.33%;
padding: 5px;
display: flex;
align-items: flex-start;
font-family: inherit;
font-size: 16.5px;
font-weight: 600;
letter-spacing: 0px;
color: #232424;
margin: 6px 0;
}
section.property-detail-main ul.property-facilities.embassy-hotel {
margin-bottom: 20px;
}
section.property-detail-main ul.property-facilities.embassy-hotel li {
width: 50%;
}
section.property-detail-main .facilities-icon-block {
margin-right: 20px;
max-width: 22px;
min-width: 22px;
text-align: center;
}
section.property-detail-main .facilities-text label {
font-family: inherit;
font-size: 16.5px;
font-weight: 600;
letter-spacing: 0px;
color: #232424;
display: block;
line-height: 1.4;
}
section.property-detail-main ul.property-facilities.extra .facilities-icon-block {
align-self: flex-start;
}
section.property-detail-main .small-text-wrapper {
margin: 30px 0 20px;
}
section.property-detail-main .small-text-wrapper small {
font-family: inherit;
font-size: 15px;
line-height: 1.8em;
font-weight: 400;
color: #7a7a7a;
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-header {
font-family: inherit;
font-weight: 600;
color: #232424;
background: transparent;
border: none;
padding: 20px 20px 20px 0;
line-height: 1;
font-size: 15px;
border-bottom: 1px solid #d4d4d4;
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-header.ui-accordion-header-active {
color: #ed2050;
border: none;
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-content {
font-family: inherit;
font-size: 15px;
line-height: 1.8em;
font-weight: 400;
color: #7a7a7a;
border: none;
padding: 15px 20px;
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-content.ui-accordion-content-active {
border-bottom: 1px solid #d4d4d4;
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-header:before {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
margin-right: 12px;
width: 1.5em;
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-header.ui-accordion-header-active:before {
content: "\f068";
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-header .ui-accordion-header-icon {
display: none;
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-content ul {
margin: 0 0 1.5em 3em;
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-content a {
color: #3a85d1;
}
section.property-detail-main .property-detail-subdescription .accordion .ui-accordion-content a:hover {
color: #191970;
}
section.property-detail-main .property-detail-subdescription ol {
margin: 0 0 1.5em 3em;
}
section.property-detail-main .property-detail-subdescription .overview-button {
color: #ed2050;
margin-bottom: 20px;
display: inline-block;
}
section.property-detail-main .property-detail-subdescription .overview-button:hover,
section.property-detail-main .property-detail-subdescription .overview-button:focus {
color: #fc547c;
}
section.property-detail-main .property-detail-subdescription .overview-button i {
margin-left: 20px;
}
section.property-detail-main .listing-grid-wrapper {
display: flex;
flex-wrap: wrap;
margin: 0 -10px 20px;
}
section.property-detail-main .listing-grid-wrapper .grid-item {
width: 50%;
max-width: 50%;
padding: 10px;
}
section.property-detail-main .listing-grid-wrapper .grid-item-inner {
background-color: #ffffff;
box-shadow: 6px 6px 20px -2px rgb(10 14 18 / 8%);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
border-radius: 4px;
height: 100%;
}
section.property-detail-main .listing-grid-wrapper .grid-item-inner:hover {
box-shadow: 20px 20px 40px 0px rgb(10 14 18 / 10%);
}
section.property-detail-main .listing-grid-wrapper .grid-image-block {
width: 100%;
padding: 6px;
border-radius: 4px;
}
section.property-detail-main .grid-image-block-inner {
height: 180px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
}
section.property-detail-main .grid-content-block {
min-height: 240px;
padding: 20px;
}
section.property-detail-main .grid-content-block h6.term-name {
font-size: 15px;
color: #808285;
font-weight: 700;
line-height: 27px;
margin: 0;
padding: 0;
}
section.property-detail-main .grid-content-block h3.employee-name {
font-family: inherit;
font-size: 21px;
font-weight: 600;
line-height: 1;
margin-bottom: 20px;
color: #232424;
}
section.property-detail-main .grid-content-block p.post-description {
font-size: 15px;
color: #7a7a7a;
font-weight: 400;
font-family: inherit;
margin-bottom: 0;
}
section.property-detail-main .load-more-post {
display: inline-block;
color: #ed2050;
background-color: #ffffff;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-radius: 8px 8px 8px 8px;
padding: 15px 25px 15px 25px;
font-family: inherit;
font-size: 15px;
line-height: 1;
font-weight: 500;
transition: all 0.4s;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-group>p br {
display: none;
}
.form-group-times {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.form-group-times label {
flex: 0 0 100%;
max-width: 100%;
}
.form-group-times .form-group-inner {
flex: 0 0 calc(50% - 5px);
max-width: calc(50% - 5px);
position: relative;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-group span.time_selection_text,
.sec-quote-overview.property-detail-main .form-wrapper .form-group span.selected-date {
background-color: #F2F2F2;
padding: 16px 20px;
color: #6C6C6C;
font-size: 15px;
display: block;
width: 100%;
max-width: 100%;
margin-top: 10px;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-group.time-picker-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0px 16px;
width: 100%;
max-width: 518px;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-group.time-picker-wrapper .form-group-inner {
flex: 0 0 calc(50% - 8px);
max-width: calc(50% - 8px);
position: relative;
}
section.property-detail-main .load-more-post i {
margin-left: 21px;
}
section.property-detail-main .load-more-post:hover,
section.property-detail-main .load-more-post:focus {
color: #ffffff;
background-color: #ed2050;
border-color: #ed2050;
}
section.property-detail-main .property-detail-video {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
padding-bottom: 20px;
}
section.property-detail-main .property-detail-video-item {
padding: 5px;
width: 50%;
}
section.property-detail-main .property-detail-video-item p {
font-family: inherit;
font-size: 15px;
font-weight: 600;
margin-bottom: 20px;
color: #232424;
line-height: 1;
}
section.property-detail-main .property-detail-video-item .iframe-wrapper {
line-height: 1px;
}
section.property-detail-main .property-detail-video-item iframe {
width: 100%;
height: 173px;
}
section.property-detail-main .form-wrapper {
position: relative;
top: -70px;
padding: 40px;
z-index: 0;
margin-left: auto;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
text-align: initial;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
.property-detail-right.form-sticky .form-wrapper {
top: 0;
max-height: 100vh;
overflow-y: auto;
}
section.property-detail-main .form-wrapper form.form-main {
margin-top: 20px;
margin-bottom: 20px;
}
section.property-detail-main .form-wrapper .form-step {
padding: 20px 0 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step {
padding: 20px 0 30px;
display: none;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-group {
padding-bottom: 10px;
}
section.property-detail-main .form-wrapper .form-step .step {
display: block;
padding: 0 14px;
text-align: center;
}
section.property-detail-main .form-wrapper .form-step .step:first-child {
padding-left: 0;
}
section.property-detail-main .form-wrapper .form-step .step:last-child {
padding-right: 0;
}
section.property-detail-main .form-wrapper .form-step .step-separator {
display: block;
height: 1px;
width: 100%;
background-color: #c2cbd2;
}
section.property-detail-main .form-wrapper .form-step .step-circle {
width: 34px;
height: 34px;
border: 1px solid #c5c5c5;
color: #c5c5c5;
border-radius: 50%;
line-height: 32px;
margin-bottom: 10px;
}
section.property-detail-main .form-wrapper .form-step .step label {
font-size: 13px;
font-family: inherit;
font-weight: 500;
color: #c5c5c5;
}
section.property-detail-main .form-wrapper .form-step .step.active .step-circle {
border-color: #ed2050;
color: #ed2050;
}
section.property-detail-main .form-wrapper .form-step .step.active label {
color: #ed2050;
}
section.property-detail-main .form-wrapper .form-step .step.fill-up .step-circle {
color: #ffffff;
background-color: #ed2050;
border-color: #ed2050;
}
section.property-detail-main .form-wrapper .form-step .step.fill-up label {
color: #ed2050;
}
section.property-detail-main .form-wrapper .tab {
display: none;
}
section.property-detail-main .form-wrapper .tab.current {
display: block;
} section.property-detail-main .form-wrapper .tab>div .datepicker-wrapper {
position: relative;
}
section.property-detail-main .form-wrapper .tab>div .selected-date {
font-family: inherit;
font-size: 13px;
font-weight: 500;
color: #989898;
line-height: 1.4;
display: block;
margin-top: 4px;
}
section.property-detail-main .form-wrapper .tab>div .datepicker-wrapper input[type="text"] {
padding-right: 35px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
section.property-detail-main .form-wrapper .tab>div #close {
position: absolute;
right: 10px;
bottom: 11px;
line-height: 15px;
height: 18px;
width: 18px;
display: block;
font-size: 13px;
background-color: #008000;
color: #ffffff;
font-weight: 700;
border-radius: 50%;
text-align: center;
cursor: pointer;
}
section.property-detail-main .form-wrapper .tab label.control-label {
font-size: 14px;
}
section.property-detail-main .form-wrapper .tab label.required-field::after {
content: "*";
color: red;
padding-left: 0.2em;
}
.sec-search .search .datepicker-wrapper::after {
background-image: url(//nkheatingsolutions.co.uk/wp-content/plugins/boiler-quotation-questionaire/public/images/calendar.svg);
width: 15px !important;
height: 15px !important;
border: none;
top: 36px !important;
background-size: contain;
border: none !important;
}
.sec-search .search .datepicker-wrapper::after {
background-image: url(//nkheatingsolutions.co.uk/wp-content/plugins/boiler-quotation-questionaire/public/images/calendar.svg);
width: 15px !important;
height: 15px !important;
border: none;
top: 41px !important;
background-size: contain;
border: none !important;
}
.quote-overview .overview .inner-overview-wrapper::-webkit-scrollbar,
.sec-search.single-page-sec-search::-webkit-scrollbar {
width: 3px;
}
.quote-overview .overview .inner-overview-wrapper::-webkit-scrollbar-thumb,
.sec-search.single-page-sec-search::-webkit-scrollbar-thumb {
background-color: black;
}
.sec-search.single-page-sec-search .search .datepicker-wrapper::after {
top: 33px !important;
}
section.property-detail-main .form-wrapper .tab input[type="text"],
section.property-detail-main .form-wrapper .tab input[type="email"],
section.property-detail-main .form-wrapper .tab input[type="number"],
section.property-detail-main .form-wrapper .tab select,
section.property-detail-main .form-wrapper .tab textarea {
color: #000000;
border-color: #c9c9c9;
font-size: 0.9rem;
padding: 0.75em;
min-height: 40px;
}
section.property-detail-main .form-wrapper .tab input[type="text"].error,
section.property-detail-main .form-wrapper .tab input[type="email"].error,
section.property-detail-main .form-wrapper .tab input[type="number"].error,
section.property-detail-main .form-wrapper .tab select.error,
section.property-detail-main .form-wrapper .tab textarea.error {
margin-top: 0;
line-height: 1;
}
section.property-detail-main .form-wrapper .tab input#ruimte,
section.property-detail-main .form-wrapper .tab input[type="email"]:read-only {
background-color: #dddddd;
}
section.property-detail-main .form-wrapper .tab input[type="text"]:focus,
section.property-detail-main .form-wrapper .tab input[type="email"]:focus,
section.property-detail-main .form-wrapper .tab input[type="number"]:focus,
section.property-detail-main .form-wrapper .tab select:focus,
section.property-detail-main .form-wrapper .tab textarea:focus {
-webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%) inset;
box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
outline: none;
}
section.property-detail-main .form-wrapper .tab>div input[type="checkbox"] {
vertical-align: middle;
}
section.property-detail-main .form-wrapper .tab>div ul.property-facilities {
justify-content: space-between;
max-height: 200px;
overflow-y: auto;
grid-gap: 5px;
}
section.property-detail-main .form-wrapper .tab>div ul.property-facilities li {
width: 48%;
padding: 5px 0;
}
section.property-detail-main .form-wrapper .tab>div ul.property-facilities li .facilities-icon-block {
margin-right: 10px;
}
section.property-detail-main .form-wrapper .tab>div ul.property-facilities li input[type="number"] {
font-family: inherit;
padding: 5px;
height: auto;
min-height: auto;
font-weight: 400;
font-size: 13px;
}
section.property-detail-main .form-wrapper .tab>div ul.property-facilities li input[type="number"]:read-only {
cursor: not-allowed;
}
section.property-detail-main .form-wrapper .tab>div ul.property-facilities li input[type="number"]:required {
border-color: #4a4a4a;
}
section.property-detail-main .form-wrapper .tab>div ul.property-facilities li input.facility-checkbox {
margin: 6px 8px 0 0;
}
section.property-detail-main .form-wrapper .tab .promo-code-wrapper label {
font-size: 13px;
line-height: 1;
vertical-align: middle;
}
section.property-detail-main .form-wrapper .tab .promo-input-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
}
section.property-detail-main .form-wrapper .tab .promo-input-wrapper input {
width: calc(100% - 117px);
margin-right: 7px;
}
section.property-detail-main .form-wrapper .tab .promo-input-wrapper a {
font-size: 14px;
border: 1px solid #ed2050;
display: block;
padding: 12px 8px;
line-height: 1;
border-radius: 4px;
cursor: pointer;
width: 110px;
}
section.property-detail-main .form-wrapper .tab .promo-input-wrapper a:hover {
border-color: #191970;
}
body.stc-fullscreen-loader::before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: block;
background-image: url(//nkheatingsolutions.co.uk/wp-content/plugins/boiler-quotation-questionaire/public/images/order-summary-loader.gif);
background-position: center;
background-repeat: no-repeat;
background-size: 60px;
z-index: 999;
}
section.property-detail-main .form-wrapper .tab .order-summary {
margin-top: 30px;
}
section.property-detail-main .form-wrapper .tab .order-summary table {
font-family: inherit;
margin-bottom: 25px;
font-size: 14px;
line-height: 1;
}
section.property-detail-main .form-wrapper .tab .order-summary th {
text-align: left;
}
section.property-detail-main .form-wrapper .tab .order-summary th,
section.property-detail-main .form-wrapper .tab .order-summary td {
border-color: #3a51632b;
}
section.property-detail-main .form-wrapper .tab .order-summary tbody tr td:last-child {
text-align: right;
}
section.property-detail-main .form-wrapper form.form-main .action-buttons {
padding-top: 10px;
padding-bottom: 7px;
padding-left: 3px;
padding-right: 3px; }
section.property-detail-main .form-wrapper form.form-main .action-buttons button {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 3px;
}
section.property-detail-main .form-wrapper form.form-main .action-buttons button.previous {
background-color: #ffffff;
color: #aaaaaa;
border-color: #b7b7b7;
font-size: 15px;
font-weight: normal;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 4px 4px 4px 4px;
padding: 0px 30px 0px 30px;
min-height: 40px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
}
section.property-detail-main .form-wrapper form.form-main .action-buttons button.previous:hover {
background-color: #ffffff;
color: #3e3e3e;
border-color: #212121;
}
section.property-detail-main .form-wrapper form.form-main .action-buttons button:first-child {
margin-left: 0;
}
section.property-detail-main .form-wrapper form.form-main .action-buttons button:last-child {
margin-right: 0;
}
section.property-detail-main .form-wrapper form.form-main .action-buttons button.next,
section.property-detail-main .form-wrapper form.form-main .action-buttons button.submit,
section.property-detail-main .form-wrapper form.form-main .action-buttons button.submit-enquiry {
font-size: 15px;
font-weight: normal;
border-style: solid;
border-radius: 4px 4px 4px 4px;
border-width: 1px 1px 1px 1px;
border-color: #ffffff;
padding: 0px 30px 0px 30px;
color: #ffffff;
display: block;
max-width: 100%;
min-height: 40px;
background-color: #ed2050;
outline: none;
box-shadow: none;
width: 100%;
margin-right: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
}
section.property-detail-main .form-wrapper form.form-main .action-buttons button.next:hover,
section.property-detail-main .form-wrapper form.form-main .action-buttons button.submit:hover,
section.property-detail-main .form-wrapper form.form-main .action-buttons button.submit-enquiry:hover {
background-color: #f1305d;
color: #ffffff;
border-color: #ed205000;
}
section.property-detail-main .form-wrapper .tab .half-field {
display: flex;
}
section.property-detail-main .form-wrapper .tab .half-field>div {
width: 50%;
padding: 0 3px;
}
section.property-detail-main .form-wrapper .tab .half-field>div:first-child {
padding-left: 0;
}
section.property-detail-main .form-wrapper .tab .half-field>div:last-child {
padding-right: 0;
}
section.property-detail-main .form-wrapper .tab .error {
color: var(--nk-color-primary);
}
section.property-detail-main .form-wrapper .tab label.error {
margin-bottom: 10px;
text-align: center;
display: block;
}
section.property-detail-main .form-wrapper .tab span.validate_user_info.error {
padding: 0 3px;
}
section.property-detail-main .form-wrapper .form-footer {
padding-top: 8px;
}
section.property-detail-main .form-wrapper .form-footer ul {
display: flex;
list-style-type: none;
align-items: center;
flex-wrap: wrap;
}
section.property-detail-main .form-wrapper .form-footer ul li {
font-family: inherit;
margin-left: 12px;
margin-right: 12px;
font-size: 1rem;
line-height: 1.5em;
color: #ed2050;
position: relative;
}
section.property-detail-main .form-wrapper .form-footer ul li::after {
content: "";
width: 1px;
height: 100%;
background-color: #ddd;
display: block;
position: absolute;
right: -12px;
top: 0;
}
section.property-detail-main .form-wrapper .form-footer ul li:last-child::after {
display: none;
}
section.property-detail-main .form-wrapper .form-footer ul li span.icon-box {
padding-right: 5px;
}
section.property-detail-main .form-wrapper .form-footer ul li i {
font-size: 12px;
}
section.property-detail-main .form-wrapper .tab .payment-methods label {
position: relative;
border-bottom: 1px solid #3a51632b;
display: block;
}
section.property-detail-main .form-wrapper .tab .payment-methods .radio-wrapper {
display: flex;
font-size: 14px;
align-items: center;
justify-content: space-between;
padding: 6px 6px 6px 30px;
}
section.property-detail-main .form-wrapper .tab .payment-methods label:last-child {
border-bottom: none;
}
section.property-detail-main .form-wrapper .tab .payment-methods label input[type="radio"] {
opacity: 0;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
}
section.property-detail-main .form-wrapper .tab .payment-methods label input[type="radio"]+.radio-wrapper::before {
content: "\f058";
font-family: "Font Awesome 5 free";
position: absolute;
left: 4px;
color: #ed2050;
font-size: 18px;
font-weight: 400;
}
section.property-detail-main .form-wrapper .tab .payment-methods label input[type="radio"]:checked+.radio-wrapper::before {
font-weight: 600;
}
section.property-detail-main .form-wrapper .tab .payment-methods label .radio-wrapper img {
max-height: 30px;
}
.sec-quote-overview.property-detail-main .form-wrapper {
position: static !important;
background-color: transparent;
box-shadow: none;
padding: 0;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step {
padding-top: 0;
}
.sec-quote-overview.property-detail-main>.quote-overview {
width: 100%;
}
section.property-detail-main.sec-quote-overview .form-wrapper {
max-width: 100%;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step .step.active .step-circle {
border-color: #000;
background-color: #000;
color: #fff;
transition: background-color 0.3s ease, color 0.3s ease;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step .step.fill-up .step-circle {
background-color: #444444;
border-color: #444444;
color: #fff;
transition: background-color 0.3s ease, color 0.3s ease;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step .step-circle {
width: 50px;
height: 50px;
line-height: 45px;
color: #000;
border: 1px solid #000;
font-size: 25px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-weight: 900;
background-color: #ffffff;
margin: 0 auto 10px;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step .step {
font-family: "nimbus-sans-condensed", Sans-serif;
width: auto;
vertical-align: top;
text-align: center;
position: relative;
transition: opacity 0.3s ease;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step .step {
cursor: pointer;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step .step label {
font-size: 16px;
font-weight: 900;
font-family: "nimbus-sans-condensed", Sans-serif;
color: #000000;
cursor: pointer;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step .step.active label {
color: #2f3d4a !important;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step {
position: relative;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step:after {
content: "";
position: absolute;
width: 92%;
left: 5%;
height: 1px;
background-color: #787878;
top: 26px;
z-index: -1;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step .step-separator {
display: none;
}
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.next,
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.submit-enquiry,
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.submit {
background: #ed2050;
color: #fff;
font-size: 18px;
font-family: var(--font-primary);
display: inline-block;
font-weight: 700;
padding: 14px;
border-radius: 8px;
position: relative;
width: auto;
flex-grow: initial;
min-width: 240px;
flex-basis: 0;
}
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.next:after,
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.submit-enquiry:after,
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.submit:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
background-image: url(//nkheatingsolutions.co.uk/wp-content/plugins/boiler-quotation-questionaire/public/images/arrow-right.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
height: 16px;
width: 20px;
transition: transform 0.3s ease;
}
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.previous {
background-color: #fff;
color: #54667a;
border: 1px solid #d9d9d9;
flex-grow: 0;
flex-basis: 0;
min-width: 103px;
position: relative;
padding-left: 40px;
padding-right: 16px;
font-weight: 700;
font-family: var(--font-primary);
font-size: 16px;
min-height: 63px;
margin-bottom: 8px;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab select {
padding: 21px 44px; color: #000;
font-size: 16px;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab .form-group-dropdown:has(select[disabled="disabled"])::after {
opacity: 0;
visibility: hidden;
}
.sec-quote-overview.property-detail-main .quote-overview .steps-wrapper .form-group-dropdown::after {
top: 56px;
right: 32px;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab input[type="text"],
.sec-quote-overview.property-detail-main .form-wrapper .tab input[type="number"],
.sec-quote-overview.property-detail-main .form-wrapper .tab input[type="email"] { border-radius: 8px;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab textarea {
border-radius: 8px;
padding: 21px 30px;
}
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.submit,
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.submit-enquiry {
min-width: 518px;
max-width: 100%;
}
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.submit-enquiry:after,
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.submit:after {
background-image: url(//nkheatingsolutions.co.uk/wp-content/plugins/boiler-quotation-questionaire/public/images/send-arrow.svg);
height: 24px;
width: 22px;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab>div ul.property-facilities li input[type="number"] {
padding: 21px 30px;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab>div ul.property-facilities {
max-height: none;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab>div ul.property-facilities li input.facility-checkbox {
margin-top: 0;
appearance: none;
width: 15px;
height: 15px;
border: 1px solid #000000;
position: relative;
background-color: transparent;
cursor: pointer;
min-width: 15px;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab>div ul.property-facilities li input.facility-checkbox:after {
content: "";
position: absolute;
width: 8px;
height: 4px;
border: 1px solid #ffffff;
border-width: 1px 1px 0 0;
transform: rotate(135deg);
top: 4px;
left: 3px;
opacity: 0;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab>div ul.property-facilities li input.facility-checkbox:checked {
background-color: #ed2050;
border-color: #ed2050;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab>div ul.property-facilities li input.facility-checkbox:checked:after {
opacity: 1;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab>div ul.property-facilities .facilities-text {
position: relative;
top: -10px;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab label:not(.error),
.sec-quote-overview.property-detail-main .form-wrapper .tab label+.facilities-desc {
color: #000;
font-weight: 600;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab>div #close {
opacity: 0;
}
.sec-quote-overview.property-detail-main .form-wrapper .tab>div ul.property-facilities li {
width: 100%;
}
.sec-quote-overview.property-detail-main .form-wrapper .form-step .step.fill-up label {
color: #000000;
}
.sec-quote-overview.property-detail-main .form-wrapper form.form-main .action-buttons button.previous:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
height: 12px;
width: 8px;
transition: transform 0.3s ease;
} .form_banner_sec {
display: flex;
position: relative;
}
.form_banner_sec:not(.boiler_banner){
text-align: center;
}
.form_banner_sec.bg_overlay::before {
content: '';
display: block !important;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--nk-color-base);
opacity: 0.65;
mix-blend-mode: multiply;
}
.form_banner_sec .vc_column_container {
width: 100%;
max-width: 1200px;
padding: 0 15px;
margin: 0 auto !important;
display: block;
}
.form_banner_sec .vc_column_container>.vc_column-inner {
padding: 0 !important;
}
.form_banner_sec .vc_column_container>.vc_column-inner p {
color: #fff;
}
.form_banner_sec .icon_text {
position: relative;
padding-left: 30px;
color: #fff;
}
.form_banner_sec .icon_text .wpb_wrapper{
line-height: 1.5;
font-family: var(--nk-base-font);
font-weight: normal;
}
.form_banner_sec .icon_text::before {
font-size: 20px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
height: 20px;
}
.form_banner_sec .icon_text p {
margin: auto;
}
.boiler_survey_form form .wpcf7-response-output {
max-width: 550px;
margin-right: auto !important;
margin-left: auto !important;
}
p.boiler_post_message {
padding-left: 32px;
}
ul.boiler-price-quotation-list-items {
padding-left: 0;
}
.boiler_survey_form .boiler_price_quotation_date_field {
background-image: url(//nkheatingsolutions.co.uk/wp-content/plugins/boiler-quotation-questionaire/public/image/icon_calendar.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: 96% 50%;
}
.boiler_survey_form select.wpcf7-form-control {
background-image: url(//nkheatingsolutions.co.uk/wp-content/plugins/boiler-quotation-questionaire/public/image/icon_clock.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: 96% 50%;
}
.boiler_survey_form form input[type="date"],
.boiler_survey_form form input[type="text"],
.boiler_survey_form form select,
.boiler_survey_form form textarea {
color: #000;
}  ul.boiler-price-quotation-list-items li {
color: var(--nk-base-font);
}
.bolier_list {
display: flex;
align-items: flex-start;
box-shadow: rgba(163, 145, 114, 0.2) 5px 5px 40px;
margin: 20px 0;
border-bottom: 1px solid transparent;
border-radius: 15px;
}
.boiler_content {
width: 36.944%;
padding: 2em 1em;
}
.book_appoiment {
padding: 2rem 1rem;
width: 33.603%;
text-align: center;
margin: 30px;
border-radius: 15px;
position: relative;
border: 2px solid var(--nk-color-primary);
}
.vc_row.boiler-blockbox .vc_column-inner .book_appoiment {
margin: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.vc_row.boiler-blockbox .appointment_col .vc_column-inner * {
height: 100%;
}
.vc_row.boiler-blockbox .appointment_col .vc_column-inner .vat {
height: auto;
}
.vc_row.boiler-blockbox .appointment_col .vc_column-inner .vat img {
object-fit: contain;
}
.book_appoiment::before {
content: "";
position: absolute;
background: var(--nk-color-primary);
top: -1px;
left: -1px;
width: 50px;
height: 50px;
border-radius: 15px 0 0;
clip-path: polygon(100% 0, 0 0, 0 100%);
}
.book_appoiment-title {
font-size: 23px;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: solid 1px var(--nk-color-base);
font-weight: 700;
font-family: var(--nk-head-font);
}
.book_appoiment form button {
font-size: 12px;
line-height: 1.2;
font-weight: 700;
padding: 14px;
border-radius: 4px;
color: #fff;
text-decoration: none;
background-color: var(--nk-color-primary);
display: inline-block;
font-family: inherit;
transition: all 0.3s ease-in-out;
cursor: pointer;
height: auto;
font-family: var(--nk-head-font);
display: inline-block;
}
.book_appoiment form button:hover {
background-color: var(--nk-experimental-link-color-hover);
}
.vc_row.boiler-blockbox .appointment_col .vc_column-inner .vat img {
max-width: 96px;
left: 0;
right: 0;
margin: 0 auto;
}
.vc_row.boiler-blockbox .appointment_col .vc_column-inner .vat > span {
margin-top: 70px;
}
.vc_row.boiler-blockbox .appointment_col .vc_column-inner .vat .finance_cal {
margin-right: 30px;
position: relative;
color: #024985;
}
.vc_row.boiler-blockbox .appointment_col .vc_column-inner .vat .finance_cal:hover{
text-decoration: underline;
}
.vc_row.boiler-blockbox .appointment_col .vc_column-inner .vat .finance_cal::before {
content: "";
width: 100%;
position: absolute;
top: 0;
left: 0;
height: calc(100% + 50px);
top: calc(-100% - 20px);
}
@media(max-width:991px) {
.book_appoiment {
width: 49%;
}
}
@media(max-width:767px) {
.boiler_content,
.book_appoiment {
width: 100%;
}
.book_appoiment {
margin: 15px;
padding: 1.5rem;
}
.no_boiler_contact_form .container .no_boiler_contact_form_inner > h4 p {
font-size: 16px;
}
}
a.finance_cal {
display: inline-flex;
justify-content: center;
position: relative;
margin-right: 60px;
width: 100%;
font-weight: 600;
}
a.finance_cal:hover,
a.finance_cal:focus {
color: var(--nk-color-primary);
}
.boiler_price_wrapper a.finance_cal,
.boiler_price_wrapper>span {
font-size: 20px;
font-weight: 700;
color: #000;
}
.book_appoiment .vat>img,
.boiler_price_wrapper .vat>img {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.book_appoiment span.finance_cal_price,
.boiler_price_wrapper span.finance_cal_price {
display: flex;
margin: 0;
line-height: 1;
margin-right: 0;
opacity: 0;
min-width: 35px;
position: absolute;
pointer-events: none;
}
.book_appoiment .vat span.kanda-finance--price,
.boiler_price_wrapper .vat span.kanda-finance--price {
margin-top: 0;
position: absolute;
width: 100%;
right: 0;
text-align: right;
opacity: 0;
}
.boiler_price_wrapper {
position: relative;
display: inline-block;
}
span.kanda-finance--price-container {
display: none;
} .book_appoiment .vat span.kanda-finance--price img,
.boiler_price_wrapper .vat span.kanda-finance--price img {
position: absolute;
right: 5px;
top: -5px;
} @media(max-width:1200px) {
.book_appoiment .vat span.kanda-finance--price img {
position: absolute;
top: 5px;
}
}
#kanda-finance .kanda-finance--content {
max-height: 360px;
overflow-y: auto;
overflow-x: hidden;
}
.kanda-finance--content {}
.kanda-finance--content .kanda-finance--result {
margin-bottom: 10px;
}
.kanda-finance--navigation .kanda-finance--navigation-link.active { border-radius: 8px;
color: #fff !important;
}
.kanda-finance--navigation .kanda-finance--navigation-link {
color: #024985 !important; }
kanda-finance--content .kanda-finance--navigation {
background: #0249850f;
}
.kanda-finance--content .kanda-finance--navigation {
background: #0249850f;
}
div.kanda-finance--wrapper {
width: 600px !important;
max-width: 100%;
}
@media (max-width:767px) {
div.kanda-finance--wrapper {
width: 320px !important;
max-width: 100%;
}
}
.form_banner_sec:first-child {
min-height: 217px;
align-items: center;
}
.form_banner_sec h1 {
margin-bottom: 15px;
font-size: 30px;
line-height: 38px;
color: #3f3f3f !important;
text-align: center !important;
font-family: var(--nk-head-font) !important;
font-weight: 700 !important;
}
.form_banner_sec.boiler_banner h1 {
color: #fff !important;
}
.form_banner_sec p {
text-align: center; } .boiler_form .boiler-survey-form p {
color: #fff;
text-align: center;
}
.boiler_form .boiler-survey-form .wpcf7-form-control {
height: 40px;
border-radius: 0;
border-color: transparent;
padding: 0 15px;
color: var(--nk-color-base);
font-size: 16px; font-family: var(--nk-base-font);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0%);
width: 100%;
background-color: #fff;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
line-height: 2;
}
.boiler_form .boiler-survey-form .wpcf7-form-control.wpcf7-acceptance {
background-color: transparent;
display: inline-block;
height: auto;
white-space: initial;
}
.boiler_form .boiler-survey-form .wpcf7-form-control.wpcf7-acceptance>.wpcf7-list-item span {
font-size: 16px;
font-weight: 400;
}
.boiler_form .boiler-survey-form .wpcf7-form-control.wpcf7-acceptance>.wpcf7-list-item label {
margin-top: 0;
}
.boiler_form .boiler-survey-form .wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item {
margin-left: 0;
text-align: left;
color: #fff;
font-size: 16px;
}
.boiler_form .boiler-survey-form textarea.wpcf7-form-control {
height: 120px;
padding-top: 10px;
padding-bottom: 10px;
}
.boiler_form .boiler-survey-form input.wpcf7-submit {
background-color: var(--nk-color-primary);
font-size: 24px !important;
height: 48px;
border: none;
color: #fff;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 50%);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 50%);
border-radius: 10px;
margin: 0 10px;
width: calc(100% - 40px);
font-family: var(--nk-head-font);
}
.boiler_form .boiler-survey-form>div:nth-child(2)>p {
text-align: left;
margin: 20px 20px 8px;
}
.boiler_form .wpcf7 form .wpcf7-response-output {
margin: 8px 0px 0;
font-size: 14px;
line-height: 1.2;
padding: 0 20px;
}
.boiler_form .wpcf7 form span.wpcf7-not-valid-tip {
font-size: 14px;
text-align: left;
line-height: 1.85;
}
@media (max-width: 1023px) {
.boiler_banner h1 {
font-size: 24px;
line-height: 34px;
}
}
@media (max-width: 767px) {
.boiler_banner h1 {
font-size: 20px;
line-height: 30px;
}
.vc_row.customer-reviews h2 {
font-size: 28px;
}
.boiler_form .boiler-survey-form .wpcf7-form-control {
padding: 0 15px !important;
}
.boiler-survey-form .general-info,
.boiler-survey-form .time-info {
padding: 0 10px;
}
.boiler_form .boiler-survey-form>div:nth-child(2)>p {
margin: 20px 10px 8px;
}
.boiler_form .boiler-survey-form input.wpcf7-submit {
width: calc(100% - 20px);
}
.vc_row.customer-reviews {
background-position: left !important;
}
.bolier_list .model-info>span{
font-size: 18px;
}
.step-form .step-form-contnet > div:nth-child(1), .step-form .step-form-contnet > div:nth-child(3), 
.step-form .step-form-contnet > div:nth-child(2), .step-form .step-form-contnet > div:nth-child(4){
width: 100%;
padding: 0;
}
.free-quick-quote-form-custom .step-form{
padding: 20px;
}
.step-form .step-form-contnet .wpcf7-list-item{
margin-left: 0;
}
.step-form .step-form-contnet > div.step-form-contnet-inner{
padding: 0;
}
.step-form .step-form-contnet > div.step-form-contnet-inner h3 {
margin: 0px 0px 20px;
}
}
.thumb-img {
display: block;
position: relative;
padding-top: 70%;
width: 110px;
margin: 10px !important;
box-shadow: rgba(100, 100, 111, 0.3) 0px 0px 10px 0px;
}
.thumb-img img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
height: auto;
cursor: grab;
}
.bolier_list .boiler_image_thumb_gallery {
margin-top: 10px;
}
.bolier_list .bolier_image .boiler_image_gallery button.slick-prev {
left: -10px;
}
.bolier_list .bolier_image .boiler_image_gallery button.slick-next {
right: -10px;
}
.bolier_list .bolier_image .boiler_image_gallery .slick-arrow::before {
color: var(--nk-color-primary);
opacity: 1;
}
.boiler_details_wrap .boiler_image_gallery .main-img {
box-shadow: rgba(100, 100, 111, 0.3) 0px 0px 18px 0px;
padding: 0;
margin: 15px;
} .package-badge {
display: inline-block;
margin: 6px 0 0;
padding: 3px 10px;
border-radius: 12px;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff;
background: var(--bqq-primary, var(--nk-color-primary, #333)); }
.package-badge-premium {
background: #1a1a1a;
}  .quatation_que #contact-forms {
background: var(--bqq-primary, #7ab929);
border-radius: 18px;
padding: 36px 40px;
max-width: 760px;
margin: 0 auto;
}
.quatation_que #contact-forms .step-form-heading h2,
.quatation_que #contact-forms .step-form-heading p,
.quatation_que #contact-forms .step-form-heading span i,
.quatation_que #contact-forms .step-form-contnet-inner h3,
.quatation_que #contact-forms .step-form-contnet-inner li span,
.quatation_que #contact-forms .wpcf7-list-item-label,
.quatation_que #contact-forms .form-footer-text {
color: #fff;
}
.quatation_que #contact-forms .wpcf7-list-item-label a {
color: #fff;
text-decoration: underline;
}
.quatation_que #contact-forms .step-form-contnet-inner {
margin: 20px 0 10px;
}
.quatation_que #contact-forms .step-form-contnet-inner ul {
list-style: none;
padding: 0;
margin: 12px 0 0;
}
.quatation_que #contact-forms .step-form-contnet-inner li {
display: flex;
align-items: center;
gap: 10px;
margin: 6px 0;
}
.quatation_que #contact-forms .step-form-contnet-inner li img {
width: 22px;
height: 22px;
flex: 0 0 22px;
}
.quatation_que #contact-forms input[type=text],
.quatation_que #contact-forms input[type=email],
.quatation_que #contact-forms textarea,
.quatation_que #contact-forms select {
background: #fff;
color: #222;
border: 0;
border-radius: 6px;
width: 100%;
}
.quatation_que .action-buttons .next,
.quatation_que .action-buttons .submit-enquiry {
background: var(--bqq-accent, #c8102e);
color: #fff;
border: 0;
}
.quatation_que .action-buttons .previous {
background: #fff;
color: var(--bqq-accent, #c8102e);
border: 2px solid var(--bqq-accent, #c8102e);
} .bqq-survey-page .boiler_details_wrapper {
max-width: 1140px;
margin: 0 auto 40px;
padding: 0 20px;
box-sizing: border-box;
}
.bqq-survey-page .boiler_details_wrap {
display: flex;
flex-wrap: wrap;
gap: 32px;
align-items: flex-start;
}
.bqq-survey-page .boiler_details_wrap .boiler_img_slider_container,
.bqq-survey-page .boiler_details_wrap .boiler_main_image {
flex: 0 0 380px;
max-width: 380px;
}
.bqq-survey-page .boiler_details_wrap .boiler_detail_content {
flex: 1 1 320px;
min-width: 0;
}
.bqq-survey-page .boiler_details_wrap .boiler_price_wrapper > span {
font-size: 1.6em;
font-weight: 700;
}
@media (max-width: 767px) {
.bqq-survey-page .boiler_details_wrap .boiler_img_slider_container,
.bqq-survey-page .boiler_details_wrap .boiler_main_image {
flex-basis: 100%;
max-width: 100%;
}
}
.bqq-survey-page .wpcf7,
.bqq-survey-form { float: none;
clear: both;
max-width: 760px;
margin: 0 auto 40px;
padding: 32px 40px;
box-sizing: border-box;
background: var(--bqq-primary, #7ab929);
border-radius: 18px;
}
.bqq-survey-page .wpcf7 p,
.bqq-survey-page .wpcf7 label,
.bqq-survey-page .wpcf7 .wpcf7-list-item-label,
.bqq-survey-form p,
.bqq-survey-form label {
color: #fff;
}
.bqq-survey-page .wpcf7 a,
.bqq-survey-form a {
color: #fff;
text-decoration: underline;
}
.bqq-survey-page .wpcf7 input[type=text],
.bqq-survey-page .wpcf7 input[type=email],
.bqq-survey-page .wpcf7 input[type=tel],
.bqq-survey-page .wpcf7 input[type=date],
.bqq-survey-page .wpcf7 textarea,
.bqq-survey-page .wpcf7 select,
.bqq-survey-form input[type=text],
.bqq-survey-form input[type=email],
.bqq-survey-form input[type=tel],
.bqq-survey-form input[type=date],
.bqq-survey-form textarea,
.bqq-survey-form select {
background: #fff;
color: #222;
border: 0;
border-radius: 6px;
width: 100%;
box-sizing: border-box;
}
.bqq-survey-page .wpcf7 input[type=submit],
.bqq-survey-form input[type=submit],
.bqq-survey-form button[type=submit] {
background: var(--bqq-accent, #c8102e);
color: #fff;
border: 0;
border-radius: 6px;
padding: 14px 28px;
font-weight: 700;
width: 100%;
cursor: pointer;
}
.bqq-survey-page .wpcf7 .wpcf7-response-output {
color: #fff;
border-color: #fff;
} .bqq-survey-page .wpcf7 input[type=submit],
.bqq-survey-form .bqq-survey-send {
display: block;
line-height: 1.2;
height: auto;
margin: 8px 0 0;
text-align: center;
}
.bqq-survey-form .bqq-survey-title {
color: #fff;
margin: 0 0 8px;
font-size: 1.5em;
}
.bqq-survey-form .bqq-survey-intro {
margin: 0 0 18px;
} .bqq-survey-form .bqq-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.bqq-survey-form .bqq-row > p {
flex: 1 1 220px;
min-width: 0;
}
.bqq-survey-form p {
margin: 0 0 12px;
}
.bqq-survey-form input,
.bqq-survey-form textarea,
.bqq-survey-form select {
padding: 12px 14px;
font: inherit;
background: #fff;
color: #222;
border: 0;
border-radius: 6px;
width: 100%;
box-sizing: border-box;
} .no_boiler_contact_form .bqq-lead-form {
max-width: 760px;
margin: 0 auto 40px;
padding: 32px 40px;
box-sizing: border-box;
background: var(--bqq-primary, #7ab929);
border-radius: 18px;
color: #fff;
}
.no_boiler_contact_form .bqq-lead-form p,
.no_boiler_contact_form .bqq-lead-form label {
color: #fff;
}
.no_boiler_contact_form .bqq-lead-form a {
color: #fff;
text-decoration: underline;
} .bqq-survey-form .bqq-consent label {
display: block;
position: relative;
padding-left: 26px;
color: #fff;
}
.bqq-survey-form .bqq-consent input {
position: absolute;
left: 0;
top: 3px;
width: auto; padding: 0;
margin: 0;
}
.bqq-survey-form .bqq-survey-error {
background: rgba(255,255,255,0.18);
border-radius: 6px;
padding: 10px 14px;
}
.bqq-survey-form .bqq-survey-success {
font-size: 1.15em;
font-weight: 600;
}
@media (max-width: 600px) {
.bqq-survey-form .bqq-row {
display: block;
}
} .quatation_que .action-buttons {
margin-top: 24px;
} .boiler_image_gallery .main-img {
display: flex;
align-items: center;
justify-content: center;
}
.boiler_image_gallery .main-img img,
.boiler_main_image img {
display: block;
max-height: 320px;
width: auto;
max-width: 100%;
margin: 0 auto;
object-fit: contain;
}
.boiler_image_thumb_gallery .thumb-img img {
display: block;
max-height: 70px;
width: auto;
max-width: 100%;
margin: 0 auto;
object-fit: contain;
}  .no_boiler_contact_form .container .no_boiler_contact_form_inner--solo > * {
flex: 0 0 100%;
max-width: 100%;
} .bqq-results-head .container {
padding-top: 32px;
padding-bottom: 8px;
}
.bqq-results-head h1 {
font-family: var(--nk-head-font, inherit);
margin: 0 0 10px;
line-height: 1.15;
}
.bqq-results-sub {
font-size: 18px;
line-height: 1.55;
max-width: 64ch; margin: 0;
color: #3f3f3f;
}
.bqq-results-note {
font-size: 15px;
margin: 10px 0 0;
color: #6a6a6a;
} .bqq-wayback {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 14px 22px;
margin: 36px auto 8px;
padding: 0 20px;
}
.bqq-wayback-change {
display: inline-block;
font-family: var(--nk-head-font, inherit);
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.1px;
text-decoration: none;
color: var(--bqq-primary, #7ab929);
background-color: #ffffff;
border: 2px solid var(--bqq-primary, #7ab929);
border-radius: 23px;
padding: 12px 30px;
}
.bqq-wayback-change:hover,
.bqq-wayback-change:focus {
background-color: var(--bqq-primary, #7ab929);
color: #ffffff;
transition: all 0.35s;
}
.bqq-wayback-restart {
font-size: 15px;
color: #6a6a6a;
text-decoration: underline;
}
.bqq-wayback-restart:hover,
.bqq-wayback-restart:focus {
color: var(--bqq-primary, #7ab929);
} .bqq-wayback-form { margin-top: 28px;
}
.bqq-wayback-nomatch { margin-top: 28px;
}  .bqq-share {
text-align: center;
margin: 4px auto 40px;
padding: 0 20px;
}
.bqq-share-line {
font-size: 15px;
color: #6a6a6a;
margin: 0 0 10px;
}
.bqq-share-copy {
font-size: 14px;
color: #3f3f3f;
background: transparent;
border: 1px solid #d5d5d5;
border-radius: 23px;
padding: 8px 20px;
cursor: pointer;
}
.bqq-share-copy:hover,
.bqq-share-copy:focus {
border-color: var(--bqq-primary, #7ab929);
color: var(--bqq-primary, #7ab929);
} .bqq-page-content {
max-width: 68ch;
margin: 0 auto;
}
.bqq-page-heading {
font-family: var(--nk-head-font, inherit);
margin: 0 0 18px;
line-height: 1.15;
}
.bqq-page-body {
font-size: 18px;
line-height: 1.6;
margin: 0 0 16px;
}
.bqq-page-cta {
margin-top: 26px;
} .bqq-btn {
display: inline-block;
font-family: var(--nk-head-font, inherit);
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.1px;
text-decoration: none;
border-radius: 23px;
padding: 12px 30px;
}
.bqq-btn-primary {
color: #ffffff;
background-color: var(--bqq-primary, #7ab929);
border: 2px solid var(--bqq-primary, #7ab929);
}
.bqq-btn-primary:hover,
.bqq-btn-primary:focus {
background-color: #ffffff;
color: var(--bqq-primary, #7ab929);
transition: all 0.35s;
} .sec-quote-overview .action-buttons {
position: sticky;
bottom: 0;
z-index: 5;
padding: 14px 10px;
margin-top: 18px;
background: rgba(255, 255, 255, 0.94);
backdrop-filter: blur(2px);
border-top: 1px solid #ececec;
}
@supports not (position: sticky) {
.sec-quote-overview .action-buttons { position: static; background: none; border-top: 0; }
} .bqq-wayback-change:focus-visible,
.bqq-wayback-restart:focus-visible,
.bqq-share-copy:focus-visible,
.bqq-btn:focus-visible {
outline: 3px solid var(--bqq-accent, #c8102e);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.bqq-wayback-change,
.bqq-btn-primary { transition: none; }
}
@media (max-width: 600px) {
.bqq-wayback { flex-direction: column; gap: 12px; }
.bqq-wayback-change { width: 100%; text-align: center; }
.bqq-results-sub { font-size: 16px; }
.no_boiler_contact_form .container .no_boiler_contact_form_inner > * { flex: 0 0 100%; max-width: 100%; }
}