@charset "UTF-8";
/* NOWA PALETA */
/* FONTS */
/* PALETA */
/* KOLORY KTÓRE BĘDZIEMY USUWAć SYSTEMATYCZNIE */
/* SCREEN SIZE */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import "../css/gilroy.css";
@media (min-width: 1700px) {
  .container {
    width: 1580px;
  }
}
body {
  background: #ffffff;
  font-family: "Gilroy Light", sans-serif;
  font-size: 16px;
}
body #loader {
  display: none;
}

body:not(.ready) #results {
  display: none;
}

body.loading #loader {
  display: block;
}

.text-white {
  color: #ffffff;
}

.color-blue {
  color: rgb(38, 192, 240);
}

.color-blue-dark {
  color: #2b2f76;
}

.color-magenta {
  color: #c312c0;
}

.col-break-md {
  clear: both;
}

.border-top {
  border-top: 1px solid #e7e7e7;
}

.salon-page {
  color: #000;
}
.salon-page .pretty-section h2 {
  margin: 60px 0 30px;
  text-align: center;
  font-weight: 300;
  font-size: 32px;
}
.salon-page .pretty-section h2.confirmation {
  color: #ffffff;
  margin: 15px 0 0;
}
.salon-page .pretty-section .contact-details {
  margin-bottom: 30px;
}
.salon-page .pretty-section .table .price {
  text-align: right;
  font-family: "Gilroy ExtraBold", sans-serif;
}

.table-hover > tbody > tr:hover {
  background: #cbcbdb;
  color: #ffffff;
}
.table-hover > tbody > tr:hover.no-hover {
  background: transparent;
  color: #000;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-top: 1px solid #cbcbdb;
}

.table-hover > tbody > tr:first-child > td {
  border-top: 0;
}

h1, h2, h3, h4, h5, h6, strong, label {
  font-family: "Gilroy ExtraBold", sans-serif;
}

a {
  color: #03a9f4;
  cursor: pointer;
}

a, button {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

a:hover, a:focus, a:active {
  color: #2b2f76;
  text-decoration: none;
}

a, button, input[type=submit] {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
a:hover, a:focus, a:active, button:hover, button:focus, button:active, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active {
  text-decoration: none;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.reservation-details a:hover {
  color: #ffffff;
}

.red {
  color: #ff2a00;
}

header {
  position: fixed !important;
  top: 0;
  z-index: 9999;
  background: #ffffff;
  border-bottom: 3px solid #BDE9FB;
}

main {
  padding-top: 75px;
}

#price-list {
  margin-bottom: 36px;
}

.salon-page #slider {
  padding-top: 75px;
}
.salon-page main {
  padding-top: 0;
}

/* FONTS */
.font-xs, .font-extra-small {
  font-size: 12px;
}

.font-sm, .font-small {
  font-size: 14px;
}

.font-md, .font-medium {
  font-size: 16px;
  line-height: 20px;
}

.font-lg, .font-large {
  font-size: 22px;
  line-height: 26px;
}

/* MARGINS */
.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.padding-right-0 {
  padding-right: 0;
}

.padding-left-0 {
  padding-left: 0;
}

.margin-30 {
  margin: 30px;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

/* PADDINGS */
.padding-top-4 {
  padding-top: 4px;
}

.padding-top-8 {
  padding-top: 8px;
}

.container-padding {
  padding-left: 40px;
  padding-right: 40px;
}

.form-control {
  border-radius: 0;
}

input[type=submit] {
  background: rgb(38, 192, 240);
  color: #ffffff;
}

input[type=submit]:not(disabled):hover, input[type=submit]:not(disabled):focus, input[type=submit]:not(disabled):active {
  background: #2b2f76;
}

.form-xxl .form-control {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  border: 1px solid #ffffff;
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
}
.form-xxl #description {
  resize: none;
  height: 60px;
  border-color: #ccc;
  line-height: 24px;
  padding: 5px 10px;
}
.form-xxl input[type=submit] {
  border: 1px solid #ffffff;
}
.form-xxl .select2-container--default .select2-selection--single {
  height: 60px;
  border: 1px solid #ffffff;
}
.form-xxl .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 60px;
  font-size: 16px;
}
.form-xxl .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 58px;
}
.form-xxl .select .form-control {
  height: 90px;
  line-height: 90px;
  padding-right: 15px;
  padding-left: 30px;
}
.form-xxl .button {
  padding: 15px 15px 15px 0;
  background: #ffffff;
}

.form-xxl.border .form-control {
  border: 1px solid #e7e7e7;
}
.form-xxl.border .select2-container--default .select2-selection--single {
  border: 1px solid #e7e7e7;
}

input[type=submit]:disabled, input[type=submit]:disabled:hover, input[type=submit]:disabled:focus, input[type=submit]:disabled:active {
  background: #BDE9FB;
}

img.protected-area {
  padding-top: 30px;
  padding-bottom: 30px;
}

.text-center img.img-responsive {
  margin: 0 auto;
}

.small-col-padding .col-lg-1, .small-col-padding .col-lg-10, .small-col-padding .col-lg-11, .small-col-padding .col-lg-12, .small-col-padding .col-lg-2, .small-col-padding .col-lg-3, .small-col-padding .col-lg-4, .small-col-padding .col-lg-5, .small-col-padding .col-lg-6, .small-col-padding .col-lg-7, .small-col-padding .col-lg-8, .small-col-padding .col-lg-9, .small-col-padding .col-md-1, .small-col-padding .col-md-10, .small-col-padding .col-md-11, .small-col-padding .col-md-12, .small-col-padding .col-md-2, .small-col-padding .col-md-3, .small-col-padding .col-md-4, .small-col-padding .col-md-5, .small-col-padding .col-md-6, .small-col-padding .col-md-7, .small-col-padding .col-md-8, .small-col-padding .col-md-9, .small-col-padding .col-sm-1, .small-col-padding .col-sm-10, .small-col-padding .col-sm-11, .small-col-padding .col-sm-12, .small-col-padding .col-sm-2, .small-col-padding .col-sm-3, .small-col-padding .col-sm-4, .small-col-padding .col-sm-5, .small-col-padding .col-sm-6, .small-col-padding .col-sm-7, .small-col-padding .col-sm-8, .small-col-padding .col-sm-9, .small-col-padding .col-xs-1, .small-col-padding .col-xs-10, .small-col-padding .col-xs-11, .small-col-padding .col-xs-12, .small-col-padding .col-xs-2, .small-col-padding .col-xs-3, .small-col-padding .col-xs-4, .small-col-padding .col-xs-5, .small-col-padding .col-xs-6, .small-col-padding .col-xs-7, .small-col-padding .col-xs-8, .small-col-padding .col-xs-9 {
  padding-left: 4px;
  padding-right: 4px;
}

.main-small .small-col-padding .col-lg-1, .main-small .small-col-padding .col-lg-10, .main-small .small-col-padding .col-lg-11, .main-small .small-col-padding .col-lg-12, .main-small .small-col-padding .col-lg-2, .main-small .small-col-padding .col-lg-3, .main-small .small-col-padding .col-lg-4, .main-small .small-col-padding .col-lg-5, .main-small .small-col-padding .col-lg-6, .main-small .small-col-padding .col-lg-7, .main-small .small-col-padding .col-lg-8, .main-small .small-col-padding .col-lg-9, .main-small .small-col-padding .col-md-1, .main-small .small-col-padding .col-md-10, .main-small .small-col-padding .col-md-11, .main-small .small-col-padding .col-md-12, .main-small .small-col-padding .col-md-2, .main-small .small-col-padding .col-md-3, .main-small .small-col-padding .col-md-4, .main-small .small-col-padding .col-md-5, .main-small .small-col-padding .col-md-6, .main-small .small-col-padding .col-md-7, .main-small .small-col-padding .col-md-8, .main-small .small-col-padding .col-md-9, .main-small .small-col-padding .col-sm-1, .main-small .small-col-padding .col-sm-10, .main-small .small-col-padding .col-sm-11, .main-small .small-col-padding .col-sm-12, .main-small .small-col-padding .col-sm-2, .main-small .small-col-padding .col-sm-3, .main-small .small-col-padding .col-sm-4, .main-small .small-col-padding .col-sm-5, .main-small .small-col-padding .col-sm-6, .main-small .small-col-padding .col-sm-7, .main-small .small-col-padding .col-sm-8, .main-small .small-col-padding .col-sm-9, .main-small .small-col-padding .col-xs-1, .main-small .small-col-padding .col-xs-10, .main-small .small-col-padding .col-xs-11, .main-small .small-col-padding .col-xs-12, .main-small .small-col-padding .col-xs-2, .main-small .small-col-padding .col-xs-3, .main-small .small-col-padding .col-xs-4, .main-small .small-col-padding .col-xs-5, .main-small .small-col-padding .col-xs-6, .main-small .small-col-padding .col-xs-7, .main-small .small-col-padding .col-xs-8, .main-small .small-col-padding .col-xs-9 {
  padding-left: 2px;
  padding-right: 2px;
}
.main-small .small-col-padding .city {
  padding-left: 0;
}
.main-small .small-col-padding .search {
  padding-right: 0;
}

/* DATETIME PICKER */
.dtp-buttons {
  background: #ffffff;
}
.dtp-buttons button {
  margin-left: 15px;
  text-transform: uppercase;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #2b2f76;
}

.dtp div.dtp-date, .dtp div.dtp-time {
  background: #03a9f4;
}

