/* Default scss partials*/
/* Custom styles for JAHman Theme */
@font-face {
  font-family: "Lora";
  src: url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-regular.eot");
  src: url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-regular.woff") format("woff"), url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-regular.woff2") format("woff2"), url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-regular.ttf") format("truetype"), url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-regular.svg#Lora") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-700.eot");
  src: url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-700.eot?#iefix") format("embedded-opentype"), url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-700.woff") format("woff"), url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-700.woff2") format("woff2"), url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-700.ttf") format("truetype"), url("../../fonts/font-files/lora/lora-v32-latin_latin-ext-700.svg#Lora") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  margin: 0;
  scroll-snap-type: y proximity;
}

body {
  font-family: "Segoe UI";
  width: 100%;
  height: 100%;
  margin: 0;
  scroll-snap-type: y proximity;
  background-color: #FFFFFF;
}

.page-wrapper, .jahman_theme-outer, .region-inner {
  background-color: transparent !important;
}

.page-wrapper hr:not(.field hr), .page-wrapper ul:not(.field ul), .page-wrapper ul li:not(.field ul li), .page-wrapper table:not(.field table) {
  background-color: transparent !important;
}

.page-wrapper li.nav__menu-item > a, .page-wrapper li.nav__menu-item > button, .page-wrapper .login-button-open, .page-wrapper .hamburger-icon button, .block-user-login-block form + .item-list ul li a {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
  background-color: transparent !important;
}

#header {
  position: relative;
  background-color: #FFFFFF;
}
#header #header-inner.header-inner {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  max-height: 18rem;
  flex-wrap: nowrap;
}
#header #header-inner.header-inner #header-flower-1 {
  cursor: pointer;
  transform: rotateX(45deg);
  width: 100%;
  height: auto;
  max-width: 3.6rem;
  position: absolute;
  top: 1.2rem;
  left: -1.6rem;
  z-index: 555;
}
@media only screen and (min-width: 960px) and (max-width: 1320px) {
  #header #header-inner.header-inner #header-flower-1 {
    left: 0rem;
  }
}
@media only screen and (min-width: 720px) and (max-width: 960px) {
  #header #header-inner.header-inner #header-flower-1 {
    left: 0rem;
  }
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #header #header-inner.header-inner #header-flower-1 {
    left: 1.6rem;
  }
}
@media only screen and (max-width: 540px) {
  #header #header-inner.header-inner #header-flower-1 {
    left: 1.6rem;
  }
}
#header #header-inner.header-inner #search-button-open {
  display: none;
}
#header #header-inner.header-inner section.block-system-branding-block .branding-wrapper .branding-first a.site-logo img.site-logo-img {
  position: relative;
  z-index: 444;
  width: 100%;
  height: auto;
  max-width: 24rem;
  min-width: 14rem;
}
#header #header-inner.header-inner section.block-system-branding-block .branding-wrapper .branding-second .site-name a.site-name-link {
  white-space: nowrap;
  font-family: "Segoe UI";
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (max-width: 540px) {
  #header #header-inner.header-inner section.block-system-branding-block .branding-wrapper .branding-second .site-name a.site-name-link {
    font-size: 1.2rem;
  }
}
#header #header-inner.header-inner section.block-system-branding-block .branding-wrapper .branding-second .site-slogan {
  height: 1.5rem;
  margin-top: 2rem;
  font-family: "Segoe UI";
  font-size: 2.6rem;
  font-weight: 200;
}
@media only screen and (max-width: 540px) {
  #header #header-inner.header-inner section.block-system-branding-block .branding-wrapper .branding-second .site-slogan {
    margin-top: 1.4rem;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #header #header-inner.header-inner section.block-system-branding-block {
    width: 100%;
  }
}
@media only screen and (max-width: 540px) {
  #header #header-inner.header-inner section.block-system-branding-block {
    width: 100%;
  }
}
#header .border-line {
  opacity: 0.33;
  position: relative;
  height: 0.3rem;
  padding: 0;
  margin: 0 auto;
  z-index: 333;
  background-image: url(../../images/border-line.png);
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: right center;
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #header .border-line {
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 540px) {
  #header .border-line {
    background-size: 100% auto;
  }
}
#header #header-flower-2 {
  cursor: pointer;
  width: 100%;
  height: auto;
  max-width: 3.6rem;
  position: absolute;
  bottom: -1.8rem;
  right: 28%;
  z-index: 666;
}
@media only screen and (min-width: 960px) and (max-width: 1320px) {
  #header #header-flower-2 {
    right: 24%;
  }
}
@media only screen and (min-width: 720px) and (max-width: 960px) {
  #header #header-flower-2 {
    right: 20%;
  }
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #header #header-flower-2 {
    right: 18%;
  }
}
@media only screen and (max-width: 540px) {
  #header #header-flower-2 {
    right: 12%;
  }
}

