/* @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 > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-1 {display:none;}

img.custom-logo {padding-top:20px!important;}
ul.active-branch /*{padding-top:20px!important;*/}
ul.active-branch li>a {font-family:Roboto!important;}
div.searchbtn {padding-top:25px!important;}
div.post-header h1{font-family:Teko!important;font-size:64px!important;line-height:1!important;color: #e25c26!important;}
h2{font-family:Teko!important;font-size:64px!important;line-height:1!important;color: #e25c26!important;}
h3{font-family:Teko!important;font-size:36px!important;line-height:1!important;color: #e25c26!important;}
div.post-header h2>a{font-family:Teko!important;font-size:64px!important;line-height:1!important;color: #e25c26!important;}
div.custom-img{width:35%!important;}
div.custom-post{width:65%!important;}
div.post-body.clearfix {color: #222222!important;
  font-family: Roboto!important;
  font-size: 20px!important;
  line-height: 36px!important;
  letter-spacing: 0.2!important;
  font-weight: normal!important;}
div.post-body.clearfix span {color: #222222!important;
  font-family: Roboto!important;
  font-size: 20px!important;
  line-height: 36px!important;
  letter-spacing: 0.2!important;
  font-weight: normal!important;}
div.post-body.clearfix text>text {color: #222222!important;
  font-family: Roboto!important;
  font-size: 20px!important;
  line-height: 36px!important;
  letter-spacing: 0.2!important;
  font-weight: normal!important;}
div.post-body.clearfix text>text {color: #222222!important;
  font-family: Roboto!important;
  font-size: 20px!important;
  line-height: 36px!important;
  letter-spacing: 0.2!important;
  font-weight: normal!important;}
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-5 > div {display:none;}
a.more-link{font-weight: 600!important;
  color: #e25c26!important;
  font-family: Roboto!important;
  font-size: 20px!important;
   line-height: 36px!important;
  letter-spacing: 0.2!important;}
a.more-link:hover{
text-decoration:underline!important;
}
a.topic-link{
color: #484748!important;
  font-family: Roboto!important;
  font-size: 16px!important;
  line-height: 24px!important;
  letter-spacing: 0.2!important;
  font-weight: 300!important;
}
a.author-link{
color: #484748!important;
  font-family: Roboto!important;
  font-size: 16px!important;
  line-height: 24px!important;
  letter-spacing: 0.2!important;
  font-weight: 300!important;
}
nav > ul > li > a {
border-bottom-color: #e25c26!important;
  border-left-color: #e25c26!important;
  border-right-color: #e25c26!important;
  border-top-color: #e25c26!important;
  color: #e25c26!important;
  text-decoration-color: #e25c26!important;
}
nav > ul > li > a:hover {
  color: #ffffff!important;
  background-color: #e25c26!important;
}


form.hs-custom-form > div > div.hs-main-font-element > h1 {
  color: #333333;
  font-family: Titillium Web;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -0.28;
  font-weight: 600;
}

.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: .2!important;
    line-height: 36px!important;
}


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

form.hs-custom-form > div.hs_submit > div.actions > input.hs-button {
  background-color: #e25c26!important;
}

#hs-search-module > form > div > label{
  color: #222222!important;
  font-family: Roboto!important;
  font-size: 20px!important;
  line-height: 36px!important;
  letter-spacing: 0.2!important;
  font-weight: normal!important;}

div.custom-footer{
 background-color: rgb(58, 58, 58);
}




/* footer */

.accimithewhitefooter {
  color: white !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  font-family: "Roboto", Sans-serif !important;
  font-size: 18px !important;
  text-transform: none !important;
  font-style: normal !important;
  text-decoration: none !important;
  line-height: 26px !important;
  letter-spacing: -0.2px !important;
  word-spacing: 0em !important;
}

.accimithewhitefooter a:hover {
  text-decoration: underline !important;
}
.accimithesocialicons {
  display: flex !important;
  gap: 10% !important;
  align-items: center !important;
}

.accimithesocialicons > div > a > img:hover {
  width: 30% !important;
  height: 30% !important;
}

#hs-form-e99563f1-71de-43fd-8545-546c2ee8d17f-8a1ec622-9ad3-456a-893c-783670a8b6cb  label {
   color: white !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  font-family: "Roboto", Sans-serif !important;
  font-size: 18px !important;
  text-transform: none !important;
  font-style: normal !important;
  text-decoration: none !important;
  line-height: 26px !important;
  letter-spacing: -0.2px !important;
  word-spacing: 0em !important;
}

#hs-form-e99563f1-71de-43fd-8545-546c2ee8d17f-8a1ec622-9ad3-456a-893c-783670a8b6cb button.hs-form__actions__submit {
      font-family: "Roboto", Sans-serif !important;
    margin: 0!important;
    cursor: pointer!important;
    display: inline-block!important;
    font-weight: 700!important;
    line-height: 12px!important;
    position: relative!important;
    text-align: center!important;
    background-color: #e25c26!important;
    border: 1px solid #e25c26!important;
    color: white !important;
    border-radius: 3px!important;
    text-decoration: none !important;
  font-family: "Roboto", Sans-serif !important;
  font-size: 18px !important;
    padding: 15px 34px!important;
}



