/******************************************  NEW CONTROLLER STYLES *****************************************/
body
{
    margin: 0px;
    font-family: 'Open sans', sans-serif !important;
}

a {
    text-decoration: none;
}

#vidCont
{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    bottom: 0px;
}

#jwp_wrapper
{
    height: 100% !important;
}

.control_container
{
    position:absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* background: #fff; */
    /* background: black; */
}

.controlBox
{
    z-index: 2000;
    width: 380px;
    min-width: 380px;
    height: 380px;
    background: none;
    position: absolute;
    bottom: -380px;
    text-align: center;
    transition: bottom 0.5s;
}

.controlBox.available
{
    bottom: 5px;
    transition: bottom 0.5s;
}

.controlBox.open
{
    bottom: 300px;
    transition: bottom 0.5s;
}

.controlBox.udemandopen.open
{
    bottom: 300px;
}

.control_main_circle
{
    width: 275px;
    height: 275px;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    bottom: 20px;
}

.control_option_out
{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    cursor: pointer;
}
.control_channel_image
{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

/************* LEFT SIDE (STRONG SIDE!) *************/

.control_left .control_main_circle
{
    position: absolute;
    left: 20px;
}

.control_ad_title
{
    position: absolute;
    top: 51px;
    left: 80px;
    color: #00bff3;
    display:  none;
}

.control_ad
{
    /* background: url(//46.202.173.33/assets/images/coke.jpg)no-repeat; */
    width: 230px;
    height: 210px;
    position: absolute;
    top: 25px;
    left: 23px;
    border-radius: 5px;
    overflow: hidden;
}

.control_vox
{
    width: 151px;
    height: 21px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -5px -219px;
    top: 214px;
    left: 61px;
    position:  absolute;
    cursor: pointer;
}

.control_vox:hover 
{
    background-position: -5px -246px;
}

.control_vox.open
{
    background-position: -5px -246px;
}

.control_settings
{
    position: absolute;
    top: 0px;
    left: 100px;
}

.control_settings_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -211px -419px;
    width: 47px;
    height: 37px;
    position: absolute;
    left: 14px;
    top: 18px;
}

.control_settings.open .control_settings_icon
{
    background-position: -211px -453px;
}

.control_settings:hover .control_settings_icon
{
    background-position: -211px -453px;  
}

.control_fullscreen
{
    position: absolute;
    top: 20px;
    left: 210px;
}

.control_fullscreen_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -99px -500px;
    width: 40px;
    height: 35px;
    position: absolute;
    left: 17px;
    top: 21px;
}

.control_fullscreen:hover .control_fullscreen_icon
{
    background-position: -99px -536px;
}

/* .control_fullscreen.full .control_fullscreen_icon
{
    background-position: -99px -536px;    
} */

.control_udemand.open .control_udemand_icon
{
    background-position: -194px -535px;    
}

.control_udemand
{
    position: absolute;
    top: 100px;
    left: 290px;
}

.control_udemand_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -194px -505px;
    width: 39px;
    height: 29px;
    position: absolute;
    left: 19px;
    top: 24px;
}

.control_udemand:hover .control_udemand_icon
{
    background-position: -194px -535px;
}

.control_weboptions
{
    position: absolute;
    top: 205px;
    left: 310px;
}

.control_weboptions_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -170px -408px;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 18px;
    top: 17px;
}

.control_weboptions:hover .control_weboptions_icon
{
    background-position: -170px -452px;
}

.control_weboptions.open .control_weboptions_icon
{
    background-position: -170px -452px;
}

.control_series
{
    position: absolute;
    top: 205px;
    left: 310px;
}

.control_series_icon
{
    background:url('//46.202.173.33/assets/images/tv_gray.png') no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 18px;
    top: 17px;
}

.control_series:hover .control_series_icon
{
    background:url('//46.202.173.33/assets/images/tv.png') no-repeat;
}



/********* RIGHT SIDE **************/

.control_right {
    right: 0;
}

.control_right .control_main_circle
{
    position: absolute;
    right: 20px;
}



.control_social
{
    position: absolute;
    top: 205px;
    right: 310px;
}

.control_social_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -199px -170px;
    width: 15px;
    height: 44px;
    position: absolute;
    left: 29px;
    top: 17px;
}

.control_social:hover .control_social_icon
{
    background-position: -180px -170px;
}

.control_social.open .control_social_icon
{
    background-position: -137px -450px;
}

.control_guide.open .control_guide_icon
{
    background-position: -94px -452px;   
}

.control_guide
{
    position: absolute;
    top: 100px;
    right: 290px;
}

.control_guide_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -94px -406px;
    width: 41px;
    height: 29px;
    position: absolute;
    left: 19px;
    top: 23px;
}

.control_guide:hover .control_guide_icon
{
    background-position: -94px -452px;
}

.control_vote
{
    position: absolute;
    top: 20px;
    right: 210px;
}

.control_vote_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -52px -404px;
    width: 39px;
    height: 39px;
    position: absolute;
    left: 18px;
    top: 17px;
}

.control_vote:hover .control_vote_icon
{
    background-position: -52px -450px;
}

.control_vote.open .control_vote_icon
{
    background-position: -52px -449px;
}

.control_chat_icon.control_icon {
    /* box-shadow: 0px 0px 50px #00bff3; */
    /* transition: all 1s ease-in-out; */
}

.chatglow {
    width: 2px;
    height: 2px;
    border-radius: 1px;
    position: relative;
    left: 37px;
    top: 37px;
}

.chatglow.glowing {
    -webkit-animation: iconglow 3s ease-in-out infinite;
    -mox-animation: iconglow 3s ease-in-out infinite;
    -o-animation: iconglow 3s ease-in-out infinite;
    animation: iconglow 3s ease-in-out infinite;
}

@-webkit-keyframes iconglow {
    0% {box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);}
    50% {box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.2);}
    100% {box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);}
}

@-mox-keyframes iconglow {
    0% {box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);}
    50% {box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.2);}
    100% {box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);}
}

@-o-keyframes iconglow {
    0% {box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);}
    50% {box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.2);}
    100% {box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);}
}

@keyframes iconglow {
    0% {box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);}
    50% {box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.2);}
    100% {box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);}
}

.control_chat
{
    position: absolute;
    top: 0px;
    right: 100px;
}

.control_chat_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -7px -356px;
    width: 43px;
    height: 40px;
    position: absolute;
    left: 18px;
    top: 19px;
    /* display: none; */
}

.control_chat:hover .control_chat_icon
{
    background-position: -51px -356px;
}

.control_chat.open .control_chat_icon 
{
    background-position: -51px -356px;
}

/***** INNER CIRCLE OPTIONS *******/

.control_option_in
{
    width: 75px;
    height: 75px;
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    color: #4a545d;
}

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

.control_chanup
{
    position: absolute;
    top: 10px;
    left: 100px;
}

.control_chanup_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -120px 2px;
    width: 45px;
    height: 52px;
    position: absolute;
    top: 10px;
    left: 16px;
}

.control_chanup:hover .control_chanup_icon
{
    background-position: -120px -54px;
}

.chan_arrow
{
    font-size: 2.5em;
    line-height: 0px;
    position:  absolute;
    top: 20px;
    left: 19px;
}

.chan_down
{
    top: 50px;
}
/*.control_chanup:hover .control_chanup_icon
{
    background-position: 10px -544px;
}*/

/*.control_chanup:hover .chanupwords
{
    color: #00bff3;
}*/

.control_chandown
{
    position: absolute;
    top: 190px;
    left: 100px;
}

.control_chandown_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -170px 0px; 
    width: 42px; 
    height: 48px;
    position:  absolute;
    top: 15px;
    left: 17px;
}

.control_chandown:hover .control_chandown_icon
{
    background-position: -170px -56px;
}

/*.control_chandown:hover .control_chandown_icon
{
    background-position: -34px -577px;
}*/

/*.control_chandown:hover .chandownwords
{
    color: #00bff3;
}*/

.control_voldown
{
    position: absolute;
    top: 100px;
    left: 10px;
}

.control_volup_icon
{
    top: 22px;
    left: 23px;
    position: absolute;
    height: 33px;
    width: 32px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -126px -108px;
}

/*.control_voldown:hover .control_voldown_icon
{
    color: #00bff3;
}*/

.control_volup
{
    position: absolute;
    top: 100px;
    left: 190px;
}

.control_volup:hover .control_volup_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -126px -146px;
    
}

.control_voldown:hover .control_voldown_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -175px -158px;
    
}

.control_voldown_icon
{
    top: 34px;
    left: 24px;
    position: absolute;
    height: 25px;
    width: 25px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -175px -118px;
}

/*.control_option_in:hover .control_volup_icon
{
    color: #00bff3;
}*/

.control_option_mute
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -148px -504px;
    width: 36px;
    height: 29px;
    position: absolute;
    top: 124px;
    left: 120px;
    cursor: pointer;
}

.control_option_mute:hover
{
    background-position: -147px -536px;
}

.control_option_mute.open
{
    background-position: -147px -536px;   
}

.min_circle
{
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index:  2001;
    cursor: pointer;
}

.min_circle.locked > .control_minimize_icon
{
    background-position: -192px -214px;
}

.control_minimize_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -192px -215px;
    width: 28px;
    height: 30px;
    position: absolute;
    top: 11px;
    left: 12px;
    cursor: pointer;
    z-index: 2001;
}

.min_circle:hover > .control_minimize_icon
{
    background-position: -192px -244px;
}

.min_circle:hover.locked > .control_minimize_icon
{
    background-position: -191px -243px;
}


/****** UNET SIGN IN BOX **********/


.unet_sign_in_box
{
    width: 305px;
    height: 315px;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    position: absolute;
    right: -490px;
    bottom: 400px;
    padding-top: 10px;
    transition: right 0.5s;
    z-index: 2001;
}

.unet_sign_in_box.open
{
    right: 20px;
    transition: right 0.5s;
}


.unet_title
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -8px -274px;
    width: 118px;
    height: 22px;
    margin: 5px auto;
    /* position: absolute; */
    /* top: 51px; */
    /* left: 64px; */
}

.unet_logo
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -4px -4px;
    width: 112px;
    height: 112px;
    margin: 0 auto;
    margin-top: 31px;
    /* position: absolute; */
    /* left: 20px; */
    /* top: 85px; */
}

.unet_input
{
    height: 20px;
    width: 200px;
    border-radius: 5px;
    padding: 5px;
    margin:  0 auto;
    position: absolute;
}

.unet_uname
{
    top: 165px;

    left: 45px;
    margin:  0 auto;
}

.unet_pass
{
    top: 210px;

    left: 45px;
}

.unet_remember_box
{
    font-family: 'Open sans', sans-serif;
    width: 200px;
    position:  absolute;
    top: 254px;
    left: 45px;
    margin:  0 auto;
}

.unet_remember_checkbox
{
    width: 20px;
    height: 20px;
    background: #ffffff;
    float: left;
    position:  absolute;
    top: 3px;
    border-radius: 5px;
}

.unet_remember
{
    color: #00bff3;
    padding-left: 23px;
    cursor: pointer;
}

.unet_forgot_pass
{
    color: #00bff3;
    padding-left: 23px;
    cursor: pointer;
}

.unet_sign_in_btn
{
    position: relative;
    left: 153px;
    bottom: 42px;
    background: #00bff3;
    padding: 10px 6px;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    width: 50px;
    font-family: 'Open Sans' sans-serif;
    cursor:  pointer;
    z-index: 9999;
}

/***** last channel next channel corner boxes *************/

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

.control_left_chan
{
    position: absolute;
    left: -252px;
    top: 20px;
    width: 252px;
    height: 103px;
    text-align:  center;   
    transition: left 0.5s; 
}

.control_left_chan.show
{
    left: 20px;
    transition: left 0.5s; 
}


.control_left_chan .chanbox
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -4px -611px;
    width: 252px;
    height: 74px;
    padding-top: 30px;
}

.control_right_chan
{
    position: absolute;
    right: -252px;
    top: 20px;
    width: 252px;
    height: 103px;
    text-align: center;
    transition: right 0.5s;  
}

.control_right_chan.show
{
    right: 20px;
    transition: right 0.5s; 
}

.control_right_chan .chanbox
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -4px -717px;
    width: 252px;
    height: 77px; padding-top: 30px;
}

.channel_name
{
    color: #00bff3;
}

/***************** udemand box ******************/

.udemand_box
{
    width: 100%;
    height: 300px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: -300px;
    font-family: 'Open sans' sans-serif;
    transition: bottom 0.5s;
}

.udemand_box.open
{
    bottom: 0px;
    /* transition: bottom 0.5s; */    
}

.udemand_search_box
{
    width: 200px;
    float: left;
    color: #f2f2f2;
    margin-top: 10px;
}

.udemand_search
{
    height: 36px;
 
    width: 140px;
    border-radius: 5px;
    margin-left: 10px;
    padding-left: 9px;
    padding-right: 40px;
}

.udemand_search_btn
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -220px -837px;
    width: 37px;
    height: 43px;
    position:  absolute;
    top: 10px;
    left: 165px;
    z-index: 10;
    cursor: pointer;
}

.udemand_genres_box {
    display: inline;
    color: #f2f2f2;
    font-family: 'Open sans' sans-serif;
    position: absolute;
    left: 237px;
    top: 10px;
}

.udemand_genres_arrow_left
{
    width: 20px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 11px;
    left: 214px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -218px 0px;
    cursor:  pointer;    
}

.udemand_genres_arrow_left:hover
{
    background-position: -218px -81px;
}

.udemand_genres_arrow_right
{
    width: 20px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 13px;
    right: 24px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -212px -40px;
    cursor: pointer;
}

.udemand_genres_arrow_right:hover
{
    background-position: -212px -120px;
}

.udemand_genre
{
    width: 200px;
    height:  45px;
    float: left;
    text-align: center;

    cursor:  pointer;
    line-height: 45px;
}

.udemand_genre:hover, .udemand_genre.select
{
    background: #888888;
    color: #f2f2f2;
}

.genre_name
{
    padding-top: 12px;
    
}

.udemand_programs_box
{
    position: relative;
    width: 100%;
    height: 225px;
    display: inline-block;
}

