404 Not Found

PATH: root / wulkancss

/* FUNCTIONS */
/* MIXINS */
/* DEFINITIONS */
/* 32px */
:root {
  --responsive-font-min-width: 119.99994rem;
  --responsive-font-max-width: 120rem;
  --responsive-font-min-size: 1.0rem;
  --responsive-font-max-size: 1rem;
  --xx: calc(var(--responsive-font-min-width) / 100);
  --yy: calc(100 * (var(--responsive-font-max-size) - var(--responsive-font-min-size)) / (var(--responsive-font-max-width) - var(--responsive-font-min-width)));
  --zz: calc(var(--responsive-font-min-size) / var(--font-size) * 1rem);
}

_:default:not(:root:root),
html {
  animation: webkitfix 1s forwards infinite;
}

@media (max-width: 119.99994rem) {
  :root {
    font-size: 1.0rem;
  }
}

@media (min-width: 119.99994rem) {
  :root {
    font-size: calc(1.0rem + ((1vw - 1.2rem) * 0.83333));
    /*font-size: calc(var(--zz) + ((1vw - var(--xx)) * var(--yy)));*/
  }
}

.slicknav_menu {
  background: transparent !important;
  display: none;
  margin-top: -66px;
  margin-top: -4.125rem;
  z-index: 1;
}

.slicknav_btn {
  background: transparent !important;
}

.slicknav_btn .slicknav_icon {
  transform: scale(1.5);
}

.slicknav_btn .slicknav_icon .slicknav_icon-bar {
  transition: 0.33s all;
  transition: var(--delay) all;
}

.slicknav_btn:hover .slicknav_icon .slicknav_icon-bar {
  background: #000;
}

body .slicknav_menu .slicknav_menutxt {
  color: #000;
  text-shadow: none;
  line-height: 1;
  float: left;
  color: #000;
  font-weight: 500;
  margin-top: -1px;
}

