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

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

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




































































/* header css new */
.general-child-tags-container{
  width: 100%;
}
.general-child-tags-wrapper{
  float: left;
  width: 20%;
}
.general-child-tags-blogs{
  float: left;
  width: 80%;
  border-left: 3px solid #ebebeb;
}
.general-child-tags{
  margin-top: 5px;
  margin-left: 5px;
}
/* .general-child-tags li{
padding: 8px 10px 8px;
}
*/
.general-child-tags li a{
  width: 100%;
  display: block;
  padding: 8px 10px 8px;
}
.general-child-tags li:hover{
  background-color: #ebebeb;
}
.general-child-tags-blogs{
  border-left: 4px solid #ebebeb;
  /* position: relative;
  */
  height: 300px;
}
.general-child-content {
  /* position: absolute;
  */
  bottom: 0;
  display: none;
}
.general-child-content.active{
  display: block !important;
}
.general-tags.active{
  background-color: #ebebeb;
}
.general-tags.active a{
  color: #EF8834;
  text-decoration: underline;
}
.hs-search-field {
  position: relative;
}
.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
}
.hs-search-field__bar button svg {
  height: 10px;
}
.hs-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;
}
.hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}
.hs-search-field__suggestions #results-for {
  font-weight: bold;
}
.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: block;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
}

/* main header styling  */

.header-container-wrapper .site-phone-number-section {
  background-color: #EF8834;
  color: #fff;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999999;
  display: flex ;
  justify-content: center;
  min-height: 28px;
}

.header-container-wrapper .site-phone-number-section  .site-phone-inner{
  align-items: center;
  display: flex;
  justify-content: center;
}

