/*jquery.modal.css*/
.modal {
  display: none;
  width: 400px;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal .close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
/*main.css*/
body
{
    margin: 0 auto;
    background: black;
}

#landing
{
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow-y:auto;
    overflow-x:hidden;
}

#customModal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 306px;
}

#setAsHome {
    width: 56px;
    height: 54px;
    display: block;
    flex: 1;
}

#tutorial {
    width: 56px;
    height: 54px;
    display: block;
    flex: 1;
}

#tutorial .fa
{
    transition: color 0.8s ease, opacity 0.8s ease;
    -webkit-transition: color 0.8s ease, opacity 0.8s ease;
    -moz-transition: color 0.8s ease, opacity 0.8s ease;
    -o-transition: color 0.8s ease, opacity 0.8s ease;
    -ms-transition: color 0.8s ease, opacity 0.8s ease;
    text-align: center;
    text-shadow: 1px 1px #f2f2f2;
    margin-right: 10px;
    float: right;
}

#setAsHome .fa
{
    transition: color 0.8s ease, opacity 0.8s ease;
    -webkit-transition: color 0.8s ease, opacity 0.8s ease;
    -moz-transition: color 0.8s ease, opacity 0.8s ease;
    -o-transition: color 0.8s ease, opacity 0.8s ease;
    -ms-transition: color 0.8s ease, opacity 0.8s ease;
    text-align: center;
    text-shadow: 1px 1px #f2f2f2;
    margin-left: 10px;
}

.day #tutorial .fa
{
    /*color: black;*/
    color: white;
    opacity: 0.2;
}

.day #tutorial .fa:hover
{
    /*color: black;*/
    color: white;
    opacity: 1;
}

.evening #tutorial .fa
{
    /*color: white;*/
    color: white;
    opacity: 0.2;
}

.night #tutorial .fa
{
    /*color: rgb(213,213,213);*/
    color: white;
    opacity: 0.2;
}

.day #setAsHome .fa
{
    /*color: black;*/
    color: white;
    opacity: 0.2;
}

.day #setAsHome .fa:hover
{
    /*color: black;*/
    color: white;
    opacity: 1;
}

.evening #setAsHome .fa
{
    color: white;
    opacity: 0.4;
}

.night #setAsHome .fa
{
    /*color: rgb(213,213,213);*/
    color: white;
    opacity: 0.4;
}

.evening #setAsHome .fa:hover
{
    color: white;
    opacity: 1;
}

.night #setAsHome .fa:hover
{
    color: white;
    opacity: 1;
}

#searchLogo
{
    width: 240px;
    margin: 25px auto 20px;
    display: block;
}

.thinCircle
{
    font-size: 20px;
}

.homeSize
{
    font-size: 30px;
    border: solid 1px;
    width: 52px;
    padding-top: 10px;
    height: 41px;
    border-radius: 100px;
    float: left;
}

.aboutUs
{
    font-size: 30px;
    border: solid 1px;
    padding-top: 10px;
    width: 50px;
    padding-right: 2px;
    height: 41px;
    border-radius: 100px;
    float: right;
}

.fa:hover
{
    cursor: pointer;
}

.fa-bars:hover
{
    cursor: auto !important;
}

.fa-circle-o:hover:before
{
    content: '\f111';
}

.emphasis
{
    color: crimson;
}

.left_modal
{
    float: left;
}

.close_modal
{
    float: right;
}

.modal_confirmation
{
    position: relative;
    color: white;
    font-size: 0.9em;
    margin-top: 10px;
    margin-right: 7px;
    height: 44px;
    width: 100px;
    background: #00BFF3;
    text-align: center;
    border-radius: 10px;
    line-height: 44px;
    display: block;
}

.modal_confirmation:hover
{
    cursor: pointer;
    background: #02a6d2;
}

.modal_confirmation:active {
    background: #7dd5ee;
}

.modal_cancel
{
    position: relative;
    color: #00BFF3;
    font-size: 0.9em;
    margin-top: 10px;
    margin-right: 7px;
    height: 44px;
    width: 100px;
    background: white;
    text-align: center;
    border-radius: 10px;
    line-height: 44px;
    display: block;
    border: 1px solid #00BFF3;
}

.modal_confirmation:hover
{
    cursor: pointer;
    background: #02a6d2;
}

.modal_confirmation:active {
    background: #7dd5ee;
}

.evening .landingPageSearch
{
    background: black;
    border: none;
    color: #fff;
}

.night .landingPageSearch
{
    background: black;
    border: none;
    color: #fff;
}

.evening .modalLandingPageSearch
{
    background: black;
    border: none;
    color: #fff;
}

.night .modalLandingPageSearch
{
    background: black;
    border: none;
    color: #fff;
}

video#vidSrc {
    position: absolute;
    z-index: -100;
    height: 100%;
    left: 50%;
    transform: translate(-50%);
    min-height: 845px;
}

div#help_player {
    position: fixed;
    top: 100%;
    left: 100%;
    height: 0;
    width: 0;
    z-index: 10;
    background-color: black;
    display: none;
}

video#vid {
    position: absolute;
    top: 0px;
}

div#help_close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 4em;
    color: white;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-radius: 100px;
    z-index: 12;
    width: 30px;
    height: 50px;
    padding: 0px 25px 20px 20px;
}

div#help_close:hover {
    color: #00bff3;
}

i.fa.fa-question.questionSize {
    font-size: 30px;   border: solid 1px;   width: 52px;   padding-top: 10px;   height: 41px;   border-radius: 100px;   float: left;
}

.landingPageSearch
{   
    width: calc(90% + 2px);
    height: 36px;
    border-right-style: none;
    font-size: 20px;
    font-weight: bold;
    border-radius: 7px;
    line-height: 1.428571429;
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 47px;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    outline: none;
    opacity: 0.4;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
    -webkit-transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
    -moz-transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
    -o-transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
    -ms-transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
}
.landingPageSearch:focus
{   
    opacity: 1.0;
}

.modalLandingPageSearch
{   
    width: 275px;
    height: 36px;
    border-right-style: none;
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    border-radius: 7px;
    line-height: 1.428571429;
    color: #000;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    outline: none;
    opacity: 0.4;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
    -webkit-transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
    -moz-transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
    -o-transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
    -ms-transition: border-color ease-in-out 0.8s,box-shadow ease-in-out 0.8s;
}
.modalLandingPageSearch:focus
{   
    opacity: 1.0;
}

.btn i:hover
{
    cursor: move;
}

.browser_image
{
    width: 70px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
}

.browser_text
{
    font-size: 15px;
}

#smallBtn
{
    text-decoration: none;
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid #00bff3;
    color: #00bff3;
    font-weight: bold;
    width: 54px;
    padding-top: 17px;
    height: 34px;
    border-radius: 10px;
    transition: background ease-in-out 0.2s, text ease-in-out 1s;
    -webkit-transition: background ease-in-out 0.2s, text ease-in-out 1s;
    -moz-transition: background ease-in-out 0.2s, text ease-in-out 1s;
    -o-transition: background ease-in-out 0.2s, text ease-in-out 1s;
}

#smallBtn:hover
{
    cursor: pointer;
    background: #00bff3;
    color: #f2f2f2;
}

.btn
{
    text-decoration: none;
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid #00bff3;
    color: #00bff3;
    font-weight: bold;
    width: 288px;
    padding-top: 17px;
    height: 34px;
    border-radius: 10px;
    transition: background ease-in-out 0.2s, text ease-in-out 1s;
    -webkit-transition: background ease-in-out 0.2s, text ease-in-out 1s;
    -moz-transition: background ease-in-out 0.2s, text ease-in-out 1s;
    -o-transition: background ease-in-out 0.2s, text ease-in-out 1s;
    -ms-transition: background ease-in-out 0.2s, text ease-in-out 1s;
}

.btn:hover
{
    background: #00bff3;
    color: #f2f2f2;
}

.homepage_instructions
{
    list-style: none;
}

.homepage_instructions li
{
    margin-bottom: 10px;
}

.homepage_instructions li:before
{
    font-family: 'FontAwesome';
    content: "\f069";
    margin: 0 5px 0 -19px;
}

.center
{
    margin-top: 4px;
    text-align: center !important;
    display: block;
}

