.logocontain, .navcontain, .navbuttons {
  flex:1;
}

.navcontain {
  display:inline-flex;
  justify-content:center;
}



.navbuttons {
  display:inline-flex;
  justify-content:flex-end;
}


#language-switcher {
  padding-right:80px;
  -webkit-appearance: none;
  padding: 0 45px 0 30px;
  margin-right: 20px;
  border-radius: 100px;
  background-color: transparent;
  color: #fff;
  border: 0 solid;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  position: absolute;
  padding: 10px 0;
  z-index: 99;
  background-color: #2E2926;
}

header {
  height:80px;
}


.hs-menu-wrapper ul {
  gap:15px;
  flex-wrap:nowrap;
}
header nav ul li a {
  color: #fff;
  white-space: nowrap;
  display:inline-block;
}

header nav ul li li {
  padding:10px;
}


header a:hover {
  color:#D34F21;
}
header nav ul li li:hover { 
  background-color:#D34F21;
  color:#fff;
}

header nav ul li li a:hover { 

  color:#fff;
}

header .cta_button:hover {
  background-color:#fff;
  background-image:none;
  border:none;
}


.lang_switcher_class {
  -webkit-appearance: none!important;
  background-color: transparent!important;
  border: 2px solid!important;
  border-radius: 100px!important;
  color: #fff!important;
  margin-right: 20px!important;
  padding: 0 60px 0 20px !important;
  min-width: 130px;
}
.globe_class {
  background-image:none !important;
  height: auto !important;
  width: auto !important;
}

.lang_list_class li a {
  white-space:nowrap;
}

.navbttn {
  display:none;
}


.lang_list_class li:first-child {
  padding-top: 15px;
  border-top: 1px solid #000;
}

