/* Vars */
:root {
  --brand-color-1: #95775d;
  --brand-color-2: #292b2c;
  --brand-color-3: #646669;
  --brand-color-4: rgba(0, 0, 0, .2);
  --color-form-error: red;
  --color-almost-transparent: rgba(0, 0, 0, .05);
  --checkmark-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4wNzgiIGhlaWdodD0iOC40ODkiPjxwYXRoIGQ9Im0xMS4wNzguODkzLTcuNiA3LjZMMCA1LjAxbC44OTMtLjkgMi41ODkgMi41ODMgNi43LTYuN1oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
}

.pencil-banner {
  background: #00B5E2;
  position: relative;
  width: 100%;
}

.pencil-banner .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 1340px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
}

@media screen and (min-width: 1160px) {
  .pencil-banner .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.pencil-banner__logo-link {
  display: block;
  max-width: 120px;
}

@media screen and (min-width: 1160px) {
  .pencil-banner__logo-link {
    max-width: 140px;
  }
}

@media screen and (min-width: 1300px) {
  .pencil-banner__logo-link {
    margin-right: 20px;
  }
}

.pencil-banner__logo-link img {
  display: block;
  width: 100%;
}

.pencil-banner__mobile-menu-open-btn {
  background: transparent;
  border: 1px solid white;
  border-radius: 2px;
  display: none;
  cursor: pointer;
  position: relative;
  height: 30px;
  width: 30px;
}

@media screen and (max-width: 1160px) {
  .pencil-banner__mobile-menu-open-btn {
    display: block;
  }
}

.pencil-banner__mobile-menu-open-btn:focus {
  border-color: black;
  outline: none;
}

.pencil-banner__mobile-menu-open-btn span {
  background: white;
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 75%;
}

.pencil-banner__mobile-menu-open-btn span:nth-of-type(1) {
  top: 6px;
}

.pencil-banner__mobile-menu-open-btn span:nth-of-type(2) {
  top: 50%;
}

.pencil-banner__mobile-menu-open-btn span:nth-of-type(3) {
  bottom: 6px;
}

body.pencil-banner-mobile-active .pencil-banner__mobile-menu-open-btn span:nth-of-type(1) {
  transform: rotate(-45deg);
  top: 14px;
}

body.pencil-banner-mobile-active .pencil-banner__mobile-menu-open-btn span:nth-of-type(2) {
  display: none;
}

body.pencil-banner-mobile-active .pencil-banner__mobile-menu-open-btn span:nth-of-type(3) {
  transform: rotate(45deg);
  top: 6px;
}

.pencil-banner__link-list {
  align-items: center;
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1160px) {
  .pencil-banner__link-list {
    flex-direction: column;
  }
}

@media screen and (max-width: 1160px) {
  .pencil-banner__link-list--mobile-menu {
    align-items: flex-start;
    background: #F7F7F7;
    left: -100%;
    padding: 15px;
    position: absolute;
    top: 72px;
    transition: left 0.4s ease;
    width: 100vw;
    z-index: 100;
  }

  .pencil-banner__link-list--mobile-menu li a {
    color: black;
  }

  .pencil-banner-mobile-active .pencil-banner__link-list--mobile-menu {
    left: 0;
  }
}

.pencil-banner__link-list li {
  margin: 0;
}

.pencil-banner__link {
  color: #FFF;
  display: block;
  font-size: 15px;
  overflow: hidden;
  padding: 10px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
}

@media screen and (max-width: 1300px) {
  .pencil-banner__link {
    font-size: 14px;
  }
}

@media screen and (max-width: 1160px) {
  .pencil-banner__link {
    padding: 5px;
  }
}

.pencil-banner__link::after {
  background: #FFF;
  bottom: 8px;
  content: '';
  left: 10px;
  opacity: 0;
  position: absolute;
  height: 1px;
  transition: opacity 0.3s ease;
  width: calc(100% - 20px);
}

.pencil-banner__link:hover,
.pencil-banner__link:focus {
  color: #FFF;
  text-decoration: none;
}

@media screen and (max-width: 1160px) {
  .pencil-banner__link::after {
    bottom: 2px;
    left: 0;
    width: 100%;
  }
  .pencil-banner__link:hover {
    color: #000;
  }
}

.pencil-banner__link:hover::after {
  opacity: 1;
}

@media (max-width: 991px) {
  .disable-scroll header#main-header .menu-hold {
    padding-top: 200px;
  }
}

