#nav-wrap {
  max-width: 1566px;
  margin: 0 auto;
}

body {
  font-family: "Montserrat", sans-serif;
  background-color: #f5f5f5;
}

#nav-section {
  position: fixed;
  z-index: 10;
}

.scrolled-down #nav-section {
  background-color: #f5f5f5;
}

#nav-section-separator {
  height: 180px;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link {
  color: #181e36;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 50px;
}

.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link:hover {
  color: #9d0c0c;
}

.header-phone-button::before {
  display: none;
}

.header-phone-button:hover::before {
  display: none;
}

#header-phone-button {
  background-color: #9d0c0c;
  padding: 0px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
  width: 236px;
  position: relative;
  top: -10px;
}

#header-phone-button,
#header-phone-button:hover {
  color: #fff;
}

.navbar-light .navbar-nav .nav-item {
  position: relative;
}

.navbar-light .navbar-nav .nav-item:before {
  content: "";
  width: calc(100% - 50px);
  height: 0px;
  background-color: #9d0c0c;
  position: absolute;
  top: -62px;
  right: 0px;
  transition: 0.3s;
}

.navbar-light .navbar-nav .nav-item:hover:before {
  height: 5px;
}

#header-logo {
  height: 176px;
  transition: 1s;
}

.scrolled-down #header-logo {
  height: 99px;
}

#header-language-button {
  margin-left: 40px;
}

#header-language-button div a,
#header-language-button div a:hover {
  color: #181e36;
  text-decoration: none;
}

#header-language-button div {
  background-color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  line-height: 50px;
}

#header-language-button.open #aditional-languages {
  height: auto;
  transition: 0.5s;
}

#header-language-button #aditional-languages {
  height: 0px;
  transition: 0.5s;
}

#header-language-button #aditional-languages div a,
#header-language-button #aditional-languages div a:hover {
  color: #c8c8c8;
  text-decoration: none;
}

#header-language-button #aditional-languages div {
  background-color: transparent;
  opacity: 0;
  transition: 1s;
  height: 30px;
}

#header-language-button.open #aditional-languages div {
  opacity: 1;
  height: 50px;
}

#header-language-button .header-language-button-wrap {
  margin-top: -10px;
}

.navbar-light .navbar-toggler {
  border: none;
  color: #181e36;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("/assets/menu.png");
  background-size: 25.36px 20px;
}

#mobile-header-phone-button {
  display: none;
}

@media (max-width: 1341px) {
  #header-logo {
    height: 99px;
  }

  .navbar-light .navbar-nav .active > .nav-link,
  .navbar-light .navbar-nav .nav-link {
    margin-left: 30px;
    transition: 0.2s;
  }
}

/* NAV ICON */

#nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon:not(.collapsed) span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon:not(.collapsed) span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon:not(.collapsed) span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 14px;
  left: 8px;
}

#nav-icon {
  width: 25px;
  height: 20px;
  /* position: relative; */
  /* margin: 50px auto; */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #181e36;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#footer-container {
  background-color: #ebebeb;
  padding-top: 110px !important;
}

footer {
  max-width: 1566px;
  margin: 0 auto;
}

footer h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 31px;
}

footer p,
footer ul li a,
footer ul li a:hover {
  font-size: 14px;
  color: #181e36;
  font-weight: 300;
  text-decoration: none;
}

footer ul li a,
footer ul li a:hover {
  font-size: 14px;
  color: #181e36;
  font-weight: 300;
  text-decoration: none;
  line-height: 31px;
}

footer ul {
  list-style: none;
  padding: 0;
}

footer .footer-quick-contact a,
footer .footer-quick-contact a:hover {
  color: #9d0c0c;
  font-size: 21px;
  font-weight: bold;
  text-decoration: none;
  line-height: 25px;
}

#footer-ribbon {
  background-color: #9d0c0c;
  min-height: 101px;
}

#footer-ribbon-wraper {
  max-width: 1566px;
  margin: 0 auto;
}

#footer-ribbon-wraper,
#footer-ribbon-wraper a,
#footer-ribbon-wraper a:hover {
  color: #ecc1c1;
  font-size: 14px;
  font-weight: 300;
}

.wraper {
  max-width: 1300px;
  margin: 0 auto;
}

