/*! 
 * Master Slider WordPress Lite Main CSS File
 * @date May 2023
 */



/**
 *  Master Slider
 * 	Main css file
 */

.master-slider {
  position: relative;
  visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
}



.ms-ie img {
  border: none;
}

.ms-ie8 * {
  opacity: inherit;
  filter: inherit;
}

.ms-ie7 {
  zoom: 1;
}

.ms-moz .ms-slide-bgcont>img {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.master-slider a,
.master-slider a:hover {
  -webkit-transition: none;
  transition: none;
}

.wpb_row .master-slider-parent *,
.master-slider-parent * {
  box-sizing: content-box;
}

.master-slider-parent {
  margin-left: auto;
  margin-right: auto;
}

.ms-layout-partialview .ms-view {
  overflow: visible;
  background-color: transparent;
}

.ms-layout-partialview .ms-container {
  overflow: hidden;
}

.master-slider.before-init {}

.ms-loading-container {
  position: absolute;
  width: 100%;
  top: 0;
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
  width: 36px;
  height: 36px;
  background: url(common/loading-2.gif) no-repeat center white;
  border-radius: 60px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px;
  opacity: 0.9;
}


/* grab cursor */
.ms-def-cursor {
  cursor: auto !important;
}

.ms-grab-cursor {
  cursor: url(common/grab.png), move;
}

.ms-grabbing-cursor {
  cursor: url(common/grabbing.png), move;
}

.ms-ie .ms-grab-cursor {
  cursor: move;
}

.ms-ie .ms-grabbing-cursor {
  cursor: move;
}

.ms-view {
  margin: 0px auto;
  overflow: hidden;

  position: relative;
  -webkit-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px;
}

.ms-view .ms-slide-container {
  position: relative;
}

.ms-slide {
  position: absolute;
  height: 100%;
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
}

.ms-wk .ms-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ms-slide.selected {}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
  position: absolute;
  overflow: hidden;
  width: 100%;
}

.ms-slide .ms-slide-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 110;
}

.ms-ie .ms-slide-link {
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRâ€Œâ€‹AA7") 0 0 repeat;
}