header#main-header {
  z-index: 99 !important;
}

.main-banner .banner-text {
  z-index: 0 !important;
}

/* Lead Forms */
.lead-form-template {
  max-width: 1000px;
  margin: 0 auto;
}

.lead-form-intro-text {
  margin-bottom: 30px;
}

.lead-form-template form {font-family: inherit;}

.lead-form-template form .form-group,
.lead-form-template form .form-group.form-group-full {
  margin-bottom: 30px;
  width: 100%;
}

.lead-form-template form .form-group:nth-child(1) {margin-right: 20px;}
.lead-form-template form .form-group:nth-child(1).form-group-full {margin-right: 0;}

.lead-form-template form .form-group:nth-child(1).form-group-submit {
  margin-top: 20px;
  margin-right: 0;
  text-align: center;
  width: 100%;
}

.lead-form-template form label,
.lead-form-template form .form-checkbox-list-disclaimer,
.lead-form-template .lead-form-intro-text {font-size: 14px;}

.lead-form-template form .form-label-lg {font-size: 18px;}

.lead-form-template form .parsley-errors-list {
  color: var(--color-form-error);
  font-size: 12px;
  list-style: none;
  margin: 3px 0 0;
  padding: 0;
}

.lead-form-template form label.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.lead-form-template form hr {
  height: 2px;
  padding: 0;
  border: none;
  margin: 10px 0 30px;
  display: block;
  background: var(--brand-color-1);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lead-form-template form input,
.lead-form-template form select,
.lead-form-template form textarea {
  border: 1px solid var(--brand-color-4);
  border-radius: 0;
  background: #FFF;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 15px 13px;
  -webkit-transition: color .3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color .3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  width: 100%;
}

.lead-form-template form textarea {min-height: 100px;resize: none;}

.lead-form-template form .form-checkbox input {width: auto;}

.lead-form-template form .form-checkbox-list-full li {width: 100%;}

.lead-form-template form .form-checkbox,
.lead-form-template form .form-radio {
  padding: 5px 0 5px 24px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--brand-color-2);
}

.lead-form-template form .form-checkbox input[type="checkbox"],
.lead-form-template form .form-radio input[type="radio"] {
  position: absolute;
  top: -100px;
  left: -100px;
}

.lead-form-template form .form-checkbox a {
  color: var(--brand-color-2);
  text-decoration: underline;
}

.lead-form-template form .form-checkbox a:hover {color: var(--brand-color-1);}

.lead-form-template form .form-checkbox.parsley-error .dot {border: 1px solid var(--color-form-error);}

.lead-form-template form .form-checkbox-label {
  font-size: 16px;
  line-height: 20px;
  color: #000;
  display: block;
}

.lead-form-template form .form-checkbox-list-flex {
  display: flex;
  flex-wrap: wrap;
}

.lead-form-template form .form-checkbox-list-flex li {
  width: 50%;
}

.lead-form-template form .form-checkbox-list,
.lead-form-template form .form-radio-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lead-form-template form .form-checkbox-list li .form-checkbox {
  padding-top: 6px;
  padding-bottom: 4px;
}

.lead-form-template form .form-checkbox-list-disclaimer span {
  display: block;
  margin: 10px 0 15px;
}

