html {
  scroll-behavior: smooth;
}
/* MENU */
header.header {
  /* padding: 10px; */
  /* position: relative; */
}
/* .header__nav-btn {
  top: 40px;
}
.header__social--top {
  
} */
header > .menu-primary-container {
  /* position: relative;
  top: 10px;
  width: 100%;
  padding-left: 200px;
  padding-right: 150px; */
}
#menu-primary {
  /* position: relative; */
  /* top: 34px; */
}
#menu-primary li a {
  padding: 10px;
}
.menu-item-has-children {
  position: relative;
}
#menu-primary .sub-menu li {
  display: block;
  background-color: white;
  margin: 0;
  text-align: left;
}
#menu-primary li.menu-item-has-children > a {
  /* pointer-events: none; */
  cursor: default;
  transition: opacity 0.2s;
}
#menu-primary .anchor-no-link > a {
  pointer-events: none;
}
#menu-primary .sub-menu li:first-of-type {
  border-top: 2px solid #032f56;
}
#menu-primary .sub-menu li a {
  padding: 10px;
  display: block;
}
.header__nav--top .current-menu-parent > a, 
.header__nav--top a.active {
  /* color: #264576; */
  color: #90a6c4;
}
.header__nav--top a:hover {
  color: #264576;
}
/* .header__menu {
  padding-top: 60px;
  padding-bottom: 60px;
} */
.header__menu > div {
  overflow-y: auto;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
#menu-primary-1 {
  padding-top: 80px;
}
#menu-primary-1 .sub-menu {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s linear;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#menu-primary-1 .sub-menu li {
  display: flex;
  margin-bottom: 5px;
}
#menu-primary-1 .sub-menu--active {
  max-height: 300px;
}
#menu-primary-1 li a {
  font-size: 38px;
  line-height: 1.2em;
  padding: 10px;
}
#menu-primary-1 li a.parent--active {
  opacity: 0.5;
}
#menu-primary-1 li.menu-item-has-children .sub-menu a,
#menu-primary-1 li.menu-item-has-children .sub-menu li {
  font-size: 32px;
}
#menu-primary-1 li.menu-item-has-children .sub-menu li:last-child {
  margin-bottom: 40px;
}
#menu-sidebar ul.sub-menu {}
.service__buttons {
  margin-top: 30px;
  padding-bottom: 50px;
}
.service__buttons a:first-of-type {
  margin-right: 20px;
}
.services__image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  opacity: 0.3;
}
.section.services .section__title.h1 {
  padding-bottom: 50px;
}
#uslugi {
  position: relative!important;
}
.service__buttons a {
  margin-bottom: 20px;
}
.button.button-opened {
  width: 200px;
}
.service__buttons a.button:hover {
  width: 200px;
}
.accordion {
  max-width: 980px
}
.acc-heading {
  margin: 10px 0;
  padding: 20px 0;
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.acc-heading h3 {
  cursor: pointer;
  position: relative;
  width: 100%;
  font-size: 26px;
  padding-right: 30px;
}
.acc-heading.active {
  margin-bottom: 10px;
}
.acc-heading.active h3 {
  pointer-events: none;
  cursor: default;
  background: linear-gradient(-120deg, #13b4ff 20%, #78ec9f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.acc-heading:before {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #78ec9f, #13b4ff);
}
.acc-heading.active:before {
  content: none;
}
.acc-item:last-of-type .acc-heading:before {
  content: none;
}
.acc-item-content {
  padding: 0;
}
.acc-item-content ul {
  padding-left: 20px;
  padding-bottom: 20px;
}
.acc-item-content ul, .acc-item-content ul li {
  list-style: disc;
}
.acc-item-content ul li {
  padding-left: 12px;
}
.acc-item-content p, .acc-item-content h3, .acc-item-content h4, .acc-item-content h5, .acc-item-content li {
  line-height: 1.5;
}
.acc-heading h3:after {
  content: "";
  background-image: url(../images/chevron-down@2x.png);
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 15px;
  width: 20px;
  height: 12px;
  transition: transform 0.3s ease-in-out;
}
.acc-heading.active h3::after {
  background-image: none;
}
/* Clients */
.clients__container, #klienci {
  display: block!important;
}
.clients__heading {
  width: 100%;
  max-width: 100%;
  align-self: flex-start;
  margin-bottom: 30px;
}
.clients__slider {
  padding: 0 40px;
  max-width: 1920px;
  margin: 0 auto;
}
.slick-slide .clients__logo {
  padding: 10px;
  max-height: 90px;
  margin: 40px;
}
/* .slick-slide .clients__logo img {
  max-width: 180px;
} */
.inview.clients__table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.inview.clients__table .clients__logo {
  flex: 0 0 130px;
  max-width: none;
  padding: 20px;
  margin: 5px;
}
.clients .slick-dots li {
  background: #032f56;
  width: 12px;
  height: 12px;
}
/*TESTIMONIALS*/
.js-testimonials-slider {
  padding-bottom: 50px;
}
.testimonials__heading {
  margin-bottom: 30px;
}
.testimonials-inview ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-items: center;
  align-items: stretch;
}
.testimonials-inview ul li {
  flex: 0 0 48%;
  padding: 40px;
  margin-bottom: 30px;
  background: #ffffff0f;
}
.testimonial-wrapper {
  padding: 40px;
  margin: 0 10px;
  background: #ffffff0f;
  height: auto;
  border-radius: 10px;
}
.js-testimonials-slider .slick-track {
  display: flex!important;
}
.testimonial-image {
  width: 120px;
  height: 120px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonials-inview ul li img,
.testimonial-wrapper img {
  background: white;
  height: auto;
  padding: 10px;
}
.testimonials_company {
  opacity: 0.5;
}
.testimonials_name {
  margin: 20px 0 0 0;
  font-size: 24px;
  font-weight: bold;
}
.testimonials-content {
  margin: 20px 0 0 0;
  line-height: 1.5;
}
.testimonials__animdots {
  display: block;
  position: relative;
  top: 45px;
  text-align: center;
}
.testimonials__animdots li {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  margin: 11px;
  border-radius: 50%;
  background: none;
  cursor: pointer;
}
.testimonials__animdots li:after {
  width: 12px;
  height: 12px;
  background: #032f56;
  top: 5px;
}
.js-testimonials-slider-arrows {
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-testimonials-slider-arrows .slick-arrow {
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
  background: white;
  margin: 10px;
  border-radius: 50%;
}
.js-testimonials-slider-arrows .slick-arrow:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 6px;
  background-image: url(../images/chevron-down@2x.png);
  background-size: contain;
}
.js-testimonials-slider-arrows .slick-arrow.next:after {
  transform: rotate(-90deg);
  left: 19px;
  top: 21px;
}
.js-testimonials-slider-arrows .slick-arrow.prev:after {
  transform: rotate(90deg);
  right: 19px;
  top: 20px;
}
.newsletter__container {
  background: #78ec9f;
  background: linear-gradient(135deg, #78ec9f, #13b4ff);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78ec9f', endColorstr='#13b4ff', GradientType=0 );
  padding: 120px 80px;
  border-radius: 15px;
}
.newsletter__info_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0;
}
.newsletter__info__wrapper {
  max-width: 45%;
}
.newsletter__form {
  width: 100%;
  max-width: 600px;
  margin: 40px 0 0 30px;
}
#newsletter-button, .newsletter__info_2 .thankyou-button {
  min-width: 200px;
  background:white;
  color: #264576;
}
/* HUBY */
.hubs-flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 80px;
}