.ms-slide .ms-slide-bgvideocont {
  z-index: 105;
  height: 100%;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video {
  -webkit-transform: translateZ(0.3px);
  transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo {
  position: absolute;
  top: 0px;
}


.ms-inner-controls-cont,
.ms-container {
  position: relative;
  margin: 0 auto;
}

.ms-slide .ms-slide-bgcont img,
.ms-container,
.ms-inner-controls-cont {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ms-slide .ms-slide-video {
  position: absolute;
  top: 0;
  z-index: 111;
  background: black;
  padding: 0;
  margin: 0;
  border: none;

}


.ms-slide .ms-pattern {
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  z-index: 108;
  position: absolute;
  top: 0;
}

.ms-wk .ms-pattern {
  -webkit-transform: translateZ(0.4px);
  transform: translateZ(0.4px);
}

.ms-slide .ms-slide-vpbtn,
.ms-slide .ms-video-btn {
  position: absolute;
  cursor: pointer;
  z-index: 110;
}

.ms-slide .ms-slide-vcbtn {
  position: absolute;
  cursor: pointer;
  z-index: 113;
}

.ms-slide-vcbtn-mobile {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background-color: black;
  color: white;
  text-align: center;
  cursor: pointer;
  z-index: 113;
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 0.75em;
  display: inline-block;
  background: url(common/video-close-btn.png) no-repeat 0px 3px;
  padding-left: 15px;
  height: 15px;
  color: #DBDBDB;
  margin-top: 7px;
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
  -webkit-transform: translateZ(0.44px);
  transform: translateZ(0.44px);
}

.ms-video-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ms-mask-frame {
  overflow: hidden;
  position: absolute;
  float: left;
}

/* controls */

.ms-thumb-list {
  overflow: hidden;
  position: absolute;
}

.ms-thumb-list.ms-dir-h {
  width: 100%;
}

.ms-thumb-list.ms-dir-v {
  height: 100%;
  top: 0;
}

.ms-thumbs-cont {
  position: relative;
}

.ms-thumb-frame img {
  width: 100%;
  height: auto;
}

.ms-thumb-frame {
  cursor: pointer;
  float: left;
  overflow: hidden;
  opacity: 0.5;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.ms-thumb-frame-selected {
  opacity: 1;
}

.ms-tabs .ms-thumb-frame {
  background-color: #F6f6f6;
  text-shadow: 0 1px 1px white;
  color: #222;
  border: solid 1px white;
  border-width: 0 1px 1px 0;
  overflow: visible;
  position: relative;
  opacity: 1;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ms-tabs.ms-has-thumb .ms-tab-thumb {
  width: auto;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
  margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
  margin-left: 12px;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
  margin-left: 0px;
}

.ms-tabs.ms-dir-h.ms-align-top {
  z-index: 140;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
  margin-top: -12px;
}

.ms-tabs .ms-thumb {
  padding: 20px 20px;
}

.ms-tabs .ms-thumb-frame-selected {
  opacity: 1;
  background: #EDEDED;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
  top: 0px;
  left: 50%;
  margin-left: -12px;
  border-bottom: solid 12px #F6f6f6;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  top: -12px;
  border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
  bottom: 0px;
  top: auto;
  border-bottom: 0px;
  border-top: solid 12px #F6f6f6;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  bottom: -12px;
  border-top-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
  top: 50%;
  left: 0;
  margin-top: -12px;
  border-right: solid 12px #EDEDED;
  border-top: solid 12px transparent;
  border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  left: -12px;
  border-right-color: #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: solid 12px #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  right: -12px;
  border-left-color: #EDEDED;
}

.ms-thumb-alt {
  text-align: center;
  margin: 5px;
  font-size: 14px;
  font-weight: 600;
}

/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
  height: 100%;
  width: 20px;
  position: absolute;
  left: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
  right: 0;
  left: auto;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 5px 5px 5px 0px;
  display: block;
  border-right-color: #FFF;
  width: 6px;
  height: 1px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  border-width: 5px 0px 5px 5px;
  border-left-color: #FFF;
  left: 7px;
}

/* vertical thumblist arrows */
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
  bottom: 0;
  top: auto;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  content: close-quote;
  left: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 0px 5px 5px 5px;
  display: block;
  border-bottom-color: #FFF;
  height: 1px;
  top: 5px;
  width: 0;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  border-width: 5px 5px 0px 5px;
  border-top-color: #FFF;
  top: 7px;
}

/* Thumb in tab styles */
.ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont {
  top: 0 !important;
}

.ms-tabs.ms-has-thumb .ms-thumb-frame {
  height: auto !important;
}

.ms-tabs.ms-has-thumb .ms-thumb {
  padding: 0;
}

.ms-tabs.ms-has-thumb .ms-tab-context {
  padding: 20px;
}

.ms-tabs.ms-align-left .ms-tab-thumb {
  float: left;
  margin-right: 20px;
}

.ms-tabs.ms-align-right .ms-tab-thumb {
  float: right;
  margin-left: 20px;
}

.ms-bullet {
  cursor: pointer;
  float: left;
}

.ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-bullets.ms-dir-v {
  position: absolute;
  top: 50%;
}

.ms-bullets.ms-dir-v .ms-bullet {
  float: none;
}

.ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-sbar {
  position: absolute;
}

.ms-sbar.ms-dir-h {
  left: 10px;
  right: 10px;
  top: 5px
}

.ms-sbar.ms-dir-v {
  top: 10px;
  bottom: 10px;
  right: 5px
}

.ms-sbar .ms-bar {
  height: 4px;
  background: #333;
  border-radius: 4px;
}

.ms-sbar.ms-dir-v .ms-bar {
  width: 4px;
}

.ms-sbar .ms-bar {
  position: relative;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.ms-timerbar {
  width: 100%;
  bottom: 0px;
  position: absolute;
}

.ms-ctimer {
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: pointer;
}

.ms-ctimer-bullet {}

.ms-time-bar {
  -webkit-transition: width 120ms linear;
  transition: width 120ms linear;
}

.ms-ie7 .ms-tooltip-arrow {
  height: 0px;
}

.ms-slide-info {
  position: absolute;
}

.ms-slide-info.ms-dir-v {
  top: 0;
}

.ms-slide-info.ms-dir-h {
  width: 100%;
}

.ms-pattern.ms-patt-1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-4 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-5 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-6 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-7 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-8 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-9 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-10 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-11 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-12 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-13 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-14 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-15 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);
}

/* white patterns */
.ms-pattern.ms-patt-16 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-17 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-18 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-19 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-20 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-21 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-22 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-23 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-24 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-25 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-26 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-27 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-28 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-29 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-30 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);
}