.udemand_programs
{
    height: 225px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.udemand_program
{
    width: 160px;
    height: 210px;
    float: left;
    border-radius: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    background: #181c1f;
    background-size: cover !important;
}

.series_box
{
    width: 100%;
    height: 300px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: -300px;
    font-family: 'Open sans' sans-serif;
    transition: bottom 0.5s;
    text-align: center;
}

.series_box.open
{
    bottom: 0px;
    /* transition: bottom 0.5s; */    
}

.series-search
{
    height: 36px;
    width: 247px;
    border-radius: 5px;
    padding-left: 9px;
    padding-right: 40px;
}

.series_search_box
{
    width: 300px;
    color: #f2f2f2;
    margin: 10px auto 0 auto;
    position: relative;
}

.series-search-btn
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -220px -837px;
    width: 37px;
    height: 43px;
    position:  absolute;
    top: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

.series_programs_box
{
    position: relative;
    width: 100%;
    height: 225px;
    display: inline-block;
}

.series-items {
    height: 225px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.series-item:hover {
    cursor: pointer;
}

.series-item
{
    width: 160px;
    height: 210px;
    float: left;
    border-radius: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 25px;
    background: #181c1f;
    background-size: cover !important;
    position: relative;
}

.episode-items {
    width: 530px;
    height: 100%;
    margin: auto;
    position: relative;
}

.episode-item {
    width: 100px;
    height: 131px;
    float: left;
    border-radius: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 55px;
    background: #181c1f;
    background-size: cover !important;
    position: relative;
}

.episode-cover {
    border-radius: 15px;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.episode-cover:hover {
    opacity: 0.8;
}

.episode-play {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 32px;
    width: 25px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -237px 1px;
}

.episode-cover:hover .episode-play {
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -237px -492px;
}

.episode-title {
    position: absolute;
    bottom: -25px;
    color: white;
    left: 0;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.series-title {
    position: absolute;
    top: -25px;
    color: white;
    left: 0;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.series-content {
    position: absolute;
    width: 100%;
    height: 500px;
    overflow: hidden;
    color: white;
}

.series-content-top {
    width: 100%;
}

.series-content-image {
    margin-top: 20px;
    margin-left: 20px;
    width: 200px;
    height: 263px;
}

.series-content-info {
    margin-top: 20px;
    margin-right: 20px;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 355px;
}

.series-content-title {
    margin-top: 0;
}

.series-content-summary {
    word-wrap: break-word;
    height: 160px;
}

.series-content-season-dropdown {
    background: transparent;
    color: white;
    border: 0;
    cursor: pointer;
    height: 30px;
    font-size: 20px;
}

.series-content-season-dropdown option {
    color: black;
}

.series-content-bottom {
    position: relative;
}

.series_programs_arrow_left
{
    position: absolute;
    left: 10px;
    width: 28px;
    height: 64px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -227px -169px;
    top: 85px;
    cursor: pointer;
}

.series_programs_arrow_left:hover
{
    background-position: -227px -294px;;
}

.series_programs_arrow_right
{
    position: absolute;
    right: 10px;
    width: 30px;
    height: 62px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -227px -233px;
    top: 85px;
    cursor: pointer;
}

.series_programs_arrow_right:hover
{
    background-position: -227px -358px;
}

.program_options
{
    width: 100%;
    height: 43px;
    background: rgba(0,0,0,0.3);
    display: inline-block;
    color:  #f2f2f2;
    margin-top: 168px;
    border-radius: 0px 0px 15px 15px;
}

.popt_watch
{
    width: 50%;
    height: 30px;
    text-align: center;
    float:  left;
    padding-top: 12px;
    cursor: pointer;
    border-radius: 0px 0px 0px 15px;
    text-shadow: #181c1f 1px 1px;
    background-color: rgba(255,255,255,0.05);
}

.popt_watch:hover
{
    background: rgba(255,255,255,0.3);
}

.popt_profile
{
    width: 50%;
    height: 30px;
    text-align: center;
    float:  left;
    padding-top: 12px;
    cursor: pointer;
    border-radius: 0px 0px 15px 0px;
    text-shadow: #181c1f 1px 1px;
    background-color: rgba(255,255,255,0.05);
}

.popt_profile:hover
{
    background: rgba(255,255,255,0.3);
}

.popt_profile.open
{
    background: rgba(255,255,255,0.3);
}

.udemand_programs_arrow_left
{
    position: absolute;
    left: 10px;
    width: 28px;
    height: 64px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -227px -169px;
    top: 85px;
    cursor: pointer;
}

.udemand_programs_arrow_left:hover
{
    background-position: -227px -294px;;
}

.udemand_programs_arrow_right
{
    position: absolute;
    right: 10px;
    width: 30px;
    height: 62px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -227px -233px;
    top: 85px;
    cursor: pointer;
}

.udemand_programs_arrow_right:hover
{
    background-position: -227px -358px;;
}

.udemand_filmprofile_box,
.series-content-box
{
    width: 600px;
    bottom: -510px;
    height: 510px;
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    border-radius: 15px;
    font-family: 'Open Sans', sans-serif;
    z-index: 2001;
    transition: all 0.5s;
    /* display: none; */
}

.filmprofile_close,
.series-close
{
    position: absolute;
    right: 10px;
    top: 10px;
    color:  #f2f2f2;
    background: rgba(0,0,0,0.3);
    height: 25px;
    width: 30px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    z-index: 2002;
}

.filmprofile_close:hover
{
    background: rgba(255,255,255,0.3);
}

.open.udemand_filmprofile_box
{
    bottom: 373px;
    transition: all 0.5s;
}

.open.series-content-box
{
    bottom: 373px;
    transition: all 0.5s;
}

.filmprofile_image
{
    width: 220px;
    max-height: 310px;
    position: absolute;
    top: 60px;
    left: 20px;
}

.filmprofile_title
{
    position: absolute;
    width: 530px;
    height: 40px;
    font-size: 1.5em;
    line-height: 40px;
    top: 10px;
    left: 20px;
    color: #f2f2f2;
    text-overflow: clip;
    overflow: hidden;
    text-shadow: #181c1f 2px 2px 1px;
}

.filmprofile_summary
{
    position: absolute;
    width: 330px;
    height: 300px;
    top: 60px;
    left: 250px;
    color:  #f2f2f2;
    overflow-x: hidden;
    overflow-y: scroll;
}

.filmprofile_menu
{
    position: absolute;
    top: 385px;
    left: 20px;
}

.fpmenu_option
{
    display: inline-block;
    width: 101px;
    height: 70px;
    background:  rgba(0,0,0,0.3);
    margin-right: 10px;
    color: #f2f2f2;
    padding-top: 35px;
    text-align: center;
    z-index: 3001;
    cursor: pointer;
}

.fpmenu_option:hover, .fpmenu_option.open
{
    background: rgba(255,255,255,0.3);
}



/******** Fancy stream guide *********/

.guideBox
{
    width: 100%;
    height: 300px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: -300px;
    font-family: 'Open sans' sans-serif;
    transition: bottom 0.5s;
}

.guideBox.open
{
    bottom: 0px;
    transition: bottom 0.5s;    
}

.guide_timeline_box
{
    display: inline;
    color: #f2f2f2;
    font-family: 'Open sans' sans-serif;
    position: absolute;
    left: 237px;
    top: 10px;
}

.guide_watching
{
    width: 200px;
    min-width: 134px;
    float: left;
    color: #f2f2f2;
    text-indent: 10px;
    margin-top: 10px;
}

.current_channel
{
    color: #00bff3;
    padding-left: 10px;
}

.guide_timeline_section
{
    width: 300px;
    float: left;
    text-align: center;
    overflow: hidden;
    height: 45px;
    cursor: pointer;
}

.guide_timeline_section:nth-child(even)
{
    background: #333333;
}

.guide_timeline_section:nth-child(odd)
{
    background: #4a545d;
}

.guide_timeline_time
{

    color: #f2f2f2;
}

.guide_timeline_show
{

    color: #f2f2f2;
}

.guide_timeline_arrow_left
{
    width: 15px;
    height: 40px;
    background: #fff;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -219px 1px;
    cursor:  pointer;
    position: absolute;
    top: 11px;
    left: 204px;
}

.guide_timeline_arrow_left:hover
{
    background-position: -219px -79px;
}

.guide_timeline_arrow_right:hover
{
    background-position: -217px -120px;
}

.guide_timeline_arrow_right
{
    width: 16px;
    height: 40px;
    background: #fff;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -217px -40px;
    /* margin-left: 1%; */
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: 15px;
}


.guide_channels_left_arrow
{
    position: absolute;
    left: 10px;
    width: 23px;
    height: 64px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -230px -169px;
    top: 85px;
    cursor: pointer;
}

.guide_channels_left_arrow:hover
{
    background-position: -230px -295px;
}

.guide_channels_box
{
    position: relative;
    width: 100%;
    height: 225px;
    /* top: 75px; */
    display: inline-block;
}

.guide_channels
{
    height: 225px;
    margin-left: auto;
    margin-right: auto;
}

.guide_channel_logo_img {
    width: 100px;
    height: 100px;
    position: relative;
    top: 10px;
    left: 60px;
}

.guide_channel_logo_name {
    position: relative;
    top: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

.guide_channel_logo_desc {
    position: relative;
    padding: 5px;
    word-wrap: break-word;
    text-align: center;
    height: 60px;
    overflow: hidden;
    font-size: 1em;
}

.guide_channels_right_arrow
{
    position: absolute;
    right: 10px;
    width: 24px;
    height: 62px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -230px -233px;
    top: 85px;
    cursor: pointer;
}

.guide_channels_right_arrow:hover
{
    background-position: -230px -359px;
}

.guide_channel_logo
{
    width: 220px;
    height: 200px;
    background: #fff;
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    border-radius: 15px;
    margin-top: 15px;
    overflow: hidden;
    cursor: pointer;
}

.guide_channel_logo.select
{
    box-shadow: #00BFF3 1px 1px 20px;
    background-color: #383D41;
    color: #f2f2f2;
}

.guide_profile_box.open
{   
    top: 55px;
}

.guide_profile_box
{   
    background: rgba(0,0,0,0.9);
    width: 660px;
    height: 245px;
    position: absolute;
    top: 300px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    transition: top 0.5s;
    color: #ffffff;
    padding: 10px;
}

.guide_pro_title
{
    margin-bottom: 10px;
    position: absolute;
    top: 10px;
    left: 180px;
    font-size: 2em;
    text-align: left;
    height: 50px;
    overflow: hidden;
}

.guide_pro_info
{
    width:  50%;
    float: right;
    margin-top: 10px;
    position: absolute;
    top: 40px;
    left: 180px;
}

/******** settings popup box ***********/

.guide_settings_box
{
    font-family: 'Open sans', sans-serif;
    width: 220px;
    height: 252px;
    border-radius: 5px;
    position: absolute;
    left: -300px;
    bottom: 410px;
    transition: left 0.5s;
    text-align: center;
}

.guide_settings_box.open
{
    left: 20px;
    transition: left 0.5s;  
}

.theme_title_box
{
    background: rgba(0,0,0,0.3);

    margin-bottom: 1px;
    border-radius:  5px 5px 0px 0px;
}

.guide_settings_title
{   
    color: #f2f2f2;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    /* width: 200px; */
    /* margin-left: 10px; */
}

.theme_options_box
{
    background: rgba(0,0,0,0.3);
    
    height: 210px;
    border-radius: 0px 0px 5px 5px;
}

.theme_option
{
    height: 74px;
    width: 109px;
    padding-top: 30px;
    color:  #333333;
    cursor: pointer;
    float: left;
}

.theme_tl
{
    border-right: 1px solid rgba(255,255,255,0.3);

    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.theme_tr
{
    /* border-left: 1px solid #333333; */

    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.theme_bl
{
    border-right: 1px solid rgba(255,255,255,0.3);

    /* border-top: 1px solid #333333; */
}

.theme_br
{
    /* border-left: 1px solid #333333; */
    
    /* border-top: 1px solid #333333; */
}

.theme_option:hover
{
    color: #f2f2f2;
}

.theme_option.open
{
    color: #f2f2f2;   
}

.control_weboptions_box
{
    font-family: 'Open sans', sans-serif;
    width: 200px;
    height: 200px;
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    position: absolute;
    left: -300px;
    bottom: 400px;
    color: #f2f2f2;
    text-align: center;
    transition: left 0.5s;
}

.control_weboptions_box a
{
    height: 60px;
    padding-top:40px;
    color:  #4a545d;
    text-decoration: none !important;
    cursor: pointer;
}



.control_weboptions_box.open
{
    left: 20px;
    transition: left 0.5s;
}

.weboptions_option
{
    height: 60px;
    padding-top:40px;
    color:  #4a545d;
    cursor: pointer;
}

.weboptions_option:hover
{
    color: #f2f2f2;
}

.option_chaninfo
{
    border-bottom: 1px solid #4a545d;
}

.control_vote_box
{
    font-family: 'Open sans', sans-serif;
    width: 280px;
    height: 305px;
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    position: absolute;
    right: -300px;
    bottom: 470px;
    color: #f2f2f2;
    text-align: center;
    transition: all 0.5s;
    z-index: 2001;
    overflow: hidden;
}

.control_vote_box.open
{
    right: 70px;
}


.control_vote_box.voted
{
    height: 450px;
}

.vote_circle
{
    height: 250px;
    width: 250px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    top: 30px;
    left: 15px;
}

.vote_circle.hidden
{
    display: none;
}

.vote_option
{
    width: 40px;
    height: 30px;
    border-radius: 50%;
    background: #4a545d;
    position: absolute;
    color: #ffffff;
    padding-top: 10px;
    font-weight:  bold;
    cursor: pointer;
}

.vote_option:hover
{
    background: #00bff3;
}

.vote_option.open
{
    background: #00bff3 !important;
}

.vote_result_box
{
    display: none;
    position: absolute;
    top: 300px;
    width: 100%;
    text-align: center;
}

.vote_result_box.hidden
{
    display:none !important;
}

.vote_result
{
    font-size: 2em;
}

.vote_confirm
{
    width: 100px;
    height: 50px;
    background: #4a545d;
    position: absolute;
    top: 89px;
    border-radius: 5px;
    font-size: 2em;
    cursor: pointer;
}

.vote_confirm:hover
{
    background: #00bff3;
}

.vote_yes
{
    left: 10px;

}

.vote_no
{
    right: 10px;

}

.vote_thankyou
{   
    font-family: 'Open sans' sans-serif;
    width: 200px;
    height: 50px;
    border-radius: 5px;
    background: rgba(0,0,0,0.5);
    color: #ffffff;
    text-align: center;
    position: absolute;
    right: -200px;
    top: 237px;
    transition: right 0.5s;
}

.vote_thankyou.open
{   
    right: 20px;
    transition: right 0.5s;
}

.vote_result_box.voted
{
    display: block;
}

.vote_1
{
    bottom: 7px;
    left: 102px;
}

.vote_2
{
    bottom: 23px;
    left: 50px;   
}

.vote_3
{
    bottom: 62px;
    left: 15px;    
}

.vote_4
{
    bottom: 110px;
    left: 6px;    
}

.vote_5
{
    bottom: 157px;
    left: 20px;   
}

.vote_6
{
    bottom: 192px;
    left: 56px;    
}

.vote_7
{
    bottom: 204px;
    left: 105px;    
}

.vote_8
{
    bottom: 193px;
    left: 154px;    
}

.vote_9
{
    bottom: 157px;
    left: 189px;    
}

.vote_10
{
    bottom: 110px;
    left: 205px;   
}

.vote_word
{
    position: absolute;
    
    left: 95px;
    bottom: 98px;
    height: 44px;
    width: 60px;
    background: #00bff3;
    border-radius: 50%;
    color: #ffffff;
    padding-top: 16px;
    text-align:  center;
    font-weight: bold;
}

.control_chat_box
{
    font-family: 'Open sans', sans-serif;
    width: 200px;
    height: 200px;
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    position: absolute;
    right: -300px;
    bottom: 400px;
    color: #f2f2f2;
    text-align: center;
    transition: right 0.5s;
}

.control_chat_box.open
{
    right: 20px;
}

.chat_media {
	width: 100%;
}

#upload_area {
	position: absolute;
	top: -27px;
    background: rgba(0,0,0,0.9);
	width: 100%;
    height: 250px;
	display: none;
	text-align: center;
    font-size: 40px;
    font-weight: bold;
}

#upload_area.show {
	display: block;
}

#upload_area.show .dropzone {
	width: 100%;
	height: 100%;
    background: rgba(0,0,0,0.9);
}

#upload_chat_file {
	float: left;
    text-align: center;
    line-height: 59px;
	font-size: 55px;
	border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    height: 59px;
    position: absolute;
    top: 10px;
    left: 47px;
    z-index: 2;
}

.blue_glow
{
    box-shadow: 0px 1px 1px #00bff3;
}

.green_glow
{
    box-shadow: 0px 1px 1px #66ff66;
}

.control_vox_box
{
    font-family: 'Open sans', sans-serif;
    width: 200px;
    height: 200px;
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    position: absolute;
    left: -300px;
    bottom: 400px;
    color: #f2f2f2;
    text-align: center;
    transition: left 0.5s;    
}

.control_vox_box.open
{
    left: 20px;
    transition: left 0.5s;    
}

.full-spectrum .sp-palette {
max-width: 200px;
}



.udemand_controls_bar
{
    height: 70px;
    width: 400px;
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    position: absolute;
    bottom: -70px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index:  2001;
    transition: bottom 0.5s;
    /* display: none; */
}

.udemand_controls_bar.demand.open
{
    bottom: 330px;
    transition: bottom 0.5s;
}

.guideopen .udemand_controls_bar
{
    bottom: 320px;
    transition: bottom 0.5s;
}

.udemand_controls_bar.demand
{
    bottom: 20px;
    transition: bottom 0.5s;
}


.udemand_control
{
   height: 50px;
   width: 50px;
   background: none;
   border-radius: 50%; 
   float: left;
   margin-right: 20px;
   margin-top: 13px;
   cursor: pointer;
}

.udemand_control:hover
{
    background: none;    
}

.udemand_back
{
    margin-left: 34px;
}

.udemand_back_icon
{
    height: 33px;
    width: 25px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -239px -101px;
    margin-left: 14px;
    margin-top: 9px;
}

.udemand_control:hover .udemand_back_icon
{
    background-position: -204px -571px;
}

.udemand_rewind_icon
{
    height: 33px;
    width: 25px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -236px -65px;
    margin-left: 7px;
    margin-top: 8px;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.udemand_control:hover .udemand_rewind_icon
{
    background-position: -236px -570px;
}

.udemand_playpause.play
{
    height: 33px;
    width: 25px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -237px -1px;
    margin-left: 14px;
    margin-top: 9px;
}

.udemand_playpause.pause
{
    height: 33px;
    width: 25px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -238px -32px;
    margin-left: 14px;
    margin-top: 9px;    
}

.udemand_control:hover .play
{
    background-position: -237px -495px; 
}

.udemand_control:hover .pause
{
    background-position: -237px -532px;
}

.udemand_pause .udemand_play_icon
{
    background-position: -236px -33px !important;
    margin-left: 10px;
}

.udemand_ff_icon
{
    height: 33px;
    width: 25px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -238px -64px;
    margin-left: 19px;
    margin-top: 9px;
}

.udemand_control:hover .udemand_ff_icon
{
    background-position: -238px -569px;
}


.udemand_forward_icon
{
    height: 33px;
    width: 25px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -238px -100px;
    margin-left: 11px;
    margin-top: 8px;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.udemand_control:hover .udemand_forward_icon
{
    background-position: -203px -571px;
}

.udemand_slide_bar
{
    width: 400px;
    height: 10px;
    background: #4a545d;
    position: absolute;
    top: 73px;
}

.udemand_progress_bar
{
    width: 0px;
    height: 10px;
    background: #ffffff;
    float: left;
}

.udemand_progress_btn
{
    width: 10px;
    height: 10px;
    background: #999999;
    position: absolute;
    left: -5px;
    border-radius: 50%;
}

.faded_chan_logo
{
    width: 124px;
    height: 128px;
    position: absolute;
    top:10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    transition: top 0.5s;
}
.faded_chan_logo:hover
{
    filter: invert(100%);
    cursor: pointer;
}

.faded_chan_logo.show
{
    /*display: block;*/
    top:10px;
}

.faded_chan_logo.demand
{
    background: url(//46.202.173.33/assets/images/msmufaded.png);
    width: 231px!important; 
    height: 59px!important; 
    position: absolute; 
    top: 10px; 
    left: 50%; 
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    background-position: inherit!important;
}

.faded_msmu_logo
{
    width: 187px !important;
    min-width: 187px !important;
    height: 50px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    cursor: pointer;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -6px -305px;
}

.faded_msmu_logo:hover
{
    background-position: -6px -825px;
}

.faded_msmu_logo.demand
{
    display: none;
}

.stream_volume_bar
{
    width: 300px;
    height: 7px;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top:300px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    border-radius: 5px;
    display:none;
}

.stream_volume
{
    width: 0%;
    height: 100%;
    background: #00bff3;
    border-radius: 5px;
    transition: width 1s;
    /*-webkit-transition: width 3s;*/
}

.stream_volume.muted
{
    background: #333333;
}

.signinbox {
    width: 291px;
    height: 483px;
    background: none;
    position: absolute;
    bottom: 15px;
    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.4);
    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;
    font-family: 'Open sans', sans-serif;
    text-align:  center;
    margin-top: 10px;
    cursor: pointer;
}

.signinbox_or {
    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;
}

.signinbox_register {
    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;
}

/**                                     ADD FRIENDS                                     **/

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

.side_modal.open {
    bottom: 75px;
}

.side_modal_close
{
    cursor: pointer;
    font-size: 2em;
    font-weight: bold;
    float: right;
}

.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]
{
    height: 31px;
    width: 67%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 16px;
    border: none;
    padding-left: 10px;
    position: relative;
    background: #FFF;
    color: #3C4145;
    display: block;
    margin: -11px 0 0 0;
}

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

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

.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;
}

#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: 355px;
    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%);
    bottom: -500px;
    z-index: 2002;
    transition: all 0.4s;
    background: rgba(0,0,0,0.4);
}

.add_friends_box2.open {
    bottom: 52px;
}

#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_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: 462px;
    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;
}

.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;
    padding: 0;
    color: #f2f2f2;
    text-align: left;   
    height: 290px;
    overflow: hidden;
}