#block-jahmantheme-numeralarmowy {
  justify-content: end;
  width: 100%;
}

#main-container {
  background-color: #FFF;
}
#main-container .project-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  width: 100%;
}
#main-container .project-header a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  width: 100%;
  font-family: "Segoe UI";
  font-size: 1.6rem;
  gap: 0.6rem;
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #main-container .project-header a {
    flex-direction: column;
    margin-bottom: 0.6rem;
  }
}
@media only screen and (max-width: 540px) {
  #main-container .project-header a {
    flex-direction: column;
    margin-bottom: 0.6rem;
  }
}
#main-container .border-line {
  opacity: 0.33;
  position: relative;
  height: 0.3rem;
  padding: 0;
  margin: 0 auto;
  z-index: 333;
  background-image: url(../../images/border-line.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right center;
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #main-container .border-line {
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 540px) {
  #main-container .border-line {
    background-size: 100% auto;
  }
}
#main-container .project-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 2.4rem;
  margin-bottom: 2.4rem;
}
#main-container .project-gallery .project_item {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  width: 100%;
  max-width: 240px;
  height: auto;
  position: relative;
  font-family: "Segoe UI";
  align-items: center;
  text-align: center;
}
#main-container .project-gallery .project_item img {
  width: 100%;
  height: auto;
  max-height: 151px;
}
#main-container .project-gallery .project_item img.project_ramka, #main-container .project-gallery .project_item img.phone_ramka {
  position: absolute;
  top: 0;
  left: 0;
}
#main-container .project-gallery .project_item:hover img {
  transform: scale(1.06);
  transform-origin: center center;
}
#main-container .project-gallery .project_item:hover img.project_ramka {
  filter: brightness(5);
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #main-container .project-gallery {
    padding: 1.6rem;
    gap: 1.4rem;
    justify-content: center;
  }
}
@media only screen and (max-width: 540px) {
  #main-container .project-gallery {
    justify-content: center;
  }
}

#parallax-imgs {
  display: flex;
  overflow: hidden;
  background-color: white;
  width: 100%;
  bottom: 0;
  z-index: 0;
  position: relative;
}
#parallax-imgs .layer {
  position: absolute;
  width: 100%;
  display: block;
  z-index: 1;
}
#parallax-imgs #idea {
  display: block;
  opacity: 0;
  bottom: 0;
}
#parallax-imgs #jahman {
  display: block;
  bottom: -260px;
}
#parallax-imgs #monitor {
  display: block;
  bottom: 0;
}
#parallax-imgs #ramka {
  display: block;
  bottom: 0;
}
#parallax-imgs #background {
  display: block;
  z-index: -1;
  bottom: 0;
}
#parallax-imgs #bannerText {
  top: 50%;
  right: 20%;
  left: auto;
  position: absolute;
  text-align: right;
  transform: translateY(-50%);
}
#parallax-imgs #bannerText h3 {
  font-family: "Segoe UI";
  margin-bottom: -0.4rem;
  font-size: 2.4rem;
}
#parallax-imgs #bannerText p {
  font-family: "Segoe UI";
  margin-bottom: 0;
  font-size: 1.8rem;
}
@media only screen and (min-width: 720px) and (max-width: 960px) {
  #parallax-imgs #bannerText {
    right: 5%;
  }
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #parallax-imgs {
    display: none;
  }
}
@media only screen and (max-width: 540px) {
  #parallax-imgs {
    display: none;
  }
}

