/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

.container.grid {
	 display: grid;
}
 .container .row {
	 display: grid;
	 grid-template-columns: repeat(12,1fr);
	 grid-gap: 20px;
	 padding-bottom: 20px;
}
 .container .row.bottom {
	 align-self: end;
}
 .container .row.top {
	 align-self: start;
}
 .container .row .grid {
	 display: grid;
}
 .container .row .grid.content-center-v {
	 align-content: center;
}
 .container .row .grid.content-center-h {
	 justify-content: center;
}
 .container .row .grid.content-end-v {
	 align-content: end;
}
 .container .row .grid.content-end-h {
	 justify-content: end;
}
 .container .row .full {
	 grid-column: 1 / span 12 !important;
}
 .container .row .one-half {
	 grid-column: 1 / span 6;
}
 .container .row .one-half.middle {
	 grid-column: 4 / span 6 !important;
}
 .container .row .one-half:nth-child(2) {
	 grid-column: 4 / span 6;
}
 .container .row .one-half:last-child {
	 grid-column: 7 / span 6;
}
 .container .row .one-half + .one-fourth {
	 grid-column: 7 / span 3 !important;
}
 .container .row .one-half + .one-sixth {
	 grid-column: 7 / span 2 !important;
}
 .container .row .one-half + .one-sixth + .one-sixth {
	 grid-column: 9 / span 2 !important;
}
 .container .row .one-third {
	 grid-column: 1 / span 4;
}
 .container .row .one-third.middle {
	 grid-column: 5 / span 4 !important;
}
 .container .row .one-third:nth-child(2) {
	 grid-column: 5 / span 4;
}
 .container .row .one-third:last-child {
	 grid-column: 9 / span 4;
}
 .container .row .one-third + .one-sixth {
	 grid-column: 5 / span 2 !important;
}
 .container .row .one-third + .one-sixth + .one-sixth {
	 grid-column: 7 / span 2 !important;
}
 .container .row .one-third + .one-sixth + .one-sixth + .one-sixth {
	 grid-column: 9 / span 2 !important;
}
 .container .row .two-thirds {
	 grid-column: 1 / span 8;
}
 .container .row .two-thirds.middle {
	 grid-column: 3 / span 8 !important;
}
 .container .row .two-thirds:nth-child(2) {
	 grid-column: 2 / span 8;
}
 .container .row .two-thirds:last-child {
	 grid-column: 5 / span 8 !important;
}
 .container .row .two-thirds + .one-sixth {
	 grid-column: 9 / span 2 !important;
}
 .container .row .one-fourth {
	 grid-column: 1 / span 3;
}
 .container .row .one-fourth:nth-child(2) {
	 grid-column: 4 / span 3;
}
 .container .row .one-fourth:nth-child(3) {
	 grid-column: 7 / span 3;
}
 .container .row .one-fourth:last-child {
	 grid-column: 10 / span 3 !important;
}
 .container .row .one-sixth {
	 grid-column: 1 / span 2;
}
 .container .row .one-sixth:nth-child(2) {
	 grid-column: 3 / span 2;
}
 .container .row .one-sixth:nth-child(3) {
	 grid-column: 5 / span 2;
}
 .container .row .one-sixth:nth-child(4) {
	 grid-column: 7 / span 2;
}
 .container .row .one-sixth:nth-child(5) {
	 grid-column: 9 / span 2;
}
 .container .row .one-sixth:last-child {
	 grid-column: 11 / span 2 !important;
}
 .container .row .one-sixth.middle:only-child {
	 grid-column: 6 / span 2 !important;
}
 .container .row .one-sixth + .two-thirds {
	 grid-column: 3 / span 8;
}
 .container .row div:last-child {
	 grid-column: 12 / span 1;
}
 @media (max-width: 768px) {
	 .container.tablet-stack .row .sm-hide {
		 display: none;
	}
	 .container.tablet-stack .row.sm-hide {
		 display: none;
	}
	 .container.tablet-stack .row div, .container.tablet-stack .row .one-fourth:last-child, .container.tablet-stack .row .one-sixth:last-child, .container.tablet-stack .row .one-half + .one-fourth, .container.tablet-stack .row .one-half + .one-sixth, .container.tablet-stack .row .one-half + .one-sixth + .one-sixth, .container.tablet-stack .row .two-thirds:last-child, .container.tablet-stack .row .two-thirds + .one-sixth, .container.tablet-stack .row .one-third + .one-sixth, .container.tablet-stack .row .one-third + .one-sixth + .one-sixth, .container.tablet-stack .row .one-third + .one-sixth + .one-sixth + .one-sixth, .container.tablet-stack .row .two-thirds.middle, .container.tablet-stack .row .one-half.middle, .container.tablet-stack .row .one-third.middle, .container.tablet-stack .row .one-sixth.middle:only-child {
		 grid-column: 1 / span 12 !important;
	}
}
 @media (max-width: 576px) {
	 .container.mobile-stack .row .sm-hide {
		 display: none;
	}
	 .container.mobile-stack .row.sm-hide {
		 display: none;
	}
	 .container.mobile-stack .row div, .container.mobile-stack .row .one-fourth:last-child, .container.mobile-stack .row .one-sixth:last-child, .container.mobile-stack .row .one-half + .one-fourth, .container.mobile-stack .row .one-half + .one-sixth, .container.mobile-stack .row .one-half + .one-sixth + .one-sixth, .container.mobile-stack .row .two-thirds:last-child, .container.mobile-stack .row .two-thirds + .one-sixth, .container.mobile-stack .row .one-third + .one-sixth, .container.mobile-stack .row .one-third + .one-sixth + .one-sixth, .container.mobile-stack .row .one-third + .one-sixth + .one-sixth + .one-sixth, .container.mobile-stack .row .two-thirds.middle, .container.mobile-stack .row .one-half.middle, .container.mobile-stack .row .one-third.middle, .container.mobile-stack .row .one-sixth.middle:only-child {
		 grid-column: 1 / span 12 !important;
	}
}

