styles.css

@import url("https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/flatly/bootstrap.min.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&subset=latin-ext');
body {-webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: 'Montserrat', sans-serif !important; color:white; font-family: 'Montserrat', sans-serif !important; background:#2f3344d9;background-image: linear-gradient(to bottom right,rgba(34, 35, 41, 0.48),rgba(0, 0, 0, 0.76)); height: 100%; } html {border-radius:5px; height: 100%; background:none !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.9; transition: opacity .5s ease-in-out;} .toati {max-height:225px; overflow:hidden;}  .imgparts {position: relative; max-width:310px; margin-top:3px;} .imgparts img {width:100%; }  .rightotpx i {color:#54b384;} .rightotpx {color:#adb2c5; padding-left:18px;} .rightotpx:before { font-family: FontAwesome;
   content: "\f00c";
   display: inline-block;
   padding-right: 2px;
   vertical-align: middle;
   position:absolute;
  left: 0px; color:#54b384;} .downloadfile{margin-right:5px; margin-top:5px;} .animeimgx {display:none;} .startbuttons {padding-top: 5px; padding-bottom:5px;
    float: right;}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #65729f;
    box-shadow: inset 0 0 6px black;
} .btn-sm {padding: 0px 7px;} .mainpadded {padding:5px; padding-top:0px;}
.settingsBox {padding:5px; display:none;}
body::-webkit-scrollbar {
    width: 0.5em;
} .topprofile {margin-top:0px; padding-top:0px !important;} #title-bar-btns {padding:5px; overflow: auto;} .rightbuttons {float:right; overflow:auto;}
body::-webkit-scrollbar-thumb {
     background-color: #6d7697;
} button { -webkit-app-region: no-drag;  transition: all 0.5s ease;} .btn-default {     outline: none;
    color: #d2d2d2;
    background-color: #2f3344d9;
    border-color: #464646;
} .btn-default:hover {
    color: #ffffff;
    background-color: #252525;
    border-color: #303131;
} .btn-default:focus, .btn-default.focus, .btn-default:active {     outline: none !important;
    color: #d2d2d2;
    background-color: #2f3344d9;
    border-color: #464646;
}
.bafckground-overlay {
    background-repeat: no-repeat;
  background-position: center center;
    height: 100%;  background-attachment: fixed;
    background-image: url(https://i.imgur.com/8QQaoIC.jpg);

    position: absolute;
    left: 0;
    top: 22px;
    width: 100%;
    z-index: -1;
}   .navbar-nav>li>a:hover, .navbar-nav>li>a:focus {
    color: #b3bcdd !important; outline: none !important;
} .navbar-default {    background-color: rgba(51, 58, 79, 0.66) !important;
    background-image: linear-gradient(to bottom right,rgba(63, 69, 91, 0),rgba(0, 0, 0, 0.52)) !important; }
 .eyewatchx i {    font-size: 52px;} .eyewatchx {position: absolute; left: 50%;  top: 45%; transform: translate(-50%, -50%);}
table {color:white; } .table-bordered {border: 1px solid #5a6798 !important; } thead, tfoot {color:#9099b7; }
td, th { border: 1px solid #5a6798 !important; } .rightusername {float:right; color:white; display:inline-block; color:#92959E;  margin-top: 23px;  position: relative; margin-right: 5px;} .nav-tabs {font-size: 12px !important; border: none !important;  border-color:rgba(99, 107, 140, 0.7) !important; display: inline-block; margin-bottom: -5px;
    border-top-right-radius: 4px; background: rgba(78,87,122,0.59);} .nav-tabs li a:hover, .nav-tabs li a:focus { background-color: rgba(77, 84, 126, 0.86) !important; outline: none !important;} .nav-tabs li.active a, .nav-tabs li a:active {border-color: rgba(99, 107, 140, 0.7) !important; background-color: rgba(94, 105, 151, 0.68) !important; box-shadow: 0px 0px 11px inset black;} .tinycols h4 {margin-top: 0px !important; font-family: 'Montserrat', sans-serif;}
.pmorx {font-size:12px;} .pmorx a {vertical-align: text-bottom;}
.timeotxt {    color: #9099b7; text-align: right;
  font-size: 12px;} a.list-group-item:focus { background-color: #4d5575 !important;}
.imlogo {    max-height: 40px;
    max-width: 100%;} .rightusername i {color:#86BB71; font-size: 10px;} .topusame {   display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;} .navbar-header {display:inline-block; }
.darkredd {background: #3b9287 !important;} .ball-grid-pulse>div,.ball-pulse-rise>div{height:15px;border-radius:100%;display:inline-block;background-color:#fff;margin:2px}
    .darkblued {background: #3468af !important;} .ghxxrz {display:inline-block;} .text-right {float:right;}
 .recentright {    height: 412px; margin-bottom: 20px;
    overflow: hidden;}
p, h2, h3, h4, .text-right {color:white;} .navbar {line-height: 1px; }
.rx {background:none;} .navbar-brand {color: rgba(163, 180, 219, 0.76) !important;font-size: 23px; font-family: 'Pacifico', cursive;}  .navbar-default {background-color: rgba(51, 58, 79, 0.87) !important;}
.rrx {width: 100%;}
.navbar{border-radius:0;box-shadow:0 2px 22px black;margin-bottom:18px!important}.toprighttype{display:inline-block;float:right}.gtdsx{background-color:#343a54;border-color:#8b96bd}.gtdsx:hover{background-color:#4d5575!important}.ggrx{display:inline-block;width:100%}.blok{    background: rgba(30, 30, 31, 0.95);border-radius:6px!important;}.rightinwel{position:absolute;top:0;right:0;height:100%;width:57px;text-align:center;background-color:#1f253d;padding:10px} .rightinwel span {vertical-align: middle;}
 .topcolz { padding-left: 0px !important; padding-right: 0px !important; } .tinyrows {margin-left: -10px !important;
  margin-right: -10px !important;} .tinycols {    padding-left: 10px;
    padding-right: 10px;} .tinywells {margin-bottom: 12px; padding-bottom: 9px;    padding-right: 0px; background-image: linear-gradient(to bottom right,rgba(49, 55, 76, 0),rgba(0, 0, 0, 0.56));}
.topcolz h4 {margin-bottom: 10px; background-color: rgba(79, 87, 119, 0.69); padding: 5px; font-size: 16px;  width: 100%; display: block; border-bottom: 1px solid rgba(31, 37, 61, 0.65);}
.scnd-font-color {
    color: #9099b7;
} .offegrlistx { padding-top: 0px; padding: 0px; padding-right: 0px !important;}
.gametitle {color:#78c39a !important;     font-weight: 400; letter-spacing: 0.5px;}  .alert-success {background-color: #6d7592; border-radius: 3px; padding: 7px; margin-top: 7px; margin-left: 6px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.49); font-weight: 300; font-size: 15px; letter-spacing: 1px;}  .rightusername {float:right; color:white; display:inline-block; color:#92959E; margin-top: 23px; position: relative;
    margin-right: 5px;}  .nextlistx {word-break:break-all;} .nextlistx p {font-size: 13px; color: #8d96b7;} .nav li a { border-color: #505c88;} .dinco{display:inline-block;min-height:166px;min-width:110px;background-color:#596085;cursor:pointer;padding:5px;border:solid 1px #1f253d!important;padding-top:0;position:relative;border-radius:5px;padding-right:4px;margin-top:4px!important;padding-left:4px}.dkimxlz{position:relative}.anime_titlex{font-size:13px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;text-align:left;max-width:120px}.populartop .anime_titlex{max-width:100px!important}.populartop img{max-width:110px!important;width:100%!important}.populartop{margin:0 auto;width:100%}.divider-inside-bottom{position:relative;overflow:hidden}.divider-inside-bottom:before{content:"";position:absolute;z-index:1;width:96%;bottom:-10px;height:10px;left:2%;border-radius:100px / 5px;box-shadow:0 0 18px rgba(0,0,0,0.6)}
.divider-inside-top-bottom { position:relative; overflow:hidden;} .divider-inside-top-bottom:before {content: "";  position:absolute;  z-index: 1;  width:96%; top: -10px; height: 10px; left: 2%;  border-radius: 100px / 5px; box-shadow: 0 0 18px rgba(0, 0, 0, 0.75);
} .divider-inside-top-bottom:after{content:"";position:absolute;z-index:1;width:96%;bottom:-10px;height:10px;left:2%;border-radius:100px / 5px;box-shadow:0 0 18px rgb(0,0,0)}.lixbott .inwel:last-child{border-bottom:0!important}.navbar-brand,.navbar-nav li a{line-height:45px!important;height:45px!important;padding-top:0!important} .navbar {min-height:45px !important;} .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); } .animafbovc{position:absolute;top:0;opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear;height:100%;left:0;width:100%;background:rgba(0,48,75,0.64);background:-moz-linear-gradient(-45deg,rgba(0,48,75,0.64) 0%,rgba(0,0,0,0.86) 100%);background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(0,48,75,0.64)),color-stop(100%,rgba(0,0,0,0.86)));background:-webkit-linear-gradient(-45deg,rgba(0,48,75,0.64) 0%,rgba(0,0,0,0.86) 100%);background:-o-linear-gradient(-45deg,rgba(0,48,75,0.64) 0%,rgba(0,0,0,0.86) 100%);background:-ms-linear-gradient(-45deg,rgba(0,48,75,0.64) 0%,rgba(0,0,0,0.86) 100%);background:linear-gradient(135deg,rgba(0,48,75,0.64) 0%,rgba(0,0,0,0.86) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00304b',endColorstr='#000000',GradientType=1)} .animafbovc .tixtlis {font-size: 13px;     padding-left: 5px;padding-right: 6px; text-align: left; } .dinco:hover .animafbovc{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.dinco:hover{z-index:5555!important}.loadimg{max-width:40px!important;margin:0 auto;width:100%;margin-top:34px}.dinco{min-height:auto;min-width:auto}.bottomrestdivz{margin:0 auto;width:94%}.playimghold{position:relative;left:50%;top:45%;transform:translate(-50%,-50%);height:50px}.smtxti{font-size:12px;float:right;margin-top:3px}.bottomrestdivz .dinco{min-height:194px;min-width:auto}.navbar-toggle{padding:5px!important;margin-top:10px!important;margin-bottom:0!important}.footerclb .tinywells{margin-bottom:0!important;padding:10px!important}.footerclb{position:sticky;bottom:0;left:0;width:100%}.inwel:after{content:"";display:table;clear:both}.box-item{padding:0;border-radius:5px;overflow:hidden}.box-item .dkimxlz img{width:100%;border-radius:5px}.imgtextov{position:absolute;width:100%;padding:5px;background:rgba(67,81,124,0.91);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:3px 2px 10px black;padding-left:10px;z-index:22}  .wrappopx {overflow: auto;} @media screen and (max-width: 991px) { .imgtextov {padding:2px; padding-left:10px; font-size:13px;}
}
@media screen and (max-width: 767px) {
  .subscribe{vertical-align:initial}.dkimxlz{max-width:344px!important;min-height:71px}.box-item{width:32.9%}
} @media screen and (max-width: 653px) {
  .imgtextov {font-size:11px;}
 .box-item { width: 49%;}
}  @media screen and (max-width: 317px) {
.dkimxlz {max-width:344px !important; min-height: auto;}
} select {    background: #50597b !important;
    border: solid 1px #1f253d !important;
    border-radius: 5px !important;}
.pgnbttnx {margin-bottom: 16px !important;
     margin-top: 16px !important;}
.profile_header_content {
    position: relative;
    color: #898989;
    font-size: 13px;
} .content--center {position:relative; padding-top:16px; } .dbackx {display:none;}
.persona_name {
    line-height: 40px;
    font-size: 24px;
  color: #bcbfd0 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-family: "Motiva Sans", Sans-serif;
    font-weight: 200;
}  .topprofile {background-image: linear-gradient(to bottom right,rgba(49, 55, 76, 0),rgba(0, 0, 0, 0.56)); margin-bottom:22px !important;} input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:white !important; opacity:0.3;
}
input::-moz-placeholder { /* Firefox 19+ */
color:white !important; opacity:0.3;
}

input:-ms-input-placeholder { /* IE 10+ */
color:white !important; opacity:0.3;
}
input:-moz-placeholder { /* Firefox 18- */
 color:white !important; opacity:0.3;
} .preview_imgxz {max-width:500px; width:100%;} #result {padding:5px;}
input::placeholder {color:white !important; opacity:0.3;} select {max-width: 260px; padding:5px !important; height: auto !important;
    background: #50597b !important; margin-top:10px;
    color: #fff !important;
    border-color: #1f253d !important;
  border-radius: 5px !important;}  textarea, input[type=text] {

    background:#2f3344d9;
    color: #fff;
    border: solid 1px #1f253d;
    border-radius: 5px;
} textarea, .kbksearch input {    box-shadow: 1px 1px 15px #242732 inset;} textarea, .kbksearch input { color: #c2d0ff !important;  -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .esserbtn {     opacity: 0.7;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 43px;
    outline: 0px !important;
    background: #6a7a99;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 0px;
} input:focus {
    border: 1px solid rgba(106, 106, 106, 0) !important;
    box-shadow: 0px 1px 32px #242732 inset !important;
    outline: none;
} .searchmainx:focus {
    opacity: 1 !important;
} .esserbtn:hover {background-color: #615a78;
    border-color: #615a78;} .grid {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0 auto;
} .pagination > .disabled > a {background-color: rgba(146, 154, 186, 0.3) !important;}
svg { -webkit-backface-visibility: hidden; }
.grid--hidden { -webkit-backface-visibility: hidden; backface-visibility: hidden;
	position: fixed !important;
	z-index: 1;
	top: 0; overflow: hidden;
	left: 0;
	width: 100%;
	pointer-events: none;
	opacity: 0; -webkit-backface-visibility: hidden;
}

 .grid--loading::before,
.grid--loading::after {
	content: '';
	z-index: 1000; overflow: hidden; -webkit-backface-visibility: hidden;
}

.grid--loading::before { -webkit-backface-visibility: hidden; backface-visibility: hidden;
	position: fixed;
	top: 0;
	left: 0; overflow: hidden;
	width: 100vw;

	background: #2c2d31; -webkit-backface-visibility: hidden; backface-visibility: hidden;
}


.grid__sizer {
	margin-bottom: 0 !important; -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.grid__link {opacity:0; border-radius: 5px;     overflow: hidden;}
.grid__link,
.grid__img { border-radius: 5px;
	display: block;  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}

.grid__img { -webkit-backface-visibility: hidden; backface-visibility: hidden;
	width: 100%;
}

.grid__deco {
	position: absolute;
	top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;
	left: 0;
	pointer-events: none;
}

.grid__deco path {
	fill: none;
	stroke: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;
	stroke-width: 2px;
}

.grid__reveal {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	background-color: #2c2d31;
}
.grid__item {border-radius: 5px; cursor:pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
.grid .grid__item,
.grid .grid__sizer {
	width: calc(50% - 20px);
	margin: 0 10px 20px; -webkit-backface-visibility: hidden; backface-visibility: hidden;
}

@media screen and (min-width: 60em) {
	.grid .grid__item,
	.grid .grid__sizer {
		width: calc((100% / 3) - 20px);
		margin: 0 10px 20px;
	}
}

@media screen and (min-width: 70em) {
	.grid .grid__item,
	.grid .grid__sizer {
		width: calc(25% - 30px);
		margin: 0 15px 30px;
	}
	/* Grid types */
	.grid--type-b .grid__item,
	.grid--type-b .grid__sizer {
		width: calc(20% - 20px);
		margin: 0 10px 20px;
	}

	.grid--type-c .grid__item,
	.grid--type-c .grid__sizer {
		width: calc(25% - 16px);
		margin: 0 8px 16px;
	}
}

.gridtitlek {     width: 100%;
    white-space: nowrap;
    position: absolute; border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: rgba(38, 27, 50, 0.74);
    top: 0px; font-size: 14px;
    left: 0px;
  color: #eaeaea !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px; position: absolute;
    width: 100%;
    padding: 5px;
    background: rgba(67,81,124,0.91);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   box-shadow: 0px 2px 8px black;
    padding-left: 10px;
    z-index: 22;} @media screen and (max-width: 540px) {
  .page-item:not(.active):not(.first):not(.prev):not(.next):not(.last) {display:none;}
  .gridtitlek {font-size:12px; !important;}
  .tixtlis {font-size:12px !important;}
 .box-item { width: 49%;}
}
.animafbovc {position: absolute; border-radius:5px;
    top: 0px;  opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
    height: 100%; cursor:pointer;
    left: 0px;
  width: 100%; background: rgba(67,83,114,1); overflow:hidden;
background: -moz-linear-gradient(top, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,83,114,1)), color-stop(100%, rgba(0,0,0,0.69)));
background: -webkit-linear-gradient(top, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
background: -o-linear-gradient(top, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
background: -ms-linear-gradient(top, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
background: linear-gradient(to bottom, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435372', endColorstr='#000000', GradientType=0 );} .animafbovc .tixtlis {font-size: 14px;     padding-left: 10px;  padding-top: 5px;
    padding-right: 10px; text-align: left; }
.grid__link:hover .animafbovc {opacity:1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; z-index:1111; color: #eaeaea !important;}

.animafbovc {
    position: absolute;
    border-radius: 5px;
    top: 0px;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    height: 100%;
    left: 0px;
    width: 100%;
    background: rgba(67,83,114,1);
    overflow: hidden;
    background: -moz-linear-gradient(top, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,83,114,1)), color-stop(100%, rgba(0,0,0,0.69)));
    background: -webkit-linear-gradient(top, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
    background: -o-linear-gradient(top, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
    background: -ms-linear-gradient(top, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
    background: linear-gradient(to bottom, rgba(67,83,114,1) 0%, rgba(0,0,0,0.69) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435372', endColorstr='#000000', GradientType=0 );
} img{pointer-events: none;} .pagination {     margin-top: 0px;
    margin-bottom: 0px;   background-image: linear-gradient(to bottom right,rgba(49, 55, 76, 0),rgb(0, 0, 0));} .pagination>li>a, .pagination>li>span { background-color: rgba(78,87,122,0.59);
    background-image: linear-gradient(to bottom right,rgba(49, 55, 76, 0),rgba(0, 0, 0, 0.27));} .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    background-color: rgba(78,87,122,0.59);
} .pagination>li:last-child>a {    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;} .pagination > .active > a { cursor: pointer; color: #caeaff;  background-color: rgba(144, 152, 184, 0.62) !important;} .pagination > li > a:hover {    background-color: rgba(144, 152, 184, 0.62) !important;} .pagination > li > a:focus {    background-color: rgba(144, 152, 184, 0.62) !important;   outline: none;} .overlayinputk {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    text-align: center;
    width: 100%;
    background-image: linear-gradient(to bottom right,rgba(56, 64, 89, 0.36),rgba(0, 0, 0, 0.65));
    height: 100%;
    z-index: 22;
} .spinner {
     margin:63px auto 44px;
    width: 100px;
    text-align: center;
}
.overlaypagenate {position: absolute;
    left: 0px;
    top: 0px; border-radius: 3px;
    display: none;
    text-align: center;
    width: 100%;
    background-image: linear-gradient(to bottom right,rgba(56, 64, 89, 0.46),rgba(0, 0, 0, 0.91));
    height: 33px;
    z-index: 22;}
.overlaypagenate .spinner {    margin: 0 auto;
    width: 100px;
    display: inline-block;
    text-align: center;
    padding-top: 8px;}
.spinner > div {
  width: 16px;
  height: 16px;
  background-color: #b9bdce;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.7s infinite ease-in-out both;
          animation: sk-bouncedelay 1.7s infinite ease-in-out both;
  margin-right: 5px;
}
.progress-bar {background-color: #527d5c !important; font-size: 12px !important; padding: 5px !important; }
.progress { margin-bottom: 0px; background-color: #00000094 !important;
    width: 100%;     height: 18px;}
.spinner .spinner__item1 {
  -webkit-animation-delay: -0.60s;
          animation-delay: -0.60s;
}

.spinner .spinner__item2 {
  -webkit-animation-delay: -0.40s;
          animation-delay: -0.40s;
}

.spinner .spinner__item3 {
  -webkit-animation-delay: -0.20s;
          animation-delay: -0.20s;
}
 .overlayinputk .spinner {margin: 0 auto !important;
    width: 100px;
    text-align: center;
      padding-top: 15px;}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.pagniatinohold {position: relative;}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loaderf {display:none;}

.mainboxxz {background:#2f3344d9 !important; margin-bottom:5px;
    color: #fff;
    border: solid 1px #1f253d;
    border-radius: 5px;} textarea.form-control.textarea.mainboxxz::-webkit-scrollbar {
    display: none !important;
}

.nav li a {
    border-color: #505c88;
    border-color: rgba(0, 0, 0, 0.7) !important;
    background-color: rgba(62, 67, 88, 0.68) !important;
    box-shadow: 0px 0px 1px inset black;
    padding: 8px 16px;
    color: #a0a0a0;
} pre {
    display: block;
    padding: 10px;
    margin: 0 0 10.5px;
    font-size: 14px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #c7c7c7;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #313131;
    border-radius: 4px;
}
 .nav-tabs li.active a, .nav-tabs li a:active, .nav-tabs>li.active>a:focus { color:white !important;
    border-color: rgba(0, 0, 0, 0.7) !important;
    background-color: rgba(62, 67, 88, 0.68) !important;
    box-shadow: 0px 0px 11px inset black;
    padding: 8px 16px;
} .nav-tabs {
    font-size: 12px !important;
    border: none !important;
    border-color: rgba(99, 107, 140, 0.7) !important;
    display: inline-block;
    margin-bottom: 0px;
    border-top-right-radius: 4px;
    background: rgba(87, 89, 97, 0);
} .downloadfile {
  width:125px !important;
}.access_key_hold {    position: absolute;
top: 31px;
height: 94%;
width: 100%;
z-index: 4429485;
background: rgba(27, 27, 27, 0.95);} #proxydx {display: none;
max-width: 270px; height: 34px !important;
vertical-align: middle;} .centerinputd {    margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);} #access_key {text-align: center;} .access_btn{margin-top:5px;} .mceiaccess {display:none;} .searchbutton {outline: none;
color: #d2d2d2;
background-color: #2f3344d9;
border-color: #464646;
margin-bottom: 5px; float:none;} .overlayinputk .spinner {
margin: 0 auto !important;
width: 100px;
text-align: center;
padding-top: 15px;
} .spinner {
 margin:63px auto 44px;
width: 100px;
text-align: center;
}
.overlaypagenate {position: absolute;
left: 0px;
top: 0px; border-radius: 3px;
display: none;
text-align: center;
width: 100%;
background-image: linear-gradient(to bottom right,rgba(56, 64, 89, 0.46),rgba(0, 0, 0, 0.91));
height: 33px;
z-index: 22;}
.overlaypagenate .spinner {    margin: 0 auto;
width: 100px;
display: inline-block;
text-align: center;
padding-top: 8px;}
.spinner > div {
width: 16px;
height: 16px;
background-color: #b9bdce;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.7s infinite ease-in-out both;
      animation: sk-bouncedelay 1.7s infinite ease-in-out both;
margin-right: 5px;
}


.spinner .spinner__item1 {
-webkit-animation-delay: -0.60s;
      animation-delay: -0.60s;
}

.spinner .spinner__item2 {
-webkit-animation-delay: -0.40s;
      animation-delay: -0.40s;
}

.spinner .spinner__item3 {
-webkit-animation-delay: -0.20s;
      animation-delay: -0.20s;
}
.overlayinputk .spinner {margin: 0 auto !important;
width: 100px;
text-align: center;
  padding-top: 15px;}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
        transform: scale(0);
opacity: 0;
}
40% {
-webkit-transform: scale(1);
        transform: scale(1);
opacity: 1;
}
}

@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
        transform: scale(0);
opacity: 0;
}
40% {
-webkit-transform: scale(1);
        transform: scale(1);
opacity: 1;
}
} .overlayinputk {
position: absolute;
left: 0px;
top: 0px;
display: none;
text-align: center;
width: 100%;
background-image: linear-gradient(to bottom right,rgba(56, 64, 89, 0.36),rgba(0, 0, 0, 0.65));
height: 100%;
z-index: 22;
} #menu2 {    padding: 20px;} .toggle-on, .toggle-off {padding: 6px 12px;} .scrape_url {display: none;} .current_series {display: none;}
.results_search > .item > .thumb {max-width: 55px;  display: inline-block; vertical-align: top;} .results_search > .item > .info {display: inline-block;} .results_search > .item {margin-top: 5px;   background: rgba(74, 78, 97, 0.72);} .more {display: none;} .mainboxxz {display: none;} .statsBoxcx {padding:10px; font-size:18px;} .nav-tabs{margin-left: 6px; margin-bottom: -4px !important;}