.firefox
{
    background: url(//46.202.173.33/assets/images/landing/firefox.png);
    background-size: 100% 100%;
}

.internet
{
    background: url(//46.202.173.33/assets/images/landing/ie.png);
    background-size: 100% 100%;
}

.chrome
{
    background: url(//46.202.173.33/assets/images/landing/chrome.png);
    background-size: 100% 100%;
}

.safari
{
    background: url(//46.202.173.33/assets/images/landing/safari.png);
}

.opera
{
    background: url(//46.202.173.33/assets/images/landing/opera.png);
}

#searchResultInfo
{
    padding-bottom: 5px;
    text-align: center;
    margin-top: 55px;
    color: gray;
    font-size: 14px;
}

#searchResultsContainer
{
    background-color: #f2f2f2;
    color: gray;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 742px;
    display: none;
    text-align: left;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-top: -1px;
    z-index: 10000;
}

.searchContainer
{
    width: 420px;
    height: 40px;
    position: relative;
}

.searchContainer.landingPage {
    margin: auto;
}

#searchResultsContainer .searchPage {
    position: absolute;
    top: 100px;
    left: calc(50% - (339px)/2);
}

#searchResultsContainer .searchPage .modalLandingPageSearch {
    padding-right: 47px;
}

#searchResultsContainer .searchPage .searchButton {
    top: 2px;
    right: 5px;
    transform: unset;
}

/* .eveningOverride
{
    margin-top: -90px;
} */

.searchPage
{
    margin-top: 25px;
    margin-bottom: 10px;
}

.searchResults_follow_user
{
    width: 30px;
    margin-right: 24px;
    margin-top: 23px;
    float: right;
}

.searchResults_film_link
{
    cursor: pointer;
}
.searchResults_film_link:hover
{
    color: #00BFF3;
}

.search_user_thumb:hover
{
    cursor: pointer;
    background: rgba(0,0,0,0.1);
}

.searchResultsItemUser a:hover .search_user_thumb
{
    cursor: pointer;
    background: rgba(0,0,0,0.1);
}

.searchResults_friends_addition
{
    position: relative;
    top: -55px;
    right: -30px;
    font-weight: bold;
    color: #00bff3;
}

.channels_override .search_film_poster_image
{
    width: 100%;
}

.search_film_poster_image
{
    width: 114px;
    height: 114px;
    padding-right: 22px;
    float: left;
}

#searchResultsInfo
{
    width: 100px;
    text-align: left;
}

#loadMoreResults
{
    background: #00BFF3;
    width: 175px;
    height: 31px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 12px;
    display: block;
    font-weight: bold;
    margin-top: 30px;
    font-size: 17px;
    border-radius: 10px;
    color: #f2f2f2;
}

#loadMoreResults:hover
{
    cursor: pointer;
}

#push
{
    width: 100%;
    max-height: 128px;
    height: 145px;
}

#searchResultsContainer
{
    width: 100%;
    height: auto;
    min-height: 100%;
    font-family: sans-serif;
    display: none;
}

.searchResultHeading
{
    margin-top: 30px;
    color: rgba(0,0,0,0.7);
}

.searchResultsAmount
{
    margin-left: 29px;
}

#searchResults
{
    padding-left: 44px;
    padding-right: 50px;
    overflow-y: scroll;
    height:calc(100vh - 215px);
    width: calc(100% - 95px);
}

#searchResults ul
{
    list-style: none;
}

.hiddenSearchItem
{
    display: none;
}

#searchResultsFooter
{
    display: none;
    height: 95px;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid rgb(158, 158, 158);
    background: #f2f2f2;
}

.channelListItem
{
    margin-bottom: 35px;
}

.videoListItem
{
    margin-bottom: 25px;
}

.search_channel_about
{
    margin-top: 21px;
    display: block;
    font-size: 16px;
    position: relative;
    width: 93%;
}

.search_film_synopsis
{
    width: 94%;
}

.search_film_profile_text
{
    margin-top: 7px;
}

.searchResult_film_link
{
    float: right;
    font-size: 16px;
    font-weight: bold;
}
.searchResult_film_link a:link
{
    color: #00bff3 !important;
}
.searchResult_film_link a:visited
{
    color: #308fc3 !important;
}

#searchResults ul li
{
    min-height: 125px;
    height: auto;
}

.search_film_poster
{
    background-image: url(//46.202.173.33/assets/images/corporate/msmu_poster.jpg);
    height: 114px;
    width: 114px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-size: 100% 100%;
    position: relative;
    display: block;
    float: left;
    margin-right: 15px;
}

.channels_override
{
    width: 250px !important;
    margin-top: 14px;
    margin-right: 15px;
}

.searchResultsItemUser a
{
    text-decoration: none;
    font-size: 14px;
}

.searchResultsList a
{
    text-decoration: none;
    color: #00bff3;
}

.searchResultsItemUser .searchResultTitle
{
    margin-left: 115px;
    top: 51px;
    position: relative;
    color: #00bff3;
    font-weight: bold;
}

.channel_title
{
    margin-top: 13px;
}

.searchResultsList .searchResultTitle
{
    float: left;
    color: #00bff3;
    font-size: 14px;
    font-weight: bold;
}

.searchResultsList .searchResultTitleVideo
{
    top: 4px;
    color: #00bff3;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

.search_user_thumb_image
{
    width: 75px;
    margin-top: 4px;
    margin-left: 4px;
}

#searchResults_close
{
    position: absolute;
    top: 20px;
    right: 30px;
    color: crimson;
    font-size: 50px;
    font-weight: bold;
    -webkit-transition: text-shadow ease-in-out .5s;
    -moz-transition: text-shadow ease-in-out .5s;
    -o-transition: text-shadow ease-in-out .5s;
    transition: text-shadow ease-in-out .5s;
}

#searchResults_close:hover
{
    text-shadow: 0 0 6px rgba(231, 119, 119, 0.9);
    cursor: pointer;
}

/* .day .searchButton
{
    height: 36px;
    width: 36px;
    background: url(//46.202.173.33/assets/images/iconsprites.png) no-repeat -759px -84px;
}

.day .searchButton:hover
{
    background: url(//46.202.173.33/assets/images/iconsprites.png) no-repeat -719px -84px;
}

.evening .searchButton, .night .searchButton
{

    background: url(//46.202.173.33/assets/images/iconsprites.png) no-repeat -719px -84px;
}

.evening .searchButton:hover, .night .searchButton:hover
{
    background: url(//46.202.173.33/assets/images/iconsprites.png) no-repeat -759px -84px;
} */

.searchButton
{
    width: 37px;
    height: 39px;
    border-radius: 0 10px 10px 0;
    border-left-style: none;
    position: absolute;
    top: 52%;
    right: 0;
    transform: translate(-52%,-50%);
    background: url(//46.202.173.33/assets/images/iconsprites.png) no-repeat -719px -84px;
}

.searchButton:hover
{
    cursor: pointer;
}

#landing.evening
{
/*     background-image: linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */
/*     background-image: -o-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */
/*     background-image: -moz-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */
/*     background-image: -webkit-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */
/*     background-image: -ms-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */
}

#landing.night
{
/*     background-image: linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */
/*     background-image: -o-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */
/*     background-image: -moz-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */
/*     background-image: -webkit-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */
/*     background-image: -ms-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%); */ 
}

#landingBoxed
{
    background-repeat: no-repeat;
    background-image: linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%);
    background-image: -o-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%);
    background-image: -moz-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%);
    background-image: -webkit-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%);
    background-image: -ms-linear-gradient(bottom, rgb(38,38,38) 13%, rgb(0,0,0) 45%);
    width: 1145px;
    height: 740px;
    left: 50%;
    margin-left: -576px;
    position: absolute;
    top: 135px;
}

#homeLink
{
    width: 100%;
    max-width: 602px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block !important;
    margin-top: 235px;
}

.msmuLogo
{
    margin: 0 auto;
}

.daylogo
{
    background: url(//46.202.173.33/assets/images/landing/MSMU_WHITE.png) no-repeat;
    background-size: 100%;
    transition: background-image 0.2s ease-in-out;
    -webkit-transition: background-image 0.2s ease-in-out;
    -moz-transition: background-image 0.2s ease-in-out;
    -o-transition: background-image 0.2s ease-in-out;
    -ms-transition: background-image 0.2s ease-in-out;
    height: 150px;
    width: 475px;
    margin: auto;
}

.daylogo:hover {
    background: url(//46.202.173.33/assets/images/landing/MSMU_RED_GLOW.png) no-repeat;
    background-size: 100%;
    transition: background-image 0.2s ease-in-out;
    -webkit-transition: background-image 0.2s ease-in-out;
    -moz-transition: background-image 0.2s ease-in-out;
    -o-transition: background-image 0.2s ease-in-out;
    -ms-transition: background-image 0.2s ease-in-out;
}

.eveninglogo
{
    width: 602px;
    height: 160px;
    background: url(//46.202.173.33/assets/images/landing/MSMU_WHITE.png) no-repeat;
    transition: background-image 0.2s ease-in-out;
    -webkit-transition: background-image 0.2s ease-in-out;
    -moz-transition: background-image 0.2s ease-in-out;
    -o-transition: background-image 0.2s ease-in-out;
    -ms-transition: background-image 0.2s ease-in-out;
}

.eveninglogo:hover 
{
    background: url(//46.202.173.33/assets/images/landing/MSMU_RED_GLOW.png) no-repeat;
    transition: background-image 0.2s ease-in-out;
    -webkit-transition: background-image 0.2s ease-in-out;
    -moz-transition: background-image 0.2s ease-in-out;
    -o-transition: background-image 0.2s ease-in-out;
    -ms-transition: background-image 0.2s ease-in-out;
}

.nightlogo
{
    width: 602px;
    height: 160px;
    background: url(//46.202.173.33/assets/images/landing/MSMU_WHITE.png) no-repeat;
    transition: background-image 0.2s ease-in-out;
    -webkit-transition: background-image 0.2s ease-in-out;
    -moz-transition: background-image 0.2s ease-in-out;
    -o-transition: background-image 0.2s ease-in-out;
    -ms-transition: background-image 0.2s ease-in-out;
}

.nightlogo:hover
{
    background: url(//46.202.173.33/assets/images/landing/MSMU_RED_GLOW.png) no-repeat;
    transition: background-image 0.2s ease-in-out;
    -webkit-transition: background-image 0.2s ease-in-out;
    -moz-transition: background-image 0.2s ease-in-out;
    -o-transition: background-image 0.2s ease-in-out;
    -ms-transition: background-image 0.2s ease-in-out;
}

canvas:before
{
    content: '!!!!!!';
    display: block;
    width: 200px;
    height: 200px;
    background: rgba(255,255,255,1);
    position: relative;
}

.searchResults_friends_selector {
    margin-top: -10px; 
    margin-left: 0px; width: 36px; height: 56px;  cursor: pointer;
    background: url(//46.202.173.33/assets/images/iconsprites.png)no-repeat -240px -900px;
}

/**                        Register Box                          **/

.register_box {
    width: 310px;
    height: 610px;
    background: rgba(0,0,0,0.8);
    position: absolute;
    left: 50%;
    top: 0%;
    transition: all 0.5s;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    z-index: 2002;
    overflow-x: hidden;
    display: none;
}

.register_title {
    font-family: 'Open sans', sans-serif;
    text-align:  center;
    margin-top: 10px;
    color: #f2f2f2;
}

.register_form {
    width: 305px;
    height: 610px;
    /* overflow-y: scroll; */
    position: absolute;
    transition: all 0.5s;
    left: 5px;
}

.register_form.confirmed {
    left:-300px;
}

.formbox {
    width: 235px;
    padding: 5px;
    height: 30px;
    border-radius: 5px;
    border: none;
    margin-top: 10px;
    margin-left: 25px;
    padding-left: 10px;
}

.datebox {
    width: 40px;
    padding: 5px;
    height: 30px;
    border-radius: 5px;
    border: none;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
}

.monthbox {
    margin-left:25px;
}

.date_seperator {
    margin-left: 10px; 
}

.genderbox {
    margin-left: 39px;
    
    margin-top: 3px;
}

.gendercheck {
    margin-left: 27px !important;
    margin-right: 4px !important;
}

.gendertext {
    font-family: 'Open Sans', sans-serif;
    color: #f2f2f2;
}

.register_submit {
    font-family: 'Open sans', sans-serif;
    width: 100px;
    background: #00bff3;
    border-radius: 5px;
    text-align:  center;
    padding: 5px 10px;
    margin-top: 9px;
    margin-left: 85px;
    color: #fff;
    cursor: pointer;
}

.register_submit:hover {
    background: #fff;
    color: #00bff3;
}

.confirm_register {
    width: 280px;
    height: 300px;
    position: absolute;
    left: 300px;
    top: 135px;
    transition: all 0.5s;
    padding: 0px 10px 0px 10px;
    /* background-color: rgba(0,0,0,1); */
}

.confirm_register.confirmed {
    left:0px;
}

.reg_addfriends {
    color: #00bff3;
    cursor: pointer;
}

.reg_addfriends:hover{
    color: #fff;
}

.src_prevNext {
    color: #00bff3;
    cursor: pointer;
}

.src_prevNext:hover{
    color: #407fb3;
    background-color: rgba(0,0,0,0.1);
}

.reg_pp {
    color: #00bff3;
    cursor: pointer;
}

.reg_pp:hover {
    color: #fff;
}

/**                                     ADD FRIENDS                                     **/

.side_modal
{
    color: #fff;
    background: rgba(0,0,0,0.8);
    width: 390px;
    height: 480px;
    /* padding: 25px 19px 50px 17px; */
    padding-left: 17px;
    padding-right: 19px;
    /* padding-bottom: 50px; */
    top: 0;
    position: absolute;
    left: 50%;
    transform:  translate(-50%);
    z-index: 999;
    display: block;
    font-family: 'Open sans', sans-serif;
    transition: all 0.5s;
    display: none;
}

.side_modal_close
{
    cursor: pointer;
    font-size: 2em;
    font-weight: bold;
    float: right;
    position: absolute;
    color: white;
    right: 1px;
    top: 25px;
    z-index: 1005;
}

.side_modal_close:hover
{
    color: #00bff3;
}

#side_modal_title
{
    /* margin-top: -4px; */
    text-align: center;
}

.side_modal_title
{
    text-align: center;
    font-family: 'Open sans',sans-serif;
    color: #fff;
}

#side_modal_divider
{
    width: 100%;
    position: relative;
    /* left: 50%; */
    /* transform: translate(-50%); */
}

.modal_divider {
    border-top: 1px solid;
    border-top-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid;
    border-bottom-color: rgba(242, 242, 242, 0.17);
    /* margin-left: -79px; */
    margin-top: 5px;
    margin-bottom: 5px;
    height: 0;
    width: 109.8%;
    position: relative;
}

.side_modal p
{
    text-align: left;
    margin-top: 54px;
}

.browse_button
{
    cursor: pointer;
    font-size: 0.88em;
    color: white;
    background: #00BFF3;
    padding-top: 8px;
    padding-left: 160px;
    margin-top: -33px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 25px;
    width: 33%;
    float: right;
    text-align: center;
}

.side_modal input[type=text]
{
    border-radius: 5px;
    padding: 0 47px 0 10px;
    width: calc(100% - 57px);
    height: 36px;
    font-size: 16px;
    border: none;
    padding-left: 10px;
    position: relative;
    background: #FFF;
    color: #3C4145;
    display: block;
}

#add_contacts_modal {
    height: 230px;
}

.side_modal_search {
    position: relative;
    margin-top: 75px;
}

.side_modal_search input {
    border-radius: 5px;
    padding: 0 47px 0 10px;
    width: calc(100% - 57px);
    height: 36px;
}

.side_modal_search .searchBtn {
    background: url(//46.202.173.33/assets/images/iconsprites.png) no-repeat -719px -84px;
    height: 36px;
    width: 37px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 0;
}

.side_modal textarea
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    height: 79px;
    resize: none;
}

#add_to_list
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align:  center;
}

.add_to_sphere{
    display: inline-block;   
}

.add_text{
    margin-top: 5px;
    /* float: right; */
    font-size: 0.9em;
    
    color: #00BFF3;
}

.addTextMargin{
    margin-right: -4px; 
}

.side_modal_button
{
    margin-top: -4px;
    cursor: pointer;
    font-size: 0.88em;
    width: 356px;
    height: 29px;
    background-color: #00BFF3;
    padding-top: 13px;
    color: white;
}

#contactList
{
    text-align: left;
    margin-top: 11px;
    height: 23px;
}

#buttonsHolder
{
    height: 35px;
}

#contactListWrapper
{
    margin-top: 12px;
    height: 68px;
    width: 265px;
    overflow: hidden;
    position: relative;
}

#contactListContainer
{
    position: absolute;
    top: 0;
}

#side_modal_divider2
{
    /* margin-left: -18px; */
    width: 100%;
    margin-top: 100px;
    position: relative;
}

.modal_divider {
    border-top: 1px solid;
    border-top-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid;
    border-bottom-color: rgba(242, 242, 242, 0.17);
    /* margin-left: -79px; */
    margin-top: 5px;
    margin-bottom: 5px;
    height: 0;
    width: 100%;
    position: relative;
}

.side_modal_nav
{
    /* margin-left: -12px; */
}

.side_modal_up
{
    opacity: 0.5;
    height: 24px;
    float: right;
    width: 56px;
    cursor: pointer;
}

.side_modal_down
{
    opacity: 0.5;
    height: 23px;
    float: left;
    width: 50px;
    cursor: pointer;
    background: url(//46.202.173.33/assets/images/newcontroller.png) no-repeat -50px -511px;
}

.side_modal_down:hover {
    background-position: -50px -492px;
    
}

.side_modal_up
{
    opacity: 0.5;
    height: 24px;
    float: right;
    width: 48px;
    cursor: pointer;
    background: url(//46.202.173.33/assets/images/newcontroller.png) no-repeat -5px -512px;
}

.side_modal_up:hover {
    background-position: -5px -492px;

}


#clearContactList {
    width: 100px;
    padding: 5px 10px;
    background: #00bff3;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#searchContactListBtn {
    width: 100px;
    padding: 5px 10px;
    background: #00bff3;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
} 

.contact_entry{
    padding-top: 0px;
}

.socialActions
{
    background: url(//46.202.173.33/assets/images/newcontroller.png) no-repeat -8px -560px;
    width: 30px;
    height: 20px;
    display: inline-block;
    position: relative;
    opacity: 0.6;
    vertical-align: middle;
    margin: 5px 0;
    color: white;
    text-align: center;
    padding: 0 3px;
    user-select:none;
    cursor:pointer;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
}

.deleteContactListBtn {
    width: 13px;
    background-position: -8px -560px ;
}

.deleteContactListBtn:hover { 
    background-position: -28px -560px;
}



/*                                                                      ADD FRIENDS PART 2                                                 */

.add_friends_box2 {
    width: 500px;
    height: 500px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0px;
    z-index: 2002;
    transition: all 0.4s;
    background: rgba(0,0,0,0.8);
    display: none;
}

.add_friends_box2.open,
.signinbox.open,
#add_contacts_modal.open,
#register_box.open,
.popularprofiles_box control_submenu.open {
    display: block;
}

#add_friends_submodal_options{
    margin-top: 15px;
    font-size: 19px;
    color: #4a545d;
    /* text-align: center; */
}

#add_friends_submodal h2{
    margin-top: 8px;
    text-align: center;
    font-family: 'Open sans', sans-serif;
    color: #fff;
}

.friends_submodal h2 {
    text-align: center;
    font-family: 'Open sans', sans-serif;
    color: #f2f2f2;
}

.modal_inline_list {
    /* margin-left: 30px; */
    display: inline-block;
}

.modal_inline_list:hover{
    cursor: pointer;
}

.active_option {
    color: #fff !important;
}

.modal_inline_list {
    /* margin-left: 30px; */
    display: inline-block;
    background: #00bff3;
    padding: 10px 20px;
    border-radius: 5px;
    color: #4a545d;
    font-family: 'Open sans', sans-serif;
}

.modal_inline_list:hover{
    cursor: pointer;
}

.invite-message {
    margin: 0 10px;
}

.email-text-box {
    height: 40px;
    width: 430px;
    margin: 15px;
    border-radius: 10px;
    padding: 0 15px;
}

.invit {
    background: #00bff3;
    color: #fff;
    margin: auto;
    width: 200px;
    height: 50px;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    padding: 5px 10px;
    font-family: 'Open sans', sans-serif;
    font-weight: bold;
    cursor: pointer;
}

#invite_selected{
    margin-right:110px;
    display: none;
}

.selectedActionsBtn{
    height: 35px;
    width: 110px;
    font-size: 0.8em;
    position: absolute;
    bottom: 20px;
    left: 260px;
    background: #00bff3;
    border-radius: 5px;
    border: none;
    color: #fff;
    cursor: pointer;
}

#select_all{
    /* vertical-align:middle; */
    width: 100px;
    font-size: .9em;
    color: #88858B;
    position: absolute;
    bottom: 20px;
    left: 121px;
    background: #fff;
    padding: 3px 8px;
    border-radius: 5px;
    display: none;
}

#select_all:hover{
    cursor: pointer;
    color: #00BFF3;
}

#blue_tick{
    width: 15px;
    height: 22px;
    background: url(//46.202.173.33/assets/images/newcontroller.png) -95px -285px;
    float: left;
    margin-top: 6px;
    margin-left: 9px;
}

#select_all_text{
    float:left;
    margin-right: 0;
    padding-top: 3px;
    font-family: 'open sans', sans-serif;
}

#friends_list_container li { 
    height:58px;
}
#friends_list_container li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.3);
    
}