/**
 *  Master Slider
 *  Default Skin
 */

.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
  width: 50px;
  height: 51px;
  background: url(skins/light-skin-1.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
  width: 30px;
  height: 30px;
  background: url(skins/light-skin-1.png) no-repeat -24px -28px;
  top: 18px;
  right: 30px;
}

/* controls */

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
  width: 30px;
  background: url(skins/light-skin-1.png);
  background-position: -89px -26px;
  height: 40px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -20px;
  position: absolute;
  z-index: 110;
}

.ms-skin-default .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -89px -103px;
}



.ms-skin-default .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(skins/light-skin-1.png) no-repeat;
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-default .ms-bullet-selected {
  background-position: -34px -84px;
}

.ms-skin-default .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-default .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-default .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-default .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-default .ms-tooltip {
  max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  margin-left: -1px;
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .ms-skin-default .ms-slide .ms-slide-vpbtn,
  .ms-skin-default .ms-video-btn,
  .ms-skin-default .ms-slide .ms-slide-vcbtn,
  .ms-skin-default .ms-nav-next,
  .ms-skin-default .ms-nav-prev,
  .ms-skin-default .ms-bullet {
    background-image: url(skins/light-skin-1-retina.png);
    background-size: 152px 225px;
  }

}



/**
 *  Master Slider
 *  Black 1
 */

.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn {
  width: 54px;
  height: 54px;
  background: url(skins/black-skin-1.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
}

.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
  width: 27px;
  height: 26px;
  background: url(skins/black-skin-1.png) no-repeat -24px -29px;
  top: 30px;
  right: 30px;
}

/* controls */

.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
  width: 53px;
  background: url(skins/black-skin-1.png);
  background-position: -79px -19px;
  height: 61px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -26px;
  position: absolute;
  z-index: 110;
}

.ms-skin-black-1 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -79px -97px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-black-1 .ms-bullet {
  width: 9px;
  height: 9px;
  background: white;
  margin: 4px;
  border: solid 1px rgb(58, 58, 58);
}

.ms-skin-black-1 .ms-bullet-selected {
  background-color: black;
}

.ms-skin-black-1 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: white;
  border-top-color: rgba(0, 0, 0, 0.8);
  bottom: -10px;
}

.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: white;
  border-bottom-color: rgba(0, 0, 0, 0.8);
  top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: white;
  border-right-color: rgba(0, 0, 0, 0.8);
  left: -10px;
}

.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: black;
  border-left-color: rgba(0, 0, 0, 0.8);
  right: -10px;
}

