body {
  margin-top: 80px;
  background-color: #2b4c6f;
}

.menu {
  background-color: #2b4c6f!important;
}

.nav-item:hover {
  background-color: #ff6f00!important;
  border-radius: 3px;
}

.nav-link {
  color: white!important;
}

.dropdown-toggle {
  color: white;
}

#marquee {
  max-height: 26px;
  color: white;
  background-color: #088cd3;
  text-align: center;
  box-shadow: 2px 2px 2px 0px #333;
}

.jumbotron {
  height: 500px;
  color: white;
  text-align: center;
}

.jumbotron h1 {
  padding-top: 180px;
}

.navbarlogo {
  max-height: 50px;
  margin: -20px 5px -15px -10px;
}

.dcdfooter {
  color: white;
  background-image: linear-gradient(#2b4c6f, #088cd3);
  margin-bottom: -17px;
}

.orangebg:onhover {
  background-color: #ff6f00!important;
}

.sectionheading {
  color: white;
  text-align: center;
  margin-bottom: 20px;
}

.sectionp {
  color: white;
}

.section-90 {
  max-width: 90%;
  margin: auto;
  padding: 1rem;
}

.sectionp.centered {
  text-align: center;
}

.btn-orange {
  color: white;
  background-color: #ff6f00;
  border-style: none;
}

.btn-orange:hover {
  color: white;
  background-color: #dc6000;
}

.orange-bubble {
  text-align: center;
  color: #ffffff;
  background-color: #ff6f00;
}

.rounded {
  border-radius: 5px;
}

.grey-bubble {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  background-image: linear-gradient(#6f90a2,#8ca4b1);
  border-radius: 5px;
  text-align: center;
}

.service-icon {
  height: 200px;
  width: 200px;
}

.reviews {
  padding-top: 50px;
}

.fa.fa-mobile-phone {
  font-size: 26px;
}

.contactform {
  background: #2b4c6f;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  margin: auto;
}

.formcells {
  max-width: 90%;
  margin: auto;
}

.footerlink {
  text-decoration: none;
  color: white;
  font-size: 12px;
}

.footerlink:hover {
  text-decoration: underline;
  color: white;
}

.boldtext {
  font-weight: 800;
}

.footerlist {
  text-decoration: none;
  color: white;
  font-size: 12px;
}

.footerheading {
  font-size: 16px;
}

.footertext {
  font-size: 12px;
}

.custom-navbar-brand {
  font-size: 14px;
}

@media (min-width: 768px) {
  .custom-navbar-brand {
    font-size: 20px;
  }
}

.mainpage p {
  font-size: 14px;
}

@media (min-width: 576px) {
  .mainpage p {
    font-size: 16px;
  }
}

.mainpage li {
  font-size: 14px;
}

@media (min-width: 576px) {
  .mainpage li {
    font-size: 16px;
  }
}

.dropdown .dropdown-menu {
  text-decoration: none;
  color: white;
  background-color: #088cd3;
}

.dropdown-toggle {
  text-decoration: none;
  color: #ffffff;
}

.dropdown-toggle:hover {
  text-decoration: none;
  color: white;
}

.dropdown-item {
  color: white;
}

.dropdown-item:hover {
  color: white;
  background-color: #ff6f00;
  border-radius: 3px;
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flipped {
  transform: rotateY(180deg)!important;
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #2b4c6f;
  color: black;
  border: 2px solid #ff6f00;
  border-radius: 5px;
}

.flip-card-back {
  transform: rotateY(180deg);
}

.modal p {
  font-size: 14px;
  color: black;
}

.modal h1, .modal h2, .modal h3, .modal h4, .modal h5 {
  color: black;
}

.card {
  margin-bottom: 10px;
}

.info-card {
  border-color: #ff6f00;
}

.info-card .card-header {
  color: white;
  background-color: #ff6f00;
}

.info-card .card-body {
  color: white;
  background-color: #2b4c6f;
}

.dcdlink {
  text-decoration: none;
  color: white;
}

.dcdlink:hover {
  text-decoration: underline;
  color: white;
}

.undecorated-button {
  color: #fff;
}

.undecorated-button:hover {
  text-decoration: underline;
  color: #fff;
}

/* all page jumbotron background images */

#jumbotron-about {
  background: url("../../assets/img/about-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/about-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-about {
    background: url("../../assets/img/about.webp") center / cover no-repeat;
    background: url("../../assets/img/about.jpg") center / cover no-repeat;
  }
}

#jumbotron-airdrie {
  background: url("../../assets/img/airdrie-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/airdrie-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-airdrie {
    background: url("../../assets/img/airdrie.webp") center / cover no-repeat;
    background: url("../../assets/img/airdrie.jpg") center / cover no-repeat;
  }
}

#jumbotron-alberta {
  background: url("../../assets/img/alberta-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/alberta-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-alberta {
    background: url("../../assets/img/alberta.webp") left / cover no-repeat;
    background: url("../../assets/img/alberta.jpg") left / cover no-repeat;
  }
}

