/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color: #666666;
}
#TB_window a:link {
  color: #666666;
}
#TB_window a:visited {
  color: #666666;
}
#TB_window a:hover {
  color: #000;
}
#TB_window a:active {
  color: #666666;
}
#TB_window a:focus {
  color: #666666;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.TB_overlayMacFFBGHack {
  background: url(/wp-content/plugins/xmas-slider/assets/macFFBgHack.png) repeat;
}
.TB_overlayBG {
  background-color: #000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay {
  /* ie6 hack */
  position: absolute;
  height: expression(
    document.body.scrollHeight > document.body.offsetHeight ?
      document.body.scrollHeight: document.body.offsetHeight + "px"
  );
}
#TB_window {
  position: fixed;
  background: #fff;
  z-index: 102;
  color: #000000;
  display: none;
  text-align: center;
  top: 50%;
  left: 50%;
}
* html #TB_window {
  /* ie6 hack */
  position: absolute;
  margin-top: expression(
    0 - parseInt(this.offsetHeight / 2) +
      (
        TBWindowMargin = document.documentElement &&
          document.documentElement.scrollTop || document.body.scrollTop
      ) + "px"
  );
}
#TB_window img#TB_Image {
  display: block;
  margin: 15px 0 0 15px;
}
#TB_caption {
  height: 25px;
  padding: 7px 30px 10px 25px;
  float: left;
}
#TB_closeWindow {
  height: 25px;
  padding: 11px 25px 10px 0;
  float: right;
}
#TB_closeAjaxWindow {
  padding: 7px 10px 5px 0;
  margin-bottom: 1px;
  text-align: right;
  float: right;
}
#TB_ajaxWindowTitle {
  float: left;
  padding: 7px 0 5px 10px;
  margin-bottom: 1px;
}
#TB_title {
  background-color: #e8e8e8;
  height: 27px;
}
#TB_ajaxContent {
  clear: both;
  padding: 2px 15px 15px 15px;
  overflow: auto;
  text-align: left;
  line-height: 1.4em;
}
#TB_ajaxContent.TB_modal {
  padding: 15px;
}
#TB_ajaxContent p {
  padding: 5px 0px 5px 0px;
}
#TB_load {
  position: fixed;
  display: none;
  height: 13px;
  width: 208px;
  z-index: 103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load {
  /* ie6 hack */
  position: absolute;
  margin-top: expression(
    0 - parseInt(this.offsetHeight / 2) +
      (
        TBWindowMargin = document.documentElement &&
          document.documentElement.scrollTop || document.body.scrollTop
      ) + "px"
  );
}
#TB_HideSelect {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  border: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
}
* html #TB_HideSelect {
  /* ie6 hack */
  position: absolute;
  height: expression(
    document.body.scrollHeight > document.body.offsetHeight ?
      document.body.scrollHeight: document.body.offsetHeight + "px"
  );
}
#TB_iframeContent {
  clear: both;
  border: none;
}

/*responsive*/

@media (max-width: 1280px) {
  .rs-arrows {
    left: 0;
  }
  .rs-arrows .rs-prev,
  .rs-arrows .rs-prev:hover {
    left: 120px;
  }
  .rs-arrows .rs-next,
  .rs-arrows .rs-next:hover {
    right: 120px;
  }
}
@media (max-width: 1024px) {
  .xmas-slider-wrapper {
    overflow: hidden;
  }
  .christmas .rotate {
    top: 34%;
    left: 0%;
    position: absolute;
  }
}

@media (max-width: 992px) {
	.rs-arrows {
    	left: unset;
	}
  .rs-arrows .rs-prev,
  .rs-arrows .rs-prev:hover {
    left: -100px;
  }
  .rs-arrows .rs-next,
  .rs-arrows .rs-next:hover {
    right: 345px;
  }
}

@media (max-width: 600px) {
  .rs-arrows .rs-prev,
  .rs-arrows .rs-prev:hover {
    left: 10px;
  }
  .rs-arrows .rs-next,
  .rs-arrows .rs-next:hover {
    right: 460px;
  }
}

@media (max-width: 480px) {
  .sliderBottom,
  .sliderWrap .sliderInner {
    width: 100vw;
  }
  .sliderWrap .sliderInner {
    margin-top: 135px;
  }
  .sliderBottom {
    margin: -165px auto 0px;
  }
  .rs-wrap {
    width: 68vw !important;
    margin: 0 16vw;
  }
  .rs-arrows .rs-next,
  .rs-arrows .rs-prev {
    background-size: 48px auto !important;
    background-position: center center !important;
  }
  .rs-arrows .rs-prev,
  .rs-arrows .rs-prev:hover {
    left: -65px;
  }
  .rs-arrows .rs-next,
  .rs-arrows .rs-next:hover {
    right: unset;
    left: 58vw;
  }
}

@media (max-width: 380px) {
	.sliderWrap .sliderInner {
    margin-top: 155px;
	}
.sliderBottom {
    margin: -185px auto 0px;
}
}


@media (max-width: 320px) {
	.sliderWrap .sliderInner {
    margin-top: 175px;
	}
  .sliderBottom {
    margin: -205px auto 0px;
	}
	.rs-arrows .rs-prev,
	.rs-arrows .rs-prev:hover {
    	left: -63px;
	}
	.rs-arrows .rs-next,
	.rs-arrows .rs-next:hover {
    	left: 55vw;
	}	
}