.dtp div.dtp-actual-year {
  color: #e7e7e7;
}

.dtp table.dtp-picker-days tr > td > a.selected {
  background: #03a9f4;
}

.dtp .p10 > a {
  color: #ffffff;
}

/* PNOTIFY */
.ui-pnotify-text ul {
  margin: 10px 0;
}

/* SELECT 2 */
.select2 {
  width: 100%;
}

.select2-container {
  max-width: 100%;
}

.select2-container--default .select2-selection--single {
  border-radius: 0;
  border: 1px solid #ccc;
  height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
  font-size: 14px;
  color: rgb(33, 33, 33);
}

/* LABELS */
label {
  font-weight: 400;
}

/* MODAL */
.modal {
  -webkit-overflow-scrolling: auto !important;
  color: #5d5c75;
}
.modal label:not(.btn) {
  color: #5d5c75;
}
.modal label.recaptcha {
  margin-bottom: 0;
}

.modal-header {
  background: #ffffff;
}
.modal-header .modal-title {
  font-size: 22px;
  font-weight: 300;
  color: #5d5c75;
}

.modal-content {
  border-radius: 2px;
  background: #f9fdff;
}
.modal-content input[type=text].form-control, .modal-content input[type=password].form-control {
  color: #5d5c75;
}
.modal-content .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 12px;
  color: #5d5c75;
}
.modal-content .phone-mask {
  border-left: 0 !important;
}
.modal-content .registration-checkbox .btn-primary {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

header {
  padding: 5px 0 15px;
}
header .header {
  padding-top: 20px;
  padding-bottom: 20px;
}
header .top-menu {
  padding: 0;
  text-align: right;
  font-family: "Gilroy ExtraBold", sans-serif;
}
header .top-menu a {
  white-space: nowrap;
  padding: 15px 20px;
  color: #59beed;
}
header .top-menu a#register-link {
  color: #c312c0;
}
header .top-menu a#register-link:hover {
  color: #2b2f76;
}
header .top-menu a:hover, header .top-menu a:focus, header .top-menu a:active {
  color: #2b2f76;
}
header .top-menu a.bordered {
  border: 1px solid #59beed;
  margin-left: 15px;
}
header .top-menu a.bordered:hover {
  border: 1px solid #2b2f76;
}
header .function-buttons {
  padding-top: 18px;
}
header .categories {
  text-align: left;
  padding-left: 25px;
  margin-top: 5px;
}
header .categories .btn {
  color: white;
  background: #2b2f76;
  padding: 5px 10px;
  font-family: "Gilroy Light", sans-serif;
  margin-top: 5px;
}
header .categories .btn:hover, header .categories .btn:active, header .categories .btn:focus {
  color: white;
  background: #c312c0;
}

header.header-small a#register-link {
  border: 1px solid #59beed;
}
header.header-small a#register-link:hover {
  border: 1px solid #2b2f76;
}

#header-content {
  position: absolute;
  top: 0;
  width: 100%;
  color: #ffffff;
}

.header-small {
  background: #ffffff;
  margin-bottom: 4px;
}
.header-small .logo-asistapp {
  height: 52px;
  padding-left: 8px;
}
.header-small .top-menu a {
  color: #5d5c75;
}
.header-small .top-menu a:last-child {
  margin-right: 0;
}

.header-transparent .header {
  background: rgba(255, 255, 255, 0.9);
  z-index: 999;
}

body.blog .blogee {
  padding-bottom: 30px;
}
body.blog #intro-breads {
  margin-top: -6px;
}
@media (min-width: 931px) and (max-width: 959px) {
  body.blog #intro-breads {
    margin-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 930px) {
  body.blog #intro-breads {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  body.blog #intro-breads {
    margin-top: -45px;
  }
}
body.blog #article-content {
  border: 1px solid #f7e6dc;
  padding: 40px;
  margin-top: -80px;
  z-index: 100;
  background: #f9f9f9;
}
body.blog #article-content h1.title {
  color: #2b2f76;
  margin: 0 0 20px 0;
}
@media (max-width: 768px) {
  body.blog #article-content {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  body.blog .left-column {
    padding: 20px;
  }
}
body.blog .left-column h4 {
  border-left: 5px solid #f7e6dc;
  padding: 3px 0px 3px 5px;
}
body.blog .left-column ul {
  padding-left: 0px;
}
body.blog .left-column ul li {
  list-style: none;
  margin-bottom: 2px;
  border-bottom: 1px solid #f7e6dc;
  padding: 3px 0px 3px 5px;
}
body.blog .left-column ul li:last-child {
  border-bottom: none !important;
}
body.blog .social-share-link .fa {
  font-size: 22px;
}
body.blog #blog-basic-info {
  margin-top: 30px;
}
body.blog #blog-header-background {
  position: relative;
  height: 520px;
  width: 100%;
  background: url("../img/portal/blog/blog-bg01.svg") center center no-repeat #2b2f76;
  background-size: cover;
}
body.blog #blog-content, body.blog #blog-main {
  margin-bottom: 30px;
}
body.blog .box li, body.blog .box a {
  font-size: 14px;
}
body.blog .image-gallery-container .img-fluid {
  height: 150px;
  max-width: 100%;
  vertical-align: middle;
  border-style: none;
  cursor: pointer;
}
@media (max-width: 450px) {
  body.blog .image-gallery-container .col-xs-4 {
    width: 50% !important;
  }
}
body.blog .mfp-arrow:hover, body.blog .mfp-arrow:active, body.blog .mfp-close:hover, body.blog .mfp-close:active {
  background: none !important;
}

#header-background {
  position: relative;
  height: 620px;
  width: 100%;
  background: url("../img/portal/bukka3.jpg") center center no-repeat #f7e6dc;
}
#header-background.business {
  background: url("../img/dla-firm/tlo1-dla-salonow-oprogramowanie.jpg") no-repeat #f7e6dc;
  background-position-y: -665px;
  background-position-x: center;
  height: 600px;
}
#header-background.business #recepcja {
  position: relative;
  bottom: 315px;
  margin-left: 51%;
  z-index: 10;
  overflow: hidden;
  width: 567px;
}
#header-background.business #recepcja img {
  height: 600px;
}
#header-background.short {
  height: 90px;
  background: url("../img/portal/bukka-short.jpg") center center no-repeat #f7e6dc;
  margin-bottom: 15px;
  background-size: cover;
}
#header-background.short h1 {
  text-shadow: 1px 1px 4px #f7e6dc;
}
@media (max-width: 1200px) {
  #header-background.short h1 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  #header-background.short {
    margin-top: 75px;
  }
  #header-background.short h1 {
    font-size: 24px;
  }
}

#cms-content {
  margin-top: 25px;
}

#history-events {
  margin-top: 25px;
}

#when {
  z-index: 100;
  margin-top: 110px;
}
#when .bg-blue {
  background: rgb(38, 192, 240);
  padding-top: 15px;
  padding-bottom: 15px;
}
#when.short {
  margin-top: 30px;
}
#when.short .bg-blue {
  margin-left: 15px;
}

.salon-page #header-background {
  height: 400px;
  background-position: center bottom -50px;
}
.salon-page #when {
  margin-top: 0;
}
.salon-page #search {
  background: rgb(38, 192, 240);
  padding-top: 20px;
  padding-bottom: 14px;
  margin-top: -69px;
  margin-left: 0;
  margin-right: 0;
}
.salon-page #search #search_service {
  margin-bottom: 15px;
}
.salon-page h2 {
  color: #120e26;
  margin: 0 0 15px;
}
@media (min-width: 768px) {
  .salon-page .carousel-indicators {
    bottom: 120px;
  }
}

#when h1, #contact-form h1 {
  font-size: 48px;
  color: #2b2f76;
}
#when input, #when select, #when button, #contact-form input, #contact-form select, #contact-form button {
  font-size: 28px;
  font-family: "Gilroy ExtraBold", sans-serif;
}
@media (max-width: 500px) {
  #when input, #when select, #when button, #contact-form input, #contact-form select, #contact-form button {
    font-size: 22px;
  }
}
#when select, #contact-form select {
  background-image: url("../img/portal/select-arrow.png");
  background-position: center right 10px;
  background-repeat: no-repeat;
  color: #2b2f76;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
}
#when select.disabled, #contact-form select.disabled {
  color: rgb(38, 192, 240);
}
#when select.active, #contact-form select.active {
  color: #2b2f76;
}
#when select:not(disabled), #contact-form select:not(disabled) {
  cursor: pointer;
}
#when select option, #contact-form select option {
  color: #5d5c75;
  font-size: 16px;
  font-family: "Gilroy ExtraBold", sans-serif;
  background: #ffffff;
}
#when select > option:first-child, #contact-form select > option:first-child {
  color: #cbcbdb;
}
#when select optgroup, #contact-form select optgroup {
  background: #e7e7e7;
  color: rgb(33, 33, 33);
  font-size: 16px;
  font-family: "Gilroy ExtraBold", sans-serif;
}

.block {
  padding: 60px 0;
}
.block h2 {
  font-size: 48px;
  margin-top: 0;
  margin-bottom: 30px;
}
.block h3 {
  font-size: 32px;
}
@media (max-width: 767px) {
  .block h3 {
    margin-bottom: 30px;
  }
}
.block p {
  font-size: 26px;
  margin-bottom: 30px;
}

.small-block {
  padding: 15px 0;
}

