/* CSS Document */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
}
.img-responsive {
    display: unset;
}
.wrapper {
    background: 
}
body {
    font-size: 16px;
    line-height: 1.6;
    background-color: #2a2a2a;
}
@media (max-width: 350px) {
    body {
        width: fit-content;
    }
}
ins {
    text-decoration: none;
}
.page-content {
    background-color: #fff;
}
.page-content .container {
    padding: 40px 15px;
}

@media (min-width: 992px) {
.content-sm {
display: none;
    }
}
.bg-grey {
background: #f7f7f7;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
}
.highlight-yellow-bg {
    background: #FEECCE
}
a {
    text-decoration: none;
    color: #ff9e18;
}
a:hover {
    text-decoration: underline;
}
a.learn-more {
    color: #009ade;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
a.learn-more:hover {
    color: #009ade;
}
h2 {
    text-align: center;
    color: #e0592a;
    margin: 5px 0px 30px;
    font-weight: bold;
    font-size: 30px;
    font-family: "Poppins", Arial, sans-serif;;
    line-height: 33px;
}
h3 {
    font-weight: normal;
    font-size: 20px;
}
h3.orcall {
    margin-top: 5px;
    line-height: 1.3em;
    font-weight: 500;
}
h4 {
    text-align: center;
    font-size: 30px;
    font-family: "Poppins", Arial, sans-serif;;
    line-height: 33px;
}
p {
    color: #333;
    margin: 0 0 10px;
    line-height: 1.5em;
    font-size: 18px
}
p.callunderlong {
    padding-left: 54px;
}
p.callunderlong a, p.callunderpricingflex a{
    color: #0055b8;
    font-weight: 500;
}
p.sale-lg {
    color:#000; 
    font-family: "Poppins", Arial, sans-serif; 
    font-weight: bold;
    font-size: 60px;
}

@media (min-width: 400px) and (max-width: 991px) {
    p.sale-lg {
        font-size: 100px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    p.sale-lg {
        font-size: 150px;
    }
}
@media (min-width: 1200px) {
    p.sale-lg {
        font-size: 200px;
    }
}
p.alldevices {
    font-family: "Poppins", Arial, sans-serif; 
    font-size: 42px; 
    color:#000; 
    line-height: 1.2em;
}
@media (min-width: 400px) and (max-width: 991px) {
    p.alldevices {
        margin-top: 0px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    p.alldevices {
        margin-top: 40px;
    }
}
@media (min-width: 1200px) {
    p.alldevices {
        margin-top: 75px;
    }
}
.pricingflex p.alldevices {
    margin-top: 0px;
}
p.alldevices_price {
    font-family: "Poppins", Arial, sans-serif; 
    font-size: 70px; 
    color:#e0592a; 
    font-weight: bold; 
    line-height: 30px;
}
.pricingflex p.alldevices_price {
    color: #ff9e18;
    padding: 10px 0px 30px;
}
p.alldevices_savings {
    font-family: "Poppins", Arial, sans-serif; 
    font-size: 22px; 
    color:#000; 
    font-weight: bold; 
    line-height: 50px;
}
.strikethrough {
    text-decoration: line-through;
    color:#000; 
}
.biline {
    padding-bottom: 40px;
}
.blue-emph {
    font-weight: bold;
    font-size: 20px;
    color: #0055b8;
}
.img-center {
    display: inline-block;
}
.parallax-image {
    min-height: 450px; 
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.bold-orange {
    color: #e0592a;
    font-weight: bold;
}
.xl-highlight {
    color: #e0592a;
    font-size: 62px;
    font-weight: bold;
    padding-top: .25em;
    line-height: 1em;
}
.padding-shortcontent {
    padding-top: 10px;
}
@media (min-width: 992px) {
.padding-shortcontent {
    padding-top: 100px;
}
}
.own-line {
    display: block;
}
/* buttons */
.btn-u {
    border: 0;
    color: #fff !important;
    font-size: 14px;
    font-family: "Poppins";
    cursor: pointer;
    font-weight: bold;
    padding: 6px 13px;
    position: relative;
    background: #009ade;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    border-radius: 50px;
}
.btn-u:hover {
    text-decoration: none;
    transition: all .3s ease-in-out;
    background: #0055b8;
}
.btn-u-lg, a.btn-u-lg {
    font-size: 18px;
    padding: 15px 50px;
    font-weight: 700;
}

.btn-u-long, a.btn-u-long {
    margin-top: 30px;
    padding: 6px 100px;
}
.btn-y {
    border: 0;
    color: #444444; !important;
    font-size: 14px;
    font-family: "Poppins";
    cursor: pointer;
    font-weight: bold;
    padding: 6px 13px;
    position: relative;
    background: #ff9e18;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    border-radius: 50px;
}
.btn-y:hover {
    text-decoration: none;
    transition: all .3s ease-in-out;
    background: #FFB44D ;
}
.btn-y-lg, a.btn-y-lg {
    font-size: 18px;
    padding: 15px 50px;
    font-weight: 700;
}
/* end buttons */
/* home page specific */
.hero {
    font-family: "Poppins"; 
    color: #fff;
    font-weight: 700; 
    background-position: top center;
    background: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.hero h1 {
    line-height: 45px; 
    font-size: 36px; 
    margin-top: 150px;
    font-weight: 700;
} 
.hero h4 {
    line-height: 32px;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
}
.hero h3.orcall a {
    color: #fff;
}
.hero.home_hero .container {
    padding: 60px 0px;
}
.hero.home_hero {
    min-height: 550px;
}
.hero.home_hero h1 {
    margin-top: 200px;
}
/* end home page */
/* 3 images */
@media (min-width: 1200px) {
.thumbnail-img {
    height: 360px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.thumbnail-img {
    height: 293px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.thumbnail-img {
    height: 220px;
}
}
.anchordiv {
    height: 0px;
    margin: -75px 0px 0px 0px;
    padding: 75px 0px 0px 0px;
}
p.customerquotebubble {
    background: #ff9e18;
    color: #fff;
    font-weight: 200;
    font-size: 20px;
    padding: 15px;
    font-style: italic;
    border-radius: 15px;
    margin-top: 35px;
}
p.customerquotebubble .fa {
    margin-right: 10px;
}
p.customerquotebubble:after {
    left: 8%;
    bottom: 45px;
    border-top: 20px solid;
    border-left: 25px solid transparent;
    border-right: 0px solid transparent;
    width: 0;
    height: 0;
    content: " ";
    display: block;
    position: absolute;
    border-top-color: #ff9e18;
    border-left-style: inset;
    border-right-style: inset;
}
.testimonial-info {
    padding: 0 20px;
    margin-top: 18px;
    color: #ff9e18;
    font-size: 16px;
    text-align: left;
}
.testimonial-author {
    top: 3px;
    position: relative;
    overflow: hidden;
}
.testimonial-author em {
    color: #777;
    display: block;
    font-size: 13px;
}
.highlight-block {
    border-radius: 25px; 
    background: #FEECCE;
    text-align: center;
    padding: 40px 30px;
}
.highlight-block h3 {
    font-family: "Poppins", Arial, sans-serif;
    font-weight: bold;
}
/* faq accordion */
.faqaccordion .accordion-row {
    padding: 5px 20px;
    border: 0;
    margin-bottom: 0;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    margin-top: -1px;
}
.faqaccordion .title {
    cursor: pointer;
}
.faqaccordion .fa {
    float: right;
    font-size: 20px;
    cursor: pointer;
    margin-top: 8px;
}
.faqaccordion h4 {
    font-size: 18px;
    text-align: left;
    font-family: 'Poppins', Arial, sans-serif;
    color: #0055b8;
}
.faqaccordion .desc p {
    text-align: left;
    color: #404040;
}
.icon-plus-sign:before {
    content: "\f055";
}
.icon-minus-sign:before {
    content: "\f056";
}
.assoc-logos {
    padding: 0px 40px; 
    display: inline-block;
}
.nav-tabs.contact {
    border-bottom: solid 2px #009ade;
    margin-bottom: 30px;
}
.nav-tabs.contact > li > a, .nav-tabs.contact > li > a:focus {
    color: #333;
    font-size: 20px;
    border: none;
}
.nav-tabs.contact > .active > a, .nav-tabs.contact > .active > a:hover, .nav-tabs.contact > .active > a:focus, .nav-tabs.contact > li > a:hover {
    background: #009ade;
    color: #fff;
    border: none;
}
.hero.errorhero h1 {
    color: #fff;
    font-size: 100px;
    line-height: 150px;
    font-weight: bold;
    font-family: "Poppins", Arial, sans-serif;
}
.hero.errorhero p {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
}
.hero.errorhero p a:hover {
    color: #f7bf71;
}
.loginforms {
    padding-bottom: 30px;
}
.loginforms h2 {
    margin: 25px 0px; 
    font-weight: bold; 
    color: #e0592a;
}
.loginforms .alert h4 {
    font-size: 18px;
    margin-bottom: 0;
}
.loginforms .alert p {
    font-weight: normal;
    font-size: 14px;
}
.loginforms p {
    font-weight: normal;
    font-size: 16px;
}
.loginforms .input-group {
    margin-bottom: 20px;
    font-weight: normal;
}
.loginforms .form-control {
    height: 50px;
    font-size: 18px;
}
.loginforms span.input-group-addon {
    background-color: #fff;
}
.loginforms button.btn-u {
    margin-right: 20px;
}
.loginforms a:hover {
    color: #ff9e18;
}
.legal h4 {
    text-align: left;
    padding-top: 30px;
}
.grid-card-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.drivingcourse {
    text-align: left;
}
.drivingcourse h2{
    text-align: left;
    color: #555;
    font-weight: normal;
    margin-bottom: 10px;
}
.drivingcourse .card {
    border: solid 1px #eee;
    border-top: solid 4px #ff9e18;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0 10px 6px -6px #bbb;
}
.drivingcourse .card.bg-grey {
    background: #e6e6e6;
}
.drivingcourse li a {
    color: #0055b8;
    text-decoration: underline;
}
.drivingcourse li a:hover {
    color: #217CE5;
}
.download-box {
    background-color: #dfe8f3;
    border: 1px solid #0055b8;
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.download-box h4 {
    text-align: left;
    margin-top: 0;
}
.responsive-video{height:0;padding-top:1px;position:relative;padding-bottom:56.25%;}
.responsive-video iframe{top:0;left:0;width:100%;height:100%;position:absolute;}
/* lists */
.page-content ul {
  list-style: none;
  padding: 10px;
}
.page-content ul li {
  position: relative;
  font-size: 18px;
  padding-left: 1.5em;  /* space to preserve indentation on wrap */
    padding-bottom: 10px;
}
.page-content ol li {
    font-size: 18px;
}
.page-content ul li:before {
  content: '';  /* placeholder for the SVG */
  position: absolute;
  left: 0;  /* place the SVG at the start of the padding */
  width: 2em;
  height: 2em;
  background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' fill='%23ff9e18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
    top: 3px;
}
.page-content ul ul{
  list-style: disc;
  padding: 0px 0px 0px 40px;
}
.page-content ul ul li{
    padding:0px;
}
.page-content ul ul li:before {
  content: none;  /* placeholder for the SVG */
}
.page-content .drivingcourse ul {
  list-style: disc;
  padding: 0px 0px 0px 20px;
}
.page-content .drivingcourse ul li{
    padding:0px 0px 10px 0px;
}
.page-content .drivingcourse ul li:before {
  content: none;  /* placeholder for the SVG */
}
.page-content ul.nav {
    padding: 0;
}
.page-content ul.nav li {
    padding: 0px;
}
.page-content ul.nav li:before {
    content: none;
    
}
.page-content .legal ul{
  list-style: disc;
  padding: 0px 0px 0px 40px;
}
.page-content .legal ul li{
    padding:0px;
}
.page-content .legal ul li:before {
  content: none;  /* placeholder for the SVG */
}
.page-content .legal td {
    border: 1px solid;
    padding: 10px 15px;
}

.page-content .legal th {
    background-color: #CFCFCF;
    padding: 5px 15px;
    color: #000;
    font-weight: 600;
    border: 1px solid;
}
.page-content .legal a {
    text-decoration: underline;
	color: #0067DF;
}