#friends_list_container {
    height: 416px;
    overflow: auto;
}

#friends_on_msmu {
    margin-left: 20px;
}

#friends_not_on_msmu {
    float: right;
    margin-right: 20px;
}

#existing_friends_sublist {
    list-style-type: none;
    
    color: #88858B;
    text-align: left;
    height: 305px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

#existing_friend {
    list-style: none;
}

.existing_friend {
    margin: 10px;
    width: 20%;
    height: 190px;
    cursor: pointer;
    float: left;
}

.friend_image{
    margin-top: -1.0px;
    width: 100%;
    display: inline-block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.add_selected_friend{
    margin-top: 19px !important;
    position: absolute;
    margin-left: -93px !important;
    display:  none;
}

#invite_friends_sublist{
    /* margin-left: -38px; */
    list-style-type: none;
    color: #f2f2f2;
    text-align: left;
    height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    display: none;
}

.invite_text_override{
    /* margin-right: -18px !important; */
    /* margin-top: 5px; */
    float: left;
    /* font-size: 0.9em; */
    color: #00BFF3;
}

#non_existant_friend {
    list-style: none;
}

.selected_friend{
    margin-top: 19px !important;
    /* position: absolute; */
    margin-left: -33px !important;
}

input[type=checkbox]
{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0;
    float:  left;
    /* margin-left: 25px; */
    /* margin-top: 140px; */
}

