@CHARSET "UTF-8";    

/*  break points styles  */
@media only screen and (max-width : 2200px){

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
     .spa-box #galeria-salony .carousel .glyphicon-chevron-left,
     .spa-box #galeria-salony .carousel .glyphicon-chevron-right{
         padding-top:78% !important;
         padding-bottom:78% !important;
     }
     #baner{
        min-height:0px !important;
     }
}
 
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

}
 
/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
    .spa-section-content{
       padding-left:15px !important;
       padding-right:15px !important;
    }
     .spa-box #galeria-salony .carousel .glyphicon-chevron-left,
     .spa-box #galeria-salony .carousel .glyphicon-chevron-right{
         padding-top:200% !important;
         padding-bottom:200% !important;
     }
     .spa-box #galeria .category-item-show > img{
        opacity:0;
     }
     .spa-box #galeria .products-carousel .products-carousel-item{
       background-size:cover;
     }
}

@media only screen and (max-width : 576px){
     .spa-box #galeria-salony .carousel .glyphicon-chevron-left,
     .spa-box #galeria-salony .carousel .glyphicon-chevron-right{
         padding-top:250% !important;
         padding-bottom:250% !important;
     }
     .spa-box #galeria-salony .gm-cross{
        left:46% !important;
     }  
}
 
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
     .spa-box #galeria-salony .carousel .glyphicon-chevron-left,
     .spa-box #galeria-salony .carousel .glyphicon-chevron-right{
         padding-top:280% !important;
         padding-bottom:280% !important;
     }
}
 
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}
/*
.spa-box .spa-section h2.page-title{
   color:#fff !important;
}
*/
.spa-box .spa-section{
   clear:both;
  padding-top:60px;
  padding-bottom:15px;
  overflow:hidden;
  min-height:400px;
  background: #fff;         
}

.spa-box #baner{
   margin-top:0px !important;
   padding-top:0px !important;
}

.spa-box #baner .carousel-indicators{
  display:block;
  left:35%;
  width:90%;
  text-align:right;
}
.spa-box #baner .carousel-indicators li{
  border-width:0px;
  background-color:#36404b;
  border-radius:0px;
  width:40px;
  height:6px;
  margin:1px 8px 1px 0px !important;
  margin-left:8px;
}
.spa-box #baner .carousel-indicators li.active{
 background-color:#fb4848;
}

/*  remove baner slider from content  */

.spa-box #baner .container,
.spa-box #baner .row,
.spa-box #baner .spa-section-content,
.spa-box #baner .carousel,
.spa-box #baner .item>.row>div{
    width:100% !important;
   margin-left:0px !important;
   margin-right:0px !important;
   padding-left:0px !important;
   padding-right:0px !important;
}

#baner-partner h1{
   display:none;
}
#info-show-nasi-partnerzy,
#baner-partner{
  margin:0px !important;
  padding:0px !important;
  min-height:0px !important;
}

#info-show-oferta .kafelki3 li{
   height:380px;
   padding:5px;
   margin:5px;
   border:1px solid #000;
}
#info-show-oferta .kafelki3 li:hover{
   border-color:#e31e24;
}

#info-show-oferta .kafelki3 li:first-child{
  background-image:url("../img/grafika/gora_lewo.jpg");
  background-size:cover;
}
#info-show-oferta .kafelki3 li:nth-child(2){
  background-image:url("../img/grafika/gora_srodek.jpg");
  background-size:cover;
}
#info-show-oferta .kafelki3 li:last-child{
  background-image:url("../img/grafika/gora_prawo.jpg");
  background-size:cover;
}

.spa-box #galeria-salony,
.spa-box #info-show-salony{
   min-height:0px !important;
   padding-top:0px !important;
   padding-bottom:0px !important;
   display:none;
}
.spa-box #galeria-salony .container,
.spa-box #galeria-salony .row,
.spa-box #galeria-salony .spa-section-content{
    width:100% !important;
   margin-left:0px !important;
   margin-right:0px !important;
   padding-left:0px !important;
   padding-right:0px !important;
}