body {
    font-family: 'Montserrat';
    font-size:12px;
    line-height:1.75;
}

a {
    color:#ed1c24;
    text-decoration: none;
}

a.button {
    color:#fff;
    background-color: #ed1c24;
    padding:8px 10px;
    text-transform: uppercase;
    border-radius:2px;
}

a.button:hover {
    color:#fff;
}

a.button_lite {
    border:2px solid #ed1c24;
    padding:6px 16px;
    border-radius:2px;
}

img.icon {
    width:auto; height:64px;
}

.accent {
    fill:#ed1c24;
}

h1 {
    color: #363636;
    font-size:42px;
    font-weight:800;
    line-height:1;
    margin:40px 0 8px 0;
    letter-spacing: -2px;
}

h1 span {
    color: #ed1c24;
}

h2 {
    color: #4f595d;
    font-size:32px;
    font-weight:900;
    margin-bottom:20px;
    line-height:1.2;
    position:relative;
    letter-spacing: -1px;
}

h2 span {
    color:#363636;
}

h2:after {
    content:"";
    display:block;
    position:absolute;
    width:100px; height:3px;
    bottom:-15px; 
    left:50%; transform: translateX(-50%);
    background-color:#ed1c24;
    
}

.text-left h2:after {
    left:0; transform: translateX(0);
}

.text-right h2:after {
    right:0; transform: translateX(0);
}

h3 {
    color: #717e83;
    font-size:18px;
    font-weight:800;
    line-height:1.3;
    position:relative;
    margin:24px 0 12px 0;
}

.inverse h3,
.inverse p {
    color:#f2f2f2;
}

h4 {
    color: #363636;
    font-size:16px;
    font-weight:600;
    line-height:1.2;
    position:relative;
    margin-bottom:12px;
}

h4:after {
    content:"";
    display:block;
    position:absolute;
    width:50px; height:2px;
    bottom:-15px; 
    left:50%; transform: translateX(-50%);
    background-color:#ed1c24;
    
}

h5 {
    color: #363636;
    font-size:10px;
    font-weight:400;
    line-height:1.5;
    position:relative;
    margin-bottom:6px;
    text-transform:uppercase;
}

.hidden_detail {
    display:inline-block;
    vertical-align: middle;
    white-space: nowrap;
    width:86px; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.show {
    color:cadetblue;
    cursor: pointer;
}

img.column-picture {
    width:100%;
    height:auto;
}

label {
    display:flex;
    color:#717e83;
    align-items: center;
}

label input {
    margin-right: 4px;
}

input {
    vertical-align:middle;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
    width:100%;
    max-width:380px;
    vertical-align:middle;
    padding:5px;
}

input[type=submit] {
    color:#fff;
    background-color: #ed1c24;
    padding:8px 10px;
    text-transform: uppercase;
    border-radius:2px;
    border-color:transparent;
}

ol li {
    margin-bottom:1em;
}

p.intro {
    font-size:1.25em;
}

.row.cite {
    padding:40px 0 50px 0;
    border-top:1px solid #f6f6f6;
    border-bottom:1px solid #f6f6f6;
    margin-bottom:20px;
}

.row.cite h2 {
    font-weight: 100;
    font-size:56px;
}

.text-left h4:after {
    left:0; transform: translateX(0);
}

.text-right h4:after {
    right:0; transform: translateX(0);
}

ul.logos {
    list-style:none;
    text-align:justify;
    padding:0; margin:0;
}

ul.logos li {
    display:inline-block;
    width:46%;
    margin:3% 1%;
    text-align: center;
    vertical-align: middle;
}

ul.logos li img {
    width:100%; 
    height:auto;
}

ul.logos.portfolio li img {
    height:auto;
    width:90%;
}

ul.logos:after {
  content: "";
  width: 100%;
  display: inline-block;
}

#onas ul.logos li {
    margin:1%;
}

