/* Grid and Bootstrap Extracts */



[type=reset], [type=submit], button, html [type=button] {

    -webkit-appearance: button;

}

.row {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left: -15px;

}



.no-gutters {

  margin-right: 0;

  margin-left: 0;

}



.no-gutters > .col,

.no-gutters > [class*="col-"] {

  padding-right: 0;

  padding-left: 0;

}



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,

.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,

.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,

.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,

.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,

.col-xl-auto {

  position: relative;

  width: 100%;

  min-height: 1px;

  padding-right: 15px;

  padding-left: 15px;

}



.col {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -ms-flex-positive: 1;

  flex-grow: 1;

  max-width: 100%;

}



.col-auto {

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: auto;

  max-width: none;

}



.col-1 {

  -ms-flex: 0 0 8.333333%;

  flex: 0 0 8.333333%;

  max-width: 8.333333%;

}



.col-2 {

  -ms-flex: 0 0 16.666667%;

  flex: 0 0 16.666667%;

  max-width: 16.666667%;

}



.col-3 {

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

}



.col-4 {

  -ms-flex: 0 0 33.333333%;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;

}



.col-5 {

  -ms-flex: 0 0 41.666667%;

  flex: 0 0 41.666667%;

  max-width: 41.666667%;

}



.col-6 {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}



.col-7 {

  -ms-flex: 0 0 58.333333%;

  flex: 0 0 58.333333%;

  max-width: 58.333333%;

}



.col-8 {

  -ms-flex: 0 0 66.666667%;

  flex: 0 0 66.666667%;

  max-width: 66.666667%;

}



.col-9 {

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;

  max-width: 75%;

}



.col-10 {

  -ms-flex: 0 0 83.333333%;

  flex: 0 0 83.333333%;

  max-width: 83.333333%;

}



.col-11 {

  -ms-flex: 0 0 91.666667%;

  flex: 0 0 91.666667%;

  max-width: 91.666667%;

}