.spa-box #galeria-salony .row>div{
   margin-left:0px !important;
   margin-right:0px !important;
   padding-left:0px !important;
   padding-right:0px !important;
}

.spa-box #galeria-salony .carousel .glyphicon-chevron-left{
   left:0px;
}
.spa-box #galeria-salony .carousel .glyphicon-chevron-right{
   right:0px;
}

.spa-box #galeria-salony .carousel .carousel-control.left,
.spa-box #galeria-salony .carousel .carousel-control.right{
  top:0px !important
}

.spa-box #galeria-salony .carousel .glyphicon-chevron-left,
.spa-box #galeria-salony .carousel .glyphicon-chevron-right{
    background-color: rgba(0,0,0,0.3) !important;
    margin: 0;
   padding-bottom: 50%;
    padding-top: 45%;
    text-align: center;
    width: auto !important;
    top: auto !important;
}

/*  gallery effects begin  */

.spa-box #galeria-salony a:hover .glass{
   background-color: rgba(0,0,0,0.3);
   position:absolute;
   left:0px;
   right:0px;
   top:0px;
   bottom:0px;
}
.spa-box #galeria-salony .carousel-inner a{
   height:100%;
   display:block;
}
.spa-box #galeria-salony .gm-border{
    height: 30%;
    left: 10%;
    top: 35%;
    width: 80%;
} 
.spa-box #galeria-salony a:hover .gm-border{
    height: 80%;
    padding-top: 35%;
    top: 10%;
}

.spa-box #galeria-salony .gm-border{
    border-left: 1px solid hsl(0, 0%, 100%);
    border-right: 1px solid hsl(0, 0%, 100%);
    border-top: 1px solid hsl(0, 0%, 100%);
    border-bottom: 1px solid hsl(0, 0%, 100%);
    box-sizing: border-box;
    display: block;
    opacity: 0.3;
    position: absolute;
    z-index: 1;
    transition: all 0.2s ease 0s;
}
.spa-box #galeria-salony .gm-cross:before{
   font-family:"icofont";
   content: "\f0a5";
   display:block;
   color:#fff;
   margin-top:6px;
   opacity:0.4;
}
.spa-box #galeria-salony a:hover .gm-cross:before{
 -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;
  opacity:1;
} 
.spa-box #galeria-salony .gm-cross{
    background-color: rgba(0, 0, 0, 0.6);
    height: 35px;
    left: 42%;
    position: absolute;
    right: 50%;
    top: 42%;
    width: 35px;
}

.spa-box #galeria .products-carousel .products-carousel-item{
   position:relative;
}
.spa-box #galeria .products-carousel .products-carousel-item .title{
   position:absolute;
   z-index:10000;
   text-align:center;
   left:0px;
   right:0px;
   top:40%;
   font-size:23px;
   font-weight:bold;
   color:#fff;
}
.spa-box #galeria .products-carousel .products-carousel-item .title:after{
  content:"";
  position:absolute;
  z-index:100;
  left:130px;
  right:130px;
  bottom:4px;
  background-color:#fff;
  height:1px;
}
.spa-box #galeria .products-carousel .products-carousel-item:hover .glass{
  background:rgba(227,30,36,0.6);
}
.spa-box #galeria .products-carousel .products-carousel-item .more{
   position:absolute;
   z-index:10000;
   text-align:center;
   left:0px;
   right:0px;
   bottom:18%;
   font-size:8px;
   text-transform:uppercase;
   color:#fff;
   text-decoration:underline;
}
.spa-box #galeria .products-carousel .products-carousel-item .glass{
   position:absolute;
   z-index:10;
   left:8%;
   right:8%;
   top:8%;
   bottom:8%;
   background-color:rgba(92,98,104,0.4);
}
.spa-box #galeria .products-carousel .products-carousel-item .glass:before{

}
.spa-box #galeria .products-carousel .products-carousel-item .glass:after{
   position:absolute;
   content:"";
   z-index:1000;
   left:5%;
   right:5%;
   top:6%;
   bottom:6%;
   border:1px solid #fff;
}

/* gallegry effects end  */