.hubs-flex-wrapper .hubs-item {
  flex: 0 0 30%;
  padding: 25px 30px 30px 30px;
  margin: 15px;
  background: white;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);
}
.hubs-flex-wrapper .hubs-item2 {
  flex: 0 0 46%;
  margin: 15px;
}
.hubs-item .hubs-heading, .hubs-item2 .hubs-heading {
  padding: 20px 0;
  /* background: white;
    display: flex;
    align-items: center;
    justify-content: center; */
}
.hubs-item-content {
  font-size: 15px;
  /* padding: 10px 15px; */
  /* max-width: 95%; */
}
.hubs-item h3, .hubs-item2 h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}
.hubs-item p, .hubs-item2 p  {
  line-height: 1.5;
}
/* .hubs-flex-wrapper .hubs-item:hover {
  background: white;
  box-shadow: 5px 15px 15px 5px rgba(0, 0, 0, 0.09);

} */
@media all and (min-width: 1600px) {
  .service__content, .ie-alert #uslugi .service__title {
    max-width: 1440px;
  }
}
@media all and (max-width: 1599px) and (min-width: 1200px) {
  .service__content, .ie-alert #uslugi .service__title {
    max-width: 1340px;
  }
}
@media all and (max-width: 1339px) {
  #newsletter {
    padding: 0;
    min-height: 0;
  }
  .newsletter__container {
    border-radius: 0;
  }
}
@media all and (min-width: 1200px) {
  /* header.header--scrolled .header__logo, .header.header--scrolled .header__nav-btn {
    top: 10px;
  }
  .logged__in.header--scrolled .header__logo, .logged__in.header--scrolled .header__nav-btn {
    top: 40px;
  } */
  header.logged__in .header__nav--top, header.logged__in .header__social {
    top: 20px;
  }
  .section.services {
    padding: 120px 0 200px 0;
  }
  #menu-primary .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    z-index: 1;
    width: 200px;
    padding-top: 20px;
  }
  #menu-primary .menu-item-has-children:hover .sub-menu {
    display: block;
  }
  .ie-alert #uslugi {
    padding-top: 0!important;
  }
  .ie-alert .service.inview {
    min-height: auto;
    padding-top: 90px;
  }
  .ie-alert #uslugi .service__title {
    margin: 0 auto;
    padding: 0 80px;
    margin-bottom: 30px;
    position: static;
  }
  /* .services__nav-container {
    background: #032f56;
    width: 100%;
    height: 200px;
    padding-top: 90px;
  }
  .services__nav {
    top: 20px;
    left: 80px;
  }
  .services__nav--index li {
    opacity: 0;
  } */
  .service.inview {
    min-height: 70vh;
    padding-bottom: 60px;
  }
  .service.inview:first-of-type {
    top: 200px;
  }
  /* .service__content {
    position: relative;
    margin: 0 auto;
    padding: 0 80px;
  } */
  /* .service-info-p {
    position: static;
    max-width: 1050px;
    font-size: 16px;
    color: black;
  } */
  .services__image.fixed {
    position: fixed;
  }
  .clients__animdots {
    text-align: center;
  }
  .clients__animdots li {
    width: 25px;
    height: 25px;
  }
  .clients__animdots li:after {
    width: 15px;
    height: 15px;
    background: #032f56;
    top: 5px;
    left: 5px;
  }
  .clients__logo img {
    max-height: 50px;
  }
  .newsletter__info_2 .thankyou-button {
    margin: 0 0 0 40px;
    width: 100%;
  }
}
@media all and (max-width: 1199px) {
  /* .header__nav-btn {
    top: 10px;
  } */
  /* .header__logo {
    top: 10px;
  } */

  .clients__logo img {
    max-height: 40px;
  }
  .clients .slick-dots li:before {
    top: -4px;
    left: -4px;
    width: 22px;
    height: 22px;
  }
  .clients .slick-dots li:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
  }
  .clients .slick-dots li {
    width: 15px;
    height: 15px;
  }
  .acc-heading h3 {
    font-size: 22px;
  }
  .acc-heading h3:after {
    top: 5px;
  }
}
@media all and (min-width: 768px) and (max-width: 1199px) {
  #uslugi {
    padding-top: 100px!important;
    padding-bottom: 100px!important;
  }
  .services-container {
    padding: 0!important;
  }
  .service {
    position: relative;
  }
  .service__title {
    margin-bottom: 40px;
    padding-right: 20px;
    height: auto;
  }
  .clients__slider .slick-slide > div {
    display: flex;
    align-items: center;
    margin: 10px 0;
  }
  .newsletter__info_2 .thankyou-button {
    margin: 0 0 0 40px;
    width: 100%;
  }
}
@media all and (max-width: 992px) {
  .newsletter__info_2 {
    flex-direction: column;
    align-items: start;
  }
  .newsletter__info__wrapper {
    max-width: 100%;
  }
  .newsletter__form {
    margin: 40px 0 0 0;
  }
  .newsletter__info_2 .thankyou-button {
    margin: 30px 0;
  }
}
@media all and (min-width: 768px) {
  
}
@media all and (max-width: 767px) {
  .section {
    padding: 80px 0;
  }
  .section__title, .section__heading {
    max-width: 95%;
  }
  .section__title br {
    display: none;
  }
  .service__buttons a {
    width: 200px;
  }
  .service {
    position: relative;
  }
  .service__title {
    margin-bottom: 40px;
    padding-right: 30px;
    height: auto;
  }
  .acc-heading h3 {
    font-size: 18px;
  }
  .acc-item-content h3, .acc-item-content h4 {
    font-size: 17px;
  }
  .clients__slider {
    padding: 0 20px;
  }
  .clients__slider .slick-slide > div {
    display: flex;
    align-items: center;
    margin: 10px 0;
  }
  .slick-slide .clients__logo {
    /* padding: 10px;
    max-height: 110px;
    max-width: 180px; */
    margin: 20px;
  }
  .clients .slick-dots {
    margin-top: 40px;
  }
  .clients .slick-dots li {
    margin: 12px 20px;
  }
  .testimonial-wrapper {
    margin: 0;
    padding: 40px 20px;
  }
  .testimonials-inview ul li {
    flex: 0 0 100%;
  }
  .newsletter__container {
    padding: 100px 40px 60px 40px;
  }
  .newsletter__form {
    max-width: 100%;
  }
  .newsletter__form .input {
    width: 100%;
    margin: 0 0 20px 0;
  }
  #newsletter-button, .thankyou-button {
    width: 100%;
  }
}
@media all and (max-width: 420px) {
  .services__image {
    /* display: none; */
    position: absolute;
    bottom: 0;
    top: auto;
    right: auto;
    left: -100px;
  }
  .newsletter__container .thankyou-button {
    line-height: 1.5;
    padding: 13px 20px;
    height: auto;
    min-height: 48px;
  }
}