#primary-menu {
  background-color: #FFF;
}
#primary-menu .hamburger-icon .mobile-menubar-toggler-button:focus, #primary-menu .hamburger-icon .mobile-menubar-toggler-button:focus-within {
  outline: none;
}
#primary-menu .navigation__primary .nav__menu-item {
  position: relative;
}
#primary-menu .navigation__primary .nav__menu-item .nav__menu-link {
  position: relative;
  padding: 1.2rem 2.4rem !important;
}
#primary-menu .navigation__primary .nav__menu-item .nav__menu-link.is-active {
  outline: none !important;
}
#primary-menu .navigation__primary .nav__menu-item .nav__menu-link.is-active::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  opacity: 0.3;
  z-index: -1;
}
#primary-menu .navigation__primary .nav__menu-item .nav__menu-link:hover {
  background-color: #f6f6f6 !important;
}
#primary-menu .navigation__primary .nav__menu-item .nav__menu-link:hover::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  opacity: 0.3;
  z-index: -1;
}
#primary-menu .navigation__primary .nav__menu-item .nav__menu-link:focus, #primary-menu .navigation__primary .nav__menu-item .nav__menu-link:focus-within {
  outline: none;
}
#primary-menu .navigation__primary.toggled {
  margin-bottom: 3.6rem !important;
}
#primary-menu.jahman_theme-sticky {
  padding: 0 4rem !important;
  background-color: #FFFFFF !important;
}
@media only screen and (min-width: 720px) and (max-width: 960px) {
  #primary-menu.jahman_theme-sticky .navigation__primary {
    margin: 0 0 3.6rem 0 !important;
  }
}

.page-wrapper nav ul li > a::after, .page-wrapper nav ul li > button::after {
  background-color: #0056D2;
}

.menu__url-title {
  font-family: "Segoe UI";
  text-transform: uppercase;
}

.field--name-body p {
  font-size: 1.4rem !important;
  line-height: 1.5 !important;
}

#boxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#boxes .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding: 12px;
  font-size: 1.4rem;
  font-family: "Segoe UI";
  opacity: 1;
  width: 33%;
  flex-wrap: wrap;
  display: inline-flex;
  text-align: center;
}
#boxes .box:last-child {
  width: 100%;
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #boxes {
    justify-content: space-around;
  }
  #boxes .box {
    min-width: 240px;
  }
}
@media only screen and (max-width: 540px) {
  #boxes .box {
    min-width: 240px;
  }
  #boxes {
    justify-content: space-around;
  }
}

#bottom-container {
  background: linear-gradient(123deg, #003399, #0056D2);
}
#bottom-container #bottom-container-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8rem;
}
@media only screen and (min-width: 720px) and (max-width: 960px) {
  #bottom-container #bottom-container-inner {
    flex-direction: column;
    gap: 3rem;
  }
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #bottom-container #bottom-container-inner {
    flex-direction: column;
    gap: 3rem;
  }
}
@media only screen and (max-width: 540px) {
  #bottom-container #bottom-container-inner {
    flex-direction: column;
    gap: 3rem;
  }
}
#bottom-container #bottom-box-second {
  max-width: 32rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-left: auto;
  height: auto !important;
}
#bottom-container #bottom-box-second .bottom-box-inner {
  height: auto !important;
  padding: 24px !important;
}
@media only screen and (min-width: 720px) and (max-width: 960px) {
  #bottom-container #bottom-box-second {
    margin: auto !important;
  }
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #bottom-container #bottom-box-second {
    margin: auto !important;
  }
}
@media only screen and (max-width: 540px) {
  #bottom-container #bottom-box-second {
    margin: auto !important;
  }
}
#bottom-container #bottom-box-third {
  background-color: white !important;
  width: 100%;
  max-width: 32rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-right: auto;
  border-radius: 13px;
  height: auto !important;
}
#bottom-container #bottom-box-third .bottom-box-inner {
  height: auto !important;
  padding: 24px !important;
}
#bottom-container #bottom-box-third h2.block__title {
  font-family: "Segoe UI";
  font-size: 2.4rem;
  margin-top: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.6rem;
}
#bottom-container #bottom-box-third label {
  font-family: "Segoe UI";
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
}
#bottom-container #bottom-box-third input {
  margin-bottom: 0.9rem !important;
}
#bottom-container #bottom-box-third input#edit-terms-of-service {
  width: 18px !important;
  height: 18px !important;
}
#bottom-container #bottom-box-third input.webform-button--submit {
  background-color: #0040a1 !important;
  color: #FFFFFF !important;
  font-family: "Segoe UI";
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  padding: 1.2rem 2.4rem !important;
  border: none !important;
  border-radius: 5px !important;
  cursor: pointer;
}
#bottom-container #bottom-box-third input.webform-button--submit:hover {
  background-color: #0056D2 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0.6rem #f6f6f6 !important;
}
#bottom-container #bottom-box-third .form-type-webform-terms-of-service {
  margin-top: 1rem !important;
}
#bottom-container #bottom-box-third fieldset {
  border: none !important;
  padding: 0;
  margin: 0;
}
#bottom-container #bottom-box-third fieldset legend .fieldset-legend {
  font-family: "Segoe UI";
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
}
#bottom-container #bottom-box-third fieldset .fieldset-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
#bottom-container #bottom-box-third fieldset .fieldset-wrapper .webform-type-select {
  margin: 0 !important;
}
@media only screen and (min-width: 720px) and (max-width: 960px) {
  #bottom-container #bottom-box-third {
    margin: auto !important;
    margin-bottom: 3rem !important;
  }
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #bottom-container #bottom-box-third {
    margin: auto !important;
    margin-bottom: 3rem !important;
  }
}
@media only screen and (max-width: 540px) {
  #bottom-container #bottom-box-third {
    margin: auto !important;
    margin-bottom: 3rem !important;
  }
}