.ms-skin-black-1 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #444444;
  background: black;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: white;
  background: rgba(255, 255, 255, 0.9);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-black-1 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-black-1 .ms-tooltip-cont {
  padding: 10px;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 0px black;
  color: white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
.ms-nav-next::before,
.ms-nav-prev::before {
  font-family: 'Font Awesome 5 Pro'; /* or 6 if you're using FA6 */
  font-weight: 800; /* 'fal' = light */
  font-size: 24px;
  color: #0e0404;
  position: absolute;
  top: 50%;
  left: 50%;
  background-size: 152px 225px;
  transform: translate(-50%, -50%);
}

.ms-nav-next::before {
  content: "\f105"; /* Font Awesome unicode for angle-right */
}

.ms-nav-prev::before {
  content: "\f104"; /* Font Awesome unicode for angle-left */
}



/**
 *  Master Slider
 *  minimal Skin
 */

.ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn {
  width: 55px;
  height: 55px;
  background: url(skins/minimal.svg) no-repeat 24px 18px white;
  border: solid 1px #3d3d3d;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
  background-color: #f1f1f1;
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
  width: 31px;
  height: 31px;
  background: url(skins/minimal.svg) no-repeat -289px 6px white;
  border-radius: 50%;
  border: solid 1px #3d3d3d;
  top: 18px;
  right: 30px;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
}

/* controls */

.ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
  background: url(skins/minimal.svg) no-repeat white;
  background-position: -178px 17px;
  border: solid 1px #3d3d3d;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -27px;
  position: absolute;
  z-index: 110;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
}

.ms-skin-minimal .ms-nav-next:hover,
.ms-skin-minimal .ms-nav-prev:hover {
  background-color: #f1f1f1;
}

.ms-skin-minimal .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -75px 17px;
}

.ms-skin-minimal .ms-bullet {
  width: 8px;
  height: 8px;
  background: white;
  border: solid 1px #3d3d3d;
  border-radius: 50%;
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-minimal .ms-bullet-selected {
  background: #3d3d3d;
}


.ms-skin-minimal .ms-time-bar {
  height: 3px;
  background: #FFFFFF;
  border-top: solid 1px rgba(0, 0, 0, 0.41);
}


.ms-skin-minimal .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-minimal .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-minimal .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-minimal .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-minimal .ms-tooltip {
  max-width: 200px;
}

.ms-skin-minimal .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  margin-left: -1px;
}



/**
 *  Master Slider
 *  Black 2 Skin
 */

.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn {
  width: 45px;
  height: 45px;
  background: url(skins/black-skin-2.png) black no-repeat -16px -103px;
  border: solid 3px rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 0.4);
  -webkit-background-clip: padding-box;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
}

.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover {
  background-color: #3D3D3D;
}

.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
  width: 25px;
  height: 25px;
  background: url(skins/black-skin-2.png) black no-repeat -27px -36px;
  border: solid 2px white;
  border-color: rgba(255, 255, 255, 0.4);
  top: 15px;
  right: 15px;
}

.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn {
  border-radius: 50px;
}


/* controls */

.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
  position: absolute;
  cursor: pointer;
  z-index: 110;
  width: 45px;
  height: 45px;
  background: url(skins/black-skin-2.png) black;
  background-clip: padding-box;
  background-position: -88px -26px;
  border: solid 3px rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 0.4);
  top: 50%;
  left: 30px;
  margin-top: -22px;
}

.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn {
  border-radius: 90px;
}

.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover {
  background-color: #3d3d3d;
}

.ms-skin-black-2 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -86px -103px;
}

.ms-skin-black-2 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-black-2 .ms-bullet {
  width: 8px;
  height: 8px;
  background: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  border: solid 3px white;
  border-color: rgba(0, 0, 0, 0.44);
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-black-2.round-skin .ms-bullet {
  border-radius: 15px;
}


.ms-skin-black-2 .ms-bullet-selected {
  background-color: black;
  border-color: white;
  border-color: rgba(255, 255, 255, 0.44);
}

.ms-skin-black-2 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-black-2 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
  display: none;
}

.ms-skin-black-2 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-black-2 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
  .ms-skin-black-2 .ms-video-btn,
  .ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
  .ms-skin-black-2 .ms-nav-next,
  .ms-skin-black-2 .ms-nav-prev {
    background-image: url(skins/black-skin-2-retina.png);
    background-size: 152px 225px;
  }

}



