body {font-family:'Open Sans', sans-serif; font-size:16px; line-height:1.5; color:#25252b;}
a {text-decoration:none; transition:all 0.4s ease;}

#header-nav {padding-top:12px; padding-bottom:12px; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:3;}
#mainmenu {display:none;}
#mainmenu-open {float:right; font-size:25px; color:#6667ab; position:relative; top:2px;}
header .logo {float:left;}
header .logo a {color:#656477; }
.logo a {text-decoration:none; display:inline-block; height:31px; font-size:24px; font-weight:700; font-style:italic; letter-spacing:-0.5px; transition:all 0.5s ease;}
.logo a svg {height:100%; position:relative; top:-1px;}
.logo a span {display:inline-block;}
header .logoimg {fill:#6667ab}

header .mainmenu ul, header .usermenu ul {list-style-type:none;}
header .usermenu a {font-weight:bold; color:#6667ab;}
header .usermenu a:before {font-family:"Font Awesome 5 Free"; font-weight:900; font-size:15px; display:inline-block; margin-right:4px;}
#usermenu-login:before {content:'\f09c';}
#usermenu-register:before {content:'\f055';}

#pagehead-index {background-color:#6667ab; background-image: linear-gradient(0deg, #4d4e88 0%, #6667ab 100%); padding:100px 0 50px 0;}
#pagehead-index #pagehead-content {position:relative; /*min-height:400px;*/}
#pagehead-index #pagehead-img {position:absolute; top:0; left:0; z-index:1;}
#pagehead-index #pagehead-heading {color:#fff; font-style:italic; z-index:2; position:relative; font-size:20px; line-height:1.2; margin-bottom:60px;}
#pagehead-index #pagehead-heading span {display:block; font-weight:700;}
#pagehead-index #pagehead-heading strong {display:block; font-weight:800; font-size:200%; margin-bottom:20px;}
#pagehead-form {background:#fff; z-index:2; position:relative; padding:30px;}

.quoteform-vehicleselect-radio {display:none;}
#quoteform-vehicleselect-btns {}
#quoteform-vehicleselect-btns a {display:block; width:33%; height:70px; padding:10px 0; float:left; text-align:center;}
#quoteform-vehicleselect-btns a svg {display:inline; fill:#cacad8;position:relative; transition:all 0.5s ease;}
#quoteform-vehicleselect-btns a.active svg, 
#quoteform-vehicleselect-btns a:hover svg {fill:#6667ab;}

#quoteform-vehicleselect-car svg {width:58px; height:42px; top:2px; left:1px;}
#quoteform-vehicleselect-motorcycle svg {width:70px; height:40px; top:4px;}
#quoteform-vehicleselect-jetski svg {width:69px; height:32px; top:6px; left:-5px;}
#quoteform-vehicleselect-boat svg {width:82px; height:28px; top:8px;}
#quoteform-vehicleselect-caravan svg {width:75px; height:43px; top:1px; left:3px;}
#quoteform-vehicleselect-trailer svg {width:67px; height:43px; top:1px;}

@media (max-width:400px) {
    #quoteform-vehicleselect-car svg {width:52px; height:38px; top:2px; left:1px;}
    #quoteform-vehicleselect-motorcycle svg {width:63px; height:36px; top:4px;}
    #quoteform-vehicleselect-jetski svg {width:63px; height:29px; top:6px; left:-6px;}
    #quoteform-vehicleselect-boat svg {width:74px; height:22px; top:7px;}
    #quoteform-vehicleselect-caravan svg {width:62px; height:39px; top:1px; left:3px;}
    #quoteform-vehicleselect-trailer svg {width:60px; height:39px; top:1px; left:-1px;}
}

.form-group-with-icon {padding-left:30px; position:relative;}
.form-group-with-icon .form-group-icon {position:absolute; top:26px; left:0; color:#6667ab; font-size:24px;}

.btn-formsubmit-block {width:100%; border:0; margin-top:30px; background-color:#6667ab; color:#fff; font-weight:700; text-align:center; padding:16px 0 20px 0; line-height:1; font-size:27px; letter-spacing:-0.5px; transition:all 0.5s ease;}
.btn-formsubmit-block:hover {background-color:#414270;}

footer {background-color:#262538; color:#c7c5e6; padding:90px 0;}
footer a {color:#c7c5e6; text-decoration:none;}
footer a:hover, footer a:focus, footer a:active {color:#fff;}
footer nav a {border-bottom:1px solid #262538; padding-bottom:2px;}
footer nav a:hover, footer nav a:focus, footer na v a:active {border-bottom:1px solid #fff;}
footer .logo {padding:10px 0 40px 0;}
footer .logo a {color:#c7c5e6; }
footer .logo a:hover {color:#fff;}
footer .logoimg {fill:#c7c5e6; transition: all 0.5s ease;}
footer a:hover .logoimg {fill:#fff;} 
footer ul {list-style-type:none; margin:0; padding:0;}
footer ul li {padding:5px 0 12px 0;}
footer nav {padding:30px 0; margin:0;}
footer h5 {margin-bottom:30px; color:#c7c5e6; font-weight:700; font-size:20px; line-height:1;}

#bottom {background-color:#262538; color:#c7c5e6; padding:0 0 20px 0; text-align:center; line-height:1.15;}

main h1 {font-weight:700; letter-spacing:-1px; font-size:32px; margin-bottom:32px; line-height:36px;color:#6667ab;}
main h2 {font-weight:700; letter-spacing:-0.75px; font-size:28px; margin-bottom:28px; line-height:32px;color:#6667ab;}
main h3 {font-weight:700; letter-spacing:-0.5px; font-size:24px; margin-bottom:24px; line-height:28px;color:#6667ab;}

main .home h1 {font-weight:700; letter-spacing:-1px; font-size:32px; margin-bottom:32px; line-height:36px;color:#C0C5F9;}
main .home h3 {font-weight:700; letter-spacing:-0.5px; font-size:24px; margin-bottom:24px; line-height:28px;color:#C0C5F9;}


#how-it-works {padding:140px 0 130px 0;}
#how-it-works h1 {color:#6667ab;}
.how-it-works-box-set {padding-top:40px;}
.how-it-works-box {padding-top:20px; padding-bottom:20px;}
.how-it-works-box span {display:block; width:70px; height:70px; background-color:#6667ab; color:#fff; font-size:38px; font-weight:800; text-align:center; border-radius:50%; line-height:66px; margin-bottom:24px;}
.how-it-works-box h3 {font-size:24px; color:#25252b; font-weight:700; line-height:27px; margin-bottom:18px;}

#why-use {background-size:cover; background-position:center center; color:#fff; padding:150px 0 130px 0;}
#why-use h1 {margin-bottom:60px;}
.why-use-box {padding-top:20px; padding-bottom:20px;}
.why-use-box .fas {font-size:64px; margin-bottom:15px;}
.why-use-box h3 {margin-bottom:30px;}
#testimonials {background-color:#f2f2ff; padding:120px 0 200px 0;}
#testimonials-img {width:100px; height:100px;}

#pagehead-inner {background-color:#6667ab; background-image: linear-gradient(0deg, #4d4e88 0%, #6667ab 100%); margin-top:60px}
#pagehead-inner #page-title {color:#fff; font-weight:800; font-size:27px; letter-spacing:-1px; font-style:italic; padding:30px 0;}
#pagehead-inner-imgbg {background-repeat:no-repeat; background-position:center center; background-size:30%;}

#page-inner {padding:80px 0;}
#page-inner-title {margin-bottom:40px;}

@media (max-width:576px) {
    .container {padding-left:5vw; padding-right:5vw;}
    #pagehead-index #pagehead-img {width:91vw; height:auto;}
    #pagehead-index #pagehead-heading {padding-top:180px; padding-bottom:40px;}
}

@media (min-width:575.99px) {
    #pagehead-index #pagehead-img {width:500px; height:auto;}
    #pagehead-index #pagehead-heading {padding-top:180px; padding-bottom:20px;}
    #pagehead-index #pagehead-heading strong {line-height:1.05;}
    #pagehead-index #pagehead-heading span {line-height:1.25;}
}

@media (min-width:768px) {
    .logo a {font-size:30px; letter-spacing:-0.6px;height:38px;}
    .logo a svg {top:-4px;}
    #pagehead-index {padding:150px 0 70px 0;}
    #pagehead-index #pagehead-img {width:700px; height:auto;}
    #pagehead-index #pagehead-heading {padding-top:240px; padding-bottom:40px;}
    #mainmenu-open {top:5px;}
    footer nav {float:left; margin-right:60px;}
    .why-use-box h3, .why-use-box p {padding-right:20px;}
    #testimonials-img {width:120px; height:120px;}
    #pagehead-inner {margin-top:64px;}
    #pagehead-inner #page-title {padding:40px 0;}
    #page-inner {padding:100px 0;}
    #page-inner-title {margin-bottom:50px;}
}

@media (max-width:991px) {
    #mainmenu {position:fixed; z-index:100; width:100%; min-height:100vh; top:0; left:0; background-color:#6667ab;; padding:30px;}
    #mainmenu a {color:#fff; text-decoration:none;}
    #mainmenu-close {font-size:25px; color:#fff; float:right;}
    header .usermenu ul {padding-top:20px; padding-bottom:20px;}
    header .usermenu li, header .mainmenu li {margin-bottom:10px;}
    header .usermenu a {color:#fff;}
    #testimonials-img-container {padding-bottom:40px;}
    footer .logo {padding:20px 0;}
}

@media (min-width:992px) {
    #mainmenu {display:block !important;}
    #mainmenu-open, #mainmenu-close {display:none !important;}
    #header-nav {padding-top:20px; padding-bottom:20px;}
    header .mainmenu {float:left; padding-left:95px; padding-top:14px; font-size:14px;}
    header .usermenu {float:right; font-size:14px;padding-top:12px;}
    header #trigger {display:none;}
    main h1 {margin-bottom:4rem;}

    header .mainmenu ul, header .usermenu ul {margin:0; padding:0;}
    header .mainmenu ul li, header .usermenu ul li {display:inline-block;}
    header .mainmenu a {font-size:14px; color:#54545f; display:inline-block; margin-left:30px; border-bottom:1px solid #fff;}
    header .mainmenu a:hover {color:#6667ab; border-bottom:1px solid #6667ab;}
    header .usermenu a {color:#6667ab;margin-left:20px;}
    #pagehead-index {padding:160px 0 80px 0;}
    #pagehead-index #pagehead-img {height:320px; width:auto; top:50px;}
    #pagehead-index #pagehead-heading {float:left; width:500px; margin-bottom:0; font-size:22px; padding-top:320px; padding-bottom:0;}
    #pagehead-form {float:right; width: 400px;}
    footer nav {margin-right:100px;}
    #how-it-works {padding:150px 0;}

    main h1 {font-size:36px; margin-bottom:36px; line-height:42px;}
    main h2 {font-size:30px; margin-bottom:30px; line-height:36px;}
    main h3 {font-size:24px; margin-bottom:24px; line-height:28px;}

    .why-use-box h3, .why-use-box p {padding-right:20px;}
    #testimonials-img-container {text-align:center;}
    #testimonials-img {width:196px; height:196px;}
    #pagehead-inner {margin-top:80px;}
    #pagehead-inner #page-title {padding:50px 0 50px 0;}
    #page-inner {padding:120px 0;}
    #page-inner-title {margin-bottom:60px;}
}

@media (min-width:1200px) {
    #pagehead-index {padding:170px 0 90px 0;}
    #pagehead-index #pagehead-img {height:460px; left:-50px; top:0;}
    #pagehead-index #pagehead-heading {width:600px;font-size:24px; padding-top:300px;}
    #pagehead-form {width: 416px;}
    footer .logo {float:left; margin-right:100px;}
    #why-use {padding:200px 0;}
    
    #testimonials {padding:200px 0 240px 0;}
    #how-it-works {padding:160px 0 150px 0;}
    .how-it-works-box-set {padding-top:60px;}
    .how-it-works-box {position:relative;}
    .how-it-works-box h3, .how-it-works-box p {margin-left:80px; padding-right:30px;}
    .how-it-works-box span {position:absolute; top:10px; left:0;}
    .loginform-container {margin-top:100px; margin-bottom:50px;}

    
}

@media (min-width:1400px) {
    #pagehead-index #pagehead-heading {width:660px; font-size:28px; padding-top:150px;}
    #pagehead-index #pagehead-img {height:580px; left:-70px; top:-15px;}
    footer {padding:140px 0 110px 0;}
    footer .logo {margin-right:160px;}
    header .mainmenu {padding-left:130px;}
    .how-it-works-box h3 {padding-right:50px;}
    .why-use-box h3, .why-use-box p {padding-right:30px;}
    .loginform-container {margin-top:140px; margin-bottom:100px;}
}


/* TESTIMONIALS FRONTPAGE */

#testimonials-carousel .owl-nav {width: 100%; position: absolute; top: 50%;}
@media (max-width: 991.98px) {
    #testimonials-carousel .owl-nav {display: none;} 
}

#testimonials-carousel .owl-nav .owl-next,
#testimonials-carousel .owl-nav .owl-prev {
      border: 1px solid red;
      z-index: 92;
      position: absolute;
      top: 50%;
      opacity: .5;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
#testimonials-carousel .owl-nav .owl-next:active, #testimonials-carousel .owl-nav .owl-next:focus,
#testimonials-carousel .owl-nav .owl-prev:active, #testimonials-carousel .owl-nav .owl-prev:focus { outline: none; }
#testimonials-carousel .owl-nav .owl-next:hover,
#testimonials-carousel .owl-nav .owl-prev:hover { opacity: 1; }
#testimonials-carousel .owl-nav .owl-next span, #testimonials-carousel .owl-nav .owl-prev span { color: #fff; }
#testimonials-carousel .owl-nav .owl-next span:before,
#testimonials-carousel .owl-nav .owl-prev span:before { font-size: 40px !important; }
#testimonials-carousel .owl-nav .owl-next { border: 4px solid blue; right: 20px; }
#testimonials-carousel .owl-nav .owl-prev { left: 20px; }
  
#testimonials-carousel .owl-dots { position: absolute; bottom: -80px; left: 0;
    /*
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); 
    */
 }
#testimonials-carousel .owl-dots .owl-dot { background: none; display: inline-block; }
#testimonials-carousel .owl-dots .owl-dot > span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: rgba(68, 66, 105, 0.5); margin: 5px; }
#testimonials-carousel .owl-dots .owl-dot.active > span { background: #444266; }
#testimonials-carousel .owl-dots .owl-dot:active, #testimonials-carousel .owl-dots .owl-dot:focus { outline: none; }
  
blockquote.testimonial { max-width:100%; margin: 0; }
blockquote.testimonial p { font-size: 16px; color: #444266; line-height: 1.5; font-style:italic; margin-bottom:24px;}
blockquote.testimonial .author { font-size: 16px;  font-weight:700; font-style:italic; margin-bottom:24px;}
blockquote.testimonial .author cite { color: #444266; }
blockquote.testimonial .rating {margin-bottom:0;}

/* FIX ACCORDION */

.accordion-button {padding: 1rem 1.25rem 1rem 0; font-weight:700;}
.accordion-button:not(.collapsed) { color: #25252b; background-color: #fff; box-shadow: 0 0 0 rgba(0,0,0,0); }
.accordion-button:focus { z-index: 1; border-color: rgba(0,0,0,0,); outline: 0; box-shadow: 0 0 0 0 rgba(0,0,0,0);}
.accordion-body {padding: 0 0 1rem 0;}

.map-wrapper {
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  height: 450px;
}
.map-wrapper iframe {
  width: 100%;
  height: 450px;
}
.error {
	color: #FF0004 !important;
}

.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; }
.slider.slider-horizontal {
	width: 100% !important;
}

.input-group-text {
	padding: 1rem .75rem !important;
	background-color: transparent !important;
	border: none !important;
}
.h-lg-30px {
  height: 30px !important;
}

.score {
  display: block;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}

.score-wrap {
  display: inline-block;
  position: relative;
  height: 19px;
}

.score .stars-active {
  color: #EEBD01;
  position: relative;
  z-index: 10;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.score .stars-inactive {
  color: grey;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-text-stroke: initial;
  /* overflow: hidden; */
}

.text-gray-400 {
  color: #B5B5C3 !important;
}

.card-columns {
  column-gap: 25px; }
  .card-columns .card {
    display: inline-block; }
  @media (min-width: 600px) and (max-width: 799.98px) {
    .card-columns {
      column-count: 1; } }
  @media (min-width: 800px) and (max-width: 979.98px) {
    .card-columns {
      column-count: 2; } }
  @media (min-width: 980px) and (max-width: 1199.98px) {
    .card-columns {
      column-count: 3; } }
  @media (min-width: 1200px) and (max-width: 1359.98px) {
    .card-columns {
      column-count: 3; } }
  @media (min-width: 1360px) {
    .card-columns {
      column-count: 4; } }