li.hs-menu-depth-1:nth-child(1) > ul:nth-child(2) > li:nth-child(2) > ul:nth-child(2), li.hs-menu-depth-1:nth-child(1) > ul:nth-child(2) > li:nth-child(3) > ul:nth-child(2), li.hs-menu-depth-1:nth-child(1) > ul:nth-child(2) > li:nth-child(4) > ul:nth-child(2){
display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  padding: 0 !important;
  gap: 0 !important;
  padding-top: 20px !important;
}
/*
li.hs-menu-depth-1:nth-child(6) > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1) > form::before {
  content: "IMI SEarch";
  padding-right: 15px;
}
*/


@media screen and (min-width:1201px) {


li.hs-menu-item a {
  font-size: 16px!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
  word-wrap: break-word!important;
   overflow-wrap: break-word!important;
   white-space: normal!important;
   text-transform: unset!important;
}




ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper{

  background-color: white!important;
  min-width: auto!important;
  position: absolute!important;
  left: 50%!important;
  /*top:100%!important;*/
  text-overflow: hidden!important;
  overflow: hidden!important;
  padding-top: 20px!important;
  padding-bottom: 20px!important;

}
.custom-icon{
  padding-top: 40px!important;
  float:unset!important;
}





}



.footer-container-wrapper h3.hs_cos_wrapper.form-title {
  font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 36px;
    letter-spacing: -0.2px;
    word-spacing: 0em;
    color:white!important;
}

input.hs-button.primary.large {
  padding: 15px 30px!important;
  
}


/*header new*/

div.row-fluid>div.custom-logo {
    padding: 0 !important;
    margin-top: 10px !important;
}

ul.active-branch {
    padding: 0 !important;
    margin-top: 0 !important;
}

.header-container-wrapper {
    max-height: 90px !important;
}

div.span4.widget-span.widget-type-rich_text.custom-logo {

    height: 90px !important;

}

body > div.header-container-wrapper > div > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-1 > div > div > div.row-fluid-wrapper.row-depth-1.row-number-2 {display:none;}



div.span10.widget-span.widget-type-menu.custom-menu-primary2.mainmenu.js-enabled {
  float: right!important;
  min-width: 82%!important;
  width: 82%!important;
}

div.header-container-wrapper div.row-fluid-wrapper.row-depth-1.row-number-6 > div {
  max-width: 1680px!important;
  margin: 0 auto!important;
}

.page-center{
   max-width: 1680px!important;
  margin: 0 auto!important;
}

div.header-container-wrapper div.span8.widget-span.widget-type-menu.custom-menu-primary2.js-enabled{
  float: right;
  min-width: 82%!important;
  width: 82%!important;

}

div.header-container-wrapper div.span4.widget-span.widget-type-rich_text.custom-logo{
  max-width:174px!important;
}

li.hs-menu-item a.menuitem{
  font-size:16px!important;
}






/*work*/

/*work*/



ul > li.hs-menu-item > ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > a {
    color: #fff!important;
    letter-spacing: .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;
}
ul > li.hs-menu-item > ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper > li.hs-menu-depth-3 >a {

 color: #fff!important;
    font-family: Roboto,sans-serif!important;
    font-size: 14px!important;
    font-weight: 400!important;
    letter-spacing: .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-depth-2>ul.hs-menu-children-wrapper {
  margin:0!important;
  padding:0!important;
  background-color: transparent!important;
  }


li.hs-menu-depth-1>ul.hs-menu-children-wrapper {
  display: none!important;
  z-index: 999!important;}

li.hs-menu-depth-1:hover>ul.hs-menu-children-wrapper {
     min-width: 100vw !important;
  display: flex!important;
  position: fixed!important;
  z-index: 999!important;
  box-shadow: none!important;
  background-color: rgba(58,58,58,.9)!important;
  padding: 10px !important;
  top:30px!important;
 margin-top: 30px!important;
  margin-right: 0px!important;
  right:0px!important;
  justify-content: space-evenly !important;
  gap: 5% !important;
  padding-bottom:30px!important;
}
.dl-back{display: none!important;}

ul > li.hs-menu-item > ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper > li.hs-menu-depth-3 >a:hover{
  color:#e25c26!important;
}


li.hs-menu-depth-2>ul.hs-menu-children-wrapper {
  position: relative!important;
  left: 0!important;
  background-color: transparent!important;
  box-shadow: none!important;
  padding-bottom:20px!important;
  }



/********last changes*****/

li.active-branch:nth-child(1) > a:nth-child(1){
font-size:24px!important;
}

.custom-searchform::before{
  content: "imi search";
  padding-right: 15px;
  font-size: 24px;
  white-space: nowrap;
}

.custom-searchform{
  display: flex;
  align-items: center;
}



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


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

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

i.fa-sharp.fa-solid.fa-caret-down{
  padding-left:10px!important;
}


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

}

