/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 @charset "UTF-8";
 /*
 * CSS TOGGLE SWITCH
 *
 * Ionuț Colceriu - ghinda.net
 * https://github.com/ghinda/css-toggle-switch
 *
 */
 /* supported values are px, rem-calc, em-calc
  */
 /* imports
  */
 /* Functions
  */
 /* Shared
  */
 /* Hide by default
  */
 .switch-toggle a,
 .switch-light span span {
   display: none; }
 
 /* We can't test for a specific feature,
  * so we only target browsers with support for media queries.
  */
  #myProgress {
    width: 100%;
    background-color: #ddd;
  }
  
  #myBar {
    width: 0%;
    height: 30px;
	margin-bottom: 10px;
    background-color: #fc0c0f;
    text-align: center;
    line-height: 30px;
    color: white;
  }
  .progress-box {
  	text-align: center;
  	color: black;
  	font-weight: bold;
  }
 @media only screen {
   /* Checkbox
  */
   .switch-light {
	     margin-bottom: 20px;
     position: relative;
     display: block;
     /* simulate default browser focus outlines on the switch,
    * when the inputs are focused.
    */ }
     .switch-light::after {
       clear: both;
       content: '';
       display: table; }
     .switch-light *,
     .switch-light *:before,
     .switch-light *:after {
       box-sizing: border-box; }
     .switch-light a {
       display: block;
       transition: all 0.2s ease-out; }
     .switch-light label,
     .switch-light > span {
       /* breathing room for bootstrap/foundation classes.
      */
       line-height: 2em; }
     .switch-light input:focus ~ span a,
     .switch-light input:focus + label {
       outline-width: 2px;
       outline-style: solid;
       outline-color: Highlight;
       /* Chrome/Opera gets its native focus styles.
      */ } }
     @media only screen and (-webkit-min-device-pixel-ratio: 0) {
       .switch-light input:focus ~ span a,
       .switch-light input:focus + label {
         outline-color: -webkit-focus-ring-color;
         outline-style: auto; } }
 .input-group-addon {
 	background: #e80b0d;
 	color: white;
 	border-width: 0;
 }
 @media only screen {
   /* don't hide the input from screen-readers and keyboard access
  */
   .switch-light input {
     position: absolute;
     opacity: 0;
     z-index: 3; }
   .switch-light input:checked ~ span a {
     right: 0%; }
   /* inherit from label
  */
   .switch-light strong {
     font-weight: inherit; }
   .switch-light > span {
     position: relative;
     overflow: hidden;
     display: block;
     min-height: 2em;
     /* overwrite 3rd party classes padding
    * eg. bootstrap .alert
    */
     padding: 0;
     text-align: left; }
   .switch-light span span {
     position: relative;
     z-index: 2;
     display: block;
     float: left;padding: 10px 0;
     margin-bottom: 0px;
     width: 50%;    font-size: 21px;
     text-align: center;
     user-select: none; }
   .switch-light a {
     position: absolute;
     right: 50%;
     top: 0;
     z-index: 1;
     display: block;
     width: 50%;
     height: 100%;
     padding: 0; }
   /* bootstrap 4 tweaks
 */
   .switch-light.row {
     display: flex; }
   .switch-light .alert-light {
     color: #333; }
   /* Radio Switch
  */
   .switch-toggle {
     position: relative;
     display: block;
     /* simulate default browser focus outlines on the switch,
    * when the inputs are focused.
    */
     /* For callout panels in foundation
   */
     padding: 0 !important;
     /* 2 items
    */
     /* 3 items
    */
     /* 4 items
    */
     /* 5 items
    */
     /* 6 items
    */ }
     .switch-toggle::after {
       clear: both;
       content: '';
       display: table; }
     .switch-toggle *,
     .switch-toggle *:before,
     .switch-toggle *:after {
       box-sizing: border-box; }
     .switch-toggle a {
       display: block;
       transition: all 0.2s ease-out; }
     .switch-toggle label,
     .switch-toggle > span {
       /* breathing room for bootstrap/foundation classes.
      */
       line-height: 2em; }
     .switch-toggle input:focus ~ span a,
     .switch-toggle input:focus + label {
       outline-width: 2px;
       outline-style: solid;
       outline-color: Highlight;
       /* Chrome/Opera gets its native focus styles.
      */ } }
     @media only screen and (-webkit-min-device-pixel-ratio: 0) {
       .switch-toggle input:focus ~ span a,
       .switch-toggle input:focus + label {
         outline-color: -webkit-focus-ring-color;
         outline-style: auto; } }
 
 @media only screen {
     .switch-toggle input {
       position: absolute;
       left: 0;
       opacity: 0; }
     .switch-toggle input + label {
       position: relative;
       z-index: 2;
       display: block;
       float: left;
       padding: 0 8px;
       margin: 0;
       text-align: center; }
     .switch-toggle a {
       position: absolute;
       top: 0;
       left: 0;
       padding: 0;
       z-index: 1;
       width: 10px;
       height: 100%; }
     .switch-toggle label:nth-child(2):nth-last-child(4),
     .switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
     .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
       width: 50%; }
     .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
       left: 50%; }
     .switch-toggle label:nth-child(2):nth-last-child(6),
     .switch-toggle label:nth-child(2):nth-last-child(6) ~ label,
     .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
       width: 33.33%; }
     .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
       left: 33.33%; }
     .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
       left: 66.66%; }
     .switch-toggle label:nth-child(2):nth-last-child(8),
     .switch-toggle label:nth-child(2):nth-last-child(8) ~ label,
     .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
       width: 25%; }
     .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
       left: 25%; }
     .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
       left: 50%; }
     .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
       left: 75%; }
     .switch-toggle label:nth-child(2):nth-last-child(10),
     .switch-toggle label:nth-child(2):nth-last-child(10) ~ label,
     .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
       width: 20%; }
     .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
       left: 20%; }
     .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
       left: 40%; }
     .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
       left: 60%; }
     .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
       left: 80%; }
     .switch-toggle label:nth-child(2):nth-last-child(12),
     .switch-toggle label:nth-child(2):nth-last-child(12) ~ label,
     .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
       width: 16.6%; }
     .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
       left: 16.6%; }
     .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
       left: 33.2%; }
     .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
       left: 49.8%; }
     .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
       left: 66.4%; }
     .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
       left: 83%; }
   /* Candy Theme
  * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
  * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
  */
   .switch-toggle.switch-candy,
   .switch-light.switch-candy > span {
     background-color: #2d3035;
     border-radius: 3px;
     box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); }
   .switch-light.switch-candy span span,
   .switch-light.switch-candy input:checked ~ span span:first-child,
   .switch-toggle.switch-candy label {
     color: #fff;
     font-weight: bold;
     text-align: center;
     text-shadow: 1px 1px 1px #191b1e; }
   .switch-light.switch-candy input ~ span span:first-child,
   .switch-light.switch-candy input:checked ~ span span:nth-child(2),
   .switch-candy input:checked + label {
    color: #fff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    }
   .switch-candy a {
     border: 1px solid #333;
     border-radius: 3px;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
     background-color: #e80b0d;
     background-image: linear-gradient(rgba(255, 255, 255, 0.2), transparent); }
   .switch-candy-blue a {
     background-color: #38a3d4; }
   .switch-candy-yellow a {
     background-color: #f5e560; }
   /* iOS Theme
 */
   .switch-ios.switch-light span span {
     color: #888b92; }
   .switch-ios.switch-light a {
     left: 0;
     top: 0;
     width: 32px;
     height: 32px;
     background-color: #fff;
     border-radius: 100%;
     border: 4px solid #D8D9DB;
     transition: all .2s ease-out; }
   .switch-ios.switch-light > span {
     display: block;
     width: 100%;
     height: 32px;
     background-color: #D8D9DB;
     border-radius: 28px;
     transition: all .4s ease-out; }
   .switch-ios.switch-light > span span {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     opacity: 0;
     line-height: 30px;
     vertical-align: middle;
     transition: all .2s ease-out; }
     .switch-ios.switch-light > span span:first-of-type {
       opacity: 1;
       padding-left: 30px; }
     .switch-ios.switch-light > span span:last-of-type {
       padding-right: 30px; }
   .switch-ios.switch-light input:checked ~ span a {
     left: 100%;
     border-color: #4BD865;
     margin-left: -32px; }
   .switch-ios.switch-light input:checked ~ span {
     border-color: #4BD865;
     box-shadow: inset 0 0 0 30px #4BD865; }
   .switch-ios.switch-light input:checked ~ span span:first-of-type {
     opacity: 0; }
   .switch-ios.switch-light input:checked ~ span span:last-of-type {
     opacity: 1;
     color: #fff; }
   .switch-ios.switch-toggle {
     background-color: #D8D9DB;
     border-radius: 30px;
     box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; }
     .switch-ios.switch-toggle a {
       background-color: #4BD865;
       border: 2px solid #D8D9DB;
       border-radius: 28px;
       transition: all 0.12s ease-out; }
     .switch-ios.switch-toggle label {
       height: 2.4em;
       color: #888b92;
       line-height: 2.4em;
       vertical-align: middle; }
   .switch-ios input:checked + label {
     color: #3e4043; }
   /* Holo Theme
  */
   .switch-toggle.switch-holo,
   .switch-light.switch-holo > span {
     background-color: #464747;
     border-radius: 1px;
     box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
     color: #fff;
     text-transform: uppercase; }
   .switch-holo label {
     color: #fff; }
   .switch-holo > span span {
     opacity: 0;
     transition: all 0.1s; }
     .switch-holo > span span:first-of-type {
       opacity: 1; }
   .switch-holo > span span,
   .switch-holo label {
     font-size: 85%;
     line-height: 34.5px; }
   .switch-holo a {
     background-color: #666;
     border-radius: 1px;
     box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0; }
   /* Selected ON switch-light
 */
   .switch-holo.switch-light input:checked ~ span a {
     background-color: #0E88B1; }
   .switch-holo.switch-light input:checked ~ span span:first-of-type {
     opacity: 0; }
   .switch-holo.switch-light input:checked ~ span span:last-of-type {
     opacity: 1; }
   /* Material Theme
  */
   /* switch-light
  */
 	 	.vehicle-info .combobox-container {
 	 		width: 100%;
 	 	}
 	.vehicle-info .combobox-container input {
 		margin-bottom: 0 !important;
 	}
 	.vehicle-info .combobox-container .input-group {
 		width: 100%;
 	}
 	 	.vehicle-info .combobox-container .input-group-addon
 	{
 	position: absolute;
 	width: 30px;
 	background: none;
 	left: 0;
 	top: 0;
 	padding: 11px 0;
 	text-align: center;
 	}
   .switch-light.switch-material a {
     top: -3px;
     width: 28px;
     height: 28px;
     border-radius: 50%;
     background: #fafafa;
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
     transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
   .switch-material.switch-light {
     overflow: visible; }
     .switch-material.switch-light::after {
       clear: both;
       content: '';
       display: table; }
   .switch-material.switch-light > span {
     overflow: visible;
     position: relative;
     top: 3px;
     width: 52px;
     height: 24px;
     min-height: auto;
     border-radius: 16px;
     background: rgba(0, 0, 0, 0.26); }
   .switch-material.switch-light span span {
     position: absolute;
     clip: rect(0 0 0 0); }
   .switch-material.switch-light input:checked ~ span a {
     right: 0;
     background: #3f51b5;
     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.12); }
   .switch-material.switch-light input:checked ~ span {
     background: rgba(63, 81, 181, 0.5); }
   /* switch-toggle
  */
   .switch-toggle.switch-material {
     overflow: visible; }
     .switch-toggle.switch-material::after {
       clear: both;
       content: '';
       display: table; }
   .switch-toggle.switch-material a {
     top: 48%;
     width: 6px !important;
     height: 6px;
     margin-left: 4px;
     background: #3f51b5;
     border-radius: 100%;
     transform: translateY(-50%);
     transition: transform .4s ease-in; }
   .switch-toggle.switch-material label {
     color: rgba(0, 0, 0, 0.54);
     font-size: 1em; }
   .switch-toggle.switch-material label:before {
     content: '';
     position: absolute;
     top: 48%;
     left: 0;
     display: block;
     width: 14px;
     height: 14px;
     border-radius: 100%;
     border: 2px solid rgba(0, 0, 0, 0.54);
     transform: translateY(-50%); }
   .switch-toggle.switch-material input:checked + label:before {
     border-color: #3f51b5; }
   /* ripple
  */
   .switch-light.switch-material > span:before,
   .switch-light.switch-material > span:after,
   .switch-toggle.switch-material label:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     z-index: 3;
     display: block;
     width: 64px;
     height: 64px;
     border-radius: 100%;
     background: #3f51b5;
     opacity: .4;
     margin-left: -20px;
     margin-top: -20px;
     transform: scale(0);
     transition: opacity .4s ease-in; }
   .switch-light.switch-material > span:after {
     left: auto;
     right: 0;
     margin-left: 0;
     margin-right: -20px; }
   .switch-toggle.switch-material label:after {
     width: 52px;
     height: 52px;
     margin-top: -12px; }
   @keyframes materialRipple {
     0% {
       transform: scale(0); }
     20% {
       transform: scale(1); }
     100% {
       opacity: 0;
       transform: scale(1); } }
   .switch-material.switch-light input:not(:checked) ~ span:after,
   .switch-material.switch-light input:checked ~ span:before,
   .switch-toggle.switch-material input:checked + label:after {
     animation: materialRipple .4s ease-in; }
   /* trick to prevent the default checked ripple animation from showing
  * when the page loads.
  * the ripples are hidden by default, and shown only when the input is focused.
  */
   .switch-light.switch-material.switch-light input ~ span:before,
   .switch-light.switch-material.switch-light input ~ span:after,
   .switch-material.switch-toggle input + label:after {
     visibility: hidden; }
   .switch-light.switch-material.switch-light input:focus:checked ~ span:before,
   .switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after,
   .switch-material.switch-toggle input:focus:checked + label:after {
     visibility: visible; } }
 
 /* Bugfix for older Webkit, including mobile Webkit. Adapted from
  * http://css-tricks.com/webkit-sibling-bug/
  */
 @media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) {
   .switch-light,
   .switch-toggle {
     -webkit-animation: webkitSiblingBugfix infinite 1s; } }
 
 @-webkit-keyframes webkitSiblingBugfix {
   from {
     -webkit-transform: translate3d(0, 0, 0); }
   to {
     -webkit-transform: translate3d(0, 0, 0); } }
 
 /*# sourceMappingURL=toggle-switch-px.css.map */
 .autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
 .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
 .autocomplete-no-suggestion { padding: 2px 5px;}
 .autocomplete-selected { background: #F0F0F0; }
 .autocomplete-suggestions strong { font-weight: bold; color: #000; }
 .autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
 
 
 @import url(https://fonts.googleapis.com/css?family=Montserrat);
 /*************************/
 /*************************/
 /*************************/
 /* reset *****************/
 *,
 *::after,
 *::before {
   margin: 0;
   padding: 0;
   box-sizing: inherit;
 }
 
 html {
   font-size: 62.5%;
 }
 
 body {
   box-sizing: border-box;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   font-size: 1.6rem;
   line-height: 1.7;
   color: #193446;
   padding: 3rem;
 }
  
 body {
   font-family: montserrat, arial, verdana;
 }
 
 /* END Reset __________________*/
 /*******************************/
 /*******************************/
 /*******************************/
 /* Layout **********************/
 /*******************************/
 .row-form {
   max-width: 114rem;
   margin: 0 auto;
   white-space: nowrap;
 }
 .row-form:not(:last-child) {
   margin-bottom: 0.5rem;
 }
 .row-form::after {
   content: "";
   display: table;
   clear: both;
 }
 .row-form [class^="col-"] {
   float: left;
 }
 .row-form [class^="col-"]:not(:last-child) {
   margin-right: 6rem;
 }
 .row-form .col-1-of-2 {
   width: calc((100% - 6rem) / 2);
 }
 .row-form .col-1-of-4 {
   width: calc((100% - 3 * 6rem) /4);
 }
 .row-form .col-2-of-4 {
   width: calc(2 * ((100% - 3 * 6rem) /4) + 6rem);
 }
 
 /* END Layout _________________*/
 /*******************************/
 /*******************************/
 /*******************************/
 /* Multi Step Form *************/
 /*******************************/
 .multistep-form {
   width: 114rem;
   margin: 5rem auto;
   text-align: center;
   position: relative;
       min-height: 1060px;
	   max-width: 100%;
 }
 .multistep-form fieldset {
   background: white;
   border: 0 none;
   border-radius: 3px;
   box-shadow: 0 0 1.5rem 1px rgba(0, 0, 0, 0.4);
   padding: 2rem 2rem;
   box-sizing: border-box;
   width: 80%;
   margin: 0 auto;
   position: relative ;
 }
 .multistep-form fieldset:not(:first-of-type) {
   display: none;
 }
 .multistep-form .form-radio {
   font-family: inherit;
   color: #193446;
   font-size: 1.3rem;
   cursor: pointer;
   line-height: 4rem;
   padding-left: 1.2rem;
   text-align: left;
 }
 .multistep-form .form-radio .form-radio-label {
   display: inline-block;
   cursor: pointer;
 }
 p.field {
 	margin-bottom: 15px;
 }
 .multistep-form .form-radio .form-input-radio:checked + .form-radio-label {
   color: green;
   font-weight: 700;
 }
 .multistep-form .form-radio span {
   font-weight: 700;
 }
 .multistep-form input[type="radio"] {
   margin-right: 3px;
 }
 .multistep-form .form-radio-label:not(:last-child) {
   margin-right: 2rem;
 }
 .multistep-form input[type="text"], .multistep-form textarea, .multistep-form input[type="email"] {
   padding: 1rem;
   border: 1px solid #777;
   border-radius: 3px;
   margin-bottom: 0rem;
   width: 100%;
   box-sizing: border-box;
   font-family: inherit;
   color: inherit;
   font-size: 1.3rem;
   transition: all .3s;
 }
 .multistep-form input[type="text"]:focus, .multistep-form textarea:focus, .multistep-form input[type="email"]:focus {
   outline: none;
   box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
   border-bottom: 2px solid #0e5d97;
 }
 .multistep-form input[type="text"]:focus:invalid, .multistep-form textarea:focus:invalid, .multistep-form input[type="email"]:focus:invalid {
   border-bottom: 2px solid #ff7730;
 }
 .multistep-form .action-button {
   width: 30rem;
   background: #1170b5;
   font-weight: 700;
   color: #fff;
   border: 0 none;
   border-radius: 2px;
   cursor: pointer;
   padding: 1rem .5rem;
   margin: 1rem .5rem;
   text-transform: uppercase;
 }
 .multistep-form .action-button:disabled {
 	    background: #818181;
 }
 .multistep-form .action-button:hover, .multistep-form .action-button:focus {
   box-shadow: 0 0 0 2px white, 0 0 0 3px #0e5d97;
 }
 .multistep-form .form-label {
   font-size: 1.2rem;
   font-weight: 700;
   text-align: left;
   margin-left: 1.2rem;
   display: block;
   transition: all .3s;
   margin-top: -5px;
 }
 .multistep-form .form-input:placeholder-shown + .form-label {
   opacity: 0;
   visibility: hidden;
   transform: translateY(-3.8rem);
 }
 
 /* END Multi Step __________*/
 .fs-title {
   font-size: 15px;
   text-transform: uppercase;
   color: #2C3E50;
   margin-bottom: 10px;
 }
 
 .fs-subtitle {
   font-weight: normal;
   font-size: 13px;
   color: #666;
   margin-bottom: 20px;
 }
 
 .progressbar {
   margin-bottom: 3rem;
   overflow: hidden;
   /*CSS counters to number the steps*/
   counter-reset: step;
 }
 
 .progressbar li {
list-style-type: none;
color: #193446;
text-transform: uppercase;
font-size: 2rem;
width: 25%;
float: right;
position: relative;
 }
 
 .progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 32px;
  line-height: 30px;
  display: block;
  font-size: 17px;
  color: #333;
  background: white;
  border-radius: 3px;
  margin: 0 auto 5px auto;
 }
 
 /*progressbar connectors*/
 .progressbar li:after {
   content: '';
   width: 100%;
   height: 2px;
   background: white;
   position: absolute;
   right: -50%;
   top: 9px;
   z-index: -1;
   /*put it behind the numbers*/
 }
 
 .progressbar li:first-child:after {
   /*connector not needed before the first step*/
   content: none;
 }
 
 /*marking active/completed steps green*/
 /*The number of the step and the connector before it = green*/
 .progressbar li.active:before, .progressbar li.active:after {
   background: #0e5d97;
   color: white;
 }
 
 @media (max-width:768px) {
 	.multistep-form fieldset {
 		padding: 2rem 5px;
 		width: 100%;
 	}
 	input[type=date] {
 		appearance: normal;
 	}
 	.form-control ,textarea,form#insert_vehicle .vehicle-spec input,form#insert_vehicle .vehicle-info select,form#insert_vehicle .form-group input{
 		font-size: 16px !important;
 	}
 	.progressbar li {
 		font-size: 1.5rem;
 	}
 }