.header-container-wrapper .lnr {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Linearicons-Free;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.header-container-wrapper .lnr-phone:before { 
  content: "\e831";
}
.header-container-wrapper .site-phone-number:hover,
.header-container-wrapper .site-phone-number:active,
.header-container-wrapper .site-phone-number:focus,
.header-container-wrapper .site-phone-number {
  color: #fff;
  line-height: 25px;
  text-decoration: none;
}

/* header-bottom styling */

.header-wrapper {
  -webkit-backface-visibility: hidden;
  color: #fff;
  max-height: 120px;
  position: fixed;
  -webkit-position: sticky;
  top: -5px;
  transition: top .2s ease-in-out;
  z-index: 9999;
  margin-bottom: 0;
  padding: 0;
  border-bottom: unset;
  width:100%;
}

.header-container-wrapper .header-container {
  min-height: auto;
  margin-top: 0;
  padding: 20px 20px 0;
  position: sticky;
  top: -1px;
  z-index: 3;
  height: auto;
  background: #fff;
}

.header-container-wrapper .beepo-main-header-wrapper {
  float: none;
  margin: 0 auto ;
  max-width: 1200px;
  padding: 20px 20px 0;
}

.header-inner-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.header-wrapper:after, 
.header-wrapper:before {
  content: "";
  display: block;
  height: 7px;
  position: sticky;
  -webkit-position: sticky;
}

.header-wrapper:after {
  background: linear-gradient(#fff 10%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.4) 70%,transparent);
  top: 0;
  z-index: 2;
  margin-top: -4px;
}

.header-wrapper:before {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  top: 140px;
  filter: blur(1.2px);
}
.header-inner-container .span10.menu-wrapper {
  width: 82.97872339599999%;
}

.nav-up.header-wrapper {
  top: 0!important;
  min-height: 120px;
}

ul.ruby-menu-mega-services-nav ul li {
  padding-left: 20px;
}

.ruby-menu-mega-services-nav .ruby-active-menu-item h6 {
  line-height: 22px;
}

.ruby-menu-mega-services-nav .menu-roles-container {
  margin-bottom: 10px;
}
.ruby-menu-mega-services-nav .menu-roles-container li:hover {
  background: #ededed;
}
.ruby-menu-mega-services-nav .menu-roles-container li:hover a{
  font-weight: 700;
}
.ruby-menu-mega-services-nav .menu-roles-container .service-accordion:hover a{
  font-weight: normal;
}
/* Dekstop menu styling */

@media (min-width: 768px) {

  /*   .nav-down.header-wrapper:before{
  height: 4.5px;
} */

  .header-wrapper.nav-down {
    height: 120px;
    min-height: auto;
  }
  .nav-up.header-wrapper:after, 
  .nav-up.header-wrapper:before {
    height: 4px;
  }
  .nav-up .header-container-wrapper .beepo-main-header-wrapper {
    top: -2px;
    position: relative;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper .ruby-row .mega-menu-talk-to-us-section-fullwidth a:hover,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper .ruby-row .mega-menu-talk-to-us-section-fullwidth a:hover{
    color: #EF8834 !important;
    text-decoration: underline;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper>ul>li:hover>a ,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper>ul>li:hover>a{
    color: #EF8834;
    text-decoration: underline;
  }
  .header-wrapper .header-container-wrapper .search-wrapper .hs-search-field__bar:hover>.fa{
    fill: #EF8834;
    color: #EF8834;
  }
  .header-wrapper .menu-wrapper .hs-menu-wrapper>ul>li>a:hover {
    text-decoration: underline;
  }

  .logo-header.span2 {
    width: 14.529914530000001%;
    top: -5px;
    position: relative;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children:hover>a:after {
    transform: rotate(-180deg);
  }
  .mobile-menu-wrapper {
    display: none;
  }
  .header-inner-container .menu-wrapper .ruby-wrapper {
    min-height: 50px;
    margin: 0 auto;
    position: relative;
    color: #222;
    margin:0;
    margin-top:2px;
    width:100%;
  }

  .header-inner-container .menu-wrapper .ruby-menu-demo-header {
    height: auto;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99999;
    display: flex;
    margin: 0;
    justify-content: space-between;
  }
  /*   .menu-wrapper .hs-menu-wrapper>ul ul,
  .menu-wrapper .hs-menu-wrapper>ul .sub-menu-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services> .service-main-wrapper{
  opacity: 0;
  visibility: hidden;
} */
  .menu-wrapper .hs-menu-wrapper ul {
    display: block;
  }

  .menu-wrapper .hs-menu-wrapper ul li {
    margin-bottom: 0;
  }
  .menu-wrapper .hs-menu-wrapper>ul {
    position:relative;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li> ul{
    box-shadow: 0 8px 24px -5px #ccc;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li> ul,
  .menu-wrapper .hs-menu-wrapper>ul> li.hs-services> .service-main-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul> li.hs-blog> .blog-wrapper{
    width: 118% ;
  }
  .menu-wrapper .hs-menu-wrapper>ul li> ul,
  .menu-wrapper .hs-menu-wrapper>ul> li.hs-services> .service-main-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul> li.hs-blog> .blog-wrapper{
    overflow: hidden;
    position: absolute;
    top: 50px;
    background: #fff;
    left: -18% ;
    transform: translateY(25px);
    transition: all .1s ease;

  }

  .menu-wrapper .hs-menu-wrapper>ul li.hs-services>.service-main-wrapper{
    min-height: 625px;
    box-shadow: 0 8px 24px -5px #ccc;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li, .header-inner-container  .search-wrapper {
    float: left;
    font-size: 14px;
    margin-bottom:0;
  }
  .menu-wrapper .hs-menu-wrapper>ul li a{
    color: #222;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li>a {
    border-bottom: 2px solid #fff;
    display: block;
    line-height: 50px;
    text-decoration: none;
    font-weight: 400 ;
    padding: 0 35px 0 25px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services>a {
    padding: 0 35px 0 0 ;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children>a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 5px;
    position: absolute;
    text-decoration: none;
    transition: all .1s ease;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li:hover > ul,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services:hover> .service-main-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul> li.hs-blog:hover> .blog-wrapper{
    margin-top: 2px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits>.sub-menu-wrapper> ul{
    column-gap: 15px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 15px;
    row-gap: 15px;
    padding-bottom:0;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits>.sub-menu-wrapper>ul>li {
    border: 1px solid #ebebec;
    border-radius: 15px;
    display: inline-flex;
    flex-direction: column;
    padding: 15px;
    position: relative;
    text-align: left;
    width: 32%;
    line-height: 24px;
    transition: all .2s;
    color: #222;
    min-height: 179px;
    cursor:pointer;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits>.sub-menu-wrapper>ul>li>a {
    color: #303c42;
    font-family: Archivo, sans-serif ;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    text-decoration: none ;
    padding-right: 30px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits>.sub-menu-wrapper>ul>li>a>i {
    border: 1px solid #375868;
    border-radius: 9999px;
    font-size: 10px;
    padding: 10px 11.2px;
    position: absolute;
    right: 15px;
    top: 15px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li:hover>a {
    border-bottom: 2px solid #EF8834;
    color: #EF8834;
    transition: .5s;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children>a:hover:after,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children:hover>a:hover:after{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits>.sub-menu-wrapper>ul>li:hover {
    background: #ef8834;
    color: #fff;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits>.sub-menu-wrapper>ul>li:hover>a{
    color:#fff;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits>.sub-menu-wrapper>ul>li:hover>a>i {
    background: #fff;
    border-color: #fff;
    color: #ef8834;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits>.sub-menu-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources>.sub-menu-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us>.sub-menu-wrapper{
    background: #fff;
    box-shadow: 0 8px 24px -5px #ccc;
    left: -18% !important;
    overflow: hidden;
    position: absolute;
    top: 62px;
    transform: translateY(25px);
    transition: all .1s ease;
    width: 118% !important;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits>.sub-menu-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources>.sub-menu-wrapper> ul,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us>.sub-menu-wrapper> ul{
    opacity: 0;
    visibility: hidden;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits:hover>.sub-menu-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits:hover>.sub-menu-wrapper ul,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper ul,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper ul{
    margin-top: 2px;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }

  .mega-menu-talk-to-us-section-fullwidth {
    font-size: 14px;
    line-height: 14px;
    text-align: center;
  }

  .ruby-col-12 {
    float: left;
    height: auto;
    position: relative;
    padding: 16px;
    width: 100%;
  }

  .ruby-row {
    height: auto;
    position: relative;
    width: 100%;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits:hover>.sub-menu-wrapper .ruby-row a{
    color: #222;
    font-weight: 600;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper .ruby-row a,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper .ruby-row a{
    color: #222;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits:hover>.sub-menu-wrapper ul:after,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper .ruby-row:before,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper .ruby-row:before{
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    width: 100%;
    background: -webkit-linear-gradient(left, hsla(0, 0%, 80%, 0), hsla(0, 0%, 80%, .48) 24%, #ccc 50%, hsla(0, 0%, 80%, .42) 79%, hsla(0, 0%, 80%, 0));  
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits:hover>.sub-menu-wrapper ul:after,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper .ruby-row:before,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper .ruby-row:before {
    clear: both;
    content: "";
    display: table;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-benefits:hover>.sub-menu-wrapper .ruby-row a:hover {
    color: #EF8834;
    text-decoration: underline;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper {
    padding: 16px;
    width: 100%;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper >ul,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper >ul {
    padding: 16px;
    width: 100%;
  }


  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper>ul,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper>ul{
    display: flex;
    flex-direction: row;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper>ul>li,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper>ul>li{
    flex: 1;
    padding: 15px 10px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper>ul>li>a,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper>ul>li>a{
    background-color: #f2f1f0;
    max-width: 270px;
    padding: 15px 10px;
    transition: all .3s ease;
    min-height: 310px;
    display: block;
    color: #303c42;
    display: block;
    text-align: center;
    font-weight: 600;
    transition: all .3s ease;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper>ul>li>a{
    min-height: 280px;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper>ul>li:hover>a,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-about-us:hover>.sub-menu-wrapper>ul>li:hover>a{
    -webkit-box-shadow: 0 0 14px 0 rgba(50, 50, 50, .75);
    -moz-box-shadow: 0 0 14px 0 rgba(50, 50, 50, .75);
    box-shadow: 0 0 14px 0 rgba(50, 50, 50, .75);
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-resources:hover>.sub-menu-wrapper{
    padding:0;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li>ul>li>a,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li>a{
    color: #666;
    display: block;
    line-height: 40px;
    padding: 0 15px;
    text-decoration: none;
    background: #efefef;
    position: relative;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li>ul>li{
    height: 100%;
    width: 200px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li>a{
    position:realtive;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>ul>li:first-child>a,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li:first-child>a{
    background: #e6e6e6;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>ul>li:first-child>a:after,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li:first-child>a:after{
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    content: "";
    height: 0;
    margin-top: 13px;
    position: absolute;
    right: 0;
    width: 0;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li>ul>li:hover>a,
  .menu-wrapper .hs-menu-wrapper>ul> li.hs-blog> .blog-wrapper>ul>li:hover>a{
    background-color: #EF8834 !important;
    color: #fff;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li>ul>li:hover>a:after,
  .menu-wrapper .hs-menu-wrapper>ul> li.hs-blog> .blog-wrapper>ul>li:hover>a:after{
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    content: "";
    height: 0;
    margin-top: 13px;
    position: absolute;
    right: 0;
    width: 0;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li>ul>li>ul,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li>ul{
    background: #fff;
    height: auto;
    left: 200px;
    min-height: 420px ;
    position: absolute;
    top: 0;
    width: 930px;
    box-shadow: none;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li>ul>li.hs-item-has-children:hover>ul,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li.hs-item-has-children:hover>ul{
    opacity: 1;
    visibility: visible;
    z-index: 101;
    transform: translateY(0);
  }
  .menu-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li>a ,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li>ul>li>a{
    display: block;
    padding: 8px 10px;
    width: 100%;
    color: #222;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li>ul>li>ul>li:hover> a,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li>ul>li:hover>a{
    color: #EF8834;
    text-decoration: underline;
    background-color: #ebebeb;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li>ul>li>ul,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li>ul{
    width: 20%;
  }

  .menu-wrapper .menu-filter-by>li {
    display: inline-block;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav {
    background: #efefef;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 200px;
  }

  .ruby-menu-mega-services-nav{
    display:none;
  }


  .menu-wrapper .hs-menu-wrapper>ul>li:hover .menu-filter-by ul ,
  .menu-wrapper .hs-menu-wrapper>ul>li:hover .ruby-menu-mega-services-nav{
    position: relative;
  }

  .menu-filter-by ul li a {
    color: #222;
    display: block;
    font-size: 14px;
    padding: 5px !important;
    text-decoration: none;
  }

  .menu-filter-by ul li {
    display: inline-block;
    line-height: 22px;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav> li {
    font-size: 14px;
    line-height: 16px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-multi-level-nav>li:first-child>a:after,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-multi-level-nav>li.hs-hospitality-and-tourism>a:after{
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    content: "";
    height: 0;
    margin-top: 13px;
    position: absolute;
    right: 0;
    width: 0;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-multi-level-nav>li:first-child>a,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-multi-level-nav>li.hs-hospitality-and-tourism>a{
    background: #e6e6e6;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li>a {
    background: #efefef;
    color: #666;
    display: block;
    line-height: 40px;
    padding: 0 15px;
    text-decoration: none;
    position:realtive;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav >li.hs-item-has-children>ul {
    height: auto;
    left: 200px;
    min-height: 420px !important;
    position: absolute;
    top: 0;
    width: 930px;
    box-shadow: none;
    min-height: 470px;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav >li.hs-item-has-children:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 1;
  }
  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children>ul>li {
    line-height: 28px;
    padding: 0 10px;
    width: 205px;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children>ul>li>a {
    padding-bottom: 5px;
    text-decoration: none;
    color: #222;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children>ul {
    padding: 0 16px;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children:hover>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
  }
  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children>ul>li>ul {
    border-left: 1px solid #dedede;
    height: 0;
    left: 23.8%;
    margin-left: 0;
    overflow: hidden;
    padding-left: 30px;
    position: absolute;
    top: 0;
    z-index: 99999;
    min-height: 360px;
    transform: none;

  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li:hover>a {
    background-color: #EF8834 !important;
    color: #fff!important;

  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li:hover>a:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    content: "";
    height: 0;
    margin-top: 13px;
    position: absolute;
    right: 0;
    width: 0;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children:hover>ul>li:hover {
    background: #ededed;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children:hover>ul>li:hover>a {
    color: #EF8834;
    font-weight: 700;
    text-decoration: underline;
  }

  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children>ul>li>ul>li>a:hover {
    color: #EF8834;
    text-decoration: underline;
    font-weight: 700;
  }

  .menu-wrapper .hs-menu-wrapper .menu-filter-by a.active-filter {
    background-color: #EF8834!important;
    color: #fff!important;
  }

  .menu-wrapper .hs-menu-wrapper .menu-filter-by  a:hover {
    text-decoration: underline;
    color: #e68215;
  }

  .menu-wrapper .hs-menu-wrapper .menu-filter-by  a.active-filter:hover {
    color:#fff;
    background-color: #EF8834 !important;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services  .ruby-menu-mega-multi-level-nav.active {
    display: block;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services  .ruby-menu-mega-services-nav,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services  .ruby-menu-mega-multi-level-nav{
    display: none;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services  .ruby-menu-mega-services-nav.active {
    display: block;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active >li>ul {
    opacity: 1;
    visibility: visible;
    left: 0;
    transform: none;
    position: relative;
    top: 0; 
  }



  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active >li:after {
    background: #dedede;
    content: "";
    height: 80%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active >li>ul>li>a {
    display: inline-block;
    font-weight: 600 !important;
    padding: 0 10px;
    width: 80%;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active >li>ul>li>ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    left: 0;
    transform: none;
    top: 0;
    margin-bottom: 10px ;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active >li>ul>li>ul>li>a{
    padding-bottom: 5px;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active >li>ul>li>ul>li {
    line-height: 1.2;
    padding-left: 20px;
    padding-right: 0;
    width: 100%;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active >li>ul>li>a:hover,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active >li>ul>li>ul>li:hover{
    color: #EF8834;
    text-decoration: underline;
    background: #ededed;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active >li>ul>li>ul>li:hover>a{
    color: #EF8834; 
    font-weight: 700;
  }

  /*   .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active>li>a {
  display: none;
} */

  /*   .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active>li {
  width: 25%;
  float: left;
  height: auto;
  position: relative;
  padding: 16px;
} */

  .header-inner-container .search-wrapper {
    float: right;
    position: absolute;
    right: 0;
    margin-top:2px;
  }

  .header-container-wrapper .hs-search-field__bar {
    max-height: 50px;
    transition: all .5s ease;
    transition-delay: .3s;
    width: 30px;
    font-size: 16px;
    padding: 0 8px;
    border-bottom: 2px solid transparent;
    color: #54585a;
    display: block;
    line-height: 50px;
    text-decoration: none;
    font-weight: 400 !important;
  }

  .header-container-wrapper  .hs-search-field__bar>.fa {
    position: relative;
    width: 24px;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

  .header-container-wrapper  .hs-search-field form {
    display: inline;
  }

  .header-container-wrapper  form input.hs-search-field__input {
    background: 0 0;
    border: none;
    color: #303c42;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 0;
    max-width: 0;
    position: absolute;
    transform: scaleY(0);
    transition: all .5s ease;
    transition-delay: .3s;
    width: 150px;
    outline: none!important;
    padding: 1px 2px;
  }


  .header-container-wrapper .hs-search-field:hover form input {
    max-width: 150px;
    transform: scaleY(1);
  }

  .header-container-wrapper  .fa-search:before {
    content: "\f002";
  }

  .header-container-wrapper  .hs-search-field:hover .hs-search-field__bar {
    width: 190px;
    background: #fff;
    border-bottom: 2px solid #EF8834;
    color: #EF8834;
    text-decoration: underline;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services:hover .ruby-menu-mega-multi-level-nav>li.hs-hospitality-and-tourism>ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .menu-wrapper .hs-menu-wrapper .cant-find-industry,
  .menu-wrapper .hs-menu-wrapper .blog-homepage-bottom-banner{
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: flex;
    justify-content: center;
    margin-top: -94px;
    padding: 15px;
    position: absolute;
    width: 100%;
  }

  .menu-wrapper .hs-menu-wrapper .cant-find-industry span {
    color: #313c42;
    font-size: 20px;
    font-weight: 700!important;
  }

  .menu-wrapper .hs-menu-wrapper .cant-find-industry a {
    background-color: #313c42;
    border-radius: 5px;
    color: #EF8834!important;
    font-weight: 700;
    margin-left: 20px;
    padding: 5px 30px;
    text-decoration: none!important;
    line-height:22px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services:hover>.service-main-wrapper {
    height: 625px;
  }

  .menu-wrapper .hs-menu-wrapper .blog-homepage-bottom-banner a {
    color: #fff!important;
    font-size: 18px;
    font-weight: 700!important;
    line-height: 18px;
    text-decoration: none!important;
  }

  .menu-wrapper .hs-menu-wrapper .blog-homepage-bottom-banner img {
    float: left;
    margin-right: 10px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper {
    left: -18% !important;
    width: 118% !important;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 8px 24px -5px #ccc;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog:hover>.blog-wrapper,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog:hover>.blog-wrapper>ul{
    opacity: 1;
    visibility: visible;
    transform: none;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog:hover>.blog-wrapper {
    height: 500px;
  }

  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog:hover>.blog-wrapper>ul {
    background: #efefef;
    height: 100%;
    left: 0;
    top: 0;
    width: 200px;
  }

  .header-container-wrapper  form input.hs-search-field__input::-webkit-input-placeholder {
    color: #c1c1c1 !important;
  }

  .hs-search-field--open ul.hs-search-field__suggestions li#results-for {
    font-weight: 700;
    color: initial;
  }
  .hs-search-field--open.hs-search-field .hs-search-field__suggestions {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    width: 100%;
    background: #fff;
  }

  .header-container-wrapper  .hs-search-field__suggestions {
    display: none;
  }
  .header-container-wrapper .hs-search-field:hover .hs-search-field__suggestions{
    display: block;
    margin-top:0;
  }
  .header-container-wrapper form input.hs-search-field__input{
    box-shadow: none;

  }
}
@media (min-width: 1280px) {
  .header-inner-container .span10.menu-wrapper {
    width: 82.905982906%;
  }
}

@media (max-width: 1200px) {
  .mega-menu-role-list li {
    width: 160px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .menu-wrapper .hs-menu-wrapper>ul>li>a {
    padding-left: 10px !important;
  }
  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav {
    width: 170px;
  }
  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children>ul{
    left: 170px;
  }
  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children>ul>li {
    width: 150px;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog:hover>.blog-wrapper>ul ,
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children:hover>ul{
    width: 170px;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-blog>.blog-wrapper>ul>li>ul, .menu-wrapper .hs-menu-wrapper>ul>li>ul>li>ul{
    left: 170px;
  }
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services .ruby-menu-mega-services-nav.active>li>ul>li>a{
    width:100%;
  }


}
@media (max-width: 1200px) {
  .menu-wrapper .hs-menu-wrapper>ul>li.hs-services:hover>.service-main-wrapper {
    min-height: 830px;
    height: 100%;
  }
  .header-wrapper:before {
    box-shadow: 0 2px 2px rgba(0,0,0,.4);
  }
}
@media (max-width: 960px) {
  .menu-wrapper .hs-menu-wrapper .ruby-menu-mega-multi-level-nav>li.hs-item-has-children>ul {
    width: 685px !important;
  }
}

@media (max-width: 850px) {
  .menu-wrapper .hs-menu-wrapper>ul>li>a{
    padding-right:25px !important;

  }
}

@media (max-width: 767px) {
  .header-wrapper {
    top: 0;
    min-height: 120px;
    height: auto;
  }
  .logo-header.span2 {
    width: 100%;
    text-align: center;
  }
  .header-inner-container {
    justify-content: center;
    align-items: center;
  }

  .header-container-wrapper .header-container {
    padding: 0 0 25px !important;
    margin-top: -7px;
    z-index: 3;
    height: auto;
    position: fixed !important;
    top: 7px !important;
    width: 100%;
  }
  .header-container-wrapper .beepo-main-header-wrapper {
    margin-top: 20px !important;
  }
  .header-container-wrapper  a.burger {
    background: #EF8834;
    display: block;
    height: 45px;
    margin: 5px;
    padding: 11px;
    position: absolute;
    right: 13px;
    top: 50px;
    width: 50px;
  }
  .header-container-wrapper  a.burger:after, 
  .header-container-wrapper a.burger:before {
    background: #fff;
    content: "";
    display: block;
    height: 4px;
  }
  .header-container-wrapper a.burger span {
    background: #fff;
    display: block;
    height: 4px;
    margin: 6px 0;
  }
  .ruby-menu-demo-header {
    display: none;
  }
  .header-container-wrapper .logo img {
    width: 170px !important;
  }
  .header-inner-container .span10.menu-wrapper {
    display: none;
    width: auto;
  }

  /*   dl back css */

  .hs-menu-wrapper {
    width: 100%;
  }

  .hs-menu-wrapper ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
  }

  .hs-menu-wrapper ul li {
    border-bottom:1px solid #eee;
    display: block!important;
    float: none!important;
  }

  .hs-menu-wrapper ul li  a{
    text-decoration:none;
    color:#000c;
    font-size:20px;
    padding:10px 20px;
    display: block!important;
    outline:none;
  }
  .child-trigger {
    width: 40px;
    height: 43px;
    float: right;
    margin-top: -43px;
    text-align: center;
    padding: 13px;
    box-sizing: border-box;
    color: #fff;
    border-left: 1px solid #fff;
    cursor: pointer;
    display:block;
    position: relative;

  }
  li.dl-back {
    text-align: center;
  }    
  .hs-menu-wrapper.flyouts .hs-item-has-children {
    position: static;
  }


  .mobile-menu-wrapper {
    --mm-color-background: #f3f3f3;
    --mm-color-border: rgba(0,0,0,.15);
    --mm-color-icon: rgba(0,0,0,.4);
    --mm-color-text: rgba(0,0,0,.8);
    --mm-color-text-dimmed: rgba(0,0,0,.4);
    --mm-color-background-highlight: rgba(0,0,0,.05);
    --mm-color-background-emphasis: hsla(0,0%,100%,.75);
    --mm-color-focusring: #06c;
    --mm-translate-vertical: 0;
    --mm-translate-horizontal: 100%;
    --mm-size: 80%;
    --mm-min-size: 240px;
    --mm-max-size: 440px;
  }
  .mobile-menu-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-scroll-chaining: none;
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    bottom: 0;
    color: var(--mm-color-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    line-height: var(--mm-lineheight);
    margin: 0;
    overscroll-behavior: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    position: fixed;
    left: auto;
    width: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size));
    -webkit-transform: translate3d(var(--mm-translate-horizontal), var(--mm-translate-vertical), 0);
    transform: translate3d(var(--mm-translate-horizontal), var(--mm-translate-vertical), 0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    z-index: 99999 !important;
  }
  .open-header-mobile .mobile-menu-wrapper  {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99999!important;
  }

  .open-header-mobile  .mm-blocker {
    z-index: 9999!important;
    --mm-blocker-visibility-delay: 0s;
    --mm-blocker-opacity-delay: 0.4s;
    bottom: 0;
    opacity: .5;
  }
  .mm-blocker {
    background: rgba(0, 0, 0, .4);
    bottom: 100%;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), -webkit-transform .4s ease;
    transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), -webkit-transform .4s ease;
    -o-transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), transform .4s ease;
    transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), transform .4s ease;
    transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), transform .4s ease, -webkit-transform .4s ease;
    z-index: 3;
  }

  html.open-header-mobile {
    overflow: hidden;
  }

  .mobile-menu-wrapper .dlback-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    overflow-y: auto;
  }

  .mobile-menu-wrapper .cant-find-industry.mobile-industry {
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -10px;
    padding: 15px;
    position: unset;
    width: 100%;
    text-align:center;
  }

  .mobile-menu-wrapper .cant-find-industry span {
    color: #313c42;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
  }
  .mobile-menu-wrapper .cant-find-industry.mobile-industry span {
    margin-bottom: 10px;
  }

  .mobile-menu-wrapper .cant-find-industry a {
    background-color: #313c42;
    border-radius: 5px;
    color: #EF8834;
    font-weight: 700;
    margin-left: 20px;
    padding: 5px 30px;
    line-height: 22px;
    text-decoration: none;
  }
  .mobile-menu-wrapper  a.btn-suscribe {
    line-height: 50px;
    margin: 0 auto ;
    max-width: 220px;
    padding: 0 ;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 40px ;
    display: block;
    text-decoration: none;
  }
  .mobile-menu-wrapper  .hs-search-field form {
    display: block;
    margin: 0 auto 25px;
    max-width: 460px;
    padding: 0 10px;
    position: relative;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
  }

  .mobile-menu-wrapper  form input.hs-search-field__input {
    background-color: #e2e2e2;
    border: 0 solid #fff;
    border-radius: 16px;
    margin-top: 20px;
    padding-left: 60px ;
    text-transform: capitalize;
    font-size: 16px;
    width: 100%;
    line-height: inherit;
    min-height: 45px;
    margin: 0;
    height: 45px;
  }

  .mobile-menu-wrapper form button,
  .mobile-menu-wrapper form button:hover{
    background-color: transparent;
    background-size: contain;
    border: 0;
    cursor: pointer;
    height: 25px;
    left: 6%;
    position: absolute;
    top: 67%;
    max-width: 100%;
    width: 35px;
    border-radius:0;
  }

  .mobile-menu-wrapper .dlback-wrapper .mm-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition-property: opacity;
    z-index: 2;
    position: sticky;
    border-bottom: 1px solid #00000026;
    color: #00000066;
    min-height: 50px;
    text-align: center;
    width: 100%;
  }

  .mobile-menu-wrapper .dlback-wrapper .mm-navbar__title {
    display: block;
    padding-top: 15px;
    flex: 1 1 50%;
    overflow: hidden;
    padding: 0 20px;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    color: inherit;
  }

  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li {
    margin-bottom:0;
    padding-left: 15px;
    border-color: #00000026;
    border-width: 0;
  }
  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li a:after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: inherit;
    bottom: 0;
    content: "";
    display: block;
    inset-inline-end: 0;
    inset-inline-start: 20px;
    position: absolute;
    left:0;
    border-color: #00000026;
  }
  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li a {
    font-size: 16px ;
    line-height: 22px ;
    padding: 15px 30px 15px 20px ;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    position:relative;
  }
  .mobile-menu-wrapper .dlback-wrapper .child-trigger {
    font-size: 16px !important;
    line-height: 22px !important;
    padding: 15px 30px 15px 20px !important;
    border-left-style: solid;
    border-left-width: 1px;
    color: inherit;
    text-decoration: none;
    background: rgba(3, 2, 1, 0);
    display: block;
    padding-inline-end: 50px;
    position: relative;
    width: auto;
    --mm-btn-rotate: 135deg;
    min-height: 53px;
    margin-top: -53px;
    border-color: #00000014;
  }

  .mobile-menu-wrapper .dlback-wrapper .child-trigger:after {
    border-bottom: none !important;
    border-right: none !important;
    height: 12px !important;
    width: 12px !important;
    content: "";
    inset-inline-end: 23px;
    margin: auto;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(var(--mm-btn-rotate));
    -ms-transform: rotate(var(--mm-btn-rotate));
    transform: rotate(var(--mm-btn-rotate));
    box-sizing: border-box;
    content: "";
    display: block;
    bottom: 0;
    transition-duration: .4s;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
  }

  .mobile-menu-wrapper .dlback-wrapper li.dl-back>a:last-child {
    color: #00000066 !important;
  }
  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li.dl-back> a:last-child{
    padding-inline-end: 60px;
    padding-inline-start: 10px;
    padding-bottom: 0;
    width:100%;
  }
  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li.dl-back {
    padding: 0;
  }

  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li.dl-back {
    display: flex !important;
    min-height: 50px;
  }

  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li.dl-back>a.mm-btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-grow: 1;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -ms-flexbox;
    display: flex !important;
  }
  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li.dl-back>a:first-child:before {
    --mm-btn-rotate: -45deg;
    border: 4px solid #EF8834 !important;
    border-bottom: none !important;
    border-right: none !important;
    height: 12px !important;
    width: 12px !important;
    margin: auto;
    position: absolute;
    top: 0;
    content: "";
    display: block;
    bottom: 0;
    transform: rotate(var(--mm-btn-rotate));
    inset-inline-start: 23px;
  }
  .mobile-menu-wrapper form input.hs-search-field__input::-webkit-input-placeholder {
    color: #00000066;
  }
  .mobile-menu-wrapper form input.hs-search-field__input:focus {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
  }
  .mobile-menu-wrapper form button,
  .mobile-menu-wrapper form button:hover{
    background-repeat: no-repeat;
    bottom: 0;
  }
  .mobile-menu-wrapper .dlback-wrapper:after {
    content: "";
    display: block;
    height: 50px;
  }
  .mobile-menu-wrapper form input.hs-search-field__input {
    margin-top: 20px;
  }
  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li.hs-visit-our-blog {

    background-size: cover;
    border: transparent !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-align: center;
  }

  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li.hs-visit-our-blog>a {
    font-size: 16px !important;
    line-height: 22px !important;
    padding: 15px 30px 15px 20px !important;
    color:#fff!important
      ;
  }

  .mobile-menu-wrapper .dlback-wrapper .hs-menu-wrapper ul li.hs-visit-our-blog>a:before {

    background-size: contain;
    content: "";
    display: block;
    height: 22px;
    left: 16px;
    position: absolute;
    width: 22px;
  }

}

@media only screen and (max-width: 375px) {
  .header-container-wrapper .header-container {
    padding: 0 0 0px!important;
    position: fixed!important;

  }
}


/* Desktop Menu New */


.header-inner-container .menu-wrapper .ruby-menu-demo-header .list-st-ul {
  display: none;
}


.header-inner-container .menu-wrapper .ruby-menu-demo-header li:hover > div {
  display: block;
}

.mega-menu-talk-to-us-section {
  margin-top: -100px
}

.mega-menu-role-list li a:hover,
.mega-menu-talk-to-us-section a {
  color: #EF8834
}

div.ruby-menu-demo-bg-dark {
  background-color: efefef
}

.cmn-toggle+label {
  outline: none
}

.new-benefits {
  column-gap: 15px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  padding: 15px;
  row-gap: 15px;
}
.benefit {
  color: #666;
  line-height: 24px;
  padding: 30px;
  text-align: center;
  transition: all .2s;
  width: 16%;
}
.new-benefits .benefit {
  border: 1px solid #EBEBEC;
  border-radius: 15px;
  display: inline-flex;
  flex-direction: column;
  padding: 15px;
  position: relative;
  text-align: left;
  width: 32%;
}
.new-benefits .benefit i.fa {
  border: 1px solid #375868;
  border-radius: 9999px;
  font-size: 10px;
  padding: 10px 11.2px;
  position: absolute;
  right: 15px;
  top: 15px;
}

.new-benefits .benefit img {
  height: 55px;
  margin-bottom: 10px;
  width: 55px;
}
.new-benefits .benefit span {
  color: #303C42;
  font-family: Archivo, sans-serif !important;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  text-decoration: none !important;
}
.new-benefits .benefit p {
  line-height: 24px;
  font-weight: normal;
  color: #303C42;
  font-size: 14px;
  margin: 0;
}


.new-benefits {
  column-gap: 15px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  padding: 15px;
  row-gap: 15px;
}
.benefit {
  color: #666;
  line-height: 24px;
  padding: 30px;
  text-align: center;
  transition: all .2s;
  width: 16%;
}
.new-benefits .benefit {
  border: 1px solid #EBEBEC;
  border-radius: 15px;
  display: inline-flex;
  flex-direction: column;
  padding: 15px;
  position: relative;
  text-align: left;
  width: 32%;
}
.new-benefits .benefit i.fa {
  border: 1px solid #375868;
  border-radius: 9999px;
  font-size: 10px;
  padding: 10px 11.2px;
  position: absolute;
  right: 15px;
  top: 15px;
}


.new-benefits .benefit img {
  height: 55px;
  margin-bottom: 10px;
  width: 55px;
}
.new-benefits .benefit span {
  color: #303C42;
  font-family: Archivo, sans-serif !important;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  text-decoration: none !important;
}
.new-benefits .benefit p {
  line-height: 24px;
  font-weight: normal;
  color: #303C42;
  font-size: 14px;
  margin: 0;
}

div.ruby-wrapper>ul {
  position: static;
}

.header-inner-container .menu-wrapper .ruby-menu-demo-header {
  position: static;
}

.header-inner-container {
  position: relative;
}

.header-inner-container .menu-wrapper .ruby-wrapper {
  position: static;
}

.benefit:hover img {
  filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(100%);
}

.new-benefits .benefit:hover p, 
.new-benefits .benefit:hover span {
  color: #fff;
  text-decoration: none !important;
}

.new-benefits .benefit:hover i.fa {
  background: #fff;
  border-color: #fff;
  color: #ef8834;
}

.benefit:hover {
  background: #ef8834;
}


.main-menu-panel-list {
  display: flex;
}

.main-menu-panel-list .main-menu-panel-wrapper {
  flex: 1;
  padding: 15px 10px;
}

.main-menu-panel-list a {
  text-decoration: none;
}

.main-menu-panel {
  background-color: #f2f1f0;
  max-width: 270px;
  min-height: 240px;
  padding: 15px 10px;
  transition: all .3s ease;
}

.main-menu-panel img {
  display: block;
  height: auto;
  margin: 0 auto 15px;
  max-height: 125px;
  max-width: 260px;
  width: 100%;
}

.menu-panel-short-description, .menu-panel-titles {
  font-size: 14px;
  line-height: 18px;
}

.main-menu-panel div {
  color: #303c42;
  display: block;
  text-align: center;
  text-decoration: none;
}

.resouces-title {
  font-weight: 600;
}

.menu-panel-titles {
  margin-bottom: 15px;
  transition: all .3s ease;
}

.menu-panel-short-description {
  min-height: 70px;
}

.header-inner-container .menu-wrapper .ruby-menu-demo-header ul {
  position: static;
}


@media(max-width:767px) {
  div.ruby-menu-demo-header {
    height: auto;
    width: 100%
  }

  div.ruby-menu-demo-description {
    margin: 0 auto 220px;
    padding: 10px;
    text-align: center;
    width: 100%
  }

  div.ruby-menu-demo-description img {
    float: none;
    margin: 90px 0 0
  }

  div.ruby-menu-demo-download {
    left: auto;
    position: relative;
    right: auto;
    top: 25px;
    width: auto
  }

  div.ruby-menu-demo-download>span {
    font-size: 20px;
    margin: 25px auto
  }

  div.ruby-menu-demo-download>span>span {
    font-size: 26px
  }

  button.ruby-btn {
    font-size: 16px;
    padding: 14px 25px;
    text-transform: uppercase
  }

  div.ruby-menu-demo-bg-light.ruby-menu-demo-switches {
    display: none
  }

  div.ruby-menu-demo-bg-dark,
  div.ruby-menu-demo-bg-light {
    font-size: 16px;
    margin-bottom: -100px;
    padding: 25px;
    width: 100%
  }

  div.ruby-menu-demo-cr-1,
  div.ruby-menu-demo-cv-1,
  div.ruby-menu-demo-cv-2,
  div.ruby-menu-demo-cv-3,
  div.ruby-menu-demo-cv-4 {
    width: 100%
  }

  div.ruby-menu-demo-cr-2 {
    margin-top: 40px;
    width: 100%
  }

  div.ruby-menu-demo-cf-1,
  div.ruby-menu-demo-cf-2,
  div.ruby-menu-demo-cf-3,
  div.ruby-menu-demo-cf-4 {
    float: left;
    text-align: center;
    width: 50%
  }

  div.ruby-menu-demo-f-desc {
    margin-bottom: 30px
  }

  img.iphone7 {
    float: none;
    margin-right: 0 auto;
    max-width: 300px
  }
}

div.ruby-wrapper,
div.ruby-wrapper.ruby-vertical {
  color: #222
}

span.ruby-dropdown-toggle,
span.ruby-dropdown-toggle:after {
  transition: transform .3s ease
}

@media(min-width:767px) {

  ul.ruby-menu>li>a:after,
  ul.ruby-menu>li>ul>li>a:after,
  ul.ruby-menu>li>ul>li>ul>li>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:after {
    transition: all .3s ease
  }

  ul.ruby-menu>li>div,
  ul.ruby-menu>li>ul {
    transform: translateY(25px);
    transition: all .3s ease
  }

  ul.ruby-menu>li:hover>div,
  ul.ruby-menu>li:hover>ul {
    transform: translateY(0)
  }

  ul.ruby-menu.ruby-vertical>li>div,
  ul.ruby-menu.ruby-vertical>li>ul {
    transform: translateX(25px);
    transition: all .3s ease
  }

  ul.ruby-menu.ruby-vertical>li:hover>div,
  ul.ruby-menu.ruby-vertical>li:hover>ul {
    transform: translateX(0)
  }

  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>ul {
    transform: translateX(25px);
    transition: all .3s ease
  }

  ul.ruby-menu>li>ul>li:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>ul {
    transform: translateX(0)
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left>ul,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left>ul {
    transform: translateX(-25px);
    transition: all .3s ease
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left:hover>ul {
    transform: translateX(0)
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    transform: translateY(-50px);
    transition: all .5s ease
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level:hover>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>div,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>div {
    transform: translateY(0)
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    transform: translateX(50px);
    transition: all .5s ease
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level:hover>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>div,
  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>div {
    transform: translateX(0)
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {
    transform: translateY(-50px);
    transition: all .5s ease
  }

  ul.ruby-menu>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>div {
    transform: translateY(0)
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div>ul>li>div {
    transform: translateX(50px);
    transition: all .5s ease
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,
  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div>ul>li:hover>div {
    transform: translateX(0)
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
  }
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a>span input,
ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a>span input {
  background: none
}

ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a>span input:focus {
  outline: none
}

ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
  min-height: 100%
}

div.ruby-grid.ruby-grid-lined>div.ruby-row:after {
  background: -webkit-linear-gradient(left, hsla(0, 0%, 80%, 0), hsla(0, 0%, 80%, .48) 24%, #ccc 50%, hsla(0, 0%, 80%, .42) 79%, hsla(0, 0%, 80%, 0))
}

div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^=ruby-col]:after {
  background: -webkit-linear-gradient(top, hsla(0, 0%, 80%, 0), hsla(0, 0%, 80%, .48) 24%, #ccc 50%, hsla(0, 0%, 80%, .42) 79%, hsla(0, 0%, 80%, 0));
  height: 100%
}

@media(min-width:768px) {

  div.ruby-wrapper.ruby-menu-transparent,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-active-menu-item>a {
    background: none
  }

  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu.ruby-menu-dividers>li>a,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-menu-social>a {
    border: none
  }

  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu.ruby-menu-dividers>li:hover>a,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu.ruby-menu-dividers>li>a:hover,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li:hover>a,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li>a:hover {
    background: none;
    color: #e2e2e2
  }

  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-menu-social.ruby-menu-search:hover>a,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a:hover {
    background: none
  }

  div.ruby-wrapper.ruby-menu-full-width {
    width: 100%
  }

  div.ruby-wrapper.ruby-menu-full-width>ul.ruby-menu {
    margin: 0 auto;
    width: 980px
  }

  ul.ruby-menu>li>ul,
  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul {
    opacity: 0;
    visibility: hidden
  }

  ul.ruby-menu>li:hover>ul,
  ul.ruby-menu>li>ul>li:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div,
  ul.ruby-menu>li.ruby-menu-mega>div {
    opacity: 0;
    visibility: hidden
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level:hover>div,
  ul.ruby-menu>li.ruby-menu-mega-shop:hover>div,
  ul.ruby-menu>li.ruby-menu-mega:hover>div {
    margin-top: -5px;
    opacity: 1;
    visibility: visible
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    opacity: 0;
    visibility: hidden
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level:hover>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>div {
    opacity: 1;
    visibility: visible
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>div {
    opacity: 1;
    visibility: visible;
    z-index: 101
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {
    opacity: 0;
    visibility: hidden
  }

  ul.ruby-menu>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>div {
    opacity: 1;
    visibility: visible
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {
    background-color: #19ad86;
    content: "";
    height: 1px;
    position: absolute;
    width: 0
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {
    left: 5%;
    top: 10px
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after {
    bottom: 10px;
    right: 5%
  }

  .snip1217 .current a,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover {
    color: #333
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover:before {
    width: 90%
  }

  ul.ruby-menu>li>a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 5px;
    position: absolute;
    text-decoration: none
  }

  ul.ruby-menu>li:hover>a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }

  ul.ruby-menu>li>ul>li>a:after,
  ul.ruby-menu>li>ul>li>ul>li>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    padding: 0;
    position: absolute;
    right: 15px;
    text-decoration: none
  }

  ul.ruby-menu>li>ul>li:hover>a:after,
  ul.ruby-menu>li>ul>li>ul>li:hover>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left>a:after,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left>a:after {
    content: "\f104";
    left: 10px;
    right: auto
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left:hover>a:after,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left:hover>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left:hover>a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>a:after,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>a:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    /*     content: ""; */
    height: 0;
    margin-top: 13px;
    position: absolute;
    right: 0;
    width: 0
  }
}


@media(max-width:767px) {
  div.ruby-wrapper .hidden-xs {
    display: none;
    visibility: hidden
  }

  div.ruby-wrapper {
    position: absolute;
    top: 0;
    width: 100%
  }

  .g4g-subscribe-btn {
    display: none
  }

  .header-mobile-menu .visible-xs {
    left: 0;
    top: 0;
    visibility: visible
  }

  div.ruby-wrapper>ul {
    position: absolute;
    top: 50px;
    width: 100%
  }

  ul.ruby-menu>li,
  ul.ruby-menu>li.ruby-menu-right {
    float: none
  }

  ul.ruby-menu>li>a {
    background: #19ad86;
    padding: 0 65px
  }

  ul.ruby-menu>li>a:only-child {
    padding: 0 65px
  }

  ul.ruby-menu>li.ruby-menu-social>a>span {
    display: block
  }

  ul.ruby-menu>li>ul,
  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul {
    border-top: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 100%
  }

  ul.ruby-menu>li,
  ul.ruby-menu>li>ul>li,
  ul.ruby-menu>li>ul>li>ul>li,
  ul.ruby-menu>li>ul>li>ul>li>ul>li {
    position: relative
  }

  ul.ruby-menu>li>ul>li>a,
  ul.ruby-menu>li>ul>li>ul>li>a,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a {
    background: #d1d1d1;
    line-height: 50px;
    padding: 0 80px;
    width: 100%
  }

  ul.ruby-menu>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>a:hover,
  ul.ruby-menu>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>a:hover,
  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {
    background: #d9d9d9;
    color: #111
  }

  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul {
    left: auto;
    top: auto;
    z-index: auto
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left>ul,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>ul {
    left: auto;
    right: auto
  }

  ul.ruby-menu>li>ul>li>ul>li>a {
    background: #e5e5e5;
    padding: 0 95px
  }

  ul.ruby-menu>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>a:hover {
    background: #e1e1e1
  }

  ul.ruby-menu>li>ul>li>ul>li>ul>li>a {
    background: #efefef;
    padding: 0 110px
  }

  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {
    background: #fff
  }

  ul.ruby-menu>li.ruby-menu-social>a {
    border: none
  }

  ul.ruby-menu>li.ruby-menu-mega,
  ul.ruby-menu>li.ruby-menu-mega-multi-level,
  ul.ruby-menu>li.ruby-menu-mega-shop {
    position: relative
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div,
  ul.ruby-menu>li.ruby-menu-mega>div {
    border-top: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    left: auto;
    position: relative;
    top: auto
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav {
    height: auto;
    left: auto;
    top: auto;
    width: 100%
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li {
    position: relative
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a {
    background: #d1d1d1;
    color: #222;
    line-height: 50px;
    padding: 0 75px
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>a {
    background: #bcbcbc
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    left: auto;
    min-height: auto;
    position: relative;
    top: auto;
    width: 100%;
    z-index: auto
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>a {
    background: #d9d9d9
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div {
    position: relative;
    text-align: left
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul {
    border: none;
    font-size: 14px;
    margin-bottom: -1px;
    position: relative
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li {
    display: block;
    margin-top: -1px;
    position: relative
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {
    background: #d1d1d1;
    border: none;
    color: #222;
    font-weight: 400;
    line-height: 50px;
    max-height: 50px;
    padding: 0 80px;
    text-transform: none
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a {
    background: #bcbcbc
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover {
    background: #d9d9d9
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {
    display: block
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {
    margin: 0;
    position: relative;
    top: 0;
    z-index: 9999
  }

  ul.ruby-menu>li.ruby-menu-social img {
    display: inline-table;
    position: absolute;
    top: 15px
  }

  ul.ruby-menu>li.ruby-menu-social>a {
    width: 100%
  }

  ul.ruby-menu>li.ruby-menu-social .fa {
    position: absolute;
    top: 17px
  }

  ul.ruby-menu>li.ruby-menu-social span {
    line-height: 50px;
    padding: 0 25px
  }

  span.ruby-dropdown-toggle {
    cursor: pointer;
    height: 50px;
    left: 0;
    max-height: 50px;
    max-width: 50px;
    padding: 10px 17px;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 1000000
  }

  span.ruby-dropdown-toggle:after {
    color: #fff;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 25px;
    right: 0;
    text-decoration: none
  }

  span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,
  ul.ruby-menu>li>a:before,
  ul.ruby-menu>li>ul>li>a:before,
  ul.ruby-menu>li>ul>li>ul>li>a:before,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before {
    background: #333;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,
  ul.ruby-menu>li>ul>li>a:before {
    background: #555
  }

  ul.ruby-menu>li>ul>li>ul>li>a:before {
    background: #777
  }

  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before {
    background: #999
  }

  ul.ruby-menu,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div,
  ul.ruby-menu>li.ruby-menu-mega>div,
  ul.ruby-menu>li>ul,
  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul {
    max-height: 0;
    overflow: hidden;
    transform: scaleY(0)
  }

  ul.ruby-menu.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega-shop>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li>ul.ruby-mobile-sublevel-show,
  ul.ruby-menu>li>ul>li>ul.ruby-mobile-sublevel-show,
  ul.ruby-menu>li>ul>li>ul>li>ul.ruby-mobile-sublevel-show {
    max-height: 20000px;
    transform: scaleY(1)
  }

  div.ruby-grid>div.ruby-row div.ruby-row [class^=ruby-col],
  div.ruby-grid>div.ruby-row div.ruby-row:first-of-type [class^=ruby-col] {
    margin-top: 0
  }

  div.ruby-grid.ruby-grid-lined>div.ruby-row:after {
    height: 0
  }

  div.ruby-grid>div.ruby-row>[class^=ruby-col] {
    padding: 0
  }

  div.ruby-grid>div.ruby-row>[class^=ruby-col] [class^=ruby-col],
  div.ruby-grid>div.ruby-row>[class^=ruby-col] [class^=ruby-col]:first-of-type {
    padding-left: 0
  }

  div.ruby-grid>div.ruby-row div.ruby-col-1,
  div.ruby-grid>div.ruby-row div.ruby-col-10,
  div.ruby-grid>div.ruby-row div.ruby-col-11,
  div.ruby-grid>div.ruby-row div.ruby-col-12,
  div.ruby-grid>div.ruby-row div.ruby-col-2,
  div.ruby-grid>div.ruby-row div.ruby-col-3,
  div.ruby-grid>div.ruby-row div.ruby-col-4,
  div.ruby-grid>div.ruby-row div.ruby-col-5,
  div.ruby-grid>div.ruby-row div.ruby-col-6,
  div.ruby-grid>div.ruby-row div.ruby-col-7,
  div.ruby-grid>div.ruby-row div.ruby-col-8,
  div.ruby-grid>div.ruby-row div.ruby-col-9 {
    padding: 20px 30px;
    width: 100%
  }

  div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^=ruby-col]:after {
    width: 0
  }

  div.ruby-grid img {
    display: block;
    height: auto;
    max-width: 100%;
    position: relative
  }

  div.ruby-grid>div.ruby-row:after {
    clear: both;
    content: "";
    display: table
  }

  .c-hamburger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    -webkit-transition: background .3s;
    transition: background .3s;
    width: 50px
  }

  .c-hamburger:focus {
    outline: none
  }

  .c-hamburger span {
    background: #fff;
    display: block;
    height: 3px;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 24px
  }

  .c-hamburger span:after,
  .c-hamburger span:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
  }

  .c-hamburger span:before {
    top: -10px
  }

  .c-hamburger span:after {
    bottom: -10px
  }

  .c-hamburger--htx {
    background-color: #EF8834
  }

  .c-hamburger--htx span {
    -webkit-transition: background .3s;
    transition: background .3s
  }

  .c-hamburger--htx span:after,
  .c-hamburger--htx span:before {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
  }

  .c-hamburger--htx span:before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform
  }

  .c-hamburger--htx span:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
  }

  .c-hamburger--htx.is-active {
    background-color: #333
  }

  .c-hamburger--htx.is-active span {
    background: none
  }

  .c-hamburger--htx.is-active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .c-hamburger--htx.is-active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .c-hamburger--htx.is-active span:after,
  .c-hamburger--htx.is-active span:before {
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
  }

  ul.ruby-menu.ruby-menu-dividers>li,
  ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social>a,
  ul.ruby-menu.ruby-menu-dividers>li:hover>a,
  ul.ruby-menu.ruby-menu-dividers>li>a,
  ul.ruby-menu.ruby-menu-dividers>li>a:hover {
    border: none
  }

  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-active-menu-item>a {
    padding-left: 45px
  }

  ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a {
    display: none
  }
}

@media(min-width:992px) and (max-width:1200px) {
  .ruby-grid-lined {
    width: 790px !important
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ruby-wrapper .hidden-md {
    display: none;
    visibility: hidden
  }

  div.ruby-menu-demo-header {
    margin-top: -8px
  }

  div.ruby-wrapper {
    max-width: 855px
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav {
    width: 170px
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    left: 170px;
    width: 590px
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level>div,
  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div,
  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega>div {
    width: 560px
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    width: 360px
  }

  span.ruby-c-date {
    display: none;
    opacity: 0;
    visibility: hidden
  }

  div.ruby-grid>div.ruby-row div.ruby-col-3-md {
    width: 25%
  }

  div.ruby-grid>div.ruby-row div.ruby-col-4-md {
    width: 33.33%
  }

  div.ruby-grid>div.ruby-row div.ruby-col-6-md {
    width: 50%
  }

  div.ruby-grid>div.ruby-row div.ruby-col-12-md {
    width: 100%
  }

  div.ruby-grid.ruby-grid-lined>div.ruby-row:after,
  div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^=ruby-col]:after {
    background: none
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {
    color: #666;
    font-size: 12px;
    font-stretch: condensed;
    padding: 20px 5px
  }
}

@media only screen and (max-width:480px) {
  .site-logo .hs_cos_wrapper_type_logo a img {
    height: auto !important;
    max-width: 90px;
    width: 100%
  }

  .header-contact-container {
    font-size: 1em;
    line-height: 25px
  }
}


@media only screen and (max-width:480px) {
  .site-logo .hs_cos_wrapper_type_logo a img {
    height: auto !important;
    max-width: 90px;
    width: 100%
  }

  .header-contact-container {
    font-size: 1em;
    line-height: 25px
  }
}

.icon-desktop:before,
.icon-menu-close:before,
.icon-menu:before,
.icon-mobile:before,
.icon-submenu-down:before,
.icon-submenu-right:before,
.icon-world:before,
.nav .nav-submenu>a:after,
.nav-button:before,
.nav-close:before,
.nav>ul>.nav-submenu>a:after,
header h1:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: FontAwesome;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  vertical-align: top
}

.nav-lock-scroll {
  overflow: hidden
}

.nav {
  bottom: 0;
  display: none;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 900;
}

.nav ul {
  zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.nav a,
.nav a:active,
.nav a:hover,
.nav a:visited,
.nav ul {
  display: block;
  position: relative
}

@media only screen and (min-width:960px) {
  .nav {
    bottom: auto;
    overflow: visible
  }

  .nav,
  .nav li {
    position: relative
  }

  .nav li {
    white-space: nowrap
  }

  .nav>ul>li {
    display: inline-block
  }

  .nav ul {
    display: block
  }

  .nav ul ul {
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 901
  }

  .nav ul ul ul {
    left: 95%;
    top: 5px;
    z-index: 902
  }

  .nav ul ul ul ul {
    z-index: 903
  }

  .nav ul ul ul ul ul {
    z-index: 904
  }

  .nav ul ul li.nav-left>ul {
    left: auto;
    right: 95%
  }

  .nav-no-js .nav li:hover>ul {
    display: block
  }
}

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

  .nav-no-js .nav-button:hover+.nav,
  .nav-no-js .nav-button:hover+.nav+.nav-close,
  .nav-no-js .nav:hover,
  .nav-no-js .nav:hover+.nav-close {
    display: block
  }
}

.nav-close {
  color: #a69a94;
  cursor: pointer;
  height: 4.4rem;
  line-height: 4.4rem;
  overflow: hidden;
  position: fixed;
  text-decoration: none;
  top: 0;
  width: 2.4rem;
  z-index: 902
}

.nav-close:before {
  display: block;
  text-align: center
}

.nav-close {
  display: none;
  font-size: 1.9rem;
  right: 1rem
}

.nav-close:before {
  content: "\f00d"
}

.nav {
  color: #303c42;
  line-height: 4.4rem;
  padding-top: 4.4rem
}

.nav,
.nav ul {
  background: #fff
}

.nav ul {
  border-radius: 0 0 6px 6px
}

.nav ul ul {
  background: #f1f1f1
}

.nav ul ul ul {
  background: #ebebeb
}

.nav ul ul ul ul {
  background: #e3e3e3
}

.nav ul ul ul ul ul {
  background: #d8d8d8
}

.nav li {
  border-top: 1px solid #59544f;
  cursor: pointer
}

.nav li.nav-active>a,
.nav li:hover>a {
  color: #f8951d
}

.nav .nav-submenu>ul {
  margin-left: 10px
}

.nav .nav-submenu>a {
  padding-right: 30px !important
}

.nav a,
.nav a:active,
.nav a:hover,
.nav a:visited {
  border-radius: 6px;
  color: #303c42;
  font-family: DINmedium;
  padding: 0 15px 1px;
  text-decoration: none
}

.nav .nav-submenu>a:after {
  content: "\f107";
  display: block;
  position: absolute;
  right: 10px;
  top: 1px
}

@media only screen and (min-width:960px) {
  body {
    padding: 0 !important
  }

  header {
    position: relative
  }

  header h1:before {
    content: "\E001"
  }

  .nav {
    padding: 0 !important
  }

  .nav>ul>li {
    border-top: none
  }

  .nav li>ul {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
  }

  .nav ul ul ul {
    border-radius: 0 6px 6px 6px
  }

  .nav ul ul ul li:first-child {
    border-top: none
  }

  .nav .nav-left>ul {
    border-radius: 6px 0 6px 6px
  }

  .nav .nav-submenu li {
    min-width: 110px
  }

  .nav .nav-submenu>ul {
    margin: 0
  }

  .nav>ul>.nav-submenu>a:after {
    content: "\E005"
  }

  .nav .nav-submenu>a:after {
    content: "\E006"
  }
}

@media only screen and (max-width:375px) {
  #beepo-main-header-logo {
    margin-top: 10px;
    max-width: 80px
  }

  #probegroup-main-header-logo {
    margin-bottom: 6px;
    max-width: 126px
  }

  .header-mobile-menu .visible-xs {
    margin-top: -44px
  }

  #site-logos li {
    margin-right: 10px
  }
}

.mm-spn.mm-spn--navbar:after {
  display: none
}

.service-accordion {
  cursor: pointer
}

.s-active>a,
.service-accordion:hover>a,
.service-accordion>a:hover {
  color: #EF8834 !important
}

.service-panel-nav {
  border-left: 1px solid #dedede;
  height: 0;
  left: 35%;
  margin-left: 0;
  overflow: hidden;
  padding-left: 30px;
  position: absolute;
  top: 0;
  margin-top: 0 !important;
  z-index: 99999
}

.service-panel-nav a {
  display: block;
  line-height: 28px;
  padding-bottom: 0 !important;
  transition: all .2s ease-out
}

.service-panel-nav a:hover {
  color: #EF8834;
  font-weight: 700;
  text-decoration: underline
}

.service-panel-nav a:last-child {
  padding-bottom: 0 !important
}

.mm-ocd__content {
  top: 28px
}

.mm-spn li:before,
.mm-spn.mm-spn--navbar:before {
  border-color: currentcolor currentcolor #EF8834 #EF8834;
  border-right: 4px solid #EF8834;
  border-top: 4px solid #EF8834;
  height: 13px;
  opacity: 1;
  width: 13px
}

.mm-spn.mm-spn--navbar:before {
  border-left: 4px solid #EF8834;
  border-right: 0
}

a.burger {
  background: #EF8834;
  display: none;
  height: 45px;
  margin: 5px;
  padding: 11px;
  position: absolute;
  right: 13px;
  top: 50px;
  width: 50px
}

a.burger:after,
a.burger:before {
  background: #fff;
  content: "";
  display: block;
  height: 4px
}

a.burger span {
  background: #fff;
  display: block;
  height: 4px;
  margin: 6px 0
}

@media only screen and (max-width:767px) {
  a.burger {
    display: block
  }
}

#site-phone-number {
  color: #fff;
  line-height: 25px;
  text-decoration: none
}

#beepo-main-header-menu {
  padding: 0 20px
}

#beepo-mobile-search-form {
  display: block;
  margin: 0 auto 25px;
  max-width: 460px;
  padding: 0 10px;
  position: relative;
  width: 100%
}

#beepo-mobile-search-form input {
  background-color: #e2e2e2;
  border: 0 solid #fff;
  border-radius: 16px;
  font-family: DINRegular;
  height: 45px;
  margin-top: 20px;
  padding-left: 60px !important;
  text-transform: capitalize
}

#beepo-mobile-search-form button {
  background-color: transparent;
  background-image: url(https://431947.fs1.hubspotusercontent-na1.net/hubfs/431947/Beepo%20Website/Images/go-for-growth/blog/gtg-blog-search-icon.png);
  background-size: contain;
  border: 0;
  cursor: pointer;
  height: 25px;
  left: 6%;
  position: absolute;
  top: 47%;
  width: 25px
}

#site-logos {
  margin: 0;
  padding: 0
}

#site-logos li {
  display: inline-block;
  list-style-type: none;
  margin-right: 20px
}

#site-logos li:last-child {
  margin-right: 0
}

#beepo-main-header {
  padding: 0
}

#beepo-main-header-logo {
  display: block;
  height: auto;
  max-width: 126px;
  width: 100%
}

#probegroup-main-header-logo {
  display: block;
  height: auto;
  margin-bottom: 10px;
  max-width: 162px;
  width: 100%
}

#beepo-menu-container {
  margin-left: 0
}

.header-container-wrapper {
  -webkit-backface-visibility: hidden;
  color: #fff;
  height: 120px;
  position: sticky;
  -webkit-position: sticky;
  top: -5px;
  transition: top .2s ease-in-out;
  z-index: 9999
}

.nav-up {
  top: -145px
}

.header-container-wrapper:after,
.header-container-wrapper:before {
  content: "";
  display: block;
  height: 7px;
  position: sticky;
  -webkit-position: sticky
}

.header-container-wrapper:before {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  top: 140px;
  margin-top: -3px;
}

.header-container-wrapper:after {
  background: linear-gradient(#fff 10%, hsla(0, 0%, 100%, .8) 50%, hsla(0, 0%, 100%, .4) 70%, transparent);
  top: 0;
  z-index: 2;

}

.header-container-wrapper>.header-container {
  background: #fff;
  height: auto;
  margin-top: -7px;
  padding: 20px 20px 0;
  position: sticky;
  -webkit-position: sticky;
  top: -1px;
  z-index: 3
}

.site-phone-number-section {
  background-color: #EF8834;
  color: #fff !important;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100% !important;
  z-index: 99999999
}

.g4g-subscribe-btn {
  background-color: #EF8834;
  color: #fff;
  float: right;
  font-weight: 600;
  padding: 10px 35px;
  text-decoration: none;
  text-transform: uppercase
}

.g4g-subscribe-btn:hover {
  color: #fff
}

.container-fluid .row-fluid .beepo-main-header-wrapper {
  float: none;
  margin: 0 auto !important;
  max-width: 1200px;
  padding: 20px 20px 0
}

.header-contact-container {
  color: #EF8834;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 50px;
  text-align: right
}

.site-logo .hs_cos_wrapper_type_logo a,
.site-logo .hs_cos_wrapper_type_logo a img {
  margin: unset !important
}

.site-logo .hs_cos_wrapper_type_logo:after {
  border-right: unset !important
}

li.nav-submenu {
  position: relative
}

.header-container-wrapper {
  border-bottom: unset !important
}

.by-role-type-title {
  display: inline-block;
  font-weight: 600 !important;
  padding: 0 10px;
  width: 80%
}

.by-role-type-title:hover {
  background: #ededed
}

.mega-menu-first-item {
  padding: 0 35px 0 0 !important
}

.menu-filter-by li {
  display: inline-block
}

.menu-filter-by li a {
  color: #303c42;
  display: block;
  font-size: 14px;
  padding: 5px !important;
  text-decoration: none
}

a.active-filter {
  background-color: #EF8834;
  color: #fff !important
}

.mega-menu-talk-to-us-section {
  font-size: 14px;
  line-height: 14px;
  margin-top: -75px;
  padding-left: 70px;
  text-align: center
}

.mega-menu-talk-to-us-section a {
  color: #EF8834 !important;
  font-weight: 600
}

.mega-menu-talk-to-us-section-fullwidth {
  font-size: 14px;
  line-height: 14px;
  text-align: center
}

.mega-menu-talk-to-us-section-fullwidth a {
  color: #EF8834;
  font-weight: 600
}

.mega-menu-role-list li {
  line-height: 28px;
  padding: 0 10px;
  width: 205px
}

.rt .mega-menu-role-list li {
  line-height: 1.2;
  padding-left: 20px;
  padding-right: 0;
  width: 100%
}

.mega-menu-role-list li:hover {
  background: #ededed
}

.mega-menu-role-list li:hover>a {
  color: #EF8834;
  font-weight: 700;
  text-decoration: underline
}

.mega-menu-role-list li a {
  color: #303c42;
  padding-bottom: 5px;
  text-decoration: none
}

.mega-menu-role-icons-wrapper {
  margin-bottom: 15px
}

.mega-menu-blog-content-container {
  min-height: 275.359px !important
}

.ruby-hide-item {
  display: none
}

.mega-menu-role-list {
  margin-bottom: 10px !important;
  position: relative
}

.main-service-menu-container {
  height: 500.359px !important
}

.menu-featured-ebook-title {
  font-weight: 600;
  text-decoration: none
}

.menu-featured-ebook-cover-wrapper {
  text-align: center
}

.menu-featured-ebook-cover-wrapper p {
  font-size: 14px;
  line-height: 15px !important;
  margin-bottom: 0
}

.menu-featured-ebook-cover-wrapper a img {
  display: block;
  height: auto;
  margin: 0 auto 10px;
  max-width: 170px;
  width: 100%
}

.mega-menuresource-download {
  font-size: 15px;
  line-height: 15px;
  text-decoration: none
}

.services-grid-container {
  min-height: 264.359px !important
}

.ruby-menu-mega-filter-by li {
  cursor: pointer;
  display: inline-block;
  padding: 10px
}

.ruby-menu-mega-filter-by li.active-filter {
  background-color: #303c42;
  color: #fff
}

div.ruby-menu-demo-header {
  height: auto;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99999
}

div.ruby-menu-demo-header-bg div.ruby-menu-demo-download>span,
div.ruby-menu-demo-header-bg div.ruby-menu-demo-download>span>span {
  color: #efefef
}

div.ruby-menu-demo-description {
  height: 160px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 980px
}

div.ruby-menu-demo-description img {
  float: left;
  margin: 50px 20px 0 0;
  max-width: 200px
}

span.ruby-menu-demo-highlight {
  color: #333
}

div.ruby-menu-demo-bg-dark,
div.ruby-menu-demo-bg-light {
  background: #fff;
  font-size: 16px;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 980px
}

div.ruby-menu-demo-bg-dark {
  background: efefef
}

div.ruby-menu-demo-bg-dark-c:after,
div.ruby-menu-demo-bg-light-c:after {
  clear: both;
  content: "";
  display: table
}

div.ruby-menu-demo-cv-1 {
  float: left;
  width: 33%
}

div.ruby-menu-demo-cv-2 {
  float: left;
  width: 67%
}

div.ruby-menu-demo-cv-3 {
  float: left;
  width: 48%
}

div.ruby-menu-demo-cv-4 {
  float: left;
  width: 52%
}

div.ruby-menu-demo-cr-1 {
  float: left;
  width: 33%
}

div.ruby-menu-demo-cr-2 {
  float: left;
  width: 66%
}

div.ruby-menu-demo-cs-1 {
  float: left;
  width: 33%
}

div.ruby-menu-demo-cs-2 {
  float: left;
  width: 66%
}

div.ruby-menu-demo-cf-1,
div.ruby-menu-demo-cf-2,
div.ruby-menu-demo-cf-3,
div.ruby-menu-demo-cf-4 {
  float: left;
  text-align: center;
  width: 25%
}

div.ruby-menu-demo-f-icon {
  background: #efefef;
  border-radius: 50%;
  color: #aaa;
  font-size: 30px;
  height: 80px;
  margin: 0 auto;
  padding: 22px;
  width: 80px
}

div.ruby-menu-demo-f-title {
  font-size: 18px;
  font-weight: 700;
  height: 30px;
  margin: 20px auto 0;
  width: 100%
}

div.ruby-menu-demo-f-desc {
  color: #555;
  font-size: 14px;
  line-height: 24px;
  padding: 15px
}

div.ruby-menu-demo-cs-1 table {
  line-height: 20px
}

div.ruby-menu-demo-cs-1 table td,
div.ruby-menu-demo-cs-1 table tr {
  font-weight: 700;
  padding: 0
}

div.ruby-menu-demo-cs-1 table td:last-child {
  padding-top: 5px
}

h2.ruby-menu-demo-slogan-1,
h3.ruby-menu-demo-slogan-1 {
  color: #b1b1b1;
  font-size: 20px;
  font-weight: 300;
  margin: 0;
  text-transform: uppercase
}

h1.ruby-menu-demo-slogan-2,
h3.ruby-menu-demo-slogan-2 {
  color: #222;
  font-size: 36px;
  font-weight: 700;
  margin: 0;
  text-transform: none
}

p.ruby-menu-demo-slogan-description,
p.ruby-menu-demo-slogan-description-2 {
  color: #444;
  font-size: 16px;
  line-height: 24px;
  margin: 35px 0
}

p.ruby-menu-demo-slogan-description-2 {
  color: #666;
  font-weight: 600;
  margin: -10px 0
}

span.ruby-menu-demo-code {
  color: #888;
  text-decoration: underline
}

td.ruby-menu-demo-theme-td-1 {
  max-width: 30px;
  padding: 6px;
  text-align: left
}

td.ruby-menu-demo-theme-td-2 {
  min-width: 120px;
  padding: 6px;
  text-align: left
}

td.ruby-menu-demo-theme-td-1:hover {
  cursor: pointer
}

.ruby-menu-demo-circle {
  border: 4px solid #222;
  border-radius: 50%;
  display: inline-block;
  height: 24px;
  margin: 0;
  width: 24px
}

.ruby-menu-demo-color-1 {
  background: #1aad86
}

.ruby-menu-demo-color-2 {
  background: #0c67c2
}

.ruby-menu-demo-color-3 {
  background: #ce0661
}

.ruby-menu-demo-color-4 {
  background: #ea7500
}

.ruby-menu-demo-color-5 {
  background: #74ba27
}

.ruby-menu-demo-color-6 {
  background: #ff3264
}

.ruby-menu-demo-color-7 {
  background: #fad814
}

.ruby-menu-demo-color-8 {
  background: #ccc
}

.ruby-menu-demo-color-9 {
  background: #111;
  border-color: #ccc
}

.ruby-menu-demo-color-10 {
  background: #036de2;
  border-color: #489efd
}

.ruby-menu-demo-color-11 {
  background: #f85252;
  border-color: #444
}

.ruby-menu-demo-color-12 {
  background: #ca79d0;
  border-color: #f2def3
}

.ruby-menu-demo-color-13 {
  background: #efefef;
  border-color: #222
}

.ruby-menu-demo-color-14 {
  background: #ccc
}

div.ruby-menu-demo-download {
  position: absolute;
  right: 0;
  top: 55px;
  width: auto
}

div.ruby-menu-demo-download .fa {
  font-size: 20px;
  margin-right: 10px
}

div.ruby-menu-demo-download>span {
  display: block;
  font-size: 16px;
  margin: 10px 26px
}

div.ruby-menu-demo-download>span>span {
  color: #555;
  font-size: 20px;
  font-weight: 700
}

button.ruby-btn {
  background: #19ad86;
  border: 2px solid #19ad86;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 25px
}

button.ruby-btn:hover {
  background: #fff;
  color: #19ad86
}

.switch {
  display: table-cell;
  padding: 10px;
  vertical-align: middle
}

.cmn-toggle {
  margin-left: -9999px;
  position: absolute;
  visibility: hidden
}

.cmn-toggle+label {
  cursor: pointer;
  display: block;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

input.cmn-toggle-round+label {
  background-color: #ddd;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 2px;
  width: 40px
}

input.cmn-toggle-round+label:after,
input.cmn-toggle-round+label:before {
  bottom: 1px;
  content: "";
  display: block;
  left: 1px;
  position: absolute;
  top: 1px
}

input.cmn-toggle-round+label:before {
  background-color: #f1f1f1;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  right: 1px;
  -webkit-transition: background .4s;
  -moz-transition: background .4s;
  -o-transition: background .4s;
  transition: background .4s
}

input.cmn-toggle-round+label:after {
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
  -webkit-transition: margin .4s;
  -moz-transition: margin .4s;
  -o-transition: margin .4s;
  transition: margin .4s;
  width: 18px
}

input.cmn-toggle-on+label:before,
input.cmn-toggle-round:checked+label:before {
  background-color: #8ce196
}

input.cmn-toggle-on+label:after,
input.cmn-toggle-round:checked+label:after {
  margin-left: 20px
}

input.cmn-toggle-on:checked+label:before {
  background-color: #f1f1f1
}

input.cmn-toggle-on:checked+label:after {
  margin-left: 0
}

img.iphone7 {
  float: right;
  margin-right: 0;
  max-width: 350px
}

.g4g-subscribe-btn-mobile {
  background-color: #EF8834 !important;
  border-radius: 4px;
  color: #fff !important;
  line-height: 50px;
  margin: 0 auto !important;
  max-width: 220px;
  padding: 0 !important;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

@media(min-width:768px) and (max-width:991px) {
  body {
    overflow-x: hidden
  }

  div.ruby-menu-demo-description {
    height: 160px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 760px
  }

  div.ruby-menu-demo-description img {
    float: left;
    margin: 50px 20px 0 0;
    max-width: 200px
  }

  div.ruby-menu-demo-bg-dark,
  div.ruby-menu-demo-bg-light {
    font-size: 14px;
    width: 760px
  }

  div.ruby-menu-demo-cs-1 {
    width: 27%
  }

  div.ruby-menu-demo-cs-2 {
    width: 73%
  }

  td.ruby-menu-demo-theme-td-1 {
    max-width: 27px;
    padding: 7px
  }

  td.ruby-menu-demo-theme-td-2 {
    min-width: 100px;
    padding: 7px
  }

  .ruby-menu-demo-circle {
    border: 3px solid #222;
    height: 22px;
    width: 22px
  }

  img.iphone7 {
    float: right;
    margin-right: 20px;
    max-width: 320px
  }

  .header-container-wrapper:before {
    box-shadow: none !important;
  }
  .header-wrapper:after {
    margin-top: -6px;
  }

}

@media(max-width:767px) {
  .header-container-wrapper>.header-container {
    position: unset
  }

  .hs-blog-name-beepo-hubspot-blog .g4g-subscribe-btn-mobile {
    display: block !important
  }

  .container-fluid .row-fluid .beepo-main-header-wrapper {
    margin-top: 20px !important
  }

  .site-phone-number-section {
    position: fixed !important
  }

  .header-container-wrapper {
    position: static
  }

  #site-logos li {
    display: block;
    margin-right: 0;
    width: 100%
  }

  #site-logos li a img {
    margin: 0 auto
  }

  #beepo-main-header-logo {
    margin-bottom: 10px !important
  }

  .header-container-wrapper {
    border-bottom: 1px solid #ebeced !important;
    box-shadow: unset
  }

  div.ruby-menu-demo-header {
    height: auto;
    width: 100%
  }

  div.ruby-menu-demo-description {
    margin: 0 auto 220px;
    padding: 10px;
    text-align: center;
    width: 100%
  }

  div.ruby-menu-demo-description img {
    float: none;
    margin: 90px 0 0
  }

  div.ruby-menu-demo-download {
    left: auto;
    position: relative;
    right: auto;
    top: 25px;
    width: auto
  }

  div.ruby-menu-demo-download>span {
    font-size: 20px;
    margin: 25px auto
  }

  div.ruby-menu-demo-download>span>span {
    font-size: 26px
  }

  button.ruby-btn {
    font-size: 16px;
    padding: 14px 25px;
    text-transform: uppercase
  }

  div.ruby-menu-demo-bg-light.ruby-menu-demo-switches {
    display: none
  }

  div.ruby-menu-demo-bg-dark,
  div.ruby-menu-demo-bg-light {
    font-size: 16px;
    margin-bottom: -100px;
    padding: 25px;
    width: 100%
  }

  div.ruby-menu-demo-cr-1,
  div.ruby-menu-demo-cv-1,
  div.ruby-menu-demo-cv-2,
  div.ruby-menu-demo-cv-3,
  div.ruby-menu-demo-cv-4 {
    width: 100%
  }

  div.ruby-menu-demo-cr-2 {
    margin-top: 40px;
    width: 100%
  }

  div.ruby-menu-demo-cf-1,
  div.ruby-menu-demo-cf-2,
  div.ruby-menu-demo-cf-3,
  div.ruby-menu-demo-cf-4 {
    float: left;
    text-align: center;
    width: 50%
  }

  div.ruby-menu-demo-f-desc {
    margin-bottom: 30px
  }

  img.iphone7 {
    float: none;
    margin-right: 0 auto;
    max-width: 300px
  }
}

div.ruby-wrapper,
div.ruby-wrapper a,
div.ruby-wrapper.ruby-vertical {
  color: #222;
  font-weight: normal;
}

div.ruby-wrapper a:hover {
  text-decoration: underline;
}


div.ruby-wrapper .new-benefits a:hover{
  text-decoration: none;
}

ul.ruby-menu>li:hover {
  transition: all .3s ease
}

ul.ruby-menu>li>a {
  color: #222
}

ul.ruby-menu>li.ruby-active-menu-item:hover>a,
ul.ruby-menu>li.ruby-active-menu-item>a:hover,
ul.ruby-menu>li:hover>a,
ul.ruby-menu>li>a:hover {
  background: #222;
  color: #fff
}

ul.ruby-menu>li.ruby-active-menu-item>a {
  background: #efefef;
  color: #222
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social>a,
ul.ruby-menu.ruby-menu-dividers>li>a {
  border-left: 1px solid #ddd;
  border-right: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #ddd
}

ul.ruby-menu.ruby-menu-dividers>li:hover>a,
ul.ruby-menu.ruby-menu-dividers>li>a:hover {
  border-left: 1px solid #222;
  border-right: 1px solid #222
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li:hover>a,
ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a:hover {
  border-bottom: 1px solid #222
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-active-menu-item>a {
  border-left: 1px solid #efefef;
  border-right: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li.ruby-active-menu-item>a {
  border-bottom: 1px solid #fff;
  border-left: none;
  border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a {
  border-left: none;
  border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li.ruby-active-menu-item:hover>a,
ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li.ruby-active-menu-item>a:hover {
  border-bottom: 1px solid #222;
  border-left: none
}

ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>a {
  background-color: #EF8834 !important;
  color: #fff
}

span.ruby-c-category,
span.ruby-c-category a,
span.ruby-c-date,
span.ruby-c-date a,
span.ruby-c-title a:hover {
  color: #444
}

span.ruby-c-category a:hover,
span.ruby-c-date a:hover {
  color: #222
}

.blog-homepage-bottom-banner img {
  width: 18px;
}

@media(min-width:768px) {

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {
    background-color: #222
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover {
    color: #333
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>a:after,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>a:after {
    border-color: transparent #fff transparent transparent
  }
}

@media(max-width:767px) {
  ul.ruby-menu>li>a {
    background: #efefef
  }

  ul.ruby-menu>li.ruby-active-menu-item>a:hover,
  ul.ruby-menu>li:hover>a,
  ul.ruby-menu>li>a:hover {
    background: #ccc;
    color: #111
  }

  ul.ruby-menu>li.ruby-active-menu-item>a {
    background: #ccc
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a,
  ul.ruby-menu>li>ul>li>a,
  ul.ruby-menu>li>ul>li>ul>li>a,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a {
    background: #d1d1d1
  }

  ul.ruby-menu>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>a:hover,
  ul.ruby-menu>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>a:hover,
  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {
    background: #d9d9d9;
    color: #111
  }

  ul.ruby-menu>li>ul>li>ul>li>a {
    background: #e5e5e5
  }

  ul.ruby-menu>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>a:hover {
    background: #e1e1e1
  }

  ul.ruby-menu>li>ul>li>ul>li>ul>li>a {
    background: #efefef
  }

  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {
    background: #fff
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>a {
    background: #bcbcbc
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>a {
    background: #d9d9d9
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a {
    background: #bcbcbc
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover {
    background: #d9d9d9
  }

  span.ruby-dropdown-toggle:after {
    color: #fff
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,
  ul.ruby-menu>li>a:before,
  ul.ruby-menu>li>ul>li>a:before,
  ul.ruby-menu>li>ul>li>ul>li>a:before,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before {
    background: #333
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,
  ul.ruby-menu>li>ul>li>a:before {
    background: #555
  }

  ul.ruby-menu>li>ul>li>ul>li>a:before {
    background: #777
  }

  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before {
    background: #999
  }

  .c-hamburger span {
    background: #222
  }

  .c-hamburger span:after,
  .c-hamburger span:before {
    background-color: #222
  }

  .c-hamburger--htx {
    background-color: #efefef;
    color: #222
  }

  .c-hamburger--htx.is-active {
    background-color: #ddd
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div,
  ul.ruby-menu>li.ruby-menu-mega>div,
  ul.ruby-menu>li>ul,
  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul {
    border-top: none
  }

  ul.ruby-menu.ruby-menu-dividers>li,
  ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social>a,
  ul.ruby-menu.ruby-menu-dividers>li:hover>a,
  ul.ruby-menu.ruby-menu-dividers>li>a,
  ul.ruby-menu.ruby-menu-dividers>li>a:hover {
    border: none
  }
}

span.ruby-dropdown-toggle,
span.ruby-dropdown-toggle:after {
  transition: transform .1s ease
}

@media(min-width:767px) {

  ul.ruby-menu>li>a:after,
  ul.ruby-menu>li>ul>li>a:after,
  ul.ruby-menu>li>ul>li>ul>li>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:after {
    transition: all .1s ease
  }

  ul.ruby-menu>li>div,
  ul.ruby-menu>li>ul {
    transform: translateY(25px);
    transition: all .1s ease
  }

  ul.ruby-menu>li:hover>div,
  ul.ruby-menu>li:hover>ul {
    transform: translateY(0)
  }

  ul.ruby-menu.ruby-vertical>li>div,
  ul.ruby-menu.ruby-vertical>li>ul {
    transform: translateX(25px);
    transition: all .1s ease
  }

  ul.ruby-menu.ruby-vertical>li:hover>div,
  ul.ruby-menu.ruby-vertical>li:hover>ul {
    transform: translateX(0)
  }

  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>ul {
    transform: translateX(25px);
    transition: all .1s ease
  }

  ul.ruby-menu>li>ul>li:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>ul {
    transform: translateX(0)
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left>ul,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left>ul {
    transform: translateX(-25px);
    transition: all .1s ease
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left:hover>ul {
    transform: translateX(0)
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    transform: translateY(-50px);
    transition: all .1s ease
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level:hover>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>div,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>div {
    transform: translateY(0)
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    transform: translateX(50px);
    transition: all .1s ease
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level:hover>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>div,
  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>div {
    transform: translateX(0)
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {
    transform: translateY(-50px);
    transition: all .1s ease
  }

  ul.ruby-menu>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>div {
    transform: translateY(0)
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div>ul>li>div {
    transform: translateX(50px);
    transition: all .1s ease
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,
  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div>ul>li:hover>div {
    transform: translateX(0)
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {
    -webkit-transition: all .1s ease;
    transition: all .1s ease
  }
}

div.ruby-wrapper {
  height: 50px;
  margin: 0 auto;
  position: relative
}

div.ruby-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0
}

div.ruby-wrapper>ul {
  position: relative
}

ul.ruby-menu>li {
  float: left;
  font-size: 14px
}

ul.ruby-menu>li.ruby-menu-right {
  float: right
}

ul.ruby-menu>li>a {
  border-bottom: 2px solid #fff;
  color: #54585a;
  display: block;
  font-weight: 700;
  line-height: 50px;
  padding: 0 35px 0 25px;
  text-decoration: none
}

ul.ruby-menu>li.ruby-active-menu-item:hover>a,
ul.ruby-menu>li.ruby-active-menu-item>a:hover,
ul.ruby-menu>li:hover>a,
ul.ruby-menu>li>a:hover {
  background: #fff;
  border-bottom: 2px solid #EF8834;
  color: #EF8834;
  transition: .5s
}

ul.ruby-menu>li:hover>a:only-child:after,
ul.ruby-menu>li>a:only-child:after {
  content: ""
}

ul.ruby-menu>li.ruby-active-menu-item>a {
  background: #17a47d
}

ul.ruby-menu>li>a .fa {
  position: relative;
  width: 24px
}

ul.ruby-menu>li>a>img {
  display: block;
  max-width: 16px
}

ul.ruby-menu>li.ruby-menu-social>a {
  font-size: 16px;
  padding: 0 8px;
  width: 30px
}

ul.ruby-menu>li.ruby-menu-social>a>span {
  display: none
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a,
ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a {
  max-height: 50px;
  transition: all .5s ease;
  transition-delay: .3s;
  width: 30px
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a:hover,
ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a:hover {
  width: 190px
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a:hover>span input,
ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a:hover>span input {
  max-width: 150px;
  transform: scaleY(1)
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a span,
ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a span {
  display: inline
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a>span input,
ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a>span input {
  background: 0 0;
  border: none;
  color: #303c42;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin: 0;
  max-width: 0;
  position: absolute;
  transform: scaleY(0);
  transition: all .5s ease;
  transition-delay: .3s;
  width: 150px
}
.main-menu-panel:hover .menu-panel-titles {
  color: #EF8834;
  font-weight: 600;
}
ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a>span input:focus {
  color: #303c42;
  outline: 0
}

ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a>span input::-webkit-input-placeholder {
  color: #c1c1c1 !important
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social>a,
ul.ruby-menu.ruby-menu-dividers>li>a {
  border-left: 1px solid #111;
  border-right: 1px solid #666
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social:last-child>a,
ul.ruby-menu.ruby-menu-dividers>li:first-child>a {
  border-left: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a {
  border: none;
  border-bottom: 1px solid #666;
  border-top: 1px solid #111
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li:first-child>a {
  border-top: none
}

ul.ruby-menu.ruby-menu-dividers>li:hover>a,
ul.ruby-menu.ruby-menu-dividers>li>a:hover {
  border-right: 1px solid #19ad86
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li:hover>a,
ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a:hover {
  border-bottom: 1px solid #19ad86
}

ul.ruby-menu.ruby-menu-dividers>li.ruby-active-menu-item>a {
  border-right: 1px solid #17a47d
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li.ruby-active-menu-item>a {
  border-bottom: 1px solid #17a47d
}

ul.ruby-menu>li>ul,
ul.ruby-menu>li>ul>li>ul,
ul.ruby-menu>li>ul>li>ul>li>ul {
  border-top: 4px solid #19ad86;
  -webkit-box-shadow: 0 8px 24px -5px #ccc;
  -moz-box-shadow: 0 8px 24px -5px #ccc;
  box-shadow: 0 8px 24px -5px #ccc;
  position: absolute
}

ul.ruby-menu>li>ul>li,
ul.ruby-menu>li>ul>li>ul>li {
  position: relative
}

ul.ruby-menu>li>ul>li>a,
ul.ruby-menu>li>ul>li>ul>li>a,
ul.ruby-menu>li>ul>li>ul>li>ul>li>a {
  background: #fff;
  color: #666;
  display: block;
  font-size: 14px;
  line-height: 40px;
  padding: 0 35px 0 25px;
  text-decoration: none;
  width: 170px
}

ul.ruby-menu>li>ul>li:hover>a,
ul.ruby-menu>li>ul>li>a:hover,
ul.ruby-menu>li>ul>li>ul>li:hover>a,
ul.ruby-menu>li>ul>li>ul>li>a:hover,
ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,
ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {
  background: #efefef
}

ul.ruby-menu>li>ul>li>a:only-child:after,
ul.ruby-menu>li>ul>li>ul>li>a:only-child:after,
ul.ruby-menu>li>ul>li>ul>li>ul>li>a:only-child:after {
  content: ""
}

ul.ruby-menu>li>ul>li>a .fa,
ul.ruby-menu>li>ul>li>ul>li>a .fa,
ul.ruby-menu>li>ul>li>ul>li>ul>li>a .fa {
  position: relative;
  width: 24px
}

ul.ruby-menu>li.ruby-menu-right>ul {
  right: 0
}

ul.ruby-menu>li>ul>li>ul,
ul.ruby-menu>li>ul>li>ul>li>ul {
  left: 170px;
  top: -4px;
  z-index: 100
}

ul.ruby-menu>li>ul>li.ruby-open-to-left>ul,
ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>ul {
  left: auto;
  right: 170px
}

ul.ruby-menu>li.ruby-menu-mega-multi-level>div,
ul.ruby-menu>li.ruby-menu-mega-shop>div,
ul.ruby-menu>li.ruby-menu-mega>div {
  background: #fff;
  -webkit-box-shadow: 0 8px 24px -5px #ccc;
  -moz-box-shadow: 0 8px 24px -5px #ccc;
  box-shadow: 0 8px 24px -5px #ccc;
  height: auto;
  left: 24px;
  overflow: hidden;
  position: absolute;
  top: 62px;
  width: calc(100% - 24px);
}

ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav {
  background: #efefef;
  height: 100%;
  left: 0;
  position: absolute !important;
  top: 32px;
  width: 200px
}

ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li {
  font-size: 14px;
  line-height: 16px
}

.mega-menu-talk-to-us-section-fullwidth p {
  margin: 0;
  line-height: 22px;
}

div.ruby-wrapper a:hover {
  color: #EF8834;
  text-decoration: underline;
}

ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a {
  background: #efefef;
  color: #666;
  display: block;
  line-height: 40px;
  padding: 0 15px;
  text-decoration: none
}

ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>a {
  background: #e6e6e6
}

ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
  background: #fff;
  height: auto;
  left: 200px;
  min-height: 420px !important;
  position: absolute;
  top: 0;
  width: 930px
}

ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>a {
  background: #ddd
}

ul.ruby-menu>li.ruby-menu-mega-shop>div {
  text-align: center;
  z-index: 999999
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul {
  background: #efefef;
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  z-index: 100
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li {
  display: inline-block;
  margin: 0
}

.main-menu-panel-wrapper:hover .main-menu-panel {
  -webkit-box-shadow: 0 0 14px 0 rgba(50, 50, 50, .75);
  -moz-box-shadow: 0 0 14px 0 rgba(50, 50, 50, .75);
  box-shadow: 0 0 14px 0 rgba(50, 50, 50, .75);
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {
  color: #666;
  display: block;
  font-size: 14px;
  font-stretch: expanded;
  font-weight: 700;
  padding: 20px 15px;
  text-transform: uppercase
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a,
ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a,
ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover {
  text-decoration: none
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {
  display: inline-block;
  position: relative;
  text-decoration: none
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {
  background: #fff;
  left: 0;
  margin-top: 1px;
  position: absolute;
  text-align: left;
  top: auto;
  width: 100%;
  z-index: -1
}

div.ruby-grid,
div.ruby-grid-lined {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

div.ruby-grid>div.ruby-row {
  height: auto;
  position: relative;
  width: 100%
}

div.ruby-grid>div.ruby-row div.ruby-row [class^=ruby-col] {
  margin-top: 16px
}

div.ruby-grid>div.ruby-row div.ruby-row:first-of-type [class^=ruby-col] {
  margin-top: 0
}

div.ruby-grid.ruby-grid-lined>div.ruby-row:after {
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  width: 100%
}

div.ruby-grid.ruby-grid-lined>div.ruby-row:last-child:after {
  height: 0
}

div.ruby-grid>div.ruby-row:after {
  clear: both;
  content: "";
  display: table
}

div.ruby-grid>div.ruby-row [class^=ruby-col] {
  float: left;
  height: auto;
  position: relative
}

div.ruby-grid>div.ruby-row>[class^=ruby-col] {
  padding: 16px
}

div.ruby-grid>div.ruby-row>[class^=ruby-col] [class^=ruby-col] {
  padding-left: 16px
}

div.ruby-grid>div.ruby-row>[class^=ruby-col] [class^=ruby-col]:first-of-type {
  padding-left: 0
}

div.ruby-grid>div.ruby-row div.ruby-col-1 {
  width: 8.33%
}

div.ruby-grid>div.ruby-row div.ruby-col-2 {
  width: 16.66%
}

div.ruby-grid>div.ruby-row div.ruby-col-3 {
  width: 25%
}

div.ruby-grid>div.ruby-row div.ruby-col-4 {
  width: 33.33%
}

div.ruby-grid>div.ruby-row div.ruby-col-5 {
  width: 41.66%
}

div.ruby-grid>div.ruby-row div.ruby-col-6 {
  width: 50%
}

div.ruby-grid>div.ruby-row div.ruby-col-7 {
  width: 58.33%
}

div.ruby-grid>div.ruby-row div.ruby-col-8 {
  min-height: 470px;
  padding-top: 0;
  width: 66.66%
}

div.ruby-grid>div.ruby-row div.ruby-col-9 {
  width: 75%
}

div.ruby-grid>div.ruby-row div.ruby-col-10 {
  width: 83.33%
}

div.ruby-grid>div.ruby-row div.ruby-col-11 {
  width: 91.66%
}

div.ruby-grid>div.ruby-row div.ruby-col-12 {
  width: 100%
}

div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^=ruby-col]:after {
  background: #dedede;
  content: "";
  height: 80%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px
}

div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^=ruby-col]:last-child:after {
  width: 0
}

h3.ruby-list-heading {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin: 0
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul,
ul.ruby-menu>li.ruby-menu-mega>div ul {
  margin: 10px 0 0
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li,
ul.ruby-menu>li.ruby-menu-mega>div ul li {
  display: block;
  font-size: 14px;
  line-height: 28px;
  position: relative;
  width: 100%
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li>a,
ul.ruby-menu>li.ruby-menu-mega>div ul li>a {
  color: #555;
  display: inline-block;
  text-decoration: none
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li>a:hover,
ul.ruby-menu>li.ruby-menu-mega>div ul li>a:hover {
  color: #222;
  text-decoration: underline
}

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li .fa,
ul.ruby-menu>li.ruby-menu-mega>div ul li .fa {
  position: relative;
  width: 24px
}

ul.ruby-menu>li.ruby-menu-mega>div ul.ruby-list-with-images li {
  height: 50px
}

ul.ruby-menu>li.ruby-menu-mega>div ul.ruby-list-with-images li span.ruby-list-desc {
  color: #999;
  display: block;
  font-size: 11px;
  left: 72px;
  position: absolute;
  top: 16px
}

ul.ruby-menu>li.ruby-menu-mega>div ul li>a>img {
  float: left;
  margin-right: 12px;
  width: 60px
}

span.ruby-c-category,
span.ruby-c-date,
span.ruby-c-title {
  display: block;
  position: relative
}

span.ruby-c-category a,
span.ruby-c-date a,
span.ruby-c-title a {
  text-decoration: none
}

span.ruby-c-title,
span.ruby-c-title a {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-top: -5px;
  text-transform: capitalize
}

span.ruby-c-title a:hover {
  color: #444;
  text-decoration: underline
}

span.ruby-c-category,
span.ruby-c-category a {
  color: #444;
  font-size: 11px;
  margin: 9px 0
}

span.ruby-c-date,
span.ruby-c-date a {
  color: #444;
  font-size: 11px
}

span.ruby-c-category a:hover,
span.ruby-c-date a:hover {
  color: #19ad86
}

div.ruby-c-inline {
  display: block;
  height: 14px;
  margin: 7px 0;
  position: relative
}

div.ruby-c-inline span.ruby-c-category,
div.ruby-c-inline span.ruby-c-date {
  display: inline-block;
  position: absolute
}

div.ruby-c-inline span.ruby-c-date {
  right: 0
}

div.ruby-c-inline span.ruby-c-category,
div.ruby-c-inline span.ruby-c-category a {
  margin: 0
}

span.ruby-c-content {
  display: block;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  text-align: justify;
  top: 7px
}

.header-mobile-menu .visible-xs {
  float: right;
  margin-top: -50px;
  visibility: hidden
}

ul.mega-menu-role-list li > .service-panel-nav {
  width: 25%;
}

ul.mega-menu-role-list li:hover > .service-panel-nav {
  height: 100%;
  background: #fff;
}

.ruby-active-menu-item h6 {
  margin:0;
}
.ruby-active-menu-item h6 a {
  display: inline-block;
  font-weight: 600 !important;
  padding: 0 10px;
  width: 80%;
  font-family: Open Sans, sans-serif;
  color: #222;
  font-size: 14px;
  letter-spacing: 0;
}
.ruby-active-menu-item ul {
  line-height: 1.2;
  padding-left: 20px;
  padding-right: 0;
}


@media(min-width:991px){

  ul.mega-menu-role-list li > .service-panel-nav {
    width: 60%;
  }
}

@media(min-width:768px) {

  .menu-wrapper .hs-menu-wrapper>ul>li:first-child>a {
    padding-left: 0;
  }

  div.ruby-wrapper.ruby-menu-transparent,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-active-menu-item>a {
    background: 0 0
  }

  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu.ruby-menu-dividers>li>a,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-menu-social>a {
    border: none
  }

  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu.ruby-menu-dividers>li:hover>a,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu.ruby-menu-dividers>li>a:hover,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li:hover>a,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li>a:hover {
    background: 0 0;
    color: #e2e2e2
  }

  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-menu-social.ruby-menu-search:hover>a,
  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a:hover {
    background: 0 0
  }

  div.ruby-wrapper.ruby-menu-full-width {
    width: 100%
  }

  div.ruby-wrapper.ruby-menu-full-width>ul.ruby-menu {
    margin: 0 auto;
    width: 980px
  }

  ul.ruby-menu>li>ul,
  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul {
    opacity: 0;
    visibility: hidden
  }

  ul.ruby-menu>li:hover>ul,
  ul.ruby-menu>li>ul>li:hover>ul,
  ul.ruby-menu>li>ul>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div,
  ul.ruby-menu>li.ruby-menu-mega>div {
    opacity: 0;
    visibility: hidden
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level:hover>div,
  ul.ruby-menu>li.ruby-menu-mega-shop:hover>div,
  ul.ruby-menu>li.ruby-menu-mega:hover>div {
    margin-top: -5px;
    opacity: 1;
    visibility: visible
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    opacity: 0;
    visibility: hidden
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level:hover>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>div {
    opacity: 1;
    visibility: visible
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>div {
    opacity: 1;
    visibility: visible;
    z-index: 101
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {
    opacity: 0;
    visibility: hidden
  }

  ul.ruby-menu>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>div {
    opacity: 1;
    visibility: visible
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {
    background-color: #19ad86;
    content: "";
    height: 1px;
    position: absolute;
    width: 0
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {
    left: 5%;
    top: 10px
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after {
    bottom: 10px;
    right: 5%
  }

  .snip1217 .current a,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover {
    color: #333
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover:after,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover:before {
    width: 90%
  }

  ul.ruby-menu>li>a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 5px;
    position: absolute;
    text-decoration: none
  }

  ul.ruby-menu>li:hover>a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }

  ul.ruby-menu>li>ul>li>a:after,
  ul.ruby-menu>li>ul>li>ul>li>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    padding: 0;
    position: absolute;
    right: 15px;
    text-decoration: none
  }

  ul.ruby-menu>li>ul>li:hover>a:after,
  ul.ruby-menu>li>ul>li>ul>li:hover>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left>a:after,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left>a:after {
    content: "\f104";
    left: 10px;
    right: auto
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left:hover>a:after,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left:hover>a:after,
  ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left:hover>a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>a:after,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>a:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    /*     content: ""; */
    height: 0;
    margin-top: 13px;
    position: absolute;
    right: 0;
    width: 0
  }
}

@media(max-width:767px) {
  .header-container {
    padding: 0 0 20px !important
  }

  div.ruby-wrapper .hidden-xs {
    display: none;
    visibility: hidden
  }

  div.ruby-wrapper {
    position: absolute;
    top: 0;
    width: 100%
  }

  .g4g-subscribe-btn {
    display: none
  }

  .header-mobile-menu .visible-xs {
    left: 0;
    top: 0;
    visibility: visible
  }

  div.ruby-wrapper>ul {
    position: absolute;
    top: 50px;
    width: 100%
  }

  ul.ruby-menu>li,
  ul.ruby-menu>li.ruby-menu-right {
    float: none
  }

  ul.ruby-menu>li>a {
    background: #19ad86;
    padding: 0 65px
  }

  ul.ruby-menu>li>a:only-child {
    padding: 0 65px
  }

  ul.ruby-menu>li.ruby-menu-social>a>span {
    display: block
  }

  ul.ruby-menu>li>ul,
  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul {
    border-top: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 100%
  }

  ul.ruby-menu>li,
  ul.ruby-menu>li>ul>li,
  ul.ruby-menu>li>ul>li>ul>li,
  ul.ruby-menu>li>ul>li>ul>li>ul>li {
    position: relative
  }

  ul.ruby-menu>li>ul>li>a,
  ul.ruby-menu>li>ul>li>ul>li>a,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a {
    background: #d1d1d1;
    line-height: 50px;
    padding: 0 80px;
    width: 100%
  }

  ul.ruby-menu>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>a:hover,
  ul.ruby-menu>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>a:hover,
  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {
    background: #d9d9d9;
    color: #111
  }

  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul {
    left: auto;
    top: auto;
    z-index: auto
  }

  ul.ruby-menu>li>ul>li.ruby-open-to-left>ul,
  ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>ul {
    left: auto;
    right: auto
  }

  ul.ruby-menu>li>ul>li>ul>li>a {
    background: #e5e5e5;
    padding: 0 95px
  }

  ul.ruby-menu>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>a:hover {
    background: #e1e1e1
  }

  ul.ruby-menu>li>ul>li>ul>li>ul>li>a {
    background: #efefef;
    padding: 0 110px
  }

  ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {
    background: #fff
  }

  ul.ruby-menu>li.ruby-menu-social>a {
    border: none
  }

  ul.ruby-menu>li.ruby-menu-mega,
  ul.ruby-menu>li.ruby-menu-mega-multi-level,
  ul.ruby-menu>li.ruby-menu-mega-shop {
    position: relative
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div,
  ul.ruby-menu>li.ruby-menu-mega>div {
    border-top: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    left: auto;
    position: relative;
    top: auto
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav {
    height: auto;
    left: auto;
    top: auto;
    width: 100%
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li {
    position: relative
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a {
    background: #d1d1d1;
    color: #222;
    line-height: 50px;
    padding: 0 75px
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li.ruby-active-menu-item>a {
    background: #bcbcbc
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    left: auto;
    min-height: auto;
    position: relative;
    top: auto;
    width: 100%;
    z-index: auto
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li:hover>a {
    background: #d9d9d9
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div {
    position: relative;
    text-align: left
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul {
    border: none;
    font-size: 14px;
    margin-bottom: -1px;
    position: relative
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li {
    display: block;
    margin-top: -1px;
    position: relative
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {
    background: #d1d1d1;
    border: none;
    color: #222;
    font-weight: 400;
    line-height: 50px;
    max-height: 50px;
    padding: 0 80px;
    text-transform: none
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a {
    background: #bcbcbc
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover {
    background: #d9d9d9
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {
    display: block
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {
    margin: 0;
    position: relative;
    top: 0;
    z-index: 9999
  }

  ul.ruby-menu>li.ruby-menu-social img {
    display: inline-table;
    position: absolute;
    top: 15px
  }

  ul.ruby-menu>li.ruby-menu-social>a {
    width: 100%
  }

  ul.ruby-menu>li.ruby-menu-social .fa {
    position: absolute;
    top: 17px
  }

  ul.ruby-menu>li.ruby-menu-social span {
    line-height: 50px;
    padding: 0 25px
  }

  span.ruby-dropdown-toggle {
    cursor: pointer;
    height: auto;
    max-height: 73px;
    max-width: 71px;
    padding: 3px 27px 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    z-index: 1000000
  }

  span.ruby-dropdown-toggle:after {
    color: #000;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 25px;
    right: 0;
    text-decoration: none
  }

  span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate:after {
    color: #f8951d
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,
  ul.ruby-menu>li>a:before,
  ul.ruby-menu>li>ul>li>a:before,
  ul.ruby-menu>li>ul>li>ul>li>a:before,
  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before {
    background: #333;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>a:before,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,
  ul.ruby-menu>li>ul>li>a:before {
    background: #555
  }

  ul.ruby-menu>li>ul>li>ul>li>a:before {
    background: #777
  }

  ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before {
    background: #999
  }

  ul.ruby-menu,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div,
  ul.ruby-menu>li.ruby-menu-mega>div,
  ul.ruby-menu>li>ul,
  ul.ruby-menu>li>ul>li>ul,
  ul.ruby-menu>li>ul>li>ul>li>ul {
    max-height: 0;
    overflow: hidden;
    transform: scaleY(0)
  }

  ul.ruby-menu.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega-shop>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li.ruby-menu-mega>div.ruby-mobile-sublevel-show,
  ul.ruby-menu>li>ul.ruby-mobile-sublevel-show,
  ul.ruby-menu>li>ul>li>ul.ruby-mobile-sublevel-show,
  ul.ruby-menu>li>ul>li>ul>li>ul.ruby-mobile-sublevel-show {
    color: #f8951d;
    max-height: 20000px;
    transform: scaleY(1)
  }

  div.ruby-grid>div.ruby-row div.ruby-row [class^=ruby-col],
  div.ruby-grid>div.ruby-row div.ruby-row:first-of-type [class^=ruby-col] {
    margin-top: 0
  }

  div.ruby-grid.ruby-grid-lined>div.ruby-row:after {
    height: 0
  }

  div.ruby-grid>div.ruby-row>[class^=ruby-col] {
    padding: 0
  }

  div.ruby-grid>div.ruby-row>[class^=ruby-col] [class^=ruby-col],
  div.ruby-grid>div.ruby-row>[class^=ruby-col] [class^=ruby-col]:first-of-type {
    padding-left: 0
  }

  div.ruby-grid>div.ruby-row div.ruby-col-1,
  div.ruby-grid>div.ruby-row div.ruby-col-10,
  div.ruby-grid>div.ruby-row div.ruby-col-11,
  div.ruby-grid>div.ruby-row div.ruby-col-12,
  div.ruby-grid>div.ruby-row div.ruby-col-2,
  div.ruby-grid>div.ruby-row div.ruby-col-3,
  div.ruby-grid>div.ruby-row div.ruby-col-4,
  div.ruby-grid>div.ruby-row div.ruby-col-5,
  div.ruby-grid>div.ruby-row div.ruby-col-6,
  div.ruby-grid>div.ruby-row div.ruby-col-7,
  div.ruby-grid>div.ruby-row div.ruby-col-8,
  div.ruby-grid>div.ruby-row div.ruby-col-9 {
    padding: 20px 30px;
    width: 100%
  }

  div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^=ruby-col]:after {
    width: 0
  }

  div.ruby-grid img {
    display: block;
    height: auto;
    max-width: 100%;
    position: relative
  }

  div.ruby-grid>div.ruby-row:after {
    clear: both;
    content: "";
    display: table
  }

  .c-hamburger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    -webkit-transition: background .3s;
    transition: background .3s;
    width: 50px
  }

  .c-hamburger:focus {
    outline: 0
  }

  .c-hamburger span {
    background: #fff;
    display: block;
    height: 3px;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 24px
  }

  .c-hamburger span:after,
  .c-hamburger span:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
  }

  .c-hamburger span:before {
    top: -10px
  }

  .c-hamburger span:after {
    bottom: -10px
  }

  .c-hamburger--htx {
    background-color: #EF8834
  }

  .c-hamburger--htx span {
    -webkit-transition: background 0 .3s;
    transition: background 0 .3s
  }

  .c-hamburger--htx span:after,
  .c-hamburger--htx span:before {
    -webkit-transition-delay: .3s, 0;
    transition-delay: .3s, 0;
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s
  }

  .c-hamburger--htx span:before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform
  }

  .c-hamburger--htx span:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
  }

  .c-hamburger--htx.is-active {
    background-color: #333
  }

  .c-hamburger--htx.is-active span {
    background: 0 0
  }

  .c-hamburger--htx.is-active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .c-hamburger--htx.is-active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .c-hamburger--htx.is-active span:after,
  .c-hamburger--htx.is-active span:before {
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
  }

  ul.ruby-menu.ruby-menu-dividers>li,
  ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social>a,
  ul.ruby-menu.ruby-menu-dividers>li:hover>a,
  ul.ruby-menu.ruby-menu-dividers>li>a,
  ul.ruby-menu.ruby-menu-dividers>li>a:hover {
    border: none
  }

  div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-active-menu-item>a {
    padding-left: 45px
  }

  ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a {
    display: none
  }
}

@media (max-width:1200px) {
  .ua {
    height: 600px !important
  }

  .mega-menu-role-list li {
    width: 160px
  }

  .sevicesmenu.ua {
    height: 733px !important;
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level:hover>div, 
  ul.ruby-menu>li.ruby-menu-mega-shop:hover>div,
  ul.ruby-menu>li.ruby-menu-mega:hover>div {
    margin-top: -6px;
  }

  .header-container-wrapper:after, .header-container-wrapper:before{
    height: 1px;
  }
}

@media(min-width:992px) and (max-width:1225px) {
  .ruby-grid-lined {
    width: 710px !important
  }

  .role-type-container {
    width: 100% !important
  }

  .service-panel-nav{
    left: 41%;
  }

}
@media(min-width:1025px) and (max-width:1225px){
  .ruby-grid.ruby-grid-lined.list-st-ul.benefitsmenu,
  .hs-resources .ruby-grid.ruby-grid-lined,
  .hs-about-us .ruby-grid.ruby-grid-lined{
    width: 923px !important;
  }
}


@media(min-width:992px) and (max-width:1225px){
  .header-wrapper{
    max-height:126px;
  }



}


@media (min-width: 768px) and (max-width: 991px) {
  .ruby-menu-mega-multi-level.hs-blog .ruby-grid-lined {
    width: 495px !important;
  }

  .mega-menu-role-list li,
  .service-panel-nav a{
    line-height: 1.4;
    padding-bottom: 8px;
  }
  .service-panel-nav a{
    padding-bottom: 8px !important;
  }

  .ruby-menu-mega-services-nav .menu-roles-container {
    margin-bottom: 10px;
  }

  .ruby-menu-mega-services-nav .ruby-active-menu-item h6 {
    line-height: 1.3;
  }

  div.ruby-grid>div.ruby-row>[class^=ruby-col] {
    padding: 10px;
  }

  .services-grid-container {
    min-height: 574.359px !important;
  }
}
@media(max-width:960px) {
  .ruby-grid-lined {
    width: 685px !important
  }

  .role-type-container {
    width: 100% !important
  }
}

@media(max-width:768px) {
  .ruby-grid-lined {
    width: 560px !important
  }

  .role-type-container {
    width: 100% !important
  }
}

@media(min-width:768px) and (max-width:991px) {
  .ruby-wrapper .hidden-md {
    display: none;
    visibility: hidden
  }

  div.ruby-menu-demo-header {
    margin-top: -8px
  }

  div.ruby-wrapper {
    max-width: 855px
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav {
    width: 170px
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    left: 170px;
    width: 680px
  }

  .mega-menu-role-list li {
    width: 150px
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level>div,
  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div,
  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega>div {
    width: 560px
  }

  ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-multi-level>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    width: 360px
  }

  span.ruby-c-date {
    display: none;
    opacity: 0;
    visibility: hidden
  }

  div.ruby-grid>div.ruby-row div.ruby-col-3-md {
    width: 25%
  }

  div.ruby-grid>div.ruby-row div.ruby-col-4-md {
    width: 33.33%
  }

  div.ruby-grid>div.ruby-row div.ruby-col-6-md {
    width: 50%
  }

  div.ruby-grid>div.ruby-row div.ruby-col-12-md {
    width: 100%
  }

  div.ruby-grid.ruby-grid-lined>div.ruby-row:after,
  div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^=ruby-col]:after {
    background: 0 0
  }

  ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {
    color: #666;
    font-size: 12px;
    font-stretch: condensed;
    padding: 20px 5px
  }
}


@media(min-width:768px) and (max-width:1024px){
  .new-benefits {
    column-gap: 0;
  }
  .ruby-grid-lined {
    width: 100% !important;
  }
  ul.ruby-menu-mega-multi-level-nav.ruby-menu-mega-services-nav .ruby-grid-lined {
    width: 685px !important;
  }

  .hs-blog ul.ruby-menu-mega-multi-level-nav .ruby-grid-lined {
    width: 685px !important;
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level>div, ul.ruby-menu>li.ruby-menu-mega-shop>div, ul.ruby-menu>li.ruby-menu-mega>div {
    left: 0;
  }
}

@media (max-width: 960px) {
  .ruby-grid-lined {
    width: 100% !important;
  }
}

@media(min-width:768px) and (max-width:991px){
  ul.ruby-menu>li.ruby-menu-mega-multi-level:hover>div,
  ul.ruby-menu>li.ruby-menu-mega-shop:hover>div,
  ul.ruby-menu>li.ruby-menu-mega:hover>div {
    margin-top: -8px;
  }

  ul.ruby-menu>li.ruby-menu-mega-multi-level:hover>div>ul.ruby-menu-mega-multi-level-nav>li>div {
    width: 460px !important;
  }
  ul.mega-menu-role-list li>.service-panel-nav {
    left: 168px;
    width: 130px;
    padding-left: 10px;
  }
  ul.ruby-menu-mega-services-nav ul li {
    padding-left: 2px;
    padding-right: 2px;
  }
  .ruby-active-menu-item h6 a {
    color: #222;
    display: inline-block;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    font-weight: 600 !important;
    letter-spacing: 0;
    padding: 0 2px;
    width: 80%;
  }
}

@media(max-width:767px){
  .header-container-wrapper a.burger {
    top: 10px;
    right: -7px;
  }
}


/* header css new end */


.header-main-wrapper{
  min-height:120px;
}

@font-face {
  font-display: swap;
  font-family: Linearicons-Free;
  font-style: normal;
  font-weight: 400;
  src: url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/fonts/Linearicons-Free.eot) format("embedded-opentype"),
    url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/fonts/Linearicons-Free.woff2) format("woff2"),
    url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/fonts/Linearicons-Free.woff) format("woff"),
    url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/fonts/Linearicons-Free.ttf) format("truetype")
}
hr {
  background-color: #ccc;
  border: none;
  color: #ccc;
  height: 1px
}



.custom-no-navigation {
  height: auto;
}

body {
  line-height:24px;
}


::-moz-selection {
  background: #54585a;
  color: #fff;
  text-shadow: none
}

::selection {
  background: #54585a;
  color: #fff;
  text-shadow: none
}

table tr td img {
  max-width: none
}

sub,sup {`
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

p{
  margin-top:1em;
  margin-bottom:1em;
}

ul {
  padding-left:40px;
  margin:1em 0px;
}

.cm_nv_wrp .cm_nv_inner .custom, form input[type=submit], .hs-button, .tabber .media-col .form-wrap input.hs-button,
.hs-sec-btn{
  padding: 17px 30px 15px !important;
  line-height: 1;
  font-weight: 700 ;
  font-size: 16px;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 1px !important;
}


.content-wrapper,
.dnd-section>.row-fluid,
.footer .page-center,
.header .page-center,
.header .primary-section .page-center,
.page-center{
  padding:20px;
}


.secondary_bg{
  background:#2B383F;
}

form input[type=email],  form input[type=tel],  form input[type=text],  form select,  form textarea {
  border-width: 1px;
  border-style:solid;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 50px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
}


body form fieldset .hs-form-field {
  padding: 0 10px 0 0;
}

.hs-form-field {
  margin-bottom:0; 
}

.hs-input.invalid.error {
  border: 3px solid red;
}

input:focus-visible {
  outline-offset: 0px;
}



.header-wrapper{
  background-color: rgba(255, 255, 255,1.0);
  border-color: rgba(163, 163, 163,0.0);
}


.header-wrapper  .menu-wrapper .hs-menu-wrapper>ul>li, 
.header-wrapper .header-inner-container  .search-wrapper {
  font-size: 14px;
}


.header-wrapper .menu-wrapper .hs-menu-wrapper>ul>li>a{
  color: rgba(48, 60, 66,1.0);
  background-color: rgba(2, 103, 128,0.0);
}

.header-wrapper .menu-wrapper .hs-menu-wrapper>ul>li>a:hover{
  color: rgba(239, 136, 52,1.0);
  background-color: rgba(2, 103, 128,0.0);
}


.header-wrapper .menu-wrapper .hs-menu-wrapper>ul> li.active > a,
.header-wrapper .menu-wrapper .hs-menu-wrapper>ul >li.active-branch > a{
  color: rgba(239, 136, 52,1.0);
  background-color: rgba(2, 103, 128,0.0);
}

.header-wrapper  .menu-wrapper .hs-menu-wrapper ul ul li a{
  background-color: rgba(255, 255, 255,0.0);
  color: rgba(48, 60, 66,1.0);
}

.header-wrapper  .menu-wrapper .hs-menu-wrapper ul ul li a:hover{
  color: rgba(239, 136, 52,1.0);
  background-color: rgba(237, 237, 237,0.0);
}

.header-wrapper .menu-wrapper .hs-menu-wrapper>ul ul> li.active > a,
.header-wrapper .menu-wrapper .hs-menu-wrapper>ul  ul> li.active-branch > a{
  color: rgba(239, 136, 52,1.0);
  background-color: rgba(2, 103, 128,0.0);
}

.header-wrapper .header-container-wrapper  .hs-search-field__bar>.fa{
  color: rgba(84, 88, 90,1.0);
}



@media(max-width:767px){

  .mobile-menu-wrapper{
    background-color: rgba(235, 235, 236,1.0);
  }

  .mobile-menu-wrapper .hs-menu-wrapper> ul> li >a{
    color: rgba(48, 60, 66,1.0);
  }
  .mobile-menu-wrapper .hs-menu-wrapper> ul> li >a:hover{
    color: rgba(239, 136, 52,1.0);
  }

  .mobile-menu-wrapper .hs-menu-wrapper> ul ul li a{
    color: rgba(48, 60, 66,1.0);
  }
  .mobile-menu-wrapper .hs-menu-wrapper> ul ul li a:hover{
    color: rgba(239, 136, 52,0.8);
  }

  .mobile-menu-wrapper .hs-menu-wrapper>ul> li.active > a,
  .mobile-menu-wrapper .hs-menu-wrapper>ul >li.active-branch > a{
    color: rgba(239, 136, 52,1.0);
  }

  .mobile-menu-wrapper .hs-menu-wrapper>ul ul li.active > a,
  .mobile-menu-wrapper .hs-menu-wrapper>ul ul li.active-branch > a{
    color: rgba(239, 136, 52,1.0);
  }

  .mobile-menu-wrapper .dlback-wrapper .child-trigger:after{
    border: 4px solid rgba(239, 136, 52,1.0);
  }

  .mobile-menu-wrapper a.btn-suscribe{
    background-color: rgba(239, 136, 52,1.0);
    color: rgba(255, 255, 255,1.0);
    border-width: 0px;
    border-color: rgba(247, 143, 30,0.0);
    border-radius: 4px;
  }
  .mobile-menu-wrapper a.btn-suscribe:hover{
    background-color: rgba(239, 136, 52,0.8);
    color: rgba(255, 255, 255,1.0);
    border-color: rgba(247, 143, 30,0.0);
  }
}


/* page css */

.webinar-banner.simple-banner {
  min-height: auto;
}

.webinar-banner.simple-banner .top_sec h1 {
  background: #EF8834;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 48px;
  margin-top: 113px;
  padding: 10px;
}

.webinar-banner.simple-banner .banner-content-inner.col12 {
  padding: 0;
}
.mg-right{
  margin-left: 2.564102564%;
}

.no-margin.video-card-mdl .video-holder {
  margin: 0!important;
}

.service_bnr.blue-overlay .bg_el.overlay_bg {
  background: linear-gradient(90deg, rgba(8, 14, 39, 1) 0%, rgba(255, 255, 255, 0) 70%);
}

.mg-bottom{
  margin-bottom:30px;
}

.navbar_module_wrapper .cm_nv_wrp.btn-cta .btn_row .btn_item a {
  font-size: 21px;
  text-shadow: none;
  width: auto;
  height: auto;
  transition: all .4s ease;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  box-sizing: content-box ;
  vertical-align: middle;
  background-color: #ef8834 ;
  border: none ;
  border-radius: 50px ;
  color: #fff ;
  display: inline-block ;
  font-weight: 700 ;
  line-height: 1 ;
  padding: 17px 30px 15px ;
}

.navbar_module_wrapper .cm_nv_wrp.btn-cta .hs-cta-wrapper {
  display: block;
  margin: 45px auto 0;
  text-align: center;

}
.navbar_module_wrapper .cm_nv_wrp.btn-cta .hs-cta-wrapper:hover {
  background-image: url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/images/get-my-free-quote-now-bg.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.cm_nv_wrp.btn-cta .cm_nv_inner .btn_row{
  display:block;
}

.cm_nv_wrp.btn-cta .page-center{
  padding:0;
}

.image-top-rescources .top_sec.noButton {
  padding: 0;
  margin-bottom: 0;
  text-align: left;
}

.image-top-rescources.cnt-wit-tp-img-wrp .cnt-col {
  padding: 0;
  padding-right: 25px;
  padding-bottom: 25px;
}

.image-top-rescources.cnt-wit-tp-img-wrp .title {
  padding: 30px 0px;
  margin:0;
  text-align: center;
}

.image-top-rescources.cnt-wit-tp-img-wrp .flex-row{
  gap:0;
}
.image-top-rescources.cnt-wit-tp-img-wrp .top_sec .top_content>:last-child {
  margin: 1em 0em;
}

.image-top-rescources.cnt-wit-tp-img-wrp .tp-img {
  margin-bottom: 15px;
}

.image-top-rescources.cnt-wit-tp-img-wrp .tp-img-cnt-inner p {
  margin-top: 0;
  margin-bottom: 15px;
}

.image-top-rescources.cnt-wit-tp-img-wrp .tp-img-cnt-inner p a{
  font-weight:600;
}

.video-card-mdl ol {
  padding-left: 40px;
  margin: 1em 0em;
}

.video-card-mdl ol li {
  margin-bottom: 0;
}

.strategies .top-content{
  padding-bottom:40px;
}

.michael-sheargold .single-img img {
  display: block;
  margin: 0px auto;
  width: 100%;
  max-width: 270px;
}

.michael-sheargold.two-col-content.right .img-col,
.michael-sheargold.two-col-content.right .content-col {
  padding: 0;
}

.michael-sheargold .single-img {
  padding: 20px;
}

.michael-sheargold.two-col-content.right .content-col {
  padding-left: 2.564102564%;
}

.michael-sheargold.two-col-content .content-col .description {
  margin-bottom: 0;
  line-height: 24px;
  color: #8d6548;
}

.michael-sheargold.two-col-content .flex_row {
  gap: 0;
  justify-content: start;
}

.michael-sheargold.two-col-content.right .img-col{
  width: 31.623931624%;
}

#hs_cos_wrapper_widget_1724319986063 form .hs-richtext p {
  font-size: 16px !important;
  font-weight: normal !important;
  color: inherit !important;
  text-align: left !important;
  margin: 1em 0em;
}

.hs_recaptcha .input {
  text-align: left;
}

.hs_recaptcha .grecaptcha-badge {
  margin: 10px 0px;
}

form .hs-form-required {
  color: #54585a;
}

form label, form legend {
  font-size: inherit;
  margin-bottom: 0;
}

form .hs-form-f10c4417-53a7-48b2-bd9e-6cbc20f97990_dbcb4bee-6768-4a4f-a6a3-d0256d315b31 fieldset.form-columns-2 .input {
  margin-right: 0;
}


form .actions .hs-button {
  margin-bottom: 10px;
  margin-top: 10px;
}
.strategies .top-content p {
  line-height: 24px;
  color: #666;
}

.strategies .video-card-item.multi-video-wrapper .title-holder {
  margin-top: 10px;
}

.three-column .video-card-item.multi-video-wrapper .video-holder-wrapper {
  width: 31%;
  margin-bottom: 20px;
  min-height: 370px;
  margin-top: 0;
  margin-left: 0;
  height: auto;
  flex-basis: unset;
  margin-right: 20px;
}

.three-column .video-card-item.multi-video-wrapper {
  display: flex;
  justify-content: start;
}

.three-column.cm-height .video-card-item.multi-video-wrapper .video-holder-wrapper {
  width: 31.623931624%;
  margin-left: 2.564102564%;
  margin-right: 0;
  min-height: 326px;
  height: auto;
  padding-right: 0;
}

.three-column.cm-height .video-card-item.multi-video-wrapper .video-holder-wrapper:nth-child(3n + 1) {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.three-column.cm-height .video-card-item.multi-video-wrapper .title-holder {
  text-align: left;
  font-size: 20px;
}

.three-column.cm-height .video-card-item.multi-video-wrapper .video-holder-wrapper:nth-last-child(1),
.three-column.cm-height .video-card-item.multi-video-wrapper .video-holder-wrapper:nth-last-child(2){
  margin-bottom: 0;
}

.three-column.growth .video-card-item.multi-video-wrapper .video-holder-wrapper {
  min-height: 280px;
}

.three-column-min .richtext-holder p:first-child {
  min-height: 40px;
  max-height: 60px;
}

form fieldset.form-columns-1 .hs-input {
  width: 100%!important;
}

form .hs-richtext, form .hs-richtext p {
  font-size: 16px;
}

.webinar-banner.simple-banner.cm-banner{
  padding-bottom:0;
}

.webinar-banner.simple-banner.cm-banner .top_sec h1 span {
  padding: 20px;
  max-width: 940px;
  display: block;
}

.webinar-banner.simple-banner .top_sec h1 {
  margin-top: 82px;
  margin-bottom: 40px;
  font-family: inherit;
}

.webinar-banner.simple-banner .top_sec p:last-child {
  margin-bottom: 1em;
}

.ul-spacing ul li {
  margin-bottom: 0;
}

.ul-spacing .video-card-item .video-holder {
  max-width: 600px;
}

.video-card-mdl.full-width .video-holder {
  max-width: 100%;
  margin-top: 30px;
  padding: 0px 40px;
}

.webinar-banner.simple-banner.cm-banner .top_sec img {
  float: right;
  max-width: 100px;
  height: auto;
}

.three-column-sec.res_mdl .resources-wrapper a {
  flex-basis: 28%;
  margin: 0 20px;
  margin-bottom: 30px;
}

.three-column-sec.res_mdl .resources-wrapper {
  justify-content: center;
}

.three-column-sec.res_mdl .resources-box span {
  color: #f8951d;
}

.res_mdl.three-column-sec .page-center {
  padding: 0;
}

.strategies .top-content h4 span {
  font-size: 16px;
}

.img-shadow.content-with-form-gp .cwft-right img{
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, .75);
  -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .75);
}
.services_faq.accordion_wrap .acc-item .acc-content {
  box-shadow: none;
}

.services_faq .acctitle h6{
  line-height: normal;
}

.michael-sheargold.two-col-content .content-col .description {
  line-height: 22px;
}

.cm_404_page .bg-wrapper {
  background: #f8951d;
}

.cm_404_page .custom-404-page .error-page {
  padding-top:0;
  padding-bottom:0;
}

.cm_404_page .custom-404-page .error-page .bg-wrapper {
  padding-top: 40px;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.cm_404_page .custom-404-page .error-page * {
  color: #fff;
}


.cm_404_page .custom-404-page .error-page  h1 {
  font-size: 70px;
  line-height: normal;
  margin: 20px 0 0;
}

.cm_404_page .custom-404-page .error-page p {
  font-size: 35px;
  line-height: normal;
  margin-top: 0;
}

.cm_404_page .page-not-found-contents {
  font-size: 19px;
  padding-top: 15px;
}

.cm_404_page .page-not-found-contents ul {
  display: flex;
  margin: 30px auto 25px;
  max-width: 800px;
  padding: 0;
  width: 100%;
}

.cm_404_page .page-not-found-contents ul li {
  flex: 33.33%;
  list-style-type: none;
  margin-bottom: 0;
}

.cm_404_page .page-not-found-contents ul li a {
  color: #fff;
  text-decoration: underline;
}

.cm_404_page .hs-search-field {
  display: block;
  margin: 0 auto;
  max-width: 720px;
  padding: 0 10px;
  position: relative;
  width: 100%;
}

.cm_404_page input.hs-search-field__input {
  background-color: #f4f5f6;
  border: 0 solid #fff;
  border-radius: 16px;
  height: 45px;
  padding-left: 60px !important;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-size: 16px;
  width: 100%;
  margin-top: 0;
  min-height: auto;
  color: #000 !important;
  font-style: italic;
}

.cm_404_page .hs-search-field__bar button svg {
  display: none;
}

.cm_404_page .hs-search-field__bar {
  margin-bottom: 0;
}

.cm_404_page .hs-search-field__bar button {
  background-color: transparent;
  background-image: url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/images/gtg-blog-search-icon.png);
  background-size: contain;
  border: 0;
  cursor: pointer;
  height: 25px;
  left: 2.8%;
  position: absolute;
  top: 20%;
  width: 25px;
  transform: none;
  border-radius: 0;
}
@media(max-width:767px){
  .webinar-banner.simple-banner.cm-banner .top_sec h1 span {
    padding: 7px;
    font-size: 19px;
  }
  .three-column.cm-height.video-card-mdl .video-holder{
    max-width: 500px;
  }
  .three-column.cm-height .video-card-item.multi-video-wrapper .video-holder-wrapper {
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
    margin-bottom: 0;
    min-height: auto;
  }
  .three-column.cm-height .video-card-item.multi-video-wrapper .title-holder {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.325
  }
  .three-column .video-card-item.multi-video-wrapper .video-holder-wrapper {
    width: 48%; 
    height: unset;
  }

  .three-column .video-card-item.multi-video-wrapper .video-holder-wrapper:nth-child(2n) {
    margin-right: 0;
  }
  .michael-sheargold.two-col-content.right .content-col {
    padding: 0;
  }
  .michael-sheargold.two-col-content.right .img-col {
    width: 100%;
  }
  .strategies .video-card-item.multi-video-wrapper .title-holder {
    line-height: normal;
  }
  .navbar_module_wrapper .cm_nv_wrp.btn-cta .hs-cta-wrapper {
    margin: 23px auto 0;
  }
  .webinar-banner.simple-banner .top_sec h1 {
    font-size: 24px;
    margin: 0;
  }
  .mg-right {
    margin-left: 0;
  }
  .video-card-mdl.mg-right .video-holder {
    margin: 0!important;
  }
  .image-top-rescources.cnt-wit-tp-img-wrp .cnt-col {
    width: 50%;
    max-width: 50%;
  }
  h1, h2, h3, h4, h5 {
    line-height: normal;
  }
  .webinar-banner.simple-banner .banner-content-inner.col12 {
    padding: 0;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 555px) {
  .three-column .video-card-item.multi-video-wrapper .video-holder-wrapper {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  .navbar_module_wrapper .cm_nv_wrp.btn-cta .page-center,
  .navbar_module_wrapper .cm_nv_wrp.btn-cta .cm_nv_inner {
    padding: 0;
  }
  .navbar_module_wrapper .cm_nv_wrp.btn-cta .btn_row .btn_item a {
    font-size: 15px;
    padding: 15px 55px ;
  }
  .cm_nv_wrp.dnd_padd.btn-cta {
    padding-bottom: 40px;
  }
  .image-top-rescources.cnt-wit-tp-img-wrp .cnt-col {
    width: 100%;
    max-width: 100%;
  }

  h3, h3 span {
    font-size: 18px;
  }
  .three-column.cm-height .video-card-item.multi-video-wrapper .title-holder {
    font-size: 18px;
  }

  .webinar-banner.simple-banner.cm-banner .top_sec h1 span {
    padding: 7px;
    font-size: 16px;
    line-height:17px;
    text-align: left;
  }

  .cm_404_page .page-not-found-contents ul {
    display:block;
  }

  .cm_404_page .page-not-found-contents ul li {
    margin-bottom: 15px;
  }
  .cm_404_page input.hs-search-field__input {
    height: 30px ;
    padding-left: 45px ;
  }
  .cm_404_page .hs-search-field__bar button{
    top:10%;
  }
}

@media (max-width: 400px) {
  fieldset.form-columns-2 .input {
    margin-right: 0 !important;
  }

  body form fieldset .hs-form-field {
    padding: 0;
  }
  .cm_404_page .custom-404-page .error-page .bg-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.cm_404_page .custom-404-page .error-page .hs-search-field .hs-search-field__suggestions li a,
.cm_404_page .custom-404-page .error-page .hs-search-field .hs-search-field__suggestions li a span


{
  color: #EF8834;
}
.cm_404_page input.hs-search-field__input {
  font-style: normal;
}
.cm_404_page input.hs-search-field__input::placeholder {
  font-style: italic;
}

/* CHild1 */
.simple-banner.cm-banner{
  padding: 40px 0 82px;
  min-height: auto;
  margin-top: -1px;
}

.simple-banner.cm-banner .page-center{
  padding: 20px;
}

.simple-banner.cm-banner h1{
  margin-top: 50px;
  margin-bottom: 40px;
  padding: 11px 10px 9px;
  font-weight: 700;
  background: #EF8834;
  border-radius: 4px;
  display: inline-block;
  font-weight: 700;
}

.simple-banner.cm-banner .banner-content-inner{
  padding: 0;
  margin-top: 28px;
}

.diff-spacing.service_bnr .page-center{
  padding-left: 20px;
  padding-right: 20px;
}
.diff-spacing.service_bnr .bg_el.overlay_bg{
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.service_bnr.service_main_banner .bg_el.overlay_bg{
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 70%);
}

.service_bnr.without-overlay .bg_el.overlay_bg{
  background: transparent !important;
}

.service_bnr.without-overlay .page-center{
  padding: 20px 20px 32px;
}

.without-overlay2.service_bnr.without-overlay .page-center{
  padding: 0px 0px 28px;
}

.service_bnr.without-overlay h1{
  color: #fff !important; 
}

.simple-banner.cm-banner.diff-banner {
  margin-top: 0px;
  padding: 39px 0 97px;
}

.simple-banner.cm-banner.diff-banner h1 {
  margin-top: 85px;
}

.diff-list-color.content-with-form-gp ul li{
  list-style: none; 
}

.diff-list-color.content-with-form-gp ul li::before {
  color: #f8951d;
  content: "\2022";
  display: inline-block;
  font-weight: 700;
  margin-left: -1.2em;
  position: absolute;
  width: 1em;
}

#MainFooterBottom a:hover {
  color: #EF8834 !important;
}

.child-footer h1,
.child-footer h2,
.child-footer h3,
.child-footer h4,
.child-footer h5,
.child-footer h6{
  color: rgba(0, 183, 239,1.0);
}

.child-footer.footer .col-section{
  padding: 0;
}

.child-footer.footer .page-center{
  padding-top: 0;
  padding-bottom: 0;
}

.child-footer.footer .footer-social{
  padding: 0;
  gap: 9px;
}

.child-footer.footer .footer-social-item{
  height: 28px;
  width: 27.44px;
  font-size: 16px;
}

.child-footer.footer .footer-social img,
.child-footer.footer .footer-social svg{
  height: 16px;
  width: 16px;
}

.child-footer.footer .footer-social-item a{
  background-color: #54585a;
  border-radius: 50%;
}

.child-footer.footer .footer-social-item a:hover {
  background-color: #EF8834;
}

.child-footer .copyright{
  text-align: right;
}

.child-footer .footer-bottom .flex_row{
  gap: 2.564102564%;
}

.child-footer.footer .footer-top .flex_row{
  flex-direction: column;
}

.child-footer .footer-bottom p{
  font-size: 12px;
  margin-left: 10px;
  display: flex;
  gap: 3px;
  justify-content: end;
}

.child-footer .footer-bottom.footer-section .footer-content p:last-child{
  margin-left: 10px;
  margin-bottom: 11px;
}

.child-footer.footer .footer-social .footer-social-item i,
.child-footer.footer .footer-social .footer-social-item svg,
.child-footer .footer-bottom p a{
  color: rgba(255, 255, 255,1.0);
}

.child-footer .footer-bottom p a:hover{
  color: rgba(255, 255, 255,1.0);
}

.child-footer .cm-social-icons{
  margin-bottom: 10px;
  margin-top: 2px;
  margin-right: 2px;
}

.child-footer .f-bottom-sec-1 {
  margin-bottom: 5px;
}

.child-footer .f-bottom-sec-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.child-footer .footer-top p,
.child-footer h6{
  margin-bottom: 0;
  margin-top: 0;
  font-size: 13px;
  line-height: 18px;
}

.child-footer h6{
  text-transform: uppercase;
  letter-spacing: 0;
  font-family: Open Sans, sans-serif;
}

.child-footer h6:last-of-type {
  margin-top: 36px;
}

.child-footer .f-top-sec-2{
  display: flex;
  margin-bottom: 20px;
  gap: 9px;
}

.child-footer .tel-links a{
  font-size: 24px;
  font-weight: 600;
  font-family: Archivo, sans-serif;
}

.child-footer .tel-links .footer-content{
  margin-top: 10px;
  padding-top: 10px;
}

.child-footer .lnr-phone{
  font-size: 24px;
  color: rgba(239, 136, 52,1.0);
  margin-right: 6px;
}

.child-footer .lnr-phone:before {
  content: "\e831";
  line-height: 28px;
  vertical-align: top;
}

.child-footer .menu-inner ul,
.child-footer .menu-inner ul li{
  margin: 0;
  padding: 0;
}

.child-footer .menu-inner ul li a{
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.child-footer .menu-inner ul{
  display: flex !important;
  flex-direction: row;
  margin-bottom: 6px;
  row-gap: 3px;
  justify-content: center;
}

.diff-spacing.two-col-with-sidebar {
  margin-top: 28px;
}

.beepo_bnr.benefits-banner.diff-size-img .bnr_logo img {
  max-width: 270px;
}

.beepo_bnr.benefits-banner.diff-size-img  {
  padding: 82px 30px 83px;
}

.border-change .page-center{
  padding: 0;
}

.border-change .hs-button{
  border-radius: 5px;
  padding: 10px 20px !important;
  font-size: 16px !important;
  line-height: 1.375;
}

.video-card-mdl.full-width-video .video-holder {
  max-width: 100%;
}

.video-card-mdl.full-width-video .top-content h2{
  text-align: center;
  margin: 0.9em 0 1.2em;
  letter-spacing: 0;
  font-weight: 500;
}

.content-with-list .page-center{
  padding: 0;
  text-align: center;
}

.content-with-list.cnt-wit-tp-img-wrp  .title{
  color: #666;
  margin-bottom: 1em;
}

.content-with-list .top_content ul{
  list-style: none;
  padding: 0;
}

.content-with-list .top_content ul a{
  color: #222;
}

.content-with-list .top_content ul li{
  margin: 0;
}

.content-with-list .top_content ul ul a{
  font-size: 14px;
  padding: 8px 10px;
  display: inline;
}

.content-with-list .top_content hr{
  border: 1px solid #eee;
  height: auto;
  margin: 66px 0 74px;
}

.content-with-list .top_content ul a:hover{
  color: #EF8834;
}

.content-with-list .top_content > ul > li > a{
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.content-with-list .top_content > ul{
  /*   display: flex;
  flex-wrap: wrap; */
  text-align: left;
  margin-top: 1em;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.content-with-list .top_content > ul > li{
  /*   width: 33.3333%; */
  margin-bottom: 36px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.content-with-list.cnt-wit-tp-img-wrp.text-left .title{
  font-weight: bold;
  text-align: left;
  margin: .67em 0;
  color: #54585a;
}

.content-with-list.cnt-wit-tp-img-wrp.text-left .top_content{
  text-align: left;
}

.content-with-list.text-left .top_content > ol{
  margin: 0;
  padding: 0;
  padding-left: 0;
  list-style-type: decimal;
  counter-reset: section;
  list-style-type: none;
}
.content-with-list.text-left .top_content > ol ol{
  padding-left: 40px;
  list-style-type: none;
  counter-reset: section;
}

.content-with-list.text-left .top_content > ol > li > ol > li{
  line-height: 1.375;
}

.content-with-list.text-left .top_content  ol li{
  margin-bottom: 0;
}

.content-with-list.text-left .top_content  ol li:before {
  counter-increment: section;
  content: counters(section, ".") ". ";
  font-weight: 700;
}

.content-with-list.text-left .top_content  ol li li:before{
  counter-increment: section;
  line-height: 2;
  content: counters(section, ".") ". ";
}

.content-with-list.text-left .top_content  ol li li li{
  position: relative;
}

.content-with-list.text-left .top_content  ol li li li:before{
  counter-increment: list;
  content: counter(list, lower-alpha) ") ";
  position: absolute;
  left: -1.2em;
  line-height: 1.5;
}

.content-with-list.text-left .top_sec {
  margin-bottom: 42px;
}

.content-with-list.text-left .top_content  ol li li{
  margin: 0;
  position: relative;
}

.content-with-list.text-left .top_content  ol li h3{
  font-weight: bold;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
  color: #54585a;
  line-height: 36px;
}

.content-with-list.text-left .page-center{
  padding: 20px;
}

.content-with-list.text-left .top_sec.noButton{
  padding: 0;
}

.content-with-list.text-left .top_content > ol ol[type="a"],
.content-with-list.text-left .top_content > ol ol ol{
  counter-reset: list;
}

.content-with-list.text-left .top_content > ol ol[type="a"] li:before{
  counter-increment: list;
  content: counter(list, lower-alpha) ") ";
  position: absolute;
  left: -1.2em;
  line-height: 1.5;
}

.content-with-list .top_content ul ul li {
  line-height: 1;
}

.content-with-list .top_content ul ul a{
  line-height: 1.57142857143;
}

.content-with-list .top_sec.noButton {
  padding-left: 0;
  padding-right: 0;
}

.video-card-mdl.five-myths .video-holder{
  max-width: 750px;
}

.cm_nv_wrp.register-here .hs-button{
  padding: 10px 20px !important;
  line-height: 1.3888;
  font-weight: 400;
}

.cm_nv_wrp.register-here .page-center{
  padding: 0;
}

.full-width-video .richtext-holder p{
  text-align: right; 
}

.title-font.video-card-mdl.full-width-video .top-content h2{
  font-weight: 400;
}

.contact_page_v1 .cnt-mid-sec form .hs_submit {
  display: block;
}

.d-down-style-diff form select{
  color: #777;
}

.raq-wrapper.request-quote-blue form .actions .hs-button {
  background: #00B7EF;
}
.raq-wrapper.request-quote-blue form fieldset .hs-input {
  margin-top: 6px;
}
.raq-wrapper.request-quote-blue form fieldset .hs-input {
  min-height: auto;
  height: auto;
  padding: 10px 14px 9px;
}
.raq-wrapper.request-quote-blue form .hs-form-field {
  margin-bottom:-4px;
}

.contact_page_v1  form fieldset .hs-form-field .input {
  margin-right: 0 !important;
}

.contact_page_v1 form fieldset .hs-form-field textarea {
  height: 152px;
  resize: none;
  margin-bottom: 26px;
}

@media(min-width: 767px){
  .three-column .video-card-item.multi-video-wrapper {
    margin: 0 -10px;
  }
  .three-column .video-card-item.multi-video-wrapper .video-holder-wrapper {
    width: 33.33%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 0;
  }
}

@media(max-width: 1185px){
  .child-footer .f-top-sec-2 {
    margin-bottom: 15px;
  }
}

@media(max-width: 1045px){
  .child-footer .f-top-sec-2 {
    margin-bottom: 26px;
  }
}

@media(max-width: 767px){
  .simple-banner.cm-banner h1{
    text-align: center;
    display: block;
    line-height: normal;
  }

  .simple-banner.cm-banner.diff-banner h1{
    display: inline-block;
  }

  .simple-banner.cm-banner{
    padding: 40px 0 90px;
  }

  .simple-banner.cm-banner.diff-banner .banner-content-inner {
    margin-bottom: 30px;
  }

  .simple-banner.cm-banner .banner-content-inner{
    margin-bottom: 40px;
  }

  .child-footer .footer-bottom p {
    justify-content: center;
  }

  .child-footer .footer-top{
    text-align: center;
    padding-bottom: 21px;
  }

  .child-footer .footer-social-item:not(:first-child){
    margin: 0;
  }

  .child-footer .footer-bottom.footer-section .footer-content p:last-child{
    margin-bottom: 6px;
  }

  .child-footer .cm-social-icons {
    margin-bottom: 22px;
    margin-top: 0;
  }

  .child-footer.footer .flex_row .col-section:not(:first-child){
    padding: 0;
  }

  .child-footer .f-bottom-sec-1 {
    margin-bottom: 26px;
    margin-top: 28px;
  }

  .child-footer .f-top-sec-2 {
    gap: 0;
    flex-direction: column;
  }

  .child-footer .f-top-sec-2 {
    margin-bottom: 39px;
  }

  .child-footer .logo-inner img{
    max-width: 100px;
    width: 100% !important;
  }

  .child-footer .tel-links .footer-content{
    padding-top: 0;
  }

  .child-footer .f-top-sec-3 {
    max-width: 400px;
    margin: 0 auto;
  }

  .child-footer .menu-inner .hs-menu-wrapper ul li{
    border: none;
  }

  .child-footer .menu-inner .hs-menu-wrapper ul li a{
    padding: 0;
  }
  .child-footer .menu-inner ul{
    margin-bottom: 7px;
    margin-top: 1px;
  }

  .diff-spacing.service_bnr h3 {
    line-height: normal;
  }

  .content-with-list .top_content>ul {
    column-count: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }

  .content-with-list.text-left .top_content  ol li h3{
    line-height: normal;  
  }

  .cm_nv_wrp.register-here .hs-button{
    font-size: 15.84px !important;
  }

  .content-with-list.cnt-wit-tp-img-wrp .title{
    margin-bottom: 16.080px;
  }

  .full-width-video .richtext-holder p{
    text-align: center; 
  }

  .content-with-form-gp .content-min {
    margin-bottom: 50px;
  }
}

@media(max-width: 480px){
  .simple-banner.cm-banner{
    padding: 0;
  }

  .simple-banner.cm-banner .banner-content-inner {
    margin-bottom: 28px;
  }

  .child-footer .footer-bottom p{
    font-size: 16px;
    flex-wrap: wrap;
  }

  .child-footer .footer-bottom .footer-content {
    width: 200px;
    margin: 0 auto;
  }

  .child-footer .footer-bottom.footer-section .footer-content p:last-child {
    margin-bottom: 10px;
  }

  .footer.footer_section__2 .footer-section-2.footer-bottom {
    padding-bottom: 0;
  }

  .child-footer .cm-social-icons {
    margin-bottom: 19px;
  }

  .child-footer .f-top-sec-3 {
    max-width: 100%;
    border-bottom: 3px solid #EF8834;
    margin-bottom: 26px;
    padding-bottom: 19px !important;
  }

  .child-footer .footer-top {
    text-align: left;
  }

  .child-footer .f-top-sec-2 {
    text-align: center;
  }

  .child-footer .menu-inner ul {
    margin-bottom: 6px;
    margin-top: 21px;
  }

  .simple-banner.cm-banner.diff-banner{
    padding: 0;
  }

  .simple-banner.cm-banner.diff-banner .banner-content-inner{
    margin: 0;
    margin-top: 20px;
  }

  .content-with-list .top_content>ul {
    column-count: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }

  .content-with-list .top_content>ul>li {
    margin-bottom: 25px;
  }

}


/* CHild2 */


.cm_nv_wrp .cm_nv_inner .custom, .hs-button, .hs-sec-btn, .tabber .media-col .form-wrap input.hs-button, form input[type=submit] {
  font-family: Open Sans, sans-serif;
}
.portfolio_page_v1 h2, 
.portfolio_page_v1 h2 span {
  font-size: 32px;
  letter-spacing: 0;
  margin: 0.83em 0;
  line-height: 40px;
}
.lnr { 
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Linearicons-Free;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
.cnt-wit-bg-wrp.cm-beepo-qoute.full {
  width: 100%;
  border-radius: 0; 
  max-width: 100%;
}
.portfolio_page_v1 .widget-type-rich_text ul li {
  list-style: none;
  margin: 0
}

.portfolio_page_v1 .widget-type-rich_text ul li:before {
  color: #f8951d;
  content: "\2022";
  display: inline-block;
  font-weight: 700;
  margin-left: -1.2em;
  position: absolute;
  width: 1em
} 
.cnt-wit-bg-wrp.cm-beepo-qoute.full h6 {
  font-size: 22px;
  margin: 15px 0 22px;
  text-align: center;
}
.beepo_bnr .bnr_btn a,
.service_bnr .btn_row a{
  background-color: #ef8834;
  -webkit-font-smoothing: antialiased; 
}
.cnt-wit-bg-wrp.cm-beepo-qoute.full .hs-cta-wrapper {
  margin-top: 0;
}
.cnt-wit-bg-wrp.cm-beepo-qoute.full .hs-cta-wrapper a.cta_button,
.service_bnr .btn_row a{
  background: #ef8834;
  font-size: 18px;
}
.lnr-download:before {
  content: "\e865";
}
.service_bnr {
  min-height: auto !important;

} 
.service_bnr .btn_row { 
  margin-top: 27px;
}
.service_bnr .bg_el.overlay_bg {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 140%);
}
.service_bnr .page-center {
  padding: 0;
}
.service_bnr .bg_el.bg_img {
  background-position: center 0 !important;
}

.service_bnr .banner-content-inner.col12 {
  padding: 0;
}

.service_bnr h1 {
  letter-spacing: 0;
}
.services_faq .top_sec.noButton {
  padding: 0;
}

.services_faq .top_sec h2 {
  letter-spacing: 1px;
}

.services_faq .top_sec.noButton {
  margin-bottom: 24px;
}
.accordion_wrap .acc-item .acctitle {
  border-top: 1px solid #dedede;
  BOX-SHADOW: none;
}


.services_faq .acctitle h6 {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: normal;
  color: #444;
}

.services_faq.accordion_wrap .acc-item h6 {
  font-family: Open Sans, sans-serif;
}

.services_faq.accordion_wrap .acc-item {
  margin-bottom: 0 !important;
}

.services_faq.accordion_wrap .acc-item .acctitle:hover {
  background-color: #dedede;
}
.services_faq.accordion_wrap .acc-item .acctitle {
  border-top: 1px solid #dedede;
  BOX-SHADOW: none;
}
.portfolio_page_v1 h2 strong {
  font-family: Open Sans, sans-serif;
}
.services_faq .acc-content ul {
  list-style: none;
}

.services_faq .acc-content ul li:before {
  color: #f8951d;
  content: "\2022";
  display: inline-block;
  font-weight: 700;
  margin-left: -1.2em;
  position: absolute;
  width: 1em;
}
.services_faq.accordion_wrap .acc-item .acc-content {
  padding-bottom: 0.1px;
}
.services_faq.accordion_wrap .acc-item .carrortwrap img, 
.services_faq.accordion_wrap .acc-item .carrortwrap svg {
  width: 8px;
}

.accordion_wrap .acc-item .carrortwrap svg path {
  fill: #EF8834;
}

@media (max-width:767px){
  .widget-type-rich_text ul {
    column-count: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
  }
  .systems-page .page-header h1, .systems-page .page-header h2 {
    font-size: 25px;
  }
}


/* Child3 */



/* Slick */
.slick-prev, .slick-next {
  margin-top: -35px !important;
  height: 70px !important;
}
.slick-prev:before, 
.slick-next:before {
  font-size: 70px !important;
}
.slick-slide {
  margin: 0 80px !important;
  outline: none;
}
.slick-prev:before {
  content: "\f104" !important;
}
.slick-next:before {
  content: "\f105" !important;
}
.slick-next:before, 
.slick-prev:before {
  -webkit-text-stroke: 1px #fff;
  font-family: fontawesome !important;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  t-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Banner */
.beepo_bnr.benefits-banner {
  padding:197px 30px 89px;
}
.beepo_bnr.benefits-banner .flex_row {
  padding: 0;
}
.beepo_bnr.benefits-banner .bnr_logo {
  width: 23.076923077%;
}
.beepo_bnr.benefits-banner .bnr_logo img {
  max-width: 220px;
  width: 100% !important;
  margin: 0 auto;
  display: block;
}
.beepo_bnr.benefits-banner .bnr_cnt {
  width: 74.358974359%;
  margin-left: 2.564102564%;
  display: block;
  padding: 0;
}
.beepo_bnr.benefits-banner .bnr_cnt h1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 1em 0 0;
  font-family: Open Sans, sans-serif;
}
.beepo_bnr.benefits-banner .banner_cnt h2 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 0.67em;
}

/* Five card */
.card_gallery.beepo-cardsec-gp .page-center {
  padding-left: 0;
  padding-right: 0;
}
.card_gallery.beepo-cardsec-gp h2 {
  margin-bottom: 0.83em;
}
.card_gallery.beepo-cardsec-gp .top_sec .top_content p {
  margin-bottom: 1em;
}

.card_gallery.beepo-cardsec-gp .top_sec.noButton {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.card_gallery.beepo-cardsec-gp .card_item {
  padding-left: 0;
  padding-right: 0;
}
.card_gallery.beepo-cardsec-gp .card_inner {
  margin-top: 30px;
  background: #fafafa;
  text-align: center;
  padding: 40px;
  transition: all .2s;
  border-radius: 0;
  height: calc(100% - 30px);
}
.card_gallery.beepo-cardsec-gp .bottom_row.notshadow .rowGap15 {
  row-gap: 0;
  background-color: #f9f9f9;
}
.card_gallery.beepo-cardsec-gp .icon_box .icon_inner {
  height: auto;
  width: 130px;
  max-width: 100%;
}
.card_gallery.beepo-cardsec-gp  .card_box .it_title {
  color: #00b7ef;
  line-height: 24px;
  font-size: 16px;
  margin: 0;
  font-weight: bold;
  letter-spacing: 0;
  font-family: Open Sans, sans-serif;
}
.card_gallery.beepo-cardsec-gp .card_content {
  margin-top: 1em;
  margin-bottom: 1em;
}
.card_gallery.beepo-cardsec-gp .card_content p {
  margin: 0;
  line-height: 24px;
}
.card_gallery .bottom_row.notshadow .rowGap15 {
  row-gap: 0;
  background-color: #f9f9f9;
  justify-content: space-between;
}
.card_gallery.beepo-cardsec-gp  .rowGap15 .card_item {
  width: 19%;
}
.card_gallery.beepo-cardsec-gp .card_item:hover .card_inner .itemBg {
  background: #EF8834;
}
.card_gallery.beepo-cardsec-gp .card_item:hover .card_inner img {
  filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(100%);
}

.card_gallery.beepo-cardsec-gp .card_item:hover .card_inner .card_box * {
  color: #fff;
}
.card_gallery.beepo-cardsec-gp .card_content+.btn_row {
  margin-top: 0;
}



/* Qoute */
.cnt-wit-bg-wrp.cm-beepo-qoute {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  display: block;
  margin: 0 auto;
  width: 31.623931624%;
  max-width: 400px;
}
.cnt-wit-bg-wrp.cm-beepo-qoute.mw-remove {
  width: 100%;
}
.cnt-wit-bg-wrp.cm-beepo-qoute h6 {
  font-size: 22px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0;
  margin: 0;
}
.cnt-wit-bg-wrp.cm-beepo-qoute .page-center {
  padding: 0;
}
.cnt-wit-bg-wrp.cm-beepo-qoute .qoute-cta {
  height: auto;
  transition: all .4s ease;
  font-size: 14px;
  background-color: #ef8834;
  border: none !important;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  padding: 17px 30px 15px;
  font-family: Open Sans, sans-serif;
}
.cnt-wit-bg-wrp.cm-beepo-qoute .btn_item {
  display: block;
}
.cnt-wit-bg-wrp.cm-beepo-qoute .hs-cta-wrapper {
  display: block;
  margin: 30px auto 0;
  text-align: center;
}
.cnt-wit-bg-wrp.cm-beepo-qoute .hs-cta-wrapper:hover, 
.cnt-wit-bg-wrp.cm-beepo-qoute .hs-cta-wrapper:hover {
  background-image: url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/images/img-hover.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.cnt-wit-bg-wrp.cm-beepo-qoute .content_widget .btn_row {
  width: 100%;
  margin: 0;
  display: block;
}

.cnt-wit-bg-wrp.cm-rich-sec .page-center {
  padding: 0 20px;
}
.cnt-wit-bg-wrp.cm-rich-sec .title {
  margin-bottom: .65em;
  text-align: center;
}


.custom-card-module.cm-templates-card .card-holder.flex_row {
  margin-top: 0;
}
.custom-card-module.cm-templates-card .card-item {
  padding-left: 1.282051282%;
  padding-right: 1.282051282%;
}
.custom-card-module.cm-templates-card .card-holder.flex_row {
  margin: 0 -1.282051282%;
}
.custom-card-module.cm-templates-card h6 {
  margin: 0;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 22px;
  color: #EF8834;
}
.custom-card-module.cm-templates-card p {
  margin-top: 0;
}

::-webkit-input-placeholder {
  -webkit-text-security: none;
  color: rgb(117, 117, 117);
  direction: inherit;
  pointer-events: none;
  text-orientation: inherit;
  writing-mode: inherit;
}


@media(max-width:1024px){
  .card_gallery.beepo-cardsec-gp .card_inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media(max-width:767px){
  .beepo_bnr.benefits-banner {
    padding: 208px 30px 80px;
  }
  .beepo_bnr.benefits-banner .bnr_logo {
    width: 100%;
  }
  .beepo_bnr.benefits-banner .bnr_cnt {
    margin-left: 0;
    padding: 0;
    width: 100%;
  }
  .beepo_bnr.benefits-banner .bnr_cnt {
    text-align: left;
    padding-top: 23px;
  }
  .beepo_bnr.benefits-banner .banner_cnt h2 {
    line-height: normal;
  }
  .beepo_bnr.benefits-banner .banner_cnt p {
    line-height: 24px;
  }

  .card_gallery.beepo-cardsec-gp .rowGap15 .card_item {
    width: 50%;
  }
  .card_gallery.beepo-cardsec-gp .card_inner {
    padding-left: 40px;
    padding-right: 40px;
  }  
  h2[data-type="line"] {
    line-height: normal !important;
  }
  .cnt-wit-bg-wrp.cm-beepo-qoute {
    width: 400px;
    max-width: 100%;
  }
  .cnt-wit-bg-wrp.cm-rich-sec .title {
    line-height: 32px;
  }
}

@media(max-width:479px){
  .card_gallery.beepo-cardsec-gp .rowGap15 .card_item {
    width: 100%;
  }
  .slick-slider {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .slick-slide {
    margin: 0 !important;
    outline: none;
  }
}

/* Child4 */
.cst-about-video.video-card-mdl .video-holder {
  max-width: 600px;
}

.cnt-wit-bg-wrp.cst-mission-abt h3.title {
  text-align: center;
}

.cnt-wit-tp-img-wrp.cst-faq-four-col-cnt .page-center {
  padding: 0;
}

.cnt-wit-tp-img-wrp.cst-faq-four-col-cnt .page-center .cnt-col {
  padding: 0;
  width: 23.076923077%;
  margin-left: 2.564102564%;
  margin-bottom: 2.564102564%;
}

.cnt-wit-tp-img-wrp.cst-faq-four-col-cnt .page-center .cnt-col:first-of-type {
  margin-left: 0;
}

.cnt-wit-tp-img-wrp.cst-faq-four-col-cnt .flex-row {
  margin-top: 28px;
}

.cnt-wit-tp-img-wrp.cst-faq-four-col-cnt .tp-img {
  margin-bottom: 5px;
}

.cst-home-pg-bnr.simple-banner .banner-content-inner {
  padding: 0;
}

.cst-home-pg-bnr.simple-banner .banner-content-inner .top_sec h1 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 65px;
  line-height: 65px;
  margin-bottom: 15px;
  margin-top: 0.67em;
}

.cst-home-pg-bnr.simple-banner .banner-content-inner .top_sec p {
  font-family: Archivo, sans-serif ;
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 50px;
  margin-top: 0;
  font-weight: 600;
  text-transform: uppercase;
}

.cst-home-pg-bnr.simple-banner .btn_row {
  justify-content: space-between;
  width: 65%;
  align-items: center;
  margin: auto;
}

.cnt-wit-bg-wrp.cst-hme-pg-wave-cnt .bg_el.bg_img {
  background-size: 100% 100% ;
}

.cnt-wit-bg-wrp.cst-hme-pg-wave-cnt .page-center {
  padding: 0;
}

.cnt-wit-bg-wrp.cst-hme-pg-wave-cnt .rich_text h5 {
  margin: 0;
}

.cnt-wit-bg-wrp.cst-hme-pg-wave-cnt .rich_text a {
  color: #00b7ef !important;
  font-weight: 600;
  text-decoration: none;
  font-family: Open Sans, sans-serif !important;
}

.cnt-wit-bg-wrp.cst-hme-pg-wave-cnt .rich_text a .fa {
  color: #00b7ef !important;
}

.cnt-wit-bg-wrp.cst-hme-pg-wave-cnt .rich_text a:hover,
.cnt-wit-bg-wrp.cst-hme-pg-wave-cnt .rich_text a:hover .fa{
  color: #EF8834 !important;
}

.cst-fullwdt-hm-pg-btn.cm_nv_wrp .page-center {
  padding: 0;
}

.navbar_module_wrapper .cst-fullwdt-hm-pg-btn.cm_nv_wrp a.icon_add .icon_box {
  font-size: 16px;
}

.navbar_module_wrapper .cst-fullwdt-hm-pg-btn.cm_nv_wrp .cm_nv_inner .hs-button{
  font-size: 16px;
}

.home_page_v1_page .hs_cos_wrapper_type_rich_text h2 strong,
.home_page_v1_page  h2 strong{
  font-family: Open Sans, sans-serif ;
}

.cst-hm-pg-beepo-cardsec-gp.card_gallery.beepo-cardsec-gp .rowGap15 .card_item {
  width: 16%;
}

.cst-hm-pg-beepo-cardsec-gp.card_gallery.beepo-cardsec-gp .card_inner {
  margin-top: 0;
  padding: 30px;
}

.cst-hm-pg-beepo-cardsec-gp.card_gallery.beepo-cardsec-gp .page-center{
  padding:0;
}

.testimonials_slider.cst-hm-pg-testimonial .title {
  color: #ef8834 !important;
  font-weight: 700;
  margin: 0;
}

.testimonials_slider.cst-hm-pg-testimonial .top_content h4 {
  font-weight: 600;
}

.testimonials_slider.cst-hm-pg-testimonial .top_sec.noButton {
  padding: 0;
  margin-bottom: 50px;
}

.testimonials_slider.cst-hm-pg-testimonial .testmn_item {
  padding: 0;
  justify-content: center;
  padding: 10px 15px;
}

.testimonials_slider.cst-hm-pg-testimonial .testmn_item.col12 .testmn_inner {
  width: 50%;
  padding: 35px 44px;
  background-color: #375868;
  box-shadow: none;
  border-radius: 0;
  margin: 0 15px 15px;
}

.testimonials_slider.cst-hm-pg-testimonial .card_box .icon_box {
  order: 3;
}

.testimonials_slider.cst-hm-pg-testimonial .card_box {
  display: flex;
  flex-direction: column;
}

.testimonials_slider.cst-hm-pg-testimonial span.icon_img.icon_sp {
  width: 170px;
  height: auto;
  border-radius: 0;
  margin-bottom: 10px;
  margin-top: 10px;
}

.testimonials_slider.cst-hm-pg-testimonial .icon_inner {
  justify-content: flex-start;
  margin: 0;
}

.testimonials_slider.cst-hm-pg-testimonial .card_content {
  text-align: left;
  margin: 0;
}

.testimonials_slider.cst-hm-pg-testimonial .card_box  .card_quote {
  text-align: left;
}

.testimonials_slider.cst-hm-pg-testimonial .card_box .card_quote p {
  margin: 0;
  font-style: italic;
  margin-bottom: 15px;
}

/* .testimonials_slider.cst-hm-pg-testimonialr span.seperator {
display: none ;
}
*/
.testimonials_slider.cst-hm-pg-testimonial .card_content>* {
  display: block;
}

.testimonials_slider.cst-hm-pg-testimonial .card_content h4 {
  color: #ef8834 !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
  font-family: Open Sans, sans-serif;
  letter-spacing: 0;
}

.testimonials_slider.cst-hm-pg-testimonial .card_content>* {
  color: #00b7ef !important;
  font-family: Open Sans, sans-serif;
}

.cst-hm-btm-pn.cnt-wit-bg-wrp .title {
  font-size: 45px;
  font-weight: 600;
  margin: 0.83em 0 50px;
  line-height: 44px;
}

.cst-hm-btm-pn.cnt-wit-bg-wrp .page-center {
  padding: 0;
}

.cst-hm-btm-pn.cnt-wit-bg-wrp .content_widget .btn_row {
  margin: calc(1em + 50px) 0 1em;
  gap: 20px;
}

.cst-hm-btm-pn.cnt-wit-bg-wrp .btn_item a.hs-button {
  background-color: #ef8834;
}

.cst-home-pg-bnr.simple-banner .btn_row .btn_item {
  margin: 0 5px;
}

.cst-resources-left-img-cnt.content-with-form-gp .cwft-right {
  order: 1;
  margin: 0;
  width: 31.623931624%;
}

.cst-resources-left-img-cnt.content-with-form-gp .cwft-left {
  order: 2;
  width: 65.81196581200001%;
  margin-left: 2.564102564%;
}

.cst-resources-left-img-cnt.content-with-form-gp .form {
  margin-left: auto;
  width: 65.81196581200001%;
}

/* ff */


.cst-resources-left-img-cnt.content-with-form-gp .cst-top-cnt h1 {
  color: #EF8834;
  font-size: 24px;
  line-height: 33px;
  margin: 0;
  letter-spacing: 1px;
}

.cst-resources-left-img-cnt.content-with-form-gp {
  padding-top: 10px;
}

.cst-resources-left-img-cnt.content-with-form-gp .cst-top-cnt h2 {
  color: #EF8834;
  font-size: 21px;
  line-height: 30px;
  margin-top: 0px;
  margin-bottom: 40px;
}

.cst-resources-left-img-cnt.content-with-form-gp .cwft-right.box_shadow img {
  -webkit-box-shadow: 0px 0px 26px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 26px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 26px -2px rgba(0, 0, 0, 0.75);
  max-width: 353px;
}

.cst-resources-left-img-cnt.content-with-form-gp p:last-child {
  margin-bottom: 1em;
}

.cst-resources-left-img-cnt.content-with-form-gp .content-with-form-bottom {
  padding-top: 0 !important;
}

.cst-resources-left-img-cnt.content-with-form-gp .cst-ebook-form-title {
  color: #54585a;
  margin-bottom: 1em;
}

.cst-remove-frm-cnt.form_with_cnt_mdl .form_wrap {
  width: 100%;
  margin: 0;
}

.cst-remove-frm-cnt.form_with_cnt_mdl .page-center {
  padding: 0;
}


.cst-btm-pn-center .page-center {
  padding: 0;
}

.cst-btm-pn-center .page-center .ttl {
  text-align: center;
}

.services-beepo-gp.cst-service-wdt .page-center {
  max-width: 1140px;
}

.services-beepo-gp.cst-service-wdt .services-panel-module .service-panel:nth-child(3n) {
  padding-right: 0;
}

.home_page_v1_page .home_dnd_area_Bottom .dnd-section {
  background-size: 100% 100% !important;
}


.cm-accordion.beepo_accordion .accordion.m-active:after {
  content: "-";
  color: #fff;
}

.cm-accordion.beepo_accordion  .accordion:hover:after {
  color: #EF8834;
}

.cm-accordion.beepo_accordion  .accordion.m-active:hover:after {
  color: #fff;
}

.home_page_v1_page .hs_cos_wrapper_type_header h4 {
  font-size: 2em;
  line-height: 1.2;
  margin-bottom: 50px;
  margin-top: 0;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  font-family: Open Sans, sans-serif !important;
}

ul[data-attr="dots-color"] {
  list-style: none;
}

ul[data-attr="dots-color"] >  li:before {
  color: #f8951d;
  content: "\2022";
  display: inline-block;
  font-weight: 700;
  margin-left: -1.2em;
  position: absolute;
  width: 1em;
}


.cm_nv_wrp.cst-help-grow-btn a.cta_button {
  font-family: Open Sans, sans-serif !important;
  font-weight: 700 !important;
}

.cst-home-pg-bnr.simple-banner .btn_row .btn_item a.hs-button {
  -webkit-font-smoothing: antialiased;
}



.cst-two-col-beepo-hm-pg.two-col-content .page-center {
  padding: 0;
}

.cst-two-col-beepo-hm-pg.two-col-content .content-col .description {
  margin: 0;
}

.cst-two-col-beepo-hm-pg.two-col-content .content-col .description p {
  font-size: 20px;
  line-height: 1.5;
  color:#666;
}

.cst-two-col-beepo-hm-pg.two-col-content .flex_row .mediaimg {
  max-width: 520px;
  margin: 0 auto;
}

.cst-two-col-beepo-hm-pg.two-col-content .flex_row .media_column {
  margin-left: 2.564102564%;
  width: 48.717948718%;
}

.cst-two-col-beepo-hm-pg.two-col-content .flex_row .content-col {
  width: 48.717948718%;
}


.cm_nv_wrp.cst-fullwdt-hm-pg-btn .cta_button.hs-button i {
  margin-left: 15px;
}


.course-banner.landing-banner .right-content {
  width: 50%;
  padding-left: 14px;
  padding-right: 0;
}
.course-banner.landing-banner .right-content .form-section {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  max-width: 100%;
}
.course-banner.landing-banner .left-content {
  width: 50%;
}
.course-banner.landing-banner .landing-banner-row {
  align-items: flex-start;
}
.course-banner.landing-banner .left-content {
  padding-left: 0;
  padding-right: 0;
}
.course-banner.landing-banner form .hs-form-field input {
  margin: 4px 0;
  padding: 11px 10px;
  height: auto;
  min-height: auto;
}
.course-banner.landing-banner form .hs-form-field input::placeholder {
  color: rgb(117, 117, 117);
}
.course-banner.landing-banner form .hs-form-field {
  margin-bottom: 0;
}
.course-banner.landing-banner form .hs-richtext.hs-main-font-element p {
  margin: 1em 0;
}
.course-banner.landing-banner form .hs-richtext.hs-main-font-element ul li:before {
  color: #F8951D;
  content: "\2022";
  display: inline-block;
  font-weight: 700;
  margin-left: -1.2em;
  position: absolute;
  width: 1em;
}
.course-banner.landing-banner form .hs-richtext.hs-main-font-element ul li {
  list-style: none;
}
.course-banner.landing-banner form .hs-richtext.hs-main-font-element ul li {
  list-style: none;
  margin-bottom: .5em;
}
.course-banner.landing-banner form .hs-submit input.hs-button {
  font-size: 16px;
}
.course-banner.landing-banner .bg_el.bg_img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: unset !important;
}
.course-banner.landing-banner h1 {
  font-weight: 600;
  margin: 0.67em 0;
}
.course-banner.landing-banner .landing-content {
  width: 453px;
  max-width: 100%;
}
.course-banner.landing-banner .landing-content p {
  line-height: 24px;
}
.course-banner.landing-banner .landing-content p:first-child {
  margin-bottom: 57px;
  margin-top: 10px;
}
.course-banner.landing-banner form .hs-form-field select {
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  min-height: auto;
}
.course-banner.landing-banner form .form-row .hs-form-field>label {
  margin: 0;
}
.course-banner.landing-banner form .hs-richtext.hs-main-font-element p {
  margin: 1em 0;
  line-height: 24px;
}
.course-banner.landing-banner form .hs-submit {
  margin-top: 0;
}


.card_gallery.about-services-five h3 {
  margin-bottom: 28px;
}
.card_gallery.about-services-five .top_sec.noButton {
  padding-left: 0;
  padding-right: 0;
}
.card_gallery.about-services-five .card_item {
  padding-left: 0;
  padding-right: 0;
}
.card_gallery.about-services-five .card_content .it_title {
  font-size: 16px;
  line-height: 22px;
}
.card_gallery.about-services-five .rowGap15 .card_item {
  width: 14.529914530000001%;
}
.card_gallery.about-services-five .bottom_row.notshadow .rowGap15 {
  row-gap: 0;
  justify-content: center;
  column-gap: 2.564102564%;
  background: transparent;
}
.card_gallery.about-services-five .icon_box .icon_inner {
  height: auto;
  width: 100px;
}
.card_gallery.about-services-five .top_sec.noButton {
  margin-bottom: 5px;
}
.card_gallery.about-services-five .card_box .it_title {
  font-family: inherit;
  letter-spacing: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}
.card_gallery.about-services-five .card_inner {
  padding: 0;
}
.card_gallery.about-services-five .top_sec.noButton {
  margin-bottom: 31px;
}
.card_gallery.about-services-five .card_item.text_center .btn_row {
  margin: 0;
}
.card_gallery.about-services-five .card_content>:last-child {
  margin-bottom: 1em;
}

.card_gallery.about-services-five .top_sec .top_content {
  text-align: left;
}

.cst-faq-four-col-cnt.cnt-wit-tp-img-wrp  .tp-img-cnt-inner {
  font-weight: 400;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .page-center {
  max-width: 1210px;
  padding-bottom: 0;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .left_cnt_inr h2 {
  margin-top: 0;
  font-weight: bold;
  font-family: Open Sans, sans-serif ;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .left_cnt_inr p {
  line-height: 24px;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .left_cnt {
  width: 57.264957265%;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .form_wrap {
  width: 40.170940171000005%;
  padding: 20px 20px 40px;
  margin: 0 auto;
  max-width: 1170px;
}


.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .talk-to-us .side_cta_business_services_title h3:after, 
.cst-form-wth-cnt-virtual-assit .talk-to-us .side_cta_business_services_title p.talk-to-us:after {
  border: none;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .talk-to-us .side_cta_business_services_title h3:before,
.cst-form-wth-cnt-virtual-assit .talk-to-us .side_cta_business_services_title p.talk-to-us:before {
  border: none;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .talk-to-us .side_cta_business_services_title h3, 
.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .talk-to-us .side_cta_business_services_title p.talk-to-us {
  border-radius: 30px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: block;
  font-family: Archivo, sans-serif !important;
  left: 0;
  letter-spacing: 0;
  padding: 33px 13px 33px 82px !important;
  position: absolute;
  top: 0;
  width: 100%;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .talk-to-us .side_cta_business_services_title {
  float: none;
  min-height: 130px;
  display: block;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl div#side_cta_business_services_container.talk-to-us {
  position: relative;
}

.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .talk-to-us .side_cta_business_services_title h3, 
.cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .talk-to-us .side_cta_business_services_title p.talk-to-us {
  background-image: url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/images/send%20your%20enquiry.jpg);
  background-size: 50px;
  background-position-x: 90px;
  background-color: #EF8834;
}

.strategies .video-card-item.multi-video-wrapper .title-holder {
  letter-spacing: 1px;
  line-height: 36px;
}

.michael-sheargold.two-col-content .content-col .description p {
  line-height: 24px;
}


.strategies .top-content h4 {
  font-size: 27px;
  margin-bottom: 0;
  line-height: 1.215;
  letter-spacing: 0;
}

.strategies .top-content h4 span {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 1px;
}


.blog-cta-download-btn-section,
.blog-cta-learnmore-btn-section {
  align-items: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  margin: 30px auto 20px;
  max-width: 900px;
  padding: 20px 40px 30px;
  width: 100%;
}

.blog-cta-learnmore-btn-section {
  background-image: url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/images/blog-cta-learnmore-btn-section-bg.jpg);
  color: #fff;
}

.blog-cta-download-btn-section .cta-details-column,
.blog-cta-learnmore-btn-section .cta-details-column {
  width: 60%;
}

.blog-cta-download-btn-section .cta-button-column, 
.blog-cta-learnmore-btn-section .cta-button-column {
  text-align: center;
  width: 40%;
}


.blog-cta-learnmore-btn-section h6 {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}


.blog-cta-learnmore-btn-section .cta-button-column .hs-button {
  color: #ffffff;
  background-color: #EF8834;
  padding: 8px 25px 8px !important;
  border-radius: 50px;
  font-weight: 600;
  line-height: 22px;
}
.cta-button-column a {
  background: rgb(255, 153, 2);
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 1.2;
  padding: 8px 25px;
}

.cta-button-column a:hover {
  background: rgba(55,88,104,1.0);
}

.card_gallery.beepo-cardsec-gp .card_box .icon_box {
  min-height: 129px;
}

.cst-on-hover-btn-overview-pg.cm_nv_wrp .page-center {
  padding: 0;
}

.cst-on-hover-btn-overview-pg.cm_nv_wrp .hs-button {
  padding: 10px 20px !important;
  font-size: 16px !important;
  line-height: 22px;
  transition: all .5s;
  margin-bottom: 5px;
}

.cst-on-hover-btn-overview-pg.cm_nv_wrp .hs-button:hover {
  transform: scale(1.04);
}

.cm_nv_wrp.hrz.cst-on-hover-btn-overview-pg {
  overflow: visible;
}


@media(min-width:992px) and (max-width:1100px){
  .card_gallery.beepo-cardsec-gp .card_box .it_title {
    font-size: 14px;
  }
  .card_gallery.beepo-cardsec-gp .card_box {
    font-size: 14px;
  }
}

@media(max-width:991px){

  .cst-hm-pg-beepo-cardsec-gp.card_gallery.beepo-cardsec-gp .rowGap15 .card_item {
    width: 33.3333%;
  }

}

@media(min-width:768px) and (max-width:850px){
  .card_gallery.about-services-five .card_box .it_title {
    font-size: 14px;
  }

  .card_gallery.about-services-five .card_content {
    font-size: 14px;
  }
}


@media(max-width:767px){
  .cnt-wit-tp-img-wrp.cst-faq-four-col-cnt .page-center .cnt-col {
    width: 100%;
    margin-left: 0;
  }

  .cnt-wit-tp-img-wrp.cst-faq-four-col-cnt .tp-img img {
    width: 100%;
  }

  .cnt-wit-tp-img-wrp.cst-faq-four-col-cnt .flex-row {
    row-gap: 0;
  }


  .cnt-wit-bg-wrp.cst-hme-pg-wave-cnt .bg_el.bg_img {
    background-color: #375868;
    background-image: none !important;
  }

  .cst-home-pg-bnr.simple-banner .banner-content-inner .top_sec h1 {
    font-size: 40px;
    line-height: 43px;
  }

  .cst-home-pg-bnr.simple-banner .btn_row {
    width: 100%;
  }

  .cnt-wit-bg-wrp.cst-hme-pg-wave-cnt .rich_text h5 {
    line-height: 28px;
  }

  .cst-hm-pg-beepo-cardsec-gp.card_gallery.beepo-cardsec-gp .rowGap15 .card_item {
    width: 100%;
  }

  .testimonials_slider.cst-hm-pg-testimonial .testmn_item.col12 .testmn_inner {
    width: 100%;
    max-width: 520px;
  }

  .testimonials_slider.cst-hm-pg-testimonial .title {
    line-height: 44px;
  }

  .testimonials_slider.cst-hm-pg-testimonial .top_content h4 {
    line-height: 32px;
  }

  .cst-hm-btm-pn.cnt-wit-bg-wrp .content_widget .btn_row .btn_item {
    margin-bottom: 42px;
  }

  .cst-hm-btm-pn.cnt-wit-bg-wrp .bg_el.bg_img {
    background-position: left center !important;
  }

  .cst-resources-left-img-cnt.content-with-form-gp .cwft-left {
    width: 100%;
    margin: 0;
  }

  .cst-resources-left-img-cnt.content-with-form-gp .cwft-right {
    width: 100%;
  }

  .cst-resources-left-img-cnt.content-with-form-gp .form {
    width: 100%;
    margin: 0;
  }

  .cst-resources-left-img-cnt.content-with-form-gp .conetnt-with-form-top-inner {
    display: flex;
    flex-direction: column;
  }

  .cst-resources-left-img-cnt.content-with-form-gp .content-with-form-bottom {
    padding-top: 28px !important;
  }

  .cst-resources-left-img-cnt.content-with-form-gp .cst-ebook-form-title {
    line-height: 36px;
  }

  .cst-resources-left-img-cnt.content-with-form-gp form {
    margin: 0;
  }

  .cst-two-col-beepo-hm-pg.two-col-content .flex_row .media_column {
    margin-left: 0%;
    width: 100%;
  }

  .cst-two-col-beepo-hm-pg.two-col-content .flex_row .content-col {
    width: 100%;
  }

  .cst-two-col-beepo-hm-pg.two-col-content .flex_row {
    row-gap: 0;
  }

  .course-banner.landing-banner .left-content {
    width: 100%;
  }
  .course-banner.landing-banner .right-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .course-banner.landing-banner .left-content {
    margin-bottom: 0;
  }
  .course-banner.landing-banner .landing-content {
    width: 100%;
    max-width: 100%;
  }
  .course-banner.landing-banner .landing-content p:first-child {
    margin-bottom: 40px;
  }
  .course-banner.landing-banner .landing-content {
    margin-bottom: 40px;
  }

  .card_gallery.about-services-five .rowGap15 .card_item {
    width:100%;
  }

  .navbar_module_wrapper.right_align .cst-help-grow-btn.hrz .btn_row {
    justify-content: center;
  }

  .cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .left_cnt {
    width: 100%;
  }

  .cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .form_wrap {
    width: 100%;
    padding: 0;
  }

  .blog-cta-download-btn-section .cta-button-column,
  .blog-cta-download-btn-section .cta-details-column, 
  .blog-cta-learnmore-btn-section .cta-button-column,
  .blog-cta-learnmore-btn-section .cta-details-column,
  .blog-cta-section>div {
    width: 100%;
  }

  .blog-cta-download-btn-section .cta-details-column,
  .blog-cta-learnmore-btn-section .cta-details-column {
    width: 100%;
  }

  .blog-cta-download-btn-section, 
  .blog-cta-learnmore-btn-section {
    flex-direction: column;
  }


}

@media (max-width:1055px) and (min-width:481px){
  .cst-home-pg-bnr.simple-banner .btn_row {
    flex-direction: column;
  }
}




@media (max-width: 480px){
  .cst-home-pg-bnr.simple-banner .banner-content-inner .top_sec h1 {
    font-size: 28px;
    line-height: 30px;
  }

  .cst-home-pg-bnr.simple-banner .banner-content-inner .top_sec p {
    line-height: 20px;
    font-size: 16px;
  }

  .cst-home-pg-bnr.simple-banner .btn_row .btn_item {
    width: 100%;
    margin: 0;
  }

  .cst-home-pg-bnr.simple-banner .btn_row .btn_item a.hs-button {
    width: 60%;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    margin-bottom: 20px;
  }

  .cst-home-pg-bnr.simple-banner .btn_row {
    gap: 0;
    margin: 0 5px;
    justify-content: center;
  }

  .home_page_v1_page .hs_cos_wrapper_type_header h4 {
    font-size: 16px;
  }

  .cst-two-col-beepo-hm-pg.two-col-content .content-col .description p {
    font-size: 16px ;
  }

  .cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .talk-to-us .side_cta_business_services_title h3, 
  .cst-form-wth-cnt-virtual-assit.form_with_cnt_mdl .talk-to-us .side_cta_business_services_title p.talk-to-us {
    background-position-x: 30px;
  }

  .navbar_module_wrapper .cm_nv_wrp.cst-help-grow-btn .cta_button {
    padding-left: 25px;
    padding-right: 25px;
  }

  .navbar_module_wrapper .cm_nv_wrp.cst-help-grow-btn .cta_button {
    font-size: 15px;
  }

  .navbar_module_wrapper .cm_nv_wrp.cst-help-grow-btn .cst-cta:after {
    transform: none;
    margin-left: 3%;
    margin-top: 6px;
  }

}


@media (max-width: 426px) {

  .cst-hm-pg-beepo-cardsec-gp.card_gallery.beepo-cardsec-gp .rowGap15 .card_item {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
  }

  .testimonials_slider.cst-hm-pg-testimonial .testmn_item.col12 .testmn_inner {
    margin: 0;
  }

  .cst-hm-btm-pn.cnt-wit-bg-wrp .title {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
  }

  .cst-hm-btm-pn.cnt-wit-bg-wrp .content_widget .btn_row .btn_item {
    margin: 0;
    width: 100%;
    margin-bottom: 15px !important;
  }

  .cst-hm-btm-pn.cnt-wit-bg-wrp .btn_item a.hs-button {
    width: 100%;
  }

  .cst-hm-btm-pn.cnt-wit-bg-wrp .btn_item a.hs-sec-btn {
    width: 100%;
  }

  .cst-hm-btm-pn.cnt-wit-bg-wrp .content_widget .btn_row {
    margin-top: calc(1em + 20px);
    gap: 0;
  }

  .testimonials_slider.cst-hm-pg-testimonial .title {
    margin-bottom: 20px;
  }

  .testimonials_slider.cst-hm-pg-testimonial .top_content h4 {
    font-size: 1.4em;
  }


}

@media(max-width:400px){
  fieldset.form-columns-1 .input {
    margin-right: 0 !important;
  }

}


/* Child5*/
.custom-blog .row-fluid {
  padding: 0;
}

.custom-blog .row-fluid.page-center {
  padding: 20px;
}

.custom-blog .rec-title {
  color: #f8951d;
  margin: 0px 0px 15px;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 1px;
}

.custom-blog .latest-blog-post-featured-img-wrapper img {
  display: block;
  height: auto;
  min-height: 320px;
  max-width: 743px;
  width: 100%;
  object-fit: cover;
}

.custom-blog .latest-blog-detail-box {
  background-color: #293d47;
  margin-bottom: 15px;
  padding: 20px 20px 40px;
}

.latest-blog-cat-title {
  color: #fff;
  margin-top: -30px;
  text-transform: uppercase;
}

.latest-blog-cat-title span {
  background-color: #EF8834;
  padding: 8px 20px;
}

.custom-blog .latest-blog-title {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.latest-blog-detail-box p,
.latest-blog-title h3 {
  color: #fff;
  margin: 0 0 10px;
}

.blog-title {
  margin: 0 0 15px;
  line-height: 32px;
}

.recent-posts-list, 
.trending-posts-list {
  margin: 0;
  padding: 0;
}

.trending-posts-list li.trending-posts-row {
  background-color: #ebebec;
  list-style-type: none;
  margin-bottom: 25px;
}

.trending-posts-row a {
  display: flex;
  text-decoration: none;
}

.recent-post-image-box,
.trending-post-featured-img {
  background-position: 50%;
  background-size: cover;
  flex: 40%;
}

.trending-post-featured-img img {
  min-height: 120px;
}

.trending-post-featured-img img {
  display: block;
  width: 100%;
}

.recent-post-details-box,
.trending-post-featured-side-info {
  color: #303c42;
  flex: 60%;
  line-height: 18px;
  padding: 10px 20px;
}

.recent-post-tag,
.trending-post-tag {
  font-size: 12px;
}

.trending-post-title {
  color: #f8951d;
  font-weight: 600 !important;
  line-height: 16px !important;
}

.recent-post-other-info,
.trending-post-other-info {
  font-size: 14px;
}

.blog-filter select {
  width: 100%;
  margin-bottom: 30px;
}

.custom-blog-listings .trending-post-featured-img img {
  min-height: 100%;
}

.trending-posts-list li.trending-posts-row:hover {
  -webkit-box-shadow: 0 0 48px -18px rgba(0, 0, 0, .75);
  -moz-box-shadow: 0 0 48px -18px rgba(0, 0, 0, .75);
  box-shadow: 0 0 48px -18px rgba(0, 0, 0, .75);
}

.custom-blog .see-more-btn {
  background-color: #f8951d;
  color: #fff !important;
  display: block;
  float: right;
  font-size: 18px;
  font-weight: 600;
  max-width: 280px;
  padding: 18px 35px;
  text-decoration: none;
  text-transform: uppercase;
}


.custom-blog-listings h1 {
  color: #666;
}


.custom-blog .blog-homepage-top {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}

.custom-post .hs-breadcrumb-menu-wrapper {
  float: none !important;
  margin: 0 auto !important;
  max-width: 1170px;
  overflow: hidden;
}

.custom-post .hs-breadcrumb-menu-wrapper .hs-breadcrumb-menu {
  border-bottom: 1px solid #eee;
  padding-bottom: 45px;
}

.hs-breadcrumb-menu {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.blog-post-section,
.blog-post-section a, 
.blog-post-section p, 
.blog-post-section ul li {
  line-height: 28px;
  position: relative;
  margin-bottom: 0;
}

.custom-post .hs-breadcrumb-menu-wrapper .hs-breadcrumb-label {
  color: #c3c3c3;
  font-size: 12px;
  transition: .3s;
}

.custom-post .hs-breadcrumb-menu-wrapper .hs-breadcrumb-label:last-child {
  color: #313c42;
}

.custom-post .hs-breadcrumb-menu-divider:before {
  content: '›';
  padding-left: 10px;
}

.custom-post .hs-breadcrumb-menu-divider:before {
  color: #c3c3c3;
}

.blog-post-section h1 {
  font-size: 40px;
  letter-spacing: 0;
}

.blog-post-featured-image {
  padding-top: 8px;
}

.blog-post-main-title h1 {
  margin-bottom: 15px !important;
  margin-top: 0 !important;
}

.blog-post-social-share-container {
  margin-bottom: 15px;
}

.blog-post-social-share {
  clear: both;
  content: "";
  display: table;
  margin: 0;
  padding: 0;
}

.blog-post-social-share li {
  float: left;
  list-style-type: none;
  margin-right: 5px;
}

.blog-post-social-share li div {
  line-height: 32px;
}

.blog-post-section img {
  height: auto;
  width: 100%;
}

.blog-post-main-title h1 span {
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 48px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.gfg-blog-2-cols {
  display: flex;
}

.gfg-blog-2-cols .col-1 {
  min-width: 75%;
  margin-right: 30px;
}

.blog-post-featured-image {
  line-height: 0;
}

.author-infobox-container {
  display: flex;
  margin-top: 20px;
}

.author-details-box,
.authour-avatar-img-box {
  padding: 10px;
}

.authour-avatar-img {
  border-radius: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 67px;
}

.author-text-header {
  font-weight: 700;
  text-transform: uppercase;
}

.post-body p:first-child {
  margin-top: 0;
}

.post-body h2, .post-body h2 span {
  color: #54585a;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 44px;
}

.post-body h2, .post-body h2 span, .post-body h3, .post-body h3 span {
  margin: 20px 0;
}

.blog-related-post h6 {
  color: #404040;
  font-size: 18px;
  font-weight: 700 !important;
  margin: 20px 0;
}

.blog-related-post .related-post-item {
  display: inline-block;
  margin: 9px;
  vertical-align: top;
  width: 23%;
}

.blog-related-post .related-image, 
.blog-related-post .related-image img {
  max-height: 130px !important;
  object-fit: fill;
  width: 100%;
  min-height: 130px;
}

.blog-related-post .related-title {
  margin-top: 15px;
}

.blog-related-post .related-title a {
  font-weight: 700;
  text-decoration: none;
}



.comment-date {
  display: block !important;
}

button.comment-reply-to.hs-button.secondary:hover {
  background-color: transparent;
}

#gfg-form-section-2 {
  display: flex;
  flex-direction: column;
  padding: 20px;
}

#gfg-form-section-2 .airplanes {
  display: flex;
  justify-content: space-between;
  position: relative;
}

#gfg-form-section-2 .airplanes img {
  width: 37% !important;
}

#gfg-form-section-2 .airplanes img:last-child {
  position: absolute;
  bottom: -30%;
  right: 0;
}

#gfg-form-section-2 .text p {
  color: #fff;
  text-transform: uppercase;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

#g4g-sign-up-form-2 form {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}

#g4g-sign-up-form-2 form div {
  width: 100%;
  margin: 0;
  margin-bottom: 5px;
  box-sizing: border-box;
}

#g4g-sign-up-form-2 .actions {
  padding: 17px 20px 18px 0px;
  padding-left: 20px;
}

.post-sidebar .form-title {
  display: none;
}

.post-sidebar form label {
  margin: 0;
}

.post-sidebar form .hs-input {
  margin: 0;
  background: #fff !important;
  color: #bfbfbf !important;
  min-height: 40px !important;
  width: 100% !important;
  height: 40px;
  font-weight: normal;
  line-height: 18px;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

body .post-sidebar form .inputs-list .hs-input {
  background: transparent !important;
  width: auto !important;
  box-shadow: none;
  min-height: auto !important;
  height: auto;
  margin-right: .35rem;
}

.post-sidebar form select.hs-input {
  padding: 5px 10px;
}
.post-sidebar form .input {
  width: 100%;
  margin: 0;
  margin-bottom: 5px;
  box-sizing: border-box;
}
.post-sidebar form label.hs-error-msg {
  font-size: 13px;
  line-height: 20px;
}

.post-sidebar .hs-form-field {
  padding-bottom: 5px;
}

.post-side-wrap {
  padding-top: 8px;
}

.post-sidebar ::-webkit-input-placeholder {
  color: #bfbfbf;
}

.post-sidebar form .hs-richtext p {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.post-sidebar form .hs-richtext p a {
  color: #0000EE;
}

.post-sidebar form .hs-richtext p a:hover {
  color: #551A8B;
}

.post-sidebar .actions {
  padding: 17px 20px 18px 0px;
  padding-left: 20px;
}

.post-sidebar input.hs-button {
  background: #00b7ef !important;
  display: block !important;
  float: none;
  margin: auto;
  box-sizing: content-box;
  transition: none;
}
.post-sidebar input.hs-button:hover {
  font-size: 12px;
  transition: none;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0 0 5px #3574e3;
}
.post-sidebar form {
  margin-bottom: 18px;
}

.post-sidebar .hs_submit.hs-submit {
  margin-bottom: 25px;
}

.authour-avatar-img-box img {
  height: auto;
  width: 100%;
  border-radius: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 67px;
}

.blog-post-main-title {
  padding: 20px 20px 0px !important;
}

.cst-cta {
  border-radius: 50px !important;
  background-color: #EF8834 !important;
}

.cst-cta:after {
  content: "";
  background: url(//6222830.fs1.hubspotusercontent-na1.net/hubfs/6222830/raw_assets/public/Beepo_August2024/images/b-icon-right.png) no-repeat 25% center;
  width: 21px;
  height: 14px;
  display: inline-block;
  margin-left: 50px;
  transform: translateY(-10px);
}

.custom-card .top_content {
  text-align: left;
}

.custom-card .top_content h2 {
  line-height: 44px;
  margin-bottom: 29.880px;
  text-transform: uppercase;
}

.custom-card .top_content p {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.custom-card .top_content ul {
  list-style: none;
}

.custom-card .top_content ul li {
  margin-bottom: 1em;
  position: relative;
}

.custom-card .top_content ul li:before {
  color: #f8951d;
  content: "\2022";
  display: inline-block;
  font-weight: 700;
  margin-left: -1.2em;
  position: absolute;
  width: 1em;
}

.custom-card .top_sec {
  margin-bottom: 36px;
}

.custom-card .top_sec {
  margin-bottom: 36px;
}

.custom-card.card_gallery .card_item .main_overlay_bg {
  background-position: center right;
  background-size: 50%;
  background-repeat: no-repeat;
}


.custom-card-2.card_gallery .bottom_row.notshadow .rowGap15 {
  row-gap: 0;
  display: flex;
  justify-content: space-between;
}

.custom-card-2 .card_content {
  width: 80%;
}

.custom-card-2.card_gallery .card_item .main_overlay_bg {
  background-position: bottom right;
  background-size: 50%;
  background-repeat: no-repeat;
}

.custom-card.card_gallery .card_box, 
.custom-card-2.card_gallery .card_box {
  display: flex;
}

.custom-card-2.card_gallery .card_item,
.custom-card.custom-card-2.card_gallery .card_item {
  border-radius: 10px;
}

.custom-card-2.card_gallery .card_item .card_inner,
.custom-card.card_gallery .card_item .card_inner {
  border-radius: 10px;
}

.custom-card-2.dnd_padd .page-center {
  padding-top: 0;
}

.custom-card-2.card_gallery .card_content>:last-child {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.custom-card-3.card_gallery .card_item {
  color: #666;
  line-height: 24px;
  text-align: center;
  transition: all .2s;
  width: 16% !important;
  padding: 0;
}

.custom-card-3.custom-card.card_gallery .bottom_row.notshadow .rowGap15 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.custom-card-3.custom-card.card_gallery .card_item .card_inner {
  border-radius: 0;
}

.custom-card-3.custom-card.card_gallery .card_box {
  flex-direction: column;
}

.custom-card-3.custom-card .top_sec {
  margin-bottom: 15px;
}

.custom-card-3.custom-card .card_content {
  width: 100%;
}

.custom-card-3.card_gallery .icon_box .icon_inner {
  width: 100%;
  height: 100%;
  overflow: visible;
  margin: 0;
}

.custom-card-3.card_gallery .icon_box.bgAdded img,
.card_gallery .icon_box.medium_sz.bgAdded img {
  width: 130px !important;
  height: 130px;
}

.custom-card-3.custom-card .card_content strong {
  color: #00b7ef;
}

.custom-card-3.card_gallery .card_item:hover .main_overlay_bg {
  background: #ef8834;
}

.custom-card-3.card_gallery .card_item:hover strong,
.custom-card-3.card_gallery .card_item:hover p {
  color: #fff;
}

.custom-card-3.card_gallery .card_item:hover p {
}

.custom-card-3.card_gallery .card_item:hover img {
  filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(100%);
}

.custom-card-3.card_gallery .icon_box.bgAdded .icon_inner {
  background: transparent;
  overflow: visible;
}

.custom-card-3 .bottom_row.notshadow {
  padding-left: 10px;
  padding-right: 10px;
}

.cm-accordion.beepo_accordion .service-box {
  width: 100%;
  margin: 0;
  margin-bottom: 15px;
}

.cm-accordion.beepo_accordion .accordion {
  border: none;
  color: #444;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  justify-content: space-between;
  outline: none;
  padding: 18px;
  text-align: left;
  transition: .4s;
  width: 100%;
  border-radius: 0;
}

.cm-accordion.beepo_accordion .accordion img {
  margin-right: 20px;
  width: 30px;
  height: auto;
}

.beepo_accordion.cm-accordion {
  padding-left: 10px;
  padding-right: 10px;
}

.cm-accordion.beepo_accordion .accordion:after {
  color: #EF8834;
  content: "+";
  float: right;
  font-size: 13px;
  font-size: 15px;
  margin-left: 5px;
}

.cm-accordion.beepo_accordion .accordion:hover {
  background-color: #dedede !important;
  color: inherit;
}

.cm-accordion.beepo_accordion .accordion:hover img {
  filter: none;
}

.cm-accordion.beepo_accordion .services-accordion {
  margin: 0;
}

.cm-accordion.beepo_accordion .panel {
  background-color: #f7941d !important;
  color: #fff !important;
  border-radius: 0;
  margin: 0 !important;
}

.cm-accordion.beepo_accordion .panel p {
  line-height: 24px;
}

.cm-accordion.beepo_accordion .m-active,.cm-accordion.beepo_accordion:hover .m-active {
  background-color: #f7941d !important;
  color: #fff !important;
}

.cm-accordion.beepo_accordion:hover .m-active img {
  filter: brightness(100);
}

.navbar_module_wrapper .btn-cta-2.cm_nv_wrp.btn-cta .btn_row .btn_item a {
  font-size: 16px;
}

.navbar_module_wrapper .btn-cta-2.cm_nv_wrp.btn-cta .hs-cta-wrapper:hover {
  background: none;
}

.post-side-wrap form .hs-richtext, 
.post-side-wrap form .hs-richtext p {
  font-size: 14px;
}
.blog-related-post .related-title a:hover {
  color: #EF8834;
}

.authorpage .gtg-author-hr {
  background-color: #e6e6e6;
  margin: 20px auto;
  border: none;
  color: #ccc;
  height: 1px;
}
.authorpage #gtg-author-avatar {
  margin-right: 20px;
}
.authorpage #gtg-author-avatar img {
  border-radius: 10px;
  max-width: 400px;
  width: 100%; 
  height: auto;
}
.authorpage #gtg-top-header-author .row-fluid {
  align-items: center;
  display: flex;
}
.authorpage .author-page-name {
  font-size: 36px;
  border-top: 0;
  color: #666;
}

.hs-button:hover, .tabber .media-col .form-wrap input.hs-button:hover, form input[type=submit]:hover {
  background-color: #375868 !important;
  border-color: #375868 !important;
}

a:hover {
  color: #211617;
}

.navbar_module_wrapper .cm_nv_wrp.widget_1724326749815 .btn_row .btn_item.btn1 a:hover {
  background-color: #375868 !important;
}

.hs-submit input.hs-button,
a#cta_button_6222830_296eb106-09bc-407d-a831-61709656808e:hover,
a#cta_button_6222830_7012be18-2e3c-4f42-ab6a-ebeb43d253c1:hover {
  background-color: rgba(55, 88, 104, 1.0) !important;
  border: 1px solid #375868;
}

.hs-submit input.hs-button:hover {
  background-color: rgba(239, 136, 52, 1.0) !important;
  border: 1px solid #EF8834;
  border-color: #EF8834 !important;
  font-size: 16px;
  box-shadow: none;
  color: #fff !important;

}


@media (min-width: 768px) {

  .custom-card .card_content {
    width: 70%;
  }

  .custom-card-2.card_gallery .card_item {
    width: 30%;
    padding-right: 0;
  }

  .custom-card.card_gallery .card_item.text_left .btn_row {
    display: none;
  }

  .custom-card.card_gallery .card_item {
    width: 48%;
    padding-right: 0;
  }

  .custom-card.card_gallery .bottom_row.notshadow .rowGap15 {
    display: flex;
    justify-content: space-between;
    row-gap: 0;
  }

  .custom-card.card_gallery .card_item:last-child {
    padding-left: 0;
  }
  .custom-blog .row-fluid .span7 {
    width: 58.33%;
  }

  .custom-blog .row-fluid .span4 {
    width: 31.914893614%;
  }
  .custom-blog .row-fluid .span5 {
    margin-left: 2.127659574%;
    width: 40.425531911%;
  }
  .custom-blog .row-fluid .span8 {
    width: 65.95744680199999%;
    margin-left: 2.127659574%;
  }
  .custom-blog .row-fluid .span7 {
    width: 57.446808505% !important;
  }
  .custom-blog .row-fluid [class*=span]:first-child {
    margin-left: 0;
  }

  .mg-10.organic-gw.video-card-mdl .video-card-item.multi-video-wrapper .video-holder-wrapper {
    margin-right: 10px !important;
  }
}

@media (min-width: 1280px) {
  .custom-blog .row-fluid [class*=span] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.564102564%;
    min-height: 28px;
    width: 100%;
  }

  .custom-blog .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .custom-blog .row-fluid .span7 {
    width: 57.264957265%;
  }

  .custom-blog .row-fluid .span4 {
    width: 31.623931624%;
  }

  .custom-blog .row-fluid .span8 {
    width: 65.81196581200001%;
  }
  .custom-blog .row-fluid .span7 {
    width: 57.264957265% !important;
  }
}

@media (max-width: 1025px) {
  .gfg-blog-2-cols {
    flex-direction: column;
  }

  #gfg-form-section-2 .airplanes img {
    width: 8% !important;
  }

  .gfg-blog-2-cols .col-1 {
    margin-right: 0;
  }
  .custom-card-3.card_gallery .card_item {
    width: 48% !important;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .hs-blog-post h1, .hs-blog-post h1 span {
    font-size: 36px;
    line-height: 36px;
  }
  .custom-card-3.card_gallery .card_item {
    width:100% !important;
    margin-bottom: 20px;
  }

  .blog-related-post .related-post-item {
    width: 100%;
    margin: 0;
  }

  .blog-related-post .related-title {
    margin-top: 0 !important;
    margin-bottom: 20px;
  }
}

@media(max-width: 767px){
  .custom-blog .latest-blog-post-featured-img-wrapper img {
    min-height: 100%;
    max-height: 389px;
  }
  .migration_test_page form {
    margin-bottom: 40px;
  }
}

@media (max-width: 480px) {
  .recent-post-details-box,
  .recent-post-image-box,
  .trending-post-featured-img,
  .trending-post-featured-side-info {
    width: 100% !important;
  }
  .trending-posts-row a {
    display: block;
  }
  .hs-breadcrumb-menu-wrapper .hs-breadcrumb-menu-item a.hs-breadcrumb-label,
  .hs-breadcrumb-menu-wrapper .hs-breadcrumb-label span {
    font-size: 9px !important;
  }
  .custom-card-2.card_gallery .card_item {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 425px) {
  .hs-blog-post h1,
  .hs-blog-post h1 span {
    font-size: 30px;
    line-height: 27px;
  }
  .authorpage #gtg-top-header-author .row-fluid {
    flex-direction: column;
    margin-right: 0 !important;
  }
  .authorpage .author-page-name {
    margin-top: 0.67em;
  }
  .authorpage #gtg-author-avatar {
    margin-right: 0;
  }
}

ul.hs-error-msgs li:before {
  display: none !important;
}
.organic-gw.video-card-mdl .video-card-item.multi-video-wrapper .video-holder-wrapper {
  flex-basis: unset;
  margin: 0;
}

.organic-gw.video-card-mdl .video-card-item.multi-video-wrapper {
  justify-content: start;
}


@media(max-width:766px){

  .three-column .video-card-item.multi-video-wrapper .video-holder-wrapper {
    margin-right: 20px !important;
    margin-bottom: 20px !important;
  }

  .three-column .video-card-item.multi-video-wrapper .video-holder-wrapper:nth-child(2n) {
    margin-right: 0px !important;
  }
}


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

  .three-column .video-card-item.multi-video-wrapper .video-holder-wrapper {
    margin-right: 0 !important;
  }

}