#jumbotron-banff {
  background: url("../../assets/img/banff-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/banff-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-banff {
    background: url("../../assets/img/banff.webp") center / cover no-repeat;
    background: url("../../assets/img/banff.jpg") center / cover no-repeat;
  }
}

#jumbotron-calgary {
  background: url("../../assets/img/calgary-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/calgary-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-calgary {
    background: url("../../assets/img/calgary.webp") center / cover no-repeat;
    background: url("../../assets/img/calgary.jpg") center / cover no-repeat;
  }
}

#jumbotron-canmore {
  background: url("../../assets/img/canmore-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/canmore-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-canmore {
    background: url("../../assets/img/canmore.webp") center / cover no-repeat;
    background: url("../../assets/img/canmore.jpg") center / cover no-repeat;
  }
}

#jumbotron-cochrane {
  background: url("../../assets/img/cochrane-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/cochrane-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-cochrane {
    background: url("../../assets/img/cochrane.webp") center / cover no-repeat;
    background: url("../../assets/img/cochrane.jpg") center / cover no-repeat;
  }
}

#jumbotron-didsbury {
  background: url("../../assets/img/didsbury-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/didsbury-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-didsbury {
    background: url("../../assets/img/didsbury.webp") left / cover no-repeat;
    background: url("../../assets/img/didsbury.jpg") left / cover no-repeat;
  }
}

#jumbotron-billingandhiring {
  background: url("../../assets/img/faq-billingandhiring-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/faq-billingandhiring-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-billingandhiring {
    background: url("../../assets/img/faq-billingandhiring.webp") center / cover no-repeat;
    background: url("../../assets/img/faq-billingandhiring.jpg") center / cover no-repeat;
  }
}

#jumbotron-guide-represent-yourself {
  background: url("../../assets/img/faq-billingandhiring-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/faq-billingandhiring-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-guide-represent-yourself {
    background: url("../../assets/img/faq-billingandhiring.webp") center / cover no-repeat;
    background: url("../../assets/img/faq-billingandhiring-mobile.jpg") center / cover no-repeat;
  }
}

#jumbotron-howwework {
  background: url("../../assets/img/faq-howwework-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/faq-howwework-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-howwework {
    background: url("../../assets/img/faq-howwework.webp") center / cover no-repeat;
    background: url("../../assets/img/faq-howwework.jpg") center / cover no-repeat;
  }
}

#jumbotron-landingpage {
  background: url("../../assets/img/faq-legal-terms-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/faq-legal-terms-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-landingpage {
    background: url("../../assets/img/faq-legal-terms.webp") right / cover no-repeat;
    background: url("../../assets/img/faq-legal-terms.jpg") right / cover no-repeat;
  }
}

#jumbotron-legalterms {
  background: url("../../assets/img/faq-legal-terms-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/faq-legal-terms-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-legalterms {
    background: url("../../assets/img/faq-legal-terms.webp") right / cover no-repeat;
    background: url("../../assets/img/faq-legal-terms.jpg") right / cover no-repeat;
  }
}

#jumbotron-pricing {
  background: url("../../assets/img/faq-pricing-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/faq-pricing-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-pricing {
    background: url("../../assets/img/faq-pricing.webp") center / cover no-repeat;
    background: url("../../assets/img/faq-pricing.jpg") center / cover no-repeat;
  }
}

#jumbotron-suspensions {
  background: url("../../assets/img/faq-record-suspensions-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/faq-record-suspensions-mobile.png") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-suspensions {
    background: url("../../assets/img/faq-record-suspensions.webp") center / cover no-repeat;
    background: url("../../assets/img/faq-record-suspensions.png") center / cover no-repeat;
  }
}

#jumbotron-irs {
  background: url("../../assets/img/immediate-roadside-sanction-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/immediate-roadside-sanction-mobile.png") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-irs {
    background: url("../../assets/img/immediate-roadside-sanction.webp") center / cover no-repeat;
    background: url("../../assets/img/immediate-roadside-sanction.png") center / cover no-repeat;
  }
}

#jumbotron-fortmacleod {
  background: url("../../assets/img/fortmacleod-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/fortmacleod-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-fortmacleod {
    background: url("../../assets/img/fortmacleod.webp") center / cover no-repeat;
    background: url("../../assets/img/fortmacleod.jpg") center / cover no-repeat;
  }
}

#home {
  background: url("../../assets/img/index-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/index-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #home {
    background: url("../../assets/img/index.webp") center / cover no-repeat;
    background: url("../../assets/img/index.jpg") center / cover no-repeat;
  }
}

