404 Not Found

PATH: root / paleypartnerscss

@import "_config";

$font-min: $min-width * $base-font-size / $width-original;
$responsive-font-diff: ($width-original - $min-width) * ($font-min / $font-max);
$responsive-font-diff: $min-width / $width-original;
$responsive-font-min-size: rem-size($font-min, $base-font-size);
$responsive-font-max-size: rem-size($font-max, $base-font-size);
$responsive-font-min-width: rem-size($font-min * $width-original / $base-font-size, $base-font-size);
$responsive-font-max-width: rem-size($font-max * $width-original / $base-font-size, $base-font-size);

@include generateResponsiveFonts(":root", $responsive-font-min-size, $responsive-font-min-width, $responsive-font-max-size, $responsive-font-max-width, rem-size($base-font-size));

.slicknav {
    &_menu {
        background: transparent !important;
        display: none;
        margin-top: -66px;
        margin-top: rem-size(-66px);
        z-index: 1;
    }
    &_btn {
        background-color: transparent !important;
        .slicknav_icon {
            transform: scale(1.5);
            .slicknav_icon-bar {

background-color:#fff;
                transition: $transition-delay all;
                transition: var(--delay) all;
            }
        }
        &:hover {
            .slicknav_icon {
                .slicknav_icon-bar {

}
            }
        }
    }
}

