/* NAV STYLES */






/* navbar */
.navbar{
  background-color: #1a1a1a !important;
}
/* nav bar tabs color*/
.userful-icon-arrow-down:before, 
.userful-icon-dropdown-toggle:before,
.text-block-1,
.text-block-2,
.text-block-3, 
.text-block-4,
.text-block-5,
.text-block-6{
  color: #fafafa !important;
}

/* logo */
.brand.userful-clearfix.userful-nav-brand{
width: 175px;
}

.image.brand-logo{
  width: 100%;
}



/* remove background from navtabs */
div.nav-item.userful-dropdown,
a.nav-item.userful-nav-link{
  color: #fafafa !important;
  background-color: unset !important;
}

/* Hover Effect */
.text-block-1:before ,
.text-block-2:before ,
.text-block-3:before , 
.text-block-4:before ,
.text-block-5:before ,
.text-block-6:before,
a.nav-item.userful-nav-link:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.text-block-1:hover:before ,
.text-block-2:hover:before ,
.text-block-3:hover:before , 
.text-block-4:hover:before ,
.text-block-5:hover:before ,
.text-block-6:hover:before,
.nav-item.userful-nav-link:hover:before{
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.nav-item.userful-nav-link{
position: relative;
}

/* nav btns */
.nav-buttons .nav-item.userful-nav-link:before,
.nav-buttons .nav-item.userful-nav-link:hover:before{
  visibility: hidden;
}

.nav-buttons{
    display: flex;
    flex-direction: row;
}

.nav-buttons a.nav-item.userful-nav-link + a.nav-item.userful-nav-link{
    color: #1a1a1a !important;
    background-color: #fafafa !important;
    border-color: #fafafa !important;
}

/* lang */
.weglotDesktop{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wg-drop.country-selector .wgcurrent:after{

background-image: url('https://7791772.fs1.hubspotusercontent-na1.net/hubfs/7791772/Icons/2023-Icons/Light/arrow-light.svg') !important;
}


.wg-drop.country-selector a{
    background: #1a1a1a;
}

.wg-drop.country-selector .wgcurrent a {
    padding-right: 30px;
}
.wg-drop.country-selector a{
  margin: 0 auto;
  padding: 0px;
}

.wg-flags a img.wg-flag{
  margin-right:0px !important
}

.wg-drop.country-selector ul {
    background: #fafafa !important;
    border: none !important;
    top: 57px !important;
}

.wg-drop.country-selector :not(.wgcurrent) a{
     background: #fafafa !important;
}

.wg-drop.country-selector .wgcurrent{
  border: none !important;
}

/* hover */
.wg-drop.country-selector :not(.wgcurrent) a:hover,
.wg-drop.country-selector li:hover{
     background: #f1f1f8 !important;
}



/* nav list */

div.dropdown-item-text, 
.dropdown-item.dropdown-resource.userful-inline-block p b,
.dropdown-item.dropdown-resource.userful-inline-block div
{
  color: #1a1a1a !important;
}


.dropdown-item.userful-inline-block:hover{
   background-color: rgba(240, 240, 240, 0.5) !important;
}


.dropdown-icon-block{
  background-color:#1a1a1a !important;
}

.label.nav-label{
  color: rgba(26, 26, 26, 0.5) !important;
}



/* old code */
.brand{
    padding-top: 5px;
    margin-right: 20px;
}
.weglotMobile{
    display: none;
  }
.wg-drop.country-selector ul{
  top: 54px !important;
}
/* menu */
input[type=checkbox].hamburgerMenu{display: none;}
.hamburgerMenu{
  
}

@media screen and (max-width: 1250px) {
  
/*  hamburger  */
  
  .bar{
  width: 30px;
  height: 2px;
  border-radius: 3px;
  margin: 8px;
  background: #fafafa;
  position: relitive;
}
  
  input[type="checkbox"]:checked ~ label > .bar1{
  transform: rotate(45deg);
  position: relative;
  top: 10px;
  transition: all 0.3s ease-in-out
}

input[type="checkbox"]:checked ~ label > .bar2{
 opacity: 0;
 position: absolute;
}

input[type="checkbox"]:checked ~ label > .bar3{
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out
}
  

  .alert-message{
    width: 100%;  
  }




  
  
/*main*/
  /* nav bar tabs color*/
    .userful-icon-arrow-down:before, 
    .userful-icon-dropdown-toggle:before,
    .text-block-1,
    .text-block-2,
    .text-block-3, 
    .text-block-4,
    .text-block-5,
    .text-block-6,
    a.nav-item.userful-nav-link {
      color: #1a1a1a !important;
    }
  
  div.nav-item.userful-dropdown.userful--nav-dropdown-open:hover{
    background-color: #f0f0f0 !important;
  }
  
  .text-block-1:hover:before ,
.text-block-2:hover:before ,
.text-block-3:hover:before , 
.text-block-4:hover:before ,
.text-block-5:hover:before ,
.text-block-6:hover:before,
.nav-item.userful-nav-link:hover:before{
    visibility: hidden;
}
  
    .dropdown-block .row-item {
        margin:0px 0px 00px 0px !important;
        width: 100%
    }

    .menu-button {
        display: block;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #c8c8c8;
        text-align: center;
        min-width: 200px
    }

    .sidebar-tabs {
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .slick-slider .slick-list {
        margin-right: 50px;
        margin-left: 50px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }

    .container {
        display: block
    }

    .container.nav-dropdown-container {
        padding-right: 0px;
        padding-left: 0px
    }

    .nav-item {
        display: block;
        padding: 20px;
        border-bottom: 1px solid #dfe0e3;
        border-radius: 0px;
        font-size: 16px
    }

    .nav-item:hover {
        border-radius: 0px;
        background-color: #f8faff
    }

    .dropdown-list.userful--open {
        position: static;
        margin: 20px -20px -20px
    }

    .section.desktop-hidden {
        display: block
    }

    .section.mobile-hidden {
        display: none
    }

    .button.text-link.news-link {
        margin-top: 10px
    }

    .text.block-text.news-date {
        margin-bottom: 5px
    }

    .customer-logo {
        margin-bottom: 10px
    }

    .column-left-text {
        padding-right: 10px
    }

    .column-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .menu-button {
        padding: 0px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 6px
    }

    .menu-button:hover {
        opacity: .7
    }

    .menu-button.w--open {
        background-color: transparent
    }

    .icon {
        display: block;
        margin-bottom: -2px;
        color: #1f2747;
        line-height: 30px;
        text-align: center
    }

    .cta-block {
        padding: 50px 50px 40px
    }

    .nav-container {
        display: flex;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .userful-nav[data-collapse="medium"] .userful-nav-menu {
        display: none
    }

    .nav-menu {
        overflow: scroll;
        max-height: 100vh;
        float: right;
        background-color: #fff;
        box-shadow: 0 30px 30px 0 rgba(15,24,61,0.07)
    }

    .dropdown-block {
        display: block;
        overflow: visible;
        border-radius: 0px
    }

    .label {
        display: none;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 18px
    }

    .label.nav-label {
        display: block;
        margin-top: 15px;
        margin-bottom: 5px;
        margin-left: 20px
    }

    .dropdown-item {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 15px 20px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px none #000;
        border-radius: 0px
    }

    .dropdown-item.dropdown-resource {
        margin: 20px;
        border-radius: 8px
    }

    .dropdown-item-text {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        line-height: 20px
    }

    .nav-column-inner-block {
        display: block;
        padding: 0px
    }

    .dropdown-icon-block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .center-container {
        display: block
    }

    .h3,h3 {
        line-height: 30px
    }

    .sidebar-menu {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px
    }

    .sidebar-menu.sticky {
        position: static
    }

    .nav-buttons {
        display: none
    }

    .dropdown-list.w--open {
        position: static;
        margin: 20px -20px -20px
    }

    .cta-block-2 {
        display: block;
        padding: 50px 50px 40px
    }

    .schedule-meeting {
        display: none
    }

    .cta-inner-block {
        margin-right: 0px
    }

    .cta-inner-block.half-block {
        margin-right: 0px
    }

    .quote-slide {
        margin-right: 0px;
        margin-left: 0px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }

    .slider-arrow {
        margin: auto
    }

    .slider {
        max-height: none
    }

    .slider.column-slider {
        min-height: 450px
    }

    .left-arrow {
        width: 40px
    }

    .right-arrow {
        width: 40px
    }

    .left-arrow-2 {
        width: 40px
    }

    .right-arrow-2 {
        width: 40px
    }

    .quote-lg {
        margin-bottom: 30px;
        line-height: 30px;
        text-align: center
    }

    .footer {
        padding-right: 20px;
        padding-left: 20px
    }

    .vertical-tabs-section .tabs-menu-2 {
        margin-right: 0px
    }

    .vertical-tabs-section .tabs-menu-2 .tab-block {
        width: auto
    }

    .tabs {
        display: block
    }

    .column-content-left {
        padding-right: 0px
    }

    .column-content-right {
        padding-left: 0px
    }

    .tabs-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .logo-bar {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .image-11 {
        width: 36px;
        margin-bottom: -10px
    }

    .inline-news-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .tabs-content {
        width: 100%
    }

    .slide-nav {
        display: none
    }

    .slide-nav-2 {
        display: none
    }

    .slide-nav-3 {
        display: none
    }
}

@media(max-width:1100px){
  .weglotMobile, .menu-button{
    display: inline-block;
  
  }
  
  .weglotMobile{
    margin-right: 40px !important
      ;
  }
  .weglotDesktop{
    display: none;
  }
  
  .menu-button{     
    position: absolute;
    right: 10px;
  }

}

.nav-dropdown-container .dropdown-icon-block img {
  width: 30px;
  height: 30px;
}