@charset "UTF-8";
/* Colours */
/* border on Search Bar large */
/* Questionable colours */
/*Found on existing site My Account page (secondary buttons)*/
/* Found on the curent style guide and questionnaire buttons */
/* Sass Variables and Mixins */
/* ///// Font Colors ///// */
.slateBlue {
  color: #454857;
}

.slateGreen {
  color: #64AD7D;
}

.slateBlack {
  color: #333333;
}

.slateSecBlue {
  color: #555966;
}

.slateTeal {
  color: #669E9B;
}

.slateDarkGreen {
  color: #71AE87;
}

.maroon {
  color: #8F002E;
}

.addGreen {
  color: #2BB673;
}

.borderGreyLight {
  color: #F9F9F9;
}

.backgroundDarkGrey {
  color: #E6E7E8;
}

.bordergrey {
  color: #D0D0D0;
}

.backgroundMedGrey {
  color: #F2F2F2;
}

.footerbottomgrey {
  color: #E6E6E6;
}

.hovergrey {
  color: #F7F7F7;
}

.greyValidator {
  color: #808285;
}

.SEOText {
  color: #72818B;
}

.errorRed {
  color: #ED1C24;
}

.blueAttention {
  color: #4285f4;
}

.remove {
  color: #FF0000;
}

.white {
  color: #FFFFFF;
}

.progressBarGrey {
  color: #CCCCCC;
}

.topMenuQuestionnaire {
  color: #393C47;
}

.faq {
  color: #88ABAC;
}

.visitedLink {
  color: #825966;
}

.borderMedGrey1 {
  color: #DEDEDE;
}

.progressBarGrey {
  color: #CCCCCC;
}

.darkGrey {
  color: #999999;
}

/* Background Color */
.bg-slateBlue {
  background-color: #454857;
}

.bg-slateGreen {
  background-color: #64AD7D;
}

.bg-slateBlack {
  background-color: #333333;
}

.bg-slateSecBlue {
  background-color: #555966;
}

.bg-slateTeal {
  background-color: #669E9B;
}

.bg-slateDarkGreen {
  background-color: #71AE87;
}

.bg-maroon {
  background-color: #8F002E;
}

.bg-addGreen {
  background-color: #2BB673;
}

.bg-borderGreyLight {
  background-color: #F9F9F9;
}

.bg-backgroundDarkGrey {
  background-color: #E6E7E8;
}

.bg-bordergrey {
  background-color: #D0D0D0;
}

.bg-backgroundMedGrey {
  background-color: #F2F2F2;
}

.bg-footerbottomgrey {
  background-color: #E6E6E6;
}

.bg-hovergrey {
  background-color: #F7F7F7;
}

.bg-greyValidator {
  background-color: #808285;
}

.bg-SEOText {
  background-color: #72818B;
}

.bg-errorRed {
  background-color: #ED1C24;
}

.bg-blueAttention {
  background-color: #4285f4;
}

.bg-remove {
  background-color: #FF0000;
}

.bg-white {
  background-color: #FFFFFF;
}

.bg-progressBarGrey {
  background-color: #CCCCCC;
}

.bg-topMenuQuestionnaire {
  background-color: #393C47;
}

.bg-faq {
  background-color: #88ABAC;
}

.bg-visitedLink {
  background-color: #825966;
}

.bg-borderMedGrey1 {
  background-color: #DEDEDE;
}

.bg-progressBarGrey {
  background-color: #CCCCCC;
}

.bg-darkGrey {
  background-color: #999999;
}

/* Box Shadow */
/*Button*/
/*Content Box*/
/*MIXINS*/
/* Utility Classes */
.h-70px {
  height: 70px;
}

.f-size-20px {
  font-size: 20px;
}

.text-link-primary {
  color: #71AE87;
  text-decoration: none;
}

.text-link-primary:hover {
  color: #26995D;
  text-decoration: none;
}

.text-link-secondary {
  color: #88ABAC;
  text-decoration: none;
}

.text-link-secondary:hover {
  color: #4F7772;
  text-decoration: underline;
}

.text-link-tertiary {
  color: #669E9B;
  text-decoration: none;
}

.text-link-tertiary:hover {
  color: #4A726F;
  text-decoration: none;
}

.sign-in-out-row {
  color: #333333;
  border-bottom: 1.5px solid transparent;
}

.sign-in-out-row:hover {
  color: #333333;
  border-bottom: 1.5px solid #88ABAC;
  text-decoration: none;
}

#mm {
  display: table-cell;
  font-size: 20px;
  vertical-align: middle;
  height: 60px;
  padding-left: 30px;
  width: 970px;
  border-radius: 5px;
}

#mm ul {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

#mm li {
  float: left;
  text-align: center;
  height: 60px;
  list-style: none;
  line-height: 16px;
}

#mm li a {
  font-size: 20px !important;
  display: inline-block !important;
  padding: 0 0 7px !important;
  margin: 21.5px 20px 14px !important;
  color: #FFFFFF !important;
  border-bottom: 1.5px solid transparent !important;
}

#mm li a:hover {
  font-size: 20px !important;
  display: inline-block !important;
  padding: 0 0 7px !important;
  margin: 21.5px 20px 14px !important;
  color: #FFFFFF !important;
  border-bottom: 1.5px solid #FFFFFF !important;
  text-decoration: none !important;
}

.searchandfilter li {
  list-style: none;
  display: inline-block;
  padding: 5px 10px;
}

.searchandfilter > div > ul {
  width: 100%;
  padding-left: 0;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
}

.searchandfilter > div > ul > li {
  display: inline-block;
}

.searchandfilter > div > ul > li > input[type=text], .searchandfilter > div > ul > li > input[type=submit] {
  width: 100%;
  height: 50px;
  display: block;
  margin: 0 auto;
}

.searchandfilter > div > ul > li:first-child {
  order: 1;
  width: 60%;
  margin-left: 15%;
}

.searchandfilter > div > ul > li:nth-of-type(2) {
  order: 3;
  width: 70%;
  margin-left: 15%;
}

.searchandfilter > div > ul > li:last-child {
  order: 2;
  width: 10%;
}

/* Category List */
ul li.cat-item {
  display: inline-block;
}

.cat-item:last-child {
  display: none;
}

/* /// override Bootstrap variables /// */
/* /// variables that depend on other Bootstrap variables /// */
/* /// the map for new colors /// */
body {
  font-family: "Open Sans", sans-serif;
  line-height: initial;
}

a {
  color: #64AD7D;
}

a:hover {
  color: #71AE87;
}

pre {
  color: inherit;
  max-height: 300px;
  border: 1px solid #D0D0D0;
  background-color: #F9F9F9;
}

table {
  font-size: 0.75rem;
}

.table-sm td {
  padding: 0.1rem;
}

.logo {
  width: 150px;
}

.nav-item {
  padding: 0;
}

.nav-link:hover {
  background-color: #FFFFFF;
}

.active {
  background-color: #FFFFFF;
}

/* Sub-menu */
ul.sub-menu li {
  list-style: none;
}

#sideNav {
  min-width: 250px;
  background-color: #fff;
  position: relative;
  z-index: 20;
}

