/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
  padding:0;
  margin:0;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}
button {
cursor:pointer;
}
textarea {
   resize: none;
}
/* End resets */

body {
 line-height:1.5;
 color:#222;
 font-weight:normal;
 font-style: normal;
 font-size:18px;
 background-color:#ffffff;
 margin:0;
 padding:0;
}
img {
 max-width:inherit;
}
li {
 list-style:none;
 text-align: -webkit-match-parent;
}
h1, h2, h3, h4, h5, h6 {
 margin:0;
 font-weight:bold;
}
h1 {
 font: 100% roboto, Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 1em;
    padding: 30px 7px;
}
h2 {
 font: 100% roboto, Arial, Helvetica, sans-serif;
 font-size:1.7em;
 line-height:1em;
 padding:30px 7px;
}
h3 {
 font: 100% roboto, Arial, Helvetica, sans-serif;
 font-size:1.5em;
 line-height:1em;
 padding:30px 7px;
}
h4 {
 font: 100% roboto, Arial, Helvetica, sans-serif;
 font-size:1.3em;
 letter-spacing:normal;
 line-height:24px;
 margin: 0 0 14px 0;
 color:#00aeef;
 font-weight:700;
}
a {
 text-decoration:none;
 cursor: pointer;
 color:#ffffff;
}
p {
 font: 100% roboto, Arial, Helvetica, sans-serif;
 font-size:1em;
 line-height:1.2em;
 text-align:left;
}
option {
 height:auto;
}
.text-align {
 text-align:center;
}
/* Containers */
.pagewrap {
 font: 100% roboto, Arial, Helvetica, sans-serif;
 margin:0;
 padding:0;
}
.contentContainer {
 max-width:1200px;
 margin:1% auto;
 background-color:#ffffff;
 padding:0%;
 margin:0% auto;

}
.intro {
 width:100%;
 display:table;
}
.intro img {
 display:table-cell;
 width:200px;
 height:auto;
 margin:5% 0%;
 min-width:100px;
}
.intro p {
 display:table-cell;
 margin:5% 5%;
 padding:0 5%;
 height:auto;
 vertical-align:middle;
 font-size:1.3em;
 line-height:110%;
 color:#848f91;
}
/* Form fields */
.formContainer {
 width:60%;
 max-width:780px;
 display:table-cell;
 padding:0px 20px;
 margin:0;
 border: 1px solid #aaa;
}
.fieldContainer ,
.fieldDetails{
 width:100%;
 display:block;
 margin: 20px auto;
 color:#66788c;
 margin-bottom:0px;
}
.fieldContainer .inputBox,
.fieldContainer .selectDropDown {
 display:table-cell;
 width:100%;
 height:40px;
 padding:8px;
 color:#66788c;
 border:1px solid #cfd5dc;
 border-radius: 0px;
}
.fieldContainer .inputBox:first-child {
 margin-right:4%;
}
.fieldContainer .selectDropDown {
 width:100%;
}
.submitButtonContainer {
 width:250px;
 text-align:left;
}
.submitButtonContainer .submitButton {
 width:200px;
 background-color:#00aeef;
 padding:10px 20px;
 font-size:20px;
 line-height:20px;
 color:#ffffff;
 border:1px #00aeef;
 margin-top:20px;
 /* Safari 3-4, iOS 1-3.2, Android 1.6- */
   -webkit-border-radius: 0px; 

   /* Firefox 1-3.6 */
   -moz-border-radius: 0px; 
  
   /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
   border-radius: 0px; 
  }