.invite_email_addr{
    font-size: 0.9em;
    position: relative;
    left: 25px;
    top: 10px;
    display: inline-block;
    font-family: 'Open sans', sans-serif;
}

.friend_email_addr{
    font-size: 1em;
    display: inline-block;
    color: #fff;
    font-family: 'Open sans', sans-serif;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: black;
    text-align: center;
    margin-top: -4px;
}

.invite_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -92px -266px;
    width: 14px;
    height: 24px;
    float: left;
}


.invite_user{
    display: inline-block;
    width: 80px;
}

.invited{
    width: 80px;
}

/**                                         SPHERES                                **/


.add_close {
    top: 0px;
    
    position: absolute;
    right: 10px;
    font-size: 2em;
    color: #fff;
}

#closeCurrentSpheres{
    color:#00BFF3;
    float:right;
    font-size: 1.3em;
    cursor: pointer;
    margin-top: -3px;   
}

#currentSpheres{
    position: absolute;
    bottom: -15px;
    right: 115px;
    width: 210px;
    height: 218px;
    overflow-y: auto;
    list-style-type: none;
    -moz-box-shadow: 0 0 50px gray;  
      
    box-shadow: 0 0 -8px #808080;
    color: #7B7F82;
    z-index: 1;
}

.currentSpheresOverride{
    margin-right: 54px !important;
    margin-top: -58px !important;
    width: 170px !important;
    z-index: 5;
    overflow: hidden;
}

.currentSphereStyleOverride{
    margin-left: 0 !important;
    
    
    width: 157px !important;
}

#currentSpheres li{
    padding-left: 13px;
    font-size: 15px;
    cursor: pointer;
    background: #181C1F;
    height: 42px;
    
    border-top: 1px solid;
    border-top-color: rgba(242, 242, 242, 0.17);
    border-bottom: 1px solid;
    border-bottom-color: rgba(0, 0, 0, 0.5);    
}

#currentSpheres li:nth-child(odd){
    background: #181C1F;
}

#currentSpheres li:last-child{
    border-bottom: 0;
    border-top: 1px solid;
    border-top-color: rgba(242, 242, 242, 0.17);    
}

#currentSpheres li:first{
    border-top: 1px solid;
    border-top-color: rgba(242, 242, 242, 0.17);    
    border-bottom: 1px solid;
    border-top-color: rgba(0, 0, 0, 0.5);   
}


#currentSpheres li:hover{
    background: #0E0E0E;
}

.list_header{
    background: #181C1F;
    padding-left: 10px;
    padding-right: 10px;
    height: 42px;

    border-bottom: 1px solid;
    border-bottom-color: rgba(0, 0, 0, 0.5) ;
    font-family: 'Open sans', sans-serif;
    font-size: 0.8em;
}

.alreadyAdded{
    color:#00BFF3 !important;
}

/**                                                     MY FRIENDS                                                      **/

.my_friends_submodal{
    color: #00BFF3;
    background: rgba(0,0,0,0.4);
    width: 300px;
    height: 499px;
    padding-left: 17px;
    padding-right: 19px;
    padding-bottom: 50px;
    position: absolute;
    bottom: 10px;
    left: 50%;    
    transform: translate(-50%);
    z-index: 2002;  
    display: none;
}

.all_my_friends_submodal_divider{
    margin-left: 10px;  
}

.all_my_friends_submodal_divider2{
    margin-left: 10px;  
}

.row2_small{
    position:relative;
}

.row2_small ul{
    float: left;
    text-align: left;
    
    margin-top: -1px;
    
    overflow: hidden;
    height:  20px;
    
    left: 0;
    padding: 0;
}

.row2_small ul li {
    cursor: pointer;
    color: #88858B;
    font-size: 0.8em;
    
    margin-right: 17px;
    display: inline;
    position: relative;
    
    left: 5px;   
}

#friends_scroll_left{
    width: 17px !important;
    height: 22px;
    float: left;
    margin-left: -16px;
    margin-top: -5px;
}

.smallLeftArrow{
    background: url(//46.202.173.33/assets/images/newcontroller.png) -268px -117px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg); /*opera*/
    transform: rotate(180deg); /*likely future standard*/
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    /*for filter: 1==90deg, 2==180deg, 3==270deg*/  
}

.smallLeftArrow:hover{
    cursor: pointer;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg); /*opera*/
    transform: rotate(180deg); /*likely future standard*/
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    /*for filter: 1==90deg, 2==180deg, 3==270deg*/  
    background: url(//46.202.173.33/assets/images/newcontroller.png) -268px -129px;
}

#friends_scroll_right{
    width: 17px !important;
    margin-top: 3px;
    height: 17px;
    margin-right: -14px;
    float: right;
}

.smallRightArrow{
    background: url(//46.202.173.33/assets/images/newcontroller.png) -268px -117px;
}

.smallRightArrow:hover{
    cursor: pointer;
    
    background: url(//46.202.173.33/assets/images/newcontroller.png) -268px -117px;
}

#spheres_go_here{
    left: 15px;
    position: absolute;
    top: 1px;
    white-space: nowrap;
    width: 90%;
}

.friends_active{
    color: #00BFF3 !important;  
}

#all_my_friends_submodal_divider1{
    margin-left: -18px;
    width: 111.5%;
    margin-top: 9.5%;
}

#friendsContainer{
    margin-top: 31px;
    margin-left: -16px;
    overflow: hidden;
    width: 348px;
    position: relative;
    height: 327px;
}

.row3{
    height: 450px;
}

.row3 ul {
    list-style-type: none;
    text-align: left;
}

#friends_go_here{
    position: relative;
    margin-top: 0;
}

#friends_go_here li{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -57px;
    width: 128%;
    height:80px;
}

#friends_go_here li:hover { 
    background: rgba(0,0,0,0.4);
    cursor: pointer !important; 
}

#friends_go_here li:hover .friend_element{
    color: #00BFF3 !important;
}

#friends_go_here li:hover .del_user{
    display: block;
}

#friends_go_here li:hover .change_sphere{
    opacity: 1;
}