/* ///// Buttons ///// */
.largeActiveButton, .largeInactiveButton, .smallActiveButton, .smallInactiveButton {
  background-color: #64AD7D;
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF;
  padding: 15px 30px;
  display: inline-block;
  overflow: visible;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px 0.75px #cecece;
  -moz-box-shadow: 1px 1px 1px 0.75px #cecece;
  box-shadow: 1px 1px 1px 0.75px #cecece;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

.largeInactiveButton, .smallInactiveButton {
  background-color: #D1D3D4;
  color: #808285;
}

.largeActiveButton:hover, .smallActiveButton:hover {
  background-color: #5A9669;
}

.largeInactiveButton:hover, .smallInactiveButton:hover {
  background-color: #C4C4C4;
}

.smallActiveButton, .smallInactiveButton {
  font-size: 18px;
  padding: 13px 30px;
}

.style-guide-btn {
  border: 1px solid #cacaca;
  display: inline-block;
  padding: 15px 30px 0px;
  border-radius: 20px;
  box-shadow: 3px 3px 5px #0000003d;
}

button.disabled.smallActiveButton, button.disabled.largeActiveButton {
  opacity: 0.5;
  cursor: default;
}

button.disabled.smallActiveButton:hover, button.disabled.largeActiveButton:hover {
  opacity: 0.5;
  cursor: default;
  background-color: #64AD7D;
}

button.disabled.smallInactiveButton, button.disabled.largeInactiveButton {
  opacity: 0.5;
  cursor: default;
}

button.disabled.smallInactiveButton:hover, button.disabled.largeInactiveButton:hover {
  opacity: 0.5;
  cursor: default;
  background-color: #D1D3D4;
}

/* /// Radio Buttons /// */
.radioButton {
  background-color: #F9F9F9;
  font-size: 18px;
  border: none;
  box-shadow: 0 1px 3px 1px rgba(211, 211, 211, 0.7);
  text-transform: uppercase;
  color: #4d4d4d;
}

.radioButtonHorizontal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 45px;
  margin-right: 25px;
}

.radioButtonHorizontal label {
  margin-bottom: 0;
}

.radioButton:hover {
  background-color: #efefef;
}

.radioButton.active:hover {
  background-color: #F9F9F9;
}

.radioButtonVertical {
  display: flex;
  align-items: center;
  margin-top: 13px;
  width: 400px;
  height: 45px;
  text-align: left;
  padding-left: 15px;
  text-transform: initial;
}

.radioButtonVerticalTitle {
  display: flex;
  align-items: center;
  margin-top: 13px;
  width: 400px;
  height: 75px;
  text-align: left;
  padding: 15px;
  text-transform: initial;
}

.radioButtonVerticalTitle label {
  margin-bottom: 0;
}

.radioButtonVerticalTitle span {
  display: block;
  float: left;
  height: 60px;
  width: auto;
  margin-right: 15px;
  font-weight: 600;
}

.radioButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.radioButtonVerticalIcon {
  display: flex;
  width: 400px;
  min-height: 80px;
  align-items: center;
  margin-top: 15px;
}

.radioButtonVertical label {
  display: inline-block;
  min-width: 200px;
  max-width: 289px;
  box-shadow: none;
  padding: 2px 20px 2px 5px;
  z-index: 1;
  text-transform: initial;
  margin-bottom: 0;
}

.switchFilter {
  transition: transform 0.25s ease-out;
}

.iconInputContainer {
  padding: 0 20px;
}
.iconInputContainer img {
  width: 50px;
  height: auto;
}

.radioButtonVerticalIcon label {
  display: inline-block;
  min-width: 200px;
  max-width: 289px;
  box-shadow: none;
  padding: 20px 20px 20px 0;
  z-index: 1;
  text-transform: initial;
  margin-bottom: 0;
}

.activeRadioButtonBorderHorizontal {
  position: absolute;
  width: 115px;
  height: 55px;
  left: 10px;
  top: -5px;
  opacity: 1;
  border: 5px solid #669E9B;
  display: inline-block;
}

.activeRadioButtonBorderVertical {
  position: absolute;
  width: 410px;
  height: 55px;
  left: 10px;
  top: 5px;
  opacity: 1;
  border: 5px solid #669E9B;
  display: inline-block;
}

.activeRadioButtonBorderVerticalTitle {
  position: absolute;
  width: 410px;
  height: 85px;
  left: -5px;
  top: -5px;
  opacity: 1;
  border: 5px solid #669E9B;
}

.activeRadioButtonBorderVerticalIcon {
  position: absolute;
  width: 410px;
  height: 90px;
  left: -5px;
  top: -5px;
  opacity: 1;
  border: 5px solid #669E9B;
}

/* /// End Radio Buttons /// */
/* /// Start Selection Buttons /// */
.ansRB {
  width: 1020px;
  margin: 0px 0px 0px 5px;
  float: left;
  clear: both;
  box-sizing: content-box;
}
.ansRB span.switchFilter {
  width: 160px;
  height: 160px;
  top: -5px;
  left: 15px;
  opacity: 1;
  display: inline-block;
  box-shadow: inset 0px 0px 0px 5px #669E9B;
  position: absolute;
  z-index: 99 !important;
  overflow: hidden;
  box-sizing: content-box;
}

.radioButtonLarge input {
  display: none;
  box-sizing: content-box;
}
.radioButtonLarge label {
  display: inline-block;
  text-align: center;
  color: #333;
  padding: 0;
  background: none;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  left: 0;
  max-width: 150px;
  min-width: 50px;
  box-shadow: none;
  outline: none;
  border: none;
  width: 100%;
  line-height: 1em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  z-index: 1;
  box-sizing: content-box;
}
.radioButtonLarge::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  box-sizing: content-box;
}
.radioButtonLarge:hover {
  background-color: #efefef;
  box-sizing: content-box;
}

.radioButtonLarge {
  position: relative;
  width: 150px;
  float: left;
  height: 150px;
  margin: 0px 50px 50px 0px;
  box-shadow: 0 1px 3px 1px rgba(211, 211, 211, 0.7);
  background: #f9f9f9;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: center;
  align-content: center;
  user-select: none;
  z-index: unset;
  cursor: pointer;
  margin-right: 21px;
  box-sizing: content-box;
}

.rblCircle {
  z-index: unset;
  box-sizing: content-box;
}

.rblIcon {
  cursor: pointer;
  box-sizing: content-box;
}
.rblIcon img {
  bottom: 20px;
  position: relative;
  width: 85px;
  z-index: 99;
  cursor: pointer;
  box-sizing: content-box;
}

.ansRB .radioButtonLarge .rblLabel .rblExplanatory {
  font-size: 16px;
  line-height: 20px;
  color: #808285;
  position: absolute;
  top: 50px;
  left: 0;
  margin-top: 15px;
  box-sizing: content-box;
}

/* /// End Selection Buttons /// */
/* /// Search Bar Large /// */
#memDocumentSearch {
  margin: auto 0;
}

#hp_searchbar {
  width: 100%;
  background: #E6E6E6;
  /*margin: 60px auto;*/
  padding: 20px;
  max-width: 970px;
  display: table;
}

.searchBackgroundGreen {
  margin: auto;
  position: relative;
}

.searchBox {
  border: 1px solid #999999;
  height: 63px;
  background: white;
  border: 1px solid #CCCCCC;
  display: table-cell;
  vertical-align: middle;
  width: 78%;
  float: left;
  overflow: hidden;
}

.searchBox input {
  width: 100%;
  height: 63px;
  color: #888888;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Open Sans", Helvetica, Verdana, Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  outline: none;
  border: none;
  padding: 10px 50px 10px 15px;
  font-style: italic;
}
.searchBox input:focus::placeholder {
  color: transparent;
}

.goContainer {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20%;
  height: 63px;
  display: table-cell;
  float: left;
}