.bg-blue-light {
  background: #59beed;
  color: #ffffff;
}

.bg-blue-dark {
  background: #2b2f76;
  color: #ffffff;
}

#bukka-pro .error, #bukka-pro .warning {
  padding-top: 30px;
}
#bukka-pro .message p {
  margin-bottom: 0;
}

#carousel {
  max-height: 100%;
}
#carousel .carousel-inner > .item > img {
  min-width: 100%;
  width: 1600px;
  height: 500px;
  object-fit: cover;
}
@media (min-width: 1400px) {
  #carousel .carousel-inner > .item > img {
    height: 600px;
  }
}

.display-as-button {
  height: 34px;
  line-height: 34px;
  color: #5d5c75;
  margin-left: 8px;
  margin-top: 4px;
}

.border-bottom-light {
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}

.fix-margin {
  margin-left: -2px;
}

#select2-search_service-container {
  font-family: "Gilroy ExtraBold", sans-serif;
  font-size: 32px;
  padding-left: 15px;
}

#selected-services-container .selected {
  margin-top: 15px;
  margin-right: 15px;
  background: #2b2f76;
  color: #ffffff;
  height: 60px;
  line-height: 60px;
  float: left;
  padding: 0 15px 0 10px;
  position: relative;
  font-family: "Gilroy ExtraBold", sans-serif;
  overflow: hidden;
  cursor: pointer;
}
#selected-services-container .selected span.fa {
  padding: 0 5px;
}
#selected-services-container .selected:hover {
  background: #ff2a00;
  color: #ffffff;
}

.main-small #selected-services-container .selected {
  margin-top: 0;
  margin-right: 15px;
  margin-bottom: 15px;
}
@media (max-width: 320px) {
  .main-small #selected-services-container .selected .text {
    font-size: 13px;
    line-height: 15px;
  }
}

#suggested-services-container {
  margin-bottom: 25px;
  padding: 0 45px;
}
#suggested-services-container h2 {
  margin-top: 10px;
  margin-right: 30px;
  margin-bottom: 10px;
  text-align: left;
}
#suggested-services-container h2, #suggested-services-container .suggested-services {
  float: left;
}
#suggested-services-container .service {
  margin-right: 15px;
  background: #2b2f76;
  color: #ffffff;
  height: 60px;
  line-height: 60px;
  float: left;
  padding: 0 15px 0 40px;
  position: relative;
  font-family: "Gilroy ExtraBold", sans-serif;
  overflow: hidden;
  cursor: pointer;
}
#suggested-services-container .service span.fa {
  padding: 0 5px;
}
#suggested-services-container .service:hover {
  background: #19a739;
  color: #ffffff;
}

footer {
  margin-top: 0;
  padding-top: 30px;
}
footer #footer-nav {
  color: #cbcbdb;
  font-size: 14px;
}
footer #footer-nav ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
footer #footer-nav ul li {
  padding-top: 10px;
  padding-bottom: 10px;
}
footer #footer-nav a {
  color: #59beed;
  font-family: "Gilroy ExtraBold", sans-serif;
}
footer #footer-nav a:hover, footer #footer-nav a:focus, footer #footer-nav a:active {
  color: #2b2f76;
}
footer #social-media {
  margin-top: 25px;
  padding: 8px;
  margin-bottom: 15px;
}
footer #social-media .middle {
  margin: 0 auto;
  text-align: center;
}
footer #social-media a {
  border-radius: 50px;
  font-size: 22px;
  line-height: 36px;
  background: #59beed;
  color: #ffffff;
  margin: 0 4px;
  width: 36px;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding-top: 1px;
}
footer #social-media a:hover, footer #social-media a:focus, footer #social-media a:active {
  background: #2b2f76;
}
footer #bukka-cities {
  font-size: 14px;
}
footer #copyright {
  font-size: 14px;
  color: #5d5c75;
}

.subpage #header-background h1 {
  margin-top: 25px;
  color: #2b2f76;
}
.subpage #header-background h1 small {
  margin-left: 15px;
}
.subpage footer {
  color: white;
  background: #2b2f76;
}
.subpage footer #footer-nav a {
  color: #ffffff;
}
.subpage footer #footer-nav a:hover, .subpage footer #footer-nav a:focus, .subpage footer #footer-nav a:active {
  color: rgb(38, 192, 240);
}
.subpage footer #social-media a {
  background: #ffffff;
  color: #2b2f76;
}
.subpage footer #social-media a:hover, .subpage footer #social-media a:focus, .subpage footer #social-media a:active {
  background: rgb(38, 192, 240);
  color: #ffffff;
}
.subpage #copyright {
  color: #e7e7e7;
}

.category-header {
  background: rgba(255, 255, 255, 0.5);
  padding: 8px 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.category-header:first-child {
  margin-top: 0;
}

#online {
  padding: 18px 0 36px;
  background: rgb(38, 192, 240);
  color: #ffffff;
  margin-top: 90px;
}
#online h3 {
  margin-bottom: 18px;
}
#online a {
  color: #ffffff;
}
#online a:hover, #online a:focus, #online a:active {
  color: #2b2f76;
}
/* SEARCH RESULTS */
#salon_id:disabled {
  background: #ffffff;
}

#results {
  margin-top: 18px;
}
#results .alert {
  margin-top: 4px;
  margin-bottom: 0;
}

#reservation-container {
  padding-top: 18px;
  padding-bottom: 36px;
  color: #ffffff;
}
#reservation-container h3 {
  margin: 10px 0 20px;
  text-align: center;
  font-weight: 300;
  color: #120e26;
}
#reservation-container .salon-users {
  position: relative;
  top: auto;
  right: auto;
}
#reservation-container .salon-users .result-user {
  float: none;
  margin: 0 auto 5px;
}
#reservation-container .no-results {
  padding-top: 20px;
  padding-bottom: 10px;
}
#reservation-container .no-results p:first-child {
  margin-bottom: 20px;
}
#reservation-container .no-results .font-large {
  font-size: 32px;
  line-height: 36px;
}

#show-if-empty #reservation-container {
  padding-top: 8px;
  padding-bottom: 8px;
}

#salons {
  margin-top: 15px;
}
#salons .salon-details {
  background: rgba(0, 0, 0, 0.6);
}

.reservation-slot, .reservation-header {
  min-height: 30px;
  float: left;
  margin-bottom: 1px;
}
.reservation-slot .form-control, .reservation-header .form-control {
  height: 30px;
}

.reservation-header {
  text-align: center;
  margin-bottom: 7px;
  color: #ffffff;
  font-family: "Gilroy ExtraBold", sans-serif;
}
.reservation-header:hover, .reservation-header:focus, .reservation-header:active {
  color: #ffffff;
}
.reservation-header .reservation-line {
  position: relative;
  top: -60px;
  height: 3px;
  background: rgba(247, 255, 250, 0.15);
  width: 100%;
}

.reservation-header[data-action=change-user]:hover {
  cursor: pointer;
}
.reservation-header[data-action=change-user]:hover .result-user {
  background: rgb(38, 192, 240);
}
.reservation-header[data-action=change-user]:hover .result-user .letter {
  color: #ffffff;
}
.reservation-header[data-action=change-user]:hover .result-user .image-mask {
  border-color: transparent !important;
}

.reservation-slot .reservation-btn {
  color: #2b2f76;
  font-size: 16px;
  padding-top: 5px;
}

.date-navigation .reservation-all {
  padding: 17px 12px 17px;
  font-size: 16px;
  top: -12px;
}
.date-navigation .reservation-all .fa {
  top: 12px !important;
}
.date-navigation .reservation-all.cancel-reservation {
  top: 0;
}
.date-navigation .reservation-btn {
  height: auto;
}
.date-navigation .reservation-btn.active {
  background: #2b2f76;
  cursor: auto;
  color: #ffffff;
  top: -7px;
  margin-bottom: -7px;
  padding-bottom: 9px;
  padding-top: 10px;
  font-size: 16px;
  position: relative;
}
.date-navigation .reservation-btn.active:hover, .date-navigation .reservation-btn.active:active, .date-navigation .reservation-btn.active:focus {
  background: #2b2f76 !important;
  color: #ffffff !important;
}
.date-navigation .form-control {
  font-size: 16px;
}

.salon-container .social-buttons-absolute {
  position: absolute;
  right: 35px;
  top: 10px;
  z-index: 3;
}

.salon-row:first-child .salon > div {
  margin-top: 18px;
}
.salon-row:first-child .social-buttons-absolute {
  top: 27px;
}

