:root{--ar-primary:#f32d09;--ar-primary-rgb:243,45,9;--ar-secondary:#edf1f5;--ar-secondary-rgb:237,241,245;--ar-warning-rgb:237,203,80;--ar-info-rgb:63,127,202;--ar-success-rgb:63,202,144;--ar-danger-rgb:237,80,80;--ar-body-font-family: Lato,sans-serif;--ar-heading-font-family: Anton,sans-serif;--ar-root-font-size:1.05rem;--ar-body-font-size:1.1rem;--ar-border-width:0px;--ar-border-radius:0rem;--ar-border-radius-sm:calc(var(--ar-border-radius)*0.75);--ar-border-radius-lg:calc(var(--ar-border-radius)*1.25);--ar-border-radius-xl:calc(var(--ar-border-radius)*1.5);--ar-border-radius-2xl:calc(var(--ar-border-radius)*2.25);--ar-link-color:#f32d09;--ar-link-hover-color:#da2808;}.btn-primary{--ar-btn-bg:#f32d09;--ar-btn-border-color:#f32d09;--ar-btn-hover-bg:#da2808;--ar-btn-hover-border-color:#da2808;--ar-btn-active-bg:#da2808;--ar-btn-active-border-color:#da2808;--ar-btn-disabled-bg:#f32d09;--ar-btn-disabled-border-color:#f32d09;}.btn-secondary{--ar-btn-bg:#edf1f5;--ar-btn-border-color:#edf1f5;--ar-btn-disabled-bg:#edf1f5;--ar-btn-disabled-border-color:#edf1f5;}.btn-warning{--ar-btn-bg:#edcb50;--ar-btn-border-color:#edcb50;--ar-btn-disabled-bg:#edcb50;--ar-btn-disabled-border-color:#edcb50;}.btn-info{--ar-btn-bg:#3f7fca;--ar-btn-border-color:#3f7fca;--ar-btn-disabled-bg:#3f7fca;--ar-btn-disabled-border-color:#3f7fca;}.btn-success{--ar-btn-bg:#3fca90;--ar-btn-border-color:#3fca90;--ar-btn-disabled-bg:#3fca90;--ar-btn-disabled-border-color:#3fca90;}.btn-danger{--ar-btn-bg:#ed5050;--ar-btn-border-color:#ed5050;--ar-btn-disabled-bg:#ed5050;--ar-btn-disabled-border-color:#ed5050;}.btn-outline-primary{--ar-btn-color:#f32d09;--ar-btn-border-color:#f32d09;--ar-btn-hover-bg:#f32d09;--ar-btn-hover-border-color:#f32d09;--ar-btn-active-bg:#f32d09;--ar-btn-active-border-color:#f32d09;--ar-btn-disabled-color:#f32d09;--ar-btn-disabled-border-color:#f32d09;}.btn-outline-secondary{--ar-btn-color:#edf1f5;--ar-btn-border-color:#edf1f5;--ar-btn-hover-bg:#edf1f5;--ar-btn-hover-border-color:#edf1f5;--ar-btn-active-bg:#edf1f5;--ar-btn-active-border-color:#edf1f5;--ar-btn-disabled-color:#edf1f5;--ar-btn-disabled-border-color:#edf1f5;}.btn-outline-warning{--ar-btn-color:#edcb50;--ar-btn-border-color:#edcb50;--ar-btn-hover-bg:#edcb50;--ar-btn-hover-border-color:#edcb50;--ar-btn-active-bg:#edcb50;--ar-btn-active-border-color:#edcb50;--ar-btn-disabled-color:#edcb50;--ar-btn-disabled-border-color:#edcb50;}.btn-outline-info{--ar-btn-color:#3f7fca;--ar-btn-border-color:#3f7fca;--ar-btn-hover-bg:#3f7fca;--ar-btn-hover-border-color:#3f7fca;--ar-btn-active-bg:#3f7fca;--ar-btn-active-border-color:#3f7fca;--ar-btn-disabled-color:#3f7fca;--ar-btn-disabled-border-color:#3f7fca;}.btn-outline-success{--ar-btn-color:#3fca90;--ar-btn-border-color:#3fca90;--ar-btn-hover-bg:#3fca90;--ar-btn-hover-border-color:#3fca90;--ar-btn-active-bg:#3fca90;--ar-btn-active-border-color:#3fca90;--ar-btn-disabled-color:#3fca90;--ar-btn-disabled-border-color:#3fca90;}.btn-outline-danger{--ar-btn-color:#ed5050;--ar-btn-border-color:#ed5050;--ar-btn-hover-bg:#ed5050;--ar-btn-hover-border-color:#ed5050;--ar-btn-active-bg:#ed5050;--ar-btn-active-border-color:#ed5050;--ar-btn-disabled-color:#ed5050;--ar-btn-disabled-border-color:#ed5050;}
.mosaic-grid-row:not(.bg-primary){
    .tile-heading {
        color:var(--ar-primary);
    }
}

.navbar-toggler-icon, .navbar-toggler-icon::after, .navbar-toggler-icon::before {
    background-color: var(--ar-primary) !important;
}

.card-text,
p {
    color: var(--ar-heading-color);
    font-weight:300;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.btn {
    font-family: Anton, sans serif;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-weight: 500;
}

.display-1 {
    font-size:7rem; 
}

.btn-lg>[class*=" ai-"], .btn-lg>[class^=ai-] {
    font-size: 1.75em;
}

.read-more-btn {
    background-color: #fff;
    color: #000;
    font-size: 1.5rem;
}

div.steps {
    --ar-steps-connect-width:3px;
    --ar-steps-number-size:2.5rem;
    --ar-steps-number-inner-size:1.75rem;
}

div.hotspots{
  --ar-hotspots-size:3rem !important;  
  .hotspot {
    border-radius:0;
    text-decoration:none;
  }
  .hotspot-inner {
    border: 1px solid var(--ar-primary);
    border-radius:0;    
  }

}

.card.card-has-image {
    .card-body {
        padding:2.5rem 0;
    }
}
 
.card-flip {
    height:350px !important;
} 

div.card-flip-front {
    text-align:center !important;
    background-color:rgba(var(--ar-primary-rgb)) !important;

    h2 {
        background-color:transparent !important;
        color: var(--ar-light) !important;
        font-size:4rem !important;
        text-transform: uppercase;
        letter-spacing: 0.025em;
    }
    .me-auto {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: auto !important;

    }
}

div.card-flip-back {
    border: 4px solid rgba(var(--ar-primary-rgb)) !important;
    color: var(--ar-heading-color) !important;
}

div.card-flip-front:before,
div.card-flip-back:before  {
    content: '';
    height:4px;
    width:90%;
    border: 4px solid #fff !important;
    border-left: 0;
	border-right: 0;
	border-top: 0;
	bottom:-8px;
	left:50%;
	transform: rotate(180deg);
	position: absolute;
}


.offcanvas-backdrop.show {
    opacity: 0;
}

.offcanvas-header .btn-close {
    opacity: 1;
    background-size:42px;
}
.bg-primary {
    h1 {
        color: #fff !important;
    }
}

.step-number::before {
    background-color: #fff;
    opacity:0.5 !important;
}

.navbar-toggler-icon, .navbar-toggler-icon::after, .navbar-toggler-icon::before {
    position: absolute;
    height: .275rem;
}

@media (width <= 800px) {
    
  img.header-logo {
      height: 60px;
  }
  .hotspot{
     --ar-hotspots-size:2rem !important; 
  }
  .hotspots [class^=ai-], .hotspots [class*=" ai-"] 
  {
    font-size: 0.75em;
  }
  .display-1 {
    font-size: 4rem !important; 
  }
  div.card-flip-front {
       h2 {
           font-size: 3rem !important;
       }
   }
}