/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Oswald:400,900');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;700;800&display=swap');


    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, 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: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

 
  a:link {COLOR: inherit; TEXT-DECORATION: none;}
  a:visited {COLOR: inherit; TEXT-DECORATION: none;}
  a:active {COLOR: inherit; TEXT-DECORATION: none;}
  a:hover {COLOR: inherit; TEXT-DECORATION: none;}
button { color: #1C1B19; }


body {

	color: #1C1B19;
	font-size: 18px;
	line-height: 1.8; 
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}

.clear { clear: both; }
strong {font-weight: 600}

#wpadminbar {display: none}
html { margin-top: 0 !important }

.container-top-outer {background: #fff; position: fixed; width: 100%; z-index: 9999}
.container-top { position: relative; z-index: 999 }
.menu ul { list-style: none; display: inline-block; }
.menu ul li { display: inline-block; font-size: 18px; font-weight: 400; margin: 0 30px; position: relative; top: 0;}
.menu ul li span {top: 0; position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.menu ul li:after { width: 5px; height: 5px; background: #434343; content: ""; position: absolute; top: 12px; right: -32px; border-radius: 50%; display: block;}
.menu ul li:last-of-type:after {display: none}
.menu ul li:hover span{ color: #3F641F; top: -3px; }


.menu-top {display: flex; justify-content: space-between; padding-top: 20px; margin-bottom: 0px;}
.menu-top ul {position: relative; top: 20px;}
.menu-top ul li:first-of-type{ margin-left: 0 }
.menu-top ul li:last-of-type {margin-right: 0}
.menu-top ul li.active:before{width: 30px; height: 2px; background: #3F641F; display: block; position: absolute; content: ""; bottom: -4px; left: 50%; margin-left: -15px;}

.logo { width: 180px; }
.logo img {width: 100%;}
.social-header {position: absolute; top: 45px; right: 30px; z-index: 999}
.social-header .fb {margin-right: 10px;}

/* elementy wspolne */

h1, h2, h3, h4 {  font-family: 'Square Peg', cursive;}
h1 {font-size: 80px; margin-bottom: 60px; line-height: 1.1}
h2 { font-size: 50px; margin-bottom: 30px; line-height: 1.1 }
.content-area {overflow: hidden; padding-bottom: 140px; padding-top: 160px;}
.home .content-area {padding-top: 0} 
article { padding-bottom: 140px; padding-top: 200px; }

.content-area .dodatki{position: relative;}
.container {width: 1200px; margin: auto; position: relative;}
.apla-jasna {background: #E0E5DC; border-radius: 50px; padding: 50px 80px; -webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);}
.apla-ciemna { background: #939C8B; border-radius: 50px; color: #fff; padding: 50px 80px; -webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);}


/* strona główna */
.content-area.home {padding-bottom: 0}
.home-background {width: 100%; height: auto; position: relative; overflow: hidden;}
.home-content { width: 1500px; margin: auto; margin-top: 200px; }
.home-kaja {width: 500px; float: left; margin-bottom: 60px;}
.home-kaja img {width: 100%; }
.home-inner { width: auto; float: left; margin-top: 50px; background: #fff; border-radius: 65px; padding: 80px 20px 40px 20px;  }
.home-logo {margin-bottom: 80px; position: relative; height: 300px;}
.home-logo-lottie { width: 650px; position: absolute; left: 50%; margin-left: -325px; }
.home-logo img {width: 600px; display: block; margin: auto;}


/* o mnie */
.o-mnie {position: relative;}
.o-mnie-tekst {width: 75%; position: relative; z-index: 99}
.o-mnie-tekst .tekst {width: 80%; padding-bottom: 80px}
.o-mnie .o-mnie-foto { position: absolute; right: -90px; top: 120px; text-align: right; z-index: 9995}
.o-mnie-foto img {width: 70%}
.opinie { width: 70%; float: right; margin-top: -90px; position: relative;z-index: 999; margin-bottom: 100px;}
.opinie .podpis {width: 300px; float: right; font-weight: 500; text-align: right; padding-right: 50px; margin-top: 30px;}
.opinie.apla-ciemna {padding-bottom: 30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fff; border: solid 1px #fff;}
.owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; border: solid 1px #fff; background: transparent; margin: 5px; margin-top: 15px;}

.o-mnie1 {  position: absolute; top: 300px; right: 0; width: 300px;}
.o-mnie2 {  position: absolute; top: 100px; right: -150px; }
.o-mnie3 {  position: absolute; top: 700px; left: -70px; width: 500px; height: 500px; }
.o-mnie4 {  position: absolute; bottom: 70px; left: -230px; }


/* ilustracje */
.ilustracje-filtry { text-align: center; margin-bottom: 50px; }
.ilustracje-filtry button { font-size: 18px; font-weight: 400; margin: 0 30px; position: relative; top: 0; border: 0; padding: 0; background: transparent; font-family: 'Montserrat', sans-serif; cursor: pointer;}
.ilustracje-filtry button span {top: 0; position: relative; text-transform: lowercase;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.ilustracje-filtry button:after { width: 5px; height: 5px; background: #434343; content: ""; position: absolute; top: 9px; right: -32px; border-radius: 50%; display: block;}
.ilustracje-filtry button:last-of-type:after {display: none}
.ilustracje-filtry button:hover span{ color: #3F641F; top: -3px; }
.ilustracje-filtry button:last-of-type {margin-right: 0}
.ilustracje-filtry button:first-of-type {margin-left: 0}
.ilustracje-filtry .post-active span { color: #3F641F; }
.ilustracje-filtry button:before { width: 30px; height: 2px; background: transparent; display: block; position:absolute; content: ""; bottom: -10px; left: 50%; margin-left: -15px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.ilustracje-filtry button.post-active:before {background: #3F641F}

.ilustracje-container {width: 102%; margin-left: -1%}
.grid-sizer, .grid-item { width: 33.333%; padding: 1%; }
.grid-item {
    /*-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;*/}
.grid-item-back { background:  #2F3E21; border-radius: 30px; overflow: hidden;}
.grid-item .grid-item-back img {width: 100%; border-radius: 30px;-webkit-transition: all 0.2s ease-in-out; display: block;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.grid-item:hover .grid-item-back img { opacity: 0.6; transform: scale(1.05); }

.fr-container, .fr-thumbnails {background: rgba(47,62,33,0.7);}
.fr-content, .fr-content-backgroundt {border-radius: 20px !important; overflow: hidden !important; -webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);}
.fr-window-skin-fresco .fr-content-background { background: transparent !important; box-shadow: none !important }
.fr-ui-outside .fr-info-background {background: transparent !important}
.fr-stroke-vertical {width: 0 !important}
.fr-stroke {height: 0 !important}
.fr-caption {font-size: 16px;   color: #fff; font-family: 'Montserrat', sans-serif; text-align: center !important; font-weight: 500}
.fr-thumbnail {border-radius: 10px; overflow: hidden;}
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background {background: transparent !important; }
.fr-close-icon:after { width: 40px; height: 40px; background: url(../img/close.svg); position: absolute; content: ""; display: block; top: 15px; right: 15px; }
.fr-window-skin-fresco .fr-close-icon {background-image: none !important}

/* projekty */
.projekty-container .grid-item { position: relative; overflow: hidden;}
.projekty-podpis { opacity: 0; position: absolute; bottom: 50px; padding: 10px 30px 10px 30px; background: #E0E5DC; border-radius: 0 10px 10px 0;  font-weight: 600; line-height: 1.4;
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.projekty-podpis span {display: block; font-size: 14px; text-transform: lowercase; font-weight: 300}
.projekty-container .grid-item:hover .projekty-podpis { opacity: 1; bottom: 60px}


/* projekt */
.post-wprowadzenie {display: flex;}
.post-wprowadzenie .lewa {flex:  0 0 40%; }
.post-wprowadzenie .prawa {padding-left: 60px; }
.post-wprowadzenie .prawa img {width: 100%;border-radius: 20px; overflow: hidden;}
.projekt-sekcja {margin-top: 100px;}
.sekcja-foto img {width: 100%; border-radius: 20px}
.sekcja-foto-tekst {display: flex; align-items: center;}
.sekcja-foto-tekst.reverse { flex-direction: row-reverse; }
.sekcja-foto-tekst .foto {flex: 1; }
.sekcja-foto-tekst .foto img {width: 100%; border-radius: 20px; }
.sekcja-foto-tekst .tekst {flex: 1; padding-left: 60px;}
.sekcja-foto-tekst.reverse .tekst  { padding-left: 0px; padding-right: 60px;}
.sekcja-tekst {width: 800px; margin: auto; margin-top: 100px;}
.sekcja-galeria {width: 102%; margin-left: -1%; margin-top:60px;}
.galeria-blok {width: 31.333%; margin-left: 1%; margin-right: 1%; float: left; margin-top: 40px; border-radius: 20px; overflow: hidden; position: relative; background: #2F3E21;}
.galeria-blok::after {  content: ''; display: block;  padding-top: 100%;  position: relative;}
.galeria-blok .foto-container{
    width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.galeria-blok:hover  .foto-container {transform: scale(1.05); opacity: 0.6}


/* pobierz */
.naglowek-tekst { width: 60%; margin-bottom: 80px; }
.button-pobierz {position: absolute; width: 200px; padding:5px 20px; border-radius: 20px; background: #fff; text-align: center; bottom: 30px; left: 50%; margin-left: -100px; font-size: 16px; font-weight: 500;
-webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);
  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.button-pobierz:hover { background: #939C8B; color: #fff; }


/* cennik */
.cennik-container {width: 1000px; margin: auto;}

.kolor {background: #E0E5DC}
.cennik-wiersz { display: flex; align-items: stretch; }
.cennik-kolumna { flex: 25%; text-align: center;padding: 17px 35px; line-height: 1.2; font-weight: 500; display: flex;align-items: center;}
.cennik-kolumna span {font-size: 14px; font-weight: 300; display: block; margin-top: 5px;}
.cennik-kolumna.naglowek { text-align: left; font-weight: 400; padding-left: 0 }
.tabela-start .cennik-kolumna {border-radius: 20px 20px 0 0; padding-top: 30px;}
.tabela-stop .cennik-kolumna { border-radius: 0px 0px 20px 20px; padding-bottom: 30px}
.tabela-start-stop .cennik-kolumna  {border-radius: 20px;padding-bottom: 30px; padding-top: 30px;}
.kolumna-center {flex: 1}
.margines-small {margin-top: 20px;}
.margines-big {margin-top: 70px;}
.margines-wysylka {margin-top: 100px;}
.dwie-kolumny .ostatnia-kolumna {background: transparent;}
.cennik_komercyjne { width: 1000px; margin: auto; margin-top: 140px; line-height: 1.2;  }
.cennik_komercyjne span {font-size: 14px; font-weight: 300; display: block; margin-top: 5px;}
.komercyjny {display: flex; margin-bottom: 20px;}
.cennik_komercyjne h2 {margin-bottom: 60px;}
.komercyjny-nazwa {flex: 25%; display: flex;align-items: center; font-weight: 400}
.komercyjny-cena {flex:75%; background: #E0E5DC; border-radius: 20px; padding: 20px 50px; text-align: center; font-weight: 500; display: flex;align-items: center;}

/* kontakt */
.kontakt {width: 60%; padding-bottom: 120px; margin-bottom: 150px; margin-top: 80px;}
.kontakt .tekst {margin-bottom: 30px;}
.kontakt-dane {margin-bottom: 60px;}
.kontakt-dane a {font-weight: 600}
.ikony {margin-top: 10px;}
.ikony  .fb {margin-right: 20px; position: relative; top: 3px;}
.ikony  .insta {position: relative; top: 4px;}
.dodatki-kontakt { position: absolute; top: 20%; right: 0; text-align: right; }
.dodatki-kontakt-lewa {position: absolute; bottom: -100px; left: -10px; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); width: 300px; height: 500px; }


/* zamów */
.zamow { width: 910px; margin-left: 70px; border-radius: 20px; margin-bottom: 0px; margin-top: 80px; font-size: 16px; padding-bottom: 200px; position: relative;}
.zamow-tekst { width: 60%; margin-bottom: 80px; margin-left: 70px;}
.form-name{ font-weight: bold; margin-bottom: 15px; font-size: 14px; line-height: 1.2; color: #1C1B19;}
.form-input{ margin-bottom: 40px; border-radius: 20px;}
.form-input-imie{ margin-bottom: 20px; }
.form-input .radio{ display: block; margin-bottom: 5px; margin-top: 5px; padding-left: 15px; font-size: 16px; color: #1C1B19;}
.form-input input[type=text]{ width: 550px; padding: 12px; border-radius: 12px; background: #fff; font-size: 15px; color: #1C1B19; }
.form-input input[type=text]:focus{ outline: none; }
.form-input input:where([type="checkbox"], [type="radio"]){ -webkit-appearance : none; appearance: none; width: 15px; height: 15px; margin: calc(0.75em - 11px) 0.25rem 0 0; vertical-align: top; border-radius: 4px; background: #fff no-repeat center center; position: relative; top: 7px; margin-right: 10px;}
.form-input input[type="radio"]:checked{ background: #939C8B;}
.form-input input[type="radio"]{ border-radius : 50%; }
.form-input textarea{ width: 550px; padding: 12px; border-radius: 12px; background: #fff; font-size: 15px; color: #1C1B19; height: 120px; resize: none; margin-top: 10px; }
.form-input textarea{ outline: none; }
.form-input input[type=submit]{ width: 550px; padding: 12px; border-radius: 12px; background: #939C8B; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: bold; font-family: 'Montserrat', sans-serif; cursor: pointer;}
.form-input input[type=submit]:focus{ outline: none; }
.input-file{ width: 550px; padding: 12px; border-radius: 12px; background: #fff; overflow: hidden; white-space: nowrap; margin-top: 10px; margin-bottom: 20px; }
.input-file-1{ margin-top: 20px; }
.input-file-3{ margin-bottom: 50px; }

.inna_okazja, .ile_wiecej{ padding-left: 10px; }
.inna_okazja input{ margin-left: 10px; }
.hidden{ display: none; }

.pre-button{ margin-bottom: 30px; }


.normal_field{ border: 1px solid transparent; }
.error_field{ border: 1px solid red; }
.error_info{font-size: 13px; color: red; margin-top: -15px; margin-bottom: 20px;}
.error_info_container{ margin-top: -30px; }
.form-input .error_info_container{ margin-top: 3px; }


.zamow-podpis { width: 70%; float: right; margin-top: -90px; position: relative; z-index: 999; margin-bottom: 100px;}




.page-404 {width: 50%; margin: auto; margin-top: 100px; margin-bottom: 100px; text-align: center; position: relative;}


/* dodatki */ 

.dod-p1 { position: absolute; right: -200px; top: 300px;}
.dod-p2 { position: absolute; left: 68px; top: 1000px;  -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.dod-p2-lottie {width: 130%}
.dod-p3 { position: absolute; right: 0px; top: 1700px;  -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.dod-p3-lottie {width: 130%}
.dod-p4 { position: absolute; left: -250px; top: 2300px;}
.dod-p5 { position: absolute; right: -200px; top: 2700px;}
.dod-p6 { position: absolute; left:  -40px; top: 3400px;  -webkit-transform: scale(-1, -1); transform: scale(-1, -1); width: 400px; height: 500px;}
.dod-p7 { position: absolute; left: -250px; top: 4000px; }
.dod-p8 { position: absolute; right: 0px; top: 4600px;  width: 300px; height: 700px;}

.dodatki-flip {  -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.dod-p1-flip { position: absolute; left: -200px; top: 100px;}
.dod-p4-flip { position: absolute; right: -250px; top: 2300px;}
.dod-p5-flip { position: absolute; left: -200px; top: 2700px;}
.dod-p7-flip { position: absolute; right: -250px; top: 4000px; }

.zamow .dod-p2 { left: -302px; -webkit-transform: scaleX(1); transform: scaleX(1); }
.zamow .dod-p3 { right: -249px; -webkit-transform: scaleX(1); transform: scaleX(1); }
.zamow .dod-p6 { left: -396px; -webkit-transform: scale(1, -1); transform: scale(1, -1); top: 2100px !important; }
.page-id-462 .content-area .dod-p1 { top: 200px;  }
.page-id-462 .dod-p4-flip {top: 1300px;}
.page-id-462 .dod-p5-flip {top: 2300px;}
.page-id-462 .dod-p8 { right: -60px; -webkit-transform: scale(-0.6, 0,6); transform: scale(-0.6, 0.6); top: -520px !important; }


/* dodatki ilustracje */ 
.content-area .dod-p1 {top: 0}
.content-area .dod-p2 {top: 300px;}
.content-area .dod-p3 {top: 1000px;}
.content-area .dod-p4 {top: 1500px;}
.content-area .dod-p5 {top: 2000px;}
.content-area .dod-p6 {top: 2400px;}
.content-area .dod-p7 {top: 3000px;}
.content-area .dod-p8 {top: 3400px;}


footer {padding-top: 10px; position: relative; background: #fff; z-index: 99}
footer .container { border-top: solid 1px #B5B5B5; padding-top: 30px; padding-bottom: 40px; font-size: 14px;}
footer .container a {font-size: 14px;}
.menu-footer {display: inline-block;}
.menu-footer ul { list-style: none; }
.menu-footer ul li { display: inline-block; margin-right: 80px; }
.menu-footer ul li:last-of-type {margin-right: 0}
.social-footer {display: inline-block; float: right; margin-top: -3px}
.social-footer .fb {margin: 0 15px 0 30px; position: relative; top: 3px;}
.social-footer .insta {position: relative; top: 3px;}


.logo-mobile {display: none; text-align: center;}
  .menuMobileClick{ width:35px; height:40px; cursor:pointer; position:absolute; left:25px; top:20px;  display:none; z-index:980; text-align:center; 
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -ms-transition: all .25s linear;
     -o-transition: all .25s linear;
    transition: all .25s linear;}
  .menuMobileClick div {
      width: 35px;
      height: 4px;
      background-color: #1C1B19;
      display:block;
      margin: 7px 0;
      border-radius: 2px;
  }



  .menuFixed{ position: fixed; width: 100%; background-color: #fff; z-index: 10011; left: 0px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center;
    -webkit-box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
  }
  .closeMenuContainer{ width:100%; text-align:right; position: relative; z-index: 900; }
  .closeX { height: 30px; width: 30px; position: relative; box-sizing: border-box; line-height: 40px; display: inline-block; margin-top: 25px; cursor: pointer; z-index: 900; margin-right: 30px;}
  .closeX:before, .closeX:after {  width: 30px; height: 4px; transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -2px; margin-left: -15px; display: block; background-color: #1C1B19; transition: all 0.25s ease-out;}
  .closeX:after { transform: rotate(-135deg);}
  .menuFixed ul{ margin: 0px; padding: 0px; list-style: none; }
  .menuFixed ul li{ font-weight: bold; color:#1C1B19; text-align: center; overflow: hidden; padding: 15px 10px;font-size: 25px; text-transform: uppercase; font-weight: 400; position: relative; z-index: 100; }
  .menuFixed a{ color: inherit; text-decoration: none; }
  .menuFixed ul li.active{ font-weight: bold; }

  .home-menu-mobile { display: none }
  .home-kaja-mobile { display: none }
  .home-menuMobileClick, .home-menuMobileClick2 {display: none;}
  .home-inner .home-menuMobileClick { display: none; }
  .home-content .home-menuMobileClick2 { display: none; }
  .o-mnie-foto-mobile { display: none }
  .filtr-button {display: none; font-family: 'Montserrat', sans-serif;}
  .dod-p2-mobile, .dod-p3-mobile, .dod-p6-mobile, .dod-p8-mobile { display: none; }
.scroll {display: none;}
.mobile-buttons { display: none }

.regulamin { width: 70% }
.regulamin .tekst { margin-bottom: 50px;  }


/* res */
 @media only screen and (max-width: 2000px) {
    .o-mnie3 {width: 300px; height: 300px; left: -45px;}

    .dod-p2 {left: -2px;}
    .dod-p2-lottie, .dod-p3-lottie{width: 100%;}
    .dod-p6 {width: 300px;}
    .dod-p8 { width: 250px; }
    .zamow .dod-p2 {   left: -232px; }
    .zamow .dod-p6 {  left: -297px; }
    .page-id-462 .dod-p8 {top: -494px !important;}

}
 @media only screen and (max-width: 1880px) {
    .dodatki-kontakt img {width: 75%}
}



 @media only screen and (max-width: 1750px) { 
    .dod-p2 {left: -72px;}
    .dod-p2-lottie, .dod-p3-lottie{width: 70%;}
    .dod-p6 {width: 170px;}
    .dod-p8 { width: 120px; }
    .dod-p4, .dod-p7 {left: -120px;}
    .dod-p4-flip, .dod-p7-flip {right: -120px;}
    .zamow .dod-p2 {  left: -163px; }
    .zamow .dod-p6 { left: -166px;}
    .zamow-podpis .dod-p8 {width: 250px;}

 }

@media only screen and (max-width: 1660px) {
  
    .dod-p1, .dod-p5{ right: -50px }
    .dod-p1-flip, .dod-p5-flip{ left: -130px }
    .o-mnie3 {width: 200px; height: 250px; left: -25px;}

}

 @media only screen and (max-width: 1600px) {
    
    .dodatki-kontakt-lewa {bottom: -350px;}
    .o-mnie2 {right: 0; top: 50px;}

}

 @media only screen and (max-width: 1500px) {
    
    .home-logo { height: 250px; margin-bottom: 40px; }

    .content-area {padding-bottom: 60px;}
    .menu-top {}
    h1 {margin-bottom: 20px;}
    .ilustracje-filtry {margin-bottom: 30px;}
    .ilustracje-filtry button {margin-top: 10px;}
    .ilustracje-filtry button::before {bottom: -5px;}
    .o-mnie-foto img { width: 65% }
    .kontakt {width: 50%}
    .kontakt.apla-jasna {padding: 30px 60px 60px 60px }
    .dodatki-kontakt-lewa {display: none;}
    .home-content {margin-top: 100px;}

     .regulamin h1{ font-size: 70px; margin-bottom: 50px;  }


}


 @media only screen and (max-width: 1440px) {
    .social-header {top: 10px; right: 15px;}
    .social-header .fb {width: 8px; display: inline-block; margin-right: 8px;}
    .social-header .insta {width: 16px; display: inline-block;}
    .social-header .fb img, .social-header .insta img  { width: 100%; }

    .menu-top {justify-content: center;}
    .menu-left {margin-right: 30px;}
    .menu-right { margin-left: 30px }
    .menu ul li {margin-right: 20px;}
    .menu ul li::after {right: -29px;}
    .menu ul li span {font-size: 16px;}

    .cennik_komercyjne {padding-bottom: 60px;}


    .ilustracje-filtry button {font-size: 16px;}

     h1 {font-size: 60px}


     .home-kaja {width: 400px}
     .home-inner {padding-top: 40px;}

     .regulamin h1{ font-size: 70px; margin-bottom: 50px;  }


}


 @media only screen and (max-width: 1340px) {

    .dod-p2, .dod-p3, .dod-p6, .dod-p8, .dod-p4, .dod-p7, .dod-p1, .dod-p5, .dod-p1-flip, .dod-p5-flip, .dod-p4-flip, .dod-p7-flip  {display: none}
    .o-mnie3 { display: none; }

    .o-mnie2 { display: none; }
    .o-mnie1 {top: -80px; width: 200px !important; z-index: 999}

    .content-area .dod-p2.dod-p2-mobile { display: block; top: 46px; right: 0; overflow: hidden;  z-index: -1}
    .dod-p2-lottie {width: 200px !important; transform: rotate(150deg); position: relative; right: -35px;}
    .content-area .dod-p3-mobile {display: block; top: 32px; right: 0; overflow:  hidden; width: 360px}
    .dod-p3-lottie {width: 210px; transform: rotate(70deg); right: -62px; position: relative;}
    .content-area .dod-p6-mobile { display: block; top: -5px; width: 280px; right: 0; overflow: hidden; left: auto; z-index: 995  }
    .dod-p6-lottie {transform: rotate(197deg); z-index: 995}
    .content-area .dod-p8-mobile {display: block; top: -50px; right: 0; overflow:  hidden; width: 437px; transform: rotate(-75deg);}
    .dod-p8-lottie{ width: 200px; position: relative; right: -220px; }

    .zamow-podpis .dod-p8 {display: block; -webkit-transform: scale(-0.8, 0,8); transform: scale(-0.8, 0.8); right: -200px;}
}


 @media only screen and (max-width: 1260px) {
    .content-area {padding-top: 150px;}
    .container { width: 96%; margin: auto; }
    .dodatki-kontakt img {width: 65%}

    .home-logo {height: 200px}
    .home-menu-mobile { display: block; }
    .home-menu { display: none }
    .home-menu-mobile ul {display: block; text-align: center;}
    .home-content {width: 1000px; margin: auto; margin-top: 100px;}



}

 @media only screen and (max-width: 1100px) {
  
    .menu-top {display: none}
    .menuMobileClick{ display: block; }
    .container-top { text-align: center; }
    article {padding-top: 80px;}
    .projekt-sekcja {margin-top: 60px;}
    .sekcja-galeria {margin-top: 20px;}
    .logo-mobile {display: inline-block; margin-top: 20px;}
    .logo .lottie-logo {width: 90%; display: inline-block;}
    .social-header {top: 20px; right: 30px;}
    .menuFixed .logo { display: none }
    .menuFixed { height: 100% }
    .post-wprowadzenie { margin-top: 70px; }
    .projekty-podpis { opacity: 1; padding: 5px 20px; bottom: 40px; font-size: 14px; line-height: 1.2; max-width: 90%;}
    .projekty-podpis span {font-size: 13px; }

    .o-mnie-foto img { width: 65% }

    .kontakt {width: 60%}
    .dodatki-kontakt {top: 80px;}
    .cennik-container {width: 100%}
    .cennik_komercyjne { width: 100%; position: relative; z-index: 99; background: #fff;}

    .dod-p2-lottie {width: 160px !important; transform: rotate(150deg); position: relative; right: -30px; top: 0px;}
    .dod-p3-lottie {width: 170px; right: -48px;}
    .content-area .dod-p8-mobile {top: -100px;}
    .dod-p8-lottie {width: 180px; right: -245px;}
    .content-area .dod-p2.dod-p2-mobile {top: 64px;}
    .content-area .dod-p3-mobile {top: 36px;}
  

    .zamow-tekst { width: 80%; margin-bottom: 70px; margin-left: 4%}
    .zamow { width: 90%; margin-left: 4%; border-radius: 20px; margin-right: auto; margin-top: 80px; font-size: 16px; padding-bottom: 120px;}
    .zamow-podpis { width: 80%; margin-top: -90px; margin-bottom: 100px; position: relative;}

}






@media only screen and (max-width: 940px) {
    .home-inner {position: absolute; right: 50px; width: 450px; margin-top: -80px;}
    .home-kaja { position: relative;z-index: 999 }
    .home-menu-mobile { display: none; }
    .home-inner .home-menuMobileClick { display: block; top: auto; left: 50%; margin-left: -20px; bottom: 30px; }
    .home-kaja {width: 470px;}

    .mobile-buttons { display: block; width: 450px; z-index: 999; position: absolute; top: 360px; right: 50px; font-family: 'Square Peg', cursive; font-size: 70px; text-align: center; line-height: 1.2;}
    .mobile-buttons-ilustracje {top: 20px; left: -5px; background: #fff; width: 251px; height: 94px; position: absolute;
    -webkit-mask-image: url(../img/mobile-button2.svg);
  mask-image: url(../img/mobile-button2.svg);
  mask-repeat: no-repeat; }
    .mobile-buttons-projekty { top: 185px; right: 20px; background: #fff; width: 236px; height: 108px; position: absolute;
    -webkit-mask-image: url(../img/mobile-button3.svg);
  mask-image: url(../img/mobile-button3.svg);
  mask-repeat: no-repeat;}
    .mobile-buttons-o-mnie {top: 368px; left: 20px;background: #fff; width: 286px; height: 108px; position: absolute; 
    -webkit-mask-image: url(../img/mobile-button2.svg);
  mask-image: url(../img/mobile-button2.svg);
  mask-repeat: no-repeat;}

    .container.o-mnie {width: 100%; }
    .o-mnie-tekst {left: -40px;}
    .o-mnie .o-mnie-foto {right: -155px;}
    .o-mnie-tekst .tekst {width: 90%}
    .opinie {margin-right: -40px;}





}



 @media only screen and (max-width: 840px) {
    .sekcja-tekst {width: 100%}
     .cennik-container {width: 800px; }
     .cennik-container-outer {width: 100%; overflow-x: scroll;}
     .cennik-kolumna {flex-grow: 1}
     .scroll { display: block; transform: rotate(90deg); width: 60px; position: fixed; bottom: 15px; left: 50%; margin-left: -30px; z-index: 9; background: #fff; border-radius: 50%; padding: 8px;-webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1); }

     .dod-p8-lottie {width: 130px; }
     .content-area .dod-p8-mobile {width: 385px; right: -25px;}


    .zamow{ margin-left: 0%; padding: 50px; padding-bottom: 130px; }
    .form-input input[type=text]{ width: 100%; }
    .form-input textarea{ width: 100%; }
    .form-input input[type=submit]{ width: 100%; }
    .input-file{ width: 100%;}
    .zamow-tekst {margin-left: 0}
    .zamow-podpis .dod-p8 {display: none;}

    .mobile-buttons-ilustracje {left: 60px}

}

 @media only screen and (max-width: 800px) {
    
    .container { width: 94%; }
    .content-area {padding-bottom: 0}
    article {padding-bottom: 80px;}
   .grid-sizer, .grid-item { width: 50% }
   h1 {margin-bottom: 5px;}
   .sekcja-galeria {margin-top: 50px;}
    .post-wprowadzenie {flex-direction: column-reverse; }
    .post-wprowadzenie .prawa {padding-left: 0}
    .sekcja-foto-tekst {flex-direction: column-reverse; }
    .sekcja-foto-tekst .tekst {padding-left: 0; margin-bottom: 30px;}
    .galeria-blok {width: 48%; margin-top: 2%;}
    .sekcja-foto-tekst.reverse {flex-direction: column-reverse;}
    .sekcja-foto-tekst.reverse .tekst {width: 100%; padding-right: 0}
    .naglowek-tekst {width: 80%}
    .kontakt {width: 80%; margin: auto; margin-top: 0px; margin-bottom: 200px;}
    .dodatki-kontakt { right: 5% }
    .dodatki-kontakt img {width: 95%}
    .page-id-68 .content-area, .page-id-623 .content-area, .page-id-3 .content-area {position: relative; padding-bottom: 0}
    .page-id-68 .content-area .dodatki, .page-id-623 .content-area .dodatki, .page-id-3 .content-area .dodatki { width: 100%; position: absolute; bottom: 0; left: 0 }
    .dodatki-kontakt { top: auto; bottom: 0;  }
    .dodatki-kontakt img { transform: rotate(90deg);}
    .page-id-68 footer, .page-id-623 footer, .page-id-3 footer { padding-top: 0px; }
    .cennik_komercyjne {margin-top: 100px;}
    .o-mnie-foto img {width: 55%}
    .o-mnie-tekst {width: 85%}
    .menu-footer ul li {margin-right: 40px;}

    .ilustracje-filtry button {width: 100%; text-align: center; display: block; margin: 0; margin-bottom: 20px}
    .ilustracje-filtry { background: #E0E5DC; border-radius: 30px; padding: 20px 30px 5px; display: none; opacity: 1 !important; -webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.1);}
    .ilustracje-filtry button::after {display: none;}
    .filtr-button span { width: 15px; height: 10px; display: inline-block; margin-left: 10px; background: url(../img/arrow.svg);   -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -ms-transition: all .25s linear;
     -o-transition: all .25s linear;
    transition: all .25s linear; }
    .filtr-button.active span { transform: rotate(180deg); } 
    .filtr-button {background: transparent; border: none; display: block; width: 100%; font-size: 18px; margin-bottom: 10px; margin-top: 20px; cursor: pointer;}
    .ilustracje-filtry button {font-size: 17px;}
    .ilustracje-container {margin-top: 15px;}

      .content-area .dod-p6-mobile { top: -50px; width: 200px; right: 0; overflow: hidden; left: auto; z-index: 995 }

      .zamow-tekst { width: 100%; margin-bottom: 70px; }


    .regulamin { width: 90%; margin: auto; margin-bottom: 100px; }

 @media only screen and (max-width: 790px) { 
    .home-inner {right: 30px;}
  

    .zamow-podpis { width: 90%; padding: 45px; margin-top: -90px; margin-bottom: 100px;}
    .mobile-buttons {width: 400px; right: 0}

 } 


  @media only screen and (max-width: 760px) { 
    .home-kaja {margin-left: -65px;}
    .dod-p3-lottie {width: 120px; right: -38px; top: 30px;}
     .content-area .dod-p6-mobile {width: 150px; top: -70px;}
     .content-area .dod-p3-mobile {top: 60px;}

}
  @media only screen and (max-width: 700px) { 
     .home-inner {right: 0px;}


     .zamow{ margin-left: 0%; width: 95%; padding: 35px; padding-bottom: 130px; }
  }


 @media only screen and (max-width: 660px) { 

    .home-kaja { width: 375px; }
    .menu-footer {display: block;}
    .social-footer {float: none; margin-top: 30px;}
    .komercyjny-cena { padding: 10px 50px; margin-bottom: 20px; font-weight: 400}
    .komercyjny {flex-direction: column;}
    .komercyjny-nazwa {text-align: center; font-weight: 500}


    .dod-p2-lottie {width: 140px !important; position: relative; right: -23px; top: 0s; }
    .content-area .dod-p2.dod-p2-mobile {top: 78px;}

    .mobile-buttons {font-size: 55px; }
     .mobile-buttons-ilustracje {top: 20px; left: 20px; width: 205px; height: 77px; }
    .mobile-buttons-projekty { top: 135px; right: 25px; width: 175px; height: 80px; }
    .mobile-buttons-o-mnie {top: 228px; left: 60px; width: 194px; height: 73px;  }

}

 @media only screen and (max-width: 610px) { 
    .mobile-buttons-ilustracje {top: 20px; left: 100px; width: 205px; height: 77px; }
 }

 @media only screen and (max-width: 600px) { 

    .kontakt {width: 92%; margin-bottom: 100px;}
   .home-logo { height: 160px; }
   .home-inner {width: 400px;}
   .apla-jasna, .grid-item-back, .grid-item .grid-item-back img, .apla-ciemna   {border-radius: 30px; }

.container.o-mnie {width: 92%}
.o-mnie-tekst {left: 0}
   .o-mnie {padding-top: 0; margin: auto; }
   .o-mnie .o-mnie-foto img {width: 100%}
   .o-mnie .o-mnie-foto {right: 0; width: 100%; top: auto; bottom: 0}
   .o-mnie-tekst {width: 100%}
   .o-mnie-tekst .tekst {width: 100%}
   .o-mnie-tekst.apla-jasna { padding: 30px 30px;  }
   .o-mnie-foto-desk {display: none}
   .o-mnie .o-mnie-foto-mobile { display: block; position: relative; margin-top: -160px}
   .opinie {width: 100%}
   .apla-ciemna { padding: 50px 30px; }
   .opinie .podpis {padding-right: 0}
   .o-mnie4 { display: none; }
   .opinie {margin-right: 0}
   .o-mnie1 {width: 150px !important}
   .o-mnie1 {top: -120px;}

   .page-404 {float: right; margin-right: 30px; margin-top: 50px;}
   .page-404 .o-mnie4 { display: block; }

   .regulamin { padding: 30px; }

 }



 @media only screen and (max-width: 550px) {
    .home-content {margin-top: 0; width: 100%}
    .home-kaja {margin-left: -50px; width: 100%; margin-top: 130px; }
    .home-kaja img {width: 320px; }
    .mobile-buttons {top: 280px; width: 340px;}
    .mobile-buttons-ilustracje {top: 20px; left: 20px; width: 205px; height: 77px; }
    .mobile-buttons-projekty { top: 160px; right: 25px; width: 175px; height: 80px; }
    .mobile-buttons-o-mnie {top: 280px; left: 60px; width: 194px; height: 73px;  }
    .home-inner {margin-top: 20px; right: auto; left: 50%; margin-left: -200px; padding-bottom: 0}
    .home-inner .home-menuMobileClick  {display: none;}
    .home-menuMobileClick2 {display: block;}
    .home-content .home-menuMobileClick2 { display: block; }
    h1 {padding-bottom: 15px;}
    
}




 @media only screen and (max-width: 500px) {
    .logo .lottie-logo {width: 80%}
    .container { width: 92%; }
    article {padding-top: 60px;}
   /* .grid-sizer, .grid-item { width: 100% }
   .grid-item{ margin-bottom: 20px; } */
   .grid-item-back, .grid-item .grid-item-back img
   {  border-radius: 15px;}
      .naglowek-tekst {width: 100%}
    .dodatki-kontakt { right: 50%; margin-right: -300px;}
   .dodatki-kontakt img {width: 600px;}
   .o-mnie .o-mnie-foto-mobile {margin-top: -120px}
   .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background {background: transparent !important}
   .projekt-sekcja, .sekcja-galeria {margin-top: 30px; }

   .zamow{ margin-left: 0%; width: 96%; padding: 25px; padding-top: 35px; padding-bottom: 130px; }

   .mobile-buttons-ilustracje {top: 20px; left: 110px; width: 178px; height: 67px; }
    .mobile-buttons-projekty { top: 160px; right: 25px; width: 154px; height: 70px; }
    .mobile-buttons-o-mnie {top: 280px; left: 125px; width: 160px; height: 60px;  }
}



 @media only screen and (max-width: 450px) { 
    .home-inner {width: 350px; margin-left: -175px;}
    .home-logo { height: 135px; }

     .dod-p2-lottie {width: 110px !important; transform: rotate(150deg); position: relative; right: -17px; top: 16px;}

     .zamow{ margin-left: 0%; width: 100%; padding: 25px; padding-top: 35px; padding-bottom: 130px; }

     .zamow-podpis { width: 100%; padding: 45px 55px 45px 30px; margin-top: -90px; margin-right: -30px; margin-bottom: 100px;}

    .mobile-buttons {  font-size: 50px; -webkit-text-stroke: 0px #1C1B19; text-stroke: 0px #1C1B19;}
    .mobile-buttons-ilustracje {left: 80px;}
    .mobile-buttons-projekty {right: 10px; }
    .mobile-buttons-o-mnie {left: 100px;}

 }

  @media only screen and (max-width: 430px) { 
    .mobile-buttons {width: 300px; top: 240px; }
    .mobile-buttons-projekty {top: 126px;  }
    .mobile-buttons-o-mnie {left: 110px; top: 290px;}



  }

 @media only screen and (max-width: 400px) {
    .kontakt.apla-jasna {  padding: 30px 30px 60px 30px;}
    .menu-footer ul li {display: block;}



}
 @media only screen and (max-width: 395px) {

     .mobile-buttons-ilustracje {left: 100px;  }


}


 @media only screen and (max-width: 370px) {

    .home-kaja {margin-left: -80px}

}