@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Roboto+Slab|Montserrat|Raleway');

body {
    padding:0px;
    margin:0px;
}

/*@media screen and (min-width: 1473px) {
    .container {
        width:1600px!important;
        max-width:1600px!important;
    }
}*/

body, button, input, select, textarea {
    font-family: Open Sans;
}

section.subnav {
    padding-left:.3em;padding-right:.3em;
}

section.garages, section.testimonials, section.grey-curves{
    padding-top:3em;padding-bottom:3em;
}

.is-padded {
    padding-left:2em;padding-right:2em;
}

.home > .pa-hero {
    width:100%;
    background: linear-gradient( rgba(10,20,37, 1), rgba(10,20,37, 0.7) ), url('/img/pauk-hero-v7.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center top;
}

.one-two-three {
    background-color: #f2f5f7; /*#f0ecf0; rgba(42, 86, 157, 0.29);*/
    background: linear-gradient(white, 20%, #f2f5f7);
    min-height:300px;
    margin-top:-1px;
    padding-bottom:3em;
}

.garages {
    /*background-color: #d9dcde;*/
    margin-bottom:4em;
}

.garages .card {
    height:100%;
    display: flex;
    flex-direction: column;
}

.garages .card-footer {
    margin-top: auto;
}

.brand, blockquote, .title, .subtitle, .truspilot-testimonial, .footer-title {
    font-family: Raleway;
}

.pa-hero .container h1, .pa-hero .container h2, .pa-hero .container .shadow { 
    font-family: Raleway;
    color: #ffffff; 
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
     0px 8px 13px rgba(0,0,0,0.1),
     0px 18px 23px rgba(0,0,0,0.1);
}
.number-circle {
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 52px;
    color: #ed1c25;
    background-color: #fff;
    border: 2px dotted #ed1c25;
    font-family: Open Sans;
}
/*.has-text-pasecondary { color: #2a569d }
.has-text-paprimary { color: #ED1C25 }
.is-pasecondary { background-color: #2a569d!important; border-color: transparent; color: #fff!important; }
.is-paprimary { background-color: #ED1C25; border-color: transparent; color: #fff; }
.button.is-pasecondary:hover { background-color: #254b89; border-color: transparent; color: #fff; }
.button.is-paprimary:hover { background-color: #de121a; border-color: transparent; color: #fff; }*/

.wbox { padding:20px;border-radius:10px; background-color:#fff; }
.wbox-services {
    padding:0.7em;
    margin-top:.2em;
    margin-bottom:.4em!important;
}
.tags-box {
    padding-top:1.2em;
    padding-bottom:1.2em;
}

.tags-box .tag {
    margin:1px;
}
.one-two-three .column { padding:30px; }
.one-two-three .wbox {
    width: 100%;
    height:100%;
    display: flex;
    flex-direction: column;
    color: #829ca9; /*#393346;*/
}
.navbar { height:5em; border-bottom: 1px solid #1a3561; }
.navbar-item img { max-height: 66px }
.has-underline { text-decoration: underline; }

.testimonial-quote {
	font-size: 16px;
    display: flex;
    flex-direction: column;
    height:100%;
}

a.tlink, a.tlink:visited {
    color: #ED1C25;
    text-decoration: underline;
}

a.tlink:hover {
    color: #de121a;
}

.testimonial-quote blockquote {
	/* Negate theme styles */
	border: 0;
	margin: 0;
	padding: 0;

	background: none;
	color: gray;
	font-family: Georgia, serif;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.4 !important;
	margin: 0;
	position: relative;
	/*text-shadow: 0 1px white;*/
	z-index: 9;
}

.testimonial-quote blockquote * {
	box-sizing: border-box; 
}

.testimonial-quote blockquote p {
	color: #49535d; 
	line-height: 1.4 !important;
}

.testimonial-quote blockquote p:first-child:before {
	content: '\201C';
	color: #ED1C25;
    color: #82a5de;
	font-size: 7.5em;
	font-weight: 700;
	opacity: .5;
	position: absolute;
	top: -.4em;
	left: -.2em;    
	text-shadow: none;
	z-index: -300;
}

.testimonial-quote img {
	border: 3px solid #9CC1D3;
	border-radius: 50%;
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	top: -.2em; 
	left: 0;    
}

.testimonial-quote cite {
	color: black;
	display: block;
	font-size: .8em; 
}
  
.testimonial-quote cite span {
    color: black;
	font-size: 1em;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.testimonial-quote {
	position: relative; 
}

.testimonial-quote .quote-container {
	padding-left: 25px; 
}
  
.testimonial-quote.right .quote-container {
	padding-left: 0;
	padding-right: 25px; 
}

.testimonial-quote.right img {
	left: auto;
	right: 0;
}

.testimonial-quote.right cite {
	text-align: right; 
}

.trustpilot-testimonial {
    position: relative;
}

.trustpilot-testimonial blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;

    background: none;
    color: gray;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    /*text-shadow: 0 1px white;*/
    z-index: 9;
}

.trustpilot-testimonial blockquote p:first-child:before {
    font-family: Georgia, serif;
    content: '\201C';
    color: #7be4bb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: .5;
    position: absolute;
    top: -.45em;
    left: .05em;
    text-shadow: none;
    z-index: -300;
}

.rating {
  unicode-bidi: bidi-override;
  /*direction: rtl;*/
}
.rating > i {
  display: inline-block;
  position: relative;
  width: 1em;
  color:#f9ac07;
}

.rating.norating > i {
    color:#dbdbdb;
}
.rating > span {
    /*color:gold;*/
}
.no-rating {

}
/*.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
}*/

.page-header {
    padding-top:0em;
    padding-bottom:3em;
}

.page-header h1 {
    /*color:rgb(10,20,37);*/
    margin-bottom:0.1em!important;
}

.page-header p {
    color:#99a6af;
}

.grey-curves, .garage-locator, .search-header {
    background: #f2f5f7;/*#d9dcde1f;*/
}

.grey-curves {
    margin-top:-7px;
    /*margin-bottom:12px;*/
}

.grey-curves .container {
    padding-top:2em;
    padding-bottom:4em;
}

.garage-locator {
    /*border-bottom:1px solid #d9dcde;*/
}

#map {
    border:1px solid #d9dcde;
}

.result-card {
    display:block;
    border:1px solid #fff;
    border-left:5px solid #d9dcde;
    background: #fff;
    padding:0.5em;
    margin-bottom:0.5em;
    border-radius:5px;
}

.result-card.active,.result-card:hover {
    background: #fff;/*#ffff001a;*/
    border:1px solid #d9dcde;
    border-left:5px solid #2a569d;
    /*border-right:1px solid #d9dcde52;
    border-top:1px solid #d9dcde52;
    border-bottom:1px solid #d9dcde52;*/
    border-radius:5px;
    cursor:pointer;
}

.result-card .card-content {
    padding:1em;
}

.result-card a.card-angle {
    color:#d9dcde;
}

.result-card .column {
    padding:0.2rem;
}

.result-card.active a.card-angle {
    color:#2a569d;
}

.nav-tabs ul > li {
    padding:0.5em;
    padding-left:1.2em;
}

.marker {
    display: block;
    border: none;
    cursor: pointer;
    padding: 0;
    height:40px;
    width:40px;
    font-size:2em;/* 3em;*/
    margin-top:-.5em; /* shift marker to correct location */
}

.marker-shadowx  {
    text-shadow: 0 0 3px #1a3561;/*#2a569d;*/
}

.fa-map-marker {
    stroke: #af0e15;
    stroke-width: 1;
    -webkit-text-stroke:1px #af0e15;
}

.marker-text {
    display: block;
    padding: 0;
    font-size:1em;/*1.7em;*/
    margin-top:-1.2em;/*-1.7em;*/
    margin-left:.38em;
}

.fa-star, .fa-star-half-alt {
    /*color: gold;*/
}

#curveUpColor path, #curveDownColor path {
    fill: #f2f5f7;
    stroke: #f2f5f7;
    padding:0px;
    margin:0px;
}

.subnav .links a {
    margin-left:2em;
    font-weight:600;
    padding-top:1em;
    padding-bottom:.9em;
    padding-right:.5em;
    padding-left:.5em;
}

.subnav .links a {
    position: relative;
}

.subnav .links a:hover {
    color: #ED1C25;
}

.subnav .links a:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #ED1C25;
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.subnav .links a:hover:before {
    transform: translate(-50%, 0) scaleX(1);
}

.drop-shadow {
    -webkit-box-shadow: 0 0.25rem 0.125rem 0 rgba(0,0,0,0.05);
    box-shadow: 0 0.25rem 0.125rem 0 rgba(0,0,0,0.05);
}

.breadcrumb {
    margin-top:1.4em;
}


section::before, section::after {
    position: absolute;
    content: '';
    pointer-events: none;
}


.fa-beat {
  -webkit-animation: fa-beat 1s infinite linear;
  animation: fa-beat 1s infinite linear;
}
@-webkit-keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Icon pulse */
.xfa-pulse {
	display: inline-block;
	-moz-animation: pulse 2s infinite linear;
	-o-animation: pulse 2s infinite linear;
	-webkit-animation: pulse 2s infinite linear;
	animation: pulse 2s infinite linear;
}

@-webkit-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-ms-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

.location-has-sections h2 {
    padding:1em;
    font-weight:600;
    border-bottom:3px solid #f2f5f7;
    margin-bottom:1em;
}

.location-has-sections ul li {
    padding:0.2em;
}

input.is-large.input-text-medium {
    font-size:1.1em;
    height: calc(3em + 7px);
    padding: calc(0.875em - 1px) calc(1em - 1px);
    padding-left:3em!important;
}

input.is-medium.input-text-small {
    font-size:1.1em;
    height: calc(2.5em + 1px);
    padding: calc(0.875em - 1px) calc(1em - 1px);
}

.form-tag-top-margin {
    margin-top:1.2em;
}

.xbutton.is-large.input-text-medium {
    text-align:left;
    font-weight:bold;
}

.map-result-cards {
    padding-top:1em;
}
.map-result-cards::-webkit-scrollbar {
    width:3px;
}

.map-result-cards::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 2px;
}

.map-result-cards::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.map-results-container .column {
    padding: 0 .75rem 0 .75rem;
}

.dropdown-menu .dropdown-content a, .dropdown-menu .dropdown-content a:hover {
    color:#ED1C25;
    font-weight:300;
}

.signin-signup a, .signin-signup a:hover {
    margin-top:1em;
}

.signin-signup-buttons {
    padding-left: 1rem;
    padding-right:1rem;
    font-size:0.8em;
}

.signin-signup-buttons p {
   font-size:1.1em;
   font-weight:600;
   padding-top:5px;padding-bottom:8px;
}

.signin-signup .dropdown-menu {
    min-width: 17rem;
}

.input-no-borders, .input-no-borders:focus {
    border:0px!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent;
}

.help-grouped {
    margin-top:-15px;
    margin-bottom:20px;
}

.help-split {
    margin-bottom:20px;
    margin-top:-4px;
}

.form-box {
    padding:2em;padding-top:2em;padding-bottom:.5em;
}

.profile-feature-img {
    min-height:8em;
}

.field-grouped {
    margin-bottom:0px!important;
}

.field-split-column {
    padding:0px;
}

.field-split-column-padded-right-desktop {
    padding-right:.75rem;
}

img.top-nav-logo {
    height:28px;
}

/* some mobile-only rules */
@media screen and (max-width: 768px) {
    .field-split-column-padded-right-desktop {
        padding-right:0px!important;
        padding-bottom:.75em;
    }

    .field-grouped {
        margin-bottom: 10px!important;
    }

    .is-padded {
        padding-left:1em;
        padding-right:1em;
    }

    .main-carousel:after {
        content: 'flickity';
        display: none;
    }

    .one-two-three .carousel-cell {
        padding:.5em;
    }

    .help-grouped {
        margin-top:-7px;
        margin-bottom:12px;
    }

    .form-box {
        padding:1em;padding-top:2em;padding-bottom:.5em;
    }

    .profile-feature-img {
        min-height:15em;
    }

    img.top-nav-logo {
        height:24px;
    }
}

/* some desktop-only rules */
@media screen and (min-width: 769px) {
    .map-result-cards {
        max-height:500px;overflow-y:scroll;overflow-x:hidden;
    }

    form div.field.is-horizontal {
        padding-bottom:.5em;
    }
}

footer .footer-links li {
    padding-top:.3em;
}
footer .footer-links a {
    color:#fff;
}

footer .footer-links a:hover {
    color:#ED1C25;
}

footer .footer-title {
    margin-bottom:1em;
}

.navbar-burger.burger {
    margin-top:1.5em;
}

.navbar-burger.burger:hover {
    cursor:pointer;
}

.rotate {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.rotate.down {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.overlayMenu {
  height: 100%;
  width: 100%;
  margin-left:-110vw;
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  background-color: rgb(10,20,37);
  background-color: rgba(10,20,37, 0.95);
  overflow-x: hidden;
  transition: 0.5s;
  max-width:100vw;
  max-height:100vh;
}

.overlayMenu-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlayMenu a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.overlayMenu a:hover, .overlayMenu a:focus {
  color: #ED1C25;
}

.overlayMenu .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.overlaySubMenu {
    background:#ED1C2554;
}
.overlaySubMenu a {
    font-size:24px;
}

@media screen and (max-height: 450px) {
  .overlayMenu a {font-size: 20px}
  .overlayMenu .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.field-body > .field:not(.is-narrow) {
    flex-basis: 0;
    flex: 1 1 0;
}

.columns.is-variable .column {
	padding-top: var(--columnGap);
	padding-bottom: var(--columnGap);
}

.hr-or {
    background: linear-gradient(180deg,
        #fff calc(50% - 1px),
        #f5f5f5 calc(50%),
        #fff calc(50% + 1px)
    );
    padding:1.25rem 1.25rem 1.25rem 1.25rem;
}

@media only screen and (max-device-width: 600px) {
    #login-section {
        margin-top:3em;
    }
}

object { pointer-events: none; }

.mapboxgl-popup {
    max-width: 400px;
    min-width:300px;
    font: 12px/20px;
    font-family: Raleway;
}


/**
 * business profile
 */
.profile-buttons {
    margin-top:1.5em;
}

.business-profile-image {
    max-height:12em;
    max-width:100%;
}

.is-hidden { display:none; }

/**
 * Applications css
 * #2a569d
 *
.steps .step-item.is-step-paprimary.is-completed .step-marker { background-color: #ED1C25 ; }
.steps .step-item.is-step-paprimary.is-active .step-marker { border-color: #ED1C25 ; }
.steps .step-item.is-active.is-completed::before {
    background: linear-gradient(to left,#ED1C25 50%,#ED1C25 50%);
}
*/

/* .steps .step-item.is-step-paprimary.is-completed .step-marker { background-color: #2a569d ; } */
.steps .step-item.is-step-paprimary.is-completed .step-marker { background-color: #fff; font-size: 1.5em; color: #2a569d; }
.steps .step-item.is-step-paprimary.is-active .step-marker { border-color: #ED1C25 ; }
.steps .step-item.is-completed::before {
        background: linear-gradient(to left,#2b559d 50%,#2b559d 50%);
}


.steps .step-item .step-details .step-title { padding-top:10px; font-size:1em; font-weight: 400; color: #b5b5b5; padding-left:0.5em; }
.steps .step-item .step-marker { height: 2.5rem; width: 2.5rem; }
.steps .step-item .step-marker { font-weight: 400; border: .1em solid #fff; /*background: #2a569d*/ }
.steps .step-item:not(:first-child)::before { top: 1.25rem; height: .1rem; }
.pageloader { transition: transform .15s ease-out,-webkit-transform .15s ease-out }

.field-body > .field:not(.is-narrow) {
    flex-basis: 0;
    flex: 1 1 0;
}

#payment-summary-link { display:none; }
@media(max-width: 767px) {
  .columns-reverse {
    flex-direction: column-reverse;
    display:flex;
  }

  #payment-summary { display:none; }
  #payment-summary-link { display:block; }
}

  .loan-info-box .notification {
    padding: 0.75rem 1.25rem 0.75rem 0.75rem;
    height:100%;
  }


.columns.is-variable .column {
	padding-top: var(--columnGap);
	padding-bottom: var(--columnGap);
}

.modal-card {
    padding:1em;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.05); }

input[name=amount] {
    background: #2a569d;
    color:#fff;
    font-weight: bold;
}

input[name=amount]::placeholder {
    opacity: 1;
    color: #4872b5;
}

input[name=amount]:-ms-input-placeholder {
    color: #4872b5;
}

input[name=amount]::-ms-input-placeholder {
    color: #4872b5;
}

.select select[multiple] option:checked {
    /*background: #f5f5f5 linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%);*/
    background: #afafaf linear-gradient(0deg, #afafaf 0%, #afafaf 100%);
}

.social-buttons a {
    color:#fff;
}

.social-buttons a:hover {
    color:#ED1C25;
}

/* daterangepicker territory overrides */
.daterangepicker .ranges ul li {
    color:#2a569d;
}

.daterangepicker .ranges ul li.active {
    color:#fff;
    background-color:#2a569d;
}

.daterangepicker .ranges ul li:hover {
    color:#2a569d;
    background-color:#fcd6d7;
}

.daterangepicker td.active, .daterangepicker td:hover {
    background-color:#2a569d;
}

.logo-xmas {
    display: none;
    width: 50px;
    position: absolute;
    left: -15px;
    top: -10px;
    /*-webkit-transform: scaleX(-1);
    transform: scaleX(-1);*/
}