#home-heading-section {
  background-image: url("../assets/&.png");
  background-repeat: no-repeat;
  background-position: top center;
  padding-bottom: 200px !important;
}

#home-heading-section h1 {
  color: #9d0c0c;
  max-width: 1034px;
  font-size: 40px;
  margin: 0 auto;
  text-align: center;
  padding-top: 119px;
}

#home-heading-section p {
  font-size: 16px;
  max-width: 1034px;
  font-weight: lighter;
  margin: 0 auto;
  text-align: center;
  padding-top: 47px;
}

#home-heading-section a {
  display: block;
  margin: 0 auto;
  width: 236px;
  height: 60px;
  color: #fff;
  background-color: #181e36;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  margin-top: 64px;
  transition: 0.2s;
}

#home-heading-section a:hover {
  background-color: #9d0c0c;
}

#home-heading-section a,
#home-heading-section a:hover {
  text-decoration: none;
}

.specialisation.active .specialisation-button {
  background-color: #9d0c0c;
}

.specialisation .specialisation-button {
  margin-right: 8px;
  background-color: #ffffff;
  position: relative;
  width: 210px;
  /* height: 150px; */
  text-align: center;
  cursor: pointer;
}

.specialisation.last .specialisation-button {
  margin-right: 0px;
}

.specialisation:not(.active):hover .specialisation-button:not(.active) div {
  color: #fff;
}

.specialisation:not(.active):hover .specialisation-button {
  background-color: #9d0c0c;
  height: 160px;
}

.specialisation:not(.active):hover .specialisation-button:not(.active)svg {
  fill: #fff !important;
}

.specialisation .specialisation-button svg {
  fill: #181e36 !important;
  width: 50px;
  /* position: absolute; */
  margin: auto;
  top: -25px;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 35px;
}

.specialisation.active .specialisation-button svg {
  fill: #fff !important;
}

.specialisation .specialisation-button div {
  /* position: absolute; */
  top: 100px;
  width: 210px;
  color: #181e36;
  font-size: 14px;
  text-transform: uppercase;
  max-width: 100%;
}

.specialisation.active .specialisation-button div {
  padding-top: 14px;
  color: #fff;
  z-index: 2;
  position: absolute;
}

.specialisation.active .specialisation-button::after {
  content: "";
  width: 100%;
  height: 50px;
  background-color: #9d0c0c;
  position: absolute;
  bottom: -50px;
  left: 0px;
  z-index: 1;
}

.active .specialisation-content {
  display: block;
  width: 1300px;
  background-color: #f5f5f5;
  margin-top: 10px;
  font-weight: 300;
}

.active .specialisation-content-left h2 {
  color: #9d0c0c;
  font-size: 40px;
  margin-bottom: 40px;
}

.active .specialisation-content-left p {
  font-size: 16px;
  padding-right: 75px;
}

.active .specialisation-content-left ul {
  list-style: none;
  padding-left: 20px;
}

.active .specialisation-content-left ul li {
  font-size: 16px;
  padding-right: 55px;
  position: relative;
}

.active .specialisation-content-left ul li::before {
  content: "-";
  position: absolute;
  left: -20px;
}

.specialisation-read-more {
  margin-top: 60px;
  font-size: 14px;
  color: #181e36;
  text-decoration: none;
  position: relative;
}

.specialisation-read-more:hover {
  text-decoration: none;
  color: #9d0c0c;
}

.specialisation-read-more:after {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #181e36;
  position: absolute;
  top: 10px;
  left: 160px;
  transition: 0.3s;
}

.specialisation-read-more:hover:after {
  background-color: #9d0c0c;
  left: 170px;
  width: 60px;
}

.active .specialisation-content-left {
  padding-left: 56px;
  width: 800px;
  background-color: #fff;
  padding-top: 92px;
  display: inline-block;
  padding-bottom: 50px;
}

.active .specialisation-content-right {
  width: 495px;
  padding-top: 92px;
  display: inline-block;
  position: absolute;
  top: 0px;
  padding-left: 83px;
}

.specialisation {
  position: relative;
}

.specialisation-content {
  position: absolute;
  display: none;
  left: 0px;
  box-shadow: 0px 20px 30px #1518231a;
}

.specialisation:nth-child(3) .specialisation-content {
  left: -218px;
}

.specialisation:nth-child(4) .specialisation-content {
  left: -436px;
}

