/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Teko:wght@400;600;700&family=Titillium+Web:wght@400;600;700&display=swap");

/* Start For Blog Posts */

body {
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  color: #222222 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 20px;
  line-height: 36px !important;
  letter-spacing: 0.2 !important;
  font-weight: normal !important;
}

a {
  font-weight: 600 !important;
  color: #e25c26 !important;
}
a:hover {
  font-weight: 600 !important;
  color: #e25c26 !important;
  text-decoration: underline !important;
}
h1 {
  font-family: "Teko", sans-serif !important;
  font-size: 36px !important;
  letter-spacing: -0.28 !important;
  font-weight: 400 !important;
  text-align: left !important;
  line-height: 36px !important;
  color: #f0a023 !important;
  margin: 30px 0;
}
h1.title:before {
    display: inline-block;
    content: "";
    height: 26px;
    width: 100px;
    background-color: #f0a023;
}
h2 {
  font-family: "Teko", sans-serif !important;
  color: #2B2A2B !important;
  font-size: 70px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: -0.8px !important;
  line-height: 64px !important;
  margin: 30px 0;
}
h2:after {
    display: block;
    content: "";
    height: 10px;
    width: 100px;
    background-color: #e25c26;
}
h3 {
  font-family: "Titillium Web", sans-serif !important;
  color: #333333 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  letter-spacing: -0.28px !important;
  line-height: 30px !important;
  margin: 30px 0 !important;
}
h4 {
  color: #484748 !important;
  font-family: "Teko", sans-serif !important;
  font-size: 28px !important;
  letter-spacing: -0.28 !important;
  font-weight: 400 !important;
  padding-bottom: 40px !important;
  line-height: 30px !important;
}
div.hs-form-field > label > span {
  color: #333333 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 16px !important;
  line-height: 16px !important;
}
fieldset > div > div > ul > li > label.hs-form-checkbox-display > span {
  color: #333333 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 18px !important;
  font-weight: normal !important;
  line-height: 18px !important;
}
div.input > input,
select {
  margin-bottom: 20px !important;
}
.hs-error-msg {
  font-family: "Titillium Web", sans-serif !important;
  font-size: 16px !important;
  line-height: 16px !important;
  color: red !important;
}
.hs-error-msgs.inputs-list {
  margin: -20px 0 10px 0 !important;
}


label > span {
  font-weight: normal !important;
}
fieldset > div.legal-consent-container > div > p {
  font-family: "Titillium Web", sans-serif !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 16px !important;
}
div.hs_submit > div.actions > input.hs-button {
  padding: 10px 70px 10px 70px !important;
  font-family: "Roboto", sans-serif !important;
  background-color: #e25c26 !important;
  border-style: solid !important;
  border-width: 2px 2px 2px 2px !important;
  border-color: #e25c26 !important;
  font-size: 16px !important;
  line-height: 16px !important;
}
div.hs_submit > div.actions > input.hs-button:hover {
  background-color: #00000000 !important;
  color: #e25c26 !important;
  font-size: 16px !important;
  line-height: 16px !important;
}
div.custom-banner-area {
  background-image: none !important;
  background-color: rgb(58, 58, 58) !important;
}
p > img {
  margin-right: 40px !important;
}

/* End For Blog Posts */

.custom-logo {
  float: none !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 45px !important;
}
.header-container-wrapper {
  max-height: 90px !important;
}
div.widget-type-custom_widget.custom-logo img {
  max-width: 176.34px !important;
  padding-top: 30px !important;
  min-width: 176.34px !important;
}
div.custom-banner-area {
  background-color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: -40px !important;
}

div.page-center.content-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}
.footer-container-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
#back-to-top {
  display: none !important;
}

.main-content {
  padding-right: 20px !important;
}
input {
  min-height: 30px !important;
}
select {
  min-height: 40px !important;
}
input.hs-button.primary.large {
  color: white !important;
}

form,
.form-title {
  padding-left: 20px !important;
}

/* sidebar customization */
.sidebar {
  border: 1px solid #ccc;
  background: rgba(0,0,0,.03);
  padding: 30px 0;
}
.sidebar h3 {
  margin: 0 0 20px 0 !important;
}
.sidebar ul.inputs-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidebar ul.inputs-list input[type=checkbox] {
  vertical-align:bottom
}


@media screen and (max-width: 1200px) {
  h1 {
    font-size: 36px !important;
    line-height: 36px !important;
    max-width: 80% !important;
  }
  h2 {
    font-size: 44px !important;
    line-height: 1 !important;
  }
}

