/* (C) WEB-Strony.pl  */

body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
   content: "";
   display: table;
}
body:after {
   clear: both;
}
body:after {
    content: "";
    display: table;
    clear: both;
}
body {     
	margin: 0;
	padding-top: 49px;
	font-size: 15px;
    font-family: "Century Gothic", sans-serif;
    color: #000;
    background-color: #fff;
}
h1, h2 {
    color:#09721c;
}
/* reset */
ol, dd, ul, li {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

/* główne Menu */
.navbar .navbar-expand-md {
	 background-color: #09721c;
}
.bg-dark {
     background-color: #09721c !important;
	 border-bottom: 1px solid #999;
}
#main-menu > ul > li > a {
     color: #fff;
     padding:5px 5px;
}
#main-menu > ul > li > a:hover {
     color:#393185;
	 background-color:#FFF;
     padding:5px 5px;	
}
.navbar-collapse {
     background-color: #09721c !important;
     border: 1px solid #09721c;
     border-radius: 0.25rem;
}

/* Wrapper style  zielony: #b1cb2e*/
#wrapper {
	 min-height: calc(100% - 230px);
}
.my-line {
	 width: 100%;
	 height: 1px;
	 margin: 20px 0; 
	 border-top: 1px solid #09721c;
	 clear: both;
}
.end-line {
	 width: 100%;
	 height: 1px;
	 margin: 25px 0; 
	 border-top: 1px solid #09721c;
	 clear: both;
}
.container-fluid {
     padding: 0;
	 margin: 0;
}
.content-body {
     padding: 20px;
	 color: #000;
	 background-color: rgba(255, 255, 255, 0.6);
}
.content-body a {
	 color: #09721c;
	 /*text-shadow: white 0.1em 0.1em 0.2em;*/
     transition: all 0.3s ease-in-out;
	 text-decoration: underline;
}
.content-body a:hover {
     text-decoration: none;
}
.content-body  .card-img-top {
     margin: 0;
	 padding: 0;
}
.main-beam h1 {
     width: 100%;
	 height: 100%;
	 margin-top: 7px;
	 padding-top: 20px !important;
	 padding-bottom: 20px !important;	
	 font-size: 20px;
	 color: white; 
	 text-shadow: black 0.1em 0.1em 0.2em;
	 background-color: #45b6af;
}
.content-body h4 {
     font-size: 18px;
	 text-align: left;
}
.content-body h5 {
     font-size: 16px;
	 text-align: left;
}
.content-body h6 {
     font-size: 14px;
	 text-align: left;
}
@media only screen and (min-width: 992px) {
  .main-beam h1 {
      font-size: 28px;
  }
  .show-beam-1 h4 {
      font-size: 24px;
  }
  .content-body h5 {
     font-size: 21px;
  }
  .content-body h6 {
     font-size: 18px;
  }
}
.head-color h5 , .head-color h4 {
    color: #09721c;
}
.content-body ul{
    margin: 15px 0;
}
.content-body li {
    margin-left: 30px;
	font-size: .9rem;
}
.my-indent p:first-child {
	  margin-top: 25px;
      text-indent: 20px;
	  text-align: justify;
}
.section-title h2 {
     font-size: 17px; 
}
@media only screen and (min-width: 992px) {
  .section-title h2 {
      font-size: 26px;
  }
}
.block-computer {
     display: none;
}
@media only screen and (min-width: 768px) {
   .block-phone {
      display: none;
   }
   .block-computer {
      display: block;
   }
} 	
.content-body img {
	 margin: 25px 0px;
}
.mylist-group {
	 margin: 0 12px 10px 5px;
	 font-size: 15px;
	 line-height: 30px;
}
.mylist-group-item {
	 padding: 0;
	 margin-left: 15px;
}
.mylist-group-none {
     list-style-image: none;
     list-style-type: none;
     margin-left: 5px;
}
.mylist-group-none-child {
     list-style-image: none;
     list-style-type: none;
     margin-left: 25px;
	 font-size: .9rem;
}
.top-img img {
     margin: 0;
	 padding: 0;
}