/**
 *  Master Slider
 *  Light 2
 */

.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn {
  width: 54px;
  height: 54px;
  background: url(skins/light-skin-2.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
}

.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
  width: 27px;
  height: 26px;
  background: url(skins/light-skin-2.png) no-repeat -24px -29px;
  top: 30px;
  right: 30px;
}

/* controls */

.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
  width: 53px;
  background: url(skins/light-skin-2.png);
  background-position: -79px -19px;
  height: 61px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -26px;
  position: absolute;
  z-index: 110;
}

.ms-skin-light-2 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -79px -97px;
}

.ms-skin-light-2 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-2 .ms-bullet {
  width: 9px;
  height: 9px;
  background: black;
  margin: 4px;
  border: solid 1px rgb(58, 58, 58);
}

.ms-skin-light-2 .ms-bullet-selected {
  background-color: white;
}

.ms-skin-light-2 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-2 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-light-2 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-2 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-2 .ms-video-btn,
  .ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-2 .ms-nav-next,
  .ms-skin-light-2 .ms-nav-prev {
    background-image: url(skins/light-skin-2-retina.png);
    background-size: 152px 225px;
  }

}



/**
 *  Master Slider
 *  Light 3
 */

.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn {
  width: 50px;
  height: 50px;
  background: url(skins/light-skin-3.png) no-repeat -15px -149px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}

.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
  width: 31px;
  height: 29px;
  background: url(skins/light-skin-3.png) no-repeat -26px -28px;
  top: 30px;
  right: 30px;
}

/* controls */

.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
  width: 50px;
  background: url(skins/light-skin-3.png);
  background-position: -82px -22px;
  height: 50px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -25px;
  position: absolute;
  z-index: 110;
}

.ms-skin-light-3 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -81px -99px;
}

.ms-skin-light-3 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-3 .ms-bullet {
  width: 16px;
  height: 16px;
  background: url(skins/light-skin-3.png) no-repeat;
  background-position: -31px -114px;
  margin: 4px;
}

.ms-skin-light-3 .ms-bullet-selected {
  background-position: -31px -81px;
}

.ms-skin-light-3 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-3 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-light-3 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-3 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-3 .ms-video-btn,
  .ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-3 .ms-nav-next,
  .ms-skin-light-3 .ms-nav-prev,
  .ms-skin-light-3 .ms-bullet {
    background-image: url(skins/light-skin-3-retina.png);
    background-size: 152px 225px;
  }

}



/**
 *  Master Slider
 *  Light 4
 */

.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn {
  width: 54px;
  height: 54px;
  background: url(skins/light-skin-4.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
}

.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
  width: 27px;
  height: 26px;
  background: url(skins/light-skin-4.png) no-repeat -24px -29px;
  top: 30px;
  right: 30px;
}

/* controls */

.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
  width: 54px;
  background: url(skins/light-skin-4.png);
  background-position: -77px -5px;
  height: 68px;
  cursor: pointer;
  top: 50%;
  left: -27px;
  margin-top: -40px;
  position: absolute;
  z-index: 110;
}

.ms-skin-light-4 .ms-nav-next {
  right: -27px;
  left: auto;
  background-position: -79px -83px;
}

.ms-skin-light-4 .ms-thumb-frame-selected {
  opacity: 0.6;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
  bottom: -60px;
  width: 100%;
  height: 60px;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
  height: 100%;
  width: 60px;
  right: -60px;
  top: 0;
}

.ms-skin-light-4 .ms-thumb-frame {
  cursor: pointer;
  float: left;
  width: 60px;
  height: 60px;
  margin: 1px 0 0 1px;
  overflow: hidden;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-4 .ms-bullet {
  width: 9px;
  height: 9px;
  background: #b9b9b9;
  margin: 4px;
  border: solid 1px rgb(163, 163, 163);
}

.ms-skin-light-4 .ms-bullet-selected {
  background-color: white;
}

.ms-skin-light-4 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: white;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-4 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #E0E0E0;
  background: #4b8aac;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: white;
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}


