@import url(../../fonts/fonts.css);
:root {
    --default-font-size: calc(14px + (23 - 14) * ((100vw - 300px) / (1600 - 300)));
    --default-conetnt-size: calc(10px + (23 - 14) * ((100vw - 300px) / (1600 - 300)));
    --green:#3ba380;
    --gray: #a3a6a7;    
    --dark-gray: rgba(111,111,111,1.00);
    
    --bordo: #b51134; 
    --grey-blue: rgb(102,115,135);
}
html, body {
    font-family: 'Lato', sans-serif;
    padding: 0;
    margin: 0;    
    color: var( --gray);
}

body {
    font-size: var(--default-font-size);

}
body.home .wrapper,
body.podstrona{
     color: var( --dark-gray);
}
.bg-strips,
body.podstrona{
       background-image: url("../../img/bgs/bg_6.png");
}
h1,h2,h3,h4,h5,h6,.h1,.h2.h3,.h4,.h5,.h6, q{
   /* font-family: 'MTCORSVA', georgia, sans-serif;*/
    color: var( --green);
}
p{color:--gray}
.color-gray{color:var(--gray) }
q, .q{
    font-size: calc(3.3rem + 1vw) !important;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.2rem;
    text-shadow: 3px 3px 0 #012A11, -1px -1px 0 #012A11, 1px -1px 0 #012A11, -1px 1px 0 #012A11, 1px 1px 0 #012A11;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
cite{
    font-family: 'Roboto', sans-serif;   
    font-size: calc(.9rem + .3vw) !important;
    color: rgb(150,149,149);    
}
a {
    color: var( --gray);
    cursor: pointer;
}
a:hover {
/*    color: rgb(196,87,92);*/
    color:  var( --gray);
    cursor: pointer;
}
.bg-green{
    background-color: var( --green);
}
.text-underline{
    text-decoration: underline !important
}
.bg-red{
    background-color: rgb(150,149,149);
}
.bg-white{
    background-color: #ffffff;
}
.bg-white-9{
    background-color: rgba(255,255,255,.9);
}
.bg-white-8{
    background-color: rgba(255,255,255,.8);
}
.bg-white-7{
    background-color: rgba(255,255,255,.7);
}
.bg-gradient-gray-white{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1.0),rgba(255, 255, 255, .7), rgba(255, 255, 255, 0.0));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1.0),rgba(255, 255, 255, .7), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, .7), rgba(255, 255, 255, 0.0));
    
}
.w-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%;
}
/* **************** header ****************** */
header {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 4;
    padding-top:5px;
    padding-bottom: 5px;    
    background-color:  #a3a6a7;
/*  białe -> przezroczyste  
    background: rgba(255, 255, 255, .70);
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1.0),rgba(255, 255, 255, .7), rgba(255, 255, 255, 0.0));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1.0),rgba(255, 255, 255, .7), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, .7), rgba(255, 255, 255, 0.0));
    
    background: rgba(150,149,149, .70);
   background: -webkit-linear-gradient(top, rgba(150,149,149, 1.0),rgba(150,149,149, .7), rgba(150,149,149, 0.0));
    background: -moz-linear-gradient(top, rgba(150,149,149, 1.0),rgba(150,149,149, .7), rgba(150,149,149, 0.0));
    background: linear-gradient(to bottom, rgba(150,149,149, 1.0), rgba(150,149,149, .7), rgba(150,149,149, 0.0));    
    
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);   */ 
    
     
    margin:0;
 /*   font-family: 'MTCORSVA', georgia, sans-serif;*/
}
header.section-header-scrolled{

    background-color: #a3a6a7;
    
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.podstrona header.section-header-scrolled{
    box-shadow: 1px 1px 1px rgba(54,50,46,0.40);
    -webkit-box-shadow: 1px 1px 1px rgba(54,50,46,0.40);
}


.navbar {
    padding: 0
}



header ul{
    margin:0;
    padding:0;
    line-height: 1.3;
}
header.section-header-scrolled ul{
    margin-top:0;
    line-height: 1.1;
}
header .left ul li,
header .right ul li{
    color: rgb(255,255,255);
    padding: 0;  
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    text-shadow: 1px 1px 0 rgba(150,149,149,1);
}
header .right ul li:not(:last-child){
    margin-right: 2rem;
}
header .left ul li a,
header .right ul li a,
header .left ul li .a,
header .right ul li .a{


    text-align:  center;

    color: rgb(255,255,255);

    line-height: 1.1;
/*    text-transform: uppercase;*/
    transition: all .6s ease 0s;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    text-shadow: 1px 1px 0 rgba(150,149,149,1);
    font-size:80%;
    font-size: calc(1rem + .2vw) !important;
}
.podstrona header .left ul li a,
.podstrona header .right ul li a,
.podstrona header .left ul li .a,
.podstrona header .right ul li .a,
.podstrona header .animated-icon1 span:nth-child(4){
     color:rgb(255, 255, 255);
}
.podstrona header.section-header-scrolled .left ul li a,
.podstrona header.section-header-scrolled .right ul li a,
.podstrona header.section-header-scrolled .left ul li .a,
.podstrona header.section-header-scrolled .right ul li .a,
.podstrona header.section-header-scrolled .animated-icon1 span:nth-child(4){
     color:rgb(102, 115, 135);color:rgb(255, 255, 255);
}
.podstrona header .right ul li.active a{
        color:  white;
}
header .left ul li a:hover,
header .center ul li a:hover{
    text-decoration: underline;
}
.bg-dark{
    background-color:  rgba(150,149,149,1) !important;
}
header .left address {
    margin-bottom: 0;
}
header .left li span{
     font-family: 'Roboto', serif;
    font-size: 80%;
}
header .left address h1{
    font-size: inherit;
    color:inherit;
}
/***************  #umow-sie-na-wizyte  ******/
#umow-sie-na-wizyte{
    position: absolute;
    right:20px;
    top: 12%;
    z-index: 2;
}
#umow-sie-na-wizyte .h{
    color: #ffffff;
    background-color: var( --bordo);  
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    font-size: calc(.2rem + 1vw) !important;
    margin-bottom: 0;
    min-width:17rem;
    text-align: center;
}
#umow-sie-na-wizyte a{
    display: block;
    margin-top: 2px;
    color: #ffffff;  
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    min-width:17rem;
    background-color: rgba(0,0,0,0.6);
    font-size: calc(.7rem + 1vw) !important;
    font-weight: bold;
    text-align: center;
}
#umow-sie-na-wizyte a:hover{
    background-color: var( --green);  
    text-decoration: none;
}
#umow-sie-na-wizyte a svg,
header ul.lista-dodatkowa li a svg{
    margin-right:.5rem;
}
/***************  BTN: ul.lista-dodatkowa  ******/
header ul.lista-dodatkowa{
    display: none;
    margin-right: 0.25rem !important;
}
header.section-header-scrolled ul.lista-dodatkowa{
    display: block;
}


