@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/7Aujp_0qiz-afTfcIyoiGtm2P0wG05Fz4eqVww.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}


@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/7Auwp_0qiz-afTLGLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



@font-face {
  font-family: "icomoon"; 
  src: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/icomoon-2.eot) format("embedded-opentype"),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/icomoon-3.woff) format("woff"),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/icomoon-1.ttf) format("truetype"); 
  font-style: normal;
  font-weight: normal; 
}


@font-face {
  font-family: 'Muli Extra Light';
  src: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraLight.eot) format('embedded-opentype'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraLight.woff2) format('woff2'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraLight.woff) format('woff'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraLight.ttf) format('truetype'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraLight.svg) format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Muli Extra Bold';
  src: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraBold.eot) format('embedded-opentype'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraBold.woff2) format('woff2'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraBold.woff) format('woff'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraBold.ttf) format('truetype'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-ExtraBold.svg) format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Muli Semi Bold';
  src: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-SemiBold.eot) format('embedded-opentype'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-SemiBold.woff2) format('woff2'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-SemiBold.woff) format('woff'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-SemiBold.ttf) format('truetype'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-SemiBold.svg) format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Muli Regular';
  src: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-Regular.eot) format('embedded-opentype'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-Regular.woff2) format('woff2'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-Regular.woff) format('woff'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-Regular.ttf) format('truetype'),
    url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/fonts/Muli-Regular.svg) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}









.h1,
h1 {
  line-height:70px;
}
.h2,
h2 {
  line-height:58px;
}

.h3,
h3 {
  line-height:34px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1.4rem;
}

.blog-main-post .comment-from h4,
.systems-page .hs-search-results__title,
.h4,
h4 {
  line-height:1.48222222px;
}

.blog-comments button.comment-reply-to.hs-button.secondary,
.h5,
h5 {
  line-height:25px;
}
.h6,
h6 {
  line-height:24px;
}



@media only screen and (max-width: 767px) {
  .h1,
  h1 {
    line-height: 45.5px;
  }

  .h2,
  h2 {
    line-height: 43.5px;
  }

  .h3,
  h3{
    line-height: 28.8px;
  }

  .blog-main-post .comment-from h4,
  .systems-page .hs-search-results__title,
  .h4,
  h4{
    line-height: 23.4px;
  }
}


form ::-webkit-input-placeholder {
  color: #5B6770;
}
@media only screen and (min-width: 1000px) {
  .content-wrapper, .dnd-section>.row-fluid, .footer .page-center, .header .page-center, .header .primary-section .page-center, .page-center {
    
    max-width: 1500px;
    
    width: 100%;
    margin: 0 auto;
    padding: 0 90px;
  }

}

@media only screen and (min-width: 690px) and (max-width: 999px) {
  .content-wrapper, .dnd-section>.row-fluid, .footer .page-center, .header .page-center, .header .primary-section .page-center, .page-center {
    max-width: 600px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 690px) {
  .content-wrapper, .dnd-section>.row-fluid, .footer .page-center, .header .page-center, .header .primary-section .page-center, .page-center {
    max-width: 420px !important;
  }
}

@media only screen and (max-width: 479px) {
  .content-wrapper, .dnd-section>.row-fluid, .footer .page-center, .header .page-center, .header .primary-section .page-center, .page-center {
    max-width: calc(100% - 50px) !important;
  }
}



form input[type=email], 
form input[type=file],
form input[type=number],
form input[type=password],
form input[type=search], 
form input[type=tel],
form input[type=text], 
form select, 
form textarea{
  height: auto;
  padding: 5px 4px;
  letter-spacing: normal;
  font-size: inherit;
  border-style: solid;
  border-width: 2px;
  font-family: inherit;
  line-height: 22px;
}

form input[type=email]:focus,
form input[type=file]:focus,
form input[type=number]:focus, 
form input[type=password]:focus,
form input[type=search]:focus,
form input[type=tel]:focus,
form input[type=text]:focus, 
form select:focus, 
form textarea:focus {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.11);
  background-color: #ebebeb;
}

form label, form legend {
  color: #676767;
  font-family: Muli;
  font-weight: normal ;
  margin-top: 20px;
  margin-bottom: 14px;
  display: inline-block;
  line-height: 1.3;
  clear: both;
  font-size: 16px ;
}

form .hs-form-required {
  color: #005f83;
  margin-left: 8px;
}

form textarea{
  height: 80px;
  width: 100%;
}

.span2 .hs-button, 
.span3 .hs-button,
.span4 .hs-button, 
.span5 .hs-button, 
.span6 .hs-button {
  padding: 15px 22px;

}

.hs-button,
.hs-sec-btn,
.hs-trans-btn, 
.systems-page .hs-search-results__next-page,
.systems-page .hs-search-results__prev-page,
form input[type=submit]{
  font-size: 1em;
  width: auto;
  margin: 0 16px 0 0;
  letter-spacing: 0.25px ;
  line-height:normal;
  transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
  box-shadow: none;
}

.hs-button:active,
.hs-button:hover,
.tabber .media-col .form-wrap input.hs-button:active,
.tabber .media-col .form-wrap input.hs-button:hover,
form input[type=submit]:active,
form input[type=submit]:hover{
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  opacity: 0.85;
}
form .hs-error-msg {
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 20px;
  max-width: 100%;
  padding-right: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #c89797;
  border-bottom: 1px solid #c89797;
  background-color: rgba(255, 223, 224, .25);
  display: block;
}

form .inputs-list>li {
  margin: 0;
}

form .hs-input.invalid.error {
  border: 1px solid #790000;
}

form {
  margin-bottom: 30px;
}



@media only screen and (min-width: 690px) {
  .content-wrapper--vertical-spacing, .dnd-section {
    padding-top: calc(75vw * 0.08 );
    padding-bottom: calc(75vw * 0.08 );
  }
}


@media only screen and (max-width: 690px) {
  .dnd_padd,
  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}




p {
  -webkit-font-smoothing: subpixel-antialiased;
}


.bellrock-footer.footer .col-section{
  padding:0px;
}
.bellrock-footer.footer .footer .al_right {
  text-align: right;
}

.bellrock-footer .footer-social-item a {
  margin-left: 20px;
  display: block;
}

.bellrock-footer .footer-social-item,
.bellrock-footer .footer-social-item a {
  display: inline-block;
  width: auto;
  height: auto;
}

.bellrock-footer .footer-social img,
.bellrock-footer .footer-social svg{
  height: 20px;
  vertical-align: middle;
  width: 20px;
}

.bellrock-footer.footer.footer_section__2 .footer-section-1 .num1 .row1 .footer-image img {
  max-width: 140px;
  margin-bottom: -4px !important;
}

.bellrock-footer.footer .footer-section-2 .footer-content p {
  line-height: 22px;
  font-size: 14px;
}

.bellrock-footer .footer-social-item a {
  display: block;
  margin-left: 20px;
  display: block;
  line-height: 22px;
  height: 24px;
  position: relative;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  background-position: center top;
}

.bellrock-footer.footer .al_right.type_social_icons .footer-social{
  gap:0;
}

.bellrock-footer.footer em {
  font-weight: 400;
  font-style: italic;
  display: block;
  font-size: 13px;
  color: rgba(25, 49, 49,1.0);
  line-height: 25px;
}

.bellrock-footer.footer .footer-menu .hs-menu-wrapper>ul {
  display: block;
}


.bellrock-footer.footer  .hs-menu-wrapper>ul>li:last-child {
  margin-right: 0%;
}

.bellrock-footer.footer  .footer-menu .hs-menu-wrapper ul,
.bellrock-footer.footer  .footer-menu .hs-menu-wrapper.flyouts .hs-menu-children-wrapper{
  top:0;
}

.bellrock-footer.footer  .footer-menu .hs-menu-wrapper  ul li { 
  margin-bottom: 0;
  margin-top:0;
  -webkit-font-smoothing: subpixel-antialiased;
}


.bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num1 {
  margin-bottom: 30px;
}

.bellrock-footer.footer.footer_section__2   .footer-section-1  .footer-content p img {
  margin-bottom: -10px;
  margin-top: 10px;
}

.bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num1 .footer-row.row2 .footer-content p:first-child{
  margin: 0;
  padding-bottom: 20px;
}

.footer {
  font-size: 16px;
}

