/*

Theme Name: 

Theme URI: http://

Author: 

Author URI: http://

Description: Main Stylesheet

*/





/* =Reset

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video                { background:transparent; border:0; font-family: 'Open Sans', sans-serif; margin:0; padding:0; }







/* =Fonts

-------------------------------------------------------------- */







/* =Structure

-------------------------------------------------------------- */



/* The main theme structure */



/* Modal Bug Fix For Modal Not Scrolling on Mouse Scroll */

.modal.fade.in                                    {  transform: translateZ(0); -webkit-transform: translateZ(0); }



/* =Global Elements

-------------------------------------------------------------- */

body                                              {  overflow-x: hidden;}

a                                                 { font-weight:normal; }

a:hover                                           { text-decoration:none; }

label                                             { font-weight:400; }

.displaynone                                      { display:none !important; }

.displayblock                                     { display:block !important; }



.c_padding                                        { padding:20px 10px; }

.c_paddingDefault                                 { padding:10px; }

.c_paddingSides                                   { padding:0 10px; } 

.mt                                               { margin-top: 25px; }

.c_alert                                          { z-index: 2000;}

.mb                                               { margin-bottom: 25px; }





img                                          { border:none; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; }

button                                            { -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; }



.red-text                                         { color: #d41f45;}

.container                                        { position: relative; z-index: 3;}

.modal                                            { background: rgba(0,0,0, .70);}

.keyboard-fields                                  { position: absolute !important; right: 23px; margin-top: 15px !important; color: rgb(193, 193, 193); }

/* Main global 'theme' and typographic styles */







/* =Header

-------------------------------------------------------------- */



/* =Menu

-------------------------------------------------------------- */



/* =Content

-------------------------------------------------------------- */



.wrapper                                          { width:100%; padding:0; margin:0;}

.content-padding                                  { padding-top:100px;}

.sticky                                           { position:fixed; top:0; padding: 0 !important; z-index: 10;}



/* Fans

----------------------------------------------------------*/

.player-landing{ 

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('../images/player-bg-landing.jpg') no-repeat;

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))), url('../images/player-bg-landing.jpg') no-repeat;

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('../images/player-bg-landing.jpg') no-repeat;

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('../images/player-bg-landing.jpg') no-repeat;

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('../images/player-bg-landing.jpg') no-repeat;

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('../images/player-bg-landing.jpg') no-repeat;

  /*-ms-background-size: cover;

  -o-background-size: cover;

  -moz-background-size: cover;

  -webkit-background-size: cover;

  background-size: cover;*/

}



.player-landing-02{

  background: url(../images/player-bg-landing.jpg) no-repeat;

  /*-ms-background-size: cover;

    -o-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;*/

}



/* feed */

.feed-edit-main                                 { text-align: right; margin-top: 20px;}