header ul.lista-dodatkowa li a{
    font-size: 1.2rem;
    color: #FFFFFF;
/*    font-family: Georgia, 'Times New Roman', serif;    */
    
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    border:1px solid #ffffff;
    border-radius: 1px;
    background-color: var( --bordo);  
    text-transform: uppercase;
    text-shadow:none;
 }
header ul.lista-dodatkowa li:first-child{
    border-top: 0;
}
header ul.lista-dodatkowa li a:hover{
    background-color: var( --green);  

    text-shadow:none;

}
header ul.lista-dodatkowa li:first-child a:hover{
    
}
header ul.lista-dodatkowa li .dropdown-menu{
    padding: 0;
    width:100%;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: 0;  
    color: #ffffff;
    background-color:transparent;
}
header ul.lista-dodatkowa li .dropdown-menu a{
    font-size: calc(.5rem + 1vw) !important;
    border:none;
    border-radius: 0;
    background-color: rgba(0,0,0,0.8);
    color:#ffffff;
    font-weight: bold;    
    text-shadow:none;

    padding:.7rem 1rem;
    margin-top: 2px;
}
header ul.lista-dodatkowa li .dropdown-menu a:last-child{
    color: var( --bordo);
    background-color: rgba(0,0,0,0.8);
    text-transform: none;
  
}
header ul.lista-dodatkowa .dropdown-item:focus,header ul.lista-dodatkowa .dropdown-item:hover,
header ul.lista-dodatkowa li .dropdown-menu a:hover{
     background-color: var( --green); 
     color:#fffff;
     text-shadow:none;
}
header ul.lista-dodatkowa li a.dropdown-toggle::after{
    display: none;
}
/***************  #etykiety  ******/
#etykiety{
    position: absolute;
    left:0;
    bottom: 5%;
    z-index: 2;    
    
}
#etykiety .etykieta{
    background-color: var( --green);  
    color:#ffffff;
}
#etykiety .etykieta .h{
    color:#ffffff;
}
#etykiety .etykieta:first-child .h{
    font-weight: bold;
    font-size: calc(1.5rem + 1vw) !important;
}
#etykiety .etykieta:nth-child(2) .h{
    font-size: calc(.8rem + 1vw) !important;
}
#etykiety .etykieta a{
    color:#ffffff;
    text-decoration: underline;
}
#etykiety .etykieta a:hover{
    color:#000;
    text-decoration: underline;
}
#etykiety .etykieta:first-child p{
    font-style: italic;
    
    font-size: calc(1rem + 1vw) !important;
}
#etykiety .etykieta:nth-child(2)  img.logo_metra{
    width:80px;
    position: absolute;
    top:-40px;
    left:50%;
    margin-left:-45px;
}
#etykiety .etykieta:nth-child(2) p{
    font-size: calc(.3rem + 1vw) !important;
}