.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;
}

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

.invite_icon
{
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -91px -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;
}


/**                        Register Box                          **/

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

.register_box.open {
    bottom: 75px;
}

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

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

.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: 300px;
    height: 201px;
    position: absolute;
    left: 325px;
    top: 145px;
    transition: all 0.5s;
}

.confirm_register.confirmed {
    left:0px;
}

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

.reg_addfriends:hover{
    color: #fff;
}

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

.reg_pp:hover {
    color: #fff;
}

/**                                                     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.5);
    position:  absolute;
    bottom: -620px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -moz-transform: translate(-50%);
    transition: all 0.5s;
    z-index: 2002;
}

.popularprofiles_box.open {
    bottom: 75px;
}

.pp_profiles_box {
    max-height: 480px;

    overflow-y: scroll;
    margin-left: 12px;
}

.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;
}

.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: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;
    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;
} */

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

.following span {
    color: #00bff3;
}

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


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

.add_contacts_rec {
    text-align:center;
    color: #fff;
    cursor: pointer;
    width: 40%;
    height: 40px;
    background: #00bff3;
    border-radius: 5px;
    position: absolute;
    padding: 10px 0;
    left: 214px;
}

.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;
}

.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;
}






/*************************************************** media queries under here ***************************************************/

@media screen and (max-height: 964px) {
   
    /****** UNET SIGN IN BOX **********/


    .unet_sign_in_box.open
    {
        right: 50%;
        -webkit-transform: translate(50%);
        -moz-transform: translate(50%);
        -o-transform: translate(50%);
        -ms-transform: translate(50%);
        transform: translate(50%);
        transition: right 0.5s;
    }

    .unet_sign_in_box
    {
        width: 388px;
        height: 183px;
        background: rgba(0,0,0,0.5);
        border-radius: 5px;
        position: absolute;
        right: -490px;
        bottom: 388px;
        padding-top: 10px;
        transition: right 0.5s;
    }

    .unet_title
    {
        position: absolute;
        top: 51px;
        left: 64px;
    }

    .unet_logo
    {
        position: absolute;
        left: 20px;
        top: 17px;
    
        margin-top: 0;
}

    .unet_uname
    {
        top: 29px;

        left: 150px;
    }

    .unet_pass
    {
        top: 80px;

        left: 150px;
    }

    .unet_remember_box
    {
        top: 130px;
        left: 149px;
    }

    .unet_remember_checkbox
    {
        width: 15px;
        height: 15px;
        background: #ffffff;
        float: left;
        position:  absolute;
        top: 2px;
        border-radius: 5px;
    }

    /********* Settings pop up **********/

    .guide_settings_box
    {
        font-family: 'Open sans', sans-serif;
        left: -300px;
        bottom: 400px;
        transition: left 0.5s;
    }

    .guide_settings_box.open
    {
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        transition: left 0.5s;
    }

    /********* vote pop up *********/

    .control_vote_box.open
    {
        right: 50%;
        -webkit-transform: translate(50%);
        -moz-transform: translate(50%);
        -o-transform: translate(50%);
        -ms-transform: translate(50%);
        transform: translate(50%);
        transition: right 0.5s;
    }

    /**********   chat pop up **********/


    .control_chat_box.open
    {
        right: 50%;
        -webkit-transform: translate(50%);
        -moz-transform: translate(50%);
        -o-transform: translate(50%);
        -ms-transform: translate(50%);
        transform: translate(50%);
        transition: right 0.5s;
    }

    /********** weboptions pop up *******/

    .control_weboptions_box.open
    {
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        transition: left 0.5s;
    }

}

@media screen and (max-height: 853px) and (max-width: 1122px) {



    .control_vote_box
    {
        top: 16px;
    }



}


@media screen and (max-width: 1162px){
    .control_left_chan.open
    {
        left: -252px;
        transition: left 0.5s;
    }

    .control_right_chan.open
    {   
        right: -252px;
        transition: right 0.5s;
    } 
}

@media screen and (max-height: 992px) {

}


@media screen and (max-height: 900px) {


    .udemand_filmprofile_box.open
    {
    top: 0px;
        
    }

    .profileopen .udemand_box
    {
        bottom: -300px;
        transition: bottom 0.5s;
    }

   

}

@media screen and (max-height: 815px) {

    .control_left_chan.guideup.open
    {
        left: -252px;
    }

    .control_right_chan.guideup.open
    {
        right: -252px;
    }

}

@media screen and (max-height: 690px) {

    .register_box {
        width: 600px;
        height: 324px;
        overflow: hidden;
    }

    .register_form {
        width: 600px;
        height: 324px;
    }

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

    .confirm_register {
        left: 600px;
    }

    .confirm_register.confirmed {
    top: 0;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    }

    .reg_form_top {
        position: absolute;
        width: 300px;
    }

    .reg_form_bot {
        position: absolute;
        width: 300px;
        left: 287px;
        top: 31px;
    }

    .pp_profiles_box {
        max-height: 240px;
    }

    .popularprofiles_box{
        height: 356px;
    }

}





