@import url("https://fonts.googleapis.com/css?family=DM+Sans:400,500,700|Source+Sans+Pro:300,400,600,700|Montserrat:300,400,500,600,700&display=swap");
@import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto:900,400,500,700');
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
  src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

body, html {backface-visibility:hidden; } body { 
 } .ukbozx {margin-top:20px; padding-bottom:20px;} .ukbozx h3 { font-size: 30px;} .inlfoad > * {
  vertical-align: middle;  
} .modal {padding-right:0px !important;} .unlockxd:hover, .startfzg:hover { background: -moz-linear-gradient(top, rgba(72,190,196,0.95) 0%, rgba(79,130,135,1) 100%);
    background: -webkit-linear-gradient(top, rgba(72,190,196,0.95) 0%,rgba(79,130,135,1) 100%);
    background: linear-gradient(to bottom, rgba(72,190,196,0.95) 0%,rgba(79,130,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f248bec4', endColorstr='#4f8287',GradientType=0 );}  .instuoffx {color: #888888;} .offkurers:hover {background-color: rgb(31, 31, 31) !important;} .offkurers h5 {font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important; } .offkurers {padding: 4px 5px 9px 10px;} .textfj {color: #797979;} .modal-open {padding-right:0px !important; } .inlfoad img {width:100%;} .modal-body h5 {margin-top: 5px !important;} .modal-body h4 { margin-top: 0px;
  margin-bottom: 5px;} .modal-content {border-radius:10px; background-repeat: no-repeat; background-image: url(https://i.imgur.com/7ccGTRpl.jpeg); background-size: cover;} .modal-footer { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;   background-color: rgba(45, 53, 56, 0.69); padding-top: 8px;  padding-bottom: 14px;} .modal-body {padding-top: 12px; padding-bottom: 1px; background-color: rgba(21, 24, 25, 0.73);} .inlfoad {max-width:160px;} .modal-footer center {margin-bottom: 7px;} .kilzrx {margin: 30px 0 30px 0;
  padding: 10px;
  white-space: nowrap;}
.selectzxz { background: #797979; color:black;} .glyphicon-menu-down {padding-top: 2px;} .gameinofx {position:relative;}
.edition-text {margin-top:10px;}
.bottomdivnext { position: relative; min-height:300px; border-top: 6px solid #26ffdf; background-size: cover;
background-position: 0px 0px; background-repeat: no-repeat; background-image: url(https://i.imgur.com/7ccGTRpl.jpeg);}
.startzg {color: #ffffff; position:relative;
    text-shadow: 1px 0px 3px black;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;   z-index: 1;
    border: 1px solid #3d3d3d94;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block; -webkit-transition: all 0.5s; transition: all 0.5s;
    background: -moz-linear-gradient(top, rgba(72,190,196,0.95) 0%, rgba(79,130,135,1) 100%);
    background: -webkit-linear-gradient(top, rgba(72,190,196,0.95) 0%,rgba(79,130,135,1) 100%);
    background: linear-gradient(to bottom, rgba(72,190,196,0.95) 0%,rgba(79,130,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f248bec4', endColorstr='#4f8287',GradientType=0 );} .startzg::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
background: -moz-linear-gradient(top, rgba(72,190,196,0.95) 0%, rgba(79,130,135,1) 100%);
    background: -webkit-linear-gradient(top, rgb(57 89 90 / 95%) 0%,rgba(79,130,135,1) 100%);
    background: linear-gradient(to bottom, rgb(61 87 88 / 95%) 0%,rgba(79,130,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f248bec4', endColorstr='#4f8287',GradientType=0 );
  z-index: -1;
  transition: opacity 0.2s linear;
  opacity: 0;
}
.startzg:hover::before {
  opacity: 1;
}
.navh {background-color:#151515 !important; border-bottom: 1px solid #a99832; padding:5px;} 
.productimg {max-width:300px;} .productimg img {width:100%;} .smalgri .well {background-color: rgba(27, 27, 27, 0.9);}
.logobox {max-width:136px; display: inline-block;} .logobox img {width:100%;} .pull-rft { line-height: 3;} h3::before {
    content: "\2605";
    color: #26ffdf;

    font-size: 40px;
    margin: auto 0;
} .modal-dialog {-webkit-transition: all 1s; /* Safari */
    transition: all 1s; }
.mainbackheader {max-width:1920px; position:fixed; top:44px; left:0px; z-index: -22;} .mainbackheader img {width:1920px;} .mainhuz {padding-top:10px;} .topzk { padding-top: 10px; background-color: rgba(27, 27, 27, 0.9);} .topwe h3 {font-family: 'Roboto', sans-serif; margin-bottom:0px !important; margin-top:0px !important;} .topwe {font-weight: bold;
    font-style: normal; 
    text-transform: uppercase;
  color: #ffffff;} .glyphicon-star {    color: #9f912a;} .smalgri {display:none;}
@media(max-width:767px) {
  
}
@media(max-width:620px) {
  h3 {    font-size: 4.2vw;} .topwe h3::before {font-size:inherit;}
}
@media(max-width:555px) { .topzk {border-top-left-radius:0px !important; border-top-right-radius:0px !important;} .modal-dialog { margin: 0; margin-top:59px; }
    .mainhuz { padding-top:3px !important;
      padding-left:0px !important; padding-right:0px !important;
    }
  .firzrow { margin-right: 0px !important;} .rolzcol {padding-right:0px !important;} 
} .dropdown-menu li a:hover {background:#c7c7c7; color:black;}
.dropdown-toggle {width: 100%;
    background: #262626;  padding: 5px 15px !important;
  text-align: left;} hr {border-color: #9f912a; margin-top: 10px;} .modal-header {position: relative;}
.dropdown {border: 1px solid #ffffff;
    position: relative; 
    margin: .25rem 0 0; margin-bottom:10px;
    cursor: pointer;
    border-radius: 2px;}
.dropdown-menu {    border: 1px solid white;
    border-top: 0px; width:100%;
    border-radius: 0;}
.countriy {    max-height: 200px;
  overflow-y: scroll;} 
.countriy::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.countriy::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.countriy::-webkit-scrollbar-thumb
{
	background-color: #9f912a; border-radius:10px; box-shadow:0px 1px 4px black;
}
.gamnepcmainwwii, .gamneps4wwii, .gamnexboxonewwii
{ max-width: 100%; background-size: 100%; background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/365014/WWiiSpritegames.png'); }
 
.gamnepcmainwwii { background-position: 0 0%; background-size: 100%; }
.gamneps4wwii { background-position: 0 50%; background-size: 100%; }
.gamnexboxonewwii { background-position: 0 100%; background-size: 100%; } .modal-header {padding-top:5px !important; padding-bottom:5px !important;     background-color: rgba(79, 102, 105, 0.37); border-top-left-radius: 10px; border-top-right-radius: 10px;} .modal-header h4 {    margin-top: 0px;
    margin-bottom: 0px;} .ghcbitchz {
    width: 100%;
    position: relative;
} .unlockxd { border-color: transparent; background: #9f912a !important; border-top-left-radius:0px !important; border-bottom-left-radius:0px !important; } .ghuuxzzw { margin-top: 1px;
    font-size: 15px;
} button:focus {outline:0 !important;} .btn-prod { 
    text-align: center; font-size: 20px;
    background: transparent !important;
    background-color: transparent;
    background-image: -webkit-linear-gradient(#404448, #4e5458 40%, #585e62) !important;
    background-image: -o-linear-gradient(#404448, #4e5458 40%, #585e62) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#404448), color-stop(40%, #4e5458), to(#585e62)) !important;
    background-image: linear-gradient(#404448, #4e5458 40%, #585e62) !important;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff404448', endColorstr='#ff585e62', GradientType=0) !important;
    -webkit-filter: none;
    filter: none;
    color: white !important;
    border: 1px solid #7a8288 !important; border-right: 0px solid transparent !important;
}
.animatede { 
    animation-duration: 0.85s; 
    animation-fill-mode: both; 
}
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    animation-name: fadeIn; 
}

@keyframes lightSpeedIn { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1;} 
} 
.lightSpeedIn { 
    animation-name: lightSpeedIn; 
    animation-timing-function: ease-out; 
} 
.animated.lightSpeedIn { 
    animation-duration: 0.5s; 
}


ul.dropdown {padding-left: 0px !important;}

.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 100%;
    margin: 0 auto;
       padding: 5px 15px !important;

    /* Styles */
    background:#262626;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;

    /* Font settings */
    font-weight: bold;
    color: #ffffff;
    border: 1px solid #ffffff;
    position: relative;
    margin: .25rem 0 0;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 2px;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}
#dd {min-height: 35px;} .ihedhl {box-shadow: 0px 3px 9px black;  background-color: rgb(64, 128, 83) !important;
  text-shadow: 0px 1px 2px black;} .helpitk { overflow: hidden; background-color: rgb(33, 33, 33) !important;}
.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    
    left: 0;
    right: 0;
margin-top:8px;
    /* Styles */
      background: #424242;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    transition: all 0.2s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
  padding: 3px 20px;
    text-decoration: none;
    color: white;
    
    box-shadow: inset 0 1px 0 rgb(27, 27, 27);
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {

}
.wrapper-dropdown-3 .dropdown {z-index:683;}
.wrapper-dropdown-3 .dropdown li:last-of-type a {
 
    border: none;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #676767;
}
.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
} .activeheader {    background-color: #d4d4d4 !important;
    border-bottom: 1px solid #b5b5b5;}
 .panel-heading 
  {
   cursor: pointer;
   padding: 0;
  }

.panel-title a
 {
  display: block;
  padding: 10px  15px;
} .grttdhel {margin-top:10px;} 
@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 

.bounce { 
    animation-name: bounce; 
}
.animatedf { 
    animation-duration: 1s; 
    animation-fill-mode: both; 
} .infotelop {position: absolute; width:100%; display:block; top:-33px; left:0px; text-align: center !important;} .innerinfoulo {position: relative; display:inline-block; margin:0 auto; background:black; padding:5px; border:1px solid grey; color: #da6161;} .input-group-addon { z-index: 11; position: relative;} .animatff { 
    animation-duration: 0.6s; 
    animation-fill-mode: both; 
}
@keyframes slideInUp { 
    0% { 
        visibility: visible; 
        transform: translate3d(0, 100%, 0); 
    } 
    100% { 
        transform: translate3d(0, 0, 0); 
    } 
} 
.slideInUp { 
    animation-name: slideInUp; 
} 
.fiuglx {display: none;}
.avtct {display:block !important;} .offkurers:focus, .offkurers:active  {background-color: #2b2b2b !important; outline: none;}
.topinfocheck {position: absolute; display:none;
   background: rgb(12 12 12 / 94%);
    z-index: 9944;
    top: 0px; height:100%; left:0px;
    width: 100%;
    padding: 8px;}
.loader {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 18px;
  vertical-align: top;
}
.loader-bars:before,
.loader-bars:after,
.loader-bars span {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 15px;
  background-color: green;
  -webkit-animation: grow 1.5s linear infinite;
  animation: grow 1.5s linear infinite;
}

.loader-bars:after {
  left: 15px;
  -webkit-animation: grow 1.5s linear -0.5s infinite;
  animation: grow 1.5s linear -0.5s infinite;
}

.loader-bars span {
  left: 30px !important;
  -webkit-animation: grow 1.5s linear -1s infinite;
  animation: grow 1.5s linear -1s infinite;
}

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
  }
}
@keyframes grow {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
  }
}
.noselectx {user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -moz-user-select: none;

  }
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font: normal normal 16px/1 'Glyphicons Halflings';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-right: 4px;
} .glyphicon-option-horizontal {
    top: 3px;
    margin-right: 0px;}
/* Add icons you will be using below */
.glyphicon-option-horizontal:before {
    content: "\e234";
}
.glyphicon-remove:before {
    content: "\e014";
}
* {
  outline: none;
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
body, html {-webkit-backface-visibility: hidden !important; backface-visibility: hidden; }



.trendCountx2 {font-size: 14px;
    position: absolute;
    display: inline-block;     z-index: 15;
    right: 0px; bottom: unset !important;
    left: unset !important;
    width: unset !important;}


.profile-avatar {
  position: absolute;
  align-items: center;
  display: flex;
  z-index: 1;
  bottom: 16px;
  left: 24px;
}


 .tippy-content {padding:0px !important; background-color:#1b1a26; border-radius:5px; color: #5c5e6e; box-shadow:0px 0px 4px black;}
.intro-menu-dropdown {} .tippy-arrow {border-color:#1b1a26; }
.intro-menu-item {padding:10px; cursor:pointer; transition: background-color 0.5s ease;}
.intro-menu-item:hover {background-color:#2d2f42;}
.intro-menu .glyphicon-option-horizontal {font-size:20px; color:#7f7f7f;}

::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.01);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.11);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.1);
}
body::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}

/* Track */
body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.01);
}

/* Handle */
body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.11);
  border-radius: 10px;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.1);
}
.inputHOldz {position:relative; width:100%; height:100%;} .closeInputbtnz {position:absolute; right:0; }
.friendsBoxz3 {position: relative;   transition: left 1ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms,
           top 2ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, width 3ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
	  transform-origin: left;
  transition: width 2ms cubic-bezier(0.4, 0.0, 0.2, 1) 1ms, height 2ms cubic-bezier(0.4, 0.0, 0.2, 1);}

 .sihigbox {max-width:182px !important; width:100%;  display:inline-block; position:relative;} .sihigbox img {width:100%; max-width:182px;} .profile {overflow:hidden;} .frame { width: 100%; height: 160px; padding: 0; }
#modalLogin {display:none; background: #20202c !important; border-radius: 10px !important; z-index: 999999 !important; } #modalLogin .iziModal-wrap {border-radius: 10px !important;} #modalLogin .iziModal-content { 
    background-image: url(https://assets.codepen.io/365014/1_tFk7xBAqARnZhQYJObAh_g.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;} .modalHoldx {padding:30px !important; border-radius:10px; z-index:2; position:relative;} #modalLogin .iziModal-content::before {
    content: '';
    background-image: linear-gradient(to bottom,rgba(27,26,38,.75),#1b1a26);
    width: 100%;
    height: 101%;
    position: absolute;
    border-radius: 10px;
}
.modal-titlexreg { font-size: 1rem;
    text-align: center; 
    font-weight: 600; color:#a5a5a5db;
	margin-bottom: 10px; margin-top: 10px;
    line-height: 1.5;
} .form-group {
    margin-bottom: 20px;
} .prelabel {
    font-size: 11px;
    text-transform: uppercase;
    opacity: .5;
    font-weight: 400;
    letter-spacing: 1px;
} label { box-sizing: border-box;
    display: inline-block;
    margin-bottom: 0.5rem; cursor: default;
} .form-control {
    font-size: 13px;
    border-radius: 3px;
      display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #919bab;
   background-color: #1a1925e6;
    border: 1px solid #33323e85;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} .forgot-tab-link {color: #979797;} .custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
} .float-left {
    float: left!important; box-sizing: border-box;
} .float-right {
    float: right!important; box-sizing: border-box;
} .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0; box-sizing: border-box;
    padding: 0; margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
} .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: ""; box-sizing: border-box;
    background-color: #282828;
    border: #adb5bd solid 1px;
} .custom-control-label {
    line-height: 1.5rem; position: relative;
    margin-bottom: 0;
    vertical-align: top;
} .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #7b7b7b;
    background-color: #28741c;
} .custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
} .custom-control-label::before {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem; box-sizing: border-box;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
} .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
} .clearfixx::after {
    display: block;
    clear: both;
    content: "";     box-sizing: border-box;
} .clearfixx {box-sizing: border-box;}
.right-side-button.loggedOutbtn {position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border: 0;
    width: 68px; font-family:Montserrat,Arial !important;
	font-size:15px;
    background-color: #1e2031;
    border-left: 1px solid #272a3a;
    color: #fff;
    display: block;
	cursor: pointer;}
.right-side-button .logintxtii {display:none;}
.right-side-button.loggedOutbtn .logintxtii {display:block; padding-left:5px; padding-right:5px;} .right-side-button.loggedOutbtn .chaticonsz {display:none;}
.right-side-button.loggedOutbtn::before {display:none;}
.right-side.loggedOutm {
    position: fixed;
    right: 0;
    top: 0;
    transition: 0.3s;
    height: 100%;
    transform: translateX(280px);
    z-index: 4;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.frame .slidee { margin: 0; padding: 0; height: 100%; list-style: none; overflow:hidden;}
.frame .slidee li { float: left; margin: 0 5px 0 0; padding: 0; width: 182px; height: 100%; }
.profile .box.intro {overflow:hidden !important;}   .mainslideBoxes img {max-width:182px; width:100%; height: auto;} 
.trendCountx {bottom: unset !important;
    left: unset !important;     z-index: 15;
    width: unset !important;}


/* below makes overflow in swiper work */
.maincfront {display: inline-grid;
    align-items: start;}

/* end */
.btn.btn-primary.btn-block {}
#modalLogin .btn {
    padding: 0.5rem 0.75rem;
    font-size: 14px;
    box-shadow: none!important;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-focus, .btn-primary, .btn-tab.active {
      background: #525469!important;
    color: #c2c2c2!important;
    border-color: #525252!important;
    box-shadow: none!important;
} #modalLogin .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.vidcontaintop1 {max-height:unset !important;}
.playerOverlayTextHold {
	overflow:hidden;
    display: inline-block;
    visibility: visible;
    opacity: 0;
    top: 0;
    position: absolute;
    -webkit-transition: visibility .1s,opacity .1s;
    -moz-transition: visibility .1s,opacity .1s;
    -o-transition: visibility .1s,opacity .1s;
    transition: visibility .05s,opacity .05s;
    left: 0;
    max-width: 809px;
    width: 100%;
    height: 169px;
/*     transition: opacity 250ms cubic-bezier(0, .25, .25, 1),background-size 250ms cubic-bezier(0, .25, .25, 1); */
	    transition: opacity .01s ease-in-out,transform .01s ease-in-out;
    pointer-events: none;
}  .plyr--paused .playerOverlayTextHold {
    visibility: visible !important;
    opacity: 1 !important;
} .plyr--playing .playerOverlayTextHold {
    visibility: visible !important;
    opacity: 1 !important;
} .plyr--hide-controls .playerOverlayTextHold {
	 visibility: hidden !important;
    opacity: 0 !important;
}  .blob-cmi {
    background: linear-gradient(to right, #000000 16.59%, rgb(0, 0, 0) 99.57%);
    color: white;
} .blob-color {
    position: absolute;
    top: 0px;
    left: -100px;
    height: 50px;
    width: 79%;
    filter: blur(40px);
    -webkit-filter: blur(40px);
    -moz-filter: blur(40px);
    -o-filter: blur(40px);
    -ms-filter: blur(40px);
    border-radius: 35%;
    z-index: 2;
} .overlaytxtfplayer {
    padding: 13px;
    padding-top: 10px;
    font-family: 'Montserrat', sans-serif !important;
    position: relative;
    z-index: 22;
} .folytxt {
    font-size: 21px;
    text-shadow: 1px 1px 2px black;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 21px;
    max-width: 508px;
} .nopadxz {
	margin-top: 0px !important;     color: #dadada !important;
	   font-family: 'Montserrat', sans-serif !important;     padding: 5px;
    font-size: 16px;
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(31, 37, 61, 0.27); margin-bottom: 0px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} .fi3 {
    color: #d4dbe1;
} .nopadxz a { text-decoration:none !important;
    color: #b7bff2;
} .vidmidcon12 { padding-top: 3px !important;}

.plyr--paused .controlbackdrop {
    visibility: visible !important;
    opacity: 1 !important;
}
.plyr--playing .controlbackdrop {
    visibility: visible !important;
    opacity: 1 !important;
} .plyr--hide-controls .controlbackdrop {
	 visibility: hidden !important;
    opacity: 0 !important;
} 
.controlbackdrop {
    display: block;
    visibility: visible;
    opacity: 0;
    top: 0;
    position: absolute;
    -webkit-transition: visibility .1s,opacity .1s;
    -moz-transition: visibility .1s,opacity .1s;
    -o-transition: visibility .1s,opacity .1s;
    transition: visibility .1s,opacity .1s;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.53) 77%, rgb(0, 0, 0) 100%) 100% 100% / 100% 240px no-repeat transparent;
    transition: opacity 250ms cubic-bezier(0, .25, .25, 1),background-size 250ms cubic-bezier(0, .25, .25, 1);
    pointer-events: none;
}