/* Right Article */
.articleContainer {
 width:35%;
 max-width:420px;
 min-width:320px;
 display:table-cell;
 padding:0px 20px;
 margin:0;
 position:relative;
}
.articleModOne,
.articleModTwo {
 border: 1px solid #aaa;
}
.articleModOne {
 padding:0px 33px 35px 33px;
}
.articleModTwo {
 height:auto;
 vertical-align:bottom;
 position:absolute;
 bottom:0;
 width:89%;
}
.articleTitle {
 display:block;
 width:100%;
 margin:0px auto;
 height:auto;
 padding:0;
}
.articleTitle p {
 font-size:0.6em!important;
 line-height:120%;
 letter-spacing: normal;
 font: 100% roboto, Arial, Helvetica, sans-serif;
 color:#848f91;
}
.articleTitle h3 {
 font-size:1em;
 text-align:center;
 color:#66788c;
 margin-bottom:0;
 padding-bottom:20px;
 font-weight:700;
}
.article2column {
 width:100%;
 display:table;
 margin:10px auto;
 padding:0;
 height:auto;
}
.articleleft {
 display:table-cell;
 width:40%;
 vertical-align:top;
}
.articleleft img {
 width:100%;
 height:auto;
 margin:0px auto;
}
.articleRight {
 display:table-cell;
 width:60%;
 vertical-align:top;
 color:#848c8c;
}
.articleRight p {
 font-size:0.8em!important;
 line-height:120%;
 padding:0% 0% 0% 8%;
 vertical-align: top;
}
.articleDiv {
 margin: 30px 0px;
 color:#cccccc;
}
.articleDiv hr {
 color:#cccccc;
 opacity:0.5;
}
.articleSubscribe {
 font-size:1.5em;
 line-height:120%;
 color:#66788c;
 padding:0% 10%;
 text-align:center;
 font-weight:700;
 margin-top:35px;
}
.articleSubscribe button {
 width:150px;
 background-color:#00aeef;
 padding:10px 20px;
 font-size:20px;
 line-height:20px;
 color:#ffffff;
 border:1px #00aeef;
 font-weight:normal;
 margin-top:10px;
 /* Safari 3-4, iOS 1-3.2, Android 1.6- */
   -webkit-border-radius: 12px; 

   /* Firefox 1-3.6 */
   -moz-border-radius: 12px; 
  
   /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
   border-radius: 12px; 
}
.fieldPara {
 width:94%;
}
/* Event form */
.eventHeaderImg {
 width:100%;
 height:auto;
 display:block;
 padding:0;
 margin:0;
}
.eventHeaderImg img {
 max-width:1200px;
}
.eventContainer {
 width:75%;
 height:auto;
 display:block;
 margin:5% auto;
}
.eventContainer h4 {
 font-size:2em;
 line-height:150%;
 text-align:center;
 font-weight:normal;
 color:#149ef2;
}
.eventContainer p {
 font-size:1em;
 line-height:140%;
 text-align:center;
}
.eventPara div {
 display:inline-block;
 position:relative
}
.eventCheckmark {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.eventCheckmark input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 25px;
  width: 25px;
  left:0;
  z-index:10;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border:1px solid #000;
}

