body {font-family: 'Ubuntu', sans-serif; background: #fff; font-size: 16px; line-height: 1.8; font-weight: 300; color: #333; overflow-x: hidden !important;}
body.menu-show {overflow: hidden; position: fixed; height: 100%; width: 100%; }
a {-webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; color: #a4937a; }
a:hover, a:focus {text-decoration: none; color: #a4937a; outline: none !important; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { line-height: 1.5; color: rgba(0, 0, 0, 0.8); font-weight: 400; font-family: 'Ubuntu', sans-serif;}
.text-primary {color: #a4937a !important; }
.smol_navbar-light {background: transparent !important; position: absolute; top: 1px; left: 0; right: 0; z-index: 3; }

b, strong {font-weight: 700;}

p img.left {float: left; margin-right: 20px; margin-bottom: 10px;}
p img.right {float: right; margin-left: 20px; margin-bottom: 10px;}

.img {background-size: cover; background-repeat: no-repeat; background-position: center center; }

/* Navigacja
***************************/
div.SmoliceMenu {top: 130px;}
.Smolice_navbar button.navbar-toggler {display: none !important;}
.Smolice_navbar.scrolled.wlacz button.navbar-toggler {display: inline-flex !important;}
.scrolled.wlacz div.SmoliceMenu {display: none;}
.scrolled div#NavbarUnka.Navig ul li a {display: none;}

.Ikonka img {width: auto; height: 32px; border: none; margin-left: 0px;}

.dropdown-item.active,
.dropdown-item:active {color: #fff; text-decoration: none; background-color: #583d37;}

.scrolled.wlacz div#smol_nav.show li.nav-item {float: left;}

.navbar-nav.mr-auto {background-color: rgba(255,255,255,.9);}


/* Breadcrumb
****************************/
#Breadcrumbs {position: absolute; left: 0; bottom: 0;}
.breadcrumb {color: #fff; background-color: transparent; border: none;}
div#Breadcrumbs i.material-icons {font-size: 1em;line-height: 30px;}
div#Breadcrumbs {font-size: .85em; line-height: 30px;}
div#Breadcrumbs a {font-size: 1em; line-height: 30px;}

/* Sidebar
****************************/
a.list-group-item.list-group-item-success {font-size: .8em; width: 100%; line-height: 1.1em; display: inline-flex; vertical-align: middle; align-items: center;}
.link.list-group-item.list-group-item-success.Druga {width: 100%; background-color: #ded3c6;}
.link.list-group-item.list-group-item-success.Druga.DrugaLink,
.section.list-group-item.list-group-item-success.Druga.DrugaLink,
.current.list-group-item.list-group-item-success.Druga.DrugaLink {width: 100%; background-color: #000; color: #fff; line-height: .5em;font-weight: 700;}


.SidebarStart a { -webkit-transition: .3s all ease;	-o-transition: .3s all ease; transition: .3s all ease; color: #000;}
.SidebarStart a:hover {color: #420039;}


/* Strona
****************************/
.list-group-item-success {color: #000; background-color: rgba(164, 147, 126, .2); border: 1px solid rgba(164, 147, 126, .4);}
.Tytuly {border-bottom: 1px solid rgba(164, 147, 126, .2); margin-bottom: 20px;}
.Tytuly h3 {color: rgba(164, 147, 126, 1); font-weight: 700; margin-bottom: 0; padding-bottom: 0;}
.Tytuly h4 {color: rgba(0, 0, 0, 1); font-weight: 400; font-size: 1em;}

/* Imieniny
***************************/
.Imieniny {font-size: .7em; color: #fff; text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.6);}
.wlacz div.Imieniny {display: none;}


@media (max-width: 991px) {
.Imieniny {color: #000; }
.smol_navbar-light {background: #fff !important; color: #000; position: relative; top: 0; }
}

.smol_navbar-light .smol_Topki {display: inline-block; margin: 0; padding: 0; width: 100%; }

@media (max-width: 767px) {
}

.smol_navbar-light .smol_Topki li {display: inline-block; }
.smol_navbar-light .smol_Topki li a {height: 50px; width: 50px; display: block; float: left; background: rgba(255, 255, 255, 0.15); border-radius: 50px; position: relative; cursor: pointer;}
.smol_navbar-light .smol_Topki li a span {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.smol_navbar-light .smol_Topki li a:hover {color: #fff; }
.smol_navbar-light .navbar-brand {color: #fff; }

.dropdown-menu {margin: 0;}

@media (max-width: 991px) {

.smol_navbar-light .navbar-brand {color: #000; }
.smol_navbar-light .navbar-nav {padding-bottom: 10px; }

}

.smol_navbar-light .navbar-nav > .nav-item > .nav-link {font-size: 13px; padding-top: .95rem; padding-bottom: .85rem; padding-left: 10px; padding-right: 10px; color: #000; font-weight: 400; opacity: 1 !important; }
.smol_navbar-light .navbar-nav > .nav-item > .nav-link.LinkHome {font-size: 12px; padding-top: .5rem; padding-bottom: .5rem; padding-left: 12px; padding-right: 8px; color: #000; font-weight: 400; opacity: 1 !important; }

.smol_navbar-light .navbar-nav > .nav-item > .nav-link:hover {color: #4e3c21; }

@media (max-width: 991px) {

.smol_navbar-light .navbar-nav > .nav-item > .nav-link {padding-left: 0; padding-right: 0; padding-bottom: 0; }

}

.smol_navbar-light .navbar-nav > .nav-item .dropdown-menu {border: none; background: #fff; /* -webkit-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41); box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41); */ }
.smol_navbar-light .navbar-nav > .nav-item.smol_seperator {position: relative; margin-left: 20px; padding-left: 20px; }
div.dropdown-menu.shadow-inner {box-shadow: inset 5px -8px 50px 1px rgba(5, 2, 0, .25);}

.Smolice_navbar .show div.dropdown-menu.Second a.dropdown-item {font-size: .8em}

@media (max-width: 991px) {

.smol_navbar-light .navbar-nav > .nav-item.smol_seperator {padding-left: 0; margin-left: 0; }

}

.smol_navbar-light .navbar-nav > .nav-item.smol_seperator:before {position: absolute; content: ""; top: 10px; bottom: 10px; left: 0; width: 2px; background: rgba(255, 255, 255, 0.05); }

@media (max-width: 991px) {

.smol_navbar-light .navbar-nav > .nav-item.smol_seperator:before {display: none; }

}

.smol_navbar-light .navbar-nav > .nav-item.cta > a {color: #fff; border: 1px solid #a4937a; padding-top: .5rem; padding-bottom: .5rem; padding-left: 18px; padding-right: 18px; margin-top: 4px; background: #a4937a; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.smol_navbar-light .navbar-nav > .nav-item.cta > a span {display: inline-block; color: #fff; }
.smol_navbar-light .navbar-nav > .nav-item.cta > a:hover {background: #a4937a; border: 1px solid #a4937a; }
.smol_navbar-light .navbar-nav > .nav-item.cta.cta-colored a {border: 1px solid #181818;  background: #181818 !important; }
.smol_navbar-light .navbar-nav > .nav-item.active > a {color: #4e3c21; }
.smol_navbar-light .navbar-toggler {border: none; color: rgba(0, 0, 0, 0.8) !important; cursor: pointer; padding-right: 0; text-transform: uppercase; font-size: 16px; letter-spacing: .1em; }
.smol_navbar-light .navbar-toggler:hover,
.smol_navbar-light .navbar-toggler:focus {text-decoration: none; color: #a4937a; outline: none !important; }
.smol_navbar-light.scrolled {position: fixed; right: 0; left: 0; top: 0; margin-top: -130px; background: #fff !important; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }

@media (max-width: 991px) {

    .smol_navbar-light.scrolled .nav-item > .nav-link {padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; }

}

.smol_navbar-light.scrolled .nav-item.active > a {color: #a4937a !important; }
.smol_navbar-light.scrolled .nav-item.cta > a {color: #fff !important; background: #a4937a; border: none !important; padding-top: 0.5rem !important; padding-bottom: .5rem !important; padding-left: 20px !important; padding-right: 20px !important; margin-top: 6px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.smol_navbar-light.scrolled .nav-item.cta > a span {display: inline-block; color: #fff !important; }
.smol_navbar-light.scrolled .nav-item.cta.cta-colored span {border-color: #a4937a; }

        @media (max-width: 991px) {
        .smol_navbar-light.scrolled .navbar-nav {
          background: none;
          border-radius: 0px;
          padding-left: 0rem !important;
          padding-right: 0rem !important; } }
      .smol_navbar-light.scrolled .navbar-toggler {
        border: none;
        color: rgba(0, 0, 0, 0.5) !important;
        border-color: rgba(0, 0, 0, 0.5) !important;
        cursor: pointer;
        padding-right: 0;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: .1em; }
      .smol_navbar-light.scrolled .nav-link {
        padding-top: 0.9rem !important;
        padding-bottom: 0.9rem !important;
        color: #000000 !important; }
        .smol_navbar-light.scrolled .nav-link.active {
          color: #a4937a !important; }
.smol_navbar-light.scrolled.wlacz {margin-top: 0px; -webkit-transition: .3s all ease-out; -o-transition: .3s all ease-out; transition: .3s all ease-out; }
.smol_navbar-light.scrolled.wylacz {-webkit-transition: .3s all ease-out; -o-transition: .3s all ease-out; transition: .3s all ease-out; }

    .smol_navbar-light.scrolled .navbar-brand {color: #000000; text-shadow: -1px 0px 2px rgba(255, 255, 255, 0.6);}
    .smol_navbar-light.scrolled .navbar-brand:after {background: #000000;}
    .smol_navbar-light.scrolled .navbar-brand:before {background: #000000; }
    .smol_navbar-light.scrolled .smol_Topki li a {background: #a4937a; }

  .navbar-brand {font-family: 'Ubuntu', Arial, sans-serif;  font-weight: 700; font-size: 22px; text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.6); text-transform: uppercase; line-height: 1.1; position: relative; }
  .navbar-brand:after {position: absolute; top: 0; right: -10px; content: ''; width: 1px; height: 70px; background: rgba(255, 255, 255, 0.7); }
  .navbar-brand:before {position: absolute; top: 32px; right: -25px; content: ''; width: 105%; height: 1px; background: rgba(255, 255, 255, 0.7); }
  .navbar-brand .S2 {display: block; margin-top: 5px; letter-spacing: .65px;}
  XX.navbar-brand .S3 {display: block; font-size: 18px; letter-spacing: 10.5px;}
  .navbar-brand .S3 {display: block; font-size: 20px; letter-spacing: 2px; margin-top: 3px;}

.hero-wrap {width: 100%; height: 100%; position: inherit; background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; }

  @media (max-width: 991px) {
  .hero-wrap {background-position: center center !important; }
}

/* News
***********************/
.News {border-bottom: 1px solid rgba(164, 147, 122, .3); padding-left: 15px; padding-right: 15px; padding-top: 20px;}
.News:hover {background-color: rgba(164, 147, 122, .1)}
.News h2 {color: #000; line-height: 1em;}
.News h2 a {color: #000; line-height: 1em; font-size: .8em;}
.News h2 a:hover {color: #583d37;}
div.InfoBlok p {color: #000;}
.DataWpisu {float: right; background-color: rgba(164, 147, 122, 1); text-decoration: none;  color: #fff; font-size: .8em; display: inline-flex; vertical-align: middle; align-items: center; padding: 4px 10px;}
.media-body {margin-top: 40px;}
.Obwodka {-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) !important; box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) !important;}
.ZmienLeft:hover,
.ZmienRight:hover {background-color: rgba(164, 147, 122, .1)}
.Remont {min-height: 400px;}

.Newsy {border-bottom: 1px solid rgba(164, 147, 122, .3); padding-left: 15px; padding-right: 15px; padding-top: 20px;}
.Newsy:hover {background: rgba(164, 147, 122, .1);}
.NewsyWpis a {color: #000;}
.NewsyWpis a:hover {color:rgba(0,0,0,.7);}


/* Karuzela
***********************/
 #Karuzela .carousel-item:after {content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:/* rgba(3, 3, 2, .4) */ transparent;}
 #Karuzela h1.Opcje {text-transform: uppercase; border-width: 0; color: #fff; filter: none; font-size: 2em; font-weight: 700 !important; height: auto; left: auto !important; line-height: 1.2em; margin-left: 0; margin-top: 0; opacity: 1; padding: 0; right: auto; text-align: center !important; /* text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); */ text-shadow: 0 1px 2px rgba(0,0,0,.6); top: 45px; transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0; width: auto;}
 #Karuzela h3.Subtytul {text-transform: uppercase; border-width: 0; color: #e8e0dc; filter: none; font-size: 1.4em; font-weight: 400 !important; height: auto; left: auto !important; line-height: 1em; margin-left: 0; margin-top: 0; opacity: 1; padding: 0; right: auto; text-align: center !important; /* text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); */ text-shadow: 0 1px 2px rgba(0,0,0,.6); top: 45px; transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0; width: auto;}

.hero-wrap.hero-wrap-2 {height: 600px; }
.hero-wrap.hero-wrap-2 .overlay {opacity: .6; }
.hero-wrap.hero-wrap-2 .slider-text {height: 600px;}

.hero-wrap.hero-wrap-3 {height: 300px; }
.hero-wrap.hero-wrap-3 .overlay {opacity: .6; }
.hero-wrap.hero-wrap-3 .slider-text {height: 300px;}


  @-webkit-keyframes wheel-up-down {
    0% {
      margin-top: 2px;
      opacity: 1; }
    30% {
      opacity: 1; }
    100% {
      margin-top: 20px;
      opacity: 0; } }

  @-moz-keyframes wheel-up-down {
    0% {
      margin-top: 2px;
      opacity: 1; }
    30% {
      opacity: 1; }
    100% {
      margin-top: 20px;
      opacity: 0; } }

  @keyframes wheel-up-down {
    0% {
      margin-top: 2px;
      opacity: 1; }
    30% {
      opacity: 1; }
    100% {
      margin-top: 20px;
      opacity: 0; } }

  .slider-text h1 {
    font-size: 60px;
    color: #fff;
    line-height: 2;
    font-weight: 500;
    position: relative; }
    @media (max-width: 991px) {
      .slider-text h1 {
        font-size: 40px; } }
    .slider-text h1 span {
      display: block; }

  .slider-text .subheading {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 1px; }

  .slider-text p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.8);
    color: #a4937a;
    font-family: 'Ubuntu', sans-serif; }
    .slider-text p strong {
      font-weight: 700; }
      .slider-text p strong a {
        color: #000000; }

  .slider-text .btn-primary, .slider-text .btn-white {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px; }

  .slider-text .breadcrumbs {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    z-index: 99;
    font-family: 'Ubuntu', sans-serif;
    font-style: italic; }
.slider-text .breadcrumbs span {color: rgba(255, 255, 255, 0.5); }
.slider-text .breadcrumbs span i {color: rgba(255, 255, 255, 0.3); }
.slider-text .breadcrumbs span a {color: rgba(255, 255, 255, 0.7); }
.slider-text .breadcrumbs span a:hover, .slider-text .breadcrumbs span a:focus {color: #a4937a; }
.slider-text .breadcrumbs span a:hover i, .slider-text .breadcrumbs span a:focus i {color: #a4937a; }

.slider-text .bread {font-weight: 700 !important;line-height: 1em;}
.smol_intro {width: 100%; height: 100%;position: inherit; background-size: cover; background-repeat: no-repeat; background-position: center center;position: relative; }
.smol_intro .overlay { position: absolute; width: 50%; top: 0; left: 0; right: 0; bottom: 0; content: ''; opacity: .8; background: #a4937a; }
.smol_intro h2.subheading {font-size: 20px; text-transform: uppercase;letter-spacing: 2px; }
.smol_intro h2 a {color: #fff; }

.CzytajWiecej {border-radius: 26px; line-height: 26px; color: #fff; text-align: center; text-decoration: none; background-color: #532116; padding: 9px 24px 10px; display: inline-flex; vertical-align: middle; align-items: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-transform: uppercase; }
.CzytajWiecej:hover {background-color: #420039;}


  .bg-light {background: rgba(88, 61, 55, .1) !important;}
  .bg-secondary {background: #181818 !important; }
  .bg-primary {background: #a4937a; }

/* Cytat
****************************/
.Wers {background: transparent; background-image: url(../img/ico_Biblia.png); background-repeat: no-repeat; background-position: 0px 30px;}




.btn {cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none !important; box-shadow: none !important; }
.btn:hover, .btn:active, .btn:focus { outline: none; }
.btn.btn-primary {background: #583d37; border: 1px solid #a4937a !important; color: #fff !important; border-radius: 24px; }
.btn.btn-primary:hover {border: 1px solid #a4937a; background: #000; color: #fff; }

.btn.btn-primary.btn-outline-primary {border: 1px solid #a4937a; background: transparent; color: #a4937a; }
.btn.btn-primary.btn-outline-primary:hover {border: 1px solid transparent; background: #a4937a; color: #fff; }
.btn.btn-black {
      background: #000000 !important;
      border: 1px solid #000000 !important;
      color: #fff !important; }
      .btn.btn-black:hover {
        border: 1px solid #a4937a;
        background: transparent;
        color: #a4937a; }
    .btn.btn-white {
      background: #fff !important;
      border: 1px solid #fff !important;
      color: #000000 !important; }
      .btn.btn-white:hover {
        border: 1px solid #000000 !important;
        background: #000000 !important;
        color: #fff !important; }
    .btn.btn-outline-white {
      border-color: rgba(255, 255, 255, 0.8);
      background: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      border-width: 1px;
      color: #fff; }
      .btn.btn-outline-white:hover, .btn.btn-outline-white:focus, .btn.btn-outline-white:active {
        background: #fff;
        border-color: #fff;
        color: #a4937a; }


/* Paginacja
**************************/
.page-item.active .page-link {z-index: 1; color: #fff; background-color: #583d37; border-color: #583d37;}
.page-link {position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #583d37; background-color: #fff; border: 1px solid #dee2e6;}
.page-link:hover {z-index: 2; color: #583d37; text-decoration: none; background-color: #ede9e5; border-color: #ede9e5;}
.page-link:focus {z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.page-link:focus {z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(88, 61, 55, .25);}


/* Lista
***************************/
.Zdjecie {display: block; float: left; margin-right: 30px;}
.Wspominamy {background: rgba(0,0,0,.1) /* url(../img/bg_wspominamy.jpg) no-repeat right 80px */; border-radius: 4px; padding: 20px 30px 40px 20px;}
.TytulyW {border-bottom: 1px solid #fff; margin-bottom: 20px; margin-top: 0px;}
.TytulyW h3 {color: rgba(0, 0, 0, 1); font-weight: 700; margin-bottom: 0; padding-bottom: 0;}
.MiniOpis {text-transform: uppercase; font-size: .6em; color: #fff; width: 100px; display: inline-flex;}
.TloS {background-color: rgba(0,0,0,.5); width: 70%; margin-bottom: 40px; padding: 30px; color: #fff;}
.Symbol {font-size: 1.4em; color: #fff; margin-right: 10px;}
.Zmarli ul {list-style: none; padding-left: 0; }
.Zmarli li {padding-left: 20px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 2px; background-color: rgba(0,0,0,.5);}
.Zmarli li:hover {background-color: rgba(0,0,0,.7);}
.Zmarli li a {color: #fff; text-decoration: none;}
.Zmarli li a:hover {color: #eee;}

.ChrzestSw {background: #fff4e7; padding: 20px 30px 40px 20px;}
.ChrzestSw .MiniOpis {text-transform: uppercase; font-size: .6em; color: #000; width: 100px; display: inline-flex;}
.TloCh {background-color: rgba(255,255,255,1); width: 70%; margin-bottom: 40px; padding: 30px; color: #000;}
.Chrzty ul {list-style: none; padding-left: 0;}
.Chrzty li {padding-left: 20px; padding-top: 5px; padding-bottom: 5px;  margin-bottom: 2px; background-color: #fff4e7;}
.Chrzty li:hover {background-color: #e7dbce;}
.Chrzty li a {color: #000; text-decoration: none;}
.Chrzty li a:hover {color: #555;}

.Sluby {background: #fff4e7; padding: 20px 30px 40px 20px;}
.Sluby .MiniOpis {text-transform: uppercase; font-size: .6em; color: #000; width: 100px; display: inline-flex;}
.TloSlu {background-color: rgba(164, 147, 126, .2); width: 70%; margin-bottom: 40px; padding: 30px; color: #000;}
.TloSlu .MiniOpis {text-transform: uppercase; font-size: .6em; color: #555; width: 100px; display: inline-flex;}
.Slub ul {list-style: none; padding-left: 0; }
.Slub li {padding-left: 20px; padding-top: 5px; padding-bottom: 5px;  margin-bottom: 2px; background-color: #fff4e7;}
.Slub li:hover {background-color: #e7dbce;}
.Slub li a {color: #000; text-decoration: none;}
.Slub li a:hover {color: #555;}



/* Kontakt
***************************/
.firstHeading {line-height: 1em;}
ul.DKKontakt {list-style: none; padding: 0; margin-top: 15px; margin-bottom: 15px;}
li.Kontakt i {float: left; margin-right: 15px;}
.Kontakt p {display: inline-block;}
.GoMapa {border-radius: 30px; line-height: 30px; font-size: 14px; color: #f1f1f1; text-align: center; text-decoration: none; background-color: #583d37; padding: 9px 24px 10px; display: inline-flex; vertical-align: middle; align-items: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-transform: uppercase;}
.FormKont {border-radius: 30px; line-height: 30px; font-size: 14px; color: #f1f1f1; text-align: center; text-decoration: none; background-color: #583d37; padding: 9px 24px 10px; display: inline-flex; vertical-align: middle; align-items: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-transform: uppercase;}
.container.Szary {background-color: #f4e8d9; padding: 10px 30px;}
#Infor {background-color: rgba(244, 232, 217, 1)}
#Infor .Cb1 div {padding: 15px; margin-top: 40px; background-color: #fff;}
#Infor .Cb2 div {padding: 15px; margin-top: 40px; background-color: #fff;}
#Infor .Cb3 div {padding: 15px; margin-top: 30px; background-color: #fff;}
X#PopUpFormularz div.modal-body {background-color: #fff;}
X#PopUpFormularz div.middleColumn input {width: 100%; padding: 10px 20px;}
X#PopUpFormularz div.middleColumn textarea {width: 100%;}



#PopUpFormularz input {background: #fff; color: #525865; border-radius: 4px; border: 1px solid #d1d1d1; box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07); font-family: inherit; font-size: 1em; line-height: 1.45; outline: none; padding: 0.6em 1.45em 0.7em; -webkit-transition: .18s ease-out; -moz-transition: .18s ease-out; -o-transition: .18s ease-out; transition: .18s ease-out;}
#PopUpFormularz input:hover {box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);}
#PopUpFormularz input:focus {color: #4b515d; border: 1px solid #B8B6B6; box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);}
#PopUpFormularz textarea {background: #fff; color: #525865; border-radius: 4px; border: 1px solid #d1d1d1; box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07); font-family: inherit; font-size: 1em; line-height: 1.45; outline: none; padding: 0.6em 1.45em 0.7em; -webkit-transition: .18s ease-out; -moz-transition: .18s ease-out; -o-transition: .18s ease-out; transition: .18s ease-out;}
#PopUpFormularz textarea:hover {box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);}
#PopUpFormularz textarea:focus {color: #4b515d; border: 1px solid #B8B6B6; box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);}
#EditableTextField_07616 {display: inline-block; line-height: 20px; width: 100%; margin-bottom: 30px;}
#EditableTextField_fcb5c p {font-size: .8em;}
#EditableTextField_07616 input {width: 20px !important; height: 20px; float: left; margin-right: 15px;	/* line-height: 20px; */}
#PopUpFormularz .userform .requiredField label::after, form .textarea.requiredField label::after {content: " *"; color: #e41d24; font-size: 26px;}
.GwiazdkaOpis::before {content: "* "; color: #e41d24;}
#PopUpFormularz #UserForm_Form_3_action_process {display: inline-block; width: 100%; margin-top: 30px; margin-bottom: 30px; background-color: #583d37 !important; color: #fff !important;}
#PopUpFormularz #UserForm_Form_3_action_process:hover {background-color: #79625d !important; color: #fff !important;}
.error.message {background: #ffcb8e; padding: 3px 10px; font-size: .8em; font-weight: 700;}

#PopUpFormularz #EditableTextField1,
#PopUpFormularz #EditableTextField2 {width: 50%; float: left;}
#PopUpFormularz #UserForm_Form_3_EditableTextField1 {width: 97%;}
#PopUpFormularz #UserForm_Form_3_EditableTextField2 {width: 97%;}
#PopUpFormularz #EditableEmailField3,
#PopUpFormularz #EditableTextField5 {width: 100%;}
#PopUpFormularz #UserForm_Form_3_EditableEmailField3 {width: 100%;}
#PopUpFormularz #UserForm_Form_3_EditableTextField5 {width: 100%;}

#UserForm_Form_1761_EditableTextField_46366 {width: 100%;}
#EditableTextField_90800 {background-color: #ecdcc4; padding: 25px 20px; position: relative;}
#EditableTextField_90800.field.optionset.checkboxset legend.left {padding-top: 40px; }
#UserForm_Form_1761_EditableTextField_145fd {width: 100%;}

#UserForm_Form_1761_action_process.action {display: inline-block; width: 100%; margin-top: 30px; margin-bottom: 30px; background-color: #583d37 !important; color: #fff !important;}
#UserForm_Form_1761_action_process.action:hover {background-color: #79625d !important; color: #fff !important;}


/* Blockquote
*****************************/
.blockquote-wrapper {display: flex; padding: 0 20px;}
.blockquote {position: relative; max-width: 100%; margin: 20px auto; align-self: center;}
.blockquote h6 { position: relative; color: #583d37; font-size: 16px; font-weight: 300; line-height: 1; margin: 0; border: 2px solid #fff; border: solid 2px; border-radius:20px; padding: 25px;}
.blockquote h6:after { content:""; position: absolute; border: 2px solid #583d37; border-radius: 0 50px 0 0;  width: 60px; height: 60px; bottom: -60px; left: 50px; border-bottom: none; border-left: none; z-index: 3;}
.blockquote h6:before {content:""; position: absolute; width: 80px; border: 6px solid #fff; bottom: -3px; left: 50px; z-index: 2;}
.blockquote h4 {position: relative; color: #583d37; font-size: 1.3rem; font-weight: 300; line-height: 1.2; margin: 0; padding-top: 15px; z-index: 1; margin-left:150px; padding-left:12px;}
.blockquote h4:first-letter {margin-left:-12px;}

@media all and (min-width: 600px) {
    .blockquote h6 {font-size: 16px; line-height: 1.2;}
 }

 @media all and (max-width: 600px) {
    .blockquote h6 {font-size: 14px; line-height: 1.2;}
    .blockquote h4 {font-size: 14px; line-height: 1.2;}
 }



  .smol_about .one-half {
    width: 100%;
    padding: 30px 15px; }
    @media (min-width: 768px) {
      .smol_about .one-half {
        padding: 5% 13% 5% 5%;
        width: 50%; } }
    .smol_about .one-half.img {
      display: block; }
      @media (max-width: 767px) {
        .smol_about .one-half.img {
          height: 300px; } }

  .daily-verse {
    overflow: hidden;
    z-index: 0; }
    .daily-verse h3 {
      font-family: 'Ubuntu', sans-serif;
      font-weight: 300;
      font-size: 30px; }
    .daily-verse h4 {
      font-family: 'Ubuntu', sans-serif;
      color: #a4937a; }
    .daily-verse span {
      position: absolute;
      top: -30px;
      left: 0;
      line-height: 1;
      font-size: 300px;
      z-index: -1;
      color: rgba(0, 0, 0, 0.05); }

  .ministry-list {
    padding: 0;
    margin: 0; }
    .ministry-list li {
      list-style: none;
      margin-bottom: 15px; }
      .ministry-list li a {
        color: #000000;
        font-weight: 300; }
      .ministry-list li.active a {
        color: #000000;
        font-weight: 400; }

  .uslug {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 30px; }
    .uslug .icon {
      line-height: 1.3;
      position: relative;
      z-index: 0;
      width: 120px;
      height: 120px;
      background: #a4937a;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
      .uslug .icon span {
        font-size: 50px;
        color: #fff; }
    .uslug h3 {
      font-size: 24px;
      font-weight: 400;
      color: #000000; }
    @media (max-width: 991px) {
      .uslug .media-body {
        padding-left: 2em; } }

  .swrap .img {
    width: 100%; }
    @media (max-width: 767px) {
      .swrap .img {
        height: 300px; } }

  @media (max-width: 991px) {
    .swrap .btn-customize a {
      display: block;
      margin-bottom: 5px; } }

  .swrap .text h2 a {
    color: #000000; }

  .swrap .meta span {
    display: block;
    font-family: 'Ubuntu', sans-serif;
    font-style: italic;
    font-size: 18px;
    margin-bottom: 15px; }
    .swrap .meta span .ptr {
      color: #000000; }

  .swrap.swrap-2 .img {
    display: block;
    height: 250px;
    margin-bottom: 0; }

  .swrap.swrap-2 h2 {
    font-size: 22px;
    font-weight: 500; }

  .swrap.swrap-2 .meta span {
    display: inline-block;
    margin-bottom: 0; }

  .swrap.swrap-2 .btn-custom {
    border: 1px solid #a4937a;
    display: block; }

  .subsermon {
    display: block;
    background: #a4937a;
    width: 100%;
    color: #fff; }
    .subsermon .heading {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 700;
      color: #fff; }
    .subsermon .swrap .img {
      height: 200px;
      width: 100%;
      display: block; }
    .subsermon .swrap .text h2 {
      font-size: 24px; }
      .subsermon .swrap .text h2 a {
        color: #fff; }
    .subsermon .swrap .meta p {
      display: block; }
      .subsermon .swrap .meta p span a {
        color: rgba(255, 255, 255, 0.7); }
    .subsermon .swrap .btn-custom {
      color: #fff;
      bordeR: 1px solid #fff;
      display: block; }
    .subsermon .swrap.swrap-2 {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      .subsermon .swrap.swrap-2 span {
        color: #fff; }
      .subsermon .swrap.swrap-2 h3 {
        font-size: 24px;
        color: #fff; }
      .subsermon .swrap.swrap-2 .desc {
        width: calc(100% - 20px); }
      .subsermon .swrap.swrap-2 .icon {
        width: 20px;
        margin-top: 4px; }

  .aside-stretch {
    background: #d9cab9; }
    .aside-stretch:after {
      position: absolute;
      top: 0;
      right: 100%;
      bottom: 0;
      content: '';
      width: 360%;
      background: #d9cab9; }
    @media (max-width: 767px) {
      .aside-stretch {
        background: transparent; }
        .aside-stretch:after {
          background: transparent;
          display: none; } }

  .form-control {
    height: 52px !important;
    background: #fff !important;
    color: #000000 !important;
    font-size: 18px;
    border-radius: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    .form-control:focus, .form-control:active {
      border-color: #000000; }

  textarea.form-control {
    height: inherit !important; }

  .smol_vh-100 {
    height: 100vh; }
    @media (max-width: 1199px) {
      .smol_vh-100 {
        height: inherit;
        padding-top: 5em;
        padding-bottom: 5em; } }


/* popUp
**********************************/
div#PopUp.modal.fade {background-color: rgba(255,255,255,.2);}

.modal-backdrop {z-index: 2;}
.modal-content {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: transparent; background-clip: padding-box; border: 0; border-radius: 0; outline: 0;}
.modal-header {display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: none; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem;}
.modal-body {background-color: #fff;}
#unkaModal .material-icons {font-size: 2em; color: #000; opacity: 1;}
#Msze .modal-content {background-color: #fff;}
#Msze .modal-body {background-color: #fff;}

#PopUp div.modal-body div.text-center a p {color: #000;}
#PopUp .modal-content {background-color: #fff;}
#PopUp .modal-header {position: relative; min-height: 65px;}
#PopUp h3 {color: #000; text-align: center; position: absolute; top: 10px; left: 0; right: 0;}
#PopUp h5 {color: #000; text-align: center; position: absolute; top: 45px; left: 0; right: 0; font-size: .8em;}
#PopUp .close span {font-size: 2em; font-weight: 100; color: #000;}
#PopUp .ZdjeciePop {margin-bottom: 30px;}


/* Szukaj
*********************************/
.nav-i.Szukaj i {font-size: 2em; color: #000;}
#navbar-search-box {position: relative;}
html:first-child #navbar-search-box input[type="text"] {height: 50px; width: 100%;}
#navbar-search-box input[type="submit"] {background: transparent url("../img/ico_Szuk.png") no-repeat scroll 0 0; border: medium none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 30px; line-height: 0; overflow: hidden; padding: 0 0 0 20px !important; position: absolute; right: 10px; top: 10px; width: 40px; }
#SearchResults {list-style: none; margin: 30px 0; padding: 0;}
#SearchResults .odd {background-color: rgba(164, 147, 126, .2);	padding: 15px 20px; margin-top: 30px;}
#SearchResults .even {background-color: transparent; padding: 15px 20px; margin-top: 30px;}



  .bg-primary {
    background: #a4937a !important; }

  .about-author .desc h3 {
    font-size: 24px; }

  .smol_section {
    padding: 7em 0;
    position: relative; }
    @media (max-width: 767px) {
      .smol_section {
        padding: 6em 0; } }

  .smol_bg-dark {
    background: #3c312e; }


/* Footer
******************************/
#Szary {background-color: #e6dfc1; /*rgba(164, 147, 126, 1) */;}
#Szary h4 {font-size: 1em;}
#Szary p {color: #000;}
#Szary a {color: #000; text-decoration: none; }
#Szary a:hover {color: #fff; text-decoration: none; }

.smol_footer {font-size: 16px; background: #fdffe6 url(../img/bg_footer.jpg); padding: 7em 0 0; background-repeat: no-repeat; background-position: top center; background-size: contain;}
.smol_footer .smol_footer-widget h2 {font-weight: normal; color: #000; margin-bottom: 40px; font-weight: 700;}
.smol_footer-widget.Kontakty {background-color: rgba(255,255,255,.8); padding: 15px;}
.smol_footer .smol_footer-widget ul li a {color: #a4937a; }
.smol_footer .smol_footer-widget ul li a span {color: #a4937a; }
.smol_footer .smol_footer-widget .btn-primary { background: #fff !important; border: 2px solid #fff !important; }
.smol_footer .smol_footer-widget .btn-primary:hover {background: #fff; border: 2px solid #fff !important; }
.smol_footer p {color: rgba(0, 0, 0, 1); font-weight: 700; }
.smol_footer a {color: rgba(0, 0, 0, 1); }
.smol_footer a:hover {color: #fff; }
.smol_footer .smol_heading-2 { font-size: 24px; font-weight: 700; color: #000; position: relative; }
.smol_footer-Topki li { list-style: none;  margin: 0 10px 0 0;  display: inline-block; }
.smol_footer-Topki li a {height: 50px; width: 50px; display: block; float: left; background: rgba(255, 255, 255, 0.05); border-radius: 50%; position: relative; }
.smol_footer-Topki li a span {position: absolute; font-size: 26px; top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.smol_footer-Topki li a:hover {color: #fff; }
.footer-small-nav > li {display: inline-block; }
.footer-small-nav > li a {
      margin: 0 10px 10px 0; }
      .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {
        color: #a4937a; }

  .media .smol_icon {
    width: 100px; }
    .media .smol_icon span {
      color: #a4937a; }

  .smol_media {
    background: #fff;
    border-radius: 0px; }
    .smol_media .heading {
      font-weight: normal; }
    .smol_media.smol_media-shadow {
      padding: 40px;
      background: #fff;
      -webkit-box-shadow: 0 10px 50px -15px rgba(0, 0, 0, 0.3);
      box-shadow: 0 10px 50px -15px rgba(0, 0, 0, 0.3);
      -webkit-transition: .2s all ease;
      -o-transition: .2s all ease;
      transition: .2s all ease;
      position: relative;
      top: 0; }
      .smol_media.smol_media-shadow:hover, .smol_media.smol_media-shadow:focus {
        top: -3px;
        -webkit-box-shadow: 0 10px 70px -15px rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 70px -15px rgba(0, 0, 0, 0.3); }
    .smol_media .icon {
      font-size: 50px;
      display: block;
      color: #a4937a; }
    .smol_media.text-center .smol_icon {
      margin: 0 auto; }

  .smol_overflow-hidden {
    overflow: hidden; }

  .padding-top-bottom {
    padding-top: 120px;
    padding-bottom: 120px; }

  #map {
    width: 100%; }
    @media (max-width: 991px) {
      #map {
        height: 300px; } }

  @-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(199, 177, 152, 0.4); }
    70% {
      -webkit-box-shadow: 0 0 0 30px rgba(199, 177, 152, 0); }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(199, 177, 152, 0); } }

  @keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(199, 177, 152, 0.4);
      -webkit-box-shadow: 0 0 0 0 rgba(199, 177, 152, 0.4);
      box-shadow: 0 0 0 0 rgba(199, 177, 152, 0.4); }
    70% {
      -moz-box-shadow: 0 0 0 30px rgba(199, 177, 152, 0);
      -webkit-box-shadow: 0 0 0 30px rgba(199, 177, 152, 0);
      box-shadow: 0 0 0 30px rgba(199, 177, 152, 0); }
    100% {
      -moz-box-shadow: 0 0 0 0 rgba(199, 177, 152, 0);
      -webkit-box-shadow: 0 0 0 0 rgba(199, 177, 152, 0);
      box-shadow: 0 0 0 0 rgba(199, 177, 152, 0); } }

  .heading-section .subheading {font-size: 20px;display: block; margin-bottom: 5px; font-family: 'Ubuntu', sans-serif; font-style: italic; }


@media (max-width: 991px) {


}

@media (max-width: 767px) {

    .container.d-flex.align-items-stretch.Linijka {padding-left: 0; padding-right: 0; margin: 0 auto;}
    .Linijka .col-md-12.col-lg-6.d-flex.align-items-center {padding-left: 0; padding-right: 0; margin: 0 auto;}

    .Smolice_navbar button.navbar-toggler {display: contents !important;}

}

@media all and (max-width: 600px) {
.Imieniny {font-size: .5em;}
#clock {display: none;}
X.TopkiTop {display: none !important;}
div.SmoliceMenu {display: none;}

.navbar-brand::before {display: none}
.navbar-brand::after {display: none}
.navbar-brand {font-size: 10px;}
.navbar-brand .S2 {letter-spacing: .5px;}
.navbar-brand .S3 {font-size: 10px; letter-spacing: 1.5px; margin-top: 4px;}

.nav-item {float: left;}

}



/* Cień
****************************/
.shadow	{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);}
.shadow-md {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08); }
.shadow-lg {box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);}
.shadow-inner {box-shadow: inset 5px -8px 50px 1px rgba(5, 2, 0, .25);}
.shadow-outline	{box-shadow: 0 0 0 3px rgba(52,144,220,0.5); }
.shadow-none {box-shadow: none;}

#smol_navbar .dropdown-submenu.shadow-inner {box-shadow: none;}

  /* Galeria
**************************/
.zoom-on-hover {background-color: #fff; padding: 0; /* box-shadow: 0 30px 60px rgba(7,2,24,.3); */}
.foto {position: relative; display: block; width: 100%; overflow: hidden; background-color: transparent /* #a4937a */; transition: background .3s ease-out 0s; margin: 0; padding: 10px 10px; box-shadow: 0 30px 60px rgba(7,2,24,.3);}
.foto:hover img {background: #fff; opacity: 1;}
.foto img {display: block; opacity: 1; width: 100%; height: auto; transform: translateZ(0); transition: all .3s ease-out 0s;}
.foto .ico {font-size: 3.125rem; color: #a4937a; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all .3s ease-out 0s;}
.foto:hover .ico { opacity: 1; }
.foto-img-zoom-in img {max-width: 100% !important; transition: all .4s ease 0s; z-index: 1;}
.foto-img-zoom-in:hover img {opacity: .65; transform: scale(1.05);}
.foto-icon-zoom-out i.ico {transform-origin: center center; transform: translate(-50%,-50%) scale(2); transition: all .3s ease-out 0s;}
.foto-icon-zoom-out:hover i.ico {transform: translate(-50%,-50%) scale(1); transition: all .3s ease-out .15s; }

.GaleriaIn .card:hover {box-shadow: 0 0 11px rgba(33,33,33,.2); }
.GaleriaIn .card-footer {padding: 0.75rem 1.25rem; background-color: rgba(164, 147, 126, .2); border-top: 1px solid rgba(164, 147, 126, .1);}
.GaleriaIn h5.card-title {font-size: 1em;}
.GaleriaIn .FotkaGal {position: relative; display: block;}
.GaleriaIn .FotkaGal .Data {color: #fff; position: absolute; bottom: 0px; left: 0; right: 0; font-size: .8em; display: inline-flex; vertical-align: middle; align-items: center; background-color: rgba(0, 0, 0, 0.6); padding-left: 10px;}
.Data .material-icons {font-size: 1.4em; margin-right: 5px;}
.GaleriaIn .card-body {-ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; min-height: 125px; background-color: rgba(164, 147, 126, .1); position: relative; display: block;}
.GaleriaIn .card-body .card-title {position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); width: 100%;}
.GaleriaHome .Data {display: inline-flex; margin-top: 15px; padding-left: 5px; font-size: .8em; color: #000;}


.slideout-widget {position  : relative; 
right: -22em; 
top: 50%;
  transition: right .4s;
  width     : 22em;
  z-index   : 10;
}

.slideout-widget:hover {
  right: 0;
}

.slideout-widget-handler,
.slideout-widget-content {
  background: #eee;
  border    : 1px solid #ddd;
  padding   : 1em .5em;
}

.slideout-widget-handler {
  border-right: none;
  left        : -3em;
  position    : absolute;
  text-align  : center;
  width       : 3em;
}

.slideout-widget-content {
  border-width: 1px 0;
  overflow    : hidden;
  width       : 100%;
  z-index     : 11;
}

.widget-facebook .slideout-widget-handler,
.widget-facebook .slideout-widget-content {
  border          : none;
  background-color: #3c5b9b;
}

.widget-facebook,
.widget-facebook a {
  color: #fff;
} 

iframe {margin: 0 auto;	position: absolute;left: 0;right: 0;}

.SocialRight {position: fixed;right: 0;top: 50%;}
.wrap { position: absolute; right: 0; top: -50px;}
.wrap ul {list-style: none;}
.wrap ul li {width: 48px;height: 48px;position: relative;background: #ff0000;margin: 1px 0;cursor: pointer;border-radius: 0;box-shadow: 0;}
.wrap ul li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #fff;}
.wrap ul li.youtube{background: #ff0000;}

.slider {content: "";position: absolute;top: 0;right: 51px;width: 0px;height: 50px;background: #532116;border-radius: 0;transition: all 0.5s 0.3s ease;}
.wrap .slider p {text-transform: uppercase;font-size: 15px;font-weight: 900; color: #fff; text-align: center; line-height: 50px; opacity: 0; ransition: all 0.6s ease;}
.wrap ul li:hover .slider {width: 180px; transition: all 0.5s ease;}
.wrap ul li:hover .slider p {opacity: 1;transition: all 1s 0.2s ease;}




#back-to-top {cursor: pointer; position: fixed; bottom: 20px; left: 20px; display: none; color: #fff; z-index: 9999;}
#back-to-top:hover {color: #ccc;}
#back-to-top.btn.btn-danger.btn-circle.btn-xl {width: 50px; height: 50px; padding: 0px; padding-top: 10px; border-radius: 35px; font-size: 24px; line-height: 1.33;}
#back-to-top.btn.btn-danger.btn-circle {width: 30px; height: 30px; padding: 6px 0px; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.42857;}
.btn-danger {color: #fff; background-color: rgba(186, 5, 8, .9); border-color: #dc3545;}


    .CookieOut {display: none; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; }
    #cookieinfo * {margin: 0px;padding: 0px;}
    #cookieinfo {background-color: /* rgba(217, 225, 231, .9) */ rgba(186, 5, 8, .9); bottom: 10px; font-size: 12px; max-width: 490px; opacity: 0.9; padding: 45px 20px 15px; position: fixed; right: 10px; z-index: 1111; color: #fff; border-radius: 12px; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
    #cookieinfo h6 {font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; color: #f1f1f1;; text-transform: uppercase; margin-bottom: 7px;}
    #cookieinfo p {font-size: 1.2em; color: #f1f1f1; line-height: 1.4em; font-weight: 400;}
    #cookieinfo p a#CookiesInfo {font-size: 12px; position: absolute;right: 50px;width: 150px;}
    #cookieinfo a {display: block; position: absolute; right: 10px; top: 10px; width: 22px; height: 22px; border-radius: 12px; line-height: 18px; font-size: 18px; color: #fff; text-align: center; text-decoration: none; background-color: #f44336; font-weight: 700; }
    #cookieinfo a:hover {background-color: #ffa800; color: #000; }

.WesprzyjBoks{text-align:center;margin-top:30px;margin-bottom:50px}
.WesprzyjBoks{color:#000}
.WesprzyjBoks:hover{background-color:#f7f8e6}
.Kwota p{font-size:1.8em;font-weight:700}
.Kwota2 p{font-size:1.8em;font-weight:400;color:#8f8f8f}
.WesprzyjOpis{height:100px}
.WesprzyjOpis p{font-size:1em;padding-left:10px;padding-right:10px}
.WesprzyjOpis p:hover{color:#000}
.WesprzyjButton{background-color:#fff;cursor:pointer;border: 1px solid #ffe300;}
.WesprzyjButton:hover{background-color:#fbe0b9;}
.WesprzyjButton a{font-size:1em;color:#000!important;font-weight:600;padding:15px 10px;display:block;text-align: center;}
#Darowizny{padding-top:10px;padding-bottom:50px}
#DarowiznyStrona{padding-top:20px;padding-bottom:20px}
#oknoDarowizna .modal-content{background-color:#f7f8e6}
#WsparcieLongTitle{width:100%;display:block;text-align:center;text-transform:uppercase;font-size:1.4em;font-weight:700}
#oknoDarowizna .btn.btn-secondary{background:0 0;border:0;color:#000;font-size:.9em;text-transform:uppercase}
#oknoDarowizna .btn.btn-secondary:hover{background:#000;border:0;border-radius:0;color:#fff}
.KwotaWsparcia{font-weight:300;font-size:2.4em}
.Kwota,.Kwota2{height:40px}
.Wesprzyj div.Kwota2.DowolnaKwota input{background:0 0;color:#532116;font-size:2.4em;border-radius:0;border:0;box-shadow:none;font-family:inherit;line-height:1.45;outline:0;padding:0;-webkit-transition:.18s ease-out;-moz-transition:.18s ease-out;-o-transition:.18s ease-out;transition:.18s ease-out}
.Wesprzyj div.Kwota2.DowolnaKwota input:focus{color:#4b515d;border:0;box-shadow:none}
.Formul{margin-top:30px}
#oknoDarowizna .modal-footer{border-top:0}
.Formul .btn-toolbar{width:93%;color:#532116;text-align:center;margin:0 auto 20px}
#Form_FormDarowizna_action_submit{background-color:#532116;font-size:1.2em;text-transform:uppercase}
#Form_FormDarowizna_action_submit:hover{background-color:#000;color:#fff}
.KwotaWsparcia{margin-top:20px}
#Form_FormDarowizna_Imie_Holder{float:left!important;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;position:relative;padding-right:15px;padding-left:15px}
#Form_FormDarowizna_Nazwisko_Holder{float:left!important;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;position:relative;padding-right:15px;padding-left:15px}
#Form_FormDarowizna_Email_Holder{float:left!important;-ms-flex:0 0 50%;flex:0 0 100%;max-width:100%;position:relative;width:100%;padding-right:15px;padding-left:15px;margin-top:20px}
#Form_FormDarowizna_Zgoda_Holder{float:left!important;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;position:relative;padding-right:15px;padding-left:15px;margin-top:20px}
#Form_FormDarowizna_ZgodaNewsletter_Holder{float:left!important;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;position:relative;padding-right:15px;padding-left:15px;margin-top:20px}
#Form_FormDarowizna_Zgoda{float:left;width:20px}
#Form_FormDarowizna_ZgodaNewsletter{float:left;width:20px;margin-bottom:30px}
#Form_FormDarowizna_ZgodaNewsletter_Holder .description,#Form_FormDarowizna_Zgoda_Holder .description,#Form_FormDarowizna_Zgoda_Holder.field.checkbox.col label.right{font-size:.9em;float:left;width:96%;margin-left:10px}
#Form_FormDarowizna_Kwota_Holder label{font-size:2em;font-weight:700;color:#532116;position:absolute;right:-115px;top:10px}
#Form_FormDarowizna_Kwota_Holder{position:absolute;left:310px;top:18px;display:block;text-align:left;width:120px}
#Form_FormDarowizna_Kwota{background:0 0;font-weight:700;max-width:200px;color:#532116;text-align:right;border-radius:0;border:0;border-bottom:2px dotted #532116;box-shadow:none;font-family:inherit;font-size:3.4em;line-height:1em;outline:0;padding:0;-webkit-transition:.18s ease-out;-moz-transition:.18s ease-out;-o-transition:.18s ease-out;transition:.18s ease-out}
p#Form_FormDarowizna_error{background-color:#f7f8e6;font-size:1.4em;font-weight:700;padding:40px 20px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
span.message.required{background-color:#000;color:#fff;font-size:.9em;font-weight:700;padding:5px 10px;width:100%}
.Amount .KwotaWsp {background-color: #fff;}
.Amount .KwotaWsp:hover {background-color: #fbe0b9;color: #000 !important;}

@media (max-width:601px){
.row.WBoksy{min-width:300px}
}
@media (max-width:991px){
#Form_FormDarowizna_Kwota_Holder{position:absolute;left:30px;top:30px;display:block;text-align:left;width:120px;margin-top:30px;font-size:.7em}
.KwotaWsparcia{font-size:1.8em;margin-bottom:60px}
.carousel-item{min-height:200px!important}
}
.DonorForm {background-color:#a4937a;margin: 40px 0}
#Don {margin:0;}
#Don #DonCard .card {margin-bottom: 30px;border: 0;}
#Don #DonCard .card .card-header {border: 0;-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);border-radius: 0px;padding: 0;}
#Don #DonCard .btn.btn-header-link.collapsed.text-left.First,
#Don #DonCard .card .card-header .btn-header-link {background: #FF007F;color: #fff;width:100%;font-size: 1.2em;font-weight: 600; padding: 20px;}
#Don #DonCard .card .card-header .btn-header-link:after {content: "\eab5"; font-family: 'IcoFont' !important;font-weight: 400;float: right;}
#Don #DonCard .card .card-header .btn-header-link.collapsed {background: #003249;color: #fff;width: 100%;font-size: 1.2em;font-weight: 600;}
#Don #DonCard .card .card-header .btn-header-link.collapsed:after {font-family: 'IcoFont' !important;font-weight: 400;content: "\eab2";}
#Don #DonCard .card .collapsing {background: #FFF;line-height: 30px;}
#Don #DonCard .card .collapse {border: 0;}
#Don #DonCard .card .collapse.show {background: #FFF;line-height: 30px;color: #000;}
#Don .btn {border-radius: 0;}
.DonorForm .border {border: 2px solid #dee2e6 !important;}
.LeftBlok {background-color:#a4937a50}
.RightBlokTop{background-color: #ffe300;}
.RightBlokBottom{background-color: #003249;}
.FormDescription .main-title h3 {color:#fff;font-weight: 600;text-transform: uppercase;}
.MakeDonate {display:grid;background-color: #ffe300;padding: 15px;}
.MakeDonate:hover {background-color: #ffe300}
.MakeDonate a{color: #000;text-align:center} 

a.Button {background-color: #a4937a;color: #fff;padding: 12px;border: 2px solid #a4937a;border-radius: 2px;}
a.Button:hover {background-color: #ffe300;color:#000}

#rodo {width: 18px;height: 18px;display: block;float: left;margin-right: 15px;}
.paymentForm .checkbox label {display: flex;font-size: 12px;line-height: 16px;text-align: justify;}
.close {position: absolute;right: 8px;top: 7px;width: 30px;height: 30px;opacity: 0.3;}
.close:hover {opacity: 1;}
.close:before, .close:after {position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #333;}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}

.KwButton {font-size: .8rem;}
.select-language{top:8px}
.change-lang{border:2px solid #fff;padding:3px 3px 3px 3px;border-radius:50%;width:35px;height:33px;display:inline-block;text-align:center;font-weight:700}
.nav-justified .nav-item a{height:100%;min-height:53px;justify-content:center;align-items:center;display:flex}
.nav-justified .nav-item{background-color:#80c8bc;min-height:53px;height:100%;display:flex;align-items:center;justify-content:center}
.layerPageMask{position:fixed;top:0;z-index:100;width:100%;height:100vh;background-color:rgb(0,0,0,.3)}
.paymentForm{z-index:-1;max-width:768px;background-color:#fff;margin:0 auto;margin:0 auto;padding:50px;position:relative;top:5%}
.paymentForm .closePopup{border:2px solid #dadada;width:50px;height:50px;line-height:50px;display:block;text-align:center;border-radius:50%;position:absolute;right:20px;top:20px}
.paymentForm .closePopup:hover{background-color:#ffe300;border:2px solid #ffe300}
.paymentForm .closePopup:hover i{color:#fff}
.paymentForm.loading{margin:0 auto;text-align:center}
.paymentForm .row-field,.paymentForm p{width:100%}
.paymentForm .textfield{width:100%;padding:15px;font-size:20px}
.paymentForm .checkbox{float:left;width:100%;padding:10px 0}
.paymentForm .checkbox label{display: block;font-size: 12px;line-height: 16px;}
.paymentForm .action{position:relative;height:50px}
.paymentForm .startPaymentSession{background-color:#ffe300;color:#000!important;border-radius:0;padding:20px;position:absolute;right:0;border: 1px solid #ffe300;}
.btn.startPaymentSession:hover {background-color: #fff;border: 1px solid #ffe300;}
.paymentForm .amount{font-size:26px}
.paymentForm .amount p strong{color: #532116;font-size:1.4em}
.paymentForm .paymentCheckError span{color:#ffe300;font-size:12px;display:block;margin-top:10px}
.paymentfield{margin-bottom:20px;width:50%!important}
.paymentoperator{text-align:center}
#PodajKwote {text-align: center;font-size: 1em;font-weight: 600;background-color: #fd0909;color: #fff;border: 1px dashed #fd0;border-radius: 0px;max-width: 90%;padding: 8px;}
#PodajKwote::placeholder{font-size:20px}
.Kwota2{margin-left:0;padding-left:0;text-align: center;}
.map-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.map-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}

.Wesprzyj img{transition: transform .3s;}
.Wesprzyj img:hover {transform: scale(1.01);transition: transform .3s;}

.floating-social-buttons {
  position: fixed;
  top: 45%;
  right: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  transform: translateY(-50%);
}

.social-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 0;
  background: #4267B2;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
  transition: box-shadow 0.2s, background 0.2s;
  text-decoration: none;
}

.social-btn-icon.youtube {
  background: #FF0000;
}

.social-btn-icon:hover, .social-btn-icon:focus {
  box-shadow: 0 6px 16px rgba(0,0,0,.22);
  background: #222;
}

.social-btn-icon svg {
  display: block;
}

@media (max-width: 600px) {
  .floating-social-buttons {
    top: auto;
    bottom: 18px;
    right: 10px;
    transform: none;
    gap: 7px;
  }
  .social-btn-icon {
    width: 44px;
    height: 44px;
  }
}