*{

	outline: none !important;

}

body{

	font-family: 'Montserrat', sans-serif;

}

a[href^=tel] {

text-decoration:inherit;

color: inherit;

}

header{

	padding-top: 104px;	

}

header section{

	box-shadow: 0 1px 0px rgba(0,0,0,0.05),0 5px 10px rgba(0,0,0,0.1);

}

.form-title{

  text-align: center;

  background-color: rgba(255,255,2255,0.6);

  padding: 15px 15px;

  margin-top: 100px;



}

.form-title h1{

  color: #000000;

}

.form-title h2{

  font-size: 30px;

  color: #77bbff;

}

.main-header {

	background-color: #ffff;

	padding: 15px 0;

}

.page-hero {

	background-image: url('/images/hero-4.jpg');

	min-height: 840px;

	background-size: cover;

	background-position: center left;

	background-repeat: no-repeat;

	height: calc(100vh - 104px);

}

.page-hero2 {

	background-image: url('/images/newcastle-stairlifts-hero-2.png');

	min-height: 840px;

	background-size: cover;

	background-position: 0px -30px;

	background-repeat: no-repeat;

	height: calc(100vh - 104px);

}

.page-hero3 {

	background-image: url('/images/newcastle-stairlifts-hero-3.png');

	min-height: 840px;

	background-size: cover;

	background-position: 0px -30px;

	background-repeat: no-repeat;

	height: calc(100vh - 104px);

}

.page.sec-odd{}

.page.sec-even{background-color: #fafafa;}

.container {

    max-width: 1200px;

}

.main-nav{

	padding-bottom: 0px;

	padding-top: 15px;

	background-color: transparent !important;

	font-weight: bold;

	color: #000000;

}

.navbar-light .navbar-nav .nav-link {

	color: #000000;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 600;

	padding: 20px 15px 0px;

	border-bottom: 8px solid transparent;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

    color: #133f94;

    border-bottom: 8px solid #7bf;

    padding: 20px 15px 0px;

}

.main-nav .nav-item.active .nav-link{

	color: #133f94;

}

.with_your_every_step{

	background-image: linear-gradient(0deg,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(/images/coventry.png);

	background-size: contain;

	background-position: right center;

	padding: 100px 0;

	background-repeat: no-repeat;

}



.hero-section {

	background-size: cover;

	background-position: center right;

	background-repeat: no-repeat;

}

.hero-section .row {

    padding: 30px 15px;

}

.hero-form {

    background-color: #fff;

    max-width: 560px;

    padding: 45px 25px;

    margin: auto;

}

.main-nav .nav-item {

    margin-left: 18px;

}



p {

	color: #525252;

	font-size: 20px;

	margin-bottom: 30px;

	/* font-weight: 600; */

}

h1{

	font-family: 'Montserrat', sans-serif;

	color: #000000;

	font-size: 42px;

	font-weight: bold;

}

h2{

	font-family: 'Montserrat', sans-serif;

	color: #77bbff;

	font-size: 35px;

	font-weight: bold;

}

h3{

	font-family: 'Montserrat', sans-serif;

	color: #000000;	

	font-weight: bold;

}

.btn.btn-stairlift, .btn.btn-stairlift:hover, .btn.btn-stairlift:focus {

	background-color: #000000;

	font-size: 16px;

	text-transform: uppercase;

	color: #fff !important;

	margin-top: 20px;

	padding: 20px 15px;

	font-weight: 600;

	width: 100%;

	max-width: 269px;

	border-radius: 10px;

	margin-bottom: 30px;

}

.footer{

	background-color: #263C7E;

	padding: 100px 0 0px;

	

}

footer .container{

	position: relative;

	background-repeat: no-repeat;

	background-position: bottom right;

	padding-bottom: 40px;

}

footer .container::after {

	content: "";

	background-image: url(/images/fbg.png);

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	position: absolute;

	background-repeat: no-repeat;

	background-position: right bottom;

	opacity: 0.2;

	background-size: contain;

}

footer p {

    font-size: 16px;

    margin-top: 10px;

}

.footer_menu {

	display: inline-block;

	padding: 10px 0px 10px 15px;

	color: #ffffff;

	font-weight: 600;

}

.footer_menu li {

	display: inline-block;

	margin-bottom: 5px;	

}

.footer_menu li a {

    color: #ffffff;

    font-weight: 600;

}

.footer_phone{ 

	background-color: #133f94;

	max-width: 300px;

	margin: auto;

	padding: 15px 20px;

}

.footer_phone p{ color: #fff; }

.footer_phone .num {

    margin: 0;

    font-size: 36px;

    font-family: latobold;

    line-height: 15px 20px 20px;

}

.footer_phone .txt {

    margin: 0;

    letter-spacing: 1px;

    font-weight: 600;

}

.page{

	padding: 50px 0 20px;

	min-height: 500px;

}

ul>li{

	list-style: none;

	font-size: 20px;

	color: #525252;

}

ul>li>i{

	color: #d93832;

	font-size: 20px;

}



@media only screen and (min-width: 1500px){



}

@media only screen and (max-width: 1150px){

	.navbar-brand img{

		max-width: 280px;

	}	

	.main-nav .nav-item {

	    margin-left: 15px;

	}	

}

@media only screen and (min-width: 1081px){

	.main-nav .nav-link{

		padding: 40px 10px 30px;

	}	

}

@media only screen and (min-width: 991px) and (max-width: 1080px){

	.main-nav .nav-item {

	    margin-left: 10px;

	}

	.main-nav .nav-link{

		padding: 40px 3px 30px !important;

	}

}

@media only screen and (min-width: 990px){

	.main-nav .nav-item.active .nav-link{

		border-bottom: 8px solid #133f94;

	}

	

}

@media only screen and (max-width: 990px){

	#navbarSupportedContent{

		margin-top: 15px;

		text-align: center;

	}

	.navbar-brand{

		margin:auto;

	}

	.main-header {

	    padding: 15px 0px;

	}

	.stairlifts .stairlift-container {

		text-align: center;

		flex-direction: column;

		display: flex;

		justify-content: center;

		align-items: center;

	}

	.footer_phone{ 

		background-color: #133f94;

		max-width: 100%;

		margin: 20px auto;

		padding: 15px 20px;

	}

	footer .container{

		background-size: contain;

	}

	.page-hero{

		min-height: 450px;

		height: 450px;

		background-position: center left;

	}

}

@media only screen and (min-width: 400px) and (max-width: 700px){

	.navbar-brand img{

		max-width: 265px !important;

	}

}

@media only screen and (min-width: 330px) and (max-width: 575px){

	.progress_form .step .img-box label {

		text-align: center;

		font-size: 13px;

		border: 1px solid transparent;

		border-radius: 5px;

		font-weight: bold;

		display: flex;

		flex-direction: column;

		align-items: center;

	}

	.step4 > .row > .col-lg-4{text-align: center;max-height: 160px}

	.progress_form .step.postcode_step img {

		max-height: 86%;

	}

	.progress_form .postcode_step input.postcode {

		width: 100%;

	}

	.step5 .step5_content {

		padding-bottom: 15px;

	}

}



@media only screen and (min-width: 360px) and (max-width: 400px){

	.navbar-brand img{

		max-width: 225px;

	}

}