.bellrock-footer.footer.footer_section__2 .footer-section-2   {
  line-height: normal;
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num3{
  padding-top: 52px;
}

.bellrock-footer.footer .footer-social .footer-social-item i,
.bellrock-footer.footer .footer-social .footer-social-item svg{
  fill:rgba(25, 49, 49,1.0);
  color: rgba(25, 49, 49,1.0);
}

.bellrock-footer.footer .footer-social .footer-social-item a:hover i,
.bellrock-footer.footer .footer-social .footer-social-item a:hover svg path{
  color:#005f83;
  fill:#005f83;
}

.bellrock-footer.footer  a:not([class]) {
  color: rgba(25, 49, 49,1.0);
}

.bellrock-footer.footer .fa-linkedin:before{
  content: "\f08c";
}

.bellrock-footer.footer .fa {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Font Awesome\ 5 Brands;
}

.bellrock-footer.footer .footer-social .footer-social-item i,
.bellrock-footer.footer .footer-social .footer-social-item svg {
  font-size: 20px;
  width: auto;
  background-color: transparent ;
}

.bellrock-footer.footer [class*="fa-"] {
  display: inline-block;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 1;
  top: -2px;
  word-spacing: 1px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
}

.bellrock-footer .fa-angle-up:before {
  content: "\f106";
}



/*  back to top */

.back_to_top svg {
  display: none;
}


.bellrock-footer .back_to_top svg {
  display: none
}

.bellrock-footer .back_to_top {
  background-color: rgba(0,0,0,.25);
  background-position: 50%;
  background-repeat: no-repeat;
  border: 0;
  -webkit-border-radius: 200px;
  -o-border-radius: 200px;
  bottom: -30px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 29px;
  line-height: 12px;
  overflow: hidden;
  position: fixed;
  right: 17px;
  text-align: center;
  transition: box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;
  -webkit-transition: -webkit-box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;
  -moz-transition: -moz-box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;
  width: 29px;
  z-index: 9994
}

.bellrock-footer .back_to_top i {
  background-color: transparent;
  font-size: 14px;
  height: 29px;
  left: 0;
  line-height: 29px;
  position: relative;
  text-align: center;
  top: 0;
  transform: translate(0);
  transition: transform .2s ease;
  -webkit-transition: transform .2s ease;
  width: 29px;
  z-index: 10
}

.bellrock-footer .back_to_top [class*=" icon-"],
.bellrock-footer .back_to_top [class^=icon-],
.bellrock-footer .back_to_top i[class*=fa-],
.bellrock-footer .back_to_top span[class*=fa-] {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased
}

.bellrock-footer.footer .back_to_top [class*=fa-] {
  font-size: 14px;
  line-height: 35px;
  text-align: center
}
.bellrock-footer.footer .back_to_top i.fa.fa-angle-up.top-icon {
  line-height: 33px;
} 
.bellrock-footer .fa-angle-up:before {
  content: "\f106"
}

.bellrock-footer .back_to_top:after,.concerto_ft .back_to_top:before {
  background-color: #000;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transition: all .3s cubic-bezier(.55,0,.1,1);
  -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
  -moz-transition: all .3s cubic-bezier(.55,0,.1,1);
  width: 100%;
  z-index: 1
}

.bellrock-footer .back_to_top i.fa-angle-up {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  transition: transform .2s ease;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease
}

.bellrock-footer.footer.footer_section__2 .back_to_top:hover {
  background-color: transparent!important;
  box-shadow: 1px 2px 3px rgba(0,0,0,.16)!important;
  transition: box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .05s linear .25s;
  -webkit-transition: -webkit-box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .05s linear .25s;
  -moz-transition: -moz-box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .05s linear .25s
}

.bellrock-footer.footer.footer_section__2 .back_to_top {
  background-color: rgba(0,0,0,.25)!important;
  transition: box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;
  -webkit-transition: -webkit-box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;
  -moz-transition: -moz-box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear
}

.bellrock-footer.footer.footer_section__2 .back_to_top:hover i.fa-angle-up {
  transform: translateY(-32px)!important;
  line-height: 32px;

}




.bellrock-footer.footer.footer_section__2 .back_to_top svg {
  display: none;
}

.bellrock-footer.footer.footer_section__2 .back_to_top:hover:after {
  transform: scale(1);
  -webkit-transform: scale(1);
  background-color: #005f83;
}


/*  back to top */
@media only screen and (min-width: 690px) and (max-width: 1000px) {
  .bellrock-footer.footer.footer_section__2 .footer-section-1  .col-section ,
  .bellrock-footer.footer.footer_section__2 .footer-section-1  .col-section {
    margin-left: 0px;
    margin-right: 15px !important;
    padding: 15px !important;
    margin-bottom: 0px;
  }
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num2,
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num3{
    width: 48% !important;
  }
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num3 {
    margin-right:0!important;
  }
}
@media (min-width: 690px) {
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num1 {
    margin-right: 2%;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num2 {
    margin-right: 2%;
    padding-top: 52px;
  }
}

@media only screen and (max-width: 999px) {
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num1{
    width: 100% !important;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-1 {
    padding: 50px 0 30px 0;
  }
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .footer-content p img {
    width: 210px;
  }
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num2 {
    margin-bottom: 40px;
  }
  .bellrock-footer.footer .al_right.type_social_icons .footer-social {
    padding-left: 0;
  }

  .bellrock-footer .footer-social-item{
    width: 33px;
    margin-top: 9px;
    margin-bottom: 9px;
    margin-right: 10px;
    margin-left: 20px !important;
  }

  .bellrock-footer  .footer-social{
    display:block;
  }

  .bellrock-footer .footer-social-item {
    margin-right: 0px;
  }

  .bellrock-footer .footer-social-item a{
    margin-left:0;
    text-align: left;
  }
  .header-wrapper-container {
    min-height: 75px!important;
  }
}



@media only screen and (max-width: 769px) {
  .bellrock-footer.footer.footer_section__2 .footer-section-1 {
    text-align: center;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-2 .col-section.num2{
    width: 30% ;
    padding:0;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-2 .col-section.num1 {
    display: block ;
    width: 70% ;
    margin: 0px ;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num1 {
    margin-right: 0 !important;
  }

}



@media only screen and (max-width: 690px) {
  .bellrock-footer.footer.footer_section__2 .footer-section-2 .col-section.num1,
  .bellrock-footer.footer.footer_section__2 .footer-section-2 .col-section.num2{
    width: 100% ;
  }

  .bellrock-footer.footer .footer-section-2 .footer-content p {
    opacity: 0.75;
    font-size: 13px;
    line-height: 1.6;
    max-width: 320px;
    margin-bottom: -5px;
  }

  .bellrock-footer.footer .al_right.type_social_icons .footer-social {
    justify-content: start;
    margin-top: 15px;
  }

  .bellrock-footer .footer-social-item a {
    margin-right: 10px;
    margin-left: 0px !important;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-1 {
    text-align: left;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num1 {
    margin-bottom: 46px;
  }

  .bellrock-footer.footer .footer-menu .hs-menu-wrapper ul li a,
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num3 a{
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    display: block;
  }

  .footer.footer_section__2 .footer-section-1 .col-section.num2 , 
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num3 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num2{ 
    margin-bottom:0px;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-1 {
    padding: 55px 0px;
  }

  .bellrock-footer.footer em br,
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num3 br{
    display: none;
  }

  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num1 .footer-row.row2 .footer-content p a {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    display: block;
  }
  .bellrock-footer .footer-social-item{
    margin-left: 0px !important;
  }

  .bellrock-footer.footer .al_right {
    text-align: left;
  }
  .bellrock-footer .footer-social-item:last-child {
    margin-left: 6px!important;
  }
}

@media only screen and (max-width: 479px) {
  .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num1{
    width: 100% !important;
    border-bottom: 1px solid #b0b6b94a;
    margin-bottom: 45px !important;
    padding-bottom: 55px !important;
  }
}




/*  header styling */

.header-wrapper {
  width: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 9999;
  transform: translateY(0px) ;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.search-outer {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 75px;
  position: absolute;
  z-index: 10000;
  overflow: visible!important;
  background-color: #fff;
  background-color: transparent;
  height: 35vh;
  position: absolute;
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  transform: translate3d(0,-35vh,0);
  -webkit-transform: translate3d(0,-35vh,0);
  z-index: 99999;
  padding: 0;
  top: -1px;

}

.search-outer.material-open #search-box,
.search-outer.material-open #search #close {
  transform: translate3d(0, 0vh, 0);
  opacity: 1;
  visibility: visible;
}

body .search-outer.material-open .inner-wrap {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.material .search-outer {
  overflow: hidden!important;
}

body.material .search-outer.material-open {
  -webkit-transform: translate3d(0,0vh,0);
  transform: translate3d(0,0vh,0);
}

.material .header-outer .search-outer:before {
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
  background-color: #fff;
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -ms-transform-origin: top;
  -webkit-transform-origin: top;
  transform-origin: top;
  content: '';
  -webkit-transform: none;
  transform: none;
  backface-visibility: hidden;
}

.search-outer #search {
  max-width: 1200px;
  position: relative;
  z-index: 10;
  margin: 0 auto;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

html .material .search-outer #search {
  padding: 0;
}

body .search-outer .page-center {
  height: auto!important;
  float: none!important;
  width: 100%!important;
  position: relative;
}
.search-outer .page-center:before{
  content: " ";
  display: table;

}

.header-wrapper .col:last-child {
  margin-right: 0;
}

.header-wrapper .col {
  position: relative;
  display: block;
  float: left;
  width: 100%;
}

.header-wrapper .search-outer > #search form {
  width: 100%;
  float: none;
  margin-bottom: 0;

}


.header-wrapper  .search-outer  #search input[type=text] {
  width: 100%;
  color: #5B6770 ;
  font-size: 70px ;
  line-height: 43px;
  position: relative;
  padding: 0px;
  background-color: transparent;
  border: 0px;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  box-shadow: none!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -o-box-shadow: none!important;
  font-family: Muli;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: capitalize;
  border-bottom: 4px solid #016d88 ;
  padding-right: 70px ;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

.search-outer #search .span_12 .hs_cos_wrapper_type_text {
  display: block;
  color: #5B6770 ;
  margin-top: 15px;
  opacity: 0.7;
}

.header-wrapper .col:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.search-outer #search-box, 
.search-outer #search #close {
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  transform: translate3d(0,35vh,0);
  opacity: 0;
  list-style: none;
  visibility: hidden;
}

.search-outer #search #close {
  position: absolute;
  top: 25px;
  right: 40px;
}


.search-outer  #search #close a {
  position: absolute;
  right: 64px ;
  top: 16px ;
  display: block;
  width: 24px;
  height: 17px;
  line-height: 22px;
  z-index: 10;
}

.search-outer #search #close a:before,
.slide_out_area_close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  border-radius: 50%;
  background-color: rgba(0,0,0,.05);
  content: '';
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
  -webkit-transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
  transform: scale(0);
}

.material-ocm-open.slide_out_area_close:before, 
.search-outer.material-open #search #close a:before {
  transform: scale(1);
}


.slide_out_area_close .close-wrap,
.search-outer .close-wrap,
.slide-out-widget-area-toggle a .close-wrap {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  -webkit-transition: margin .2s ease,opacity .3s ease,-webkit-transform .2s ease 1s;
  transition: margin .2s ease,opacity .3s ease,-webkit-transform .2s ease 1s;
  transition: margin .2s ease,transform .2s ease 1s,opacity .3s ease;
  transition: margin .2s ease,transform .2s ease 1s,opacity .3s ease,-webkit-transform .2s ease 1s;
  width: 20px;
  height: 20px;
  display: block;
  overflow: hidden;
  color: #5B6770 ;
}

.search-outer  #search #close a span:not(.close-line) {
  color: #a0a0a0;
  font-size: 20px ;
  height: 20px;
  line-height: 19px;
  background-color: transparent;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.slide_out_area_close .close-line,
.search-outer .close-line,
.slide-out-widget-area-toggle a .close-line {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
  animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.material-ocm-open.slide_out_area_close .close-line1,
.search-outer.material-open .close-line1,
.slide-out-widget-area-toggle a.open .close-line1 {
  -webkit-animation-name: crossRight;
  animation-name: crossRight;
  -webkit-animation-delay: .29s;
  animation-delay: .29s;
}

.slide_out_area_close .close-wrap .close-line,
.search-outer .close-wrap .close-line, 
header.top  .slide-out-widget-area-toggle .close-line {
  height: 100%;
  width: 2px;
  backface-visibility: hidden;
  position: absolute;
  border-radius: 5px;
  left: 9px;
  transition: opacity 0.2s ease, background-color 0.2s ease;
  background-color: #5B6770 ;
}

.material-ocm-open.slide_out_area_close .close-wrap .close-line1,
.search-outer.material-open .close-wrap .close-line1, 
.slide-out-widget-area-toggle a.open .close-line1 {
  -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
  transform: translateY(-30px) translateX(30px) rotate(45deg);
}

.material-ocm-open.slide_out_area_close .close-wrap .close-line2,
.search-outer.material-open .close-wrap .close-line2, 
.slide-out-widget-area-toggle a.open .close-line2 {
  -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
  transform: translateY(-30px) translateX(-30px) rotate(-45deg);
}

.material-ocm-open.slide_out_area_close .close-line2
,.search-outer.material-open .close-line2,
.slide-out-widget-area-toggle a.open .close-line2 {
  -webkit-animation-name: crossLeft;
  animation-name: crossLeft;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.search-outer #search #close a span{
  color: #5B6770 ;
  font-size: 20px !important;
}

.close-trigger {
  display: none !important;
}

.menu-open .close-trigger{
  display: block !important;
}
@keyframes crossRight {

  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(45deg);
    transform: translateY(0px) translateX(0px) rotate(45deg);
  }
}

@keyframes crossLeft {

  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(-45deg);
    transform: translateY(0px) translateX(0px) rotate(-45deg);
  }
}



body.material-show:before {
  position: fixed;
  content: "";
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0.45;
}

header.top {
  position: relative;
  z-index: 9998;
  width: 100%;   
  transition: all 0.2s;
}

header .page-center .row:before{
  content: "";
  display: table;
}


header .page-center .row{
  padding-bottom: 0px;
  align-items: center;
}

.header-outer .row .col.span_3, 
.header-outer .row .col.span_9 {
  width: auto;
}

header.top #logo {
  width: auto;
  max-width: none;
  display: block;
  line-height: 22px;
  font-size: 22px;
  letter-spacing: -1.5px;
  color: #444;
  font-family: 'Open Sans';
  font-weight: 600;
  transition: margin 0.32s ease;
}