#jumbotron-lethbridge {
  background: url("../../assets/img/lethbridge-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/lethbridge-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-lethbridge {
    background: url("../../assets/img/lethbridge.webp") center / cover no-repeat;
    background: url("../../assets/img/lethbridge.jpg") center / cover no-repeat;
  }
}

#jumbotron-pinchercreek {
  background: url("../../assets/img/pinchercreek-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/pinchercreek-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-pinchercreek {
    background: url("../../assets/img/pinchercreek.webp") center / cover no-repeat;
    background: url("../../assets/img/pinchercreek.jpg") center / cover no-repeat;
  }
}

#jumbotron-services {
  background: url("../../assets/img/services-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/services-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-services {
    background: url("../../assets/img/services.webp") center / cover no-repeat;
    background: url("../../assets/img/services.jpg") center / cover no-repeat;
  }
}

#jumbotron-computercrime {
  background: url("../../assets/img/computer-crime-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/computer-crime-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-computercrime {
    background: url("../../assets/img/computer-crime.webp") center / cover no-repeat;
    background: url("../../assets/img/computer-crime.jpg") center / cover no-repeat;
  }
}

#jumbotron-domesticassault {
  background: url("../../assets/img/services-domesticassault-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/services-domesticassault-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-domesticassault {
    background: url("../../assets/img/services-domesticassault.webp") center / cover no-repeat;
    background: url("../../assets/img/services-domesticassault.jpg") center / cover no-repeat;
  }
}

#jumbotron-trialprocess {
  background: url("../../assets/img/trialprocess-faq-mobile.webp") center / cover no-repeat;
  background: url("../../assets/img/trialprocess-faq-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-trialprocess {
    background: url("../../assets/img/trialprocess-faq.webp") center / cover no-repeat;
    background: url("../../assets/img/trialprocess-faq.jpg") center / cover no-repeat;
  }
}

#jumbotron-videos {
  background: url("alberta02-mobile.webp") center / cover no-repeat;
  background: url("alberta02-mobile.jpg") center / cover no-repeat;
}

@media (min-width: 576px) {
  #jumbotron-videos {
    background: url("../../assets/img/alberta02.webp") center / cover no-repeat;
    background: url("../../assets/img/alberta02.jpg") center / cover no-repeat;
  }
}

/* Accordion Styles */

.accordion-button.collapsed {
  color: white;
  background-color: #2b4c6f;
}

[class*='item-'] {
  color: #ffffff;
  background-color: #2b4c6f;
}

.orangeheader p {
  font-size: large;
}

.white-links {
  color: white;
}

.white-links:hover {
  color: white;
}

/* Scroll to top classes */

.scroll {
  color: #fff;
  margin-top: 100px;
}

#toTopBtn {
  position: fixed;
  bottom: 26px;
  right: 26px;
  z-index: 98;
  padding: 21px;
  background-color: #088cd3;
}

.js .cd-top--fade-out {
  opacity: .5;
}

.js .cd-top--is-visible {
  visibility: visible;
  opacity: initial;
}

.js .cd-top {
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s, visibility .3s, background-color .3s;
}

.cd-top {
  position: fixed;
  bottom: 20px;
  bottom: var(--cd-back-to-top-margin);
  right: 20px;
  right: var(--cd-back-to-top-margin);
  display: inline-block;
  height: 40px;
  height: var(--cd-back-to-top-size);
  width: 40px;
  width: var(--cd-back-to-top-size);
  box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
  background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
  background-color: hsla(5, 76%, 62%, .8);
  background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8);
}

.height {
  height: 3000px;
}

.whitelink {
  font-size: large;
  color: #fff;
  text-decoration: none;
}

.whitelink:hover {
  color: #ff6f00;
}

.halfspaceline {
  line-height: 1.2;
}

/* THIS STOPS YOUR LINKS BEING OBSCURED BY FIXED MENU */

html {
  scroll-padding-top: 90px;
}

.orangelink {
  color: #ffb900;
}

.orangelink:hover {
  color: #ff6f00;
  text-decoration: underline;
}

/* Code for Popover Styling */

#tooltip {
  background: #088cd3;
  color: white;
  font-weight: bold;
  padding: 4px 8px;
  font-size: 13px;
  border-radius: 4px;
  display: none;
  box-shadow: 2px 2px 2px 0px #333;
}

#tooltip[data-show] {
  display: block;
}

#arrow, #arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

#arrow {
  visibility: hidden;
}

#arrow::before {
  visibility: visible;
  content: '';
  transform: rotate(45deg);
}

#tooltip[data-popper-placement^='top'] > #arrow {
  bottom: -4px;
}

#tooltip[data-popper-placement^='bottom'] > #arrow {
  top: -4px;
}

#tooltip[data-popper-placement^='left'] > #arrow {
  right: -4px;
}

#tooltip[data-popper-placement^='right'] > #arrow {
  left: -4px;
}

/* End of Popover styling code */

.sectionheading {
}