.ms-skin-light-4 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-4 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-4 .ms-video-btn,
  .ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-4 .ms-nav-next,
  .ms-skin-light-4 .ms-nav-prev {
    background-image: url(skins/light-skin-4-retina.png);
    background-size: 152px 225px;
  }

}



/**
 *  Master Slider
 *  Light 5
 */

.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn {
  width: 32px;
  height: 32px;
  background: url(skins/light-skin-5.png) black no-repeat -24px -160px;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
}

.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover {
  background-color: #646464;
}

.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
  width: 30px;
  height: 30px;
  background: url(skins/light-skin-5.png) white no-repeat -24px -28px;
  top: 18px;
  right: 30px;
}

/* controls */

.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
  width: 32px;
  background: url(skins/light-skin-5.png) white;
  background-position: -94px -32px;
  height: 32px;
  cursor: pointer;
  bottom: 40px;
  left: 40px;
  margin-top: -20px;
  position: absolute;
  z-index: 110;
}

.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover {
  background-color: #E0E0E0;
}

.ms-skin-light-5 .ms-nav-next {
  left: 73px;
  background-position: -93px -110px;
}

.ms-skin-light-5 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-5 .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(skins/light-skin-5.png) no-repeat;
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-light-5 .ms-bullet-selected {
  background-position: -34px -84px;
}

.ms-skin-light-5 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-5 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
}

.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
  display: none;
}

.ms-skin-light-5 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-5 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-5 .ms-video-btn,
  .ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-5 .ms-nav-next,
  .ms-skin-light-5 .ms-nav-prev {
    background-image: url(skins/light-skin-5-retina.png);
    background-size: 152px 225px;
  }

}



/**
 *  Master Slider
 *  Light-6 Skin
 */

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn {
  width: 45px;
  height: 45px;
  background: url(skins/light-skin-6.png) white no-repeat -16px -103px;
  border: solid 3px rgb(112, 112, 112);
  border-color: rgba(0, 0, 0, 0.27);
  -webkit-background-clip: padding-box;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
}

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover {
  background-color: #E0E0E0;
}

.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
  width: 25px;
  height: 25px;
  background: url(skins/light-skin-6.png) white no-repeat -27px -36px;
  top: 15px;
  right: 15px;
}

.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn {
  border-radius: 30px;
}


/* controls */

.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
  position: absolute;
  cursor: pointer;
  z-index: 110;
  width: 45px;
  height: 45px;
  background: url(skins/light-skin-6.png) white;
  background-clip: padding-box;
  background-position: -88px -26px;
  border: solid 3px rgb(112, 112, 112);
  border-color: rgba(0, 0, 0, 0.27);
  top: 50%;
  left: 30px;
  margin-top: -22px;
}

.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn {
  border-radius: 90px;
}

.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover {
  background-color: #E0E0E0;
}

.ms-skin-light-6 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -86px -103px;
}


.ms-skin-light-6 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-6 .ms-bullet {
  width: 8px;
  height: 8px;
  background: black;
  -webkit-background-clip: padding-box;
  border: solid 3px white;
  border-color: rgba(255, 255, 255, 0.44);
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-light-6.round-skin .ms-bullet {
  border-radius: 15px;
}

.ms-skin-light-6 .ms-bullet-selected {
  background-color: white;
  border-color: black;
  border-color: rgba(0, 0, 0, 0.44);
}

.ms-skin-light-6 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-6 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
  display: none;
}

.ms-skin-light-6 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-6 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-6 .ms-video-btn,
  .ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-6 .ms-nav-next,
  .ms-skin-light-6 .ms-nav-prev {
    background-image: url(skins/light-skin-6-retina.png);
    background-size: 152px 225px;
  }

}



/**
 *  Master Slider
 *  Metro Skin
 */