@media only screen and (max-width: rem-size(1684px * $responsive-font-diff)) {
:root{font-size: 0.9rem;}
  .container-wide, .footer .container-wide{padding: 0 5rem;}
    .main--homepage {
        .main__block--2 {
            margin-left: $responsive-margins;
        }
    }
    .header.header--main {
      min-height: 42rem;
  }
    .header {

& .header__slogan{
      bottom: auto;
      top: 14rem;
    }
    &.data__lang{right: 5rem}

& .header__slogan p.white{
          font-size: 0.8rem;
          margin-top: 0.5rem;
          &::before{
            height: 2px;
            margin-bottom: 0.5rem;
          }
        }
      &  .bar__nav {
          font-size: 1rem;
          margin-top: -1rem;
        }
}

.container {
    max-width: 90%;
  }
  .container-margin {
    margin-top: 2rem;
}
  .home__rel {
    margin-top: 0.5rem;
  }
  .home .home__rel {
    margin-top: -10rem;
  }
  .gallery .item-g {
      width: 25%;
    }
  .header.header--main {

min-height: 38rem;
  }

.realizacje .item__name {
    height: 344px;
} & .item_bg {
        bottom: -120%;
      }

.header {
      min-height: 13.5625rem;
        .bar {
            &__logo img{

width: 200px;
            }

}
        & .data__address {
            width: 21%;
            font-size: 0.9rem;
          }

& .header__slogan h1{
          font-size: 1.2rem;
          margin-bottom: 0;
          max-width: 70%;

}
        & .header__slogan p{
          font-size: 0.9rem;
        }

& .data__lang {
            right: 5rem;
          }

}
    .item__name {
      height: 330px;
    }
    .section__heading {
      font-size: 2rem;
      margin-bottom: 1rem;
    }
    .main--contact .main__two-form{margin-top: 2rem;}
    .offer{
      margin-top: 3rem;
      padding-bottom: 5rem;
      background-size: 58%;
    & p {
    font-size: 1.2rem;
    line-height: 1.5;
  }
    & ul {
      font-size: 1.4rem;
    }
  }
  .offer__container::after {
    width: 92%;
    height: 60%;
    left: 22%;
    bottom: -20%;
  }
  .business .left div {
      font-size: 1.3rem;
  & .counter {
    font-size: 3rem;
  }

}
.business .right div {

font-size: 1.4rem;
  & a {

font-size: 1.3rem;
  }
}
.footer{
  font-size: 0.9rem;
  & .footer__container>div a:before{font-size: 1rem;}
  & .footer__container>div a:before { }
}
.business .right div,
.business .left div {

font-size: 1.1rem;
}
.main--contact{
  & .main__two-form p{
    font-size: 1rem;
  }
  & .main__two-form h2{
    margin-bottom: 0;
  }
}
.bar__nav ul ul li {

font-size: 1rem;

}
.btn {
      font-size: 0.9rem;
    }
  .item-desc{
    font-size: 1rem;
  }
  .main p {
    font-size: 1rem;
    line-height: 1.3;
  }

}
@media only screen and (max-width: rem-size(1370px * $responsive-font-diff)) {
  .item_bg h2{
    font-size: 1rem;
  }
  .item__name {
    height: 260px;
  }

}
@media only screen and (max-width: rem-size(1199px * $responsive-font-diff)) {
  .header .data__lang{right: 3rem}
  .container-wide, .footer .container-wide{padding: 0 3rem;}
  .header .slicknav_btn {

margin-right: 3rem;
}
  :root {
    font-size: 0.9rem;
}
    .header {
        background-position: center top;
        $height-top: 422px + 168px;
        min-height: $height-top;
        min-height: rem-size($height-top);

&__heading {
            position: absolute;
            width: 100%;
            bottom: 0;
        }
        & .header__slogan h1{
          font-size: 1.2rem;
            max-width: none;

}
        & .header__slogan p{
          font-size: 1.2rem;
        }
        & .header__slogan p.white{
          font-size: 1rem;
        }
        &__bar {
            margin-bottom: 168px;
            margin-bottom: rem-size(168px);
            padding-bottom: 0;
            overflow: visible;
        }
      & .data__lang {
            right: 11rem;
            top: 75px;
          }
          & .data__contact{
            padding-right: 0;

& span{
             display: block; clear: both;
           }
         }

.bar__nav > ul {
                display: none;

}
        .slicknav {
            &_menu {
                display: block;
                margin-left: 0;
                margin-right: 0;
                padding-left: 0;
                padding-right: 0;
                position: absolute;
                width: 100%;

}
            &_btn {
                top: 50px;
                top: rem-size(50px);
            }
            &_nav {
                a {
                    color: map-get($colors, theme-1) !important;
                    color: var(--color-theme-1) !important;
                    margin-left: 0;
                    &:hover {
                        background-color: map-get($colors, theme-2);
                        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%;
  }

}

@media only screen and (max-width: rem-size(1099px * $responsive-font-diff)) {

html{
    font-size: 10px;
  }
  .gallery .item-g {
      width: 33.33%;
    }
  .item__name {
  height: 340px;
}
.header {
& .bar__logo img {
    width: 157px;
}

}
.business{

& .left {
    width: 100%;
    float: left;
    margin-top: 3rem;
  }
  & .right {
    width: 100%;
    float: right;
    margin-top: 4rem;
  }
}
.footer__container{
    flex-wrap: wrap;
  & div{    flex-basis: 30%;}
  & .footer__nav{
    flex-basis: 100%;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0!important;
    & ul{
      float: none;
      width: 100%;
      text-align: center;
      & li{
        float: none;
        display: inline-block;
      }
    }
  }
  & 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%;}
}

@media only screen and (max-width: rem-size(($width-original - 915px + 350px) * $responsive-font-diff)) {
    .header {
        &__slogan {
            margin-left: 16px;
            margin-left: rem-size(16px);
            margin-right: 16px;
            margin-right: rem-size(16px);
            h1 {

}
        }
    }
}

@media only screen and (max-width: rem-size(759px * $responsive-font-diff)) {

.container-margin {
    margin-top: 2rem;
}

.main--contact .main__two-form{margin-top: 2rem; padding: 2.5rem 5rem;}
.main--contact .main__two-form p {
    font-size: 1.1rem;
  }
  .main--contact .two-form__form{margin: 0;}
  .main .container__form{background: none;}
  .header.header--page{background-size: cover;}
  .header {
      & .header__bar{z-index: 99;}
      & .header--page{background-size: cover;}
      & .header__slogan h1{
        font-size: 1.5rem;

}
      & .header__slogan p {
        display: none;

}
      & .data__address{
        display: none;
      }
      & .bar__data{
        float: right;
        width: 70%;
        & .data__contact{
          width: 100%;
          font-size: 0.8rem;
          & a{
            margin-left: 1.5rem;
          }
        }

}
      & .bar__logo{
        clear: none;
        z-index: 99;
        position: absolute;
        &  img{height: auto;}
      }
      & .header__bg {
          width: 60%;
        }
      & .header__slogan{max-width: 52%;}

}
    .header.header--page {
        min-height: 9.875rem;
    }
    .home {
        .icons {
            &__container {
                padding-bottom: 16px;
                padding-bottom: rem-size(16px);
                padding-top: 16px;
                padding-top: rem-size(16px);
                div {
                    padding-bottom: 16px;
                    padding-bottom: rem-size(16px);
                    padding-top: 16px;
                    padding-top: rem-size(16px);
                    width: 100%;
                }
            }
        }
    }
    .offer__container {
      max-width: 100%;
      padding: 4rem;
      &::after {
        left: 0;
    }
  }
  .business {
    margin-top: 9rem;
  }
  .business__container {
      margin-bottom: 1rem;
    }
    .footer {
        &__container {
            & > div:not([class]) {
                flex-basis: 50% !important;
                text-align: center !important;
                margin-bottom: 1rem;
            }
            & .footer-logo {
            flex-basis: 100%;
            text-align: center;
          }
        }
      }
      .realizacje .item .item-desc .h2 {
        font-size: 1rem;
      }
        .w-65{display: none;}
        .w-35{width: 100%}
        .realizacja .rel-gallery {
            padding-left: 2rem;
          }
          .yellow-bg{padding: 3rem 2.5rem;}
          .gallery .item-g {
              width: 50%;
            }
            .main .container__form{background-image: none;}
}

@media only screen and (max-width: rem-size(639px * $responsive-font-diff)) {

.header__bg-anim-front::before{
    content: '';
    z-index: 9;
    position: absolute;
    pointer-events: none;
    display: block;
    width: 60%;
    height: 140px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+85&0.79+0,0+85 */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0.79) 0%, rgba(255,255,255,0) 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.79) 0%,rgba(255,255,255,0) 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,255,255,0.79) 0%,rgba(255,255,255,0) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.header.header--main {
    min-height: 38rem;
    overflow: visible;
    & .header__slogan p{
      display: none;
    }
  }
  .offer{
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

.offer__container{
    padding: 1rem;
  &::before{
  right: -100%;
  }
}
  .business{
    margin-top: 3rem;
    & .section__heading{
      text-align: center;
      margin-bottom: 0;
    }
    & .left div{
      width: 100%;
      margin-bottom: 2rem;
      & .counter{
        margin-bottom: 0;
      }
    }
  }
  .footer__bottom-bar>div{
    width: 100%;
  }
  .header.header--page::after {

width: 50%;
  }
  .btn {font-size: 0.8rem;}
  .main__map{margin-top: 2rem;}

}

@media only screen and (max-width: rem-size(479px * $responsive-font-diff)) {
  .header__bg-anim-front::before{display: none;}
  .header .bar__logo .dark {display: none;}
  .header .bar__logo .white {display: block;}
  .header .data__lang{right: 10.5rem!important; top: 1.8rem!important;}
  .header.header--page::after {

width: 100%;
  }
  :root {
    font-size: 0.8rem;
}
  .container-wide, .footer .container-wide {
    padding: 0 1rem;
}
.header {
  & .header__bg {
    width: 100%;
    top:0px;
  }
  & .bar__data{display: none;}
  & .header__slogan {
    max-width: 100%;
    }
  & .slicknav_menu {
    top: 35px;
    & .slicknav_nav a{
      font-size: 1.1rem;
    }
  }
  & .slicknav_btn {
    margin-right: 1rem;
}
  & .bar__logo img {
    width: 116px;
}
}
.offer ul {

font-size: 1.2rem;
}
    .footer {
        &__container {
            & > div:not([class]) {
                flex-basis: 100% !important;

}
            .footer {
                &__nav {
                    flex-basis: 100% !important;
                    margin-bottom: 32px;
                    margin-bottom: rem-size(32px);
                    text-align: center !important;
                    .nav__item {
                        margin-bottom: 4px;
                        margin-bottom: rem-size(4px);
                    }
                }
                &__top-btn {
                    flex-basis: 100% !important;
                    text-align: center !important;
                    a {
                        &::before {
                            margin-bottom: 4px;
                            margin-bottom: rem-size(4px);
                        }
                    }
                }
            }
        }
        &__bottom-bar {
            margin-top: 32px;
            margin-top: rem-size(32px);
        }
    }
    .realizacje .item {
      width: 100%!important;
    }
    .realizacja .rel-gallery .owl-nav {
        width: 95%;
      }
      .page-nav  .btn {width: 100%; text-align: center;}
      .gallery .item-g {
          height: 240px;
          width: 100%;
        }

}

@media only screen and (max-width: rem-size(959px * $responsive-font-diff)) {
    .main {
        &__two {
            flex-wrap: wrap;
        }
        &__nav {
            flex-basis: 100%;
            margin-bottom: 32px;
            margin-bottom: rem-size(32px);
            width: 100%;
            #heading__checkbox:checked + .nav__list {
                .nav__item {
                    height: 33px;
                    height: rem-size(33px);
                }
                label {
                    transform: rotateZ(0deg);
                }
            }
            #heading__checkbox:not(:checked) + .nav__list {
                li {
                    &.active, &:hover {
                        background-color: inherit;
                        color: inherit;
                    }
                }
            }
            li:not(.list__heading):not(.active) {
                height: 0;
                overflow: hidden;
            }
            li {
                a {
                    padding: (10px / 3) 25px;
                    padding: rem-size(10px / 3) rem-size(25px);
                }
            }
            .nav__list {
                .list__heading {
                    display: block;
                }
            }
        }
    }
    .realizacje .item {
      width: 50%;
    }
    .main--contact .main__two-form>div{width: 100%; margin-bottom: 2rem;}

}

@media only screen and (max-width: rem-size(1059px * $responsive-font-diff)) {
    .main {
        &--contact {
            .main {
                &__two {
                    &-form {
                        flex-wrap: wrap;
                        justify-content: center;
                        .two-form {
                            &__content, &__form {
                                margin: 16px;
                                margin: rem-size(16px);
                            }
                            &__form {
                                margin-top: 64px;
                                margin-top: rem-size(64px);
                            }
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: rem-size(559px * $responsive-font-diff)) {
  .header .data__lang{right: 11rem; top: 1.4rem;}

.header {
        .data {
            &__container {
                height: 58px;
                height: rem-size(58px);
            }
            &__address, &__contact,  {
                display: none;
            }

}
        & .data__container{
          display: none;
        }
        & .slicknav_menu {
          top: 35px;
        }
    }
    .header.header--page {
    min-height: 7.875rem;
}
}
@media only screen and (max-height: rem-size(890px * $responsive-font-diff)) and  (min-width: rem-size(1370px * $responsive-font-diff)){

}

[+] ..
[-] style-ie9.scss [edit]
[-] _config.scss [edit]
[-] style.scss [edit]
[-] animations.scss [edit]
[-] style.min.css [edit]
[-] responsive.scss [edit]
[-] _init.scss [edit]
[-] style-ie.scss [edit]
[+] hamburgers