html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
ul, ol {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
}
body {
line-height: 1.5;
margin: 0;
padding: 0;
color: #ffffff;
font-family: "Open Sans", sans-serif;
font-size: 1.7rem;
font-weight: 300;
background:#101012;
}

a {
text-decoration:none;
color: #FFFFFF; 
transition: color 0.3s ease-in-out;
position: relative;
}
a:after
{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: #ffffff;
transition: 0.2s;
}
a:hover, a:hover:after
{
width: 100%;
}
#logo a:after
{
height: 0;
}

#home-content {
	background: url(https://partner.media/img/ciemna-abstrakcyjna-grafika.png) no-repeat;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;
	background-size:cover;
	background-position:bottom;
}
@media screen and (max-width: 1280px) {
#home-content {
    flex-direction: column;
    align-items: center;
	padding-bottom:10%;
}
}
.subtitle {
font-size:1.8rem;
}
.title_404 {
font-size:9.4rem;
}
.left, .right {
height:100vh;	
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
.left {
width:30%;
}
.right {
width:39%;
}

@media screen and (max-width: 1280px) {
.left, .right {
width:90%;
height:auto;
}
.left {
margin-top:30%;
}
.right {
margin-top:4%;
}
}

.right img {
max-width:100%;
}

ul:not(nav ul) {
padding-top:4%;	
}
ul.positionout, ul.positionin {
list-style-type: square;
}
ul.positionin {
list-style-position: inside;	
}
ul.positionout {
list-style-position: outside;
}

/* HEADER */

header {
transition: all 0.3s ease-in-out;		
width:96%;
z-index:1;
position:fixed;
padding: 1% 2%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
header img{
transition: all 0.3s ease-in-out;	
height: 80px;
}
.shrink img{
height: 62px;
}
header.shrink {
transition: all 0.3s ease-in-out;
background:  #101012;
box-shadow: 0px 0px 5px 0px rgba(16, 16, 18, 1);
padding-top: 2px;
padding-bottom: 2px;
}

/* END HEADER */

/* NAV */

nav {
position: relative;
}
nav ul {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-content: center;
align-items: center;
}
nav ul li {
padding: 0 15px 0 15px;
}
nav ul li a {
font-size: 1.5rem;
color: #ffffff; 
text-transform:uppercase;
font-family: "Roboto", sanserif;
}
nav ul li a:hover {
color: #ffffff;
}
#open-modal {
display: block;
}
ul.navmodal li:hover {
color: rgb(206, 101, 37);	
}
.open {
width:28px;
height:28px;
background: url(//partner.media/img/podstrony.svg) no-repeat center center;
cursor:pointer;
display: block;
}

@media all and (min-width:1281px){
#open-modal{
display:none;
}	
}

@media all and (max-width:1280px){
nav {
display: none;
}
}

/* END NAV */


/* CONTENT */

h1, h2, h3 {
font-family: "Roboto";
font-optical-sizing: auto;
font-weight: 400;
padding-top:6%;
line-height:1.2;
text-transform:uppercase;
}
h1{
font-size:4.6rem;
}
h2{
font-size:3.2rem;
}
.content h2 {
text-align:center;	
}
.faq h2{
font-size:2.0rem;	
}
#contents h2{
font-size:2.0rem;	
padding-top:2%;
}
#contents ul{
padding-top:2%;
}
h3{
font-size:2.0rem;	
}
figure {
max-width: 100%;
margin-top: 4%;
}
figure img {
max-width: 100%;
}
.footer_content h3{
padding-bottom:4%;
text-align:center;
font-size:2.0rem;
}
.offer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
padding-top:4%;
}
.offer div {
width: 360px;
margin:0.5%;
padding:2%;
background: #1E1E21;
}

@media screen and (max-width: 1280px) {
.offer div {
width: 80%;
padding-left:10%;
padding-top:10%;
padding-bottom:10%;
}
}

.offer div img {
width: 30%;	
}
.offer ul {
text-align:left;	
}
p{
padding-top:4%;
}
.bottom {
padding-bottom:4%;
}
.content_article {
max-width:69%;
margin-left:auto;
margin-right:auto;	
}	
@media screen and (max-width: 1760px) {
.content_article {
max-width:100%;
padding-left:2%;
padding-right:2%;	
} 
}
article {
max-width:800px;
} 
.content article {
margin-left:auto;
margin-right:auto;
} 
#contents {
background:#1e1e21;
box-shadow: 0px 0px 5px 0px rgba(16, 16, 18, 1);
margin-top:2%;
padding:2%;
} 
@media screen and (max-width: 1280px) {
#contents {
margin-top:4%;
}
}  
@media screen and (max-width: 1280px) {
.breadcrumbs {
padding-left:2%;
padding-right:2%;	
} 
}
.ta_center {
text-align:center;
}
.lead {
font-weight:400;	
}