.specialisation:nth-child(5) .specialisation-content {
  left: -654px;
}

.specialisation:nth-child(6) .specialisation-content {
  left: -872px;
}

.specialisation:nth-child(7) .specialisation-content {
  left: -1090px;
}

#specialisatio-section {
  margin-bottom: 600px;
}

.specialisation-hello {
  font-size: 16px;
}

.specialisation-image {
  width: 173px;
  margin-top: 40px;
  margin-bottom: 40px;
  height: 140px;
  aspect-ratio: 173 / 140;
}

.specialisation-image-large {
  height: 275px;
  aspect-ratio: 339 / 275;
}

.specialisation-who {
  font-size: 24px;
}

.specialisation-position {
  padding-top: 10px;
  font-size: 18px;
}

.specialisation-phone {
  font-size: 16px;
  padding-top: 27px;
}

.specialisation-email {
  font-size: 16px;
  padding-top: 10px;
}

#specialisatio-section-title {
  font-size: 40px;
  color: #9d0c0c;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 69px;
}

#partners-section {
  padding-top: 320px !important;
}

#partners-section .partner {
  max-width: 399px;
  display: inline-block;
  background-color: #fff;
  padding-bottom: 27px;
}

#partners-section .partner:nth-child(3n) {
  margin-right: 0px;
}

#partners-section .partner .partner-image img {
  width: 100%;
  transition: 0.3s;
  height: 324px;
  aspect-ratio: 399 / 324;
}

#partners-section .partner .partner-image img:hover {
  opacity: 0.7;
}

#partners-section .partner .partner-title {
  padding-top: 21px;
  color: #9d0c0c;
  font-size: 24px;
  padding-left: 20px;
}

#partners-section .partner .partner-title a,
#partners-section .partner .partner-title a:hover {
  color: #9d0c0c;
  text-decoration: none;
}

#partners-section .partner .partner-subtitle {
  font-size: 18px;
}

#partners-section .partner .partner-description {
  font-size: 14px;
  font-weight: lighter;
  padding-left: 20px;
  padding-top: 22px;
  padding-right: 25px;
}

#partners-section .partner .partner-more-button {
  padding-top: 20px;
  padding-left: 20px;
}

#partners-section .partner .partner-more-button a {
  color: #181e36;
  text-decoration: none;
  font-size: 14px;
  position: relative;
}

#partners-section .partner .partner-more-button a:hover {
  color: #9d0c0c;
}

#partners-section .partner .partner-more-button a::after {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #181e36;
  position: absolute;
  bottom: 7px;
  left: 70px;
  z-index: 1;
  transition: 0.3s;
}

#partners-section .partner .partner-more-button a:hover::after {
  background-color: #9d0c0c;
  left: 80px;
  width: 60px;
}

#partners-section-title {
  display: none;
}

.cta-border-only {
  width: 236px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  text-transform: uppercase;
  color: #181e36;
  display: block;
  border: 1px solid #181e36;
  text-align: center;
  margin: 0 auto;
  transition: 0.3s;
}

.cta-border-only:hover {
  color: #fff;
  text-decoration: none;
  background-color: #181e36;
}

#news-section-title {
  text-align: center;
  color: #9d0c0c;
  font-size: 40px;
  margin-top: 80px;
  margin-bottom: 43px;
}

.news {
  background-color: #fff;
  width: 399px;
  padding-bottom: 22px;
  margin-right: 50px;
  margin-bottom: 60px;
}

.news-image img {
  max-width: 100%;
  height: auto;
}

.news-title a {
  color: #9d0c0c;
}

.news-title a:hover {
  color: #9d0c0c;
  text-decoration: none;
}

.news-title {
  color: #9d0c0c;
  font-size: 24px;
  padding: 20px;
}

.news-teaser {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: lighter;
}

.news-footer {
  margin-top: 56px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

.news-footer a {
  color: #181e36;
  text-decoration: none;
  font-size: 14px;
  position: relative;
}

.news-footer a:hover {
  color: #9d0c0c;
}

.news-footer a::after {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #181e36;
  position: absolute;
  bottom: 7px;
  left: 70px;
  z-index: 1;
  transition: 0.3s;
}

.news-footer a:hover::after {
  background-color: #9d0c0c;
  left: 80px;
  width: 60px;
}

.news-footer span {
  position: absolute;
  right: 20px;
  font-size: 14px;
  color: #c8c8c8;
  font-weight: lighter;
}

.news:nth-child(3n),
.news:last-child {
  margin-right: 0px;
}

#news-section {
  padding-bottom: 80px !important;
}