@media (max-width: 768px) {
    
    #onas ul.logos.first li {
        width:35%;
    }

    #onas ul.logos.first li.partner {
        width:20%;
    }
    
    #onas ul.logos.first {
        height:30px;
    }
}

@media (min-width: 768px) { 

    ul.logos {
        margin:36px 0 0 0;
    }
    
    ul.logos li {
        width:auto;
        margin:0;
    }
    
    ul.logos li img {
        width:auto; 
        height:25px;
    }
    
    ul.logos.portfolio li img {
        height:30px;
        width:auto;
    }
    
    #onas ul.logos li {
        margin:0 0 30px 0;
    }

    #onas ul.logos img {
        width:200px; height:auto;
    }
}

.container {
  margin: auto;
  padding: 20px;
  max-width: 960px;
}

.container.fluid {
    max-width: 100%;
  }

#header {
    height:72px;
    position: -webkit-sticky;
    position: sticky;
    top:0; z-index:999;
    background-color:rgba(244,244,244,0);
    transition: all 1s;
}

#header.pinned {
    background-color:rgba(244,244,244,1);
}

#header .container {
    height:64px;
}

.logo {
    width:300px; height:auto; max-width:75vw;
    margin:10px 0;
}

@media only screen and (min-width: 750px) {
    .logo {
        width:260px; height:auto;
        margin:5px 0;
    }
}

@media only screen and (min-width: 1450px) {
    .logo {
        width:260px; height:auto;
        margin:10px 0;
    }
}

#nav {
    text-align: center;
}

#nav span {
    display:block; position:absolute;
    top:14px; right:25px;
    z-index:100;
    font-size:2.7em;
    cursor: pointer;
}

@media only screen and (min-width: 750px) {
    #nav span {
        font-size:2em;
    }
}

#nav.active>ul {
    display:grid;
}

#nav.active span {
    color:#ed1c24;
}

#nav>ul {
    margin:0; padding: 0;
    position:fixed;
    left:0; right:0; bottom:0; top:0;
    background-color:rgba(255,255,255,0.9);
    z-index:99;
    font-size: 2em;
    display:none;
    align-content: center;
}

#nav ul a {
    color:#363636;
}

#nav ul li.active a {
    color:#ed1c24;
}

#nav ul li.active li a {
    color:#363636;
}

#nav ul li.active li.active a {
    color:#ed1c24;
}

#nav ul a.button {
    color:#fff;
}

#nav ul a.button:hover {
    color:#fff;
}

#nav ul li.active a.button {
    color:#fff;
}

#nav ul {
    list-style:none;
}

#nav ul li {
    display:block;
    text-transform: uppercase;
    margin:15px;
}

#nav ul li ul {
    display:none;
}

@media only screen and (min-width: 940px) {
    #nav {
        text-align: right;
    }
    
    #nav span {
        display: none;
    }
    
    #nav>ul {
        margin:5px;
        position:relative;
        background-color:transparent;
        font-size: 1em;
        display:block;
    }
    
    #nav ul a {
        color:#363636;
    }

    #nav ul li.active a {
        color:#ed1c24;
    }
    
    #nav ul li:hover>a {
        color:#ed1c24;
    }


    #nav ul a.button {
        color:#fff;
    }

    #nav ul a.button:hover {
        color:#fff;
    }
    
    #nav ul li.active a.button {
        color:#fff;
    }

    #nav ul {
        list-style:none;
    }

    #nav>ul li {
        display:inline-block;
        text-transform: uppercase;
        margin:0 5px;
        position:relative;
    }
    
    #nav ul li:hover ul {
        display: block;
        position: absolute;
        width:500%;
        top:20px;
        left: auto;
        background-color: #fff;
        margin: 0 0 0 -15px;
        padding: 10px;
        border-radius: 3px;
        text-align: left;
        z-index: -1;
        box-shadow:0 16px 15px rgba(0,0,0,0.1);
    }
    
    #nav ul ul li {
        display:block;
        padding:5px 0;
        text-transform: none;
    }

}

@media only screen and (min-width: 1450px) {
    #nav ul {
        margin:11px;
    }
}

.breadcrumbs {
    color:#555;
}

#slider {
    background:url('../img/mountain_mobile.webp') no-repeat top left;
    background-size:480px 600px;
    margin-top:-78px; margin-bottom:-80px;
    height:496px; padding-top:60px; padding-right:20px;
}

#slider h2 {
    font-size:42px;
    line-height: 1;
    color:#363636;
}

#slider .slides-container {
    position:relative;
}