.salon > div {
  margin-bottom: 18px;
  overflow: hidden;
  background: #f9fdff;
  border-right: 3px solid rgb(38, 192, 240);
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.salon .result-salon {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .salon .result-salon + .result-salon {
    margin-top: 0;
  }
}
.salon .salon-content {
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.salon .line {
  height: 4px;
  background: #BDE9FB;
  position: relative;
}
.salon .line:after {
  content: " ";
  position: absolute;
  left: -100%;
  background: rgb(38, 192, 240);
  height: 4px;
  width: 100%;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.salon-info {
  position: absolute;
  color: #5d5c75;
  z-index: 99;
}
.salon-info h1 {
  color: #2b2f76;
}

a.salon:hover > div {
  border-right-color: #2b2f76;
}
a.salon:hover .btn-white {
  background: #ffffff;
  border-color: #2b2f76;
  color: #2b2f76;
}
a.salon:hover .line:after {
  left: 0;
}
a.salon .result-salon {
  background-color: #f9fdff;
}

.result-salon {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #2b2f76;
}
.result-salon.confirmation {
  background-color: #19a739;
}
.result-salon.background {
  min-height: 225px;
}
.result-salon.default-background {
  background-image: url("../img/portal/default-salon-bg-3.png");
}
.result-salon.salon-content {
  position: relative;
  z-index: 2;
}
.result-salon p {
  margin-bottom: 0;
  line-height: 20px;
}
.result-salon .salon-details {
  color: #5d5c75;
}
.result-salon .salon-details h2 {
  font-size: 32px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
  color: #120e26;
}
.result-salon .salon-details p {
  font-family: "Gilroy ExtraBold", sans-serif;
  font-size: 14px;
}
.result-salon .salon-details p.location {
  font-family: "Gilroy Light", sans-serif;
  margin-bottom: 5px;
}
.result-salon .salon-details p.location .fa-map-marker {
  color: rgb(38, 192, 240);
}
.result-salon .salon-details .facilities {
  margin-bottom: 3px;
}
.result-salon .reservation-details {
  bottom: 0;
  width: 100%;
  padding: 15px;
  font-size: 14px;
}
.result-salon .reservation-details strong {
  font-size: 16px;
}
.result-salon .reservation-details h1 {
  margin: 0 0 15px 0;
}
.result-salon .reservation-details .price {
  font-size: 56px;
  font-weight: bold;
  text-align: center;
  margin-bottom: -10px;
  padding-right: 0;
}
.result-salon .reservation-details .price .prepayment {
  font-size: 14px;
  background: red;
  color: white;
  padding: 10px;
  margin-right: 15px;
}
.result-salon .reservation-details .description {
  padding-left: 0;
  padding-right: 15px;
}
.result-salon .reservation-details .notes {
  margin-top: 10px;
}
.result-salon .reservation-details .notes p {
  padding-bottom: 5px;
}
.result-salon .reservation-details .alert {
  border-radius: 0;
  margin-top: -15px !important;
  margin-bottom: 15px !important;
}
.result-salon .reservation-details .alert-danger {
  color: #ffffff;
  background: #ff2a00;
  border-color: #ff2a00;
}
.result-salon .user-image-container {
  padding-right: 0;
}
.result-salon .salon-users {
  position: absolute;
  right: 10px;
  top: 77px;
}
.result-salon .salon-users .change-user {
  cursor: pointer;
}
.result-salon .salon-users .result-user {
  height: 64px;
  width: 64px;
  float: left;
  background: #ffffff;
  margin: 0 5px;
  border-radius: 50%;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: relative;
  z-index: 1;
}
.result-salon .salon-users .result-user img {
  border-radius: 50%;
  padding: 3px;
}
.result-salon .salon-users .result-user .letter {
  text-align: center;
  line-height: 66px;
  font-size: 36px;
  color: rgb(38, 192, 240);
  font-family: "Gilroy ExtraBold", sans-serif;
}
.result-salon .salon-users .result-user .image-mask {
  height: 64px;
  width: 64px;
  display: block;
  position: absolute;
  top: 0;
  border: 2px solid white;
  border-radius: 50%;
}
.result-salon .salon-users .result-user.selected img {
  background: #BDE9FB;
}
.result-salon .salon-users .result-user.selected .image-mask {
  border: 3px solid #BDE9FB;
}
.result-salon .salon-users.users-large {
  top: 25px;
  right: 25px;
}
.result-salon .salon-users.users-large .result-user {
  height: 100px;
  width: 100px;
  margin-top: 10px !important;
}
.result-salon .salon-users.users-large .result-user .image-mask {
  height: 100px;
  width: 100px;
  border: 5px solid #ffffff;
}
.result-salon .salon-users.users-large .result-user .letter {
  line-height: 100px;
  font-size: 64px;
}

.result-salon.reservation-confirmed .reservation-details {
  color: #3c763d;
  background: #dff0d8;
}

.layer {
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(38, 192, 240, 0.1);
  position: absolute;
  clear: both;
  z-index: 1;
  top: 0;
  left: 0;
}

.modal button, .modal button.reservation-btn, .modal button.btn-primary {
  background: #ffffff;
  color: #5d5c75;
}

button, button.reservation-btn, button.btn-primary {
  border: 0;
  box-shadow: none;
  font-family: "Gilroy ExtraBold", sans-serif;
}

.form-xxl button.reservation-btn, .form-xxl button.btn-primary {
  border: 0;
}

.reservation-details .reservation-btn {
  font-family: "Gilroy ExtraBold", sans-serif;
  font-size: 22px;
}
.reservation-details .reservation-btn:hover, .reservation-details .reservation-btn:focus, .reservation-details .reservation-btn:active {
  color: #ffffff;
  background: rgb(38, 192, 240);
}

.slot-info-preview {
  box-shadow: none;
  font-family: "Gilroy ExtraBold", sans-serif;
  background-color: #2b2f76;
  color: #ffffff;
  font-size: 16px;
  padding-top: 5px;
  height: 30px;
  text-align: center;
  border: 1px solid #ffffff;
}

.form-xxl .btn-white {
  background-color: #ffffff;
  color: rgb(38, 192, 240);
  border: 1px solid #BDE9FB;
}
.form-xxl .btn-white:hover, .form-xxl .btn-white:focus, .form-xxl .btn-white:active {
  background-color: #ffffff;
  color: #2b2f76;
  border-color: #2b2f76;
}

.btn {
  height: 34px;
  padding: 6px 12px;
  border-radius: 0;
}

button:hover:enabled, button:focus, button:active, .btn.focus, .btn:focus, .btn:hover,
button.reservation-btn:hover:enabled, button.reservation-btn:focus, button.reservation-btn:active {
  background: rgb(38, 192, 240);
  color: #ffffff;
}

button.btn-default, a.btn-default {
  background: #cbcbdb;
  color: #ffffff;
}

button.btn-default:hover, button.btn-default:focus, button.btn-default:active, a.btn-default:hover, a.btn-default:focus, a.btn-default:active {
  background: #5d5c75;
}

button.cancel {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

button.cancel:hover, button.cancel:focus, button.cancel:active {
  background: #ff2a00;
  color: #ffffff;
  border: 1px solid #ffffff !important;
}

button.reservation-btn.reserve {
  background: rgb(38, 192, 240);
  color: #ffffff;
}
button.reservation-btn.reserve:hover, button.reservation-btn.reserve:focus, button.reservation-btn.reserve:active {
  background: #19a739;
}
@media (max-width: 365px) {
  button.reservation-btn.reserve {
    line-height: 30px;
  }
}

button.btn-primary:hover:enabled {
  background: #2b2f76;
  color: #ffffff;
}

button.close:hover {
  background: transparent;
  color: #000;
  opacity: 0.8;
}

button.btn-clean {
  background: transparent;
  color: rgb(38, 192, 240);
  padding: 6px 12px;
  background: #ffffff;
  margin-top: 20px;
}
button.btn-clean:hover, button.btn-clean:focus, button.btn-clean:active {
  color: #ffffff;
  background: rgb(38, 192, 240);
}

#sidebar button:hover:enabled, #sidebar button:focus, #sidebar button:active {
  background: #2b2f76;
  color: #ffffff;
}

a.salon:hover button.reservation-btn {
  transition: all 0.1s;
  -ms-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
}

.date-navigation button.reservation-btn {
  color: rgb(38, 192, 240);
  background: #ffffff;
  position: relative;
}
.date-navigation button.reservation-btn .fa {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 32px;
}
.date-navigation button.reservation-btn .fa.fa-chevron-right {
  left: inherit;
  right: 10px;
}
.date-navigation button.reservation-btn:hover:enabled {
  color: #2b2f76;
  background: #ffffff;
}
.date-navigation .form-control[disabled] {
  color: #BDE9FB;
  background: #ffffff;
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-15 {
  margin-top: 15px;
}

#search-slot-form h2 {
  color: #ffffff;
}

.bg-slider-content {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 15px;
}
.bg-slider-content h1 {
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 15px;
}
.bg-slider-content p {
  margin: 0;
}
.bg-slider-content p.location .fa-map-marker {
  color: rgb(38, 192, 240);
}
.bg-slider-content .add-salon-to-fav, .bg-slider-content .share {
  top: 0;
  right: 12px;
}
.bg-slider-content .add-salon-to-fav {
  right: 32px;
}

.carousel .carousel-indicators {
  bottom: 0;
}
.carousel .carousel-indicators li {
  background-color: #ffffff;
  border-color: #cbcbdb;
  border-radius: 50%;
}
.carousel .carousel-indicators .active {
  background-color: rgb(38, 192, 240);
  border-color: rgb(38, 192, 240);
}
.carousel.reservation .carousel-indicators {
  bottom: 120px;
}
.carousel.slides-1 .carousel-indicators {
  display: none;
}
.carousel.slides-1 .carousel-control {
  display: none;
}

/* COOKIES */
#cookies {
  color: #ffffff;
  background: #2b2f76;
  position: fixed;
  bottom: 0;
  padding-top: 15px;
  text-align: left;
  width: 100%;
  font-size: 16px;
  z-index: 102;
  font-family: "Gilroy ExtraBold", sans-serif;
}
#cookies a {
  color: #ffffff;
}
#cookies a:hover {
  color: rgb(38, 192, 240);
}
#cookies .close {
  opacity: 1;
  text-shadow: none;
  color: #ffffff;
  font-size: 32px;
  top: -6px;
  position: relative;
}
#cookies .close:hover {
  color: rgb(38, 192, 240);
}