.path-node-3 .field--name-body h3 {
  font-size: 2rem;
  font-family: "Segoe UI";
}

#footer-menu-inner {
  background-image: url(../../images/footer_menu_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
#footer-menu-inner .sm-icons a .svg-icon .path-update {
  fill: #444444 !important;
}
#footer-menu-inner .sm-icons a .sm-icon {
  width: 3rem;
  height: 3rem;
}
#footer-menu-inner .sm-icons a:hover .sm-icon {
  background: none !important;
  box-shadow: none !important;
}
#footer-menu-inner .sm-icons a:hover .svg-icon.facebook .path-update {
  fill: #0866ff !important;
}
#footer-menu-inner .sm-icons a:hover .svg-icon.linkedin .path-update {
  fill: #0a66c2 !important;
}
#footer-menu-inner .sm-icons a:hover .svg-icon.rss .path-update {
  fill: #f4b459 !important;
}
#footer-menu-inner .sm-icons a:hover .svg-icon.email .path-update {
  fill: #6555B9 !important;
}
#footer-menu-inner .footer-menu-second .jahman_theme-footer-menu {
  margin: 0;
}
#footer-menu-inner .footer-menu-second .jahman_theme-footer-menu .jahman_theme-footer-menu__item {
  position: relative;
}
#footer-menu-inner .footer-menu-second .jahman_theme-footer-menu .jahman_theme-footer-menu__item a {
  padding: 1.2rem 2.4rem !important;
  font-family: "Segoe UI";
}
#footer-menu-inner .footer-menu-second .jahman_theme-footer-menu .jahman_theme-footer-menu__item a.is-active {
  outline: none !important;
}
#footer-menu-inner .footer-menu-second .jahman_theme-footer-menu .jahman_theme-footer-menu__item a.is-active::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  opacity: 0.3;
  z-index: -1;
  background-size: initial auto;
  background-repeat: no-repeat;
  background-image: url(../../images/border-line.png);
}
#footer-menu-inner .footer-menu-second .jahman_theme-footer-menu .jahman_theme-footer-menu__item a:hover {
  background-color: #f6f6f6 !important;
}
#footer-menu-inner .footer-menu-second .jahman_theme-footer-menu .jahman_theme-footer-menu__item a:hover::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  opacity: 0.3;
  z-index: -1;
  background-size: initial auto;
  background-repeat: no-repeat;
  background-image: url(../../images/hover-border-line.png);
}
#footer-menu-inner .footer-menu-second .jahman_theme-footer-menu .jahman_theme-footer-menu__item a:focus, #footer-menu-inner .footer-menu-second .jahman_theme-footer-menu .jahman_theme-footer-menu__item a:focus-within {
  outline: none;
}

h1.page-title-text {
  font-family: "Segoe UI";
  font-size: 4.6rem;
  font-weight: 300;
  line-height: 0.9;
}
@media only screen and (max-width: 540px) {
  h1.page-title-text {
    font-size: 3.2rem;
    text-align: center;
  }
  h1.page-title-text span {
    justify-content: center;
  }
}

