@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
*, *:hover, *:focus, *:before, *:after { behavior: url(../img/backgroundsize.min.htc); -moz-behavior: url(../img/backgroundsize.min.htc); -ms-behavior: url(../img/backgroundsize.min.htc); -webkit-behavior: url(../img/backgroundsize.min.htc); -o-behavior: url(../img/backgroundsize.min.htc); }
img { height: auto; max-width: 100%; vertical-align: middle; }
p { margin: 0 0 10px; font-size: 18px; line-height: 30px; }
ul{margin:0; padding:0;}
ul li{list-style:none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; margin-bottom: 10px; }
h1, .h1 { font-family: raleway; font-size: 48px; font-weight: 500; line-height: 56px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -ms-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
span { outline: none; }
h2, .h2 { font-family: raleway; font-size: 24px; font-weight: bold; line-height: 30px; }
h3, .h3 { font-size: 22px; line-height: 20px; }
h4, .h4 { font-size: 20px; line-height: 20px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }
h3{color:#f9cc1a; font-size:18px;margin:0; padding:0;}
ul, ol { margin: 0; padding: 0; line-height: normal; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; line-height: normal; }
.list-unstyled { padding-left: 0; list-style: none; }
button:focus{outline:none;}
a { color: #3c3950; text-decoration: none;  }
a:hover, a:focus, a:active { text-decoration: none; outline: none; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
input, textarea, select { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; outline: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; }
textarea { resize: none; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.inner-width { margin-right: auto; margin-left: auto; width: 1170px; }
.inner-width:before, .inner-width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.inner-width:after { clear: both; }
.outer-width { margin-right: auto; margin-left: auto; width: 100%; float: left; }
.outer-width:before, .outer-width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.outer-width:after { clear: both; }
/**Body CSS**/
body { position: relative; overflow-x: hidden; font-size: 18px; line-height: 30px;  background-position: center top; background-color:#000000 ;  background-repeat:no-repeat ;  color: #3c3950; font-family: 'SegoeUI-Semibold'; -webkit-font-smoothing: antialiased; margin: 0; background-position: 0 120px; background-attachment: fixed; background-size:cover;}
html, body {
    height: 100%;
}
.footer {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.sixteen-plus img	{width:90px;}
/**Wrapper CSS**/
#wrapper { margin: 0 auto; position: relative; width: 100%; float: left;min-height: 100%; padding-bottom: 84px; }
.container { margin: 0 auto; padding: 0 2px 0 1px; width: 1170px; }
/**header**/
.header {
    background: #000000 none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    z-index:9;
}
.header li { list-style: outside none none; }
.top-header { float: left; width: 100%; height: 77px; }
.logo { float: left; padding: 16px 0; width: 150px; }
.top-right { float: right; }
.navigation { float: left; padding: 21px 30px 21px 0; width: auto; }
.navigation li { float: left; list-style: outside none none; padding: 0 11px; position: relative; }
.navigation li.lipadding  { float: left; list-style: outside none none; padding: 0 7px; position: relative; }
.navigation li:first-child { padding-left: 0; }
.navigation li:first-child::before { display: none; }
.navigation li::before { background: #202020 none repeat scroll 0 0; content: ""; height: 14px; left: 0; position: absolute; top: 35%; width: 2px; }
.navigation li > a { border-top: 3px solid rgba(0, 0, 0, 0); color: #989898; display: block; font-family: "SegoeUI-Bold"; font-size: 14px; font-weight: 500; letter-spacing: 0.2px; padding: 2px; text-transform: uppercase; transition: all 0.3s ease 0s; }
.navigation li.active > a, .navigation li:hover > a { color: #f9cc1a; }
.login-section { background: #1d1d1d none repeat scroll 0 0; color: #999999; float: right; font-family: "SegoeUI-regular"; font-size: 15px; height: 77px; padding: 23px 8px 23px 8px; width: 160px; position:relative; white-space: nowrap;}
.user-name {
    display: inline-block;
    margin-left: 0px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    width:100px;
    line-height: normal;
}

.log_regi{}
span.user-pic {
    width: 31px;
    height: 29px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}


.login-section .dropdown-menu > li > a{color:#fff;}
.login-section .dropdown-menu > li > a:hover{background:#000;}
.login-section .dropdown-menu{background:#333;}
/************bottom header************/


.bottom-header { float: left; height: 40px; width: 100%; background: #242424; background: -moz-linear-gradient(top, #3f3f3f 0%, #242424 100%); background: -webkit-linear-gradient(top, #3f3f3f 0%, #242424 100%); background: linear-gradient(to bottom, #3f3f3f 0%, #242424 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#3f3f3f', GradientType=0 );
}
.left-viewer { float: left; margin-left: -1px; max-width: 53%; width: auto; }
.left-viewer .v_menu li:first-child { padding-left: 0; border-left: none; }
.left-viewer .v_menu li:last-child { border-right: 2px solid rgba(0, 0, 0, 0.1);}
.opacity{opacity:.5;}

.v_menu li { border-left: 2px solid rgba(0, 0, 0, 0.1); float: left; height: 40px; line-height: 35px; padding: 0 18px; }
.right-viewer { float: right; max-width: 50%; width: auto; }
.v_menu a { color: #ffffff; font-size: 14px; position: relative; }
.counting { background: #222222 none repeat scroll 0 0; border-radius: 20px; bottom: 4px; color: #ffffff; display: block; font-size: 10px; height: auto; left: 28px; line-height: 19px; min-height: 20px; min-width: 20px; padding: 0 5px; position: absolute; text-align: center; width: auto; }
.right-viewer .v_menu img { margin-right: 8px; }
/*login part*/
.login-popup { width: 767px; margin: 0 auto; }
.top-right .btn-primary { color: #999; background-color: #1d1d1d; border-radius: 0px; border: none; }
.top-right .btn-primary:hover { color: #f9cc1a; background-color: #1d1d1d; border: none; }
.login-popup .modal-title { text-align: center; color: #f9cc1a; font-size: 24px; }
.login-popup .modal-title i { margin-right: 8px; }
.login-popup .modal-content { border-radius: 4px; background: #000; border: 2px solid #ffefae; position: relative; }
.login-popup .modal-content:after { /*background: url(../images/footer-img.png) center center no-repeat; */ position: absolute; content: ""; width: 237px; height: 151px; bottom: 0; left: 0; }
.login-popup .modal-content.poke-popup:after { /*background: url(../images/footer-img.png) center center no-repeat; */ position: absolute; content: ""; width: 140px !important; height: 151px; bottom: 0; left: 0; }
.login-popup .modal-title { position: relative; }
.login-popup .modal-title:after { content: ""; width: 100px; height: 2px; background: #f9cc1a; bottom: -10px; position: absolute; text-align: center; left: 0; right: 0; margin: 0 auto; }
.login-out { padding-bottom: 20px; }
.login-in { padding-bottom: 20px; }
.login-in-mumbeling {padding-bottom: 1px;}
.login-in input { height: 50px; line-height: 58px; padding-left: 10px; border-radius: 3px; background: #fff; width: 100%; box-shadow: none; border: 1px solid #bcbcbc; font-size: 13px; }
.login-in textarea { height: 270px; padding: 10px; border-radius: 3px; background: #fff; width: 100%; box-shadow: none; border: 1px solid #bcbcbc; font-size: 13px;  line-height:16px;}
.gendercls { width: 50%; position: relative; float: left; margin-right: 60px; }
.gendercls .caret { position: absolute; right: 14px; top: 25px; }
.login-in select { height: 50px; line-height: 50px; padding-left: 10px; border-radius: 3px; background: #fff; width: 100%; box-shadow: none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; border: 1px solid #bcbcbc; font-size: 13px; }
.login-popup .modal-header, .modal-footer { border: none; }
.login-out label { color: #face39; font-size: 16px; margin: 0; padding-bottom: 2px; vertical-align: text-bottom; }
.cks input[type=checkbox], input[type=radio] { margin: 0; margin-top: 1px\9; line-height: normal; width: 22px; height: 22px; }
.login-popup .modal-header .close { margin-top: 5px; color: #fff; opacity: 1; font-weight: bold; font-size: 26px; position: relative; z-index: 9; }
.login-details { }
.login-popup .modal-body { position: relative; padding: 0; padding:0px 75px 0px 140px; }
.login-popup .btn-default { color: #fff; margin-right: 10px; border: 2px solid #313131; background: #111111; background: -moz-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%); background: -webkit-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%); background: linear-gradient(to bottom, #111111 0%, #252525 49%, #111111 51%, #252525 99%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#252525', GradientType=0 );
                            width: 130px; height: 45px; outline: none; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; }
.login-popup .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { outline: none; border-color: #313131; box-shadow: none; color: #fff; }
.login-popup .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color: #f9cc1a; background-color: #1d1d1d ; border-color: #edb43d; outline: none; box-shadow: none; }
.login-bg { background: #000; }

.btn-primary.focus, .btn-primary:focus {

    outline: none;
}
.login-popup .btn-primary { color: #fff; border: 2px solid #313131; background: #111111; background: -moz-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%); background: -webkit-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%); background: linear-gradient(to bottom, #111111 0%, #252525 49%, #111111 51%, #252525 99%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#252525', GradientType=0 );
                            width: 130px; height: 45px; outline: none; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; }
.login-popup .btn-default:hover, .login-popup .btn-primary:hover { color: #000; border: 2px solid#edb43d;  background: #feb301;
                                                                   background: -moz-linear-gradient(top, #feb301 49%, #ffd163 51%); background: -webkit-linear-gradient(top, #feb301 49%, #ffd163 51%); background: linear-gradient(to bottom, #feb301 49%, #ffd163 51%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb301', endColorstr='#ffd163', GradientType=0 );
                                                                   width: 130px; height: 45px; outline: none; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; }
.login-popup .modal-footer { padding-top: 0px; padding-bottom: 45px; margin: 0px 240px; padding-left: 0; padding-right: 0; clear: both; }
.cks { display: inline-block; margin-top: 8px; }
.cks label { margin-left: 15px; }
.login-popup .modal-footer a { float: left; padding-left: 130px; color: #f9cc1a; font-size: 18px;}
.login-popup .modal-footer a:hover {color: #fff;text-decoration:underline;}
.log_regi li {
    float: left;
    margin-right: 20px;
}
.login-section.log_regi {
    width: auto;
}
.bottom-header.login-header {
    height: 77px;
}
.log_regi .user-name {
    width: auto;
}
.log_regi li a {
    color: #999;
    font-size: 14px;
}

.log_regi li {position:relative;}
.log_regi li:first-child :after {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    right: -14px;
    background: #999;
    top: 9px;
}
.log_regi li a:hover {color:#f9cc1a;}
.modal-footer span {
    font-size: 16px;
    color: #fff;
}


.btn-group-lg>.btn, .btn-lg {font-size: 14px;
                             padding: 0!important;}


.login-pg {
    left: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 9999;
}	

.login-pg .modal-footer a {float:none;}
.login-pg .modal-footer a {
    float: none;
    padding: 0;
}
.sixteen-plus{ margin-bottom:30px;}
.login-pg .modal-footer a {
    float: none;
    padding: 0;
    font-size: 16px;    color: #fff;
}

.login-pg .modal-footer a:hover{color:#f9cc1a;}
.regi-cls {
    margin-top: 20px;
}
.bottom-header.login-header .top-right {
    display: none;
}
.bottom-footer p {
    float: left;
    font-size: 12px;
    color: #999;margin: 0;padding-left: 15px;
}
.social-footer{margin:0px; padding:0px;float:right;}
.social-footer li{list-style:none;float:left;}
.social-footer li a{}
.social-footer li i {
    font-size: 14px;
    padding: 0px 12px;
    border-left: 1px solid #999;color:#999;transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;
}
.social-footer li i:hover {
    color:#f9cc1a;transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;
}


.social-footer li:first-child i{border-left:none;}
.text-center {
    border-top: 1px solid #1a1a1a;
    padding: 8px 0px;
}
footer{position:absolute; bottom:0;}

/*login part*/


/*mid top start*/
/*.small-pic { margin: 0; padding: 0 90px 0 0; height:63px;}*/
.small-pic { margin: 0; padding: 0; height:63px;}
/*.small-pic li { float: left; list-style: none; margin-right: 0px; width:6%; }*/
.small-pic li { float: left; list-style: none; margin-right: 0px; width:5%; }
.top-pig-gallery { display: inline-block; width: 100%; padding-top: 3px; }
.refresh-cls { float: right; float: right; padding-right: 30px; padding-top:0px; }
.refresh-cls a { color: #999; font-size: 16px;  }
.small-pic li.active {
    border: 2px solid #f9cc1a;

}
.small-pic li {
    border: 2px solid transparent;
    display: block;
}
.refresh-cls i { margin-left: 10px; }

.left-table{}
.left-table table tr td{width:50%; font-size:14px; color:#fff;}
/*mid top end*/

.yellow-cls { font-size: 20px; color: #f9cc1a;font-family:'Righteous'; }
.mid-top {padding-bottom: 12px;}
.mid-content { display: inline-block; width: 100%; }
.mid-left { width: 18.5%; float: left; margin-right: 25px; }
.mid-part { position: relative; display: inline-block; width: 100%; padding-top: 137px;margin-bottom: 3%; }
.mid-center {
    width: 59%;
    float: left;
}
.mid-right { width:18.5%; float: right; }
.dia-cls { padding: 15px 0px 25px 0px; min-height: 90px; text-align: center; }
.shart-cls { background: #fff; padding: 0px 0px 0px 0px; text-align: center; height:inherit; position:relative; overflow:hidden;}
.adorable p { margin: 0; padding: 19px 0px 35px 0px; text-align: center; color: #999999; font-size: 16px; }
.pokes-cls { }
.pokes-cls i { margin-left: 10px; }
.pokes-cls a { display: inline-block; height: 50px; line-height: 50px; text-align: center; color: #f9cc1a; font-size: 16px; width: 100%; background: #252525; background: -moz-linear-gradient(top, #252525 49%, #111111 51%); background: -webkit-linear-gradient(top, #252525 49%, #111111 51%); background: linear-gradient(to bottom, #252525 49%, #111111 51%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#111111', GradientType=0 );
}
.gray-gradient { background: #1a1a1a; background: -moz-linear-gradient(top, #1a1a1a 0%, #000000 100%); background: -webkit-linear-gradient(top, #1a1a1a 0%, #000000 100%); background: linear-gradient(to bottom, #1a1a1a 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#000000', GradientType=0 ); position:relative;}
.center-top-img { height: auto; width: 100%; overflow:hidden;}
.center-top-img p {font-size: 16px; text-transform: uppercase; color: #fff; font-weight: bold;font-family: 'SegoeUI-Bold'; margin:0; padding:0;}
.mid-right .shart-cls { background: #e7e7e9; padding-top:0px; }
.pokes-cls .gray-refresh { float: right; padding-right: 15px; color: #999999; }
.pokes-cls span { float: left; padding-left: 15px; }
.mode{position:absolute; right:20px; top:10px;}
.refresh-cls {
    float: none;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 90px;
}



/*scoreboard start*/
.scoreboard{}
.scorboard-top {
    width: 100%;
    line-height: 0; margin-top:20px;
}
.score-left {
    display: inline-block;
    padding: 14px 0;
    width: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a1a1a+0,020201+100 */
    background: #1a1a1a; /* Old browsers */
    background: -moz-linear-gradient(top, #1a1a1a 0%, #020201 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1a1a1a 0%,#020201 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1a1a1a 0%,#020201 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#020201',GradientType=0 ); /* IE6-9 */
}
.score-left h4 {
    float: left;color:#fff;font-size:14px; margin: 0;
    padding: 0;padding-left: 20px;
}
.level-cls {
    float: right;
}
.level-cls li {position:relative;
               float: left;
               list-style: outside none none;
               padding: 0 10px; color:#999;font-size:14px;
}
.green-cls {
    background: #37c300 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    width: 15px;    margin-top: -3px;
}
.level-cls > li > i {
    color: #f9cc1a;margin-right: 4px;
}

.level-cls li:after {
    position: absolute;
    width: 2px;
    height: 48px;
    background: #2f2f2f;
    content: "";
    top: -14px;
    left: 0;
}
.scoredata td {
    font-size: 14px;
    color: #fff; 
}

.left-table td {
    padding-left: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 40px;
}
.left-table {
    border-right: 2px solid #2f2f2f;
}

.bdnone{ border-right:none;}
.scoredata  tr:nth-child(even) {background: #171717;}
.scoredata  tr:nth-child(odd) {background: #222222;}

.buy-left , .buy-right{margin:0; padding:0}
.buy-right{float:right;}
.buy-right li{background:url(../images/stripimg.png)}

.buy-left li , .buy-right li{list-style:none; float: left;  margin-right: 10px;}

.buy-left li a , .buy-right li a{font-size:14px; color:#fff;
                                 display: inline-block;
                                 padding: 0px 20px;
                                 height: 50px;box-shadow: 0px 1px 1px 0px #101010;
                                 line-height: 48px;
                                 border: 2px solid #313131; background: #111111; background: -moz-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%); background: -webkit-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%); background: linear-gradient(to bottom, #111111 0%, #252525 49%, #111111 51%, #252525 99%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#252525', GradientType=0 );
}

.buy-left li a:hover , .buy-right li a:hover{color: #000;
                                             border: 2px solid #edb43d;
                                             background: #feb301;
                                             background: -moz-linear-gradient(top, #feb301 49%, #ffd163 51%);
                                             background: -webkit-linear-gradient(top, #feb301 49%, #ffd163 51%);
                                             background: linear-gradient(to bottom, #feb301 49%, #ffd163 51%);
                                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb301', endColorstr='#ffd163', GradientType=0 );
                                             transition: all 0.3s;
                                             -moz-transition: all 0.3s;
                                             -ms-transition: all 0.3s;
                                             -webkit-transition: all 0.3s;}

.buy-left li, .buy-right li i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}
.img-top {
    margin-top: -14px;
    display: inline-block;
}
.buy-cls {
    float: left;
    width: 100%;
    background: #222;
    padding: 20px;
}

.gift-wall #owl-demo {
    padding: 20px 25px 15px;text-align:left;
}
.gift-wall .owl-carousel .owl-item img{width:auto;}
.right-slide-in p {
    font-size: 14px;
    color: #000;
    background: #fff;
    padding: 5px 8px;
    text-align: center;
    margin-bottom: 20px;
    width: 140px;
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}

.right-slide-in {
    text-align: center;
    padding-bottom: 3px;
}

.darkbg{
    background: #1a1a1a; 
    background: -moz-linear-gradient(top, #1a1a1a 0%, #020201 100%);
    background: -webkit-linear-gradient(top, #1a1a1a 0%,#020201 100%);
    background: linear-gradient(to bottom, #1a1a1a 0%,#020201 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#020201',GradientType=0 );}


.gift-wall {
    display: inline-block;
    margin-top: 10px;    width: 100%;    margin-bottom: 10px;background: #222222;
}
.gift-wall h4 {
    padding: 15px 0px 15px 20px;
    font-size: 16px;
    color: #fff;
    margin: 0;
}
.colorchange {
    color: red !important;
}

.about-right{margin:0px; padding:0px;}
.about-us{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a1a1a+0,222222+100 */
    background: #1a1a1a; /* Old browsers */
    background: -moz-linear-gradient(top, #1a1a1a 0%, #222222 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1a1a1a 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1a1a1a 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
    display:inline-block; width:100%;    margin-bottom: 10px;}

.about-us h4 {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding-left: 20px;
    margin-top: 10px;
}
.about-right {
    float: right;
}

.about-right li i {font-size:16px; color:#f9cc1a; margin-right:8px;}
.about-right li {border-left: 2px solid #2f2f2f;
                 float: left;

}
.about-right li a{
    padding: 14px 10px;
    font-size: 14px;
    color: #fff;display:inline-block;font-family:'Righteous';
}

.video-bottom {
    display: inline-block;
    width: 100%;
    background: #3f3f3f;margin-bottom: 10px;
    background: -moz-linear-gradient(top, #3f3f3f 0%, #242424 100%);
    background: -webkit-linear-gradient(top, #3f3f3f 0%,#242424 100%);
    background: linear-gradient(to bottom, #3f3f3f 0%,#242424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#242424',GradientType=0 );
}
.video-right{float:right;}
.video-left{float:left;}
.video-left li, .video-right li {
    float: left;
    border-right: 2px solid #2b2b2b;
    padding: 10px 0px;
}
.video-left li a , .video-right li a{    padding: 0px 20px;color: #999; font-size: 20px;}
/*scoreboard end*/
/*slider start*/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.main-cls{width:270px;}

.thum-img{width:420px;}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
.owl-controls.clickable {
    display: none;
}
.main-cls {
    width: 400px !important;
}
.dia-outer{text-align:center;}
.dia-inner {
    width: 112px;
    height: 80px;
    /*    border-radius: 50%;*/
    text-align: center;
    /*    background: #fff;*/
    line-height: 80px;
    overflow: hidden;
    margin: 0 auto;/*-moz-box-shadow: 0 5px 5px rgba(80,80,80,0.5) inset;-ms-box-shadow: 0 5px 5px rgba(80,80,80,0.5) inset;-o-box-shadow: 0 5px 5px rgba(80,80,80,0.5) inset;-webkit-box-shadow: 0 5px 5px rgba(80,80,80,0.5) inset;box-shadow: 0 5px 5px rgba(80,80,80,0.5) inset;*/
}
.dia-outer span {
    font-size: 11px;
    color: #fff;
    font-family: 'Righteous';
    width: 112px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.gift-wall #demo {
    padding: 20px 35px;
    background: #222;position: relative;    padding-bottom: 10px;
}
.gift-wall .owl-controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;z-index:-1;
    margin-top: -15px;
}
.owl-controls .owl-prev {
    float: left; text-indent:-9999px; overflow:hidden;
}
.owl-controls .owl-prev:after {
    position: absolute;
    content: "\f104";
    left: 0;
    top: 0;
    font-size: 16px;
    color: #fff;
    font-family: 'FontAwesome';
    text-indent: 0;
    background: #3f3f3f;
    width: 25px;
    height: 30px;
    text-align: center;
}
.owl-controls .owl-next {
    float: right;text-indent:-9999px; overflow:hidden; 
}
.owl-controls .owl-next:after {
    position: absolute;
    content: "\f105";
    right: 0;
    top: 0;
    font-size: 16px;
    color: #fff;
    font-family: 'FontAwesome';
    text-indent: 0;
    width: 25px;
    height: 30px;
    background: #3f3f3f;
    text-align: center;}
.owl-controls .owl-prev, .owl-controls .owl-next{ position:relative;
                                                  color: #fff;
                                                  font-size: 18px;
                                                  background: #3f3f3f;
                                                  width: 25px;
                                                  height: 30px;
                                                  line-height: 26px;
                                                  padding: 0;
                                                  margin: 0;


}
.owl-controls .btn{border-radius:0px;}
.heartless {
    margin-bottom: 0px;
    display:inline-block; padding:18px;
    width: 100%;
    border: 2px solid #ffefae;    background: #222222;
    /* opacity: 0.95; */
}
.heartless-upper{display:inline-block;}
.heartless-left {
    width: 12.5%;
    float: left;
}
.heartless-right{width:83.5%;float:right;}
.heartless-right span {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 24px;

}
.heartless-right img {
    padding-top: 10px;
}
/*sandip css start*/
i ul.battery_ul {
    color: #f9cc1a;
}
ul.battery_ul {
    margin-top: 5.5px;
    float: right;
}
span#battery_spans {
    width: 44px;
}
/*sandip css end*/
.heartless-right p {
    font-size: 14px;
    color: #999;margin:0px;
}
.heart-icon{float:right;margin: 10px 0px 0px 0px;}
.heart-icon li {padding:0px 15px;border-left: 2px solid #373737;float:left;}
.heart-icon li:first-child {border:none;}
.heart-icon li a {
    color: #cecece;
    font-size: 16px;
}
.heart-icon li a:hover {
    color: #f9cc1a;
}
.right-slider{}
.right-slider .owl-prev, .right-slider .owl-next  {
    background: none; position: absolute; top: 23%;
}
.right-slider .owl-controls {
    position: absolute;
    left: 0;
    right: 0;
    height: 45px;
    background: #292929; /* Old browsers */
    background: -moz-linear-gradient(top, #292929 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #292929 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #292929 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.right-slider .owl-prev:after {
    position: absolute;
    content: "\f060";
    left:0;
    top: 0;
    font-size: 16px;
    color: #fff;
    font-family: 'FontAwesome';
    text-indent: 0;
    background:none !important;
    width: 25px;
    height: 30px;
    text-align: center;
}
.right-slider .owl-next:after {
    position: absolute;
    content: "\f061";
    right: 0;
    top: 0;
    font-size: 16px;
    color: #fff;
    font-family: 'FontAwesome';
    text-indent: 0;
    width: 25px;
    height: 30px;
    background: none !important;
    text-align: center;
}
.right-slider .owl-prev {
    left: 35%;
}
.right-slider .owl-next {
    right: 35%;
}
/*start end*/
/*mid end*/
/*about us start*/
.btnbg{}
.tab-outer .nav-tabs>li>a {
    border: 2px solid #313131;
    background: #111111;
    background: -moz-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%);
    background: -webkit-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%);
    background: linear-gradient(to bottom, #111111 0%, #252525 49%, #111111 51%, #252525 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#252525', GradientType=0 );color: #fff;
    font-size: 16px;-moz-border-radius: 0;-ms-border-radius: 0;-webkit-border-radius: 0;
    border-radius: 0;transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;
    margin-right: 25px;    padding-left: 25px; padding-right: 25px;border-bottom:none;}
.tab-outer .nav-tabs>li {
    margin-bottom: 0;
}
.tab-outer .nav-tabs>li>a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #feb301 49%, #ffd163 51%) repeat scroll 0 0;
    border: 2px solid #edb43d;
    color: #000;
    transition: all 0.3s ease 0s;transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;border-bottom:none;
}
.tab-text {
    padding-top: 40px;
}
.tab-outer .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 2px solid #313131;
    border-bottom: none;
}
.tab-outer .nav-tabs {
    border-bottom: 2px solid #313131;
}
.tab-inner-text {
    padding-top: 20px;  
}
.tab-outer p{font-size:14px; color:#fff; margin:0; padding:0;    line-height: normal;padding-bottom: 15px;}
.tab-text{}
.tab-text h4{font-size:16px; color:#fff;font-family: 'SegoeUI-Bold';    margin: 0;
             padding-bottom: 20px;}
.tab-inner-text{}
.tab-inner-text h3{font-size:14px;padding-bottom: 15px;}
.tab-outer .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 2px solid #313131;  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #feb301 49%, #ffd163 51%) repeat scroll 0 0;
    border-bottom: none; color:#000;
}
.about-page .container{background:#000;}
.tab-outer {
    padding: 20px;
}
.about-page.mid-part{padding-top:120px;}
/*about us end*/
.tag{background:url("../images/stripimg.png") no-repeat; background-position:2px 3px;}
.links{margin:10px 0;}
.links a{color:#fff; font-size:14px; line-height:18px; margin-bottom:10px;}
/*action-page css */
.action-tab td{color:#fff; font-size:16px;}
.action-tab th{font-size:16px; color:#f9cc1a; margin-bottom:20px;}
.tb2{padding-left:32px;}
.tb1{padding-right:32px;}
.action-tab{margin-bottom:50px;}
/*setting-page */
.border-custom{border:2px solid #ffefae; padding:30px;}
.border-custom .btn-default:hover, .border-custom.btn-primary:hover { color: #000; border: 2px solid#edb43d;  background: #feb301;
                                                                      background: -moz-linear-gradient(top, #feb301 49%, #ffd163 51%); background: -webkit-linear-gradient(top, #feb301 49%, #ffd163 51%); background: linear-gradient(to bottom, #feb301 49%, #ffd163 51%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb301', endColorstr='#ffd163', GradientType=0 );
                                                                      width: 130px; height:50px; outline: none; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; }
.border-custom .btn-default { color: #fff; border: 2px solid #313131; background: #111111; background: -moz-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%); background: -webkit-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%); background: linear-gradient(to bottom, #111111 0%, #252525 49%, #111111 51%, #252525 99%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#252525', GradientType=0 );
                              width: 130px; height: 50px; outline: none; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; }
.custom-heading h2{font-size:24px; color:#fff; position:relative; padding-bottom:14px; margin-bottom:14px;}
.custom-heading h2:after{position:absolute; content:""; left:0; bottom:0; height:1px; background:#fff; width:91px;}
.custom-heading h2 .fa{color:#f9cc1a; padding-right:10px;}
.custom-heading label{color:#fff; font-size:16px; margin-bottom:10px; padding-left:10px;}
.login-in input.input-type {
    width: 70%;
}
.brouse-btn {
    display: inline-block;
    width: 28%;
    position:relative;
    text-align:right;
}
.brouse-btn > input {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.brouse-btn .fa{padding-right:5px;}
.input-btn .btn.btn-default {
    height: 52px;
}
.custom-height {
    min-height: 37px;
}
.setting-page .container{padding-bottom:100px; }
/*wall page start*/
.about-page, .wallpage {
    padding-top: 120px;
}
.tab-outer {
    padding-top: 50px;
    padding-bottom: 70px;
}
.wall-head {
    text-align: center;
    padding: 40px 0px;
    background: #000;
}
.wall-head-inner {
    display: inline-block;
    text-align: center; position:relative;
}
.wall-head-inner:after {
    position: absolute;
    content: "";
    top: -22px;
    left: -65px;
    background: url(../images/lefe-left.png) center center no-repeat;
    width: 70px;
    height: 140px;
}
.wall-head-inner:before {
    position: absolute;
    content: "";
    top: -22px;
    right: -65px;
    background: url(../images/lefe-right.png) center center no-repeat;
    width: 70px;
    height: 140px;
}
.wall-head-inner h2{font-size:48px;}
.wall-head-inner h3{font-size:18px;}
.wall-head-inner h2, .wall-head-inner h3 {color:#ffc66a;text-transform:uppercase;line-height: normal;font-family: 'SegoeUI-Bold'; margin:0; padding:0;    padding-bottom: 2px;}
.rank-gallery {
    display: inline-block;
    background: #222;
    width: 100%;
    padding: 10px 0px 15px 0; 
    margin:0;
}
.rank-gallery li {
    float: left;
    position: relative;
    /*margin-right: 4px;*/
    /*margin-left: 3px;*/
    margin-left: 6px;
}
.rank-outer h4 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 14px 0px; padding-left:20px;
}
.wall-pic-name{}
.wall-text, .wall-num{font-size:14px; padding:5px 5px; margin:0px;}
.wall-text{background:#fff; color:#000;width:111px;}
.wall-num{background:#000; color:#fff; }
.wall-num.wall-num-custom{background:#000; color:#fff;width:111px; }
.wall-rk {
    background: #efc41a none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 30px;
    color: #000;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 5px;
    text-align: center;
    width: 20px;
}
.paginageion-wall{display:inline-block; width:100%;}
.paginageion-wall .pagination {
    float: right;
}
.paginageion-wall .pagination li a {
    font-size: 13px; border: medium none;
    color: #000;
}
.paginageion-wall .pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.paginageion-wall .pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.paginageion-wall .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #222; color:#fff;}
.paginageion-wall .pagination > li > a, .pagination > li > span { margin-left: 0;}
.paginageion-wall .pagination>li {
    margin-left: 10px;
    display: inline-block;
}
.paginageion-wall  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 0;
    padding: 5px 0px;padding-bottom:0px;
}
.wallpage .container {
    padding-bottom: 20px;
}
/*wall page end*/
.top-diamond label {
    color: #fff;
    font-size: 16px;
    margin: 0;
    vertical-align:middle;
}
.top-diamond.login-in input{width:75px; text-align:center; padding:5px; vertical-align:middle;}
.left-diamond{float:left; padding:10px;}
.right-diamond{float:right;padding: 10px;}
.diamond-collection{margin:20px 0; text-align:center;}
#percentage{margin: -19px 0 -25px -65px}
p#percentage-diam {
    margin-bottom: -7px;
}
div#percentage-diam-amt{
    padding-left: 101px;
}
div#diamond_img {
    padding-top: 0px;
}
.diamond-collection li{display:inline-block;   border: 2px solid #f9cc1a; width:50px; height:50px; text-align:center; line-height:50px;}
.diamond-collection li img{width:100%;}
.fa.fa-dollar,.fa.fa-lock {
    margin: 0;
}
.tool-btn{float:left; padding-top:20px;}
.tool-btn .btn-default{ color: #000;
                        border: 2px solid #edb43d;
                        background: #feb301;
                        background: -moz-linear-gradient(top, #feb301 49%, #ffd163 51%);
                        background: -webkit-linear-gradient(top, #feb301 49%, #ffd163 51%);
                        background: linear-gradient(to bottom, #feb301 49%, #ffd163 51%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb301', endColorstr='#ffd163', GradientType=0 );
                        transition: all 0.3s;
                        -moz-transition: all 0.3s;
                        -ms-transition: all 0.3s;
                        -webkit-transition: all 0.3s; }
.diamond-amount{margin:20px 0 ;}
.gift-player li {
    display: inline-block;
    padding: 0 10px;
}
.gift-player{text-align:center;}
.gift-player .btn-primary,.gift-player .btn-primary:hover{width:auto;}
.login-popup .modal-header .close{position:absolute; right:10px; top:0;}
.part1, .part-2 {
    color: #fff;
    display: inline-block;
    width: 48%;
}
.reset-password li {
    margin-bottom: 20px;
}
.reset-password{margin:20px;}
.select-con .wall-num{padding:10px 0; text-align:center;}
.select-con .rank-gallery li {
    margin-left: 3px;
    margin-right: 4px;
    position: relative;
    width: 11.8%;
}
.select-con .rank-gallery img {
    width: 100%;
}
/*10-01-2017 dinesh*/
.small-pic li {
    height: 58px;
}
.small-pic li a {
    display: inline-block;
    width: 100%;
}
.small-pic img {
    width: 100%;
    height: 55px;
    padding: 0px;
}
.shart-cls a {
    display: inline-block;
    width: 100%;
}
.shart-cls img {
    width: 100%;
}
.video-cls img { width: auto;}
.item {
    display: inline-block;
    padding: 0px 7.5px;
}
.gift-wall .owl-stage.giftwall_listing, .gift-wall .owl-stage.badgeswall_listing{
    width: 100% !important;
}
.rank-outer .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border:2px solid #313131;
    margin-top: -4px;
    border-radius: 0;
    background: #111111;
    background: -moz-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%);
    background: -webkit-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%);
    background: linear-gradient(to bottom, #111111 0%, #252525 49%, #111111 51%, #252525 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#252525', GradientType=0 );
    color: #fff;
    font-size: 16px;
}
.rank-outer .btn-primary:hover {
    border: 2px solid #f9cc1a;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #feb301 49%, #ffd163 51%) repeat scroll 0 0;
    border-bottom: none;
    color: #000;
}
.search-player-cls {
    float: right;
}
.rank-outer {
    position: relative;
}
.search-player-cls {
    position: absolute;
    right: 0;
    top: 5px;
}
.search-player-cls input {
    font-size: 16px; padding:2px 10px 2px 10px;border:2px solid #313131;
}
.search-player-cls a {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}
.heartless-left img {
    height: 70px;
    width: 80px;
}
.moderator_listing li a img {
    height: 150px;
}
.rank-gallery li img {
    height: 200px;
}
.select-con .rank-gallery li p {
    padding-left: 8px;
    padding-right: 8px;
}
.icon-imgs {
    width: 92px;
    float: right;
    margin-top: -11px;
}
.icon-imgs li a {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 100%;
    vertical-align: top;
}
.icon-imgs li {
    float: left;
    width: 20px;
    height: 20px;
}
.icon-imgs li {
    float: left;
    width: 20px;
    height: 20px;
    margin: 5px;
}
.smily-icon .login-in {

    width: 82%;
    float: left;
}
.video-cls {
    color: #fff;
    font-size: 18px;
}
.owl-stage.giftwall_listing {
    height: 110px;
}
.mid-right .item {
    float: left;
    padding: 0px; width:100%;
}
.right-slide-in img {
    height: 155px;
    width: 140px;
}
.mid-center iframe{width:100% !important;}
.heartless-right p {
    word-wrap: break-word;
}
.score-left h4{font-size:16px;}
.ytp-chrome-top .ytp-button {
    padding-top: 0px;
    height: 35px;
}
.private-checkbox-cls input {
    width: inherit;
    height: auto;
}
.private-checkbox-cls {
    margin-bottom: 40px;
}
/*.login-section .down-arrow {
    position: absolute;
    top: 24px;
    right: 20px;
}
span.show-profile {
    display: block;
}*/
.select-con .rank-gallery li p {
    padding-left: 8px;
    padding-right: 8px;
}
.down-arrow {
    position:absolute; top:22px; right:8px;
}
.heartless-right p img {
    padding-top: 0;
}
/*21-01-2017*/
#auction_timer {
    display: inline-block;
    width: 50px;
    float: left;
    padding-right: 20px;
}
.left-table span {
    width: 104px;
    display: inline-block;
    text-align: left;
    padding-right: 0px;
}
.right-viewer .v_menu li:nth-child(3) span{width:108px; display:inline-block;}
.right-viewer .v_menu li:nth-child(2) span{max-width:50px;width:auto;display:inline-block;}
.about-imgcls img { max-width: 100%; }
#about_content { padding-bottom: 10px; }
.video-cls img { width: auto; }
/*notification start*/
.notification-cant, .relationship-cant{ 
    z-index: 1;
    position: absolute;
    left: 30%;
    top: 116px;

    width:375px;float:right; background: rgb(17, 17, 17) none repeat scroll 0 0;
    border-radius: 5px;
    padding: 10px;
}
.notification-inner, .relationship-notification-inner {
    position: relative;
    height: 350px;
    /*height: 104px;*/
    overflow-y: auto;
}
.group-details{margin:0; padding:0;}
.group-details li {padding-right: 10px;
                   list-style: none;
                   display: inline-block;
                   width: 100%;
                   border-bottom: 1px solid #fff;
                   padding-bottom: 5px;
}
.group-pic{width:50px; height:50px; border:1px solid #ccc; border-radius:50%;    overflow: hidden;	}
.group-left {
    position: relative;
    padding-left: 50px;
    float: left;
    width: 265px;
}
.group-pic {
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 5px;
}
.group-left p {
    font-size: 12px;
    color: #fff;
    padding-top: 0;
    line-height: normal;
}
.group-left h5 {
    font-size: 16px;
    color: #fff;
    padding-bottom: 3px;
    line-height: normal;
    margin: 0 !important;
    padding-top: 3px;
}
.notification-inner h4, .relationship-notification-inner h4 {padding: 15px 0px;}
.notification-inner h4, .relationship-notification-inner h4 {color: #fff;}
.group-right {float: right; padding-top: 8px;}
.group-right a {display: inline-block;}
.dp-btn {position:absolute;right:10px;top:7px;}
/*notification end*/
.top-diamond.login-in input{
    font-size: 17px;
}
.login-popup.login-pg .modal-footer{
    margin: 0px 76px;
}
.login-popup.login-pg .modal-body{
    padding: 0px 75px 0px 76px;
}
.fa-broken-heart .fa-heart
{
    color:darkred; 
}
.fa-broken-heart .fa-flash
{
    color:white !important;
    /*font-size:1.0em;*/
    font-size: 8px;
    font-weight:100 !important;
    transform:scale(1,2); /* W3C */
    -webkit-transform:scale(1,2); /* Safari and Chrome */
    -moz-transform:scale(1,2); /* Firefox */
    -ms-transform:scale(1,2); /* IE 9 */
    -o-transform:scale(1,2); /* Opera */
}
.fa-broken-heart .fa-stack{
    right: 25px;
    font-size: 9px;
}
.break-relationship{position: absolute;font-size: 9px;right: 70px;top: 9px;}
.v_menu_cust li.padding-right62px{padding-right: 96px;}
.about-right li a.padding-right3px{padding-right: 5px;}
/* Date: 2021-05-05 */
.work-pet-popup{padding: 25px 0px;}
.work-pet-container img {height: 150px;}


.swal2-actions {
    gap: 15px !important;
}


/***************************** NEW POPUP CSS CODE START HERE *****************************/
.Purchasediamond {
    position: relative;
    min-height: 100vh;
    display: flex;
    padding: 50px 0;
    align-items: center;
}

.Purchasediamond-modal-content {
    border-radius: 8px;
    background: #000;
    /*border: 2px solid #ffefae;*/
    /*padding: 50px;*/
    padding: 15px 50px 40px 50px;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    position: relative;
}

.Purchasediamond-modal-content .modal-title {
    text-align: center;
}

.Purchasediamond-modal-content .modal-title h1 {
    text-align: center;
    color: #f9cc1a;
    position: relative;
    font-weight: 500;
    display: inline-block;
}

.Purchasediamond-modal-content .modal-title h1:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #f9cc1a;
    bottom: -10px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}

span.close {
    color: #ffff;
    position: absolute;
    top: 5px;
    font-size: 36px;
    right: 18px;
    font-weight: bold;
}

.price-box {
    padding-top: 20px;
}

.Purchasediamond-modal-content ul.diamond-price-box {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.Purchasediamond-modal-content ul.diamond-price-box li,
.cancel-btn {
    flex: 30%;
    list-style: none;
    max-width: 180px;
    width: 100%;
    color: #fff;
    border: 2px solid #313131;
    background: #111111;
    background: -moz-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%);
    background: -webkit-linear-gradient(top, #111111 0%, #252525 49%, #111111 51%, #252525 99%);
    background: linear-gradient(to bottom, #111111 0%, #252525 49%, #111111 51%, #252525 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#252525', GradientType=0);
    height: 80px;
    outline: none;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 4px;
}

.Purchasediamond-modal-content ul.diamond-price-box li a {
    padding: 6px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.Purchasediamond-modal-content ul.diamond-price-box li.cancel-btn-outer,
.Purchasediamond-modal-content ul.diamond-price-box li.cancel-btn-outer:hover {
    background: unset !important;
    border: unset;
    display: flex;
    align-items: end;
    justify-content: end;
}

.Purchasediamond-modal-content ul.diamond-price-box li:hover,
.cancel-btn:hover {
    background: linear-gradient(to bottom, #feb301 49%, #ffd163 51%);
    border: 2px solid#edb43d;
}

.Purchasediamond-modal-content ul.diamond-price-box li a {
    text-decoration: none;
}

.cancel-btn {
    max-width: 130px;
    max-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    height: 100%;
}

.Purchasediamond-modal-content ul.diamond-price-box li:hover h6 {
    color: #fff;
}

.diamond-img {
    display: flex;
    justify-content: space-between;
}

.Purchasediamond-modal-content ul li h6 {
    color: #face39;
    font-size: 18px;
    margin: 0;
    padding-bottom: 2px;
    vertical-align: text-bottom;
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .Purchasediamond-modal-content {
        width: 90%;
        overflow-y: auto;
    }

    .Purchasediamond-modal-content .modal-title h1 {
        text-align: center;
        color: #f9cc1a;
        font-size: 24px;
        position: relative;
    }

}

@media only screen and (max-width: 767px) {
    .Purchasediamond-modal-content ul.diamond-price-box {
        justify-content: center;
    }

    .Purchasediamond-modal-content ul.diamond-price-box li,
    .cancel-btn {
        flex: 0 50%;
    }

    .Purchasediamond-modal-content ul.diamond-price-box li.cancel-btn-outer,
    .Purchasediamond-modal-content ul.diamond-price-box li.cancel-btn-outer:hover {
        align-items: start;
        justify-content: center;
    }

    span.close {
        font-size: 24px;
    }
}

@media only screen and (max-width: 575px) {

    .Purchasediamond-modal-content ul.diamond-price-box li,
    .cancel-btn {
        flex: 100%;
    }
}
.Purchasediamond-modal-content .modal-title:after {
    width: 0 !important;
}
.close {
    opacity: 1 !important;
}
.close:hover {
    color: #fff !important;
    opacity: 1 !important;
}

/****************************** NEW POPUP CSS CODE END HERE ******************************/
.get-diamond-new-form .modal-content:after {
    /* background: url(../images/footer-img.png) center center no-repeat; */
    width: 50px !important;
}
.mood-popup-div, 
.applyVoucher_popup_div, 
.about_popup_div {
    width: 600px;
}
.mood-popup-div .modal-body,
.about_popup_div .modal-body,
.applyVoucher_popup_div .modal-body {
    padding: 0px 40px 0px 40px;
}
.mood-popup-div .login-in,
.about_popup_div .login-in,
.applyVoucher_popup_div .login-in {
    padding-bottom: 0;
}
.mood-popup-div .modal-footer,
.about_popup_div .modal-footer {
    margin: 0px 90px;
}
.mood-popup-div .modal-content:after,
.about_popup_div .modal-content:after,
.applyVoucher_popup_div .modal-content:after {
    width: 150px;
    height: 130px;
}
.allInOne_popup_div {
    width: 330px;
}
.allInOne_popup_div .modal-body {
    padding: 0px 40px 0px 80px;
}
.allInOne_popup_div .modal-content:after {
    width: 80px;
    height: 80px;
}
.applyVoucher_popup_div .modal-footer {
    margin: 0px 90px !important;
}
.about_popup_div .login-out label {
    font-size: 20px;
}
.tag_modal_popup {
    width: 600px;
}
.tag_modal_popup .modal-body {
    padding: 0px 30px 0px 40px;
}
.tag_modal_popup .modal-footer {
    margin: 0px 150px;
}
.tag_modal_popup .modal-content:after {
    width: 100px;
    height: 100px;
}
.tag_modal_popup .modal-footer {
    margin: 0 90px;
}
.level-change-color {
     color: #f94564 !important;
 }