/* PRETTY SECTIONS */
.list-item {
  margin-bottom: 15px;
}
.list-item span {
  height: 60px;
  width: 60px;
  text-align: center;
  background: #cbcbdb;
  color: #ffffff;
  line-height: 60px;
  margin-right: 10px;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

.list-hover:hover span, .list-hover:focus span, .list-hover:active span {
  background: #5d5c75;
}

.pretty-section .list-item .fa {
  font-family: "Gilroy ExtraBold", sans-serif;
}
.pretty-section .list-item .fa:before {
  font-family: "FontAwesome", sans-serif;
}

#map {
  height: 450px;
}

.checkbox, .radio {
  margin-bottom: 0;
  margin-top: 0;
}
.checkbox label, .radio label {
  cursor: inherit;
}

#overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9998;
}

#loading {
  width: 50px;
  height: 57px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -28px 0 0 -25px;
  color: #ffffff;
}

.help {
  cursor: help;
}

/* MEDIA */
@media (min-width: 768px) {
  .modal-dialog {
    width: 550px;
  }
  .modal-lg {
    width: 650px;
  }
  .padding-md-left-8 {
    padding-left: 8px;
  }
  .padding-md-right-8 {
    padding-right: 8px;
  }
}
.add-salon-to-fav, .share {
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 1;
  cursor: pointer;
}
.add-salon-to-fav .fa, .share .fa {
  top: -3px;
  position: relative;
  z-index: 2;
  color: #cbcbdb;
  padding: 5px;
}
.add-salon-to-fav .fa:hover, .add-salon-to-fav .fa:focus, .add-salon-to-fav .fa:active, .share .fa:hover, .share .fa:focus, .share .fa:active {
  color: #c312c0;
}
.add-salon-to-fav.active .fa, .share.active .fa {
  color: #c312c0;
}

.share {
  right: -8px;
}
.share .fa:hover, .share .fa:focus, .share .fa:active {
  color: #2b2f76;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
  color: #ff2a00 !important;
}

.has-warning .form-control {
  border-color: rgb(162, 51, 51) !important;
}

.has-warning .g-recaptcha {
  border: 1px solid rgb(162, 51, 51) !important;
}

.panel {
  border-radius: 0;
}
.panel .panel-body p:last-child {
  margin-bottom: 0;
}

button.bg-orange {
  background: #ff8f00;
}
button.bg-orange:hover, button.bg-orange:focus, button.bg-orange:active {
  background: #693b03 !important;
}

/* NEW */
.bg-gray {
  background-color: #cbcbdb;
  color: #ffffff;
}
.bg-gray:hover, .bg-gray:focus, .bg-gray:active {
  background-color: #5d5c75;
}

.bg-icon {
  background-color: #cbcbdb;
  color: #ffffff;
}
.bg-icon:hover, .bg-icon:focus, .bg-icon:active {
  background-color: #9798b9;
}

.block-icon {
  height: 30px;
  width: 30px;
  text-align: center;
  padding-top: 6px;
  float: left;
  margin-right: 1px;
  margin-bottom: 1px;
}

address {
  margin-bottom: 0;
}

.salon-details .now {
  position: relative;
  font-family: "Gilroy ExtraBold", sans-serif;
}
.salon-details .now + .now {
  margin-left: 5px;
}
.salon-details .closed {
  color: #ff2a00;
}
.salon-details .open {
  color: #19a739;
}
.salon-details .today {
  font-family: "Gilroy Light", sans-serif;
}
.salon-details.fa-map-marker {
  font-size: 32px;
  color: rgb(38, 192, 240);
  padding-top: 0;
}
.salon-details .bg-slider-content {
  font-size: 14px;
}
.salon-details .bg-slider-content h1 {
  font-size: 32px;
  color: #120e26;
}
.salon-details .icons {
  top: -25px;
}
@media (max-width: 767px) {
  .salon-details .icons {
    top: -15px;
  }
}

div.outer-div.selected {
  padding-left: 40px !important;
}
div.outer-div.list-item {
  height: 60px;
  padding-left: 80px;
}
div.outer-div div.middle-div {
  line-height: 18px;
  position: relative;
  top: 50%;
  float: left;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.outer-div div.middle-div.icon {
  position: absolute;
  left: 10px;
}
.menu-toggle-btn {
  margin: 0;
  padding: 15px;
  cursor: pointer;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 5px;
  z-index: 2;
  top: 10px;
}
.menu-toggle-btn span {
  background: rgb(38, 192, 240);
  display: block;
  width: 30px;
  height: 4px;
  border-radius: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.3s linear;
}
.menu-toggle-btn.open span:nth-child(1), .menu-toggle-btn.open span:nth-child(3) {
  transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
  margin: 0;
}
.menu-toggle-btn.open span:nth-child(2) {
  height: 0;
  margin: 0;
}
.menu-toggle-btn.open span:nth-child(3) {
  transform: translate(0px, 9px) rotate(45deg) scalex(1.3);
}

.close {
  font-size: 34px;
}

#share-content {
  background: #ffffff;
  color: rgb(33, 33, 33);
  text-align: center;
  border: 1px solid #e5e5e5;
  padding: 15px 12px;
  margin-top: 15px;
  width: 100%;
  font-family: "Gilroy ExtraBold", sans-serif;
}

.social-buttons .social-button-share {
  display: block;
  margin-bottom: 20px;
  width: 100%;
  padding: 12px;
  margin-top: 10px;
  color: #ffffff;
  opacity: 0.75;
}
.social-buttons .social-button-share.facebook {
  background: #3b5998;
}
.social-buttons .social-button-share.twitter {
  background: #55acee;
}
.social-buttons .social-button-share.google-plus {
  background: #d34836;
}
.social-buttons .social-button-share:hover {
  opacity: 1;
}
.social-buttons .social-button-share:last-child {
  margin-bottom: 0;
}

tr.header:hover {
  color: rgb(33, 33, 33) !important;
  background: transparent !important;
}
tr.header h3 {
  margin-bottom: 0;
}

tr.header2 {
  background: #e8f5fb;
  color: rgb(38, 192, 240);
}
tr.header2:hover {
  background: #e8f5fb !important;
  color: rgb(38, 192, 240) !important;
}

.table-prices > tbody > tr > td:first-child {
  padding: 8px 8px 8px 8px;
}
@media (max-width: 767px) {
  .table-prices > tbody > tr > td:first-child {
    max-width: 180px;
  }
}
.table-prices > tbody > tr:not(.header):hover {
  background: rgba(203, 203, 219, 0.2) !important;
  color: #2b2f76 !important;
}
.table-prices > tbody > tr.header > td {
  padding: 15px 10px;
}
.table-prices > tbody > tr > td {
  border-top: 1px solid #bfe6f8;
}
.table-prices > tbody .service-description {
  font-size: 13px;
  margin-bottom: 0;
}
.table-prices > tbody .price {
  min-width: 125px;
}
.table-prices > tbody > tr.header2 {
  cursor: pointer;
  position: relative;
}
.table-prices > tbody > tr.header2 .fa {
  float: right;
  margin-top: 4px;
}
.table-prices > tbody > tr.header2 .fa-caret-up {
  display: none;
}
.table-prices > tbody > tr.header2:hover, .table-prices > tbody > tr.header2.open {
  background: rgb(38, 192, 240) !important;
  color: #ffffff !important;
}
.table-prices > tbody > tr.header2.open .fa-caret-up {
  display: block;
}
.table-prices > tbody > tr.header2.open .fa-caret-down {
  display: none;
}

.ui-pnotify .ui-pnotify-closer[style] {
  display: block !important;
  visibility: visible !important;
}
.ui-pnotify .alert {
  border-radius: 0;
  border: 1px solid #ffffff;
}
.ui-pnotify .alert h4 {
  margin-top: 1px;
  font-size: 24px;
}
.ui-pnotify .alert .ui-pnotify-closer {
  font-size: 28px;
}
.ui-pnotify .alert .ui-pnotify-icon {
  display: none;
}
.ui-pnotify .alert .ui-pnotify-text {
  font-size: 16px;
}
.ui-pnotify .alert-info {
  background: rgb(38, 192, 240);
  color: #ffffff;
}
.ui-pnotify .alert-warning {
  background: #ff8f00;
  color: #ffffff;
}
.ui-pnotify .alert-success {
  background: #19a739;
  color: #ffffff;
}
.ui-pnotify .alert-danger, .ui-pnotify .alert-error {
  background: #ff2a00;
  color: #ffffff;
}