#breadcrumb .breadcrumb-nav .breadcrumb-menu .li-1 {
  position: relative;
}
#breadcrumb .breadcrumb-nav .breadcrumb-menu .li-1 a {
  position: relative;
  font-family: "Segoe UI";
  font-size: 0.7rem;
  color: #444444;
  font-weight: 300;
}
#breadcrumb .breadcrumb-nav .breadcrumb-menu .li-1 a:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  opacity: 0.3;
  z-index: -1;
  background-image: url(../../images/border-line.png);
  background-size: initial auto;
  background-repeat: no-repeat;
}
#breadcrumb .breadcrumb-nav .breadcrumb-menu .li-1 a:hover {
  color: #0040a1;
  font-weight: 300;
  background-color: #f6f6f6 !important;
}
#breadcrumb .breadcrumb-nav .breadcrumb-menu .li-1 a:hover::before {
  background-image: url(../../images/hover-border-line.png);
}
#breadcrumb .breadcrumb-nav .breadcrumb-menu .li-1 .breadcrumb-title {
  position: relative;
  font-family: "Segoe UI";
  font-size: 0.7rem;
  color: #000000;
  font-weight: 600;
}
#breadcrumb .breadcrumb-nav .breadcrumb-menu .li-1 .breadcrumb-title:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  opacity: 0.3;
  z-index: -1;
  background-image: url(../../images/border-line.png);
  background-size: initial auto;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 540px) {
  #breadcrumb {
    display: none;
  }
}

#options .options-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 540px) {
  #options .options-inner {
    flex-direction: column;
  }
}

