.ms-fullscreen-template .slide-pattern{
  /*background: url(https://static-v3.crewshop.ro/images/pattern.png) scroll;*/
  width: 100%;
  height: 100%;
  z-index: 8;
  -webkit-transform: translateZ(0.4px);
  -moz-transform: translateZ(0.4px);
  -ms-transform: translateZ(0.4px);
  -o-transform: translateZ(0.4px);
  transform: translateZ(0.4px);
  position: absolute;
  top: 0;
}

.ms-layer.bold-text-white{
  color: #FFF;

  font-weight: 900;
  font-size: 85px;
  text-shadow:-1px 1px black;
  margin: 0;
}

.ms-layer.thin-text-white{
  color: #FFF;
  background: rgba(0, 0, 0, 0.72);
  font-size: 77px;
  font-weight: 100;
  padding: 20px 25px;
  margin: 0;
  text-shadow: -1px 1px #000;
}

.ms-layer.thin-text-black{
  color: black;
  font-size: 77px;
  font-weight: 100;
  background: rgba(255, 255, 255, 0.78);
  padding: 20px 25px;
  margin: 0;
  text-shadow: -1px 1px rgba(255, 255, 255, 0.51);
}


.slide-1 .captiontext {
  color: #FFF;
  top: 41% !important;
  margin-top: 150px;
  left: 256px;
  font-weight: 300;
  padding: 20px;
  text-align: center;
  width: 46%;
  font-size: 25px;
  border: solid 2px #FFF;
  text-shadow: -1px 1px #000;
}

.slide-1 .bigtext {
  top: 42% !important;
  width: 100%;
  text-align: center;
}

.slide-2 .blacktext {
  top: 43% !important;
  left: 22% !important;
}

.slide-2 .whitetext {
  top: 43% !important;
  left: 50% !important;
}

.slide-3 .bigtext {
  width: 100%;
  text-align: center;
  top: 50% !important;
}

.slide-3 .blacktext {
  left: 27% !important;
  top: 50% !important;
  padding: 7px 20px;
  margin-top: -10%;
}

.slide-4{
  color:white !important;
  text-shadow: -1px 1px black;
}

.slide-4 .box{
  left: 60px;
  top: 40% !important;
  width: 46%;
  padding-bottom: 25% !important;
  background: rgba(0, 0, 0, 0.72);
}

.slide-4 .small-text {
  margin: 0;
  top: 40% !important;
  font-weight: 300;
  left: 82px;
  padding: 0;
  margin-top: 16px;
  color:#fff;
}

.slide-4 .medium-text {
  font-weight: 100;
  top: 40% !important;
  font-size: 77px;
  left: 73px;
  margin: 0;
  padding: 0;
  margin-top: 25px;
  color:#fff;
}

.slide-4 .big-text{
  font-weight: 900;
  left: 77px;
  top: 42% !important;
  padding: 0;
  font-size: 80px;
  margin: 0;
  margin-top: 90px;
  color:#fff;
}




/* skin black-skin-1 */

/**
 *  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(https://static-v3.crewshop.ro/images/black-skin-1-v2.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(https://static-v3.crewshop.ro/images/black-skin-1-v2.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(https://static-v3.crewshop.ro/images/black-skin-1-v2.png);
  background-position: -79px -19px;
  height: 61px;
  cursor: pointer;
  left: 50px;
  margin-top: -26px;
  position: absolute;
  z-index: 11;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out 0.3s;
}
.ms-skin-black-1 .ms-nav-prev:hover {
  width: 53px;
  background: url(https://static-v3.crewshop.ro/images/black-skin-hover-v2.png);
  background-position: -79px -19px;
  height: 61px;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50px;
  margin-top: -26px;
  position: absolute;
  z-index: 11;
  opacity: 1 !important;
  transition: all 0.3s ease-in-out 0.3s;
}
.ms-skin-black-1 .ms-nav-next:hover {
  width: 53px;
  background: url(https://static-v3.crewshop.ro/images/black-skin-hover-v2.png);
  background-position: -79px -97px;
  height: 61px;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: auto;
  right: 50px;
  margin-top: -26px;
  position: absolute;
  z-index: 11;
  opacity: 1 !important;
  transition: all 0.3s ease-in-out 0.3s;
}
.ms-skin-black-1 .ms-nav-next {
  right: 50px;
  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-timerbar {
  background: black;
  height: 2px;
}

.ms-skin-black-1 .ms-time-bar {
  height: 1px;
  margin-top: 1px;
  background: #FFFFFF;
}

.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: point-anim 1.5s infinite ;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: 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 */
@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-1 .ms-slide .ms-slide-vpbtn,
  .ms-skin-black-1 .ms-video-btn,
  .ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
  .ms-skin-black-1 .ms-nav-next,
  .ms-skin-black-1 .ms-nav-prev{
    background-image:url(https://static-v3.crewshop.ro/images/black-skin-1-retina-v2.png);
    background-size: 152px 225px;
  }

}