.goContainer input {
  background: #71AE87;
  border-radius: 4px;
  color: #fff;
  border: none;
  font-size: 28px;
  text-transform: uppercase;
  width: 100%;
  height: 63px;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
  text-indent: 0;
  background-image: none !important;
  margin: 0px;
  background-repeat: no-repeat !important;
  background-size: 20px auto !important;
  background-position: center center !important;
  box-shadow: none;
  overflow: visible;
  padding: 0 8px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  outline: none;
}

.goContainer input:hover {
  background: #5a9669;
}

/* Search Bar Small */
nav.LDTopMenu {
  position: relative;
  z-index: 1;
  display: none;
  align-items: center;
  background-color: #454857;
  height: 65px;
  width: 100%;
  padding: 0 35px 0 30px;
}

div#smallSearch div.LDTopMenu {
  position: relative;
  z-index: 1;
  display: table;
  background-color: #454857;
  height: 65px;
  width: 100%;
  padding-left: 40px;
}

.LDTopMenu #header_search {
  padding-top: 12px;
}

.search_input.init {
  color: #b3b3b3;
  font-size: 16px;
  font-style: italic;
}

.search_input {
  border: none;
  border-radius: 3px;
  height: 40px;
  padding: 0 10px 0 10px;
  margin-right: 108px;
  font-size: 16px;
  width: 225px;
  -moz-transition: width 0.3s ease-out;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
  outline-width: 0;
  float: right;
}

.search_input:focus {
  outline: none;
}
.search_input:focus::placeholder {
  color: transparent;
}

.search_submit {
  box-sizing: content-box;
  width: 27px;
  background-size: 22px 22px;
  position: absolute;
  right: 35px;
  top: 12px;
  display: inherit;
  height: 36px;
  border: 2px solid #FFFFFF;
  padding: 0 15px;
  border-radius: 4.5px;
  line-height: 35px;
  color: #FFFFFF !important;
  font-size: 18px;
  cursor: pointer;
}

.search_submit:hover {
  color: #454857 !important;
  background: #FFFFFF;
}

/* Input inline */
.inputInline {
  height: 29px;
  max-width: 75px;
  min-width: 50px;
  border-bottom: 2px solid #88ABAC;
  text-align: center;
  padding: 0;
  outline: none;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background-color: transparent;
  position: relative;
  z-index: 10;
  padding-bottom: 4px;
  font-size: 20px;
}

.inputPercent {
  font-size: 20px;
  padding: 0 4px 0 0;
  display: inline;
  vertical-align: inherit;
}

/* Sign In (Pop Up) */
.MainPanel {
  background: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  padding: 25px 20px 30px;
}

.MainPanel .username {
  margin-bottom: 15px;
}

.MainPanel .label-div {
  margin: 10px 0 15px;
}

.MainPanel label {
  top: -10px;
  color: #88ABAC;
  transition: none;
  font-size: 16px;
  font-weight: 600;
}

.MainPanel .label-div label {
  opacity: 1;
  float: left;
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
  margin-bottom: 0;
  top: -10px;
  color: #88ABAC;
  transition: none;
}

.inputWrapper label {
  margin: 5px 0;
  font-size: 14px;
}

/*label {
	color: #999;
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 9;
}*/
.MainPanel .inputWrapper input {
  height: 28px;
  padding-top: 15px;
}

.MainPanel input {
  width: 100% !important;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  font-size: 20px;
}

.MainPanel input, #signInDialog .input input, .signInForm input, #signinform input, #createAccount input, .creditCardEntry input[type=text], table.smain_table td .ans input {
  font-size: 20px;
  padding: 10px 0 5px 0;
  -webkit-appearance: none;
  display: inline-block;
  color: #333333;
  width: 400px !important;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #333333;
  box-shadow: none;
  float: none;
  height: 30px;
}

.input-highlight {
  position: absolute;
  height: 20px;
  width: 100%;
  top: 10px;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
  padding: 10px 0 5px 0;
}

/* /// Drop Down Selection /// */
.vertDDqd {
  clear: both;
  position: relative;
}

.vertDDqd::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

label.vertDDque {
  max-width: 540px;
}

.vertDDque.selectLabel {
  position: relative;
  top: 0;
  color: #88abac;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  transform: inherit;
  transition: none;
}

.vertDDque {
  min-width: 200px;
  color: #999;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 9;
  float: left;
}

.vertDDque.selectLabel {
  color: #88abac;
  font-size: 16px;
  font-weight: 600;
}

.vertDDans {
  position: relative;
  max-width: 440px;
  min-height: 70px;
  float: left;
  clear: both;
  margin-top: 5px;
}

.vertDDans select {
  position: relative;
  min-width: 320px;
  height: 35px;
  font-size: 20px;
  border: none;
  border-bottom: 2px solid #88abac;
  background-color: #fff;
  outline: none;
}

.vertDDselectInner {
  display: none;
}

/* /// End Drop Down Selection /// */
/* /// Start FAQ /// */
div.qdLeft {
  width: 570px;
  height: 500px;
  background-color: #F2F2F2;
  float: left;
  margin-top: 40px;
  border: 1px solid #E6E7E8;
}

div.qdRight {
  float: right;
  max-width: 300px;
  padding: 22px 44px 0 0;
  border: 1px solid #E6E7E8;
  margin-top: 40px;
  box-sizing: content-box;
  position: relative;
}

.FAQTitle.textFrag, div.qdRight a.qd {
  padding-left: 22px;
  padding-bottom: 22px;
  display: block;
  position: relative;
}

.textFrag {
  font-size: 20px;
  color: #333333;
  padding-bottom: 15px;
}

.groupHelp .helpWrapper, .faqContentExists > .helpWrapper, .qdRight .helpWrapper {
  background: none;
  width: 100%;
  height: auto;
}

.faqContentExists > .helpWrapper > .helpQuestion {
  float: left;
}

a:not([href]) {
  cursor: pointer;
}

.ui-widget-content .ui-tooltip-content a, .ui-widget-content a {
  color: #669E9B;
}

.helpWrapper {
  cursor: help;
  white-space: nowrap;
  pointer-events: auto;
}

div.qdRight .helpWrapper .helpLabel, div.qdRight .helpWrapper .helpIconLabel {
  font-size: 16px;
  font-weight: 600;
}

.helpWrapper .helpLabel, .helpWrapper .helpIconLabel {
  display: initial;
  vertical-align: middle;
  color: #88ABAC;
  white-space: normal;
}

.helpContent {
  position: absolute;
  width: 340px;
  top: -30px;
  right: 344px;
  padding: 20px;
  border-radius: 5px;
  box-shadow: -5px 8px 19px 3px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}

.helpContent:nth-of-type(2) {
  top: 70px;
}

#wrapper #content, #wrapper #content select, #wrapper #content input, #wrapper #content textarea {
  font-family: "Open Sans", sans-serif;
  color: #4d4d4d;
  font-size: 18px;
}

.faq-animation {
  animation-name: faq-keyframes;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
}

@keyframes faq-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* /// End FAQ /// */
.content-box {
  background: #FFFFFF;
  padding: 10px 20px 80px;
  margin: 10px;
  width: 266px;
  height: auto;
  position: relative;
  border-width: 0;
  -webkit-box-shadow: 1px 1px 6px 2px #ccc;
  -moz-box-shadow: 1px 1px 6px 2px #ccc;
  box-shadow: 1px 1px 6px 2px #ccc;
}

.boxSha {
  -webkit-box-shadow: 1px 1px 6px 2px #ccc;
  -moz-box-shadow: 1px 1px 6px 2px #ccc;
  box-shadow: 1px 1px 6px 2px #ccc;
}

