/************************************************** sto.com layout *****/
/*************************************** Copyright (c) 2011 Sto AG *****/
/***********************************************************************/
/************************************************** content styles *****/
/***********************************************************************/
/************************************** author virtual identity AG *****/

/*
video
*/

video {
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  width: 100%;
}

/* custom styles */
/*
  Player Skin Designer for Video.js
  http://videojs.com

  To customize the player skin edit
  the CSS below. Click "details"
  below to add comments or questions.
  This file uses some SCSS. Learn more
  at http://sass-lang.com/guide)

  This designer can be linked to at:
  http://codepen.io/heff/pen/EarCt/left/?editors=010
*/
.video-js {
  font-size: 10px;
  color: #fff;
}

.vjs-sto-skin .vjs-big-play-button,
.vjs-sto-skin:hover .vjs-big-play-button {
  font-size: 20px;
  line-height: 1.5em;
  height: 70px;
  width: 70px;
  border-radius: 35px;
  /* Align top left. 0.5em = 15px default */
  left: 50%;
  top: 50%;
  margin-left: -35px;
  margin-top: -35px;
  background-color: rgba(255,255,255, 0.5);
  border: none;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}


.vjs-sto-skin button.vjs-big-play-button,
.vjs-sto-skin button.vjs-big-play-button:hover {
  color: #000;
}

.vjs-sto-skin .vjs-big-play-button:before {
  font-size: 50px;
  height: 70px;
  width: 70px;
  top: 10px;
  right: 10px;
  line-height: 1;
}