/* FOOTER */
footer{
margin-top:4%;	
background: #1E1E21;
}
.footer_content {
margin:auto;
width:99%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
font-size: 1.4rem;
line-height:1.7;

}	
.footer_content div{
width: 23%;
margin:0.5%;
padding:2% 0.5%;

}
@media screen and (max-width: 1280px) {
.footer_content {
flex-direction: column;
align-items: stretch;
align-content: stretch;
}
.footer_content div{
width:90%;
margin-left:auto;
margin-right:auto;
}
}
footer a{
color: #ffffff;
}
footer a:hover{
color: #ffffff;
}
.logo_bottom{
padding:10% 0 0 0;	
}
.logo_bottom img{
max-width:40%; 	
text-align:center;	
}
.logo_bottom a:after{
height:0;	
}
.copy{
margin-top:1%;
}
.copy div {
background:#101012;
box-shadow: 0px 0px 5px 0px rgba(16, 16, 18, 1);
padding:0.5%;
font-size: 1.4rem;
text-align: center;
}

/* END FOOTER */

/* FORM */

form {
margin:auto;
width:90%;
}
input, textarea {
width:100%;	
font-family: 'Open Sans';
font-size:1.4rem;
margin-top:4%;
border:none;
color:#666666;
padding:2%;
}
textarea {
height:200px;
}
input[type=submit] {
color:white;
background:#EB3F00; 
width:104%;
margin-left:auto;
margin-right:auto;
cursor:pointer;
transition: all 0.4s ease-in-out;
}

input[type=submit]:hover {
background:#AE0000;
}

@media screen and (max-width: 1280px) {
input[type=submit] {
padding:1%;
}
}

/* SCROLLUP */

#scrollup {
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:34px;
right:6px;
display:none;
text-indent:-9999px;
background: url(//partner.media/img/strzalka-ikonka.svg) no-repeat;
z-index:2000000;
cursor:pointer;
}
#scrollup:hover {
opacity:1;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#telefon, #e-mail {
width:40px;
height:40px;
position:fixed;
bottom:34px;
}
#telefon {
right:98px;
}
#e-mail {
right:52px;
}


@media all and (max-width:800px) {

#telefon {
right:52px;
}
#e-mail {
right:6px;
}

}


/* END SCROLLUP */

  

/* OKNO MODALNE */

#modal {
position:absolute;
z-index: -1000000;
}
#modal_overlay {
background: #101012;
bottom: 0;
left: 0;
right: 0;
top: 0;
text-align: center;
position: fixed;
z-index: -800;
opacity: 0;
overflow: hidden;
transform: scale(0.5);
transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
display:flex;
flex-direction:column;
justify-content: center;
}
input:checked ~ #modal_overlay {
  opacity: 1;
  transform: scale(1);
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 800;
}
.modal_box {
  padding: 1em .75em;
  position: relative;
  margin: 1em auto;
  max-width: 500px;
  width: 90%;
}
.modal_box a{
  cursor:pointer;
  color: #ffffff;
  font-size: 1.6rem;
}
.modal_box a:hover{ 
  color: #EB3F00;
}
.modal_box li a label{
  cursor:pointer;
}
#rotate-label {
  background: url(//partner.media/img/zamykanie-nawigacji.svg) no-repeat center center;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: .5em;
  top: .5em;
  width: 1.4em;
  height: 1.4em;
  z-index: 1000;
transition: transform 550ms ease;
}
#rotate-label:hover {
transform: rotate(180deg);
}

/* KONIEC OKNA MODALNEGO */

/* COOKIES */

#cookies{
position: fixed;
bottom: 34px;
left:34px;
padding:16px;
display: none;
font-size:1.4rem;
color: #ffffff;
text-align: left;
width: 360px;
background: #1E1E21;
box-shadow: 0px 0px 5px 0px rgba(16, 16, 18, 1);
border-radius:3px;
}
#cookies .cookiestxt{
padding-bottom:16px;
padding-left:30px;
}
#cookies .cookieslink{
margin-top:16px;
text-align: center;
margin:0 auto;
width:60%;
background:#EB3F00;
transition: all 0.3s ease-in-out;
}
#cookies .cookieslink:hover{
background:#AE0000;
}
a.acookies{
display:block;
padding: 3px 0;
color:#ffffff;
}

@media all and (max-width:520px) {

#cookies{
position: fixed;
bottom: 0px;
left:0px;
width: 100%;
}
#cookies .cookiestxt{
padding-bottom:16px;
padding-left:0;
}
}

/* END COOKIES */