@media only screen and (max-width: 105.24995rem) {
  :root {
    font-size: 0.9rem;
  }
  .header .bar__logo img {
    width: 280px;
  }
  .header .bar__nav {
    font-size: 1.2rem;
  }
  .container-wide,
  footer .footer__container,
  .footer .container-wide {
    padding: 0 4rem;
  }
  .header__bg-anim-front {
    top: 105px;
  }
  .page-padding {
    padding: 0px 10rem;
  }
  .gallery a {
    background-size: contain;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 86.24996rem) {
  .header {
    min-height: 520px;
  }
  .header__slogan h1, .header__slogan .slogan__big {
    font-size: 1.35rem;
  }
  .header__slogan p, .header__slogan .slogan-p {
    font-size: 1.8rem;
  }
  .header .bar__logo img {
    width: 220px;
  }
  .header .bar__nav {
    width: 76%;
  }
  .row-flex {
    padding: 0px 3rem;
  }
  .header .bar__nav {
    font-size: 1rem;
  }
  .menu-id-36 .page-padding {
    background-image: url(../images/assets/bg-mapa.jpg);
    background-position: left 1% bottom 50px;
    background-repeat: no-repeat;
    background-size: 100px;
    padding: 0 4rem;
  }
  .menu-id-36 .page-padding::after {
    background-size: 200px;
    right: 0;
    top: 10px;
    z-index: -1;
    background-position: right top;
  }
}

@media only screen and (max-width: 74.93746rem) {
  :root {
    font-size: 0.9rem;
  }
  .header {
    background-position: center top;
    min-height: 590px;
    min-height: 36.875rem;
  }
  .header .bar__nav > ul {
    display: none;
  }
  .header .slicknav_menu {
    display: block;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    width: 100%;
  }
  .header .slicknav_btn {
    top: 20px;
    top: 1.25rem;
  }
  .header .slicknav_nav a {
    color: #000 !important;
    color: var(--color-theme-1) !important;
    margin-left: 0;
  }
  .header .slicknav_nav a:hover {
    background-color: #cb252d;
    background-color: var(--color-theme-2);
    border-radius: 0;
    color: white !important;
  }
  .header.header--page {
    min-height: 13.5625rem;
  }
  .section__heading {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .offer__container {
    max-width: 75%;
  }
  .realizacje .item {
    width: 33%;
  }
  .w-65 img {
    max-width: 100%;
  }
  .flex-jakosc {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

@media only screen and (max-width: 68.68746rem) {
  .item__name {
    height: 340px;
  }
  .header .bar__logo img {
    width: 157px;
  }
  .business .left {
    width: 100%;
    float: left;
    margin-top: 3rem;
  }
  .business .right {
    width: 100%;
    float: right;
    margin-top: 4rem;
  }
  .footer__container {
    flex-wrap: wrap;
  }
  .footer__container div {
    flex-basis: 30%;
  }
  .footer__container .footer__nav {
    flex-basis: 100%;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0 !important;
  }
  .footer__container .footer__nav ul {
    float: none;
    width: 100%;
    text-align: center;
  }
  .footer__container .footer__nav ul li {
    float: none;
    display: inline-block;
  }
  .footer__container div a.icon-location::before {
    left: -28px;
    top: calc(50% - 10px);
  }
  .right-o {
    margin-bottom: 2rem;
  }
  .left-o, .right-o {
    width: 100%;
    padding-right: 0;
  }
  .border {
    max-width: none;
    width: 100%;
  }
  .o-1 {
    margin-top: 1rem;
  }
  .yellow-bg {
    margin: 2rem 0;
  }
  p.img2::after, p.img1::after {
    display: none;
  }
  .r2 {
    padding: 0;
  }
  .r2.last {
    margin-top: 2rem;
  }
  .main img {
    width: 100%;
  }
  .page-padding {
    padding: 0px 0rem;
  }
}

@media only screen and (max-width: 66.18747rem) {
  .btn {
    margin-top: 1rem;
    line-height: 1;
    font-size: 1rem;
    padding: .7rem 1.5rem;
  }
  .header,
  .header__bar {
    overflow: visible;
    z-index: 99;
  }
  .row-flex > div {
    width: 100%;
    margin-bottom: 4rem;
    padding: 0px 2rem;
    flex: 0 1 100%;
  }
  .row-flex > div p > img {
    width: 40%;
    float: left;
    margin-right: 2rem;
  }
  .row-flex > div h2 {
    margin-top: 0;
    font-size: 1.6rem;
  }
  .row-flex {
    padding: 0px 0rem;
  }
  .news {
    padding: 0px 300px 0px 0rem;
    background-size: 202px;
    background-position: right bottom;
  }
  .cytat {
    position: relative;
    padding: 2rem 3rem 0px 3rem !important;
  }
  .cytat h3 {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .icon-phone {
    display: inline;
  }
  .icon-phone span {
    display: inline-block;
  }
  .header {
    min-height: 31.875rem;
  }
  .header__slogan h1, .header__slogan .slogan__big {
    font-size: 1.1rem;
  }
  .header__slogan p, .header__slogan .slogan-p {
    font-size: 1.2rem;
  }
  .header__slogan {
    top: 32%;
  }
  .social-icon {
    margin-top: 3rem;
    width: 100%;
    text-align: center;
  }
  .main--contact .main__two-form {
    flex-wrap: wrap;
    justify-content: center;
  }
  .main--contact .main__two-form .two-form__content, .main--contact .main__two-form .two-form__form {
    margin: 16px;
    margin: 1rem;
  }
  .main--contact .main__two-form .two-form__form {
    margin-top: 64px;
    margin-top: 4rem;
  }
  .gallery-jakosc {
    margin-left: 20px;
    margin-right: 20px;
    width: 90%;
  }
  .main .full-width {
    padding-bottom: 4rem;
    display: inline-block;
  }
  .main .full-width h2 {
    font-size: 1.5rem;
  }
  .flex-jakosc {
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4rem;
  }
  .flex-jakosc .col-2 {
    width: 100%;
    margin: 0;
  }
  .xs-2 {
    order: 2;
  }
  .xs-1 {
    order: 1;
  }
}

@media only screen and (max-width: 55.62497rem) {
  .footer .adres {
    flex-basis: 100%;
    margin-top: 4rem;
  }
  .footer p.icon-phone {
    margin-bottom: 2rem;
    display: inline-block;
  }
}

@media only screen and (max-width: 47.43748rem) {
  :root {
    font-size: 0.8rem;
  }
  .col-2 > div {
    width: 100%;
  }
  .iframe {
    padding: 0;
  }
  .iframe iframe {
    width: 100% !important;
    height: auto !important;
  }
  .cytat.c2 {
    margin-top: 5rem;
  }
  .header {
    min-height: 371px;
  }
  .header__slogan {
    top: 28%;
  }
  .row-flex > div p > img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .news {
    padding: 0px 208px 0px 0rem;
    background-size: 164px;
    background-position: right -11px bottom;
  }
  .header .data__contact {
    font-size: .6rem;
  }
  .container-wide, footer .footer__container, .footer .container-wide {
    padding: 0 2rem;
  }
  .row-flex {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .header__bar {
    z-index: 9;
  }
  .header__bar .bar__logo {
    z-index: 50;
  }
  .header__bar .bar__logo {
    margin-top: -6px;
  }
  .col-3 {
    margin: 3rem 0;
    flex-wrap: wrap;
  }
  .col-3 > div {
    width: 100%;
  }
  .menu-id-36 .page-padding {
    background: none;
    padding: 0 2rem;
  }
  .menu-id-36 .page-padding::after {
    background-size: 100px;
    right: 0;
    top: 10px;
    z-index: -1;
    background-position: right top;
  }
  .main__left {
    float: left;
    width: 100%;
  }
  .main--contact .two-form__form {
    float: left;
    width: 100%;
    margin: 2rem 0 0 0;
  }
}

@media only screen and (max-width: 29.93748rem) {
  main {
    margin-top: 2rem;
  }
  .big2 {
    font-size: 1.4rem;
  }
  .btn {
    letter-spacing: 0px;
  }
  .menu-id-36 .page-padding {
    padding: 0;
  }
  .header__slogan p, .header__slogan .slogan-p {
    font-size: 1rem;
    letter-spacing: 0px;
  }
  .header__slogan h1, .header__slogan .slogan__big {
    letter-spacing: 0px;
  }
  .header .slicknav_btn {
    top: 31px;
    margin-right: 2rem;
  }
  .header__bg-anim-front {
    top: 74px;
  }
  .header {
    min-height: 250px;
  }
  .news {
    padding: 0;
    background: none;
  }
  .data__contact .icon-phone {
    display: none;
  }
  .footer__container > div:not([class]) {
    flex-basis: 100% !important;
  }
  .footer__container .footer__nav {
    flex-basis: 100% !important;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    text-align: center !important;
  }
  .footer__container .footer__nav .nav__item {
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
  }
  .footer__container .footer__top-btn {
    flex-basis: 100% !important;
    text-align: center !important;
  }
  .footer__container .footer__top-btn a::before {
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
  }
  .footer__bottom-bar {
    margin-top: 32px;
    margin-top: 2rem;
  }
  .galeria2 {
    flex-wrap: wrap;
  }
  .galeria2 .item-g {
    width: 100%;
  }
  .gallery-jakosc {
    width: 70%;
    margin: auto;
  }
  .cytat::before {
    font-size: 14rem;
    top: -2.5rem;
    left: 0;
  }
  .footer h4 {
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 34.93748rem) {
  .header .data__lang {
    right: 11rem;
    top: 1.4rem;
  }
  .header .data__container {
    height: 58px;
    height: 3.625rem;
  }
  .header .data__address, .header .data__contact {
    display: none;
  }
  .header .data__container {
    display: none;
  }
  .header .slicknav_menu {
    top: 35px;
  }
  .header.header--page {
    min-height: 7.875rem;
  }
}
/*# sourceMappingURL=responsive.css.map */

[-] responsive.css [edit]
[-] animations.css [edit]
[-] style-ie9.css [edit]
[-] style-ie.min.css [edit]
[-] magnific-popup.css [edit]
[-] responsive.css.map [edit]
[-] hamburgers.min.css.map [edit]
[+] ..
[-] animation.css [edit]
[-] troniny-ie7-codes.css [edit]
[-] style-ie9.min.css.map [edit]
[-] owl.carousel.min.css [edit]
[-] troniny-ie7.css [edit]
[-] responsive.min.css [edit]
[-] style.css.map [edit]
[-] normalize.min.css [edit]
[-] lightbox.min.css [edit]
[-] reset.css [edit]
[-] animations.min.css.map [edit]
[-] lightgallery.css [edit]
[-] animations.min.css [edit]
[-] lg-transitions.css [edit]
[-] slicknav.min.css [edit]
[-] style-ie.min.css.map [edit]
[-] owl.theme.green.min.css [edit]
[-] troniny.css [edit]
[-] lightslider.min.css [edit]
[-] owl.video.play.png [edit]
[-] style-ie.css.map [edit]
[-] normalize.css [edit]
[-] lightgallery.min.css [edit]
[-] style-ie9.css.map [edit]
[-] style-ie.css [edit]
[-] style.min.css [edit]
[-] hamburgers.css [edit]
[-] style.css [edit]
[-] lg-fb-comment-box.css [edit]
[-] lg-transitions.min.css [edit]
[-] troniny-codes.css [edit]
[-] lg-fb-comment-box.min.css [edit]
[-] troniny-embedded.css [edit]
[-] ajax-loader.gif [edit]
[-] style-ie9.min.css [edit]
[-] hamburgers.css.map [edit]
[-] responsive.min.css.map [edit]
[-] hamburgers.min.css [edit]
[-] animate.css [edit]
[-] owl.theme.default.min.css [edit]
[-] style.min.css.map [edit]
[-] animations.css.map [edit]