#header-ribbon-specialisation {
  background-color: #fff;
  padding-top: 49px !important;
  padding-bottom: 52px !important;
}

#header-ribbon-specialisation .wraper {
  position: relative;
}

#header-ribbon-specialisation h2 {
  color: #9d0c0c;
  font-size: 40px;
}

#header-ribbon-specialisation-menu {
  position: absolute;
  right: 0px;
}

.header-ribbon-specialisation-menu-links {
  display: inline-block;
  float: right;
  margin-left: 100px;
}

.header-ribbon-specialisation-menu-links a {
  display: block;
  font-size: 14px;
  color: #181e36;
  position: relative;
}

.header-ribbon-specialisation-menu-links a:hover,
.header-ribbon-specialisation-menu-links a.active {
  text-decoration: none;
  color: #9d0c0c;
}

.header-ribbon-specialisation-menu-links a:after {
  content: "";
  width: 30px;
  height: 2px;
  background-color: #181e36;
  position: absolute;
  top: 10px;
  left: -55px;
  transition: 0.3s;
}

.header-ribbon-specialisation-menu-links a:hover:after,
.header-ribbon-specialisation-menu-links a.active:after {
  background-color: #9d0c0c;
  left: -55px;
  width: 40px;
}

#specialisation-simple .wraper {
  background-color: #ebebeb;
  margin-bottom: 55px;
}

#specialisation-simple-left {
  background-color: #f5f5f5;
  width: 800px;
  padding-top: 50px;
  position: relative;
  padding-right: 115px;
  padding-bottom: 40px;
}

#specialisation-simple-right {
  max-width: 500px;
  padding-top: 50px;
  padding-left: 83px;
  padding-bottom: 50px;
}

#specialisation-simple-left-title svg {
  width: 40px;
  fill: #9d0c0c;
  position: relative;
  left: -68px;
}

#specialisation-simple-left-title h2 {
  display: inline-block;
  font-size: 40px;
  color: #9d0c0c;
  position: absolute;
  left: 0px;
}

#specialisation-simple-left-title {
  margin-bottom: 40px;
}

#specialisation-simple-left p,
#specialisation-simple-left ul {
  font-size: 16px;
  font-weight: lighter;
}

#specialisation-simple-left ul {
  list-style: none;
  padding-left: 20px;
}

#specialisation-simple-left ul li {
  position: relative;
  margin-bottom: 16px;
}

#specialisation-simple-left ul li::before {
  content: "-";
  position: absolute;
  left: -20px;
}

#author-blog-post {
  margin-top: 60px;
  background-color: #9d0c0c;
  padding-left: 33px;
  width: 417px;
  padding-top: 20px;
  font-size: 14px;
  font-weight: lighter;
  color: #fff;
  transition: 0.3s;
}

#author-blog-post-anchor:hover {
  text-decoration: none;
}

#author-blog-post:hover {
  text-decoration: none;
  opacity: 0.75;
}

#author-blog-post-title {
  font-size: 24px;
  font-weight: normal;
  max-width: 329px;
}

#author-blog-post-title a {
  font-size: 24px;
  font-weight: normal;
  color: #fff;
}

#author-blog-post-title a:hover {
  text-decoration: none;
}

#header-ribbon-specialisation .row {
  margin-right: 0px;
}

.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#foter-specialisation-menu {
  display: none;
}

.expandable-content {
  background-color: #fff;
  margin-bottom: 20px;
}

.expandable-content-content {
  display: none;
  padding: 37px;
}

.expandable-content-title {
  font-size: 24px;
  padding-left: 30px;
  padding-top: 17px;
  padding-bottom: 16px;
  background-image: url("../assets/plus.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right center;
  background-position-x: calc(100% - 30px);
  color: #181e36;
}

.expandable-content-title:hover,
.active .expandable-content-title {
  color: #9d0c0c;
  background-image: url("../assets/plus-red.png");
}

.expandable-content a:hover {
  text-decoration: none;
}

.blog-post-image img {
  max-width: 100% !important;
  height: auto;
  margin-top: 28px;
}

.blog-post-style #specialisation-simple-left-title h2 {
  position: static;
}