#footer-banner {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
#footer-banner .parallax-footer-banner-top-image {
  z-index: 666;
  position: absolute;
  top: -0.1rem;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 100%;
}
#footer-banner .parallax-footer-banner-top-image #FooterBannerTriangle, #footer-banner .parallax-footer-banner-top-image #FooterBannerInvertedTriangle {
  display: none;
}
#footer-banner .parallax-footer-banner-bottom-image {
  z-index: 666;
  position: absolute;
  bottom: -0.1rem;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 100%;
}
#footer-banner .parallax-footer-banner-bottom-image #FooterBannerTriangle, #footer-banner .parallax-footer-banner-bottom-image #FooterBannerInvertedTriangle {
  display: none;
}
#footer-banner.paper .parallax-footer-banner-top-image {
  background-image: url(../../images/footer_banner_top_img.png);
  filter: drop-shadow(0 0 0.6rem #666);
  height: 4.5rem;
}
#footer-banner.paper .parallax-footer-banner-top-image #FooterBannerTriangle, #footer-banner.paper .parallax-footer-banner-top-image #FooterBannerInvertedTriangle {
  display: none;
}
#footer-banner.paper .parallax-footer-banner-bottom-image {
  transform: scaley(-1);
  background-image: url(../../images/footer_banner_top_img.png);
  height: 4.5rem;
}
#footer-banner.paper .parallax-footer-banner-bottom-image #FooterBannerTriangle, #footer-banner.paper .parallax-footer-banner-bottom-image #FooterBannerInvertedTriangle {
  display: none;
}
#footer-banner.invertedTriangle .parallax-footer-banner-top-image #FooterBannerInvertedTriangle {
  display: block;
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: #ededed;
  margin-top: -0.1rem;
  position: absolute;
  top: 0;
  z-index: 10;
}
#footer-banner.invertedTriangle .parallax-footer-banner-top-image #FooterBannerInvertedTriangle #FooterBannerInvertedTrianglePath1 {
  fill: #FFF;
}
#footer-banner.invertedTriangle .parallax-footer-banner-top-image #FooterBannerInvertedTriangle #FooterBannerInvertedTrianglePath2 {
  fill: #CCC;
  stroke-width: 0;
}
#footer-banner.invertedTriangle .parallax-footer-banner-top-image #FooterBannerInvertedTriangle #FooterBannerInvertedTrianglePath3 {
  fill: #FFF;
}
#footer-banner.invertedTriangle .parallax-footer-banner-top-image #FooterBannerInvertedTriangle #FooterBannerInvertedTrianglePath4 {
  fill: #efefef;
  stroke-width: 0;
}
#footer-banner.invertedTriangle .parallax-footer-banner-top-image #FooterBannerTriangle {
  display: none;
}
#footer-banner.invertedTriangle .parallax-footer-banner-bottom-image #FooterBannerInvertedTriangle {
  display: block;
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: #ededed;
  margin-bottom: -0.1rem;
  position: absolute;
  bottom: 0;
  z-index: 10;
  transform: rotate(180deg);
  transform-origin: center center;
}
#footer-banner.invertedTriangle .parallax-footer-banner-bottom-image #FooterBannerInvertedTriangle #FooterBannerInvertedTrianglePath1 {
  fill: #FFF;
}
#footer-banner.invertedTriangle .parallax-footer-banner-bottom-image #FooterBannerInvertedTriangle #FooterBannerInvertedTrianglePath2 {
  fill: #efefef;
  stroke-width: 0;
}
#footer-banner.invertedTriangle .parallax-footer-banner-bottom-image #FooterBannerInvertedTriangle #FooterBannerInvertedTrianglePath3 {
  fill: #FFF;
}
#footer-banner.invertedTriangle .parallax-footer-banner-bottom-image #FooterBannerInvertedTriangle #FooterBannerInvertedTrianglePath4 {
  fill: #CCC;
  stroke-width: 0;
}
#footer-banner.invertedTriangle .parallax-footer-banner-bottom-image #FooterBannerTriangle {
  display: none;
}
#footer-banner.triangle .parallax-footer-banner-top-image #FooterBannerTriangle {
  display: block;
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: #ededed;
  margin-top: -0.1rem;
  position: absolute;
  top: 0;
  z-index: 10;
}
#footer-banner.triangle .parallax-footer-banner-top-image #FooterBannerTriangle #FooterBannerTrianglePath1 {
  fill: #FFF;
}
#footer-banner.triangle .parallax-footer-banner-top-image #FooterBannerTriangle #FooterBannerTrianglePath2 {
  fill: #CCC;
  stroke-width: 0;
}
#footer-banner.triangle .parallax-footer-banner-top-image #FooterBannerTriangle #FooterBannerTrianglePath3 {
  fill: #FFF;
}
#footer-banner.triangle .parallax-footer-banner-top-image #FooterBannerInvertedTriangle {
  display: none;
}
#footer-banner.triangle .parallax-footer-banner-bottom-image #FooterBannerTriangle {
  display: block;
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: #ededed;
  margin-bottom: -0.1rem;
  position: absolute;
  bottom: 0;
  z-index: 10;
  transform: rotate(180deg);
  transform-origin: center center;
}
#footer-banner.triangle .parallax-footer-banner-bottom-image #FooterBannerTriangle #FooterBannerTrianglePath1 {
  fill: #FFF;
}
#footer-banner.triangle .parallax-footer-banner-bottom-image #FooterBannerTriangle #FooterBannerTrianglePath2 {
  fill: #efefef;
  stroke-width: 0;
}
#footer-banner.triangle .parallax-footer-banner-bottom-image #FooterBannerTriangle #FooterBannerTrianglePath3 {
  fill: #FFF;
}
#footer-banner.triangle .parallax-footer-banner-bottom-image #FooterBannerInvertedTriangle {
  display: none;
}

#block-jahman-theme-account-menu {
  width: auto;
}
@media only screen and (max-width: 540px) {
  #block-jahman-theme-account-menu {
    display: none;
  }
}

.language-switcher-language-url {
  width: auto;
}
.language-switcher-language-url ul.links {
  display: flex;
  flex-direction: row;
}
.language-switcher-language-url ul.links li img {
  width: 32px !important;
  height: auto;
}
@media only screen and (max-width: 540px) {
  .language-switcher-language-url {
    width: 100%;
  }
  .language-switcher-language-url ul {
    justify-content: center;
  }
}

