* {
  outline: medium none !important;
  box-sizing: border-box;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
.maska {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
a.no-border, .jg_imgalign_catimgs a.jg_catelem_photo, .fancybox-item.fancybox-close, .services-table .table-row .desc.no-border {border: 0 !important;}
a.maska {border: 0 !important;}
.ukryj_mail {
  direction: rtl;
  unicode-bidi: bidi-override;
}
html, body {height: 100%;}
.poziom1 {
  display: table;
  width: 100%;
  height: 100%;
}
.poziom2 {
  display: table-cell;
  width: 100%;
  height: 100%;
}
.image-main, .slick-track {
  width: 100%;
  overflow: hidden;
}
.float-panel {
    width:100%;
    z-index:300;
    transform: translateZ(0);
    transition:all 0.5s;
}
.float-panel.fixed .logo img {height: 100px;}
.float-panel.fixed #mainmenu .nav.menu li a {padding-top: 30px;}
.float-panel.fixed #mainmenu .nav.menu li.active a {padding-top: 30px;}
.float-panel.fixed #mainmenu .nav.menu li:hover a {
    transition: all 0.5s ease 0s;
    padding-top: 50px;
}
.fixed {
    animation:slide-down 0.7s;
    opacity:0.9;
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}
.ukryj, .element-invisible, li.pagination-start, li.pagination-prev, li.pagination-next,
li.pagination-end, .pagination li.pagination-prev, .pagination li.pagination-next, .pagination p.counter, .jg_row.jg_row1 .jg_catelem_txt
{display: none !important;}
body {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  color: #000;
  border: 0;
  margin: 0;
}
#menu-gorne.navbar { padding: 0;}
#mainmenu .nav.menu li {transition: all 0.5s ease 0s;}
#mainmenu .nav.menu li:last-child {margin-right: 0;}
#mainmenu .nav.menu li a {
  color: #fff;
  transition: all 0.5s ease 0s;
  background: rgb(78,202,245);
  background: linear-gradient(180deg, rgba(78,202,245,1) 0%, rgba(42,103,125,1) 100%);
}
#mainmenu .nav.menu li:hover a {
  transition: all 0.5s ease 0s;
  padding-top: 80px;
}
#mainmenu .nav.menu li.active a {
  transition: all 0.5s ease 0s;
  padding-top: 80px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.video-container iframe,