.pt-45{
    padding-top: 2rem !important;
}
/***************  .mobile-section ******/
.gradient-brown{
    background-color: rgba(116,129,149,0.49);
    background-color: rgba(150,149,149,0.49);
    background: rgba(150,149,149, .60);
    background: -webkit-linear-gradient(top, rgba(150,149,149, 0.70),rgba(150,149,149, .6), rgba(150,149,149, 0.0));
    background: -moz-linear-gradient(top, rgba(150,149,149, .70),rgba(150,149,149, .6), rgba(150,149,149, 0.0));
    background: linear-gradient(to bottom, rgba(150,149,149, .70), rgba(150,149,149, .6), rgba(150,149,149, 0.0));
    margin: 0;
    padding: 20px 0 20px 0;
}
.gradient-gray{
    background-color: rgba(116,129,149,0.49);
    background-color: rgba(150,149,149,0.49);
    background: rgba(150,149,149, .60);
    background: -webkit-linear-gradient(top, rgba(150,149,149, 0.70),rgba(150,149,149, .6), rgba(150,149,149, 0.0));
    background: -moz-linear-gradient(top, rgba(150,149,149, .70),rgba(150,149,149, .6), rgba(150,149,149, 0.0));
    background: linear-gradient(to bottom, rgba(150,149,149, .70), rgba(150,149,149, .6), rgba(150,149,149, 0.0));
    margin: 0;
    padding: 20px 0 20px 0;
}
.gradient-gray-2{
    background-color: rgba(116,129,149,0.19);
    background-color: rgba(150,149,149,0.19);
    background: rgba(150,149,149, .20);
    background: -webkit-linear-gradient(top, rgba(150,149,149, 0.20),rgba(150,149,149, .1), rgba(150,149,149, 0.0));
    background: -moz-linear-gradient(top, rgba(150,149,149, .20),rgba(150,149,149, .1), rgba(150,149,149, 0.0));
    background: linear-gradient(to bottom, rgba(150,149,149, .20), rgba(150,149,149, .1), rgba(150,149,149, 0.0));
    margin: 0;
    padding: 20px 0 20px 0;
}
.gradient-white-1{
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.mobile-section address{
    margin-bottom: 0;
}
.mobile-section ul{
    list-style: none;
    padding: 0;
   /* border-bottom: 2px dotted rgba(150,149,149,1)*/
}

.mobile-section,
.mobile-section address h1,.mobile-section address h2,
.mobile-section address a,
.mobile-section  a{
    color:  rgba(255,255,255,1);
    text-shadow: 1px 1px 0px rgba(150,149,149,.71)
}
.mobile-section,
.mobile-section svg{
    font-size: 1.5rem;
}
/* ** logo ***************************** */
header{
    padding: 1rem 0;
}
header a.navbar-brand{
    transition: all .6s ease 0s;
    padding: 0;
    margin-right: 0;
    width:60%;
}
header a.navbar-brand svg{
    
    width:100%;
}
header.section-header-scrolled .logo svg{
    width: auto;
    height:50px;
}
.preloader svg .st0,
header a.navbar-brand  svg .st0{
    fill: #ffffff !important;
    stroke:transparent;
    opacity:1;
}


header .navbar{
    padding: 0;
}

.px-6{
    padding-left:30px;
    padding-right: 30px;
}

.section-header-diabled-shadow {
    box-shadow: none !important;
}
/* =========================== */
p.more.green{
    display: inline-block;
    width:100%;
    margin:0 auto 0 auto;
    line-height: 1.1;
    font-size: 1.8rem;

 
}
p.more.green a{
    color: var(--green);
    border-left: 2px solid var(--green);
    border-right: 2px solid var(--green);
    padding:.5rem 1.5rem; 
    text-align: center;    
}
/* sekcja o-nas ***************************/
#o-nas{
    background-image: url("../../img/o-gabinecie/poczekalnia_1.jpg");
    
}
#o-nas img{
    max-height:80%;
    width:auto;
}
#o-nas .card{
    padding:1rem 0 0 0;
    background-color: #ffffff;
    color:#3ba380
}
#o-nas .card-body{
    background-color:#3ba380;
    padding-top:2rem;
    padding-bottom: 2.5rem;
    color: #ffffff;
    font-size: 1rem;
}
#o-nas .card-body a{
    color: #ffffff;
}
#o-nas p.more{
    display: inline-block;
    width:100%;
    margin:2rem auto 0 auto;
    line-height: 1.1;
    font-size: 1.8rem;

 
}
#o-nas p.more a{
    border-left: 2px solid white;
    border-right: 2px solid white;  
     padding:.5rem 1.5rem; 
  text-align: center;    
}

/* ==========================================================================
hamburger - animacja
========================================================================== */
header.section-header-scrolled button.navbar-toggler, 
header.section-header-scrolled button.hamburger {
    transition: all .6s ease 0s;
}
button.navbar-toggler,
button.hamburger{
	position: fixed;
	z-index: 1032;	
}
button.hamburger{
	position: absolute;
	background-color: transparent;
	border:none;
	outline: none;
}
.my-fixed button.navbar-toggler{
	position: fixed;
}
button.navbar-toggler:focus {
  outline: none;
}

/* HAMBURGER SV */
.animated-icon1 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.animated-icon1 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: rgb(255,255,255);
}
.animated-icon1 span:nth-child(1) {
    top: -2px;
    width: 24px;
    left: 3px;    
}
.animated-icon1 span:nth-child(2) {
    width: 34px;
    left: -2px;
    top: 8px;
}
.animated-icon1 span:nth-child(3) {
    top: 18px;
    width: 24px;
    left: 3px;  
}
.animated-icon1.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}





#KontenerMenu{
    position: fixed;
    top: 130px;
	right:0;
	
    padding: 2rem 2rem 1rem 2rem; 
	opacity: 1;
	background-color: rgb(196,87,92);		
	z-index: 1031;
}
#kontenerMenu.show{
    display: block;
}
.show a{
    color: #fff;
}
/* ****************  ****************** */
section p:not(.q),
section p:not(.more){
    font-size: 1rem;
}
/* **************** Aktualnośći  ****************** */
/*section#aktualnosci{
    background-color: #fdedd5;
}*/
.zajawka {
    position:relative;
}

.zajawka .nazwa-kategorii{
    display: block;
    position: absolute;
    left: -57px;
    top: 135px;
}

.zajawka .nazwa-kategorii .nazwa-kategorii_in {

     transform:rotate(-90deg);
     transform-origin:left top 0;
    
     position:relative;
     padding:20px 75px 20px 20px;

     float:left;

}
.zajawka .nazwa-kategorii .nazwa-kategorii_t {
     color:#000;
     font-size:1.3rem;

     font-weight:400;
     letter-spacing:.02em;
     display:block;
     margin-top:1px;
     
}
.zajawka .nazwa-kategorii .nazwa-kategorii_t:hover {
        cursor: pointer;
        color:rgb(150,149,149);
    text-decoration: underline;
}
.zajawka .nazwa-kategorii .nazwa-kategorii_i {
     font-size:30px;
     width:50px;
     height:3px;
     position:absolute;
     right:0;
     top:50%;
     margin-top:1px;
     transform:translateY(-50%);
     overflow:hidden;

}
.zajawka .nazwa-kategorii .nazwa-kategorii_i:after {
     content:'';
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background-color:var(--color-dark);
     transition:transform .7s cubic-bezier(.2,0,0,1);
     will-change:transform
}
.zajawka .nazwa-kategorii .nazwa-kategorii_i,
.zajawka .nazwa-kategorii .nazwa-kategorii_t {
     transition:color .5s ease-in-out,transform .7s cubic-bezier(.2,0,0,1)
}
.zajawka .thumb {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 275px;
}
.zajawka .data-modyfikacji{
    color:#888;
    font-family: 'Roboto', serif;
    font-size: 0.9rem;
   /* font-style: italic;*/
    margin-left: 0.2rem;
    margin-bottom: 0.3rem;
}
.zajawka .tytul{
    font-weight: normal;
    padding-top:1.5rem;
    font-size:2.5rem;
}
.zajawka .tytul a{
    color:#080301
}
.zajawka .tytul a:hover {
        cursor: pointer;
        color:rgb(150,149,149);
    text-decoration: underline;
}
.zajawka .logi-ico{
     width:50px;
     height:50px;
     position:absolute;
     right:-20px;
     top:-20px;    
}