/*This is where we have the navbox*/
.mainNavArrow
{
    background: url(//46.202.173.33/assets/images/acrylic.png)no-repeat -233px -991px;
    position: absolute;
    width: 45px;
    height: 45px;
    right: 14px;
    top: 13px;
    display: none;
    overflow: hidden;
}

.mainNavBtn, .subNavBtn
{
    background: rgba(0,0,0,0.6);
    padding: 20px;
    margin-bottom: 3px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: white;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.selectedNavMenu, .subNavBtn:hover
{
    background: rgba(255, 255, 255, 0.7);
    color: black;
}

.selectedNavMenu .mainNavArrow
{
    display: block;
}

.subNavBtn:hover, .noSub
{
    cursor: pointer;
}

#navBoxbg
{
    position: absolute;
    height: 602px;
    width: 668px;
    bottom: 100px;
    left: 50%;
    background: rgba(0,0,0,0.4);
    opacity: 1.0;
    display: none;
    transition: all 0.5s;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

#navBox
{
    position: absolute;
    height: 560px;
    width: 668px;
    bottom: 85px;
    left: 50%;
    /* right: 50%; */
    white-space: nowrap;
    overflow: hidden;
    display: none;
    text-align: initial;
    overflow: hidden;
    background: none;
    font-size: 1.2em;
    transition: all 0.5s;
    z-index:  2002;
    color: #f2f2f2;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.navScreen
{
    white-space: normal;
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    top: 10px;
}

.avtswithus_main
{
    width: 558px;
    height: 424px;
    top: 0px;
    padding: 15px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    color: white;
    background-size: 100% 100% !important;
}

.legibility
{
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.4);
    position: absolute;
}

.avtswithus_content
{
    width: 80%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    font-size: 1.2em;
}

#avtswithus_subtopics
{
    list-style: none;
    color: #00bff3;
}

.avtswithus_main h1
{
    margin-top: 0px;
    font-size: 1.3em;
}

#mainNav
{
    width: 280px;
    left: 52px;
    position: absolute;
    top: 0;
}

#secondaryNav
{
    width: 280px;
    left: 339px;
    position: absolute;
    top: 0;
}

.secondaryBloc
{
    top: 0px;
    width: 100%;
    position: absolute;
    display: none;
}

#mainNav .disabled, #secondaryNav .disabled
{
    background: rgba(0,0,0,0.6) !important;
    color: gray;
}

#avtswithus_subtopics li
{
    margin-bottom: 10px;
}

#avtswithus_subtopics li:hover
{
    cursor: pointer;
}

#avtswithus_subtopics li:before
{
    content: url(//46.202.173.33/assets/images/stream/boxarrow.png);
    width: 40px;
    top: 10px;
    margin-right: 13px;
    position: relative;
}

a
    
    .articleText li:before
{
    content: url(//46.202.173.33/assets/images/stream/boxarrow.png);
    width: 40px;
    top: 1px;
    margin-right: 13px;
    position: relative;
}

#customModal
{
    font-family: "Open Sans", sans-serif;
    border-radius: 0px;
}

.loginInput
{
    margin-top: 16px;
    display: block;
    width: 93%;
    padding: 10px;
    border: 1px solid #00bff4;
    border-radius:  5px;
}

.loginInput:focus
{
    border: 1px solid rgba(144,204,128,0.85);
    outline: none;
}

.loginAlert
{
    position: absolute;
    top: 103px;
    background: rgba(255,0,0,0.4);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 325px;
    border-radius: 5px;
    display: none;
}

#submitLogin
{
    margin-top: 45px;
    margin-bottom: 10px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #00bff3;
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding-top: 15px;
    height: 36px;
    border-radius: 5px;
}

#submitLogin:hover
{
    cursor: pointer;
    background: #fff;
    color: #00bff3;
}

.areYouSureBtnContainer
{
    width: 499px;
    margin-left: auto;
    margin-right: auto;
}

.loginContainer
{
    width: 331px;
    height: 203px;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
}

.areYouSureBtn
{
    border: 2px solid black;
    width: 48%;
    padding-top: 15px;
    height: 39px;
    float: left;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 25px;
    font-weight: bold;
}

.areYouSureBtn,
.loginContainer,
.areYouSureBtnContainer,
#submitLogin
{
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.areYouSureBtn:hover
{
    cursor: pointer;
}

#doNothing
{
    float: left;
    background: rgba(185, 8, 8, 0.7);
    color: white;
    border: none;
}

#doNothing:hover
{
    color: white;
    border: none;
    background: rgba(185, 8, 8, 1);
}

#logoutUser
{
    float: right;
    color: white;
    background: rgba(0, 206, 0,0.7);
    border: none;
}

#logoutUser:hover
{
    background: rgba(0, 206, 0, 1);
}

.articleText
{
    font-size: 0.75em;
}

#miniprofile div
{
    position: absolute;
}

.socialnet_icon
{   
    margin-top: 9px;
    margin-left: 19px;
    width: 35px;
    height: 44px;
    background: url(//46.202.173.33/assets/images/newcontroller.png)no-repeat -156px -216px;
}

#miniprofile_profile_box
{
    top: 5px;
    left: 51px;
    width: 150px;
    height: 300px;
}

#miniprofile_profile_box div
{
    position: relative;
    left: -10px;
}

#miniprofile .friends_selector
{
    width: 40px;
    height: 40px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 27px;
}

#miniprofile .friends_selector:hover
{
    cursor: pointer;
}

#miniprofile .friends_addition
{
    position: relative;
    color: #00bff3;
    font-size: 23px;
    font-weight: bold;
    left: 45px;
    bottom: 45px;
}

#miniprofile_profile_box span
{
    color: white;
}

#miniprofile_profile_box span.account_type
{
    color: #3BEFFF;
    height: 20px;
    width: 100px;
    display: block;
}

#miniprofile_profile_box p
{
    color: white;
}

#miniprofile_profile_box span
{
}

#miniprofile_spheres span
{
    color: #3BEFFF;
}

#miniprofile_profile_img
{
    width: 144px;
    height: 144px;
}

#miniprofile_online_status
{
    margin: 5px;
    color: #3BEFFF;
}

#miniprofile_online_status span
{
    margin: 5px;
}

#miniprofile_account_type
{
    color: #3BEFFF;
}

#miniprofile_button div
{
    background: #00bff3;
    width: 142px;
    height: 30px;
    border-radius: 5px;
    font-family: 'open sans',sans-serif;
    text-align: center;
    margin: 5px;
    left: 5px;
    color: #f2f2f2;
}

#miniprofile_button:hover div {
    background: #f2f2f2;
    color: #00bff3;
}

#miniprofile_feed_wrapper
{
    top: 2px;
    left: 223px;
    width: 436px;
    height: 385px;
    overflow-x: hidden;
    overflow-y: auto;
}

#miniprofile_feed_wrapper div
{
    position: relative;
}

#miniprofile_summary
{
    top: 0px;
    left: 0px;
    width: 392px;
    min-height: 70px;
    padding: 8px 10px;
    background-color: rgba(0,0,0,0.15);
}

#miniprofile_summary h2
{
    color: #3BEFFF;
    margin: 0px;
    font-size: 1.15em;
}

#miniprofile_summary p
{
}

#miniprofile_summary .detail
{
    margin: 0px;
    color: white;
}

#mainFeed
{
    top: 0px;
    left: 0px;
    width: 412px;
}

#mainFeed h2
{
    color: white;
    background-color: black;
}

#mainFeed h3
{
    color: #3BEFFF;
}

#mainFeed img
{
    margin: 0px 5px 5px 0px;
}

#mainFeed p
{
    color: white;
}

#mainFeed div
{
}

#mainFeed .feedEntry
{
    margin-top: 9px;
    padding: 10px 10px 10px 0px;
    color: white;
    background-color: rgba(0,0,0,0.15);
}

#mainFeed .feedEntry .smallTitle
{
    color: #3BEFFF;
    font-size: 0.9em;
    font-weight: bold;
}

#mainFeed .feedEntry .feedTopBar
{
    width: 73%;
    margin-left: 57px;
}

#mainFeed .feedEntry .feedPhoto
{
    position: relative;
    top: 0px;
    left: 0px;
    max-width: 40%;
    max-height: 40%;
    float: left;
}

#mainFeed .feedEntry pre:before
{
    content: '"';
}

#mainFeed .feedEntry pre:after
{
    content: '"';
}

#mainFeed p
{
    color: white;
}

#miniprofile_feed_wrapper .newsfeed_header
{
    width: 412px;
    height: 40px;
}

#miniprofile_feed_wrapper .newsfeed_header h2
{
    line-height: 2.4em;
    font-size: 1.1em;
    padding-left: 15px;
    color: white;
}

.feedUserImage
{
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
}

.feedUserImage:hover
{
    cursor: pointer;
}
/*feed_popup.css*/
.feedWrapper
{
    height: 445px;
    overflow: hidden;
    top: -118px;
    position: relative;
}

.feedEntry
{
    background: grey;
    border-radius: 10px;
    padding: 5px;
    margin: 15px 10px;
    font-weight: bold;
    /*Old browsers */  /* FF3.6+ */  /* Chrome,Safari4+ */  /* Chrome10+,Safari5.1+ */  /* Opera 11.10+ */  /* IE10+ */  /* W3C */ /* W3C */
    background: linear-gradient(to bottom, rgba(60,60,60,1) 0%,rgba(40,40,40,1) 61%,rgba(31,31,31,1) 61%,rgba(25,25,25,1) 100%);
}

.actionWrapper
{
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
}

.actionWrapper span
{
    cursor: pointer;
}

.profileThumb
{
    width: 80px;
    height: 80px;
    margin: 10px 15px;
}

.profileThumb:hover
{
    cursor: pointer;
}

.feedTopBar
{
    display: inline-block;
    vertical-align: top;
    width: 73%;
}

#addCommentArea
{
    width: 385px;
}

.createPost
{
    width: 601px;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    cursor: pointer;
    color: #f2f2f2;
    margin-bottom: 20px;
}

.feedIn
{
    display: none;
    position: relative;
    min-height: 0px;
    margin: 10px 50px 0px 90px;
}

.closure
{
    position: absolute;
    top: -20px;
    right: 0px;
    z-index: 20;
    text-align: center;
    vertical-align: middle;
    font-weight: bolder;
    font-size: 45px;
    cursor: pointer;
}

.feedIn textarea, .commentWrapper textarea
{
    height: 60px;
    width: 410px;
    margin-right: 20px;
    padding: 10px;
    font-size: 1.5em;
    border: 0;
    border-radius: 5px;
    transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -ms-transition: box-shadow 0.5s;
}

.feedIn #post, .commentWrapper #postComment
{
    height: 35px;
    vertical-align: top;
    width: 80px;
    border: 0;
    border-radius: 5px;
}

.userFeed
{
    height: 420px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: -13px 44px 30px 40px;
}

#postTitle
{
    border: 0;
    height: 30px;
    border-radius: 5px;
    display: block;
    margin: 10px 0px;
    width: 210px;
    text-indent: 10px;
}

.comments
{
    background: grey;
    margin: 10px 10px 10px 18%;
    border-radius: 10px;
    width: 80%;
}

.comment
{
    display: block;
    word-wrap: break-word;
    margin-top: 29px;
}

#userinfo
{
    width: 200px;
}

.userName
{
    font-weight: bold;
}

.posted
{
    float: right;
}

.smallTitle
{
}

.feedPhoto
{
    max-width: 40%;
    max-height: 40%;
    transition: max-height 0.5s;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    -ms-transition: max-height 0.5s;
}

.feedPhoto:hover
{
    max-width: 80%;
    max-height: 600px;
}

.commentWrapper
{
    margin: 0px 10px;
}

/*chatterbox-on-stream.css*/
@charset "utf-8";
/* CSS Document */

body
{
    margin: 0;
    padding: 0;
    background: black;
}

.chatterbox_stream_container
{
    position: relative;
    z-index: 0;
    width: 550px;
    height: 620px;
    background: url(//46.202.173.33/assets/images/stream/on_stream_box_bg.png);
    background-repeat: repeat-x;
    border-radius: 6px;
}

.stream_top
{
    position: relative;
    width: 100%;
    height: 11%;
    background: none !important;
}

#nav_top_content
{
    position: relative;
    height: 60px;
    float: left;
    top: 8px;
    left: 30px;
    width: 90%;
}

#nav_top_content.glass
{
    text-shadow: 0px 0px 14px #96f3ff;
}

.chatterbox_stream_top_tech_icon
{
    position: relative;
    width: 20%;
    height: 60px;
    float: left;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_tech.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    opacity: 0.3;
}

#nav_top_title
{
    position: relative;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center 58px;
    /* The following is tentative.*/
    text-align: center;
    font-family: "Open Sans", sans-serif;
    bottom: 4px;
    color: #f2f2f2;
}

#nav_top_title .fa-home
{
    text-align: center;
    font-size: 2.0em;
    margin-left: 12px;
}

#nav_bottom_title
{
    position: relative;
    width: 73%;
    font-size: 1.15em;
    font-family: Opificio;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center 58px;
    text-align: right;
}

.chatterbox_stream_top_minisize
{
    position: relative;
    width: 10%;
    height: 60px;
    float: left;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_close_mini_icons.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    opacity: 0.3;
}

.chatterbox_stream_top_minisize:hover
{
    opacity: 0.8;
}

.chatterbox_stream_top_close
{
    position: relative;
    width: 10%;
    height: 60px;
    float: left;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_close_mini_icons.png);
    background-repeat: no-repeat;
    background-position: -35px center;
    opacity: 0.3;
}

.chatterbox_stream_top_close:hover
{
    opacity: 0.8;
}   
/***********************************************************texh border*******************************************************/
.chatterbox_stream_border_top_left
{
    position: relative;
    float: left;
    border-top: 1px solid rgba(255,255,255,0.5);
    width: 30%;
    height: 26px;
}

.chatterbox_stream_border_top_left_angle
{
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_border_angle_1.png);
    background-repeat: no-repeat;
    opacity: 0.5;
}

.chatterbox_stream_border_top_middle
{
    position: relative;
    float: left;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    width: 30%;
    height: 26px;
}

.chatterbox_stream_border_top_right_angle
{
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_border_angle_2.png);
    background-repeat: no-repeat;
    opacity: 0.5;
}

.chatterbox_stream_border_top_right
{
    position: relative;
    float: left;
    border-top: 1px solid rgba(255,255,255,0.5);
    width: 30.5%;
    height: 26px;
}
/******************************************************Chat********************************************************/

.chat_messages
{
    position: relative;
    float: left;
    height: 250px;
    width: 98%;
    overflow-y: auto;
    margin-top: -27px;
}

.receivedMessage{
    position: relative;
    padding: 15px;
    /* margin: 6em 0 3em; */
    margin-bottom: 10px;
    margin-right: 49px;
    width: 79%;
    float: right;
    color: black;
    background: rgba(255, 255, 255, 0.8);
    /* background: #f3961c; */
    /* background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c)); */
    /* background: -moz-linear-gradient(#f9d835, #f3961c); */
    /* background: -o-linear-gradient(#f9d835, #f3961c); */
    /* background: linear-gradient(#f9d835, #f3961c); */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.receivedMessage:after{
    top: 24px;
    left: -18px;
    bottom: auto;
    border-width: 10px 19px 10px 0;
    border-color: transparent rgba(255, 255, 255, 0.8);
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;    
}

.sentMessage{
    position: relative;
    padding: 15px;
    margin-left: 90px;
    margin-bottom: 10px;
    /* margin: 1em 0 3em; */
    width: 78%;
    float: left;
    color: black;
    background: rgba(255, 255, 255, 0.9);
    /* background: #179160; */
    /* background: -webkit-gradient(linear, 0 0, 0 100%, from(#35F98B), to(#179160)); */
    /* background: -moz-linear-gradient(#35F98B, #179160); */
    /* background: -o-linear-gradient(#35F98B, #179160); */
    /* background: linear-gradient(#35F98B, #179160); */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    /* content: ""; */ 
    /* position: absolute; */
}

.sentMessage:after{
    top: 24px;
    right: -19px;
    bottom: auto;
    left: auto;
    border-width: 10px 0 10px 20px;
    border-color: transparent rgba(255, 255, 255, 0.9);
    content: "";
    position: absolute;
    border-style: solid;
    display:block;
    width:0;
}

{
    width: 12px;
}

::-webkit-scrollbar-track
{
    background-color: none;
}

::-webkit-scrollbar-thumb
{
    background-color: rgba(255,255,255,0.1);
}

.chatterbox_stream_chat_element
{
    position: relative;
    float: left;
    width: 100%;
}

.chatterbox_stream_chat_arrow_left
{
    position: absolute;
    top: 26px;
    left: 41px;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-right: 20px solid rgba(255,255,255,0.2);
}

.chatterbox_stream_chat_text_left
{
    position: relative;
    width: 80%;
    color: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: rgba(255,255,255,0.2);
    border-radius: 6px;
    padding: 20px;
    margin: 10px 10px 10px 60px;
}

.chatterbox_stream_chat_text_right
{
    position: relative;
    width: 80%;
    color: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: rgba(0,191,243,0.2);
    border-radius: 6px;
    padding: 20px;
    margin: 10px 10px 10px 75px;
}

.chatterbox_stream_chat_text_left_blue
{
    color: #00bff3;
    font-size: 12px;
    line-height: 18px;
}

.chat_region {
    position: relative;
    float: left;
    z-index: 1;
    height: 84px;
    bottom: 0;
    width: 100%;
    margin-top: 10px;
    display: none;
}

.chat_region.available {
    display: block;
}

.chat_text_area {
    position: relative;
    z-index: 1;
    float: right;
    width: 66%;
    color: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    max-height: 30px;
    background: rgba(255,255,255,0.2);
    border-radius: 6px;
    padding: 12px 100px 20px 60px;
    margin: 10px 20px 10px 10px;
    border: none;
    resize: none;
}

.chatterbox_stream_chat_send_btn
{
    position: absolute;
    z-index: 2;
    width: 90px;
    top: 10px;
    right: 20px;
    height: 59px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_send_btn.png);
    opacity: 0.6;
    border-radius: 0px 6px 6px 0px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}

.chatterbox_comment_area
{
    position: absolute;
    z-index: 1;
    float: right;
    width: 389px;
    color: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    background: rgba(255,255,255,0.2);
    border-radius: 6px 0px 0px 6px;
    padding: 10px 100px 10px 20px;
    border: none;
    resize: none;
    top: 372px;
    right: 20px;
    height: 36px;
    left: 0;
}

.chatterbox_comment_btn
{
    position: absolute;
    z-index: 11;
    width: 90px;
    height: 56px;
    top: 372px;
    right: 0px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_send_btn.png);
    opacity: 0.6;
    border-radius: 0px 6px 6px 0px;
    text-align: center;
    line-height: 55px;
    cursor: pointer;
}

#chatterbox_comment
{
    position: absolute;
    top: -60px;
    height: 455px;
    width: 609px;
    cursor: pointer;
    left: 50px;
    margin: 0;
    padding: 0;
}

#filmCommentsGoHere
{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 339px;
    height: auto;
    margin-left: -40px;
}

#filmCommentsGoHere li
{
    display: block;
    position: relative;
    height: auto;
    margin-top: 9px;
    margin-bottom: 27px;
}

.commentThumb
{
    width: 75px;
    height: 75px;
    float: left;
    position: relative;
    top: 13px;
}

.commentDate
{
    left: 338px;
    font-size: 0.85em;
    position: relative;
    color: #00bff3;
}

.filmComment
{
    top: -22px;
    width: 494px;
    text-align: left;
    margin-left: 82px;
    position: relative;
    white-space: pre-wrap;
    word-break: break-word;
    color: #f2f2f2;
}

.chatterbox_stream_chat_send_btn:hover
{
    opacity: 1;
}

.chatterbox_stream_chat_arrow_right
{
    position: absolute;
    right: 0;
    top: 26px;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-left: 20px solid rgba(0,191,243,0.2);
}
/**************************************************Bottom**************************************************/    
.chatterbox_stream_bottom
{
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    top: 322px;
}

.chatterbox_stream_bottom_selector
{
    position: relative;
    width: 30%;
    height: 30px;
    margin: auto auto;
}

.chatterbox_search {
    position: relative;
    left: 7px;
    top: -23px;
    border-radius: 5px;
    height: 26px;
    padding-left: 7px;
    border: none;
    background-color: #181c1f;
    color: #f2f2f2;
    width:  161px;
}

.exit_button {
    position: relative;
    top: -20px;
    color: #f2f2f2;
    font-weight: bold;
    cursor: pointer;
    left: 10px;
    display: none;
}

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

.chatterbox_stream_bottom_selector_arrow_left
{
    position: absolute;
    width: 21px;
    height: 30px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_arrows_small.png);
    background-repeat: no-repeat;
    background-position: 7px 9px;
    opacity: 0.3;
}

.chatterbox_stream_bottom_selector_arrow_left:hover
{
    opacity: 0.8;
}

.chatterbox_stream_bottom_selector_arrow_right
{
    position: absolute;
    right: 0;
    width: 21px;
    height: 30px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_arrows_small.png);
    background-repeat: no-repeat;
    background-position: -7px 9px;
    opacity: 0.3;
}

.chatterbox_stream_bottom_selector_arrow_right:hover
{
    opacity: 0.8;
}

.chatterbox_stream_bottom_selector_title
{
    position: absolute;
    left: 37px;
    width: 123px;
    height: 24px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    color: #f2f2f2;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_blue_line_small.png);
    background-repeat: no-repeat;
    background-position: center 29px;
    padding-top: 10px;
}
    
/**************************************************friends**************************************************/
.chatterbox_stream_bottom_friends
{
    position: relative;
    width: 100%;
    height: 144px;
    float: left;
}

.chatterbox_stream_bottom_friends_arrow_left
{
    position: absolute;
    width: 21px;
    height: 144px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_arrows_small.png);
    background-repeat: no-repeat;
    background-position: 7px center;
    opacity: 0.3; top: -13px;
    left: 14px;
    cursor: pointer;
}

