.companys-wrapper {
  width: 255px;
  height: 50px;
  text-align: center;
  /*margin: 50px auto;*/
  margin-top: -15px;
    float: left !important;
}
#switch {
  position: absolute;
  /* hidden */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.switch_label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 275px;
  height: 40px;
  background: #0000ff;;
  border: 2px solid #2500fd;
  border-radius: 20px;
  transition: 0.2s;
}
.switch_label:hover {
  background: #3D47FF;
}
.switch-text {display:inline-block; margin-top:4px;color:#fff;}
.onf_btn {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #fff;
  transition: 0.2s;
}

/* checking style */
#switch:checked+.switch_label {
  background: #c44;
  border: 2px solid #c44;
}

#switch:checked+.switch_label:hover {
  background: #e55;
}

/* move */
#switch:checked+.switch_label .onf_btn {
  left: 240px;
  background: #fff;
  box-shadow: 1px 2px 3px #00000020;
}
#switch:checked+.switch_label .switch-text {
  color:#fff
}


#container {
	position: relative;
	width: 100%;
}

html.iframe-click-disabled iframe {
	pointer-events: none;
}

@keyframes christmas-swipe-animation {
	0% { opacity: 0; transform: translate(-50%, -70%); }
	40% { opacity: 1; }
	60% { opacity: 1; }
	100% { opacity: 0; transform: translate(-50%, 0%); }
}
@-webkit-keyframes christmas-swipe-animation {
	0% { opacity: 0; transform: translate(-50%, -70%); }
	40% { opacity: 1; }
	60% { opacity: 1; }
	100% { opacity: 0; transform: translate(-50%, 0%); }
}

#liveUrl,
.ins-preview-wrapper {
  position: relative;
  z-index: 200;
}

#christmas-container canvas {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  min-width: 1920px;
  height: 100%;
  pointer-events: none;
  z-index: 1000;
}

@media (max-width: 1920px) {
  #christmas-container .pull-switch {
	left: calc((100vw - 1440px) / 480 * 235 + 65px);
  }
  #christmas-container .pull-switch__off-button {
	top: calc((100vw - 1440px) / 480 * 150 + 500px);
	left: calc((100vw - 1440px) / 480 * 235 + 25px);
  }
}
@media (max-width: 1440px) {
  #christmas-container .pull-switch {
	top: -52.08vw;
	left: 4.51vw;
  }
  #christmas-container .pull-switch .pull-switch__rope {
	height: 77.5vw;
  }
  #christmas-container .pull-switch .pull-switch__button {
	left: calc(50%);
	height: 6.04vw;
  }
  #christmas-container .pull-switch .pull-switch__button::after {
	width: 2.36vw;
	height: 3.75vw;
  }
  #christmas-container .pull-switch .pull-switch__button .pull-switch__hand {
	margin-left: -1.18vw;
	width: 5.28vw;
	height: 5.56vw;
  }
  #christmas-container .pull-switch__off-button {
	top: 34.72vw;
	left: 1.74vw;
	width: 5.9vw;
	height: 2.78vw;
  }
}
@media (max-width: 1024px) {
  #christmas-container .pull-switch .pull-switch__button {
	left: calc(50% - 5px);
  }
}
@media (max-width: 800px) {
/* @media (max-width: 768px) { */
  #christmas-container.device canvas {
	min-width: auto;
  }
  #christmas-container .pull-switch {
	top: -78.13vw;
	left: 3.26vw;
	width: 4.17vw;
  }
  #christmas-container .pull-switch .pull-switch__rope {
	height: 145.31vw;
  }
  #christmas-container .pull-switch .pull-switch__button {
	left: 1.95vw;
	height: 11.33vw;
	padding: 0 5.21vw;
  }
  #christmas-container .pull-switch .pull-switch__button::after {
	content: none;
  }
  #christmas-container .pull-switch .pull-switch__button .pull-switch__hand {
	top: 0.91vw;
	margin-left: -2.08vw;
	width: 9.9vw;
	height: 10.42vw;
  }
  #christmas-container .pull-switch__off-button {
	left: 3.26vw;
	width: 11.07vw;
	height: 5.21vw;
  }
}