.button-flat {
  background-color: #71AE87;
  color: #FFFFFF;
  font-size: 28px;
  text-transform: uppercase;
  border-radius: 4px;
  border: none;
  width: 100%;
  padding: 0 8px;
  height: 63px;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
  text-indent: 0;
}

/* ////// Makes an inout field with the animated label ////// */
/* Input Field - Text */
.inputTextContainer {
  font-size: 18px;
  position: relative;
  background-color: transparent;
  padding: 1rem;
  margin-top: 2rem;
}

.inputText {
  border-bottom: 1px solid #333333;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background-color: transparent;
  outline: none;
  position: relative;
  z-index: 10;
  padding-bottom: 4px;
  font-size: 20px;
}

.inputText:focus {
  transition: border-color 0.25s, border-width 0.25s;
  border-color: #88ABAC;
  border-width: 2px;
}
.inputText:focus + .queLabel {
  transition: transform 0.25s, font-weight 0.25s, font-size 0.25s, color 0.25s ease-in-out;
  transform: translateY(-25px);
  color: #88ABAC;
  font-size: 16px;
  font-weight: 600;
}

.queLabel {
  position: absolute;
  top: 16px;
  left: 1rem;
  background-color: transparent;
  color: #999999;
  font-size: 20px;
  z-index: 5;
}

/* /// Calendar/Date Picker /// */
.inputTextContainerCalendar {
  font-size: 18px;
  position: relative;
  background-color: transparent;
  padding: 0;
  margin-top: -3px;
}

.queLabelCalendar {
  background-color: transparent;
  color: #88ABAC;
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 0;
}

.inputTextCalendar {
  border-bottom: 2px solid #88ABAC;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background-color: transparent;
  outline: none;
  position: relative;
  z-index: 10;
  padding-bottom: 5px;
  font-size: 20px;
  margin-right: 13px;
}

.datePickerIcon {
  width: 32px;
  height: 32px;
  background: url("//www.lawdepot.ca/images/sprites/LdslateSprite.png?v=2") -317px -112px no-repeat;
  background-size: auto;
  background-size: 430px 489px;
  display: inline-block;
  position: relative;
  top: 11px;
}

.datePickerIcon:hover {
  height: 32px;
  background-position: -317px -144px;
}

/* Calendar */
#ui-datepicker-div {
  width: auto;
  padding: 0 20px 15px;
  border: 1px solid #E6E7E8;
}

.ui-datepicker-header {
  height: 45px;
  position: absolute;
  left: 0;
  padding: 0;
  background: linear-gradient(left, #88ABAC 50%, #E6E7E8 0.1%, #88ABAC 51%);
  background: -webkit-linear-gradient(left, #88ABAC 50%, #E6E7E8 0.1%, #88ABAC 51%);
  background: -ms-linear-gradient(left, #88ABAC 50%, #E6E7E8 0.1%, #88ABAC 51%);
  background: -o-linear-gradient(left, #88ABAC 50%, #E6E7E8 0.1%, #88ABAC 51%);
}

.ui-datepicker-prev {
  position: absolute;
  left: 20px;
  top: 65px;
}

.ui-datepicker-next {
  position: absolute;
  right: 20px;
  top: 65px;
}

.ui-datepicker-prev .ui-icon {
  display: none;
}

.ui-datepicker-next .ui-icon {
  display: none;
}

.ui-datepicker-next::after {
  font-size: 30px;
  line-height: 18px;
  content: "›";
  color: #666666;
}

.ui-datepicker-prev::after {
  font-size: 30px;
  line-height: 18px;
  content: "‹";
  color: #666666;
}

.ui-datepicker #monthText {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #333;
  padding: 0 0 20px;
  margin-top: 65px;
}

.ui-datepicker-calendar {
  font-size: 16px;
}

.ui-datepicker td a {
  display: block;
}

.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  color: #362b36;
}

.ui-datepicker td {
  border-width: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 16px;
}

.ui-datepicker-calendar thead th {
  line-height: 18px;
  border-bottom: 1px solid #fff;
  padding: 0;
  margin: 0;
  text-align: center;
  border-width: 0;
  border-bottom-width: 0px;
  line-height: 38px;
  font-weight: 600;
  color: #000;
  cursor: default;
}

.ui-datepicker-calendar thead span {
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  line-height: 38px;
  color: #000;
  cursor: default;
}

.ui-datepicker-calendar tbody td .ui-state-default {
  font-size: 18px;
  line-height: 20px;
  color: #333333;
  padding: 10px;
  border-radius: 50%;
  background: none;
}

.ui-datepicker-calendar tbody td .ui-state-default:hover {
  background-color: #F9F9F9;
  text-decoration: none;
}

.ui-datepicker-calendar tbody td.ui-datepicker-current-day .ui-state-active {
  color: #fff;
  background-color: #88ABAC;
}

.ui-datepicker-title select {
  width: 160px;
  height: 45px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #fff;
  padding: 0 20px;
  border: none;
  background: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.ui-datepicker-title select:hover {
  background-color: #4f7772;
  border-radius: 0;
}

.ui-datepicker-title select.ui-datepicker-year {
  position: relative;
  left: 2px;
}

.ui-datepicker-title::after {
  left: 290px;
}

.ui-datepicker-title::before {
  left: 130px;
}

.ui-datepicker-title::after {
  content: "‹";
  display: block;
  width: 0;
  position: absolute;
  top: 10px;
  font-size: 30px;
  color: #fff;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  pointer-events: none;
  left: 290px;
}

.ui-datepicker-header .ui-datepicker-title::before, .LD body .ui-datepicker .ui-datepicker-header .ui-datepicker-title::after {
  content: "‹";
  display: block;
  width: 0;
  position: absolute;
  top: 10px;
  font-size: 30px;
  color: #fff;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  pointer-events: none;
}

.ui-datepicker-customButtons button {
  text-transform: uppercase;
  color: #88ABAC;
  float: right;
  padding: 0;
  margin-top: 30px;
  cursor: pointer;
  outline: none;
  background: transparent;
  border: none;
}

.ui-datepicker-customButtons button.ui-datepicker-cancel {
  margin-right: 20px;
}

.ui-datepicker-customButtons button:hover {
  color: #4f7772;
}

.ui-datepicker-customButtons button {
  text-transform: uppercase;
  color: #88abac;
  float: right;
  padding: 0;
  margin-top: 30px;
  cursor: pointer;
  outline: none;
}

@keyframes labelAnimate {
  from {
    color: white;
    font-size: 18px;
  }
  to {
    color: yellow;
    font-size: 12px;
  }
}
.labelAnimation {
  animation: labelAnimate 0.1s ease-out forwards;
}

/* Content Box */
.content-box, .hp_mid_cell {
  background: #FFFFFF;
  padding: 10px 20px 80px;
  margin: 10px;
  width: 266px;
  height: auto;
  position: relative;
  border-width: 0;
  box-sizing: content-box;
  -webkit-box-shadow: 1px 1px 6px 2px #ccc;
  -moz-box-shadow: 1px 1px 6px 2px #ccc;
  box-shadow: 1px 1px 6px 2px #ccc;
}

.hp_mid {
  width: 970px;
}

.hp_mid_row {
  overflow: hidden;
  padding: 0;
  display: flex;
  clear: both;
}

.hp_mid_row h2 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #333;
}

.mobileToggle {
  font-size: 18px;
}

.mobileToggle a {
  color: #669E9B;
  line-height: 1.4;
  padding: 7px 0;
}

.hp_mid_row .hp_mid_cell {
  float: left;
  background: #fff;
  padding: 10px 20px 80px;
  margin: 10px;
  width: 266px;
  height: auto;
  position: relative;
}

.hp_mid_row .hp_mid_cell:first-child {
  margin: 10px 10px 10px 5px;
}

.hp_mid_row .hp_mid_cell:last-child {
  margin: 10px 5px 10px 10px;
}

.hp_mid a {
  border-bottom: none;
  float: left;
  clear: both;
}

.mobileToggle a.more {
  margin-top: 20px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

/* End Content Box */
/* Progress Bar */
.contractHead {
  position: relative;
  margin: 0 auto;
  max-width: 970px;
}

.inner-headerSlate.nonLandingPage h1 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  padding: 45px 0 30px;
}

.sectionMenuTopWrapper {
  position: relative;
  z-index: 9;
  background-color: #454857;
  box-shadow: -1em 1px 0 12px #454857, 1em 1px 0 2px #454857;
}

.sectionMenuTop {
  display: flex;
  position: relative;
  max-width: 970px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  justify-content: space-between;
}

.sectionMenuTop li {
  position: relative;
  line-height: 35px;
  padding: 0 10px;
  z-index: 11;
}

.sectionMenuTop li a {
  color: #ccc;
  font-size: 18px;
  display: inline-block;
  border: none;
  cursor: pointer;
  height: 35px;
}

.sectionMenuTop li.selected a {
  color: #fff;
  position: relative;
  z-index: 1;
}

.sectionMenuTop li.selected a::after {
  color: #fff;
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 110%;
  background-color: #393b44;
  bottom: 100%;
  left: -15px;
  padding: 0px 15px;
  vertical-align: middle;
  z-index: -1;
  border-radius: 5px;
  box-sizing: content-box;
}

.progressIntro {
  padding: 20px 0 30px;
}

.qd {
  clear: both;
  position: relative;
}

.qd::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.progressBarWrapper {
  width: 100%;
  height: 15px;
  margin: 5px auto;
}

.progressIntro .progressBarWrapper progress {
  display: block;
  width: 100%;
  height: 15px;
  color: #c5dde3;
  background-color: #393b44;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-top: 1.5px solid #393b44;
  border-bottom: 1px solid #555966;
  border-right: 1px solid #393b44;
  border-left: 0px;
}

progress {
  /* RESETS */
}

/* WEBKIT BROWSERS - CHROME, OPERA AND SAFARI */
progress::-webkit-progress-bar {
  background-color: #c5dde3;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

progress::-webkit-progress-value {
  background-color: #c5dde3;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

/* MOZILLA FIREFOX */
progress::-moz-progress-bar {
  background-color: #c5dde3;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

/* MICROSOFT EDGE & IE */
.custom-progress::-ms-fill {
  background: #c5dde3;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

/* End Progress Bar */
/* /// Header /// */
#example-3 .mainNav {
  height: 75px;
}

.mainNav {
  height: 70px;
}

.brandLogo {
  width: 175px;
  height: auto;
  margin-left: 14px;
}

.brandLogoSelectionPage {
  width: 232px;
  height: auto;
  margin-top: 10px;
  margin-left: 40px;
}

#mm li a {
  display: block;
  padding: 0 0 7px;
  margin: 21.5px 20px 14px;
  color: #fff;
}

#navbarSupportedContent > form > input.form-control {
  width: auto;
}

#navbarSupportedContent > form > input.form-control::placeholder {
  color: #b3b3b3;
  opacity: 1;
  font-style: italic;
}

#navbarSupportedContent > form > button[type=submit] {
  width: 27px;
  text-transform: uppercase;
  position: relative;
  right: 0px;
  top: 0px;
  display: block;
  height: 36px;
  border: 2px solid #FFFFFF;
  padding: 0 15px;
  border-radius: 4.5px;
  line-height: 35px;
  color: #FFFFFF;
  font-size: 18px;
  transition: none;
  margin-left: 4px;
}
#navbarSupportedContent > form > button[type=submit]:hover {
  color: #333333;
}