/* o-nas page */
.show-hr {
     width: 100%;
	 height: 7px;
	 background-color: #fff;
}
.show-beam-1 {
	 background-color: #45b6af;
}
.show-beam-2 {
	 background-color: #E9EBEE;
}
.my-caption-show p a {
     color: red;
     text-decoration: underline;	 
}
.my-caption-show p a:hover {
     color: #45b6af;
     text-decoration: none;
     transition: all 0.3s ease-in-out;	 
}	 
.show-beam-1 h4 {
     width: 100%;
	 height: 100%;
	 margin: 7px 0;
	 padding-top: 10px !important;
	 padding-bottom: 10px !important; 	
	 font-size: 18px;
	 color: white;
     text-align: center;	 
	 background-color: #45b6af;
}
.show-beam-2 h4 {
     width: 100%;
	 height: 100%;
	 margin: 7px 0;
	 padding-top: 10px !important;
	 padding-bottom: 10px !important; 	
	 font-size: 18px;
	 color: #05756e;
     text-align: center;	 
	 background-color: #E9EBEE;
}
.show-zoom {
      overflow: hidden;
      padding: 0;
     }
.show-zoom img {
      transition-duration: 1.5s;
      margin: 0 auto;
      display: block;
}
.show-zoom img:hover {
	  cursor: crosshair;
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      z-index: 0;
}
.my-background-card-1 {
	 background-color: #45b6af;
}
.my-background-card-2 {
	 background-color: #E9EBEE;
}
.my-border-card {
	 border: none;
}
.my-card-body-1, .my-card-body-2 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
.my-text-card-1, .my-card-body-1 >ul>li {
	 color: #fff;
}
.my-text-card-2, .my-card-body-2 >ul>li {
	 color: #05756e;
}
.my-text-card-1 a, .my-text-card-2 a {
     color: red;
     text-decoration: underline;	 
}
.my-text-card-1 a:hover, .my-text-card-2 a:hover {
     color: #fff;
	 text-decoration: none;
     transition: all 0.3s ease-in-out;	 
}
.my-card-show {
     position: relative;
     width: 100% ;
     height: 207px;
     margin: 2rem auto;
     overflow: hidden;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.my-card-show-oferta {
     position: relative;
     width: 100%;
     height: 350px;
     margin: 2rem auto;
     overflow: hidden;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.my-card-show-upraw {
     position: relative;
     width: 100%;
     height: 160px;
     margin: 2rem auto;
     overflow: hidden;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.my-card-show-upraw-3 {
     position: relative;
     width: 100%;
     height: 230px;
     margin: 2rem auto;
     overflow: hidden;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.my-image-show {
     height: 100%;   
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.4s;
             transition-duration: 0.4s;
}
.imgOne{
     background-image: url("../img/o-nas/uprawnienia.png");    
}
.imgTwo{
     background-image: url("../img/o-nas/wiedza.png");    
}
.imgThree{
     background-image: url("../img/o-nas/zaufanie.png");    
}
.imgFour{
     background-image: url("../img/o-nas/profesjonalizm.png");    
}
.imgFive{
     background-image: url("../img/o-nas/zadowolenie.png");    
}
.imgSix{
     background-image: url("../img/o-nas/bezpieczenstwo.png");    
}
.imgSeven{
     background-image: url("../img/uprawnienia/ala.png");    
}
.imgEight{
     background-image: url("../img/uprawnienia/janek.png");    
}
.imgNine{
     background-image: url("../img/uprawnienia/bogda.png");    
}
.imgTen{
     background-image: url("../img/uprawnienia/mietek.png");    
}
.imgSeven-3{
     background-image: url("../img/uprawnienia/ala-3.png");    
}
.imgEight-3{
     background-image: url("../img/uprawnienia/janek-3.png");    
}
.imgNine-3{
     background-image: url("../img/uprawnienia/bogda-3.png");    
}
.imgTen-3{
     background-image: url("../img/uprawnienia/mietek-3.png");    
}
.imgEleven{
     background-image: url("../img/oferta/praga-1.jpg");    
}
.imgTwelve{
     background-image: url("../img/oferta/praga-2.jpg");    
}
.imgThirteen{
     background-image: url("../img/oferta/praga-3.jpg");    
}
.imgFourteen{
     background-image: url("../img/oferta/praga-4.jpg");    
}
.imgFifteen{
     background-image: url("../img/oferta/praga-5.jpg");    
}
.imgSixteen{
     background-image: url("../img/oferta/praga-6.jpg");    
}
.imgSeventeen{
     background-image: url("../img/oferta/praga-7.jpg");    
}
.imgEighteen{
     background-image: url("../img/oferta/praga-8.jpg");    
}
.my-caption-show {
     position: absolute;
     top: auto;
     bottom: 0;
     opacity: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #3c74bb;
     padding: 36px 0 15px;
     text-align: center;
     -webkit-transform: translateY(100%);
             transform: translateY(100%);
     -webkit-backface-visibility: hidden;
             backface-visibility: hidden;
     -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
     transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
     transition: transform 0.4s, opacity 0.1s 0.3s;
     transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s;
}
.my-caption-show-content {
     margin: 22% 4%;
     color: #fff;
}
.slide-up:hover .my-image-show {
     -webkit-transform: translateY(0);
             transform: translateY(0px);
}
.slide-up:hover .my-caption-show {
     text-align: center;
     opacity: .8;
     -webkit-transform: translateY(0px);
             transform: translateY(0px);
     -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
     transition: opacity 0.1s, -webkit-transform 0.4s;
     transition: transform 0.4s, opacity 0.1s;
     transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s;
}
.my-card-show .cardTitle, .my-card-show-oferta .cardTitle, 
.my-card-show-upraw .cardTitle, .my-card-show-upraw-3 .cardTitle {
     width: 100%;
     text-align: centered;
     position: absolute;
     top: 80%;
     transition: top 0.4s ease-in-out;
     color: #fff;
	 font-size: 25px;
}
.my-card-show:hover .cardTitle, .my-card-show-oferta:hover .cardTitle, 
.my-card-show-upraw:hover .cardTitle, .my-card-show-upraw-3:hover .cardTitle {
     top:13%;
     -webkit-transform: translateY(0px);
             transform: translateY(0px);
     transition: top 0.4s ease-in-out;
     transition-delay: 20ms;
}

/* bx-Slider page oferta */
.oferta-slide-1 {
     background-image: url('../img/oferta/drezno-1.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 0 0;
}
.bxslider .oferta-slide-1:after {
     content: "";
     z-index: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: none repeat 0 0 rgba(30, 30, 30, 0.35);
}
.bxslider .oferta-slide-2 {
     background-image: url('../img/oferta/drezno-2.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 0 0;
}
.bxslider .oferta-slide-2:after {
     content: "";
     z-index: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: none repeat 0 0 rgba(30, 30, 30, 0.35);
}
.bxslider .oferta-slide-3 {
     background-image: url('../img/oferta/drezno-3.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 0 0;
}
.bxslider .oferta-slide-3:after {
     content: "";
     z-index: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: none repeat 0 0 rgba(30, 30, 30, 0.35);
} 
.bx-viewport img {
     display: none;
}
@media only screen and (min-width: 992px) {
    .bx-viewport img {
      display: block;
      position: absolute;
      right: 10%;
      top: 20%;
    }
}
.oferta-slider-content {
	 padding: 15% 3% 15% 1%;
     color: #ffffff;
     position: relative;
     z-index: 1;
}
.oferta-slider-content h1 {
     margin: 0;
	 padding-left: 3%;
	 color: #fff;
     font-size: 28px;
     line-height: 33px;
     font-weight: 400;
	 text-align: center;
}
@media only screen and (min-width: 992px) {
  .oferta-slider-content h1 {
      color: #fff;
	  font-size: 55px;
      line-height: 100px;
	  text-align: center;
  }
}
.oferta-slider-content p {
	 margin: 0;
	 margin-top: 4%;
	 padding: 2% 3%;
     font-size: 12px;
     line-height: 24px;
     background-color: rgba(255, 0, 0, .7); /* czerwone przeźroczyste tło */
}
@media only screen and (min-width: 992px) {
    .oferta-slider-content p {
      font-size: 18px;
    }
}
/* end slider */

/* oferta page */
#twist-fade-left, #twist-fade-right {
    position: relative;
    margin: 10px auto;
}
#twist-fade-left img, #twist-fade-right img {
    position: absolute;
    left: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
} 
#twist-fade-left img.top, #twist-fade-right img.top {
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
    filter: alpha(opacity=0);
    opacity: 0;
}
#twist-fade-left:hover img.top, #twist-fade-right:hover img.top, #twist-fade-left .hover-effect img.top, #twist-fade-right .hover-effect img.top {
    opacity:1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
#twist-fade-left:hover img.bottom, #twist-fade-right:hover img.bottom, #twist-fade-left .hover-effect img.bottom, #twist-fade-right .hover-effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform: rotate(360deg) scale(0,0);
    -moz-transform: rotate(360deg) scale(0,0);
    -o-transform: rotate(360deg) scale(0,0);
    transform: rotate(360deg) scale(0,0);
}
.after-hover-effect {
     padding-top: 35%;
}	 
.my-active-beam{
     position: relative;
     display: block;
     z-index: 2;
     padding: 0.75rem 1.25rem;
     margin-bottom: -1px;
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
     border: 1px solid #3c74bb;	
     color: #fff;
     text-align: inherit;
     background-color: #45b6af;
     border-color: #45b6af;
}
.list-group-item ul li, .my-text-card-1 ul li {
	 margin-left: 1rem;
}	 
/* parallax */
.parallax-banner {
	text-align: center;
    background-attachment: fixed;
    background-position: 75% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    max-height: 1200px;
    min-height: 450px;
}
.bgnd-1 {
    background-image: url('../img/oferta/parallax-img.jpg');
}
.parallax-banner .parallax-banner-inner {
     position: relative;
     z-index: 0;
}
.parallax-banner .parallax-banner-inner:after {
     content: "";
     z-index: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     background: none repeat 0 0 rgba(30, 30, 30, .3);
	 overflow: hidden;
}
.parallax-banner .parallax-banner-inner .container {
     position: relative;
     z-index: 1;
     padding: 350px 0;
}
.parallax-banner .parallax-banner-inner h2 {
     font-size: 48px;
     margin-top: 0;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 26px;
     color: #ffffff;
     font-weight: 400;
}
.parallax-banner .parallax-banner-inner a {
     position: relative;
     color: #09721C;
     background-color: rgba(255, 255, 255, .75);
     text-decoration: none;
     display: inline-block;
     font-size: 13px;
     font-weight: 400;
     line-height: 24px;
     text-transform: uppercase;
     margin: 8px 0;
     padding: 12px 30px;
     transition: all 0.2s ease-in-out;
	 border: 1px solid #09721C;
}
.parallax-banner .parallax-banner-inner a:hover {
     opacity: 0.7;
}

/* porady page */
.section-title h2 {
     font-size: 17px; 
}
@media only screen and (min-width: 992px) {
  .section-title h2 {
      font-size: 26px;
  }
}
.baner-gopr {
	   padding: 30px 0 230px; 
	   clear: both;
}  
.baner-gopr img {
     position: absolute; 
	 z-index: 1;
}
.baner-gopr img:last-child {	
     z-index: 2;
}
/* footer */
.footer-main .single-col {
     display: inline;
     float: left;
     width: 97.36842105%;
     margin: 0 1.31578947%;
}
@media only screen and (min-width: 768px) {
  .footer-main .single-col {
      display: inline;
      float: left;
      width: 47.36842105%;
      margin: 0 1.31578947%;
  }
}
@media only screen and (min-width: 992px) {
  .footer-main .single-col {
      display: inline;
      float: left;
      width: 22.36842105%;
      margin: 0 1.31578947%;
  }
}

footer {
    background-color: #666;
    color: #fff;
    font-size: 13px;
}
.footer-line {
    width: 100%; 
	height: 15px; 
	margin-top: 15px; 
	border-top: 1px solid #ccc;
}
footer ul {
    list-style-type: none;
    padding-left: 0;
}
.footer-main {
    padding: 15px 0;
    overflow: auto;
}
.footer-main img {
    padding: 0;
	margin: 0 auto;
}
.footer-main a {
    color: #fff;
    text-decoration: underline;
}
.footer-main a:hover {
	text-decoration: none;
}
.footer-main .single-col {
    margin-bottom: 30px;
}

@media only screen and (min-width: 992px) {
  .footer-main .single-col {
	  
     margin-bottom: 0;
  }
}

.copyright {
    padding: 15px 0;
    background-color: #333;
    border-top: 1px solid #535353;
}
.copyright p {
    font-size: 12px;
    color: #888888;
    margin: 0;
}
.copyright p a {
    color: #d4d4d4;
}
.copyright-computer {
     display: none;
}
@media only screen and (min-width: 992px) {
   .copyright-phone {
      display: none;
   }
   .copyright-computer {
      display: block;
   }
}