nav .mobshow {
  display:none;
}
.navbuttons .lang_list_class{top: 40px;}

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

  .navbuttons .lang_switcher_class {
    background-image: url(https://www.leveluphcs.com/hubfs/raw_assets/public/LevelUp2023/images/languageswitcher.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    background-image: none !important;
    padding: 0 20px !important;
    margin-right: 0 !important;display:none;
  }
  .langtest {
    {% if content.language == "en-gb" %}
    content: 'English - UK';
    {% elif content.language == "fr-ca" %}
    content: 'Quebecoiş';
    {% elif content.language == "es-mx" %}
    content: 'Spanish';
    {% elif content.language == "en-us" %}
    content: 'English - US';
    {% else %}
    content: '';
    {% endif %}
    height:20px;
    width:300px;
    display:block;
  }
  span.mainlang {
    color: #fff;
    font-size: 18px;
    display: block;
    line-height: 2;
    position: relative;
  }
  .globe_class:before {

    {% if content.language == "en-gb" %}
    content: 'English - UK';
    {% elif content.language == "fr-ca" %}
    content: 'Quebecoiş';
    {% elif content.language == "es-mx" %}
    content: 'Spanish';
    {% elif content.language == "en-us" %}
    content: 'English - US';
    {% else %}
    content: '';
    {% endif %}

    display: block;
    width: 100%;
    padding: 10px 0;
  }
  .lang_switcher_link {
  visibility: hidden;
  position: relative;
}

.lang_switcher_link::after {
  position: absolute;
  left: 0;
  top: 0;
}
.lang_switcher_link[data-language="en-gb"]::after {
  content: "English - UK";
  visibility: visible;
}
.lang_switcher_link[data-language="en-us"]::after {
  content: "English - US";
  visibility: visible;
}

.lang_switcher_link[data-language="es-mx"]::after {
  content: "Spanish";
  visibility: visible;
}
.lang_switcher_link[data-language="fr-ca"]::after {
  content: "Quebecoiş";
  visibility: visible;
}

  header .mobhide {
    display:none;
  }
  nav .mobshow {
    display:block;
  }
  .navbttn {
    position:absolute;
    background-color: #d34f21;
    display: block;
    height: 50px;
    top: 15px;
    width: 50px;
    z-index: 99;
    right: 29px !important;
  }
  /* Width of the scrollbar */
  ::-webkit-scrollbar {
    width: 10px;
  }

  /* Track (background of the scrollbar) */
  ::-webkit-scrollbar-track {
    background: #008dc6;
    border-radius: 10px;
  }

  /* Handle (the draggable part) */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  nav {
    background-color:#121111;
    font-size: 1.2em;
    display:block !important;
    right: -500px;
    top: 80px;
    width: 465px;
    position: fixed;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    overflow:auto;
    scrollbar-width: thin; /* Options: auto, thin, none */
    scrollbar-color: #888 #008dc6; /* Thumb & Track */
    padding-bottom:250px;

  }

  header nav ul li a {
    color: #fff;
    white-space: pre-wrap !important;
  }

  nav a {
    white-space:wrap;
  }

  body.menuactive nav {
    visibility: visible;
    opacity: 1;
    right: 0;
    z-index: 99;
  }

  .hs-menu-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-left: 0;
    flex-direction: column;
    gap:0;
  }

  .hs-menu-wrapper.flyouts .hs-item-has-children ul {
    left: initial;
    opacity: 1;
    position: relative;
    display:none;

  }


  header nav ul li{
    padding: 15px 50px 15px 23px !important;
    border-bottom: 1px solid #404040;
    background: #2D2926;
  }
  header nav ul li:last-child {
    border: none;  
  }
  .hs-menu-wrapper.flyouts .hs-item-has-children ul{margin: 0 -50px 0 -23px;}
  .hs-menu-wrapper.flyouts .hs-item-has-children ul li{ padding: 10px 23px 10px 20px !important; border-bottom: 0;}
  header nav a.mobshow,.nav-lang{border-top:1px solid #404040;         padding: 15px 30px !important;  background: #2D2926;         padding-left: 24px !important; }


  header nav a, header nav a:hover {
    color: #fff !important;

    display: block;
    white-space: nowrap;
  }
  .nav-lang{border-top:1px solid #404040;  background: #2D2926;           padding: 13px 30px !important;        padding-left: 24px !important;}
  .nav-lang .lang_switcher_class{    padding: 0 !important;}
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    top: 100%;
  }
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }

  header a:hover {
    color:#fff;
  }
  header nav ul li:hover ul, header nav ul li:hover ul a { 

    background-color:transparent;
    color:#fff;
  }

  .submenu-open ul {
    display: block !important;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    padding: 0;
    z-index: 99;
    background-color: transparent;

  }

  header {
    padding: 5px 100px 5px 6vw;

  }

  header nav ul>li.hs-item-has-children .child-trigger i{position: relative;}
  /*.wrapper-header .menu ul > li.hs-menu-depth-1:hover > .child-trigger i:before{color:transparent;}*/
  header nav ul>li.hs-item-has-children i:before { color: #fff; content: ""; font-size: 16px; font-style: normal; 
    font-weight: 400;  position: absolute; text-decoration: inherit;
    left: 15px;
    top: 11px;
    width: 35px;
    height: 45px;
    background-position: 36px;
    background: url(https://7216303.fs1.hubspotusercontent-na1.net/hubfs/7216303/raw_assets/public/LevelUp2023/images/languageswitcher.svg);
    font-size: 0;
    background-size: 50px;
    background-repeat: no-repeat;

  }

  header nav ul>li.hs-menu-depth-1 > .child-trigger.child-open i:before ,
  header nav ul>li.hs-menu-depth-2 > .child-trigger.child-open i:before {

    top:5px;        left: 12px;

    transform: translateY(0) translateX(0) rotate(180deg);
    -webkit-transform: translateY(0px) translateX(0) rotate(180deg);
    -moz-transform: translateY(0) translateX(0) rotate(180deg);}

  .hs-menu-wrapper.flyouts .hs-item-has-children.child-open>a {
    z-index: 999 !important;
    position: relative;
    padding: 6px 0 19px !important;
  }
  .navbuttons,.lang_list_class:after, .lang_list_class:before,.lang_list_class:after{display:none!important;}
  header nav ul>li.hs-menu-depth-1 > .child-trigger { position: absolute; top: 0; right: 0; width: 68px; height: 60px; }
  .hs-item-has-children.child-open:before {
    content: "";
    background: #C45731;
    position: absolute;
    width: 100%;
    height: 65px;
    left: 0;
    top: 0;
  }

  .nav-lang{display:block;position:relative;   overflow: hidden;     background-color: #121111;}
  .nav-lang:after{color: #fff;
    content: "";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    text-decoration: inherit;
    right: 15px;
    top: 16px;

    width: 35px;
    height: 45px;
    background-position: 36px;
    background: url(https://7216303.fs1.hubspotusercontent-na1.net/hubfs/7216303/raw_assets/public/LevelUp2023/images/languageswitcher.svg);
    font-size: 0;
    background-size: 50px;
    background-repeat: no-repeat;
  }
  .nav-lang ul.lang_list_class, .nav-lang ul.lang_list_class li {
    background: transparent;
    border: none;
    width: 100%;
    font-size: 18px;
    text-align: left;
    opacity:0;
  }
  .nav-lang.active ul.lang_list_class, .nav-lang.active ul.lang_list_class li {
    opacity:1;
  }
  .nav-lang.active:before {
    content: "";
    background: #C45731;
    position: absolute;
    width: 100%;
    height: 65px;
    left: 0;
    top: 0;
  }
  .nav-lang.active:after {
    top: 3px;
    /*     -moz-transition: all 0.5s ease ; 
    -ms-transition: all 0.5s ease ; 

    -o-transition: all 0.5s ease ; 
    -webkit-transition: all 0.5s ease ; */
    transform: translateY(0) translateX(0) rotate(180deg);
    -webkit-transform: translateY(0px) translateX(0) rotate(180deg);
    -moz-transform: translateY(0) translateX(0) rotate(180deg);
  }
  .globe_class:hover .lang_list_class {
    display: none !important;
  }
  .nav-lang.active ul.lang_list_class {
    position: relative;
    display: block;
    border: 0;
    width: 100%;
    top: 15px;
    left: 0;
    right: 0;
    padding: 0;
    transform: none;
    background: #000;
    min-width: 500px;
    left: -24px;
    margin-bottom: 0;
    padding-bottom: 23px;
  }

  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
    display: block;
    white-space: nowrap;
    color: #C8C8C8 !important;    padding-left: 0 !important;
  }
  .lang_list_class li a{
    display: block;}
  body.menuactive {
    overflow-x: hidden;
  }
  .globe_class:hover .lang_list_class {
    display: block !important;
  }
}


.body-container--blog-post {
  background-color:#fafafa
}

.lang_switcher_class {
  border: 0 !important;
}