div.widget-type-menu.mainmenu{
  float: right!important;
  min-width: max-content!important;
  padding-top: 30px!important;
}
.header-container-wrapper{
  position: fixed!important;
  background-color: white!important;
  z-index: 999!important;
  min-width: 100vw!important;

}

.body-container-wrapper{
  padding-top: 100px!important;
}

@media (max-width: 1440px){
 li.hs-menu-depth-1:hover>ul.hs-menu-children-wrapper {
    padding:20px!important;
  }
  
  
  div.widget-type-menu.mainmenu > div > span > div > ul > li.hs-menu-item > a{
     font-size: 14px!important;
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
     display:flex!important;
    
    gap:15px!important;
}
  div.widget-type-menu.mainmenu > div > span > div > ul{
    display:flex!important;
    
    gap:15px!important;
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {
    margin: 0 0px !important;
}
  
   li.hs-menu-item a {
  padding-left: 0px!important;
    padding-right: 0px!important;
  }
  i.fa-sharp.fa-solid.fa-caret-down{
  padding-left:0px!important;
}
}


@media (max-width: 1200px){
 div.widget-type-menu.mainmenu > div > span > div > ul{display:block!important;}
  .active-branch {
    display: block!important;
}
  
  div.widget-type-menu.mainmenu > div > span > div > ul {
    display: flex!important;
    gap: 10px!important;
}
  div.widget-type-menu.mainmenu > div > span > div > ul > li.hs-menu-item > a {font-size:12px!important;}
}
@media (max-width: 971px){
  .custom-desktop {display:block!important;}
  .custom-logo * {display:block!important;}
}
@media (max-width: 767px){
 div.post-header h2>a {
    color: #e25c26!important;
    font-family: Teko!important;
    font-size: 50px!important;
    line-height: 1!important;
}
div.post-header h1, h2 {
    font-size: 50px!important;
}  
  div.custom-post {
    width: unset!important;
}
  div.custom-img {
    width: unset!important;
}
  
}

@media (max-width: 501px){
 div.post-header h2>a {
    color: #e25c26!important;
    font-family: Teko!important;
    font-size: 40px!important;
    line-height: 1!important;
}
div.post-header h1, h2 {
    font-size: 40px!important;
}  
}

.span12.widget-span.widget-type-cell.custom-header-bottom {
    max-height: 90px!important;
  min-height: 90px!important;
}

input, select{
 /* background-color:  hsla(0,0%,42%,.1)!important;*/
}





/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * */
i.fa-solid.fa-caret-down{display:none;}


@media screen and (max-width: 1024px) {
  
  
  /*unset*/

  
  
li.hs-menu-depth-1:hover>ul.hs-menu-children-wrapper {
     min-width: unset !important;
  display: unset!important;
  position: unset!important;
  z-index: unset!important;
  box-shadow: unset!important;
  background-color: unset!important;
  padding: unset !important;
  top:unset!important;
 margin-top: unset!important;
  margin-right: unset!important;
  right:-unset!important;
}
  
  
  .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;
  }

  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*/
  
  
  

 
  
  div.mainmenu > 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;
  }
  
  div.mainmenu > div > span {float:right!important;}

  div.mainmenu > div > span > div {
    margin-top: 0px !important;
    margin-right: 0px !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.mainmenu > div > span > div:hover {
    background-color: red;
    cursor: pointer !important;
  }
  
 .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.mainmenu > div > span > div > ul {
    display: none !important;
    max-height:500px!important;
    overflow:scroll!important;
    overflow-y: scroll;
  }

  div.mainmenu > 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.mainmenu > 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.mainmenu > 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;
  }
  
     div.widget-type-menu.mainmenu > div > span > div > ul{display:block!important;}
  .active-branch {display: block!important;}
  
  .row-fluid-wrapper:last-child div.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
    display: none!important;
}
   .row-fluid-wrapper:last-child div.hs-menu-wrapper.hs-menu-flow-horizontal:hover > ul {
     display: flex !important;
    flex-direction: column !important;
    position: absolute !important;
    top: 70px !important;
    right: 45px !important;
    background-color: rgba(58, 58, 58, 0.9) !important;
    overflow:unset!important;
    overflow-y: scroll!important;
    padding:25px!important;
}
  
  div.widget-type-menu.mainmenu > div > span > div > ul > li.hs-menu-item > a {
   font-family: Teko,sans-serif!important;
    padding: 0px 0!important;
    font-size: 28px !important;
    color:white!important;
    font-weight:normal!important;
}
  
   div.widget-type-menu.mainmenu > div > span > div > ul > li.hs-menu-item > a:hover ul {
   background-color:unset!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;
  }
}