.sagittarius .product-result .pure-g{
	margin: 0px -15px;
}

.set-width{
	max-width: 634px;
}

.sagittarius .custom-container .the-content .text h1{
	margin-bottom: 10px;
}

.sagittarius .custom-container .the-content .start-quiz.blue-button{
	min-width: 250px;
}

.sagittarius .custom-container .the-content .start-quiz.blue-button:hover{
	-webkit-box-shadow: 0 10px 15px -12px rgba(67,67,67,0);
			box-shadow: 0 10px 15px -12px rgba(67,67,67,0);
}

.why-baxi-block{
	margin: 45px 4px 5px;
	background-color: #FFFFFF;
	padding: 21px 20px 20px;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(67,67,67,0.2);
            box-shadow: 0 2px 4px 0 rgba(67,67,67,0.2);
}

.why-baxi-block h4{
	font-weight: 500;
	margin-bottom: 15px;
}

.sagittarius .custom-container .text .why-baxi-block ul li{
	color: #434343;
	font-weight: 500;
	margin-bottom: 18px;
}

.sagittarius .custom-container .text .why-baxi-block p.note a{
	color: #ADAFAA;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	margin-top: 37px;
	border-bottom: 2px solid #ffffff;
}

.sagittarius .custom-container .text .why-baxi-block p.note a:hover{
	border-bottom: 2px solid #005B99;
}

ul.progress-bar{
	width: 100%;
	background:transparent;
}

ul.progress-bar li{
	font-size: 0px;
	background: #E5E6E7;
	margin: 0px 6px;
	height: 2px;
	width: calc(100% / 7 - 12px);
}

ul.progress-bar li.progress-bar-number.enabled:hover{
	background: #E5E6E7;
}

ul.progress-bar li.current{
	background: #005B99;
}

ul.progress-bar li.current,
ul.progress-bar li.completed{
	background: #00A5DB;
}

ul.progress-bar > li.progress-bar-next{
	display: none;
}

ul.progress-bar li.progress-bar-previous,
input.revisit-form{
	z-index: 1;
	display: none;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 8px;
	color: #005B99;
	width: 140px;
	border: 2px solid #005B99;
	border-radius: 4px;
	padding: 24px 10px 22px;
	background: transparent;
}

input.revisit-form{
	left:0px;
	font-family: Neo Sans,Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	position: relative;
	display: block;
  	padding: 15px 10px 15px 20px;
	font-size: 14px;	
	font-weight: 500;	
	letter-spacing: 0.5px;	
	line-height: 17px;
  	font-weight: 500;
  	-webkit-transition: all linear 0.3s;
		 -o-transition: all linear 0.3s;
			transition: all linear 0.3s;
}

input.revisit-form:hover{
	background: #005B99;
	color: #FFFFFF;
}
 
div.revisit-form{
	display: inline-block;
	position: relative;
	margin-bottom: 50px;
}

div.revisit-form:before{
	content: "";
	z-index: 10;
	position: absolute;
	top: 22px;
	height: 6px;
	width: 6px;
	border-bottom: 2px solid #005B99;
	border-left: 2px solid #005B99;
	left: 16%;
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
	-webkit-transition: all linear 0.3s;
		 -o-transition: all linear 0.3s;
			transition: all linear 0.3s;
} 