/* **************** SLIDER  ****************** */
.section-slider {
    overflow: hidden;
}
.section-slider .bg-left-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: inset 452px 0 22rem rgba(0, 0, 0, .6);
    z-index: 1;
    height: 100vh;
}
.section-slider .bg-right-shadow {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    box-shadow: inset 452px 0 22rem rgba(0, 0, 0, .6);
    z-index: 1;
    height: 100vh;
}
.section-slider .bg-bottom-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100vh;
    box-shadow: inset 0 -69px 84px -42px rgba(0, 0, 0, .6);
}
.section-slider .carousel-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
}

.section-slider .ikonografia{
    position: absolute;
    z-index: 2;
    bottom: 40px;
    width:100%; 
}




.owl-carousel .nav-left,
.owl-carousel .nav-right {
    width: 25px;
    position: absolute;
    bottom: 50%;
}
.owl-carousel .nav-left {
    left: -60px;
}
.owl-carousel .nav-right {
    right: -60px;
}
.btn-refresh {
    padding: 12.2px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    min-width: 53px;
    border-radius: 0;
    margin: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #f1f1f1!important;
    background-color: #333;
    border-color: #333;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    float: left;
    position: absolute;
    z-index: 2;
    text-align: center;
}
.bg-form{
    background-color: #efebeb;
    padding: 3rem;
}
.btn.btn-outline-refresh:hover{
    background-color: rgb(150,149,149);
    color:#fff  !important;
}
.btn.btn-outline-refresh:hover svg{
    background-color: rgb(150,149,149);
    color:#fff  !important;
}
.btn.btn-outline-refresh:hover .fa, 
.btn.btn-outline-refresh:hover.fas, 
.btn.btn-outline-refresh:hover .svg .st0{
    color:black !important;
}
.content-site   img#captcha{
    height: 40px !important;
}  
.content-site img.refresh-caption {
    width: 21px !important;

}
.content-site p,
.content-site ul li{
    font-size: calc(.1rem + 1vw) !important;
}
.content-site p i{
    font-size: 90%;
    color:var(--green);
}
/*.podstrona:not(.kontakt) .content-site p:first-letter{
    font-size: 150%;
    font-weight: bold;
    font-family: 'MTCORSVA', georgia, sans-serif;
    margin-right:0.2rem;
    margin-bottom:0;
}*/
/*
	border-left: 2px solid var(--dark-red);
*/
/* *************************************************** */
/* **************** jumbotron-fluid  ******************* */
/* *************************************************** */
.jumbotron{
    background-color: rgba(255, 255, 255, .6)
}