.chatterbox_stream_bottom_friends_arrow_left:hover
{
    opacity: 0.8;
}

.chatterbox_stream_bottom_friends_arrow_right
{
    position: absolute;
    right: 11px;
    top: -13px;
    width: 21px;
    height: 144px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_arrows_small.png);
    background-repeat: no-repeat;
    background-position: -7px center;
    opacity: 0.3;
    cursor: pointer;
}

.chatterbox_stream_bottom_friends_arrow_right:hover
{
    opacity: 0.8;
}

.chatterbox_stream_bottom_friends_box
{
    position: absolute;
    width: 100%;
    max-width: 595px;
    padding-top: 11px;
    height: 144px;
    margin-left: 35px;
    white-space: nowrap;
    overflow-x: hidden;
}

.chatThumbContainer{
    display:inline-block;
    width: 90px;
    position: relative;
    height: 90px;
    left: 0px;
    margin-top: 8px;
    margin-right: 4px;
    margin-left: 5px;
    background-size: 100% 100% !important;
    background-size: 100% 100%;
    opacity:0.8;
}

.activeChat{
    position:absolute;
    top:-7px;
    left:-7px;
    height: 90px;
    width: 90px;
    border:7px solid #000000;
    border-bottom: 1px solid #000000;
}
.activeChat::before { 
    right: 25px;
    top: -29px;
    left: auto;
    border-width: 11px 20px 11px 20px;
    border-color: transparent transparent rgba(0,0,0,1.0) transparent;
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}

.chatThumbCover {
    width:100%;
    height:100%;
    -webkit-transition:background 0.3s ease-in-out;
    word-wrap: break-word !important;
    margin-top: -90px;
    overflow-x: hidden;
}

.chatterbox_tip{
     font-family: "Open Sans", sans-serif;
     font-weight:bold;
     font-size:1.5em;
     text-align: center;
     text-shadow: 0px 0px 5px white;
     margin-top: 70px;
     /* position: absolute; */
}

.chat_notification {
    display: none;
    position:absolute;
    background: #a90329; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #a90329 0%, #b74749 75%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a90329), color-stop(75%,#b74749)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #a90329 0%,#b74749 75%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #a90329 0%,#b74749 75%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #a90329 0%,#b74749 75%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #a90329 0%,#b74749 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#b74749',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    border-radius: 100px;
}

.chat_notification_count{
   position:absolute;
    background: #a90329; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #a90329 0%, #b74749 75%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a90329), color-stop(75%,#b74749)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #a90329 0%,#b74749 75%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #a90329 0%,#b74749 75%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #a90329 0%,#b74749 75%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #a90329 0%,#b74749 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#b74749',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    top: -7px;
    left: -7px;
    border: 5px solid white;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    border-radius: 100px;
}

.onlineUser{
    opacity:0.85;
}
.onlineUserMarker{
  height: 90px;
  width: 90px;
  background-color: rgba(60,245,235,0);
  display:block;
  border-bottom: 2px solid rgba(50,225,215,1.0);
  /* border-radius: 50%; */
  box-shadow: 0px 0px 6px rgba(50,225,215,1.0);
  /* margin-top: 4px; */
  /* margin-left: 2px; */
}
.offlineUserMarker{
  height: 90px;
  width: 90px;
  display:block;
  background-color: rgba(245,60,50,0);
  /* border-radius: 50%; */
  box-shadow: 0px 0px 6px rgba(245,60,50,0.4);
  /* margin-top: 4px; */
  /* margin-left: 2px; */
}

.chatThumbCover span{
    font-size: 13px;
    display:block;
    width: 90px;
    text-align: center;
    top: 34px;
    font-weight: bold;
    opacity:0;
    -webkit-transition: opacity 0.3s ease-in-out;
    overflow-x: hidden;
}

.chatThumbCover:hover{
    background:rgba(0,0,0,0.4);
    cursor:pointer;
}

.chatThumbCover:hover span{
    opacity:1;
}



.chatterbox_stream_bottom_friend_box
{
    position: relative;
    float: left;
    width: 80px;
    margin-left: 4px;
    height: 144px;
    cursor: pointer;
}

.chatterbox_stream_bottom_friend_box_flare
{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.chatterbox_stream_bottom_friend_box_flare:hover, 
.chatterbox_stream_bottom_friend_box_flare:active,
.chatterbox_stream_bottom_friend_box_flare_active
{
    background: url(//46.202.173.33/assets/images/stream/on_stream_flare.png);
    background-repeat: no-repeat;
    background-position: center 98px;
    transition: opacity 0.5s ease-out 0.1s;
    -moz-transition: opacity 0.5s ease-out 0.1s;
    -ms-transition: opacity 0.5s ease-out 0.1s;
    -o-transition: opacity 0.5s ease-out 0.1s;
    -webkit-transition: opacity 0.5s ease-out 0.1s;
    opacity: 1;
}

.chatterbox_stream_bottom_friend_box_pic
{
    position: absolute;
    bottom: 30px;
    margin-left: 10px;
    width: 60px;
    height: 100px;
    background: url(//46.202.173.33/assets/images/common/social_default_user_pic_chatterbox.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
}

.chatterbox_stream_bottom_friend_box_pic img
{
    height: 100px;
}

.chatterbox_stream_bottom_friend_box_name
{
    width: 80px;
    line-height: 12px;
    position: absolute;
    bottom: 10px;
    text-align: center;
    color: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
/**************************************************texh border 2**************************************************/
.chatterbox_stream_border_bottom_left
{
    position: relative;
    float: left;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    width: 30%;
    height: 26px;
}

.chatterbox_stream_border_bottom_left_angle
{
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_border_angle_2.png);
    background-repeat: no-repeat;
    opacity: 0.5;
}

.chatterbox_stream_border_bottom_middle
{
    position: relative;
    float: left;
    border-top: 1px solid rgba(255,255,255,0.5);
    width: 30%;
    height: 26px;
}

.chatterbox_stream_border_bottom_right_angle
{
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_border_angle_1.png);
    background-repeat: no-repeat;
    opacity: 0.5;
}

.chatterbox_stream_border_bottom_right
{
    position: relative;
    float: left;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    width: 30.5%;
    height: 26px;
}

/*friendspopup.css*/
@charset "utf-8";
/* CSS Document */

#friends_popup div{
    position: absolute;
    font-family: Opificio;
    }
#filterBar{
    color: #00bff3;
    height: 50px;
    width: 100%;
    position: relative;
    top: 0;
    z-index: 1;
    display: block;
    font-weight: bold;
}
#filterBar #prev{
    top: 0px;
    left: 5px;
    width: 30px;
    height: 30px;
    
    background: url(//46.202.173.33/assets/images/glass.png)no-repeat -471px -794px;
    cursor: pointer;
}

#filterBar #next{
    top: 0px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url(//46.202.173.33/assets/images/glass.png)no-repeat -471px -760px;
    cursor: pointer;
}

#filterView{
    top: 7px;
    left: 40px;
    width: 600px;
    height: 30px;
    overflow: hidden;
}
#filters{
    width: auto;
    height: 30px;
    font-size: 0.9em;
    letter-spacing: 1.5px;
    display: block;
    position: relative !important;
    margin-left: auto;
    margin-right: auto;
}

.filter_segment{
    width:600px;
    display:inline-block;
}

#filters span{
    text-transform: uppercase;
    cursor: pointer;
    }
#itemList
{
    list-style-type: none;
    display: inline-block;
    width: 100%;
    max-width: 930px;
    overflow: hidden;
    height: 20px;
}

#itemList li
{
    float:left;
    min-width: 30px;
    margin-right: 60px;
}

#itemList li:hover
{
    color:#f2f2f2;
}

