@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
body{
    font-family: 'Lato',sans-serif;

}
.upper-info {
  background: rgba(96,34,195,1);
background: -moz-linear-gradient(left, rgba(96,34,195,1) 0%, rgba(96,34,195,1) 44%, rgba(181,106,172,1) 58%, rgba(231,174,152,1) 79%, rgba(231,174,152,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(96,34,195,1)), color-stop(44%, rgba(96,34,195,1)), color-stop(58%, rgba(181,106,172,1)), color-stop(79%, rgba(231,174,152,1)), color-stop(100%, rgba(231,174,152,1)));
background: -webkit-linear-gradient(left, rgba(96,34,195,1) 0%, rgba(96,34,195,1) 44%, rgba(181,106,172,1) 58%, rgba(231,174,152,1) 79%, rgba(231,174,152,1) 100%);
background: -o-linear-gradient(left, rgba(96,34,195,1) 0%, rgba(96,34,195,1) 44%, rgba(181,106,172,1) 58%, rgba(231,174,152,1) 79%, rgba(231,174,152,1) 100%);
background: -ms-linear-gradient(left, rgba(96,34,195,1) 0%, rgba(96,34,195,1) 44%, rgba(181,106,172,1) 58%, rgba(231,174,152,1) 79%, rgba(231,174,152,1) 100%);
background: linear-gradient(to right, rgba(96,34,195,1) 0%, rgba(96,34,195,1) 44%, rgba(181,106,172,1) 58%, rgba(231,174,152,1) 79%, rgba(231,174,152,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6022c3', endColorstr='#e7ae98', GradientType=1 );
  height:30px;
  color:white;
  font-size:15px;
  line-height:30px;
}
.fa{
  line-height:30px;
     color:white;
    padding-left:15px;
    padding-right:15px;
}
.fa:hover{
    color:#7A7A7A;
    border:none;
}
.upper-logo {
  height:120px;
  
  text-align:center; 
  display:table;
}
.upper-logo  img {
  height:110px;
  width:220px;
  
}
.upper-info .glyphicon{
     color:white;
    margin-left:20px;
    margin-right:10px;
}

.img-logo{
  display:none;
}
.gora {
    height:300px;
}
.dol{
    height:1000px;
}
.inner{
  display:table-cell;
  vertical-align:middle;
}
.img-responsive {
  margin:auto;
}

.navbar-default{
    background-color:white;
    border:none;
    border-top:1px solid #8B3DDC!important;
}
.navbar-nav{
    width:60%;
    margin-left:20%;
}

.navbar-brand{
  height:45px;
  padding:0;
  width:117px;
  margin:0;
}
.navbar-brand img{
  height:45px;
  display:block;
}

.navbar-nav li{
    width:20%;
    text-align:center;
    font-size:15px;
    text-transform:uppercase;
    margin-right:5%;
    height:45px;

}
.ostatni{
  margin-right:0;
}
.navbar-nav li a {
    color:#ADACAD;
    margin-bottom:10px;
    padding:10px;
    font-weight: bold;

    line-height:27px;
}

.navbar-nav li a:hover{
    background:none;
   margin-bottom:10px;
   color:black!important;
   border-bottom:2px solid black;
   padding:10px;
   
}

.wyswietl {
  height:50px;
  width:100px;
  
}
.main-img{
  margin-top:5px;
    position: relative;
    height:auto;
    width:100%;
    
}
.img-zabiegi{
  background:url(../images/empty.jpg) no-repeat;
  background-position: center;
  background-size:350px 280px;
  margin-top:25px;
  margin-bottom:25px;
  height:280px;
  width:390px;
 
  line-height:450px;
 
}

.img-zabiegi p{
  font-size:25px;
  color:white;

}

.img-logo {
  height:75px;
  width:100px;

}


.dane{
    width:100%;
    min-height:200px;
    margin-top:20px;
    background-color:#2E2D2E;
}
.dane p{
    margin-top:60px;
    color:white;
    font-size:15px;
   
}
.dane span {
  margin-bottom:20px;
  color:white;
  font-size:20px;
    
}
h2{
    text-align:center;
    text-transform:uppercase;
}
.promocje h2{
    text-align:left;
    text-transform:uppercase;
}
.zabiegi{
  margin-bottom:50px;
}
.zabiegi p{
  text-align:center;
  font-size:16px;
}
.zabiegi a {
  text-decoration:none;
  color:black;
  font-weight: bold;
}
.zabiegi a:hover {
  border-bottom:1px solid black;

}
.opis p{
  text-align:left;
  font-size:16px;
}
.foot{
    font-size:12px;
    color:white;
    height:auto;
    background-color:black;
}
.info-foot{
  height:50px;
  line-height:50px;
}
.info-foot a{
color:white;
}
.info-foot a:hover {
text-decoration: none;
color:#8B3DDC;
}
.left-foot{
  color:white;
}
.left-foot:hover{
border:none;
}
.scrollToTop{  
  position:fixed;
  bottom:100px;
  right:40px;
  display:none;
}
.scrollToTop .glyphicon{
  text-align:center;
  font-size:40px;
  color:#ADACAD;


}

.hrabianka-info{
  margin-top:25px;
  border-left:2px solid lightgray;
   font-size:20px;
}
.zacheta{
margin-top:25px;
font-size:30px;

}
.cennik {
  width:60%;
}
.kategorie {
  border-bottom:1px solid black;
  height:auto;
  font-size:18px;
  padding:10px;

}
.oddziel-kategorie{
  margin-bottom:50px;
}
.active{
 border-bottom:2px solid #8B3DDC;
 color:#8B3DDC!important;
}
.active1 {
   pointer-events: none;
   cursor: default;
  border-bottom:1px solid #8B3DDC;
  color:#8B3DDC!important;
  

}

.tlo{
 
  height:410px;
}
.tlo h1{
 line-height:410px;
 color:white;
 text-align:center; 
 font-size:40px;
}

.zabiegi-zdjecie{ background: url(../images/zabiegi.png) no-repeat top center;

background-size:100% auto;
height:200px;
width:576px;
margin-bottom:25px;
color:white;
margin:auto;
}
.zabieg {
color:#8B3DDC;
margin-top:0;
text-align:left;
font-size:30px;
}
.cennik-zdjecie{ background: url(../images/cennik.jpg) no-repeat top center;
  background-size:100% auto;}
.zabiegi-linki{
  height:auto;
  text-transform: uppercase;
  line-height:40px;
  font-size:15px;
  padding-left:15px;
  border-bottom:0.5px solid lightgray;
}
.zabiegi-linki a {
  text-decoration:none;
  color:rgba(20,20,20,1);

 
}
.right-foot{
  text-align: right;
}
.zabiegi-linki a:hover {
  text-decoration:none;
  color:#8B3DDC;
}
.opis-zabiegu {
  text-align:justify;
  color:black;
  margin-bottom:50px;
}
.opis-zabiegu h2{
  margin-top:25px;
  margin-bottom:30px;
  text-align:center;
  font-weight:bold;
  text-transform: uppercase;
}
.kontakt {
  height:100px;
  
  font-size:20px;
  text-align:center;
}
.kontakt glyphicon{
  font-size:50px;
}
.pokaz{
  margin-top:100px;
  display: none;
}
.leading-image{
  width:100%;
  max-height:700px;
}

.round{
  border:1px solid white;
  color:white;
  border-radius:50%;
  width:300px;
  height:300px;
  text-align:center;
  background-color:#8B3DDC;
}
.tlo-o-nas {

  height: 500px;
 background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  background-image: url(../images/promocje.png);

  
}
.zaciemnienie{
  height:500px;
  width:100%;
  background-color:rgba(0,0,0,0.5);
}
.wyrownaj{
  line-height:500px;
}
.o-nas h2{
  color:white;
  text-align:left;

}
.o-nas span{

  color:white;
  font-size:16px;

}
.o-nas-wyswietl{
  display:none;
}
.cialo{
  margin-top:25px;
}
@media (max-width:1660px){
.menu {
    width:60%;
  }
}
 
  .zmienne{
    width:80%;
  }
@media (max-width:1366px){
 
.menu {
    width:60%;
  }

 .tlo h1{
  
  line-height:300px;
 }
  }

@media (max-width:1200px){
   .img-zabiegi{

  background-size:280px 224px;

  height:224px;
  width:310px;
 
  line-height:400px;
 
}
}
@media (max-width:992px){
  .hrabianka-info{
    border:none;
    text-align:justify;
  }
  .zacheta{
    text-align:justify;
  }
  .foot{
    text-align:center;
  }
 .right-foot{
  text-align:center;
 }
  .opis-zabiegu{
    margin-left:15px;
    margin-right:15px;
  }
  .opis-zabiegu h3{
    margin-top:30px;
  }
  
.zabiegi-zdjecie{
  display:none;
}
  .zabiegi-linki a {
  text-decoration:none;
  color:rgba(20,20,20,1);
 display:inline-block;
 width:100%;

 
}
  .zmienne{
    width:70%;
  }
  .kontakt {
    margin-top:50px;
    height:60px;
  }
  .cennik{
    width:100%;
  }
.oddziel-kategorie{
  margin-bottom:30px;
}
  .img-zabiegi{
    margin:auto;
    margin-top:10px;
  }
  .upper-info{
    display:none;
  }
   .pokaz{
   
    display:block;
  }
  .zabiegi-zdjecie{background-image:none;}
 
  .tlo{
    height:40px;
    margin-top:60px;

  }
  .tlo h1{
line-height:40px;
 color:black;
 font-size:30px;
 text-align:center; 
 padding:0;
 margin:0;

}
 .cennik-zdjecie{background-image:none;}
 .upper-logo{
    margin-top:10px;
  }
}


@media (max-width:767px){
  .prom {
    margin-top:50px;
  }
.o-nas span{
  color:black;
}
.o-nas h2{
  color:black;
}
.tlo-o-nas{
 display:none;
}
.o-nas-wyswietl{
  display:block;
}
.przerwa{
  margin-top:60px;
}


h2{
    font-size:20px;
  }
  .cennik{
    position: relative;
  }
  .upper-info{
    display:none;
  }
  .upper-logo{
    display:none;
  }
 .img-logo{
     
     height:70px;
     width:170px;
     left:0;
     position: relative;
     
 }
  .navbar-collapse ul li {
    text-align:center;
    width:100%;
    height:60px;
}
.img-logo{
  display:block;
  width:200px;
  height:110px;
}
  .przycisk{
      float:right;
      margin-top:25px;
  }
  .menu{
  width:100%;
}

} 

 @media (max-width : 480px) {
      .kategorie {

  font-size:16px;

}
    }