html, body {height: 100%;}

body {margin: 0 auto;
      padding: 0;
      font-family: 'Exo 2', sans-serif;
      color: #49494a;
      font-size: 18px;
      font-weight: 300;}

input[type='text'], input[type='email'], input[type='submit'], textarea, input[type='tel']
{font-family:  'Exo 2', sans-serif;
box-sizing: border-box;}



*:focus {outline: 0;}

a {text-decoration: none;
   cursor: pointer;}

b, strong {font-weight: 600;}

div {box-sizing: border-box;}


.f-left {float: left;}

.f-right {float: right;}

.clear {clear: both;}

.center {text-align: center;}


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


.header-container {width: 100%;
                   margin: 0 auto;
                   height: 70px;
                   position: relative;
                   z-index: 10;}

.header { width: 100%;
           max-width: 1640px;
           margin: 0 auto;
          padding: 0 20px;
         position: relative;
         display: flex;
         justify-content: space-between;}

.logo {font-family: 'Cinzel', serif;
        font-size: 34px;
        padding-top: 15px;}

.logo a {color: #49494a;}


.menu-phone {display: flex;
                 justify-content: right;}

.menu-phone ul li {display: inline-block;
                   font-size: 20px;
                   font-family: 'Cinzel', serif;}

.menu-phone ul li a {color: #49494a;
                      display: block;
                       padding: 26px 33px 24px 33px;
                       transition: all .3s ease .10s;
                      position: relative;}

.menu-phone ul li > ul {display: none;
                         position: absolute;}

.menu-phone ul li:hover > ul {display: block;}

.menu-phone ul li > ul li {display: block;}

.menu-phone ul li > ul li a {padding: 14px 15px 14px 35px;
                               background: #49494a;
                               color: #fff;}

.menu-phone ul li > ul li a:hover {background: #d6d6d6;}

.menu-phone ul li > ul li a:before {display: none;}

.menu-phone ul li > ul li > ul {display: block;
                                  position:relative;}

.menu-phone ul li > ul li > ul li a {padding-left: 55px;}


.slider-container {position: relative;
                   z-index: 1;
                   width: 100%;
                   height: 600px;
                   clear: both;
                   background-size: cover;}

.home-slider {overflow: hidden;}


.slider {width: 100%;
         max-width: 1640px;
         margin: 0 auto;
         position: relative;
         padding: 0 20px 0 20px;
         display: flex;
         justify-content: right;
         align-items: center;
         height: 100%;}

.slider-box {width: 100%;
             padding: 65px 25px 65px 0;
             color: #ffffff;}

.slider h1 {font-size: 58px;
             margin: 0;
             font-family: 'Cinzel', serif;
             font-weight: 400;}



.slider-data {font-size: 22px;
               font-weight: 300;}

.slider-zajawka {font-size: 28px;
                 line-height: 30px;
                 padding: 8px 0 20px 0;}


.button {display: inline-block;
           color: #fff;
           font-size: 14px;
           text-transform: uppercase;
           font-weight: 300;
           text-align: center;
           box-sizing: border-box;
           height: 45px;
           border-radius: 8px;
           -moz-border-radius: 8px;
           -webkit-border-radius: 8px;
           padding: 13px 27px 0 27px;
           border: 1px solid #fff;
           margin-right: 28px;
           transition: all .3s ease .10s;}

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


.ngl {font-size: 44px;
      color: #000000;
      font-family: "Cinzel";}

.ngl-box {text-align: center;
           padding: 70px 0 30px 0;
           width: 100%;}


.galerie-container {width: 100%;
                    max-width: 1600px;
                    margin: 0 auto;
                    overflow: hidden;
                    padding: 0 20px 0 20px;
                    display: flex;
                    justify-content: left;
                    flex-wrap: wrap;}


.galerie-box {width: 33.3333333333%;
               padding: 0 10px 88px 10px;
               position: relative;
              box-sizing: border-box;}

.galerie-box:last-child {display: none;}

.galerie-pds .galerie-box:last-child {display: block;}

.galerie-box img {width: 100%;
                  border-radius: 8px;
           -moz-border-radius: 8px;
           -webkit-border-radius: 8px;}

.galerie-podpis {width: 100%;}

.galerie-podpis h2 {font-size: 30px;
                    color: #000000;
                    font-family: "Cinzel";
                    font-weight: 400;
                    margin: 4px 0 0 0;}

.galerie-podpis a {color: #000;}

.galerie-podpis span {display: block;}

.title1 { font-size: 16px;
	      padding: 4px 0 8px 0;}

.g-data {font-size: 12px;}

.more {display: inline-block;
           font-size: 14px;
           text-transform: uppercase;
           color: #49494a;
           font-weight: 300;
           text-align: center;
           box-sizing: border-box;
           height: 32px;
           border-radius: 8px;
           -moz-border-radius: 8px;
           -webkit-border-radius: 8px;
           background: #ececec;
           transition: all .3s ease .10s;
           padding: 7px 28px 0 28px;
           position: absolute;
           bottom: 40px;}

.more:hover {color: #fff;
               background: #000;}


.see-more {font-size: 22px;
           color: #000000;
           font-family: "Cinzel";
           transition: all .3s ease .10s;
           padding: 0px 30px 0px 30px;
           position: relative;}

.see-more:before,
.see-more:after {position: absolute;
                  content: '';
                  display: block;
                  width: 2px;
                  height: 28px;
                  background: #B7B7B7;
                  top: 0;}

.see-more:before {left: 0;}

.see-more:after {right: 0;}

.button-box {width: 100%;
             text-align: center;}
.bio-over-box {width: 100%;
               max-width: 1360px;
                 display: flex;
                justify-content: center;
                 flex-wrap: wrap;
                 margin: 0 auto;
                 align-items: center;}                         
               
.bio-box {width: 100%;
          overflow: hidden;
          border-top: 1px solid #B7B7B7;
          border-bottom: 1px solid #B7B7B7;} 
          
.bio-left img {width: 100%;}  

.bio-right,
.bio-left  {width: 50%;}

.right-box {width: 100%;
            max-width: 800px;
            padding: 0 35px;
            font-size: 18px;
            line-height: 30px;
            font-weight: 300;}

.right-box p {margin: 30px 0;}

.bio-img-mobile {display: none;}


.bio-button-box  {padding: 30px 0 60px 0;}





.footer-container {width: 100%;
                   margin: 0 auto;
                   height: 200px;
                   position: relative;
                   z-index: 10;
                   background: #49494A;
                   padding: 43px 0 0 0;}

.footer { width: 100%;
           max-width: 1640px;
           margin: 0 auto;
          padding: 0 20px;
         position: relative;
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;}

.logo-footer {font-family: 'Cinzel', serif;
        font-size: 34px;
        padding-top: 15px;}

.logo-footer a {color: #fff;}


.menu-footer {display: flex;
                 justify-content: right;}

.menu-footer ul li {display: inline-block;
                   font-size: 20px;
                   font-family: 'Cinzel', serif;}

.menu-footer ul li a {color: #fff;
                      display: block;
                       padding: 26px 33px 24px 33px;
                      position: relative;}


/*BUTTON*/

.menu-button {
  position: absolute;
  top: 20px;
  right: 30px;
  background: transparent;
  display: none;
  cursor: pointer;
  border: 1px solid #49494a;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
   padding: 10px; }


.menu-button:focus {outline: none;}

.menu-button .menu-ico {display: block;
                       width: 22px;
                        height: 1px;
                         background: #49494a;}


.menu-button .menu-ico + .menu-ico { margin-top: 4px;}

/*BIO*/

.page-ngl {width: 100%;
           text-align: center;
           border-bottom: 1px solid #d6d6d6;}

.page-ngl h1 {font-size: 44px;
               color: #000000;
               font-family: "Cinzel";
               font-weight: 400;}

.bio-text { width: 100%;
            max-width: 1360px;
            margin: 0 auto;
            padding: 0 20px;
            font-size: 18px;
            line-height: 30px;}

.bf3 {display: none;}

.bf-container {width: 100%;
            max-width: 1360px;
            margin: 0 auto;
            padding: 10px 20px 0 20px;
            font-size: 18px;
            line-height: 30px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
               align-items: center;}

.bf1,
.bf2 {width: calc(50% - 10px);}

.bf2 p {margin: 0;}

.bf1 img,
.bf3 img {width: 100%;}

.bio-text ul {column-count: 2;
                font-size: 18px;
                line-height: 30px;
                 column-gap: 20px;}

.pd-bottom {padding-bottom: 60px;}

.bf2 input[type='text'],
.bf2 input[type='email'],
.bf2 textarea {width: 100%;
               max-width: 500px;
               border: 1px solid #d6d6d6;
               margin-bottom: 8px;
               border-radius: 8px;
           -moz-border-radius: 8px;
           -webkit-border-radius: 8px;
             box-sizing: border-box;
              padding: 0 10px;
              font-size: 15px;}

.bf2 input[type='text'],
.bf2 input[type='email'] {height: 35px;}

.bf2 textarea {height: 150px;
               padding-top: 8px;
               padding-bottom: 8px;}

.bf2 input[type='submit']  { border-radius: 8px;
                            -moz-border-radius: 8px;
                             -webkit-border-radius: 8px;
                             box-sizing: border-box;
                              padding: 0 35px;
                             font-size: 15px;
                             height: 35px;
                               color: #fff;
                              background: #49494A;
                              border: none;
                              text-transform: uppercase;
                               cursor: pointer;
                                  transition: all .3s ease .10s;}

.bf2 input[type='submit']:hover {background: #d6d6d6;}

.contact-box {padding: 120px 0;}

.ico-sm {display: flex;
         justify-content: center;
         width: 100%;}

.ico-sm img {margin: 15px 10px 0 10px;}

.wystawa p {margin-left: 28px;}

.slick-dots li {width: 10px!important;}


.slick-dots li button::before {font-size: 30px!important;
                               top: -3px!important;}

.slick-dots {bottom: 0!important;
             width: auto!important;
	          min-width: 115px!important;
             padding: 5px 30px!important;
             background: #fff!important;
             right: 0;
             border-radius: 8px 0 0 0 ;
           -moz-border-radius: 8px 0 0 0 ;
           -webkit-border-radius: 8px 0 0 0 ;}

.slick-prev::before, .slick-next::before {width: 12px!important;
                                          height: 23px!important;
                                         content: ''!important;
                                          display: block!important;}

.slick-prev::before {background: url(https://kateyagosesky.com/sculpture/wp-content/uploads/2023/07/prev.svg) no-repeat;}

.slick-next::before {background: url(https://kateyagosesky.com/sculpture/wp-content/uploads/2023/07/next.svg) no-repeat;}

.slick-prev, .slick-next {top: calc(100% - 18px)!important;
                          width: 12px!important;
                          height: 23px!important;
                         background: #000;
                         z-index: 100;}

.slick-next {right: 10px!important;}

.slick-prev {left: calc(100% - 165px)!important;}