#friendWrapper{
    width: 672px;
    top: 40px;
    min-height: 310px;
    overflow: auto;
}
.friend{
    width: 283px;
    height: 53px;
    background-image: url(//46.202.173.33/assets/images/stream/Theme/glass/friendslist/friendbg.png); /*metal friend bg is default*/
    background-repeat: repeat-x;
    margin: 5px;
}

.friendThumb{
    top: 7px;
    left: 7px;
}
.friendThumb img{
    width: 40px;
    max-height: 40px;
}
.friendOnline{
    top: 4px;
    left: 3px;
    width: 10px;
    height: 10px;
    z-index: 2;
    background: url(//46.202.173.33/assets/images/acrylic.png)no-repeat -355px -1188px;
}

.friendName{
    top: 2px;
    left: 52px;
    letter-spacing: 0.4px;
}
.friendProfile{
    top: 21px;
    right: 75px;
    width: 31px;
    height: 30px;
    cursor: pointer;
    background: url(//46.202.173.33/assets/images/acrylic.png)no-repeat -504px -828px;
}

.friendChat{
    top: 21px;
    right: 39px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    
    background: url(//46.202.173.33/assets/images/acrylic.png)no-repeat -505px -762px;
}

.friendEmail{
    top: 21px;
    right: 4px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    
    background: url(//46.202.173.33/assets/images/acrylic.png)no-repeat -505px -795px;
}

#main_distribute-secondary
{
    top: 70px;

}

#main_advertise-secondary
{

}

#main_filmfestival-secondary
{
    top: 70px;

}

/*messages_popup.css*/
@charset "utf-8";
/* CSS Document */

#messages_popup div
{
    font-family: Opificio;
}

#messages_popup div.contactItem
{
    color: #A2A6A8;
    margin-left: 9px;
    margin-top: 10px;
    cursor: pointer;
}

#messages
{
    width: 525px;
    top: 40px;
    height: 350px;
    margin-bottom: 40px;
    overflow-x: hidden;
    border-radius: 5px;
    display: inline-block;
    margin-top: 49px;
}

.messageListItem
{
    top: 0px;
    left: 100px;
    background-color: #3e3e3e;
    padding: 5px;
    height: 65px;
    cursor: pointer;
}

.messageListItem:nth-child(even)
{
    background: #1f1f1f;
}

.messageListItem input
{
    display: none;
}

.messageListItem .messageName
{
    font-weight: bold;
    font-size: 1.3em;
}

#messages .messageListItem div
{
    position: relative;
}


{
}

.messageName
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.messagePreview
{
    left: 30px;
    width: 460px;
}

.time
{
    top: -45px;
    right: 10px;
    float: right;
}

.messageListItem .important
{
    display: inline-block;
    background: url(//46.202.173.33/assets/images/acrylic.png)no-repeat -320px -1014px;
    width: 20px;
    height: 20px;
    position: relative;
    vertical-align: middle;
    z-index: 1;
    cursor: pointer;
}

.messageListItem .important:hover, .messageListItem .important.active
{
    background-position: -320px -993px;
}

#messageView
{
    width: 768px;
    margin: 0 auto;
    margin-bottom: 30px;
    top: -160px;
    position: relative;
}

#messagesWrapper
{
    background: rgba(200,200,200,0.1);
}

#messageMenuBar
{
    height: 50px;
    float: right;
}

#messageMenuBar div
{
    position: relative;
}

#messageSearch
{
    display: none;
}

#messageSearch input
{
    background: #4c4f54;
    color: #f2f2f2;
}

#search
{
    display: none;
    background-position: 0px 0px;
}

#search:hover
{
    background-position: 0px 41px;
}

#refresh
{
    background-position: -40px 0px;
}

#refresh:hover
{
    background-position: -40px 41px;
}

#trash
{
    background-position: -80px 0px;
}

#trash:hover
{
    background-position: -80px 41px;
}

#messageCount
{
    background: none;
    color: #f2f2f2;
    margin: 0px;
    line-height: 40px;
    vertical-align: middle;
    width: 40px;
    text-align: right;
}

#previousPage
{
    background-position: -120px 0px;
}

#previousPage:hover
{
    background-position: -120px 41px;
}

#nextPage
{
    background-position: -162px 0px;
}

#nextPage:hover
{
    background-position: -162px 41px;
}

#settings
{
    background-position: -200px 0px;
}

#settings:hover
{
    background-position: -200px 41px;
}

.button
{
    border-radius: 5px;
    line-height: 46px;
    font-weight: bold;
    user-select: none;
    cursor: pointer;
}

.message_bar
{
    float: left;
    clear: left;
    list-style: none;
    margin-left: 20px;
}

.message_bar ul
{
    padding: 0;
    margin-top: 50px;
}

.message_bar_item
{
    list-style: none;
    margin: 10px 29px 10px 31px;
    height: 38px;
    float: left;
    clear: left;
    cursor: pointer;
    width: 32px;
}

.message_bar_item:hover, .message_bar_item .active
{
    font-weight: bold;
}

.message_bar_item a
{
    display: none;
}

#inbox
{
    background: url(//46.202.173.33/assets/images/glass.png)no-repeat -423px -1152px !important;
}

#important
{
    background: url(//46.202.173.33/assets/images/glass.png)no-repeat -461px -1152px;
}


#sent
{
    background: url(//46.202.173.33/assets/images/glass.png)no-repeat -501px -1152px;
}

#drafts
{
    background: url(//46.202.173.33/assets/images/glass.png)no-repeat -350px -1152px;
}

#compose, #conversation
{
    width: 471px;
    height: 393px;
    position: absolute;
    bottom: 42px;
    z-index: 2;
    background: #f2f2f2;
    display: none;
    left: 186px;
}

#compose .header
{
    height: 40px;
    background: #00bff3;
    color: #f2f2f2;
    line-height: 40px;
    padding: 0 10px;
}

#compose .header div
{
    display: inline-block;
}

#conversation .header
{
    height: 90px;
    color: #f2f2f2;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: solid 1px #A2A6A8;
    background: #00bff3;
}

#conversation .header .smallTitle
{
    font-weight: bold;
    text-align: left;
    display: inline-block;
    height: 24px;
    line-height: 90px;
}

#newMessage, #sendBtn, #reply
{
    width: 60px;
    height: 46px;
    background: #00BFF3;
    color: #f2f2f2;
    position: absolute;
    left: 110px;
}

#newMessage
{
    float: left;
    width: 80px;
    padding-left: 10px;
    padding-right: 10px;
}

.newmessage_icon
{
    width: 32px;
    height: 28px;
    /* float: left; */
    position: absolute;
    left: -60px;
    top:  10px;
    background: url(//46.202.173.33/assets/images/glass.png)no-repeat -313px -1152px;
}

#sendBtn, #reply
{
    text-align: center;
    position: absolute;
    left: 400px;
    bottom: 14px;
    width: 60px;
}

#loadArea
{
    position: relative;
    width: 675px;
    text-align: left;
    display: none;
    overflow: visible;
    z-index: 9999;
}

#sendList
{
    display: inline-block;
    color: white;
}

#compose input, #compose textarea
{
    font-size: 1em;
    border: none;
    background: #f2f2f2;
    color: black;
}

#toWrapper
{
    border-bottom: solid 1px #A2A6A8;
    text-indent: 10px;
    color: #A2A6A8;
}

#to
{
    height: 39px;
    margin: 0 0 1px 0;
    border-radius: 0;
    padding: 0px 10px;
    outline: none;
    box-sizing: border-box;
}

input#subject
{
    height: 40px;
    margin: 0;
    border-radius: 0;
    width: 451px;
    padding: 0px 10px;
    outline: none;
    border-bottom: solid 1px #A2A6A8;
}

div.messageWindow, textarea.messageWindow
{
    border-radius: 0;
    margin: 0;
    width: 430px;
    height: 184px;
    resize: none;
    padding: 20px 20px 0px 20px;
    outline: none;
    overflow-x: hidden;
    border-bottom: solid 1px #A2A6A8!important;
    color: #A2A6A8;
}

.recepiants
{
    display: inline-block;
    vertical-align: middle;
    padding: 1px 3px;
    border-radius: 5px;
    margin: 2px;
    text-indent: 0;
    background: #00bff3;
    position: relative;
}

.cancel
{
    width: 20px;
    height: 20px;
    position: absolute;
    font-size: 2em;
    line-height: 20px;
    cursor: pointer;
    vertical-align: middle;
    right: 10px;
    top: 10px;
    display: inline-block;
    vertical-align: middle;
}

.recepiants .cancel
{
    position: relative;
    left: 5px;
    top: 0;
}

#messageView .users
{
    height: 393px;
    width: 155px;
    position: absolute;
    bottom: 42px;
    left: 35px;
    overflow: auto;
    background: #f2f2f2;
    z-index: 19;
    display: none;
    border-right: solid 1px #A2A6A8;
}

.contactItem img
{
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
}

.chatterbox_stream_container
{
    position: relative;
    z-index: 0;
    width: 550px;
    height: 620px;
    background: url(//46.202.173.33/assets/images/stream/on_stream_box_bg.png);
    background-repeat: repeat-x;
    border-radius: 10px;
    overflow: hidden;
    transition: height 0.5s, width 0.5s;
    -webkit-transition: height 0.5s, width 0.5s;
    -moz-transition: height 0.5s, width 0.5s;
    -o-transition: height 0.5s, width 0.5s;
    -ms-transition: height 0.5s, width 0.5s;
}

.chatterbox_stream_top
{
    position: relative;
    width: 100%;
    height: 86px;
    float: left;
}

.chatterbox_stream_top_content
{
    position: relative;
    width: 100%;
    height: 60px;
    float: left;
}

.chatterbox_stream_top_tech_icon
{
    position: relative;
    width: 20%;
    height: 60px;
    float: left;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_tech.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    opacity: 0.3;
}

.chatterbox_stream_top_title
{
    position: relative;
    width: 60%;
    height: 32px;
    float: left;
    text-align: center;
    font-family: "Century Gothic";
    font-size: 26px;
    color: #f2f2f2;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_blue_line_large.png);
    background-repeat: no-repeat;
    background-position: center 58px;
    padding-top: 28px;
}

.chatterbox_stream_top_minisize
{
    position: relative;
    width: 10%;
    height: 60px;
    float: left;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_close_mini_icons.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    opacity: 0.3;
}

.chatterbox_stream_top_minisize:hover
{
    opacity: 0.8;
}

.chatterbox_stream_top_close
{
    position: relative;
    width: 10%;
    height: 60px;
    float: left;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_close_mini_icons.png);
    background-repeat: no-repeat;
    background-position: -35px center;
    opacity: 0.3;
}

.chatterbox_stream_top_close:hover
{
    opacity: 0.8;
}   
/***********************************************************texh border*******************************************************/
.chatterbox_stream_border_top_left
{
    position: relative;
    float: left;
    border-top: 1px solid rgba(255,255,255,0.5);
    width: 30%;
    height: 26px;
}

.chatterbox_stream_border_top_left_angle
{
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_border_angle_1.png);
    background-repeat: no-repeat;
    opacity: 0.5;
}

.chatterbox_stream_border_top_middle
{
    position: relative;
    float: left;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    width: 30%;
    height: 26px;
}

.chatterbox_stream_border_top_right_angle
{
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    background-image: url(//46.202.173.33/assets/images/stream/on_stream_border_angle_2.png);
    background-repeat: no-repeat;
    opacity: 0.5;
}

.chatterbox_stream_border_top_right
{
    position: relative;
    float: left;
    border-top: 1px solid rgba(255,255,255,0.5);
    width: 30.5%;
    height: 26px;
}

#navBack
{
    display:none;
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -55px;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 30px solid rgba(255,255,255,0.2);
    cursor:pointer;
    z-index:20;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;    
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
}

#navBack:hover
{
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 30px solid rgba(255,255,255,1);
}


img.guide_pro_image {
    height: 230px;
    max-width: 240px;
    position: absolute;
    top: 10px;
}

.guide_channel_logo_desc:hover {
    color: #181c1f;
    text-shadow: #181c1f 1px 1px 1px;
}

.guide_pro_close {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 2em;
    width: 25px;
    height: 35px;
    cursor: pointer;
}

.guide_pro_profile {
    display: inline-block;
    cursor: pointer;
}

.guide_pro_watch {
    display: inline-block;
    margin-top: 10px;
    margin-right: 20px;
    cursor: pointer;
}

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

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

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

.guide_pro_id {
    display: none;
}

.guide_pro_actors{
    margin-top: 10px;
    
}

.guide_pro_desc{
    max-height: 70px;
    overflow-y: scroll;
}

.filmprofile_content_area {
    position: absolute;
    width: 100%;
    height: 380px;
    overflow: hidden;
}

.filmprofile_comments {
    width: 100%;
    height: 320px;
    top: 50px;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
}

.filmprofile_nocomments {
    position: absolute;
    left: 110px;
    top: 140px;
    color: #f2f2f2;
    text-shadow: #181c1f 2px 2px 1px;
    font-size: 1.2em;
}

.filmprofile_comment {
    position: relative;
    height: 100px;
    color: #f2f2f2;
    margin-left: 10px;
    padding-top: 10px;
}

.filmprofile_comment:nth-child(even) {}

.filmprofile_comment:nth-child(odd) {
    background-color: rgba(0,0,0,0.2);
}

.filmprofile_production {
    position: relative;
    height: 30px;
    color: #f2f2f2;
    margin-left: 10px;
    padding-top: 10px;
}

.filmprofile_production:nth-child(even) {}

.filmprofile_production:nth-child(odd) {
    background-color: rgba(0,0,0,0.2);
}

img.filmprofile_picture {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
}

.filmprofile_message {
    position: absolute;
    left: 140px;
    height: 80px;
    width: 420px;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

.filmprofile_date {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.filmprofile_user {
    position: absolute;
    left: 10px;
    bottom: 0px;
}

 {}

.filmprofile_item {
    position: absolute;
    font-size: 1em;
    left: 10px;
    width: 270px;
    height: 25px;
    overflow: hidden;
}

.filmprofile_value {
    position: absolute;
    right: 10px;
    width: 260px;
    overflow: hidden;
    height: 25px;
}

.streamtopnav {
    width: 668px;
    height: 56px;
    position:  absolute;
    bottom: 635px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    transition: all 0.5s;
    /* background: rgba(0,0,0,0.4); */
    display: none;
    z-index: 2002;
}

.streamtopnav.open {
    display: block;
}

.topnav_option {
    width: 111px;
    height: 100%;
    /* background: rgba(0,0,0,0.4); */
    position: relative;
    top: 0px;
    float: left;
    cursor: pointer;
    text-align: right;
}

.topnav_option.open .tno_feed_icon{
    background-position: -51px -266px;
}

.tno_trend_icon {
    height: 37px;
    width: 40px;
    background: url(//46.202.173.33/assets/images/newcontroller.png) no-repeat -55px -561px;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);    
}

.topnav_option:hover .tno_trend_icon {
    background-position: -150px -267px;
}

.tno_feed_icon {
    height: 38px;
    width: 40px;
    background: url(//46.202.173.33/assets/images/newcontroller.png) no-repeat -7px -266px;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.topnav_option:hover .tno_feed_icon {
    background-position: -51px -266px;
}

.tno_share_icon {
    height: 40px;
    width: 40px;
    background: url(//46.202.173.33/assets/images/newcontroller.png) no-repeat -12px -177px;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.topnav_option:hover .tno_share_icon {
    background-position: -51px -177px;
}

.tno_addfriends_icon {
    height: 40px;
    width: 33px;
    background: url(//46.202.173.33/assets/images/newcontroller.png) no-repeat -137px -406px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.topnav_option:hover .tno_addfriends_icon {
    background-position: -137px -450px;
}

.tno_chatter_icon {
    height: 40px;
    width: 44px;
    background: url(//46.202.173.33/assets/images/newcontroller.png) no-repeat -7px -356px;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.topnav_option:hover .tno_chatter_icon
{
    background-position: -51px -356px;
}

.tno_opinions_icon {
    height: 40px;
    width: 40px;
    background: url(//46.202.173.33/assets/images/newcontroller.png) no-repeat -91px -177px;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.topnav_option:hover .tno_opinions_icon {
    background-position: -135px -177px;
}

.sharebox {
    height: 400px;
    width: 300px;
    background: rgba(0,0,0,0.4);
    border-radius: 15px;
    transition: all 1s;
    position: absolute;
    left:  50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    bottom: -400px;
    z-index: 2002;
}

.sharebox.open{
    bottom: 200px;
}

.sharetitle{
    width: 100%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    margin-top:  50px;
}

.sharecancel {
    width: 150px;
    height: 40px;
    border-radius: 15px;
    color: #ffffff;
    text-align: center;
    font-family: 'Open sans', sans-serif;
    background: rgba(0,0,0,0.4);
    padding-top: 15px;
    cursor: pointer;
    margin: 50px auto;
}

.sharecancel:hover
{
    color: rgba(0,0,0,0.4);
    background: #fff;
}

#twitter-widget-0 {
    /* background: #000; */
}

.twitterbtn {
    margin:  0 auto;

    width: 75px;
    height: 50px;
    cursor: pointer;
    margin-top: 50px;
    overflow:  hidden;
}

.fbbtn {
    margin:  0 auto;
    width: 59px;
    margin-top: 50px;
}

.login_register {
    text-align: center;
}

.strm_reg_btn {
    cursor: pointer;
    background: #EB8F21;
    border-radius:  5px;
    padding:  2px 7px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.strm_reg_btn:hover {
    color: #EB8F21;
    transition: all 0.3s;
    background: #fff;
}

@media screen and (min-height: 1000px){
    #navBox
    {
        left: 90%;
        right: 0%;
        bottom: 400px;
        transition: right 0.5s;
        -webkit-transform: translate(-90%);
        -moz-transform: translate(-90%);
        -o-transform: translate(-90%);
        -ms-transform: translate(-90%);
        transform: translate(-90%);
}

    #navBoxbg
    {   
        left: 90%;
        bottom: 400px;
        -webkit-transform: translate(-90%);
        -moz-transform: translate(-90%);
        -o-transform: translate(-90%);
        -ms-transform: translate(-90%);
        transform: translate(-90%);
        transition: right 0.5s;
    } 

    .streamtopnav
    {
        left: 90%;
    
        bottom: 940px;
        -webkit-transform: translate(-90%);
        -moz-transform: translate(-90%);
        -o-transform: translate(-90%);
        -ms-transform: translate(-90%);
        transform: translate(-90%);
}
}

.chatterbox_chat {
    /* top: 70px; */
    position: relative;
}

i#year {}

input#year {
    width: 75px;
}

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;
}

.feedUploadDiv {
    position: relative;
    top: -30px;
    color: #00bff3;
    left: 310px;
    cursor: pointer;
}

.feedUploadDiv:hover {
    color: #f2f2f2;
}

input#feedUploadInput {
    display: none;
}

img.feedUploadImg {
    position: relative;
    max-width: 180px;
    max-height: 100px;
    top: -20px;
    left: 280px;
}

.trend_box {
    width: 700px;
    height: 600px;
    position: absolute;
    z-index: 2001;
    left: 50%;
    bottom: -700px;
    color: #f2f2f2;
    transform: translate(-50%);
    background-color: rgba(0,0,0,0.5);
    text-shadow: #181c1f 1px 1px 1px;
}

.trend_box.open
{
    bottom: 120px;
}

.trend_title {
    text-align: center;
    font-size: 2em;
    position: relative;
    height: 50px;
}

.trend_post {
}

.trend_postnow {
    position: absolute;
    right: 90px;
    top: 10px;
    z-index: 10;
    font-size: 1.2em;
    cursor: pointer;
    display: none;
}

.trend_close {
    position: absolute;
    right: 10px;
    font-size: 2em;
    cursor: pointer;
    z-index: 10;
}

#navBoxbgClose {
    position: absolute;
    top: 0px;
    right: -20px;
    font-size: 2em;
    cursor: pointer;
    z-index: 1000;
    color: #f2f2f2;
    text-shadow: #181c1f 1px 1px 1px;
}

.trend_show_switcher {
    display: inline-block;
    border: #181c1f 1px solid;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    padding: 1px 10px 1px 10px;
    margin-right: 5px;
    margin-left: 5px;
}

.trend_switcher {
    width: 100%;
    height: 30px;
/*    text-align: center;  */
}

.trend_section {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    top: 20px;
}

.trend_sub:nth-child(even) {
    background-color: rgba(255,255,255,0.02);
}

.trend_sub:nth-child(odd) {
    background-color: rgba(0,0,0,0.6);
}

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

.trend_post_profileimg {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50px;
    left: 20px;
}

.trend_topic_title {
    position: relative;
    text-align: center;
    font-size: 2em;
    cursor: pointer;
}

.trend_sub.trend_topic {
}

.trend_sub.trend_post {
    height: 260px;
}

.trend_post_title {
    position: absolute;
    top: 10px;
    left: 140px;
    font-size: 1.2em;
}

.trend_sub {
    position: relative;
}

.trend_post_profileuser {
    position: absolute;
    left: 20px;
    top: 140px;
}

.trend_post_video {
    position: absolute;
    left: 140px;
    top: 70px;
    height: 155px;
}

.trend_post_picture {
    position: absolute;
    left: 140px;
    top: 50px;
    max-width: 200px;
    max-height: 200px;
}

img.trend_img_post {
    height: 200px;
    max-width: 200px;
    cursor: pointer;
}

.trend_post_comment {
    position: absolute;
    left: 140px;
    top: 50px;
    width: 500px;
    height: 190px;
    overflow: auto;
    word-wrap: break-word;
}
.trend_post_image_comment {
    position: absolute;
    left: 350px;
    top: 50px;
    width: 300px;
    height: 190px;
    overflow: auto;
    word-wrap: break-word;
}
.trend_post_video_comment {
    position: absolute;
    left: 465px;
    top: 50px;
    width: 190px;
    height: 190px;
    overflow: auto;
    word-wrap: break-word;
}

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

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

.trend_postnow:hover {
    color: #00BFF4;
}

input#trend_title {
    position: relative;
    width: 284px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin: 10px auto 10px auto;
    padding: 15px;
    border-radius: 5px;
    display: block;
}

 {}

textarea#trend_comment {
    resize: none;
    position: relative;
    display: block;
    margin: 10px;
    border-radius: 5px;
    padding: 10px;
    margin: auto; 
}

input#trend_post_comment, input#trend_post_picture, input#trend_post_video {
    background-color: #00bff3;
    width: 100px;
    height: 50px;
    border: none;
    border-radius: 5px;
    color: #f2f2f2;
    font-size: 1.2em;
    display: block;
    margin: 10px auto 10px auto;
    cursor: pointer;
}
input#trend_post_mixed {
    background-color: #00bff3;
    width: 320px;
    height: 50px;
    border: none;
    border-radius: 5px;
    color: #f2f2f2;
    font-size: 1.2em;
    display: block;
    margin: 10px 28px 5px 28px;
    cursor: pointer;
}

input#trend_picture_input, input#trend_video_input, input#trend_mixed_input {
    display: none;
}

div.trend_media {
    margin: auto;
    width: 190px;
    text-align: center;
    height: 170px;
    border: dashed 10px rgba(216,216,216,0.2);
    border-radius: 10px;
    color: rgba(216,216,216,0.5);
    box-shadow: none;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 20px;
}

.trend_media_inner {
    font-size: 1.6em;
}

div.trend_media_info {
    padding: 0px;
    margin: 0px auto 0px auto;
    position: relative;
    text-align: center;
}

div.trend_media:hover {
    border-color: #00bff3;
    color: #00bff3;
}

img.trend_media_img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: block;
}

.topnav_option.tno_trend {
    font-size: 2em;
    color: rgba(216,216,216,0.4);
}

.topnav_option.tno_trend:hover {
    color: #f2f2f2;
}

div.trend_post_player {
    width: 302px;
    height: 170px;
    position: absolute;
}

div#trend_loader {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    z-index: 20;
    display: none;
}

.trend_spinner {
  margin: 300px auto;
  width: 50px;
  height: 50px;
  position: relative;
  text-align: center;
  
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}

.trend_dot1, .trend_dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.trend_dot2
{
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.trend_percentage {
    position: absolute;
    top: 250px;
    z-index: 10;
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    color: #f2f2f2;
    text-shadow: none;
}

div#trend_imagepreview {
    width: 100%; height: 100%; 
    position: absolute; 
    background-color: #181c1f; z-index: 20;
    cursor: pointer;
    display: none;
}

img.trend_image_preview {
    max-width: 100%;
    max-height: 100%;
    top: 0;       bottom: 0;       left: 0;       right: 0;
    margin: auto;
    display: block;
    position: absolute;
}

.trend_votes {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.trend_vote_up {
    position: absolute;
    bottom: 30px;
    left: 10px;
    color: darkgreen;
    font-weight: bold;
    cursor: pointer;
}

.trend_vote_down {
    position: absolute;
    left: 50px;
    bottom: 30px;
    color: darkred;
    cursor: pointer;
}

span.udemand_program_title {
    position: absolute;
    width: 160px;      text-align: center;   float: left;      cursor: pointer;   
    border-radius: 15px 15px 0px 0px;   text-shadow: #181c1f 1px 1px;   
    color: #f2f2f2;
    background-color: rgba(0,0,0,0.8);
}

.help_blimp {
    position: absolute;
    color: #f2f2f2;
    text-shadow: 1px 0px #181c1f;
    border-radius: 5px;   
    padding: 5px;
    background: rgba(0,0,0,0.6);
    display: none;
}

div#help_wopt {
    left: 80px;
    top: -50px;
}

div#help_fulls {
    left: 250px;
    top: -25px;
}

div#help_demand {
    left: 360px;
    top: 60px;
}

div#help_settings {
    left: 400px;
    top: 190px;
}

div#help_series {
    left: 400px;
    top: 190px;
}

div#help_net {
    top: 190px;
    right: 400px;
}

div#help_guide {
    right: 360px;
    top: 60px;
}

div#help_vote {
    right: 250px;
    top: -25px;
}

div#help_chat {
    top: -50px;
    right: 150px;
}

div#help_trend {
    top: 50px;
    left: 30px;
}

