/* cmsms stylesheet: app modified: 05/16/16 21:16:13 */
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $BASE
\*------------------------------------*/
html, body {
  font-family: Roboto;
  font-size: 14px;
  line-height: 1.4;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color:#000000;
  color:#ffffff }

a {
  text-decoration: none;
  color: #ffd699; }

.container {
  margin: 0 20px;
  overflow: hidden;
  *zoom: 1; 
  width:100% - 20px;
  max-width:788px; }

.site-content {
  padding-top: 90px; }

.bottom{
  width: 100%;
  max-width: 788px;
  display: inline-block;
  vertical-align:top;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------*\
    $HEADER
\*------------------------------------*/
.header {
  position: fixed;
  left: 0;
  right: 0;
  height: 90px;
  line-height: 90px;
  color: #ffffff;
  background-color: #000000; }

.header__logo {
  font-weight: bold;
  padding: 0 15px;
  float: left; }

/*------------------------------------*\
    $MENU
\*------------------------------------*/
nav {
}
.menu {
  font-size: 16px;
  float: left; }
  .menu a {
    padding: 0 10px;
    color: #dddddd; }
  .menu a:hover {
    color: #aaaaaa; }

/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width: 750px) {
  .site-pusher, .site-container {
    height: 100%; }

  .site-container {
    overflow: hidden; }

  .site-pusher {
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }

  .site-content {
    position: absolute;
    top: 90px;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }

  .header {
    position: static; }

  .header__icon {
    position: relative;
    display: block;
    float: right;
    width: 50px;
    height: 66px;
    cursor: pointer; }
    .header__icon:after {
      content: '';
      position: absolute;
      display: block;
      width: 1rem;
      height: 0;
      top: 16px;
      left: 15px;
      -moz-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
      -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
      box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }

  .menu {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #000000;
    width: 250px;
    -moz-transform: translateX(250px);
    -ms-transform: translateX(250px);
    -webkit-transform: translateX(250px);
    transform: translateX(250px); }
    .menu a {
      display: block;
      height: 40px;
      text-align: center;
      line-height: 40px;
      border-bottom: 1px solid #333333; }

  .with--sidebar .site-pusher {
    -moz-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px); }
  .with--sidebar .site-cache {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6); } }