/*========================================================
	Main Style for Malarstwo Sakralne 2024
=========================================================*/
/* colors declaration */
:root {
    --white: #fff;
    --black: #25282e;
    --sienna: #c1b696;
    --bordertop: #eee;
    --grey: #777;
    --lightbg: #f8f8f8;
    --midgrey: #555;
    --greytit: #999;
    --footbgtop: #25282e;
    --footbgbot: #212329;
    --txtcol: #888;
    --bodygrey: #808080;
    --bodycoff: #583f21;
    --greytxtp: #f1f1f1;
    --secgrey: #919090;
    --btncol: #686868;
    --mainh1: #f0a329;
}

/* fonts declaration */
@font-face {
    font-family: 'barlowregular';
    src: url("../fonts/Barlow-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlowmedium';
    src: url("../fonts/Barlow-Medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* reset */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* end reset */

/***********************************************************************************************/

/* common layout sections  - ALL common layouts for frame exist in this section */
body {
  font-size: 21px;
  font-family: 'Archivo', arial, sans-serif;
  font-weight: 400;
  color: #fff;
    background: var(--bodygrey);
}

p {
  line-height: 1.3;
}


/***********************************************************************************************/

/* common styling */
h1,
h2,
h3 {

}

h1 {

}

h2,
h3 {

}
a {
    transition: background-color 0.25s ease-in, border-color ease-in, transform 0.75s cubic-bezier(0.44, 0.51, 0.24, 0.99), box-shadow 1s cubic-bezier(0.44, 0.51, 0.24, 0.99);
}
.swipearrows {
    display: none;
}
/* end common styling */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {}
@media only screen and (max-width: 1023px) {
    .swipearrows {
        padding: 35px 0 15px;
        font-size: 16px!important;
        color: var(--lightblue);
        font-family: arial,sans-serif!important;
        font-weight: 600!important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .swipestleft, .swipestright {
        color: var(--lightblue);
        font-size: 18px;
    }
    .swipestleft {
        margin-right: 5px;
    }
    .swipestright {
        margin-left: 5px;
    }
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
									TOP & NAVIGATION
=========================================================*/
/* not display on large screen */
.smobitrigger,
.mnuclose,
.menu ul li.mlogo,
.logoMob,
.telMob,
.menu ul li.mphone,
.menu ul li.madr,
.menu ul li.mhours,
.menu ul li.msocial,
.menu ul li.mmlink,
.menu ul li.maddress,
.fooRight ul li.mlogo,
.fooRight ul li.mphone,
.fooRight ul li.madr,
.fooRight ul li.mhours,
.fooRight ul li.msocial,
.fooRight ul li.mmlink,
.fooRight ul li.maddress {
  display: none;
}

/* end not display */

/* main frames */
.pageFull {
  width: 100%;
}
.pageSize {
    width: 1300px;
    margin: 0 auto;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .pageSize {
    width: 90%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .pageSize {
    width: 960px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .pageSize {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .pageSize {
    width: 90%;
  }
}


/* top section  */
.top,
.one,
.two,
.three {
    height: 106px;
}
.top {
  width: 100%;
  display: block;
  position: static;
    border-bottom: 1px solid var(--bordertop);
}

.boxesWrap {
  width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.one {
  width: 20%;
  display: flex;
    justify-content: flex-start;
  align-items: center;
    position: relative;
}
.one p,
.fooLogo p {
    font-family: barlowmedium, arial, sans-serif;
    font-size: 34px;
    text-transform: uppercase;
    line-height: 1;
}
.one p span,
.fooLogo p span {
    font-family: barlowregular, arial, sans-serif;
    font-size: 22px;
    letter-spacing: 25px;
    line-height: .9;
    margin-top: 5px;
    display: block;
    padding-left: 5px;
}
.logoDesk {
  width: 230px;
  display: block;
}
.two {
  width: 61%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.three {
  width: 19%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}
.telTop {
    display: flex;
    align-items: center;
    width: 240px;
}
.telTopIcon {
    width: 45px;
}
.telTopNum {
    width: calc(100% - 45px);
}
.telTopNum a {
    transition: all 500ms ease;
}
.telTop .telTopNum p {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 2px;
}
.telTopNum p span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: normal;
}
.fateltop {
    font-size: 30px;
}
/*** menu section ***/
.menu ul li.mlink,
.menu ul li.m1link,
.menu ul li.m2link,
.menu ul li.m3link,
.menu ul li.mmlinks,
.logoMob {
  display: none;
}

.menu ul li.dlink {
  font-size: 18px;
  display: inline-block;
  text-transform: capitalize;
  padding: 5px 15px;
  font-weight: 500;
  border: 2px solid transparent;
}
.menu ul li.dlink a:hover {
   color: var(--sienna);
}
/*** end menu section ***/
/* end top section  */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .boxesWrap {
        width: 1800px;
    }
    .one {
        width: 23%;
    }
    .three {
        width: 18%;
    }
    .two {
        width: 59%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .boxesWrap {
        width: 95%;
    }
    .one {
        width: 25%;
    }
    .three {
        width: 16%;
    }
    .two {
        width: 59%;
    }
    .one p, .fooLogo p {
        font-size: 26px;
    }
    .menu ul li.dlink {
        font-size: 14px;
        padding: 5px 10px;
    }
    .telTopNum p {
        font-size: 19px;
    }
    .telTop {
        width: 190px;
    }
    .telTop .telTopNum p {
        font-size: 19px;
    }
    .telTopIcon {
        width: 35px;
    }
    .fateltop {
        font-size: 24px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .boxesWrap {
        width: 96%;
    }
    .one {
        width: 30%;
    }
    .two {
        width: 52%;
    }
    .three {
        width: 18%;
    }
    .telTopNum p {
        font-size: 16px;
    }
    .one p span {
        font-size: 12px;
    }
    .menu ul li.dlink {
        font-size: 18px;
        padding: 5px 8px;
    }
    .fateltop {
        font-size: 21px;
    }
    .top, 
    .one, 
    .two, 
    .three {
        height: 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .top, .one, .two, .three {
        height: 70px;
    }
    .logoDesk {
        width: 190px;
    }
}
@media only screen and (max-width: 767px) {
    .top, .one, .two, .three {
        height: 70px;
    }
    .logoDesk {
        width: 190px;
    }
    .one p {
        font-size: 26px;
    }
    .telTopIcon {
        width: 35px;
    }
    .telTopNum {
        width: calc(100% - 35px);
    }
}
@media only screen and (max-width: 479px) {
    .logoDesk {
        width: 150px;
    }
    .one p {
        font-size: 26px;
    }
    .one p span {
        font-size: 16px;
        letter-spacing: 15px;
    }
}

/*========================================================
									Buttons
=========================================================*/
.bannerBtn {
    background: var(--mainh1);
    border: 1px solid var(--white);
    display: inline-block;
    cursor: pointer;
    color: var(--white);
    font-size: 16px;
      font-weight: 400;
      line-height: 1.2;
      border-width: 0px 0px 0px 0px;
      padding: 15px 41px 13px 41px;
    transition: background-color 500ms ease-in-out;
}
.bannerBtn:hover {
    background: #c1b696;
    color: var(--white);
}
.boxesBtn {
    background: rgba(161,198,233,.3);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 36px;
    padding: 15px 28px 15px 32px;
    cursor: pointer;
    letter-spacing: 3px;
    color: var(--blue);
    transition: background-color 500ms ease-in-out;
}
.priceBtn {
    background: transparent;
    border: 2px solid rgba(161,198,233,.3);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 36px;
    padding: 15px 28px 15px 32px;
    cursor: pointer;
    letter-spacing: 3px;
    color: var(--blue);
    transition: background-color 500ms ease-in-out;
}
.galBtn {
  font-family: "Archivo", Sans-serif;
  font-size: 16px;
  font-weight: 400;
    letter-spacing: 2px;
  color: var(--white);
  background-color: var(--btncol);
  border: 2px solid #e5e5e5;
  padding: 15px 31px 13px 31px;
    cursor: pointer;
    display: inline-block;
}
.galBtn:hover {
    background: var(--sienna);
    color: var(--white);
}
@media only screen and (min-width: 1920px) and (max-width: 12559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .galBtn {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .galBtn {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 479px) {
    .priceBtn {
        padding: 15px 20px 15px 24px;
    }
    .galBtnLast {
        margin-bottom: 10px;
    }
}

/*========================================================
		INDEX BANNER
=========================================================*/
.bannerMainMob {
    display: none;
}
.bannerMain {
   /* background: url('../images/index/banner.jpg') no-repeat;
    background-position: center center;
    background-size: cover;*/
    width: 100%;
}
/*.ova_slideshow .owl-item.active .slide-bg.elementor-ken-in {
  transform: scale(1.3);
  animation-timing-function: linear;
  animation-name: ken-burns-in;
  transition-duration: 0s;
}
@keyframes ken-burns-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.3);
  }
}
.ova_slideshow .owl-item.active .slide-bg.elementor-ken-out {
  transform: scale(1);
  animation-timing-function: linear;
  animation-name: ken-burns-out;
  transition-duration: 0s;
}
@keyframes ken-burns-out {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}*/


@media only screen and (min-width: 1920px) and (max-width: 2559px) {
   
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    
}
@media only screen and (max-width: 767px) {
    .bannerMain {
        display: none;
    }
    .bannerMainMob {
        display: block;
    }
    .bannerCont {
        display: flex;
        align-items: center;
        flex-direction: column;
        background: url('../images/index/bannerMob.jpg') no-repeat;
        background-position: center center;
        background-size: cover;
        height: 512px;
        animation-name: myanimation;
        animation-duration: 1s;
        animation-timing-function: linear;
    }
    @keyframes myanimation {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
    .bannerCont h1 {
        font-family:'PT Serif',serif;
        font-size: 36px;
        font-weight:900;
        letter-spacing:0.5em;
        text-transform: uppercase;
        line-height: 1.3;
        color: var(--mainh1);
        padding: 35px 0 280px;
        text-align: center;
    }
    .bannerCont h1 span {
        display: block;
    }
    .bannerCont p {
      font-family: "Lora", Sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.1;
        padding-bottom: 40px;
        color: var(--white);
        text-align: center;
    }
}
@media only screen and (max-width: 479px) {
    .bannerCont h1 {
        font-size: 24px;
        padding-bottom: 270px;
    }
    .bannerCont {
        height: 480px;
    }
}
/*========================================================
		INDEX boxes slider
=========================================================*/
.banimbg {
    padding: 0 0 35px;
}
.boxesSliderTit {
    display: flex;
    align-items: center;
    padding: 90px 0 45px;
}
.boxesSliTLeft,
.boxesSliTRight {
    width: 50%;
}
.boxesSliTLeft h2 {
    font-family: "Lora", sans-serif;
    font-size: 50px;
    text-align: left;
    font-weight: 500;
}
.boxesSliTRight {
    display: flex;
    justify-content: flex-end;
}
.boxesSliTRight a {
    font-size: 24px;
    text-align: right;
    letter-spacing: 0.2px;
    text-decoration: underline;
}
.boxesSliderWrap {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.boxSlider {
    width: 100%;
}
.boxSlider img {
    width: 100%;
    display: block;
}
.boxSlider h3 {
    font-size: 28px;
    font-weight: 400;
    font-family: "Lora", sans-serif;
    line-height: 1.2;
    text-align: left;
    padding: 25px 0 15px;
}
.boxSlider p {
    font-size: 18px;
    color: var(--greytxtp);
    text-align: left;
}
/*new slider */
.testiWrap {
    display: flex;
    justify-content: space-between;
    padding-top: 0!important;
}
.testiBox {
    width: 100%;
    background: var(--white);
    padding: 50px 35px;
}
.testiBox img {
    width: 120px!important;
}
.testip1 {
    font-size: 16px;
    line-height: 1.5;
    padding: 45px 0 35px;
    color: var(--black);
}
.testip2 {
    font-size: 17px;
    font-weight: 600;
    padding-top: 15px;
    color: var(--black);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .boxesSliTLeft h2 {
        font-size: 40px;
    }
    .boxSlider h3 {
        font-size: 24px;
    }
    .boxSlider p {
        font-size: 16px;
    }
    .boxesSliderTit {
        padding: 70px 0 35px;
    }
    .boxesSliTRight a {
        font-size: 21px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .boxesSliderTit {
        padding: 50px 0 0;
    }
    .boxesSliTLeft h2 {
        font-size: 30px;
    }
    .boxSlider h3 {
        font-size: 24px;
    }
    .boxSlider p {
        font-size: 16px;
    }
    .banimbg {
        padding: 0;
    }
    .boxesSliTRight a {
        font-size: 19px;
    }
    .boxSlider {
        margin-bottom: 50px;
    }
    .boxesSliderWrap {
        width: 90%!important;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .boxesSliderTit {
        padding: 50px 0 0;
    }
    .boxesSliTLeft h2 {
        font-size: 30px;
    }
    .boxSlider h3 {
        font-size: 21px;
        font-weight: 600;
    }
    .boxSlider p {
        font-size: 16px;
    }
    .banimbg {
        padding: 0;
    }
    .boxesSliTRight a {
        font-size: 18px;
    }
    .boxSlider {
        margin-bottom: 35px;
    }
    .boxesSliderWrap {
        width: 90%!important;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px) {
    .boxesSliderTit {
        padding: 35px 0 30px;
        flex-direction: column;
    }
    .boxesSliTLeft, .boxesSliTRight {
        width: 100%;
    }
    .boxesSliTLeft h2 {
        text-align: center;
        font-size: 30px;
    }
    .boxesSliTRight {
        justify-content: center;
        padding-top: 10px;
    }
    .boxesSliderWrap {
        padding: 0 0 20px!important;
    }
    .owl-testi .owl-dots {
        width: 240px!important;
        margin: 0 auto;
    }
    .boxSlider {
        margin-bottom: 35px;
    }
    .boxesSliTRight a {
        font-size: 21px;
    }
}
@media only screen and (max-width: 479px) {
    .owl-testi .owl-dots {
        display: flex!important;
    }
}
/*========================================================
		INDEX about
=========================================================*/
.indaboutbg {
    padding: 90px 0;
    background: var(--secgrey);
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.indAboutWrap {
    display: flex;
}
.indAboutLeft {
    width: 33.33%;
}
.indAboutRight {
    width: 66.66%;
}
.indAboutLeft h3 {
    font-family: "Lora", Sans-serif;
      font-size: 40px;
      line-height: 1.2;
    font-weight: 500;
}
.indAboutRight p {
    font-family: "Lora", Sans-serif;
    font-size: 24px;
    color: var(--greytxtp);
    line-height: 1.7;
}
.onasBtnPlace {
    margin-top: 25px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .indAboutLeft h3 {
        font-size: 28px;
    }
    .indAboutLeft h3 span {
        display: block;
    }
    .indAboutRight p {
        font-size: 18px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .indAboutLeft h3 {
        font-size: 28px;
    }
    .indAboutRight p {
        font-size: 18px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .indAboutWrap {
        flex-direction: column;
    }
    .indAboutLeft,
    .indAboutRight {
        width: 100%;
    }
    .indAboutLeft h3 {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .indAboutRight p {
        font-size: 18px;
    }
    .indaboutbg {
        padding: 50px 0;
    }
}
@media only screen and (max-width: 767px) {
   .indAboutWrap {
        flex-direction: column;
    }
    .indAboutLeft,
    .indAboutRight {
        width: 100%;
    }
    .indAboutLeft h3 {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .indAboutRight p {
        font-size: 18px;
    }
    .indaboutbg {
        padding: 50px 0;
    }
}
@media only screen and (max-width: 479px) {
    
}
/*========================================================
		INDEX galeria
=========================================================*/
.indgalbg {
    padding: 90px 0 0;
}
.indgalTit {
    text-align: center;
}
.indgalTit h3 {
    font-family: "Lora", Sans-serif;
    font-size: 50px;
    font-weight: 400; 
}
.indgalTit h3 span {
    font-size: 16px;
    color: var(--greytxtp);
    line-height: 1.1;
    text-transform: uppercase;
    padding-bottom: 25px;
    display: block;
}
.indgalWrap {
    margin: 50px auto 90px;
    width: 1300px;
}
/* css for masonry */
.simplegal {
  padding: 10px;
  columns: 3;
  column-gap: 25px;
}
.simplegal .grid {
  display: inline-block;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.simplegal .grid:hover {
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all 0.5s ease-in-out;
}

.simplegal .grid img {
  width: 100%;
  border-radius: 5px;
}

.simplegal .grid:hover img {
  transform: scale(1.05);
  transition: all 0.5s ease-in-out;
}

.simplegal .gridtitle {
  font-size: 28px;
  font-weight: 500;
  font-family: "Lora", sans-serif;
  margin: 0px 0px 10px 0px;
}

.simplegal .gridauthor {
  font-size: 18px;
  font-weight: 300;
}

.simplegal .gridlink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.simplegal .gridlink:hover {
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.simplegal .gridbody {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 2rem;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.simplegal .gridtag {
  background-color: rgba(255, 255, 255, 0.8);
  color: #333;
  border-radius: 5px;
  padding: 5px 15px;
  margin-bottom: 5px;
  font-size: 18px;
}

.mt-auto {
  margin-top: auto;
}

.galBtnPlace {
    text-align: center;
    margin-top: 50px;
}
.simplegal .gridtaglong {
    font-size: 13px;
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .indgalWrap {
        width: 100%;
    }
    .indgalTit h3 {
        font-size: 40px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .indgalWrap {
        width: 100%;
    }
    .indgalTit h3 {
        font-size: 34px;
    }
    .indgalbg {
        padding-top: 50px;
    }
    .indgalTit h3 span {
        padding-bottom: 5px;
        font-size: 14px;
    }
    .galBtnPlace {
        margin-top: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .indgalWrap {
        width: 100%;
        margin-bottom: 50px;
    }
    .indgalbg {
        padding-top: 50px;
    }
    .indgalTit h3 span {
        font-size: 14px;
        padding-bottom: 5px;
    }
    .indgalTit h3 {
        font-size: 40px;
        line-height: 1.1;
    }
}
@media only screen and (max-width: 767px) {
   .indgalWrap {
        width: 100%;
        margin-bottom: 50px;
    }
    .indgalbg {
        padding-top: 50px;
    }
    .indgalTit h3 span {
        font-size: 14px;
        padding-bottom: 5px;
    }
    .indgalTit h3 {
        font-size: 40px;
        line-height: 1.1;
    }
}
@media only screen and (max-width: 767px) {
    .galBtnPlace {
        margin-top: 20px;
    }
}
@media (max-width: 1200px) {
  .simplegal {
    columns: 3;
  }
}

@media (max-width: 992px) {
  .simplegal {
    columns: 2;
  }
}
@media (max-width:768px) {
  html {
    font-size: 80%;
  }
  .simplegal .gridtitle {
    margin: 0px 0px 6px 0px;
  }
    .simplegal {
        columns: 1;
      }
}

@media (max-width:550px) {
  html {
    font-size: 60%;
  }
}

@media (max-width:425px) {
  html {
    font-size: 50%;
  }
  .simplegal .gridbody {
    padding: 1.2rem 1.2rem 2rem 1.2rem;
  }
}
@media (max-width:375px) {
  html {
    font-size: 45%;
  }
}
/*========================================================
		INDEX faq
=========================================================*/
.faqbg {
    padding: 110px 0;
    background: var(--bluebg);
}
.faqiWrap {
    display: flex;
    align-items: center;
    position: relative;
}
.faqiImg {
    width: 50%;
    
}
.faqiImg img {
    width: 50%;
    display: block;
    position: absolute;
    left: -100px;
    top: 0;
    max-width: 600px;
}
.faqiCont {
    width: 50%;
}
.faqiCont h3 {
    font-size: 50px;
    font-weight: 600;
    color: var(--white);
    line-height: 1.3;
    text-transform: capitalize;
    padding-bottom: 30px;
}
.faqiCont h3 span {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    
}
.faqiCont p {
    font-size: 21px;
    color: var(--white);
    line-height: 1.6;
}
.faqWrap {
    width: 100%;
    margin: 75px auto 0;
}
.faqWrap .accordion {
    display: inline-block;
  background-color: transparent;
  color: var(--white);
  cursor: pointer;
  padding: 20px 30px;
  width: 100%;
  border: 1px solid var(--white);
  text-align: left;
  outline: none;
  font-size: 21px;
  transition: 0.4s;
 margin-bottom: 5px;
}
.faqWrap .accordion span {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
}
.faqWrap .accordion span::before {
  content: '\002B';
  color: var(--white);
  font-weight: bold;
  float: left;
  margin-right: 5px;
}
.faqWrap .active,
.faqWrap .accordion:hover {
  background-color: transparent;
    color: var(--white);
}

.faqWrap .active span::before {
  content: "\2212";
    color: var(--white);
}
.faqWrap .active::before:hover {
    color: var(--white);
}

.panel {
  padding: 0 20px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel p {
    padding: 35px 0;
    font-size: 18px;
    line-height: 1.3;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .faqiImg img {
        left: -40px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .faqbg {
        padding: 70px 0;
    }
    .faqiCont h3 {
        font-size: 42px;
    }
    .faqiCont p {
        font-size: 18px;
    }
    .faqWrap .accordion span {
        font-size: 16px;
    }
    .panel p {
        font-size: 16px;
        padding: 15px 0;
    }
    .faqiImg img {
        max-width: 480px;
    }
    .faqiImg {
        width: 45%;
    }
    .faqiCont {
        width: 55%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .faqbg {
        padding: 50px 0;
    }
    .faqiWrap {
        flex-direction: column;
    }
    .faqiImg {
        display: none;
    }
    .faqiCont {
        width: 100%;
    }
    .faqiCont h3 {
        font-size: 42px;
    }
    .faqiCont p {
        font-size: 18px;
    }
    .faqWrap {
        margin-top: 35px;
    }
}
@media only screen and (max-width: 767px) {
   .faqbg {
        padding: 50px 0;
    }
    .faqiWrap {
        flex-direction: column;
    }
    .faqiImg {
        display: none;
    }
    .faqiCont {
        width: 100%;
    }
    .faqiCont h3 {
        font-size: 30px;
    }
    .faqiCont p {
        font-size: 18px;
    }
    .faqWrap {
        margin-top: 25px;
    }
}
@media only screen and (max-width: 479px) {
    .faqWrap {
        margin-top: 35px;
    }
    .panel {
        padding: 0 10px;
    }
    .panel p {
        padding: 20px 0;
        font-family: 'Arial',sans-serif;
    }
}
/*========================================================
		Footer
=========================================================*/
.fooCol2 ul li.mlogo,
.fooCol2 ul li.mphone,
.fooCol2 ul li.maddress,
.fooCol2 ul li.mhours,
.fooCol2 ul li.mmlinks,
.fooCol2 ul li.msocial {
    display: none;
}
.foobg {
    padding: 30px 0 50px;
    background: var(--footbgtop);
    position: relative;
}
.fooLogo {
    margin-bottom: 35px;
}
.fooLogo img {
    width: 260px;
    display: block;
    margin-bottom: 30px;
}
.fooWrap {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
    border-bottom: 1px solid rgba(188,193,201,.2);
}

.fooCol1,
.fooCol2 {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.fooCol1 {
    justify-content: center;
    align-items: center;
}
.fooCol2 {
    flex-direction: row;
}
.fooCol2 {
    padding-top: 20px;
}
.fooSocial {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
}
.foosocIco {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid var(--foo);
    color: var(--foo);
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
}
.foosocIco .foosocico {
    font-size: 18px;
    color: var(--white);
}
.foosocIco:hover {
    border: 1px solid var(-red);
}
.foosocIco:hover .foosocico {
    color: var(--red);
}
.fooCol2 ul {
    text-align: center;
    width: 100%;
}
.fooCol2 ul li.dlink {
    padding: 0 20px;
    display: inline-block;
}
.fooCol2 ul li.dlink a {
    font-size: 18px;
    font-weight: 400;
    color: var(--white);
    text-transform: capitalize;
} 
.fooCol2 ul li.dlink a:hover {
    color: var(--red);
}
.foocp {
    padding: 25px 0;
    display: flex;
    width: 100%;
    align-items: center;
}
.foocpLeft,
.foocpRight {
    width: 50%;
}
.foocpRight {
    justify-content: flex-end;
}
.foocpRight ul {
    text-align: right;
}
.foocpRight ul li {
    font-size: 14px;
    color: rgba(188,193,201,.6);
    padding-left: 20px;
    display: inline-block;
    text-transform: capitalize;
}
.foocpRight ul li:hover {
    color: var(--white);
}
.foocp p {
    font-size: 14px;
    color: rgba(188,193,201,.6);
    text-align: left;
}
.fooline {
    border-right: 1px solid rgba(188,193,201,.6);
    padding-right: 20px;
}
.fooLogo p {
    font-family: barlowmedium, arial, sans-serif;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
}
.fooLogo p span {
    font-family: barlowregular, arial, sans-serif;
    font-size: 22px;
    letter-spacing: 25px;
    line-height: .9;
    margin-top: 5px;
    display: block;
    padding-left: 5px;
}
.fooTel {
    width: 240px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 15px;
}
.fatelfoo {
    color: var(--white);
}
.fooTel .telTopNum p {
    color: var(--white);
    font-size: 24px;
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .foobg {
        padding-bottom: 0;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .foobg {
        padding-bottom: 0;
    }
    .footerTopWrap {
        width: 90%;
    }
    .fooLogo p {
        font-size: 30px;
    }
    .fooTel {
        width: 200px;
    }
    .fooCol2 ul li.dlink a {
        font-size: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .fooCol3 {
        margin-top: 50px;
    }
    .footerTopWrap {
        width: 90%;
    }
    .fooadr, .footel{
        width: 240px;
        margin: 0 auto;
    }
    .foobg {
        padding: 0;
    }
    .foocp p span {
        display: block;
    }
    .fooLogo p {
        font-size: 30px;
    }
    .fooCol2 ul li.dlink a {
        font-size: 15px;
    }
    .fooCol2 ul li.dlink {
        padding: 0 10px;
    }
}
@media only screen and (max-width: 767px) {
    
    .fooCol1, .fooCol2, .fooCol3 {
        width: 100%;
    }
    .fooCol2 {
        margin: 60px auto 0;
    }
    .footerTopWrap {
        width: 90%;
        flex-direction: column;
        padding: 10px 0;
    }
    .footerTopCol {
        width: 100%;
        padding: 10px 0;
    }
    .fcol1 {
        border-bottom: 1px solid rgba(21,64,107,.8);
    }
    .footertopbg {
        height: auto;
    }
    .foobg {
        padding: 0;
    }
    .fooLogo img {
        margin: 0 auto 20px;
    }
    .fooCol1 p {
        text-align: center;
        font-size: 30px;
    }
    .fooSocial {
        justify-content: center;
    }
    .foocp {
        flex-direction: column-reverse;
    }
    .foocpRight ul {
        text-align: center;
    }
    .foocpLeft, .foocpRight {
        width: 100%;
    }
    .foocpRight ul li {
        padding: 0 20px;
    }
    .foocpLeft {
        padding-top: 20px;
    }
    .foocp p {
        text-align: center;
    }
    .fooCol2 ul li.dlink {
        display: block;
        padding: 8px 0;
    }
    .fooTel {
        width: 180px;
    }
}
@media only screen and (max-width: 479px) {
    .fooadr, .footel {
        width: 240px;
        margin: 0 auto;
    }
    
}
/*========================================================
    NASZE PRACE page
=========================================================*/
.pracebg {
    padding: 95px 0 40px;
}
.subMainTit {
    text-align: center;
}
.subMainTit h1 {
    font-size: 44px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Lora',arial,sans-serif;
    line-height: 1.2;
    padding-bottom: 20px;
}
.subMainTit h1 span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--greytxtp);
}
.subMainTit p {
    color: var(--greytxtp);
    font-size: 21px;
    font-family: 'Lora',arial,sans-serif;
    width: 900px;
    margin: 0 auto;
}
.praceWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 100px auto 0;
}
.praceBox {
    width: 48%;
    padding: 0 20px;
    margin-bottom: 65px;
}
.praceBox img {
    width: 100%;
    display: block;
    opacity: 1;
}
.praceBox img:hover {
    opacity: .8;
}
.praceBox h3 {
    font-size: 28px;
    font-weight: 400;
    font-family: 'Lora',arial,sans-serif;
    padding: 50px 0 15px;
}
.praceBox p {
    font-size: 18px;
    color: var(--greytxtp);
    line-height: 1.5;
}
.praceBtnPlace {
    margin-top: 20px;
}
.pracegalbg {
    padding: 110px 0 70px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .subMainTit h1 {
        font-size: 34px;
    }
    .subMainTit h1 span {
        font-size: 16px;
    }
    .subMainTit p {
        font-size: 18px;
    }
    .praceBox h3 {
        font-size: 24px;
    }
    .praceBox p {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .pracebg {
        padding: 50px 0 0;
    }
    .subMainTit h1 {
        font-size: 30px;
    }
    .subMainTit p {
        font-size: 16px;
        width: 80%;
    }
    .praceWrap {
        margin-top: 50px;
    }
    .praceBox h3 {
        font-size: 24px;
        padding-top: 20px;
    }
    .praceBox p {
        font-size: 16px;
    }
    .subMainTit h1 span {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pracebg {
        padding: 50px 0 40px;
    }
    .subMainTit h1 {
        font-size: 32px;
    }
    .subMainTit p {
        width: 90%;
        font-size: 18px;
    }
    .praceWrap {
        margin-top: 50px;
        flex-direction: column;
    }
    .praceBox {
        width: 100%;
        padding: 0;
        max-width: 700px;
        margin: 0 auto 50px;
    }
    .praceBox h3 {
        padding: 20px 0 10px;
        font-size: 21px;
        font-weight: 600;
    }
    .subMainTit h1 span {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
   .pracebg {
        padding: 50px 0 40px;
    }
    .subMainTit h1 {
        font-size: 32px;
    }
    .subMainTit p {
        width: 90%;
        font-size: 18px;
    }
    .praceWrap {
        margin-top: 50px;
        flex-direction: column;
    }
    .praceBox {
        width: 100%;
        padding: 0;
        max-width: 700px;
        margin: 0 auto 50px;
    }
    .praceBox h3 {
        padding: 20px 0 10px;
        font-size: 21px;
        font-weight: 600;
    }
    .subMainTit h1 span {
        font-size: 14px;
    }
}
@media only screen and (max-width: 479px) {
    
    
}
/*========================================================
    GALERIE PRAC page
=========================================================*/
.publikBoxWrap {
    width: 100%;
    margin: 110px auto 60px;
    overflow: hidden;
}
.publikGalleria {
    max-width: 100%;
    height: 800px;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .publikBoxWrap {
        margin: 50px auto 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .publikBoxWrap {
        margin: 50px auto 35px;
    }
}
@media only screen and (max-width: 767px) {
   .publikBoxWrap {
        margin: 50px auto 35px;
    }
}
@media only screen and (max-width: 479px) {
    .publikBoxWrap {
        width: 80%;
    }
}
/*========================================================
    O NAS page
=========================================================*/
.onArtMobile {
    display: none;
}
.onWrapbg {
    padding: 110px 0 70px;
}
.onRight {
    padding-left: 80px;
}
.onsecbg {
    padding: 90px 0 90px;
}
.onsecWrap {
    
}
.onsecBox {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.onsecLeft {
    width: 40%;
}
.onsecRight {
    width: 60%;
    display: flex;
    justify-content: flex-end;
}
.onsecLeft h3 span {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 20px;
    display: block;
    font-family: 'Archivo',arial,sans-serif;
}
.onsecLeft h3 {
    font-size: 42px;
    font-weight: 500;
    font-family: 'Lora',arial,sans-serif;
    line-height: 1.2;
    padding-bottom: 30px;
}
.onsecLeft p {
    font-family: 'Lora',arial,sans-serif;
    font-size: 18px;
    color: var(--greytxtp);
    line-height: 1.5;
}
.onsecBox img {
    width: 100%;
    display: block;
}
.onsecRightImg {
    display: flex;
    justify-content: flex-end;
    width: 80%;
    align-items: center;
}
.owl-onsec .owl-dots , .owl-onsec .owl-nav {
    text-align: right!important;
    width: 120px!important;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    background: 0 0!important;
    color: inherit!important;
    border: none!important;
    font-size: 150px!important;
    padding: 0!important;
    top: 336px!important;
}
.onsecTit {
    text-align: left;
}
.onsecTit h3 {
    font-size: 50px;
    font-weight: 500;
    font-family: 'Lora',arial,sans-serif;
    line-height: 1.2;
    padding-bottom: 70px;
}
.onthbg {
    padding: 0 0 90px;
}
.onthWrap {
    display: flex;
    align-items: center;
    padding: 50px 0;
    border-top: 1px solid var(--bordertop);
    border-bottom: 1px solid var(--bordertop);
}
.onthLeft {
    width: 70%;
}
.onthRight {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.onthLeft h3 {
    font-size: 42px;
    font-weight: 500;
    font-family: 'Lora',arial,sans-serif;
    line-height: 1.5;
    padding-bottom: 35px;
}
.onthLeft p {
    font-size: 19px;
    font-weight: 500;
    font-family: 'Lora',arial,sans-serif;
    color: var(--greytxtp);
}
.onthRight img {
    width: 160px;
}
.onforbg {
    padding: 0 0 160px;
}
.onforWrap {
    text-align: center;
}
.onforWrap h3 {
    font-size: 42px;
    font-weight: 500;
    font-family: 'Lora',arial,sans-serif;
    line-height: 1.1;
    padding-bottom: 35px;
    text-transform: capitalize;
}
.onforWrap p {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Lora',arial,sans-serif;
    color: var(--greytxtp);
    padding-bottom: 50px;
}
.onforWrap img {
    width: 100%;
    display: block;
}
.onasTit h1 {
    text-transform: none;
}
.onSet p {
    padding: 20px 0 60px;
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
}
.onSet p span {
    font-weight: 600;
}
.on2Rows {
    display: flex;
    margin: 35px auto;
    justify-content: space-between;
}
.onImgMain,
.on2Row {
    width: 48%;
}
.onImgMain img {
    width: 100%;
    display: block;
    max-width: 600px;
}
.onRow {
    display: flex;
}
.onCol p {
    font-size: 21px;
    line-height: 1.3;
    padding-bottom: 25px;
    text-align: justify;
}
.onCol p span {
    font-weight: 600;
    display: block;
    padding-bottom: 25px;
}
.onCol {
    width: 100%;
}
.onAut p {
    font-size: 21px;
    line-height: 1.1;
    font-style: italic;
    font-weight: 600;
}
.onArt p {
    padding-top: 25px;
    font-size: 16px;
    font-style: italic;
    line-height: 1.2;
    
}
.onsecBott p {
    font-size: 32px;
    font-weight: 500;
    font-family: 'Lora', arial, sans-serif;
    line-height: 1.2;
    padding-bottom: 30px;
}
.onsecBott h3  {
    font-size: 26px;
    font-weight: 500;
    font-family: 'Lora', arial, sans-serif;
    line-height: 1.2;
}
.onsecBott h3 span {
    font-size: 30px;
    font-weight: 700;
}
#pop {
  position: fixed;
  z-index: 999999;
  color: #fff;
  background: rgba(0, 0, 0, 0.6) none no-repeat 50% 50%;
  box-shadow: 0 0 0 24px rgba(0, 0, 0, 0.6);
  left: 24px;
  top: 24px;
  right: 24px;
  bottom: 24px;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
}

#pop.loading:after {
  content: "Loading...";
  position: absolute;
  top: 50%;
  left: 44%;
}

#pop.visible {
  visibility: visible;
  opacity: 1;
}

#popClose {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 2em;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .onsecTit h3 {
        font-size: 34px;
        padding-bottom: 0;
    }
    .onsecLeft h3 {
        font-size: 28px;
    }
    .onsecLeft h3 span {
        font-size: 14px;
        padding-bottom: 5px;
    }
    .onWrapbg {
        padding: 20px 0 70px;
    }
    .onsecbg {
        padding: 100px 0 35px;
    }
    .onthbg {
        padding: 30px 0 90px;
    }
    .onthLeft h3,
    .onforWrap h3 {
        font-size: 34px;
    }
    .onthRight img {
        width: 110px;
    }
    .onforWrap h3 {
        padding-bottom: 15px;
    }
    .onforbg {
        padding: 0 0 75px;
    }
    .onSet p {
        font-size: 21px;
    }
    .onCol p,
    .onAut p {
        font-size: 16px;
    }
    .onsecBott p {
        font-size: 24px;
    }
    .onsecBott h3 {
        font-size: 21px;
    }
    .onsecBott h3 span {
        font-size: 23px;
    }
    .on2Rows {
        align-items: center;
    }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
        font-size: 120px !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .onWrapbg {
        padding: 70px 0 0;
    }
    .onsecTit h3 {
        font-size: 30px;
        padding-bottom: 0;
    }
    .onsecLeft h3 span {
        font-size: 14px;
        padding-bottom: 0;
    }
    .onsecLeft h3 {
        font-size: 28px;
        padding-bottom: 15px;
    }
    .onsecLeft p {
        font-size: 16px;
    }
    .onsecbg {
        padding-bottom: 0;
    }
    .onthbg {
        padding: 0 0 60px;
    }
    .onthLeft h3 {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .onthRight img {
        width: 90px;
    }
    .onthLeft p {
        font-size: 16px;
    }
    .onforWrap h3 {
        font-size: 30px;
        padding-bottom: 5px;
    }
    .onforWrap p {
        font-size: 16px;
    }
    .onforbg {
        padding: 0 0 60px;
    }
    .onthWrap {
        padding: 30px 0;
    }
    .onSet p {
        font-size: 21px;
    }
    .onCol p,
    .onAut p {
        font-size: 16px;
    }
    .onsecBott p {
        font-size: 21px;
        padding-bottom: 10px;
    }
    .onsecBott h3 {
        font-size: 18px;
        padding-bottom: 35px;
    }
    .onsecBott h3 span {
        font-size: 19px;
    }
    .owl-testi .owl-nav button.owl-prev {
        margin-left: -10px;
    }
    .owl-testi .owl-nav button.owl-next {
        margin-right: -10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .onWrapbg {
        padding: 0 0 50px;
    }
    .onWrapbg .indAboutLeft h3 {
        font-size: 26px;
    }
    .onRight {
        padding-left: 0;
    }
    .onsecbg {
        padding: 90px 0 0;
    }
    .onsecTit h3 {
        font-size: 30px;
        padding-bottom: 0;
    }
    .onsecLeft h3 span {
        font-size: 14px;
        padding-bottom: 0;
    }
    .onsecLeft h3 {
        font-size: 24px;
        font-weight: 600;
        padding-bottom: 15px;
    }
    .onthbg {
        padding: 0 0 60px;
    }
    .onthLeft h3 {
        font-size: 24px;
        line-height: 1.1;
        padding-bottom: 15px;
    }
    .onthLeft p {
        font-size: 18px;
    }
    .onthRight img {
        width: 80px;
    }
    .onforWrap h3 {
        font-size: 30px;
        padding-bottom: 15px;
    }
    .onforbg {
        padding: 0 0 70px;
    }
    .onsecBox {
        flex-direction: column-reverse;
    }
    .onsecLeft,
    .onsecRight {
        width: 100%;
    }
    .onsecRight {
        justify-content: center;
        margin-bottom: 35px;
    }
    .onsecLeft {
        width: 80%;
        margin: 0 auto 35px;
    }
    .owl-onsec .owl-dots, .owl-onsec .owl-nav {
        text-align: center!important;
        justify-content: center;
        margin: 0 auto!important;
    }
    .onSet p {
        font-size: 21px;
        padding-bottom: 35px;
    }
    .onCol p,
    .onAut p {
        font-size: 16px;
    }
    .onsecBott p {
        font-size: 21px;
        padding-bottom: 10px;
    }
    .onsecBott {
        width: 80%;
        margin: 0 auto;
    }
    .onsecBott h3 {
        font-size: 18px;
        padding-bottom: 35px;
    }
    .onsecBott h3 span {
        font-size: 19px;
    }
    .on2Rows {
        flex-direction: column;
        margin: 0 auto;
    }
    .onImgMain, .on2Row {
        width: 100%;
    }
    .onImgMain img {
        max-width: 320px;
        margin: 0 auto 35px;
    }
}
@media only screen and (max-width: 767px) {
   .onWrapbg {
        padding: 0 0 50px;
    }
    .onWrapbg .indAboutLeft h3 {
        font-size: 26px;
    }
    .onRight {
        padding-left: 0;
    }
    .onsecbg {
        padding: 50px 0 0;
    }
    .onsecTit h3 {
        font-size: 30px;
        padding-bottom: 0;
    }
    .onsecLeft h3 span {
        font-size: 14px;
        padding-bottom: 0;
    }
    .onsecLeft h3 {
        font-size: 24px;
        font-weight: 600;
        padding-bottom: 15px;
    }
    .onthbg {
        padding: 0 0 60px;
    }
    .onthLeft h3 {
        font-size: 24px;
        line-height: 1.1;
        padding-bottom: 15px;
    }
    .onthLeft p {
        font-size: 18px;
    }
    .onthRight img {
        width: 80px;
    }
    .onforWrap h3 {
        font-size: 30px;
        padding-bottom: 15px;
    }
    .onforbg {
        padding: 0 0 70px;
    }
    .onsecBox {
        flex-direction: column-reverse;
    }
    .onsecLeft,
    .onsecRight {
        width: 100%;
    }
    .onsecRight {
        justify-content: center;
        margin-bottom: 35px;
    }
    .onsecLeft {
        width: 80%;
        margin: 0 auto 35px;
    }
    .owl-onsec .owl-dots, .owl-onsec .owl-nav {
        text-align: center!important;
        justify-content: center;
        margin: 0 auto!important;
    }
    .onArtDesktop {
        display: none;
    }
    .onArtMobile {
        display: inline-block;
    }
    .onSet p {
        font-size: 18px;
        padding: 0 0 35px;
    }
    .onArtMobile p {
        font-size: 18px;
        text-align: center;
    }
    .onArtMobile p span {
        display: block;
        padding-top: 15px;
        font-size: 16px;
    }
    .onArtMobile img {
        width: 80px;
    }
    .onsecBott p {
        font-size: 21px;
        padding-bottom: 10px;
    }
    .onsecBott {
        width: 95%;
        margin: 0 auto;
    }
    .onsecBott h3 {
        font-size: 18px;
        padding-bottom: 35px;
    }
    .onsecBott h3 span {
        font-size: 19px;
    }
    .onImgMainMob img {
        width: 90%;
        margin: 0 auto 20px;
        display: block;
    }
}
@media only screen and (max-width: 479px) {
    .onsecLeft {
        width: 100%;
    }
    .onsecRightImg {
        width: 100%;
    }
    .owl-theme .owl-nav.disabled + .owl-dots {
        display: block!important;
    }
    .onthWrap {
        flex-direction: column-reverse;
    }
    .onthLeft,
    .onthRight {
        width: 100%;
    }
    .onthLeft {
        margin-top: 20px;
    }
    .onsecBott p {
        font-size: 18px;
    }
}
/*========================================================
    M. B. page
=========================================================*/
.mbbg {
    padding: 90px 0;
}
.mbsec1Wrap {
   display: flex;
    width: 1300px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.mbsec1Box {
    width: 48%;
}
.mbsec1Box img {
    width: 100%;
    display: block;
}
.mbsec1Box h3 {
    font-size: 28px;
    font-weight: 400;
    font-family: "Lora", sans-serif;
    line-height: 1.2;
    text-align: center;
    padding: 25px 0 15px;
}
.mbsec1Video {
    width: 48%;
}
.mbsec1Video img {
    width: 55%;
    display: block;
    margin: 0 auto;
}
.mbsec1Video p {
    font-size: 18px;
    font-weight: 400;
    padding-top: 15px;
    text-align: center;
    line-height: 1.2;
}
.mbsectopBox {
    width: 48%;
    margin: 50px auto 0;
}
.mbsectopBox img {
    display: block;
    width: 100%;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .mbsec1Box h3 {
        font-size: 24px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .mbsec1Wrap {
        width: 80%;
    }
    .mbsec1Box h3 {
        font-size: 21px;
    }
    .mbsec1Video p {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .mbsec1Wrap {
        width: 90%;
    }
    .mbsec1Video p {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .mbsec1Wrap {
        width: 90%;
    }
    .mbsec1Video p {
        font-size: 14px;
    }
    .mbbg {
        padding: 20px 0 50px;
    }
    .mbsectopBox {
        width: 65%;
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767px) {
   .mbsec1Wrap {
        width: 90%;
       flex-direction: column;
    }
    .mbsec1Video p {
        font-size: 14px;
    }
    .mbbg {
        padding: 0 0 50px;
    }
    .mbsec1Box,
    .mbsec1Video {
        width: 100%;
    }
    .mbsec1Box {
        margin-bottom: 50px;
    }
    .mbsectopBox {
        width: 90%;
        margin-top: 20px;
    }
}
@media only screen and (max-width: 479px) {
    .mbsec1Video img {
        width: 100%;
    }
}
/*========================================================
    VIDEO page
=========================================================*/
.vid1bg {
    padding: 90px 0;
}
.vidsec1Wrap {
    width: 1660px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vidsec1Box {
    width: 49%;
    margin-bottom: 50px;
}
.vidsec1Tit h3 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 25px;
    font-family: 'Lora',arial,sans-serif;
}
.vidsec1Video img {
    width: 474px;
    margin: 0 auto;
    display: block;
}
.vidsec1Video p {
    font-size: 18px;
    font-weight: 400;
    padding-top: 25px;
    text-align: center;
    line-height: 1.2;
}
.vidsec2Video img {
    width: 810px;
}
.vidsec2Tit h3 {
    padding: 25px 0 35px;
}
.vidsec3Box {
    width: 100%;
    margin-bottom: 50px;
}
.vidsec1top {
    margin-top: 75px;
}
.renowbg {
    padding: 0 0 50px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .vidsec1Wrap {
        width: 1160px;
    }
    .vidsec1Tit h3 {
        font-size: 21px;
    }
    .vidsec2Video img {
        width: 560px;
    }
    .vidsec2Tit h3 {
        padding: 25px 0 25px;
    }
    .vidsec1Video p {
        font-size: 15px;
    }
    .renowbg {
        padding: 0 0 35px;
    }
    .vidsec1top {
        margin-top: 35px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .vidsec1Wrap {
        width: 960px;
    }
    .vidsec1Tit h3 {
        font-size: 21px;
    }
    .vidsec1Video p {
        font-size: 15px;
    }
    .vidsec2Tit h3 {
        padding: 25px 0 25px;
    }
    .vidsec2Video img {
        width: 474px;
    }
    .renowbg {
        padding: 0 0 35px;
    }
    .vidsec1top {
        margin-top: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .vidsec1Wrap {
        width: 100%;
        flex-direction: column;
    }
    .vidsec1Tit h3 {
        font-size: 21px;
    }
    .vidsec1Video p {
        font-size: 16px;
    }
    .vid1bg {
        padding: 50px 0 20px;
    }
    .vidsec1Wrap {
        width: 90%;
    }
    .vidsec1Box {
        width: 90%;
        margin: 0 auto 35px;
    }
    .vidsec2Video img {
        width: 474px;
    }
    .renowbg {
        padding: 0 0 35px;
    }
    .vidsec1top {
        margin-top: 35px;
    }
}
@media only screen and (max-width: 767px) {
    .vidsec1Wrap {
        width: 100%;
        flex-direction: column;
    }
   .vidsec1Tit h3 {
        font-size: 21px;
       font-weight: 400;
    }
    .vidsec1Video p {
        font-size: 16px;
    }
    .vid1bg {
        padding: 50px 0 20px;
    }
    .vidsec1Video img,
    .vidsec2Video img {
        width: 100%;
        max-width: 474px;
    }
    .vidsec1Wrap {
        width: 90%;
    }
    .vidsec1Wrap {
        width: 90%;
    }
    .vidsec1Box {
        width: 90%;
        margin: 0 auto 35px;
    }
    .renowbg {
        padding: 0 0 20px;
    }
    .vidsec1top {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 479px) {
    .vidsec1Tit h3 {
        font-size: 18px;
    }
    .vid1bg {
        padding: 20px 0 25px;
    }
}
/*========================================================
    ARCHIWUM page
=========================================================*/
.archbg {
    padding: 0 0 90px;
}
.archWrap {
    width: 90%;
    margin-top: 70px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .archWrap {
        width: 95%;
        margin-top: 25px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .archWrap {
        margin-top: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
     .archWrap {
        margin-top: 15px;
    }
}
@media only screen and (max-width: 767px) {
   .archWrap {
        margin-top: 0;
    }
}
@media only screen and (max-width: 479px) {
    
}
/*========================================================
    MIEJSCA page
=========================================================*/
.miejscaWrap {
    padding: 70px 0;
}
.miejscaWrap img {
    width: 100%;
    display: block;
}
/*========================================================
    KONTAKT page
=========================================================*/
.kontbg {
    padding: 150px 0 260px;
}
.kontWrap {
    text-align: center;
}
.kontWrap h3 {
    font-size: 36px;
    font-weight: 500;
    font-family: 'Lora',arial,sans-serif;
    padding-bottom: 50px;
}
.telKont {
    display: flex;
    align-items: center;
    width: 270px;
    margin: 0 auto;
    justify-content: center;
}
.telKontIcon {
    width: 45px;
}
.fatelkont {
    font-size: 30px;
}
.telKontNum {
    width: calc(100% - 45px);
    padding-left: 25px;
}
.telKont .telKontNum p {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .kontbg {
        padding: 90px 0 160px;
    }
    .kontWrap h3 {
        font-size: 28px;
    }
    .telKontNum {
        padding-left: 0;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .kontbg {
        padding: 50px 0 90px;
    }
    .kontWrap h3 {
        font-size: 28px;
        padding-bottom: 20px;
    }
    .telKontNum {
        padding-left: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .kontbg {
        padding: 0 0 90px;
    }
    .kontWrap h3 {
        font-size: 28px;
        padding-bottom: 20px;
    }
    .telKontNum {
        padding-left: 0;
    }
}
@media only screen and (max-width: 767px) {
   .kontbg {
        padding: 0 0 90px;
    }
    .kontWrap h3 {
        font-size: 28px;
        padding-bottom: 20px;
    }
    .telKontNum {
        padding-left: 0;
    }
}
@media only screen and (max-width: 479px) {
    
}
/*========================================================
    FAQ page
=========================================================*/
.fbg {
    background: var(--white);
}
.fcont h3,
.fcont p,
.fwrap .accordion span::before,
.fwrap .active, .fwrap .accordion:hover {
    color: var(--black);
}
.fwrap .accordion {
    color: var(--black);
    border: 1px solid var(--black);
}
/*========================================================
										0- 1300
=========================================================*/
@media only screen and (min-width: 1301px) {
    .menu ul {
        background: transparent!important;
    }
}
/*========================================================
    Mobile Menu
=========================================================*/
@media only screen  and (max-width: 1300px) {
	.smobitrigger,
	.mnuclose {
		display: inline-block;
	}
	.smobitrigger {
	color: transparent;
	width: 30%;
		margin: 0 auto;
	}
	.smobitrigger {
		background: url("../images/menuopen.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 40px 40px;
		width: 40px;
		height: 40px;
	}
	.mnuclose {
		background: url('../images/menuclose.png');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 45px 45px;
		color: transparent;
		height: 45px;
		margin: 0 0 10px 0;
		width: 100%;
		text-align: right;
		display: inline-block;
	}
	.menu  ul {
		padding: 0 10px 20px;
		overflow-y: auto;
		margin: 0 auto;
        text-align: center;
	}
    .menu li {
        line-height: inherit;
    }
    .menu ul li.dlink {
        display: block;
    }
    .menu ul li.mlogo {
        display: block;
    }
    .menu ul li.mlogo p {
        font-family: 'PT Serif', arial, sans-serif;
        font-size: 40px;
        color: var(--mainh1);
        text-transform: uppercase;
        line-height: 1;
        text-align: center;
        letter-spacing: 2px;
    }
    .menu ul li.mlogo p span {
        font-family: barlowregular, arial, sans-serif;
        font-size: 22px;
        letter-spacing: 25px;
        line-height: .9;
        margin: 5px auto 0;
        display: block;
        text-align: center;
        padding-left: 25px;
    }
	.menu ul li.mphone {
		display: block;
        margin: 25px auto 10px;
	}
    .menu ul li.mphone span {
        display: block;
        font-size: 16px;
        font-weight: 300;
        color: #777;
    }
	.menu ul li.mphone a {
		font-size: 26px;
        color: #fff;
	}
	.menu ul li.maddress {
		display: block;
		font-size: 16px;
		line-height: 1.5;
		text-transform: capitalize;
		margin: 35px auto 20px;
		 color: #777;
	}
	.menu ul li.maddress span {
			display: block;
	}
    .menu ul li.mhours {
        display: block;
		font-size: 14px;
		line-height: inherit;
        margin: 0 auto 30px;
        color: #fff;
        font-family: barlowmedium,arial,sans-serif;
    }
    .menu ul li.mhours span {
        display: block;
    }
	.menu ul li.msocial {
		display: flex;
        justify-content: center;
        align-items: center;
		width: 100%;
        margin: 35px auto 20px;
	}
    .socIcoMob {
        background: transparent;
        border: 2px solid var(--white);
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 5px;
    }
    .famobico {
        font-size: 16px;
        color: var(--white);
    }
    .mobimenu {
			padding: 0;
			margin: 0px;
			width: 14.9375em;
			position: fixed;
			height: 100%!important;
			top: 0px;
			left: -24.625em;
	 }
	.mnuopn {
		left: 0px !important;
	}
	.ovrActv {
		position: fixed;
		background: rgba(0, 0, 0, 0.79);
		width: 100%;
		height: 100%;
		z-index: 9998;
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-ms-transition: 0.5s;
			-o-transition: 0.5s;
		transition: 0.5s;
	}
    .boxesWrap {
        width: 90%;
        
    }
    .logoMob {
        display: block;
        width: 160px;
    }
    .one {
        width: 70%;
        background: none;
    }
    .two {
        width: 30%;
        padding-left: 0;
        background: var(--light-black);
    }
    .three {
        display: none;
    }
    nav,
    .telMob {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
    }
    .telMob a {
        display: inline-block;
        height: 40px;
    }
    .telMob img {
        width: 40px;
    }
}
@media only screen and (max-width: 479px) {
    .one {
        width: 60%;
    }
    .two {
        width: 40%;
    }
}