.header-outer .row .col.span_3 .image-wrp img {
  height: 45px;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}

.header-outer  .light-img.image-wrp {
  opacity: 1;
}

.header-outer  .dark-img.image-wrp {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.header-outer  nav.header-menu-wrapper * {
  color: #fff;
}

.header-outer  nav.header-menu-wrapper {
  display: flex;
  align-items:center;
}

.header-outer  nav.header-menu-wrapper ul.buttons {
  display: flex;
  margin-left: 10px ;
  height: auto;
  vertical-align: middle;
  margin-bottom:0;
  list-style-type: none;
  padding-left: 0;
}

.header-menu-wrapper .buttons .slide-out-widget-area-toggle {
  display: none;
}

.header-outer header nav  .hs-menu-wrapper >ul > li > a {
  margin-left: 13px;
  margin-right: 13px;
  color: rgba(255, 255, 255,1.0);
  opacity: 0.75 ;
  transition: opacity 0.2s ease, color 0.2s ease;
  font-family: Muli;
  text-transform: none;
  letter-spacing: 0;
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  position: relative;
}

.header-outer header nav  .hs-menu-wrapper >ul li {
  margin-bottom: 0;
}
.header-outer header  nav .hs-menu-wrapper> ul > li:last-child > a {
  color: #fff ;
  opacity: 1 ;
  padding-left: 20px;
  padding-right: 20px;
  transition: opacity 0.2s ease, color 0.2s ease;
  background-color: #49c5b1 ;
  min-height: 36px;
  display: block;
  display: flex;
  align-items: center;
  border-radius: 200px ;
  -webkit-border-radius: 200px ;
}

.header-outer header span.icon-salient-search:before {
  content: "\e906";
}

.header-outer header span.icon-salient-search {
  opacity: 0.75 ;
  transition: opacity 0.2s ease, color 0.2s ease;
  font-size: 20px ;
  line-height: 20px ;
  height: 20px ;
  font-family: 'icomoon' ;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  max-width: 100%;
  position: relative;
  text-align: center;
  vertical-align: middle;
  word-spacing: 1px;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
  text-decoration: inherit;
  width: 32px;

}

.header-outer nav.header-menu-wrapper ul.buttons li{
  margin-bottom:0;
  margin-right: 14px;
}

.header-outer nav.header-menu-wrapper ul.buttons li:last-child{
  margin-right: 0;
}

.header-outer header .search-btn a {
  width: 24px;
  display: block;
}

.mobile-search {
  display: none;
}

.header-outer header nav .hs-menu-wrapper>ul>li:not(:last-child)>a:hover:after {
  backface-visibility: hidden;
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.header-outer header nav .hs-menu-wrapper>ul>li:not(:last-child)>a:hover {
  opacity: 1;
}

.header-outer header nav .hs-menu-wrapper>ul>li:not(:last-child)>a:after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  border-top: 2px solid #000;
  content: '';
  padding-bottom: inherit;
  transform-origin: 0 0;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
  -o-transition: -o-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
  bottom: -3px;
  border-color: #ffffff ;
}

.header-outer header nav .hs-menu-wrapper>ul ul {
  padding: 20px;
  width: 20em;
  transition: none;
  display: block ;
  background-color: rgba(255, 255, 255,1.0);
  color: #000 ;
  box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.11);
  border-radius: 10px ;
  overflow: hidden ;

}

.header-outer header nav .hs-menu-wrapper>ul ul {
  padding: 20px;
  width: 15em;
  transition: none;
  display: block ;
  background: #fff;
  color: #000 ;
  box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.11);
  border-radius: 10px ;
  overflow: hidden ;
  display: block ;
}

.header-outer header nav .hs-menu-wrapper>ul ul li a {
  font-family: Muli Semi Bold;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: rgba(91, 103, 112,1.0);
  padding: 6px 6px;
  white-space: normal !important;
}
.header-outer header nav .hs-menu-wrapper>ul>li:hover ul li{
  opacity: 1;
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.header-outer header nav .hs-menu-wrapper>ul ul li {
  opacity: 0;
  -ms-transform: translateY(13px);
  -webkit-transform: translateY(13px);
  transform: translateY(13px);
  -ms-transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1);
  transition: transform 0.65s cubic-bezier(0.2,.8,.25,1), opacity 0.65s cubic-bezier(0.2,.8,.25,1);
  -webkit-transition: transform 0.65s cubic-bezier(0.2,.8,.25,1), opacity 0.65s cubic-bezier(0.2,.8,.25,1);
}

.header-outer header nav .hs-menu-wrapper>ul ul li a:hover {
  background-color: rgba(1, 109, 136,1.0);
  color: rgba(255, 255, 255,1.0);
}

.header-outer header nav .hs-menu-wrapper>ul>li:last-child>a:hover {
  background-color: rgb(73 197 177 / 85%);
}

.header-outer header .search-btn a:hover .icon-salient-search {
  opacity: 1;
}





/*  scroll header */

.gescout-show {
  width: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  padding: 0;
  background-color: #fff;
  z-index: 9999;
  box-shadow: none;
}

.gescout-show .header-outer .light-img.image-wrp {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.gescout-show .header-outer .dark-img.image-wrp {
  display: block;
  opacity: 1;
  visibility: visible;
}

.gescout-show  .header-outer header nav .hs-menu-wrapper>ul>li:not(:last-child)>a {
  color: #5B6770 ;
  opacity: 1;
}

.gescout-show .header-outer header span.icon-salient-search {
  color: #5B6770 ;
  opacity: 1;
}

.gescout-show .header-outer header nav .hs-menu-wrapper>ul>li:not(:last-child)>a:after{
  border-color: #016d88 ;
}



@media only screen and (min-width: 1000px) {
  .material .search-outer #search {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 90px;
  }

  body .search-outer #search input[type="text"] {
    height: 100px ;
    line-height: 100px;
  }

  header .page-center .row{
    display: flex;
  }

  header.top .span_3{
    display: flex;
    float: none;
    width: auto;
  }

  body.material .header-outer #logo,
  body.material .header-outer .logo-spacing {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
  }

  .header-outer .row .col.span_9 {
    display: flex;
    float: none;
    width: auto;
    margin-left: auto;
  }

  body.banner-visible .header-wrapper-container {
    min-height: auto !important;
  }
}

@media (min-width: 690px) {
  .header-wrapper .span_12 {
    width: 100%;
  }

  .header-wrapper .col {
    margin-right: 2%;
  }

  .header-wrapper .span_3 {
    width: 23.5%;
  }
}