@media (max-width: 991px) {
  .salon-container .social-buttons-absolute {
    top: 235px;
  }
  .salon-row:first-child .social-buttons-absolute {
    top: 253px;
  }
  .salon > div {
    border-right: 0;
  }
  .salon .salon-content {
    border-right: 0;
    border-bottom: 3px solid rgb(38, 192, 240);
  }
  .salon:hover .salon-content {
    border-color: #2b2f76;
  }
  .result-salon .salon-details h2 {
    margin-right: 50px;
  }
}
@media (min-width: 768px) {
  .ui-pnotify[style] {
    width: 350px !important;
  }
  .top-menu[style] {
    display: block !important;
  }
}
@media (max-width: 767px) {
  #carousel {
    min-height: 320px;
  }
  #carousel .carousel-inner > .item > img {
    max-width: inherit;
  }
  #show-if-empty {
    font-size: 14px;
  }
  #when input, #when select, #when button, #contact-form input, #contact-form select, #contact-form button {
    font-size: 24px;
  }
  #when h2 {
    font-size: 24px;
  }
  .margin-sm-bottom-10 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .top-menu {
    display: none;
  }
  .ui-pnotify .alert {
    border: 0;
    border-bottom: 1px solid #ffffff;
  }
  main {
    padding-top: 0;
  }
  #selected-services-container {
    margin-left: 0;
    margin-right: 0;
  }
  .date-navigation {
    padding-left: 0;
    padding-right: 0;
  }
  .container-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .salon-info {
    left: 0;
    max-width: 95%;
  }
  .salon-info .bg-slider-content {
    margin-left: 0;
  }
  header {
    padding-top: 15px;
    padding-bottom: 0;
    min-height: 80px !important;
  }
  header .logo {
    margin: 0 auto 10px;
    padding-left: 15px;
  }
  header .top-menu {
    text-align: center;
    margin-bottom: 15px;
  }
  .margin-xs-bottom-5 {
    margin-bottom: 5px;
  }
  #map {
    margin-left: 15px;
    margin-right: 15px;
  }
  .salon-page .pretty-section h2 {
    font-size: 32px;
    margin: 30px 0;
  }
  .salon-page .pretty-section h2.confirmation {
    margin-top: 0;
  }
  .reservation-slot button {
    padding-left: 0;
    padding-right: 0;
  }
  .reservation-slot .available {
    padding-left: 5px;
    padding-right: 5px;
  }
  .block-icon {
    height: 28px;
    width: 28px;
    padding-top: 4px;
  }
  .result-salon .salon-users, .result-salon .salon-users.users-large {
    top: 120px;
    margin-bottom: 30px;
  }
  .result-salon .reservation-details h1 {
    font-size: 22px;
    margin-left: -15px;
    margin-right: 15px;
  }
  .cancel-reservation {
    margin-bottom: 15px;
  }
}
@media (max-width: 870px) {
  .padding-sp {
    padding: 15px 0;
  }
  .hide-sp {
    display: none;
  }
  #header-background img.min-height {
    min-height: 350px;
  }
  #header-background .bottom {
    position: relative;
  }
  #header-background .bottom .container {
    width: auto;
    margin-left: -30px;
    margin-right: -30px;
  }
  #header-background .bottom .container .background {
    background: rgba(0, 0, 0, 0.8);
    margin-top: -120px;
  }
  .cover-bg {
    display: none;
  }
}
@media (max-width: 1020px) {
  .container-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .container {
    width: auto;
  }
  #carousel .carousel-inner > .item > img {
    height: 420px;
    object-fit: cover;
  }
}
@media (max-width: 530px) {
  header .top-menu {
    padding-bottom: 0;
  }
  header .top-menu a {
    width: 100%;
    text-align: center;
    padding: 10px;
  }
  #carousel .carousel-inner > .item > img {
    height: 420px;
    object-fit: cover;
  }
  .date-navigation .reservation-all {
    padding-top: 12px;
    padding-bottom: 0;
  }
  .date-navigation .reservation-all.long {
    padding-top: 2px;
    padding-bottom: 8px;
  }
}
@media (max-width: 460px) {
  #when {
    margin-top: 140px;
  }
  #when input, #when select, #when button, #contact-form input, #contact-form select, #contact-form button {
    font-size: 20px;
  }
}
/* Fix iOS scrolling inside bootstrap modals (using iframe) */
.modal-content,
.modal-dialog {
  height: inherit;
  min-height: 100%;
}

.modal-body {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto !important;
  height: inherit;
  min-height: 100%;
}

.modal {
  min-height: 100%;
}

body.modal-open > main {
  overflow: hidden;
  height: 100%;
}

/* Fix iOS scrolling inside bootstrap modals (using iframe). */
/* FITLERS */
.ig-xpro2 {
  -webkit-filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg);
  filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg);
}

.ig-willow {
  -webkit-filter: saturate(0.02) contrast(0.85) brightness(1.2) sepia(0.02);
  filter: saturate(0.02) contrast(0.85) brightness(1.2) sepia(0.02);
}

.ig-walden {
  -webkit-filter: sepia(0.35) contrast(0.9) brightness(1.1) hue-rotate(-10deg) saturate(1.5);
  filter: sepia(0.35) contrast(0.9) brightness(1.1) hue-rotate(-10deg) saturate(1.5);
}

.ig-valencia {
  -webkit-filter: sepia(0.15) saturate(1.5) contrast(0.9);
  filter: sepia(0.15) saturate(1.5) contrast(0.9);
}

.ig-toaster {
  -webkit-filter: sepia(0.4) saturate(2.5) hue-rotate(-30deg) contrast(0.67);
  -filter: sepia(0.4) saturate(2.5) hue-rotate(-30deg) contrast(0.67);
}

.ig-sutro {
  -webkit-filter: brightness(0.75) contrast(1.3) sepia(0.5) hue-rotate(-25deg);
  filter: brightness(0.75) contrast(1.3) sepia(0.5) hue-rotate(-25deg);
}

.ig-sierra {
  -webkit-filter: contrast(0.8) saturate(1.2) sepia(0.15);
  filter: contrast(0.8) saturate(1.2) sepia(0.15);
}

.ig-rise {
  -webkit-filter: saturate(1.4) sepia(0.25) hue-rotate(-15deg) contrast(0.8) brightness(1.1);
  filter: saturate(1.4) sepia(0.25) hue-rotate(-15deg) contrast(0.8) brightness(1.1);
}

.ig-nashville {
  -webkit-filter: sepia(0.4) saturate(1.5) contrast(0.9) brightness(1.1) hue-rotate(-15deg);
  filter: sepia(0.4) saturate(1.5) contrast(0.9) brightness(1.1) hue-rotate(-15deg);
}

.ig-mayfair {
  -webkit-filter: saturate(1.4) contrast(1.1);
  filter: saturate(1.4) contrast(1.1);
}

.ig-lofi {
  filter: contrast(1.4) brightness(0.9) sepia(0.05);
  -webkit-filter: contrast(1.4) brightness(0.9) sepia(0.05);
}

.ig-kelvin {
  filter: sepia(0.4) saturate(2.4) brightness(1.3) contrast(1);
  -webkit-filter: sepia(0.4) saturate(2.4) brightness(1.3) contrast(1);
}

.ig-inkwell {
  -webkit-filter: grayscale(1) brightness(1.2) contrast(1.05);
  filter: grayscale(1) brightness(1.2) contrast(1.05);
}

.ig-hudson {
  -webkit-filter: contrast(1.2) brightness(0.9) hue-rotate(-10deg);
  filter: contrast(1.2) brightness(0.9) hue-rotate(-10deg);
}

.hefe {
  -webkit-filter: contrast(1.3) sepia(0.3) saturate(1.3) hue-rotate(-10deg) brightness(0.95);
  filter: contrast(1.3) sepia(0.3) saturate(1.3) hue-rotate(-10deg) brightness(0.95);
}

.ig-earlybird {
  -webkit-filter: sepia(0.4) saturate(1.6) contrast(1.1) brightness(0.9) hue-rotate(-10deg);
  filter: sepia(0.4) saturate(1.6) contrast(1.1) brightness(0.9) hue-rotate(-10deg);
}

.ig-brannan {
  -webkit-filter: sepia(0.5) contrast(1.4);
  filter: sepia(0.5) contrast(1.4);
}

.ig-amaro {
  -webkit-filter: hue-rotate(-10deg) contrast(0.9) brightness(1.1) saturate(1.5);
  filter: hue-rotate(-10deg) contrast(0.9) brightness(1.1) saturate(1.5);
}

.ig-1977 {
  -webkit-filter: sepia(0.5) hue-rotate(-30deg) saturate(1.2) contrast(0.8);
  filter: sepia(0.5) hue-rotate(-30deg) saturate(1.2) contrast(0.8);
}

/* OVERRIDES */
.btn-primary {
  background: rgb(38, 192, 240);
  border: 0;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #2b2f76;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  height: auto;
}

.cities-links {
  margin-top: 20px;
}

.line-through {
  text-decoration: line-through;
}

.promotion {
  color: #ff2a00;
}

.scrollable {
  overflow: auto;
  height: 100%;
}

/* WYBÓR MIASTA */
.select2-selection__placeholder {
  color: #2b2f76 !important;
}

div.select .select2-container, div.select-subpage .select2-container {
  width: 100% !important;
}
div.select .select2-selection__arrow, div.select-subpage .select2-selection__arrow {
  display: none;
}
div.select #select2-city_id-container, div.select-subpage #select2-city_id-container {
  color: #26c0f0;
  background-image: url(../img/portal/select-arrow.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  font-size: 28px;
  font-family: "Gilroy ExtraBold", sans-serif;
}

div.select #select2-city_id-container {
  line-height: 90px;
  height: 90px;
  padding-right: 15px;
  padding-left: 30px;
}
div.select .select2-selection--single {
  height: 90px !important;
}

div.select-subpage #select2-city_id-container {
  line-height: 60px;
  height: 60px;
  padding-right: 12px;
  padding-left: 12px;
}
div.select-subpage .select2-selection--single {
  height: 60px !important;
}