#hamburger {
  padding: 0 !important;
  height: 70px;
  width: 71px;
  justify-content: center;
}

#example-3 #navbarNavDropdown {
  height: 75px;
}

#navbarNavDropdown {
  height: 70px;
  position: relative;
  right: 0;
}

#navbarNavDropdown > div > div.navbar-collapse {
  height: 75px;
}
#navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) {
  margin: 0 35px 0px 0;
  padding: 26px 33px 16px 33px;
  height: 75px;
}
#navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu {
  box-shadow: 0 0 1.53px 0.75px rgba(211, 211, 211, 0.7);
  min-width: 150px;
  border-radius: 0;
  position: absolute;
  text-align: left;
  background: #fff;
  border: solid 1px #ccc;
  z-index: 11;
  font-size: 16px;
  top: 68px;
  margin: 0;
  left: 0px;
  padding: 0;
  box-sizing: content-box;
}
#navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu a.dropdown-item, #navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu span.dropdown-item {
  height: 42px;
  cursor: pointer;
  padding: 10px 0px 10px 10px;
  color: #000;
}
#navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu a.dropdown-item:hover, #navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu span.dropdown-item:hover {
  background-color: #88ABAC;
  color: #FFFFFF;
  text-decoration: none;
}
#navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu span.dropdown-item {
  height: auto;
  border-top: 1px dotted #ccc;
  cursor: default;
}
#navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu span.dropdown-item:hover {
  background-color: white;
  color: #000;
  text-decoration: none;
  cursor: default;
}
#navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu span.dropdown-item small {
  font-size: 10px;
}
#navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu div#signed-in-menu-item a.dropdown-item {
  height: 42px;
  cursor: pointer;
  padding: 10px 0px 10px 10px;
  color: #000;
  border-top: 1px dotted #ccc;
}
#navbarNavDropdown > div > div.navbar-collapse div:nth-of-type(2) .dropdown-menu div#signed-in-menu-item a.dropdown-item:hover {
  background-color: #88ABAC;
  color: #FFFFFF;
  text-decoration: none;
}

#navbarNavDropdown > div > div > div.nav-item > a.nav-link {
  color: inherit;
  border-bottom: 1.5px solid transparent;
}

#navbarNavDropdown > div > div > div.nav-item > a.nav-link:hover {
  border-bottom: 1.5px solid #88ABAC;
}

#navbarNavDropdown > div > div > div.nav-item:first-child > a.nav-link {
  color: #808285;
  border-bottom: 1.5px solid transparent;
}