@media only screen and (min-width: 1241px) {
  .mobile-menu-wrapper ,.close-trigger{
    display:none;
  }

  .header-outer header nav .hs-menu-wrapper>ul>li {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    float: left;
    min-height: 105px;
  }

  .header-outer header nav .hs-menu-wrapper>ul>li>a{
    display:block;
  }
  .header-outer header nav .hs-menu-wrapper>ul>li:hover ul li.hs-technologies a:hover {
    background: linear-gradient(135deg, #006F62 0%, #49C5B1 100%);
  }

  .header-outer header nav .hs-menu-wrapper>ul>li:hover ul li.hs-workplace-services a:hover {
    background: linear-gradient(135deg, #0077B8 0%, #77D5D5 100%);
  }

  .header-outer header nav .hs-menu-wrapper>ul>li:hover ul li.hs-consulting a:hover {
    background: linear-gradient(135deg, #326295 0%, #7D9BC1 100%);
  }

  .header-outer header nav .hs-menu-wrapper>ul>li:hover ul li.hs-engineering a:hover {
    background: linear-gradient(135deg, #FF7F32 0%, #FECB8B 100%);
  }

  .header-wrapper.top_animate {
    transform: translateY(-100%);
  }
}

@media only screen and (max-width:1400px) {
  header.top > .page-center {
    padding: 0px 30px;
  }
  .header-outer header nav .hs-menu-wrapper> ul > li:last-child:hover> ul {
    left: auto !important;
    right: 0;
}
}

@media only screen and (min-width: 1237px) and (max-width: 1375px) {
  .header-outer header nav .hs-menu-wrapper>ul>li>a{
    font-size: 14px ;
    margin-left: 13px ;
    margin-right: 13px ;
  }

}
@media only screen and (max-width: 1240px) {
  .menu-open {
    overflow:hidden;
  }
  .header-outer  .hs-menu-wrapper ul {
    display: none;
  }
  .cm-child-trigger {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 0px;
  }

  .header-outer nav.header-menu-wrapper ul.buttons li{
    margin-right:20px;
  }
  .cm-child-trigger {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .cm-child-trigger span{
    overflow: hidden;
    width: 22px;
    position: relative;
    transition: transform .33s 0s ease;
    transform-origin: center;
  }
  .cm-child-trigger span:first-child{
    height: 1px;
  }
  .cm-child-trigger span:last-child{
    height: 20px;
    cursor: pointer;
  }
  .cm-child-trigger span:last-child .lines-button:first-child {
    top: 9px;
    position: relative;
    user-select: none;
    display: block;
    line-height: 0;
    font-size: 0;
    top: 9px;
    color: #000000;
    background-color: transparent;
    opacity: 0.75;
  }
  .cm-child-trigger span:last-child .lines-button:after{
    transition: transform .65s cubic-bezier(.3,1,.3,1) 40ms, background-color .2s ease, opacity .2s ease;
    height: 2px;
    width: 22px;
    top: 0;
    content: '';
    transform: scale(1, 1);
    position: absolute;
    left: 0;
    display: inline-block;
    background-color: #ffffff;
    opacity: 0.75;
  }
  .cm-child-trigger span:last-child .lines-button .lines {
    transition: background .2s ease, opacity .2s ease;
    height: 2px;
    display: block;
    width: 1.4rem;
  }
  .cm-child-trigger span:last-child .lines-button .lines:before{
    width: 1rem;
    background-color: #fff;
    height: 2px;   
    top: 7px;
    position: absolute;
    left: 0;
    content: '';
    display: block;
    opacity: 0.75;
    transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0s, background-color 0.2s ease, opacity 0.2s ease;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  .cm-child-trigger span:last-child .lines-button .lines:after{
    transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0s, background-color 0.2s ease, opacity 0.2s ease;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: -7px;
    height: 2px !important;
    width: 22px !important;
    background-color: #fff;
    position: absolute;
    left: 0;
    content: '';
    display: block;
    opacity: 0.75;
  }

  .gescout-show .cm-child-trigger span:last-child .lines-button .lines:after,
  .gescout-show .cm-child-trigger span:last-child .lines-button .lines:before,
  .gescout-show .cm-child-trigger span:last-child .lines-button:first-child{
    background-color: #5B6770 !important;
    opacity:1;
  }
  .cm-child-trigger span:last-child .lines-button:last-child{
    left: -30px;
    margin-top: -2px;
    transition: .3s;
    cursor: pointer;
    position: relative;
    user-select: none;
    display: block;
    top: 9px;
  }
  .cm-child-trigger span:last-child .lines-button:last-child .lines:after,
  .cm-child-trigger span:last-child .lines-button:last-child .lines:before,
  .cm-child-trigger span:last-child .lines-button:last-child:after{
    background-color: #fff;
  }

  .gescout-show .cm-child-trigger span:last-child .lines-button:last-child .lines:after,
  .gescout-show .cm-child-trigger span:last-child .lines-button:last-child .lines:before,
  .gescout-show .cm-child-trigger span:last-child .lines-button:last-child:after{
    background-color: #5B6770 !important;
  }
  .cm-child-trigger span:last-child .lines-button:last-child .lines:before{
    transition: transform .65s cubic-bezier(.3,1,.3,1) 80ms, background-color .2s ease, opacity .2s ease;
  }
  .cm-child-trigger span:last-child .lines-button:last-child .lines:after{
    transition: transform .65s cubic-bezier(.3,1,.3,1) 0s, background-color .2s ease, opacity .2s ease;
  }

  .cm-child-trigger span:hover:last-child .lines-button:after,
  .cm-child-trigger span:hover:last-child .lines-button .lines:after,
  .cm-child-trigger span:hover:last-child .lines-button .lines:before{
    transform: translateX(30px);
  }


  .mobile-menu-wrapper {
    padding-top:91.9px;
    padding-bottom: 91.9px;
    transform: none;
    background-color: transparent;
    padding-left: 60px;
    padding-right:60px;
    z-index: 5;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 0;
    min-width: 50vw;
    height: 100%;
    position: fixed;
    display: flex;
    right: 0;
    flex-direction: column;
    width: 300px;
  }
  .body-wrapper {
    transition: transform .8s cubic-bezier(.15,.2,.1,1);
    transform-origin: center;
    position: relative;
    z-index: 10;
    background-color: #FFF;
  }
  .menu-open .body-wrapper {
    -webkit-transform: scale(.8) translateX(-50vw) translateZ(0);
    transform: scale(.8) translateX(-50vw) translateZ(0);
    overflow: hidden;
  }
  .mobile-menu-wrapper .menu {
    margin: auto 0;
    position: relative;
    width: auto;
    -webkit-transform: translateX(110px);
    -webkit-transition: all .8s cubic-bezier(.15,.2,.1,1);
    transform: translateX(110px);
    transition: all .8s cubic-bezier(.15,.2,.1,1);
  }
  .menu-open .mobile-menu-wrapper .menu {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul{
    flex-direction: column;
    margin-bottom: 25px;
    margin-top: -7px;
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul > li{
    margin-bottom: 14px;
    line-height: 32px;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul > li > a{
    margin-right: 20px;
    transition: color .37s cubic-bezier(.52,.01,.16,1);
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Open Sans';
    font-weight: 700;
    color: #000;
    position: relative;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul > li  a:after{
    transform-origin: left;
    pointer-events: none;
    bottom: -2px;
    transition: transform .37s cubic-bezier(.52,.01,.16,1);
    left: 0;
    width: 100%;
    position: absolute;
    display: block;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    border-top: 2px solid #ffffff;
    content: '';
    padding-bottom: inherit;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul  li:hover >  a{
    color: #F68B1F;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul  li >a:hover:after{
    backface-visibility: hidden;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul ul li a{
    position: relative;
    display: inline-block;
    white-space: normal;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul ul li {
    margin: 0;
    line-height: 1.2;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul ul li a{
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans';
    font-weight: 700;
    color: #000000;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper>ul ul li:not(:last-child) {
    margin-bottom: 14px;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper>ul ul li:first-child {
    margin-top: 10px;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul ul {
    display: none;
    position: static !important;
    opacity: 1 !important;
    padding-left: 0;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul ul li:last-child a:after{
    content: none;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul > li > .cm-dropdown {
    transition: transform .5s cubic-bezier(.215,.61,.355,1);
    position: absolute;
    right: -6px;
    top: 12.5px;
    transform: translateY(-50%);
    cursor: pointer;
    height: 28px;
    width: 28px;
    line-height: 0;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper>ul>li>.cm-dropdown.child-open{
    transform: translateY(-50%) rotate(180deg);
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul > li > .cm-dropdown i{
    font-size: 18px;
    height: 28px;
    width: 28px;
    line-height: 28px;
    top: 0;
    display: inline-block;
    word-spacing: 1px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    color: #fff;
  }
  .close-trigger:before {
    background-color: #49c5b1;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .3);
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border-radius: 50%;
    content: '';
    transform: scale(1) translateZ(0);
    transition: all .45s cubic-bezier(.15,.2,.1,1);
    transform: scale(0);
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
  }
  .menu-open .close-trigger:before{
    transform: scale(1);
  }
  .menu-open .close-trigger:hover:before,
  .close-trigger:hover:before{
    transform: scale(1.2) translateZ(0);
  }
  span.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
  span.close-wrap {
    -webkit-font-smoothing: subpixel-antialiased;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease;
    width: 20px;
    height: 20px;
    display: block;
    overflow: hidden;
  }
  span.close-line {
    height: 100%;
    width: 2px;
    background: #fff;
    backface-visibility: hidden;
    position: absolute;
    border-radius: 5px;
    left: 9px;
    transition: opacity .2s ease, background-color .2s ease;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.52,.01,.16,1);
    animation-fill-mode: forwards;
    background-color: #fff;
  }
  .menu-open span.close-line.close-line1 {
    -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
    transform: translateY(-30px) translateX(30px) rotate(45deg);
    animation-name: crossRight;
    animation-delay: .29s;
  }
  span.close-line.close-line1 {
    -webkit-transform: translateY(0) translateX(0) rotate(-45deg);
    transform: translateY(0) translateX(0) rotate(-45deg);
    animation-name: crossLeftClose;
    animation-delay: 0s;
  }
  .menu-open span.close-line.close-line2 {
    -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
    transform: translateY(-30px) translateX(-30px) rotate(-45deg);
    animation-name: crossLeft;
    animation-delay: .15s;
  }
  span.close-line.close-line2 {
    -webkit-transform: translateY(0) translateX(0) rotate(45deg);
    transform: translateY(0) translateX(0) rotate(45deg);
    -webkit-animation-name: crossRightClose;
    animation-name: crossRightClose;
    -webkit-animation-delay: .06s;
    animation-delay: .06s;
  }

  .menu-open .close-trigger {
    -ms-transform: translateY(-50%) translateX(-50vw);
    -webkit-transform: translateY(-50%) translateX(-50vw);
    transform: translateY(-50%) translateX(-50vw);
    opacity: 1;
    right: 0px;
  }
  .close-trigger {
    opacity: 1;
    right: 0;
    transition: transform .8s cubic-bezier(.15,.2,.1,1);
    position: fixed;
    right: -100px;
    top: 50%;
    transform: translateY(-50%) translateX(100%);
    z-index: 10000;
    cursor: pointer;
  }

  body{
    background-color: #5b6770 !important;
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper ul li a {
    font-family: Muli !important;
    text-transform: none;
    font-size: 20px ;
    line-height: 28px;
    font-weight: 700;
    color: #fff !important;
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper>ul ul li {
    margin-bottom: 14px;
    line-height:32px;
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper>ul ul li:last-child {
    margin-bottom: 0;
  }

  .margin-wrapper {
    margin: auto 0;
    position: relative;
  }
  .bottom-meta-wrap ul {
    padding: 0;
    margin: 0;
    display: inline-block;
  }

  .bottom-meta-wrap ul li {
    display: inline-block;
    margin-bottom: 0;
  }

  .bottom-meta-wrap ul li:first-child a {
    padding-left: 0;
  }

  .bottom-meta-wrap ul li a {
    height: 24px;
    display: inline-block;
    width: auto;
    line-height: 38px;
    opacity: 1;
    padding: 0 14px;
    box-sizing: content-box;
    text-align: center;
  }

  .bottom-meta-wrap ul li a  .fa.fa-twitter ,
  .bottom-meta-wrap ul li a .fa-linkedin {
    font-size: 20px !important;
    height: 26px;
    width: auto;
    -webkit-transition: -webkit-transform 0.25s ease, opacity 0.2s ease;
    text-align: center;
    line-height: 24px;
    color: #fff;
    display: block;
    position: relative;
    top: auto;
    backface-visibility: hidden;
    font-family: Font Awesome\ 5 Brands;
  }

  .bottom-meta-wrap ul li a .fa-linkedin:before {
    content: "\f08c";
    z-index: 10;
    display: block;
    position: relative;
  }

  .bottom-meta-wrap ul li a .fa-twitter:before {
    content: "\f099";
    z-index: 10;
    display: block;
    position: relative;
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul > li:last-child {
    margin-bottom: 0;
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper> ul ul li a {
    font-size: 18px;
  }

  .menu-open .cm-child-trigger span:last-child .lines-button .lines {
    /*     background: #fff; */
  }

  .menu-open .cm-child-trigger span:first-child,
  .menu-open  .cm-child-trigger span:last-child .lines-button:last-child{
    display:none;
  }

  .menu-open .cm-child-trigger span:hover:last-child .lines-button:first-child {
    transform: none;
  }

  .menu-open .cm-child-trigger span:last-child .lines-button .lines:before {
    -webkit-transform: translateY(-6px) rotateZ(-45deg) ;
    -moz-transform: translateY(-6px) rotateZ(-45deg) ;
    -ms-transform: translateY(-6px) rotateZ(-45deg) ;
    -o-transform: translateY(-6px) rotateZ(-45deg) ;
    transform: translateY(-6px) rotateZ(-45deg) !important;
    top: 6px  ;
  }

  .menu-open  .cm-child-trigger span:last-child .lines-button .lines:after {
    -webkit-transform: translateY(6px) rotateZ(45deg) ;
    -moz-transform: translateY(6px) rotateZ(45deg) ;
    -ms-transform: translateY(6px) rotateZ(45deg) ;
    -o-transform: translateY(6px) rotateZ(45deg) ;
    transform: translateY(6px) rotateZ(45deg)!important ;
    top: -6px ;
  }
  .menu-open .header-outer header .search-btn a {
    display: block;
    width: 43px;
  }
  .menu-open .header-outer header span.icon-salient-search {
    font-size: 19px;
    height: 34px;
    line-height: 29px;
    padding: 0 8px;
  }
  .menu-open   .cm-child-trigger{
    padding-right: 7px;
    padding-left: 7px;
  } 
  .menu-open .cm-child-trigger span:last-child {
    cursor: pointer;
    height: 26px;
  }

  .menu-open .cm-child-trigger span:last-child .lines-button:first-child{
    background:transparent;
  }

  .bottom-meta-wrap ul li a .fa-linkedin:after, 
  .bottom-meta-wrap ul li a .fa.fa-twitter:after {
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%;
  }

  .bottom-meta-wrap ul li a .fa.fa-twitter:after{
    content: "\f099";
  }

  .bottom-meta-wrap ul li a .fa-linkedin:after{
    content: "\f0e1";
  }

  .bottom-meta-wrap ul li a {
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
    overflow: hidden;
  }

  .bottom-meta-wrap ul li a:hover .fa-linkedin, .bottom-meta-wrap ul li a:hover .fa.fa-twitter {

    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .material-show .body-wrapper {
    position: static;
  }

  .material-show .mobile-menu-wrapper {
    opacity: 0;
    visibility: hidden;
  }
  .mobile-menu-wrapper .menu .hs-menu-wrapper>ul>li{
    position:relative;
  }
}

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


  .menu-open .body-wrapper {
    -webkit-transform: scale(.8) translateX(-75vw) translateZ(0);
    transform: scale(.8) translateX(-75vw) translateZ(0);
  }

  .mobile-menu-wrapper {
    min-width: 70vw;
    padding:95.3px 60px;
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper > ul > li {
    margin-bottom: 14px!important;
  }
  .menu-open .close-trigger {
    opacity: 1;
    right: 17px;
    -ms-transform: translateY(-50%) translateX(-70vw);
    -webkit-transform: translateY(-50%) translateX(-70vw);
    transform: translateY(-50%) translateX(-70vw);
  }



}



body.no-banner .header-wrapper {
  background: #193131;
}

@media only screen and (min-width: 1px) and (max-width: 1000px) {
  body .header-wrapper {
    padding: 20px 0!important;
  }

  .header-outer .row .col.span_3 .image-wrp img {
    height: 35px;
    margin: 0;
    text-indent: -9999px;
    max-width: none;
    width: auto;
    margin-bottom: 0px;
    display: block;
  }

  .header-outer .row .col.span_9 {
    min-height: 0;
    width: auto !important;
    position: absolute !important;
    right: 0;
    top: 0;
    z-index: 2000;
    height: 100%;
  }

  .header-outer  header.top>.page-center{
    position: relative;
  }
  .header-wrapper {
    position: fixed;
    background-color: rgba(255, 255, 255, 100);
  }

  .header-outer .light-img.image-wrp {
    opacity: 0;
    display: none;
  }

  .header-outer .dark-img.image-wrp {
    opacity: 1;
    display: block;
    visibility: visible;
  }

  .header-outer header span.icon-salient-search {
    color: #5B6770 !important;
    opacity: 1;
  }

  .cm-child-trigger span:last-child .lines-button:last-child .lines:after,
  .cm-child-trigger span:last-child .lines-button:last-child .lines:before,
  .cm-child-trigger span:last-child .lines-button:last-child:after{
    background-color: #5B6770 !important;
  }

  .cm-child-trigger span:last-child .lines-button .lines:after,
  .cm-child-trigger span:last-child .lines-button .lines:before,
  .cm-child-trigger span:last-child .lines-button:first-child{
    background-color: #5B6770 !important;
    opacity:1;
  }

  .header-wrapper .search-outer #search input[type=text] {
    font-size: 44px !important;
    border-bottom-width: 2px;
    line-height: 70px;
  }

  .search-outer #search #close a {
    right: 13px !important;
    top: 19px !important;
    height: 14px;
  }

  .search-outer #search #close a:before, .slide_out_area_close:before {
    height: 40px;
    width: 40px;
    margin: -20px 0 0 -20px;
  }

  .search-outer #search #close a span:not(.close-line) {
    font-size: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
  }

  .search-outer #search #close {
    top: 0;
    right: -5px !important;
  }

  .header-outer header span.icon-salient-search {
    font-size: 18px;
    height: 18px;
    line-height: 18px;
  }

  .close-trigger {
    position: absolute;
    top: 50px;
    z-index: 8;
    display: block;
  }

  .close-trigger:before {
    background-color: rgba(0, 0, 0, .06) !important;
    box-shadow:none;
  }
  .menu-open .close-trigger {
    opacity: 1;
    right: 67px;
    -ms-transform: translateY(-50%) translateX(-50vw);
    -webkit-transform: translateY(-70%) translateX(-70vw);
    transform: translateY(-70%) translateX(-70vw);
  }

  body.material .search-outer {
    height: 200px;
    transform: translate3d(0,-200px,0);
    -webkit-transform: translate3d(0,-200px,0);
  }

  body.material-show .search-outer.material-open {
    transform: translate3d(0,0vh,0);
    -webkit-transform: translate3d(0,0vh,0);
  }

  body .gescout-sticky.header-wrapper {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)!important;
    -webkit-transition: -webkit-transform .2s;
    -moz-transition: -moz-transform .2s;
    -o-transition: -o-transform .2s;
    transition: transform .2s;
    z-index: 9998!important;
  }

  body.no-banner .header-wrapper {
    background: #fff;
  }

  .header-outer nav.header-menu-wrapper ul.buttons li {
    margin-right: 0!important;
  }

  .cm-child-trigger {
    padding-right: 7px!important;
  }
  .menu-open .cm-child-trigger span:last-child .lines-button:first-child {
    background: #fff !important;
  }
}

@media only screen and (max-width: 999px) {
  .header-outer  header.top>.page-center{
    padding: 0px 0px;
    max-width: calc(100% - 30px) !important;
  }

  .cm-child-trigger span:first-child{
    display:none;
  }

  .cm-child-trigger span:hover:last-child .lines-button:first-child {
    transform: none; 
  }

  .cm-child-trigger span:last-child .lines-button:first-child{
    top:11px;
  }

  .header-outer header .search-btn a {
    width: 24px;
    position: relative;
    width: auto;
    padding: 0 7px;
    top: auto;
    right: auto;
    margin-bottom: 0;
    margin-top: 0;
    display: inline-block !important;
    vertical-align: middle;
    line-height: 0;
    height: 100%;
    -webkit-transform: none;
    transform: none;
  }
  .cm-child-trigger {
    padding-left: 7px;
    overflow:visible;
  }

  .cm-child-trigger span:last-child .lines-button:last-child {
    display: none;
  }
  .cm-child-trigger span:last-child .lines-button .lines:before{
    top:6px;
  }

  .cm-child-trigger span:last-child .lines-button .lines:after{
    top:-6px;
  }

  .cm-child-trigger span:hover:last-child .lines-button .lines:after, 
  .cm-child-trigger span:hover:last-child .lines-button .lines:before,
  .cm-child-trigger span:hover:last-child .lines-button:after,
  .cm-child-trigger span:hover:last-child .lines-button:first-child {
    transform: translateX(0);
  }

  .child-theme-bell .cm_500_page .error-page:before{
    font-size: 32vw;
  }

  .cm-child-trigger span:last-child .lines-button:after{

    background-color: #5B6770  !important;

  }

  .menu-open .cm-child-trigger span:last-child .lines-button:after{
    background-color: #fff !important;
  }
}

@media only screen and (max-width: 769px) {
  .menu-open .close-trigger {
    -ms-transform: translateY(-50%) translateX(0vw);
    -webkit-transform: translateY(-50%) translateX(0vw);
    transform: translateY(-50%) translateX(0vw);
  }


  .mobile-menu-wrapper .menu .hs-menu-wrapper>ul ul li{
    margin-bottom: 3px !important;
  }
  .mobile-menu-wrapper{
    right:0;
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper> ul ul li a {
    font-size: 15px ;
    line-height: 22px ;
    opacity: 0.6 ;

    display: inline;
  }

  .mobile-menu-wrapper .menu .hs-menu-wrapper>ul ul li:not(:last-child) {
    margin-bottom: 3px ;
  }
}

@media only screen and (max-width: 690px) {
  .menu-open .mobile-menu-wrapper .menu {
    margin-top: 55px;
    margin-bottom: -20px;
  }
}
@media only screen and (max-width: 479px) {
  .mobile-menu-wrapper {
    min-width: 70vw;
    width: 100vw !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .menu-open .body-wrapper{
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
    visibility: hidden;
  }



  .menu-open .close-trigger {
    right: 67px;
  }
  .header-wrapper-container {
    min-height: 65px!important;
  }

  body .header-wrapper{
    padding: 15px 0 !important;
  }

}



.child-theme-bell .home_page_v5_banner_area .banner_v3 {
  padding-top: 200px;
}


.child-theme-bell .custom-no-navigation {
  height: auto;
}

.child-theme-bell .landing-banner {
  padding-top: 200px;
}

.gescout-sticky.header-wrapper {
  -webkit-transform: translateY(-100%) ;
  -moz-transform: translateY(-100%) ;
  -o-transform: translateY(-100%) ;
  transform: translateY(-100%) !important;
  -webkit-transition: -webkit-transform .2s ;
  -moz-transition: -moz-transform .2s ;
  -o-transition: -o-transform .2s ;
  transition: transform .2s ;
  z-index: 9998 !important;
}

.gescout-sticky.header-wrapper.gescout-show {
  transform: translateY(0px) !important;
  -webkit-transition: -webkit-transform .3s, height .3s, background .3s, opacity .3s, border-color 0.3s;
  -moz-transition: -moz-transform .3s, height .3s, background .3s, opacity .3s, border-color 0.3s;
  -o-transition: -o-transform .3s, height .3s, background .3s, opacity .3s, border-color 0.3s;
  transition: transform .3s, height .3s, background .3s, opacity .3s, border-color 0.3s;
}





.custom-no-navigation.gescout-show {
  background-color: #fff;
  height: auto !important;
}



.hs_cos_wrapper_type_email_subscriptions, 
.hs_cos_wrapper_type_password_prompt, 
.hs-search-field__bar,
.widget-type-form,
.widget-type-blog_subscribe,
.widget-type-google_search,
.widget-type-password_prompt.custom_error_message, 
.widget-type-email_simple_subscription, 
.section.post-footer form, 
.hs_cos_wrapper_type_member_login, 
.hs_cos_wrapper_type_member_register,
.hs_cos_wrapper_type_password_reset_request,
.hs_cos_wrapper_type_password_reset{
  display:block;
}




body.no-banner .header-wrapper.gescout-show{
  background: #fff;
}

.search-outer #search #close a:hover:before {
  transform: scale(1.2) translateZ(0);
  -webkit-transform: scale(1.2) translateZ(0);
}





form .hs_submit.hs-submit,form .hs-button  {
  margin-top: 32px;
}


.header-outer header nav .hs-menu-wrapper>ul>li:hover:not(:last-child)>a:after {
  backface-visibility: hidden;
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.header-outer header nav .hs-menu-wrapper>ul>li:hover:not(:last-child)>a {
  opacity: 1;
}

.backtotop_show .back_to_top {
  bottom: 17px;
}

/* blog css  */


.custom-post .post-banner {
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  min-height: 600px;
}

.custom-post .post-banner-inner {
  min-height: 600px;
  background-color: #016d88;
  overflow: hidden;
  color: #fff;
  display: block;
  -webkit-font-smoothing: antialiased;
  position: relative;
  z-index: 2;
  width: 100%;
}

.custom-post .post-banner .page-header-bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1.11) translateZ(0);
  -ms-transform: scale(1.11) translateZ(0);
  transform: scale(1.11) translateZ(0);
  -webkit-transition: 0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9);
  transition: 0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9);
  -webkit-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  background-image: url(https://25747741.fs1.hubspotusercontent-eu1.net/hubfs/25747741/raw_assets/public/Bellrock_June2024/images/Website-Header-Image-1.png);
}

.col {
  position: relative;
  display: block;
  float: left;
  width: 100%;
}

.custom-post .post-banner .page-header-bg-image:after {
  background-color: rgba(45, 45, 45, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: ' ';
  z-index: 1;
  display: block;
}

.post-banner .row {
  z-index: 100;
  position: relative;
  visibility: visible;
  height: 100%;
  min-height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-post .post-banner .page-center {
  position: relative;
  height: 100%;
  min-height: 600px;
}

.custom-post .post-banner .page-center:before,
.custom-post .post-banner .page-center:after {
  content: " ";
  display: table;
}

.custom-post .post-banner .page-center:after {
  clear: both;
}

.post-banner .row:after,.post-banner .row:before {
  content: " ";
  display: table;
}

.post-banner .row:after {
  clear: both;
}

.post-banner .blog-title {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
}

.post-banner .inner-wrap{
  text-align: center;
}

.related-posts .meta-category a:before {
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform-origin: left;
  -webkit-transform: scaleX(0);
  transform-origin: left;
  -webkit-transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
  background-color: #005f83 !important;
}

.related-posts .meta-category a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.custom-post .banner-tags a {
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.4);
  padding: 4px 10px;
  margin: 5px 6px 15px 5px;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  line-height: 18px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 600;
  border-radius: 100px;
  transform: rotateX(0deg) translate(0px, 0px);
}

.custom-post .banner-tags a:hover {
  background-color: #005f83;
  border-color: transparent;
}

.post-banner .entry-title {
  position: relative;
  top: 3px;
  display: block;
  color: #fff;
  z-index: 101;
  text-transform: none;
  letter-spacing: 0;
  font-size: 45px;
  line-height: 55px;
  font-weight: 600;
  margin: 0 auto !important;
  padding: 16px 0 16px 0;
  transform: rotateX(0deg) translate(0px, 0px);
  padding-top: 0;
}

.custom-post #single-below-header {
  color: #888;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 8px;
  position: relative;
  text-align: center;
  z-index: 100;
  min-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-post .post-banner .meta-author {
  top: 0px;
  position: relative;
  text-transform: none;
  font-weight: 600;
  line-height: 16px;
  padding: 0 10px 0 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.25);
  display: inline-block;
}

.custom-post .post-banner .meta-author a {
  color: inherit;
}

.custom-post .post-banner .meta-author a:hover {
  color: rgba(255, 255, 255, 1) !important;
}

.post-banner span.meta-date {
  font-weight: 600;
  line-height: 16px;
  padding: 0 10px 0 10px;
  border-left: 1px solid #DDD;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.25);
  display: inline-block;
}

.custom-post #single-below-header:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.custom-post .blog-post-content {
  padding-top: 60px;
}

.custom-post .blog-post-content .post-area {
  max-width: 1000px;
  margin: 0 auto !important;
  padding-left: 0px;
  float: none !important;
  width: 100%;
}

.custom-post  .content-inner {
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.bottom-meta .sharing-default-minimal {
  margin-bottom: 60px;
}

.sharing-default-minimal .nectar-social >a {
  border: 2px solid #000 !important;
  padding: 9px 30px !important;
  margin-right: 10px;
}

.sharing-default-minimal .nectar-social .facebook-share {
  border-color: #6a75c8 !important;
  color: #6a75c8;
  transition: all 0.2s ease;
}

.sharing-default-minimal .nectar-social >a, 
.sharing-default-minimal .nectar-love {
  border-radius: 100px;
  line-height: 1px;
  margin: 10px 13px 10px 0;
  height: auto;
  display: inline-block;
}

a.facebook-share i {
  padding-right: 3px;
}

.sharing-default-minimal .nectar-social .facebook-share i {
  height: 15px !important;
  font-size: 15px !important;
  line-height: 19px !important;
  color: #6a75c8;
  transition: all 0.2s ease;
}

.sharing-default-minimal .nectar-social .twitter-share {
  border-color: #6abaf7 !important;
  color: #6abaf7;
  transition: all 0.2s ease;
}

.sharing-default-minimal .nectar-social .twitter-share i {
  height: 15px !important;
  font-size: 16px !important;
  line-height: 18px !important;
  color: #6abaf7;
  transition: all 0.2s ease;
}

.sharing-default-minimal .nectar-social .linkedin-share {
  border-color: #2e82d9 !important;
  color: #2e82d9;
  transition: all 0.2s ease;
}

.sharing-default-minimal .nectar-social .linkedin-share i {
  height: 15px;
  font-size: 14px;
  color: #2e82d9;
  line-height: 16px;
  transition: all 0.2s ease;
}

.fa.fa-twitter,
.fa.fa-linkedin, 
.fa.fa-linkedin-square {
  font-family: Font Awesome\ 5 Brands;
}

.nectar-sharing i,
.nectar-sharing-alt i {
  padding-right: 4px;
}

.nectar-social {
  display: flex;
  flex-wrap: wrap;
}

.nectar-social .social-text {
  line-height: 16px;
  font-size: 14px;
  display: inline;
  font-weight: 400;
}

.sharing-default-minimal .nectar-social .facebook-share:hover {
  background-color: #6a75c8;
  color: #fff;
}

.sharing-default-minimal .nectar-social > a:hover {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
}

.sharing-default-minimal .nectar-social .twitter-share:hover {
  background-color: #6abaf7;
  color: #fff;
}

.sharing-default-minimal .nectar-social .linkedin-share:hover {
  background-color: #2e82d9;
  color: #fff;
}

.sharing-default-minimal .nectar-social .facebook-share:hover i,
.sharing-default-minimal .nectar-social .twitter-share:hover i,
.sharing-default-minimal .nectar-social .linkedin-share:hover i{
  color: #fff !important;
}

.custom-post .post-pagination {
  padding-top: 80px;
  position: relative;
  overflow: hidden;
}

.custom-post .post-pagination .controls {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.custom-post .post-pagination ul .previous-post,ul .next-post {
  width: 50%;
  line-height: 0;
  height: auto !important;
  padding: 6%;
  min-height: 300px;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-flex;
  display: flex;
  -moz-box-align: center;
  -moz-box-pack: center;
  align-items: center;
  -webkit-align-items: center;
  float: none !important;
  overflow: hidden;
  position: relative;
  background-color: #333;
}

.custom-post .post-pagination ul .previous-post,
.custom-post .post-pagination  ul .next-post {
  padding: 6% 9%;
}

.custom-post .post-pagination .controls li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 101;
  display: block;
}

.custom-post .post-pagination ul .previous-post:after {
  background-color: rgba(13, 13, 13, 0.35);
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
  transition: background-color 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
}

.custom-post .post-pagination .post-bg-img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  height: 100%;
  -ms-transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
  -webkit-transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
}

.custom-post .post-pagination .previous-post h3 {
  color: #fff;
  position: relative;
  z-index: 100;
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 7px;
  text-align: right;
  display: inline-block;
  -webkit-transform: translateX(0px) translateZ(0);
  -webkit-transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1);
  transform: translateX(0px) translateZ(0);
  transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1);
}

.custom-post .post-pagination .previous-post span:not(.text) {
  display: block;
  font-size: 14px;
  text-align: right;
}

.custom-post .post-pagination .next-post h3 {
  color: #fff;
  position: relative;
  z-index: 100;
  display: inline-block;
  -webkit-transform: translateX(0px) translateZ(0);
  -webkit-transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1);
  transform: translateX(0px) translateZ(0);
  transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1);
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 7px;
}

.custom-post .post-pagination .next-post span:not(.text) {
  display: block;
  font-size: 14px;
  text-align: left;
  margin-bottom: 5px;
}

@keyframes rightArrowEnd2{
  0% {
    transform: translateX(-42px) rotate(180deg);
  }

  100% {
    transform: translateX(-75px) rotate(180deg);
  }
}

@keyframes rightLineEnd2{
  0% {
    transform: translateY(-50%) translateX(0px) scaleX(1);
  }
  100% {
    transform: translateY(-50%) translateX(-28px) scaleX(0);
  }
}

@keyframes rightArrowStart2{
  0% {
    transform: translateX(50px) rotate(180deg);
  }

  100% {
    transform: translateX(-42px) rotate(180deg);
  }
}

@keyframes rightLineStart2{
  0% {
    transform: translateY(-50%) translateX(88px) scaleX(0);
  }

  100% {
    transform: translateY(-50%) translateX(0px) scaleX(1);
  }
}

@keyframes rightArrowStart{
  0% {
    transform: translateX(-50px);
  }

  100% {
    transform: translateX(42px);
  }
}

@keyframes rightArrowEnd{
  0% {
    transform: translateX(42px);
  }
  100% {
    transform: translateX(75px);
  }
}

@keyframes rightLineEnd{
  0% {
    transform: translateY(-50%) translateX(0px) scaleX(1);
  }
  100% {
    transform: translateY(-50%) translateX(28px) scaleX(0);
  }
}

@keyframes rightLineStart{
  0% {
    transform: translateY(-50%) translateX(-88px) scaleX(0);
  }

  100% {
    transform: translateY(-50%) translateX(0px) scaleX(1);
  }
}

@keyframes rightArrowLineEnd{
  0% {
    stroke-dashoffset: 40px;
  }
  100% {
    stroke-dashoffset: 50px;
  }
}

@keyframes rightArrowLineStart{
  0% {
    stroke-dashoffset: 30px;
  }
  100% {
    stroke-dashoffset: 40px;
  }
}

@keyframes rightArrowLineEnd{
  0% {
    stroke-dashoffset: 40px;
  }

  100% {
    stroke-dashoffset: 50px;
  }
}

@keyframes rightArrowLineStart{
  0% {
    stroke-dashoffset: 30px;
  }
  100% {
    stroke-dashoffset: 40px;
  }
}

.bottom_controls .next-project h3 .next-arrow,
.bottom_controls .previous-project h3 .next-arrow,
.next-arrow, 
h3 .next-arrow {
  position: absolute;
  backface-visibility: hidden;
  right: -43px;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 40px;
  display: block;
  transform: translateX(38px);
}

.bottom_controls .previous-project h3 .next-arrow, 
.previous-post h3 .next-arrow {
  -webkit-transform: translateX(38px) rotate(180deg);
  transform: translateX(38px) rotate(180deg);
  left: -43px;
  right: auto;
}

.bottom_controls .previous-project.mouse-leaving h3 .next-arrow,
.previous-post.mouse-leaving h3 .next-arrow {
  animation: rightArrowEnd2 0.7s cubic-bezier(0, 0.2, 0.1, 1) forwards;
}

.bottom_controls .next-project h3 .text .line, 
.bottom_controls .previous-project h3 .text .line,
h3 .text .line,  .line {
  height: 2px;
  width: 45px;
  background-color: #fff;
  position: absolute;
  content: '';
  right: -74px;
  display: block;
  backface-visibility: hidden;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(28px) scaleX(0);
  -webkit-transform-origin: right;
  transform: translateY(-50%) translateX(28px) scaleX(0);
  transform-origin: right;
}

.bottom_controls .previous-project h3 .text .line,
.previous-post h3 .text .line {
  -webkit-transform: translateY(-50%) translateX(-28px) scaleX(0);
  -webkit-transform-origin: left;
  transform: translateY(-50%) translateX(-28px) scaleX(0);
  transform-origin: left;
  left: -74px;
  right: auto;
}

.bottom_controls .previous-project.mouse-leaving h3 .text .line, 
.previous-post.mouse-leaving h3 .text .line {
  animation: rightLineEnd2 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}

.custom-post .post-pagination ul .next-post:after {
  background-color: rgba(13, 13, 13, 0.35);
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
  transition: background-color 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
}

.custom-post .post-pagination li:hover .post-bg-img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

ul .previous-post:hover:after,
ul .next-post:hover:after {
  background-color: rgba(13, 13, 13, 0.9) !important;
}

.custom-post .post-pagination .previous-post:hover h3 {
  transform: translateX(40px) translateZ(0);
  backface-visibility: hidden;
}

.custom-post .post-pagination .previous-post:hover h3 .next-arrow {
  -webkit-transform: translateX(42px);
  transform: translateX(42px);
}

.custom-post .post-pagination .previous-post:hover h3 .next-arrow {
  animation: rightArrowStart2 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}

.previous-post:hover h3 .text .line {
  -webkit-transform: translateY(-50%) translateX(0px) scaleX(1);
  -webkit-transform-origin: right;
  transform: translateY(-50%) translateX(0px) scaleX(1);
  transform-origin: right;
  animation: rightLineStart2 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}

.previous-post:hover h3 .next-arrow {
  -webkit-transform: translateX(42px);
  transform: translateX(42px);
}

.custom-post .post-pagination .next-post:hover h3 {
  -webkit-transform: translateX(-40px) translateZ(0);
  transform: translateX(-40px) translateZ(0);
  backface-visibility: hidden;
}

.custom-post .post-pagination .next-post:hover h3 .next-arrow {
  -webkit-transform: translateX(42px);
  transform: translateX(42px);
}

.next-post.mouse-leaving h3 .next-arrow{
  animation: rightArrowEnd 0.7s cubic-bezier(0, 0.2, 0.1, 1) forwards;
}

.custom-post .post-pagination .next-post:hover h3 .next-arrow {
  animation: rightArrowStart 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}

.next-post.mouse-leaving h3 .text .line{
  animation: rightLineEnd 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}

.custom-post .next-post:hover h3 .text .line{
  -webkit-transform: translateY(-50%) translateX(0px) scaleX(1);
  -webkit-transform-origin: left;
  transform: translateY(-50%) translateX(0px) scaleX(1);
  transform-origin: left;
  animation: rightLineStart 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}

.custom-post .related-post-wrap {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  margin-left: -50%;
  padding-left: 50%;
  padding-right: 50%;
  width: 100%;
  padding-bottom: 24px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.04);
}

.related-post-wrap .row-bg-wrap {
  margin-left: -50vw;
  left: 50%;
  width: 100vw;
}

.related-post-wrap .row-bg-wrap .row-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}

.custom-post .related-post-wrap:before,
.custom-post .related-post-wrap:after {
  content: "";
  display: table;
}

.custom-post .related-post-wrap:after {
  clear: both;
}

.related-post-wrap h3.related-title {
  padding: 8% 0 40px 0;
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 7px;
}

.related-post-wrap .related-posts {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 8% 0;
}

.related-post-wrap .related-posts .col {
  margin-bottom: 30px !important;
}

.related-post-wrap .related-posts .col:last-child {
  margin: 0;
}

.custom-post .post-pagination li {
  margin: 0;
}

.related-posts .inner-wrap {
  box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.14) !important;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  padding-bottom: 0px;
}

.related-posts .post-featured-img {
  overflow: hidden;
  display: block;
}

.related-posts .post-featured-img img {
  display: block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: all .7s cubic-bezier(.2,1,.22,1);
  -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
}

.related-posts .meta-category {
  padding: 20px 30px 0 30px;
  display: block;
  position: relative;
  z-index: 110;
}

.related-posts .meta-category a {
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
  color: #005f83;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

.related-posts .article-content-wrap {
  padding: 10px 30px 30px 30px;
  padding-bottom: 80px !important;
}

.post-header, #single-below-header {
  margin-bottom: 12px;
  font-size: 11px;
  color: #888;
}

.blog-recent.related-posts h3.title {
  color: #5b6770;
  margin-bottom: 8px;
  letter-spacing: 0;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.related-posts .grav-wrap {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.related-posts .grav-wrap img {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  margin-bottom: 0;
  margin-right: 13px;
  vertical-align: middle;
  display: inline-block;
  transition: all 0.4s cubic-bezier(0.2, 1, 0.2, 1);
  display: inline-block;
}

.related-posts .grav-wrap .text {
  vertical-align: middle;
  display: inline-block;
  line-height: 0;
}

.related-posts .grav-wrap .text a {
  color: inherit;
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

.related-posts .grav-wrap .text span {
  font-size: 13px;
  line-height: 18px;
}

.related-posts .inner-wrap:hover .post-featured-img img {
  transform: scale(1.07);
  -webkit-transform: scale(1.07);
}

.related-post-wrap h3.related-title {
  color: #5b6770;
}

.previous-post h3 .next-arrow line,
.next-post h3 .next-arrow line{
  stroke-width: 2px;
  stroke-dasharray: 10px;
}

.next-post h3 .next-arrow line{
  stroke: #ffffff;
  animation: rightArrowLineEnd 0.4s cubic-bezier(0.3, 0.2, 0.1, 1) 0.25s forwards;
  stroke-dashoffset: 40px;
}

.previous-post h3 .next-arrow line {
  stroke: #ffffff;
  animation: rightArrowLineEnd 0.4s cubic-bezier(0.3, 0.2, 0.1, 1) 0.25s forwards;
  stroke-dashoffset: 40px;
}

.controls .previous-post:hover .next-arrow line {
  animation: rightArrowLineStart 0.3s cubic-bezier(0.05, 0.2, 0.1, 1) 0.1s forwards;
  stroke-dashoffset: 30px;
}

.controls .next-post:hover .next-arrow line{
  animation: rightArrowLineStart 0.3s cubic-bezier(0.05, 0.2, 0.1, 1) 0.1s forwards;
  stroke-dashoffset: 30px;
}

.custom-blog .dnd-section {
  padding: 0 !important;
}

.custom-blog .dnd-section>.row-fluid {
  padding: 0 !important;
  width: 100%;
  max-width: 100% !important;
}

.custom-post .post-pagination li.width-100 {
  width: 100% !important;
} 

.custom-post .comment-date {
  display: block;
}

.custom-post .comment-reply-to:hover {
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
  transform: none;
}

.custom-blog .dnd-column {
  padding: 0 !important;
}

.custom-blog-listings {
  margin-bottom: 24px;
}

.custom-blog-banner .column-inner {
  overflow: hidden;
  position: relative;
}

.nectar-recent-post-slide {
  position: relative;
  overflow: hidden;
}

.custom-blog-banner .normal-container {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: 0 !important;
  transform: translateY(-50%) translateX(-50%) !important;
  z-index: 9999 !important;
  text-align: right;
  pointer-events: none;
  opacity: 1 !important;
  width: 100% !important;
}

.custom-blog-banner .normal-container ul {
  margin-left: 30px;
  margin-bottom: 30px;
  display: inline-block;
  text-align: left;
  width: 200px;
  pointer-events: auto;
}

.custom-blog-banner .normal-container ul li {
  color: #fff;
  margin: 50px 0px;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
  display: block;
  width: 100% !important;
  float: none;
}

.custom-blog-banner .normal-container ul li:before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  height: 2px;
  left: 0;
}

.custom-blog-banner .normal-container ul li span {
  transition: opacity .2s ease;
  opacity: 0.65;
  line-height: 22px;
  font-size: 16px;
  display: block;
  text-transform: none;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 700 !important;
}

.nectar-recent-post-slide .using-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  height: 1149.81px;
  transform: translate3d(0px, 147.75px, 0px) scale(1.005, 1.005);
  background-attachment: scroll;
  top: auto;
  bottom: 0;
  z-index: 0;
}

.nectar-recent-post-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  -webkit-transform: scale(1.11) translateZ(0);
  -ms-transform: scale(1.11) translateZ(0);
  transform: scale(1.11) translateZ(0);
  -webkit-transition: 0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9);
  transition: 0.95s 0s cubic-bezier(0.3,0.58,0.42,0.9);
  -webkit-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
}

.recent-post-container {
  position: relative;
  padding-top: 14%;
  padding-bottom: 14%;
  z-index: auto;
}

.recent-post-container .inner-wrap {
  color: #fff;
  width: 45%;
}

.recent-post-container .inner-wrap .grav-wrap {
  opacity: 0;
  transform: translateY(40px);
}

.slick-active .recent-post-container .inner-wrap .grav-wrap {
  transition: opacity .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, transform .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
  opacity: 1;
  transform: translateY(0px);
}

.recent-post-container .inner-wrap h2 a {
  display: block;
  -webkit-transform: translate3d(0, 102%, 0);
  transform: translate3d(0, 102%, 0);
  opacity: 0;
  transition: opacity .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, transform .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
  position: relative;
}

.slick-active .recent-post-container .inner-wrap h2 a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.recent-post-container .inner-wrap .nectar-button {
  opacity: 0;
  transform: translateY(40px);
}

.slick-active .recent-post-container .inner-wrap .nectar-button {
  opacity: 1;
  transform: translateY(0px);
}

.recent-post-container .inner-wrap .grav-wrap img {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  margin-bottom: 0;
  margin-right: 13px;
  vertical-align: middle;
  display: inline-block;
  transition: all 0.4s cubic-bezier(0.2, 1, 0.2, 1);
}

.recent-post-container .inner-wrap .text {
  vertical-align: middle;
  display: inline-block;
  line-height: 0;
}

.recent-post-container .inner-wrap .text a {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 700 !important;
  color: #fff;
  position: relative;
}

.recent-post-container .inner-wrap .text a:before {
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform-origin: left;
  -webkit-transform: scaleX(0);
  transform-origin: left;
  -webkit-transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: transform 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
  background-color: #fff;
}

.recent-post-container .inner-wrap .text a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.recent-post-container .inner-wrap h2 {
  letter-spacing: 0;
  font-size: 48px;
  line-height: 58px;
  font-weight: 700;
  color: #fff;
  margin: 15px 0 50px 0;
}

.recent-post-container .inner-wrap h2 a {
  color: inherit;
}

.recent-post-container .inner-wrap .nectar-button {
  display: inline-block;
  line-height: 20px;
  top: -3px;
  position: relative;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  padding: 15px 22px;
  box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
  margin-bottom: 0;
  -webkit-border-radius: 200px !important;
  background-color: #005f83 !important;
  transition: opacity .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, transform .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
  padding-right: 44px;
  padding-left: 46px;
  box-shadow: none;
}

.slick-active .recent-post-container .inner-wrap .grav-wrap  a:hover img {
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.19) !important;
}

.recent-post-container .inner-wrap .nectar-button:hover {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
  -ms-transform: translateY(-3px);
  transition: opacity .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, transform .85s cubic-bezier(0.4, 0, 0.1, 1) 0.2s, box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
}

.custom-blog-banner .normal-container ul li:hover span {
  opacity: 1;
}

.custom-blog-banner  ul li.slick-current span {
  opacity: 1;
}

.nectar-button span {
  left: 0px;
  display: inline-block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: opacity .45s cubic-bezier(0.25,1,0.33,1), transform .45s cubic-bezier(0.25,1,0.33,1);
  -webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1), -webkit-transform .45s cubic-bezier(0.25,1,0.33,1);
  position: relative;
  -ms-transform: translateX(-18px);
  -webkit-transform: translateX(-18px);
  transform: translateX(-18px);
}

.recent-post-container .inner-wrap .nectar-button i {
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  word-spacing: 1px;
  999px;
  -o-border-radius: 999px 999px 999px 999px;
  color: #fff;
  display: inline-block;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  transition: all .45s cubic-bezier(0.25,1,0.33,1);
  -webkit-transition: all .45s cubic-bezier(0.25,1,0.33,1);
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: 0;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.22);
  -webkit-transform: translateY(-50%) translateX(4px) !important;
  transform: translateY(-50%) translateX(4px) !important;
}

.recent-post-container .inner-wrap .nectar-button i:before {
  content: "\e909";
}

.nectar-recent-post-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: ' ';
  z-index: 1;
  display: block;
  background-color: rgba(2, 2, 2, 0.43);
}

.custom-blog-banner .normal-container ul .slick-dots {
  display: none;
}

.custom-blog-banner .normal-container ul {
  padding: 0;
}

.custom-blog-banner .normal-container ul>div {
  padding:  0 !important;
}

.listings-wrapper .post-item .inner-wrap:hover .post-featured-img img {
  transform: scale(1.07);
  -webkit-transform: scale(1.07);
}

.listings-wrapper .grav-wrap:hover img {
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.19);
}

.custom-blog-banner .normal-container ul li:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  height: 2px;
  left: 0;
}

.custom-blog-banner .normal-container ul li.slick-current:after {
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1s cubic-bezier(0.4, 0, 0.1, 1);
  background-color: #005f83 !important;
}

.custom-blog-banner .normal-container ul li.slick-current:before {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.custom-blog-banner .normal-container ul li:after {
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1s cubic-bezier(0.4, 0, 0.1, 1);
}

.custom-blog-banner .normal-container ul li.slick-current:after {
  transition: transform 7950ms linear;
  transform: scaleX(1);
  transform-origin: left;
}

@media (min-width: 690px) {
  .span_4 {
    width: 32.0%;
  }

  .col {
    margin-right: 2%;
  }
}

@media only screen and (min-width: 1000px) {
  .post-banner .inner-wrap{
    padding-top: 75px;
  }

  .related-post-wrap .related-posts .col {
    width: 31.2%;
    margin-right: 3%;
    margin-bottom: 3%;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1500px){
  .post-banner .entry-title{
    font-size: 40.5px;
    line-height: 49.5px;
  }
}

@media only screen and (min-width: 1px) and (max-width: 1000px){
  .post-banner .row {
    min-height: 250px;
  }

  .custom-blog-banner .normal-container ul li:after {
    display: none;
  }

  .custom-blog-banner .normal-container ul {
    padding: 0;
    margin-left: 0;
  }

  .recent-post-container .inner-wrap {
    width: 100%;
  }

  .custom-post .post-banner .page-center {
    min-height: 250px;
  }

  .custom-post .post-banner-inner {
    min-height: 250px;
  }

  .custom-post .post-banner {
    min-height: 250px;
  }

  .custom-blog-banner .normal-container ul .slick-dots {
    display: block;
  }

  .custom-blog-banner .normal-container {
    padding-left: 0px;
    padding-right: 0px;
    top: auto !important;
    text-align: left;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%) !important;
  }

  .custom-blog-banner .normal-container ul.controls>div {
    display: none;
  }

  .custom-blog-banner .normal-container ul.slick-dots {
    display: inline-block;
    text-align: left;
    pointer-events: auto;
    width: auto;
    margin-left: 0;
    margin-bottom: 10px;
  }

  .custom-blog-banner .normal-container ul.slick-dots li button {
    display: none;
  }

  .custom-blog-banner .normal-container ul.slick-dots li:before {
    height: 10px;
    width: 10px;
    top: 50%;
    bottom: auto;
    left: 50%;
    border-radius: 10px;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.3s ease;
  }

  .custom-blog-banner .normal-container ul.slick-dots li.slick-active:before {
    background-color: #005f83 !important;
  }

  .custom-blog-banner .normal-container ul.slick-dots li {
    color: #fff;
    display: inline-block;
    padding: 12px;
    margin: 6px;
    width: auto !important;
  }

  .custom-blog-banner .normal-container ul.slick-dots li:first-child {
    margin-left: -8px;
  }
}

@media only screen and (min-width: 690px) and (max-width: 1000px){
  .post-banner .entry-title {
    font-size: 31.5px !important;
    line-height: 35.5px !important;
  }

  .related-post-wrap .related-posts .col {
    width: 100%;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 999px){
  .post-banner .row {
    min-height: 0;
  }

  .custom-post .post-banner .page-center {
    min-height: 0;
  }

  .custom-post .post-banner-inner {
    padding: 100px 0px !important;
  }
}

@media only screen and (max-width: 690px){
  .post-banner .entry-title {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .recent-post-container .inner-wrap h2 {
    font-size: 36px;
    line-height: 43.5px;
  }

  .custom-blog-banner .normal-container ul {
    margin-bottom: 12px;
  }

  .custom-post .post-pagination li {
    width: 100% !important;
    min-height: 250px !important;
  }

  .custom-post .post-pagination  h3 {
    font-size: 20.8px !important;
    line-height: 28.8px !important;
    transform: none !important;
  }

  .custom-post .post-pagination .previous-post span:not(.text) {
    text-align: center;
  }

  .custom-post .post-pagination .next-post span:not(.text) {
    text-align: center;
  }

  .custom-post .post-pagination h3 .text svg,
  .custom-post .post-pagination  h3 .text span {
    display: none !important;
  }

  .related-post-wrap h3.related-title {
    padding-top: 60px;
    font-size: 20.8px;
    line-height: 28.8px;
    color: #5b6770;
  }

  .recent-post-container {
    padding-top: 25%;
    padding-bottom: 25%;
  }

  .listings-wrapper .post-header h3 {
    font-size: 20.8px !important;
    line-height: 28.8px  !important;
  }
}


.no_navigation .bellrock-footer.footer.footer_section__2 .footer-section-1 .col-section.num1 {
  margin: 0!important;
  padding: 0!important;
}

.no_navigation .bellrock-footer.footer.footer_section__2 .footer-section-1 {
  padding: 0!important;
}



@media only screen and (min-width: 1000px) and (max-width: 1240px) {
  .cm-child-trigger span {
    width:30px;
  }
  .cm-child-trigger span:first-child {
    display: none;
  }

  .cm-child-trigger span:last-child .lines-button .lines:before ,
  .cm-child-trigger span:last-child .lines-button .lines:after,
  .cm-child-trigger span:last-child .lines-button .lines{
    opacity: 1;
    background: #fff;
  }

}



.sidebar-popular-posts .page-center {
  padding: 0 !important;
}

.no-banner .listings-wrapper .listings-wrapper-inner {
  margin: 0;
  padding-top: 5%
}

.systems-page h1 {
  font-size: 32px;
}
.systems-page h2 {
  font-size: 24px;
}

.hs_service .page-center .row-fluid {
  padding-left: 0;
  padding-right: 0;
}