#select2-city_id-results li.select2-results__option {
  padding-left: 30px;
  padding-right: 30px;
}
#select2-city_id-results .select2-results__option--highlighted[aria-selected] {
  background-color: #26c0f0;
}

#latest-city-container {
  margin-top: 10px;
}

.btn-clear-select {
  float: right;
  font-size: 12px;
  font-family: "Gilroy Light", sans-serif;
}

.no-results-info {
  text-align: center;
  background-color: #f9fdff;
  padding: 20px 10px 20px 10px;
  color: #2b2f76;
}

/* kategorie na stronie glownej */
.box {
  width: 100%;
  margin-top: 10px;
  position: relative;
  display: inline-block;
}
.box .overlay {
  display: none;
}

.box:hover .overlay {
  display: flex;
  position: absolute;
  width: 100%;
  background: rgba(195, 18, 192, 0.5);
  z-index: 9;
  height: 100%;
  content: " ";
}
.box:hover h2 {
  color: #59beed !important;
}

.box > img {
  width: 100%;
}

.box > h2 {
  position: absolute;
  z-index: 10;
  color: white;
  font-size: 32px;
  bottom: 0;
  margin-bottom: 0px;
  text-align: left;
  margin-right: 0px;
  background: #2b2f76;
  padding: 10px 32px 2px 2px;
}

.box * { /* hack */
  position: relative;
}

/* kategorie na stronie glownej. */
@media (max-width: 767px) {
  .affix {
    position: static;
  }
}

.btn-favourite.active .add {
  display: none;
}
.btn-favourite.active .remove {
  display: inherit;
}

.btn-favourite {
  border: 1px solid #c312c0;
  color: #c312c0;
  background: transparent;
  box-shadow: none !important;
  margin-bottom: 15px;
  margin-top: -15px;
}
.btn-favourite .add {
  display: inherit;
}
.btn-favourite .remove {
  display: none;
}

.btn-favourite:active, .btn-favourite:focus, .btn-favourite:visited, .btn-favourite:hover {
  border: 1px solid #2b2f76;
  color: #2b2f76;
  box-shadow: none !important;
  background: transparent;
}

#modal-map .modal-dialog {
  width: 98%;
}
#modal-map .modal-body {
  padding: 0 !important;
  height: calc(100% - 120px);
}

.sort-disabled {
  color: #5d5c75;
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

.loyalty-points {
  font-size: 32px;
  font-family: "Gilroy ExtraBold";
}

#privacy-settings label {
  font-family: "Gilroy Light";
  font-size: 13px;
}
#privacy-settings label .line {
  top: 4px;
  position: relative;
}
#privacy-settings .checkbox {
  margin-right: 5px;
}
#privacy-settings .agrees {
  font-family: "Gilroy Light";
  font-size: 13px;
}
#privacy-settings .btn-special {
  white-space: normal;
  height: auto;
  display: inline-block;
}

.reviews .blockquote {
  background: #f8f9fb;
  border-left-color: #cbcbdb;
}
.reviews .blockquote .services {
  font-size: 80%;
}
.reviews .blockquote .content {
  font-size: 80%;
  font-family: "Georgia", sans-serif;
  font-style: italic;
  color: #2b2f76;
  margin: 5px 0 5px 0;
}
.reviews .blockquote-reverse {
  margin-top: -20px;
  background: #cbcbdb;
  border-right-color: #f8f9fb;
  color: #ffffff;
}
.reviews .blockquote-reverse .content {
  color: #ffffff;
}
.reviews .blockquote-reverse footer {
  color: #ffffff;
}
.reviews .show-comment .blockquote {
  border-left-color: #2b2f76;
}
.reviews .show-comment .blockquote-reverse {
  background: #2b2f76;
}
.reviews .bukka-face img {
  border-radius: 50%;
  background: white;
}
.reviews .wrap {
  display: flex;
  justify-content: left;
}
.reviews .wrap .inner {
  align-self: center;
}
.reviews footer {
  margin-top: 0;
  background: transparent;
  color: rgb(33, 33, 33);
  padding-top: 0;
}

.rating {
  border: none;
  margin: 0 auto;
  width: 102px;
}

.rating > input {
  display: none;
}

.rating > label:before {
  margin: 2px;
  font-size: 1em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #ddd;
  float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating.on > input:checked ~ label,
.rating.on:not(:checked) > label:hover,
.rating.on:not(:checked) > label:hover ~ label,
.rating label.active {
  color: #59beed;
} /* hover previous stars in list */
.rating.on > input:checked + label:hover,
.rating.on > input:checked ~ label:hover,
.rating.on > label:hover ~ input:checked ~ label,
.rating.on > input:checked ~ label:hover ~ label {
  color: rgba(89, 190, 237, 0.6);
}

.button-confirmation .rating {
  width: 206px;
  font-size: 40px;
}
.button-confirmation fieldset {
  margin-bottom: 15px !important;
}
.button-confirmation legend {
  font-size: 16px;
  margin-bottom: 0;
  border: 0;
  font-family: "Gilroy ExtraBold", sans-serif;
}
.button-confirmation p {
  margin-bottom: 5px;
}
.button-confirmation input[type=radio] {
  cursor: pointer;
}
.button-confirmation .popover {
  min-width: 220px !important;
}

.salon-rating .rating, .user-rating .rating {
  width: 215px;
  font-size: 42px;
}

a .salon-rating {
  color: rgb(33, 33, 33);
}
a .salon-rating label {
  cursor: pointer;
}
a .user-rating {
  color: #ffffff;
}
a .user-rating label {
  cursor: pointer;
}
a .user-rating .rating {
  margin-top: 14px;
  font-size: 36px;
  width: 188px;
  margin-left: 0;
}

.salon-details .stars {
  margin-left: -4px;
}
.salon-details .rating {
  width: 96px;
  float: left;
}
.salon-details .rating-details {
  float: left;
  position: relative;
  margin-left: 5px;
  top: 3px;
}

.contact .rating {
  font-size: 32px;
  width: 170px;
  margin-bottom: 30px;
}

.inline-flex {
  display: -webkit-inline-flex;
  display: -moz-inline-block;
  display: inline-flex;
  width: 100%;
}

.employees .employee-card {
  position: relative;
}
.employees .employee-card .normal, .employees .employee-card .hover {
  padding: 15px;
}
.employees .employee-card .hover {
  display: none;
  background: #ffffff;
  transition: transform 0.5s;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.employees .employee-card .hover::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  content: "";
  opacity: 0;
  z-index: -1;
}
.employees .employee-card .hover .rate {
  position: absolute;
  right: 5px;
  width: 50px;
  top: 5px;
}
.employees .employee-card .hover .rate strong {
  top: -10px;
  position: relative;
}
.employees .employee-card .extra p {
  padding: 10px 0;
  margin: 0;
}
.employees .employee-card .extra .phone-reservation p {
  padding-bottom: 0;
}
.employees .employee-card:hover .hover, .employees .employee-card:focus .hover {
  display: block;
  position: absolute;
}
.employees .employee-card:hover .hover::after, .employees .employee-card:focus .hover::after {
  opacity: 1;
}

.result-user {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  background: #2b2f76;
  margin: 0 auto;
}
.result-user .letter {
  color: #ffffff;
  text-align: center;
  line-height: 150px;
  font-size: 72px;
  font-family: "Gilroy ExtraBold", sans-serif;
}
/* kampania promocyjna */
.promotion-baner-container {
  background: #bf5399;
  text-align: center;
  padding: 20px 5px 20px 5px;
  font-family: "Gilroy ExtraBold", sans-serif;
  color: white;
  font-size: 1.5em;
}

.promotion-baner-container.onmain {
  margin-top: 40px;
}

.promotion-baner-container.oncity {
  margin-top: 0px;
}

@media (max-width: 922px) {
  .promotion-baner-container.onmain {
    margin-top: 80px;
  }
}
@media (max-width: 769px) {
  .promotion-baner-container.oncity {
    margin-top: 80px;
  }
}
/* kampania promocyjna. */
.x {
  color: red;
}

.user-box {
  padding: 20px 0 130px;
  background: #2b2f76;
  color: #ffffff;
}
.user-box a:hover, .user-box a:focus, .user-box .share .fa:hover, .user-box .share .fa:focus, .user-box .share .fa:active {
  color: #ffffff;
}
.user-box .image, .user-box .text {
  float: left;
}
.user-box .text {
  margin-left: 30px;
  height: 150px;
}
.user-box h1 {
  margin: 0;
}
.user-box h1 a {
  color: #ffffff !important;
}
.user-box h2 {
  color: #ffffff;
  margin: 0;
}
.user-box .result-user {
  background: #ffffff;
}
.user-box .result-user .image-mask {
  border: 4px solid #ffffff;
  height: 150px;
  width: 150px;
  position: absolute;
  top: 0;
  border-radius: 50%;
}
.user-box .result-user .letter {
  color: rgb(38, 192, 240);
}
.user-box .salon-details {
  padding-left: 45px;
}
.user-box .salon-details .back {
  position: absolute;
  top: -50%;
  left: -45px;
}
@media (max-width: 767px) {
  .user-box .salon-details .back {
    top: 0;
  }
}
.user-box .outer-div {
  height: 100%;
}

.user-page:not(.online-reservation) .user-box {
  padding: 20px 0;
}

/* DLA FIRM/BIZNESU */
body.business {
  background: #59beed;
}
body.business #cennik .fa-check {
  color: #59beed;
}
body.business #when {
  text-shadow: 3px 3px white;
}
body.business table .left-column {
  text-align: left !important;
  font-weight: 800;
  font-size: 18px;
  width: 30%;
}
body.business table td {
  padding: 10px 0px;
}
body.business table th, body.business table td {
  text-align: center;
}
body.business #header-background .success {
  color: #59beed;
  font-size: 22px;
}
body.business .block p {
  font-size: 22px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 24px;
}
body.business .block p.small {
  font-size: 18px;
  margin-top: -10px;
}
body.business .h1, body.business .h2, body.business .h3, body.business h1, body.business h2, body.business h3 {
  margin-top: 0px;
}
body.business h3.blue {
  color: #59beed;
}
body.business h3.spacer {
  margin-top: 40px;
  margin-bottom: 20px;
}
body.business p.XL {
  font-size: 48px;
  line-height: 48px;
  font-weight: 600;
  font-family: "Gilroy ExtraBold", sans-serif;
  color: #2B2F76;
}
body.business p.L {
  font-size: 36px;
  line-height: 36px;
  font-weight: 600;
  font-family: "Gilroy ExtraBold", sans-serif;
  color: #2B2F76;
}
body.business .opa70 {
  opacity: 0.7;
}
body.business .lets-talk {
  margin-left: -15px;
}
body.business .mb10 {
  margin-bottom: 10px;
}
body.business .mb20 {
  margin-bottom: 20px;
}
body.business .mt5 {
  margin-top: 5px;
}
body.business .mt10 {
  margin-top: 10px;
}
body.business .mt20 {
  margin-top: 20px;
}
body.business .phone-mask, body.business .submiter {
  font-size: 28px !important;
  font-family: "Gilroy ExtraBold", sans-serif;
}
body.business .bg-blue-light a {
  color: white !important;
}
body.business .pros-icons {
  font-size: 60px;
  color: #59beed;
}
body.business .pros-icons2 {
  font-size: 54px;
  color: #59beed;
}
body.business .popover-icon {
  color: #c312c0;
}
body.business .popover {
  border: 1px solid #2b2f76;
}
body.business .popover .popover-title {
  background-color: #f7e6dc;
  color: #2b2f76;
  font-size: 18px;
}
body.business .popover .popover-content {
  color: #2b2f76;
}
body.business main a {
  color: #c312c0;
}
body.business main a:active, body.business main a:hover, body.business main a:focus {
  color: #d640d3;
}
body.business .bukka-carousel {
  left: 0;
  right: 0;
  padding-left: 0;
  padding-right: 0;
}
body.business .bukka-carousel .img-container {
  text-align: center;
  margin-bottom: 0;
  margin-top: -15px;
}
body.business .bukka-carousel .img-container img {
  margin: 0 auto;
}
body.business .bukka-carousel .carousel-indicators {
  top: -40px;
}
body.business .bukka-carousel .carousel-caption {
  position: relative;
  text-align: left;
  left: 0;
  right: 0;
  padding-bottom: 0;
}
body.business .bukka-carousel .carousel-caption h3 {
  padding-left: 25px;
}
body.business .bukka-carousel .carousel-caption blockquote {
  border-left: 5px solid #59beed;
  margin: 0;
}
body.business .bukka-carousel .carousel-caption blockquote p {
  font-size: 14px;
  margin-bottom: 0;
  font-style: italic;
  font-weight: normal;
}
body.business .bukka-carousel .carousel-caption blockquote footer {
  padding-top: 10px;
  color: #59beed;
  font-weight: bold;
}