@media screen and (max-width: 1080px) {
  .hs_city {
    max-width: 100% !important;
    width: 100% !important;
  }
  .hs_state_location {
    max-width: 100% !important;
    width: 100% !important;
  }
  .hs_state_location > label > span {
    font-size: 14px !important;
  }

  div.hs-form-field > label > span {
    color: #333 !important;
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    line-height: 14px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  form > fieldset.form-columns-2 {
    display: flex !important;
    flex-direction: column !important;
  }
}

@media screen and (max-width: 767px) {
  /* search icon*/
  .custom-icon {
    background: unset !important;
  }
  /* search icon*/

  form,
  .form-title {
    padding-left: unset !important;
  }

  .acc-imi-main-content {
    margin-top: 50% !important;
  }
  div.hs-form-field > label > span {
    color: #333 !important;
    font-family: Roboto, sans-serif !important;
    font-size: 18px !important;
    line-height: 18px !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

div.footer-container-wrapper {
  padding-top: 50px !important;
  margin-top: 50px !important;
  background-color: #3a3a3a !important;
  color: #ffff !important;
}

#back-to-top {
  display: none !important;
}

.custom-footer-form h3 {
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 20px !important;
  line-height: 36px !important;
  letter-spacing: 0.2 !important;
  font-weight: normal !important;
}
.custom-footer-form form.hs-custom-form > div.hs-form-field > label > span {
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 0.2 !important;
  line-height: 36px !important;
}

.custom-org a {
  font-weight: 400 !important;
  text-decoration: none !important;
}
div.layout-widget-wrapper > span > h4 > img {
  min-width: 300px !important;
  font-family: "Roboto", Sans-serif;
}

div.layout-widget-wrapper > span > div p {
  line-height: 1.2 !important;
  font-family: Roboto !important;
  font-family: "Roboto", Sans-serif !important;
}

div.layout-widget-wrapper > span > h4 {
  padding-bottom: 0px !important;
}
div.layout-widget-wrapper > span > div > div > div > span > a {
  color: white !important;
  font-size: 14px !important;
  text-decoration: none !important;
  font-family: "Roboto", Sans-serif !important;
}
.custom-footer-bottom p {
  color: white !important;
  font-size: 14px !important;
  text-decoration: none !important;
  font-family: "Roboto", Sans-serif !important;
}

.acc-imi-page-center {
  max-width: 1680px !important;
  margin: 0 auto !important;
  width: 1680px!impotant;
}
.footer-container-wrapper {
}
.footer-container {
  max-width: 1680px !important;
  margin: 0 auto !important;
}

.footer-container > .row-number-1 > .row-fluid > .module-imi-footer {
  max-width: 1600px !important;
}

div.footer-container-wrapper
  div.row-fluid-wrapper.row-depth-1.row-number-2
  > div
  > div
  > div
  > div
  > div
  > div
  > div {
  max-width: 1680px !important;
  margin: 0 auto !important;
  padding-left: 30px !important;
}
.custom-footer-bottom {
  max-width: 1680px !important;
  margin: 0 auto !important;
  padding-left: 30px !important;
}
div.row-fluid-wrapper.row-depth-1.row-number-2
  div.span4.widget-span.widget-type-rich_text.custom-contact {
  max-width: 30% !important;
}

/*
 * 
 * HEADER RELATED
 * 
 */

/*accella main menu*/

body
  > div.header-container-wrapper
  > div
  > div.row-fluid-wrapper.row-depth-1.row-number-1 {
  z-index: 9999 !important;
}

li.hs-menu-item a {
  color: #222 !important;
  font-family: Roboto, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.2 !important;
  line-height: 20px !important;
  text-decoration: none;
  float: unset !important;
}

li.hs-menu-item.hs-menu-depth-2 > a {
  color: #fff !important;
  letter-spacing: 0.2 !important;
  cursor: unset !important;
  font-family: Teko, sans-serif !important;
  padding: 0px 0 !important;
  font-size: 24px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-weight: normal !important;
  margin: 20px 0 !important;
  border-bottom: 2px solid #e25c26 !important;
  float: unset !important;
  line-height: 1 !important;
}
li.hs-menu-item.hs-menu-depth-3 {
  padding: 3px 0 !important;
  float: unset !important;
  line-height: 1 !important;
}
li.hs-menu-item.hs-menu-depth-3 a {
  color: #fff !important;
  font-family: Roboto, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.2 !important;
  line-height: 18px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border-bottom: none !important;
  padding: 5px 0 !important;
  float: unset !important;
  line-height: 1 !important;
}

li.hs-menu-item.hs-menu-depth-3 a:hover {
  color: #e25c26 !important;
  font-family: Roboto, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.2 !important;
  line-height: 18px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  float: unset !important;
  line-height: 1 !important;
}

.widget-type-menu ul {
  display: flex !important;
  list-style: none !important;
  gap: 18px !important;
  padding: 18px !important;
  padding-top: 10px !important;
  float: right !important;
}
.widget-type-menu li ul.hs-menu-children-wrapper {
  display: none !important;
  background-color: rgba(58, 58, 58, 0.9) !important;
  margin-right: 10px !important;
  float: unset !important;
}
.widget-type-menu li:hover ul.hs-menu-children-wrapper {
  display: block !important;
  position: absolute !important;
  padding: 20px !important;
  gap: 20px !important;
  float: unset !important;
}
ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper {
  display: block !important;
  position: relative !important;
  padding: 20px 10px !important;
  background-color: rgba(58, 58, 58, 0) !important;
  float: unset !important;
}

ul.hs-menu-children-wrapper
  > li.hs-menu-depth-2:hover
  > ul.hs-menu-children-wrapper {
  display: block !important;
  float: unset !important;
}

.header-container-wrapper {
}
body
  > div.header-container-wrapper
  > div
  > div.row-fluid-wrapper.row-depth-1.row-number-3 {
  padding-top: 90px !important;
  max-width: 1680px !important;
  margin: 0 auto !important;
}
body
  > div.header-container-wrapper
  > div
  > div.row-fluid-wrapper.row-depth-1.row-number-1 {
  min-width: 100% !important;
  margin: 0 !important;
  position: fixed !important;
  background-color: #fff !important;
}
body
  > div.header-container-wrapper
  > div
  > div.row-fluid-wrapper.row-depth-1.row-number-1
  > div {
  max-width: 1680px !important;
  margin: 0 auto !important;
}
/*
.widget-type-menu li:nth-child(6) ul.hs-menu-children-wrapper{
      background-color: rgba(58, 58, 58, 0)!important;

}*/
.fa-chevron-down {
  padding: 0 5px;
}
.fa-search {
  padding: 0 5px;
}

legend.hs-field-desc {
  font-size: 14px !important;
  max-width: 80% !important;
  line-height: 16px !important;
  padding-bottom: 10px !important;
  opacity: 0.8 !important;
}

fieldset.form-columns-0 > div > p {
  font-size: 14px !important;
  max-width: 80% !important;
  line-height: 16px !important;
  padding-bottom: 10px !important;
  opacity: 0.8 !important;
}

/*header work*/

body
  > div.header-container-wrapper
  > div
  > div.row-fluid-wrapper.row-depth-1.row-number-1 {
  border-bottom: 1px solid rgba(107, 107, 107, 0.1) !important;
}

div.main-menu > div > span > div > ul > li > a {
  color: #3a3a3a !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2 !important;
  line-height: 20px !important;
  text-decoration: none;
  float: unset !important;
  padding-bottom: 10px !important;
}

div.custom-logo > div > span > p > a > img {
  min-width: 176.34px !important;
  width: 176.34px !important;
}

body
  > div.header-container-wrapper
  > div
  > div.row-fluid-wrapper.row-depth-1.row-number-1
  > div
  > div
  > div
  > div {
  display: flex !important;
  justify-content: space-between !important;
}

div.span1.widget-span.widget-type-global_group.custom-logo
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div {
  margin: 0 !important;
  padding: 0 !important;
}

li.hs-menu-depth-1.hs-item-has-children {
  position: relative !important;
}

li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper {
  position: absolute !important;
  min-width: max-content !important;
  right: 5px !important;
}

li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper > li {
  float:left;
  margin: 0 10px;
}

li.hs-menu-depth-3 > a {
  text-transform: none !important;
}

input, select {
  background-color: hsla(0, 0%, 42%, 0.1) !important;
  border:1px solid #ccc !important;
  padding:5px;
  font-size:16px;
  font-weight:500;
}

div.span1.widget-span.widget-type-global_group.custom-logo {
  margin: 0 !important;
  padding: 0 !important;
}

.acc-imi-page-center {
  padding-top: 110px !important;
}

/*responsive*/

@media screen and (max-width: 1720px) {
  .hs-menu-wrapper > ul {
    margin-right: 45px !important;
  }
  div.custom-logo > div > span > a > img {
    margin-left: 45px !important;
  }

  div.acc-imi-page-center {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media screen and (max-width: 1300px) {
  div.main-menu > div > span > div > ul > li > a {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1279px) {
}

@media screen and (max-width: 1240px) {
  div.main-menu > div > span > div > ul > li > a {
    font-size: 13px !important;
  }
  li.hs-menu-item a {
    font-size: 13px;
  }
  .widget-type-menu ul {
    gap: 10px !important;
  }
}

@media screen and (max-width: 1180px) {
  div.main-menu > div > span > div > ul > li > a {
    font-size: 12px !important;
  }
  li.hs-menu-item a {
    font-size: 12px;
  }
  .widget-type-menu ul {
    gap: 5px !important;
  }
}
/*****
**
**
***
****
*****
******
*******/


i.fa-solid.fa-caret-down{display:none;}
@media screen and (max-width: 1024px) {
  /*unset*/

  .widget-type-menu li ul.hs-menu-children-wrapper {
    display: unset !important;
    background-color: unset !important;
  }
  .widget-type-menu li:hover ul.hs-menu-children-wrapper {
    display: unset !important;
  }
  ul.hs-menu-children-wrapper
    > li.hs-menu-depth-2
    > ul.hs-menu-children-wrapper {
    display: unset !important;
  }

  ul.hs-menu-children-wrapper
    > li.hs-menu-depth-2:hover
    > ul.hs-menu-children-wrapper {
    display: unset !important;
  }

  div.main-menu > div > span > div > ul > li > a {
    color: #3a3a3a !important;
    font-family: "Teko", sans-serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2 !important;
    line-height: 30px !important;
    text-decoration: none;
    float: unset !important;
    padding-bottom: 10px !important;
  }

  li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper {
    position: unset !important;
    right: unset !important;
  }
  li.hs-menu-depth-3 > a {
    text-transform: unset !important;
  }

  /*unset*/
  
  
 .mobile-icon-on{
   background-image: url("https://431585.fs1.hubspotusercontent-na1.net/hubfs/431585/menubars.svg");
   background-size: 40%; 
   background-repeat: no-repeat;
   background-position: center center;   

    }
  
  .mobile-icon-off{
   background-image: url("https://431585.fs1.hubspotusercontent-na1.net/hubfs/431585/menudown.svg");
     background-size: 40%; 
   background-repeat: no-repeat;
   background-position: center center;   
    }

  div.main-menu > div > span > div {
    margin-top: 20px !important;
    margin-right: 45px !important;
    padding: 0 !important;
    max-width: 40px !important;
    min-width: 40px !important;
    width: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    overflow: hidden !important;
    background-color: #E25C26 !important;
  }

  div.main-menu > div > span > div:hover {
    background-color: red;
    cursor: pointer !important;
  }

  div.main-menu > div > span > div > ul {
    display: none !important;
    max-height:500px!important;
    overflow:scroll!important;
    overflow-y: scroll;
  }

  div.main-menu > div > span > div:hover > ul {
    display: flex !important;
    flex-direction: column !important;
    position: absolute !important;
    top: 40px !important;
    right: -15px !important;
    background-color: rgba(58, 58, 58, 0.9) !important;
    overflow:unset!important;
    overflow-y: scroll!important;
    padding:25px!important;
  }

  div.custom-logo > div > span > a > img {
    padding-bottom: 27px !important;
  }

  div.main-menu > div > span > div > ul > li > a {
    color: white !important;
  }
  
  input.custom-input{
    background:unset!important;
    background-color:lightgray!important;
  }
  
  .fas.fa-search {display:none;!important}
  div.main-menu > div >span{float:right!important;}
  
  body > div.header-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-1 > div > div > div > div {
    display: flex !important;
    justify-content: flex-start !important;
}
  body > div.header-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-1 > div > div > div > div > div {
  width:100%!important;
  }
  
  
  
  
}
/*****
**
**
***
****
*****
******
*******/
@media screen and (max-width: 767px) {

  .acc-imi-main-content {
    margin-top: 0% !important;
  }
  
div.main-menu > div > span > div {
    margin-top: 28px !important;
    margin-right: 45px !important;
    padding: 0 !important;
    max-width: 40px !important;
    min-width: 40px !important;
    width: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    overflow: hidden !important;
    background-color: #E25C26 !important;
  }
  
     div.main-menu > div > span > div:hover > ul {
    display: flex !important;
    flex-direction: column !important;
    position: absolute !important;
    top: 40px !important;
    right: 0px !important;
    background-color: rgba(58, 58, 58, 0.9) !important;
    overflow:unset!important;
    overflow-y: scroll!important;
    padding:25px!important;

  }
}

@media screen and (max-width: 470px) {
  .acc-imi-main-content {
    margin-top: 0% !important;
  }
}



.header-container-wrapper .span12.widget-span.widget-type-cell{max-height:90px!important;}