.col-12 {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



@media (min-width: 576px) {

  .col-sm {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }

  .col-sm-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: none;

  }

  .col-sm-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-sm-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-sm-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-sm-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-sm-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-sm-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-sm-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-sm-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-sm-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-sm-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-sm-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-sm-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



@media (min-width: 768px) {

  .col-md {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }

  .col-md-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: none;

  }

  .col-md-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-md-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-md-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-md-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-md-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-md-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-md-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-md-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-md-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-md-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-md-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-md-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



@media (min-width: 992px) {

  .col-lg {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }

  .col-lg-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: none;

  }

  .col-lg-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-lg-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-lg-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-lg-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-lg-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-lg-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-lg-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-lg-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-lg-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-lg-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-lg-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-lg-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



@media (min-width: 1200px) {

  .col-xl {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }

  .col-xl-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: none;

  }

  .col-xl-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-xl-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-xl-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-xl-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-xl-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-xl-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-xl-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-xl-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-xl-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-xl-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-xl-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-xl-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



.form-control-plaintext {

  display: block;

  width: 100%;

  padding-top: 0.375rem;

  padding-bottom: 0.375rem;

  margin-bottom: 0;

  line-height: 1.5;

  color: #212529;

  background-color: transparent;

  border: solid transparent;

  border-width: 1px 0;

}



.form-group {

  margin-bottom: 1rem;

}



.col-form-label {

  padding-top: calc(0.375rem + 1px);

  padding-bottom: calc(0.375rem + 1px);

  margin-bottom: 0;

  font-size: inherit;

  line-height: 1.5;

}

/* End Grid and Bootstrap Extracts */





/* Not Sure What this Does, Best to keep it */



.jQueryAwait {



  position: absolute;



  left: 50%;



  top: 50%;



  z-index: 1;



  margin: -75px 0 0 -75px;



  width: 150px;



  height: 150px;



  background-image: url("../images/loading-animation.gif");



  background-repeat: no-repeat;



  visibility: hidden;



}







.quote-form-step-1,.quote-form-step-2,.quote-form-step-3 {



  position: relative;



}



.ui.error.message {background-color: #ff0000; color:#ffffff; padding:10px; font-size:14px; text-align: center;      -webkit-border-radius: 10px; margin-bottom:10px; border-radius: 10px;  }



.hidden {display:none;}







input.error {border: 2px solid #ff0000 !important;}



select.error {border: 2px solid #ff0000 !important;}



.step-content select {

  width: 100%;

}



.select-group:after {

  content: '';

  display: table;

  clear: both;  

}



.select-group select {

  float: left;

  width: calc(35% - 5px);

  margin-left: 5px;

}

.select-group select:nth-child(2) {

  width: calc(40% - 5px);

}

.select-group select:first-child {

  width: 25%;

  margin-left: 0;

}





@media(max-width: 380px) {



  #step1_desc p {

    max-width: 120px

  }

}



/* QUOTE FORM STYLES FROM TS */

.quotepromo { background:url(https://www.couriersave.co.uk/images/cheap-courier-insurance.jpg) no-repeat 50% 50%; background-size:cover; border-bottom:8px solid #143e54; padding:30px 0 30px 0;}



.quote {

    margin-bottom: -33px;

    padding: 40px 0 60px 0;

    background: linear-gradient(rgba(60,114,186,.8),rgba(29,74,145,.8)),url(images/motor-home-bg.jpg) 50% 50%/cover no-repeat;

}





 .quote__title {

    font-weight: 800;

    letter-spacing: -1px;

    color: #fff;

	 max-width: 450px;

    margin-bottom: 20px;

    padding-top: 10px;

    font-size: 42px;

    vertical-align: middle;

	 line-height:100%;

}

.quote__title span {color:#ffc709;}



.quote__list {

    margin-left: 0;

	padding-left:0;

}



.quote__list li {

    position: relative;

    padding: 17px 0 10px 55px;

    list-style: none;

    font-size: 30px;

    color: #eeeff0;

    font-weight: 600;

    line-height: 100%

}

.quote__list li h2,.quote__list li h3 {font-size:inherit; color:#ffffff; font-weight:inherit; letter-spacing:-1px;}



.quote__list li:before {

    position: absolute;

    top: 13px;

    left: 0;

    width: 39px;

    height: 39px;

	content: '';

    background: url(../images/ok.png) 50% 50% no-repeat;

}



.quote-form {

    text-align: center;

	position: relative;

    width: 100%;

    min-height: 1px;

    padding-right: 0;

    padding-left: 0;

}



.quote-form__nav {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0 -2px

}



.quote-form__nav .step {

    width: 25%;

    padding: 0 2px

}



.quote-form__nav .step--taxi .step__link-content {

    background: url(../images/classic.png) 50% 50% no-repeat

}



.quote-form__nav .step--list .step__link-content {

    background: url(../images/list.png) 50% 50% no-repeat

}



.quote-form__nav .step--person .step__link-content {

    background: url(../images/person.png) 50% 50% no-repeat

}



.quote-form__nav .step--loop .step__link-content {

    background: url(../images/loop.png) 50% 50% no-repeat

}



.quote-form__nav .step__link {

    display: block;

    background-color: none;

    box-shadow: none;

    color: #fff;

    opacity: 1;

    cursor: default

}



.quote-form__nav .step__link-content {

    padding: 15px 0 20px;
	opacity: .4;

}



.quote-form__nav .step__link span {

    display: block;

    font-weight: 700;

    font-size: 29px;
	
	color:#ffc709;

}



.quote-form__nav .step__link.active {

    opacity: 1;

    background-color: rgba(0, 0, 0, .5)

}
.quote-form__nav .step__link.active .step__link-content {

    opacity: 0.9;
	
}



.quote-form__body {

    padding: 20px;

    background-color: rgba(0, 0, 0, .5)

}



.quote-form__fields {

    margin-top: 25px;

    margin-bottom: 25px;

    padding: 0 40px;

    text-align: left

}

.quote-form__next, .schema__link {

    right: 5px;

    text-transform: uppercase;

}

.top-search .search-label {line-height:normal; width:69px;}

.top-search *,form#searchform,form#searchform #searchfield { box-sizing:border-box; line-height:1.5;}

form#searchform #searchfield {height:19px;}

.top-search .search-form a.searchbut img {	vertical-align: middle; margin-top:0;}

#mobile-menu,.mobile-menu {box-sizing:content-box;}

.quote-form {line-height:normal;}

.quote-form h2,.quote-form h3 {color: #fff;}

.quote-form h3 {margin-top:20px;}

.quote-form .result-tel,.quote-form .result-tel a {font-size:32px; color:#fff; font-weight:500; }

.whatnow {margin-bottom:30px;}

.quote-form .result-tel a:hover {text-decoration: none;}

.quote-form select,.quote-form input[type=text] {font-size:16px; padding:5px; vertical-align: middle;}

.quote-form label {vertical-align: middle;}

.quote-form-button {

	width:30%;

    font-size: 24px;

	color:#ffffff;

    font-weight: 700;


    behavior: url(border-radius.htc);

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    -khtml-border-radius: 10px;

    border-radius: 10px;

    padding: 12px 50px 12px 15px;

    margin-bottom: 0;

    background-repeat: no-repeat;

    background-position: 92% 50%;

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

    background-image: url(../images/go.png), linear-gradient(#f4cb30, #e7a623);

    transition: background-position 0.2s ease-in-out 0s,box-shadow 0.2s ease-in-out 0s;

	position: absolute;

    bottom: -5px;

    display: block;

    margin-top: -8px;

	right: 5px;

    text-transform: uppercase;

	 cursor: pointer;

    cursor: hand;

}

.quote-form-button:hover { background-position:96% 50%; text-decoration:none; -webkit-box-shadow: 0px 0px 8px  4px rgba(40,48,86, 0.5); -moz-box-shadow: 0px 0px 8px  4px rgba(40,48,86, 0.5);  box-shadow: 0px 0px 0px  4px rgba(40,48,86, 1);}

.quote-form-step-3 p.agree {    font-size:12px; padding-top:15px;}

.quote-form-step-3 .quote-form-button {position:relative; bottom:0; right:0; margin:0 auto 0 auto;}



.quote-form-step-4 ul {margin-left:20px;}

.quote-form-step-4 ul li {color:#ffffff; list-style: square; text-align: left; padding:5px 0 5px 0;}

.top-result { border-radius: 25px; border:2px solid #ffffff; padding:15px 15px 0 15px; margin-bottom:10px;}



@media(max-width:767px) {

    .quote-form__fields select {

        

    }

}



.quote-form .col-form-label {

    color: #fff;

    padding: 3px 0 0 15px;

    font-size: 18px

}



.quote-form .form-control-plaintext {

    padding: 0 10px;

    background-color: #fff;

    height: 32px

}



.quote-form .form-control-plaintext#you_dob_day,

.quote-form .form-control-plaintext#you_dob_month {

    width: 36px;

    float: left;

    padding: 5px;

    margin-right: 3px

}



.quote-form .form-control-plaintext#you_dob_year {

    width: 61px;

    float: left;

    padding: 5px

}



.quote-form p {

    color: #fff;

    font-size: 18px;

    margin-bottom: 0

}



.quote-form__next {

    position: absolute;

    bottom: -5px;

    display: block;

    margin-top: -8px;

    font-weight: 700;

    font-size: 30px;

    padding: 0;

    transition: .5s;

    cursor: pointer

}

.step1caveat {color:#ffffff; font-size:12px; margin-bottom:20px;}



.quote-form__next:hover .link-shell {

    background: linear-gradient(#e5ab11, #da800b)

}



.quote-form__next:before {

    position: absolute;

    top: 0;

    left: 5px;

    display: block;

    width: 100%;

    height: 100%;

    background-color: rgba(51, 51, 51, .5);

    z-index: 1

}



.quote-form__next .link-shell {

    position: relative;

    display: block;

    z-index: 2;

    padding: 1px 25px 6px;

    background: linear-gradient(#eec62e, #e7a523)

}



.quote-form__next .link-shell .icon-login {

    font-size: 34px

}



.quote-form__next .link-shell>span {

    display: block;

    color: #fff

}



.vehicle-reg {

    margin-bottom: 25px;

    padding: 10px 14px;

    background-color: rgba(0,0,0, .5)

}



.vehicle-reg .col-grow {

    -webkit-flex-grow: 2;

    -ms-flex-positive: 2;

    flex-grow: 2

}



.vehicle-reg__label {

    color: #eeeff0;

    font-weight: 600;

    margin: 0;

    font-size: 22px;

    line-height: 2.5;

}



.vehicle-reg__btn,

.vehicle-reg__input {

    width: 100%;

    height: 54px;

    font-weight: 700

}





.vehicle-reg__input {

    background-color: #eec42d;

    border-radius: 8px 0 0 8px;

    border: none;

    font-size: 30px;

    padding: 4px 0 4px 15px;

	text-transform: uppercase;

}

textarea:focus, input:focus{

    outline: none;

}



.vehicle-reg__input::-webkit-input-placeholder {

    color: #776314

}



.vehicle-reg__input::-moz-placeholder {

    color: #776314

}



.vehicle-reg__input:-ms-input-placeholder {

    color: #776314

}



.vehicle-reg__input:-moz-placeholder {

    color: #776314

}



.vehicle-reg__btn {

    font-size: 25px;

    color: #fff;

    border-radius: 0 8px 8px 0;

    background-color: #2e9acc;

    border: none;

    transition: .5s;



}



.vehicle-reg__btn:hover {

    background-color: #206b8e;

    cursor: pointer

}

.quote-form__nav .step__link:hover {

	text-decoration: none;

}





@media (max-width:991px) {

	.quote__title {

        font-size: 26px;

        letter-spacing: -1px

    }

    .quote__list li {

        padding-left: 35px;

        font-size: 21px

    }

    .quote__list li:before {

        width: 30px;

        height: 30px;

        background-size: 30px

    }

    .quote-form__fields {

        padding: 0

    }

    .quote-form p {

        font-size: 16px

    }

    .vehicle-reg__label {

        font-size: 19px;

        line-height: 48px

    }

    .vehicle-reg__input {

        font-size: 28px;

        height: 48px

    }

    .vehicle-reg__btn {

        height: 48px;

        font-size: 20px

    }

}



@media (max-width:767px) {

	.quote__title {

        text-align: center

    }

	.quote {

        padding: 20px 0;

        margin-bottom: 30px

    }

    .quote__title {

        font-size: 28px;

        letter-spacing: -1px;

        margin-left: auto;

        margin-right: auto;

        max-width: none

    }

    .quote__list {

        display: none

    }

	.row {margin-left:0; margin-right:0;}

 

    .quote-form__body {

        padding: 15px 5px 25px 5px;

    }

	.quote-form__body form {		width:500px; margin:0 auto 0 auto;}

    .quote-form__fields {

        padding: 0 0 0 0;

		margin:20px auto 20px auto;

    }

	.step-content {padding-bottom:0px;}

	.quote-form p#nexttxt {font-size:18px;}



    .quote-form .form-control-plaintext {

        font-size: 14px

    }



	.quote-form {padding-left:25px; padding-right:25px;}

     .quote-form__next {

        font-size: 20px

    }

    .quote-form__next .link-shell .icon-login {

        font-size: 23px

    }

    .vehicle-reg {

        padding: 5px 8px;

		margin:0 auto 10px auto;

    }

    .vehicle-reg .row {

        margin: 0

    }

    .vehicle-reg .row .col {

        padding: 0

    }

    .vehicle-reg__label {

        font-size: 20px

    }

    .vehicle-reg__input {

        font-size: 23px;

        padding: 2px 0 2px 8px;

        margin-left: 8px;

        width: calc(100% - 8px);

		line-height:120%;

    }

    .vehicle-reg__btn {



    }

    .quotepromo .col-md-8.col-lg-7.col-xl-6 {

        -webkit-order: 2;

        -ms-flex-order: 2;

        order: 2

    }

	.quotepromo .col-md-4.col-lg-5.col-xl-6 {

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1

    }

}



@media (max-width:600px) {

	.quote-form__body form {width:auto;}

	.quote-form p#nexttxt {    font-size: 16px;}

	.quote-form-button {right:15px;}

	.quote-form__nav .step__link-content {font-size:14px; }

	.quote-form__nav .step__link span {font-size:24px;}

}

@media (max-width:500px) {

	.quote-form__body form {width:95%;}

	.quote-form {padding-left:0; padding-right:0;}

	.quote-form .quote-form__body form .col-form-label {font-size:14px;}

	.quote-form__nav .step__link-content {font-size:13px; }

	.quote-form__nav .step__link span {font-size:22px;}

	.quote-form p#nexttxt {font-size:15px;}

	.vehicle-reg__label {font-size:16px;}

	.col-2 {-ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;}

	.col-10 {-ms-flex: 0 0 75;

    flex: 0 0 75%;

    max-width: 75%;}

	.col-5 {-ms-flex: 0 0 35%;

    flex: 0 0 35%;

    max-width: 35%;}

	.col-7 {    -ms-flex: 0 0 65%;

    flex: 0 0 65%;

    max-width: 65%;}

	.quote-form-button {min-width:120px;}

}





@media (max-width:475px) {

	    .quote__title {

        font-size: 20px; padding-top:0; }

	.quotepromo {padding-top:20px;}

}



@media (max-width:400px) {

	.quote-form .quote-form__body form .col-form-label {font-size:12px; padding:8px 0 0 15px}

	.quote-form select, .quote-form input[type=text] {font-size:14px;}

	.quote-form p#nexttxt {font-size:14px; max-width:120px;}

	.vehicle-reg__label {font-size:15px;}

	.quote-form__nav .step__link-content {font-size:10px; }

	.quote-form__nav .step__link span {font-size:18px;}

	.quotepromo .col-md-8.col-lg-7.col-xl-6 {padding-left:10px; padding-right:10px;}

	.quote-form .quote-form__nav .step__link-content {background-size:auto 90%; padding:10px 0 13px;}

	.quote-form__body form {width:100%;}

	.vehicle-reg__input {font-size:20px; letter-spacing: -1px; padding:5px 0 2px 8px;}

}



/* Loader Styles */



.loader-wrapper {

                position: absolute;

                left: 0;

                top: 0;

                width: 100%;

                height: 100%;

                /*background-color: rgba(0, 0, 0, .5);*/

            }



            .loader-wrapper .loader {

                display: inline-block;

                width: 250px;

                height: 250px;

                background-color: #ffea00;

                background-image: linear-gradient(to right, white 50%, #ffea00 0);

                border-radius: 50%;

                position: absolute;

                left: 50%;

                top: 50%;

                transform: translate(-50%, -50%);

            }



            .loader-wrapper .loader.half .progress {

                background-color: #ffea00;

            }



            .loader-wrapper .loader .progress {

                content: '';

                display: block;

                width: 50%;

                height: 100%;

                position: absolute;

                right: 0;

                top: 0;

                background-color: white;

                border-top-right-radius: 100% 50%;

                border-bottom-right-radius: 100% 50%;

                transform-origin: left 50%;

                transition: transform 500ms ease;

            }



            .loader-wrapper .loader .number {

                display: block;

                width: calc(100% - 18px);

                height: calc(100% - 18px);

                position: absolute;

                left: 9px;

                top: 9px;

                background-color: #ffffff;

                border-radius: 50%;

                font-size: 2em;

                font-weight: 600;

                z-index: 5;

				color:#143e54;

            }



            .loader-wrapper .loader .number span {

                display: inline-block;

                position: absolute;

                left: 50%;

                top: 50%;

                transform: translate(-50%, -50%);

            }