.lead-form-template form .form-checkbox .dot,
.lead-form-template form .form-radio .dot {
  width: 16px;
  height: 16px;
  margin: auto 0;
  background: transparent;
  border: 1px solid var(--brand-color-3);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.lead-form-template form .form-checkbox .dot::before,
.lead-form-template form .form-radio .dot::before {
  background: var(--brand-color-1) var(--checkmark-icon) no-repeat center center;
  background-size: 10px auto;
  content: '';
  display: block;
  overflow: hidden;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0.35);
  transform: scale(0.35);
  -webkit-transition: opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),
  -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),
  -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),
  transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),
  transform .3s cubic-bezier(0.645, 0.045, 0.355, 1),
  -webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.lead-form-template form .form-radio .dot,
.lead-form-template form .form-radio .dot::before {
  border-radius: 50%;
  background-image: none;
}

.lead-form-template form .form-checkbox input[type="checkbox"]:checked~.dot:before,
.lead-form-template form .form-radio input[type="radio"]:checked~.dot:before {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.lead-form-template form .form-checkbox:focus-within .dot {border: 1px solid #000;}
.lead-form-template form .form-checkbox.parsley-error .dot {border: 1px solid var(--color-form-error);}

.lead-form-template form input[type="text"],
.lead-form-template form input[type="email"] {color: var(--brand-color-2);}

.lead-form-template form .form-group.hasValue .parsley-errors-list {display: none;}
.lead-form-template form .form-group.parsley-error.hasValue .selectric {border-color: var(--brand-color-4);}

.lead-form-template form .form-group.parsley-error .selectric .label {color: var(--color-form-error);}
.lead-form-template form .form-group.parsley-error.hasValue .selectric .label {color: var(--brand-color-2);}

.lead-form-template form input::-webkit-input-placeholder,
.lead-form-template form textarea::-webkit-input-placeholder {color: var(--brand-color-3); transition: color 0.3s ease-in-out; opacity: 1;}

.lead-form-template form input::-moz-placeholder,
.lead-form-template form textarea::-moz-placeholder {color: var(--brand-color-3); transition: color 0.3s ease-in-out; opacity: 1;}

.lead-form-template form input:-moz-placeholder,
.lead-form-template form textarea:-moz-placeholder {color: var(--brand-color-3); transition: color 0.3s ease-in-out; opacity: 1;}

.lead-form-template form input:-ms-input-placeholder,
.lead-form-template form textarea:-ms-input-placeholder {color: var(--brand-color-3); transition: color 0.3s ease-in-out; opacity: 1;}

.lead-form-template form input:focus,
.lead-form-template form input:hover,
.lead-form-template form textarea:focus,
.lead-form-template form textarea:hover,
.lead-form-template form .btn-submit:focus {border: 1px solid var(--brand-color-2);}

.lead-form-template form input:focus::-webkit-input-placeholder,
.lead-form-template form textarea:focus::-webkit-input-placeholder {color: #FFF;}

.lead-form-template form input:focus::-moz-placeholder,
.lead-form-template form textarea::-moz-placeholder {color: #FFF;}

.lead-form-template form input:focus:-moz-placeholder, 
.lead-form-template form textarea:focus:-moz-placeholder {color: #FFF;}

.lead-form-template form input:focus:-ms-input-placeholder,
.lead-form-template form textarea:focus:-ms-input-placeholder {color: #FFF;}

.lead-form-template form input.parsley-error, 
.lead-form-template form textarea.parsley-error,
.lead-form-template form .parsley-error .selectric {border-color: var(--color-form-error);}
.lead-form-template form input.parsley-error::-webkit-input-placeholder {color: var(--color-form-error);}
.lead-form-template form input.parsley-error::-moz-placeholder {color: var(--color-form-error);}
.lead-form-template form input.parsley-error:-moz-placeholder {color: var(--color-form-error);}
.lead-form-template form input.parsley-error:-ms-input-placeholder {color: var(--color-form-error);}
.lead-form-template form input.parsley-error:focus::-webkit-input-placeholder {color: #FFF;}
.lead-form-template form input.parsley-error:focus::-moz-placeholder {color: #FFF;}
.lead-form-template form input.parsley-error:focus:-moz-placeholder {color: #FFF;}
.lead-form-template form input.parsley-error:focus:-ms-input-placeholder {color: #FFF;}

.lead-form-template form .btn-submit {
  cursor: pointer;
  font-family: inherit;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  left: auto;
  transform: none;
}

.lead-form-template .form-thank-you {display: none;padding: 50px 0;}
.lead-form-template.form-success .form-thank-you {display: block;}
.lead-form-template .form-thank-you h3 {color: var(--brand-color-1);font-size: 34px;line-height: 1.2;}
.lead-form-template.form-success form {display: none;}

/* Breakpoint - 375px and up */
@media screen and (min-width: 375px) {
  .lead-form-template form label,
  .lead-form-template form .form-checkbox-list-disclaimer,
  .lead-form-template .lead-form-intro-text,
  .lead-form-template form input,
  .lead-form-template form select,
  .lead-form-template form textarea {font-size: 16px;}
}

/* Breakpoint - 750px and up */
@media screen and (min-width: 750px) {
  .lead-form-template {width: 95%;}
  
  .lead-form-template form .form-row,
  .lead-form-template form .form-group-container {display: flex;flex-direction: row;}

  .lead-form-template form .form-group,
  .lead-form-template form .form-group-container {width: calc(50% - 10px);}
  
  .lead-form-template form textarea {min-height: 200px;}

  .lead-form-template form .form-checkbox-list-flex li {width: 25%;}
}

/* Selectric: Brand Customizations */
.selectric{border: 1px solid var(--brand-color-4);background:#FFF;-webkit-transition:border .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:border .3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;}
.selectric .label{height:46px;padding:16px 15px;margin-right:30px;margin-left:0;font: 16px/18px sans-serif;color:var(--brand-color-3);-webkit-transition:color .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:color .3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.selectric-hover .selectric{border-color:var(--brand-color-3);}
.selectric-hover .selectric .label{color: var(--brand-color-2)}
.selectric-focus .selectric,
.selectric-open .selectric{border-color: var(--brand-color-2)}
.selectric-focus .selectric .label,
.selectric-open .selectric .label{color:var(--brand-color-2);}
.selectric .button{width:42px;height:100%;padding:0 !important;border:none;border-radius:0;background:rgba(0,0,0,0);}
.selectric .button::before{width:9px;height:2px;margin:auto;display:block;content:"";overflow:hidden;background:var(--brand-color-1);border:none;position:absolute;top:1px;right:-4px;bottom:0;left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.selectric-hover .selectric .button::before,
.selectric-focus .selectric .button::before{background-color:var(--brand-color-1)}
.selectric-open .selectric .button::before{left:-7px;right:0}.selectric .button:after{width:9px;height:2px;background:var(--brand-color-1);border:none;top:1px;left:-7px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.selectric-hover .selectric .button:after,
.selectric-focus .selectric .button:after{background-color:var(--brand-color-1)}
.selectric-open .selectric .button:after{left:0;right:-4px}
.selectric .button:hover{background:rgba(0,0,0,0);}
.selectric-items{width:auto !important;min-width:100%;border-color:var(--brand-color-1);margin-top:-1px;white-space:nowrap;visibility:hidden;opacity:0;background:#FFF;-webkit-transform:translate3d(0, 7px, 0);transform:translate3d(0, 7px, 0)}
.selectric-open .selectric-items{visibility:visible;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform .3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)}
.selectric-above .selectric-items{margin-top:0;margin-bottom:-1px}
.selectric-items li{padding:16px;font-size:14px;line-height:16px;color:var(--brand-color-2);}
.selectric-items li:nth-child(2n){background:var(--color-almost-transparent);}
.selectric-items li.highlighted,.selectric-items li:hover{color:#FFF;background:var(--brand-color-1)}
.selectric-items li.selected{color:#000;background: var(--brand-color-4);}
/* END Selectric Customizations */