#navbarNavDropdown > div > div > div.nav-item:nth-of-type(2) > a.nav-link {
  text-transform: uppercase;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#navbarNavDropdown > div > div > div.nav-item:nth-of-type(2) > a.nav-link::after {
  content: "";
  position: absolute;
  border: solid #88ABAC;
  border-width: 0 1px 1px 0;
  padding: 4px;
  top: 31px;
  right: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#navbarNavDropdown > div > div > div#signed-in-menu-item {
  padding: 19px 35px 0 33px;
  height: 75px;
  margin-right: 33px;
}
#navbarNavDropdown > div > div > div#signed-in-menu-item a.nav-link {
  padding-right: 0px;
}
#navbarNavDropdown > div > div > div#signed-in-menu-item a.nav-link::after {
  content: "";
  position: absolute;
  border: solid #88ABAC;
  border-width: 0 1px 1px 0;
  padding: 4px;
  top: 31px;
  right: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#navbarNavDropdown > div > div > div#signed-in-menu-item .dropdown-menu {
  box-shadow: 0 0 1.53px 0.75px rgba(211, 211, 211, 0.7);
  width: calc(100% - 35px);
  min-width: 150px;
  border-radius: 0;
  position: absolute;
  text-align: left;
  background: #fff;
  border: solid 1px #ccc;
  z-index: 11;
  font-size: 16px;
  top: 68px;
  margin: 0;
  left: 0px;
  padding: 0;
  box-sizing: content-box;
}
#navbarNavDropdown > div > div > div#signed-in-menu-item .dropdown-menu a.dropdown-item, #navbarNavDropdown > div > div > div#signed-in-menu-item .dropdown-menu span.dropdown-item {
  height: 42px;
  cursor: pointer;
  padding: 10px 0px 10px 10px;
  color: #000;
}
#navbarNavDropdown > div > div > div#signed-in-menu-item .dropdown-menu a.dropdown-item:hover, #navbarNavDropdown > div > div > div#signed-in-menu-item .dropdown-menu span.dropdown-item:hover {
  background-color: #88ABAC;
  color: #FFFFFF;
  text-decoration: none;
}
#navbarNavDropdown > div > div > div#signed-in-menu-item .dropdown-menu a.dropdown-item:last-child {
  border-top: 1px dotted #ccc;
}

#navbarNavDropdown > div > div > div.nav-item:nth-of-type(4) {
  padding: 19px 32px 0 33px;
  height: 75px;
}

#navbarNavDropdown > div > div > div.nav-item:nth-of-type(5) {
  padding: 19px 35px 0 34px;
  height: 75px;
}

#navbarNavDropdown > div > div > div.nav-item:nth-of-type(4) > a.nav-link {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

#navbarNavDropdown > div > div > div.nav-item:nth-of-type(5) > a.nav-link {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

#navbarNavDropdown > div > div > div.nav-item > a.nav-link:hover {
  background-color: transparent;
}

#navbarSupportedContent ul li a {
  font-size: 18px;
  margin: 0 16px;
  color: #fff;
  padding: 0;
}

#navbarSupportedContent ul li a:hover {
  color: #fff;
  background-color: transparent;
}

#magGlass {
  width: 21px;
  height: auto;
}

.magGlassContainer {
  padding: 0.5rem 24px;
}

nav.LDTopMenu > div > ul.navbar-nav > li > a.nav-link {
  border-bottom: 1.5px solid transparent;
}

nav.LDTopMenu > div > ul.navbar-nav > li > a.nav-link:hover {
  color: #fff;
  border-bottom: 1.5px solid #fff;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

/* /// This is the container for Country selection /// */
.countryNavHeader {
  display: inline-block;
  height: initial;
  line-height: normal;
  padding: 0;
}

.countryNavHeader .select_country span.countryhover-button a.countryNavLink {
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -290px -368px;
  background-size: 430px 489px;
  content: "";
  position: absolute;
  display: block;
  width: 28px;
  height: 19px;
  top: auto;
  left: 0;
}

.countryNavHeader .select_country {
  padding: 25px 35px 26px 0px;
  margin: 0px 24px 0px 34px;
  cursor: pointer;
  overflow: visible;
  color: #333333;
  font-size: 16px;
  position: relative;
  top: 0;
  text-transform: capitalize;
}

.countryNavHeader .select_country span.countryhover-button {
  border-bottom: 1.5px solid transparent;
  display: inline-block;
  vertical-align: middle;
  height: 21px;
  width: 28px;
}

/* /// End container for Country selection /// */
/* /// End Header /// */
/* /// Dropdown for Header /// */
.dropdown-menu.subDropdown {
  font-size: 18px;
  margin-left: 19px;
  box-shadow: 0 0 1.53px 0.75px rgba(211, 211, 211, 0.7);
  line-height: 16px;
  border-radius: 0;
  padding: 0;
}

#navbarSupportedContent ul li .dropdown-menu.subDropdown a {
  color: #333;
  height: auto;
  padding: 12.5px 13px;
  margin: 0;
  border-bottom: 1.5px solid #FFFFFF;
  font-size: 18px;
  line-height: 16px;
  display: block;
}
#navbarSupportedContent ul li .dropdown-menu.subDropdown a:hover {
  color: #FFFFFF;
  background-color: #88ABAC;
  border-bottom: 1.5px solid transparent;
}

#headerDropdownStyleGuideExample {
  list-style: none;
  height: 65px;
  width: 165px;
  display: table;
}
#headerDropdownStyleGuideExample li.nav-item {
  height: 65px;
  background-color: #454857;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#headerDropdownStyleGuideExample li.nav-item:hover .dropdown-menu {
  display: block;
}
#headerDropdownStyleGuideExample li.nav-item:hover a.nav-link {
  border-bottom: 2px solid #FFFFFF;
  background-color: #454857;
}
#headerDropdownStyleGuideExample li.nav-item a {
  font-size: 20px;
  color: #FFFFFF;
  text-decoration: none;
  height: 30px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid transparent;
  padding: 0;
}
#headerDropdownStyleGuideExample .dropdown-menu.subDropdown {
  position: absolute;
  top: 53px;
  left: 33px;
  box-sizing: content-box;
}

/* /// End Dropdown for Header /// */
/* /// Country Dropdown Selector /// */
.countryNav {
  display: table-cell;
  height: 74px;
  line-height: normal;
  vertical-align: middle;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
}

.countryNav .select_country {
  padding: 25px 35px 25px 0px;
  margin: 0px 24px 0px 34px;
  cursor: pointer;
  overflow: visible;
  color: #333;
  font-size: 16px;
  position: relative;
  top: 0;
  text-transform: capitalize;
}

.countryNav .select_country span.countryhover-button {
  border-bottom: 1.5px solid transparent;
  display: inline-block;
  vertical-align: middle;
  height: 21px;
  width: 28px;
}

.select_country:hover div.countryNavInner ul {
  display: block;
}

.SignInOut a, .SignInOut a:visited, .account_menu a, .account_menu a:visited {
  margin: 0;
  color: #000;
}

.countryNav .select_country span.countryhover-button a.countryNavLink {
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -290px -368px;
  background-size: 430px 489px;
  content: "";
  position: absolute;
  display: block;
  width: 28px;
  height: 19px;
  top: auto;
  left: 0;
}

.navHeaderSelectionPage div.select_country {
  margin: 0 -4px 0 -12px;
  padding: 0;
}
.navHeaderSelectionPage div.select_country span.countryhover-button::after {
  content: "";
  border: none;
}

#navbarNavDropdown > div > div.navbar-collapse div.navHeaderSelectionPage:nth-of-type(2) {
  margin-right: 9px;
  color: #808285;
}

#navbarNavDropdown > div > div > div.nav-item:nth-of-type(2):not(.border-left) {
  padding-left: 0;
}
#navbarNavDropdown > div > div > div.nav-item:nth-of-type(2):not(.border-left) a.nav-link::after {
  content: "";
  border: none;
}