.video-container video,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#wrapper {width: 100%;}
#main-content {padding-top: 50px;}
.blog h2 {
  margin-bottom: 30px;
  font-size: 2rem;
}
.fancybox-nav {display: none !important;}
.readmore {
  text-align: right;
  margin: 10px;
  transition: all 0.5s ease 0s;
}
body .btn, body a.btn {
  padding: 10px 20px;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: #00B4CC;
  transition: all 0.5s ease 0s;
  line-height: 1.2rem;
}
body .btn:hover, body a.btn:hover {
  background: #00FFFF;
  color: #000;
}
body .btn, body a.btn:hover {background: #008C9E;}
.lead strong {font-weight: 700;}
a:link, a:visited {
  text-decoration: none;
  color: #000;
  transition: all 0.5s ease 0s;
  border-bottom: 1px dashed #000;
  padding-bottom:3px;
}
a:hover {
  text-decoration: none !important;
  color: #555;
  border-bottom: none;
  transition: all 0.5s ease 0s;
}
#wrapper a:link, #wrapper a:visited {border: 0;}
#stopka li a:link, #stopka li a:visited, #stopka p a:link, #stopka p a:visited {
  border-bottom: 1px dashed #fff;
  color: #fff !important;
}
#stopka a:hover, #stopka p a:hover {color: #ccc !important;}
.fancybox-skin .fancybox-title-float-wrap {
  text-align: center;
  margin: 0;
  position: relative;
  right: 0;
  background: #000;
  padding: 5px 10px;
}
.fancybox-skin {
  padding: 0 !important;
  background: #000 !important;
}
.fancybox-skin .fancybox-title {
  font-family: inherit;
}
.fancybox-skin .fancybox-title-float-wrap .child {
  color: #fff;
  font-weight: inherit;
  white-space: normal !important;
  background: transparent;
  display: inline;
  margin: 0;
  padding: 0;
  text-shadow: none;
}
footer {margin-top: 40px;}
footer h2, footer h3, .module h2 {margin-bottom: 20px;}
#stopka {
  width: 100%;
  color: #fff;
  background: rgb(78,202,245);
  background: linear-gradient(180deg, rgba(78,202,245,1) 0%, rgba(42,103,125,1) 100%);
}
#stopka .module_content p, #stopka li {font-size: 0.9em;}
#stopka .module_content p.small {font-size: 0.7rem;}
#stopka .nav.menu li {margin-bottom: 15px;}
#stopka .nav.menu li, #stopka .nav {display: block;}
.pagination {
  clear: both;
  text-align: center;
  margin: 0;
  padding: 40px 0 40px 0;
  display: block;
}
.pagination ul li a, .pagination ul li span {
  padding: 4px 12px;
  color: #000;
  font-size: 2rem;
}
.pagination ul li {
  margin: 0 4px 0 0;
  display: inline-block;
}
.pagination ul li.active a, .pagination ul li a:hover, .pagination ul li span {
  background: #3586A3;
  color: #fff;
}
.column {float: left;}
.size-4of4, .size-3of3, .size-2of2, .size-1of1 {width: 100%;}
.size-3of4 {width: 75%;}
.size-2of4, .size-1of2 {width: 50%;}
.size-1of4 {width: 25%;}
.size-2of3 {width: 66.66%;}
.size-1of3 {width: 33.33%;}
ul.breadcrumb {
  margin: 50px 0;
  border-radius: 0;
  background: transparent;
}
.breadcrumb .divider {margin: 0 5px;}
a:hover img.jg_photo, .jg_minis a:hover img {border: 0;}
.intro-icon img {
  background: #fff;
  margin: -60px auto 0 auto;
  border-radius: 100px;
  display: inline-block;
  text-align: center;
  border: 5px solid #fff;
}
.offer-wrapper {
  color: #fff;
  padding: 0 15px 15px 15px;
  text-align: center;
  position: relative;
}
.offer-wrapper:hover .readmore a {letter-spacing: 1px;}
.offer-wrapper:hover .intro-icon {
  animation: pulse 1s infinite;
  animation-timing-function: linear;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1);
  100% { transform: scale(1); }
  }
}
.my-col-1 {background: #47b7de;}
.my-col-2 {background: #40a3c6;}
.my-col-3 {background: #378aa7;}
.my-col-4 {background: #307892;}
.gallery .jg-header {
  margin-bottom: 30px;
  font-size: 2rem;
}
.services-table {
  width: 100%;
  display: table;
  padding: 30px 20px;
  border: 1px solid;
  margin-bottom: 50px;
}
.table-row {display: table-row;}
.table-cell, .table-header, .table-mid-header  {display: table-cell;}
.services-table .table-row .desc {
  border-bottom: 1px dashed #000;
  padding-top: 15px;
  width: 100%;
}
.services-table.hair-type .table-row .desc {border: 0;}
.hair-type .table-cell.price {display: none;}
.services-table .table-row .price {padding-top: 5px;}
.services-table .table-row .name {padding: 10px 0;}
.services-table .table-row .desc span {
  display: inline-block;
  background: #fff;
  margin-bottom: -5px;
  padding-bottom: 5px;
  font-weight: bold;
  font-family: 'Libre Baskerville', serif;
  font-style: italic;
}
.services-table h3 {
  font-size: 1.5rem;
  margin-bottom: 30px;
}
.top-second h2.fancy {text-align: center;}
.top-second img {
  padding: 5px;
  transition: all 0.5s ease 0s;
  opacity: 1;
}
.top-second img:hover {
  transition: all 0.5s ease 0s;
  opacity: 0.8;
}
.top-second .joomimg_row {padding: 0;}
.top-second .joomimg_row a {border: 0;}
.joomimg100_img img {
  width: auto !important;
  height: auto !important;
}
/* Responsive */
@media only screen and (min-width:320px) {
  .offer-wrapper h1 {
    font-size: 2rem;
    margin: 15px 0;
  }
  .item-page h2 {
    margin-bottom: 30px;
    text-align: center;
  }
  .float-image {
    margin: 0 auto 30px auto;
    display: block;
  }
  #mainmenu .nav.menu li {margin-right: 0;}
  .offer-wrapper {
    margin-bottom: 50px;
    margin-top: 0;
  }
  .logo img {height: 100px;}
  #stopka {padding: 50px 0 50px 0;}
  #grid[data-columns]::before {content: '1 .column.size-1of1';}
  #mainmenu .nav.menu li a {
    padding: 10px 20px;
    text-align: center;
  }
  #mainmenu .nav, #mainmenu .nav li a {display: block;}
  .navbar-toggler {
    margin: 0 auto;
    display: block;
  }
  #wrapper .form-inline {display: block;}
  #wrapper {position: relative;}
  .logo, .menu-nav {margin-bottom: 10px;}
  #cookiesBar {
    bottom: 0;
    right: 0;
  }
  #stopka .module.list-unstyled {
    text-align: center;
    margin: 20px 0;
  }
}
@media only screen and (min-width:360px) {
}
@media only screen and (min-width:375px) {
}
@media only screen and (min-width:400px) {
}
@media only screen and (min-width: 568px) {
  #grid[data-columns]::before {content: '2 .column.size-1of2';}
}
@media only screen and (min-width: 600px) {
  ul.breadcrumb {font-size: 1.3rem;}
}
@media only screen and (min-width: 667px) {
}
@media only screen and (min-width: 736px) {
  #cookiesBar {
    bottom: 20px;
    right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .offer-wrapper h1 {font-size: 1.5rem;}
  .menu-nav {width: 100%;}
  #stopka .module.list-unstyled {
    text-align: left;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .menu-nav, .logo {margin-bottom: 0;}
  #mainmenu .nav.menu li a {text-align: right;}
  .offer-wrapper h1 {font-size: 2rem;}
  .item-page h2 {text-align: left;}
  #mainmenu .nav.menu li {margin-right: 15px;}
  .top-second {margin-top: 80px;}
  .offer-wrapper {
    margin-bottom: 0;
    margin-top: -60px;
    min-height: 304px;
  }
  .logo img {height: auto;}
  #stopka {padding: 50px 0 20px 0;}
  .float-image {
    margin: 0 50px 20px 0;
    float: left;
    display: inline;
  }
    #wrapper {
      position: absolute;
      top: 0;
    }
  .menu-nav {width: auto;}
  #mainmenu .nav.menu li a {
    padding: 26px 10px;
    text-align: left;
  }
  #mainmenu .nav {display: flex;}
  #wrapper .form-inline {display: flex;}
  #grid[data-columns]::before {content: '3 .column.size-1of3';}
  .my-hamburger {display: none;}
  .top-second .fancy span::after {
      left: 100%;
      margin-left: 15px;
  }
  .top-second .fancy span::before {
      right: 100%;
      margin-right: 15px;
  }
  .top-second .fancy span::before, .top-second .fancy span::after {
      content: "";
      position: absolute;
      height: 5px;
      border-bottom: 1px solid #000;
      border-top: 1px solid #000;
      top: 50%;
      width: 40px;
  }
  .top-second .fancy span {
      display: inline-block;
      position: relative;
  }
}
@media only screen and (min-width: 1224px) {
  #mainmenu .nav.menu li a {padding: 50px 20px 10px 20px;}
}
@media only screen and (min-width: 1440px) {}
table.table, table.table td {
  border: 1px solid #000;
  border-collapse: collapse;
}