.view-project-slider {
  position: relative;
  width: 100%;
}
.view-project-slider .view-content {
  position: relative;
  width: 100%;
}
.view-project-slider .view-content::after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background-image: url(../../images/bannry_monitor.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  z-index: 33;
}
.view-project-slider .widget_pager {
  position: relative;
  width: 100%;
  z-index: 33;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.view-project-slider .widget_pager li {
  background-color: #FFF;
  border: 1px solid #CCC;
}
.view-project-slider .widget_pager li.active {
  border: 2px solid #069;
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  .view-project-slider .widget_pager {
    width: 80%;
    margin: auto;
  }
}
@media only screen and (max-width: 540px) {
  .view-project-slider .widget_pager {
    width: 75%;
    margin: auto;
  }
}

@media only screen and (min-width: 540px) and (max-width: 720px) {
  #block-jahman-theme-views-block-project-slider-block-1 .view-content {
    margin-top: 12px;
    transform: scale(1.1);
  }
}
@media only screen and (max-width: 540px) {
  #block-jahman-theme-views-block-project-slider-block-1 .view-content {
    margin-top: 14px;
    transform: scale(1.2);
  }
}

.field--name-field-projekt-galeria {
  padding: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
  justify-content: center;
  gap: 0;
}
.field--name-field-projekt-galeria .field__item {
  position: relative;
  max-width: 19rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 0;
}
.field--name-field-projekt-galeria .field__item:nth-child(even) {
  padding: 28px;
  transform: rotate(5deg);
  background-image: url(../../images/galeria_ramka.png);
}
.field--name-field-projekt-galeria .field__item:nth-child(odd) {
  padding: 26px;
  transform: rotate(-7deg);
  background-image: url(../../images/galeria_ramka1.png);
}
.field--name-field-projekt-galeria .field__item:nth-child(3):after {
  position: absolute;
  display: block;
  bottom: -24px;
  right: -24px;
  width: 72px;
  height: 72px;
  content: url(../../images/kwiatek.svg);
  z-index: 33;
}
.field--name-field-projekt-galeria .field__item:nth-child(4):after {
  position: absolute;
  display: block;
  bottom: -24px;
  left: -24px;
  width: 72px;
  height: 72px;
  content: url(../../images/kwiatek.svg);
  z-index: 33;
}
.field--name-field-projekt-galeria .field__item .field__item {
  padding: 0;
  background: none;
  max-width: unset;
  transform: none;
}

.path-node-10 .field__item video {
  transform: scale(0.85);
}
.path-node-10 .field__item .field__item {
  padding: 0;
  background: none;
  max-width: unset;
  transform: none;
}

.path-node-30 .field--name-field-projekt-galeria .field__item, .path-node-32 .field--name-field-projekt-galeria .field__item, .path-node-33 .field--name-field-projekt-galeria .field__item, .path-node-35 .field--name-field-projekt-galeria .field__item {
  padding: 32px;
  max-width: 420px;
}
.path-node-30 .field--name-field-projekt-galeria .field__item .field__item, .path-node-32 .field--name-field-projekt-galeria .field__item .field__item, .path-node-33 .field--name-field-projekt-galeria .field__item .field__item, .path-node-35 .field--name-field-projekt-galeria .field__item .field__item {
  padding: 0;
  background: none;
  max-width: unset;
  transform: none;
}

.path-node-34 .field--name-field-projekt-galeria .field__item {
  padding: 60px 26px;
}
.path-node-34 .field--name-field-projekt-galeria .field__item .field__item {
  padding: 0;
  background: none;
  max-width: unset;
  transform: none;
}

