/* Switcher */
/* line 3, ../scss/switcher.scss */
.style-switcher {
  position: fixed;
  top: 100px;
  left: -220px;
  width: 220px;
  height: auto;
  background-color: rgba(60, 62, 71, 0.8);
  padding: 20px;
  z-index: 1000;
}

/* line 13, ../scss/switcher.scss */
.style-switcher.active {
  left: 0;
}

/* line 16, ../scss/switcher.scss */
.style-switch-open {
  position: absolute;
  top: 0;
  left: 220px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  z-index: 1000;
  cursor: pointer;
}

/* line 26, ../scss/switcher.scss */
.style-switch-close {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  z-index: 1000;
  cursor: pointer;
}

/* line 34, ../scss/switcher.scss */
.style-switch-open i {
  color: #FFF;
  position: relative;
  line-height: 1;
  top: 5px;
  left: 5px;
}

/* line 41, ../scss/switcher.scss */
.style-switch-close i {
  color: #FFF;
  position: relative;
  line-height: 1;
  top: 5px;
  font-size: 20px;
}

/* line 48, ../scss/switcher.scss */
.style-layout {
  margin: 25px 0;
}

/* line 51, ../scss/switcher.scss */
.style-switcher h3 {
  padding-top: 15px;
  padding-bottom: 0;
  color: #FFFFFF;
}

/* line 57, ../scss/switcher.scss */
.style-switcher #btn-sky {
  background-color: #03A9F4 !important;
  border: none;
}

/* line 61, ../scss/switcher.scss */
.style-switcher #btn-teal {
  background-color: #009688 !important;
  border: none;
}

/* line 65, ../scss/switcher.scss */
.style-switcher #btn-red {
  background-color: #F44336 !important;
  border: none;
}

/* line 69, ../scss/switcher.scss */
.style-switcher #btn-black {
  background-color: #212121 !important;
  border: none;
}

/* line 73, ../scss/switcher.scss */
.style-switcher #btn-grey {
  background-color: #9E9E9E !important;
  border: none;
}