.change_sphere{
    margin-top: 57px;
    font-size: 0.75em;
    margin-right: 42px;
    height:10px;
    float: right;
    opacity: 0;
}

.friend_element_image{    
    margin-top: 1px;
    margin-left: 30px;
    height: 76px;
    display: inline-block;
}

.friend_element{
    color: gray;
    text-align: left;
    top: -75px;
    padding-top: -96px;
    padding-left: 127px;
    width: 63%;
    height: 49px;
    display: inline-block;
    position: relative;
}

.del_user{
    margin-top: -5px;
    font-size: 1.1em;
    padding-right: 30px;
    float: right;
    display: none;
}

.side_modal_nav2
{
    padding-top: 1px;
    margin-left: -12px;
}

/*                                           popular profiles                               */

.popularprofiles_box {
    width: 422px;
    height: 600px;
    background: rgba(0,0,0,0.8);
    position:  absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -moz-transform: translate(-50%);
    transition: all 0.5s;
    z-index: 9999;
    display: none;
}

.popularprofiles_box.open {
    bottom: 75px;
    display: block;
}

.pp_profiles_box {
    max-height: 480px;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    margin-left: 12px;
}

#friends_list_container li { 
    height:58px;
}
#friends_list_container li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.3);
    
}

.pp_close_btn {
    /* background: #00bff3; */
    border-radius: 50%;
    width: 26px;
    height: 26px;
    color: #fff;
    text-align: center;
    font-size: 2em;
    position: absolute;
    top: 16px;
    right: 15px;
    cursor: pointer;
}

img.pp_image {
    width: 100%;
    height: 100%;
}

a.pp_a {
    color: #f2f2f2;
    font-style: normal;
    text-decoration: inherit;
}

a.pp_a:visited {
    color: #f2f2f2;
    text-decoration: inherit;
}
.closex{
    position: relative;
    top: -9px;
    left: 0px;
    font-weight: bold;
}

.pp_close_btn:hover {
    /* background: #fff; */
}

.pp_close_btn:hover .closex{
    color: #00bff3;
}

.pp_title {
    text-align: center;
    font-size: 1.3em;
    margin: 15px 0;
    color: #fff;
    font-family: 'Open sans',sans-serif;
}

.pp_profile {
    overflow: hidden;
}

.pp_profile:nth-child(even) {
    width: 398px;
    height: 60px;
    background: rgba(0,0,0,0.4);
}

.pp_profile:nth-child(odd) {
    width: 398px;
    height: 60px;
    background: rgba(0,0,0,0.6);
}

.pp_cb {
    position: relative;

    top: 22px;
    left: 10px;
}

.pp_img {
    width: 50px;
    height: 50px;
    background:#fff;
    position: relative;
    top: 5px;
    left: 22px;
    float:  left;
}