.path-node-36 .field--name-field-projekt-galeria .field__item, .path-node-37 .field--name-field-projekt-galeria .field__item, .path-node-38 .field--name-field-projekt-galeria .field__item {
  position: relative;
  max-width: 10rem;
  background-size: 100% 100%;
  background-image: url(../../images/phone_ramka.png);
}
.path-node-36 .field--name-field-projekt-galeria .field__item:nth-child(even), .path-node-37 .field--name-field-projekt-galeria .field__item:nth-child(even), .path-node-38 .field--name-field-projekt-galeria .field__item:nth-child(even) {
  padding: 22px 4px 24px 4px !important;
}
.path-node-36 .field--name-field-projekt-galeria .field__item:nth-child(odd), .path-node-37 .field--name-field-projekt-galeria .field__item:nth-child(odd), .path-node-38 .field--name-field-projekt-galeria .field__item:nth-child(odd) {
  padding: 22px 4px 24px 4px !important;
}
.path-node-36 .field--name-field-projekt-galeria .field__item:nth-child(3):after, .path-node-37 .field--name-field-projekt-galeria .field__item:nth-child(3):after, .path-node-38 .field--name-field-projekt-galeria .field__item:nth-child(3):after {
  content: "" !important;
}
.path-node-36 .field--name-field-projekt-galeria .field__item:nth-child(4):after, .path-node-37 .field--name-field-projekt-galeria .field__item:nth-child(4):after, .path-node-38 .field--name-field-projekt-galeria .field__item:nth-child(4):after {
  content: "" !important;
}
.path-node-36 .field--name-field-projekt-galeria .field__item:first-child:after, .path-node-37 .field--name-field-projekt-galeria .field__item:first-child:after, .path-node-38 .field--name-field-projekt-galeria .field__item:first-child:after {
  position: absolute;
  display: block;
  top: -24px;
  left: -24px;
  width: 72px;
  height: 72px;
  content: url(../../images/kwiatek.svg);
  z-index: 33;
}
.path-node-36 .field--name-field-projekt-galeria .field__item:last-child:after, .path-node-37 .field--name-field-projekt-galeria .field__item:last-child:after, .path-node-38 .field--name-field-projekt-galeria .field__item:last-child:after {
  position: absolute;
  display: block;
  bottom: -24px;
  right: -24px;
  width: 72px;
  height: 72px;
  content: url(../../images/kwiatek.svg);
  z-index: 33;
}
.path-node-36 .field--name-field-projekt-galeria .field__item .field__item, .path-node-37 .field--name-field-projekt-galeria .field__item .field__item, .path-node-38 .field--name-field-projekt-galeria .field__item .field__item {
  padding: 0;
  background: none;
  max-width: unset;
  transform: none;
}
.path-node-36 .field--name-field-projekt-galeria .field__item .field__item:first-child:after, .path-node-37 .field--name-field-projekt-galeria .field__item .field__item:first-child:after, .path-node-38 .field--name-field-projekt-galeria .field__item .field__item:first-child:after {
  content: "" !important;
}
.path-node-36 .field--name-field-projekt-galeria .field__item .field__item:last-child:after, .path-node-37 .field--name-field-projekt-galeria .field__item .field__item:last-child:after, .path-node-38 .field--name-field-projekt-galeria .field__item .field__item:last-child:after {
  content: "" !important;
}

@media only screen and (max-width: 540px) {
  #ant {
    display: none;
  }
}

#copyright {
  position: relative;
}
#copyright .copyright-inner {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
  padding: 2.6rem 0.9rem;
}
@media only screen and (min-width: 720px) and (max-width: 960px) {
  #copyright .copyright-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #copyright .copyright-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 540px) {
  #copyright .copyright-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
#copyright .copyright-inner #copyright-flower-1 {
  cursor: pointer;
  transform: rotateX(45deg);
  width: 100%;
  height: auto;
  max-width: 3.6rem;
  position: absolute;
  top: -1.8rem;
  right: 5.6rem;
  z-index: 555;
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
  #copyright .copyright-inner #copyright-flower-1 {
    right: 1.6rem;
  }
}
@media only screen and (max-width: 540px) {
  #copyright .copyright-inner #copyright-flower-1 {
    right: 1.6rem;
  }
}
#copyright .copyright-inner .copyright-first, #copyright .copyright-inner .copyright-second {
  font-family: "Segoe UI";
  font-size: 1rem;
  width: -moz-fit-content;
  width: fit-content;
}
#copyright .copyright-inner:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.5rem;
  opacity: 0.3;
  z-index: -1;
  background-image: url(../../images/border-line.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.node__meta {
  display: none !important;
}

#block-jahman-theme-danekontaktowe h3 {
  font-family: "Segoe UI" !important;
  font-size: 1.6rem;
}

.form-item-wyrazam-zgode-na-przetwarzanie-danych-osobowych-zgodnie-z-obowia {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  align-items: start;
}

.page-wrapper .jahman_theme-textarea, .page-wrapper input:not(.button, [type=submit], [type=checkbox], [type=radio]), .page-wrapper .jahman_theme-select:not(.selectify-select), .page-wrapper .jahman_theme-radio:not(.selectify-radio), .page-wrapper .jahman_theme-check:not(.selectify-checkbox) {
  background-color: #FFFFFF !important;
  border-radius: 5px;
}/*# sourceMappingURL=jahmantheme-handyman.css.map */