#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type {
  padding: 19px 35px 0 33px;
  height: 75px;
  margin-right: 33px;
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type a.nav-link {
  border-bottom: none;
  text-transform: uppercase;
  padding-bottom: 0;
  padding-right: 0;
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type a.nav-link:hover {
  border-bottom: 1.5px solid #88ABAC;
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type a.nav-link::after {
  content: "";
  position: absolute;
  border: solid #88ABAC;
  border-width: 0 1px 1px 0;
  padding: 4px;
  top: 31px;
  right: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type .dropdown-menu {
  box-shadow: 0 0 1.53px 0.75px rgba(211, 211, 211, 0.7);
  min-width: 150px;
  border-radius: 0;
  position: absolute;
  text-align: left;
  background: #fff;
  border: solid 1px #ccc;
  z-index: 11;
  font-size: 16px;
  top: 68px;
  margin: 0;
  left: 0px;
  padding: 0;
  box-sizing: content-box;
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type .dropdown-menu a.dropdown-item, #navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type .dropdown-menu span.dropdown-item {
  height: 42px;
  cursor: pointer;
  padding: 10px 0px 10px 10px;
  color: #000;
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type .dropdown-menu a.dropdown-item:hover, #navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type .dropdown-menu span.dropdown-item:hover {
  background-color: #88ABAC;
  color: #FFFFFF;
  text-decoration: none;
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type .dropdown-menu a.dropdown-item:last-child {
  border-top: 1px dotted #ccc;
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type .dropdown-menu span.dropdown-item {
  height: auto;
  border-top: 1px dotted #ccc;
  cursor: default;
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type .dropdown-menu span.dropdown-item:hover {
  background-color: white;
  color: #000;
  text-decoration: none;
  cursor: default;
}
#navbarNavDropdown > div > div > div.navHeaderSelectionPage:last-of-type .dropdown-menu span.dropdown-item small {
  font-size: 10px;
}

#navbarNavDropdown > div > div > div.navHeaderSelectionPage > a.nav-link:hover {
  border-bottom: none;
}

span.countryhover-button::after {
  content: "";
  position: absolute;
  border: solid #88abac;
  border-width: 0 1px 1px 0;
  padding: 4px;
  top: 31px;
  right: 9px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.select_country ul {
  box-shadow: 0 0 1.53px 0.75px rgba(211, 211, 211, 0.7);
  width: 230px;
  display: none;
  position: absolute;
  text-align: left;
  background: #fff;
  border: solid 1px #ccc;
  z-index: 11;
  font-size: 16px;
  top: 68px;
  margin: 0;
  left: -34px;
  box-sizing: content-box;
  padding: 0;
}

.select_country ul li {
  display: block;
  clear: both;
  box-sizing: content-box;
}

.select_country ul li a {
  display: block;
  height: 32px;
  cursor: pointer;
  padding: 5px;
  color: #000;
  box-sizing: content-box;
}
.select_country ul li a:hover {
  background-color: #88ABAC;
  color: #FFFFFF;
  text-decoration: none;
}

.countryNavInner a.countryNavLink span {
  position: relative;
  top: -14px;
  left: 72px;
}

.countryNavInner ul li:nth-of-type(1) a.countryNavLink::before {
  position: relative;
  top: 7px;
  left: 28px;
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -258px -368px;
  background-size: 430px 489px;
  content: "";
  display: block;
  width: 28px;
  height: 19px;
  cursor: pointer;
}

.countryNavInner ul li:nth-of-type(2) a.countryNavLink::before {
  position: relative;
  top: 7px;
  left: 28px;
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -323px -368px;
  background-size: 430px 489px;
  content: "";
  display: block;
  width: 28px;
  height: 19px;
  cursor: pointer;
}

.countryNavInner ul li:nth-of-type(3) a.countryNavLink::before {
  position: relative;
  top: 7px;
  left: 28px;
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -355px -368px;
  background-size: 430px 489px;
  content: "";
  display: block;
  width: 28px;
  height: 19px;
  cursor: pointer;
}

.countryNavInner ul li:nth-of-type(4) a.countryNavLink::before {
  position: relative;
  top: 7px;
  left: 28px;
  content: "";
  display: block;
  width: 28px;
  height: 19px;
  cursor: pointer;
}

/* /// End Header /// */
/* /// Footer /// */
#footer {
  width: auto;
  background: #F2F2F2;
  display: block;
  clear: both;
  padding: 0;
  position: relative;
}

.footerSlate_container {
  height: 272.5px;
}

.footerv2_disclaimer {
  background: #E6E7E8;
  padding: 30px 0;
  font-size: 13px;
}

.footerSlate_all {
  height: 272.5px;
  box-sizing: border-box;
  background-color: #F2F2F2;
}

.footerSlate .footerSlate_all, .footerSlate .footerSlate_simple, .footerSlate .footerv2_disclaimer p {
  max-width: 970px;
  margin: 0 auto;
}

.footerSlate .footerSlate_all, .footerSlate .footerSlate_simple {
  padding: 40px 0;
}

.footerSlate .footerSlate_left {
  float: left;
  width: 30%;
  font-size: 18px;
  color: #808285;
}

.footerSlate_navigation {
  width: 70%;
  float: right;
  font-size: 16px;
}

.footerSlate_navigation_left, .footerSlate_right_logos {
  width: 33.33%;
  float: left;
}

.footerSlate .footerSlate_navigation .footerSlate_navigation_left a {
  padding-bottom: 20px;
  width: 165px;
  display: block;
  color: #58595b;
}

.footerSlate .footerSlate_right_logos {
  float: right;
  width: auto;
  font-size: 16px;
  position: relative;
}

.footerSlate_navigation_countries {
  margin: 0 0 15px;
}

.footerSlate_all .select_country {
  background: white;
  position: relative;
}

.footerSlate_all .select_country .countryNavLink {
  margin: 0;
  margin-bottom: 0px;
  padding: 10px 0 10px 50px;
}

.footerSlate .footerCurrentCountry {
  border: 1px solid #ccc;
}

.footerv2_logos, .logos {
  display: flex;
  flex-wrap: wrap;
  width: 225px;
  align-items: center;
  justify-content: center;
  margin: auto;
}

#trustwaveSealImage {
  height: 50px;
}

.footerSlate_all .footerv2_logo_bbb {
  margin-top: 5px;
}

.mobileOnly, .questionHeader, .contractFootLinks {
  display: none;
}

.slateMembersHome a img {
  border: 0;
}

.logo_bb {
  width: 200px;
  margin-left: -15px;
}

.footerSlate .footerv2_disclaimer {
  background: #E6E7E8;
  padding: 30px 0;
  font-size: 13px;
}

.footerSlate .footerSlate_left .footerSlate_logo {
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -46px -350px;
  background-size: auto;
  background-size: 430px 489px;
  width: 175px;
  height: 35px;
  margin-bottom: 10px;
}

a.footerv2_phone_number, .ua-desktop a.footerv2_phone_number:hover, a.footerv2_phone_number:active, a.footerv2_phone_number:visited {
  vertical-align: middle;
  color: #808285;
}
a.footerv2_phone_number:hover, .ua-desktop a.footerv2_phone_number:hover:hover, a.footerv2_phone_number:active:hover, a.footerv2_phone_number:visited:hover {
  text-decoration: none;
}

.footerSlate .select_country .countryNavLink::before {
  content: "";
  top: 13px;
  left: 10px;
}

.footerSlate_all .select_country .currentCountry::after {
  content: "";
  position: absolute;
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -375px -231px;
  background-size: auto;
  right: 15px;
  top: 20px;
  width: 11px;
  height: 6px;
  background-size: 430px 489px;
}

.footerSlate .countryNav {
  position: absolute;
  background: white;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top-color: #cccccc;
  border-top-style: solid;
  border-top-width: 1px;
  border-top: none;
  display: none;
}

.footerSlate a.flag_US::before {
  content: "";
  position: absolute;
  display: block;
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -290px -368px;
  background-size: auto;
  background-size: 430px 489px;
  width: 28px;
  height: 19px;
  top: 2px;
  left: 0;
}

.footerSlate .footerSlate_left .footerv2_navigation_social {
  margin-top: 45px;
}

.footerv2_navigation_social a {
  width: 25px;
  height: 25px;
  display: inline-block;
  padding-right: 20px;
}

.footerv2_navigation_social a.logo_facebook {
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -45px -419px;
  background-size: auto;
  background-size: 430px 489px;
  width: 12px;
  height: 26px;
}

.footerv2_navigation_social a.logo_twitter {
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -132px -421px;
  background-size: auto;
  background-size: 430px 489px;
  width: 26px;
  height: 21px;
}

.footerv2_navigation_social a.logo_linkedin {
  background: url("https://www.lawdepot.com/images/sprites/LdslateSprite.png?v=2") no-repeat -179px -419px;
  background-size: auto;
  background-size: 430px 489px;
  width: 26px;
  height: 26px;
}

/* /// End Footer /// */
/* /// Tool Tips /// */
.tool-tip-animation {
  animation-name: tool-tip;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.tool-tip {
  position: absolute;
  background-color: white;
  border-radius: 5px;
  padding: 20px;
  box-shadow: -5px 8px 19px 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  width: 450px;
  font-size: 14px;
  top: -5px;
  left: 35px;
}

.tool-tip-image:hover {
  cursor: help;
}

@keyframes tool-tip {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* End Tool Tips */
/* /// Check Box /// */
.questionBox {
  max-width: 970px;
  margin-left: 2rem;
}

.questionBox > h4:first-child {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 26.6px;
}

.qd {
  clear: both;
  position: relative;
}

.qd::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ans {
  width: 23px;
  height: 23px;
  min-height: auto;
  position: relative;
  top: 2px;
  right: 0;
  margin: 0;
  opacity: 0;
  z-index: 999;
  cursor: pointer;
}

.cbq {
  max-width: 535px;
  position: relative;
  float: left;
  padding-left: 10px;
  margin-bottom: 18px;
  cursor: pointer;
}

.cbq::before {
  content: "";
  width: 21px;
  height: 21px;
  position: absolute;
  top: 2px;
  left: -23px;
  border: 1px solid #808285;
}

label.que {
  min-width: initial;
  position: static;
  color: #333;
  cursor: pointer;
  max-width: 540px;
  font-size: 20px;
  float: left;
  transition: all 0.2s ease;
}

label.que::after {
  content: "";
  width: 13px;
  height: 3px;
  position: absolute;
  top: 8px;
  left: -21px;
  border-bottom: 5px solid #88abac;
  border-left: 5px solid #88abac;
  opacity: 0;
  transform: rotate(-45deg);
}

.cbq .que span {
  color: #333333;
  cursor: pointer;
  font-size: 20px;
}

/* /// End Check Box /// */
/* /// Expiry Date /// */
.bannerOrderPage .group-ans {
  width: 400px;
  height: 55px;
}

.creditCardEntry .qd {
  width: 100%;
  padding-left: 0 !important;
  position: relative;
  padding-bottom: 29px;
}

.expirationDateLabel {
  position: relative;
  text-align: left;
  float: left;
  top: 15px;
  transform: inherit;
  font-size: 16px;
  color: #88ABAC;
  font-weight: 600;
  transition: none;
}

tr#trExpiration label {
  position: relative;
  text-align: left;
  float: left;
  top: 15px;
  transform: inherit;
  font-size: 16px;
  color: #88abac;
  font-weight: 600;
  transition: none;
}

#trExpiration > td {
  padding: 0;
  padding-left: 0px;
  width: 100%;
}

#trExpiration td {
  display: inline-block;
}

#trExpiration td:nth-child(2) {
  top: -35px;
  margin-bottom: -40px;
}

#trExpiration select {
  cursor: pointer;
  position: relative;
  top: 30px;
  height: 35px;
  padding: 0;
  width: 65px !important;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 2px solid #88abac;
  font-size: 20px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("https://www.lawdepot.com/images/slate/selectArrow.png?v=1") no-repeat right;
}