.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn {
  width: 47px;
  height: 46px;
  background: url(skins/metro-skin.png) no-repeat -16px -152px;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -24px;
}

.ms-skin-metro .ms-slide .ms-slide-vcbtn {
  width: 47px;
  height: 47px;
  background: url(skins/metro-skin.png) no-repeat -16px -19px;
  top: 15px;
  right: 15px;
}

/* controls */

.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
  width: 47px;
  background: url(skins/metro-skin.png);
  background-position: -83px -23px;
  height: 47px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -24px;
  position: absolute;
  z-index: 110;
}

.ms-skin-metro .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -81px -100px;
}

.ms-skin-metro .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-metro .ms-bullet {
  width: 16px;
  height: 16px;
  background: url(skins/metro-skin.png) no-repeat;
  background-position: -31px -114px;
  margin: 4px;
}

.ms-skin-metro .ms-bullet-selected {
  background-position: -31px -81px;
}

.ms-skin-metro .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-metro .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-metro .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-metro .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-metro .ms-tooltip {
  max-width: 200px;
}

.ms-skin-metro .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .ms-skin-metro .ms-slide .ms-slide-vpbtn,
  .ms-skin-metro .ms-video-btn,
  .ms-skin-metro .ms-slide .ms-slide-vcbtn,
  .ms-skin-metro .ms-nav-next,
  .ms-skin-metro .ms-nav-prev,
  .ms-skin-metro .ms-bullet {
    background-image: url(skins/metro-skin-retina.png);
    background-size: 152px 225px;
  }

}



/**
 *  Master Slider
 *  Contrast
 */

.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn {
  width: 60px;
  height: 60px;
  background: url(skins/contrast-skin.png) no-repeat -10px -144px;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
}

.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
  width: 24px;
  height: 24px;
  background: url(skins/contrast-skin.png) no-repeat -27px -30px;
  top: 30px;
  right: 30px;
}

/* controls */

.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
  width: 60px;
  background: url(skins/contrast-skin.png);
  background-position: -76px -17px;
  height: 60px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -30px;
  position: absolute;
  z-index: 110;
}

.ms-skin-contrast .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -77px -91px;
}

.ms-skin-contrast .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-contrast .ms-bullet {
  width: 16px;
  height: 16px;
  background: url(skins/contrast-skin.png) no-repeat;
  background-position: -31px -114px;
  margin: 4px;
}

.ms-skin-contrast .ms-bullet-selected {
  background-position: -31px -81px;
}

.ms-skin-contrast .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: #fc3116;
  border-top-color: rgba(252, 49, 22, 0.8);
  bottom: -10px;
}

.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: #fc3116;
  border-bottom-color: rgba(252, 49, 22, 0.8);
  top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: #fc3116;
  border-right-color: rgba(252, 49, 22, 0.8);
  left: -10px;
}

.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: #fc3116;
  border-left-color: rgba(252, 49, 22, 0.8);
  right: -10px;
}

.ms-skin-contrast .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-contrast .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #636363;
  background: black;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-contrast .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: white;
  background: rgba(255, 255, 255, 0.99);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;

  animation: ms-point-anim 1.5s infinite;
  -moz-animation: ms-point-anim 1.5s infinite;
  -webkit-animation: ms-point-anim 1.5s infinite;
  -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-contrast .ms-tooltip {
  max-width: 200px;
}

.ms-skin-contrast .ms-tooltip-cont {
  padding: 10px;
  background: #fc3116;
  background: rgba(252, 49, 22, 0.8);
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
  color: white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
  .ms-skin-contrast .ms-video-btn,
  .ms-skin-contrast .ms-slide .ms-slide-vcbtn,
  .ms-skin-contrast .ms-nav-next,
  .ms-skin-contrast .ms-nav-prev,
  .ms-skin-contrast .ms-bullet {
    background-image: url(skins/contrast-skin-retina.png);
    background-size: 152px 225px;
  }

}