div.revisit-form:hover:before{
	border-left: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

ul.progress-bar li.progress-bar-previous:before,
ul.progress-bar li.progress-bar-previous:after{
	position: absolute;
	top: 43%;
	-webkit-transition: all linear 0.3s;
		 -o-transition: all linear 0.3s;
			transition: all linear 0.3s;
}
 
ul.progress-bar li.progress-bar-previous:before{
	content: "";
	height: 6px;
	width: 6px;
	border-bottom: 2px solid #005B99;
	border-left: 2px solid #005B99;
	left: 33%;
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}

ul.progress-bar li.progress-bar-previous:after{
	font-family: Neo Sans,Helvetica,Arial,sans-serif;
	content:"Back";
	text-transform: uppercase;
	top:50%;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 17px;
	-webkit-transform: translateY(-50%) translateX(-35%);
        -ms-transform: translateY(-50%) translateX(-35%);
            transform: translateY(-50%) translateX(-35%);
}

ul.progress-bar li.progress-bar-previous:hover{
	background: #005B99;
	color:#ffffff;
} 

ul.progress-bar li.progress-bar-previous:hover:before{
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}

@media (pointer: coarse) {
    ul.progress-bar li.progress-bar-previous:hover{
		background: transparent;
		color:#005B99;
	}

	ul.progress-bar li.progress-bar-previous:hover:before{
		border-bottom: 2px solid #005B99;
		border-left: 2px solid #005B99;
	}
} 

.find-boiler-questions .custom-container{
	position: relative;
}

.questionnaire {
	text-align:center; 
	margin-top: 35px;
	list-style: none;
	min-height: 344px;
	-webkit-transition: all linear 0.3s;
		 -o-transition: all linear 0.3s;
			transition: all linear 0.3s;
}

.find-the-right-boiler-container{
	position: relative;
	padding-bottom: 65px;
}

.find-the-right-boiler-container:after{
	content:"";
	background-color: #E5E6E7;
	height:1px;
	position: absolute;
	right:0px;
	bottom:0px;
	left:165px;
}

.main-question{
	position: relative;
}

.sagittarius .questionnaire h3{
	font-size: 42px;
	margin-bottom: 56px;
}

.sagittarius .choice-wrapper{
	display: flex;
	align-content: start;
	justify-content: center;
	flex-wrap: wrap;
	width: 86%;
	margin: 0px auto;
}

.sagittarius .boiler-questions:nth-child(6) .choice-wrapper {
  	width: 84%;
}

.sagittarius .choice-wrapper > div{
	cursor: pointer;
	position: relative;
  	display: inline-block;
  	height: 210px;
	width: 210px;
	margin: 10px 15px 22px;
	padding: 12px 8px 5px;
	background-color: #FFFFFF;
	border-top:4px solid #00A5DB;
	-webkit-transition: all linear 0.3s;
		 -o-transition: all linear 0.3s;
			transition: all linear 0.3s;
	-webkit-box-shadow: 0 2px 4px 0 rgba(67,67,67,0.2);
            box-shadow: 0 2px 4px 0 rgba(67,67,67,0.2);
}

.sagittarius .choice-wrapper > div.active,
.sagittarius .choice-wrapper > div:hover{
	background: rgba(0, 165, 219, 0.1)
}

.sagittarius .choice-wrapper > div:hover *{
	cursor: pointer;
}

.sagittarius .choice-wrapper input[type=radio]{
	display: none;
}

.sagittarius .choice-wrapper .main-choice-item img{
	margin:0px auto;
}

.sagittarius .choice-wrapper .main-choice-item label > span{
	display: block;
	color: #005B99;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0px;
	right: 0;
}

.sagittarius .choice-wrapper .main-choice-item label > span .label{
	width:100%;
	position: absolute;
	bottom: 14px;
	left:50%;
	-webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.sagittarius .choice-wrapper .main-choice-item label > span .label.no-image{
	bottom: 50%;
	-webkit-transform: translateX(-50%) translateY(50%);
  		-ms-transform: translateX(-50%) translateY(50%);
  			transform: translateX(-50%) translateY(50%);
}

.sagittarius .choice-wrapper .main-choice-item span.no-image{
	font-size: 42px;
}

.sagittarius .choice-wrapper .main-choice-item span.no-image .plus{
	font-size: 32px;
}

.sagittarius .choice-wrapper .main-choice-item span.no-image.word{
	font-size: 26px;
	-webkit-transform: translateY(-70px);
        -ms-transform: translateY(-70px); 
            transform: translateY(-70px);
} 

.tool-tip{
	display: inline-block;
	padding: 5px 10px;
	position: absolute;
	top: 55px;
	left: 0;
	width: 100%;
} 

.tool-tip .title{
	cursor: pointer;
	position: relative;
	font-size: 18px;
	color: #005B99;
	font-weight: 500;
	line-height: 22px;
	padding: 0px 10px 5px 25px;;
}

.tool-tip .title:before{
	font-family: Neo Sans,Helvetica,Arial,sans-serif;
	content:"?";
	color: #FFFFFF;
	line-height: 19px;
	font-size: 16px;
	font-weight: 500;
	background: #00A5DB; 
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left:0px;
	padding: 0px 6px;
}

.the-quiz,
.the-content{
	-webkit-transition: all cubic-bezier(0.55, 0.15, 0.44, 0.46) 0.6s;
		 -o-transition: all cubic-bezier(0.55, 0.15, 0.44, 0.46) 0.6s;
			transition: all cubic-bezier(0.55, 0.15, 0.44, 0.46) 0.6s;
}

.SitecoreIsInPrevieworEdit .the-quiz{
	opacity: 1;
}

.the-quiz{
	opacity: 0;
	max-height: 0px;
	overflow: hidden;
	position: relative;
}

.the-content{
	opacity: 1;
	overflow: hidden;
	max-height: 600px;
} 

.quiz-open .the-quiz{
	opacity: 1;
	max-height: 1000px;
	margin: 0px -7px;
}

.quiz-open .the-content{
	max-height: 0px;
	opacity: 0;
}

.quiz-open ul.progress-bar li.progress-bar-previous{
	display: block;
}

.SitecoreIsInPrevieworEdit .the-quiz,
.SitecoreIsInPrevieworEdit .the-content{
	max-height: initial;
}

.sagittarius .boiler-questions{
	font-size: 0px;
	-webkit-transition: all cubic-bezier(0.55, 0.15, 0.44, 0.46) 0.6s;
		 -o-transition: all cubic-bezier(0.55, 0.15, 0.44, 0.46) 0.6s;
			transition: all cubic-bezier(0.55, 0.15, 0.44, 0.46) 0.6s;
}


.boiler-questions.smart-boiler.active{
	display: flex !important;
	justify-content: space-between;
	flex-wrap: wrap;
}

.smart-boiler .main-question {
  	width: 100%;
}

.smart-boiler .smart-control-info,
.smart-boiler .choice-wrapper {
  	flex: 1;
}

.smart-boiler .smart-control-info img{
	padding: 0px;
	border-radius: 17px;
	-webkit-box-shadow: 0px 17px 13px -9px rgba(67,67,67,0.75);
	   -moz-box-shadow: 0px 17px 13px -9px rgba(67,67,67,0.75);
			box-shadow: 0px 17px 13px -9px rgba(67,67,67,0.75);
} 

.smart-control-info{
	margin-left: 80px;
	text-align: left;
}

.smart-control-info img{
	display: inline-block;
}

.smart-control-info-content{
	max-width: 372px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 20px;
}

.smart-control-info-content h5{
	font-weight: 500;
	color: #005B99;
	font-size: 18px;
	line-height: 22px;
}


.smart-control-info-content p{
	margin-bottom: 10px;
}

.boiler-questions.smart-boiler .subquestion-container{
	display: none;
}


.product-result {
	padding-bottom: 55px;
	position: relative;
	margin-top: 35px;
}

.quiz-open .product-result:after {
	content:"";
	background-color: #E5E6E7;
	height: 1px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 175px;
}


.product-results-wrapper{
	text-align:center;
}

.product-results-wrapper .product-content{
	margin: 20px 0px;
}

.product-results-wrapper > p{
	max-width: 645px;
	margin: 0px auto;
}

.product-single-result{
	position: relative;
	display: inline-block;
	max-width:100%; 
	width: 330px;
	padding: 15px 15px 0px 15px;
	border-radius: 6px;
	text-align: left;
	background:#ffffff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(67,67,67,0.2);
            box-shadow: 0 2px 4px 0 rgba(67,67,67,0.2);
}

.product-single-result .background-image{
	width: 50%;
	height: 185px;
	background-size: contain;
	background-position-x: 10px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.product-single-result h6{
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
}

.product-single-result ul {
	list-style-type: none;
	margin-bottom: 20px;
}


.product-single-result ul li{
	position: relative;
	font-size: 14px;
	color: #434343;
	letter-spacing: 0.35px;
	line-height: 18px;
	padding-left: 15px;
	margin: 10px 0px;
}

.product-single-result ul li:before{
	content:"";
	position: absolute;
	left: 0px;
	top: 5px;
	background:#00A5DB;
	border-radius: 50%;
	width:6px;
	height:6px; 
}

.product-single-result .align-image ul{
	margin-top: 15px;
} 

.product-single-result .align-image ul li{
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	color: #005B99;	
	padding: 7px 0px 7px 26px;
	margin:5px 0px;
} 

.product-single-result .align-image ul li:before{
	content: "";
	top: 0px;
	width: 19px;
	height: 28px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	border-radius: 0px;
	background-position: center !important;
}

.product-single-result .align-image ul li.gas:before{
	background:url('/-/media/themes/baxiuk/images/find-a-boiler/baxi-icons_main-gas.png');
}


.product-single-result .align-image ul li.lpg:before{
	background:url('/-/media/themes/baxiuk/images/find-a-boiler/lpg.png');
}

.product-single-result .align-image ul li.combi:before{
	background:url('/-/media/themes/baxiuk/images/find-a-boiler/combiicon.png');
}

.product-single-result .align-image ul li.system:before{
	background:url('/-/media/themes/baxiuk/images/find-a-boiler/systemicon.png');
}

.product-single-result .align-image ul li.heat:before{
	background:url('/-/media/themes/baxiuk/images/find-a-boiler/regularicon.png');
}

.sagittarius .product-single-result p.note{
	color: #ADAFAA;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
} 

.sagittarius .product-single-result p{
	line-height: 14px;
}

.sagittarius .product-single-result p span{
	display: inline-block; 
	color:#00A5DB;
	padding-right: 27px;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
}

.product-single-result .align-image{
	position: absolute;
	top: 30px;
	width: 42%;
  	right: 13px;
}

.product-single-result .align-image p{
	font-size: 18px;
	line-height: 22px;
	color: #00A5DB;
}

.sagittarius .product-single-result .blue-button{
	margin: 20px auto !important;
}

.product-share{
	display: none;
	cursor: pointer;
} 

.product-share p{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 17px;
	color: #005B99;
	margin: 8px 0px 8px 40px;
	padding: 10px;
	text-align: center;
}
 
.model-window{
	cursor: initial;
	background: rgba(255,255,255,0.9);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999999;
	opacity: 0;
  	-webkit-transition: all cubic-bezier(0.6, 0.43, 0.59, 0.94) 0.6s;
		 -o-transition: all cubic-bezier(0.6, 0.43, 0.59, 0.94) 0.6s;
  			transition: all cubic-bezier(0.6, 0.43, 0.59, 0.94) 0.6s;
	-webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
} 

.product-result.open-model-installer .model-window.installer,
.product-result.open-model-share .model-window.share,
.tool-tip.open-model-tooltip .model-window.tooltip{
	opacity: 1;
	-webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
} 

.model-window-content{  
	z-index: 10;
	overflow-y: scroll;
	width: 100%;
	max-width: 580px; 
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 30vh 115px 100px 30px;
	background: #ffffff;
	border-left: 4px solid #00A5DB;
	-webkit-box-shadow: -2px 0 10px 0 #ADAFAA;
            box-shadow: -2px 0 10px 0 #ADAFAA;
} 

.tooltip .model-window-content{
	padding: 25vh 115px 100px 30px;
	text-align: left;
}

.tooltip .model-window-content p{
	margin-bottom: 25px;
} 

.model-window .model-window-content h5{
	font-size: 26px;
	font-weight: 500;
	line-height: 36px;
	margin-bottom: 15px;
} 

.model-window .model-window-content p{
	line-height: 26px;
}

.model-window-content .model-close{
	font-family: Neo Sans,Helvetica,Arial,sans-serif;
	position: absolute;
	right: 115px;
	top: 24vh;
	padding: 5px 30px 5px 0px;
	cursor: pointer;
	text-transform: uppercase;
	color: #00A5DB;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.78px;
	line-height: 17px;
}

.tooltip .model-window-content .model-close{
	top: 20vh;
}

.model-window-content .model-close:before,
.model-window-content .model-close:after{
	content:"";
	width: 2px;
	height: 26px;
	background: #00A5DB;
	position: absolute;
	right: 9px;
	top: 1px;
	-webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.model-window-content .model-close:after{
	-webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
} 

.model-window-content .enter-postcode{
	width:100%;
	margin-top: 20px;
}

.model-window-content .enter-postcode label{
	font-family: Neo Sans,Helvetica,Arial,sans-serif;
	color:rgba(67,67,67,0.4);
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
}	

.model-window-content .enter-postcode input{
	border:none;
	border-bottom: 1px solid #005B99;
	font-size: 18px;
	color: #434343;
	line-height: 22px;
	padding: 8px 0px;
	font-weight: 500;
}

.model-window-content .enter-postcode button{
	font-family: Neo Sans,Helvetica,Arial,sans-serif;
	display: block;
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	border: none;
	width: auto;
	height: auto;
	color: #ffffff;
	background-color: #00A5DB;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 17px;
	padding: 21px 27px;
	margin-top: 40px;
	margin-bottom: 25px;
	-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
			transform: rotate(0deg);
} 

.model-window-content .enter-postcode ::-webkit-input-placeholder { /* Edge */
 	color: #434343;
}

.model-window-content .enter-postcode :-ms-input-placeholder { /* Internet Explorer 10-11 */
  	color: #434343;
}

.model-window-content .enter-postcode ::placeholder {
  	color: #434343;
}

.model-window-content .enter-postcode .validatetext{
	background-color: #f2dede;
	color: #a94442;
	padding: 15px;
	border-radius: 4px;
}

.gas-safe-content{
	max-width: 650px;
}

.gas-safe-content h3{
	font-size: 42px;
	line-height: 52px;
}

.gas-safe-content .button-container {
	vertical-align: middle;
	margin-top: 20px;
}

.gas-safe-content .button-container a.blue-button{
	display: inline-block;
  	padding: 15px 42px !important;
  	margin: 0px !important;
  	vertical-align: middle;
}

.gas-safe-content .button-container a.text-link{
	text-transform: uppercase;
	display: inline-block;
	color: #005B99;
	padding: 15px 10px !important;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	border: none;
	vertical-align: middle;
  	border: 2px solid #005B99;
  	border-radius: 6px;
}

.gas-safe-content .button-container a.text-link:hover{
	color:#00A5DB;	
	border: 2px solid #00A5DB;
}