tr#trExpiration label:nth-child(2) {
  top: 35px;
  padding: 0px 16px;
  float: none;
}

.textFrag {
  width: 400px;
  height: 48px;
  padding-left: 0;
  position: relative;
}

/* /// End Expiry Date /// */
/* /// Styles for the LawDepot Style Guide theme /// */
.menu {
  list-style: none;
  padding-left: 0;
}

#menu-main-menu > li:nth-of-type(2) {
  padding-top: 30px;
}

#menu-main-menu > li:nth-of-type(2)::before {
  content: "Basics";
  text-transform: uppercase;
  color: #ccc;
  font-weight: 700;
}

#menu-main-menu > li:nth-of-type(6) {
  padding-top: 30px;
}

#menu-main-menu > li:nth-of-type(6)::before {
  content: "Components";
  text-transform: uppercase;
  color: #ccc;
  font-weight: 700;
}

#menu-main-menu > li:nth-of-type(27) {
  padding-top: 30px;
}

#menu-main-menu > li:nth-of-type(27)::before {
  content: "Pages";
  text-transform: uppercase;
  color: #ccc;
  font-weight: 700;
}

article.post a h3 {
  margin-bottom: 30px;
}

article.post h6 {
  color: #CCCCCC;
  text-transform: uppercase;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: transparent transparent #4f4f4f transparent;
  border-width: 1px;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: transparent transparent #4f4f4f transparent;
}

ul.unordered-list {
  margin: 0.2em 0 0 1.2em;
}
ul.unordered-list li {
  font-size: 16px;
  color: #72818B;
  list-style: disc;
  padding-bottom: 8px;
}

ul.linkList li {
  font-weight: 400;
  list-style: disc;
}

ol.linkList, ul.linkList {
  list-style: decimal;
  font-weight: 600;
  font-size: 16px;
  margin: 0.2em 0 0 1.2em;
}
ol.linkList li, ul.linkList li {
  color: #72818B;
  padding-bottom: 20px;
}
ol.linkList li a, ul.linkList li a {
  color: #669E9B;
}

/* Section Code Creator */
#output {
  white-space: pre;
}

code.creatorCode {
  display: block;
  padding: 10px;
}

/* WordPress block style modified */
/* Media Queries */
@media screen and (min-width: 768px) {
  .largeActiveButton, .largeInactiveButton, .smallActiveButton, .smallInactiveButton {
    padding: 15px 30px;
    width: initial;
  }

  .smallActiveButton, .smallInactiveButton {
    padding: 13px 30px;
  }
}
@media screen and (min-width: 992px) {
  #navbarSupportedContent > form > input.form-control {
    width: 370px;
  }
}
@media screen and (min-width: 1467px) {
  .brandLogo {
    width: 232px;
    height: auto;
    margin-top: 10px;
    margin-left: 40px;
  }

  #navbarNavDropdown {
    position: absolute;
    height: 75px;
  }

  nav.LDTopMenu {
    display: flex;
  }

  .navbar-expand-xl-1467px {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl-1467px .navbar-collapse {
    display: flex;
  }

  .d-xl-1467px-none {
    display: none !important;
  }

  .mainNav {
    height: 75px;
  }
}
@media screen and (min-width: 1736px) {
  #navbarSupportedContent ul li a {
    font-size: 20px;
    margin: 0 20px;
  }

  .search_input {
    width: 389px;
  }
}

/*# sourceMappingURL=styles.css.map */