*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  *:focus,
  *:before:focus,
  *:after:focus {
    outline: 0 !important; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after,
.clear:before,
.clear:after {
  content: " ";
  display: table; }

.clearfix:after,
.clear:after {
  clear: both; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }

@-moz-keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }

@-ms-keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: scale(0.99); }
  100% {
    opacity: 1;
    transform: scale(1); } }

#sln-salon .sln-select-multishop {
  width: 100%;
  opacity: 0; }

#sln-salon .select2-container--default .sln-select2.select2-selection--single {
  border-radius: 0; }

#sln-salon .select2-container .sln-select2.select2-selection--single {
  width: 100%;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0.5em 0.8em;
  line-height: 1.8em;
  height: auto;
  border-width: 1px;
  border-style: solid; }

#sln-salon .select2-container--default
.sln-select2.select2-selection--single
.select2-selection__arrow {
  height: 100%;
  width: 30px; }

#sln-salon .select2-container--default
.sln-select2.select2-selection--single
.select2-selection__arrow
b {
  border-color: transparent transparent #004258 #004258;
  border-style: solid;
  border-width: 0 0 4px 4px;
  height: 10px;
  width: 10px;
  left: 50%;
  margin-left: -4px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Safari */
  transform: rotate(-45deg);
  transition: border-color 0.25s; }

#sln-salon .select2-container--default
.sln-select2.select2-selection--single:hover
.select2-selection__arrow
b {
  border-color: transparent transparent #0277BD #0277BD; }

#sln-salon .select2-container--default.select2-container--open
.sln-select2.select2-selection--single
.select2-selection__arrow
b {
  border-color: transparent transparent #0277BD #0277BD; }

#sln-salon .select2-container--default
.sln-select2.select2-selection--single
.select2-selection__rendered {
  color: black; }

.select2-container--default .sln-select2-dropdown.select2-dropdown {
  border-radius: 0; }
  .select2-container--default .sln-select2-dropdown.select2-dropdown .select2-results__option[aria-selected="true"] {
    color: black;
    background-color: rgba(0, 66, 88, 0.3);
    transition: background-color 0.15s, color 0.2s; }
  .select2-container--default .sln-select2-dropdown.select2-dropdown .select2-results__option--highlighted[aria-selected] {
    transition: background-color 0.15s, color 0.2s;
    background-color: #0091EA; }
  .select2-container--default .sln-select2-dropdown.select2-dropdown .select2-results__option--highlighted[aria-selected="true"] {
    transition: background-color 0.15s, color 0.2s;
    color: #fff; }

.select2-container .sln-select2-dropdown.select2-dropdown {
  opacity: 0.2;
  transition: opacity 0.2s; }

.select2-container .sln-select2-dropdown.select2-dropdown.visible {
  opacity: 1; }

#sln-salon.sln-step-shop .sln-box--formactions.form-actions {
  margin-top: 2rem; }
  @media only screen and (min-width: 992px) {
    #sln-salon.sln-step-shop .sln-box--formactions.form-actions {
      margin-top: 0; } }