div#help_feed {
    top: 50px;
    left: 145px;
}

div#help_share {
    top: 50px;
    left: 250px;
}

div#help_opinions {
    top: 50px;
    left: 570px;
}

div#help_chatter {
    top: 50px;
    left: 480px;
}

div#help_addfriends {
    top: 50px;
    left: 340px;
}

span#showTitle {
    position: absolute;   color: #f2f2f2;   text-shadow: 1px 0px #181c1f;   border-radius: 5px;   padding: 5px;   background: rgba(0,0,0,0.6);   
    display: none;
    transform: translateX(-50%);
    top: 220px;
}

.udemand_controls_bar.control_submenu.demand.autohide {
    bottom: -80px;
}

.faded_chan_logo.demand.autohide {
    top: -70px;
}

div#restrictedChannel {
    width: 500px;     
    margin: auto auto;
    background: rgba(200,10,10,0.2);
    top: 25%;
    position: relative;
    padding: 30px;
    display: none;
}

span#rcTitle {
    width: 100%;
    font-size: 1.5em;
    color: #f2f2f2;
    word-break: break-word;
    font-weight: bold;
}

div#rcLogin {
    width: 160px;   margin-left: auto;   margin-right: auto;   text-align: center;   
    background: #181c1f;   color: white;   font-weight: bold;   font-size: 1em;   padding-top: 15px;   height: 36px;   border-radius: 5px;   cursor: pointer;
    margin-top: 20px;
}

div#rcSubscribe {      
    width: 160px;   margin-left: auto;   margin-right: auto;   text-align: center;   
    background: #181c1f;   color: white;   font-weight: bold;   
    font-size: 1em;   
    padding-top: 15px;   height: 36px;   border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
}

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

div#rcLogin:hover {
    color: #00bff3;
}
/* Video Chat*/
.videoCall {
    background-color: #10bb10;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    left: calc(100% - 15px);
    transform: translateX(-15px);
    border-radius: 15px;
    cursor: pointer;
    background-image: url(https://46.202.173.33/assets/images/phonecall_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 15px;
    z-index: 10;
}

#endCallButton {
    position: absolute;
    bottom: 70px;
    width: 100px;
    text-align: center;
    left: 50%;
    z-index: 9999;
    border: 1px solid #440e0e;
    padding: 5px;
    transform: translateX(-50px);
    background-color: rgba(97, 21, 21, 0.8);
    color: white;
    cursor: pointer;
    font-weight: bold;
    border-radius: 10px;
    display:none;
}

#videoCallingNow
{
    position: absolute;
    top: 70px;
    width: 250px;
    text-align: center;
    left: 50%;
    z-index: 9999;
    border: 1px solid #137b8c;
    padding: 5px;
    transform: translateX(-125px);
    background-color: rgba(25, 96, 117, 0.8);
    color: white;
    cursor: pointer;
    font-weight: bold;
    border-radius: 10px;
    display: none; 
}

#videoCallRequest
{
    position: absolute;
    top: 0px;
    width: 460px;
    text-align: center;
    right: 0%;
    z-index: 9999;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    font-weight: bold;
    border-radius: 10px;
    display:none;
}

#acceptVideoCall
{
    display: inline-block;
    width: 200px;
    text-align: center;
    z-index: 9999;
    padding: 5px;
    background-color: rgb(60, 156, 28);
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin: 5px;
    border-radius: 10px;
}

#declineVideoCall
{
    display: inline-block;
    width: 200px;
    text-align: center;
    z-index: 9999;
    padding: 5px;
    background-color: #a90329;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin: 10px;
    border-radius: 10px;
}

.videoChatCircle
{
    opacity: 0;
    position: absolute;
    top: -420px;
    z-index: 9999;
    width: 320px;
    height: 240px;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    bottom: 20px;
    padding: 60px;
}

.receivedMessage .timestamp,
.sentMessage .timestamp {
	text-align: right;
	font-size: 16px;
}