.jumbotron-fluid {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.jumbotron-fluid:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   /* background-color: rgba(255, 255, 255, .6);*/
    z-index: 0;
}
.jumbotron-fluid .title-page {
    position: relative;
    z-index: 1;
}
.jumbotron-fluid h1,
.jumbotron-fluid h2{
    position: relative;
    z-index: 1;
}
.winieta .title{
    font-size: 2.3em;
}
.podstrona .title.display-4 {
    font-size: 2.5rem;
    text-shadow: 1px 1px 1px rgba(150,149,149, 0.9);
    text-shadow: 1px 1px 1px rgba(255,255,255, 1);
    color: var( --gray);
    font-weight: bold;
}
.winieta .title{
    color:#ffffff;
    color:rgba(150,149,149, 1);
}
.podstrona .winieta{
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
.jumbotron-fluid {
    background-repeat: repeat;
    background-size: auto;
    background-position: center;
}
.jumbotron-fluid:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
/*    background-color: rgba(0, 0, 0, 0.57);
    background-color: rgba(0, 0, 0, 0.37);*/
/*    background-color: rgba(150,149,149, 0.8);
    background-color: rgba(150,149,149,0.8)*/
}
/* ************************  .preloader  *************************** */
.preloader {
    font-weight: bold;
     background-color: var( --gray); 
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    min-height: 100vh;
    z-index: 9999;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.preloader img {
    width: auto;
   /* background-color: #fff;*/
    padding: 10px;
    max-width: 400px;
    margin:0 auto;
}
.preloader .list-inline  {

    padding-top:0;

/*    border-top: 1px dotted white;*/
    margin-top: 0;   
    display: inline;
}
.preloader .list-inline-item{
    font-style: italic;
    font-size: 1rem;   
    letter-spacing: .05rem;  
    font-weight: 100;
    color: rgb(255,255,255);
}
/* ****************   ******************* */
.section-content a{

 /*   text-shadow: 0 2px 0 rgba(255,255,255, 0.75);	*/
  color: var( --bordo);
}
.show-all a,
.hide-all a{
    text-decoration: none;
    font-style: italic;
}
.show-all a:hover,
.hide-all a:hover,
.section-content a:hover{
    color: var( --bordo) !important;
    text-decoration: underline;
}
.section-content h2{
	font-size: 2.5rem;
}
.section-content h3{
	font-size: 2rem;
}
.section-content a:hover{
	text-decoration: underline;
}
.podtytul span{
/*    display: inline-block;
    border-bottom: 1px dotted #000;
    padding-bottom: .8rem;
    margin-bottom:.1rem;*/
}
/* *************************  ************************** */


/* *************************************************** */
.content-site  img{
    
    width:auto !important;
    max-width:100% !important;
	height: auto;

}
.fast-contact p {
    font-size: 1.3rem;
    margin-bottom: 0;
}
.fast-contact a[href^='tel:'] {
    text-decoration: underline;
}

.archive-offer .element{
	background-color: rgba(255,255,255,0.6);
}
.section .name {
    color: var(--dark-red);
}
.thumb-offer {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 80%;
    height: auto;
    margin:0 auto;
}
.archive-lekarze .thumb-offer .opis{
    border-bottom: 1px solid white;
}
section#lekarze  .thumb-offer h3 span,
.archive-lekarze .thumb-offer h2 span{
    font-style: italic;
    color: var(--gray);
    font-size: 90%;

}
.linia-pozioma{
    width:20%;
    margin:0 auto;
    height:2px;
    background-color:var(--green);
}
.archive-lekarze .thumb-offer p{
    font-size: calc(.1rem + 1vw) !important;
}
.archive-lekarze .elementWezla .thumb-offer{
    height: auto;
 }
/*.thumb-offer:hover {

    transform: scale(1.2); 
	transition: transform .7s;   
    overflow: hidden;
}*/
.border-gray {
    border: 4px double #605c59;
}
.border-solid-grey {
    border: 4px double #605c59;
}
.border-double-grey {
    border: 4px double #605c59;
    border: 5px solid rgba(96,92,89,0.3);  
    background-color: #fff;
}
.elementWezla a{
	color: #080301;
}
.elementWezla .ikony-bottom a:hover{
	background-color:  rgb(150,149,149);
}
.elementWezla .ikony-bottom a:hover {
	color:  #fff;
}
.elementWezla .tytul-kategorii{
/*    font-style: italic;*/
    font-size: 1.5rem;
}
.podstrona .archive-o-nas .thumb-offer {

}
/* ****************  section lekarze****************** */	

section#lekarze .card{
    background-image: url("../../img/bgs/bg_6.png")
}
section#lekarze .linia-pozioma{
    width: 15%;
}
section#lekarze  .thumb-offer h3{
    font-size: 1.5rem;
}
section#lekarze  .thumb-offer h3 a{
     color: var( --green);   
}
section#lekarze  .thumb-offer h3 a span{
     color: var( --gray);   
}
/* **************** ****************** */	
/* *************************************************** */
/* **************** archive-oddzialy  ******************* */
/* *************************************************** */

/* *************************************************** */
/* **************** section#rezerwacja-wizyt  ******************* */
/* *************************************************** */

section#rezerwacja-wizyt{
    background: url("../../img/rezerwacja-wizyt/gabinet-na-dlugie-poczekalnia_w1920.jpg") center fixed;
    align-items:center
}
section#rezerwacja-wizyt .left,
section#rezerwacja-wizyt .right{
    display: flex;

    min-height:400px;    
}
section#rezerwacja-wizyt .left{
       
    flex-direction:column;    
    justify-content:center;
}
section#rezerwacja-wizyt .left a{
    font-family: 'MTCORSVA', georgia, sans-serif;
    font-size: 3.5rem;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.9);
    padding:0 1rem;
/*    background-color: rgba(0,0,0, 0.1);*/

}

section#rezerwacja-wizyt h2{
    color:#ffffff;
    font-size: 3rem;
    line-height: 1;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.9);
}
section#rezerwacja-wizyt .right{
    align-items:center;    
}
section#rezerwacja-wizyt .right h4{
    padding:5rem 5rem; 
    background-image: url("../../img/rezerwacja-wizyt/ramka_2.svg");    
    background-size: cover;
    color:rgb(216,203,203);
    font-size: 3rem;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.9);
    color:#fff;;
}
section#rezerwacja-wizyt .right h4 .line-2{
    font-size: 130%;
}
/* *************************************************** */
/* **************** section-header  ******************* */
/* *************************************************** */
.section-header,
.section-header a{
   color:  var( --green);
   font-size: calc(1.8rem + 1vw) !important;
    vertical-align: middle;

   /*
    text-transform: uppercase;*/
}
.section-header img{
   height: calc(1.4rem + 1vw) !important;
   width:auto;  
}
.section-header {
    line-height: 1;
}
.section-header span.ornament{
	padding: 0 40px 10px 40px;

}
.section-header span.text-pozycjonerski{
	padding: 0;
    background: none;
    font-size: 50%;
  
    display: block;
    padding-top: .5rem;  
    padding-bottom: 1rem;
    color:  var( --gray);
}
.section-header.podtytul{
   font-size: 1.5rem; 
    text-transform:none;
}
.section-header a:hover{

}
.section-header .znak-logo{
    display: block;
    width: 50px;
    margin: 0 auto 0.4rem auto;
}
img.ramy{
    border: 15px solid rgba(204,204,204,.5);
}    

section.o-nas .section-header .znak-logo svg .st0,
section.o-nas .section-header a .znak-logo svg .st0{
    fill: #000;
    opacity:1;
    stroke:none;
}
/* *************************************************** */
/* **************** SEKCJA OFERTA  ******************* */
/* *************************************************** */
.oferta {
    background-color:rgba(59, 163, 128, 0.1);
}
.oferta h3{
    color:  var( --gray);
    font-size: calc(.1rem + 1vw) !important;
    font-style: italic;
}
.oferta .kontener-obrazka img{
    width:80%;
    height: auto;
    margin:0 auto;    
}
.oferta a h3{
    color:  var( --green);
}