.eventCheckmark:hover input ~ .checkmark {
  background-color: #ccc;
}
.eventCheckmark input:checked ~ .checkmark {
  background-size: 100%;
  background-position:center;
  background-repeat: no-repeat;
  background-image:url(https://image.info.geotab.com/lib/fe3415717564047b7c1076/m/1/548e08ec-1616-4a8b-b800-51cc80f54e79.png);
}

.eventCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

.eventCheckmark input:checked ~ .checkmark:after {
  display: block;
}

.eventCheckmark .checkmark:after {
  left: 0px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.eventPara div:nth-child(2) {
 display:inline-block;
 width:90%;
 vertical-align:top;
}
.eventPara div label {
 font-size:0.8em;
 line-height:100%;
 text-align:center;
}

/* Contact us - Form */
.cuHeader,
.cuFooter {
    max-width:1200px;
    margin:0 auto;
}
.cuHeader img,
.cuFooter img {
    width:100%;
    height:auto;
    display:block;
}
.cuContainerLeft,
.cuContainerRight {
    height:auto;
    padding:2.5% 0% 2.5% 2.5%;
    display:inline-block;
    vertical-align:top;
}
.cuContainerLeft {
    width:70%;
}
.cuContainerRight {
    width:28%;
}
.cuContainerLeft h5 {
    color:#66788c;
    font-size:1.5em;
    line-height:120%;
    margin-bottom:25px;
}
.cuContainerLeft p {
    color:#66788c;
    font-size:1.5em;
    line-height:120%;
}
.cuTextarea {
    width:45%;
    padding:10px;
    color:#66788c;
    border:0.5px solid #cfd5dc;
    border-radius: 0px;
}
.cuGreyBox {
    width:100%;
    background-color:#cfd5dc;
    height:130px;
    margin-bottom:15px;
    padding:7% 0% 5% 15%;
}
.cuGreyBox h5 {
    color:#00aeef;
    font-size:0.8em;
    line-height:100%;
    margin:5px auto;
}
.cuh5First {
    font-size:1em!important;
}
.cuGreyBox p {
    font-size:0.8em;
    line-height:120%
}
.cuFooter {
    max-width:1200px;
    min-height:250px;
    background-image:url(https://image.info.geotab.com/lib/fe3415717564047b7c1076/m/1/4a66b105-7a6b-460c-8734-be7b0463379c.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:100%;
    background-position: left 0px bottom;
    position:relative;
}
.cuImgButton {
    position:absolute;
    top:100px;
    left:238px;
}
.cuImgButton button {
    width: 230px;
    height:58px;
    background-image:url(https://image.info.geotab.com/lib/fe3415717564047b7c1076/m/1/12c4246c-05c1-4373-bd6b-b2a875dc444a.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:100%;
    background-color:transparent;
    border:none;
    cursor: pointer;
}

/* Demo form */
.demoBody {
    background-color: #FFFFFF;
}
.demoFrame {
    max-width:1200px;
    background-color:#ffffff;
    border:0;
}
.demoContainer {
    width:55%;
    display:inline-block;
    padding:0% 2.5% 2.5% 2.5%;
    margin-top:0%;
    border:0;
}
.demoContainer p {
    color:#848f91;
    font-size:1em;
    line-height:120%;
}
.demoContainer img {
    width:150px;
    height:auto;
    text-align:left;
    padding:0;
    margin-bottom:35px;
}
.demoImgContainer {
    width:44.5%;
    display:inline-block;
    vertical-align:top;
    margin-top:0%;
    border:0;
}
.demoImgContainer img {
    width:100%;
    height:auto;
    vertical-align: top;
}

@media only screen and (max-width: 1200px) {
 .eventHeaderImg img {
  max-width:100%;
 }
}
@media only screen and (max-width: 1024px) {
 body {
  font-size:16px;
 }
 .contentContainer {
  width:90%;
  margin:0% 5%;
  padding:1% 0%;
 }
 .article2column {
  display:block;
 }
 .articleleft,
 .articleRight {
  display:block;
  width:100%;
 }
 .articleRight p {
  font-size:1em!important;
  padding:10px 0px;
  margin:0;
 }
 .articleSubscribe {
  margin-top:20px;
  font-size:1.2em;
 }
 .articleModTwo {
  position:relative;
  width:100%;
  border-top:none;
  padding:0px;
  margin:0px;
 }
 .articleSubscribe {
  margin:0;
  padding-top:20px;
 }
}
@media only screen and (max-width: 900px) {
 .intro img {
  display:block;
  margin:0 auto;
 }
 .intro p {
  display:block;
  width:90%;
 }
.cuImgButton {
    top:90px;
    left:108px;
}
.cuContainerLeft {
    width:58%;
}
.cuContainerRight {
    width:38%;
}
.cuFooter {
min-height:210px;
}
.cuGreyBox {
padding:5% 10% 5% 10%;
}
.demoContainer {
    width:95%;
    display:inline-block;
    padding:0%;
 padding-top:5%;
 margin:0 5%;
}
.demoContainer p {
 width:90%
}
.demoImgContainer {
 display:none;
}
}
@media only screen and (max-width: 600px) {
 .articleContainer {
  width:100%;
  display:block;
  max-width:none;
  padding:0;
 }
 .formContainer {
  text-align:center;
 }
 .formContainer h4 {
  text-align:center;
 }
 .articleTitle {
  margin-top:10%;
 }
 .articleTitle p {
  font-size:1em!important;
  line-height:120%;
 }
 .articleTitle h3 {
  font-size:2em;
 }
 .formContainer {
  width:100%;
  display:block;
  padding:10% 5%;
 }
 .intro {
  width:97%;
 }
 .intro p {
  width:100%;
  margin:5% 3%;
  padding:0;
 }
  .fieldPara p { 
      margin:0% 3%;
  }
  .submitButtonContainer {
      margin:0% auto;
      text-align:center;
  }
  .eventPara div:nth-child(2) {
      width:75%;
  }
  .eventContainer h4 {
 font-size:1.8em;
  }
.eventContainer .intro {
width:100%;
}
.eventContainer .intro p {
 margin:5% 0%;
}
.cuContainerLeft,
.cuContainerRight {
    display:block;
    width:100%;
 padding:0;
 margin-top:30px;
}
 .cuFooter {
    background-size:auto;
 }
.cuTextarea {
    width:80%;
    padding:10px;
    color:#66788c;
    border:0.5px solid #cfd5dc;
    border-radius: 0px;
    margin:0 auto;
}
.mbl_textAlignCenter {
    text-align:center;
}
.cuFooter {
    max-height:250px;
    min-height:120px;
    height:auto;
}
.cuImgButton {
    position:relative;
    display:block;
    margin:0 auto;
    top:0;
    left:0;
    text-align:center;
    padding:7% 0%;
}
.cuGreyBox {
 height:auto;
 padding:5% 0% 5% 0%;
}
.cuGreyBox h5,
.cuGreyBox p {
 text-align:center;
}
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}