/**
 * Dropzone
 *
 */
 /*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
	0% {
	  opacity: 0;
	  -webkit-transform: translateY(40px);
	  -moz-transform: translateY(40px);
	  -ms-transform: translateY(40px);
	  -o-transform: translateY(40px);
	  transform: translateY(40px); }
	30%, 70% {
	  opacity: 1;
	  -webkit-transform: translateY(0px);
	  -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  transform: translateY(0px); }
	100% {
	  opacity: 0;
	  -webkit-transform: translateY(-40px);
	  -moz-transform: translateY(-40px);
	  -ms-transform: translateY(-40px);
	  -o-transform: translateY(-40px);
	  transform: translateY(-40px); } }
  @-moz-keyframes passing-through {
	0% {
	  opacity: 0;
	  -webkit-transform: translateY(40px);
	  -moz-transform: translateY(40px);
	  -ms-transform: translateY(40px);
	  -o-transform: translateY(40px);
	  transform: translateY(40px); }
	30%, 70% {
	  opacity: 1;
	  -webkit-transform: translateY(0px);
	  -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  transform: translateY(0px); }
	100% {
	  opacity: 0;
	  -webkit-transform: translateY(-40px);
	  -moz-transform: translateY(-40px);
	  -ms-transform: translateY(-40px);
	  -o-transform: translateY(-40px);
	  transform: translateY(-40px); } }
  @keyframes passing-through {
	0% {
	  opacity: 0;
	  -webkit-transform: translateY(40px);
	  -moz-transform: translateY(40px);
	  -ms-transform: translateY(40px);
	  -o-transform: translateY(40px);
	  transform: translateY(40px); }
	30%, 70% {
	  opacity: 1;
	  -webkit-transform: translateY(0px);
	  -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  transform: translateY(0px); }
	100% {
	  opacity: 0;
	  -webkit-transform: translateY(-40px);
	  -moz-transform: translateY(-40px);
	  -ms-transform: translateY(-40px);
	  -o-transform: translateY(-40px);
	  transform: translateY(-40px); } }
  @-webkit-keyframes slide-in {
	0% {
	  opacity: 0;
	  -webkit-transform: translateY(40px);
	  -moz-transform: translateY(40px);
	  -ms-transform: translateY(40px);
	  -o-transform: translateY(40px);
	  transform: translateY(40px); }
	30% {
	  opacity: 1;
	  -webkit-transform: translateY(0px);
	  -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  transform: translateY(0px); } }
  @-moz-keyframes slide-in {
	0% {
	  opacity: 0;
	  -webkit-transform: translateY(40px);
	  -moz-transform: translateY(40px);
	  -ms-transform: translateY(40px);
	  -o-transform: translateY(40px);
	  transform: translateY(40px); }
	30% {
	  opacity: 1;
	  -webkit-transform: translateY(0px);
	  -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  transform: translateY(0px); } }
  @keyframes slide-in {
	0% {
	  opacity: 0;
	  -webkit-transform: translateY(40px);
	  -moz-transform: translateY(40px);
	  -ms-transform: translateY(40px);
	  -o-transform: translateY(40px);
	  transform: translateY(40px); }
	30% {
	  opacity: 1;
	  -webkit-transform: translateY(0px);
	  -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  transform: translateY(0px); } }
  @-webkit-keyframes pulse {
	0% {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
	  transform: scale(1); }
	10% {
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -ms-transform: scale(1.1);
	  -o-transform: scale(1.1);
	  transform: scale(1.1); }
	20% {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
	  transform: scale(1); } }
  @-moz-keyframes pulse {
	0% {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
	  transform: scale(1); }
	10% {
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -ms-transform: scale(1.1);
	  -o-transform: scale(1.1);
	  transform: scale(1.1); }
	20% {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
	  transform: scale(1); } }
  @keyframes pulse {
	0% {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
	  transform: scale(1); }
	10% {
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -ms-transform: scale(1.1);
	  -o-transform: scale(1.1);
	  transform: scale(1.1); }
	20% {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
	  transform: scale(1); } }
  .dropzone, .dropzone * {
	box-sizing: border-box; }
  
  .dropzone {
	min-height: 150px;
	border: 2px solid rgba(0, 0, 0, 0.3);
	background: white;
	padding: 20px 20px; }
	.dropzone.dz-clickable {
	  cursor: pointer; }
	  .dropzone.dz-clickable * {
		cursor: default; }
	  .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
		cursor: pointer; }
	.dropzone.dz-started .dz-message {
	  display: none; }
	.dropzone.dz-drag-hover {
	  border-style: solid; }
	  .dropzone.dz-drag-hover .dz-message {
		opacity: 0.5; }
	.dropzone .dz-message {
	  text-align: center;
	  margin: 2em 0; }
	  .dropzone .dz-message .dz-button {
		background: none;
		color: inherit;
		border: none;
		padding: 0;
		font: inherit;
		cursor: pointer;
		outline: inherit; }
	.dropzone .dz-preview {
	  position: relative;
	  display: inline-block;
	  vertical-align: top;
	  margin: 16px;
	  min-height: 100px; }
	  .dropzone .dz-preview:hover {
		z-index: 1000; }
		.dropzone .dz-preview:hover .dz-details {
		  opacity: 1; }
	  .dropzone .dz-preview.dz-file-preview .dz-image {
		border-radius: 20px;
		background: #999;
		background: linear-gradient(to bottom, #eee, #ddd); }
	  .dropzone .dz-preview.dz-file-preview .dz-details {
		opacity: 1; }
	  .dropzone .dz-preview.dz-image-preview {
		background: white; }
		.dropzone .dz-preview.dz-image-preview .dz-details {
		  -webkit-transition: opacity 0.2s linear;
		  -moz-transition: opacity 0.2s linear;
		  -ms-transition: opacity 0.2s linear;
		  -o-transition: opacity 0.2s linear;
		  transition: opacity 0.2s linear; }
	  .dropzone .dz-preview .dz-remove {
		font-size: 14px;
		text-align: center;
		display: block;
		cursor: pointer;
		border: none; }
		.dropzone .dz-preview .dz-remove:hover {
		  text-decoration: underline; }
	  .dropzone .dz-preview:hover .dz-details {
		opacity: 1; }
	  .dropzone .dz-preview .dz-details {
		z-index: 20;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		font-size: 13px;
		min-width: 100%;
		max-width: 100%;
		padding: 2em 1em;
		text-align: center;
		color: rgba(0, 0, 0, 0.9);
		line-height: 150%; }
		.dropzone .dz-preview .dz-details .dz-size {
		  margin-bottom: 1em;
		  font-size: 16px; }
		.dropzone .dz-preview .dz-details .dz-filename {
		  white-space: nowrap; }
		  .dropzone .dz-preview .dz-details .dz-filename:hover span {
			border: 1px solid rgba(200, 200, 200, 0.8);
			background-color: rgba(255, 255, 255, 0.8); }
		  .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
			overflow: hidden;
			text-overflow: ellipsis; }
			.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
			  border: 1px solid transparent; }
		.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
		  background-color: rgba(255, 255, 255, 0.4);
		  padding: 0 0.4em;
		  border-radius: 3px; }
	  .dropzone .dz-preview:hover .dz-image img {
		-webkit-transform: scale(1.05, 1.05);
		-moz-transform: scale(1.05, 1.05);
		-ms-transform: scale(1.05, 1.05);
		-o-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05);
		-webkit-filter: blur(8px);
		filter: blur(8px); }
	  .dropzone .dz-preview .dz-image {
		border-radius: 20px;
		overflow: hidden;
		width: 120px;
		height: 120px;
		position: relative;
		display: block;
		z-index: 10; }
		.dropzone .dz-preview .dz-image img {
		  display: block; }
	  .dropzone .dz-preview.dz-success .dz-success-mark {
		-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
	  .dropzone .dz-preview.dz-error .dz-error-mark {
		opacity: 1;
		-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
	  .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
		pointer-events: none;
		opacity: 0;
		z-index: 500;
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		margin-left: -27px;
		margin-top: -27px; }
		.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
		  display: block;
		  width: 54px;
		  height: 54px; }
	  .dropzone .dz-preview.dz-processing .dz-progress {
		opacity: 1;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear; }
	  .dropzone .dz-preview.dz-complete .dz-progress {
		opacity: 0;
		-webkit-transition: opacity 0.4s ease-in;
		-moz-transition: opacity 0.4s ease-in;
		-ms-transition: opacity 0.4s ease-in;
		-o-transition: opacity 0.4s ease-in;
		transition: opacity 0.4s ease-in; }
	  .dropzone .dz-preview:not(.dz-processing) .dz-progress {
		-webkit-animation: pulse 6s ease infinite;
		-moz-animation: pulse 6s ease infinite;
		-ms-animation: pulse 6s ease infinite;
		-o-animation: pulse 6s ease infinite;
		animation: pulse 6s ease infinite; }
	  .dropzone .dz-preview .dz-progress {
		opacity: 1;
		z-index: 1000;
		pointer-events: none;
		position: absolute;
		height: 16px;
		left: 50%;
		top: 50%;
		margin-top: -8px;
		width: 80px;
		margin-left: -40px;
		background: rgba(255, 255, 255, 0.9);
		-webkit-transform: scale(1);
		border-radius: 8px;
		overflow: hidden; }
		.dropzone .dz-preview .dz-progress .dz-upload {
		  background: #333;
		  background: linear-gradient(to bottom, #666, #444);
		  position: absolute;
		  top: 0;
		  left: 0;
		  bottom: 0;
		  width: 0;
		  -webkit-transition: width 300ms ease-in-out;
		  -moz-transition: width 300ms ease-in-out;
		  -ms-transition: width 300ms ease-in-out;
		  -o-transition: width 300ms ease-in-out;
		  transition: width 300ms ease-in-out; }
	  .dropzone .dz-preview.dz-error .dz-error-message {
		display: block; }
	  .dropzone .dz-preview.dz-error:hover .dz-error-message {
		opacity: 1;
		pointer-events: auto; }
	  .dropzone .dz-preview .dz-error-message {
		pointer-events: none;
		z-index: 1000;
		position: absolute;
		display: block;
		display: none;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		border-radius: 8px;
		font-size: 13px;
		top: 130px;
		left: -10px;
		width: 140px;
		background: #be2626;
		background: linear-gradient(to bottom, #be2626, #a92222);
		padding: 0.5em 1.2em;
		color: white; }
		.dropzone .dz-preview .dz-error-message:after {
		  content: '';
		  position: absolute;
		  top: -6px;
		  left: 64px;
		  width: 0;
		  height: 0;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		  border-bottom: 6px solid #be2626; }
  

#main_distribute-secondary .subNavBtn:nth-child(2) {
    display: none;
}

.feedEntry.advertise {
    position: relative;
    padding: 20px 15px;
    background: white;
}

.feedEntry.advertise .image {
	width: 63px;
	height: 63px;
    display: inline-block;
    position: relative;
}

.feedEntry.advertise .image img {
	max-width: 63px;
    max-height: 63px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.feedEntry.advertise .content {
    width: calc(100% - 63px);
	height: 63px;
	display: inline-block;
    vertical-align: top;
}

.advertise-label {
	font-size: 13px;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 1px 5px;
    text-align: center;
    border-top-right-radius: 10px;
}

.advertise-container {
	height: 63px;
}

.ad-row {
	height: 31px;
	width: 100%;
	position: relative;
	padding-left: 10px;
}

.ad-desc {
    color: black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ad-title {
    color: black;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ad-price {
    color: black;
	position: absolute;
	top: 0;
	right: 10px;
}

#customModal.advertise {
	width: 80vw;
	height: 90%;
}

.video-play-btn-container {
	width: 200px;
    background: rgba(0, 0, 0, 0.5);
	padding: 5px;
	height: 123px;
	margin: auto;
	display: inline-block;
}

.img-btn {
	margin-left: 10px;
	margin-top: 15px;
	width: 150px;
	height: 123px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.img-btn img {
	max-width: 150px;
	max-height: 123px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.display-btn {
    text-align: center;
    overflow-x: auto;
}

/*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;
  }

  #customModal.advertise .modal-body {
	padding-top: 10px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.modal_confirmation,
.contact-seller {
	position: relative;
	color: white;
	font-size: 1.2em;
	margin-top: 20px;
	height: 40px;
	width: 100px;
	display: block;
	background: #00BFF3;
	text-align: center;
	border-radius: 4px;
	border: 0px;
	display:block;
	float: right;
	line-height: 40px !important;
}

.contact-seller {
	float: none;
	width: calc(80% + 20px);
	margin: auto;
	line-height: unset !important;
}

.modal_confirmation:hover,
.contact-seller:hover {
	cursor: pointer;
	background: #29303a;
}

#customModal.advertise .modal-body .jwplayer {
	margin: 0 auto 15px auto;
}

#customModal.advertise .modal-body .details,
#customModal.advertise .modal-body .contact-info {
    width: calc(50% - 30px);
	display: inline-block;
	vertical-align: top;
	min-height: 250px;
	margin-top: 10px;
}

#customModal.advertise .modal-body .contact-info {
	text-align: center;
}

#customModal.advertise .modal-body .details > div {
	display: inline-block;
	vertical-align: top;
}

#customModal.advertise .modal-body .details .desc-container {
	width: calc(80% - 60px);
}

#customModal.advertise .modal-body .details .content {
	width: calc(20% - 60px);
}

#customModal.advertise .modal-body .details .content .ad-price {
	position: relative;
	top: auto;
	right: auto;
	margin-top: 22px;
}

#customModal.advertise .modal-body .contact-info .email-msg {
	width: 80%;
	height: 200px;
	resize: none;
	padding: 10px;
}

#customModal.advertise .modal-body .contact-info .contact-seller:disabled {
	background: #29303a;
}

#customModal.advertise .modal-body .contact-info .email-msg:focus {
	outline: none;
}

.video-play-icon {
	background: url(//46.202.173.33/assets/images/iconsprites.png) no-repeat -562px -374px;
    height: 123px;
	width: 123px;
	margin: auto;
}

.video-play-icon:hover {
	background: url(//46.202.173.33/assets/images/iconsprites.png) no-repeat -691px -374px;
    height: 123px;
	width: 123px;
}

#customModal .modal-header .modal-title {
	font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}

#customModal .modal-header .modal-body {
	font-size: 20px;
}

.loadingScreen {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: black;
    z-index: 99999;
    opacity: 0.7;
    transition: opacity 0.7 ease-in-out;
    -moz-transition: opacity 0.7 ease-in-out;
    -webkit-transition: opacity 0.7 ease-in-out;
    -o-transition: opacity 0.7 ease-in-out;
    -ms-transition: opacity 0,7 ease-in-out;
}

#loader {
    color: white;
    top: 44%;
    left: 48%;
    font-size: 7em;
    position: absolute;
}

.display-container {
	text-align: center;
	height: 500px;
	width: 100%;
}

.display-container img {
	max-width: 889px;
	max-height: 500px;
}
/*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;
 }
 
 /* makes the font 33% larger relative to the icon container */
 .fa-lg
 {
     font-size: 1.33333333em;
     line-height: 0.75em;
     vertical-align: -15%;
     padding-top: 21px;
 }
 
 .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";
 }
 
.hidden {
	display: none !important;
}

#jwp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}