/* **************** SEKCJA OFERTA.O NAS  ****************** */
.oferta.o-nas .znak-logo{
    width:40px;
}
.oferta.o-nas .section-header .znak-logo svg .st0{
   fill:rgb(0,0,0);
}
.oferta.o-nas .section-header .znak-logo:hover svg .st0 {
   fill:rgb(227,6,19);
}
.oferta.o-nas .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel{
    background-image: url(../../img/oferta/sekcje-1-site/o-nas/kafel-duzy-lewy_w2560.jpg);
    justify-content:center;
    align-items:center
}
.oferta.o-nas .container-fluid:nth-child(2) .row .kolumna:nth-child(2) .kafel{
    justify-content:center;
    align-items:center
}
.oferta.o-nas .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel{
    background-image: url(../../img/oferta/sekcje-1-site/o-nas/kafel-duzy-prawy_w2560.jpg);
    justify-content:center;
    align-items:center
}

.oferta button{
    background-color: transparent;
    border:none;
    width:45%;
    margin-bottom: 3rem;
}
.oferta button svg .st0{
    fill:rgb(227,6,19);
    stroke: transparent;
    opacity: 1;
}
.oferta button .napis{
    display: block;
    margin-top:0.3rem;
    padding: .6rem 0;
    background-color: rgba(227,6,19, 1);
    border-bottom:3px solid rgba(0,0,0,1.00); 
    color:#fff;
    text-transform: uppercase;
    font-size: 1.2rem;
}
.oferta button:hover  .napis{
    background-color: rgba(227,6,19, 1);
        background-color: rgba(0,0,0, 1);
    border-bottom:3px solid rgba(227,6,19, 1); 
}
.oferta button a:hover{
    text-decoration: none;

}

/* **************** SEKCJA OFERTA.strefa-dekarza  ****************** */
.oferta .section-header .znak-logo {
    width: 50px;
}

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

/* **************** AUTOREKLAMA ****************** */
/* ********************* tomograf ****************************** */
.autoreklama {
   background: rgb(242,242,242);
background: linear-gradient(0deg, rgba(242,242,242,1) 35%, rgba(255,255,255,1) 100%);
}
.autoreklama .left{
    background-position: left bottom;
    background-repeat: no-repeat;
}
.autoreklama .right{
    background-position: right bottom;
    background-repeat: no-repeat;    
}
.autoreklama h2{
    font-size: calc(2rem + .7vw) !important;
    color: #2f1206; 
    font-weight: 400;
}
.autoreklama h2 span{
    color: var( --bordo);
}
.autoreklama h3{
	color: #2f1206; 
	font-size: 2rem;
}
.autoreklama ul{
	color:#2f1206; 
	font-size: 1.3rem;
}
section.autoreklama .left,
section.autoreklama .right{
	min-height:200px;
    background-size: contain
}
section.autoreklama p.more{
     max-width:50%;
    margin:2rem auto 0 auto;
    line-height: 1.1;
    font-size: 1.8rem;
    border-left: 2px solid var(--green);
    border-right: 2px solid var(--green);  

    padding:.5rem 1.5rem;    
}
section.autoreklama p,
section.autoreklama p a{
    color: var(--green);
    
}
section.autoreklama p.more span{
    font-size: 70%;
}
section#skaner-3d .logo-producenta{
    display: block;
    max-width:70%;
    margin: 0 auto;
}
section#skaner-3d p.more{
     max-width:60%;
}

/* ********************* section#umow-sie-na-wizyte-sekcja ****************************** */
.autoreklama-2 .b,
#umow-sie-na-wizyte-sekcja .b {
    display: inline-block;
    padding:1.5rem 3rem;   
    background-image: url("../../img/bgs/bg_6.png")
}
.autoreklama-2 .b h2,
#umow-sie-na-wizyte-sekcja .b h2 {
    display: inline-block;
    border-left: 4px solid var(--bordo);
    border-right: 4px solid var(--bordo);  

    padding:.5rem 6rem;        
}
.autoreklama-2 .b h2,
#umow-sie-na-wizyte-sekcja .b h2,
#umow-sie-na-wizyte-sekcja .b h2 a{
     color: var(--bordo);
    line-height: 1.5;

}
#umow-sie-na-wizyte-sekcja .b h2 a{
/*    text-decoration: underline;   */ 
}
#umow-sie-na-wizyte-sekcja .b h2 a:hover{
    color:var(--green); 
}
/* *************************************************** */
.podstrona .menu-poziome-podstrony{
    background-color: #fff;
}
.podstrona .menu-poziome-podstrony ul{
    margin-bottom: 0;
    line-height: initial;
    padding-bottom: .5rem;
}
.podstrona .menu-poziome-podstrony ul li{
    display: inline;
    padding-bottom: 0;
    margin-bottom: 0 !important;
        line-height: 1;
}
.podstrona .menu-poziome-podstrony ul li.current-set-zespol-ancestor a{
    font-weight: bold;

}

.podstrona .menu-poziome-podstrony ul li:not(:last-child):after {
    content:' | ';
    color:#999;
    padding-bottom: 0.1rem;
    font-weight: normal;
    font-size: 70%;
    opacity: .5;    

}