#author-blog-post-anchor.link-two #author-blog-post {
  margin-top: 0px;
}

#section-contact .company-name {
  font-weight: 600;
  font-size: 16px;
}

#section-contact {
  font-size: 16px;
  font-weight: lighter;
  margin-top: 50px;
  margin-bottom: 60px;
  line-height: 32px;
}

.partner-variant .specialisation-hello {
  margin-top: 40px;
}

.partner-variant h3 {
  font-size: 18px;
  color: #9d0c0c;
}

.only-text-variant .wraper {
  background: none !important;
  padding-top: 60px;
}

#spec-page-separator {
  height: 200px;
}

.links {
  display: none !important;
}

.specialisation-button img {
  max-width: 100%;
}

.specialisation.active .specialisation-button img.inactive {
  display: none;
}

.specialisation:not(.active) .specialisation-button img.active {
  display: none;
}

.specialisation:not(.active):hover .specialisation-button img.inactive {
  display: none;
}

.specialisation:not(.active):hover .specialisation-button img.active {
  display: inline;
}

#specialisation-simple-left.variant-kariera {
  width: initial;
}

@media (max-width: 1350px) and (min-width: 1200px) {
  #specialisation-simple-left,
  #header-ribbon-specialisation h2 {
    padding-left: 37px;
  }
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .active .specialisation-content-left {
    width: 66%;
  }

  .active .specialisation-content-right {
    max-width: 33%;
  }

  .specialisation:nth-child(3) .specialisation-content {
    left: -16.8vw;
  }

  .specialisation:nth-child(4) .specialisation-content {
    left: -33.5vw;
  }

  .specialisation:nth-child(5) .specialisation-content {
    left: -50.2vw;
  }

  .specialisation:nth-child(6) .specialisation-content {
    left: -67vw;
  }

  .specialisation:nth-child(7) .specialisation-content {
    left: -83.7vw;
  }

  #partners-section .partner {
    max-width: 30%;
  }

  #partners-section .partner .partner-image img {
    width: 100%;
    transition: 0.3s;
    height: auto;
  }

  #partners-section .row {
    justify-content: space-between;
  }

  #news-section .news {
    width: 30%;
  }

  #news-section .row {
    justify-content: space-between;
  }
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .news:not(:nth-child(3n)),
  .news:not(:last-child) {
    margin-right: 0px;
  }
}

@media (min-width: 1300px) and (max-width: 1310px) {
  .news:not(:nth-child(3n)),
  .news:not(:last-child) {
    margin-right: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1310px) {
  .specialisation .specialisation-button {
    width: calc(16.1vw - 6.7px);
  }

  .active .specialisation-content {
    max-width: calc(100vw - 40px) !important;
  }

  #news-section .row {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #specialisatio-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .home #partners-section .row {
    justify-content: space-between;
  }

  .home #partners-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .home .partner {
    max-width: 30% !important;
  }

  .specialisation:nth-child(3) .specialisation-content {
    left: calc(-100vw / 5 + (100vw / 25.8));
  }

  .specialisation:nth-child(4) .specialisation-content {
    left: calc(-100vw / 5 * 2 + (100vw / 12.8));
  }

  .specialisation:nth-child(5) .specialisation-content {
    left: calc(-100vw / 5 * 3 + (100vw / 8.6));
  }

  .specialisation:nth-child(6) .specialisation-content {
    left: calc(-100vw / 5 * 4 + (100vw / 6.6));
  }

  .specialisation:nth-child(7) .specialisation-content {
    left: calc(-100vw + (100vw / 5.3));
  }
}

@media (max-width: 1200px) {
  .news-image {
    text-align: center;
  }

  #author-blog-post-title {
    font-size: 18px !important;
  }
}

@media (max-width: 1450px) {
  #specialisation-simple-left-title svg {
    left: 0;
    top: -12px;
  }

  #specialisation-simple-left-title h2 {
    position: static;
  }
}

@media (min-width: 768px) {
  #author-blog-post {
    padding-bottom: 15px;
    padding-right: 10px;
  }
}

.news {
  position: relative;
  padding-bottom: 100px;
}

.news-footer {
  position: absolute;
  bottom: 22px;
  width: 100%;
}