#slider .slide {
    position:absolute;
    left:0; right:0; top:0; bottom:0;
    opacity:0; transition:opacity 1s;
    padding-right:130px;
}

@media (min-width: 576px) {
    #slider .slide {
        padding-right:0;
    }
}

#slider .slide.showing {
    opacity:1;
}

@media only screen and (min-width: 750px) {
    #slider {
        background:url('../img/mountain_1440.webp') no-repeat top center;
        background-size: 1440px 615px;
        margin-bottom:-80px;
        height:580px; padding-top:48px;
    }
}

@media only screen and (min-width: 1450px) {
    #slider {
        background:url('../img/mountain_1680.webp') no-repeat top center;
        background-size: 1680px 718px;
        margin-bottom:-80px;
        height:655px; padding-top:64px;
    }
}

@media only screen and (min-width: 1690px) {
    #slider {
        background:url('../img/mountain.webp') no-repeat top center;
        background-size: 1920px 821px;
        margin-bottom:-80px;
        height:745px; padding-top:80px;
    }
}

#wycena {
    background:url('../img/mountain_mobile_grey.png') no-repeat top center;
    background-size: 750px 750px;
    margin-top:-78px; margin-bottom:-80px;
    min-height:630px; padding-top:60px;
}

#wycenaForm {
    padding-top: 28px;
}

@media only screen and (min-width: 750px) {
    #wycena {
        background:url('../img/mountain_1440_grey.png') no-repeat top center;
        background-size: 1440px 615px;
        margin-bottom:-80px;
        min-height:580px; padding-top:48px;
    }
}

@media only screen and (min-width: 1450px) {
    #wycena {
        background:url('../img/mountain_1680_grey.png') no-repeat top center;
        background-size: 1680px 718px;
        margin-bottom:-80px;
        min-height:655px; padding-top:64px;
    }
}

@media only screen and (min-width: 1690px) {
    #wycena {
        background:url('../img/mountain_grey.png') no-repeat top center;
        background-size: 1920px 821px;
        margin-bottom:-80px;
        min-height:745px; padding-top:78px;
    }
}


#intro .icon {
    margin:0 4%;
}

ul.questions,
ul.answers {
    list-style:none;
    margin:20px 0;
    text-align: left;
    font-size:14px; font-weight:400;
    padding-left:20%;
}

ul.questions li,
ul.answers li {
    margin:8px;
    position:relative;
}

ul.features {
    list-style:none;
    margin:20px 0; padding:0;
    font-size:14px; font-weight:400;
}

#jak_pracujemy {
    background:url('../img/text-bg-1.svg') no-repeat top center;
    background-size:cover;
    padding-top:40px; margin-top:-30px;
}

#jak_pracujemy p {
    color:#717e83;
}

#nasz_cel {
    background:url('../img/text-bg-2.webp') no-repeat top center #292929;
    background-size: cover;
}

#nasz_cel .container {
    padding-top:100px;
}

#szybki_kontakt {
    background-color:#f6f6f6;
}

#szybki_kontakt a.button_lite {
    font-size:1.75em;
    color:#363636;
    border-color:#717e83;
    padding:12px 28px;
    margin-right:10px;
}

#szybki_kontakt .container {
    padding:50px 0;
}

.partners img {
    height:26px; width:auto; margin:0 26px;
}

#dla_firmy {
    background-color:#363636;
}

#dla_firmy .icon {
    width:25%; height:auto;
}

#footer {
    background-color:#f6f6f6;
}

#footer .logo {
    width:80%; height:auto;
}

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

#footer ul li {
    vertical-align:top;
}

#footer a {
    color:#717e83;
}

#footer li.active a {
    color:#ed1c24;
}

#footer .grid {
    align-self: flex-start;
}

#footnote {
    background-color:#363636;
}

#footnote p {
    color:#ed1c24;
}

#footnote p strong {
    color:#f6f6f6;
    font-weight: normal;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.scaled-picture {
    width:100%; height:auto;
}

#uslugi img.icon {
    width:auto;
    height:64px;
}

#uslugi .one-third {
    padding:16px 24px;
    border:1px solid #f6f6f6;
}

#uslugi .one-third p:first-child {
    margin:4px 0;
}

#uslugi .one-third h4 {
    margin:2px 0 12px 0;
}

#uslugi a {
    color:#363636;
}

#uslugi a:hover {
    color:#ed1c24;
}

#uslugi a span {
    color:#ed1c24;
}

#uslugi a:hover span {
    color:#363636;
}

#uslugi .breadcrumbs a {
    color: #ed1c24;
}

#uslugi .card:hover {
    cursor:pointer;
    border-color:#717e83;
}

#uslugi .card:hover a {
    color:#ed1c24;
}

#uslugi .card:hover a span {
    color:#363636;
}