.podstrona .menu-poziome-podstrony ul li a{
    font-size: .8rem;
    color: var( --dark-gray);
}
.podstrona .menu-poziome-podstrony ul li:not(:last-child) a{
    padding-right: 0.5rem;
}
.podstrona .menu-poziome-podstrony ul li:not(:first-child) a{
    padding-left: 0.5rem;
}
.podstrona .menu-poziome-podstrony ul li.active a{
    color: var( --green);
    font-weight: bold;
}
/* *************************************************** */
/* *************************************************** */
/* **************** KONTAKT ****************** */
/* *************************************************** */
section.kontakt,section.kontakt h4{
    color: #ffffff;
}
section.kontakt .kontent-osoba{
 
    background-image: url("../../img/kontakt/recepcja.jpg");
    background-position: center center;        
}
section.kontakt .kontent{
   background-image: url("../../img/kontakt/osoba.png");
    background-position: right center;  
    background-repeat: no-repeat;
    background-size: contain;
}
section.kontakt .kontent-img{
   /* background-color: rgba(59,163,128,0.77);*/
    
}
section.kontakt .kontent a{
    text-decoration: underline;
    color: #ffffff;
}
section.kontakt a:hover{
/*    text-shadow: 1px 1px 1px rgba(0,0,0, .6);*/
}
section.kontakt .znak-logo{
    width:150px;
}
section.kontakt  p.podtytul{
    font-size: 1.2rem;
    font-style: italic;
}
section.kontakt .section-header .znak-logo svg .st0{
   opacity: 1;
   fill:#000000;
   stroke:none;
}
section.kontakt .section-header .znak-logo:hover svg .st0 {
   fill:rgb(227,6,19);
}

.podstrona.kontakt  .content-site  h4,
  section.kontakt h4{
     font-size: 1.5rem;
    font-weight: bold;     
       color: white;
}
.podstrona .podstrona-kontakt .content-site  h4,
 .podstrona .podstrona-kontakt  section h4{
    font-size: 1.5rem;
    font-weight: bold;
     color: var( --dark-gray);
}

.podstrona.kontakt .content-site .left{
	padding-right: 3rem;
    border-right: 1px solid #dedddd;
}
.podstrona.kontakt .content-site .right{
	padding-left: 3rem;
}
.kontakt p,
.kontakt table{
    margin-left:1.5rem;
}
.kontakt table tr td:first-child{
    padding-right: 1rem;
    text-align: right
}
section.atuty .w-20{
    background-color: #646464;
    border-right: 2px solid #ffffff;
    align-items:center;
    align-content:center;
    display: flex;
    padding-top:.5rem;
    padding-bottom: .5rem;
}
#kontakt iframe{
     max-width: 399px;   
}
section.atuty .w-20:last-child{
    
    border-right: 0 solid #ffffff;
}
section.atuty .w-20 p{
    width:100%;
    text-align: center;
    line-height: 1.2;
    color:#ffffff;
    font-size: 1rem;
}
section.atuty svg .st1{
   opacity: 1;
   fill:#ffffff;
   stroke:none;
}
section.atuty .w-20 svg{
    width:60%;
    margin: 0 auto;
}
.section-footer{
        background-color: rgba(255,255,255,.5)
}
.section-footer a {
    /*color: var(--dark-red);*/
    color: #4f555b;
cursor: pointer;
	
    text-shadow: none;

}
.section-footer a,
.section-footer p{
	font-size: medium;
    font-size: .8rem;
    padding: 0;
    color: var(--green);
    line-height: 1.3;
}


/*#kontakt:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(118, 114, 112, .8);
    background-color: rgba(47,18,6,0.75);
    z-index: 0;
}*/
.post-type-archive-set-what-makes .card-body p{
    font-size: 1rem;
}

/* ==========================================================================

========================================================================== */



iframe {
    width: 100%;
}
.btn-outline-send, .btn-outline-refresh {
    color: rgb(150,149,149);
    border-color: #000;
}
.btn-outline-send:hover {
    color: #fff;
    border-color: rgb(150,149,149);
    background-color: rgb(150,149,149);
}