.btn-demo {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  font-family: "Gilroy ExtraBold", sans-serif;
  border: 1px solid white;
  color: white !important;
  text-shadow: none !important;
  height: auto;
  background: rgb(206, 0, 112);
}
.btn-demo:hover, .btn-demo:focus, .btn-demo:active {
  background: rgb(236, 0, 140);
  border-color: white;
}

#when .btn-demo {
  padding: 10px 15px;
  height: 60px;
  font-size: 28px;
  margin-top: 10px;
}

#sticker {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
}
#sticker .btn-demo {
  height: 82px;
}

.hideme {
  opacity: 0;
}

@media (max-width: 992px) {
  body.business #header-background {
    height: 440px !important;
  }
  body.business #header-background #recepcja {
    display: none;
  }
}
@media (min-width: 993px) and (max-width: 1140px) {
  body.business #header-background {
    height: 440px !important;
  }
  body.business #header-background #recepcja {
    width: 450px;
    margin-left: 55%;
    bottom: 330px !important;
  }
  body.business #header-background #recepcja img {
    height: 470px !important;
  }
}
/* DLA FIRM/BIZNESU. */
@media (max-width: 767px) {
  .function-buttons {
    line-height: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .function-buttons {
    padding-top: 5px !important;
  }
  .top-menu a {
    display: inline-block;
    padding: 7px 10px !important;
  }
}
#blog-main .news-container {
  background: #f9f9f9;
  margin-bottom: 20px;
  border: 1px solid #f7e6dc;
}
#blog-main .box {
  position: relative;
  height: 200px;
  overflow: hidden;
  margin-top: 0px !important;
}
#blog-main .box img {
  position: relative;
  min-height: 100%;
  min-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#blog-main .title-box {
  margin-top: -10px;
  background: #f9f9f9;
  padding: 20px 20px 0px 20px;
}
#blog-main .title-box a {
  color: #2b2f76 !important;
}
#blog-main .title-box a:hover, #blog-main .title-box a:active {
  color: #59beed !important;
}
#blog-main .news-title {
  font-size: 18px;
}
#blog-main .news-intro {
  font-size: 16px;
  padding: 10px 20px 0px 20px;
  margin-bottom: 20px;
}
#blog-main .btn-outline {
  border: 1px solid #59beed;
}

.select2-container--open .select2-dropdown--below {
  min-width: 160px;
}

#mobile-apps-main {
  min-height: 265px;
}
@media (min-width: 1700px) {
  #mobile-apps-main #phone-mockups {
    bottom: -204px;
  }
}
@media (min-width: 992px) and (max-width: 1699px) {
  #mobile-apps-main #phone-mockups {
    bottom: -224px;
  }
}
@media (min-width: 560px) and (max-width: 1699px) {
  #mobile-apps-main #phone-mockups {
    bottom: -224px;
  }
}
@media (max-width: 559px) {
  #mobile-apps-main #phone-mockups {
    display: none;
  }
}
#mobile-apps-main #mobile-invitation {
  padding: 10px;
  background: rgba(255, 255, 255, 0.4392156863);
}
@media (min-width: 560px) and (max-width: 1699px) {
  #mobile-apps-main #mobile-invitation {
    background: rgba(255, 255, 255, 0.9098039216);
  }
}

.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}

.ht-100p {
  height: 100%;
}

.pd-10 {
  padding: 10px !important;
}

.pd-b-0 {
  padding-bottom: 0px !important;
}

.mg-b-0 {
  margin-bottom: 0px !important;
}

.pos-a {
  position: absolute;
}

.pos-r {
  position: relative;
}

.modal {
  z-index: 9999 !important;
}

/* NEW GALLERY */
body.gallery .salon-info {
  position: relative;
}
body.gallery.salon-page #search {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
}
@media (max-width: 1020px) {
  body.gallery #gallery-container {
    margin-left: 0;
    margin-right: 0;
  }
}
body.gallery .bg-slider-content {
  padding: 15px 0;
}
body.gallery .gallery-item a {
  display: block;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
body.gallery .gallery-item img {
  max-width: 100%;
}
body.gallery .item-main {
  height: 300px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  body.gallery .item-main {
    height: 360px;
  }
}
@media (min-width: 992px) {
  body.gallery .item-main {
    height: 510px;
    padding-bottom: 0;
  }
}
body.gallery .item-small {
  height: 100px;
  position: relative;
}
@media (min-width: 560px) {
  body.gallery .item-small {
    height: 140px;
  }
}
@media (min-width: 768px) {
  body.gallery .item-small {
    height: 200px;
  }
}
@media (min-width: 992px) {
  body.gallery .item-small {
    height: 160px;
  }
}
body.gallery .mask-more-items {
  background: #ff8080;
  border: 1px solid #ff4040;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  pointer-events: none;
}
body.gallery .mask-text {
  font-weight: bold;
  color: white;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  font-family: "Gilroy ExtraBold", sans-serif;
  font-size: 18px;
  pointer-events: none;
}
@media (min-width: 992px) {
  body.gallery .gallery-small-container {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  body.gallery .gallery-small-container .gallery-item:nth-child(1), body.gallery .gallery-small-container .gallery-item:nth-child(2) {
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  body.gallery .gallery-small-container .gallery-item {
    background: pink;
    width: 33.3333333333%;
    float: left;
  }
}
@media (max-width: 991px) {
  body.gallery .gallery-small-container .gallery-item:nth-child(1) {
    border-right: 8px solid white;
  }
  body.gallery .gallery-small-container .gallery-item:nth-child(2) {
    border-left: 7px solid white;
    border-right: 8px solid white;
  }
  body.gallery .gallery-small-container .gallery-item:nth-child(3) {
    border-left: 7px solid white;
  }
}

img.logo {
  margin-left: 0;
}
@media (min-width: 768px) {
  img.logo {
    margin-left: -24px;
  }
}

/*# sourceMappingURL=portal.css.map */