.feed-edit-main a                               { color: #e2e2e2; text-decoration: none; font-size: 40px;}

.feed-edit-main a:hover                         { color: #d41f45;}

.feed-profile-img-box                           { width: 288px; height: 288px; position: relative; margin: 0 auto;}

.feed-profile-img-box > a                       { position: absolute; bottom: 10px; left: 0px; right: 0px; margin: 0 auto;} 

.feed-profile-details                           { text-align: center;}

.feed-profile-details > h2                      { font-size: 38px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 30px;}

.feed-profile-details > h3                      { font-weight: normal; text-transform: uppercase; line-height: 10px;}

.feed-nav-box                                   { text-align: center; text-transform: uppercase;}

.feed-nav-box > h3                              { font-size: 24px; color: #fff; font-weight: normal;}

.feed-bottom-logo                               { position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 260px;}

.menu-scroll-panel                              { position: relative; padding-top: 94px;}

.menu-scroll-itemwrap                           { background-color: #d41f45; padding: 60px 0 0; width: 100%; text-align: center;}



.content-mainpanel                              { padding: 40px 0;}



.each-player                                    { margin-bottom: 15px; cursor: pointer; position: relative; height: 145px; text-align: center;}

.selected-player                                { position: absolute; font-size: 28px; color: #fd1754; right: 0; top: 0; }



/*OWL CAROUSEL*/

#menu-carousel .item                            { padding: 10px 0px; margin: 5px; color: #FFF; cursor: pointer; text-align: center; position:relative; word-wrap: break-word; }

#menu-carousel .item span                       { color: #000000; position: absolute; left: 0; bottom: 0; right: 0;} 

#menu-carousel .item a                          { color: #ff8798; font-size: 24px; font-weight: 300; text-decoration: none;}

#menu-carousel .item.active a                   { color: #ffffff; }

#menu-carousel .owl-next                        { position: absolute; right: 10px; margin-top: -65px; font-size: 30px; }

#menu-carousel .owl-prev                        { position: absolute; left: 10px; margin-top: -65px; font-size: 30px; }

.owl-carousel .owl-item {

    padding-left: 30px;

    padding-right: 30px;

}



/* feed */

.feed-edit-main                                 { text-align: right; margin-top: 20px;}

.feed-edit-main a                               { color: #e2e2e2; text-decoration: none; font-size: 40px;}

.feed-edit-main a:hover                         { color: #d41f45;}

.feed-profile-img-box                           { width: 288px; height: 288px; position: relative; margin: 0 auto;}

.feed-profile-img-box > a                       { position: absolute; bottom: 10px; left: 0px; right: 0px; margin: 0 auto;} 

.feed-profile-details                           { text-align: center;}

.feed-profile-details > h2                      { font-size: 38px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 30px;}

.feed-profile-details > h3                      { font-weight: normal; text-transform: uppercase; line-height: 10px;}

.feed-nav-box                                   { text-align: center; text-transform: uppercase;}

.feed-nav-box > h3                              { font-size: 24px; color: #fff; font-weight: normal;}

.feed-bottom-logo                               { position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 260px;}

.menu-scroll-panel                              { position: relative; padding-top: 94px;}

.menu-scroll-itemwrap                           { background-color: #d41f45; padding: 73px 0 28px; }



.content-mainpanel                              { padding: 40px 0;}

.feed-panel                                     { width: 100%;}

.feed-panel  .img-circle                                  { margin-left: 20px;}

.feed-panel  .item-action                                  { padding-top:20px;}

.feed-panel .item                               { max-width: 100%; background-color: #fff; margin:5px 5px; color: #3a3c40; /* font-size: 16px; */ padding: 10px;}

.feed-panel .item p > strong                    { font-weight: bold; color: #d41f45;} 

.feed-panel .item > .my-content-desc            { padding:15px 20px; border-bottom: 1px solid #e6eaf2; min-height: 100px; }

.feed-panel .item p.comment-counter             { color: #aeb3bf; cursor:pointer; }

.feed-panel .item h3                            { font-size: 20px; font-weight: normal;}



.feed-profile-box                               { margin-top: 20px;}

/*.feed-profile-box-absolute                      { position: absolute !important; z-index:2; bottom: 10px; width: 100%;}*/ 

.feed-profile-box-absolute                      { position: absolute !important; z-index:2; bottom: 0; width: 100%; padding-bottom: 10px; background: rgba(0,0,0,0.6); left: 15px;}

.feed-profile-box-absolute h2.feed-profile-name { color: #fff;}

.feed-profile-time                              { color: #fff; font-size: 14px;}

.feed-profile-box-absolute .img-profile         { margin-left: 10px;}

.feed-profile-box .feed-profile-name            { font-size: 18px; margin: 10px 0 0;} 

.feed-img-profile-wrap                          { position: relative;}

.feed-img-profile-wrap .feed-profile-box        { z-index: 2; position: relative; margin-top: 0px; padding-top: 15px;} 

.feed-social-media                              { text-align: right; font-size: 20px;}

.feed-social-media a                            { margin-left: 20px; color: #aeb3bf;}

.feed-social-media a:hover                      { color: #d41f45;}

     

#comments .modal-header                         { border-bottom: none; padding: 0px;}   

#comments .modal-header button                  { color: #fff; text-shadow: none; filter: alpha(opacity=100); opacity: 1; float: left;}                   

#comments .modal-content                        { background: none; box-shadow: none; border: none;} 

#comments .modal-body                           { background-color: #fff; margin-top: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} 

#comments .itembox .item-avatar-col img                             { min-height: 40px; min-width: 40px;}

#comments .itembox                              { width: 100%; border-bottom: 1px solid #e6eaf2; padding-bottom: 20px; margin-bottom: 20px;}

#comments .itembox:last-child                   { margin-bottom: 0px; border-bottom: none;}

.commentor-name                                 { font-weight: bold; font-size: 20px; color: #3a3c40;}

.commentor-post-time                            { font-size: 14px; color: #aeb3bf; text-align: right;} 

.comment-desc                                   { font-size: 16px; color: #3a3c40; margin-top: 10px;}

.comment-bottom                                { margin-top: 4px; }

.comment-bottom a                               { color: #aeb3bf; font-size: 16px;}

.comment-socialmedia                            { text-align: right;}

.comment-socialmedia .fa                           { margin-left: 20px;}

.comment-bottom a:hover                         { color: #d41f45;}

.comment-new-panel                              { margin-top: 20px;}

.comment-new-img-profile                        { position: relative; padding-left: 20px;}

.comment-new-social                             { position: absolute; left: 0; top: 20px;}

.bg-comment-new-element                         { background:rgba(255,255,255, .25); margin-top: 10px; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.bg-comment-new-element .form-control           { border: none; box-shadow: none; background-color: transparent; color: #fff;}

.reply-new-panel                                { margin-top: 20px;}

.reply-new-img-profile                          {  text-align: center;}

.reply-new-img-profile img                      { max-height: 40px;}

.reply-input-col                                        { padding-top: 4px; padding-left: 0px;}

.reply-img-col img                                      { max-height: 40px;min-height: 25px;min-width: 25px; }



.timeline-mainpanel                             { position: relative; color: #3a3c40;}

.timeline-item                                    { padding-bottom: 40px; position: relative; background-color: #fafafa; margin-top: 20px;}

.timeline-item:hover                              { background-color: #f8f8f8; }

.timeline-mainpanel h2.profile-name             { color: #3a3c40;}

.profile-comment                                  { color: #D41F45; text-decoration: none; font-size: 24px; padding-top: 10px; text-align: right;}

.profile-comment:hover                            { color: #b7072a;} 

.profile-box-absolute                           { position: absolute !important; z-index:2; bottom: 10px; width: 100%;}

.profile-box-absolute h2.profile-name           { color: #fff;}

.profile-box .profile-name                      { font-size: 18px; margin-bottom: 0px;}

.profile-box .profile-caret                     { padding-top: 15px;}

.profile-box-absolute a.profile-comment         { color: #fff;}

.profile-box-absolute a.profile-comment:hover   { color: #d41f45;} 

.profile-time                                   { color: #000; font-size: 18px;}

.timeline-desc                                    { color: #3a3c40; font-size: 20px; margin-top: 20px; padding-left: 90px; padding-right: 20px;}

.timeline-desc strong                             { color: #d41f45;}

.timeline-img-profile-wrap                        { position: relative; padding: 0 15px;}

.timeline-img-profile-wrap .profile-box           { z-index: 2; position: relative; margin-top: 0px; padding-top: 30px; padding-bottom: 20px;} 



.timeline-img-box                               { position: relative; margin: 0 -15px;}

.timeline-img-box img                           { width: 100%;}

.timeline-vertical-line                           { width: 2px; top: 0px; left: 62px; background-color: #e6eaf2; height: 100%; position: absolute;}

.profile-section                                  { display: table; height: 90px; }

.profile-section .profile-details                 { display: table-cell; vertical-align: middle; }

.img-profile img.shadow                           { border: 2px solid #e6eaf2; }



.timeline-mainpanel .img-profile                { position: relative; }

.timeline-mainpanel .sm-icon                    { position: absolute; left: -30px; bottom: 20px;}



.padding-none                                   { padding: 0px;}





/* rewards */

.rewards-modal .modal-close:hover {

    color: #333;

}

.rewards-modal .modal-close{

    background-color: #FFF;

    width: 30px;

    height: 30px;

    border: medium none;

    font-size: 30px;

    color: #A7A7A7;

    border-radius: 40px;

    margin-bottom: 6px;

    line-height: 0px;

    font-weight: bold;  

}

.rewards-modal .red-btn:hover {

    background-color: #e71a51;

    color: #fff;

}

.rewards-modal .red-btn {

    background-color: #d21245;

    color: #fff;

    height: 40px;

    width: 100%;

    margin-top: 40px;

    margin-bottom: 20px;

    border-radius: 6px;

}

.rewards-box-container {

    min-height: 360px;

    /* max-height: 360px; */

    padding:10px;

    margin-bottom: 40px;

    border: 1px solid #f1f1f1;

}

.rewards-box-container:hover {

    background-color: #f7f7f7;

    cursor: pointer;

}

.rewards-title small{

    font-weight: normal;

}

.rewards-title {

    font-size: 14px;

    color: #3A3C40;

    line-height: 26px;

    padding: 30px;

    font-weight: bold;

    line-height: 16px;

}

.rewards-modal{

    padding-left: 40px;

    padding-right: 40px;

}   

.rewards-modal p {

    font-size: 14px;

}

.rewards-popup-title {

    margin-top: 40px;

}

.modal-image-container {

    background-color: #000;

    margin-top: 10px;

}

.player-message {

    margin-top: 4px;

}









/* splash */

.logo {

    margin-bottom: 20px;

}

.splash-container a:link,

.splash-container a:active,

.splash-container a:hover,

.splash-container a:visited {

    text-decoration: none;

    color: #fff;

}

.splash-container .fa-facebook {

    margin-left: -6px !important;

}

.splash-container .fa {

    font-size: 26px;

    line-height: 20px;

    position: absolute;

    margin-left: -15px;

    margin-top: 3px;    

}

.splash-container .fb-btn:hover{

    background-color: #3e5da7;

}

.splash-container .fb-btn{

    margin-top: 20px;

    background-color: #395597;

}



.instagram-btn:hover{

    background-color: #3e5da7;

}

 .instagram-btn{

    margin-top: 20px;

    background-color: #3f729b;

}

.splash-container .twitter-btn:hover{

     background-color: #63b8f9;

}

.splash-container .twitter-btn{

    background-color: #50abf1;

}

.splash-container {

    background: #29060e;

    background-image: url("../images/bg-texture-ball.png"); /* fallback */

    background-image: url("../images/bg-texture-ball.png"), -webkit-gradient(linear, left top, left bottom, from(#A31735), to(#29060e)); /* Saf4+, Chrome */

    background-image: url("../images/bg-texture-ball.png"), -webkit-linear-gradient(top, #A31735, #29060e); /* Chrome 10+, Saf5.1+ */

    background-image: url("../images/bg-texture-ball.png"),    -moz-linear-gradient(top, #A31735, #29060e); /* FF3.6+ */

    background-image: url("../images/bg-texture-ball.png"),      -o-linear-gradient(top, #A31735, #29060e); /* Opera 11.10+ */

    background-image: url("../images/bg-texture-ball.png"),         linear-gradient(to bottom, #A31735, #29060e); /* W3C */

    background-repeat: no-repeat;

    width: 100%;

    height:100%;

    position:absolute;

    overflow: auto;

    padding-top: 60px;

    color: #fff;

    /* font-size: 22px; */

}

.splash-container .btn {

    height: 46px;

    width: 100%;

    margin-top: 20px;

    border-radius: 60px;

    font-size: 18px;

    color: #fff;

}

.splash-container .red-btn:hover {

    background-color: #e71a51;

    color: #fff;

}

.splash-container .red-btn {

    background-color: #d21245;

    color: #fff;

}

.splash-container .divider {

    background: transparent url("../images/or-divider.jpg") repeat-x scroll left center;

    padding: 8px 0px;

}

.splash-container .sign-up-text {

    margin-top: 20px;

}











/* login */

.login-container a:link,

.login-container a:active,

.login-container a:hover,

.login-container a:visited {

    text-decoration: none;

    color: #fff;

}

.login-container .red-btn:hover {

    background-color: #e71a51;

    color: #fff;

}

.login-container .red-btn {

    background-color: #d21245;

    color: #fff;

    height: 46px;

    font-size: 18px;

}

.login-container input {

    height: 50px;

    border-radius: 4px;

    font-size: 14px;

    padding: 10px 45px 10px 10px;

}

.forgot-pw {

    margin-top: 80px;

}





/* register */

.step-text {

    font-size: 40px;

    font-weight: 300;

    margin-bottom: 50px;

}

.register-container .step-title{

    font-size: 26px;

}

.register-container .step-text{

    font-size: 50px;

    font-weight: 100;

    margin-bottom: 50px;

}

.bootstrap-select > .dropdown-toggle {

    border-radius: 0px !important;

    color:#777;

}

.register-btn 

{

  margin-top: 100px;

}

.register-container button {

    margin-top: 0px !important;

}

.register-container .register-btn {

    margin-top: 100px;

}

.register-select-container {

    margin-bottom: 40px;

}

.register-container .register-select li .check-mark{

    padding-top: 16px;

}

.register-container .register-select li a{

    padding: 20px;

    border-bottom: 1px solid #f1f1f1;

}

.step-one button{

    margin-top: 0px !important;

}

.bootstrap-select > .dropdown-toggle {

    border-radius: 4px !important;

}



/* register 2*/

#checkbox7 {

    outline: none;

    border: none;

}

.register2-container .checkbox-label a:link,

.register2-container .checkbox-label a:active,

.register2-container .checkbox-label a:hover,

.register2-container .checkbox-label a:visited {

    text-decoration: none;

    color: #d21245;

}

.register2-container .checkbox-label span{

   color: #fff;

}

.register2-container .checkbox-label{

    line-height: 15px;

    color: #d21245;

}

.register2-container .checkbox{

    margin-top: 40px;

    color: #777;

}

.register2-container .registration-checkbox{

    height: 50px;

    width: 50px;

}



.register2-container .register-btn {

    margin-top:20px !important;

}

.register2-container input{

    height: 50px;

    border-radius: 4px;

    font-size: 14px;

}



.register2-container .country-select{

    margin-top: 14px;

}

.step-two button{

    margin-top: 0px !important;

}





.changepasss-content

{

   width:300px;

   margin: 0 auto;

}



.changepasss-content input

{

  color:#000000;

}



.c_customdropdown {

    color: #555;

    width: 100%;

}

.c_customdropdown li {

    padding: 5px 15px;

    cursor: pointer;

}



.c_customdropdown li:hover,  

.c_customdropdown li:active, 

.c_customdropdown li:focus{

    background: #f1f1f1 none repeat scroll 0 0;

}

.c_button {

    border-radius: 5px !important;

    color: #777 !important;

    font-size: 14px !important;

    width: 100% !important;

}

.c_button span:first-child

{

    position: absolute;

    left:10px;

}

.c_button span.caret

{

   position: absolute;

   top:20px;

   right:10px;

}

.btn-input

{

  display: block;

}

/* =Connect

-------------------------------------------------------------- */



/* =Asides

-------------------------------------------------------------- */     



/* =Gallery listing

-------------------------------------------------------------- */







/* =Attachment pages

-------------------------------------------------------------- */







/* =Navigation

-------------------------------------------------------------- */

.c_menu_list                                                    { background: #d41f45 none repeat scroll 0 0; color:#ffffff; left: 0; padding: 10px;  position: absolute; top: 0; width: 100%; z-index: 10; }

.c_menu_list ul.menus                                           { list-style: none; }

.c_menu_list ul.menus li                                        { padding: 10px;}

.c_menu_list ul.menus li a                                      { font-size: 24px; padding: 10px; color:#ff8798;}

.c_menu_list ul.menus li.active a                               { color: #fff;}

.c_menu_list span.dot                                           { font-size: 5px;}

.c_menu_list .socialicon a                                      { font-size: 20px; color: #ffffff;}

/* =Comments

-------------------------------------------------------------- */







/* =Widget Areas

-------------------------------------------------------------- */







/* =Footer

-------------------------------------------------------------- */

/* Fans

----------------------------------------------------------*/

.footer-red-bg-menu                             { background-color: #d41f45; padding: 20px 0; color: #fff; width: 100%; margin-top: 50px;}

.footer-desc                                    { margin-top: 20px; text-align: right;}

.footer-desc a                                  { color: #fff;}

.footer-desc a:hover                            { color: #fff;}

.footer-desc span                               { margin: 0 10px; font-size: 8px;}

.footer-desc i                                  { font-size: 20px; margin-right: 5px;}


/* sstech system style sheet start*/

.player-logout {
    color: #d41f45;
    font-size: 36px;
}
/*.owl-carousel .owl-item { width:384px!important;}
.owl-carousel .owl-item { width:28%!important;}*/


/* sstech system style sheet end*/