
  /*homeNAVmenu CSS */
.signup-form{
  background-color:transparent;
  max-width: 462px;
  margin: 0 auto;

}
.navigation-home {
    width: 65%;
    z-index: 2;
    top: 0;
    background: rgba(255,255,255,0.0);
    margin: 0 auto;

  }

#countdown-area{
  margin-bottom:60px;
}

    /* Buttons */
.video-button{
  background-position:center;
  background-image:url("/images/banner_video.gif") !important;
  background-repeat: no-repeat !important;


}
.google-button{
  background: #d14031 !important;
  background-position:center;
  background-image:url("/images/banner_Ggl.png") !important;
  background-repeat: no-repeat !important;
  background-size:100% 100% !important;

}
.twitter-button{
  background-position:center;
  background-image:url("/images/banner_Tw.jpg") !important;
  background-repeat: no-repeat;
  background-size:cover;

}
.altmingle-button{
  background-position:center;
  background-image:url("/images/banner_altmingle.png") !important;
  background-repeat: no-repeat !important;

}
.dcac-button{
  background-position:center;
  background-image:url("/images/banner_dcac.png") !important;
  background-repeat: no-repeat !important;

}
.tsports-button{
  background-position:center;
  background-image:url("/images/banner_tsports.png") !important;
  background-repeat: no-repeat !important;

}
.ATL-button{

}
.TPW-button{

}
.store-button{

}
.youtube-button {
  background: #FFF !important;
  background-image:url("/images/banner_Yt.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;

}
.facebook-button {
  background: #4464a2 !important;
  background-image:url("/images/banner_FB.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;

}
.PtP-button{
  background-position:center;
  background-image:url("/images/banner_PtP.jpg") !important;
  background-repeat: no-repeat;

}

.ZzP-button{
  background-position:center;
  background-image:url("/images/banner_zzp.gif") !important;
  background-repeat: no-repeat;

}
.button-comingsoon{
  background: rgba(255,255,255,0.1);
  color: #606060 !important;
  cursor:no-drop;

}
.button-comingsoon:hover, .button-comingsoon:active{
  background: rgba(255,255,255,0.0);
  color:#000;

  cursor:no-drop;

}
.button-2x {
    width: 50% !important;
    display:inline-block !important;
    margin: 0 auto !important;

}
.button-3x {
    width: 30.6% !important;
    min-width:30.6%;
    display:inline-block !important;
    margin: 5px auto !important;
    font-size: 1.0rem !important;
    text-shadow:
   -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000 !important;

}
.button{
    min-height:46px;
    width: 100%;
    font-family: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.3rem;
    text-shadow: none;
    line-height: 1.2;
    display: inline-block;
    width: 100%;
    padding: 11px;
    margin:0;
    position: relative;
    border-radius: 4px;
    border: 3px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none !important;
    text-align: center;
    font-weight: normal !important;
    color:#05c3f9;

     text-shadow:
   -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;

}
.button:not(.button-comingsoon):hover,.button:not(.button-comingsoon):active{
  color:#FFF !important;
  background-color:transparent !important;
  font-size: 1.5rem;
     text-shadow:
   -1px -1px 0 #05c3f9,
    1px -1px 0 #05c3f9,
    -1px 1px 0 #05c3f9,
     1px 1px 0 #05c3f9 !important;

}

  /*Socials Sidebar */
.a2a_kit{
  overflow-x:hidden;
}
.a2a_kit:hover{
  width:200px;
}
.a2a_kit:hover > a > .a2a_menu{
  opacity: 1;
  display: block;
  margin-left: 40px;
  height: 40px;
  width: 100%;
  margin-top: -34px;
  margin-bottom: -6px;
  font-size: 1.4rem !important;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important;
  text-align: left;
  font-weight: normal !important;
  color: #05c3f9;
}
.a2a_menu{
  opacity: 0;
  display:none;

}
.a2a_FB{
  background:url("/images/icons/iconFB.png");
  background-color: transparent;
  background-size: 32px 32px;
}
.a2a_TW{
  background:url("/images/icons/iconTW.png");
  background-color: transparent;
  background-size: 32px 32px;
}
.a2a_TWI{
  background:url("/images/icons/iconLIVE.png");
  background-color: transparent;
  background-size: 32px 32px;
}
.a2a_IG{
  background:url("/images/icons/iconIG.png");
  background-color: transparent;
  background-size: 32px 32px;
}
.a2a_DA{
  background:url("/images/icons/iconDA.png");
  background-color: transparent;
  background-size: 32px 32px;
}
.a2a_YT{
  background:url("/images/icons/iconYT.png");
  background-color: transparent;
  background-size: 32px 32px;
}
.a2a_store{
  background:url("/images/icons/iconSTORE.png");
  background-color: transparent;
  background-size: 32px 32px;
}
.a2a_TPW{
  background:url("/images/icons/iconTPW.png");
  background-color: transparent;
  display:none;
  background-size: 32px 32px;
}


    /* ZzVideos */
.ZzPl{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.ZzmP1{  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 16.25%; /* 16:9 Aspect Ratio */
}
.t1m-p1{
  position: absolute;
  top: 0;
  left: 0;
  width: 33.3%;
  height: 50%;
  border: none;
}
.b1m-p1{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 33.3%;
  height: 50%;
  border: none;
}
.tl-pl {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.3%;
  height: 50%;
  border: none;
}

.tc-pl {
  position: absolute;
  top: 0;
  left: 33.3%;
  width: 33.3%;
  height: 50%;
  border: none;
}
.tr-pl {
  position: absolute;
  top: 0;
  right: 0;
  width: 33.3%;
  height: 50%;
  border: none;
}

.bl-pl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 33.3%;
  height: 50%;
  border: none;
}

.bc-pl {
  position: absolute;
  bottom: 0;
  left: 33.3%;
  width: 33.3%;
  height: 50%;
  border: none;
}
.br-pl {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33.3%;
  height: 50%;
  border: none;
}