.thumb-forged {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100px;
}
.section-forged .card-text {
    font-size: 1rem;
    color: #595959;
}
.section-forged .card-title {
    min-height: 62px;
}
.section-logotypes h6{
    font-size: 1.2rem;
}
.section-logotypes .item-logotypes {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 75%;
    height: 124px;
}
.section-logotypes .item-logotypes{
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.section-logotypes .item-logotypes:hover{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
/*body.podstrona{

    background-image: url(../../img/bgs/bg_2.png);
    background-size: auto;

}*/
body.podstrona.produkt{
    background: none;
}
figcaption{
	text-align: center;
	font-style: italic;
	font-size:medium
}
.owl-theme .owl-nav.disabled + .owl-dots{
	background-color: white;
	margin-top: 2px;
}
.home .section-promotiom{
	border-top: 2px  solid #f0f0f0;
}
.podstrona .tytul-strony-single {
    background-color: rgba(150,149,149,0.1); 
	color: var(--dark-red);
    color: #080301;color: #ffffff;
    /* text-transform: uppercase; */
    font-size: 2.8rem;
text-shadow: 1px 1px 1px rgba(255,255,255,0.9), -1px -1px 1px rgba(255,255,255,0.9);
text-shadow: 1px 1px 3px #666, -1px -1px 2px #666;

    padding: 2rem 0;
    margin-bottom: 0;
}
.error404 .winieta{
	margin-bottom: 0;
}

/* ==========================================================================

========================================================================== */
section.promocja .thumb-promotion{
    background-position:  center;
    background-size: cover;
}
.section .thumb-left{

    background-position-x: right;
    background-position-y: center;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 120px;
}
section.promocja .h2 {
    font-size: calc(3rem + .7vw) !important;
}
section.promocja .h3 {
    font-size: calc(.7rem + .7vw) !important;

    color:black;
}
section.promocja p {
    font-size: calc(2rem + .6vw) !important;
    line-height: 1.1;
}
section.promocja p.more.black{
    display: inline-block;
    width:100%;
    margin:0 auto 0 auto;
    line-height: 1.1;
    font-size: 1.8rem;
    font-size: 90% !important;
 
}
section.promocja p.more.black a{
    color: black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    padding:.5rem 1.5rem; 
    text-align: center;    
}
.podstrona .thumb-promotion{
    background-position:  center;
    background-size: cover;   
}
/* ==========================================================================

========================================================================== */
.modal-content{
    background-color: transparent;
    border:none;
}
.modal-content .fa, 
.modal-content .fas, 
.modal-content .svg-inline--fa {
    display: inline-block;
    /*display: none;
    font: normal normal normal 14px/1 FontAwesome;*/
    font-size: 40px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff !important
}
.zamknij{
    display: block;
/*    width:50px;
    height: 50px;*/
}


/* ==========================================================================

========================================================================== */
/* custom checkbox */
.checkbox input#single_checkbox {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox label {
  position: relative;
  cursor: pointer;
}
.checkbox label:before {
  content:'';
  -webkit-appearance: none;
  background-color: rgba(255,255,255, 1);
  border: 1px solid #000;
  border-radius:3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.2);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid black;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/* ==========================================================================
  COOKIE
   ========================================================================== */
#cookie-bar p{
    text-align: center;
    color: #fff;
}
/*#cookie-bar.fixed {
    right: 60px;
    width: 250px;
    font-size: 10px;
    text-align: left;
    padding: 10px 0 0 0;
    background-color: rgba(0,0,0,1);
}*/
#cookie-bar.fixed {
    right: 0;
    width: 100%;
    font-size: 1rem;
    text-align: center;
    padding: 15px 10px 0 10px;
    background-color:#666;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.8);
}
.cookies-box img {
    display: none !important;
}
#cookie-bar .cb-enable {
    width: auto;
    background: #E1AC27;
    color: #000;
    border-radius: 15px;
    padding-left:2rem;
    padding-right: 2rem;
}
#cookie-bar .cb-enable:hover {
    color: #fff;
}
.cookies-box .space-top {
    padding-top: 0;
}
.cookies-box .h-cookie {
    font-size: 150%;
    line-height: 1.2;
    margin-bottom: 10px;
    text-align: center;
}
.cookies-box .glyphicon.glyphicon-info-sign {
    float: left;
    font-size: 200%;
    margin-right: 10px;
    padding-top: 5px;
    color: #E1AC27;
}
#cookie-bar a.tylko-link::after {
    content: '';
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    top: 2px;
}
#cookie-bar a.tylko-link {
    display: inline;
    padding: 8px 0;
    margin-left: 0;
    text-decoration: underline;
    font-size: 1rem;
    color:#E1AC27;
	text-shadow: none;
}
#cookie-bar a:not(.tylko-link) {
    margin: 10px auto 20px auto;
    text-align: center;
	text-shadow: none;
		
}
/* ****************   Back to Top btn ****************** */
#backToTopBtn {
  display: inline-block;
  background-color: #000;
    color:#fff;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 50px;
  right: 0;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
/*#backToTopBtn::after {
  content: "\f102";
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}*/
#backToTopBtn:hover {
  cursor: pointer;
  background-color: rgb(150,149,149);
}
#backToTopBtn:active {
  background-color: #555;
}
#backToTopBtn.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
/* ********************************  .section-offer *** */
.home .section-offer img,
.front .section-offer img{
  width:60%;
}
.home .section-offer h3,
.front .section-offer h3{
  font-size: 2rem;
  line-height: 1.3;    
}
.home .section-offer p,
.front .section-offer p{
  font-size: 1rem;
  line-height: 1.4;    
}
.home .section-offer .col-12,
.front .section-offer .col-12{
    padding-left: 3rem;
    padding-right: 3rem;    
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;color: rgb(150,149,149);
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;color: rgb(150,149,149);
}
/* *************** SEKCJA 1.SITE .owl-what-makes-us-stand-out ************************************ */
.owl-what-makes-us-stand-out .card{
    border: 1px solid rgb(150,149,149) !important;

    border-bottom-right-radius: 20px  !important;
    border-bottom-left-radius: 20px  !important;
/*    box-shadow: 1px 1px 1px rgba(150,149,149,0.6);*/
}
.owl-what-makes-us-stand-out h3{
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
}
.owl-what-makes-us-stand-out p{
    font-size: 1rem;
    line-height: 1.5;
}

/* ****************   GUTTENGBERG ****************** */
/* *************************************************** */
.editor-styles-wrapper h4,
.content-site h4,
.archive-pokoje h4{
    font-size: 1.25em;
    color: #000;color: rgb(150,149,149);

}
.wp-block-image .alignright {
    margin-left: 0;
}
.wp-block-image img{
    max-width: 100%;
    height: auto;
}
.has-text-align-center{
    text-align: center !important
}
/*#powitanie .wp-block-column:first-child{
    border-right: 1px dotted rgb(150,149,149);/ *rgba(158,157,157,1.00);* /
    padding-right: 2rem;
}*/
.wp-block-column p{
	text-align: justify;
    color: #4f555b;color: rgb(150,149,149);
}
.wp-block-column ul{
    font-size: 1rem;
    color: #4f555b;color: rgb(150,149,149);
}
.wp-block-table th{
    text-transform: uppercase;
}
.wp-block-table tr td{
    border-top:1px dotted rgb(150,149,149) !important;
    border-bottom:1px dotted rgb(150,149,149) !important;
    padding-left:1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/*.wp-block-table tr td:nth-child(2){
    border-left:1px dotted rgb(150,149,149) !important;
}*/
.wp-block-table tr:hover {
    background-color: rgba(225,172,39,0.1);
}
.wp-block-table tr:hover td{
   
}
.wp-block-column ul{
    padding-left:1rem;
} 
/* ****************   ****************** */
/* *************************************************** */
/* ==========================================================================

   ========================================================================== */