.tour-step-backdrop {
    box-shadow: 0 0 20px #fff;
}
.tour-step-background {
    max-height: 100%!important;
}
.popover {
    background-color: #f5f5f5;
    max-width: 476px!important;
    border-radius: 0!important;
}
.popover.right > .arrow,
.popover.right > .arrow:after,
.popover.bottom > .arrow,
.popover.bottom > .arrow:after{
    border-right-color: #03D4AD;
}
.popover h2 {
    font-size: 1.8em;
    font-weight: 400;
    font-family: 'Raleway', serif;
}
.popover i {
    font-family: 'PT Serif', serif;
}
.popover p {
    font-size: 1em;
    font-family: 'Raleway', serif;
}
.popover.left > .arrow:after {
    border-left-color: #f5f5f5;
}
.popover.tour .btn-green {
    font-size: 1.3em;
    font-weight: 400;
}
#filters-container {
    padding-bottom: 2em;
    z-index: 9999;
}
#filters {
    font-family: 'Raleway', serif;
}
@media only screen and (max-width: 768px) {
    #filters {
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    #filters {
        display: block!important;
    }
}
#filters-toggle {
    background-color: #000;
    color: #fff;
    padding: 1em;
    font-family: 'Raleway', sans-serif;
    font-size: 1.2em;
    cursor: pointer;
}
#filters .btn-green {
    font-weight: 400;
}

.btn-green:hover {
    border: 1px solid #03D4AD;
    color: #03D4AD;
}

#filters .section {
    background-color: #000000;
    color: #fff;
    padding: .5em 1.25em;
}

#filters .section.white {
    background-color: #fff;
    color: #333;
}

#filters .ocassions {
    overflow: hidden;
    padding: 1em;
}

.panel-group.accordion {
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #000;
}

.panel-group.accordion .panel {
    background-color: #000;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.panel-group.accordion .panel-title {
    font-family: 'Raleway', serif;
    font-weight: 100;
    font-size: 14px;
}

.panel-group.accordion .panel-title a:hover {
    color: #fff;
}

.panel-group.accordion .panel-collapse {
	background-color: #000;
}

.panel-group.accordion .panel-collapse label {
	color: #fff;
}

#filters .ocassion {
    position: relative;
    float: left;
    width: 50%;
    height: 38px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 38px 38px;
    margin-bottom: 1em;
}

#filters .ocassion > label {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-weight: 400;
    padding-left: 45px;
    line-height: 35px;
    cursor: pointer;
    transition: .5s;
}

#filters .ocassion > input {
    position: absolute;
    z-index: 2;
    opacity: 0;
}

#filters .ocassion > input:checked ~ label {
    color: #03D4AD;
    transition: .5s;
}

.colors {
    overflow: hidden;
}

.colors > .color {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.colors > .color > label {
    position: absolute;
    border: 1px solid #fff;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.colors.products > .color {
    width: 30px;
    height: 30px;
    border: 1px solid #000;
}

.colors > .color > input {
    position: absolute;
    opacity: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.colors > .color > input:checked ~ label {
    border: 2px solid #03D4AD;
}

.colors > .color > label.black {
    background-color: #000;
}

.colors > .color > label.white {
    background-color: #fff;
}

.colors > .color > label.red {
    background-color: #ff1a07;
}

.colors > .color > label.blue {
    background-color: #1123ff;
}

.colors > .color > label.green {
    background-color: #04c00f;
}

.colors > .color > label.yellow {
    background-color: #fff52b;
}

.colors > .color > label.orange {
    background-color: #ffa021;
}

#reservmap {
    width: 100%;
    height: 720px;
}

.btn-map {
    display: block;
    width: 100%;
    padding: .5em 1em;
    margin-top: .4em;
    text-align: center;
    border: 2px solid #111;
}

.reserv .modal-body {
    background-color: #eee;
}

.toggle span {
  display: inline-block;
  vertical-align: middle;
}
.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-light + .tgl-btn {
  background: #f0f0f0;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  border: 1px solid #000;
  display: inline-block;
  vertical-align: middle;
  margin-left: .5em;
  box-shadow: 0px 2px 5px #028b72 inset;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #03D4AD;
}

/* Selector */
.selector {
    display: flex;
    font-family: 'Raleway', sans-serif;
}
.selector > .column {
    flex: 1;
    border: 1px solid #000;
    border-right-width: 0;
}
.selector > .column .content {
    padding: 5px;
}
.selector > .column:last-child {
    border-right-width: 1px;
}
.selector .head {
    background-color: #03D4AD;
    text-align: center;
    text-transform: uppercase;
    display: block;
    padding: 5px;
}
.selector #tienda {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 7px 5px;
    border-radius: 2px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzODYuMjU3IDM4Ni4yNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM4Ni4yNTcgMzg2LjI1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8cG9seWdvbiBwb2ludHM9IjAsOTYuODc5IDE5My4xMjksMjg5LjM3OSAzODYuMjU3LDk2Ljg3OSAiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    background-size: 20px;
    background-position: 95% center;
    background-repeat: no-repeat;
}