.pp_name {
    position: relative;

    top: 16px;
    left: 32px;
    float:  left;
    font-family: 'Open sans' sans-serif;
    width:230px;
    color: #fff;
}

 .pp_follow {
    width: 100px;
    height: 38px;
    background: #00bff3;
    position: relative;
    top: 11px;
    left: 290px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.add_button_position{
    text-align: center;
    width: 100%;
    background: #00bff3;
    color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -4px;
    position: static;
    height: auto;
}

.following {
    background: #fff !important;
    color:#00bff3 !important;
}

.following span {
    color: #00bff3;
}

.add_contacts_pp {
    text-align:center;
    color: #fff;
    cursor: pointer;
    width: 80%;
    height: 40px;
    background: #00bff3;
    border-radius: 5px;
    padding: 10px 0;
    display: inline-block;
}


.add_contacts_pp:hover {
    color: #00bff3;
    background: #f2f2f2;
}

.add_contacts_rec {
    text-align:center;
    color: #fff;
    cursor: pointer;
    width: 80%;
    height: 40px;
    background: #00bff3;
    border-radius: 5px;
    padding: 10px 0;
    display: inline-block;
}

.add_contacts_rec:hover {
    color: #00bff3;
    background: #f2f2f2;
}

.add_contact_or {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-left: -17px;
    top: 130px;
}

/* .pp_follow:hover {
    background: #fff;
} */

/* .pp_follow:hover .followtext{
    color: #00bff3;
} */

.followtext {
    position: relative;
    top: -42px;
    color: #fff;
    font-family: 'Open sans', sans-serif;
    cursor:pointer;
}

.confirm_follow_box {
    position: absolute;
    top: 0;
    width: 200px;
    height: 100px;
    color: #fff;
    left: 422px;
    background: rgba(0,0,0,0.5);
    z-index:2002;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    transition: all 0.3s;
    display: none;
    padding: 20px;
}

.confirm_follow_box.open {
    display: block;
}

.targetuser {
    margin: 20px 0;
}

.follow_yes {
    width: 50px;
    height: 30px;
    background: #00bff3;
    color: #fff;
    position: absolute;
    left: 160px;
    border-radius: 5px;
    padding-top: 5px;
    cursor: pointer;
}

.follow_yes:hover {
    color: #00bff3;
    background: #fff;
}

.follow_no:hover {
    color: #00bff3;
    background: #fff;
}

.follow_no {
    width: 50px;

    height: 30px;
    padding-top: 5px;
    background: #00bff3;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    left: 220px;
    cursor: pointer;
}

.pp_optionsbox {
    height: 62px;

    /* background: #999; */
    margin-left: 12px;
    margin-right: 12px;
}

.pp_selecttext {
    position: relative;

    top: 20px;
    left: 20px;
    font-family: 'Open sans',sans-serif;
    color: #fff;
}

.pp_followselect {
    width: 122px;
    
    position: absolute;
    left: 251px;
    bottom: 6px;
    background: #00bff3;
    width: 140px;
    height: 35px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    padding-top: 12px;
    font-family: 'Open sans', sans-serif;
    cursor: pointer;
}

.pp_followselect:hover {
    background: #fff;
    color: #00bff3;
}

.signinbox {
    width: 301px;
    height: 483px;
    background: none;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    background: rgba(0,0,0,0.8);
    /* background: black; */
    z-index: 2002;
    display: none;
}

.signinbox_title {
    text-align: center;
    font-family: 'Open sans' sans-serif;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.signinbox_form {
    width: 250px;
    height: 421px;
    /* background: rgba(0,0,0,0.4); */
    /* float: left; */
    margin-left: 20px;
}

.signinbox_uname{
    width: 195px;

    height: 30px;
    background: #fff;
    margin-left: 26px;
    border-radius: 6px;
    margin-top: 26px;
    border: none;
    padding-left: 5px;
}

.signinbox_pword {
    width: 195px; 
    height: 30px; 
    background: #fff; 
    margin-left: 26px; 
    border-radius: 6px; 
    margin-top: 10px;

    border:  none !important;
    padding-left: 5px;
}

.signinbox_submit {
    width: 200px; 
    height: 35px; 
    background: #00bff3; 
    margin-left: 26px; 
    border-radius: 6px; 
    margin-top: 10px;

    text-align: center;
    color: #ffffff;
    padding-top: 15px;
    font-family: 'Open sans', sans-serif;
    cursor: pointer;
}

.signinbox_forgot {
    
    color: #00bff3;
   /*color:orange;*/
    font-family: 'Open sans', sans-serif;
    text-align:  center;
    margin-top: 10px;
    cursor: pointer;
}

.signinbox_or {
    position:  absolute;
    
    top: 265px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff;
    font-family: 'Open-sans',sans-serif;
    text-align:  center;
    width: 200px;
}

.signinbox_register {
    width: 200px; 
    height: 35px; 
    background: #00bff3;  
    border-radius: 6px; 
    position: absolute;
    top: 289px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    text-align:  center;
    padding-top: 15px;
    font-family: 'Open sans', sans-serif;
    color:  #fff;
    cursor: pointer;
}

.signinbox_or_watch {
    position: absolute;
    top: 355px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff;
    font-family: 'Open-sans',sans-serif;
    text-align: center;
    width: 200px;
    display: flex;
}

.signinbox_or_watch div {
    border-top: 1px solid #fff;
    flex: 1;
    margin-top: 8px;
}

.signinbox_or_watch span {
    margin: 0 10px;
}

.watch-live {
    width: 200px;
    height: 35px;
    background: #00bff3;
    border-radius: 6px;
    position: absolute;
    top: 389px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    text-align: center;
    padding-top: 15px;
    font-family: 'Open sans', sans-serif;
    color: #fff;
    cursor: pointer;
}


/* ================================= */
/*font-awesome.css*/
/*!
 *  Font Awesome 4.1.0 by @davegandy - //fontawesome.io - @fontawesome
 *  License - //fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face
{
    font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.1.0');
  src: url('fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/font-awesome/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa
{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-home:before
{
    content: "\f015";
}

/* makes the font 33% larger relative to the icon container */
.fa-lg
{
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x
{
    font-size: 2em;
}

.fa-3x
{
    font-size: 3em;
}

.fa-4x
{
    font-size: 4em;
}

.fa-5x
{
    font-size: 5em;
}

.fa-fw
{
    width: 1.28571429em;
    text-align: center;
}

.fa-ul
{
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul > li
{
    position: relative;
}

.fa-li
{
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-li.fa-lg
{
    left: -1.85714286em;
}

.fa-border
{
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.pull-right
{
    float: right;
}

.pull-left
{
    float: left;
}

.fa.pull-left
{
    margin-right: .3em;
}

.fa.pull-right
{
    margin-left: .3em;
}

.fa-spin
{
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin
{
    0%
    {
        -moz-transform: rotate(0);
    }

    100%
    {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0);
    }

    100%
    {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin
{
    0%
    {
        -o-transform: rotate(0);
    }

    100%
    {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100%
    {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-stack
{
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x
{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x
{
    line-height: inherit;
}

.fa-stack-2x
{
    font-size: 2em;
}

.fa-inverse
{
    color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before
{
    content: "\f000";
}

.fa-music:before
{
    content: "\f001";
}

.fa-search:before
{
    content: "\f002";
}

.fa-envelope-o:before
{
    content: "\f003";
}

.fa-heart:before
{
    content: "\f004";
}

.fa-star:before
{
    content: "\f005";
}

.fa-star-o:before
{
    content: "\f006";
}

.fa-user:before
{
    content: "\f007";
}

.fa-film:before
{
    content: "\f008";
}

.fa-th-large:before
{
    content: "\f009";
}

.fa-th:before
{
    content: "\f00a";
}

.fa-th-list:before
{
    content: "\f00b";
}

.fa-check:before
{
    content: "\f00c";
}

.fa-times:before
{
    content: "\f00d";
}

.fa-search-plus:before
{
    content: "\f00e";
}

.fa-search-minus:before
{
    content: "\f010";
}

.fa-power-off:before
{
    content: "\f011";
}

.fa-signal:before
{
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before
{
    content: "\f013";
}

.fa-trash-o:before
{
    content: "\f014";
}

.fa-home:before
{
    content: "\f015";
}

.fa-file-o:before
{
    content: "\f016";
}

.fa-clock-o:before
{
    content: "\f017";
}

.fa-road:before
{
    content: "\f018";
}

.fa-download:before
{
    content: "\f019";
}

.fa-arrow-circle-o-down:before
{
    content: "\f01a";
}

.fa-arrow-circle-o-up:before
{
    content: "\f01b";
}

.fa-inbox:before
{
    content: "\f01c";
}

.fa-play-circle-o:before
{
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before
{
    content: "\f01e";
}

.fa-refresh:before
{
    content: "\f021";
}

.fa-list-alt:before
{
    content: "\f022";
}

.fa-lock:before
{
    content: "\f023";
}

.fa-flag:before
{
    content: "\f024";
}

.fa-headphones:before
{
    content: "\f025";
}

.fa-volume-off:before
{
    content: "\f026";
}

.fa-volume-down:before
{
    content: "\f027";
}

.fa-volume-up:before
{
    content: "\f028";
}

.fa-qrcode:before
{
    content: "\f029";
}

.fa-barcode:before
{
    content: "\f02a";
}

.fa-tag:before
{
    content: "\f02b";
}

.fa-tags:before
{
    content: "\f02c";
}

.fa-book:before
{
    content: "\f02d";
}

.fa-bookmark:before
{
    content: "\f02e";
}

.fa-print:before
{
    content: "\f02f";
}

.fa-camera:before
{
    content: "\f030";
}

.fa-font:before
{
    content: "\f031";
}

.fa-bold:before
{
    content: "\f032";
}

.fa-italic:before
{
    content: "\f033";
}

.fa-text-height:before
{
    content: "\f034";
}

.fa-text-width:before
{
    content: "\f035";
}

.fa-align-left:before
{
    content: "\f036";
}

.fa-align-center:before
{
    content: "\f037";
}

.fa-align-right:before
{
    content: "\f038";
}

.fa-align-justify:before
{
    content: "\f039";
}

.fa-list:before
{
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before
{
    content: "\f03b";
}

.fa-indent:before
{
    content: "\f03c";
}

.fa-video-camera:before
{
    content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before
{
    content: "\f03e";
}

.fa-pencil:before
{
    content: "\f040";
}

.fa-map-marker:before
{
    content: "\f041";
}

.fa-adjust:before
{
    content: "\f042";
}

.fa-tint:before
{
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before
{
    content: "\f044";
}

.fa-share-square-o:before
{
    content: "\f045";
}

.fa-check-square-o:before
{
    content: "\f046";
}

.fa-arrows:before
{
    content: "\f047";
}

.fa-step-backward:before
{
    content: "\f048";
}

.fa-fast-backward:before
{
    content: "\f049";
}

.fa-backward:before
{
    content: "\f04a";
}

.fa-play:before
{
    content: "\f04b";
}

.fa-pause:before
{
    content: "\f04c";
}

.fa-stop:before
{
    content: "\f04d";
}

.fa-forward:before
{
    content: "\f04e";
}

.fa-fast-forward:before
{
    content: "\f050";
}

.fa-step-forward:before
{
    content: "\f051";
}

.fa-eject:before
{
    content: "\f052";
}

.fa-chevron-left:before
{
    content: "\f053";
}

.fa-chevron-right:before
{
    content: "\f054";
}

.fa-plus-circle:before
{
    content: "\f055";
}

.fa-minus-circle:before
{
    content: "\f056";
}

.fa-times-circle:before
{
    content: "\f057";
}

.fa-check-circle:before
{
    content: "\f058";
}

.fa-question-circle:before
{
    content: "\f059";
}

.fa-info-circle:before
{
    content: "\f05a";
}

.fa-crosshairs:before
{
    content: "\f05b";
}

.fa-times-circle-o:before
{
    content: "\f05c";
}

.fa-check-circle-o:before
{
    content: "\f05d";
}

.fa-ban:before
{
    content: "\f05e";
}

.fa-arrow-left:before
{
    content: "\f060";
}

.fa-arrow-right:before
{
    content: "\f061";
}

.fa-arrow-up:before
{
    content: "\f062";
}

.fa-arrow-down:before
{
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before
{
    content: "\f064";
}

.fa-expand:before
{
    content: "\f065";
}

.fa-compress:before
{
    content: "\f066";
}

.fa-plus:before
{
    content: "\f067";
}

.fa-minus:before
{
    content: "\f068";
}

.fa-asterisk:before
{
    content: "\f069";
}

.fa-exclamation-circle:before
{
    content: "\f06a";
}

.fa-gift:before
{
    content: "\f06b";
}

.fa-leaf:before
{
    content: "\f06c";
}

.fa-fire:before
{
    content: "\f06d";
}

.fa-eye:before
{
    content: "\f06e";
}

.fa-eye-slash:before
{
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before
{
    content: "\f071";
}

.fa-plane:before
{
    content: "\f072";
}

.fa-calendar:before
{
    content: "\f073";
}

.fa-random:before
{
    content: "\f074";
}

.fa-comment:before
{
    content: "\f075";
}

.fa-magnet:before
{
    content: "\f076";
}

.fa-chevron-up:before
{
    content: "\f077";
}

.fa-chevron-down:before
{
    content: "\f078";
}

.fa-retweet:before
{
    content: "\f079";
}

.fa-shopping-cart:before
{
    content: "\f07a";
}

.fa-folder:before
{
    content: "\f07b";
}

.fa-folder-open:before
{
    content: "\f07c";
}

.fa-arrows-v:before
{
    content: "\f07d";
}

.fa-arrows-h:before
{
    content: "\f07e";
}

.fa-bar-chart-o:before
{
    content: "\f080";
}

.fa-twitter-square:before
{
    content: "\f081";
}

.fa-facebook-square:before
{
    content: "\f082";
}

.fa-camera-retro:before
{
    content: "\f083";
}

.fa-key:before
{
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before
{
    content: "\f085";
}

.fa-comments:before
{
    content: "\f086";
}

.fa-thumbs-o-up:before
{
    content: "\f087";
}

.fa-thumbs-o-down:before
{
    content: "\f088";
}

.fa-star-half:before
{
    content: "\f089";
}

.fa-heart-o:before
{
    content: "\f08a";
}

.fa-sign-out:before
{
    content: "\f08b";
}

.fa-linkedin-square:before
{
    content: "\f08c";
}

.fa-thumb-tack:before
{
    content: "\f08d";
}

.fa-external-link:before
{
    content: "\f08e";
}

.fa-sign-in:before
{
    content: "\f090";
}

.fa-trophy:before
{
    content: "\f091";
}

.fa-github-square:before
{
    content: "\f092";
}

.fa-upload:before
{
    content: "\f093";
}

.fa-lemon-o:before
{
    content: "\f094";
}

.fa-phone:before
{
    content: "\f095";
}

.fa-square-o:before
{
    content: "\f096";
}

.fa-bookmark-o:before
{
    content: "\f097";
}

.fa-phone-square:before
{
    content: "\f098";
}

.fa-twitter:before
{
    content: "\f099";
}

.fa-facebook:before
{
    content: "\f09a";
}

.fa-github:before
{
    content: "\f09b";
}

.fa-unlock:before
{
    content: "\f09c";
}

.fa-credit-card:before
{
    content: "\f09d";
}

.fa-rss:before
{
    content: "\f09e";
}

.fa-hdd-o:before
{
    content: "\f0a0";
}

.fa-bullhorn:before
{
    content: "\f0a1";
}

.fa-bell:before
{
    content: "\f0f3";
}

.fa-certificate:before
{
    content: "\f0a3";
}

.fa-hand-o-right:before
{
    content: "\f0a4";
}

.fa-hand-o-left:before
{
    content: "\f0a5";
}

.fa-hand-o-up:before
{
    content: "\f0a6";
}

.fa-hand-o-down:before
{
    content: "\f0a7";
}

.fa-arrow-circle-left:before
{
    content: "\f0a8";
}

.fa-arrow-circle-right:before
{
    content: "\f0a9";
}

.fa-arrow-circle-up:before
{
    content: "\f0aa";
}

.fa-arrow-circle-down:before
{
    content: "\f0ab";
}

.fa-globe:before
{
    content: "\f0ac";
}

.fa-wrench:before
{
    content: "\f0ad";
}

.fa-tasks:before
{
    content: "\f0ae";
}

.fa-filter:before
{
    content: "\f0b0";
}

.fa-briefcase:before
{
    content: "\f0b1";
}

.fa-arrows-alt:before
{
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before
{
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before
{
    content: "\f0c1";
}

.fa-cloud:before
{
    content: "\f0c2";
}

.fa-flask:before
{
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before
{
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before
{
    content: "\f0c5";
}

.fa-paperclip:before
{
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before
{
    content: "\f0c7";
}

.fa-square:before
{
    content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before
{
    content: "\f0c9";
}

.fa-list-ul:before
{
    content: "\f0ca";
}

.fa-list-ol:before
{
    content: "\f0cb";
}

.fa-strikethrough:before
{
    content: "\f0cc";
}

.fa-underline:before
{
    content: "\f0cd";
}

.fa-table:before
{
    content: "\f0ce";
}

.fa-magic:before
{
    content: "\f0d0";
}

.fa-truck:before
{
    content: "\f0d1";
}

.fa-pinterest:before
{
    content: "\f0d2";
}

.fa-pinterest-square:before
{
    content: "\f0d3";
}

.fa-google-plus-square:before
{
    content: "\f0d4";
}

.fa-google-plus:before
{
    content: "\f0d5";
}

.fa-money:before
{
    content: "\f0d6";
}

.fa-caret-down:before
{
    content: "\f0d7";
}

.fa-caret-up:before
{
    content: "\f0d8";
}

.fa-caret-left:before
{
    content: "\f0d9";
}

.fa-caret-right:before
{
    content: "\f0da";
}

.fa-columns:before
{
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before
{
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before
{
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before
{
    content: "\f0de";
}

.fa-envelope:before
{
    content: "\f0e0";
}

.fa-linkedin:before
{
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before
{
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before
{
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before
{
    content: "\f0e4";
}

.fa-comment-o:before
{
    content: "\f0e5";
}

.fa-comments-o:before
{
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before
{
    content: "\f0e7";
}

.fa-sitemap:before
{
    content: "\f0e8";
}

.fa-umbrella:before
{
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before
{
    content: "\f0ea";
}

.fa-lightbulb-o:before
{
    content: "\f0eb";
}

.fa-exchange:before
{
    content: "\f0ec";
}

.fa-cloud-download:before
{
    content: "\f0ed";
}

.fa-cloud-upload:before
{
    content: "\f0ee";
}

.fa-user-md:before
{
    content: "\f0f0";
}

.fa-stethoscope:before
{
    content: "\f0f1";
}

.fa-suitcase:before
{
    content: "\f0f2";
}

.fa-bell-o:before
{
    content: "\f0a2";
}

.fa-coffee:before
{
    content: "\f0f4";
}

.fa-cutlery:before
{
    content: "\f0f5";
}

.fa-file-text-o:before
{
    content: "\f0f6";
}

.fa-building-o:before
{
    content: "\f0f7";
}

.fa-hospital-o:before
{
    content: "\f0f8";
}

.fa-ambulance:before
{
    content: "\f0f9";
}

.fa-medkit:before
{
    content: "\f0fa";
}

.fa-fighter-jet:before
{
    content: "\f0fb";
}

.fa-beer:before
{
    content: "\f0fc";
}

.fa-h-square:before
{
    content: "\f0fd";
}

.fa-plus-square:before
{
    content: "\f0fe";
}

.fa-angle-double-left:before
{
    content: "\f100";
}

.fa-angle-double-right:before
{
    content: "\f101";
}

.fa-angle-double-up:before
{
    content: "\f102";
}

.fa-angle-double-down:before
{
    content: "\f103";
}

.fa-angle-left:before
{
    content: "\f104";
}

.fa-angle-right:before
{
    content: "\f105";
}

.fa-angle-up:before
{
    content: "\f106";
}

.fa-angle-down:before
{
    content: "\f107";
}

.fa-desktop:before
{
    content: "\f108";
}

.fa-laptop:before
{
    content: "\f109";
}

.fa-tablet:before
{
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before
{
    content: "\f10b";
}

.fa-circle-o:before
{
    content: "\f10c";
}

.fa-quote-left:before
{
    content: "\f10d";
}

.fa-quote-right:before
{
    content: "\f10e";
}

.fa-spinner:before
{
    content: "\f110";
}

.fa-circle:before
{
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before
{
    content: "\f112";
}

.fa-github-alt:before
{
    content: "\f113";
}

.fa-folder-o:before
{
    content: "\f114";
}

.fa-folder-open-o:before
{
    content: "\f115";
}

.fa-smile-o:before
{
    content: "\f118";
}

.fa-frown-o:before
{
    content: "\f119";
}

.fa-meh-o:before
{
    content: "\f11a";
}

.fa-gamepad:before
{
    content: "\f11b";
}

.fa-keyboard-o:before
{
    content: "\f11c";
}

.fa-flag-o:before
{
    content: "\f11d";
}

.fa-flag-checkered:before
{
    content: "\f11e";
}

.fa-terminal:before
{
    content: "\f120";
}

.fa-code:before
{
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before
{
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before
{
    content: "\f123";
}

.fa-location-arrow:before
{
    content: "\f124";
}

.fa-crop:before
{
    content: "\f125";
}

.fa-code-fork:before
{
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before
{
    content: "\f127";
}

.fa-question:before
{
    content: "\f128";
}

.fa-info:before
{
    content: "\f129";
}

.fa-exclamation:before
{
    content: "\f12a";
}

.fa-superscript:before
{
    content: "\f12b";
}

.fa-subscript:before
{
    content: "\f12c";
}

.fa-eraser:before
{
    content: "\f12d";
}

.fa-puzzle-piece:before
{
    content: "\f12e";
}

.fa-microphone:before
{
    content: "\f130";
}

.fa-microphone-slash:before
{
    content: "\f131";
}

.fa-shield:before
{
    content: "\f132";
}

.fa-calendar-o:before
{
    content: "\f133";
}

.fa-fire-extinguisher:before
{
    content: "\f134";
}

.fa-rocket:before
{
    content: "\f135";
}

.fa-maxcdn:before
{
    content: "\f136";
}

.fa-chevron-circle-left:before
{
    content: "\f137";
}

.fa-chevron-circle-right:before
{
    content: "\f138";
}

.fa-chevron-circle-up:before
{
    content: "\f139";
}

.fa-chevron-circle-down:before
{
    content: "\f13a";
}

.fa-html5:before
{
    content: "\f13b";
}

.fa-css3:before
{
    content: "\f13c";
}

.fa-anchor:before
{
    content: "\f13d";
}

.fa-unlock-alt:before
{
    content: "\f13e";
}

.fa-bullseye:before
{
    content: "\f140";
}

.fa-ellipsis-h:before
{
    content: "\f141";
}

.fa-ellipsis-v:before
{
    content: "\f142";
}

.fa-rss-square:before
{
    content: "\f143";
}

.fa-play-circle:before
{
    content: "\f144";
}

.fa-ticket:before
{
    content: "\f145";
}

.fa-minus-square:before
{
    content: "\f146";
}

.fa-minus-square-o:before
{
    content: "\f147";
}

.fa-level-up:before
{
    content: "\f148";
}

.fa-level-down:before
{
    content: "\f149";
}

.fa-check-square:before
{
    content: "\f14a";
}

.fa-pencil-square:before
{
    content: "\f14b";
}

.fa-external-link-square:before
{
    content: "\f14c";
}

.fa-share-square:before
{
    content: "\f14d";
}

.fa-compass:before
{
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before
{
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before
{
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before
{
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before
{
    content: "\f153";
}

.fa-gbp:before
{
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before
{
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before
{
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before
{
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before
{
    content: "\f158";
}

.fa-won:before,
.fa-krw:before
{
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before
{
    content: "\f15a";
}

.fa-file:before
{
    content: "\f15b";
}

.fa-file-text:before
{
    content: "\f15c";
}

.fa-sort-alpha-asc:before
{
    content: "\f15d";
}

.fa-sort-alpha-desc:before
{
    content: "\f15e";
}

.fa-sort-amount-asc:before
{
    content: "\f160";
}

.fa-sort-amount-desc:before
{
    content: "\f161";
}

.fa-sort-numeric-asc:before
{
    content: "\f162";
}

.fa-sort-numeric-desc:before
{
    content: "\f163";
}

.fa-thumbs-up:before
{
    content: "\f164";
}

.fa-thumbs-down:before
{
    content: "\f165";
}

.fa-youtube-square:before
{
    content: "\f166";
}

.fa-youtube:before
{
    content: "\f167";
}

.fa-xing:before
{
    content: "\f168";
}

.fa-xing-square:before
{
    content: "\f169";
}

.fa-youtube-play:before
{
    content: "\f16a";
}

.fa-dropbox:before
{
    content: "\f16b";
}

.fa-stack-overflow:before
{
    content: "\f16c";
}

.fa-instagram:before
{
    content: "\f16d";
}

.fa-flickr:before
{
    content: "\f16e";
}

.fa-adn:before
{
    content: "\f170";
}

.fa-bitbucket:before
{
    content: "\f171";
}

.fa-bitbucket-square:before
{
    content: "\f172";
}

.fa-tumblr:before
{
    content: "\f173";
}

.fa-tumblr-square:before
{
    content: "\f174";
}

.fa-long-arrow-down:before
{
    content: "\f175";
}

.fa-long-arrow-up:before
{
    content: "\f176";
}

.fa-long-arrow-left:before
{
    content: "\f177";
}

.fa-long-arrow-right:before
{
    content: "\f178";
}

.fa-apple:before
{
    content: "\f179";
}

.fa-windows:before
{
    content: "\f17a";
}

.fa-android:before
{
    content: "\f17b";
}

.fa-linux:before
{
    content: "\f17c";
}

.fa-dribbble:before
{
    content: "\f17d";
}

.fa-skype:before
{
    content: "\f17e";
}

.fa-foursquare:before
{
    content: "\f180";
}

.fa-trello:before
{
    content: "\f181";
}

.fa-female:before
{
    content: "\f182";
}

.fa-male:before
{
    content: "\f183";
}

.fa-gittip:before
{
    content: "\f184";
}

.fa-sun-o:before
{
    content: "\f185";
}

.fa-moon-o:before
{
    content: "\f186";
}

.fa-archive:before
{
    content: "\f187";
}

.fa-bug:before
{
    content: "\f188";
}

.fa-vk:before
{
    content: "\f189";
}

.fa-weibo:before
{
    content: "\f18a";
}

.fa-renren:before
{
    content: "\f18b";
}

.fa-pagelines:before
{
    content: "\f18c";
}

.fa-stack-exchange:before
{
    content: "\f18d";
}

.fa-arrow-circle-o-right:before
{
    content: "\f18e";
}

.fa-arrow-circle-o-left:before
{
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before
{
    content: "\f191";
}

.fa-dot-circle-o:before
{
    content: "\f192";
}

.fa-wheelchair:before
{
    content: "\f193";
}

.fa-vimeo-square:before
{
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before
{
    content: "\f195";
}

.fa-plus-square-o:before
{
    content: "\f196";
}

.fa-space-shuttle:before
{
    content: "\f197";
}

.fa-slack:before
{
    content: "\f198";
}

.fa-envelope-square:before
{
    content: "\f199";
}

.fa-wordpress:before
{
    content: "\f19a";
}

.fa-openid:before
{
    content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before
{
    content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before
{
    content: "\f19d";
}

.fa-yahoo:before
{
    content: "\f19e";
}

.fa-google:before
{
    content: "\f1a0";
}

.fa-reddit:before
{
    content: "\f1a1";
}

.fa-reddit-square:before
{
    content: "\f1a2";
}

.fa-stumbleupon-circle:before
{
    content: "\f1a3";
}

.fa-stumbleupon:before
{
    content: "\f1a4";
}

.fa-delicious:before
{
    content: "\f1a5";
}

.fa-digg:before
{
    content: "\f1a6";
}

.fa-pied-piper-square:before,
.fa-pied-piper:before
{
    content: "\f1a7";
}

.fa-pied-piper-alt:before
{
    content: "\f1a8";
}

.fa-drupal:before
{
    content: "\f1a9";
}

.fa-joomla:before
{
    content: "\f1aa";
}

.fa-language:before
{
    content: "\f1ab";
}

.fa-fax:before
{
    content: "\f1ac";
}

.fa-building:before
{
    content: "\f1ad";
}

.fa-child:before
{
    content: "\f1ae";
}

.fa-paw:before
{
    content: "\f1b0";
}

.fa-spoon:before
{
    content: "\f1b1";
}

.fa-cube:before
{
    content: "\f1b2";
}

.fa-cubes:before
{
    content: "\f1b3";
}

.fa-behance:before
{
    content: "\f1b4";
}

.fa-behance-square:before
{
    content: "\f1b5";
}

.fa-steam:before
{
    content: "\f1b6";
}

.fa-steam-square:before
{
    content: "\f1b7";
}

.fa-recycle:before
{
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before
{
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before
{
    content: "\f1ba";
}

.fa-tree:before
{
    content: "\f1bb";
}

.fa-spotify:before
{
    content: "\f1bc";
}

.fa-deviantart:before
{
    content: "\f1bd";
}

.fa-soundcloud:before
{
    content: "\f1be";
}

.fa-database:before
{
    content: "\f1c0";
}

.fa-file-pdf-o:before
{
    content: "\f1c1";
}

.fa-file-word-o:before
{
    content: "\f1c2";
}

.fa-file-excel-o:before
{
    content: "\f1c3";
}

.fa-file-powerpoint-o:before
{
    content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before
{
    content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before
{
    content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before
{
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before
{
    content: "\f1c8";
}

.fa-file-code-o:before
{
    content: "\f1c9";
}

.fa-vine:before
{
    content: "\f1ca";
}

.fa-codepen:before
{
    content: "\f1cb";
}

.fa-jsfiddle:before
{
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before
{
    content: "\f1cd";
}

.fa-circle-o-notch:before
{
    content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before
{
    content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before
{
    content: "\f1d1";
}

.fa-git-square:before
{
    content: "\f1d2";
}

.fa-git:before
{
    content: "\f1d3";
}

.fa-hacker-news:before
{
    content: "\f1d4";
}

.fa-tencent-weibo:before
{
    content: "\f1d5";
}

.fa-qq:before
{
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before
{
    content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before
{
    content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before
{
    content: "\f1d9";
}

.fa-history:before
{
    content: "\f1da";
}

.fa-circle-thin:before
{
    content: "\f1db";
}

.fa-header:before
{
    content: "\f1dc";
}

.fa-paragraph:before
{
    content: "\f1dd";
}

.fa-sliders:before
{
    content: "\f1de";
}

.fa-share-alt:before
{
    content: "\f1e0";
}

.fa-share-alt-square:before
{
    content: "\f1e1";
}

.fa-bomb:before
{
    content: "\f1e2";
}



div#open_register {
    width: 261px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block !important;
    margin-bottom: 40px;
}

.front_button {
    font-family: 'Open sans', sans-serif;
    background: #00bff3;
    border-radius: 5px;
    text-align: center;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
    width: 160px;
    height: 60px;
    font-weight: bold;
    margin: 10px;
    display: table;
    font-size: 20px;
    text-transform: uppercase;
}

.front_button:hover {
    background: #fff;
    color: #00bff3;
}

.signinbox_register:hover {
    background: #fff;
    color: #00bff3;
}

.signinbox_submit:hover {
    background: #fff;
    color: #00bff3;
}

input#searchUsers {
    width: 195px;
    height: 30px;
    background: #fff;
    margin-left: 26px;
    border-radius: 6px;
    margin-top: 26px;
    border: none;
    padding-left: 5px;
    position: absolute;
}

div#searchUserDiv {
    position: absolute;
    top: 510px;
    width: 100%;
    left: 0px;
    height: 80px;
    background-color: rgba(0,0,0,0.8);
    display: none;
}

div#searchUsersButton {
    text-align: center;
    color: #fff;
    cursor: pointer;
    width: 100px;
    height: 30px;
    background: #00bff3;
    border-radius: 5px;
    position: absolute;
    padding-top: 10px;
    left: 235px;
    top: 20px;
}

.modal .modal-header {
    width: inherit;
    margin-bottom: 15px;
}

.modal .modal-header .modal-title {
    font-size: 2rem;
}

.modal .modal-body {
    width: inherit;
    text-align: center;
    font-size: 1.5rem;
}

.modal .modal-footer {
    width: inherit;
    margin-top: 15px;
}

.modal .modal-footer .button {
    float: right;
}

.bottom-section {
    width: 100%;
    position: fixed;
    bottom: 0;
}

.button-section-buttons {
    width: 380px;
    margin: auto;
}

.button_container {
    height: 100px;
    position: relative;
    display: flex;
}

#action_btn {
    margin-left: 0;
}

#getFriends,
#startNow {
    margin-right: 0;
}

#action_btn span,
#getFriends span,
#startNow span {
    display: table-cell;
    vertical-align: middle;
}

#carousel {
    width: 800px;
    height: 300px;
    margin: 80px auto 0 calc(50vw - 400px);
}

#carousel img {
    height: 270px;
    width: 148px;
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
}

#carousel .carousel-watch-button {
    position: absolute;
    top: 244px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 5;
    font-size: 20px;
    font-family: 'Roboto-bold';
    font-weight: bold;
    color: #94070A;
}

#carousel .dva {
    position: absolute;
    text-align: center;
    z-index: 5;
    font-size: 16px;
    font-family: 'Roboto-bold';
    font-weight: bold;
    color: #636466;
}

.center-content {
    text-align: center;
    position: absolute;
    margin-top: 10px;
    display: flex;
    left: 0;
    width: 100%;
}

.btn-container {
    width: 100%;
    flex: 1;
}

@font-face {
	font-family: 'Roboto';
	src: url(//46.202.173.33/assets/fonts/Roboto-Regular.ttf);
}

@font-face {
	font-family: 'Roboto-bold';
    font-weight: bold;
	src: url(//46.202.173.33/assets/fonts/Roboto-Bold.ttf);
}

@media only screen and (max-height: 845px) {
    .bottom-section {
        position: relative;
    }

    #landing {
        height: auto;
    }
}