.clearDiv {clear: both;}


.cjm-header-container {width: 100%; background-color: #ffffff; box-shadow: 1px 4px 9px 1px rgba(0, 0, 0, 0.23); position: relative;}

.cjm-header {width: 100%; max-width: 1280px; margin: auto; padding-left: 40px; padding-right: 40px;}

.cjm-header .cjm-logo {float: left; width: 200px;}
.cjm-header .cjm-logo img {max-width: 150px; margin-top: 22px;}

.cjm-header ul {float: right; width: calc(100% - 200px); display: block; font-size: 0px; text-align: right; margin-bottom: 0px;}
.cjm-header ul li {display: inline-block; font-size: 12px; font-weight: 300; font-family: "Gotham", sans-serif; text-transform: uppercase; letter-spacing: 2px; margin-left: 20px; margin-right: 20px; line-height: 70px; color: #003da5; border-bottom: 3px solid #ffffff; cursor: pointer; text-align: right;}
.cjm-header ul li:hover {border-bottom: 3px solid #003da5;}

.cjm-header ul li.menu {display: none; font-size: 30px; margin-right: 0px; margin-left: 0px;}


@media (min-width: 1200px)
{
}

@media (min-width: 1000px) and (max-width: 1199px)
{

.cjm-header ul li {font-size: 10px; margin-left: 10px; margin-right: 10px;}

}

@media (min-width: 300px) and (max-width: 999px)
{

.cjm-header {padding-left: 20px; padding-right: 20px;}

.cjm-header ul li {display: none;}
.cjm-header ul li.menu {display: inline-block;}

}





.cjm-mobile-menu {width: 100%; background-color: #ffffff; display: none; box-shadow: 1px 4px 9px 1px rgba(0, 0, 0, 0.23); position: relative;}

@media (min-width: 300px) and (max-width: 999px)
{

.cjm-mobile-menu {display: none;}

}

.cjm-mobile-menu > ul {font-size: 0px; list-style-type: none; width: 100%;}
.cjm-mobile-menu > ul > li {display: block; width: 100%; font-size: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; font-family: "Gotham", sans-serif; text-transform: uppercase; letter-spacing: 3px; cursor: pointer;}


.cjm-mobile-menu > ul > li.menu {padding: 0px; display: none;}



.cjm-link-menu {z-index: 10000; display: none; position: absolute; top: 73px; left: 0; right: 0; background-color: #ffffff; width: 100%; max-width: 1280px; margin: auto; box-shadow: 1px 8px 9px 1px rgba(0, 0, 0, 0.23); /*min-height: 75%;*/ height: auto;}

.cjm-link-menu.mobile {display: block; position: static; top: none; right: none; max-width: 100%;}

.cjm-link-menu .cjm-link-menu-left {float: left; width: 75%; padding: 40px;}
.cjm-link-menu .cjm-link-menu-right {float: right; width: 25%; background-image: url("https://f.hubspotusercontent40.net/hubfs/83340/menu_back1.png"); background-size: cover; background-position: center;}

.cjm-link-menu ul {font-size: 0px; display: block; width: calc(33% - 0px); padding-right: 40px; display: inline-block; vertical-align: top; padding-left: 40px; padding-top: 40px; padding-bottom: 40px; padding-right: 40px;}

.cjm-link-menu ul li {display: block; width: 100%; margin-top: 20px; border-left: 3px solid #ffffff; padding-left: 10px; user-select: none;}
.cjm-link-menu ul li:hover {border-left: 3px solid #003da5;}

.cjm-link-menu ul li a {display: block; width: 100%: height: 100%; user-select: none;}

.cjm-link-menu ul li .graphic {float: left; width: 50px; padding-right: 20px; padding-top: 0px; text-align: left;}
.cjm-link-menu ul li .graphic img {width: 100%; max-width: 20px;}

.cjm-link-menu ul li .text {float: right; width: calc(100% - 50px);}

.cjm-link-menu ul li .title {text-transform: uppercase; font-family: "Gotham Medium", sans-serif; font-size: 12px; letter-spacing: 2px; color: #000000; font-weight: bold;}
.cjm-link-menu ul li .description { font-size: 12px; color: #888888; letter-spacing: 0px; text-transform: initial;}

.cjm-link-menu ul li:first-child {font-size: 14px; letter-spacing: 3px; font-family: "Gotham", sans-serif; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #cacaca; margin-top: 0px; border-left: 0px; color: #222222;}

.cjm-link-menu ul.right {width: calc(33%); background-image: url("https://f.hubspotusercontent40.net/hubfs/83340/menu_back1.png"); background-size: cover; background-position: center; border-left: 0px; height: 100%;}

.cjm-link-menu ul.right li {border-left: 0px;}




@media (min-width: 1200px)
{
}

@media (min-width: 1000px) and (max-width: 1199px)
{
}

@media (min-width: 300px) and (max-width: 999px)
{

.cjm-link-menu {box-shadow: none; border-bottom: 1px solid #cacaca; overflow-y: visible; padding-bottom: 20px; padding-top: 10px;}
.cjm-link-menu ul {width: 100%; padding: 20px; padding-top: 0px;}
.cjm-link-menu ul li {padding-left: 0px; border: 0px;}
.cjm-link-menu ul li:hover {border: 0px;}

.cjm-link-menu ul li .title {font-size: 16px;}

.cjm-link-menu ul li:first-child {display: none;}
.cjm-link-menu ul li:nth-child(2) {margin-top: 0px;}

.cjm-link-menu ul.right {width: 100%; background-image: none; display: none;}

}





.cjm-header-overlay {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10000; display: none;}

.cjm-header-popup {position: absolute; width: 500px; max-width: 90%; margin: auto; max-height: 350px; left: 0; right: 0; top: calc(30%); padding: 40px; background-color: #ffffff;}

.cjm-header-popup .cjm-popup-close {font-family: "Gotham", sans-serif; color: #000000; font-size: 20px; position: absolute; top: 20px; right: 20px; cursor: pointer;}

.cjm-header-popup .button {width: 100%; margin: auto; margin-top: 10px; margin-bottom: 10px; color: #ffffff; text-transform: uppercase; font-family: "Gotham", sans-serif; letter-spacing: 3px; font-size: 12px; text-align: center; display: block; padding: 15px; padding-top: 20px; padding-bottom: 20px;}
.cjm-header-popup .button.green {background-color: #81DE1C;}
.cjm-header-popup .button.blue {background-color: #003da5;}



/* Michael added code here to make header sticky */
.cjm-header-container {width: 100%; background-color: #ffffff; box-shadow: 1px 4px 9px 1px rgba(0, 0, 0, 0.23); position: fixed;
    z-index: 99999;}
body>.container-fluid {
  padding-top: 73px; 
}
.cjm-mobile-menu {
    padding-top: 73px;
}
.cjm-link-menu {
  position: fixed; 
}
.cjm-get-started {
  border-bottom: none !important;
}
.cjm-get-started > a {
    display: inline-block;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    background: rgb(129,222,28);
    border: 2px solid rgb(64,111,14);
    color: rgb(255,255,255);
    padding: 2px 30px;
    line-height: 1.5em;
    border: 0px;
}
.cjm-get-started > a:hover {
  background: rgb(141,244,30);
  color: #fff;
}
/* Michael added code here */








